@charset "UTF-8";

#web_syutugan .activeLearning2025Box {
  background:
    url(../../images/index/bg_2025_webshutugan.jpg) no-repeat,
    #ffffd6ed;
  /* 半透明の黄色レイヤー */
  background-size: cover;
  background-blend-mode: overlay;

  padding: 0 50px;
  font-weight: 700;
  background-size: cover;
  position: relative;
  /* mix-blend-mode: multiply; */
}

#web_syutugan .activeLearning2025Wrap {
  position: relative;
}

.boxIndexTop .ulTopSlide {
  /* height: 750px; */
}


#web_syutugan .activeLearning2025Link {
  width: 100%;
  padding-top: 16px;
}

#web_syutugan .web_syutugan2025Ti {
  font-size: 48px;
  margin-bottom: 10px;
  display: block;
  text-align: center;
  padding-left: 0%;
  padding-top: 1.2%;
  color: #0c0d19;
  line-height: 5rem;
}

#web_syutugan .web_syutugan2025Ti .red_area {
  color: #FFF;
  font-size: 2rem;
  background-color: #c40c1c;
  padding: 20px;
  margin-right: 10px;
  position: relative;
  top: -10px;
  display: block;
  line-height: 2rem;
}

#web_syutugan .web_syutugan2025Ti .txt01 {
  color: #c40c1c;
  display: inline;
  background: linear-gradient(transparent 60%, #fff700ad 60%);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

#web_syutugan .web_syutugan2025Ti .txt02 {
  font-size: 36px;
}

#web_syutugan .box_2025suisen,
#web_syutugan .box_2025ippan {
  position: relative;
  border: 2px solid #FFF;
  width: 50%;
  height: 198px;
  overflow: hidden;
  margin-left: 2%;
}

#web_syutugan .box_2025suisen {
  background: linear-gradient(90deg, #87B810 0%, #2FAE64 100%);
  margin-bottom: 10px;
}

#web_syutugan .box_2025ippan {
  background: linear-gradient(90deg, #0BAB87 0%, #0D4FA7 100%);
  /* margin-top: 1%; *//* 推薦ある時*/
  margin-top: 10%;
  CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;
  height: 198px;
  padding-top: 0.5%;
}

#web_syutugan .box_2025suisen:before,
#web_syutugan .box_2025ippan:before {
  content: '';
  position: absolute;
  z-index: 1;
  top: -2em;
  left: -2em;
  width: 4em;
  height: 4em;
  background-color: #FFF;
  transform: rotate(45deg);
}

#web_syutugan .box_2025suisen h3,
#web_syutugan .box_2025ippan h3 {
  display: block;
  margin: 0 auto;
  color: #FFF700;
  font-size: 2.2857142857143rem;
  /*padding:8px;*/
  padding: 16px;
  border-bottom: 1px solid #FFF;
  width: 91%;
  text-align: center;
}

#web_syutugan .about {
  position: relative;
}

#web_syutugan .about p.day {
  display: block;
  padding-left: 14%;
  font-size: 1.5rem;
  text-align: left;
  /*margin-top:15px;*/
  margin-top: 29px;
}

#web_syutugan .about p.day span.title {
  background-color: #004EA2;
  border-radius: 0px;
  font-size: 18px;
  margin-bottom: 14px;
  margin-right: 1.5rem;
  padding: 5px 10px;
  text-align: center;
}
#web_syutugan a.btnWrap{
display:block;
width: calc(100% - 80px);  
margin:auto;
}
#web_syutugan .btn {
  color: #A39700;
  font-size: 1.1428571428571rem;
  text-align: center;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 45px;
  padding-left: 0em;
  border-radius: 50px;
  background-color: #fff;
  background-image: url('./../../images/index/index-result-icn-arrow04.png');
  background-repeat: no-repeat;
  background-position: 94% center;
  background-size: auto auto;
  margin: 0 auto;
}

#web_syutugan .btn a {
  position: relative;
  left: -20px;
  font-size: 1.1em;
}

#web_syutugan .web_syutugan2025Pdf {
  position: absolute;
  /*top:40%;*/
  /*top: 43.5%;*/
  top: 42.5%;
  left: 57%;
}


#web_syutugan .examinfo2025Boxes {
  display: flex;
  margin-top: 15px;
}

#web_syutugan .examinfo2025Boxes div {
  height: auto;
  margin: 0 auto;
  /* display: flex; */
  padding: 0px;
}

#web_syutugan .box_2025suisen h3,
#web_syutugan .box_2025ippan h3 {
  font-size: 1.8rem;
  padding: 10px;
}

#web_syutugan .about p.day {
  display: flex;
  margin: auto;
  padding: 10px 20px;
  align-content: center;
  align-items: center;
  margin: 4px 0px;
}

