@charset "UTF-8";

/*-------------------------------------------------------
画面横幅に応じて、スマホ、タブレット、PCの３段階に切り分け、表示を変更。
design.cssは以下4パートに分けて記述しています。
　・共通設定
　・480px～（スマホ）
　・768px～（タブレット）
　・1024px～（PC）
-------------------------------------------------------*/

/*------------------------------------------------------
サイト全体のレイアウト設定
-------------------------------------------------------*/
html,body{
width: 100%;background: #f5f5f5;
font-size: 62.5%; /* 10px*/
font-family: "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
color: #333;
margin:0;padding:0;
}

h2{
 font-size: 2.0rem;
 font-weight: bold;
 letter-spacing: 0.1rem;
 padding: 2.0rem 0 0.5rem;
}

/*全体の横幅の設定*/
.container{
 width: 1024px;
 margin: auto;
}

#header{
 font-size:1.2rem;
 background: #fff;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
}

#contents{
 font-size:1.6rem;
}

#footer{
 background-color: #333366;
 color: #fff;
 font-size:1.4rem;
 padding: 3% 2%;
}

/*------------------------------------------------------
Parts
-------------------------------------------------------*/

.sponly_block,.sponly_inline {display: none;}
.pconly_block {display:block;}
.pconly_inline {display:inline;}

.tc{text-align: center !important;}
.tl{text-align: left !important;}
.tr{text-align: right !important;}

.ic{
 width: 80%;
 display: block;
 margin:2rem auto;
}

.ic2{
 width: 40%;
 display: block;
 margin:2rem auto;
}

.ic3{
 width: 80%;
 display: block;
 margin:10px auto !important;
}

.ic3_osaka {font-size:14px;white-space:nowrap}

.fl{
 float: left;
 width:40%;
 margin:3%;
}

.fr{
 float: right;
 width:40%;
 margin:3%;
}

.fl2{
 float: left;
 width:20%;
 margin:3%;
}

.fr_grph{
 float: right;
 width:52%;
 margin:0 0 0 20px;
}


.fr2{
 float: right;
 width:20%;
 margin:3%;
}

.w30{
 width:30% !important;
}

.w50{
 width:50% !important;
}

.txt_xl{
 font-size: 4rem;
 font-weight: bold;
}

.txt_l{
 font-size: 3rem;
}

.txt_m{
 font-size: 2rem;
}

.txt_s{
 font-size: 0.9em;
}
.txt_xs{
 font-size: 0.8em;
}


.txt_mark{
 background: linear-gradient(transparent 60%, yellow 60%); 
 padding-bottom: 0;
 margin-bottom: 0;
}


/* 配色定義　*/

