body{
	color:#383838 !important;
	font-family: "Noto Serif JP", serif;
}

#system-page div,
#system-page span,
#system-page h1,
#system-page h2,
#system-page h3,
#system-page h4,
#system-page h5,
#system-page h6,
#system-page p,
#system-page dl,
#system-page dt,
#system-page dd,
#system-page ol,
#system-page ul,
#system-page li,
#system-page th,
#system-page td
{
	font-family: "Noto Serif JP", serif !important;
}




/* +++++++++++++++++++++++++　flexbox */

/*
.flex 通常のflex
.flex-ce 中央揃え
.flex-cc　縦横中央揃え
*/

.flex{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.flex-ce{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.flex-cc{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center;
	-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.flex-ace{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; 
	-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.flex-ac{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.flex-c{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}


@media (min-width: 768px){
	.visible-sp{ display:none !important;}
	.visible-pc{ display:block !important;}
}
@media (max-width: 768px) {
	.visible-sp{ display:block !important;}
	.visible-pc{ display:none !important;}
}


/* +++++++++++++++++++++++++　空き設定(margin) */

.mt00{ margin-top:0px !important;}
.mt05{ margin-top:5px !important;}
.mt1{ margin-top:10px !important;}
.mt2{ margin-top:20px !important;}
.mt3{ margin-top:30px !important;}
.mt4{ margin-top:40px !important;}
.mt5{ margin-top:50px !important;}
.mt6{ margin-top:60px !important;}
.mt7{ margin-top:70px !important;}
.mt8{ margin-top:80px !important;}
.mt9{ margin-top:90px !important;}
.mt10{ margin-top:100px !important;}

.mb05{ margin-bottom:5px !important;}
.mb1{ margin-bottom:10px !important;}
.mb2{ margin-bottom:20px !important;}
.mb3{ margin-bottom:30px !important;}
.mb4{ margin-bottom:40px !important;}
.mb5{ margin-bottom:50px !important;}
.mb6{ margin-bottom:60px !important;}
.mb7{ margin-bottom:70px !important;}
.mb8{ margin-bottom:80px !important;}
.mb9{ margin-bottom:90px !important;}
.mb10{ margin-bottom:100px !important;}
.mb15{ margin-bottom:150px !important;}
.mb20{ margin-bottom:200px !important;}

.mr05{ margin-right:5px !important;}
.mr1{ margin-right:10px !important;}
.mr2{ margin-right:20px !important;}
.mr3{ margin-right:30px !important;}
.mr4{ margin-right:40px !important;}
.mr5{ margin-right:50px !important;}
.mr6{ margin-right:60px !important;}
.mr7{ margin-right:70px !important;}
.mr8{ margin-right:80px !important;}
.mr9{ margin-right:90px !important;}
.mr10{ margin-right:100px !important;}

/* +++++++++++++++++++++++++　空き設定(padding) */

.pt05{ padding-top:5px !important;}
.pt1{ padding-top:10px !important;}
.pt2{ padding-top:20px !important;}
.pt3{ padding-top:30px !important;}
.pt4{ padding-top:40px !important;}
.pt5{ padding-top:50px !important;}
.pt6{ padding-top:60px !important;}
.pt7{ padding-top:70px !important;}
.pt8{ padding-top:80px !important;}
.pt9{ padding-top:90px !important;}
.pt10{ padding-top:100px !important;}

.pb05{ padding-bottom:5px !important;}
.pb1{ padding-bottom:10px !important;}
.pb2{ padding-bottom:20px !important;}
.pb3{ padding-bottom:30px !important;}
.pb4{ padding-bottom:40px !important;}
.pb5{ padding-bottom:50px !important;}
.pb6{ padding-bottom:60px !important;}
.pb7{ padding-bottom:70px !important;}
.pb8{ padding-bottom:80px !important;}
.pb9{ padding-bottom:90px !important;}
.pb10{ padding-bottom:100px !important;}

/* ++++++++++++++++ */
@media (max-width: 768px) {
	
	.mt05{ margin-top:0.5vw !important;}
	.mt1{ margin-top:1vw !important;}
	.mt2{ margin-top:2vw !important;}
	.mt3{ margin-top:3vw !important;}
	.mt4{ margin-top:4vw !important;}
	.mt5{ margin-top:5vw !important;}
	.mt6{ margin-top:6vw !important;}
	.mt7{ margin-top:7vw !important;}
	.mt8{ margin-top:8vw !important;}
	.mt9{ margin-top:9vw !important;}
	.mt10{ margin-top:10vw !important;}
	
	.mb05{ margin-bottom:0.5vw !important;}
	.mb1{ margin-bottom:1vw !important;}
	.mb2{ margin-bottom:2vw !important;}
	.mb3{ margin-bottom:3vw !important;}
	.mb4{ margin-bottom:4vw !important;}
	.mb5{ margin-bottom:5vw !important;}
	.mb6{ margin-bottom:6vw !important;}
	.mb7{ margin-bottom:7vw !important;}
	.mb8{ margin-bottom:8vw !important;}
	.mb9{ margin-bottom:9vw !important;}
	.mb10{ margin-bottom:10vw !important;}
	.mb15{ margin-bottom:15vw !important;}
	.mb20{ margin-bottom:20vw !important;}
	
}



@media screen and (min-width:768px){
/*pc・タブレットcss*/

.main{
	margin-bottom:30px;
}
.main img{
	width:100%;
}
#system-page{
	color:#000;
}

.system-ttl01{
	position:relative;
	padding-bottom:20px;
	margin-bottom:50px;
	text-align:center;
}
.system-ttl01:before{
	content:"";
	position: absolute;
	bottom:0;
	left:50%;
	width:50px;
	height:2px;
	margin-left:-25px;
	background:#FF6E00;
}
.system-ttl01 .en{
	display:block;
	font-size:40px;
	line-height:1.5;
	font-weight:700;
	font-family: "Arial";	
}
.system-ttl01 .jp{
	display:block;
	font-size:20px;
	font-weight:700;
}

.system-ttl02{
	position:relative;
	margin-bottom:20px;
	padding-bottom:20px;
	font-size:34px;
	line-height:1.2;
	font-weight:700;
	border-bottom:solid 1px #949494;
}
.system-ttl02 small{
	font-size:24px;
	font-weight:700;
}
.system-ttl02:before{
	content:"";
	position:absolute;
	bottom:-1px;
	left:0;
	width:30%;
	height:1px;
	background-color:#FF6E00;
}

/* ++++++++++++++++ */

.system-ttl03{
	position:relative;
	margin-bottom:50px;
}
.system-ttl03:before{
	content:"";
	position:absolute;
	top: 50%;
	left:0;
	width:100%;
	height:1px;
	background-color:#333;
}
.system-ttl03 span{
	position:relative;
	z-index:2;
	background-color:rgb(243, 244, 245);
	padding-right:1em;
	font-size:36px;
	font-weight:700;
	color:#333;
}



/* ++++++++++++++++ */

#shyoukai{
	margin-bottom:100px;
}
#shyoukai li{
	width:28%;
	margin-right:8%;
}
#shyoukai li p{
	font-size:28px;
	color:#675F2C;
	font-weight:700;
	line-height:1.4;
	text-align:center;
}
#shyoukai li img{
	width:100%;
	margin-bottom:10px;
}
#shyoukai li:nth-child(3n){
	margin-right:0;
}
#shyoukai .ttl{
	position:relative;
	margin-bottom:30px;
	text-align:center;
}
#shyoukai .ttl:before{
	content:"";
	position:absolute;
	top: 50%;
	left:0;
	width:100%;
	height:2px;
	background-color:#454545;
}
#shyoukai .ttl span{
	position:relative;
	z-index:2;
	background-color:rgb(243, 244, 245);
	padding:0 1em;
	font-size:36px;
	font-weight:700;
	color:#454545;
}

