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

/*
-----------------------------------------------
▼Kawasaki CSS 2014.10a
----------------------------------------------- */

/* reset */
html {
-webkit-text-size-adjust:100%;
-webkit-font-smoothing:antialiased;
height:100%;
}

body, div, span, h1, h2, h3, h4, h5, h6, p, a,
ul, ol, li, dl, dt, dd, strong, em, small, sub, 
img, table, tr, th, td, address, cite, code, q, form,
footer, header, hgroup, menu, nav, section, aside, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
line-height:1.5;
vertical-align:baseline;
background:transparent;
word-break:normal;
word-wrap:break-word;
}
em, address {
font-style:normal;
}
area {
outline:none;
}
img {
vertical-align:bottom;
}
ul,ol {
list-style-type:none;
}
table,h1,h2,h3,h4,h5,h6 {
font-size:100%;
}
table {
border-collapse:collapse;
}

a {
color:#fff;
text-decoration:none;
}
a:hover,a:active {
color:#999;
}

.app_txt_sub{
		font-size:14px;
	}


/* clearfix */
.cf:before,
.cf:after {content:""; display:table;}
.cf:after {clear:both;}

/*


-----------------------------------------------
Basic
----------------------------------------------- */
body {
background:#000;

/*background:url(../img/login_bg.png) no-repeat bottom fixed;*/

font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'  ;
font-size:14px;
color:#fff;
position:relative;
}
a img {
transition:0.5s;
}
a:hover img {
opacity:0.8;
}

#wrapper {
	width:auto;
	height:auto;
	margin:0 auto 0 auto;
	/*background:#2a2a2a;*/
	position:relative;
}

/* header */
#header {

	width: 100%;
	height: 84px;
	position: relative;
	background: url(../img/header_bg.png);
	color: #fff;
	text-align: left;
	margin:0 auto 0 auto;	
}

#header_inner{
	width:auto;
	height:84px;
	position:relative;
	margin:0 auto 0 auto;		
	}

#header_logo{
	width:141px;
	height:38px;
	position:absolute;
	top:21px;
	left:42px;
	}

	#header_logo a:hover img{
		opacity:1.0;
	}
	
#header_system_name{
	width:120px;
	height:20px;
	position:absolute;
	top:20px;
	right:10px;
	font-size:20px;
	font-weight:bold;
	}

#lang_btn{
	width:100px;
	height:38px;
	position:absolute;
	top:30px;
	right:21px;
	color:#232323;
}

#lang_btn a{
	font-size:16px;
	font-weight: 600;
	color:#232323;
}

#lang_btn a:hover{
	opacity: 0.6;
}

.head_pad{
	display: inline-block;
	margin:0 0 0 14px;
}

.head_pad02{
	display: inline-block;
	margin:0 0 0 17px;
}

.head_pad03{
	display: inline-block;
	margin:0 0 0 8px;
}

.head_pad04{
	display: inline-block;
	margin:0 0 0 21px;
}

/* 言語切り替え */

/* ▼ 言語切り替えコンテナ（右寄せ） */
.kawa-lang-mini {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: auto;
  padding-top:28px;
  padding-right: 24px;
}

/* ▼ ボタン（白背景用に濃い文字色） */
.lang-btn {
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  color: #333;
  font-size: 14px;
  opacity: 0.9;
  transition: opacity .2s ease;
}


.lang-btn:hover {
  opacity: 1;
}

.lang-label{
  font-size:16px;
  font-weight:700;
  position: relative;
  display: inline-block;
  text-decoration: none;
  color:#111;	
}

.lang-label::after{
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #69be28;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}

.lang-label:hover::after{
  transform: scale(1, 1);
}


/* ▼ 地球アイコン（本家寄りの濃い色） */
.lang-icon path {
  fill: #69BE28;
}

/* ▼ 吹き出しメニュー */
.lang-menu {
  position: absolute;
  top: 130%;
  right: 20px;
  background: #fff;
  border-radius: 4px;
  padding: 6px 0;
  list-style: none;
  margin: 0;
  min-width: 100px;
  display: none;
  box-shadow: 0 4px 10px rgba(0,0,0,.30);
  z-index: 999;
}

/* ▼ 吹き出しの三角（▲） */
.lang-menu::before {
  content: "";
  position: absolute;
  top: -10px;
  right: 30px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff; /* 吹き出しの白背景 */
  filter: drop-shadow(0 -1px 1px rgba(0,0,0,.1));
}

.lang-menu.show {
  display: block;
}

/* ▼ メニュー項目 */
.lang-menu li a {
  display: block;
  padding: 8px 14px;
  color: #333;
  text-decoration: none;
  font-size: 14px;
}

.lang-menu li a:hover {
  /*font-weight: 600;*/
  background: #f2f2f2;
}

/* ▼ 現在言語 */
.lang-menu li.active a {
  /*background: #e8e8e8;*/
}

.check{
	color:#69BE28;
	}

/* ▼ スマホ微調整 */
@media (max-width: 768px) {
  .kawa-lang-mini { padding-right: 8px; }
  .lang-btn { font-size: 13px; }
}



/*content*/





#content{
	width:100%;
	height: auto;
	
	/*height:calc(100vh - 84px);*/
	/*background:#2a2a2a;*/
	margin:0 auto 0 auto;
	/*padding:0 0 10px 0;*/
	text-align:center;
}

.model_name{
	font-size:22px;
	font-weight: 700;
}


.mobility_type{	
font-size:22px;	
font-weight: 700;	
padding:30px 0 20px 0;	
}


/*footer*/

#footer{
		width: 1200px;
		height:60px;
		line-height: 60px;
		background: #101010;
		text-align: center;
		margin:0 auto 0 auto;	
		}

/*list上付き文字*/

.up_txt{
	
	font-size:11px;
}

#movie_box{
	width:100%; text-align: center; margin:60px auto; display: flex; justify-content: center; gap:2%;
}

.video_image{
	width:100%; margin:0 auto;
}
	
/*------▽▽▽▽▽▽-------TOP-------▽▽▽▽▽▽-------*/

#license_t{
	width:820px;
	border:#FFF 1px solid;
	margin:10px 0 10px 0;
	font-size:16px;
}

#license_t th.model_year{
	width:120px;
	border:#FFF 1px solid;
	vertical-align: middle;
	padding:10px;
}
#license_t th.model_target{
	width:auto;
	border:#FFF 1px solid;
	padding:10px;
}
#license_t td{
	width:auto;
	border:#FFF 1px solid;
	vertical-align: middle;
	padding:10px;
}


#box_01{
	width:100%;
	height:417px;
	margin:0px auto 0 auto;		
	font-size:50px;
	text-align:center;
	position:relative;
}

	#box_01 h1{
		position:absolute;
		top:240px;
		left:120px;
		}
		
	#box_01 h2{
		position:absolute;
		width:400px;
		top:320px;
		left:200px;
		font-size:16px;
		font-weight:300;
		text-align:left;
		}
	
	#box_01 #main_image01{
		position:absolute;
		top:20px;
		right:120px;
		}
		
	.section_title_top{
		width: 100%;
		padding:70px 0 0 0;
		text-align: center;
		font-size:30px;
	}


#voice_box_01{
	width:1200px;
	height:554px;
	margin:0px auto 0 auto;		
	font-size:50px;
	text-align:center;
	position:relative;
	background:url(../img/voice_bg.png) no-repeat top;
}

#voice_box_02{
	width:1200px;
	height:auto;
	margin:0px auto 0 auto;
	padding:40px 0 0 0;
	background:#222;
}

#voice_banner{
	position: absolute;
	top:320px;
	left:80px;
}

	#voice_banner_sp{
		display:none;
	}

	#voice_banner_sp{
		margin:0 auto;
	}	
	

#box_02{
	width:1200px;
	height:977px;
	margin:0px auto 0 auto;		
	text-align:center;
	position:relative;
	background:#111;
	}
	
	#intro_wrapper{
		width:100%;
		height:auto;
		padding:0 0 0 0;
		
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		align-content: flex-start;
		color: #fff;
		}
		
	.top_item{
		width:300px;
		height:280px;
		padding:20px;
		margin:15px;
		background:#222;
		}
		
	.item_img{
		width:300px;
		height:140px;
		background:#fff;
		margin:0 0 20px 0;
		}
		
	.item_text{
		text-align:left;
		font-size:16px;
		}

	.top_function_title{
		display: block;
		font-size:18px;
		margin:20px 0 5px 0;
		font-weight:bold;
		text-align: center;
	}
	
	#box_02 #message_00{
		width:910px;
		min-height:90px;
		margin:0 auto 0 auto;	
		padding:70px 0 0 0;
		text-align:left;
		font-size:18px;
		}

	#box_02 #message_01{
		width:900px;
		min-height:90px;
		margin:0 auto 0 auto;	
		padding:20px 0 30px 0;
		text-align:left;
		font-size:18px;
		}
		
	#box_02 #message_05
	{
		width:1080px;
		min-height:120px;
		margin:0 auto 0 auto;	
		padding:30px 0 0 0;
		font-size:14px;
		text-align:left;
		}
	
	/*	
	#box_02 #message_02,
	#box_02 #message_03,
	#box_02 #message_04
	{
		width:700px;
		min-height:120px;
		margin:0 auto 0 auto;	
		padding:25px 0 0 0;
		font-size:18px;
		text-align:center;
		}


	
		
	#box_02 #main_image02,
	#box_02 #main_image03,
	#box_02 #main_image04{
		width:700px;
		min-height:160px;
		margin:0 auto 0 auto;	
		padding:30px 0 0 0;
		font-size:24px;
		}
		
	#box_02 img{
		width:700px;
		}*/
		
#box_03{
	width:1200px;
	min-height:120px;
	margin:0 auto 0 auto;
	padding: 60px 0 0 0;
	text-align:center;
	background:#222;
	}
	
	#news{
		width:920px;
		height:auto;
		margin:0 auto 0 auto;
		}
	
	#news_header{
		width:920px;
		height:30px;
		margin:0 auto 0 auto;
		padding:0 0 0 15px;
		line-height:30px;
		background:#181818;
		border:solid 1px #9d9d9d;
		text-align:left;
		font-size:18px;
		font-weight:900;
		}
		
	#news_list{
		width:920px;
		height: auto;
		min-height:29px;
		max-height:115px;
		padding:5px 0 5px 15px;
		line-height:29px;
		background:#292929;
		border:solid 1px #9d9d9d;
		border-top:none;
		text-align:left;
		font-weight:100;
		overflow-x:hidden;
		overflow-y:scroll;
		}
		
	#news_list li{
		margin:0;
		line-height:29px;		
		}

