@charset "utf-8";

/* ========================================================================
 * Agencia Base CSS template
 * http://www.agencia.co.jp
 * 
 * Yuya Tajima
 * ========================================================================
 * Copyright 2018 Agencia Co.,Ltd.
 * ======================================================================== */

/* ========================================================================
 * WebFont Load
 * ======================================================================== */

@import url(//fonts.googleapis.com/earlyaccess/sawarabigothic.css);
@import url(//fonts.googleapis.com/earlyaccess/sawarabimincho.css);

/* ========================================================================
 * Style Template
 * ======================================================================== */

/* margin-top */
.margin-top-0 { margin-top: 0px !important; }
.margin-top-5 { margin-top: 5px !important; }
.margin-top-10 { margin-top: 10px !important; }
.margin-top-15 { margin-top: 15px !important; }
.margin-top-20 { margin-top: 20px !important; }
.margin-top-25 { margin-top: 25px !important; }
.margin-top-30 { margin-top: 30px !important; }
.margin-top-35 { margin-top: 35px !important; }
.margin-top-40 { margin-top: 40px !important; }
.margin-top-45 { margin-top: 45px !important; }
.margin-top-50 { margin-top: 50px !important; }
.margin-top-55 { margin-top: 55px !important; }
.margin-top-60 { margin-top: 60px !important; }

/* margin-bottom */
.margin-bottom-0 { margin-bottom: 0px !important; }
.margin-bottom-5 { margin-bottom: 5px !important; }
.margin-bottom-10 { margin-bottom: 10px !important; }
.margin-bottom-15 { margin-bottom: 15px !important; }
.margin-bottom-20 { margin-bottom: 20px !important; }
.margin-bottom-25 { margin-bottom: 25px !important; }
.margin-bottom-30 { margin-bottom: 30px !important; }
.margin-bottom-35 { margin-bottom: 35px !important; }
.margin-bottom-40 { margin-bottom: 40px !important; }
.margin-bottom-45 { margin-bottom: 45px !important; }
.margin-bottom-50 { margin-bottom: 50px !important; }
.margin-bottom-55 { margin-bottom: 55px !important; }
.margin-bottom-60 { margin-bottom: 60px !important; }

/* margin-left */
.margin-left-0 { margin-left: 0px !important; }
.margin-left-5 { margin-left: 5px !important; }
.margin-left-10 { margin-left: 10px !important; }
.margin-left-15 { margin-left: 15px !important; }
.margin-left-20 { margin-left: 20px !important; }
.margin-left-25 { margin-left: 25px !important; }
.margin-left-30 { margin-left: 30px !important; }
.margin-left-35 { margin-left: 35px !important; }
.margin-left-40 { margin-left: 40px !important; }
.margin-left-45 { margin-left: 45px !important; }
.margin-left-50 { margin-left: 50px !important; }
.margin-left-55 { margin-left: 55px !important; }
.margin-left-60 { margin-left: 60px !important; }

/* margin-right */
.margin-right-0 { margin-right: 0px !important; }
.margin-right-5 { margin-right: 5px !important; }
.margin-right-10 { margin-right: 10px !important; }
.margin-right-15 { margin-right: 15px !important; }
.margin-right-20 { margin-right: 20px !important; }
.margin-right-25 { margin-right: 25px !important; }
.margin-right-30 { margin-right: 30px !important; }
.margin-right-35 { margin-right: 35px !important; }
.margin-right-40 { margin-right: 40px !important; }
.margin-right-45 { margin-right: 45px !important; }
.margin-right-50 { margin-right: 50px !important; }
.margin-right-55 { margin-right: 55px !important; }
.margin-right-60 { margin-right: 60px !important; }

/* padding-top */
.padding-top-0 { padding-top: 0px !important; }
.padding-top-5 { padding-top: 5px !important; }
.padding-top-10 { padding-top: 10px !important; }
.padding-top-15 { padding-top: 15px !important; }
.padding-top-20 { padding-top: 20px !important; }
.padding-top-25 { padding-top: 25px !important; }
.padding-top-30 { padding-top: 30px !important; }
.padding-top-35 { padding-top: 35px !important; }
.padding-top-40 { padding-top: 40px !important; }
.padding-top-45 { padding-top: 45px !important; }
.padding-top-50 { padding-top: 50px !important; }
.padding-top-55 { padding-top: 55px !important; }
.padding-top-60 { padding-top: 60px !important; }

/* padding-bottom */
.padding-bottom-0 { padding-bottom: 0px !important; }
.padding-bottom-5 { padding-bottom: 5px !important; }
.padding-bottom-10 { padding-bottom: 10px !important; }
.padding-bottom-15 { padding-bottom: 15px !important; }
.padding-bottom-20 { padding-bottom: 20px !important; }
.padding-bottom-25 { padding-bottom: 25px !important; }
.padding-bottom-30 { padding-bottom: 30px !important; }
.padding-bottom-35 { padding-bottom: 35px !important; }
.padding-bottom-40 { padding-bottom: 40px !important; }
.padding-bottom-45 { padding-bottom: 45px !important; }
.padding-bottom-50 { padding-bottom: 50px !important; }
.padding-bottom-55 { padding-bottom: 55px !important; }
.padding-bottom-60 { padding-bottom: 60px !important; }

/* padding-left */
.padding-left-0 { padding-left: 0px !important; }
.padding-left-5 { padding-left: 5px !important; }
.padding-left-10 { padding-left: 10px !important; }
.padding-left-15 { padding-left: 15px !important; }
.padding-left-20 { padding-left: 20px !important; }
.padding-left-25 { padding-left: 25px !important; }
.padding-left-30 { padding-left: 30px !important; }
.padding-left-35 { padding-left: 35px !important; }
.padding-left-40 { padding-left: 40px !important; }
.padding-left-45 { padding-left: 45px !important; }
.padding-left-50 { padding-left: 50px !important; }
.padding-left-55 { padding-left: 55px !important; }
.padding-left-60 { padding-left: 60px !important; }

/* padding-right */
.padding-right-0 { padding-right: 0px !important; }
.padding-right-5 { padding-right: 5px !important; }
.padding-right-10 { padding-right: 10px !important; }
.padding-right-15 { padding-right: 15px !important; }
.padding-right-20 { padding-right: 20px !important; }
.padding-right-25 { padding-right: 25px !important; }
.padding-right-30 { padding-right: 30px !important; }
.padding-right-35 { padding-right: 35px !important; }
.padding-right-40 { padding-right: 40px !important; }
.padding-right-45 { padding-right: 45px !important; }
.padding-right-50 { padding-right: 50px !important; }
.padding-right-55 { padding-right: 55px !important; }
.padding-right-60 { padding-right: 60px !important; }

/* text-align */
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.text-left { text-align: left !important;}

/* width-em */
.width-1em { width: 1em !important; }
.width-2em { width: 2em !important; }
.width-3em { width: 3em !important; }
.width-4em { width: 4em !important; }
.width-5em { width: 5em !important; }
.width-6em { width: 6em !important; }
.width-7em { width: 7em !important; }
.width-8em { width: 8em !important; }
.width-9em { width: 9em !important; }
.width-10em { width: 10em !important; }
.width-11em { width: 11em !important; }
.width-12em { width: 12em !important; }
.width-13em { width: 13em !important; }
.width-14em { width: 14em !important; }
.width-15em { width: 15em !important; }
.width-16em { width: 16em !important; }
.width-17em { width: 17em !important; }
.width-18em { width: 18em !important; }
.width-19em { width: 19em !important; }
.width-20em { width: 20em !important; }
.width-21em { width: 21em !important; }
.width-22em { width: 22em !important; }
.width-23em { width: 23em !important; }
.width-24em { width: 24em !important; }
.width-25em { width: 25em !important; }
.width-26em { width: 26em !important; }
.width-27em { width: 27em !important; }
.width-28em { width: 28em !important; }
.width-29em { width: 29em !important; }
.width-30em { width: 30em !important; }
.width-31em { width: 31em !important; }
.width-32em { width: 32em !important; }
.width-33em { width: 33em !important; }
.width-34em { width: 34em !important; }
.width-35em { width: 35em !important; }

/* width-rem */
.width-1rem { width: 1rem !important; }
.width-2rem { width: 2rem !important; }
.width-3rem { width: 3rem !important; }
.width-4rem { width: 4rem !important; }
.width-5rem { width: 5rem !important; }
.width-6rem { width: 6rem !important; }
.width-7rem { width: 7rem !important; }
.width-8rem { width: 8rem !important; }
.width-9rem { width: 9rem !important; }
.width-10rem { width: 10rem !important; }
.width-11rem { width: 11rem !important; }
.width-12rem { width: 12rem !important; }
.width-13rem { width: 13rem !important; }
.width-14rem { width: 14rem !important; }
.width-15rem { width: 15rem !important; }
.width-16rem { width: 16rem !important; }
.width-17rem { width: 17rem !important; }
.width-18rem { width: 18rem !important; }
.width-19rem { width: 19rem !important; }
.width-20rem { width: 20rem !important; }
.width-21rem { width: 21rem !important; }
.width-22rem { width: 22rem !important; }
.width-23rem { width: 23rem !important; }
.width-24rem { width: 24rem !important; }
.width-25rem { width: 25rem !important; }
.width-26rem { width: 26rem !important; }
.width-27rem { width: 27rem !important; }
.width-28rem { width: 28rem !important; }
.width-29rem { width: 29rem !important; }
.width-30rem { width: 30rem !important; }
.width-31rem { width: 31rem !important; }
.width-32rem { width: 32rem !important; }
.width-33rem { width: 33rem !important; }
.width-34rem { width: 34rem !important; }
.width-35rem { width: 35rem !important; }

/* width-% */
.width-1per { width: 1% !important; }
.width-2per { width: 2% !important; }
.width-3per { width: 3% !important; }
.width-4per { width: 4% !important; }
.width-5per { width: 5% !important; }
.width-6per { width: 6% !important; }
.width-7per { width: 7% !important; }
.width-8per { width: 8% !important; }
.width-9per { width: 9% !important; }
.width-10per { width: 10% !important; }
.width-11per { width: 11% !important; }
.width-12per { width: 12% !important; }
.width-13per { width: 13% !important; }
.width-14per { width: 14% !important; }
.width-15per { width: 15% !important; }
.width-16per { width: 16% !important; }
.width-17per { width: 17% !important; }
.width-18per { width: 18% !important; }
.width-19per { width: 19% !important; }
.width-20per { width: 20% !important; }
.width-21per { width: 21% !important; }
.width-22per { width: 22% !important; }
.width-23per { width: 23% !important; }
.width-24per { width: 24% !important; }
.width-25per { width: 25% !important; }
.width-26per { width: 26% !important; }
.width-27per { width: 27% !important; }
.width-28per { width: 28% !important; }
.width-29per { width: 29% !important; }
.width-30per { width: 30% !important; }
.width-31per { width: 31% !important; }
.width-32per { width: 32% !important; }
.width-33per { width: 33% !important; }
.width-34per { width: 34% !important; }
.width-35per { width: 35% !important; }
.width-36per { width: 36% !important; }
.width-37per { width: 37% !important; }
.width-38per { width: 38% !important; }
.width-39per { width: 39% !important; }
.width-40per { width: 40% !important; }
.width-41per { width: 41% !important; }
.width-42per { width: 42% !important; }
.width-43per { width: 43% !important; }
.width-44per { width: 44% !important; }
.width-45per { width: 45% !important; }
.width-46per { width: 46% !important; }
.width-47per { width: 47% !important; }
.width-48per { width: 48% !important; }
.width-49per { width: 49% !important; }
.width-50per { width: 50% !important; }

/* font-size */
.xx-small{ font-size: 50%; font-weight: 400; }
.x-small{ font-size: 65%; font-weight: 400;}
/*.small*/
.medium{ font-size: 100%; }
.large{ font-size: 120%; }
.x-large{ font-size: 135%; }
.xx-large{ font-size: 150%;	}

/* ========================================================================
 * Shadow (https://paulund.co.uk/learn-css-box-shadow)
 * ======================================================================== */

.effect1{
     box-shadow: 0 10px 6px -6px #777;
}

.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  box-shadow: 0 15px 10px #777;
  transform: rotate(-3deg);
}
.effect2:after
{
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.effect2 img{
	width: 100%;
	height: auto;
}

/* ========================================================================
 * clear
 * ======================================================================== */


/* ========================================================================
 * Common Style
 * ======================================================================== */

/* h1 ~ h6 */
h1 {
}

h2 {
	margin-bottom: 2rem;
	color: #B81C22;
}

h3 {
	margin-bottom: 1.2rem;
	font-size: 1.5rem;
	font-weight: 400;
}
h3.message {
	margin-bottom: 1.5rem;
	padding-left: 0;
	background-image: none;
	font-size: 1.75rem;
	font-weight: 200;
}
h3.newstitle{
	position: relative;
}
h3.newstitle span.links{
	position: absolute;
	top: -0.2rem;
	right: 0.5rem;
}

h4 {
	margin-bottom: 1.5rem;
	padding: 0.5rem;
	font-size: 1.2rem;
	color: #FFF;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b81c22+0,e50020+100 */
	background: #b81c22; /* Old browsers */
	background: -moz-linear-gradient(top, #b81c22 0%, #e50020 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #b81c22 0%,#e50020 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #b81c22 0%,#e50020 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b81c22', endColorstr='#e50020',GradientType=0 ); /* IE6-9 */
}

h5 {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	padding-bottom: 0.5rem;
	padding-left: 0.3rem;
	border-bottom: 2px #B81C22 solid;
	font-size: 1.1rem;
}
h5::before {
	/* FontAwesome */
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;

	/* custom */
	content: "\f0da";
	margin: 0 0.3rem 0 0;
	color: #B81C22;
}

h6 {
	margin-bottom: 0.7rem;
}
h6::before {
	/* FontAwesome */
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;

	/* custom */
	content: "\f111";
	margin: 0 0.3rem 0 0;
	color: #B81C22;
}
h6.no-icon::before{
	/* custom */
	content: "";
	margin: 0;
}

/* font */
.font-mincho{
	font-family: "Sawarabi Mincho";	
}

/* article */
article {
}

/* section */
section {
	margin-bottom: 3.0rem;
}

/* aside */
aside {
}

/* list */
ul{
	margin-bottom: 1.5rem;
	padding-left: 25px;
}

ul li > ul{
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}


ol{
	padding-left: 1.5rem;
}

ul > li,
ol > li{
	margin-bottom: 0.3rem
}

ol.list-ol-brackets{
	padding-left: 25px;
}

ol.list-ol-brackets > li{
	list-style-type:none;
	list-style-position:inside;
	counter-increment: cnt;
}
ol.list-ol-brackets > li:before{
	margin-left: -25px;
	display: marker;
	content: "(" counter(cnt) ") ";
}

ul.list-flex-wrap{
	display: flex;
	margin: -15px 0 0.5rem -15px;
	padding: 0;
	flex-wrap: wrap;
}

ul.list-flex-wrap li{
	margin: 15px 0 0 15px;
	padding: 5px 10px;
	list-style: none;
	border: 1px #D2D2D2 solid;
}
ul.list-flex-wrap li:hover{
	
}

ul.list-flex-wrap2{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	width: auto;
	height: auto;
	margin-left: -20px;
	padding: 0;
}

ul.list-flex-wrap2 li{
	margin-left: 45px;
}

ul.list-flex-wrap2.list-w-25 li,
ul.list-flex-wrap2.list-w-33 li,
ul.list-flex-wrap2.list-w-50 li{
	width: 100%; /* IE8以下とAndroid4.3以下用フォールバック */
	width: -webkit-calc(100% - 45px);
	width: calc(100% - 45px);
}

@media screen and (max-width:575px) {
}
@media screen and (min-width:576px) and ( max-width:767px) {
	ul.list-flex-wrap2{
		margin-right: -20px;
	}

	ul.list-flex-wrap2.list-w-25 li,
	ul.list-flex-wrap2.list-w-33 li,
	ul.list-flex-wrap2.list-w-50 li{
		width: 50%; /* IE8以下とAndroid4.3以下用フォールバック */
		width: -webkit-calc(50% - 45px);
		width: calc(50% - 45px);
	}
}
@media screen and (min-width:768px) and ( max-width:992px) {
	ul.list-flex-wrap2{
		margin-right: -20px;
	}

	ul.list-flex-wrap2.list-w-25 li,
	ul.list-flex-wrap2.list-w-33 li,
	ul.list-flex-wrap2.list-w-50 li{
		width: 50%; /* IE8以下とAndroid4.3以下用フォールバック */
		width: -webkit-calc(50% - 45px);
		width: calc(50% - 45px);
	}
}
@media screen and (min-width:992px) and ( max-width:1199px) {
	ul.list-flex-wrap2{
		margin-right: -20px;
	}
	
	ul.list-flex-wrap2.list-w-25 li{
		width: 25%; /* IE8以下とAndroid4.3以下用フォールバック */
		width: -webkit-calc(25% - 45px);
		width: calc(25% - 45px);
	}

	ul.list-flex-wrap2.list-w-33 li{
		width: 33%; /* IE8以下とAndroid4.3以下用フォールバック */
		width: -webkit-calc(33% - 45px);
		width: calc(33% - 45px);
	}

	ul.list-flex-wrap2.list-w-50 li{
		width: 50%; /* IE8以下とAndroid4.3以下用フォールバック */
		width: -webkit-calc(50% - 45px);
		width: calc(50% - 45px);
	}
}
@media screen and (min-width:1200px) {
	ul.list-flex-wrap2{
		margin-right: -20px;
	}
	
	ul.list-flex-wrap2.list-w-25 li{
		width: 25%; /* IE8以下とAndroid4.3以下用フォールバック */
		width: -webkit-calc(25% - 45px);
		width: calc(25% - 45px);
	}

	ul.list-flex-wrap2.list-w-33 li{
		width: 33%; /* IE8以下とAndroid4.3以下用フォールバック */
		width: -webkit-calc(33% - 45px);
		width: calc(33% - 45px);
	}

	ul.list-flex-wrap2.list-w-50 li{
		width: 50%; /* IE8以下とAndroid4.3以下用フォールバック */
		width: -webkit-calc(50% - 45px);
		width: calc(50% - 45px);
	}
}

/* box */
div.box{
	display: block;
	margin-bottom: 1.0rem;
	padding: 1.0rem;
}

/* icon */
.pdf::after,
.pdf_w::after,
.win::after,
.win_w::after,
.word::after,
.excel::after,
.more::after,
.in_site::after{
	display: inline-block;
	margin-left: 0.3rem;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
}

.pdf::after{
	font-weight: 400;
	content: "\f1c1";
	color: #E21E00;
}
.pdf_w::after{
	font-weight: 400;
	content: "\f1c1";
	color: #FFF;
}

.win::after{
	font-weight: 900;
	content: "\f35d";
	color: #E21E00;
}
.win_w::after{
	font-weight: 900;
	content: "\f35d";
	color: #FFF;
}

.word::after{
	font-weight: 400;
	content: "\f1c2";
	color: #2B579A;
}

.excel::after{
	font-weight: 400;
	content: "\f1c3";
	color: #217346;
}

.more::after{
	font-weight: 400;
	content: "\f138";
	color: #9fa0a0;
}

/*.in_site::after{
	font-weight: 400;
	content: "\f24d";
	color: #005BAC;
}*/

.mail::before,
.tel::before,
.fax::before{
	display: inline-block;
	margin-right: 0.3rem;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
}

.mail::before{
	font-weight: 900;
	content: "\f0e0";
	color: #DFA804;
}

.tel::before{
	font-weight: 900;
	content: "\f098";
	color: #DFA804;
}

.fax::before{
	font-weight: 900;
	content: "\f1ac";
	color: #DFA804;
}

/* iframe */
.responsive-iframe{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	border: 1px #CCC solid;
}

.responsive-iframe iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

/* ========================================================================
 * images
 * ======================================================================== */

img {
	max-width: 100%;
	max-height: 100%;
	height: auto;
}

/* ========================================================================
 * Table
 * ======================================================================== */

table.table{
	max-width: 100%;
}
table.table-catalog-responsive tr td:first-child{
	width: 25%;
}
table th{
	font-weight: 600;
	vertical-align: middle;
}
.table-active, .table-active>td, .table-active>th {
	background-color: rgba(0,0,0,.03);
}
@media screen and (max-width:575px) {
	table.table{
		table-layout: fixed;
		word-break: break-all;
		word-wrap: break-word;
	}
	div.table-responsive{
		margin-bottom: 1.0rem;
	}
	div.table-responsive::before{
		display: block;
		margin: 0;
		padding: 0.3rem 0.3rem 0.3rem 0;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f064右にスクロールします";
		color: #FF0000;
	}
	div.table-responsive table.table{
		margin-bottom: 0;
		table-layout: auto;
		word-break: keep-all;
		/*word-wrap: normal;*/
	}
	table.table-catalog-responsive{
		display: block;
		width: 100%;
	}
	table.table-catalog-responsive::before{
		display: block;
		margin: 0;
		padding: 0.3rem 0.3rem 0.3rem 0.3rem;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f064右にスクロールします";
		color: #FF0000;
	}
	table.table-catalog-responsive thead{
		display: block;
		float: left;
		overflow-x: scroll;
	}
	table.table-catalog-responsive th{
		display: block;
		width: auto;
		border-bottom-width: 1px;
	}
	table.table-catalog-responsive tbody{
		display: flex;
		width: auto; 
		overflow-x: auto; 
		white-space: nowrap;
	}
	table.table-catalog-responsive tbody tr{
		display: inline-flex;
		flex-wrap: wrap;
	}
	table.table-catalog-responsive td{
		display: block;
	}
	table.table-catalog-responsive tbody td{
		width: 100%;
	}
	table.table-catalog-responsive tr td:first-child{
		width: 100%;
	}
	
	table.table-list-responsive{
		display: block;
		width: 100%;
	}
	table.table-list-responsive thead{
		display: none;
	}
	table.table-list-responsive tbody{
		display: inline-flex;
		flex-wrap: wrap;
		width: 100%;
	}
	table.table-list-responsive tr{
		display: inline-block;
		width: 100%;
	}
	table.table-list-responsive th,
	table.table-list-responsive td{
		display: inline-block;
		width: 100% !important;
	}
}

/* table-form-old （フォーム変更後削除予定のクラス）*/
table.table-form-old{
}

table.table-form-old.form-admissions th{
	background-color:#AAC520;
}

table.table-form-old.form-admissions th.non{
	background-color:#CCC;
}

table.table-form-old.form-admissions th.second{
	background-color:#F8B8F0;
}

table.table-form-old .col1{
	background-color:#dc3545;
}

table.table-form-old .col1.non{
	background-color:#CCC;
}

table.table-form-old table.intable th,
table.table-form-old table.intable td{
	    border: 0;
}

@media screen and (max-width:575px) {
	table.table-form-old{
		table-layout: inherit;
	}
}

/* ========================================================================
 * Badge
 * ======================================================================== */
.badge-activeblue{
	background-color: #005BAC;
	color: #FFF;
}

/* ========================================================================
 * Custom Color
 * ======================================================================== */

/* alert */
.alert-lightyellow{
    color: #000;
    background-color: #FDFFCC;
    border-color: #FFCB69;
}

/* btn */
.btn-basicred{
    color: #fff;
    background-color: #B81C22;
    border-color: #B81C22;
}
.btn-basicred:hover{
    color: #fff;
    background-color: #901C21;
    border-color: #901C21;
}

.btn-activered{
    color: #fff;
    background-color: #E50020;
    border-color: #E50020;
}
.btn-activered:hover{
    color: #fff;
    background-color: #C30F28;
    border-color: #C30F28;
}

.btn-activeblue{
    color: #fff;
    background-color: #005BAC;
    border-color: #005BAC;
}
.btn-activeblue:hover{
    color: #fff;
    background-color: #0D5392;
    border-color: #0D5392;
}

/* table */
.table-lightblue,
.table-lightblue>td,
.table-lightblue>th{
	background-color: rgba(230,244,250,1);
}
.table-hover tr:hover .table-lightblue,
.table-hover .table-lightblue:hover{
	background-color: rgba(164,203,220,1);
}

@media screen and (max-width:575px) {
	.restable{
		display: block;
		width: 100%;
	}
	.restable thead { 
		display: block;
		float: left;
		overflow-x:scroll;
	}
	.restable thead th{
	}
	.restable thead br{
		display: none;
	}
	.restable tbody {
		display: block; 
		width: auto;
		overflow-x: auto;
		white-space: nowrap;
	}
	.restable th { 
		display: block;
		width:auto;
	}
	.restable tbody tr { 
		display: inline-block;
		margin: 0 -3px;
	}
	.restable td { 
		display: block;
	}
}

/* box */
div.box-lightblue{
	border: 1px #D2D2D2 solid;
	background-color: rgba(230,244,250,1);
}

div.box-lightgray{
	border: 1px #D2D2D2 solid;
	background-color: rgba(238, 238, 238, 1.0);
}

/* ========================================================================
 * Style Override
 * ======================================================================== */

/* a */
a {
	color: #005BAC;
}
/*
a:visited{
	color: #9B0002;
}
*/

h4 a{
	color: rgba(255,255,255,1.0);
}
h4 a:hover{
	text-decoration: none;
	color: rgba(255,255,0,1.00);
}

/* strong */
strong{
	font-weight: bold;
}

strong.card-title{
	display: block;
	font-size: 115%;
}

/* card */
.card-deck,
.card-group{
	margin-bottom: 1.5rem;
	border-radius: 0;
}

.card{
	margin-bottom: 1.0rem;
	border-radius: 0;
}

.card-header{
	font-weight: 600;
}

.card-header:first-child {
	border-radius: 0;
}

.card-header.card-header-sub {
	border-top: 1px solid rgba(0,0,0,.125);
}

.card-img-top{
	height: 100%;
}


h5.card-header{
	margin-top: 0;
}
h5.card-header::before{
	content: "";
}

/* accordion */
.accordion-common a{
	display: inline-flex;
	margin: auto;
	width: 100%;
	height: 100%;
	min-height: 2.3rem;
	align-items: center;
	background-color: rgba(89, 87, 87, 1.0);
	text-decoration: none;
	font-size: 90%;
	color: #FFF;
	
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.accordion-common li.active-page a,
.accordion-common a:hover{
	background-color: rgba(89, 87, 87, 0.6);
}

.accordion-common div.item-head{
	border-bottom: 1px #FFF solid;
}

.accordion-common div.item-head,
.accordion-common div.item-link{
	position: relative;
	display: block;
	width: auto;
	height: auto;
	border-bottom: 1px #FFF solid;
}
.accordion-common div.item-head::before,
.accordion-common div.item-link::before{
	position: absolute;
	top: 0;
	left: 0;
	display: inline-flex;
	width: 2.0rem;
	height: 100%;
	align-items: center;
	justify-content: center;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0c9";
	color:#FFF;
}

.accordion-common div.item-head a,
.accordion-common div.item-link a{
	padding: 0.3rem 2.0rem 0.3rem 2.0rem;
}

.accordion-common div.item-head a::after,
.accordion-common div.item-link a::after{
	position: absolute;
	top: 0;
	right: 0;
	display: inline-flex;
	width: 2.0rem;
	height: 100%;
	align-items: center;
	justify-content: center;
	border-left: 1px #FFF solid;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content:'\f068';
	color:#FFF;
}
.accordion-common div.item-head a.collapsed::after{
	content:'\f067';
}

.accordion-common div.item-link a::after{
	content:'\f054';
}

.accordion-common div.item-link a.win::after{
	font-weight: 900;
	content:'\f35d';
}

.accordion-common ul.categoryitems,
.accordion-common ul.entryitems{
	margin: 0;
	padding: 0;
	list-style: none;
}

.accordion-common ul.categoryitems li,
.accordion-common ul.entryitems li{
	position: relative;
	margin: 0;
	padding: 0;
}

.accordion-common ul.categoryitems li a,
.accordion-common ul.entryitems li a{
	padding: 0.3rem 0.3rem 0.3rem 2.0rem;
	border-bottom: 1px #FFF solid;
}

.accordion-common ul.categoryitems li.subtitle span,
.accordion-common ul.entryitems li.subtitle span{
	display: inline-flex;
	padding: 0.3rem 0.3rem 0.3rem 2.0rem;
	width: 100%;
	height: 100%;
	min-height: 2.3rem;
	align-items: center;
	border-bottom: 1px #FFF solid;
	background-color: #DDD;
}

.accordion-common ul li > ul{
	margin-top: 0;
}

.accordion-common .win::after,
.accordion-common .pdf::after{
	color: #FF0;
}

/* figure */
.figure-caption{
	font-size: 100%;
	color: rgba(0, 0, 0, 1.0);
}

/* modal */
.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2));
	margin: 0 auto;
}

/* ========================================================================
 * Body Style
 * ======================================================================== */

body{
	padding-top: 60px;
	/*font-family: 'Noto Sans Japanese', 'Raleway', "Helvetica", "Arial", sans-serif;*/
	font-size: 0.9rem;
	font-family: "Sawarabi Gothic";
	font-weight: 100;
}

/* fontsize */
body.fontS{
	font-size: 0.8rem;
}
body.fontM{
	font-size: 0.9rem;
}
body.fontL{
	font-size: 1.0rem;
}

body.fontS li#site-fontsize span#fontS{
	font-weight: 800;
	color: #B81C22;
}
body.fontM li#site-fontsize span#fontM{
	font-weight: 800;
	color: #B81C22;
}
body.fontL li#site-fontsize span#fontL{
	font-weight: 800;
	color: #B81C22;
}

