/*
Page専用css
*/

@charset "UTF-8";
@import url("page-addstyle.css"); /*中ページ用共同開発CSS*/

/* ==========================================================================
   固定ページ共通レイアウト by Maru
   ========================================================================== */

   /* メイン画像 */
   #page-mainimg{text-align: center; margin-bottom: 65px;}
   #page-mainimg > figure{display: inline-block; position: relative;}

   #page-mainimg .page-imgtitle{
   	position: absolute;
   	top: 0;
   	bottom: 0;
   	left: 100px;
   	/* min-width: 250px; */
   	height: 250px;
   	margin: auto;
   	background: rgba(0, 64, 154, 0.8);
   	padding: 0 50px;
   	line-height: 250px;
   	color: #fff;
   	transform: skewX(-20deg);
   }

   #page-mainimg .page-imgtitle::after{clear: both; content: ""; display: block;}

   #page-mainimg .page-imgtitle p{
    position: relative;
    top: 50%;
    left: 0;
    transform: translateY(-50%) skewX(20deg);
    line-height: 1.6;
    float: left;
    text-align: left;
  }

  #main {
    width: 810px;
    float: left;
  }
  .sidebar {
    width: 240px;
    float: left;
  }

  /* レイアウト切り替え用クラス、右に置きたい要素に付ける */
  .last-col {
    float: right;
    margin-left: 50px !important;
  }


/* ==========================================================================
   パンくずCSS
   ========================================================================== */


   /*** PC ***/

   #breadcrumbs {
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
    vertical-align: middle;
  }
  .breadcrumbs {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 110px;
    display: block;
    background-color: #f4f4f4;
    box-shadow: 0 3px 3px #ccc inset; 
  }

  #breadcrumbs br{display: none;}


/* ==========================================================================
   SP CSS
   ========================================================================== */

   /*@media only screen and (max-width: 736px) {*/
     @media only screen and (max-width: 810px) {
      .breadcrumbs {display: none;}
      .sidebar {display: none;}

      #main,.sidebar{float: none; width: 100%;}
      #main{padding: 0 10px;}

      .last-col {
        float: none;
        padding-left: 0 !important;
      }

      /* メイン画像 */
      #page-mainimg{margin-bottom: 30px;}
      #page-mainimg > figure{
        display: inline-block;
        position: relative;
        height: 128px;
        width: 100%;
        overflow: hidden;
      }

      #page-mainimg .page-imgtitle{
        font-size: 16px;
        left: 0;
        min-width: 80px;
        height: 80px;
        margin: 0;
        padding: 0 20px;
        top: 50%;
        left: 20px;
        transform: translateY(-50%) skewX(-20deg);
      }

      .page-mainimg{max-width: 600px; position: absolute; z-index: -1;}

      #page-mainimg .page-imgtitle::after{clear: both; content: ""; display: block;}

      #page-mainimg .page-imgtitle span{

      }

    }



