@charset "utf-8";
#leadBox .mviFrame{
	width:114%;
	margin:0 -7%;
}
#leadBox .mviFrame[data-low]:before{padding-top:57%;}
#leadBox .leadFg{
	display:grid;
	grid-template-columns:48.40277% 3.19446% 48.40277%;
	grid-template-rows:auto auto;
}
#leadBox .leadFg img{display:block;}
#leadBox .leadFg img:nth-child(1){
	grid-column:1 / 2;
	grid-row:1 / 3;
}
#leadBox .leadFg img:nth-child(2){
	grid-column:3 / 4;
	grid-row:1 / 2;
}
#leadBox .leadFg img:nth-child(3){
	grid-column:3 / 4;
	grid-row:2 / 3;
  align-self:flex-end;
	margin-top:2.9166%;
}
#appRequirements .recruitSttl{
	display:block;
	line-height:1.0;
}
#appRequirements .shopList,
#appRequirements .shopList li,
#appRequirements .contactList,
#appRequirements .contactList li{line-height:1.6;}
.upperVoice{
	line-height:1.538;
	text-align:left;
}
.upperVoice .upperFg{
	width:100%;
	position:relative;
	display:flex;
	justify-content:space-between;
	flex-direction:row-reverse;
	text-align:left;
}
.upperVoice .upperFg img{
	object-fit:cover;
	object-position:center center;
  transform: translateX(80px);
  transition:opacity 0.8s ease-in-out,transform 0.8s ease-in-out;
}
.upperVoice .upperFg img.show{transform:translateX(0px);}
.upperVoice .upperFg figcaption{
	display:grid;
	grid-template-rows:auto auto;
	grid-template-columns:100%;
	text-align:right;
}
.upperVoice .upperFg figcaption .upperName{
	grid-row:1 / 2;
	justify-self:flex-start;
	align-self:flex-start;
	display:table;
	-ms-writing-mode:tb-rl;
	writing-mode:vertical-rl;
	white-space:nowrap;
}
.upperVoice .upperFg figcaption .upperName > *{
	display:block;
	line-height:1.0;
}
.upperVoice .upperFg figcaption .upperJoined{
	grid-row:2 / 3;
	justify-self:center;
	align-self:flex-end;
	display:block;
	margin-top:0;
	line-height:1.4;
	text-align:center;
}
@media screen and (max-width:767.98px){
	.pgConts{margin-top:7.8378vw;}
	#leadBox .leadFg{margin-top:7.8%;}
	#leadBox .leadTtl{margin-top:10.125vw;}
	#leadBox .leadTxt{margin-top:5.676vw;}
	.recruitTtl{
		margin-bottom:10.135vw;
		font-size:5.135vw;
		letter-spacing:0.81vw;
	}
	#appRequirements .recruitSttl{
		margin-bottom:4.865vw;
		font-size:4.557vw;
		letter-spacing:0.541vw;
	}
	#appRequirements .recruitTbl{
		width:100%;
		letter-spacing:0.27vw;
	}
	#appRequirements .recruitTbl,
	#appRequirements .recruitTbl > *,
	#historyDate .historyTbl,
	#historyDate .historyTbl > *{display:block;}
	#appRequirements .recruitTbl dd{padding-left:4.189vw;}
	#appRequirements .recruitTbl dd small{
		display:block;
		font-size:3.514vw;
		line-height:1.6;
	}
	#appRequirements .recruitTbl dd+dt{
		margin-top:4.865vw;
		padding-top:4.865vw;
		border-top:1px solid rgba(255,255,255,0.3);
	}
	#appRequirements .shopList,
	#appRequirements .contactList{margin-top:1.622vw;}
	#appRequirements .shopList li,
	#appRequirements .contactList li{font-size:2.86458vw;}
	#appRequirements .shopList li{line-height:1.8;}
	#appRequirements .shopList *+li{margin-top:3.244vw;}
  #appRequirements .shopList strong{font-size:4.189vw;}
	#appRequirements .shopList address{padding-left:1.351vw;}
	#appRequirements .contactList .recruitTel{font-size:4.189vw;}
	#upperMan[data-bar]{
		margin-top:14.324vw;
		padding-top:14.324vw;
	}
	.upperVoice{
		font-size:4.189vw;
		letter-spacing:0.135vw;
	}
	.upperVoice .upperFg img{
		width:94.0559%;
		height:56.486vw;
		margin-right:-14.6853%;
	}
	.upperVoice .upperFg figcaption{
		width:20.6294%;
		margin-left:-3.648vw;
		padding-top:1.622vw;
	}
	.upperVoice .upperFg figcaption .upperName strong{
		font-size:6.351vw;
		letter-spacing:2.027vw;
	}
	.upperVoice .upperFg figcaption .upperName .upperNameEn{
		margin-right:3.784vw;
		padding-bottom:1.486vw;
		font-size:1.892vw;
		letter-spacing:0.676vw;
	}
	.upperVoice .upperFg figcaption .upperJoined{
    margin-left:-1.351vw;
    padding-bottom:0.541vw;
    font-size:3.108vw;
    letter-spacing:0.676vw;
	}
	.upperVoice .voiceTtl,
	.upperVoice .voiceTxt{padding-left:2.0979%;}
	.upperVoice .voiceTtl{
		margin-top:11.5385%;
		font-size:5.27vw;
		letter-spacing:0.405vw;
    line-height:1.8;
	}
	.upperVoice .voiceTxt{margin-top:5.405vw;}
}
@media screen and (min-width:768px){
	#leadBox .leadFg{margin-top:30px;}
	#leadBox .leadTtl{margin-top:50px;}
  #leadBox .leadTxt{text-align:center;}
  #leadBox .leadTtl + .leadTxt{margin-top:35px;}
	.recruitTtl{
		margin-bottom:52px;
		font-size:3.0rem;
		letter-spacing:0.36rem;
	}
	.upperVoice{
		font-size:1.7rem;
		letter-spacing:0.22rem;
	}
	.upperVoice .upperFg img{
		width:84%;
		height:345px;
	}
	.upperVoice .upperFg figcaption{
    width:22.223%;
    padding-top:9px;
  }
	.upperVoice .upperFg figcaption .upperName strong{
		font-size:3.8rem;
		letter-spacing:1.5rem;
	}
	.upperVoice .upperFg figcaption .upperName .upperNameEn{
		margin-right:21px;
		padding-bottom:calc(1.5rem - 5px);
		font-size:1.2rem;
		letter-spacing:0.36rem;
	}
	.upperVoice .upperFg figcaption .upperJoined{
    margin-left:-38px;
    padding-bottom:4px;
		font-size:1.8rem;/*2.1*/
		letter-spacing:0.32rem;
    line-height:1.28;
	}
	.upperVoice .voiceTtl{
		margin-top:9%;
		font-size:2.6rem;/*3.4rem*/
    line-height:1.65;
	}
  .upperVoice .voiceTtl,
  .upperVoice .voiceTxt{padding-left:34px;}
  /*.upperVoice .voiceTxt{font-size:2.4rem;}*/
	#appRequirements .recruitSttl{
		margin-bottom:24px;
		font-size:2.1rem;
		letter-spacing:0.3rem;
	}
	#appRequirements .recruitTbl{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		border-bottom:1px solid rgba(255,255,255,0.3);
		letter-spacing:0.1rem;
	}
	#appRequirements .recruitTbl > *{border-top:1px solid rgba(255,255,255,0.3);}
	#appRequirements .recruitTbl dt{
		width:79px;
		padding:24px 0;
		text-align:justify;
		text-align-last:justify;
	}
	#appRequirements .recruitTbl dt:after{
		content:"";
		display:block;
		width:100%;
		height:1px;
	}
	#appRequirements .recruitTbl dd{
		width:calc(100% - 79px);
		padding:24px 0 24px 20px;
	}
	#appRequirements .recruitTbl dd small{font-size:1.3rem;}
	#appRequirements .shopList,
	#appRequirements .contactList{margin-top:8px;}
	#appRequirements .shopList li,
	#appRequirements .contactList li{font-size:1.5rem;}
	#appRequirements .shopList *+li{margin-top:5px;}
	#appRequirements .shopList address{padding-left:9px;}
}
@media screen and (min-width:768px) and (max-width:1239.98px){
	.pgConts{margin-top:58px;}
	#appRequirements .contactList .recruitTel{font-size:1.7rem;}
}