@charset "UTF-8";

.contact.section {
	padding-top: 10rem;
}
@media screen and (max-width: 767.98px) {
	.contact.section {
		padding-top: 5rem;
	}
}

.contact .info-text {
	margin-bottom: 5rem;
	font-size: 1.8rem;
	line-height: 1.8;
}
@media screen and (max-width:767.98px){
	.contact .info-text {
		margin-bottom: 3rem;
		font-size: 1.4rem;
	}
}

#agreement .privacy{
	height:28rem;
	margin:4rem 0;
	padding:3rem 4rem;
	overflow-y:auto;
	background:#F7F7F7;
	font-size:1.5rem;
	line-height:1.7;
}
@media screen and (max-width:767.98px){
	#agreement .privacy{
		height:24rem;
		margin:2.5rem 0;
		padding:2rem 1.5rem;
		font-size:1.3rem;
		line-height:1.7;
	}
}

#agreement .privacy h3{
	margin:0 0 .5rem;
	font-size:1.8rem;
	font-weight:700;
	line-height:1.5;
}
@media screen and (max-width:767.98px){
	#agreement .privacy h3{
		margin-bottom:.5rem;
		font-size:1.6rem;
	}
}

#agreement .privacy h4{
	margin:2.5rem 0 .8rem;
	font-size:1.6rem;
	font-weight:700;
	line-height:1.5;
}
@media screen and (max-width:767.98px){
	#agreement .privacy h4{
		margin:2rem 0 .5rem;
		font-size:1.4rem;
	}
}

#agreement .privacy p{
	margin:0;
}
@media screen and (max-width:767.98px){
	#agreement .privacy p{
		margin:0;
	}
}

#agreement .privacy ul{
	margin:1rem 0 0;
	padding:0;
	list-style:none;
}
@media screen and (max-width:767.98px){
	#agreement .privacy ul{
		margin-top:.8rem;
	}
}

#agreement .privacy li{
	position:relative;
	padding-left:1.5rem;
}
@media screen and (max-width:767.98px){
	#agreement .privacy li{
		padding-left:1.3rem;
	}
}

#agreement .privacy li::before{
	content:"・";
	position:absolute;
	top:0;
	left:0;
}

#agreement .privacy::-webkit-scrollbar{
	width:1.2rem;
}
@media screen and (max-width:767.98px){
	#agreement .privacy::-webkit-scrollbar{
		width:.8rem;
	}
}

#agreement .privacy::-webkit-scrollbar-track{
	background:#fff;
	border:1px solid #D9D9D9;
	border-radius:1rem;
}

#agreement .privacy::-webkit-scrollbar-thumb{
	background:#BDBDBD;
	border:.3rem solid #fff;
	border-radius:1rem;
}
@media screen and (max-width:767.98px){
	#agreement .privacy::-webkit-scrollbar-thumb{
		border:.2rem solid #fff;
	}
}
/* ------------------------------------
	thanks
------------------------------------ */

.thanks.section {
	padding-top: 10rem;
}
@media screen and (max-width: 767.98px) {
	.thanks.section {
		padding-top: 5rem;
	}
}

.thanks {
	text-align: center;
}
@media screen and (max-width: 767.98px) {
	.thanks {
		text-align: left;
	}
}

.thanks__box {
	max-width: 86rem;
	margin: 0 auto;
}
@media screen and (max-width: 767.98px) {
	.thanks__box {
		padding: 0 2rem;
	}
}

.thanks__box h2 {
	margin-bottom: 2.5rem;
	font-size: 3rem;
	font-weight: 500;
	line-height: 1.5;
}
@media screen and (max-width: 767.98px) {
	.thanks__box h2 {
		margin-bottom: 2rem;
		font-size: 1.8rem;
	}
}

.thanks__note {
	margin-top: 2.5rem;
	padding: 2rem;
	background: #F4F4F4;
	font-size: 1.5rem;
	line-height: 1.8;
}
@media screen and (max-width: 767.98px) {
	.thanks__note {
		margin-bottom: 2rem;
		font-size: 1.3rem;
		text-align: left;
	}
}

.thanks__btn {
	margin-top: 6rem;
}
@media screen and (max-width:767.98px){
	.thanks__btn {
		margin-top: 3rem;
	}
}

.thanks__btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 37.8rem;
	height: 7rem;
	margin: 3rem auto 0;
	border-radius: 999px;
	background: #15588A;
	color: #FFF;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1;
	transition: background .3s ease, color .3s ease;
}
@media screen and (max-width:767.98px){
	.thanks__btn a {
		width: 100%;
		max-width: 28rem;
		height: 5.2rem;
		margin-top: 2rem;
		font-size: 1.4rem;
	}
}

.thanks__btn a:hover {
	background: #102D48;
	opacity: 1;
}