/* ==========================================================================
   固定ページ用 addquicking 登録CSS
   ========================================================================== */

   /* 中ページ用共通マージン */
   .m1{margin-bottom: 1em;}
   .m2{margin-bottom: 2em;}
   .m3{margin-bottom: 3em;}

   /*@media only screen and (max-width: 736px) {*/
     @media only screen and (max-width: 810px) {
      /* スマホのみのマージン */
      .spm1{margin-bottom: 1em;}
    }

    /* ２カラム */
    .p-col2{width: calc(50% - 20px); float: left;}
    .p-col .p-col2:nth-of-type(odd){margin: 0 20px 0 0;}
    .p-col .p-col2:nth-of-type(even){margin: 0 0 0 20px;}


    /* マージン */
    .p-col .p-col2.p-colundermargin:nth-of-type(odd){margin: 0 20px 20px 0;}
    .p-col .p-col2.p-colundermargin:nth-of-type(even) {margin: 0 0 20px 20px;}

    /* 右に写真がある2カラム、SP時写真が上に */
    .p-col .p-col2.rph-first:nth-of-type(odd){margin: 0 0 0 20px; float: right;}
    .p-col .p-col2.rph-last:nth-of-type(even){margin: 0 20px 0 0; float: left;}

    /* 矢印付きリンクボタン */
    .arrowlink-page{
      display: table;
      width: auto;
      border: 1px solid #777;
      padding: 5px 70px;
      color: #777;
      text-align: center;
      position: relative;
      margin: 0 0 16px 0;
    }
    .arrowlink-page::after{
      content: "\002192"; /* → の文字*/
      margin-left: 20px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 20px;
      margin: auto;
    }

    .arrowlink-page.center{margin: 0 auto;}


    /* 見出しタイトル */
    .page-contents-title{
      font-size: 25px;
      padding: 0 0 5px 0;
      border-bottom: 2px solid #dae5f2;
      margin: 0 0 50px 0;
      position: relative;
      line-height: 1.8;
      font-weight: normal;
    }

    .page-contents-title::after{
      display: block;
      content: "";
      width: 165px;
      height: 2px;
      background: #00439a;
      position: absolute;
      bottom: -2px;
      left: 0;
    }

    /* 見出しタイトル２ */
    .page-lv2-title{
      font-size: 25px;
      margin-bottom: 1em;
      line-height: 1.4;
      vertical-align: top;
      position: relative;
      padding: 0 0 16px 35px;
      border-bottom: 1px solid #bfbfbf;
    }

    .page-lv2-title::before{
      position: absolute;
      top: 8px;
      left: 0;
      display: block;
      content: "";
      width: 12px;
      height: 12px;
      background: #80aee9;
      border: 4px solid #00439a;
      border-radius: 50%;
    }

    /* 見出しタイトル３ */
    .page-lv3-title{
      position: relative;
      font-size: 20px;
      padding: 5px 0 5px 30px;
      background: #00316c;
      margin-bottom: 1em;
      font-weight: normal;
      color: #fff;
    }

    .page-lv3-title::before{
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 0px;
      display: block;
      content: "";
      width: 20px;
      height: 5px;
      background: #fff;
    }

    .page-lv3-title.pl3t-blue{color: #fff; background: #568bdd;}
    .page-lv3-title.pl3t-blue::before{background: #fff;}


    /* 見出しタイトル４ */
    .page-lv4-title{
      text-align: center;
      background-color: #ccc;
      padding: 7px 0;
    }

    /* キーカラーと太文字 */
    .kc-text01{color: #00316c; font-weight: bold;}
    .kc-text01n{color: #00316c; font-weight: normal;}


    /*@media only screen and (max-width: 736px) {*/
      @media only screen and (max-width: 810px) {

        .p-col2{width: 100%; margin-bottom: 16px;}

        .p-col2 figure{width: 100%; display: block; text-align: center;}

        .p-col .p-col2:nth-of-type(odd),
        .p-col .p-col2:nth-of-type(even)
        {margin: 0; float: none;}

        /* マージン */
        .p-col .p-col2.p-colundermargin:nth-of-type(odd),
        .p-col .p-col2.p-colundermargin:nth-of-type(even){margin: 0 0 20px;}

        .arrowlink-page{
          width: 100%;
          padding: 16px;
        }

        .p-col .p-col2.rph-first:nth-of-type(odd),
        .p-col .p-col2.rph-last:nth-of-type(even)
        {margin: 0; float: none;}

        .page-contents-title{
          margin: 0 0 20px 0;
          font-size: 20px;
        }

        /* 見出しタイトル２ */
        .page-lv2-title{
          font-size: 20px;
        }


        /* 見出しタイトル３ */
        .page-lv3-title{
          font-size: 16px;
        }


      }



/* ==========================================================================
   グローバルナビページCSS
   ========================================================================== */
   /* helper class --------------------------------------------- */
   .block-link a{display: block;}
   
   a.link-color,
   a:link.link-color01,
   a:hover.link-color01,
   a:visited.link-color01,
   a:active.link-color01{color: #333;}

   .mov-tumb a{position: relative; display: block;}
   .mov-tumb a::before{
    content: url('../images/icon-play.png');
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 93px;
    height: 93px;
    z-index: 9999;
  }

  .hr-m20{margin:40px 0;}

  /* MEDiCの強み --------------------------------------------- */
  #post-2 .about-box,
  #post-2 .about-method{padding: 100px 10px; text-align: center;}

  #post-2 .about-box p,
  #post-2 .about-method p{text-align: left; line-height: 2; margin: 0 auto 2em; max-width: 510px;}

  #post-2 .about-box h3{font-size: 40px;}
  #post-2 .about-box{background: #f4f3f3;}

  #post-2 .about-method h3{font-size: 20px;}
  #post-2 .about-method h3 span{font-size: 28px; padding-top: 30px; display: block;}
  #post-2 .about-method{text-align: center;}



  #post-2 .about-method_text .p-col2{display: table; border-collapse: separate; border-spacing: 0 10px;}
  #post-2 .about-method_text .p-col2 figure,
  #post-2 .about-method_text .p-col2 p{display: table-cell; vertical-align: middle;}
  #post-2 .about-method_text .p-col2 figure{width: 80px;}
  #post-2 .about-method_text .p-col2 p{font-size: 20px; color: #042c5d; padding: 0 0 0 20px;}

  #post-2 .about-gettext{font-size: 20px; text-align: center;}
  #post-2 .about-gettext::after{
    display: block;
    content: '\0025bc\003000\0025bc\003000\0025bc'; /* "▼　▼　▼"の文字 */
    padding-top: 30px;
  }

  /*@media only screen and (max-width: 736px) {*/
    @media only screen and (max-width: 810px) {

      /* メイン画像位置調整 */
      .page-id-2 .page-mainimg{left: -180px;}

      #post-2 .about-box,
      #post-2 .about-method{padding: 50px 10px;}
      #post-2 .about-box h3{font-size: 20px;}
      #post-2 .about-method h3{font-size: 14px;}
      #post-2 .about-method h3 span{font-size: 21px; padding-top: 15px;}

      #post-2 .about-method_text .p-col2,
      #post-2 .about-method_text .p-col2 figure,
      #post-2 .about-method_text .p-col2 p{display: block; text-align: center; width: 100%;}

      #post-2 .about-method_text .p-col2{margin-bottom: 16px;}
    }

    #post-2 .about-point-box .p-col2{margin-bottom: 16px; margin-bottom: 80px;}
    #post-2 .about-point-box .p-col2 figure{margin-bottom: 16px;}
    #post-2 .about-point-box .p-col2 div.t_center a{ margin: 0 auto;}
    #post-2 .about-point-box .p-col2 p{ margin-bottom: 15px;}

    /* 講義による学習支援 */

    .strong-box .t_right a{display: inline-block;}

    /*@media only screen and (max-width: 736px) {*/
      @media only screen and (max-width: 810px) {
        .strong-box .p-col2:first-child{margin-bottom: 20px;}

        #post-2 .about-point-box .p-col2{margin-bottom: 16px; margin-bottom: 40px;}
      }



      /* 講師紹介 --------------------------------------------- */

      #post-7 .teacher-anker {margin-bottom: 30px;}
      #post-7 .teacher-anker li{display: inline-block; margin-right: 1em;}
      #post-7 .teacher-anker li::before{content: "\0025bc"; margin-right: 5px; color: #00316c;}


      #post-7 .teacher-namebox{
        background: #eeeeee;
        padding: 10px;
        display: table;
        width: 100%;
        margin-bottom: 40px;
        position: relative;
      }

      #post-7 .teacher-namebox::after
      {
        position: absolute;
        top: 50%;
        right: 16px;
        transform: translateY(-50%) scaleY(2.5);
        font-size: 12px;
        content: "\00ff1e";
        display: block;
      }


      #post-7 .teacher-namebox li{
        display: table-cell;
        vertical-align: middle;
        font-size: 25px;
      }

      #post-7 .teacher-namebox li:first-child{
       background: #042c5d;
       width: 80px;
       height: 80px;
       color: #fff;
       text-align: center;
     }

     #post-7 .teacher-namebox li:last-child{
      padding: 0 16px;
      color: #042c5d;
    }
    #post-7 .teacher-namebox li:last-child span{
      font-size: 12px;
      color: #959595;
      display: block;
    }

    #post-7 .p-col .p-col2.m1{padding: 0 0 1em 0;}