#web_syutugan .about p.day span.title {
  margin: 0;
  padding: 5px 10px;
  width: 8rem;
  position: inherit;
  display: inline-block;
  vertical-align: middle;
}

.activeLearning2025Box p.day span:nth-of-type(2) {
  font-size: 1.2rem;
  line-height: 1.8rem;
}

.boxTopmv_side.Style202411 .box_side_bnr.tokushin.pluswind {
  background: #F5709E;
  /* background: #064ea5; */
  margin-bottom: 15px;
  margin-top: 0px;
}

.boxTopmv_side .box_side_bnr.pluswind .ttlbnr {
  font-size: 2rem;
  color: #FFF700;
}

.boxTopmv_side .box_side_bnr.pluswind .ttlbnr span {
  color: #fff;
  font-size: 2.5rem;
  font-weight: bold;
  display: inline-block;
  line-height: 1em;
}

.boxTopmv_side.Style202411 .box_side_bnr.tokushin.pluswind .box_down {
  background: #FFF2F9;
  /* background: #ebf9ff; */
  z-index: -1;
}

.boxTopmv_side.Style202411 .box_side_bnr.tokushin.pluswind .box_down .fukidashi {
  padding: 10px 0 0;
  margin-bottom: 10px;
}

.boxTopmv_side .box_side_bnr.tokushin .box_down .fukidashi .kaisaibi {
  line-height: 1.3rem;
}

.boxTopmv_side.Style202411 .box_side_bnr.tokushin.pluswind .box_down .txt_area {
  position: relative;
  left: 15px;
  top: 10px;
  text-align: left;
  width: 60%;
  margin-bottom: 15px;
}

.boxTopmv_side .box_side_bnr.tokushin .box_down .fukidashi .kaisaibi {
  line-height: 1.3rem;
}

.boxTopmv_side.Style202411 .box_side_bnr.tokushin.pluswind .box_down .pdf_area {
  position: absolute;
  top: 20px;
  right: 15px;
  width: 32%;
}

.boxTopmv_side.Style202411 .box_side_bnr.tokushin.pluswind .box_down .pdf_area img {
  width: 100%;
  transform: translateX(0%) translateY(0%);
}

.box_side_bnr.tokushin.pluswind .box_down .fukidashi .yellow_mark {
  font-size: 1.6rem;
  color: #c40c1c;
}

.box_side_bnr.tokushin.pluswind .QR_area a {
  background-color: #c40c1c;
  border-radius: 10em;
  color: #ffffff;
  position: relative;
  padding: 10px 0;
  background-image: url(https://catalina.ed.jp/wp-content/themes/catalina-hs/images/course/course01-icn-arrow01.png);
  background-repeat: no-repeat;
  background-position: 94% center;
  background-size: auto auto;
  padding-left: 30px;
}

.box_side_bnr.tokushin.pluswind .box_down .QR_area .link01>span {
  color: #ffffff;
  font-size: 1.3rem;
}

.box_side_bnr.tokushin.pluswind .box_down .QR_area .link01>span:before {
  border: 1px solid #c40c1c;
  background-image: url('https://catalina.ed.jp/wp-content/themes/catalina-hs/images/index/pluswind2025/pluswind_qr.png');
}

.box_side_bnr.tokushin.pluswind .QR_area a img {
  width: 73px;
  position: absolute;
  left: 29px;
  bottom: 3px;
  border: 1px solid #c40c1c;
}

.red_txt {
  color: #c40c1c;
  background-color: #ffffff;
  padding: 0.5rem 1rem;
  border-radius: 999px;
  margin-right: 1rem;
}

.boxTopmv_side .box_side_bnr.pluswind .ttlbnr span.big_txt {
  color: #c40c1c;
  font-size: 2.3rem;
  background-color: #fff;
  padding: 0.5rem 1rem;
  border-radius: 999px;
  margin-right: 0.5rem;
}

.boxTopmv_side .box_side_bnr.tokushin .ttlbnr {
  padding: 20px 15px 10px 15px;
}

@media screen and (max-width: 1423px) and (min-width: 1147px) {
  #web_syutugan .activeLearning2025Link {
    padding-top: 0px;
    padding-left: 0px;
  }

  #web_syutugan .web_syutugan2025Pdf {
    position: absolute;
    top: 43% !important;
    left: 54% !important;
    width: 50% !important;
  }

  .boxTopmv_side.Style202411 .box_side_bnr {
    margin-top: 30%;
    /* margin-top:8%!important; */
  }
}

