* {box-sizing:border-box;}

#container.sub {background-color: #3c3c50;}
.p_summary {color: #000;}

.tech_titbox {position: relative; }
.tech_titbox .tx {position: absolute; left: 5%; bottom: 40%; width: 90%;}
.tech_titbox .tx img {max-width: 52%;}
.tech_titbox .tx span {display: inline-block; vertical-align: bottom; margin-left: 1em; margin-bottom: .2em; font-size: 18px; color: #000;}


.tech_wrap {padding-top: 120px; padding-bottom: 120px; max-width:1120px; margin: 0 auto;}
.tech_cont {background-color: #fff;}


.area_bg1 {padding: 55px 70px; background-color: #f5f5f6;}
.area_bg2 {padding: 55px 70px; background-color: #d9d9dd; border-top: 2px dashed #3c3c50; border-bottom: 2px dashed #3c3c50;}


.tit_mf1 {position: relative;}
.tit_mf1 span {font-weight: 900; font-size: 1.3em; color: #3c3c50; line-height: 1.4;}
.tit_mf1:after {content:""; position: absolute; left: -30px; top: 0; width: 10px; height: 100%; background-color: #3c3c50;}

.tech_tbl {background-color: #fff; font-size: 16px;}
.tech_tbl thead {background-color: #3c3c50; color: #fff;}
.tech_tbl tfoot {background-color: #636373; color: #fff;}
.tech_tbl tbody {color: #000;}
.tech_tbl th {padding: .5em .5em; border: 1px solid #a7ccff; text-align: center;}
.tech_tbl td {padding: .5em .5em; border: 1px solid #a7ccff; text-align: center; }

.box_ty1 {position: relative; padding: 30px 0 40px; background-color: #d8d8dc;}
.box_ty1 strong {display: block; margin-bottom: .5em; font-size: 1.1em; color: #000;}
.box_ty1 > * {position: relative; z-index: 1;}
.box_ty1:after {content:""; position: absolute; left: -30px; top: 0; width: calc(100% + 60px); height: 100%; background-color: #d8d8dc;}

@media (max-width: 960px) {
	.tech_wrap {padding-top: 0; padding-bottom: 0;}

	.spot_titbox3 .h1 {color: #fff;}
	.spot_titbox3 .desc_mf1 {color: #fff;}
	.spot_titbox3 .t1 span {background-color: #fff !important; color: #3c3c50;}

	.tit_mf1 {padding-left: 15px;}
	.tit_mf1 span {font-size: 1.1em;}
	.tit_mf1:after {left: 0; width: 3px;}

	.area_bg1,
	.area_bg2 {padding: 30px 20px;}
	
	.tech_tbl  {font-size: 14px;}

	.box_ty1 {padding: 1em;}
	.box_ty1:after {content:none;}

}

@media (min-width: 961px) {
	#spot.spot3.bgfix {height: 750px;}
	#spot.spot3.bgfix .spot_bg {min-height: 750px; position: relative;}
	#spot.spot3 .spot_titbox3 {top: 200px;}

	.spot_titbox3 .h1 {color: #fff;}
	.spot_titbox3 .desc_mf1 {font-weight: 600; color: #fff; margin-top: 1em; line-height: 1.5; font-size: 1.3em;}
}