@charset "utf-8";
#fv { background: url(../images2/message/fv_bg_1.jpg) center center no-repeat; background-size: 1600px; color: #fff;}
#fv h2 span { line-height: 130%; }
#fv p { padding: 10px 0 0;}

h3.h3 {font-size: 18px;padding: 0px;}
h3.h3 span{ font-family: 'JosefinSans-BoldItalic'; font-size: 76px; letter-spacing: 0px; font-weight: 700;}
.flex{display: flex;}
.inner_2{max-width: 1100px; margin: 0 auto; padding: 0 50px;}

/*----------------------------------------#message---------------------------------------------*/
#message{padding: 79px 0 0;}
#message .text_box{padding: 60px 0 0;}
#message .text_box p.text{font-family: hiragino-mincho-pron, sans-serif; font-weight: 300; font-style: normal; font-size: 22px; line-height: 260%;}
#message .text_box p.text:not(:last-child){padding: 0 0 44px;}
/* #message .text_box p.text span.big_tt{font-size: 48px;font-family: 'Noto Sans Japanese bold'; line-height: 146%;display: inline-block; font-feature-settings: "palt";} */
/* #message .text_box p.text span.bg_black{background: #000; color: #fff;} */
/* #message .text_box p.text span.font_bold{font-family: 'Noto Sans Japanese bold';font-size: 26px; line-height: 270%; } */
#message .text_box p.text span.right_gap{margin: 0px 0px 0 0;}


#message .text_box p.text.text_2 span.big_tt{margin: 30px 0 0;display: unset;}

#message .text_box p.text.text_4 span.tt_1{ margin: 0 -12px;}
#message .text_box p.text.text_5 span.tt_1{ margin: 0 -12px 0 -30px;}
#message .text_box p.text.text_5 span.tt_2{ margin: 0 -10px;}

#message .text_box p.text.text_6 span.big_tt{display: unset; margin: 0 -15px 0 -30px; letter-spacing: 0px;}
#message .text_box p.text.text_7 span.bg_black{margin: 15px 0; display: inline-block; padding: 0 0 4px;}
#message .text_box p.text.text_7 span.mini_tt{font-size: 30px;}
/* #message .text_box p.text.text_9 span.bg_black{margin: 15px 15px 15px 0;} */
#message .btm_tt{max-width: 1100px; margin: 0 auto; text-align: right; padding: 29px 0 0;}
#message .btm_tt p{display: inline-block; text-align: center; font-family: 'Noto Sans Japanese'; font-size: 22px; line-height: 100%;}
#message .btm_tt p span{font-size: 46px; font-family: "Sawarabi Mincho", serif; font-weight: 400; font-style: normal; line-height: 160%;}

/*----------------------------------------#biography---------------------------------------------*/
#biography{padding: 145px 0 0;}
#biography p{font-size: 18px; line-height: 237%; font-family: 'Noto Sans Japanese'; padding: 60px 0 0;}
#biography .img_box{padding: 120px 0 0;}
#biography .img_box img{width: 100%; height: auto;}

/*----------------------------------------#corporate_identity---------------------------------------------*/
#corporate_identity{padding: 120px 0 170px;}
#corporate_identity .content_box{padding: 99px 0 0;}
#corporate_identity .content_box .flex{justify-content: space-between;}
#corporate_identity .content_box .flex.right_flex{flex-direction: row-reverse;}
#corporate_identity .content_box .flex .text_box{width: 531px; height: auto;}
#corporate_identity .content_box .flex.flex_2 .text_box{width: 50%;}
#corporate_identity .content_box .flex .text_box h4{position: relative;}
#corporate_identity .content_box .flex .text_box h4 .bg_title{font-family: 'JosefinSans-BoldItalic'; font-size: 76px; line-height: 100%; color: #D9D9D9; font-weight: 600; position: absolute; top: 0px; left: 0px;}
#corporate_identity .content_box .flex .text_box h4 .title{font-size: 34px; line-height: 145%; position: relative; z-index: 1;font-family: 'Noto Sans Japanese medium';}
#corporate_identity .content_box .flex .text_box p{font-size: 18px; line-height: 180%; font-family: 'Noto Sans Japanese'; padding: 15px 0 0;}
#corporate_identity .content_box .flex .text_box p b{font-size: 24px; font-family: 'Noto Sans Japanese medium';}
#corporate_identity .content_box .flex img{ width: 46%; }

#corporate_identity .content_box .flex.flex_1 .text_box h4{padding: 38px 0 0;}
#corporate_identity .content_box .flex.flex_2 .text_box h4{padding: 36px 0 0;}
#corporate_identity .content_box .flex.flex_3 .text_box h4{padding: 30px 0 0;}

#corporate_identity .content_box .flex.flex_1{}
#corporate_identity .content_box .flex.flex_2{padding: 95px 0 0;}
#corporate_identity .content_box .flex.flex_3{padding: 120px 0 0;}

/*----------------------------------------#manufacture---------------------------------------------*/
#manufacture{padding: 120px 0 170px;}
#manufacture .manufacture_img_1{padding: 80px 0 0; text-align: center;}
#manufacture .flex{padding: 60px 0 0; justify-content: space-between;}
#manufacture .flex h4{font-family: 'Noto Sans Japanese bold';font-size: 45px; line-height: 145%;}
#manufacture .flex p{width: 690px; font-size: 18px; line-height: 223%; font-family: 'Noto Sans Japanese'; }
#manufacture .top_page .btn { padding: 80px 0 0;}

