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

/*------------------------------------------------------------
	2019/10/26制作
------------------------------------------------------------*/

/*-----common------*/

#in_contents div:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	content: " ";
}

body { font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", 'メイリオ', Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; 
 /*overflow-x: hidden;*/}

#in_contents{
	width: 100%;
	height: auto;
	background-color: #fff;
	margin: 0 auto;
	overflow:auto;
	overflow-y: hidden;/*バグ対応*/
}

#in_contents ul:after{
	clear: both;
}

#in_contents .contents_box{
	width: 100%;
	height: auto;
	max-width: 1920px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	overflow: hidden;
	_zoom: 1; /*IE6バグ対策*/
}

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

#in_contents .icon_01{
	position: absolute;
	top: 0;
	left: 0;
	max-width: 104px;
	z-index: 10;
}

#in_contents .bk_00{
	border-top: 11px solid #231815;
	background-color: white;
	position: relative;
}

#in_contents .bk_01{
	border-top: 11px solid #231815;
	background-color: #D4ECF3;
	position: relative;
}

#in_contents .bk_03{
	background-color: #DEF0F3;
	position: relative;
}


#in_contents h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

#in_contents nav, section, article, hgroup {
	display: block;
}

#in_contents a{
	outline: none;
	font-size: 0;
}

#in_contents a:hover{
	filter:brightness(120%);
}

#in_contents img{
	vertical-align:bottom;
	border: 0;
	font-size: 0;/*-----inline-block隙間対応------*/
}

#in_contents * {
	margin: 0px;
	padding: 0px;
}

#in_contents *:focus {/*-----chrome画像フォーカス時の線を消す------*/
	outline: none;
}

#in_contents .margin_t32{
	margin-top: 45px;/*-----約3.2%------*/
}

#in_contents .margin_t7{
	margin-top: 98px;/*-----約7%------*/
}

#in_contents .margin_b7{
	margin-bottom: 98px;/*-----約7%------*/
}

#in_contents .margin_b10{
	margin-bottom: 140px;/*-----約10%------*/
}

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

/*改行調整*/
#in_contents .pc3 { display: inline !important; }
#in_contents .sp3 { display: none !important; }

/*-----note（共通）------*/

#in_contents .note{
	width: 93%;
	height: auto;
	max-width: 1520px;
	text-align: left;
	margin: 2% auto 7%;
	font-size: 0.9em;
}

#in_contents .note li{
	padding-left: 1em;
	text-indent: -1em;
}

#in_contents .note2{
	width: 75%;
	height: auto;
	max-width: 1150px;
	font-size: 1em;
	text-align: left;
	margin: 0 auto 0;
	font-weight: bold;
}

#in_contents .sub_tx{
	vertical-align: super;
	font-size: 0.8em;
}

#in_contents .note3{
	width: 75%;
	height: auto;
	max-width: 1150px;
	text-align: left;
	margin: 0.5% auto 7%;
	font-size: 0.9em;
}

#in_contents .note3 li{
	padding-left: 2em;
	text-indent: -2em;
}

/*-----top------*/

#in_contents #con_top{
	width: 100%;
	height: auto;
	text-align: center;
	position: relative;
}

#in_contents #top_bar{
	width: 100%;
	height: 80px;
	color: white;
	background-color: black;
}

#in_contents #top_bar .logo{
	position: absolute;
	top: 14px;
	left: 30px;
	width: 50%;
	height: auto;
	max-width: 206px;/*販社により書き換え*/
}

#in_contents #top_bar .top_logo a:hover{
	filter:none;
}

#in_contents .link_menu{
	position: absolute;
	top: 16px;
	right: 10px;
}

#in_contents .link_menu a{
	font-size: 28px;
	text-decoration: none;
	color: white;
}

#in_contents .link_menu a:hover {
	text-decoration: underline;
}

#in_contents .link_menu li{
	float: left;
	padding: 0.2em 1em 0.1em 1em;
	border-right: 1px solid white;
	font-weight: bold;
}

#in_contents .link_menu li:last-child{
	border-right: none;
}

#in_contents #con_top h1{
	background-color: #086DAF;
}

#in_contents #con_top h1 img{
	width: 100%;
	height: auto;
	z-index: 5;
}


#in_contents #con_top car_img{
	width: 100%;
	height: auto;

}



/*-----プレゼント------*/

/*
#in_contents .ya_01{
	position: absolute;
	top: -50px;
	bottom: 0;
	margin: auto;
	text-align: center;
	width: 100%;
	height: auto;
}

#in_contents .ya_01 img{
	max-width: 106px;
}

#in_contents #present .pre_list{
	margin-top: 7%;
	margin-bottom: 7%;
}

#in_contents #present .pre_list li{
	margin-bottom: 4%;
}

#in_contents #present .pre_list img{
	max-width: 1560px;
}


#in_contents #con_top{
	border-bottom: 11px solid #231815;
}


#in_contents #present{
	width: 100%;
	height: auto;
	text-align: center;
	
}

#in_contents .present_con{
	width: 100%;
	height: auto;
	background-color: #FCEE21;
	position: relative;
}

#in_contents .ya_01{
	position: absolute;
	top: -50px;
	bottom: 0;
	margin: auto;
	text-align: center;
	width: 100%;
	height: auto;
}

#in_contents .ya_01 img{
	max-width: 106px;
}


#in_contents #present .linkbtn{
	max-width: 998px;
	text-align: center;
	margin: 7% auto 7%;
}

#in_contents #present .linkbtn li{
	margin: 0 auto 3%;
}

*/
/*-----SAFETY------*/