.fixed {
    overflow: auto;
    height: 100%;
}

@media screen and (max-width:575px) {
}
@media screen and (min-width:576px) and ( max-width:767px) {
}
@media screen and (min-width:768px) and ( max-width:991px) {
}
@media screen and (min-width:992px) and ( max-width:1199px) {
	body{
		padding-top: 88px;
	}
}
@media screen and (min-width:1200px) {
	body{
		padding-top: 88px;
	}
}

/* ========================================================================
 * Header Style
 * ======================================================================== */

/* hiraku */
.hiraku-open-btn{
	padding: 0;
	width: 55px;
	border: 0;
	z-index: 1100;
}

.hiraku-button-text{
	display: flex;
	width: 100%;
	height: 60px;
	align-items: center;
	justify-content: center;
	font-size:12px;
}

/* hiraku nav */
.hiraku-nav{
	border-top: 0px rgba(62, 58, 57, 1.0) solid;
	border-left: 2px #FFF solid;
	background-color: rgba(89, 87, 87, 1.0);
	display: none;
}
.hiraku-nav.active{
	display: block;
}

.hiraku-nav > ul{
}

.hiraku-nav ul.nav-tabs{
	margin-top: 0;
	border-top: 1px #FFF solid;
}

.hiraku-nav #globalmenu-sp_sub{
	border-top: 1px #FFF solid;
}