/* INDIGO */
.cl_ind_11{color:#333366;}
.cl_ind_12{color:#333399;}
.cl_ind_13{color:#3333cc;}
.cl_ind_14{color:#ccccff;}

.bcl_ind_11{background-color:#333366;}
.bcl_ind_12{background-color:#333399;}
.bcl_ind_13{background-color:#3333cc;}
.bcl_ind_14{background-color:#ccccff;}

.lcl_ind_11{border-bottom: solid 4px #333366;}

/* BLUE */
.cl_blu_11{color:#00aaeb;}
.cl_blu_12{color:#75a9ff;}
.cl_blu_13{color:#87cefa;}
.cl_blu_14{color:#f0ffff;}

.bcl_blu_11{background-color:#00aaeb;}
.bcl_blu_12{background-color:#75a9ff;}
.bcl_blu_13{background-color:#87cefa;}
.bcl_blu_14{background-color:#f0ffff;}

.lcl_blu_11{border-bottom: solid 4px #00aaeb;}


/* GREEN */
.cl_gre_11{color:#00AA00;}
.cl_gre_12{color:#00BB00;}
.cl_gre_13{color:#00FA9A;}
.cl_gre_14{color:#99ff99;}

.bcl_gre_11{background-color:#00AA00;}
.bcl_gre_12{background-color:#00BB00;}
.bcl_gre_13{background-color:#66cc66;}
.bcl_gre_14{background-color:#008800;}



.lcl_gre_11{border-bottom: solid 4px #66cc66;}

/* Others */
.cl_ore_11{color:#ff7f50;}
.bcl_ore_11{background-color:#ff7f50;} 

.cl_blk_11{color:#333;}

.cl_wit_11{color:#fff;}





/* Font定義　*/

.fnt_min{
font-family: 'Noto Serif JP',"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",serif ; 
}


/*------------------------------------------------------
ヘッダーメニュー
-------------------------------------------------------*/

#hdr_logo{
 padding: 1% 2%;
 width: 70%;
}

#hdr_left{
 width: 30%;
 height: 9.0rem;    
 display: flex;
 background-color: #333366;
}

#hdr_tel{
 width: 70%;
 text-align: center;
 background-color: #66CC66;
 line-height: 2.0;
 padding-top: 2.0rem;
 color: #fff;
 font-size: 1.4rem;
}

.tel_area{
 background-color: #fff;
 color: #4d994d;
 padding: 0.2rem 1.0rem;
 border-radius: 1.0rem;
 font-size: 1.2rem;
 font-weight: normal;
}

#hdr_access_wrap{   
 width: 30%;
}

#hdr_access_wrap a{
 text-decoration:none;
 color: #fff;
}

#hdr_access{
 height: 9.0rem;
 text-align: center;
 line-height: 2.0;   
 padding-top: 2.5rem;
 color: #fff;
}

/*------------------------------------------------------
フッターメニュー
-------------------------------------------------------*/

#footer p{
 margin: 1.0rem 0 3.0rem;
 text-align: center;
}

#footer ul{
 list-style-type: none;
 margin: -1.0rem 0;
}

#footer ul li{
 display: inline-block;
 margin: 0.2rem 1.0rem;
}

#footer li a{
 color: #ccc;
}

.ftr_ttl{
 font-size:1.6rem;
}

/*------------------------------------------------------
CTA
-------------------------------------------------------*/

#cta_1{
 background-image: url(../img/cta_bkgimg_pc.jpg);
 background-size:cover;
 margin: 0;
 height: 360px;
}

#cta_1 a{
 text-decoration: none;
}

.cta_lead_l{
 color: #333;
 text-align: center;
 font-size: 2.0rem;
 padding-top: 4rem;
 font-weight: bold;
}

.cta_lead_s{
 color: #333;
 text-align: center;
 font-size: 1.4rem;
 padding: 0;
 font-weight: normal;
}

.cta_btn_1{
 margin: 1rem auto 0;
 padding: 0.5rem;
 text-align: center;
 background-color: #66cc66;
 color: #fff;
 font-size: 2.0rem;
 letter-spacing: 0.1rem;
 width: 30%;
 box-shadow: 3px 3px 4px #ccc;
 border-radius:30px;
}

.cta_btn_1:hover{
 opacity: 0.8;
}

.cta_btn_2{
 margin: 0 auto;
 padding: 0.5rem;
 text-align: center;
 background-color: #fff;
 color: #333366;
 font-size: 1.8rem;
 letter-spacing: 0.1rem;
 width: 20rem;
 box-shadow: 3px 3px 4px #ccc; 
 border-radius:30px;
}

.cta_btn_2:hover{
 opacity: 0.8;
}

.cta_btn_1_l{
 margin: 1rem auto 0;
 padding: 0.5rem;
 text-align: center;
 background-color: #66cc66;
 color: #fff;
 font-size: 2.0rem;
 letter-spacing: 0.1rem;
 width: 60%;
 box-shadow: 3px 3px 4px #ccc;
 border-radius:30px;
}

.cta_btn_1_l:hover{
 opacity: 0.8;
}

.cta_wrap{
 padding: 3rem 15rem;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap; 
 justify-content: space-between;
}

.cta_box{
 
}

/*------------------------------------------------------
カテゴリTOPメインビジュアルエリア
-------------------------------------------------------*/

#news_bar{
 background-color: #aaa;
  width:100%;
  padding: 0.5em 2em;
  box-sizing: border-box;
}

#news_bar a{
  font-size:1.3rem;
  color: #fff;
  text-decoration: none;
}

#main_v2{
 position: relative;
}

.pg_ttl_txtl{
 font-size:5.0rem;
 color: #fff;
 margin-bottom: 0;
 font-weight: normal;
}

.pg_ttl_txts{
 font-size:1.6rem;
 color: #fff;
}

.pg_ttl3{
 position: relative;
 width: 25%;
}

/*応急処置 0307*/
#pg_ttl3_ugrad{
 position: relative;
 width: 25%;
 background:#00aaeb;
}

/*カテゴリ別　タイトルエリア定義*/

/* TOP */
#pg_ttl_top{
 position: absolute;
 top: 20%;
 left:5%;
}

.yoko_msg_ttl{
 font-size:3.5rem;
 color: #000;
 margin-bottom: 1.0rem;
 font-weight: normal;  
}

.yoko_msg_lead{
 font-size: 2.0rem;
 line-height: 1.7;
 padding: 2rem 0;
 width: 100%;
}

.yoko_msg_txt{
 font-size: 1.6rem;
 line-height: 1.8;
 padding: 3rem 0 0;
}

.yoko_msg_name{
 font-size: 2.2rem;
 line-height: 1.0;
 text-align: right;
 width: 80%;
}




/* 高校留学 */
#pg_ttl_high{
 position: absolute;
 top: 30%;
 left:65%;
 /*background: rgba(33,33,66, 0.5);*/
 padding: 3%;
}


/* 大学留学 */
#pg_ttl_ugrad{
 position: absolute;
 top: 15%;
 left:5%;
 /*background: rgba(33,33,66, 0.5);*/
 padding: 3%;
}


/* 大学編入留学 */
#pg_ttl_trans{
 position: absolute;
 top: 15%;
 left:60%;
 /*background: rgba(33,33,66, 0.5);*/
 padding: 3%;
}

#pg_ttl_trans h1{
 color: #333366;   
}
#pg_ttl_trans p{
 color: #333366;
 }    


/*------------------------------------------------------
第３階層以降メインビジュアルエリア
-------------------------------------------------------*/

#main_v3{
 width: 100%;
 display: flex;
}

#pg_ttl_txth3{
 position: absolute;
 top:3rem;
 left: 2rem;
 font-size: 1.2rem;
 font-weight: normal;
 color: #fff;
}

#pg_ttl_txtl3{
 position: absolute;
 top:5rem;
 left: 2rem;
 font-size: 2.0rem;
 font-weight: normal;
 color: #fff;
}

#pg_ttl_txts3{
 position: absolute;
 bottom:2rem;
 left: 2rem;
 font-size: 1.2rem;
 font-weight: normal;
 color: #fff;
}

#main_v3 img{
 width: 75%;
}

/*------------------------------------------------------
ナビゲーション
-------------------------------------------------------*/

/* グローバルナビ */

#navi_bnr{
 background-color: #fff;
}

nav{
 padding: 1% 4%;
 background-color: #fff;
 box-shadow: 0px 0px 8px #dcdcdc;
 z-index: 20;
}

nav ul{
padding-left: 2%;
}
nav ul li{
 display: inline-block;
 text-align: center;
 vertical-align: middle;
 padding: 0.8rem 2.0rem;
 border-left: solid 1px #dcdcdc;
}

.menu_last
{
 display: inline-block;
 text-align: center;
 vertical-align: middle;
 padding: 0.8rem 2.0rem;
 border-left: solid 1px #dcdcdc;
 border-right: solid 1px #dcdcdc;
}

nav a{
 position: relative;
 text-decoration: none;
 color: #333366;
 font-size: 1.4rem;
 font-weight: bold;
 letter-spacing: 0.1rem;
 width: 100%;
}

nav a::after {
 position: absolute;
 bottom: -2.2rem;
 left: 0;
 content: '';
 width: 100%;
 height: 0.5rem;
 background: #66CC66;
 transform: scale(0, 1);
 transform-origin: center top;
 transition: transform .3s;
}

nav a:hover::after {
 transform: scale(1, 1);
}

nav a.current::after{
 position: absolute;
 bottom: -2.2rem;
 left: 0;
 content: '';
 width: 100%;
 height: 0.5rem;
 background: #66CC66;
 transform: scale(1, 1);
 transform-origin: center top;
 transition: transform .3s;
}


/*パンくずナビ*/

#breadc_list{
  padding: 1.0rem;
  background-color: #fff;
}
#breadc_list li{
  display: inline;
  list-style: none;
  font-size: 1.2rem;
  font-weight: normal;
}

#breadc_list li:after{
  content: '>';
  padding: 0 10px;
  color: #555;
}
#breadc_list li:last-child:after {
  content: '';
}

