@charset "utf-8";

/*= load =*/
.pace {pointer-events: none;user-select: none;}
  .pace-inactive {display: none;}
  .pace .pace-progress {background: #c32523;position: fixed;z-index: 2000;top: 0;right: 100%;width: 100%;height: .3rem;}

/*= BASE =*/
/* iPhone 320px */
@media only screen and (min-width:320px){html{font-size: 77%;}}
/* Android 360px × 1.125 */
@media only screen and (min-width:360px){html{font-size: 85%;}}
/* iPhone6 375px × 117.1875 */
@media only screen and (min-width:375px){html{font-size: 88%;}}
/* iPhone6 plus 414px × 1.29375 */
@media only screen and (min-width:412px){html{font-size: 96%;}}
/* sm */
@media (min-width: 576px){html{font-size: 82%;}}
/* md */
@media (min-width: 768px){html{font-size: 80%;}}
/* lg */
@media (min-width: 992px){html{font-size: 93%;}}
/*xxxl*/
@media(min-width:1600px){html{font-size: 94%;}}
html,html a{text-shadow: 1px 1px 1px rgba(0,0,0,0.004); }
html,body{overflow-x: hidden;height: 100%;}
body{position: relative;background-color: #fff;min-height: 100%;height: auto; color: #000;font-family:'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;letter-spacing: .01rem;background: none;font-weight: 300;}
/*body{position: relative;background-color: #fff;min-height: 100%;height: auto; color: #25463f;font-family:'UD Shin Go NT Medium',游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;letter-spacing: .01rem;background: none;font-weight: 300;}*/

.obfit img {width: 100%;height:100%;object-fit: cover; font-family: 'object-fit: cover; object-position: center;'}
.ob-left img {object-position: 0 100%}
.ob-right img {object-position: 100% 0}

/*.obfit{object-fit: cover; width: 100%;height: 100%;}
.obfit-contain{object-fit: contain; width: 100%;height: 100%;}
.obfit-top{object-fit: cover;width: 100%;height: 100%; object-position:center 20%;}
.obfit-bottom{object-fit: cover;width: 100%;height: 100%; object-position:50% 100%;}
.obfit-right{object-fit: cover;width: 100%;height: 100%; object-position:right center;}*/

.obp-top { object-position:top;}
.obp-bottom { object-position:left bottom;}
.obp-center { object-position:center;}
.obp-20 {object-position: 0% 20%;}
.mt--6{margin-top:-4.5rem}
.mt--7{margin-top:-6rem}
.mt--8{margin-top:-7.5rem}
.mt--9{margin-top:-9rem}
.mt--405{margin-top:-2.25rem}

@media (min-width:576px){.container-half{max-width:calc(540px/2)}}
@media (min-width:768px){.container-half{max-width:calc(720px/2)}}
@media (min-width:992px){.container-half{max-width:calc(960px/2)}}
@media (min-width:1200px){.container-half{max-width:calc(1140px/2)}}
.container-half-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.img-fluid{.img-fluid 
    width: 100%;
    max-width: 100%;
    height: auto;
}

.link-style{border-bottom:1px solid;}
.link-style{border-bottom:1px solid;}

.disabled .link-style{color: #dddddd;}
.disabled .clr-red{color: #dddddd !important;}

.fuchidori {
  color: #000;
  text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}
.sankaku{
width: 0;
height: 0;
border-style: solid;
border-width: 200px 200px 0 0;
border-color: #c32623 transparent transparent transparent;
}

.sankaku2{
width: 0;
height: 0;
border-style: solid;
border-width: 200px 200px 0 0;
border-color: #e60012 transparent transparent transparent;
}

.kakko {
  position: relative;
  padding: 1em 2em;
}

.kakko:before,
.kakko:after {
  position: absolute;
  content: '';
}

.kakko:after {
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  border-top: 2px solid #000;
  border-left: 2px solid #000;
}

.kakko:before {
  right: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
}

/* 5 Columns */
.col-lg-five-1, .col-md-five-1, .col-sm-five-1, .col-xs-five-1,
.col-lg-five-2, .col-md-five-2, .col-sm-five-2, .col-xs-five-2,
.col-lg-five-3, .col-md-five-3, .col-sm-five-3, .col-xs-five-3,
.col-lg-five-4, .col-md-five-4, .col-sm-five-4, .col-xs-five-4 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}   
.col-xs-five-1 {
  width: 20%;
  float: left;
}
.col-xs-five-2 {
  width: 40%;
  float: left;
}
.col-xs-five-3 {
  width: 60%;
  float: left;
}
.col-xs-five-4 {
  width: 80%;
  float: left;
}
@media (min-width: 768px) {
  .col-sm-five-1 {
    width: 20%;
    float: left;
  }
  .col-sm-five-2 {
    width: 40%;
    float: left;
  }
  .col-sm-five-3 {
    width: 60%;
    float: left;
  }
  .col-sm-five-4 {
    width: 80%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-five-1 {
    width: 20%;
    float: left;
  }
  .col-md-five-2 {
    width: 40%;
    float: left;
  }
  .col-md-five-3 {
    width: 60%;
    float: left;
  }
  .col-md-five-4 {
    width: 80%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-five-1 {
    width: 20%;
    float: left;
  }
  .col-lg-five-2 {
    width: 40%;
    float: left;
  }
  .col-lg-five-3 {
    width: 60%;
    float: left;
  }
  .col-lg-five-4 {
    width: 80%;
    float: left;
  }
}

.an-car{animation-delay: 2s;animation-iteration-count: 5;}
.an-nasibi-left {
    animation-delay: 2s;
    animation-iteration-count: 2;
}
.an-nasubi-right {
    animation-delay: 3s;
    animation-iteration-count: 3;
}

.an-del05 {
    animation-delay: .5s;
    animation-iteration-count: 1;
}

.an-del1 {
    animation-delay: 1s;
    animation-iteration-count: 1;
}

.an-del2 {
    animation-delay: 2s;
    animation-iteration-count: 1;
}

.an-del3 {
    animation-delay: 3s;
    animation-iteration-count: 1;
}

.an-del4 {
    animation-delay: 4s;
    animation-iteration-count: 1;
}

.section-title-1{
    position: relative;
    padding: 0 10px 10px 10px;
    border-bottom: 3px solid #000;
    margin-bottom: 25px;
}

.section-title-1:before {
  position: absolute;
  left: 20px;
  bottom: -21px;
  width: 0;
  height: 0;
  content: '';
  border-width: 21px 21px 0 0;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
}

.section-title-1:after {
  position: absolute;
  left: 24px;
  bottom: -14px;
  width: 0;
  height: 0;
  content: '';
  border-width: 14px 14px 0 0;
  border-style: solid;
  border-color: #f9f9f9 transparent transparent transparent;
}

.section-title-3{
    position: relative;
    padding: 0 10px 10px 10px;
    border-bottom: 3px solid #000;
    margin-bottom: 25px;
}

.section-title-3:before {
  position: absolute;
  left: 20px;
  bottom: -21px;
  width: 0;
  height: 0;
  content: '';
  border-width: 21px 21px 0 0;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
}

.section-title-3:after {
  position: absolute;
  left: 24px;
  bottom: -14px;
  width: 0;
  height: 0;
  content: '';
  border-width: 14px 14px 0 0;
  border-style: solid;
  border-color: #c32523 transparent transparent transparent;
}

.section-title-2{
    position: relative;
    padding: 0 10px 10px 10px;
    border-bottom: 3px solid #fff;
    margin-bottom: 25px;
    display: inline-block;
}

.section-title-2:before {
  position: absolute;
  left: 20px;
  bottom: -21px;
  width: 0;
  height: 0;
  content: '';
  border-width: 21px 21px 0 0;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

.section-title-2:after {
  position: absolute;
  left: 24px;
  bottom: -14px;
  width: 0;
  height: 0;
  content: '';
  border-width: 14px 14px 0 0;
  border-style: solid;
  border-color: #bf2522 transparent transparent transparent;
}

.fwb{font-weight: 800;}

.line-in{
  width: 95%;
  height: 95%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 1024px){
  .line-in{
  width: 70%;
  height: 70%;
  display: flex;
  align-items: center;
  justify-content: center;
}}

.main_imgBox {
    overflow: hidden;
    position: relative; }

  .main_logo {
    z-index:11;
    position: absolute;
    width:100px;
    height:auto;
    margin: 10px;
}

  .main_copy {
    z-index:11;
    position: absolute;
    top:65%;
    left:50%;
    transform:translate(-50%,-50%);
}

 .main_pr {
    z-index:11;
    position: absolute;
    bottom:8%;
    right:10%;
}



  .main_img {
    z-index:10;
    opacity: 0;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 42s 0s infinite;
    animation: anime 42s 0s infinite; }

    .main_img:nth-of-type(2) {
      -webkit-animation-delay: 6s;
      animation-delay: 6s; }

    .main_img:nth-of-type(3) {
      -webkit-animation-delay: 12s;
      animation-delay: 12s; }

    .main_img:nth-of-type(4) {
      -webkit-animation-delay: 18s;
      animation-delay: 18s; }

    .main_img:nth-of-type(5) {
      -webkit-animation-delay: 24s;
      animation-delay: 24s; }

    .main_img:nth-of-type(6) {
      -webkit-animation-delay: 30s;
      animation-delay: 30s; }

    .main_img:nth-of-type(7) {
      -webkit-animation-delay: 36s;
      animation-delay: 36s; }

  .main_imgM {
    opacity: 0;
    width:100%;
    height:100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 36s 0s infinite;
    animation: anime 36s 0s infinite; }

    .main_imgM:nth-of-type(2) {
      -webkit-animation-delay: 6s;
      animation-delay: 6s; }

    .main_imgM:nth-of-type(3) {
      -webkit-animation-delay: 12s;
      animation-delay: 12s; }

    .main_imgM:nth-of-type(4) {
      -webkit-animation-delay: 18s;
      animation-delay: 18s; }

    .main_imgM:nth-of-type(5) {
      -webkit-animation-delay: 24s;
      animation-delay: 24s; }

    .main_imgM:nth-of-type(6) {
      -webkit-animation-delay: 30s;
      animation-delay: 30s; }

    .main_imgM:nth-of-type(7) {
      -webkit-animation-delay: 30s;
      animation-delay: 30s; }

@keyframes anime {
    0% {
        opacity: 0;
    }
    8% {
        opacity: 1;
    }
    17% {
        opacity: 1;
    }
    25% {
        opacity: 0;
         transform: scale(1.2);
                    z-index:9;
    }
    100% { opacity: 0 }
}

@-webkit-keyframes anime {
    0% {
        opacity: 0;
    }
    8% {
        opacity: 1;
    }
    17% {
        opacity: 1;
    }
    25% {
        opacity: 0;
         -webkit-transform: scale(1.2);
            z-index:9;
    }
    100% { opacity: 0 }
}


.slider-loop{
    display:flex;
    width:100%;
    overflow: hidden;
}

.slider-loop-left {
    display:flex;
    animation-name: loopleft;
    animation-duration: 48s;
    animation-iteration-count: infinite;
    animation-fill-mode: backwards;
    animation-timing-function: linear;
}

.slider-loop-right {
    display:flex;
    animation-name: loopright;
    animation-duration: 48s;
    animation-iteration-count: infinite;
    animation-fill-mode: backwards;
    animation-timing-function: linear;
}

@keyframes loopleft {
    0% {
        transform: translateX(0%);
    }
    to {
        transform: translateX(-100%);
    }
}

@keyframes loopright {
    0% {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0%);
    }
}


.circle-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}


.marker-yellow {
  color: #fff;
  background: -webkit-linear-gradient(top, #fff 0%, #fff 50%, #ffff99 51%, #ffff00 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.marker-yellow2 {
  color: #fff;
  background: -webkit-linear-gradient(top, #fff 0%, #fff 50%, #ffff99 51%, #ffff00 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.6)) drop-shadow(0px 0px 4px rgba(0,0,0,0.5)) drop-shadow(0px 0px 4px rgba(0,0,0,0.5));
  -webkit-filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.6)) drop-shadow(0px 0px 4px rgba(0,0,0,0.5)) drop-shadow(0px 0px 4px rgba(0,0,0,0.5));
}

.box-r4 {
  background:
  linear-gradient(315deg, transparent 20px, #c32523 20px);
  background-position:  bottom right;
  background-size: 100%;
  background-repeat: no-repeat;
}

.box-shadow {box-shadow: 0px 3px 10px rgba(0,0,0,.8)}
.drop-shadow {
    -webkit-filter: drop-shadow(0px 3px 10px rgba(0,0,0,.8));
    filter: drop-shadow(0px 0px 10px rgba(0,0,0,.8));
    transform: translateZ(0);
    }

.table-red td{border: solid 2px #c32523 !important;text-align: center;vertical-align:middle;}
.table-blue td{border: solid 2px #00b2bc !important;text-align: center;vertical-align:middle;}
.table-karashi td{border: solid 2px #d5b200 !important;text-align: center;vertical-align:middle;}
.bg-t-orange{background-color: #fbd8b5 !important;}
.bg-t-yellow{background-color: #fffbc7 !important;}
.bg-t-green{background-color: #eef5d9 !important;}
.clr-goldred{color: #e60012 !important;}
.clr-goldred-light{color: #fbd8c5!important;}
.bg-goldred{background-color: #e60012 !important;}
.bc-goldred{border-color: #e60012 !important;}

.clr-karashi{color:#d5b200!important;}
.bg-karashi{background-color:#d5b200!important;}
.bc-karashi{border-color:#d5b200!important;}
.bg-skyblue{background-color: #97d1ed!important;}
.uline-yellow{
background:linear-gradient(transparent 75%, #fff799 75%);
font-weight:bold; 
}
.op-5{opacity: 0.5}
.font-MidashiGo{font-family: 'FOT-セザンヌ Pro DB';transform: rotate(0.001deg);} /* 旧TypeSquare: Midashi Go MB31 */
.font-MediumGo{font-family: 'Gothic Medium BBB';transform: rotate(0.001deg);}
.font-UDShinGo{font-family: 'FOT-UD角ゴ_ラージ Pr6N M';transform: rotate(0.001deg);} /* 旧TypeSquare: UD Shin Go Medium */
.font-UDShinGoNtM{font-family: 'FOT-UD角ゴ_ラージ Pr6N M';transform: rotate(0.001deg);} /* 旧TypeSquare: UD Shin Go NT Medium（確定表: #24同ファミリー類推・4面で目視確認） */
.font-UDShinGoNtH{font-family: 'FOT-UD角ゴ_ラージ Pr6N H';transform: rotate(0.001deg);} /* 旧TypeSquare: UD Shin Go NT Heavy */
.font-FutoGo{font-family: 'FOT-セザンヌ Pro M';transform: rotate(0.001deg);} /* 旧TypeSquare: Futo Go B101 */
.font-ShinGoB{font-family: 'I-OTF新ゴシックPro B';transform: rotate(0.001deg);} /* 旧TypeSquare: Shin Go Bold */
.font-UDShinGoConde90H{font-family: 'FOT-UD角ゴC80 Pro B';transform: rotate(0.001deg);} /* 旧TypeSquare: UD Shin Go Conde90 H */
.font-UDShinGoConde70H{font-family: 'FOT-UD角ゴC70 Pro B';transform: rotate(0.001deg);} /* 旧TypeSquare: UD Shin Go Conde70 H */
.font-NowGU{font-family: 'FOT-ニューロダン Pro EB';transform: rotate(0.001deg);} /* 旧TypeSquare: NOW-GU（3104確定 2026-10-27: 候補比較で最も近い FOT-ニューロダン Pro EB） */
.font-BeVietnamPro{font-family: 'Be Vietnam Pro', sans-serif;transform: rotate(0.001deg);}


a:hover{color: #c32523 !important;}
  a:hover .txt-shadow{text-shadow: none;}
   a.hov-bwht:hover{border-color: #fff!important;color: #000!important;}
   a.hov-bblk:hover{border-color: #fff!important;color: #fff!important;}
a:focus{text-decoration: none;}
.btn.focus, .btn:focus{box-shadow: none;}
.ls--005{letter-spacing: -0.05rem !important;}
.px-205{padding-right:.75rem ;padding-left:.75rem ;}
.px-305{padding-right:1.005rem;padding-left:1.005rem;}
html:not(.MacIntel) .pl-306{padding-left:1.15rem;}
html:not(.MacIntel) .pl-307{padding-left:1.25rem;}
.pl-205{padding-left:calc(.765rem - 1px);}
.pr-305{padding-right:1.005rem;}
.mt-01{margin-top: .05rem;}
.mt-025{margin-top: .125rem;}
.mt-05{margin-top: .25rem;}
.mt-405{margin-top: 2rem;}
.z-1{z-index:1}
.z-15{z-index: 15 !important;}
.op-1{opacity: .1;}
.op-105{opacity: .15;}
.op-2{opacity: .2;}
.op-205{opacity: .25;}
.op-3{opacity: .3;}
.r-5 {
    -moz-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);}
.r-15 {
    -moz-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);}
.shadow-wht{text-shadow: 2px 2px 2px rgba(255,255,255,0.99);}
.shadow-blk{text-shadow: 2px 2px 5px rgba(0,0,0,0.99), -2px -2px 5px rgba(0,0,0,0.76);}
.topLeft{top: 0;left: 0;}
.topRight{top: 0;right: 0;}
.topCenter{top: 0;left: 50%;transform: translate(-50%, -50%);}
.bottomLeft{bottom: 0;left: 0;}
.bottomRight{bottom: 0;right: 0;}
.middleCenter{top: 50%; left: 50%; transform: translate(-50%, -50%);}
.middleRight{top: 50%; right: 0%; transform: translateY(-50%);}
.middleLeft{top: 50%; left: 0%; transform: translateY(-50%);}

.slideNav-left,.slideNav-right{top: 50%;transform: translateY(-50%);}
.slideNav-left{left: 0;}
.slideNav-right{right: 0;}

.fa-rotate-45 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.trs-all-03 {transition: all .3s;}
.small{font-size: .8rem !important;}

.h-08rem{height: .8rem;}
.h-905rem{height: 9.5rem;}
.h-1005rem{height: 10.5rem;}
.h-1105rem{height: 11.5rem;}
.h-202rem{height: 2.2rem;}
.h-2104rem{height: 21.4rem;}
.h-50vh{height: 50vh;}
.h-65vh{height: 65vh;}
.h-70vh{height: 70vh;}
.mh-34rem{min-height: 34rem;}

.w-902rem{width: 9.25rem}
.w-25{width: 25%;}
.w-33{width: calc(33.33333% - 10px);}
.w-65{width: calc(66.66667% - 10px);}
.w-100vw{width: 100vw;}
.w-110{width: 110% !important;}

.ovh-y{overflow-y: hidden;}

.bc-red{border-color: #c32523 !important;}
.bc-gold{border-color: #c5a04c !important;}
.bc-gray-light{border-color: #eef1ed !important;}
.bc-gray-dark{border-color: #666 !important;}
.bc-gray{border-color: #666 !important;}
#header .bc-gray-light{border-color: #e0e0e0 !important;}
.bw-1px{border-width: 1px !important;}
.bg-orange{background-color: #f08300!important;}
.clr-orange{color: #f08300!important;}
.bc-orange{border-color: #f08300!important;}


.bg-orange2{background-color: #f5a100!important;}
.bc-orange2{border-color: #f5a100!important;}
.clr-orange2{color: #f5a100!important;}
.bg-brown{background-color: #c9a063!important;}
.bc-brown{border-color: #c9a063!important;}
.clr-brown{color: #c9a063!important;}
.bg-red-tx{background-image:url("../webp/global/bg-red-tx.webp");} 
.bg-wht-tx{background-image:url("../webp/global/bg-wht-tx.webp");} 
.bg-blk-tx{background-image:url("../webp/global/bg-blk-tx.webp");} 
.bg-karashi-tx{background-image:url("../webp/global/bg-karashi-tx.webp");} 
.bg-blog{background-color: #dfe7e2;}
.bgsc{background-size: cover;background-repeat: no-repeat;background-position: center center;}
.bg-wht-op02{background: rgba(255,255,255,.2);}
.bg-wht-op03{background: rgba(255,255,255,.3);}
.bg-wht-op08{background: rgba(255,255,255,.8);}
.bg-wht-op09{background: rgba(255,255,255,.9);}
.bg-grn{background-color: #82cc95;}
.bg-red{background-color: #c32523!important;}
.bg-light-navy{background-color: #eef1ed;}
.bg-gray{background-color: #f1efef;}
.bg-gray-op08{background-color: rgba(33,33,33,.2);;}
.bg-gray-light{background-color: #eef1ed !important;}
.bg-gray-dark{background-color: #666;}
.bg-blk-op02{background-color: rgba(0,0,0,.2);}
.bg-blk-op07{background-color: rgba(0,0,0,.7);}
.bg-blk-light{background-color: #444;}
.bg-yellow{background-color: #FAFF2D!important;}
.bg-yellow-light{background-color: #fffac0!important;}

.clr-yellow2{color: #fff577!important;}
.bg-yellow2{background-color: #fff577!important;}
.bc-yellow2{border-color: #fff577!important;}
.clr-kon{color: #006694!important;}
.bg-kon{background-color: #006694!important;}
.bc-kon{border-color: #006694!important;}
/*bg-bnr*/
.bg-kisotsu{background-color: #0065cc;}
.bg-senmon{background-color: #e9eaba;}
.bg-saturday{background-color: #00ac2f;}
.bg-oc{background-color: #de724d;}
.bg-banner{background-color: #bcbcbc;}
.hvr-bg-gray-light:hover{background-color: #f8f8f8 !important;}
.hvr-yellow:hover{color: #FAFF2D !important;}
.hvr-clr-blue:hover svg{color: #c32523 !important;}
.clr-blue{color:#00b2bc !important;}
.bg-blue{background-color:#00b2bc !important;}
.bg-blue-tx{background-image:url("../webp/global/bg-blue-tx.webp");}
.bc-blue{border-color:#00b2bc !important;}

.clr-red{color: #c32523!important;}
.clr-blk-light{color: #444 !important;}
.clr-gray-dark.clr-blk{color: #000 !important;}
.clr-yellow{color: #FAFF2D !important;}
.fill-red path{fill:#c32523 !important;}

.mbmm{mix-blend-mode: multiply;}
.fgs{filter: grayscale(100%);}

.form-row>.col, .form-row>[class*=col-] {padding-right: .25rem;padding-left: .25rem;}
.img-align-bottom{position: relative;z-index: 1;top: 100%;left: 50%;transform: translate(-50%,-100%);}

  .liFaq{counter-reset:faqQ faqA;}
  .liFaq>dd::before, .liFaq>dt::before {top: -0.05em;left: -1.4em;font-size: 1em;}
    .liFaq>dt::before {counter-increment:faqQ;content:"Q"counter(faqQ)".";letter-spacing: -.1rem;}
    .liFaq>dd::before {counter-increment:faqA;content:"A"counter(faqA)".";}

  .liSquare{padding-left: 1.4em;position: relative;}
    .liSquare li:before{content:"■";position: absolute;top: -.1em;left: -.75em;font-size: 1em;}

.pr{position: relative;}
.pa{position: absolute;}
.endstp{height: 80%; top: 50%;left: 50%;transform: translate(-50%, -50%);}
.endstp2{height: 50%; top: 50%;left: 50%;transform: translate(-50%, -50%);}

/* ==========================================================================
main
========================================================================== */

/*header*/
#header a{color: #333;}
.fixed #header{background-color: #f7f7f7;border-top: none!important;}
  #logo{padding: .2rem .5rem .25rem .45rem;height: 2.2rem;}
  .navbar-dark .navbar-toggler-icon{fill:#fff;}
  .navbar-toggler {top: -.15rem;right: .025rem;}
  .navbar-toggler[aria-expanded="true"] {right: -.4rem;top: -.3rem;transform: rotate(90deg);}
  #collapseExample{width: 88.9%;}


.txt-tl span:before {content: "";position: absolute;bottom: -.2em;left: 0;z-index: -1;width: 100%;height: .5em;background-color: #fbe7e6;}
.bg-gray-light .txt-tl span:before {background-color: #fff;}

.py-sec{padding-top: 1.8rem;margin-top: 2.4rem;}

.btn-fa-next{right: -.85rem;bottom: -1rem;}

.txt-quote{padding-left: .25em;}
  .txt-quote .fa-quote-left{top: -1em;left: -1em;}
  .txt-quote .fa-quote-right{bottom:0em;right: -1em;}

.tl-comment{top: -1.25rem;left: -1.25rem;}

  .arrow-next{bottom: 1rem;right: 1rem;}

  .nowShown svg{transform: rotate(90deg);}
  .col-100-5rem{width: calc(100% - 6rem);}
  .h-bnr{height:10rem !important;}
  .pt-sec{padding-top: 2.5rem;}

  .slick-slide:focus {outline:none}
  .slick-arrow:hover{cursor: pointer;background-color: rgba(255, 255, 255,.9);}
  .slick-disabled{opacity: .3;}
    .slick-disabled:hover{cursor: default !important;background-color: transparent;}

  .slick-case{width: 84vw;margin: 0 auto;}
    .slick-case .slick-list {overflow: visible!important;}
    .slick-case .slick-slide {width: 86.327vw!important;padding-right: 2.777vw!important;}

  sup.po--5{top: 2.7em;margin-right: 0.25em!important;}

 /*pagetop*/
 #pagetop{position:fixed;right:4%;bottom:1rem;z-index:500;display: none;}
   #pagetop:hover{opacity:1;cursor: pointer;}

 /*home mv fade*/
.slider{
    width:100%;
    height:auto;
    margin:0 auto;
    position:relative;
}
.slider ul{
    margin:0;
    padding:0;
    list-style:none;
}
.slider ul li{
    width:100%;
    height:auto;
    position:absolute;
    top:0;
    left:0;
    animation-iteration-count:infinite;
    animation-duration:24s;
}
.slider ul li:nth-child(1){
    animation-name:slider;
    animation-delay:-3s;
}
.slider ul li:nth-child(2){
    animation-name:slider;
    animation-delay:5s;
    opacity:0;
}
.slider ul li:nth-child(3){
    animation-name:slider;
    animation-delay:13s;
    opacity:0;
}
 
@keyframes slider{
    0%{
        opacity:0;
    }
    20.83%{
        opacity:1;
    }
    33.33%{
        opacity:1;
    }
    45.83%{
        opacity:0;
    }
    100%{
        opacity:0;
    }   
}

#mv-1 {background-image: url(/assets/webp/home/mv1-sp.webp)}
#mv-2 {background-image: url(/assets/webp/home/mv2-sp.webp)}
#mv-3 {background-image: url(/assets/webp/home/mv3-sp.webp)}
#mv-4 {background-image: url(/assets/webp/home/mv4-sp.webp)}
#mv-5 {background-image: url(/assets/webp/home/mv5-sp.webp)}
#mv-6 {background-image: url(/assets/webp/home/mv6-sp.webp)}
#mv-7 {background-image: url(/assets/webp/home/mv7-sp.webp)}
#mv-8 {background-image: url(/assets/webp/home/mv8-sp.webp)}
#mv-9 {background-image: url(/assets/webp/home/mv9-sp.webp)}

@media (min-width: 576px){
  #mv-1 {background-image: url(/assets/webp/home/mv1.webp)}
  #mv-2 {background-image: url(/assets/webp/home/mv2.webp)}
  #mv-3 {background-image: url(/assets/webp/home/mv3.webp)}
  #mv-4 {background-image: url(/assets/webp/home/mv4.webp)}
  #mv-5 {background-image: url(/assets/webp/home/mv5.webp)}
  #mv-6 {background-image: url(/assets/webp/home/mv6.webp)}
  #mv-7 {background-image: url(/assets/webp/home/mv7.webp)}
  #mv-8 {background-image: url(/assets/webp/home/mv8.webp)}
  #mv-9 {background-image: url(/assets/webp/home/mv9.webp)}
}


/* ==========================================================================
school info
========================================================================== */
#schoolinfotable.table-striped tbody tr:nth-of-type(odd) {
    background-color: white !important;
}

/* ==========================================================================
Responsive
========================================================================== */
/* sm */
@media (min-width: 576px){
  .form-row>.col, .form-row>[class*=col-] {padding-right: .5rem;padding-left: .5rem;}
  .w-sm-60{width: 60% !important;}
  .w-sm-100{width: 100% !important;}
  .h-sm-100{height: 100% !important;}
  .mx-sm-0 {margin-right: 0!important;margin-left: 0!important;}
  #collapseExample{width: 71.3%}
  .bg-sm-blk-op07{background-color: rgba(0,0,0,.7) !important;}
  .target-pk.w-sm-25{width: calc(25% - 28px) !important;}
  .target-pk.w-sm-33{width: calc(33.33333% - 28px) !important;}
  .target-pk.w-sm-50{width: calc(50%) !important;}
  .target-pk.w-sm-67{width: calc(66.66667% - 28px)!important}
  .target-pk.w-sm-75{width: calc(75% - 28px)!important}
  .target-pk.w-sm-100{width: calc(100% - 28px)!important}
  .position-sm-fixed{position: fixed;}
  .navbar-toggler {right: calc(-1 *(100% - 2rem));top: -1.1rem;}
    .navbar-toggler[aria-expanded="true"] {right: -24.5rem;top: -1.21rem;}
  .h-bnr{height: 11.4rem !important;}
  .landscape.mobile .collapse{display: block;}
}
/* md */
@media (min-width: 768px){
.bg-md-blk-op07{background-color: rgba(0,0,0,.7) !important;}
.bg-md-none{background-color: transparent !important;}
.bg-md-wht{background-color: #fff !important;}
.target-pk.w-md-25{width: calc(25% - 22px) !important;}
.target-pk.w-md-33{width: calc(33.33333% - 22px) !important;}
.target-pk.w-md-50{width: calc(50%) !important;}
.target-pk.w-md-67{width: calc(66.66667% - 22px)!important}
.target-pk.w-md-75{width: calc(75% - 22px)!important}
.target-pk.w-md-100{width: calc(100% - 22px)!important}
.w-md-60{width: 60% !important;}
.w-md-100{width: 100% !important;}
.h-bnr{height: 14.45rem !important;}
.h-packey{height: 21.6rem;}
.py-sec{padding-top: 3.8rem;margin-top: 6rem;}
.navbar-toggler {right: -29.8rem;top: -1.45rem;}
  .navbar-toggler[aria-expanded="true"] {right: -29.7rem;top: -1.5rem;}
.btn-fa-next{right: -1.8rem;bottom: -1.8rem;}
.flex-md-row-reverse .arrow-next{left: 2rem;right: auto;transform: rotate(180deg);}
.box-square{margin-left: calc((100vw * 0.084) / 2);}
.flex-md-row-reverse .box-square,.box-square-right{margin-left: 0;margin-right: calc((100vw * 0.084) / 2);}
  .arrow-next{bottom: 1.5rem;right: 2rem;}
.form-md-row{margin-right: -.5rem;margin-left: -.5rem;}
  .position-md-fixed{position: fixed;}
  .form-md-row{margin-right: -.5rem;margin-left: -.5rem;}
  .form-md-row>.col, .form-md-row>[class*=col-] {padding-right: .5rem;padding-left: .5rem;}
  .liSquare{padding-left: 1.4em;}
    .liSquare li:before{top: -.15em;left: -.35em;}
.tl-comment{top: -2rem;}
  .slick-case{width: 57.8vw;}
    .slick-case .slick-slide {width: 60.327vw!important;}

}
/* lg */
@media (min-width: 992px){
.target-pk.w-lg-25{width: calc(25% - 28px) !important;}
.target-pk.w-lg-33{width: calc(33.33333% - 28px) !important;}
.target-pk.w-lg-50{width: calc(50%) !important;}
.target-pk.w-lg-67{width: calc(66.66667% - 28px)!important}
.target-pk.w-lg-75{width: calc(75% - 28px)!important}
.target-pk.w-lg-100{width: calc(100% - 28px)!important}
  .h-packey{height: 28.5rem;}
  .form-lg-row{margin-right: -.5rem;margin-left: -.5rem;}
  .form-lg-row>.col, .form-lg-row>[class*=col-] {padding-right: .5rem;padding-left: .5rem;}
.btn-fa-next{right: -1.25rem;bottom: -1.25rem;}
.navbar-toggler {right: -38.6rem;}
  .navbar-toggler[aria-expanded="true"] {right: -39rem;top: -1.5rem;}
.h-bnr{height: 11.65rem !important;}
}
/* iPad landscape iPad Pro */
@media (min-width:1024px) and (max-width : 1366px) {
}
/*xl*/
@media(min-width:1200px){
  .w-xl-100{width: 100% !important;}
  .h-packey{height: 35.85rem;}
  .carousel .carousel-cell {padding-left: 2rem;}
  .h-port-products{height: 17.37rem!important;}
  .h-xl-1205rem{height: 12.5rem !important;}
  .bg-xl-blk-op07{background-color: rgba(0,0,0,.7) !important;}
}
@media(min-width:1300px){
}
/*xxl*/
@media(min-width:1366px){
  .w-xxl-100{width: 100% !important;}
  .h-packey{height: 40.5rem;}
  #mv-home{background-image: url("../img/home/mv.jpg");}
  .w-xxl-25{width: calc(25% - 28px) !important;}
  .w-xxl-67{width: calc(66.66667% - 28px)!important}
  .btn-fa-next{right: -1.8rem;bottom: -1.8rem;}
  .fz-tl{font-size: 3.1rem !important;}
  .h-bnr{height: 15.6rem !important}
  .d-xxl-block{display:block !important;}
}
/*xxxl*/
@media(min-width:1600px){
  .w-xxxl-100{width: 100% !important;}
  .h-packey{height: 43.4405rem;}
  .h-xxxl-1903rem{height: 19.3rem !important;}
  .target-pk.w-xxxl-25{width: calc(25% - 28px) !important;}
  .target-pk.w-xxxl-33{width: calc(33.33333% - 28px) !important;}
  .h-port-products{height: 18.9rem!important;}
  .target-pk .h-xxxl-31rem{height: 30.85rem !important;}
  .slick-case{width: 57.8vw;}
    .slick-case .slick-slide {width: 60.327vw!important;}
}

@media(min-width:1640px){
}
@media(min-width:1800px){
}
@media(min-width:1900px){
}


/* ==========================================================================
PLUGIN css
========================================================================== */
/*flickity*/
.flickity-prev-next-button {top: -2.5rem !important;background: none !important;width: 1.8rem;height: 1.8rem !important;}
.flickity-prev-next-button.next {right: auto !important;}
.flickity-page-dots{bottom:-1.25rem !important}
.flickity-page-dots .dot{width: .5rem !important;height: .5rem !important;}
  /* lg */
  @media (min-width: 992px){
    .flickity-prev-next-button.previous {left: 18% !important;}
    .flickity-prev-next-button.next {left: 20% !important;}
  }
  @media(min-width:1366px){
    .flickity-prev-next-button.previous {left: 20% !important;}
    .flickity-prev-next-button.next {left: 22% !important;}
  }
  /*xxl*/
  @media(min-width:1600px){
    .flickity-prev-next-button.previous {left: 25% !important;}
    .flickity-prev-next-button.next {left: 27% !important;}
  }

/* ==========================================================================
wp plugin
========================================================================== */
.wp-pagenavi {width: 100%; display: grid; grid-auto-flow: column; margin: auto; text-align: center; margin-top: 2rem; overflow: hidden;}
.wp-pagenavi {border-right: 1px solid #dadada;}
.wp-pagenavi .current,.wp-pagenavi a, .wp-pagenavi .extend {padding: .5rem 1rem!important;margin: 0rem!important;border: 1px solid #dadada!important;background: #FFF!important;border-right: none!important;}
.wp-pagenavi .current {font-weight: 500!important;color: #ccc;}
.wp-pagenavi .pages {display: none;border: none;font-size: 1.2rem;margin-right: .5rem;}
.wp-pagenavi a:hover {color: #FFF;}

/* === FA5 == */
.wrap-fa{display: inline-block;position: relative;padding-left: 1.25em}
.wrap-fa > *{display: inline-block;}
  .wrap-fa > svg{position: absolute;top: .25em;left: -.03em;}
.btn-fa-wrap{position: relative;padding-left: 1rem;padding-right: 2rem;}
  .btn-fa-wrap svg{position: absolute;right: 1rem;top: 50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}