.hiraku-nav ul.nav-tabs li.nav-item{
	position: relative;
	width: 50%;
}
.hiraku-nav ul.nav-tabs li.nav-item:first-child{
	border-right: 1px #FFF solid;
}

.hiraku-nav ul.nav-tabs li.nav-item a{
	display: inline-flex;
    margin: auto;
	padding: 0.3rem 1.5rem 0.3rem 0.3rem;
    width: 100%;
    height: 100%;
    min-height: 2.3rem;
    align-items: center;
    background-color: rgba(89, 87, 87, 1.0);
    text-decoration: none;
    font-size: 80%;
    color: #FFF;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.hiraku-nav ul.nav-tabs li.nav-item a::after{
	position: absolute;
	top: 0;
	right: 0;
	display: inline-flex;
	width: 1.5rem;
	height: 100%;
	min-height: 2.3rem;
	align-items: center;
	justify-content: center;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content:'\f107';
	color:#FFF;
}

.hiraku-menu{
	display: block;
	margin: -1px 0 0 0;
	padding: 0;
	width: 100%;
	height: auto;
	overflow: auto;
}

.hiraku-menu li{
	margin-bottom: 0;
}

.hiraku-menu .drawer-menu-item{
	display: inline-flex;
    margin: auto;
	padding: 0.3rem 2.0rem 0.3rem 0.5rem;
    width: 100%;
    height: 100%;
    min-height: 2.3rem;
    align-items: center;
	border-bottom: 1px #333 solid;
    background-color: rgba(89, 87, 87, 1.0);
    text-decoration: none;
    font-size: 90%;
    color: #FFF;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.hiraku-menu .drawer-menu-item:hover{
	background-color: rgba(89, 87, 87, 0.6);
}

.hiraku-menu .search-site{
	padding: 0.8rem 0.5rem 0.8rem 0.5rem;
    background-color: rgba(89, 87, 87, 1.0);
}

.hiraku-menu .purpose{
	margin: 0;
	padding: 0;
}

.hiraku-menu .purpose li{
	display: block;
	padding: 0.5rem;
	background-color: #FFF;
	text-align: center;
}

.hiraku-menu .purpose h5{
	margin-top: 0;
	font-size: 100%;
	border: 0;
	color: #FFF;
}
.hiraku-menu .purpose h5::before{
	display: none;
	content: "";
}

.hiraku-menu .purpose .purpose-link{
	display: flex;
	flex-wrap: nowrap;
}

.hiraku-menu .purpose a{
	display: flex;
	margin: 0.1rem;
	padding: 0.5rem;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	border: 2px rgba(255, 255, 255, 0.9) solid;
	border-radius: 0.5rem;
	background-color: rgba(255, 255, 255, 0.8);
	font-weight: 400;
	color: #000;
}

.hiraku-menu #purpose-information{
	background-color: rgba(59, 103, 188, 1.0);
}
.hiraku-menu #purpose-admissions{
	background-color: rgba(255, 184, 4, 1.0);
}
.hiraku-menu #purpose-access{
	background-color: rgba(184, 0, 2, 1.0);
}

@media screen and (max-width:575px) {
}
@media screen and (min-width:576px) and ( max-width:767px) {
}
@media screen and (min-width:768px) and ( max-width:991px) {
}
@media screen and (min-width:992px) and ( max-width:1199px) {
	.hiraku-nav{
		display: none;
	}
	.hiraku-toggle{
		display: none;
	}
}
@media screen and (min-width:1200px) {
	.hiraku-nav{
		display: none;
	}
	.hiraku-toggle{
		display: none;
	}
}

/* drawer Override */
.drawer-overlay{
	z-index: 1000;
	background-color: rgba(0,0,0,.5);
}

.drawer-hamburger{
	top: 5px;
	width: 55px;
	padding: 0;
}

.drawer-button-text{
	display: flex;
	width: 100%;
	height: 60px;
	align-items: center;
	justify-content: center;
	font-size:12px;
}

.drawer-hamburger,
.drawer-nav{
	z-index: 1100;
}

.drawer-hamburger-icon,
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before{
	background-color: #000;
}

.drawer-open .drawer-hamburger-icon:after,
.drawer-open .drawer-hamburger-icon:before{
	background-color: #FFF;
}

.drawer-open .drawer-hamburger{
	display: none;
}

.drawer-open .drawer-hamburger span{
	top: 0;
}

.drawer-open .drawer-hamburger-icon{
	position: static;
}
.drawer-open .drawer-hamburger-icon:after,
.drawer-open .drawer-hamburger-icon:before{
	top: 30px;
}

/* drawer nav */
.drawer-nav{
	border-top: 0px rgba(62, 58, 57, 1.0) solid;
	border-left: 2px #FFF solid;
	background-color: rgba(89, 87, 87, 1.0);
}

.drawer-nav ul.nav-tabs{
	margin-top: 0;
	border-top: 1px #FFF solid;
}

.drawer-nav #globalmenu-sp_sub{
	border-top: 1px #FFF solid;
}

.drawer-nav ul.nav-tabs li.nav-item{
	position: relative;
	width: 50%;
}
.drawer-nav ul.nav-tabs li.nav-item:first-child{
	border-right: 1px #FFF solid;
}

.drawer-nav ul.nav-tabs li.nav-item a{
	display: inline-flex;
    margin: auto;
	padding: 0.3rem 1.5rem 0.3rem 0.3rem;
    width: 100%;
    height: 100%;
    min-height: 2.3rem;
    align-items: center;
    background-color: rgba(89, 87, 87, 1.0);
    text-decoration: none;
    font-size: 80%;
    color: #FFF;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.drawer-nav ul.nav-tabs li.nav-item a::after{
	position: absolute;
	top: 0;
	right: 0;
	display: inline-flex;
	width: 1.5rem;
	height: 100%;
	min-height: 2.3rem;
	align-items: center;
	justify-content: center;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content:'\f107';
	color:#FFF;
}

.drawer-menu{
	display: block;
	margin-top: -1px;
	width: 100%;
	height: auto;
	min-height: 1680px;
	overflow: auto;
}

.drawer-menu li{
	margin-bottom: 0;
}

.drawer-menu .drawer-menu-item{
	display: inline-flex;
    margin: auto;
	padding: 0.3rem 2.0rem 0.3rem 0.5rem;
    width: 100%;
    height: 100%;
    min-height: 2.3rem;
    align-items: center;
	border-bottom: 1px #333 solid;
    background-color: rgba(89, 87, 87, 1.0);
    text-decoration: none;
    font-size: 90%;
    color: #FFF;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.drawer-menu .drawer-menu-item:hover{
	background-color: rgba(89, 87, 87, 0.6);
}

.drawer-menu .search-site{
	padding: 0.8rem 0.5rem 0.8rem 0.5rem;
}

.drawer-menu .purpose{
	margin: 0;
	padding: 0;
}

.drawer-menu .purpose li{
	display: block;
	padding: 0.5rem;
	background-color: #FFF;
	text-align: center;
}

.drawer-menu .purpose h5{
	margin-top: 0;
	font-size: 100%;
	color: #FFF;
}
.drawer-menu .purpose h5::before{
	display: none;
	content: "";
}

.drawer-menu .purpose .purpose-link{
	display: flex;
	flex-wrap: nowrap;
}

.drawer-menu .purpose a{
	display: flex;
	margin: 0.1rem;
	padding: 0.5rem;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	border: 2px rgba(255, 255, 255, 0.9) solid;
	border-radius: 0.5rem;
	background-color: rgba(255, 255, 255, 0.8);
	font-weight: 400;
	color: #000;
}

.drawer-menu #purpose-information{
	background-color: rgba(59, 103, 188, 1.0);
}
.drawer-menu #purpose-admissions{
	background-color: rgba(255, 184, 4, 1.0);
}
.drawer-menu #purpose-access{
	background-color: rgba(184, 0, 2, 1.0);
}

@media screen and (max-width:575px) {
}
@media screen and (min-width:576px) and ( max-width:767px) {
}
@media screen and (min-width:768px) and ( max-width:991px) {
}
@media screen and (min-width:992px) and ( max-width:1199px) {
	.drawer-nav{
		display: none;
	}
	.drawer-toggle{
		display: none;
	}
}
@media screen and (min-width:1200px) {
	.drawer-nav{
		display: none;
	}
	.drawer-toggle{
		display: none;
	}
}


/* header */
header{
    position: fixed;
    top: 0;
	display: flex;
    width: 100%;
    height: 63px;
    z-index: 999;
	border-top: 2px solid rgb(184, 28, 34);
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
}

header nav.navbar-header{
	display: block;
	margin-top: 1px;
	width: 100%;
	height: auto;
	border-top: 2px solid rgb(0, 91, 172);	
}

header .container{
	display: flex;
	padding-left: 0;
	padding-right: 0;
}

body.body-scroll header{
	background-color: rgba(255, 255, 255, 0.8);
}
header:hover{
	background-color: rgba(255, 255, 255, 1.0);
}

@media screen and (max-width:575px) {
}
@media screen and (min-width:576px) and ( max-width:767px) {
}
@media screen and (min-width:768px) and ( max-width:991px) {
}
@media screen and (min-width:992px) {
	header{
		height: 88px;
		padding-top: 2px;
	}
	header .container{
		display: flex;
		padding-left: 15px;
		padding-right: 15px;
	}
	body.body-scroll header{
		background-color: rgba(255, 255, 255, 0.8);
	}
}

/* sitelogo */
#sitelogo{
    position: relative;
	display: inline-block;
	width: auto;
	height: auto;
	overflow: visible;
}

#sitelogo h1{
	display: flex;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	justify-content: center;
    align-items: center;
}

#sitelogo h1 a{
	display: block;
	width: 120px;
	height: 60px;
	background-image: url("/images/common/logo-w.svg");
	background-size: 95% 95%;
	background-position: center;
	background-repeat: no-repeat;
}
body#id_88 #sitelogo h1 a{
	background-image: url("/images/common/logo-w-en.svg");
}

#sitelogo h1,
#sitelogo h1 a{
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

@media screen and (max-width:575px) and ( max-width:991px) {
}
@media screen and (min-width:992px) and ( max-width:1199px) {
	#sitelogo{
		top: 0;
		left: 0;
		box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
	}
	#sitelogo h1{
		background-color: rgba(255, 255, 255, 1.0);
	}
	#sitelogo h1 a{
		width: 200px;
		height: 81px;
		background-size: 80% 80%;
		background-image: url("/images/common/logo-w.svg");
	}
	body#mt-main-index #sitelogo h1 a{
		width: 200px;
		height: 150px;
		background-size: 80% 80%;
		background-image: url("/images/common/logo-v.svg");
	}
	header.is-fixed #sitelogo h1 a,
	body#mt-main-index header.is-fixed #sitelogo h1 a{
		width: 200px;
		height: 81px;
		background-image: url("/images/common/logo-w.svg");
		background-size: 80% 80%;
	}
}
@media screen and (min-width:1200px) and ( max-width:1439px)  {
	#sitelogo{
		top: 0;
		left: 0;
		box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
	}
	#sitelogo h1{
		background-color: rgba(255, 255, 255, 1.0);
	}
	#sitelogo h1 a{
		width: 200px;
		height: 81px;
		background-size: 80% 80%;
		background-image: url("/images/common/logo-w.svg");
	}
	body#mt-main-index #sitelogo h1 a{
		width: 200px;
		height: 150px;
		background-size: 80% 80%;
		background-image: url("/images/common/logo-v.svg");
	}
	header.is-fixed #sitelogo h1 a,
	body#mt-main-index header.is-fixed #sitelogo h1 a{
		width: 200px;
		height: 81px;
		background-size: 80% 80%;
		background-image: url("/images/common/logo-w.svg");
	}
}
@media screen and (min-width:1440px){
	#sitelogo{
		top: 0;
		left: 0;
		box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
	}
	#sitelogo h1{
		background-color: rgba(255, 255, 255, 1.0);
	}
	#sitelogo h1 a{
		width: 200px;
		height: 81px;
		background-image: url("/images/common/logo-w.svg");
	}
/* ロゴアニメーション用
	body#mt-main-index #sitelogo h1 a{
		width: 200px;
		height: 150px;
		background-image: url("/images/common/logo-v.svg");
	}
*/
	body#mt-main-index #sitelogo h1 a{
		width: 200px;
		height: 81px;
		background-image: url("/images/common/logo-w.svg");
	}
	header.is-fixed #sitelogo h1 a{
		width: 200px;
		height: 81px;
		background-image: url("/images/common/logo-w.svg");
	}
	header.is-fixed #sitelogo h1 a,
	body#mt-main-index header.is-fixed #sitelogo h1 a{
		width: 200px;
		height: 81px;
		background-image: url("/images/common/logo-w.svg");
	}
}

/* nav.globalmenu */
nav.nav-globalmenu{
	display: none;
	height: 36px;
}

nav.nav-globalmenu .item-head a{
	padding: 0 0 0 2.0rem !important;
	line-height: 36px;
	background-color: rgba(0, 0, 0, 0.8);
}

/* #global-menu-sp common */
.globalmenu-sp{
	border-top: 1px #FFF solid;
	background-color: #FFF;
}

.globalmenu-sp > .item > .item-head::before,
.globalmenu-sp > .item-link::before{
	content: "" !important;
}

/* #global-menu-pc common */
#globalmenu-pc ul{
    padding: 0;
    list-style: none;
}