#breadc_list li a {
  text-decoration: none;
  color: #4d994d;
}

#breadc_list li a:hover {
  text-decoration: underline;
  color: #66CC66;
}


/*Topへ戻るナビ*/

#page_top{
  width: 60px;
  height: 60px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #333366;
}
#page_top a{
  position: relative;
  display: block;
  width: 60px;
  height: 60px;
  text-decoration: none;
  color: #fff;
  text-align: center;
  padding-top: 10px;
  font-size: 1.2rem;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free'; 
  font-weight: 900;
  content: '\f106';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: -10px;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

#page_top:hover{
  background: #00aaeb;
}


#float_cta {
  width: 60px;
  height: 180px;
  position: fixed;
  right: 0;
  bottom: -30px;
/*  background: #00aaeb; */
  background: #ff9933;  
}

#float_cta a{
  position: relative;
  display: block;
  height: 100%;
  text-decoration: none;
  color: #fff;
  text-align: center;
  font-size: 1.6rem;
  font-weight: normal;
  padding-top: 2.0rem;
}
    
#float_cta a::before{
  font-family: 'Font Awesome 5 Free'; 
  font-weight: 900;
  content: '\f101';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: -120px;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

#float_cta a:hover{
  background: #66CC66;
}

#float_cta2 {
  width: 60px;
  height: 200px;
  position: fixed;
  right: 0;
  bottom: 150px;
/*  background: #00aaeb; */
  background: #ff0000;  
}

