@charset "utf-8";
/* CSS Document */

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:100%;
	line-height:1.6;
	color:#333;
	background:#fff;
}

/*Main Visual*/

#containerMV{
  width: 100%;
  height: 0;
  padding-top: calc(380 / 1600 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
  background:url(../../../images_common/mainVisual_insulation.jpg) center center / cover no-repeat;
  position:relative;
  border-top:3px solid #3399cc;
  border-bottom:3px solid #3399cc;
  
}

#title_MV{
	width:1000px;
	background:rgba( 51,153,204,0.70);
	line-height:70px;
	color:#fff;
	font-size:32px;
	position:absolute;
	top: 55px;
	left: 0px;
	padding:0px 2px;
	text-align:center;
}
#logo_MV{
	position:absolute;
	bottom:10%;
	right:7%;
}


/*共通*/

.box_contents{
	width:1350px;
	margin:0 auto;

}
.contents_main{
	width:960px;
	margin:70px 80px 50px 0px;
	float:left;
}


.subtitle{
    border-bottom:3px solid #3399cc;
	font-size:26px;
	line-height:30px;
	margin-bottom:30px;
}
.notice{
	font-size:12px;
	margin:10px 5px 0px;
}
.notice_resp{
	font-size:12px;
	margin:10px 5px 0px;
}
.container_onePara{
	margin:50px 0 30px;
}


.explain_960{
	width:960px;
	float:left;
	margin:0px 0 50px 0px;
	line-height:2.3;
}


.photo_960{
	margin:10px 0px 30px;
}
.photo_170_left{
	height:200px;
	float:left;
	margin:20px 55px 0px 0px;
}

.photo_450{
	width:450px;
	float:left;
	margin:0px 30px 20px 0px;
}
.photo_450 p{
	padding-top:10px;
	line-height:2.3;
}

.explain_450{
	width:480px;
    line-height:2.3;
	float:left;
}




/*side_link*/


.side_link{
	width:300px;
	float:left;
	margin:100px 0 320px 0px;
}

.box_topics{
	width:300px;
	background:#fff;
	position:relative;
	margin:10px 0px 50px;
	float:left;
}

.box_topics{
	color:#333;
}
.box_topics a{
	text-decoration:none;
	color:#333cc;
}

.box_title{
	width:250px;
	position:absolute;
	top: 90px;
	left: 0px;
	background:rgba(248,255,14,0.84);
	font-size:16px;
	line-height:30px;
	padding-left:10px;
}

.explain_box{
	font-size:12px;
	padding:5px 5px;
}

.box_topics{
	-webkit-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out
}
.box_topics:hover{
	opacity: 0.4;  
	filter: alpha(opacity=60); 
}

/*AD*/

.AD_970{
	width:970px;
	padding-top:50px;
    height:100px;
}
.ad_300_250{
	height:260px;
	margin:0 0 30px 0;
}
.ad_side_resp{
}

/*メディアクエリ設定（※widthが480px以下の場合にCSSを適用する）*/
@media screen and (max-width:480px){
	
#breadcrumbs{
	display:none;
}	

#mainVisual_B{
	width:100%;
}
#mainVisual_B img{
	width:100%;
	height:auto;
}
#title_MV{
	position:absolute;
	top: 18%;
	left: 0px;
	font-size:95%;
	width:95%;
	line-height:160%;
}	
	
.box_contents{
	width:100%;

}
.contents_main{
	width:100%;
	overflow:hidden;
}
/*レポート詳細*/
.container_onePara{
	width:100%;
	margin:0% 0% 10%;
}
.subtitle{
	width:100%;
	font-size:110%;
	margin-bottom:3%;
	padding:0% 1% 0%;
}
.photo_960{
	width:100%;
}
.photo_960 img{
	width:100%;
	height:auto;
}
.explain_960 p{
	width:98%;
	padding:0% 1% 0%;
}
.notice{
	width:100%;
	font-size:80%;
	margin:2% 1% 2%;
	display:none;
}
.notice_resp{
	width:96%;
	font-size:60%;
	margin:2% 3% 2%;
	}
	
.photo_450{
	width:100%;
	margin-bottom:2%;
}
.photo_450 img{
	width:100%;
	height:auto;
	margin-bottom:0%;
}
.photo_450 p{
	width:98%;
	font-size:90%;
	line-height:170%;
	margin:1% 1% 1% 1%;
	padding-top:0%;

}

.photo_450_left{
	width:100%;
	margin-bottom:2%;
}
.photo_450_left img{
	width:100%;
	height:auto;
	margin-bottom:0%;
}
.photo_450_left p{
    width:98%;
	font-size:90%;
	line-height:170%;
	margin:1% 1% 1% 1%;
	padding-top:0%;
}

.explain_450{
	width:100%;
	
}
.explain_450 p{
	width:98%;
	font-size:90%;
	line-height:170%;
	margin:1% 1% 1% 1%;
	
	
}
.explain_960{
	width:100%;
}
.explain_960 p{
	width:98%;
	font-size:90%;
	line-height:170%;
	margin:1% 1% 1% 1%;
}

.explain_960 ul{
	width:98%;
	font-size:90%;
	line-height:170%;
	margin:1% 1% 1% 1%;
}




/*side_link*/
.side_link{
	width:100%;
    margin:0% 0% 100%;
}
.box_topics{
	width:95%;
	margin:3% 1%;
}
.box_topics img{
	width:100%;
	height:auto;
}
.box_title{
	width:90%;
	font-size:100%;
	position:absolute;
	top: 20%;
	left: 0%;
	
}
.box_topics .explain_box{
	font-size:80%;
	line-height:180%;
}


/*AD*/


.AD_970{
    width:320px;
  	height:100px;
	text-align:center;
	padding:10% 0% 15%;
}
.ad_300_250{
	width:100%;
	text-align:center;
	height:250px;
	margin-bottom:10%;
}
.ad_side_resp{
	width:100%;
	text-align:center;
	margin-top:10%;
	margin-bottom:10%;
}


}