@charset "utf-8";
/* CSS Document */

/* ==========================================
   トピックススライダー領域
   ========================================== */
.top_picup01_wrap{
  position: relative;
  width: 100%;
  background-color: rgba(252,165,188,1.00);
  z-index: 990;
}
   @media screen and (max-width: 480px) {
      .top_picup01_wrap{
         margin-top: 60px;
      }
   }


/* ==========================================
   セクション
   ========================================== */
.page_section{
   position: relative;
   width: 88%;
   min-width: 1100px;
   margin: auto;
	font-family: 'Noto Sans JP', "游ゴシック", YuGothic, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;  
   font-weight: 400;
   line-height: 1.8;
   border-radius: 20px;
}


/* ==========================================
   カテゴリー領域
   ========================================== */
.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: 24.0%;
}

.cat_wrap li img{
   border-radius: 20px;
}


.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.menu100 img{
   width: 50%;
   margin-bottom: 0.5%;
}


/* ==========================================
   トピックス画像領域
   ========================================== */

.picup_i01{
   color: rgba(254,112,150,1.00);
   font-size: 300%;
   font-family: 'Noto Sans JP', sans-serif;
   font-weight: 800;
}
   @media screen and (max-width: 480px) {
      .picup_i01{
         font-size: 6.5vw;
      }
   }


.picup_wrap{
   position: relative;
   top: 0;
   left: 0;
   width: 100%;
   background-color: rgba(255,255,255,1.00);
   padding: 0 10px;
   box-sizing: border-box;
}

.picup_flex{
   position: relative;
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   padding-bottom: 30px;
}
   @media screen and (max-width: 480px) {
      .picup_flex{
         padding-bottom: 10px;
      }
   }
   
   
.top_ch01_wrap{
   margin-top: 40px;
  text-align: center;
}
   @media screen and (max-width: 480px) {
       .top_ch01_wrap{
          padding: 10px 10px;
          margin-bottom: 0;
        }

      .top_ch01{
          font-size: 6.0vw;
     }
   }

.top_ch01{
   font-size: min(3.5vw, 50px);
   font-weight: 800;
   font-family: 'Noto Sans JP', sans-serif;
   margin-bottom: 10px;
   color: rgba(77,77,77,1.00);
   line-height: 1.4;
}
   @media screen and (max-width: 1100px) {
      .top_ch01{
         font-size: 260%;
      }
   }
    @media screen and (max-width: 480px) {
      .top_ch01{
         font-size: 6.5vw;
      }
   }
  

.picup_news_wrap{
   position: relative;
   width: 34%;
   border: rgba(254,112,150,1.00) 1px solid;
   margin-bottom: 10px;
   border-radius: 20px;
}
   @media screen and (max-width: 480px) {
      .picup_news_wrap{
         width: 100%;
         
      }
      .news_m{
         height: 200px !important;
      }
   }


.picup_bunner{
   width: 64%;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}
   @media screen and (max-width: 480px) {
      .picup_bunner{
         width: 100%;
      }
   }



.picup_flex li{
   width: 49%;
   margin-bottom: 10px;
   transition: all .5s;
}
   @media screen and (max-width: 480px) {
      .picup_flex li{
         width: 100%;
      }
   }


.picup_flex li:hover{
   transform: scale(1.03);
   transition: all .5s;
}


.picup_flex li img{
   border: rgba(126,126,126,1.00) 1px solid;
   border-radius: 20px;
   box-sizing: border-box;
}

/* ==========================================
   文字色
   ========================================== */
.color-change {
   display: inline-block;
}


.demoTxt {
   display: block;
   opacity:0;
}
.demoTxt span {
   opacity: 0;
   -webkit-transition: .3s ease-in-out;
   transition: .3s ease-in-out;
}


/*========= 光りながら出現させるためのCSS ===============*/

.glowAnime span{opacity: 0;}

/*アニメーションで透過を0から1に変化させtext-shadowをつける*/
.glowAnime.glow span{ animation:glow_anime_on 0.8s ease-out forwards; }

