@charset "UTF-8";
@font-face {
	src: url('/css/fonts/MonteCarlo/MonteCarlo-Regular.woff2') format('woff2');
	font-family: "MonteCarlo";
	font-weight:400;
	font-style: normal;
	font-display: swap;
}

/**
 * defining
 * 		SP切替サイズ750以下
 */

/**
 * var set
 */
html{
	--size-responsivePc:1240px;
	--size-hamburger:750px;
	--padding-bodyLR:10px;
	--padding-centerContents:200px;
	--flow-cerlce:10vw;
	--flow-cerlceSp:15vw;
	--column-thumb:80px;
}
/**
 * 共通
 */
*:not(.icon):not(article section){
	line-height:1.2;
}
*,*:after,*:before{
	box-sizing:border-box;
	margin:0;
	padding:0;
	/*transition:.3s;*/
}
a,
[type=button]{
	transition:.3s;
}
body,
input[type=submit],
input[type=button],
*::placeholder {
	font-family: "游明朝", "Yu Mincho","游明朝 Medium","YuMincho Medium", "游明朝体", "YuMincho","Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.sanSerif{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
body{
	min-width:340px;
	text-rendering: optimizeLegibility;
}
img{
	width:auto;
	max-width:100%;
	height: auto;
	max-height: 100%;
}
header,
/*#mainPhoto,*/
#banner,
#banner2,
#banner3,
#concept,
footer .corp,
main > section,
nav{
	padding-left:calc((100% - var(--size-responsivePc)) / 2);
	padding-right:calc((100% - var(--size-responsivePc)) / 2);
}
@media screen and (min-width:751px){
	body{
		font-size:18px;
	}
}
@media screen and (min-width: 1000px){
	body{
		font-size:20px;
	}
}
@media screen and (max-width: 1260px){
	header,
	/*#mainPhoto,*/
	#banner,
	#banner2,
	#banner3,
	#concept,
	footer .corp,
	main > section,
	nav{
		padding-left:var(--padding-bodyLR);
		padding-right:var(--padding-bodyLR);
	}
}
article{
	padding-left:var(--padding-bodyLR);
	padding-right:var(--padding-bodyLR);
	padding-top:var(--padding-bodyLR);
	padding-bottom:var(--padding-bodyLR);
}
@media screen and (max-width:750px){
	header,
	#mainPhoto,
	#banner,
	#banner2,
	#banner3,
	#concept,
	main,
	nav{
		padding-left:0;
		padding-right:0;
	}
}
a{
	text-decoration:none;
}
section:not(#mainPhoto){
	/* min-height:100vh; */
}

.pcNoneBr{
	display:none;
}
.spNoneBr{
	display:inline;
}
.pcNoneIb{
	display:none;
}
.spNoneIb{
	display:inline-block;
}
@media screen and (max-width:750px){
	.pcNoneBr{
		display:inline;
	}
	.spNoneBr{
		display:none;
	}
	.pcNoneIb{
		display:inline-block;
	}
	.spNoneIb{
		display:none;
	}
}
.fsctrl {
	display:inline-block !important;
	font-size:115%;
	letter-spacing:-4px;
	vertical-align: text-top;
}
_::-webkit-full-page-media, _:future, :root .fsctrl {
	vertical-align: unset;
	position: relative;
	top: 2px;
}
.layar {
	display:block;
	height:100%;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-ndex:2;
}

/* to form banner */
#toForm {
	padding-top: 35px;
	padding-bottom: 50px;
}
#toForm > div {
	width:90%;
	margin: 40px auto 20px auto;
	border: 3px solid #f19b06;
}
#toForm .tit {
	background-color: #f19b06;
	padding:10px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	font-size:5vw;
}
#toForm .cont {
	padding:15px;
	position:relative;
	background: rgb(255,255,255);
	background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 1%, rgba(254,235,166,1) 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 1%,rgba(254,235,166,1) 100%);
	background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 1%,rgba(254,235,166,1) 100%);
}
#toForm .cont:after {
	position:absolute;
	display:block;
	content:'';
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-image:url(../img-webp/character.webp);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:bottom right;
	pointer-events:none;
}
#toForm .catch {
	font-size:4vw;
	text-align:center;
	text-indent:1.5vw;
}
#toForm .linkWrap .phoneNo{
	font-size:7.8vw;
	font-weight:bold;
	display: inline-block;
	background: linear-gradient(180deg, #F43335 0%, #960500 100%);
	background: -webkit-linear-gradient(-90deg, #F43335 0%, #960500 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	line-height:1;
	margin-bottom:-10px;
}
#toForm .reception {
	display: inline-block;
	color:#000;
	line-height: 2;
	font-size:2.5vw;
}
@media screen and (max-width:750px){
	#toForm  {
		padding-top:5px;
		padding-bottom:0;
	}
	#toForm > div {
		margin-top:0;
		margin-bottom:0;
		width: calc(100% - (var(--padding-bodyLR) * 2));
		margin-left: var(--padding-bodyLR);
		margin-right: var(--padding-bodyLR);

	}
}
@media screen and (max-width: 480px){
	#toForm .catch {
		font-size: 4.5vw;
		margin-right: 15vw;
	}
	#toForm .linkWrap .phoneNo{
		font-size:7vw;
	}
	#toForm .reception {
		line-height: 3;
	}
}
#toForm a.phoneLink {
	display:flex;
	flex-wrap:wrap;
	padding-left: 15vw;
	position:relative;
	z-index:1;
}
#toForm a.phoneLink:before {
	display:block;
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:13vw;
	height:100%;
	background-image: url(../img-webp/iconFreedial.webp);
	background-size:contain;
	background-repeat:no-repeat;
}
#toForm .mailLink{
	background-color:#ffdd40;
	border:2px solid #000;
	border-right-width:3px;
	border-bottom-width:3px;
	margin:10px auto 0 auto;
	padding:5px 10px;
	width:100%;
	display:block;
	line-height:1;
	border-radius:100px;
	color:#000;
	font-weight:bold;
	text-align:center;
	position:relative;
	z-index:1;
}
#toForm .mailLink:hover{
	background-color:#ffeb90;
}
#toForm .mailLink:after{
	display:block;
	content:'';
	position:absolute;
	width:10px;
	height:10px;
	border-top:2px solid #000;
	border-right:2px solid #000;
	margin:auto;
	top:0;
	bottom:0;
	right:15px;
	transform:rotate(45deg);
}
@media screen and (min-width:751px){
	#toForm a.phoneLink {
		padding-left: 11vw;
	}
	#toForm a.phoneLink:before{
		width: 10vw;
	}
	#toForm .linkWrap .phoneNo{
		font-size: 7vw;
	}
	#toForm .reception{
		font-size: 2.5vw;
		margin-left: 10px;
		line-height: 1.2;
	}
	#toForm .reception em{
		font-style:normal;
		display:none;
	}
	#toForm .mailLink{
		margin-top:2vw;
		font-size:2.5vw;
		width: calc(100% - 12vw);
		margin:20px auto 0 0;
	}
}
@media screen and (min-width:1000px){
	#toForm .catch{
		font-size:36px;
	}
	#toForm a.phoneLink {
		padding-left: 130px;
		align-items: center;
	}
	#toForm a.phoneLink:before{
		width:130px;
	}
	#toForm .linkWrap .phoneNo{
		font-size: 80px;
	}
	#toForm .reception{
		line-height: 1.1;
		padding-left:.5vw;
		font-weight:bold;
		font-size: 30px;
	}
	#toForm .reception em{
		font-style:normal;
		display:none;
	}
	#toForm .mailLink{
		margin-top:2vw;
		font-size:2.5vw;
		width: 830px;
		margin:20px auto 0 0;
	}
}