#float_cta2 a{
  position: relative;
  display: block;
  height: 100%;
  text-decoration: none;
  color: #fff;
  text-align: center;
  font-size: 1.6rem;
  font-weight: normal;
  padding-top: 2.0rem;
}
    
#float_cta2 a::before{
  font-family: 'Font Awesome 5 Free'; 
  font-weight: 900;
  content: '\f101';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -20px;
  bottom: -160px;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

#float_cta2 a:hover{
  background: #66CC66;
}






/*------------------------------------------
コンテンツ共通
------------------------------------------*/


.h3_ul{
 margin-top: 2.0rem;
 border-bottom: solid 1px #ccc;
}

/*コンテンツエリア*/

article{
 background-color: #fff;
 box-shadow: 0px 0px 30px #dcdcdc;
 line-height: 1.8;
 font-size: 1.5rem;
 margin: 2% auto;
}

section{
 padding: 0 5rem 2rem;
}

article p{
 padding: 2% 0% 0;
}

article h3{
 padding: 0.5rem 0% 0rem;
}

article h4{
 padding: 2rem 0 0;
 color: #333399;
}
   
article ul,ol{
 padding: 1rem 2rem;   
}

article a{
 text-decoration: none;
 /*color:#4d994d;*/
 color:#333399
}

article a:hover{
 text-decoration: none;
 color:#4d994d;
}

article table{
 margin: 1% 3%;
 border-collapse: collapse;   
}

article table th,td{
 padding: 1rem 2rem;
 text-align: left;
 border: solid 1px #ccc;
}
article table td{
 border: solid 1px #ccc;   
}

article table th{
background-color: #f5f5f5;
}

.article_bkg_b{
 background-color: #f0ffff;
}

.article_bkg_gre_st{
 background-color: #fff;
 background-image: 
 -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #E6FFE9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #E6FFE9),color-stop(.75, #E6FFE9), color-stop(.75, transparent),to(transparent));
 -webkit-background-size: 7px 7px;
}


.article_bkg_gly_dt{
 background-color: aliceblue;
 background-size: 15px 15px;
 background-color: #fff;
 background-image: radial-gradient(#dcdcdc 10%, transparent 10%),
 radial-gradient(#a9a9a9 10%, transparent 10%);
 background-position: 0 0, 15px 15px;
}



/*第３階層導線メニュー*/

.third_menu{
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap; 
 justify-content: center;
 padding-bottom: 3rem;
}

.third_menu a{
 text-decoration: none;
}

.third_menu a:hover{
 opacity: 0.8;
}

/*各種ボタン*/

.btn_w1 {
  width: 25rem;
  color: #333366;
  background: #fff;
  padding: 1.0rem;
  margin: 0.5em;
  border: solid 1px #333366;
}

.btn_txt{
 display: inline-block;
 font-size: 1.2rem;
 width: 90%;
}

.btn_txt h3{
 font-size: 1.6rem;
 line-height: 0;
 padding: 0;
 font-weight: normal;
}

.btn_txt p{
 padding: 0;
 font-weight: normal;
}

.btn_w1 i{
  padding-top: 0;
  color: #333366;   
}

.btn_w1 img{
 margin-bottom: 1.0rem;  
}


.btn_w2 {
  width: 25rem;
  color: #00aaeb;
  background: #fff;
  padding: 1.0rem;
  margin: 0.5em auto;
  border: solid 1px #00aaeb;
}

.btn_w2 i{
  padding-top: 0;
  color: #00aaeb;
}

.btn_w2:hover{
 background-color: #00aaeb;   
 color: #fff;
}

.btn_w3 {
  width: 25rem;
  color: #66CC66;
  background: #fff;
  padding: 1.0rem;
  margin: 0.5em auto;
  border: solid 1px #66CC66;
}

.btn_w3 i{
  padding-top: 0;
  color: #66CC66;
}

.btn_w3:hover{
 color: #fff;
 background-color: #66CC66;
}

.btn_w4 {
  position: relative;
  width: 16rem;
  height: 2.0em;
  line-height: 1.5;
  color: #66CC66;
  background: #fff;
  border: solid 1px #66CC66;
  font-size: 1.2rem;  
}

.btn_w4 p{
  position: absolute;
  top:0.2rem;
  left: 1.0rem;
}

.btn_w4 i{
  position: absolute;
  top:0.6rem;
  right: 1.0rem;
  color: #66CC66;
}

.btn_w4:hover{
 color: #fff;
 background-color: #66CC66;
}

.more_btn p{
 text-align: center;
 width: 25%;
 margin-left: 70%;
 padding: 1rem 0;
 line-height: 1.0;
 border: solid 1px #00aaeb;
 background: #00aaeb;
 color:  #fff;
}

.more_btn p:hover{
 background: #fff;
 color:  #00aaeb;
}










/* 体験談プロフィル */

#exp_profile{
 padding: 0%;
 display: flex;
}

#exp_profile img{
 padding-top: 2rem;
 width: 80px;
 height: 80px;
}

