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

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

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

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

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

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

}

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

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

#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 .contents_box{
	width: 100%;
	height: auto;
	margin: 0 auto 4%;
}

#in_contents #link_menu li{
	width: 33.3%;
	height: auto;
}

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

#in_contents .logo{
	margin: 1% ;
	width: 20%;
	height: auto;
}

#in_contents #top_slider{
	margin-top: -4%;
}

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

#in_contents .top_car{
	bottom: -2.3%;
}

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

#in_contents .top_new{
	bottom: 55%;
	left: 17%;
}

#in_contents .top_new img{
	width: 55%;
	height: auto;
}

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



#in_contents #ex_slider,#in_slider{
	padding: 7.14% 0 0.71%;
}

#in_contents #ex_slider {
    margin-bottom: 12%;
}

#in_contents #slider01,#slider011{
	margin-top: -20%;
}

#in_contents #slider01_s,#slider011_s{
	top: 60%;
	width: 81.4%;
	height: auto;
}

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

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

#in_contents .pre_btn{
	width: 5%;
	height: auto;
	left: 1%;
}

#in_contents .next_btn{
	width: 5%;
	height: auto;
	right: 1%;
}

#in_contents #color_slider{
	padding-top: 10.7%;
}

#in_contents .slidertitle_color{
	top: 19%;
	width: 80%;
	height: auto;
}

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

#in_contents #slidercolor li img{
	width: 65%;
	height: auto;
}

#in_contents #slidercolor_s img{
	width: 29px;
	height: auto;
}

#in_contents #utility,#performance{
	padding: 7.14% 0 3%!important;
}

#in_contents .performance_title,.utility_title{
	width: 564px;
	height: auto;
	margin: 0 auto;
}

#in_contents .slider03 {
    margin-top: 2.85%;
}

#in_contents #performance .next_btn{
	right: 1%;
}

#in_contents #performance .pre_btn{
	left: 1%;
}

#in_contents #utility .next_btn{
	right: 1%;
}

#in_contents #utility .pre_btn{
	left: 1%;
}

#in_contents .footer_cont img{
	width: 86%;
	height: auto;
}

#in_contents .utility_note{
	width: 100%;
	height: auto;
}

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

#in_contents .footer_message{
	padding-left: 3.57%;
	width: 58%;
	height: auto;
}

#in_contents .footer_message img{
	height: auto;
}

#in_contents .time_img{
	width: 457px!important;
	height: auto;
	margin-bottom: 4%;
}

#in_contents .w710{
	width: 710px;
	height: auto;
}

#in_contents .w948{
	width: 948px;
	height: auto;
}

#in_contents .w940{
	width: 940px;
	height: auto;
}

#in_contents .w828{
	width: 828px;
	height: auto;
}

}

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

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

#in_contents .footer_message p{
	font-size: 1.2em;
}

}

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

#in_contents .w948{
	width: 100%;
	height: auto;
}

}

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

#in_contents .w940{
	width: 100%;
	height: auto;
}

}

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

#in_contents .w828{
	width: 100%;
	height: auto;
}

}

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

#in_contents .w710{
	width: 100%;
	height: auto;
}

}

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

#in_contents .top_new img{
	width: 40%;
	height: auto;
}



#in_contents .footer_cont{
	width: 95%;
}

#in_contents .footer_cont img{
	width: 93%;
	height: auto;
}

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

#in_contents .footer_message{
	width: 55%;
	height: auto;
}

#in_contents .time_img{
	width: 98%!important;
	height: auto;
	margin-bottom: 7%;
}

}

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

#in_contents .logo{
	margin: 1% ;
	width: 35%;
	height: auto;
}

#in_contents .top_new{
	bottom: 55%;
	left: 14%;
}

#in_contents .top_day img{
	width: 80%;
	height: auto;
	top: 12%;
}



#in_contents #ex_slider,#in_slider{
	padding-top: 12%;
}

#in_contents #slider01,#slider011{
	margin-top: 2%;
}

#in_contents #slider01_s,#slider011_s{
	bottom: -90%;
	width: 81.4%;
	height: auto;
}

#in_contents .slidertitle{
	margin-top: -2%;
}

#in_contents .slidertitle{
	width: 100%;
	height: auto;
}

#in_contents .pre_btn{
	width: 7%;
	height: auto;
	left: 1%;
}

#in_contents .next_btn{
	width: 7%;
	height: auto;
	right: 1%;
}

#in_contents #color_slider{
	padding-top: 13%;
}

#in_contents .slidertitle_color{
	top: 15%;
	width: 90%;
	height: auto;
}

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

#in_contents #slidercolor_s{
	width: 340px;
	height: auto;
}

#in_contents #slidercolor_s li{
	margin: 0 18px 10px;
}

#in_contents .performance_title,.utility_title{
	width: 70%;
	height: auto;
}

}

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


#in_contents #slider01{
	margin-top: 0%;
}

#in_contents #slider01_s{
	bottom: -88%;
	width: 81.4%;
	height: auto;
}

#in_contents #color_slider{
	padding-top: 18%;
}

#in_contents .slidertitle_color{
	top: 12%;
	width: 95%;
	height: auto;
}

#in_contents .performance_title,.utility_title{
	width: 85%;
	height: auto;
}

#in_contents .top_day img{
	width: 95%;
	height: auto;
	top: 18%;
}

#in_contents .footer_message p{
	font-size: 0.8em;
}

#in_contents .footer_message {
    width: 70%;
    height: auto;
    padding-bottom: 3%;
}

}


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

#in_contents #slidercolor_s img{
	width: 23px;
	height: auto;
}

#in_contents #slidercolor_s{
 margin-left: -2%;
}

}