@charset "utf-8";
/* CSS Document */
html{ font-size: 62.5%;}
body{ font-family: 'YuGothic','Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif; font-size:1.8rem; line-height: 1.8; color: #222;background-image:url("../images/bg.jpg");}
.wrap{max-width: 980px;margin:0 auto;}
img{ max-width: 100%; height: auto; border:none; vertical-align: bottom;}
p{padding:0 0 6% 0;}
.space{padding:4%}
.space-mini{padding:2%}
a img {display: inline-block; vertical-align: top; opacity: 1; transition: all 0.3s ease;}
a:hover img {opacity: .7; transition: all 0.3s ease;}
.sp-side{padding:0 2%;}
.text-mini{font-size:0.9rem;}
.fw{color:#fff;}
.right{float: right;width: 50%; max-width:320px; vertical-align: top;}
.left{float: left;width: 50%; max-width:320px;}
.center{text-align:center;}
.action {text-align:center;padding-top:2%;}
.action img{width: 49%;}
.under{text-decoration:underline;}
.red {color: #d63246;}
.bl {color: #2b5cc2;}
.ft14{font-size:1.4rem;}
.ft16{font-size:1.6rem;}
.ft20{font-size:2rem;}
.ft22{font-size:2.2rem;}
.ft24{font-size:2.4rem;}
.ft30{font-size:3rem;}
.ft36{font-size:3.6rem;}
.mt0 {margin-top: 0 !important;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}
.mt70 {margin-top: 70px;}
.mb0 {margin-bottom: 0 !important;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.mb60 {margin-bottom: 60px;}
.mb70 {margin-bottom: 70px;}
.m30 {margin: 30px auto;}
.m40 {margin: 40px auto;}
.m50 {margin: 50px auto;}
.m60 {margin: 60px auto;}
.m70 {margin: 70px auto;}
.m0{margin: 0 !important;}
.pb0 { padding-bottom: 0 !important;}
.pb10 { padding-bottom: 10px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb30 { padding-bottom: 30px !important;}

.mb-30 { margin-bottom: -30px; }

.w50 { width: 50%;}
.w60 { width: 60%;}
.w70 { width: 70%; margin: 20px auto auto; display: block;}
.w80 { width: 80%;}

.arrow {
	display: block;
	clear: both;
	margin-left: 230px;
}

.arrowsp {
	display: block;
	clear: both;
	margin: auto;
	width: 20%;
}

.forpc {display: block;}
.forsp {display: none;}
/* micro clearfx */
.cf:before, .cf:after{ content: ""; display: table; }
.cf:after{ clear: both; }
.cf{ zoom: 1; } /* For IE 6/7 */
header {background:url("../images/main-back.jpg") no-repeat center 10px;}
.headerTxt{background: url("../images/head_bk.png") no-repeat center bottom; height: 181px;width: 100%; margin: 0 auto -1.3rem auto; padding: 0; text-align: center;background-size:cover;}
.main{width:100%; height:auto; margin: 0 auto;background-image: url(../images/main_bg.jpg);background-repeat: no-repeat;background-position: center top;background-size: cover;}
.top-btn{text-align:right; margin: 30px auto 0;}
.s-btn{width: auto;max-width: 250px;}
.sec01,.sec02,.sec03,.sec04,.sec05,.sec06,.sec07,.sec08,.sec09{margin:0 auto;padding-top:6%;}
h2 {margin: 0 auto 40px;}
.midashi,.midashi_h,.midashi_m{background-image:url(../images/midashi_bk.png);background-size:cover;background-repeat: repeat-x;display: flex;justify-content: center;}
.midashi{height:320px;}
.midashi_h{height: 380px;}
.midashi_h img{height: 360px;}
.text{padding:2% 2%;background:url(../images/body_bg.jpg);border-left:solid 2px #816f47;border-right:solid 2px #816f47;}
.text-inner{display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: nowrap;}
.pro, .pay, .prof{margin: 50px auto; padding: 50px 0; background-image:url("../images/back.jpg");}
.step{ margin: 0 auto; padding: 5% 0; display: block;}
.step-left{max-width: 500px; width: 100%; margin: 0 auto;}
.step-center {max-width: 500px; width: 100%; margin: 0 auto; display:block; text-align: center;}
.schedule h2 img{ display: block; margin: 0 auto;}
.sc{ border-radius:6px; background-color:#5ebab3; margin:5% auto; padding:2% 0; position:relative; }
.sc-inner{ border-radius:6px; background-color:#fff; margin:5% 2%; display: flex; padding: 4% 6% 4% 2%; justify-content: flex-start; align-items: flex-start; }
.month{border: dotted thin #5ebab3;padding:0 2% 2%;}
.month img{margin:-5% auto 0 auto; width: 90%; max-width: 500px;display: block;}
.sc-img{width: auto; margin: 0 auto 0 30px;}
.ar{max-width: 130px;position:absolute;right:0; top: 460px;}
.point{ border-radius:6px; border: solid thin #5ebab3; background-color:#5ebab3; margin:5% auto; }
.point h3 {text-align: center;}
.point-inner{ border-radius:0px 0px 6px 6px; background-color:#fff; padding:3% 2% 3% 2%; margin-top:2%; }
.pay .wrap {text-align: center; }
.pay .wrap p {max-width: 750px; text-align: left; margin: 0 auto; padding: 0;}
.pay .wrap img {width: auto; margin: 0 auto 30px; }
.shadow{box-shadow:0px 0px 6px 3px #c9c9c9;}
.buy{background-image:url("../images/bg_y.jpg");border-left: solid 1.5rem #b3a564;border-bottom:solid 0.1rem #b3a564;padding-left:1rem;color:#b3a564;font-weight: bold;margin-bottom:2rem;}
.tokuyaku{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0f0f0+0,e2e2e2+99,7db9e8+100 */
background: #f0f0f0; /* Old browsers */
background: -moz-linear-gradient(top,  #f0f0f0 0%, #e2e2e2 99%, #7db9e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f0f0f0 0%,#e2e2e2 99%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f0f0f0 0%,#e2e2e2 99%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
border:solid 0.3rem #6e674b;
padding:1rem;
font-weight: bold;}

.special{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fff2cb+0,fffffe+100 */
background: rgb(255,242,203); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,242,203,1) 0%, rgba(255,255,254,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,242,203,1) 0%,rgba(255,255,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,242,203,1) 0%,rgba(255,255,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff2cb', endColorstr='#fffffe',GradientType=0 ); /* IE6-9 */
padding-bottom:2%;
}
.special-inner{background:#fff;border: thin dotted #a9926f;border-radius: 1%;}
.special-title{margin:-10% auto 0 auto;}

table{ border-collapse: collapse;border-spacing: 0;}
table p {font-size: 16px;font-weight: bold;text-align: center;margin: 60px auto 40px; }
tr{background: #fff;}
tr:nth-child(even){background:#fff;}
th {background: #b3a564;border: solid 2px #ecdc91;color: #fff;padding: 5px;text-align:left;font-size:16px;}
td {border: solid 1px #ccc;padding: 10px;text-align:left;}

table ul {
	margin: 0;
	padding: 0;
}

table li {
	list-style: none;
	margin: 0 0 0 1em;
	text-indent: -1em;
}



footer{ background-color:#458f8a; text-align:center; color:#fff; padding:3% 0; font-size: 1.4rem;}
footer .wrapper {margin-bottom: 0;}
footer a, footer a:active, footer a:visited { color: #fff; text-decoration: underline;}
footer a:hover { color: #b78ad1; }

@media (max-width:640px) {
	p .ft14{line-height: 1.4; display: block;}
	.mt0 {margin-top: 0 !important;}
	.mt10 {margin-top: 3%;}
	.mt20 {margin-top: 4%;}
	.mt30 {margin-top: 5%;}
	.mt40 {margin-top: 8%;}
	.mt50 {margin-top: 10%;}
	.mt60 {margin-top: 13%;}
	.mt70 {margin-top: 15%;}
	.mb0 {margin-bottom: 0 !important;}
	.mb10 {margin-bottom: 3%;}
	.mb20 {margin-bottom: 4%;}
	.mb30 {margin-bottom: 5%;}
	.mb40 {margin-bottom: 8%;}
	.mb50 {margin-bottom: 10%;}
	.mb60 {margin-bottom: 13%;}
	.mb70 {margin-bottom: 15%;}
	.m30 {margin: 5% auto;}
	.m40 {margin: 8% auto;}
	.m50 {margin: 10% auto;}
	.m60 {margin: 13% auto;}
	.m70 {margin: 15% auto;}
	.m0{margin: 0;}
.headerTxt{background: url("../images/head_bk_sp.png") no-repeat center top; background-size:cover;margin-bottom:-3rem;height:8rem;}
.main{width:100%; height:auto; margin: 2rem auto 0;}
	.forpc {display: none !important;}
	.forsp {display: block;}
	.top-btn{margin: 8% auto 0; text-align:center;}

	h2 {margin: 0 auto 6%;}
	.pro, .pay{margin: 10% auto 0; padding: 10% 0; font-size: 1.6rem;}
	.step{width: 100%; padding:5% 0;}
	.step-left{max-width: inherit; width: 100%; margin: 0 auto;}
	.step-center {max-width: 500px; width: 100%; margin: 0 auto; display:block; text-align: center;}
	.prof{margin: 50px auto; padding: 10px 0;}
	
	.tbl-r03 {width: 100%;}
	.tbl-r03 tr {display: block;float: left;}
	.tbl-r03 tr td, .tbl-r03 tr th {border-left: none;display: block;height: 50px;font-size:12px;}
	.tbl-r03 th{height: 60px!important;}
	.tbl-r03 thead {display: block;float: left;width: 40%;}
	.tbl-r03 thead tr {width: 100%;}
	.tbl-r03 tbody {display: block;float: left;width: 60%;}
	.tbl-r03 tbody tr {width: 50%;}
	.tbl-r03 tr td + td {border-left: none;}
	.tbl-r03 tbody td:last-child {border-bottom: solid 1px #ccc;}	
	.schedule.wrap{padding: 0;}
	.sc{ margin:0 auto; padding:5% 3%;border-radius: 0; }
	.sc-inner{ margin:5% auto ; padding: 3% 16% 3% 3%; display: inherit;}
	.month p{font-size: 1.6rem; line-height: 1.5;}
.midashi,.midashi_h,.midashi_m{background-image:url(../images/midashi_bk.png);background-size:cover;background-repeat: repeat-x;display: flex;justify-content: center;align-items: center;text-align:center;}
.midashi{height: 300px;}
.midashi_h{height:360px;}
	.midashi_h img{height: auto;}
	.month img{margin:-6% auto 0;}
	.sc-img{ padding:0;}
	.ar, .ar2, .ar3 {width: 15%; position: absolute; right: 1.5%;}
	.ar{top:6%; }
	.ar2{top: 33%;}
	.ar3{top: 60%;}
	.month p .ft14{display: inline-block;}
	.point{ margin:6% auto; }
	.point-inner{ margin-top:3%; padding:3%; }
	.pay .wrap p {max-width: 750px; margin: 0 auto; padding: 0;}
	.pay .wrap img {margin: 0 auto 6%; }
	footer{ padding:8% 4%; font-size: 1.2rem; line-height: 1.4;}
.text{padding:2% 2%;background:url(../images/body_bg.jpg);border-left:solid 2px #816f47;border-right:solid 2px #816f47;width: 90%;margin:0 auto;}
.text-inner{display: flex;align-items: flex-start;justify-content: center;flex-wrap: wrap;}
}