#globalmenu-pc div.item-head{
	border-bottom: 0;
}
#globalmenu-pc div.item-head::before{
	display: none;
}

#globalmenu-pc div.item-head a::before{
position: absolute;
    top: 0;
    left: 0;
    display: inline-flex;
    width: 2.0rem;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0c9";
    color: #FFF;
}

#globalmenu-pc a,
#globalmenu-pc span.title{
	background-color: rgba(0, 0, 0, 0.8);
}
#globalmenu-pc a:hover,
#globalmenu-pc span.title:hover{
	background-color: rgba(175, 175, 175, 0.8);
}

#globalmenu-pc span.title{
	display: inline-flex;
	margin: auto;
	padding: 0.3rem 0 0.3rem 2.0rem;
	width: 100%;
	height: 100%;
	min-height: 2.3rem;
	align-items: center;
	border-bottom: 1px #FFF solid;
	font-size: 90%;
	color: #FFF;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	cursor: pointer;
}

/* globalmenu 1st-menu */
#globalmenu-pc ul.categoryitems,
#globalmenu-pc ul.entryitems{
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 999;
}

#globalmenu-pc ul.categoryitems > li,
#globalmenu-pc ul.entryitems > li{
	border-left: 5px #FFF solid;
}

/* globa-lmenu 2nd-menu */
#globalmenu-pc ul.categoryitems li.globalmenu-dropdown,
#globalmenu-pc ul.entryitems li.globalmenu-dropdown{
    position: relative;
}

#globalmenu-pc ul.categoryitems li.globalmenu-dropdown > ul > li > a,
#globalmenu-pc ul.categoryitems li.globalmenu-dropdown > ul > li > span.title,
#globalmenu-pc ul.entryitems li.globalmenu-dropdown > ul > li > a,
#globalmenu-pc ul.entryitems li.globalmenu-dropdown > ul > li > span.title{
	padding: 0.5rem 0.5rem;
	border-bottom: 1px rgba(255, 255, 255, 0.5) solid;
}

#globalmenu-pc ul.categoryitems li.globalmenu-dropdown > ul,
#globalmenu-pc ul.entryitems li.globalmenu-dropdown > ul{
    position: absolute;
    visibility: hidden;
    opacity: 0;
	top: 0;
    left: 100%;
	min-width: 250px;
	border-left: 1px rgba(255, 255, 255, 0.5) solid;
	background-color: #FFF;
}
#globalmenu-pc ul.categoryitems li.globalmenu-dropdown:hover > ul,
#globalmenu-pc ul.entryitems li.globalmenu-dropdown:hover > ul{
    visibility: visible;
    transition: .5s;
    opacity: 1;
}

/* global-menu 3rd-menu */
#globalmenu-pc ul.categoryitems li.globalmenu-dropdown > ul > li > ul,
#globalmenu-pc ul.entryitems li.globalmenu-dropdown > ul > li > ul{
    position: absolute;
    left: 100%;
    top: 0;
	min-width: 250px;
    width: 100%;
}

@media screen and (max-width:575px) {
}
@media screen and (min-width:576px) and ( max-width:767px) {
}
@media screen and (min-width:768px) and ( max-width:991px) {
}
@media screen and (min-width:992px) {
	nav.nav-globalmenu{
		display: block;
	}
}

/* global-menu color-set */
.globalmenu-sp div#globalmenu-information-sp a,
.globalmenu-pc ul.categoryitems li#globalmenu-information ul li a,
.globalmenu-pc ul.categoryitems li#globalmenu-information ul li span.title {
	background-color: rgba(184, 0, 2, 1.0);
}
.globalmenu-sp div#globalmenu-information-sp a:hover,
.globalmenu-pc ul.categoryitems li#globalmenu-information ul li a:hover,
.globalmenu-pc ul.categoryitems li#globalmenu-information ul li span.title:hover {
	background-color: rgba(184, 0, 2, 0.8);
}
.globalmenu-sp div#globalmenu-educate-sp a,
.globalmenu-pc ul.categoryitems li#globalmenu-educate ul li a,
.globalmenu-pc ul.categoryitems li#globalmenu-educate ul li span.title {
	background-color: rgba(59, 103, 188, 1.0);
}
.globalmenu-sp div#globalmenu-educate-sp a:hover,
.globalmenu-pc ul.categoryitems li#globalmenu-educate ul li a:hover,
.globalmenu-pc ul.categoryitems li#globalmenu-educate ul li span.title:hover {
	background-color: rgba(59, 103, 188, 0.8);
}
.globalmenu-sp div#globalmenu-admissions-sp a,
.globalmenu-pc ul.categoryitems li#globalmenu-admissions ul li a,
.globalmenu-pc ul.categoryitems li#globalmenu-admissions ul li span.title {
	background-color: rgba(255, 184, 4, 1.0);
}
.globalmenu-sp div#globalmenu-admissions-sp a:hover,
.globalmenu-pc ul.categoryitems li#globalmenu-admissions ul li a:hover,
.globalmenu-pc ul.categoryitems li#globalmenu-admissions ul li span.title:hover {
	background-color: rgba(255, 184, 4, 0.8);
}
.globalmenu-sp div#globalmenu-support-sp a,
.globalmenu-pc ul.categoryitems li#globalmenu-support ul li a,
.globalmenu-pc ul.categoryitems li#globalmenu-support ul li span.title {
	background-color: rgba(56, 190, 193, 1.0);
}
.globalmenu-sp div#globalmenu-support-sp a:hover,
.globalmenu-pc ul.categoryitems li#globalmenu-support ul li a:hover,
.globalmenu-pc ul.categoryitems li#globalmenu-support ul li span.title:hover {
	background-color: rgba(56, 190, 193, 0.8);
}
.globalmenu-sp div#globalmenu-career-sp a,
.globalmenu-pc ul.categoryitems li#globalmenu-career ul li a,
.globalmenu-pc ul.categoryitems li#globalmenu-career ul li span.title {
	background-color: rgba(255, 112, 117, 1.0);
}
.globalmenu-sp div#globalmenu-career-sp a:hover,
.globalmenu-pc ul.categoryitems li#globalmenu-career ul li a:hover,
.globalmenu-pc ul.categoryitems li#globalmenu-career ul li span.title:hover {
	background-color: rgba(255, 112, 117, 0.8);
}
.globalmenu-sp div#globalmenu-international-sp a,
.globalmenu-pc ul.categoryitems li#globalmenu-international ul li a,
.globalmenu-pc ul.categoryitems li#globalmenu-international ul li span.title {
	background-color: rgba(101, 163, 162, 1.0);
}
.globalmenu-sp div#globalmenu-international-sp a:hover,
.globalmenu-pc ul.categoryitems li#globalmenu-international ul li a:hover,
.globalmenu-pc ul.categoryitems li#globalmenu-international ul li span.title:hover {
	background-color: rgba(101, 163, 162, 0.8);
}
.globalmenu-sp div#globalmenu-research-sp a,
.globalmenu-pc ul.categoryitems li#globalmenu-research ul li a,
.globalmenu-pc ul.categoryitems li#globalmenu-research ul li span.title {
	background-color: rgba(74, 119, 47, 1.0);
}
.globalmenu-sp div#globalmenu-research-sp a:hover,
.globalmenu-pc ul.categoryitems li#globalmenu-research ul li a:hover,
.globalmenu-pc ul.categoryitems li#globalmenu-research ul li span.title:hover {
	background-color: rgba(74, 119, 47, 0.8);
}
.globalmenu-sp div#globalmenu-extension-sp a,
.globalmenu-pc ul.categoryitems li#globalmenu-extension ul li a,
.globalmenu-pc ul.categoryitems li#globalmenu-extension ul li span.title {
	background-color: rgba(80, 145, 207, 1.0);
}
.globalmenu-sp div#globalmenu-extension-sp a:hover,
.globalmenu-pc ul.categoryitems li#globalmenu-extension ul li a:hover,
.globalmenu-pc ul.categoryitems li#globalmenu-extension ul li span.title:hover {
	background-color: rgba(80, 145, 207, 0.8);
}


.globalmenu-sp div#globalmenu_en-about-sp a,
.globalmenu-pc ul.categoryitems li#globalmenu_en-about ul li a,
.globalmenu-pc ul.categoryitems li#globalmenu_en-about ul li span.title {
	background-color: rgba(184, 0, 2, 1.0);
}
.globalmenu-sp div#globalmenu_en-about-sp a:hover,
.globalmenu-pc ul.categoryitems li#globalmenu_en-about ul li a:hover,
.globalmenu-pc ul.categoryitems li#globalmenu_en-about ul li span.title:hover {
	background-color: rgba(184, 0, 2, 0.8);
}
.globalmenu-sp div#globalmenu_en-access-sp a,
.globalmenu-pc ul.categoryitems li#globalmenu_en-access ul li a,
.globalmenu-pc ul.categoryitems li#globalmenu_en-access ul li span.title {
	background-color: rgba(59, 103, 188, 1.0);
}
.globalmenu-sp div#globalmenu_en-access-sp a:hover,
.globalmenu-pc ul.categoryitems li#globalmenu_en-access ul li a:hover,
.globalmenu-pc ul.categoryitems li#globalmenu_en-access ul li span.title:hover {
	background-color: rgba(59, 103, 188, 0.8);
}
.globalmenu-sp div#globalmenu_en-calendar-sp a,
.globalmenu-pc ul.categoryitems li#globalmenu_en-calendar ul li a,
.globalmenu-pc ul.categoryitems li#globalmenu_en-calendar ul li span.title {
	background-color: rgba(255, 184, 4, 1.0);
}
.globalmenu-sp div#globalmenu_en-calendar-sp a:hover,
.globalmenu-pc ul.categoryitems li#globalmenu_en-calendar ul li a:hover,
.globalmenu-pc ul.categoryitems li#globalmenu_en-calendar ul li span.title:hover {
	background-color: rgba(255, 184, 4, 0.8);
}
.globalmenu-sp div#globalmenu_en-campus-sp a,
.globalmenu-pc ul.categoryitems li#globalmenu_en-campus ul li a,
.globalmenu-pc ul.categoryitems li#globalmenu_en-campus ul li span.title {
	background-color: rgba(56, 190, 193, 1.0);
}
.globalmenu-sp div#globalmenu_en-campus-sp a:hover,
.globalmenu-pc ul.categoryitems li#globalmenu_en-campus ul li a:hover,
.globalmenu-pc ul.categoryitems li#globalmenu_en-campus ul li span.title:hover {
	background-color: rgba(56, 190, 193, 0.8);
}
.globalmenu-sp div#globalmenu_en-under-sp a,
.globalmenu-pc ul.categoryitems li#globalmenu_en-under ul li a,
.globalmenu-pc ul.categoryitems li#globalmenu_en-under ul li span.title {
	background-color: rgba(255, 112, 117, 1.0);
}
.globalmenu-sp div#globalmenu_en-under-sp a:hover,
.globalmenu-pc ul.categoryitems li#globalmenu_en-under ul li a:hover,
.globalmenu-pc ul.categoryitems li#globalmenu_en-under ul li span.title:hover {
	background-color: rgba(255, 112, 117, 0.8);
}
.globalmenu-sp div#globalmenu_en-graduate-sp a,
.globalmenu-pc ul.categoryitems li#globalmenu_en-graduate ul li a,
.globalmenu-pc ul.categoryitems li#globalmenu_en-graduate ul li span.title {
	background-color: rgba(101, 163, 162, 1.0);
}
.globalmenu-sp div#globalmenu_en-graduate-sp a:hover,
.globalmenu-pc ul.categoryitems li#globalmenu_en-graduate ul li a:hover,
.globalmenu-pc ul.categoryitems li#globalmenu_en-graduate ul li span.title:hover {
	background-color: rgba(101, 163, 162, 0.8);
}
.globalmenu-sp div#globalmenu_en-exchange-sp a,
.globalmenu-pc ul.categoryitems li#globalmenu_en-exchange ul li a,
.globalmenu-pc ul.categoryitems li#globalmenu_en-exchange ul li span.title {
	background-color: rgba(74, 119, 47, 1.0);
}
.globalmenu-sp div#globalmenu_en-exchange-sp a:hover,
.globalmenu-pc ul.categoryitems li#globalmenu_en-exchange ul li a:hover,
.globalmenu-pc ul.categoryitems li#globalmenu_en-exchange ul li span.title:hover {
	background-color: rgba(74, 119, 47, 0.8);
}



/* global-menu-sp color-set */
.globalmenu-sp div.item-head a::after,
.globalmenu-sp div.item-link a::after
{
	background-color: rgba(89, 87, 87, 1.0);
}
.globalmenu-sp a:hover{
}

/* global-menu-pc color-set */
.globalmenu-pc ul.categoryitems > li#globalmenu-information {
	border-left-color: rgba(184, 0, 2, 1.0);
}
.globalmenu-pc ul.categoryitems > li#globalmenu-educate {
	border-left-color: rgba(59, 103, 188, 1.0);
}
.globalmenu-pc ul.categoryitems > li#globalmenu-admissions {
	border-left-color: rgba(255, 184, 4, 1.0);
}
.globalmenu-pc ul.categoryitems > li#globalmenu-support {
	border-left-color: rgba(56, 190, 193, 1.0);
}
.globalmenu-pc ul.categoryitems > li#globalmenu-career {
	border-left-color: rgba(255, 112, 117, 1.0);
}
.globalmenu-pc ul.categoryitems > li#globalmenu-international {
	border-left-color: rgba(101, 163, 162, 1.0);
}
.globalmenu-pc ul.categoryitems > li#globalmenu-research {
	border-left-color: rgba(74, 119, 47, 1.0);
}
.globalmenu-pc ul.categoryitems > li#globalmenu-extension {
	border-left-color: rgba(80, 145, 207, 1.0);
}


.globalmenu-pc ul.categoryitems > li#globalmenu_en-about {
	border-left-color: rgba(184, 0, 2, 1.0);
}
.globalmenu-pc ul.categoryitems > li#globalmenu_en-access {
	border-left-color: rgba(59, 103, 188, 1.0);
}
.globalmenu-pc ul.categoryitems > li#globalmenu_en-calendar {
	border-left-color: rgba(255, 184, 4, 1.0);
}
.globalmenu-pc ul.categoryitems > li#globalmenu_en-campus {
	border-left-color: rgba(56, 190, 193, 1.0);
}
.globalmenu-pc ul.categoryitems > li#globalmenu_en-under {
	border-left-color: rgba(255, 112, 117, 1.0);
}
.globalmenu-pc ul.categoryitems > li#globalmenu_en-graduate {
	border-left-color: rgba(101, 163, 162, 1.0);
}
.globalmenu-pc ul.categoryitems > li#globalmenu_en-exchange {
	border-left-color: rgba(74, 119, 47, 1.0);
}