@media screen and (max-width:750px){
	#toForm .reception br{
		display:none;
	}
	#toForm .reception em{
		font-style:normal;
		display:inline;
	}
}
@media screen and (max-width:480px){
	#toForm a.phoneLink{
		padding-left: 17vw;
	}
}
.sendMessage{
	display:none;
	padding: 10px;
	text-align: center;
	background-color: #d41400;
	font-weight: bold;
	font-size: 24px;
	color: #FFF;
}
/* parts */
.ib {
	display:inline-block;
}
.textRed{
	color:#d40000;
}

/**
 * header
 */
.logoWrap {
	display: inline-block;
	text-align: center;
	padding-left: 5px;
	padding-top: 5px;
	line-height: 1;
	background-image:url(../img-webp/logo.webp);
	background-repeat:no-repeat;
	background-size: auto 86%;
	padding-left:80px;
	background-position: left 5px bottom 3px;
}
header{
	top:0;
	background-color:#FFF;
	z-index: 10;
}
/*
[lang=ja] .fixLangBtnWrap {
	font-family: "MonteCarlo", serif;
	font-weight:normal;
}
*/
@media screen and (min-width:751px){
	.fixLangBtnWrap {
		display:none;
		position: fixed;
		right: 4px;
		top: 128px;
		z-index: 1;
		background: #FFF;
		width: 198px;
		text-align: center;
		background-size: auto auto;
		background-color: #e6eceb;
		color: #000;
		font-weight: bold;
		text-align: center;
		padding: 4px;
		border-radius: 4px;
		z-index: 4;
		border: 1px solid #a3b5b2;
		outline: 1px solid #FFF;
		outline-offset: -2px;
		box-shadow: 0px 0px 5px rgba(0, 0, 0, .1);
	}
	[lang=en-US] .fixLangBtnWrap,
	[lang=cn] .fixLangBtnWrap {
		top: 10px;
	}
	[lang=ja] .fixLangBtnWrap a{
		font-size:22px;
		font-weight: normal;
	}
	.fixLangBtnWrap.active {
		display:block;
	}
	.fixLangBtnWrap a {
		color: #333;
		font-size: 16px;
	}
	.fixLangBtnWrap a:hover {
		color: #01604f;
	}
	.pcHeaderInquiry .langLabel{
		display:none;
	}
	[lang=en-US] .pcHeaderInquiry .langLabel{
		display:block;
	}

}
.headerLangBtn .btnLang{
	display:block;
	width:100%;
	height:100%;
	background-color:transparent;
	border-width:0;
	background-repeat:no-repeat;
	background-size:contain;
}
.headerLangBtn .btnLang.langEn{
	background-image:url(/img-webp/lang_je.webp);
}
.headerLangBtn .btnLang.langEn:hover{
	background-image:url(/img-webp/lang_je_hover.webp);
}
.headerLangBtn .btnLang.langJa{
	background-image:url(/img-webp/lang_ej.webp);
}
.headerLangBtn .btnLang.langJa:hover{
	background-image:url(/img-webp/lang_ej_hover.webp);
}
.headerLangBtn .langLabel{
	font-size:15px;
	text-align:center;
	margin-top:6px;
}
@media screen and (max-width:750px){
	.fixLangBtnWrap {
		position:absolute;
		right:0px;
		top:65px;
		z-index:1;
	}
	.fixLangBtnWrap a{
		padding: 8px;
		background-color: #FFF;
		border-radius: 4px 0 0 4px;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		color: #000;
	}
	[lang=ja] .fixLangBtnWrap a{
		font-size:20px;
		letter-spacing:1px;
		padding: 4px 8px 7px;
	}
	.fixLangBtnWrap a > span {
		font-size: 14px;
		line-height: 1;
	}
}

