@charset "UTF-8";

/* !Base -------------------------------------------------------------- */
:root {
  --pink: #c1005c;
  --blue: #203e83;
  --lblue: #d4f0f6;
  --lblue2: #e0eef5;
  --blue2: #376fe9;
  --blue3: #1494d5;
  --gray: #f4f6fa;
  --green: #10946c;
  --green2: #42c104;
  --bgreen: #2a9eb7;
  --bgreen2: #00b995;
  --orange: #f37530;
}
a {	color: #1b429d; text-decoration: none; }
a.black { color: #000; }
a:hover { text-decoration: none;}
html {
	font-size: 62.5%; overflow-y: scroll;
}
body {
	font-size: 16px;
	font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	line-height: 2;
	color: #000;
}
.crimson {
	font-family: "Crimson Text", serif;
	font-weight: 400;
	font-style: normal;
}
.mincho {
	font-family: "Shippori Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: 700;
	font-style: normal;
}
.Barlow {
	font-family: "Barlow", sans-serif;
	font-weight: 600;
	font-style: normal;
}
.bold {
	font-weight: 700;
}
.fw500 {
	font-weight: 500;
}
p { padding: 1em 0; }
img { max-width: 100%; height: auto; }
.taL { text-align: left   !important;}
.taC { text-align: center !important;}
.taR { text-align: right  !important;}
.normal { font-weight: 400; }
.marker_pink { background:linear-gradient(transparent 60%, #f8e0ed 60%, #f8e0ed 100%, #fff 100%);}
.white { color: #fff; }
.black { color: #000; }
.pink { color: var(--pink); }
.blue { color: var(--blue); }
.blue2 { color: var(--blue2); }
.blue3 { color: var(--blue3); }
.lblue { color: var(--lblue); }
.green { color: var(--green); }
.green2 { color: var(--green2); }
.bgreen { color: var(--bgreen); }
.bgreen2 { color: var(--bgreen2); }
.orange { color: var(--orange); }
.red { color: #f8001d; }
.bg_white { background: #fff; }
.bg_black { background: #000; }
.bg_pink { background: var(--pink); }
.bg_blue { background: var(--blue); }
.bg_blue2 { background: var(--blue2); }
.bg_blue3 { background: var(--blue3); }
.bg_lblue { background: var(--lblue); }
.bg_lblue2 { background: var(--lblue2); }
.bg_green { background: var(--green); }
.bg_green2 { background: var(--green2); }
.bg_bgreen { background: var(--bgreen); }
.bg_bgreen2 { background: #def8f3; }
.bg_orange { background: var(--orange); }
.bg_gray { background: var(--gray); }
.bg_gray2 { background: #e4e6eb; }
.bg_gray3 { background: #edf0f6; }
.bg_gray4 { background: #f6f6f6; }
.bg_yellow { background: #fff9e1; }
.fz72 { font-size: 72px; }
.fz64 { font-size: 64px; }
.fz60 { font-size: 60px; }
.fz54 { font-size: 54px; }
.fz48 { font-size: 48px; }
.fz46 { font-size: 46px; }
.fz45 { font-size: 45px; }
.fz44 { font-size: 44px; }
.fz40 { font-size: 40px; }
.fz39 { font-size: 39px; }
.fz38 { font-size: 38px; }
.fz37 { font-size: 37px; }
.fz36 { font-size: 36px; }
.fz35 { font-size: 35px; }
.fz34 { font-size: 34px; }
.fz32 { font-size: 32px; }
.fz30 { font-size: 30px; }
.fz28 { font-size: 28px; }
.fz26 { font-size: 26px; }
.fz25 { font-size: 25px; }
.fz24 { font-size: 24px; }
.fz23 { font-size: 23px; }
.fz22 { font-size: 22px; }
.fz21 { font-size: 21px; }
.fz20 { font-size: 20px; }
.fz19 { font-size: 19px; }
.fz18 { font-size: 18px; }
.fz17 { font-size: 17px; }
.fz16 { font-size: 16px; }
.fz15 { font-size: 15px; }
.fz14 { font-size: 14px; }
.fz13 { font-size: 13px; }
.fz12 { font-size: 12px; }
h1,h2,h3,h4,h5 { font-size: 23px; line-height: 1.5; font-weight: 700; letter-spacing: 0.08em;}
.lh28 {line-height:2.8;}
.lh22 {line-height:2.2;}
.lh21 {line-height:2.1;}
.lh20 {line-height:2.0;}
.lh19 {line-height:1.9;}
.lh18 {line-height:1.8;}
.lh17 {line-height:1.7;}
.lh165 {line-height:1.65;}
.lh16 {line-height:1.6;}
.lh15 {line-height:1.5;}
.lh14 {line-height:1.4;}
.lh13 {line-height:1.3;}
.lh12 {line-height:1.2;}
.lh11 {line-height:1.1;}
.lh10 {line-height:1;}
.ls00 {letter-spacing:0;}
.ls002 {letter-spacing:0.02em;}
.ls003 {letter-spacing:0.027em;}
.ls004 {letter-spacing:0.04em;}
.ls005 {letter-spacing:0.05em;}
.ls008 {letter-spacing:0.08em;}
.ls01 {letter-spacing:0.1em;}
.ls015 {letter-spacing:0.15em;}
.ls018 {letter-spacing:0.18em;}
.ls02 {letter-spacing:0.2em;}
.ls025 {letter-spacing:0.25em;}
.ls03 {letter-spacing:0.3em;}
figcaption { line-height: 1.5; margin-top: 0.5em; }
.r_over { transition: all 0.3s;}
.r_over:hover { filter: brightness(110%);}
.r_over2 { transition: all 0.3s;}
.r_over2:hover { filter: brightness(300%) contrast(30%);}
.r_over3 { transition: all 0.3s;}
.r_over3:hover { filter: brightness(130%) contrast(90%);}
.r_over4 { transition: all 0.3s;}
.r_over4:hover { filter: brightness(94%) contrast(104%);}
.r_over5 { transition: all 0.3s;}
.r_over5:hover { filter: brightness(90%);}
.t-03 { transition: all 0.3s;}
.hdn { display: none; }
.br08 {	border-radius: 8px; }
.br20 {	border-radius: 20px; }
.shadow { box-shadow: 5px 5px 15px rgba(0, 0, 0, .12); }
.shadow2 { box-shadow: 5px 5px 20px rgba(0, 0, 0, .12); }
.shadow3 { box-shadow: 5px 5px 24px rgba(0, 0, 0, .08); }
.shadow4 { box-shadow: 0 0 20px rgba(101, 101, 101, .15); }
.shadow5 { box-shadow: 0 0 20px rgba(101, 101, 101, .5); }
.shadow6 { filter: drop-shadow(5px 5px 20px rgba(0, 0, 0, .2)); }
.shadow7 { box-shadow: 5px 5px 25px rgba(0, 0, 0, .14); }
@media screen and (max-width: 1600px) {
.interview .fz36 { font-size: 2.25vw; }
.interview .fz35 { font-size: 2.188vw; }
}
@media screen and (max-width: 1366px) {
body { font-size: 1.171vw; }
.fz72 { font-size: 5.271vw; }
.fz64 { font-size: 4.685vw; }
.fz60 { font-size: 4.392vw; }
.fz54 { font-size: 3.953vw; }
.fz48 { font-size: 3.514vw; }
.fz46 { font-size: 3.367vw; }
.fz45 { font-size: 3.294vw; }
.fz44 { font-size: 3.221vw; }
.fz40 { font-size: 2.928vw; }
.fz39 { font-size: 2.855vw; }
.fz38 { font-size: 2.782vw; }
.fz37 { font-size: 2.709vw; }
.fz36 { font-size: 2.635vw; }
.fz35 { font-size: 2.562vw; }
.fz34 { font-size: 2.489vw; }
.fz32 { font-size: 2.343vw; }
.fz30 { font-size: 2.196vw; }
.fz28 { font-size: 2.05vw; }
.fz26 { font-size: 1.903vw; }
.fz25 { font-size: 1.83vw; }
.fz24 { font-size: 1.757vw; }
.fz23 { font-size: 1.684vw; }
.fz22 { font-size: 1.611vw; }
.fz21 { font-size: 1.537vw; }
.fz20 { font-size: 1.464vw; }
.fz19 { font-size: 1.391vw; }
.fz18 { font-size: 1.318vw; }
.fz17 { font-size: 1.245vw; }
.fz16 { font-size: 1.171vw; }
.fz15 { font-size: 1.098vw; }
.fz14 { font-size: 1.025vw; }
.fz13 { font-size: 0.952vw; }
.fz12 { font-size: 0.878vw; }
h1,h2,h3,h4,h5 { font-size: 1.684vw; }
.br20 {	border-radius: 1.464vw; }
}
@media screen and (max-width: 1024px) {
body { font-size: 1.563vw; }
.fz72 { font-size: 7.031vw; }
.fz64 { font-size: 6.25vw; }
.fz60 { font-size: 5.859vw; }
.fz54 { font-size: 5.273vw; }
.fz48 { font-size: 4.688vw; }
.fz46 { font-size: 4.492vw; }
.fz45 { font-size: 4.395vw; }
.fz44 { font-size: 4.297vw; }
.fz40 { font-size: 3.906vw; }
.fz39 { font-size: 3.809vw; }
.fz38 { font-size: 3.711vw; }
.fz38 { font-size: 3.3vw; }
.fz37 { font-size: 3.613vw; }
.fz36 { font-size: 3.516vw; }
.message .fz36 { font-size: 3.2vw; }
.about .fz36 { font-size: 3.3vw; }
.fz35 { font-size: 3.418vw; }
.fz34 { font-size: 3.32vw; }
.fz34 { font-size: 3.1vw; }
.fz32 { font-size: 3.125vw; }
.about .fz32 { font-size: 2.9vw; }
.fz30 { font-size: 2.93vw; }
.fz28 { font-size: 2.734vw; }
.fz26 { font-size: 2.539vw; }
.fz25 { font-size: 2.441vw; }
.fz24 { font-size: 2.344vw; }
.fz23 { font-size: 2.246vw; }
.fz22 { font-size: 2.148vw; }
.fz21 { font-size: 2.051vw; }
.fz20 { font-size: 1.953vw; }
.fz19 { font-size: 1.855vw; }
.fz18 { font-size: 1.758vw; }
.fz17 { font-size: 1.66vw; }
.fz16 { font-size: 1.563vw; }
.fz15 { font-size: 1.465vw; }
.fz14 { font-size: 1.367vw; }
.fz13 { font-size: 1.27vw; }
.fz12 { font-size: 1.172vw; }
h1,h2,h3,h4,h5 { font-size: 2.246vw; }
}
@media screen and (max-width: 540px) {
body { font-size: 3.313vw; line-height: 1.8; }
.fz72 { font-size: 12vw; }
.fz64 { font-size: 13.251vw; }
.fz60 { font-size: 10vw; }
.fz54 { font-size: 8vw; }
.fz48 { font-size: 8.889vw; }
.wlb .fz48 { font-size: 7.8vw; }
.fz46 { font-size: 8.519vw; }
.fz45 { font-size: 9.317vw; }
.fz44 { font-size: 5.5vw; }
.carrier_model .fz44 { font-size: 8.5vw; }
.fz40 { font-size: 8.282vw; }
:is(.faq,.introduction,.job_description,.system) .fz40 { font-size: 6.5vw; }
.contact .fz40 { font-size: 6.1vw; }
.fz40-2 { font-size: 7vw; }
.wlb .fz40 { font-size: 6.5vw; }
.fz39 { font-size: 7.5vw; }
.fz38 { font-size: 7.867vw; }
.fz38 { font-size: 6.5vw; }
.fz37 { font-size: 7.66vw; }
.fz36 { font-size: 7.453vw; }
.interview .fz36 { font-size: 6vw; }
:is(.faq,.introduction,.job_description,.system) .fz36 { font-size: 6vw; }
.message .fz36 { font-size: 5.9vw; }
.about .fz36 { font-size: 5.35vw; }
.interview_top .fz36 { font-size: 6vw; }
.carrier_model .fz36 { font-size: 6vw; }
.wlb .fz36 { font-size: 6.5vw; }
.fz35 { font-size: 7.246vw; }
.interview .fz35 { font-size: 5.6vw; }
.fz34 { font-size: 7.039vw; }
.fz34 { font-size: 6.5vw; }
.home .fz34 { font-size: 5.6vw; }
.message .fz34 { font-size: 5.6vw; }
.fz32 { font-size: 6.625vw; }
.wlb .fz32 { font-size: 5.8vw; }
.about .fz32 { font-size: 4.8vw; }
.about .about_flex .fz32 { font-size: 4.1vw; }
.home .fz32 { font-size: 5.6vw; }
.fz30 { font-size: 6.211vw; }
.interview .fz30 { font-size: 5vw; }
.system .fz30 { font-size: 5vw; }
.about .fz30 { font-size: 5vw; }
.carrier_model .fz30 { font-size: 4.6vw; }
.wlb .fz30 { font-size: 5.4vw; }
.fz28 { font-size: 5.797vw; }
.introduction .fz28 { font-size: 5vw; }
.job_description .fz28 { font-size: 4.8vw; }
.statue .fz28 { font-size: 4.6vw; }
.about .about_flex .fz28 { font-size: 4vw; }
.fz26 { font-size: 5.383vw; }
.home .fz26 { font-size: 4.5vw; }
.fz25 { font-size: 5.176vw; }
.wlb .fz25 { font-size: 4.8vw; }
.fz24 { font-size: 4.969vw; }
.home .fz24 { font-size: 4.5vw; }
.interview_top .fz24 { font-size: 4.2vw; }
.fz23 { font-size: 4.762vw; }
.fz22 { font-size: 4.555vw; }
.home .fz22 { font-size: 4vw; }
.fz21 { font-size: 4.348vw; }
.fz20 { font-size: 4.141vw; }
.job_description .fz20 { font-size: 3.9vw; }
.interview_top .fz20 { font-size: 3.5vw; }
.fz19 { font-size: 3.942vw; }
.fz18 { font-size: 3.733vw; }
.fz17 { font-size: 3.52vw; }
.fz17-2 { font-size: 3.1vw; }
.fz16 { font-size: 3.313vw; }
.fz15 { font-size: 3.106vw; }
.fz14 { font-size: 2.917vw; }
.wlb .fz14 { font-size: 2.7vw; }
.fz13 { font-size: 2.692vw; }
.fz12 { font-size: 2.4vw; }
.carrier_model .fz13 { font-size: 2.1vw; }
h1,h2,h3,h4,h5 { font-size: 4.762vw; letter-spacing: 0.03em; }
.sp-taC { text-align: center !important;}
.shadow { box-shadow: none; }
.shadow6 { filter: drop-shadow(2px 2px 2vw rgba(0, 0, 0, .2)); }
.ls003 {letter-spacing:0.02em;}
.ls015 {letter-spacing:0.1em;}
}
.sp,
.pro,
.nopc,
.tab,
.protabonly {
	display: none;
}
@media screen and (max-width: 1024px) {
	.pc {
		display: none;
	}
	.pro,
	.nopc,
	.protabonly {
		display: block;
	}
}
@media screen and (max-width: 820px) {
	.pcpro,
	.notabonly {
		display: none;
	}
	.tab {
		display: block;
	}
}
@media screen and (max-width: 540px) {
	.sp,
	.notabonly {
		display: block;
	}
	.nosp,
	.protabonly {
		display: none !important;
	}
}
.mw100 { width: 100%; height: auto;}
.mw90 { width: 90%; margin: 0 5%;}
.mw70 { width: 70%; margin: 0 15%; }
.dib { display: inline-block; }


 
/*ナビゲーション部分*/
.menu { 
	background-image: linear-gradient(105deg, rgba(32, 62, 131, 1), rgba(53, 103, 217, 1));
	transition: 0.5s;
	webkit-transform: translate(101%);
	transform: translate(101%);
	position: fixed;
	z-index: 3;
	right: 0;
	top: 0;
	padding: 0 60px;
	width: auto;
	height: 100%;
}
.menu a {
	display: block;
	padding: 8px 20px 9px;
	text-decoration:none;
	font-size: 16px;
	position: relative;
	color: #fff;
}
.menu a:hover {
	background: rgba(255,255,255,0.08);
}
.menu a:not([href]) {
	opacity: .2;
}
.menu a:not([href]):hover {
	background: none;
}
.menu .menu-sub {
	display: inline-block;
	margin-top: 1.5em;
}
.menu .menu-sub a {
	display: inline-block;
	font-size: 13px;
	opacity: .8;
}
.menu .menu-sub a:hover {
	background: none;
}

.menu nav {
} 
.menu.open {
	-webkit-transform: translate(0%);
	transform: translate(0%);
	width: auto;
	height: 100%;
}
.menu.open nav {
}
.Toggle {
	display: block;
	position: fixed;
	cursor: pointer;
	z-index: 9;
	right: 0;
	top: 0;
	width: 80px;
	height: 80px;
}
.Toggle::after {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	transition: opacity .3s;
	opacity: 1;
	background-image: linear-gradient(105deg, rgba(32, 62, 131, 1), rgba(53, 103, 217, 1));
}
.Toggle span:not(.Toggle_txt) {
	display: block;
	position: absolute;
	width: 32px;
	left: 24px;
	border-bottom: solid 1px #fff;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
.Toggle_txt {
	display: block;
	position: absolute;
	font-size: 16px;
	width: 100%;
	top: 48px;
	line-height: 1;
	text-align: center;
	color: #fff;
}
.Toggle span:nth-child(1) {
	top: 21px;
}
.Toggle span:nth-child(2) {
	top: 30px;
}
.Toggle span:nth-child(3) {
	top: 39px;
}
.Toggle.active::after {
	opacity: 0;
}
.Toggle.active span:nth-child(1) {
	top: 30px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.Toggle.active span:nth-child(2),
.Toggle.active span:nth-child(3) {
	top: 30px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
.header-cover {
	background-color: rgba(8,18,15,.2);
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	transition: opacity .2s ease;
	z-index: 1;
}
.menu.open + .header-cover {
	opacity: 1;
	visibility: visible;
}
@media screen and (max-width: 1440px) {
	.menu {
		padding: 0 3.472vw;
	}
	.menu a {
		padding: 0.556vw 1.389vw 0.625vw;
		font-size: 1.111vw;
	}
	.menu .menu-sub a {
		font-size: 0.903vw;
	}
	.Toggle {
		width: 5.556vw;
		height: 5.556vw;
	}
	.Toggle span:not(.Toggle_txt) {
		width: 2.222vw;
		left: 1.667vw;
	}
	.Toggle_txt {
		font-size: 1.111vw;
		top: 3.333vw;
	}
	.Toggle span:nth-child(1) {
		top: 1.458vw;
	}
	.Toggle span:nth-child(2) {
		top: 2.083vw;
	}
	.Toggle span:nth-child(3) {
		top: 2.708vw;
	}
	.Toggle.active span:nth-child(1),
	.Toggle.active span:nth-child(2),
	.Toggle.active span:nth-child(3) {
		top: 2.083vw;
	}
}
@media screen and (max-width: 1024px) {
	.menu {
		padding: 0 5.556vw;
	}
	.menu a {
		padding: 0.889vw 2.222vw 1vw;
		font-size: 1.778vw;
	}
	.menu .menu-sub a {
		font-size: 1.444vw;
	}
	.Toggle {
		width: 8.889vw;
		height: 8.889vw;
	}
	.Toggle span:not(.Toggle_txt) {
		width: 3.556vw;
		left: 2.667vw;
	}
	.Toggle_txt {
		font-size: 1.778vw;
		top: 5.333vw;
	}
	.Toggle span:nth-child(1) {
		top: 2.333vw;
	}
	.Toggle span:nth-child(2) {
		top: 3.333vw;
	}
	.Toggle span:nth-child(3) {
		top: 4.333vw;
	}
	.Toggle.active span:nth-child(1),
	.Toggle.active span:nth-child(2),
	.Toggle.active span:nth-child(3) {
		top: 3.333vw;
	}
}
@media screen and (max-width: 820px) {
}
@media screen and (max-width: 540px) {
	.menu {
		height: 85vh;
		padding: 7vw 6vw 0;
	}
	.menu a {
		padding: 1.781vw 3.704vw 1.967vw;
		font-size: 3.2vw;
	}
	.menu .menu-sub a {
		font-size: 2.6vw;
	}
	.menu.open {
		height: 85vh;
	}
	.Toggle {
		width: 14.815vw;
		height: 14.815vw;
	}
	.Toggle span:not(.Toggle_txt) {
		width: 5.926vw;
		left: 4.444vw;
	}
	.Toggle_txt {
		font-size: 2.963vw;
		top: 8.889vw;
	}
	.Toggle span:nth-child(1) {
		top: 3.889vw;
	}
	.Toggle span:nth-child(2) {
		top: 5.556vw;
	}
	.Toggle span:nth-child(3) {
		top: 7.222vw;
	}
	.Toggle.active span:nth-child(1),
	.Toggle.active span:nth-child(2),
	.Toggle.active span:nth-child(3) {
		top: 5.556vw;
	}
}



/* !header -------------------------------------------------------------- */
#header {
	position: fixed;
	height: 80px;
	width: 100%;
	top: 0;
	z-index: 5;
	display: flex;
	justify-content: space-between;
}
#header.change-color {
	background: #fff;
}
.interview #contents {
}

@media screen and (max-width: 1440px) {
	#header {
		height: 5.556vw;
	}
}
@media screen and (max-width: 1024px) {
	#header {
		height: 8.889vw;
	}
}
@media screen and (max-width: 540px) {
	#header {
		height: 14.815vw;
	}
	.interview #header,
	.message #header {
		background: #fff;
	}
	:is(.interview,.message) #contents {
		padding-top: 14.815vw;
	}
}


/* !logo -------------------------------------------------------------- */
.logo {
	display: flex;
	align-items: center;
	margin-left: 27px;
}
.logo a {
	display: block;
	width: 408px;
	height: 42px;
	background: url(../images/logo.svg) no-repeat;
	background-size: 100% auto;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
@media screen and (max-width: 1366px) {
	.logo {
		margin-left: 1.977vw;
	}
	.logo a {
		width: 29.868vw;
		height: 3.075vw;
	}
}
@media screen and (max-width: 1024px) {
	.logo {
		margin-left: 2.842vw;
	}
	.logo a {
		width: 42.947vw;
		height: 4.421vw;
	}
}
@media screen and (max-width: 540px) {
	.logo {
		margin-left: 4.355vw;
	}
	.logo a {
		width: 68vw;
		height: 7vw;
		width: 61.818vw;
		height: 6.364vw;
	}
}


.container {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}
.container60 {
	width: 60%;
	max-width: 900px;
	margin: 0 auto;
}
.container80 {
	width: 80%;
	max-width: 1200px;
	margin: 0 auto;
}
.container100 {
	width: 100%;
	margin: 0 auto;
}
.container_small {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}
.container100-1200 {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.container100-1000 {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
.container1000 {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
}
.container1060 {
	width: 90%;
	max-width: 1060px;
	margin: 0 auto;
}
.container1240 {
	width: 96%;
	max-width: 1240px;
	margin: 0 auto;
}
.container1380 {
	width: 97%;
	max-width: 1380px;
	margin: 0 auto;
}
.container1440 {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
}
.container1678 {
	width: 100%;
	max-width: 1678px;
	margin: 0 auto;
}
.container1920 {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}
.container950 {
	width: 90%;
	max-width: 950px;
	margin: 0 auto;
}
.container930 {
	width: 90%;
	max-width: 930px;
	margin: 0 auto;
}
.container900 {
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
}
.container800 {
	width: 90%;
	max-width: 800px;
	margin: 0 auto;
}
.container750 {
	width: 90%;
	max-width: 750px;
	margin: 0 auto;
}
.container96 {
	width: 96%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.container1118 {
	width: 87.067vw;
	max-width: 1118px;
	margin-left: auto;
	margin-right: auto;
}
.w100-ofh {
	width: 100%;
	overflow: hidden;
}
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1024px) {
	.job_description .container800 {
		width: 80%;
	}
	.container60 {
		width: 70%;
	}
	.container_small {
		width: 70%;
	}
}
@media screen and (max-width: 540px) {
	.job_description .container800 {
		width: 90%;
	}
	.container60 {
		width: 90%;
	}
	.container_small {
		width: 90%;
	}
	.container1380 {
		width: 100%;
	}
}


/* !btn -------------------------------------------------------------- */
.btn_01,
a.btn_02,
.submitbtnWrap {
	font-size: 17px;
	font-weight: 700;
	color: #fff;
	width: 66.6vw;
	max-width: 220px;
	margin: 0 auto;
	height: 60px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	transition: all 0.2s;
	position: relative;
	border: 1px solid var(--blue);
}
a.btn_02 {
	color: #000;
	border: none;
	background: linear-gradient(90deg, rgba(32, 62, 131, 1), rgba(27, 79, 197, 1));
}
.btn_01.btn_01_long {
	width: 80%;
	max-width: 397px;
	height: 70px;
}
.submitbtnWrap {
	display: flex;
}
.submitbtnWrap button {
	width: 100%;
	height: 100%;
}
.btn_01 span,
a.btn_02 span {
	position: relative;
	z-index: 2;
}
.btn_01::before,
a.btn_02::before,
.submitbtnWrap::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgba(32, 62, 131, 1), rgba(27, 79, 197, 1));
	opacity: 1;
}
a.btn_02::before {
	background: #fff;
}
.btn_01::after,
a.btn_02::after,
.submitbtnWrap::after {
	content: "";
	width: 10px;
	height: 10px;
	margin-left: 0;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	display: block;
	vertical-align: 2px;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: rotate(45deg) translateY(-50%);
}
.btn_01._gold::after,
a.btn_02::after {
	border-top: 2px solid #000;
	border-right: 2px solid #000;
}
.btn_01._gold {
	border: none;
	color: #000;
}
.btn_01._gold::before {
	background: linear-gradient(90deg, #d06316, #f8e100);
}
@media screen and (min-width: 1025px) {
	.btn_01:hover {
		color: var(--blue);
		background: #fff;
	}
	.btn_01:hover::after {
		border-top: 2px solid var(--blue);
		border-right: 2px solid var(--blue);
	}
	.btn_01:hover::before,
	a.btn_02:hover::before,
	.submitbtnWrap:hover::before {
		opacity: 0;
	}
	a.btn_02:hover {
		color: #fff;
	}
	a.btn_02:hover::after {
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
	}
	.btn_01._gold:hover {
		color: #000;
		background: linear-gradient(90deg, #d06316, #f8e100);
	}
	.submitbtnWrap:hover {
	}
	.submitbtnWrap:hover button::after {
	}
}
@media screen and (max-width: 1920px) {
}
@media screen and (max-width: 1366px) {
	.btn_01,
	a.btn_02,
	.submitbtnWrap {
		font-size: 1.245vw;
		height: 4.392vw;
		max-width: 16.105vw;
	}
	.btn_01::after,
	a.btn_02::after,
	.submitbtnWrap::after {
		width: 0.732vw;
		height: 0.732vw;
		right: 1.098vw;
	}
	.btn_01.btn_01_long {
		max-width: 29.063vw;
		height: 5.124vw;
	}
}
@media screen and (max-width: 1024px) {
	.btn_01,
	a.btn_02,
	.submitbtnWrap {
		font-size: 1.66vw;
		height: 5.859vw;
		max-width: 21.484vw;
	}
	.btn_01::after,
	a.btn_02::after,
	.submitbtnWrap::after {
		width: 0.977vw;
		height: 0.977vw;
		right: 1.465vw;
	}
	.btn_01.btn_01_long {
		max-width: 38.77vw;
		height: 6.836vw;
	}
}
@media screen and (max-width: 540px) {
	.btn_01,
	a.btn_02,
	.submitbtnWrap {
		font-size: 3.3vw;
		height: 11.111vw;
		max-width: 50vw;
	}
	.btn_01::after,
	a.btn_02::after,
	.submitbtnWrap::after {
		width: 2vw;
		height: 2vw;
		right: 3vw;
	}
	.btn_01.btn_01_long {
		max-width: 60vw;
		height: 12.963vw;
	}
}
a.btn_03 {
	font-size: 17px;
	font-weight: 700;
	color: #fff;
	width: 66.6vw;
	max-width: 250px;
	margin: 0 auto;
	height: 60px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	transition: all 0.2s;
	position: relative;
	border: 1px solid var(--blue);
	background: var(--blue);
	letter-spacing: 0.08em;
}
a.btn_03::after {
	content: "";
	width: 10px;
	height: 10px;
	margin-left: 0;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	display: block;
	transition: all 0.2s;
	position: absolute;
	left: 15px;
	top: 50%;
	transform: rotate(45deg) translateY(-50%);
}
@media screen and (min-width: 1025px) {
	a.btn_03:hover {
		color: var(--blue);
		background: #fff;
	}
	a.btn_03:hover::after {
		border-bottom: 2px solid var(--blue);
		border-left: 2px solid var(--blue);
	}
}
@media screen and (max-width: 1920px) {
}
@media screen and (max-width: 1366px) {
	a.btn_03 {
		font-size: 1.245vw;
		height: 4.392vw;
	}
	a.btn_03::after {
		width: 0.732vw;
		height: 0.732vw;
		right: 1.098vw;
	}
}
@media screen and (max-width: 1024px) {
	a.btn_03 {
		font-size: 1.66vw;
		height: 5.859vw;
		max-width: 21.484vw;
	}
	a.btn_03::after {
		width: 0.977vw;
		height: 0.977vw;
		right: 1.465vw;
	}
}
@media screen and (max-width: 540px) {
	a.btn_03 {
		font-size: 3.3vw;
		height: 11.111vw;
		max-width: 50vw;
	}
	a.btn_03::after {
		width: 2vw;
		height: 2vw;
		right: 3vw;
	}
}


/* !flex -------------------------------------------------------------- */
.flex,
.flex_pc,
.flex_all,
.flex_pcpro {
	display: flex;
	justify-content: space-between;
}
.flex.lineupMain_btn {
	justify-content: center;
}
.aic {
	align-items: center;
}
.ais {
	align-items: start;
}
.aie {
	align-items: flex-end;
}
.flwWrap {
	flex-wrap: wrap;
}
.jcs {
	justify-content: start;
}
.jcc {
	justify-content: center;
}
.jcr {
	justify-content: flex-end;
}
.fd-rr {
	flex-direction: row-reverse;
}
.fd-column {
	flex-direction: column;
}
.flex-sh0 {
	flex-shrink: 0;
}
.order-1 {
	order: 1;
}
.order-2 {
	order: 2;
}
@media screen and (max-width: 1024px) {
	.flex_pc {
		display: block;
	}
}
@media screen and (max-width: 820px) {
	.flex_pcpro {
		display: block;
	}
}
@media screen and (max-width: 540px) {
	.flex {
		display: block;
	}
}


.fl_r {
	float: right;
}
.fl_l {
	float: left;
}


/* !行間設定 -------------------------------------------------------------- */
.pd0	{ padding: 0; }
.pd05	{ padding: 0.5em 0; }
.pd08	{ padding: 0.8em 0; }
.pd1	{ padding: 1em 0; }
.pd15	{ padding: 1.5em 0; }
.pd2	{ padding: 2em 0; }
.pd25	{ padding: 2.5em 0; }
.pd3	{ padding: 3em 0; }
.pd35	{ padding: 3.5em 0; }
.pd4	{ padding: 4em 0; }
.pd45	{ padding: 4.5em 0; }
.pd5	{ padding: 5em 0; }
.pd6	{ padding: 6em 0; }
.pd7	{ padding: 7em 0; }
.pd8	{ padding: 8em 0; }
.mg05	{ margin: 0.5em auto; }
.mg1	{ margin: 1em auto; }
.mg15	{ margin: 1.5em auto; }
.mg2	{ margin: 2em auto; }
.mg25	{ margin: 2.5em auto; }
.mg3	{ margin: 3em auto; }
.mg4	{ margin: 4em auto; }
.mg5	{ margin: 5em auto; }
.mt05	{ margin-top: 0.5em;}
.mt1	{ margin-top: 1em;}
.mt15	{ margin-top: 1.5em;}
.mt18	{ margin-top: 1.8em;}
.mt2	{ margin-top: 2em;}
.mt25	{ margin-top: 2.5em;}
.mt3	{ margin-top: 3em;}
.mt35	{ margin-top: 3.5em;}
.mt4	{ margin-top: 4em;}
.mt45	{ margin-top: 4.5em;}
.mt5	{ margin-top: 5em;}
.mt6	{ margin-top: 6em;}
.mt8	{ margin-top: 8.5em;}
.mt9	{ margin-top: 9em;}
.mr05	{ margin-right: 0.5em;}
.mr1	{ margin-right: 1em;}
.mr15	{ margin-right: 1.5em;}
.mr2	{ margin-right: 2em;}
.mr25	{ margin-right: 2.5em;}
.mr3	{ margin-right: 3em;}
.mr4	{ margin-right: 4em;}
.mr5	{ margin-right: 5em;}
.ml05	{ margin-left: 0.5em;}
.ml1	{ margin-left: 1em;}
.ml15	{ margin-left: 1.5em;}
.ml2	{ margin-left: 2em;}
.ml25	{ margin-left: 2.5em;}
.ml3	{ margin-left: 3em;}
.ml4	{ margin-left: 4em;}
.ml5	{ margin-left: 5em;}
.mb05	{ margin-bottom: 0.5em;}
.mb1	{ margin-bottom: 1em;}
.mb15	{ margin-bottom: 1.5em;}
.mb2	{ margin-bottom: 2em;}
.mb25	{ margin-bottom: 2.5em;}
.mb3	{ margin-bottom: 3em;}
.mb35	{ margin-bottom: 3.5em;}
.mb4	{ margin-bottom: 4em;}
.mb45	{ margin-bottom: 4.5em;}
.mb5	{ margin-bottom: 5em;}
.mb6	{ margin-bottom: 6em;}
.pt05	{ padding-top: 0.5em;}
.pt1	{ padding-top: 1em;}
.pt15	{ padding-top: 1.5em;}
.pt2	{ padding-top: 2em;}
.pt25	{ padding-top: 2.5em;}
.pt3	{ padding-top: 3em;}
.pt35	{ padding-top: 3.5em;}
.pt4	{ padding-top: 4em;}
.pt45	{ padding-top: 4.5em;}
.pt5	{ padding-top: 5em;}
.pt6	{ padding-top: 6em;}
.pt8	{ padding-top: 8em;}
.pt10	{ padding-top: 10em;}
.pr05	{ padding-right: 0.5em;}
.pr1	{ padding-right: 1em;}
.pr15	{ padding-right: 1.5em;}
.pr2	{ padding-right: 2em;}
.pr25	{ padding-right: 2.5em;}
.pr3	{ padding-right: 3em;}
.pr35	{ padding-right: 3.5em;}
.pr4	{ padding-right: 4em;}
.pr5	{ padding-right: 5em;}
.pl05	{ padding-left: 0.5em;}
.pl1	{ padding-left: 1em;}
.pl15	{ padding-left: 1.5em;}
.pl2	{ padding-left: 2em;}
.pl25	{ padding-left: 2.5em;}
.pl3	{ padding-left: 3em;}
.pl35	{ padding-left: 3.5em;}
.pl4	{ padding-left: 4em;}
.pl5	{ padding-left: 5em;}
.pb05	{ padding-bottom: 0.5em;}
.pb1	{ padding-bottom: 1em;}
.pb15	{ padding-bottom: 1.5em;}
.pb2	{ padding-bottom: 2em;}
.pb25	{ padding-bottom: 2.5em;}
.pb3	{ padding-bottom: 3em;}
.pb35	{ padding-bottom: 3.5em;}
.pb4	{ padding-bottom: 4em;}
.pb45	{ padding-bottom: 4.5em;}
.pb5	{ padding-bottom: 5em;}
.pb82	{ padding-bottom: 8.2em;}
.pb-f	{ padding-bottom: 15em;}
@media screen and (max-width: 1440px) {
.pd-contents { padding-bottom: 13.819vw;}
}
@media screen and (max-width: 1024px) {
.baby .pt6	{ padding-top: 4em;}
}
@media screen and (max-width: 820px) {
}
@media screen and (max-width: 540px) {
.pd08	{ padding: 1.6vw 0; }
.pd1	{ padding: 2vw 0; }
.pd15	{ padding: 3vw 0; }
.pd2	{ padding: 4vw 0; }
.pd25	{ padding: 5vw 0; }
.pd3	{ padding: 6vw 0; }
.pd35	{ padding: 7vw 0; }
.pd4	{ padding: 8vw 0; }
.pd45	{ padding: 9vw 0; }
.pd5	{ padding: 10vw 0; }
.pd6	{ padding: 12vw 0; }
.pd7	{ padding: 14vw 0; }
.pd8	{ padding: 16vw 0; }
.mg1	{ margin: 2vw auto; }
.mg15	{ margin: 3vw auto; }
.mg2	{ margin: 4vw auto; }
.mg25	{ margin: 5vw auto; }
.mg3	{ margin: 6vw auto; }
.mg4	{ margin: 8vw auto; }
.mg5	{ margin: 10vw auto; }
.mt1	{ margin-top: 2vw;}
.mt15	{ margin-top: 3vw;}
.mt18	{ margin-top: 3.6em;}
.mt2	{ margin-top: 4vw;}
.mt25	{ margin-top: 5vw;}
.mt3	{ margin-top: 6vw;}
.mt35	{ margin-top: 7vw;}
.mt4	{ margin-top: 8vw;}
.mt45	{ margin-top: 9vw;}
.mt5	{ margin-top: 10vw;}
.mt6	{ margin-top: 12vw;}
.mt8	{ margin-top: 21vw;}
.mt9	{ margin-top: 18vw;}
.mr1	{ margin-right: 2vw;}
.mr15	{ margin-right: 3vw;}
.mr2	{ margin-right: 4vw;}
.mr25	{ margin-right: 5vw;}
.mr3	{ margin-right: 6vw;}
.mr4	{ margin-right: 8vw;}
.mr5	{ margin-right: 10vw;}
.ml1	{ margin-left: 2vw;}
.ml15	{ margin-left: 3vw;}
.ml2	{ margin-left: 4vw;}
.ml25	{ margin-left: 5vw;}
.ml3	{ margin-left: 6vw;}
.ml4	{ margin-left: 8vw;}
.ml5	{ margin-left: 10vw;}
.mb1	{ margin-bottom: 2vw;}
.mb15	{ margin-bottom: 3vw;}
.mb2	{ margin-bottom: 4vw;}
.mb25	{ margin-bottom: 5vw;}
.mb3	{ margin-bottom: 6vw;}
.mb35	{ margin-bottom: 7vw;}
.mb4	{ margin-bottom: 8vw;}
.mb45	{ margin-bottom: 9vw;}
.mb5	{ margin-bottom: 10vw;}
.mb6	{ margin-bottom: 12vw;}
.pt1	{ padding-top: 2vw;}
.pt15	{ padding-top: 3vw;}
.pt2	{ padding-top: 4vw;}
.pt25	{ padding-top: 5vw;}
.pt3	{ padding-top: 6vw;}
.pt35	{ padding-top: 7vw;}
.pt4	{ padding-top: 8vw;}
.pt45	{ padding-top: 9vw;}
.pt5	{ padding-top: 10vw;}
.pt6	{ padding-top: 12vw;}
.pt8	{ padding-top: 16vw;}
.pt10	{ padding-top: 20vw;}
.pr1	{ padding-right: 2vw;}
.pr15	{ padding-right: 3vw;}
.pr2	{ padding-right: 4vw;}
.pr25	{ padding-right: 5vw;}
.pr3	{ padding-right: 6vw;}
.pr35	{ padding-right: 7vw;}
.pr4	{ padding-right: 8vw;}
.pr5	{ padding-right: 10vw;}
.pl1	{ padding-left: 2vw;}
.pl15	{ padding-left: 3vw;}
.pl2	{ padding-left: 4vw;}
.pl25	{ padding-left: 5vw;}
.pl3	{ padding-left: 6vw;}
.pl35	{ padding-left: 7vw;}
.pl4	{ padding-left: 8vw;}
.pl5	{ padding-left: 10vw;}
.pb1	{ padding-bottom: 2vw;}
.pb15	{ padding-bottom: 3vw;}
.pb2	{ padding-bottom: 4vw;}
.pb25	{ padding-bottom: 5vw;}
.pb3	{ padding-bottom: 6vw;}
.pb35	{ padding-bottom: 7vw;}
.pb4	{ padding-bottom: 8vw;}
.pb45	{ padding-bottom: 9vw;}
.pb5	{ padding-bottom: 10vw;}
.pb82	{ padding-bottom: 16.4vw;}
.pb-f	{ padding-bottom: 20vw;}
.sp-mt { margin-top: 12vw; }
.sp-mt2 { margin-top: 3vw; }
.sp-mt3 { margin-top: 4.5vw; }
.sp-mt4 { margin-top: 10vw; }
.sp-mt5 { margin-top: 1.5vw; }
.sp-mt6 { margin-top: 6.5vw; }
.sp-pb { padding-bottom: 6vw; }
.sp-pb2 { padding-bottom: 9vw; }
}
@media screen and (min-width: 768px) {
.pt5-pc { padding-top: 5em;}
}


/* !mv -------------------------------------------------------------- */
#mv_wrapper {
	width: 100%;
	margin: 0 auto;
	height: 100vh;
	background: url(../images/fv.jpg) center no-repeat;
	background-size: cover;
}
.fv_copy {
	padding: 1.3em 3em;
	background: #fff;
}
@media screen and (max-width: 1920px) {
	.fv_copy img {
		width: 39.479vw;
	}
}
@media screen and (max-width: 540px) {
	.fv_copy {
		padding: 1em 1.5em;
	}
	.fv_copy img {
		width: 74.023vw;
	}
}



#mv-link {
	display: none;
}
#mv-link.slick-initialized {
	display: block; /*slick-initializedが付与されたら表示*/
}
#mv {
	position: relative;
	z-index: -1;
}
#mv .slick-slide.mv_1 {
	background: url(../images/mv_1.jpg) center no-repeat;
	background-size: cover;
}
#mv .slick-slide.mv_2 {
	background: url(../images/mv_2.jpg) center no-repeat;
	background-size: cover;
}
#mv .slick-slide.mv_3 {
	background: url(../images/mv_3.jpg) center no-repeat;
	background-size: cover;
}
@media screen and (min-width: 1921px) {
	#mv_wrapper,
	#mv .slick-slide {
	}
}
@media screen and (max-width: 1920px) {
	#mv_wrapper2,
	#mv-link .slick-slide {
		max-height: 35.885vw;
	}
	#mv-link .slick-slide {
		display: flex;
		align-items: flex-end;
		line-height: 0;
	}
}
@media screen and (max-width: 1024px) {
	#mv_wrapper {
	}
	#mv_wrapper,
	#mv .slick-slide {
		height: 60vw;
	}
	#mv_wrapper2 {
		margin-top: 16vw;
	}
	#mv_wrapper2,
	#mv-link .slick-slide {
	}
}
@media screen and (max-width: 540px) {
	#mv_wrapper {
		margin-top: 0;
	}
	#mv_wrapper,
	#mv .slick-slide {
		height: 65vh;
	}
	#mv .slick-slide.mv_1 {
		background: url(../images/mv_1-sp.jpg) center no-repeat;
		background-size: cover;
	}
	#mv .slick-slide.mv_2 {
		background: url(../images/mv_2-sp.jpg) center no-repeat;
		background-size: cover;
	}
	#mv .slick-slide.mv_3 {
		background: url(../images/mv_3-sp.jpg) center no-repeat;
		background-size: cover;
	}
	#mv_wrapper2 {
		margin-top: 0;
	}
	#mv_wrapper2,
	#mv-link .slick-slide {
		max-height: 131.6vw;
		height: 131.6vw;
		display: inherit;
		line-height:inherit;
	}
}


