@charset "UTF-8";

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

/*--------------------------------------------------------
1、サイト全体のレイアウト設定
------------------------------------------------------*/
/*--------------------------------------------------------
　　スマホ版の設定
------------------------------------------------------*/

@media all{

html,body{
width: 100%;background: #f5f5f5;
font-size: 62.5%;  /* 10px*/
font-family: "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
color: #000;
margin:0;padding:0;
}

body{
margin-top: 60px;        
    }
   
p{
font-size: 1.6rem;        
}

#footer{
 background-color: #444;
 color: #fff;
 font-size:1.4rem;
 padding: 3% 4%;
}    
    
/*------------------------------------------------------
Parts
-------------------------------------------------------*/   
    
.pconly_block,.pconly_inline {display: none;}
.sponly_block {display:block;}
.sponly_inline {display:inline;} 
    
.tc{text-align: center !important;}
.tl{text-align: left !important;}
.tr{text-align: left !important;}
   

img.bnr_0501 {width: 96% !important;display: block} 

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

.ic3{
width: 90%;
table-layout: fixed;
word-break: break-all;
word-wrap: break-all;
display: block;
 margin:2rem auto;
}

table.ic3 th {width:40px !important}

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

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

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

.w30_sp{
 width:30% !important;
}

.w50_sp{
 width:50% !important;
}
    
    
.txt_xl{
 font-size: 4.0rem;
 font-weight: bold;
}

    
.txt_l{
 font-size: 2.2rem;
}    
    
.txt_m{
 font-size: 1.8rem;
}
    
.txt_s{
 font-size: 0.9em;
}
.txt_xs{
 font-size: 0.8em;
}    
    
    
    
    
/* 配色定義　*/

/* 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 2px #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 2px #00aaeb;}


/* GREEN */
.cl_gre_11{color:#4d994d;}
.cl_gre_12{color:#66ff00;}
.cl_gre_13{color:#66ff99;}
.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 2px #66cc66;}

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

.fnt_min{
font-family: 'Noto Serif JP',"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",serif ; 
}
    
/*------------------------------------------------------
ヘッダーメニュー
-------------------------------------------------------*/ 
  
#hdr_logo{
 padding: 0.5rem;
 width: 100%;
 background-color: #fff;
 position: fixed;
 top: 0;
 z-index: 20;
    } 
    
#hdr_cta_sp{
display: flex;
background-color: #f5f5f5;  
padding: 3% 5%;
}
    
#hdr_tel_sp{
display: flex;
background-color: #fff;
width: 60%;
height: 6rem;
box-shadow: 0px 0px 5px #dcdcdc;
}    
        
#hdr_tel_sp i{
background-color: #66cc66;
color: #fff;
padding: 2.0rem 1.0rem 0;
}    

#hdr_tel_sp p{
 background-color: #fff;
 font-size: 1.3rem;
 line-height: 2.2;
 padding: 0.3rem 0.5rem 0;
    }
    
#hdr_tel_sp a{
 text-decoration: none;
 color:#4d994d;  
 background-color: #f5f5f5;
 border-radius: 1.0rem;
 padding: 0.2rem 1rem 0.2rem 0;
}  
    
.tel_area{
 background-color: #333366;
 color: #fff;
 padding: 0.2rem 0.5rem;
 border-radius: 1.0rem 0 0 1.0rem;
 font-weight: normal;
}   

#hdr_leaf_sp{
 width: 33%;
 background-color: #66CC66;   
 padding: 2rem 1.0rem 0;
 height: 4rem;
 box-shadow: 0px 0px 5px #dcdcdc;      
}    

#hdr_leaf_sp p{
 font-size: 1.6rem;
    }
    
#hdr_leaf_sp a{
 text-decoration: none;
 color: #fff;
}   

/* iPhoneSE/Galaxy S5 対応 */    
    
@media screen and (max-width: 360px) {

#hdr_tel_sp p{
 font-size: 1.0rem;
 line-height: 2.6;
}    
#hdr_leaf_sp p{
 font-size: 1.3rem;
}    

}
 
    
/*--------------------------------------------------------
ハンバーガーメニュー
------------------------------------------------------*/    

.el_humburger {
  position: fixed;
  top: 45px;
  right: 60px;
  width: 46px;
  height: 25px;
  padding-top: 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0px;
  z-index: 20;
  cursor: pointer;
  pointer-events: auto;
  color: #000;
  text-align: center;}
 
