@charset "UTF-8";

/* !Base -------------------------------------------------------------- */
:root {
  --dgreen: #22656a;
  --orange: #f1916f;
  --lorange: #fbe0bb;
  --lorange2: #fff4d8;
  --beige: #f9f6ef;
  --pink: #f08f9f;
  --lpink: #f9e7e8;
  --green: #8dc556;
  --lgreen: #eaf1d8;
  --yellow: #fdb349;
  --lyellow: #feeed5;
  --blue: #7b9fd3;
  --lblue: #e8ecf5;
  --gray: #c9caca;
  --horange: #e36c42;
}
a {	color: inherit; text-decoration: none; }
a:hover { text-decoration: none;}
a.underline { border-bottom: 1px solid; }
html { 
	font-size: 62.5%; overflow-y: scroll;
}
body {
	font-size: 16px;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 0;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	line-height: 1.875;
	color: #555;
}
.Montserrat {
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
}
.bold {
	font-weight: 700;
}
.medium {
	font-weight: 500;
}
.normal {
	font-weight: 400;
}
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;}
.marker { background:linear-gradient(transparent 60%, #FCFAD8 60%, #FCFAD8 100%, #fff 100%);}
.white { color: #fff; }
.black { color: #333; }
.black2 { color: #000; }
.gray { color: #797979; }
.lgray { color: #e3e3e3; }
.red { color: #FE6060; }
.dgreen { color: var(--dgreen); }
.orange { color: var(--orange); }
.pink { color: var(--pink); }
.green { color: var(--green); }
.yellow { color: var(--yellow); }
.blue { color: var(--blue); }
.bg_white { background: #fff; }
.bg_black { background: #000; }
.bg_green { background: var(--green); }
.bg_orange { background: var(--orange); }
.bg_lorange { background: var(--lorange); }
.bg_lorange2 { background: var(--lorange2); }
.bg_beige { background: var(--beige); }
.bg_pink { background: var(--pink); }
.bg_lpink { background: var(--lpink); }
.bg_green { background: var(--green); }
.bg_lgreen { background: var(--lgreen); }
.bg_yellow { background: var(--yellow); }
.bg_lyellow { background: var(--lyellow); }
.bg_blue { background: var(--blue); }
.bg_lblue { background: var(--lblue); }
.bg_gray { background: #c9caca; }
.shadow { box-shadow: 0px .125em .375em rgba(0,0,0,.1); }
.br50 { border-radius: 50%; }
.br30 { border-radius: 1.875em; }
.br30-tl { border-top-left-radius: 1.875em;  }
.br30-tr { border-top-right-radius: 1.875em;  }
.br30-bl { border-bottom-left-radius: 1.875em;  }
.br30-br { border-bottom-right-radius: 1.875em;  }
.br20 { border-radius: 1.25em; }
.br20-tl { border-top-left-radius: 1.25em;  }
.br20-tr { border-top-right-radius: 1.25em;  }
.br20-bl { border-bottom-left-radius: 1.25em;  }
.br20-br { border-bottom-right-radius: 1.25em;  }
.br15 { border-radius: .9375em; }
.br5 { border-radius: .3125em; }
.fz77 { font-size: 77px; }
.fz68 { font-size: 68px; }
.fz56 { font-size: 56px; }
.fz50 { font-size: 50px; }
.fz40 { font-size: 40px; }
.fz36 { font-size: 36px; }
.fz35 { font-size: 35px; }
.fz33 { font-size: 33px; }
.fz30 { font-size: 30px; }
.fz28 { font-size: 28px; }
.fz26 { font-size: 26px; }
.fz24 { font-size: 24px; }
.fz22 { font-size: 22px; }
.fz20 { font-size: 20px; }
.fz18 { font-size: 18px; }
.fz17 { font-size: 17px; }
.fz16 { font-size: 16px; }
.fz15 { font-size: 15px; }
.fz14 { font-size: 14px; }
.fz12 { font-size: 12px; }
h2 { font-size: 48px; }
h3 { font-size: 26px; }
h4 { font-size: 28px; }
h1,h2,h3,h4,h5 { line-height: 1.3; font-weight: 500; padding: 0; }
.h1 { line-height: 1.875; }
.lh25 {line-height:2.5;}
.lh24 {line-height:2.4;}
.lh23 {line-height:2.3;}
.lh22 {line-height:2.18;}
.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;}
.lh155 {line-height:1.56;}
.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.03em;}
.ls004 {letter-spacing:0.04em;}
.ls005 {letter-spacing:0.05em;}
.ls008 {letter-spacing:0.08em;}
.ls01 {letter-spacing:0.1em;}
.ls02 {letter-spacing:0.2em;}
.ls03 {letter-spacing:0.3em;}
.ls04 {letter-spacing:0.4em;}
figcaption { line-height: 1.4; margin-top: 0.5em; }
.r_over { transition: all 0.2s;}
.r_over:hover { filter: brightness(105%);}
.r_over2 { transition: all 0.2s;}
.r_over2:hover { filter: brightness(80%);}
.r_over3 { transition: all 0.2s;}
.r_over3:hover { filter: brightness(88%) saturate(1.5);}
.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(80%);}
.t-03 { transition: all 0.3s;}
.hdn { display: none; }
@media screen and (max-width: 1440px) {
body { font-size: 1.111vw; }
.fz77 { font-size: 5.347vw; }
.fz68 { font-size: 4.722vw; }
.fz56 { font-size: 3.889vw; }
.fz50 { font-size: 3.472vw; }
.fz40 { font-size: 2.778vw; }
.fz36 { font-size: 2.5vw; }
.fz35 { font-size: 2.431vw; }
.fz33 { font-size: 2.292vw; }
.fz30 { font-size: 2.083vw; }
.fz28 { font-size: 1.944vw; }
.fz26 { font-size: 1.806vw; }
.fz24 { font-size: 1.667vw; }
.fz22 { font-size: 1.528vw; }
.fz20 { font-size: 1.389vw; }
.fz18 { font-size: 1.25vw; }
.fz17 { font-size: 1.181vw; }
.fz16 { font-size: 1.111vw; }
.fz15 { font-size: 1.042vw; }
.fz14 { font-size: 0.972vw; }
.fz12 { font-size: 0.833vw; }
h2 { font-size: 3.333vw; }
h3 { font-size: 1.806vw; }
h4 { font-size: 1.944vw; }
}
@media screen and (max-width: 1024px) { /*1050px*/
body { font-size: 1.524vw; }
.fz77 { font-size: 7.333vw; }
.fz68 { font-size: 6.476vw; }
.fz56 { font-size: 4.4vw; }
.fz50 { font-size: 4.762vw; }
.fz40 { font-size: 3.81vw; }
.fz36 { font-size: 3.429vw; }
.fz35 { font-size: 3.333vw; }
.fz33 { font-size: 3.143vw; }
.fz30 { font-size: 2.857vw; }
.fz28 { font-size: 2.667vw; }
.fz26 { font-size: 2.476vw; }
.fz24 { font-size: 2.286vw; }
.fz24-2 { font-size: 2vw; }
.fz22 { font-size: 2.095vw; }
.fz20 { font-size: 1.905vw; }
.fz18 { font-size: 1.714vw; }
.fz17 { font-size: 1.619vw; }
.fz16 { font-size: 1.524vw; }
.fz15 { font-size: 1.429vw; }
.fz14 { font-size: 1.333vw; }
.fz12 { font-size: 1.143vw; }
h2 { font-size: 3.5vw; }
h3 { font-size: 2.476vw; }
h4 { font-size: 2.667vw; }
.tab-taC { text-align: center !important;}
}
@media screen and (max-width: 540px) { /*484px*/
body { font-size: 3.306vw; }
.fz77 { font-size: 13vw; }
.fz68 { font-size: 14.05vw; }
.fz68 { font-size: 9.06vw; }
.fz56 { font-size: 7.46vw; }
.fz50 { font-size: 10.3vw; }
.fz40 { font-size: 8.264vw; }
.fz40 { font-size: 6.66vw; }
.fz36 { font-size: 7.438vw; }
.fz36 { font-size: 5.333vw; }
.fz35 { font-size: 7.231vw; }
.fz33 { font-size: 5.4vw; }
.fz30 { font-size: 4.2vw; }
.fz28 { font-size: 4.67vw; }
.fz26 { font-size: 4vw; }
.fz24 { font-size: 4.67vw; }
.fz24-2 { font-size: 3.47vw; }
.fz22 { font-size: 4.545vw; }
.fz20 { font-size: 4.132vw; }
.fz18 { font-size: 3.719vw; }
.fz18 { font-size: 3.466vw; }
.fz17 { font-size: 3.512vw; }
.fz16 { font-size: 3.306vw; }
.fz15 { font-size: 3.099vw; }
.fz14 { font-size: 2.893vw; }
.fz14-2 { font-size: 2.4vw; }
.fz12 { font-size: 2.479vw; }
h2 { font-size: 6.4vw; }
h3 { font-size: 4.3vw; }
h4 { font-size: 4.67vw; }
.lh22 {line-height:1.95;}
.sp-taC { text-align: center !important;}
.ls02-2 { letter-spacing: 0.1em; }
.br30 { border-radius: 4vw; }
.br20 { border-radius: 2.67vw; }
}
.sp,
.pro,
.tab,
.protabonly {
	display: none;
}
@media screen and (max-width: 1024px) {
	.pc {
		display: none;
	}
	.pro,
	.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%;}
.mw72 { width: 100%; max-width: 72vw; margin: 0 auto; }
.mw60 { max-width: 60vw; margin: 0 auto;}
.dib { display: inline-block; }
.ofh { overflow: hidden; }


/*ナビゲーション部分*/


.menu { 
	background: #fff;
	transition: 0.3s ease;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	position: fixed;
	z-index: 4;
	right: 0;
	top: 0;
	display: flex;
	align-items: center;
	padding: 0;
	width: 50%;
	max-width: 31.25em;
	height: 100%;
	overflow-y: scroll;
	scrollbar-width: none;
	overscroll-behavior: none;
}
.nav-wrap {
	height: 100%;
	min-height: 100.1%;
	min-height: calc(100% + 1px);
	width: 100%;
}
.menu-inner {
	width: 100%;
	min-height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	/*background:rgba(204,255,255,1);*/
}
.menu-inner-logo {
	padding-top: 2.8vh;
	padding-bottom: 1vh;
}
.menu-inner-logo > * {
	transform: scale(90%);
}
.menu-footer {
	padding: 2.8vh 6%;
	margin-top: 2.8em;
}
.logo_certification {
	padding: 2.9%;
	background: #fff;
}
.logo_certification img {
	width: 100%;
}
.openmenu {
	padding: 0 6%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.openmenu a {
	display: block;
	width: 100%;
	height: 100%;
}
.menu-main {
	padding: 1.4em 15% 0;
	width: 100%;
}
.menu-main a {
	display: flex;
	flex-direction: column;
	background-image: linear-gradient(to right, #22656a, #22656a 2px, transparent 2px);
	background-size: 4px 2px;
	background-position: left bottom;
	background-repeat: repeat-x;
	color: var(--dgreen);
	line-height: 1.35;
	position: relative;
	padding: .3em 0 .4em;
}
.menu-main a span + span {
	font-size: 1.38em;
}
.menu-main a span.menu-main-txt {
	color: var(--orange);
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	letter-spacing: .1em;
	font-size: .9em;
}
.menu-main a span.menu-main-txt::before {
	content: "";
	width: .6em;
	height: 2px;
	background: var(--orange);
	display: inline-block;
	margin-right: .3em;
	vertical-align: .25em;
}
.menu-main a::before,
.menu-main a::after {
	position: absolute;
	content: "";
	top: 55%;
	transform: translateY(-50%);
	transition: .2s;
}
.menu-main a::before {
	width: 2.35em;
	height: 2.35em;
	border-radius: 50%;
	border: 1px solid var(--orange);
	right: 0;
}
.menu-main a::after {
	width: .75em;
	height: .7em;
	background: var(--orange);
	right: .75em;
	clip-path: polygon(0% 45%, 81% 45%, 50% 8%, 58% 0%, 100% 50%, 58% 100%, 50% 92%, 81% 56%, 0% 56%);
}
.menu-main a:hover::before {
	background: var(--orange);
	color: #fff;
}
.menu-main a:hover::after {
	background: #fff;
}
.menu-sub {
	padding: 2.1em 0;
}
.menu-sub a {
	letter-spacing: 0;
}
.menu-sub a:hover {
	color: var(--green);
}
.menu-sub + .menu-sub a::before {
	content: "|";
	padding: 0 .65em;
}
.menu-under {
	width: 48.5%;
}
.menu-under + .menu-under {
	padding-left: 3%;
}
.menu-under a {
	background: var(--orange);
	text-align: center;
	color: #fff;
	padding: .7em;
	border-radius: 2em;
	font-size: 1.063em;
	letter-spacing: 0.1em;
	transition: .2s;
}
.menu-under a:hover {
	background: var(--horange);
}
 
.menu.open {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
}

.Toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	width: 9.5625em;
	height: 3.3125em;
	line-height: 1;
	border: 2px solid var(--orange);
	border-radius: 1.7em;
	background: #fff;
}
.Toggle-span {
	position: relative;
	width: 1.75em;
	height: 100%;
}
.Toggle span {
	display: block;
	position: absolute;
	right: 0;
	transition: all .3s;
}
.Toggle span:nth-child(1),
.Toggle span:nth-child(2),
.Toggle span:nth-child(3) {
	width: 100%;
	border-bottom: solid 2px var(--orange);
}
.Toggle span:nth-child(1) {
	top: 30%;
}
.Toggle span:nth-child(2) {
	top: 49%;
}
.Toggle span:nth-child(3) {
	top: 68%;
}

.Toggle.active {
	width: 2.87em;
	height: 2.87em;
	border-radius: 0;
	border: none;
}
.Toggle.active span {
	right: 0;
	border-bottom: solid 1px #4f4f4f;
}
.Toggle.active span:nth-child(1) {
	width: 4em;
	top: 50%;
	right: -1em;
	transform: rotate(-45deg);
}
.Toggle.active span:nth-child(2),
.Toggle.active span:nth-child(3) {
	width: 4em;
	top: 50%;
	right: -1em;
	transform: rotate(45deg);
}
.Toggle-txt {
	color: var(--orange);
	letter-spacing: 0.1em;
	margin-right: .9em;
}
.header-cover {
	background-color: rgba(8,18,15,.5);
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	transition: opacity .2s ease;
	z-index: 3;
}
.menu.open + .header-cover {
	opacity: 1;
	visibility: visible;
}
@media screen and (max-width: 1024px) {
	.menu { 
		font-size: 2vw;
		width: 70%;
		max-width: inherit;
	}
	.Toggle-txt {
		display: none;
	}
	.Toggle-span {
		width: 2.5em;
	}
	.Toggle {
		width: 6.66vw;
		height: 6.66vw;
		border-width: 1px;
		border-radius: 50%;
	}
	.Toggle span:nth-child(1),
	.Toggle span:nth-child(2),
	.Toggle span:nth-child(3) {
		border-bottom-width: 1px;
	}
	.menu-sub + .menu-sub a::before {
		padding: 0 .5em;
	}
	.menu-inner-logo > * {
		transform: scale(100%);
	}
	.Toggle.active span:nth-child(1),
	.Toggle.active span:nth-child(2),
	.Toggle.active span:nth-child(3) {
		right: 1vw;
		top: 70%;
	}
	.menu .fz17 {
		font-size: 2.2vw;
	}
}
@media screen and (max-width: 540px) {
	.menu { 
		font-size: 3.3vw;
		width: 100%;
	}
	.Toggle {
		width: 10.66vw;
		height: 10.66vw;
	}
	.Toggle-span {
		width: 1.75em;
	}
	.Toggle.active span:nth-child(1),
	.Toggle.active span:nth-child(2),
	.Toggle.active span:nth-child(3) {
		right: -5vw;
		top: 50%;
	}
	.menu .fz17 {
		font-size: 3.5vw;
	}
	.menu-main a {
		background-image: linear-gradient(to right, #22656a, #22656a 1px, transparent 1px);
		background-size: 2px 1px;
	}

}


.header-right {
	position: fixed;
	top: 1.1875em;
	right: 1.2em;
	display: flex;
	align-items: center;
	z-index: 4;
}
.header-right-link {
	display: flex;
	align-items: center;
}
.header-right-link li {
	width: 9.5625em;
	height: 3.3125em;
	line-height: 1;
	margin-right: .625em;
}
.header-right-link li a {
	display: block;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--orange);
	border: 2px solid var(--orange);
	border-radius: 1.7em;
	color: #fff;
	transition: .3s;
}
.header-right-link li a:hover {
	background: var(--horange);
}
.header-right.close {
	right: 2.3em;
}
.header-right.close .header-right-link {
	display: none;
}
.header-right.close .Toggle-txt {
	display: none;
}
@media screen and (max-width: 1024px) {
	.header-right {
		right: 2.67vw;
		top: 2.6vw;
	}
	.header-right.close {
		right: 1.4em;
	}
	.header-right-link li {
		width: 15vw;
		height: 6.167vw;
		margin-right: 1.5vw;
	}
	.header-right-link li a {
		font-size: 1.3em;
	}
}
@media screen and (max-width: 540px) {
	.header-right {
		top: 3.6vw;
	}
	.header-right-link li {
		width: 24vw;
		height: 9.867vw;
		margin-right: 2.4vw;
	}
	.header-right-link li a {
		font-size: 1.1em;
	}
}


/* !header -------------------------------------------------------------- */
#header {
	width: 100%;
	height: 1.8125em;
}
@media screen and (max-width: 1024px) {
	#header {
		height: 9vw;
	}
}
@media screen and (max-width: 540px) {
	#header {
		height: 22vw;
	}
}


/* !logo -------------------------------------------------------------- */
.header-logo {
	padding: 1.2em 0 0 1.5em;
	display: inline-block;
}
.logo {
	padding: 0;
	line-height: 1.4;
}
.logo a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #fff;
}
.logo a span:nth-child(1) img {
	width: 7.375em;
}
.logo a span:nth-child(2) img {
	width: 9.3125em;
}
.logo a span:nth-child(2) {
	margin-top: .6em;
}
.logo a span:nth-child(3) {
	background: var(--dgreen);
	border-radius: .33em;
	font-size: 0.9375em;
	text-align: center;
	letter-spacing: 0.2em;
	padding: .15em .9em .22em 1.05em;
	margin-top: .8em;
}
@media screen and (max-width: 1024px) {
	.header-logo {
		position: fixed;
		top: 2.26vw;
		left: 2vw;
		padding: 0;
		z-index: 3;
	}
}
@media screen and (max-width: 540px) {
	.logo a span:nth-child(1) img {
		width: 19.6vw;
	}
	.logo a span:nth-child(2) img {
		width: 24.666vw;
	}
	.logo a span:nth-child(2) {
		margin-top: .3em;
	}
	.logo a span:nth-child(3) {
		font-size: 2.4vw;
	}
}


/*基準1440*/
.container {
	width: 89.4%;
	max-width: 1000px;
	margin: 0 auto;
}
.container-min {
	width: 84%;
	max-width: 1000px;
	margin: 0 auto;
}
.container70 {
	width: 71%;
	margin: 0 auto;
}
.container2 {
	width: 83.4%;
	max-width: 1000px;
	margin: 0 auto;
}
.container1440 {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
}
.container1920 {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}
.container100 {
	width: 100%;
	margin: 0 auto;
}
@media screen and (max-width: 540px) {
	.container2 {
		width: 89.4%;
	}
	.container70 {
		width: 89.4%;
		margin: 0 auto;
	}
}


/* !btn -------------------------------------------------------------- */
a.btn_01 {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	color: var(--orange);
	width: 12.4em;
	max-width: 100%;
	padding: .82em 0;
	background: #fff;
	border: 2px solid var(--orange);
	border-radius: 2em;
	position: relative;
	letter-spacing: 0;
	transition: .2s;
}
a.btn_01::after {
	position: absolute;
	right: .7em;
	top: 50%;
	transform: translateY(-50%);
	width: 1em;
	height: .9em;
	clip-path: polygon(0% 45%, 81% 45%, 50% 8%, 58% 0%, 100% 50%, 58% 100%, 50% 92%, 81% 56%, 0% 56%);
	content: "";
	display: inline-block;
	background: var(--orange);
	transition: .2s;
}
a.btn_01 span {
	padding-right: 1em;
}
a.btn_01.taC {
	margin: 0 auto;
}
a.btn_01.btn_01_pink {
	color: var(--pink);
	border-color: var(--pink);
}
a.btn_01.btn_01_pink::after {
	background: var(--pink);
}
a.btn_01.btn_01_green {
	color: var(--green);
	border-color: var(--green);
}
a.btn_01.btn_01_green::after {
	background: var(--green);
}
a.btn_01.btn_01_yellow {
	color: var(--yellow);
	border-color: var(--yellow);
}
a.btn_01.btn_01_yellow::after {
	background: var(--yellow);
}
a.btn_01.btn_01_blue {
	color: var(--blue);
	border-color: var(--blue);
}
a.btn_01.btn_01_blue::after {
	background: var(--blue);
}
@media screen and (min-width: 1025px) {
	a.btn_01:hover {
		background: var(--orange);
		color: #fff;
	}
	a.btn_01:hover::after {
		background: #fff;
	}
	a.btn_01.btn_01_pink:hover {
		background: var(--pink);
	}
	a.btn_01.btn_01_green:hover {
		background: var(--green);
	}
	a.btn_01.btn_01_yellow:hover {
		background: var(--yellow);
	}
	a.btn_01.btn_01_blue:hover {
		background: var(--blue);
	}
}
@media screen and (max-width: 1024px) {
	a.btn_01 {
		border-width: 1px;
	}
}
a.btn_02 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	color: var(--orange);
	padding: .82em 0;
	max-width: 100%;
	position: relative;
	letter-spacing: 0;
	min-height: 2.35em;
}
a.btn_02 span {
	padding-right: 3.1em;
}
a.btn_02::before,
a.btn_02::after {
	position: absolute;
	content: "";
	top: 55%;
	transform: translateY(-50%);
	transition: .2s;
}
a.btn_02::before {
	width: 2.35em;
	height: 2.35em;
	border-radius: 50%;
	border: 1px solid var(--orange);
	right: 0;
	background: #fff;
}
a.btn_02::after {
	width: .8em;
	height: .7em;
	background: var(--orange);
	right: .75em;
	clip-path: polygon(0% 45%, 81% 45%, 50% 8%, 58% 0%, 100% 50%, 58% 100%, 50% 92%, 81% 56%, 0% 56%);
}
@media screen and (min-width: 1025px) {
	a.btn_02:hover::before {
		background: var(--orange);
	}
	a.btn_02:hover::after {
		background: #fff;
	}
}


/* !行間設定 -------------------------------------------------------------- */
.pd0	{ padding: 0; }
.pd02	{ padding: 0.2em 0; }
.pd03	{ padding: 0.3em 0; }
.pd04	{ padding: 0.4em 0; }
.pd05	{ padding: 0.5em 0; }
.pd07	{ padding: 0.7em 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: 8em;}
.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;}
.pt7	{ padding-top: 7em;}
.pt8	{ padding-top: 8em;}
.pt9	{ padding-top: 9em;}
.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;}
.pl03	{ padding-left: 0.3em;}
.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;}
.pl45	{ padding-left: 4.5em;}
.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;}
.pb6	{ padding-bottom: 6em;}
.pb7	{ padding-bottom: 7em;}
.pb8	{ padding-bottom: 8em;}
.pb9	{ padding-bottom: 9em;}
.pb10	{ padding-bottom: 10em;}
.pb-f	{ padding-bottom: 15em;}
@media screen and (max-width: 1024px) {
.tab-mt { margin-top: 2vw; }
.tab-mt2 { margin-top: 5vw; }
.tab-pt { padding-top: 5vw; }
.tab-pd { padding: 3vw 0; }
}
@media screen and (max-width: 540px) {
.pd02	{ padding: 0.1em 0; }
.pd08	{ padding: 2vw 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;}
.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: 16vw;}
.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;}
.pt7	{ padding-top: 14vw;}
.pt8	{ padding-top: 16vw;}
.pt9	{ padding-top: 18vw;}
.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;}
.pl45	{ padding-left: 9vw;}
.pl5	{ padding-left: 10vw;}
.pb1	{ padding-bottom: 2vw;}
.pb15	{ padding-bottom: 3vw;}
.pb2	{ padding-bottom: 4vw;}
.pb25	{ padding-bottom: 5vw;}
.pb3	{ padding-bottom: 6vw;}
.pb3-2	{ padding-bottom: 19vw;}
.pb35	{ padding-bottom: 7vw;}
.pb4	{ padding-bottom: 8vw;}
.pb45	{ padding-bottom: 9vw;}
.pb5	{ padding-bottom: 10vw;}
.pb6	{ padding-bottom: 12vw;}
.pb7	{ padding-bottom: 14vw;}
.pb8	{ padding-bottom: 16vw;}
.pb9	{ padding-bottom: 18vw;}
.pb10	{ padding-bottom: 20vw;}
.pb-f	{ padding-bottom: 25vw;}
.tab-mt { margin-top: 3vw; }
.tab-mt2 { margin-top: 3vw; }
.tab-pt { padding-top: 0; }
.tab-pd { padding: 10vw 0; }
.sp-pt	{ padding-top: 8vw;}
.sp-mt0 { margin-top: 0; }
.sp-mt { margin-top: 3vw; }
.sp-mt2 { margin-top: 6vw; }
.sp-mt3 { margin-top: 9vw; }
.sp-mt4 { margin-top: 12vw; }
.sp-mt5 { margin-top: 15vw; }
.sp-pt { padding-top: 5vw; }
.sp-pl { padding-left: 2vw; }
.sp-pb1 { padding-bottom: 6vw; }
.sp-pb2 { padding-bottom: 9vw; }
}


