@charset "utf-8";
/* CSS Document */

/*
* COMMON
******************************************************/
html {
	font-size:62.5%;
}
body {
	color: #5E5E5E;
	letter-spacing: .4px;
	font-size:1.6rem;
	font-family: "ヒラギノ角ゴ Pro W3","Helvetica","Verdana",sans-serif;
	overflow-wrap: break-word;
	word-break: normal;
}
a {
	color: #333333;
	text-decoration: none;
}
a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
.img-responsive {
	width: 100%;
}

/* WEBFONT*/
@font-face {
	font-family: "UtsukushiFONT";
	src: url(../fonts/UtsukushiFONT.woff) format("woff");
}

/* right arrow */


.arrow01 a {
display: block;
position: relative;
text-decoration: none;
}

.arrow01 a:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: -1rem;
width: 0;
height: 0;
margin: -6px 0 0 0;
border-top: 14px solid #ffffff;
border-left: 14px solid transparent;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}


/* down arrow */

.arrow02 a {
display: block;
position: relative;
text-decoration: none;
}

.arrow02 a:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: -2rem;
width: 0;
height: 0;
margin: -6px 0 0 0;
border: 10px solid transparent;
border-top: 10px solid #ffffff;
}


/* down arrow 2*/

.arrow022 a {
display: block;
position: relative;
text-decoration: none;
}

.arrow022 a:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: -1rem;
width: 0;
height: 0;
margin: -6px 0 0 0;
border: 10px solid transparent;
border-top: 10px solid #ffffff;
}



/*
* GENERAL
******************************************************/
/* PC-SP */
.ge_pcOnly {
}
.ge_spOnly {
	display:none;
}
@media(max-width:640px) {
.ge_pcOnly {
	display:none;
}
.ge_spOnly {
	display:block;
}
}






/*  page title    */


.Info-title{
	max-width:500px;
	width:100%;
	margin:40px auto;
	text-align:center;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho","serif";
	font-size:2.8rem;
	font-weight:normal;
	color: #552D40;
	letter-spacing: 0.1em;
}


.mvArea {
	max-width:950px;
	width:100%;
	margin:auto;
}

.mvArea .mvimgArea {
	text-align: center;
	margin:auto;
	width: 100%;
	max-width: 640px;
}




.Info-text{
	clear:both;
	max-width:640px;
	width:90%;
	/* text-align:center; */
	margin:auto;
	padding:25px 0;
	line-height:2.6rem;
	font-size:1.8rem;
	color:#552d40;
}

/******************** 
 parts
******************************************************/

.box01 {
	border: #552d40 1px solid;
	padding: 0.6rem;
	max-width:640px;
}


.mt3r {
	margin-top: 3rem;
}

.txtC {
	text-align: center;
}

.txtR {
	text-align: right;
}

.f80 {
	font-size: 80%;
}

.mb3r {
	margin-bottom: 3rem;
}

