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

/* 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:1200px;
	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:1200px;
	height:84px;
	position:relative;
	margin:0 auto 0 auto;		
	}

#header_logo{
	width:600px;
	height:60px;
	position:absolute;
	top:0px;
	left:0px;
	}

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

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

/*content*/


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


.section_caution{
	text-align: center;
	width:900px;
	margin:0 auto 30px auto;
	color:#69BE28;
	font-size:16px;
}


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


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

	#box_01 h1{
		position:absolute;
		top:240px;
		left:120px;
		}
		
	#box_01 h2{
		position:absolute;
		width:400px;
		top:320px;
		left:140px;
		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:920px;
	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 0 0;
		font-weight:bold;
		text-align: center;
	}
	
	#box_02 #message_00{
		width:900px;
		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:right;
		}
	
	/*	
	#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;
	height:120px;
	margin:0px auto 0 auto;		
	text-align:center;
	background:#111;
	}
	
	#news{
		width:762px;
		min-height:120px;
		margin:0 auto 0 auto;
		}
	
	#news_header{
		width:747px;
		height:30px;
		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:747px;
		height:29px;
		padding:5px 0 5px 15px;
		line-height:29px;
		background:#292929;
		border:solid 1px #9d9d9d;
		border-top:none;
		text-align:left;
		font-weight:100;
		}
		
	#news_list li{
		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: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: 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{
	  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: 16px;
	  color:#69BE28;
	}

#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:250px;
		margin:15px auto 0 auto;
		padding:40px;
		text-align:left;
		border:#9d9d9d 1px solid;
		background:#292929;
	}

	#app_btn_area{
		width:680px;
		height:100px;
		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: 18px;
		}


#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:220px;
	height:140px;
	
	margin: 15px;
	
	background: #777;
	
	}

	
/*------▲▲▲▲▲▲-------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 img,
	.sxs_image_02 img{
		width:100%;
	}
	
	

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

	.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:5px auto 0 auto;
		font-size:22px;
	
		font-weight:900;
		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:30px 0 0 0;
		text-align: center;
		clear: both;
	}

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

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

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

	
	.section_list{
		width:885px;
		min-height: 29px;
		padding:10px 0 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{
	width:1200px;
	height:554px;
	margin:0px auto 0 auto;		
	font-size:50px;
	text-align:center;
	position:relative;
	background:url(../img/mc_bg.png) no-repeat top;
}


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

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


	.mc_message{
		width:800px;
		height:150px;
		padding:40px 40px 0 40px;
		text-align: left;
		font-size:18px;
		}
		
	.mc_message_02{
		width:710px;
		height:140px;
		padding:0 40px 40px 40px;
		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;
		}

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

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

	#mc_box_03 #section_03{
		width:915px;
		height:1100px;
		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{
		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;
	}
	.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:250px;
		margin:15px auto 0 auto;
		padding:40px;
		text-align:left;
		border:#9d9d9d 1px solid;
		background:#292929;
	}

	#app_btn_area{
		width:680px;
		height:100px;
		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: 18px;
		}



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

	
	#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:220px;
	height:140px;
	
	margin: 15px;
	
	background: #777;
	
	}
	
/*footer*/

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

}

@media screen and (max-width : 768px ){ 
	
	
	.sp_non{	
		display:none;	
	}	

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

	}
	
	
	/* 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:162px;
	height:60px;
	position:absolute;
	top:0px;
	left:0px;
	}

	#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:68px;
		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:#111;
	}
	
	#news{
		width:100%;
		min-height:80px;
		margin:0 auto 0 auto;
		}
	
	#news_header{
		width:80%;
		height:28px;
		margin:0 auto 0 auto;
		padding:0 0 0 15px;
		line-height:28px;
		background:#181818;
		border:solid 1px #9d9d9d;
		text-align:left;
		font-weight:900;
		}
		
	#news_list{
		width:80%;
		height:29px;
		margin:0 auto 0 auto;
		padding:5px 0 5px 15px;
		line-height:29px;
		background:#292929;
		border:solid 1px #9d9d9d;
		border-top:none;
		text-align:left;
		font-weight:100;
		font-size:12px;
		}
		
	#news_list li{
		line-height:29px;		
		}


#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:70px 0 30px 0;
		text-align: center;
		font-size:20px;
	}
	
#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{
	  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;
	}	

#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{
		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;
		}	
	
#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;
	
	background: #777;
	
	}
	
	.item img{
	
	width:100%;
	height:auto;
	

	background: #777;
	
	}
	
	
	
	#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%;
	}

		
#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_02{
		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;
	}
	
	.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{
			position:relative;
			width:50%;
			height:auto;
			margin:30px auto 30px auto;
			top:0;
			right:0;

		}

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

	}

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

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


	#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:40px 0 50px 0;
	text-align:center;
	}

#mc_box_03{
	width:100%;
	height:auto;
	position: relative;
	margin:0px auto 0 auto;		
	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;
	}	
	
	.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;
		}
	
	#mc_box_03 #section_03{
		width:90%;
		height:auto;
		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{
			width:40%;
			height:auto;

			margin: 15px auto 15px auto;

			background: #555;
		}

		#mc_box_03 #section_03 .item img{
			width:100%;
			height:auto;

		}

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

@media screen and (max-width : 480px ){ 
	
	.sp_non{	
		display:none;	
	}	
	
	#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-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;
}


	#mc_title{
		position:absolute;
		width:240px;
		top:40px;
		left:40px;
		}
	
	#mc_title img{
		width:100%;	
	}
	
	.mc_section_type_02{
		display: block;
		width:275px;
		text-align: center;
		margin:0px auto 0 auto;
		font-size:22px;
	
		font-weight:900;
		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;

	}


	#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;
	}
	
	#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;
	}
	
	.section_caution{
	text-align: center;
	width:90%;
	margin:0 auto 20px auto;
	color:#69BE28;
	font-size:14px;
}

	
}