/* !flex -------------------------------------------------------------- */
.flex,
.flex_pc,
.flex_all {
	display: flex;
	justify-content: space-between;
}
.iflex_all {
	display: inline-flex;
}
.iflex {
	display: inline-flex;
}
.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;
}
.jc-se {
	justify-content: space-evenly;
}
.fd-rr {
	flex-direction: row-reverse;
}
.fd-column {
	flex-direction: column;
}
.flex-sh0 {
	flex-shrink: 0;
}
.order-1 {
	order: 1;
}
.order-2 {
	order: 2;
}
.flex-w73 {
	width: 73%;
}
.flex-w65 {
	width: 65%;
}
.flex-w49 {
	width: 48.4%;
}
.flex-w48 {
	width: 47.8%;
}
.flex-w46 {
	width: 46.4%;
}
.flex-w45 {
	width: 45%;
}
.flex-w26 {
	width: 26.5%;
}
.flex-w18 {
	width: 18%;
}
@media screen and (max-width: 1024px) {
	.flex_pc {
		display: block;
	}
	.flex_pc [class^="flex-w"],
	.flex_pc [class^="flex-col-"] {
		width: 100%;
	}
}
@media screen and (max-width: 540px) {
	.flex {
		display: block;
	}
	.flex > [class^="flex-w"],
	.flex > [class^="flex-col-"] {
		width: 100%;
		margin-left: 0;
	}
	.flex_sp {
		display: flex;
	}
	.flex > [class^="pr"]	{ padding-right: 0;}
	.flex > [class^="pl"]	{ padding-left: 0;}
	.sp-w70 {
		width: 70%;
	}
}


