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

/*------------------------------------------------------------
レスポンシブ用
------------------------------------------------------------*/

/*-----レスポンシブ------*/

/* ウィンドウ幅が0-1520px以上の場合に適用 */
@media screen and ( min-width:1520px )
{

#in_contents .fixed {/*-----本番環境の左メニュー対応------*/
	left: 120px;
}

}

/* ウィンドウ幅が1281px以上の場合に適用 */
@media screen and ( min-width:1281px )
{

.pc { display: inline !important; }

}

/* ウィンドウ幅が0-1280pxの場合に適用 */
@media screen and ( max-width:1280px )
{

/* パソコン画像表示 */
.pc { display: none !important; }
.sp { display: inline !important; }

#in_contents .contents_box{
	width: 100%;
	height: auto;
	margin: 0 auto 3.5%;
	position: relative;
	text-align: center;
	overflow: hidden;
}

#in_contents .margin_t32{
	margin-top: 3.2%;
}

#in_contents .margin_t7{
	margin-top: 7%;
}

#in_contents .margin_b7{
	margin-bottom: 7%;
}

#in_contents .margin_b10{
	margin-bottom: 10%;
}

#in_contents img{
	width: 100%;
	height: auto;
}

#in_contents .logo img{
	width: 25%;
	height: auto;
}

#in_contents h2{
	width: 65%;
	height: auto;
	margin: 0.7142% auto 2.142%;
}

#in_contents #tokuten img{
	width: 80%;
	height: auto;
}

#in_contents #slider_1{
	width: 80%;
	height: auto;
}

#in_contents #slider_1_text{
	margin: 0.78% auto;
	width: 100%;
	height: auto;
}

#in_contents #link_btn img{
	width: 50%;
	height: auto;
}

#in_contents #slider_1_nav{
	width: 50%;
	margin: 20px auto;
}


#in_contents #slider_1_nav .slick-slide{
	width: 11%!important;
	height: auto;
	margin: 10px auto;
}

#in_contents #slider_1_nav li img{
	width: 70%;
	height: auto;
}

#in_contents .roof_film{
	left: 14%;
}

#in_contents .back_01{
	background: no-repeat url("../../img/bk_sankaku1.png") left 30%;
	width: 100%;
	height: auto;
	background-size:100% auto;
}

#in_contents .back_02{
	background: no-repeat url("../../img/bk_sankaku1.png") left 55%;
	width: 100%;
	height: auto;
	background-size:100% auto;
}


#in_contents .back_03{
	background: no-repeat url("../../img/bk_sankaku2.png") left 50%;
	width: 100%;
	height: auto;
	background-size:100% auto;
}


#in_contents #plan ul{
	background-color: rgba(255,255,255,0.9);
	width: 90%;
	height: auto;
	margin: 0 auto;
	padding: 1% 0 3px;
}

#in_contents #safety h2{
	width: 100%;
	height: auto;
}

#in_contents #safety li img{
	width: 80%;
	height: auto;
}

#in_contents #connect h2{
	width: 100%;
	height: auto;
}

#in_contents #connect li img{
	width: 80%;
	height: auto;
}

#in_contents #performance h2{
	width: 100%;
	height: auto;
}

#in_contents #performance li img{
	width: 80%;
	height: auto;
}

#in_contents #plan h2{
	width: 100%;
	height: auto;
}

#in_contents #plan li img{
	width: 80%;
	height: auto;
}

#in_contents #con_footer .shikin_btn{
	width: 70%;
	height: auto;
}


}

/* ウィンドウ幅が0-982pxの場合に適用 */
@media screen and ( max-width:982px )
{

/* sp画像表示 */
.pc { display: none !important; }
.sp { display: inline !important; }

#in_contents h2{
	width: 90%;
	height: auto;
}

#in_contents #slider_1_text img{
	margin: 0 5%;
	width: 100%;
	height: auto;
}

#in_contents .roof_film{
	left: 8%;
	bottom: 20px;
}

}

/* ウィンドウ幅が0-965pxの場合に適用 */
@media screen and ( max-width:965px )
{


}

/* ウィンドウ幅が0-800pxの場合に適用 */
@media screen and ( max-width:800px )
{

#in_contents .shikin_btn{
	margin: 35px auto;
}

#in_contents .prev-arrow{
	left: -5.34%;
}

#in_contents .next-arrow{
	right: -5.34%;
}

#in_contents .slide-arrow{
	top: 40%;
}

#in_contents #slider_1_text{
	margin-top: -1%;
}

#in_contents #slider_1_nav{
	width: 70%;
	margin: 20px auto;
}

#in_contents .roof_film img{
	width: 50%;
	height: auto;
}

#in_contents .roof_film{
	left: 2%;
	bottom: 35px;
}

}

/* ウィンドウ幅が0-500pxの場合に適用 */
@media screen and ( max-width:500px ){

#in_contents .logo img{
	width: 30%;
	height: auto;
}

#in_contents h2{
	width: 95%;
	height: auto;
}

#in_contents #tokuten img{
	width: 95%;
	height: auto;
}

#in_contents .slide-arrow{
	top: 35.5%;
}

#in_contents .prev-arrow{
	left: -7.34%;
}

#in_contents .next-arrow{
	right: -7.34%;
}

#in_contents #slider_1_text{
	margin: 0 auto;
	width: 100%;
	height: auto;
}

#in_contents #slider_1_text{
	margin-top: -1.5%;
}

#in_contents #slider_2_nav .slick-list{
	padding: 0px 15px !important;
}

#in_contents #link_btn{
	padding-top: 4%;
}

#in_contents #link_btn img{
	width: 70%;
	height: auto;
}

}

/* ウィンドウ幅が0-450pxの場合に適用 */
@media screen and ( max-width:450px )
{

#in_contents .t_title{
	background-position: right 5px;
}

#in_contents #slider_1_nav{
	width: 70%;
	margin: 10px auto;
}

#in_contents .roof_film img{
	width: 30%;
	height: auto;
}

#in_contents .roof_film{
	left: 0;
	bottom: 35px;
}

}

/* ウィンドウ幅が0-350pxの場合に適用 */
@media screen and ( max-width:350px )
{

#in_contents .slide-arrow{
	top: 30%;
}

}