@charset 'UTF-8';
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');

#page {
	--color-main: #006a40;
	--color-main-negative: #fff;
	--color-main-bg: #fdf0d9;
	--color-sub: #ef6b57;
	--font-en: 'Montserrat', sans-serif;
	position:relative; background:var(--color-main-bg); color:var(--color-main); 
	font-size:1.6rem; font-family:var(--font-family-main); line-height:2.6; text-align:center; 
}

@media screen and (max-width:599px) {
#page {padding:0 2rem; font-size:1.2rem; line-height:2.4;}
}


@media screen and (min-width:600px) {
#page .sp {display:none !important;}
}

@media screen and (max-width:599px) {
#page .pc {display:none !important;}
}


#page .c-button {
	display:flex; justify-content:center; align-items:center; width:41rem; min-width:0; height:6rem; position:relative; 
	margin:0; padding:1rem 7rem; border-radius:10rem; box-sizing:border-box;
	background:#ef6b57; color:var(--color-main-bg); font-size:2.4rem; font-weight:bold; line-height:1; overflow:hidden;}
#page .c-button::after {
	display:flex; justify-content:center; align-items:center; content:''; width:7rem; position:absolute; right:0; top:0; bottom:0; transform:none; 
	background:url(images/icon_arrow.svg) center center no-repeat; background-size:40%;}

@media screen and (max-width:599px) {
#page .c-button {width:70.3125vw; height:15.625vw; padding:0.5555em 1.6666em; font-size:1.8rem; font-size:5.625vw;}
#page .c-button::after {width:2.2222em;}
}