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

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

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

scroll-behavior: smooth;	
scroll-padding-top: 60px; 
	
}

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:#66B32B;
text-decoration: underline;
}

a:hover,a:active {
color:#999;
}

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

/*




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

/*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:#222;
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;
	}


/*global_menu*/

#global_menu{
  width:100%;
  height:42px;
  position:-webkit-sticky;
  position:sticky;
  top:0;               
  background-color: rgba(255,255,255,0.8);
  color:#383838;
  font-size:16px;
  font-weight:700;
  margin:0 auto;             
  padding:0;
  text-align:center;
  z-index:100; 
}
	
#global_menu_item{
  display:flex;
  justify-content:center;	
  gap:0;
  margin:0 auto;
}
	
#global_menu_item li{
  list-style:none;
}

#global_menu_item li a{
  display:flex; align-items:center; justify-content:center;
  min-width:120px; height:42px;
  padding:0 20px;
  color:#383838;text-decoration:none;
  transition:.3s;
}
	
#global_menu_item li a:hover{ color:#ffffff; background:#000; }

.sp-only-hamburger { display: none; }


/*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;
	margin:0 0 30px 0;
	padding:20px 0 10px 0;
	border-bottom:1px solid #FFF;
}

/*footer*/

#footer{
		width: 100%;
		height:60px;
		line-height: 60px;
		background: #101010;
		text-align: center;
		margin:30px auto 0 auto;
		color:#FFF;
		}

/*list上付き文字*/

.up_txt{
	
	font-size:11px;
}
	
	.app_txt_sub{
		font-size:14px;
	}

#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:14px;
}

#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;
	}
	

#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;
		}*/

	.mc_message_02_banner{
		width:auto;
		height:auto;
		margin:0 auto 0 auto;
		padding:40px 0 40px 0;
		text-align: center;
		font-size:14px;
	}
	
	.mc_message_02_banner img {
		width:600px;
		height:auto;
		margin:0 auto 0 auto;
		text-align: center;
		font-size:14px;
	}


#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:580px;
	position: relative;
	margin:0px auto 0 auto;	
	padding:0 0 70px 0;
	text-align:left;
	background:#fff;	
	}

	/*アコーディオン全体*/
	.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{
	  
	}

	/*開いたときに表示される部分*/
	.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:#fefefe;
	  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:#fefefe;
	  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:#2A2A2A;
	  font-weight: 700;
	}

#mc_box_download{
	width:1200px;
	height:600px;
	padding:0 0 0 0;
	position: relative;
	margin:0px auto 0 auto;		
	text-align:left;
	background:#fff;
	}

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

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

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

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

	#app_box{
		width:680px;
		height:358px;
		margin:5px auto 0 auto;
		padding:20px 0 0 0;
		text-align:left;
		background:#fff;
	}

	#app_btn_area,
	#app_btn_area_02{
		width:680px;
		height:140px;
		margin:0 auto 0 auto;
		padding:0 0 0 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:18px;
			font-weight: 900;
		}

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


		.kx1_to_link{
			width: 100%;
			min-height: 70px;
			padding:10px 0 20px 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;
		}

	.app_link_img_left{
			margin:0 0 0 -15px;
	}

#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:1400px;
	height:200px;
	margin:0px auto 0 auto;
	padding:30px 0 0 0;
	text-align:center;
	background:#fff;
	
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: flex-start;
    color: #000;
	
	}


#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;
		}
	

	.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 0 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:24px;
		    font-weight:700;
			color:#444;
	}

	#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-------▲▲▲▲▲▲-------*/



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


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

	#mc_box_01 img{
		width:100%;
		height:auto;
		margin:0px auto 0 auto;		
	}


#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;
}


	/*#mc_title{
		position:absolute;
		top:160px;
		left:470px;
		}

	#mc_phone{
			position:absolute;
			bottom:0;
			right:18%;
			}	*/

		
#mc_box_function{
	width:1080px;
	height:1095px;
	margin:0px auto 0 auto;	
	padding:30px 0 0 0;
	text-align:center;
	position:relative;
	background:#fff;
	}

