@charset "utf-8";
#wrapper { background: #4072c3;}
.wrap { background: url('/img/recruit/bg-kv.png') no-repeat 50% 0;}
#hd .hd-sound { display: none !important;}
@media (max-width: 801px) {
	.wrap { background: url('/img/recruit/bg-kv@sp.webp') no-repeat 50% 0 / 100% auto;}
}
@media (max-width: 481px) {
}

.pagetop { right: auto; left: 4%;}

#kv .inner-kv { position: relative; padding: 68px 0 12px;}
#kv picture { display: block; width: 94%; max-width: 1150px; margin: 0 auto;}
#kv picture img { width: 100%;}
#kv .txt p { color: #fff; font-size: clamp(24px,3.0vw,30px); font-weight: 700; letter-spacing: 0.12rem; line-height: 1.8; text-align: center;}
#kv .oubo { position: absolute; right: 8%; top: 50%; width: 160px;}
#kv .oubo a { display: block;}
#kv .oubo a img { width: 100%;}
#kv .oubo a:hover { opacity: 0.8;}
@media (max-width: 1401px) {
	#kv .oubo { right: 4%; width: 120px;}
}
@media (max-width: 801px) {
	#kv .inner-kv { padding: 16vw 0 6vw;}
	#kv picture { width: 100%;}
	#kv .txt { padding-top: 6vw;}
	#kv .txt p { font-size: 3.0vw;}
	#kv .oubo { display: none;}
}
@media (max-width: 481px) {
	#kv .inner-kv { padding: 10vw 0 4vw;}
	#kv .txt { padding-top: 8vw;}
	#kv .txt p { font-size: 14px;}
	#kv .txt p span { display: block;}
}

.fix-oubo { position: fixed; right: 8%; bottom: 20px; width: 160px; z-index: 100;}
.fix-oubo a { display: block;}
.fix-oubo a img { width: 100%;}
.fix-oubo a:hover { opacity: 0.8;}
@media (max-width: 1401px) {
	.fix-oubo { right: 4%; width: 120px;}
}
@media (max-width: 801px) {
	.fix-oubo { display: none;}
}

