@charset "utf-8";
/* CSS Document */

/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
  ページ幅
  〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */
 
 body{
   background-color:  rgba(255,238,242,1.00);
  }
 
.page_contents{
  position: relative;
  overflow: hidden;
  max-width: 100%;
  margin: auto;
  background-color: rgba(255,253,253,1.00);
}  


/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
  装飾系
  〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */

/* ==========================================
   背景色
   ========================================== */
  
.bg_pink{
  background-color: rgba(254,112,150,1.00);
  color: rgba(255,255,255,1.00);
}

.bg_pink2{
  background-color: rgba(254,233,240,1.00);
  color: rgba(54,54,54,1.00);
}

.bg_pink3{
  background-color: rgba(255,231,211,1.00);
  color: rgba(54,54,54,1.00);
}
.bg_pink4{
  background-color: rgba(252,179,206,1.00);
  color: rgba(54,54,54,1.00);
}

.bg_blue{
  background-color: rgba(116,175,235,1.00);
  color: rgba(255,255,255,1.00);
}

.bg_blue2{
  background-color: rgba(202,225,248,1.00);
  color: rgba(54,54,54,1.00);
}

.bg_blue3{
  background-color: rgba(62,134,195,1.00);
  color: rgba(54,54,54,1.00);
}

.bg_green{
  background-color: rgba(100,207,161,1.00);
  color: rgba(255,255,255,1.00);
}

.bg_green2{
  background-color: rgba(206,244,228,1.00);
  color: rgba(54,54,54,1.00);
}

.bg_orange{
  background-color: rgba(249,157,41,1.00);
  color: rgba(255,255,255,1.00);
  text-shadow: 1px 1px 0 rgba(239,132,0,1.00),
              -1px 1px 0 rgba(239,132,0,1.00),
              1px -1px 0 rgba(239,132,0,1.00),
              -1px -1px 0 rgba(239,132,0,1.00);}

.bg_orange2{
  background-color: rgba(252,227,195,1.00);
  color: rgba(54,54,54,1.00);
}


.bg_yellow{
  background-color: rgba(239,232,59,1.00);
  color: rgba(0,0,0,1.00);
}

.bg_glay{
  background-color: rgba(148,148,148,1.00);
  color: rgba(255,255,255,1.00);
}

.bg_glay2{
  background-color: rgba(241,241,241,1.00);
}




.bg_white{
  background-color: rgba(255,255,255,1.00);
  color: rgba(119,119,119,1.00);
}



/* ==========================================
   ボーダー
   ========================================== */

.border_01{
  box-shadow: 0px 0px 1px 1px rgba(147,147,147,1.00) inset; 
}

/* ==========================================
   動画再生
   ========================================== */

.b_play{
   position: absolute;
   width: 100%;
   top: 0;
   left: 0;
}

.img_over{
   background-color: rgba(255,255,255,1.00);
}

.img_over:hover{
   opacity: 0.6;
}


/* ==========================================
   インデックステキスト
   ========================================== */
   
.txt_center{
 text-align: center;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
}

.txt_center3 .col2{
  width: 100%;
  margin-top: 10px;
}

.txt_center3 .col3{
  width: 100%;
}

.txt_center2{
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
}

.txt_center3{
 display: -webkit-flex;
 display: flex;flex-direction: column;
}

.txt_title{
  font-weight: 900;
  font-size: 200%;
  font-family: "Noto Sans Japanese";
}
.txt_title a{
  color: rgba(255,255,255,1.00);
  text-decoration: none;
}

.txt_title1{
  font-weight: 900;
  font-size: 200%;
  font-family: "Noto Sans Japanese";
}
.txt_title1 a{
  color: rgba(102,102,102,1.00);
  text-decoration: none;
}


.txt_title2{
  font-weight: 900;
  font-size: 140%;
  font-family: "Noto Sans Japanese";
}
.txt_title2 a{
  color: rgba(255,255,255,1.00);
  text-decoration: none;
}

.txt_title3{
  font-weight: 900;
  font-size: 200%;
  font-family: "Noto Sans Japanese";
  text-align: center;
  line-height: 1.4;
}
.txt_title3 a{
  color: rgba(255,255,255,1.00);
  text-decoration: none;
}

.txt_title4{
  font-weight: 900;
  font-size: 140%;
  font-family: "Noto Sans Japanese";
}
.txt_title4 a{
  color: rgba(76,76,76,1.00);
  text-decoration: none;
  display: block;
}

.txt_title4 a.selected{
  color: rgba(255,255,255,1.00) !important;
  text-decoration: none;
}





.txt_title5{
  position: relative;
  overflow: hidden;
  font-weight: 900;
  font-size: 140%;
  font-family: "Noto Sans Japanese";
}
.txt_title5 a{
  color: rgba(76,76,76,1.00);
  text-decoration: none;
  display: block;
  padding: 20px 0;
}

.txt_title5 a.selected{
  color: rgba(255,255,255,1.00) !important;
  text-decoration: none;
}



.txt_title6{
  position: relative;
  overflow: hidden;
  font-weight: 900;
  font-size: 140%;
  line-height: 1.5;
  font-family: "Noto Sans Japanese";
  border: rgba(255,112,150,1.00) 2px solid;
  border-radius: 20px;
}
.txt_title6 a{
  color: rgba(76,76,76,1.00);
  text-decoration: none;
  display: block;
  padding: 10px 0;
}

.selected.txt_title6 a{
  color: rgba(255,255,255,1.00) !important;
  text-decoration: none;
}

.fil_pan{
	display: none;
}

/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
  トップページ
  〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */



@media screen and (max-width: 1100px) {
.second_pic_wrap01{
  position:relative;
  width: 100%;
  right: 0%;
  top: 0;
  background-image: url("../images/medi_01/p_001.jpg");
  background-size:cover;
  background-repeat: no-repeat;
  background-position: right center;
}
}


.top_box02{
}

.top_box03{
}
  .top_box03 img{
    width: 100%;
    height: auto;
  }

.top_fb_wrap{
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}

.top_fb24{
  position: relative;
  overflow: hidden;
  width: 24%;
}

.top_picup01_wrap{
  position: relative;
  width: 100%;
  background-color: rgba(253,233,235,1.00);
  z-index: 990;
}

.top_page_title_wrap{
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 1300px;
  margin: auto;
  margin-bottom: 10px;
  background-color: rgba(189,189,189,1.00);
}


.top_ch01_wrap{
  text-align: center;
}

.top_ch01{
  font-size: 38px;
  font-weight: 700;
  font-family: source-han-serif-japanese, serif; 
  margin-bottom: 10px;
  color: rgba(77,77,77,1.00);
  line-height: 1.4;
}


.top_pickup5_wrap{
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: rgba(254,233,240,1.00);
}

.top_pickup5{
  width: 1000px;
  margin: 20px auto;
}


.top_mini_topicks_wrap{
  position: absolute;
}


.top_flex_col_2_wrap{
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}

.top_flex_box_32{
  position: relative;
  overflow: hidden;
  width: 32%;
}


.top_line_bnr{
   width: 100%;
   margin: 0 auto 40px auto;
}

/* ==========================================
   ニュース
   ========================================== */

#jnews{
  display: none;
    background-color: rgba(254,112,150,1.00);
    z-index: 1000;
  }

.ticker {
    width: 700px;
    height: 40px;
    overflow: hidden;
    margin: 0px 0 0 0px;
    padding: 0;
    list-style: none;
}

.ticker li {
    height: 40px;
    padding: 0px;
    width: 700px;
}


#jnews{

}

.ticker2 {
    width: 600px;
    height: 40px;
    margin: 0px 0 0 0px;
    padding: 0;
    list-style: none;
}

.ticker2 li{
    height: 40px;
    padding: 0px;
    width: 700px;
}

.jticker2 li {
    height: 40px;
    padding: 0px;
    width: 700px;
}




#jnexum{
  display: none;
    background-color: rgba(254,112,150,1.00);
    z-index: 1000;
  }

.nexum_pickup {
    width: 700px;
    height: 40px;
    overflow: hidden;
    margin: 0px 0 0 0px;
    padding: 0;
    list-style: none;
}

.nexum_pickup li {
    height: 40px;
    padding: 0px;
    width: 700px;
}


.nexum2_pickup {
    width: 600px;
    height: 40px;
    margin: 0px 0 0 0px;
    padding: 0;
    list-style: none;
}

.nexum2_pickup li{
    height: 40px;
    padding: 0px;
    width: 700px;
}

.jnexum2 li {
    height: 40px;
    padding: 0px;
    width: 700px;
}



/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
  上段中面統一領域
  〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */

.pankuzu{
  width: 95%;
  margin: auto;
  margin-bottom: 10px;
  font-size: 80%;
  color: rgba(57,55,55,1.00);
	font-family: 'Noto Sans JP', "游ゴシック", YuGothic, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;  
}

.pankuzu a{
  color: rgba(57,55,55,1.00);
  text-decoration: underline;
}

.pankuzu a:hover{
  background-color: rgba(255,112,150,1.00);
  color: rgba(255,255,255,1.00);
  text-decoration: none;
}


.page_title_wrap{
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: rgba(189,189,189,1.00);
  margin-bottom: 40px;
}


.wrapper{
  width: 90%;
  max-width: 1000px;
  margin: auto;
  /*border: rgba(216,216,216,1.00) 1px solid;
  border-radius: 5px;*/
   font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  line-height: 1.8;
  background-color: rgba(255,253,253,1.00);
}


.contents_wrap{
  width: 100%;
  font-size: 95%;
  line-height: 1.8;
}


/* ==========================================
   グローバルメニュー
   ========================================== */
   
.head_first_wrap{
  width: 100%;
  height: 210px;
  margin: auto;
  margin-bottom: 40px;
}



.head_first_wrap .title{
  width: 500px;
  font-size: 300%;
  font-weight: 600;
  font-family: "Noto Sans Japanese";
  float: right;
  text-align: left;
  margin-right: 100px;
  margin-top: 70px;
  letter-spacing: 10px;
}

.head_first_wrap .title2{
  font-size: 300%;
  font-weight: 600;
  font-family: "Noto Sans Japanese";
  float: right;
  text-align: left;
  margin-right: 10%;
  letter-spacing: 10px;
}

  .head_first_wrap .title2 img{
    width: 100%;
    height: auto;
  }


/* ==========================================
   ページヘッダ領域
   ========================================== */

.head_second_wrap{
  position: relative;
  width: 100%;
  min-width: 1100px;
  margin-bottom: 40px;
}

.head_second_contents{
  width: min(95%, 1600px);
  margin: auto;
  color: rgba(255,255,255,1.00);
  font-size: 95%;
}

.headmath{
  min-height: 350px;
}

.headheight{
   min-height: 400px;
}

.flex_col_2_wrap{
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}

.txt01{
  line-height: 1.9;
  font-family: kozuka-gothic-pr6n, sans-serif;
  font-weight: 400;
}

.img_fit{
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
}