/*@media only screen and (max-width: 736px) {*/
  @media only screen and (max-width: 810px) {

    /* メイン画像位置調整 */
    .page-id-7 .page-mainimg{left: -80px;}

    .strong-box .p-col2:first-child{margin-bottom: 20px;}

    #post-7 .teacher-infobox .p-col2{width: 50%; float: left;}
    #post-7 .teacher-namebox{margin-bottom: 20px; padding: 0;}
    #post-7 .teacher-namebox li{font-size: 10px;}
    #post-7 .teacher-namebox li:first-child{font-size: 10px; width: 50px; height: 50px;}
    #post-7 .teacher-namebox li:last-child{padding: 0 10px;}
    #post-7 .block-link a{padding:0 5px;}
    #post-7 .teacher-namebox li:last-child span{font-size: 10px;}
    #post-7 .teacher-namebox::after{display: none;}
  }



  /* 講師紹介(2022) テスト用--------------------------------------------- */

  #post-9230 .teacher-anker {margin-bottom: 30px;}
  #post-9230 .teacher-anker li{display: inline-block; margin-right: 1em;}
  #post-9230 .teacher-anker li::before{content: "\0025bc"; margin-right: 5px; color: #00316c;}


  #post-9230 .teacher-namebox{
    background: #eeeeee;
    padding: 10px;
    display: table;
    width: 100%;
    margin-bottom: 40px;
    position: relative;
  }

  #post-9230 .teacher-namebox::after
  {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%) scaleY(2.5);
    font-size: 12px;
    content: "\00ff1e";
    display: block;
  }


  #post-9230 .teacher-namebox li{
    display: table-cell;
    vertical-align: middle;
    font-size: 25px;
  }

  #post-9230 .teacher-namebox li:first-child{
   background: #042c5d;
   width: 80px;
   height: 80px;
   color: #fff;
   text-align: center;
 }

 #post-9230 .teacher-namebox li:last-child{
  padding: 0 16px;
  color: #042c5d;
}
#post-9230 .teacher-namebox li:last-child span{
  font-size: 12px;
  color: #959595;
  display: block;
}

#post-9230 .p-col .p-col2.m1{padding: 0 0 1em 0;}

/*@media only screen and (max-width: 736px) {*/
  @media only screen and (max-width: 810px) {

    /* メイン画像位置調整 */
    .page-id-7 .page-mainimg{left: -80px;}

    .strong-box .p-col2:first-child{margin-bottom: 20px;}

    #post-9230 .teacher-infobox .p-col2{width: 50%; float: left;}
    #post-9230 .teacher-namebox{margin-bottom: 20px; padding: 0;}
    #post-9230 .teacher-namebox li{font-size: 10px;}
    #post-9230 .teacher-namebox li:first-child{font-size: 10px; width: 50px; height: 50px;}
    #post-9230 .teacher-namebox li:last-child{padding: 0 10px;}
    #post-9230 .block-link a{padding:0 5px;}
    #post-9230 .teacher-namebox li:last-child span{font-size: 10px;}
    #post-9230 .teacher-namebox::after{display: none;}
  }




/* 講師ページ --------------------------------------------- */
#post-223 .teacher-title{margin-bottom: 45px; display: table; table-layout: fixed;}

#post-223 .teacher-title i,
#post-223 .teacher-title span{display: table-cell; vertical-align: middle;}