/*
#global-menu-pc ul.globalmenu li#globalmenu-information > ul > li > ul > li > a{
	background-color: rgba(184, 0, 2, 0.6);
}
#global-menu-pc ul.globalmenu li#globalmenu-educate > ul > li >ul{
	background-color: rgba(59, 103, 188, 0.7);
}
#global-menu-pc ul.globalmenu li#globalmenu-admissions > ul > li >ul{
	background-color: rgba(255, 184, 4, 0.7);
}
#global-menu-pc ul.globalmenu li#globalmenu-support > ul > li >ul {
	background-color: rgba(56, 190, 193, 0.7);
}
#global-menu-pc ul.globalmenu li#globalmenu-career > ul > li >ul {
	background-color: rgba(255, 112, 117, 0.7);
}
#global-menu-pc ul.globalmenu li#globalmenu-international > ul > li >ul {
	background-color: rgba(101, 163, 162, 0.7);
}
#global-menu-pc ul.globalmenu li#globalmenu-research > ul > li >ul {
	background-color: rgba(74, 119, 47, 0.7);
}
#global-menu-pc ul.globalmenu li#globalmenu-extension > ul > li >ul {
	background-color: rgba(80, 145, 207, 0.7);
}
*/

/* global-menu icon-set */
.globalmenu-sp div#globalmenu-information-sp > .item-head a,
.globalmenu-pc #globalmenu-information > a,
.globalmenu-sp div#globalmenu-educate-sp > .item-head a,
.globalmenu-pc #globalmenu-educate > a,
.globalmenu-sp div#globalmenu-admissions-sp > .item-head a,
.globalmenu-pc #globalmenu-admissions > a,
.globalmenu-sp div#globalmenu-support-sp > .item-head a,
.globalmenu-pc #globalmenu-support > a,
.globalmenu-sp div#globalmenu-career-sp > a,
.globalmenu-pc #globalmenu-career > a,
.globalmenu-sp div#globalmenu-international-sp > .item-head a,
.globalmenu-pc #globalmenu-international > a,
.globalmenu-sp div#globalmenu-research-sp > .item-head a,
.globalmenu-pc #globalmenu-research > a,
.globalmenu-sp div#globalmenu-extension-sp > .item-head a,
.globalmenu-pc #globalmenu-extension > a{
	background-position: 0.4rem;
	background-repeat: no-repeat;
	background-size: 16px auto;
}

.globalmenu-sp div#globalmenu-information-sp > .item-head a,
.globalmenu-pc #globalmenu-information > a{
	background-image: url("/images/common/icon-information.svg");
}
.globalmenu-sp div#globalmenu-educate-sp > .item-head a,
.globalmenu-pc #globalmenu-educate > a{
	background-image: url("/images/common/icon-educate.svg");
}
.globalmenu-sp div#globalmenu-admissions-sp > .item-head a,
.globalmenu-pc #globalmenu-admissions > a{
	background-image: url("/images/common/icon-admissions.svg");
}
.globalmenu-sp div#globalmenu-support-sp > .item-head a,
.globalmenu-pc #globalmenu-support > a{
	background-image: url("/images/common/icon-support.svg");
}
.globalmenu-sp div#globalmenu-career-sp > a,
.globalmenu-pc #globalmenu-career > a{
	background-image: url("/images/common/icon-career.svg");
}
.globalmenu-sp div#globalmenu-international-sp > .item-head a,
.globalmenu-pc #globalmenu-international > a{
	background-image: url("/images/common/icon-international.svg");
}
.globalmenu-sp div#globalmenu-research-sp > .item-head a,
.globalmenu-pc #globalmenu-research > a{
	background-image: url("/images/common/icon-research.svg");
}
.globalmenu-sp div#globalmenu-extension-sp > .item-head a,
.globalmenu-pc #globalmenu-extension > a{
	background-image: url("/images/common/icon-extension.svg");
}


/* header navbar-header-sp */
header .navbar-header-sp{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: 100%;
}

header .navbar-header-sp ul{
	display: flex;
	/*margin: 0 60px 0 0;*/
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	list-style: none;
}

header .navbar-header-sp ul li{
	display: inline-flex;
	margin-bottom: 0;
	padding-left: 5px;
	height: 60px;
	align-items: center;
}
header .navbar-header-sp a{
	display: block;
	padding: 5px;
	width: auto;
	height: auto;
	text-decoration: none;
	border: 0px #FFF solid;
	background-color: rgba(184, 28, 34, 1.0);
	font-size: 75%;
	color: #FFF;
}
header .navbar-header-sp a:hover{
	background-color: rgba(184, 28, 34, 0.6);
}

/* header navbar-header-pc */
header .navbar-header-pc{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: 100%;
}
header .navbar-header-pc a{
	display: block;
	width: auto;
	height: auto;
	text-decoration: none;
	color: #212529;
}

header .navbar-header-pc ul{
	display: flex;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 42px;
	align-items: center;
	justify-content: flex-end;
	list-style: none;
}
header .navbar-header-pc ul li{
	margin-bottom: 0;
	padding-right: 0.45rem;
	padding-left: 0.45rem;
	height: 21px;
	line-height: 21px;
	overflow: visible;
	border-left: 1px #595757 solid;
}
header .navbar-header-pc ul li:first-child{
	border-left: 0;
}

header .navbar-header-pc ul li#site-language button.btn-language {
    position: relative;
    top: -0.1rem;
    height: 1rem;
    line-height: 1rem;
    background-color: inherit;
    color: rgb(65, 60, 59);
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
}

header .navbar-header-pc ul li#site-language div.dropdown-menu {
    top: 0.5rem;
    margin: 0px;
    padding: 0px;
    border-radius: 0px;
}

header .navbar-header-pc ul li#site-language div.dropdown-menu a {
    display: block;
    font-size: 0.9rem;
    padding: 0.3rem;
}
header .navbar-header-pc ul li#site-language div.dropdown-menu a:first-child {
    color: rgb(184, 28, 34);
    border-bottom: 1px solid rgb(204, 204, 204);
}

header .navbar-header-pc ul li#site-translate {
    overflow: hidden;
}

header .navbar-header-pc ul li#site-translate div#google_translate_element{
}

header .navbar-header-pc ul li#site-translate select.goog-te-combo {
    position: relative;
    margin: 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
}

header .navbar-header-pc ul li#site-translate span {
    display: none;
}

header .navbar-header-pc ul li#site-translate select {
	background-color: inherit;
	text-shadow: 1px 1px 1px #666;
}

header .navbar-header-pc ul li#site-fontsize span{
	cursor: pointer;
}

header .navbar-header-pc ul li#search-box{
	position: relative;
	background-color: inherit;
}

header .navbar-header-pc ul li#search-box div.search-site{
	margin-top: -0.2rem;
}
body.fontS header .navbar-header-pc ul li#search-box div.search-site{
	max-width: 220px;
}
body.fontM header .navbar-header-pc ul li#search-box div.search-site{
	max-width: 180px;
}
body.fontL header .navbar-header-pc ul li#search-box div.search-site{
	max-width: 160px;
}

header .navbar-header-pc ul li#search-box div.search-site input,
.drawer-menu div.search-site input,
.hiraku-menu div.search-site input{
	max-height: 28px;
}
header .navbar-header-pc ul li#search-box div.search-site input.form-control,
.drawer-menu div.search-site input.form-control,
.hiraku-menu div.search-site input.form-control{
	-webkit-border-top-left-radius: 10px !important;
	-webkit-border-bottom-left-radius: 10px !important;
	-moz-border-radius-topleft: 10px !important;
	-moz-border-radius-bottomleft: 10px !important;
	border-top-left-radius: 10px !important;
	border-bottom-left-radius: 10px !important;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
header .navbar-header-pc ul li#search-box div.search-site input.btn,
.drawer-menu div.search-site input.btn,
.hiraku-menu div.search-site input.btn{
	font-size: 13px;
	padding: 0 .75rem;
	line-height: 28px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	-webkit-border-top-right-radius: 10px !important;
	-webkit-border-bottom-right-radius: 10px !important;
	-moz-border-radius-topright: 10px !important;
	-moz-border-radius-bottomright: 10px !important;
	border-top-right-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
}

header .navbar-header-pc ul li#site-sns{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

header .navbar-header-pc ul li#site-sns a:first-child{
	margin-right: 0.5rem;
}

header .navbar-header-pc ul li#site-sns i{
	font-size: 21px;
}


@media screen and (max-width:575px) {
}
@media screen and (min-width:576px) and ( max-width:767px) {
}
@media screen and (min-width:768px) and ( max-width:991px) {
}
@media screen and (min-width:992px) {
}

/* translated */
html.translated-ltr header,
html.translated-ltr #sitelogo{
	top: 40px;
}



/* ========================================================================
 * Breadcrumb Style
 * ======================================================================== */



/* ========================================================================
 * Main Style
 * ======================================================================== */

main{
	position: relative;
/*	z-index: 800;*/
	padding-bottom: 1.0rem;
	background-color: rgba(255, 255, 255, 1.0);
}
body#mt-main-index main{
	z-index: 800;
}

body.body-scroll main{
	background-color: rgba(255, 255, 255, 0.9);
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
}

main article.article-main,
main article.article-sub{
	margin-bottom: 1.0rem;
}

main article.article-main section{
	margin-bottom: 3.0rem;
}

main article.article-sub section{
	margin-bottom: 1.5rem;
}

@media screen and (min-width:992px) {
	main.toppage{
		border-top: 1px #CCC solid;
	}
}

/* mainslider */
.mainslider{
	
}

.mainslider img{
	max-width: 100%;
	width: auto;
}

.mainslider .swiper-mainslider_sp-container,
.mainslider .swiper-mainslider_pc-container{
	position: relative;
}

.mainslider .swiper-wrapper{
	overflow: hidden;
	background-color: #2C2C2C;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}

.mainslider .swiper-mainslider_sp-button-next,
.mainslider .swiper-mainslider_sp-button-prev,
.mainslider .swiper-mainslider_pc-button-next,
.mainslider .swiper-mainslider_pc-button-prev{
	position: absolute;
	top: 50%;
	z-index: 220;
}

.mainslider .swiper-mainslider_sp-button-next,
.mainslider .swiper-mainslider_pc-button-next{
	right: 0;
}
.mainslider .swiper-mainslider_sp-button-next::before,
.mainslider .swiper-mainslider_pc-button-next::before{
	display: inline-flex;
	width: 3.0rem;
	height: 100%;
	align-items: center;
	justify-content: center;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 1.8rem;
	content: "\f105";
	color:#FFF;
}

.mainslider .swiper-mainslider_sp-button-prev,
.mainslider .swiper-mainslider_pc-button-prev{
	left: 0;
}
.mainslider .swiper-mainslider_sp-button-prev::before,
.mainslider .swiper-mainslider_pc-button-prev::before{
	display: inline-flex;
	width: 3.0rem;
	height: 100%;
	align-items: center;
	justify-content: center;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 1.8rem;
	content: "\f104";
	color:#FFF;
	z-index: 220;
}

.mainslider .swiper-mainslider_sp-pagination,
.mainslider .swiper-mainslider_pc-pagination{
	margin-top: 0.8rem;
	text-align: center;
	z-index: 220;
}

.mainslider .swiper-mainslider_sp-pagination .swiper-pagination-bullet,
.mainslider .swiper-mainslider_pc-pagination .swiper-pagination-bullet{
	margin: 0 0.3rem;
	width: 1.0rem;
	height: 1.0rem;
	background-color: #BBB;
	opacity: .8;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
}
.mainslider .swiper-mainslider_sp-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.mainslider .swiper-mainslider_pc-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: #E50020;
}

/* mainslider_sp */
.mainslider .swiper-mainslider_sp-container .swiper-slide.mainvideo{
	height: auto;
	background-image: url("/images/top/pv_20181203-sp.jpg");
	background-size: cover;
}

.mainslider .swiper-mainslider_sp-container .swiper-slide.mainvideo > a{
	display: flex;
	width: 100%;
	height: 100%;
}

/* mainslider_pc */
.mainslider .swiper-mainslider_pc-container .swiper-slide.mainvideo{
	display: flex;
	align-items: center;
	justify-content: center;
}
.mainslider .swiper-mainslider_pc-container .swiper-slide.mainvideo video{
	margin: 0 auto;
	width: 100%;
	height: auto;
}

@media screen and (max-width:575px) {
}
@media screen and (min-width:576px) and ( max-width:767px) {
}
@media screen and (min-width:768px) and ( max-width:991px) {
	.mainslider .swiper-mainslider_pc-container .swiper-slide.mainvideo video{
		height: 388px;
	}
}
@media screen and (min-width:992px) and ( max-width:1199px) {
	.mainslider .swiper-mainslider_pc-container .swiper-slide.mainvideo video{
		height: 523px;
	}
}
@media screen and (min-width:1200px) {
	.mainslider .swiper-mainslider_pc-container .swiper-slide.mainvideo video{
		height: 624px;
	}
}