/* ==========================================
   ファーストヘッダ画像
   ========================================== */
 
 .first_pic01{
  background-image: url("../images/header_img/p_001.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
 }
 
  .first_pic02{
  background-image: url("../images/header_img/p_002.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
 }
 
  .first_pic03{
  background-image: url("../images/header_img/p_003.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
 }
 
  .first_pic04{
  background-image: url("../images/header_img/p_004.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
 }
 
  .first_pic05{
  background-image: url("../images/header_img/p_005.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
 }
 
  .first_pic06{
  background-image: url("../images/header_img/p_006.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
 }

 .first_pic07{
  background-image: url("../images/header_img/p_007.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
 }

 .first_pic08{
  background-image: url("../images/header_img/p_008.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
 }
 
  .first_pic09{
  background-image: url("../images/header_img/p_009.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
 }
 
  .first_pic10{
  background-image: url("../images/header_img/p_010.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
 }
 
   .first_pic11{
  background-image: url("../images/header_img/p_011.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
 }
 
  .first_pic12{
  background-image: url("../images/header_img/p_012.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
 }

 .first_pic13{
  background-image: url("../images/header_img/p_013.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
 }
 
  .first_pic14{
  background-image: url("../images/header_img/p_014.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
 }
 
  .first_pic15{
  background-image: url("../images/header_img/p_015.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
 }
 
  .first_pic16{
  background-image: url("../images/header_img/p_016.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
 }
 
  .first_pic17{
  background-image: url("../images/header_img/p_017.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
 }
 
  .first_pic18{
  background-image: url("../images/header_img/p_018.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
 }
 
  .first_pic19{
  background-image: url("../images/header_img/p_019.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
 }
 
   .first_pic20{
  background-image: url("../images/header_img/p_020.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
 }
 
   .first_pic21{
  background-image: url("../images/header_img/p_021.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
 }
 
   .first_pic22{
  background-image: url("../images/header_img/p_022.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
 }
 
   .first_pic23{
  background-image: url("../images/header_img/p_023.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
 }
 
    .first_pic24{
  background-image: url("../images/header_img/p_024.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
 }
 
     .first_pic25{
  background-image: url("../images/header_img/p_025.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
 }

   .first_pic26{
  background-image: url("../images/header_img/p_026.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
 }
 
  .first_pic27{
  background-image: url("../images/header_img/p_027.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
 }
 
   .first_pic28{ /* 1階層下用 */
  background-image: url("../images/header_img/p_028.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
 }
 
    .first_pic29{ /* 1階層下用 */
  background-image: url("../images/header_img/p_029.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
 }
 
     .first_pic30{ /* 1階層下用 */
  background-image: url("../images/header_img/p_013.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
 }
 
 .first_pic31{ /* 1階層下用 */
  background-image: url("../images/header_img/p_030.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
 }
 
   .first_pic32{
  background-image: url("../images/books/p_001.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
 }
 
/* ==========================================
   セカンドヘッダ画像
   ========================================== */


.second_txt_wrap01{
  font-size: 210%;
  font-weight: 600;
  font-family: source-han-serif-japanese, serif; 
  padding-top: 20px;
}

.second_txt_wrap02{
	font-family: 'Noto Sans Japanese', "游ゴシック", YuGothic, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;  
  font-weight: 500;
  line-height: 1.9;
  padding: 20px 0
}

.second_txt_wrap02-02{
	font-family: 'Noto Sans Japanese', "游ゴシック", YuGothic, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;  
  font-weight: 400;
  line-height: 2.0;
  padding: 20px 0
}



.second_pic_wrap01{
  position: absolute;
  width: 50%;
  right: 50%;
  top: 0;
  height: 100%;
}


/*--背景画像--*/

.second_pic_wrap01.pic01{
  background-image: url("../images/header_second_img/p_001.jpg");
  background-size:cover;
  background-repeat: no-repeat;
  background-position: right center;
}

.second_pic_wrap01.pic02{
  background-image: url("../images/header_second_img/p_005.jpg");
  background-size:cover;
  background-repeat: no-repeat;
  background-position: right center;
}

.second_pic_wrap01.pic03{
  background-image: url("../images/features/p_002.jpg");
  background-size:cover;
  background-repeat: no-repeat;
  background-position: right center;
}

.second_pic_wrap01.pic04{
  background-image: url("../images/header_second_img/p_002.jpg");
  background-size:cover;
  background-repeat: no-repeat;
  background-position: right center;
}

.second_pic_wrap01.pic05{
  background-image: url("../images/header_second_img/p_006.jpg");
  background-size:cover;
  background-repeat: no-repeat;
  background-position: right center;
}

.second_pic_wrap01.pic06{
  background-image: url("../images/header_second_img/p_004.jpg");
  background-size:cover;
  background-repeat: no-repeat;
  background-position: right center;
}

.second_pic_wrap01.pic07{
  background-image: url("../images/header_second_img/p_007.jpg");
  background-size:cover;
  background-repeat: no-repeat;
  background-position: right center;
}

.second_pic_wrap01.pic08{
  background-image: url("../images/header_second_img/p_008.jpg");
  background-size:cover;
  background-repeat: no-repeat;
  background-position: right center;
}

.second_pic_wrap01.pic09{
  background-image: url("../images/header_second_img/p_009.jpg");
  background-size:cover;
  background-repeat: no-repeat;
  background-position: right center;
}

.second_pic_wrap01.pic10{
  background-image: url("../images/header_second_img/p_010.jpg");
  background-size:cover;
  background-repeat: no-repeat;
  background-position: right center;
}

.second_pic_wrap01.pic11{
  background-image: url("../images/header_second_img/p_011.jpg");
  background-size:cover;
  background-repeat: no-repeat;
  background-position: right center;
}

.second_pic_wrap01.pic12{
  background-image: url("../images/header_second_img/p_012.jpg");
  background-size:cover;
  background-repeat: no-repeat;
  background-position: right center;
}

/* ==========================================
   ヘッダ領域
   ========================================== */

.head{
  position: relative;
  width: 100%;
  margin: auto;
  z-index: 998;
}

.head .container{
  position: relative;
  width: 100%;
  margin: auto;
  height: 140px;
  display: flex;
  justify-content: space-around;
}

.head .logo{
  position: relative;
  overflow: hidden;
  width: calc(100% - 900px);
  max-width: 500px;
  margin: 2% 2%;
  align-self: center;
  background-image: url("../images/menu/logo_01.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  height: 120px;
}
  .head .logo img{
    width: 100%;
    height: 100%;
  }
  
  @media screen and (max-width: 1150px) {
    .head .logo{
      position: relative;
      width: calc(100% - 900px);
      margin: 2% 2%;
      align-self: center;
      background-image: url("../images/menu/logo_02.png");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      height: 120px;
  }
  }
  
nav{
  position: relative;
  float: right;
  width: 956px;
  height: 67px;
}


nav .menu{
  display: flex;
  justify-content: space-around;
  list-style: none;
}

nav .menu li{
  position: relative;
}

nav .menu li img{
  width: 106px;
  height: auto;
}



nav .temp01{
  position: absolute;
  width: 956px;
  top: 68px;
  display: flex;
  justify-content: flex;
  list-style: none;
  /*background-color: rgba(254,112,150,1.00);*/
  background-color: rgba(236,236,236,1.00);
}


.temp01 li{
  float: left;
  display:inline-block;
}

.temp01 li a{
  display: block;
  /*color: rgba(255,255,255,1.00);*/
  color: rgba(87,87,87,1.00);
  text-decoration: none;
  font-size: 90%;
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  padding: 10px 20px;
}

.temp01 li a:hover{
    background-color: rgba(228,113,158,1.00);
    color: rgba(255,255,255,1.00);
}

.temp01 .select{
    background-color: rgba(223,95,146,1.00);
}

.temp01 .select a{
    background-color: rgba(223,95,146,1.00);
    color: rgba(255,255,255,1.00);
}




nav .topics{
  display: block;
  background-color: rgba(65,126,233,1.00);
  color:rgba(255,255,255,1.00);
  text-decoration: none;
  font-size: 90%;
  font-weight: 400;
  padding: 10px 0;
  font-family: "Noto Serif JP", serif;
  cursor: pointer;
  width: 82px;
  text-align: center;
}


nav .topics:hover{
  background-color: rgba(114,158,237,1.00);
}

.temp00 li a{
  display: block;
  color:rgba(255,255,255,1.00);
  text-decoration: none;
  font-size: 90%;
  font-weight: 400;
}




nav .topics_ns{
  display: block;
  background-color: rgba(65,126,233,1.00);
  color:rgba(255,255,255,1.00);
  text-decoration: none;
  font-size: 90%;
  font-weight: 400;
  padding: 10px 0;
  font-family: "Noto Serif JP", serif;
  cursor: pointer;
  width: 82px;
  text-align: center;
}


nav .topics_ns:hover{
  background-color: rgba(114,158,237,1.00);
}


/*--TOP--*/
nav .menu00{
  padding-left: 0px;
  display: none;
}
  nav .select00{
  background-color: rgba(255,225,234,1.00);
  }

nav .mh00:after{
  content: "";
  position: absolute;
  top: -7px;
  left: 50px;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: rgba(254,112,150,1.00) transparent transparent transparent;
  border-width: 7px 7px 0 7px;
  transform: rotate(180deg);
  z-index: 999;
}


/*--合格体験記--*/
nav .menu01{
  padding-left: 86px;
  display: none;
}

nav .select01{
  background-color: rgba(255,225,234,1.00);
}

nav .mh01:after{
  content: "";
  position: absolute;
  top: -7px;
  left: 145px;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: rgba(254,112,150,1.00) transparent transparent transparent;
  border-width: 7px 7px 0 7px;
  transform: rotate(180deg);
}


/*--予備校案内--*/
nav .menu02{
  padding-left: 86px;
  display: none;
}

nav .select02{
  background-color: rgba(255,225,234,1.00);
}

nav .mh02:after{
  content: "";
  position: absolute;
  top: -7px;
  left: 255px;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: rgba(254,112,150,1.00) transparent transparent transparent;
  border-width: 7px 7px 0 7px;
  transform: rotate(180deg);
}



/*--医学部受験コース--*/
nav .menu03{
  padding-left: 20px;
  display: none;
}
nav .select03{
  background-color: rgba(255,225,234,1.00);
}

nav .mh03:after{
  content: "";
  position: absolute;
  top: -7px;
  left: 365px;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: rgba(254,112,150,1.00) transparent transparent transparent;
  border-width: 7px 7px 0 7px;
  transform: rotate(180deg);
}




/*--歯学部受験コース--*/
nav .menu04{
  display: none;
}

nav .select04{
  background-color: rgba(255,225,234,1.00);
}



/*--獣医学部受験コース--*/
nav .menu08{
  display: none;
}

nav .select08{
  background-color: rgba(255,225,234,1.00);
}


/*--個別指導コース--*/
nav .menu05{
  padding-left: 546px;
  display: none;
  box-sizing: border-box;
}

nav .select05{
  background-color: rgba(255,225,234,1.00);
}

nav .mh05:after{
  content: "";
  position: absolute;
  top: -7px;
  left: 685px;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: rgba(254,112,150,1.00) transparent transparent transparent;
  border-width: 7px 7px 0 7px;
  transform: rotate(180deg);
}




/*--お問合せ--*/
nav .menu06{
  display: none;
}
  nav .select06{
  background-color: rgba(255,225,234,1.00);
  }



/*--NEXUM--*/

nav .menu07{
  display: none;
}
  nav .select07{
  background-color: rgba(255,225,234,1.00);
  }

/*
nav .mh07:after{
  content: "";
  position: absolute;
  top: -7px;
  left: 896px;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: rgba(254,112,150,1.00) transparent transparent transparent;
  border-width: 7px 7px 0 7px;
  transform: rotate(180deg);
  z-index: 99999;
}
*/





/* ==========================================
   キャプション
   ========================================== */

.figure {
  position: relative;
  overflow: hidden;
}
.figcaption {
  position: absolute;
  top: 0;
  left: -100%;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.60);
  -webkit-transition: .3s;
  transition: .3s;
  opacity: 1;
}
.figure:hover .figcaption {
  top: 0;
  left: 0;
}
.fig_title{
  padding: 10px;
  font-size: 140%;
  font-weight: 900;
  color: rgba(0,0,0,1.00);
}

.fig_txt{
  padding: 10px;
  font-size: 100%;
  font-weight: 600;
  color: rgba(0,0,0,1.00);
}

.fig_more{
  position: absolute;
  bottom: 5px;
  right: 5px;
  background-color: rgba(255,105,159,1.00);
  color: rgba(255,255,255,1.00);
  border-radius: 15px;
  padding: 0 20px;
}


/* ==========================================
   枠01
   ========================================== */

.pick_t01{
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 220%;
  font-weight: 900;
  color: rgba(245,128,176,1.00);
}

.pick_t02{
  position: absolute;
  top: 120px;
  left: 20px;
  font-size: 180%;
  font-weight: 600;
  color: rgba(167,44,88,1.00);
}

.pick_t03{
  position: absolute;
  top: 150px;
  left: 20px;
  font-size: 200%;
  font-weight: 900;
  color: rgba(167,44,88,1.00);
}



/* ==========================================
   枠03
   ========================================== */

.picup06_wrap{
  margin: 40px auto 40px auto;
}

.picup06{
  border-radius: 80px;
  padding: 20px 0;
  text-align: center;
  font-size: 210%;
  font-weight: 900;
  display: block;
}

.picup06 a{
  color: rgba(255,255,255,1.00);
  text-decoration: none;
}


/* ==========================================
   リボン枠01
   ========================================== */

.ribbon{
  position:relative;

 }
 
 .ribbon:before,
 .ribbon:after{
  content: "";
  position: absolute;
  right: 0;
  left: -4px;
  width: 0;
  height: 0;
  transform: rotate(90deg);
}

 


 .ribbon:after{
  top: -4px;
  left:-2px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  border-width: 0 40px 40px 0;
  z-index: 10;
}

.ribbon.bdr01{
  border:  rgba(142,142,142,1.00) 2px solid;
}
.ribbon.bdr01:before{
  top: 0;
  border-style: solid;
  border-color: transparent transparent rgba(142,142,142,1.00) transparent;
  border-width: 0 40px 40px 0;
}

.ribbon.bdr02{
  border:  rgba(106,167,205,1.00) 2px solid;
}


/* ==========================================
   枠02
   ========================================== */

.ribbon01{
  position:relative;
 }
 
 .ribbon01:before,
 .ribbon01:after{
  content: "";
  position: absolute;
  right: 0;
  left: -1px;
  width: 0;
  height: 0;
  transform: rotate(90deg);
}

 
 .ribbon01:before{
  top: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 0 40px 40px 0;

}

 .ribbon01:after{
  top: -2px;
  left:-2px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  border-width: 0 40px 40px 0;
  z-index: 10;
}


.ribbon_flex{
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-content: stretch;
}

.ribbon_head01{
  height: 120px;
}

  .ribbon_head01 img{
    width: 100%;
    height: auto;
  }

.ribbon_txt01{
  padding: 10px;
  border: rgba(254,112,150,1.00) 2px solid;
  align-self: auto;
  height: 100%;
  height: calc(100% - 140px);
}


/* ==========================================
   枠03
   ========================================== */

.ribbon02{
  position:relative;
 }
 
 .ribbon02:before,
 .ribbon02:after{
  content: "";
  position: absolute;
  right: 0;
  left: -1px;
  width: 0;
  height: 0;
  transform: rotate(90deg);
}

 
 .ribbon02:before{
  top: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 0 40px 40px 0;

}

 .ribbon02:after{
  top: -2px;
  left:-2px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  border-width: 0 40px 40px 0;
  z-index: 10;
}



.ribbon_head02{
}

  .ribbon_head02 img{
    width: 100%;
    height: auto;
  }




/* ==========================================
   リボン枠04
   ========================================== */

.ribbon4{
  position:relative;

 }
 
 .ribbon4:before,
 .ribbon4:after{
  content: "";
  position: absolute;
  right: -4px;
  width: 0;
  height: 0;
  transform: rotate(180deg);
}

 


 .ribbon4:after{
  top: -4px;
  right:-2px;
  border-style: solid;
  border-color: transparent transparent rgba(254,233,240,1.00) transparent;
  border-width: 0 40px 40px 0;
  z-index: 10;
}

.ribbon4.bdr01{
  border:  rgba(142,142,142,1.00) 2px solid;
}
.ribbon4.bdr01:before{
  top: 0;
  border-style: solid;
  border-color: transparent transparent rgba(142,142,142,1.00) transparent;
  border-width: 0 40px 40px 0;
}



/* ==========================================
   枠05
   ========================================== */

.ribbon05{
  position:relative;
 }
 
 .ribbon05:before,
 .ribbon05:after{
  content: "";
  position: absolute;
  right: 0;
  left: -4px;
  width: 0;
  height: 0;
  transform: rotate(90deg);
}

 

 .ribbon05:after{
  top: -4px;
  left:-2px;
  border-style: solid;
  border-color: transparent transparent rgba(245,245,245,1.00) transparent;
  border-width: 0 40px 40px 0;
  z-index: 10;
}


.ribbon05.bdr{
  border:  rgba(142,142,142,1.00) 2px solid;
}
.ribbon05.bdr:before{
  top: 0;
  border-style: solid;
  border-color: transparent transparent rgba(62,134,195,1.00) transparent;
  border-width: 0 40px 40px 0;
}




.ribbon05_flex{
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-content: stretch;
}

.ribbon05_head01{
  height: 120px;
}

  .ribbon05_head01 img{
    width: 100%;
    height: auto;
  }

.ribbon05_txt01{
   position: relative;
  overflow: hidden;
  padding: 20px 20px;
  border: rgba(62,134,195,1.00) 2px solid;
  align-self: auto;
  height: 100%;
  height: calc(100% - 140px);
  background-color: rgba(255,255,255,1.00);
}



/* ==========================================
   枠06
   ========================================== */

.ribbon06{
  position:relative;
 }
 
 .ribbon06:before,
 .ribbon06:after{
  content: "";
  position: absolute;
  right: 0;
  left: -4px;
  width: 0;
  height: 0;
  transform: rotate(90deg);
}

 

 .ribbon06:after{
  top: -4px;
  left:-2px;
  border-style: solid;
  border-color: transparent transparent rgba(255,255,255,1.00) transparent;
  border-width: 0 40px 40px 0;
  z-index: 10;
}


.ribbon06.bdr{
  border:  rgba(142,142,142,1.00) 2px solid;
}
.ribbon05.bdr:before{
  top: 0;
  border-style: solid;
  border-color: transparent transparent rgba(254,112,150,1.00) transparent;
  border-width: 0 40px 40px 0;
}




.ribbon06_flex{
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-content: stretch;
}

.ribbon06_head01{
  height: 120px;
}

  .ribbon06_head01 img{
    width: 100%;
    height: auto;
  }

.ribbon06_txt01{
   position: relative;
  overflow: hidden;
  padding: 20px 20px;
  border: rgba(254,112,150,1.00) 2px solid;
  align-self: auto;
  height: 100%;
  height: calc(100% - 140px);
  background-color: rgba(255,255,255,1.00);
}

/* ==========================================
   枠07
   ========================================== */

.ribbon07{
  position:relative;
 }
 
 .ribbon07:before,
 .ribbon07:after{
  content: "";
  position: absolute;
  right: 0;
  left: -4px;
  width: 0;
  height: 0;
  transform: rotate(90deg);
}

 

 .ribbon07:after{
  top: -4px;
  left:-2px;
  border-style: solid;
  border-color: transparent transparent rgba(255,225,234,1.00) transparent;
  border-width: 0 40px 40px 0;
  z-index: 10;
}


.ribbon07.bdr{
  border:  rgba(142,142,142,1.00) 2px solid;
}
.ribbon07.bdr:before{
  top: 0;
  border-style: solid;
  border-color: transparent transparent rgba(254,112,150,1.00) transparent;
  border-width: 0 40px 40px 0;
}




.ribbon07_flex{
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-content: stretch;
}

.ribbon07_head01{
  height: 120px;
}

  .ribbon07_head01 img{
    width: 100%;
    height: auto;
  }

.ribbon07_txt01{
   position: relative;
  overflow: hidden;
  padding: 20px 20px;
  border: rgba(254,112,150,1.00) 2px solid;
  align-self: auto;
  height: 100%;
  height: calc(100% - 140px);
  background-color: rgba(255,255,255,1.00);
}


/* ==========================================
   各ページインフォ枠
   ========================================== */

.down_info{
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 30px auto;
}

.flex_wrapper_info{
  position: relative;
  overflow: hidden;
  width: 1000px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}





/* ==========================================
   ご挨拶
   ========================================== */

.head_massage01{
  background-image: url("../images/header_img/p_012.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
}


.message_wrap{
  font-size: 100%;
  line-height: 2.0;
}

.message_b_wrap{
   width: 80%;
   margin-bottom: 60px;
   padding-left: 20%;
}


/* ==========================================
   4つの特長
   ========================================== */

.head_feat01{
  background-image: url("../images/header_img/p_004.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
}

.feat_koma_wrap{
   width: 100%;
   background-color: rgba(255,238,242,1.00);
}

.feat_koma{
  width: 80%;
  margin: auto;
  margin-bottom: 40px;
}

.feat_koma02{
  width: 100%;
  margin: auto;
  margin-bottom: 40px;
}


.feat_box_wrapper{
   width: 80%;
   margin: auto;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   align-items: stretch;
}

.feat_box_wrap{
  position: relative;
  overflow: hidden;
  width: 48%;
  border: rgba(123,120,120,1.00) 1px solid;
  align-self: stretch;
  margin-bottom: 20px;
  background-color: rgba(255,255,255,1.00);
}

.feat_box_wrap2{
  position: relative;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  width: 80%;
  margin: auto;
  }
  
.feat_box01{
  width: 100%;
  background-color: rgba(254,112,150,1.00);
  color: rgba(255,255,255,1.00);
  font-size: 130%;
  text-align: center;
  line-height: 1.2;
  font-weight: 900;
  padding: 10px 0;
  box-sizing: border-box;
}

.feat_box02{
  font-size: 95%;
  width: 100%;
  padding: 10px 20px;
  box-sizing: border-box;
}

.feat_box03{
  width: 20%;
  height: 30px;
}

/* ==========================================
   医学部
   ========================================== */


.head_medi01{
  background-image: url("../images/header_img/p_009.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
}

.head_medi02{
  background-image: url("../images/medi_01/p_002.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
}

.head_medi03{
  background-image: url("../images/header_img/p_014.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
}

.head_medi04{
  background-image: url("../images/header_img/p_015.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
}





.index_bg_pink{
  background-color: rgba(233,135,174,1.00);
  color: rgba(251,251,251,1.00);
}


/*
.tab{overflow:hidden; margin-bottom: 20px;}
.tab li{ width: 25%; background:#ccc; float:left; padding-bottom: 15px;}
.tab li.select{background:#D87FA6;}
.hide {display:none;}
.tab li img{width: 100%; height: auto;}
*/


.tab{overflow:hidden; margin-bottom: 20px;}
.tab li{width: 23%; float: left; color: rgba(77,77,77,1.00); background-color: rgba(253,217,229,1.00);}
.tab li.select{background:#FE7096; color: rgba(255,255,255,1.00) !important;}
.hide {display:none;}
.tab li img{width: 100%; height: auto;}



.cm table{
  border-collapse: collapse;
  border: 1px solid #ccc;
  line-height: 1.73;
  vertical-align:middle;
  font-size: 120%;
  font-weight: 600;
}

.cm th{
  white-space: nowrap;
  font-size: 120%;
  font-weight: 600;
  text-align: center;
  padding: 10px;
}


.cm td{
  padding: 10px;
  font-size: 120%;
  font-weight: 600;
}

.cm01{
  width: 150px;
}

.cm02{
  width: 150px;
}

.cm03{
  width: 150px;
}

.cm04{
  text-align: right;
  padding-right: 10px;
  width: 150px;
}


.cm_t_title{
  background-color: rgba(255,255,255,1.00);
  color: rgba(51,51,51,1.00);
  font-size: 180%;
  font-weight: 900;
}
.cm_t_box01{
  background-color: rgba(255,255,255,1.00);
  padding: 10px;
  color: rgba(51,51,51,1.00);
  font-size: 90%;
}




.tuition_box01{
  width: 48%;
  margin-bottom: 20px;
}

.tuition_box01 .title{
  font-size: 180%;
  font-weight: 900;
  height: 120px;
}


.cm_other_wrap{
  position: relative;
  overflow: hidden;
  width: 100%;
  background: rgba(245,245,245,1.00);
	font-family: 'Noto Sans Japanese', "游ゴシック", YuGothic, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;  
  font-weight: 400;
  line-height: 1.8;
}

.cm_other_inner{
  max-width: 1200px;
  margin: 30px auto;
}

.cm_h1{
  font-size: 300%;
  font-weight: 700;
  font-family: source-han-serif-japanese, serif; 
  margin-bottom: 10px;
  color: rgba(62,134,195,1.00);
  line-height: 1.4;
}



.meid_feat_box_wrap{
  position: relative;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  border: rgba(123,120,120,1.00) 1px solid;
}

.meid_feat_box01{
  width: 20%;
  background-color: rgba(254,112,150,1.00);
  color: rgba(255,255,255,1.00);
  font-size: 120%;
  text-align: center;
  line-height: 1.4;
  font-weight: 900;
  padding: 10px 0;
}

.meid_feat_box02{
  font-size: 95%;
  margin-left: 20px;
  width: 70%;
  padding: 10px 0;

}

.meid_feat_box03{
  width: 20%;
  height: 30px;
}

.medi_ch11{
  font-size: 26px;
  font-weight: 700;
  font-family: source-han-serif-japanese, serif; 
  margin-bottom: 40px;
  color: rgba(62,134,195,1.00);
  line-height: 1.4;
}

.medi_ch11.online{
  font-family: 'Noto Sans JP', sans-serif; 
}

.medi_cau01{
   border: rgba(62,134,195,1.00) 1px solid;
   padding: 15px 20px;
   box-sizing: border-box;
   font-size: 100%;
   line-height: 1.8;
   margin-bottom: 40px;
}

.medi_movie_wrap{
   position: relative;
   overflow: hidden;
   background-color: rgba(253,217,229,1.00);
   margin-bottom: 80px;
}

.medi_movie_wrap .inner{
   width: 70%;
   margin: auto;
}



/* ==========================================
   医学部
   ========================================== */

.head_dentistry01{
  background-image: url("../images/header_img/p_019.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
}


/* ==========================================
   合格実績
   ========================================== */
   
.head_result01{
  background-image: url("../images/header_img/p_013.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
}   


.result_uni_wrapper{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.flex_uni_box{
  width: 23%;
  margin-bottom: 10px;
}

.result_uni_wrap{
  padding: 10px;
  background-color: rgba(254,112,150,1.00);
  color: rgba(255,255,255,1.00);
  font-weight: 600;
  font-size: 120%;
  text-align: center;
}


.result_fbox{
   margin-left: 40px;
}

.result_num_wrap{
  padding: 5px;
  text-align: center;
  color: rgba(0,0,0,1.00);
  font-size: 110%;
}

.result_uni2{
   font-size: 150%;
   font-weight: 900;
   width: 33%;
   margin-bottom: 10px;
}

.result_uni2_spc{
   width: 33%;
}

.result_i{
   color: rgba(254,112,150,1.00);
   margin-right: 2px;
}

.result_t01{
   font-size: 160%;
   margin: 0 30px 20px 40px;
   font-weight: 900;
}

.result_t02{
   font-weight: 600;
   text-align: right;
   margin: 20px 20px 0 0;
}

/* ==========================================
   合格体験記
   ========================================== */

.ac_flex_wrap{
  position: relative;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.ac_flex_wrap.ac_new{
   background-color: rgba(254,233,240,1.00);
  padding: 10px 0;
  margin-bottom: 40px;
}

.ac_flex_box01{
  position: relative;
  overflow: hidden;
  width: 18%;
}

.ac_flex_box_new{
  position: relative;
  overflow: hidden;
  width: 18%;
  color: rgba(255,255,255,1.00);
  font-size: 300%;
  background-color: rgba(255,110,150,1.00);
  text-align: center;
  font-weight: 900;
}
   @media screen and (max-width: 480px) {
      .ac_flex_box_new{
        width: 100%;
        font-size: 8vw;
        margin-bottom: 10px;
      } 
   }


.ac_wrap{
  position: relative;
  width: 100%;
  width: calc(100% - 10px);
  line-height: 1.0;
  background-color: rgba(255,255,255,0.70);
  border-left: rgba(254,112,150,1.00) 10px solid;
}

.ac_link {
  position:relative;
  display: block;
  margin-bottom: 40px;
  border: rgba(254,112,150,1.00) 1px solid;
}

.ac_link a{
  display: block;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.ac_link2 {
  position:relative;
  display: block;
  border: rgba(254,112,150,1.00) 1px solid;
}

.ac_link2 a{
  display: block;
    top:0;
    left:0;
    width:100%;
    height:100%;
}


.ac_uniname{
  font-size: 90%;
  font-weight: 600;
  color: rgba(0,0,0,1.00);
  padding: 10px 0 0 10px;
  text-shadow: white 0 0 5px;
}

.ac_name{
  font-size: 100%;
  font-weight: 600;
  color: rgba(0,0,0,1.00);
  padding: 5px 0 10px 10px;
  text-shadow: white 0 0 5px;
}


.ac_txt_wrap{
  width: 900px;
  margin: 40px auto 20px auto;
  line-height: 2.0;
}



.ac_modal_t01{
  font-size: 200%;
  font-weight: 900;
  margin-left: 20px;
}

.ac_modal_t02{
  font-size: 160%;
  font-weight: 600;
  margin-bottom: 10px;
  margin-left: 20px;
}

.ac_modal_t03{
  font-size: 100%;
  font-weight: 400;
  line-height: 1.8;
}

/* ==========================================
   講師紹介
   ========================================== */


.head_teacher01{
  background-image: url("../images/teacher_01/p_001.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
}


.second_txt_wrap01{
  font-size: 200%;
  font-weight: 600;
  font-family: source-han-serif-japanese, serif; 
  padding-top: 20px;
  line-height: 1.4;
}




.tch_english_wrap{
  background-color: rgba(255,247,249,1.00);
  padding: 40px 0;
}

.tch_english_wrap .wrapper{
  background-color: rgba(255,247,249,1.00);
}



.tch_math_wrap{
  background-color: rgba(243,248,253,1.00);
  padding: 40px 0;
}

.tch_math_wrap .wrapper{
  background-color: rgba(243,248,253,1.00);
}





.tch_box01{
  position: relative;
  overflow: hidden;
  border: rgba(254,112,150,1.00) 1px solid;
  width: 49%;
  margin-bottom: 20px;
  border-radius: 10px;
}

.tch_box01 .upper{
  background-color: rgba(251,235,240,1.00);
  padding: 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.tch_box01 .pic01{
  width: 40%;
}

.tch_box01 .pic01 img{
  width: 100%;
  height: auto;
}


.tch_box01 .t_b_txt_wrap{
   width: 55%;
   display: flex;
   flex-wrap: wrap;
   align-content: space-between;
}

.tch_box01 .name{
   width: 100%;
   font-size: 180%;
   font-weight: 900;
   font-family: "Noto Serif JP";
   letter-spacing: 1px;
}

.tch_box01 .txt01{
   width: 100%;
  font-size: 85%;
  line-height: 1.4;
  margin-top: 10px;
  margin-bottom: 15px;
}

.tch_box01 .txt02{
   width: 100%;
  font-size: 100%;
  line-height: 1.8;
  padding: 20px;
}


.tch_box01 .b_comment{
  position: relative;
  background-color: rgba(254,112,150,1.00);
  border-radius: 20px;
  color: rgba(248,248,248,1.00);
  padding: 5px;
  width: 150px;
  text-align: center;
  font-weight: 900;
}






.tch_box01 .inner{
}






.tch_wrap{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  line-height: 1.0;
  background-color: rgba(255,255,255,0.80);
  border-left: rgba(225,141,175,1.00) 10px solid;
}

.tch_link {
  position:relative;
  display: block;
}

.tch_link a{
  display: block;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.tch_name{
  font-size: 140%;
  font-weight: 600;
  color: rgba(0,0,0,1.00);
  padding: 5px 10px;
  text-shadow: white 0 0 5px;
  border-bottom: rgba(225,141,175,1.00) 1px solid;
}

.tch_uniname{
  font-size: 75%;
  font-weight: 400;
  color: rgba(0,0,0,1.00);
  padding: 5px 10px;
  text-shadow: white 0 0 5px;
  line-height: 1.4;
}


.ac_txt_wrap{
  width: 900px;
  margin: 40px auto 20px auto;
  line-height: 2.0;
}
.wrapper .contents_wrap .ac_txt_wrap {
}
.wrapper .contents_wrap .ac_txt_wrap {
}




.tch_modal_t01{
  font-size: 250%;
  font-weight: 900;
  font-family: source-han-serif-japanese, serif; 
}

.tch_modal_t02{
  font-size: 110%;
  font-weight: 600;
  margin-bottom: 40px;
}

.tch_modal_t03{
  font-size: 100%;
  font-weight: 400;
  line-height: 1.8;
}

.tch_modal_t04{
  font-size: 120%;
  font-weight: 900;
  line-height: 1.4;
  margin-bottom: 15px;
  border-bottom: rgba(254,112,150,1.00) 1px solid;
  padding-bottom: 5px;
}

.open_modal{
  cursor: pointer;
}




/* ==========================================
   アクセス
   ========================================== */

.head_access01{
  background-image: url("../images/header_img/p_018.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
}


.access_b_001{
  position: relative;
  overflow: hidden;
  width: 250px;
  margin: 20px auto;
}

.access_b_001 a{
  color: rgba(255,255,255,1.00);
  text-decoration: none;

  position: relative;
  display: block;
  background-color: rgba(254,112,150,1.00);
  padding: 10px 0;
  text-align: center;
  font-size: 130%;
  font-weight: 600;
  border-radius: 40px;

}
  
.access_b_001 a:hover{
  text-decoration: none;
}

.access_txt01{
  font-size: 110%;
  font-weight: 700;
  font-family: source-han-serif-japanese, serif; 
  margin-bottom: 10px;
  color: rgba(62,134,195,1.00);
  line-height: 1.4;
  
}


/* ==========================================
   医学部
   ========================================== */

.head_ks01{
  background-image: url("../images/header_img/p_011.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
}

.ks table{
  border-collapse: collapse;
  border: 1px solid #ccc;
  line-height: 1.73;
  vertical-align:middle;
  font-size: 120%;
  font-weight: 600;
}

.ks th{
  white-space: nowrap;
  font-size: 120%;
  font-weight: 600;
  text-align: center;
}


.ks td{
  padding: 10px;
  font-size: 120%;
  font-weight: 600;
}

.ks01{
  width: 200px;
}

.ks02{
  width: 200px;
}

.ks03{
  width: 200px;
}

.ks04{
  text-align: right;
  padding-right: 10px;
}


.km_tx01{
  padding: 0 20px;
}

/* ==========================================
   オンライン個別指導
   ========================================== */




.online_ks_t_box01{
  background-color: rgba(255,255,255,1.00);
  border: rgba(104,104,104,1.00) 1px solid;
  padding: 10px;
  color: rgba(51,51,51,1.00);
  font-size: 90%;
}

.online_ks_t_box02{
  width: 90%;
  margin: auto;
  font-weight: 600;
  font-size: 110%;
  text-align: center;
  margin-bottom: 80px;
}


.online_flex8{
  width: 8%;
  align-self: center;
}
  .online_flex8 img{
    width: 100%;
    height: auto;
  }


table.company {
width: 900px;
margin: 0 auto;
border-collapse: separate;
border-spacing: 0px 15px;
font-size: 12px;
}

table.company th,
table.company td {
padding: 10px;
height: 60px;
}

table.company th {
background: #295890;
vertical-align: middle;
text-align: left;
width: 150px;
overflow: visible;
position: relative;
color: #fff;
font-weight: normal;
font-size: 15px;
}

table.company th:after {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-left-color: #295890;
border-width: 10px;
margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
table.company th::after {
float: right;
padding: 0;
left: 30px;
top: 40px;
content: " ";
height: 0;
width: 0;
position: relative;
pointer-events: none;
border: 10px solid transparent;
border-left: #295890 10px solid;
margin-top: -10px;
}
}

table.company td {
background: #f8f8f8;
width: 750px;
padding-left: 20px;
}


/* ==========================================
   メディア情報
   ========================================== */

.pub_txt01{
  font-size: 120%;
  font-weight: 600;
  line-height: 1.3;
  margin-top: 10px;
  margin-bottom: 10px;
  border-left: rgba(225,141,175,1.00) 10px solid;
  padding-bottom: 5px;
  padding-left: 8px;
}

.pub_txt02{
  font-size: 90%;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 20px;
}

.pub_download a{
  position: absolute;
  bottom: 10px;
  right: 10px;
  background-color:rgba(225,141,175,1.00);
  border-radius: 30px;
  padding: 5px 10px;
  color: rgba(255,255,255,1.00);
  font-weight: 600;
  text-decoration: none;
}


.pub_f_wrapper{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.pub_f_box01{
  position: relative;
  overflow: hidden;
  width: 48%;
}

/* ==========================================
   問い合わせ
   ========================================== */

.inq_box01{
  width: 95%;
  margin: auto;
  margin-bottom: 40px;
}

.inq_t01{
  font-size: 180%;
  font-weight: 700;
  font-family: source-han-serif-japanese, serif;
  color: rgba(254,112,150,1.00);
}

.inq_t02{
  font-size: 160%;
  font-weight: 700;
  font-family: source-han-serif-japanese, serif; 
}




/* ==========================================
   フッダ
   ========================================== */
   
.footer_wrap{
  position: relative;
  overflow: hidden;
  background-color: rgba(255,141,172,1.00);
}

.footer_menu01{
  width: 1100px;
  color: rgba(255,255,255,1.00);
  font-size: 120%;
  font-weight: 900;
  margin: 15px auto 20px auto;
}

.footer_menu01 li{
  float: left;
  padding: 0 10px;
  border-right: rgba(255,255,255,1.00) 1px solid;
}

.footer_menu01 li:last-child{
  border: none;
}

.footer_menu01 li a{
  color: rgba(255,255,255,1.00);
  text-decoration: none;
}

.footer_menu01 li a:hover{
  border-bottom: rgba(255,255,255,1.00) 2px dotted;
}


.footer_menu02{
  width: 1100px;
  color: rgba(255,255,255,1.00);
  font-size: 120%;
  font-weight: 900;
  margin: 15px auto 20px auto;
}

.footer_menu02 .box_wrap{
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  margin-left: 10px;
}

.footer_menu02 .box_wrap .box01{
  width: 250px;
}

.footer_menu02 .box_wrap .box02{
  border-left: rgba(255,255,255,1.00) 1px solid;
  padding-left: 10px;
  width: 100%;
  margin-bottom: 10px;
  font-size: 80%;
}

.footer_menu02 .box_wrap .box02 li{
  padding: 0 10px 5px 0;
}


.footer_menu02 .box_wrap .box02 li a{
  color: rgba(255,255,255,1.00);
  text-decoration: none;
}

.footer_menu02 .box_wrap .box02 li a:hover{
  border-bottom: rgba(255,255,255,1.00) 2px dotted;
}

.footer_menu02 .box_wrap .box03{
  background-color: rgba(255,255,255,1.00);
}



.footer_wrap .bg_pink{
  position: relative;
  overflow: hidden;
  background-color: rgba(225,141,175,1.00);
  padding: 40px;
}

.footer_menu_wrap{
  position: relative;
  overflow: hidden;
}


.footer_logo{
  width: 450px;
  margin: 10px 20px;
}
  .footer_logo img{
    width: 100%;
    height: auto;
  }

.inline_foot{
  position: relative;
  overflow: hidden;
  background-color: rgba(255,255,255,1.00);
}
   
/* ==========================================
   テーブルベース
   ========================================== */
   

.tbbase01 th{
  white-space: nowrap;
  font-size: 110%;
  font-weight: 600;
  text-align: center;
  width: 200px;
}

.tbbase01 td{
  padding: 10px;
  font-size: 110%;
  font-weight: 600;
  width: 200px;
}

.tbbase01 .boxEn{
  text-align: right;
  padding-right: 10px;
}




/* ==========================================
   テーブルベース
   ========================================== */


table, th, td{
  border-collapse: collapse;
  border: 1px solid #ccc;
  line-height: 1.73;
}

th{
  white-space: nowrap;
}



table.base01{
  border-collapse: separate;
  border: 1px solid #ccc;
  line-height: 1.73;
  vertical-align:middle;
  font-size: 100%;
  font-weight: 400;
}

table.base101{
   width: 1000px;
}

table.base02{
  line-height: 1.73;
  vertical-align:middle;
  font-size: 100%;
  font-weight: 400;
  border: 1px solid #FFFFFF;
}

table.base02 th{
  border-collapse: collapse;
  border: 1px solid #FFFFFF;
  line-height: 1.73;
}

table.base02 td{
  border-collapse: collapse;
  border: 1px solid #CCC;
  line-height: 1.73;
}

table.base03{
  border-collapse: collapse;
  border: 1px solid #ccc;
  line-height: 1.73;
  vertical-align:middle;
  font-size: 120%;
  font-weight: 600;
}

table.mw100p{
  min-width: 100%;
}

table.mw100p_500{
  min-width: 500px;
}


table.mw1000{
  min-width: 1000px;
}

table.mw1000m{
  min-width: 1000px;
}

table.mw800{
  min-width: 800px;
}

table.mw500{
  min-width: 500px;
}

table.mw500m{
  min-width: 500px;
}

table.mw600m{
  min-width: 600px;
}

table.mw800m{
  min-width: 800px;
}




.td_all_120 td{
  width: 120px;
}

.td_all_120 th{
  width: 120px;
}


table.base01{
  border: none;
}

table.base01.w100{
   width: 100%;
}

table.base01 th{
  white-space: nowrap;
  font-size: 95%;
  font-weight: 600;
  text-align: center;
  padding: 15px 10px;
  vertical-align:middle;
  line-height: 1.4;
    position: sticky;
    top: 0;
    left: 0;
}

table.base01 tr:first-child th:first-child{
    z-index: 1;
}


table.base01 td{
  font-size: 95%;
  font-weight: 400;
  vertical-align:middle;
  line-height: 1.4;
  padding: 15px 10px;
  white-space: nowrap;
}

table.base01.nwn td{
  vertical-align:middle;
  line-height: 1.4;
  padding: 15px 10px;
  white-space:normal;
}

table.base01 .w90{
  width: 90px;
}

table.base01 .w170{
  width: 170px;
}

table.base01 .w250{
  width: 250px;
}

table.base01 .w170-100{
   width: calc(100% - 170px);
}

table.base02 th{
  white-space: nowrap;
  font-size: 100%;
  font-weight: 600;
  text-align: center;
  padding: 10px;
  vertical-align:middle;
  line-height: 1.2;
}


table.base02 td{
  white-space: nowrap;
  padding: 10px;
  font-size: 95%;
  font-weight: 400;
  vertical-align:middle;
  line-height: 1.4;
}


table.base03 {
  border-collapse: separate;
  line-height: 1.8;
  vertical-align:middle;
  font-size: 100%;
  border: none;
}

.base03 th{
  white-space: nowrap;
  font-size: 100%;
  text-align: center;
  padding: 10px;
  line-height: 1.4;
}


.base03 td{
  white-space: nowrap;
  padding: 10px;
  font-size: 100%;
  line-height: 1.4;
}


.td150{
  width: 150px;
}

.td_wrap{
  white-space: normal !important;
}

.td_nowrap{
  white-space: nowrap !important;
}

.tddot_t{
  border-bottom: 2px dotted #ccc;
}
.tddot{
  border-bottom: 2px dotted #ccc;
}

.tddot_w{
  border-bottom: 2px dotted #FFFFFF;
}

.td_t_n_blue{
  border-top: rgba(202,225,248,1.00)!important;
}

.tdnone{
  border-top: none;
}

.td_bottom_none{
  border-bottom: none;
}

.td_topnone_orange{
  border-top:rgba(252,227,195,1.00) 2px solid;
}

.tdnone_blue{
  border-bottom: rgba(253,253,253,1.00) 1px dashed !important;
}



.tdkugiri_t{
  border-top: 2px solid #ccc;
}
.tdkugiri_b{
  border-bottom: 2px solid #ccc;
}

.td150{
  width: 150px;
}

.td150m{
  width: auto;
}

.td180{
  width: 150px;
}

table.base01 .right{
  text-align: right;
}

table.base01 .center{
  text-align: center;
}

table.base01.t_fsize120{
  font-size: 120%;
}


.base04 th{
  padding: 3px 10px;
}


.base04 td{
  padding: 3px 10px;
}


table.base05{
  border: none;
}

.base05 td{
  border: none;
}

.sty_101{
	width: 360px;
}

/* ==========================================
   講座（course）
   ========================================== */

.head_course01{
  background-image: url("../images/header_img/p_029.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
}



.crs_box{
  width: 32%;
  background-color: rgba(255,112,150,1.00);
  color: rgba(255,255,255,1.00);
  border-radius: 20px;
  padding: 15px 0;
  text-align: center;
  margin-bottom: 20px;
  font-size: 140%;
  font-weight: 600;
}

.crs_box_brk{
  width: 32%;
}

.crs_box a{
  color: rgba(255,255,255,1.00);
  text-align: center;
  text-decoration: none;
  display: block;
}

.crs_box:hover{
  background-color: rgba(231,50,98,1.00);
}

.crs_day{
  background-color: rgba(255,255,255,1.00);
  border-radius: 15px;
  padding: 5px;
  margin: auto;
  width: 90%;
  color: rgba(0,0,0,1.00);
  text-align: center;
  font-size: 60%;
}

.crs_box2{
  width: 32%;
  background-color: rgba(255,112,150,1.00);
  color: rgba(255,255,255,1.00);
  border-radius: 20px;
  padding: 15px 0;
  text-align: center;
  margin-bottom: 20px;
  font-size: 160%;
  font-weight: 600;
}


/* ==========================================
   入試情報（eei）
   ========================================== */

.head_cni01{
  background-image: url("../images/header_img/p_016.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
}

.cni_bg01{
  background-image: url("../images/header_img/p_017.jpg");
  background-size: cover;
  background-position: bottom;
}


.head_cni_first_wrap{
  width: 100%;
  margin: auto;
  margin-bottom: 40px;
}

.cni_second_head_left{
  width: 60%;
  font-size: 300%;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.cni_second_head_left .index{
  width: 580px;
  font-family: source-han-serif-japanese, serif;
  color: rgba(254,112,150,1.00);
  padding-top: 40px;
  text-align: left;
  line-height: 1.2;
  float: right;
}


.cni_second_head_left .index2{
  width: 580px;
  font-family: source-han-serif-japanese, serif;
  color: rgba(254,112,150,1.00);
  padding-top: 80px;
  text-align: left;
  line-height: 1.2;
  float: right;
  font-size: 80% !important;
}

.cni_second_head_left .index3{
  width: min(90%, 800px);
  font-family: source-han-serif-japanese, serif;
  color: rgba(254,112,150,1.00);
  text-align: left;
  line-height: 1.2;
  float: right;
  font-size: 80% !important;
}

.cni_second_head_right{
  width: 40%;
} 

.cni_second_head_right .index{
  margin-left: 30px;
}
   

.cni_t01{
  font-size: 160%;
  font-weight: 600;
  margin: 0 20px 80px 20px;
}


.eei_box{
  width: 32%;
  background-color: rgba(255,112,150,1.00);
  color: rgba(255,255,255,1.00);
  border-radius: 20px;
  padding: 15px 0;
  text-align: center;
  margin-bottom: 20px;
}

.eei_box_brk{
  width: 32%;
}

.eei_box a{
  color: rgba(255,255,255,1.00);
  text-align: center;
  font-weight: 600;
  font-size: 160%;
  text-decoration: none;
  display: block;
}

.eei_box:hover{
  background-color: rgba(231,50,98,1.00);
}



/* ==========================================
   募集人員変更2019
   ========================================== */
 
 .sp2019_rec_box01{
   border: rgba(138,138,138,1.00) 1px solid;
   padding: 15px;
 }

 .sp2019_rec_box02{
   width: 500px;
   margin: auto;
 }
 
 
 /* ==========================================
   sp01
   ========================================== */


.sp01_bg01{
  background-image: url("../images/header_img/p_013.jpg");
  background-size: cover;
  background-position: bottom;
}

.sp01_box01{
	padding: 30px 0;
}

.sp01_t01{
	font-size: 110% !important;
}

.sp01_t02{
  font-size: 120%;
  font-weight: 900;
  font-family: source-han-serif-japanese, serif; 
}

.sp01_box02{
	font-size: 100% !important;
	line-height: 2.0;
}



.sp01_wrapper{
  width: 90%;
  max-width: 1000px;
  margin: auto;
  /*border: rgba(216,216,216,1.00) 1px solid;
  border-radius: 5px;*/
   font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  line-height: 1.8;
  padding: 30px 0;
}


.sp01_index02{
   font-weight: 900;
   font-size: 160%;
   color: rgba(83,122,184,1.00);
   border-bottom: rgba(254,112,150,1.00) 2px solid;
   margin-bottom: 40px;
   line-height: 1.4;
   padding-bottom: 15px;
}
   @media screen and (max-width: 480px) {
      .sp01_index02{
         font-size: 3.6vw;
      }
   }

.sp01_pr_wrap{
   background-color: rgba(254,233,240,1.00);
   padding: 30px;
   box-sizing: border-box;
   margin-bottom: 50px;
   font-size: 110%;
}
   @media screen and (max-width: 480px) {
      .sp01_pr_wrap{
         padding: 10px;
         font-size: 100%;
      }
   }

.sp01_index03{
  color: rgba(83,122,184,1.00);
  font-weight: 900;
  font-size: 140%;
}

.sp01_txt01{
   font-size: 120%;
   font-weight: 600;
}

.sp01_txt_02{
   padding-top: 40px;
}

.sp01_index04{
  font-weight: 900;
  border-bottom: rgba(254,112,150,1.00) 2px solid;
  border-left: rgba(254,112,150,1.00) 20px solid;
  padding-left: 10px;
  line-height: 1.6;
}

.sp01_index05{
   color: rgba(254,112,150,1.00);
   font-size: 120%;
   font-weight: 600;
   margin-bottom: 10px;
}


 /* ==========================================
   sp02
   ========================================== */
.crs_box_sp2{
  width: 32%;
  background-color: rgba(255,112,150,1.00);
  color: rgba(255,255,255,1.00);
  border-radius: 20px;
  padding: 10px 0;
  text-align: center;
  margin-bottom: 20px;
  font-size: 110%;
  font-weight: 600;
}


.crs_box_sp2 a{
  color: rgba(255,255,255,1.00);
  text-align: center;
  text-decoration: none;
  display: block;
}

.crs_box_sp2:hover{
  background-color: rgba(231,50,98,1.00);
}

.sp02_fb{
   position: relative;
   overflow: hidden;
   display: flex;
   justify-content: space-between;
}

.sp02_txt_wrap{
   line-height: 1.4;
}

.sp02_t01{
  font-size: 130%;
  font-weight: 900;
  font-family: source-han-serif-japanese, serif; 
}

/* 追加要素 */

h1.index01{
  position: relative;
  width: 100%;
  height: 70px;
  font-size: 250%;
  font-weight: 900;
  font-family: source-han-serif-japanese, serif;
  text-align: center;
  background-color: rgba(254,112,150,1.00);
  border-radius: 50px;
  box-sizing: border-box;
}

h1.index01 a{
   color: rgba(255,255,255,1.00);
   text-decoration: none;
    position: absolute;
    top: 5px;
    left: 0;
    height:100%;
    width: 100%;
}

h1.index01:hover{
   background-color: rgba(247,44,98,1.00);
}


h1.index02{
  position: relative;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  height: 70px;
  font-size: 220%;
  font-weight: 900;
  font-family: source-han-serif-japanese, serif;
  text-align: center;
  background-color: rgba(255,255,255,1.00);
  border: rgba(254,112,150,1.00) 4px solid;
  border-radius: 20px;
  box-sizing: border-box;
   color: rgba(255,255,255,1.00)!important;
}

h1.index02 div{
   color: rgba(254,112,150,1.00);
   text-decoration: none;
    position: absolute;
    top: 5px;
    left: 0;
    height:100%;
    width: 100%;
}

h1.index02:hover{
   background-color: rgba(255,242,232,1.00);
}

 /* ==========================================
   対策本
   ========================================== */

.i_uni{
   color: rgba(254,112,150,1.00);
   margin-right: 2px;
}

.books_pic01{
	background-color: rgba(255,238,242,1.00);
	padding: 20px;
	box-sizing: border-box;
	border-radius: 20px;
	margin-bottom: 80px;
}

.books_txt01{
	font-size: 115%;
}

.books_i01{
  font-size: 36px;
  font-weight: 700;
  font-family: source-han-serif-japanese, serif; 
  color: rgba(77,77,77,1.00);
  line-height: 1.4;
  margin-bottom: 10px;
}

.books_i02{
  font-size: 18px;
  font-weight: 700;
  color: rgba(77,77,77,1.00);
  line-height: 1.4;
  margin-bottom: 30px;
}


.books_sample_wrap{
	position: relative;
	overflow: hidden;
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 100px;
}

.books_sample_left_wrap{
	width: 30%;
}

.books_sample_right_wrap{
	width: 65%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.books_sample_right_wrap li{
	width: 30%;
}
.books_btn {
  text-decoration: none;
  background: #87befd;
  color: #FFF;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  transition: .4s;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
}

.book_txt{
  font-size: 180%;
  line-height: 1.4;
}

.books_sample_right_wrap a{
	text-decoration: none;
	color: rgba(255,249,249,1.00);
}

.books_btn:hover {
  background: #668ad8;
}

.books_sample_cau01{
	width: 100%;
	font-size: 100%;
}

/* -----------------------------------------
   TOPへ戻る
   -----------------------------------------*/
#back-top {
    position: fixed;
    bottom: 35px;
    right: 10px;
	 z-index:100;
}
#back-top a {
    width: 60px;
    height: 60px;
    display: block;
}

#back-top img{
   width: 60px;
   height: 60px;
}

#back-top img{
   border: rgba(255,253,249,1.00) 1px solid;
   border-radius: 30px;
}


/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
   スマホ版
   〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */

@media screen and (max-width: 480px) {


body{
  font-size: 80%;
}


.cat_wrap{
   position: relative;
   overflow: hidden;
   width: 100%;
   margin-top: 20px;
   margin-bottom: 20px;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}

.cat_wrap li{
   width: 49.5%;
   margin-bottom: 0.5%;
}

.cat_wrap li.menu100{
   width: 100%;
   margin-bottom: 0.5%;
   background-color: rgba(254,112,150,1.00);
   text-align: center;
   border-radius: 20px;
}

.cat_wrap li img{
   border-radius: 20px;
}

.cat_wrap li.menu100 img{
   width: 50%;
   margin-bottom: 0.5%;
}

.grid-container {
  width: 95%;
  margin: auto;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto 20px auto 20px auto 20px auto;
}



.grid-element {
  background-color: #444;
  color: #fff;
  padding: 20px;
  font-size: 2em;
}
.header {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 2;
  background: #69F;
}

.sidebar {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 4;
  background: #6F9;
}

.main {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 3;
  grid-row-end: 4;
  background: #F69;
  height:400px;
}








/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
  メニュー_スマホ
  〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */

.head{
  display: none;
}

.accordion2 {
  font-family: "Noto Sans Japanese";
  font-weight: 600;
  font-size: 120%;
  text-align: center;
}

.accordion2 .inner {display: none;}
.accordion2 p{cursor: pointer; padding: 10px;}
.accordion2 p.ac0{background: rgba(225,141,175,1.00);}
.accordion2 p.ac3{background: rgba(225,141,175,1.00);}
.accordion2 p.ac4{background: rgba(225,141,175,1.00);}
.accordion2 p.ac5{background: rgba(100,207,161,1.00);}
.accordion2 p.ac6{background: rgba(107,165,217,1.00);}

.accordion2 .inner li{padding: 10px 0;}


/* トップ */
.accordion2 p.ac0{
  background: rgba(254,112,150,1.00);
  color: rgba(255,255,255,1.00);
}
.accordion2 p.ac0 a{
  color: rgba(255,255,255,1.00);
  text-decoration: none;
}
.acd_base00{
  background: rgba(254,112,150,1.00);
  padding: 10px;
  margin-bottom: 10px;
}
.acd_base00 li.content01{
  background: rgba(255,255,255,1.00);
  color: rgba(254,112,150,1.00);
  width: 90%;
  margin: 10px auto;
  border-bottom: rgba(150,150,150,1.00) 1px solid;
}
.acd_base00 li.content01 a{
  color: rgba(225,141,175,1.00);
  text-decoration: none;
}









/* 合格体験記 */
.accordion2 p.ac1{
  background: rgba(254,112,150,1.00);
  color: rgba(255,255,255,1.00);
}
.acd_base01{
  background: rgba(254,112,150,1.00);
  padding: 10px;
  margin-bottom: 10px;
}
.acd_base01 li.content01{
  background: rgba(255,255,255,1.00);
  color: rgba(254,112,150,1.00);
  width: 90%;
  margin: 10px auto;
  border-bottom: rgba(150,150,150,1.00) 1px solid;
}
.acd_base01 li.content01 a{
  color: rgba(254,112,150,1.00);
  text-decoration: none;
}

/* 予備校案内 */
.accordion2 p.ac2{
  background: rgba(107,165,217,1.00);
  color: rgba(255,255,255,1.00);
}
.acd_base02{
  background: rgba(107,165,217,1.00);
  padding: 10px;
  margin-bottom: 10px;
}
.acd_base02 li.content02{
  background: rgba(255,255,255,1.00);
  color: rgba(107,165,217,1.00);
  width: 90%;
  margin: 10px auto;
  border-bottom: rgba(150,150,150,1.00) 1px solid;
}
.acd_base02 li.content02 a{
  color: rgba(107,165,217,1.00);
  text-decoration: none;
}

/* 医学部受験コース */
.accordion2 p.ac2{
  background: rgba(107,165,217,1.00);
  color: rgba(255,255,255,1.00);
}
.acd_base02{
  background: rgba(107,165,217,1.00);
  padding: 10px;
  margin-bottom: 10px;
}
.acd_base02 li.content02{
  background: rgba(255,255,255,1.00);
  color: rgba(107,165,217,1.00);
  width: 90%;
  margin: 10px auto;
  border-bottom: rgba(150,150,150,1.00) 1px solid;
}
.acd_base02 li.content02 a{
  color: rgba(107,165,217,1.00);
  text-decoration: none;
}



.accordion2 .inner li.content1-2{background: #F8BBD0;}
.accordion2 .inner li.content1-3{background: #FCE4EC;}
.accordion2 .inner li.content2-1{background: #FFF59D;}
.accordion2 .inner li.content2-2{background: #FFF9C4;}
.accordion2 .inner li.content2-3{background: #FFFDE7;}
.accordion2 .inner li.content3-1{background: #C5E1A5;}
.accordion2 .inner li.content3-2{background: #DCEDC8;}
.accordion2 .inner li.content3-3{background: #F1F8E9;}



.acd_logo{
  width: 90%;
  margin: 60px auto 20px auto;
  background-color: rgba(255,255,255,1.00);
  padding: 5%;
}
  .acd_logo img{
    width: 100%;
    height: auto;
  }


.acd_pr_box01{
  width: 90%;
  margin: 10px auto;
  
}

/* ==========================================
   インデックステキスト
   ========================================== */
   
.txt_center{
 text-align: center;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
}

.txt_center2{
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
}

.txt_title{
  font-weight: 900;
  font-size: 200%;
  font-family: "Noto Sans Japanese";
}
.txt_title a{
  color: rgba(255,255,255,1.00);
  text-decoration: none;
}

.txt_title1{
  font-weight: 900;
  font-size: 200%;
  font-family: "Noto Sans Japanese";
}
.txt_title1 a{
  color: rgba(102,102,102,1.00);
  text-decoration: none;
}


.txt_title2{
  font-weight: 900;
  font-size: 140%;
  font-family: "Noto Sans Japanese";
}
.txt_title2 a{
  color: rgba(255,255,255,1.00);
  text-decoration: none;
}

.txt_title3{
  font-weight: 900;
  font-size: 140%;
  font-family: "Noto Sans Japanese";
  text-align: center;
}
.txt_title3 a{
  color: rgba(255,255,255,1.00);
  text-decoration: none;
}


.txt_title4{
  font-weight: 900;
  font-size: 110%;
}

/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
  トップページ
  〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */

.top_picup01_wrap{
  position: relative;
  width: 100%;
  background-color: rgba(253,233,235,1.00);
  margin-top: 60px;
}



.head_first_wrap{
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  text-align: center;
  margin-top: 10px;
}


.head_first_wrap2{
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  text-align: center;
  margin-top: 20px;
}



.head_first_wrap .title2{
  font-size: 300%;
  font-weight: 600;
  font-family: "Noto Sans Japanese";
  float: none;
  text-align: center;
  margin-right: auto;
  letter-spacing: 10px;
  
}

.head_first_wrap .title2 img{
  width: 98%;
  height: auto;
}

.head_second_wrap{
  position: relative;
  width: 100%;
  min-width: 100%;
  margin-bottom: 30px;
}

.head_second_contents{
  width: auto;
  margin: auto;
  color: rgba(255,255,255,1.00);
  font-size: 95%;
  padding: 20px;
}

.headheight{
   min-height: auto;
}

.headmath{
  min-height: auto;
}


.top_pickup5{
  width: 100%;
  margin: 20px auto;
}


.top_flex_col_2_wrap{
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 95%;
  margin: auto;
}

.top_flex_box_32{
  position: relative;
  overflow: hidden;
  width: 48%;
}





.top_topic_title{
  background-color: rgba(65,126,223,1.00);
  color: rgba(255,255,255,1.00);
  font-size: 100%;
  padding: 3px 10px;
  font-family: source-han-serif-japanese, serif;
}

.top_topic_wrap{
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: auto;
  background-color: rgba(255,111,150,1.00);
	font-family: 'Noto Sans Japanese', "游ゴシック", YuGothic, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 90%;
	margin-bottom: 10px;
}

.top_topic_wrap .box01{
  width: auto;
  float: none;
  background-color: rgba(107,150,252,1.00);
  color: rgba(255,255,255,1.00);
  padding: 5px 10px;
}

.top_topic_wrap .box02{
  width: auto;
  background-color: rgba(255,111,150,1.00);
  color: rgba(255,255,255,1.00);
  padding: 5px 10px;
}

  .top_topic_wrap a{
    text-decoration: none;
    color: rgba(255,255,255,1.00);
  }


.top_line_bnr{
   width: 100%;
   margin: 0 auto 10px auto;
}



/* ニュースティッカー */


.news_m li {
    height: 20px;
    width: 100%;
    padding: 5px 0;
    font-family: source-han-serif-japanese, serif;
}

.news_m li:hover{
  background-color: rgba(207,113,150,1.00);
}

/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
  中面統一素材
  〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */

.pankuzu{
  width: 95%;
  margin: auto;
  margin-top: 60px;
  margin-bottom: 10px;
  font-size: 80%;
  color: rgba(57,55,55,1.00);
	font-family: 'Noto Sans Japanese', "游ゴシック", YuGothic, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;  
}


.second_txt_wrap01{
  font-size: 160%;
  font-weight: 600;
  font-family: source-han-serif-japanese, serif; 
  padding-top: 20px;
}


.second_txt_wrap02{
  font-family: kozuka-gothic-pr6n, sans-serif;
  font-size: 100%;
  font-weight: 400;
  line-height: 1.9;
  padding: 20px 0
}

.second_pic_wrap01{
  position: relative;
  width: 100%;
  height: 200px !important;
  right: auto;
  top: auto;


}



.top_box_wrap_m01{
  display: flex !important;
  justify-content: center;
  margin-bottom: 20px;
}

.top_box_wrap_m01 .fbox01{
  width: 33%;
}


.top_box02{
  height: 120px;
}

.top_box03{
  margin-bottom: 10px;
}


.top_fb_wrap{
  position: relative;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.top_fb24{
  position: relative;
  overflow: hidden;
  width: 48%;
}

.top_page_title_wrap{
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: rgba(189,189,189,1.00);
}


.top_ch01_wrap{
  text-align: center;
  background-color: rgba(249,239,244,1.00);
  padding: 30px 20px;
}

.top_ch01{
  font-size: 120%;
  font-weight: 900;
}




/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
  上段中面統一領域
  〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */

.wrapper{
  width: 93%;
  max-width: 100%;
  margin: auto;
  /*border: rgba(216,216,216,1.00) 1px solid;
  border-radius: 5px;*/
  font-family: "Noto Sans Japanese";
  font-size: 100%;
  font-weight: 400;
  background-color: rgba(255,255,255,1.00);
}

.spList{
  width: 100%;
}


.img_fit{
position: relative;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
margin: auto;
}

.img_fit img{
  width: 100%;
  height: auto;
}



/* ==========================================
   枠02
   ========================================== */

.ribbon01{
  position:relative;
 }
 
 .ribbon01:before,
 .ribbon01:after{
  content: "";
  position: absolute;
  right: 0;
  left: -1px;
  width: 0;
  height: 0;
  transform: rotate(90deg);
}

 
 .ribbon01:before{
  top: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 0 20px 20px 0;

}

 .ribbon01:after{
  top: -2px;
  left:-2px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  border-width: 0 20px 20px 0;
  z-index: 10;
}

.ribbon01 a{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height:100%;
  width: 100%;
}



.ribbon_flex{
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-content: stretch;
}

.ribbon_head01{
  height: auto;
}

.ribbon_txt01{
  padding: 10px;
  border: rgba(254,112,150,1.00) 2px solid;
  align-self: auto;
  height: auto;
}




/* ==========================================
   枠05
   ========================================== */

.ribbon05{
  position:relative;
 }
 
 .ribbon05:before,
 .ribbon05:after{
  content: "";
  position: absolute;
  right: 0;
  left: -1px;
  width: 0;
  height: 0;
  transform: rotate(90deg);
}

 
 .ribbon05:before{
  top: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 0 20px 20px 0;

}

 .ribbon05:after{
  top: -2px;
  left:-2px;
  border-style: solid;
  border-width: 0 20px 20px 0;
  z-index: 10;
}

.ribbon05 a{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height:100%;
  width: 100%;
}



.ribbon05_flex{
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-content: stretch;
}

.ribbon05_head01{
  height: auto;
}

.ribbon05_txt01{
  padding: 10px;
  align-self: auto;
  height: auto;
}




/* ==========================================
   テーブルベース
   ========================================== */


table, th, td{
  border: 1px solid #ccc;
}


tanel th, td{
  padding: 10px;
}

table.base01{
  min-width: auto;
  border: 0px solid #ccc;
}

table.base101{
   width: 100%;
  min-width: auto;
  border: 0px solid #ccc;
}

table.base01 th{
  font-weight: 600;
  text-align: center;
  padding: 15px 3px;
  vertical-align:middle;
  line-height: 1.4;
  font-size: 90%;
  /*white-space: pre;*/
}


table.base01 td{
  white-space: normal;
  font-weight: 400;
  vertical-align:middle;
  line-height: 1.4;
  padding: 15px 3px;
  font-size: 90%;
}

table.base01 td.hd{
   background: rgba(255,255,255,1.00);
}

table.base01 .w90{
  width: auto;
}

table.base01 .w170{
  width: 100px;
}

table.base01 .w250{
  width: 200px;
}

table.mw800{
  min-width: auto;
}

table.mw100p{
  min-width: 100%;
}

table.mw100p_500{
  min-width: 100%;
}

table.mw100pm{
  min-width: 100%;
}


table.mw1000{
  min-width: auto;
}


table.mw500{
  min-width: auto;
}

table.mw500m{
  min-width: 500px;
}

table.mw600m{
  min-width: 600px;
}

table.mw800m{
  min-width: 800px;
}


table.mw1000m{
  min-width: 600px;
}


.sty_101{
	width: auto;
}

table.base01.t_fsize120{
  font-size: 100%;
}

.base01.b_t_01_m{
   width: 100%;
}

.base01.b_t_01_m .thead{
   display: none;
}

.base01.b_t_01_m th{
   display: block;
   width: 100%;
}

.base01.b_t_01_m tr{
    width: 100%;
}

.base01.b_t_01_m td{
    display: block;
    text-align: right;
    width: 100%;
}

.base01.b_t_01_m td:first-child {
    background: #e9727e;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
.base01.b_t_01_m td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
}

/* ==========================================
   テーブルベース
   ========================================== */
   
.tbl_wrap{
  width: 100%;
  overflow: auto;
}

.td180{
  width: auto;
}

.td150m{
  width: auto;
}
/* ==========================================
   4つの特徴
   ========================================== */
 
.tab{overflow:hidden; margin-bottom: 10px;}
.tab li{
    width: 98%; 
    float: left; 
    color: rgba(77,77,77,1.00); 
    background-color: rgba(253,217,229,1.00); 
    border: rgba(254,112,150,1.00) 1px solid; 
    margin: 1px;
  }

.tab li.select{background:#FE7096; color: rgba(255,255,255,1.00) !important;}
.hide {display:none;}
.tab li img{width: 100%; height: auto;}

.txt_title5{
  position: relative;
  overflow: hidden;
  font-weight: 600;
  font-size: 110%;
  font-family: "Noto Sans Japanese";
}
.txt_title5 a{
  color: rgba(76,76,76,1.00);
  text-decoration: none;
  display: block;
  padding: 10px 0;
}

.txt_title5 a.selected{
  color: rgba(255,255,255,1.00) !important;
  text-decoration: none;
}


/* ==========================================
   医学部
   ========================================== */


.cm table{
  border-collapse: collapse;
  border: 1px solid #ccc;
  line-height: 1.73;
  vertical-align:middle;
  font-size: 100%;
  font-weight: 600;
}

.cm th{
  white-space: nowrap;
  font-size: 100%;
  font-weight: 600;
  text-align: center;
  padding: 10px;
}


.cm td{
  padding: 10px;
  font-size: 100%;
  font-weight: 600;
}

.cm01{
  width: auto;
}

.cm02{
  width: auto;
}

.cm03{
  width: auto;
}

.cm04{
  text-align: right;
  padding-right: 10px;
  width: auto;
}

.cm_h1{
  font-size: 150%;
}

.cm_t_title{
  background-color: rgba(255,255,255,1.00);
  color: rgba(51,51,51,1.00);
  font-size: 180%;
  font-weight: 900;
}
.cm_t_box01{
  background-color: rgba(255,255,255,1.00);
  padding: 10px;
  color: rgba(51,51,51,1.00);
  font-size: 90%;
}



.tuition_box01{
  width: 100%;
  width: calc(100% - 4px);
  margin-bottom: 20px;
}

.tuition_box01 .title{
  font-size: 160%;
  font-weight: 900;
  height: 80px;
}

.cm_other_inner{
  width: 95%;
  margin: 30px auto;
}


.feat_box_wrap{
   width: 100%;
}

.meid_feat_box_wrap{
  position: relative;
  overflow: hidden;
  display: block;
  margin: auto;
  border: rgba(123,120,120,1.00) 1px solid;
}

.meid_feat_box01{
  width: 100%;
  background-color: rgba(254,112,150,1.00);
  color: rgba(255,255,255,1.00);
  font-size: 100%;
  text-align: center;
  line-height: 1.4;
  font-weight: 600;
  padding: 10px 0;
}

.meid_feat_box02{
  font-size: 95%;
  margin-left: auto;
  width: 100%;
  padding: 10px;

}

.meid_feat_box03{
  width: 20%;
  height: 30px;
}

.medi_ch11{
  font-size: 16px;
  font-weight: 700;
  font-family: source-han-serif-japanese, serif; 
  margin-bottom: 40px;
  color: rgba(62,134,195,1.00);
  line-height: 1.4;
}

.medi_movie_wrap .inner{
   width: 100%;
   margin: auto;
}

/* ==========================================
   講師紹介
   ========================================== */


.head_teacher01{
  background-image: url("../images/teacher_01/p_001.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
}



.tch_box01{
  position: relative;
  overflow: hidden;
  border: rgba(254,112,150,1.00) 1px solid;
  width: 100%;
  width: calc(100% - 2px);
  margin-bottom: 20px;
  border-radius: 10px;
}

.tch_box01 .upper{
  background-color: rgba(251,235,240,1.00);
  padding: 10px;
}

.tch_box01 .inner{
}

.tch_box01 .b_comment{
  background-color: rgba(254,112,150,1.00);
  border-radius: 20px;
  color: rgba(248,248,248,1.00);
  padding: 2px;
  width: 120px;
  text-align: center;
  font-weight: 900;
  font-size: 90%;
}

.tch_box01 .pic01{
  float: left;
}

.tch_box01 .pic01 img{
  width: 100%;
  height: auto;
}

.tch_box01 .name{
  font-size: 5.4vw;
  line-height: 1.4;
  font-weight: 900;
  font-family: source-han-serif-japanese, serif; 
}

.tch_box01 .txt01{
  font-size: 70%;
  line-height: 1.4;
  margin: 0px;
}

.tch_box01 .txt02{
  font-size: 100%;
  line-height: 1.8;
  padding: 20px;
}


/* ==========================================
   合格実績
   ========================================== */
   
.flex_uni_box{
  width: 48%;
  margin-bottom: 10px;
}

.result_uni_wrap{
  padding:  10px 2px;
  font-size: 90%;
  font-weight: 400;
}

.result_num_wrap{
  padding: 5px;
  font-size: 110%;
}

.result_fbox{
   margin-left: 20px;
}

.result_uni2{
   font-size: 130%;
   font-weight: 900;
   width: 100%;
   margin-bottom: 10px;
}

.result_uni2_spc{
   width: 100%;
}

.result_i{
   color: rgba(254,112,150,1.00);
   margin-right: 2px;
}

.result_t01{
   font-size: 130%;
   margin: 0 30px 20px 20px;
   font-weight: 900;
}



/* ==========================================
   合格体験記
   ========================================== */


.ac_flex_box01{
  position: relative;
  overflow: hidden;
  width: 48%;
  margin-bottom: 15px;
}

.ac_modal_t01{
  font-size: 120%;
  font-weight: 900;
  margin-left: auto;
}

.ac_modal_t02{
  font-size: 100%;
  font-weight: 600;
  margin-bottom: 0;
  margin-left: auto;
}

.ac_modal_t03{
  font-size: 90%;
  font-weight: 400;
  line-height: 1.8;

}




/* ==========================================
   入試情報
   ========================================== */

.head_cni01{
  background-image: url("../images/header_img/p_016.jpg");
  background-size:cover;
  background-position: left center;
  height: 210px;
}

.cni_bg01{
  background-image: url("../images/header_img/p_017.jpg");
  background-size: cover;
  background-position: bottom;
}


.head_cni_first_wrap{
  width: 100%;
  margin: auto;
  margin-bottom: 40px;
}

.cni_second_head_left{
  width: 100%;
  font-size: 200%;
  font-weight: 900;
}

.cni_second_head_left .index{
  width: 100%;
  font-family: source-han-serif-japanese, serif;
  color: rgba(254,112,150,1.00);
  padding: 20px 0;
  line-height: 1.2;
  float: none;
  text-align: center;
}


.cni_second_head_left .index2{
  width: 100%;
  font-family: source-han-serif-japanese, serif;
  color: rgba(254,112,150,1.00);
  padding: 40px 0;
  line-height: 1.2;
  float: none;
  text-align: center;
}


.cni_second_head_left .index3{
  width: 100%;
  font-family: source-han-serif-japanese, serif;
  color: rgba(254,112,150,1.00);
  padding: 40px 0;
  line-height: 1.2;
  float: none;
  text-align: center;
}

.cni_second_head_right{
  width: 40%;
} 

.cni_second_head_right .index{
  margin-left: 30px;
}

/* ==========================================
   ご挨拶
   ========================================== */

.message_b_wrap{
   width: 100%;
   margin-bottom: 60px;
   padding-left: 0;
}

/* ==========================================
   メディア情報
   ========================================== */

.pub_txt01{
  font-size: 120%;
  margin-top: 10px;
  margin-bottom: 10px;
  border-left: rgba(225,141,175,1.00) 10px solid;
  padding-bottom: 5px;
  padding: 8px;
}

.pub_txt02{
  font-size: 90%;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 50px;
  padding: 10px;
}


.pub_download a{
  position: absolute;
  text-align: center;
  bottom: 10px;
  right: 10px;
  margin: auto;
}




.pub_f_box01{
  width: 100%;
}

.pub_f_box01 .flex_wrapper{
  display: flex !important;
}

.pub_f_box01 .flex_box_40{
  width: 38% !important;
}

.pub_f_box01 .flex_box_58{
  width: 60% !important;
}

/* ==========================================
   オンライン
   ========================================== */

.online_ks_t_box02{
  width: 95%;
  margin: auto;
  font-weight: 400;
  font-size: 110%;
  text-align: left;
  margin-bottom: 80px;
}

/* ==========================================
   問い合わせ
   ========================================== */

.inq_box01{
  width: 95%;
  margin: auto;
  margin-bottom: 40px;
}

.inq_t01{
  font-size: 130%;
  font-weight: 700;
  font-family: source-han-serif-japanese, serif;
  color: rgba(254,112,150,1.00);
}

.inq_t02{
  font-size: 120%;
  font-weight: 700;
  font-family: source-han-serif-japanese, serif; 
}


/* ==========================================
   各ページインフォ枠
   ========================================== */

.down_info{
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 30px auto;
}

.flex_wrapper_info{
  position: relative;
  overflow: hidden;
  width: 80%;
  margin: auto;
  display: block;
}

/* ==========================================
   フッダ
   ========================================== */
.footer_menu02{
  width: 95%;
  color: rgba(255,255,255,1.00);
  font-size: 120%;
  font-weight: 900;
  margin: 15px auto 20px auto;
}



.footer_menu02 .box_wrap{
  position: relative;
  overflow: hidden;
  display: block;
  margin: auto;
}

.footer_menu02 .box_wrap .box01{
  width: 100%;
}

.footer_menu02 .box_wrap .box02{
  border: rgba(255,255,255,1.00) 1px solid;
  padding: 10px;
  width: 100%;
  width: calc(100% - 22px);
  margin-bottom: 10px;
  font-size: 80%;
}

.footer_menu02 .box_wrap .box02 li{
  padding: 0 10px;
}


.footer_menu02 .box_wrap .box02 li a{
  color: rgba(255,255,255,1.00);
  text-decoration: none;
}



.footer_logo{
  width: 95%;
  margin: 10px auto;
}
  .footer_logo img{
    width: 100%;
    height: auto;
  }

.inline_foot{
  position: relative;
  overflow: hidden;
background-color: rgba(255,255,255,1.00);
}






.eei_box{
  width: 98%;
  background-color: rgba(255,112,150,1.00);
  color: rgba(255,255,255,1.00);
  border-radius: 20px;
  padding: 15px 0;
  text-align: center;
  margin-bottom: 20px;
}

.eei_box_brk{
  width: 32%;
}

.eei_box a{
  color: rgba(255,255,255,1.00);
  text-align: center;
  font-weight: 600;
  font-size: 160%;
  text-decoration: none;
  display: block;
}

.eei_box:hover{
  background-color: rgba(231,50,98,1.00);
}



.crs_box{
  width: 90%;
  margin: auto;
  background-color: rgba(255,112,150,1.00);
  color: rgba(255,255,255,1.00);
  border-radius: 20px;
  padding: 5px 0 15px 0;
  text-align: center;
  margin-bottom: 20px;
}

.crs_box_brk{
  width: 32%;
}

.crs_box a{
  color: rgba(255,255,255,1.00);
  text-align: center;
  font-weight: 600;
  font-size: 100%;
  text-decoration: none;
  display: block;
}

.crs_box:hover{
  background-color: rgba(231,50,98,1.00);
}

.crs_box2{
  width: 90%;
  margin: auto;
  background-color: rgba(255,112,150,1.00);
  color: rgba(255,255,255,1.00);
  border-radius: 20px;
  padding: 5px 0 15px 0;
  text-align: center;
  margin-bottom: 20px;
}

/* ==========================================
   募集人員変更2019
   ========================================== */
 
 .sp2019_rec_box01{
   border: rgba(138,138,138,1.00) 1px solid;
   padding: 15px;
 }

 .sp2019_rec_box02{
   width: 100%;
   margin: auto;
 }
   
 
 /* ==========================================
   sp01
   ========================================== */


.sp01_box01{
	padding: 10px 0;
}

.sp01_t01{
	font-size: 100% !important;
}

.sp01_t02{
  font-size: 110%;
  font-weight: 900;
  font-family: source-han-serif-japanese, serif; 
}

.sp01_box02{
	font-size: 90% !important;
	line-height: 1.8;
}




 /* ==========================================
   sp02
   ========================================== */

.sp02_fb{
   position: relative;
   overflow: hidden;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}

.sp02_fb .fb32{
   width: 48%;
   margin-bottom: 10px;
}

/* 追加要素 */

h1.index01{
  margin-bottom: 10px;
  font-size: 150%;
  padding: 5px 10px 10px 5px;
  box-sizing: border-box;
}

h1.index02{
	width: 98%;
	font-size: 150%;
   padding: 0;
   box-sizing: border-box;
   margin-bottom: 20px;
	border: 3px solid rgba(254,112,150,1.00);
}
h1.index02 div{
	top: 15px;
}


 /* ==========================================
   対策本
   ========================================== */

.i_uni{
   color: rgba(254,112,150,1.00);
   margin-right: 2px;
}

.books_pic01{
	background-color: rgba(255,238,242,1.00);
	padding: 20px;
	box-sizing: border-box;
	border-radius: 20px;
	margin-bottom: 50px;
}

.books_i01{
  font-size: 20px;
  font-weight: 700;
  font-family: source-han-serif-japanese, serif; 
  color: rgba(77,77,77,1.00);
  line-height: 1.4;
  margin-bottom: 10px;
}

.books_i02{
  font-size: 14px;
  font-weight: 700;
  color: rgba(77,77,77,1.00);
  line-height: 1.4;
  margin-bottom: 30px;
}

.books_sample_wrap{
	display: block;
	margin-bottom: 50px;
}

.books_sample_left_wrap{
	width: 70%;
	margin: auto;
	margin-bottom: 20px;
}

.books_sample_right_wrap{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.books_sample_right_wrap li{
	width: 30%;
}
.books_btn {
  text-decoration: none;
  background: #87befd;
  color: #FFF;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  transition: .4s;
  font-weight: 600;
}

.books_btn:hover {
  background: #668ad8;
}

.books_sample_cau01{
	width: 100%;
	font-size: 100%;
	margin-top: 20px;
}


/* -----------------------------------------
   TOPへ戻る
   -----------------------------------------*/
#back-top {
    position: fixed;
    bottom: 15px;
    right: 10px;
	 z-index:100;
}
#back-top a {
    width: 40px;
    height: 40px;
    display: block;
}

#back-top img{
   width: 40px;
   height: 40px;
}

#back-top img{
   border-radius: 30px;
}


}
