@charset "utf-8";

/*------------------------------------------------------------------
	mv
------------------------------------------------------------------*/
#mv{
	background-color: #0088ba; 
	background-image: url(../img/bg_mv_big.png);
	background: url(../img/bg_mv.png), #0088ba;
	background: url(../img/bg_mv.png), -moz-linear-gradient(top, #0088ba 0%, #48b1dd 60%, #81c2e6 100%);
	background: url(../img/bg_mv.png), -webkit-linear-gradient(top, #0088ba 0%,#48b1dd 60%,#81c2e6 100%); 
	background: url(../img/bg_mv.png), linear-gradient(to bottom, #0088ba 0%,#48b1dd 60%,#81c2e6 100%);
	margin-top: 86px;
	height: 750px;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
	min-width: 900px;
}
@media screen and (min-width: 1650px){
#mv{
	background-color: #0088ba; 
	background-image: url(../img/bg_mv_big.png);
	background: url(../img/bg_mv_big.png), -moz-linear-gradient(top, #0088ba 0%, #48b1dd 60%, #81c2e6 100%);
	background: url(../img/bg_mv_big.png), -webkit-linear-gradient(top, #0088ba 0%,#48b1dd 60%,#81c2e6 100%); 
	background: url(../img/bg_mv_big.png), linear-gradient(to bottom, #0088ba 0%,#48b1dd 60%,#81c2e6 100%);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
}
}

#mv > .inner{
	position: relative;
}
#mv .inner p:first-child{
	position: absolute;
	right: 0;
	top: 200px;
}
#mv .inner h1{
	text-align: center;
	padding-top: 65px;
	margin-bottom: 40px;
}
#mv .inner p.txtLead{
	color: #ffffff;
	line-height: 2.0;
	letter-spacing: 0.06em;
	width: 100%;
	text-shadow: 0px 0px 5px rgba(82,147,191,0.8);
	width: 630px;
	position: relative;
	font-weight: bold;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-size: 14px;
}
#mv .inner h1,
#mv .inner p.txtLead{
	transform-origin:center top;
	animation:show 1.5s both;
}
#mv .inner p.txtLead:after{
	content: " ";
	background: url(../img/bg_txtLead.png) center bottom no-repeat;
	width: 1000px;
	height: 410px;
	position: absolute;
	z-index: -1;
	top: -180px;
	left: -200px;
}


@keyframes show {
0% {
	transform:translate(0,2em);
	opacity:0;
}
100% {
	transform:translate(0,0);
	opacity:1;
}
}

/*------------------------------------------------------------------
	main
------------------------------------------------------------------*/
main > section{
	padding: 60px 0;
}
#management,
#examination,
#wanted,
#access,
#prof{
	background: #f4f4f4;
}
/*	h2	*/
main h2{
	text-align: center;
	font-size: 246%;
	margin-bottom: 30px;
}
main h2 span{
	font-size: 37%;
	display: block;
}
main h2 span.english{
	color: #00a6ea;
}
/*	h3	*/
#management .inner h3,
#access .inner h3{
	text-align: center;
	font-size: 153%;
	font-weight: bold;
	margin-bottom: 25px;
}
#examination h3,
#tuition h3{
	margin-bottom: 18px;
	color: #048bbc;
	border: 1px solid #048bbc;
	font-size: 125%;
	width: 100%;
	text-align: center;
	padding: 10px;
	font-weight: bold;
}
/*	display: table	*/
#management .inner > div{
	display: table;
}
main #chara h2+ul,
#access .inner > div{
	display: table;
	table-layout: fixed;
	width: 900px;
}
main #chara h2+ul li,
#management .inner > div section,
#access .inner > div section{
	display: table-cell;
}


main #chara p+ul,
#access .inner > div{
	display: table;
	table-layout: fixed;
	width: 900px;
}
main #chara p+ul li,
#management .inner > div section,
#access .inner > div section{
	display: table-cell;
}

/*	border	*/
#management .inner > div section:first-child,
#access .inner > div section:first-child{
	padding-right: 40px;
	border-right-width: 1px;
	border-right-color: #231815;
}
#management .inner > div section:last-child,
#access .inner > div section:last-child{
	padding-left: 40px;
}
/*	text-align*/
#wanted .inner p:not(.noteStyle01),
#tuition .inner > div section p,
#tuition .inner p.noteStyle01{
	text-align: center;
}

#examination .inner > div section:not(:first-child) p{
	text-align: left;
}

/*---------------------
	chara
----------------------*/
main #chara .listStyle01{
	margin-top: 35px;
}
/*---------------------
	management
----------------------*/
#management .inner > div section:first-child p{
	line-height: 2.4;
}
/*---------------------
	examination
----------------------*/
#tuition .inner > div section,
#examination .inner > div section{
	float: left;
	width: 420px;
	margin-bottom: 24px;
}
#examination .inner > div section:nth-of-type(2n){
	margin: 0 28px;
}
#examination .inner > div section ul li{
	width: 8em;
	margin: 0 auto;
}
#examination .inner > div section .txtSmall02{
	margin-bottom: 20px;
}
/*---------------------
	wanted
----------------------*/
#wanted {
	padding-bottom: 0;
}
#wanted .inner{
	position: relative;
}
#wanted .inner p.noteStyle01{
	position: absolute;
	width: 171px;
	bottom: 60px;
	right: 0;
}
/*---------------------
	tuition
----------------------*/
#tuition .inner > div{
	width: 590px;
	margin: 0 auto;
}
#tuition .inner > div section:first-child{
	margin-right: 28px;
}
/*---------------------
	access
----------------------*/
#access .inner > div section > p{
	margin-bottom: 20px;
	letter-spacing: 0;
}
#access .inner > div section > p.btnStyle01{
	font-size: 92%;
}

#access .inner > div section > p.btnStyle02{
	font-size: 92%;
}
#access .inner > div .address p{
	float: left;
}
#access .inner > div .address p.btnStyle01{
	font-size: 85%;
	float: right;
}
/*------------------------------------------------------------------
	clearfix
------------------------------------------------------------------*/
#examination .inner > div,
#tuition .inner > div,
#access .inner > div .address,
.clearfix {
  display: inline-block;
}
#examination .inner > div,
#tuition .inner > div,
#access .inner > div .address,
.clearfix {
  display: block;
}
#examination .inner > div:after,
#tuition .inner > div:after ,
#access .inner > div .address:after,
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

#tel {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCCCCC;
	padding: 20px;
	text-align: center;
	margin-bottom: 0px;
}
#tel .number {
	font-size: 42px;
	font-weight: bold;
	color: #000000;
}
#tel .policy {
	margin-top: 15px;
	font-size: 11px;
}