/* ++++++++++++++++ */

.price{
	background:url(../images/system/price_bg.jpg) no-repeat center top / 100% auto;
	padding:320px 30px 0;
	margin-bottom:30px;
}
.price .man,
.price .woman{
	background-color:#F3F4F5;
	width:47.5%;
	padding:30px;
	font-size:16px;
	line-height:1.7;
}
.price .man{
	border-top: solid 3px #0177B6;
}
.price .woman{
	border-top: solid 3px #DD336F;
}
.price .man .ttl,
.price .woman .ttl{
	position:relative;
	font-size:26px;
	font-weight:700;
	padding-top:56px;
	margin-bottom:40px;
	text-align:center;
}
.price .man .ttl:before,
.price .woman .ttl:before{
	content:"";
	position:absolute;
	top:0;
	left:50%;
	width:86px;
	height:35px;
	margin-left:-43px;
	background:url(../images/man_icon.png) no-repeat center center / 100% auto;
}
.price .man .ttl{ color:#0077B6;}
.price .woman .ttl{ color:#DD1B77;}
.price .man .ttl:before,
.price .man .ttl:before{ background:url(../images/man_icon.png) no-repeat center center / 100% auto;}
.price .woman .ttl:before{ background:url(../images/woman_icon.png) no-repeat center center / 100% auto;}

.price .txt01{ font-size:30px; font-weight:700; line-height:1.5; text-align:center;}
.price .txt02{ font-size:26px; font-weight:700; line-height:1.5; text-align:center;}
.price .txt03{ font-size:80px; font-weight:700; line-height:1.5; text-align:center;}
.price .txt04{ font-size:26px; font-weight:700; line-height:1.5; text-align:center;}

.price .card-img{
	margin-bottom:30px;
	text-align:center;
}

.price dl{
	margin-bottom:20px;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.price dt{
	width:60%;
	padding:15px 20px;
	border-bottom: solid 1px #D7D8D9;
	font-size:19px;
	font-weight:700;
}
.price dd{
	width:40%;
	padding:15px 20px;
	text-align:right;
	border-bottom: solid 1px #D7D8D9;
	font-size:19px;
	font-weight:700;
}
.price dt:last-of-type,
.price dd:last-of-type{
	border-bottom:none;
}

.price .vip-price{
	background-color:#fff;
	padding:20px;
	border-radius:10px;
}

.price .vip-price .vip-ttl{
	margin-bottom:10px;
	font-size:18px;
	font-weight:700;
	text-align:center;
}
.price .vip-price dl{
	margin-bottom:0;
}
.price .vip-price dt{
	padding:10px 20px;
	font-size:16px;
}
.price .vip-price dd{
	padding:10px 20px;
	font-size:16px;
}

/* ++++++++++++++++ */

#access .access-ttl{
	margin-bottom:30px;
	font-size:34px;
	font-weight:700;
}

/* ++++++++++++++++ */

#member-registration{
}

#member-registration .man .ttl,
#member-registration .woman .ttl{
	position:relative;
	font-size:26px;
	font-weight:700;
	padding-top:56px;
	margin-bottom:40px;
	text-align:center;
}
#member-registration .man .ttl:before,
#member-registration .woman .ttl:before{
	content:"";
	position:absolute;
	top:0;
	left:50%;
	width:86px;
	height:35px;
	margin-left:-43px;
	background:url(../images/man_icon.png) no-repeat center center / 100% auto;
}
#member-registration .man .ttl{ color:#0077B6;}
#member-registration .woman .ttl{ color:#DD1B77;}
#member-registration .man .ttl:before,
#member-registration .man .ttl:before{ background:url(../images/man_icon.png) no-repeat center center / 100% auto;}
#member-registration .woman .ttl:before{ background:url(../images/woman_icon.png) no-repeat center center / 100% auto;}