.page-nav { padding: 50px 0;}
.page-nav ul { width: 100%; max-width: 1120px; margin: 0 auto; font-size: 0; text-align: center;}
.page-nav ul li { display: inline-block; width: 20%; padding: 10px; font-size: 18px; line-height: 1.25; vertical-align: top;}
.page-nav ul li a { position: relative; display: block; width: 100%; color: #4072c3; font-weight: 700; text-decoration: none; transition: 0.3s ease;}
.page-nav ul li a:before { content: ''; display: block; width: 100%; height: 100%; background: #99b0d0;
 clip-path: polygon(4% 0, 96% 0%, 100% 16%, 100% 82%, 96% 100%, 4% 100%, 0% 82%, 0% 16%); transition: 0.3s ease;
 position: absolute; left: 0; top: 0; transform: translate(4px,4px); z-index: 1;
}
.page-nav ul li a:after { content: ''; display: block; width: 100%; height: 100%; background: #fff;
 clip-path: polygon(4% 0, 96% 0%, 100% 16%, 100% 82%, 96% 100%, 4% 100%, 0% 82%, 0% 16%);
 position: absolute; left: 0; top: 0;  z-index: 2;
}
.page-nav ul li a span { position: relative; display: block; padding: 10px 0; padding-left: 16px; z-index: 3;}
.page-nav ul li a span em { display: inline-block; vertical-align: middle;}
.page-nav ul li a span:after { content: ''; position: relative; display: inline-block; width: 0; height: 0; margin-left: 12px;
 border: solid 6px transparent; border-top: solid 10px #4072c3; border-bottom: none;
}
.page-nav ul li a br { display: none;}

.page-nav ul li a:hover { opacity: 0.8;}
.page-nav ul li a:hover:before { transform: translate(2px,2px);}
@media (max-width: 801px) {
	.page-nav { padding: 30px 0;}
	.page-nav ul li { width: 25%;}
	.page-nav ul li a span { padding: 8px 0; padding-left: 12px;}
	.page-nav ul li a span.row { padding: 18px 0; padding-left: 12px;}
	.page-nav ul li a br { display: block;}
}
@media (max-width: 481px) {
	.page-nav { padding: 12px 6px;}
	.page-nav ul li { padding: 4px; font-size: 11px;}
	.page-nav ul li a:before { transform: translate(2px,2px);
		clip-path: polygon(6% 0, 94% 0%, 100% 14%, 100% 84%, 94% 100%, 6% 100%, 0% 84%, 0% 14%);}
	.page-nav ul li a:after { clip-path: polygon(6% 0, 94% 0%, 100% 14%, 100% 84%, 94% 100%, 6% 100%, 0% 84%, 0% 14%);}
	.page-nav ul li a span { padding: 3px 0; padding-left: 6px;}
	.page-nav ul li a span.row { padding: 10px 0 9px; padding-left: 6px;}
	.page-nav ul li a span:after { margin-left: 5px; border: solid 4px transparent; border-top: solid 6px #4072c3; border-bottom: none;}
	.page-nav ul li a br { display: block;}
}



#main-ctn { padding-bottom: 80px; background: url('/img/recruit/bg-1.png') repeat-y 50% 0;}
@media (max-width: 481px) {
	#main-ctn { padding-bottom: 40px; background: url('/img/recruit/bg-1@sp.png') repeat-y 50% 0 / 100% auto;}
}

.posi { position: absolute; }
.ttl-1 { position: relative; padding-left: 70px;}
.ttl-1 h2 { font-size: 36px; font-weight: 700; line-height: 1;}
.ttl-1 h2:before { content: ''; position: absolute; left: -8px; top: -20px; transform: skewY(-6deg);
 font-family: "Oswald", sans-serif; font-optical-sizing: auto; font-size: clamp(90px, 12.0vw, 120px); font-weight: 900; line-height: 1;
}

.ttl-2 { position: relative;}
.ttl-2 h2 { font-size: 36px; font-weight: 700; line-height: 1;}
.ttl-2 h2:before { content: ''; position: absolute; left: -8px; top: -20px; transform: skewY(-6deg);
 font-family: "Oswald", sans-serif; font-optical-sizing: auto; font-size: clamp(90px, 12.0vw, 120px); font-weight: 900; line-height: 1;
}
@media (max-width: 801px) {
	.ttl-1 h2 { font-size: 4.0vw;}
	.ttl-2 h2 { font-size: 4.0vw;}
}
@media (max-width: 481px) {
	.ttl-1 h2 { font-size: 18px;}
	.ttl-1 h2:before { left: 0px; top: -5px; font-size: 58px;}
	.ttl-2 h2 { font-size: 18px;}
	.ttl-2 h2:before { left: -4px; top: -5px; font-size: 58px;}
}


#business { position: relative;}
#business .inner-sct { padding: 50px 0;}
#business .box { position: relative; width: 90%; max-width: 1200px; margin: 0 auto; background: #fff;}
#business .box:after { content: ''; display: block; width: 480px; height: 100%; position: absolute; right: 40px; top: 0;
 background: url('/img/recruit/img-1.jpg') no-repeat 0 50% / auto 100%;
}
#business .box .ttl-2 { margin-bottom: 20px; padding-top: 140px; padding-left: 70px; color: #4072c3;}
#business .box .ttl-2 h2:before { content: 'BUSINESS'; color: #4072c3;}
#business .box .txt { width: calc(100% - 560px); padding-left: 70px; padding-bottom: 80px;}
#business .box .txt p { margin-bottom: 20px; font-size: 20px; letter-spacing: 0.1rem; line-height: 1.8;}
#business .box .txt .btn-more { width: 52%; max-width: 230px;}
#business .box .pht { display: none;}
@media (max-width: 1201px) {
	#business .box:after { width: 400px;}
	#business .box .txt { width: calc(100% - 460px); padding-bottom: 40px;}
	#business .box .txt p { font-size: 18px;}
}
@media (max-width: 1001px) {
	#business .box .ttl-2 { padding-top: 12.5vw; padding-left: 40px;}
	#business .box:after { width: 320px; right: 20px; top: 0; background-position: 50% 50%;}
	#business .box .txt { width: calc(100% - 380px); padding-left: 40px; padding-bottom: 40px;}
	#business .box .txt p { font-size: 16px;}
}
@media (max-width: 801px) {
	#business .box .ttl-2 { padding-left: 30px;}
	#business .box:after { content: none;}
	#business .box .txt { width: 100%; padding: 0 30px 40px;}
	#business .box .pht { display: block; padding-bottom: 30px;}
	#business .box .pht img { width: 100%;}
}
@media (max-width: 641px) {
	#business .box .ttl-2 { padding-top: 16vw;}
}
@media (max-width: 481px) {
	#business .inner-sct { padding: 30px 0;}
	#business .box .ttl-2 { margin-bottom: 12px; padding-top: 80px; padding-left: 30px;}
	#business .box .txt { width: 100%; padding: 0 30px 30px;}
	#business .box .txt p { font-size: 13px; letter-spacing: 0.05rem;}
	#business .box .txt .btn-more a { font-size: 13px;}
	#business .box .txt .btn-more a span { padding: 6px 0;}
	#business .box .txt .btn-more a span:after { margin-left: 10px;}
	#business .box .pht { display: block; padding-bottom: 20px;}
}



#staff { position: relative;}
#staff .inner-sct { padding: 50px 0;}
#staff .ttl-1 { width: 90%; max-width: 1200px; margin: 0 auto 50px; padding-top: 40px; padding-left: 300px;}
#staff .ttl-1 { color: #fff;}
#staff .ttl-1 h2:before { content: 'STAFF';}
#staff .ctn { display: flex; justify-content: center; flex-wrap: wrap; width: 94%; max-width: 1240px; margin: 0 auto; }
#staff .person { width: 33.333334%; padding: 16px;}
#staff .person a { position: relative; display: block; width: 100%; background: #fff; overflow: hidden;}
#staff .person a img { position: relative; width: 100%; transition: 0.3s ease;}
#staff .person a dl { position: absolute; left: 0; bottom: 50px;}
#staff .person a dl dt { margin-bottom: 14px; color: #4072c3; font-size: clamp(20px,2.4vw,28px); font-weight: 700; line-height: 1;}
#staff .person a dl dt span { display: inline-block; padding: 4px 20px; background: #fff;}
#staff .person a dl dd { margin-bottom: 10px; color: #4072c3; font-size: 22px; line-height: 1;}
#staff .person a dl dd:last-child { margin-bottom: 0px;}
#staff .person a dl dd span { display: inline-block; padding: 4px 20px; background: #fff;}
#staff .person a:hover img { transform: scale(1.08); opacity: 0.8;}
@media (max-width: 1001px) {
	#staff .person a dl { bottom: 30px;}
	#staff .person a dl dt { margin-bottom: 12px;}
	#staff .person a dl dd { margin-bottom: 8px; font-size: 18px; }
}
@media (max-width: 801px) {
	#staff .ttl-1 { margin-bottom: 30px; padding-top: 20px; padding-left: 220px;}
	#staff .person { width: 50%; padding: 10px 12px;}
}
@media (max-width: 481px) {
	#staff .inner-sct { padding: 30px 0;}
	#staff .ttl-1 { margin-bottom: 20px; padding-top: 25px; padding-left: 150px;}
	#staff .person { padding: 6px 8px;}
	#staff .person a dl { bottom: 12px;}
	#staff .person a dl dt { margin-bottom: 5px; font-size: 14px;}
	#staff .person a dl dt span { padding: 2px 10px;}
	#staff .person a dl dd { margin-bottom: 4px; font-size: 12px;}
	#staff .person a dl dd span { padding: 2px 10px;}
}



#pride { position: relative;}
#pride .inner-sct { padding: 50px 0;}
#pride .ttl-1 { width: 90%; max-width: 1200px; margin: 0 auto 60px; padding-top: 40px; padding-left: 320px;}
#pride .ttl-1 { color: #fff;}
#pride .ttl-1 h2:before { content: 'PRIDE';}
#pride .ctn { width: 90%; max-width: 1200px; margin: 0 auto; }
#pride .ctn ul { display: flex; justify-content: space-between; width: 100%;}
#pride .ctn ul li { width: 31.5%;}
#pride .ctn ul li dl { position: relative; height: 100%; padding-top: 40px; background: #fff;}
#pride .ctn ul li dl dt { margin-bottom: 20px; text-align: center;}
#pride .ctn ul li dl dt img { width: 60%; max-width: 160px;}
#pride .ctn ul li dl dd { font-size: 20px;}
#pride .ctn ul li dl dd span { display: block;}
#pride .ctn ul li dl dd span.tit { height: 2.8em; color: #4072c3; font-size: clamp(20px,2.4vw,26px); font-weight: 700; line-height: 1.4; text-align: center;}
#pride .ctn ul li dl dd span.tit.row1 { padding-top: 0.6em;}
#pride .ctn ul li dl dd span.txt { padding: 20px 32px 40px; font-size: 20px; letter-spacing: 0.1rem; line-height: 1.4;}
@media (max-width: 1001px) {
	#pride .ctn ul li dl dd span.txt { padding: 12px 20p 30pxx; font-size: 18px;}
}
@media (max-width: 801px) {
	#pride .ttl-1 { margin-bottom: 30px; padding-top: 18px; padding-left: 240px;}
	#pride .ctn ul { display: block;}
	#pride .ctn ul li { width: 100%; padding: 10px 0;}
	#pride .ctn ul li dl { padding: 20px; padding-left: 150px;}
	#pride .ctn ul li dl dt { width: 150px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
	#pride .ctn ul li dl dd span.tit { height: auto; margin-bottom: 8px; font-size: 21px; text-align: left;}
	#pride .ctn ul li dl dd span.tit.row1 { padding-top: 0em;}
	#pride .ctn ul li dl dd span.tit br { display: none;}
	#pride .ctn ul li dl dd span.txt { padding: 0px; font-size: 18px;}
}
@media (max-width: 481px) {
	#pride .inner-sct { padding: 30px 0;}
	#pride .ttl-1 { margin-bottom: 20px; padding-top: 25px; padding-left: 160px;}
	#pride .ctn ul li { padding: 6px 0;}
	#pride .ctn ul li dl { padding: 12px; padding-left: 100px;}
	#pride .ctn ul li dl dt { width: 100px;}
	#pride .ctn ul li dl dd span.tit br { display: block;}
	#pride .ctn ul li dl dd span.tit { font-size: 18px;}
	#pride .ctn ul li dl dd span.txt { font-size: 13px; letter-spacing: 0.05rem;}
}


#type { position: relative;}
#type .inner-sct { padding: 50px 0;}
#type .box { position: relative; width: 90%; max-width: 1200px; margin: 0 auto; background: #fff;}
#type .box:after { content: ''; display: block; width: 54%; max-width: 680px; height: 100%; position: absolute; right: 0px; bottom: 0; z-index: 1;
 background: url('/img/recruit/img-2.png') no-repeat 0 102% / 100% auto;
}
#type .box .ttl-2 { margin-bottom: 20px; padding-top: 140px; padding-left: 70px; color: #4072c3;}
#type .box .ttl-2 h2:before { content: 'TYPE OF PERSON'; color: #4072c3;}
#type .box .txt { position: relative; width: 100%; max-width: 500px; padding-left: 80px; padding-bottom: 40px; z-index: 2;}
#type .box .txt p { font-size: 22px; letter-spacing: 0.1rem;}
@media (max-width: 1001px) {
	#type .box .ttl-2 { padding-left: 40px;}
	#type .box .txt { padding-left: 40px;}
	#type .box .txt p { font-size: 18px;}
}
@media (max-width: 801px) {
	#type .box .ttl-2 { margin-bottom: 20px; padding-top: 18vw;}
	#type .box .ttl-2 h2:before { top: 0; font-size: 12.0vw;}
}
@media (max-width: 481px) {
	#type .inner-sct { padding: 30px 0;}
	#type .box .ttl-2 { margin-bottom: 20px; padding-top: 65px; padding-left: 30px;}
	#type .box .ttl-2 h2:before { font-size: 48px;}
	#type .box .txt { padding-left: 30px; padding-bottom: 0px;}
	#type .box:after { width: 100%;  height: 180px; position: relative; right: auto; bottom: auto; background-position: 0% 0%;}
	#type .box .txt p { font-size: 16px; letter-spacing: 0.05rem;}
}