#mc_box_02_voice{
	width:1080px;
	min-height:1660px;
	margin:0px auto 20px auto;	
	padding:30px 0 0 0;
	text-align:center;
	position:relative;
	background:#fff;
	}

	.mc_message{
			width:900px;
			height:150px;
			padding:30px 0 0 200px;
			text-align: left;
			font-size:18px;
			}

    .mc_message_02_voice{
			width:840px;
			min-height:60px;
			padding:0 40px 10px 100px;
			text-align: left;
			font-size:16px;
			}

	/*	.mc_message_02{
			width:840px;
			height:140px;
			padding:0 40px 40px 40px;
			text-align: left;
			font-size:18px;
		}*/

	
	.features-section {
	  max-width: 1200px;
	  margin: 0 auto;
	  padding: 20px 40px 80px;
	}

	.features-grid {
	  display: grid;
	  grid-template-columns: repeat(2, 1fr);
	  column-gap: 90px;
	  row-gap: 58px;
	}

	.feature-item h3 {
	  margin: 0 0 14px;
	  color: #444;
	  font-size: 22px;
	  font-weight: 700;
	  line-height: 1.45;
	  text-align: left;
	}

	.feature-item img {
	  width: 100%;
	  aspect-ratio: 330 / 190;
	  object-fit: cover;
	  display: block;
	  margin-bottom: 15px;
	}

	.feature-item p {
	  margin: 0;
	  color: #444;
	  font-size: 16px;
	  line-height: 1.7;
	  text-align: left;
	}

	.details-link {
	  display: block;
	  margin-top: 14px;
	  color: #444;
	  font-size: 13px;
	  font-weight: 700;
	  text-align: right;
	  text-decoration: none;
	}

	.details-link::before {
	  content: ">";
	  margin-right: 6px;
	  color: #e60012;
	  font-weight: 700;
	}



#mc_box_movie{
	width:1200px;
	height:450px;
	margin:0 auto 0 auto;
	padding:60px 0 30px 0;
	text-align:center;
	background:#000;
	}


#mc_box_compatible{
	width:1200px;
	height:777px;
	margin:0 auto 30px auto;
	padding:30px 0 0 0;
	text-align:center;
	background:#fff;
	}

	
.models-section {
  padding: 40px 20px 20px;
  background: #fff;
}

.models-inner {
  max-width: 1180px;
  margin: 0 auto;
}

.models-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 42px;
  row-gap: 64px;
}

.model-card {
  min-width: 0;
}

.model-image {
  width: 100%;
  max-width: 360px;
  height: 220px;
  margin: 0 auto 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.model-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.model-bottom {
  max-width: 360px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.model-bottom h3 {
  margin: 0;
  color: #666;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}


.model-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  min-width: 116px;
  height: 30px;
  padding: 0 16px;

  border: 1px solid #777;
  border-radius: 999px;
  background: #fff;

  color: #666;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;

  box-sizing: border-box;
}

.model-link::after {
  content: ">";
  color: #ff0000;
  font-size: 19px;
  font-weight: 900;
  line-height: 1;
  transform: translateY(-1px);
}

.model-link:hover {
  background: #f5f5f5;
}




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

	.section_header{
		width:900px;
		height:40px;
		margin:20px auto 40px auto;
		padding:0 0 0 0;
		line-height:40px;
		text-align:center;
		font-size:20px;
		font-weight:900;
		}

#ps_box_03{
	width:1200px;
	height:1250px;
	margin:0 auto 0 auto;		
	text-align:center;
	background:#000;
	}

#mc_box_03_spin{
	width:1200px;
	height:280px;
	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;
	padding:40px 0 0 0;
	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:780px;
		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;
	}

	#ps_box_03 #section_03_spin #section_03_ce_spin,
	#mc_box_03_spin #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: 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{
			width: 160px;
			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_02_02{
		width: 160px;
		height:80px;
		line-height: 23px;
		margin: 5px 0;
		padding:42px 20px 10px 10px;
		float: left;
		vertical-align: middle;
		border-right: 1px solid #FFF;
		}

	#ps_box_03 #section_03_spin dt.model_type_01_02_03{
		width: 160px;
		height:40px;
		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_04{
		width: 160px;
		height:140px;
		line-height: 110px;
		padding:0 20px 0 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:113px;
		line-height: 60px;
		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:13px 42px 10px 17px;
		float: left;
		vertical-align: middle;
		border-right: 1px solid #FFF;
		}

	#mc_box_03 #section_03 dt.model_type_04{
		width: 189px;
		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,
		#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: 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;
	}