/* !fv -------------------------------------------------------------- */
.fv_wrapper {
	width: 100%;
	overflow: hidden;
}
#fv {
	position: relative;
	height: 56em;
	margin: auto;
	width: 100%;
	max-width: 1440px;
}
@media screen and (max-width: 1024px) {
	#fv {
		font-size: 1.111vw;
	}
}
@media screen and (max-width: 540px) {
	#fv {
		font-size: 1.734vw;
		height: 124vw;
	}
}
.fv_img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.fv_photo1 {
	position: absolute;
	top: 21.05%;
	left: -0.55%;
}
.fv_photo2 {
	position: absolute;
	left: 45.83%;
	bottom: 3.23%;
}
.fv_photo3 {
	position: absolute;
	right: 4.93%;
	bottom: 10.47%;
}
.fv_photo4 {
	position: absolute;
	top: 27.8%;
	right: -0.55%;
}
.fv_photo1 img {
	width: 14.625em;
}
.fv_photo2 img {
	width: 17.375em;
}
.fv_photo3 img {
	width: 13.625em;
}
.fv_photo4 img {
	width: 10.3125em;
}
@media screen and (max-width: 540px) {
	.fv_wrapper {
		overflow: inherit;
	}
	.fv_photo1 {
		top: 19.57%;
		left: inherit;
		right: 1.06%;
	}
	.fv_photo2 {
		left: 3.733%;
		bottom: 0;
	}
	.fv_photo3 {
		right: 11.47%;
		bottom: 8.4%;
	}
	.fv_photo4 {
		top: 19%;
		right: inherit;
		left: 1.86%;
	}
}
.target {
	animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
}
@keyframes floating-y {
  0% {
    transform: translateY(-8%);
  }
  100% {
    transform: translateY(8%);
  }
}
.fv_photo1 .target {
	animation-delay: -1.5s;
}
.fv_photo2 .target {
	animation-delay: -1s;
}
.fv_photo3 .target {
	animation-delay: -.5s;
}
.fv_photo4 .target {
	animation-delay: 0s;
}