#day { position: relative;}
#day .inner-sct { padding: 50px 0;}
#day .ttl-1 { width: 90%; max-width: 1200px; margin: 0 auto 40px; padding-top: 40px; padding-left: 280px;}
#day .ttl-1 { color: #fff;}
#day .ttl-1 h2:before { content: 'FLOW';}
#day .ctn { width: 90%; max-width: 1200px; margin: 0 auto;}
#day .flex{ display: flex; justify-content: space-between; align-items: center; padding-left: 120px;}
#day .img { width: 45%; text-align: center;}
#day .txt { width: 52%;}
#day .img picture { display: block; width: 80%; max-width: 420px; margin: 0 auto;}
#day .img picture img { width: 100%;}
#day .txt ul li { padding: 9px 0;}
#day .txt ul li dl { display: table; width: 100%; max-width: 540px; background: #fff;}
#day .txt ul li dl dt,
#day .txt ul li dl dd { display: table-cell; padding: 18px 0;
 color: #4072c3; font-size: clamp(20px,2.6vw,26px); font-weight: 700; line-height: 1; text-align: center; vertical-align: middle;
}
#day .txt ul li dl dt { width: 230px; background: #d3dff2;}
#day .txt ul li dl dd { width: auto; }
#day .txt p { color: #fff; font-size: 18px; font-weight: 700;}
@media (max-width: 1201px) {
	#day .flex{ padding-left: 50px;}
}
@media (max-width: 1001px) {
	#day .txt ul li dl dt { width: 180px;}
	#day .txt ul li dl dt,
	#day .txt ul li dl dd { padding: 12px 0;}
}
@media (max-width: 801px) {
	#day .inner-sct { padding: 30px 0;}
	#day .ttl-1 { margin-bottom: 30px; padding-top: 24px; padding-left: 200px;}
	#day .flex{ padding-left: 0px;}
	#day .img { width: 40%; text-align: center;}
	#day .txt { width: 60%;}
	#day .txt ul li dl dt { width: 150px;}
	#day .txt p { font-size: 16px;}
}
@media (max-width: 641px) {
	#day .flex{ display: block;}
	#day .img { width: 100%;}
	#day .txt { width: 100%; margin-bottom: 20px;}
	#day .img pictuire { width: 90%;}
}
@media (max-width: 481px) {
	#day .ttl-1 { margin-bottom: 20px; padding-top: 28px; padding-left: 140px;}
	#day .txt ul li { padding: 4px 0;}
	#day .txt ul li dl dt,
	#day .txt ul li dl dd { padding: 8px 0; font-size: 15px;}
	#day .txt ul li dl dt { width: 150px;}
	#day .txt p { font-size: 12px;}
}


