@charset "UTF-8";
.pc {
  display: block !important;
}
.sp {
  display: none !important;
}
@media only screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
}

/*-----------------------------------------------------------------------------
	20230927_メイヤロゴに変更
-----------------------------------------------------------------------------*/
header h1.logo , .mini_header header h1.logo {
	display: flex;
}
header h1.logo , .mini_header header h1.logo {
	margin: 0 0 0 20px;
}
header h1.logo .hd_logo, .mini_header header h1.logo .hd_logo {
    width: 320px;
    padding: 0px;
    display: block;
    border: none;
}
.mini_header header h1.logo .hd_logo {
    background: none;
}
.mini_header header h1.logo .hd_logo,header h1.logo .hd_logo {
    display: block;
    z-index: 0;
}
@media only screen and (max-width: 768px) {
	header h1.logo, .mini_header header h1.logo {
		margin: 0 0 0 2%;
	}
    header h1.logo .hd_logo {
        width: 250px;
    }
}
/* =======================================

	CommonElements

======================================= */
html {
	height: 100%;
	font-size: 62.5%;
}
body {
	min-width: 980px;
	height: 100%;
	color: #000;
	letter-spacing: 0.05em; /*20221024_0.1から0.05に変更*/
	font-size: 1.6rem;
	font-weight: 500;
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 1.5;
	position: relative;
	-webkit-text-size-adjust: 100%;
}
a {
	color: #37B2E0;
	text-decoration: none;
}
#container {
	overflow: hidden;
}
ruby > rt {
	font-size: 0.8rem;
}

@media only screen and (max-width: 768px) {
	body {
		min-width: auto;
		min-width: initial;
	}
}