.red {color:#aa0000;}

/*
* HEADER
******************************************************/
.global-header__wrapper{
	max-width:950px;
	width:100%;
	margin:auto;
}
.header{
	width:100%;
	display:table;
}
.header-logo{
	width:50%;
	vertical-align:middle;
	display:table-cell;
	padding:0;
	margin:0;
}
.header-logo > a > img{
	margin:15px 0 0 15px;
}
.header-btn{
	padding:10px 20px 5px 20px;
	display:table-cell;
}
.header-btn.universityList{
	vertical-align:middle;
	text-align:right;
	cursor:pointer;
}
.header-btn.universityList > span{
	background-color:#609f96;
	text-align:center;
	padding:15px 25px;
	color:#FFFFFF;
	font-size:2.1rem;
}
.header-btn.spMenu{
	display:none;
}
.
@media(max-width:950px) {
.header{
	/*padding:0px 20px;*/
}
.header-logo{
	width:50%;
}
.header-logo > a > img{
	width:60%;
}
.header-btn{
	width:25%;
}
.header-btn.universityList > span{
	font-size:1.5rem;
}
}

@media(max-width:640px) {
.header-logo{
	width:60%;
	padding:0;
	margin:0;
}
.header-logo > a > img{
	width:80%;
}
.header-btn{
	padding:0;
}
.header-btn.universityList{
	background-color:#609f96;
	width:25%;
}
.header-btn.universityList > span{
	display:block;
	font-size:1.6rem;
	padding:0;
}
.header-btn.spMenu{
	background-color:#bbb4ac;
	padding:0;
	display:table-cell;
	width:18%;
	vertical-align:bottom;
	line-height: 0;
	cursor:pointer;
}
}

@media(max-width:480px) {
.header-logo{
	width:50%;
}
.header-btn.universityList{
	width:35%;
}
.header-btn.spMenu{
	width:15%;
}
.header-btn.spMenu > img{
	width:100%;
}

.header-btn.universityList > span{
	font-size:1.3rem;
}

}
/*
* MENU
******************************************************/
.global-menu__wrapper{
 	background-color:#bbb4ac;　
/*	background-color:#c97586;　*/
/*	background-color:#ac8c99;　*/
/*	background-color:#295b80; */
}
.menu{
	max-width:675px;
	width:100%;
	height:70px;
	margin:auto;
	display:table;
	color:#FFFFFF;
	font-size:1.5rem;
	font-weight:bold;
	letter-spacing: .9px;
}
.menu > li{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}


.global-spmenu__wrapper{
	display:none;
	width:100%;
	height:100%;
}
.spmenu{
/*	background-color:#e1a7bc;　*/
	background-color:#bbb4ac;
}
.spmenu > li{
	text-align:center;
	border-bottom:#FFFFFF 1px solid;
	padding:10px 0;
}
.menu > li > a,.spmenu > li > a{
	color:#FFFFFF;
	font-size:1.6rem;
	font-weight:bold;
}
/*
* BANNERS
******************************************************/
.global-banner__wrapper{
	width:100%;
	margin:100px auto 15px auto;
}
.banner{

}
.banner-list {
	max-width:500px;
	width:100%;
	margin:auto;
	clear:both;
}
.banner-list img {
	width:100%;
}
.banner-list > dt{
	clear:both;
	width:100%;
	margin-top:15px;
	text-align:center;
}
.banner-list > dt > img{
	width:100%;
}
.banner-list > dd{
	width:47%;
	margin:15px 0;
	text-align:center;
}
.banner-list > dd > img{
	width:100%;
}
.banner-list > dd.left{
	float:left;
}
.banner-list > dd.right{
	float:right;
}
@media(max-width:640px) {
	.global-banner__wrapper{
		width:auto;
		margin:50px auto 30px auto;
	}
	.banner{
		width: auto;
		padding:0 30px;
	}
}

/*
* FOOTER
******************************************************/
.global-footer__wrapper{
	width:100%;
	margin:15px auto 0 auto;
	background-color:#bbb4ac;
/*	background-color:#e1a7bc;　*/
/*	background-color:#506e85;　*/
	padding:25px 0;
	text-align:center;
}
.footer{
}

.footer-sns{
	max-width:500px;
	width:100%;
	margin:auto;
	clear:both;
	text-align:center;
}
.footer-sns > li{
	display:inline-block;
	margin:0 7px;
}

.footer-companyInfo{
	margin:25px auto;
	text-align:center;
	max-width:500px;
	width:100%;
	clear:both;
	color:#FFFFFF;
	font-size:1.8rem;
}

.footer-copyright{
	text-align:center;
	max-width:500px;
	width:100%;
	clear:both;
	margin:auto;
	color:#FFFFFF;
	font-size:1.4rem;
}

.footer-copyright > p > a{
	color:#ffffff;
}
@media(max-width:480px) {
.footer-sns > li{
	display:inline-block;
	width:18%;
	margin:0 5px;
}
.footer-sns > li > img{
	width:100%;
}
.footer-companyInfo{
	font-size:1.6rem;
}
.footer-companyInfo >p{
	padding:0 15px;
}
.footer-copyright{
	font-size:1.4rem;
}