@charset "utf-8";

/* ======================================================
 * top.css
 * ------------------------------------------------------
 * - Slick
 * - Colorbox
 * @media print, screen and (min-width: 768px)
 * - Page Component
 * - Clearfix
 * PC Media Queries
 * @media only screen and (max-width: 767px)
 * - Page Component
====================================================== */

/* ======================================================
 * Slick
====================================================== */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
	/*-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);*/
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[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;
}

/* ======================================================
 * Colorbox
====================================================== */
/*
		Colorbox Core Style:
		The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0);
}
#cboxWrapper {
	max-width: none;
}
#cboxOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
	clear: left;
}
#cboxContent {
	position: relative;
}
#cboxLoadedContent {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
#cboxTitle {
	margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
	cursor: pointer;
}
.cboxPhoto {
	float: left;
	margin: auto;
	border: 0;
	display: block;
	max-width: none;
	-ms-interpolation-mode: bicubic;
}
.cboxIframe {
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}
/* 
		User Style:
		Change the following styles to modify the appearance of Colorbox. They are
		ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay.top-modal {
	background: #000;
	opacity: 0.8;
}
#colorbox.top-modal {
	outline: 0;
}
#colorbox.top-modal,
.top-modal #cboxWrapper {
	overflow: visible;
}
.top-modal #cboxClose {
	position: absolute;
	right: 0;
	bottom: 100%;
	margin: 0;
	padding: 0;
	background: transparent;
	border: none;
	border-radius: 0;
	font-size: 0;
	line-height: 0;
	outline: none;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.top-modal #cboxClose::before,
.top-modal #cboxClose::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff;
}
.top-modal #cboxClose::before {
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.top-modal #cboxClose::after {
	transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

/* ======================================================
 * PC
====================================================== */
@media print, screen and (min-width: 768px) {
	/* ------------------------------------------------------
	 * Page Component
	------------------------------------------------------ */
	/* ----- modal ----- */
	.top-modal #cboxClose {
		width: 34px;
		height: 34px;
		margin: 0 0 12px;
	}
	.top-modal #cboxClose::before,
	.top-modal #cboxClose::after {
		width: 42px;
		height: 4px;
	}
	
	/* ----- top-content ----- */
	.top-content {
		overflow: hidden;
		background: #fff;
		min-width: 1260px;
		color: #222;
    font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	
	/* ----- top-conteiner ----- */
	.top-conteiner {
		max-width: 1260px;
		padding: 0 30px;
		margin: 0 auto;
	}
	/* v2 */
	.top-conteiner-v2 {
		max-width: 1188px;
		margin: 0 auto;
	}
	
	/* ----- top-carousel-pause ----- */
	/* ----- top-carousel-play ----- */
	.top-carousel-pause,
	.top-carousel-play {
		position: relative;
		width: 10px;
		height: 13px;
		margin: 0;
		padding: 0;
		background: transparent;
		border: none;
		border-radius: 0;
		font-size: 0;
		line-height: 0;
		outline: none;
		cursor: pointer;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.top-carousel-pause::before,
	.top-carousel-pause::after,
	.top-carousel-play::before {
		content: "";
		position: absolute;
		transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
	}
	.top-carousel-pause::before,
	.top-carousel-pause::after {
		top: 0;
		width: 3px;
		min-height: 100%;
		background: #004896;
	}
	.top-carousel-pause::before {
		left: 0;
	}
	.top-carousel-pause::after {
		right: 0;
	}
	.top-carousel-pause:hover::before,
	.top-carousel-pause:hover::after {
		background-color: #3d8bd3;
	}
	.top-carousel-play::before {
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 7px 0 7px 10px;
		border-color: transparent transparent transparent #004896;
	}
	.top-carousel-play:hover::before {
		border-left-color: #3d8bd3;
	}
	
	/* ----- top-carousel-pager ----- */
	.top-carousel-pager,
	.top-carousel-pager-v2,
	.top-carousel-pager-v3 {
		display: flex;
		align-items: center;
		margin: 0;
	}
	.top-carousel-pager > li + li,
	.top-carousel-pager-v2 > li + li,
	.top-carousel-pager-v3 > li + li {
		margin-left: 17px;
	}
	.top-carousel-pager > li > button,
	.top-carousel-pager-v2 > li > button,
	.top-carousel-pager-v3 > li > button {
		width: 13px;
		height: 13px;
		margin: 0;
		padding: 0;
		background: transparent;
		border: none;
		border-radius: 50%;
		font-size: 0;
		line-height: 0;
		outline: none;
		cursor: pointer;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
	}
	.top-carousel-pager > li > button,
	.top-carousel-pager-v2 > li > button {
		background: #fff;
	}
	.top-carousel-pager > li > button {
		border: 1px solid #004896;
	}
	.top-carousel-pager-v3 > li > button {
		background: #ddd;
	}
	.top-carousel-pager > li > button:hover,
	.top-carousel-pager-v2 > li > button:hover,
	.top-carousel-pager-v3 > li > button:hover {
		background-color: #3d8bd3;
	}
	.top-carousel-pager > li > button:hover {
		border-color: #3d8bd3;
	}
	.top-carousel-pager > li.slick-active > button,
	.top-carousel-pager-v2 > li.slick-active > button,
	.top-carousel-pager-v3 > li.slick-active > button {
		background-color: #004896;
	}
	.top-carousel-pager > li.slick-active > button {
		border-color: #004896;
	}

	/* ----- top-carousel-prev ----- */
	/* ----- top-carousel-next ----- */
	.top-carousel-prev,
	.top-carousel-next {
		position: relative;
		width: 9px;
		height: 16px;
		margin: 0;
		padding: 0;
		background: transparent;
		border: none;
		border-radius: 0;
		font-size: 0;
		line-height: 0;
		outline: none;
		cursor: pointer;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.top-carousel-prev:before,
	.top-carousel-next:before,
	.top-carousel-prev:after,
	.top-carousel-next:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		min-height: 100%;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100% 100%;
		transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
	}
	.top-carousel-prev:before,
	.top-carousel-next:before {
		opacity: 0;
	}
	.top-carousel-prev:before {
		background-image: url("/images/top_carousel_bt01_on.png");
	}
	.top-carousel-next:before {
		background-image: url("/images/top_carousel_bt02_on.png");
	}
	.top-carousel-prev:after {
		background-image: url("/images/top_carousel_bt01.png");
	}
	.top-carousel-next:after {
		background-image: url("/images/top_carousel_bt02.png");
	}
	.top-carousel-prev:hover:before,
	.top-carousel-next:hover:before {
		opacity: 1;
	}
	.top-carousel-prev:hover:after,
	.top-carousel-next:hover:after {
		opacity: 0;
	}
	/* v2 */
	.top-carousel-prev-v2,
	.top-carousel-next-v2 {
		width: 36px;
		height: 36px;
		margin: 0;
		padding: 0;
		background-color: #004896;
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		border: none;
		border-radius: 50%;
		font-size: 0;
		line-height: 0;
		outline: none;
		cursor: pointer;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
	}
	.top-carousel-prev-v2:hover,
	.top-carousel-next-v2:hover {
		background-color: #3d8bd3;
	}
	.top-carousel-prev-v2 {
		background-image: url("/images/top_carousel_bt03.png");
	}
	.top-carousel-next-v2 {
		background-image: url("/images/top_carousel_bt04.png");
	}
	
	/* ----- top-carousel-controller ----- */
	.top-carousel-controller {
		display: flex;
		justify-content: center;
		margin: 30px 0 0;
		font-size: 0;
		line-height: 0;
	}
	.top-carousel-controller__inner {
		position: relative;
		display: flex;
		align-items: center;
		min-height: 36px;
		padding: 0 94px;
	}
	.top-carousel-controller__navi .top-carousel-prev-v2,
	.top-carousel-controller__navi .top-carousel-next-v2 {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	.top-carousel-controller__navi .top-carousel-prev-v2 {
		left: 0;
	}
	.top-carousel-controller__navi .top-carousel-next-v2 {
		right: 0;
	}
	.top-carousel-controller__switch {
		margin: 0 0 0 30px;
	}
	
	/* ----- top-visual ----- */
	.top-visual {
		padding: 0 0 30px;
	}
	.top-visual-carousel__screen {
		overflow: hidden;
		height: 400px;
		width: 788px;
		margin: 0 auto;
	}
	.top-visual-carousel__screen.slick-initialized {
		overflow: visible;
		height: auto;
	}
	.top-visual-carousel__screen .slick-list {
		overflow: visible;
	}
	.top-visual-carousel__item {
		padding: 0 18px;
	}
	.top-visual-carousel__type {
		overflow: hidden;
		display: block;
	}
	.top-visual-carousel__type img {
		transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
	}
	.top-visual-carousel__type:hover {
		opacity: 1;
	}
	.top-visual-carousel .top-carousel-controller {
		margin-top: 27px;
	}
	.top-visual-carousel__controller {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 27px 0 0;
		font-size: 0;
		line-height: 0;
	}
	.top-visual-carousel__switch {
		margin: 0 0 0 30px;
	}
	.top-visual-guide {
		display: flex;
    justify-content: space-between;
		margin: 30px 0 0;
	}
	.top-visual-guide > li {
		position: relative;
		display: flex;
    width: calc(((100% - 4px * 3) / 4) - 0.1px);
	}
	[class*="top-visual-guide__balloon"] {
		position: absolute;
		bottom: 100%;
		left: 50%;
		transform: translateX(-50%);
		margin: 0 0 10px;
		z-index: 0;
	}
	[class*="top-visual-guide__balloon"]::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		min-height: 100%;
		background-repeat: no-repeat;
		background-position: 0 0;
		z-index: -1;
	}
	.top-visual-guide__balloon--openday::before {
		background-image: url("/images/top_guide_bt01_on.png");
	}
	.top-visual-guide__balloon--special::before {
		background-image: url("/images/top_guide_bt02_on.png");
	}
	[class*="top-visual-guide__balloon"] img {
		transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
	}
	[class*="top-visual-guide__balloon"]:hover {
		opacity: 1;
	}
	[class*="top-visual-guide__balloon"]:hover img {
		opacity: 0;
	}
	[class*="top-visual-guide__button"] {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		padding: 18px 50px 15px;
		color: #fff !important;
		font-size: 18px;
		font-weight: 700;
		text-align: center;
		text-decoration: none !important;
		transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
	}
	.top-visual-guide__button--candidate {
		background-color: #c64765;
	}
	.top-visual-guide__button--guardian {
		background-color: #8561a1;
	}
	.top-visual-guide__button--student {
		background-color: #336dab;
	}
	.top-visual-guide__button--graduate {
		background-color: #33aba7;
	}
	[class*="top-visual-guide__button"]::before {
		content: "";
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
		width: 26px;
		height: 5px;
		background: url("/images/top_link_ic01.png") no-repeat 0 0;
		background-size: 100% 100%;
	}
	[class*="top-visual-guide__button"]:hover {
		opacity: 1;
	}
	.top-visual-guide__button--candidate:hover {
		background-color: #b8193f;
	}
	.top-visual-guide__button--guardian:hover {
		background-color: #663989;
	}
	.top-visual-guide__button--student:hover {
		background-color: #004896;
	}
	.top-visual-guide__button--graduate:hover {
		background-color: #009691;
	}
	
	/* ----- top-important ----- */
	.top-important {
		display: flex;
		height: 70px;
		margin: 0;
		background: #fffbfc;
	}
	.top-important__head,
	.top-important__body {
		display: flex;
		align-items: center;
	}
	.top-important__head {
		width: 214px;
		background: #ffe5f1;
	}
	.top-important__body {
		width: calc(100% - 214px);
		padding: 0 35px 0 40px;
	}
	.top-important__heading {
		display: flex;
		justify-content: center;
		width: 100%;
		color: #b8193f;
		font-size: 17px;
		font-weight: 700;
	}
	.top-important__heading > span {
		position: relative;
		padding: 0 0 0 24px;
	}
	.top-important__heading > span::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		width: 17px;
		height: 16px;
		margin: -1px 0 0;
		background: url("/images/top_important_ic01.png") no-repeat 0 50%;
		background-size: 100% auto;
	}
	.top-important__article {
		display: flex;
	}
	.top-important__property {
    width: 10.7em;
	}
	.top-important__caption {
    width: calc(100% - 10.7em);
	}
	.top-important__date {
		color: #666;
		font-size: 17px;
	}
	.top-important__title {
    overflow: hidden;
		font-size: 17px;
    white-space: nowrap;
    text-overflow: ellipsis;
	}
	[class*="top-important__type"] {
		color: #222 !important;
		text-decoration: none !important;
		transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
	}
	[class*="top-important__type"]:hover {
		color: #3d8bd3 !important;
	}
	.top-important__type--blank::after {
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 12px;
		height: 10px;
		margin: 0 0 0 10px;
		background: url("/images/top_news_ic01.png") no-repeat 0 0;
	}
	.top-important__type--pdf::after {
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 32px;
		height: 14px;
		margin: 0 0 0 10px;
		background: url("/images/top_news_ic02.png") no-repeat 0 0;
	}
	.top-important-carousel {
		display: flex;
		align-items: center;
		width: 100%;
	}
	.top-important-carousel__screen {
		width: 100%;
	}
	.top-important-carousel__screen.slick-initialized {
		width: calc(100% - (62px + 35px));
	}
	.top-important-carousel__controller {
		position: relative;
		display: flex;
		justify-content: center;
		margin: 0 0 0 35px;
		font-size: 0;
		line-height: 0;
	}
	.top-important-carousel__navi .top-carousel-prev,
	.top-important-carousel__navi .top-carousel-next {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	.top-important-carousel__navi .top-carousel-prev {
		left: 0;
	}
	.top-important-carousel__navi .top-carousel-next {
		right: 0;
	}
	.top-important-carousel__switch {
		margin: 0 26px;
	}
	.top-important__error {
		margin: 0;
		width: 100%;
		font-size: 15px;
	}
	
	/* ----- top-topics ----- */
	.top-topics {
		padding: 74px 0 180px;
		background: #efefef;
	}
	.top-topics-carousel__screen {
		margin: 0 -18px;
	}
	.top-topics-carousel__screen.slick-initialized .slick-list {
		overflow: visible;
	}
	.top-topics-carousel__item {
		float: left;
		width: 50%;
		padding: 7px 18px;
	}
	[class*="top-topics-carousel__type"] {
		display: block;
		box-shadow: 0 0 7px 0 rgba(0,0,0,0.05);
	}
	[class*="top-topics-carousel__type"]:not(.top-topics-carousel__type--nolink) {
		color: #222 !important;
		text-decoration: none !important;
	}
	[class*="top-topics-carousel__type"]:not(.top-topics-carousel__type--nolink):hover {
		opacity: 1;
	}
	.top-topics-carousel__body {
		position: relative;
		padding: 31px 20px 21px;
		background: #fff;
	}
	[class*="top-topics-carousel__type"]:not(.top-topics-carousel__type--nolink) .top-topics-carousel__body {
		padding-right: 56px;
	}
	[class*="top-topics-carousel__type"]:not(.top-topics-carousel__type--nolink) .top-topics-carousel__body::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100% 100%;
	}
	.top-topics-carousel__type .top-topics-carousel__body::after {
		width: 26px;
		height: 5px;
		background-image: url("/images/top_link_ic02.png");
	}
	.top-topics-carousel__type--blank .top-topics-carousel__body::after {
		width: 12px;
		height: 10px;
		background-image: url("/images/top_news_ic01.png");
	}
	.top-topics-carousel__type--pdf .top-topics-carousel__body::after {
		width: 32px;
		height: 14px;
		background-image: url("/images/top_news_ic02.png");
	}
	.top-topics-carousel__body::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 6px;
		background: -moz-linear-gradient(left,#004896 0%,#0d8598 100%);
		background: -webkit-linear-gradient(left,#004896 0%,#0d8598 100%);
		background: linear-gradient(to right,#004896 0%,#0d8598 100%);
	}
	.top-topics-carousel__image {
		overflow: hidden;
	}
	.top-topics-carousel__image img {
		width: 100%;
	}
	.top-topics-carousel__type .top-topics-carousel__image img {
		transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
	}
	.top-topics-carousel__type:hover .top-topics-carousel__image img {
		transform: scale(1.1);
	}
	.top-topics-carousel__title {
		font-size: 17px;
		font-weight: 700;
		line-height: 1.6;
	}
	.top-topics-carousel__type .top-topics-carousel__title {
		transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
	}
	.top-topics-carousel__type:hover .top-topics-carousel__title {
		color: #3d8bd3;
	}
	.top-topics-carousel .top-carousel-controller {
		margin-top: 23px;
	}
	
	/* ----- top-news ----- */
	.top-news {
		position: relative;
		margin: 0;
		padding: 75px 0 200px;
		z-index: 0;
	}
	.top-news::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		min-height: 100%;
		background: #cee8f9;
		z-index: -1;
	}
	.top-news__head {
		position: absolute;
		top: -30px;
		left: 0;
		width: 100%;
	}
	.top-news__body {
		position: relative;
		z-index: 0;
	}
	.top-news-tab__body,
	.top-news-tab__foot {
		padding: 50px 36px;
	}
	.top-news-tab__body + .top-news-tab__foot {
		padding-top: 0;
	}
	.top-news__title {
		position: relative;
		max-width: 1200px;
		margin: 0 auto;
		padding: 0 30px;
		color: #fff;
		font-size: 60px;
		line-height: 1.1;
		text-align: center;
		z-index: 0;
	}
	.top-news__title::after {
		content: "";
		position: absolute;
		top: -70px;
		left: 320px;
		width: 1240px;
		height: 710px;
		background: -moz-linear-gradient(left,#2663a6 0%,#2695a6 100%);
		background: -webkit-linear-gradient(left,#2663a6 0%,#2695a6 100%);
		background: linear-gradient(to right,#2663a6 0%,#2695a6 100%);
		z-index: -1;
	}
	.top-news-tab {
		box-shadow: 0 0 7px 0 rgba(0,0,0,0.05);
		background: #fff;
	}
	.top-news-tab__navi {
		display: flex;
		margin: 0;
		padding: 0 36px;
		background: #efefef;
	}
	.top-news-tab__navi > li {
		display: flex;
		align-items: center;
		padding: 0 44px;
		font-size: 17px;
		line-height: 1.1;
		cursor: pointer;
		transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
	}
	.top-news-tab__navi > li:hover {
		color: #3d8bd3;
	}
	.top-news-tab__navi > li > span {
		position: relative;
		padding: 30px 0;
		white-space: nowrap;
	}
	.top-news-tab__navi > li.is-current {
		color: #004896;
		font-weight: 700;
		transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
	}
	.top-news-tab__navi > li.is-current > span::before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 2px;
		background: #004896;
	}
	.top-news__error {
		margin: 0;
		width: 100%;
		font-size: 15px;
	}
	.top-news-list {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.top-news-list__article {
		width: calc(((100% - 36px) / 2) - 0.1px);
		border-bottom: 1px solid #ddd;
	}
	.top-news-list__article:nth-child(-n+2) {
		border-top: 1px solid #ddd;
	}
	[class*="top-news-list__type"] {
		display: flex;
		width: 100%;
		padding: 30px 0;
	}
	[class*="top-news-list__type"]:not(.top-news-list__type--nolink):hover {
		opacity: 1;
	}
	.top-news-list__type,
	.top-news-list__type--blank,
	.top-news-list__type--pdf {
		position: relative;
		padding-right: 40px;
		color: #222 !important;
		text-decoration: none !important;
	}
	.top-news-list__type::before,
	.top-news-list__type--blank::before,
	.top-news-list__type--pdf::before {
		content: "";
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	.top-news-list__type::before {
		width: 26px;
		height: 5px;
		background-image: url("/images/top_link_ic02.png");
		background-size: 100% 100%;
	}
	.top-news-list__type--blank::before {
		width: 12px;
		height: 10px;
		background-image: url("/images/top_news_ic01.png");
	}
	.top-news-list__type--pdf::before {
		width: 32px;
		height: 14px;
		background-image: url("/images/top_news_ic02.png");
	}
	.top-news-list__head {
		width: 125px;
		margin: 0 20px 0 0;
	}
	.top-news-list__body {
		flex: 1;
		padding: 5px 0;
	}
	.top-news-list__image {
		border: 1px solid #ddd;
	}
	.top-news-list__image img {
		width: 100%;
	}
	[class*="top-news-list__type"]:not(.top-news-list__type--nolink) .top-news-list__image {
		overflow: hidden;
	}
	[class*="top-news-list__type"]:not(.top-news-list__type--nolink) .top-news-list__image img {
		transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
	}
	[class*="top-news-list__type"]:not(.top-news-list__type--nolink):hover .top-news-list__image img {
		transform: scale(1.1);
	}
	.top-news-list__property {
		display: flex;
		align-items: center;
	}
	.top-news-list__date {
		color: #666;
		font-size: 17px;
	}
	.top-news-list__category {
		margin: 0 0 0 20px;
	}
	[class*="top-news-list__badge"] {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 104px;
		height: 25px;
		color: #fff;
		font-size: 12px;
		font-weight: 700;
		line-height: 1.1;
		text-align: center;
	}
	.top-news-list__badge--exam {
		background-color: #f25959;
	}
	.top-news-list__badge--campus {
		background-color: #f28644;
	}
	.top-news-list__badge--study {
		background-color: #9a20d9;
	}
	.top-news-list__badge--sport {
		background-color: #2293e3;
	}
	.top-news-list__badge--notice {
		background-color: #666;
	}
	.top-news-list__badge--release {
		background-color: #36ada3;
	}
	.top-news-list__caption {
		margin: 10px 0 0;
	}
	.top-news-list__title {
		font-size: 17px;
		font-weight: 500;
		line-height: 1.6;
	}
	[class*="top-news-list__type"]:not(.top-news-list__type--nolink) .top-news-list__title {
		transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
	}
	[class*="top-news-list__type"]:not(.top-news-list__type--nolink):hover .top-news-list__title {
		color: #3d8bd3;
	}
	.top-news__button {
		display: flex;
		justify-content: center;
		margin: 0;
	}
	.top-news__button > li {
		display: flex;
	}
	.top-news__button > li > a {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: 280px;
		width: 100%;
		padding: 13px 56px;
		box-shadow: 0 0 7px 0 rgba(0,0,0,0.15);
		background: -moz-linear-gradient(left,#0067bc 0%,#19aabe 100%);
		background: -webkit-linear-gradient(left,#0067bc 0%,#19aabe 100%);
		background: linear-gradient(to right,#0067bc 0%,#19aabe 100%);
		color: #fff !important;
		font-size: 16px;
		text-align: center;
		text-decoration: none !important;
		z-index: 0;
	}
	.top-news__button > li > a:hover {
		opacity: 1;
	}
	.top-news__button > li > a::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		min-height: 100%;
		background: -moz-linear-gradient(left,#004896 0%,#0d8598 100%);
		background: -webkit-linear-gradient(left,#004896 0%,#0d8598 100%);
		background: linear-gradient(to right,#004896 0%,#0d8598 100%);
		z-index: -1;
		transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
	}
	.top-news__button > li > a:hover::before {
		opacity: 0;
	}
	.top-news__button > li > a::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
		width: 26px;
		height: 5px;
		background: url("/images/top_link_ic01.png") no-repeat 0 0;
		background-size: 100% 100%;
	}
	.top-news__switch {
		display: none !important;
	}
	
	/* ----- top-pickup ----- */
	.top-pickup {
		position: relative;
		margin: 0;
		padding: 1px 0 80px;
		background: #d3f3f0;
		z-index: 0;
	}
	.top-pickup__inner {
		position: relative;
		margin: -120px 0 0;
		padding: 70px 0 80px;
		z-index: 0;
	}
	.top-pickup__inner::before {
		content: "";
		position: absolute;
		top: 0;
		right: -160px;
		width: 1000vw;
		min-height: 100%;
		background: -moz-linear-gradient(left,#2695a6 0%,#10a06e 100%);
		background: -webkit-linear-gradient(left,#2695a6 0%,#10a06e 100%);
		background: linear-gradient(to right,#2695a6 0%,#10a06e 100%);
		z-index: -1;
	}
	.top-pickup__title {
		color: #fff;
		font-size: 60px;
		font-family: Arial, Helvetica, "sans-serif";
		line-height: 1.1;
		text-align: center;
	}
	.top-pickup-carousel {
		margin: 30px 0 0;
		position: relative;
		overflow: hidden !important;
	}
	.top-pickup-carousel__screen {
		overflow: hidden;
		height: 400px;
		width: 820px;
		margin: 0 auto;
	}
	.top-pickup-carousel__screen.slick-initialized {
		overflow: visible;
		height: auto;
	}
	.top-pickup-carousel__screen .slick-list {
		overflow: visible;
	}
	.top-pickup-carousel__item {
		padding: 0 55px;
	}
	.top-pickup-carousel__item {
		float: left;
		width: 48%;
	}
	[class*="top-pickup-carousel__type"] {
		display: block;
		pointer-events: none;
	}
	[class*="top-pickup-carousel__type"]:not(.top-pickup-carousel__type--nolink) {
		text-decoration: none !important;
	}
	[class*="top-pickup-carousel__type"]:not(.top-pickup-carousel__type--nolink):hover {
		opacity: 1;
	}
	.top-pickup-carousel__type--blank .top-pickup-carousel__title::after ,
	.top-pickup-carousel__type--pdf .top-pickup-carousel__title::after {
		content: "";
		display: inline-block;
		margin: 0 0 0 10px;
		background-repeat: no-repeat;
		background-position: 0 0;
		vertical-align: middle;
	}
	.top-pickup-carousel__type--blank .top-pickup-carousel__title::after {
		width: 12px;
		height: 10px;
		background-image: url("/images/top_news_ic03.png");
	}
	.top-pickup-carousel__type--pdf .top-pickup-carousel__title::after {
		width: 32px;
		height: 14px;
		background-image: url("/images/top_news_ic04.png");
	}
	.top-pickup-carousel__body {
		margin: 20px 0 0;
	}
	.top-pickup-carousel__image {
		padding: 7px;
	}
	.top-pickup-carousel__image figure {
		overflow: hidden;
		box-shadow: 0 0 7px 0 rgba(0,0,0,0.05);
		border-radius: 50%;
		position: relative; /* for safari bug */
		z-index: 1; /* for safari bug */
		pointer-events: none;
	}
	.slick-active .top-pickup-carousel__image figure {
		pointer-events: auto;
	}
	.top-pickup-carousel__image figure img {
		width: 100%;
	}
	[class*="top-pickup-carousel__type"]:not(.top-pickup-carousel__type--nolink) .top-pickup-carousel__image figure img {
		transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
	}

	[class*="top-pickup-carousel__type"]:not(.top-pickup-carousel__type--nolink):hover .top-pickup-carousel__image figure img {
		transform: scale(1.1);
	}
	.top-pickup-carousel__title {
		color: #fff;
		font-size: 16px;
		font-weight: 700;
		line-height: 1.375;
		text-align: center;
		opacity: 0;
	}
	.slick-active .top-pickup-carousel__title {
		opacity: 1;
	}
	[class*="top-pickup-carousel__type"]:not(.top-pickup-carousel__type--nolink) .top-pickup-carousel__title {
		transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
	}
	[class*="top-pickup-carousel__type"]:not(.top-pickup-carousel__type--nolink):hover .top-pickup-carousel__title {
		color: #d3f3f0;
	}
	.top-pickup-carousel .top-carousel-controller {
		margin-top: 25px;
	}
	
	/* ----- top-features ----- */
	.top-features {
		margin: 0;
		padding: 70px 30px 180px;
	}
	.top-features__inner {
		max-width: 1820px;
		width: 100%;
		margin: 0 auto;
	}
	.top-features__title {
		color: #004896;
		font-size: 60px;
		font-family: Arial, Helvetica, "sans-serif";
		line-height: 1.1;
		text-align: center;
	}
	.top-features-card {
		display: flex;
		margin: 40px 0 0;
	}
	.top-features-card__item {
		width: 50%;
	}
	.top-features-card__item + .top-features-card__item {
		padding-left: 1px;
	}
	[class*="top-features-card__type"] {
		position: relative;
		display: block;
	}
	[class*="top-features-card__type"]:not(.top-features-card__type--nolink) {
		text-decoration: none !important;
	}
	[class*="top-features-card__type"]:not(.top-features-card__type--nolink):hover {
		opacity: 1;
	}
	.top-features-card__body {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 25px 30px;
	}
	.top-features-card__image {
		position: relative;
	}
	.top-features-card__image::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		min-height: 100%;
		background: -moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%);
		background: -webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%);
		background: linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%);
	}
	.top-features-card__image img {
		width: 100%;
	}
	[class*="top-features-card__type"]:not(.top-features-card__type--nolink) .top-features-card__image {
		overflow: hidden;
	}
	[class*="top-features-card__type"]:not(.top-features-card__type--nolink) .top-features-card__image img {
		transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
	}
	[class*="top-features-card__type"]:not(.top-features-card__type--nolink):hover .top-features-card__image img {
		transform: scale(1.1);
	}
	.top-features-card__title {
		color: #fff;
		font-size: 22px;
		text-align: center;
		font-weight: 700;
	}
	.top-features-card__title > span {
		font-size: 30px;
	}
	.top-features-carousel {
		margin: 1px 0 0;
	}
	.top-features-carousel__screen {
		display: flex;
	}
	.top-features-carousel__item {
		width: 20%;
		padding: 0 1px 0 0;
	}
	.top-features-carousel__item:last-child {
		padding-right: 0;
	}
	[class*="top-features-carousel__type"] {
		position: relative;
		display: block;
	}
	[class*="top-features-carousel__type"]:not(.top-features-carousel__type--nolink) {
		text-decoration: none !important;
	}
	[class*="top-features-carousel__type"]:not(.top-features-carousel__type--nolink):hover {
		opacity: 1;
	}
	.top-features-carousel__body {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 10px;
	}
	.top-features-carousel__image {
		position: relative;
	}
	.top-features-carousel__image::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		min-height: 100%;
		background: -moz-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,0.75) 100%);
		background: -webkit-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,0.75) 100%);
		background: linear-gradient(to bottom,rgba(0,0,0,0) 40%,rgba(0,0,0,0.75) 100%);
	}
	.top-features-carousel__image img {
		width: 100%;
	}
	[class*="top-features-carousel__type"]:not(.top-features-carousel__type--nolink) .top-features-carousel__image {
		overflow: hidden;
	}
	[class*="top-features-carousel__type"]:not(.top-features-carousel__type--nolink) .top-features-carousel__image img {
		transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
	}
	[class*="top-features-carousel__type"]:not(.top-features-carousel__type--nolink):hover .top-features-carousel__image img {
		transform: scale(1.1);
	}
	.top-features-carousel__title {
		color: #fff;
		font-size: 16px;
		font-weight: 700;
		text-align: center;
	}
	.top-features-carousel__title > span {
		font-size: 22px;
	}
	.top-features__button {
		display: flex;
		justify-content: center;
		margin: 40px 0 0;
	}
	.top-features__button > li {
		display: flex;
	}
	.top-features__button > li > a {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: 440px;
		width: 100%;
		padding: 13px 56px;
		box-shadow: 0 0 7px 0 rgba(0,0,0,0.15);
		background: -moz-linear-gradient(left,#0067bc 0%,#19aabe 100%);
		background: -webkit-linear-gradient(left,#0067bc 0%,#19aabe 100%);
		background: linear-gradient(to right,#0067bc 0%,#19aabe 100%);
		color: #fff !important;
		font-size: 16px;
		text-align: center;
		text-decoration: none !important;
		z-index: 0;
	}
	.top-features__button > li > a:hover {
		opacity: 1;
	}
	.top-features__button > li > a::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		min-height: 100%;
		background: -moz-linear-gradient(left,#004896 0%,#0d8598 100%);
		background: -webkit-linear-gradient(left,#004896 0%,#0d8598 100%);
		background: linear-gradient(to right,#004896 0%,#0d8598 100%);
		z-index: -1;
		transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
	}
	.top-features__button > li > a:hover::before {
		opacity: 0;
	}
	.top-features__button > li > a::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
		width: 26px;
		height: 5px;
		background: url("/images/top_link_ic01.png") no-repeat 0 0;
		background-size: 100% 100%;
	}
	
	/* ----- top-movie ----- */
	.top-movie {
		margin: 0;
		padding: 1px 0 80px;
		background: #cee8f9;
	}
	.top-movie__box {
		position: relative;
		margin: -100px 0 0;
		padding: 70px 0 130px;
		z-index: 0;
	}
	.top-movie__box::before {
		content: "";
		position: absolute;
		top: 0;
		left: -130px;
		width: calc(100% + (130px * 2));
		min-height: 100%;
		background: -moz-linear-gradient(left,rgba(38,99,166,1) 0%,rgba(38,149,166,1) 100%);
		background: -webkit-linear-gradient(left,rgba(38,99,166,1) 0%,rgba(38,149,166,1) 100%);
		background: linear-gradient(to right,rgba(38,99,166,1) 0%,rgba(38,149,166,1) 100%);
		z-index: -1;
	}
	.top-movie-title {
		color: #fff;
		line-height: 1.1;
		text-align: center;
	}
	.top-movie-title__main {
		font-size: 60px;
		font-family: Arial, Helvetica, "sans-serif";
	}
	.top-movie-title__sub {
		margin: 20px 0 0;
		font-size: 16px;
	}
	.top-movie-column {
		display: flex;
		justify-content: space-between;
		margin: 50px 0 0;
	}
	.top-movie-column__item {
		width: calc(((100% - 36px) / 2) - 0.1px);
		margin: 40px 0 0;
	}
	.top-movie-column__item:nth-child(-n+2) {
		margin-top: 0;
	}
	[class*="top-movie-card__type"] {
		display: flex;
		flex-direction: column-reverse;
	}
	[class*="top-movie-card__type"]:not(.top-movie-card__type--nolink) {
		color: #222 !important;
		text-decoration: none !important;
	}
	[class*="top-movie-card__type"]:not(.top-movie-card__type--nolink):hover {
		opacity: 1;
	}
	.top-movie-card__head {
		min-height: 0%; /* for IE11 bug */
	}
	.top-movie-card__body {
		position: relative;
		padding: 30px 15px 18px;
		box-shadow: 0 0 7px 0 rgba(0,0,0,0.05);
		background: #fff;
	}
	.top-movie-card__body::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 6px;
		background: -moz-linear-gradient(left,rgba(122,185,226,1) 0%,rgba(155,222,216,1) 100%);
		background: -webkit-linear-gradient(left,rgba(122,185,226,1) 0%,rgba(155,222,216,1) 100%);
		background: linear-gradient(to right,rgba(122,185,226,1) 0%,rgba(155,222,216,1) 100%);
	}
	.top-movie-card__image {
		position: relative;
		overflow: hidden;
	}
	.top-movie-card__image::before,
	.top-movie-card__type--modal .top-movie-card__image::after {
		content: "";
		position: absolute;
	}
	.top-movie-card__image::before {
		top: 0;
		left: 0;
		width: 100%;
		min-height: 100%;
		background: rgba(0,0,0,0.3);
		z-index: 1;
	}
	.top-movie-card__type--modal .top-movie-card__image::after {
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		width: 66px;
		height: 66px;
		background: url("/images/top_movie_ic01.png") no-repeat 50% 50%;
		background-size: 100% 100%;
		z-index: 2;
	}
	.top-movie-card__image img {
		width: 100%;
		transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
	}
	.top-movie-column__item:hover .top-movie-card__image img {
		transform: scale(1.1);
	}
	.top-movie-card__title {
		font-size: 18px;
		line-height: 1.1;
		text-align: center;
	}
	.top-movie-card__title > span {
		font-size: 20px;
		font-weight: 700;
	}
	.top-movie__button {
		display: flex;
		justify-content: center;
		margin: 38px 82px 0;
	}
	.top-movie__button > li {
		display: flex;
		width: 100%;
	}
	.top-movie__button > li > a {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		padding: 12px 56px;
		border: 1px solid #fff;
		color: #fff !important;
		font-size: 16px;
		text-align: center;
		text-decoration: none !important;
		transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
		z-index: 0;
	}
	.top-movie__button > li > a:hover {
		opacity: 1;
		background-color: #fff;
		color: #004896 !important;
	}
	.top-movie__button > li > a::before {
		content: "";
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
		width: 26px;
		height: 5px;
		background: url("/images/top_link_ic01.png") no-repeat 0 0;
		background-size: 100% 100%;
	}
	.top-movie__button > li > a:hover::before {
		background-image: url("/images/top_link_ic02.png");
	}
	.top-movie-banner {
		position: relative;
		display: flex;
		justify-content: center;
		margin: -80px 0 0;
		z-index: 0;
	}
	[class*="top-movie-banner__type"] {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 680px;
		height: 150px;
		box-shadow: 0 0 7px 0 rgba(0,0,0,0.05);
		background: #fff;
		transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
	}
	[class*="top-movie-banner__type"]:not(.top-movie-banner__type--nolink) {
		color: #222 !important;
		text-decoration: none !important;
	}
	[class*="top-movie-banner__type"]:not(.top-movie-banner__type--nolink):hover {
		background-color: #f1f8ff;
		opacity: 1;
	}
	.top-movie-banner__text {
		margin: 0;
		color: #004896;
		font-size: 16px;
		font-weight: 700;
		text-align: center;
	}
	.top-movie-banner__logo {
		margin: 25px 0 0;
		text-align: center;
	}
	.top-movie-banner__logo img {
		max-width: 151px;
		width: 100%;
	}
	
	/* ----- top-contact ----- */
	.top-contact {
		margin: 0;
		padding: 100px 0;
		background: url("/images/top_contact_bg01.jpg") no-repeat 50% 50%;
		background-size: cover;
	}
	.top-contact__inner {
		display: flex;
		align-items: center;
	}
	.top-contact__head {
		flex: 1;
	}
	.top-contact__body {
		width: 790px;
		margin: 0 0 0 36px;
	}
	.top-contact__title {
		color: #004896;
		font-size: 50px;
		font-family: Arial, Helvetica, "sans-serif";
		line-height: 1.1;
		text-align: center;
	}
	.top-contact-button {
		display: flex;
		justify-content: space-between;
		margin: 0;
	}
	.top-contact-button > li {
		display: flex;
		width: calc(((100% - 36px) / 2) - 0.1px);
		margin: 20px 0 0;
	}
	.top-contact-button > li:nth-child(-n+2) {
		margin-top: 0;
	}
	.top-contact-button > li > a {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		padding: 28px 56px 25px;
		box-shadow: 0 0 7px 0 rgba(0,0,0,0.15);
		background: -moz-linear-gradient(left,#0067bc 0%,#19aabe 100%);
		background: -webkit-linear-gradient(left,#0067bc 0%,#19aabe 100%);
		background: linear-gradient(to right,#0067bc 0%,#19aabe 100%);
		color: #fff !important;
		font-size: 20px;
		font-weight: 700;
		line-height: 1.1;
		text-decoration: none !important;
		z-index: 0;
	}
	.top-contact-button > li > a:hover {
		opacity: 1;
	}
	.top-contact-button > li > a::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		min-height: 100%;
		background: -moz-linear-gradient(left,#004896 0%,#0d8598 100%);
		background: -webkit-linear-gradient(left,#004896 0%,#0d8598 100%);
		background: linear-gradient(to right,#004896 0%,#0d8598 100%);
		z-index: -1;
		transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
	}
	.top-contact-button > li > a:hover::before {
		opacity: 0;
	}
	.top-contact-button > li > a::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
		width: 26px;
		height: 5px;
		background: url("/images/top_link_ic01.png") no-repeat 0 0;
		background-size: 100% 100%;
	}
	.top-contact-button__type--inquiry > span::before,
	.top-contact-button__type--request > span::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 20px;
		transform: translateY(-50%);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100% 100%;
	}
	.top-contact-button__type--inquiry > span::before {
		width: 26px;
		height: 17px;
		background-image: url("/images/top_contact_ic01.png");
	}
	.top-contact-button__type--request > span::before {
		width: 21px;
		height: 26px;
		background-image: url("/images/top_contact_ic02.png");
	}
	.top-contact-button-v2 {
		display: flex;
		justify-content: space-between;
		margin: 20px 0 0;
	}
	.top-contact-button-v2 > li {
		display: flex;
		width: calc(((100% - 36px) / 2) - 0.1px);
		margin: 20px 0 0;
	}
	.top-contact-button-v2 > li:nth-child(-n+2) {
		margin-top: 0;
	}
	.top-contact-button-v2 > li > a {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		padding: 24px 56px 22px;
		background: #fff;
		border: 1px solid #004896;
		color: #004896 !important;
		font-size: 16px;
		line-height: 1.1;
		text-decoration: none !important;
		transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
	}
	.top-contact-button-v2 > li > a:hover {
		background-color: #f1f8ff;
		opacity: 1;
	}
	.top-contact-button-v2 > li > a::before {
		content: "";
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
		width: 26px;
		height: 5px;
		background: url("/images/top_link_ic02.png") no-repeat 0 0;
		background-size: 100% 100%;
	}
	.top-contact-sns {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 50px 0 0;
		padding: 29px 0;
		border-top: 1px solid #004896;
		border-bottom: 1px solid #004896;
	}
	.top-contact-sns__body {
		margin: 0 0 0 50px;
	}
	.top-contact-sns__title {
		color: #004896;
		font-size: 16px;
		font-weight: 700;
	}
	.top-contact-sns__list {
		display: flex;
		align-items: center;
		margin: 0;
	}
	.top-contact-sns__list > li > a:hover {
		opacity: 1;
	}
	.top-contact-sns__list > li.top-contact-sns__line {
		width: 41px;
	}
	.top-contact-sns__list > li.top-contact-sns__instagram {
		width: 42px;
		margin-left: 28px;
	}
	.top-contact-sns__list > li.top-contact-sns__youtube {
		width: 47px;
		margin-left: 27px;
	}
	.top-contact-sns__list > li img {
		max-width: 100%;
	}
	
	/* ----- top-special ----- */
	.top-special {
		padding: 60px 0 37px;
	}
	.top-special-carousel {
		overflow: hidden;
	}
	.top-special-carousel__screen {
		width: 926px;
		margin: 0 auto;
		overflow: hidden;
	}
	.top-special-carousel__screen.slick-initialized {
		overflow: visible;
	}
	.top-special-carousel__screen .slick-list {
		overflow: visible;
	}
	.top-special-carousel__item {
		float: left;
		width: 25%;
		padding: 0 18px;
	}
	.top-special-carousel__type {
		overflow: hidden;
		position: relative;
		display: block;
		box-shadow: 0 0 7px 0 rgba(0,0,0,0.05);
		pointer-events: none;
	}
	.slick-active .top-special-carousel__type {
		pointer-events: auto;
	}
	.top-special-carousel__type:hover {
		opacity: 1;
	}
	.top-special-carousel__type::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		min-height: 100%;
		box-sizing: border-box;
		border: 1px solid #3d8bd3;
		opacity: 0;
		transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
		z-index: 1;
	}
	.top-special-carousel__type:hover::before {
		opacity: 1;
	}
	.top-special-carousel__type img {
		width: 100%;
		transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
	}
	.top-special-carousel__type:hover img {
		transform: scale(1.1);
	}
	.top-special-carousel .top-carousel-controller {
		margin-top: 40px;
	}
	
	/* ----- view ----- */
	/* topics */
	.top-topics-carousel.is-out-view {
		transform: translate(0, 200px);
	}
	.top-topics-carousel.is-out-view.is-in-view {
		transform: translate(0, 0);
		transition: transform 0.5s ease 0s;
	}
	/* news */
	.top-news.is-out-view::before,
	.top-news.is-out-view .top-news__title,
	.top-news.is-out-view .top-news__body {
		opacity: 0;
	}
	.top-news.is-out-view.is-in-view::before,
	.top-news.is-out-view.is-in-view .top-news__title,
	.top-news.is-out-view.is-in-view .top-news__body {
		opacity: 1;
		transition-property: opacity;
		transition-duration: 1s;
		transition-timing-function: ease;
	}
	.top-news.is-out-view.is-in-view::before {
		transition-delay: 0s;
	}
	.top-news.is-out-view.is-in-view .top-news__title {
		transition-delay: 0.5s;
	}
	.top-news.is-out-view.is-in-view .top-news__body {
		transition-delay: 1s;
	}
	/* pickup */
	.top-pickup__inner.is-out-view::before {
		right: 150%;
	}
	.top-pickup__inner.is-out-view.is-in-view::before {
		right: calc( ((100vw - 1188px) / -2) );
		transition: right 1s ease 0s;
	}
	/* features */
	.top-features-card.is-out-view > .top-features-card__item {
		transform: translate(0, 100px);
		opacity: 0;
	}
	.top-features-card.is-out-view.is-in-view > .top-features-card__item	{
		transform: translate(0, 0);
		opacity: 1;
		transition-property: opacity, transform;
		transition-duration: 0.5s;
		transition-timing-function: cubic-bezier(.39,.575,.565,1);
	}
	.top-features-card.is-out-view.is-in-view > .top-features-card__item:nth-child(1) {
		transition-delay: 0s;
	}
	.top-features-card.is-out-view.is-in-view > .top-features-card__item:nth-child(2) {
		transition-delay: 0.1s;
	}
	.top-features-carousel__screen.is-out-view .top-features-carousel__item {
		transform: translate(0, 100px);
		opacity: 0;
	}
	.top-features-carousel__screen.is-out-view.is-in-view .top-features-carousel__item {
		transform: translate(0, 0);
		opacity: 1;
		transition-property: opacity, transform;
		transition-duration: 0.5s;
		transition-timing-function: cubic-bezier(.39,.575,.565,1);
	}
	.top-features-carousel__screen.is-out-view.is-in-view .top-features-carousel__item:nth-child(1) {
		transition-delay: 0s;
	}
	.top-features-carousel__screen.is-out-view.is-in-view .top-features-carousel__item:nth-child(2) {
		transition-delay: 0.1s;
	}
	.top-features-carousel__screen.is-out-view.is-in-view .top-features-carousel__item:nth-child(3) {
		transition-delay: 0.2s;
	}
	.top-features-carousel__screen.is-out-view.is-in-view .top-features-carousel__item:nth-child(4) {
		transition-delay: 0.3s;
	}
	.top-features-carousel__screen.is-out-view.is-in-view .top-features-carousel__item:nth-child(5) {
		transition-delay: 0.4s;
	}
	/* movie */
	.top-movie.is-out-view .top-movie__box,
	.top-movie.is-out-view .top-movie-banner {
		transform: translate(0, 200px);
	}
	.top-movie.is-out-view.is-in-view .top-movie__box,
	.top-movie.is-out-view.is-in-view .top-movie-banner {
		transform: translate(0, 0);
		transition: transform 0.5s ease 0s;
	}
	
	/* ----- device ----- */
	.pc-hidden {
		display: none !important;
	}
	
	/* ------------------------------------------------------
	 * Clearfix
	------------------------------------------------------ */
	.top-topics-carousel__screen::after,
	.top-pickup-carousel__screen::after,
	.top-special-carousel__screen::after {
		display: block;
		clear: both;
		content: "";
	}
}

/* ======================================================
 * PC Media Queries
====================================================== */
@media screen and (min-width: 768px) and (max-width: 1260px) {
	.top-features-card__body {
		padding: 15px;
	}
	.top-features-carousel__title {
		line-height: 1.4;
	}
	.top-features-carousel__body {
		padding: 5px;
	}
}

/* ======================================================
 * SP
====================================================== */
@media only screen and (max-width: 767px) {
	/* ------------------------------------------------------
	 * Page Component
	------------------------------------------------------ */
	/* ----- modal ----- */
	.top-modal #cboxClose {
		width: 17px;
		height: 17px;
		margin: 0 0 6px;
	}
	.top-modal #cboxClose::before,
	.top-modal #cboxClose::after {
		width: 21px;
		height: 2px;
	}
	
	/* ----- top-content ----- */
	.top-content {
		overflow: hidden;
		background: #fff;
		color: #222;
	}
	
	/* ----- top-carousel-pause ----- */
	/* ----- top-carousel-play ----- */
	.top-carousel-pause,
	.top-carousel-play {
		position: relative;
		width: 7px;
		height: 10px;
		margin: 0;
		padding: 0;
		background: transparent;
		border: none;
		border-radius: 0;
		font-size: 0;
		line-height: 0;
		outline: none;
		cursor: pointer;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.top-carousel-pause::before,
	.top-carousel-pause::after {
		content: "";
		position: absolute;
		top: 0;
		width: 2px;
		min-height: 100%;
		background: #004896;
	}
	.top-carousel-pause::before {
		left: 0;
	}
	.top-carousel-pause::after {
		right: 0;
	}
	.top-carousel-play::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 5px 0 5px 7px;
		border-color: transparent transparent transparent #004896;
	}
	
	/* ----- top-carousel-pager ----- */
	.top-carousel-pager,
	.top-carousel-pager-v2,
	.top-carousel-pager-v3 {
		display: flex;
		align-items: center;
		margin: 0;
	}
	.top-carousel-pager > li + li,
	.top-carousel-pager-v2 > li + li,
	.top-carousel-pager-v3 > li + li {
		margin-left: 12px;
	}
	.top-carousel-pager > li > button,
	.top-carousel-pager-v2 > li > button,
	.top-carousel-pager-v3 > li > button {
		width: 10px;
		height: 10px;
		margin: 0;
		padding: 0;
		background: transparent;
		border: none;
		border-radius: 50%;
		font-size: 0;
		line-height: 0;
		outline: none;
		cursor: pointer;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.top-carousel-pager > li > button,
	.top-carousel-pager-v2 > li > button {
		background: #fff;
	}
	.top-carousel-pager > li > button {
		border: 1px solid #004896;
	}
	.top-carousel-pager-v3 > li > button {
		background: #ddd;
	}
	.top-carousel-pager > li.slick-active > button,
	.top-carousel-pager-v2 > li.slick-active > button,
	.top-carousel-pager-v3 > li.slick-active > button {
		background-color: #004896;
	}
	.top-carousel-pager > li.slick-active > button {
		border-color: #004896;
	}
	
	/* ----- top-carousel-prev ----- */
	/* ----- top-carousel-next ----- */
	.top-carousel-prev,
	.top-carousel-next {
		width: 9px;
		height: 16px;
		margin: 0;
		padding: 0;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100% 100%;
		border: none;
		border-radius: 0;
		font-size: 0;
		line-height: 0;
		outline: none;
		cursor: pointer;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.top-carousel-prev {
		background-image: url("/images/top_carousel_bt01.png");
	}
	.top-carousel-next {
		background-image: url("/images/top_carousel_bt02.png");
	}
	/* v2 */
	.top-carousel-prev-v2,
	.top-carousel-next-v2 {
		width: 28px;
		height: 28px;
		margin: 0;
		padding: 0;
		background-color: #004896;
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		border: none;
		border-radius: 50%;
		font-size: 0;
		line-height: 0;
		outline: none;
		cursor: pointer;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
	}
	.top-carousel-prev-v2 {
		background-image: url("/images/top_carousel_bt03.png");
	}
	.top-carousel-next-v2 {
		background-image: url("/images/top_carousel_bt04.png");
	}
	
	/* ----- top-carousel-controller ----- */
	.top-carousel-controller {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 20px 0 0;
		font-size: 0;
		line-height: 0;
	}
	.top-carousel-controller__inner {
		position: relative;
		display: flex;
		align-items: center;
		min-height: 28px;
		padding: 0 53px;
	}
	.top-carousel-controller__navi .top-carousel-prev-v2,
	.top-carousel-controller__navi .top-carousel-next-v2 {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	.top-carousel-controller__navi .top-carousel-prev-v2 {
		left: 0;
	}
	.top-carousel-controller__navi .top-carousel-next-v2 {
		right: 0;
	}
	.top-carousel-controller__switch {
		margin: 0 0 0 20px;
	}
	
	/* ----- top-visual ----- */
	.top-visual {
		padding: 0 15px;
	}
	.top-visual-carousel__screen {
		margin: 0 -15px;
	}
	.top-visual-carousel__item img {
		width: 100%;
	}
	.top-visual-carousel__type {
		display: block;
	}
	.top-visual-carousel__type:hover {
		opacity: 1;
	}
	.top-visual-carousel .top-carousel-controller {
		margin-top: 15px;
	}
	.top-visual-guide {
		display: flex;
		margin: 14px -15px 0;
	}
	.top-visual-guide > li {
		position: relative;
		flex: 1;
		display: flex;
	}
	[class*="top-visual-guide__balloon"] {
		position: absolute;
		bottom: 100%;
		left: 50%;
		transform: translateX(-50%);
		margin: 0 0 10px;
		z-index: 0;
	}
	[class*="top-visual-guide__balloon"]:hover {
		opacity: 1;
	}
	[class*="top-visual-guide__balloon"] img {
		max-width: 72px;
	}
	[class*="top-visual-guide__button"] {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		padding: 15px 5px 30px;
		color: #fff !important;
		font-size: 14px;
		font-weight: 700;
		line-height: 1.1;
		text-align: center;
		text-decoration: none !important;
	}
	.top-visual-guide__button--candidate {
		background-color: #c64765;
	}
	.top-visual-guide__button--guardian {
		background-color: #8561a1;
	}
	.top-visual-guide__button--student {
		background-color: #336dab;
	}
	.top-visual-guide__button--graduate {
		background-color: #33aba7;
	}
	[class*="top-visual-guide__button"]::before {
		content: "";
		position: absolute;
		bottom: 15px;
		left: 50%;
		transform: translateX(-50%);
		width: 26px;
		height: 5px;
		background: url("/images/top_link_ic01.png") no-repeat 0 0;
		background-size: 100% 100%;
	}
	[class*="top-visual-guide__button"]:hover {
		opacity: 1;
	}
	
	/* ----- top-important ----- */
	.top-important {
		margin: 0;
		position: relative;
		background: #fffafc;
	}
	.top-important__head {
		display: flex;
		justify-content: flex-start;
		height: 30px;
		padding: 0 112px 0 0;
	}
	.top-important__body {
		padding: 10px 15px;
	}
	.top-important__heading {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 15px;
		background: #ffe5f1;
		color: #b8193f;
		font-size: 12px;
		font-weight: 700;
	}
	.top-important__heading > span {
		position: relative;
		padding: 0 0 0 17px;
	}
	.top-important__heading > span::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		width: 13px;
		height: 12px;
		margin: -1px 0 0;
		background: url("/images/top_important_ic01.png") no-repeat 0 50%;
		background-size: 100% auto;
	}
	.top-important__property {
		line-height: 1.1;
	}
	.top-important__caption {
		margin: 3px 0 0;
	}
	.top-important__date {
		color: #666;
		font-size: 11px;
	}
	.top-important__title {
		font-size: 13px;
	}
	[class*="top-important__type"] {
		color: #222 !important;
		text-decoration: none !important;
		transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
	}
	[class*="top-important__type"]:hover {
		color: #3d8bd3 !important;
	}
	.top-important__type--blank::after {
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 12px;
		height: 10px;
		margin: 0 0 0 10px;
		background: url("/images/top_news_ic01.png") no-repeat 0 0;
	}
	.top-important__type--pdf::after {
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 32px;
		height: 14px;
		margin: 0 0 0 10px;
		background: url("/images/top_news_ic02.png") no-repeat 0 0;
		background-size: 100% 100%;
	}
	.top-important-carousel__controller {
		position: absolute;
		top: 14px;
		right: 15px;
		display: flex;
		align-items: center;
		height: 16px;
		font-size: 0;
		line-height: 0;
	}
	.top-important-carousel__navi .top-carousel-prev,
	.top-important-carousel__navi .top-carousel-next {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	.top-important-carousel__navi .top-carousel-prev {
		left: 0;
	}
	.top-important-carousel__navi .top-carousel-next {
		right: 0;
	}
	.top-important-carousel__switch {
		margin: 0 36px;
	}
	.top-important-carousel__switch .top-carousel-pause,
	.top-important-carousel__switch .top-carousel-play {
		width: 10px;
		height: 13px;
	}
	.top-important-carousel__switch .top-carousel-pause::before,
	.top-important-carousel__switch .top-carousel-pause::after {
		width: 3px;
	}
	.top-important-carousel__switch .top-carousel-play::before {
		border-width: 6px 0 6px 10px;
	}
	.top-important__error {
		margin: 0;
		font-size: 13px;
	}
	
	/* ----- top-topics ----- */
	.top-topics {
		padding: 27px 15px 90px;
		background: #efefef;
	}
	.top-topics-carousel__screen {
		width: 84.9275%;
		margin: 0 auto;
	}
	.top-topics-carousel__screen.slick-initialized .slick-list {
		overflow: visible;
	}
	.top-topics-carousel__item {
		padding: 3px 10px;
	}
	[class*="top-topics-carousel__type"] {
		display: block;
		box-shadow: 0 0 3px 0 rgba(0,0,0,0.05);
	}
	[class*="top-topics-carousel__type"]:not(.top-topics-carousel__type--nolink) {
		color: #222 !important;
		text-decoration: none !important;
	}
	[class*="top-topics-carousel__type"]:not(.top-topics-carousel__type--nolink):hover {
		opacity: 1;
	}
	.top-topics-carousel__body {
		position: relative;
		padding: 21px 10px 15px;
		background: #fff;
	}
	[class*="top-topics-carousel__type"]:not(.top-topics-carousel__type--nolink) .top-topics-carousel__body {
		padding-right: 46px;
	}
	[class*="top-topics-carousel__type"]:not(.top-topics-carousel__type--nolink) .top-topics-carousel__body::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translateY(-50%);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100% 100%;
	}
	.top-topics-carousel__type .top-topics-carousel__body::after {
		width: 26px;
		height: 5px;
		background-image: url("/images/top_link_ic02.png");
	}
	.top-topics-carousel__type--blank .top-topics-carousel__body::after {
		width: 12px;
		height: 11px;
		background-image: url("/images/top_news_ic01-r2x.png");
	}
	.top-topics-carousel__type--pdf .top-topics-carousel__body::after {
		width: 29px;
		height: 13px;
		background-image: url("/images/top_news_ic02-r2x.png");
	}
	.top-topics-carousel__body::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 6px;
		background: -moz-linear-gradient(left,#004896 0%,#0d8598 100%);
		background: -webkit-linear-gradient(left,#004896 0%,#0d8598 100%);
		background: linear-gradient(to right,#004896 0%,#0d8598 100%);
	}
	.top-topics-carousel__image img {
		width: 100%;
	}
	.top-topics-carousel__title {
		font-size: 13px;
		font-weight: 700;
		line-height: 1.6;
	}
	.top-topics-carousel .top-carousel-controller {
		margin-top: 17px;
	}
	
	/* ----- top-news ----- */
	.top-news {
		position: relative;
		margin: 0;
		padding: 37px 15px 40px;
		z-index: 0;
	}
	.top-news::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		min-height: 100%;
		background: #cee8f9;
		z-index: -2;
	}
	.top-news::after {
		content: "";
		position: absolute;
		top: -50px;
		right: 0;
		width: 81.3333%;
		min-height: 74.9571%;
		background: -moz-linear-gradient(left,#2663a6 0%,#2695a6 100%);
		background: -webkit-linear-gradient(left,#2663a6 0%,#2695a6 100%);
		background: linear-gradient(to right,#2663a6 0%,#2695a6 100%);
		z-index: -1;
	}
	.top-news__head {
		position: absolute;
		top: -15px;
		left: 0;
		width: 100%;
	}
	.top-news__body {
		position: relative;
		z-index: 0;
	}
	.top-news__title {
		padding: 0 15px;
		color: #fff;
		font-size: 30px;
		line-height: 1.1;
		text-align: center;
		z-index: 0;
	}
	.top-news-tab {
		box-shadow: 0 0 3px 0 rgba(0,0,0,0.05);
		background: #fff;
	}
	.top-news-tab__body,
	.top-news-tab__foot {
		padding: 15px 15px 20px;
	}
	.top-news-tab__body + .top-news-tab__foot {
		padding-top: 0;
	}
	.top-news-tab__navi {
		overflow-x: auto;
		overflow-scrolling: touch;
		-webkit-overflow-scrolling: touch;
		display: flex;
		align-items: flex-end;
		margin: 0;
		padding: 19px 0 0;
		background: #efefef;
		border-bottom: 2px solid #004896;
		white-space: nowrap;
	}
	.top-news-tab__navi > li {
		padding: 8px 10px 8px;
		box-shadow: 0 0 3px 0 rgba(0,0,0,0.05);
		background: #fff;
		font-size: 12px;
		transition-property: background-color, color;
		transition-duration: .25s;
		transition-timing-function: cubic-bezier(.4,0,.2,1);
		transition-delay: 0s;
	}
	.top-news-tab__navi > li.is-current {
		padding-top: 10px;
		padding-bottom: 10px;
		background-color: #004896;
		color: #fff;
		font-weight: 700;
	}
	.top-news-tab__navi > li + li {
		margin-left: 5px;
	}
	.top-news__error {
		margin: 0;
		width: 100%;
		font-size: 13px;
	}
	.top-news-list__article {
		border-bottom: 1px solid #ddd;
	}
	[class*="top-news-list__type"] {
		display: flex;
		width: 100%;
		padding: 15px 0;
	}
	[class*="top-news-list__type"] {
		display: flex;
		width: 100%;
		padding: 15px 0;
	}
	[class*="top-news-list__type"]:not(.top-news-list__type--nolink):hover {
		opacity: 1;
	}
	.top-news-list__type,
	.top-news-list__type--blank,
	.top-news-list__type--pdf {
		position: relative;
		padding-right: 36px;
		color: #222 !important;
		text-decoration: none !important;
	}
	.top-news-list__type::before,
	.top-news-list__type--blank::before,
	.top-news-list__type--pdf::before {
		content: "";
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100% 100%;
	}
	.top-news-list__type::before {
		width: 26px;
		height: 5px;
		background-image: url("/images/top_link_ic02.png");
	}
	.top-news-list__type--blank::before {
		width: 12px;
		height: 11px;
		background-image: url("/images/top_news_ic01-r2x.png");
	}
	.top-news-list__type--pdf::before {
		width: 29px;
		height: 13px;
		background-image: url("/images/top_news_ic02-r2x.png");
	}
	.top-news-list__head {
		width: 90px;
		margin: 0 15px 0 0;
	}
	.top-news-list__body {
		flex: 1;
	}
	.top-news-list__image {
		border: 1px solid #ddd;
	}
	.top-news-list__image img {
		width: 100%;
	}
	.top-news-list__property {
		line-height: 1.1;
	}
	.top-news-list__date {
		color: #666;
		font-size: 11px;
		line-height: 1.1;
	}
	.top-news-list__category {
		display: flex;
		margin: 7px 0 0;
	}
	[class*="top-news-list__badge"] {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 108px;
		height: 20px;
		color: #fff;
		font-size: 11px;
		line-height: 1.1;
		text-align: center;
	}
	.top-news-list__badge--exam {
		background-color: #f25959;
	}
	.top-news-list__badge--campus {
		background-color: #f28644;
	}
	.top-news-list__badge--study {
		background-color: #9a20d9;
	}
	.top-news-list__badge--sport {
		background-color: #2293e3;
	}
	.top-news-list__badge--notice {
		background-color: #666;
	}
	.top-news-list__badge--release {
		background-color: #36ada3;
	}
	.top-news-list__caption {
		margin: 5px 0 0;
	}
	.top-news-list__title {
		font-size: 13px;
		line-height: 1.6;
	}
	.top-news__button {
		margin: 0;
	}
	.top-news__button > li > a {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 13px 45px;
		box-shadow: 0 0 3px 0 rgba(0,0,0,0.15);
		background: -moz-linear-gradient(left,#004896 0%,#0d8598 100%);
		background: -webkit-linear-gradient(left,#004896 0%,#0d8598 100%);
		background: linear-gradient(to right,#004896 0%,#0d8598 100%);
		color: #fff !important;
		font-size: 17px;
		text-align: center;
		text-decoration: none !important;
	}
	.top-news__button > li > a:hover {
		opacity: 1;
	}
	.top-news__button > li > a::before {
		content: "";
		position: absolute;
		top: 50%;
		right: 15px;
		transform: translateY(-50%);
		width: 26px;
		height: 5px;
		background: url("/images/top_link_ic01.png") no-repeat 0 0;
		background-size: 100% 100%;
	}
	.top-news__switch {
		position: relative;
		width: calc(100% - 25px * 2);
		margin: 20px 25px 0;
		padding: 13px 30px;
		background: #fff;
		border: 1px solid #004896;
		border-radius: 0;
		color: #004896;
		font-size: 14px;
		text-align: center;
		outline: none;
		cursor: pointer;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.top-news__switch::before,
	.top-news__switch::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 14px;
		width: 14px;
		height: 2px;
		margin-top: -1px;
		background: #004896;
	}
	.top-news__switch::after {
		transform: rotate(90deg);
	}
	
	/* ----- top-pickup ----- */
	.top-pickup {
		margin: 0;
		padding: 40px 15px;
		background: -moz-linear-gradient(left,#2695a6 0%,#10a06e 100%);
		background: -webkit-linear-gradient(left,#2695a6 0%,#10a06e 100%);
		background: linear-gradient(to right,#2695a6 0%,#10a06e 100%);
	}
	.top-pickup__title {
		color: #fff;
		font-size: 30px;
		font-family: Arial, Helvetica, "sans-serif";
		line-height: 1.1;
		text-align: center;
	}
	.top-pickup-carousel {
		margin: 10px 0 0;
	}
	.top-pickup-carousel__screen {
		width: 60%;
    width: 52.0289%;
		margin: 0 auto;
	}
	.top-pickup-carousel__screen .slick-list {
		overflow: visible;
	}
	.top-pickup-carousel__item {
		padding: 0 15px;
	}
	[class*="top-pickup-carousel__type"] {
		display: block;
	}
	[class*="top-pickup-carousel__type"]:not(.top-pickup-carousel__type--nolink) {
		text-decoration: none !important;
	}
	[class*="top-pickup-carousel__type"]:not(.top-pickup-carousel__type--nolink):hover {
		opacity: 1;
	}
	.top-pickup-carousel__type--blank .top-pickup-carousel__title::after ,
	.top-pickup-carousel__type--pdf .top-pickup-carousel__title::after {
		content: "";
		position: relative;
		top: -0.1em;
		display: inline-block;
		margin: 0 0 0 10px;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100% 100%;
		vertical-align: middle;
	}
	.top-pickup-carousel__type--blank .top-pickup-carousel__title::after {
		width: 12px;
		height: 11px;
		background-image: url("/images/top_news_ic03-r2x.png");
	}
	.top-pickup-carousel__type--pdf .top-pickup-carousel__title::after {
		width: 29px;
		height: 13px;
		background-image: url("/images/top_news_ic04-r2x.png");
	}
	.top-pickup-carousel__body {
		margin: 10px 0 0;
	}
	.top-pickup-carousel__image {
		padding: 3px;
	}
	.top-pickup-carousel__image figure {
		overflow: hidden;
		box-shadow: 0 0 3px 0 rgba(0,0,0,0.05);
		border-radius: 50%;
	}
	.top-pickup-carousel__image figure img {
		width: 100%;
	}
	.top-pickup-carousel__title {
		color: #fff;
		font-size: 14px;
		font-weight: 700;
		line-height: 1.6;
		text-align: center;
	}
	.top-pickup-carousel .top-carousel-controller {
		margin-top: 15px;
	}
	
	/* ----- top-features ----- */
	.top-features {
		margin: 0;
		padding: 35px 15px 40px;
	}
	.top-features__title {
		color: #004896;
		font-size: 30px;
		font-family: Arial, Helvetica, "sans-serif";
		line-height: 1.1;
		text-align: center;
	}
	.top-features-card {
		margin: 15px 0 0;
	}
	.top-features-card__item + .top-features-card__item {
		margin-top: 15px;
	}
	[class*="top-features-card__type"]:not(.top-features-card__type--nolink) {
		text-decoration: none !important;
	}
	[class*="top-features-card__type"]:not(.top-features-card__type--nolink):hover {
		opacity: 1;
	}
	[class*="top-features-card__type"] {
		position: relative;
		display: block;
	}
	.top-features-card__body {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 15px 10px;
	}
	.top-features-card__image {
		position: relative;
	}
	.top-features-card__image::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		min-height: 100%;
		background: -moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%);
		background: -webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%);
		background: linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%);
	}
	.top-features-card__image img {
		width: 100%;
	}
	.top-features-card__title {
		color: #fff;
		font-size: 11px;
		font-weight: 700;
		text-align: center;
	}
	.top-features-card__title > span {
		font-size: 15px;
	}
	[class*="top-features-carousel__type"] {
		position: relative;
		display: block;
	}
	[class*="top-features-carousel__type"]:not(.top-features-carousel__type--nolink) {
		text-decoration: none !important;
	}
	[class*="top-features-carousel__type"]:not(.top-features-carousel__type--nolink):hover {
		opacity: 1;
	}
	.top-features-carousel {
		margin: 15px 0 0;
	}
	.top-features-carousel__screen {
		width: 56.9565%;
		margin: 0 auto;
	}
	.top-features-carousel__screen .slick-list {
		overflow: visible;
	}
	.top-features-carousel__item {
		padding: 0 7px;
	}
	.top-features-carousel__body {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 10px;
	}
	.top-features-carousel__image {
		position: relative;
	}
	.top-features-carousel__image::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		min-height: 100%;
		background: -moz-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,0.75) 100%);
		background: -webkit-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,0.75) 100%);
		background: linear-gradient(to bottom,rgba(0,0,0,0) 40%,rgba(0,0,0,0.75) 100%);
	}
	.top-features-carousel__image img {
		width: 100%;
	}
	.top-features-carousel__title {
		color: #fff;
		font-size: 9px;
		font-weight: 700;
		text-align: center;
	}
	.top-features-carousel__title > span {
		font-size: 12px;
	}
	.top-features__button {
		margin: 20px 0 0;
		padding: 0 15px;
	}
	.top-features__button > li > a {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 10px 45px;
		box-shadow: 0 0 3px 0 rgba(0,0,0,0.15);
		background: -moz-linear-gradient(left,#004896 0%,#0d8598 100%);
		background: -webkit-linear-gradient(left,#004896 0%,#0d8598 100%);
		background: linear-gradient(to right,#004896 0%,#0d8598 100%);
		color: #fff !important;
		font-size: 17px;
		line-height: 1.5;
		text-align: center;
		text-decoration: none !important;
	}
	.top-features__button > li > a:hover {
		opacity: 1;
	}
	.top-features__button > li > a::before {
		content: "";
		position: absolute;
		top: 50%;
		right: 15px;
		transform: translateY(-50%);
		width: 26px;
		height: 5px;
		background: url("/images/top_link_ic01.png") no-repeat 0 0;
		background-size: 100% 100%;
	}
	
	/* ----- top-movie ----- */
	.top-movie {
		margin: 0;
		padding: 0 15px 45px;
		background: #cee8f9;
	}
	.top-movie__box {
		margin: 0 -15px;
		padding: 35px 15px 60px;
		background: -moz-linear-gradient(left,rgba(38,99,166,1) 0%,rgba(38,149,166,1) 100%);
		background: -webkit-linear-gradient(left,rgba(38,99,166,1) 0%,rgba(38,149,166,1) 100%);
		background: linear-gradient(to right,rgba(38,99,166,1) 0%,rgba(38,149,166,1) 100%);
	}
	.top-movie-title {
		color: #fff;
		line-height: 1.1;
		text-align: center;
	}
	.top-movie-title__main {
		font-size: 30px;
		font-family: Arial, Helvetica, "sans-serif";
	}
	.top-movie-title__sub {
		margin: 15px 0 0;
		font-size: 13px;
	}
	.top-movie-column {
		margin: 20px 0 0;
	}
	.top-movie-column__item + .top-movie-column__item {
		margin-top: 40px;
	}
	[class*="top-movie-card__type"] {
		display: flex;
		flex-direction: column-reverse;
	}
	[class*="top-movie-card__type"]:not(.top-movie-card__type--nolink) {
		color: #222 !important;
		text-decoration: none !important;
	}
	[class*="top-movie-card__type"]:not(.top-movie-card__type--nolink):hover {
		opacity: 1;
	}
	.top-movie-card__body {
		position: relative;
		padding: 15px 15px 9px;
		box-shadow: 0 0 3px 0 rgba(0,0,0,0.05);
		background: #fff;
	}
	.top-movie-card__body::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 6px;
		background: -moz-linear-gradient(left,rgba(122,185,226,1) 0%,rgba(155,222,216,1) 100%);
		background: -webkit-linear-gradient(left,rgba(122,185,226,1) 0%,rgba(155,222,216,1) 100%);
		background: linear-gradient(to right,rgba(122,185,226,1) 0%,rgba(155,222,216,1) 100%);
	}
	.top-movie-card__image {
		position: relative;
	}
	.top-movie-card__image::before,
	.top-movie-card__type--modal .top-movie-card__image::after {
		content: "";
		position: absolute;
	}
	.top-movie-card__image::before {
		top: 0;
		left: 0;
		width: 100%;
		min-height: 100%;
		background: rgba(0,0,0,0.3);
	}
	.top-movie-card__type--modal .top-movie-card__image::after {
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		width: 38px;
		height: 38px;
		background: url("/images/top_movie_ic01.png") no-repeat 50% 50%;
		background-size: 100% 100%;
	}
	.top-movie-card__image img {
		width: 100%;
	}
	.top-movie-card__title {
		font-size: 15px;
		text-align: center;
	}
	.top-movie-card__title > span {
		font-size: 16px;
		font-weight: 700;
	}
	.top-movie__button {
		justify-content: center;
		margin: 20px 15px 0;
	}
	.top-movie__button > li > a {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		padding: 12px 45px;
		border: 1px solid #fff;
		color: #fff !important;
		font-size: 17px;
		line-height: 1.5;
		text-align: center;
		text-decoration: none !important;
		z-index: 0;
	}
	.top-movie__button > li > a:hover {
		opacity: 1;
	}
	.top-movie__button > li > a::before {
		content: "";
		position: absolute;
		top: 50%;
		right: 15px;
		transform: translateY(-50%);
		width: 26px;
		height: 5px;
		background: url("/images/top_link_ic01.png") no-repeat 0 0;
		background-size: 100% 100%;
	}
	.top-movie-banner {
		position: relative;
		display: flex;
		justify-content: center;
		margin: -30px 40px 0;
		z-index: 0;
	}
	[class*="top-movie-banner__type"] {
		display: flex;
		justify-content: center;
		width: 100%;
		padding: 20px 15px;
		box-shadow: 0 0 3px 0 rgba(0,0,0,0.05);
		background: #fff;
	}
	[class*="top-movie-banner__type"]:not(.top-movie-banner__type--nolink) {
		color: #222 !important;
		text-decoration: none !important;
	}
	[class*="top-movie-banner__type"]:not(.top-movie-banner__type--nolink):hover {
		opacity: 1;
	}
	.top-movie-banner__text {
		margin: 0;
		color: #004896;
		font-size: 13px;
		line-height: 1.38;
		text-align: center;
	}
	.top-movie-banner__logo {
		margin: 15px 0 0;
		text-align: center;
	}
	.top-movie-banner__logo img {
		max-width: 102px;
		width: 100%;
	}
	
	/* ----- top-contact ----- */
	.top-contact {
		margin: 0;
		padding: 35px 15px 40px;
		background: #f1f1f1 url("/images/top_contact_bg01-r2x.jpg") no-repeat 0 100%;
		background-size: 100% auto;
	}
	.top-contact__body {
		margin: 20px 0 0;
	}
	.top-contact__title {
		color: #004896;
		font-size: 30px;
		font-family: Arial, Helvetica, "sans-serif";
		line-height: 1.1;
		text-align: center;
	}
	.top-contact-button {
		margin: 0 15px;
	}
	.top-contact-button > li + li {
		margin-top: 15px;
	}
	.top-contact-button > li > a {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		padding: 25px 45px;
		box-shadow: 0 0 3px 0 rgba(0,0,0,0.15);
		background: -moz-linear-gradient(left,rgba(0,72,150,1) 0%,rgba(13,134,152,1) 100%);
		background: -webkit-linear-gradient(left,rgba(0,72,150,1) 0%,rgba(13,134,152,1) 100%);
		background: linear-gradient(to right,rgba(0,72,150,1) 0%,rgba(13,134,152,1) 100%);
		color: #fff !important;
		font-size: 18px;
		font-weight: 700;
		line-height: 1.1;
		text-decoration: none !important;
	}
	.top-contact-button > li > a:hover {
		opacity: 1;
	}
	.top-contact-button > li > a::before {
		content: "";
		position: absolute;
		top: 50%;
		right: 15px;
		transform: translateY(-50%);
		width: 26px;
		height: 5px;
		background: url("/images/top_link_ic01.png") no-repeat 0 0;
		background-size: 100% 100%;
	}
	.top-contact-button__type--inquiry::after,
	.top-contact-button__type--request::after {
		content: "";
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100% 100%;
	}
	.top-contact-button__type--inquiry::after {
		left: 15px;
		width: 22px;
		height: 14px;
		background-image: url("/images/top_contact_ic01.png");
	}
	.top-contact-button__type--request::after {
		left: 18px;
		width: 17px;
		height: 22px;
		background-image: url("/images/top_contact_ic02.png");
	}
	.top-contact-button-v2 {
		margin: 20px 15px 0;
	}
	.top-contact-button-v2 > li + li {
		margin-top: 15px;
	}
	.top-contact-button-v2 > li > a {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		padding: 18px 45px;
		background: #fff;
		border: 1px solid #004896;
		color: #004896 !important;
		font-size: 15px;
		line-height: 1.1;
		text-decoration: none !important;
	}
	.top-contact-button-v2 > li > a:hover {
		opacity: 1;
	}
	.top-contact-button-v2 > li > a::before {
		content: "";
		position: absolute;
		top: 50%;
		right: 15px;
		transform: translateY(-50%);
		width: 26px;
		height: 5px;
		background: url("/images/top_link_ic02.png") no-repeat 0 0;
		background-size: 100% 100%;
	}
	.top-contact-sns {
		margin: 20px 0 0;
		padding: 30px 0;
		border-top: 1px solid #004896;
		border-bottom: 1px solid #004896;
	}
	.top-contact-sns__body {
		margin: 20px 0 0;
	}
	.top-contact-sns__title {
		color: #004896;
		font-size: 14px;
		font-weight: 700;
		line-height: 1.1;
		text-align: center;
	}
	.top-contact-sns__list {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0;
	}
	.top-contact-sns__list > li > a:hover {
		opacity: 1;
	}
	.top-contact-sns__list > li.top-contact-sns__line {
		width: 44px;
	}
	.top-contact-sns__list > li.top-contact-sns__instagram {
		width: 45px;
		margin-left: 30px;
	}
	.top-contact-sns__list > li.top-contact-sns__youtube {
		width: 50px;
		margin-left: 29px;
	}
	.top-contact-sns__list > li img {
		max-width: 100%;
	}
	
	/* ----- top-special ----- */
	.top-special {
		padding: 30px 15px;
	}
	.top-special-carousel__screen {
		width: 83.1884%;
		margin: 0 auto;
	}
	.top-special-carousel__screen .slick-list {
		overflow: visible;
	}
	.top-special-carousel__item {
		padding: 0 7px;
	}
	.top-special-carousel__type {
		display: block;
		box-shadow: 0 0 3px 0 rgba(0,0,0,0.05);
	}
	.top-special-carousel__type:hover {
		opacity: 1;
	}
	.top-special-carousel__type img {
		width: 100%;
	}
	
	/* ----- device ----- */
	.sp-hidden {
		display: none !important;
	}
}