@font-face {
	font-family: 'tva';
	src:
		url('/css/fonts/tva.ttf?uv336n') format('truetype'),
		url('/css/fonts/tva.woff?uv336n') format('woff'),
		url('/css/fonts/tva.svg?uv336n#tva') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

.icon-filter:before {
  content: "\e94d";
}
.icon-alert-octagon:before {
  content: "\e900";
}
.icon-arrow-down:before {
  content: "\e901";
}
.icon-arrow-left:before {
  content: "\e902";
}
.icon-arrow-right:before {
  content: "\e903";
}
.icon-arrow-up:before {
  content: "\e904";
}
.icon-award:before {
  content: "\e905";
}
.icon-book-open:before {
  content: "\e906";
}
.icon-bookmark:before {
  content: "\e907";
}
.icon-check-circle:before {
  content: "\e908";
}
.icon-chevron-down:before {
  content: "\e909";
}
.icon-chevron-left:before {
  content: "\e90a";
}
.icon-chevron-right:before {
  content: "\e90b";
}
.icon-chevron-up:before {
  content: "\e90c";
}
.icon-chevrons-down:before {
  content: "\e90d";
}
.icon-chevrons-left:before {
  content: "\e90e";
}
.icon-chevrons-right:before {
  content: "\e90f";
}
.icon-chevrons-up:before {
  content: "\e910";
}
.icon-clipboard:before {
  content: "\e911";
}
.icon-compass:before {
  content: "\e912";
}
.icon-download:before {
  content: "\e913";
}
.icon-edit:before {
  content: "\e914";
}
.icon-flag:before {
  content: "\e915";
}
.icon-folder:before {
  content: "\e916";
}
.icon-globe:before {
  content: "\e917";
}
.icon-home:before {
  content: "\e918";
}
.icon-key:before {
  content: "\e919";
}
.icon-link:before {
  content: "\e91a";
}
.icon-loader:before {
  content: "\e91b";
}
.icon-lock:before {
  content: "\e91c";
}
.icon-log-in:before {
  content: "\e91d";
}
.icon-log-out:before {
  content: "\e91e";
}
.icon-mail:before {
  content: "\e91f";
}
.icon-map:before {
  content: "\e920";
}
.icon-map-pin:before {
  content: "\e921";
}
.icon-menu:before {
  content: "\e922";
}
.icon-message-square:before {
  content: "\e923";
}
.icon-minus:before {
  content: "\e924";
}
.icon-minus-circle:before {
  content: "\e925";
}
.icon-more-horizontal:before {
  content: "\e926";
}
.icon-more-vertical:before {
  content: "\e927";
}
.icon-paperclip:before {
  content: "\e928";
}
.icon-phone-call:before {
  content: "\e929";
}
.icon-plus:before {
  content: "\e92a";
}
.icon-plus-circle:before {
  content: "\e92b";
}
.icon-search:before {
  content: "\e92c";
}
.icon-send:before {
  content: "\e92d";
}
.icon-share:before {
  content: "\e92e";
}
.icon-share-2:before {
  content: "\e92f";
}
.icon-shuffle:before {
  content: "\e930";
}
.icon-tag:before {
  content: "\e931";
}
.icon-unlock:before {
  content: "\e932";
}
.icon-upload-cloud:before {
  content: "\e933";
}
.icon-user:before {
  content: "\e934";
}
.icon-x:before {
  content: "\e935";
}
.icon-x-circle:before {
  content: "\e938";
}
.icon-zoom-in:before {
  content: "\e936";
}
.icon-zoom-out:before {
  content: "\e937";
}
.icon-reserve:before {
  content: "\e947";
}
.icon-special:before {
  content: "\e948";
}
.icon-new:before {
  content: "\e949";
}
.icon-beginner:before {
  content: "\e94a";
}
.icon-popular:before {
  content: "\e94b";
}
.icon-tag2:before {
  content: "\e94c";
}
.icon-blank:before {
  content: "\e946";
}
.icon-dotted:before {
  content: "\e945";
}
.icon-icon_company:before {
  content: "\e939";
}
.icon-megaphone:before {
  content: "\e93a";
}
.icon-student:before {
  content: "\e93b";
}
.icon-international:before {
  content: "\e93c";
}
.icon-twitter:before {
  content: "\e93d";
}
.icon-exclam:before {
  content: "\e93e";
}
.icon-entrance:before {
  content: "\e93f";
}
.icon-parents:before {
  content: "\e940";
}
							.icon-fleshman:before {
							  content: "\e928";
							}
.icon-junior:before {
  content: "\e941";
}
.icon-senior:before {
  content: "\e942";
}
.icon-graduate:before {
  content: "\e943";
}
.icon-light_bulb:before {
  content: "\e944";
}


/* ------------------------------------
	layout
------------------------------------ */
.cont_outer {
	margin-right: 40px;
	margin-left: 40px;
	background: #FFF;
	padding: 5% 0;
}
.cont_inner {
	width: 88%;
	margin-left: auto;
	margin-right: auto;
}
.cont_inner.base {
	/*width: 1120px;*/
	width: 88%;
}

@media only screen and (max-width: 1260px) {
	.cont_inner,
	.cont_inner.base {
		width: calc(100% - 80px);
	}
}

@media only screen and (max-width: 768px) {
	.cont_outer {
		margin-right: 5%;
		margin-left: 5%;
	}
	.cont_inner,
	.cont_inner.base {
		width: 100%
	}
}

/* ------------------------------------
	common parts
------------------------------------ */
.br_pc {display: block; font-size: 0 !important;}
.br_sp {display: none !important;}
.display_pc {display: block !important;}
.display_sp {display: none !important;}
.align_r {text-align: right !important;}
.align_c {text-align: center !important;}
.align_l {text-align: left !important;}
.v_align_t {vertical-align: top !important;}
.v_align_m {vertical-align: middle !important;}
.v_align_b {vertical-align: bottom !important;}
.w5 {width: 5% !important;}
.w10 {width: 10% !important;}
.w15 {width: 15% !important;}
.w20 {width: 20% !important;}
.w25 {width: 25% !important;}
.w30 {width: 30% !important;}
.w35 {width: 35% !important;}
.w40 {width: 40% !important;}
.w45 {width: 45% !important;}
.w50 {width: 50% !important;}
.w55 {width: 55% !important;}
.w60 {width: 60% !important;}
.w65 {width: 65% !important;}
.w70 {width: 70% !important;}
.w75 {width: 75% !important;}
.w80 {width: 80% !important;}
.w85 {width: 85% !important;}
.w90 {width: 90% !important;}
.w95 {width: 95% !important;}
.w100 {width: 100% !important;}
.mb_m { margin-bottom: 30px;}

@media only screen and (max-width: 768px) {
	.br_pc {display: none !important;}
	.br_sp {display: block !important; font-size: 0 !important;}
	.display_pc {display: none !important;}
	.display_sp {display: block !important;}
}

/* heading */
.sec_head {
	padding: 0 0 25px;
	text-align: center;
	font-weight: 300;
	font-family: 'Teko', "Noto Sans JP", sans-serif;
	font-size: 6rem;
	line-height: 1;
	letter-spacing: 0.05em;
	position: relative;
}
.sec_head span {
	display: block;
	font-size: 1.4rem;
	font-weight: 500;
	letter-spacing: 0.1em;
}
.sec_head:before {
	content: '...';
	letter-spacing: 0.3em;
	padding: 0 0 0 10px;
	font-size: 2.8rem;
	display: block;
	line-height: 1;
	position: absolute;
	left: 50%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

@media only screen and (max-width: 768px) {
	.sec_head {
		padding: 0 0 20px;
		font-size: 4.5rem;
	}
	.sec_head span {
		font-size: 1.2rem;
	}
}

/*	column	*/
.clm_2,
.clm_3,
.clm_4 {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	/* justify-content: center; 20221024_追加 20240227_削除*/
}
.clm_2 > * {
	width: 48.4%;
	margin-right: 3.2%;
	margin-bottom: 3vw;
}
.clm_3 > * {
	width: 31.2%;
	margin-right: 3.2%;
	margin-bottom: 3vw;
}
.clm_4 > * {
	width: 22.6%;
	margin-right: 3.2%;
	margin-bottom: 3vw;
}
.clm_2 > *:nth-of-type(2n),
.clm_3 > *:nth-of-type(3n),
.clm_4 > *:nth-of-type(4n) {
	margin-right: 0;
}
.clm_center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.clm_stretch {
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.alE {
	align-items: end;
}
@media only screen and (max-width: 768px) {
	.clm_2,
	.clm_3,
	.clm_4 {
		display: block;
	}
	.clm_2 > *,
	.clm_3 > *,
	.clm_4 > * {
		width: 100%;
		margin-right: 0;
		margin-bottom: 4vw;
	}
	.sp_clm_2 {
		display: flex;
		flex-wrap: wrap;
	}
	.sp_clm_2 > * {
		width: 48%;
		margin-right: 4%!important;
	}
	.sp_clm_2 > *:nth-of-type(2n) {
		margin-right: 0!important;
	}
	.clm_center {
		-webkit-box-pack: flex-start;
		-ms-flex-pack: flex-start;
		justify-content: flex-start;
	}
}

/*	btn	*/
.btn {
	width: 100%;
	color: #212121;
	text-align: left;
	line-height: 1.2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative;
	border:solid 1px;
 	border-color:#e5e5e5 #9f9f9f #9f9f9f #e5e5e5;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.btn:before {
	content: "\e90b";
	font-family: 'tva';
	color: #999;
	font-size: 2rem;
	position: absolute;
	top: 50%;
	right: 15px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: all 0.3s ease-out;
}
.btn[target="_blank"]:before,
.btn.icon_blank:before {
	content: "\e946";
	font-size: 1.3rem;
}
.btn.anchor:before {
	content: "\e909";
}
.btn.pdf:before {
	content: "";
	width: 18px;
	height: 23px;
	background: url(/files/common/icon_pdf.png) no-repeat;
}
.btn.subcolor {
	background: #212121;
	color: #FFF;
	border: 1px solid #212121;
}
.btn.subcolor:before {
	color: #FFF;
}

.btn_set .btn {
	margin: 0 0.5em 0.5em 0;
}

/* Hover */
@media only screen and (min-width: 768px) {
	body:not(.tab_view) .btn:hover {
		border: 1px solid #000;
	}
	body:not(.tab_view) .btn.subcolor:hover {
		color: #212121;
		background: #FFF;
		border: 1px solid #212121;
	}
	body:not(.tab_view) .btn.subcolor:hover:before {
		color: #212121;
	}
}
@media only screen and (max-width: 768px) {
	.btn:before {
		font-size: 1.3rem;
		right: 8px;
	}
	.btn.pdf:before {
		width: 13px;
		height: 20px;
		background: url(/files/common/icon_pdf.png) no-repeat;
		background-size: 13px auto;
	}
}

/* txt img set */
.txt_img_set li {
	margin-bottom: 40px;
	position: relative;
}
.txt_img_set a {
	display: block;
	color: #000;
}
.txt_img_set figure {
	position: relative;
}
.txt_img_set figure img {
	width: 100%;
	display: block;
}
.txt_img_set figure figcaption {
	max-width: 100%;
	padding: 0.5em 2em;
	display: inline-block;
	color: #fff;
	background: #000;
	position: absolute;
	left: -1em;
	bottom: -1em;
}
.txt_img_set dl {
	margin: 25px 0 0;
}
.txt_img_set dt {
	font-size: 1.8rem;
	position: relative;
}
.txt_img_set a dt {
	padding: 0 0 0 30px;
}
.txt_img_set a dt:before {
	content: "\e90b";
	font-family: 'tva';
	width: 18px;
	height: 18px;
	display: block;
	text-align: center;
	color: #FFF;
	font-size: 1rem;
	line-height: 18px;
	position: absolute;
	top: 0.1em;
	left: 0;
	background: #000;
}
.txt_img_set dt.copy {
	padding: 0;
	font-size: 2.0rem;
}
.txt_img_set dt.copy:before {
	display: none;
}
.txt_img_set dt .label {
	margin: 0 0 0 0.5em;
}
.txt_img_set dt .label_set .label {
	margin:0.2em;
}
.txt_img_set dt .catch {
	margin: 0 0 0.2em;
	display: block;
	font-size: 2.8rem;
	color: #004098;
	font-family: 'Teko', sans-serif;
}
.txt_img_set dd {
	margin: 15px 0 0;
}
.txt_img_set .more {
	margin: 15px 0 0;
}
.txt_img_set.txt_small dt {
	font-size: 1.6rem;
}
.txt_img_set.txt_small dd {
	font-size: 1.2rem;
}
.txt_img_set li.department_color:before {
	content: '';
	width: 100%;
	height: 4px;
	display: block;
	position: absolute;
	top: -4px;
	left: 0;
}
/* btn */
.txt_img_set .btn_area {
	padding: 1em 0 0;
}
.txt_img_set .btn_area a.btn {
	display: block;
	min-width: auto;
}

@media only screen and (max-width: 768px) {
	.txt_img_set {
		margin-bottom: 20px;
	}
	.txt_img_set li {
		margin-bottom: 20px;
	}
	/*.txt_img_set li:last-of-type {
		margin-bottom: 0;
	}*/
	.txt_img_set dl {
		margin: 15px 0 0;
	}
	.txt_img_set figure figcaption {
		margin: 0;
		padding: 0.5em;
		font-size: 0.8rem;
		position: relative;
		left: 0;
		top: -0.8em;
		bottom: 0;
	}
	.txt_img_set dt {
		font-size: 1.3rem;
	}
	.txt_img_set a dt {
		padding: 0 0 0 20px;
	}
	.txt_img_set dt:before {
		top: 0;
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
		-webkit-transform-origin: left;
		        transform-origin: left;
	}
	.txt_img_set dd {
		margin: 5px 0 0;
		font-size: 1rem;
	}
	.txt_img_set.clm_3 {
		overflow: hidden;
	}
	.txt_img_set.clm_3 li {
		width: 47%;
		margin: 0 6% 6% 0;
		float: left;
	}
	.txt_img_set.clm_3 li:nth-child(2n) {
		margin: 0 0 6% 0;
	}
	.txt_img_set.clm_3 dl {
		margin: 8px 0 0;
	}
	.txt_img_set.clm_3 a dt {
		padding: 0 0 0 15px;
	}
	.txt_img_set.clm_3 dt {
		font-size: 1.1rem;
	}
	.txt_img_set.clm_3 dt:before {
		top: -0.1em;
		-webkit-transform: scale(0.6);
		transform: scale(0.6);
		-webkit-transform-origin: left;
		        transform-origin: left;
	}
	.txt_img_set.sp_txt_none dd {
		display: none;
	}
}

/* more */
.more {
	margin: 25px 0 0;
	display: block;
	text-align: right;
	position: relative;
}
.more:before {
	content: '';
	width: 100%;
	height: 1px;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: #e5e5e5;
}
.more:after {
	content: '';
	width: 0;
	height: 1px;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: #000;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.more span {
	padding: 0 0 0 25px;
	line-height: 1;
	display: inline-block;
	letter-spacing: 0.1em;
	color: #999;
	font-size: 1.6rem;
	font-family: 'Teko', sans-serif;
	background: #FFF;
	position: relative;
	z-index: 1;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
a:hover .more span {
	color: #000;
}
a:hover .more:after {
	width: 100%;
}
@media only screen and (max-width: 768px) {
	.more {
		display: none;
	}
}

/* department list */
.contents_page_list {
	margin: 0 0 20px;
}
.contents_page_list a {
	color: #000;
}
.contents_page_list > li {
	margin-bottom: 40px;
	border: 1px solid #e5e5e5;
}
.contents_page_list > li:nth-last-of-type(-n+2) {
	margin-bottom: 0;
}
.contents_page_list dt a {
	height: 100%;
	display: block;
	color: #FFF;
	font-size: 2rem;
	font-family: 'Teko', "Noto Sans JP", sans-serif;
	font-weight: 400;
	letter-spacing: 0.1em;
	position: relative;
}
.contents_page_list dt img {
	width: 100%;
	display: block;
	position: relative;
	z-index: 0;
}
.contents_page_list dt .dep_name {
	position: absolute;
	right: 20px;
	bottom: 18px;
	z-index: 1;
	text-align: right;
}
.contents_page_list dt .dep_name span {
	display: block;
	letter-spacing: 0.05em;
}
.contents_page_list dt .dep_name h3 {
	font-size: 2rem;
}
.contents_page_list dd .contents_name {
	margin: 0 30px 10px;
	font-size: 1.8rem;
	display: block;
}
.contents_page_list dd ul {
	margin: 0 30px 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.contents_page_list dd > *:first-child {
	margin-top: 30px;
}
.contents_page_list dd > *:last-child {
	margin-bottom: 30px;
}
.contents_page_list dd li {
	margin-top: 8px;
	margin-bottom: 0;
}
.contents_page_list dd li a {
	padding: 0 0 0 20px;
	display: block;
	color: #000;
	position: relative;
}
.contents_page_list dd li a:before {
	content: "\e90b";
	font-family: 'tva';
	display: block;
	text-align: center;
	color: #000;
	font-size: 1.7rem;
	line-height: 1.3;
	position: absolute;
	top: 0;
	left: 0;
}
.contents_page_list .other a {
	color: #000;
	font-size: 1.6rem;
	display: block;
}
.contents_page_list .other img {
	width: 100%;
	display: block;
}
.contents_page_list .other span {
	padding: 30px;
	display: block;
}

@media only screen and (max-width: 768px) {
	.contents_page_list {
		overflow: hidden;
	}
	.contents_page_list > li {
		margin-bottom: 20px;
	}
	.contents_page_list dt {
		height: auto;
	}
	.contents_page_list dt a {
		font-size: 1.7rem;
	}
	.contents_page_list dt .dep_name {
		right: 12px;
		bottom: 8px;
	}
	.contents_page_list dt .dep_name span {
		font-size: 1.2rem;
	}
	.contents_page_list dt .dep_name h3 {
		font-size: 1.7rem;
	}
	.contents_page_list dd .contents_name {
		margin: 0 5vw 2vw;
		font-size: 1.6rem;
	}
	.contents_page_list dd ul {
		margin: 0 5vw 2vw;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.contents_page_list dd > *:first-child {
		margin-top: 5vw;
	}
	.contents_page_list dd > *:last-child {
		margin-bottom: 5vw;
	}
	.contents_page_list dd a {
		padding: 0 0 0 15px;
		font-size: 1.1rem;
	}
	.contents_page_list dd a:before {
		font-size: 1.3rem;
	}
	.contents_page_list .other {
		width: 100%;
		margin: 4% 0 0 0;
	}
	.contents_page_list .other a {
		color: #000;
		font-size: 1.2rem;
		display: block;
	}
	.contents_page_list .other span {
		padding: 5%;
		display: block;
	}
}

/* action list */
.action_list {
	margin: 90px auto 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.action_list li {
	width: 32%;
	margin: 0 0 0 4%;
	padding: 0 0 0 4%;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
	border-left: 1px solid #e5e5e5;
}
.action_list li:nth-child(1) {
	margin: 0;
	padding: 0;
	border: none;
}
.action_list li a {
	color: #000;
	display: block;
	position: relative;
	border: 8px solid #000;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.action_list li a:before {
	content: '';
	display: block;
	position: absolute;
	background: #FFF;
}
/*
.action_list li:nth-child(1) a:before {
	width: 45%;
	height: 70%;
	top: -12px;
	left: -12px;
}
.action_list li:nth-child(2) a:before {
	width: 65%;
	height: 15%;
	top: -12px;
	right: 8%;
}
.action_list li:nth-child(3) a:before {
	width: 48%;
	height: 44%;
	top: -12px;
	right: -12px;
}
*/
.action_list li figure {
	position: relative;
}
.action_list li figure .action_bg {
	width: 100%;
	display: block;
}
.action_list li:nth-child(1) figure .action_ppl {
	width: 50%;
	display: block;
	position: absolute;
	top: -20%;
	left: -10%;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.action_list li:nth-child(2) figure .action_ppl {
	width: 50%;
	display: block;
	position: absolute;
	top: -20%;
	right: 0;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.action_list li:nth-child(3) figure .action_ppl {
	width: 50%;
	display: block;
	position: absolute;
	top: -20%;
	right: 0;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.action_list p {
	margin: 40px 0 0 0;
	text-align: center;
}
/* hover */
@media only screen and (min-width: 768px) {
	body:not(.tab_view) .action_list li:nth-child(1) a:hover {
		border-color: #DA07BE;
	}
	body:not(.tab_view) .action_list li:nth-child(2) a:hover {
		border-color: #0072D6;
	}
	body:not(.tab_view) .action_list li:nth-child(3) a:hover {
		border-color: #3FCC08;
	}
	body:not(.tab_view) .action_list li a:hover .action_ppl {
		-webkit-transform: rotate(5deg) scale(1.1);
		        transform: rotate(5deg) scale(1.1);
	}
	body:not(.tab_view) .action_list li:nth-child(1) a:hover .action_ppl {
		-webkit-transform: rotate(-5deg) scale(1.1);
		        transform: rotate(-5deg) scale(1.1);
	}
}

@media only screen and (max-width: 768px) {
	.action_list {
		margin: 0 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.action_list li {
		width: 48%;
		margin: 20px 0 0 0;
		padding: 0;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		border: none;
	}
	.action_list li:nth-child(1) {
		margin: 0;
		padding: 0;
		border: none;
		margin-left: 52%;
		float: right;
		display: block;
	}
	.action_list li a {
		border: 4px solid #000;
	}
	.action_list li p {
		display: none;
	}
}


/* ------------------------------------
	header
------------------------------------ */
header {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
header .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
header h1, header p,
header .logo {
	margin: 30px auto 0 30px;
	white-space: nowrap;
	position: relative;
	z-index: 1;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
header h1 a, header p a,
header .logo a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
header h1 img, header p img,
header .logo img {
	width: 66px;
	padding: 10px;
	display: block;
	border: 3px solid #FFF;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
header h1 .logo_area, header p .logo_area,
header .logo .logo_area {
	margin: 0 0 0 20px;
	font-size: 2.2rem;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: 0.2em;
	color: #FFF;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
header h1 .logo_area span, header p .logo_area span,
header .logo .logo_area span {
	display: block;
	font-size: 1.1rem;
	letter-spacing: 0.37em;
}
header #mddNav > ul {
	font-size: 0;
}
header #mddNav > ul > li {
	font-size: 0.9vw;
}
header #mddNav > ul > li.target_list {
	display: none !important;
}
header #mddNav > ul > li:not(.type_flip) {
	height: 100px;
	margin: 0 20px;
	line-height: 100px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}
header #mddNav > ul > li:not(.type_flip) > a {
	height: 100px;
	display: block;
	color: #fff;
	position: relative;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
header #mddNav > ul > li:not(.type_flip) > a:before,
header #mddNav > ul > li:not(.type_flip).active > a:before {
	content: '';
	width: 65px;
	width: 0;
	height: 2px;
	display: block;
	background: #FFF;
	position: absolute;
	bottom: 0;
	left: 50%;
	pointer-events: none;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
header #mddNav > ul > li:not(.type_flip):hover > a:before,
header #mddNav > ul > li:not(.type_flip).active > a:before {
	width: 100%;
}
header #mddNav > ul > li.open_campus {
	margin: 0 0 0 20px;
}
header #mddNav > ul > li.doc_req {
	margin: 0 0 0 2px;
}
header #mddNav > ul > li.open_campus a:before,
header #mddNav > ul > li.open_campus a:after {
	content: 'オープン\Aキャンパス';
}
header #mddNav > ul > li.doc_req a:before,
header #mddNav > ul > li.doc_req a:after {
	content: '資料請求';
}

.sp_menu_wrap {
	display: none;
}

/* animation flip */
.type_flip {
	width: 100px;
	height: 100px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	position: relative;
	/* -webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px; */
	-webkit-transition: height 0.3s ease-out;
	transition: height 0.3s ease-out;
}
.type_flip a {
	width: 100px;
	height: 100px;
	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.2rem;
	letter-spacing: 0;
	color: #FFF;
	background: #000;
	position: absolute;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(-50px);
	transform: translateZ(-50px);
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
}
.type_flip a:before,
.type_flip a:after {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: 0;
	width: 100px;
	height: 100px;
	position: absolute;
	border: 5px solid #000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	white-space: pre;
}
.type_flip a:before {
	background-color: #000;
	color: #fff;
	-webkit-transform: rotateY(0deg) translateZ(50px);
	transform: rotateY(0deg) translateZ(50px);
}
.type_flip a:after {
	background-color: #fff;
	border-color: #000;
	color: #000;
	-webkit-transform: rotateX(90deg) translateZ(50px);
	transform: rotateX(90deg) translateZ(50px);
	left: 0;
}
.type_flip a:hover {
	-webkit-transform: translateZ(-50px) rotateX(-90deg);
	transform: translateZ(-50px) rotateX(-90deg);
}

    .open_campus a, .open_campus a:before {/*20221115追加------------------------------------------------------------------------------------------------*/
        background: #fb7db9;
        border-color: #fb7db9;
    }
    .open_campus a:after {
        border-color: #fb7db9;
        color: #fb7db9;
    }
    .doc_req a, .doc_req a:before {/*20230315変更---------------------------------------------------------------------------------------------------------*/
        background: #9ea1ef;
        border-color: #9ea1ef;
    }
    .doc_req a:after{
        border-color: #9ea1ef;
        color: #9ea1ef;
    }

/* animation disable IE */
_:-ms-lang(x)::-ms-backdrop, .type_flip a {
	transform: translateZ(0);
}
_:-ms-lang(x)::-ms-backdrop, .type_flip a:before {
	content: none;
}
_:-ms-lang(x)::-ms-backdrop, .type_flip a:after {
	content: none;
}
_:-ms-lang(x)::-ms-backdrop, .type_flip a:hover {
	-webkit-transform: translateZ(0) rotateX(0);
	transform: translateZ(0) rotateX(0);
}
_:-ms-lang(x)::-ms-backdrop, #mddNav > ul > li.open_campus.type_flip a:before {
	content: none;
}
_:-ms-lang(x)::-ms-backdrop, #mddNav > ul > li.open_campus.type_flip a:after {
	content: none;
}
_:-ms-lang(x)::-ms-backdrop, #mddNav > ul > li.doc_req.type_flip a:before {
	content: none;
}
_:-ms-lang(x)::-ms-backdrop, #mddNav > ul > li.doc_req.type_flip a:after {
	content: none;
}

header #mddNav {
	width: 100%;
    display: flex;
    justify-content: end;
}
header #mddNav > ul {
	display: flex;
    flex-shrink: 0;
}
header #mddNav .mddWrap {
	width: 100%;
	display: none;
	overflow: hidden;
	text-align: center;
	line-height: normal;
	color: #ffffff;
	background: rgba(0,0,0,0.8);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
