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

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

#cont1{
	text-align: center;
	margin-bottom: calc( 120 * 100vw / 1600 );
}
#cont1 h2{
	font-size: 40px;
	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;
	line-height: 2.4;
}



@media screen and (min-width:1025px) and (max-width: 1399px){
#cont1 h2{
	font-size: 30px;
}
#cont1 p{
	font-size: 16px;
}
}



@media screen and (max-width: 1024px){
#cont1{
	text-align: left;
	margin-bottom: calc( 100 * 100vw / 750 );
}
#cont1 h2{
	font-size: 6.8vw;
	margin-bottom: calc( 40 * 100vw / 750 );
}
#cont1 p{
	font-size: 3.4vw;
}
}




/*--------------------------------------------
CONT2
---------------------------------------------*/

#cont2{
	padding-left: calc( 400 * 100vw / 1920 );
	padding-right: calc( 400 * 100vw / 1920 );
	background-color: #f7f6f2;
	padding-top: calc( 70 * 100vw / 1920 );
	padding-bottom: calc( 44 * 100vw / 1920 );
	margin-bottom: calc( 70 * 100vw / 1920 );
}
#cont2 h2{
	background-color:#545d60;
	color: #fff;
	position: relative;
	text-align: center;
	border-radius: 45px 45px 45px 45px;
	font-size: 24px;
	width: calc( 546 * 100vw / 1600 );
	border: 1px solid #545d60;
	padding-top: calc( 26 * 100vw / 1600 );
	padding-bottom: calc( 26 * 100vw / 1600 );
	margin: 0 auto calc( 44 * 100vw / 1600 ) auto;
}
#cont2 h2::after{
	background-image: url("../images/top/tab_yajirushi.png");
	content: '';
	display: inline-block;
	width: 30px;
	height: 18px;
	position: absolute;
	top: 108%;
	left: 50%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

#cont2 dl{
	width: 100%;
	display: flex;
	align-items: center;
	border-bottom: #c9c8c3 solid 1px;
	padding-top: 30px;
	padding-bottom: 30px;
}
#cont2 dl:last-child{
	border-bottom: none;
}
#cont2 dl dt{
	font-size: 22px;
	line-height: 1.5;
	flex-basis: 25%;
	font-weight: 500;
}
#cont2 dl dd{
	font-size: 22px;
	line-height: 1.5;
	flex-basis: 75%;
}



@media screen and (min-width:1025px) and (max-width: 1399px){
#cont2{
	padding-left: calc( 120 * 100vw / 1600 );
	padding-right: calc( 120 * 100vw / 1600 );
}
#cont2 h2{
	font-size: 20px;
}
#cont2 dl{
}
#cont2 dl dt{
	font-size: 18px;
}
#cont2 dl dd{
	font-size: 18px;
}

}


@media screen and (max-width: 1024px){
#cont2{
	padding-top: calc( 86 * 100vw / 750 );
	padding-bottom: calc( 30 * 100vw / 750 );
	padding-left: calc( 64 * 100vw / 750 );
	padding-right: calc( 64 * 100vw / 750 );
	margin-bottom: calc( 70 * 100vw / 750 );
}
#cont2 h2{
	font-size: 4.2vw;
	width: calc( 606 * 100vw / 750 );
	padding-top: calc( 32 * 100vw / 750 );
	padding-bottom: calc( 32 * 100vw / 750 );
}
#cont2 dl{
	padding-top: calc( 50 * 100vw / 750 );
	padding-bottom: calc( 50 * 100vw / 750 );
}
#cont2 dl dt{
	font-size: 3.4vw;
	flex-basis: 30%;
}
#cont2 dl dd{
	font-size: 3.4vw;
	flex-basis: 70%;
}
}