#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;
	  border-bottom:none;
	}
	.menu input {
	  display: none; /*チェックボックスを隠す*/
	}
	/*バー部分*/
	.menu label {
	  cursor :pointer;
	  display: block;
	  text-decoration: none;
	  color: #444;
	  font-size: 18px;
	  line-height: 50px;
	  position: relative;
	  margin: -2px 0 0 0;
	  padding: 10px 20px 10px 30px;
	  background-color: #f7f6f6;
	  border-top:#9d9d9d 1px solid;
	  border-bottom:#9d9d9d 1px solid;
	}

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

	/*開いたときに表示される部分*/
	.menu ul {
	  margin: 0;
	  padding: 0;
	  list-style: none;
	  background:#fefefe;
	  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:#fefefe;
	  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{
	  margin-bottom: 0;
	}

	#menu_bar06:checked ~ #links06 li:last-child{
	  border-bottom:#9d9d9d 1px solid;
	}



	/*閉じた状態の矢印描画*/
	.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:#2A2A2A;
	  font-weight: 700;
	}

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

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


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

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

	#app_box{
		width:680px;
		height:358px;
		margin:15px auto 0 auto;
		padding:30px 0 0 0;
		text-align:left;
		background:#fff;
	}

	#app_btn_area,
	#app_btn_area_02{
		width:680px;
		height:170px;
		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;
		border:1px #444 solid;
	}

	.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;
		}

	.app_link_img_left{
			margin:0 0 0 -15px;
	}

	.pc_non{
		display:none;
	}

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


@media screen and (max-width : 1024px ){ 
	
	
	.models-section {
		padding: 50px 14px 40px;
	  }

	  .models-grid {
		grid-template-columns: repeat(2, 1fr);
		column-gap: 20px;
		row-gap: 42px;
	  }

	  .model-image {
		max-width: 100%;
		height: auto;
		aspect-ratio: 360 / 220;
		margin-bottom: 10px;
	  }

	  .model-bottom {
		max-width: 100%;
		display: block;
	  }

	  .model-bottom h3 {
		margin-bottom: 7px;
		font-size: 13px;
		white-space: normal;
	  }

	  .model-link {
		display: inline-block;
		min-width: 74px;
		height: 22px;
		padding: 0 8px;
		font-size: 10px;
		line-height: 20px;
	  }
	
	
	html{
	scroll-padding-top: 100px; 
	}
	
	#movie_box{
	width:100%; text-align: center; margin:60px auto; display: block;
	}

	.video_image{
	width:100%; margin:40px auto;
	}
	
	#voice_banner_sp{
		display:block;
		padding:0 0 5% 0;
		background: #222;
	}

	#voice_banner_sp img{
		width:80%;
	}
	
	#wrapper {
	width:100%;
	height:auto;
	margin:0 auto 0 auto;
	/*background:#2a2a2a;*/

	}
	
	.sp_non{
		display:none;
	}
	
	.pc_non{
		display:block;
	}
	
	/* header */
	
	:root { --sp-header-h: 84px; }
	
	#header {
	min-width: 100%;
	width:100%;
	height: 84px;
		
	position: fixed; 	
	top: 0;
	z-index: 5000 !important;
		
	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;
	}

	
.kawa-lang-mini {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: auto;
  padding-top:28px;
  padding-right: 0px;
}	