#post-223 .teacher-title i{
  background: #00439a;
  width: 60px;
  height: 60px;
  font-size: 15px;
  line-height: 1;
  font-style: normal;
  border-radius: 3px;
  text-align: center;
  color: #fff;
}

#post-223 .teacher-title span{ font-size: 25px;}

#post-223 .lecturer-message{
  background: #ddebfd;
  padding: 35px 45px;
  display: table;
  margin: 0 0 125px 0; 
}

#post-223 .lecturer-message > div{display: table-cell; vertical-align: middle;}
#post-223 .lecturer-message > div:first-child{width: 220px;}
#post-223 .lecturer-message > div:last-child{padding: 0 0 0 50px;}

#post-223 .teacher-footer-link ul{display: table; width: 100%; table-layout: fixed;}
#post-223 .teacher-footer-link ul li{
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  line-height: 1;
  text-align: center;
}

#post-223 .teacher-footer-link > .p-col2 > a{display: block; margin-bottom: 10px; color: #333;}

#post-223 .teacher-footer-link ul li:nth-of-type(1){width: 74px; padding: 0;}
#post-223 .teacher-footer-link ul li:nth-of-type(2){background: #012a5e; color: #fff;}
#post-223 .teacher-footer-link ul li:nth-of-type(3){background: #eeeeee; position: relative;}
#post-223 .teacher-footer-link ul li:nth-of-type(3)::after{
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%) scaleY(2.5);
  font-size: 12px;
  content: "\00ff1e";
  display: block;
}


/*@media only screen and (max-width: 736px) {*/
  @media only screen and (max-width: 810px) {

    #post-223 .p-col .p-col2{margin: 0 0 16px 0;}

    #post-223 .lecturer-message,
    #post-223 .lecturer-message > div,
    #post-223 .lecturer-message > div:first-child,
    #post-223 .lecturer-message > div:last-child
    {display: block; width: 100%; padding: 10px;}

    #post-223 .lecturer-message{ margin: 0 0 30px 0; }

  }

/* コースのご案内 --------------------------------------------- */
#post-23 .course-box h4{
  display: block;
  padding-left: 20px;
  font-size: 25px;
  color: #fff;
  height: 84px;
  line-height: 90px;
  background: #568bdd;
  border-left: 35px solid #1d4cc0;
  font-weight: normal;
}

#post-23 .course-box h4.ct02{
  background: #3aaade;
  border-left: 35px solid #0d71c1;
}

#post-23 .course-box h4.ct03{
  background: #27c0dc;
  border-left: 35px solid #0691be;
}

#post-23 .course-box{position: relative;}
#post-23 .course-box .arrowlink-page{display: block; position: absolute; bottom: 0; left: 100px;  margin: 0 auto;}

/*@media only screen and (max-width: 736px) {*/
  @media only screen and (max-width: 810px) {

    /* メイン画像位置調整 */
    .page-id-23 .page-mainimg{left: -60px;}

    #post-23 .course-box{margin-bottom: 30px;}

    #post-23 .course-box h4{height: auto; line-height: 1.4; font-size: 18px; padding: 5px; }
    #post-23 .course-box h4,
    #post-23 .course-box h4.ct02,
    #post-23 .course-box h4.ct03{
      border-width: 20px;
    }

    #post-23 .course-box .p-col p{margin-bottom: 16px;}

    #post-23 .course-box .arrowlink-page{display: block; position: static; margin-bottom: 16px;}

  }

