body{
  overflow-x:clip;
}
main{
  width:100vw;
}
h1{
  font-size:0;
}
.stage1__area--plans_item,
.u-hover-pointer:hover{
  cursor:pointer;
}
.ie21-header__sub,
.js-hide{
  display:none;
}

span.stage1__area--plans_item{
  width:calc(100%/2);
  max-width:300px;
}
.l-section{
  border-top:1px solid #ccc;
}
.p-step{
  display:flex;
  align-items:center;
}
.p-stepguide{
  margin:0 auto;
  width:760px;
}
.p-step__img{
  border-right:1px solid black;  
}
.p-stepbox{
  background:#f7f7f7;
  margin:0 auto;
}
.p-stepbox__title{
  font-weight:600;
  text-align:center;
  line-height:100%;
}
.c-fixed-side-btn{
  box-shadow:0 3px 6px rgba(0,0,0,.16);
}
.c-link-arrow-right{
  margin-left:10px;
  width:20px;
  height:20px;
  transform:rotate(180deg)
}
.wrapCon4Box a,
.u-no-textdecoration{
  text-decoration:none;
}
.is-mt-50{margin-top:50px;}
.is-mt-80{margin-top:80px;}
.section--common{
  border-top:1px solid #ccc;
}
.c-fixed-side-btn{
  position:fixed;
  background:#7F0019;
  width:378px;
  height:54.14px;
  right: 50px;
  bottom:40px;
  z-index:999;
  border-radius:6px;
  opacity:1;
  transition: opacity 350ms ease, bottom 350ms ease;
}
@media only screen and (max-width:768px) {
  .c-fixed-side-btn{
    bottom:30px;
    left:50%;
    transform:translateX(-50%);
    width:315px;
  }
}
.c-fixed-side-btn.hide{
  opacity:0;
  bottom:-74px;
  transition: opacity 350ms ease, bottom 350ms ease;
}
.c-fixed-side-btn div{
  font-size:1.4rem;
  text-align:center;
  padding-top:15px;
  position: relative;
  padding-left: 132px;
  color:#fff;
  font-weight:600;
  text-decoration:none;
}
@media only screen and (max-width:768px) {
  .c-fixed-side-btn div{
    padding-left: 121px;
  }
}
.c-fixed-side-btn-arrow{
  width:17px;
  transform:translate(-5px,-1px) rotate(-90deg);
}
.c-fixed-side-btn-icon{
  left: -12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 164px;
}
@media only screen and (max-width:768px) {
  .c-fixed-side-btn-icon{
    left: -10px;
    width: 138px;
  }
}

.boxed-btn > span{
  margin-right:4px;
}
.boxed-btn{
  background: #FFF;
  padding:18px 20px;
}
.p-section-course-title{
  width:315px;
}
.p-section-course-subtitle{
  font-size:1.8rem;
  font-weight:700;
  font-family:'ヒラギノ角ゴ Std', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo' , sans-serif;
  margin-bottom:10px;
}
.p-stage1-after-btncontainer{
  text-align:center;
}
.p-step__title,
.p-future-guide__title{
  font-family:'ヒラギノ角ゴ Std', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo' , sans-serif;
}
.p-stepbox__text{
  gap:50px;
  margin-top:27px;
  line-height:2.5;
}

