@charset "utf-8";
/*====================
1.基本
トップページ
2.概要
3.会社案内
4.個人情報保護方針
5.お問い合わせフォーム
6.Q&A
7.フォームの設定
8.margin/padding指定
9.申込から適性検査結果まで
====================*/
html{font-size: 70%; height: 100%;}
body {
font-family: 'Noto Sans Japanese', sans-serif; font-size:14px; font-size:1.4rem; color: #444; line-height: 1.7; -webkit-text-size-adjust: none; height: 100%; background-color:#fefabf;
		}
.wrap{width: 100%; margin: 0 auto; box-sizing:border-box; -moz-box-sizing: border-box; position: relative; }
.content {width: 100%; max-width: 1002px; margin: 0 auto; padding:0 3.9%;  box-sizing:border-box; -moz-box-sizing: border-box; position: relative; }
.mainimg {max-width: 1002px; margin: 0 auto;}
.content2 {width: 100%; max-width: 1002px; margin: 0 auto; box-sizing:border-box; -moz-box-sizing: border-box; position: relative;}
a:hover{text-decoration: none;}

/*clearfix*/

.cf:after {
display:block;
clear:both;
height:0px;
visibility:hidden;
content:".";
}

/*link*/
a { color:#444; text-decoration:underline;}
a:visited { color:#444; text-decoration:underline;}
a:hover{}

/*img*/

img { width:100%;}
/*header*/

.header_top{
	position: relative;
	display: table;
	width: 100%; max-width: 1002px; margin: 0.8% auto; box-sizing:border-box;
}
h1.top_logo{ width:370px; display:table; margin-left:1%;}
h1.top_logo div.logo_txt { width:85%; font-size:1.5rem; color:#1253a4; display:table-cell; vertical-align:middle; }
h1.top_logo div.logo_txt span { font-size:1.2rem; display:block;}
h1.top_logo a.logo_img{ width:12%; display:table-cell;}


/*基本のh*/
h2.ttl3 {border-left:solid 8px #1253a4; padding-left: 2%; box-sizing: border-box; font-size: 2.8rem; font-weight:lighter;}
h3 { box-sizing: border-box; font-size: 2.3rem;}
h3.ttl4 { padding-bottom:1%; border-bottom:solid 1px #1253a4; font-size: 1.8rem; }
.slide img{ width: 100%; max-width: 1002px; margin-top:2%;}

/*基本のtable*/
.tb_simple {
 width:80%;
 border:solid #1253a4;
 border-width:1px 0 0 1px;
 line-height:1.32em;
 margin:0 auto;
}
.company_table th { width:30%;}
.tb_simple th { background-color:#C6D3EE; text-align:center;}
.tb_simple td, .tb_simple th {
 padding:1.5%;
 border:solid #010492;
 border-width:0 1px 1px 0;
}
/*gnav*/

#gnav { width: 1002px; margin:0 auto; display: table; font-size: 1.6rem; font-size: 1.4rem;}
#gnav li{ display: table-cell; vertical-align: middle; width: 16.5%; background-color: #1253a4; border-top:5px solid #f8b82a; color: #fff; text-align: center; position: relative; border-right:solid 1px #fff; cursor: pointer}
#gnav li:hover { background-color: #7ca6db; }
#gnav li a {display: block; width: 100%; height: 100%; color: #fff; padding:14px 0; box-sizing:border-box; text-decoration: none; line-height: 1;}
.icon_img img{width:0%; height: 0%;}

/*質問画面のヘッダのライン*/
#header_line { width: 100%; background-color: #1253a4;  border-top:5px solid #f8b82a; height:30px;}

/*ボタン*/
a.login_btn { background-color:#1253a4; border-top:solid 3px #b2c7e1; border-left:solid 4px #b2c7e1; padding:1.5%; margin:0 auto; display:block; text-align:center; color:#ffffff; text-decoration:none;} 
	
/*footer*/
#footer{ width:100%;
		 /*max-width:1002px;*/
         clear:both;
		 margin:0 auto;
		 clear:both;
		 box-sizing:border-box;
		 padding: 3% 0 0 0; 
		 /*position:fixed;*/
		 bottom: 0;
		 color:#444;
		}
.footer-nav { text-align: center; clear: both; width:80%; margin:0 auto; }  
.footer-nav li{ display: inline; white-space:nowrap;}
.footer-nav  a {padding: 0 2% ; border-right: solid 1px #444444; color:#444444; }

/*====================
トップページ
====================*/
/*入口ボタン*/
ul.btn2 { width:98%; margin:0 auto; display:table; }
ul.btn2 li { display: table-cell; vertical-align:top; }
ul.btn2 li a{ padding:4% 0; text-align:center; display:block; text-decoration:none; font-size:1.6rem; width:98%;}
a.btn_orange { background-color:#f9b03d; color:#ffffff; height:50px!important;}
a.btn_rightblue { background-color:#b2c7e1; color:#1253a4; height:50px!important;}
/*概要*/
.gaiyo { width:98%; margin:0 auto;}
.gaiyo div.ttl_g { padding-bottom:1%; border-bottom:solid 1px #1253a4; font-size: 2.8rem; text-align:center; font-weight:lighter;  }
.gaiyo h2 { font-size: 2.2rem; font-weight:lighter; color:#1253a4; }
h3 {border-left:solid 8px #1253a4; padding-left: 2%; box-sizing: border-box; font-size: 2.0rem; font-weight:lighter;}
.gaiyo .blue_btn { width:30%;}

/*シンシパル*/
h2.sincipal_ttl { border-bottom:#1253a4; display:table; width:100%;}
h2.sincipal_ttl div { display:table-cell; vertical-align:middle;}
h2.sincipal_ttl div.sincipal_logo { width:25.5%; display:table-cell; margin-top:2%;}
#info { width: 90.4%; max-width: 1002px; margin:0 auto; clear: both;}
#info .info_box { padding:1% 3%!important;  }
#info .info_list { display: table; padding-bottom: 0.8%; box-sizing: border-box;　border-bottom: dotted 1px #93b8ca!important;}
#info .info_list div.img_info { display: table-cell; width:20%;  }
#info .info_list div.img_info img { width:100%; display: table-cell; }
#info .info_list div.txt_info { display: table-cell; vertical-align: top; padding-left: 2%; box-sizing: border-box; }

#info .info_box { border: solid 1px #ccc; padding: 1% 3% !important; box-sizing: border-box; margin-top: 2%; border:solid 3px #1253a4;}
#info .info_list div.txt_info{ display: table-cell; vertical-align: top; width:100%; padding-left: 2%; box-sizing: border-box;}

#info .info_box div.txt_article { width: 100%;　margin-top: 2%; box-sizing: border-box; }
#info .info_box div.txt_article span.date_article { display: block; }
#info .info_box div.txt_article h3.article_ttl { font-size: 120%; } 
#info .info_box div.txt_article p {  }
#info .info_box div.txt_article ul.img_article { margin: auto;}
#info .info_box div.txt_article ul.img_article li {display: inline-block; width: 45.3%; margin: 2%; box-sizing: border-box; }
#info .info_box div.txt_article ul.img_article li img{ width: 100%;}
.txt_data { display:table;}
.txt_data .icon{ display:table-cell; width:32px; margin:5% 4%;}
.txt_data a {display:table-cell; padding-left:3%;}

/*先生名前*/
.profile { text-align:center; font-size:120%; padding-bottom:1.2%; border-bottom:solid 1px #aaa;}
.t_name { font-size:1.8rem; }
/*略歴*/
.profile_list { display:table; width:100%;}
.profile_list th { display:table-cell; width:12%; clear:left; border:none; vertical-align:top; padding:1.5% 0;}
.profile_list td { display:table-cell; width:90%; padding-left:3%; vertical-align:top; padding:1.5% 0;}
/*====================
2.概要
====================*/
.app_flow { margin:5% auto; width:70%; }
/*====================
4.個人情報保護方針
====================*/
.contents_box { border: padding:3%; box-sizing: border-box; }
dl.privacy_teigi dt{ font-size:1.8rem; margin: 3% auto 1% auto; display: block;}
dl.privacy_teig dd { margin-top:2.5%;}

/*====================
10.Q&A
====================*/
.qa_list { width:100%;}
.qa_list dt, .qa_list dd{ display:table; width:100%; padding: 0.3% 0.5%; }
.qa_list dt { border-top:solid 1px #cccccc;}
.qa_list dt div.q_img, .qa_list dd div.q_img{ display:table-cell; width:3%; font-size:2.0rem; font-weight:bold;}
.qa_list dt p{ display:table-cell; width:90%; }
.f_blue { color:#1253a4;}
.f_darkred { color:#861b20;}

.sampleimg_width img{ width:25%;}
img.sample_pic{ width:276px!important;}

/*12.適性検査サンプル（帳票）*/
.chohyo_box { display:table;} 
.chohyo_box div { display:table-cell; width:45%; vertical-align:top;}
.chohyo_box div div.sample { padding:0 10%; vertical-align:top;}
.chohyo_box div div.sample p { margin-top:2%; display:table-cell;}

/**/
.txt_center { text-align:center!important;}
.red {color: #ff0000;}

/* pc */

@media screen and (min-width: 641px){ 
h2.ttl3{ margin-top:4%;}
/*gnav*/
#gnav li{height: 48px;}
#gnav li:last-child { border-right: none;}
.no_pc{display: none!important;}
a.login_btn { width:430px;}
a.back_btn { display: block; width:15%; color: #fff; padding: 1%; background:#1253a4; text-align: center; text-decoration: none; clear: both; box-sizing: border-box; margin-top: 2%; }
a.back_btn:hover{background-color: #7ca6db;}


/*トップページ　入口ボタン*/
ul.btn2 li { display: inline-block; margin-right:3%; width:48%;}
ul.btn2 li:last-child { margin-right:0; }

#f_spacce { width: 100%; padding:2% 0; margin-top:2%; box-sizing:border-box; text-align: center;}
#copyrigtht { width: 100%; padding:2% 0; margin-top:2%; box-sizing:border-box; /*background-color: #1253a4;*/ color: #444444; text-align: center;}


/*罫線*/
.line { border-top:1px solid #1253a4; padding-top:2%; }
/*フォントサイズ*/
.f-small01 { font-size:1.2rem;}
.f-small02 { font-size:1.25rem;}
.f-large01 { font-size:1.6rem;}
.f-large02 { font-size:1.8rem;}
.f-large03 { font-size:2.1rem;}
.f-large04 { font-size:2.4em;}

/*margin/padding指定*/
.mt0 { margin-top:0!important;}
.mt80 { margin-top: 7%!important;}
.mt50 { margin-top: 5%!important;}
.mb50 { margin-bottom: 5%!important;}
.mt30 { margin-top: 3%!important;}
.mt20 { margin-top: 2%!important;}
.mt15 { margin-top: 1.5%!important;}
.mb20 { margin-bottom: 2%!important;}
.mb50 { margin-bottom: 5%!important;}
.pt0 { padding-top: 0!important;}
.pt50 { padding-top: 5%!important;}
.pt30 { padding-top: 3%!important;}
.pb30 { padding-bottom: 3%!important;}
.pl { padding-left:1em;}

}