#box_04{
	width:1200px;
	height:680px;
	padding:0 0 0 0;
	position: relative;
	margin:0px auto 0 auto;		
	text-align:left;
	background:#111;
	}

	#manual_box{
		width:680px;
		height:310px;
		margin:15px auto 0 auto;
		padding:40px;
		text-align:left;
		border:#9d9d9d 1px solid;
		background:#292929;
	}

	.manual_txt_main{
		margin:0 auto 0 auto;
		text-align:left;
		font-size:16px;
		font-weight:100;
	}

	.manual_btn{
		width:680px;
		height:78px;
		margin: 30px 0 30px 0 ;
		text-align: center;
	}

	.manual_btn_02{
		width:680px;
		height:43px;
		margin: 30px 0 30px 0 ;
		text-align: center;
	}


#box_05{
	width:1200px;
	min-height:560px;
	position: relative;
	margin:0px auto 0 auto;	
	padding:30px 0 60px 0;
	text-align:left;
	background:#333;	
	}

	/*アコーディオン全体*/
	.menu {
	  width: 900px;
	  margin:0 auto;
	  border:#9d9d9d 1px solid;
	}
	.menu input {
	  display: none; /*チェックボックスを隠す*/
	}
	/*バー部分*/
	.menu label {
	  cursor :pointer;
	  display: block;
	  text-decoration: none;
	  color: #fff;
	  font-size: 16px;
	  line-height: 50px;
	  position: relative;
	  margin: 0;
	  padding: 10px 20px 10px 30px;
	  background-color: #111;
	  border-bottom:#9d9d9d 1px solid;
	}

	.menu label.item_last{
	  border-bottom:none;
	}

	/*開いたときに表示される部分*/
	.menu ul {
	  margin: 0;
	  padding: 0;
	  list-style: none;
	  background:#292929;
	  /*margin-bottom: 1px;*/
	}
	.menu li {
	  height: 0;
	  overflow-y: hidden;
	  -webkit-transition: all 0.5s;
	  -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
	  -o-transition: all 0.5s;
	  transition: all 0.5s;
	}


	#menu_bar01:checked ~ #links01 li,
	#menu_bar02:checked ~ #links02 li,
	#menu_bar03:checked ~ #links03 li,
	#menu_bar04:checked ~ #links04 li,
	#menu_bar05:checked ~ #links05 li,
	#menu_bar06:checked ~ #links06 li,
	#menu_bar07:checked ~ #links07 li,
	#menu_bar08:checked ~ #links08 li{
	  height: auto; /*開いたときに表示されるliの高さ*/
	  opacity: 1;
	  background:#292929;
	  padding: 20px;
	}

	 /*開いたときの下の余白*/
	#menu_bar01:checked ~ #links01 li:last-child,
	#menu_bar02:checked ~ #links02 li:last-child,
	#menu_bar03:checked ~ #links03 li:last-child,
	#menu_bar04:checked ~ #links04 li:last-child,
	#menu_bar05:checked ~ #links05 li:last-child,
	#menu_bar06:checked ~ #links06 li:last-child,
	#menu_bar07:checked ~ #links07 li:last-child,
	#menu_bar08:checked ~ #links08 li:last-child{
	  margin-bottom: 0;
	}

	#menu_bar01_02:checked ~ #links01_02 li,
	#menu_bar02_02:checked ~ #links02_02 li,
	#menu_bar03_02:checked ~ #links03_02 li,
	#menu_bar04_02:checked ~ #links04_02 li,
	#menu_bar05_02:checked ~ #links05_02 li,
	#menu_bar06_02:checked ~ #links06_02 li,
	#menu_bar07_02:checked ~ #links07_02 li,
	#menu_bar08_02:checked ~ #links08_02 li,
	#menu_bar09_02:checked ~ #links09_02 li{
	  height: auto; /*開いたときに表示されるliの高さ*/
	  opacity: 1;
	  background:#292929;
	  padding: 20px;
	}

	 /*開いたときの下の余白*/
	#menu_bar01_02:checked ~ #links01_02 li:last-child,
	#menu_bar02_02:checked ~ #links02_02 li:last-child,
	#menu_bar03_02:checked ~ #links03_02 li:last-child,
	#menu_bar04_02:checked ~ #links04_02 li:last-child,
	#menu_bar05_02:checked ~ #links05_02 li:last-child,
	#menu_bar06_02:checked ~ #links06_02 li:last-child,
	#menu_bar07_02:checked ~ #links07_02 li:last-child,
	#menu_bar08_02:checked ~ #links08_02 li:last-child,
	#menu_bar09_02:checked ~ #links09_02 li:last-child
{
	  margin-bottom: 0;
	}

	/*閉じた状態の矢印描画*/
	.menu label:after{
	  content:"";
	  display:block;
	  width:10px;
	  height:10px;
	  border-top: #fff 2px solid;
	  border-right: #fff 2px solid;
	  -webkit-transform: rotate(135deg);
	  -ms-transform: rotate(135deg);
	  transform: rotate(135deg);
	  position:absolute;
	  right: 4%;
	  top: 0;
	  bottom: 15%;
	  margin: auto;
	}
	/*開いた状態の矢印描画*/
	.menu input[type=checkbox]:checked + label:after{
	  content:"";
	  display:block;
	  width:10px;
	  height:10px;
	  border-top: #fff 2px solid;
	  border-right: #fff 2px solid;
	  -webkit-transform: rotate(-45deg);
	  -ms-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	  position:absolute;
	  right: 4%;
	  top: 7%;
	  bottom: 0;
	  margin: auto;
	}

	.faq_q{
	  font-size: 16px;
	  color:#69BE28;
	}

#box_06{
	width:1200px;
	height:759px;
	padding:0 0 0 0;
	position: relative;
	margin:0px auto 0 auto;		
	text-align:left;
	background:#111;
	}

	#search_area{
		width:360px;
		height:100px;
		margin:15px auto 0 auto;
	}

	#app_icon{
		width:80px;
		height:80px;
		float: left;
	}

	#app_search{
		width:250px;
		font-size: 18px;
		float:right;
	}

	#search_text{
		width:225px;
		height: 30px;
		margin:10px 0 0 0; 
		padding:5px 5px 0 10px;
		text-align:left;
		border:1px #FFF solid;
		border-radius: 5px;
	}

	#app_box{
		width:680px;
		height:358px;
		margin:15px auto 0 auto;
		padding:15px;
		text-align:left;
		border:#9d9d9d 1px solid;
		background:#292929;
	}

	#app_btn_area,
	#app_btn_area_02{
		width:680px;
		height:177px;
		margin:0 auto 0 auto;
		padding:0 0 30px 0;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start;
		align-content:flex-start;
	}

		.app_name{
			width: 100%;
			height: 50px;
			padding:10px 0 10px 0;
			text-align: center;
			font-size:15px;
		}

		.app_name_02{
			width: 100%;
			height: 90px;
			padding:10px 0 10px 0;
			text-align: center;
			font-size:15px;
		}


		.app_btn{
			width:320px;
			height:78px;
			margin:0 0 30px 0 ;
			text-align: center;
		}

	.qr_code{
		float:left;
	}

	.app_link_text{
			display: block;
			width:160px;
			height:30px;
			margin:5px 0 10px 25px; 
			text-align:left;
			border-radius: 5px;
			float:left;
			font-size: 16px;
		}

	.app_link_text_02{
			display: block;
			width:160px;
			height:30px;
			margin:5px 0 10px 15px; 
			text-align:left;
			border-radius: 5px;
			float:left;
			font-size: 16px;
		}

#box_spin_link{
	width:1200px;
	height:100px;
	line-height:200px;
	margin:0px auto 0 auto;
	text-align: center;
	padding:0 0 60px 0;
	background:#222;
}

#box_spin_link a{
	width: 500px;
	height: 100px;
	display:block;
	margin:0 auto 0 auto;
	padding:0; 
}

#box_07{
	width:1200px;
	height:200px;
	margin:0px auto 0 auto;
	padding:30px 0 0 0;
	text-align:center;
	background:#111;
	
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: flex-start;
    color: #777;
	
	}


#box_07 .item{
	
	width:260px;
	height:112px;
	
	margin: 15px;

	}

	
/*------▲▲▲▲▲▲-------TOP-------▲▲▲▲▲▲-------*/

	
	
/*------▽▽▽▽▽▽-------SxS-------▽▽▽▽▽▽-------*/


#sxs_box_01{
	width:1200px;
	height:554px;
	margin:0px auto 0 auto;		
	font-size:50px;
	text-align:center;
	position:relative;
	background:url(../img/sxs_bg_01.png) no-repeat top;
}


	#sxs_title{
    position: absolute;
    top: 210px;
    left: 50px;
	}

		
#sxs_box_02{
	width:1080px;
	height:870px;
	margin:0px auto 0 auto;	
	padding:30px 0 0 120px;
	text-align:center;
	position:relative;
	background:#222;
	}
	
	.message_wrap_01{
		padding:440px 0 0 60px;
	}

	#sxs_message_01{
		width:710px;
		height:140px;
		padding:40px;
		background:url("../img/message_bg.png")repeat top;
		text-align: left;
		font-size:18px;
		}

	.sxs_message_01{
		width:800px;
		height:210px;
		padding:40px 40px 0 40px;
		text-align: left;
		font-size:18px;
		}

	.message_title{
		display: block;
		font-size:29px;
		opacity:1;
	}

	.message_txt{
		display: block;
		width:550px;
		height:auto;
		margin:0 0 0 0;
		
	}

	.sxs_image{
		position:absolute;
		width:240px;
		height:auto;
		top:420px;
		right:200px;
	}

	.sxs_image_02{
		position:absolute;
		width:240px;
		height:auto;
		top:670px;
		right:200px;
		
	}

	.sxs_image_sp{
		
		display: none;

	}

	.sxs_image img,
	.sxs_image_02 img{
		width:100%;
		-webkit-transform:scale(1);
		position: absolute;
		opacity: 1;
		z-index: 10;
	}

	.sxs_image img:hover{
	-webkit-animation-name: hoverSpread;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform: scale(2);
    -webkit-box-shadow: 0 0 10px #000;
    opacity: 1;
    z-index: 20;
	}


	.sxs_image_02 img:hover{
	-webkit-animation-name: hoverSpread;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform: scale(2);
    -webkit-box-shadow: 0 0 10px #000;
    opacity: 1;
    z-index: 20;
	}

	
	

	