#exp_name{
 padding-left: 2rem;
 width: 100%;
}

/* 見出し（角丸BOX型）*/

.txt_box_1{
 margin: 1rem 0;
 color:#fff;
 padding: 0.2rem 1rem;
 width:15%;
 border-radius: 0.5rem;
}


/*第4階層ローカルメニュー*/

.ulayer_link_btn a{
 text-decoration: none;
}

.ulayer_link_btn{
/* position: relative; */
 width: 30%;
 height: auto;
 overflow: hidden;    
 background-color: #fff;
 margin: 2rem 1%;
/* box-shadow: 4px 4px 10px #999; */
 border: solid 1px #333366;
}

.ulayer_link_btn img{
 margin-right: 1vw;
 float: left;   
 width: 25%;
}
.ulayer_link_btn p{
 padding-top:0.7rem;
 padding-bottom: 0;
 font-weight: bold;
 height: 100%;
 color: #333366;
}

.ulayer_link_btn a{
 text-decoration: none;
 color: #555;
}

.ulayer_link_btn:hover{
 background-color: #f5f5f5;
}


.ulayer_tbl th,td{
  border: solid 1px #333;
  padding: 0.5em 2em;  
}
.ulayer_tbl th{
  background: #f5f5f5;        
}



/* high  */

.ulayer_link_high{
 display: flex;
 flex-wrap:wrap;
 justify-content: center;
 margin:  auto;
 padding: 2% 0%;
 
}


/* Ugrad */

.ulayer_link_ugrad{
 display: flex;
 flex-wrap:wrap;
 justify-content: center;
 margin:  auto;
 padding: 2% 0%;
 background-color: #87cefa;
}

/* Common */

/*------------------------------------------
カテゴリ内　ローカルメニュー
------------------------------------------*/

/* common */

#local_menu h2{
 padding: 2% 3%;
 color: #555;
 font-weight: normal;
 font-size:2.0rem;
}

#con_list{
 padding: 0%;
 display: flex;
 flex-wrap:wrap;
 width: 100%;
 margin: 0 3%;
}
.con_list_box{
  width:31%;  
}
.con_list_box a{
 color: #fff;
 text-decoration: none;   
}
.con_list_box ul{
 padding: 1rem 3rem;
}
.con_list_box ul li a{
 color: #333366;
 text-decoration: none;
 font-size: 1.3rem;
}
.con_list_box ul li a:hover{
 color: #00aaeb;
 text-decoration:underline;
}
.con_menu{
 padding: 1rem;
}
.con_menu:hover{
 opacity: 0.8;
}

.con_ugrad_l{
 background-color:#00aaeb;
 padding: 1rem;
}
.con_ugrad_c{
 background-color:#75A9FF;
 padding: 1rem;   
}
.con_ugrad_r{
 background-color:#87cefa;
 padding: 1rem;   
}

.con_ugrad_l:hover{
 opacity: 0.8;
}
.con_ugrad_c:hover{
 opacity: 0.8;
}
.con_ugrad_r:hover{
 opacity: 0.8;
}


/* 共通＆その他 */

.con_comm_l{
 background-color:#333366;
 padding: 1rem;
}
.con_comm_c{
 background-color:#333399;
 padding: 1rem;   
}
.con_comm_r{
 background-color:#3333cc;
 padding: 1rem;   
}
.con_list_box ul a{
 text-decoration: none;
 color:#00aaeb;
 font-size: 1.3rem;
}

.con_comm_l:hover{
 opacity: 0.8;
}
.con_comm_c:hover{
 opacity: 0.8;
}
.con_comm_r:hover{
 opacity: 0.8;
}


/*------------------------------------------
講演会・相談・セミナー・オンライン相談
------------------------------------------*/

.srv_lineup_title{
 text-align: center;
 padding-top: 2%;
}

.srv_lineup_title h2{
 padding: 0;
 font-weight: bold;
 font-size:3.0rem;
}

.srv_lineup_title p{
 padding: 0;
}


.srv_lineup{
 background-color: #f5f5f5;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap; 
 justify-content: space-between;
}


.lineup_box{
 width:254px;
 height: 500px;
 background-color: #fff;
 padding: 2.0rem auto;
 color: #333366;
}

.lineup_box:hover{
 opacity: 0.8;
}

.lineup_box img{
 width:100%;
}

.lineup_box h3{ 
 font-size: 1.6rem;
 padding: 0.5rem 5% 0;
}
.lineup_box p{
 padding: 0 5%;
}




/*　　講演会　　*/


.open_date{
 font-weight: normal;
 font-size: 1.6rem;
 background-color: #fff;
 border-radius: 20px;
 color: #00aaeb;
 padding: 0 2rem;
 width: 20%;
 text-align: center;
 border: solid 1px #00aaeb;
}

