@charset "UTF-8";

/* =Reset
-------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;word-wrap:break-word;overflow-wrap:break-word;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:inherit;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:super;}
sub{vertical-align:text-bottom;}
input,textarea,select,button{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select,button{*font-size:100%;}
legend{color:#000;}
img {vertical-align:top;}
input[type="radio"],input[type="checkbox"] {vertical-align: -2px;}
label {cursor: pointer;}


/* =Common
-------------------------------------------------------------- */
body {
	text-align: center;
	line-height: 1;
	-webkit-text-size-adjust: 100%;
}
@media (hover){
	a, a img, input[type="submit"], input[type="reset"], svg * {
		transition-property: color, background-color, border-color, fill;
		transition-duration: .3s;
	}
}
img {
	max-width: 100%;
	height: auto;
}
input[type="submit"],input[type="reset"] {
	-webkit-appearance: none;
}

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


/* =Styles 
-------------------------------------------------------------- */
body {
	font-family:  "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', "メイリオ", sans-serif;
	font-weight: 500;
	color: #141204;
	background: #fff;
}

@media all and (-ms-high-contrast:none) {
	body {
		font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	}
}

a {
	text-decoration: none;
	color: #000;
}
@media ( min-width: 480px ){
	body {
		font-size: 16px;
	}
	.sp {
		display: none !important;
	}
	.inner {
		max-width: 1100px;
		margin: 0 auto;
		padding: 0 20px;
	}
}
@media ( min-width: 897px ){
	.sptab {
		display: none !important;
	}
	.tab{
		display: none;
	}
}
@media ( max-width: 896px ){
	.pc {
		display: none !important;
	}
}
@media ( max-width: 479px ){
	body {
		font-size: 3.73vw;
	}
	.pctab {
		display: none !important;
	}
	.inner {
		padding: 0 5.33vw;
	}
	.tab{
		display: none;
	}
}

.scroll-prevent{
	overflow: hidden;
	height: 100vh;
}
/*-------------------------common-------------------------*/
.head_txt{
	background: #01aa95;
	color: #fff;
	text-align: center;
}
#header{
	background: #f6fffe;
	text-align: center;
	color: #fff;
}
#header .inner{
	position: relative;
}
#header .contact{
	position: absolute;
	right: 20px;
}
#header .time_box{
	text-align: left;
}
#header .contact .num{
	font-weight: bold;
	text-align: right;
}
#header .contact .num a{
	font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
#header .time_box .square{
	display: inline-block;
	background: #01aa95;
	color: #fff;
	border-radius: 3px;
	line-height: 1.14;
	font-weight: bold;
}
#header .time_box .time{
	display: inline-block;
	line-height: 1.28;
	color: #01aa95;
    font-weight: 600;
}
#header #nav ul li{
	float: left;
	width: 21.25%;
	margin: 0 5% 0 0;
	border-bottom: solid 4px #01aa95;
}
#header #nav ul li:last-child{
	margin: 0;
}
#header #nav ul li a{
	display: block;
	color: #01aa95;
	font-weight: bold;
}
#header #nav ul li a:hover{
	background: #01aa95;
	color: #fff;
}
#header .humburger{
	z-index: 9999;
}
#header .humburger span{
	transition: .4s;
}
.btn{
	position: relative;
}
.btn a{
	position: relative;
	display: block;
	background: #fff00a;
	color: #000;
	font-weight: bold;
	border-radius: 4px;
	z-index: 100;
	transition-property: transform;
	transition-duration: .4s;
}
.btn:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(img/btn_bg.png);
	border-radius: 4px;
}
#page_top{
	background: #00aa94;
}
#page_top a{
	display: block;
	color: #fff;
}
#footer{
	background: #f6fffe;
	color: #000;
}
#footer .foot_content .logo{
	vertical-align: middle;
}
#footer .foot_content .contact{
	vertical-align: middle;
}
#footer .contact .num{
	font-weight: bold;
}
#footer .contact .num a{
	color: #00aa94;
}
#footer .contact .num:before{
	content: '';
	display: inline-block;
	background: url(img/tell_icon.png) no-repeat;
	background-size: contain;
}
#footer .contact .time_box .square{
	display: inline-block;
	background: #00aa94;
	color: #fff;
	border-radius: 3px;
	line-height: 1.14;
	font-weight: bold;
}
#footer .contact .time_box .time{
	display: inline-block;
	line-height: 1.28;
	text-align: left;
	color: #00aa94;
    font-weight: 600;
}
#footer .contact .time_box .img a{
	display: block;
	transition: .4s;
}
#footer .contact .time_box .img a:hover{
	opacity: 0.7;
}
#footer .foot_nav li{
	display: inline-block;
}
#footer .foot_nav li:last-child{
	margin: 0;
}
#footer .foot_nav li a{
	color: #00aa94;
    font-weight: 600;
}
#footer .foot_nav li a:hover{
	color: #00aa94;
	text-decoration: underline;
}
#copy{
	letter-spacing: 0.05em;
	background: #00aa94;
	color: #fff;
}
.sec_tit{
	font-weight: bold;
	line-height: 1.24;
}
#sp_nav .contact .num{
	font-weight: bold;
}
#sp_nav .contact .num a{
	color: #fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	white-space: nowrap;
}
@media(min-width: 480px){
	.head_txt{
		font-size: 14px;
		line-height: 30px;
	}
	#header .contact{
		bottom: 64px;
	}
	#header .contact .num{
		font-size: 34px;
		margin: 0 0 9px;
		color: #01aa95;
	}
	#header .contact .num:before{
		content: '';
		display: inline-block;
		background: url(img/tell_icon.png) no-repeat;
		background-size: contain;
		width: 22px;
		height: 27px;
		margin: 0 10px 0 0;
	}
	#header .time_box .square{
		margin: 0 8px 0 0;
		padding: 6px;
		font-size: 14px;
	}
	#header .time_box .time{
		font-size: 14px;
	}
	#header #nav ul li a{
		padding: 20px 20px 19px;
	}
	.btn{
		max-width: 562px;
	}
	.btn:after{
		top: 8px;
		left: 8px;
	}
	.btn a{
		font-size: 24px;
		padding: 38px;
	}
	.btn a:after{
		bottom: -8px;
		right: -8px;
	}
	.btn a:hover{
		transform: translate(8px,8px);
	}
	#page_top a{
		padding: 21px 0 18px;
	}
	#footer{
		padding: 40px 0 0 0;
	}
	#footer .contact .num{
		font-size: 34px;
		margin: 0 0 9px;
	}
	#footer .contact .num:before{
		width: 22px;
		height: 27px;
		margin: 0 10px 0 0;
	}
	#footer .contact .time_box .square{
		margin: 0 8px 0 0;
		padding: 6px;
		font-size: 14px;
	}
	#footer .contact .time_box .time{
		font-size: 14px;
	}
	#footer .contact .time_box .img{
		margin: 8px 0 0 0;
	}
	#footer .foot_nav{
		margin: 0 0 33px;
	}
	#footer .foot_nav li{
		margin: 0 43px 0 0;
	}
	#copy{
		font-size: 14px;
		padding: 25px 0 20px;
	}
	.sec_tit{
		font-size: 42px;
	}
}
@media(min-width: 897px){
	#header .logo{
		padding: 47px 0 27px;
		width: 260px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	#header .logo img{
		width: 100%%\;
	}
	#footer .foot_content{
		margin: 0 0 40px;
		display: table;
		width: 100%;
	}
	#footer .foot_content .logo{
