@charset "UTF-8";
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline
}
html {
	line-height: 1
}
ol, ul {
	list-style: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
caption, td, th {
	text-align: left;
	font-weight: 400;
	vertical-align: middle
}
blockquote, q {
	quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
	content: "";
	content: none
}
a img {
	border: none
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block
}
*, :after, :before {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
body * {
	max-height: 99999em
}
img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%
}
button, input, label, select, textarea {
	margin: 0;
	border: 0;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	white-space: normal;
	background: 0 0;
	font: inherit;
	line-height: 1
}
button:focus, input:focus, select:focus {
	outline: 0
}
input[type=search] {
	-webkit-appearance: textfield
}
::-webkit-search-decoration {
	display: none
}
textarea {
	overflow: auto;
	white-space: pre-line
}
@media print {
	body {
		-webkit-print-color-adjust: exact
	}
	body, html {
		margin: 0
	}
	@page {
		margin: 0
	}
	@page :left {
		margin: 0
	}
	@page :right {
		margin: 0
	}
	@page :first {
		margin-top: 0
	}
}
body {
	color: #000;
	font-family: -apple-system, BlinkMacSystemFont, "Helvsetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.8;
	letter-spacing: .025em;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none
}
@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
	body {
		font-family: -apple-system, BlinkMacSystemFont, "Helvsetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif
	}
}
.ft-serif {
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Times New Roman", "游明朝", YuMincho, "メイリオ", Meiryo, Georgia, serif
}
a {
	color: #000;
	text-decoration: none
}
.hidden {
	display: none
}
.invisible {
	visibility: hidden
}
.text-left {
	text-align: left
}
.text-center {
	text-align: center
}
.text-right {
	text-align: right
}
.text-justify {
	text-align: justify
}
.text-nowrap {
	white-space: nowrap
}
.text-lowercase {
	text-transform: lowercase
}
.text-uppercase {
	text-transform: uppercase
}
.text-capitalize {
	text-transform: capitalize
}
@media print, (min-width:768px) {
	.sm {
		display: none!important
	}
	.trans {
		opacity: 1;
		-moz-transition: opacity .26s ease;
		-o-transition: opacity .26s ease;
		-webkit-transition: opacity .26s ease;
		transition: opacity .26s ease
	}
	.trans:hover {
		opacity: .8
	}
	html {
		font-size: 62.5%
	}
	.container {
		min-width: 1080px;
		overflow: hidden
	}
	.container .fm-border {
		position: absolute;
		top: 0;
		bottom: 0;
		content: "";
		width: 25vw;
		border-left: 1px solid #eee;
		border-right: 1px solid #eee;
		pointer-events: none
	}
	.container .fm-border.border1 {
		left: 12.5%
	}
	.container .fm-border.border2 {
		right: 12.5%
	}
	.section__main {
		position: relative
	}
	.section__main>* {
		position: relative;
		z-index: 2
	}
	.wrapper {
		width: 1080px;
		margin-left: auto;
		margin-right: auto
	}
}
@media only screen and (max-width:767px) {
	.md {
		display: none!important
	}
	html {
		font-size: calc(100vw / 37.5)
	}
	body {
		font-size: 1.4rem;
		/* padding-bottom: 95px !important; */
	}
	.container {
		width: auto;
		min-width: 320px;
		/* padding-bottom: 24vw */
	}
	.wrapper {
		width: auto;
		margin: 0;
		padding-left: .2rem;
		padding-right: .2rem
	}


	body.end .header-request.request-active {
		opacity: 0;
		pointer-events: none;
	}
}
@media print, (min-width:768px) {
	.alt__header {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		width: 100%;
		min-width: 1080px;
		height: 120px;
		padding-top: 20px;
		padding-left: 2%;
		padding-right: 1.4%;
		position: absolute;
		top: 113px;
		left: 0;
		z-index: 1000
	}
	.header-logo {
		width: 100px
	}
	.header-logo a, .header-logo img {
		display: block;
		width: 100%
	}
	.header-navigation {
		margin-left: auto;
		margin-right: 50px
	}
	.header-navigation ul {
		display: -webkit-flex;
		display: flex
	}
	.header-navigation ul li {
		margin-left: 40px
	}
	.header-navigation ul li:first-child {
		margin-left: 0
	}
	.header-navigation ul li a {
		position: relative;
		display: block;
		padding-bottom: 13px;
		color: #fff;
		line-height: 1
	}
	.header-navigation ul li a:hover {
		color: #fff100
	}
	.header-navigation ul li a:hover:after {
		bottom: -5px;
		border-color: #fff100
	}
	.header-navigation ul li a:after {
		content: "";
		width: 8px;
		height: 8px;
		margin-left: -3px;
		border-width: 2px 2px 0 0;
		border-color: #fff;
		border-style: solid;
		-moz-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		position: absolute;
		bottom: 0;
		left: 50%;
		-moz-transition: border-color .4s ease-out, border-color .4s ease-out, bottom .2s ease;
		-o-transition: border-color .4s ease-out, border-color .4s ease-out, bottom .2s ease;
		-webkit-transition: border-color .4s ease-out, border-color .4s ease-out, bottom .2s ease;
		transition: border-color .4s ease-out, border-color .4s ease-out, bottom .2s ease
	}
	.header-request {
		width: 320px;
		position: relative
	}
	.header-request:after {
		position: absolute;
		z-index: 3;
		content: "";
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		background: linear-gradient(120deg, #eb96b4 0, #a66ee2 100%);
		background-size: 400% 400%;
		-webkit-transition: opacity .4s ease-out;
		transition: opacity .4s ease-out
	}
	.header-request:hover {
		-webkit-filter: brightness(1.4);
		filter: brightness(1.4)
	}
	.header-request:hover:after {
		opacity: .7;
		-webkit-animation: gradient-animate 2.2s ease infinite;
		animation: gradient-animate 2.2s ease infinite
	}
	.header-request img {
		display: block
	}
	.header-hamburger {
		display: none!important
	}
	.header-fixed {
		position: fixed;
		top: -100px;
		left: 0;
		height: 90px;
		padding-top: 0;
		padding-right: 0;
		background-color: #000;
		-moz-transition: top .4s ease-out;
		-o-transition: top .4s ease-out;
		-webkit-transition: top .4s ease-out;
		transition: top .4s ease-out
	}
	.header-fixed.header-active {
		top: 0
	}
	.header-fixed .header-logo {
		width: 72px;
		height: 63px
	}
	.header-fixed .header-request {
		width: 288px;
		height: 90px
	}
}
@media only screen and (max-width:767px) {
	.alt__header {
		position: fixed;
		z-index: 998!important;
		height: 15vw;
		min-width: initial;
		margin-top: 0;
		padding-left: 4vw;
		padding-right: 5.33333vw
	}
	.header-logo {
		width: 16vw;
		position: fixed;
		z-index: 999;
		top: 4vw;
		left: 3.33333vw
	}
	.header-logo a, .header-logo img {
		display: block;
		width: 100%
	}
	.header-navigation {
		position: fixed;
		z-index: 998;
		top: 0;
		left: 0;
		display: block;
		width: 100vw;
		height: 100vh;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-left: 0;
		background: linear-gradient(120deg, rgba(113, 23, 234, .9) 0, rgba(234, 96, 96, .9) 100%);
		opacity: 0;
		pointer-events: none;
		-webkit-transition: opacity .6s ease-out;
		transition: opacity .6s ease-out
	}
	.header-navigation.is-open {
		opacity: .8;
		pointer-events: auto
	}
	.header-navigation ul .nav-item {
		display: block;
		position: relative;
		margin-bottom: 6vw;
		padding-bottom: .5vw;
		font-size: 2.1rem;
		line-height: 1;
		text-align: center
	}
	.header-navigation ul .nav-item a {
		position: relative;
		display: block;
		padding-bottom: 1.3rem;
		color: #fff;
		line-height: 1
	}
	.header-navigation ul .nav-item a:after {
		content: "";
		border-color: #fff;
		border-style: solid;
		-moz-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		position: absolute;
		bottom: 0;
		left: 50%;
		bottom: .4vw;
		width: 2.13333vw;
		height: 2.13333vw;
		margin-left: -1.33333vw;
		border-width: .4vw .4vw 0 0;
		box-sizing: content-box
	}
	.header-navigation ul .nav-link {
		margin-top: 10.66667vw
	}
	.header-navigation ul .nav-link a {
		display: block;
		width: 89.33333vw;
		margin: 0 auto
	}
	.header-navigation ul .nav-link img {
		display: block;
		width: 100%
	}
	.header-request {
		position: fixed;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		z-index: 997;
		left: 0;
		bottom: 0;
		width: 100vw;
		height: 24vw;
		margin-left: 0;
		opacity: 0;
		background: linear-gradient(120deg, #7117ea 0, #ea6060 100%);
		-moz-transition: opacity .6s ease;
		-o-transition: opacity .6s ease;
		-webkit-transition: opacity .6s ease;
		transition: opacity .6s ease;
		pointer-events: none
	}
	.header-request.request-active {
		opacity: 1;
		pointer-events: auto
	}
	.header-request img {
		display: block;
		width: 92vw
	}
	body.scroll .header-hamburger {
		position: fixed;
		top: 4.5vw;
	}
	.header-hamburger {
		position: absolute;
		z-index: 9999;
		display: block;
		top: 10%;
		right: 5.33333vw;
		width: 13.33333vw;
		height: 13.33333vw;
		background: linear-gradient(120deg, #7117ea 0, #ea6060 100%);
		-webkit-transition: background .4s ease-out;
		transition: background .4s ease-out
	}
	.header-hamburger>span {
		position: absolute;
		left: 50%;
		display: inline-block;
		width: 8vw;
		height: .53333vw;
		margin-left: -4vw;
		background-color: #fff;
		-webkit-transition: all .4s ease;
		transition: all .4s ease
	}
	.header-hamburger>span:first-of-type {
		top: 3.73333vw
	}
	.header-hamburger>span:nth-of-type(2) {
		top: 6.4vw
	}
	.header-hamburger>span:last-of-type {
		bottom: 4vw
	}
	.header-hamburger.is-open {
		background: 0 0
	}
	.header-hamburger.is-open>span:first-of-type {
		-webkit-transform: translateY(2.53333vw) rotate(45deg);
		transform: translateY(2.53333vw) rotate(45deg)
	}
	.header-hamburger.is-open>span:nth-of-type(2) {
		opacity: 0
	}
	.header-hamburger.is-open>span:last-of-type {
		-webkit-transform: translateY(-2.53333vw) rotate(-45deg);
		transform: translateY(-2.53333vw) rotate(-45deg)
	}
}
footer {
	background-color: #fff
}
footer .footer-copyright {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 500;
	font-style: italic;
	text-align: center
}
@media print, (min-width:768px) {
	footer {
		height: 95px;
		padding: 35px 0
	}
}
@media only screen and (max-width:767px) {
	footer {
		height: 22.66667vw;
		padding: 8vw 0
	}
}
.content>.lead {
	text-align: center
}
.content>.lead.is-lower {
	font-size: 13px;
	font-size: 1.3rem
}
.content>.catch {
	margin-bottom: 10px;
	font-weight: 700;
	text-align: center;
	line-height: 1.33333
}
@media print, (min-width:768px) {
	.content {
		width: 1080px;
		margin-right: auto;
		margin-left: auto
	}
	.content>.lead {
		margin-bottom: 55px;
		font-size: 16px
	}
	.content>.catch {
		font-size: 24px
	}
	.content>.lead+.catch {
		margin-top: -25px
	}
}
@media only screen and (max-width:767px) {
	.content {
		width: auto;
		margin-left: 4vw;
		margin-right: 4vw
	}
	.content>.lead {
		font-size: 1.4rem;
		margin-bottom: 5.33333vw
	}
	.content>.catch {
		font-size: 1.8rem
	}
	.content>.lead+.catch {
		margin-top: -3.33333vw
	}
}
.heading-section {
	text-align: center
}
.heading-section .ruby {
	height: 1.1em;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 500;
	font-style: italic;
	line-height: 1;
	letter-spacing: .025em;
	overflow: hidden
}
.heading-section .ruby span:first-of-type {
	color: #c265e5
}
.heading-section .main {
	position: relative;
	width: 100%;
	color: #fff;
	letter-spacing: .025em;
	line-height: 1;
	overflow: hidden;
	vertical-align: top;
	background-color: #000;
	-webkit-transition: background-color .1s;
	transition: background-color .1s;
	-webkit-transition-delay: 1.6s;
	transition-delay: 1.6s
}
.heading-section .main:before {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background-color: #fff100;
	-webkit-transform: translateX(-101%);
	transform: translateX(-101%)
}
.heading-section.heading-primary .ruby span:first-of-type {
	color: #fff100
}
@media print, (min-width:768px) {
	.heading-section {
		margin-bottom: 40px
	}
	.heading-section .ruby {
		margin-bottom: 5px;
		font-size: 40px
	}
	.heading-section .main {
		font-size: 32px
	}
}
@media only screen and (max-width:767px) {
	.heading-section {
		margin-bottom: 8vw
	}
	.heading-section .ruby {
		margin-bottom: 1.33333vw;
		font-size: 3.4rem
	}
	.heading-section .main {
		font-size: 2.6rem
	}
}
.heading-maker {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 500;
	font-style: italic;
	line-height: 1;
	text-align: center
}
.heading-maker .main {
	position: relative;
	display: inline-block;
	vertical-align: top
}
.heading-maker .main:before {
	position: absolute;
	content: "";
	top: .1em;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff100
}
.heading-maker .main span {
	position: relative;
	z-index: 1
}
@media print, (min-width:768px) {
	.heading-maker {
		margin-bottom: 15px;
		font-size: 60px;
		font-size: 6rem
	}
}
@media only screen and (max-width:767px) {
	.heading-maker {
		font-size: 4rem;
		margin-bottom: 4vw
	}
}
.bg-gray {
	position: relative
}
.bg-gray .fm-border {
	border-color: #dedede
}
.bg-gray:before {
	background-color: #eee;
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	mix-blend-mode: multiply
}
.bg-gray>* {
	position: relative;
	z-index: 2
}
.bg-light {
	position: relative
}
.bg-light .fm-border {
	border-color: #eee
}
.bg-light:before {
	background-color: #f7f7f7;
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.bg-light>* {
	position: relative;
	z-index: 2
}
.section-firstview {
	height: 100vh;
	position: relative;
	overflow: hidden
}
.section-firstview .firstview-overlay {
	width: 100%;
	height: 100vh;
	mix-blend-mode: multiply;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none
}
.section-firstview .firstview-overlay .overlay-wrap {
	position: absolute;
	top: 0;
	left: 0;
	opacity: .6;
	width: 100%;
	height: 100vh;
	background-color: #fff;
	overflow: hidden
}
.section-firstview .firstview-overlay .overlay-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: -webkit-gradient(linear, right top, left top, from(#ea6060), to(#7117ea));
	background: linear-gradient(270deg, #ea6060 0, #7117ea 100%);
	opacity: 1
}
.section-firstview .firstview-visual {
	height: 100vh;
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-size: cover
}
.section-firstview .firstview-copy {
	position: absolute;
	top: 50%;
	z-index: 1;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.section-firstview .firstview-catch {
	position: absolute;
	z-index: 0;
	top: 50%;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.section-firstview .firstview-catch .circle-wrap {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}
.section-firstview .firstview-catch .circle {
	fill: transparent;
	stroke: #fff100;
	stroke-dasharray: 560 562;
	stroke-dashoffset: 0
}
.section-firstview .firstview-scroll {
	position: absolute;
	z-index: 997;
	left: 0;
	bottom: -50px;
	width: 100%;
	height: 120px
}
.section-firstview .firstview-scroll .text {
	color: #fff;
	font-size: 1.6rem;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 400;
	font-style: italic;
	letter-spacing: .05em;
	text-align: center;
	line-height: 1
}
.section-firstview .firstview-scroll .bar {
	position: absolute;
	left: 50%;
	bottom: 0;
	overflow: hidden;
	background-color: #ea6060
}
.section-firstview .firstview-scroll .bar:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	background-color: #7117ea;
	-webkit-animation: scroll 2s cubic-bezier(.165, .84, .44, 1) infinite;
	animation: scroll 2s cubic-bezier(.165, .84, .44, 1) infinite
}
@-moz-keyframes scroll {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%)
	}
	90% {
		-webkit-transform: translateY(200%);
		transform: translateY(200%)
	}
	100% {
		-webkit-transform: translateY(200%);
		transform: translateY(200%)
	}
}
@-webkit-keyframes scroll {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%)
	}
	90% {
		-webkit-transform: translateY(200%);
		transform: translateY(200%)
	}
	100% {
		-webkit-transform: translateY(200%);
		transform: translateY(200%)
	}
}
@keyframes scroll {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%)
	}
	90% {
		-webkit-transform: translateY(200%);
		transform: translateY(200%)
	}
	100% {
		-webkit-transform: translateY(200%);
		transform: translateY(200%)
	}
}
@media print, (min-width:768px) {
	.section-firstview .firstview-visual {
		background-image: url(../images/top/firstview_bg.jpg)
	}
	.section-firstview .firstview-copy {
		left: 50%;
		width: 740px;
		height: 138px;
		margin-top: -86px;
		margin-left: -370px
	}
	.section-firstview .firstview-catch {
		left: 50%;
		margin-top: -195px;
		margin-left: -495px;
		width: 179px;
		height: 179px
	}
	.section-firstview .firstview-catch .circle-wrap {
		width: 179px;
		height: 179px
	}
	.section-firstview .firstview-catch .circle {
		stroke-width: 1px
	}
	.section-firstview .firstview-scroll {
		left: 0;
		bottom: -50px;
		width: 100%;
		height: 120px
	}
	.section-firstview .firstview-scroll .text {
		margin-bottom: 10px
	}
	.section-firstview .firstview-scroll .bar {
		width: 1px;
		height: 100px
	}
	.section-firstview .firstview-scroll .bar:before {
		width: 1px;
		height: 50px
	}
}
@media only screen and (max-width:767px) {
	.section-firstview .firstview-visual {
		background-image: url(../images/top/sp/firstview_bg.jpg)
	}
	.section-firstview .firstview-copy {
		left: 0;
		width: 100vw;
		height: 34.13333vw;
		margin-top: -8vw;
		margin-left: 0
	}
	.section-firstview .firstview-copy .copy {
		width: 95.73333vw
	}
	.section-firstview .firstview-copy .copy img {
		width: 100%
	}
	.section-firstview .firstview-catch {
		left: 2vw;
		margin-top: -28vw;
		margin-left: 0;
		width: 26.66667vw;
		height: 26.66667vw
	}
	.section-firstview .firstview-catch .circle-wrap {
		width: 26.66667vw;
		height: 26.66667vw
	}
	.section-firstview .firstview-catch .circle-wrap .circle {
		stroke-width: .26667vw
	}
	.section-firstview .firstview-catch .text {
		width: 24.93333vw
	}
	.section-firstview .firstview-catch .text img {
		width: 100%;
		height: auto
	}
	.section-firstview .firstview-scroll {
		bottom: -6.66667vw;
		height: 20vw
	}
	.section-firstview .firstview-scroll .text {
		margin-bottom: 1.33333vw;
		font-size: 1.4rem
	}
	.section-firstview .firstview-scroll .bar {
		width: .26667vw;
		height: 13.33333vw
	}
	.section-firstview .firstview-scroll .bar:before {
		width: .26667vw;
		height: 6.66667vw
	}
}
.section-conversion {
	position: relative;
	z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	background-image: url(../images/top/conversion_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-color: #fff
}
.section-conversion:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(120deg, #7117ea 0, #ea6060 100%);
	background-size: 400% 400%;
	-webkit-animation: gradient-animate 8s ease infinite;
	animation: gradient-animate 8s ease infinite;
	opacity: .4
}
.section-conversion .conversion-button {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.section-conversion .conversion-button:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 8px solid #fff100;
	pointer-events: none;
	-webkit-transition: border-width .4s cubic-bezier(.23, 1, .32, 1);
	transition: border-width .4s cubic-bezier(.23, 1, .32, 1)
}
.section-conversion .check-text {
	position: absolute;
	z-index: 1;
	fill: transparent;
	stroke: #ed74da;
	stroke-width: .5;
	-webkit-transform: rotate(-15deg);
	transform: rotate(-15deg)
}
.section-conversion .check-text .check {
	fill: #ed74da;
	stroke-width: 0;
	-webkit-animation: draw 1.6s cubic-bezier(.86, 0, .07, 1) forwards;
	animation: draw 1.6s cubic-bezier(.86, 0, .07, 1) forwards;
	-webkit-transition: fill .4s ease-out 1.2s, stroke-width .4s ease-out 1.2s;
	transition: fill .4s ease-out 1.2s, stroke-width .4s ease-out 1.2s
}
.section-conversion .check-text .check.check1 {
	stroke-dasharray: 196 198;
	stroke-dashoffset: 197
}
.section-conversion .check-text .check.check2 {
	stroke-dasharray: 296 298;
	stroke-dashoffset: 297
}
.section-conversion .check-text .check.check3 {
	stroke-dasharray: 111 113;
	stroke-dashoffset: 112
}
.section-conversion .check-text .check.check4 {
	stroke-dasharray: 88 90;
	stroke-dashoffset: 89
}
.section-conversion .check-text .check.check5 {
	stroke-dasharray: 331 333;
	stroke-dashoffset: 332
}
.section-conversion .check-text .check.check6, .section-conversion .check-text .check.check7 {
	stroke-dasharray: 118 120;
	stroke-dashoffset: 119
}
.section-conversion .ph {
	position: absolute;
	top: 50%
}
.section-conversion .lead {
	margin-bottom: 15px;
	color: #fff100;
	font-size: 2.8rem;
	letter-spacing: .1em;
	text-align: center;
	line-height: 1
}
.section-conversion .label {
	color: #fff100;
	font-size: 4.8rem;
	font-weight: 700;
	line-height: 1
}
.section-conversion .line {
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	background-color: #000;
	text-align: center;
	letter-spacing: .1em
}
.section-conversion .line .icon-line {
	fill: #fff
}
@-webkit-keyframes gradient-animate {
	0% {
		background-position: 0 50%
	}
	50% {
		background-position: 100% 51%
	}
	100% {
		background-position: 0 50%
	}
}
@keyframes gradient-animate {
	0% {
		background-position: 0 50%
	}
	50% {
		background-position: 100% 51%
	}
	100% {
		background-position: 0 50%
	}
}
@media print, (min-width:768px) {
	.section-conversion {
		height: 400px
	}
	.section-conversion .conversion-button {
		width: 900px;
		height: 240px;
		padding-right: 125px;
		padding-left: 270px
	}
	.section-conversion .conversion-button:hover:before {
		border-width: 18px
	}
	.section-conversion .check-text {
		top: -30px;
		left: 50%;
		width: 190px;
		height: 76px;
		margin-left: -470px
	}
	.section-conversion .ph {
		left: 125px;
		margin-top: -69.5px
	}
	.section-conversion .line {
		height: 30px;
		margin-top: 13px;
		font-size: 1.8rem
	}
	.section-conversion .line .icon-line {
		width: 20px;
		height: 20px;
		margin-right: 10px
	}
}
@media only screen and (max-width:767px) {
	.section-conversion {
		height: 53.33333vw
	}
	.section-conversion .conversion-button {
		width: 90%;
		height: 37.33333vw;
		padding-right: 5vw;
		padding-left: 5vw
	}
	.section-conversion .conversion-button:before {
		border-width: 2.13333vw
	}
	.section-conversion .conversion-button:hover:before {
		border-width: 18px
	}
	.section-conversion .check-text {
		top: -2.3vw;
		left: -3.6vw;
		width: 25.33333vw;
		height: 10.13333vw;
		margin-left: 0
	}
	.section-conversion .ph {
		left: 5vw;
		width: 14.66667vw;
		height: 20.38667vw;
		margin-top: -10.19333vw
	}
	.section-conversion .lead {
		margin-bottom: 1.33333vw;
		padding-left: 18vw;
		font-size: 1.4rem
	}
	.section-conversion .label {
		padding-left: 18vw;
		font-size: 2.2rem;
		text-align: center
	}
	.section-conversion .line {
		height: 5.33333vw;
		margin-top: 1.06667vw;
		margin-left: 18vw;
		font-size: 1.2rem
	}
	.section-conversion .line .icon-line {
		width: 3.73333vw;
		height: 3.73333vw;
		margin-right: 1.33333vw
	}
}
@media print, (min-width:768px) {
	.section-job {
		padding-top: 130px;
		padding-bottom: 130px
	}
}
@media only screen and (max-width:767px) {
	.section-job {
		padding-top: 17.33333vw;
		padding-bottom: 21.33333vw
	}
}
.job-content {
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative
}
.job-content:after {
	content: "";
	display: block
}
@media print, (min-width:768px) {
	.job-content:after {
		width: 340px
	}
}
@media only screen and (max-width:767px) {
	.job-content:after {
		width: 50%
	}
}
.job-item {
	position: relative
}
.job-item .title {
	position: relative;
	z-index: 1;
	display: inline-block;
	color: #fff;
	background-color: #000;
	line-height: 1;
	vertical-align: top
}
@media print, (min-width:768px) {
	.job-item {
		width: 340px;
		margin-bottom: 25px
	}
	.job-item:nth-of-type(2), .job-item:nth-of-type(5), .job-item:nth-of-type(8) {
		top: 20px
	}
	.job-item:nth-of-type(3), .job-item:nth-of-type(6) {
		top: 40px
	}
	.job-item .title {
		margin-left: -10px;
		padding: 3px;
		font-size: 16px;
		font-size: 1.6rem
	}
	.job-item .ph {
		margin-top: -10px
	}
	.job-item .lead {
		margin-top: 15px
	}
}
@media only screen and (max-width:767px) {
	.job-item {
		width: 50%;
		margin-bottom: 5.33333vw
	}
	.job-item:nth-of-type(2n) {
		top: 4vw
	}
	.job-item .title {
		margin-left: -2.66667vw;
		padding: .8vw;
		font-size: 14px;
		font-size: 1.4rem
	}
	.job-item .ph {
		margin-top: -2.66667vw
	}
	.job-item .ph img {
		width: 100%;
		height: auto
	}
	.job-item .lead {
		margin-top: 2.66667vw;
		padding-right: 2vw;
		padding-left: 2vw;
		font-size: 13px;
		font-size: 1.3rem
	}
}
.section-job-employment {
	position: relative
}
.section-job-employment .heading-section {
	position: relative;
	text-align: right;
	z-index: 3
}
.section-job-employment .heading-section .ruby span:first-of-type {
	color: #ed74da
}
.section-job-employment .heading-section .main {
	display: inline-block;
	width: auto;
	line-height: 1.16667
}
@media print, (min-width:768px) {
	.section-job-employment {
		margin-top: 80px
	}
	.section-job-employment .heading-section {
		padding-top: 27px
	}
	.section-job-employment .heading-section .main {
		padding-right: calc((100vw - 1080px)/ 2)
	}
}
@media only screen and (max-width:767px) {
	.section-job-employment {
		margin-top: 13.33333vw
	}
	.section-job-employment .heading-section {
		margin-bottom: 26.66667vw;
		padding-top: 0
	}
	.section-job-employment .heading-section .ruby span:first-of-type {
		color: #ed74da
	}
}
.employment-content .employment-image {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden
}
.employment-content .employment-image img {
	display: block;
	width: 100%
}
.employment-content .employment-support {
	margin-right: 0;
	margin-left: auto;
	position: relative;
	z-index: 3
}
.employment-content .employment-support .lead {
	color: #fff;
	text-align: center;
	line-height: 1.6
}
.employment-content .employment-support .employment-support-certification {
	margin-top: 35px;
	text-align: center
}
.employment-content .employment-support .employment-support-certification .catch {
	display: inline-block;
	font-weight: 700;
	line-height: 1
}
.employment-content .employment-support .employment-support-certification .list {
	line-height: 1.8125
}
.employment-support-result {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-right: auto;
	margin-left: auto
}
.employment-support-result .and {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	margin-top: -36px;
	margin-left: -24px
}
.employment-support-result .result-item {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: #fff;
	border-radius: 50%
}
.employment-support-result .result-item .icon-wrap {
	position: relative;
	margin-right: auto;
	margin-left: auto
}
.employment-support-result .result-item .icon-wrap.icon-hope>.icon {
	width: 100px;
	height: 100px
}
.employment-support-result .result-item .icon-wrap.icon-hairmake>.icon {
	width: 100px;
	height: 84px
}
.employment-support-result .result-item .icon-wrap>.icon {
	fill: url(#g1);
	opacity: .6
}
.employment-support-result .result-item .label {
	text-align: center;
	line-height: 1
}
.employment-support-result .result-item .slot-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative
}
.employment-support-result .result-item .slot-wrap .slot-wrap-item {
	overflow: hidden
}
.employment-support-result .result-item .slot-wrap .slot-wrap-item.dot {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 500;
	font-style: italic
}
.employment-support-result .result-item .slot-wrap .slot-wrap-item .numbers {
	margin-top: -15px;
	height: 1em;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 500;
	font-style: italic;
	line-height: 1;
	text-align: center
}
.employment-support-result .result-item .slot-wrap .slot-unit {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 500;
	font-style: italic;
	line-height: 1
}
.employment-support-result .result-item .circle-wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	pointer-events: none
}
.employment-support-result .result-item .circle-wrap .circle {
	fill: transparent;
	stroke: #ed74da;
	stroke-width: 1px;
	stroke-dasharray: 560 562;
	stroke-dashoffset: 561;
	stroke-dashoffset: 0
}
@media print, (min-width:768px) {
	.employment-content .employment-image {
		width: 64vw;
		height: 606px;
		min-width: 908px
	}
	.employment-content .employment-support {
		width: 61.4vw;
		min-width: 860px;
		padding-top: 35px;
		padding-bottom: 0
	}
	.employment-content .employment-support .lead {
		margin-bottom: 15px;
		font-size: 20px;
		font-size: 2rem
	}
	.employment-content .employment-support .employment-support-certification {
		margin-top: 35px
	}
	.employment-content .employment-support .employment-support-certification .catch {
		margin-bottom: 15px;
		padding: 10px 15px;
		font-size: 24px;
		font-size: 2.4rem;
		border: 4px solid #000
	}
	.employment-content .employment-support .employment-support-certification .list {
		font-size: 16px;
		font-size: 1.6rem
	}
	.employment-support-result {
		width: 580px
	}
	.employment-support-result .result-item {
		width: 280px;
		height: 280px
	}
	.employment-support-result .result-item .label {
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 16px;
		font-size: 1.6rem
	}
	.employment-support-result .result-item .slot-wrap .slot-wrap-item {
		height: 58px
	}
	.employment-support-result .result-item .slot-wrap .slot-wrap-item.dot {
		font-size: 80px;
		font-size: 8rem;
		line-height: 48px
	}
	.employment-support-result .result-item .slot-wrap .slot-wrap-item .numbers {
		width: 35px;
		font-size: 80px;
		font-size: 8rem
	}
	.employment-support-result .result-item .slot-wrap .slot-unit {
		font-size: 24px;
		font-size: 2.4rem
	}
	.employment-support-result .result-item .icon-wrap {
		width: 100px;
		height: 100px
	}
	.employment-support-result .result-item .icon-wrap.icon-hope>.icon {
		width: 100px;
		height: 100px
	}
	.employment-support-result .result-item .icon-wrap.icon-hairmake>.icon {
		width: 100px;
		height: 84px
	}
	.employment-support-result .result-item .circle-wrap {
		width: 270px;
		height: 270px;
		margin-top: -135px;
		margin-left: -135px
	}
}
@media only screen and (max-width:767px) {
	.employment-content .employment-image {
		width: 96vw;
		height: 64vw;
		min-width: initial;
		margin-top: 17.33333vw
	}
	.employment-content .employment-support {
		width: 96vw;
		min-width: initial;
		padding-top: 4vw;
		padding-bottom: 0
	}
	.employment-content .employment-support .lead {
		margin-bottom: 4vw;
		font-size: 15px;
		font-size: 1.5rem
	}
	.employment-content .employment-support .employment-support-certification {
		margin-top: 4vw
	}
	.employment-content .employment-support .employment-support-certification .catch {
		margin-bottom: 4vw;
		padding: 2vw 4vw;
		font-size: 20px;
		font-size: 2rem;
		border: 1.06667vw solid #000;
		line-height: 1.6
	}
	.employment-content .employment-support .employment-support-certification .list {
		font-size: 12px;
		font-size: 1.2rem
	}
	.employment-support-result {
		width: 88%
	}
	.employment-support-result .result-item {
		width: 40vw;
		height: 40vw
	}
	.employment-support-result .result-item .label {
		margin-top: 1.33333vw;
		margin-bottom: 1.33333vw;
		font-size: 11px;
		font-size: 1.1rem
	}
	.employment-support-result .result-item .slot-wrap .slot-wrap-item {
		height: 9.7vw
	}
	.employment-support-result .result-item .slot-wrap .slot-wrap-item.dot {
		font-size: 50px;
		font-size: 5rem;
		line-height: 9vw
	}
	.employment-support-result .result-item .slot-wrap .slot-wrap-item .numbers {
		margin-top: -2.5vw;
		width: 2.2rem;
		font-size: 50px;
		font-size: 5rem
	}
	.employment-support-result .result-item .slot-wrap .slot-unit {
		font-size: 20px;
		font-size: 2rem
	}
	.employment-support-result .result-item .icon-wrap {
		width: 14.66667vw;
		height: 14.66667vw
	}
	.employment-support-result .result-item .icon-wrap.icon-hope>.icon {
		width: 14.66667vw;
		height: 14.66667vw
	}
	.employment-support-result .result-item .icon-wrap.icon-hairmake>.icon {
		width: 14.66667vw;
		height: 12.32vw
	}
	.employment-support-result .result-item .circle-wrap {
		width: 38.66667vw;
		height: 38.66667vw;
		margin-top: -19.33333vw;
		margin-left: -19.33333vw
	}
}
.employment-bg {
	position: absolute;
	z-index: 2;
	right: 0;
	background-color: rgba(237, 116, 218, .9);
	mix-blend-mode: multiply
}
@media print, (min-width:768px) {
	.employment-bg {
		top: 205px;
		width: 61.4vw;
		min-width: 860px;
		height: 580px
	}
}
@media only screen and (max-width:767px) {
	.employment-bg {
		top: 54vw;
		width: 96vw;
		min-width: initial;
		height: 104vw
	}
}
@media print, (min-width:768px) {
	.section-job-alumnus {
		margin-top: 130px
	}
}
@media only screen and (max-width:767px) {
	.section-job-alumnus {
		margin-top: 20vw
	}
}
@media print, (min-width:768px) {
	.section-course {
		padding-top: 80px;
		padding-bottom: 150px
	}
}
@media only screen and (max-width:767px) {
	.section-course {
		padding-top: 20vw;
		padding-bottom: 20vw;
		overflow: hidden
	}
}
@media print, (min-width:768px) {
	.course-system {
		margin-top: 60px
	}
	.course-system+.course-system {
		margin-top: 100px
	}
}
@media only screen and (max-width:767px) {
	.course-system {
		margin-top: 13.33333vw
	}
	.course-system+.course-system {
		margin-top: 13.33333vw
	}
}
.system-block {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-top: 40px
}
.system-block::before {
	position: absolute;
	z-index: -1;
	top: 0;
	content: "";
	width: 77vw;
	min-width: 1080px;
	height: 460px
}
.system-block.left .system-block-detail>.head-wrap>.period {
	color: #fff
}
.system-block.left .system-block-detail>.head-wrap::before {
	left: -115px
}
.system-block.right .system-block-detail>.head-wrap::before {
	right: -115px
}
.system-block.block1::before {
	left: calc((100vw - 1080px)/ -2);
	background-color: #ed74da
}
.system-block.block2::before {
	right: calc((100vw - 1080px)/ -2);
	background-color: #c265e5
}
.system-block.block3::before {
	left: calc((100vw - 1080px)/ -2);
	height: 930px;
	background-color: #fff100
}
.system-block.block3>.ph::before {
	background-color: #ed74da
}
.system-block.block4::before {
	display: none
}
.system-block.block4>.ph::before {
	background-color: #c265e5
}
.system-block>.ph {
	width: 540px;
	height: 460px
}
@media screen and (max-width:1080px) {
	.system-block.block1::before {
		left: 0
	}
	.system-block.block2::before {
		right: 0
	}
	.system-block.block3::before {
		left: 0
	}
}
@media only screen and (max-width:767px) {
	.system-block {
		padding-top: 0
	}
	.system-block::before {
		width: 80vw;
		min-width: initial;
		height: 124vw
	}
	.system-block .system-block-detail>.head-wrap::before {
		width: 95vw
	}
	.system-block.left>.ph {
		margin-left: -4vw
	}
	.system-block.left .system-block-detail>.head-wrap>.period {
		color: #000
	}
	.system-block.left .system-block-detail>.head-wrap::before {
		left: -15vw
	}
	.system-block.right .system-block-detail>.head-wrap::before {
		right: -15vw
	}
	.system-block.block1::before {
		left: -4vw
	}
	.system-block.block2::before {
		right: -4vw
	}
	.system-block.block2>.ph {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}
	.system-block.block2 .system-block-detail {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2
	}
	.system-block.block3 {
		margin-bottom: 5.33333vw
	}
	.system-block.block3::before {
		left: -4vw
	}
	.system-block>.ph {
		width: 86.4vw;
		height: 73.6vw;
		margin-left: auto;
		margin-right: 0;
		margin-top: 4vw;
		margin-bottom: 2.66667vw
	}
}
.system-block-detail {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-left: 40px
}
.system-block-detail>.head-wrap {
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 15px
}
.system-block-detail>.head-wrap::before {
	position: absolute;
	z-index: 2;
	bottom: 0;
	content: "";
	width: 620px;
	height: 2px;
	background-color: #000
}
.system-block-detail>.head-wrap>.period {
	margin-bottom: 10px;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 500;
	font-style: italic;
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 1
}
.system-block-detail>.head-wrap>.title {
	display: inline-block;
	margin-bottom: 5px;
	padding: 3px;
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	background-color: #000;
	line-height: 1
}
.system-block-detail>.head-wrap>.label {
	font-size: 60px;
	font-size: 6rem;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 500;
	font-style: italic;
	line-height: 1
}
.system-block-detail>.head-wrap>.label>.sub {
	padding-left: 27px;
	font-size: 30px;
	font-size: 3rem
}
.system-block-detail>.lead {
	margin-bottom: 20px
}
.system-block-detail>.point {
	font-weight: 700
}
.system-block-detail>.point+.point {
	margin-top: 20px
}
@media only screen and (max-width:767px) {
	.system-block-detail {
		margin-left: 10.66667vw
	}
	.system-block-detail>.head-wrap::before {
		height: .53333vw
	}
	.system-block-detail>.head-wrap>.period {
		font-size: 20px;
		font-size: 2rem;
		margin-bottom: 2.66667vw
	}
	.system-block-detail>.head-wrap>.title {
		margin-bottom: 1.33333vw;
		padding: .8vw;
		font-size: 14px;
		font-size: 1.4rem
	}
	.system-block-detail>.head-wrap>.label {
		font-size: 50px;
		font-size: 5rem
	}
	.system-block-detail>.head-wrap>.label>.sub {
		font-size: 25px;
		font-size: 2.5rem
	}
	.system-block-detail>.lead {
		margin-bottom: 2.66667vw
	}
	.system-block-detail>.point+.point {
		margin-top: 2.66667vw
	}
}
.section-pickup {
	background-color: #eee
}
@media print, (min-width:768px) {
	.section-pickup {
		padding-top: 80px
	}
	.section-pickup .fm-border {
		border-color: #dedede
	}
}
@media only screen and (max-width:767px) {
	.section-pickup {
		padding-top: 20vw
	}
}
.section-pickup-campus {
	background-color: #fff
}
@media print, (min-width:768px) {
	.section-pickup-campus {
		padding-top: 60px;
		padding-bottom: 60px;
		position: relative
	}
	.section-pickup-campus .fm-border {
		border-color: #eee
	}
	.section-pickup-campus>.content {
		position: relative
	}
}
@media only screen and (max-width:767px) {
	.section-pickup-campus {
		padding-top: 20vw;
		padding-bottom: 20vw
	}
}
.campus-item {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between
}
.campus-item:not(:nth-child(1)) {
	margin-top: 60px
}
@media only screen and (max-width:767px) {
	.campus-item {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.campus-item:not(:nth-child(1)) {
		margin-top: 13.33333vw
	}
}
.campus-item-image img {
	display: block;
	max-width: 100%
}
@media print, (min-width:768px) {
	.campus-item-image {
		width: 540px
	}
}
@media only screen and (max-width:767px) {
	.campus-item-image {
		width: 100%
	}
}
.campus-item-detail {
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}
@media print, (min-width:768px) {
	.campus-item:nth-child(even) .campus-item-image {
		order: 2
	}
	.campus-item:nth-child(even) .campus-item-detail {
		order: 1
	}
	.campus-item:nth-child(even) .campus-item-detail .title-head:before {
		right: auto;
		left: 0
	}
}
.campus-item-detail .title-head {
	position: relative
}
.campus-item-detail .title-head:before {
	content: "";
	position: absolute;
	z-index: 2;
	bottom: 0;
	right: 0;
	width: 620px;
	height: 2px;
	background-color: #000
}
.campus-item-detail .title-head .loc {
	display: inline-block;
	color: #fff;
	background-color: #000;
	line-height: 1
}
.campus-item-detail .title-head .area {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 500;
	font-style: italic;
	line-height: 1
}
.campus-item-detail .title-head .name {
	margin-bottom: 5px;
	font-weight: 700;
	line-height: 1
}
.campus-item-detail .title-head .addr {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5
}
.campus-item-detail .catch {
	font-weight: 700;
	line-height: 1
}
.campus-item-detail .thumbnail-wrap {
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: auto;
	margin-bottom: 0
}
@media print, (min-width:768px) {
	.campus-item-detail {
		width: 500px
	}
	.campus-item-detail .title-head {
		margin-bottom: 20px;
		padding-bottom: 20px
	}
	.campus-item-detail .title-head .loc {
		padding: 3px;
		font-size: 16px;
		font-size: 1.6rem
	}
	.campus-item-detail .title-head .area {
		margin-bottom: 15px;
		font-size: 60px;
		font-size: 6rem
	}
	.campus-item-detail .catch {
		margin-bottom: 10px;
		font-size: 24px;
		font-size: 2.4rem
	}
	.campus-item-detail .catch.ltsm {
		letter-spacing: -.01em
	}
}
@media only screen and (max-width:767px) {
	.campus-item-detail {
		width: auto
	}
	.campus-item-detail .title-head {
		margin-top: -10.66667vw;
		margin-bottom: 3.33333vw;
		padding-bottom: 2vw;
		padding-left: 2.66667vw;
		padding-right: 2.66667vw;
		z-index: 2
	}
	.campus-item-detail .title-head:before {
		width: 100%;
		height: .53333vw;
		right: -4vw
	}
	.campus-item-detail .title-head .loc {
		padding: .8vw;
		font-size: 1.4rem
	}
	.campus-item-detail .title-head .area {
		margin-bottom: 2vw;
		font-size: 5rem
	}
	.campus-item-detail .catch {
		margin-bottom: 1.33333vw;
		padding-left: 2.66667vw;
		padding-right: 2.66667vw;
		font-size: 2rem
	}
	.campus-item-detail .lead {
		padding-left: 2.66667vw;
		padding-right: 2.66667vw
	}
	.campus-item-detail .thumbnail-wrap {
		margin-top: 2.66667vw
	}
	.campus-item-detail .thumbnail-wrap .thumbnail-image {
		width: 48%
	}
}
@media print, (min-width:768px) {
	.section-pickup-tour {
		padding-bottom: 60px
	}
}
@media only screen and (max-width:767px) {
	.section-pickup-tour {
		padding-bottom: 20vw
	}
}
.tour-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
	z-index: 10px
}
.tour-row:last-of-type {
	margin-bottom: 0
}
@media print, (min-width:768px) {
	.tour-row {
		margin-bottom: 10px
	}
}
@media only screen and (max-width:767px) {
	.tour-row {
		margin-bottom: 0
	}
	.tour-row.-korea .tour-row-item:nth-of-type(1) {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2
	}
	.tour-row.-korea .tour-row-item:nth-of-type(2) {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}
}
.tour-row-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-line-pack: justify;
	align-content: space-between;
	width: 535px
}
.tour-row-item>.tour-ph::before {
	background-color: #ed74da
}
.tour-row-item>.tour-ph:nth-of-type(2)::before {
	background-color: #c265e5
}
@media only screen and (max-width:767px) {
	.tour-row-item {
		display: block;
		width: 100%;
		margin-top: 1.33333vw
	}
}
.tour-box {
	padding: 20px 30px;
	border: 4px solid #000;
	background-color: #fff
}
.tour-box>.title-head {
	margin-bottom: 5px;
	line-height: 1
}
.tour-box>.title-head>.main {
	margin-right: 15px;
	font-size: 50px;
	font-size: 5rem;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 500;
	font-style: italic
}
.tour-box>.title-head>.sub {
	font-size: 12px;
	font-size: 1.2rem
}
@media only screen and (max-width:767px) {
	.tour-box {
		padding: 4vw 5.33333vw;
		margin-bottom: 1.33333vw;
		border-width: 1.06667vw
	}
	.tour-box>.title-head {
		margin-bottom: 1.33333vw
	}
	.tour-box>.title-head>.main {
		margin-right: 2vw;
		font-size: 40px;
		font-size: 4rem
	}
}
.section-pickup-channel {
	background-color: #fff
}
@media print, (min-width:768px) {
	.section-pickup-channel {
		position: relative;
		padding-top: 60px;
		padding-bottom: 60px
	}
	.section-pickup-channel .fm-border {
		border-color: #eee
	}
	.section-pickup-channel .content>* {
		position: relative
	}
}
@media only screen and (max-width:767px) {
	.section-pickup-channel {
		padding-top: 20vw;
		padding-bottom: 20vw
	}
}
.channel-lead {
	margin-bottom: 30px
}
.channel-lead>.logo {
	width: 400px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto
}
.channel-lead>.logo>img {
	width: 100%;
	height: auto
}
.channel-lead>.body {
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center
}
@media only screen and (max-width:767px) {
	.channel-lead {
		margin-bottom: 5.33333vw
	}
	.channel-lead>.logo {
		width: 66.66667vw;
		margin-bottom: 2vw
	}
	.channel-lead>.body {
		font-size: 14px;
		font-size: 1.4rem;
		text-align: left
	}
}
.channel-points {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 40px
}
.channel-points>.points-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 300px;
	height: 300px;
	background-color: #eee;
	border-radius: 50%
}
.channel-points>.points-item:nth-of-type(2) {
	margin-left: 10px;
	margin-right: 10px
}
.channel-points>.points-item>.catch {
	color: #c265e5;
	font-size: 42px;
	font-size: 4.2rem;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 500;
	font-style: italic;
	line-height: 1;
	text-align: center
}
.channel-points>.points-item>.icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 75px;
	margin-top: 15px;
	margin-bottom: 15px
}
.channel-points>.points-item>.icon>.icon-time {
	width: 70px;
	height: 73px
}
.channel-points>.points-item>.icon>.icon-book {
	width: 70px;
	height: 61px
}
.channel-points>.points-item>.icon>.icon-device {
	width: 100px;
	height: 65px
}
.channel-points>.points-item>.icon>[class^=icon-] {
	fill: #000
}
.channel-points>.points-item>.detail {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.5
}
@media only screen and (max-width:767px) {
	.channel-points {
		margin-bottom: 5.33333vw
	}
	.channel-points>.points-item {
		width: 44.66667vw;
		height: 44.66667vw
	}
	.channel-points>.points-item:nth-of-type(2) {
		margin-left: 2.66667vw;
		margin-right: 0
	}
	.channel-points>.points-item>.catch {
		width: 100%;
		font-size: 24px;
		font-size: 2.4rem
	}
	.channel-points>.points-item>.icon {
		margin-top: 2vw;
		margin-bottom: 2vw;
		height: 12vw
	}
	.channel-points>.points-item>.icon>.icon-time {
		width: 11.2vw;
		height: 12vw
	}
	.channel-points>.points-item>.icon>.icon-book {
		width: 11.2vw;
		height: 9.76vw
	}
	.channel-points>.points-item>.icon>.icon-device {
		width: 16vw;
		height: 10.4vw
	}
	.channel-points>.points-item>.detail {
		width: 100%;
		font-size: 10px;
		font-size: 1rem
	}
}
.channel-movie {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 56.25%;
	overflow: hidden
}
.channel-movie>iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
@media print, (min-width:768px) {
	.channel-movie {
		width: 900px;
		height: 608px
	}
}
@media only screen and (max-width:767px) {
	.channel-movie {
		width: 100%;
		height: 51vw
	}
}
.section-pickup-event {
	background-color: #eee
}
@media print, (min-width:768px) {
	.section-pickup-event {
		padding-top: 60px;
		padding-bottom: 50px;
		position: relative
	}
	.section-pickup-event>section {
		position: relative
	}
}
@media only screen and (max-width:767px) {
	.section-pickup-event {
		padding-top: 20vw;
		padding-bottom: 20vw
	}
}
.event-cards {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
@media print, (min-width:768px) {
	.event-cards {
		margin-top: -10px
	}
}
@media only screen and (max-width:767px) {
	.event-cards {
		margin-top: -1.33333vw
	}
}
.event-cards-item {
	background-color: #fff
}
.event-cards-item .head-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.event-cards-item .head-wrap>.icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: 1px solid #ccc;
	border-radius: 50%
}
.event-cards-item .head-wrap>.icon>img {
	height: auto
}
.event-cards-item .head-wrap>.name {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 500;
	font-style: italic;
	line-height: 1
}
.event-cards-item>.detail-wrap>.icons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
@media print, (min-width:768px) {
	.event-cards-item {
		width: 353px;
		height: 473px;
		margin-top: 10px
	}
	.event-cards-item .head-wrap {
		height: 50px;
		padding-right: 10px;
		padding-left: 10px
	}
	.event-cards-item .head-wrap>.icon {
		width: 32px;
		height: 32px;
		margin-right: 10px
	}
	.event-cards-item .head-wrap>.icon>img {
		width: 20px
	}
	.event-cards-item>.ph {
		margin-bottom: 10px
	}
	.event-cards-item>.detail-wrap {
		padding-right: 15px;
		padding-left: 15px
	}
	.event-cards-item>.detail-wrap>.icons>img {
		width: 87px
	}
	.event-cards-item>.detail-wrap>.tags {
		margin-top: 10px;
		font-size: 12px;
		font-size: 1.2rem
	}
}
@media only screen and (max-width:767px) {
	.event-cards-item {
		width: calc(50% - .66667vw);
		height: 76vw;
		margin-top: 1.33333vw
	}
	.event-cards-item .head-wrap {
		height: 13.33333vw;
		padding-right: 2.66667vw;
		padding-left: 2.66667vw
	}
	.event-cards-item .head-wrap>.icon {
		/* width: 8.53333vw;
		height: 8.53333vw;
		margin-right: 1.33333vw;
		border-width: .26667vw */
		width: 12.53333vw;
		height: auto;
		margin-right: 1.33333vw;
		border-width: .26667vw;
		aspect-ratio: 1 / 1;
	}
	.event-cards-item .head-wrap>.icon>img {
		width: 5.33333vw
	}
	.event-cards-item>.ph {
		margin-bottom: 1.33333vw
	}
	.event-cards-item>.ph>img {
		width: 100%
	}
	.event-cards-item>.detail-wrap {
		padding-right: 4vw;
		padding-left: 4vw
	}
	.event-cards-item>.detail-wrap>.icons>img {
		width: 17.4vw
	}
	.event-cards-item>.detail-wrap>.tags {
		margin-top: 1.33333vw;
		font-size: 10px;
		font-size: 1rem;
		line-height: 1.5
	}
}
.calendar-slider-wrap {
	position: relative
}
.calendar-slide {
	outline: 0
}
.calendar-slide>.label {
	font-weight: 700
}
@media print, (min-width:768px) {
	.event-calendar {
		padding-top: 60px
	}
	.calendar-slider {
		margin-left: 5px
	}
	.calendar-slide {
		width: 530px
	}
	.calendar-slide>.ph {
		margin-bottom: 15px
	}
	.calendar-slide>.label {
		margin-bottom: 5px;
		font-size: 18px;
		font-size: 1.8rem
	}
	.calendar-slide>.lead {
		font-size: 14px;
		font-size: 1.4rem
	}
}
@media only screen and (max-width:767px) {
	.event-calendar {
		padding-top: 13.33333vw
	}
	.calendar-slider {
		margin-left: 0
	}
	.calendar-slide {
		width: 100%
	}
	.calendar-slide>.ph {
		margin-bottom: 2vw
	}
	.calendar-slide>.ph>img {
		width: 100%
	}
	.calendar-slide>.label {
		margin-bottom: .66667vw;
		padding-left: 2.66667vw;
		padding-right: 2.66667vw;
		font-size: 16px;
		font-size: 1.6rem
	}
	.calendar-slide>.lead {
		font-size: 12px;
		font-size: 1.2rem;
		padding-left: 2.66667vw;
		padding-right: 2.66667vw
	}
}
.section-features .heading-section .ruby span {
	display: inline-block
}
@media print, (min-width:768px) {
	.section-features {
		padding-top: 80px;
		padding-bottom: 115px
	}
}
@media only screen and (max-width:767px) {
	.section-features {
		padding-top: 13.33333vw;
		padding-bottom: 13.33333vw
	}
}
.features-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.features-nav.pass.afterpass>.nav-item:nth-of-type(2) {
	-webkit-transition-delay: .3s;
	transition-delay: .3s
}
.features-nav.pass.afterpass>.nav-item:nth-of-type(3) {
	-webkit-transition-delay: .6s;
	transition-delay: .6s
}
.features-nav.pass.afterpass>.nav-item:nth-of-type(4) {
	-webkit-transition-delay: .9s;
	transition-delay: .9s
}
.features-nav>.nav-item {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 240px;
	height: 240px;
	padding-bottom: 50px;
	background: #c265e5;
	border-radius: 50%
}
.features-nav>.nav-item::before {
	position: absolute;
	left: 50%;
	bottom: 36px;
	content: "";
	margin-left: -12px;
	width: 24px;
	height: 24px;
	border-width: 2px 2px 0 0;
	border-color: #fff;
	border-style: solid;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	box-sizing: content-box
}
.features-nav>.nav-item>.label {
	display: block;
	position: relative
}
.features-nav>.nav-item>.label::before {
	position: absolute;
	left: 50%;
	bottom: -30px;
	content: "";
	margin-left: -12px;
	width: 24px;
	height: 24px;
	border-width: 2px 2px 0 0;
	border-color: #fff;
	border-style: solid;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	box-sizing: content-box
}
.features-nav>.nav-item::after {
	position: absolute;
	width: 230px;
	height: 230px;
	top: 50%;
	left: 50%;
	margin-top: -115px;
	margin-left: -115px;
	content: "";
	border-radius: 50%;
	border: 1px solid #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.features-nav>.nav-item>.number {
	margin-bottom: 10px;
	color: #fff;
	font-size: 60px;
	font-size: 6rem;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 500;
	font-style: italic;
	text-align: center;
	line-height: 1;
	letter-spacing: .05em
}
.features-nav>.nav-item>.label {
	color: #fff;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.33333;
	font-weight: 700;
	text-align: center
}
@media print, (min-width:768px) {
	.features-nav>.nav-item:hover {
		background: linear-gradient(120deg, #eb96b4 0, #a66ee2 100%);
		background-size: 400% 400%;
		-webkit-animation: gradient-animate 2.2s ease infinite;
		animation: gradient-animate 2.2s ease infinite
	}
}
@media only screen and (max-width:767px) {
	.features-nav {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: -2.66667vw
	}
	.features-nav>.nav-item {
		width: 37.33333vw;
		height: 37.33333vw;
		margin-top: 2.66667vw;
		padding-bottom: 7.66667vw
	}
	.features-nav>.nav-item:nth-of-type(2n) {
		margin-left: 2.66667vw
	}
	.features-nav>.nav-item::before {
		left: 0;
		right: 0;
		margin: auto;
		bottom: 3.66667vw;
		width: 4vw;
		height: 4vw;
		border-width: .4vw .4vw 0 0
	}
	.features-nav>.nav-item>.label::before {
		left: 0;
		right: 0;
		margin: auto;
		bottom: -4.33333vw;
		width: 4vw;
		height: 4vw;
		border-width: .4vw .4vw 0 0
	}
	.features-nav>.nav-item::after {
		width: 36vw;
		height: 36vw;
		margin-top: -18vw;
		margin-left: -18vw;
		border-width: .26667vw
	}
	.features-nav>.nav-item>.number {
		margin-bottom: 1.33333vw;
		font-size: 45px;
		font-size: 4.5rem
	}
	.features-nav>.nav-item>.label {
		font-size: 15px;
		font-size: 1.5rem
	}
}
@media print, (min-width:768px) {
	.teacher-afterpass.afterpass .teacher-item.pass .teacher-item-box:before {
		width: 100%;
		-webkit-transition: width 1s cubic-bezier(.19, 1, .22, 1);
		transition: width 1s cubic-bezier(.19, 1, .22, 1)
	}
	.teacher-afterpass.afterpass .teacher-item.pass .teacher-item-box>* {
		-webkit-transition: opacity .4s ease-out .6s;
		transition: opacity .4s ease-out .6s;
		opacity: 1
	}
}
.teacher-afterpass.afterpass .teacher-item.pass.item2 .teacher-icon-wrap.vantan>.icon {
	-webkit-animation: teacher-icon-vantan1 1.4s steps(4) forwards .8s;
	animation: teacher-icon-vantan1 1.4s steps(4) forwards .8s
}
.teacher-afterpass.afterpass .teacher-item.pass.item2 .teacher-icon-wrap.general>.icon {
	-webkit-animation: teacher-icon-general1 1.4s steps(8) forwards .8s;
	animation: teacher-icon-general1 1.4s steps(8) forwards .8s
}
.teacher-afterpass.afterpass .teacher-item.pass.item2 .teacher-icon-wrap>.result-wrap {
	-webkit-transition-delay: 1.6s;
	transition-delay: 1.6s
}
.teacher-afterpass.afterpass .teacher-item.pass.item1 .teacher-icon-wrap.vantan>.icon>.icon-active {
	height: 100%;
	-webkit-transition: height 1s ease 1s;
	transition: height 1s ease 1s
}
.teacher-afterpass.afterpass .teacher-item.pass.item1 .teacher-icon-wrap.general>.icon>.icon-active {
	height: 20px;
	-webkit-transition: height 1s ease 1s;
	transition: height 1s ease 1s
}
.teacher-afterpass.afterpass .teacher-item.pass.item1 .teacher-icon-wrap>.result-wrap {
	-webkit-transition-delay: 1.2s;
	transition-delay: 1.2s
}
@media only screen and (max-width:767px) {
	.teacher-afterpass.afterpass .teacher-item.pass.item2 .teacher-icon-wrap.vantan>.icon {
		-webkit-animation-name: teacher-icon-vantan1-md;
		animation-name: teacher-icon-vantan1-md;
		-webkit-animation-delay: 0s;
		animation-delay: 0s
	}
	.teacher-afterpass.afterpass .teacher-item.pass.item2 .teacher-icon-wrap.general>.icon {
		-webkit-animation-name: teacher-icon-general1-md;
		animation-name: teacher-icon-general1-md;
		-webkit-animation-delay: 0s;
		animation-delay: 0s
	}
	.teacher-afterpass.afterpass .teacher-item.pass.item1 .teacher-icon-wrap.general>.icon>.icon-active, .teacher-afterpass.afterpass .teacher-item.pass.item1 .teacher-icon-wrap.vantan>.icon>.icon-active, .teacher-afterpass.afterpass .teacher-item.pass.item1 .teacher-icon-wrap>.result-wrap {
		-webkit-transition-delay: .2s;
		transition-delay: .2s
	}
}
.teacher-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.teacher-item.item2 .teacher-item-box {
	padding-left: 40px;
	padding-right: 80px
}
.teacher-item.item2 .teacher-item-box::before {
	background-color: #c880e3
}
.teacher-item.item2 .teacher-item-ph {
	margin-top: 90px;
	margin-left: -40px
}
.teacher-item.item2 .teacher-icon-wrap.vantan>.icon {
	width: 104px;
	height: 80px;
	background-image: url(../images/top/teacher_bg_01.svg);
	background-size: 104px auto
}
.teacher-item.item2 .teacher-icon-wrap.general>.icon {
	width: 184px;
	height: 80px;
	background-image: url(../images/top/teacher_bg_02.svg);
	background-size: 184px auto
}
.teacher-item.item1 {
	margin-bottom: 80px
}
.teacher-item.item1 .teacher-item-box {
	margin-top: 40px;
	padding-right: 40px;
	padding-left: 80px
}
.teacher-item.item1 .teacher-item-box::before {
	left: auto;
	right: 0;
	background-color: #e87dd7
}
.teacher-item.item1 .teacher-item-ph {
	margin-right: -40px
}
.teacher-item.item1 .teacher-icon-wrap {
	position: relative
}
.teacher-item.item1 .teacher-icon-wrap>.icon {
	position: relative;
	width: 92px;
	height: 80px
}
.teacher-item.item1 .teacher-icon-wrap>.icon>.icon-blank>.icon-board {
	width: 92px;
	height: 80px;
	fill: #fff
}
.teacher-item.item1 .teacher-icon-wrap>.icon>.icon-active {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	overflow: hidden
}
.teacher-item.item1 .teacher-icon-wrap>.icon>.icon-active>.icon-board {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 92px;
	height: 80px;
	fill: #fff100
}
@media only screen and (max-width:767px) {
	.teacher-item.item2 {
		margin-left: -4vw
	}
	.teacher-item.item2 .teacher-item-box {
		padding: 6vw
	}
	.teacher-item.item2 .teacher-item-ph {
		margin-top: -4vw;
		margin-left: 4vw;
		margin-right: -3vw
	}
	.teacher-item.item2 .teacher-icon-wrap.vantan>.icon {
		width: 19.41333vw;
		height: 14.93333vw;
		background-size: 19.41333vw auto
	}
	.teacher-item.item2 .teacher-icon-wrap.general>.icon {
		width: 34.34667vw;
		height: 14.93333vw;
		background-size: 34.34667vw auto
	}
	.teacher-item.item1 {
		margin-top: 0;
		margin-right: -4vw;
		margin-bottom: 8vw
	}
	.teacher-item.item1 .teacher-item-box {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		margin-top: 0;
		padding: 6vw
	}
}
.teacher-item-box {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 600px;
	height: 390px
}
.teacher-item-box::before {
	position: absolute;
	z-index: -1;
	content: "";
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	mix-blend-mode: multiply;
	opacity: .9
}
.teacher-item-box>* {
	opacity: 0
}
.teacher-item-box>.title {
	margin-bottom: 15px;
	padding-bottom: 10px;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1;
	border-bottom: 2px solid #000
}
.teacher-item-box>.lead {
	margin-bottom: 15px
}
@media only screen and (max-width:767px) {
	.teacher-item-box {
		display: block;
		width: 100%;
		height: auto
	}
	.teacher-item-box::before {
		width: 100%
	}
	.teacher-item-box>* {
		opacity: 1
	}
	.teacher-item-box>.title {
		margin-bottom: 2.66667vw;
		padding-bottom: 2.66667vw;
		font-size: 20px;
		font-size: 2rem;
		border-bottom-width: .53333vw
	}
	.teacher-item-box>.lead {
		margin-bottom: 4vw
	}
}
.teacher-item-ph {
	position: relative;
	z-index: 1;
	width: 520px;
	height: 340px
}
@media only screen and (max-width:767px) {
	.teacher-item-ph {
		width: 86.4vw;
		height: 56.4vw;
		margin-left: auto;
		margin-right: auto
	}
	.teacher-item.item1 .teacher-item-ph {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		margin-top: -4vw;
		margin-right: 4vw;
		margin-left: auto
	}
}
.teacher-icon-result {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.teacher-icon-wrap {
	position: relative
}
.teacher-icon-wrap.vantan {
	margin-right: 80px
}
.teacher-icon-wrap.vantan::before {
	position: absolute;
	top: 50%;
	right: -40px;
	content: "";
	margin-top: -14px;
	width: 20px;
	height: 20px;
	border-width: 4px 4px 0 0;
	border-color: #fff100;
	border-style: solid;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	box-sizing: content-box
}
.teacher-icon-wrap.vantan>.result-wrap, .teacher-icon-wrap.vantan>.title-head {
	color: #fff100
}
.teacher-icon-wrap>.title-head {
	color: #fff;
	margin-bottom: 10px;
	text-align: center
}
.teacher-icon-wrap>.title-head>.main {
	margin-bottom: 5px;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 500;
	font-style: italic;
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 1
}
.teacher-icon-wrap>.title-head>.ruby {
	line-height: 1;
	text-align: center
}
.teacher-icon-wrap>.result-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	font-weight: 700;
	line-height: 1
}
.teacher-icon-wrap>.result-wrap>.number {
	margin-top: -.2em;
	margin-left: 5px;
	margin-right: 5px;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 500;
	font-style: italic;
	font-size: 42px;
	font-size: 4.2rem
}
.teacher-icon-wrap>.result-wrap>.unit {
	margin-top: auto;
	margin-bottom: 0;
	margin-left: -5px;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 500;
	font-style: italic;
	font-size: 24px;
	font-size: 2.4rem
}
.teacher-icon-wrap>.icon {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	background-repeat: no-repeat;
	overflow: hidden
}
@media only screen and (max-width:767px) {
	.teacher-icon-wrap.vantan {
		margin-right: 10.66667vw
	}
	.teacher-icon-wrap.vantan::before {
		right: -4vw;
		width: 4vw;
		height: 4vw;
		margin-top: -4vw;
		border-width: 1.06667vw 1.06667vw 0 0
	}
	.teacher-icon-wrap>.title-head>.main {
		font-size: 22px;
		font-size: 2.2rem;
		margin: 1.33333vw
	}
	.teacher-icon-wrap>.title-head>.ruby {
		font-size: 11px;
		font-size: 1.1rem
	}
	.teacher-icon-wrap>.result-wrap {
		font-size: 12px;
		font-size: 1.2rem
	}
	.teacher-icon-wrap>.result-wrap>.number {
		margin-left: 1.33333vw;
		margin-right: 1.33333vw;
		font-size: 36px;
		font-size: 3.6rem
	}
	.teacher-icon-wrap>.result-wrap>.unit {
		margin-left: -1.33333vw;
		font-size: 20px;
		font-size: 2rem
	}
}
@-webkit-keyframes teacher-icon-vantan1 {
	to {
		background-position: 0 -320px
	}
}
@keyframes teacher-icon-vantan1 {
	to {
		background-position: 0 -320px
	}
}
@-webkit-keyframes teacher-icon-vantan1-md {
	to {
		background-position: 0 -59.73333vw
	}
}
@keyframes teacher-icon-vantan1-md {
	to {
		background-position: 0 -59.73333vw
	}
}
@-webkit-keyframes teacher-icon-general1 {
	to {
		background-position: 0 -680px
	}
}
@keyframes teacher-icon-general1 {
	to {
		background-position: 0 -680px
	}
}
@-webkit-keyframes teacher-icon-general1-md {
	to {
		background-position: 0 -126.93333vw
	}
}
@keyframes teacher-icon-general1-md {
	to {
		background-position: 0 -126.93333vw
	}
}
.teacher-intro {
	margin-top: 60px;
	margin-bottom: 60px
}
@media only screen and (max-width:767px) {
	.teacher-intro {
		margin-top: 13.33333vw;
		margin-bottom: 13.33333vw
	}
}
.teacher-voice {
	padding-bottom: 115px
}
@media only screen and (max-width:767px) {
	.teacher-voice {
		padding-bottom: 20vw
	}
}
.features-content>.heading-section {
	position: relative;
	top: -50px;
	margin-bottom: -30px
}
.features-content>.heading-section>.ruby {
	color: #c265e5;
	font-size: 100px;
	font-size: 10rem
}
.features-content>.heading-section>.main {
	display: inline-block;
	width: auto
}
.features-content>.heading-section>.main::before {
	background-color: #ed74da
}
.features-content>.heading-section.pass>.main {
	background-color: #c265e5
}
@media only screen and (max-width:767px) {
	.features-content>.heading-section {
		top: -10.66667vw;
		margin-bottom: -6.66667vw
	}
	.features-content>.heading-section>.ruby {
		font-size: 80px;
		font-size: 8rem
	}
	.teacher-item.item1 .teacher-icon-wrap>.icon {
		width: 17.17333vw;
		height: 14.93333vw
	}
	.teacher-item.item1 .teacher-icon-wrap>.icon>.icon-active>.icon-board, .teacher-item.item1 .teacher-icon-wrap>.icon>.icon-blank>.icon-board {
		width: 17.17333vw;
		height: 14.93333vw
	}
}
.heading-box {
	position: relative;
	margin-bottom: 40px;
	text-align: center
}
.heading-box+.lead.is-lower {
	margin-top: -20px
}
.heading-box>.box-inner>.check-text>.check {
	fill: #ed74da;
	stroke-width: 0;
	-webkit-animation: draw 1.6s cubic-bezier(.86, 0, .07, 1) forwards;
	animation: draw 1.6s cubic-bezier(.86, 0, .07, 1) forwards;
	-webkit-transition: fill .4s ease-out 1.2s, stroke-width .4s ease-out 1.2s;
	transition: fill .4s ease-out 1.2s, stroke-width .4s ease-out 1.2s
}
.heading-box>.box-inner {
	position: relative;
	display: inline-block;
	padding: 10px 6px;
	border: 4px solid #000
}
.heading-box>.box-inner::after, .heading-box>.box-inner::before {
	position: absolute;
	background-color: #000;
	content: ""
}
.heading-box>.box-inner::before {
	top: 0;
	right: 0;
	width: 0;
	height: 4px
}
.heading-box>.box-inner::after {
	top: 0;
	right: 0;
	height: 0;
	width: 4px
}
.heading-box>.box-inner>.check-text {
	position: absolute;
	z-index: 1;
	top: -49px;
	left: -70px;
	width: 156px;
	height: 62px;
	fill: transparent;
	stroke: #ed74da;
	stroke-width: .5;
	-webkit-transform: rotate(-15deg);
	transform: rotate(-15deg)
}
.heading-box>.box-inner>.check-text>.check.check1 {
	stroke-dasharray: 196 198;
	stroke-dashoffset: 197
}
.heading-box>.box-inner>.check-text>.check.check2 {
	stroke-dasharray: 296 298;
	stroke-dashoffset: 297
}
.heading-box>.box-inner>.check-text>.check.check3 {
	stroke-dasharray: 111 113;
	stroke-dashoffset: 112
}
.heading-box>.box-inner>.check-text>.check.check4 {
	stroke-dasharray: 88 90;
	stroke-dashoffset: 89
}
.heading-box>.box-inner>.check-text>.check.check5 {
	stroke-dasharray: 331 333;
	stroke-dashoffset: 332
}
.heading-box>.box-inner>.check-text>.check.check6, .heading-box>.box-inner>.check-text>.check.check7 {
	stroke-dasharray: 118 120;
	stroke-dashoffset: 119
}
.heading-box>.box-inner>.main {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1
}
.heading-box>.box-inner>.main::after, .heading-box>.box-inner>.main::before {
	position: absolute;
	background-color: #000;
	content: ""
}
.heading-box>.box-inner>.main::before {
	bottom: 0;
	left: 0;
	width: 0;
	height: 4px
}
.heading-box>.box-inner>.main::after {
	bottom: 0;
	left: 0;
	height: 0;
	width: 4px
}
@media only screen and (max-width:767px) {
	.heading-box {
		margin-bottom: 5.33333vw
	}
	.heading-box+.lead.is-lower {
		margin-top: -2.66667vw
	}
	.heading-box>.box-inner {
		padding: 4vw 2.66667vw;
		border: none
	}
	.heading-box>.box-inner::before {
		width: 100%;
		height: 1.06667vw
	}
	.heading-box>.box-inner::after {
		width: 1.06667vw;
		height: 100%
	}
	.heading-box>.box-inner>.check-text {
		top: -11vw;
		left: -5vw;
		width: 25.28vw
	}
	.heading-box>.box-inner>.main {
		font-size: 20px;
		font-size: 2rem
	}
	.heading-box>.box-inner>.main::before {
		width: 100%;
		height: 1.06667vw
	}
	.heading-box>.box-inner>.main::after {
		width: 1.06667vw;
		height: 100%
	}
}
.slick-slider {
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}
.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0
}
.slick-list:focus {
	outline: 0
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}
.slick-slider .slick-list, .slick-slider .slick-track {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}
.slick-track:before {
	content: "";
	display: table
}
.slick-track:after {
	content: "";
	display: table;
	clear: both
}
.slick-loading .slick-track {
	visibility: hidden
}
.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;
	outline: 0
}
[dir=rtl] .slick-slide {
	float: right
}
.slick-slide img {
	display: block
}
.slick-slide.slick-loading img {
	display: none
}
.slick-slide.dragging img {
	pointer-events: none
}
.slick-initialized .slick-slide {
	display: block
}
.slick-loading .slick-slide {
	visibility: hidden
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}
.slick-arrow.slick-hidden {
	display: none
}
.slider-wrap {
	position: relative
}
@media only screen and (max-width:767px) {
	.slider-wrap {
		width: auto!important;
		margin-left: -4vw;
		margin-right: -4vw
	}
	.slider-wrap.product .slider-arrow {
		top: 50%;
		margin-top: -10vw
	}
}
.slider-arrow {
	position: absolute;
	top: 50%;
	width: 30px;
	height: 80px;
	margin-top: -40px;
	background-color: #000;
	cursor: pointer
}
.slider-arrow::before {
	position: absolute;
	top: 50%;
	margin-top: -9px
}
.slider-arrow.prev {
	left: -45px
}
.slider-arrow.prev::before {
	left: 50%;
	content: "";
	margin-left: -5px;
	width: 10px;
	height: 10px;
	border-width: 4px 4px 0 0;
	border-color: #fff;
	border-style: solid;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	box-sizing: content-box
}
.slider-arrow.next {
	right: -45px
}
.slider-arrow.next::before {
	right: 50%;
	content: "";
	margin-right: -3px;
	width: 10px;
	height: 10px;
	border-width: 4px 4px 0 0;
	border-color: #fff;
	border-style: solid;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	box-sizing: content-box
}
@media print, (min-width:768px) {
	.slider-arrow:hover {
		background-color: #c265e5
	}
}
@media only screen and (max-width:767px) {
	.slider-arrow {
		z-index: 3;
		top: 30vw;
		width: 6.66667vw;
		height: 20vw;
		margin-top: 0
	}
	.slider-arrow::before {
		margin-top: -2.4vw
	}
	.slider-arrow.prev {
		left: 0
	}
	.slider-arrow.prev::before {
		width: 2.66667vw;
		height: 2.66667vw;
		border-width: 1.06667vw 1.06667vw 0 0
	}
	.slider-arrow.next {
		right: 0
	}
	.slider-arrow.next::before {
		width: 2.66667vw;
		height: 2.66667vw;
		margin-right: -.8vw;
		border-width: 1.06667vw 1.06667vw 0 0
	}
}
.slide-primary {
	display: -webkit-box!important;
	display: -ms-flexbox!important;
	display: flex!important;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	height: 100%;
	outline: 0
}
.slide-primary.jobsupport {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}
.slide-primary.jobsupport .slide-phs {
	width: 540px;
	height: auto;
	margin-left: 0
}
.slide-primary .slide-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.slide-primary .slide-content {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.slide-primary .slide-content.full .slide-profile {
	padding-right: 40px
}
.slide-primary .slide-profile {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 40px 80px 40px 40px;
	background-color: #fff100
}
.slide-primary .slide-profile>.profile-head {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	min-height: 120px;
	margin-bottom: 15px;
	padding-left: 123px;
	padding-bottom: 15px;
	border-bottom: 2px solid #000
}
.slide-primary .slide-profile>.profile-head.noavatar {
	padding-left: 0
}
.slide-primary .slide-profile>.profile-head>.avatar {
	position: absolute;
	top: 0;
	left: 0
}
.slide-primary .slide-profile>.profile-head>.title>span {
	padding: 2px;
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1;
	background-color: #000
}
.slide-primary .slide-profile>.profile-head>.name {
	margin-bottom: 6px;
	font-size: 50px;
	font-size: 5rem;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 500;
	font-style: italic;
	line-height: 1
}
.slide-primary .slide-profile>.profile-head>.sub {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1
}
.slide-primary .slide-profile>.catch {
	width: 100%;
	margin-bottom: 5px;
	font-size: 20px;
	font-size: 2rem;
	font-weight: 700
}
.slide-primary .slide-phs {
	width: 520px;
	height: 460px;
	margin-left: -40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.slide-primary .slide-phs.border {
	background-color: #fff;
	border: 1px solid #ccc
}
.slide-primary .slide-column {
	width: 48%
}
.slide-primary .slide-detail {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 360px;
	margin-top: 40px;
	padding: 40px;
	background-color: #fff100
}
.slide-primary .slide-detail>.title-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 2px solid #000
}
.slide-primary .slide-detail>.title-wrap>.number {
	margin-right: 15px;
	font-size: 60px;
	font-size: 6rem;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 500;
	font-style: italic;
	line-height: 1
}
.slide-primary .slide-detail>.title-wrap>.main {
	padding-top: .2em;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 700
}
.slide-primary .slide-detail>.lead {
	font-size: 16px;
	font-size: 1.6rem
}
@media only screen and (max-width:767px) {
	.slide-primary.jobsupport .slide-phs {
		position: relative;
		z-index: 1;
		width: 90vw;
		margin-left: auto;
		margin-right: auto
	}
	.slide-primary .slide-content.full .slide-profile {
		padding-right: 9.33333vw
	}
	.slide-primary .slide-content .detail {
		font-size: 12px;
		font-size: 1.2rem
	}
	.slide-primary .slide-profile {
		display: block;
		padding: 6.66667vw 9.33333vw 6.66667vw 9.33333vw
	}
	.slide-primary .slide-profile>.profile-head {
		min-height: 20vw;
		margin-bottom: 2.66667vw;
		padding-left: 22.66667vw;
		padding-bottom: 2.66667vw;
		border-bottom-width: .53333vw
	}
	.slide-primary .slide-profile>.profile-head>.avatar {
		width: 20vw;
		height: 20vw
	}
	.slide-primary .slide-profile>.profile-head>.title>span {
		font-size: 14px;
		font-size: 1.4rem
	}
	.slide-primary .slide-profile>.profile-head>.name {
		margin-bottom: .66667vw;
		font-size: 36px;
		font-size: 3.6rem
	}
	.slide-primary .slide-profile>.catch {
		margin-bottom: 1.33333vw;
		font-size: 16px;
		font-size: 1.6rem
	}
	.slide-primary .slide-phs {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		width: 80%;
		height: auto;
		margin-top: -5.33333vw;
		margin-left: auto;
		margin-right: auto
	}
	.slide-primary .slide-phs>img {
		width: 100%;
		height: auto
	}
	.slide-primary .slide-phs.border {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 59.8vw;
		height: 59.8vw;
		margin-left: auto;
		margin-right: auto;
		border-width: .26667vw
	}
	.slide-primary .slide-phs.border>img {
		width: 50%
	}
	.slide-primary .slide-column {
		width: auto
	}
	.slide-primary .slide-detail {
		width: 100%;
		height: auto;
		margin-top: -5.33333vw;
		margin-left: 4vw;
		margin-right: 4vw;
		padding: 8vw 5.33333vw 5.33333vw
	}
	.slide-primary .slide-detail>.title-wrap {
		margin-bottom: 2.66667vw;
		padding-bottom: 2.66667vw;
		border-bottom-width: .53333vw
	}
	.slide-primary .slide-detail>.title-wrap>.number {
		font-size: 36px;
		font-size: 3.6rem
	}
	.slide-primary .slide-detail>.title-wrap>.main {
		font-size: 20px;
		font-size: 2rem;
		line-height: 1.3
	}
	.slide-primary .slide-detail>.lead {
		font-size: 14px;
		font-size: 1.4rem
	}
}
.teacher-voice {
	padding-bottom: 115px
}
@media only screen and (max-width:767px) {
	.teacher-voice {
		padding-bottom: 20vw
	}
}
.voice-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.voice-wrap.pass.afterpass .voice-detail>.lead::before {
	-webkit-animation: left-to-right 1s cubic-bezier(.77, 0, .175, 1) forwards .2s;
	animation: left-to-right 1s cubic-bezier(.77, 0, .175, 1) forwards .2s
}
.voice-wrap.pass.afterpass .voice-detail>.lead>span {
	opacity: 1;
	-webkit-transition: opacity .4s ease;
	transition: opacity .4s ease;
	-webkit-transition-delay: .9s;
	transition-delay: .9s
}
.voice-wrap.pass.afterpass .voice-detail>.body {
	-webkit-transition-delay: .8s;
	transition-delay: .8s
}
.voice-wrap.pass.afterpass .voice-detail>.voice-detail-head::before {
	width: 620px;
	-webkit-transition: width .6s cubic-bezier(.165, .84, .44, 1) 1.4s;
	transition: width .6s cubic-bezier(.165, .84, .44, 1) 1.4s
}
@media only screen and (max-width:767px) {
	.voice-wrap {
		display: block
	}
	.voice-wrap.pass.afterpass .voice-detail>.voice-detail-head::before {
		width: 100%
	}
}
.voice-ph {
	width: 598px;
	height: 369px;
	margin-left: -20px;
	-webkit-mask-image: url(../images/top/voice_mask_01.svg);
	mask-image: url(../images/top/voice_mask_01.svg);
	-webkit-mask-size: 598px 369px;
	mask-size: 598px 369px
}
.voice-ph .ph {
	position: relative;
	top: 60%;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}
.voice-ph.voice2 {
	width: 596px;
	height: 365px;
	margin-right: 20px;
	-webkit-mask-image: url(../images/top/voice_mask_02.svg);
	mask-image: url(../images/top/voice_mask_02.svg);
	-webkit-mask-size: 596px 365px;
	mask-size: 596px 365px
}
.voice-ph.voice3 {
	width: 595px;
	height: 365px;
	margin-right: 40px;
	-webkit-mask-image: url(../images/top/voice_mask_03.svg);
	mask-image: url(../images/top/voice_mask_03.svg);
	-webkit-mask-size: 595px 365px;
	mask-size: 595px 365px
}
@media only screen and (max-width:767px) {
	.voice-ph {
		width: 100%;
		height: 59.2vw;
		margin-left: 0;
		-webkit-mask-size: 100% 59.2vw;
		mask-size: 100% 59.2vw
	}
	.voice-ph.voice2, .voice-ph.voice3 {
		width: 100%;
		height: 61.33333vw;
		margin-right: 0;
		-webkit-mask-size: 100% 61.33333vw;
		mask-size: 100% 61.33333vw
	}
	.voice-ph>.ph.noinertia>img {
		display: block;
		-webkit-transform: translateY(-10%);
		transform: translateY(-10%)
	}
	.voice-ph>.ph>img {
		width: 100%;
		height: auto
	}
}
.voice-detail {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.voice-detail>.lead {
	position: relative;
	margin-bottom: 5px;
	line-height: 1.33333;
	overflow: hidden
}
.voice-detail>.lead::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff100;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%)
}
.voice-detail>.lead>span {
	display: inline-block;
	color: #c265e5;
	font-weight: 700;
	font-size: 24px;
	font-size: 2.4rem
}
@media only screen and (max-width:767px) {
	.voice-detail>.lead {
		margin-bottom: 1.33333vw
	}
	.voice-detail>.lead>span {
		font-size: 18px;
		font-size: 1.8rem
	}
}
.voice-detail-head {
	position: relative;
	margin-bottom: 15px;
	padding-left: 5px;
	padding-bottom: 15px
}
.voice-detail-head::before {
	position: absolute;
	content: "";
	right: 0;
	bottom: 0;
	width: 620px;
	height: 2px;
	background-color: #000
}
.voice-detail-head>.title {
	display: inline-block;
	margin-bottom: 5px;
	padding: 3px;
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1;
	background-color: #000
}
.voice-detail-head>.name {
	margin-bottom: 5px;
	font-size: 60px;
	font-size: 6rem;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 500;
	font-style: italic;
	line-height: 1
}
.voice-detail-head>.sub {
	margin-bottom: 8px;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1
}
@media only screen and (max-width:767px) {
	.voice-detail-head {
		margin-top: -5.33333vw;
		margin-bottom: 2.66667vw;
		padding-left: 1.33333vw;
		padding-bottom: 2.66667vw
	}
	.voice-detail-head::before {
		width: 100%;
		height: .53333vw
	}
	.voice-detail-head>.title {
		margin-bottom: 1.33333vw;
		padding: .8vw;
		font-size: 14px;
		font-size: 1.4rem
	}
	.voice-detail-head>.name {
		margin-bottom: 1.33333vw;
		font-size: 40px;
		font-size: 4rem
	}
	.voice-detail-head>.sub {
		margin-bottom: 2.13333vw
	}
}
.training-sessionwork {
	margin-top: 50px
}
@media only screen and (max-width:767px) {
	.training-sessionwork {
		margin-top: 6.66667vw
	}
}
.sessionwork-container.pass.afterpass .sessionwork-diagram>.session-wrap>.session {
	fill: #ed74da;
	stroke-width: 0;
	-webkit-animation: draw 1s forwards;
	animation: draw 1s forwards;
	-webkit-transition: fill 1s ease 1.1s, stroke-width 1s ease 1.1s;
	transition: fill 1s ease 1.1s, stroke-width 1s ease 1.1s
}
.sessionwork-container.pass.afterpass .sessionwork-diagram>.label-wrap:nth-of-type(2) {
	-webkit-transition-delay: .8s;
	transition-delay: .8s
}
.sessionwork-container.pass.afterpass .sessionwork-diagram>.label-wrap:nth-of-type(3) {
	-webkit-transition-delay: 1s;
	transition-delay: 1s
}
.sessionwork-container.pass.afterpass .sessionwork-diagram>.label-wrap:nth-of-type(4) {
	-webkit-transition-delay: 1.2s;
	transition-delay: 1.2s
}
.sessionwork-container.pass.afterpass .sessionwork-diagram>.label-wrap:nth-of-type(5) {
	-webkit-transition-delay: 1.4s;
	transition-delay: 1.4s
}
.sessionwork-container.pass.afterpass .sessionwork-diagram>.circle-wrap>.circle>path, .sessionwork-container.pass.afterpass .sessionwork-diagram>.line-wrap>.line>path {
	-webkit-animation: draw 1s forwards;
	animation: draw 1s forwards
}
.sessionwork-container.pass.afterpass .sessionwork-diagram>.arrow-wrap>.arrow>path {
	fill: #fff100;
	-webkit-animation: draw 1s forwards;
	animation: draw 1s forwards;
	-webkit-transition: fill .4s ease-out .8s;
	transition: fill .4s ease-out .8s
}
.sessionwork-diagram {
	position: relative;
	width: 100vw;
	height: auto;
	min-width: 100%;
	min-height: 491px
}
.sessionwork-diagram>.session-wrap {
	position: absolute;
	left: 12vw;
	width: 279px;
	height: 108px;
	width: 19.92857vw;
	height: 7.71429vw;
	min-width: 223px;
	min-height: 91px;
	-webkit-transform: rotate(-17.5deg);
	transform: rotate(-17.5deg)
}
.sessionwork-diagram>.session-wrap>.session {
	fill: transparent;
	stroke: #ed74da;
	stroke-width: .5
}
.sessionwork-diagram>.session-wrap>.session.session1 {
	stroke-dasharray: 334 336;
	stroke-dashoffset: 335
}
.sessionwork-diagram>.session-wrap>.session.session2 {
	stroke-dasharray: 166 168;
	stroke-dashoffset: 167
}
.sessionwork-diagram>.session-wrap>.session.session3 {
	stroke-dasharray: 508 510;
	stroke-dashoffset: 509
}
.sessionwork-diagram>.session-wrap>.session.session4 {
	stroke-dasharray: 141 143;
	stroke-dashoffset: 142
}
.sessionwork-diagram>.session-wrap>.session.session5 {
	stroke-dasharray: 152 154;
	stroke-dashoffset: 153
}
.sessionwork-diagram>.session-wrap>.session.session6 {
	stroke-dasharray: 172 174;
	stroke-dashoffset: 173
}
.sessionwork-diagram>.session-wrap>.session.session7, .sessionwork-diagram>.session-wrap>.session.session8 {
	stroke-dasharray: 177 179;
	stroke-dashoffset: 178
}
.sessionwork-diagram>.bg {
	width: 100%
}
.sessionwork-diagram>.bg>img {
	display: block;
	width: 100%;
	height: auto
}
.sessionwork-diagram>.label-wrap {
	position: absolute;
	display: inline-block;
	-webkit-transition-duration: .4s!important;
	transition-duration: .4s!important
}
.sessionwork-diagram>.label-wrap.label1 {
	top: 2.8vw;
	left: 31.07143vw
}
.sessionwork-diagram>.label-wrap.label2 {
	top: 24.8vw;
	left: 29.07143vw
}
.sessionwork-diagram>.label-wrap.label3 {
	top: 5.7vw;
	left: 67.2vw
}
.sessionwork-diagram>.label-wrap.label4 {
	top: 3.5vw;
	right: 13.57143vw
}
.sessionwork-diagram>.label-wrap>.sub {
	color: #fff100;
	font-size: .85714vw;
	font-weight: 700;
	line-height: 1;
	text-align: center
}
.sessionwork-diagram>.label-wrap>.main {
	margin-top: -.1em;
	color: #fff100;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 500;
	font-style: italic;
	font-size: 2.85714vw;
	line-height: 1
}
.sessionwork-diagram>.circle-wrap {
	position: absolute
}
.sessionwork-diagram>.circle-wrap.circle1 {
	top: 1vw;
	left: 55vw;
	width: 14.28571vw;
	height: 14.28571vw;
	min-width: 154px;
	min-height: 154px
}
.sessionwork-diagram>.circle-wrap.circle2 {
	top: 7.2vw;
	left: 30.14286vw;
	width: 10.71429vw;
	height: 10.71429vw;
	min-width: 115px;
	min-height: 115px
}
.sessionwork-diagram>.circle-wrap.circle2>.circle>path {
	stroke-width: 2.5
}
.sessionwork-diagram>.circle-wrap.circle3 {
	top: 8.4vw;
	right: 9.78571vw;
	width: 14.28571vw;
	height: 14.28571vw;
	min-width: 154px;
	min-height: 154px
}
.sessionwork-diagram>.circle-wrap.circle4 {
	bottom: 3vw;
	left: 1.35714vw;
	width: 27.14286vw;
	height: 27.14286vw;
	min-width: 293px;
	min-height: 293px
}
.sessionwork-diagram>.circle-wrap.circle4>.circle>path {
	stroke-width: 1
}
.sessionwork-diagram>.circle-wrap>.circle {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}
.sessionwork-diagram>.circle-wrap>.circle>path {
	fill: transparent;
	stroke: #fff100;
	stroke-width: 2
}
.sessionwork-diagram>.line-wrap {
	position: absolute
}
.sessionwork-diagram>.line-wrap>.line {
	display: block
}
.sessionwork-diagram>.line-wrap>.line>path {
	fill: transparent;
	stroke-width: 1.5;
	stroke: #fff100
}
.sessionwork-diagram>.line-wrap.line1 {
	top: 9.2vw;
	left: 40.64286vw
}
.sessionwork-diagram>.line-wrap.line1>.line {
	width: 13.35714vw;
	height: 2.6vw;
	min-width: 144px;
	min-height: 26px
}
.sessionwork-diagram>.line-wrap.line2 {
	top: 10.9vw;
	right: 23.5vw
}
.sessionwork-diagram>.line-wrap.line2>.line {
	width: 6.07143vw;
	height: 2.35714vw;
	min-width: 65px;
	min-height: 25px
}
.sessionwork-diagram>.line-wrap.line3 {
	bottom: 16.3vw;
	left: 28.15vw
}
.sessionwork-diagram>.line-wrap.line3>.line {
	width: 34vw;
	height: 12.28571vw;
	min-width: 367px;
	min-height: 132px
}
.sessionwork-diagram>.arrow-wrap {
	position: absolute
}
.sessionwork-diagram>.arrow-wrap>.arrow {
	display: block;
	width: .92857vw;
	height: .64286vw;
	min-width: 9px;
	min-height: 7px;
	fill: transparent;
	stroke: #fff100;
	stroke-width: 1;
	stroke-dasharray: 32 34;
	stroke-dashoffset: 33
}
.sessionwork-diagram>.arrow-wrap.arrow1 {
	top: 9vw;
	left: 53.6vw;
	-webkit-transform: rotate(85deg);
	transform: rotate(85deg)
}
.sessionwork-diagram>.arrow-wrap.arrow2 {
	top: 10.7vw;
	right: 29.1vw;
	-webkit-transform: rotate(-69.5deg);
	transform: rotate(-69.5deg)
}
.sessionwork-diagram>.arrow-wrap.arrow3 {
	top: 16.6vw;
	right: 37.45vw
}
@media screen and (max-width:1080px) {
	.sessionwork-diagram>.session-wrap {
		left: 120px
	}
	.sessionwork-diagram>.label-wrap.label1 {
		top: 28px;
		left: 330px
	}
	.sessionwork-diagram>.label-wrap.label2 {
		top: 270px;
		left: 312px
	}
	.sessionwork-diagram>.label-wrap.label3 {
		top: 66px;
		left: 730px
	}
	.sessionwork-diagram>.label-wrap.label4 {
		top: 40px;
		right: 147px
	}
	.sessionwork-diagram>.label-wrap>.sub {
		font-size: 9px;
		font-size: .9rem
	}
	.sessionwork-diagram>.label-wrap>.main {
		font-size: 31px;
		font-size: 3.1rem
	}
	.sessionwork-diagram>.circle-wrap.circle1 {
		top: 14px;
		left: 596px
	}
	.sessionwork-diagram>.circle-wrap.circle2 {
		top: 78px;
		left: 326px
	}
	.sessionwork-diagram>.circle-wrap.circle3 {
		top: 90px;
		right: 105px
	}
	.sessionwork-diagram>.circle-wrap.circle4 {
		bottom: 31px;
		left: 16px
	}
	.sessionwork-diagram>.line-wrap.line1 {
		top: 100px;
		left: 438px
	}
	.sessionwork-diagram>.line-wrap.line2 {
		top: 118.44px;
		right: 254px
	}
	.sessionwork-diagram>.line-wrap.line3 {
		bottom: 176px;
		left: 304px
	}
	.sessionwork-diagram>.arrow-wrap.arrow1 {
		top: 97px;
		left: 580px
	}
	.sessionwork-diagram>.arrow-wrap.arrow2 {
		top: 115.6px;
		right: 314px
	}
	.sessionwork-diagram>.arrow-wrap.arrow3 {
		top: 179px;
		right: 405.6px
	}
}
@media only screen and (max-width:767px) {
	.sessionwork-diagram {
		height: 72vw;
		min-width: initial;
		min-height: initial
	}
	.sessionwork-diagram>.session-wrap {
		left: 0;
		width: 29.76vw;
		height: 11.52vw;
		min-width: initial;
		min-height: initial
	}
	.sessionwork-diagram>.label-wrap.label1 {
		top: 9.86667vw;
		left: 19.33333vw
	}
	.sessionwork-diagram>.label-wrap.label2 {
		top: 54.13333vw;
		left: 26vw
	}
	.sessionwork-diagram>.label-wrap.label3 {
		top: 1.73333vw;
		left: 59.33333vw
	}
	.sessionwork-diagram>.label-wrap.label4 {
		top: 38.66667vw;
		right: 10vw
	}
	.sessionwork-diagram>.label-wrap>.sub {
		font-size: 2.66667vw
	}
	.sessionwork-diagram>.label-wrap>.main {
		font-size: 6.66667vw
	}
	.sessionwork-diagram>.circle-wrap {
		min-width: initial!important;
		min-height: initial!important
	}
	.sessionwork-diagram>.circle-wrap.circle1 {
		top: 11.86667vw;
		left: 58.13333vw;
		width: 18.66667vw;
		height: 18.66667vw
	}
	.sessionwork-diagram>.circle-wrap.circle2 {
		top: 19.46667vw;
		left: 31.6vw;
		width: 13.33333vw;
		height: 13.33333vw
	}
	.sessionwork-diagram>.circle-wrap.circle2>.circle>path {
		stroke-width: 5
	}
	.sessionwork-diagram>.circle-wrap.circle3 {
		top: 21.6vw;
		right: 2.4vw;
		width: 16vw;
		height: 16vw
	}
	.sessionwork-diagram>.circle-wrap.circle4 {
		bottom: auto;
		top: 32vw;
		left: 0;
		width: 29.33333vw;
		height: 29.33333vw
	}
	.sessionwork-diagram>.circle-wrap.circle4>.circle>path {
		stroke-width: 3
	}
	.sessionwork-diagram>.circle-wrap>.circle>path {
		stroke-width: 4
	}
	.sessionwork-diagram>.line-wrap>.line {
		min-width: initial!important;
		min-height: initial!important
	}
	.sessionwork-diagram>.line-wrap>.line>path {
		stroke-width: 8
	}
	.sessionwork-diagram>.line-wrap.line1 {
		top: 23.13vw;
		left: 44.5vw
	}
	.sessionwork-diagram>.line-wrap.line1>.line {
		width: 10.53333vw;
		height: 2.4vw
	}
	.sessionwork-diagram>.line-wrap.line2 {
		top: 26vw;
		right: 18vw
	}
	.sessionwork-diagram>.line-wrap.line2>.line {
		width: 3.86667vw;
		height: 1.6vw
	}
	.sessionwork-diagram>.line-wrap.line3 {
		bottom: 25.06667vw;
		left: 29.06667vw
	}
	.sessionwork-diagram>.line-wrap.line3>.line {
		width: 38.16vw;
		height: 13.84vw
	}
	.sessionwork-diagram>.arrow-wrap>.arrow {
		width: 2.08vw;
		height: 1.44vw;
		min-width: initial;
		min-height: initial
	}
	.sessionwork-diagram>.arrow-wrap.arrow1 {
		top: 22.7vw;
		left: 54.5vw
	}
	.sessionwork-diagram>.arrow-wrap.arrow2 {
		top: 25.3vw;
		right: 21.3vw
	}
	.sessionwork-diagram>.arrow-wrap.arrow3 {
		top: 31.8vw;
		right: 31.97vw
	}
}
.sessionwork-diagram-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(120deg, #7117ea 0, #ea6060 100%);
	mix-blend-mode: multiply;
	opacity: .3
}
.content>.lead {
	margin-bottom: 55px;
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center
}
.content>.lead.lower {
	font-size: 13px;
	font-size: 1.3rem
}
.content>.lead+.catch {
	margin-top: -25px
}
@media only screen and (max-width:767px) {
	.content>.lead {
		font-size: 14px;
		font-size: 1.4rem;
		margin-bottom: 5.33333vw
	}
	.content>.lead+.catch {
		margin-top: -3.33333vw
	}
}
.training-example {
	padding-top: 60px
}
@media only screen and (max-width:767px) {
	.training-example {
		padding-top: 13.33333vw
	}
}
.example-afterpass.afterpass .example-item.pass>.example-item-box>.head-box>.title::after, .example-afterpass.afterpass .example-item.pass>.example-item-box>.head-box>.title::before {
	opacity: 1;
	-webkit-transform: rotate(405deg);
	transform: rotate(405deg);
	-webkit-transition: opacity .4s ease-out, -webkit-transform .6s ease-out;
	transition: opacity .4s ease-out, -webkit-transform .6s ease-out;
	transition: opacity .4s ease-out, transform .6s ease-out;
	transition: opacity .4s ease-out, transform .6s ease-out, -webkit-transform .6s ease-out
}
.example-afterpass.afterpass .example-item.pass .example-item-ph {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-filter: blur(0);
	filter: blur(0);
	-webkit-transition: opacity .8s ease-out, -webkit-filter .6s ease-out;
	transition: opacity .8s ease-out, -webkit-filter .6s ease-out;
	transition: opacity .8s ease-out, filter .6s ease-out;
	transition: opacity .8s ease-out, filter .6s ease-out, -webkit-filter .6s ease-out
}
.example-item {
	position: relative;
	margin-bottom: 150px
}
.example-item:last-of-type {
	margin-bottom: 0
}
.example-item.item1 .example-item-box {
	padding-left: 40px;
	padding-right: 75px
}
.example-item.item1 .example-item-ph {
	top: 0;
	right: 0;
	margin-top: 25px;
	margin-left: -60px
}
.example-item.item2 .example-item-box {
	margin-right: 0;
	margin-left: auto
}
.example-item.item2 .example-item-ph {
	top: 0;
	left: 0;
	margin-top: 50px
}
.example-item.item3 .example-item-box {
	padding-left: 40px;
	padding-right: 75px
}
.example-item.item3 .example-item-ph {
	top: 0;
	right: 0;
	margin-top: 120px
}
@media only screen and (max-width:767px) {
	.example-item {
		margin-bottom: 45vw
	}
	.example-item.item1 .example-item-box {
		padding-left: 5.33333vw;
		padding-right: 5.33333vw
	}
	.example-item.item1 .example-item-ph {
		right: 4vw;
		margin-top: 0;
		margin-left: auto;
		margin-right: 0
	}
	.example-item.item2 .example-item-ph {
		margin-top: 0;
		right: 4vw;
		left: auto
	}
	.example-item.item3 {
		margin-bottom: 30vw
	}
	.example-item.item3 .example-item-box {
		padding-left: 5.33333vw;
		padding-right: 5.33333vw
	}
	.example-item.item3 .example-item-ph {
		margin-top: 0;
		right: 4vw;
		bottom: -30vw!important
	}
}
.example-item-box {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 600px;
	padding: 30px 30px 30px 75px
}
.example-item-box::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 0;
	width: 100%;
	height: 100%;
	background-color: #cb8fe1
}
.example-item-box>* {
	position: relative;
	z-index: 1
}
.example-item-box>.head-box {
	position: relative;
	padding-bottom: 22px;
	margin-bottom: 20px
}
.example-item-box>.head-box::before {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #000
}
.example-item-box>.head-box>.title {
	position: relative;
	display: inline-block;
	font-size: 32px;
	font-size: 3.2rem;
	line-height: 1;
	font-weight: 700;
	padding-right: 30px
}
.example-item-box>.head-box>.title.en {
	padding-right: 45px;
	font-size: 50px;
	font-size: 5rem;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 500;
	font-style: italic
}
.example-item-box>.head-box>.title::after, .example-item-box>.head-box>.title::before {
	position: absolute;
	content: "";
	background-color: #000;
	opacity: 0
}
.example-item-box>.head-box>.title::before {
	top: 55%;
	right: 0;
	width: 30px;
	height: 1px;
	margin-top: -1px
}
.example-item-box>.head-box>.title::after {
	top: 55%;
	right: 15px;
	width: 1px;
	height: 30px;
	margin-top: -15px
}
.example-item-box>.head-box>.tags-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 15px
}
.example-item-box>.head-box>.tags-list>.tag {
	padding: 3px;
	color: #fff;
	margin-right: 4px;
	background-color: #000;
	font-size: 24px;
	font-size: 2.4rem;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 500;
	font-style: italic;
	line-height: 1
}
.example-item-box>.head-box>.tags-list>.tag:last-of-type {
	margin-right: 0
}
.example-item-box>.lead {
	margin-bottom: 10px;
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.5;
	font-weight: 700
}
@media only screen and (max-width:767px) {
	.example-item-box {
		width: 100%;
		padding: 5.33333vw 5.33333vw 9.33333vw
	}
	.example-item-box>.head-box {
		padding-bottom: 2.66667vw;
		margin-bottom: 2.66667vw
	}
	.example-item-box>.head-box::before {
		height: .53333vw
	}
	.example-item-box>.head-box>.title {
		font-size: 23px;
		font-size: 2.3rem;
		padding-right: 8vw
	}
	.example-item-box>.head-box>.title.en {
		padding-right: 12vw;
		font-size: 44px;
		font-size: 4.4rem
	}
	.example-item-box>.head-box>.title::before {
		width: 8vw;
		height: .26667vw;
		margin-top: -.13333vw
	}
	.example-item-box>.head-box>.title::after {
		right: 4vw;
		width: .26667vw;
		height: 8vw;
		margin-top: -4vw
	}
	.example-item-box>.head-box>.tags-list {
		margin-top: 1.33333vw
	}
	.example-item-box>.head-box>.tags-list>.tag {
		padding: .8vw;
		margin-right: 1.06667vw;
		font-size: 18px;
		font-size: 1.8rem
	}
	.example-item-box>.lead {
		margin-bottom: 1.33333vw;
		font-size: 16px;
		font-size: 1.6rem
	}
}
.example-item-ph {
	position: absolute;
	z-index: 1
}
@media only screen and (max-width:767px) {
	.example-item-ph {
		top: auto!important;
		bottom: -37vw;
		right: 0;
		width: 60vw;
		margin-left: auto!important;
		margin-right: auto!important
	}
	.example-item-ph>img {
		width: 100%;
		height: auto
	}
}
.training-voice {
	padding-top: 100px;
	padding-bottom: 115px
}
@media only screen and (max-width:767px) {
	.training-voice {
		padding-top: 13.33333vw;
		padding-bottom: 20vw
	}
}
.product-slider-wrap {
	position: relative;
	height: 382px
}
.product-slide {
	width: 255px;
	height: 382px;
	outline: 0
}
.product-slide>img {
	margin-left: auto;
	margin-right: auto
}
@media only screen and (max-width:767px) {
	.product-slider-wrap {
		height: 67vw
	}
	.product-slide {
		width: auto;
		height: 67vw
	}
	.product-slide>img {
		width: 90%;
		height: auto
	}
}
.create-cutting {
	padding-top: 50px;
	padding-bottom: 60px
}
.cutting-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.cutting-list-item {
	width: 520px
}
.cutting-list-item>.title-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	margin-bottom: 20px
}
.cutting-list-item>.title-wrap>.main {
	height: 1.1em;
	margin-right: 10px;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 500;
	font-style: italic;
	font-size: 60px;
	font-size: 6rem;
	overflow: hidden;
	line-height: 1
}
.cutting-list-item>.title-wrap>.main>span {
	display: inline-block
}
.cutting-list-item>.title-wrap>.sub {
	margin-bottom: .5em;
	font-size: 12px;
	font-size: 1.2rem
}
.cutting-list-item .movie {
	position: relative;
	padding-bottom: 56.25%;
	width: 100%;
	height: 0;
	height: 293px;
	overflow: hidden
}
.cutting-list-item .movie>iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
@media only screen and (max-width:767px) {
	.create-cutting {
		padding-top: 13.33333vw;
		padding-bottom: 13.33333vw
	}
	.cutting-list {
		display: block
	}
	.cutting-list-item {
		width: 100%;
		margin-bottom: 4vw
	}
	.cutting-list-item:last-of-type {
		margin-bottom: 0
	}
	.cutting-list-item>.title-wrap {
		margin-bottom: 2.66667vw
	}
	.cutting-list-item>.title-wrap>.main {
		font-size: 42px;
		font-size: 4.2rem
	}
	.cutting-list-item>.title-wrap>.sub {
		opacity: 1!important;
		-webkit-transition: none;
		transition: none
	}
	.cutting-list-item .movie {
		height: 51vw
	}
}
.headpiece-phs {
	position: relative;
	height: 480px
}
.headpiece-phs>.ph {
	position: absolute;
	display: block
}
.headpiece-phs>.ph.ph1 {
	top: 0;
	left: 0
}
.headpiece-phs>.ph.ph2 {
	top: 260px;
	left: 100px
}
.headpiece-phs>.ph.ph3 {
	top: 40px;
	right: 0
}
@media only screen and (max-width:767px) {
	.headpiece-phs {
		height: 52vw
	}
	.headpiece-phs>.ph.ph1 {
		width: 40vw
	}
	.headpiece-phs>.ph.ph2 {
		top: 32vw;
		left: 4vw;
		right: 0;
		width: 30vw
	}
	.headpiece-phs>.ph.ph3 {
		top: 10.66667vw;
		left: auto;
		width: 50vw
	}
}
@media print, (min-width:768px) {
	.create-voice {
		padding-top: 60px;
		padding-bottom: 115px
	}
}
@media only screen and (max-width:767px) {
	.create-voice {
		padding-top: 13.33333vw;
		padding-bottom: 20vw
	}
}
.jobsupport-slider-wrap {
	position: relative
}
.jobsupport-slider-wrap>.check-text {
	position: absolute;
	z-index: 1;
	top: 10px;
	left: 495px;
	z-index: 1;
	width: 155px;
	height: 60px;
	fill: transparent;
	stroke: #ed74da;
	stroke-width: .5;
	-webkit-transform: rotate(-15deg);
	transform: rotate(-15deg)
}
.jobsupport-slider-wrap>.check-text>.check {
	fill: #ed74da;
	stroke-width: 0
}
.jobsupport-slider-wrap>.check-text>.check.check1 {
	stroke-dasharray: 196 198;
	stroke-dashoffset: 197
}
.jobsupport-slider-wrap>.check-text>.check.check2 {
	stroke-dasharray: 296 298;
	stroke-dashoffset: 297
}
.jobsupport-slider-wrap>.check-text>.check.check3 {
	stroke-dasharray: 111 113;
	stroke-dashoffset: 112
}
.jobsupport-slider-wrap>.check-text>.check.check4 {
	stroke-dasharray: 88 90;
	stroke-dashoffset: 89
}
.jobsupport-slider-wrap>.check-text>.check.check5 {
	stroke-dasharray: 331 333;
	stroke-dashoffset: 332
}
.jobsupport-slider-wrap>.check-text>.check.check6, .jobsupport-slider-wrap>.check-text>.check.check7 {
	stroke-dasharray: 118 120;
	stroke-dashoffset: 119
}
.jobsupport-rate {
	margin-top: 60px
}
.jobsupport-rate .employment-afterpass {
	position: relative
}
.rate-wrap {
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 450px;
	min-width: initial;
	min-width: auto;
	padding-top: 0;
	background: url(../images/top/feature_rate_bg.jpg) no-repeat top center;
	background-size: cover
}
.rate-wrap>.employment-support-result {
	margin-left: 0;
	margin-right: 0
}
@media only screen and (max-width:767px) {
	.jobsupport-slider-wrap>.check-text {
		top: -9vw;
		left: 2vw;
		width: 28vw;
		height: 15.33333vw
	}
	.jobsupport-rate {
		margin-top: 13.33333vw
	}
	.rate-wrap {
		height: 60vw
	}
}