/* PC */
@media only screen and (min-width:769px) {
  
.p-KV{
  width:100%;
}
.c-hr{display:none;}
.p-section-1{
  margin-top:100.5px!important;
}
.p-section-1-img__1{
  width:469.68px;
}
.p-section-1-img__2-con{
  margin-top:100px;
  display:flex;
  justify-content:center;
}
.p-section-1-img__2{
  width:760px;
}
.p-stepguide{
  margin-top:80.5px;
}
.p-step{
  margin-bottom:31px;
}
.p-step__2{
  margin-top:77.5px;
}

.p-step__img{
  margin-right:25px;
  padding-right:25px;  
}
.p-step__img-inner{
  width:45px;
}
.p-step__title{
  font-size:24px;
  font-weight:600;
}
.p-stepbox{
  border-radius:10px;
  width:565px;
  padding:30px 42px 32px 41px;
}
.p-stepbox p{
  margin-top:24px;
  margin-bottom:0;
  line-height:100%;
}
.p-stepbox div p:first-child{
  margin-top:0;
}
.u-pc-flex{
  display:flex;
}

.l-section-step{
  margin-bottom:130px!important;
}
.p-stepbox__1{
  margin-top:54px;
  position:relative;
}
.p-stepbox__1-img{
  position:absolute;
  width:172.82px;
  left:467px;
  top:282.5px;
}
.p-stepbox__2{
  margin-top:30px;
}
.p-step__2-body{
  display:flex;
  gap:45px;
}
.p-step__2-body__desc{
  width:565px;
}
.p-step__2-body__img{
  width:120px;
}

a:hover .c-link-arrow-right{
  opacity:0.3;
}

.l-section-course{
  margin-bottom:80px!important;
  padding: 100px 0;
}
.p-section-course-title{
  margin:0 auto;
}
.p-section-course-list{
  display:flex;
  gap:50px;
  margin-top:80px;
  justify-content: center;
}
.p-section-course-pictures{
  display:flex;
  gap:50px;
  margin-top:30px;
  justify-content: center;
}
.p-section-3-list__inner{
  margin-top:80px;
}
.p-section-course-list__inner,
.p-section-course-img{
  width:315px;
}
#planDesign{
  margin-bottom:50px!important;
}
.p-stage1-after-btncontainer__btn{
  margin-top:54px;
}
.p-future-guide{
  width:760px;
  margin:103.8px auto 0 auto;
}
.p-future-guide__title{
  font-size:18px;
  font-weight:600;
  border-bottom:2px solid black;
  width:max-content;
}
.p-future-guide__title__2{
  margin-top:50px;
}
.p-future-guide__text{
  margin-top:30px;
}
.p-future-guide__link{
  width:370px;
  margin:0 auto;
  margin-top:50px;
}

.p-section-present-point{
  width:760px;
  margin:0 auto;
  margin-top:100px;
}
.p-section-present-point-message{
  width:314.5px;
  margin:0 auto;
}
.p-section-present-point-title{
  width:319.46px;
  margin:0 auto;
  margin-top:30px;
}
.p-section-present-point-desc{
  margin-top:20px;
}
.p-section-present-point-img{
  width:242.49px;
  margin:0 auto;
  margin-top:50px;
}
.p-section-present-point-info{
  margin-top:50px;
  font-size:13px;
  line-height:calc(23/13);
}