@media screen and (min-width:750px){
	header{
		display:flex;
		justify-content:space-between;
		align-items: center;
		height: 100px;
		flex-wrap:wrap;
	}
	.pcHeaderInquiry{
		display:flex;
		align-items:center;
	}
	/*
	.headerLangBtn {
		display:flex;
		margin-right:15px;
		flex-direction: column;
	}
	.headerLangBtn a{
		padding: 5px;
		display: block;
		width: 2.5em;
		text-align: center;
		font-size: 16px;
		border: 1px solid rgba(0,0,0,0.5);
		border-width: 1px 1px 1px 1px;
		background: #444;
		color: #fff;
	}
	.headerLangBtn a.linkJp{
		border-bottom:1px solid #000;
	}
	.headerLangBtn a:first-of-type {
		border-bottom-width: 0px;
		border-radius: 6px 6px 0 0;
	}
	.headerLangBtn a:last-of-type {
		border-radius: 0 0 6px 6px;
	}
	.headerLangBtn a.active {
		background: #ffffff;
		color: #000;
		cursor:default;
	}
	.headerLangBtn a:not(.active):hover {
		background: #ffea8a;
		color: #000;
	}
	.headerLangBtn:hover a.active:not(:hover) {
		background: #444;
		color: #fff;
	}
	*/
	.headerLangBtn {
		width:40px;
		height:40px;
		margin-right: 14px;
	}


	.pcHeaderInquiry .qrWrap{
		width:6vw;
		height:8vw;
		line-height:1;
		margin-right:0.5vw;
		margin-top:1.3vw;
	}
	.pcHeaderInquiry .qrWrap.instagram{
		padding-top:0.6vw;
	}
	.pcHeaderInquiry .qrWrap img{
		width:auto;
		max-width:100%;
	}
	.pcHeaderInquiry .qrWrap > div{
		font-size:1vw;
		line-height:1;
		text-align:center;
	}
	.pcHeaderInquiry .langLabel{
		font-size:1vw;
	}
	.pcHeaderInquiry .catch{
		font-weight:bold;
		text-align:center;
		font-size:1.8vw;
		line-height:1;
		margin-top:5px;
	}
	.pcHeaderInquiry .telWrap{
		display:flex;
		flex-wrap:nowrap;
	}
	.pcHeaderInquiry .telWrap img{
		width:5.5vw;
		height:auto;
	}
	.pcHeaderInquiry .telWrap .phoneNo{
		font-size:4.6vw;
		font-weight:bold;
		display: inline-block;
		background: linear-gradient(180deg, #F43335 0%, #960500 100%);
		background: -webkit-linear-gradient(-90deg, #F43335 0%, #960500 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		line-height:1;
		margin-bottom:-2vw;
		letter-spacing: 0.3vw;
	}
	.pcHeaderInquiry .footer span{
		font-size:1.5vw;
	}
	.pcHeaderInquiry .footer .phoneReception{
		background-image:url(../img-webp/iconPhone.webp);
		background-repeat:no-repeat;
		background-size:contain;
		padding-left: 2vw;
		margin-right: 2vw;
	}
	.pcHeaderInquiry .footer a{
		display:inline-block;
		font-size:1.3vw;
		background-color:#ffdd41;
		border:1px solid #000;
		line-height:1;
		padding: 0.8vw 1vw 0.8vw 3vw;
		font-weight:bold;
		color:#000;
		posiiton:relative;
		border-radius:6px;
		border-bottom-width:2px;
		position:relative;
		background-image:url(../img-webp/iconMail.webp);
		background-size: auto 50%;
		background-repeat:no-repeat;
		background-position: left 9px top 6px;
	}
	.pcHeaderInquiry .footer a:before{
		display:block;
		/*content:'';*/
		position:absolute;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 7px 0 7px 8px;
		border-color: transparent transparent transparent #000;
		margin:auto;
		top:0;
		bottom:1px;
		left:10px;
	}
	.pcHeaderInquiry .footer a:hover{
		border-bottom-width:1px;
		position:relative;
		bottom:-1px;
	}
}
@media screen and (min-width:980px){
	.pcHeaderInquiry .qrWrap{
		width:70px;
		height:90px;
		line-height:1;
		margin-right:10px;
		margin-top:10px;
	}
	.pcHeaderInquiry .qrWrap img{
		width:auto;
		max-width:100%;
	}
	[lang=en-US] .pcHeaderInquiry .qrWrap > div{
		font-size:15px;
	}
	.pcHeaderInquiry .qrWrap > div{
		font-size:11px;
		line-height:1;
		text-align:center;
		margin-top:-3px;
	}
	.pcHeaderInquiry .catch{
		font-weight:bold;
		text-align:center;
		font-size:18px;
		line-height:1;
		margin-top:5px;
	}
	.pcHeaderInquiry .telWrap{
		display:flex;
		flex-wrap:nowrap;
	}
	.pcHeaderInquiry .telWrap img{
		width:50px;
		height:auto;
	}
	.pcHeaderInquiry .telWrap .phoneNo{
		font-size:44px;
		font-weight:bold;
		display: inline-block;
		background: linear-gradient(180deg, #F43335 0%, #960500 100%);
		background: -webkit-linear-gradient(-90deg, #F43335 0%, #960500 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		line-height:1;
		margin-bottom:-10px;
		letter-spacing: 3.3px;
	}
	.pcHeaderInquiry .footer span{
		font-size:15px;
	}
	.pcHeaderInquiry .footer .phoneReception{
		background-image:url(/img-webp/iconPhone.webp);
		background-repeat:no-repeat;
		background-size:contain;
		padding-left: 20px;
		margin-right: 5px;
	}
	.pcHeaderInquiry .footer a{
		display:inline-block;
		font-size:15px;
		background-color:#ffdd41;
		border:1px solid #000;
		line-height:1;
		padding: 6px 10px 5px 33px;
		font-weight:bold;
		color:#000;
		posiiton:relative;
		border-radius:6px;
		border-bottom-width:2px;
		position:relative;
		background-image:url(/img-webp/iconMail.webp);
		background-size: auto 50%;
		background-repeat:no-repeat;
		background-position: left 9px top 6px;
	}
	.pcHeaderInquiry .footer a:before{
		display:block;
		/*content:'';*/
		position:absolute;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 7px 0 7px 8px;
		border-color: transparent transparent transparent #000;
		margin:auto;
		top:0;
		bottom:1px;
		left:10px;
	}
	.pcHeaderInquiry .footer a:hover{
		border-bottom-width:1px;
		position:relative;
		bottom:-1px;
	}

}
.spHeaderInquiry{
	display:none;
}
@media screen and (max-width:750px){
	header{
		position:sticky;
	}
	.pcHeaderInquiry{
		display:none;
	}
	.spHeaderInquiry{
		display:flex;
		flex-wrap:nowrap;
		justify-content:center;
		align-items:center;
		position:fixed;
		top:10px;
		right: 45px;
		margin-right: 5px;
		height:40px;
		box-sizing:border-box;
	}
	.spHeaderInquiry .instagramWrap{
		border-left:1px solid #AAA;
		padding:6px 9px;
		box-sizing: border-box;
		height: 100%;
	}
	.spHeaderInquiry a{
		display:block;
		text-align:center;
		/* height:40px; */
		height: 100%;
		width: 30px;
	}
	.spHeaderInquiry .instagramWrap a{
		/* padding:6px 9px; */
		/* width:50px; */
		box-sizing: border-box;
	}
	.spHeaderInquiry .mailWrap{
		border-left:1px solid #AAA;
		padding:10px;
		width:50px;
		height:100%;
	}
	.spHeaderInquiry .phoneWrap{
		padding: 7px;
		width:47px;
		border-left:1px solid #AAA;
		height:100%;
	}
	.spHeaderInquiry .headerLangBtn {
		border-left: 1px solid #AAA;
		width: 40px;
		height: 100%;
		margin-right: 14px;
		padding-left:10px;
		padding-top:5px;
	}
	.spHeaderInquiry .headerLangBtn {
		width: 40px;
		width: 40px;
	}
	.spHeaderInquiry div:last-child a{
		border-right:0px solid #AAA;
	}
	.spHeaderInquiry .mailWrap img{
		width:100%;
		height:auto;
	}
	.spHeaderInquiry .phoneWrap img{
		width:80%;
		height:auto;
	}
	.spHeaderInquiry .headerLangBtn {
		display:none;
	}
	[lang="ja"] .spHeaderInquiry .headerLangBtn ,
	[lang="en-US"] .spHeaderInquiry .headerLangBtn {
		display:block;
	}
}
@media screen and (max-width:640px) {
	.spHeaderInquiry .instagramWrap,
	.spHeaderInquiry .mailWrap,
	.spHeaderInquiry .phoneWrap,
	.spHeaderInquiry .headerLangBtn {
		border-left-width:0;
		width: auto;
	}
	.spHeaderInquiry .instagramWrap{
		padding:6px 3px;
	}
	.spHeaderInquiry .mailWrap{
		padding: 10px 5px;
	}
	.spHeaderInquiry .phoneWrap{
		padding: 7px 1px;
	}
	.spHeaderInquiry .headerLangBtn {
		width:40px;
		padding:5px 4px;
		margin-right:8px;
	}
}
@media screen and (max-width:410px) {
	.spHeaderInquiry .instagramWrap,
	.spHeaderInquiry .mailWrap,
	.spHeaderInquiry .phoneWrap,
	.spHeaderInquiry .headerLangBtn {
		width:calc((100% - 30px) / 4);
	}
	.spHeaderInquiry .instagramWrap{
		padding-top:5px;
		margin-right:2px;
	}
	.spHeaderInquiry .mailWrap{
		padding-top:8px;
		padding-left:2px;
		padding-right:0px;
	}
	.spHeaderInquiry .phoneWrap{
		padding-left:5px;
		padding-top:5px;
	}
	.spHeaderInquiry .headerLangBtn {
		padding-left:5px;
		padding-top:5px;
		padding-right:0;
		padding-bottom:0;
	}
	.spHeaderInquiry a {
		width:100%;
	}
}

.btnHamburgerMenu{
	display:none;
}
.btnHamburgerMenu{
	border:0px solid #FFF;
	width:40px;
	height:40px;
	position:fixed;
	top:10px;
	right:10px;
	background-color:#4b4b4b;
	cursor:pointer;
	border: 1px solid #FFF;
}
.btnHamburgerMenu div{
	position:relative;
	width: 100%;
	height: 100%;
}
.btnHamburgerMenu div:before,
.btnHamburgerMenu div:after{
	display:inline-block;
	content:'';
}
.btnHamburgerMenu div:before,
.btnHamburgerMenu div:after,
.btnHamburgerMenu span{
	position:absolute;
	height:2px;
	width:calc(100% - 10px);
	background-color:#FFF;
	margin:auto;
	left:0;
	right:0;
}
.btnHamburgerMenu div:before{
	top:calc(25% - 1px);
}
.btnHamburgerMenu span{
	top:calc(50% - 1px);
}
.btnHamburgerMenu div:after{
	top:calc(75% - 1px);
}
.btnHamburgerMenu:hover{
	background-color: #4b4b4b;
}
@media screen and (min-width:751px){
	nav{
		width:100%;
		position:relative;
		z-index:1;
	}
}
nav ul.menuList{
	display:flex;
	justify-content:right;
	list-style:none;
	padding-top:10px;
	padding-bottom: 10px;
	flex-wrap:wrap;
	justify-content:right;
	border-top:1px solid #AAA;
	margin-top: ;
}
/*
nav .menuList > li {
	border-right:1px solid #000;
}
*/
nav .menuList > li:last-child {
	border-right-width:0;
}
nav .menuList > li a {
	display:block;
	padding:0px 15px 0 15px ;
	color:#000;
	font-size:16px;
}
nav .menuList > li:last-child a {
	border-width:0;
	color:#990d01;
	background: #ee2370;
	color: #FFF;
	border-radius: 4px;
}
@media screen and (min-width:751px){
	nav .menuList > li:last-child a {
		padding-top: 3px;
		margin-left: 5px;
		padding-bottom: 3px;
		margin-top: -3px;
	}
}
@media screen and (max-width:750px){
	nav .menuList > li:last-child a {
		margin-top: 3px;
	}
	nav .menuList > li:last-child{
		border-bottom-width:0px;
	}
}
@media screen and (max-width:1000px){
	nav ul.menuList{
	  	justify-content:flex-end;
		flex-direction:row;
		flex-wrap: nowrap;
	}
	nav .menuList > li a {
	  	padding: 0 1.5vw;
	  	font-size: 14px;
	  	white-space:nowrap;
	}
}
@media screen and (max-width:850px){
	nav .menuList > li a {
	  	padding: 0 0.9vw;
	}
}
nav .menuList > li a.active {
	color:#FFF;
	background-color:#cb7422;
}
nav .phoneWrap{
	display:none;
}
nav .menuList .courseList,
nav .menuList .columnList{
	display:none;
	position: absolute;
	top:25px;
	right:0;
	background-color:#FFF;
	overflow:hidden;
}
nav .menuList .courseListWrap ,
nav .menuList .columnListWrap {
	position: relative;
}
nav .menuList .courseListWrap ul,
nav .menuList .columnListWrap ul{
	white-space:nowrap;
	list-style:none;
	padding:0;
	margin:0;
}
@media screen and (min-width:751px){
	nav .menuList > li a {
		border-right:1px solid #c72412;
	}
	nav .menuList .courseListWrap a,
	nav .menuList .columnListWrap a{
		position:relative;
	}
	/*nav .menuList .courseListWrap > a:after,*/
	nav .menuList .columnListWrap > a:after{
		position:absolute;
		display:block;
		/*content:'';*/
		width:7px;
		height:7px;
		border-top:1px solid #666;
		border-right:1px solid #666;
		transform:rotate(135deg);
		margin:auto;
		left:0;
		right:0;
		bottom:-2px;
	}
	nav .menuList .courseListWrap > a.open:after,
	nav .menuList .columnListWrap > a.open:after{
		transform:rotate(-45deg);
		bottom:-5px;
	}
	nav .menuList .courseList,
	nav .menuList .columnList{
		box-shadow:0px 0px 3px rgba(0,0,0,.5);
		min-width:250px;
		padding:15px 20px 20px 20px;
	}
	nav .menuList .columnListWrap ul{
	}
	nav .menuList .courseListWrap ul > li,
	nav .menuList .columnListWrap ul > li{
		border-bottom: 1px solid #9a0809;
		padding:10px 20px 10px 10px;
		position:relative;
	}
	nav .menuList .courseListWrap ul > li:before,
	nav .menuList .columnListWrap ul > li:before{
		display:block;
		position:absolute;
		content:'';
		width:8px;
		height:8px;
		border-top:1px solid #9a0809;
		border-right:1px solid #9a0809;
		transform:rotate(45deg);
		margin:auto;
		top:0;
		bottom:0;
		right:5px;
	}
	nav .menuList .courseListWrap ul > li a,
	nav .menuList .columnListWrap ul > li a{
		color:#9a0809;
		border-right: 0;
	}
	nav .menuList .courseListWrap ul > li:hover,
	nav .menuList .columnListWrap ul > li:hover{
		border-color:#000;
	}
	nav .menuList .courseListWrap ul > li:hover:before,
	nav .menuList .columnListWrap ul > li:hover:before{
		border-color:#000;
	}
	nav .menuList .courseListWrap ul > li a:hover,
	nav .menuList .columnListWrap ul > li a:hover{
		color:#000;
	}
	nav .menuList .courseListWrap ul > li.active,
	nav .menuList .columnListWrap ul > li.active{
		border-color:#CCC;
	}
	nav .menuList .courseListWrap ul > li.active:before,
	nav .menuList .columnListWrap ul > li.active:before{
		border-color:#CCC;
	}
	nav .menuList .courseListWrap ul > li.active a:hover,
	nav .menuList .courseListWrap ul > li.active a,
	nav .menuList .columnListWrap ul > li.active a:hover,
	nav .menuList .columnListWrap ul > li.active a{
		color:#CCC;
	}
	nav .menuList .courseListWrap ul > li.btnPageMove{
		border-width:0;
		padding-top:10px;
		padding-left:0;
		padding-right:0;
	}
	nav .menuList .courseListWrap ul > li.btnPageMove:before{
		content: unset;
	}
	nav .menuList .courseListWrap ul > li.btnPageMove a{
		background-color:#000;
		color:#FFF;
		padding:10px;
		text-align: center;
		position: relative;
	}
	nav .menuList .courseListWrap ul > li.btnPageMove a:after{
		position:absolute;
		display:block;
		content:'';
		width:10px;
		height:10px;
		border-right:2px solid #FFF;
		border-bottom:2px solid #FFF;
		transform:rotate(45deg);
		margin:auto;
		top:0;
		bottom:0;
		right:20px;
	}
}
@media screen and (max-width:750px){
	header{
		z-index:10;
		top:0;
		left:0;
		background-color: #FFF;
		height:60px;
	}
	nav .menuList {
		height:100vh;
	}
	.btnHamburgerMenu{
		display:block;
		pointer-events:visible;
	}
	.slideHamburgerMenu .btnHamburgerMenu{
		/*right:calc(100% - 40px);*/
		right:260px;
		transition: .3s;
	}
	.slideHamburgerMenu .btnHamburgerMenu span{
		display:none;
	}
	.slideHamburgerMenu .btnHamburgerMenu div:before,
	.slideHamburgerMenu .btnHamburgerMenu div:after{
		top:0;
		bottom:0;
	}
	.slideHamburgerMenu .btnHamburgerMenu div:before{
		transform:rotate(45deg);
	}
	.slideHamburgerMenu .btnHamburgerMenu div:after{
		transform:rotate(-45deg);
	}
	.slideHamburgerMenu nav {
		right:0;
	}
	nav{
		position:fixed;
		/*width:calc(100% - 40px);*/
		width:260px;
		right:calc(-100% - 100px);
		top:0;
		height: 100%;
		background-color:#FFF;
		z-index:10;
		overflow-y: auto;
		/* height: 100vh; */
		transition: .2s;
		border-left:1px solid #4D4D4D;
	}
	nav ul.menuList{
		flex-wrap:wrap;
		width:100%;
		right:calc(-100% - 100px);
		background-color:#FFF;
		align-items: flex-start;
		top: 0;
		box-sizing: border-box;
		z-index: 5;
		border-top: 0px;
		/*border-left: 1px solid #4b4b4b;*/
		/* overflow-y: auto; */
	}
	nav ul.menuList:after{
		display:block;
		content:'';
		height:100%;
	}
	nav .menuList > li{
		width: 100%;
		border-right:0px;
		border-bottom:1px solid #000;
		margin-left: 10px;
		margin-right: 10px;
		/* padding-top: 15px; */
	}
	nav .menuList > li a {
		padding:15px 10px;
		pointer-events:visible;
	}

	nav .menuList .columnListWrap{
		/* padding-top: 10px; */
		/* padding-bottom: 10px; */
		/* padding-left: 10px; */
	}
	nav .menuList .courseListWrap a,
	nav .menuList .columnListWrap a{
		position:relative;
	}
	nav .menuList .courseListWrap > a:after,
	nav .menuList .columnListWrap > a:after{
		display:block;
		position:absolute;
		content:'';
		width:10px;
		height:10px;
		border-top:1px solid #000;
		border-right:1px solid #000;
		margin:auto;
		top:0;
		bottom:0;
		right:5px;
		transform:rotate(135deg);
	}
	nav .menuList .courseListWrap li.active a,
	nav .menuList .columnListWrap li.active a{
		color:#AAA;
	}
	nav .menuList .courseListWrap > a.open:after,
	nav .menuList .columnListWrap > a.open:after{
		transform:rotate(-45deg);
	}
	nav .menuList .phoneWrap{
		padding-top:10px;
		display:block;
	}
	nav .menuList .phoneWrap a{
		display:flex;
		justify-content:center;
		align-items:center;
		width:250px;
		margin:0 auto;
		border:1px solid #000;
		border-radius:100px;
	}
	nav .menuList .phoneWrap a img{
		width:20px;
		margin-right:5px;
	}
	nav .menuList .courseListWrap .courseList{
		display: block !important;
		margin: unset;
		width: 100%;
	}
	nav .menuList .courseListWrap .courseList,
	nav .menuList .columnListWrap .columnList{
		position:relative;
		background-color:#fff2f2;
		margin-bottom: 10px;
		top: 0;
	}
	nav .menuList .courseListWrap ul li,
	nav .menuList .columnListWrap ul li{
		/* margin-left:30px; */
		border-bottom:1px solid #AAA;
		padding: 0px 10px;
	}
}
@media screen and (max-width:420px){
	.logoWrap {
		padding-left:10vw;
	}
	.spHeaderInquiry .instagramWrap a{
		/* padding:1.5vw 1.2vw; */
		/* width:9.5vw; */
	}
	.spHeaderInquiry .mailWrap a{
		/* padding:3vw 1.5vw; */
		/* width:10vw; */
	}
	.spHeaderInquiry .phoneWrap a{
		/* padding:2vw 1.5vw; */
		/* width:10vw; */
	}
	.spHeaderInquiry div:last-child a{
		border-right:0px solid #AAA;
	}

	.spHeaderInquiry .mailWrap img{
		/* width:100%; */
		/* height:auto; */
	}
	.spHeaderInquiry .phoneWrap img{
		/* width:80%; */
		/* height:auto; */
	}
}
@media screen and (max-width:410px){
	.spHeaderInquiry{
		width:40%;
		justify-content: right;
	}
}

/**
 * logo
 */
.h1{
	font-size: 3vw;
	font-weight:bold;
}
.h1 a{
	color:#000000;
}
.logoWrap .en,
.logoWrap .ch{
	font-size:1vw;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	padding: 0;
	display: inline-block;
	padding-right:5px;
	line-height: 1;
}
/*
.logoWrap .ch{
	padding-right:0px;
}
.logoWrap .en:after{
	content:'/';
	padding-left:5px;
	display:inline-block;
	margin-right:-5px;
}
*/
@media screen and (min-width:751px){
	.logoWrap{
		padding-left: 8vw;
	}
	.h1{
		font-size: 4.8vw;
		font-weight:bold;
		margin-bottom: -9px;
	}
	.logoWrap .en,
	.logoWrap .ch{
		font-size:2vw;
	}
}
@media screen and (min-width:961px){
	.logoWrap{
		padding-left: 85px;
	}
	.h1{
		font-size: 44px;
		font-weight:bold;
		margin-bottom: -9px;
	}
	.logoWrap .en,
	.logoWrap .ch{
		font-size:18px;
	}
}
/*
@media screen and (max-width:910px){
	.logoWrap{
		padding-left:9vw;
	}
	.h1{
		font-size: 5.5vw;
		font-weight: bold;
		margin-bottom: -10px;
	}
	.logoWrap .en, .logoWrap .ch{
		font-size: 2.2vw;
	}
}
*/
@media screen and (max-width:750px){
	.logoWrap{
		padding-left:50px;
		background-size:auto 77%;
		margin-left: 5px;
		margin-top: 2px;
	}
	.h1{
		font-size: 25px;
		font-weight:bold;
		margin-bottom:-7px;
		padding-top:2px;
	}
	.logoWrap .en,
	.logoWrap .ch{
		font-size:12px;
		padding-bottom:5px;
	}
	#mainPhoto .logoWrap{
		position:fixed;
		top:0;
		bottom: unset;
		left: 50%;
		transform: translateX(-50%);
		z-index: 4;
		padding: 5px 0;
		text-align:left;
		text-align: center;
	}
}
/*
@media screen and (max-width:420px){
	.logoWrap{
		padding-left:60px;
	}
	.h1{
		letter-spacinng:-0.5px;
		margin-bottom:-8px;
	}
	.logoWrap .en,
	.logoWrap .ch{
		font-size:10px;
		letter-spacing:-0.5px;
	}
}
*/
@media screen and (max-width:410px){
	.logoWrap{
		width: 56%;
		padding-left: 0vw;
		background-size: 8vw auto;
		background-position: center left +5px;
	}
	.h1 {
		font-size:6vw;
	}
	.logoWrap .en{
		font-size:2.5vw;
	}
}

@media screen and (max-width:390px){
	.logoWrap{
		/* background-position: left 5px top 8px; */
	}
	.spHeaderInquiry{
		margin-right: 5px;
	}
	.spHeaderInquiry a{
		/* width:40px; */
		/* height:40px; */
	}
	.btnHamburgerMenu{
		width: 40px;
		height: 40px;
		top: 10px;
		right: 5px;
	}
	/*
	.spHeaderInquiry .mailWrap a{
		padding: 10px 5px;
		width:45px;
	}
	.spHeaderInquiry .phoneWrap a{
		width:45px;
		padding: 6px 10px 6px 5px;
	}
	*/
}
@media screen and (max-width:350px){
	.logoWrap{
		margin-left:0;
		/* padding-left: 45px; */
	}
	.h1{
		/* font-size:23px; */
	}
}
/**
 * footer
 */
footer {
	color: #FFF;
	background-color: rgb(58 48 48);
	text-align: left;
	padding-top: 40px;
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
}
footer > div {
	width:calc(var(--size-responsivePc) / 2);
}
footer .fLogo {
	width:calc(var(--size-responsivePc) / 10 * 4);
}
footer .inquiry{
	width:calc(var(--size-responsivePc) / 10 * 6);
}
footer .corp,
footer .copy{
	width:100%;
}
footer .copy{
	text-align:center;
}
footer .fLogo {
	margin-bottom:40px;
	margin-left: calc((100% - var(--size-responsivePc)) / 2);
}
footer .fLogo .schoolName{
	font-size: 40px;
	font-weight:bold;
}
footer .fLogo .schoolName2{
	font-size: 18px;
	font-weight:bold;
	margin-bottom:25px;
}
footer .fLogo .schoolName2 .en,
footer .fLogo .schoolName2 .ch{
	display:inline-block;
}
/*
footer .fLogo .schoolName2 .en{
}
footer .fLogo .schoolName2 .en:after{
	display:inline-block;
	content:'/';
	margin-left:5px;
	margin-right:0px;
}
*/
footer .fAccess{
	font-size: 20px;
}
footer .inquiry{
	padding:15px 25px;
	color:#000;
	background-color:#FFF;
	margin-bottom: 40px;
	text-align:center;
	margin-right: calc((100% - var(--size-responsivePc)) / 2);
	box-sizing: border-box;
}
footer > div#openCorp{
	text-align:left;
	margin:auto;
	width: 100%;
	padding-left: calc((100% - var(--size-responsivePc)) / 2);
	margin-bottom:10px;
}
footer > div#openCorp a{
	color:#FFF;
	text-decoration:underline;
	text-underline-offset: 5px;
}
footer .englishMenu {
	margin-top:15px;
}
footer .englishMenu a{
	display:inline-block;
	margin-left:15px;
}
@media screen and (max-width:1260px){
	footer > div{
		width: calc((100% - (var(--padding-bodyLR) * 2)) / 2);
	}
	footer .fLogo {
		width:calc(40% - var(--padding-bodyLR));
	}
	footer .inquiry{
		width:calc(60% - var(--padding-bodyLR));
	}
	footer > div#openCorp{
		padding-left: var(--padding-bodyLR);
	}
}
@media screen and (max-width:1080px){
	footer .fLogo {
		width:calc(35% - var(--padding-bodyLR));
	}
	footer .inquiry{
		width:calc(65% - var(--padding-bodyLR));
	}
}
@media screen and (max-width:960px){
	footer .fLogo ,
	footer .inquiry{
		width:calc(100% - (var(--padding-bodyLR) * 2));
		margin:0 0 30px 0;
	}
}
footer .inquiry .notice{
	width:100%;
	border-bottom:1px dotted #000;
	padding-bottom:10px;
	margin-bottom:10px;
	font-weight:bold;
	font-size: 20px;
}
footer .inquiry .inq{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}
footer .inquiry .inq > div{
	width:50%;
}
footer .inquiry .inq > div.phone{
	width:60%;
}
footer .inquiry .inq > div.mail{
	width:40%;
}
footer .inquiry .phone a{
	color:#000;
	font-size: 40px;
	font-weight:bold;
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
}
footer .inquiry .phone a:before {
	position: relative;
	display: block;
	content: '';
	width: 48px;
	height: 27px;
	background-image: url(/img-webp/iconFreedialBk.webp);
	background-repeat: no-repeat;
	background-size: contain;
	top: 0px;
}
footer .inquiry .reception{
	font-size: 16px;
}
footer .inquiry .mail a{
	display:block;
	color:#000;
	background-color:#ffdc40;
	font-size: 25px;
	font-weight:bold;
	width:100%;
	height:100%;
	padding-top: 18px;
}
footer .inquiry .mail a:hover{
	background-color:#ffeb90;
}
footer .inquiry .mail a img{
	width: auto;
	height: 20px;
	margin-right:5px;
}