/* 国公立医学部 精鋭コース （略称：Eコース） */
.page-id-656 #page-mainimg .page-imgtitle{background: rgba(86, 139, 221, 0.8);}
.page-id-656 .page-contents-title::after,
.page-id-656 .page-lv3-title
{background: #568bdd;}

.course-list{background: #daebff; padding:16px;}
.course-list li::before{
  content: "\0025cb"; /* "○"の文字 */
  color: #333;
  margin-right: 5px;
}

/* 国公立私立医学部 選抜コース （Ｘクラス・一般クラス） */

.page-id-665 #page-mainimg .page-imgtitle{background: rgba(58, 170, 222, 0.8);}
.page-id-665 .page-contents-title::after,
.page-id-665 .page-lv3-title
{background: #3aaade;}

.page-id-665 #page-mainimg .small{font-size: 17px;}

.course02-list{margin-bottom: 30px;}
.course02-list li:first-child{
  color: #00316c;
  font-weight: bold;
  text-decoration: underline
}

/* 国公立医学部 精鋭コース （略称：Eコース） */
.page-id-673 #page-mainimg .page-imgtitle{background: rgba(39, 192, 220, 0.8);}
.page-id-673 .page-contents-title::after,
.page-id-673 .page-lv3-title
{background: #27c0dc;}


/*@media only screen and (max-width: 736px) {*/
  @media only screen and (max-width: 810px) {
    /* 国公立医学部 精鋭コース （略称：Eコース） */

    /* メイン画像位置調整 */
    .page-id-656 .page-mainimg{left: -50px;}

    /* 国公立私立医学部 選抜コース （Ｘクラス・一般クラス） */
    /* メイン画像位置調整 */
    .page-id-665 .page-mainimg{left: -50px;}

    /* 国公立医学部 精鋭コース （略称：Eコース） */
    /* メイン画像位置調整 */
    .page-id-673 .page-mainimg{left: -150px;}

  }


/* 入塾について --------------------------------------------- */
/*@media only screen and (max-width: 736px) {*/
  @media only screen and (max-width: 810px) {

   /* メイン画像位置調整 */
   .page-id-779 .page-mainimg{left: -180px;}
   #post-779 .block-link .p-col2{width: calc(50% - 5px); float: left;}
   #post-779 .block-link .p-col2:first-child{margin-right: 5px;}
   #post-779 .block-link .p-col2:last-child{margin-left: 5px;}
   #post-779 .block-link.m2{margin-bottom: 0px;}
   #post-779 .page-lv3-title{font-size: 12px; padding: 5px 0 5px 15px;}
   #post-779 .page-lv3-title::before{width: 10px;}

 }


/* 合格実績 --------------------------------------------- */
#post-25 .page-contents-title span{font-size: 18px;}
#post-25 p.m40{margin-bottom: 20px; font-size: 16px;}

#post-25 .success_table{width: 100%;}
#post-25 .success_table tr:nth-of-type(odd){background: #f5f5f5;}
#post-25 .success_table tr:nth-of-type(even){background: #FFF;}
#post-25 .success_table tr td{
  padding: 30px 15px;
  vertical-align: middle;
  font-size: 23px;
  position: relative;
  line-height: 1;
}
#post-25 .success_table tr td span{font-size: 17px;}
#post-25 .success_table tr td:first-child,
#post-25 .success_table tr td:last-child{border-style: solid; border-color: #d2d2d2;}
#post-25 .success_table tr td:first-child{border-width: 0 1px 1px 0;}
#post-25 .success_table tr td:last-child{border-width: 0 0 1px 0;}

#post-25 .success_table .num{
  font-size: 35px;
  color: #236ac9;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
#post-25 .success_table .num i{font-size: 15px; color: #333; font-style: normal;}


#post-25 .success_table tr:last-child{background: #236ac9;}
#post-25 .success_table tr:last-child *{color: #fff;}


/*@media only screen and (max-width: 736px) {*/
  @media only screen and (max-width: 810px) {

    #post-25 .success_table tr td{text-align: center; padding: 15px;}
    #post-25 .success_table tr td span{display: block;padding-top: 8px; }

    #post-25 .success_table .num{
      position: static;
      width: 100%;
      display: block;
      text-align: center;
      transform: translateY(0);
      padding-top: 8px; 
    }

  }


/* 合格体験記_一覧 --------------------------------------------- */
#post-27 .voice-link .p-col2{margin-bottom: 50px;}

#post-27 .voice-table{width: 100%;}
#post-27 .voice-table tr{border-bottom: 1px solid #bfbfbf;}
#post-27 .voice-table td{vertical-align: middle;}
#post-27 .voice-table thead td{font-size: 13px;}
#post-27 .voice-table thead td:nth-of-type(1){max-width: 366px;}
#post-27 .voice-table thead td:nth-of-type(2){max-width: 180px;}
#post-27 .voice-table tbody td{padding: 10px; font-size: 20px;}
#post-27 .voice-table tbody td span{
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  font-size: 13px;
  line-height: 40px;
  margin-right: 15px;
}

#post-27 .voice-table .color01{background: #f42c2c;}
#post-27 .voice-table .color02{background: #556fb5;}
#post-27 .voice-table .color03{background: #22ac38;}

/*@media only screen and (max-width: 736px) {*/
  @media only screen and (max-width: 810px) {

    #post-27 .voice-table,
    #post-27 .voice-table tr,
    #post-27 .voice-table td,
    #post-27 .voice-table tbody,
    #post-27 .voice-table thead td:nth-of-type(1),
    #post-27 .voice-table thead td:nth-of-type(2)
    {display: block; max-width: 100%;}

    #post-27 .voice-table thead{display: none;}
    #post-27 .voice-table tr{border-bottom: none; padding: 0 0 16px 0;}
    #post-27 .voice-table tbody td{padding: 0;}

    #post-27 .voice-table tbody td:nth-of-type(3)::before{
      display: inline-block;
      content: "出身校";
      font-size: 13px;
      margin-right: 10px;
    }

    #post-27 .voice-table td{text-align: center; padding: 0;}
    #post-27 .voice-table tbody td span{
      display: block;
      width: 100%;
      height: auto;
      border-radius: 25px;
      line-height: 1;
      margin-right: 0;
      padding: 10px 0;
      margin-bottom: 10px;
    }

  }


/* ケーススタディ --------------------------------------------- */

.casestudy-title{margin-bottom: 16px;}