/* mainimage はスライダーリニューアルにつき破棄予定 */
.mainimage{
	z-index: 1;
	position: relative;
	width: 100%;
	/*height: 300px;*/
	overflow: hidden;
	background-color: #2C2C2C;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}

.mainimage .swiper-mainimage-container{
	z-index: 100;
}

.mainimage .swiper-mainimage-container .swiper-wrapper{
}

.mainimage > .mainvideo{
	display: flex;
	align-items: center;
	justify-content: center;
}
.mainimage > .mainvideo video{
	margin: 0 auto;
	width: 100%;
	height: auto;
}

.mainimage .swiper-mainimage-container .swiper-slide{
	/*height: 300px;*/
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.mainimage .swiper-mainimage-container .swiper-slide.mainvideo{
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #000;
}
.mainimage .swiper-mainimage-container .swiper-slide.mainvideo video{
	margin: 0 auto;
	width: 100%;
	height: auto;
}
.mainimage .swiper-mainimage-container .swiper-slide.mainimage-01{
	background-image: url("/images/top/mainimage01.jpg");
}
.mainimage .swiper-mainimage-container .swiper-slide.mainimage-02{
	background-image: url("/images/top/mainimage02.jpg");
}
.mainimage .swiper-mainimage-container .swiper-slide.mainimage-03{
	background-image: url("/images/top/mainimage03.jpg");
}
.mainimage .swiper-mainimage-container .swiper-slide.mainimage-fund{
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #000;
	/*background-image: url("/images/top/mainimage_fund-sp.jpg");*/
}

.mainimage .swiper-mainimage-button-next,
.mainimage .swiper-mainimage-button-prev{
}
.mainimage .swiper-mainimage-button-next::before{
	position: absolute;
	top: 0;
	right: 0;
	display: inline-flex;
	width: 3.0rem;
	height: 100%;
	align-items: center;
	justify-content: center;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 1.8rem;
	content: "\f105";
	color:#FFF;
	z-index: 220;
}
.mainimage .swiper-mainimage-button-prev::before{
	position: absolute;
	top: 0;
	left: 0;
	display: inline-flex;
	width: 3.0rem;
	height: 100%;
	align-items: center;
	justify-content: center;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 1.8rem;
	content: "\f104";
	color:#FFF;
	z-index: 220;
}

.mainimage-bottom .swiper-mainimage-pagination{
	margin-top: 0.8rem;
	text-align: center;
	z-index: 220;
}

.mainimage-bottom .swiper-mainimage-pagination .swiper-pagination-bullet{
	margin: 0 0.3rem;
	width: 1.0rem;
	height: 1.0rem;
	background-color: #BBB;
	opacity: .8;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
}
.mainimage-bottom .swiper-mainimage-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: #E50020;
}

.mainimage .container{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.mainimage .mainimage-comment{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin: auto;
	padding: 1.5rem;
	width: auto;
	min-width: 240px;
	height: auto;
	background-color: rgba(184, 28, 34, 0.9);
	text-align: center;
	z-index: 200;
}
.mainimage .mainimage-comment h1{
	margin-bottom: 0;
	font-size: 22px;
	font-weight: 500;
	color: #FFF;
	font-family: "Sawarabi Mincho";
}
.mainimage .mainimage-comment h1 small{
	display: block;
	margin-top: 0.3rem;
	width: auto;
	height: auto;
	overflow: hidden;
	font-size: 70%;
	font-weight: 400;
}
.mainimage .mainimage-comment h1 span.logo{
	display: flex;
	margin: 0.5rem 0 0 0;
	padding: 1.0rem 0.3rem 0.0rem 0.3rem;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	border-top: 2px #FFF solid;
}
.mainimage .mainimage-comment h1 span.logo img{
	width: 100%;
	max-width: 170px;
	height: auto;
}

@media screen and (max-width:575px) {
}
@media screen and (min-width:576px) and ( max-width:767px) {
	.mainimage .mainimage-comment h1{
		font-size: 24px;
	}
	.mainimage .mainimage-comment h1 span.logo img{
		max-width: 190px;
	}
	.mainimage .swiper-mainimage-container .swiper-slide.mainimage-fund{
		/*background-image: url("/images/top/mainimage_fund-pc.jpg");*/
	}
}
@media screen and (min-width:768px) and ( max-width:991px) {
	.mainimage,
	.mainimage .swiper-mainimage-container .swiper-slide{
		/*height: 450px;*/
	}
	.mainimage .mainimage-comment h1{
		font-size: 3.0vw;
	}
	.mainimage .mainimage-comment h1 span.logo img{
		max-width: 200px;
	}
	.mainimage .swiper-mainimage-container .swiper-slide.mainimage-fund{
		/*background-image: url("/images/top/mainimage_fund-pc.jpg");*/
	}
}
@media screen and (min-width:992px) and ( max-width:1199px) {
	.vr-movie,
	.mainmovie{
		/*height: 480px;*/
	}
	.mainimage{
		width: 100%;
		/*height: 480px;*/
	}
	.mainimage .swiper-mainimage-container .swiper-slide{
		/*height: 480px;*/
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	.mainimage .mainimage-comment h1{
		font-size: 3.0vw;
	}
	.mainimage .mainimage-comment h1 span.logo img{
		max-width: 230px;
	}
	.mainimage .swiper-mainimage-container .swiper-slide.mainimage-fund{
		/*background-image: url("/images/top/mainimage_fund-pc.jpg");*/
	}
}
@media screen and (min-width:1200px) {
	.vr-movie,
	.mainmovie{
		height: 624px;
	}
	.mainimage{
		width: 100%;
		/*height: 624px;*/
		/*height: calc(100vh - 88px);*/
	}
	.mainimage .swiper-mainimage-container .swiper-slide{
		/*height: 624px;*/
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	.mainimage .mainimage-comment h1{
		font-size: 2.2vw;
	}
	.mainimage .mainimage-comment h1 span.logo img{
		max-width: 250px;
	}
	.mainimage .swiper-mainimage-container .swiper-slide.mainimage-fund{
		/*background-image: url("/images/top/mainimage_fund-pc.jpg");*/
	}
	.swiper-slide .mainimage-inner{
		height: 624px;
	}
}
@media screen and (max-width:767px){
}
@media screen and (min-width:768px){
	.mainimage .mainimage-comment{
	}
}

/* mainimage-common */
.mainimage-common{
	position: relative;
	margin-bottom: 1rem;
	width: 100%;
	height: 120px;
	background-color: #2C2C2C;
	background-repeat: no-repeat;
	background-size: cover;
}
.mainimage-common h1{
	position: absolute;
	bottom: 0;
	right: 0;
	margin-bottom: 0;
	padding: 10px 20px 10px 20px;
	background-color: #FFF;
	font-size: 1.5rem;
	color: #901C21;
}

/* .mainimage-common - image set */
body#id_1 .mainimage-common{
	background-image: url("/images/mainimage/mainimage-common01.jpg"); /* chukyo-u */
}
body#id_3 .mainimage-common{
	background-image: url("/images/mainimage/mainimage-common01.jpg"); /* information */
}
body#id_26 .mainimage-common{
	background-image: url("/images/mainimage/mainimage-common01.jpg"); /* educate */
}
body#id_31 .mainimage-common{
	background-image: url("/images/mainimage/mainimage-common01.jpg"); /* admissions */
}
body#id_20 .mainimage-common{
	background-image: url("/images/mainimage/mainimage-common01.jpg"); /* support */
}
body#id_14 .mainimage-common{
	background-image: url("/images/mainimage/mainimage-common01.jpg"); /* research_2 */
}
body#id_33 .mainimage-common{
	background-image: url("/images/mainimage/mainimage-library01.jpg"); /* extension */
}
body#id_36 .mainimage-common{
	background-image: url("/images/mainimage/mainimage-common01.jpg"); /* student-staff */
}
body#id_58 .mainimage-common{
	background-image: url("/images/mainimage/mainimage-common01.jpg"); /* achievement */
}
body#id_62 .mainimage-common{
	background-image: url("/images/mainimage/mainimage-common01.jpg"); /* activity */
}
body#id_88 .mainimage-common{
	background-image: url("/images/mainimage/mainimage-common01.jpg"); /* english */
}
body#id_99 .mainimage-common{
	background-image: url("/images/mainimage/mainimage-common01.jpg"); /* public_information */
}
body#id_112 .mainimage-common{
	background-image: url("/images/mainimage/mainimage-common01.jpg"); /* anniversary */
}
body#gb_educate .mainimage-common{
	background-image: url("/images/mainimage/mainimage-common02.jpg");
}

@media screen and (max-width:575px) {
}
@media screen and (min-width:576px) and ( max-width:767px) {
}
@media screen and (min-width:768px) and ( max-width:991px) {
	.mainimage-common h1{
		right: 5vw;	
	}
}
@media screen and (min-width:992px) and ( max-width:1199px) {
	.mainimage-common h1{
		right: 10vw;	
	}
}
@media screen and (min-width:1200px) {
	.mainimage-common h1{
		right: 15vw;	
	}
}
@media screen and (max-width:767px){
	
}
@media screen and (min-width:768px){
	.mainimage-common{
		height: 260px;
		margin-bottom: 0;
	}
}


/* toppage */
#mt-main-index .toppage-content{
}

#mt-main-index .btn-toppage{
	position: relative;
	display: block;
	margin: auto;
	padding: 0;
	width: auto;

	height: auto;
	overflow: hidden;
}

#mt-main-index .btn-toppage a{
	border-radius: 20px;
}
#mt-main-index .btn-toppage a::before{
	position: absolute;
	top: 0;
	right: 0;
	display: inline-flex;
	width: 2.0rem;
	height: 100%;
	align-items: center;
	justify-content: center;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f101";
	color:#868e96;
}

/* notice */
#mt-main-index div.notice{
	margin-bottom: 1rem;
}

#mt-main-index div.notice img{
	border: 1px #CCC solid;
}

#mt-main-index div.notice ul{
	display: flex;
	padding: 0;
	list-style: none;
	flex-wrap: wrap;
	justify-content: space-between;
}

#mt-main-index div.notice ul li.block{
	width: 100%;
}
#mt-main-index div.notice ul li.half{
	width: 49%;
}

/* toppage - emergency */
#emergency{
	padding: 0.3rem 0;
	border-bottom: 1px #CCC solid;
	background-color: #FFED00;
}

#emergency dl{
	display: flex;
	margin: 0;
	padding: 0;
	flex-wrap: nowrap;
	justify-content: flex-start;
}

#emergency dt{
	display: inline-flex;
	margin: 0;
	padding: 0.5rem;
	width: auto;
	align-items: flex-start;
	justify-content: center;
	color: #FF0000;
	font-size: 130%;
}

#emergency dt i{
	margin-top: 0.3rem;
}

#emergency dd{
	display: inline-block;
	margin: 0;
	padding: 0.5rem;
	width: auto;
	font-size: 110%;
}

#emergency dd p:last-child{
	margin-bottom: 0;
}

/* toppage - nc-gakubu */
.nc-gakubu{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin: 0;
	padding: 0;
	list-style: none;
	border-left: 5px #B81C22 solid;
	border-right: 5px #B81C22 solid;
	border-collapse: collapse;
	font-size: 0.8rem;
}

.nc-gakubu > li{
	position: relative;
	display: inline-flex;
	margin: 0;
	padding: 0;
	width: 100%;
	border-top: 1px #CCC solid;
	border-right: 1px #CCC solid;
	border-bottom: 1px #CCC solid;
	border-left: 0 #CCC solid;
	border-collapse: collapse;
}
.nc-gakubu > li:first-child{
	border-left: 1px #CCC solid;
}
.nc-gakubu > li:last-child{
	border-right: 0 #CCC solid;
}

.nc-gakubu > li a{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0.5rem;
	width: 100%;
	height: 100%;
	text-align: center;
	text-decoration: none;
	transition: all  0.3s ease;
}

.nc-gakubu > li a:hover{
	background-color: #B81C22;
	color: #FFF;
}


.nc-gakubu > li ul.second-menu{
    position: absolute;
    top: 50%;
	display: none;
	margin: 0;
	padding: 0;
    width: 160px;
	border: 1px #CCC solid;
    background-color: #FFF;
	list-style: none;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
	opacity: 0;
}

.nc-gakubu > li.left ul.second-menu{
	left: 0px;
}
.nc-gakubu > li.right ul.second-menu{
	right: -1px;
}

.nc-gakubu > li:hover ul.second-menu{
    top: 100%;
	display: block;
    visibility: visible;
    opacity: 1;
	z-index: 100;
}

.nc-gakubu > li:hover ul.second-menu li{
	margin: 0;
	border-bottom: 1px #CCC solid;
}
.nc-gakubu > li:hover ul.second-menu li:last-child{
	border-bottom: 0px #CCC solid;
}


/* toppage - news */
#mt-main-index .btn-omimai{
	border: 1px #CA3A3D solid;
}

#mt-main-index div.news{
	margin-bottom: 1rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	background-color: rgba(246, 246, 246, 0.5);
}

#mt-main-index div.news .nav-tabs{
	border: 0;
	margin-bottom: 0.3rem;
}

#mt-main-index div.news .nav-tabs li{
	margin-right: 0.3rem;
	margin-bottom: 0.3rem;
}
#mt-main-index div.news .nav-tabs li:last-child{
	margin-rigth: 0;
}

#mt-main-index div.news .nav-tabs a{
	display: block;
	padding: 0.1rem 0.6rem;
	border: 1px #B81C22 solid;
	border-radius: 15px;
	font-size: 0.8rem;
	text-decoration: none;
	background-color: #FFF;
	color: #413C3B;
}
#mt-main-index div.news .nav-tabs a.active{
	background-color: #B81C22;
	color: #FFF;
}

#mt-main-index div.news .tab-content{
	margin-bottom: 1rem;
	border: 1px #868e96 solid;
	border-top: 5px #0D5392 solid;
	background-color: #FFF;
}

#mt-main-index div.news .tab-content.featured{
	margin-bottom: 1rem;
	border: 1px #868e96 solid;
	border-top: 5px #B81C22 solid;
	background-color: #FFF;
}

#mt-main-index div.news .tab-content dl{
	margin: 0;
}

#mt-main-index div.news .tab-content dt{
	display: block;
}
#mt-main-index div.news .tab-content dt:nth-child(n+10) {
	display: none;
}

#mt-main-index div.news .tab-content dt a{
	position: relative;
	display: block;
	padding: 0.3rem 1.5rem 0.3rem 0.5rem;
	font-weight: 400;
	text-decoration: none;
	color: #333;
}
#mt-main-index div.news .tab-content dt a:before{
	position: absolute;
	top: 0.3rem;
	right: 0.3rem;
	display: block;
	content:'\f101';
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 1.0rem;
	color: #E21E00;
}
#mt-main-index div.news .tab-content dt a:hover{
	transition: all  0.3s ease;
	background-color: rgba(0, 0, 0, 0.1);
}

#mt-main-index div.news .tab-content dd{
	display: flex;
	margin: 0;
	border-bottom: 1px #868e96 solid;
	justify-content:space-between;
	color: #9fa0a0;
}
#mt-main-index div.news .tab-content dd:nth-child(n+11) {
	display: none;
}
#mt-main-index div.news .tab-content dd:last-child{
	border-bottom: 0px;
}
#mt-main-index div.news .tab-content dl.tab-headline dd:last-child{
	border-bottom: 1px #868e96 solid;
}

#mt-main-index div.news .tab-content dd span{
	position: relative;
	display: inline;
	padding: 0.3rem 0.5rem;
}

#mt-main-index div.news .tab-content dd span.newsicon{
	padding: 0.4rem 0.5rem 0.2rem 0.5rem;
	width: 160px;
	text-align: center;
	background-color: #868e96;
	color: #FFF;
}
#mt-main-index div.news .tab-content dd span.newsicon:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 45%;
	/*border: 0.5rem solid transparent;*/
	border: 0;
	border-top: 0.5rem solid;
}
#mt-main-index div.news .tab-content dd span.icon-news{
	background-color: #7FC245;
}
#mt-main-index div.news .tab-content dd span.icon-news:before{
	border-top-color: #7FC245;
}
#mt-main-index div.news .tab-content dd span.icon-event{
	background-color: #D9160F;
}
#mt-main-index div.news .tab-content dd span.icon-event:before{
	border-top-color: #D9160F;
}
#mt-main-index div.news .tab-content dd span.icon-sports{
	background-color: #005BA6;
}
#mt-main-index div.news .tab-content dd span.icon-sports:before{
	border-top-color: #005BA6;
}
#mt-main-index div.news .tab-content dd span.icon-activity{
	background-color: #008FA3;
}
#mt-main-index div.news .tab-content dd span.icon-activity:before{
	border-top-color: #008FA3;
}
#mt-main-index div.news .tab-content dd span.icon-achievement{
	background-color: #00316F;
}
#mt-main-index div.news .tab-content dd span.icon-achievement:before{
	border-top-color: #00316F;
}
#mt-main-index div.news .tab-content dd span.icon-headline{
	background-color: #FF7E00;
}
#mt-main-index div.news .tab-content dd span.icon-headline:before{
	border-top-color: #FF7E00;
}