@keyframes glow_anime_on{
  0% { opacity:0; text-shadow: 0 0 0 #fff,0 0 0 #fff;}
  50% { opacity:1;text-shadow: 0 0 10px #fff,0 0 15px #fff; }
  100% { opacity:1; text-shadow: 0 0 0 #fff,0 0 0 #fff;}
}


/* ==========================================
   ニュース
   ========================================== */
/* ニュースティッカー */

.news_inner{
   position: relative;
   overflow: hidden;
   padding-bottom: 20px;
   box-sizing: border-box;
}

.news_m{
   position: relative;
   overflow: auto;
   padding: 10px 20px;
   box-sizing: border-box;
}
   @media screen and (max-width: 480px) {
      .news_m{
         padding: 5px 10px;
      }
   }


.news_m_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;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;

}
   @media screen and (max-width: 480px) {
      .news_m_title{
         padding: 5px 10px;
      }
   }



.news_m li {
    width: 100%;
    padding: 5px 0;
}

.news_m li a{
    display: block;
    color: rgba(0,0,0,1.00);
    text-decoration: none;

}

.news_m li:hover{
  background-color: rgba(255,110,150,1.00);
}

.news_m li:hover a{
     color: rgba(255,255,255,1.00);
}

.news_m li {
   position: relative;
   box-sizing: border-box;
   font-weight: 700;
   padding-left: 1.3em;
   line-height: 1.4;
}

.news_m li:before {
   font-family: "Font Awesome 5 Free";
   content: "\f04b";
   position: absolute;
   left: 0;
   background-size: 100% auto;
   color: rgba(30,185,153,1.00);
}


/* ==========================================
   カテゴリーインデックス
   ========================================== */
.top_cat_wrap{
   position: relative;
   margin: 30px 0 40px 0;
}

.top_cat_wrap .t_c_r__k01{
   position: absolute;
   width: 180px;
   height: 140px;
   border-radius: 30px;
   top: -60px;
   left: -40px;
   z-index: 1;
}
   @media screen and (max-width: 480px) {
      .top_cat_wrap .t_c_r__k01{
         width: 110px;
         top: -40px;
         left: -20px;
      }
   }


.top_cat_wrap .t_c_r__index{
   position: relative;
   font-size: 260%;
   font-weight: 600;
   z-index: 2;
   margin-left: 20px;
}
   @media screen and (max-width: 480px) {
      .top_cat_wrap .t_c_r__index{
         font-size: 6vw;
      }
   }



/* ==========================================
   紹介セクション
   ========================================== */
.pr_index01{
   position: relative;
   width: 88%;
   max-width: 2000px;
   margin: 20px auto 30px auto;
   text-align: center;

}

.pr_index01 .title{
   color: rgba(255,255,255,1.00);
    font-size: min(3.5vw, 50px);
   font-family: 'Noto Sans JP', sans-serif;
   font-weight: 800;
}
.pr_index01 .title2{
   color: rgba(255,255,255,1.00);
   font-size: 110%;
   font-weight: 500;
   margin-left: 10px;
   font-family: 'Noto Sans JP', sans-serif;
}
   @media screen and (max-width: 1100px) {
      .pr_index01 .title2{
         font-size: 260%;
      }
   }


/* 「メデュカパスの特徴」カラム */
.column {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 55px;
  font-family: 'Noto Sans JP', sans-serif;
  color: rgba(255,255,255,1.00);
}

.column.reverse{
   flex-wrap: wrap-reverse;
}

.column_img {
  position: absolute;
  width: calc(50% + 20px);
  height: 100%;
  top: 0;
  right: 3%;
  border-radius: 10px;
  overflow: hidden;
}
.column.reverse .column_img {
  position: absolute;
  width: calc(50% + 20px);
  height: 100%;
  top: 0;
  left: 3%;
  border-radius: 10px;
  overflow: hidden;
}

.column_img img{
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center 20%;
}
.column_img.top_pic01 img{
   object-position: center 40%;
}

.column_txtw {
  width: 88%;
  max-width: 2000px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 0;
}

.column_txtw.c_t__bg01{
   background-image: url("../images/top/icon/main_passed.png");
   background-position: center left;
   background-repeat: no-repeat;
   background-size: auto 100%;
}
.column_txtw.c_t__bg02{
   background-image: url("../images/top/icon/main_four.png");
   background-position: center right;
   background-repeat: no-repeat;
   background-size: auto 100%;
}
.column_txtw.c_t__bg03{
   background-image: url("../images/top/icon/main_teacher.png");
   background-position: center left;
   background-repeat: no-repeat;
   background-size: auto 100%;
}



.column.reverse .column_txtw{
   margin-left: auto;
}


.column_txt{
   width: calc(52% - 145px);
}

.column.reverse .column_txt{
   margin-left: calc(50% + 145px);
}


.column_i01{
   font-size: 160%;
   font-weight: 600;
   margin: 50px 0 40px 0;
}

.column_t01{
   font-size: 110%;
   line-height: 2;
   margin-bottom: 50px;
}

.column_link{
   font-size: 130%;
   margin-bottom: 50px;
}
.column_link a{
   position: relative;
   display: inline-block;
   font-weight: 600;
   background-color: rgba(255,255,255,1.00);
   color: rgba(254,112,150,1.00);
   padding: 15px 60px;
   border-radius: 60px;
   text-decoration: none;
}

/* ==========================================
   クラスバナー
   ========================================== */
.top_class_title_wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: auto;
  background-color: rgba(255,255,255,1.00);
  padding: 30px 0;
}

.slick-slider3 li{
   margin: 0 20px;
   transition: all .5s;
}

.slick-slider3 li:hover{
   transform: scale(1.03);
   transition: all .5s;
}

.slick-slider3 li img{
   border-radius: 20px;
}


/* ==========================================
   コースカテゴリー
   ========================================== */

.dpt_wrap{
   position: relative;
   width: 90%;
   max-width: 2000px;
   margin: auto;
}

.dept_container{
   position: relative;
   width: 100%;
   margin-bottom: 30px;
}

.dept_container.w100{
   width: 100%;
}

.dept_container.w25{
   width: 25%;
}

.dept_container.w50{
   width: 50%;
}

.dept_container__index_wrap{
   position: relative;
   background-color: rgba(254,112,150,1.00);
   width: 200px;
   height: 100px;
   color: rgba(255,255,255,1.00);
   display: grid;
   place-content: center;
   font-size: 180%;
   text-align: center;
   font-weight: 600;
}

.dept_container__index_wrap2{
   position: absolute;
   left: 300px;
   top: 20px;
   color: rgba(0,0,0,0.10);
   font-size: 110%;
   font-weight: 900;
}

.dpt_inner{
   position: relative;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   padding-top: 90px;
}

.dpt_inner li{
   background-color: rgba(254,112,150,1.00);
}

.dpt_inner li:first-child{
   margin-left: 30px;
}

.dpt_inner li:last-child{
   margin-right: 30px;
}


.dpt_inner li.w25{
   width: 22.5%;
}
   @media screen and (max-width: 1500px) {
      .dpt_inner li.w25{
         width: 49%;
      }
   }


.dpt_index{
   font-size: 280%;
   font-weight: 400;
   margin: 30px 0 30px 0;
}



.dpt_inner li .dpt_pic{
   position: relative;
   width: 100%;
   aspect-ratio: 16 / 9;
}

.dpt_inner li .dpt_pic img{
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.department_index{
   position: relative;
   width: 100%;
   margin-bottom: 20px;
   border-radius: 20px;
}

.department_index .dep_bar{
   position: absolute;
   background-color: rgba(255,225,234,1.00);
   border-radius: 10px;
   width: 100%;
   height: 20px; 
   top: 50%;
   left: 50%;
   z-index: 0;
   transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.department_index span{
   position: relative;
   font-size: min(2.2vw, 55px);
   font-family: 'Noto Sans JP', sans-serif;
   font-weight: 400;
   text-align: center;
   background-color: rgba(254,112,150,1.00);
   padding: 0 20px;
   color: rgba(255,255,255,1.00);
   z-index: 1;
   border-radius: 10px;
}
   @media screen and (max-width: 1500px) {
      .department_index span{
         font-size: max(2.0vw , 40px);
      }
   }

   @media screen and (max-width: 480px) {
      .department_index span{
         font-size: 5.5vw;
         padding: 0 30px;
      }
   }

.department_index span.gray{
   background-color: rgba(245,245,245,1.00);
}

.department_wrap{
   position: relative;
   width: 90%;
   max-width: 2000px;
   margin: auto;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   padding: 30px 0;
}
   @media screen and (max-width: 1100px) {
      .department_wrap{
         width: 95%;
      }
   }


.department_wrap__flex{
   display: flex;
   justify-content: space-between;
   width: 100%;
}
   @media screen and (max-width: 480px) {
      .department_wrap__flex{
         display: block;
      }
      
      .dep_dtl{
         margin-bottom: 80px;
      }
   }


.department_inner{
   position: relative;
   width: 49%;
   display: flex;
   justify-content: space-between;
   border: rgba(254,112,150,1.00) 1px solid;
   background-color: rgba(255,225,234,1.00);
   margin-bottom: 20px;
   border-radius: 20px;
   transition: all .5s;

  font: inherit;
  color: inherit;
  text-align: inherit;

  cursor: pointer;
}

.department_inner:hover{
   transform: scale(1.03);
   transition: all .5s;
}


   @media screen and (max-width: 480px) {
      .department_inner{
         width: 100%;
         flex-wrap: wrap;
      }
   }


.department_inner.w100{
   width: 100%;
}

.department_cat_box{
   position: relative;
   width: 30%;
}
   @media screen and (max-width: 480px) {
      .department_cat_box{
         width: 70%;
      }
   }


.department_cat_txt_wrap{
   position: absolute;
   top: 50%;
   transform: translate(0%,-50%);
   background-color: rgba(255,255,255,0.9);
   width: 180%;
   margin-left: 6%;
   padding: 20px;
   box-sizing: border-box;
}

@media screen and (max-width: 480px) {
   .department_cat_txt_wrap{
      position: relative;
      top: auto;
      transform: none;
      font-size: 85%;
      width: 100%;
      margin-left: 0;
      border-top-left-radius: 20px;
      border-bottom-left-radius: 20px;
   }
}


.department_wrap .dpt_img{
   width: 70%;
   aspect-ratio: 16 / 9;
}
@media screen and (max-width: 480px) {
   .department_wrap .dpt_img{
      width: 30%;
   }
}
.department_wrap .dpt_img img{
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center 20%;
   border-top-right-radius: 20px;
   border-bottom-right-radius: 20px;
}


.department_wrap .dpt_img.self_lc{
   width: 70%;
   aspect-ratio: 16 / 9;
}
@media screen and (max-width: 480px) {
   .department_wrap .dpt_img.self_lc{
      width: 30%;
   }
}
.department_wrap .dpt_img.self_lc img{
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: right -10px top 0;
   border-top-right-radius: 20px;
   border-bottom-right-radius: 20px;
}




.dpt_t01{
   font-size: max(1.7vw , 160%);
   font-weight: 600;
   color: rgba(253,113,150,1.00);
   font-family: 'Noto Sans JP', sans-serif;
}
   @media screen and (max-width: 1500px) {
      .dpt_t01{
         font-size: max(1.7vw , 20px);
      }
   }
   @media screen and (max-width: 1200px) {
      .dpt_t01{
         font-size: max(1.6vw , 18px);
      }
   }
   @media screen and (max-width: 480px) {
      .dpt_t01{
         font-size: 4.5vw;
         line-height: 1.4;
      }
   }



.dpt_t02{
   font-size: 160%;
   font-weight: 600;
   margin-bottom: 10px;
   font-family: 'Noto Sans JP', sans-serif;
}
   @media screen and (max-width: 1500px) {
      .dpt_t02{
         font-size: max(1.5vw , 16px);
      }
   }
   @media screen and (max-width: 480px) {
      .dpt_t02{
         font-size: 4.0vw;
      }
   }


.dpt_t03{
   font-size: 100%;
   font-weight: 400;
   color: rgba(104,104,104,1.00);
}


.mdl_column_link_wrap{
   position: relative;
   overflow: hidden;
}
.mdl_column_link{
   position: relative;
   overflow: hidden;
   font-size: 130%;
   text-align: center;
   margin: 20px auto;
}
.mdl_column_link a{
   position: relative;
   display: inline-block;
   font-weight: 600;
   background-color: rgba(254,112,150,1.00);
   color: rgba(255,255,255,1.00);
   padding: 15px 60px;
   border-radius: 60px;
   text-decoration: none;
   transition: all 0.2s;
}

.mdl_column_link a:hover{
   color: rgba(255,255,255,1.00);
   background-color: rgba(254,112,150,1.00);
}


/* ==========================================
   コンテンツ紹介
   ========================================== */

.cont_link_wrap{
   position: relative;
   width: 90%;
   max-width: 2000px;
   margin: auto;
   padding: 30px 0;
}
   @media screen and (max-width: 1300px) {
      .cont_link_wrap{
         width: 98%;
      }
   }

.cont_link_flex_wrap{
   position: relative;
   width: 100%;
   display: flex;
   justify-content: flex-start;
   flex-wrap: wrap;
   gap: 20px 2.5%;
}
   @media screen and (max-width: 1300px) {
      .cont_link_flex_wrap{
         gap: 20px 1.0%;
      }
   }
   @media screen and (max-width: 480px) {
      .cont_link_flex_wrap{
         gap: 20px 2.0%;
      }
   }


.cont_link_flex_wrap li{
   position: relative;
   width: 23%;
   box-sizing: border-box;
   border-radius: 20px;
   background-color: rgba(255,132,165,1.00);
   display: flex;
   align-items: flex-start;
   align-content: flex-start;
   flex-wrap: wrap;
   transition: all .5s;
}
   @media screen and (max-width: 1300px) {
      .cont_link_flex_wrap li{
         width: 24%;
      }
   }
   @media screen and (max-width: 480px) {
      .cont_link_flex_wrap li{
         width: 48%;
      }
   }


.cont_link_flex_wrap li:hover{
   transform: scale(1.03);
   transition: all .5s;
}


.cont_link_flex_wrap li .cont_link__pic_wrap{
   width: 100%;
   aspect-ratio: 4 / 3;
   background-color: rgba(255,255,255,1.00);
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
}

.cont_link_flex_wrap li .cont_link__pic_wrap img{
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
}

.cont_link_flex_wrap li .cont_link__txt_wrap{
   padding: 25px 25px 40px;
}
   @media screen and (max-width: 480px) {
      .cont_link_flex_wrap li .cont_link__txt_wrap{
         padding: 10px 10px 10px;
      }
   }


.cont_link_flex_wrap li .cont_link__title{
   color: rgba(255,255,255,1.00);
   font-size: 180%;
   font-weight: 600;
   margin-bottom: 20px;
}
   @media screen and (max-width: 480px) {
      .cont_link_flex_wrap li .cont_link__title{
         font-size: 4.5vw;
         margin-bottom: 5px;
      }
   }


.cont_link_flex_wrap li .cont_link__detail{
   color: rgba(255,255,255,1.00);
   font-size: 110%;
   font-weight: 400;
   margin-bottom: 20px;
}
   @media screen and (max-width: 480px) {
      .cont_link_flex_wrap li .cont_link__detail{
         font-size: 90%;
         margin-bottom: 15px;
      }
   }


.cont_link_flex_wrap li a{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

.cont_link_flex_wrap li.bg__01{
   background-image: url("../images/header/teacher.png");
   background-position: bottom right;
   background-repeat: no-repeat;
   background-size: 42% auto;
}

.cont_link_flex_wrap li.bg__02{
   background-image: url("../images/header/student.png");
   background-position: bottom right;
   background-repeat: no-repeat;
   background-size: 42% auto;
}

.cont_link_flex_wrap li.bg__03{
   background-image: url("../images/header/exam.png");
   background-position: bottom right;
   background-repeat: no-repeat;
   background-size: 42% auto;
}

.cont_link_flex_wrap li.bg__04{
   background-image: url("../images/header/inquiry.png");
   background-position: bottom right;
   background-repeat: no-repeat;
   background-size: 42% auto;
}



/* ==========================================
   アンダーコンテンツ紹介
   ========================================== */

.under_link_wrap{
   position: relative;
   width: 90%;
   max-width: 2000px;
   margin: auto;
   padding: 30px 0;
}
   @media screen and (max-width: 1300px) {
      .under_link_wrap{
         width: 98%;
      }
   }

.under_link_inner{
   position: relative;
   width: 100%;
   margin: auto;
}
   @media screen and (max-width: 1300px) {
      .under_link_inner{
         width: 100%;
      }
   }


.picup06_wrap{
   position: relative;
   display: flex;
   justify-content: space-between;
}

.picup06_wrap .under_fb24{
   width: 24%;
   transition: all .5s;
}

.picup06_wrap .under_fb24:hover{
   transform: scale(1.03);
   transition: all .5s;
}

.cont_link_wrap{
   position: relative;
   width: 90%;
   max-width: 2000px;
   margin: auto;
   padding: 30px 0;
}
   @media screen and (max-width: 1300px) {
      .cont_link_wrap{
         width: 98%;
      }
   }

.under_link_flex_wrap{
   position: relative;
   width: 100%;
   display: flex;
   justify-content: flex-start;
   flex-wrap: wrap;
   gap: 20px 2.5%;
   margin-bottom: 40px;
}
   @media screen and (max-width: 1300px) {
      .under_link_flex_wrap{
         gap: 20px 1.0%;
      }
   }
   @media screen and (max-width: 480px) {
      .under_link_flex_wrap{
         gap: 20px 2.0%;
      }
   }


.under_link_flex_wrap li{
   position: relative;
   width: 23%;
   box-sizing: border-box;
   border-radius: 20px;
   background-color: rgba(255,132,165,1.00);
   display: flex;
   align-items: flex-start;
   align-content: flex-start;
   flex-wrap: wrap;
   transition: all .5s;
}
   @media screen and (max-width: 1300px) {
      .under_link_flex_wrap li{
         width: 24%;
      }
   }
   @media screen and (max-width: 480px) {
      .under_link_flex_wrap li{
         width: 48%;
      }
   }


.under_link_flex_wrap li:hover{
   transform: scale(1.03);
   transition: all .5s;
}


.under_link_flex_wrap li .under_link__pic_wrap{
   width: 100%;
   aspect-ratio: 16 / 9;
   background-color: rgba(255,255,255,1.00);
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
}

.under_link_flex_wrap li .under_link__pic_wrap img{
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
}

.under_link_flex_wrap li .under_link__txt_wrap{
   padding: 15px 15px 20px;
}
   @media screen and (max-width: 480px) {
      .under_link_flex_wrap li .under_link__txt_wrap{
         padding: 5px 10px 10px;
      }
   }


.under_link_flex_wrap li .under_link__title{
   color: rgba(255,255,255,1.00);
   font-size: 180%;
   font-weight: 600;
   margin-bottom: 10px;
}
   @media screen and (max-width: 480px) {
      .under_link_flex_wrap li .under_link__title{
         font-size: 4.5vw;
         margin-bottom: 0;
      }
   }


.under_link_flex_wrap li .under_link__detail{
   color: rgba(255,255,255,1.00);
   font-size: 110%;
   font-weight: 400;
   margin-bottom: 20px;
}
   @media screen and (max-width: 480px) {
      .under_link_flex_wrap li .under_link__detail{
         font-size: 90%;
         margin-bottom: 10px;
      }
   }

.under_link_flex_wrap li a{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}


.under_link_flex_wrap li.bg__01{
   background-image: url("../images/header/teacher.png");
   background-position: bottom right;
   background-repeat: no-repeat;
   background-size: 42% auto;
}

.under_link_flex_wrap li.bg__02{
   background-image: url("../images/header/student.png");
   background-position: bottom right;
   background-repeat: no-repeat;
   background-size: 42% auto;
}

.under_link_flex_wrap li.bg__03{
   background-image: url("../images/header/exam.png");
   background-position: bottom right;
   background-repeat: no-repeat;
   background-size: 42% auto;
}

.under_link_flex_wrap li.bg__04{
   background-image: url("../images/header/inquiry.png");
   background-position: bottom right;
   background-repeat: no-repeat;
   background-size: 42% auto;
}



.under_link_flex_wrap li.bg__11{
   background-image: url("../images/header/access.png");
   background-position: bottom right;
   background-repeat: no-repeat;
   background-size: 35% auto;
}

.under_link_flex_wrap li.bg__12{
   background-image: url("../images/header/domitory.png");
   background-position: bottom right;
   background-repeat: no-repeat;
   background-size: 35% auto;
}

.under_link_flex_wrap li.bg__13{
   background-image: url("../images/header/media.png");
   background-position: bottom right;
   background-repeat: no-repeat;
   background-size: 35% auto;
}

.under_link_flex_wrap li.bg__14{
   background-image: url("../images/header/picture.png");
   background-position: bottom right;
   background-repeat: no-repeat;
   background-size: 35% auto;
}




.under_icon_wrap{
   position: relative;
   width: 100%;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   margin-bottom: 60px;
}

.under_icon_wrap li{
   position: relative;
   width: 18%;
   aspect-ratio: 1 / 1;
   background-color: rgba(239,239,239,1.00);
   border-radius: 50%;
   display: grid;
   place-content: center;
   text-decoration: none;
}

.under_icon_wrap li .u_i_r__pic{
   width: 50%;
   margin: auto;
   margin-bottom: 10px;
}

.under_icon_wrap li a{
   text-decoration: none !important;
}

.under_icon_wrap li a .u_i_r__txt{
   width: 100%;
   margin: auto;
   text-align: center;
   font-size: 110%;
   color: rgba(0,0,0,1.00);
}

.under_icon_wrap li .b_link{
   position: absolute;
   bottom: -25px;
   left: 0;
   width: 100%;
   display: grid;
   place-content: center;
}

.under_icon_wrap li .b_link span{
   position: relative;
   display: block;
   width: 50px;
   height: 50px;
   background-color: rgba(255,255,255,1.00);
   border-radius: 50px;
   font-size: 50px;
   color: rgba(255,132,165,1.00);
   line-height: 0;
}

/*
.under_icon_wrap li .b_link span:before {
   font-family: "Font Awesome 6 Free";
   content: "\f144";
   position: absolute;
   left: 0;
   font-size: 50px;
   color: rgba(255,132,165,1.00);
}
*/


.under_pic_wrap{
   position: relative;
   width: 100%;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}

.under_pic_wrap li{
   position: relative;
   width: 32%;
   border: rgba(255,132,165,1.00) 1px solid;
   border-radius: 20px;
}
.under_pic_wrap li img{
   border-radius: 20px;
}


.under_inq_wrap{
   position: relative;
   width: 100%;
   margin: auto;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   margin-bottom: 50px;
}

.under_inq_wrap li{
   position: relative;
   width: 32%;
   aspect-ratio: 16 / 4;
   background-color: rgba(255,255,255,1.00);
   border: rgba(255,132,165,1.00) 6px solid;
   border-radius: 20px;
   display: flex;
   justify-content: space-between;
   align-content: center;
   transition: all .8s;
}
   @media screen and (max-width: 480px) {
      .under_inq_wrap li{
         width: 100%;
         margin-bottom: 15px;
         border: rgba(255,132,165,1.00) 4px solid;
         aspect-ratio: 16 / 3;
      }
   }


.under_inq_wrap li:hover{
   background-color: rgba(255,240,244,1.00);
   transition: all .8s;
}


.under_inq_wrap li .u_i__txt_wrap{
   width: 85%;
   font-size: 140%;
   line-height: 1.4;
   display: grid;
   align-items: center;
   padding: 0 0 0 40px;
   box-sizing: border-box;
}
   @media screen and (max-width: 480px) {
      .under_inq_wrap li .u_i__txt_wrap{
         font-size: 5vw;
         padding: 0 0 0 20px;
      }
   }


.under_inq_wrap li .u_i__icon_wrap{
   width: 15%;
   font-size: 280%;
   display: grid;
   align-items: center;
   box-sizing: border-box;
   color: rgba(99,99,99,1.00);
   transition: all .8s;
}

.under_inq_wrap li a{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

.under_inq_wrap li:hover .u_i__icon_wrap{
   color: rgba(254,112,150,1.00);
   transition: all .8s;
}

/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
   タブレット版
   〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */

@media screen and (max-width: 480px) {


.page_section {
  position: relative;
  width: 88%;
  min-width: 100%;
  margin: auto;
  font-family: 'Noto Sans JP', "游ゴシック", YuGothic, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 400;
  line-height: 1.8;
  border-radius: 20px;
}


/* ==========================================
   紹介セクション
   ========================================== */
.pr_index01{
   width: 95%;
   margin: 10px auto 20px auto;
}

.pr_index01 .title{
   font-size: 5.5vw;
   font-family: 'Noto Sans JP', sans-serif;
   font-weight: 800;
}
.pr_index01 .title2{
   color: rgba(255,255,255,1.00);
   font-size: 2.5vw;
   font-weight: 500;
   margin-left: 0px;
   font-family: 'Noto Sans JP', sans-serif;
}

/* 「メデュカパスの特徴」カラム */
.column {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 55px;
  font-family: 'Noto Sans JP', sans-serif;
}

.column_img {
  position: relative;
  width: 95%;
  height: 100%;
  aspect-ratio: 20 / 9;
  top: 0;
  right: 3%;
  border-radius: 15px;
  overflow: hidden;
}
.column.reverse .column_img {
  position: relative;
  width: 95%;
  height: 100%;
  top: 0;
  left: 3%;
  border-radius: 15px;
  overflow: hidden;
}

.column_img img{
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center 20%;
}

.column_txtw {
  width: 95%;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 0;
}
.column.reverse .column_txt{
   margin-left: 0;
}


.column_txt{
   width: 100%;
}

.column_i01{
   font-size: 3.5vw;
   font-weight: 600;
   margin: 20px 0 20px 0;
}

.column_t01{
   font-size: 98%;
   line-height: 1.8;
   margin-bottom: 15px;
}

.column_link{
   font-size: 100%;
   margin-bottom: 20px;
}
.column_link a{
   position: relative;
   display: inline-block;
   font-weight: 600;
   background-color: rgba(255,255,255,1.00);
   color: rgba(254,112,150,1.00);
   padding: 10px 30px;
   border-radius: 60px;
}




}

/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
   スマホ版
   〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */

@media screen and (max-width: 480px) {

body{
   font-size: 85%;
}

.head_index01{
   width: 98%;
   max-width: 1200px;
   margin: 40px auto 30px auto;
}

.head_index01 .title{
   font-size: 180%;
   font-weight: 600;
}
.head_index01 .title2{
   font-size: 94%;
   font-weight: 500;
   width: 98%;
   margin: auto;
}


.column {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 55px;
  font-family: 'Noto Sans JP', sans-serif;
}

.column_img {
  position: relative;
  width: 95%;
  height: 100%;
  top: 0;
  right: 3%;
  border-radius: 15px;
  overflow: hidden;
}
.column.reverse .column_img {
  position: relative;
  width: 95%;
  height: 100%;
  top: 0;
  left: 3%;
  border-radius: 15px;
  overflow: hidden;
}

.column_img img{
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center 20%;
}

.column_txtw {
  width: 95%;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 0;
}
.column.reverse .column_txt{
   margin-left: 0;
}


.column_txt{
   width: 100%;
}

.column_i01{
   font-size: 5.0vw;
   font-weight: 600;
   margin: 20px 0 20px 0;
}

.column_t01{
   font-size: 98%;
   line-height: 1.8;
   margin-bottom: 15px;
}

.column_link{
   font-size: 100%;
   margin-bottom: 20px;
}
.column_link a{
   position: relative;
   display: inline-block;
   font-weight: 600;
   background-color: rgba(255,255,255,1.00);
   color: rgba(254,112,150,1.00);
   padding: 10px 30px;
   border-radius: 60px;
}

.content_section .inner{
   width: 100%;
   min-width: 100%;
}
.cat_wrap li{
   width: 49.5%;
   margin-bottom: 0.5%;
}

.wrapper{
  width: 93%;
  min-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;
}


/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
  メニュー_スマホ
  〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */

.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;
  
}



}