@charset "UTF-8";
:root{
	--body : #545d60;
	--link : #545d60;
}


/*--------------------------------------------
CONT1
---------------------------------------------*/

#cont1{
	padding-left: calc( 330 * 100vw / 1920 );
	padding-right: calc( 330 * 100vw / 1920 );
	margin-bottom: calc( 140 * 100vw / 1920 );
}
#cont1 h2{
	font-size: 40px;
	text-align: center;
	font-weight: 500;
	line-height: 1.5;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	margin-bottom: calc( 40 * 100vw / 1600 );
}
#cont1 p{
	font-size: 18px;
	text-align: center;
	line-height: 2.4;
	margin-bottom: calc( 40 * 100vw / 1920 );
}
#cont1 dl{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: calc( 30 * 100vw / 1600 );
	/*align-items: center;*/
	/*border-top: #c9c8c3 solid 1px;*/
	/*padding-top: 30px;
	padding-bottom: 30px;*/
}
#cont1 dl dt:first-child,
#cont1 dl dt:first-child + dd{
	border-top: none;
}
#cont1 dl dt{
	font-size: 21px;
	line-height: 1.5;
	flex-basis: 30%;
	font-weight: 500;
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: #c9c8c3 solid 1px;
}
#cont1 dl dd{
	font-size: 21px;
	line-height: 1.5;
	flex-basis: 70%;
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: #c9c8c3 solid 1px;
}

#cont1 form dl dt.hissu:after{
	content:'必須';
	font-size: 15px;
	padding: 1px 6px 3px 6px;
	color: #fff;
	background-color: #e8282b;
	margin-left: 10px;
}

#cont1 form div.privacy{
	padding-left: calc( 330 * 100vw / 1920 );
	padding-right: calc( 330 * 100vw / 1920 );
	background-color: #f1f0eb;
	padding: calc( 30 * 100vw / 1920 );
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: calc( 90 * 100vw / 1920 );
}


#cont1 a.thanks{
	font-size: 23px;
	color: #fff;
	background-color: #545d60;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	/*max-width: 276px;*/
	width: calc( 300* 100vw / 1600 );
	margin: 32px auto 0 auto;
	border-radius: 36px 36px 36px 36px;
	padding-left: calc( 20 * 100vw / 1600 );
	padding-right: calc( 20 * 100vw / 1600 );
	padding-top: calc( 18 * 100vw / 1600 );
	padding-bottom: calc( 18 * 100vw / 1600 );
}






@media screen and (min-width:1025px) and (max-width: 1399px){
#cont1{
	padding-left: calc( 120 * 100vw / 1600 );
	padding-right: calc( 120 * 100vw / 1600 );
}
#cont1 h2{
	font-size: 30px;
}
#cont1 p{
	font-size: 16px;
}
#cont1 dl{
}
#cont1 dl dt{
	font-size: 18px;
}
#cont1 dl dd{
	font-size: 18px;
}
#cont1 form div.privacy{
	font-size: 16px;
}
#cont1 a.thanks{
	font-size: 18px;
}

}


@media screen and (max-width: 1024px){
#cont1{
	padding-bottom: calc( 50 * 100vw / 750 );
	padding-left: calc( 64 * 100vw / 750 );
	padding-right: calc( 64 * 100vw / 750 );
}
#cont1 h2{
	font-size: 6.8vw;
	margin-bottom: calc( 40 * 100vw / 750 );
}
#cont1 p{
	font-size: 3.4vw;
	text-align: left;
	line-height: 2.0;
	margin-bottom: calc( 60 * 100vw / 750 );
}
#cont1 dl{
	padding-top: calc( 30 * 100vw / 750 );
	padding-bottom: calc( 30 * 100vw / 750 );
	display: flex;
	flex-direction: column;
}
#cont1 dl:first-child{
	padding-top: 0;
}
#cont1 dl dt{
	font-size: 3.8vw;
	flex-basis: 100%;
	margin-bottom: calc( 10 * 100vw / 750 );
}
#cont1 dl dd{
	font-size: 3.4vw;
	flex-basis: 100%;
}
#cont1 form dl dt.hissu:after{
	font-size: 2.8vw;
	padding: 1px 6px 3px 6px;
	margin-left: calc( 10 * 100vw / 750 );
}
#cont1 form div.privacy{
	font-size: 2.8vw;
	padding: calc( 26 * 100vw / 750 );
	margin-bottom: calc( 60 * 100vw / 750 );
}
#cont1 a.thanks{
	font-size: 3.4vw;
	width: calc( 300* 100vw / 750 );
	padding-top: calc( 30 * 100vw / 750 );
	padding-bottom: calc( 30 * 100vw / 750 );
}
}