#career { position: relative;}
#career .inner-sct { padding: 50px 0;}
#career .ttl-1 { width: 90%; max-width: 1200px; margin: 0 auto 60px; padding-top: 40px; padding-left: 400px;}
#career .ttl-1 { color: #fff;}
#career .ttl-1 h2:before { content: 'CAREER';}
#career .ctn { width: 90%; max-width: 1240px; margin: 0 auto;}
#career .ctn ul { font-size: 0;}
#career .ctn ul li { position: relative; display: inline-block; width: 25%; padding: 0 18px; vertical-align: top;}
#career .ctn ul li::after { content: ''; display: block; width: 0px; height: 0px;
 position: absolute; right: -9px; top: 50%; transform: translateY(-50%);
 border: solid 48px transparent; border-left: solid 18px #d3dff2; border-right: 0px;
}
#career .ctn ul li:last-child:after { content: none;}
#career .ctn ul li dl { width: 100%; min-height: 300px; padding: 30px 20px 0px; background: #fff; }
#career .ctn ul li dl dt { margin-bottom: 12px; color: #4072c3; font-size: clamp(20px,2.6vw,26px); font-weight: 700; line-height: 1.2; text-align: center;}
#career .ctn ul li dl dt span { display: block; margin-bottom: 12px;}
#career .ctn ul li dl dt img { width: 50%; max-width: 100px;}
#career .ctn ul li dl dd { padding: 0 8px; font-size: 20px; letter-spacing: 0.1rem; line-height: 1.4; text-align: justify;}
#career .ctn ul li dl dd span { display: none;}
@media (max-width: 1001px) {
	#career .ctn ul li dl { min-height: 260px; padding: 20px 12px 0px;}
	#career .ctn ul li dl dd { font-size: 16px;}
}
@media (max-width: 801px) {
	#career .ttl-1 { margin-bottom: 50px; padding-top: 18px; padding-left: 300px;}
	#career .ctn ul li { display: block; width: 100%; padding: 0 0 12px;}
	#career .ctn ul li::after { position: relative; right: auto; top: auto; transform: translate(0%); margin: 0 auto;
	 border: solid 48px transparent; border-top: solid 18px #d3dff2; border-bottom: 0px;
	}
	#career .ctn ul li dl { position: relative; display: table; min-height: auto; margin-bottom: 12px; padding: 30px;}
	#career .ctn ul li dl dt,
	#career .ctn ul li dl dd { display: table-cell; vertical-align: middle;}
	#career .ctn ul li dl dt { width: 150px;}
	#career .ctn ul li dl dt span { display: none;}
	#career .ctn ul li dl dd { padding: 0px; width: auto;}
	#career .ctn ul li dl dd span { display: block; margin-bottom: 6px; color: #4072c3; font-size: clamp(20px,2.6vw,26px); font-weight: 700; line-height: 1.2;}
}
@media (max-width: 481px) {
	#career .inner-sct { padding: 30px 0;}
	#career .ttl-1 { margin-bottom: 30px; padding-top: 24px; padding-left: 200px;}
	#career .ctn ul li { padding: 0 0 10px;}
	#career .ctn ul li::after { border: solid 50px transparent; border-top: solid 12px #d3dff2; border-bottom: 0px;}
	#career .ctn ul li dl { margin-bottom: 10px; padding: 12px 20px; padding-left: 0px;}
	#career .ctn ul li dl dt { width: 100px;}
	#career .ctn ul li dl dt img { width: 65%;}
	#career .ctn ul li dl dd { font-size: 14px;}
	#career .ctn ul li dl dd span { font-size: 18px;}
}



#walfare { position: relative;}
#walfare .inner-sct { padding: 50px 0;}
#walfare .ttl-1 { width: 90%; max-width: 1200px; margin: 0 auto 80px; padding-top: 40px; padding-left: 460px;}
#walfare .ttl-1 { color: #fff;}
#walfare .ttl-1 h2:before { content: 'WALFARE';}
#walfare .ctn { width: 90%; max-width: 1200px; margin: 0 auto;}
#walfare .box { padding: 10px 60px; background: #fff;}
#walfare .box ul { width: 100%; font-size: 0;}
#walfare .box ul li { position: relative; display: inline-block; width: 50%; padding: 0 25px; font-size: clamp(14px,1.8vw,20px); letter-spacing: 0.1rem; vertical-align: top;}
#walfare .box ul li span { position: relative; display: block; padding: 18px 0; padding-left: 60px; border-top: solid 1px #4072c3;}
#walfare .box ul li:before { content: ''; display: block; width: 22px; height: 10px;
 position: absolute; left: 45px; top: 26px; transform: rotate(-45deg);
 border-left: solid 4px #4072c3; border-bottom: solid  4px #4072c3;
}
#walfare .box ul li:first-child span,
#walfare .box ul li:nth-child(2) span { border-top: none;}
@media (max-width: 1201px) {
	#walfare .box { padding: 10px 40px;}
}
@media (max-width: 1001px) {
	#walfare .box { padding: 6px 20px;}
	#walfare .box ul li { padding: 0 18px;}
	#walfare .box ul li span { padding: 12px 0; padding-left: 40px;}
	#walfare .box ul li:before { left: 30px; top: 18px;}
}
@media (max-width: 801px) {
	#walfare .ttl-1 { margin-bottom: 60px; padding-top: 12px; padding-left: 340px;}
}
@media (max-width: 641px) {
	#walfare .box { padding: 6px 30px;}
	#walfare .box ul li { display: block; width: 100%; padding: 0;}
	#walfare .box ul li:nth-child(2) span { border-top: solid 1px #4072c3;}
	#walfare .box ul li:before { left: 20px;}
	#walfare .box ul li span { padding: 12px 0; padding-left: 60px;}
}
@media (max-width: 481px) {
	#walfare .inner-sct { padding: 30px 0;}
	#walfare .ttl-1 { margin-bottom: 40px; padding-top: 20px; padding-left: 235px;}
	#walfare .box { padding: 8px 20px;}
	#walfare .box ul li { letter-spacing: 0.05rem;}
	#walfare .box ul li:before { left: 10px; top: 12px; width: 16px; height: 9px; border-width: 3px;}
	#walfare .box ul li span { padding: 8px 0; padding-left: 40px;}
	#walfare .box ul li span em { font-size: 12px;}
}