@media only screen and (max-width:640px){
	#fv { background: url(../images2/message/fv_bg_1_sp.jpg) center center no-repeat; background-size: 100%;}
	#fv p { padding: 8px 0 0; font-size: 11px; line-height: 155%;}
	#fv h2{padding: 0px;}
	#fv h2 span {line-height: 130%; font-size: 34px; letter-spacing: 0;}
	
	h3.h3 {font-size: 16px;}
	h3.h3 span{font-size:34px; line-height: 100%; margin: 0px 0 0px;}
	.flex{display: block;}
	.inner_2{max-width: 90%; padding: 0;}
	/*----------------------------------------#message---------------------------------------------*/
	#message{padding: 30px 0 0;}
	#message .text_box{padding: 33px 0 0;}
	#message .text_box p.text{font-size: 14px; line-height: 243%; }
	#message .text_box p.text:not(:last-child){padding: 0 0 30px;}
/* 	#message .text_box p.text span.big_tt{font-size: 22px;line-height: 150%;display: unset;} */
/* 	#message .text_box p.text span.font_bold{font-size: 14px; } */
	#message .text_box p.text span.right_gap{margin: 0px 0 0 0;}
	
	
	#message .text_box p.text.text_2 span.big_tt{margin: 0;}
	#message .text_box p.text.text_3 span.SP{display: inline-block;}
	#message .text_box p.text.text_3 span.right_gap{display: inline-block; margin: 0 10px 0 0;}
	
	#message .text_box p.text.text_4 span.tt_1,
	#message .text_box p.text.text_5 span.tt_1,
	#message .text_box p.text.text_5 span.tt_2,
	#message .text_box p.text.text_6 span.big_tt {margin: 0;}
	#message .text_box p.text.text_7 span.bg_black{margin: 0; display: inline-block; background:none; padding: 0;}
	#message .text_box p.text.text_7 span.big_tt{background: #000; padding: 1px 0 2px; display: block; margin: 0 0 2px;}
	#message .text_box p.text.text_7 span.mini_tt{font-size: 13px; display: inline-block; background: #000; padding: 3px 7px;}
/* 	#message .text_box p.text.text_9 span.bg_black{margin: 10px 0; display: inline-block;} */
	#message .btm_tt{text-align: center; padding: 40px 0 0;}
	#message .btm_tt p{ font-size: 14px; line-height: 100%;}
	#message .btm_tt p span{font-size: 28px; line-height: 160%;}
	
	/*----------------------------------------#biography---------------------------------------------*/
	#biography{padding: 91px 0 0;}
	#biography p{font-size: 14px; line-height: 229%; padding: 40px 0 0;font-family: 'Noto Sans Japanese regular';}
	#biography .img_box{padding: 40px 0 0;}
	#biography .img_box img{width: 100%; height: auto;}
	
	/*----------------------------------------#corporate_identity---------------------------------------------*/
	#corporate_identity{padding: 60px 0 78px;}
	#corporate_identity .content_box{padding: 35px 0 0;}
	#corporate_identity .content_box .flex .text_box{width: 100%; height: auto; padding: 30px 0 0;}
	
	#corporate_identity .content_box .flex img{width: 100%; height: auto;}
	#corporate_identity .content_box .flex.flex_2 .text_box{width: 100%;}
	#corporate_identity .content_box .flex .text_box h4{position: relative;}
	#corporate_identity .content_box .flex .text_box h4 .bg_title{font-size: 34px; line-height: 112%; }
	#corporate_identity .content_box .flex .text_box h4 .title{font-size: 20px; line-height: 150%; font-family: 'Noto Sans Japanese bold';}
	#corporate_identity .content_box .flex .text_box p{font-size: 14px; line-height: 229%; padding: 20px 0 0;font-family: 'Noto Sans Japanese regular';}
	#corporate_identity .content_box .flex .text_box p b{font-size: 18px; }

	#corporate_identity .content_box .flex.flex_1 .text_box h4{padding: 18px 0 0;}
	#corporate_identity .content_box .flex.flex_2 .text_box h4{padding: 18px 0 0;}
	#corporate_identity .content_box .flex.flex_3 .text_box h4{padding: 16px 0 0;}
	
	#corporate_identity .content_box .flex.flex_2{padding: 50px 0 0;}
	#corporate_identity .content_box .flex.flex_3{padding: 50px 0 0;}
	
	/*----------------------------------------#manufacture---------------------------------------------*/
	#manufacture{padding: 60px 0 78px;}
	#manufacture .manufacture_img_1{padding: 30px 0 0;}
	#manufacture .manufacture_img_1 img{width: 100%; height: auto;}
	#manufacture .flex{padding: 30px 0 0; }
	#manufacture .flex h4{font-size: 20px; line-height: 145%;}
	#manufacture .flex p{width: 100%; font-size: 14px; line-height: 229%; padding: 30px 0 0; font-family: 'Noto Sans Japanese regular';}
	#manufacture .top_page .btn { padding: 60px 0 0;}

}