.casestudy-title a{display: table; width: 100%;}
.casestudy-title span{display: table-cell; vertical-align: top; color: #fff;}
.casestudy-title span.mincyo{
	width: 72px;
	height: 74px;
	background: #3174c6; 
	text-align: center; 
	line-height: 74px; 
	font-size: 50px;
	font-style: italic;
	text-indent: -8px;
}
.casestudy-title span:last-child {width: calc(100% - 72px);}
.casestudy-title span:last-child em,
.casestudy-title span:last-child i{display: block; padding-left: 10px; font-style: normal;}
.casestudy-title span:last-child em{background: #042c5d; height: 40px; line-height: 40px;}
.casestudy-title span:last-child i{
  background: #6995cb;
  height: 34px;
  line-height: 34px;
  overflow: hidden;
}


/* 合格実績 --------------------------------------------- */

/* singleページ用 */
.voice-title{
  position: relative;
  margin-bottom: 40px;
}
.voice-title em{
  background: #d3deed;
  line-height: 60px;
  font-size: 25px;
  font-style: normal;
  height: 60px;
  display: inline-block;
  width: 100%;
  padding-left: 80px;
  border-radius: 40px 0 0 40px;
}
.voice-title span{
  position: absolute;
  display: inline-block;
  background: #00439a;
  width: 60px;
  height: 60px;
  border-radius: 40px;
  font-size: 10px;
  text-align: center;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
}

.voice-title em::after{
  display: block;
  content: "";
  border-style: solid;
  border-color: #d3deed transparent transparent transparent;
  border-width: 16px;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
}

.voice-title span i{display: block; font-style: normal;}
.voice-title span i:first-child{font-size: 10px; padding-top: 16px; margin-bottom: 3px;}
.voice-title span i:last-child{font-size: 15px;}

.voice-casebox p{ margin-bottom: 2em; }



/*@media only screen and (max-width: 736px) {*/
  @media only screen and (max-width: 810px) {

    .voice-title em{font-size: 14px;}


  }

/* 合格体験記 --------------------------------------------- */

.pass-title a{ display: block; color: #fff;}
.pass-title a span,
.pass-title a i{ border-left: 17px solid #3174c6; padding: 8px 0 8px 20px; display: block;}
.pass-title a span{ background: #042c5d; font-size: 19px;}
.pass-title a i{ background: #6995cb; font-size: 15px; font-style: normal;}

.pass-content{background: #eeeeee; padding:8px; margin-bottom: 16px;}


/* 校舎案内 --------------------------------------------- */

/* 共通電話リンク */
a.tellink{font: 20px bold; color: #e60012;}

#post-597 .school-point h4{color: #0055af; margin-bottom: 16px; font-size: 20px;}

#post-597 .school-course ul{margin-bottom: 35px;}
#post-597 .school-course li{
  line-height: 2.2;
  font-size: 17px;
  position: relative;
  text-decoration: underline;
}

#post-597 .school-course li a{color: #333;}
#post-597 .school-course li:not(:first-child){padding-left: 1em;}

#post-597 .school-course li:not(:first-child)::before{
  content: "\0025a0"; /*"■"の文字*/
  position: absolute;
  margin-left: -1em;

}

#post-597 .school-course ul li:first-child{font-weight: bold; text-decoration: none;}

/* 学年の色 */
#post-597 .school-course ul.course01 li:first-child,
#post-597 .school-course ul.course01 li::before{color: #568bdd;}

#post-597 .school-course ul.course02 li:first-child,
#post-597 .school-course ul.course02 li::before{color: #3aaade;}

#post-597 .school-course ul.course03 li:first-child,
#post-597 .school-course ul.course03 li::before{color: #27c0dc;}

#post-597 .school-detail table{width: 100%; border-collapse: collapse;}
#post-597 .school-detail table td{border: 1px solid #ccc; padding: 10px; border-right: none;}
#post-597 .school-detail table td:first-child{background: #eee; font-weight: bold; border-left: none;}

#post-597 .schedule-link{ background: #0055af;text-align: center;}

#post-597 .schedule-link a{
  color: #fff;
  font-size: 18px;
  display: block;
  position: relative;
  padding: 5px 0;
}

#post-597 .schedule-link a::after{
  content: "\003009";
  font-size: 12px;
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
}

#post-597 .jr-info h5{margin-bottom: 0; color: #00316c; font-size: 14px; font-weight: bold;}
#post-597 .jr-info p{margin-bottom: 1em;}
#post-597 .spm1{margin-bottom: 16px;}

/*@media only screen and (max-width: 736px) {*/
  @media only screen and (max-width: 810px) {
    #post-597 .school-detail table{margin-bottom: 16px;}
  }


/* 合格実績追記CSS */
#page01 ul.success_list .num{font-size: 35px;}
#page01 ul.success_list .num i{margin-left: 5px;}
#page01 ul.success_list .num em{font-size: 25px; font-style: normal;}



/* アーカイブページ */

.archivelist{margin-bottom: 0;}

.archivelist-box{}

.archivelist-box > a{display: block;}

.archivelist-box ul{
  border-top: 1px solid #ccc;
  display: table;
  width: 100%;
  padding: 13px 0;
}

.archive-contents article:last-child .archivelist-box ul{
  border-bottom: 1px solid #ccc;
}

.archivelist-box ul li{
  display: table-cell;
  vertical-align: middle;
}

.archivelist-box ul li:nth-of-type(1){width: 15%;}
.archivelist-box ul li:nth-of-type(2){width: 15%;}
.archivelist-box ul li:nth-of-type(3){width: 70%;}

.archivelist-box.notterm ul li:nth-of-type(1){width: 15%;}
.archivelist-box.notterm ul li:nth-of-type(2){width: 85%;}

.archivelist-category a{
  display: inline-block;
  background:rgba(0, 64, 154, 0.8);
  padding: 5px 0;
  line-height: 1;
  color: #fff;
  font-size: 12px;
  width: 8em;
  text-align: center;
  margin: 0 10px;
}

.archivelist-title a{
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  padding: 10px 0;
}

/* 続きを見る（共通） */
a.excerpt-read-more{display: block; color: #999; text-decoration: underline; font-weight: bold;}


/*@media only screen and (max-width: 736px) {*/
  @media only screen and (max-width: 810px) {
    .archivelist-box ul,
    .archivelist-box ul li,
    .archivelist-box ul li:nth-of-type(3)
    {
      display: block; width: 100%; height: auto;
    }

    .archivelist-box ul li:nth-of-type(1),
    .archivelist-box ul li:nth-of-type(2){display: inline-block;}

    .archivelist-box ul li:nth-of-type(1){width: 9em;}

    .archivelist-box ul li:nth-of-type(3){padding-top: 16px;}

    .archivelist-box.notterm ul li:nth-of-type(1),
    .archivelist-box.notterm ul li:nth-of-type(2){width: 100%;}

    .archivelist-date{font-weight: bold;}
  }


/* サイトマップ */
#post-58 .wsp-posts-list ul{display: none;}

#post-58 .wsp-container h2{
  font-size: 25px;
  padding: 0 0 5px 0;
  border-bottom: 2px solid #dae5f2;
  margin: 0 0 30px 0;
  position: relative;
  line-height: 1.8;
  font-weight: normal;
}

#post-58 .wsp-container h2::after{
  display: block;
  content: "";
  width: 165px;
  height: 2px;
  background: #00439a;
  position: absolute;
  bottom: -2px;
  left: 0;
}

#post-58 .wsp-container .page_item > a{
  display: block;
  background: #00439a;
  color: #fff;
  padding: 5px 10px;
  width: 100%;
  margin-bottom: 16px;
}
#post-58 .wsp-container .page_item .children .page_item > a{
  background: transparent;
  color: #333;
  margin-bottom: 0;
}

#post-58 .wsp-container .page_item_has_children{margin-bottom: 30px;}
#post-58 .wsp-container .wsp-casestudys-list,
#post-58 .wsp-container .wsp-posts-list{margin-bottom: 16px;}
#post-58 .wsp-container .wsp-category-title{font-size: 18px;}


/* 寮・寮生食堂のご案内 --------------------------------------------- */
#post-29 .dormitory-app{margin-bottom: 40px;}
#post-29 .dormitory-app dl::after{display: block; content: "↓"; text-align: center; font-size: 30px;}
#post-29 .dormitory-app dl:last-child::after{display: none; content: none;}
#post-29 .dormitory-app dd{margin:0;}


#post-29 .table-blue03 th,
#post-29 .table-blue03 td{text-align: center;}



/* 個別指導ZEUS --------------------------------------------- */
/*@media only screen and (max-width: 736px) {*/
  @media only screen and (max-width: 810px) {
    .page-template-page-zeus .page-mainimg{max-width: 100%; position: static;}
    .page-template-page-zeus #page-mainimg{margin-bottom: 20px;}
    .page-template-page-zeus #page-mainimg > figure{height: 100%;}
  }


/* ------------------------------------保存用--------------------------------------- */
/* 選抜クラス受講希望の方へ */
.sh-info-box{margin: 0 -20px;}
.sh-info-link{display: table; width: 100%; border-collapse: separate; border-spacing: 20px;}
.sh-info-link li{display: table-cell; width: calc(100% / 3); vertical-align: top;}

/*@media only screen and (max-width: 736px) {*/
  @media only screen and (max-width: 810px) {
    .sh-info-box{margin: 0;}
    .sh-info-link,
    .sh-info-link li{display: block; width: 100%; margin-bottom: 15px;}

    #post-476 .m20{margin-bottom: 20px;}
  }

/* 入塾の流れ */
#post-500 .fontbig.red{font-size: 17px; margin-bottom: 1em;}

.sh-link-anker{
  display: block;
  width: 100%;
  height: 80px;
  background: #00439a;
  text-align: center;
  line-height: 80px;
  font-size: 20px;
  color: #fff;
  border-radius: 10px;
  margin-bottom: 16px;
}

/* 面接・小論文の指導 --------------------------------------------- */

/* メイン画像位置調整 */
.page-id-754 .page-mainimg{left: -160px;}

/* 入学案内 --------------------------------------------- */
/*@media only screen and (max-width: 736px) {*/
  @media only screen and (max-width: 810px) {

    .school-info .table-blue03 thead tr{display: none;} 
    .school-info .table-blue03 tbody tr td{display: block; font-size: 14px;}
    .school-info .table-blue03 tbody tr td::before{
      content: attr(data-label);
      display: block;
      font-weight: bold;
      color: #5182cd;
      background: #fff;
      border-radius: 10px;
      margin-bottom: 10px;
      text-align: center;
    }
  }
/* 保護者の方へ --------------------------------------------- */

/*@media only screen and (max-width: 736px) {*/
  @media only screen and (max-width: 810px) {
/* メイン画像位置調整 */
.page-id-703 .page-mainimg{left: -180px;}

}

/* 採用情報 --------------------------------------------- */

/*@media only screen and (max-width: 736px) {*/
  @media only screen and (max-width: 810px) {
/* メイン画像位置調整 */
.page-id-54 .page-mainimg{left: -80px;}

#page01 .table-line01 tr td{display: block; width: 100%;}
#page01 .table-line01 tr td:first-child{border:none; padding-bottom:0;}

}

/* 高3生対象　夏期講習 20210618 */

.hs3summer_sp_teacher{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

.hs3summer_sp_teacher > div{width: calc((100% / 3) - 20px); margin: 0 10px;}

@media only screen and (max-width: 810px) {
  .hs3summer_sp_teacher > div{width: calc(100% - 20px); margin: 0 10px 20px;}

}

/* 私立医学部合同説明会 20210813 */

.session .time-table{
  font-size: 18px; 
  width: 80%; 
  
}
.session .time-table th{padding: 10px 0;width: 30%; background-color: #213977;color:#FFF;border: 1px solid #EFEFEF;}
.session .time-table td{padding: 10px 20px; text-align: left; font-weight: bold; color: #213977;border: 1px solid #EFEFEF; background-color: #eef6f8;}
@media only screen and (max-width: 810px) {
  .session .time-table{font-size: 16px; width: 100%;}
}

.session .time-table .orange{color: #e66000;}
.session .time-table .green{color: #027e00;}


/* 関西4私立医直前対策 20211110 */

.classtimetable.session .time-table{width: 100%;}
.classtimetable.session .time-table th{width: 50%; text-align: left; padding: 0 10px;}

.classtimetable.session .class-wrap{margin-bottom: 30px;}
.classtimetable.session .class-wrap h4{
  margin-bottom: 5px;
  padding-bottom: 5px;
  font-size: 18px;
  border-bottom: 1px solid #ccc;
}
.classtimetable.session .class-wrap p{margin-bottom: 10px;}


/* 入学までの流れ ----------------------------------------- */
.nagare_box {
  position: relative;
  border: 4px solid #ccc;
  border-radius: 15px;
  padding: 10px;
  margin-bottom: 60px;
}
.nagare_box:after {
  content: '';
  display: inline-block;
  width: 50px;
  height: 50px;
  background-image: url(https://www.medic-yobikou.com/wp-content/themes/zenkyoken004/library/images/nagare/img_arrow_down.png);
  background-size: contain;
  position: absolute;
  left: 50%;
  bottom: -57px;
  transform: translateX(-50%);
}
.nagare_box:last-child:after {
  background-image: none;
}
.nagare_box h4 {
  color: #003586;
  text-align: center;
  font-size: 150%;
}
.nagare_text {

}
.nagare_text ul {
  margin: 15px 10px;
}
.nagare_text ul li {
  margin-bottom: 10px;
  padding-left: 1em;
  text-indent: -1em;
}
.nagare_text ul li:before {
  content: "■";
}
.nagare_inq {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 200%;
}
.nagare_inq_left {
  width: 40%;
  text-align: right;
}
.nagare_inq_left figure {
  display: inline-block;
}
.nagare_inq_tel {
  display: inline-block;
}
.nagare_inq_center {
  width: 10%;
  text-align: center;
}
.nagare_inq_right {
  width: 40%;
}
.nagare_strong {
  background-color: #003586;
  color: #fff;
  padding: 5px;
  font-weight: bold;
  margin: 10px 10px 0 10px;
}
.nagare_bold {
  font-weight: bold;
  font-size: 150%;
}
.nagare_nittei {
  background-color: #003586;
  color: #fff;
  padding: 3px 20px;
  font-weight: bold;
  font-size: 150%;
  margin: 0 10px;
}
.nagare_kaishi {
  width: 70%;
  margin: 0 auto;
}
@media only screen and (max-width: 810px){
  .nagare_box h4 {
    font-size: 110%;
  }
  .nagare_inq {
    line-height: 1;
  }
  .nagare_inq_left {
    width: 100%;
    text-align: center;
  }
  .nagare_inq_center {
    width: 100%;
  }
  .nagare_inq_right {
    width: 100%;
  }
  .nagare_bold {
    font-size: 110%;
  }
  .nagare_nittei {
    font-size: 110%;
  }
}

/* 指導システム */

.sidousystem-wrap{margin-bottom: 80px;}
.sidousystem-wrap div.photo{display: flex; justify-content: space-between;}
.sidousystem-wrap div.photo figure{width: calc(50% - 10px);}
.sidousystem-wrap p{margin-bottom: 20px;}



.sidousystem-wrap .graduate_commnet{
  position: relative;
  font-size: 20px;
  font-weight: bold;
  padding-left: 40px;
}
.sidousystem-wrap .graduate_commnet::before{
  position: absolute;
  content: url('../images/icon-ballon.png');
  top: 3px;
  left: 0;
}
.sidousystem-wrap .graduate_commnet-list{margin-bottom: 40px;}
.sidousystem-wrap .graduate_commnet-list li{
  padding: 14px;
  border-radius: 10px;
  border: 1px solid #00316c;
  margin-bottom: 10px;
}


/* 20220614_追加 */
.table-form02{width: 100%;}
.table-form02 th,
.table-form02 td{padding: 10px;}
.table-form02 th{width: 30%; text-align: left;}
.table-form02 td{width: 70%;}

.table-form02 input{margin: 0;}

@media only screen and (max-width: 810px){
  .table-form02 table,
  .table-form02 tbody,
  .table-form02 th,
  .table-form02 td{
    display: block;
    width: 100%;
  }
}