#mc_box_03 #section_01{
		width:915px;
		height:840px;
		margin:0 auto 0 auto;
		padding:30px 0 30px 0;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		align-content: center;
	}	


#sxs_box_03{
	width:1200px;
	height:530px;
	margin:0 auto 0 auto;		
	text-align:center;
	background:#222;
	}

	#sxs_box_03 #section_01{
		width:915px;
		height:300px;
		margin:0 auto 0 auto;
		padding:30px 0 30px 0;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		align-content: center;
	}	

	#sxs_box_03 #section_01 .item{
		width:275px;
		height:250px;
		
		margin: 15px;
		
		background: #555;
	}

	#sxs_box_03 #section_01 .item_02{
		width:275px;
		height:250px;
		
		margin: 15px;
		
		background: none;
	}


	.mc_section_type{
		display: block;
		width:275px;
		text-align: center;
		margin:5px auto 0 auto;
		font-size:22px;
		line-height:24px;
		font-weight:900;
		background: #555;
	}
	
	.mc_section_type_02{
		display: block;
		width:275px;
		text-align: center;
		margin:9px auto 0 auto;
		font-size:18px;
	
		font-weight:700;
		background: #555;
	}

#sxs_box_04{
	width:1040px;
	height:130px;
	padding:30px 0 60px 160px;
	position: relative;
	margin:0px auto 0 auto;		
	text-align:left;
	background:#222;
	}
	
	
#sxs_box_0402{
	width:1040px;
	height:30px;
	padding:30px 0 30px 40px;
	position: relative;
	margin:0px auto 0 auto;		
	text-align:left;
	/*background:#222;*/
	}

#sxs_box_05{
	width:1200px;
	height:380px;
	position: relative;
	margin:0px auto 0 auto;		
	text-align:left;
	background:#222;
	}


	#section_01{
		width:900px;
		height:120px;
		margin:0 auto 30px auto;
		}
	
	.section_header{
		width:900px;
		height:40px;
		margin:0 auto 0 auto;
		padding:0 0 0 0;
		line-height:40px;
		background:#181818;
		border:solid 1px #9d9d9d;
		text-align:center;
		font-size:18px;
		font-weight:900;
		}
	.sxs_section_image{
		width: 275px;
		height: 207px;
		margin:40px 100px 0 0;
		float: right;
		}

	.sxs_section_type{
		width:400px;
		height:50px;
		float: left;
		font-size:22px;
		font-weight:900;
		margin:120px  0 0 90px;
	}

	#section_02{
		width:900px;
		min-height:50px;
		margin:0 auto 0 auto;
		padding:0 0 0 0;
		text-align: center;
		clear: both;
	}

	#section_02_02{
		width:900px;
		min-height:50px;
		margin:0 auto 0 auto;
		padding:120px 0 30px 0;
		text-align: center;
		clear: both;
	}

#sxs_box_06{
	width:1200px;
	height:540px;
	position: relative;
	margin:0px auto 0 auto;		
	text-align:left;
	background:#333;	
}

	.section_title{
			width: 100%;
			padding:30px 0 30px 0;
			text-align: center;
			font-size:30px;
	}

	#section_03,
	#section_03_02{
		width:900px;
		min-height:50px;
		margin:0 auto 30px auto;
		padding:30px 0 0 0;
		text-align: center;
		clear: both;
	}

	
	.section_list{
		width:880px;
		min-height: 29px;
		padding:10px 5px 10px 15px;
		background:#292929;
		border:solid 1px #9d9d9d;
		border-top:none;
		text-align:left;
		font-size:18px;
		font-weight:100;
		}

#sxs_box_07{
	width:1200px;
	height:200px;
	margin:0px auto 0 auto;
	padding:40px 0 0 0;
	text-align:center;
	background:#111;
	
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: flex-start;
    color: #777;
	
	}


#sxs_box_07 .item{
	
	width:220px;
	height:140px;
	
	margin: 15px;
	
	background: #777;
	
	}


/*------▲▲▲▲▲▲-------SxS-------▲▲▲▲▲▲-------*/

/*------▽▽▽▽▽▽-------JET-------▽▽▽▽▽▽-------*/

#jet_box_01{
	width:1200px;
	height:554px;
	margin:0px auto 0 auto;		
	font-size:50px;
	text-align:center;
	position:relative;
	background:url(../img/jet_bg_01.png) no-repeat top;
}


	#jet_title{
    position: absolute;
    top: 210px;
    right: 50px;
	}


/*------▲▲▲▲▲▲-------JET-------▲▲▲▲▲▲-------*/

/*------▽▽▽▽▽▽-------MC-------▽▽▽▽▽▽-------*/


#mc_box_01{
	width:1200px;
	height:500px;
	margin:0px auto 0 auto;		
	font-size:50px;
	text-align:center;
	position:relative;
	background:url(../img/mc_bg.png) no-repeat top;
}

#ps_box_01{
	width:1200px;
	height:554px;
	margin:0px auto 0 auto;		
	font-size:50px;
	text-align:center;
	position:relative;
	background:url(../img/ps_bg.png) no-repeat top;
}


#kx_box_01{
width:1200px;
height:554px;
margin:0px auto 0 auto;
font-size:50px;
text-align:center;
position:relative;
background:url("../img/kx_bg.png") no-repeat top;
}


#spin_box_01{
	width:1200px;
	height:554px;
	margin:0px auto 0 auto;		
	font-size:50px;
	text-align:center;
	position:relative;
	background:url(../img/spin_bg.png) no-repeat top;
}



	#mc_title{
		position:absolute;
		top:100px;
		left:0px;
		}

		
#mc_box_02{
	width:1080px;
	height:1940px;
	margin:0px auto 0 auto;	
	padding:30px 0 0 120px;
	text-align:center;
	position:relative;
	background:#222;
	}

#ps_box_02{
	width:1080px;
	height:940px;
	margin:0px auto 60px auto;	
	padding:0 0 0 120px;
	text-align:center;
	position:relative;
	background:#222;
	}

#mc_box_02_spin{
	width:1080px;
	height:550px;
	margin:0px auto 0 auto;	
	padding:30px 0 0 120px;
	text-align:center;
	position:relative;
	background:#222;
	}

.mc_box_02_voice{
	width:1080px;
	height:auto;
	margin:0px auto 0 auto;	
	padding:40px 0 20px 120px;
	text-align:center;
	position:relative;
	background:#222;
	}

	.mc_message{
		width:815px;
		height:150px;
		padding:40px 40px 0 40px;
		text-align: left;
		font-size:18px;
		}
		

	.mc_message_01{
		width:710px;
		height:120px;
		padding:0 40px 60px 40px;
		text-align: left;
		font-size:18px;
	}


	.mc_message_02{
		width:710px;
		height:160px;
		padding:0 40px 60px 40px;
		text-align: left;
		font-size:18px;
	}

	.ps_message_02{
		width:710px;
		height:140px;
		padding:20px 40px 20px 0;
		text-align: left;
		font-size:18px;
	}

	.ps_message_03{
		width:710px;
		height:140px;
		padding:40px 40px 0 0;
		text-align: left;
		font-size:18px;
	}
	
	.mc_message_02:last-child{
		width:710px;
		height:140px;
		padding:0 40px 60px 40px;
		text-align: left;
		font-size:18px;
	}

	.mc_message_02_banner{
		width:840px;
		height:140px;
		margin:120px;
		padding:10px 46px 40px 109px;
		text-align: left;
		font-size:18px;
	}

	.mc_message_02_spin{
		width:815px;
		height:80px;
		padding:0 40px 40px 40px;
		text-align: left;
		font-size:18px;
	}

	.mc_message_02_voice{
		width:815px;
		height:auto;
		padding:0 40px 40px 80px;
		text-align: left;
		font-size:18px;
	}

	.mc_message_03{
		width:800px;
		height:115px;
		padding:40px;
		text-align: left;
		font-size:18px;
		}

	.mc_message_04{
		width:800px;
		height:40px;
		padding:40px 40px 0 40px;
		text-align: left;
		font-size:18px;
		}

	.kx_message{
		width:830px;
		min-height:60px;
		padding:40px 40px 0 40px;
		text-align: left;
		font-size:18px;
	}

	.message_title_02{
		display: block;
		font-size:26px;
		opacity:1;
	}

	.mc_icons_01{
		display: block;
		width:124px;
		height:85px;
		margin:50px 150px 0 0 ;
		float:right;
	}

	.mc_icons_02{
		display: block;
		width:124px;
		height:85px;
		margin:60px 150px 0 0 ;
		float:right;
	}

	.mc_icons_03{
		display: block;
		width:124px;
		height:85px;
		margin:90px 150px 0 0 ;
		float:right;
	}


#kx_box_02{
	width:1080px;
	height:630px;
	margin:0px auto 0 auto;
	padding:0 0 0 120px;
	text-align:center;
	position:relative;
	background:#222;
}
	
#mc_box_movie{
	width:1200px;
	height:450px;
	margin:0 auto 0 auto;
	padding:30px 0 30px 0;
	text-align:center;
	background:#000;
	}


#mc_box_03{
	width:1200px;
	height:1069px;
	margin:0 auto 0 auto;
	padding:40px 0 0 0;
	text-align:center;
	background:#222;
	}

#kx_box_03{
	width:1200px;
	height:267px;
	margin:0 auto 0 auto;
	text-align:center;
	background:#222;
}

#ps_box_03_spin{
	width:1200px;
	height:120px;
	margin:0 auto 0 auto;		
	text-align:center;
	background:#222;
	}


#mc_box_03_spin{
	width:1200px;
	height:240px;
	margin:0 auto 0 auto;
	padding:70px 0 0 0;
	text-align:center;
	background:#222;
	}

