@charset "utf-8";

/*HEADER*/
.keyvisual {
}

@media screen and (max-width: 767.98px) {
/*BASE*/
#headerNavi nav .sp li.contact .en {
	color:rgb(175, 47, 47) !important;
}

section:not(.keyvisual) h1.title {
	font-size:18px;
}

/*HEADER*/
.keyvisual .txt-box ,
.keyvisual .txt-box h1 {
	backdrop-filter:none;
}

/*E-Mail*/
#mail {
	padding:4rem 2rem;
}
#mail h1.title {
	margin-bottom:2rem;
}
#mail h1.title .en {
	font-size:24px;
}
#mail h1.title .ja {
	font-size:18px;
}

#mail .attention-box {
	font-size:12px;
	text-align:center;
	color:#000;
	max-width:800px;
	margin:0 auto 2rem;
}
#mail .attention-box li:not(:last-child) {
	margin-bottom:1rem;
}
#mail .attention-box .tel {
	font-size:24px;
}

}

/*PC NPC TAB*/
@media screen and (min-width: 768px), print {

/*BASE*/
html {scroll-padding-top:100px; }

#headerNavi.display-on li.contact .en {
	color:rgb(175, 47, 47) !important;
}

section:not(.keyvisual) h1.title {
	font-size:24px;
}
	
/*HEADER*/
.keyvisual .img-bg {
	top: 50%;
	transform: translateY(-50%);
}
.keyvisual .txt-box ,
.keyvisual .txt-box h1 {
	backdrop-filter:none;
}

/*E-Mail*/
#mail {
	padding:100px 80px;
}
#mail h1.title {
	display:flex;
	flex-direction: row-reverse;
	align-items:center;
	justify-content:center;
	column-gap:1rem;
	font-weight:700;
	margin:0 auto 2rem;
}
#mail h1.title .en {
	font-size:24px;
}
#mail h1.title .ja {
	font-size:24px;
}

#mail .attention-box {
	font-size:14px;
	text-align:center;
	color:#000;
	max-width:800px;
	margin:0 auto 2rem;
}
#mail .attention-box li:not(:last-child) {
	margin-bottom:1rem;
}
#mail .attention-box .tel {
	font-size:24px;
}
}