@charset "UTF-8";

/* ==========================================================================
   base
============================================================================= */

body {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;/*iPhone font*/
	font-family: font-family: "メイリオ, Meiryo, ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",  sans-serif;;
	font-weight: normal;
	font-size: 16px;
	color: #000000;
}

p { background-image:url(""); }

a:link{ color: #ffffff; text-decoration: none; }
a:visited{ color: #ffffff; text-decoration: none; }
a:active{ color: #ffffff; text-decoration: none; }
a:hover { color: #eeeeee; text-decoration: none; }

a {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

a:hover {
    outline : none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);

	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;

	opacity: 0.8;
}

img {
	-ms-interpolation-mode: bicubic;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

a:hover img {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);

	opacity: 0.8;
}

svg,
a:hover svg,
path,
a:hover path {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

a[href^="tel:"] { cursor: default; }

ul { list-style-type: none; }

address { font-style: normal; }

.inviewItem {
	opacity: 0;
	transform: translate(0,20px); 
	-webkit-transform: translate(0,20px); 
	transition: 1.2s;
}

.inviewItemFlag {
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

/* ==========================================================================
   clearfix
============================================================================= */

.cf:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.cf {
	min-height: 1px;
}

* html .cf {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* ==========================================================================
   set
============================================================================= */
.txtLt {text-align: left!important;}
.txtRt {text-align: right!important;}
.txtCt {text-align: center!important;}
.txtBold {font-weight: bold!important;}
.txtNormal {font-weight: normal!important;}
.fontSmall {font-size: 0.7rem!important;}
.fontLarge {font-size: 1.4rem!important;}
.font90per {font-size: 90%!important;}
.font105per {font-size: 105%!important;}
.font110per {font-size: 110%!important;}
.font120per {font-size: 120%!important;}
.lh2 { line-height: 2em;!important }
.pt1 {padding-top: 1rem!important;}
.pt2 {padding-top: 2rem!important;}
.pb1 {padding-bottom: 1rem!important;}
.pb2 {padding-bottom: 2rem!important;}
.mt0 {margin-top: 0!important;}
.mt1 {margin-top: 1rem!important;}
.mt2 {margin-top: 2rem!important;}
.mt3 {margin-top: 3rem!important;}
.mt5 {margin-top: 4rem!important;}
.mt5 {margin-top: 5rem!important;}
.mt6 {margin-top: 5rem!important;}
.mb0 {margin-bottom: 0!important;}
.mb1 {margin-bottom: 1rem!important;}
.mb2 {margin-bottom: 2rem!important;}
.mb3 {margin-bottom: 3rem!important;}
.mb4 {margin-bottom: 4rem!important;}
.mb5 {margin-bottom: 5rem!important;}
.mb6 {margin-bottom: 6rem!important;}

@media only screen and (min-width: 768px){
	br.mbbr {/*スマホのみ改行*/
		display:none!important;
	}
}

select, textarea, [type="text"], [type="password"], [type="datetime"], [type="datetime-local"], [type="date"], [type="month"], [type="time"], [type="week"], [type="number"], [type="email"], [type="url"], [type="search"], [type="tel"], [type="color"], .uneditable-input {
	display: inline-block;
	padding: 0.5em 0.5em;
	width: 50%;
	vertical-align: middle;
	font-size: 90%;

    border: none;
    background-color: #fff;

}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding-right: 25px;
}

input[type="reset"]:focus,
input[type="submit"]:focus {
	outline: 0;
}

/* ==========================================================================
   base
============================================================================= */

.bgWrap {
	width: 100%;
	height: 100%;
	background-image: url("../images/common/bg.png");
	background-repeat: repeat;
	background-position: center -18px;
}


/*======= common =======*/
.w930 {
	width: 930px;
	margin: 0 auto;
}

.flexContainer {
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: row;
	flex-direction:         row;

	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;

	-webkit-justify-content: space-between;
	justify-content:         space-between;
}

/*======= nav =======*/
nav.navigation {
    z-index: 1100;
    position: fixed;
    top: 0;
    width: 100%;
    height: 95px;
	background-color: #ffffff;
}

nav.navigation .navInner {
	padding: 14px 0;
	
}

nav.navigation .navInner .logo {
	width: 376px;
}

nav.navigation .navInner .logo img {
	margin-left: 16px;
}

nav.navigation .navInner .menu {
	width: 554px;
}

nav.navigation .navInner .menu ul li {
	width: 25%;
}

nav.navigation .navInner .menu ul li:nth-child(1) img{ border: 1px solid #EBC066; }
nav.navigation .navInner .menu ul li:nth-child(2) img{ border: 1px solid #8FB27E; }
nav.navigation .navInner .menu ul li:nth-child(3) img{ border: 1px solid #EE7D64; }
nav.navigation .navInner .menu ul li:nth-child(4) img{ border: 1px solid #45BEE0; }


/*======= header =======*/
header {
	z-index: 50;
	position: relative;
	background-color: #ffffff;
	margin-top: 95px;
}

header .headerInner {
	background-image: url("../images/bgMainTtl.png");
	background-repeat: no-repeat;
	background-position: right bottom;
}

/*======= contents =======*/
.topBtn {
	z-index: 1000;
	position: absolute;
	bottom: 30px;
	left: 55px;
	cursor: pointer;
}

#area1 .sectionInner #area1Lnk,
#area2 .sectionInner #area2Lnk,
#area3 .sectionInner #area3Lnk,
#area4 .sectionInner #area4Lnk {
	position: relative;
	height: 95px;
	top: -95px;
}


/*受験前*/
#area1 .sectionInner {
	position: relative;
	height: 1091px;
	background-image: url("../images/bg1.jpg");
	background-repeat: no-repeat;
	background-position: left top;
}

#area1 .sectionInner .ttl,
#area1 .sectionInner .label1,
#area1 .sectionInner .label2,
#area1 .sectionInner .label3,
#area1 .sectionInner .label4,
#area1 .sectionInner .label5,
#area1 .sectionInner .label6 {
	position: absolute;
}

#area1 .sectionInner .ttl {
	top: 50px;
	left: 65px;
}

#area1 .sectionInner .label1 {
	top: 40px;
	left: 218px;
}

#area1 .sectionInner .label2 {
	top: 375px;
	left: 424px;
}

#area1 .sectionInner .label3 {
	top: 464px;
	left: 344px;
}

#area1 .sectionInner .label4 {
	top: 663px;
	left: 204px;
}

#area1 .sectionInner .label5 {
	top: 721px;
	left: 395px;
}

#area1 .sectionInner .label6 {
	top: 867px;
	left: 327px;
}


