@charset "utf-8";

/* ---------------------------------------- 
 - reserve_tel
---------------------------------------- */
#reserve_tel{
	width: 90%;
	max-width: 1000px;
	margin: 0 auto 100px;
	padding: 60px 5%;
	background-color: #d0d1cc;
	text-align: center;
}
#reserve_tel .ttl{
	font-size: 4.0rem;
	font-weight: 200;
	line-height: 1.4;
	color: #657568;
	margin-bottom: 0.5em;
}
#reserve_tel .tel{
	font-size: 4.6rem;
	font-weight: 200;
	line-height: 1.4;
	margin-bottom: 0.2em;
	display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
#reserve_tel .tel .reception{
	font-size: 2.6rem;
	margin: 0 0.5em;
}
@media screen and (max-width: 768px) {
	#reserve_tel{
		margin-bottom: 50px;
		padding: 30px 3%;
	}
	#reserve_tel .ttl{
		font-size: 2.2rem;
	}
	#reserve_tel .tel{
		font-size: 2.8rem;
	}
	#reserve_tel .tel .reception{
		font-size: 2.0rem;
	}
}

/* ---------------------------------------- 
 - reserve
---------------------------------------- */
#reserve{
	width: 90%;
	max-width: 1000px;
	margin: 0 auto 100px;
	text-align: center;
}
#reserve > .ttl{
	font-size: 4.0rem;
	font-weight: 200;
	line-height: 1.4;
	color: #657568;
	margin-bottom: 0.8em;
}
#reserve > .lead {
    margin-bottom: 3.0em;
}
/* reserve_box */
.reserve_box {
	display: flex;
	border-top:solid 1px #92a395;
	padding: 50px 0 10px;
	text-align: left;
}
.reserve_box .reserve_ttl {
	width: 400px;
}
.reserve_box .reserve_ttl .en{
	font-size: 4.6rem;
	font-weight: 200;
	line-height: 1.4;
	color: #657568;
	margin-bottom: 0.8em;
}
.reserve_box .reserve_ttl .jp{
	font-size: 1.8rem;
	display: block;
}
.reserve_box .btn_box_wrap {
	flex: 1;
	margin-left: 20px;
}
.reserve_box .btn_box {
	margin-bottom: 40px;
}
.reserve_box .btn_box .link_btn {
	margin-bottom: 15px;
}
.reserve_box .btn_box .link_btn a {
	background-color: #657568;
	color: #fff;
	font-size:1.8rem;
	font-weight: 200;
	width: 100%;
}
.reserve_box .btn_box.mypage .link_btn a {
	background-color: #4e4e4e;
	border-color: #4e4e4e;
}
.reserve_box .btn_box.member .link_btn a {
	color: inherit;
	border-color:#111;
	background-color: inherit;
}
.reserve_box .btn_box .link_btn.blank a::after {
    background-image: url(/assets/images/common/ico_blank_wht.svg);
}
.reserve_box .btn_box.member .link_btn a::after {
    background-image: url(/assets/images/common/ico_blank.svg);
}
.reserve_box .btn_box > ul.notice li {
	text-indent: -1.0em;
	margin-left: 1.0em;
	font-size:1.4rem;
	line-height: 1.8;
	margin-bottom: 0.8em;
}
.reserve_box .btn_box > ul.notice li a:hover {
	text-decoration: none;
}
.reserve_box .btn_box .howto {
    background-color: #d0d1cc;
    padding: 15px 25px;
	font-size: 1.3rem;		
    font-weight: 400;
	margin-top: 20px;
}
.reserve_box .btn_box .howto .howto_ttl {
	font-size: 1.4rem;
}
.reserve_box .btn_box .howto .howto_lead {
	margin-bottom: 1.0em;
}
.reserve_box .btn_box .howto .howto_txt {
	margin-bottom: 1.0em;
}
.reserve_box .btn_box .howto .howto_txt ul.notice li {
	text-indent: -1.0em;
	margin-left: 1.0em;
}
/* gensolman */
#reserve .gensolman {
	padding-top: 50px;
	border-top:solid 1px #92a395;
}
#reserve .gensolman .txt{
	font-size: 2.4rem;
	font-weight: 200;
	line-height: 1.4;
	margin-bottom: 1.0em;
}
#reserve .gensolman .link_btn {
	width: 100%;
	max-width: 580px;
	margin: 0 auto;
}
#reserve .gensolman .link_btn a {
	background-color: #657568;
	color: #fff;
	font-size:1.8rem;
	font-weight: 200;
	width: 100%;
}
#reserve .gensolman .link_btn.blank a::after {
    background-image: url(/assets/images/common/ico_blank_wht.svg);
}
/* attention */
#reserve .attention {
	margin-top: 50px;
	padding: 25px 30px;
	background-color: #d0d1cc;
}
#reserve .attention .ttl{
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1.4;
	margin-bottom: 0.8em;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
	/* reserve_box */
	.reserve_box .reserve_ttl {
		width: 270px;
	}
	.reserve_box .reserve_ttl .en{
		font-size: 3.6rem;
	}
	.reserve_box .reserve_ttl .jp{
		font-size: 1.5rem;
		letter-spacing: 0;
	}
	.reserve_box .btn_box .link_btn a {
		font-size:1.6rem;
	}
}
@media screen and (max-width: 768px) {
	#reserve{
		margin-bottom: 70px;
	}
	#reserve .ttl{
		font-size: 2.2rem;
		letter-spacing: 0;
	}
	/* reserve_box */
	.reserve_box {
		display: block;
		padding-top: 30px;
	}
	.reserve_box .reserve_ttl {
		width: 100%;
		margin-bottom: 1.5em;
	}
	.reserve_box .reserve_ttl .en{
		font-size: 3.0rem;
	}
	.reserve_box .reserve_ttl .jp{
		font-size: 1.5rem;
	}
	.reserve_box .btn_box_wrap {
		margin-left: 0;
	}
	.reserve_box .btn_box {
		margin-bottom: 30px;
	}
	.reserve_box .btn_box .link_btn a {
		font-size:1.5rem;
		padding: 7px 35px 7px 20px;
		letter-spacing: 0;
	}
	.reserve_box .btn_box > ul.notice li {
		font-size:1.3rem;
	}
	.reserve_box .btn_box .howto {
		padding: 15px 5%;
		font-size: 1.2rem;
	}
	.reserve_box .btn_box .howto .howto_ttl {
		font-size: 1.3rem;
	}
	/* gensolman */
	#reserve .gensolman {
		padding-top: 30px;
	}
	#reserve .gensolman .txt{
		font-size: 1.8rem;
	}
	#reserve .gensolman .link_btn {
		width: 100%;
		max-width: 580px;
		margin: 0 auto;
	}
	#reserve .gensolman .link_btn a {
		font-size:1.5rem;
		letter-spacing: 0;
	}
	/* attention */
	#reserve .attention {
		margin-top: 30px;
		padding: 15px 5%;
	}
	#reserve .attention .ttl{
		font-size: 1.6rem;
	}
	#reserve .attention .txt{
		font-size: 1.3rem;
		text-align: left;
	}
}