/*------------------------------------------------------------------------------
  PC or ALL
------------------------------------------------------------------------------*/
.pc .header-logo,
.pc .footer-main .logo{
  width: 377px;
}
.header-nav > ul > li{
  margin: 0 10px;
}
.header-nav > ul > li .en{
  font-size: 1.8rem;
  letter-spacing: 1px;
}

.mainvisual2{
  background: #e9eef7;
  margin-bottom: 0;
}
.title-type02, .title-type04{
  margin-bottom: 4vh;
}
.title-type02:before, .title-type04:before{
  display: none;
}
.title-type01 span:nth-child(2), .title-type02 span:nth-child(2), .title-type03 span:nth-child(2), .title-type04 span:nth-child(2){
  opacity: 1;
  color: #2556b2;
}
.box-wrap.sm{
  max-width: 1124px;
  padding: 0;
}

.blog-type03 ul li{
  border-bottom: 1px solid #ccc;
}
.blog-type01 ul li .category{
  font-weight: 500;
}

.box-wrap.bg:before{
  background: #fffde1;
}

.box-wrap.bg.main-news{
  .blog-type03 ul li h3.box-h3 a{
    color: #2556b2;
  }
}

.box-wrap.lg.main-features{
  .box h3.box-h3{
    color: #2556b2;
  }
}

.box-wrap.bg.main-school{
  .box h3.box-h3{
    font-size: 2.2rem;
  }
  .row{
    justify-content: center;
    gap: 0;
  }
  .row .col{
    width: auto;
  }
  .main-school-box{
    margin-bottom: 50px;
  }
}

.box-wrap.lg.main-course{
  .box.image-text-type03.right{
    h3.box-h3{
      color: #0084c2;
    }
  }
  .box.image-text-type03.left{
    h3.box-h3{
      color: #299122;
    }
  }
  .image-text-type03.right .text:before{
    background: #ebf9ff;
  }
  .image-text-type03.left .text:before{
    background: #fffde1;
  }
}

.box-wrap.bg.main-voice{
  margin-bottom: 0;
}

.box-wrap.bg.main-rate{
  margin-bottom: 0;
  .text{
    padding-top: 60px;
    padding-bottom: 60px;
    background: #fffbcf;
  }
  .box h3.box-h3{
    color: #2556b2;
  }
  .box .copy{
    color: #da327b;
  }
  .text p{
    font-size: 1.8rem;
  }
  .text p strong{
    font-size: 2.4rem;
    font-weight: bold;
    color: #2556b2;
  }
}
.box-wrap.bg.main-rate::before{
  background: url(/mwp/wp-content/themes/mwp-theme/assets/images/rate-bg.png) no-repeat center center / cover;
}

.box-wrap.bg.main-results{
  .box h3.box-h3{
    color: #fff57c;
  }
  .text p{
    font-size: 2rem;
  }
}
.box-wrap.bg.main-results::before{
  background: url(/mwp/wp-content/themes/mwp-theme/assets/images/results-bg.png) repeat center center;
}

.box-wrap.lg.main-banner2{
  .box{
    margin-bottom: 38px;
  }
}

.blog-type01 ul li .date, .blog-type04 .swiper-slide .date{
  color: #2556b2;
}

.box-wrap.bg.main-voice,
.box-wrap.sm.main-blog{
  .image{
    max-height: 220px;
  }
}

.box-wrap.sm.footer-banner{
  margin-bottom: 14vh;
}

.contact-type01 .title{
  color: #222;
}
.contact-type01 .title .en{
  color: #2556b2;
}

.pc .contact-type01 .title{
  font-size: 4.5rem;
}
.pc .contact-type01 .title .en{
  font-size: 1.8rem;
}
.pc .contact-type01 .text .tel{
  font-size: 7.1rem;
}
.contact-type01 .text .tel{
  font-weight: 500;
  color: #222;
}
.contact-type01 .text .datetime{
  color: #222;
}
.pc .contact-type01 .text .datetime{
  margin: -1vh 0 2vh 0;
}
.contact-type01 .text .datetime strong{
  color: #2556b2;
  font-size: 2rem;
}

.pc .contact-type01 .text .btn div a{
  padding: 20px 70px 20px 90px;
  font-size: 2rem;
  border-radius: 50px;
}
.pc .contact-type01 .text .btn{
  margin-top: 2vh;
}
.contact-type01 .text .btn div a:after{
  left: 55px;
  font-size: 2.5rem;
}

.footer{
  margin-top: -8px;
  background: #fffde1;
}
.fixed-footer{
  background: #e6f7ff;
}
.fixed-footer p{
  font-weight: 500;
  font-size: 2rem;
}
.fixed-footer .tel a{
  font-size: 3.6rem;
  font-weight: 500;
}
.fixed-footer .contact a{
  font-weight: 500;
  font-size: 1.7rem;
}

/* 20250118 added by Fabo */
.mt-0 { margin-top: 0 !important;}
.mt-s { margin-top: 4vh !important;}
.mt-m { margin-top: 7vh !important;}
.mt-l { margin-top: 10vh !important;}

.mb-0 { margin-bottom: 0 !important;}
.mb-s { margin-bottom: 4vh !important;}
.mb-m { margin-bottom: 7vh !important;}
.mb-l { margin-bottom: 10vh !important;}