@media screen and (max-width: 1423px) and (min-width: 750px) {
  #web_syutugan .activeLearning2025Link {
    width: 100%;
    padding-top: 0px !important;
  }

  #web_syutugan .web_syutugan2025Ti {
    font-size: 3.1rem;
    /* padding-left: 25%; */
    padding-top: 3%;
    line-height: 4rem;
  }

  #web_syutugan .web_syutugan2025Ti .red_area {
    color: #FFF;
    font-size: 1.5rem;
    background-color: #c40c1c;
  }

  #web_syutugan .web_syutugan2025Ti .txt01 {}

  #web_syutugan .web_syutugan2025Ti .txt02 {
    font-size: 2rem;
  }

  #web_syutugan .box_2025suisen h3,
  #web_syutugan .box_2025ippan h3 {
    font-size: 1.8rem;
    padding: 10px;
  }

  #web_syutugan .box_2025suisen,
  #web_syutugan .box_2025ippan {
    position: relative;
    border: 2px solid #FFF;
    width: 60%;
    height: 210px;
    overflow: hidden;
    margin-left: 0%;
    /* margin-top: 0% !important; *//*推薦ある時は表示*/
    margin-bottom: 21px;
  }
#web_syutugan a.btnWrap{
width: 90%;  
}
  .activeLearning2025Box p.day {
    margin-bottom: 18px;
    margin-top: 30px;
  }

  #web_syutugan .about {
    position: relative;
  }

  #web_syutugan .about p.day {
    padding-left: 5%;
    font-size: 0.9rem;
    line-height: 1.1rem;
    flex-direction: column;
    gap: 10px;
    margin: 0;
  }

  #web_syutugan .about p.day span.title {
    font-size: 1.2rem;
    display: block;
    width: 100%;
  }

  #web_syutugan .btn {
    font-size: 1.2rem;
    height: 30px;
  }

  #web_syutugan .web_syutugan2025Pdf {
    position: absolute;
    top: 44%;
    left: 57%;
  }

  #web_syutugan .web_syutugan2025Pdf img {
    width: 75%;
  }

  #web_syutugan .btn a {
    font-size: 0.9em;
  }

  /* 特進コース勉強会と中学生の皆様へ調整 */

  .boxTopmv_side.Style202411 .box_side_bnr {
    width: 100%;
    /*width: 70%;*/
    /*width: 65%;*/
    background: #3CE657 url('./../../images/index/logo-memorial.png') no-repeat 14px 10px;
    background-size: 75px;
    margin-top: 0%;
  }


  .boxTopmv_side.Style202411 .box_side_bnr.tokushin {
    margin-bottom: 10px;
  }

  .boxTopmv_side.Style202411 .box_side_bnr.tokushin .ttlbnr {
    padding: 13px;
  }

  .boxTopmv_side.Style202411 .box_side_bnr .ttlbnr {
    font-size: 1.8rem;
  }

  .boxTopmv_side.Style202411 .box_side_bnr .ttlbnr span {
    font-size: 2rem !important;
    /*font-size:2rem;*/
  }

  .boxTopmv_side .box_side_bnr.tokushin .box_down .flex {
    flex-direction: column;
  }

  .boxTopmv_side.Style202411 .box_side_bnr.tokushin.pluswind .box_down .txt_area {
    width: 60%;
  }

  .box_side_bnr.tokushin.pluswind .box_down .fukidashi .yellow_mark {
    font-size: 1.25rem;
  }

  .boxTopmv_side.Style202411 .box_side_bnr .ttlbnr {
    padding: 13px 0 13px 100px;
  }



  .boxTopmv_side.Style202411 .box_side_bnr .box_down .fukidashi {
    font-size: 1.2rem;
  }

  .boxTopmv_side.Style202411 .box_side_bnr.tokushin .box_down .fukidashi {
    line-height: 1.5rem;
  }

  .boxTopmv_side.Style202411 .box_side_bnr.tokushin .box_down .txt_area {
    position: relative;
    left: 20px;
    top: 10px;
  }

  .boxIndexTop .ulTopSlide {
    height: 683px;
  }


}

@media screen and (min-width: 1025px) and  (max-width: 1423px) {
  .boxTopmv_side.Style202411 .box_side_bnr.tokushin.pluswind .box_down .pdf_area {
    width: 31%;
    top: 10%;
  }

  .box_side_bnr.tokushin.pluswind .box_down .QR_area .link01>span {
    padding-left: 4.5em;
  }

  .boxTopmv_side .box_side_bnr .box_down .QR_area .link01>span:before {
    left: 0%;
  }
}

@media screen and (min-width: 750px) and (max-width: 1024px){
  .boxTopmv_side.Style202411 .box_side_bnr.tokushin.pluswind .box_down .pdf_area {
    width: 31%;
    top: 21%;
  }

  .box_side_bnr.tokushin.pluswind .box_down .QR_area .link01>span {
    padding-left: 2.5em;
  }

  .boxTopmv_side .box_side_bnr .box_down .QR_area .link01>span:before {
    left: -12%;
  }
}