.kawa-lang-mini:has(.sp-nav-toggle:checked) {
  padding-right: 64px;
}
	
	
 .sp-only-hamburger {
    display: contents; /* レイアウトに干渉しない軽量表示 */
  }

  /* トグル本体は画面外へ */
  .sp-nav-toggle {
    position: absolute;
    left: -9999px;
  }

  /* ハンバーガーアイコン */

	.sp-hamburger {
	  width: 44px;
	  height: 28px;
	  padding: 0 0 0 20px;
	  margin:0 20px 0 0;
	  position:relative;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  gap: 6px; 
	  cursor: pointer;
	  z-index: 1;
	  -webkit-tap-highlight-color: transparent;
	}

	
  .sp-hamburger span {
    display: block;
    width: 24px;
    height: 2px;
    margin: 0;
    background: #111; /* 背景が暗い場合は #fff に */
    transition: transform .25s ease, opacity .2s ease, background-color .2s ease;
	transform-origin: center;
  }

  /* ドロワー（右から） */
  .sp-drawer {
    position: fixed;
    top: var(--sp-header-h);
    right: 0;
    bottom: 0;
	padding:0 0 0 0;
    width: min(80vw, 320px);
    background: #f7f6f6;
    color: #444;
	font-weight: 700;
    transform: translateX(100%);
    transition: transform .25s ease;
    z-index: 3600;
    /*box-shadow: -8px 0 24px rgba(0,0,0,.25);*/
  }
  .sp-drawer ul {
    list-style: none;
    margin: 0;
    padding: 0 0;
  }
  .sp-drawer li { border-bottom: 1px solid #1f1f1f; }
  .sp-drawer a {
    display: block;
    padding: 0 20px;
    color: inherit;
    text-decoration: none;
  }
  .sp-drawer a:active,
  .sp-drawer a:hover {
	color:#FFFFFF;
    background: #1a1a1a;
  }

  /* オーバーレイ */
  .sp-overlay {
    position: fixed;
	top: var(--sp-header-h);
    inset: 0;
    background: rgba(255,255,255,.4);
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease;
    z-index: 3500;
  }

  /* 開閉（チェックONで開く） */
  .sp-nav-toggle:checked{
    /*transform: translateY(-15px);*/
  }	

 .sp-nav-toggle:checked ~ .sp-hamburger {
    position: fixed;
    top: max(28px, env(safe-area-inset-top));
    right: 0px;
    z-index: 4000; /* ドロワーやオーバーレイより前に */
  }
	

	/*html { scrollbar-gutter: stable both-edges; }*/

	body:has(.sp-nav-toggle:checked) {
	  overflow: hidden;
	  overscroll-behavior: none;
	}

	
  .sp-nav-toggle:checked ~ .sp-drawer {
    transform: translateX(0);
  }
  .sp-nav-toggle:checked ~ .sp-overlay {
    opacity: 1;
    pointer-events: auto;
  }
	
	.sp-drawer label {
	  display: block;
	  cursor: pointer;
	}

	.sp-drawer label a {
	  display: block;
	  padding: 14px 20px;
	  color: inherit;
	  text-decoration: none;
	}


/* ===== チェック時に「×」へ変形 ===== */

.sp-nav-toggle:checked ~ .sp-hamburger span:nth-child(1){ transform: translateY(8px) rotate(45deg); background: #111;}
.sp-nav-toggle:checked ~ .sp-hamburger span:nth-child(2){ opacity: 0; }
.sp-nav-toggle:checked ~ .sp-hamburger span:nth-child(3){ transform: translateY(-8px) rotate(-45deg); background: #111;}

.sp-hamburger, .sp-drawer, .sp-overlay { will-change: transform, opacity; }


.lang-menu {
  position: absolute;
  top: 130%;
  right: 53px;
  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;
}	
	
	
	/*content*/


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

	
	/*top*/
	
	
	#mc_box_01{
		width:100%;
		height:auto;
		margin:0px auto 0 auto;		
		font-size:50px;
		text-align:center;
		position:relative;
	}
	
	#mc_box_01 img{
		width:100%;
		height:auto;
		margin:0px auto 0 auto;		
	}
	
	
	#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 30px 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:10px 0 10px 0;
		text-align: center;
		font-size:20px;
	}

	#box_spin_link{
	width:100%;
	height:0px;
	margin:0px auto 30px auto;
	text-align: center;
	background:#000;
	}

	#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:#fff;	
	}

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

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

	/*開いたときに表示される部分*/
	.menu ul {
	  margin: 0;
	  padding: 0;
	  list-style: none;
	  background:#fefefe;
	  /*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:#fefefe;
	  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: #444 2px solid;
	  border-right: #444 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: #444 2px solid;
	  border-right: #444 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:#2A2A2A;
	  font-weight: 700;
	}	

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

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

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

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

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

	#app_box{
		width:680px;
		height:358px;
		margin:5px auto 0 auto;
		padding:20px 0 0 0;
		text-align:left;
		background:#fff;
	}

	#app_btn_area,
	#app_btn_area_02{
		width:680px;
		height:140px;
		margin:0 auto 0 auto;
		padding:0 0 0 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:18px;
			font-weight: 900;
		}

		.app_name_02{
			width: 100%;
			height: 70px;
			padding:10px 0 30px 0;
			text-align: center;
			font-size:15px;
		}
	
		.kx1_to_link{
			width: 100%;
			height: 120px;
			padding:10px 0 20px 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;
		}

	.app_link_img_left{
			margin:0 0 0 -15px;
	}
	
#box_07{
	width:98%;
	height:auto;
	margin:0 auto 0 auto;
	padding:0 0 10px 6%;
	text-align:center;
	background:#fff;
	
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: flex-start;
    color: #000;
	
	}


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

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

	}
	
	
	
	#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:-30px auto 20px auto;
		padding:0 0 0 0;
		text-align: left;
		font-size:14px;
		}
		
	.mc_message_02{
		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:0 0 40px 0;
		text-align: center;
		font-size:14px;
	}
	
	.mc_message_02_banner img {
		width:90%;
		height:auto;
		margin:0 auto 0 auto;
		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_02_voice{
		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;
		}
	
	
	.app_txt_sub{
		width: 100%;
		font-size:12px;
	}
	
	
	.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;
		margin:15px auto 0px auto;
		padding:0 0 0 0;
		line-height:40px;
		background:#FFFFFF;
		/*border:solid 1px #9d9d9d;*/
		text-align:center;
		font-size:14px;
		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:10px 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-------▽▽▽▽▽▽-------*/


	

#voice_box_02{
	width:100%;
	height:auto;
	margin:0px auto 0 auto;
	background:#222;
}	
	
	#mc_title{
		position:absolute;
		width:240px;
		top:100px;
		left:70px;
		}
	
	#mc_title img{
		width:100%;	
	}

		