#member-registration .member-registration-btns{
	margin-bottom:80px;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#member-registration .member-registration-btns li{
	width:47.5%;
}
#member-registration .member-registration-btns .member-btn{
}
#member-registration .member-registration-btns .member-btn a{
	display:block;
	position:relative;
	padding:50px 20px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	border-radius:10px;
	background:#0177B6;
	text-align:center;
	line-height:1;
	font-size:20px;
	color:#fff;
	font-family: "Noto Serif JP", serif;
}
#member-registration .member-registration-btns .member-btn a:before{
	content:"";
	position:absolute;
	top:2px;
	left:2px;
	border: solid 1px rgba(255,255,255,0.4);
	border-radius:10px;
	width:calc(100% - 4px);
	height:calc(100% - 4px);
}
#member-registration .member-registration-btns .member-btn a:after{
	position:absolute;
	top:50%;
	right:20px;
	content:"";
	width: 8px;
	height: 8px;
	margin-top:-3px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all .4s;
	transition: all .4s;
}
#member-registration .member-registration-btns .man .member-btn a{ background:#0177B6; }
#member-registration .member-registration-btns .woman .member-btn a{ background:#DD1C77; }

#member-registration .pr{
	padding:80px 50px;
	background:#fff;
}
#member-registration .pr .pr-ttl{
	margin-bottom:30px;
	font-size:38px;
	font-weight:700;
}
#member-registration .pr .pr-ttl{
	margin-bottom:30px;
	font-size:38px;
	font-weight:700;
}
#member-registration .pr li{
	margin-bottom:20px;
	color:#675F2C;
	font-size:24px;
	font-weight:700;
	line-height:1.6;
	padding-left:25px;
	background: url(../images/icon_heart.png) no-repeat left top 10px / 18px auto;
}



