@charset "utf-8";
/*====================
1.基本
2.概要
3.会社案内
4.個人情報保護方針
5.お問い合わせフォーム
6.フッター
7.フォームの設定
8.margin/padding指定
====================*/

@media screen and (min-width: 641px) and (max-width: 800x){
	.gnav { font-size: 1.2rem;}
}

@media screen and (max-width: 640px){
html {font-size: 62.5%!important;}
h1.top_logo { width:320px!important;}
.no_sp{display: none!important;}
.wrap{padding: 0;}
.content2 { padding:0 1.5%;}
.gnav li ul li {overflow: visible; display: block; width: 100%; height: auto;}

/*基本のh*/
h2.ttl3 { margin-left: 1%; padding-left: 2%; box-sizing: border-box; font-size: 2.5rem; margin-top:4%;}


/*gnavスマホ*/

ul#gnav  { width: 100%; font-size: 1.2rem; }
#gnav  li { display: block; float: left; width: 50%; box-sizing: border-box; border-top:1px solid #ffffff; border-left: 1px solid #ffffff; border-right: none!important;}
#gnav li a {display: block; padding: 5% 0; box-sizing: border-box; text-decoration: none; }
#gnav li a:hover {background: #bed4ef;}

/*====================
トップページ
====================*/
/*シンシパル*/
h2.sincipal_ttl { border-bottom:#1253a4;}
h2.sincipal_ttl div { display: block; vertical-align:middle; text-align:center;}
h2.sincipal_ttl div.sincipal_logo { width:40%; display: block; margin:5% auto 0 auto;}

/*先生紹介*/
#info { width: 99%;  clear: both; margin: 0 auto;}
#info .info_box { width: 99%; margin: 2% auto; }
#info .info_list div.txt_info { display: block; box-sizing: border-box; clear:both; }
#info .info_list div.img_info { display: block; box-sizing: border-box; width:50%; margin:0 auto; }
.bk_bt { padding-bottom:10%;}
.bk_bt a { width:30%;}
.profile_list th { width:20%; clear:}
.spfont { font-size:1.8rem!important;}
.t_name { margin-top:5%;}

.coach_prof { ext-align:center;}
.coach_prof p { padding-left:0; display:block;}

h2 { font-size:2.4rem;}
h3{ font-size:2.0rem;}
h3.list_title {font-size:1.8rem;}
.info h3 { font-size:2.2rem;}
.main_catch { font-size:2.2rem;}
  /*#inq_form li span { display:block; padding-top:1.5%;}*/
  .school_link li{
      width: 48%;
      margin: 0.99%;
      float: left;}

.bg_blue a p { font-size: 1.6rem; max-width:1002px; margin: 0 auto; padding: 5%;}
.bg_blue p span {font-size: 1.8rem;}

#inq_form .name li span { display:block;}

.info_btn { margin-top: 5%; }

/*トップページ*/
a.login_btn {width:90.4%!important; margin: 0 auto; padding:3% 0; font-size:1.6rem;}
ul.btn2 li { display: block; width:100%;}
.gaiyo .blue_btn { width:70%;}
.top_spfont { font-size:1.6rem!important;}

.coach_prof { ext-align:center;}
.coach_prof p { padding-left:0; display:block;}

h2 { font-size:2.4rem;}
h3{ font-size:2.0rem;}
h3.list_title {font-size:1.8rem;}
.info h3 { font-size:2.2rem;}
.main_catch { font-size:2.2rem;}
  /*#inq_form li span { display:block; padding-top:1.5%;}*/
  .school_link li{
      width: 48%;
      margin: 0.99%;
      float: left;}

.bg_blue a p { font-size: 1.6rem; max-width:1002px; margin: 0 auto; padding: 5%;}
.bg_blue p span {font-size: 1.8rem;}

#inq_form .name li span { display:block;}

.info_btn { margin-top: 5%; }
img { width:100%;}
/*====================
3.会社案内
====================*/
.tb_simple{ width:98%;}
/*====================
4.個人情報保護方針
====================*/
dl.privacy_teigi dt { font-size:1.7rem; padding:0 3%!important;}
dl.privacy_teigi dd { padding:0 3%!important;}

/*====================
9.申込から適性検査結果まで
====================*/
.app_flow {
    margin: 5% auto;
    width:90%;
}

/*====================
/*6.フッター*/
/*====================*/

#footer {width: 100%; text-align: center; margin-top:5%;}
#footer .footer_list {width: 100%; text-align: center; display: block;}
#footer .footer_list .shisetsu_list {width: 100%; text-align: center; display: block;}
ul.u_dot li{ border:none;}

#copyrigtht { width: 100%; height:30%!important; padding:4% 0!important; box-sizing:border-box; background-color: #1253a4; color: #ffffff; font-size: 1rem; text-align: center; clear:both!important; margin-top:5%;}


a.schoollink_btn { width:90%; margin:0 3% 3% 3%;}

/*フォントサイズ*/
.f-small01 { font-size:1.0rem;}
.f-large01 { font-size:1.8rem;}
.f-large02 { font-size:2.0rem;}

/*サイトマップ*/
.link_icon { width:3.8%;}	

/*margin/padding指定*/
.mt80 { margin-top: 10%!important;}
.mt50 { margin-top: 7%!important;}
.mb50 { margin-bottom: 7%!important;}
.mt30 { margin-top: 5%!important;}
.mt20 { margin-top: 4%!important;}
.mt15 { margin-top: 2.5%!important;}
.mb20 { margin-bottom: 4%!important;}
.pt0 { padding-top: 0!important;}
.pt50 { padding-top: 7%!important;}
.pt30 { padding-top: 4%!important;}
.pb2 { padding-top: 2%!important;}
.pb30 { padding-bottom: 5%!important;}

}