.lecture_date p{
 line-height: 1.0;
}

.lecture_date a{
 text-decoration: none;
 color: #333366;
}

.lecture_date a:hover{
 color: #4d994d;
 text-decoration:underline;
}

.lecture_date a img{
 width: 20%;
 height: auto;    
}


/*　　留学相談 講演会　共通　　*/

.couns_info{
 display: flex;
 border-bottom: solid 2px #f3f3f3;
}
.couns_info img{
 width:400px;
 height: 400px;
}

.couns_info h2{
 font-size: 3.0rem;
 padding-bottom: 0;
}

.couns_info h3{
 font-weight: normal;
 padding: 0 auto;
}

.couns_info p{
 padding: 0 auto;
}

.couns_title{
 width: 60%;
 padding: 0 2%;
}

.couns_link p{
 text-align: center;
 width: 40%;
 margin-left: 60%;
 margin-top: 1.5rem;   
 padding-bottom: 1rem;
 line-height: 1.0;
 border: solid 1px #00aaeb;
 color:  #fff;
 background-color: #00aaeb;
}

.couns_link p:hover{
 background: #fff;
 color:  #00aaeb;
}


/*　　セミナー＆オンラン相談　　*/

.semion{
 display: flex;   
}

.semion_info{
 width: 50%;
}

.semion_info a{
 display: flex;
 color: #333366;
}

.semion_info a:hover{
 opacity: 0.8;
 background-color: #f0ffff;
}

.semion_info img{
 flex-shrink: 0;
 width:200px;
 height: 200px;
}

.semion_info_txt{
 padding: 2%;
}

.semion_info_txt h2{
 font-weight: bold;
}

.semion_info_txt p{
 font-size: 1.4rem;
}




/*------------------------------------------
ブログ＆コラム
------------------------------------------*/

.blogcol{
 text-align: left;
 display: flex;
 justify-content: center; 
 padding: 0%;
}

.blogcol h2{
 font-weight: normal;
 font-size: 3.0rem;
 padding: 1rem 0 0;
 letter-spacing: 0.2rem;
}

.blogcol p{
 padding: 0;
}

.blogcol a{
 color: #fff;
 text-decoration: none;
}

.blog{
 width: 50%;
 background-image: url(../img/blog_bkgimg.jpg);
 background-size: cover;
 margin: 0;
}

.blog:hover{
 opacity: 0.6;
}

.blog h2{
 margin: 5% 5% 0 30%;
 color: #fff;
}

.blog p{
 font-size: 1.5rem;
 text-align: left;
 margin: 1% 5% 0 30%;
 color: #fff;
}

.column{
 width: 50%;
 background-image: url(../img/column_bkgimg.jpg);
 background-size: cover;
 margin: 0;  
}

.column:hover{
 opacity: 0.6;
}

.column h2{
 margin: 5% 5% 0 30%;
 color: #fff;
}

.column p{
 font-size: 1.5rem;
 text-align: left;
 margin: 1% 5% 10% 30%;
 color: #fff;
}





/*------------------------------------------
バナーエリア
------------------------------------------*/

#bnr_area0{
 text-align: center;
 padding:30px 0px;
 z-index: 1;
}

#bnr_area0 li{
 display: inline;
 padding: 7px;
}

#bnr_area0 img:hover{
    opacity:0.6;
}


.bnr_area1 img{
 margin: 0 auto;
 padding: 1.0rem;
}

.bnr_area1 img:hover{
 opacity:0.6;
}

.bnr_area2{
 display: flex;
 padding: auto;
}

.bnr_area2 img{
 width: 90%;
 margin: 2rem 2rem 0;
}

.bnr_area2 img:hover{
 opacity:0.6;
}

.bnr_0501 {
	width: 65%;
	display: block;
	margin: 0 auto;
}

/*------------------------------------------
TOP
------------------------------------------*/
/* 第２階層メニュー */

.second_menu_wrap{
 background-color: #f0ffff;
 padding: 4rem;
 display: flex;
 justify-content: space-around;
 list-style: none;  
}


.second_menu_btn{
 background-color: #fff;
 text-align: center;
 border: solid 1px #00aaeb;
}

.second_menu_txt{
 text-decoration: none;
 padding-bottom: 1rem;
}
.second_menu_txt p{
 font-size:1.3rem;
 padding: 0;
 margin: 0
}


.second_menu_btn:hover{
 opacity: 0.8;   
}

/* 先輩たちの声 */

.voice_menu{
 display: flex;
 justify-content:center;    
}

.voice_item{
 width:25%;
 padding: 3%;
}

.voice_item a{
 color: #333;
 text-decoration: none;   
}