header #mddNav .mddWrap .mddInner {
	margin: 0 40px;
	padding: 170px 0 80px;
	text-align: left;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
header #mddNav .mddWrap a {color: #ffffff;}
header #mddNav .mddWrap .title_field {margin: 0 0 30px;}
header #mddNav .mddWrap .title_field .content_catch {
	padding: 0 32px 0 0;
	font-size: 2.8rem;
	font-weight: 400;
	font-family: 'Teko', sans-serif;
}
header #mddNav .mddWrap nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
header #mddNav .mddWrap nav > div {
	width: 23.5%;
	margin: 0 2% 0 0;
}
header #mddNav .mddWrap nav > div:last-child {
	margin: 0 0 0 0;
}
header #mddNav .mddWrap nav > div {
}
header #mddNav .mddWrap nav > div a {
	display: block
}
header #mddNav .mddWrap nav .large_nav figure img {
	width: 100%;
}
header #mddNav .mddWrap nav > div.large_nav .page_title {
	width: 100%;
	padding: 1.3em 35px 1.3em 7%;
	display: block;
	position: relative;
	color: #000000;
	background: #ffffff;
}
header #mddNav .mddWrap nav > div.large_nav .page_title:before {
	font-family: 'tva';
	content: "\e90b";
	font-size: 1.5rem;
	font-weight: 400;
	position: absolute;
	top: 1.4em;
	right: 15px;
}
header #mddNav .mddWrap nav > div.sub_nav ul {
	width: 100%;
	display: block;
	border-top: 1px solid rgba(255,255,255,0.2);
}
header #mddNav .mddWrap nav > div.sub_nav ul li {
	width: 100%;
	display: block;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