#job { position: relative;}
#job .inner-sct { padding: 50px 0;}
#job .ttl-1 { width: 90%; max-width: 1200px; margin: 0 auto 80px; padding-top: 38px; padding-left: 460px;}
#job .ttl-1 { color: #fff;}
#job .ttl-1 h2:before { content: 'JOB TYPE';}
#job .ctn { width: 90%; max-width: 1200px; margin: 0 auto;}
#job .box { position: relative; margin-bottom: 60px; padding-top: 50px; background: #fff;}
#job .box:last-of-type { margin-bottom: 0px;}
#job .box .tips {}
#job .box .tips div { position: relative; display: inline-block; padding: 8px; padding-left: 80px; padding-right: 60px; background: #d3dff2;}
#job .box .tips div:before,
#job .box .tips div:after { content: ''; display: block;}
#job .box .tips div:before{ width: 36px; height: 36px; background: url('/img/recruit/icn-job-1.svg') no-repeat 50% 100% / auto 100%;
 position: absolute; left: 30px; top: 5px;
}
#job .box .tip.tips-1 div:before{ background: url('/img/recruit/icn-job-1.svg') no-repeat 50% 100% / auto 100%;}
#job .box .tip.tips-2 div:before{ background: url('/img/recruit/icn-job-2.svg') no-repeat 50% 100% / auto 100%;}

#job .box .tips div:after { width: 20px; height: 100%; background: #fff;
 position: absolute; right: -10px; top: 0; transform: skewX(-20deg);
}
#job .box .tips div p { color: #4072c3; font-size: clamp(21px,3.0vw,30px); font-weight: 700; line-height: 1;}
#job .box .txt { padding: 30px 80px 20px;}
#job .box .txt h3 { margin-bottom: 30px; font-size: clamp(21px,3.0vw,30px); font-weight: 700; line-height: 1.4;}
#job .box .txt p { margin-bottom: 40px; font-size: 20px; line-height: 1.8;}
#job .box .txt ul li { padding: 32px 0; border-top: solid 1px #4072c3;}
#job .box .txt ul li dl { display: table; width: 100%;}
#job .box .txt ul li dl dt,
#job .box .txt ul li dl dd { display: table-cell; }
#job .box .txt ul li dl dt { width: 160px; font-size: 22px; font-weight: 700;}
#job .box .txt ul li dl dd { width: auto; font-size: 20px;}
@media (max-width: 1001px) {
	#job .box .tips div { padding-left: 60px; padding-right: 40px;}
	#job .box .tips div:before{ width: 30px; height: 30px; left: 18px;}
	#job .box .txt { padding: 20px 60px;}
	#job .box .txt h3 { margin-bottom: 20px;}
	#job .box .txt p { font-size: 18px;}
	#job .box .txt ul li { padding: 20px 0;}
	#job .box .txt ul li dl dt { width: 120px; font-size: 18px;}
	#job .box .txt ul li dl dd { font-size: 16px;}
}
@media (max-width: 801px) {
	#job .ttl-1 { margin-bottom: 60px; padding-top: 14px; padding-left: 350px;}
	#job .box { margin-bottom: 30px; padding-top: 30px;}
	#job .box .tips div { padding-left: 40px; padding-right: 40px;}
	#job .box .tips div:before{ width: 20px; height: 20px; left: 8px; top: 8px;}
	#job .box .txt { padding: 20px 40px 10px;}
	#job .box .txt p { font-size: 16px;}
}
@media (max-width: 481px) {
	#job .inner-sct { padding: 30px 0;}
	#job .ttl-1 { margin-bottom: 40px; padding-top: 22px; padding-left: 230px;}
	#job .box { margin-bottom: 20px; padding-top: 20px;}
	#job .box .tips div { padding: 6px 0; padding-left: 30px; padding-right: 40px;}
	#job .box .tips div:before{ width: 15px; height: 15px; left: 8px; top: 6px;}
	#job .box .tips div p { font-size: 16px;}
	#job .box .txt { padding: 12px 30px;}
	#job .box .txt h3 { margin-bottom: 12px; font-size: 16px;}
	#job .box .txt p { margin-bottom: 20px; font-size: 14px;}
	#job .box .txt ul li { padding: 10px 0;}
	#job .box .txt ul li dl dt,
	#job .box .txt ul li dl dd { display: block;}
	#job .box .txt ul li dl dt { width: 100%; font-size: 14px;}
	#job .box .txt ul li dl dd { width: 100%; font-size: 12px;}
}



#flow { position: relative;}
#flow .inner-sct { padding: 50px 0;}
#flow .ttl-1 { width: 90%; max-width: 1200px; margin: 0 auto 60px; padding-top: 40px; padding-left: 280px;}
#flow .ttl-1 { color: #fff;}
#flow .ttl-1 h2:before { content: 'FLOW';}
#flow .ctn { width: 90%; max-width: 1200px; margin: 0 auto;}
#flow .ctn ul { }
#flow .ctn ul li { margin-bottom: 14px;}
#flow .ctn ul li:last-child { margin-bottom: 0px;}
#flow .ctn ul li::after { content: ''; display: block; width: 0px; height: 0px; margin: 0 auto;
 border: solid 84px transparent; border-top: solid 22px #d3dff2; border-bottom: 0;
}
#flow .ctn ul li:last-child:after { content: none;}
#flow .ctn ul li dl { position: relative; margin-bottom: 20px; padding: 40px; padding-left: 230px; background: #fff;}
#flow .ctn ul li dl dt { position: absolute; left: 0px; top: 50%; transform: translateY(-55%); color: #4072c3; font-size: clamp(24px,4.6vw,46px); line-height: 1;}
#flow .ctn ul li dl dt span { position: relative; display: block; width: 220px; font-weight: 700; letter-spacing: 0.05rem; text-align: center; transform: skew(-8deg);}
#flow .ctn ul li dl dd { font-size: 22px; line-height: 1.4;}
@media (max-width: 801px) {
	#flow .ttl-1 { margin-bottom: 40px; padding-top: 24px; padding-left: 200px;}
	#flow .ctn ul li dl { margin-bottom: 20px; padding: 30px; padding-left: 160px; background: #fff;}
	#flow .ctn ul li dl dt span { width: 160px;}
	#flow .ctn ul li dl dd { font-size: 18px;}
}
@media (max-width: 481px) {
	#flow .inner-sct { padding: 30px 0;}
	#flow .ttl-1 { margin-bottom: 30px; padding-top: 26px; padding-left: 140px;}
	#flow .ctn ul li { margin-bottom: 10px;}
	#flow .ctn ul li::after { border: solid 32px transparent; border-top: solid 12px #d3dff2; border-bottom: 0px;}
	#flow .ctn ul li dl { margin-bottom: 10px; padding: 12px; padding-left: 100px; background: #fff;}
	#flow .ctn ul li dl dt { font-size: 21px;}
	#flow .ctn ul li dl dt span { width: 100px;}
	#flow .ctn ul li dl dd { font-size: 13px;}
}



