@charset "utf-8";

/*-------------------------
 * header
--------------------------*/
#place_header { width: 100%; max-width: 980px; margin: 50px auto 40px; background-color: #fff; }
#place_header #title_wrap { background-color: #cc0000; color: #fff; }
#place_header #title_wrap .container { padding: 5em 30px 3em 63px; overflow: hidden; }
#place_header #title_wrap .label { font-size: 114.2%; }
#place_header #title_wrap #page_title { margin-bottom: 3em; font-size: 240%; letter-spacing: 0.2em; }
#place_header #title_wrap #page_catch { font-size: 142.8%; }
#place_header #title_wrap .thumb { float: right; width: 50%; max-width: 490px; }
#place_header #title_wrap .thumb img { max-width: 100%; vertical-align: bottom; }

#place_header #category_icon { padding: 20px 20px 1em; border: 1px solid #d9d9d9; border-top: none; }
#place_header #category_icon ul li { float: left; width: 5.98%; max-width: 56px; margin-left: 2.56%; }
#place_header #category_icon ul li:first-child { margin-left: 0; }
#place_header #category_icon ul li span { display: block; margin-top: 0.5em; text-align: center; font-size: 80%; line-height: 1.25; }
#place_header #category_icon ul li img { max-width: 100%; vertical-align: bottom; }

@media only screen and (max-width: 640px) {
	#place_header { max-width: inherit; margin: 0 0 40px; }
	#place_header #title_wrap .container { padding: 2em 20px; }
	#place_header #title_wrap .label { margin-bottom: 0.75em; font-size: 85.7%; }
	#place_header #title_wrap #page_catch { font-size: 100%; line-height: 1.45; }
	#place_header #title_wrap .thumb { float: none; width: 100%; max-width: inherit; }
	#place_header #category_icon { padding: 10px 20px 0; border: none; }
	#place_header #category_icon ul li { width: 13.2%; max-width: inherit; margin: 10px 0 0 4%; }
	#place_header #category_icon ul li:nth-child(1),
	#place_header #category_icon ul li:nth-child(7) { margin-left: 0; }
	#place_header #category_icon ul li span { margin-top: 0.5em; font-size: 71.4%; }
}



/*----------------------
 * 追記20150304
-----------------------*/
.notes{float:right; margin:0.5em 0 0 ; font-size: 80%;}
@media only screen and (max-width: 640px) {
.notes{float:right; margin:1em 2em 0 0 ; font-size: 80%;}
}
/*-------------------------
 * セクション・レイアウト
--------------------------*/
#summary .sub_section + .sub_section { margin-top: 1.75em; padding-top: 1.75em; border-top: 1px solid #ccc; }
.bg_gray_wrap { margin: 1.5em 0 2em; }
.bg_gray_wrap .label { margin-bottom: 1em; padding-bottom: 0.75em; }

@media only screen and (max-width: 640px) {
	.bg_gray_wrap { margin: 1.5em 0; }
	.bg_gray_wrap .label { margin-bottom: 0.5em; padding-bottom: 0.5em; }
}

/*-------------------------
 * アイコン
--------------------------*/
@media only screen and (max-width: 640px) {
	a.icon_blank { padding-right: 0;}
}

/*-------------------------
 * 見出し
--------------------------*/
.headline{ font-weight: 500; }
.sub_section .emphasis{ font-weight: 600; }

/*-------------------------
 * ページ内アンカー
--------------------------*/
.page_anchor { margin-bottom: 3.75em; }

@media only screen and (max-width: 640px) {
	.page_anchor { margin-bottom: 3.35em; }
}