header #mddNav .mddWrap nav > div.sub_nav ul li a {
	width: 100%;
	padding: 1.3em 0 1.3em 0;
	position: relative;
	font-size: 0.9em;
}
header #mddNav .mddWrap nav > div.sub_nav ul li a:before {
	font-family: 'tva';
	content: "\e90b";
	font-size: 1.5rem;
	font-weight: 400;
	position: absolute;
	top: 1.2em;
	right: 0;
}

/* nav department */
header #mddNav .department .mddWrap nav {
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
header #mddNav .department .mddWrap nav .large_nav {
	margin-top: 2%;
}
header #mddNav .department .mddWrap nav .large_nav:nth-child(1),
header #mddNav .department .mddWrap nav .large_nav:nth-child(2),
header #mddNav .department .mddWrap nav .large_nav:nth-child(3),
header #mddNav .department .mddWrap nav .large_nav:nth-child(4) {
	margin-top: 0;
}
header #mddNav .department .mddWrap nav .large_nav:nth-child(4) {
	margin-right: auto;
}

@media only screen and (max-width: 1240px) {
	header #mddNav > ul > li:not(.type_flip) {
		margin: 0 10px;
	}
	header #mddNav > ul > li:not(.type_flip) a {
		letter-spacing: 0.2em;
	}
}