#faq { position: relative;}
#faq .inner-sct { padding: 50px 0;}
#faq .ttl-1 { width: 90%; max-width: 1200px; margin: 0 auto 60px; padding-top: 40px; padding-left: 200px;}
#faq .ttl-1 { color: #fff;}
#faq .ttl-1 h2:before { content: 'FAQ';}
#faq .ctn { width: 90%; max-width: 1200px; margin: 0 auto;}
#faq .ctn ul li { margin-bottom: 30px;}
#faq .ctn ul li dl { padding: 20px 40px; background: #fff;}
#faq .ctn ul li dl dt { position: relative; padding: 30px; padding-left: 60px; border-bottom: solid 1px #4072c3;
 font-size: clamp(18px,2.4vw,24px); font-weight: 700; letter-spacing: 0.1rem; line-height: 1.4;
}
#faq .ctn ul li dl dt span.eng { position: absolute; left: 10px; top: 20px; color: #4072c3; font-size: clamp(24px,4.6vw,46px); line-height: 1; transform: skew(-8deg);}
#faq .ctn ul li dl dd { padding: 20px 10px; font-size: 20px; letter-spacing: 0.1rem;}
@media (max-width: 1001px) {
	#faq .ctn ul li dl dd { font-size: 18px;}
}
@media (max-width: 801px) {
	#faq .ttl-1 { margin-bottom: 40px; padding-top: 26px; padding-left: 150px;}
	#faq .ctn ul li dl { padding: 12px 20px;}
	#faq .ctn ul li dl dt { padding: 12px; padding-left: 40px;}
	#faq .ctn ul li dl dt span.eng { left: 8px; top: 10px;}
	#faq .ctn ul li dl dd { padding: 12px 10px; font-size: 14px;}
}
@media (max-width: 481px) {
	#faq .inner-sct { padding: 30px 0;}
	#faq .ttl-1 { margin-bottom: 30px; padding-left: 100px;}
	#faq .ctn ul li { margin-bottom: 20px;}
	#faq .ctn ul li dl { padding: 6px 12px;}
	#faq .ctn ul li dl dt { padding: 8px; padding-left: 30px; font-size: 16px;}
	#faq .ctn ul li dl dt span.eng { left: 8px; top: 6px; font-size: 24px;}
	#faq .ctn ul li dl dd { padding: 10px 8px; font-size: 13px;}
}



#entry { position: relative;}
#entry .posi { top: -40px;}
#entry .inner-sct { padding-bottom: 100px; background: url('/img/recruit/bg-entry.png') no-repeat 50% 0;}
#entry .box { position: relative; width: 90%; max-width: 1200px; margin: 0 auto; padding: 12px 0 80px; background: #fff;}
#entry .box .ttl-2 { margin-bottom: 50px; padding-top: 50px; padding-left: 310px; color: #4072c3;}
#entry .box .ttl-2 h2:before { content: 'ENTRY'; color: #4072c3;}
#entry .box .read { margin-bottom: 30px;}
#entry .box .read h3 { margin-bottom: 20px; font-size: 25px; font-weight: 700; letter-spacing: 0.1rem; text-align: center;}
#entry .box .read p { font-size: 18px; letter-spacing: 0.1rem; text-align: center;}

#entry .box .flex { display: flex; justify-content: space-between; width: 90%; max-width: 1000px; margin: 0 auto 60px;}
#entry .box .tel { width: 48.5%; padding: 12px 0px; border: solid 2px #4072c3;}
#entry .box .tel dl { position: relative; padding-top: 10px; text-align: center;}
#entry .box .tel dl dt { position: relative; font-size: 21px; font-weight: 700; line-height: 1;}
#entry .box .tel dl dt:after { content: ''; display: block; width: 80%; max-width: 320px; height: 2px; background: #4072c3;
 position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1;
}
#entry .box .tel dl dt span { position: relative; display: inline-block; padding: 0 16px; background: #fff; z-index: 2;}
#entry .box .tel dl dd { font-size: 16px; text-align: center;}
#entry .box .tel dl dd a { position: relative; display: inline-block; margin-right: 12px; text-decoration: none; pointer-events: none; vertical-align: middle;}
#entry .box .tel dl dd a svg { display: inline-block; width: 30px; margin-right: 8px; fill: #4072c3; vertical-align: middle;}
#entry .box .tel dl dd a span { display: inline-block; vertical-align: middle;}
#entry .box .tel dl dd a span em.eng { font-size: 40px; font-weight: 700; letter-spacing: 0.08rem;}
#entry .box .tel dl dd span.time { display: inline-block; font-size: 14px; line-height: 1.2; text-align: left; vertical-align: middle;}

#entry .box .line { width: 48.5%; padding: 30px; border: solid 2px #4072c3;}
#entry .box .line a { position: relative; display: block; width: 100%; color: #fff; font-size: 21px; text-decoration: none; transition: 0.3s ease;}
#entry .box .line a img { position: absolute; left: 40px; top: 50%; transform: translateY(-50%); width: 48px; border-radius: 10px; z-index: 5;}
#entry .box .line a span { position: relative; display: block; padding: 20px 0; padding-left: 80px; font-weight: 700; letter-spacing: 0.05rem; text-align: center; z-index: 3;}
#entry .box .line a span:after { content: ''; position: relative; display: inline-block; width: 0; height: 0; margin-left: 15px; vertical-align: middle;
 border: solid 5px transparent; border-left: solid 10px #fff; border-right: 0; transform: translateY(-2px);
}
#entry .box .line a:before { content: ''; display: block; width: 100%; height: 100%; background: #cbd8eb;
 clip-path: polygon(3% 0, 97% 0%, 100% 16%, 100% 82%, 97% 100%, 3% 100%, 0% 82%, 0% 16%); transition: 0.3s ease;
 position: absolute; left: 0; top: 0; transform: translate(4px,4px); z-index: 1;
}
#entry .box .line a:after { content: ''; display: block; width: 100%; height: 100%; background: #4072c3;
 clip-path: polygon(3% 0, 97% 0%, 100% 16%, 100% 82%, 97% 100%, 3% 100%, 0% 82%, 0% 16%);
 position: absolute; left: 0; top: 0;  z-index: 2;
}
#entry .box .line a:hover { opacity: 0.8;}
#entry .box .line a:hover:before { transform: translate(2px,2px);}

