@charset "utf-8";

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline
}

html{
	overflow-y:scroll;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}

body{
	font-family:'Noto Sans JP', sans-serif;
	letter-spacing:.15em;
	line-height:2em;
	font-size:15px;
	color:#1A1311;
	overflow:hidden;
	font-weight:600;
	background-color:#FAF0E0;
	background-image:url(../../assets/images/bg/bg@2x.webp);
	background-position:50% 0%;
    background-size: 100% auto;
	background-repeat:no-repeat;
}

*{
	box-sizing:border-box;
}

img{
	max-width:100%;
	height:auto;
}

a,
a path,
.submit{
	-webkit-transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-o-transition:0.3s ease-in-out;
	transition:0.3s ease-in-out;
}

a:hover,
a:hover path,
.submit:hover{
	-webkit-transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-o-transition:0.3s ease-in-out;
	transition:0.3s ease-in-out;
	opacity:.8;
}

ul,
ol{
	list-style:none;
}

a{
	text-decoration:none;
	color:#1A1311;
}

.submit:hover{
	cursor:pointer;
}

/* bg-keycolor */
.bg-keycolor01{
	background-color:#E18173;
}

.bg-keycolor02{
	background-color:#64B7AF;
}

.bg-keycolor02-sub{
	background-color:#004D49;
}

/* heading */
.heading__center{
	align-items:center;
	justify-content:center;
	text-align:center;
}

.heading__h2{
	display:flex;
	flex-direction:column;
	line-height:1;
	gap:16px;
	margin-bottom:56px;
}

.heading__h2-en{
	font-size:18px;
	letter-spacing:0.05em;
}

.heading__h2-jp{
	font-size:48px;
}

/* reCAPTCHA */
.grecaptcha-badge{
	z-index:3;
	bottom:70px !important;
}

/* =========================================================
	Media Queries（まとめ）
========================================================= */

/* =========================
	@media 1200px
========================= */
@media screen and (max-width:1200px){
	body{
		font-size:14px;
	}

	.heading__h2{
		margin-bottom:48px;
	}

	.heading__h2-en{
		font-size:14px;
	}

	.heading__h2-jp{
		font-size:32px;
	}
}

/* =========================
	@media 900px
========================= */
@media screen and (max-width:900px){
	.heading__h2{
		margin-bottom:40px;
	}
}

/* =========================
	@media 768px
========================= */
@media screen and (max-width:768px){
	.grecaptcha-badge{
		bottom:67px !important;
	}

	.heading__h2{
		margin-bottom:32px;
	}
}