#mc_box_03_spin_02{
	width:1200px;
	height:250px;
	margin:0 auto 0 auto;		
	text-align:center;
	background:#222;
	}

	#mc_box_03 #section_03{
		width:915px;
		height:400px;
		margin:0 auto 0 auto;
		padding:30px 0 40px 0;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		align-content: center;
	}


	#kx_box_03 #section_03{
		width:915px;
		height:200px;
		margin:0 auto 0 auto;
		padding:30px 0 40px 0;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		align-content: center;
	}

	#mc_box_03_spin #section_03_spin,
	#mc_box_03_spin_02 #section_03_spin{
		width:915px;
		height:100px;
		margin:0 auto 0 auto;
		padding:30px 0 0px 0;
		/*display: flex;*/
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		align-content: center;
	}

	#ps_box_03 #section_03_spin{
		width:915px;
		height:790px;
		margin:0 auto 0 auto;
		padding:30px 0 0px 0;
		/*display: flex;*/
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		align-content: center;
	}


	#mc_box_03 #section_03 #section_03_ce{
		width:851px;
		height:400px;
		margin:0 auto 0 auto;
		display:block;
	}

	#kx_box_03 #section_03 #section_03_ce{
		width:836px;
		height:200px;
		margin:0 auto 0 auto;
		display:block;
	}



	#mc_box_03_spin #section_03_spin #section_03_ce_spin,
	#ps_box_03 #section_03_spin #section_03_ce_spin,
	#mc_box_03_spin_02 #section_03_spin #section_03_ce_spin{
		width:836px;
		height:130px;
		margin:0 auto 0 auto;
		display:block;
	}	


	#mc_box_03 #section_03 dl,
	#kx_box_03 #section_03 dl{
		margin:10px auto 30px auto;
		clear: both;
		text-align: left;
	}

	#mc_box_03 #section_03 dt.model_type_01,
	#kx_box_03 #section_03 dt.model_type_01{
		width: 159px;
		height:226px;
		line-height: 125px;
		padding:53px 29px 10px 30px;
		float: left;
		vertical-align: middle;
		border-right: 1px solid #FFF;
		}

	#mc_box_03_spin #section_03_spin dt.model_type_01_02,
	#mc_box_03_spin_02 #section_03_spin dt.model_type_01_02{
		width:183px;
		height:37px;
		line-height: 23px;
		padding:10px 20px 10px 10px;
		float: left;
		vertical-align: middle;
		border-right: 1px solid #FFF;
		}

	#ps_box_03 #section_03_spin dt.model_type_01_02{
		width:183px;
		height:120px;
		line-height: 23px;
		padding:90px 20px 10px 10px;
		float: left;
		vertical-align: middle;
		border-right: 1px solid #FFF;
		}

	#ps_box_03 #section_03_spin dt.model_type_01_03{
		width:183px;
		height:50px;
		line-height: 23px;
		padding:10px 20px 10px 10px;
		float: left;
		vertical-align: middle;
		border-right: 1px solid #FFF;
		}

	#ps_box_03 #section_03_spin dt.model_type_01_04{
		width:183px;
		height:120px;
		line-height: 100px;
		padding:10px 20px 10px 10px;
		float: left;
		vertical-align: middle;
		border-right: 1px solid #FFF;
		}


	#ps_box_03 #section_03_spin dt.model_type_01_02_02{
		width:183px;
		height:80px;
		line-height: 23px;
		padding:42px 20px 10px 10px;
		float: left;
		vertical-align: middle;
		border-right: 1px solid #FFF;
		}


	#mc_box_03 #section_03 dt.model_type_02,
	#kx_box_03 #section_03 dt.model_type_02{
		width: 131px;
		height:230px;
		line-height: 110px;
		padding:54px 23px 10px 64px;
		float: left;
		vertical-align: middle;
		border-right: 1px solid #FFF;
		}


	#kx_box_03 #section_03 dt.model_type_03{
		width: 160px;
		height:37px;
		line-height: 23px;
		padding:13px 35px 10px 24px;
		float: left;
		vertical-align: middle;
		border-right: 1px solid #FFF;
		}

	#mc_box_03 #section_03 dt.model_type_03{
		width: 160px;
		height:114px;
		line-height: 64px;
		padding:13px 35px 10px 24px;
		float: left;
		vertical-align: middle;
		border-right: 1px solid #FFF;
		}


	#ps_box_03 #section_03_spin dt.model_type_03{	
		width: 130px;	
		height:113px;	
		line-height: 87px;	
		padding:17px 53px 5px 30px;	
		float: left;	
		vertical-align: middle;	
		border-right: 1px solid #FFF;	
	}


	#mc_box_03 #section_03 dt.model_type_04{
		width: 190px;
		height:30px;
		line-height: 23px;
		padding:10px 20px 10px 10px;
		float: left;
		vertical-align: middle;
		border-right: 1px solid #FFF;
		}

	#mc_box_03 #section_03 dt.model_type_05{
		width: 160px;
		height:37px;
		line-height: 23px;
		padding:10px 33px 10px 27px;
		float: left;
		vertical-align: middle;
		border-right: 1px solid #FFF;
		}

	#kx_box_03 #section_03 dt.model_type_04{
		width: 160px;
		height:97px;
		line-height: 23px;
		padding:31px 20px 10px 10px;
		float: left;
		vertical-align: middle;
		border-right: 1px solid #FFF;
	}

		#mc_box_03 #section_03 dd,
		#mc_box_03_spin #section_03_spin dd,
		#ps_box_03 #section_03_spin dd,
		#mc_box_03_spin_02 #section_03_spin dd{
		width: 205px;
		margin:0 0 22px 2px;
		padding: 0;
		display: inline-block;
		text-align: center;
		}

		#mc_box_03 #section_03 dd.name_long{
		width: 300px;
		margin:0 0 22px 25px;
		padding: 0;
		display: inline-block;
		text-align: center;
		}


		#ps_box_03 #section_03_spin dd{	
		width: 240px;	
		margin:0 0 22px 2px;	
		padding: 0;	
		display: inline-block;	
		text-align: center;	
		}



		#kx_box_03 #section_03 dd{
		width: 130px;
		margin:0 0 22px 22px;
		padding: 0;
		display: inline-block;
		text-align: center;
		}


	#mc_box_03 #section_03_02{
		width:915px;
		height:300px;
		margin:0 auto 0 auto;
		padding:30px 0 30px 0;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		align-content: center;
	}	

	#mc_box_03 #section_03 .item,
	#kx_box_03 #section_03 .item,
	#mc_box_03 #section_03_02 .item{
		width:275px;
		height:250px;
		
		margin: 15px;
		
		background: #555;
	}

	.mc_section_type{
		display: block;
		width:275px;
		text-align: center;
		margin:5px auto 0 auto;
		font-size:22px;
		line-height:24px;
		font-weight:900;
	}

	.mobility_type{
		font-size:22px;
		font-weight: 700;
		margin:0 0 30px 0;
		padding:20px 0 10px 0;
		border-bottom:1px solid #FFF;
	}


#mc_box_04{
	width:1200px;
	height:650px;
	padding:0 0 0 0;
	position: relative;
	margin:0px auto 0 auto;		
	text-align:left;
	background:#111;
	}

	#manual_box{
		width:680px;
		height:310px;
		margin:15px auto 0 auto;
		padding:40px;
		text-align:left;
		border:#9d9d9d 1px solid;
		background:#292929;
	}

	.manual_txt_main{
		margin:0 auto 0 auto;
		text-align:left;
		font-size:16px;
		font-weight:100;
	}

	.manual_btn{
		width:680px;
		height:78px;
		margin: 30px 0 30px 0 ;
		text-align: center;
	}

	.manual_btn_02{
		width:680px;
		height:43px;
		margin: 30px 0 30px 0 ;
		text-align: center;
	}

	
#mc_box_05{
	width:1200px;
	min-height:560px;
	position: relative;
	margin:0px auto 0 auto;	
	padding:0 0 90px 0;
	text-align:left;
	background:#333;	
	}

	/*アコーディオン全体*/
	.menu {
	  width: 900px;
	  margin:0 auto;
	  border:#9d9d9d 1px solid;
	}
	.menu input {
	  display: none; /*チェックボックスを隠す*/
	}
	/*バー部分*/
	.menu label {
	  cursor :pointer;
	  display: block;
	  text-decoration: none;
	  color: #fff;
	  font-size: 18px;
	  line-height: 50px;
	  position: relative;
	  margin: 0;
	  padding: 10px 20px 10px 30px;
	  background-color: #111;
	  border-bottom:#9d9d9d 1px solid;
	}

	.menu label.item_last{
	  border-bottom:none;
	}

	/*開いたときに表示される部分*/
	.menu ul {
	  margin: 0;
	  padding: 0;
	  list-style: none;
	  background:#292929;
	  /*margin-bottom: 1px;*/
	}
	.menu li {
	  height: 0;
	  overflow-y: hidden;
	  -webkit-transition: all 0.5s;
	  -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
	  -o-transition: all 0.5s;
	  transition: all 0.5s;
	}


	#menu_bar01:checked ~ #links01 li,
	#menu_bar02:checked ~ #links02 li,
	#menu_bar03:checked ~ #links03 li,
	#menu_bar04:checked ~ #links04 li,
	#menu_bar05:checked ~ #links05 li,
	#menu_bar06:checked ~ #links06 li{
	  height: auto; /*開いたときに表示されるliの高さ*/
	  opacity: 1;
	  background:#292929;
	  padding: 20px;
	}

	 /*開いたときの下の余白*/
	#menu_bar01:checked ~ #links01 li:last-child,
	#menu_bar02:checked ~ #links02 li:last-child,
	#menu_bar03:checked ~ #links03 li:last-child,
	#menu_bar04:checked ~ #links04 li:last-child,
	#menu_bar05:checked ~ #links05 li:last-child,
	#menu_bar06:checked ~ #links06 li{
	  margin-bottom: 0;
	}
	/*閉じた状態の矢印描画*/
	.menu label:after{
	  content:"";
	  display:block;
	  width:10px;
	  height:10px;
	  border-top: #fff 2px solid;
	  border-right: #fff 2px solid;
	  -webkit-transform: rotate(135deg);
	  -ms-transform: rotate(135deg);
	  transform: rotate(135deg);
	  position:absolute;
	  right: 4%;
	  top: 0;
	  bottom: 15%;
	  margin: auto;
	}
	/*開いた状態の矢印描画*/
	.menu input[type=checkbox]:checked + label:after{
	  content:"";
	  display:block;
	  width:10px;
	  height:10px;
	  border-top: #fff 2px solid;
	  border-right: #fff 2px solid;
	  -webkit-transform: rotate(-45deg);
	  -ms-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	  position:absolute;
	  right: 4%;
	  top: 7%;
	  bottom: 0;
	  margin: auto;
	}

	.faq_q{
	  font-size: 18px;
	  color:#69BE28;
	}