@media all and (max-width: 750px) {

  /* 【スマホ】web出願 */
  .boxTopmv_side.Style202411 .box_side_bnr.tokushin {
    margin-top: 0;
  }

  .boxIndexTop #web_syutugan.ulTopSlide {
    height: 100vw;
    /*padding-bottom:380px;*/
    padding-bottom: 235px;
    margin-bottom: 30px;
  }

  #web_syutugan .activeLearning2025Wrap {
    width: 100%;
  }

  #web_syutugan .activeLearning2025Box {
    width: 100%;
    padding-bottom: 380px;
    margin-top: 0;
    padding: 0 20px;
  }

  #web_syutugan .activeLearning2025Link {
    width: 100%;
    padding-top: 30px;
  }

  #web_syutugan .web_syutugan2025Ti {
    font-size: 2.3rem;
    padding-left: 0%;
    line-height: 3rem;
  }

  #web_syutugan .web_syutugan2025Ti .red_area {
    font-size: 1.5rem;
    padding: 10px 10px 0px;
    margin-right: 10px;
    line-height: 3rem;
  }

  .red_txt {
    padding: 0.5rem;
    margin-right: 0rem;
  }

  #web_syutugan .web_syutugan2025Ti .txt01 {}

  #web_syutugan .web_syutugan2025Ti .txt02 {
    font-size: 1.5rem;
  }

  #web_syutugan .box_2025suisen,
  #web_syutugan .box_2025ippan {
    position: relative;
    border: 2px solid #FFF;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-left: 0%;
  }

  #web_syutugan .box_2025suisen {
    background: linear-gradient(90deg, #87B810 0%, #2FAE64 100%);
    margin-bottom: 20px;
  }

  #web_syutugan .box_2025ippan {
    background: linear-gradient(90deg, #0BAB87 0%, #0D4FA7 100%);
    padding-bottom: 10px;
  }

  #web_syutugan .box_2025suisen:before,
  #web_syutugan .box_2025ippan:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: -2em;
    left: -2em;
    width: 4em;
    height: 4em;
    background-color: #FFF;
    transform: rotate(45deg);
  }

  #web_syutugan .box_2025suisen h3,
  #web_syutugan .box_2025ippan h3 {
    font-size: 1.7rem;
    width: 90%;
    padding: 8px;
  }

  #web_syutugan .about {
    position: relative;
  }

  #web_syutugan .about p.day {
    flex-direction: column;
    padding: 10px 20px;
    font-size: 0.92rem;
    margin-bottom: 0px;
    margin-top: 10px;
    gap: 15px;
  }

  #web_syutugan .about p.day span.title {
    font-size: 0.92rem;
    margin-bottom: 14px;
    margin: 0rem;
    padding: 5px 10px;
    text-align: center;
    width: 100%;
  }

  .activeLearning2025Box p.day span:nth-of-type(2) {
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
#web_syutugan a.btnWrap{
  width: 100%;  
}
  #web_syutugan .btn {
    font-size: 0.9rem;
    width: calc(100% - 20px);
    height: 35px;
    margin-bottom: 10px;
    padding-left: 0px;
  }

  #web_syutugan .web_syutugan2025Pdf {
    width: 100%;
    position: inherit;
    margin: 20px 0px;
  }

  /* 【スマホ】特進コース勉強会 */
  .boxTopmv_side .box_side_bnr.tokushin .ttlbnr {
    padding: 20px 15px 10px 15px;
    line-height: 2.8rem;
  }

  .boxTopmv_side .box_side_bnr.pluswind .ttlbnr span {
    font-size: 2rem;
  }

  .boxTopmv_side .box_side_bnr.tokushin .box_down .txt_area {
    position: relative;
    left: 45px;
    top: 10px;
  }

  .boxTopmv_side .box_side_bnr.tokushin .box_down .fukidashi .kaisaibi {
    line-height: 1.5rem;
  }

  .boxTopmv_side .box_side_bnr.tokushin .box_down .fukidashi .yellow_mark::after {
    height: 0.6rem;
  }

  .boxTopmv_side .box_side_bnr.tokushin .box_down .pdf_area {
    position: absolute;
  }

  .box_side_bnr.tokushin.pluswind .box_down .QR_area {
    margin-top: 28px;
  }

  .box_side_bnr.tokushin.pluswind .box_down .QR_area .link01>span:before {
    display: none;
  }

  .boxTopmv_side .box_side_bnr .box_down .QR_area .link01>span {
    padding-left: 3rem;
  }

  .box_side_bnr.tokushin.pluswind .box_down .fukidashi .yellow_mark {
    font-size: 1.3rem;
  }

  .boxTopmv_side .box_side_bnr.pluswind .ttlbnr span.big_txt {
    font-size: 2rem;
    padding: 0.8rem 1rem 0.5rem;
  }
}




.boxIndexNews {
  padding-top: 3%;
}

@media all and (max-width: 750px) {
  .boxIndexNews {
    padding-top: 0px;
  }

}