/* ++++++++++++++++ */


.touroku-bnr{
	margin-bottom:50px;
}

.touroku-ttl{
	margin-bottom:20px;
	padding:20px;
	width:450px;
	margin-left:auto;
	margin-right:auto;
	border: solid 3px #FF6E00;
	font-size:24px;
	font-weight:700;
	text-align:center;
	color:#FF6E00;
}
.flow01{
	
}
.flow01 li{
	position:relative;
	margin-bottom:40px;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; 
	-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.flow01 li:before{
	position:absolute;
	bottom:0;
	right:0;
	content:"01";
	font-size:200px;
	line-height:1;
	font-family:"Century",serif;
	color:#E3E6EA;
}
.flow01 li:nth-child(1):before{content:"01";}
.flow01 li:nth-child(2):before{content:"02";}
.flow01 li:nth-child(3):before{content:"03";}
.flow01 li:nth-child(4):before{content:"04";}

.flow01 .ph{
	width:30%;
	margin-right:5%;
}
.flow01 .txt{
	position:relative;
	z-index:2;
	width:65%;
	line-height:1.5;
}
.flow01 .txt .tel{
	font-size:30px;
	line-height:1.5;
	font-weight:700;
	font-family: "Arial";	
	color:#FF6D00;
}


.flow02 li{
	position:relative;
	padding:30px;
	margin-bottom:40px;
	border-radius:10px;
	background-color:#fff;
}
.flow02 li:after {
    content: "";
    position: absolute;
    left: 30px;
    bottom: -20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: #fff transparent transparent transparent;
}
.flow02 li:last-child:after {
	display:none;
}
.flow02 li .no{
	display:inline-block;
	height:40px;
	width:40px;
	line-height:40px;
	margin-right:20px;
	text-align:center;
	border-radius:1000px;
	background-color:#FF6D00;
	font-family:"Century",serif;
	color:#fff;
}
.apo{
	padding:30px;
	margin-bottom:20px;
	background-color:#212121;
	border-radius:10px;
	text-align:center;
	font-size:19px;
	line-height:1.5;
	font-weight:700;
	color:#A18434;
}

/* ++++++++++++++++ */

#features{
	background-color:#EDECEB;
	padding:100px 0;
}
.features-list{
	margin-bottom:60px;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.features-list li{
	margin-bottom:40px;
	width:26%;
	overflow:hidden;
	background-color:#202020;
	border-radius:10px;
	color:#fff;
	font-size:19px;
	text-align:center;
}
.features-list .no{
	font-size:40px;
	line-height:1.5;
	font-weight:700;
	font-family: "Arial";	
}
.features-list .txt{
	padding: 0 20px 20px;
	line-height:1.5;
}

#features .list02 li{
	margin-bottom:20px;
	text-indent:-1.5em;
	padding-left:1.5em;
}