#mc_box_06{
	width:1200px;
	height:650px;
	padding:0 0 0 0;
	position: relative;
	margin:0px auto 0 auto;		
	text-align:left;
	background:#111;
	}

	#search_area{
		width:360px;
		height:100px;
		margin:15px auto 0 auto;
	}

	#app_icon{
		width:80px;
		height:80px;
		float: left;
	}

	#app_search{
		width:250px;
		font-size: 18px;
		float:right;
	}

	#search_text{
		width:225px;
		height: 30px;
		margin:10px 0 0 0; 
		padding:5px 5px 0 10px;
		text-align:left;
		border:1px #FFF solid;
		border-radius: 5px;
	}

	#app_box{
		width:680px;
		height:358px;
		margin:40px auto 0 auto;
		padding:40px;
		text-align:left;
		border:#9d9d9d 1px solid;
		background:#292929;
	}

	#app_btn_area,
	#app_btn_area_02{
		width:680px;
		height:176px;
		margin:0 auto 0 auto;
		padding:0 0 30px 0;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start;
		align-content:flex-start;
	}

		.app_btn{
			width:320px;
			height:78px;
			margin:0 0 30px 0 ;
			text-align: center;
		}

	.qr_code{
		float:left;
	}

	.app_link_text{
			display: block;
			width:160px;
			height:30px;
			margin:5px 0 10px 25px; 
			text-align:left;
			border-radius: 5px;
			float:left;
			font-size: 16px;
		}

	.app_link_text_02{
			display: block;
			width:160px;
			height:30px;
			margin:5px 0 10px 15px; 
			text-align:left;
			border-radius: 5px;
			float:left;
			font-size: 16px;
		}

	.pc_non{
		display:none;
	}

	.app_non{
		margin:40px 0 0 0;	
	}

/*------▲▲▲▲▲▲-------MC-------▲▲▲▲▲▲-------*/

@media screen and (max-width :1024px ){ 

/*MCだけとりあえず*/	
	
	/* header */
	#header {
	/*min-width: 1200px;*/
	height: 84px;
	position: relative;
	background: url(../img/header_bg.png);
	color: #fff;
	text-align: left;
	}
	
	/*content*/
	
	#wrapper {
	width:100%;
	height:auto;
	margin:0 auto 0 auto;
	}


	/*#content{
		width:100%;
		height: auto;
		margin:0 auto 0 auto;
		text-align:center;
	}*/

	
	
	#sxs_box_01{
	width:1200px;
	height:544px;
	margin:0px auto 0 auto;		
	font-size:50px;
	text-align:center;
	position:relative;
	background:url(../img/sxs_bg_01.png) no-repeat center center;
	background-size:cover;
	}

	
	#jet_box_01{
	width:1200px;
	height:544px;
	margin:0px auto 0 auto;		
	font-size:50px;
	text-align:center;
	position:relative;
	background:url(../img/jet_bg_01.png) no-repeat center center;
	background-size:cover;
	}
	
	
/*	#box_07{
	width:1200px;
	height:200px;
	min-height:200px;
	margin:0px auto 0 auto;
	padding:30px 0 0 0;
	text-align:center;
	background:#111;
	
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: flex-start;
    color: #777;
	
	}


#box_07 .item{
	
	width:176px;
	height:112px;
	
	margin: 15px;

	}*/
	
/*footer*/

#footer{
		width: 1200px;
		height:120px;
		line-height: 120px;
		background: #101010;
		text-align: center;
		margin:0 auto 0 auto;	
		}

}

@media screen and (max-width : 768px ){ 
	
	
	#movie_box{
	width:100%; text-align: center; margin:60px auto; display: block;
	}

	.video_image{
	width:100%; margin:40px auto;
	}
	
	#wrapper {
	width:100%;
	height:auto;
	margin:0 auto 0 auto;
	/*background:#2a2a2a;*/

	}
	
	.sp_non{
		display:none;
	}
	
	.pc_non{
		display:block;
	}
	
	/* header */
	#header {
	min-width: 100%;
	width:100%;
	height: 84px;
	position: relative;
	background: url(../img/header_bg.png);
	color: #fff;
	text-align: left;
	}

	#header_inner{
	width: 100%;
	height:84px;
	position:relative;
	margin:0 auto 0 auto;		
	}

#header_logo{
	width:141px;
	height:38px;
	position:absolute;
	top:21px;
	left:21px;
	}

	#header_logo a:hover img{
		opacity:1.0;
	}
	

	/*content*/


	#content{
	width:100%;
	height: auto;
	
	/*height:calc(100vh - 84px);*/
	/*background:#2a2a2a;*/
	margin:0 auto 0 auto;
	/*padding:0 0 10px 0;*/
	text-align:center;
	}

	
	/*top*/
	
	#box_01{
		width:100%;
		height:300px;
		margin:0px auto 0 auto;
		padding:0 0 50px 0;
		font-size:50px;
		text-align:center;
		background:url(../img/top_bg_sp.png) no-repeat center center;
		background-size:cover;
	}

		#box_01 h1{
		position:absolute;
		top:130px;
		left:60px;
		font-size:40px;
		}
		
	#box_01 h2{
		position:absolute;
		width:400px;
		top:190px;
		left:111px;
		font-size:14px;
		font-weight:300;
		text-align:left;
		}
		
	#box_01 #main_image01{
		display:none;
		}
	
	.section_title_top{
		width: 100%;
		padding:30px 0 0 0;
		text-align: center;
		font-size:20px;
	}

		
#box_02{
	width:100%;
	height:auto;
	margin:0px auto 0 auto;		
	text-align:center;
	position:relative;
	background:#111;
	}
	
	#intro_wrapper{
		width:100%;
		height:auto;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		align-content: flex-start;
		}
		
	.top_item{
		width:70%;
		height:auto;
		background:#222;
		}
	
	.item_img{
		width:100%;
		height:auto;
		background:none;
		margin:0 0 20px 0;
		}
	
		.item_img img{
		width:100%;
		height:auto;
		}
		
	.item_text{
		text-align:left;
		font-size:16px;
		color:#FFF;
		}
	
	#box_02 #message_00{
		width:90%;
		min-height:50px;
		margin:0 auto 0 auto;	
		padding:40px 0 20px 0;
		font-size:14px;
		}
	
	#box_02 #message_01{
		width:90%;
		min-height:50px;
		margin:0 auto 0 auto;	
		padding:20px 0 20px 0;
		font-size:14px;
		}
		
	/*#box_02 #message_02,
	#box_02 #message_03,
	#box_02 #message_04
	{
		width:90%;
		min-height:60px;
		margin:0 auto 0 auto;	
		padding:20px 0 0 0;
		font-size:14px;
		text-align:center;
		}*/


	#box_02 #message_05
	{
		width:90%;
		min-height:50px;
		margin:0 auto 0 auto;	
		padding:30px 0 0 0;
		font-size:10px;
		text-align:right;
		}

		
#box_03{
	width:100%;
	height:auto;
	margin:0px auto 0 auto;	
	padding:30px 0 0 0;
	text-align:center;
	background:#222;
	}
	
	#news{
		width:100%;
		min-height:80px;
		margin:0 auto 0 auto;
		}
	
	#news_header{
		width:80%;
		height:28px;
		margin:0 auto 0 auto;
		padding:0 5px 0 5px;
		line-height:28px;
		background:#181818;
		border:solid 1px #9d9d9d;
		text-align:left;
		font-weight:900;
		}
		
	#news_list{
		width:80%;
		min-height:29px;
		max-height: 145px;
		margin:0 auto 0 auto;
		padding:5px 5px 5px 5px;
		line-height:29px;
		background:#292929;
		border:solid 1px #9d9d9d;
		border-top:none;
		text-align:left;
		font-weight:100;
		font-size:12px;
		overflow-y: scroll;
		}
		
	#news_list li{
		padding:2px 0 2px 0; 
		line-height:16px;
		border-bottom: 1px solid #9d9d9d;
		}
	
	#news_list li:last-child{
		border-bottom:none;
		}


#box_04{
	width:100%;
	height:auto;
	padding:0 0 50px 0;
	position: relative;
	margin:0px auto 0 auto;		
	text-align:left;
	background:#111;
	}

	#manual_box{
		width:70%;
		height:auto;
		margin:15px auto 0 auto;
		padding:40px 40px 20px 40px;
		border:#9d9d9d 1px solid;
		background:#292929;
	}

	.manual_txt_main{
		margin:0 auto 0 auto;
		text-align:left;
		font-size:16px;
		font-weight:100;
	}

	.manual_btn{
		width:60%;
		height:auto;
		margin: 30px auto 30px auto ;
		text-align: center;
	}
	
	.manual_btn img,
	.manual_btn_02 img{
		width:100%;
	}

	.manual_btn_02{
		width:60%;;
		height:43px;
		margin: 30px auto 30px auto ;
		text-align: center;
	}
	
	.section_title{
		width: 100%;
		padding:30px 0 30px 0;
		text-align: center;
		font-size:20px;
	}

	#box_spin_link{
	width:100%;
	height:60px;
	margin:0px auto 0 auto;
	text-align: center;

	background:#222;
	}

	#box_spin_link a{
		width:70%;
		height: auto;
		display:block;
		margin:0 auto 0 auto;
		padding:0; 
	}
	
	#box_spin_link a img{
		width:100%;
		height:auto;
	}	
	