.fv_bubble1 {
	position: absolute;
	top: 45.88%;
	left: 0.7%;
}
.fv_bubble2 {
	position: absolute;
	top: 46.1%;
	left: 15%;
}
.fv_bubble3 {
	position: absolute;
	top: 38.5%;
	left: 18.89%;
}
.fv_bubble4 {
	position: absolute;
	top: 63.7%;
	right: 20%;
}
.fv_bubble5 {
	position: absolute;
	top: 30.3%;
	right: 12.99%;
}
.fv_bubble6 {
	position: absolute;
	top: 7.35%;
	right: 2.08%;
}
.fv_bubble7 {
	position: absolute;
	top: 16.7%;
	right: 0.55%;
}
@media screen and (max-width: 540px) {
	.fv_bubble1 {
		top: 11%;
		left: 3.7%;
	}
	.fv_bubble2 {
		top: 36%;
		left: 2.5%;
	}
	.fv_bubble3 {
		top: 78%;
		left: 48%;
	}
	.fv_bubble4 {
		top: 70%;
		right: 4%;
	}
	.fv_bubble5 {
		top: 73%;
		right: 38%;
	}
	.fv_bubble6 {
		top: 2%;
		right: 4%;
	}
	.fv_bubble7 {
		top: 10%;
		right: 3.5%;
	}
}
.fv_bubble1 img {
	width: 1.625em;
}
.fv_bubble2 img {
	width: 2.1875em;
}
.fv_bubble3 img {
	width: 3.75em;
}
.fv_bubble4 img {
	width: 2.8125em;
}
.fv_bubble5 img {
	width: 2.1875em;
}
.fv_bubble6 img {
	width: 4.9375em;
}
.fv_bubble7 img {
	width: 1.625em;
}
.target2 {
	animation: floating-y2 1.8s ease-in-out infinite alternate-reverse;
}
@keyframes floating-y2 {
  0% {
    transform: translateY(-12%);
  }
  100% {
    transform: translateY(12%);
  }
}
.fv_bubble1 .target2 {
	animation-delay: -1.7s;
}
.fv_bubble2 .target2 {
	animation-delay: -1.3s;
}
.fv_bubble3 .target2 {
	animation-delay: -1.2s;
}
.fv_bubble4 .target2 {
	animation-delay: -0.8s;
}
.fv_bubble5 .target2 {
	animation-delay: -0.4s;
}
.fv_bubble6 .target2 {
	animation-delay: -0.3s;
}
.fv_bubble7 .target2 {
	animation-delay: 0s;
}

