@charset "UTF-8";
*:focus {
  outline: none;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  /* line-height: 1.8; */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
}

img {
  line-height: 0;
  display: inline;
  max-width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

ol, ul {
  list-style: none !important;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

q:before, q:after {
  content: "";
  content: none;
}

blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a {
  text-decoration: none;
  color: #333;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

a:hover {
  text-decoration: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

input[type="button"], input[type="submit"] {
  -webkit-appearance: none;
}

label {
  -webkit-tap-highlight-color: transparent;
}

body {
  color: #3e3a39;
  font-family: 'Noto Sans JP',"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  line-height: 1.8;
  line-break: strict;
  overflow-wrap: anywhere;
  word-break: normal;
  /*-webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;*/
  background: #e5fffd;
}

h1, h2, h3, h4, h5, h6 {
  letter-spacing: normal;
}

/*
  ここまでcommon
--------------------------------------------- */
.sp {
  display: none;
}
main{
  background:#fff;
}
.center {
  text-align: center;
}

.palt {
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
}

a:hover {
  opacity: 0.8;
}

.fuwatt {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: all .8s;
  transition: all .8s;
}

.mb0 {
  margin-bottom: 0 !important;
}

/* /////////////////// ここから /////////////////// */
.kv {
  position: relative;
  line-height: 0;
  background: url(../images/kv-bg_pc.png) no-repeat center top/100%;
  height: min(calc(665vw / 12.8),680px);
  width: min(100% , 1280px);
  margin: auto;
}
.kv h1{
  width: 100%;
  position: absolute;
  bottom: 0;
}
.kvobi{
  width: 100%;
  height: min(calc(92vw / 12.8),92px);
  background: linear-gradient(to right ,rgba(255,93,6) 0% ,rgba(255,150,30) 50%, rgba(255,93,6) 100%); 
  width: min(100% , 1280px);
  margin: 0 auto;
}
.kvobi .kvobitxt{
  width: min(calc(434vw / 12.8), 434px);
  margin: 0 auto;
}

main{
  overflow:hidden;
  width: min(100% , 1280px);
  margin: 0 auto;
}
h2{
  font-weight: 700;
}

.sec01{
  background: url(../images/sec01-bg-l.png) left top repeat-y,url(../images/sec01-bg-r.png) right top repeat-y;
  background-size: min(calc(97vw / 12.8),97px);
}
section {
  width: 100%;
  position: relative;
  display: -ms-grid;
  display: grid;
  place-content: center;
}
.sec01{
  padding-bottom: min(calc(150vw / 12.8), 160px);
}
.sec01 h2{
  color:#7F4F21;
  font-size: min(calc(50vw / 12.8), 50px);
  margin: min(calc(80vw / 12.8), 80px) 0;
  margin-left: 2.1em;
}
.sec01 h2 span{
  position: relative;
  padding-left: 2.1em;
}
.sec01 h2 img{
  position: absolute;
  top: -3%;
  left: 0;
  width: min(calc(98vw / 12.8), 98px);
}
.sec01 p{
  font-size: min(calc(26vw / 12.8),26px);
  line-height: 2;
  text-align: center;
}
.sec01 p span{
  font-weight: 700;
  background: linear-gradient(to top, rgba(255,220,148) 0%, rgba(255,220,148) 20%, #fff 20%, #fff 100%);

}
.sec02{
  position: relative;
  background: linear-gradient(to bottom, rgb(255, 93, 6) 10%,rgb(255, 150, 30) 100%);
  padding-bottom:min(calc(50vw / 12.8), 50px);
}
.sec02 h2{
  font-size: min(calc(50vw / 12.8), 50px);
  color: #fff;
  background: url(../images/sec02-h2-slash.png) no-repeat center;
  padding: 0 2em;
  text-indent: -0.5em;
  text-align: center;
  background-size: min(calc(695vw / 12.8), 695px) auto;
}
.sec02 h2 img{
  width: min(calc(170vw / 12.8), 170px);
}
.sec02 h2 span{
  position: relative;
}
.sec02-top{
  position: absolute;
  width: 100%;
  top: max(calc(-44vw / 12.8), -44px);
  line-height: 1;
}

.sec02 .whitebox{
  background: #fff;
  border-radius: min(calc(20vw / 12.8), 20px);
  padding: min(calc(60vw / 12.8),60px) min(calc(20vw / 12.8),20px);
  position: relative;
  width: min(calc(1000vw / 12.8), 1000px);
  margin-top: min(calc(50vw / 12.8), 50px);
}
.sec02 .whitebox h3{
  background: #904816;
  color: #fff;
  text-align: center;
  font-size:min(calc(44vw / 12.8),44px);
  border: 2px solid #fff;
  border-radius: min(calc(30vw / 12.8), 30px);
  line-height: 1;
  padding: 4px 0 8px;
}
.sec02 .whitebox .h301{
  width: min(calc(430vw / 12.8),430px);
  position: absolute;
  top: min(calc(-30vw / 12.8),30px);
  left: 50%;
  transform: translateX(-50%);
}
.sec02 .whitebox .h302{
  width: min(calc(640vw / 12.8),640px);
}
.sec02 .price{
  width: min(calc(630vw / 12.8),630px);
  margin: 0 auto min(calc(30vw / 12.8),30px);
}
.note{
  font-size:12px;
}
.sec02 .note{
  text-align: center;
}
.sec02 .whitebox .h302{
  width: min(calc(330vw / 12.8),330px);
  position: absolute;
  top: min(calc(-25vw / 12.8),25px);
  left: 50%;
  transform: translateX(-50%);
}
.more-box{
  border-top: 1px solid #904816;
  position: relative;
  margin-top: min(calc(50vw / 12.8),50px);
  padding-top: min(calc(50vw / 12.8),50px);
}
@media screen and (max-width: 768px) {
  .more-item {
    position: relative;
    z-index: 1;
    width: calc(628vw / 7.68);
    margin-left: auto;
    margin-right: auto;
    padding-bottom: calc(60vw / 7.68);
  }
  .more-img {
    margin-bottom: calc(34vw / 7.68);
  }
  .more-txt {
    line-height: 0;
  }
  .more-txt p {
    font-size: calc(30vw / 7.68);
    color: #173271;
    margin-bottom: calc(33vw / 7.68);
    line-height: 1.4;
  }
  .more-txt p.moretxt-notes {
    font-size: calc(20vw / 7.68);
    color: #000;
    padding-left: 1em;
    text-indent: -1em;
  }
  .more-txt a {
    width: calc(405vw / 7.68);
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

.more-item {
  padding-bottom: min(calc(30vw / 12.8),30px);
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  margin-top :min(calc(30vw / 12.8),30px);
}
.more-img {
  width: min(calc(470vw / 12.8),470px);
  margin-bottom: unset;
  margin-right: min(calc(13vw / 12.8),13px);
}
.more-txt {
  width: calc(490vw / 12.8);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.more-txt p {
  font-size: min(calc(21vw / 12.8),21px);
  margin-top: min(calc(14vw / 12.8),14px);
  margin-bottom: 0;
  color: #7F4F21;
  line-height: 1.4;
}
.more-txt p.moretxt-notes {
  font-size: min(calc(12vw / 12.8),12px);
  color:#3e3a39;
}
.more-txt a {
  width: min(calc(280vw / 12.8),280px);
  margin-top: auto;
  margin-left: 0;
  border: #3e3a39 1px solid;
  font-size: min(calc(22vw / 12.8),22px);
  text-align: center;
  font-weight: 700;
  color: #062e80;
}
.sec02 .more-logo{
  margin-bottom: min(calc(10vw / 12.8),10px);
}
.sec02 .round-sub{
  background:#173271;
  color:#fff;
  border-radius: 20px;
  font-size:min(calc(25vw / 12.8),25px);
  line-height:min(calc(40vw / 12.8),40px);
  padding: 0 min(calc(20vw / 12.8),20px);
  margin-bottom: min(calc(20vw / 12.8),20px);
}

.sec02 .note14{
  font-size:min(calc(14vw / 12.8),14px);
  line-height: 1.4;
}

.sec03 h2{
  padding: min(calc(60vw / 12.8),60px) 0 1rem;
  margin-bottom: 3rem;
  background-image: linear-gradient(90deg, #00DBD1 0 25%, #FFDC94 25% 50%, #FF9B14 50% 75%, #FF5D06 75%);
  background-repeat: no-repeat;
  background-size: min(calc(200vw / 12.8),200px) 0.3rem;
  background-position: bottom;
  font-weight: bold;
  font-size: min(calc(50vw / 12.8),50px);
  text-align: center;
  color: #7F4F21;
}
.sec03 .slidewrap{
  width: min(calc(1280vw / 12.8),1280px);
  padding-bottom: 4em;
  /* margin-bottom: 2em; */
}
.sec03 .slidewrap.slidewrap01{
  background: #B2CFFF;
}
.sec03 .slidewrap.slidewrap02{
  background: #FFEABF;
}
.sec03 .slidewrap.slidewrap03{
  background: #CCF8F6;
  margin-bottom: 0;
}
.sec03 .splide__slide{
  border:min(calc(10vw / 12.8),10px) #fff solid;
  background: #fff;
  position: relative;
}
.sec03 .splide__slide > div{
  background:rgba(255, 255, 255, 0.6);
  position: absolute;
  width: 100%;
  height: min(calc(222vw / 12.8),222px);
  padding: 0.5em 1em;
  bottom: 0;
  line-height: 1.5;
}
.sec03 .splide__slide > div p{
  font-size: min(calc(21vw / 12.8),21px);
  line-height: 1.4;
  font-weight: 500;
}
.sec03 .splide__slide > div h4{
  font-size: min(calc(28vw / 12.8),28px);
  color: #173271;
  font-weight: 700;
  text-align: center;
}

.sec03 .splide__track {
  width: min(calc(1000vw / 12.8),1000px);
  margin-left: auto;
  margin-right: auto;
}
.sec03 .splide__slide .slide-ttl{
  font-size: min(calc(30vw / 12.8),30px);
  text-align: center;
  line-height: min(calc(50vw / 12.8),50px);
  color:#fff;
  padding: 0 0.3em;
  position: absolute;
  top: min(calc(-25vw / 12.8),25px);
  left: 50%;
  transform: translateX(-50%);
  font-weight: 700;
  white-space: nowrap;
}
.sec03 .splide__slide .slide-ttl > span{
  font-size: min(calc(26vw / 12.8),26px);
}
.sec03 .slidewrap01 .splide__slide .slide-ttl{
  background: #337EFF;
}
.sec03 .slidewrap02 .splide__slide .slide-ttl{
  background: #FF9B14;
}
.sec03 .slidewrap03 .splide__slide .slide-ttl{
  background: #00DBD1;
}
.sec03 .splide__slide a .slide-ttl{
  font-size: min(calc(26vw / 12.8),26px);
  line-height: min(calc(48vw / 12.8),48px);
  width: min(calc(380vw / 12.8),380px);
  color:#fff;
  padding: 0 0.3em;
  position: absolute;
  bottom:calc(-76vw / 12.8);
  top: unset;
  background:url(../images/sec03-arrow.svg) no-repeat right 4% center #173271!important;
  background-size: min(calc(16vw / 12.8),16px)!important;
  border-radius: min(calc(24vw / 12.8),24px);
  
}
.sec03 .splide__slide a:hover .slide-ttl{
  opacity:0.8;
}

.sec03 .splide__slide a .slide-ttl > span{
  font-size: min(calc(20vw / 12.8),20px);
}
.sec03 .splide__slide a{
  opacity:0;
  transition: 0.3s;
}

.sec03 .splide__slide.is-active.is-visible a{
  opacity:1;
}

.sec03 .splide__list {
  padding-top: 1.6em !important;
  padding-bottom: min(calc(70vw / 12.8),70px) !important;
}
.sec03 .splide.splide--loop{
  padding-bottom: 3em;
}
.sec03 .splide__pagination{
  bottom: 0;
}
.sec03 .splide__pagination__page {
  background: #B5B5B6;
}
.sec03 h3{
  font-size: min(calc(38vw / 12.8),38px);
  text-align: center;
  margin: 1em auto;
  padding-bottom: 1em;
  background: url(../images/sec03-h3.png) no-repeat center bottom;
  background-size: min(calc(282vw / 12.8),282px);
  font-weight: 700;
}
.sec03 .splide__pagination li {
  width: 30px;
}
.sec03 .splide__pagination__page {
  width: 20px;
  height: 20px;
}
.sec03 .splide__pagination__page.is-active {
  background: #fff;
  transform: scale(1.1);
  z-index: 1;
}
.sec04{
  background: url(../images/sec04-bg-80.jpg) no-repeat center top/100%;
  padding-bottom:  min(calc(90vw / 12.8),90px);
}
.sec04 h2 {
  padding: min(calc(60vw / 12.8),60px) 0 1rem;
  margin-bottom: 1rem;
  background-image: linear-gradient(90deg, #00DBD1 0 25%, #FFDC94 25% 50%, #FF9B14 50% 75%, #FF5D06 75%);
  background-repeat: no-repeat;
  background-size: min(calc(200vw / 12.8),200px) 0.3rem;
  background-position: bottom;
  font-weight: bold;
  font-size: min(calc(50vw / 12.8),50px);
  text-align: center;
  color: #7F4F21;
}
.sec04 h3{
  font-size: min(calc(52vw / 12.8),52px);
  font-weight: 300;
  text-align: center;
  background: url(../images/sec04-h3-bg.png) no-repeat center bottom;
  background-size: min(calc(526vw / 12.8),526px);
  margin-bottom: 1em;
}
.sec04 .lead {
  font-size: min(calc(26vw / 12.8),26px);
  line-height: 2;
  text-align: center;
  margin-bottom: min(calc(80vw / 12.8),80px);
}
.sec04 .yoga-wrap{
  width: min(calc(1000vw / 12.8),1000px);
  border:#FFCEB4 solid min(calc(8vw / 12.8),8px);
  border-radius: min(calc(20vw / 12.8),20px);
}
.sec04 .sauna-wrap{
  width: min(calc(1000vw / 12.8),1000px);
  border:#FFDC94 solid min(calc(8vw / 12.8),8px);
  border-radius: min(calc(20vw / 12.8),20px);
}
.sec04 .yoga-inner,.sec04 .sauna-inner{
  padding: min(calc(50vw / 12.8),50px) min(calc(50vw / 12.8),50px) 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sec04 .yoga-wrap{
  margin-bottom: min(calc(50vw / 12.8),50px);
}
.sec04 .sauna-wrap{
  margin-bottom: min(calc(30vw / 12.8),50px);
}
.sec04 .yoga-inner .point{
  width: 48%;
  background: url(../images/sec04-yogabg.png) no-repeat center ;
  background-size: 100%;
  height: min(calc(220vw / 12.8),220px);
  position: relative;
  margin-bottom: min(calc(40vw / 12.8),40px);
}
.sec04 .sauna-inner .point{
  width: 48%;
  background: url(../images/sec04-saunabg.png) no-repeat center ;
  background-size: 100%;
  height: min(calc(220vw / 12.8),220px);
  position: relative;
  margin-bottom: min(calc(40vw / 12.8),40px);
}

.sec04 .yoga-wrap h4 img,.sec04 .sauna-wrap h4 img{
  position: absolute;
  width: min(calc(382vw / 12.8),382px);
  right: min(calc(50vw / 12.8),50px);
  top: min(calc(8vw / 12.8),8px);
}
.sec04 h4{
  font-size:min(calc(48vw / 12.8),48px);
  font-weight: 300;
  padding-left: min(calc(60vw / 12.8),60px);
  background: url(../images/sec04-h4-bg.png) no-repeat left 1% center #FFCEB4;
  position: relative;
  padding-bottom: min(calc(8vw / 12.8),8px);
  background-size: min(calc(51vw / 12.8),51px);
}
.sec04 .sauna-wrap h4{
  background: url(../images/sec04-h4-bg.png) no-repeat left 1% center #FFDC94;
}
.sec04 .text{
  font-size:min(calc(24vw / 12.8),24px);
  line-height: 1.75;
  padding:min(calc(40vw / 12.8),40px) 0 0 min(calc(40vw / 12.8),40px);
}
.sec04 h5{
  text-align: center;
  font-size:min(calc(30vw / 12.8),30px);
  margin: 1.2em auto 0.2em ;
  color: #7F4F21;
  font-weight: 700;

}
.sec04 .point img{
  width: min(calc(72vw / 12.8),72px);
  position: absolute;
  top: -2%;
  left: 50%;
  transform: translateX(-50%);
}
.sec04 .point p{
  font-size: min(calc(20vw / 12.8),20px);
  padding: 0 1em;
  line-height: 1.6;
}
.sec04 .note{
  text-align: center;
  line-height: 1.6;
  margin-top: 1em;
}
a.link {
  width: min(calc(510vw / 12.8),510px);
  background:url(../images/arrow-link1.svg) no-repeat right 1.5% center #173271;
  background-size: min(calc(72vw / 12.8),72px);
  color: #fff;
  font-size:min(calc(38vw / 12.8),38px);
  font-weight: 700;
  text-align: center;
  display: block;
  line-height: 1;
  height: min(calc(86vw / 12.8),86px);
  padding: min(calc(24vw / 12.8),24px) 0;
  border-radius: min(calc(43vw / 12.8),43px);
  margin: 0 auto 0.2em;
}
a.link.link02 {
  background:url(../images/arrow-link2.svg) no-repeat right 1.5% center #6184DC;
  background-size: min(calc(72vw / 12.8),72px);
  margin: 1em auto 0.5em;
}
.sec05{
  background: #EFEFEF;
  padding: min(calc(40vw / 12.8),40px) 0 min(calc(60vw / 12.8),60px);
}
.sec05 .subttl{
  font-weight: 700;
  font-size:min(calc(40vw / 12.8),40px);
  text-align: center;
  color: #173271;
  line-height: 1;
}
.sec05 h2{
  font-weight: 700;
  font-size:min(calc(50vw / 12.8),50px);
  text-align: center;
  color: #173271;
  margin-bottom: min(calc(24vw / 12.8),24px);
}
.sec05 .inner{
  width: min(calc(1000vw / 12.8),1000px);
  border-top: #173271 solid 1px;
  padding: min(calc(30vw / 12.8),30px) 0 min(calc(50vw / 12.8),50px) ;
  display: flex;
  justify-content: space-between;
}
.sec05 .inner-left{
  width: 49%;
}
.sec05 .inner-right{
  width: 45.6%;
}
.sec05 .inner-left h3{
  font-size:min(calc(34vw / 12.8),34px);
  font-weight: 900;
  margin-bottom: 1em;
  line-height: 1;
}
.sec05 .inner-left p{
  font-size:min(calc(18vw / 12.8),18px);
  margin-bottom: 1.5em;
}
.sec05 .inner-left .price{
  width: min(calc(460vw / 12.8),460px);
}
.sec06{
  background: url(../images/sec06-bg_pc.png) no-repeat center top/100%;
  padding: min(calc(40vw / 12.8),40px) 0 min(calc(60vw / 12.8),60px);
  text-align: center;

}
.sec06 .subttl{
  width:min(calc(310vw / 12.8),310px);
  margin: 0 auto;
}
.sec06 h2{
  width:min(calc(1000vw / 12.8),1000px);
  margin: 0 auto 1em;
}
.sec06 .price{
  width:min(calc(880vw / 12.8),880px);
  margin: 0 auto 1em;
}

.sec06 h3{
  font-size:min(calc(32vw / 12.8),32px);
  margin-bottom: 0.5em;
}
.sec06 .pink-wrap{
  display: flex;
  justify-content: space-between;
  width:min(calc(880vw / 12.8),880px);
  align-items: center;
  margin: 0 auto 1em;
}
.sec06 .pink-wrap .pink-box{
  background: url(../images/sec06-flash.png) no-repeat right top #FF73A6;
  background-size: calc(44% / 1.86);
  border-radius: min(calc(20vw / 12.8),20px);
  width:min(calc(186vw / 12.8),186px);
  height:min(calc(186vw / 12.8),186px);
  font-size:min(calc(28vw / 12.8),28px);
  color:#fff;
  font-weight: 700;
  line-height: 1.3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sec06 .note{
  font-size:12px;
}
.sec07 .imglist{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.sec07 .imglist > div{
  width: calc(100% / 3);
  line-height: 1;
  height: min(calc(265vw / 12.8),270px);
}

.sec08{
  padding-top:min(calc(115vw / 12.8),115px);
  background: url(../images/sec08-left.png) left bottom no-repeat,url(../images/sec08-right.png) right bottom no-repeat;
  width: min(calc(1080vw / 12.8),1080px);
  margin: auto;
  background-size: min(calc(278vw / 12.8),278px);
}
.sec08 h2{
  width:min(calc(580vw / 12.8),580px);
  margin: 0 auto 1.5em;
}


.foot_inner {
  text-align: center;
  padding: min(calc(100vw / 12.8),100px) 0 min(calc(200vw / 12.8),200px);
  background: #fff;
}

.foot_inner img {
  width: calc(174vw / 7.68);
  min-width: 140px;
  max-width: 220px;
}

/* /////////////////////////////////////////////////////リンク//////////////////// */


.fixbtns {
  position: fixed;
  background: rgba(6, 46, 128, 0.85);
  inset: auto 0 0 0;
  color: #fff;
  opacity: 0;
  transform: translate(0, 110%);
  transition: opacity 100ms linear 0ms, transform 250ms ease-in 0ms;
  z-index: 100;
}
@media screen and (max-width: 1280px) {
  .fixbtns {
    padding: calc(20vw / 12.8) 0;
  }
}
@media screen and (min-width: 1281px) {
  .fixbtns {
    padding: 20px 0;
  }
}
@media screen and (max-width: 768px) {
  .fixbtns {
    padding: calc(25vw / 7.68) 0 calc(20vw / 7.68);
  }
}
.fixbtns:not(.is-shown) {
  pointer-events: none;
}
.fixbtns.is-shown {
  opacity: 1;
  transform: translate(0, 0%);
}
.fixbtns_inner {
  display: flex;
  justify-content: center;
  column-gap: 14px;
  row-gap: 20px;
	flex-wrap: wrap;
}
@media screen and (max-width: 1280px) {
  .fixbtns_inner {
    grid-template-columns: repeat(3, calc(408vw / 12.8));
  }
}
@media screen and (min-width: 1281px) {
  .fixbtns_inner {
    grid-template-columns: repeat(3, 408px);
  }
}
@media screen and (max-width: 768px) {
  .fixbtns_inner {
    grid-template-columns: repeat(3, calc(218vw / 7.68));
  }
}
.fixbtns_note {
  grid-column: 1/4;
  font-weight: 300;
  text-align: center;
}
@media screen and (max-width: 1280px) {
  .fixbtns_note {
    line-height: calc(1.667em / 12.8);
    font-size: calc(12vw / 12.8);
  }
  .fixbtns_note > p {
    line-height: inherit;
    font: inherit;
  }
  .fixbtns_note > p:first-of-type {
    margin-top: -0.333em;
  }
  .fixbtns_note > p:last-of-type {
    margin-bottom: -0.333em;
  }
}
@media screen and (min-width: 1281px) {
  .fixbtns_note {
    line-height: 1.667em;
    font-size: 12px;
	  width: 100%;
  }
  .fixbtns_note > p {
    line-height: inherit;
    font: inherit;
  }
  .fixbtns_note > p:first-of-type {
    margin-top: -0.333em;
  }
  .fixbtns_note > p:last-of-type {
    margin-bottom: -0.333em;
  }
}
@media screen and (max-width: 768px) {
  .fixbtns_note {
    line-height: 1.5em;
    font-size: calc(20vw / 7.68);
	  width: 100%;
  }
  .fixbtns_note > p {
    line-height: inherit;
    font: inherit;
  }
  .fixbtns_note > p:first-of-type {
    margin-top: -0.25em;
  }
  .fixbtns_note > p:last-of-type {
    margin-bottom: -0.25em;
  }
}
.p-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 0.3em;
  padding: 3px 15px 7px 20px;
  line-height: 1.305em;
  font-weight: 900;
  cursor: pointer;
	width: 35vw;
}
.p-btn > i {
  width: 0.957em;
  height: 0.957em;
  translate: 0 -5%;
}
.p-btn > i > svg {
  display: block;
  width: 100%;
  height: 100%;
}
.p-btn:hover {
  opacity: 0.5;
}

@media screen and (max-width: 1280px) {
  .p-btn.siz1 {
    border-radius: calc(2.065em / 12.8);
    min-width: calc(13.162em / 12.8);
    min-height: calc(2.065em / 12.8);
    font-size: calc(31vw / 12.8);
  }
}
@media screen and (min-width: 1281px) {
  .p-btn.siz1 {
    border-radius: 2.087em;
    min-width: 13.305em;
    min-height: 2.087em;
    font-size: 23px;
  }
}
@media screen and (max-width: 768px) {
  .p-btn.siz1 {
    border-radius: 2.065em;
    min-width: 13.162em;
    min-height: 2.065em;
    font-size: calc(31vw / 7.68);
  }
}
@media screen and (max-width: 1280px) {
  .p-btn.siz2 {
    border-radius: calc(50vw / 12.8);
    min-width: calc(11.548em / 12.8);
    min-height: calc(1.812em / 12.8);
    font-size: calc(53vw / 12.8);
  }
}
@media screen and (min-width: 1281px) {
  .p-btn.siz2 {
    border-radius: 50vw;
    min-width: 11.591em;
    min-height: 1.819em;
    font-size: 44px;
  }
}
@media screen and (max-width: 768px) {
  .p-btn.siz2 {
    border-radius: 1.812em;
    min-width: 11.548em;
    min-height: 1.812em;
    font-size: calc(53vw / 7.68);
  }
}
@media screen and (max-width: 1280px) {
  .p-btn.siz3 {
    border-radius: calc(50vw / 12.8);
    min-width: calc(7.267em/ 12.8);
    min-height: calc(2.534em/ 12.8);
    font-size: calc(36vw / 12.8);
  }
}
@media screen and (min-width: 1281px) {
  .p-btn.siz3 {
    border-radius: 1.778em;
    min-width: 11.334em;
    min-height: 1.778em;
    font-size: 36px
  }
}
@media screen and (max-width: 768px) {
  .p-btn.siz3 {
    border-radius: 2.534em;
    min-width: 7.267em;
    min-height: 2.534em;
    padding: 0.3vw 0.334em 0.7vw 0.667em;;
    font-size: calc(30vw / 7.68);
  }
}
.p-btn.col1 {
  background: #062e80;
  color: #fff;
}
.p-btn.col1 > i {
  fill: #fff;
}
.p-btn.col2 {
  background: #ff831e;
  color: #fff;
}
.p-btn.col2 > i {
  fill: #fff;
}
.p-btn.col3 {
  background: #fff;
  color: #009dff;
}
.p-btn.col3 > i {
  fill: #009dff;
}
.p-btn.col4 {
  background: #00a397;
  color: #fff;
}
.p-btn.col4 > i {
  fill: #fff;
}

@media screen and (max-width: 1000px) {
  .sec03 .splide.splide--loop {
    padding-bottom: 1em;
  }
  .sec03 .splide__slide > div {
    padding: 0.5em;
  }
  .sec03 .splide__list {
    padding-bottom: calc(70vw / 7.68) !important;
  }
}


/* //////////////////////////////////////////////////////////////////////////////// SP //////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 768px) {
  .sp{
    display: block;
  }
  .pc{
    display:none;
  }
  .notes {
    font-size: calc(18vw / 12.8);
    color: #414A98;
  }
  .kv {
    background: url(../images/kv-bg_sp.png) no-repeat center top/100% 100%;
    height: min(calc(532vw / 7.68),542px);
  }
  .kvobi {
    height: calc(92vw / 7.68);
  }
  .kvobi .kvobitxt{
    width: calc(434vw / 7.68);
    margin: 0 auto;
  }
  
  .sec01 {
    background: url(../images/sec01-bg_sp.png) center top no-repeat;
    background-size: 100%;
  }
  .sec01 h2 {
    font-size: calc(50vw / 7.68);
    margin: calc(80vw / 7.68);
  }
  .sec01 h2 img {
    top: -10%;
    left: 0;
    width: calc(98vw / 7.68);
  }
  .sec01 p {
    font-size: calc(28vw / 7.68);
  }
  .sec02-top {
    top: calc(-28vw / 7.68);
  }
  .sec02 h2 {
    font-size: calc(49vw / 7.68);
    background: url(../images/sec02-h2-slash.png) no-repeat center bottom 10%;
    padding: 1em 1em 0;
    background-size: calc(695vw / 7.68) auto;
  }
  .sec02 h2 img {
    width: calc(168vw / 7.68);
  }
  .sec02 .whitebox h3 {
    font-size: calc(44vw / 7.68);
    border: 4px solid #fff;
    border-radius: calc(30vw / 7.68);
    padding: calc(3vw / 7.68) 0 calc(9vw / 7.68);
  }
  .sec02 .whitebox .h301 {
    width: calc(430vw / 7.68);
    top: calc(-30vw / 7.68);
  }
  .sec02 .whitebox .h302 {
    width: calc(330vw / 7.68);
    position: absolute;
    top: calc(-33vw / 7.68);
    letter-spacing: 0.2em;
  }
  .note {
    font-size: calc(19vw / 7.68);
  }
  .sec02 .note {
    text-align: left;
    line-height: 1.5;
  }
  .sec02 .price {
    width: calc(630vw / 7.68);
    margin: 0 auto calc(30vw / 7.68);
  }
  .sec02 .whitebox {
    border-radius: calc(20vw / 7.68);
    padding: calc(60vw / 7.68) calc(45vw / 7.68);
    width: calc(720vw / 7.68);
    margin-top: calc(60vw / 7.68);
  }
  .more-box {
    margin-top: calc(70vw / 7.68);
    padding-top: calc(60vw / 7.68);
  }
  .more-item {
    padding-bottom: calc(30vw / 7.68);
    display: inherit;
    margin-top :calc(30vw / 7.68);
  }
  .more-img {
    width: 100%;
    margin-bottom :calc(30vw / 7.68);
  }
  .more-txt {
    width: 100%;
    display: inherit;
    text-align: center;
  }
  .more-txt p {
    font-size: calc(30vw / 7.68);
    margin-top: calc(14vw / 7.68);
    margin-bottom: calc(30vw / 7.68);
    text-align: left;
  }
  .more-txt p.moretxt-notes {
    font-size: calc(19vw / 7.68);
  }
  .more-txt a {
    width: calc(376vw / 7.68);
    font-size: calc(29vw / 7.68);
    line-height: calc(64vw / 7.68);
    margin: 0 auto calc(30vw / 7.68);
  }
  .sec02 .more-logo{
    margin-bottom: calc(10vw / 7.68);
    margin-top: calc(30vw / 7.68);
  }
  .sec02 .round-sub{
    background:#173271;
    color:#fff;
    border-radius: calc(24vw / 7.68);
    font-size:calc(33vw / 7.68);
    line-height:calc(33vw / 7.68);
    padding: 0 calc(20vw / 7.68);
    text-align: center;
  }
  .sec02 .note14{
    font-size:calc(22vw / 7.68);
  }
  .sec03 h2 {
    padding: calc(60vw / 7.68) 0 1rem;
    margin-bottom: 3rem;
    background-image: linear-gradient(90deg, #00DBD1 0 25%, #FFDC94 25% 50%, #FF9B14 50% 75%, #FF5D06 75%);
    background-repeat: no-repeat;
    background-size: calc(200vw / 7.68) 0.3rem;
    background-position: bottom;
    font-weight: bold;
    font-size: calc(50vw / 7.68);
  }
  .sec03 h3 {
    font-size: calc(38vw / 7.68);
    background: url(../images/sec03-h3.png) no-repeat center bottom;
    background-size: calc(276vw / 7.68);
  }
  .sec03 .splide__track {
    width: 100%;
  }
  .sec03 .splide__slide .slide-ttl {
    font-size: calc(30vw / 7.68);
    line-height: calc(50vw / 7.68);
    top: calc(-25vw / 7.68);
  }
  .sec03 .splide__slide .slide-ttl > span {
    font-size: calc(26vw / 7.68);
  }
  .sec03 .splide__slide a .slide-ttl {
    font-size: calc(26vw / 7.68);
    line-height: calc(48vw / 7.68);
    width: calc(380vw / 7.68);
    bottom: calc(-74vw / 7.68);
    background-size: calc(16vw / 7.68) !important;
    border-radius: calc(24vw / 7.68);
  }
  .sec03 .splide__slide a .slide-ttl > span {
    font-size: calc(20vw / 7.68);
  }
  .sec03 .splide.splide--loop {
    padding-bottom: calc(50vw / 7.68);
  }
  .sec03 .slidewrap {
    padding-bottom: 2em;
  }

  .sec03 .splide__slide > div{
    height: calc(222vw / 7.68);
  }
  .sec03 .splide__slide > div p{
    font-size: calc(22vw / 7.68);
  }
  .sec03 .splide__slide > div h4{
    font-size: calc(28vw / 7.68);
  }
  .sec03 .splide__slide {
    border: calc(8vw / 7.68) #fff solid;
  }

  .sec04{
    background: url(../images/sec04-bg-80.jpg) no-repeat center top/100%;
    padding-bottom:  calc(90vw / 7.68);
  }
  .sec04 h2 {
    padding: calc(60vw / 7.68) 0 1rem;
    background-image: linear-gradient(90deg, #00DBD1 0 25%, #FFDC94 25% 50%, #FF9B14 50% 75%, #FF5D06 75%);
    background-repeat: no-repeat;
    background-size: calc(200vw / 7.68) 0.3rem;
    background-position: bottom;
    font-size: calc(50vw / 7.68);
  }
  .sec04 h3{
    font-size: calc(52vw / 7.68);
    background: url(../images/sec04-h3-bg.png) no-repeat center bottom;
    background-size: calc(526vw / 7.68);
  }
  .sec04 .lead {
    font-size: calc(26vw / 7.68);
    margin-bottom: calc(80vw / 7.68);
  }
  .sec04 .yoga-wrap,.sec04 .sauna-wrap{
    width: 100%;
    border:none;
    border-radius: 0;
  }
  .sec04 .yoga-inner,.sec04 .sauna-inner{
    padding: calc(40vw / 7.68) calc(69vw / 7.68) 0;
    display: inherit;
  }
  .sec04 .yoga-wrap{
    margin-bottom: calc(50vw / 7.68);
  }
  .sec04 .sauna-wrap{
    margin-bottom: calc(20vw / 7.68);
  }
  .sec04 .yoga-inner .point,.sec04 .sauna-inner .point{
    width: auto;
    height: calc(310vw / 7.68);
    margin-bottom: calc(50vw / 7.68);
  }  
  .sec04 .yoga-wrap h4 img,.sec04 .sauna-wrap h4 img{
    position: absolute;
    width: calc(272vw / 7.68);
    right: calc(50vw / 7.68);
    top: calc(20vw / 7.68);;
  }
  .sec04 h4{
    font-size:calc(48vw / 7.68);
    padding-left: calc(100vw / 7.68);
    background: url(../images/sec04-h4-bg.png) no-repeat left 6% center #FFCEB4;
    padding-bottom: calc(8vw / 7.68);
    background-size: calc(51vw / 7.68);
  }
  .sec04 .sauna-wrap h4{
    background: url(../images/sec04-h4-bg.png) no-repeat left 6% center #FFDC94;
    background-size: calc(51vw / 7.68);
  }
  .sec04 .text{
    font-size:calc(28vw / 7.68);
    line-height: 1.75;
    padding:calc(60vw / 7.68) 0 calc(30vw / 7.68) calc(69vw / 7.68);
  }
  .sec04 h5{
    font-size:calc(42vw / 7.68);
    margin: 0 auto 0.2em;
    padding-top: 1.2em;
  
  }
  .sec04 .point img{
    width: calc(100vw / 7.68);
    top: -5%;
  }
  .sec04 .point p{
    font-size: calc(28vw / 7.68);
    padding: 0 1.5em;
  }
  .sec04 .note{
    font-size:calc(20vw / 7.68);
  }
  a.link {
    width: calc(510vw / 7.68);
    background:url(../images/arrow-link1.svg) no-repeat right 1.5% center #173271;
    background-size: calc(72vw / 7.68);
    font-size:calc(38vw / 7.68);
    height: calc(86vw / 7.68);
    padding: calc(24vw / 7.68) 0;
    border-radius: calc(43vw / 7.68);
  }
  a.link.link02 {
    background:url(../images/arrow-link2.svg) no-repeat right 1.5% center #6184DC;
    background-size: calc(72vw / 7.68);
  }
  .sec05{
    padding: calc(60vw / 7.68) 0 calc(60vw / 7.68);
  }
  .sec05 .subttl{
    font-size:calc(40vw / 7.68);
  }
  .sec05 h2{
    font-size:calc(50vw / 7.68);
    margin-bottom: calc(24vw / 7.68);
  }
  .sec05 .inner{
    width: calc(630vw / 7.68);
    padding: calc(30vw / 7.68) 0 calc(50vw / 7.68) ;
    display: inherit;
  }
  .sec05 .inner-left{
    width: 100%;
  }
  .sec05 .inner-right{
    width: 100%;
  }
  .sec05 .inner-left h3{
    font-size:calc(44vw / 7.68);
    margin-bottom: 0.5em;
  }
  .sec05 .inner-left p{
    font-size:calc(23vw / 7.68);
  }
  .sec05 .inner-left .price{
    width: calc(526vw / 7.68);
    margin-bottom: 1em;
  }
  .sec06{
    background: url(../images/sec06-bg1_sp.png) no-repeat center top,url(../images/sec06-bg2_sp.png) no-repeat center bottom;
    background-size:100%;
    padding: calc(40vw / 7.68) 0 calc(60vw / 7.68);
  }
  .sec06 .subttl{
    width:calc(262vw / 7.68);
    margin: 0 auto;
  }
  .sec06 h2{
    width:calc(660vw / 7.68);
    margin: 0 auto 1em;
  }
  .sec06 .price{
    width:calc(582vw / 7.68);
    margin: 0 auto 0.2em;
  }
  
  .sec06 h3{
    font-size:calc(36vw / 7.68);
    margin-bottom: 0.8em;
    line-height: 1.5;
  }
  .sec06 .pink-wrap{
    width:calc(492vw / 7.68);
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .sec06 .pink-wrap .pink-box{
    background: url(../images/sec06-flash.png) no-repeat right top #FF73A6;
    background-size: calc(44% / 1.86);
    border-radius: calc(20vw / 7.68);
    width:calc(234vw / 7.68);
    height:calc(234vw / 7.68);
    font-size:calc(35vw / 7.68);
    margin-bottom: 0.75em;
  }
  .sec06 .note{
    font-size:calc(20vw / 7.68);
  }
  .sec07 .imglist > div {
    width: calc(100% / 2);
    height: calc(235vw / 7.68);
  }
  .sec08 {
    padding-top: calc(115vw / 7.68);
    background: url(../images/sec08-left.png) left bottom calc(150vw / 7.68) no-repeat,url(../images/sec08-right.png) right -6% bottom calc(150vw / 7.68) no-repeat;
    width: 100%;
    background-size: calc(278vw / 7.68);
  }
  .sec08 h2 {
    width: calc(384vw / 7.68);
    margin: 0 auto 7em;
  }
  .sec03 .splide__pagination li {
    width: calc(30vw / 7.68);
  }
  .sec03 .splide__pagination__page {
    width: calc(20vw / 7.68);
    height: calc(20vw / 7.68);
  }




    
  .foot_inner {
    padding: calc(90vw / 7.68) 0 calc(300vw / 7.68);
    width: 100%;
    margin: auto;
    background: #fff;
  }
}

@media screen and (min-width: 1280px) {

.sec07 .imglist > div {
  width: 426px;
}
.sec03 .splide__slide a .slide-ttl{
  bottom:-76px;
}
}

/*# sourceMappingURL=style.css.map */