#box_05{
	width:100%;
	min-height:auto;
	position: relative;
	margin:0px auto 0 auto;	
	padding:0 0 50px 0;
	text-align:left;
	background:#333;	
	}

	/*アコーディオン全体*/
	.menu {
	  width: 90%;
	  margin:15px auto 0 auto;
	  border:#9d9d9d 1px solid;
	}
	.menu input {
	  display: none; /*チェックボックスを隠す*/
	}
	/*バー部分*/
	.menu label {
	  cursor :pointer;
	  display: block;
	  text-decoration: none;
	  color: #fff;
	  font-size: 18px;
	  line-height: 40px;
	  position: relative;
	  margin: 0;
	  padding: 10px 20px 10px 30px;
	  background-color: #111;
	  border-bottom:#9d9d9d 1px solid;
	}

	.menu label.item_last{
	  border-bottom:none;
	}

	/*開いたときに表示される部分*/
	.menu ul {
	  margin: 0;
	  padding: 0;
	  list-style: none;
	  background:#292929;
	  /*margin-bottom: 1px;*/
	}
	.menu li {
	  height: 0;
	  overflow-y: hidden;
	  -webkit-transition: all 0.5s;
	  -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
	  -o-transition: all 0.5s;
	  transition: all 0.5s;
	}


	#menu_bar01:checked ~ #links01 li,
	#menu_bar02:checked ~ #links02 li,
	#menu_bar03:checked ~ #links03 li,
	#menu_bar04:checked ~ #links04 li,
	#menu_bar05:checked ~ #links05 li,
	#menu_bar06:checked ~ #links06 li,
	#menu_bar07:checked ~ #links07 li,
	#menu_bar08:checked ~ #links08 li{
	  height: auto; /*開いたときに表示されるliの高さ*/
	  opacity: 1;
	  background:#292929;
	  padding: 20px;
	}

	 /*開いたときの下の余白*/
	#menu_bar01:checked ~ #links01 li:last-child,
	#menu_bar02:checked ~ #links02 li:last-child,
	#menu_bar03:checked ~ #links03 li:last-child,
	#menu_bar04:checked ~ #links04 li:last-child,
	#menu_bar05:checked ~ #links05 li:last-child,
	#menu_bar06:checked ~ #links06 li:last-child,
	#menu_bar07:checked ~ #links07 li:last-child,
	#menu_bar08:checked ~ #links08 li:last-child{
	  margin-bottom: 0;
	}
	/*閉じた状態の矢印描画*/
	.menu label:after{
	  content:"";
	  display:block;
	  width:10px;
	  height:10px;
	  border-top: #fff 2px solid;
	  border-right: #fff 2px solid;
	  -webkit-transform: rotate(135deg);
	  -ms-transform: rotate(135deg);
	  transform: rotate(135deg);
	  position:absolute;
	  right: 4%;
	  top: 0;
	  bottom: 15%;
	  margin: auto;
	}
	/*開いた状態の矢印描画*/
	.menu input[type=checkbox]:checked + label:after{
	  content:"";
	  display:block;
	  width:10px;
	  height:10px;
	  border-top: #fff 2px solid;
	  border-right: #fff 2px solid;
	  -webkit-transform: rotate(-45deg);
	  -ms-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	  position:absolute;
	  right: 4%;
	  top: 7%;
	  bottom: 0;
	  margin: auto;
	}

	.faq_q{
	  font-size: 18px;
	  color:#69BE28;
	}	

#box_06{
	width:100%;
	height:auto;
	padding:0 0 30px 0;
	position: relative;
	margin:0px auto 0 auto;		
	text-align:left;
	background:#111;
	}

	#search_area{
		width:75%;
		height:100px;
		margin:15px auto 0 auto;
	}

	#app_icon{
		width:80px;
		height:80px;
		float: left;
	}

	#app_search{
		width:65%;
		font-size: 18px;
		float:right;
	}

	#search_text{
		width:96%;
		height: 30px;
		margin:10px 0 0 0; 
		padding:5px 5px 0 10px;
		text-align:left;
		border:1px #FFF solid;
		border-radius: 5px;
	}

	#app_box{
		width:80%;
		height:auto;
		margin:15px auto 0 auto;
		padding:10%;
		text-align:left;
		border:none;
		background:#292929;
	}

	#app_btn_area,
	#app_btn_area_02{
		width:100%;
		height:auto;
		margin:0 auto 0 auto;
		padding:0 0 30px 0;
	}

		.app_btn{
			width:100%;
			height:78px;
			margin:0 0 30px 0 ;
			text-align: center;
		}
	
		.app_btn:last-child{
				width:100%;
				height:78px;
				margin:30px 0 30px 0 ;
				text-align: center;
			}

	.qr_code{
		float:left;
	}

	.app_link_text{
			display: block;
			width:160px;
			height:auto;
			margin:5px 0 10px 25px; 
			text-align:left;
			border-radius: 5px;
			float:left;
			font-size: 18px;
		}	
	
		.app_link_text_02{
			display: block;
			width:160px;
			height:auto;
			margin:5px 0 10px 25px; 
			text-align:left;
			border-radius: 5px;
			float:left;
			font-size: 18px;
		}	
	
#box_07{
	width:91%;
	height:auto;
	margin:0 auto 0 auto;
	padding:30px 2% 20px 7%;
	text-align:center;
	background:#111;
	
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: flex-start;
    color: #777;
	
	}


#box_07	.item{
	
	width:42%;
	height:auto;
	
	margin: 10px;

	}
	
	.item img{
	
	width:100%;
	height:auto;
	

	background: #111;
	
	}
	
	
	
	#footer{
		width: 100%;
		height:40px;
		line-height: 40px;
		font-size:10px;
		background: #101010;
		text-align: center;
	}

	
/*------▽▽▽▽▽▽-------SxS_sp-------▽▽▽▽▽▽-------*/


	
#sxs_box_01{
	width:100%;
	height:300px;
	margin:0px auto 0 auto;		
	font-size:50px;
	text-align:center;
	position:relative;
	background:url(../img/sxs_bg_01.png) no-repeat center center;
	background-size:cover;
}


	#sxs_title{
		position:absolute;
		width:240px;
		top:100px;
		left:70px;
		}
	
	#sxs_title img{
		width:120%;
	}
	
	#jet_title{
		position:absolute;
		width:240px;
		top:100px;
		left:70px;
		}
	
	#jet_title img{
		width:120%;
	}

	

		
#sxs_box_02{
	width:100%;
	height:auto;
	margin:0 auto 0 auto;
	padding:40px 0 40px 0;
	text-align:center;
	background:#222;
	}

	.mc_message{
		width:80%;
		height:auto;
		margin:0 auto 20px auto;
		padding:0 0 0 0;
		text-align: left;
		font-size:14px;
		}

	.mc_message_01{
		width:80%;
		height:auto;
		margin:0 auto 0 auto;
		padding:15px 0 0 0;
		text-align: left;
		font-size:14px;
	}
		
	.mc_message_02,
	.ps_message_02,
	.ps_message_03{
		width:80%;
		height:auto;
		margin:0 auto 0 auto;
		padding:15px 0 0 0;
		text-align: left;
		font-size:14px;
	}
	
	.mc_message_02_banner{
		width:80%;
		height:auto;
		margin:0 auto 0 auto;
		padding:15px 0 0 0;
		text-align: center;
		font-size:14px;
	}

	.mc_message_02_banner img{
		width:90%;
		height:auto;
		margin:0 auto 0 auto;
		padding:15px 0 0 0;
		text-align: center;
		font-size:14px;
	}
	
	
	.mc_message_02_spin{
		width:80%;
		height:auto;
		margin:0 auto 0 auto;
		padding:15px 0 0 0;
		text-align: left;
		font-size:14px;
	}	
	
	.mc_message_03{
		width:80%;
		height:auto;
		margin:0 auto 0 auto;
		padding:0 0 40px 0;
		text-align: left;
		font-size:14px;
	}
	
	.mc_message_04{
		width:80%;
		height:auto;
		margin:0 auto 20px auto;
		padding:0 0 0 0;
		text-align: left;
		font-size:14px;
	}
	
	.kx_message{
	width:80%;
	height:auto;
	margin:0 auto 20px auto;
	padding:0 0 0 0;
	text-align: left;
	font-size:14px;
	}
	
	.message_title{
		display: block;
		font-size:20px;
		opacity:1;
	}
	
	.message_title_02{
		display: block;
		font-size:20px;
		opacity:1;
	}
	
	
	.message_txt{
		display: block;
		width:100%;
		height:auto;
		margin:0 0 0 0;
		
	}

	
	.sxs_message_01{
	width: 80%;
    height: auto;
    margin: 0 auto 20px auto;
    padding: 0 0 0 0;
    text-align: left;
    font-size: 14px;
		}
	
	
	.sxs_image{
		
		display: none;
		position:relative;
		width:50%;
		height:auto;
		margin:30px auto 30px auto;
		top:0;
		right:0;

		}

	.sxs_image_02{
		
		display: none;
		position:relative;
		width:50%;
		height:auto;
		margin:30px auto 10px auto;
		top:0;
		right:0;

	}
	
	.sxs_image_sp{
		display: block;
		position:relative;
		width:80%;
		height:auto;
		margin:30px auto 30px auto;
		}
	
		.sxs_image_sp img{

		width:100%;

		}

	

/*#sxs_box_03{
	width:100%;
	height:280px;
	position: relative;
	margin:0px auto 0 auto;		
	text-align:center;
	background:url(../img/sxs_bg_03.png) no-repeat;
	background-size:cover;
	}

	.message_wrap_02{
		padding:20px 0 0 0;
	}

	#sxs_message_02{
		width:80%;
		height:190px;
		margin:0 auto;
		padding:15px;
		background:url("../img/message_bg.png")repeat top;
		text-align: left;
		font-size:14px;
	}*/
	

#sxs_box_04{
	width:90%;
	height:auto;
	padding:0 5% 50px 5%;
	position: relative;
	margin:0px auto 0 auto;		
	text-align:left;
	background:#222;
	}
	

#sxs_box_0402{
	width:90%;
	height:auto;
	padding:20px 5% 50px 5%;
	position: relative;
	margin:0px auto 0 auto;		
	text-align:left;
	/*background:#222;*/
	}
	
	

