@charset "UTF-8";
@import url(./animate.css);
@import url(./font-awesome.css);
@import url(./notosansjapanese.css);


/*========================================================
                      For Desktop
=========================================================*/

/*overall*/

[class*='fa-'] em {
	display: inline;
	margin: 0 0.5em;
}
.bn_pc {
display:block;
}
.bn_sp {
display:none;
}

a:hover {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}

img.fit {
	width:100%;
}

.clear {
	clear: both;
	display:none;
}

.toTop {
background: #00a0e9;
}
.toTop:hover {
color: #498AF2;
}

main {
	display: block;
	margin-top: 190px;
}
/* ========== color ========== */
.bg_w{
	
	
	background-color:#FFf;
	
}
.bg_cream{
	background-color: #FFFADF;
}
.bg_pink {
	background-color: #e4007f;
}
.bg_rad {
	background-color: #ff4251;
	color:#fff;
	
}
.bg_blue{
	background-color: #009ce7;
	color:#fff;
	
	display: block;
	border-radius: 8px;
	
	padding: 10px;
}
.bg_w_img{
	background-image: url(../images/bg_indexF.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.bg_f_img{
	padding-top: 250px;
	background-image: url(../images/bg_arukuma_f.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 95% bottom;
}
.bg_aimg1{
	background-image: url(../images/bg_aimg.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 45% auto ;
}
.bgc_l8{
	display: block;
	border-radius: 8px;
	background-color: #fffef8;
	padding: 10px;
	border: 1px solid #FFD64B;
	color: "#000";
	
	
	
}
.Line_p {
	border-radius: 8px;
	background-color: #FFFFFF;
	border: thick solid #FFBCE1;
}
.contents {
	
	background-image: url(../images/bg_indexR.png);
	background-size: 100% auto;
	background-position: 0% 500px;
	background-repeat: no-repeat;
	
}

.contents_n {
	background-repeat: no-repeat;
	background-color: #f8ea00;
	
}
.contents_inner {
  box-sizing: boder-box;
  width: 100%;
  max-width: 640px;
  height: 100%;
  margin: 0 auto;
  padding: 100px 10px 120px;
  color: #fff;
  text-align: center;
}
.container {
}
.red {
	color: #DD0000;
}

.bold {
	font-weight:700;
}

.large {
	font-size:120%;
}

ol li {
	list-style-type: decimal;
	margin-left: 30px;
}

/*header*/

header {
	background-color:FFF;
	width:100%;
	position:absolute;
	z-index:998;
}

header .container {
	position:relative;
}
.g_search {
	width:300px;
	position:absolute;
	top:18px;
	right:0;
	z-index:999;
}
.cc {
	color:#FFF;
	font-size:90%;
	position:absolute;
	right:0;
	top:8px;
}
.brand {
	color: #FFF;
	display: block;
	
	left: auto;
	top: 8px;
	right: auto;
	
}
.brand h1 a {
	display: block;
	width: 750px;
	height: 103px;
	background-image: url(../images/logo_h.png);
	background-size: contain;
	background-position: center top;
	background-repeat: no-repeat;
	text-indent: -999px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
}

header .head {
	background-color: #f8ea00;
}
header .bg {
	position: relative;
	background-position: right bottom;
	background-repeat: no-repeat;
	height: 115px;
	z-index: 999;
}

.cse .gsc-control-cse,
.gsc-control-cse {
background-color: transparent !important;
border-color: transparent !important;
padding: 0 !important;
}
.h_link {
text-align: right;
position:absolute;
right:0;
top:10px;
}
.h_link a {
font-size:90%;
color: #FFF;
display: inline-block;
	*display: inline;
	*zoom: 1;
text-decoration:none;
}
a.navlogo {
	display:block;
	background-image:url(../images/logo_nav.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:170px;
	height:20px;
text-indent:-999px;
overflow:hidden;
margin:10px;
}
a.navlogo:hover {
	background-image:url(../images/logo_nav.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-color: inherit;
}


/*LeftBanner*/
.LeftBanner {
	position: relative;
	display: inline-block;

	*display: inline;
	*zoom: 1;
	width: 174px;
	margin-top: 20px;
	margin-right: 0px;
	margin-left: 0;
	margin-bottom: 0;
}


.LeftBanner ul li {
	text-align:center;
	margin-bottom:10px;
}
.LeftBanner ul li h6 {
	text-align: center;
	font-size: 12px;
	margin-top: 10px;
	padding: 5px 0;
	background-color: #e70010;
	color: #FFFFFF;
}
.LeftBanner ul li img {
	width: 100%;
}


/*CenterMain*/
.ContentMain {
	position: relative;
	display: inline-block;

	*display: inline;
	*zoom: 1;
	width: 850px;
	margin-top: 20px;
	margin-right: 0;
	margin-left: 30px;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-right: 40px;
	padding-bottom: 40px;
	border-radius: 8px;
	padding-left: 40px;
}

.CenterMain {
	position: relative;
	display: inline-block;

	*display: inline;
	*zoom: 1;
	width: 960px;
	margin: 20px 0 0 0;
}

.MainTop {
	width: 960px;
	margin-top: 20px;
	margin-right: 0px;
	margin-left: 0;
	margin-bottom: 0;
	text-align: center;
	background-repeat: no-repeat;
	background-position: left bottom;
}
.MainTop img{
	width: 950px;
	height: auto;
	

	
	
}
.breadcrumb {
	text-align:right;
	font-size: 12px;
}
.breadcrumb a {
	margin-right:10px;
	text-decoration:none;
}

/*CenterSNS*/

.CenterSNS {
	position: relative;
	width: 100%;
	margin: 20px auto 0 auto;
}
.LeftSns{
	width: 48%;
	float: left;
	margin-right: 1%;
	margin-left: 1%;
}
.CenterSNS h6 {
margin-bottom:10px;
}

.CenterSNS, .fb_tab, .fb_spw, .fb_sp {
display:block;
}

/*RightSNS*/
.RightSNS {
	position:relative;
	display:inline-block;
	*display: inline;
	*zoom: 1;
	width:270px;
	min-height:1000px;
	margin:20px 0 0 0;
}

.RightSNS h6 {
margin-bottom:10px;
}

.fb_wide {
display:block;
}
.fb_narrow {
display:block;
}
	

/*footer*/

footer .bg {
	background-image: url(../images/foot_bg_k.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-repeat: no-repeat;
	padding-bottom: 20px;
	
}
section.foot {
	padding: 20px 0;
	font-size: 90%;
	line-height: 150%;
	background-color: #FFFFFF;
	border-top: 1px solid #A8A8A8;
}

ul.f_link {
	margin: auto;
	text-align: center;
	padding-top: 20px;
}
ul.f_link li {
	display:inline-block;
 	*display: inline;
 	*zoom: 1;
	padding:0 20px;
}
a.fa-key {
	margin-top:8px;
	color: #003870;
	text-decoration:none;
}

.address {
	float: none;
	text-align: center;
	padding-bottom: 10px;
}
.address a {
	color:#FFF;
}
.copy {
	float: none;
	text-align: center;
}

.foot_bn {
display:none;
}

.foot_bn h6 {
text-align:center;
margin-bottom:10px;
}
.foot_bn ul {
text-align:center;
display:inline-block;
	*display: inline;
	*zoom: 1;
margin:auto;
}
.foot_bn ul li {
display:inline-block;
	*display: inline;
	*zoom: 1;
width:177px;
height:60px;
margin:5px;
}
.foot_bn ul li img {
	width:100%;
}
.qa-border {
	padding: 5px;
	border: 2px solid #FFB705;
	border-radius: 4px;
	width: 50%;
	background-color: #FFFFFF;
}
/*ステップ*/
ol.list_stepf {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ol.list_stepf li{
	list-style-type: none;
	padding: 0px;
	
	display: block;
	
	
	
}
ol.list_stepf li div.bglc{
	
	width: 90%;
	border-radius: 8px;
	background-color: #fffef8;
	padding: 10px;
	border: 1px solid #FFD64B;
	color: "#000";
	
	
}
ol.list_stepf li.stepL{
	width: 42%;
	float: left;
	padding-left: 30px;
	padding-right: 30px;
	margin: 0px;
	padding-bottom: 20px;
	background-image: url(../application/arrowR.png);
	background-repeat: no-repeat;
	background-position: right center;
	
	
	
}
ol.list_stepf li.stepB{
	width: 42%;
	float: left;
	padding-left: 15px;
	padding-right: 30px;
	margin: 0px;
	padding-bottom: 20px;
	background-image: url(../application/arrowbar.png);
	background-repeat: no-repeat;
	background-position: right center;
	
	
}
ol.list_stepf li.stepLR{
	width: 42%;
	float: left;
	padding-left: 30px;
	padding-right: 30px;
	margin: 0px;
	padding-bottom: 20px;
	background-image: url(../application/arrowR.png), url(../application/arrowR.png);
	background-repeat: no-repeat;
	background-position: left center,right center;
	
	
	
}
/*幅いっぱい*/
ol.list_stepf li.stepBR{
	width:95%;
	/*margin-left: 1%;
	margin-right: 1%;*/
	padding-left: 30px;
	padding-right: 30px;
	margin: 0px;
	padding-bottom: 20px;
	background-image: url(../application/arrowR.png), url(../application/arrowbar.png);
	background-repeat: no-repeat;
	background-position: left center,96% center;
	
	
}
ol.list_stepf li.stepLB{
	width:95%;
	/*margin-left: 1%;
	margin-right: 1%;*/
	padding-left: 30px;
	padding-right: 30px;
	margin: 0px;
	padding-bottom: 20px;
	background-image: url(../application/arrowR.png);
	background-repeat: no-repeat;
	background-position: left center;
	
	
}

ol.list_stepf li.stepBR img.BRb_btn{
	margin: 0px auto;
	padding: 0px;
	width:45%;
	
}
ol.list_stepf li.stepBR img.BRimg{
	
	margin: 0px auto;
	padding: 0px;
	width:45%;

}
ol.list_stepf li.stepBR img.w90t{
	width: 98%;
	
}
ol.list_stepf li.stepR img.w90{
	
	width:98%;
	
}
ol.list_stepf li.stepL img,
ol.list_stepf li.stepB img,
ol.list_stepf li.stepLR img{
	
	margin: 0px auto;
	padding: 0px;
	width:100%;

}
.w50{
	
width:90%;	
}
.w70{
	width:70%;
	margin-left: auto;
	margin-right: auto;
	
}
ul.list_Lbutton{
	width: 100%;
	
	
}
ul.list_Lbutton li{
	float: left;
	width: 50%;
	
	
}

ul.list_LbuttonR li{
	float: right;
	width: 50%;
	
	
}
.table01{
	width: 90%;
	border-collapse: collapse;
	margin-top: 10px;
}
.table01 caption.tb01{
	font-weight: 600;
	font-size: 110%;
	text-align: left;
	padding: 5px;
	border-bottom: 2px solid #ccc;
	
}
.tbc{
	font-weight: 600;
	font-size: 110%;
	text-align: left;
	padding: 5px;
	border-bottom: 2px solid #ccc;
	width: 90%;
	
	
}
.table01 td,
.table01 th{
	padding: 5px;
	border: 1px solid #ccc;
}
.table01 th{
	font-weight: bold;
}
.table01 thead th{
	background:#e6e6e6;
}
@media (min-width: 980px) and (max-width: 1199px) {
	ol.list_stepf li{
	list-style-type: none;
	padding: 0px;
	font-size:12px;
	display: block;
	
	
	
}
	
ol.list_stepf li.stepL{
	width: 40%;
	float: left;
	padding-left: 30px;
	padding-right: 30px;
	margin: 0px;
	padding-bottom: 20px;
	background-image: url(../application/arrowR.png);
	background-repeat: no-repeat;
	background-position: right center;
	
	
	
}
ol.list_stepf li.stepB{
	width: 40%;
	float: left;
	padding-left: 15px;
	padding-right: 30px;
	margin: 0px;
	padding-bottom: 20px;
	background-image: url(../application/arrowbar.png);
	background-repeat: no-repeat;
	background-position: right center;
	
	
}
ol.list_stepf li.stepLR{
	width: 40%;
	float: left;
	padding-left: 30px;
	padding-right: 30px;
	margin: 0px;
	padding-bottom: 20px;
	background-image: url(../application/arrowR.png), url(../application/arrowR.png);
	background-repeat: no-repeat;
	background-position: left center,right center;
	
	
	
}
/*幅いっぱい*/
ol.list_stepf li.stepBR{
	width:92%;
	/*margin-left: 1%;
	margin-right: 1%;*/
	padding-left: 30px;
	padding-right: 30px;
	margin: 0px;
	padding-bottom: 20px;
	background-image: url(../application/arrowR.png), url(../application/arrowbar.png);
	background-repeat: no-repeat;
	background-position: left center,96% center;
	
	
}
ol.list_stepf li.stepLB{
	width:92%;
	/*margin-left: 1%;
	margin-right: 1%;*/
	padding-left: 30px;
	padding-right: 30px;
	margin: 0px;
	padding-bottom: 20px;
	background-image: url(../application/arrowR.png);
	background-repeat: no-repeat;
	background-position: left center;
	
	
}

ol.list_stepf li.stepBR img{
	
	
}
ol.list_stepf li.stepBR img.BRimg{
	
	margin: 0px auto;
	padding: 0px;
	width:45%;

}
ol.list_stepf li.stepBR img.w90t{
	
	width:98%;
	
}

ol.list_stepf li.stepR img.w90{
	
	width:98%;
	
}

ol.list_stepf li.stepL img,
ol.list_stepf li.stepB img,
ol.list_stepf li.stepLR img{
	
	margin: 0px auto;
	padding: 0px;
	width:100%;

}
/**/	
	
ul.list_Lbutton{
	width: 100%;
	
	
}
ul.list_Lbutton li{
	float: left;
	width: 40%;
	
	
}

ul.list_LbuttonR li{
	float: right;
	width: 50%;
	
	
}

}

@media (min-width: 768px) and (max-width: 979px) {
	
		ol.list_stepf li{
	list-style-type: none;
	padding: 0px;
	font-size:12px;
	display: block;
	
	
	
}
	
ol.list_stepf li.stepL{
	width: 90%;
	float: none;
	padding-left: 30px;
	padding-right: 30px;
	margin: 0px;
	padding-bottom: 30px;
	background-image: url(../application/arrowB.png) ;

	background-repeat: no-repeat;
	background-position: center bottom;
	
	
	
}
ol.list_stepf li.stepB{
	width: 90%;
	float: none;
	padding-left: 30px;
	padding-right: 30px;
	margin: 0px;
	padding-bottom: 30px;
	background-image: url(../application/arrowB.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	
	
}
ol.list_stepf li.stepLR{
	width: 90%;
	float: none;
	padding-left: 30px;
	padding-right: 30px;
	margin: 0px;
	padding-bottom: 30px;
	background-image: url(../application/arrowB.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	
	
	
}
/*幅いっぱい*/
ol.list_stepf li.stepBR{
	width: 90%;
	float: none;
	padding-left: 30px;
	padding-right: 30px;
	margin: 0px;
	padding-bottom: 30px;
	background-image: url(../application/arrowB.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	
	
}
ol.list_stepf li.stepLB{
	width: 90%;
	float: none;
	padding-left: 30px;
	padding-right: 30px;
	margin: 0px;
	padding-bottom: 20px;
	
	background-image: none;
	
}

ol.list_stepf li.stepBR img{
	
	
}
ol.list_stepf li.stepBR img.BRimg{
	
	margin: 0px auto;
	padding: 0px;
	width:100%;

}
ol.list_stepf li.stepBR img.w90t{
	
	width:98%;
	
}
ol.list_stepf li.stepR img.w90{
	
	width:40%;
	
}
/*ol.list_stepf li.stepBR img{
	
	margin: 0px auto;
	padding: 0px;
	width:100%;

}
ol.list_stepf li.stepBR img.w90{
	
	width:40%;
	
}*/
ol.list_stepf li.stepL img,
ol.list_stepf li.stepB img,
ol.list_stepf li.stepLR img{
	
	margin: 0px auto;
	padding: 0px;
	width:100%;

}
/**/	
ul.list_Lbutton,
ul.list_LbuttonR{
	width: 100%;
	
	
}
ul.list_Lbutton li{
	float: none;
	width: 100%;
	
	
}	
ul.list_LbuttonR li{
	float: none;
	width: 100%;
	
	
}	
	
}
@media (max-width: 767px) {
	.table01{
		display: block;
	}
	.table01 caption.tb01{
	font-weight: 600;
	font-size: 110%;
	text-align: left;
	padding: 5px;
	border-bottom: none;
	width:100%;
	
}
.tbc{
	font-weight: 600;
	font-size: 110%;
	text-align: left;
	padding: 5px;
	border-bottom: none;
	width:100%;
	
}
		.table01 thead{
			display: none;
		}
		.table01 tbody{
			display: block;
		}
			.table01 tbody tr{
				display: block;
				margin-bottom: 1.5em;
			}
			.table01 tbody th,
			.table01 tbody td{
				display: list-item;
				border: none;
			}
			.table01 tbody th{
				margin-bottom: 5px;
				list-style-type: none;
				color: #fff;
				background: #00aaf0;
			}
			.table01 tbody td{
				margin-left: 20px;
				padding: 0;
			}
		ol.list_stepf li{
	list-style-type: none;
	padding: 0px;
	font-size:12px;
	display: block;
	
	
	
}
	
ol.list_stepf li.stepL{
	width: 90%;
	float: none;
	padding-left: 30px;
	padding-right: 30px;
	margin: 0px;
	padding-bottom: 30px;
	background-image: url(../application/arrowB.png) ;

	background-repeat: no-repeat;
	background-position: center bottom;
	
	
	
}
ol.list_stepf li.stepB{
	width: 90%;
	float: none;
	padding-left: 30px;
	padding-right: 30px;
	margin: 0px;
	padding-bottom: 30px;
	background-image: url(../application/arrowB.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	
	
}
ol.list_stepf li.stepLR{
	width: 90%;
	float: none;
	padding-left: 30px;
	padding-right: 30px;
	margin: 0px;
	padding-bottom: 30px;
	background-image: url(../application/arrowB.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	
	
	
}
/*幅いっぱい*/
ol.list_stepf li.stepBR{
	width: 90%;
	float: none;
	padding-left: 30px;
	padding-right: 30px;
	margin: 0px;
	padding-bottom: 30px;
	background-image: url(../application/arrowB.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	
	
}
ol.list_stepf li.stepLB{
	width: 90%;
	float: none;
	padding-left: 30px;
	padding-right: 30px;
	margin: 0px;
	padding-bottom: 20px;
	
	background-image: none;
	
}

ol.list_stepf li.stepBR img{
	
	
}
ol.list_stepf li.stepBR img.BRimg{
	
	margin: 0px auto;
	padding: 0px;
	width:100%;

}
ol.list_stepf li.stepBR img.w90t{
	
	width:98%;
	
}
ol.list_stepf li.stepR img.w90{
	
	width:50%;
	
}


ol.list_stepf li.stepL img,
ol.list_stepf li.stepB img,
ol.list_stepf li.stepLR img{
	
	margin: 0px auto;
	padding: 0px;
	width:100%;

}
/**/	
ul.list_Lbutton,
ul.list_LbuttonR{
	width: 100%;
	
	
}
ul.list_Lbutton li{
	float: none;
	width: 100%;
	
	
}
ul.list_LbuttonR li{
	float: none;
	width: 100%;
	
	
}
}
/*========================================================
                      For Laptop
=========================================================*/

@media (min-width: 980px) and (max-width: 1199px) {

/*header*/
.contents {
	/*position: relative;
	overflow: hidden;
	margin-top: 0%;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10%;
	padding-top: 0px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 80px;*/
	background-image: url(../images/bg_indexR.png);
	background-size: 100% auto;
	background-position: 0% 380px;
	background-repeat: no-repeat;
}
main {
	
	margin-top: 190px;
	
	
}

/*navigation*/

.sf-menu > li > a {
	font-size: 13px;
	padding-top: 15px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 15px;
}

/*CenterMain*/
.ContentMain {
	position: relative;
	display: inline-block;

	*display: inline;
	*zoom: 1;
	width: 600px;
	margin-top: 20px;
	margin-right: 0;
	margin-left: 30px;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-right: 40px;
	padding-bottom: 40px;
	border-radius: 8px;
	padding-left: 40px;
}
.CenterMain {
	position:relative;
	display:inline-block;
	*display: inline;
	*zoom: 1;
	width:710px;
	margin:30px 0 0 0;
}
.CenterMainSub {
	position:relative;
	display:inline-block;
	*display: inline;
	*zoom: 1;
	width:930px;
	margin:30px 0 0 0;
}

.MainTop {
	width:740px;
	margin:0px 0px 0 0;
}

.MainTop img{
	width: 740px;
	height: auto;
	

	
	
}
/*CenterSNS*/
.CenterSNS, .fb_tab, .fb_spw, .fb_sp  {
display:block;
}
.LeftSns{
	width: 48%;
	float: left;
	margin-right: 1%;
	margin-left: 1%;
}
/*RightSNS*/
.RightSNS {
	position:relative;
	display:inline-block;
	*display: inline;
	*zoom: 1;
	width:200px;
	margin:30px 0 0 0;
}

.fb_wide {
display:none;
}
.fb_narrow {
display:block;
}

/*footer*/

ul.f_link li {
	padding:0 10px;
}
.qa-border {
	padding: 5px;
	border: 2px solid #FFB705;
	border-radius: 4px;
	width: 80%;
	background-color: #FFFFFF;
}
.w50{
	
width:90%;	
}
ul.list_Lbutton{
	width: 100%;
	
	
}
ul.list_Lbutton li{
	float: left;
	width: 50%;
	
	
}

}

/*========================================================
                      For Tablet
=========================================================*/

@media (min-width: 768px) and (max-width: 979px) {

/*header*/
.contents {
	/*position: relative;
	overflow: hidden;
	margin-top: 0%;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10%;
	padding-top: 0px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 80px;*/
	background-image: url(../images/bg_indexR.png);
	background-size: 100% auto;
	background-position: 0% 250px;
	background-repeat: no-repeat;
}
main {
	margin-top: 160px;
	
}
header .bg {
/*background-size:50%;*/
height: 90px;
}
.brand h1 a {
	display: block;
	margin-top: 5px;
	width: 500px;
	background-image: url(../images/logo_h.png);
	background-size: contain;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -999px;
	overflow: hidden;
}
.g_search {
	width:250px;
}

/*navigation*/

.sf-menu a[class*='fa-']:before {
position:absolute;
top:5px;
left:40%;
font-size: 18px;
margin-top:0px;
}
.sf-menu > li > a {
	font-size: 11px;
	padding-top: 25px;
	padding-right: 5px;
	padding-left: 6px;
	padding-bottom: 5px;
}
.sf-menu ul > li > a {
	font-size: 12px;
}

/*CenterMain*/
.ContentMain {
	position: relative;
	display: inline-block;

	*display: inline;
	*zoom: 1;
	width: 460px;
	margin-top: 20px;
	margin-right: 0;
	margin-left: 20px;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	border-radius: 8px;
	padding-left: 20px;
}
.CenterMain {
	position:relative;
	display:inline-block;
	*display: inline;
	*zoom: 1;
	width:490px;
	margin:30px 0 0 0;
	padding:0;
}
.MainTop {
	width:490px;
	margin:30px 0px 0 0;
}

.MainTop img{
	width: 490px;
	height: auto;
	

	
	
}
/*CenterSNS*/
.CenterSNS {
	display: block;
	width: 100%;
	margin: 20px auto 0 auto;
}
.fb-page, .fb-page div,
.fb-page blockquote {
width: 100% !important;
}

.LeftSns{
	width: 48%;
	display: block;
	float: left;
	margin-top: 20px;
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom: 0;
}
/*RightSNS*/
.RightSNS {
	display:none;
}

/*footer*/

footer .bg {
	background-image: url(../images/foot_bg_k.png);
	background-repeat: no-repeat;
	background-position: right center;
}
ul.f_link li {
	padding-top: 0;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 0;
	font-size: 12px;
}
.bg_f_img{
	padding-top: 230px;
	background-image: url(../images/bg_arukuma_f.png);
	background-repeat: no-repeat;
	background-position: center 10px;
	background-size: 90% auto;
}
.qa-border {
	padding: 5px;
	border: 2px solid #FFB705;
	border-radius: 4px;
	width: 80%;
	background-color: #FFFFFF;
}
.w50{
	width: 90%;
}
}

/*========================================================
                      For iPhone
=========================================================*/

@media (max-width: 767px) {
	.contents {
	/*position: relative;
	overflow: hidden;
	margin-top: 0%;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10%;
	padding-top: 0px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 80px;*/
	background-image: url(../images/bg_indexR.png);
	background-size: 100% auto;
	background-position: 0% 200px;
	background-repeat: no-repeat;
}
.bg_w_img{
	background-image: url(../images/bg_indexFS.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.bg_f_img{
	padding-top: 120px;
	background-image: url(../images/bg_arukuma_f.png);
	background-repeat: no-repeat;
	background-position: center 10px;
	background-size: 100% auto;
}
.bn_pc {
	display: none;
}
.bn_sp {
	display: block;
	max-width:500px;
	width:90%;
	margin:0 auto;
}
main {
	display: block;
	margin-top:0;
}

/*header*/

header {
	position:static;
}
.sf-menu {
	display: none;
}

header .bg {
	background-image: none;
	height:70px;
}

.brand {
	width:100%;
	padding: 0 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cc {
	display:none;
}
.stuck_container, .g_search {
	display:none;
}
.brand h1 a {
	display:block;
	width:100%;
	height:60px;
	background-image: url(../images/logo_hs.png);
	background-repeat: no-repeat;
	text-indent:-999px;
	overflow:hidden;
}
/*LeftBanner*/
.LeftBanner {
	display:none;
}

/*CenterMain*/
.ContentMain {
	position:relative;
	display:block;
	*display: block;
	*zoom: 1;
	max-width:500px;
	width:90%;
	margin:20px auto 0 auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-radius: 8px;
	padding-left: 10px;
}
.CenterMain {
	position:relative;
	display:block;
	*display: block;
	*zoom: 1;
	max-width:500px;
	width:95%;
	margin:20px auto 0 auto;
	padding:0;
}
.MainTop {
	max-width:500px;
	width:90%;
	margin:20px auto 0 auto;
	padding:0;
}

.MainTop img{
	width: 90%;
	height: auto;
	

	
	
}
/*CenterSNS*/
.CenterSNS {
display:block;
width:100%;
	margin:20px auto 0 auto;
}
.fb-page, .fb-page div,
.fb-page blockquote {
width: 100% !important;
}
.LeftSns{
	width: 98%;
	float: none;
	margin:20px auto 0 auto;
}
/*RightSNS*/
.RightSNS {
	display:none;
}

body {
padding-top: 56px;
}

.rd-mobilemenu, .rd-mobilepanel {
display: block;
}

 /*footer*/

footer .bg {
	background-image: url(../images/foot_bg_k.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding:0;
	margin:0 auto 20px auto;
}
section.foot {
	padding: 20px 0;
	font-size: 90%;
	line-height: 150%;
}

ul.f_link {
	display:none;
}

a.fa-key {
	margin-top:8px;
	color: #003870;
	text-decoration:none;
}

.address {
float:none;
text-align:center;
font-size:85%;
}
.address a {
	text-align:center;
	margin:10px 20px 0 20px;
	line-height:100%;
	display:block;
	padding:8px;
	border-radius:5px;
	background:#FFF;
	color:#005AA9;
	font-size:12px;
	font-weight:500;
	text-decoration:none;
}
.copy {
float:none;
text-align:center;
font-size:90%;
}
.foot_bn {
	display: block;
	max-width: 490px;
	width: 90%;
	margin: 0 auto;
	padding-top: 30px;
	text-align: center;
}
.foot_bn ul li.blank {
display:none;
}
.qa-border {
	padding: 5px;
	border: 2px solid #FFB705;
	border-radius: 4px;
	width: 80%;
	background-color: #FFFFFF;
}
.w50{
	
width:90%;	
}
.CenterMainSub {
	position:relative;
	display:inline-block;
	*display: inline;
	*zoom: 1;
	width:98%;
	margin:30px 1% 0 1%;
}
}
@media (min-width: 310px) and (max-width: 478px) {
	.contents {
	/*position: relative;
	overflow: hidden;
	margin-top: 0%;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10%;
	padding-top: 0px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 80px;*/
	background-image: url(../images/bg_indexR.png);
	background-size: 100% auto;
	background-position: 0% 200px;
	background-repeat: no-repeat;
}
.bg_w_img{
	background-image: none;
	
	
}
.bg_f_img{
	padding-top: 20px;
	background-image: none;
	
}
.entory_button img{
	width:100%;
}
.w50{
	
width:90%;	
}
.w70{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	
}
.table01 caption.tb01{
	font-weight: 600;
	font-size: 110%;
	text-align: left;
	padding: 5px;
	border-bottom: none;
	width:100%;
	
}
.tbc{
	
font-weight: 600;
	font-size: 110%;
	text-align: left;
	padding: 5px;
	border-bottom: none;
	width:100%;	
	
}
}
/*==================    Buttons    ======================*/
.btn_b {
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 30px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	background-color: #009ce7;
	padding: 0 28px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 1;
}
.btn_b:hover {
	text-decoration: none;
	background-color: #FFFFFF;
}
.btn {
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	color: #666;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 4px;
	z-index: 1;
}
.btn:hover {
	text-decoration: none;
	background-color: #FFFFFF;
	color:#e4007f;
}

.btn1 {
	width: 310px;
	line-height: 46px;
	border: 2px solid #009ce7;
	color: #fff;
	border-radius: 4px;
	background-color: #009ce7;
	text-decoration: none;
	margin: 10px;
	text-align: left;
	background-image: url(../images/arrow_wbs.png);
	background-repeat: no-repeat;
	background-position: 98% center;
	
	box-shadow:0px 0px 0px #fff, 5px 5px 5px #ccc, 1px 1px 1px #aaa;
    -webkit-box-shadow:0px 0px 0px #fff, 5px 5px 5px #ccc, 1px 1px 1px #aaa;
    -moz-box-shadow:0px 0px 0px #fff, 5px 5px 5px #ccc, 1px 1px 1px #aaa;
}
.btn1:hover {
  background: /*#b9da37*/#4bb3e5;
  border: 2px solid /*#b9da37*/#009ce7;
  color: #fff;
  box-shadow:0px 0px 0px #fff, -5px -5px 5px #ccc , -1px -1px 1px #aaa;
    -webkit-box-shadow:0px 0px 0px #fff, -5px -5px 5px #ccc, -1px -1px 1px #aaa;
    -moz-box-shadow:0px 0px 0px #fff, -5px -5px 5px #ccc, -1px -1px 1px #aaa;

}

.btn2 {
	
	line-height: 46px;
	border: 2px solid #009ce7;
	color: #fff;
	border-radius: 4px;
	background: url(../images/arrow_wbs.png), -moz-linear-gradient(270deg,rgba(95,168,251,1.00) 0%,rgba(30,129,252,1.00) 100%);
	background: url(../images/arrow_wbs.png), -webkit-linear-gradient(270deg,rgba(95,168,251,1.00) 0%,rgba(30,129,252,1.00) 100%);
	background: url(../images/arrow_wbs.png), -o-linear-gradient(270deg,rgba(95,168,251,1.00) 0%,rgba(30,129,252,1.00) 100%));
	background: url(../images/arrow_wbs.png), linear-gradient(180deg,rgba(95,168,251,1.00) 0%,rgba(30,129,252,1.00) 100%);
	/*background-color: #009ce7;background-image: url(../images/arrow_wb.png);*/
	text-decoration: none;
	margin: 10px;
	text-align: left;
	

	background-repeat: no-repeat;
	background-position: 96% center;
	
	box-shadow: 0px 0px 0px #fff, 5px 5px 5px #ccc, 1px 1px 1px #aaa;
	-webkit-box-shadow: 0px 0px 0px #fff, 5px 5px 5px #ccc, 1px 1px 1px #aaa;
	-moz-box-shadow: 0px 0px 0px #fff, 5px 5px 5px #ccc, 1px 1px 1px #aaa;
}
.btn2:hover {
  /*background: #b9da37#4bb3e5;*/
  border: 2px solid /*#b9da37*/#009ce7;
  color: #fff;
  box-shadow:0px 0px 0px #fff, -5px -5px 5px #ccc , -1px -1px 1px #aaa;
    -webkit-box-shadow:0px 0px 0px #fff, -5px -5px 5px #ccc, -1px -1px 1px #aaa;
    -moz-box-shadow:0px 0px 0px #fff, -5px -5px 5px #ccc, -1px -1px 1px #aaa;
background: -moz-linear-gradient(270deg,rgba(30,129,252,1.00) 0%,rgba(95,168,251,1.00) 100%);
	background: -webkit-linear-gradient(270deg,rgba(30,129,252,1.00) 0%,rgba(95,168,251,1.00) 100%);
	background:  -o-linear-gradient(270deg,rgba(30,129,252,1.00) 0%,rgba(95,168,251,1.00) 100%));
	background: linear-gradient(180deg,rgba(30,129,252,1.00) 0%,rgba(95,168,251,1.00) 100%);
}

/*dl*/
dl.table_list {
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    background-color:#EEE;
    margin:10px;
}
dl.table_list dt {
    float:left;
    clear: left;
    width:30%;
    font-weight:bold;
    background-color:#EEE;
    border-top:1px solid #ccc;
	
    padding:10px;
}
dl.table_list dd {
    background-color:#ffffff;
    border-top:1px solid #ccc;
	border-left:1px solid #ccc;
    margin-left:33.5%;  
    padding:10px;
}

@media screen and (max-width : 979px) {
	dl.table_list {
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    background-color:#EEE;
    margin:10px;
	border-collapse: collapse;
	width:90%;
}
dl.table_list dt {
    float:left;
    clear: left;
    width:100%;
    font-weight:bold;
    background-color:#EEE;
    border:1px solid #ccc;
	
    padding:10px;
	
}
dl.table_list dd {
    background-color:#ffffff;
    border:1px solid #ccc;
	
    margin-left:0; 
	width:100%; 
    padding:10px;
}

}
.qa_list{
	color: #454545;
	
	
	
}
.qa_list dt{
	background-image: url(../application/q.png);
	background-repeat: no-repeat;
	background-position: 2px 5px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 50px;
	font-size: 120%;
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
	
}
.qa_list dd{
	background-image: url(../application/a.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 30px;
	border-radius: 8px;
	padding-left: 60px;
	background-color: #fefde5;
	
	
}

.entory_button {
}
ul.entory_button_s {
	margin: 0px;
	padding: 0px;
}
ul.entory_button_s li{
	border: none;
	margin: 0px;
	float: left;
	padding: 1%;
	width: 30%;
}
ul.list_nomal{
	list-style-type: disc;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	
	
}
ul.list_nomal li{
	padding-top: 5px;
	padding-bottom: 5px;
	
	
	
}

.border01 {
	padding: 10px;
	margin: 10px;
	border-radius: 8px;
	border: 2px solid #009ce7;
}
.border02 {
	border-radius: 8px;
	padding: 10px;
	border: 2px solid #f8ea00;
}
.m10p10{
	
margin:10px;
padding:10px;	
}