/* !contents
---------------------------------------------------------- */
@media screen and (min-width: 1321px) {
	.box_01 {
		margin-right: calc(calc(100% - 1320px) /2 );
	}
	.box_02 {
		margin-left: calc(calc(100% - 1320px) /2 );
	}
	.box_03 {
		padding-right: calc(calc(100% - 1320px) /2 );
	}
}
@media screen and (min-width: 1429px) {
	.box_01 {
		padding-left: calc(calc(100vw - 1428px) /2);
	}
	.box_02 {
		padding-right: calc(calc(100vw - 1428px) /2);
	}
	.box_03 {
		padding-left: calc(calc(100vw - 1428px) /2);
	}
}
.box_01 {
	position: relative;
}
.box_01 figure {
	position: relative;
	z-index: 2;
}
.box_01::after {
	content: "";
	width: 46.8vw;
	height: 100%;
	background: #d0d7e6;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}
.box_02 {
	position: relative;
}
.box_02 figure {
	position: relative;
	z-index: 2;
}
.box_02::after {
	content: "";
	width: 46.8vw;
	height: 100%;
	background: #d0d7e6;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
}
.box_03 {
}
.box_03 figure {
}
.box_01_inner_1 {
	width: 52.3%;
}
.box_01_inner_2 {
	width: 47.7%;
	padding-left: 4.5%;
}
.box_02_inner_1 {
	width: 52.3%;
	order: 2;
}
.box_02_inner_2 {
	width: 47.7%;
	padding-left: 5%;
	order: 1;
}
.box_03_inner_1 {
	width: 52.3%;
}
.box_03_inner_2 {
	width: 47.7%;
	padding-left: 4.5%;
}
.nmt40 {
}
.nmt40 > img {
	position: relative;
	top: -40px;
}
@media screen and (max-width: 540px) {
	.box_01::after,
	.box_02::after {
		content: none;
	}
	.box_01_inner_1 {
		width: 82%;
		margin: 5vw auto 0;
	}
	.box_01_inner_2 {
		width: 100%;
		padding-left: 9vw;
		padding-right: 8vw;
		padding-bottom: 10vw;
	}
	.box_02::after {
		content: none;
	}
	.box_02_inner_1 {
		width: 82%;
		margin: 3vw auto 0;
	}
	.box_02_inner_2 {
		width: 100%;
		padding-left: 9vw;
		padding-right: 8vw;
		padding-bottom: 10vw;
	}
	.box_03_inner_1 {
		width: 100%;
		margin: -5vw auto 8vw;
	}
	.box_03_inner_2 {
		width: 100%;
		padding-left: 9vw;
		padding-right: 8vw;
		padding-bottom:8vw;
	}
	.nmt40 > img {
		top: -7vw;
	}
}

.flex_top_link > a {
	width: 31.67%;
	height: 235px;
	color: #000;
}
@media screen and (max-width: 1024px) {
	.flex_top_link > a {
		height: 25vw;
	}
	.icon_01 {
		height: 8.789vw;
	}
}
@media screen and (max-width: 540px) {
	.flex_top_link > a {
		height: inherit;
		width: 86%;
		padding: 5vw 0 4vw;
		margin: 4.5vw auto;
	}
	.icon_01 {
		height: 15vw;
	}
}

.top_img_03 {
	background: url(../images/top_img_03.jpg) center no-repeat;
	background-size: cover;
	height: 360px;
	width: 632px;
	width: 52.6%;
	margin-right: -38px;
	padding-right: 50px;
	clip-path: polygon(0 0, 100% 0, 83.7% 100%, 0 100%);
}
.top_img_05 {
	background: url(../images/top_img_05.jpg) center no-repeat;
	background-size: cover;
}
@media screen and (max-width: 1366px) {
	.top_img_03 {
		height: 26.354vw;
		width: 46.266vw;
		width: 52.6%;
		margin-right: -2.782vw;
		padding-right: 3.66vw;
	}
}
@media screen and (max-width: 1024px) {
	.top_img_03 {
		height: 30vw;
		width: 100%;
		margin-right: 0;
		padding-right: 0;
		clip-path: none;
		margin-top: -4vw;
	}
}
@media screen and (max-width: 540px) {
	.top_img_03 {
		height: 60vw;
		margin-top: -6vw;
	}
}

.top_img_06 {
	background: url(../images/top_img_06.webp) center no-repeat;
	background-size: cover;
	height: 360px;
	width: 646px;
	width: 53.83%;
	margin-right: -46px;
	padding-right: 50px;
	clip-path: polygon(0 0, 100% 0, 83.7% 100%, 0 100%);
}
.top_img_07 {
	background: url(../images/top_img_07.webp) center no-repeat;
	background-size: cover;
	height: 360px;
	width: 646px;
	width: 53.83%;
	margin-left: -46px;
	padding-left: 50px;
	clip-path: polygon(16.3% 0, 100% 0, 100% 100%, 0 100%);
}
@media screen and (max-width: 1366px) {
	.top_img_06 {
		height: 26.354vw;
		width: 53.83%;
		margin-right: -3.367vw;
		padding-right: 3.66vw;
	}
	.top_img_07 {
		height: 26.354vw;
		width: 53.83%;
		margin-left: -3.367vw;
		padding-left: 3.66vw;
	}
}
@media screen and (max-width: 1024px) {
	.top_img_06 {
		height: 35vw;
		width: 100%;
		margin-right: 0;
		padding-right: 0;
		clip-path: none;
		padding-right: 0;
	}
	.top_img_07 {
		height: 35vw;
		width: 100%;
		margin-left: 0;
		clip-path: none;
		padding-left: 0;
		margin-top: 4vw;
	}
}
@media screen and (max-width: 540px) {
	.top_img_06 {
		height: 70vw;
	}
	.top_img_07 {
		height: 70vw;
		margin-top: 4vw;
	}
}

.top_message {
	height: 360px;
	width: 658px;
	width: 54.8%;
	margin-left: -64px;
	clip-path: polygon(15.6% 0, 100% 0, 100% 100%, 0 100%);
}
.top_message a {
	width: 100%;
	height: 100%;
	display: block;
}
.top_message_title {
	display: inline-block;
	background: rgba(255,255,255,.9);
	clip-path: polygon(6% 0, 102% 0, 102% 102%, 0 100%);
	padding: 22px 30px 24px 45px;
	margin-bottom: 30px;
	text-align: center;
}
.top_message_inner {
	background: url(../images/top_message.jpg) center no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 1366px) {
	.top_message {
		height: 26.354vw;
		width: 48.17vw;
		width: 54.8%;
		margin-left: -4.685vw;
	}
	.top_message_title {
		padding: 1.611vw 2.196vw 1.757vw 3.294vw;
		margin-bottom: 2.196vw;
	}
}
@media screen and (max-width: 1024px) {
	.top_message {
		height: 30vw;
		width: 100%;
		margin-left: 0;
		clip-path: none;
		margin-top: 4vw;
	}
	.top_message_title {
		padding: 1.611vw 2.196vw 1.757vw 3.294vw;
		margin-bottom: 4vw;
	}
}
@media screen and (max-width: 540px) {
	.top_message {
		height: 60vw;
	}
	.top_message_title {
		padding: 3vw 4.883vw 3.32vw 6.348vw;
		margin-bottom: 6vw;
	}
	.top_message_inner {
		background: url(../images/top_message_sp.jpg) no-repeat;
		background-size: cover;
	}
}
/*@media screen and (max-width: 1366px) {
	.top_message {
		height: 27.818vw;
	}
	.top_message_title {
		padding: 2.489vw 3.66vw 2.489vw 4.758vw;
		margin-bottom: 3.66vw;
	}
}
@media screen and (max-width: 1024px) {
	.top_message {
		height: 37.109vw;
	}
	.top_message_title {
		padding: 3.32vw 4.883vw 3.32vw 6.348vw;
		margin-bottom: 4.63vw;
	}
}
@media screen and (max-width: 540px) {
	.top_message {
		background: url(../images/top_message_sp.jpg) no-repeat;
		background-size: cover;
		height: 73.333vw;
	}
	.top_message_title {
		padding: 3.32vw 4.883vw 3.32vw 6.348vw;
		margin-bottom: 6vw;
	}
}*/

















/* !page-top
---------------------------------------------------------- */
.page-top {
	position: fixed;
	bottom: 100px;
	z-index: 99;
	width: 50px;
	height: 50px;
	cursor: pointer;
	right: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--blue);
	/*border: 1px solid var(--blue);*/
}
.page-top span {
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	display: block;
}
.page-top::after {
	content: "";
	position: absolute;
	margin: auto;
	top: 5px;
	bottom: 0;
	right: 0;
	left: 0;
	width: 15px;
	height: 15px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(-45deg);
}
@media screen and (min-width: 1025px) {
	.page-top:hover {
		background: #4e77d7;
	}
	.page-top:hover::after {
	}
}
@media screen and (max-width: 1920px) {
	.page-top {
		bottom: 5.208vw;
	}
}
@media screen and (max-width: 1366px) {
	.page-top {
		width: 3.66vw;
		height: 3.66vw;
		right: 0;
	}
	.page-top::after {
		width: 1.098vw;
		height: 1.098vw;
	}
}
@media screen and (max-width: 1024px) {
	.page-top {
		bottom: 10vw;
	}
	.page-top {
		width: 6vw;
		height: 6vw;
	}
	.page-top::after {
		width: 1.6vw;
		height: 1.6vw;
	}
}
@media screen and (max-width: 540px) {
	.page-top {
		width: 10vw;
		height: 10vw;
	}
	.page-top::after {
		width: 2.5vw;
		height: 2.5vw;
	}
}