.p-section-present-paper{
  margin-top:103px;
}
.p-section-present-paper-title{
  font-size:24px;
  font-weight:600;
  line-height:100%;
  text-align:center;
}
.p-section-present-paper-img__1{
  width:760px;
  margin:0 auto;
  margin-top:38px;
}
.p-section-present-paper-img__2{
  width:800px;
  margin:0 auto;
  margin-top:50px;
}
.p-section-present-paper-info{
  width:760px;
  margin:0 auto;
  margin-top:50px;
}
.p-section-present-paper-info__notes{
  margin-top:30px;
  font-size:13px;
}
.l-section-present{
  margin-bottom:153px!important;
}
.l-section-qanda{
  margin:0 auto 0 auto!important;
}
.qandaArea{
  padding-bottom:44.7px;
}
video.p-ar-movie{
  width:100%;
  max-width:760px;
}
.stage1__area--plan_txt p{
  font-size:1.3rem!important;
}
}
/* SP */
@media only screen and (max-width:768px) {
  html,body{
    overflow-x:clip;
  }
  .p-KV{
    width:100%;
  }
  .p-section-1{
    margin:50px auto 45px auto!important;
  }
  .p-section-1-img__1{
    width:234.84px;
  }
  .p-section-1-img__2-con{
    width:100%;
    max-width:375px;
    margin:0 auto;
  }

.l-section-step{
  margin-bottom:80px!important;
}
.p-stepguide{
  margin-top:30px;
  width:315px;
}
.p-step__img{
  margin-right:15px;
  padding-right:15px;  
}
.p-step__img-inner{
  width:29.46px;
}
.p-step__1{
  margin-bottom:36px;
}
.p-step__desc{
  width:315px;
}
.p-step__title{
  font-size:16px;
  font-weight:700;
  line-height:calc(21/16);
  white-space:nowrap;
}
.p-stepbox{
  border-radius:10px;
  width:315px;
  padding:30px 42px 32px 41px;
}
.p-stepbox__1{
  position: relative;
  padding:30px 52px 53px 51px;
  margin-top:30px;
}
.p-stepbox__1-img{
  position: absolute;
  width:172.82px;
  left:110px;
  top:248.2px;
}
.p-stepbox__2{
  margin-top:132.9px;
}
.p-stepbox__text{
  line-height:100%;
}
.p-stepbox p{
  margin-bottom:0;
}
.p-stepbox__1 p{
  line-height:100%;
  margin-top:23px;
}
.p-stepbox__2 p{
  margin-top:20px;
  line-height:calc(26/14);
}
.p-step__2{
  margin-top:81px;
}
.p-step__2-body__desc{
  margin-top:30px;
}
.p-step__2-body__img{
  width:120px;
  margin-left:195px;
  margin-top:-5px;
}
.stage1__area--plan_description{
  width:315px;
  padding:0;
}
.p-stage1-after-btncontainer{
  width:315px;
  margin:0 auto;
  margin-top:56.6px;
}
.stage1__area--plan_txt p{
  font-size:1.1rem!important;
}
.p-stage1-after-btncontainer div{
  margin-bottom:53px;
  text-align:left;
}
.p-future-guide{
  margin-top:80px;
}
.p-future-guide__title{
  font-size:16px;
  font-weight:700;
  border-bottom:2px solid black;
  width:max-content;
  margin:0 auto;
}
.p-future-guide__text{
  width:315px;
  margin:30px auto 50px auto;
}
.p-future-guide__link{
  width:315px;
  margin:0 auto;
}

.l-section-present{
  overflow:unset;
  width:375px;
  margin-bottom:80px!important;
}
.p-section-present-point{
  margin-top:80px;
}
.p-section-present-point-message{
  width:314.5px;
  margin:0 auto;
}
.p-section-present-point-title{
  width:319.46px;
  margin:0 auto;
  margin-top:20px;
}
.p-section-present-point-desc{
  width:315px;
  margin:0 auto;
  margin-top:20px;
}
.p-section-present-point-img{
  width:242.49px;
  margin:0 auto;
  margin-top:20px;
}
.p-section-present-point-info{
  width:315px;
  margin:0 auto;
  margin-top:20px;
  font-size:11px;
  line-height:calc(20/11);
}

.p-section-present-paper{
  margin-top:80px;
}
.p-section-present-paper-title{
  width:315px;
  text-align:center;
  margin:0 auto;
  font-size:18px;
  font-weight:600;
  line-height:100%;
}
.p-section-present-paper-img__1{
  width:375px;
  margin:0 auto;
  margin-top:30px;
}
.p-section-present-paper-img__2{
  width:355px;
  margin:0 auto;
  margin-top:16px;
}
.p-section-present-paper-info{
  width:315px;
  margin:0 auto;
  margin-top:9px;
}
.p-section-present-paper-info__notes{
  margin-top:30px;
  font-size:11px;
}

.l-section-course{
  margin-bottom:80px!important;
  padding: 50px 0;
}
.p-section-course{
  width:315.5px;
  margin:0 auto;
}
.p-section-course-subtitle{
  margin-top:50px;
}
.p-section-course-desc{
  width:315px;
  margin-top:20px;
}
.p-section-course-img{
  width:315px;
  margin-top:20px;
}
.l-section-qanda{
  width:375px;
  margin:0 auto 0 auto!important;
}
.qandaArea{
  padding: 0 1px;
  width: 315px;
  margin:0 auto;
  margin-top:80px;
}
.theme__lifestyle--wrapCon4Box .wrapCon4Box{
  margin-top:5px;
}
.theme__lifestyle--wrapCon4Box .wrapCon4Box.spfix{
  margin-top:15px;
}

.l-section-theme{
  width:100%;
  padding:0;
}
.theme__lifestyle--wrap {
  max-width:375px;
  padding: 45px 0 40px;
  margin: 0 auto !important;
}

.is-bt-none{border-top:none;}
.is-bb-line-mb0{
  margin-bottom:0!important;
  border-bottom:1px solid #ccc;
}
.is-bb-line{
  border-bottom:1px solid #ccc;
}

.c-hr{
  border:none;
  border-top:1px solid #ccc;
}
.boxed-btn.is-23gw{
  padding:19px 20px;
}
.is-mt-80{
  margin-top:50px;
}
.u-pc-flex{
  display:block;
}

}

