@charset "utf-8";


/*----------------------------------------------
	Overall settings
-----------------------------------------------*/

body{ min-width: 1200px; font-family: "Noto Sans JP", sans-serif; color: #37383C; text-align: center; background: #F7F5F2;}
/*body.ovh{ position: fixed; left: 0; top: 0; width: 100%; height: 100vh;}*/
a{ color: #37383C; text-decoration:none; -webkit-transition: all .2s; transition: all .2s;}
a:hover{ opacity: .5; text-decoration:none;}
a.link-no{ pointer-events: none;}
.underline{ text-decoration: underline;}
/* font */
.noto-sans{ font-family: "Noto Sans JP", sans-serif;}
.zenmaru{ font-family: "Zen Maru Gothic", serif;}
.zenkaku{ font-family: "Zen Kaku Gothic New", sans-serif;}
.helvetica{ font-family: "Helvetica Neue" , Helvetica , sans-serif;}
.roboto{ font-family: "Roboto", sans-serif;}
/* bg */
.bg-white{ background: #fff;}
/* color */
.white{ color: #fff;}
.red{ color: #c00;}
/* anc */
.ancwrap{ position: relative;}
.anc{
	display: block;
	height: 0;
	position: absolute;
	top: -100px;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 540px) {
	body{ min-width: inherit;}
	a:hover{ opacity: 1;}
}
@media screen and (max-width: 350px) {
	html{ font-size: 50%;}
}



/*----------------------------------------------
	header
-----------------------------------------------*/

header{
	min-width: 1200px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(255,255,255,.96);
	padding-bottom: 2px;
	border-bottom: 2px solid #71706A;
	z-index: 999;
}
header .header-inner{
	height: 97px;
	padding: 0 2.3%;
	border-bottom: 1px solid #71706A;
	display: flex;
	justify-content: space-between;
}
header .logo{
	padding-top: 37px;
	line-height: 1;
}
header nav{ position: relative;}
header nav a{ color: #7B684B;}
header nav ul{
	font-weight: 700;
	padding-top: 35px;
	display: flex;
	justify-content: flex-end;
}
header nav ul li a{
	display: block;
	padding: 15px;
}
header nav ul li:last-child a{ padding-right: 0;}
header nav div{
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	justify-content: flex-end;
}
header nav div a{
	display: block;
	border-radius: 0 0 10px 10px;
	padding: 5px 12px 5px 40px;
	margin-left: 8px;
	min-width: 143px;
}
header nav div a.app{ background: url("../img/ic-app.svg") left 15px center no-repeat #EDD6CA;}
header nav div a.login{ background: url("../img/ic-login.svg") left 30px center no-repeat #FCF4D3;}
header nav div a.logout{ background: url("../img/ic-logout.svg") left 25px center no-repeat #EAE7E7;}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 1300px) {
	header nav ul li a{
		padding: 15px 10px;
	}
}
@media screen and (max-width: 540px) {
	header{
		min-width: inherit;
		z-index: 1;
		top: 0;
		right: 0;
		width: 100%;
		text-align: left;
		float: none;
	}
	header .header-inner{
		height: 67px;
	}
	header .logo{
		padding: 22px 0 0;
		max-width: 220px;
		position: relative;
		z-index: 99;
	}
	header .spmenu{
		color: #fff;
		display: block;
		float: right;
		width: 50px;
		height: 50px;
		cursor: pointer;
		z-index: 101;
		background: #AE8D56;
		position: relative;
		margin: 7px .7% 0 0;
		border-radius: 50%;
	}
	header .spmenu span,
	header .spmenu span:before,
	header .spmenu span:after{
		position: absolute;
		display: block;
		background: #fff;
		width: 18px;
		height: 1px;
		border-radius: 1px;
		transition: all .5s;
	}
	header .spmenu span{ top: 18px; left: 16px;}
	header .spmenu span:before,header .spmenu span:after{ content: ""; left: 0;}
	header .spmenu span:before{ top: 6px;}
	header .spmenu span:after{ top: 12px;}
	header.open .spmenu span{
		top: 5px;
		-webkit-transform: translateY(20px) rotate(-45deg);
		transform: translateY(20px) rotate(-45deg);
	}
	header.open .spmenu span:before{
		opacity: 0;
	}
	header.open .spmenu span:after{
		-webkit-transform: translateY(-20px) rotate(90deg);
		transform: translateY(-20px) rotate(90deg);
		top: 20px;
	}
	/* nav */
	header nav{
		overflow: auto;
		display: block;
		position: absolute;
		z-index: 1;
		top: 70px;
		width: 100%;
		left: 0;
		-webkit-transform: scale(1, 0);
		transform: scale(1, 0);
		-webkit-transform-origin: center top;
		transform-origin: center top;
		opacity: 0;
		transition-property: opacity, transform, -webkit-transform;
		transition-duration: .5s, 0s, 0s;
		transition-delay: 0s, .5s, .5s;
		box-shadow: 0 0 0 100vh #fff;
		background: #fff;
		height: calc(100vh - 80px);
	}
	header.open nav{
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		transition-delay: 0s, 0s, 0s;
	}
	header nav ul{ padding-top: 0; display: block;}
	header nav ul li a{ border-top: 1px solid #71706A; padding: 10px;}
	header nav div{
		position: static;
		display: block;
	}
	header nav div a{
		border-radius: 0;
		padding: 10px 10px 10px 40px;
		margin-left: 0;
		min-width: inherit;
		background-position: left 15px center!important;
	}
}



/* mypage-header */
.mypage-header{
	color: #fff;
	line-height: 1.4;
	position: fixed;
	z-index: 999;
	top: 100px;
	left: 0;
	min-width: 1100px;
	width: 100%;
	height: 52px;
	background: #AE8D56;
	padding: 5px 2.3%;
	border-radius: 0 0 15px 15px;
	display: flex;
	align-items: center;
}
.mypage-header a{ color: #fff;}
.mypage-header .mypage-ttl{
	font-size: 23px;
	font-weight: 700;
	padding: 0 30px;
}
.mypage-header .mypage-menu{ display: none;}
.mypage-header .mypage-inner{
	display: flex;
	justify-content: space-between;
	flex: 1;
}
.mypage-header .mypage-inner ul{
	font-weight: 700;
	display: flex;
}
.mypage-header .mypage-inner ul li a{
	padding: 3px 40px 3px 10px;
	display: block;
	background: url("../img/arrow-white-brown.svg") right 10px center no-repeat;
	border-left: 1px solid #CEB385;
}
.mypage-header .mypage-inner ul li:first-child a{
	padding-left: 0;
	border-left: none;
}
.mypage-header .mypage-inner div{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.mypage-header .mypage-inner div a{
	display: block;
	margin-left: 15px;
}
.mypage-header .mypage-inner div a.mypage-entry{
	color: #7B684B;
	font-weight: 700;
	padding: 5px 32px 5px 12px;
	border-radius: 99px;
	background: url("../img/arrow-darkbrown.svg") right 7px center no-repeat #fff;
}
.mypage-header .mypage-inner div a.mypage-contact{
	padding-left: 27px;
	background: url("../img/ic-mail.svg") left top 7px no-repeat;
}

@media screen and (max-width: 540px) {
	/* mypage-header */
	.mypage-header{
		top: 70px;
		min-width: inherit;
		height: auto;
		padding: 5px 3.466%;
		display: block;
	}
	.mypage-header .mypage-header-wrap{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.mypage-header .mypage-ttl{
		font-size: 19px;
		padding: 0 3.734%;
	}
	.mypage-header .mypage-menu{
		font-size: 19px;
		cursor: pointer;
		display: flex;
		justify-content: flex-end;
		position: relative;
		padding-right: 30px;
	}
	.mypage-header .mypage-menu span,
	.mypage-header .mypage-menu span:before,
	.mypage-header .mypage-menu span:after{
		position: absolute;
		display: block;
		background: #fff;
		width: 18px;
		height: 1px;
		border-radius: 1px;
		transition: all .5s;
	}
	.mypage-header .mypage-menu span{ top: 8px; right: 0;}
	.mypage-header .mypage-menu span:before,.mypage-header .mypage-menu span:after{ content: ""; left: 0;}
	.mypage-header .mypage-menu span:before{ top: 6px;}
	.mypage-header .mypage-menu span:after{ top: 12px;}
	.mypage-header .mypage-menu em{
		transition: all .5s;
		font-weight: 900;
	}
	.mypage-header.open .mypage-menu em{ opacity: 0;}
	.mypage-header.open .mypage-menu span{
		top: -6px;
		-webkit-transform: translateY(20px) rotate(-45deg);
		transform: translateY(20px) rotate(-45deg);
	}
	.mypage-header.open .mypage-menu span:before{
		opacity: 0;
	}
	.mypage-header.open .mypage-menu span:after{
		-webkit-transform: translateY(-20px) rotate(90deg);
		transform: translateY(-20px) rotate(90deg);
		top: 20px;
	}
	.mypage-header .mypage-inner{
		display: none;
		padding-top: 3vw;
	}
	.mypage-header .mypage-inner ul{
		text-align: left;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 2vw;
	}
	.mypage-header .mypage-inner ul li{
		width: 48%;
		margin-bottom: 1vw;
	}
	.mypage-header .mypage-inner ul li a{
		padding: 1vw 20px 1vw 0;
		background: url("../img/arrow-white-brown.svg") right center no-repeat;
		border-left: none;
		border-bottom: 1px solid #CEB385;
	}
	.mypage-header .mypage-inner div{
		display: block;
	}
	.mypage-header .mypage-inner div a{
		width: fit-content;
		margin: 0 auto 2vw;
	}
	.mypage-header .mypage-inner div a.mypage-entry{
		padding: 2vw 12vw 2vw 8vw;
		background: url("../img/arrow-darkbrown.svg") right 3vw center / 4.2vw auto no-repeat #fff;
	}
	.mypage-header .mypage-inner div a.mypage-contact{
		padding-left: 6vw;
		background: url("../img/ic-mail.svg") left top 4.533vw auto no-repeat;
	}
}


/*----------------------------------------------
	section
-----------------------------------------------*/

section{}
section.contents{
	padding-top: 100px;
	padding-bottom: 1px;
}
section.contents.mypage-contents{ padding-top: 100px;}
.wrap{ clear: both; box-sizing: content-box; max-width: 1000px; margin-left: auto; margin-right: auto; padding-left: 3%; padding-right: 3%;}
.wrap900{ clear: both; box-sizing: content-box; max-width: 900px; margin-left: auto; margin-right: auto; padding-left: 3%; padding-right: 3%;}
/* wpeditor */
.wpeditor{ text-align: left; clear: both;}
.wpeditor *:first-child{ margin-top: 0!important;}
.wpeditor h1,.wpeditor h2,.wpeditor h3,.wpeditor h4,.wpeditor h5,.wpeditor h6,.wpeditor a{ color: #0F3286; line-height: 1.4; margin-top: 2em;}
.wpeditor a{ text-decoration: underline;}
.wpeditor h1{ font-size: 32px;}
.wpeditor h2{ font-size: 30px;}
.wpeditor h3{ font-size: 28px;}
.wpeditor h4{ font-size: 24px;}
.wpeditor h5{ font-size: 20px;}
.wpeditor h6{ font-size: 18px;}
.wpeditor p, .wpeditor ul, .wpeditor ol, .wpeditor table{ margin-top: 2em;}
.wpeditor figure{ text-align: center;}
.wpeditor img{ display: block; margin: 2em auto 0;}
.wpeditor p.date{ text-align: right;}
@media screen and (max-width: 540px){
	.wpeditor{ padding-top: 15px;}
	.wpeditor h1{ font-size: 20px;}
	.wpeditor h2{ font-size: 18px;}
	.wpeditor h3{ font-size: 16px;}
	.wpeditor h4{ font-size: 15px;}
	.wpeditor h5{ font-size: 14px;}
	.wpeditor h6{ font-size: 13px;}
}
/* ttl */
.ttl1{
	margin-bottom: 1em;
	color: #909090;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: .03em;
	text-align: center;
}
.ttl1 img{
	margin-bottom: .5em;
}
.ttl1 span{
	color: #AE8D56;
	font-size: 53px;
	font-weight: 300;
	line-height: 1;
}
.ttl2{
	color: #7B684B;
	font-size: 25px;
	line-height: 1.4;
	font-weight: 700;
	font-family: "Zen Maru Gothic", serif;
	padding-bottom: 20px;
	border-bottom: 1px solid #B1B1B1;
}
.ttl2 span{
	color: #E87191;
	font-size: 14px;
	font-weight: 700;
	border: 2px solid #E87191;
	padding: 3px 15px;
	display: inline-block;
	margin-left: 1em;
	vertical-align: middle;
}
.lower-ttl{
	color: #7B684B;
	font-size: 39px;
	letter-spacing: .22em;
	font-weight: 400;
	line-height: 1.436;
	font-family: "Zen Maru Gothic", serif;
	padding: 45px 5%;
}
.thanks-ttl{
	color: #7B684B;
	font-size: 41px;
	letter-spacing: .22em;
	font-weight: 700;
	line-height: 1.436;
	font-family: "Zen Maru Gothic", serif;
	padding: 45px 5%;
}
.mypage-ttl{
	color: #7B684B;
	font-size: 36px;
	text-align: center;
	letter-spacing: .22em;
	font-weight: 400;
	line-height: 1.436;
	font-family: "Zen Maru Gothic", serif;
	padding: 5px 5% 20px;
	position: relative;
}
.mypage-ttl span{
	display: inline-block;
	text-align: left;
}
.mypage-ttl span em{
	font-size: 16px;
	display: inline-block;
	background: url("../img/ic-login.svg") left center no-repeat;
	padding-left: 20px;
}
.mypage-ttl a.abs{
	color: #D196A7;
	font-size: 20px;
	line-height: 1.2;
	letter-spacing: .03em;
	font-weight: 700;
	padding: 10px 50px 10px 60px;
	display: inline-block;
	position: absolute;
	top: 30px;
	left: 5%;
	border: 2px solid #7B684B;
	border-radius: 10px;
	background: url("../img/ic-license.svg") left 30px center no-repeat,
				url("../img/arrow-pink.svg") right 20px center no-repeat #F4EFF0;
}
/* btn */
.btn1{
	display: inline-block;
	min-width: 210px;
	padding: .7em 50px;
	color: #808080;
	font-size: 17px;
	font-weight: 500;
	text-align: center;
	background: url("../img/arrow-brown.svg") right 1em center no-repeat #fff;
	border: 1px solid #F2E2E2;
	border-radius: 100px;
	position: relative;
}
.btn1 a:after{
	display: inline-block;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 5px solid #F8F7F7;
	border-radius: 100px;
}
.btn1:hover{
	opacity: 1;
	background: url("../img/arrow-brown.svg") right 1em center no-repeat #F2E2E2;
}
.btn1.wide{
	width: auto;
	min-width: 330px;
}
.btn2,input.btn2{
	color: #F8F7F7;
	font-size: 17px;
	font-weight: 500;
	height: 58px!important;
	line-height: 58px!important;
	text-align: center;
	font-family: "Roboto", sans-serif;
	display: inline-block;
	background: url("../img/arrow-white.svg") right 16px center / 23px auto no-repeat #AE8D56!important;
	min-width: 330px;
	border-radius: 99px;
	vertical-align: middle;
}
.btn3{
	color: #808080;
	font-size: 17px;
	font-weight: 500;
	display: inline-block;
	padding-right: 45px;
	background: url("../img/arrow-brown.svg") right center no-repeat;
	min-height: 23px;
}
.btn3-back{
	color: #808080;
	font-size: 17px;
	font-weight: 500;
	display: inline-block;
	padding-left: 45px;
	background: url("../img/arrow-brown-left.svg") left center no-repeat;
	min-height: 23px;
}
p a.app,footer a.app{
	padding: 10px;
	border-radius: 26px;
	background: #EDD6CA;
	display: inline-block;
	max-width: 330px;
	width: 100%;
}
p a.app span,footer a.app span{
	display: inline-block;
	padding-left: 37px;
	color: #7B684B;
	font-size: 20px;
	background: url("../img/ic-app.svg") left center / 26px auto no-repeat;
}
/* tag */
.tag{
	display: inline-block;
	width: 6em;
	padding-bottom: .25em;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	line-height: 1;
	border-radius: 100px;
	border: 1px solid #A2A2A2;
}
.tag.news{ background: #EFEBE1;}
.tag.course{ background: #E1EFE6; text-align: center; margin-bottom: 0;}
/* anc */
.ancwrap{ position: relative;}
.anc{
	display: block;
	height: 0;
	position: absolute;
	top: -100px;
}
/* pan */
ol.pan{
	font-size: 13px;
	font-weight: 500;
	padding: 55px 30px 0;
	display: flex;
	justify-content: flex-end;
}
ol.pan li:before{
	content: "／";
	display: inline-block;
	margin: 0 4px;
}
ol.pan li:first-child:before{ content: none;}
ol.pan li a{ color: #AE8D56;}
/* pager */
.pager{
	font-size: 20px;
	line-height: 1.3;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 55px 0;
}
.pager li{
	color: #71706A;
	margin: 0 22px 10px;
}
.pager li a{
	color: #71706A;
	display: block;
	padding: 0 10px;
}
.pager li.prev{ margin: 0 68px 10px 0;}
.pager li.prev a,.pager li.next a{
	color: #808080;
	min-height: 23px;
}
.pager li.prev a{
	padding-left: 30px;
	background: url("../img/arrow-brown-left.svg") left center no-repeat;
}
.pager li.next{ margin: 0 0 10px 68px;}
.pager li.next a{
	padding-right: 30px;
	background: url("../img/arrow-brown.svg") right center no-repeat;
}
.pager li.active a{
	color: #AE8D56;
	position: relative;
}
.pager li.active a:after{
	content: "";
	position: absolute;
	right: 0;
	bottom: -5px;
	left: 0;
	margin: 0 auto;
	width: 4px;
	height: 4px;
	border-radius: 4px;
	background: #AE8D56;
}
/* form-cont */
.form-cont{
	color: #7B684B;
	text-align: left;
	margin-bottom: 80px;
}
.form-cont .f-black{ color: #413D37;}
.form-cont input[type="text"],.form-cont input[type="button"],.form-cont input[type="submit"],.form-cont input[type="password"],.form-cont input[type="email"],.form-cont input[type="tel"],.form-cont select,.form-cont textarea{
	color: #808080;
	border: none;
	border-radius: 6px;
}
.form-cont select{
	max-width: 542px;
	width: 100%;
	border: 1px solid #D6D6D6;
	background: #fff;
}
.form-cont input.w330{
	max-width: 330px;
	margin-right: 10px;
}
.form-cont select.w330{
	width: 330px;
}
.form-cont .w194{
	max-width: 194px;
}
.form-cont .hissu,.form-cont .ninni{
	font-size: 14px;
	display: inline-block;
	vertical-align: top;
	margin-left: 5px;
}
.form-cont .hissu{
	color: #E87191;
}
.form-cont .ninni{
	color: #AE8D56;
}
.form-cont ul.clm2{
	display: flex;
	flex-wrap: wrap;
}
.form-cont ul.clm2 li{
	max-width: 330px;
	margin-right: 10px;
}
.form-cont ul.clm3{
	display: flex;
	flex-wrap: wrap;
}
.form-cont ul.clm3 li{
	width: 240px;
}
.form-cont ul.clm3 li select{
	margin-right: 5px;
}
.form-cont textarea{
	height: 220px;
}
.form-cont .btn-area{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.form-cont input[type="file"]{
	cursor: pointer;
	-webkit-transition: all .2s; transition: all .2s;
}
.form-cont input[type="file"]::file-selector-button{
	color: #808080;
	text-indent: -3000px;
	width: 160px;
	height: 160px;
	border: 1px solid #D6D6D6;
	background: url("../img/btn-upload.svg") center no-repeat #EAEAEA;
	border-radius: 7px;
}
.form-cont input[type="file"]:hover{ opacity: .7;}
.btn-area .btn2{
	margin: 0 10px 15px;
}
/* form-privacy */
.form-privacy{
	font-size: 14px;
	text-align: left;
	background: #F0EFEA;
	padding: 20px 15px;
}
.form-privacy div{
	height: 167px;
	overflow-y: auto;
}
.form-privacy dl dt{
	color: #7B684B;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 5px;
}
.form-privacy dl dd{
	line-height: 1.6;
	margin-bottom: 10px;
}
.form-privacy dl:last-child dd{ margin-bottom: 0;}
.form-privacy p{ margin-bottom: 10px;}
.form-privacy p:last-child{ margin-bottom: 0;}
.form-privacy ul li{
	padding-left: .6em;
	text-indent: -.6em;
}
.form-privacy ol li{ margin-bottom: 15px;}
.form-privacy ol li:last-child{ margin-bottom: 0;}
/* color */
.f-pink{ color: #E87191;}
.f-brown{ color: #AE8D56;}
.f-darkbrown{ color: #7B684B;}
/* bg-color */
.bg-lightgray{ background: #fafafa;}
/* main-imgright */
.main-imgright{
	padding-top: 5.47%;
	position: relative;
}
.main-imgright figure{
	position: absolute;
	top: 0;
	right: 0;
	width: 51.17%;
	max-width: 780px;
}
.main-imgright figure img{ border-radius: 25px 0 0 25px;}
.main-imgright dl{
	text-align: left;
	background: #F0EFEA;
	padding: 70px 0 60px;
	padding-left: calc(50% - 500px);
}
.main-imgright dl dt,.main-imgright dl dd{ width: 34.8%;}
.main-imgright dl dt{
	color: #7B684B;
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 10px;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 540px) {
	section.contents{ padding-top: 70px;}
	section.contents.mypage-contents{ padding-top: 110px;}
	/* ttl */
	.ttl1{
		margin-bottom: .8em;
		font-size: 4.8vw;
	}
	.ttl1 span{
		font-size: 14.13vw;
	}
	.ttl2{
		font-size: 6.66vw;
		padding-bottom: 5.33vw;
	}
	.ttl2 span{
		font-size: 3.733vw;
		padding: 1vw 3vw;
	}
	.lower-ttl,.thanks-ttl{
		font-size: 7.2vw;
		letter-spacing: .1em;
		padding: 10.66vw 1% 5.33vw;
	}
	.mypage-ttl{
		font-size: 7.733vw;
		padding: 2vw 5%;
	}
	.mypage-ttl span em{
		font-size: 4.266vw;
		background: url("../img/ic-login.svg") left center / 3.733vw auto no-repeat;
		padding-left: 5.33vw;
	}
	.mypage-ttl a.abs{
		font-size: 5.33vw;
		padding: 2vw 50px 2vw 60px;
		position: static;
		margin: 2.5vw 0;
	}
	/* btn */
	.btn1{
		font-size: 4.53vw;
		padding: .7em 2.5em;
		background-size: 6vw auto!important;
	}
	.btn1.wide{
		width: 100%;
		min-width: inherit;
	}
	.btn2,input.btn2{
		width: 100%;
		min-width: inherit;
	}
	.btn3{
		font-size: 4.533vw;
		padding-right: 8vw;
		background: url("../img/arrow-brown.svg") right center / 6.048vw auto no-repeat;
		min-height: 6.048vw;
	}
	.btn3{
		font-size: 4.533vw;
		padding-left: 8vw;
		background: url("../img/arrow-brown-left.svg") left center / 6.048vw auto no-repeat;
		min-height: 6.048vw;
	}
	p a.app,footer a.app{ padding: 2vw;}
	p a.app span,footer a.app span{ font-size: 5.33vw;}
	/* tag */
	.tag{
		display: inline-block;
		width: 6em;
		padding-bottom: .25em;
		font-size: 12px;
		font-weight: 500;
		text-align: center;
		line-height: 1;
		border-radius: 100px;
		border: 1px solid #A2A2A2;
	}
	/* pan */
	ol.pan{ display: none;}
	/* pager */
	.pager{
		font-size: 5.33vw;
		padding: 25vw 0 8vw;
		position: relative;
	}
	.pager li{ margin: 0 4vw 2.66vw;}
	.pager li a{ padding: 0 2.66vw;}
	.pager li.prev,.pager li.next{
		position: absolute;
		top: 8vw;
	}
	.pager li.prev{ left: 3vw;}
	.pager li.next{ right: 3vw;}
	.pager li.prev a,.pager li.next a{ min-height: 6vw;}
	.pager li.prev a{
		padding-left: 6.5vw;
		background: url("../img/arrow-brown-left.svg") left center / 6vw auto no-repeat;
	}
	.pager li.next a{
		padding-right: 6.5vw;
		background: url("../img/arrow-brown.svg") right center / 6vw auto no-repeat;
	}
	.pager li.active a:after{ bottom: -1vw;}
	
	/* form-cont */
	.form-cont{
		padding: 0 2%;
		margin-bottom: 13vw;
	}
	.form-cont input.w330{
		max-width: inherit;
		margin: 0 0 2.5vw;
	}
	.form-cont select.w330{
		width: inherit;
	}
	.form-cont .hissu{
		font-size: 3.733vw;
		margin-left: 1vw;
	}
	.form-cont textarea{
		height: 167px;
	}
	.btn-area .btn2{
		margin: 0 0 3vw;
	}
	.form-cont ul.clm3 li{
		margin-bottom: 2vw;
	}
	.form-cont ul.clm3 li:last-child{
		margin-bottom: 0;
	}
	/* form-privacy */
	.form-privacy{
		font-size: 3.733vw;
		padding: 4vw 3vw;
	}
	.form-privacy div{
		height: 167px;
	}
	.form-privacy dl dt{
		font-size: 4.266vw;
		margin-bottom: 1vw;
	}
	.form-privacy dl dd{ margin-bottom: 2vw;}
	.form-privacy p{ margin-bottom: 2vw;}
	.form-privacy ol li{ margin-bottom: 4vw;}
	/* main-imgright */
	.main-imgright{ padding-top: 3.47%;}
	.main-imgright figure{
		position: static;
		width: 100%;
		padding-left: 5%;
	}
	.main-imgright dl{ padding: 3vw 5% 8vw;}
	.main-imgright dl dt,.main-imgright dl dd{ width: 100%;}
	.main-imgright dl dt{
		font-size: 6.7vw;
		margin-bottom: 0;
	}
}



/*----------------------------------------------
	footer
-----------------------------------------------*/

.pagetop{
	position: fixed;
	right: 4%;
	bottom: 115px;
	cursor: pointer;
}
footer{
	border-radius: 80px 80px 0 0;
	margin-top: -80px;
	padding: 50px 4% 0;
	background: #fff;
}
footer .footer1{
	clear: both;
	overflow: hidden;
	max-width: 840px;
	margin: 0 auto;
	padding-bottom: 20px;
}
footer .footer1 .logo{
	float: left;
	margin-bottom: 25px;
	max-width: 230px;
}
footer .footer1 .rightcol{
	float: right;
	display: flex;
}
footer .footer1 .rightcol div{ margin-left: 70px;}
footer .footer1 .rightcol div dl{
	text-align: left;
	overflow: hidden;
	margin-bottom: 20px;
}
footer .footer1 .rightcol div dl dt{
	color: #71706A;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 15px;
}
footer .footer1 .rightcol div dl dt a{ color: #71706A;}
footer .footer1 .rightcol div dl dd p{ margin-bottom: 15px;}
footer .footer1 .rightcol div dl dd a:before{ content: "●";}
footer .footer1 .rightcol div dl dd a{ display: inline-block;}
footer .footer1 .leftcol div{
	float: left;
	text-align: left;
}
footer .footer1 .leftcol a{
	display: block;
	margin: 0 auto 12px;
	border-radius: 26px;
	padding: 10px 0;
	width: 230px;
	text-align: center;
}
footer .footer1 .leftcol a.login{ background: #FCF4D3;}
footer .footer1 .leftcol a.logout{ background: #EAE7E7;}
footer .footer1 .leftcol a span{
	display: inline-block;
	padding-left: 37px;
	color: #7B684B;
	font-size: 20px;
}
footer .footer1 .leftcol a.login span{ background: url("../img/ic-login.svg") left center / 20px auto no-repeat;}
footer .footer1 .leftcol a.logout span{ background: url("../img/ic-logout.svg") left center no-repeat;}
footer .footer2 {
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #EBEBEB;
	position: relative;
}
footer .footer2 ul{
	font-size: 14px;
	display: flex;
}
footer .footer2 ul li a{
	padding: 30px 16px;
	display: block;
}
footer .footer2 ul li a:first-child{ padding-left: 0;}
footer .footer2 .reconstruct{
	font-size: 18px;
	line-height: 1.4;
	padding: 3px 10px;
	border: 2px solid #333;
	border-radius: 5px;
	position: absolute;
	right: 300px;
	bottom: 25px;
}
footer .footer2 div{
	padding-top: 15px;
	text-align: right;
}
footer .footer2 div #copy{
	color: #aaa;
	font-size: 11px;
	padding: 10px 0;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 540px) {
	.pagetop{
		right: 1em;
		bottom: 1em;
	}
	footer.f-bnr-on .pagetop{
		bottom: 25vw;
	}
	footer{
		border-radius: 20vw 20vw 0 0;
		margin-top: -20vw;
		padding: 3em 4% 0;
	}
	footer.f-bnr-on{
		padding-bottom: 20vw;
	}
	footer .footer1{
		max-width: inherit;
		padding-bottom: 2em;
	}
	footer .footer1 .logo{
		float: none;
		margin-bottom: 1em;
		max-width: inherit;
		text-align: center;
	}
	footer .footer1 .logo img{
		width: 60.53vw;
	}
	footer .footer1 .rightcol{
		float: none;
		display: block;
	}
	footer .footer1 .rightcol div{ margin-left: 3em;}
	footer .footer1 .rightcol div dl{
		margin-bottom: 0;
	}
	footer .footer1 .rightcol div dl dt{
		font-size: 4.26vw;
		margin-bottom: 1em;
	}
	footer .footer1 .rightcol div dl dd p{ margin-bottom: 1em;}
	footer .footer1 .leftcol div{
		float: none;
	}
	footer .footer1 .leftcol a{
		display: block;
		margin: 0 auto .8em;
		padding: .5em 0;
		width: 70%;
	}
	footer .footer1 .leftcol a span{
		font-size: 5.33vw;
	}
	footer .footer2 {
		display: block;
	}
	footer .footer2 ul{
		font-size: 3.73vw;
		padding: 1em 0 0 2em;
		flex-wrap: wrap;
	}
	footer .footer2 .reconstruct{
		position: static;
		padding: 1vw 5vw;
		width: fit-content;
		border: 1px solid #333;
		margin: 0 auto;
		font-size: 4vw;
	}
	footer .footer2 ul li{
		position: static;
		width: 60%;
		padding: .5em 0;
		text-align: left;
	}
	footer .footer2 ul li:nth-child(even){
		width: 40%;
	}
	footer .footer2 ul li a{
		padding: 0;
		display: block;
	}
	footer .footer2 div{
		padding-top: 1em;
		text-align: center;
	}
	footer .footer2 div #copy{
		font-size: 2.93vw;
		padding: 1em 0 2em;
	}
}



/*----------------------------------------------
	/
-----------------------------------------------*/

.top1{
	margin-bottom: 24px;
	padding: 15.6vw 6.25% 0;
	aspect-ratio: 128 / 65;
	text-align: right;
	background: url("../img/top1.jpg") center top / cover no-repeat;
	position: relative;
}
.top1 .txt{
	display: inline-block;
	width: 470px;
	padding-top: .5em;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	line-height: 2.2;
	text-align: left;
	text-shadow: 0 0 14px rgba(0,0,0,.42);
}
.top1 .scroll{
	position: absolute;
	right: 28px;
	bottom: 20px;
}
.top2{
	display: flex;
	background: #fff;
	margin: 0 4% 30px;
	border: 1px dashed #71706A;
	overflow: hidden;
	border-radius: 15px;
}
.top2 h2{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 70px;
	background: #F8F7F7;
}
.top2 h2 span{
	display: inline-block;
	writing-mode: vertical-rl;
	color: #71706A;
	font-size: 19px;
	font-weight: normal;
	letter-spacing: .26em;
}
.top2wrap{
	flex: 1;
	padding: 0 2em;
	text-align: left;
}
.top2wrap a{
	display: block;
	padding: .5em 0;
	text-align: left;
}
.top2wrap a:not(:last-child){
	border-bottom: 1px solid #E6E6E6;
}
.top2wrap a dt{
	color: #71706A;
	font-weight: bold;
}
.top2wrap a dt .tag{
	margin-left: 1em;
}
.top2 .more{
	width: 117px;
	margin: 1em 0;
	border-left: 1px dashed #71706A;
}
.top2 .more a{
	display: flex;
	align-items: center;
	justify-content: center;
	padding-right: 1em;
	width: 100%;
	height: 100%;
	color: #808080;
	font-size: 15px;
	font-weight: bold;
	background: url("../img/arrow-brown.svg") right 1em center / 18px no-repeat;
}
.top3{
	display: flex;
	justify-content: space-between;
	padding-bottom: 200px;
	margin-bottom: 40px;
	background: url("../img/top3-bg.svg") center bottom no-repeat;
}
.top3 figure{
	width: 29%;
}
.top3 figure.img1 img{
	border-radius: 0 2em 2em 0;
}
.top3 figure.img2 img:first-child{
	border-radius: 2em 0 0 2em;
}
.top3 figure.img2 img:last-child{
	width: 57%;
	margin-top: 85px;
	border-radius: 2em;
}
.top3wrap{
	flex: 1;
	padding: 0 4.5%;
}
.top3wrap .lead{
	color: #7B684B;
	font-size: 24px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 1em;
}
.top3wrap .txt{
	text-align: left;
	margin-bottom: 2em;
}
.top4{
	padding: 50px 0;
	background: #fff;
	border-radius: 80px 80px 0 0;
}
.top4 .clm2{
	display: flex;
	justify-content: space-between;
}
.top4 .clm2 dl{
	width: 45%;
	margin-bottom: 40px;
	text-align: left;
}
.top4 .clm2 dl dt{
	padding: 0 0 .2em;
	color: #505050;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	width: 95%;
	border-radius: 30px 26px 0 30px;
	margin-bottom: 15px;
}
.top4 .clm2 dl dt.pink{ background: #F0DFE4;}
.top4 .clm2 div{
	width: 52%;
	padding-top: 20px;
	display: flex;
	justify-content: space-between;
}
.top4 .clm2 div figure{
	width: 32%;
}
.top4 .clm2 div figure img{
	border-radius: 171px;
}
.top5{
	display: block;
	margin-bottom: 100px;
	background: url("../img/top5.jpg") center / cover no-repeat;
}
.top5 .wrap{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	align-content: center;
	flex-wrap: wrap;
	height: 260px;
	color: #fff;
	text-align: left;
}
.top5 .wrap h2{
	width: 100%;
	margin-bottom: .5em;
	color: #FCF4D3;
	font-size: 23px;
	line-height: 1.6;
}
.top5 .wrap h2 span{
	display: block;
	color: #fff;
	font-size: 35px;
}
.top5 .wrap .txt{
	width: 100%;
	margin-bottom: 1em;
	font-weight: bold;
}
.top5 .wrap .more{
	display: inline-block;
	padding-right: 2.5em;
	font-weight: 500;
	background: url("../img/arrow-brown.svg") right center no-repeat;
}
.top6{
	margin-bottom: 180px;
}
.top6wrap{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 70px;
}
.top6wrap a{
	display: block;
	width: 30%;
	margin: 0 5% 50px 0;
	color: #71706A;
	text-align: left;
	background: #fff;
	border-radius: 26px 26px 0 26px;
	box-shadow: 6px 6px 0 #E5E5E5;
	position: relative;
}
.top6wrap a:nth-child(3n){ margin-right: 0;}
.top6wrap a:after{
	display: inline-block;
	content: "";
	position: absolute;
	right: -6px;
	top: 100%;
	width: 37px;
	height: 33px;
	background: url("../img/top6-bg.png") center / cover no-repeat;
}
.top6wrap a .lead{
	padding: 2em 20px .5em;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
}
.top6wrap a .txt{
	padding: 0 20px .5em;
}
.top6wrap a .prof{
	padding: 0 20px 1em;
	color: #848484;
	font-weight: bold;
}
.top6wrap a .more{
	border-top: 1px solid #E0E0E0;
	padding: 1em 55px 1em 20px;
	font-weight: 500;
	text-align: right;
	background: url("../img/arrow-brown.svg") right 20px center no-repeat;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 1280px) {
	.top1{
		padding: 200px 6.25% 0;
	}
}
@media screen and (max-width: 540px) {
	.top1{
		text-align: left;
		margin-bottom: 7vw;
		padding: 50vw 4.25% 10vw;
		aspect-ratio: 1 / 1;
	}
	.top1 .txt{
		display: inline-block;
		width: auto;
		padding-top: 1em;
		color: #fff;
		font-size: 4.33vw;
	}
	.top1 .scroll{
		display: none;
	}
	.top2{
		display: block;
		margin: 0 3% 7vw;
		padding-bottom: .5em;
		position: relative;
	}
	.top2 h2{
		display: block;
		width: auto;
		background: none;
		margin-bottom: -1em;
	}
	.top2 h2 span{
		display: block;
		writing-mode: horizontal-tb;
		padding: .5em 1em;
		font-size: 19px;
		text-align: left;
		letter-spacing: .1em;
	}
	.top2wrap{
		padding: 0 1em;
	}
	.top2wrap a{
		display: block;
		padding: .5em 0;
		text-align: left;
	}
	.top2 .more{
		position: absolute;
		right: 0;
		top: 0;
		width: 117px;
		margin: 1em 0;
		border: none;
	}
	.top2 .more a{
		font-size: 3.73vw;
		background: url("../img/arrow-brown.svg") right 1em center / 1.1em no-repeat;
	}
	.top3{
		display: block;
		padding-bottom: 30vw;
		margin-bottom: 40px;
		background-size: 110%;
		position: relative;
		overflow: hidden;
	}
	.top3 figure{
		width: 46.6%;
		margin-bottom: 2em;
	}
	.top3 figure.img2{
		position: absolute;
		right: 0;
		top: 0;
		width: 49.8%;
		text-align: left;
	}
	.top3 figure.img2 img:first-child{
		width: 105%;
		max-width: inherit;
	}
	.top3 figure.img2 img:last-child{
		width: 57%;
		margin-top: 3vw;
	}
	.top3wrap{
		padding: 0 5%;
	}
	.top3wrap .lead{
		font-size: 6.4vw;
		line-height: 1.5;
		margin-bottom: 1em;
	}
	.top4{
		padding: 15vw 0;
	}
	.top4 .clm2{
		display: block;
	}
	.top4 .clm2 dl{
		width: 100%;
		margin-bottom: 2vw;
	}
	.top4 .clm2 dl dt{
		font-size: 6.93vw;
		width: 100%;
		margin-bottom: 3vw;
	}
	.top4 .clm2 div{
		width: 100%;
		padding-top: 4vw;
		margin-bottom: 10vw;
	}
	.top5{
		margin-bottom: 3em;
		background: url("../img/top5-sp.jpg") center / cover no-repeat;
	}
	.top5 .wrap{
		display: block;
		height: auto;
		padding: 8vw 5vw 20vw;
	}
	.top5 .wrap h2{
		margin-bottom: .3em;
		font-size: 6.13vw;
	}
	.top5 .wrap h2 span{
		font-size: 9.33vw;
	}
	.top5 .wrap .more{
		background-size: 1.5em auto;
	}
	.top6{
		margin-bottom: 10em;
	}
	.top6wrap{
		display: block;
		padding: 0 8%;
		margin-bottom: 15vw;
	}
	.top6wrap a{
		width: auto;
		margin-bottom: 2.5em;
	}
	.top6wrap a{
		width: 100%;
		margin: 0 0 12vw;
	}
	.top6wrap a .lead{
		padding: 2em 5vw .5em;
		font-size: 5.33vw;
	}
	.top6wrap a .txt{
		padding: 0 5vw .5em;
	}
	.top6wrap a .prof{
		padding: 0 5vw 1em;
	}
	.top6wrap a .more{
		padding: 1em 3.5em 1em 5vw;
		background-size: 1.5em auto;
	}
}



/* news-list */
.news-list{ margin-bottom: 105px;}
.news-list .cat-list{
	text-align: right;
	margin-bottom: 12px;
}
.news-list .cat-list select{
	color: #808080;
	font-size: 14px;
	height: 32px;
	line-height: 32px;
	min-width: 194px;
	border-radius: 6px;
	border: 1px solid #D6D6D6;
	background: #fff;
}
.news-list article{
	color: #71706A;
	text-align: left;
	border-radius: 15px;
	padding: 30px 35px;
	background: #fff;
	margin-bottom: 15px;
}
.news-list article .date-tag{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 12px;
}
.news-list article .date-tag .tag{ margin-left: 1em;}
.news-list article .news-cont{ display: flex;}
.news-list article .news-cont dl{ flex: 1;}
.news-list article .news-cont dl dt{
	font-size: 18px;
	line-height: 1.44;
	font-weight: 700;
	margin-bottom: 10px;
}
.news-list article .news-cont figure{
	width: 228px;
	margin-left: 45px;
}
.news-list article .news-cont figure img{ width: 100%;}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 540px) {
	/* news-list */
	.news-list{ margin-bottom: 20.33vw;}
	.news-list .cat-list{
		text-align: center;
		margin-bottom: 8vw;
	}
	.news-list .cat-list select{
		font-size: 3.733vw;
		height: 8.533vw;
		line-height: 8.533vw;
	}
	.news-list article{
		padding: 6.66vw 4vw 4vw;
		margin-bottom: 5.33vw;
		border: 1px solid #E6E6E6;
	}
	.news-list article .date-tag{
		font-size: 4vw;
		margin-bottom: 4vw;
	}
	.news-list article .news-cont{ display: block;}
	.news-list article .news-cont dl dt{
		font-size: 4.8vw;
		margin-bottom: 4vw;
	}
	.news-list article .news-cont figure{
		width: 100%;
		padding-top: 4vw;
		margin-left: 0;
	}
}



/* contact */
.contact{ padding-bottom: 155px;}
.contact .faq-box{
	padding: 20px 45px;
	border: 1px dashed #71706A;
	border-radius: 15px;
	margin-bottom: 25px;
}
.contact .faq-box dl{
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}
.contact .faq-box dl dt{
	color: #AE8D56;
	font-size: 39px;
	line-height: 1.33;
	font-weight: 300;
	margin-right: 1em;
}
.contact .faq-box dl dd{
	text-align: left;
	flex: 1;
}
.contact .faq-box a{
	color: #909090;
	font-size: 18px;
	font-weight: bold;
	display: inline-block;
	padding-right: 30px;
	background: url("../img/arrow-brown.svg") right center no-repeat;
	min-height: 23px;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 540px) {
	.contact{ padding-bottom: 35vw;}
	.contact .faq-box{
		padding: 2vw 3vw;
		margin-bottom: 10vw;
	}
	.contact .faq-box dl{
		display: block;
		margin-bottom: 1vw;
	}
	.contact .faq-box dl dt{
		font-size: 10.4vw;
		margin: 0;
	}
	.contact .faq-box a{
		font-size: 4.8vw;
		padding-right: 8vw;
		background: url("../img/arrow-brown.svg") right center / 6vw auto no-repeat;
		min-height: 6vw;
	}
}



/* form-app */
.form-app{
	margin-bottom: 140px;
}
.form-app .app-flow{
	margin-bottom: 40px;
}
.form-app .app-flow .app-flow-ttl{
	font-size: 18px;
	letter-spacing: .1em;
	font-weight: 300;
	padding-bottom: 5px;
	border-bottom: 1px solid #D1D1D1;
	margin-bottom: 20px;
}
.form-app .app-flow ol{
	text-align: left;
	display: flex;
	flex-wrap: wrap;
}
.form-app .app-flow ol li{
	font-size: 14px;
	line-height: 1.28;
	padding: 5px 20px 5px 7px;
	margin: 0 20px 25px 0;
	border-radius: 5px;
	min-width: 157px;
	background: #EDEDED;
}
.form-app .app-flow ol li.active{ background: #F0DFE4;}
.form-app .app-flow ol li span{
	color: #E87191;
	display: inline-block;
	margin-right: 10px;
}
.form-app .app-price{
	color: #7B684B;
	border: 1px solid #E87191;
	padding: 25px;
	border-radius: 15px;
	margin-bottom: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.form-app .app-price div{
	font-size: 18px;
	font-weight: 700;
	margin-right: 30px;
}
.form-app .app-price div span{
	color: #E87191;
	display: inline-block;
	margin-left: 30px;
}
.form-app .app-price dl{
	display: flex;
}
.form-app .app-price dl dt{
	font-weight: bold;
	margin-right: 17px;
}
.form-app .app-price dl dd{
	display: flex;
}
.form-app .app-price dl dd p{
	margin-right: 20px;
}
.form-app .app-price dl dd em{
	color: #AE8D56;
	font-weight: 500;
	display: inline-block;
	margin-right: 10px;
}
.form-app .app-agree{
	margin-bottom: 20px;
}
input[type="checkbox"]{
	width: 21px;
	height: 21px;
}
.form-app .app-agree label{
	display: flex;
	justify-content: center;
}
.form-app .app-agree label p{
	color: #E87191;
	font-size: 16px;
	font-weight: 500;
	text-align: left;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 540px) {
	/* form-app */
	.form-app{ margin-bottom: 35vw;}
	.form-app .app-flow{ margin-bottom: 4vw;}
	.form-app .app-flow .app-flow-ttl{
		font-size: 4.8vw;
		padding-bottom: .5vw;
		margin-bottom: 3vw;
	}
	.form-app .app-flow ol{ justify-content: space-between;}
	.form-app .app-flow ol li{
		font-size: 3.733vw;
		padding: 1vw 2vw;
		min-width: inherit;
		margin: 0 0 2vw;
		width: 49%;
	}
	.form-app .app-flow ol li p{
		padding-left: 1.1em;
		text-indent: -1.1em;
	}
	.form-app .app-flow ol li span{
		display: inline;
		margin-right: .5em;
	}
	.form-app .app-price{
		padding: 3vw 7vw;
		margin-bottom: 10vw;
		display: block;
	}
	.form-app .app-price div{
		font-size: 4.8vw;
		line-height: 1.8;
		padding-bottom: 3vw;
		border-bottom: 1px dashed #71706A;
		margin: 0 0 3vw;
	}
	.form-app .app-price div span{ margin-left: 1em;}
	.form-app .app-price dl{ justify-content: space-between;}
	.form-app .app-price dl dt{ margin-right: 0;}
	.form-app .app-price dl dd{
		display: block;
	}
	.form-app .app-price dl dd p{
		margin-right: 0;
		display: flex;
		justify-content: space-between;
	}
	.form-app .app-price dl dd em{
		margin-right: 12vw;
	}
	.form-app .app-agree{
		margin-bottom: 5.33vw;
	}
	input[type="checkbox"]{
		width: 5.6vw;
		height: 5.6vw;
	}
	.form-app .app-agree label p{
		font-size: 4.266vw;
	}
}



/* login-cont */
.login-cont{
	max-width: 330px;
	margin: 0 auto 140px;
}
.login-cont .form-cont{
	margin-bottom: 0;
}
.login-cont .btn3{
	width: 100%;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 540px) {
	.login-cont{
		margin: 0 auto 35vw;
	}
	.login-cont .btn3{
		font-size: 3.733vw;
	}
}



/* password */
.password{
	margin-bottom: 140px;
}
.password .f-pink{
	font-size: 16px;
	line-height: 1.8;
	font-weight: 500;
	margin-bottom: 10px;
}
.password .bd-box{
	border: 1px dashed #71706A;
	border-radius: 15px;
	padding: 20px;
	margin-bottom: 20px;
}
.password .bd-box dl{
	margin-bottom: 25px;
}
.password .bd-box dl dt{
	color: #7B684B;
	font-size: 18px;
	line-height: 1.4;
	font-weight: 700;
	margin-bottom: 10px;
}
.password .bd-box .form-cont{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 0;
}
.password .bd-box .form-cont input{
	max-width: 565px;
	margin-left: 25px;
}
.password dl.box1{
	display: flex;
}
.password dl.box1 dt{
	color: #7B684B;
	font-size: 18px;
	font-weight: 700;
	width: 12em;
}
.password dl.box1 dd{
	font-size: 14px;
	text-align: left;
	flex: 1;
}
.password dl.box1 dd div{
	margin-bottom: 20px;
}
.password dl.box1 dd p{
	margin-bottom: 5px;
}
.password dl.box1 dd p.f-darkbrown{
	font-weight: 700;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 540px) {
	/* password */
	.password{
		margin-bottom: 40vw;
	}
	.password .f-pink{
		font-size: 4.266vw;
		text-align: left;
		margin-bottom: 8vw;
	}
	.password .bd-box{
		padding: 5vw 3vw 7vw;
		margin-bottom: 5vw;
	}
	.password .bd-box dl{
		margin-bottom: 4vw;
	}
	.password .bd-box dl dt{
		font-size: 4.8vw;
		margin-bottom: 2vw;
	}
	.password .bd-box dl dd{
		text-align: left;
	}
	.password .bd-box .form-cont{
		display: block;
		text-align: center;
	}
	.password .bd-box .form-cont input{
		margin: 1vw 0 0;
	}
	.password dl.box1{
		display: block;
	}
	.password dl.box1 dt{
		text-align: left;
		font-size: 4.8vw;
		width: auto;
	}
	.password dl.box1 dd{
		font-size: 3.733vw;
	}
	.password dl.box1 dd div{
		margin-bottom: 4vw;
	}
	.password dl.box1 dd p{
		margin-bottom: 1vw;
	}
}



/* info-entry */
.info-entry{ margin-bottom: 140px;}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 540px) {
	/* info-entry */
	.info-entry{ margin-bottom: 35vw;}
}



/* info-thanks */
.info-thanks{ margin-bottom: 140px;}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 540px) {
	/* info-thanks */
	.info-thanks{ margin-bottom: 30vw;}
}



/* withdrawal */
.withdrawal{
	text-align: left;
	margin-bottom: 170px;
}
.withdrawal .cont1{
	font-size: 14px;
}
.withdrawal .cont1 dl.d-flex{
	display: flex;
	align-items: center;
}
.withdrawal .cont1 dl.d-flex dt{
	width: 8em;
}
.withdrawal .cont1 dl dt{
	color: #7B684B;
	line-height: 1;
	font-weight: 700;
}
.withdrawal .cont1 ul.u-line li{
	border-bottom: 1px solid #E6E6E6;
	padding: 15px 0;
}
.withdrawal .cont1 ul.u-line li:last-child{
	border-bottom: none;
}
.withdrawal label{
	font-size: 16px;
	font-weight: 500;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 540px) {
	/* withdrawal */
	.withdrawal{
		margin-bottom: 35vw;
	}
	.withdrawal .cont1{
		font-size: 3.733vw;
	}
	.withdrawal .cont1 dl.d-flex{
		display: block;
	}
	.withdrawal .cont1 dl.d-flex dt{
		width: auto;
	}
	.withdrawal .cont1 ul.u-line li{
		padding: 5vw 0;
	}
	.withdrawal label{
		font-size: 4.266vw;
		display: flex;
		justify-content: center;
		align-items: flex-start;
		text-align: left;
	}
}



/* resist */
.resist{
	padding-top: 30px;
	margin-bottom: 70px;
	position: relative;
}
.resist .btn-credit{
	text-align: right;
	position: absolute;
	top: 0;
	right: 0;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 540px) {
	/* resist */
.resist{
	margin-bottom: 10vw;
	padding-top: 3vw;
}
.resist .btn-credit{
	position: static;
}
}



/* license */
.license{
	min-height: 100vh;
	padding: 15px 3%;
	background: url("../img/license-righttop.svg") right 15px top 15px no-repeat,
				url("../img/license-lefttop.svg") left 15px top 15px no-repeat,
				url("../img/license-bg.jpg") center / cover no-repeat;
	border: 12px solid #D6B23F;
	border: 12px solid #454B77;
}
.license h2{
	padding: .4em 0;
	color: #454B77;
	font-size: 41px;
	font-weight: 900;
	line-height: 1;
}
.license h2 span{
	font-size: 33px;
	font-weight: normal;
}
.license .number{
	font-weight: bold;
}
.license .name{
	font-size: 29px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 1em;
}
.license .dogs{
	display: flex;
	flex-wrap: wrap;
	max-width: 1067px;
	margin: 0 auto;
}
.license .dogs li{
	display: flex;
	justify-content: space-between;
	width: 32.3%;
	padding: 10px;
	margin-bottom: 1.55%;
	border: 1px solid #D6D6D6;
	border-radius: 6px;
	background: #fff;
}
.license .dogs li:not(:nth-child(3n)){
	margin-right: 1.55%;
}
.license .dogs li figure{
	width: 90px;
}
.license .dogs li figure img{
	border-radius: 6px;
}
.license .dogs li p{
	flex: 1;
	padding-left: 1.5em;
	text-align: left;
}
.license .btn-line{ padding: 3vw 0 9vw;}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 540px) {
	.license{
		padding: 5.33vw 2.66vw 0;
	background: url("../img/license-righttop.svg") right 2.66vw top 2.66vw no-repeat,
				url("../img/license-lefttop.svg") left 2.66vw top 2.66vw no-repeat,
				url("../img/license-bg-sp.jpg") center top / cover no-repeat;
		border-width: 1.33vw;
	}
	.license h2{
		padding: .4em 0;
		font-size: 9vw;
	}
	.license h2 span{
		font-size: 7vw;
	}
	.license .name{
		font-size: 7.73vw;
	}
	.license .dogs{
		display: flex;
		flex-wrap: wrap;
		max-width: 1067px;
		margin: 0 auto;
	}
	.license .dogs li{
		width: 100%;
		padding: 2.66vw;
		margin-bottom: 1em;
	}
	.license .dogs li:not(:nth-child(3n)){
		margin-right: 0;
	}
	.license .dogs li figure{
		width: 90px;
	}
	.license .dogs li figure img{
		border-radius: 6px;
	}
	.license .dogs li p{
		flex: 1;
		padding-left: 1.5em;
		text-align: left;
	}
}



/* exam */
.exam{
	min-height: 100vh;
	background: #fafafa;
	overflow: hidden;
}
.exam.bg-none{
	background: none;
	margin-bottom: 120px;
}
.exam.pass{ background: url(../img/exam-pass-bg.svg) center top 100px / cover no-repeat #FFFCE6;}
.exam.fail{ background: #F2F9FC;}
.exam h1{
	padding: 16px 0;
	font-size: 0;
	background: #fafafa;
}
.exam h2{
	margin-bottom: .5em;
	font-size: 24px;
	font-weight: normal;
	background: #F0DFE4;
}
.exam .wrap{
	max-width: 900px;
}
.exam .number{
	margin-bottom: .5em;
	color: #AE8D56;
	font-size: 22px;
	font-weight: bold;
}
.exam .question{
	margin-bottom: 4em;
	text-align: left;
}
.exam .choose{
	display: flex;
	justify-content: space-between;
	max-width: 400px;
	margin: 0 auto 3em;
}
.exam .choose a{
	display: block;
	width: 160px;
	height: 150px;
	padding: 25px 0 0;
	font-size: 20px;
	background: #fff;
	border: 1px solid #E5E5E5;
	border-radius: 1em;
	box-shadow: 6px 6px 6px rgba(0,0,0,.16);
}
.exam .choose a img{
	margin-bottom: .5em;
}
.exam .choose a:hover{
	opacity: 1;
	background: #eee;
}
.exam .limit{
	max-width: 400px;
	margin: 0 auto 3em;
	text-align: left;
}
.exam .limit .txt{
	margin-bottom: .5em;
	font-size: 14px;
}
.exam .limit .bar{
	position: relative;
	border-radius: 100px;
	overflow: hidden;
}
.exam .limit .bar:after{
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 1em;
	border: 1px solid #C9C9C9;
	border-radius: 100px;
}
.exam .limit .bar span{
	display: block;
	height: 1em;
	background: #C2E6E2;
}
.exam .correct{
	color: #E87191;
	font-size: 103px;
	font-weight: bold;
	line-height: 1;
	padding: .8em 0;
}
.exam.pass .correct{
	padding: .05em 0 .2em;
}
.exam.fail .correct{
	color: #8CB0D5;
	padding: .05em 0 0;
}
.exam .incorrect{
	color: #8CB0D5;
	font-size: 103px;
	font-weight: bold;
	line-height: 1;
	padding: .8em 0;
}
.exam.pass .incorrect{
	padding: .05em 0 .2em;
}
.exam.fail .correct{
	color: #8CB0D5;
	padding: .05em 0 0;
}
.exam .explanation{
	display: flex;
	justify-content: space-between;
	margin: 1em 0 3em;
	padding: 2.5em 3em;
	text-align: left;
	background: #FFF;
	border: 1px solid #E5E5E5;
	border-radius: 1em;
}
.exam .explanation .leftcol{
	width: 60%;
}
.exam .explanation .leftcol .ttl{
	color: #71706A;
	font-size: 22px;
	font-weight: bold;
}
.exam .explanation .rightcol{
	width: 34%;
}
.exam .explanation .rightcol img{
	border-radius: 7px;
}
.exam .komered{
	color: #E87191;
	font-size: 14px;
	font-weight: 500;
}
.exam .probability{
	padding-top: 1em;
	font-size: 25px;
	letter-spacing: .05em;
}
.exam .lead{
	margin-bottom: 1.5em;
	color: #7B684B;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
}
.exam .lead span{
	display: inline-block;
}
.exam .lead img{
	vertical-align: baseline;
	margin-left: 1em;
}
.exam .max660{
	max-width: 660px;
	margin-left: auto;
	margin-right: auto;
}
.exam .btnbox1{
	display: flex;
	align-items: center;
	max-width: 370px;
	padding: 1em;
	margin: 0 auto 3em;
	background: #fff;
	border: 1px solid #D196A7;
	border-radius: 1em;
	box-shadow: 6px 6px 6px rgba(0,0,0,.16);
}
.exam .btnbox1 .leftcol{
	width: 7em;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
}
.exam .btnbox1 .leftcol span{
	color: #E87191;
	font-size: 49px;
	font-family: Helvetica, "sans-serif";
	line-height: 1;
}
.exam .btnbox1 .rightcol{
	flex: 1;
	padding-left: 1em;
}
.exam .btnbox1 .rightcol .ttl{
	margin-bottom: .5em;
	color: #C68699;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
}
.exam .btnbox1 .rightcol .btn a,
.exam .btnbox2 .btn a{
	display: inline-block;
	width: 100%;
	max-width: 227px;
	padding: .1em 1em .2em 0;
	color: #fff;
	font-size: 20px;
	background: url("../img/arrow-white.svg") right 1em center / 22px no-repeat #D196A7;
	border-radius: 100px;
}
.exam .btnbox1 .rightcol .btn a img,
.exam .btnbox2 .btn a img{
	margin: 0 .2em .2em 0;
}
.exam .btnbox1.beige{ border: 1px solid #BAA575;}
.exam .btnbox1.beige .rightcol .ttl{ color: #7B684B;}
.exam .btnbox1.beige .rightcol .btn a{ background-color: #BAA575;}
.exam .btnbox2{
	max-width: 370px;
	padding: 1em 1em .5em;
	margin: 0 auto 3em;
	background: #fff;
	border: 1px solid #D196A7;
	border-radius: 1em;
	box-shadow: 6px 6px 6px rgba(0,0,0,.16);
}
.exam .btnbox2 .ttl{
	margin-bottom: .5em;
	color: #C68699;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
}
.exam .btnbox2.beige{
	padding: 1em;
	border: 1px solid #BAA575;
}
.exam .btnbox2.beige .ttl{ color: #7B684B;}
.exam .btnbox2.beige .btn a{ background-color: #BAA575;}
.exam h3.f30{ line-height: 1.4;}
.exam .inblock-list ul{
	text-align: left;
	display: inline-block;
}
.exam .btn1.btn-exam{
	color: #fff;
	font-size: 20px;
	background: url("../img/ic-pen.svg") left 25px center no-repeat,
				url("../img/arrow-white-pink.svg") right 20px center no-repeat #D196A7;
	padding: .3em 60px;
}
.exam .btn3-back{ font-size: 20px;}



/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 540px) {
	.exam{
	}
	.exam.bg-none{
		margin-bottom: 40vw;
	}
	.exam.pass{ background: url(../img/exam-pass-bg-sp.svg) center top  / cover no-repeat #FFFCE6;}
	.exam h1{
		padding: 4.26vw 0;
	}
	.exam h1 img{
		width: 60vw;
	}
	.exam h2{
		font-size: 6.4vw;
	}
	.exam .wrap{
		max-width: inherit;
	}
	.exam .number{
		font-size: 5.86vw;
	}
	.exam .question{
		margin-bottom: 2em;
	}
	.exam .choose{
		max-width: inherit;
	}
	.exam .choose a{
		width: 42.66vw;
		height: 40vw;
		padding: 1.2em 0 0;
		font-size: 5.33vw;
	}
	.exam .choose a.maru img{
		width: 18.13vw;
	}
	.exam .choose a.batsu img{
		width: 17.33vw;
		margin-bottom: .7em;
	}
	.exam .choose a:hover{
		opacity: 1;
		background: #eee;
	}
	.exam .limit{
		padding: 0 3%;
	}
	.exam .limit .txt{
		font-size: 3.73vw;
	}
	.exam .correct{
		font-size: 27.46vw;
	}
	.exam.pass .correct{
		padding: .05em 0 .2em;
	}
	.exam .incorrect{
		font-size: 27.46vw;
	}
	.exam.fail .correct{
		padding: .05em 0 .2em;
	}
	.exam .explanation{
		display: block;
		margin: 1em 0 1em;
		padding: .5em 1.5em 1.5em;
	}
	.exam .explanation .leftcol{
		width: auto;
		margin-bottom: 1em;
	}
	.exam .explanation .leftcol .ttl{
		font-size: 5.86vw;
		text-align: center;
	}
	.exam .explanation .rightcol{
		width: 70%;
		margin: 0 auto;
	}
	.exam .komered{
		font-size: 3.73vw;
	}
	.exam .probability{
		font-size: 6.6vw;
	}
	.exam .lead{
		margin-bottom: 1em;
		font-size: 4.53vw;
	}
	.exam .btnbox1,
	.exam .btnbox2{
		max-width: inherit;
	}
	.exam .btnbox1 .leftcol{
		width: 7em;
	}
	.exam .btnbox1 .leftcol span{
		font-size: 13vw;
	}
	.exam .btnbox1 .rightcol .ttl,
	.exam .btnbox2 .ttl{
		font-size: 5.6vw;
	}
	.exam .btnbox1 .rightcol .btn a,
	.exam .btnbox2 .btn a{
		max-width: inherit;
		font-size: 5.33vw;
		background-size: 1.1em auto;
		background-position: right .6em center;
	}
	.exam .btnbox2 .btn a{
		width: 70%;
	}
	.exam .btn1.btn-exam{ font-size: 5.33vw;}
	.exam .btn3-back{ font-size: 5.33vw;}
}



/* info */
.info{
	text-align: left;
	margin-bottom: 120px;
}
.info .info-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.info .info-list article{
	width: 48%;
	border: 1px solid #D6D6D6;
	background: #fff;
	padding: 20px;
	border-radius: 15px;
	margin-bottom: 30px;
}
.info .info-list article .ttl-cont{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}
.info .info-list article .ttl-cont .info-ttl1{
	color: #7B684B;
	font-size: 18px;
	font-weight: 700;
}
.info .info-list article .ttl-cont a{
	color: #fff;
	line-height: 1.4;
	font-weight: 700;
	text-align: center;
	display: block;
	background: #AE8D56;
	border-radius: 17px;
	padding: 10px;
	min-width: 128px;
}
.info .info-list article .imgleft{
	display: flex;
}
.info .info-list article .imgleft figure{
	width: 125px;
	margin-right: 20px;
}
.info .info-list article .imgleft figure img{
	border-radius: 20px;
	object-fit: cover;
	aspect-ratio: 1 / 1;
}
.info .info-list article .imgleft ul{
	line-height: 1.4;
	flex: 1;
}
.info .info-list article .imgleft ul li{
	padding-bottom: 8px;
	border-bottom: 1px solid #D6D6D6;
	margin-bottom: 8px;
}
.info .info-list article .imgleft ul li.clm2{
	display: flex;
}
.info .info-list article .imgleft ul li.clm2 div{
	width: 50%;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 540px) {
	/* info */
	.info{ margin-bottom: 40vw;}
	.info .info-list{
		display: block;
	}
	.info .info-list article{
		width: 100%;
		padding: 2.5vw;
		margin-bottom: 4vw;
	}
	.info .info-list article .ttl-cont{
		display: flex;
		margin-bottom: 4vw;
	}
	.info .info-list article .ttl-cont .info-ttl1{
		font-size: 4.8vw;
	}
	.info .info-list article .ttl-cont a{
		padding: 1.5vw;
		min-width: 34%;
	}
	.info .info-list article .imgleft figure{
		width: 30vw;
		margin-right: 4vw;
	}
	.info .info-list article .imgleft figure img{
		border-radius: 10px;
	}
	.info .info-list article .imgleft ul li{
		padding-bottom: 2vw;
		margin-bottom: 2vw;
	}
}



/* mypage */
.mypage{ margin-bottom: 150px;}
.mypage .f-bnr{
	line-height: 1;
	font-weight: 700;
	text-align: center;
	position: fixed;
	z-index: 999;
	right: 10px;
	bottom: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 10px 15px;
	border-radius: 15px;
	background: #fff;
	width: 380px;
	box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.16);
}
.mypage .f-bnr.bd-pink{ border: 1px solid #D196A7;}
.mypage .f-bnr.bd-beige{ border: 1px solid #BAA575;}
.mypage .f-bnr .leftcol{
	margin-right: 15px;
}
.mypage .f-bnr .leftcol strong{
	color: #E87191;
	font-size: 49px;
	line-height: 1;
}
.mypage .f-bnr .rightcol dt{
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px;
}
.mypage .f-bnr .rightcol dt.f14{ font-size: 14px;}
.mypage .f-bnr.bd-pink .rightcol dt{ color: #D196A7;}
.mypage .f-bnr.bd-beige .rightcol dt{ color: #7B684B;}
.mypage .f-bnr .rightcol dd a{
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	min-width: 227px;
	display: inline-block;
	padding: 10px 40px;
	border-radius: 98px;
}
.mypage .f-bnr.bd-pink .rightcol dd a{ background: url("../img/arrow-white-pink.svg") right 15px center no-repeat #D196A7;}
.mypage .f-bnr.bd-beige .rightcol dd a{ background: url("../img/arrow-white-brown.svg") right 15px center no-repeat #BAA575;}
.mypage .f-bnr .rightcol dd a img{ margin-right: 6px;}
.mypage .f-bnr .rightcol dd p.komered{
	color: #E87191;
	font-size: 14px;
	font-weight: 500;
	padding-top: 5px;
}

.mypage-movie{
	padding: 25px 0 35px;
	background: #F2F2F2;
}
.mypage-movie .movie-ttl{
	color: #AE8D56;
	font-size: 53px;
	min-height: 63px;
	letter-spacing: .03em;
	font-weight: 300;
	padding-left: 75px;
	background: url("../img/ic-movie.svg") left center no-repeat;
	display: inline-block;
	margin-bottom: 40px;
}
.mypage-movie .movie-slide .slick-slide{
	margin: 0 15px;
	position: relative;
	padding-top: 35px;
}
.mypage-movie .movie-slide .slick-slide figure{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.mypage-movie .movie-slide .slick-slide figure iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%!important;
}
.mypage-movie .movie-slide .slick-slide .slide-tag:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 28px;
}
.mypage-movie .movie-slide .slick-slide .slide-tag.tag-popularity:before{
	background: url("../img/tag-popularity.png") center / 53px auto no-repeat;
	width: 53px;
}
.mypage-movie .movie-slide .slick-slide .slide-tag.tag-recommend:before{
	background: url("../img/tag-recommend.png") center / 85px auto no-repeat;
	width: 85px;
}
.mypage-movie .movie-slide .slick-slide .slide-tag.tag-attention:before{
	background: url("../img/tag-attention.png") center / 53px auto no-repeat;
	width: 53px;
}
.mypage-movie .movie-slide .slick-slide .slide-tag.tag-new:before{
	background: url("../img/tag-new.png") center / 55px auto no-repeat;
	width: 55px;
}
.mypage-movie .movie-slide .slick-slide a:hover{ opacity: .9;}
.mypage-movie .movie-slide .slick-slide p{
	font-size: 16px;
	font-weight: 700;
	text-align: left;
}
.mypage-movie .movie-slide .slick-dots li{
	margin: 0 1px;
}
.mypage-movie .movie-slide.slick-dotted.slick-slider{
	padding-bottom: 50px;
}
.mypage-movie .movie-slide .slick-dots li button::before{
	color: #707070;
	font-size: 11px;
	opacity: 1;
}
.mypage-movie .movie-slide .slick-dots li.slick-active button::before{
	color: #AE8D56;
}
.mypage-movie .movie-slide ul.slick-dots{
	text-align: right;
	padding-right: 40px;
}
.mypage-movie .movie-slide .slick-prev,.mypage-movie .movie-slide .slick-next{
	width: 30px;
	height: 26px;
	top: 102%;
	z-index: 999;
}
.mypage-movie .movie-slide .slick-prev{
	left: calc(50% - 80px);
	background: url("../img/slide-prev.svg") center no-repeat;
}
.mypage-movie .movie-slide .slick-next{
	right: calc(50% - 80px);
	background: url("../img/slide-next.svg") center no-repeat;
}
.mypage2{
	text-align: left;
	padding-top: 50px;
}
.mypage2 .mypage2-ttl1{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 20px;
	border-bottom: 1px solid #B1B1B1;
	margin-bottom: 25px;
}
.mypage2 .mypage2-ttl1 span,.mypage2 .mypage2-ttl1 a{ display: block;}
.mypage2 .mypage2-ttl1 span{
	color: #7B684B;
	font-size: 39px;
	line-height: 1.1;
	font-weight: 400;
	padding-left: 55px;
	display: inline-block;
	background: url("../img/ic-course.svg") left top 10px no-repeat;
}
.mypage2 .mypage2-ttl1 a{
	color: #BAA575;
	font-size: 25px;
	line-height: 1.4;
	font-weight: 400;
	padding: 0 33px 0 65px;
	border-left: 1px solid #B1B1B1;
	background: url("../img/ic-course-beige.svg") left 30px center no-repeat,
				url("../img/arrow-brown-bd.svg") right center no-repeat;
}
.mypage2 article{
	padding: 20px 40px;
	border-radius: 15px;
	background: #F8F7F7;
	display: flex;
	box-shadow: 6px 6px 0px 0px rgba(195, 195, 195,0.16);
	margin-bottom: 20px;
}
.mypage2 article figure{
	width: 38%;
	margin-right: 70px;
}
.mypage2 article div{
	flex: 1;
	position: relative;
	padding-bottom: 25px;
}
.mypage2 .mypage2-ttl2{
	color: #D196A7;
	font-size: 22px;
	line-height: 1.25;
	font-weight: 700;
	font-family: "Zen Maru Gothic", serif;
	display: flex;
	margin-bottom: 15px;
}
.mypage2 .mypage2-ttl2 span,.mypage2 .mypage2-ttl2 strong{
	display: block;
}
.mypage2 .mypage2-ttl2 span{
	margin-right: 20px;
}
.mypage2 .mypage2-ttl2 strong{
	font-size: 24px;
	flex: 1;
}
.mypage2 article div a{
	color: #808080;
	font-size: 17px;
	font-weight: 500;
	position: absolute;
	right: 0;
	bottom: 0;
	padding-right: 32px;
	display: inline-block;
	background: url("../img/arrow-pink.svg") right center no-repeat;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 540px) {
	/* mypage */
	.mypage{ margin-bottom: 40vw;}
	.mypage .f-bnr{
		right: 0;
		bottom: 0;
		padding: 1vw 1vw 2.66vw;
		border-radius: 0;
		width: 100%;
	}
	.mypage .f-bnr.bd-pink{
		border: none;
		border-top: 1px solid #D196A7;
	}
	.mypage .f-bnr.bd-beige{
		border: none;
		border-top: 1px solid #BAA575;
	}
	.mypage .f-bnr .leftcol{
		margin-right: 4vw;
	}
	.mypage .f-bnr .leftcol strong{
		font-size: 10vw;
	}
	.mypage .f-bnr .rightcol dt{
		font-size: 4.266vw;
		margin-bottom: 2vw;
	}
	.mypage .f-bnr .rightcol dt.f14{ font-size: 3.733vw;}
	.mypage .f-bnr .rightcol dd a{
		font-size: 5.066vw;
		min-width: inherit;
		padding: 2vw 12vw;
	}
	.mypage .f-bnr.bd-pink .rightcol dd a{ background: url("../img/arrow-white-pink.svg") right 4vw center / 4.8vw auto no-repeat #D196A7;}
	.mypage .f-bnr.bd-beige .rightcol dd a{ background: url("../img/arrow-white-brown.svg") right 4vw center / 4.8vw auto no-repeat #BAA575;}
	.mypage .f-bnr .rightcol dd a img{ margin-right: 1.6vw;}
	.mypage .f-bnr .rightcol dd p.komered{
		font-size: 3.733vw;
		padding-top: 1vw;
	}

	.mypage-movie{
		padding: 0 0 6vw;
	}
	.mypage-movie .movie-ttl{
		font-size: 14.133vw;
		min-height: 16.8vw;
		padding-left: 20vw;
		background: url("../img/ic-movie.svg") left center / 15.466vw auto no-repeat;
		margin-bottom: 2vw;
	}
	.mypage-movie .movie-slide .slick-slide{
		margin: 0 3vw;
	}
	.mypage-movie .movie-slide .slick-slide p{
		font-size: 4.266vw;
	}
	.mypage-movie .movie-slide .slick-dots li{
		margin: 0 1vw;
	}
	.mypage-movie .movie-slide.slick-dotted.slick-slider{
		padding-bottom: 20vw;
	}
	.mypage-movie .movie-slide .slick-dots li button::before{
		font-size: 4vw;
	}
	.mypage-movie .movie-slide ul.slick-dots{
		text-align: center;
		padding-right: 0;
	}
	.mypage-movie .movie-slide .slick-prev,.mypage-movie .movie-slide .slick-next{
		width: 8vw;
		height: 7vw;
		top: 90%;
	}
	.mypage-movie .movie-slide .slick-prev{
		left: 30%;
		background: url("../img/slide-prev.svg") center / 8vw auto no-repeat;
	}
	.mypage-movie .movie-slide .slick-next{
		right: 30%;
		background: url("../img/slide-next.svg") center / 8vw auto no-repeat;
	}
	.mypage2{
		padding-top: 5vw;
	}
	.mypage2 .mypage2-ttl1{
		padding-bottom: 5vw;
		margin-bottom: 12vw;
		position: relative;
	}
	.mypage2 .mypage2-ttl1 span{
		font-size: 8vw;
		padding-left: 15vw;
		background: url("../img/ic-course.svg") left top 2vw / 10.933vw auto no-repeat;
	}
	.mypage2 .mypage2-ttl1 a{
		position: absolute;
		right: 0;
		bottom: -10vw;
		font-size: 5.6vw;
		padding: 0 6vw 0 7vw;
		border-left: none;
		background: url("../img/ic-course-beige.svg") left center / 5.6vw auto no-repeat,
					url("../img/arrow-brown-bd.svg") right center / 3.733vw auto no-repeat;
	}
	.mypage2 article{
		padding: 5.33vw;
		display: block;
		margin-bottom: 5vw;
	}
	.mypage2 article figure{
		width: 100%;
		margin: 0 0 5vw;
	}
	.mypage2 article div{
		padding-bottom: 0;
	}
	.mypage2 .mypage2-ttl2{
		font-size: 5.866vw;
		margin-bottom: 3vw;
	}
	.mypage2 .mypage2-ttl2 span{
		margin-right: 3vw;
	}
	.mypage2 .mypage2-ttl2 strong{
		font-size: 6.4vw;
	}
	.mypage2 article div a{
		font-size: 4vw;
		position: static;
		padding-right: 8vw;
		display: block;
		background: url("../img/arrow-pink.svg") right center / 5.866vw auto no-repeat;
		margin: 5vw auto 0;
		width: fit-content;
	}
}



.privacy{
	text-align: left;
	margin-bottom: 155px;
}
.privacy h2{
	color: #7B684B;
	font-size: 18px;
	font-weight: 700;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 540px) {
	/* privacy */
	.privacy{ margin-bottom: 40vw;}
	.privacy h2{ font-size: 4.8vw;}
}



/* proof */
.proof{
	min-height: 100vh;
	padding: 21vh 5%;
	background: url("../img/proof-bd-top.png") center top / 100% 36px no-repeat,
				url("../img/proof-bd-bottom.png") center bottom / 100% 36px no-repeat,
				url("../img/proof-bg-pc.svg") center / cover no-repeat;
}
.proof h2{
	color: #A77418;
	font-size: 120px;
	line-height: 1.1;
	font-weight: 400;
	margin-bottom: 9vw;
}
.proof h2 img,.proof h2 span{ vertical-align: middle;}
.proof .bg-white{
	line-height: 1.4;
	font-weight: 700;
	border: 1px solid #D6D6D6;
	border-radius: 5px;
	padding: 20px;
	margin-bottom: 9vw;
}
.proof .number{ font-size: 15px;}
.proof .name{ font-size: 29px;}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 540px) {
	.proof{
		padding: 29vh 5%;
		background: url("../img/proof-bd-top.png") center top / 100% 36px no-repeat,
					url("../img/proof-bd-bottom.png") center bottom / 100% 36px no-repeat,
					url("../img/proof-bg-sp.png") center / cover no-repeat;
	}
	.proof h1{ margin-bottom: 2vw;}
	.proof h1 img{ width: 80%;}
	.proof h2{
		font-size: 20.266vw;
		margin-bottom: 20vw;
	}
	.proof h2 img{ width: 21.33%;}
	.proof .bg-white{ padding: 3vw;}
	.proof .number{ font-size: 4vw;}
	.proof .name{ font-size: 7.733vw;}
}



/* about */
.about{ margin-bottom: 160px;}
.about .cont1{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 50px;
}
.about .cont1 figure{ margin: 0 32px 20px;}
.about .cont2{
	max-width: 780px;
	background: url("../img/about-bg.jpg") center / cover no-repeat;
	border-radius: 26px;
	padding-top: 8px;
	position: relative;
	margin: 0 auto 70px;
}
.about .cont2 .inner{
	background: #fff;
	border-radius: 26px;
	display: flex;
	box-shadow: 6px 6px 0 0 rgba(195, 195, 195, .16);
	justify-content: space-between;
	padding: 10px 0 0 30px;
}
.about .cont2 .inner div{
	text-align: left;
	flex: 1;
}
.about .cont2 .inner div h3{
	color: #7B684B;
	font-size: 26px;
	line-height: 1.4;
	font-weight: 700;
	padding: 30px 0 40px 125px;
}
.about .cont2 .inner div h3 em{
	font-size: 22px;
	font-weight: 700;
	display: block;
	background: url("../img/about-ribbon.png") center / 90px auto no-repeat;
	width: 90px;
	height: 115px;
	position: absolute;
	top: 0;
	left: 40px;
	padding: 50px 0 0 20px;
}
.about .cont2 .inner div dl dt{
	color: #7B684B;
	font-size: 20px;
	line-height: 1.5;
	padding-bottom: 15px;
	border-bottom: 1px dashed #707070;
	margin-bottom: 15px;
}
.about .cont2 .inner div dl dd p{ margin-bottom: 1.5em;}
.about .cont2 .inner figure{
	width: 226px;
	margin-left: 40px;
}
.benefit-ttl{
	color: #7B684B;
	font-size: 39px;
	line-height: 1.4;
	font-weight: 400;
	width: fit-content;
	margin-right: auto;
	margin-left: auto;
	background: url("../img/benefit-subt.png") left center / 60px auto no-repeat;
	padding-left: 70px;
}
.benefit-list ol > li{
	text-align: left;
	background: #fff;
	display: flex;
	border-radius: 15px;
	padding: 35px;
	margin-bottom: 20px;
}
.benefit-list ol li .benefit{
	color: #7B684B;
	line-height: 1;
	text-align: center;
	background: url("../img/benefit-ttl.jpg") center / 91px auto no-repeat;
	width: 91px;
	height: 91px;
	margin-right: 22px;
	padding-top: 13px;
}
.benefit-list ol li .benefit strong{
	font-size: 45px;
	font-weight: 700;
	display: block;
}
.benefit-list dl{ flex: 1; text-align: left;}
.benefit-list dl dt{
	color: #7B684B;
	font-size: 18px;
	line-height: 1.4;
	font-weight: 700;
	margin-bottom: 10px;
}
.benefit-list dl dd p{ margin-bottom: 10px;}
.benefit-list dl dd p:last-of-type{ margin-bottom: 0;}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 540px) {
/* about */
	.about{ margin-bottom: 40vw;}
	.about .cont1{
		display: block;
		margin-bottom: 12vw;
	}
	.about .cont1 figure{ margin: 0 0 10vw;}
	.about .cont2{ margin-bottom: 18vw;}
	.about .cont2 .inner{
		display: block;
		padding: 5vw 3% 0;
	}
	.about .cont2 .inner div h3{
		font-size: 6.93vw;
		padding: 5vw 0 9vw 30vw;
	}
	.about .cont2 .inner div h3 em{
		font-size: 5.66vw;
		background: url("../img/about-ribbon.png") center / 22.13vw auto no-repeat;
		width: 22.13vw;
		height: 29.066vw;
		top: -.3vw;
		left: 6vw;
		padding: 13.33 0 0 4vw;
	}
	.about .cont2 .inner div dl dt{
		font-size: 5.33vw;
		padding-bottom: 4vw;
		margin-bottom: 4vw;
	}
	.about .cont2 .inner div dl dd p:last-child{ margin-bottom: 0;}
	.about .cont2 .inner figure{
		width: 100%;
		margin-left: 3%;
	}
	.benefit-ttl ol{
		font-size: 10.4vw;
		line-height: 1.2;
		background: url("../img/benefit-subt.png") left center / 16vw auto no-repeat;
		padding-left: 16vw;
	}
	.benefit-list ol > li{
		display: block;
		border-radius: 10px;
		padding: 7vw;
		margin-bottom: 5.33vw;
	}
	.benefit-list ol li .benefit{
		background: url("../img/benefit-ttl.jpg") center / 24.26vw auto no-repeat;
		width: 24.26vw;
		height: 24.26vw;
		padding-top: 3.466vw;
		margin: 0 auto 5vw;
	}
	.benefit-list ol li .benefit strong{ font-size: 12vw;}
	.benefit-list dl dt{
		font-size: 4.8vw;
		margin-bottom: 2vw;
	}
	.benefit-list dl dd p{ margin-bottom: 3vw;}
}



/* howto */
.howto{ margin-bottom: 160px;}
.howto .cont1{
	padding: 40px 50px 85px;
	background: #fff;
	border-radius: 15px;
}
.howto .cont1 h2{
	font-size: 18px;
	line-height: 1.4;
	font-weight: 400;
	padding-bottom: 12px;
	border-bottom: 1px solid #D1D1D1;
	margin-bottom: 20px;
}
.howto .cont1 ol.flow{
	text-align: left;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 40px;
	position: relative;
}
.howto .cont1 ol.flow:after{
	content: "";
	display: block;
	background: #F0DFE4;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	width: 68px;
	height: 34px;
	position: absolute;
	right: 0;
	bottom: -25px;
	left: 0;
	margin: auto;
}
.howto .cont1 ol.flow li{
	font-size: 14px;
	line-height: 1.4;
	margin: 0 20px 25px 0;
	padding: 2px 10px;
	border-radius: 5px;
	background: #EDEDED;
	min-width: 155px;
}
.howto .cont1 ol.flow li.active{ background: #F0DFE4;}
.howto .cont1 ol.flow li em{
	color: #E87191;
	display: inline-block;
	margin-right: .5em;
}
.howto .cont1 h3{
	color: #7B684B;
	font-size: 17px;
	line-height: 1.4;
	font-weight: 700;
	display: flex;
	justify-content: center;
	padding: 8px;
	border: 1px solid #7B684B;
}
.howto .cont1 h3 span{
	display: block;
	margin: 0 5px;
}
.howto .cont1 h3 span.arrow:after{
	content: "";
	background: url("../img/arrow-brown2.svg") center no-repeat;
	width: 14px;
	height: 6px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 5px 10px;
}
.howto .cont1 .fig{
	width: 879px;
	margin: 0 auto;
	position: relative;
}
.howto .cont1 .fig dl{
	text-align: left;
	position: absolute;
	width: 250px;
}
.howto .cont1 .fig dl.dl1,.howto .cont1 .fig dl.dl2,.howto .cont1 .fig dl.dl4{ left: 0;}
.howto .cont1 .fig dl.dl3,.howto .cont1 .fig dl.dl5{ right: 0; width: 230px;}
.howto .cont1 .fig dl.dl1{ top: 0;}
.howto .cont1 .fig dl.dl2{ top: 150px;}
.howto .cont1 .fig dl.dl3{ top: 65px;}
.howto .cont1 .fig dl.dl4{ bottom: 35px;}
.howto .cont1 .fig dl.dl5{ bottom: 18px;}
.howto .cont1 .fig dl dt{
	color: #E87191;
	font-size: 16px;
	font-weight: 700;
}
.howto .cont1 .fig dl dt em{
	font-size: 18px;
	display: inline-block;
	margin-right: .2em;
}
.howto .cont1 .fig dl dd{
	color: #7B684B;
	line-height: 1.8;
}
.howto .cont2{
	color: #7B684B;
	text-align: left;
	border: 1px solid #E87191;
	border-radius: 15px;
	padding: 25px 10px 25px 145px;
}
.howto .cont2 h4{
	font-size: 18px;
	font-weight: bold;
}
.howto .cont2 h4 span{
	display: inline-block;
	margin-left: 30px;
}
.howto .cont2 dl{
	padding-left: 175px;
	display: flex;
	margin-bottom: 15px;
}
.howto .cont2 dl dt{
	font-weight: 700;
	width: 3em;
}
.howto .cont2 dl dd{ flex: 1;}
.howto .cont2 dl dd span{
	color: #AE8D56;
	font-weight: 500;
	display: inline-block;
	margin-right: .5em;
}
.howto .flow2{
	color: #7B684B;
	font-size: 16px;
	font-weight: 700;
	max-width: 640px;
	margin: 0 auto 40px;
}
.howto .flow2 ul{
	display: flex;
	flex-wrap: wrap;
}
.howto .flow2 ul li{
	position: relative;
	padding-right: 40px;
	margin-bottom: 5px;
}
.howto .flow2 ul li:after{
	content: "";
	display: block;
	width: 14px;
	height: 13px;
	background: #E87191;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	position: absolute;
	top: 0;
	right: 13px;
	bottom: 0;
	margin: auto;
}
.howto .flow2 ul li:last-child:after{ content: none;}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 540px) {
/* howto */
	.howto{ margin-bottom: 40vw;}
	.howto .cont1{ padding: 4vw 3vw;}
	.howto .cont1 h2{
		font-size: 4.8vw;
		padding-bottom: 3.2vw;
		margin-bottom: 5.33vw;
	}
	.howto .cont1 ol.flow{
		justify-content: space-between;
		margin-bottom: 15vw;
	}
	.howto .cont1 ol.flow:after{
		width: 18vw;
		height: 9vw;
		bottom: -11.77vw;
	}
	.howto .cont1 ol.flow li{
		font-size: 3.2vw;
		margin: 0 0 1.5vw;
		padding: .5vw 2vw;
		min-width: inherit;
		width: 49%;
	}
	.howto .cont1 h3{
		font-size: 3.733vw;
		padding: 1vw;
	}
	.howto .cont1 h3.mb20{ margin-bottom: 5vw!important;}
	.howto .cont1 h3 span{ margin: 0 .5vw;}
	.howto .cont1 h3 span.arrow:after{ margin: 0 0 .5vw 1.5vw;}
	.howto .cont1 .fig{ width: auto;}
	.howto .cont1 .fig figure{ margin-bottom: 5vw;}
	.howto .cont1 .fig dl{
		position: static;
		width: auto;
		margin-bottom: 3vw;
	}
	.howto .cont1 .fig dl.dl3,.howto .cont1 .fig dl.dl5{ width: auto;}
	.howto .cont1 .fig dl dt{ font-size: 4.266vw;}
	.howto .cont1 .fig dl dt em{ font-size: 4.8vw;}
	.howto .cont2{ padding: 6vw 4vw;}
	.howto .cont2 h4{
		font-size: 4.8vw;
		line-height: 1.6;
		margin-bottom: 1vw;
		text-align: center;
	}
	.howto .cont2 h4 span{
		display: block;
		margin-left: 0;
	}
	.howto .cont2 dl{
		padding-left: 6vw;
		margin-bottom: 3vw;
	}
	.howto .cont2 dl dt{ width: 19vw;}
	.howto .cont2 dl dd span{ margin-right: 10vw;}
	.howto .cont2 p.sp{ margin-bottom: 3vw;}
	.howto .cont2 p.f-pink{ font-size: 3.733vw;}
	.howto .flow2{
		font-size: 4.266vw;
		margin-bottom: 5vw;
	}
	.howto .flow2 ul{ display: block;}
	.howto .flow2 ul li{
		padding: 0 0 5vw;
		margin-bottom: 0;
	}
	.howto .flow2 ul li:after{
		width: 3.2vw;
		height: 3vw;
		clip-path: polygon(0 0, 100% 0, 50% 100%);
		top: inherit;
		right: 0;
		bottom: 1.2vw;
		left: 0;
	}
	.howto .form-privacy.mb30{ margin-bottom: 12vw!important;}
}



/* course */
.course{
	text-align: left;
	margin-bottom: 160px;
}
.course .cont1{
	display: flex;
	justify-content: space-between;
}
.course .cont1 div{
	width: 46.6%;
	margin-bottom: 30px;
}
.course .cont1 div figure{ margin-bottom: 10px;}
.course .cont2{
	padding: 35px 50px;
	background: #fff;
	border-radius: 15px;
	margin-bottom: 70px;
}
.course .cont2 ul{
	display: flex;
	justify-content: space-between;
}
.course .cont2 ul li{
	width: 33%;
	padding-right: 4%;
	position: relative;
}
.course .cont2 ul li:after{
	content: "";
	position: absolute;
	top: 0;
	right: 2%;
	bottom: 0;
	margin: auto;
	width: 13.5px;
	height: 13px;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	display: block;
	background: #E87191;
}
.course .cont2 ul li:last-child:after{ content: none;}
.course .cont3{
	padding: 35px 50px;
	background: #fff;
	border-radius: 15px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 25px;
}
.course .cont3 div{ width: 53%;}
.course .cont3 div dl{
	border: 1px solid #E87191;
	padding: 10px 15px;
}
.course .cont3 figure{ width: 40%;}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 540px) {
/* course */
	.course{ margin-bottom: 40vw;}
	.course .cont1{ display: block;}
	.course .cont1 div{
		width: 100%;
		margin-bottom: 10vw;
	}
	.course .cont1 div figure{ margin-bottom: 2vw;}
	.course .cont2{
		padding: 5vw;
		margin-bottom: 18.66vw;
	}
	.course .cont2 ul{ display: block;}
	.course .cont2 ul li{
		width: 100%;
		padding: 0 0 8vw;
	}
	.course .cont2 ul li:after{
		top: inherit;
		right: 0;
		bottom: 2vw;
		left: 0;
		width: 3.6vw;
		height: 3.5vw;
		clip-path: polygon(0 0, 100% 0, 50% 100%);
	}
	.course .cont2 ul li:last-child{ padding-bottom: 4vw;}
	.course .cont3{
		padding: 5vw;
		display: block;
		margin-bottom: 3vw;
	}
	.course .cont3 div{ width: 100%; margin-bottom: 10vw;}
	.course .cont3 div dl{ padding: 4vw;}
	.course .cont3 figure{ width: 100%;}
}



/* faq */
.faq{
	text-align: left;
	margin-bottom: 160px;
}
.faq dl{
	padding: 20px 50px;
	border-radius: 15px;
	background: #fff;
}
.faq dl dt,.faq dl dd{ position: relative;}
.faq dl dt em,.faq dl dd em{
	font-weight: 700;
	position: absolute;
	top: 0;
	left: 0;
}
.faq dl dt{
	color: #71706A;
	font-size: 18px;
	font-weight: 700;
	font-family: "Zen Maru Gothic", serif;
	padding: 10px 0 20px 65px;
	border-bottom: 1px solid #D1D1D1;
	margin-bottom: 20px;
	min-height: 40px;
	background: url("../img/ic-faq.svg") left top 8px no-repeat;
}
.faq dl dt em{
	color: #7B684B;
	font-size: 19px;
	width: 39px;
	text-align: center;
	padding-top: .7em;
	height: 40px;
}
.faq dl dd{ padding-left: 65px;}
.faq dl dd em{
	color: #E87191;
	border: 1px solid #F4DCE2;
	border-radius: 50%;
	width: 34px;
	height: 34px;
	line-height: 28px;
	text-align: center;
	display: block;
	font-family: "Zen Maru Gothic", serif;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 540px) {
	.faq{ margin-bottom: 40vw;}
	.faq dl{ padding: 3vw;}
	.faq dl dt{
		font-size: 4.8vw;
		line-height: 1.4;
		padding: 2vw 0 5vw 14vw;
		margin-bottom: 5vw;
		min-height: inherit;
		background: url("../img/ic-faq.svg") left top 1vw / 10.4vw auto no-repeat;
	}
	.faq dl dt em{
		font-size: 5.066vw;
		width: 11vw;
		padding-top: .7em;
		height: 12vw;
	}
	.faq dl dd{ padding-left: 14vw;}
	.faq dl dd em{
		width: 9vw;
		height: 9vw;
		line-height: inherit;
	}
}



/* voice */
.voice-bg:before{
	content: "";
	position: fixed;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100vh - 101px);
	display: block;
	background: url("../img/voice-bg.jpg") center / cover no-repeat;
}
.voice{
	text-align: left;
	padding-top: 65px;
	margin-bottom: 155px;
}
.voice ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.voice ul li{
	width: 47%;
	background: #fff;
	border-radius: 28px;
	box-shadow: 6px 6px 0px 0px rgba(229, 229, 229, 1);
	position: relative;
	padding: 35px 30px 15px;
	margin-bottom: 70px;
}
.voice ul li:after{
	content: "";
	position: absolute;
	right: -6px;
	bottom: -35px;
	background: url("../img/voice-balloon.png") center / 37px auto no-repeat;
	width: 37px;
	height: 66px;
	display: block;
}
.voice ul li h2{
	color: #71706A;
	font-size: 20px;
	line-height: 1.4;
	margin-bottom: 20px;
}
.voice ul li p{
	margin-bottom: 20px;
}
.voice ul li p.age{
	color: #848484;
	font-size: 15px;
	font-weight: 700;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 540px) {
	.voice-bg:before{ background: url("../img/voice-bg-sp.jpg") center / cover no-repeat;}
	.voice{
		padding-top: 15vw;
		margin-bottom: 40vw;
	}
	.voice ul{
		display: block;
		padding: 0 3%;
	}
	.voice ul li{
		width: 100%;
		padding: 9.6vw 8vw 4vw;
		margin-bottom: 12vw;
	}
	.voice ul li h2{
		font-size: 5.33vw;
		margin-bottom: 5.33vw;
	}
	.voice ul li p{ margin-bottom: 5.33vw;}
	.voice ul li p.age{ font-size: 4vw;}
}




/* exposition */
.exposition1{
	background: #fff;
	border-radius: 15px;
	padding: 20px 50px 10px;
	margin-bottom: 60px;
}
.exposition1 dl{
	display: flex;
	justify-content: space-between;
	padding: 20px 0;
	border-top: 1px dotted #71706A;
}
.exposition1 dl:first-child{ border-top: none;}
.exposition1 dl dt{
	color: #7B684B;
	font-size: 18px;
	line-height: 1.44;
	font-weight: 700;
	width: 250px;
	margin-right: 3px;
}
.exposition1 dl dd{ flex: 1; font-weight: 500;}
.exposition2{
	background: #fff;
	border-radius: 15px;
	padding: 20px 65px 10px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 25px;
}
.exposition2 div{ width: 56%;}
.exposition2 div h3{
	color: #7B684B;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
}
.exposition2 div p{ margin-bottom: 10px;}
.exposition2 div dl{
	border: 1px solid #E87191;
	display: flex;
	padding: 5px 10px;
}
.exposition2 div dl dt{
	color: #E87191;
	margin-right: .7em;
}
.exposition2 figure{ width: 26%;}
.exposition3{
	background: #fff;
	border-radius: 15px;
	padding: 40px 65px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 25px;
}
.exposition3 dl dt{
	color: #7B684B;
	font-size: 18px;
	line-height: 1.4;
	font-weight: 700;
	margin-bottom: 10px;
}
.exposition3 div{ width: 340px;}
	
/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 540px) {
	.exposition1{
		padding: 1vw 5vw;
		margin-bottom: 10vw;
	}
	.exposition1 dl{
		display: block;
		padding: 4vw 0;
	}
	.exposition1 dl dt{
		font-size: 4.8vw;
		width: auto;
		margin: 0 0 3vw;
	}
	.exposition2{
		padding: 5vw;
		display: block;
		margin-bottom: 6.4vw;
	}
	.exposition2 div{ width: 100%;}
	.exposition2 div h3{
		font-size: 4.8vw;
		margin-bottom: 2vw;
	}
	.exposition2 div p{ margin-bottom: 2vw;}
	.exposition2 div dl{
		display: block;
		padding: 1vw 2vw;
		margin-bottom: 5vw;
	}
	.exposition2 figure{ width: 30%; margin: 0 auto;}
	.exposition3{
		padding: 5vw;
		display: block;
		margin-bottom: 5vw;
	}
	.exposition3 dl{ margin-bottom: 5vw;}
	.exposition3 dl dt{
		font-size: 4.8vw;
		margin-bottom: 2vw;
	}
	.exposition3 div{ width: auto;}
}
	

/* sitemap */
.sitemap{
	text-align: left;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 160px;
}
.sitemap > p,.sitemap div{
	width: 50%;
	padding-right: 10px;
	padding-left: 15%;
}
.sitemap div p,.sitemap div ul{
	width: 100%;
	padding-right: 0;
}
.sitemap ul li{
	position: relative;
	padding-left: 25px;
}
.sitemap ul li:before{
	content: "";
	position: absolute;
	top: 1em;
	left: 0;
	width: 15px;
	height: 2px;
	border-radius: 2px;
	display: block;
	background: #7B684B;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 540px) {
	.sitemap{ margin-bottom: 40vw; display: block;}
	.sitemap > p,.sitemap > div{
		width: 100%;
		padding-right: 0;
		padding-left: 0;
	}
}



/* partnership */
.partnership{
	text-align: left;
	margin-bottom: 160px;
}
.partnership .bg-white{
	color: #9b9b9b;
	font-size: 60px;
	line-height: 1.1;
	font-weight: bold;
	text-align: center;
	padding: 150px 5%;
}


/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 540px) {
	.partnership{ margin-bottom: 40vw;}
	.partnership .bg-white{
		font-size: 16vw;
		padding: 20vw 5%;
	}
}



/* member */
.member{
	padding: 50px 0;
	background: #FAFAFA;
	height: 100vh;
}
.member h1{ margin-bottom: 30px;}
.member h2{
	color: #7B684B;
	font-size: 41px;
	line-height: 1.4;
	font-weight: 700;
	margin-bottom: 10px;
}
.member .box{
	text-align: center;
	padding: 15px;
	border: 1px solid #D6D6D6;
	background: #fff;
	margin-bottom: 30px;
}
.member .box ul{
	display: inline-block;
	text-align: left;
}
.member .box ul li{
	padding-left: 1.2em;
	text-indent: -1.2em;
}
.member .btn2{
	font-size: 15px;
	line-height: 1.2!important;
	padding-top: 7px;
}
.member .btn2 strong{
	font-size: 20px;
	font-weight: 400;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 540px) {
	.member{ padding: 3vw 0;}
	.member h1{ margin-bottom: 8vw;}
	.member h2{
		font-size: 7.2vw;
		margin-bottom: 5vw;
	}
	.member .box{
		padding: 2vw 3vw;
		margin-bottom: 6vw;
	}
	.member .btn2{
		font-size: 4vw;
		padding-top: 2.5vw;
		padding-bottom: 3.5vw;
		height: auto!important;
	}
.member .btn2 strong{ font-size: 5.33vw;}

}