#entry .box .form-bloc { width: 92%; max-width: 1000px; margin: 0 auto;}
#entry .box .form-bloc ul { margin-bottom: 40px; border-top: solid 1px #c8c8c8;}
#entry .box .form-bloc ul li { padding: 14px; border-bottom: solid 1px #c8c8c8;}
#entry .box .form-bloc ul li dl { display: table; width: 100%;}
#entry .box .form-bloc ul li dl dt,
#entry .box .form-bloc ul li dl dd { display: table-cell; vertical-align: top;}
#entry .box .form-bloc ul li dl dt { width: 300px; padding-top: 4px; padding-left: 30px; font-size: 20px;}
#entry .box .form-bloc ul li dl dt span.require { position: relative; display: inline-block; margin-left: 15px; padding: 0px 10px; background: #fb1757;
 color: #fff; font-size: 14px; font-weight: 700; transform: translateY(-1px);
}
#entry .box .form-bloc ul li dl dd .slct { position: relative; width: 100%; max-width: 280px; background: #e9e9e9;}
#entry .box .form-bloc ul li dl dd .slct:after { content: ''; display: block; width: 0px; height: 0px; border: solid 8px transparent; border-top: solid 12px #4072c3; border-bottom: none;
 position: absolute; right: 10px; top: 15px; z-index: 1;
}
#entry .box .form-bloc ul li dl dd .slct select { position: relative; z-index: 2; width: 100%; padding: 8px; border: none; appearance: none; -webkit-appearance: none;}
#entry .box .form-bloc ul li dl dd input[type="text"],
#entry .box .form-bloc ul li dl dd input[type="email"],
#entry .box .form-bloc ul li dl dd input[type="tel"] { width: 100%; max-width: 680px; padding: 8px; border: none; background: #e9e9e9;}
#entry .box .form-bloc ul li dl dd textarea { width: 100%; max-width: 680px; height: 180px; padding: 8px; border: none; background: #e9e9e9;}


#entry .box .policy { width: 92%; max-width: 680px; margin: 0 auto 30px;}
#entry .box .policy p { font-size: 14px;}
#entry .box .policy p span { display: block;}

#entry .box .confirm { margin-bottom: 30px;}
#entry .box .confirm p { font-size: 16px; text-align: center;}
#entry .box .confirm p input[type="checkbox"] { position: relative; width: 20px; height: 20px; margin-right: 8px; background: #e9e9e9; vertical-align: middle;
 transform: translateY(-2px); appearance: checkbox; -webkit-appearance: checkbox;
}
#entry .box .btn-submit { position: relative; width: 70%; max-width: 260px; margin: 0 auto;}
#entry .box .btn-submit:after { content: ''; display: block; width: 100%; height: 100%; background: #4172c4;
 clip-path: polygon(6% 0, 94% 0%, 100% 22%, 100% 78%, 94% 100%, 6% 100%, 0% 78%, 0% 22%);
 position: absolute;
}
#entry .box .btn-submit:after { left: 4px; top: 4px; background: #cbd8eb; z-index: 1;}
#entry .box .btn-submit div { position: relative; z-index: 3;}
#entry .box .btn-submit div:after { content: ''; display: block; width: 0px; height: 0px; border: solid 8px transparent; border-left: solid 12px #fff; border-right: 0px;
 position: absolute; left: 50%; top: 50%; transform: translate(60px, -50%);
}

#entry .box .btn-submit input[type="submit"] { position: relative; width: 100%; height: 100%; padding: 14px 0; border: none;
 background: #4172c4; clip-path: polygon(6% 0, 94% 0%, 100% 22%, 100% 78%, 94% 100%, 6% 100%, 0% 78%, 0% 22%);
 color: #fff; font-size: 21px; font-weight: 700; letter-spacing: 0.1rem; text-align: center; z-index: 10;
}
#entry .box .btn-submit input[type="submit"]:disabled { background: #efefef;}
#entry .box .btn-submit:hover{ opacity: 0.8;}

@media (max-width: 801px) {
	#entry .box .ttl-2 h2:before { top: -10px;}
	#entry .box .ttl-2 { margin-bottom: 40px; padding-top: 42px; padding-left: 230px;}
	#entry .box .read h3 { font-size: 21px; letter-spacing: 0.05rem;}
	#entry .box .read p { font-size: 16px; letter-spacing: 0.05rem;}
	#entry .box .flex { display: block; margin-bottom: 40px;}
	#entry .box .tel { width: 100%; max-width: 500px; margin: 0 auto 30px;}
	#entry .box .tel dl { padding: 6px 0 0;}
	#entry .box .line{ width: 100%; max-width: 500px; margin: 0 auto; padding: 20px;}

	#entry .box .form-bloc ul li { padding: 10px;}
	#entry .box .form-bloc ul li dl dt { width: 200px; padding-top: 8px; padding-left: 0px; font-size: 16px;}
}
@media (max-width: 641px) {
	#entry .box { padding: 0 0 60px;}
	#entry .box .read h3 span { display: block;}
	#entry .box .read p span { display: block;}
	#entry .box .tel dl { padding: 0px;}
	#entry .box .form-bloc ul li dl dt,
	#entry .box .form-bloc ul li dl dd { display: block;}
	#entry .box .form-bloc ul li dl dt { width: 100%; padding-top: 0px; padding-bottom: 6px;}
	#entry .box .form-bloc ul li dl dt span.require { font-size: 12px;}
	#entry .box .form-bloc ul li dl dd { width: 100%;}
}
@media (max-width: 481px) {
	#entry { background: url('/img/recruit/bg-1@sp.png') no-repeat 50% 0 / 100% auto;}
	#entry .box { padding: 5px 0 40px;}
	#entry .box .ttl-2 { margin-bottom: 30px; padding-top: 26px; padding-left: 150px;}
	#entry .box .read h3 { margin-bottom: 12px; font-size: 18px; letter-spacing: 0rem;}
	#entry .box .read p { font-size: 13px; letter-spacing: 0rem;}

	#entry .box .tel { margin-bottom: 12px;}
	#entry .box .tel dl dt { margin-bottom: 6px; font-size: 15px;}
	#entry .box .tel dl dt:after { width: 230px; height: 1px;}
	#entry .box .tel dl dt span { padding: 0 10px;}
	#entry .box .tel dl dd { padding: 0 20px;}
	#entry .box .tel dl dd a { margin: 0 auto 10px;; width: 100%; pointer-events: visible;}
	#entry .box .tel dl dd a:before { content: ''; display: block; width: 100%; height: 100%; background: #cbd8eb;
	 clip-path: polygon(3% 0, 97% 0%, 100% 16%, 100% 82%, 97% 100%, 3% 100%, 0% 82%, 0% 16%); transition: 0.3s ease;
	 position: absolute; left: 0; top: 0; transform: translate(2px,2px); z-index: 1;
	}
	#entry .box .tel dl dd a:after { content: ''; display: block; width: 100%; height: 100%; background: #4072c3;
	 clip-path: polygon(3% 0, 97% 0%, 100% 16%, 100% 82%, 97% 100%, 3% 100%, 0% 82%, 0% 16%);
	 position: absolute; left: 0; top: 0;  z-index: 2;
	}

	#entry .box .tel dl dd a svg { position: relative; width: 16px; margin-right: 8px; fill: #fff; z-index: 3;}
	#entry .box .tel dl dd a span { position: relative; padding: 7px 0; z-index: 3;}
	#entry .box .tel dl dd a span em.eng { color: #fff; font-size: 26px; line-height: 1.2;}
	#entry .box .tel dl dd span.time { display: block; font-size: 12px; text-align: center;}
	#entry .box .tel dl dd span.time br { display: none;}
	
	#entry .box .line a { font-size: 15px;}
	#entry .box .line a:before { transform: translate(2px,2px);}
	#entry .box .line a img { left: 16px; width: 28px; border-radius: 6px;}
	#entry .box .line a span { padding: 12px 0; padding-left: 60px; letter-spacing: 0rem; text-align: left;}
	#entry .box .line a span:after { margin-left: 8px; border: solid 4px transparent; border-left: solid 6px #fff; border-right: 0; transform: translateY(-2px);}


	#entry .box .form-bloc ul { margin-bottom: 20px;}
	#entry .box .form-bloc ul li dl dt { padding-bottom: 4px; font-size: 14px;}
	#entry .box .form-bloc ul li dl dt span.require { font-size: 10px;}
	#entry .box .form-bloc ul li dl dd { font-size: 14px;}
	#entry .box .form-bloc ul li dl dd input[type="text"],
	#entry .box .form-bloc ul li dl dd input[type="email"],
	#entry .box .form-bloc ul li dl dd input[type="tel"] { padding: 5px;}
	#entry .box .form-bloc ul li dl dd textarea { height: 150px; padding: 5px;}


	#entry .box .policy { width: 94%; margin-bottom: 20px;}
	#entry .box .policy p { font-size: 12px;}

	#entry .box .confirm { margin-bottom: 20px;}
	#entry .box .confirm p { font-size: 13px;}

	#entry .box .btn-submit:after{ clip-path: polygon(3% 0, 97% 0%, 100% 16%, 100% 84%, 97% 100%, 3% 100%, 0% 84%, 0% 16%);}
	#entry .box .btn-submit div:after { border: solid 6px transparent; border-left: solid 8px #fff; border-right: 0px;}
	#entry .box .btn-submit input[type="submit"] { padding: 12px 0; font-size: 16px; clip-path: polygon(3% 0, 97% 0%, 100% 16%, 100% 84%, 97% 100%, 3% 100%, 0% 84%, 0% 16%);}

}