#mc_box_function{
	width:100%;
	height:auto;
	margin:0 auto 0 auto;
	padding:0px 0 20px 0;
	text-align:center;
	}
	
#mc_box_02_voice{
	width:100%;
	height:auto;
	margin:0 auto 0 auto;
	padding:0px 0 20px 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:10px 0 10px 0;
	text-align:center;
	}

	
#ps_box_02{
	width:100%;
	height:auto;
	margin:-30px auto 0 auto;
	padding:30px 0 50px 0;
	text-align:center;
	}
	
#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:30px 0  10px 0;
	text-align:center;
	background:#000;
	}
	
	#mc_box_movie img{
		width:60%;
	}
	
#mc_box_compatible,
#kx_box_03{
	width:100%;
	height:auto;
	position: relative;
	margin:0px auto  0 auto;
	padding: 0 0 20px 0;
	text-align:left;
	background:#fff;
	}
	
	#ps_box_03,	
	#mc_box_03_spin,
	#mc_box_03_spin_02{
	width:100%;
	height:auto;
	position: relative;
	margin:0px auto  0 auto;
	padding: 0 0 20px 0;
	text-align:left;
	background:#fff;
	}

	#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:10px 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 #section_03_ce{

		height:auto;

	}
	
	#kx_box_03 #section_03 dl{
		margin: 10px auto 10px auto;
		clear: both;
		text-align: left;
	}
	
	
	#mc_box_03 #section_03 #section_03_ce{
		width:820px;
		height:400px;
		margin:0 auto 0 auto;
		display:block;
	}


	#ps_box_03 #section_03_spin #section_03_ce_spin,
	#mc_box_03_spin #section_03_spin #section_03_ce_spin,
	#mc_box_03_spin_02 #section_03_spin #section_03_ce_spin{
		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;
	}

	#ps_box_03 #section_03 dt.model_type_01,
	#mc_box_03 #section_03 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: 160px;
		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;
	}

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

	
/* Tablet */
	