@media only screen and (max-width: 1180px) {
	header #mddNav .mddWrap .mddInner {
		width: 100%;
		margin: 0 auto;
		padding: 170px 3%;
		text-align: left;
	}
}

@media only screen and (max-width: 1100px) {
	header h1, header p,
	header .logo {
		margin: 2% 0 0 2%;
		white-space: nowrap;
		position: relative;
		z-index: 1;
	}
	header h1 .logo_area, header p .logo_area,
	header .logo .logo_area {
		font-size: 1.8rem;
	}
	header h1 .logo_area span, header p .logo_area span,
	header .logo .logo_area span {
		font-size: 1rem;
		letter-spacing: 0.3em;
	}
	header nav > ul > li > a {
		font-size: 0.8vw;
	}
	header #mddNav > ul > li:not(.type_flip) {
		height: 80px;
	}
	header #mddNav > ul > li:not(.type_flip) > a {
		height: 80px;
		line-height: 80px;
	}
	.type_flip {
		width: 80px;
		height: 80px;
	}
	.type_flip a {
		width: 80px;
		height: 80px;
		font-size: 1.1rem;
		-webkit-transform: translateZ(-50px);
		transform: translateZ(-50px);
	}
	.type_flip a:before,
	.type_flip a:after {
		width: 80px;
		height: 80px;
	}
	.type_flip a:before {
		-webkit-transform: rotateY(0deg) translateZ(40px);
		transform: rotateY(0deg) translateZ(40px);
	}
	.type_flip a:after {
		-webkit-transform: rotateX(90deg) translateZ(40px);
		transform: rotateX(90deg) translateZ(40px);
	}
	.type_flip a:hover {
		-webkit-transform: translateZ(-40px) rotateX(-90deg);
		transform: translateZ(-40px) rotateX(-90deg);
	}
}

@media only screen and (max-width: 980px) {
	header {
		width: 980px;
	}
}

@media screen and (max-width: 768px) {
	header {
	    /*modified by k-saito : 20220311*/
    	/*position: fixed*/
		display: block;
		width: 100%;
		height: 60px;
		background-color: rgba(0,0,0,.6);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 21;

	}
	.menu_open header {
		position: fixed;
	}
	header .inner {
		height: 100%;
	}
	header h1, header p,
	header .logo {
		margin: 17px 0 0 15px;
		display: inline-block;
	}
	header h1 img, header p img,
	header .logo img {
		width: 33px;
		padding: 5px;
		border: 2px solid #FFF;
	}
	header h1 .logo_area, header p .logo_area,
	header .logo .logo_area {
		margin: 0 0 0 10px;
		font-size: 1.1rem;
	}
	header h1 .logo_area span, header p .logo_area span,
	header .logo .logo_area span {
		font-size: 1rem;
		-webkit-transform: scale(0.6);
		        transform: scale(0.6);
		-webkit-transform-origin: left;
		        transform-origin: left;
	}
	.type_flip a:hover {
		-webkit-transform: translateZ(-50px);
		transform: translateZ(-50px);
	}
}

/*-----------------------------------------
	sp menu btn
-----------------------------------------*/
@media only screen and (max-width: 768px) {
	.sp_menu_wrap {
		display: block;
		position: absolute;
		top: 0px;
		right: 10px;
	}
	.sp_menu_btn #btn_menu {
		width: 45px;
		height: 60px;
		display: block;
	}
	.sp_menu_btn #btn_menu span {
		width: 25px;
		height: 1.5px;
		display: inline-block;
		background-color: #FFFFFF;
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		-webkit-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	.sp_menu_btn #btn_menu span:nth-of-type(1) {
		top: 17px;
		-webkit-transform: translateX(-50%) rotate(0);
		transform: translateX(-50%) rotate(0);
	}
	.sp_menu_btn #btn_menu span:nth-of-type(2) {
		top: 24px;
		-webkit-transform: translateX(-50%) scale(1);
		transform: translateX(-50%) scale(1);
	}
	.sp_menu_btn #btn_menu span:nth-of-type(3) {
		top: 31px;
		-webkit-transform: translateX(-50%) rotate(0);
		transform: translateX(-50%) rotate(0);
	}
	.sp_menu_btn #btn_menu div {
		width: 45px;
		color: #FFFFFF;
		font-family: 'Teko', sans-serif;
		position: absolute;
		top: 40px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		text-align: center;
		font-size: 1rem;
		line-height: 1;
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}
	.menu_open .sp_menu_btn #btn_menu span:nth-of-type(1) {
		top: 23px;
		-webkit-transform: translateX(-50%) rotate(45deg);
		transform: translateX(-50%) rotate(45deg);
	}
	.menu_open .sp_menu_btn #btn_menu span:nth-of-type(2) {
		display: none;
	}
	.menu_open .sp_menu_btn #btn_menu span:nth-of-type(3) {
		top: 23px;
		-webkit-transform: translateX(-50%) rotate(-45deg);
		transform: translateX(-50%) rotate(-45deg);
	}
	header .sp_access_btn {
		width: 45px;
		height: 60px;
		text-align: center;
		position: absolute;
		top: 0;
		right: 55px;
	}
	header .sp_access_btn a {
		height: 100%;
		padding: 37px 0 0 0;
		display: block;
		text-align: center;
		font-size: 1rem;
		color: #FFF;
		font-family: 'Teko', sans-serif;
		position: relative;
	}
	header .sp_access_btn a:before {
		content: "\e921";
		font-family: 'tva';
		color: #FFF;
		font-size: 1.8rem;
		line-height: 1;
		position: absolute;
		top: 14px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.layer_bg {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 9;
		background: rgba(0,0,0,0.9);
	}
}

@media only screen and (min-width: 768px) {
	.sp_menu_wrap,
	.layer_bg {
		display: none;
	}
}