#sxs_box_03{
	width:100%;
	height:auto;
	position: relative;
	margin:0px auto 0 auto;		
	text-align:left;
	background:#222;
	}

	#sxs_box_03 #section_01{
		width:100%;
		height:auto;
		margin:0 auto 0 auto;
		padding:30px 0 0 0;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		align-content: center;
	}	
	
	.section_header{
		width:90%;
		height:40px;
		padding:0 0 0 0;
		line-height:40px;
		background:#181818;
		border:solid 1px #9d9d9d;
		text-align:center;
		font-size:18px;
		font-weight:900;
		}


	#sxs_box_03 #section_01 .item{
		width:80%;
		height:auto;
		
		margin: 15px auto 15px auto;
		
		background: #555;
	}
	
	#sxs_box_03 #section_01 .item img{
		width:100%;
		height:auto;

	}

	.mc_section_type{
		display: block;
		width:auto;
		text-align: center;
		margin:5px auto 0 auto;
		font-size:22px;
		line-height: 24px;
		font-weight:900;
		background: #555;	
	}
	
	#section_02{
		width:80%;
		min-height:50px;
		margin:0 auto 0 auto;
		padding:20px 0 30px 0;
		text-align: center;
		clear: both;
	}
	
	#section_02_02{
		width:80%;
		min-height:50px;
		margin:0 auto 0 auto;
		padding:20px 0 0 0;
		text-align: center;
		clear: both;
	}

#sxs_box_06{
	width:100%;
	height:auto;
	position: relative;
	margin:0px auto 0 auto;
	padding: 0 0 30px 0;
	text-align:left;
	background:#333;	
}

	.section_title{
			width: 100%;
			padding:30px 0 10px 0;
			text-align: center;
			font-size:20px;
	}

	#section_03{
		width:100%;
		min-height:50px;
		margin:0 auto 0 auto;
		padding:30px 0 0 0;
		text-align: center;
		clear: both;
	}

	
	.section_list{
		width:86%;
		min-height: 29px;
		margin:0 auto;
		padding:2%;
		background:#292929;
		border:solid 1px #9d9d9d;
		border-top:none;
		text-align:left;
		font-size:16px;
		font-weight:100;
		}

#sxs_box_07{
	width:1200px;
	height:200px;
	margin:0px auto 0 auto;
	padding:40px 0 0 0;
	text-align:center;
	background:#111;
	
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: flex-start;
    color: #777;
	
	}


#sxs_box_07 .item{
	
	width:220px;
	height:140px;
	
	margin: 15px;
	
	background: #777;
	
	}


/*------▲▲▲▲▲▲-------SxS_sp-------▲▲▲▲▲▲-------*/
	
/*------▽▽▽▽▽▽-------MC_sp-------▽▽▽▽▽▽-------*/


#mc_box_01{
	width:100%;
	height:300px;
	margin:0px auto 0 auto;		
	font-size:50px;
	text-align:center;
	position:relative;
	background:url("../img/mc_bg.png") no-repeat center center;
	background-size:cover;
}
	
#ps_box_01{
	width:100%;
	height:auto;
	margin:0px auto 0 auto;		
	font-size:50px;
	text-align:center;
	position:relative;
	background:url("../img/ps_bg.png") no-repeat center center;
	background-size:cover;
	aspect-ratio: 16 / 8;
}

	
#kx_box_01{
width:100%;
height:300px;
margin:0px auto 0 auto;
font-size:50px;
text-align:center;
position:relative;
background:url("../img/kx_bg.png") no-repeat center center;
background-size:cover;
}
	
#spin_box_01{
	width:100%;
	height:300px;
	margin:0px auto 0 auto;		
	font-size:50px;
	text-align:center;
	position:relative;
	background:url("../img/spin_bg.png") no-repeat center center;
	background-size:cover;
}
	

#voice_box_02{
	width:100%;
	height:auto;
	margin:0px auto 0 auto;
	background:#222;
}
	
	
#voice_banner{
	display: none;
}	

#voice_banner_sp{
		display:block;
		padding:5% 0 0 0;
		background: #222;
}

#voice_banner_sp img{
		width:80%;
}	

.mobility_type{	
width: 100%;	
text-align: center;	
font-size:22px;	
font-weight: 700;	
padding:20px 0 10px 0;	
}	


	#mc_title{
		position:absolute;
		width:240px;
		top:100px;
		left:70px;
		}
	
	#mc_title img{
		width:100%;	
	}


#mc_box_02{
	width:100%;
	height:auto;
	margin:0 auto 0 auto;
	padding:30px 0 50px 0;
	text-align:center;
	}	
	
#ps_box_02{
	width:100%;
	height:auto;
	margin:0 auto 0 auto;
	padding:30px 0 50px 0;
	text-align:center;
	}

	#mc_box_02_spin{
	width:100%;
	height:auto;
	margin:0 auto 0 auto;
	padding:40px 0 50px 0;
	text-align:center;
	}
	
	.mc_box_02_voice{
		width:100%;
		height:auto;
		margin:0 auto 0 auto;
		padding:20px 0 20px 0;
		text-align:center;
	}
	
	.mc_message_02_voice{
		width:80%;
		height:auto;
		margin:0 auto 0 auto;
		padding:15px 0 0 0;
		text-align: left;
		font-size:14px;
	}	


#kx_box_02{
	width:100%;
	height:auto;
	margin:0 auto 0 auto;
	padding:40px 0 50px 0;
	text-align:center;
}	
	
#mc_box_movie{
	width:100%;
	height:auto;
	margin:0 auto 0 auto;
	padding:20px 0 10px 0;
	text-align:center;
	background:#000;
	}
	
	#mc_box_movie img{
		width:60%;
	}
	
#mc_box_03,
#kx_box_03{
	width:100%;
	height:auto;
	position: relative;
	margin:0px auto  0 auto;
	padding: 0 0 20px 0;
	text-align:left;
	background:#222;
	}
	
	#mc_box_03_spin,
	#ps_box_03,
	#mc_box_03_spin_02{
	width:100%;
	height:auto;
	position: relative;
	margin:0px auto  0 auto;
	padding: 20px 0 20px 0;
	text-align:left;
	background:#222;
	}

	#mc_box_03 #section_03{
		width:100%;
		height:auto;
		margin:0 auto 0 auto;
		padding:30px 0 0 0;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		align-content: center;
	}	
	
	
	#kx_box_03 #section_03{
		width:100%;
		height:auto;
		margin:0 auto 0 auto;
		padding:30px 0 0 0;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		align-content: center;
	}

	#mc_box_03 #section_03{
		width:915px;
		height:400px;
		margin:0 auto 0 auto;
		padding:30px 0 40px 0;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		align-content: center;
	}

	#mc_box_03 #section_03 #section_03_ce,	
	#mc_box_03_spin_02 #section_03_spin{
		width:820px;
		height:400px;
		margin:0 auto 0 auto;
		display:block;
	}

	
	#mc_box_03_spin #section_03_spin #section_03_ce_spin,
	#ps_box_03 #section_03_spin #section_03_ce_spin,	
	#mc_box_03_spin_02 #section_03_spin #section_03_ce_spin{
		width:820px;
		height:200px;
		margin:0 auto 0 auto;
		display:block;
	}	

	#mc_box_03 #section_03 dl{
		margin:10px auto 30px auto;
		clear: both;
		text-align: left;
	}

	#mc_box_03 #section_03 dt.model_type_01,
	#ps_box_03 #section_03_spin dt.model_type_01,
	#mc_box_03_spin #section_03_spin dt.model_type_01,
	#mc_box_03_spin_02 #section_03_spin dt.model_type_01{
		width: 160px;
		height:200px;
		line-height: 125px;
		padding:10px 20px 10px 10px;
		float: left;
		vertical-align: middle;
		border-right: 1px solid #FFF;
		}
	
		#ps_box_03 #section_03_spin dt.model_type_01_02,
		#mc_box_03_spin #section_03_spin dt.model_type_01_02,
		#mc_box_03_spin_02 #section_03_spin dt.model_type_01_02{
		width: 160px;
		height:37px;
		line-height: 23px;
		padding:10px 20px 10px 10px;
		float: left;
		vertical-align: middle;
		border-right: 1px solid #FFF;
		}
	
		#ps_box_03 #section_03_spin dt.model_type_01_02_02{
		width:183px;
		height:80px;
		line-height: 23px;
		padding:42px 20px 10px 10px;
		float: left;
		vertical-align: middle;
		border-right: 1px solid #FFF;
		}

	#mc_box_03 #section_03 dt.model_type_02{
		width: 131px;
		height:120px;
		line-height: 70px;
		padding:10px 20px 10px 39px;
		float: left;
		vertical-align: middle;
		border-right: 1px solid #FFF;
		}

	#mc_box_03 #section_03 dt.model_type_03{
		width: 160px;
		height:37px;
		line-height: 23px;
		padding:10px 20px 10px 10px;
		float: left;
		vertical-align: middle;
		border-right: 1px solid #FFF;
		}

	#mc_box_03 #section_03 dt.model_type_04{
		width: 160px;
		height:37px;
		line-height: 23px;
		padding:10px 20px 10px 10px;
		float: left;
		vertical-align: middle;
		border-right: 1px solid #FFF;
		}

		#mc_box_03 #section_03 dd{
		width: 205px;
		margin:0 0 22px 2px;
		padding: 0;
		display: inline-block;
		text-align: center;
		}

	#mc_box_03 #section_03_02{
		width:915px;
		height:300px;
		margin:0 auto 0 auto;
		padding:30px 0 30px 0;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		align-content: center;
	}	

	#mc_box_03 #section_03 .item,
	#mc_box_03 #section_03_02 .item{
		width:275px;
		height:250px;
		
		margin: 15px;
		
		background: #555;
	}

	.mc_section_type{
		display: block;
		width:275px;
		text-align: center;
		margin:5px auto 0 auto;
		font-size:22px;
		line-height:24px;
		font-weight:900;
	}
	
	.app_txt_sub{
		font-size:12px;
	}

	
/*------▲▲▲▲▲▲-------MC_sp-------▲▲▲▲▲▲-------*/	
	
}