/*		display: table-cell; */
		display: inline-block;
	    vertical-align: middle;
		width: 240px;
	}
	#footer .foot_content .contact{
/*		display: table-cell; */
		display: inline-block;
	    vertical-align: middle;
		width: 50%;
	}
}
@media ( min-width: 480px ) and ( max-width: 896px ){
	#header{
		padding: 27px 0;
	}
	#header .logo{
		width: 300px;
	}
	#header .logo img{
		width: 100%;
	}
	#header .humburger{
		width: 40px;
		height: 40px;
	}
	#header .humburger span{
		height: 3px;
	}
	#sp_nav{
		padding: 100px 20px 0;
	}
	#sp_nav ul{
		margin: 0 0 60px;
	}
	#sp_nav ul li a{
		padding: 20px;
	}
	#sp_nav .contact{
		display: inline-block;
		margin: 0 auto;
	}
	#sp_nav .contact .num{
		font-size: 35px;
		margin: 0 0 10px;
	}
	#sp_nav .contact .num:before{
		width: 30px;
		height: 40px;
		vertical-align: top;
		margin: 0 10px 0 0;
	}
	#sp_nav .contact .time_box{
		font-size: 18px;
		margin: 0 0 10px;
	}
	#sp_nav .contact .time_box .label{
		padding: 5px;
		margin: 0 10px 0 0;
	}
	#page_top a{
		right: 20px;
		bottom: 25px;
		padding: 0;
	}
	#footer .foot_content .logo{
		margin: 0 0 20px;
	}
	#footer .contact .time_box{
		margin: 0 0 30px;
	}
}
@media(max-width: 896px){
	.head_txt{
		display: none;
	}
	#header{
		background: #f6fffe;
	}
	#header .logo{
		float: left;
	}
	#header .contact{
		display: none;
	}
	#header #nav{
		display: none;
	}
	#header .humburger{
		position: relative;
		float: right;
		cursor: pointer;
	}
	#header .humburger.open span:nth-child(2n){
		display: none;
	}
	#header .humburger span{
		position: absolute;
		display: block;
		width: 100%;
		left: 0;
		background: #00aa94;
	}
	#header .humburger.open span{
		background: #fff;
	}
	#header .humburger span:first-child{
		top: 0;
	}
	#header .humburger.open span:first-child{
		transform: rotate(45deg) translate(-50%,-50%);
		top: 50%;
		left: 50%;
		transform-origin: left top;
	}
	#header .humburger span:nth-child(2){
		top: 50%;
		transform: translate(0,-50%);
	}
	#header .humburger span:last-child{
		bottom: 0;
	}
	#header .humburger.open span:last-child{
		transform: rotate(-45deg) translate(-50%,-50%);
		top: 50%;
		left: 50%;
		transform-origin: left top;
	}
	#shadow{
		display: none;
	}
	#sp_nav{
		display: none;
		position: absolute;
		background: #00aa94;
		top: 0;
		right: 0;
		height: 100vh;
		z-index: 9990;
		color: #fff;
		box-sizing: border-box;
	}
	#sp_nav ul li a{
		border-bottom: solid 1px #5572b4;
	}
	#sp_nav ul li a{
		display: block;
		color: #fff;
		text-align: left;
	}
	#sp_nav .contact{
		text-align: left;
	}
	#sp_nav .contact .num:before{
		content: '';
		display: inline-block;
		background: url(img/tell_icon.png) no-repeat;
		background-size: contain;
	}
	#sp_nav .contact .time_box .label{
		float: left;
		background: #fff;
		color: #000;
		border-radius: 3px;
		font-weight: bold;
	}
	#sp_nav .contact .time_box .time{
		float: left;
		line-height: 1.36;
	}
	#shadow{
		position: fixed;
		width: 100%;
		height: 100vh;
		background: rgba(0,0,0,0.5);
		left: 0;
		top: 0;	
		z-index: 880;
		overflow: hidden;
	}
	#page_top a{
		position: fixed;
		width: 80px;
		height: 80px;
		z-index: 9980;
	}
}
@media ( max-width: 479px ){
	#header{
		padding: 4.13vw 0;
	}
	#header .logo{
		width: 40.26vw;
	}
	#header .humburger{
		width: 5.33vw;
		height: 5.33vw;
	}
	#header .humburger span{
		height: 0.8vw;
	}
	.sec_tit{
		font-size: 6.66vw;
	}
	#sp_nav{
		width: 53.46%;
		padding: 21.33vw 5.33vw 0;
	}
	#sp_nav ul{
		margin: 0 0 13.2vw;
	}
	#sp_nav ul li{
	}
	#sp_nav ul li a{
		font-size: 4vw;
		padding: 5.33vw 1.6vw;
	}
	#sp_nav .contact .num{
		font-size: 4.5vw;
		font-weight: bold;
		margin: 0 0 4.26vw;
	}
	#sp_nav .contact .num:before{
		width: 4.13vw;
		height: 5.33vw;
		margin: 0 0.93vw 0 0;
		vertical-align: middle;
	}
	#sp_nav .contact .time_box{
		font-size: 2.93vw;
		margin: 0 0 3.6vw;
	}
	#sp_nav .contact .time_box .label{
		padding: 0.66vw 0.93vw;
		margin: 0 2vw 0 0;
	}
	#sp_nav .contact .time_box .time .week{
		margin: 0 2vw 0 0;
	}
	#sp_nav .contact .time_box .time .week2{
		margin: 0 4.93vw 0 0;
	}
	#footer{
		padding: 10.4vw 0 0 0;
	}
	#footer .contact .time_box .square{
		padding: 1.06vw;
		margin: 0 2.26vw 0 0;
		font-size: 2.93vw;
	}
	#footer .contact .time_box .time{
		line-height: 1.27;
		font-size: 2.93vw;
	}
	#footer .contact .time_box .img{
		margin: 5.33vw auto 0;
		width: 60vw;
	}
	#footer .foot_content{
		padding: 0 0 9.06vw;
		border-bottom: solid 2px #fff;
	}
	#footer .foot_content .logo{
		width: 60.06vw;
		margin: 0 auto 6.93vw;
	}
	#footer .foot_content .contact .num{
		font-size: 8vw;
		margin: 0 0 4.4vw;
	}
	#footer .contact .num:before{
		width: 5.33vw;
		height: 6.66vw;
		margin: 0 1.33vw 0 0;
		vertical-align: middle;
	}
	#footer .foot_nav{
		padding: 5.06vw 0;
	}
	#footer .foot_nav li{
		float: left;
		width: 50%;
	}
	#footer .foot_nav li a{
		display: block;
		text-align: left;
		padding: 2.53vw 8vw;
	}
	#footer .contact .time_box .img img{
		width: 100%;
	}
	#copy{
		font-size: 2.66vw;
		padding: 3.73vw 0;
	}
	#page_top a{
		width: 14.66vw;
		height: 14.66vw;
		right: 5.33vw;
		bottom: 5.06vw;
	}
	.btn{
		max-width: 74.66vw;
	}
	.btn:after{
		right: -1.33vw;
		bottom: -1.33vw;
	}
	.btn a:hover{
		transform: translate(1.33vw,1.33vw);
	}
}
/*------------------------index------------------------*/
#mv{
	background: #f6fffe;
}
#mv img{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.lead_box{
	background: #f6fffe url(img/bg_lead.png);
}
.campaign {
	background: #01aa95;
}
@media(min-width: 480px){
	.lead_box{
		padding: 40px 0 55px;
	}
	.campaign {
		padding: 44px 0;
	}
}
@media(min-width: 897px){
}
@media ( min-width: 480px ) and ( max-width: 896px ){
	#mv .btn{
		max-width: 562px;
		margin: 0 auto;
	}
}
@media(max-width: 897px){
	#mv{
		position: relative;
	}
	#mv .btn{
		position: absolute;
		left: 50%;
		transform: translate(-50%,0);
		bottom: 3.86vw;
		width: 74.9%;
		z-index: 100;
	}
}
@media ( max-width: 479px ){
	.lead_box{
		padding: 6.66vw 0 10.66vw;
		background-size: 3.73vw;
	}
	.campaign {
		padding: 6vw 0;
	}
	.btn a{
		padding: 6vw;
	}
	.btn a:after{
		right: -1.33vw;
		bottom: -1.33vw;
	}
}
#point_box .box{
	position: relative;
}
#point_box .box .point_img{
	float: left;
	width: 31.7%;
}
#point_box .box .txt{
	font-weight: bold;
	text-align: left;
}
#point_box .box .txt .large{
	line-height: 1.3;
}
#point_box .box .txt .large .imp{
	color: #f84b78;
}
#point_box .box .txt .sml{
	line-height: 1.28;
}
@media(min-width: 480px){
	#point_box{
		background: #f6fffe url(img/point_bg.png) no-repeat;
		background-position: top right;
		background-size: 78.2%;
	}
	#point_box .box{
		margin: 15px 0 28px;
	}
	#point_box .box .txt{
		top: 47.1%;
		left: 28.5%;
	}
	#point_box .box .txt .large{
		font-size: 24px;
		margin: 0 0 9px;
	}
	#point_box .box .txt .large .imp{
		font-size: 32px;
	}
	#point_box .btn{
		max-width: 562px;
		margin: 60px auto;
	}
}
@media(min-width: 897px){
	#point_box{
		padding: 0 0 108px;
	}
	#point_box .box .point_img{
		margin: 0 0 0 10%;
	}
	#point_box .box .txt{
		position: absolute;
	}
}
@media ( min-width: 480px ) and ( max-width: 896px ){
	#point_box{
		padding: 0 0 50px;
	}
	#point_box .box .txt{
		margin: 40px 0 0 20px;
	}
}
@media(max-width: 896px){
	#point_box .box .txt{
		float: left;
	}
}
@media(max-width: 479px){
	#point_box{
		padding: 8.53vw 0 13.86vw;
		background: #f6fffe url(img/point_bg_sp.png) no-repeat;
		background-position: top 4.4vw right;
		background-size: 72.66%;
	}
	#point_box .box{
		margin: 0 0 2vw;
	}
	#point_box .box .point_img{
		width: 25vw;
	}
	#point_box .box .txt{
		margin: 3.46vw 0 0 4.26vw;
	}
	#point_box .box .txt .large{
		font-size: 5.33vw;
		margin: 0 0 1.86vw;
	}
	#point_box .box .txt .large .imp{
		font-size: 6.4vw;
	}
	#point_box .box .txt .sml{
		font-size: 3.73vw;
	}
	#point_box .btn{
		margin: 8vw auto 0;
	}
}
#disc_box{
	background: #55ccbe;
}
#disc_box .box{
	font-weight: bold;
}
#disc_box .box .tit{
	font-weight: bold;
}
#disc_box .box .img{
	width: 31%
}
#disc_box .box .txt_box{
	text-align: left;
}
#disc_box .box .txt_box .txt{
	line-height: 1.62;
}
#disc_box .consul{
	text-align: left;
	margin: 0 auto;
	background: rgba(255,255,255, .85);
	border-radius: 4px;
	box-sizing: border-box;
}
#disc_box .consul .tit{
	color: #01aa95;
	font-weight: bold;
	line-height: 1.58;
}
#disc_box .consul .txt{
	line-height: 1.75;
}
@media(min-width: 480px){
	#disc_box{
		padding: 0 0 70px;
	}
	#disc_box .box{
		margin: 0 0 60px;
	}
	#disc_box .box:last-child{
		margin: 0 0 90px;
	}
	#disc_box .box .tit{
		font-size: 32px;
	}
	#disc_box .box .txt_box .tit{
		margin: 0 0 35px;
	}
	#disc_box .box.img_r .img{
		float: right;
	}
	#disc_box .box.img_l .img{
		float: left;
	}
	#disc_box .box.img_r .txt_box{
		float: left;
	}
	#disc_box .box.img_l .txt_box{
		float: right;
	}
	#disc_box .box.img_r{
		padding: 50px 0 0 0;
	}
	#disc_box .box.img_l{
		padding: 10px 0 0 0;
	}
	#disc_box .box .txt_box{
		width: 60%;
	}
	#disc_box .consul{
		text-align: left;
		margin: 0 auto;
	    background: rgba(255,255,255, .85);
		border-radius: 4px;
		padding: 45px 70px;
	}
	#disc_box .consul .tit{
		font-size: 24px;
		margin: 0 0 18px;
	}
}
@media(min-width: 897px){
	#disc_box .consul{
		width: 87%;
	}
	#disc_box .box.img_r{
		background: url(img/check_bg.png) no-repeat;
		background-position: left top;
	}
	#disc_box .box.img_l{
		background: url(img/check_bg.png) no-repeat;
		background-position: right top;
	}
	#disc_box .box.img_l .txt_box{
		margin: 58px 5.6% 0 0;
	}
}
@media ( min-width: 480px ) and ( max-width: 896px ){
	#disc_box .consul{
		padding: 45px;
	}
}
@media(max-width: 479px){
	#disc_box{
		padding: 0 0 10.26vw;
	}
	#disc_box .box{
		margin: 0 0 8.66vw;
	}
	#disc_box .box:last-of-type{
		margin: 0 0 8.88vw;
	}
	#disc_box .box .img{
		margin: 0 auto 7.06vw;
	}
	#disc_box .box .tit{
		text-align: center;
		font-size: 5.33vw;
		margin: 0 0 4.93vw;
	}
	#disc_box .consul{
		padding: 7.33vw 6vw;
	}
	#disc_box .consul .tit{
		font-size: 	4.26vw;
		margin: 0 0 5.33vw;
	}
	#disc_box .consul .txt{
		font-size: 3.46vw;
	}
}
#user .usser_box .box{
	background: #fff;
	box-sizing: border-box;
}
#user .usser_box .box:nth-child(odd){
	float: left;
}
#user .usser_box .box:nth-child(even){
	float: right;
}
#user .usser_box .box .box_in_top{
	position: relative;
	display: table;
	width: 100%;
}
#user .usser_box .box .box_in_top:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 4px 0 0 0;
}
#user .usser_box .box .box_in_top:after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 0 4px 0 0;
}
#user .usser_box .box .box_in_btm{
	position: relative;
	display: table-cell;
	vertical-align: middle;
	line-height: 1.26;
}
#user .usser_box .box .box_in_btm:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	border-radius: 0 0 0 4px;
}
#user .usser_box .box .box_in_btm:after{
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	border-radius: 0 0 4px 0;
}
@media(min-width: 480px){
	#user{
		padding: 57px 0 31px 0;
		background: #55ccbe url(img/user_bg.png) no-repeat;
		background-position: left top;
		background-size: 71%;
	}
	#user .sec_tit{
		margin: 0 0 203px;
	}
	#user .usser_box .box{
		font-size: 18px;
		width: 45.3%;
	}
	#user .usser_box .box:nth-child(odd){
		margin: 0 0 30px 3.6%;
	}
	#user .usser_box .box:nth-child(even){
		margin: 0 3.6% 30px 0;
	}
	#user .usser_box .box .box_in_top:before{
		width: 20px;
		height: 20px;
	}
	#user .usser_box .box .box_in_top:after{
		width: 20px;
		height: 20px;
	}
	#user .usser_box .box .box_in_btm{
		padding: 37px;
	}
	#user .usser_box .box .box_in_btm:before{
		width: 20px;
		height: 20px;
	}
	#user .usser_box .box .box_in_btm:after{
		width: 20px;
		height: 20px;
	}
	#user .btn{	
		margin: 45px auto 0;
	}
	#user .usser_box .box .box_in_top:before{
		border-bottom: 32px solid transparent;
		border-left: 32px solid #00aa94;
	    left: 5px;
	    top: 5px;
	    border-radius: 0 0 0 0;
	    width: auto;
	    height: auto;
	}
