@charset "utf-8";
/*
 index.css
*/
/* -----------------------------------------------
= lity
----------------------------------------------- */
.lity {
	background: rgba(0,0,0,.2);
}
.lity-youtube .lity-container {
	width: calc(100% - 7rem);
	margin: 0 3.5rem;
	padding: 2rem;
	background: #fff;
	border-radius: 3rem;
}
.lity-iframe-container iframe {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.lity-close {
	top: calc(50% - 27rem);
	right: 4rem;
	text-shadow: none;
}
.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
	text-shadow: none;
}
.lity-close:active {
	top: calc(50% - 27rem);
}
@media print, screen and (min-width: 768px) {/* PC */
.lity-youtube .lity-container {
	width: 100%;
	max-width: 85rem;
	margin: 0 auto;
	padding: 2.5rem;
}
.lity-close {
	top: calc(50% - 35rem);
	right: calc(50% - 41rem);
	width: 70px;
	height: 70px;
	font-size: 90px;
	line-height: 90px;
}
.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
	font-size: 90px;
	line-height: 90px;
}
.lity-close:active {
	top: calc(50% - 35rem);
}
}/* @media */
/* -----------------------------------------------
= kv
----------------------------------------------- */
.kv {
	position: relative;
}
.kv h2 {
	position: absolute;
	top: 30%;
	right: 6rem;
	z-index: 1;
	font-size: 4rem;
	line-height: 6.6rem;
	letter-spacing: .12em;
	text-shadow: 0 0 15px #fff;
}
.kv .slick-arrow {
	position: absolute;
	top: calc(50% - 5rem);
	z-index: 1;
	width: 3.5rem;
	height: 10rem;
	color: transparent;
	background: rgba(255,255,255,.5);
}
.kv .slick-arrow::before {
	content: '';
	position: absolute;
	top: calc(50% - 1.2rem);
	width: 1.4rem;
	height: 2.4rem;
	background: url(../img/index/icon_kv_arrow.svg) no-repeat 50% / 100% auto;
}
.kv .slick-arrow.slick-prev {
	left: 0;
	border-radius: 0 1rem 1rem 0;
}
.kv .slick-arrow.slick-prev::before {
	left: 1rem;
	transform: rotate(180deg);
}
.kv .slick-arrow.slick-next {
	right: 0;
	border-radius: 1rem 0 0 1rem;
}
.kv .slick-arrow.slick-next::before {
	right: 1rem;
}
.kv .slick-dots {
	position: absolute;
	left: 0;
	bottom: 4rem;
	width: 100%;
	display: flex;
	justify-content: center;
}
.kv .slick-dots li {
	width: 2rem;
	height: 2rem;
	margin: 0 1.4rem;
	color: transparent;
	background: #d9d9d9;
	border: 1px solid #fff;
	border-radius: 50%;
}
.kv .slick-dots li.slick-active {
	background: #d3247c;
}
.kv .slick-dots > li:first-child:last-child {
    display: none;
}
@media print, screen and (min-width: 768px) {/* PC */
.kv {
	/* height: 60rem; */
}
.kv h2 {
	top: 20rem;
	right: 14rem;
	line-height: 7rem;
}
.kv .slick-arrow:hover::before {
	filter: invert(20%) sepia(61%) saturate(4210%) hue-rotate(314deg) brightness(91%) contrast(87%);
}
.kv img {
	object-fit: cover;
	object-position: 40% 0;
	width: 100%;
	/* height: 60rem; */
}
.kv .slick-dots {
	bottom: 5rem;
}
.kv .slick-dots li {
	width: 1.4rem;
	height: 1.4rem;
	margin: 0 1rem;
}
}/* @media */
/* -----------------------------------------------
= news
----------------------------------------------- */
.news {
	position: relative;
	margin: -1.5rem 3.5rem 0;
	background: #fff;
	border: 1px solid #d3247c;
	border-radius: .5rem;
}
.news dt {
	padding: 2rem;
	color: #fff;
	background: #d3247c;
	font-size: 2.8rem;
	font-weight: bold;
	text-align: center;
}
.news dd a {
	display: block;
	position: relative;
	color: #d3247c;
	padding: 3rem 6rem 3rem 3rem;
	font-size: 2.6rem;
	line-height: 4rem;
}
.news dd a::after {
	content: '';
	position: absolute;
	top: calc(50% - 1.2rem);
	right: 2.5rem;
	width: 2.2rem;
	height: 2.4rem;
	background: #d3247c;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.news dd time {
	display: block;
	margin-bottom: .5rem;
	color: #8c8c8c;
}
@media print, screen and (min-width: 768px) {/* PC */
.news {
	display: flex;
	max-width: 110rem;
	margin: -3rem auto 0;
}
.news dt {
	width: 20rem;
	padding: 1.8rem 0;
	font-size: 1.8rem;
	line-height: 2.4rem;
}
.news dd {
	flex: 1;
}
.news dd a {
	display: flex;
	padding: 1.8rem 5rem 1.8rem 2rem;
	font-size: 1.6rem;
	line-height: 2.4rem;
}
.news dd a::after {
	top: calc(50% - .7rem);
	right: 2rem;
	width: 1.4rem;
	height: 1.4rem;
}
.news dd time {
	margin: 0 1em 0 0;
}
.news dd p {
	flex: 1;
}
.news dd a:hover p {
	color: #d3247c;
	text-decoration: underline;
}
}/* @media */
/* -----------------------------------------------
= title
----------------------------------------------- */
.top_title {
	margin-bottom: 6rem;
	text-align: center;
}
.top_title .en {
	display: block;
	position: relative;
	margin-bottom: 3rem;
	padding-bottom: 3rem;
	font-size: 6rem;
	font-weight: bold;
	line-height: 8rem;
}
.top_title .en::after {
	content: '';
	position: absolute;
	left: calc(50% - 6.5rem);
	bottom: 0;
	width: 13rem;
	height: .7rem;
	background: #d3247c;
	border-radius: .35rem;
}
.top_title .jp {
	display: block;
	font-size: 3rem;
	line-height: 5rem;
}
@media print, screen and (min-width: 768px) {/* PC */
.top_title {
	margin-bottom: 3rem;
}
.top_title .en {
	margin-bottom: 1.4rem;
	padding-bottom: 1.4rem;
	font-size: 5rem;
}
.top_title .en::after {
	left: calc(50% - 5rem);
	width: 10rem;
	height: .5rem;
	border-radius: .25rem;
}
.top_title .jp {
	font-size: 2rem;
}
}/* @media */
/* -----------------------------------------------
= system
----------------------------------------------- */
.system {
	padding: 6rem 3.5rem 10rem;
	text-align: center;
}
.system .text {
	margin-bottom: 6rem;
	font-size: 2.6rem;
	line-height: 5rem;
}
.system .text small {
	font-size: 85%;
}
.system .btn a {
	display: inline-block;
	position: relative;
	padding: 3.4rem 14rem;
	color: #fff;
	background: #d3247c;
	border-radius: 3em;
	box-shadow: 0 3px 0 #e5e5e5;
	font-size: 3.2rem;
	font-weight: bold;
}
.system .btn a::after {
	content: '';
	position: absolute;
	top: calc(50% - .9rem);
	right: 3.4rem;
	width: 2rem;
	height: 1.8rem;
	background: #fff;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media print, screen and (min-width: 768px) {/* PC */
.system {
	padding: 4rem 0 8rem;
	background: url(../img/index/system_bg.jpg) no-repeat 50% 3rem / 133.8rem auto;
}
.system .text {
	margin-bottom: 4rem;
	font-size: 1.6rem;
	line-height: 3.4rem;
}
.system .btn a {
	padding: 2.4rem 9rem;
	font-size: 2.2rem;
}
.system .btn a::after {
	top: calc(50% - .8rem);
	right: 2.3rem;
	width: 1.6rem;
	height: 1.6rem;
}
.system .btn a:hover {
	background: #e10e7a;
}
}/* @media */
/* -----------------------------------------------
= information
----------------------------------------------- */
.information {
	padding: 6rem 3.5rem 0;
	background: #f2f2f2;
}
.information ul {
	padding: 1rem 3rem 3rem;
	background: #fff;
	border-radius: .3rem;
	box-shadow: 3px 3px 0 #e5e5e5;
}
.information li {
	border-bottom: 1px dotted #ccc;
}
.information li a {
	display: block;
	padding: 2rem 0;
	font-size: 2.6rem;
	line-height: 4rem;
}
.information li time {
	display: inline-block;
	margin: 0 0 1.5rem;
	color: #8c8c8c;
}
.information li .category {
	display: inline-block;
	text-align: center;
	min-width: 5em;
	margin: 0 1rem 1.5rem;
	padding: 0 2rem;
	color: #fff;
	border-radius: 3em;
	font-size: 2.2rem;
}
.information li .category.type_a {
	background: #13b5b1;
}
.information li .category.type_b {
	background: #f8b551;
}
.information li .category.type_c {
	background: #c490bf;
}
.information li .category.type_d {
	background: #88abda;
}
.information .btn {
	position: relative;
	bottom: -5rem;
	text-align: center;
}
.information .btn a {
	display: inline-block;
	position: relative;
	padding: 3.4rem 10rem;
	color: #d3247c;
	background: #fff;
	border: 1px solid #d3247c;
	border-radius: 3em;
	box-shadow: 0 3px 0 #e5e5e5;
	font-size: 3.2rem;
	font-weight: bold;
}
.information .btn a::after {
	content: '';
	position: absolute;
	top: calc(50% - .9rem);
	right: 3.4rem;
	width: 2rem;
	height: 1.8rem;
	background: #d3247c;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media print, screen and (min-width: 768px) {/* PC */
.information {
	padding: 6rem 0 0;
}
.information .inner {
	display: flex;
	position: relative;
	max-width: 110rem;
	margin: 0 auto;
}
.information .top_title {
	width: 30rem;
	margin-top: -2rem;
	text-align: left;
}
.information .top_title .en {
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	font-size: 3.8rem;
}
.information .top_title .en::after {
	left: 0;
}
.information ul {
	flex: 1;
	margin-bottom: -2rem;
	padding: 1rem 3rem 3rem;
	border-radius: .5rem;
	box-shadow: 5px 5px 0 #e5e5e5;
}
.information li a {
	display: flex;
	align-items: start;
	position: relative;
	padding: 2rem 4rem 2rem 0;
	font-size: 1.6rem;
	line-height: 2.4rem;
}
.information li a::after {
	content: '';
	position: absolute;
	top: calc(50% - .75rem);
	right: .5rem;
	width: 1.3rem;
	height: 1.5rem;
	background: #ccc;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.information li a:hover::after {
	background: #e10e7a;
}
.information li time {
	display: block;
	margin: 0;
}
.information li .category {
	display: block;
	margin: 0 1rem;
	padding: 0 1.5rem;
	font-size: 1.3rem;
}
.information li a:hover p {
	color: #d3247c;
	text-decoration: underline;
}
.information .btn {
	position: absolute;
	top: 15rem;
	left: 0;
}
.information .btn a {
	padding: 1.5rem 5rem 1.5rem 4rem;
	font-size: 1.8rem;
}
.information .btn a::after {
	top: calc(50% - .7rem);
	right: 2rem;
	width: 1.3rem;
	height: 1.4rem;
}
.information .btn a:hover {
	color: #fff;
	background: #e10e7a;
}
.information .btn a:hover::after {
	background: #fff;
}
}/* @media */
/* -----------------------------------------------
= interview
----------------------------------------------- */
.interview {
	padding: 15.5rem 0 10rem;
}
.interview .item_wrap {
	margin-bottom: 6rem;
}
.interview .item {
	width: 50rem;
	margin: 0 2.5rem;
	line-height: 1.5;
}
.interview .img {
	position: relative;
}
.interview .img::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10.2rem;
	height: 7.1rem;
	background: url(../img/shared/icon_movie.svg) no-repeat 50% / cover;
	transform: translate(-50%,-50%);
}
.interview .img img {
	width: 100%;
	height: 28rem;
	object-fit: cover;
}
.interview .school {
	padding: 2rem 1rem 0;
	font-size: 2.8rem;
}
.interview .name {
	padding: 2rem 1rem 2rem;
	border-bottom: 1px dotted #d3247c;
	font-size: 3.4rem;
	font-weight: bold;
}
.interview .btn {
	text-align: center;
}
.interview .btn a {
	display: inline-block;
	position: relative;
	padding: 3.4rem 10rem;
	color: #d3247c;
	background: #fff;
	border: 1px solid #d3247c;
	border-radius: 3em;
	box-shadow: 0 3px 0 #e5e5e5;
	font-size: 3.2rem;
	font-weight: bold;
}
.interview .btn a::after {
	content: '';
	position: absolute;
	top: calc(50% - .9rem);
	right: 3.4rem;
	width: 2rem;
	height: 1.8rem;
	background: #d3247c;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
}
/* interview__list3col */
.interview__list3col {
	padding: 0;
}
.interview__list3col .item_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.interview__list3col .item {
	width: calc(100% / 2 - 2rem);
	margin: 0;
}
.interview__list3col .item:nth-child(n+3) {
	margin-top: 4rem;
}
.interview__list3col .name {
	font-size: 2.6rem;
}
.interview__list3col .img::after {
	width: 6.2rem;
    height: 4.4rem;
}
.ly_interview {
	padding-bottom: 10rem;
}
@media print, screen and (min-width: 768px) {/* PC */
.interview {
	padding: 10rem 0 7rem;
}
.interview .item_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 114rem;
	margin: 0 auto 4rem;
}
.interview .item {
	width: 34rem;
	margin: 0 2rem;
}
.interview .item a:hover {
	color: #d3247c;
}
.interview .img {
	overflow: hidden;
}
.interview .img::after {
	width: 5.7rem;
	height: 4rem;
}
.interview .img img {
	height: 19rem;
}
.interview a img {
	height: 19rem;
	transition: .3s;
}
.interview a:hover img {
	transform: scale(1.1);
}
.interview .school {
	padding: 1.5rem .5rem .5rem;
	font-size: 1.8rem;
}
.interview .name {
	padding: 1.7rem .5rem 1.6rem;
	font-size: 2.4rem;
}
.interview .btn a {
	padding: 2.3rem 10rem 2.3rem 9rem;
	font-size: 2.2rem;
}
.interview .btn a::after {
	top: calc(50% - .8rem);
	right: 2.4rem;
	width: 1.6rem;
	height: 1.6rem;
}
.interview .btn a:hover {
	color: #fff;
	background: #e10e7a;
}
.interview .btn a:hover::after {
	background: #fff;
}
/* interview__list3col */
.interview__list3col {
	margin: 0 -2rem;
	padding: 0;
}
.interview__list3col .item_wrap {
	justify-content: flex-start;
}
.interview__list3col .item:nth-child(n+3) {
	margin-top: 0;
}
.interview__list3col .item:nth-child(n+4) {
	margin-top: 5rem;
}
.ly_interview {
	padding-bottom: 8rem;
}
}/* @media */
/* -----------------------------------------------
= pickup
----------------------------------------------- */
.pickup {
	margin-top: 12rem;
	padding: 0 3.5rem;
}
.pickup li {
	margin-bottom: 3.5rem;
}
.pickup .img {
	margin-bottom: 1rem;
}
.pickup .img img {
	width: 100%;
	border-radius: 1rem 1rem 0 0;
}
.pickup .set {
	padding: 1rem 3rem 4.5rem;
	background: url(../img/index/pickup_bg_sp.png) no-repeat 0 100% / 100% auto;
	text-align: center;
}
.pickup .title {
	margin-bottom: 2rem;
	font-size: 3.6rem;
	line-height: 5.6rem;
}
.pickup .btn {
	display: inline-block;
	padding: 1.6rem 8rem;
	color: #d3247c;
	border: 1px solid #d3247c;
	border-radius: 3em;
	box-shadow: 0 3px 0 #e5e5e5;
	font-size: 2.6rem;
}
@media print, screen and (min-width: 768px) {/* PC */
.pickup {
	padding: 0;
	margin-top: 8rem;
}
.pickup ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 114rem;
	margin: 0 auto;
}
.pickup li {
	width: calc(50% - 4rem);
	margin: 0 2rem 4rem;
	background: url(../img/index/pickup_bg.png) no-repeat 0 100% / 100% auto;
}
.pickup li a {
	display: block;
	position: relative;
}
.pickup .img {
	float: right;
	width: 33rem;
	margin-bottom: 0;
	border-radius: 0 .5rem .5rem 0;
	overflow: hidden;
}
.pickup .img img {
	border-radius: 0 .5rem .5rem 0;
	transition: .3s;
}
.pickup li a:hover img {
	transform: scale(1.1);
}
.pickup .set {
	display: grid;
	place-content: center;
	position: absolute;
	top: 0;
	left: 0;
	height: 13rem;
	padding: 2.5rem 0 4.5rem 4.5rem;
	background: transparent;
	text-align: left;
}
.pickup .title {
	margin-bottom: 1.5rem;
	font-size: 2.2rem;
	line-height: 4rem;
}
.pickup .btn {
	width: 12.5rem;
	padding: 1rem 0;
	font-size: 1.6rem;
	text-align: center;
}
.pickup a:hover .btn {
	color: #fff;
	background: #e10e7a;
}
}/* @media */
/* -----------------------------------------------
= bnr
----------------------------------------------- */
.bnr {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 5rem 2rem 12rem;
}
.bnr li {
	width: calc(50% - 3.4rem);
	margin: 0 1.5rem 3rem;
	/* border: .1px solid #d9d9d9; */
}
@media print, screen and (min-width: 768px) {/* PC */
.bnr {
	display: flex;
	flex-wrap: nowrap;
	max-width: 114rem;
	margin: 0 auto;
	padding: 6rem 0 11rem;
}
.bnr li {
	width: calc(1 / 3 * 100% - 4rem);
	margin: 0 2rem;
}
.bnr li a:hover {
	opacity: .8;
}
}/* @media */