@media screen and (max-width : 768px ){ 
	
	
	#header_logo{
	width:141px;
	height:38px;
	position:absolute;
	top:21px;
	left:21px;
	}

	#header_logo a:hover img{
		opacity:1.0;
	}
	
	
	#box_01{
		width:100%;
		height:173px;
		margin:0px auto 0 auto;
		padding:0 0 50px 0;
		font-size:50px;
		text-align:center;
		background:url(../img/top_bg_sp.png) no-repeat center center;
		background-size:cover;
	}

	
	#box_01 h1{
		
		position:relative;
		top:auto;
		left:auto;
		
		width:100%;
		font-size:24px;
		display:block;
		margin: 0 auto 0 auto;
		padding:80px 0 0 0;
		
		text-shadow: 2px 2px 4px black;
 
		}
		
	#box_01 h2{
		
		position:relative;
		top:auto;
		left:auto;
		
		width:90%;
		font-size:16px;
		display:block;
		margin: 0 auto 0 auto;
		padding:10px 0 0 0;
		
		text-align: center;
		
		text-shadow: 2px 2px 4px black;
		}
	
#mc_box_01{
	width:100%;
	height:173px;
	margin:0px auto 0 auto;		
	font-size:50px;
	text-align:center;
	position:relative;
	background:url("../img/mc_bg.png") no-repeat center center;
	background-size:cover;
}
	
#ps_box_01{
	width:100%;
	height:auto;
	margin:0px auto 0 auto;		
	font-size:50px;
	text-align:center;
	position:relative;
	background:url("../img/ps_bg.png") no-repeat center center;
	background-size:cover;
	aspect-ratio: 16 / 7; 
}

#kx_box_01{
	width:100%;
	height:173px;
	margin:0px auto 0 auto;
	font-size:50px;
	text-align:center;
	position:relative;
	background:url("../img/kx_bg.png") no-repeat center center;
	background-size:cover;
}
	
#spin_box_01{
	width:100%;
	height:173px;
	margin:0px auto 0 auto;		
	font-size:50px;
	text-align:center;
	position:relative;
	background:url("../img/spin_bg.png") no-repeat center center;
	background-size:cover;
}	
	

	#mc_title{
		position:absolute;
		width:240px;
		top:40px;
		right:40px;
		}
	
	#mc_title img{
		width:100%;	
	}
	
	.mc_section_type_02{
		display: block;
		width: 80%;
		text-align: center;
		margin:0px auto 0 auto;
		font-size:18px;
	
		font-weight:700;
		background: #555;
	}
	
	#mc_box_03 #section_03 .item{
		width:80%;
		height:auto;
		
		margin: 15px auto 15px auto;
		
		background: #555;
	}
	
	#mc_box_03 #section_03 .item img{
		width:100%;
		height:auto;

	}

	#mc_box_03 #section_03_02 .item{
		width:80%;
		height:auto;
		
		margin: 15px auto 15px auto;
		
		background: #555;
	}
	
	#mc_box_03 #section_03_02 .item img{
		width:100%;
		height:auto;

	}
	
	
		.section_header{
		width:90%;
		height:auto;
		min-height:30px;
		padding:0 0 0 0;
		line-height:30px;
		background:#181818;
		border:solid 1px #9d9d9d;
		text-align:center;
		font-size:18px;
		font-weight:900;
		}
	
	
	
	#mc_box_03 #section_03{
		width:100%;
		height:auto;
		margin:0 auto 0 auto;
		padding:0 0 0px 0;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		align-content: center;
	}

	#mc_box_03_spin #section_03_spin,
	#ps_box_03 #section_03_spin	{
		width:100%;
		height:auto;
		margin:0 auto 0 auto;
		padding:0 0 0px 0;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		align-content: center;
	}
	
	
	#mc_box_03_spin #section_03_spin #section_03_ce_spin,
	#ps_box_03 #section_03_spin #section_03_ce_spin{
		width:100%;
		height:auto;
		margin:0 auto 0 auto;
		display:block;
	}
	
	
	#mc_box_03 #section_03 #section_03_ce{
		width:100%;
		height:auto;
		margin:0 auto 0 auto;
		display:block;
	}


	#mc_box_03 #section_03 dl{
		margin:10px auto 30px auto;
		clear: both;
		text-align: left;
	}

	#mc_box_03 #section_03 dt.model_type_01{
		width: 100%;
		height:160px;
		line-height: 125px;
		padding:0;
		float: none;
		text-align: center;
		vertical-align: middle;
		border-right: none;
		}

	#mc_box_03_spin #section_03_spin dt.model_type_01_02,
	#mc_box_03_spin_02 #section_03_spin dt.model_type_01_02{
		width: 100%;
		height:160px;
		line-height: 125px;
		padding:0;
		float: none;
		text-align: center;
		vertical-align: middle;
		border-right: none;
		}
	
	#ps_box_03 #section_03_spin dt.model_type_01_02{
		width: 100%;
		height:80px;
		line-height: 80px;
		padding:0;
		float: none;
		text-align: center;
		vertical-align: middle;
		border-right: none;
		}
	
	#ps_box_03 #section_03_spin dt.model_type_01_02_02{
		width: 100%;
		height:80px;
		line-height: 80px;
		padding:0;
		float: none;
		text-align: center;
		vertical-align: middle;
		border-right: none;
		}
	
	#ps_box_03 #section_03_spin dt.model_type_01_03{
		width: 100%;
		height:80px;
		line-height: 80px;
		padding:0;
		float: none;
		text-align: center;
		vertical-align: middle;
		border-right: none;
		}

	#ps_box_03 #section_03_spin dt.model_type_01_04{
		width: 100%;
		height:80px;
		line-height: 80px;
		padding:0;
		float: none;
		text-align: center;
		vertical-align: middle;
		border-right: none;
		}
	
	
	#mc_box_03 #section_03 dt.model_type_02{
		width: 100%;
		height:37px;
		line-height: 23px;
		padding:0;
		float: none;
		text-align: center;
		vertical-align: middle;
		border-right: 1px solid #FFF;
		}

	#mc_box_03 #section_03 dt.model_type_03{
		width: 100%;
		height:50px;
		line-height: 23px;
		padding:0;
		float: none;
		text-align: center;
		vertical-align: middle;
		border-right: 1px solid #FFF;
		}

	#mc_box_03 #section_03 dt.model_type_04{
		width: 100%;
		height:37px;
		line-height: 23px;
		padding:0;
		float: none;
		text-align: center;
		vertical-align: middle;
		border-right: 1px solid #FFF;
		}
	
    #mc_box_03 #section_03 dt.model_type_05{
		width: 100%;
		height:62px;
		line-height: 23px;
		padding:0;
		float: none;
		text-align: center;
		vertical-align: middle;
		border-right: 1px solid #FFF;
		}
	
	
	#ps_box_03 #section_03_spin dt.model_type_03{	
		width: 100%;	
		height:50px;	
		line-height: 23px;	
		padding:0;	
		float: none;	
		text-align: center;	
		vertical-align: middle;	
		border-right: 1px solid #FFF;	
		}
	
	
	#kx_box_03 #section_03 dt.model_type_04{
		width: 100%;
		height:37px;
		line-height: 23px;
		margin:0 0 30px 0; 
		padding:0;
		float: none;
		text-align: center;
		vertical-align: middle;
		border-right: 1px solid #FFF;
	}

		#mc_box_03 #section_03 dd,
		#kx_box_03 #section_03 dd,
		#ps_box_03 #section_03_spin dd,
		#mc_box_03_spin #section_03_spin dd,
		#mc_box_03_spin_02 #section_03_spin dd{
		width: 100%;
		margin:0 auto 22px auto;
		padding: 0;
		display: inline-block;
		text-align: center;
		}
	
		#mc_box_03 #section_03 dd.name_long{
		width: 100%;
		margin:0 auto 22px auto;
		padding: 0;
		display: inline-block;
		text-align: center;
		}
	
	
	#kx_box_03 #section_03 #section_03_ce{

		height:auto;

	}
	
	#kx_box_03 #section_03 dl{
		margin: 10px auto 10px auto;
		clear: both;
		text-align: left;
	}


	#sxs_box_01{
		width:100%;
		height:173px;
		margin:0px auto 0 auto;		
		font-size:50px;
		text-align:center;
		position:relative;
		background:url(../img/sxs_bg_01.png) no-repeat center center;
		background-size:cover;
	}
	
	#voice_box_01{
		width:100%;
		height:173px;
		margin:0px auto 0 auto;		
		font-size:50px;
		text-align:center;
		position:relative;
		background:url("../img/voice_bg.png") no-repeat center center;
		background-size:cover;
	}
	
	#jet_box_01{
		width:100%;
		height:173px;
		margin:0px auto 0 auto;		
		font-size:50px;
		text-align:center;
		position:relative;
		background:url(../img/jet_bg_01.png) no-repeat center center;
		background-size:cover;
	}
	

	
	#jet_title{
    position: absolute;
		width:240px;
		top:40px;
		left:40px;
	}
	
	#sxs_title{
		position:absolute;
		width:240px;
		top:40px;
		left:40px;
		}
	
	#sxs_title img{
		width:100%;	
	}
	
	.head_pad{
	display: inline;
	margin:0 0 0 0;
	}

	.head_pad02{
	display: inline;
	margin:0 0 0 0;
	}
	
	.head_pad03{
	display: inline;
	margin:0 0 0 0;
	}
	
	.head_pad04{
	display: inline;
	margin:0 0 0 0;
	}
	
	.app_name{
		width: 90%;
		height: auto;
		padding:10px 5% 30px 5%;
		text-align: center;
		font-size:15px;
	}

	.app_name_02{
		width: 90%;
		height: auto;
		padding:10px 5% 10px 5%;
		text-align: center;
		font-size:15px;
	}
	
	.app_non{
		margin:10px 0 20px 0;	
	}
	
	.mobility_type{
		text-align: center;	
		font-size:22px;
		font-weight: 700;
		margin:0 auto 30px auto;
		padding:20px 0 10px 0;
		border-bottom:1px solid #FFF;
		width: 80%;
	}
	
	#license_t{
	width:95%;
	border:#FFF 1px solid;
	margin:15px 0 15px 0;
	font-size:14px;
	}

	#license_t th.model_year{
		width:30%;
		border:#FFF 1px solid;
		vertical-align: middle;
		padding:5px;
	}
	#license_t th.model_target{
		width:auto;
		border:#FFF 1px solid;
		vertical-align: middle;
		padding:5px;
	}
	#license_t td{
		width:auto;
		border:#FFF 1px solid;
		vertical-align: middle;
		padding:5px;
	}

	
}