@media screen and (min-width:768px) and ( max-width:1024px) {
	#mc_box_01{
		width:100%;
		height:auto;
		margin:0px auto 0 auto;		
		font-size:50px;
		text-align:center;
		position:relative;
	}
	
	#mc_box_01 img{
		width:100%;
		height:auto;
		margin:0px auto 0 auto;
		text-align:center;
	}
}	
	
	


@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:#FFF;
		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:auto;
		margin:0px auto 0 auto;			
	}
	
#ps_box_01{
	width:100%;
	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;
}
	
#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;		
}
	

	#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:#fffff;
		text-align:center;
		font-size:14px;
		font-weight:900;
		}
	
	
	
	#mc_box_03 #section_03{
		width:100%;
		height:auto;
		margin:0 auto 0 auto;
		padding:0 0 0 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,
	#mc_box_03_spin #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;
	}
	
	#ps_box_03 #section_03_spin #section_03_ce_spin,	
	#mc_box_03_spin #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,
	#ps_box_03 #section_03_spin dt.model_type_01_02_02
	{
		width: 100%;
		height:60px;
		line-height:0;
		padding:0;
		float: none;
		text-align: center;
		vertical-align: middle;
		border-right: none;
		}	
	
	#ps_box_03 #section_03_spin dt.model_type_01_02_03{
		width: 100%;
		height:60px;
		line-height:0;
		padding:0;
		float: none;
		text-align: center;
		vertical-align: middle;
		border-right: none;
		}

	#ps_box_03 #section_03_spin dt.model_type_01_02_04{
		width: 100%;
		height:60px;
		line-height:0;
		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;
		}
	
	
	#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;
		}

	#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_04{
		width: 100%;
		height:62px;
		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;
	}
	
	#kx_box_03 #section_03 dt.model_type_04{
		width: 100%;
		height:30px;
		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;
		}


	#ps_box_03 #section_03_spin,
	#mc_box_03_spin #section_03_spin,
    #mc_box_03_spin_02 #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;
	}

	
	.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%;
	}
	
	
	#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;
	}
	
	#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_icon{
		width:80px;
		height:80px;
		float: left;
	}
	
	.app_name,
	.app_name_02{
		width: 100%;
		min-height: auto;
		padding:10px 5% 10px 5%;
		text-align: center;
		font-size:15px;
	}
	
	.kx1_to_link{
		width: 100%;
		min-height: 70px;
		padding:10px 5% 10px 5%;
		text-align: center;
		font-size:15px;
	}
	
	.app_non{
		margin:10px 0 10px 0;	
	}

	#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;
	}
	
	
}

	
/* Tablet */
@media (max-width: 768px) {

  .features-section {
	padding: 10px 24px 20px;
  }

  .features-grid {
	column-gap: 36px;
	row-gap: 46px;
  }
	
  #search_area{
		width:75%;
		height:100px;
		margin:15px auto 0 auto;
	}

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

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

	#app_box{
		width:95%;
		height:auto;
		margin:10px auto 0 auto;
		padding:6%;
		text-align:left;
		border:none;
		background:#fff;
	}

	#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:120px;
			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:165px;
			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:165px;
			height:30px;
			margin:5px 0 10px 15px; 
			text-align:left;
			border-radius: 5px;
			float:left;
			font-size: 16px;
		}
	
	.app_link_img_left{
			margin:0 0 0 0;
	}		
	
	
}

/* Smartphone */
@media (max-width: 640px) {
  .features-grid {
	grid-template-columns: 1fr;
  }

  .feature-item h3 {
	font-size: 15px;
  }

  .feature-item p {
	font-size: 12px;
  }
}