@media screen and (max-width:575px) {
}
@media screen and (min-width:576px) and ( max-width:767px) {
}
@media screen and (min-width:768px) and ( max-width:991px) {
}
@media screen and (min-width:992px) and ( max-width:1199px) {
	#mt-main-index div.news .tab-content dt:nth-child(n+10) {
		display: block;
	}
	#mt-main-index div.news .tab-content dd:nth-child(n+11) {
		display: flex;
	}
}
@media screen and (min-width:1200px) {
	#mt-main-index div.news .tab-content dt:nth-child(n+10) {
		display: block;
	}
	#mt-main-index div.news .tab-content dd:nth-child(n+11) {
		display: flex;
	}
}
@media screen and (max-width:767px){
}
@media screen and (min-width:768px){	
}

/* toppage - pickup */
#mt-main-index div.pickup{
	order: 3;
	margin-bottom: 1rem;
}

#mt-main-index div.pickup .pickup-grid{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: -0.5rem;
	margin-bottom: 1.0rem;
}
#mt-main-index div.pickup .pickup-grid .pickup-item{
	margin-top: 0;
	max-width: 50%;
	border: 1px #868e96 solid;
	border-collapse: collapse;
	background-color: #FFF;
}
#mt-main-index div.pickup .pickup-grid .pickup-item:first-child,
#mt-main-index div.pickup .pickup-grid .pickup-item:nth-child(2){
	border-bottom: 0;
}
#mt-main-index div.pickup .pickup-grid .pickup-item:nth-child(odd){
	border-right: 0;
}
#mt-main-index div.pickup .pickup-grid .pickup-item:nth-child(even){
}



#mt-main-index div.pickup .pickup-grid .pickup-item section{
	position: relative;
	margin-bottom: 0;
	padding: 0.7rem 0.7rem 2.0rem 0.7rem;
	height: 100%;
	border: 0px #868e96 solid;
}

#mt-main-index div.pickup .pickup-grid .pickup-item section span.date{
	position: absolute;
	display: flex;
	top: 0.5rem;
	right: 0.5rem;
	width: 60px;
	height: 30px;
    justify-content: center;
    align-items: center;
	border-left: 1px #E50020 solid;
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
	font-weight: 800;
	color: #E50020;
	z-index: 10;
}

#mt-main-index div.pickup .pickup-grid .pickup-item section span.thum{
	position: relative;
	display: block;
	margin-bottom: 0.5rem;
	width: 100%;
	z-index: 9;
}
#mt-main-index div.pickup .pickup-grid .pickup-item section span.thum:before{
	content:"";
	display: block;
	padding-top: 100%;
}

#mt-main-index div.pickup .pickup-grid .pickup-item section span.thum a{
	position: absolute;
	top: 0;
	right: 0;
	border: 0;
	left: 0;
	height: 100%;
	/*border-radius: 50%;*/
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}

#mt-main-index div.pickup .pickup-grid .pickup-item section div.pickup-item-btn{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 0.7rem 0.7rem 0.7rem;
}

#mt-main-index div.pickup .pickup-grid .pickup-item section div.pickup-item-btn a{
	border-radius: 15px;
}

#mt-main-index div.pickup .pickup-grid .pickup-item section div.pickup-item-btn a::after{
	position: absolute;
	top: 0;
	right: 0;
	display: inline-flex;
	width: 2.0rem;
	height: 100%;
	align-items: center;
	justify-content: center;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f101";
	color:#FFF;
}


nav#breadcrumb{
	display: none;
	margin-bottom: 1.0rem;
	border-bottom: 1px #B3B3B3 solid;
	border-radius: 0;
	background-color: #FFF;
}

nav#breadcrumb .breadcrumb{
	margin: 0 auto 0 auto;
	padding: 0.5rem 0;
	max-width: 1440px;
	background-color: #FFF;
}

nav#breadcrumb .breadcrumb li{
	margin-bottom: 0;
}

@media screen and (max-width:575px) {
}
@media screen and (min-width:576px) and ( max-width:767px) {
}
@media screen and (min-width:768px) and ( max-width:991px) {
}
@media screen and (min-width:992px) and ( max-width:1199px) {
	#mt-main-index main div.news{
		padding-top: 0;
		padding-bottom: 0;
		background-color: inherit;
	}
}
@media screen and (min-width:1200px) {
	#mt-main-index main div.news{
		padding-top: 0;
		padding-bottom: 0;
		background-color: inherit;
	}
}
@media screen and (max-width:767px){
	
}
@media screen and (min-width:768px){
	nav#breadcrumb{
		display: block;
	}
	
}

/* activity-content */
.activity-content{
	position: relative;
	z-index: 800;
	padding-top: 2.0rem;
	padding-bottom: 1.0rem;
	text-align: center;
	background-color: rgba(65, 60, 59, 0.9);
	color: #FFF;
}

.activity-content .container{
	padding-right: 0;
	padding-left: 0;
}

.activity-content h3{
	padding-left: 0;
	background-image: none;
	font-size: 2.0rem;
	font-family: "Sawarabi Gothic";
	color: #B81C22;
}
.activity-content h3 small{
	font-size: 1.2rem;
	color: #9fa0a0;
}

.activity-content .swiper-container{
	padding-bottom: 3.5rem;
}

.activity-content .swiper-slide{
	text-align: center;
}

.activity-content .swiper-slide a{
	text-decoration: none;
	color: #FFF;
}
.activity-content .swiper-slide a:hover{
	color: #FFFFAA;
}
.activity-content .swiper-slide a:hover img{
	opacity: 1.0;
	filter:alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}

.activity-content .swiper-slide .swiper-thum{
	display: block;
}

.activity-content .swiper-slide .swiper-thum img{
	border-radius: 50%;
	margin-bottom: 0.5rem;

	opacity: 0.9;
	filter:alpha(opacity=90);
	-ms-filter: "alpha(opacity=90)";
}