.fv_txt {
	position: absolute;
	top: 9.6%;
	left: 59%;
}
@media screen and (max-width: 540px) {
	.fv_txt {
		top: 1.5%;
		left: 11%;
	}
}


/* !contents wrapper -------------------------------------------------------------- */
.contents-left {
	display: none;
}
@media screen and (min-width: 1025px) {
	.contents-left {
		display: block;
		width: 16.66%;
		order: 1;
		position: sticky;
		top: 0;
		background: var(--lorange);
		border: solid #fff;
		border-width: 0.3125em;
		padding: 1.81em;
		border-top-right-radius: 1.875em;
		min-height: 100vh;
		margin-top: -.3em;
	}
	.home .contents-left {
		margin-top: -2.3em;
	}
	.contents-right {
		width: 83.34%;
		max-width: 1200px;
		order: 2;
	}
	.left-nav-logo {
		padding: 2em 0 1.4em;
	}
	.left-nav-logo img {
		width: 5.375em;
	}
	.left-nav {
		padding: 2.2em 0;
	}
	.left-nav a {
		display: flex;
		flex-direction: column;
		color: var(--dgreen);
		line-height: 1.65;
		position: relative;
		padding: .9em 0;
	}
	.left-nav a:hover {
		color: var(--green);
	}
	.left-nav a span + span {
		font-size: 1.125em;
	}
	.left-nav a span.menu-main-txt {
		color: var(--orange);
		font-family: "Montserrat", sans-serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		letter-spacing: .1em;
		font-size: .92em;
	}
	.left-nav a span.menu-main-txt::before {
		content: "";
		width: .6em;
		height: 2px;
		background: var(--orange);
		display: inline-block;
		margin-right: .3em;
		vertical-align: .25em;
	}
	.left-nav-certification {
		width: 9.625em;
		padding: 1.06em;
		margin: auto;
	}
}


