@charset "utf-8";
/*====================
1.基本
2.概要
3.会社案内
4.個人情報保護方針
5.お問い合わせフォーム
6.フッター
7.フォームの設定
8.margin/padding指定
9.団体フォーム設定
11.適性検査流れ
12.適性検査サンプル（帳票）
====================*/

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

@media screen and(max-width: 420x){
	
}

@media screen and (max-width: 640px){
html {font-size: 58%!important;}
#wrap { width:100%;}
.header_top {display:block;}
.header_top h1.top_logo { width:100%;}
.header_top h1.top_logo .logo_img img{ width:50%!important;}
.header_top h1.question_ttl .logo_img img{ display:block; margin:0 auto;}
.header_top ul { width:100%; padding-left:0; display:block; }
.header_top ul li { display:block; width:100%; margin:0; padding:0;}
.header_top ul li a {display: block; padding:0; width:96%; padding:3% 2%; margin:0; border-bottom:solid 1px #ffffff;}

.no_sp{display: none!important;}
.wrap{padding: 0;}
.content2 { padding:4% 1.5% 0 1.5%; clear:both;}
.gnav li ul li {overflow: visible; display: block; width: 100%; }

/*基本のh*/
h2.ttl3,h2.ttl_nagare { margin-left: 1%; padding-left: 2%; box-sizing: border-box; font-size: 2.2rem; clear:both;}
h2.ttl3_sp { font-size: 1.8rem!important;}
/*マーカーつきリスト*/
.list_round {list-style-type: disc!important;}

/*#gnavスマホ*/

ul#gnav  { width: 100%; margin-top:-1%;}
#gnav li { display: block; float: left; width: 50%; box-sizing: border-box; background-color:#861b20; border-top:1px solid #ffffff; border-left: 1px solid #ffffff; border-right: none!important; box-sizing:border-box;}
/*#gnav li:nth-child(odd){ border-left:#861b20;}*/
#gnav li a {display: block; padding: 7% 2%; box-sizing: border-box; text-decoration: none;  font-size:1.2rem!important; }

/*トップページMETIAの特徴*/
.tokucho li { display:inline-block; vertical-align:top; width:48%!important;}
.tokucho li p { text-align:left; width:100%; margin:0 auto; }


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%; }

/*トップページ*/
.kokuchi {width:90.4%!important; margin: 5% auto 0 auto; font-size:1.6rem;}
.kokuchi .samne a{ width:80px; height:120px; }
.kokuchi .icon { font-size:1.5rem;}
a.login_btn {width:90.4%!important; margin: 0 auto; padding:3% 0; font-size:1.6rem;}
ul.btn2 li { display: block; width:100%; margin-top:2%;}

.gaiyo .blue_btn { width:70%;}
.top_spfont { font-size:85%!important;}

/*えんじボタン*/
.top_enji { font-size:1.5rem!important; width:95%!important;}
a.top_enji img { width:10%;}
li a.btn_white { line-height:70px!important; }
/*====================
2.概要
====================*/
.app_flow { width:100%; }
.app_p { width:100%; }
/*診断結果*/
.persona_guide img { width:100%; }


/*====================
4.個人情報保護方針
====================*/
dl.privacy_teigi dt { font-size:1.7rem; padding:0 3%!important;}
dl.privacy_teigi dd { padding:0 3%!important;}

/*ポップアップウインドウ*/
スマホ
.modal-window .modal-inner {
position: absolute;
top: 2%;
left: 0;
z-index: 20;
width: 98%!important;
overflow-x: hidden;
border-radius: 2px;
background: #fff;
}

/*.modal-window .modal-close {
display: block;
text-indent: -90%;
overflow: hidden;
}
*/

.modal-window .modal-close:after {
content: '\00d7';
position: absolute;
top: 2%;
left: 0;
z-index: 20;
width: 98%!important;
background: #fff;
border-radius: 2px;
padding: 2px 8px;
font-size: 1.2em;
text-decoration: none;
text-indent: 0;
}

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

#footer {width: 100%; text-align: center; margin-top:0;}
#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; font-size: 1rem; text-align: center; clear:both!important;}

/*基本のtable*/
.tb_simple {
 width:100%;

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

/*ブルーのリンクボタン*/
a.blue_btn_s,a.orange_btn_s{ width:90%!important; font-size:1.6rem!important;}

/*フォントサイズ*/
.f-small01 { font-size:1.0rem;}
.f-small02 { font-size:1.3rem;}
.f-small03 { font-size:1.1rem;}
.f-large01 { font-size:1.8rem;}
.f-large02 { font-size:2.0rem;}
.f-large03 { font-size:2.4rem;}
.f-large04 { font-size:2.6rem;}

/*サイトマップ*/
.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;}
.mb50 { margin-bottom: 10%!important;}

.ml20 { margin-left: 4%!important;}
.ml30 { margin-left: 5%!important;}
	/*ネガティブ*/
	.mt_nega { margin-top:-1.7%;}

.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;}
.pb20 { padding-bottom: 2.5%!important;}
.pl { padding-left:1em!important;}

/*スマホのみ左寄せテキスト*/
.sp_left_txt { text-align:left!important;}

/*====================
10.Q&A
====================*/
.qa_list dt div.q_img, .qa_list dd div.q_img{ display:table-cell; width:10%!important; font-size:1.8rem!important; font-weight:bold;}
.qa_list dt p{ display:table-cell; width:80%; }

/*qaサンプル*/
.thum { display:table; width:100%; margin:0 auto;}
.thum li{ display:table-cell; padding:0 3%;}
.thum li img{ width:100%;}

/*====================
12.適性検査サンプル（帳票）
====================*/
.chohyo_box { display:block;} 
.chohyo_box div { display:block; width:100%; }
.chohyo_box div div.sample { padding:0 10%; margin-top:8%;}
.chohyo_box div div.sample p { margin-top:2%;}

/*METIAとは*/
.info { width:100%;}
.box_blueline .metia_column { display:block; width:100%;}

.movie-wrap {width:100%; margin-top:20%;}

}