@media screen and (max-width: 840px) {
  .el_humburger {
    display: block;
    right: 0;
    top: 0;
    padding-top: 20px;
    width: 70px;
    height: 70px;}
    #factory .el_humburger {
      display: none; } }
 
.el_humburger_wrapper {
  margin-bottom: 5px;
  width: 42px;
  display: inline-block; }
 
@media screen and (max-width: 840px) {
  .el_humburger_wrapper {
    margin-bottom: 5px;
    width: 30px; } }
 
.js_humburgerOpen .el_humburger_text.el_humburger_text__menu {
  display: none; }
 
.el_humburger_text.el_humburger_text__close {
  display: none; }
 
.js_humburgerOpen .el_humburger_text.el_humburger_text__close {
  display: block; }
 
@media screen and (max-width: 840px) {
  .el_humburger_text {
    font-size: 10px;
    padding-top: 2px; } }
 
@media screen and (max-width: 840px) {
  .el_humburger_text svg path {
    -webkit-transition: all 200ms cubic-bezier(0.16, 0.52, 0.25, 1);
    -o-transition: all 200ms cubic-bezier(0.16, 0.52, 0.25, 1);
    transition: all 200ms cubic-bezier(0.16, 0.52, 0.25, 1);
    fill: #000; } }
 
@media screen and (max-width: 840px) {
  .js_humburgerOpen .el_humburger_text svg path {
    fill: #000; } }
 
.el_humburger span.el_humburger_bar {
  display: block;
  width: 100%;
  margin: 0 auto 9px;
  height: 1px;
  background: #000;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }
 
.el_humburger span.el_humburger_bar:last-child {
  margin-bottom: 0; }
 
.js_humburgerOpen .el_humburger span.el_humburger_bar {
  background: #000; }
 
@media screen and (max-width: 840px) {
  .el_humburger span.el_humburger_bar {
    left: 0;
    top: 0;
    background: #000; } }
 
.js_humburgerOpen .el_humburger span.el_humburger_bar.top {
  -webkit-transform: translateY(9px) rotate(-45deg);
  -ms-transform: translateY(9px) rotate(-45deg);
  transform: translateY(9px) rotate(-45deg); }
 
.js_humburgerOpen .el_humburger span.el_humburger_bar.middle {
  opacity: 0; }
 
.js_humburgerOpen .el_humburger span.el_humburger_bar.bottom {
  -webkit-transform: translateY(-11px) rotate(45deg);
  -ms-transform: translateY(-11px) rotate(45deg);
  transform: translateY(-11px) rotate(45deg); }
 
.el_humburgerButton.el_humburgerButton__close {
  top: 2%;
  right: 2%; }
 
.el_humburgerButton__close span.el_humburger_bar {
  display: block;
  width: 35px;
  margin: 0 auto;
  height: 4px;
  background: #000; }
 
.el_humburgerButton__close span.el_humburger_bar.top {
  -webkit-transform: translateY(5px) rotate(-45deg);
  -ms-transform: translateY(5px) rotate(-45deg);
  transform: translateY(5px) rotate(-45deg); }
 
.el_humburgerButton__close span.el_humburger_bar.bottom {
  -webkit-transform: translateY(-6px) rotate(45deg);
  -ms-transform: translateY(-6px) rotate(45deg);
  transform: translateY(-6px) rotate(45deg); }
 
.navi {
  position: fixed;
  top:0;
  right: 0;
  height: 100%;
  /*background-color: rgba(ff, ff, ff, 0.9);*/
  background-color: #333366;
  opacity: 0.9;
  width: 0;
  z-index: 3;
  padding-top: 100px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 600ms ease-out;
  -o-transition: all 600ms ease-out;
  transition: all 600ms ease-out;
  overflow: hidden; }
  .js_humburgerOpen .navi {
    width: 450px; }
    @media screen and (max-width: 840px) {
      .js_humburgerOpen .navi {
        width: 80%;
        padding: 100px 5% 0; } }
 
.navi_item {
  margin-bottom: 28px;
  font-size: 20px;
  white-space: nowrap;
  margin-left: 90px; 
  border-bottom: solid 1px #f5f5f5;
    }
.navi_item.op_innerLink {
  cursor: pointer; }
  @media screen and (max-width: 840px) {
.navi_item {
  margin-left: 0;
  font-size: 18px; } }
 
.navi_item a{
 color: #fff;
 text-decoration: none;
 width:100%;
}

/*------------------------------------------------------
グローバルナビ
-------------------------------------------------------*/   

#navi_bnr{
 background-color: #fff;
} 
    
nav{
 height: 4.0rem;
 padding-top: 0.5rem;
 background-color: #fff;
 box-shadow: 0px 0px 10px #dcdcdc;
 margin-bottom: 2.0rem;

}

nav ul{
 text-align: center; 
    }    
    
nav ul li{
 display: inline-block;
 text-align: center;
 vertical-align: middle;
 padding: 0.9rem;
}

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

nav a::after {
 position: absolute;
 bottom: -1.8rem;
 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: -1.5rem;
 left: 0;
 content: '';
 width: 100%;
 height: 0.5rem;
 background: #66CC66;
 transform: scale(1, 1);
 transform-origin: center top;
 transition: transform .3s;
}
    
 
/* iPhoneSE/Galaxy S5 対応 */    
    
@media screen and (max-width: 360px) {
 
 nav ul li{
 padding: 0.6rem 0.4rem;
 }
    
 nav a{
 font-size: 1.2rem;
 }
    
}    

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

#footer p{
 margin: 1.0rem 0 3.0rem;
 text-align: center;
}    
    
    
#footer ul{
 list-style-type: none;
}

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

#footer li a{
 color: #fff;
}

.ftr_ttl{
 font-size:1.6rem;
}

.ftr_rellink {
 line-height: 2.0;
 background: #666;
    }   
    
    
    
    
/*------------------------------------------------------
CTA
-------------------------------------------------------*/
    
#cta_1{
 background-image: url(../img/cta_bkgimg_sp.jpg); 
 background-size: cover; 
 margin: 0;
}

#cta_1 a{
 text-decoration: none;
}


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

.cta_lead_s{
 color: #000;
 text-align: center;
 font-size: 1.4rem;
 padding-top: 1.0rem;
}

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

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

.cta_btn_2:hover{
 opacity: 0.8;
}

.cta_wrap{
 padding: 5rem 0rem;
 /*display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap; 
 justify-content: space-between; */
}

.cta_box{
 
}


    
    
/*--------------------------------------------------------
SP用　下部固定CTA（共通）
------------------------------------------------------*/    
    
#ftr_cta_sp{
 position: fixed;
 display: flex;
 bottom: 0rem;
 width:100%; 
 padding: 0;
 margin: 0 auto;
 }
   
#ftr_cta_sp a{
 width: 50%;
 text-decoration: none;
 color: #fff;
 text-align: center;  
 }    

#ftr_cta_sp p{
 font-size: 1.8rem;        
    }   
    