/* ++++++++++++++++ */

.system-data{
	width:100%;
	border-collapse:collapse;
}
.system-data.layout-fixed{
	table-layout: fixed;
}
.system-data th,
.system-data td{
	padding: 20px;
	vertical-align:top;
	font-size:16px;
	line-height:1.5;
}
.system-data th{
	background-color:#F1EFEB;
	border: solid 1px #949494;
}
.system-data td{
	background-color:#fff;
	border: solid 1px #949494;
	vertical-align:top;
}
.system-data .w05{ width:5%;}
.system-data .w10{ width:5%;}
.system-data .w20{ width:20%;}
.system-data .w30{ width:30%;}
.system-data .w40{ width:40%;}
.system-data .w50{ width:50%;}
.system-data .w60{ width:60%;}
.system-data .w70{ width:70%;}
.system-data .w80{ width:80%;}
.system-data .w90{ width:90%;}
.system-data .vrl {
	text-align:center;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}

/* ++++++++++++++++ */

.privacy-list li{
	margin-bottom:30px;
	padding:30px;
	background-color:#fff;
	border-radius:10px;
	box-shadow: 0px 0px 13px -6px rgba(0,0,0,0.3);
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.privacy-list .no{
	display:inline-block;
	width:60px;
	text-align:center;
	border-radius:1000px;
	color:#FF6D00;
	font-size:38px;
	font-family:"Century",serif;
}
.privacy-list .txt{
	line-height:1.5;
	width: calc(100% - 60px);
}

/* ++++++++++++++++ */

.rule-box{
	height:420px;
	padding:30px;
	overflow-y:scroll;
	background-color:#fff;
	border: solid 1px #949494;
}
.rule-box .ttl{
	margin-bottom:10px;
	font-size:22px;
	line-height:1.5;
	font-weight:700;
	font-family: "Arial";	
	color:#FF6D00;
}
.rule-box li{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom: dashed 1px #949494;
}
.rule-box li:last-child{
	margin-bottom:0px;
	padding-bottom:0px;
	border-bottom:none;
}


/* ++++++++++++++++ */

.compa-bnr{
	text-align:center;
}
.compa-bnr img{
	max-width:100%;
}

}
@media screen and (min-width:768px) and ( max-width:1110px) {
}