/* PC */
@media only screen and (min-width:768px){
  .is-tb{display:none}
  .is-pc{display:block}
  .is-sp{display:none}
  .is-tbspI{display:none}
}
/* TB */
@media only screen and (min-width:512px) and (max-width:767px){
  .is-tb{display:block}
  .is-pc{display:none}
  .is-sp{display:none}
  .is-tbspI{display:inline}
}
/* SP */
@media only screen and (max-width:511px){
  .is-tb{display:none}
  .is-pc{display:none}
  .is-sp{display:block}
}

.is-no-border{
  border:none !important;
}
.u-clear-b-shadow{
  box-shadow:none !important;
}




.stage1__area--plans{
  justify-content:center;
}
.stage1__area--plan{
  padding:0;
}
.stage1__area--plan .swiper-slide{
  border:1px solid #ccc;
}
.stage1__area{
  width:100%;
  margin:0 auto;
  background-color:#fff;
}
.stage1__area--plan{
  background-color:#fff;
}
.swiper-button-prev::before, .swiper-container-rtl .swiper-button-next::before,
.swiper-button-next::before, .swiper-container-rtl .swiper-button-prev::before{
  background:unset;
}

.u-max-w-665{
  max-width:665px;
  width:100%;
}

.p-top-description__image{
  width:740px;
  margin: 0 auto;
}

@media only screen and (max-width:768px) {
  .p-top-description__image{
    max-width:282px;
    width: 90%;
  }
}

.p-section-3-title{
  width:175.16px;
}

.p-section-3-list__inner{
  margin-top:80px;
}
@media only screen and (max-width:768px) {
  .p-section-3-list__inner{
    margin-top:80px;
  }
}

.p-section-3-subtitle__a{width:180.08px;}
.p-section-3-subtitle__b{width:186.4px;}
.p-section-3-subtitle__c{width:319.46px;}
.p-section-3-subtitle__d{width:232.44px;}
.p-section-3-subtitle__e{width:298.3px;}
.p-section-3-subtitle__e-event{
  width:270px;
  margin:0 auto;
  margin-bottom:20px;
}

.p-section-3-img{
  margin-top:25.1px;
  box-shadow:0 0 10px rgba(0,0,0,.16);
  width:300px;
}
.p-section-3-img-a1{
  margin-top:50px;
}
.p-section-3-img-c{
  width:242.49px;
  display:block;
  margin:0 auto;
  margin-top:50px;
}
.p-section-3-img-d{
  width: 370px;
  display:block;
  margin:0 auto;
  margin-top: 20px;
}
.p-section-3-img-d-container{
  width:100vw;
  margin:0 calc(50% - 50vw);
  margin-top:50px;
  display:flex;
  justify-content:center;
}

.p-section-3-desc,
.p-section-4-desc{
  margin-top:20px;
}

.p-section-3-notes{
  margin-top:30px;
  font-size:1.4rem;
  line-height:calc(26/14);
}
@media only screen and (max-width:768px) {
  .p-section-3-notes{
    margin-top:20px;
    font-size:1.1rem;
    line-height:calc(20/11);
  }
}

.point__Img--Wrap {
  overflow-y: hidden;
  width: 1040px;
  padding-right: 20px;
  position: relative;
  margin: 0 auto; }
  .point__Img--Wrap .my-gallery {
    width: 100%;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 30px;
    display: flex; }
    .point__Img--Wrap .my-gallery figure {
      width: auto;
      max-height: 200px; }
      .point__Img--Wrap .my-gallery figure img {
        max-height: 100%; }
  .point__Img--WrapIcon {
    position: absolute;
    left: 98.25%;
    bottom: 5px;
    width: 15.48px;
  }
.point__Img.is-section-3{
  transform:translateX(-200px);
}
@media only screen and (max-width: 1060px) {
  .point__Img--Wrap {
    overflow-y: hidden;
    width: 100%;
    padding-right: 0px; }
    .point__Img--Wrap .my-gallery {
      width: 1040px;
      padding-right:15vw!important;
      margin-bottom: 0; }
      .point__Img--Wrap .my-gallery figure {
        width: auto;
        max-height: 200px; }
        .point__Img--Wrap .my-gallery figure img {
          height: 100%;
          max-height: 100%; }
    .point__Img--WrapIcon {
      position: static;
      margin-left: 100%; } 
  .point__Img.is-section-3{
  transform:unset;
  }
}
@media only screen and (max-width: 768px) {
  .point__Img--Wrap {
    overflow-y: hidden;
    width: 100vw;
    margin-left: -30px; }
    .point__Img--Wrap .my-gallery {
      padding: 0 0vw; }
  .point__Main img {
    max-width: 370px;
    width: 100%; }
  .point .item img {
    max-width: 250px;
    width: 100%; } }