#ftr_cta_sp_1{
 background-color:#333366;
 padding-top: 1.5rem;
 height: 4rem; 
 } 
    
#ftr_cta_sp_2{
 background-color: #66cc66;
 padding-top: 1.5rem;
 height: 4rem;
 }
    
#hdr_cta_sp{
display: flex;
background-color: #f5f5f5;  
padding: 3% 5%;
}
    

/*--------------------------------------------------------
カテゴリ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;
 width: 100%;
 height: auto;
}

#main_v2 img{
 width: 100%;
}
     
.pg_ttl_txtl{
 font-size:5rem;
 color: #fff;
 margin-bottom: 0.5rem;
 font-weight: normal;
}

.pg_ttl_txts{
 font-size:1.8rem;
 color: #fff;
 margin: 0;
}   

.pg_ttl3{
 text-align: center;
 background-color: #fff !important;
}

/* 応急処置0307 */   
#pg_ttl3_ugrad{
 text-align: center;
 background-color: #fff !important;
}    
    

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

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

.pg_ttl_top2{
 padding: 0 5% 2rem;
}    
    
    
.yoko_msg_ttl{
 font-size:2.0rem;
 color: #000;
 font-weight: normal; 
 margin-bottom: 0.5rem;
}

.yoko_msg_txt{
 font-size:1.2rem;
 line-height: 1.6;
 color: #000;
}    

.yoko_msg_lead{
 font-size:1.1rem;
 color: #000;
}    
.yoko_msg_name{
 font-size: 1.6rem;
 line-height: 1.0;
 text-align: right;
}     

    
/* iPhoneSE/Galaxy S5 対応 */    
    