/* !decoration -------------------------------------------------------------- */
.border-bottom-dot {
	background-image: linear-gradient(to right, #22656a, #22656a 2px, transparent 2px);
	background-size: 4px 2px;
	background-position: left bottom;
	background-repeat: repeat-x;
}
.bbd-pb1 {
	padding-bottom: .22em;
}
.interview_01 .border-bottom-dot-color {
	background-image: linear-gradient(to right, var(--pink), var(--pink) 2px, transparent 2px);
	background-size: 4px 2px;
	background-position: left bottom;
	background-repeat: repeat-x;
}
.interview_02 .border-bottom-dot-color {
	background-image: linear-gradient(to right, var(--green), var(--green) 2px, transparent 2px);
	background-size: 4px 2px;
	background-position: left bottom;
	background-repeat: repeat-x;
}
.interview_03 .border-bottom-dot-color {
	background-image: linear-gradient(to right, var(--yellow), var(--yellow) 2px, transparent 2px);
	background-size: 4px 2px;
	background-position: left bottom;
	background-repeat: repeat-x;
}
.interview_04 .border-bottom-dot-color {
	background-image: linear-gradient(to right, var(--blue), var(--blue) 2px, transparent 2px);
	background-size: 4px 2px;
	background-position: left bottom;
	background-repeat: repeat-x;
}
.border-bottom-dot-orange {
	background-image: linear-gradient(to right, var(--orange), var(--orange) 2px, transparent 2px);
	background-size: 4px 2px;
	background-position: left bottom;
	background-repeat: repeat-x;
}
@media screen and (max-width: 540px) {
	.border-bottom-dot {
		background-image: linear-gradient(to right, #22656a, #22656a 1px, transparent 1px);
		background-size: 2px 1px;
	}
	.bbd-pb1 {
		padding-bottom: .16em;
	}
	.border-bottom-dot-pink {
		background-image: linear-gradient(to right, var(--pink), var(--pink) 1px, transparent 1px);
		background-size: 2px 1px;
	}
	.border-bottom-dot-green {
		background-image: linear-gradient(to right, var(--green), var(--green) 1px, transparent 1px);
		background-size: 2px 1px;
	}
	.border-bottom-dot-yellow {
		background-image: linear-gradient(to right, var(--yellow), var(--yellow) 1px, transparent 1px);
		background-size: 2px 1px;
	}
	.border-bottom-dot-blue {
		background-image: linear-gradient(to right, var(--blue), var(--blue) 1px, transparent 1px);
		background-size: 2px 1px;
	}
	.border-bottom-dot-orange {
		background-image: linear-gradient(to right, var(--orange), var(--orange) 1px, transparent 1px);
		background-size: 2px 1px;
	}
}
.border-left-orange::before {
	content: "";
	display: inline-block;
	width: .8em;
	height: 2px;
	background: var(--orange);
	margin-right: .7em;
	vertical-align: .25em;
}
.p-r {
	position: relative;
}
.p-a-txt1 {
	position: absolute;
	left: 0;
	right: 0;
	top: -1.5em;
}
.title-sub {
	padding-bottom: .3em;
	display: inline-block;
}
@media screen and (max-width: 540px) {
	.border-left-orange::before {
		height: 1px;
	}
	.title-sub {
		padding: 0;
		font-size: 2.7vw;
	}
}
.vertical {
	writing-mode: vertical-rl;
}


/* !contents -------------------------------------------------------------- */
.bg_dot {
	background: url(../images/bg_dot.png) no-repeat;
	background-size: 100%;
	padding: 0 1.75em 2em;
	min-height: 22.25em;
}
.icon-instagram {
	width: 4.3125em;
}
.img_insta_01 {
	width: 20.8125em;
}
@media screen and (max-width: 540px) {
	.bg_dot {
		background-image: url(../images/bg_dot_sp.png);
		padding: 0 2.6% 6.9vw;
	}
	.img_insta_01 {
		width: 21.73vw;
	}
}


.btn_03 {
	width: 23.6%;
	position: relative;
	z-index: 2;
	color: var(--dgreen);
}
.btn_03::after {
	position: absolute;
	content: "";
	display: block;
	background: #fff;
	width: 100%;
	height: 80.2%;
	left: 0;
	bottom: 0;
	z-index: -1;
	border-radius: 1.875em;
}
.btn_03 > span {
	display: block;
	position: relative;
	height: 100%;
	width: 100%;
	padding-bottom: 5.625em;
}
.btn_03 figure {
	margin: 0 auto .8em;
	width: 11.5625em;
}
.btn_03-txt {
	display: block;
	max-width: 69%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: .45em;
}
@media screen and (max-width: 1024px) {
	.btn_03 figure {
		margin: 0 auto .5em;
		width: 75%;
	}
	.btn_03-txt {
		max-width: 80%;
		padding-bottom: .1em;
	}
}
@media screen and (max-width: 540px) {
	.btn_03 {
		width: 48.57%;
	}
	.btn_03:nth-child(3),
	.btn_03:nth-child(4) {
		margin-top: 4.2vw;
	}
	.btn_03 > span {
		padding-bottom: 12vw;
	}
}


/* 矢印 base */
.btn-arrow {
	position: relative;
}
.btn-arrow::before,
.btn-arrow::after {
	position: absolute;
	content: "";
	top: 50%;
	transform: translateY(-50%);
	transition: .2s;
}
.btn-arrow::before {
	width: 3.5em;
	height: 3.5em;
	border-radius: 50%;
	border: 2px solid var(--orange);
	right: 0;
	background: #fff;
}
.btn-arrow::after {
	width: 1.25em;
	height: 1em;
	background: var(--orange);
	right: 1em;
	clip-path: polygon(0% 45%, 81% 45%, 50% 8%, 58% 0%, 100% 50%, 58% 100%, 50% 92%, 81% 56%, 0% 56%);
}
.btn-arrow:hover::before {
	background: var(--orange);
}
.btn-arrow:hover::after {
	background: #fff;
}
@media screen and (max-width: 540px) {
	.btn-arrow::before {
		width: 2.2em;
		height: 2.2em;
		border-width: 1px;
	}
	.btn-arrow::after {
		width: .875em;
		height: .7em;
	}
}

/* 矢印 customize */
.btn_03 .btn-arrow::before,
.btn_03 .btn-arrow::after {
	top: inherit;
	right: 50%;
	transform: translateX(50%);
}
.btn_03 .btn-arrow::before {
	bottom: 1.1em;
}
.btn_03 .btn-arrow::after {
	bottom: 2.35em;
}
@media screen and (max-width: 540px) {
	.btn_03 .btn-arrow::before {
		bottom: .8em;
	}
	.btn_03 .btn-arrow::after {
		bottom: 1.54em;
	}
}
@media screen and (min-width: 541px) {
	.btn_requirements.btn-arrow::before,
	.btn_requirements.btn-arrow::after {
		top: inherit;
		transform: none;
	}
	.btn_requirements.btn-arrow::before {
		bottom: 2em;
		right: 2em;
	}
	.btn_requirements.btn-arrow::after {
		bottom: 3.25em;
		right: 3em;
	}
}
@media screen and (max-width: 540px) {
	.btn_requirements.btn-arrow::before {
		width: 9.8vw;
		height: 9.8vw;
		right: 3.5vw;
	}
	.btn_requirements.btn-arrow::after {
		width: 3.2vw;
		height: 2.8vw;
		right: 6.7vw;
	}
}


.bg_01 {
	background: url(../images/bg_01.webp) center no-repeat;
	background-size: 100%;
	height: 65.25em;
	padding-top: 15.4em;
}
.bg_01-txt1 {
	padding-left: 11.16%;
}
.bg_01-txt2 {
	padding-left: 17.5%;
}
@media screen and (max-width: 1024px) {
	.bg_01 {
		background-size: cover;
	}
	.bg_01-txt2 {
		padding-left: 15%;
	}
}
@media screen and (max-width: 540px) {
	.bg_01 {
		background-image: url(../images/bg_01_sp.webp);
		height: 205.6vw;
		padding-top: 32vw;
	}
	.bg_01-txt1 {
		padding-left: 5.5%;
	}
	.bg_01-txt2 {
		padding-left: 5.5%;
	}
}

.bg_movie {
	background: url(../images/bg_movie.webp) center no-repeat;
	background-size: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 34.1875em;
	padding: 4.083% 16.75%;
}
@media screen and (max-width: 1024px) {
	.bg_movie {
		height: 45.573vw;
	}
}
@media screen and (max-width: 540px) {
	.bg_movie {
		background-image: url(../images/bg_movie_sp.webp);
		height: 58.933vw;
		padding: 5.466% 7.467%;
	}
}


.video-js {
	width: 100%;
	height: 100%;
}
/*再生ボタン(大)*/
.video-js .vjs-tech{ outline:none; }
.video-js .vjs-big-play-button:focus{ background:none; }
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button{
    height: 7.5em;
    width:7.5em;
    border: none;
    border-radius:50%;
    font-size: 16px;
    line-height:7.5em;
	background: #f1916f;
	transition: .2s;
	margin-top: 0;
	margin-left: 0;
}
.video-js .vjs-big-play-button:hover{
	background: #e36c42;
}
.vjs-icon-play:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    content: "";
	width: 1.8em;
	height: 2.1em;
	background: #fff;
	display: block;
	margin-top: 2.7em;
	margin-left: 3em;
	clip-path: polygon(0 6%, 6% 0%, 100% 47%, 100% 53%, 6% 100%, 0 94%);
}
.vjs-big-play-centered .vjs-big-play-button {
	transform: translate(-50%,-50%);
}
.video-js .vjs-control-bar {
	background-color: var(--orange);
}
.video-js .vjs-load-progress div {
	background-color: #a7a08e;
}
@media screen and (max-width: 1440px) {
	.video-js .vjs-big-play-button{
		font-size: 1.111vw;
	}
}
@media screen and (max-width: 540px) {
	.video-js .vjs-big-play-button{
		font-size: 1.5vw;
	}
}


.bg_02 {
	background: url(../images/bg_02.webp) left top no-repeat;
	background-size: 100%;
	padding: 0 9% 0 15.6%;
	min-height: 14.4em;
}
@media screen and (max-width: 540px) {
	.bg_02 {
		background-image: url(../images/bg_02_sp.webp);
		padding: 0;
	}
	.title-interview-1 {
		padding: 0 0 0 21.5%;
	}
}

.interview-flex {
	padding: 4.1% 3.3% 3.8%;
}
.icon_01 {
	width: 4.5em;
	margin-bottom: .6em;
}
.p-a-txt2 {
	position: absolute;
	left: 0;
	right: 0;
	top: -1.8em;
}
@media screen and (min-width: 541px) {
	.interview-flex:nth-child(3),
	.interview-flex:nth-child(4) {
		margin-top: 4.3em;
	}
}
@media screen and (max-width: 1024px) {
	.interview-flex {
		padding: 4.1% 2.2% 3.8%;
	}
}
@media screen and (max-width: 540px) {
	.interview-flex {
		padding: 6% 2.8% 7.5%;
	}
	.interview-flex + .interview-flex {
		margin-top: 10vw;
	}
	.interview-flex:nth-child(1) {
		margin-top: -1.5em;
	}
	.p-a-txt2 {
		top: -1.45em;
	}
	.icon_01 {
		width: 3em;
	}
}


.interview-box-left,
.interview-box-right {
	margin-top: 9.7em;
}
.interview-head {
	position: relative;
	width: 100%;
	height: 21.375em;
}
.interview-head-photo {
	position: absolute;
	top: 0.75em;
	width: 54.5em;
	max-width: 72.7%;
	z-index: 2;
}
.interview-head-num {
	position: absolute;
	top: 0;
	left: 8.333%;
	z-index: 2;
	width: 83.333%;
}
.interview-head-name {
	position: absolute;
	width: 83.333%;
	top: 12.2em;
	left: 8.333%;
}
.interview-bg-span {
	padding: .1em 1em .2em;
	border-radius: .3em;
	color: #fff;
	letter-spacing: 0.1em;
}
.interview-bg-span2 {
	padding: .1em .3em .2em 1em;
	border-radius: .3em;
	color: #fff;
	letter-spacing: 0.1em;
}

.interview-box-right .interview-head {
	text-align: right;
}
.interview-box-left .interview-head-photo {
	right: 0;
}
.interview-box-right .interview-head-photo {
	left: 0;
}
.ul_dot {
	padding: 1em 0;
}
.ul_dot li {
	text-indent: -1em;
	margin-left: 1em;
}
.ul_dot li::before {
	content: "・";
}
.interview-inner {
	padding: 2.5% 3.7% 2%;
}
.home .interview-inner {
	margin-top: 4em;
}
@media screen and (max-width: 1024px) {
	.interview-box-left,
	.interview-box-right {
		margin-top: 7em;
	}
	.home .interview-inner {
		margin-top: 1em;
	}
}
@media screen and (max-width: 540px) {
	.interview-box-left,
	.interview-box-right {
		margin-top: 7vw;
	}
	.interview-head {
		height: 60vw;
	}
	.interview-head-photo {
		top: 30vw;
		max-width: 61.46vw;
	}
	.interview-head-num {
		left: 5.8%;
		width: 89%;
	}
	.interview-head-name {
		top: 34vw;
		left: 5.8%;
		width: 89%;
	}
	.interview-inner {
		padding: 2.4% 3.7% 1%;
	}
	.home .interview-inner {
		margin-top: 6vw;
	}
	.interview-inner + .interview-inner {
		margin-top: 3vw;
	}
}

.btn_04 {
	display: inline-flex;
	align-items: center;
	padding-right: 9.5em;
	height: 8.125em;
}
.btn_04 img {
	margin-right: .9em;
}
.btn_04.btn-arrow::before {
	width: 8.125em;
	height: 8.125em;
}
.btn_04.btn-arrow::after {
	width: 3.625em;
	height: 3.125em;
	clip-path: polygon(0% 46.5%, 89% 46.5%, 55% 4.5%, 59% 0%, 100% 50%, 59% 100%, 55% 95.5%, 89% 53.5%, 0% 53.5%);
	right: 2.2em;
}
@media screen and (max-width: 540px) {
	.btn_04 {
		padding-right: 20.66vw;
		height: 17.333vw;
	}
	.btn_04.btn-arrow::before {
		width: 17.333vw;
		height: 17.333vw;
	}
	.btn_04.btn-arrow::after {
		width: 7.733vw;
		height: 7.2vw;
		right: 5vw;
	}
}
.btn_04.btn-arrow::after,
.btn_04.btn-arrow:hover::before {
	background: var(--orange);
}
.btn_04.btn_04_pink.btn-arrow::before {
	border-color: var(--pink);
}
.btn_04.btn_04_pink.btn-arrow::after,
.btn_04.btn_04_pink.btn-arrow:hover::before {
	background: var(--pink);
}
.btn_04.btn_04_green.btn-arrow::before {
	border-color: var(--green);
}
.btn_04.btn_04_green.btn-arrow::after,
.btn_04.btn_04_green.btn-arrow:hover::before {
	background: var(--green);
}
.btn_04.btn_04_yellow.btn-arrow::before {
	border-color: var(--yellow);
}
.btn_04.btn_04_yellow.btn-arrow::after,
.btn_04.btn_04_yellow.btn-arrow:hover::before {
	background: var(--yellow);
}
.btn_04.btn_04_blue.btn-arrow::before {
	border-color: var(--blue);
}
.btn_04.btn_04_blue.btn-arrow::after,
.btn_04.btn_04_blue.btn-arrow:hover::before {
	background: var(--blue);
}
.btn_04.btn-arrow:hover::after {
	background: #fff;
}
.interview-under-bg {
	position: relative;
}
.interview-under-bg::before {
	display: block;
	width: 95.5%;
	height: 100%;
	content: "";
	background: var(--lpink);
	position: absolute;
}
.interview-box-left .interview-under-bg::before {
	right: 0;
	border-radius: 1.875em 0 0 1.875em;
}
.interview-box-right .interview-under-bg::before {
	left: 0;
	border-radius: 0 1.875em 1.875em 0;
}
.interview-under-bg.interview-under-bg-pink::before {
	background: var(--lpink);
}
.interview-under-bg.interview-under-bg-green::before {
	background: var(--lgreen);
}
.interview-under-bg.interview-under-bg-yellow::before {
	background: var(--lyellow);
}
.interview-under-bg.interview-under-bg-blue::before {
	background: var(--lblue);
}
@media screen and (max-width: 540px) {
	.interview-under-bg::before {
		width: 98%;
	}
}

.interview-bg-bottom {
	position: relative;
	padding-bottom: 7.6em;
}
.interview-bg-bottom::after {
	content: "";
	display: block;
	width: 100%;
	height: 7.6em;
	border-bottom-right-radius: 6.2em;
	position: absolute;
	bottom: 0;
	background: #fff;
	left: 0;
}
@media screen and (max-width: 540px) {
	.interview-bg-bottom {
		padding-bottom: 5vw;
	}
	.interview-bg-bottom::after {
		height: 5vw;
		border-bottom-right-radius: 0;
	}
}


.bg_03 {
	background: #fff4d8 url(../images/bg_03.webp) left top no-repeat;
	background-size: 100%;
	padding: 8% 0 0 8.333%;
	min-height: 29.25em;
}
.bg_04 {
	background: #fff4d8 url(../images/bg_04.webp) left top no-repeat;
	background-size: 100%;
	padding: 8% 0 0 8.333%;
	min-height: 32.5em;
}
.bg_06 {
	background: #fff4d8 url(../images/bg_06.webp) left top no-repeat;
	background-size: 100%;
	padding: 9.5% 0 0 8.333%;
	min-height: 17em;
}
.title-merit {
	padding: 7.3% 0 0 25.7%;
}
.title-seminar {
	padding: 7.3% 0 0 12.4%;
}
@media screen and (max-width: 1024px) {
	.bg_03 {
		min-height: 26.25em;
	}
	.bg_04 {
		min-height: 27.5em;
	}
	.bg_05 {
		min-height: 15em;
	}
}
@media screen and (max-width: 540px) {
	.bg_03 {
		background-image: url(../images/bg_03_sp.webp);
		padding: 23.6vw 0 0 5.333%;
		min-height: 80vw;
	}
	.bg_04 {
		background-image: url(../images/bg_04_sp.webp);
		padding: 13.3vw 0 0 5.333%;
		min-height: 77.8vw;
	}
	.bg_06 {
		background-image: url(../images/bg_06_sp.webp);
		padding: 16vw 0 0 5.333%;
		min-height: 38vw;
	}
	.title-merit {
		padding: 8.1% 0 0 8%;
	}
	.title-seminar {
		padding: 8.1% 0 0 8%;
	}
}

.orange-bar {
	padding: .63em 2em .7em 9.3%;
	border-radius: 0 2em 2em 0;
}
.va006 {
	vertical-align:-0.06em;
}
.bg_05 {
	background: url(../images/bg_05.png) no-repeat;
	background-size: 100%;
	padding: 4.375em 6.5em 4.375em 4.1875em;
	min-height: 25.625em;
	margin-top: -3em;
}
@media screen and (max-width: 540px) {
	.bg_05 {
		background-image: url(../images/bg_05_sp.png);
		background-size: 100% 100%;
		min-height: inherit;
		padding: 9% 10.3% 5%;
		margin-top: -1.8em;
	}
}

.btn_requirements {
	display: block;
	padding: 1.7% 16% 1.2% 6%;
}
.bg_entry {
	background: url(../images/bg_entry.webp) no-repeat;
	background-size: 100%;
	height: 33.5em;
	padding-bottom: 9.8%;
}
@media screen and (max-width: 540px) {
	.btn_requirements {
		padding: 2.5% 17% 1.2% 5%;
	}
	.bg_entry {
		background-image: url(../images/bg_entry_sp.webp);
		height: 68.4vw;
	}
}


.btn_entry {
	background: var(--orange);
	width: 29.875em;
	height: 9.75em;
	display: flex;
	align-items: center;
	padding-left: 9%;
	transition: .2s;
}
.btn_entry:hover {
	background: var(--horange);
}
.btn_entry.btn-arrow::before {
	width: 6.8em;
	height: 6.8em;
	right: 1.25em;
}
.btn_entry.btn-arrow::after {
	width: 3.125em;
	height: 2.75em;
	clip-path: polygon(0% 46.5%, 89% 46.5%, 55% 4.5%, 59% 0%, 100% 50%, 59% 100%, 55% 95.5%, 89% 53.5%, 0% 53.5%);
	right: 3.1em;
}
.btn_entry.btn-arrow:hover::before {
	background: #fff;
	right: .75em;
}
.btn_entry.btn-arrow:hover::after {
	background: var(--orange);
	right: 2.6em;
}
@media screen and (max-width: 540px) {
	.btn_entry {
		font-size: 2.2vw;
	}
}


.zi2 {
	z-index: 2;
	position: relative;
}


/* !footer
---------------------------------------------------------- */
#footer {
	padding: 3em 0 1em;
}
.footer-logo-txt {
	width: 11em;
}