/*-----------------------------------------
	sp menu
-----------------------------------------*/
@media only screen and (max-width: 768px) {
	header #mddNav {
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}
	.menu_open header #mddNav {
		opacity: 1;
		visibility: visible;
		height: 100vh;
	}
	header #mddNav > ul {
		display: block;
        width: 100%;
		height: calc(100vh - 70px);
		margin: 70px 0 0 0;
		padding: 0 5% 20px;
		float: none;
		position: absolute;
		top: 0;
		left: 0;
		overflow: auto;
	}
	header #mddNav .mddWrap {
		display: none!important;
	}
	header #mddNav > ul > li:not(.type_flip) {
		height: auto;
		margin: 0;
		line-height: normal;
		display: block;
		text-align: left;
		position: relative;
		border-bottom: 1px solid rgba(255,255,255,.2);
	}
	header #mddNav > ul > li:first-of-type {
		border-top: 1px solid rgba(255,255,255,.2);
	}
	header #mddNav > ul > li:not(.type_flip) > a {
		height: auto;
		padding: 16px 0;
		line-height: normal;
		font-size: 1.5rem;
	}
	header #mddNav > ul > li:not(.type_flip):hover > a:before,
	header #mddNav > ul > li:not(.type_flip).active > a:before {
	content: none;
	}
	header #mddNav > ul > li:not(.type_flip) > a:after {
		content: "\e90b";
		font-family: 'tva';
		color: #FFF;
		font-size: 2rem;
		position: absolute;
		top: 50%;
		right: 0;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	/* target_list */
	header #mddNav > ul > li.target_list {
		display: block !important;
	}
	header #mddNav > ul > li.target_list ul {
		margin: 20px 0 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		border-top: 1px solid #FFF;
		border-left: 1px solid #FFF;
	}
	header #mddNav > ul > li.target_list li {
		width: 33.333%;
		border-right: 1px solid #FFF;
		border-bottom: 1px solid #FFF;
	}
/*
						header #mddNav > ul > li.target_list li:nth-child(1),
						header #mddNav > ul > li.target_list li:nth-child(2) {
							width: 50%;
						}
*/
	header #mddNav > ul > li.target_list a {
		padding: 11px 0;
		display: block;
		color: #FFF;
		font-size: 1rem;
		text-align: center;
	}
	header #mddNav > ul > li.target_list span:before {
		margin: 0 4px 0 0;
		font-family: 'tva';
		font-size: 1rem;
		line-height: 1;
		vertical-align: middle;
	}
	header #mddNav .target_list .freshman span:before {content: "\e928";}
	header #mddNav .target_list .junior span:before {content: "\e941";}
	header #mddNav .target_list .senior span:before {content: "\e942";}
	header #mddNav .target_list .entrance span:before {content: "\e93f";}
	header #mddNav .target_list .international span:before {content: "\e93c";}
	header #mddNav .target_list .company span:before {content: "\e939";}
	header #mddNav .target_list .parents span:before {content: "\e940";}
	header #mddNav .target_list .student span:before {content: "\e93b";}
	header #mddNav .target_list .graduate span:before {content: "\e943";}
	header #mddNav > ul > li.open_campus {
		margin: 17px 4% 0 0;
	}
	header #mddNav > ul > li.doc_req {
		margin: 17px 0 0 0;
	}
	.type_flip {
		width: 48%;
		height: 90px;
		display: block;
		float: left;
	}
	.type_flip a {
		width: 100%;
		height: 100%;
		color: #fff;
		font-size: 1.5rem;
        /*background: #aaa;*/
	}

	.type_flip a:before,
	.type_flip a:after {
		content: none !important;
	}
    
    

}

/*-----------------------------------------
	mini header
-----------------------------------------*/
.mini_header header {
	position: fixed;
	background: #FFF !important;
}
.mini_header header h1, .mini_header header p,
.mini_header header .logo {
	margin: 15px auto 0 30px;
}
.mini_header header h1 img , .mini_header header p img ,
.mini_header header .logo img {
	width: 50px;
	padding: 8px;
	background: #004098;
	border: 3px solid #004098;
}
.mini_header header h1 .logo_area, .mini_header header p .logo_area,
.mini_header header .logo .logo_area {
	margin: 0 0 0 16px;
	font-size: 1.7rem;
	line-height: 1.3;
	color: #000;
}
.mini_header header #mddNav > ul > li:not(.type_flip) {
	height: 80px;
}
.mini_header header #mddNav > ul > li:not(.type_flip) > a {
	height: 80px;
	line-height: 80px;
	color: #000;
}
.mini_header header #mddNav > ul > li:not(.type_flip) > a:before,
.mini_header header #mddNav > ul > li:not(.type_flip).active > a:before {
	background: #000;
}
.mini_header .type_flip {
	width: 80px;
	height: 80px;
}
.mini_header .type_flip a {
	width: 80px;
	height: 80px;
}
.mini_header .type_flip a:before,
.mini_header .type_flip a:after {
	width: 80px;
	height: 80px;
    /*border: 3px solid #000;*/
}
.mini_header .type_flip a:before {
	-webkit-transform: rotateY(0deg) translateZ(40px);
	transform: rotateY(0deg) translateZ(40px);
}
.mini_header .type_flip a:after {
	-webkit-transform: rotateX(90deg) translateZ(40px);
	transform: rotateX(90deg) translateZ(40px);
}
.mini_header .type_flip a:hover {
	-webkit-transform: translateZ(-40px) rotateX(-90deg);
	transform: translateZ(-40px) rotateX(-90deg);
}
.mini_header header #mddNav .mddWrap {
	top: 80px;
}
.mini_header header #mddNav .mddWrap .mddInner {
	padding: 30px 0 40px;
}

@media only screen and (max-width: 1180px) {
	.mini_header header #mddNav .mddWrap .mddInner {
		padding: 30px 3% 40px;
	}
}

/* animation disable IE */
_:-ms-lang(x)::-ms-backdrop, .mini_header .type_flip a {
	transform: translateZ(0);
}
_:-ms-lang(x)::-ms-backdrop, .mini_header .type_flip a:before {
	content: none;
}
_:-ms-lang(x)::-ms-backdrop, .mini_header .type_flip a:after {
	content: none;
}
_:-ms-lang(x)::-ms-backdrop, .mini_header .type_flip a:hover {
	-webkit-transform: translateZ(0) rotateX(0);
	transform: translateZ(0) rotateX(0);
}
_:-ms-lang(x)::-ms-backdrop, .mini_header #mddNav > ul > li.open_campus.type_flip a:before {
	content: none;
}
_:-ms-lang(x)::-ms-backdrop, .mini_header #mddNav > ul > li.open_campus.type_flip a:after {
	content: none;
}
_:-ms-lang(x)::-ms-backdrop, .mini_header #mddNav > ul > li.doc_req.type_flip a:before {
	content: none;
}
_:-ms-lang(x)::-ms-backdrop, .mini_header #mddNav > ul > li.doc_req.type_flip a:after {
	content: none;
}

/*-----------------------------------------
	sp banner
-----------------------------------------*/
.sp_banner {display: none;}
@media only screen and (max-width: 768px) {
	.sp_banner {
		display: block;
		background: #ffffff;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 101;
	}
	.sp_banner ul {
		margin: 0;
		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;
	}
	.sp_banner ul li a {
		display: block;
	}
	.sp_banner ul li img {
		width: 100%;
		height: auto;
	}
}

