/* 共通 */
.close{
  display: none;
}
.op-rn-text-center{
  text-align: center;
  margin: 0 auto;
}
.op-rn-text--width-none{
  width: auto !important;
  max-width: 100% !important;
}
.op-faq-content__answer-txt{
  font-weight: normal;
}
.op-rn-normal{
  font-weight: normal;
 line-height: 3;
}
.op-modal-close{
  z-index: 10;
}
.op-rn-link{
  text-decoration: none;
}
@media print, screen and (max-width: 768px){
  .op-rn-floating-wrap{
    position: fixed;
    bottom: 0;
    display: flex;
    gap: 10px;
    background-color: #0000004d;
    padding:7px 15px;
    align-items: center;
  }
  .c_rn-cv__btn-link--float{
    font-size: 12px !important;
    text-align: center;
    line-height: 1.2 !important;
    width: 45vw !important;
  }
  .c-remark-list--cv{
    padding: 0 0 0 8vw;
  }
  .c-header__head-brand--sp{
    display: block !important;
    margin-bottom: 1vw;
  }
  .c_rn-cv__btn-link--nav{
    font-size: 12px !important;
    padding: 14px 30px 14px 14px !important;
    line-height: 1 !important;
    margin: 10px 0 !important;
    box-shadow: none !important;
  }
  .c-fv02__bread--sp{
    padding: 0 4vw 8vw;
    margin-left: 0 !important;
  }
  .c-section--op{
    margin-top: 8vw !important;
  }
  .op-rn-h3{
    font-size: 5.33vw;
    line-height: calc(32/20);
    padding-bottom: 16px;
    color: #333442;
  }
  .op-rn-h3--blue{
    color: #008ED8;
    font-weight: bold;
  }
  .op-rn-main-content-wrap{
    background-color: #F5F5F7;
    max-width: 800px;
    padding: 56px 30px;
    margin: 0 auto;
  }
  .op-rn-main-content-wrap{
    background-color: #F5F5F7;
    padding: 14.93vw 4vw;
    margin: 0 auto;
  }
  .op-rn-tokuchyo-wrap{
    background-color: #fff;
    max-width: 740px;
    padding: 14.93vw 4vw 1vw;
    margin: 0 auto;
    border-radius: 8px;
  }
  .op-rn-carousel-wrap{
    display: grid;
    grid-template-columns: 0.1fr 0.1fr;
    gap: 30px;
    max-width: 670px;
    justify-content: center;
    margin: 0 auto;
  }
  .op-rn-meriit-wrap{
    margin: 0 auto;
  }
  .c-section{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .c-section--op .c-fv02__bread{
    margin-right: 0 !important;
  }
  .op-rn-contents-wrap{
    background-color: #fff;
    padding: 32px 20px;
    border-radius: 8px;
    max-width: 650px;
  }
  .op-rn-cv-btn-flex{
    display: block;
  }
}
@media print, screen and (min-width: 769px){
  .op-rn-cv-btn-flex{
    display: flex;
    justify-content: center;
    gap: 30px;
  }
  .c_rn-cv__btn-link--nav{
    font-size: 12px !important;
    max-width: 240px !important;
    padding: 14px 30px 14px 14px !important;
    line-height: 1 !important;
    margin-bottom: 10px !important;
    box-shadow: none !important;
  }
  .c-section--op{
    margin-top: 30px !important;
  }
  .op-rn-h3{
    font-size: 20px;
    line-height: calc(44/32);
    padding-bottom: 16px;
    color: #333442;
  }
  .op-rn-h3--blue{
    color: #008ED8;
    font-weight: bold;
  }
  .op-rn-main-content-wrap{
    background-color: #F5F5F7;
    max-width: 800px;
    padding: 56px 30px;
    margin: 0 auto;
  }
  .op-rn-tokuchyo-wrap{
    background-color: #fff;
    max-width: 740px;
    padding: 35px 32px 1px;
    margin: 0 auto;
    border-radius: 8px;
  }
  .op-rn-carousel-wrap{
    display: grid;
    grid-template-columns: 0.1fr 0.1fr;
    gap: 30px;
    max-width: 670px;
    justify-content: center;
    margin: 0 auto;
  }
  .op-rn-meriit-wrap{
    margin: 0 auto;
  }
  .op-rn-contents-wrap{
    background-color: #fff;
    padding: 32px 20px;
    border-radius: 8px;
  }
  .op-rn-nyukai-img{
    max-width: 315px;
    margin: 0 auto;
  }
}

/* bnr */
.c_rn-cp-bnr_slide-ow__arrow--prev {
  background-color: #2886d9;
  border-radius: 100%;
  border: none;
  font-size: 0;
  width: 40px;
  height: 40px;
  margin: auto;
  padding: 0;
  position: absolute;
  bottom: 55px;
  top: 0;
  left: 0px;
  z-index: 10;
  cursor: pointer;
}
.c_rn-cp-bnr_slide-ow__arrow--prev::before {
  content: "";
  display: block;
  background-image: url(https://chu.benesse.co.jp/common_rn/btn_icon_arrow_white.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 10px;
  height: 10px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  transform: rotateZ(180deg);
}
.c_rn-cp-bnr_slide-ow__arrow--next {
  background-color: #2886d9;
  border-radius: 100%;
  border: none;
  font-size: 0;
  width: 40px;
  height: 40px;
  margin: auto;
  padding: 0;
  position: absolute;
  bottom: 55px;
  top: 0;
  right: 0px;
  z-index: 10;
  cursor: pointer;
}
.c_rn-cp-bnr_slide-ow__arrow--next::before {
  content: "";
  display: block;
  background-image: url(https://chu.benesse.co.jp/common_rn/btn_icon_arrow_white.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 10px;
  height: 10px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.c_rn-cp-bnr_slide-ow__arrow--prev.slick-disabled,.c_rn-cp-bnr_slide-ow__arrow--next.slick-disabled {
  display: none !important;
}
.op-rn-carousel--taikendan{
  display: flex !important;
}
.c_rn-cp-bnr_slide-ow__arrow--next{
  background-color: #008ED8;
}
@media print, screen and (min-width:769px) {
  .op-rn-carousel--modal{
    display: flex !important;
  }
  .bnr-flex{
    display: flex;
    justify-content: center;
  }
  .js-c_rn-cp-bnr__slide-ow .c_rn-cp-bnr__slide-inner {
    padding: 0 10px;
  }
  .c_rn-cp-bnr__slide-inner {
    padding-right: 10px;
  }
  .c_rn-cp-bnr__slide:not(.slick-slider) .c_rn-cp-bnr__slide-item:not(:first-child) {
    display:none;
  }
  .c_rn-cp-bnr__slide:not(.slick-slider) .c_rn-cp-bnr__slide-item {
    width:33.5%;
    margin-bottom: 34px;
  }
  .c_rn-cp-bnr_slide-ow__arrow--prev {
    left: -20px;
  }
  .c_rn-cp-bnr_slide-ow__arrow--next {
    right: -20px;
  }
  .c_rn-cp-bnr__txt-wrap{
    background-color: #008ED8;
  }
}
@media print, screen and (max-width:768px) {
  .op-rn-carousel--modal{
    display: flex !important;
    padding-top: 50px;
  }
  .op-rn--modal--sp{
    padding-top: 50px;
  }
  .c_rn-cp-bnr__txt-wrap{
    background-color: #008ED8;
    padding: 4vw 0 2.133vw;
    position: relative;
  }
  .c_rn-cp-bnr__txt{
    color: #fff;
  }
  .c_rn-cp-bnr__txt-wrap::before{
    filter: brightness(180);
  }
  .c_rn-cp-bnr__link{
    box-shadow: none;
  }
  .c_rn-cp-bnr__slide .slick-list{
    overflow: hidden;
  }
  .bnr-flex{
    display: block;
    justify-content: unset;
  }
  .c_rn-cp-bnr__slide-inner {
    padding-right: 2.667vw;
  }
  .c_rn-cp-bnr__slide:not(.slick-slider) .c_rn-cp-bnr__slide-item:not(:first-child) {
    display:none;
  }
  .c_rn-cp-bnr__slide--bottom{
    padding-right: 8vw !important;
    margin: 0 -4vw !important;
  }
  .c_rn-cp-bnr_slide-ow__arrow--prev {
    border-radius: 0 10px 10px 0;
    left: 0px;
    width: 20px;
  }
  .c_rn-cp-bnr_slide-ow__arrow--prev::before {
    content: "";
    display: block;
    width: 4.69vw;
    height: 4.69vw;
    min-width: 3.13vw;
    background-size: 100%;
    background-repeat: no-repeat;
    margin: auto;
    background-position: center;
    max-width: 10px;
  }
  .c_rn-cp-bnr_slide-ow__arrow--next {
    border-radius: 10px 0 0 10px;
    right: 0px;
    width: 20px;
  }
  .c_rn-cp-bnr_slide-ow__arrow--next::before {
    content: "";
    display: block;
    width: 4.69vw;
    height: 4.69vw;
    min-width: 3.13vw;
    background-size: 100%;
    background-repeat: no-repeat;
    margin: auto;
    background-position: center;
    max-width: 10px;
  }
}
/* /bnr */

/* top */
@media print, screen and (max-width: 768px){
  .top__ttl{
    font-weight: bold;
    text-align: center;
    font-size: 5.333vw;
  }
  .top-carousel__item{
    position: relative;
    margin-top: 10.667vw;
  }
  .top-carousel__item::after{
    content: '';
    width: 16.267vw;
    height: 22.133vw;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    top: -10.933vw;
    left: 4.533vw;
  }
}
@media print, screen and (min-width: 769px){
  .top__ttl{
    font-weight: bold;
    text-align: center;
    font-size: 30px;
  }
  .top-carousel{
    margin-top: 20px;
  }
  .top-carousel__item{
    position: relative;
    margin-top: 20px;
  }
  .top-carousel__item::after{
    content: '';
    width: 60px;
    height: 67px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    top: -30px;
    left: 11px;
  }
}

/* 上書き */
@media print, screen and (max-width: 768px){
  .op-pagetop{
    bottom: 30vw!important;
  }
}
@media print, screen and (min-width: 769px){
  .op-pagetop{
    bottom: 20px!important;
  }
}

/* カルーセル */
.op-rn-carousel{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.op-rn-carousel:not(.slick-slider){
  flex-wrap: nowrap;
  justify-content: flex-start;
  overflow: hidden;
}
.op-rn-carousel:not(.slick-slider) > *:first-child{
  flex: 1 0 100%;
}
.op-rn-carousel > .slick-list{
  order: 1;
  flex: 0 0 100%;
  width: 100%;
}
.slick-slide .op-rn-carousel__thumb-cap{
  width: calc(100% - 1px);
  padding: 1px;
  margin-right: auto;
}
@media print, screen and (min-width: 769px){
  .op-rn-carousel:not(.slick-slider){
    padding-bottom: 26px;
  }
  .op-rn-carousel > .slick-list{
    margin-bottom: 12px;
  }
  .op-rn-carousel__item{
    margin-right: 10px;
    margin-left: 10px;
  }
  .op-rn-carousel__thumb-cap{
    border-radius: 8px;
    margin-bottom: 10px;
    border: 1px solid #D0D0D0;
  }
  .op-rn-carousel__cap{
    margin-top: 16px;
  }
  .op-rn-carousel__cap__ttl{
    font-size: 25px;
    font-weight: bold;
    line-height: calc(30/25);
    color: #216C9B;
  }
  .op-rn-carousel__cap__txt{
    font-size: 16px;
    line-height: calc(22.4/16);
    color: #333442;
    text-align: start;
  }
  .op-rn-carousel__cap__tel{
    font-size: 14px;
    line-height: calc(16.8/14);
    font-weight: bold;
    margin-top: 7px;
  }
  .op-rn-carousel__cap__tel::before{
    content: '';
    width: 17px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(/op/program_forjyuku/icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 4px;
  }

}
@media screen and (max-width: 768px){
  .op-rn-carousel:not(.slick-slider){
    padding-bottom: 6.666667vw;
  }
  .op-rn-carousel > .slick-list{
    margin-bottom: 3.2vw;
  }
  .op-rn-carousel__thumb-cap{
    border-radius: 10px;
    margin-bottom: 2.666667vw;
    border: 1px solid #D0D0D0;
  }
  .op-rn-carousel__cap{
    margin-top: 16px;
  }
  .op-rn-carousel__cap__ttl{
    font-size: 5.867vw;
    font-weight: bold;
    line-height: calc(30/22);
    color: #216C9B;
  }
  .op-rn-carousel__cap__txt{
    font-size: 4.266vw;
    line-height: calc(22.4/14);
    color: #333442;
    text-align: start;
  }
  .op-rn-carousel__cap__tel{
    font-size: 3.2vw;
    line-height: calc(16.8/12);
    font-weight: bold;
    margin-top: 1.867vw;
  }
  .op-rn-carousel__cap__tel::before{
    content: '';
    width: 4.533vw;
    height: 4.533vw;
    display: inline-block;
    vertical-align: middle;
    background-image: url(/op/program_forjyuku/icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 0.533vw;
  }
}


/* コンポーネント5 */
@media print, screen and (min-width: 769px){
  .op-rn-deadline{
    max-width: 650px;
    margin: auto;
    background: #008ED8;
    color: #ffffff;
    padding: 30px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
  }
  .op-rn-deadline-copy{
    font-weight: bold;
    padding-right: 20px;
    border-right: 2px solid #ffffff;
    font-size: 24px;
    text-align: center;
    line-height: 1.2;
  }
  .op-rn-deadline--lead{
    color:#ffffff;
    font-weight:bold;
    font-size: 24px;
    line-height: 1.4;
  }
  .op-rn-deadline--day{
    display: inline-flex;
    font-family: 'Noto Sans JP', sans-serif;
    color: #ffffff;
    margin-left: 15px;
    font-size: 42px;
    line-height: 1;
    font-weight: 700;
  }
  .op-rn-deadline--week{
    line-height: 1;
    color: #fff;
    border-radius: 100%;
    font-weight: bold;
    font-size: 20px;
    padding: 10px;
    text-indent: 0px;
  }
  .op-rn-deadline-dayarea{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .op-rn-deadline-title{
    color: #FFFF39;
    font-size: 20px;
  }
}
@media print, screen and (max-width: 768px){
  .op-rn-deadline-title{
    color: #FFFF39;
    font-size: 20px;
  }
  .op-rn-deadline{
    margin: 0 4vw;
    background: #008ED8;
    color: #ffffff;
    padding: 4vw 5vw;
  }
  .op-rn-deadline--bottom{
    bottom: 0;
  }
  .op-rn-deadline-copy{
    font-weight:bold;
    border-bottom: 2px solid #ffffff;
    font-size: 4vw;
    text-align: center;
    margin-bottom: 4vw;
    padding-bottom: 3.13vw;
  }
  .op-rn-deadline--lead{
    color:#ffffff;
    font-weight:bold;
    text-align:left;
    display: flex;
    font-size: 4.333vw;
  }
  .op-rn-deadline--day{
    display:inline-flex;
    font-family: 'Noto Sans JP', sans-serif;
    color:#ffffff;
    font-size:11.2vw;
    line-height:1;
    letter-spacing: -2px;
    margin-left: 2vw;
    font-weight: 700;
  }
  .op-rn-deadline--week{
    line-height:1;
    display:inline-flex;
    color:#fff;
    border-radius:100%;
    font-weight:bold;
    font-size:5.33vw;
    padding:2vw;
    margin-left: 1.33333vw;
  }
  .op-rn-deadline-dayarea{
    text-align:center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.c-white{
  color: #fff;
}
/* コンポーネント6 */
@media print, screen and (min-width: 769px){
  .op-rn-cp-bnr{
    max-width: 650px;
    margin-bottom: 15px;
    margin: 0 auto 15px;
    text-align: center;
  }
  .op-rn-cp-bnr-bg{
    background-color: #fff;
    border-radius: 8px;
    max-width: 650px;
  }
  .op-rn-text--bnr{
    max-width: 650px;
  }
}
@media print, screen and (max-width: 768px){
  .op-rn-cp-bnr{
    margin-bottom: 15px;
    margin: auto 4vw;
  }
  .op-rn-cp-bnr-bg{
    background-color: #fff;
    border-radius: 8px;
    max-width: 84vw;
  }
  .op-rn-text--bnr{
    max-width: 84vw;
  }
}
/* /コンポーネント6 */

/* コンポーネント7 */
.op-rn-btn--white{
  border: 1px solid #f0f0f0;
  background: #fff;
}
.op-rn-btn{
  padding: 10px 35px 9px;
  position: relative;
  border-radius: 5px;
  display: block;
  box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  text-align: center;
  border: 0;
  cursor: pointer;
  transition: background-color .2s, opacity .2s;
  width: 100%;
}
.op-rn-btn:after{
  position: absolute;
  display: block;
  right: 10px;
  overflow: hidden;
}
@media print, screen and (min-width: 769px){
  .op-rn-btn.op-rn-btn--white{
    max-width: 400px;
    margin: auto auto 20px;
    color: #333442;
    padding: 20px;
    transition: all .2s;
  }
  .op-rn-btn--white:after{
    content: "＞";
    font-size: 20px;
    width: 20px;
    height: 22px;
    font-weight: bold;
    background: none;
    transform: scale(0.6, 1);
    margin: auto;
    top: 0;
    bottom: 0;
  }
}
@media print, screen and (max-width: 768px){
  .op-rn-btn.op-rn-btn--white{
    color: #333442;
  }
  .op-rn-btn--white:after{
    content: "＞";
    font-size: 20px;
    width: 20px;
    height: 22px;
    font-weight: bold;
    background: none;
    transform: scale(0.6, 1);
    margin: auto;
    top: 0;
    bottom: 0;
  }
}
/* /コンポーネント7 */

/* コンポーネント9 */
.op-voice-centent__icon{
  height: auto !important;
  width:  auto !important;
}
.op-voice-centent__icon-wrap{
  border: 1px solid;
}
.op-rn-text-blue{
  color: #1171afff !important;
  font-weight: bold;
}
.op-rn-text-red{
  color: #ff0000ff !important;
}
@media print, screen and (min-width: 769px){
  .top-carousel__item--taikendan{
    border: 1px solid #ccc;
  }
  .op-voice-centent__icon{
    display: block;
    margin: 0 auto;
    max-width: 315px;
  }
  .op-rn-carousel__hr{
    border: 1px solid #000;
    margin: 24px;
  }
  .op-rn-carousel__cap--taikendan{
    padding: 15px;
    border: 1px solid;
    height: 315px;
    background-color: #F5F5F7;
    margin-top: 0;
  }
}
@media print, screen and (max-width: 768px){
  .top-carousel__item--taikendan{
    border: 1px solid #ccc;
  }
  .op-voice-centent__icon{
    display: block;
    margin: 0 auto;
  }
  .op-rn-carousel__hr{
    border: 1px solid #000;
    margin: 24px;
  }
  .op-rn-carousel__cap--taikendan{
    padding: 15px;
    border: 1px solid;
    background-color: #F5F5F7;
    margin-top: 0;
  }
  .op-carousel__dot > li{
    flex: unset;
  }
}
/* /コンポーネント9 */

/* コンポーネント11 */
@media print, screen and (min-width: 769px){
  .op-rn-keiyaku-title{
    font-size: 16px;
    line-height: 1.6;
    margin: 30px auto;
    text-align: center;
  }
  .op-rn-remarklist__item{
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 5px;
    position: relative;
    text-align: left;
    padding-left: 1em;
    color: #333442;
  }
  .op-rn-remarklist__item--small{
    font-size: 10px !important;
  }
  .op-rn-remarklist__item::before{
    content: "・";
    position: absolute;
    left: 0;
    top: 0;
  }
  .op-rn-remarklist-wrap{
    margin-bottom: 50px;
  }
  .op-rn-remarklist{
    margin: auto;
    width: fit-content;
  }
  .op-rn-text-link{
    color: #55a7ed;
    text-decoration: underline;
    font-size: 14px;
    font-weight: bold;
  }
}
@media print, screen and (max-width: 768px){
  .op-rn-keiyaku-title{
    font-size: 16px;
    line-height: 1.6;
    margin: 30px auto;
    text-align: center;
  }
  .op-rn-remarklist__item{
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 5px;
    position: relative;
    text-align: left;
    padding-left: 1em;
    color: #333442;
  }
  .op-rn-remarklist__item--small{
    font-size: 2.6vw !important;
  }
  .op-rn-remarklist__item::before{
    content: "・";
    position: absolute;
    left: 0;
    top: 0;
  }
  .op-rn-remarklist-wrap{
    margin-bottom: 50px;
  }
  .op-rn-text-link{
    color: #55a7ed;
    text-decoration: underline;
    font-size: 14px;
    font-weight: bold;
  }
}
/* /コンポーネント11 */

/* コンポーネント12 */
@media print, screen and (min-width: 769px){
  .op-rn-h1{
    font-size: 36px;
    line-height: 1.2;
    color: #333442;
  }
  .op-rn-h2{
    font-size: 24px;
    line-height: 1.2;
    color: #333442;
    text-align: center;
  }
  .op-rn-h4{
    font-size: 18px;
    line-height: 1.2;
    color: #333442;
  }
  .op-rn-text{
    font-size: 16px;
    line-height: 1.5;
    color: #333442;
    max-width: 315px;
  }
  .op-rn-text-kv{
    font-size: 32px !important;
    color: #008ED8 !important;
  }
  .op-rn-text--point{
    font-size: 24px;
  }
  .op-rn-text--number{
    color: #008ED8;
    font-weight: 500;
    position: relative;
    margin-bottom: 20px;
  }
  .op-rn-text--number00{
    color: #008ED8;
    font-weight: 500;
  }
}
.op-rn-bold{
  font-weight: bold;
}
.op-rn-text--red{
  color: #e60012 !important;
}
.op-rn-text--number01::before{
  content: "①";
  position: absolute;
  left: 0;
}
.op-rn-text--number02::before{
  content: "②";
  position: absolute;
  left: 0;
}
.op-rn-text--number03::before{
  content: "③";
  position: absolute;
  left: 0;
}
.op-rn-text--number04::before{
  content: "④";
  position: absolute;
  left: 0;
}
@media print, screen and (max-width: 768px){
  .op-rn-h1{
    font-size: 9.6vw;
    line-height: 1.2;
    color: #333442;
    word-spacing: 0.7em;
  }
  .op-rn-h2{
    font-size: 6.4vw;
    line-height: 1.2;
    color: #333442;
    text-align: center;
  }
  .op-rn-h4{
    font-size: 4.8vw;
    line-height: 1.4;
    color: #333442;
  }
  .op-rn-text{
    font-size: 4.266vw;
    line-height: 1.4;
    color: #333442;
  }
  .op-rn-text--point{
    font-size: 6.4vw;
  }
  .op-rn-text-kv{
    font-size: 5.33vw !important;
    color: #008ED8 !important;
    font-weight: bold;
    margin-left: 4vw;
  }
  .op-rn-text--number{
    color: #008ED8;
    font-weight: 500;
    position: relative;
    padding-left: 1.25em;
    margin-bottom: 20px;
  }
  .op-rn-text--number00{
    color: #008ED8;
    font-weight: 500;
  }
  .op-fv{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
/* /コンポーネント12 */

/* コンポーネント13 */
@media print, screen and (min-width: 769px){
  .op-rn-nuber-title-icon{
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
  }
}
@media print, screen and (max-width: 768px){
  .op-rn-nuber-title-icon{
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
  }
}
/* /コンポーネント13 */

/* コンポーネント14 */
@media print, screen and (min-width: 769px){
  .op-rn-youtube-wrap{
    display: grid;
    justify-content: center;
    margin: 0 auto;
  }
  .op-rn-youtube-wrap iframe{
    max-width: 315px;
    height: 177px;
  }
}
@media print, screen and (max-width: 768px){
  .op-rn-youtube-wrap{
    display: grid;
    justify-content: center;
    margin: 0 auto;
  }
  .op-rn-youtube-wrap iframe{
    width: 92vw;
    height: 51vw;
  }
}
/* /コンポーネント14 */

/* コンポーネント15 */
.c_rn-fv__btn--passive{
  border: 1px solid #d5d5d5 !important;
  color: #666666 !important;
  background: #D5D5D5 !important;
  pointer-events: none !important;
}
.c_rn-fv__btn--passive::after{
    content: none !important;
}
.c_rn-fv__btn{
  box-shadow: none !important;
}
@media print, screen and (min-width: 769px){
  .op-rn-gakunen-select-wrap{
    display: grid;
    grid-template-columns: 0.1fr 0.1fr 0.1fr;
    gap: 10px;
    max-width: 478px;
    justify-content: center;
    margin: 0 auto;
  }
  .c_rn-fv__btn{
    border: 1px solid #009DD1;
    background: #ffffff;
    color: #009DD1;
    text-decoration: none;
    min-width: 151px;
    border-radius: 9999px;
    padding: 15px;
    font-size: 16px;
    text-align: center;
    margin: auto;
    position: relative;
  }
  .c_rn-fv__btn:after{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: url(/common2/common_rn_btn_icon_arrow_blue.svg);
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}
@media print, screen and (max-width: 768px){
  .op-rn-gakunen-select-wrap{
    display: grid;
    grid-template-columns: 0.2fr 0.2fr;
    gap: 10px;
    width: auto;
    justify-content: center;
  }
  .c_rn-fv__btn{
    border: 1px solid #009DD1;
    background: #ffffff;
    color: #009DD1;
    text-decoration: none;
    position: relative;
    border-radius: 9999px;
    padding: 2vw;
    text-align: center;
    margin: auto;
    width: 40.2vw;
  }
  .c_rn-fv__btn:after{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: url(/common2/common_rn_btn_icon_arrow_blue.svg);
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}
/* /コンポーネント15 */

/* コンポーネント63 */
@media print, screen and (min-width: 769px){
  .op-rn-cv-btn-wrap{
    max-width: 650px;
    margin: 0 auto;
  }
  .c_rn-cv__btn-link{
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
    background-color: #FF1925;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    line-height: 24px;
    max-width: 650px;
    padding: 13px 30px;
    box-sizing: border-box;
    box-shadow: 0 3px 20px rgba(0, 29, 108, 0.15);
    position: relative;
    transition: .2s;
  }
  .c_rn-cv__btn-link--white{
    background-color: #ffffff;
    color: #FF1925;
    border: 1px solid #FF1925;
  }
  .c_rn-cv__btn-link::after{
    content: none;
  }
}
@media print, screen and (max-width: 768px){
  .op-rn-cv-btn-wrap{
    width: 92vw;
    margin: 0 auto;
  }
  .c_rn-cv__btn-link{
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6.667vw;
    background-color: #FF1925;
    font-size: 4.8vw;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    line-height: 6.4vw;
    padding-top: calc((13 / 375) * 100vw);
    padding-bottom: calc((13 / 375) * 100vw);
    padding-right: 0;
    padding-left: 0;
    box-shadow: 0 1vw 5vw rgba(0, 29, 108, 0.15);
    position: relative;
  }
  .c_rn-cv__btn-link--white{
    background-color: #ffffff;
    color: #FF1925;
    border: 1px solid #FF1925;
  }
  .c_rn-cv__btn-link::after{
    content: none;
  }
}
/* /コンポーネント16 */

/* コンポーネント17 */
@media print, screen and (min-width: 769px){
  .op-rn-title-point{
    border-bottom: 3px solid #008ED8;
    max-width: 77px;
    display: grid;
    justify-items: center;
    margin: 0 auto;
  }
  .op-rn-title{
    font-weight: 400;
    font-size: 48px;
    line-height: 1;
    color: #008ED8;
    padding-bottom: 4px;
  }
  .op-rn-title--sub{
    font-weight: 500;
    font-size: 16px;
    color: #008ED8;
  }
}
@media print, screen and (max-width: 768px){
  .op-rn-title-point{
    border-bottom: 3px solid #008ED8;
    max-width: 77px;
    display: grid;
    justify-items: center;
    margin: 0 auto;
  }
  .op-rn-title{
    font-weight: 400;
    font-size: 48px;
    line-height: 1;
    color: #008ED8;
    padding-bottom: 4px;
  }
  .op-rn-title--sub{
    font-weight: 500;
    font-size: 16px;
    color: #008ED8;
  }
}
/* /コンポーネント17 */

/* コンポーネント18 */
@media print, screen and (min-width: 769px){
  .op-rn-cost-wrap{
    max-width: 345px;
    background-color: #fff;
    border-radius: 8px;
    margin: 0 auto;
    padding: 32px 32px 1px;
  }
  .op-rn-cost-wrap--main{
    padding: 55px 30px 0px;
  }
  .op-rn-cost-wrap--sub{
    padding: 32px 12px 8px;
  }
  .op-rn-cost-money, .op-rn-cost-money--normal,.op-rn-cost-money--recom{
    display: flex;
    justify-content: space-between;
    gap: 34px;
    margin-bottom: 24px;
  }
  .op-rn-cost-day,.op-rn-cost-yen{
    font-size: 32px;
    font-weight: 700;
    color: #333442;
  }
  .op-rn-cost-txt{
    text-align: center;
    margin-bottom: 24px;
    margin-top: 24px;
  }
  .op-rn-cost-day--normal, .op-rn-cost-yen--normal{
    font-size: 20px;
    font-weight: 400;
    color: #333442;
    line-height: 1;
    margin-top: 24px;
  }
  .op-rn-cost-yen--normal--sub,.op-rn-cost-yen--recom--sub{
    font-size: 10px;
    font-weight: 350;
    color: #333442;
  }
  .op-rn-cost-reom{
    color: #008ED8;
    font-size: 16px;
    font-weight: 500;
    text-align: start;
    margin-top: 24px;
  }
  .op-rn-cost-money--recom{
    gap: 25px;
  }
  .op-rn-cost-day--recom, .op-rn-cost-yen--recom{
    font-size: 20px;
    font-weight: 700;
    color: #333442;
    line-height: 1;
  }
  .op-rn-cost-yen--recom{
    color: #008ED8;
  }
  .op-rn-cost-yen--recom--sub{
    color: #008ED8;
  }
}
@media print, screen and (max-width: 768px){
  .op-rn-cost-wrap{
    padding: 8.33vw 12.6vw 1vw;
    background-color: #fff;
    border-radius: 8px;
    margin: 0 auto;
  }
  .op-rn-cost-wrap--main{
    padding: 14.6vw 8vw 0px;
  }
  .op-rn-cost-wrap--sub{
    padding: 8.533vw 5.33vw 2.13vw;
  }
  .op-rn-cost-money, .op-rn-cost-money--normal,.op-rn-cost-money--recom{
    display: flex;
    justify-content: space-between;
    gap: 9.06vw;
    margin-bottom: 6.4vw;
  }
  .op-rn-cost-day,.op-rn-cost-yen{
    font-size: 8.53vw;
    font-weight: 700;
    color: #333442;
  }
  .op-rn-cost-txt{
    text-align: center;
    margin-bottom: 6.4vw;
    margin-top: 6.4vw;
  }
  .op-rn-cost-day--normal, .op-rn-cost-yen--normal{
    font-size: 20px;
    font-weight: 400;
    color: #333442;
    line-height: 1;
    margin-top: 6.4vw;
  }
  .op-rn-cost-yen--normal--sub,.op-rn-cost-yen--recom--sub{
    font-size: 2.66vw;
    font-weight: 350;
    color: #333442;
  }
  .op-rn-cost-reom{
    color: #008ED8;
    font-size: 4.26vw;
    font-weight: 500;
    text-align: start;
    margin-top: 6.4vw;
  }
  .op-rn-cost-money--recom{
    gap: 6.66vw;
  }
  .op-rn-cost-day--recom, .op-rn-cost-yen--recom{
    font-size: 4.33vw;
    font-weight: 700;
    color: #333442;
    line-height: 1;
  }
  .op-rn-cost-yen--recom{
    color: #008ED8;
  }
  .op-rn-cost-yen--recom--sub{
    color: #008ED8;
  }
}
/* /コンポーネント18 */

/* コンポーネント19 */
@media print, screen and (min-width: 769px){
  .op-rn-slideshow-container{
    position: relative;
    max-width: 315px;
    justify-items: center;
  }
  .op-rn-slideshow-double-container{
    position: relative;
    display: flex;
    justify-items: center;
  }
  .slide{
    display: none; /* 初期は非表示 */
    text-align: center;
  }
  
  .slide img{
    width: 100%; /* 画像の幅をコンテナに合わせる */
  }
  
  .prev-mihon, .next-mihon{
    height: 30px !important;
    width: 30px !important;
  }
  .prev-mihon{
    left: -15px !important;
  }
  .next-mihon{
    right: -15px !important;
  }
  .prev, .next{
    position: absolute;
    top: 0px;
    bottom: 24px;
    height: 40px;
    width: 40px;
    z-index: 1;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    background: #fff;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    border-radius: 100%;
    border: 1px solid #000;
  }
  .next{
    right: -20px;
    top: 0;
    bottom: 0;
  }
  .prev{
    left: -20px;
    z-index: 57;
    position: absolute;
    top: 0;
    bottom: 0;
  }
  .prev::before{
    content: "";
    display: block;
  }
  .next::before{
    content: "";
    display: block;
  }
  .op-rn-slideshow-none-container{
    margin: 0 auto;
    max-width: 315px;
    justify-items: center;
  }
  .op-rn-slideshow-wrap{
    display: grid;
    grid-template-columns: 2.1fr 2.1fr;
    gap: 30px;
    width: 670px;
    justify-content: center;
    margin: 0 auto;
  }
  .op-rn-slideshow-double-wrap{
    gap: 30px;
    display: block; 
    width: auto;
    justify-content: center;
    margin: 0 auto;
  }
  .op-rn-slideshow-wrap--center{
    display: flex;
  }
}
@media print, screen and (max-width: 768px){
  .op-rn-slideshow-container{
    position: relative;
    max-width: 315px; /* スライドの最大幅 */
    margin: auto;
    display: grid;
    justify-items: center;
  }
  .slide{
    display: none; /* 初期は非表示 */
    text-align: center;
    margin-bottom: 20px;
  }
  .slide img{
    width: 100%; /* 画像の幅をコンテナに合わせる */
  }
  .prev, .next{
    position: absolute;
    top: 0px;
    bottom: 24px;
    height: 40px;
    width: 40px;
    z-index: 1;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    background: #fff;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    border-radius: 100%;
    border: 1px solid #000;
  }
  .next{
    right: -20px;
    top: 0;
    bottom: 0;
  }
  .prev{
    left: -20px;
    z-index: 57;
    position: absolute;
    top: 0;
    bottom: 0;
  }
  .prev::before{
    content: "";
    display: block;
  }
  .next::before{
    content: "";
    display: block;
  }
  .op-rn-slideshow-none-container{
    margin: 0 auto 20px;
    display: grid;
    justify-items: center;
  }
  .op-rn-slideshow-wrap{
    display: block;
    margin: 0 auto;
  }
}
/* /コンポーネント19 */

  .op-modal-english .op-modal-english-content-link.op-modal-english-content-link--m2m {
    color: #15c0e6;
    border-color: #15c0e6;
  }
  .op-modal-english .op-modal-english-content-link.op-modal-english-content-link--m2m::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2211%22%20viewBox%3D%220%200%207%2011%22%20fill%3D%22none%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_537_1980)%22%3E%0A%3Cpath%20d%3D%22M2%209.49L4.13%207.35C4.68572%206.78834%204.99742%206.03012%204.99742%205.24C4.99742%204.44988%204.68572%203.69166%204.13%203.13L2%201%22%20stroke%3D%22%2315C0E6%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_537_1980%22%3E%0A%3Crect%20width%3D%226.96%22%20height%3D%2210.49%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E');
  }
  .op-modal-english .op-modal-english-content-link.op-modal-english-content-link--eiken {
    color: #ff6c02;
    border-color: #ff6c02;
  }
  .op-modal-english .op-modal-english-content-link.op-modal-english-content-link--eiken::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2211%22%20viewBox%3D%220%200%207%2011%22%20fill%3D%22none%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_537_1980)%22%3E%0A%3Cpath%20d%3D%22M2%209.49L4.13%207.35C4.68572%206.78834%204.99742%206.03012%204.99742%205.24C4.99742%204.44988%204.68572%203.69166%204.13%203.13L2%201%22%20stroke%3D%22%23FF6C02%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_537_1980%22%3E%0A%3Crect%20width%3D%226.96%22%20height%3D%2210.49%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E');
  }
  .op-modal-english .op-modal-english-content-link.op-modal-english-content-link--ce {
    color: #fd8cdb;
    border-color: #fd8cdb;
  }
  .op-modal-english .op-modal-english-content-link.op-modal-english-content-link--ce::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2211%22%20viewBox%3D%220%200%207%2011%22%20fill%3D%22none%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_537_1980)%22%3E%0A%3Cpath%20d%3D%22M2%209.49L4.13%207.35C4.68572%206.78834%204.99742%206.03012%204.99742%205.24C4.99742%204.44988%204.68572%203.69166%204.13%203.13L2%201%22%20stroke%3D%22%23FD8CDB%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_537_1980%22%3E%0A%3Crect%20width%3D%226.96%22%20height%3D%2210.49%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E');
  }
  @media print, screen and (min-width: 769px) {
    .op-modal-english .op-modal-english-wrap {
      max-width: 815px;
    }
    .op-modal-english .op-modal-english-body {
      padding: 60px 30px 40px 30px;
      border-radius: 0;
    }
    .op-modal-english .op-modal-english-close-wrap {
      min-height: 60px;
      padding: 3px 0;
      position: absolute;
      top: 0;
      right: 0;
    }
    .op-modal-english .op-modal-english-close {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      row-gap: 2px;
      width: 54px;
      min-height: 54px;
      border-radius: 5px;
      cursor: pointer;
      border-color:#039be5;
      transition: all 0.3s ease;
    }
    .op-modal-english .op-modal-english-close-ic {
      display: inline-block;
      background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.3388%202.3748C15.7365%201.97706%2015.7355%201.33106%2015.3388%200.934379C14.9421%200.537701%2014.2961%200.536646%2013.8984%200.934379L8.84383%205.98895C8.4533%206.37947%207.82014%206.37947%207.42961%205.98895L2.37504%200.934379C2.16967%200.729007%201.89713%200.630189%201.62582%200.637046C1.37297%200.642321%201.12593%200.743073%200.934623%200.934379C0.53689%201.33211%200.537945%201.97812%200.934623%202.3748L5.98919%207.42937C6.37972%207.81989%206.37972%208.45306%205.98919%208.84358L0.934623%2013.8982C0.53689%2014.2959%200.537945%2014.9419%200.934623%2015.3386C1.3313%2015.7352%201.97731%2015.7363%202.37504%2015.3386L7.42961%2010.284C7.82014%209.89348%208.4533%209.89348%208.84383%2010.284L13.8984%2015.3386C14.1319%2015.5721%2014.4526%2015.6677%2014.7589%2015.6259C14.9724%2015.5981%2015.176%2015.5014%2015.3388%2015.3386C15.7365%2014.9408%2015.7355%2014.2948%2015.3388%2013.8982L10.2842%208.84358C9.89372%208.45306%209.89372%207.81989%2010.2842%207.42937L15.3388%202.3748Z%22%20fill%3D%22%23039BE5%22%2F%3E%0A%3C%2Fsvg%3E');
      background-repeat: no-repeat;
      background-size: contain;
      width: 12px;
      height: 12px;
      transition: all 0.3s ease;
    }
    .op-modal-english .op-modal-english-close-txt {
      font-size: 10px;
      font-weight: 700;
      color: #039be5;
      line-height: 1.4;
      text-align: center;
    }
    .op-modal-english .op-modal-english-close:hover {
      border: 1px solid #039be5;
    }
    .op-modal-english .op-modal-english-close:hover .op-modal-english-close-ic {
      transform: rotate(90deg);
    }
    .op-modal-english .op-modal-english-body-inner {
      display: flex;
      flex-direction: column;
      gap: 32px;
      padding-top: 40px;
      border-top: 1px solid #d0d0d0;
    }
    .op-modal-english .op-modal-english__ttl {
      font-size: 24px;
      font-weight: 700;
      line-height: 1.4;
      text-align: center;
    }
    .op-modal-english .op-modal-english-content {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
    .op-modal-english .op-modal-english-content-ttl {
      color: #226b9b;
      font-size: 14px;
      font-weight: 700;
      line-height: 1.4;
      text-align: center;
    }
    .op-modal-english .op-modal-english-content-ttl span {
      display: inline-block;
      padding: 0 1em;
      position: relative;
    }
    .op-modal-english .op-modal-english-content-ttl span::before {
      content: "＼";
      position: absolute;
      left: 0;
      bottom: 0;
    }
    .op-modal-english .op-modal-english-content-ttl span::after {
      content: "／";
      position: absolute;
      right: 0;
      bottom: 0;
    }
    .op-modal-english .op-modal-english-content-head {
      display: flex;
      background: #226b9b;
      flex-direction: column;
      padding: 16px;
    }
    .op-modal-english .op-modal-english-content-head-ttl {
      font-size: 18px;
      font-weight: 700;
      line-height: 1.4;
      color: #fff;
      text-align: center;
    }
    .op-modal-english .op-modal-english-content-body {
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      gap: 15px;
      padding: 16px 15px;
      background: #f6f6f6;
    }
    .op-modal-english .op-modal-english-content-flex {
      display: flex;
      align-items: center;
      gap: 30px;
      justify-content: center;
      padding: 0px 40px;
    }
    .op-modal-english .op-modal-english-content-flex-item {
      display: flex;
      flex-direction: column;
      gap: 8px;
      min-width: 300px;
    }
    .op-modal-english .op-modal-english-content-label {
      font-size: 12px;
      line-height: 1.3;
      text-align: center;
    }
    .op-modal-english .op-modal-english-content-link {
      max-width: 300px;
      width: 100%;
      min-height: 60px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 16px;
      font-weight: bold;
      text-align: center;
      line-height: 1.4;
      padding: 12px 54px;
      margin: 0 auto;
      border: 2px solid;
      border-radius: 48px;
      background-color: #fff;
      text-decoration: none;
      position: relative;
      transition: all 0.3s ease;
    }
    .op-modal-english .op-modal-english-content-link:hover {
      opacity: 0.7;
    }
    .op-modal-english .op-modal-english-content-link::after {
      content: "";
      background-repeat: no-repeat;
      width: 7px;
      height: 10px;
      margin-top: auto;
      margin-bottom: auto;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 26px;
    }
    .op-modal-english .op-modal-english-note-txt {
      font-size: 12px;
      color: #888;
      line-height: 1.4;
      text-align: center;
      text-decoration: underline;
    }
  }
  @media only screen and (max-width: 768px) {
    .op-modal-english .op-modal-english-wrap {
      max-width: 217.333vw;
    }
    .op-modal-english .op-modal-english-body {
      padding: 16vw 5.333vw 10.667vw 5.333vw;
      border-radius: 0;
    }
    .op-modal-english .op-modal-english-close-wrap {
      display: flex;
      align-items: center;
      min-height: 16vw;
      padding: 1.6vw 5.333vw;
      position: absolute;
      top: 0;
      right: 0;
    }
    .op-modal-english .op-modal-english-close {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      row-gap: 0.533vw;
      width: 10.667vw;
      min-height: 10.667vw;
      border-radius: 1.333vw;
      cursor: pointer;
      border-color:#039be5;
      transition: all 0.3s ease;
    }
    .op-modal-english .op-modal-english-close-ic {
      display: inline-block;
      background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.3388%202.3748C15.7365%201.97706%2015.7355%201.33106%2015.3388%200.934379C14.9421%200.537701%2014.2961%200.536646%2013.8984%200.934379L8.84383%205.98895C8.4533%206.37947%207.82014%206.37947%207.42961%205.98895L2.37504%200.934379C2.16967%200.729007%201.89713%200.630189%201.62582%200.637046C1.37297%200.642321%201.12593%200.743073%200.934623%200.934379C0.53689%201.33211%200.537945%201.97812%200.934623%202.3748L5.98919%207.42937C6.37972%207.81989%206.37972%208.45306%205.98919%208.84358L0.934623%2013.8982C0.53689%2014.2959%200.537945%2014.9419%200.934623%2015.3386C1.3313%2015.7352%201.97731%2015.7363%202.37504%2015.3386L7.42961%2010.284C7.82014%209.89348%208.4533%209.89348%208.84383%2010.284L13.8984%2015.3386C14.1319%2015.5721%2014.4526%2015.6677%2014.7589%2015.6259C14.9724%2015.5981%2015.176%2015.5014%2015.3388%2015.3386C15.7365%2014.9408%2015.7355%2014.2948%2015.3388%2013.8982L10.2842%208.84358C9.89372%208.45306%209.89372%207.81989%2010.2842%207.42937L15.3388%202.3748Z%22%20fill%3D%22%23039BE5%22%2F%3E%0A%3C%2Fsvg%3E');
      background-repeat: no-repeat;
      background-size: contain;
      width: 3.2vw;
      height: 3.2vw;
      transition: all 0.3s ease;
    }
    .op-modal-english .op-modal-english-close-txt {
      font-size: 2.667vw;
      font-weight: 700;
      color: #039be5;
      line-height: 1.4;
      text-align: center;
    }
    .op-modal-english .op-modal-english-close:hover {
      border: 1px solid #039be5;
    }
    .op-modal-english .op-modal-english-close:hover .op-modal-english-close-ic {
      transform: rotate(90deg);
    }
    .op-modal-english .op-modal-english-body-inner {
      display: flex;
      flex-direction: column;
      gap: 6.4vw;
      padding-top: 10.667vw;
      border-top: 1px solid #d0d0d0;
    }
    .op-modal-english .op-modal-english__ttl {
      font-size: 5.333vw;
      font-weight: 700;
      line-height: 1.4;
      text-align: center;
    }
    .op-modal-english .op-modal-english-content {
      display: flex;
      flex-direction: column;
      gap: 2.133vw;
    }
    .op-modal-english .op-modal-english-content-ttl {
      color: #226b9b;
      font-size: 3.733vw;
      font-weight: 700;
      line-height: 1.4;
      text-align: center;
    }
    .op-modal-english .op-modal-english-content-ttl span {
      display: inline-block;
      padding: 0 1em;
      position: relative;
    }
    .op-modal-english .op-modal-english-content-ttl span::before {
      content: "＼";
      position: absolute;
      left: 0;
      bottom: 0;
    }
    .op-modal-english .op-modal-english-content-ttl span::after {
      content: "／";
      position: absolute;
      right: 0;
      bottom: 0;
    }
    .op-modal-english .op-modal-english-content-head {
      display: flex;
      background: #226b9b;
      flex-direction: column;
      padding: 4.267vw;
    }
    .op-modal-english .op-modal-english-content-head-ttl {
      font-size: 4.8vw;
      font-weight: 700;
      line-height: 1.4;
      color: #fff;
      text-align: center;
    }
    .op-modal-english .op-modal-english-content-body {
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      gap: 4vw;
      padding: 6.4vw 4vw;
      background: #f6f6f6;
    }
    .op-modal-english .op-modal-english-content-flex {
      display: flex;
      flex-direction: column;
      gap: 4.267vw;
    }
    .op-modal-english .op-modal-english-content-flex-item {
      display: flex;
      flex-direction: column;
      gap: 2.133vw;
      width: 100%;
    }
    .op-modal-english .op-modal-english-content-label {
      font-size: 3.2vw;
      line-height: 1.3;
      text-align: center;
    }
    .op-modal-english .op-modal-english-content-link {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 3.733vw;
      font-weight: bold;
      text-align: center;
      line-height: 1.4;
      padding: 3.2vw 8.533vw;
      margin: 0 auto;
      border: 2px solid;
      border-radius: 12.8vw;
      background-color: #fff;
      text-decoration: none;
      position: relative;
      transition: all 0.3s ease;
    }
    .op-modal-english .op-modal-english-content-link:hover {
      opacity: 0.7;
    }
    .op-modal-english .op-modal-english-content-link::after {
      content: "";
      background-repeat: no-repeat;
      width: 1.867vw;
      height: 2.667vw;
      margin-top: auto;
      margin-bottom: auto;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 6.933vw;
    }
    .op-modal-english .op-modal-english-note-txt {
      font-size: 3.2vw;
      color: #888;
      line-height: 1.4;
      text-align: left;
      text-decoration: underline;
    }
  }