@media screen and (max-width: 360px) {
.yoko_msg_ttl{
 font-size:1.8rem;
}
   
.yoko_msg_lead{
 font-size:0.8rem;
}     

.yoko_msg_name{
 font-size: 1.6rem;
 line-height: 1.0;
 padding: 0;
}       
    
}
  
 /* 高校留学 */
    
#pg_ttl_high{
 position: absolute;
 top: 50%;
 left:40%;
 /*background: rgba(33,33,66, 0.5);*/
 padding: 3%;
}    
    
/* 大学留学 */
    
#pg_ttl_ugrad{
 position: absolute;
 top: 5%;
 left:5%;
 /*background: rgba(33,33,66, 0.5);*/
 padding: 3%;
}  
    
/* その他＆共通 */
#pg_ttl_trans{
 position: absolute;
 top: 10%;
 left:50%;
 /*background: rgba(33,33,66, 0.5);*/
 padding: 3%;

}

#pg_ttl_trans h1{
 font-size: 2.6rem;
  color: #333366;   
}
#pg_ttl_trans p{
 color: #333366;
 }    


/* iPhoneSE/Galaxy S5 対応 */    
    
@media screen and (max-width: 360px) {
 
    
#pg_ttl_high h1{
 font-size: 3.0rem;        
 }
    
#pg_ttl_high p{
 font-size: 1.4rem;     
 }    
    
#pg_ttl_trans h1{
 font-size: 2.2rem;        
 }

#pg_ttl_trans p{
 font-size: 1.4rem;        
 }    

    
}
        
    
/*------------------------------------------------------
第３階層以降メインビジュアルエリア
-------------------------------------------------------*/    
    
#main_v3{
 width: 100%;
 background-color: #fff;
}

#pg_ttl_txth3{
 font-size: 1.4rem;
 font-weight: normal;
 color: #000;
}

#pg_ttl_txtl3{
 font-size: 2.4rem;
 font-weight: normal;
 color: #000;
}

#pg_ttl_txts3{
 font-size: 1.4rem;
 font-weight: normal;
 color: #00aaeb;
}
  
 
/*------------------------------------------*/
/*コンテンツ共通
/*------------------------------------------*/

.h3_ul{
 width: 90%;
 margin: 0;
 border-bottom: solid 1px #ccc;
}
       
article{
 background-color: #fff;
/* box-shadow: 0px 0px 30px #dcdcdc; */
 line-height: 1.8;
 font-size: 1.6rem;
 margin: 3%;
}
    
section{
 padding-bottom: 2rem;
}       

article h2{
 padding: 2rem 5% 1rem;
 font-size: 1.8rem;
}  
    
article h3{
 padding: 2rem 5% 1rem;
 font-size: 1.6rem;
}
  
article h4{
 padding: 2rem 5% 0rem;
 color: #333399; 
}
    
article p{
 padding: 5% 5% 0%;
 
}

article ul,ol{
padding: 1rem 10%;     
}  
    
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 th{
background-color: #f5f5f5;
}
   
article table td{
 border: solid 1px #ccc;   
}    
   
.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;
}    
    
    
    
.txt_s_sp{
 font-size: 1.4rem;
 }    
    
    
    
    
/*第３階層導線メニュー*/ 
    
.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_txt{
 display: inline-block;
 width: 90%;
}

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

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

.btn_w1 {
 width: 270px;
  color: #333366;
  background: #fff;
  padding: 1.0rem;
  margin: 0.5em;
  border: solid 1px #333366;
}    
    
.btn_w1 i{
  padding-top: 0;
  color: #333366;
}  


.btn_w2 {
  width: 80%;
  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{
 color: #fff;
 background-color: #00aaeb;
}

.btn_w3 {
  width: 80%;
  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: 80%;
  height: 2.8em;
  color: #66CC66;
  background: #fff;
  line-height: 0.5;
  border: solid 1px #66CC66;
  font-size: 1.2rem;  
}

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

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

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

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

.more_btn p:hover{
 background: #fff;
 color:  #00aaeb;
}
    
    
/* 体験談プロフィル */    
    
#exp_profile{
 padding: 5%;
 display: flex;
}

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

#exp_name{
 padding-left: 0.5rem;
 width: 100%;
}    
 
/* 見出し（角丸BOX型）*/    
    