.section-firstview .firstview-copy{
	height:182px;
}
.add_kosya{
	line-height:1.1;
	text-align:center;
	font-weight:600;
}
.add_kosya span{
	display:inline-block;
	padding:.2em .9em;
	border:1px solid #fff;
	font-size:16px;
	color:#fff;
}
.add_kosya span + span{
	margin-left:0.5em;
}
@media only screen and (max-width:767px){
	.section-firstview .firstview-copy{
		height:auto;
	}
	.add_kosya{
		padding-top:5vw;
	}
	.add_kosya span{
		font-size:4vw;
	}

}

/*--------------------------------------------------
2021.10
----------------------------------------------------*/
.header-fixed{
	top:-120px;
	height:120px;
}
.header-fixed .header-logo{
	width:100px;
	height:auto;
}
.header-fixed .header-request{
	margin-right:15px;
}
.header-vantan-logo{
	padding-bottom:10px;
}
.header-fixed .header-vantan-logo{
	padding-bottom:0;
}

@media only screen and (max-width:767px){
	.alt__header{
		height:24vw;
	}
	.alt__header.header-fixed .header-logo{
		display:none;
	}
	.header-vantan-logo{
		position:relative;
		z-index:999;
		padding:1vw 0 3vw 0;
	}
	.header-logo{
		top:9vw;
	}
}