/*
	#user .usser_box .box .box_in_top:before{
		border-left: solid 5px #00aa94;
		border-top: solid 5px #00aa94;
	}
	#user .usser_box .box .box_in_top:after{
		border-right: solid 5px #00aa94;
		border-top: solid 5px #00aa94;
	}
	#user .usser_box .box .box_in_btm:before{
		border-left: solid 5px #00aa94;
		border-bottom: solid 5px #00aa94;
	}
	#user .usser_box .box .box_in_btm:after{
		border-right: solid 5px #00aa94;
		border-bottom: solid 5px #00aa94;
	}
*/
}
@media ( min-width: 480px ) and ( max-width: 896px ){
	#user .sec_tit{
		margin: 0 0 100px;
	}
}
@media(min-width: 897px){
}
@media(max-width: 479px){
	#user{
		padding: 2.66vw 0 8.66vw;
		background: #55ccbe url(img/user_bg_sp.png) no-repeat;
		background-position: left top;
		background-size: 65.73%;
	}
	#user .sec_tit{
		margin: 0 0 9.2vw;
	}
	#user .usser_box .box{
		width: 47.7%;
		margin: 0 0 4vw;
	}
	#user .usser_box .box .box_in_top:before{
		width: 5.33vw;
		height: 5.33vw;
	}
	#user .usser_box .box .box_in_top:after{
		width: 5.33vw;
		height: 5.33vw;
	}
	#user .usser_box .box .box_in_btm{
		padding: 5vw 3vw;
	}
	#user .usser_box .box .box_in_btm:before{
		width: 5.33vw;
		height: 5.33vw;
	}
	#user .usser_box .box .box_in_btm:after{
		width: 5.33vw;
		height: 5.33vw;
	}
	#user .btn{
		margin: 9.33vw auto 0;
	}
	#user .usser_box .box .box_in_top:before{
		border-bottom: 22px solid transparent;
		border-left: 22px solid #00aa94;
	    left: 5px;
	    top: 5px;
	    border-radius: 0 0 0 0;
	    width: auto;
	    height: auto;
	}