#in_contents #safety h2{
	margin-bottom: 4%;
}

#in_contents #safety .contents_box img{
	max-width: 1558px;
}

#in_contents #safety .safety_list li{
	margin-top: 4%;
}

/*-----インテリジェントソナー------*/

/*#in_contents .in_sonar{
	margin: 7% auto 3%;
	text-align: left;
	width: 97%;
	height: auto;
	max-width: 1544px;
}

#in_contents .in_sonar li{
	float: left;
	width: 49.6%;
	height: auto;
	padding-left: 0.2em;
	font-size: 25px;
	line-height: 1.6em;
}

#in_contents .in_sonar h3{
	margin: 0.1em 0 1em 0;
	background-color: #009AB8;
	padding: 0.5em 0 0.3em;
	color: white;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	width: 90%;
	height: auto;
}

#in_contents .in_sonar h4{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 1em;
}

#in_contents .in_sonar .txt01{
	padding-right: 1.6em;
}

#in_contents .in_sonar li:last-child{
	text-align: right;
}

#in_contents .in_sonar img{
	max-width: 800px!important;
}*/

/*-----コネクティッドサービス------*/

#in_contents #tconnectservice li img{
	max-width: 562px;
}

#in_contents .disp_img{
	margin: 4% auto 0.5%;
}

#in_contents .disp_img li{
	float: left;
	width: 47%;
	height: auto;
	text-align: right;
	margin-left: 2%;
}

#in_contents .disp_img .txt{
	text-align: left;
	font-size: 1.6em;
	font-weight: bold;
	padding-top: 3em;
	line-height: 1.8em;
}

/*-----UTULITY------*/

#in_contents #utulity .f_right{
	float: right;
}

#in_contents #utulity .f_left{
	float: left;
}

#in_contents #utulity .list01{
	width: 98%;
	height: auto;
	margin: 4% auto 0;
	max-width: 1537px;
}

#in_contents #utulity .list01 .img{
	max-width: 850px;
}

#in_contents #utulity .list01 .txt{
	max-width: 675px;
}

#in_contents #utulity .txt03{
	text-align: left;
}

#in_contents #utulity .wide_v{
	background-color: #D4ECF3;
}

#in_contents #utulity .wide_v .list01 .txt{
	margin-top: 4%;
}

#in_contents #utulity .wide_v .list01 .img img{
	max-width: 821px;
}

#in_contents #utulity .wide_v .list01 img{
	margin-top: 7%;
	margin-bottom: 7%;
	width: 100%;
	height: auto;
}

#in_contents #utulity .raku{
	margin-bottom: 4%;
}

#in_contents #utulity .raku .list01 .txt{
	width: 45%;
	height: auto;
	padding-top: 4%;
}

#in_contents #utulity .raku .list01 .img{
	width: 54%;
	height: auto;
}


/*-----color------*/

#in_contents #color ul{
	width: 89.5%;
	height: auto;
	margin: 4% auto 7%;
}

/*-----price------*/

#in_contents #price{
	text-align: center;
}

#in_contents #price h2{
	position: relative;
	z-index: 1;
	margin-top: 3%;
	width: 100%;
	height: auto;
}

#in_contents #price h2 img{
	max-width: 1920px;
}

#in_contents #price .list01{
	width: 89%;
	height: auto;
	margin: -8% auto 2%;
	position: relative;
	z-index: 10;
}

#in_contents #price .list01 li{
	float: left;
	width: 49%;
	height: auto;
}

#in_contents #price .list01 li img{
	width: 90%;
	height: auto;
	max-width: 704px;
	z-index: 10;
	margin-bottom: 10%;
}

#in_contents #price .img{
	width: 98%;
	height: auto;
	max-width: 1760px;
	margin-top: 10%;
}

#in_contents #price .price_h{
	width: 83%;
	height: auto;
	max-width: 1441px;
	margin: 0 auto 4%;
}

#in_contents #price .note{
	width: 76.5%;
	height: auto;
	max-width: 1441px;
	margin: -3% auto 7%;
}

/*-----plan------*/

#in_contents #plan .img img{
	width: 80%;
	height: auto;
	margin: 3% auto 2%;
	max-width: 1426px;
}

#in_contents #plan .note{
	width: 80%;
	height: auto;
}

#in_contents #plan .note h3{
	width: 30%;
	height: auto;
	max-width: 403px;
	margin-bottom: 1.5%;
}


/*-----footer------*/

#in_contents #f_linkbtn img{
	margin: 0 auto 2%;
}

#in_contents #f_linkbtn .linkbtn{
	width: 80%;
	height: auto;
	margin-left:auto;
	margin-right:auto;
	max-width: 998px;
}

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

#in_contents #f_linkbtn .hpbtn_img{
	width: 84%;
	height: auto;
	margin: 2% auto 3%;
	max-width: 990px;
}

/*#in_contents .in_copyright{
	padding-top: 1em;
	font-size: 0.9em;
	color: white;
	text-align: center;
}

#in_contents .bar_03{
	width: 100%;
	height: 50px;
	background-color: black;
}*/