@media (max-width: 768px) {
		
	.main{
		margin-bottom:3vw;
	}
	.main img{
		width:100%;
	}
	#system-page{
		color:#000;
		font-size:16px;
	}
	
	.system-ttl01{
		position:relative;
		padding-bottom:3vw;
		margin-bottom:5vw;
		text-align:center;
	}
	.system-ttl01:before{
		content:"";
		position: absolute;
		bottom:0;
		left:50%;
		width:50px;
		height:2px;
		margin-left:-25px;
		background:#FF6E00;
	}
	.system-ttl01 .en{
		display:block;
		font-size:30px;
		line-height:1.5;
		font-weight:700;
		font-family: "Arial";	
	}
	.system-ttl01 .jp{
		display:block;
		font-size:16px;
		font-weight:700;
	}
	
	.system-ttl02{
		position:relative;
		margin-bottom:2vw;
		padding-bottom:2vw;
		font-size:20px;
		line-height:1.2;
		font-weight:700;
		border-bottom:solid 1px #949494;
	}
	.system-ttl02 small{
		font-size:14px;
		font-weight:700;
	}
	.system-ttl02:before{
		content:"";
		position:absolute;
		bottom:-1px;
		left:0;
		width:30%;
		height:1px;
		background-color:#FF6E00;
	}
	

	/* ++++++++++++++++ */
	
	.system-ttl03{
		position:relative;
		margin-bottom:5vw;
	}
	.system-ttl03:before{
		content:"";
		position:absolute;
		top: 50%;
		left:0;
		width:100%;
		height:1px;
		background-color:#333;
	}
	.system-ttl03 span{
		position:relative;
		z-index:2;
		background-color:rgb(243, 244, 245);
		padding-right:1em;
		font-size:22px;
		font-weight:700;
		color:#333;
	}
	
	
	/* ++++++++++++++++ */
	
	
	#shyoukai{
		margin-bottom:10vw;
	}
	#shyoukai ol{
		display:block;
	}
	#shyoukai li{
		width:70%;
		margin: 0 auto 5vw;
	}
	#shyoukai li p{
		font-size:20px;
		color:#675F2C;
		font-weight:700;
		text-align:center;
	}
	#shyoukai li img{
		width:100%;
	}
	#shyoukai-img{
		margin-bottom:2vw;
	}
	
	#shyoukai .ttl{
		padding:5vw 0;
		margin-bottom:8vw;
		font-size:22px;
		font-weight:700;
		text-align:center;
		border-top: solid 1px #454545;
		border-bottom: solid 1px #454545;
	}
	
	
	/* ++++++++++++++++ */
	
	#kousairitu{
		margin-bottom:10vw;
		position:relative;
		left:-15px;
		width:calc(100% + 30px);
		margin-bottom:10vw;
	}
	#kousairitu img{
		width:100%;
	}
	
	/* ++++++++++++++++ */
	
	.price{
		background:url(../images/system/price_bg.jpg) no-repeat center top / cover;
		padding:5vw;
		margin-bottom:10vw;
	}
	.price .man,
	.price .woman{
		background-color:#fff;
		width:100%;
		padding:8vw;
		font-size:14px;
	}
	.price .man{
		margin-bottom:5vw;
		border-top: solid 3px #0177B6;
	}
	.price .woman{
		border-top: solid 3px #DD336F;
	}
	.price .man .ttl,
	.price .woman .ttl{
		position:relative;
		font-size:26px;
		font-weight:700;
		padding-top:50px;
		margin-bottom:3vw;
		text-align:center;
	}
	.price .man .ttl:before,
	.price .woman .ttl:before{
		content:"";
		position:absolute;
		top:0;
		left:50%;
		width:86px;
		height:35px;
		margin-left:-43px;
		background:url(../images/man_icon.png) no-repeat center center / 100% auto;
	}
	.price .man .ttl{ color:#0077B6;}
	.price .woman .ttl{ color:#DD1B77;}
	.price .man .ttl:before,
	.price .man .ttl:before{ background:url(../images/man_icon.png) no-repeat center center / 100% auto;}
	.price .woman .ttl:before{ background:url(../images/woman_icon.png) no-repeat center center / 100% auto;}
	
	.price .txt01{ font-size:26px; font-weight:700; line-height:1.5; text-align:center;}
	.price .txt02{ font-size:20px; font-weight:700; line-height:1.5; text-align:center;}
	.price .txt03{ font-size:60px; font-weight:700; line-height:1.5; text-align:center;}
	.price .txt04{ font-size:20px; font-weight:700; line-height:1.5; text-align:center;}
	
	.price .card-img img{
		width: 100%;
		margin-bottom:5vw;
	}
	
	.price dl{
		margin-bottom:5vw;
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	.price dt{
		width:60%;
		padding:3vw 2vw;
		border-bottom: solid 1px #D7D8D9;
		font-weight:700;
		font-size:16px;
	}
	.price dd{
		width:40%;
		padding:3vw 2vw;
		text-align:right;
		border-bottom: solid 1px #D7D8D9;
		font-weight:700;
		font-size:16px;
	}
	.price dt:last-of-type,
	.price dd:last-of-type{
		border-bottom:none;
	}
	.price .vip-price{
		background-color:#fff;
		padding:3vw 2vw;
		border-radius:10px;
	}
	.price .vip-price .vip-ttl{
		margin-bottom:3vw;
		font-size:16px;
		font-weight:700;
		text-align:center;
	}
	.price .vip-price dl{
		margin-bottom:0;
	}
	.price .vip-price dt{
		padding:3vw 2vw;
		font-size:16px;
	}
	.price .vip-price dd{
		padding:3vw 2vw;
		font-size:16px;
	}
	
		
	/* ++++++++++++++++ */
	
	#access .access-ttl{
		margin-bottom:5vw;
		font-size:26px;
		font-weight:700;
	}
		
	/* ++++++++++++++++ */
	
	#member-registration{
	}
	
	#member-registration .man .ttl,
	#member-registration .woman .ttl{
		position:relative;
		font-size:22px;
		font-weight:700;
		padding-top:56px;
		margin-bottom:4vw;
		text-align:center;
	}
	#member-registration .man .ttl:before,
	#member-registration .woman .ttl:before{
		content:"";
		position:absolute;
		top:0;
		left:50%;
		width:86px;
		height:35px;
		margin-left:-43px;
		background:url(../images/man_icon.png) no-repeat center center / 100% auto;
	}
	#member-registration .man .ttl{ color:#0077B6;}
	#member-registration .woman .ttl{ color:#DD1B77;}
	#member-registration .man .ttl:before,
	#member-registration .man .ttl:before{ background:url(../images/man_icon.png) no-repeat center center / 100% auto;}
	#member-registration .woman .ttl:before{ background:url(../images/woman_icon.png) no-repeat center center / 100% auto;}
	
	
	#member-registration .member-registration-btns{
		margin-bottom:8vw;
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	#member-registration .member-registration-btns li{
		width:100%;
		margin-bottom:10vw;
	}
	#member-registration .member-registration-btns .member-btn{
	}
	#member-registration .member-registration-btns .member-btn a{
		display:block;
		position:relative;
		padding:8vw 3vw;
		width:100%;
		margin-left:auto;
		margin-right:auto;
		border-radius:10px;
		background:#0177B6;
		text-align:center;
		line-height:1;
		font-size:18px;
		color:#fff;
		font-family: "Noto Serif JP", serif;
	}
	#member-registration .member-registration-btns .member-btn a:before{
		content:"";
		position:absolute;
		top:2px;
		left:2px;
		border: solid 1px rgba(255,255,255,0.4);
		border-radius:10px;
		width:calc(100% - 4px);
		height:calc(100% - 4px);
	}
	#member-registration .member-registration-btns .member-btn a:after{
		position:absolute;
		top:50%;
		right:20px;
		content:"";
		width: 8px;
		height: 8px;
		margin-top:-3px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: all .4s;
		transition: all .4s;
	}
	#member-registration .member-registration-btns .man .member-btn a{ background:#0177B6; }
	#member-registration .member-registration-btns .woman .member-btn a{ background:#DD1C77; }
	
	#member-registration .pr{
		padding:8vw 5vw;
		background:#fff;
	}
	#member-registration .pr .pr-ttl{
		margin-bottom:5vw;
		font-size:24px;
		font-weight:700;
	}
	#member-registration .pr li{
		margin-bottom:3vw;
		color:#675F2C;
		font-size:18px;
		font-weight:700;
		line-height:1.4;
		padding-left:25px;
		background: url(../images/icon_heart.png) no-repeat left top 10px / 18px auto;
	}
	
	

	
	/* ++++++++++++++++ */
	
	.touroku-bnr{
		margin-bottom:10vw;
		position:relative;
		left:-15px;
		width:calc(100% + 30px);
		margin-bottom:10vw;
	}
	.touroku-bnr img{
		width:100%;
	}
	.flow01{
		margin-bottom:10vw;
		
	}
	.flow01 li{
		position:relative;
		margin-bottom:5vw;
	}
	.flow01 li:before{
		position:absolute;
		bottom:0;
		right:0;
		content:"01";
		font-size:100px;
		line-height:1;
		font-family:"Century",serif;
		color:#E3E6EA;
	}
	.flow01 li:nth-child(1):before{content:"01";}
	.flow01 li:nth-child(2):before{content:"02";}
	.flow01 li:nth-child(3):before{content:"03";}
	.flow01 li:nth-child(4):before{content:"04";}
	
	.flow01 .ph{
		margin-bottom:3vw;
	}
	.flow01 .txt{
		position:relative;
		z-index:2;
		line-height:1.5;
		min-height:80px;

	}
	.flow01 .txt .tel{
		font-size:30px;
		line-height:1.5;
		font-weight:700;
		font-family: "Arial";	
		color:#FF6D00;
	}
	
	
	.flow02 li{
		position:relative;
		padding:4vw 4vw 4vw 14vw;
		margin-bottom:5vw;
		border-radius:10px;
		background-color:#fff;
	}
	.flow02 li:after {
		content: "";
		position: absolute;
		left: 20px;
		bottom: -10px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px 10px 0 10px;
		border-color: #fff transparent transparent transparent;
	}
	.flow02 li:last-child:after {
		display:none;
	}
	.flow02 li .no{
		position:absolute;
		top:0.5em;
		left:3vw;
		display:block;
		height:30px;
		width:30px;
		line-height:30px;
		margin-right:2vw;
		text-align:center;
		border-radius:1000px;
		background-color:#FF6D00;
		font-family:"Century",serif;
		color:#fff;
	}
	.apo{
		padding:4vw;
		margin-bottom:2vw;
		background-color:#212121;
		border-radius:10px;
		text-align:center;
		line-height:1.5;
		font-weight:700;
		color:#A18434;
	}
	
	/* ++++++++++++++++ */
	
	#features{
		background-color:#EDECEB;
		padding:10vw 0;
	}
	.features-list{
		margin-bottom:6vw;
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	.features-list li{
		margin-bottom:5vw;
		width:48%;
		overflow:hidden;
		background-color:#202020;
		border-radius:10px;
		color:#fff;
		font-size:14px;
		text-align:center;
	}
	.features-list img{
		width:100%;
	}
	.features-list .no{
		font-size:30px;
		line-height:1.5;
		font-weight:700;
		font-family: "Arial";	
	}
	.features-list .txt{
		padding: 0 2vw 2vw;
		line-height:1.5;
	}
	
	#features .list02 li{
		margin-bottom:2vw;
		text-indent:-1.5em;
		padding-left:1.5em;
	}
	
	/* ++++++++++++++++ */
	
	.system-data{
		width:100%;
		border-collapse:collapse;
		border-bottom: solid 1px #949494;
	}
	.system-data th,
	.system-data td{
		display:block;
		width:100%;
		padding: 2vw;
		vertical-align:top;
		font-size:16px;
		line-height:1.5;
	}
	.system-data th{
		background-color:#F1EFEB;
		border: solid 1px #949494;
		border-bottom:none;
	}
	.system-data td{
		background-color:#fff;
		border: solid 1px #949494;
		border-bottom:none;
		vertical-align:top;
	}
	.system-data .w20{ width:100%;}
	
	/* ++++++++++++++++ */
	
	.privacy-list li{
		position:relative;
		margin-bottom:3vw;
		padding:4vw 4vw 4vw 14vw;
		background-color:#fff;
		border-radius:10px;
		box-shadow: 0px 0px 13px -6px rgba(0,0,0,0.3);
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	.privacy-list .no{
		position:absolute;
		left:3vw;
		top:0.5em;
		display:block;
		text-align:center;
		border-radius:1000px;
		color:#FF6D00;
		font-size:26px;
		font-family:"Century",serif;
	}
	.privacy-list .txt{
		line-height:1.5;
	}
	
	/* ++++++++++++++++ */
	
	.rule-box{
		height:300px;
		padding:4vw;
		overflow-y:scroll;
		background-color:#fff;
		border: solid 1px #949494;
	}
	.rule-box .ttl{
		margin-bottom:2vw;
		font-size:18px;
		line-height:1.5;
		font-weight:700;
		font-family: "Arial";	
		color:#FF6D00;
	}
	.rule-box li{
		margin-bottom:3vw;
		padding-bottom:3vw;
		border-bottom: dashed 1px #949494;
	}
	.rule-box li:last-child{
		margin-bottom:0px;
		padding-bottom:0px;
		border-bottom:none;
	}
	
	
	/* ++++++++++++++++ */
	
	.compa-bnr{
		text-align:center;
	}
	.compa-bnr img{
		max-width:100%;
	}
	

}