@charset "utf-8";


/* Reset CSS
------------------------------------------ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}


/* 全般
------------------------------------------ */
body{
font: 15px "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color: #000;
background: #fff;
}

.jianti{
font-family:'Arial','SimSun','MS UI Gothic','Hei','sans-serif';
}

* {
  -webkit-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.float-clear{
clear:both;
margin: 0;
padding: 0;
}



/* ヘッダー
------------------------------------------
------------------------------------------ */
.header{
position: relative;
margin: 0;
padding: 0px;
height: 60px;
background: #0033cc;
}

/* タイトル
------------------------------------------ */
.title{
float: left;
margin: 16px 0 17px 10px;
}

.title a{
font-family: "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN", "HG丸ｺﾞｼｯｸM-PRO", "メイリオ", "Meiryo", "MS UI Gothic";
font-size: 27px;
font-weight: bold;
text-decoration: none;
color: #fff;
}



/* パンくず
------------------------------------------ */
.topicpath {
margin: 5px 10px 0 10px;
}

.topicpath ul{
margin: 0;
padding: 0;
}

.topicpath li{
display: inline;
margin: 0;
font-size: 13px;
list-style-type: none;
}

.topicpath a{
padding: 0 15px 0 0;
background: url("topicpath.png") no-repeat right center;
text-decoration: none;
color: #0033cc;
}



/* h1
------------------------------------------ */
.sub-title{
margin: 20px 10px 0 10px;
padding: 5px 0;
background: #0033cc;
}

.sub-title h1{
padding: 7px 0 5px 0;
background: #f9fafd;
font-size: 19px;
font-weight: bold;
color: #0033cc;
}



/* 記事
------------------------------------------
------------------------------------------ */
.article{
padding: 0 10px 0 10px;
line-height:1.6;
letter-spacing:1px;
}

/* トップイメージ
------------------------------------------ */
.top-img{
margin: 20px 0 0 0;
padding: 0 10px 0 10px;
width: 100%;
}

/* h2
------------------------------------------ */
.article h2{
margin: 40px 0 0 0;
padding: 9px 0 5px 5px;
border-left: 5px solid #0033cc;
border-bottom: 1px solid #0033cc;
background: #f9fafd;
font-weight: bold;
color: #0033cc;
}

/* 本文
------------------------------------------ */
.article p{
margin: 10px 0 0 0;
text-indent: 1em;
}

.p-red{
color: #ff2020;
}

.p-bold{
font-weight: bold;
}

.article a{
color: #0033cc;
}

/* 画像
------------------------------------------ */
.article img{
display: block;
margin: 10px auto 0 auto;
max-width: 100%;
}

/* 箇条書き
------------------------------------------ */
.itemize{
margin: 10px 0 0 0;
padding: 5px 0 6px 10px;
border: 1px solid #0033cc;
background: #f9fafd;
}

.itemize ul{
list-style-type: none;
}

.itemize li{
margin: 5px 0 0 0;
padding: 0 0 0 12px;
background: url(list-maker.png) no-repeat 0px 8px;
}



/* 共通下部
------------------------------------------
------------------------------------------ */

/* 問合せ
------------------------------------------
mfp.statics/css/base.css
mfp.statics/css/button.css
------------------------------------------ */

/* 選びます
------------------------------------------------------------*/
textarea::-webkit-input-placeholder::after {
  display: block;
  content: "1.1クラス人数が平均15人以下 \A 2.日本人比率が3割以内 \A 3.1人部屋が予約できる \A 4.学費が8,000元以内 \A 5.寮で自炊ができる";
}

/* 下部メニュー
------------------------------------------ */
.under-choice{
margin: 0 0 0 5px;
}

.under-choice li{
margin: 0;
height: 44px;
line-height: 44px;
border-bottom: 1px solid #0033cc;
background: #fff url(sub-go.png) no-repeat right;
}

.under-choice a{
display: block;
padding: 0 0 0 5px;
text-decoration: none;
color: #0033cc;
}

.under-top{
margin: 20px 0 0 0;
border-top: 1px solid #0033cc;
}

/* フッター
------------------------------------------ */
.footer{
margin: 30px 0 0 0;
background: #0033cc;
}

.footer p{
padding: 5px 0 0 0;
text-align:center;
font-size: 13px;
color: #fff;
}

/* メニュー
------------------------------------------ */
/* メニュー枠
-------------- */
@media screen and (min-width: 769px){
.menu-outer{
position: fixed;
top: 0;
left: 0;
width: 100%;
}
}
@media screen and (min-width: 769px) and (max-width: 1000px){
.menu-inner{
position: relative;
margin: 20px 20px 0 20px;
}
}
@media screen and (min-width: 1001px){
.menu-inner{
position: relative;
margin: 20px auto 0 auto;
width: 940px;
}
}
/* switch
-------------- */
.switch{
padding: 2px;
position: fixed;
top: 11px;
right: 10px;
width: 39px;
height: 39px;
cursor: pointer;
background-color: #0033cc;
}
.switch:before{
content: url("menu-open.png");
}
.active3:before{
content: url("menu-close.png");
}
.toggle{
cursor: pointer;
}
@media screen and (min-width: 769px){
.switch{
position: absolute;
top: 11px;
right: 10px;
}
}
/* メニュー内部
-------------- */
.nav{
display: none;
width: 100%;
position: fixed;
top: 60px;
right: 0;
border-top: 1px solid #0033cc;
background-color: #fff;
}
.nav li{
background-color: #f9fafd;
border-bottom: 1px solid #0033cc;
}
.nav a{
display: block;
margin-right: 2px;
padding-left: 5px;
height: 40px;
line-height: 42px;
background: url(sub-open2.png) no-repeat right;
text-decoration: none;
}
.nav a.active2{
background: url(sub-close2.png) no-repeat right;
}
.child1, .child2, .child3{
display: none;
}
.child2 li, .child3 li{
background-color: #fff !important;
border-top: 1px solid #0033cc;
border-bottom: none;
}
.child1 li{
background-color: #f9fafd;
border-top: 1px solid #0033cc;
border-bottom: none;
}
.child2 a, .child3 a{
margin-right: 3px;
padding-left: 15px;
line-height: 44px;
background: url(sub-go2.png) no-repeat right !important;
color: #0033cc;
}
.child1 a{
margin-right: 3px;
padding-left: 15px;
line-height: 44px;
background: url(sub-open2.png) no-repeat right;
}
.child3 a.active2{
background: url(sub-go2.png) no-repeat right;
}
/* PC/TAB
--------- */
@media screen and (min-width: 769px){
.nav{
position: absolute;
top: 59px;
right: 0;
width: 380px;
}
.nav a{
margin-right: 8px;
}
.child3 a{
margin-right: 9px;
}
}

/* pagetop
------------------------------------------ */
.pagetop {
display: none;
position: fixed;
bottom: 10px;
right: 10px;
}
.pagetop a {
display: block;
width: 40px;
height: 40px;
background-color: #333;
text-align: center;
color: #fff;
font-size: 24px;
text-decoration: none;
line-height: 40px;
}

/* pagetop
------------------------------------------ */
.axana img{
position: absolute;
bottom: 0;
height: 0px !important;
}



/* 地域ページ
------------------------------------------ */
.area-top{
margin: 20px 0 0 0;
padding: 0 10px 0 10px;
}

.area-top img{
width: 100%;
}

.area-top dl{
float: left;
margin: 5px 0 0 0;
width: 50%;
border-top: 1px solid #0033cc;
border-left: 1px solid #0033cc;
}

.area-top p{
margin: 0;
padding: 4px 0;
height: 30px;
letter-spacing: 1px;
text-align: center;
vertical-align: middle;
border-bottom: 1px solid #0033cc;
}

.at2 p{
border-right: 1px solid #0033cc;
}

.area-top dt, .area-top dd{
float: left;
margin: 0;
padding: 4px 0;
height: 30px;
letter-spacing: 1px;
text-align: center;
vertical-align: middle;
border-bottom: 1px solid #0033cc;
}

.area-top dt{
border-right: 1px dashed #0033cc;
background: #f9fafd;
}

.at1 dt{
width: 40%;
}

.at1 dd{
width: 60%;
}

.at2 dt{
width: 35%;
}

.at2 dd{
width: 65%;
border-right: 1px solid #0033cc;
}




/* thanks mail
------------------------------------------ */
.thanks{
margin-top: 20px !important;
}


/* sitemap
------------------------------------------ */
.sitemap{
margin: 10px 0 0 0;
padding: 0;
}

.sitemap li{
margin: 5px 0 0 0;
padding: 0;
list-style-type: none;
}

.sitemap a{
text-decoration: none;
color: #0033cc;
}

.sitemap-sub{
margin-left: 15px;
}


/* 流れ
------------------------------------------ */
.flow h3{
margin: 30px 0 0 0;
padding: 0 0 0 10px;
font-weight: bold;
color: #0033cc;
border-bottom: 1px dashed #0033cc;
background: url(sankaku.png) no-repeat 0 7px;
}

.flow p{
margin-top: 5px;
}


/* 10201
------------------------------------------ */
.a10201{
margin: 10px 0 0 0;
padding: 0 5px 5px 10px;
border: 1px solid #0033cc;
background: #f9fafd;
}

.a10201 dt{
float: left;
margin-top: 10px;
padding: 0 0 0 12px;
font-weight: bold;
color: #0033cc;
background: url(list-maker.png) no-repeat 0px 8px;
}

.a10201 dd{
margin-top: 10px;
}


/* 20308
------------------------------------------ */
.mail-exe{
margin: 10px 0 0 0;
padding: 0 10px 5px 10px;
border: 1px solid #0033cc;
background: #f9fafd;
}

.mail-exe ul{
margin: 10px 0 0 1em;
}

.mail-exe li{
margin: 2px 0 0 0;
}


/* faq
------------------------------------------ */
.faq{
padding: 5px 0 0 0;
}

.faq li{
margin: 8px 0 0 0;
padding: 0 0 0 12px;
background: url(sankaku.png) no-repeat 0 6px;
}

.day{
margin: 10px 0 0 0;
border-top: 1px solid #0033cc;
}

.day img{
float: left;
clear: left;
margin-right: 10px;
}

.day p{
text-indent: 0em;
}

.day dt{
font-weight: bold;
}


/* column
------------------------------------------ */
.column a{
text-decoration: none;
}

.photo01{
max-width: 100%;
}


/* tweet
------------------------------------------ */
.tweet p{
margin: 10px 0 0 0;
padding: 0 0 0 10px;
text-indent: 0em !important;
color: #0033cc;
background: url(sankaku.png) no-repeat 0 6px;
}

.tweet a{
text-decoration: none;
}

.tweet01{
margin-top: 5px !important;
padding: 10px 0 10px 0;
text-indent: 0em !important;
border-bottom: 1px dashed #0033cc;
}

.tweet02{
margin-top: 15px !important;
text-indent: 0em !important;
}


/* ブログ
------------------------------------------ */
.blog img{
float: none !important;
}
.blog p{
text-indent: 0em !important;
}
.blog ul{
margin-top: 10px;
}


/* 02104
------------------------------------------ */
.a02104{
padding: 5px;
text-indent: 0em !important;
background: #f9fafd;
}


/* 02113
------------------------------------------ */
.a02113-1{
margin: 10px 0 5px 0;
}
.a02113-2{
border: 1px solid #0033cc;
}


/* 02115
------------------------------------------ */
.a02115 h3{
margin: 20px 0 0 0;
padding: 0 0 0 12px;
border-bottom: 1px dashed #0033cc;
background: url(sankaku.png) no-repeat 0 7px;
font-weight: bold;
}


/* 60000
------------------------------------------ */
.zemi{
margin: 10px 0 0 0;
padding: 0;
}
.zemi li{
margin: 5px 0 0 0;
padding: 0 0 0 14px;
list-style-type: none;
background: url(sankaku.png) no-repeat 0 7px;
}
.zemi a{
text-decoration: none;
color: #0033cc;
}
.zemi-p p{
text-indent: 0;
}


/* 70000
------------------------------------------ */
.a70000{
margin: 15px 0 0 0;
}
.a70000 a{
display: block;
max-width: 400px;
margin-top: 5px;
text-decoration: none;
color: #0033cc;
}
.a70000-2 p{
text-indent: 0em !important;
}



/* Media Queries
------------------------------------------
------------------------------------------ */

/* 1カラム
------------------------------------------ */
@media screen and (max-width: 519px){

.a20401-1{
width: 100%;
}

.a20401-2{
display: none;
}

}



/* 2カラム
------------------------------------------ */
@media screen and (min-width: 520px) and (max-width: 768px){

.h2-top{
margin: 30px 0 0 350px !important;
}

.h2-top-school{
margin: 30px 0 0 310px !important;
}

.h2-top-faq{
margin: 30px 0 0 0 !important;
}

.article img{
float: left;
margin: 10px 10px 10px 0;
}

.float-clear-2column{
clear:both;
margin: 0;
padding: 0;
}

.under-left-area{
float: left;
width: 49%;
}

.under-right-area{
float: left;
padding-left: 20px;
width: 51%;
}


}


/* 2+3カラム
------------------------------------------ */
@media screen and (min-width: 520px){

body{
font-size: 16px;
}

.menu{
margin: 0 10px 0 0;
width: 340px;
}

.top-img{
float: left;
margin: 30px 0 0 0;
width: 360px;
}

.area-top{
float: left;
margin: 30px 0 0 0;
width: 360px;
}


.item20105{
width: 250px;
}

.under-left-type{
float: left;
width: 49%;
}

.under-right-type{
float: left;
padding-left: 20px;
width: 51%;
}

.under-top{
margin-top: 44px;
border-top: none;
}

.footer p{
padding: 13px 0 12px 0;
}

.footer-cut{
display: none;
}

.thanks{
margin-top: 30px !important;
}


}


/* 3カラム
------------------------------------------ */
@media screen and (min-width: 769px){

body{
margin: 20px auto 0 auto;
padding: 0 20px 0 20px;
max-width: 980px;
}

.title{
margin: 10px 0 10px 10px;
}

.title a{
font-size: 40px;
}

.menu{
margin: 0;
}

.sub-title{
margin: 20px 0 0 0;
}

.sub-title h1{
padding: 8px 0 5px 0;
font-size: 24px;
}

.h2-top{
margin: 30px 0 0 360px !important;
}

.h2-top-school{
margin: 30px 0 0 320px !important;
}

.h2-top-faq{
margin: 30px 0 0 0 !important;
}

.top-img{
padding: 0 20px 10px 0;
}

.area-top{
padding: 0 20px 10px 0;
}

.article{
padding: 0;
}

.article img{
float: left;
margin: 10px 20px 10px 0;
}

.type-choice{
float: left;
margin-top: 20px;
width: 67%;
}

.area-choice{
float: left;
margin-top: 20px;
padding-left: 25px;
width: 33%;
}

.footer{
margin: 30px 0 20px 0;
background: #0033cc;
}


}