/* !footer
---------------------------------------------------------- */
#footer {
	width: 100%;
}
.copyright {
	color: #aaa;
}
.footer_nav {
	border-bottom: 1px solid #ddd;
}
.footer_nav li {
	padding: 0.4em 1em;
}
.footer_nav li a {
	color: #333;
}
.footer_nav li a:hover {
	border-bottom: 1px solid #666;
}


/* !ENTRY modal
---------------------------------------------------------- */
.header-entry {
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	cursor: pointer;
	z-index: 2;
	right: 100px;
	top: 0;
	width: 80px;
	height: 80px;
}
.btn_entry {
	display: block;
	background: #c1005c;
	color: #fff;
	border-radius: 1.2em;
	width: 100%;
	text-align: center;
	padding: .13em 0 .2em;
	font-size: .9375em;
	letter-spacing: .05em;
}
.modal-container{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0,0,0,50%);
	padding: 0;
	overflow: auto;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	box-sizing: border-box;
	z-index: 100;
	overflow-y: scroll;
	scrollbar-width: none;
	overscroll-behavior: none;
}
.modal-container::before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.modal-container.active{
	opacity: 1;
	visibility: visible;
}
.modal-body{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	max-width: 37.5em;
	width: 90%;
}
.modal-close{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 1em;
	right: 1em;
	width: 1em;
	height: 1em;
	font-size: 1.5em;
	color: #fff;
	cursor: pointer;
}
.modal-content {
	background: #fff;
	border-radius: 1.75em;
}
.modal-content h2 {
	background: #c1005c;
	color: #fff;
	border-radius: 1.2em 1.2em 0 0;
	padding: .8em 0;
}
.modal-inner {
	padding: 5% 5% 6%;
}
.modal-inner hr {
	border-color: #ccc;
	margin-top: 3em;
	margin-bottom: 1em;
}
@media screen and (max-width: 1440px) {
	.header-entry {
		right: 6.944vw;
		width: 5.556vw;
		height: 5.556vw;
	}
}
@media screen and (max-width: 1024px) {
	.header-entry {
		right: 11.111vw;
		width: 8.889vw;
		height: 8.889vw;
	}
}
@media screen and (max-width: 540px) {
	.header-entry {
		right: 14.815vw;
		width: 14.815vw;
		height: 14.815vw;
	}
	.btn_entry {
		border-radius: 0;
		padding: 0;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}


a.anchor {
    display: block;
    padding-top: 80px;
    margin-top: -80px;
}
@media screen and (max-width: 1440px) {
	a.anchor {
		padding-top: 5.556vw;
		margin-top: -5.556vw;
	}
}
@media screen and (max-width: 1024px) {
	a.anchor {
		padding-top: 19vw;
		margin-top: -19vw;
	}
}
@media screen and (max-width: 540px) {
	a.anchor {
		padding-top: 25vw;
		margin-top: -25vw;
	}
}


/*----------------------------
scroll_up ｜下から上へ出現
----------------------------*/
.scroll_up {
  transition: .8s ease-in-out;
  transform: translateY(40px);
  opacity: 0;
}
.scroll_up.on {
  transform: translateY(0);
  opacity: 1.0;
}

/*----------------------------
scroll_left ｜左から出現
----------------------------*/
.scroll_left {
    transition: 0.8s ease-in-out;
    transform: translateX(-30px);
    opacity: 0;
    filter: alpha(opacity=0);
}
.scroll_left.on {
    opacity: 1.0;
    filter: alpha(opacity=100);
    transform: translateX(0);
}

/*----------------------------
scroll_right ｜右から出現
----------------------------*/
.scroll_right {
    transition: 0.8s ease-in-out;
    transform: translateX(30px);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}
.scroll_right.on {
    opacity: 1.0;
    filter: alpha(opacity=100);
    transform: translateX(0);
}

/* !Clearfix
---------------------------------------------------------- */
.clearfix::after {
	content: '';
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}
@media screen and (max-width: 1024px) {
.scroll_up {
  transform: translateY(3.906vw);
}
.scroll_up.on {
  transform: translateY(0);
}
}

/* !tel
---------------------------------------------------------- */
@media (min-width: 751px) {
	a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}
}