section {
  margin: 0 auto !important;
}
@media only screen and (max-width: 480px) {
  section {
      margin: 0 auto !important;
      width: 100%;
  }
}

.fv {
  min-height: calc(100vh - 80px);
  min-height: calc((var(--vh, 1vh) * 100) - 80px);
  max-height: calc((var(--vh, 1vh) * 100) - 80px);
  position: fixed;
  width: 100%;
  z-index: -1;
}

@media only screen and (max-width: 768px) {
  .fv {
    min-height: auto;
    max-height: calc((var(--vh, 1vh) * 100) - 60px);
  }
}

.fv__image {
  height: calc(100vh - 80px);
  height: calc((var(--vh, 1vh) * 100) - 80px);
  object-fit: cover;
  vertical-align: bottom;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .fv__image {
    aspect-ratio: 375 / 625;
    height: auto;
    min-height: auto;
    max-height: calc((var(--vh, 1vh) * 100) - 60px);
  }
}

.fv-area {
  background: transparent;
  min-height: calc(100vh - 80px);
  min-height: calc((var(--vh, 1vh) * 100) - 80px);
  max-height: calc((var(--vh, 1vh) * 100) - 80px);
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .fv-area {
    aspect-ratio: 375 / 625;
    min-height: auto;
    max-height: calc((var(--vh, 1vh) * 100) - 60px);
  }
}

.fv__text {
  left: 100px;
  max-width: 550px;
  min-width: 360px;
  position: absolute;
  top: 110px;
  width: calc(550 / 1920 * 100vw);
}

@media only screen and (max-width:768px) {
  .fv__text {
    left: 30px;
    max-width: 360px;
    min-width: auto;
    top: 40px;
    width: calc(263 / 375 * 100vw);
  }
}

.has-bg {
  background: #FFF;
  margin: 0 !important;
  width: 100vw;
}
.has-bg.p-top-description {
  background: rgba(255, 255, 255, 0.8);
}
.has-bg.p-feature {
  background: #F4EEDE;
  padding-bottom: 108px;
  padding-top: 100px;
}
.has-bg.l-section-qanda {
  padding-top: 50px;
}
.has-bg.themesec {
  padding-bottom: 90px;
}

@media only screen and (max-width:768px) {
  .has-bg.p-feature {
    padding-bottom: 50px;
    padding-top: 30px;
  }
  .has-bg.l-section-qanda {
    padding-top: 0;
  }
}

.p-top-description {
  padding: 197px 0 160px;
}
@media only screen and (max-width:768px) {
  .p-top-description {
    padding: 80px 0;
  }
}

.p-top-description__icon {
  display: block;
  margin: 120px auto 0;
  width: 300px;
}
@media only screen and (max-width:768px) {
  .p-top-description__icon {
    margin-top: 80px;
    width: 216px;
  }
}

.p-questions {
  padding: 100px 30px;
}
@media only screen and (max-width:768px) {
  .p-questions {
    padding: 50px 30px;
  }
}

.p-questions__image {
  max-width: 500px;
  width: 100%;
}

.p-questions__desc {
  margin: 50px auto 0;
  max-width: 525px;
}

.p-questions__btn {
  margin-top: 40px;
}

.p-feature .p-section-course-img {
  aspect-ratio: 315 / 189;
  object-fit: cover;
  object-position: bottom;
}

.p-section-course-subtitle > span {
  display: inline-block;
  position: relative;
  display: block;
  font-size: 1.4rem;
  line-height: 1.4;
  margin: 0 auto 5px;
  width: fit-content;
}
@media only screen and (max-width:768px) {
  .p-section-course-subtitle > span {
    margin-left: 24px;
  }
}
.p-section-course-subtitle > span::after, .p-section-course-subtitle > span::before {
  border: 1px solid #000;
  content: "";
  display: inline-block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 0;
}
.p-section-course-subtitle > span::before {
  left: -20px;
  transform: rotate(-20deg);
}
.p-section-course-subtitle > span::after {
  right: -20px;
  transform: rotate(20deg);
}