.footer_nav {
	padding: 1.2em 0 2em;
}
.footer_nav a {
	display: flex;
	flex-direction: column;
	line-height: 1.5;
	color: var(--dgreen);
	padding: 1.2em 0;
}
.footer_nav a:hover {
	color: var(--green);
}
.footer_nav2 a:hover {
	color: var(--green);
}
.footer_nav li {
	width: 25%;
}
.border-top {
	border-top: 1px solid #c9caca;
}

.footer_nav2 li + li::before {
	content: "|";
	margin-left: .5em;
	margin-right: .5em;
}
@media screen and (max-width: 1024px) {
	#footer {
		padding: 0 0 1em;
	}
	.copyright {
		text-align: center;
	}
}
@media screen and (max-width: 540px) {
	#footer {
		padding: 2em 0 1em;
	}
	.footer-logo-txt {
		width: 10em;
	}
}


a.anchor {
    display: block;
    padding-top: 3em;
    margin-top: -3em;
}
@media screen and (max-width: 1024px) {
	a.anchor {
		padding-top: 20vw;
		margin-top: -20vw;
	}
}
@media screen and (max-width: 540px) {
	a.anchor {
		padding-top: 30vw;
		margin-top: -30vw;
	}
}


/* !Clearfix
---------------------------------------------------------- */
.clearfix::after {
	content: '';
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

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