footer .corp{
	display:none;
	background-image:url(../img-webp/bgCorp.webp);
	padding-top:30px;
	padding-bottom:30px;
	background-size:cover;
	background-position:center center;
}
footer .corp .tit{
	font-size:22px;
}
footer .corp dl{
	display:flex;
	justify-content:left;
	align-items:flex-start;
	flex-wrap:wrap;
	font-size:18px;
}
footer .corp dt{
	width:150px;
}
footer .corp dd{
	width:calc(100% - 150px);
	position: relative;
}
footer .corp dd .indent1 {
	padding: 4px 8px;
	margin-left: 0;
	border: 1px solid rgba(255,255,255,.3);
	display: inline-block;
	margin-bottom: 5px;
	margin-top: 2px;
	font-size: 90%;
	word-break: break-all;
}
@media screen and (max-width:420px){
	footer .corp dd .indent1 br{
		display:none;
	}
}
footer .corp dd:before{
	content:'：';
	position: absolute;
	display: block;
	width: 10px;
	height: 20px;
	left: -20px;
}
footer .copy{
	padding-top:40px;
	padding-bottom:40px;
}
@media screen and (max-width:750px){
	footer .inquiry{
		padding-left: 5%;
		padding-right: 5%;
	}
	footer .inquiry .inq > div{
		width:100%;
	}
	footer .inquiry .mail{
		margin-top:15px;
	}
	footer .inquiry .mail a{
		padding-top:10px;
		padding-bottom:10px;
	}
	footer .corp dt{
		width:80px;
	}
	footer .corp dd{
		width:calc(100% - 80px);
	}
}
@media screen and (max-width:680px){
	footer .inquiry .inq > div.phone,
	footer .inquiry .inq > div.mail{
		width:100%;
	}
}
@media screen and (max-width:550px){
	footer .corp dt{
		width:100px;
	}
	footer .corp dd{
		width:100%;
		padding-left:10px;
		margin-bottom:10px;
	}
	footer .corp dd:before{
		content:unset;
	}
}
@media screen and (max-width:480px){
	footer .inquiry{
		padding-left:5%;
		padding-right:5%;
	}
}
@media screen and (max-width:380px){
	footer .inquiry .reception{
		font-size: 14px;
	}
}
@media screen and (max-width:360px){
	footer .inquiry .notice{
		font-size:5.6vw;
	}
}
/* nav */
#footerNav {
	display:none;
}
@media screen and (min-width: 751px){
	#footerNav {
		position:fixed;
		top: 4px;
		right:4px;
		background-size: auto auto;
		background-color: rgba(252, 232, 133, 1);

		background-image: 
			repeating-linear-gradient(-45deg,
				transparent, 
				transparent 8px,
				rgba(255, 225, 92, 1) 8px
				, rgba(255, 225, 92, 1) 16px );
		color:#000;
		font-weight:bold;
		text-align:center;
		padding: 10px;
		border-radius: 4px;
		z-index: 4;
		border:1px solid #eabc40;
		outline:1px solid #FFF;
		outline-offset:-2px;
		box-shadow:0px 0px 5px rgba(0,0,0,.1);
		height:120px;
	}
	#footerNav .navWrap{
		/* display:flex; */
		flex-wrap: wrap;
	}
	#footerNav .catch{
		font-size:16px;
	}
	#footerNav .phone a{
		font-size:26px;
		text-shadow:
			1px 1px 1px #FFF,
			-1px 1px 1px #FFF,
			1px -1px 1px #FFF,
			-1px -1px 1px #FFF,
			2px 2px 1px #FFF,
			-2px 2px 1px #FFF,
			2px -2px 1px #FFF,
			-2px -2px 1px #FFF,
			3px 3px 1px rgba(0,0,0,.5),
			0px 0px 2px #FFF
		;
		color:#000;
		pointer-events:none;
	}
	#footerNav .phone span{
		display:block;
		font-size:12px;
		margin-bottom:2px;
	}
	#footerNav .mail a{
		display:block;
		background-color:#ffb751;
		font-size:16px;
		line-height:1;
		padding:5px;
		border:1px solid #333;
		border-bottom-width:2px;
		border-radius:6px;
		position:relative;
		color:#000;
		background-image:url(../img-webp/iconMail.webp);
		background-repeat:no-repeat;
		background-size: auto 55%;
		background-position:left 25px top 5px;
		text-align:left;
		text-indent:47px;
	}
	#footerNav .mail a:hover{
		top:1px;
		border-bottom-width:1px;
	}
}
@media screen and (max-width: 750px){
	#footerNav {
		display:none !important;
	}
}