.popup-box .inner-box { position: relative; width: 85%; max-width: 980px; margin: 0 auto;}
.popup-box .flex { display: flex; width: 100%; background: #fff;}
.popup-box .pht { width: 38%;}
.popup-box .txt { width: 62%;}
.popup-box .pht picture img { width: 100%; }
.popup-box .txt .inner { padding: 50px 50px 0;}
.popup-box .txt h3 { margin-bottom: 20px; color: #4072c3; line-height: 1;}
.popup-box .txt h3 span { display: inline-block; font-weight: 700; vertical-align: middle;}
.popup-box .txt h3 span.jp { margin-right: 20px; font-size: 28px;}
.popup-box .txt h3 span.eng{ font-size: 18px;}
.popup-box .txt ul { margin-bottom: 20px; font-size: 0;}
.popup-box .txt ul li { position: relative; display: inline-block; margin-right: 30px; padding-left: 30px; color: #4072c3; font-size: 22px;}
.popup-box .txt ul li:last-child { margin-right: 0px;}
.popup-box .txt ul li::before { content: ''; display: block; width: 24px; height: 28px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.popup-box .txt ul li:nth-child(1):before { background: url('/img/recruit/icn-staff-1.svg') no-repeat 50% 50% / 100% auto;}
.popup-box .txt ul li:nth-child(2):before { background: url('/img/recruit/icn-staff-2.svg') no-repeat 50% 50% / 100% auto;}
.popup-box .txt p { font-size: 18px; letter-spacing: 0.1rem;}
.popup-box .popup-close { position: absolute; right: 0; top: -40px; width: 40px; height: 40px;}
.popup-box .popup-close a { position: relative; display: block; width: 100%; height: 100%;}
.popup-box .popup-close a:before,
.popup-box .popup-close a:after { content: ''; display: block; width: 2px; height: 60%; background: #fff;
 position: absolute; left: 50%; top: 50%;
}
.popup-box .popup-close a:before{ transform: translate(-50%,-50%) rotate(45deg);}
.popup-box .popup-close a:after { transform: translate(-50%,-50%) rotate(-45deg);}

@media (max-width: 1001px) {
	.popup-box .txt .inner { padding: 30px 30px 0;}
	.popup-box .txt ul li { font-size: 18px;}
	.popup-box .txt p { font-size: 16px;}
}
@media (max-width: 801px) {
	.popup-box .flex { display: block; padding: 30px 30px 20px;}
	.popup-box .pht { width: 100%;}
	.popup-box .txt { width: 100%;}
	.popup-box .txt .inner { padding: 20px 0px 0px;}
}
@media (max-width: 641px) {
	.popup-box .txt ul li { font-size: 18px;}
	.popup-box .txt p { font-size: 16px;}
}
@media (max-width: 481px) {
	.popup-box .flex { display: block; padding: 30px 20px 20px;}
	.popup-box .txt h3 { margin-bottom: 12px;}
	.popup-box .txt h3 span.jp { font-size: 20px;}
	.popup-box .txt h3 span.eng{ font-size: 13px;}
	.popup-box .txt ul { margin-bottom: 10px;}
	.popup-box .txt ul li { margin-right: 20px; padding-left: 25px; font-size: 14px;}
	.popup-box .txt ul li::before { width: 18px; height: 22px;}
	.popup-box .txt p { font-size: 12px;}
	.popup-box .popup-close { width: 32px; height: 32px;}
}


.mfp-arrow-left { margin-left: -520px;}
.mfp-arrow-right { margin-left: 520px;}

@media (max-width: 1101px) {
	.mfp-arrow { transform: translate(0%,-50%);}
	.mfp-arrow-left { margin-left: 0px; left: 10px;}
	.mfp-arrow-right { margin-left: 0px; left: auto; right: 10px;}
}
@media (max-width: 481px) {
	.mfp-arrow-left { left: 6px;}
	.mfp-arrow-right { right: 6px;}
}