.header-logo {
	width: auto;
	max-width: 350px;
	margin-right: 1em;
}
.header-fixed .header-logo {
	width: auto;
}

@media only screen and (max-width:767px) {
	.header-logo {
		top: 7vw;
		width: clamp(270px, 50vw, 400px);
		max-width: none;
	}
}

@media only screen and (min-width: 768px) {
	.header-navigation ul li a {
		color: #000;
	}
	.header-navigation ul li a::after {
		border-color: #000;
	}
	.header-fixed {
		background: #fff;
	}
}


.employment-content .employment-support > p:not([class]) {
	margin-bottom: 40px;
	color: #fff;
	font-size: 16px;
	line-height: calc(24 / 16);
	text-align: center;
}
.employment-support-result {
	justify-content: center;
}
.employment-content .employment-support > .note {
	margin-top: 10px;
	text-align: center;
}
.tooltip-container {
	position: relative;
	margin-top: 20px;
}
.tooltip-trigger {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.tooltip-trigger span {
	cursor: pointer;
}
.tooltip-body {
	position: absolute;
	left: 50%;
	width: 400px;
	padding: 1em;
	background: #fff;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
	font-weight: bold;
	line-height: calc(21 / 14);
	text-align: left;
	translate: -50% calc(-100% - 2.75em);
	visibility: hidden;
	opacity: 0;
	transition: opacity .3s;
}
.tooltip-body::before {
	position: absolute;
	bottom: -8px;
	left: 50%;
	width: 16px;
	height: 16px;
	background: #fff;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
	content: "";
	rotate: 45deg;
	translate: -50% 0;
	transform: skewX(5deg);
}
.tooltip-body::after {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 30px;
	height: 14px;
	background: #fff;
	content: "";
	translate: -50% 0;
}
@media only screen and (max-width: 767px) {
	.employment-content .employment-support > p:not([class]) {
		margin-inline: 1em;
		margin-bottom: 2em;
		font-size: 1.2rem;
	}
	.employment-content .employment-support > .note {
		margin-top: 0.5em;
		font-size: 1.1rem;
	}
	.tooltip-container {
		margin-top: 1em;
	}
	.tooltip-trigger {
		font-size: 1.5rem;
	}
	.tooltip-body {
		width: calc(100% - 10vw);
		font-size: 1.2rem;
		translate: -50% calc(-100% - 3.5em);
	}
	.employment-bg {
		height: 185vw;
	}
}
@media only screen and (min-width: 768px) {
	.employment-content .employment-support {
		padding-top: 50px;
	}
	.tooltip-trigger span:hover + .tooltip-body {
		visibility: visible;
		opacity: 1;
	}
	.employment-bg {
		top: 190px;
		height: 880px;
	}
}

.jobsupport-rate > .lead {
	margin-bottom: 55px;
	font-size: 1.6rem;
	text-align: center;
}
.jobsupport-rate > .note {
	margin-top: 20px;
	text-align: center;
}
.jobsupport-rate > .tooltip-container {
	padding-bottom: 50px;
}
@media only screen and (max-width: 767px) {
	.jobsupport-rate > .lead {
		margin-inline: 4vw;
		margin-bottom: 2em;
		font-size: 1.4rem;
	}
	.jobsupport-rate > .note {
		margin-top: 1em;
		font-size: 1.1rem;
	}
	.jobsupport-rate > .tooltip-container {
		padding-bottom: 1.5em;
	}
}


.tour-afterpass .att-notes {
	text-align: right;
	position: relative;
}
.tour-afterpass .att-notes ul {
	font-size: .8em;
	text-align: left;
	display: inline-block;
}


/*--------------------------------------------------
2024.03
----------------------------------------------------*/
.employment-support-result .result-item .slot-wrap .slot-att {
	font-style: normal;
	font-size: .7em;
	line-height: 1;
	position: absolute;
	top: -.25em;
	left: calc(100% - .8em);
}