@charset "utf-8";

/*
	Theme Name: Yono Gakuin Theme
	Description: Yono Gakuin Theme
	Author: BBQ Corp.
*/

@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700);
@font-face {
  font-family: 'TexGyreaAventor';
  src: url('fonts/texgyreadventor-regular.eot');
  src: url('fonts/texgyreadventor-regular.woff') format('woff'), url('fonts/texgyreadventor-regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

/* reset css
------------------------------------------------------------ */
/* YUI 3.5.0 reset.css (http://developer.yahoo.com/yui/3/cssreset/) - http://cssreset.com */
html{color:#000; background:#FFF}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}
ol, ul{list-style:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
q:before, q:after{content:''}
abbr, acronym{border:0; font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input, textarea, select{font-family:inherit; font-size:inherit; font-weight:inherit}
input, textarea, select{*font-size:100%}
legend{color:#000}
#yui3-css-stamp.cssreset{display:none}

strong{font-weight:bold}
input[type="submit"]{-webkit-appearance: none}

/* layouts
------------------------------------------------------------ */
html, body{height:100%}
body{font:14px/1 "Noto Sans","Hiragino Kaku Gothic ProN",Meiryo,sans-serif; letter-spacing: 0.125em; min-width:1016px}
.wrap{position:relative; min-height:100%; margin:0 auto; border:8px solid #484490; overflow-x:hidden;}

/* common
------------------------------------------------------------ */
/*clearfix*/
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix{display:inline-table}
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
.clearfix{display:block}
/* End hide from IE-mac */

/*images*/
img{max-width: 100%; height:auto; vertical-align:bottom}
img.alignleft{display:block; float:none; text-align:left;}
img.alignright{display:block; float:none; text-align:right;}
img.aligncenter{display:block; margin:0 auto}
.imgScale{-webkit-transform: scale(1); transform: scale(1); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.imgScale:hover, a:hover .imgScale{-webkit-transform: scale(1.1); transform: scale(1.1);}

/*heading*/
.ttl01,.page_heading,.post_heading{font-family: Times New Roman; position: relative; margin:0 0 56px; font-size:155%; text-align: center; color: #484490; font-weight: 700; letter-spacing: 0.2em;}
.ttl01:after{content:""; position: absolute; top: 100%; right:0; left:0; margin:0.5em auto 0; display: block; width:140px; height: 3px; background-color: #484490;}
.ttl02{position: relative; font-size:140%; font-weight: 700; color: #484490; letter-spacing: 0.2em; padding:0 0 0.5em; border-bottom: 3px solid #dadada;}
.ttl02:after{content:""; position: absolute; top: 100%; left: 0; width: 25%; height: 3px; background-color: #484490;}
.ttl03{font-family: Times New Roman; font-size: 16px; margin-bottom: 0.5em; padding: 0 0 0 0.5em; font-size: 14px; line-height: 1.6em; font-weight: 700; color: #474491;}
.border-btm{font-family: Times New Roman; font-size: 16px; padding-bottom: 0.25em; border-bottom: 1px solid #474491;}
.ttl03b{padding: 0 0 15px 0; font-size: 14px; font-weight: 700; color: #474491;}
.ttl04{margin-bottom: 68px; padding:0.8em; font-size:22px; color: #484490; background-color: #fff; font-weight: bold;}

/*links*/
a{text-decoration:none; -moz-transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; transition-duration:.3s}
a:hover img{opacity:0.8; filter:alpha(opacity=80); -ms-filter:"alpha( opacity=80 )"; -moz-transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; transition-duration:.3s}
.linkBlock{display: block;}

/*button*/
button{border: none; padding: 0; outline: none;}
.btn01, .btn02{ font-family: Times New Roman; display: block; position: relative; margin:0 auto; width: 100%; color: #fff; letter-spacing: 0.125em; border-radius: 5px; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; transition-duration:.3s}
.btn01{background-color: #474491; border: 1px solid #474491; box-shadow:rgb(184, 183, 222) 0px 3px 0px 0px; -webkit-box-shadow:rgb(184, 183, 222) 0px 3px 0px 0px; -moz-box-shadow:rgb(184, 183, 222) 0px 3px 0px 0px}
.btn02{background-color: #30c58f; text-align: left; font-size: 16px; border: 1px solid #30c58f; box-shadow:rgb(35, 176, 124) 0px 3px 0px 0px; -webkit-box-shadow:rgb(35, 176, 124) 0px 3px 0px 0px; -moz-box-shadow:rgb(35, 176, 124) 0px 3px 0px 0px;}
.btn01 a{padding: 24px 0; color: #fff; text-align: center; line-height: 2.4;}
.btn02 a{padding: 30px; color: #fff; line-height: 1.6;}
.btn01 a:after, .btn02 a:after{position: absolute; top: 0; right: 18px; bottom: 0; margin: auto; content: "\f105"; font-family: 'FontAwesome'; font-size: 24px; height: 1em; line-height: 1;}
.btn01 a:hover, .btn02 a:hover{background-color: #fff}
.btn01 a:hover{color: #474491}
.btn02 a:hover{color: #30c58f}

/*text*/
.txtL{font-family: Times New Roman; font-size: 140%;}

/* header & footer
------------------------------------------------------------ */
.logo{width:465px;}

/*header*/
.language-chooser{padding:10px 5px; color: #484490; font-size: 10px; overflow:hidden;}
.language-chooser li{float:right;}
.language-chooser li a{padding:0 5px; color: #484490; text-decoration: none;}
.header{position:relative; border-bottom:1px solid #eee;}
.hdMain{margin:0 auto; padding:32px 0 24px; width:1000px;}
.siteTtl{font-family: Times New Roman;  float:left; width:260px; font-size:13px; display: inline; line-height: 56px; font-weight:700; text-align: left; color: #484490;}
.header .logo{float:left; display:inline;}
.hdNavWrap{background-color: #eee}
ul.hdNav{width: 1000px; margin: 0 auto; font-size: 12px; font-weight:700; display: flex;}
ul.hdNav li{line-height: 1.6; width: 25%; text-align: center; border-left: 1px solid #999;}
ul.hdNav li:last-child{border-right: 1px solid #999;}
ul.hdNav li a{color: #666; display: block; padding: 10px 0;}

/* footer*/
.footer{width: 100%; padding: 40px 0 64px;}
.footer .logo{margin: 0 auto 18px;}
.ftTel{margin-bottom:112px; font-family: "TexGyreaAventor", sans-serif; font-size:12px; color: #474491; line-height: 2; text-align: center;}
.ftTel a{color: #474491;}
.ftNav{display: table; margin: auto;}
.ftNav li{display: table-cell; border-left: 1px solid #666; line-height: 1; font-size:11px; text-align: center;}
.ftNav li:first-child{border-left: none;}
.ftNav li a{display: block; padding:0 0.5em; color: #666;}
.copyright{padding-top:24px; color: #666; font-size: 11px; line-height: 1; text-align: center;}

/* Grobal Navi
------------------------------------------------------------ */
.gNavContainer{width: 100%; background-color: #fff; border-bottom:1px solid #eee;}
.gNavArea{width: 1000px; margin: 0 auto}
.gNav{display: block; margin: 0; padding: 0; width: 100%; list-style-type: none; overflow:hidden;}
.gNav li{position:relative; float: left; display: inline; text-align: center;}
.gNav li .gNavItem{display: block; padding: 23px 35px; line-height: 24px; font-size:12px; font-weight: 700;}
.gNav li i.fa-ellipsis-h{display: block; font-size: 120%; color: #ccc; font-weight: normal;}
.gNav li a{color: #666;}
.gNav li.current-menu-item a i,.gNav li a:hover i{color: #5bcef4; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; -ms-transition-duration:0.3s; transition-duration:0.3s}
.navHome{width :30px; height: 23px; margin: auto;}
.fixed{position: fixed; top: 0; margin:0 -8px; z-index: 9999;}

/* contents
------------------------------------------------------------ */
.conts{}
.section01{padding: 68px 0 80px;}
.section02{padding: 80px 0;}
.section03{padding: 100px 0; background-color: #f9f9f9;}
.section04{padding:40px 0;}
.section05{position: relative; display:table;}
.container01{width: 1000px; margin: 0 auto;}
.container02{width: 800px; margin: 0 auto;}
.row1{width:100%;}
.row2{width: 800px;}
.col2, .col3, .col4, .col5, .col8{position: relative; display: inline; float: left;}
.col2{width: 50%;}
.col3{width: 33.3%;}
.col4{width: 25%;}
.col5{width: 20%;}
.col8{width: 12.5%;}
.row2-nega{width: auto; margin: 0 -8% -8% 0;}
.col3inner01{margin:0 25px;}
.secTxt01,#ss_pages,#ss_posts{font-family: Times New Roman; font-size: 16px; color: #484490; line-height: 2; margin-bottom: 68px;}
.secTxt02{font-family: Times New Roman; font-size: 16px; color: #484490; line-height: 2; padding: 24px 0 60px;}
.secTxt03{font-family: Times New Roman; font-size: 16px; color: #484490; line-height: 2; margin-bottom: 24px;}
/*section Contact*/
.secContact{padding: 56px 0; background: url(images/contact-bg-border.png) repeat;}
.scInner{width: 656px; margin: 0 auto;}
.scMain{position: relative; width: 100%; height: 248px; background: url(images/contact-bg-woman.png) no-repeat 96% bottom;}
.scTtl{position: absolute; top: 48px; left: 30px; font-size: 220%; font-weight: 700; letter-spacing: 0.2em; color: #52ab46;}
.scTxt{position: absolute; top: 90px; left: 30px; width: 298px; color: #555; font-weight: 700; line-height: 1.6;}
.scNotes{font-size: 12px; color: #474491; letter-spacing: normal;}
.scBtn{position: relative; display: block; margin: 0 auto; padding:32px 0; width: 640px; font-size: 18px; text-align:center; line-height:1; letter-spacing: 0.125em; color: #fff; background-color: #52ab46; border: 3px solid #fff; border-radius: 10px; box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 7px 0px; -webkit-box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 7px 0px; -moz-box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 7px 0px; overflow: hidden; -webkit-transition-duration: .3s; transition-duration: .3s; z-index: 0;}
.scBtn:before{content:""; position: absolute; left: 0; top: 50%; width: 100%; height: 100%; background-color: #479e3b; -webkit-transition-duration: .3s; transition-duration: .3s; z-index: 1;}
.scBtn:after{position: absolute; right:18px; content: "\f0da"; font-family: 'FontAwesome'; z-index:2;}
.scBtn span{position: relative; z-index: 2;}
.scBtn:hover{transform: rotateX(360deg);}
/*page title*/
.pageTtlArea{width: 100%; height: 200px; background-color: #484490}
.pageTtlArea02{width: 100%; background-color: #484490}
.pageTtlMain{position: relative; width:1000px; margin: 0 auto; height: 100%; text-align: center; background-size: cover; background-position: 50% 50%;  background-repeat: no-repeat; z-index: 0}
.pageTtl{font-family: Times New Roman; position: absolute; top: 0; bottom: 0; margin: auto; width: 100%; font-size: 24px; height: 1em; white-space: nowrap; color: #fff; z-index: 2;}
.pageTtl02{font-family: Times New Roman; padding:1.5em 0; font-size: 24px; white-space: nowrap; color: #fff; z-index: 2;}
.pageTtl02 a{color: #fff;}

/* Parts
------------------------------------------------------------ */
/*postlist*/
.postList01,.postList02, .satffList{width:100%;}
.pl01Inner, .pl01Inner-home{margin: 8px;}
.pl01Inner{position: relative; padding:20px 16px; height: 320px; line-height: 1.4; background: #fff url(images/pl01Chevron.png) no-repeat right bottom; border: 3px solid #dadada;}
.pl01Inner:before{content:""; position: absolute; top: -6px; right: 0; left: 0; margin: 0 auto; width: 40px; height: 10px; background-color: #484490}
.pl01Inner a{color:  #555;}
.pl01Inner .linkBlock{font-family: Times New Roman; width: 100%; height: 100%;}
.pl01Img{display: block; margin: 0 auto;}
.pl01Inner-home .pl01Img{display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; width: 126px; height: 95px; text-align: center}
.pl01Hd{font-family: Times New Roman; font-size: 18px; display: block; padding: 1.4em 0; text-align: center; letter-spacing: normal;}
.pl01Txt{font-family: Times New Roman; font-size: 13px; display: block;line-height: 1.6;}
.pl01Txt02{font-family: Times New Roman; display: block; padding: 1.4em 0; font-size: 16px; line-height: 1.6; color:#474491}

.pl02Inner{padding:40px; border-bottom: 3px solid #dadada;}
.pl02Main{width: 100%; font-size: 12px; padding:0.5em 0;}
.pl02Main a{color: #555;}
.pl02Date,.pl02Txt{float: left; display: inline; line-height:1.6;}
.pl02Date{width:20%;}
.pl02Txt{width:80%;}

.pl03Inner,.pl03Inner-home{margin:25px 8px;}
.pl03Img{display: block; margin:0 auto 25px;}
.pl03Main{font-family: Times New Roman; padding:20px 10px; height: 155px; color:#474491; text-align: center; line-height:1.6; background-color:#fff;}
.pl03Hd{font-family: Times New Roman; display: block; padding-bottom: 0.5em; text-align:center; font-size:16px;}
.pl03Inner a{color:#474491;}

.pl01Inner-home,.pl03Inner-home{position: relative; padding: 20px; line-height: 1.4; background: #484490;}
.pl01Inner-home{height:320px;}
.pl03Inner-home{height:280px;}
.pl01Inner-home .pl01Img,.pl03Inner-home .pl01Img{display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; width: 126px; height: 95px; text-align: center}

.pl04Inner{padding:0 24px 24px 24px; text-align: center;}
.pl04-txt-main{padding:1.8em 0; font-size:14px; color:#474491; text-align: center;}
.pl04-txt-large{font-size:18px; text-decoration:underline;}
.pl04Inner a{color:#474491;}

/*photolist*/
.photoList01 img{display: block}
.photoList01 .linkBlock{padding:0 20px;}
.phl02Inner{padding: 0 36px; text-align: center; font-weight: 700; color: #555; line-height: 1.6;}
.phl02Inner p{padding: 0.5em 0}
.phl03Inner{padding: 0.1em;}
.photoList04 .linkBlock{position: relative; margin: 10px; width: auto; height: auto; text-align: center; overflow: hidden;}
/*data*/
.dataList01{}
.dl01-ttl, .dl01-txt,.dl02-ttl, .dl02-txt{display: inline; padding:0.5em 0;}
.dl01-ttl{float: left; width: 40%; color: #484490; text-align: right;}
.dl01-txt{float: left; width: 58%; padding-left: 2%; color: #555}
.dl02-ttl{float: left; width: 20%; color: #484490; text-align: right;}
.dl02-txt{float: right; width: 75%; padding-left: 5%; color: #555}
/*Staff List*/
.staffl-item, .staffl-item04{position: relative; margin: 24px; height: 550px; background-color: #fff;}
.staffl-item02, .staffl-item03{position:relative; padding: 24px; height: 550px; background: none;}
.staffl-item03{margin: 24px; padding: 0;}
.staffl-name{padding: 0.8em; color: #8c715a; text-align: center; background-color: #e5e0e0;}
.staffl-main01,.staffl-main02, .staffl-main05{padding: 30px 15px; line-height: 1.6; letter-spacing: normal;}
.staffl-main01{text-align: center;}
.staffl-main02, .staffl-main05{position: absolute; bottom: 0; left: 0; right: 0; background-color: #a8e1f4}
.staffl-main05{background-color: #f9cff7}
.staffl-img{width: 100px; height: 100px; margin: 0 auto 30px;}
.staffl-prof{color: #484490; text-align: left;}
.staffl-student-img{float: left; display: inline; margin: 0 20px 20px 0;}
.staffl-sitem{width:42%; margin: 0 8% 8% 0;}
.staffl-main03{padding: 10px; height: 150px; text-align: center; line-height: 1.6; letter-spacing: normal; background-color: #fff;}
.staffl-lastimg{position: absolute; top: 0; right: 0; left: 0; width: 100%; height: 200px; background: url(images/teacher-img09.png) no-repeat center center/cover;}
.staffl-other{position: absolute; bottom: 0; right: 0; left: 0; width: 100%; height: 200px; color: #8c715a; font-size: 140%; text-align: center; line-height: 200px; white-space: nowrap; background-color: #eee;}
.staffl-item04{background-color: #f7f7fd;}
.staffl-bizimg{background: url(images/staff-img02.png) no-repeat center center/cover;}

/*table*/
.table-wrap{position: relative; overflow: scroll; -webkit-overflow-scrolling: touch;}
.table01{width: 100%; color: #484490; border-collapse: collapse; vertical-align: middle; font-size: 96%; border: 1px solid #eee; line-height: 1.6;}
.table01 th,.table01 td{padding: 1em; border: 1px solid #eee;}
.table01 th{width: 16em; text-align: right; background-color: #f8f8f8;}
.table02{margin-bottom:20px; width: 100%; color: #474491; border-collapse: collapse; vertical-align: middle; border: 1px solid #ddd; line-height: 1.6; text-align: center; white-space: nowrap;}
.table02 thead th{text-align: center; font-weight: 700;}
.table02 th,.table02 td{padding: 1em 1.6em; border:1px solid #ddd;}
.table02 tbody th{width: 14em;}
.table03{width: 100%; border-collapse: collapse; vertical-align: middle; border:none; white-space: nowrap;}
.table03 tr:nth-child(odd){background-color:#e2f8f1; color:#009c7c;}
.table03 tr:nth-child(even){background-color:#f7f7fd; color:#474491;}
.table03 th,.table03 td{padding:1em;}
.table03 td{color:#474491;}
.grad01{
background: #f7eeac; /* Old browsers */
background: -moz-linear-gradient(left,  #f7eeac 0%, #f7e8b5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f7eeac), color-stop(100%,#f7e8b5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #f7eeac 0%,#f7e8b5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #f7eeac 0%,#f7e8b5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #f7eeac 0%,#f7e8b5 100%); /* IE10+ */
background: linear-gradient(to right,  #f7eeac 0%,#f7e8b5 100%); /* W3C */
}
.grad02{
background: #f7e8b5; /* Old browsers */
background: -moz-linear-gradient(left,  #f7e8b5 0%, #f7e0c1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f7e8b5), color-stop(100%,#f7e0c1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #f7e8b5 0%,#f7e0c1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #f7e8b5 0%,#f7e0c1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #f7e8b5 0%,#f7e0c1 100%); /* IE10+ */
background: linear-gradient(to right,  #f7e8b5 0%,#f7e0c1 100%); /* W3C */
}
.grad03{
background: #f7e0c1; /* Old browsers */
background: -moz-linear-gradient(left,  #f7e0c1 0%, #f7d6d0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f7e0c1), color-stop(100%,#f7d6d0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #f7e0c1 0%,#f7d6d0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #f7e0c1 0%,#f7d6d0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #f7e0c1 0%,#f7d6d0 100%); /* IE10+ */
background: linear-gradient(to right,  #f7e0c1 0%,#f7d6d0 100%); /* W3C */
}
.grad04{
background: #f7d6d0; /* Old browsers */
background: -moz-linear-gradient(left,  #f7d6d0 0%, #f7ccdf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f7d6d0), color-stop(100%,#f7ccdf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #f7d6d0 0%,#f7ccdf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #f7d6d0 0%,#f7ccdf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #f7d6d0 0%,#f7ccdf 100%); /* IE10+ */
background: linear-gradient(to right,  #f7d6d0 0%,#f7ccdf 100%); /* W3C */
}
.grad05{
background: #f7ccdf; /* Old browsers */
background: -moz-linear-gradient(left,  #f7ccdf 0%, #f7c4ec 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f7ccdf), color-stop(100%,#f7c4ec)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #f7ccdf 0%,#f7c4ec 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #f7ccdf 0%,#f7c4ec 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #f7ccdf 0%,#f7c4ec 100%); /* IE10+ */
background: linear-gradient(to right,  #f7ccdf 0%,#f7c4ec 100%); /* W3C */
}
.grad06{
background: #f7c4ec; /* Old browsers */
background: -moz-linear-gradient(left,  #f7c4ec 0%, #f7bef5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f7c4ec), color-stop(100%,#f7bef5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #f7c4ec 0%,#f7bef5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #f7c4ec 0%,#f7bef5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #f7c4ec 0%,#f7bef5 100%); /* IE10+ */
background: linear-gradient(to right,  #f7c4ec 0%,#f7bef5 100%); /* W3C */

}
.gradA{
background: #d4f7ac; /* Old browsers */
background: -moz-linear-gradient(left,  #d4f7ac 0%, #d8f5ac 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d4f7ac), color-stop(100%,#d8f5ac)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #d4f7ac 0%,#d8f5ac 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #d4f7ac 0%,#d8f5ac 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #d4f7ac 0%,#d8f5ac 100%); /* IE10+ */
background: linear-gradient(to right,  #d4f7ac 0%,#d8f5ac 100%); /* W3C */
}
.gradB{
background: #d8f5ac; /* Old browsers */
background: -moz-linear-gradient(left,  #d8f5ac 0%, #dcf2ac 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d8f5ac), color-stop(100%,#dcf2ac)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #d8f5ac 0%,#dcf2ac 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #d8f5ac 0%,#dcf2ac 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #d8f5ac 0%,#dcf2ac 100%); /* IE10+ */
background: linear-gradient(to right,  #d8f5ac 0%,#dcf2ac 100%); /* W3C */
}
.gradC{
background: #dcf2ac; /* Old browsers */
background: -moz-linear-gradient(left,  #dcf2ac 0%, #e2efab 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dcf2ac), color-stop(100%,#e2efab)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #dcf2ac 0%,#e2efab 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #dcf2ac 0%,#e2efab 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #dcf2ac 0%,#e2efab 100%); /* IE10+ */
background: linear-gradient(to right,  #dcf2ac 0%,#e2efab 100%); /* W3C */
}
.gradD{
background: #e2efab; /* Old browsers */
background: -moz-linear-gradient(left,  #e2efab 0%, #e8ebab 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e2efab), color-stop(100%,#e8ebab)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #e2efab 0%,#e8ebab 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #e2efab 0%,#e8ebab 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #e2efab 0%,#e8ebab 100%); /* IE10+ */
background: linear-gradient(to right,  #e2efab 0%,#e8ebab 100%); /* W3C */
}
.gradE{
background: #e8ebab; /* Old browsers */
background: -moz-linear-gradient(left,  #e8ebab 0%, #ece8ab 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e8ebab), color-stop(100%,#ece8ab)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #e8ebab 0%,#ece8ab 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #e8ebab 0%,#ece8ab 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #e8ebab 0%,#ece8ab 100%); /* IE10+ */
background: linear-gradient(to right,  #e8ebab 0%,#ece8ab 100%); /* W3C */
}
.gradF{
background: #ece8ab; /* Old browsers */
background: -moz-linear-gradient(left,  #ece8ab 0%, #efe7ab 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ece8ab), color-stop(100%,#efe7ab)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #ece8ab 0%,#efe7ab 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #ece8ab 0%,#efe7ab 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #ece8ab 0%,#efe7ab 100%); /* IE10+ */
background: linear-gradient(to right,  #ece8ab 0%,#efe7ab 100%); /* W3C */
}
.grad013-01{
background: #f7eeac; /* Old browsers */
background: -moz-linear-gradient(left,  #f7eeac 0%, #f7ecaf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f7eeac), color-stop(100%,#f7ecaf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #f7eeac 0%,#f7ecaf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #f7eeac 0%,#f7ecaf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #f7eeac 0%,#f7ecaf 100%); /* IE10+ */
background: linear-gradient(to right,  #f7eeac 0%,#f7ecaf 100%); /* W3C */
}
.grad013-02{
background: #f7ecaf; /* Old browsers */
background: -moz-linear-gradient(left,  #f7ecaf 0%, #f7e9b4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f7ecaf), color-stop(100%,#f7e9b4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #f7ecaf 0%,#f7e9b4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #f7ecaf 0%,#f7e9b4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #f7ecaf 0%,#f7e9b4 100%); /* IE10+ */
background: linear-gradient(to right,  #f7ecaf 0%,#f7e9b4 100%); /* W3C */
}
.grad013-03{
background: #f7e9b4; /* Old browsers */
background: -moz-linear-gradient(left,  #f7e9b4 0%, #f7e6ba 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f7e9b4), color-stop(100%,#f7e6ba)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #f7e9b4 0%,#f7e6ba 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #f7e9b4 0%,#f7e6ba 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #f7e9b4 0%,#f7e6ba 100%); /* IE10+ */
background: linear-gradient(to right,  #f7e9b4 0%,#f7e6ba 100%); /* W3C */
}
.grad013-04{
background: #f7e6ba; /* Old browsers */
background: -moz-linear-gradient(left,  #f7e6ba 0%, #f7e2bf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f7e6ba), color-stop(100%,#f7e2bf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #f7e6ba 0%,#f7e2bf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #f7e6ba 0%,#f7e2bf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #f7e6ba 0%,#f7e2bf 100%); /* IE10+ */
background: linear-gradient(to right,  #f7e6ba 0%,#f7e2bf 100%); /* W3C */
}
.grad013-05{
background: #f7e2bf; /* Old browsers */
background: -moz-linear-gradient(left,  #f7e2bf 0%, #f7ddc6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f7e2bf), color-stop(100%,#f7ddc6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #f7e2bf 0%,#f7ddc6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #f7e2bf 0%,#f7ddc6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #f7e2bf 0%,#f7ddc6 100%); /* IE10+ */
background: linear-gradient(to right,  #f7e2bf 0%,#f7ddc6 100%); /* W3C */
}
.grad013-06{
background: #f7ddc6; /* Old browsers */
background: -moz-linear-gradient(left,  #f7ddc6 0%, #f7d9cd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f7ddc6), color-stop(100%,#f7d9cd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #f7ddc6 0%,#f7d9cd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #f7ddc6 0%,#f7d9cd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #f7ddc6 0%,#f7d9cd 100%); /* IE10+ */
background: linear-gradient(to right,  #f7ddc6 0%,#f7d9cd 100%); /* W3C */
}
.grad013-07{
background: #f7d9cd; /* Old browsers */
background: -moz-linear-gradient(left,  #f7d9cd 0%, #f7d4d4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f7d9cd), color-stop(100%,#f7d4d4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #f7d9cd 0%,#f7d4d4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #f7d9cd 0%,#f7d4d4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #f7d9cd 0%,#f7d4d4 100%); /* IE10+ */
background: linear-gradient(to right,  #f7d9cd 0%,#f7d4d4 100%); /* W3C */
}
.grad013-08{
background: #f7d4d4; /* Old browsers */
background: -moz-linear-gradient(left,  #f7d4d4 0%, #f7cfdb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f7d4d4), color-stop(100%,#f7cfdb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #f7d4d4 0%,#f7cfdb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #f7d4d4 0%,#f7cfdb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #f7d4d4 0%,#f7cfdb 100%); /* IE10+ */
background: linear-gradient(to right,  #f7d4d4 0%,#f7cfdb 100%); /* W3C */
}
.grad013-09{
background: #f7cfdb; /* Old browsers */
background: -moz-linear-gradient(left,  #f7cfdb 0%, #f7cae1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f7cfdb), color-stop(100%,#f7cae1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #f7cfdb 0%,#f7cae1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #f7cfdb 0%,#f7cae1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #f7cfdb 0%,#f7cae1 100%); /* IE10+ */
background: linear-gradient(to right,  #f7cfdb 0%,#f7cae1 100%); /* W3C */
}
.grad013-10{
background: #f7cae1; /* Old browsers */
background: -moz-linear-gradient(left,  #f7cae1 0%, #f7c7e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f7cae1), color-stop(100%,#f7c7e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #f7cae1 0%,#f7c7e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #f7cae1 0%,#f7c7e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #f7cae1 0%,#f7c7e8 100%); /* IE10+ */
background: linear-gradient(to right,  #f7cae1 0%,#f7c7e8 100%); /* W3C */
}
.grad013-11{
background: #f7c7e8; /* Old browsers */
background: -moz-linear-gradient(left,  #f7c7e8 0%, #f7c4ed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f7c7e8), color-stop(100%,#f7c4ed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #f7c7e8 0%,#f7c4ed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #f7c7e8 0%,#f7c4ed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #f7c7e8 0%,#f7c4ed 100%); /* IE10+ */
background: linear-gradient(to right,  #f7c7e8 0%,#f7c4ed 100%); /* W3C */
}
.grad013-12{
background: #f7c4ed; /* Old browsers */
background: -moz-linear-gradient(left,  #f7c4ed 0%, #f7c0f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f7c4ed), color-stop(100%,#f7c0f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #f7c4ed 0%,#f7c0f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #f7c4ed 0%,#f7c0f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #f7c4ed 0%,#f7c0f2 100%); /* IE10+ */
background: linear-gradient(to right,  #f7c4ed 0%,#f7c0f2 100%); /* W3C */
}
.grad013-13{
background: #f7c4ed; /* Old browsers */
background: -moz-linear-gradient(left,  #f7c4ed 0%, #f7c0f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f7c4ed), color-stop(100%,#f7c0f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #f7c4ed 0%,#f7c0f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #f7c4ed 0%,#f7c0f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #f7c4ed 0%,#f7c0f2 100%); /* IE10+ */
background: linear-gradient(to right,  #f7c4ed 0%,#f7c0f2 100%); /* W3C */
}


/* Index
------------------------------------------------------------ */
/*Main Visual*/
.mainVis{margin: 0 auto; width: 100%; height: 500px; overflow: hidden;}
.mVMain{width: 1500px;}
.mVInner{position: relative;}
.mVTile{float: left; display: inline; list-style-type: none;}
.mVTile-item01,.mVTile-item02,.mVTile-sub-item{float: left; display: inline;}
.mVTile-item01{width: 250px;}
.mVTile-item02{width: 500px; height: 100%;}
.mVtile-itemInner{position: relative; overflow: hidden; width: 100%; height: 100%;}
.mVTile-cap{position: absolute; top:-100%; left: 0; z-index: 2; width:100%; height:100%; text-align: center; background: rgba(59,56,137,.6); -webkit-transition: .3s; transition: .3s; opacity: 1;}
.mVTile-cap p{display:block; position: absolute; top: 48%; width: 100%; font-size: 16px; font-weight: normal; color: #fff; }
.mVtile-itemInner:hover .mVTile-cap{top: 0; left: 0;}
.mVTile-sub-item{width: 50%; height: 50%;}
/*headline*/
.hlArea{width: 100%; position: relative; font-size: 12px; height: 64px;}
.hlTtl{float:left; display:inline; padding: 0 1%; width:8%; line-height:64px; text-align: center; color:#fff; background-color: #484490}
.hlMain{float:left; display:inline; width:90%; height:64px; background-color:#e6e6e6; overflow: hidden;}
.hlTxt{display:block; padding:16px; color:#666; white-space: nowrap; line-height: 32px;}
.hlTxt a{color:#666}
/*Quality*/
.topQuality{background-color: #f7f7fd;}

/* About
------------------------------------------------------------ */
.btmMenuArea{background-color: #f7ecff}
.yonoOutlineArea,.studentArea, .teacherArea{background-color: #f7f7fd}
.historyTxt{padding-top: 68px; padding-bottom: 0; text-align: center;}
.bankArea{margin:0 auto; padding: 30px 60px; width: 640px; border:60px solid #eee; background-color: #fff;}
.bank-yonoImg{padding-bottom: 36px; text-align: center;}

/*Admission
------------------------------------------------------------ */
.shortCArea,.longstayArea,.notrequiredDoc-area,.tuitionArea{background-color: #f7f7fd}
.visa-tuitionArea{background-color:#e2f8f2;}
.elements{padding:30px 0; text-align:center; font-size:18px; color: #fff; background-color: #484490;}
.requiredDoc-area{background-color: #f7ecff}
.visaCheck-btn{width: 800px; margin-bottom: 30px;}
.vc-item-yes, .vc-item-no{ font-family: Times New Roman; position: relative; height:480px; line-height:1.6em; color: #474491;}
.vc-item-yes{margin-right:15px;}
.vc-item-no{margin-left:15px;}
.vc-yes, .vc-no{font-size: 24px; line-height: 85px; letter-spacing:0.25em; text-align: center; font-weight: 700; background: url(images/arrow-down01.png) no-repeat top center;}
.vc-yes{color: #5daa09}
.vc-no{color: #de4747}
.vc-txtL{display: block; padding: 30px 0; font-size: 18px; font-weight: 700; text-align: center;}
.visaCheck-btn02{position: absolute; bottom: 0;}
.visad-item01,.visad-item02{color: #474491; line-height: 1.6;}
.visad-item01{margin-right: 30px;}
.visad-item02{margin-left: 30px;}
.visad-item01 p, .visad-item02 p{padding: 0 0 2.4em;}

/*employment support
------------------------------------------------------------ */
.designated-schoolArea{background-color: #f7f7fd}

/*domitory
------------------------------------------------------------ */
.dormitory-area,.domitoryphotoArea,.searchselfArea{background-color: #f7f7fd}
.recommendroomArea{background-color:#e2f8f2;}

/*Extra Act
------------------------------------------------------------ */
.ExtraactArea,.RecommendspotArea{background-color: #f7f7fd}

/*access
------------------------------------------------------------ */
.accessArea{background-color: #f7f7fd}

/*region everyone
------------------------------------------------------------ */
.regionArea{background-color: #f7f7fd}

/*recruit
------------------------------------------------------------ */
.recruitArea{background-color: #f7f7fd}

/*contact
------------------------------------------------------------ */
input,textarea{display:block; padding:1%; width:96%; border:1px solid #ddd;}
input[type="submit"]{margin:0 auto; padding:1em; width: 200px; color: #fff; background-color: #484490; border-radius:5px; -webkit-appearance: none;}

/*sitemap
------------------------------------------------------------ */
.page_item_list{line-height: 1.5;}
.page_item_list > li > a,.children > li > a,.post_item > a{display:block; padding:1em; border-bottom: 1px dotted #ddd;}
.children > li > a{padding-left: 2em;}
.children > li > .children > li > a{padding-left: 3em;}

/*post
------------------------------------------------------------ */
.main-column{display:table-cell; vertical-align:top; width:70%; background-color:#e6e6e6; *display:inline; *float:left}
.side-column{display:table-cell; vertical-align:top; width: 30%; background-color: #fff;  *display:inline; *float:right}

.main-inner,.main-inner-last{border:none; width:auto; margin:40px 40px 0 40px; padding:56px 40px; background-color:#fff;}
.main-inner-last{margin-bottom:40px;}
.post-main{font-size:14px; line-height:2;}
.post-main h3{position: relative; margin:15px 0; font-size:140%; font-weight: 700; color: #484490; letter-spacing: 0.2em; padding:0 0 10px 0; border-bottom: 3px solid #dadada;}
.post-main h3:after{content:""; position: absolute; top: 100%; left: 0; width: 25%; height: 3px; background-color: #484490;}
.post-main p{margin-bottom:15px;}
.post-main table{margin-bottom:20px; width: 100%; color: #474491; border-collapse: collapse; vertical-align: middle; border: 1px solid #ddd; line-height: 1.6; text-align: center; white-space: nowrap;}
.post-main table th{text-align: center; font-weight: 700;}
.post-main table th,.post-main table td{padding: 1em 1.6em; border:1px solid #ddd;}

/*page navi
------------------------------------------------------------ */
.wp-pagenavi{margin:20px 40px 0; line-height:1; clear:both; overflow: hidden;}
.wp-pagenavi .pages,
.wp-pagenavi .page,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .current,
.wp-pagenavi .extend,
.wp-pagenavi .last,
.wp-pagenavi .first{float:left; padding: 5px 10px; margin: 2px; background-color: #fff; color: #333;}
.wp-pagenavi .current{color:#fff; background-color:#484490;}

/*side
------------------------------------------------------------ */
.side-inner{padding:56px 40px;}
.side-item{margin-bottom:40px; line-height:1.6;}
.side-item li{padding:15px 0; border-bottom:1px dotted #ddd}
.side-item a{color: #474491;}
form.search{position: relative; display: table; width:100%; margin:15px auto 0; line-height: 1;}
input[type="search"]{-webkit-appearance: none;border-radius: 0;}
input.search-input, button.search-submit{display:table-cell; padding: 10px; width: auto; height:40px; font-size: 14px; border:1px solid #484490;}
input.search-input{width:100%;}
button.search-submit{position:absolute; top:0; right:0; background-color: #484490; color:#fff; width:40px;}

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

/* layouts
------------------------------------------------------------ */
body{min-width:320px;}
.wrap{border-width: 4px;}

/* Commons
------------------------------------------------------------ */
/*heading*/
.ttl01,.page_heading,.post_heading{margin:0 0 40px; font-size:120%; line-height: 1.6; letter-spacing: 0.1em;}
.ttl01:after{width:100px;}
.ttl02{font-size:120%;}
.ttl02:after{content:""; position: absolute; top: 100%; left: 0; width: 25%; height: 3px; background-color: #484490;}
.ttl04{margin-bottom: 24px; padding:0.8em; font-size:14px;}

/*button*/
.btn01 a{padding:24px; font-size:12px;}
.btn01 a:after, .btn02 a:after{right:10px;}


/* header & footer
------------------------------------------------------------ */
.logo{width:232px;}

/*header*/
.header{padding:0;}
.hdMain{ padding:0; width: auto; height: auto;}
.siteTtl,.header .logo{display: block; float: none; margin-left: auto; margin-right: auto;}
.siteTtl{margin: 0; width: 100%; padding: 8px 0; font-size: 10px; text-align: center; line-height: 1.6; color: #fff; background-color: #484990;}
.header .logo{font-family: Times New Roman; padding: 16px 0;}
ul.hdNav{width: 100%;}
ul.hdNav li{display: flex; align-items: center; justify-content: center;}
ul.hdNav li a{font-size: 8px;}
ul.hdNav li:first-child{border-left: none;}
ul.hdNav li:last-child{border-right: none;}
.gNavContainer.fixed{border-left: 4px solid #484490; border-right: 4px solid #484490;border-bottom: none;box-sizing: border-box;}
	
/*footer*/
.footer{padding: 40px 0;}
.footer .logo{margin-bottom: 16px;}
.ftTel{margin-bottom: 40px; }
.ftNav{display: block; border-top: 1px solid #eee;}
.ftNav li{display: block; padding: 10px 0; border-bottom: 1px solid #eee;}
.ftNav li a{padding: 0;}
.copyright{padding: 24px 10px 0; line-height: 1.2}

/* Grobal Navi
------------------------------------------------------------ */
.fixed{margin: 0 -4px;}
.gNavArea{width:auto;}
.gNav li{width: 20%; height: 56px; border-right:1px solid #eee; margin-right:-1px;}
li#menu-item-296,li#menu-item-517{display: none;}
.gNav li a{display: block; padding:10px 5px;}
.gNav li .gNavItem{padding: 0; font-size: 6px; text-align: center; line-height:1; font-weight: normal; white-space: nowrap;}
.navHome{position:absolute; top:0; bottom: 0; left: 0; right: 0;}

.gNav li i.fa-ellipsis-h{display: none;}

.gNav li a:before{font-family: "FontAwesome"; display:block; font-size:24px; line-height: 1; text-align:center; margin-bottom: 6px;}
li#menu-item-75 a:before{content: "\f19c";}
li#menu-item-76 a:before{content: "\f19d";}
li#menu-item-325 a:before{content: "\f236";}
li#menu-item-551 a:before{content: "\f239";}

/* contents
------------------------------------------------------------ */
.section01{padding: 56px 10px 56px;}
.section02{padding: 40px 0;}
.section03{padding: 56px 20px; background-color: #f9f9f9;}
.section04{padding:20px 0;}
.section05{position: relative; display:block;}
.container01,.container02{width:auto}
.col2, .col3, .col4, .col5, .col8{float: none; display: block; width: auto;}
.secTxt02{padding: 16px 0 36px}
.secTxt03{margin-bottom: 16px;}

/*page title*/
.pageTtlArea{height: auto;}
.pageTtlMain{width:auto; padding: 24px 0;}
.pageTtl{position: relative; top: auto; bottom: auto; height: auto; font-size: 18px;}
.pageTtl02{padding:0; font-size: 18px;}

/*section Contact*/
.secContact{padding:32px 10px;}
.scInner{width:auto;}
.scBtn{padding: 24px 0; width: auto; font-size: 12px; font-weight: bold; letter-spacing: 0.1em;}
.scBtn:after{right: 10px;}
.scMain{margin-bottom: 20px; height:auto; background:none;}
.scTtl{position: relative; top: auto; left: auto; margin-bottom: 20px; text-align: center;}
.scTxt{position: relative; top: auto; left: auto; width: auto; text-align: center;}
.secTxt01, #ss_pages, #ss_posts{margin-bottom: 40px;}

/* Parts
------------------------------------------------------------ */
/*postlist*/
.pl01Inner{padding:20px 16px; height: auto; overflow: hidden;}
.pl01Inner, .pl01Inner-home{margin: 0 0 10px;}
.pl01Img{float: left; width: 62px; margin: 0 16px 16px 0;}
.pl01Txt{margin: 0 0 0 76px;}
.pl01Txt02{padding: 0 0 16px;}
.pl01Inner-home .pl01Img{border-radius: 0;}
.pl01Hd{padding:0 0 10px; text-align: left;}
.pl02Inner{padding: 24px 12px;}
.pl02Date, .pl02Txt{float: none;}
.pl02Txt{margin-left: 1em;}
.pl03Inner, .pl03Inner-home{margin:10px 0; overflow: hidden;}
.pl03Img{float: left; display: inline; margin: 20px; width: 50px;}
.pl03Hd{text-align: left; padding-bottom: 10px;}
.pl03Main{padding:20px; height: auto; text-align: left;}
.pl03Main > p{margin-left: 70px;}
.pl04Inner{padding: 0 16px 0;}
.pl04-txt-main{padding:16px 0; line-height: 1.6;}

/*photolist*/
.photoList01 img{width: 150px;}
.phl01item{float: left; width: 33.3%}
.photoList01 .linkBlock{padding: 0 10px;}
.phl02Inner img{border-radius: 60px;}
.photoList04 .col3{float: left; width: 33.3%}
.photoList04 .linkBlock{margin: 5px;}

/*data*/
.dl01-ttl, .dl01-txt, .dl02-ttl, .dl02-txt{float: none; display: block; width: auto; text-align: center; line-height: 1.6;}
.dl01-ttl,.dl02-ttl{padding:0 0 10px;}
.dl01-txt,.dl02-txt{padding: 0 0 20px;}

/*Staff List*/
.staffl-item, .staffl-item04{height: auto;}
.staffl-main02, .staffl-main05{position: relative; left: auto; right: auto; bottom: auto;}
.staffl-item02, .staffl-item03{height: auto;}
.staffl-bizimg{display: none;}

/*table*/
.table01 th,.table01 td{display: block; width: auto;}
.table01 th{text-align: center;}

/* Index
------------------------------------------------------------ */
/*Main Visual*/
.mainVis{height:250px;}
.mVMain{width:750px;}
.mVTile-item01{height:250px;}
.mVTile-item02{width:250px; height:250px;}
.mVTile-cap p{top:45%; font-size: 12px; line-height: 1.6;}
/*headline*/
.hlArea{height: auto;}
.hlTtl,.hlMain{float: none; display: block; width: auto; height: auto; padding: 10px; line-height: 1.6;}
.hlTxt{padding: 0; line-height: 1.6;}

/* About
------------------------------------------------------------ */
.historyTxt{padding-top: 20px; margin-bottom: 20px;}
.bankArea{padding: 30px 20px; width: auto; border-width: 20px;}
.bank-yonoImg img{width:  123px;}

/* Admission
------------------------------------------------------------ */
.visaCheck-btn{width: auto;}
span.txtL{line-height:1.6;}
.visad-item01,.visad-item02{margin:0;}
.visad-item01 p, .visad-item02 p{padding-bottom: 1.6em}
.vc-item-yes, .vc-item-no{height: auto; margin:0 0 40px;}
.vc-txtL{padding: 16px 0;}
.vc-txtM{padding-bottom: 16px;}
.visaCheck-btn02{position: relative; bottom: auto;}
.elements{padding: 20px 0; font-size:16px; margin:0 25px 10px;}

/*post
------------------------------------------------------------ */
.main-column,.side-column{display: block; width: auto;}
.main-column{padding:20px;}
.main-inner, .main-inner-last{margin: 0 0 20px; padding: 40px 20px;}
.main-inner-last{margin-bottom: 0;}
.side-inner{padding:40px 20px;}
.post-main h3{font-size:120%; line-height: 1.6;}

/*page navi
------------------------------------------------------------ */
.wp-pagenavi{margin:20px 0 0;}
}