/*-----------------------------------------
	sns_field
-----------------------------------------*/
.sns_field {
	margin: 40px 40px 0;
	justify-content: center;
}
.sns_field .sns_cont {
	padding: 60px 0 30px;
	text-align: center;
	background: #FFF;
}
.sns_field .sns_cont .inner {
	width: 84%;
	margin: 0 auto;
}
.sns_field .sns_cont h2 {
	font-family: 'Teko', sans-serif;
	font-size: 4rem;
	line-height: 1.1;
}
.sns_field .sns_cont .embed_wrap {
	margin: 35px auto 0;
}
.sns_field .sns_cont .youtube_list {
	border-top: 1px solid #e5e5e5;
}
.sns_field .sns_cont .youtube_list li {
	border-bottom: 1px solid #e5e5e5;
}
.sns_field .sns_cont .youtube_list a {
	padding: 16px 30px 16px 0;
	display: block;
	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;
	color: #000;
	position: relative;
}
.sns_field .sns_cont .youtube_list a:before {
	font-family: 'tva';
	content: "\e90b";
	display: block;
	text-align: center;
	font-size: 1.8rem;
	line-height: 1.2;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.sns_field .sns_cont .youtube_list figure {
	width: 40%;
	margin: 0 4% 0 0;
}
.sns_field .sns_cont .youtube_list img {
	width: 100%;
	display: block;
}
.sns_field .sns_cont .youtube_list .ttl {
	width: 64%;
	font-size: 1.6rem;
	line-height: 1.5;
	text-align: left;
}
.sns_field .sns_cont .youtube_list .ttl span {
	display: block;
	margin: 0 0 10px;
	font-size: 1.2rem;
	line-height: 1;
	color: #999;
}
.sns_field .sns_cont .logo_area {
	padding: 30px 0 0;
	text-align: right;
}
.sns_field .sns_cont .logo_area img {
	width: 90px;
}
.sns_field .insta_info {
	padding: 25px;
	text-align: center;
	border: 1px solid #e5e5e5;
}
.sns_field .insta_info figure {
	width: 115px;
	height: 115px;
	margin: 0 auto 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	background: #c32e91;
	background: -moz-linear-gradient(top, #c32e91 0%, #f19d4c 74%, #f19d4c 100%);
	background: -webkit-linear-gradient(top, #c32e91 0%,#f19d4c 74%,#f19d4c 100%);
	background: linear-gradient(to bottom, #c32e91 0%,#f19d4c 74%,#f19d4c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c32e91', endColorstr='#f19d4c',GradientType=0 );
	border-radius: 100%;
}
.sns_field .insta_info figure a {
	width: 110px;
	height: 110px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 5px solid #FFF;
	background: #FFF;
	border-radius: 100%;
}
.sns_field .insta_info figure img {
	width: 100px;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
}
.sns_field .insta_info p {
	margin: 0 auto 20px;
}
.sns_field .insta_info .follow {
	margin: 0 0 0 20px;
	padding: 0 20px 0 0;
	color: #999;
	font-size: 1.6rem;
	font-family: 'Teko', sans-serif;
	position: relative;
}
.sns_field .insta_info .follow:after {
	content: "\e90b";
	font-family: 'tva';
	display: block;
	font-size: 1.5rem;
	line-height: 1;
	position: absolute;
	top: 43%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media only screen and (max-width: 768px) {
	.sns_field {
		margin: 40px 5% 0;
	}
	.sns_field .sns_cont {
		padding: 5%;
	}
	.sns_field .sns_cont .inner {
		width: 100%;
	}
	.sns_field .sns_cont .inner > p {
		font-size: 1.2rem;
	}
	.sns_field .sns_cont .youtube_list .ttl {
		font-size: 1.2rem;
	}
	.sns_field .sns_cont .logo_area {
		padding: 20px 0 0;
	}
}

/*-----------------------------------------
	sns_icon
-----------------------------------------*/
.sns_icon {
	margin: 0 auto;
	padding: 60px 0 80px;
	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;
}
.sns_icon li {
	margin: 0 15px;
}
.sns_icon li a {
	display: block;
	text-align: center;
	color: #000;
}
.sns_icon img {
	width: 77px;
	margin: 0 auto;
	display: block;
}
.sns_icon li span {
	margin: 10px 0 0 0;
	display: block;
	text-align: center;
	font-size: 0.8rem;
	display: none;
}

@media only screen and (max-width: 768px) {
	.sns_icon {
		padding: 40px 0;
	}
	.sns_icon li {
		min-width: 52px;
		margin: 0;
	}
	.sns_icon img {
		width: 35px;
	}
	.sns_icon li span {
		margin: 5px 0 0 0;
		display: block;
		letter-spacing: 0.05em;
		-webkit-transform: scale(0.7);
		        transform: scale(0.7);
	}
}

/*-----------------------------------------
	footer
-----------------------------------------*/
footer {
	margin: 0 auto;
	position: relative;
	z-index: 0;
	background: rgba(0,0,0,.8);
}
footer .inner {
	width: 84%;
	margin: 0 auto;
	padding: 50px 0;
}

/* sitemap */
footer .ft_sitemap {
	margin: 0 0 60px;
	overflow: hidden;
}
footer .ft_sitemap .row {
	width: 22%;
	margin: 0 4% 0 0;
	float: left;
}
footer .ft_sitemap .row:last-of-type {
	margin: 0;
}
footer .ft_sitemap dl {
	margin: 40px 0 0;
	letter-spacing: 0.215em;
}
footer .ft_sitemap .row:nth-child(1) dl,
footer .ft_sitemap .row:nth-child(1) dd,
footer .ft_sitemap .row:nth-child(2) dl,
footer .ft_sitemap .row:nth-child(2) dd {
	height: 100%;
}
footer .ft_sitemap dt {
	margin: 0 0 25px;
	padding: 0 0 0 30px;
	font-size: 1.6rem;
	font-weight: 500;
	position: relative;
}
footer .ft_sitemap dt:after {
	content: '';
	width: 10px;
	height: 1px;
	display: block;
	position: absolute;
	top: 12px;
	left: 0;
	border-top: 1px solid rgba(255,255,255,.6);
}
footer .ft_sitemap dt.other {
	padding: 0;
	display: block;
	color: #FFF;
}
footer .ft_sitemap dt.other:after {
	content: none;
}
footer .ft_sitemap dl a {
	display: block;
	color: #FFF;
	position: relative;
}
footer .ft_sitemap dd ul {
	padding: 0 0 0 30px;
	border-left: 1px solid #FFF;
}
footer .ft_sitemap dd li {
	margin: 0 0 10px;
}
footer .ft_sitemap dd li a {
	font-size: 1.2rem;
	font-weight: 500;
	color: rgba(255,255,255,.5);
}

/* ft_pc_subnav */
footer .ft_pc_subnav {
	padding: 25px 0;
	border-top: 1px solid rgba(255,255,255,.2);
	border-bottom: 1px solid rgba(255,255,255,.2);
}
footer .ft_pc_subnav ul {
	text-align: center;
	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;
}
footer .ft_pc_subnav li {
	margin: 0 1.5%;
}
footer .ft_pc_subnav a {
	color: rgba(255,255,255,.5);
}

/* ft_sp_subnav */
footer .ft_sp_subnav {
	display: none;
}

/* banner */
.ft_banner {
	margin: 55px auto 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.ft_banner li {
	width: 22%;
	margin: 0 0 0 4%;
}
.ft_banner li:first-of-type {
	margin: 0;
}
.ft_banner li a {
	display: block;
}
.ft_banner li img {
	width: 100%;
	display: block;
}

/* copyright */
.copyright {
	margin: 60px auto 0;
	display: block;
	text-align: center;
	color: rgba(255,255,255,.5);
	letter-spacing: 0.215em;
	font-size: 1.2rem;
	font-family: 'Teko', sans-serif;
	font-weight: 500;
}
@media only screen and (max-width: 1260px) {
	footer .inner {
		width: calc(100% - 80px);
	}
}

@media only screen and (max-width: 768px) {
	footer {
		background: #000;
	}
	footer .inner {
		width: 100%;
		padding: 0 0 50px;
	}
	footer .ft_sitemap {
		margin: 0;
	}
	footer .ft_sitemap .row,
	footer .ft_sitemap .row:last-of-type {
		width: 100%;
		height: auto !important;
		margin: 0;
		float: none;
	}
	footer .ft_sitemap .row:last-of-type {
		display: none;
	}
	footer .ft_sitemap dl {
		margin: 0;
	}
	footer .ft_sitemap dt {
		margin: 0;
		padding: 0;
		font-size: 1.5rem;
		border-bottom: 1px solid rgba(255,255,255,.2);
	}
	footer .ft_sitemap dt:after {
		content: none;
	}
	footer .ft_sitemap dt a {
		padding: 22px 55px 22px 5%;
		display: block;
		position: relative;
	}
	footer .ft_sitemap dt > span {
		width: 55px;
		height: 100%;
		display: block;
		float: right;
		position: absolute;
		top: 0;
		right: 0;
		cursor: pointer;
		text-align: center;
	}
	footer .ft_sitemap dt > span:before {
		content: "\e92b";
		font-family: 'tva';
		color: #999;
		font-size: 1.5rem;
		position: absolute;
		top: 50%;
		right: 17px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	footer .ft_sitemap dt.switch > span:before {
		content: "\e925";
	}
	footer .ft_sitemap dd {
		display: none;
		border-left: 0;
	}
	footer .ft_sitemap dd ul {
		padding: 15px 0 15px 30px;
		border-bottom: 1px solid rgba(255,255,255,.2);
	}
	footer .ft_sitemap dd ul li a {
		padding: 0 0 0 20px;
		position: relative;
	}
	footer .ft_sitemap dd ul li a:before {
		font-family: 'tva';
		content: "\e90b";
		display: block;
		text-align: center;
		color: #999;
		font-size: 1.5rem;
		line-height: 1.2;
		position: absolute;
		top: 0;
		left: 0;
	}

	/* ft_pc_subnav */
	footer .ft_pc_subnav {
		display: none;
	}


	/* ft_sp_subnav */
	footer .ft_sp_subnav {
		display: block;
		overflow: hidden;
	}
	footer .ft_sp_subnav li {
		width: 50%;
		float: left;
		border-right: 1px solid rgba(255,255,255,.2);
		border-bottom: 1px solid rgba(255,255,255,.2);
	}
	footer .ft_sp_subnav li:nth-child(even) {
		border-right: 0;
	}
	footer .ft_sp_subnav li a {
		padding: 22px 10px 22px 19%;
		display: block;
		font-size: 1.2rem;
		color: #FFF;
		position: relative;
	}
	footer .ft_sp_subnav li a:before {
		font-family: 'tva';
		content: "\e90b";
		display: block;
		text-align: center;
		color: #FFF;
		font-size: 1.2rem;
		line-height: 1.2;
		position: absolute;
		top: 2em;
		left: 9%;
	}

	/* banner */
	.ft_banner {
		margin: 20px 5% 0;
		overflow: hidden;
		display: block;
	}
	.ft_banner li,
	.ft_banner li:first-child {
		width: 49%;
		margin: 2% 2% 0 0;
		float: left;
	}
	.ft_banner li:nth-child(even) {
		margin: 2% 0 0 0;
	}

	/* copyright */
	.copyright {
		margin: 40px auto 0;
		font-size: 1.1rem;
	}
	footer .ft_sitemap dd {
		display: block !important;
	}
}

/*-----------------------------------------
	fixed top
-----------------------------------------*/
#fixed_top {
	width: 110px;
	height: 70px;
	vertical-align: middle;
	text-align: center;
	overflow: hidden;
	position: fixed;
	right: 73px;
	bottom: 40px;
	z-index: 15;
	background: rgba(0,0,0,.6);
	border-radius: 10px;
}
#fixed_top a {
	width: 110px;
	height: 70px;
	padding: 40px 0 0;
	display: block;
	text-align: center;
	color: #FFF;
	font-size: 1.5rem;
	line-height: 1;
	font-family: 'Teko', sans-serif;
	font-weight: 400;
}
#fixed_top a:after {
	content: "\e904";
	font-family: 'tva';
	font-size: 2rem;
	font-weight: 400;
	position: absolute;
	top: 15px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

@media only screen and (max-width: 768px) {
	#fixed_top {
		width: 70px;
		height: 50px;
		right: 15px;
		bottom: 16vw;
	}
	#fixed_top a {
		width: 70px;
		height: 50px;
		padding: 30px 0 0;
		font-size: 1.1rem;
	}
	#fixed_top a:after {
		top: 8px;
	}
}

/*-----------------------------------------
	Hover
-----------------------------------------*/
.main_nav a,
.sub_nav a,
#fixed_top,
.topic a,
.banner_field a,
header #mddNav .mddWrap nav > div a,
header #mddNav .mddWrap nav > div.large_nav .page_title,
.sns_field .youtube_list a,
.sns_field .logo_area a,
.sns_icon a,
.contents_page_list dt a,
.contents_page_list dd a,
.contents_page_list .other a,
.sns_field .insta_info figure img,
footer 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) .main_nav a:hover,
	body:not(.tab_view) .sub_nav a:hover,
	body:not(.tab_view) #fixed_top:hover,
	body:not(.tab_view) .topic a:hover,
	body:not(.tab_view) .banner_field a:hover,
	body:not(.tab_view) header #mddNav .mddWrap nav > div a:hover,
	body:not(.tab_view) header #mddNav .mddWrap nav > div.large_nav .page_title:hover,
	body:not(.tab_view) .sns_field .youtube_list a:hover,
	body:not(.tab_view) .sns_field .logo_area a:hover,
	body:not(.tab_view) .sns_icon a:hover,
	body:not(.tab_view) .contents_page_list dt a:hover,
	body:not(.tab_view) .contents_page_list dd a:hover,
	body:not(.tab_view) .contents_page_list .other a:hover,
	body:not(.tab_view) .sns_field .insta_info figure a:hover img,
	body:not(.tab_view) footer a:hover {
		opacity: 0.7;
	}
}

