@charset "UTF-8";

ul, ol {padding: 0; margin: 0; list-style: none;}
section:not(.wrp_brd) {text-align: center;}
em,address {font-style: normal;}
br.pcOnly {display: block;}
br.spOnly {display: none;}
.in-block {display: inline-block;}

.nomgb{margin-bottom:0!important;}
a.link_color {color: #066eb3;}

h2 {
  position: relative;
  display: inline-block;
  width: 1000px;
  font-size: 1.875rem;
  font-weight: bold;
  letter-spacing: .05em;
  text-align: center;
}
h2.underbar {font-size: 1.625rem;}
h2.underbar::after {
    content: '';
    position: absolute;
    bottom: -.7em;
    left: 50%;
    transform: translateX(-50%);
    width: 120px;
    height: 3px;
    background-color: #d34316;}
.wh_box {
    width: 1000px;
    margin: 0 auto;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
    text-align: left;
    border-radius: 12px;
    background: white;}
.bg_deg {
  position: relative;
  margin: 0 calc(50% - 50vw);
  width: 100vw;}
.bg_deg::before{
  content: '';
  position: absolute;
  left:0;
  top: 0;
  transform: skewY(-4.5deg);
  transform-origin: top left;  
  z-index: -1;
  width:100%;
  height:100%;
  background:#fef6f2;}    
.flexbox {display: flex; justify-content: space-between;}
a.btn_reserve {
display: inline-block;
width: auto;
height: 2.9em;
line-height: 2.9;
color: white;
font-size: 1.375rem;
font-weight: bold;
letter-spacing: .08em;
background : linear-gradient(180deg, rgba(222, 83, 0, 0.6) 0%, rgba(222, 73, 27, 0.85) 45.04%, rgba(222, 69, 37, 1) 72.33%, rgba(222, 69, 37, 1) 100%);
border-radius : 1.5em;
text-indent: .5em;
padding: 0 2.7em; 
margin: 0 auto;}
a.btn_reserve::before {
content: '';
display: inline-block;
width: 38px;
height: 28px;
background-image: url(/themes/images/contents/raiten_lp/ico_shop_wh.svg);
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
padding-bottom: .2em;
margin: 0 .5em 0 -.5em;
margin-bottom: .15em;}
a.btn_reserve.lupe::before {background-image: url(/themes/images/web/ic_lupe_wh.svg);}
a.btn_reserve + p.add {font-size: 1rem; margin-top: 1em;}

main {overflow: hidden;}
.contents {margin: 1rem auto 0px;}
.breadcrumb::before {margin-left: 0;}

 /* section mv
* --------------------------------------- */

.sec_mv {
  display: grid;
  grid-template-columns:1fr 560px;
  grid-template-rows: 120px 100px 1fr;
  grid-template-areas:
  "mv_logo mv_imgbox"
  "mv_list mv_imgbox"
  "mv_textbox mv_imgbox";
  grid-gap: 0 calc(100% - 405px - 560px);
  margin-top: 40px;}
.mv_logo {
  grid-area: mv_logo;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px auto 30px;}
.mv_list {
  grid-area: mv_list;
  display: flex;
  justify-content: center;
  align-items: flex-start;}
.mv_imgbox {
  grid-area: mv_imgbox;}
.mv_textbox {
  grid-area: mv_textbox;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;}
.mv_logo,
.mv_textbox,
.mv_list {width: 405px;}
.mv_imgbox {width: 560px; height: 400px; /*background: rgba(51,51,51,.05);*/}
.mv_imgbox {display: flex; justify-content: center; align-items: center;}
.mv_imgbox img {border-radius: 10px; }
/*.mv_imgbox img {width: 488px;}*/
.mv_list {display: flex; justify-content: space-between;padding: 0 20px;}
.mv_list li {
    position: relative;
    width: 100px;
    height: 100px;
    font-size: .9375rem;
    font-weight: bold;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 50%;
    background: #e95504;}
.mv_list li::after {
    position: absolute;
    content: '';
    top: -2px;
    left: 7px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #e95504;
    z-index: -1;}
.mv_list li:nth-child(2)::after {
  width: 14px;
  height: 14px;
  top: auto;
  left: auto;
  bottom: 3px;
  right: 7px;}
.mv_list li:nth-child(3)::after {
  width: 12px;
  height: 12px;
  top: 13px;
  left: auto;
  right: 0px;}
.mv_textbox h2 {display: block;margin: 1em 0 1.5em;}
.mv_textbox h2.underbar::after {bottom: -1em;}
.mv_textbox p {font-size: 1.125rem;font-weight: bold;line-height: 1.8;}


 /* section movie
* --------------------------------------- */

.sec_movie {margin-top: 90px; z-index: }
.sec_movie.bg_deg::before{top: 40px; height: 105%;}
.sec_movie iframe {width: 650px; height: 366px; margin-top: -10px;}

 /* section service
* --------------------------------------- */

.sec_service {margin: 120px auto 50px;}
.sec_service h2 {position: relative;}
.sec_service h2 em {margin: 0 .5em;}
.sec_service h2 img {position: absolute; top: -50px; left: 70px;}
.sec_service ul{display:flex;justify-content:space-between;width:100%;margin-top:55px;}
.sec_service li{width:30%;}
.sec_service ul img{width:300px;height:auto;border-radius:50%;}
.sec_service dl{margin:1em 0;}
.sec_service dt{ display: flex; justify-content: center; align-items: center; width:100%;font-size:1.375rem;font-weight:bold;line-height:1.25;margin-bottom:.7em;height: 2.5em;}
.sec_service dd{font-size:.9375rem;letter-spacing:.05em;text-align:center;}
.sec_service dd a {display: block;}
.sec_service dd p {font-weight: bold; margin-top: 1em;}


 /* section steps
* --------------------------------------- */

.sec_steps {margin-bottom: /*140px*/ 60px;}
.sec_steps .head_wrp {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  margin: -.5em calc(50% - 50vw) 0;
  height: 200px;
  overflow: hidden;
/*  background-image: url(/themes/images/contents/rakuuru-station/steps_bg_pc.jpg);*/
  background-size: 100%;
  background-position: top 11% center;
  background-repeat: no-repeat;}
/*@media screen and (max-width: 768px) {
.sec_steps .head_wrp {
 background-image: url(/themes/images/contents/rakuuru-station/steps_bg_sp.jpg);
}}*/

.sec_steps .head_wrp::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .08);}

.sec_steps .head_wrp::after {
  content: '';
  position: absolute;
  width: 100%;
  min-width: 1200px;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(/themes/images/contents/rakuuru-station/steps_bg_pc.jpg);
  background-size: 100%;
  background-position: top 11% center;
  background-repeat: no-repeat;
  z-index: -1;}
@media screen and (max-width: 768px) {
.sec_steps .head_wrp::after {
  width: 180%;
  min-width: auto; 
  background-image: url(/themes/images/contents/rakuuru-station/steps_bg_sp.jpg);
}}
@media screen and (max-width: 660px) {
.sec_steps .head_wrp::after {
  width: 230%;
  min-width: auto; 
  background-image: url(/themes/images/contents/rakuuru-station/steps_bg_sp.jpg);
}}


.sec_steps h2 {
  font-size: 1.625rem;
  color: white;
  line-height: 1.3;
  margin-top: -.5em;}
.sec_steps h2.underbar::after {bottom: -.7em; background-color: white;}
.sec_steps h2 span {text-shadow: 0 0 6px rgba(0, 0, 0, .8);z-index: 1;}
.sec_steps ul{display:flex;justify-content:space-between;width:100%;margin:20px auto;}
.sec_steps li{position: relative; width:33%;}
.sec_steps li .steps_head {position: absolute; top: -50px; left: 50%; transform: translateX(-50%);}
.steps_num {
  position: relative;
  width: 100px;
  height: 100px;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 50%;
  background: #e95504;}
.steps_num::after {
    position: absolute;
    content: '';
    top: 0px;
    left: 12px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #e95504;
    z-index: -1;}
.sec_steps li:nth-child(2) .steps_num::after {
    width: 14px;
    height: 14px;
    top: 20px;
    left: auto;
    right: -6px;}
.sec_steps li:nth-child(3) .steps_num::after {
    width: 16px;
    height: 16px;
    top: auto;
    left: 0px;
    bottom: 5px;}
.steps_num,.steps_num span {
  font-weight: 500;
  font-style: oblique;
  font-family: Futura, "Century Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, "游ゴシック Medium", YuGothic, YuGothicM, arial, helvetica, sans-serif !important;}
.steps_num {font-size: 2.6875rem;}
.steps_num span {font-size: 1.375rem; display: inline-block; margin: 0 0 -.5em 0;}
.sec_steps li:first-child span {margin-right: -.2em;}
.sec_steps ul img{width:280px;height:auto;border-radius:50%; box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);}
.sec_steps dl{margin:1.4em 0;}
.sec_steps dt{width:100%;font-size:1.375rem;font-weight:bold;line-height:1.35;margin-bottom:.7em;}
.sec_steps dd{font-size:.875rem;letter-spacing:.05em;text-align:center; line-height: 1.7;}
.sec_steps dd a {color: #066eb3; display: block;}
.sec_steps dd p {font-weight: bold; margin-top: .6em;}


 /* section receive
* --------------------------------------- */

.sec_receive.bg_deg::before {height: 128%; top: -30px;}
.sec_receive h2 {position: relative;}
.sec_receive h2 img {position: absolute; top: -35px; left: 150px;}
.receive_box {padding: 40px 30px 30px; margin-top: 60px;}
.receive_txtbox {width: 695px; font-size: 1rem;}
.receive_txtbox strong {font-weight: bold; display: inline-block; margin-top: -5px;}
.receive_txtbox em {font-size: 1.375rem; position: relative;}
.receive_txtbox em::after {
    content: '';
    position: absolute;
    bottom: -0.3em;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 3px;
    background-color: #f4c708;}
.receive_txtbox strong span {letter-spacing: .09em; margin-left: .5em;}
.receive_txtbox p {font-size: 1rem; margin-top: 0.7em; letter-spacing: .1em;}
.receive_deco {width: calc(100% - 710px); display: flex; justify-content: center; align-items: center;}
.receive_deco img {width: 151px;}
.sec_receive .flexbox:nth-child(2) {margin-top: 20px;}
.sec_receive dl {width: 31.9%; padding: 15px 20px; border: 1px solid #ddd; margin: 0;}
.sec_receive dt {font-size: 1rem; font-weight: bold; width: 100%; text-align: center;margin-bottom: -7px;}
.sec_receive dt span {display: block; width: 100%;}
.sec_receive dt span img {width: 103px;}
.sec_receive dd {font-size: .875rem; width: 100%;}
.sec_receive dd .ast {font-size: .75rem; display: block; padding-left: 1em; text-indent: -1em; margin: 0;}
.sec_receive dd .ast:first-child {margin-top: .3em;}


 /* section item
* --------------------------------------- */

.sec_items {position: relative; margin: 175px 0 180px;}
.sec_items .items_deco {position: absolute; top: -100px; right: -80px; z-index: -1;}
.sec_items h2 {position: relative;}
.sec_items h2 img {position: absolute; top: -30px; left: 130px;}
.sec_items .outer {position: relative; margin: min(50px,13vw) auto min(60px,15vw);}
.sec_items .outer .inner {padding-bottom: 2em;}
.sec_items ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 17px 25px;
  margin: 0 auto;}
.sec_items li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: auto;
  min-height: 130px;
  max-height: 140px;
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
  text-align: center;
  border-radius: 6px;
  background: white;
  margin: 0 auto;}
.sec_items li a {
  display: block;
  width: 100%; pointer-events: none; cursor: default;}
.sec_items li img {display: block; margin: 0 auto 0;}
.sec_items li p {font-size: .8125rem; margin: 0 auto 1em;}
.sec_items .ast {text-align: left; margin-top: .5em; font-size: .8125rem;}
.sec_items .ast.mgt2 {margin-top: 2em;}
.sec_items .items_strong_wrp {position: absolute; bottom: 0; right: 0; margin-bottom: 0;}
.items_strong {
    position: relative;
    width: 170px;
    height: 170px;
    font-size: .9375rem;
    font-weight: bold;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 50%;
    background: #e95504;
    padding-top: 7px;}
.items_strong span {display: block;}
.items_strong .txt22 {font-size: 1.375rem; line-height: 1.1;}
.items_strong .txt16 {font-size: 1rem; line-height: 1.2; margin-top: .7em;}
.items_strong em {position: relative; display: inline-block; padding: 0 1em;}
.items_strong em::before, .items_strong em::after {
    content: '';
    position: absolute;
    top: 80%;
    display: inline-block;
    width: .9em;
    height: 1px;
    background-color: white;}
.items_strong em::before {left: 0; transform: rotate(65deg);}
.items_strong em::after {right: 0;transform: rotate(-65deg);}
.items_strong::before {
    position: absolute;
    content: '';
    bottom: 11px;
    left: 0;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #e95504;}
.items_strong::after {
    position: absolute;
    content: '';
    top: 14px;
    right: 10px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #e95504;}

 /* section locAcc
* --------------------------------------- */

.sec_locAcc.bg_deg::before {height: 120%; top: -40px;}
.sec_locAcc h2 {position: relative;}
.sec_locAcc h2 img {position: absolute; top: -40px; left: 110px;}
.sec_locAcc .wrapper {
  display: grid;
  grid-template-columns: 1fr 620px;
  grid-template-areas:
  "locAcc_eximg locAcc_txt "
  "locAcc_eximg locAcc_info"
  "locAcc_eximg locAcc_inimg";
  width: 1000px;
  text-align: left;
  margin: 50px auto 0;}
.locAcc_txt {
  grid-area: locAcc_txt;
  font-size: 1.25rem;
  font-weight: bold;
  margin: 1em 0 0;}
.locAcc_eximg {
  grid-area: locAcc_eximg;
  display: flex;
  align-items: flex-end;}
.locAcc_eximg img {width: 320px;}
.locAcc_info {grid-area: locAcc_info;}
.locAcc_address {font-size: .9375rem;}
.locAcc_phnum_head {font-size: 1rem; font-weight: bold; margin-bottom: .3em;}
.locAcc_phnum {font-size: .875rem; margin-bottom: 0; line-height: 1.3;}
.locAcc_phnum span {font-size: 1.125rem; font-weight: bold;}
.locAcc_inimg {
  grid-area: locAcc_inimg;
  display: flex;
  justify-content: space-between;
/*  align-items: flex-start;*/ align-items: flex-end;
  width: 620px;}
.locAcc_inimg img {width: min(300px,48%); height: auto;}

.inimg_swiper {
  position: relative;
  overflow: hidden;
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 32px; }

.inimg_swiper .swiper-slide a {
  display: block; }

.inimg_swiper_wrp {
  position: relative;
  width: 1000px;
  margin: .75rem auto; }
/*  .inimg_swiper_wrp .swiper-button-next,
  .inimg_swiper_wrp .swiper-button-prev {
    width: 20px;
    height: 40px;
    top: 48%;
    color: #0075c1; }
    .inimg_swiper_wrp .swiper-button-next::after,
    .inimg_swiper_wrp .swiper-button-prev::after {
      content: "";
      position: absolute;
      width: 1em;
      height: 100%;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      background: url(/images/static/houjin/img/arrow_lineL.svg) no-repeat right; }
  .inimg_swiper_wrp .swiper-button-prev {
    transform: scale(-1, 1); }*/
.locAcc_info {
    padding-left: 2em;
}
.locAcc_phnum_head, .locAcc_address:last-of-type {
    margin-top: 2em;
    position: relative;
}

.locAcc_phnum_head::before, .locAcc_address:last-of-type::before {
    background-repeat: no-repeat;
    content: '';
    left: -2em;
    position: absolute;
    top: 0.25em;
}

.attention {
    text-indent: -1em;
    padding-left: 1em;
}

.locAcc_phnum_head:nth-of-type(1)::before {
    background-image: url(/themes/images/contents/rakuuru-school/ic1.svg);
    height: 1.125em;
    width: 1.125em;
}

.locAcc_phnum_head:nth-of-type(2)::before {
    background-image: url(/themes/images/contents/rakuuru-school/ic2.svg);
    height: 1em;
    width: 1em;
}

.locAcc_address:last-of-type::before {
    background-image: url(/themes/images/contents/rakuuru-school/ic3.svg);
    height: 1.125em;
    width: 1.125em;
}

.inimg_swiper_wrp .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    background: #ccc;
    opacity: 1;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 0 5px;
    width: 10px;}

.inimg_swiper_wrp .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #d44316;}

  .inimg_swiper_wrp .swiper-horizontal > .swiper-pagination-bullets,
  .inimg_swiper_wrp .swiper-pagination-bullets.swiper-pagination-horizontal,
  .inimg_swiper_wrp .swiper-pagination-custom,
  .inimg_swiper_wrp .swiper-pagination-fraction {
    position: absolute;
    bottom: 0;
    z-index: 1;}

 /* section prevention
* --------------------------------------- */

.sec_prevention {margin: 80px 0 60px;}
.prevention_box{padding:35px 50px 50px;background:#f3fcff;border-radius:12px;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.15);}
.prevention_box h3{font-size:1.5rem;font-weight:bold;color:#0080c0;}
.prevention_box ul{width:100%;height:auto;display:flex;justify-content:space-between;margin-top:30px;}
.prevention_box li{width:15%;}
.prevention_box img{width:100%;height:auto;border:1px solid #44c1f2;border-radius:12px;box-shadow:none;}
.prevention_box p{font-size:.9375rem;text-align:left;margin:2em auto 0;}

 /* section prevention
* --------------------------------------- */

.sec_attention{margin:0 calc(50% - 50vw);width:100vw;background:#f7f7f7;padding:60px 0 100px;}
.attention_box {padding: 30px 40px 55px;}
.sec_attention h3 { width: 100%; text-align: center; border-bottom: 1px solid #ddd; font-size: 1.25rem; font-weight: bold; padding-bottom: 1em;margin-bottom: 1.3em;}
.sec_attention h4{font-size:1.25rem;font-weight:bold;margin-left:-1.9em;}
.sec_attention h4::before{content:'';display:inline-block;width:24px;height:26px;background-image:url(/themes/images/contents/raiten_lp/ico_attention_wh.svg);background-size:contain;background-repeat:no-repeat;vertical-align:middle;margin-right:.5em;}
.sec_attention ul.check{margin: 0 0 2.5em 2.2em;}
.sec_attention ul.check li{position:relative;display:flex;align-items:center;font-size:1.25rem;line-height:1.5;padding-left:1.65em;margin-bottom: .6em;}
.sec_attention ul.check li .underline{position:relative;text-decoration:none;}
.sec_attention ul.check li .underline::after{content:'';position:absolute;bottom:.2em;left:50%;transform:translateX(-50%);width:5em;height:1px;background-color:#333;}
.sec_attention ul.check li .neutral{color:#999; width: 7em;}
.sec_attention ul.check li span:not(.neutral):not(.underline){font-size:1rem;padding-left:1em;}
.sec_attention ul.check li:before{position:absolute;left:0;width:1em;height:1em;content:'';cursor:pointer;border-radius:5px;background:white;border:1px solid #333;box-sizing:border-box;}
.sec_attention ul.discS{margin:-.75em 0 0 3.5em;}
.sec_attention ul.discS li{font-size:.875rem;line-height:1.8;}
.sec_attention ul.discS li::before{content:"・";display:inline-block;margin-left:-1em;padding-right:0;width:1em;}

.attention_box{background:white;}
.attention_box h4 {
  margin-left: 0;
  line-height: 1.75;
  margin-bottom: 0.7em;
  padding-left: 1.7em;
  text-indent: -1.7em;
}


.attention_box .btn.border{line-height:1;height:4.17em;border:1px solid #ccc;border-radius:10px;background-color:white;padding:0;margin:1em 0 2em;}
.attention_box .btn.target{width:830px;justify-content:space-between;font-size:1.125rem;font-weight:normal;color:#066eb3;padding-right:2.5em;background:url(/themes/images/contents/raiten_lp/arw_gray_R.svg);background-size:0.6em,482px;background-repeat:no-repeat,no-repeat;background-position:center right 1em,left 1.5em center;}
.attention_box .btn.target{width:100%;}
.attention_box .btn.target .btn_imgs{padding:0 1.5em;width:100%;max-width:462px;display:flex;justify-content:flex-start;}
.attention_box .btn.target .btn_imgs > div{max-width:100%;}

/*20220426*/
a.linktxt {color: #066eb3;}
.linktxt img.ic { display: inline-flex; padding: 0 .25em;max-width: .9em; align-items: center;}


 /* for tablet 
* --------------------------------------- */

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

br.pcOnly {display: none;}
br.spOnly {display: none;}

.contents,h2,
.mv_logo, .mv_textbox, .mv_list,.mv_imgbox,
.receive_deco,.receive_txtbox,
.sec_receive dl,
.sec_locAcc .wrapper,
.locAcc_inimg {
  width: 100%;}
.flexbox {flex-direction: column;}
.breadcrumb::before {
    margin-left: -1em;}
h2.underbar img {
    position: absolute;
    top: -2em;
    left: 0vw;
    height: 1.8em;}

.wrp_brd {margin: 0 2rem;}
.breadcrumb li {font-size: 0.75rem;}
@media screen and (max-width: 440px) {
.contents {margin: 0; max-width: 100%;}
.wrp_brd { width: 100vw; max-width: 100vw; border: none; margin: 0 auto;}
}


 /* section mv
* --------------------------------------- */

.sec_mv {display: flex; flex-direction: column; width: 100vw; margin: 0 auto;}
.mv_logo,.mv_list {margin: 0 auto;}
.mv_logo {width: 84vw;}
.sec_mv {margin-top: 8vw;}
.mv_list {margin-top: min(5vw,40px); width: 80vw; max-width: 350px; padding: 0;}
.mv_imgbox {margin-top: min(5vw, 60px);height: auto;padding: 3.5vw 0 3vw;}
.mv_imgbox img {/*width: 85.3vw; max-width: 400px;*/border-radius:0;}
.mv_textbox h2 {margin-top: 1.2em;}
h2.underbar::after {width: min(25.6vw,120px);}
.mv_textbox h2.underbar::after {bottom: -0.8em;}
.sec_movie {margin-top: 10vw;}
.sec_movie.bg_deg::before {top: -1.5vw;height: 110%;}

 /* section movie
* --------------------------------------- */

.movie_box {width: 70vw; margin: 0 auto;}
@media screen and (max-width: 768px) {
.movie_box {width: 90vw;}
}

.movie_wrp {
  position: relative;
  width: 100%;
  padding-top: 56.25%;}
.movie_wrp iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;}

 /* section service
* --------------------------------------- */

.sec_service {margin: min(23vw,120px) auto 10vw;}
.sec_service ul {display: block; width: 80%; margin: min(12vw,55px) auto min(15vw,50px);}
.sec_service li {width: 100%; margin-bottom: 2rem}
.sec_service ul img {width: min(50vw,250px); height: auto;}
.sec_service dt {line-height: 1.5;}


 /* section steps
* --------------------------------------- */

.sec_steps {margin-bottom: min(25vw,180px);}
@media screen and (max-width: 660px) { 
.sec_steps {margin-bottom: 20vw;}
}


.sec_steps ul {display: block; width: 80%; margin: 1.5rem auto 2.5rem;}
.sec_steps li {width: 100%; margin-bottom: 6em}
.sec_steps li:last-child {margin-bottom: 0;}
.sec_steps ul img {width: min(50vw,250px); height: auto;}
.sec_steps dt {line-height: 1.5;}
.sec_steps .head_wrp {height: min(40vw,200px); background-size: 220%;}
.wh_box {width: 90vw; margin: 0 auto;}
.sec_locAcc .wrapper {
  width: 60vw;
  display: flex;
  flex-direction: column;}
.locAcc_eximg,
.locAcc_info,.locAcc_inimg {width: 60vw; margin: 0 auto;}
.locAcc_txt {text-align: center;}
.locAcc_eximg {justify-content: center;}
@media screen and (max-width: 768px) {
.sec_locAcc .wrapper {width: 100vw;}
.locAcc_info,.locAcc_inimg {width: 80vw;}
}
@media screen and (max-width: 660px) {
.locAcc_info,.locAcc_inimg {width: 90vw;}
}


 /* section receive 
* --------------------------------------- */

.sec_receive .wh_box {margin-top: min(12vw,60px);padding: min(10vw,40px);}
.receive_deco {padding: min(5vw,20px) 0;}
.receive_deco img {width: min(35vw,151px);}
.receive_txtbox {margin-top: 3vw;}
.sec_receive dl {margin: 3vw 0;}
.sec_receive.bg_deg::before {height: 115%;top: -80px;}
@media screen and (max-width: 660px) {
.sec_receive.bg_deg::before {height: 106%;top: -3vw;} 
}

.sec_receive .flexbox:nth-child(2) {margin-top: 0;}

 /* section items
* --------------------------------------- */

.sec_items {margin: min(30vw,175px) 0 min(25vw,180px);}
.sec_items .items_deco {width: min(33vw,220px);}

.sec_items .outer {width: 90vw;}
@media screen and (max-width: 660px) {
.sec_items .outer {position: static;}
.sec_items .inner {position: relative;width:}
}

 /* section locAcc
* --------------------------------------- */

.sec_locAcc.bg_deg::before {height: 112%;top: -70px;}
@media screen and (max-width: 660px) { 
.sec_locAcc.bg_deg::before {height: 110%;top: -13vw;}
}

.sec_locAcc .wrapper {margin: min(7vw,30px) auto 0;}
.locAcc_info {margin: 1em auto;}
.sec_prevention {margin: 15vw 0 10vw;}
.sec_attention {padding: 10vw 0 15vw;}
.prevention_box {
width: 90vw;
margin: 0 auto 2.5rem;
padding: 1.5em;}
.locAcc_txt {margin: 1em 0;}

.attention_box ul.check li {display: block;}
.attention_box ul.check li span:not(.neutral):not(.underline){display:block;margin:.25em 0 0 -1em;text-indent:-1em;padding-left:2em;}  

.sec_attention ul.check li:before {top: .2em;}

.inimg_swiper_wrp {width: 100vw;}
.inimg_swiper {width: 80vw; padding-bottom: 6.5vw;}

} /*end max-width: 1000px*/


 /* for SP
* --------------------------------------- */

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

br.pcOnly {display: none;}
br.spOnly {display: block;}

.sec_receive h2 {margin-top: 10vw;}
.sec_receive dt span img {width: min(28.8vw,103px);}
.sec_receive .wh_box {margin-top: 12vw;padding: 5vw;}
.sec_receive .flexbox:nth-child(2) {margin-top: 2vw;}
.sec_items .items_deco {
    position: absolute;
    top: -8vw;
    right: -12vw;
    z-index: -1;
    width: 33vw;}

.sec_service h2 em {margin: 0 0.2em;}
.sec_service dt {height: auto;}

a.btn_reserve::before {content: none;}
.sec_items ul {
  grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
  gap: 4vw 5vw;
  width: 80vw;
  padding-bottom: 3em;}
.sec_items li {min-height: auto; max-height: none;}  
.sec_items li img {width:18vw;}  
.sec_items .items_strong_wrp {bottom: 0; right: -2.5vw;}
.sec_items .outer {width: 80vw;}

.locAcc_txt {text-align: center;}
.locAcc_eximg {justify-content: center;}
.locAcc_eximg img {width: 65vw;}
.locAcc_inimg img {width: 48%;}

.prevention_box ul {
    flex-wrap: wrap;
    margin: 1rem auto 0.5rem;}
.prevention_box li {width: 32%;
    margin-bottom: 0.5em;}

.attention_box {padding: 1.5em 1.25em;} 
.attention_box ul.check li{position:relative;display:block;line-height:1.5;margin-bottom:.5em;}
.attention_box ul.check li:before{top:.25em;border-radius:3px;}
.attention_box ul.check li .underline::after{bottom:-.3em;}
.attention_box ul.check li span:not(.neutral):not(.underline){display:block;margin:.25em 0 0 -1em;text-indent:-1em;padding-left:2em;}    
.attention_box ul.discS {margin: -.5em 0 2em 2.2em;}
.attention_box h4 {white-space: normal;
    line-height: 1.4;
    margin-bottom: 0;
    text-indent: -1.7em;
    margin-left: 0;
    margin-bottom: 1em;}
.attention_box h4::before {width: 1.2em;height: 1.3em;}
.sec_attention ul.check {margin: 0 0 2.5em 2em;}

} /* end max-width: 660px */

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

.mv_list li,
.steps_num {
  width: calc( 100 * 0.86 / 375 * 100vw );
  height: calc( 100 * 0.86 / 375 * 100vw );}
.mv_list li::after {
  top: calc( -2 * 0.86 / 375 * 100vw );
  left: calc( 7 * 0.86 / 375 * 100vw );
  width: calc( 18 * 0.86 / 375 * 100vw );
  height: calc( 18 * 0.86 / 375 * 100vw );}
.mv_list li:nth-child(2)::after {
  width: calc( 14 * 0.86 / 375 * 100vw );
  height: calc( 14 * 0.86 / 375 * 100vw );
  bottom: calc( 3 * 0.86 / 375 * 100vw );
  right: calc( 7 * 0.86 / 375 * 100vw );}
.mv_list li:nth-child(3)::after {
  width: calc( 12 * 0.86 / 375 * 100vw );
  height: calc( 12 * 0.86 / 375 * 100vw );
  top: calc( 13 * 0.86 / 375 * 100vw );}

.steps_num::after {
    left: calc( 12 * 0.86 / 375 * 100vw );
    width: calc( 12 * 0.86 / 375 * 100vw );
    height: calc( 12 * 0.86 / 375 * 100vw );}
.sec_steps li:nth-child(2) .steps_num::after {
    width: calc( 14 * 0.86 / 375 * 100vw );
    height: calc( 14 * 0.86 / 375 * 100vw );
    top: calc( 20 * 0.86 / 375 * 100vw );
    right: calc( -6 * 0.86 / 375 * 100vw );}
.sec_steps li:nth-child(3) .steps_num::after {
    width: calc( 16 * 0.86 / 375 * 100vw );
    height: calc( 16 * 0.86 / 375 * 100vw );
    bottom: calc( 5 * 0.86 / 375 * 100vw );}

.items_strong {
    position: relative;
    width: calc( 170 * 0.75 / 375 * 100vw );
    height: calc( 170 * 0.75 / 375 * 100vw );}

.items_strong::before {
    bottom: calc( 11 * 0.75 / 375 * 100vw );
    width: calc( 34 * 0.75 / 375 * 100vw );
    height: calc( 34 * 0.75 / 375 * 100vw );}

.items_strong::after {
    top: calc( 14 * 0.75 / 375 * 100vw );
    right: calc( 10 * 0.75 / 375 * 100vw );
    width: calc( 18 * 0.75 / 375 * 100vw );
    height: calc( 18 * 0.75 / 375 * 100vw );}  

/* font-size */
main,dl  {font-size: 3.73vw;}
h2.underbar {font-size: 5.33vw;}
.mv_textbox p {font-size: 1.125em;}
.mv_list li {font-size: .9375em;}
.sec_receive dl {padding: 1.2em 1em 1em;}
.sec_service dt {font-size: 4.27vw;}
.sec_service dd {font-size: .9375em;}
.steps_num {font-size: 2.6875em;}
.steps_num span {font-size: .5em;}
.sec_steps li {font-size: 3.47vw;} 
.sec_steps dt {font-size: 4.27vw;}
.sec_steps dd {font-size: .9375em;}
a.btn_reserve {font-size: 1.1875em; padding: 0 1.5em;  text-indent: 0;}
a.btn_reserve + p.add {font-size: 3.47vw;}
.receive_txtbox {font-size: 1em;}
.receive_txtbox em{font-size: 1.375em;}
.receive_txtbox p {font-size: .9375em; letter-spacing: 0;}
.sec_receive dt {font-size: 1.125em;}
.sec_receive dd {font-size: .9375em;}
.sec_receive dd .ast {font-size: .875em;}
.sec_items li p {font-size: .875em;}
.items_strong {font-size: .9375em;}
.locAcc_txt {
  font-size: 1.0625em;
  text-align: center;
  line-height: 1.8;
  margin: 1em 0;}
.locAcc_address {font-size: .9375em;}
.locAcc_phnum {font-size: .9375em;}
.locAcc_phnum {font-size: .9375em;}
.locAcc_phnum_head {font-size: 1em; margin-bottom: .5em;}  
.locAcc_phnum {font-size: .9375em; margin-bottom: .5em;}
.locAcc_phnum span {font-size: 1.125em;}
.items_strong .txt22 {font-size: 4.27vw;}
.items_strong .txt16 {font-size: 3.73vw;}
.prevention_box h3 {font-size: 4.27vw;}
.prevention_box p {font-size: 3.47vw; margin: 1em auto 0;}
.sec_attention h3 {font-size: 4vw;}
.attention_box h4 {font-size: 4vw;}
.sec_attention ul.check li {font-size: 3.73vw;}
.sec_attention ul.discS li {font-size: 3.47vw;}
.sec_attention ul.check li span:not(.neutral):not(.underline) {font-size: 2.9vw;}

}/* end max-width: 480px */


/* 20240806 ikebukuro */
.top-page ul.ank_linkbox {display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: space-between; margin: 1em auto;}
.ank_linkbox li {width: 23%;}
.ank_linkbox li > a {border: 2px #e95504 solid; border-radius: 4px; display: flex; flex-direction: column; align-items: center; justify-content: space-around; padding: 1em; height: 100%;}
.ank_linkbox.icon-org li > a { color:#e95504; font-weight: bold; background-color: rgba(233,85,3,.00);}
.ank_linkbox li > a img { max-height: 55px; margin-bottom: 10px;}
.ank_linkbox li > a:hover { background-color: rgba(233,85,3,.05);}

.ank_linkbox li > a::after {display: block; content: ""; margin-top: .65em;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  border-top: 12px solid #e95504;
  border-bottom: 0;
}

.ankpoint { padding-top: 60px; margin-top: -60px; display: block;}

@media screen and (max-width: 660px) {
.top-page ul.ank_linkbox {width: 90%;}
.ank_linkbox li {width: 49%; margin-bottom: 3vw;}

.ankpoint { padding-top: 5vw; margin-top: -5vw;}
}

.sec_items ul.round { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; gap:0;}
.sec_items ul.round li { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width:13%; height: auto; max-width: 130px; max-height: none; box-shadow: none; margin: 0 auto;}

.sec_items ul.round li > span { width:100px; height:100px; border-radius: 50px;display: flex; align-items: center;
    justify-content: center;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
    text-align: center;
    background: white;
    margin: 0 auto .35em auto;}
.sec_items ul.round li > span img {max-width: 80px; max-height: 80px;}

.sec_items .bg-orange { background-color: #fef6f2; padding: 2%;}
.wrp-white { background-color: #fff;padding: 2%; position: relative;}

.sec_items .bg-orange ul.round li {width: 16.5%;max-width: none;}
.sec_items .items_strong_wrp.top-left {right: auto; left: -10px; top: -10px; bottom: auto;}


section.sec_purchase { margin-bottom: 120px; padding-top: 30px;}
.mov_col2box { display: flex; margin: 50px auto; width: 100%; justify-content: space-between;}
.mov_col2box div {width: 49%;}
.mov_col2box div.movie_wrp {width: 100%;}
.mov_col2box div.movie_wrp iframe {  width: 100%;
  aspect-ratio: 16 / 9;}
  
  .bg-blue { background-color: #deebf7; padding: .65em 1em;}
@media screen and (max-width: 660px) {
.sec_items ul.round li { width: 33%;}
.sec_items .bg-orange ul.round li {width: 33%;max-width: none;}
.sec_items ul.round li > span {width: 22vw; height: 22vw;}
.sec_items ul.round li > span img {max-width: 16vw; max-height: 16vw; width: 16vw;}
.sec_items .bg-orange {width: 90vw; margin-left: -5vw;}
.sec_items .items_strong_wrp.top-left { left: -5vw; top: -10vw;}
.sec_items .bg-orange ul.round {padding-bottom: 0;}

.sec_items .txt_M {font-size: 4vw;}

.mov_col2box {flex-direction: column; width: 90vw;}
.mov_col2box >div {padding-bottom: 5vw;}
.mov_col2box .txt_M {font-size: 4vw; margin-bottom: 0;}
.mov_col2box div {width: 100%;}

.sec_steps .txt_L {font-size: 4vw;}
}