@charset "UTF-8";
/* =======================================

	IndexElements

======================================= */
/*-----------------------------------------
	animation
-----------------------------------------*/
@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}
@keyframes bounceIn {
	from, 20%, 40%, 60%, 80%, to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03);
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97);
	}

	to {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

/*-----------------------------------------
	first_view
-----------------------------------------*/
.first_view {
	-webkit-animation: fv_fade 1.0s linear forwards;
	        animation: fv_fade 1.0s linear forwards;
	margin: 95px 0 0;
	overflow: hidden;
}
@-webkit-keyframes fv_fade {
	0% { opacity: 0;}
	100% { opacity: 1;}
}
@keyframes fv_fade {
	0% { opacity: 0;}
	100% { opacity: 1;}
}

@media only screen and (max-width: 768px) {
	.first_view {
		margin: 50px 0 0;
	}
}

/*-----------------------------------------
	key_field
-----------------------------------------*/
.key_field {
	/*height: calc(100vh - 176px);*/
	height: 596px;
	position: relative;
	overflow: hidden;
	/*background: url(/files/top/mainvisual_deco.png) no-repeat;
	background-position: bottom -286px center;
	background-size: 110% auto;*/
}
.key_field .slick-list li .label {
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	line-height: 2.0;
	text-align: center;
	color: #FFF;
	border-radius: 25px 0 25px 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

@media only screen and (max-width: 768px) {
	.key_field {
		/*width: calc(100% - 80px);*/
		height: auto;
		/*margin-left: 80px;*/
		/*background-position: bottom -100px right -80px;
		background-size: 200% auto;*/
	}
	.key_field:before {
		width: 285px;
	}
}

/* .slick-dots */
.slick-dots li {
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	position: relative !important;
}
.slick-dots li::before {
	content: "";
	width: 100%;
	display: block;
	height: 1px;
	background: #E6E6E6;
	position: absolute;
	top: 50%;
	z-index: -1;
}
.slick-dots li.slick-active::before {
	top: 4px;
}
.slick-dots li:last-child.slick-active::before {
	right: 0;
}
.slick-dots li .activedots {
	content: "";
	width: 100%;
	display: block;
	width: 36px;
	height: 8px;
	background: #DE0975 !important;
	border-radius: 12px !important;
	position: absolute;
	top: 0;
	left: -14px;
	z-index: 1;
	-webkit-transition: all 0.5s ease-out;
}
.slick-dots li button {
	width: 8px !important;
	height: 8px !important;
	margin: 0 10px !important;
	padding: 0 !important;
	font-size: 0 !important;
	line-height: 0 !important;
	display: block !important;
	color: #FFF !important;
	line-height: initial !important;
	font-weight: 500;
	background:#E6E6E6 !important;
	border-radius: 100% !important;
}
.slick-dots li:first-child button {
	margin: 0 10px 0 0 !important;
}
.slick-dots li:last-child button {
	margin: 0 0 0 10px !important;
}
.slick-dots .slick-active button {
	/*background: #DE0975 !important;
	width: 37px !important;
	border-radius: 12px !important;*/
}
.slick-dots li button:before,
.slick-dots li.slick-active button:before {
	content: none !important;
}
.slick-dotted.slick-slider {
	margin-bottom: 0 !important;
}

@media only screen and (max-width: 768px) {
	.slick-dots li:not(:first-child):not(:last-child) button {
		margin: 0 7px !important;
	}
	.slick-dots li:first-child button {
		margin: 0 7px 0 0 !important;
	}
	.slick-dots li:last-child button {
		margin: 0 0 0 7px !important;
	}
	.slick-dots li .activedots {
		width: 30px;
		left: -11px;
	}
}


/*-----------------------------------------
	main slider
-----------------------------------------*/
.main_field {
	margin: 0 40px 0 16px;
	z-index: 1;
	position: relative;
}
/*.main_field::before {
	content: '';
	display: block;
	position: absolute;
	bottom: 72px;
	left: -42px;
	width: 156px;
	height: 133px;
	background: url(/files/top/mainvisual_deco_l.png) no-repeat;
	background-size: cover;
	z-index: 2;p/mainvisual_deco_r.png) no-repeat;
	background-size: cover;
	visibility: hidden;
}*/
.main_field.fade::before {
	visibility: visible;
	-webkit-animation-duration: 1.25s;
	animation-duration: 1.25s;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
/*.main_field::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 554px;
	width: 87px;
	height: 79px;
	background: url(/files/top/mainvisual_deco_r.png) no-repeat;
	background-size: cover;
	visibility: hidden;
}*/
.main_field.fade::after {
	visibility: visible;
	-webkit-animation-duration: 1.25s;
	animation-duration: 1.25s;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.main_field .slider {
	opacity: 0;
	visibility: hidden;
	position: relative;
}
.main_field .slick-list li {
	border-radius: 5px 5px 0 0;/*25px 5px 0 0*/
	margin: 14px 0 0;
	position: relative;
}
.main_field .slick-list li .label {
	font-size: 2.9rem;
	line-height: 2.0;
	width: 57px;
	height: 57px;
	left: 24px;
}
.main_field .slick-list li figure {
	width: 600px;
	height: 582px;
	/*height: calc(100vh - 191px);*/
	position: relative;
	/*overflow: hidden;*/
	margin: 0 0 0 24px;
	border-radius: 5px 5px 0 0;/*25px 5px 0 0*/
	background: #FFF;
	-webkit-box-shadow: 0 8px 24px rgba(149, 157, 165, 0.16);
	        box-shadow: 0 8px 24px rgba(149, 157, 165, 0.16);
}
.main_field .slick-list li figure > img {
	width: 100%;
	height: auto;
	border-radius: 5px 5px 0 0;/*25px 5px 0 0*/
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	display: block;
}
.main_field .slick-list li figcaption {
	width: 392px;
	position: absolute;
	bottom: 60px;
	right: 10px;
	opacity: 0;
	transition: all .8s ease-out .3s;
}
.main_field .slick-list li.slick-current figcaption {
	right: -14px;
	opacity: 1;
}
.main_field .slick-list li figcaption img {
	width: 100%;
}
.main_field .slick-list li p {
	font-family: 'M PLUS 1p', sans-serif;
	color: #222222;
	font-size: 2.4rem;
	font-weight: 700;
	position: absolute;
	left: 598px;
	top: 480px;
	margin-right: 9px;
	opacity: 0;
	transition: all .5s ease-out .6s;
}
.main_field .slick-list li.slick-current  p {
	opacity: 1;
}
.main_field .slick-list li p span::before {
	content: '';
	display: block;
	width: 0;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all .4s ease-out .6s;
}
.main_field .slick-list li.slick-current p span::before {
	width: 100%;
}

.main_field .slick-list li p span {
	display: block;
	position: relative;
	width: 100%;
	padding: 0 70px 10px 60px;
}
.main_field .slick-list li p span::after {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 1px;
	position: absolute;
	right: -9px;
	bottom: -2px;
	opacity: 0;
	transform: scale(0);
	transition: all .5s ease-out .95s;
}
.main_field .slick-list li.slick-current p span::after {
	opacity: 1;
	transform: scale(1);
}

/* dots */
.main_field .slick-dots {
	text-align: left;
	left: 778px;
	/* left: 658px; */
	top: 434px;
	/*bottom: 138px;*/
}

/* main_slider_num */
.main_slider_num {
	opacity: 0;
	font-family: 'M PLUS 1p', sans-serif;
	font-size: 1.2rem;
	position: absolute;
	top: 444px;
	left: 1075px;
	white-space: nowrap;
}
.main_slider_num .nowcnt {
	color: #DE0975;
}

@media only screen and (max-width: 1260px) {
	.main_field {
		margin: 0 16px;
	}
	.main_field .slick-list li p {
		font-size: 2.2rem;
		letter-spacing: 0;
	}
	.main_field .slick-list li p span {
		padding: 0 16px 10px 60px;
	}
}

@media only screen and (max-width: 768px) {
	.main_field {
		margin: 0;
		padding: 0 0 100px 0;
	}
	.main_field::before {
		z-index: 0;
	}
	.main_field::after {
		left: auto;
		right: 0;
	}
	.main_field .slider {
		position: static;
	}
	.main_field .slick-list li {
		margin: 0;
	}
	.main_field .slick-list li .label {
		font-size: 2.1rem;
		line-height: 2.5;
		top: 6px;
		left: 6px;
		width: 51px;
		height: 51px;
	}
	.main_field .slick-list li figure {
		width: 100%;
		height: auto;
		margin: 0;
		border-radius: 0;
	}
	.main_field .slick-list li figure > img {
		border-radius: 0;
		position: static;
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
	}
	.main_field .slick-list li figcaption {
		width: 60%;
		height: auto;
		left: auto;
		right: 30px;
		bottom: 20px;
	}
	.main_field .slick-list li.slick-current figcaption {
		right: 10px;
	}
	.main_field .slick-list li p {
		font-size: 1.5rem;
		position: static;
		background: rgba(255,255,255,0.75);
		border-radius: 3px;
		margin: 10px 12px;
		padding: 0;
	}
	.main_field .slick-list li p::before,
	.main_field .slick-list li p::after {
		content: none;
	}
	.main_field .slick-list li p span {
		width: 100%;
		display: block;
		position: relative;
		padding: 12px 12px 12px 40px;
	}
	.main_field .slick-list li p span::before {
		content: '';
		display: block;
		width: 2px;
		height: 0;
		position: absolute;
		left: 16px;
		top: -21px;
	}
	.main_field .slick-list li.slick-current p span::before {
		width: 2px;
		height: 35px;
	}

	.main_field .slick-list li p span::after {
		content: '';
		display: block;
		width: 6px;
		height: 6px;
		border-radius: 1px;
		position: absolute;
		left: 14px;
		top: 16px;
	}
	.main_field .slick-dots {
		text-align: center;
		top: auto;
		left: auto;
		right: 25px;
		bottom: 74px;
		width: auto;
	}
	.main_slider_num {
		top: auto;
		left: auto;
		bottom: 28px;
		right: 109px;
	}
	/* arrow */
	.main_field .slick-prev,
	.main_field .slick-next {
		width: 30px;
		height: 30px;
		top: auto;
		bottom: 8px;
		z-index: 1;
	}
	.main_field .slick-prev {
		left: auto;
		right: 64px;
	}
	.main_field .slick-next {
		right: 24px;
	}
	.main_field .slick-prev:before,
	.main_field .slick-next:before {
		content: "\e902";
		font-family: 'tdg';
		display: block;
		text-align: center;
		line-height: 30px;
		color: #FFF;
		font-size: 1.2rem;
		background: #DE0975;
		opacity: 1;
		border-radius: 5px;
		-webkit-box-shadow: 0 3px 16px rgba(0, 0, 0, 0.16);
		        box-shadow: 0 3px 16px rgba(0, 0, 0, 0.16);
	}
	.main_field .slick-prev:before {
		-webkit-transform: rotate(180deg);
		        transform: rotate(180deg);
	}
}

/*-----------------------------------------
	thumbnail
-----------------------------------------*/
.thumbnail_field {
	/*width: 52%;*/
	width: calc(100% - 650px);
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}
.thumbnail_field .thumbnail {
	visibility: hidden;
	opacity: 0;
}

.thumbnail_field .slick-list {
	padding-left: 24px;
}
.thumbnail_field .slick-list .slick-current {
	margin-left: 24px;
}
.thumbnail_field .slick-list li {
	width: 275px;
	height: 404px;
	margin: 16px 10px 30px 16px;
	position: relative;
	overflow: hidden;
	border-radius: 5px 5px 5px 5px;/*25px 5px 5px 5px*/
	-webkit-box-shadow: 0 8px 24px rgba(149, 157, 165, 0.16);
	        box-shadow: 0 8px 24px rgba(149, 157, 165, 0.16);
}
.thumbnail_field .slick-list li a {
	outline: none;
}
.thumbnail_field .slick-list li a::before {
	content: '';
	display: block;
	background: rgba(255,255,255,0.5);
	width: 275px;
	height: 404px;
	position: relative;
	z-index: 1;
}

.thumbnail_field .slick-list li .label {
	font-size: 2.3rem;
	line-height: 2.0;
	width: 46px;
	height: 46px;
}
.thumbnail_field .slick-list figure > img {
	display: block;
	width: auto;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.thumbnail_field .slick-list li figcaption {
	position: absolute;
	bottom: 16px;
	right: 18px;
}
.thumbnail_field .slick-list li figcaption img {
	width: 100%;
}

/* arrow */
.thumbnail_field .slick-prev,
.thumbnail_field .slick-next {
	width: 38px;
	height: 38px;
	top: 452px;
	z-index: 1;
}
.thumbnail_field .slick-prev {
	left: 24px;
}
.thumbnail_field .slick-next {
	left: 72px;
}
.thumbnail_field .slick-prev:before,
.thumbnail_field .slick-next:before {
	content: "\e902";
	font-family: 'tdg';
	display: block;
	text-align: center;
	line-height: 38px;
	color: #FFF;
	font-size: 1.6rem;
	background: #DE0975;
	opacity: 1;
	border-radius: 5px;
	-webkit-box-shadow: 0 3px 16px rgba(0, 0, 0, 0.16);
	        box-shadow: 0 3px 16px rgba(0, 0, 0, 0.16);
}
.thumbnail_field .slick-prev:before {
	-webkit-transform: rotate(180deg);
	        transform: rotate(180deg);
}

@media only screen and (max-width: 768px) {
	.thumbnail_field {
		display: none;
	}
}

/*-----------------------------------------
	quick_link
-----------------------------------------*/
.first_view .quick_link {
	position: relative;
	background: #222222;
}
.first_view .quick_link > span {
	font-family: 'PT Sans', sans-serif;
	font-size: 1.8rem;
	font-weight: 700;
	color: #DF3185;
	position: absolute;
	top: 50%;
	left: 40px;
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
.first_view .quick_link > span::after {
	content: "\e907";
	font-family: 'tdg';
	font-size: 1.7rem;
	display: inline-block;
	margin: 0 0 0 12px;
}
.first_view .quick_link ul {
	height: 80px;
	padding: 0 80px 0 180px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	z-index: 1;
}
.first_view .quick_link li {
	font-size: 1.4rem;
	padding: 0 20px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.first_view .quick_link li:not(:first-child)::after {
	content: "";
	display: block;
	width: 1px;
	height: 16px;
	background: #3C3C3C;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.first_view .quick_link li .display_pc {
	display: inline-block !important;
}
.first_view .quick_link a {
	display: block;
	font-weight: 500;
	color: #fff;
	letter-spacing: 0;
}

@media only screen and (max-width: 1260px) {
	.first_view .quick_link > span {
		font-size: 1.7rem;
	}
	.first_view .quick_link ul {
		padding: 0 40px 0 180px;
	}
	.first_view .quick_link li {
		font-size: 1.3rem;
		padding: 0 9px;
	}
}
@media only screen and (max-width: 768px) {
	.main_wrap {
		position: relative;
	}
	.first_view .quick_link {
		position: fixed;
		top: 0;
		left: 0;
		width: 80px;
		text-align: center;
		background: #222222;
		margin-top: 50px;
	}
	.first_view .quick_link.fixed_release {
		position: absolute;
		bottom: 0;
		top: auto;
	}
	.first_view .quick_link.fixed_release ul {
		margin-top: 50px;
	}
	.first_view .quick_link > span {
		top: 50px;
		left: auto;
		display: block;
	}
	.first_view .quick_link > span::after {
		display: block;
		margin: 0;
	}
	.first_view .quick_link ul {
		width: 100%;
		min-height: 500px;
		padding: 0;
		-ms-flex-pack: end;
		    justify-content: flex-end;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-ms-flex-flow: column;
		    flex-flow: column;
	}
	.first_view .quick_link li {
		width: 100%;
		height: 12%;
		padding: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: relative;
	}
	.first_view .quick_link li:not(:first-child)::after {
		display :none;
	}
	.first_view .quick_link li:not(.highschool3):not(.company):not(.debut)::after {
		content: '';
		display: block;
		height: 1px;
		width: 48px;
		position: absolute;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		background: #3C3C3C;
	}
	.first_view .quick_link li.highschool3 {
		margin-top: 80px;
		order: 1;
	}
	.first_view .quick_link li.junior { order: 2; }
	.first_view .quick_link li.re_entrance {
		height: 7%;
		order: 3;
	}
	.first_view .quick_link li.international {
		height: 7%;
		order: 4;
	}
	.first_view .quick_link li.company {
		height: 15%;
		order: 6;
		position: relative;
		background: rgba(255, 255, 255, 0.10);
	}
	.first_view .quick_link li.company a {
		padding-top: 1em;
	}
	.first_view .quick_link li.company a::before {
		content: "\e909";
		font-family: 'tdg';
		display: block;
		color: #FFF;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -1.5em);
		transform: translate(-50%, -1.5em);
	}
	.first_view .quick_link li.parents {
		height: 15%;
		order: 7;
		position: relative;
		background: rgba(255, 255, 255, 0.10);
	}
	.first_view .quick_link li.parents a {
		padding-top: 1em;
	}
	.first_view .quick_link li.parents a::before {
		content: "\e90a";
		font-family: 'tdg';
		display: block;
		color: #FFF;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -1.5em);
		transform: translate(-50%, -1.5em);
	}
	.first_view .quick_link li.parents::after {
		background: rgba(255, 255, 255, 0.17) !important;
	}
	.first_view .quick_link li.students { order: 5; }
	.first_view .quick_link li.debut {
		height: 15%;
		order: 8;
		position: relative;
		background: rgba(255, 255, 255, 0.25);
	}
	.first_view .quick_link li.debut a {
		padding-top: 1em;
	}
	.first_view .quick_link li.debut a::before {
		content: "\e908";
		font-family: 'tdg';
		display: block;
		color: #FFF;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -2.2em);
		transform: translate(-50%, -2.2em);
	}
	.first_view .quick_link li .display_pc {
		display: none !important;
	}
	.first_view .quick_link a {
		display: block;
		width: 100%;
		height: 100%;
		line-height: normal;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		font-size: 1.4rem;
	}
}

/*-----------------------------------------
	main
-----------------------------------------*/
#site_index main {
	/*background: url(/files/top/right_bg1.png) no-repeat top right;*/
}

@media only screen and (max-width: 768px) {
	#site_index main {
		background: none;
	}
}



/*-----------------------------------------
	imp_news_field
-----------------------------------------*/
.imp_news_field {
	padding: 45px 0 95px;
    /*padding: 45px 0 15px; 20221003 padding 戻す*/
}
.important_notice {
	margin: 0 0 80px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background: #DE0975;
	border: 2px solid #DE0975;
}
.important_notice dt {
	width: 16%;
	min-width: 200px;
	padding: 0 0 0 52px;
	color: #FFF;
	font-size: 1.6rem;
	font-weight: 500;
}
.important_notice dt > span {
	position: relative;
}
.important_notice dt > span::before {
	content: "\e903";
	font-family: 'tdg';
	display: block;
	position: absolute;
	top: 50%;
	left: -26px;
	-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
}
.important_notice dd {
	width: 84%;
}
.important_notice li {
	margin: 0 0 2px;
	overflow: hidden;
	background: #FFF;
}
.important_notice li:last-of-type {
	margin: 0;
}
.important_notice li a {
	padding: 20px 38px;
	display: flex;
	color: #333;
	font-size: 1.6rem;
	position: relative;
}
.important_notice li .date {
	display: none; 
	/*【20210924】
	padding: 0 20px 0 0;
	font-weight: 500;*/
}
.important_notice li p {
	/*【20210924】
	border-left: 1px solid #E6E6E6;
	padding: 0 0 0 20px;*/
	font-weight: 400;
}

@media only screen and (max-width: 768px) {
	.imp_news_field {
		/*width: calc(100% - 80px);
		margin-left: 80px;*/
		padding: 24px 0 36px;
        /*padding: 24px 0 55px; 20221003戻し*/
	}
	.imp_news_field .cont_outer {
		padding-right: 15px;
		padding-left: 15px;
	}
	.important_notice {
		margin: 0 0 40px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		border: none;
		border-radius: 0;
		background: none;
	}
	.important_notice dt::before {
		color: #DE0975;
		content: "\e903";
		font-family: 'tdg';
		display: block;
		position: absolute;
		top: 50%;
		left: 8px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		z-index: 1;
	}
	.important_notice dt > span {
		display: none;
	}
	.important_notice dd {
		width: calc(100% + 30px);
	}
	.important_notice ul {
		margin: 0 0 2px;
		border-top: solid 1px #de0b75; /*20210924*/
		border-bottom: solid 1px #de0b75; /*20210924*/
	}
	.important_notice li {
		margin: 0 0 2px;
	}
	.important_notice li:first-of-type {
		border-top-right-radius: 0;
	}
	.important_notice li a {
		display: block;
		padding: 4% 4% 4% 35px;
		font-size: 1.2rem;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.important_notice li .date {
		padding: 0 15px 0 0;
	}
	.important_notice li p {
		border-left: none;
		padding: 0;
	}
}


/*-----------------------------------------
	banner
-----------------------------------------*/
.banner_field {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.banner_field .cont_outer {
	padding-right: 0;
	padding-left: 0;
	margin: 0 auto;
}
.banner_field .banner {
	opacity: 0;
	visibility: hidden;
	margin: 0 auto;
	padding:  16px 66px 60px;
	overflow: hidden;
	position: relative;
}
.banner_field .banner::before,
.banner_field .banner::after {
	content: "";
	display: block;
	width: 300px;
	height: calc(100% - 34px);
	background: #F7F7F7;
	position: absolute;
	top: 0;
	z-index: 1;
}
.banner_field .banner::before {
	left: -235px;
}
.banner_field .banner::after {
	right: -235px;
}
.banner_field .slick-list {
	overflow: visible;
}
.banner_field .slick-list li {
	margin: 0 11px;
	border-radius: 5px;
}
.banner_field .slick-list li a {
	display: block;
	outline: none;
}
.banner_field .slick-list li img {
	width: 100%;
	display: block;
	border-radius: 5px;
	-webkit-box-shadow: 0 3px 16px rgba(102, 102, 102, 0.11);
	        box-shadow: 0 3px 16px rgba(102, 102, 102, 0.11);
}

/* dots */
.banner_field .slick-dots {
	left: 50%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

/* arrow */
.banner_field .slick-prev,
.banner_field .slick-next {
	width: 38px;
	height: 38px;
	z-index: 2;
	top: calc(50% - 20px);
}
.banner_field .slick-prev {
	left: 22px;
}
.banner_field .slick-next {
	right: 22px;
}
.banner_field .slick-prev:before,
.banner_field .slick-next:before {
	content: "\e902";
	font-family: 'tdg';
	display: block;
	text-align: center;
	line-height: 38px;
	color: #FFF;
	font-size: 1.6rem;
	background: #000000;
	opacity: 1;
	border-radius: 5px;
	-webkit-box-shadow: 0 3px 16px rgba(0, 0, 0, 0.16);
	        box-shadow: 0 3px 16px rgba(0, 0, 0, 0.16);
}
.banner_field .slick-prev:before {
	-webkit-transform: rotate(180deg);
	        transform: rotate(180deg);
}

@media only screen and (max-width: 768px) {
	.banner_field {
		width: 100%;
	}
	.banner_field .cont_outer {
		padding: 0 15px;
	}
	.banner_field .banner {
		padding: 0 0 50px;
	}
	.banner_field .banner::before,
	.banner_field .banner::after {
		content: none;
	}
	.banner_field .slick-list {
		padding: 0 !important;
	}
	.banner_field .slick-list li {
		margin: 0 5px;
	}
	.banner_field .slick-prev {
		left: 0;
	}
	.banner_field .slick-next {
		right: 0;
	}
	.banner_field .slick-dots {
		left: 50%;
		-webkit-transform: translateX(-50%);
				transform: translateX(-50%);
	}
}

@media only screen and (max-width: 768px) {
	.banner_field .cont_outer {
		padding: 0;
	}
	.banner_field .slick-list li {
		margin: 0 15px;
	}
}

/*-----------------------------------------
	news_field
-----------------------------------------*/
.news_field {
	padding: 168px 0 95px;
	position: relative;
}
.news_field .sec_head {
	float: left;
	position: relative;
}
.news_field .sec_head::after {
	left: 0;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
/*.news_field .sec_head::before {
	content: '';
	display: block;
	position: absolute;
	bottom: 42px;
	left: -95px;
	width: 139px;
	height: 154px;
	background: url(/files/top/news_deco.png) no-repeat;
	background-size: cover;
	visibility: hidden;
}*/
.news_field .sec_head.bounceIn::before {
	visibility: visible;
	/*animation-delay: 1.0s;*/
	-webkit-animation-duration: .85s;
	animation-duration: .85s;
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
}
/* news_area */
.news_area {
	float: right;
	width: 78%;
	margin: 0 0 40px auto;
}
.news_slider {
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.news_slider > li {
	width: calc(88% / 3);
	position: relative;
}
.news_slider .new::before {
	content: '';
	width: 73px;
	height: 73px;
	display: block;
	position: absolute;
	top: -35px;
	left: -35px;
	background: url(/files/top/new.svg) no-repeat center center;
	background-size: cover;
	z-index: 1;
}
.news_slider a {
	color: #000;
	display: block;
}
.news_slider figure {
	margin: 0 0 20px;
}
.news_slider figure img {
	width: 100%;
	display: block;
	border-radius: 10px;
}
.news_slider strong {
	display: inline-block;
	font-family: 'PT Sans', sans-serif;
	font-size: 1.4rem;
	color: #6E6E6E;
	margin: 0 0 5px;
}
.news_slider h3 {
	font-size: 1.6rem;
	font-weight: 700;
	margin: 0 0 18px;
}
.news_slider p {
	font-size: 1.4rem;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news_field .btn_area {
	clear: both;
	position: absolute;
	top: 140px;
}

@media only screen and (max-width: 768px) {
	.news_field {
		/*width: calc(100% - 80px);
		margin-left: 80px;*/
		padding: 102px 0 85px;
		overflow: hidden;
        padding-top: 0;
	}
	.news_field .sec_head {
		float: none;
		margin: 0 auto 42px;
	}
	.news_field .sec_head img {
		height: 31px;
	}
	.news_field .sec_head::before {
		left: -68px;
		width: 104px;
		height: 115px;
	}
	.news_field .sec_head::after {
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.news_area {
		float: none;
		width: 100%;
		/*margin: 0 0 40px 15px;*/
	}
	.news_slider {
		display: block;
		visibility: hidden;
		opacity: 0;
	}
	.news_slider > li {
		position: relative;
	}
	.news_slider .new::before {
		top: -3px;
		left: -25px;
		width: 43px;
		height: 43px;
	}
	.news_field .btn_area {
		position: static;
		text-align: center;
		margin: 90px 0 0;
	}
	.news_slider .slick-list li  {
		margin: 0 20px;
		padding: 18px 0 0;
		position: relative;
	}
	.news_slider .slick-list li figure {
		width: 100%;
		min-width: 123px;
	}
	/* .slick-dots */
	.news_slider .slick-dots {
		width: calc(100% - 30px);
		margin: 20px 15px 0;
		bottom: auto;
	}
}

/*-----------------------------------------
	top_oc_field
-----------------------------------------*/
.top_oc_field {
	position: relative;
	margin-bottom: 158px;
	z-index: 3;
}
.top_oc_field .left_area {
	width: 62%;
	margin: 0;
	padding: 65px 18% 65px 80px;
	overflow: hidden;
	background: rgba(253, 247, 250, .6);
	border-radius: 0 25px 25px 0;
	position: relative;
}
.top_oc_field .left_area::before,
.top_oc_field .left_area::after {
	display: block;
	position: absolute;
	z-index: 3;
}
/*.top_oc_field .left_area::before {
	content: url(/files/top/top_oc_deco03_pc.png);
	background-size: contain;
	top: 236px;
	left: -30px;
}
.top_oc_field .left_area::after {
	content: url(/files/top/top_oc_deco04_pc.png);
	background-size: contain;
	top: 235px;
	right: 18%;
}*/
.top_oc_field .left_area p {
	width: auto;
	font-size: 1.4rem;
	line-height: 2.0;
}
.top_oc_field .sec_head {
	margin: 0 calc(50% - 50vw);
	padding: 0 0 32px;
	display: block;
	text-align: center;
	-webkit-transform: rotate(-5deg);
	        transform: rotate(-5deg);
	position: relative;
}
.top_oc_field .sec_head > img {
	height: 64px;
	margin: 0 auto 25px;
}
/*.top_oc_field .sec_head::before {
	content: '';
	width: 330px;
	height: 64px;
	display: block;
	margin: 0 auto 25px;
	background: url(/files/common/title_oc_sub.png) no-repeat center center;
	background-size: cover;
}*/
.top_oc_field .sec_head::before,
.top_oc_field .sec_head::after {
	display: block;
	position: absolute;
	z-index: 1;
}
/*.top_oc_field .sec_head::before {
	content: url(/files/top/top_oc_deco01_pc.png);
	background-size: contain;
	top: -20px;
	left: 50%;
	-webkit-transform: translateX(-288px);
	transform: translateX(-288px);
}
.top_oc_field .sec_head::after {
	content: url(/files/top/top_oc_deco02_pc.png);
	background-size: contain;
	top: 2px;
	right: 50%;
	-webkit-transform: translateX(205px);
	transform: translateX(205px);
}*/
/*.top_oc_field .sec_head span::before {
	content: url(/files/top/top_oc_deco03_pc.png);
	background-size: contain;
	bottom: -75px;
	left: 50%;
	-webkit-transform: translateX(-393px);
	transform: translateX(-393px);
}
.top_oc_field .sec_head span::after {
	content: url(/files/top/top_oc_deco04_pc.png);
	background-size: contain;
	bottom: -130px;
	right: 50%;
	-webkit-transform: translateX(346px);
	transform: translateX(346px);
}*/
.top_oc_field .sec_head span {
	display: block;
	background: #FFEAF4;
	padding: 20px 0;
}
.top_oc_field .sec_head span img {
	height: 50px;
}
.top_oc_field .sec_head + p {
	margin: 0 auto 35px;
}
.top_oc_field .choice {
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative;
}
.top_oc_field .choice .how {
	width: 100%;
}
.top_oc_field .choice .how p {
	text-align: center;
	margin-bottom: 12px;
	font-weight: 700;
}
.top_oc_field .choice .visit p {
	color: #DE0975;
}
.top_oc_field .choice .online p {
	color: #0072C6;
}
.top_oc_field .choice .or {
	margin: 42px 22px 0;
	color: #4D4D4D;
	font-size: 1.4rem;
	font-weight: 700;
	font-family: 'PT Sans', sans-serif;
	letter-spacing: 0;
}
.top_oc_field .choice .btn {
	display: block;
	width: 100%;
	color: #FFF;
	font-size: 1.6rem;
	font-weight: 700;
	padding: 25px 35px 25px 25px;
	position: relative;
	-webkit-box-shadow: 0 0 16px rgba(0, 22, 52, .16);
	        box-shadow: 0 0 16px rgba(0, 22, 52, .16);
}
.top_oc_field .choice .btn.type_visit {
	background: -moz-linear-gradient(-135deg, #DE0975 0%, #F2C400 100%);
	background: -webkit-linear-gradient(-135deg, #DE0975 0%,#F2C400 100%);
	background: linear-gradient(135deg, #DE0975 0%,#F2C400 100%);
}
/*.btn.type_visit::before {
	background: #000;
}*/
.top_oc_field .choice .btn.type_visit > span {
	padding: 0 0 0 45px;
}
.top_oc_field .choice .btn.type_visit > span::before {
	content: "\e906";
	font-family: 'tdg';
	font-size: 2.5rem;
	font-weight: 500;
	color: #FFF;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.top_oc_field .choice .btn.type_online {
	background: -moz-linear-gradient(135deg, #0378ce 0%, #9de200 100%);
	background: -webkit-linear-gradient(135deg, #0378ce 0%,#9de200 100%);
	background: linear-gradient(135deg, #0378ce 0%,#9de200 100%);
}
.top_oc_field .choice .btn.type_online::before {
	background: #0378CE;
}
.top_oc_field .choice .btn.type_online > span {
	padding: 0 0 0 45px;
}
.top_oc_field .choice .btn.type_online > span::before {
	content: "\e923";
	font-family: 'tdg';
	font-size: 2.9rem;
	font-weight: 500;
	color: #FFF;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.top_oc_field .right_area {
	width: 45%;
	display: block;
	position: absolute;
	top: 50%;
	right: 80px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 4;
}
.top_oc_field .right_area .deco {
	position: relative;
}
.top_oc_field .right_area .deco::before,
.top_oc_field .right_area .deco::after,
.top_oc_field .right_area figure::before {
	display: block;
	position: absolute;
	z-index: 1;
}
/*.top_oc_field .right_area .deco::before {
	content: url(/files/top/top_oc_deco05_pc.png);
	background-size: contain;
	top: 9px;
	left: -66px;
}
.top_oc_field .right_area .deco::after {
	content: url(/files/top/top_oc_deco06_pc.png);
	background-size: contain;
	bottom: -47px;
	right: -40px;
	z-index: -1;
}
.top_oc_field .right_area figure::before {
	content: url(/files/top/top_oc_deco07_pc.png);
	background-size: contain;
	bottom: 37px;
	left: -14px;
}*/
.top_oc_field .right_area figure {
	overflow: hidden;
	border-radius: 25px;
	max-height: 450px;
}
.top_oc_field .right_area figure img {
	width: 100%;
}

@media only screen and (max-width: 1280px) {
	.top_oc_field .left_area {
		padding: 65px 13% 65px 40px;
	}
	.top_oc_field .left_area::after {
		right: 13%;
	}
	.top_oc_field .left_area p {
		font-size: 1.3rem;
		letter-spacing: 0.05em;
	}
	.top_oc_field .choice .or {
		margin: 42px 12px 0;
	}
	.top_oc_field .right_area {
		width: 44%;
		right: 40px;
	}
}

@media only screen and (max-width: 768px) {
	.top_oc_field {
		/*width: calc(100% - 80px);
		margin-left: 80px;*/
		margin-bottom: 0;
		padding: 48px 0 58px;
		overflow: hidden;
		background: rgba(253, 247, 250, .6);
		position: relative;
	}
	.top_oc_field::before,
	.top_oc_field::after {
		display: block;
		position: absolute;
		z-index: 3;
	}
	/*.top_oc_field::before {
		content: url(/files/top/top_oc_deco03_sp.png);
		background-size: contain;
		top: 23.2%;
		left: 0px;
	}
	.top_oc_field::after {
		content: url(/files/top/top_oc_deco04_sp.png);
		background-size: contain;
		top: 160px;
		right: -15px;
	}*/
	.top_oc_field .left_area {
		width: 100%;
		padding: 0 4%;
		border-radius: 0;
		background: transparent;
	}
	.top_oc_field .left_area::before,
	.top_oc_field .left_area::after {
		content: none;
	}
	.top_oc_field .sec_head > img {
		height: auto;
		width: 62%;
		max-width: 300px;
		margin: 0 auto 10px;
	}
	/*.top_oc_field .sec_head::before {
		content: url(/files/top/top_oc_deco01_sp.png);
		background-size: contain;
		top: -5px;
		left: 50%;
		-webkit-transform: translateX(-178px);
		transform: translateX(-178px);
	}
	.top_oc_field .sec_head::after {
		content: url(/files/top/top_oc_deco02_sp.png);
		background-size: contain;
		top: 2px;
		right: 50%;
		-webkit-transform: translateX(152px);
		transform: translateX(152px);
	}*/
	.top_oc_field .sec_head span {
		text-align: center;
	}
	.top_oc_field .sec_head span img {
		height: auto;
		max-width: 70%;
	}
	.top_oc_field .choice {
		display: block;
		height: auto;
		position: relative;
	}
	.top_oc_field .choice::before {
		display: block;
		position: absolute;
		z-index: 3;
	}
	/*.top_oc_field .choice::before {
		content: url(/files/top/top_oc_deco08_sp.png);
		background-size: contain;
		top: 54%;
		left: -4%;
		-webkit-transform: translateX(-15px);
		transform: translateX(-15px);
	}*/
	.top_oc_field .choice img {
		max-width: 100%;
		height: auto;
	}
	.top_oc_field .choice .how p {
		font-size: 1.4rem;
	}
	.top_oc_field .choice .how .btn {
		font-size: 1.2rem;
		letter-spacing: 0;
		width: 100%;
	}
	.top_oc_field .choice .or {
		text-align: center;
		margin: 20px 0 10px;
	}
	.top_oc_field .right_area {
		width: 92%;
		margin: 0 4%;
		position: static;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	.top_oc_field .right_area .deco {
		margin-bottom: 30px;
	}
	/*.top_oc_field .right_area .deco::before {
		content: url(/files/top/top_oc_deco05_sp.png);
		background-size: contain;
		top: -20px;
		left: -20px;
	}
	.top_oc_field .right_area .deco::after {
		content: url(/files/top/top_oc_deco06_sp.png);
		background-size: contain;
		bottom: -23px;
		right: -28px;
		z-index: 1;
	}*/
	.top_oc_field .right_area figure {
		max-height: auto;
		max-height: initial;
	}
	/*.top_oc_field .right_area figure::before {
		content: url(/files/top/top_oc_deco07_sp.png);
		background-size: contain;
		bottom: 35px;
		left: -5px;
	}*/
}

/*-----------------------------------------
	pickup_field
-----------------------------------------*/
.pickup_field {
	padding: 0 0 138px;
	position: relative;
	z-index: 2;
    margin-bottom: 100px;
}
/*.pickup_field:before {
	content: '';
	width: 570px;
	height: 680px;
	display: block;
	position: absolute;
	top: -178px;
	left: -190px;
	z-index: -1;
	background: url(/files/top/pickup_deco_b.png) no-repeat center center;
	background-size: cover;
}
.pickup_field:after {
	content: '';
	width: 548px;
	height: 563px;
	display: block;
	position: absolute;
	top: -178px;
	left: -165px;
	z-index: 1;
	background: url(/files/top/pickup_deco_f.png) no-repeat center center;
	background-size: cover;
}*/
.pickup_field .cont_outer_l {
	border-radius: 25px;
	padding: 100px 40px 50px;
    max-width: 1350px;
    margin: 0 auto;
}

@media only screen and (max-width: 768px) {
	.pickup_field {
		overflow: hidden;
		padding: 0 0 100px;
	}
	.pickup_field .cont_outer_l {
	}
	.pickup_field:before  {
		left: -372px;
	}
	.pickup_field:after {
		left: -347px;
	}
	.pickup_field .cont_outer_l {
		border-radius: 0;
		margin-left: 0;
		margin-right: 0;
		padding: 124px 6% 70px;
	}
}

/* feature_main */
.pickup_field .feature_main {
	margin: 0 0 60px;
	background: url(/files/top/pickup_main_bg_pc.png) no-repeat center center;
	background-size: cover;
	border-radius: 25px;
	-webkit-box-shadow: 0 0 16px rgba(0,0,0, 0.16);
	        box-shadow: 0 0 16px rgba(0,0,0, 0.16);
	position: relative;
	z-index: 2;
}
.pickup_field .feature_main a {
	padding: 35px 50px 55px;
	display: block;
}
.pickup_field .feature_main figure img {
	width: 362px;
}
.pickup_field .feature_main dl {
	margin: 0 0 0 30px;
	width: 415px;
}
.pickup_field .feature_main dl img {
	width: 148px;
	vertical-align: initial;
    margin: 0 auto;
}
.pickup_field .feature_main dt {
	margin: 0 0 6px;
	display: inline-block;
	vertical-align: bottom;
}
.pickup_field .feature_main dt .outline {
	display: inline-block;
	color: #FFF1D0;
	font-size: 4.9rem;
	font-weight: 900;
	letter-spacing: 0.1em;
	text-shadow:
	2px  2px 1px #CD3074,
	-2px  2px 1px #CD3074,
	2px -2px 1px #CD3074,
	-2px -2px 1px #CD3074,
	2px  0px 1px #CD3074,
	0px  2px 1px #CD3074,
	-2px  0px 1px #CD3074,
	0px -2px 1px #CD3074;
}
.pickup_field .feature_main dt .outline > span {
	font-size: 3.7rem;
}
.pickup_field .feature_main dd p {
	margin: 0 0 30px;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.86;
	color: #000;
}
.pickup_field .feature_main dd p > span {
	color: #CD3074;
}
.pickup_field .feature_main dd .btn_area {
	text-align: right;
}

/* .feature_cont */
.pickup_field .feature_cont {
	margin: 0 0 45px 0;
}
.pickup_field .feature_cont li {
	/*padding-top: 27%;*/
	border-radius: 25px;
	-webkit-box-shadow: 0 0 16px rgba(0,0,0, 0.16);
	        box-shadow: 0 0 16px rgba(0,0,0, 0.16);
	        position: relative;
}
.pickup_field .feature_cont li a {
	display: block;
}
.pickup_field .feature_cont li .more {
	position: absolute;
	right: 35px;
	bottom: 30px;
}
.pickup_field .feature_cont li a > figure img {
	width: 100%;
	border-radius: 25px;
}
.pickup_field .feature_cont .feature_360vct {
	background: #FFF;
}
.pickup_field .feature_cont .feature_360vct dl {
	color: #000000;
	position: absolute;
	left: 40px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.pickup_field .feature_cont .feature_360vct dt {
	margin-bottom: 10px;
}
.pickup_field .feature_cont .feature_360vct dt figure {
	display: block;
}
.pickup_field .feature_cont .feature_360vct dt p {
	font-family: 'PT Sans', sans-serif;
	font-size: 3.1rem;
	line-height: 1.1;
	font-weight: 700;
}
.pickup_field .feature_cont .feature_360vct dt p > span {
	display: block;
	font-size: 4.6rem;
	color: #DE0975;
	margin-bottom: 5px;
}

@media only screen and (max-width: 1260px) {
	.pickup_field .feature_cont .feature_360vct dt img {
		width: 20%;
	}
	.pickup_field .feature_cont .feature_360vct dt {
		margin-bottom: 5px;
	}
	.pickup_field .feature_cont .feature_360vct dt p {
		line-height: 1;
	}
	.pickup_field .feature_cont .feature_360vct dt p > span {
		margin-bottom: 0;
	}
	.pickup_field .feature_cont .feature_360vct dd p {
		font-size: 1.4rem;
	}
}

@media only screen and (max-width: 768px) {
	.pickup_field .feature_main {
		margin: 0 0 26px;
		background: url(/files/top/pickup_main_bg_sp.png) no-repeat center center;
		background-size: cover;
	}
	.pickup_field .feature_main figure img {
		width: 52%;
	}
	.pickup_field .feature_main a {
		padding: 19px;
	}
	.pickup_field .feature_main dl {
		width: auto;
		margin: 0;
	}
	.pickup_field .feature_main dl img {
		width: 96px;
	}
	.pickup_field .feature_main dt .outline {
		font-size: 3.0rem;
	}
	.pickup_field .feature_main dt .outline > span {
		font-size: 2.3rem;
	}
	.pickup_field .feature_main dd p {
		font-size: 1.3rem;
		margin: 0;
	}
	.pickup_field .feature_main dd .btn_area {
		display: none;
	}
	.pickup_field .feature_cont .feature_360vct dl {
		left: 17px;
	}
	.pickup_field .feature_cont .feature_360vct dt img {
		width: 8.0vw;
	}
	.pickup_field .feature_cont .feature_360vct dt p {
		font-size: 4.0vw;
	}
	.pickup_field .feature_cont .feature_360vct dt p > span {
		display: block;
		font-size: 5.2vw;
	}
	.pickup_field .feature_cont .feature_360vct dd p {
		width: 60%;
		font-size: 1.3rem;
	}
	.pickup_field .feature_cont li:not(:last-child) {
		margin: 0 0 26px;
	}
	.pickup_field .feature_cont li .more {
		right: 20px;
		bottom: 20px;
	}
}

/* other */
.pickup_field .other {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background: #FFF;
	-webkit-box-shadow: 0 0 16px rgba(91, 127, 141, 0.13);
	        box-shadow: 0 0 16px rgba(91, 127, 141, 0.13);
	border-radius: 25px;
	overflow: hidden;
}
.pickup_field .other li {
	padding: 40px 30px 25px;
	-ms-flex-preferred-size: 33.333%;
	    flex-basis: 33.333%;
	position: relative;
}
.pickup_field .other li:not(:last-child):before {
	content: '';
	width: 2px;
	height: 310px;
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: #EBEBEB;
}
.pickup_field .other a:before,
.pickup_field .other a:after {
	content: '';
	width: 78px;
	height: 78px;
	position: absolute;
	top: 40px;
	left: 32px;
	border-radius: 50%;
}
.pickup_field .other li:nth-child(1) a:before {
	background: #DE0975;
}
.pickup_field .other li:nth-child(1) a:after {
	background: url(/files/top/icon_faq.svg) no-repeat center center;
}
.pickup_field .other li:nth-child(2) a:before {
	background: #00BAB3;
}
.pickup_field .other li:nth-child(2) a:after {
	background: url(/files/top/icon_study.svg) no-repeat center center;
}
.pickup_field .other li:nth-child(3) a:before {
	background: #3E73E8;
}
.pickup_field .other li:nth-child(3) a:after {
	background: url(/files/top/icon_admission.svg) no-repeat center center;
}
.pickup_field .other .ttl,
.pickup_field .other p {
	margin: 0 0 0 98px;
	color: #000;
}
.pickup_field .other .ttl {
	font-size: 2.0rem;
	font-weight: 700;
	margin-bottom: 10px;
}
.pickup_field .other .ttl > span {
	display: block;
	font-family: 'PT Sans', sans-serif;
	font-size: 1.4rem;
	line-height: 2.0;
}
.pickup_field .other li:nth-child(1) .ttl > span {
	color: #DE0975;
}
.pickup_field .other li:nth-child(2) .ttl > span,
.pickup_field .other li:nth-child(2) .more {
	color: #00BAB3;
}
.pickup_field .other li:nth-child(3) .ttl > span,
.pickup_field .other li:nth-child(3) .more {
	color: #3E73E8;
}

@media only screen and (max-width: 768px) {
	.pickup_field .other {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		display: block;
	}
	.pickup_field .other li {
		padding: 24px;
	}
	.pickup_field .other li:not(:last-child):before {
		width: 100%;
		height: 2px;
		top:auto;
		bottom: 0;
	}
}

/*-----------------------------------------
	gallery_field
-----------------------------------------*/
.gallery_field {
	position: relative;
	z-index: 1;
}
/*.gallery_field::before {
	content: '';
	width: 589px;
	height: 985px;
	display: block;
	position: absolute;
	top: -468px;
	right: -240px;
	z-index: -1;
	background: url(/files/top/gallery_deco_t.png) no-repeat center center;
	background-size: cover;
}*/
.gallery_field .sec_head + p {
	text-align: left;
}

/* .gallery_main_field */
.gallery_main_field {
	background: #FDFAFA;
	margin: 138px 80px 230px 0 ;
	border-radius: 0 25px 0 0;
}
.gallery_slider {
	position: relative;
	top: -90px;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
}
.gallery_slider a {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	color: #000;
}
.gallery_slider figure {
	position: relative;
	margin: 16px 0 16px 80px;
	/*width: 42%;*/
	width: 512px;
	height: 487px;
	background: #FFF;
	overflow: hidden;
	border-radius: 25px;
	-webkit-box-shadow: 0 0 16px rgba(0,0,0, 0.08);
	        box-shadow: 0 0 16px rgba(0,0,0, 0.08);
}
.gallery_slider img {
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.gallery_slider a > div {
	margin: 158px 0 0;
	width: calc(100% - 592px);
	height: 248px;
	position: relative;
}

.gallery_slider .department {
	display: inline-block;
	font-family: 'PT Sans', sans-serif;
	color: #FFF;
	font-size: 1.6rem;
	padding: 10px 18px 10px 40px;
	border-radius: 0 5px 5px 0;
	margin: 0 0 20px 0;
}
.gallery_slider strong {
	width: 70%;
	display: block;
	font-size: 2.4rem;
	font-weight: 700;
	margin: 0 30px 14px;
}
.gallery_slider p {
	width: 70%;
	margin: 0 30px;
}
.gallery_slider .award {
	width: 70%;
	margin: 5px 0 0 30px;
	padding: 10px 0 0 30px;
	position: relative;
}
.gallery_slider .award::after {
	content: '\e922';
	font-family: 'tdg';
	font-size: 2.2rem;
	color: #FFAD14;
	line-height: 1;
	position: absolute;
	top: 13px;
	left: 0;
}

/* dots */
.gallery_slider .slick-dots {
	width: 512px;
	right: calc(100% - 398px);
	bottom: -40px;
	text-align: right;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

/* arrow */
.gallery_slider .slick-prev,
.gallery_slider .slick-next {
	width: 45px;
	height: 45px;
	z-index: 2;
	top: auto;
	bottom: -82px;
}
.gallery_slider .slick-prev {
	left: 490px;
}
.gallery_slider .slick-next {
	left: 545px;
}
.gallery_slider .slick-prev:before,
.gallery_slider .slick-next:before {
	content: "\e902";
	font-family: 'tdg';
	display: block;
	text-align: center;
	line-height: 45px;
	color: #FFF;
	font-size: 1.6rem;
	background: #DE0975;
	opacity: 1;
	border-radius: 5px;
	-webkit-box-shadow: 0 3px 16px rgba(0, 0, 0, 0.16);
	        box-shadow: 0 3px 16px rgba(0, 0, 0, 0.16);
}
.gallery_slider .slick-prev:before {
	-webkit-transform: rotate(180deg);
	        transform: rotate(180deg);
}

/* gallery_slider_num */
.gallery_slider_num {
	/*opacity: 0;*/
	font-family: 'M PLUS 1p', sans-serif;
	font-size: 1.2rem;
	position: absolute;
	left: 424px;
	bottom: 46px;
}
.gallery_slider_num .nowcnt {
	color: #DE0975;
}

/* .gallery_thumb_field */
.gallery_thumb_field {
	position: absolute;
	bottom: -85px;
	right: -50px;
	width: calc(100% - 510px);
	margin: 0 -50px 0 auto;
	padding: 0;
	z-index: 2;
}
.gallery_thumb .slick-list {
	padding-left: 16px;
}
.gallery_thumb li {
	width: 194px;
	height: 260px;
	margin: 16px 10px 16px 16px;
	border-radius: 25px;
	overflow: hidden;
	outline: none;
	position: relative;
	-webkit-box-shadow: 0 0 10px rgba(39, 43, 49, 0.16);
	        box-shadow: 0 0 10px rgba(39, 43, 49, 0.16);
}
.gallery_thumb img {
	width: auto;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

@media only screen and (max-width: 1260px) {
	.gallery_slider a > div {
		margin: 130px 0 0;
		height: 288px;
	}
	.gallery_slider strong,
	.gallery_slider p {
		width: calc(100% - 60px);
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
}

@media only screen and (max-width: 768px) {
	.gallery_field {
		padding: 0 0 82px;
	}
	.gallery_field::before {
		right: -400px;
	}
	.gallery_field .sec_head + p {
		width: calc(100% - 40px);
	}
	.gallery_main_field {
		background: transparent;
		/*margin: 158px 6% 223px;*/
		margin: 0;
	}
	.gallery_slider {
		position: static;
	}
	.gallery_slider a {
		display: block;
	}
	.gallery_slider figure {
		width: 100%;
		/*height: auto;
		overflow: visible;*/
		height: 313px;
		margin: 0;
		border-radius: 0;
	}
	.gallery_slider img {
		/*position: static;
		-webkit-transform: translate(0,0);
		transform: translate(0,0);*/
		border-radius: 0;
	}
	.gallery_slider a > div {
		width: 88%;
		height: auto;
		margin: 0 6%;
		padding: 80px 0 34px;
		background: #FDFAFA;
		border-radius: 0 0 25px 25px;
	}
	.gallery_slider strong,
	.gallery_slider p {
		width: 88%;
		white-space: normal;
		text-overflow: clip;
	}
	.gallery_slider .slick-dots {
		width: 88%;
		top: 326px;
		bottom: auto;
		right: 12%;
	}
	.gallery_slider_num {
		top: 360px;
		right: 12%;
		left: auto;
		bottom: auto;
	}
	.gallery_thumb_field {
		/*width: calc(100% + 200px);*/
		width: 100%;
		position: static;
		margin: 0 auto;
	}
	.gallery_thumb li {
		width: 93px;
		height: 140px;
	}
}




/*-----------------------------------------
	Hover
-----------------------------------------*/
.first_view .quick_link a,
.key_field .important_anc a,
.important_notice li a,
.news_area a,
.banner_field button,
.banner a,
.gallery_slider a,
.gallery_slider button,
.gallery_thumb a,
.pickup_field a {
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
@media only screen and (min-width: 768px) {
	body:not(.tab_view) .first_view .quick_link a:hover,
	body:not(.tab_view) .key_field .important_anc a:hover,
	body:not(.tab_view) .news_area a:hover,
	body:not(.tab_view) .important_notice li a:hover,
	body:not(.tab_view) .banner_field button:hover,
	body:not(.tab_view) .banner a:hover,
	body:not(.tab_view) .gallery_slider a:hover,
	body:not(.tab_view) .gallery_slider button:hover,
	body:not(.tab_view) .gallery_thumb a:hover,
	body:not(.tab_view) .pickup_field .feature_main:hover,
	body:not(.tab_view) .pickup_field .feature_cont a:hover,
	body:not(.tab_view) .pickup_field .other li:hover {
		opacity: 0.6;
	}
}
.top-h1 {
    width: 980px;
    margin: 0 auto;
}
.top-h1 h1 {
    width: 70%;
    margin: 0 auto;
    text-align: center;
    color: #727272;
    font-size: 16px;
    padding-top: 45px;
}
@media only screen and (max-width: 768px) {
.top-h1 h1 {
    width: 90%;
    margin: 0 auto;
    margin-left: 5%;
    padding-top: 0;
    display: block;
    position: absolute;
    z-index: 3;
    font-size: 12px;
    padding-top: 2em;
}
}

/* 20231013 高2バナー設置 */
.pickup_field .cont_outer_l .bnr_flex {
  display: flex;
  align-items: center;
}
.pickup_field .cont_outer_l .tode_sekai, .pickup_field .cont_outer_l .kou2_shinro {
  position: relative;
}
.pickup_field .cont_outer_l .tode_sekai a,.pickup_field .cont_outer_l .kou2_shinro a {
  transition: all 0.3s ease-out;
}
.pickup_field .cont_outer_l .tode_sekai a:hover,.pickup_field .cont_outer_l .kou2_shinro a:hover {
  opacity: 0.6;
}
.pickup_field .cont_outer_l .tode_sekai a figure img {
  width: 100%;
  border-radius: 25px;
  box-shadow: 0 0 16px rgba(0,0,0, 0.16);
}
.pickup_field .cont_outer_l .kou2_shinro a figure img {
  width: 100%;
  border-radius: 25px;
  box-shadow: 0 0 16px rgba(0,0,0, 0.16);
}
.pickup_field .cont_outer_l .tode_sekai .more {
    position: absolute;
    bottom: 10px;
    right: 35px;
}
.pickup_field .cont_outer_l .kou2_shinro .more {
    position: absolute;
    bottom: 35px;
    right: 35px;
}
@media only screen and (max-width: 768px) {
.pickup_field .cont_outer_l .bnr_flex {
  display: block;
}
.pickup_field .cont_outer_l .bnr_flex .kou2_shinro {
  margin-top: -25px;
}
}
/* 20240829 トップOCボタンサイズ調整 */
.top_oc_field .choice .btn {
    width: 70%;
    margin: 0 auto;
}
/* 20240829 トップOCボタンサイズ調整 ここまで*/