/**
 * 常設リターントップ
 */
#returnTop {
	position:fixed;
	display:none;
	bottom:var(--padding-bodyLR);
	right:var(--padding-bodyLR);
	z-index:7;
}
@media screen and (min-width:1421px){
	#footerNav,
	#returnTop,
	.fixLangBtnWrap {
		right:calc((100% - var(--size-responsivePc)) / 2 - 80px);
	}
}
#returnTop a{

	display:block;
	width:80px;
	height:80px;
	background-color:#663c20;
	position:relative;
}

#returnTop a:before{
	display:block;
	position:absolute;
	content:'';
	border-top:3px solid #FFF;
	border-right:3px solid #FFF;
	margin:auto;
	top:20px;
	bottom:0;
	left:0;
	right:0;
	width:50%;
	height:50%;
	transform:rotate(-45deg);
}
#returnTop a:hover{
	background-color:#b37f5c;
}
@media screen and (max-width:750px){
	#returnTop {
		display:none;
	}
}
@media screen and (max-width:460px){
	#returnTop a{
		width: 15vw;
		height: 15vw;
	}
}

/**
 * modal
 */

#phoneModal {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10;
}
#phoneModal.active {
	display:block;
}
#phoneModal .layer{
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background-color:rgba(0,0,0,.3);
	z-index: 1;
}
#phoneModal .modalBlock{
	position:relative;
	width:100%;
	height:100%;
	pointer-events: none;
	z-index: 2;
}
#phoneModal .modalWrap{
	position:absolute;
	width:90%;
	height:100px;
	background-size: auto auto;
	background-color:#FFF;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	border:1px solid #eabc40;
	outline:1px solid #FFF;
	outline-offset:-2px;
	box-shadow:0px 0px 5px rgba(0,0,0,.4);
	border-radius:6px;
	padding:10px 0 0 0;
	font-weight:bold;
	pointer-events: visible;
}
#phoneModal .modalWrap > span{
	display:block;
	text-align:center;
}
#phoneModal .modalWrap > a{
	display:block;
	width:90%;
	text-align:center;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffe39f;
	line-height:1;
	padding:10px;
	border-radius:6px;
	border:1px solid #323232;
	border-bottom-width:2px;
	color:#4b4b4b;
}
#phoneModal .modalWrap > a img{
	width:20px;
	height:auto;
	vertical-align:middle;
	margin-right:5px;
}
#phoneModal button{
	display:block;
	position:absolute;
	width:30px;
	height:30px;
	border-radius:100px;
	border:1px solid #eabc40;
	outline:1px solid #FFF;
	outline-offset:-2px;
	background-color:#ffe39f;
	background-color:#FFF;
	top:-15px;
	right:-10px;
}