.voice_item a:hover{
 opacity: 0.8;
}

    
/* 書籍紹介 */


.book_list h2{
 font-size: 3.0rem;
 font-weight: normal;
}

 
.book_item_wrap{
 display: flex;
}


.book_item{
 padding: 3%        
    }

.book_item_l{

    }

.book_item_l img{
 display: block;
 height: 15rem;
 margin: 0 auto 3%;
 
}
.book_item_r{
 /*width: 85%;*/
    }
.book_item_r a{
 color: #333366;
 text-decoration: none;
 
} 
.book_item_r a:hover{
 color: #66cc66;
 text-decoration:underline;
}
.book_title{
 padding: 0;
 font-size: 1.8rem;
 font-weight: bold;
    }

.book_pub{
 padding: 1rem 0 0;
} 
.book_desc{
 padding: 0;
}

/*------------------------------------------
高校留学
------------------------------------------*/
.high_sugoi{
   margin: 0;
   padding: 3.0rem 3%;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   justify-content: center;
}

.sugoi_box{
    margin: 1.0rem;
    position: relative;
    width: 45%;
    border : solid 1px #a9a9a9 ;
}

.sugoi_box p{
    position: absolute;
    top:60%;
    padding: 10px;
    font-size: 1.4rem;
}

/*------------------------------------------
大学留学
------------------------------------------*/

#ugrad_success{
 text-align: center;
 box-shadow: 0px 0px 20px #dcdcdc;
 width: 80%;
 margin: 3% auto;
 padding: 3%;
}

#ugrad_success h2{
 font-size: 4.0rem;
 font-weight: bold;
}


#ugrad_success p{
 font-size: 3.0rem;
 font-weight: bold;
 color: #00aaeb;
 margin: 0;
}

#success_wrap{
 display: flex;
 justify-content: space-between;
 margin: 2rem auto;
 width: 80%;
}

.success_box{
 width: 30%;
 background-color: #00aaeb;
 padding: 2rem 0rem;
}
.success_box p{
 font-size: 3rem !important;
 color: #fff !important;
}

#ugrad_way{
  padding: 2.0rem 4.0rem;
}   

#ugrad_way a{
  padding-bottom: 2.0rem;
  color:#00aaeb;
  font-weight: bold;
}   

.ugrad_way_ttl{
 width:50%;
 font-weight: normal;
 color: #00aaeb;    
 border-bottom: solid 1px #00aaeb;
}

.ugrad_way_num{
 font-size: 4rem;
 font-weight: bold;
 color: #00aaeb;
}    
    
.ugrad_way_txt{
 font-size: 4rem;
 font-weight: bold;
 color: #333;
 padding-bottom: 0;
 margin-bottom: 0;
}


.ugrad_knows{
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap; 
 justify-content: center;
 padding: 0 0 3%;
}

.pt_box{
 position: relative;
 width:45%;
 height: 470px;
 margin: 1%;
 background-color: #fff;
/* display: flex; */
 border: solid 1px #00aaeb;
}

.pt_box img{
 width: 100%;
}

.pt_box_left{
 padding-left: 1.5rem;
}

.pt_box_left h3{
 font-size: 1.6rem;
}

.pt_box_left h4{
 margin-bottom: 1.0em;
 padding: 0;
}

.pt_box_left p{
 padding: 0;
}

.pt_box_left_detail{
 width: 60%;
 height: 2.5rem;
 border: solid 1px #00aaeb;
 color: #fff;
 background: #00aaeb;
 position: absolute;
 right: 2.0rem;
 bottom: 2.0rem;
}

.pt_box_left_detail p{
 text-align: center;
 width: 90%;
 display: inline-block;
}

.pt_box_left_detail:hover{
 opacity: 0.6;
 color: #00aaeb; 
 background: #fff; 
}

.univ_cat_wrap{
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap; 
 justify-content: center;
 margin-top: 3rem;
}

.univ_cat_wrap a{
 text-decoration: none;
}

.univ_cat_wrap a:hover{
 opacity: 0.6;
}

.univ_category1{
 width: 40%;
 background-color: #f5f5f5;
 border: solid 1px #00aaeb;
 margin: 2.0rem;
 padding: 0 0 1.0rem;
}

.univ_cat_ttl1{
 background-color:#00aaeb;
 color: #fff;
 text-align: center;
 width: 60%;
 margin: -3.0rem auto 0;
}
.univ_cat_ttl1 :hover{
 background-color:#fff;
 color: #00aaeb;
}

.univ_category2{
 width: 40%;
 background-color: #f5f5f5;
 border: solid 1px #66CC66;
 margin: 2.0rem;
 padding: 0 0 1.0rem;   
}

.univ_cat_ttl2{
 background-color:#66CC66;
 color: #fff;
 text-align: center;
 width: 60%;
 margin: -3.0rem auto 0;
}