/*
	#user .usser_box .box .box_in_top:before{
		border-left: solid 1.6vw #00aa94;
		border-top: solid 1.6vw #00aa94;
	}
	#user .usser_box .box .box_in_top:after{
		border-right: solid 1.6vw #00aa94;
		border-top: solid 1.6vw #00aa94;
	}
	#user .usser_box .box .box_in_btm:before{
		border-left: solid 1.6vw #00aa94;
		border-bottom: solid 1.6vw #00aa94;
	}
	#user .usser_box .box .box_in_btm:after{
		border-right: solid 1.6vw #00aa94;
		border-bottom: solid 1.6vw #00aa94;
	}
*/
}
#flow .step{
	display: table;
}
#flow .step .step_tit{
	position: relative;
	display: table-cell;
	background: #00aa94;
	color: #fff;
	font-weight: bold;
	width: 24%;
	border-radius: 4px 0 0 4px;
	vertical-align: middle;
}
#flow .step .step_tit:after{
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: #00aa94 transparent transparent transparent;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,100%);
}
#flow .step:last-of-type .step_tit:after{
	content: none;
}
#flow .step .txt_box{
	display: table-cell;
	background: #fff;
	text-align: left;
	font-weight: bold;
	border-radius: 0 4px 4px 0;
	vertical-align: middle;
	padding: 0 5.7%
}
@media(min-width: 480px){
	#flow{
		padding: 67px 0 0 0;
		background: #55ccbe url(img/flow_bg.png) no-repeat;
		background-position: right top;
		background-size: 73.3%;
	}
	#flow .sec_tit{
		margin: 0 0 75px;
	}
	#flow .step{
		margin: 0 auto 30px;
	}
	#flow .step:last-of-type{
		margin: 0 auto 120px;
	}
	#flow .step .step_tit{
		padding: 46px 43px 43px;
		font-size: 24px;
	}
	#flow .step .txt_box .tit{
		font-size: 24px;
		margin: 0 0 13px;
	}
	#flow .step .step_tit:after{
		border-width: 15px 13px 0 13px;
	}
}
@media(min-width: 897px){
	#flow .step{
		width: 75.1%;
	}
}
@media(max-width: 479px){
	#flow{
		padding: 6.8vw 0 17.33vw;
		background: #55ccbe url(img/flow_bg_sp.png) no-repeat;
		background-position: right top;
		background-size: 70.66%;
	}
	#flow .sec_tit{
		margin: 0 0 11.2vw;
	}
	#flow .step{
		margin: 0 0 4vw;
	}
	#flow .step:last-child{
		margin: 0;
	}
	#flow .step .step_tit{
		font-size: 4.8vw;
		padding: 6.93vw 5.33vw;	
	}
	#flow .step .step_tit .sml{
		display: block;
		font-size: 2.93vw;
		margin: 0 0 1.33vw;
	}
	#flow .step .txt_box .tit{
		font-size: 4.8vw;
		color: #00aa94;
		margin: 0 0 1.6vw;
	}
	#flow .step .txt_box{
		line-height: 1.14;
	}
	#flow .step .step_tit:after{
		border-width: 2.66vw 2vw 0 2vw;
	}
}
#cash_back{
	background: #55ccbe;
}
#cash_back .box{
	position: relative;
	border: solid 6px #fff;
	border-radius: 8px;
	max-width: 90%;
	margin: 0 auto;
}
#cash_back .box .tit{
	position: absolute;
	display: inline-block;
	background: #fee200;
	top: 0;
	left: 50%;
	transform: translate(-50%,-50%);
}
#cash_back .box .tit .txt{
	float: left;
	font-weight: bold;
	color: #00aa94;
}
#cash_back .box .tit .img{
	float: left;
}
#cash_back .box .box_txt{
	font-weight: bold;
	line-height: 1.3;
}
#cash_back .box .memo{
	display: inline-block;
	line-height: 1.42;
	text-align: left;
}
#cash_back .box .btn{
	transform: translate(0,50%);
	margin: 0 auto;
}
#cash_back .cashback_table{
	display: table;
	width: 100%;
}
#cash_back .cashback_table dl{
	position: relative;
	display: table;
	width: 100%;
}
#cash_back .cashback_table dl:after{
	content: '';
	position: absolute;
	width: 103%;
	height: 5px;
	background: #fff;
	left: 50%;
	transform: translate(-50%,0);
	bottom: 0;
}
#cash_back .cashback_table dl:last-child:after{
	content: none;
}
#cash_back .cashback_table dl dt,
#cash_back .cashback_table dl dd{
	display: table-cell;
	vertical-align: middle;
	line-height: 1.16;
}
#cash_back .cashback_table dl dt{
	text-align: left;
	padding: 25px 20px;
}
#cash_back .cashback_table dl dd{
	text-align: center;
}
#cash_back .cashback_table dl dd.normal{
	background: #ffef6a;
	font-weight: bold;
}
#cash_back .cashback_table dl dd.woman{
	background: #fec500;
	font-weight: bold;
}
#cash_back .cashback_table dl .label{
	font-weight: bold;
}
@media(min-width: 480px){
	#cash_back{
		padding: 0 0 83px;
	}
	#cash_back .box{
		max-width: 900px;
		margin: 0 auto;
		box-sizing: border-box;
	}
	#cash_back .box .tit{
		width: 567px;
		box-sizing: border-box;
	}
	#cash_back .box .box_txt{
		margin: 0 0 47px;
	}
	#cash_back .box .memo{
		font-size: 14px;
		margin: 38px 0 0 0;
	}
	#cash_back .cashback_table{
		font-size: 18px;
	}
}
@media(min-width: 897px){
	#cash_back .box{
		padding: 109px 100px 0;
	}
	#cash_back .cashback_table dl dd{
		width: 200px;
	}
}
@media(min-width: 480px) and (max-width: 896px){
	#cash_back .box{
		padding: 109px 50px 0;
	}
	#cash_back .box .tit{
		width: 70%;
	}
	#cash_back .box .tit .txt{
		margin: 28px 38px 0 0;
	}
	#cash_back .cashback_table dl dd{
		width: 120px;
	}
}
@media(max-width: 479px){
	#cash_back{
		padding: 0 0 20vw;
	}
	#cash_back .box{
		padding: 13.06vw 3.86vw 0;
		border: solid 0.93vw #fff;
	}
	#cash_back .box .tit .img{
		width: 75.46vw;
		margin: 0;
	}
	#cash_back .box .box_txt{
		margin: 0 0 6vw;
	}
	#cash_back .box .img{
		margin: 0 0 6.66vw;
	}
	#cash_back .box .tit:before,
	#cash_back .box .tit:after{
		width: 0.93vw;
	}
	#cash_back .cashback_table{
		font-size: 3.2vw;
		margin: 0 0 6.66vw;
	}
	#cash_back .cashback_table dl:after{
		height: 0.53vw;
	}
	#cash_back .cashback_table dl dt{
		width: 34.66vw;
		padding: 3.73vw 1.46vw;
	}
	#cash_back .cashback_table dl dd{
		width: 21.33vw;
	}
}
#voice .inner{
	max-width: 945px;
	margin: 0 auto;
}
#voice .box_voice .box{
	position: relative;
	text-align: left;
	background: #fec500;
	border-radius: 5px;
	line-height: 1.55;
	box-sizing: border-box;
}
#voice .box_voice .box:last-child{
	margin: 0;
}
#voice .box_voice .box.ylw{
	background: #ffef6a;
}
#voice .box_voice .box:nth-child(odd):before{
	content: '';
	position: absolute;
	background: url(img/callout_l.png) no-repeat;
	background-size: contain;
	top: 50%;
	transform: translate(-100%,-50%);
	left: 2px;
}
#voice .box_voice .box.ylw:nth-child(odd):before{
	background: url(img/callout_l_ylw.png) no-repeat;
	background-size: contain;
}
#voice .box_voice .box:nth-child(even):before{
	content: '';
	position: absolute;
	background: url(img/callout_r.png) no-repeat;
	background-size: contain;
	top: 50%;
	transform: translate(100%,-50%);
	right: 2px;
}
#voice .box_voice .box.ylw:nth-child(even):before{
	background: url(img/callout_r_ylw.png) no-repeat;
	background-size: contain;
}
@media (min-width:480px){
	#voice{
		padding: 60px 0 0 0;
		background: #55ccbe url(img/voice_bg.png) no-repeat;
		background-size: 84.5%;
		background-position: left top;
	}
	#voice .sec_tit{
		margin: 0 0 70px;
	}
	#voice .box_voice{
		margin: 0 0 80px;
	}
	#voice .box_voice .box{
		padding: 30px 40px 25px;
		margin: 0 0 20px;
		width: 85.7%;
		font-size: 18px;
	}
	#voice .box_voice .box:nth-child(odd):before{
		width: 27px;
		height: 20px;
		left: 2px;
	}
	#voice .box_voice .box:nth-child(even):before{
		width: 27px;
		height: 20px;
	}
	#voice .box_voice .box:nth-child(odd){
		float: left;
		margin: 0 0 20px 27px;
	}
	#voice .box_voice .box:nth-child(even){
		float: right;
		margin: 0 27px 20px 0;
	}
}
@media (min-width: 897px) {
}
@media(max-width: 479px){
	#voice{
		padding: 6.66vw 0 10.66vw;
		background: #55ccbe url(img/voice_bg_sp.png) no-repeat;
		background-size: 77.06%;
		background-position: left top;
	}
	#voice .sec_tit{
		margin: 0 0 10.66vw;
	}
	#voice .box_voice .box{
		width: 94%;
		padding: 4vw 6vw;
		margin: 0 0 2.66vw;
	}
	#voice .box_voice .box:nth-child(odd){
		float: right;
	}
	#voice .box_voice .box:nth-child(even){
		float: left;
	}
	#voice .box_voice .box:nth-child(odd):before{
		width: 5.06vw;
		height: 4vw;
		left: 0;
	}
	#voice .box_voice .box:nth-child(even):before{
		width: 5.33vw;
		height: 4vw;
		right: 0;
	}
}
#comment{
	background: #ace8e1 url(img/bg_lead.png);
}
#comment .sec_tit{
	position: relative;
	font-weight: bold;
	color: #00aa94;
}
#comment .sec_tit:before{
	content: '';
	position: absolute;
	background: #00aa94;
	left: 0;
	top: 0;
	transform: rotate(-15deg);
}
#comment .sec_tit:after{
	content: '';
	position: absolute;
	background: #00aa94;
	right: 0;
	top: 0;
	transform: rotate(15deg);
}
#comment .comment_box .line{
	float: left;
	margin: 0 2% 0 0;
}
#comment .comment_box .line:last-child{
	margin: 0;
}
#comment .comment_box .box{
	position: relative;
	letter-spacing: 0.025em;
}
#comment .comment_box .line .box:last-child{
	margin: 0;
}
#comment .comment_box .box .txt{
	line-height: 1.55;
	text-align: left;
}
#comment .comment_box .box .box_in_top{
	position: relative;
}
#comment .comment_box .box .box_in_top:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 4px 0 0 0;
}
#comment .comment_box .box .box_in_top:after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 0 4px 0 0;
}
#comment .comment_box .box .box_in_btm{
	position: relative;
}
#comment .comment_box .box .box_in_btm:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	border-radius: 0 0 0 4px;
}
#comment .comment_box .box .box_in_btm:after{
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	border-radius: 0 0 4px 0;
}
#comment .btn{
	margin: 0 auto;
}
#comment .comment_box .box .icon_box .name{
	line-height: 1.2;
}
@media(min-width: 480px){
	#comment{
		padding: 70px 0 90px 0;
	}
	#comment .sec_tit{
		padding: 15px 0;
		margin: 0 0 55px;
	}
	#comment .sec_tit:before{
		height: 70px;
		width: 3px;
	}
	#comment .sec_tit:after{
		height: 70px;
		width: 3px;
	}
	#comment .comment_box{
		margin: 0 0 60px;
	}
	#comment .comment_box .box{
		margin: 0 0 20px;
		font-size: 18px;
	}
	#comment .comment_box .box .icon{
		margin: 0 0 20px;
	}
	#comment .comment_box .box .name{
		margin: 0 0 30px;
	}
	#comment .comment_box .box .box_in_top:before{
		border-left: solid 5px #fff;
		border-top: solid 5px #fff;
		width: 20px;
		height: 20px;
	}
	#comment .comment_box .box .box_in_top:after{
		border-right: solid 5px #fff;
		border-top: solid 5px #fff;
		width: 20px;
		height: 20px;
	}
	#comment .comment_box .box .box_in_btm{
		padding: 28px 15px 34px;
	}
	#comment .comment_box .box .box_in_btm:before{
		border-left: solid 5px #fff;
		border-bottom: solid 5px #fff;
		width: 20px;
		height: 20px;
	}
	#comment .comment_box .box .box_in_btm:after{
		border-right: solid 5px #fff;
		border-bottom: solid 5px #fff;
		width: 20px;
		height: 20px;
	}
}
@media(min-width: 897px){
	#comment .sec_tit{
		display: inline-block;
		width: 645px;
		padding: 15px 0;
		margin: 0 0 55px;
	}
	#comment .comment_box .line{
		width: 32%;
	}
}
@media ( min-width: 480px ) and ( max-width: 896px ){
	#comment .sec_tit{
		display: inline-block;
		font-size: 27px;
		padding: 15px 30px;
	}
	#comment .comment_box .line{
		float: left;
		width: 49%;
		margin: 0 2% 0 0;
	}
	#sp_nav .contact .time_box .time .week{
		margin: 0 1em 0 0;
	}
	#sp_nav .contact .time_box .time .week2{
		margin: 0 2em 0 0;
	}
}
@media(max-width: 479px){
	#comment{
		padding: 10.93vw 0 12.66vw 0;
	}
	#comment .sec_tit{
		font-size: 6.66vw;
		margin: 0 0 10vw;
	}
	#comment .comment_box{
		margin: 0 0 8vw;
	}
	#comment .comment_box .box{
		box-sizing: border-box;
		margin: 0 0 2.1vw;
	}
	#comment .comment_box .box .box_in_btm{
		display: table;
		padding: 7.46vw 6.66vw;
	}
	#comment .comment_box .box .icon_box{
		display: table-cell;
		width: 21.4vw;
		vertical-align: top;
	}
	#comment .comment_box .box .icon_box .icon{
		width: 18.66vw;
		margin: 0 auto 2vw;
	}
	#comment .comment_box .box .icon_box .name{
		font-size: 3.46vw;
	}
	#comment .comment_box .box .txt{
		display: table-cell;
		font-size: 3.73vw;
		padding: 0 0 0 6.66vw;
		box-sizing: border-box;
	}
	#comment .sec_tit{
		display: inline-block;
		padding: 0 9.06vw;
	}
	#comment .sec_tit:before{
		width: 0.4vw;
		height: 100%;
	}
	#comment .sec_tit:after{
		width: 0.4vw;
		height: 100%;
	}
	#comment .comment_box .box .box_in_top:before{
		border-left: solid 1.06vw #fff;
		border-top: solid 1.06vw #fff;
		width: 5.33vw;
		height: 5.33vw;
	}
	#comment .comment_box .box .box_in_top:after{
		border-right: solid 1.06vw #fff;
		border-top: solid 1.06vw #fff;
		width: 5.33vw;
		height: 5.33vw;
	}
	#comment .comment_box .box .box_in_btm:before{
		border-left: solid 1.06vw #fff;
		border-bottom: solid 1.06vw #fff;
		width: 5.33vw;
		height: 5.33vw;
	}
	#comment .comment_box .box .box_in_btm:after{
		border-right: solid 1.06vw #fff;
		border-bottom: solid 1.06vw #fff;
		width: 5.33vw;
		height: 5.33vw;
	}
}