.txt_box_1{
 margin: 1rem 5%;
 color:#fff;
 padding: 0.2rem 1rem;
 width:40%;
 border-radius: 0.5rem;
}


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

/* common */

.ulayer_link a{
 text-decoration: none;
}

.ulayer_link_btn{
 position: relative;
 width: 90%;
 height: auto;
 overflow: hidden;    
 background-color: #fff;
 margin: 1rem auto;
 border: solid 1px #333366;
}

.ulayer_link_btn img{
 width: 25%;
 float: left;
 margin-right: 1vw;
}
.ulayer_link_btn p{
 /*position:absolute;
 /*top:0rem;
 left: 28%;*/
 margin-left: 25%;
 font-weight: bold;
 line-height: 1.5;
 padding-top: auto;
 padding-bottom: auto;
 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 0.5em;
  font-size: 16px;

}
.ulayer_tbl th{
  background: #f5f5f5;    
    
}
    
    
    
    
/* high  */
    
.ulayer_link_high{
 margin:  auto;
 padding: 2% 0%;
 background-color: #99ff99;
} 
    
    
/* Ugrad */

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

/* TransGrad */


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

/* common */

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

#con_list{
 padding: 0%;
 /*display: flex;
 flex-wrap:wrap;*/
 width: 100%;
 margin: 0 auto;
}

.con_list_box{
  width:100%;
}
.con_list_box a{
 color: #fff;
 text-decoration: none;   
}
.con_list_box ul{
 padding: 1rem 3rem 3rem;
}
    
.con_list_box ul li{
 padding: 1rem 0;
 list-style: none;
 border-bottom: solid 1px #ccc;
}    

.con_list_box ul li a{
 text-decoration: none;
 color:#333366;
 font-size: 1.3rem;
}

.con_list_box .btn_txt{
 padding-left: 3%;       
}  
    
.con_list_box ul li:hover{
 background-color: #f5f5f5;
 opacity: 0.8;
 }    
    
.con_menu{
 padding: 1rem;
}
.con_menu:hover{
 opacity: 0.8;
}    
    

/*------------------------------------------
講演会・相談・セミナー・オンライン相談
------------------------------------------*/
    
.srv_lineup_title{
 text-align: center;
 padding: 5%;
 height: 18rem;
}

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

.srv_lineup_title p{
 padding-top: 1rem;
}

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

.lineup_box{
 width:100%;
 background-color: #fff;
 padding-bottom: 2.0rem;
 color: #333366;
}

.lineup_box:hover{
 opacity: 0.8;
}

.lineup_box img{
 width:100%;
}

.lineup_box h3{
 font-size: 2.0rem;
 padding: 0.5rem 2rem 0;
}

/*　　講演会　　*/   
        

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

.lecture_date{
 margin-bottom: 2.0rem; 
    }    
    
.lecture_date p{
 margin: -2.0rem auto;        
    }    
    
.lecture_date a{
 text-decoration: none;
 color: #333366;
}

.lecture_date a:hover{
 color: #66CC66;
 text-decoration:underline;
}


    
/* iPhoneSE/Galaxy S5 対応 */    
    
@media screen and (max-width: 360px) {

    
}     

    
/*　　留学相談　　*/

.couns_info{
 border-bottom: solid 10px #f5f5f5;
    }    
    
.couns_title{
padding: 4% 0% 10%;           
    }    
.couns_info h2{
 font-weight: bold;
 font-size: 2.4rem;
 line-height: 0.5;
 padding-top: 3.0rem;
 padding-bottom: 0;
}

.couns_link p{
 text-align: center;
 width: 70%;
 margin: 0 auto;
 border: solid 1px #00aaeb;
 color:  #fff;
 background: #00aaeb;
 padding: 0;
 line-height: 3.0;
}

.couns_link p:hover{
 background: #fff;
 color:  #00aaeb;
 border: solid 1px #00aaeb;
}

/* セミナー・オンライン相談 */

.semion{
  
}

.semion_info{
 padding: 2%;
 border: solid 1px #f5f5f5;
}

.semion_info a{
 display: flex;
 align-items: center;
 color: #333366;
}

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

.semion_info img{
 width:30%;
 height: auto;
 flex-shrink: 0;
}

.semion_info_txt{
 width:70%;
 padding: 2%;
}

.semion_info_txt h2{
 font-weight: bold;
 font-size: 1.8rem;
 padding: 0;
}