.univ_cat_ttl2 :hover{
 background-color:#fff;
 color: #66CC66;
}







/*------------------------------------------
その他、共通
------------------------------------------*/

/* 箇条書き　接頭アイコン　Check　*/
.clist_comm{
 position: relative;
 }
.clist_comm ul{
 padding-top: 2.0rem;
}
.clist_comm li{
 list-style-type: none;
 line-height: 2;
 padding-left: 2%;
/* font-size: 3.0rem; */
}
.clist_comm li:before {
 font-family: "Font Awesome 5 Free";
 content: "\f00c";/*アイコンの種類*/
 font-weight: 900;
 position: absolute;
 left : 5%;/*左端からのアイコンまでの距離*/
 color: #66CC66;  
}

/* 箇条書き　接頭アイコン　Normal　*/
.plist_comm{
 position: relative;
 }
.plist_comm ul{
 padding-top: 2.0rem;
}
.plist_comm li{
 list-style-type: none;
 line-height: 2;
 padding-left: 2%;
/* font-size: 3.0rem; */
}
.plist_comm li:before {
 font-family: "Font Awesome 5 Free";
 content: "\f111";/*アイコンの種類*/
 font-size: 1.2rem;
 font-weight: 900;
 position: absolute;
 left : 5%;/*左端からのアイコンまでの距離*/
 color: #00aaeb;
 padding-top: 1%;
}


.linklist_comm ul{
 padding-left: 6%;
 font-size: 1.8rem;
 position: relative;
}

.linklist_comm ul li{ 
 list-style-type: none;
 border-bottom: dashed 1px #00aaeb;
 line-height: 3.0;
}

.linklist_comm ul li:before {
 font-family: "Font Awesome 5 Free";
 content: "\f0a9";/*アイコンの種類*/
 font-weight: 900;
 position: absolute;
 left : 3%;/*左端からのアイコンまでの距離*/
 color: #00aaeb;  
}

.linklist_comm a{
 color: #333366;   
}

.linklist_comm a:hover{
 color: #00aaeb;  
}

/* Books */
.books_info{
 display: flex; 
 margin-top: 2.0rem;
}
.books_info img{
 margin-right: 2.0rem;
}

.books_info a:hover{
 opacity: 0.8;
}

.books_ttl:hover{
 opacity: 0.6;
}


/*------------------------------------------
Form
------------------------------------------*/

.entry_flow{
 padding-top: 3.0rem;
}

.entry_flow th{
 border:none;
 background: #fff;
 font-size:2.2rem;
 font-weight: bold;
 color:#00aaeb;
 padding: 1% 1rem;
 vertical-align:top;
}

.entry_flow td{
 border:none;
 background: #fff;
 font-size:2.2rem;
 font-weight: bold;
 padding: 1%;
 vertical-align:top;
}

.error {
  font-weight: bold;
  color: red;
}

input.ipt_small,
input.ipt_large,
#s_age,
#s_zip_code1,
#s_zip_code2,
#s_mail_address,
#s_mail_address2,
#s_telephone,
#s_method_id,
#s_score,
#s_contents
{
 color: #333;
 border: 1px solid #e6e6e6;
 padding: 5px;
}


input.ipt_small{
  width:30%;
}

input.ipt_large,
#s_contents{
 width: 95%;
}

#s_mail_address,
#s_mail_address2,
#s_method_id{
 width: 60%;
}

table#formres2,
table#formres2_check {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

table#formres2 th {
  width: 30%;
  background: #f6f6f6;
  color: #333;
  padding: 10px;
  border: 1px solid #e6e6e6;
  font-weight: bold;
  margin: 0;
  height: 54px;
  vertical-align: middle;
}

table#formres2 td {
  margin: 0;
  height: 54px;
  width: 60%;
  background: none;
  padding: 10px;
  border: 1px solid #e6e6e6;
  vertical-align: middle;
  color: #333
}

table#formres2_check th {
  width: 30%;
  background: #f6f6f6;
  color: #333;
  padding: 10px;
  border: 1px solid #e6e6e6;
  font-weight: normal;
  margin: 0;
  height: 34px;
  vertical-align: middle;
}

table#formres2_check td {
  margin: 0;
  height: 34px;
  width: 60%;
  background: none;
  padding: 10px;
  font-weight: bold;
  border: 1px solid #e6e6e6;
  vertical-align: middle;
  color: #333
}

.form_exp{
 width:80%;
 margin-left: auto;
 margin-right: auto;
}

.form_exp table{
 width:100%;
 margin-left: auto;
 margin-right: auto;
}
.form_exp th{
 background: #fff174;
}

textarea#s_consultation {width: 95%}




.to_ocd {
	text-align: right;
	margin: 5px 0 10px 0;
	display: block;
	color: #333 !important;
	text-decoration: underline
}