.page-content h2:not([class]),
.page-content h3:not([class]),
.page-content h4:not([class]) {
  margin-bottom: 3vh;
}

.box-color {
  margin: 0 0 6vh;
  padding: 3vh;
  background: #ebf9ff;
}
.box-color :first-child {
  margin-top: 0 !important;
}
.box-color :last-child {
  margin-bottom: 0 !important;
}
.box-color h4 {
  margin-bottom: 2vh !important;
}

.page-content .image-text-type01 .text {
  overflow: hidden;
}
.page-content .image-text-type01 .text :first-child {
  margin-top: 0;
}
.page-content  .list-check-type01 {
  display: flex;
  justify-content: flex-start;
}

.strong {
  color: #2556b2;
}

.align-center {
  text-align: center;
}
.align-right {
  text-align: right;
}
.align-left {
  text-align: left;
}

.table-fixed {
  width: calc(100% + 10px);
  margin: 0 -5px 25px;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 5px;
}
.table-fixed th,
.table-fixed td {
  padding: 15px;
  text-align: center;
  vertical-align: middle;
}
.table-fixed th {
  background: var(--main-color);
  color: #fff;
  font-weight: bold;
}
.table-fixed td {
  background: var(--sub-color);
}

.table_qa {
  width: 100%;
  margin-bottom: 30px;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
}
.table_qa th {
  width: 5%;
  padding: 20px 10px;
}
.table_qa td {
  padding: 20px 10px;
  vertical-align: middle;
}
.table_qa tr:nth-child(2n-1) td {
  font-size: 18px;
  font-weight: bold;
}
.table_qa tr:nth-child(2n) {
  background: var(--sub-color);
}
.table_qa tr:nth-child(2n) th {
  vertical-align: top;
}
.q_icon {
  display: inline-block;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: var(--main-color);
  line-height: 44px;
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.a_icon {
  display: inline-block;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: var(--main-color-2);
  line-height: 44px;
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.list-flow-type01 .image-text-type01.right .image {
  width: 300px;
}

body:not(.home) .page-content .title-type02 {
  padding: 0 0 20px 0;
}

/* ======================================
2025/6/16 added by tsuji
======================================== */

/* --------------- 旧サイトで使用していたテンプレ --------------- */

.contents-borderbox {
  margin-bottom: 20px;
  padding: 25px;
  border: #f4f4f4 4px solid;
}


.b-backpattern {
  padding: 2%;
  background-color: #C9E8F1;
  border: #eaeaea 2px solid;
}

.r-backpattern {
  padding: 2%;
  background-color: #F6D4D8;
  border: #eaeaea 2px solid;
}

.g-backpattern {
  padding: 2%;
  background-color: #C6EDDB;
  border: #eaeaea 2px solid;
}


.drawer-open .ja{
  color: #fff;
  position: absolute;
  left: 50%;
  bottom: 10px;
  transform: translate(-50%,0);
  font-size: 1.8rem;
  white-space: nowrap;
}
.drawer-open .bar01, .drawer-open .bar02{
  top: 35px;
}
.drawer-open .bar02{
  top: 45px;
}
.drawer-active .drawer-open .bar01, .drawer-active .drawer-open .bar02{
  top: 40px;
}


/*------------------------------------------------------------------------------
  TABLET and SHONE
------------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
}

/*------------------------------------------------------------------------------
  TABLET ONLY
------------------------------------------------------------------------------*/
@media screen and (min-width: 600px) and (max-width: 1024px) {
}

/*------------------------------------------------------------------------------
  SPHONE ONLY
------------------------------------------------------------------------------*/
@media screen and (max-width: 599px) {
  .box-wrap.bg.main-rate {
    .text{
      padding-left: 20px;
      padding-right: 20px;
    }
    .text p strong{
      display: block;
      text-align: center;
    }
  }
  .box-wrap.lg.main-course{
    .image-text-type03.right .text{
      background: #ebf9ff;
    }
    .image-text-type03.left .text{
      background: #fffde1;
    }
  }
  .box-wrap.lg.main-banner2 {
    .box{
      margin-bottom: 15px;
    }
  }
  .box-wrap.sm.footer-banner{
    .row .col{
      width: 100%;
      margin: auto;
    }
    .row .col img{
      width: 100%;
    }
  }
  .contact-type01 .title .en{
    font-size: 1.8rem;
  }

  .iframe-wrap iframe {
    height: 400px;
  }
  .table-wrap {
    overflow-x: auto;
  }
  .table-wrap table {
    min-width: 700px;
    table-layout: fixed;
  }
/* 20250625_narematsu_スマホ表示調整 */
  .box-wrap.lg,
  .box-wrap.sm {
    padding: 0;
}

/* 20250625_naka MENU追加 */
.drawer-open .ja{
  bottom: 8px;
  font-size: 1rem;
}
.drawer-open .bar01, .drawer-open .bar02{
  top: 15px;
}
.drawer-open .bar02{
  top: 25px;
}
.drawer-active .drawer-open .bar01, .drawer-active .drawer-open .bar02{
  top: 20px;
}
  

}

/* bootstrap適用による表示崩れ対策 */
.container{
  width: 100%;
  max-width: none;
}
#sample-section-7 .row{
  gap: 0;
}

@media screen and (max-width:1020px){
.header-logo {
  width: 280px;
}
.footer-main .logo {
    width: 280px;
}
}