/*-------------------------------qanda-------------------------------*/
#qanda{
	background: #55ccbe url(img/qanda_bg.png) no-repeat;
	background-position: top center;
	background-size: contain;
}
.maintit{
	color: #fff;
	font-weight: bold;
    background-color: rgba(1 ,170 ,149 ,.8);
    padding: 15px 0 20px 0;
}
.maintit .sub span{
	display: inline-block;
	background: #fff;
	line-height: 1.33;
    color: #01aa95;
}
#qanda .box{
	position: relative;
	background: #fff;
	color: #00aa94;
	font-weight: bold;
	text-align: left;
}
#qanda .box .question{
	cursor: pointer;
}
#qanda .box .question .q_in{
	position: relative;
}
#qanda .box .question .q_num{
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
    width: 75px;
}
#qanda .box .answer{
	background: #f5f5f5;
	line-height: 1.5;
}
#qanda .box .qa_btn a{
	display: block;
	color: #fff;
	font-weight: bold;
	border-radius: 5px;
	background: #00aa94;
	text-align: center;
	transition-property: opacity;
	transition-duration: .4s;
}
#qanda .box .qa_btn a:hover{
	opacity: 0.7;
}
#qanda .box .open_btn{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0,-50%);
	background: url(img/btn_open.png) no-repeat;
	background-position: center center;
	background-size: contain;
	transition-property: background;
	transition-duration: .4s;
}
#qanda .box.open .open_btn{
	background: url(img/btn_close.png) no-repeat;
	background-position: center center;
	background-size: contain;
}
#qanda .box .toggle_box{
	display: none;
}
#qanda .box .box_in_top{
	position: relative;
	display: table;
	width: 100%;
}
#qanda .box .box_in_top:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 4px 0 0 0;
}
#qanda .box .box_in_top:after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 0 4px 0 0;
}
#qanda .box .box_in_btm{
	position: relative;
	display: table-cell;
	vertical-align: middle;
	line-height: 1.26;
}
#qanda .box .box_in_btm:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	border-radius: 0 0 0 4px;
}
#qanda .box .box_in_btm:after{
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	border-radius: 0 0 4px 0;
}
@media(min-width: 480px){
	#qanda{
		padding: 50px 0 0 0;
	}
	.maintit{
		font-size: 42px;
		margin: 0 0 65px;
	}
	#qanda .maintit .sub{
		font-size: 30px;
		margin: 0 0 23px;
	}
	#qanda .box{
		font-size: 20px;
		margin: 0 auto 20px;
		max-width: 880px;
	}
	#qanda .box:last-of-type{
		margin: 0 auto 80px;
	}
	#qanda .box .question{
		padding: 30px;
	}
	#qanda .box .question .q_in{
		padding: 8px 30px 8px 105px;
	}
	#qanda .box .answer{
		padding: 25px 33px;
	}
	#qanda .box .toggle_box{
		padding: 0 30px 30px 30px
	}
	#qanda .box .qa_btn{
		max-width: 210px;
		margin: 20px auto 0;
	}
	#qanda .box .qa_btn a{
		font-size: 18px;
		padding: 15px;
	}
	#qanda .box .open_btn{
		width: 22px;
		height: 22px;
	}
	#qanda .box .box_in_top:before,
	#qanda .box .box_in_top:after,
	#qanda .box .box_in_btm:before,
	#qanda .box .box_in_btm:after{
		width: 20px;
		height: 20px;
	}
	#qanda .box .box_in_top:before{
		border-left: solid 5px #00aa94;
		border-top: solid 5px #00aa94;
	}
	#qanda .box .box_in_top:after{
		border-right: solid 5px #00aa94;
		border-top: solid 5px #00aa94;
	}
	#qanda .box .box_in_btm:before{
		border-left: solid 5px #00aa94;
		border-bottom: solid 5px #00aa94;
	}
	#qanda .box .box_in_btm:after{
		border-right: solid 5px #00aa94;
		border-bottom: solid 5px #00aa94;
	}
}
@media(max-width: 479px){
	#qanda{
		padding: 10vw 0 0 0;
	}
	.maintit{
		font-size: 8vw;
		margin: 0 0 8vw;
	}
	#qanda .maintit .sub{
		font-size: 5vw;
		margin: 0 0 5vw;
	}
	#qanda .box{
		margin: 0 0 5vw;
	}
	#qanda .box:last-of-type{
		margin: 0 0 10vw;
	}
	#qanda .box .question{
		padding: 5vw;
	}
	#qanda .box .question .q_in{
		padding: 0 5vw 0 13vw;
	}
	#qanda .box .question .q_num{
		height: 5vw;
	}
	#qanda .box .question .q_num img{
		height: 100%;
	}
	#qanda .box .open_btn{
		width: 3vw;
		height: 3vw;
	}
	#qanda .box .toggle_box{
		padding: 0 5vw 5vw 5vw;
	}
	#qanda .box .answer{
		padding: 3vw;
	}
	#qanda .box .qa_btn{
		max-width: 50%;
		margin: 3vw auto 0;
	}
	#qanda .box .qa_btn a{
		padding: 2vw;
	}
	#qanda .box .box_in_top:before,
	#qanda .box .box_in_top:after,
	#qanda .box .box_in_btm:before,
	#qanda .box .box_in_btm:after{
		width: 3vw;
		height: 3vw;
	}
	#qanda .box .box_in_top:before{
		border-left: solid 1.06vw #00aa94;
		border-top: solid 1.06vw #00aa94;
	}
	#qanda .box .box_in_top:after{
		border-right: solid 1.06vw #00aa94;
		border-top: solid 1.06vw #00aa94;
	}
	#qanda .box .box_in_btm:before{
		border-left: solid 1.06vw #00aa94;
		border-bottom: solid 1.06vw #00aa94;
	}
	#qanda .box .box_in_btm:after{
		border-right: solid 1.06vw #00aa94;
		border-bottom: solid 1.06vw #00aa94;
	}
}