/*-----------------------------------------
    twitter-timeline style
-----------------------------------------*/
.twitter-timeline {
    color: #004098;
    padding: 10px 0;
    display: inline-block;
}
.twitter-timeline:hover {
    text-decoration: underline;
}

/*-----------------------------------------
	ClearFix
-----------------------------------------*/
.clear:before,
.clear:after {
	content: '';
	display: table;
}
.clear:after {
	clear: both;
}
.clear {
	*zoom: 1;
}

/*-----------------------------------------------------------------------------
	20221115_フッターSNSリンクの上にテキストを追加
-----------------------------------------------------------------------------*/
.yosu {
    margin: 100px;
}
.yosu h2 {
    position: relative;
    display: block;
    margin: 0 10%;
    padding: 7px;
    text-align: center;
    min-width: 120px;
    max-width: 100%;
    color: #FFF;
    font-size: 1.3rem;
    background: #000;
    border: solid 1px #000;
    box-sizing: border-box;
    z-index: 1;
}
.yosu h2:before {
    content: "";
    position: absolute;
    bottom: -24px;
    left: 50%;
    margin-left: -15px;
    border: 12px solid transparent;
    border-top: 12px solid #000;
    z-index: 300;
}
.yosu h2:after {
    content: "";
    position: absolute;
    bottom: -28px;
    left: 50%;
    margin-left: -17px;
    border: 14px solid transparent;
    border-top: 14px solid #999;
    z-index: 200;
}
.sns_icon {
    padding: 30px 0 80px;
}

@media only screen and (max-width: 768px) {
.yosu {
    margin: 20px;
}
.yosu h2 {
    margin: 10%; 
}
.yosu h2:before {
    z-index: 11;
}
.yosu h2:after {
    z-index: 10;
}
}
/*-----------------------------------------------------------------------------
	ハンバーガーメニューのバナー
-----------------------------------------------------------------------------*/
header nav ul li a img {
	width: 100%;
}
/*-----------------------------------------------------------------------------
	バナーだらけ
-----------------------------------------------------------------------------*/
.bannar img {
	width: 100%;
}
@media only screen and (max-width: 768px) {
	.bannar img {
		margin-bottom: 10px;
	}
}