.activity-content .swiper-button-next,
.activity-content .swiper-button-prev{
	top: inherit;
	bottom: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	background-color: #FFF;
	background-image: none;
}
.activity-content .swiper-button-next{
	right: 20%;
}
.activity-content .swiper-button-prev{
	left: 20%;
}
.activity-content .swiper-button-next::after,
.activity-content .swiper-button-prev::after{
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
    font-size: 1.8rem;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.activity-content .swiper-button-next::after{
	content: "\f061";
	color: #0D5392;
}
.activity-content .swiper-button-prev::after{
	content: "\f060";
	color: #0D5392;
}

@media screen and (max-width:575px) {
}
@media screen and (min-width:576px) and ( max-width:767px) {
}
@media screen and (min-width:768px) and ( max-width:991px) {
}
@media screen and (min-width:992px) and ( max-width:1199px) {
	.activity-content .container{
		padding-right: 15px;
		padding-left: 15px;
	}
	.activity-content .swiper-container{
		padding-bottom: 1.0rem;
	}
	.activity-content .swiper-button-next,
	.activity-content .swiper-button-prev{
		display: none;
	}
}
@media screen and (min-width:1200px){
	.activity-content .container{
		padding-right: 15px;
		padding-left: 15px;
	}
	.activity-content .swiper-container{
		padding-bottom: 1.0rem;
	}
	.activity-content .swiper-button-next,
	.activity-content .swiper-button-prev{
		display: none;
	}
}
@media screen and (max-width:767px){
}
@media screen and (min-width:768px){
}

/* newsmodule */
ul.newslist{
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.newslist li{
	display: flex;
	margin: 0;
	flex-wrap: nowrap;
}
ul.newslist li.headline{
	margin: 1.5rem 0 1.5rem 0;
}
ul.newslist li.headline h4{
	margin: 0;
	width: 100%;
}
ul.newslist li:hover{
	transition: all  0.3s ease;
	background-color: rgba(0, 0, 0, 0.1);
}
ul.newslist li:first-child{
	margin-top: 0;
}

ul.newslist span{
	display: inline-flex;
	padding: 0.5rem 0 0.5rem 0;
	border-bottom: 1px #EFEFEF solid;
}

ul.newslist span.date{
	padding-left: 1%;
	width: 32%;
}

ul.newslist span.title{
	padding-left: 1%;
	width: 66%;
}

ul.newslist a{
	display: block;
	width: 100%;
	text-decoration: none;
}

ul.newslist .badge {
	padding-left: 0.5rem !important;
	padding-right: 0.5rem !important;
	min-width: 60px;
	max-height: 30px;
	align-items: center;
	justify-content: center;
	font-size: 80%;
	font-weight: 400;
	border-radius: .25rem;
}

ul.newslist-thumb{
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.newslist-thumb li{
	margin: 0;
	padding: 0;
}

ul.newslist-thumb li span.thumb{
	display: flex;
	width: 100%;
	height: 100%;
	min-height: 169px;
}

ul.newslist-thumb li span.thumb a{
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}

ul.eventlist{
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.eventlist li{
	display: flex;
	margin: 0;
	flex-wrap: nowrap;
}

ul.eventlist .card{
	width: 100%;
}

ul.pickuplist{
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.pickuplist li{
	display: flex;
	margin: 0;
	flex-wrap: nowrap;
}

ul.pickuplist .card{
	margin-bottom: 0;
	width: 100%;
	border-bottom: 0;
}
ul.pickuplist .card:last-child{
	border-bottom: 1px solid rgba(0,0,0,.125);
}

@media screen and (max-width:575px) {
}
@media screen and (min-width:576px) and ( max-width:767px) {
}
@media screen and (min-width:768px) and ( max-width:991px) {
	ul.newslist span.date{
		width: 17%;
	}
	ul.newslist span.title{
		width: 81%;
	}
}
@media screen and (min-width:992px) and ( max-width:1199px) {
	ul.newslist span.date{
		width: 17%;
	}
	ul.newslist span.title{
		width: 81%;
	}
}
@media screen and (min-width:1200px) {
	ul.newslist span.date{
		width: 17%;
	}
	ul.newslist span.title{
		width: 81%;
	}
}
@media screen and (max-width:767px){
}
@media screen and (min-width:768px){
}

/* news&topics */
.gsib_a{
	padding: 0 !important;
	padding-bottom: -1px !important; 
}
.gsib_a input{
	background-color: inherit !important;
}
.gsc-search-button{
	box-sizing: content-box;
}

/* carousel-common */
.activity-carousel,
.achievement-carousel,
.english-carousel,
.anniversary-carousel,
.library-carousel{
	background-color: #333;
	text-align: center;
}

.cafeteria-carousel,
.cafeteria-sub-carousel{
	text-align: center;
}

.anniversary-carousel .carousel-item img{
	width: 100%;
}

/* webpage */
.nav-international{
	margin-bottom: 1.0rem;
}

/* admissions */
.admissions-banner{
}

.admissions-banner dl{
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	text-align: center;
}

.admissions-banner dl dt{
	display: flex;
	margin: 0 0 1.0rem 0;
	padding: 0;
	width: 100%;
	height: auto;
	align-items: center;
	justify-content: center;
}

.admissions-banner dl dd{
	display: flex;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	align-items: center;
	justify-content: center;
}

.admissions-banner dl dd a{
	margin: 0 0.1rem 0 0.1rem;
}

@media screen and (max-width:575px) {
}
@media screen and (min-width:576px) and ( max-width:767px) {
}
@media screen and (min-width:768px) and ( max-width:991px) {
}
@media screen and (min-width:992px) and ( max-width:1199px) {
	.admissions-banner dl dt{
		margin-bottom: 0;
		width: 50%;
	}

	.admissions-banner dl dd{
		width: 50%;
	}
}
@media screen and (min-width:1200px) {
	.admissions-banner dl dt{
		margin-bottom: 0;
		width: 50%;
	}

	.admissions-banner dl dd{
		width: 50%;
	}

}
@media screen and (max-width:767px){
}
@media screen and (min-width:768px){
}

/* next10 */
table.next10-project td.grid{
	padding: 0px;
}

table.next10-project td.grid span{
	display: block;
	margin-top: 0.5rem;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}

table.next10-project td.grid span.left{
	background-image: url(/images/information/grid-left.png);
	background-position: right;
}
table.next10-project td.grid span.left-half{
	background-image: url(/images/information/grid-left.png);
	background-position: right;
}

table.next10-project td.grid span.right{
	background-image: url(/images/information/grid-right.png);
	background-position: left;
}

table.next10-project td.grid span.right-half{
	background-image: url(/images/information/grid-right.png);
	background-position: left;
}

table.next10-project td.grid span.center{
	margin-left: -1px;
	margin-right: -1px;
	background-image: url(/images/information/grid-center.png);
	background-repeat: repeat-x;
	background-position: center;
}

table.next10-project td.grid span.center-end{
	background-image: url(/images/information/grid-center-end.png);
	background-repeat: no-repeat;
	background-position: center;
}

/* flag */
h5.flag{
	padding: 0.1rem 0 0.1rem 45px;
	padding-left: 45px;
	padding-bottom: 0;
	min-height: 27px;
	border-bottom: 0;
	background-repeat: no-repeat;
	background-position: left;
}
h5.flag::before{
	margin: 0;
	content: "";
}

h5.flag.flag-vet{
	background-image: url(../support/images/icon_vet.gif) 
}
h5.flag.flag-hkg{
	background-image: url(../support/images/icon_hkg.gif) 
}
h5.flag.flag-twn{
	background-image: url(../support/images/icon_twn.gif) 
}
h5.flag.flag-sgp{
	background-image: url(../support/images/icon_sgp.gif) 
}
h5.flag.flag-tha{
	background-image: url(../support/images/icon_tha.gif) 
}
h5.flag.flag-usa{
	background-image: url(../support/images/icon_usa.gif) 
}
h5.flag.flag-fir{
	background-image: url(../support/images/icon_fir.gif) 
}
h5.flag.flag-aus{
	background-image: url(../support/images/icon_aus.gif) 
}
h5.flag.flag-mal{
	background-image: url(../support/images/icon_mal.gif) 
}
h5.flag.flag-can{
	background-image: url(../support/images/icon_can.gif) 
}
h5.flag.flag-aus{
	background-image: url(../support/images/icon_aus.gif) 
}
h5.flag.flag-irl{
	background-image: url(../support/images/icon_irl.gif) 
}
h5.flag.flag-kor{
	background-image: url(../support/images/icon_kor.gif) 
}
h5.flag.flag-ita{
	background-image: url(../support/images/icon_ita.gif) 
}
h5.flag.flag-fra{
	background-image: url(../support/images/icon_fra.gif) 
}
h5.flag.flag-chn{
	background-image: url(../support/images/icon_chn.gif) 
}
h5.flag.flag-fin{
	background-image: url(../support/images/icon_fin.gif) 
}
h5.flag.flag-nzl{
	background-image: url(../support/images/icon_nzl.gif) 
}
h5.flag.flag-uk{
	background-image: url(../support/images/icon_uk.gif) 
}

/* calendar */
.calendar{
	margin-bottom: 2.0rem;
}

.calendar strong.title{
	display: block;
	margin-bottom: 0.3rem;
	width: 100%;
	height: auto;
	color: #B81C22;
}

.calendar .calendar-body{
	display: flex;
	margin: 0 0 0.5rem 0;
	padding: 0;
	width: 100%;
	height: auto;
	flex-wrap: wrap;
}

.calendar .calendar-body ul{
	display: inline-flex;
	margin: 0;
	padding: 0;
	width: 100%;
	flex-wrap: wrap;
}
.calendar .calendar-body ul.calendar-title{
	background-color: #CCC;
}
.calendar .calendar-body ul.calendar-date{
	margin-bottom: 0.3rem;
	background-color: #FFF;
}

.calendar .calendar-body li{
	margin: 0;
	padding: 0.5rem 0;
	width: 14.28%;
	text-align: center;
	list-style: none;
	box-sizing: border-box;
	border: 1px #e9ecef solid;
}
.calendar .calendar-body ul.calendar-title li{
}

.calendar .calendar-body ul.calendar-date li{
}

/* calendar - color */
.calendar-info .day-close,
.calendar .calendar-body ul.calendar-date li.day-close{
	background: #FFDFDF;
	color: #FF0000;
}

.calendar-info .day-aid,
.calendar .calendar-body ul.calendar-date li.day-aid{
	background: #FFF2A0;
	color: #FF9E00;
}

.calendar-info .day-holiday,
.calendar .calendar-body ul.calendar-date li.day-holiday{
	background: #DCFFB9;
	color: #008000;
}

.calendar-info .day-half,
.calendar .calendar-body ul.calendar-date li.day-half{
	background: #C8EDFF;
	color: #0000FF;
}

/* blogpost */
main.blogpost{
	
}

main.blogpost article.article-main{
}

main.blogpost article.article-main{
	margin-bottom: 1rem;
}

main.blogpost article.article-sns{
	clear: both;
	margin-bottom: 1rem;
	padding-top: 1rem;
	border-top: 1px #B3B3B3 solid;
}

main.blogpost article.article-sns ul{
	display: flex;
	margin: 0;
	padding: 0;
}

main.blogpost article.article-sns ul li{
	list-style: none;
	margin-left: 0.5rem;
}
main.blogpost article.article-sns ul li:first-child{
	margin-left: 0;
}

main.blogpost article.article-sns ul li a{
	text-decoration: none;
}
main.blogpost article.article-sns ul li a i{
	font-size: 1.5rem;
}
main.blogpost article.article-sns ul li a i.fa-facebook{
	color: rgba(59, 89, 152, 1.0);
}
main.blogpost article.article-sns ul li a i.fa-facebook:hover{
	color: rgba(59, 89, 152, 0.5);
}
main.blogpost article.article-sns ul li a i.fa-twitter-square{
	color: rgba(85, 172, 238, 1.0);
}
main.blogpost article.article-sns ul li a i.fa-twitter-square:hover{
	color: rgba(85, 172, 238, 0.5);
}
main.blogpost article.article-sns ul li a i.fa-line{
	color: rgba(29, 205, 0, 1.0);
}
main.blogpost article.article-sns ul li a i.fa-line:hover{
	color: rgba(29, 205, 0, 0.5);
}
main.blogpost article.article-sns ul li a i.fa-google-plus-square{
	color: rgba(221, 75, 57, 1.0);
}
main.blogpost article.article-sns ul li a i.fa-google-plus-square:hover{
	color: rgba(221, 75, 57, 0.5);
}

/* search */
#cse-search-results iframe{
	width: 100% !important;
}

/* blogpost - article-main */
main.blogpost article.article-main img{
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}

/* common */
.reader-download{
	margin-top: 1.5rem;
}

nav.pagination-btn ul{
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
}

nav.pagination-btn ul li{
	padding: 0.3rem;
}

/* article-sub */
.photo-gallery{
	padding: 0.3rem;
	background-color: #413C3B;
}

.photo-gallery img{
}

/* sidemenu */
.sidemenu{
}

h4.sidemenu-title {
	margin-bottom: 0;
	border-bottom: 3px rgba(79, 77, 77, 1.0) solid;
	background-color: rgba(184, 28, 34, 1.0);
	color: rgba(255, 255, 255, 1.0);
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
}
h4.sidemenu-title:hover{
	background-color: rgba(184, 28, 34, 0.8);
	color: rgba(255, 255, 255, 1.0);
}
h4.sidemenu-title::before {
    content: "";
    margin-right: 0;
}

h4.sidemenu-title a{
	text-decoration: none;
	color: #FFF;
}


.sidemenu a{
	background-color: rgba(238, 238, 238, 1.0);
	color: rgba(0, 0, 0, 1.0);
}
.sidemenu li.active-page a,
.sidemenu div.item-link a.active-page,
.sidemenu a:hover{
	background-color: rgba(89, 87, 87, 1.0);
	color: rgba(255, 255, 255, 1.0);
}

.sidemenu div.item-head::before,
.sidemenu div.item-link::before {
	content: "\f144";
	color: #B81C22;
}

.sidemenu div.item-head a::after,
.sidemenu div.item-link a::after {
	border-left: 0;
	color: rgba(0, 0, 0, 1.0);
}

.sidemenu ul.categoryitems li::before,
.sidemenu ul.entryitems li::before{
    position: absolute;
    top: 0;
    left: 0;
    display: inline-flex;
    width: 2.0rem;
    height: 100%;
    align-items: center;
    justify-content: center;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
    content: "\f105";
	color: #B81C22;
}

.sidemenu ul.categoryitems li.subtitle::before,
.sidemenu ul.entryitems li.subtitle::before{
    position: absolute;
    top: 0;
    left: 0;
    display: inline-flex;
    width: 2.0rem;
    height: 100%;
    align-items: center;
    justify-content: center;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
    content: "\f0d7";
	color: #0D5392;
}

.sidemenu div.item-link a.win::after,
.sidemenu .win::after,
.sidemenu .pdf::after{
	color: #E21E00;
}

/* code-frame */
div.code-frame{
	margin-bottom: 1.0rem;
	padding: 1.0rem;
	overflow: auto;
	background-color: #333;
	color: #FFF;
}

div.code-example{
	display: block;
	margin-bottom: 1.0rem;
	padding: 1.0rem;
	overflow: auto;
	border: 1px #333 solid;
	background-color: #FFF;
	color: #333;
}


/* ========================================================================
 * Fototer Style
 * ======================================================================== */

#seo-word{
	display: none;
}

footer{
	position: relative;
	z-index: 800;
}

/* footer-banner */

footer nav.footer-banner{
	background-color: rgba(184, 28, 34, 0.9);
}

footer nav.footer-banner .footer-banner-sp{
	background-color: #FFF;
}

footer nav.footer-banner .footer-banner-sp a{
	background-color: rgba(184, 28, 34, 1.0);
}
footer nav.footer-banner .footer-banner-sp ul.categoryitems a:hover,
footer nav.footer-banner .footer-banner-sp div.item-link a:hover{
	background-color: rgba(184, 28, 34, 0.6);
}

footer nav.footer-banner .footer-banner-sp div.item-umemura div.item-head a,
footer nav.footer-banner .footer-banner-sp div.item-link.item-cu-service a{
	background-image: url("/images/common/logo-umemura_white.svg");
	background-position: 0.4rem;
	background-repeat: no-repeat;
	background-size: 20px auto;
}
footer nav.footer-banner .footer-banner-sp div.item-umemura div.item-head::before,
footer nav.footer-banner .footer-banner-sp div.item-link.item-cu-service::before{
	content: " ";
}
footer nav.footer-banner .footer-banner-sp div.item-sns div.item-head::before{
	content: "\f1e0";
}
footer nav.footer-banner .footer-banner-sp div.item-link.item-next10 a{
	background-image: url("/images/common/logo-chukyo_white.svg");
	background-position: 0.4rem;
	background-repeat: no-repeat;
	background-size: 20px auto;
}
footer nav.footer-banner .footer-banner-sp div.item-link.item-next10::before{
	content: " ";
}
footer nav.footer-banner .footer-banner-sp div.item-recruit.item-link::before{
	content: "\f2bd";
}



footer nav.footer-banner .footer-banner-pc{
	padding-top: 2.0rem;
	padding-bottom: 0.0rem;
}

footer nav.footer-banner .footer-banner-pc a{
	display: block;
	margin-bottom: 2.0rem;
	color: #FFF;
}

/* footer-menu-bottom */
footer nav.footer-menu-bottom{
	background-color: rgba(65, 60, 59, 0.9);
}

footer nav.footer-menu-bottom ul{
	margin: 0 auto 0 auto;
	padding: 0;
	width: 100%;
}

footer nav.footer-menu-bottom li{
	margin-bottom: 0;
	list-style: none;
	border-top: 1px #FFF solid;
}
footer nav.footer-menu-bottom li:first-child{
	border: 0;
}

footer nav.footer-menu-bottom li > a{
	display: block;
	padding: 5px 5px 5px 10px;
	color: #FFF;
}
footer nav.footer-menu-bottom li > a:hover{
	background-color: #6A6A6A;
	text-decoration: none;
}

/* footer-information */
footer .footer-information .logo{
	display: inline-flex;
	justify-content: center;
    align-items: center;
}

footer .footer-information .logo img{
	width: 100%;
	max-width: 200px;
	height: auto;
}

footer .footer-information{
	display: block;
	padding-top: 1rem;
	border-top: 1px #413C3B solid;
	border-bottom: 2px #0D5392 solid;
	background-color: rgba(255, 255, 255, 0.9);
}
footer .footer-information > div.container > div.row > div{
	margin-bottom: 1rem
}

/* copyright */
footer div.copyright{
	margin-top: 2px;
	padding: 0.5rem;
	border-collapse:collapse;
	background-color: #B81C22;
	color: #FFF;
}
footer div.copyright > div.container{
	text-align: center;
}

/* pagetop pagehome */
#pagetop{
    position:fixed;
    right:16px;
    bottom: 16px;
	width: 45px;
	height: 45px;
	text-align: center;
    cursor:pointer;
	background-color: #413C3B;
	border: 1px #FFF solid;
	z-index: 900;
	box-shadow: 0 3px 4px 0 rgba(0,0,0,.14), 0 3px 3px -2px rgba(0,0,0,.2), 0 1px 8px 0 rgba(0,0,0,.12);
	color: #FFF;
}
#pagetop:hover{
	background: #B81C22;
	color: #FFF;
}

#pagetop i{
	font-size: 30px;
	line-height: 45px;
}

#pagehome{
    position:fixed;
    right:66px;
    bottom: 16px;
	width: 45px;
	height: 45px;
	text-align: center;
    cursor:pointer;
	background-color: #413C3B;
	border: 1px #FFF solid;
	z-index: 900;
	box-shadow: 0 3px 4px 0 rgba(0,0,0,.14), 0 3px 3px -2px rgba(0,0,0,.2), 0 1px 8px 0 rgba(0,0,0,.12);
	color: #FFF;
}
#pagehome:hover{
	background: #B81C22;
	color: #FFF;
}

#pagehome a{
	text-decoration: none;
	color: #FFF;
}

#pagehome i{
	font-size: 28px;
	line-height: 45px;
}
body#mt-main-index span#pagehome{
	display: none !important;
}

#floating-banner{
    position:fixed;
    right: 14px;
	display: none;
    bottom: 71px;
	width: 100px;
	height: auto;
	max-height: 420px;
	text-align: left;
	z-index: 900;
}

#floating-banner #floating-close{
	font-size: 120%;
}

#floating-banner img{
	box-shadow: 0 3px 4px 0 rgba(0,0,0,.14), 0 3px 3px -2px rgba(0,0,0,.2), 0 1px 8px 0 rgba(0,0,0,.12);
}

#floating-banner a{
	display: block;
}

body#mt-main-index span#floating-banner{
	display: none !important;
}

@media screen and (max-width:575px) {
}
@media screen and (min-width:576px) and ( max-width:767px) {
}
@media screen and (min-width:768px) and ( max-width:991px) {
	footer nav.footer-menu-bottom li{
		height: 12px;
		line-height: 12px;
		font-size: 12px;
	}
}
@media screen and (min-width:992px) and ( max-width:1199px) {
	footer nav.footer-menu-bottom li{
		height: 14px;
		line-height: 14px;
		font-size: 14px;
	}
	#floating-banner{
		bottom: 0;
		top: 108px;
	}
}
@media screen and (min-width:1200px) {
	footer nav.footer-menu-bottom li{
		height: 16px;
		line-height: 16px;
	}
	#floating-banner{
		bottom: 0;
		top: 108px;
	}
}
@media screen and (max-width:767px){
}
@media screen and (min-width:768px){
	footer nav.footer-menu-bottom{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	footer nav.footer-menu-bottom ul{
		display: inline-flex;
		justify-content: center;
		align-items: center;
	}
	footer nav.footer-menu-bottom li{
		border-top: 0px;
		border-left: 1px #FFF solid;
	}
	footer nav.footer-menu-bottom li > a{
		display: flex;
		padding: 0 15px 0 15px;
	}
	footer nav.footer-menu-bottom li > a:hover{
		background-color: inherit;
		color: #CCC;
	}
	footer .footer-information{
		padding-top: 2rem;
	}
	footer .footer-information > div.container > div.row > div{
		margin-bottom: 2rem
	}
}

/* ========================================================================
 * Print
 * ======================================================================== */

@media print {
	/*IE6用*/
	* html body {
		zoom: 80%;
	}
	
	a[href]:after {
		content: "";
	}
	abbr[title]:after {
		content: "";
	}
	a[href^="#"]:after, a[href^="javascript:"]:after {
		content: "";
	}

	header {
		position: absolute;
	}
	header .navbar-header-sp{
		display: none !important;
	}

	.drawer-hamburger{
		display: none;
		position: absolute;
	}
	
	.mainimage-common{
		margin-bottom: 0;
	}
	
	nav#breadcrumb{
		display: block !important;
	}
	
	main.blogpost article.article-sns ul.float-right{
		display: none !important;
	}
	
	footer nav.footer-banner,
	footer nav.footer-menu-bottom,
	footer .footer-information{
		display: none !important;
	}

	#pagehome,
	#pagetop,
	#following-banner{
		display: none !important;
	}
}