/*----------------------------company----------------------------*/
#company{
	background: #55ccbe url(img/qanda_bg.png) no-repeat;
	background-position: top center;
	background-size: contain;
}
#company .table .box_in_top{
	position: relative;
	display: table;
	width: 100%;
}
#company .table .box_in_top:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 4px 0 0 0;
}
#company .table .box_in_top:after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 0 4px 0 0;
}
#company .table .box_in_btm{
	position: relative;
	display: table-cell;
	vertical-align: middle;
	line-height: 1.26;
}
#company .table .box_in_btm:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	border-radius: 0 0 0 4px;
}
#company .table .box_in_btm:after{
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	border-radius: 0 0 4px 0;
}
#company .table{
	background: #fff;
}
#company .table tr{
	border-bottom: solid 2px #eaeaea;
}
#company .table th,
#company .table td{
	text-align: left;
	color: #00aa94;
}
#company .table tr:last-child{
	border: none;
}
#company .table th{
	font-weight: bold;
}	
#company .table td a{
	color: #00aa94;
	text-decoration: underline;
}
#company .table td a:hover{
	text-decoration: none;
}
@media(min-width: 480px){
	#company{
		padding: 58px 0 0 0;
	}
	#company .table{
		max-width: 880px;
		margin: 0 auto 100px;
	}
	#company .table .box_in_btm{
		padding: 40px;
	}
	#company .table th,
	#company .table td{
		padding: 1em;
	}
	#company .table th{
		width: 170px;
	}
	#company .table .box_in_top:before,
	#company .table .box_in_top:after,
	#company .table .box_in_btm:before,
	#company .table .box_in_btm:after{
		width: 20px;
		height: 20px;
	}
	#company .table .box_in_top:before{
		border-left: solid 5px #00aa94;
		border-top: solid 5px #00aa94;
	}
	#company .table .box_in_top:after{
		border-right: solid 5px #00aa94;
		border-top: solid 5px #00aa94;
	}
	#company .table .box_in_btm:before{
		border-left: solid 5px #00aa94;
		border-bottom: solid 5px #00aa94;
	}
	#company .table .box_in_btm:after{
		border-right: solid 5px #00aa94;
		border-bottom: solid 5px #00aa94;
	}
}
@media(max-width: 479px){
	#company{
		padding: 10vw 0 0 0;
	}
	#company .table{
		margin: 0 0 10vw;
	}
	#company .table .box_in_btm{
		padding: 5vw;
	}
	#company .table tr{
		display: block;
		padding: 5vw 0;
	}
	#company .table th,
	#company .table td{
		display: block;
	}
	#company .table th{
		margin: 0 0 3vw;
	}
	#company .table .box_in_top:before,
	#company .table .box_in_top:after,
	#company .table .box_in_btm:before,
	#company .table .box_in_btm:after{
		width: 3vw;
		height: 3vw;
	}
	#company .table .box_in_top:before{
		border-left: solid 1.06vw #00aa94;
		border-top: solid 1.06vw #00aa94;
	}
	#company .table .box_in_top:after{
		border-right: solid 1.06vw #00aa94;
		border-top: solid 1.06vw #00aa94;
	}
	#company .table .box_in_btm:before{
		border-left: solid 1.06vw #00aa94;
		border-bottom: solid 1.06vw #00aa94;
	}
	#company .table .box_in_btm:after{
		border-right: solid 1.06vw #00aa94;
		border-bottom: solid 1.06vw #00aa94;
	}
}
/*-------------------------------sitemap-------------------------------*/
#sitemap{
	background: #55ccbe url(img/qanda_bg.png) no-repeat;
	background-position: top center;
	background-size: contain;
}
#sitemap ul{
	box-sizing: border-box;
	border-radius: 8px;
}
#sitemap ul li{
	text-align: left;
	border-bottom: solid 2px #00aa94;
}
#sitemap ul li:last-child{
	margin: 0;
}
#sitemap ul li a{
	display: block;
	color: #00aa94;
	font-weight: bold;
	text-align: left;
	padding: 1em;
	transition-property: opacity;
	transition-duration: .4s;
	font-size: 110%;
}
#sitemap ul li a:hover{
	opacity: .7;
}
#sitemap .box_in_top{
	position: relative;
	max-width: 888px;
	margin: 0 auto;
	background: #fff;
}
#sitemap .box_in_btm{
	position: relative;
}
#sitemap .box_in_top:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 4px 0 0 0;
}
#sitemap .box_in_top:after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 0 4px 0 0;
}
#sitemap .box_in_btm:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	border-radius: 0 0 0 4px;
}
#sitemap .box_in_btm:after{
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	border-radius: 0 0 4px 0;
}
@media(min-width: 480px){
	#sitemap{
		padding: 58px 0 100px 0;
	}
	#sitemap .box_in_top:before,
	#sitemap .box_in_top:after,
	#sitemap .box_in_btm:before,
	#sitemap .box_in_btm:after{
		width: 20px;
		height: 20px;
	}
	#sitemap .box_in_top:before{
		border-left: solid 5px #00aa94;
		border-top: solid 5px #00aa94;
	}
	#sitemap .box_in_top:after{
		border-right: solid 5px #00aa94;
		border-top: solid 5px #00aa94;
	}
	#sitemap .box_in_btm:before{
		border-left: solid 5px #00aa94;
		border-bottom: solid 5px #00aa94;
	}
	#sitemap .box_in_btm:after{
		border-right: solid 5px #00aa94;
		border-bottom: solid 5px #00aa94;
	}
	#sitemap ul{
		padding: 40px 60px;
	}
}
@media(max-width: 479px){
	#sitemap{
		padding: 10vw 0;
	}
	#sitemap ul{
		padding: 10vw;
	}
	#sitemap .box_in_top:before{
		border-left: solid 1.06vw #00aa94;
		border-top: solid 1.06vw #00aa94;
	}
	#sitemap .box_in_top:after{
		border-right: solid 1.06vw #00aa94;
		border-top: solid 1.06vw #00aa94;
	}
	#sitemap .box_in_btm:before{
		border-left: solid 1.06vw #00aa94;
		border-bottom: solid 1.06vw #00aa94;
	}
	#sitemap .box_in_btm:after{
		border-right: solid 1.06vw #00aa94;
		border-bottom: solid 1.06vw #00aa94;
	}
	#sitemap .box_in_top:before,
	#sitemap .box_in_top:after,
	#sitemap .box_in_btm:before,
	#sitemap .box_in_btm:after{
		width: 3vw;
		height: 3vw;
	}
}
/*-----------------------------form-----------------------------*/
#form{
	background: #55ccbe url(img/qanda_bg.png) no-repeat;
	background-position: top center;
	background-size: contain;
}
#form .newform{
	display: table;
	background: #fff;
	width: 100%;
	border-radius: 8px;
	box-sizing: border-box;
}
#form .newform tbody{
	display: table;
	width: 100%;
}
#form .newform dl{
	display: table;
	width: 100%;
	border-bottom: solid 2px #eaeaea;
}
#form .newform dl:last-child{
	border: none;
	margin: 0;
}
#form .newform dl:last-child dd{
	margin: 0;
}
#form .newform dl dt,
#form .newform dl dd{
	display: table-cell;
	text-align: left;
	line-height: 1.33;
	vertical-align: middle;
}
#form .newform dl dt .hs{
	color: #fff;
	margin: 0 0 0 1em;
	font-size: 80%;
	background: #ec0d0d;
	padding: 0.2em;
	border-radius: 3px;
}
#form .newform dl dt .mini{
	display: block;
	font-size: 80%;
	margin: 0.2em 0 0 0;
}
#form .newform dl dd textarea{
	width: 100%;
	box-sizing: border-box;
	resize: vertical;
}
#form .submitarea{
	position: relative;
	margin: 0 auto;
}
#form input[type="text"],
#form input[type="email"],
#form input[type="tel"],
#form input[type="number"],
#form textarea{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0.5em;
	border-radius: 0;
	outline: none;
	background: none;
	border: solid 1px #b8b8b8;
	line-height: 1.5;
	outline: none;
}
#form .submitarea input[type="submit"]{
	position: relative;
	display: block;
	background: #fff00a;
	color: #000;
	font-weight: bold;
	border-radius: 4px;
	z-index: 100;
	transition-property: transform;
	transition-duration: .4s;
	border: none;
	width: 100%;
	cursor: pointer;
	line-height: 1;
}
#form .submitarea:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(img/btn_bg.png);
	border-radius: 4px;
}
#form input,
#form textarea{
	padding: 0.5em;
	box-sizing: border-box;
}
#form input.full{
	width: 100%;
}
#form input.money{
	margin: 0 0.5em 0 0;
}
#form select{
	height: 36px;
}
#form .txt{
	line-height: 1.5;
}
@media(min-width: 480px){
	#form{
		padding: 58px 0 80px 0;
	}
	#form .newform{
		max-width: 880px;
		margin: 0 auto 30px;
		padding: 20px;
	}
	#form .newform dl dt{
		width: 300px;
		box-sizing: border-box;
	}
	#form .submitarea{
		max-width: 562px;
	}
	#form .submitarea input[type="submit"]{
		font-size: 24px;
		padding: 38px;
		max-width: 562px;
		width: 100%;
	}
	#form .submitarea:after{
		bottom: -8px;
		right: -8px;
	}
	#form .submitarea input[type="submit"]:hover{
		transform: translate(8px,8px);
	}
	#form .txt{
		font-size: 20px;
	}
}
@media(min-width: 1500px){
	#form .txt.thanks{
		    margin-top: 260px;
	}
}
@media(min-width: 1300px) and (max-width: 1500px){
	#form .txt.thanks{
		    margin-top: 180px;
	}
}
@media(min-width: 1000px) and (max-width: 1300px){
	#form .txt.thanks{
		    margin-top: 120px;
	}
}
@media (min-width: 897px){
	#form .newform dl dt,
	#form .newform dl dd{
		padding: 1em;
	}
}
@media(min-width: 480px) and (max-width: 896px){
}
@media(max-width: 896px){
	#form .newform dl dt,
	#form .newform dl dd{
		display: block;
		margin: 0 0 1em;
	}
	#form .newform dl{
		margin: 0 0 1em;
	}
}
@media(max-width: 479px){
	#form{
		padding: 10vw 0 10vw 0;
	}
	#form .newform{
		padding: 5vw;
		margin: 0 0 10vw;
	}
	#form .newform dl dd input{
		width: 100%;
	}
	#form .submitarea{
		width: 74.66%;
	}
	#form .submitarea input[type="submit"]{
		padding: 6vw;
	}
	#form .newform dl dd input[type="number"]{
		width: 70%;
	}
	#form .submitarea:after{
		bottom: -1.33vw;
		right: -1.33vw;
	}
}