/*-------------------------
 * 所在地
--------------------------*/
.locations + .locations { margin-top: 1.35em; }
.locations .thumb { float: left; }
.locations .thumb img { width: 100%; max-width: 200px; margin-right: 40px; }
.locations .address_wrap { margin-top: 1.35em; padding-bottom: 1.35em; border-bottom: 1px solid #ccc; }
.locations .address_wrap:first-child { margin-top: 0; }
.locations .address_wrap .address:has(+ .map_button) { float: left; width: 67.6%; max-width: 500px; }
.locations .address_wrap .address .label { margin-bottom: 0.15em; font-weight: bold; }
.locations .address_wrap .map_button { float: right; width: 27%; max-width: 200px; }
.locations .address_wrap .map_button a { display: inline-block; width: 100%; padding: 0.35em 5px; background-color: #cc0000; text-align: center; color: #fff; }
.locations .address_wrap .map_button a:hover { background-color: #e68080; text-decoration: none; }

/*----------------------
 * 追記20200514
-----------------------*/
.locations .laboratory_wrap_l { float: left; width: 48%; max-width: 360px; }
.locations .laboratory_wrap_r { float: right; width: 48%; max-width: 360px; }
.locations .laboratory_button a { display: inline-block; width: 100%; margin-top: 20px; padding: 0.9em 5px; background-color: #636363; text-align: center; color: #fff; }
.locations .laboratory_button a:hover { background-color: #979797; text-decoration: none; }

@media (max-width: 1023px) and (min-width: 641px) {
.locations .laboratory_wrap_l { float: left; width: 46.5%; max-width: inherit; }
.locations .laboratory_wrap_r { float: right; width: 46.5%; max-width: inherit; }
}

@media only screen and (max-width: 640px) {
	.locations .thumb { float: none; padding: 0.5em 40px 1em; }
	.locations .thumb img { width: 100%; max-width: inherit; margin-right: 0; }
	.locations .address_wrap .address:has(+ .map_button) { float: none; width: 100%; max-width: inherit; }
	.locations .address_wrap .address .label { margin-bottom: 0.35em; }
	.locations .address_wrap .map_button { float: none; width: 100%; max-width: inherit; margin-top: 0.85em; }
	.locations .address_wrap .map_button a { padding: 0.75em 5px; }
	.locations .address_wrap .map_button a:hover { background-color: #cc0000 }
/*----------------------
 * 追記20150401
-----------------------*/
	.locations .address_wrap .map_button .icon_blank { padding-right:10px;}
	.locations .address_wrap .map_button .icon_blank img {display:inherit;}
/*----------------------
 * 追記20200514
-----------------------*/
	.locations .laboratory_wrap_l { float: none; width: 100%; max-width: inherit; }
	.locations .laboratory_wrap_r { float: none; width: 100%; max-width: inherit; }
	.locations .laboratory_button a { width: 100%; margin-top: 1.35em; padding: 0.75em 5px; }
	.locations .laboratory_button a:hover { background-color: #979797 }
	.locations .laboratory_button .icon_blank { padding-right:10px;}
	.locations .laboratory_button .icon_blank img {display:inherit;}
}

/*-------------------------
 * CLOSE-UP PRODUCTS
--------------------------*/
#close_up .sub_section + .sub_section { margin-top: 3.5em; padding-top: 3.5em; border-top: 1px solid #ccc; }
#close_up .sub_section .text_wrap { float: left; width: 65.3%; max-width: 640px; }
#close_up .sub_section .text_wrap .emphasis { margin-bottom: 0.35em; }
#close_up .sub_section .thumb { float: right; width: 30.6%; max-width: 300px; }
#close_up .sub_section .thumb img { max-width: 100%; vertical-align: bottom; }
#close_up .sub_section.img_size_520 .text_wrap { float: left; width: 42.9%; max-width: 420px; }
#close_up .sub_section.img_size_520 .thumb { float: right; width: 53.1%; max-width: 520px; }
#close_up .sub_section.img_size_full .text_wrap { float: none; width: 100%; max-width: 980px; }
#close_up .sub_section.img_size_full .thumb { float: none; width: 100%; max-width: 980px; margin-top: 3em; text-align: center; }
#close_up .sub_section .icon_blank img {display:inherit;}
#close_up .sub_section .text_wrap_layout { float: left; width: 57%; max-width: 640px;}
#close_up .sub_section .text_wrap_layout .emphasis { margin-bottom: 0.35em; }
#close_up .sub_section .thumb_layout { float: right; width: 38.9%; /*max-width: 300px;*/}
#close_up .sub_section .thumb_layout img { max-width: 100%; vertical-align: bottom; }

/*----------------------
 * 追記20221130
-----------------------*/
.img_full { float: none; width: 100%; max-width: 980px; margin-top: 3em; text-align: center; }
.img_full img { max-width: 100%; vertical-align: bottom; }

/*----------------------
 * 追記240124
-----------------------*/
.sub_inner .sub_text_wrap { float: left; width: 65.3%; max-width: 640px; }
.sub_inner .sub_thumb img{ float: right; width: 30.6%; max-width: 300px; }
.thumb_mg2em { float: none; width: 100%; max-width: 980px; margin: 2em 0; text-align: center; }

/*----------------------
 * 追記20230118
-----------------------*/
@media print,screen and (min-width:641px) {
.width_adjust{width: 500px;}
.about_img img{float: left; max-width: 300px;}
.about_text{padding-left:20px;}
}

@media only screen and (max-width: 640px) {
	#close_up .sub_section + .sub_section { margin-top: 2em; padding-top: 2em; }
	#close_up .sub_section .text_wrap { float: none; width: 100%; max-width: inherit; }
	#close_up .sub_section .text_wrap .bold { margin-bottom: 0.35em; }
	#close_up .sub_section .text_wrap .emphasis { margin-bottom: 0.75em; }
	#close_up .sub_section .thumb { float: none; width: 100%; max-width: inherit; margin-top: 1.35em; }
	#close_up .sub_section.img_size_520 .text_wrap,
	#close_up .sub_section.img_size_520 .thumb,
	#close_up .sub_section.img_size_full .text_wrap,
	#close_up .sub_section.img_size_full .thumb { float: none; width: 100%; max-width: inherit; }
	#close_up .sub_section.img_size_full .thumb { margin-top: inherit; }
    #close_up .sub_section .text_wrap_layout { float: none; width: 100%; max-width: inherit; }
	#close_up .sub_section .text_wrap_layout .bold { margin-bottom: 0.35em; }
	#close_up .sub_section .text_wrap_layout .emphasis { margin-bottom: 0.75em; }
	#close_up .sub_section .thumb_layout { float: none; width: 100%; max-width: inherit; margin-top: 1.35em; }
/*----------------------
 * 追記20221130
-----------------------*/
.img_full { float: none; width: 100%; max-width: inherit; margin-top: 20px; }

/*----------------------
 * 追記240124
-----------------------*/
.sub_inner .sub_text_wrap,
.sub_inner .sub_thumb img { float: none; width: 100%; max-width: inherit; }
.thumb_mg2em img{ float: none; width: 100%; max-width: inherit; }
}

/*-------------------------
 * TOPICS
--------------------------*/
#topics { margin-bottom: 3em; }
#topics .container .sub_section { float: left; width: 30.6%; max-width: 300px; margin-left: 4%; }
#topics .full_size .sub_section { float: none; width: 100%; max-width: 980px; margin-left: 0; }
#topics .container .sub_section:first-child { margin-left: 0; }
#topics .container + .container .sub_section { margin-top: 3.5em; padding-top: 3.5em; border-top: 1px solid #ccc; }
#topics .container .sub_section .emphasis { margin-bottom: 0.5em; text-align: center; }
#topics .container .sub_section .thumb { margin-top: 2em; }
#topics .container .sub_section .thumb img { max-width: 100%; vertical-align: bottom; }
#topics .container .sub_section .inner { margin-top: 2em; }
#topics .container .sub_section .inner .bold { margin-bottom: 1.35em; padding-bottom: 0.5em; border-bottom: 1px solid #ccc; }
#topics .container .sub_section #case .thumb { float: left; width: 22.5%; max-width: 220px; margin: 0 30px 0 0; }
#topics .container .sub_section #case .list { float: left; width: 47.3%; max-width: 355px; padding-right: 1%; }
#topics .container .sub_section #case .list li { margin-bottom: 0.35em; font-weight: bold; }
#topics .container .sub_section #case .link { margin-top: 3em; }

@media only screen and (max-width: 640px) {
	#topics { margin: 3em 0 2em; }
	#topics .container .sub_section,
	#topics .container + .container,
	#topics .container + .container .sub_section { float: none; width: 100%; max-width: inherit; margin: 1.75em 0 0; padding-top: 1.75em; border-top: 1px solid #ccc; }
	#topics .container .sub_section:first-child { margin-top: 0; padding-top: 0; border-top: none; }
	#topics .container .sub_section .emphasis { margin-bottom: 0.75em; text-align: left; }
	#topics .container .sub_section .thumb { margin-top: 1.5em; }
	#topics .container .sub_section #case .thumb { float: none; width: auto; max-width: inherit; margin: 0 30px 2em; }
	#topics .container .sub_section #case .list { float: none; width: 100%; max-width: inherit; padding-right: 0; }
	#topics .container .sub_section #case .list li { margin-bottom: 0.5em; }
	#topics .container .sub_section #case .link { margin-top: 1em; }
}

/*-------------------------
 * バナー
--------------------------*/
#banner_wrap { margin: 5em 0 3em; }
#banner_wrap .emphasis { margin-bottom: 1em; padding-bottom: 0.75em; border-bottom: 1px solid #ccc; }
#banner_wrap .banner { float: left; width: 32%; max-width: 314px; margin-right: 3%; }
#banner_wrap .banner img { max-width: 100%; }

@media only screen and (max-width: 640px) {
	#banner_wrap { margin: 3em 0 2em; }
	#banner_wrap .emphasis { margin-bottom: 1.5em; padding-bottom: 1em; }
	#banner_wrap .banner { float: none; width: 100%; max-width: inherit; margin: 0 0 1.5em; }
}


/*-------------------------
 * 追記20141114
--------------------------*/
/*-------------------------
 *CLOSE-UP PRODUCTS 画像調整
--------------------------*/

#close_up .sub_section.text_full .text_wrap { float: none; width: 100%; max-width: 980px; }
#close_up .sub_section.text_full .thumb { float: left; width: 30.6%; max-width: 300px; margin-right:1.5em; }
#close_up .sub_section .thumb_full { width: 100%;  }


@media only screen and (max-width: 640px) {
	#close_up .sub_section.text_full .text_wrap,
	#close_up .sub_section.text_full .thumb, 
	#close_up .sub_section .thumb_full img{ float: none; width: 100%; max-width: inherit; }
}


/*-------------------------
 * 追記20150204
--------------------------*/
/*-------------------------
 *CLOSE-UP PRODUCTS
 群馬製作所用 画像調整
--------------------------*/
#close_up .sub_section.full_text .text_wrap { float: none; width: 100%; max-width: 980px; }
#close_up .sub_section.full_text .thumb { float: left; width: 46.9%; max-width: 460px; margin-right:1.5em; margin-bottom:1.5em; }

@media only screen and (max-width: 640px) {
	#close_up .sub_section.full_text .text_wrap,
	#close_up .sub_section.full_text .thumb, 
	#close_up .sub_section .thumb_full img{ float: none; width: 100%; max-width: inherit; }
}
/*-------------------------
 * 追記20210128
--------------------------*/
/*-------------------------
 *概要
 名古屋製作所用 画像調整
--------------------------*/
#summary .sub_section.img_size_full .thumb_summary { float: none; width: 100%; max-width: 980px; margin-top: 1.5em; text-align: center; }
#summary .sub_section .thumb_summary img { max-width: 100%; vertical-align: bottom; margin:0 auto; }

@media only screen and (max-width: 640px) {
	#summary .sub_section .thumb_summary { float: none; width: 100%; max-width: inherit; margin-top: 1.35em; }
	#summary .sub_section.img_size_full .text_wrap,
	#summary .sub_section.img_size_full .thumb_summary { float: none; width: 100%; max-width: inherit; }
	#summary .sub_section.img_size_full .thumb_summary { margin-top: inherit; }
}
/*-------------------------
 * 追記20210129
--------------------------*/
/*-------------------------
 *CLOSE-UP PRODUCTS
 電力プラント建設センター用 画像調整
--------------------------*/
#close_up .sub_section.full_text02 .text_wrap { float: none; width: 100%; max-width: 980px; }
#close_up .sub_section.full_text02 .img_wrap { float: none; width: 100%; max-width: 721px; margin:0 auto }
#close_up .sub_section.full_text02 .img_wrap .thumb { float: left; width: 50%; max-width: 349px; margin:3em auto 1.5em; }
#close_up .sub_section.full_text02 .img_wrap .thumb:first-child {margin-right:22px; }

@media only screen and (max-width: 767px) {
	#close_up .sub_section.full_text02 .img_wrap { float: none; width: 100%; max-width: 687px; margin:0 auto }
	#close_up .sub_section.full_text02 .img_wrap .thumb { float: left; width: 45%; max-width: 332px; margin:3em auto 1.5em; }
	#close_up .sub_section.full_text02 .img_wrap .thumb:first-child {margin-right:22px; }
}
                                                  
@media only screen and (max-width: 640px) {
	#close_up .sub_section.full_text02 .text_wrap,
	#close_up .sub_section.full_text02 .img_wrap,
	#close_up .sub_section.full_text02 .img_wrap .thumb,
	#close_up .sub_section.full_text02 .img_wrap .thumb img{ float: none; width: 100%; max-width: inherit; }
    #close_up .sub_section.full_text02 .img_wrap .thumb { margin-top: 2em; }
    #close_up .sub_section.full_text02 .img_wrap .thumb:first-child {margin-right:0; }
/*-------------------------
 * 追記20230125 統合デザイン研究所について調整
--------------------------*/
.about_img img{width: 100%; max-width: inherit; margin-right: 0; float: none;}
}


/*-------------------------
 * recommend image　エリア調整
--------------------------*/
#place_header #title_wrap #page_title1 { margin-bottom: 1.5em; font-size: 240%; letter-spacing: 0.2em; }
#place_header #title_wrap #page_title2 { margin-bottom: 2.4em; font-size: 240%; letter-spacing: 0.2em; }
#place_header #title_wrap #page_title3 { margin-bottom: 3em; font-size: 240%; letter-spacing: 0.2em; }
#place_header #title_wrap #page_title4 { margin-bottom: 3.9em; font-size: 240%; letter-spacing: 0.2em; }
#place_header #title_wrap #page_title5 { margin-bottom: 1.5em; font-size: 240%; letter-spacing: 0.1em; }
#place_header #title_wrap #page_title6 { margin-bottom: 3em; font-size: 240%; letter-spacing: 0.1em; }


@media only screen and (max-width: 640px) {
	    #place_header #title_wrap #page_title,
		#place_header #title_wrap #page_title1, 
		#place_header #title_wrap #page_title2, 
		#place_header #title_wrap #page_title3,
		#place_header #title_wrap #page_title4,
		#place_header #title_wrap #page_title5,
		#place_header #title_wrap #page_title6 { margin-bottom: 2em; font-size: 150%; }
}

@media only screen and (max-device-width: 1024px){
		#place_header #title_wrap .container { padding: 2em 2em;}
		#place_header #title_wrap #page_title{ margin-bottom: 2em; font-size: 220%;}
		#place_header #title_wrap #page_title1 { margin-bottom: 1.1em; font-size: 220%; letter-spacing: 0.2em; }
		#place_header #title_wrap #page_title2 { margin-bottom: 2.1em; font-size: 220%; letter-spacing: 0.2em; }
		#place_header #title_wrap #page_title3 { margin-bottom: 2.1em; font-size: 220%; letter-spacing: 0.1em; }
		#place_header #title_wrap #page_title4 { margin-bottom: 2.7em; font-size: 220%; letter-spacing: 0.1em; }
		#place_header #title_wrap #page_title5 { margin-bottom: 1.1em; font-size: 220%; letter-spacing: 0.05em; }
		#place_header #title_wrap #page_title6 { margin-bottom: 2.1em; font-size: 220%; letter-spacing: 0.05em; }
}


/*-------------------------
 * 追記20150205
--------------------------*/
/*-------------------------
 *TOPICS
 車開セ
--------------------------*/
.topics_2place {
    border-bottom: 1px solid #ccc;
    font-size: 157.1%;
    font-weight: bold;
    margin: 0 0 2em;
	padding: 0 0 0.2em;
}
.mt2em{
	margin-top: 3.5em;
}
@media only screen and (max-width: 640px) {
	.topics_2place {
    border-bottom: 1px solid #ccc;
    font-size: 157.1%;
    font-weight: bold;
    margin: 0 0 2em;
	padding: 0 0 0.2em;
}
.mt2em{
	margin-top: 3.5em;
}
}
/*-------------------------
 * 追記20200309
--------------------------*/
/*-------------------------
 *CLOSE-UP TECHNOLOGY
 プラント建設統括部
--------------------------*/
@media only screen and (max-width: 640px) {
.img_sp-max{
	width: 100%;
    }
}

/*-------------------------
 * TOPICS
--------------------------*/
#topics { margin-bottom: 3em; }
#topics .container .clm1 { float: left; width: 30.6%; max-width: 300px; margin-left: 0; }
#topics .container .clm1 .emphasis { margin-bottom: 0.5em; text-align: center; }
#topics .container .clm1 .thumb { margin-top: 2em; }
#topics .container .clm1 .thumb img { max-width: 100%; vertical-align: bottom; }
#topics .container .clm2 { float: left; width: 65.4%; max-width: 640px; margin-left: 4%; }
#topics .container .clm2 .emphasis { margin-bottom: 0.5em; text-align: center; }
#topics .container .clm2 .thumb1 {float: left;  margin-top: 1em; max-width: 47.5%; }
#topics .container .clm2 .thumb1 img { max-width: 100%; vertical-align: bottom; margin:1em 0em 0em 0; }
#topics .container .clm2 .thumb2 {float: left;  margin: 2em 0 0 2em; max-width: 47.5%;  }
#topics .container .clm2 .thumb2 img { max-width: 100%; vertical-align: bottom; margin:0em 0em 0em 0em; }
#topics .container .clm2 .thumb3 {float: left;  margin-top: 1.8em; max-width: 47.5%; }
#topics .container .clm2 .thumb3 img { max-width: 100%; vertical-align: bottom; margin:0em 0em 0em 0; }
#topics .container .clm2 .thumb4 {float: left;  margin: 1.8em 0 0 2em; max-width: 47.5%;  }
#topics .container .clm2 .thumb4 img { max-width: 100%; vertical-align: bottom; margin:0em 0em 0em 0em; }

/*-------------------------
 * 追記20210115
--------------------------*/
#topics .container .clm1 .thumb5 { margin-top: 2em; }
#topics .container .clm1 .thumb5 img { max-width: 100%; vertical-align: bottom; margin:0em 0em 0em 0; }
#topics .container .clm1 .thumb6 { margin-top: 1.8em; }
#topics .container .clm1 .thumb6 img { max-width: 100%; vertical-align: bottom; margin:0em 0em 0em 0; }

@media only screen and (max-width: 640px) {
#topics .container .sub_section .thumb5 { margin-top: 1.5em; }
#topics .container .sub_section .thumb6 { margin-top: 1.5em; }
}

/*-------------------------
 * 追記20210114
--------------------------*/
#topics .container .clm2 .explication{ max-width: 100%;}

@media only screen and (max-width: 890px) {
	#topics .container .clm2 .thumb2 {float: left;  margin: 2em 0 0 1.35em; max-width: 47.5%;  }
}

                                 
@media only screen and (max-width: 640px) {
	#topics { margin: 3em 0 2em; }
	#topics .container .clm1 { float: none; width: 100%; max-width: inherit; margin: 1.75em 0 0; padding-top: 1.75em; border-top: 1px solid #ccc; }
	#topics .container .clm1 .emphasis { margin-bottom: 0.75em; text-align: left; }
	#topics .container .clm1 .thumb { margin-top: 1.5em; }
	#topics .container .clm2 { float: none; width: 100%; max-width: inherit; margin: 1.75em 0 0; padding-top: 1.75em; border-top: 1px solid #ccc; }
	#topics .container .clm2 .emphasis { margin-bottom: 0.75em; text-align: left; }
	#topics .container .clm2 .thumb1 { float: none;  margin-top: 1.5em; max-width: 100%;}
	#topics .container .clm2 .thumb1 img { margin:1em 0em 0em 0; }
	#topics .container .clm2 .thumb2 {float: none;  margin: 3em 0 1em;  max-width: 100%;}
	#topics .container .clm2 .thumb2 img { margin:0em; }
	#topics .container .clm2 .thumb3 { float: none;  margin-top: 1.5em; max-width: 100%;}
	#topics .container .clm2 .thumb3 img { margin:1em 0em 0em 0; }
	#topics .container .clm2 .thumb4 {float: none;  margin: 3em 0 1em;  max-width: 100%;}
	#topics .container .clm2 .thumb4 img { margin:0em; }
	#topics .container .clm2 .explication{ margin-top: 0.5em;}
	
}

/*-------------------------
 * 追記20151015 モーダル用
--------------------------*/
/*-------------------------
 * パーツ
--------------------------*/
.summary { float: left; width: 100%; }
.summary .theme { margin-top: 2em; }
.summary .theme_list { margin-bottom: 0.35em; }
.summary .theme_list li { float: left; width: 31.2%; max-width: 300px; padding-left: 3%; }
.summary .theme_list li:first-child { padding-left: 0; }
.summary .theme_list2 { margin-bottom: 0.35em; }
.summary .theme_list2 li { float: left; width: 48%; max-width: 450px; padding-left: 3%; }
.summary .theme_list2 li:first-child { padding-left: 0; }
.summary .other_info { margin-top: 1.5em; }
.theme .emphasis1,
.emphasis1 { margin-bottom: 0.5em; font-weight: bold; font-size: 100%;}

@media only screen and (max-width: 640px) {
	
.summary{ float: none; width: 100%; max-width: inherit; }
.summary .theme { margin-top: 1.5em; }
.summary .theme_list,
.summary .theme_list2 { margin-bottom: 0; }
.summary .theme_list li,
.summary .theme_list2 li{ float: none; width: 100%; max-width: inherit; padding: 0 0 0.3em; }
.summary .other_info { margin: 1em 0 1.5em; }
}

/*-------------------------
 * 追記20151021 リンク用
--------------------------*/
#other_link .emphasis { margin-bottom: 0.5em; text-align: center; font-size:150%; }

#other_contents { margin-top: 1.75em; padding-top: 0px; margin-bottom: 1.75em; }
#other_contents .item { float: right; width: 49%; max-width: 480px; background-color: #e6e6e6; }
#other_contents .item:first-child { float: left; }
#other_contents .item a { display: table; width: 100%; }
#other_contents .item a:hover { text-decoration: none; }
#other_contents .item a .thumb,
#other_contents .item a .text_wrap,
#other_contents .item a .text_wrap2 { display: table-cell; width: 50%; max-width: 240px; vertical-align: top; }
#other_contents .item a .thumb img { width: 100%; vertical-align: bottom; }
#other_contents .item a .text_wrap { padding: 1.5em 24px 1.5em 25px; border: 1px solid #e6e6e6; border-left: none; }
#other_contents .item a:hover .text_wrap { background-color: #fff; }
#other_contents .item a .text_wrap .label { margin-bottom: 0.35em; font-size: 142.8%; line-height: 1.4; }
#other_contents .item a .text_wrap .label span { display: block; margin-top: 0.2em; font-size: 70%; }
#other_contents .item a .text_wrap .summary1 { color: #333; margin-top:77px; }
#other_contents .item a .text_wrap .summary2 { color: #333; margin-top:51px; }
#other_contents .item a .text_wrap .summary3 { color: #333; margin-top:56px; }
#other_contents .item a .text_wrap .summary4 { color: #333; margin-top:42px; }
#other_contents .item a .text_wrap2 { padding: 1.5em 15px 1.5em 25px; border: 1px solid #e6e6e6; border-left: none; }
#other_contents .item a:hover .text_wrap2 { background-color: #fff; }
#other_contents .item a .text_wrap2 .label { margin-bottom: 0.35em; font-size: 142.8%; line-height: 1.4; }
#other_contents .item a .text_wrap2 .label span { display: block; margin-top: 0.2em; font-size: 70%; }
#other_contents .item a .text_wrap2 .summary1 { color: #333; margin-top:36px; }

#other_contents2 { margin-top: 1.75em; padding-top: 0px; margin-bottom: 1.75em; }
#other_contents2 .item { float: right; width: 49%; max-width: 480px; background-color: #e6e6e6; }
#other_contents2 .item:first-child { float: left; }
#other_contents2 .item a { display: table; width: 100%; }
#other_contents2 .item a:hover { text-decoration: none; }
#other_contents2 .item a .thumb,
#other_contents2 .item a .text_wrap,
#other_contents2 .item a .text_wrap2 { display: table-cell; width: 50%; max-width: 240px; vertical-align: top; }
#other_contents2 .item a .thumb img { width: 100%; vertical-align: bottom; }
#other_contents2 .item a .text_wrap { padding: 1.5em 24px 1.5em 25px; border: 1px solid #e6e6e6; border-left: none; }
#other_contents2 .item a:hover .text_wrap { background-color: #fff; }
#other_contents2 .item a .text_wrap .label { margin-bottom: 0.35em; font-size: 142.8%; line-height: 1.4; }
#other_contents2 .item a .text_wrap .label span { display: block; margin-top: 0.2em; font-size: 70%; }
#other_contents2 .item a .text_wrap .summary1 { color: #333; margin-top:77px; }
#other_contents2 .item a .text_wrap .summary2 { color: #333; margin-top:51px; }
#other_contents2 .item a .text_wrap .summary3 { color: #333; margin-top:56px; }
#other_contents2 .item a .text_wrap .summary4 { color: #333; margin-top:42px; }
#other_contents2 .item a .text_wrap2 { padding: 1.5em 15px 1.5em 25px; border: 1px solid #e6e6e6; border-left: none; }
#other_contents2 .item a:hover .text_wrap2 { background-color: #fff; }
#other_contents2 .item a .text_wrap2 .label { margin-bottom: 0.35em; font-size: 142.8%; line-height: 1.4; }
#other_contents2 .item a .text_wrap2 .label span { display: block; margin-top: 0.2em; font-size: 70%; }
#other_contents2 .item a .text_wrap2 .summary1 { color: #333; margin-top:36px; }


.border_labe{ border-color: #ccc; position: relative; margin-bottom: 2.35em; text-align: center; }
#report .report_wrap .border_label { position: relative; margin-bottom: 2.35em; text-align: center; }
.border_label:before { color: #ccc; border-top: 1px solid; content: ""; display: block; height: 2px; position: absolute; top: 50%; width: 100%; z-index: 1; }
.border_label.low { margin-bottom: 0.75em; }
.border_label { margin-bottom: 2.35em; position: relative; text-align: center; }
.border_label span { font-size:150%; color:#cc0000; position: relative; display: inline-block; padding: 0 7px; background-color: #fff; text-align: left; font-size: 150%; font-weight: bold; z-index: 2; }


@media only screen and (max-width: 640px) {
#head_text .note { margin-top: 2em; }
.strategy_sp_list { margin-top: 2em; }
.strategy_sp_list li { margin-bottom: 1.25em; padding-bottom: 0.75em; border-bottom: 1px solid #ccc; }
.strategy_sp_list li .label { margin-bottom: 0.35em; font-size: 128.5%; font-weight: bold; color: #cc0000; }
.strategy_sp_list li p { margin-bottom: 0.5em; }
.strategy_sp_list li p em { font-weight: bold; }
#other_contents { margin-top: 30px; padding-top: 0; border-top: none; }
#other_contents .item { float: none; width: 100%; max-width: inherit; margin-top: 20px; }
#other_contents .item:first-child { float: none; }
#other_contents .item a { display: block; }
#other_contents .item a .thumb,
#other_contents .item a .text_wrap,
#other_contents .item a .text_wrap2{ display: block; width: auto; max-width: inherit; }
#other_contents .item a .text_wrap,
#other_contents .item a .text_wrap2 { padding: 1.5em 20px; border: none; }
#other_contents .item a:hover .text_wrap,
#other_contents .item a .text_wrap2 { background-color: #e6e6e6; }
#other_contents .item a .text_wrap .label,
#other_contents .item a .text_wrap2 .label { margin-bottom: 0.35em; font-size: 128.5%; }
#other_contents .item a .text_wrap .label span,
#other_contents .item a .text_wrap2 .label span { margin-top: 0.2em; font-size: 77.7%; }
#other_contents .item a .text_wrap .summary1,
#other_contents .item a .text_wrap .summary2,
#other_contents .item a .text_wrap .summary3,
#other_contents .item a .text_wrap .summary4,
#other_contents .item a .text_wrap2 .summary1 { font-size: 85.7%; }
#other_contents .item a .text_wrap .summary1 { margin-top: 17px; }
#other_contents2 { margin-top: 30px; padding-top: 0; border-top: none; }
#other_contents2 .item { float: none; width: 100%; max-width: inherit; margin-top: 20px; }
#other_contents2 .item:first-child { float: none; }
#other_contents2 .item a { display: block; }
#other_contents2 .item a .thumb,
#other_contents2 .item a .text_wrap,
#other_contents2 .item a .text_wrap2{ display: block; width: auto; max-width: inherit; }
#other_contents2 .item a .text_wrap,
#other_contents2 .item a .text_wrap2 { padding: 1.5em 20px; border: none; }
#other_contents2 .item a:hover .text_wrap,
#other_contents2 .item a .text_wrap2 { background-color: #e6e6e6; }
#other_contents2 .item a .text_wrap .label,
#other_contents2 .item a .text_wrap2 .label { margin-bottom: 0.35em; font-size: 128.5%; }
#other_contents2 .item a .text_wrap .label span,
#other_contents2 .item a .text_wrap2 .label span { margin-top: 0.2em; font-size: 77.7%; }
#other_contents2 .item a .text_wrap .summary1,
#other_contents2 .item a .text_wrap .summary2,
#other_contents2 .item a .text_wrap .summary3,
#other_contents2 .item a .text_wrap .summary4,
#other_contents2 .item a .text_wrap2 .summary1 { font-size: 85.7%; }
}

/*-------------------------
 * 追記20160121 ito  *TOPICS
--------------------------*/
.image_caption_placeL {
    font-size: 85.7%;
    margin-top: 0.5em;
    text-align: left;
}

.noh5{ margin-top:24px; padding-top:0.5em;}
	

@media only screen and (max-width: 640px) {
	#topics .container + .container .sp_nb {
    border-top:none;
	}
}


/*-------------------------
 * 追記240117 モーダル
--------------------------*/
.mfp-content .inline-wrap {
	padding: 60px 60px 0;
	max-width: 900px;
}
.mfp-content .section_content_img {
	display: none;
	float: none;
	width: 100%;
	margin: 0 auto 15px;
}
.mfp-content .section_content_img.modal-only{
	display: block;
	margin-bottom: 25px;
}
.mfp-content .section_content_img img{
	display: block;
	width: auto;
	max-width: 100%;
	margin: 0 auto;
}
.mfp-content .section_content_header {
	width: 100%;
}
.mfp-content .section_content_lead br {
	display: none;
}
.mfp-content .section_content_description{
	margin-top: 25px;
}
.mfp-content .section_block {
	display: none;
}
.mfp-content .section_block:after {
	clear: both;
	display: block;
	content: '';
}
.mfp-content .section_block_img {
	margin-bottom: 15px;
	width: 38.4615%;
}
.mfp-content .section_block_text {
	width: auto;
}
.mfp-content .section_block:nth-of-type(odd) .section_block_img {
	float: right;
	margin-left: 5.1282%;
}
.mfp-content .section_block:nth-of-type(even) .section_block_img {
	float: left;
	margin-right: 5.1282%;
}
.mfp-content .section_relation{
	display: none;
}
.mfp-content .section_theme{
	margin-top: 30px;
}
.mfp-content .modal_close {
	margin: 40px -60px 0;
	width: calc(100% + 120px);
}
.mfp-content .modal_close .mfp-close {
	font-family: inherit;
}
.mfp-content .inline-wrap .modal_thumb{
	background-color: transparent;
}
@media only screen and (max-width: 640px) {
	.mfp-content .inline-wrap {
		padding: 35px 48px 0;
	}
	.mfp-content .section_content_header {
		width: auto;
	}
	.mfp-content .section_content_img {
		display: none;
		margin: 0 auto 15px;
		width: 100%;
	}
	.mfp-content .section_content_img img{
		width: auto;
		max-width: 100%;
	}
	.mfp-content .section_content_img.modal-only{
		display: block;
	}
	.mfp-content .section_block_img {
		width: auto;
	}
	.mfp-content .section_block:nth-of-type(odd) .section_block_img {
		float: none;
		margin-left: 0;
	}
	.mfp-content .section_block:nth-of-type(even) .section_block_img {
		float: none;
		margin-right: 9px;
	}
	.section_content_header,
	.section_content_lead,
	.section_content_description{
		order: initial!important;
	}
	.mfp-content .modal_close {
		margin: 45px -48px 0;
		width: calc(100% + 96px);
	}
}


/*-------------------------
 * 追記20240130 モーダル用
--------------------------*/
.video a span{
	position: relative;
	overflow: hidden;
	display: block;
}
.video a span:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
	transition: all 0.5s;
}
.video img {
	transition: all 0.5s;
}
.video a{
	display: block;
	position: relative;
}
.video a::before {
	position: absolute;
	content: "";
	display: block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-style: solid;
	border-color: transparent transparent transparent #fff;
	border-width: 35px 0 35px 60px;
	z-index: 1;
	opacity: .7;
	border-radius: 3px;
}
.modalPopup-movie .modalPopup__video {
	position: relative;
	padding-top: 56.25%;
}
.modalPopup-movie .modalPopup__video iframe {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.modalPopup-movie.modalPopup {
	position: relative;
	max-width: 954px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-size: .875em;
}
.mfp-concept .modalPopup-movie .modalPopup__inner {
	padding: 0;
}
.mfp-concept .modalPopup-movie .mfp-close {
	left: auto;
	right: 0 !important;
	top: -45px !important;
	font-size: 0;
	width: 38px;
	height: 38px;
}
.modalPopup-movie .mfp-close:after, .modalPopup-movie .mfp-close:before {
	position: absolute;
	top: 15px;
	left: -5px;
	display: inline-block;
	content: "";
	width: 47px;
	height: 4px;
	background-color: #ccc;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.modalPopup-movie .mfp-close:after {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.mfp-bg.mfp-concept-movie {
	background-color: #0b0b0b!important;
	opacity: .8!important;
}
@media only screen and (min-width: 641px) {
	.video:hover a span:after {
		background-color: rgba(255,255,255,0.80);
	}
	.video:hover img{
		transform: scale(1.03);
	}
}
@media only screen and (max-width: 640px) {

}

/* css end ------------ */

/*-------------------------
 * close-up video モーダル用
--------------------------*/
.place-content .l-column__cell-video {
    display: block;
}