#phoneModal button:before,
#phoneModal button:after{
	position:absolute;
	content:'';
	display:block;
	width:2px;
	height:20px;
	background:#b08511;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
#phoneModal button:before{
	transform:rotate(45deg);
}
#phoneModal button:after{
	transform:rotate(-45deg);
}
.layer.active{
	display:block;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index: 9;
	background-color: rgba(0,0,0,.1);
}


/**
 * 画像確認用
 */
code{ 
	display:block;
	margin:10px;
	padding:0 10px 10px 10px;
	background-color:#FFF;
	border:2px solid #FF0000;
	color:#FF0000;
	text-align:center;
	width: calc(100% - 20px);
	box-sizing: border-box;
	font-size: 24px;
	font-weight: bold;
}
code button{
	font-size:20px;
	min-width:30px;
	padding: 0 5px;
}
code button.active{
	border-color:#FF0000;
	color:#FF0000;
}
@media screen and (min-width:751px){
	code.spBlock {
		/* position: absolute; */
		right:0;
		width:60%;
		top: 36vw;
		z-index:3;
		margin: 0 0 10px auto;
	}
	code button{
		font-size:40px;
		padding: 0 10px;
	}
}


div#dateRadioList.overRay {
	position:relative;
}
div#dateRadioList.overRay:before {
	position:absolute;
	display:block;
	content:'';
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.2);
	z-index:5;
}
div#dateRadioList.overRay input{
	pointer-events:none;
}

.submitWrap input[disabled="disabled"],
.submitWrap input[disabled="disabled"]:hover{
	background-color:#454545;
}



.transactions {
	width: 100%;
	padding-left: calc((100% - var(--size-responsivePc)) / 2);
	margin-top:10px;
}
.transactions a{
	color:#FFF;
	text-decoration:underline;
	text-underline-offset:5px;
	font-size:14px;
}
@media screen and (max-width:1260px){
	.transactions {
		padding-left: var(--padding-bodyLR);
		padding-right: var(--padding-bodyLR);
	}
}


/**
 * マーカー
 */
.inlineAnime.animateLine.marker {
	background-position: -100% 10px;
}
.inlineAnime.marker {
	background-size: 200% 12px;
	background-position: 0px 10px;
}
span.lineColorOrange {
	background-image: -webkit-linear-gradient(left, rgba(231, 208, 15, 0) 50%, rgb(250 217 156 / 78%) 50%);
}
span.inlineAnime {
	background-repeat: repeat-x;
	padding: 3px 1px;
	transition: 1s;
}
.inlineAnime.animateOutLine.marker {
	background-position: 0% 10px;
}