/*受験期間*/
#area2 .sectionInner {
	position: relative;
	height: 800px;
	background-image: url("../images/bg2.jpg");
	background-repeat: no-repeat;
	background-position: left top;
}

#area2 .sectionInner .ttl,
#area2 .sectionInner .label1,
#area2 .sectionInner .label2,
#area2 .sectionInner .label3,
#area2 .sectionInner .label4,
#area2 .sectionInner .label5,
#area2 .sectionInner .label6,
#area2 .sectionInner .label7 {
	position: absolute;
}

#area2 .sectionInner .ttl {
	top: 50px;
	left: 65px;
}

#area2 .sectionInner .label1 {
	top: 47px;
	left: 168px;
}

#area2 .sectionInner .label2 {
	top: 164px;
	left: 305px;
}

#area2 .sectionInner .label3 {
	top: 218px;
	left: 351px;
}

#area2 .sectionInner .label4 {
	top: 349px;
	left: 534px;
}

#area2 .sectionInner .label5 {
	top: 431px;
	left: 560px;
}

#area2 .sectionInner .label6 {
	top: 568px;
	left: 609px;
}

#area2 .sectionInner .label7 {
	top: 610px;
	left: 434px;
}


/*博士前期課程 博士後期課程*/
#area3 .sectionInner {
	position: relative;
	height: 1271px;
	background-image: url("../images/bg3.jpg");
	background-repeat: no-repeat;
	background-position: left top;
}

#area3 .sectionInner .ttl,
#area3 .sectionInner .label1,
#area3 .sectionInner .label2,
#area3 .sectionInner .label3,
#area3 .sectionInner .label4,
#area3 .sectionInner .label5,
#area3 .sectionInner .label6,
#area3 .sectionInner .labelB1,
#area3 .sectionInner .labelB2 {
	position: absolute;
}

#area3 .sectionInner .ttl {
	top: 50px;
	left: 65px;
}

#area3 .sectionInner .label1 {
	top: 563px;
	left: 173px;
}

#area3 .sectionInner .label2 {
	top: 611px;
	left: 319px;
}

#area3 .sectionInner .label3 {
	top: 652px;
	left: 548px;
}

#area3 .sectionInner .label4 {
	top: 766px;
	left: 509px;
}

#area3 .sectionInner .label5 {
	top: 903px;
	left: 462px;
}

#area3 .sectionInner .label6 {
	top: 1129px;
	left: 275px;
}

#area3 .sectionInner .labelB1 {
	top: 166px;
	left: 486px;
}

#area3 .sectionInner .labelB2 {
	top: 1084px;
	left: 302px;
}


/*終了後*/
#area4 .sectionInner {
	position: relative;
	height: 770px;
	background-image: url("../images/bg4.jpg");
	background-repeat: no-repeat;
	background-position: left top;
}

#area4 .sectionInner .ttl,
#area4 .sectionInner .label1,
#area4 .sectionInner .label2,
#area4 .sectionInner .label3,
#area4 .sectionInner .label4 {
	position: absolute;
}

#area4 .sectionInner .ttl {
	top: 50px;
	left: 65px;
}

#area4 .sectionInner .label1 {
	top: 145px;
	left: 166px;
}

#area4 .sectionInner .label2 {
	top: 533px;
	left: 140px;
}

#area4 .sectionInner .label3 {
	top: 595px;
	left: 260px;
}

#area4 .sectionInner .label4 {
	top: 658px;
	left: 430px;
}











/*======= footer =======*/
footer {
	text-align: center;
	background-color: #ffffff;
}

footer .footerInner {
	text-align: center;
	padding: 25px 0 25px 0;
}

footer small {
	font-size: 85%;
	letter-spacing: 0.1em;
	color: #82A1B1;
	padding-bottom: 10px;
}