.semion_info_txt p{
 font-size: 1.1rem;
 padding: 0;
 line-height: 1.4;
}    
 
/* iPhoneSE/Galaxy S5 対応 */    
    
@media screen and (max-width: 360px) {
.semion_info_txt h2{
font-size: 1.2rem;
}

.semion_info_txt p{
 font-size: 0.9rem;
 line-height: 1.2;
}    
    
}      
    
   
    
    
.event_info{
 padding: 3%;
}

.event_info p{
 padding: 0 3%;
 color: #333366;
}

.event_info i{
 color: #66CC66;
}

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

.event_info a:hover{
 color: #66cc66;
 text-decoration:underline;
}

.event_info h2{
 border-bottom: solid 4px #f5f5f5;
 font-size: 2.0rem;
 font-weight: 300;
 padding: 0.5rem 0;
}

.event_info h3{
 font-size: 1.8rem;
 font-weight: 300;
 padding: 1rem 1%;
 color: #333366;
}

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

.blogcol{
 text-align: left;
 /*display: flex;
 justify-content: center; */
 margin: auto;
 padding-top: 1rem;
 width: 95%;   
}

.blogcol h2{
 font-weight: normal;
 font-size: 2.2rem;
 padding: 1rem 0 0;
}

.blogcol p{
 font-weight: normal;
 font-size: 1.3rem;
}
    
.blogcol a{
 text-decoration: none;
}

.blog{
 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{
 padding: 0 0 3rem 0;    
 margin: 0% 5% 0% 30%;
 color: #fff;
} 
    
.column{
 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{
 padding: 0 0 3rem 0;    
 margin: 0 5% 0 30%;
 color: #fff;
}
    
/* iPhoneSE/Galaxy S5 対応 */    
    
@media screen and (max-width: 360px) {
.blogcol h2{
 font-size: 2.0rem;
}

.blogcol p{
 font-size: 1.2rem;
}        
        
    }
    
    
    
    

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

#bnr_area0{
 text-align: center;
 padding:3%;
 z-index: 1;
 width: 90%;
 margin: auto;
}

#bnr_area0 li{
 display: inline;
}

#bnr_area0 img{
 margin-bottom: 2rem;      
}    
    
#bnr_area0 img:hover{
 opacity:0.6;
}

    
.bnr_area1{
 width: 90%;
 margin: auto;
}    
    
.bnr_area1 img{
 margin: 1.0rem auto;
 width: 90%;
}

.bnr_area2{
}

.bnr_area2 img{
 width: 90%;
 margin: 2rem 5% 0;
}   
    
.bnr_area2 img:hover{
 opacity:0.6;
}
       
/*------------------------------------------
TOP
------------------------------------------*/
/* 第２階層メニュー */

.second_menu_wrap{
 background-color: #f0ffff;
 list-style: none;
 padding: 3% 0% 3% 3%;
}

.second_menu_btn{
 display: inline-block;
 background-color: #fff;
 text-align: center;
 border: solid 1px #00aaeb;
 width: 45%;
 margin: 3% 1%;
}

.second_menu_txt{
 text-decoration: none;

}

.second_menu_txt p{
 font-size:1.3rem;
 padding: 0;
}

.second_menu_btn:hover{
 opacity: 0.8;   
}

/* 先輩たちの声 */

.voice_menu{
    }
    
.voice_item{
 padding: 3%;        
    }

.voice_item img{
 display: block;
 margin: auto;
 width: 70%;
}
   
.voice_item a{
 color: #000;
 text-decoration: none;   
}
.voice_item a:hover{
 opacity: 0.8;
}
    
/* 書籍紹介 */
.book_list h2{
 font-size: 2.4rem;
 font-weight: normal;
}    
    
.book_item{
 display: flex;
 padding: 5%        
    }
    
.book_item_l{
 width: 25%;
    }
.book_item_l img{
 width:90%;
}
.book_item_r{
 width: 75%;
    }
.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.6rem;  
 font-weight: bold;
    }
    
.book_pub{
 padding: 0;
 font-size: 1.2rem;
} 
.book_desc{
 padding: 0;
 font-size: 1.2rem;
}

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

.sugoi_box{
    width: 100%;
}

.sugoi_box p{
    top:60%;
    padding: 5px 0px;
}
    
/*------------------------------------------
大学留学
------------------------------------------*/

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

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

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

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

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

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

.ugrad_way_ttl{
 width:80%;
 font-weight: normal;
 color: #00aaeb;    
 border-bottom: solid 1px #00aaeb;
 margin-top: 3rem;
}

.ugrad_way_num{
 font-size: 4.0rem;
 font-weight: bold;
 color: #00aaeb;
}    
    
.ugrad_way_txt{
 font-size: 1.4em;
 font-weight: bold;
 color: #000;
 padding-bottom: 0;
 margin-bottom: 0;
}
    
.ugrad_knows{
 display: -webkit-box;
 display: -ms-flexbox;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 justify-content: center;
 padding: 0 0 3%;
}

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

.pt_box img{
 width:100%;
}

.pt_box a{
 text-decoration: none;
}   
    
.pt_box_left{
 padding: 3%;
}

.pt_box_left h3{
 font-size: 1.6rem;
 padding-left: 0%;
}

.pt_box_left h4{
 padding-left: 0%;
}
    
.pt_box_left p{
 padding: 0%;
}

.pt_box_left_detail{
 width: 100%;
 height: 3.5rem;
 border: solid 1px #00aaeb;
 color: #fff;
 background:#00aaeb; 
 font-size: 1.2rem;
 padding-top: 0.5rem;
 margin: auto;
}

.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; 
 border: solid 1px #00aaeb;   
}    

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

.univ_category a{
 text-decoration: none;
}

.univ_category a:hover{
 opacity: 0.6;
}

.univ_category1{
 width: 80%;
 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: 80%;
 margin: -3.0rem auto 0;
}

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

.univ_category2{
 width: 80%;
 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: 80%;
 margin: -3.0rem auto 0;
}

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


/* iPhoneSE/Galaxy S5 対応 */    
    
@media screen and (max-width: 360px) {

.h2_ugrad2 {
 font-size: 1.4rem;
 }
    
 .txt_l{
 font-size: 2.2rem;
}    
    
.txt_m{
 font-size: 1.6rem;
}   
       
.pt_box_left_detail p,i{
 font-size: 1.2rem;
 padding-top: 0.5rem;
}
    
}
    
/*------------------------------------------
その他、共通
------------------------------------------*/

/* 箇条書き　接頭アイコン　Check　*/   
.clist_comm{
 position: relative;
 width: 100%;
 }
.clist_comm li{
 list-style-type: none;
 padding-left: 2%;
}
.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;
 width: 100%;
 }
.plist_comm li{
 list-style-type: none;
 padding-left: 2%;
}
.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: 12%;
 font-size: 1.4rem;
 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 : 6%;/*左端からのアイコンまでの距離*/
 color: #00aaeb;  
}

.linklist_comm a{
 color: #333366;   
}

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

/* Books */
.books_info{
 display: flex;
 margin-top: 2.0rem; 
}
.books_thumbnail{
 margin-left: 5%;
}

.books_info a:hover{
 opacity: 0.8;
}

.books_ttl p{
 color: #000 !important;
}    
    
.books_ttl:hover{
 opacity: 0.6;
}

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

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

.entry_flow td{
 border:none;
 background: #fff;
 font-size:1.6rem;
 font-weight: bold;
 padding: 0.5rem;
 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_method_id,    
#s_contents{
 width: 95%;
}
    
table#formres2,
table#formres2_check {
  width: 85%;
  margin-left: 5%;
  margin-right: 5%;
}

table#formres2 input,
table#formres2_check input {
  border: 1px solid #bababa
}

table#formres2_check th,
table#formres2 th,
#formres li.form_ttl,
#formres li.form_ttlA,
#formres li.form_ttlB,
#formres li.form_ttlC {
  width: 100%;
  background: #f6f6f6;
  color: #333;
  padding: 10px;
  border: 1px solid #e6e6e6;
  font-weight: normal;
  margin: 0;
  vertical-align: middle;
  display: block;
}


table#formres2 td,
#formres li.form_cts,
#formres li.form_ctsA,
#formres li.form_ctsB,
#formres li.form_ctsC {
  margin: 0;
  color: #333;
  width: 100%;
  background: none;
  padding: 10px;
  border: 1px solid #e6e6e6;
  vertical-align: middle;
  display: block;
}

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

.form_exp{
 width:95%;
 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: center;
	margin: 20px auto 0 auto;
	display: block;
	color: #333 !important;
	text-decoration: underline
}