@charset "UTF-8";
.dpnone{
  display:none;
}
section{
  position: relative;
}
header{
  background:white;
}
footer{
  background:white;
  position: relative;
}

.areas{
  position: relative;
}
.area1{}
.area2{
  background: #fffae1;
}  
.area3{
  background: #f66877;
}  
.area4{
  background: #09c4e0;
}
.area5{
  background: #ffe468;
}
.area6{
  background: #fffae1;
  z-index:2;
}
.area7{
  background: #ffe052;
}
.area8{}
.area9{
  background: #d2f7ff;
}
.area10{
  background: #feafb8;
}
.area11{}
.area12{
  background: #09c4e0;
}
.area13 {
  background: #fffae1;
}


@media screen and (min-width: 739px){
  .notpc{
    display:none;
  }
  section, header, footer{
    min-width: 1200px;
  }
  .header-logo-all{
    display:flex;
    align-items: center;
    padding:30px 0 30px 30px;
    width:100%;
  }
  .header-logo-wrap{}
  .header-logo{}
  footer .footer_inner{
    width:100%;
	min-width:1200px;
  }
  
  .area4::before{
    content: "";
    position: absolute;
    height: 130px;
    width: 100%;
    clip-path: polygon(0 0,50% 100%,100% 0);
    background-color: #09c4e0;
    left: 0;
    bottom: -129px;
    z-index: 2;
  }
  .area6::before{
    content: "";
    position: absolute;
    height: 130px;
    width: 100%;
    clip-path: polygon(0 0,0% 100%,50% 100%);
    background-color: #fffae1;
    left: 0;
    top: -129px;
    z-index: 2;
  }
  .area6::after{
    content: "";
    position: absolute;
    height: 130px;
    width: 100%;
    clip-path: polygon(100% 100%,100% 0%,50% 100%);
    background-color: #fffae1;
    left: 0;
    top: -129px;
    z-index: 2;
  }
  
  
  #main{
    position: absolute;
    top:-0px;
    left:0;
  }
  .main{
    margin: 0 auto 0px;
    padding-top:0px;
  }
  .main-in{
    min-width:1200px;
    width:100%;
    margin:0 auto;
    position: relative;
  }
  .main-image-wrap{
    width:100%;
    margin-bottom:0px;
  }
  .main-image{
    width:100%;
  }
    
  
  #sensations{
    position: absolute;
    top:-0px;
    left:0;
  }
  .sensations{
    margin: 0 auto 0px;
    padding:130px 0 170px;
  }
  .sensations-in{
    width:1200px;
    margin:0 auto;
    position: relative;
  }
  .sensations-border-area{
    width:980px;
    border:solid 6px #f66877;
    margin:0 auto;
  }
  .sensations-title-wrap{
    position: relative;
    z-index: 2;
    top:-20px;
    margin:0 0 -10px 250px;
  }
  .sensations-title{}
  .sensations-name-wrap{
    position: relative;
    display:flex;
    flex-flow:column;
    align-items: center;
    margin-bottom:70px;
  }
  .sensations-name1{
    font-size: 32px;
    line-height: 1;
    text-align: center;
    color:#f66877;
    font-weight: bold;
    margin-bottom:30px;
  }
  .sensations-name2{
    margin-bottom:35px;
  }
  .sensations-name3{
    font-size: 39px;
    line-height: 1;
    text-align: center;
    color:#f66877;
    font-weight: bold;
  }
  .sensations-image{
    position: absolute;
    bottom:-40px;
    left:160px;
  }
  .sensations-free-wrap{
    margin: 0 0 60px 65px;
  }
  .sensations-free{}
  .sensations-link-wrap{
    display:flex;
    justify-content: center;
    align-items: flex-start;
    margin:0 auto -50px;
  }
  .sensations-link{}
    
  
  #whats{
    position: absolute;
    top:-0px;
    left:0;
  }
  .whats{
    margin: 0 auto 0px;
    padding:130px 0 150px;
  }
  .whats-in{
    width:1200px;
    margin:0 auto;
    position: relative;
  }
  .whats-title-wrap{
    position: relative;
    z-index: 2;    
  }
  .whats-title{
    display: block;
    margin:0 auto -70px;
  }
  .whats-image-wrap{}
  .whats-image{
    display: block;
    margin:0 auto 80px;
  }
  .whats-ul{
    display:flex;
    align-items: flex-start;
    margin:0 0 228px 65px;
  }
  .whats-ul li:nth-of-type(1){
    margin:20px 45px 0 0;
  }
  .whats-ul li:nth-of-type(2){
    margin:0 33px 0 0;
  }
  .whats-ul li:nth-of-type(3){
    margin:20px 0 0 0;
  }
  .whats-sen{}
  .whats-bottom-area{}
  .whats-border-area{
    box-sizing: border-box;
    position: relative;
    width:690px;
    border:solid 2px white;
    margin:0 auto;
    padding:22px;
  }
  .whats-movie-title{
    position: absolute;
    top:-140px;
    left:30px;
  }
  .whats-movie-area{
    position: relative;
    z-index: 2;
  }
  .whats-movie-image{
    width:100%;
  }
  
    
  #reason{
    position: absolute;
    top:-0px;
    left:0;
  }
  .reason{
    margin: 0 auto -0px;
    padding:170px 0 90px;
  }
  .reason-in{
    width:1200px;
    margin:0 auto;
    position: relative;
  }
  .reason-title-wrap{}
  .reason-title{
    display:block;
    margin: 0 auto 60px;
  }
  .reason-ul{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width:1050px;
    margin:0 auto;    
  }
  .reason-ul li{
    width:310px;
  }
  .reason-number{
    display: block;
    margin:0 auto 20px;
  }
  .reason-name{
    font-size: 23px;
    line-height: 1;
    text-align: center;
    color:white;
    font-weight: bold;
    margin:0 auto 25px;
  }
  .reason-image{
    display: block;
    margin:0 auto 35px;
  }
  .reason-sen{
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
    color:white;
    margin:0 auto 0px;
  }
  
  
  #type{
    position: absolute;
    top:-0px;
    left:0;
  }
  .type{
    margin: 0 auto -0px;
    padding-top:200px;
  }
  .type-in{
    width:1200px;
    margin:0 auto;
    position: relative;
    min-height:500px;
  }
  .type-bg{
    position: absolute;
    z-index:2;
    top:-67px;
    left:10px;
  }
  .type-title-wrap{}
  .type-title{
    font-size: 36px;
    line-height: 1;
    text-align: center;
    color:#f66877;
    font-weight: bold;
    margin:0 auto 65px;
  }
  .type-image-wrap{
    margin:0 0 -64px 135px;
  }
  .type-image{}
  
  
  #free{
    position: absolute;
    top:-0px;
    left:0;
  }
  .free{
    margin: 0 auto 0px;
    padding:135px 0 145px;
  }
  .free-in{
    width:1200px;
    margin:0 auto;
    position: relative;
  }
  .free-border-area{
    width:980px;
    border:solid 6px #f66877;
    margin:0 auto;
  }
  .free-title-wrap{
    position: relative;
    z-index: 2;
    top:-35px;
    margin:0 0 20px 170px;
  }
  .free-title{}
  .free-free-wrap{
    margin: 0 0 60px 65px;
  }
  .free-free{}
  .free-link-wrap{
    display:flex;
    justify-content: center;
    align-items: flex-start;
    margin:0 auto -50px;
  }
  .free-link{}
  
  
  #voice{
    position: absolute;
    top:-0px;
    left:0;
  }
  .voice{
    margin: 0 auto 0px;
    padding:140px 0 110px;
  }
  .voice-in{
    width:1200px;
    margin:0 auto;
    position: relative;
  }
  .voice-title-wrap{}
  .voice-title{
    display: block;
    margin:0 auto 50px;
  }
  .voice-ul{
    display:flex;
    flex-flow:wrap;
    justify-content: space-between;
    align-items: flex-start;
    width:820px;
    margin:0 auto;
  }
  .voice-ul li:nth-of-type(2){
    margin-top:70px;
  }
  .voice-ul li:nth-of-type(4){
    margin-top:50px;
  }
  .voice-ul li:nth-of-type(6){
    margin-top:50px;
  }
  
  
  #scene{
    position: absolute;
    top:-0px;
    left:0;
  }
  .scene{
    margin: 0 auto 0px;
    padding:0px 0 0px;
  }
  .scene-in{
    min-width:1200px;
    width:100%;
    margin:0 auto;
    position: relative;
  }
  .scene-image-wrap{
    width:100%;
    margin-bottom:0px;
  }
  .scene-image{
    width:100%;
  }
    
  
  #faq{
    position: absolute;
    top:-0px;
    left:0;
  }
  .faq{
    margin: 0 auto 0px;
    padding:140px 0 130px;
  }
  .faq-in{
    width:1200px;
    margin:0 auto;
    position: relative;
  }
  .faq-title-wrap{
    margin:0 auto 80px;
  }
  .faq-title-p{
    font-size: 40px;
    line-height: 1;
    text-align: center;
    margin:0 auto 25px;
  }
  .faq-title-border{
    width:244px;
    height:4px;
    background: black;
    margin:0 auto;
  }
  .faq-ul{
    display: flex;
    flex-flow: column;
    align-items: center;
    width:890px;
    margin:0 auto;
  }
  .faq-ul li{
    width:890px; 
    background:white;
    border-top:solid 3px #00b8e0;
    border-bottom:solid 3px #00b8e0;
  }
  .faq-ul li:nth-of-type(n+2){
    margin-top:50px;
  }
  .faq-q-wrap,.faq-a-wrap{
    padding:30px 0px 30px 50px;
  }
  .faq-q-wrap{
    border-bottom:solid 1px #00b8e0;
  }
  .faq-a-wrap{}
  .faq-qa-lr{
    display:flex;
    align-items: center;
  }
  .faq-qa-left{
    margin-right:15px;
  }
  .faq-qa-right{}
  .faq-q,.faq-a{}
  .faq-q-p{
    font-size: 22px;
    line-height: 1;
    color:#00b8e0;
    font-weight: 500;
  }
  .faq-a-p{
    font-size: 18px;
    line-height: 1.6;
  }
  
  
  #cost{
    position: absolute;
    top:-0px;
    left:0;
  }
  .cost{
    margin: 0 auto -2px;
    padding:140px 0 130px;
  }
  .cost-in{
    width:1200px;
    margin:0 auto;
    position: relative;
  }
  .cost-title-wrap{
    margin:0 auto 70px;
  }
  .cost-title-p{
    font-size: 40px;
    line-height: 1;
    text-align: center;
    margin:0 auto 25px;
  }
  .cost-title-border{
    width:244px;
    height:4px;
    background: black;
    margin:0 auto;
  }
  .cost-image-wrap{}
  .cost-image{
    display: block;
    margin:0 auto 50px;
  }
  .cost-caution-wrap{
    width:1100px;
    margin:0 auto;
  }
  .cost-caution{
    font-size: 14px;
    line-height: 1;
    text-align: right;
    position: relative;
    right:-0.5em;
  }
  
  
  #member{
    position: absolute;
    top:-0px;
    left:0;
  }
  .member{
    margin: 0 auto;
    padding:0px 0 0px;
    background:#fffae1;
  }
  .member-in{
    min-width:1200px;
    width:100%;
    margin:0 auto;
    position: relative;
  }
  .member-image-wrap{
    width:100%;
    margin-bottom:0px;
  }
  .member-image{
    width:100%;
  }
  
  
  #experience{
    position: absolute;
    top:-0px;
    left:0;
  }
  .experience{
    margin: 0 auto;
    padding:65px 0 80px;
  }
  .experience-in{
    width:1200px;
    margin:0 auto;
    position: relative;
  }
  .experience-p{
    font-size: 24px;
    line-height: 1.6;
    color:white;
    font-weight: bold;
    text-align: center;
    margin:0 auto 50px;
  }
  .experience-image{
    margin:0 auto;
    display: block;
  }
  
    
  .anchor{
    position:fixed;
    bottom:5px;
    right:20px;
    z-index: 20;
  }
  .anchor-ul{
    display:flex;
    flex-flow:column;
    align-items: flex-end;
  }
  .anchor-ul li{
    width: fit-content;
    position: relative;
  }
  .anchor-box{}
}



@media screen and (max-width:738px){
  .notsp{
    display:none;
  }
  .header-logo-all{
    display:flex;
    align-items: center;
    padding:calc(22 / 750 * 100vw) 0 calc(22 / 750 * 100vw) calc(20 / 750 * 100vw);
  }
  .header-logo-wrap{}
  .header-logo-wrap.logo1{
    width:calc(145 / 750 * 100vw);
  }
  .header-logo{
    width:100%;
  }
  
  
  .area4::before{
    content: "";
    position: absolute;
    height: calc(150 / 750 * 100vw);
    width: 100%;
    clip-path: polygon(0 0,50% 100%,100% 0);
    background-color: #09c4e0;
    left: 0;
    bottom: calc(-148 / 750 * 100vw);
    z-index: 2;
  }
  .area6::before{
    content: "";
    position: absolute;
    height: calc(150 / 750 * 100vw);
    width: 100%;
    clip-path: polygon(0 0,0% 100%,50% 100%);
    background-color: #fffae1;
    left: 0;
    top: calc(-148 / 750 * 100vw);
    z-index: 2;
  }
  .area6::after{
    content: "";
    position: absolute;
    height: calc(150 / 750 * 100vw);
    width: 100%;
    clip-path: polygon(100% 100%,100% 0%,50% 100%);
    background-color: #fffae1;
    left: 0;
    top: calc(-148 / 750 * 100vw);
    z-index: 2;
  }
  
  
  #main{
    position: absolute;
    top:calc(-0 / 750 * 100vw);
    left:0;
  }
  .main{
    margin: 0 auto calc(0 / 750 * 100vw);
    width:100%;
    padding-top:calc(0 / 750 * 100vw);
  }
  .main-in{
    width:100%;
    margin:0 auto;
    position: relative;
  }
  .main-image-wrap{
    margin-bottom:calc(0 / 750 * 100vw);
  }
  .main-image{
    width:100%;
  }
    
  
  #sensations{
    position: absolute;
    top:calc(-0 / 750 * 100vw);
    left:0;
  }
  .sensations{
    margin: 0 auto calc(0 / 750 * 100vw);
    width:100%;
    padding:calc(110 / 750 * 100vw) 0 calc(180 / 750 * 100vw);
  }
  .sensations-in{
    width:100%;
    margin:0 auto;
    position: relative;
  }
  .sensations-border-area{
    width:100%;
    border-top:solid calc(10 / 750 * 100vw) #f66877;
    border-bottom:solid calc(10 / 750 * 100vw) #f66877;
    margin:0 auto;
  }
  .sensations-title-wrap{
    position: relative;
    z-index: 2;
    top:calc(-30 / 750 * 100vw);
    margin:0 0 calc(-20 / 750 * 100vw) calc(120 / 750 * 100vw);
  }
  .sensations-title{
    width:calc(597 / 750 * 100vw);
  }
  .sensations-name-wrap{
    position: relative;
    display:flex;
    flex-flow:column;
    align-items: center;
    margin-bottom:calc(75 / 750 * 100vw);
  }
  .sensations-name1{
    font-size: calc(36 / 750 * 100vw);
    line-height: 1;
    text-align: center;
    color:#f66877;
    font-weight: bold;
    margin-bottom:calc(35 / 750 * 100vw);
  }
  .sensations-name2{
    width:calc(536 / 750 * 100vw);
    margin-bottom:calc(40 / 750 * 100vw);
  }
  .sensations-name3{
    font-size: calc(43 / 750 * 100vw);
    line-height: 1;
    text-align: center;
    color:#f66877;
    font-weight: bold;
  }
  .sensations-image{
    width:calc(103 / 750 * 100vw);
    position: absolute;
    bottom:calc(-45 / 750 * 100vw);
    left:calc(25 / 750 * 100vw);
  }
  .sensations-free-wrap{
    margin: 0 0 calc(100 / 750 * 100vw) calc(55 / 750 * 100vw);
  }
  .sensations-free{
    width:calc(660 / 750 * 100vw);
  }
  .sensations-link-wrap{
    display:flex;
    justify-content: center;
    align-items: flex-start;
    margin:0 auto calc(-70 / 750 * 100vw);
  }
  .sensations-link{
    width:calc(660 / 750 * 100vw);
  }
    
  
  #whats{
    position: absolute;
    top:calc(-0 / 750 * 100vw);
    left:0;
  }
  .whats{
    margin: 0 auto calc(0 / 750 * 100vw);
    width:100%;
    padding:calc(140 / 750 * 100vw) 0 calc(150 / 750 * 100vw);
  }
  .whats-in{
    width:100%;
    margin:0 auto;
    position: relative;
  }
  .whats-title-wrap{
    position: relative;
    z-index: 2;    
  }
  .whats-title{
    width:calc(591 / 750 * 100vw);
    display: block;
    margin:0 auto calc(-65 / 750 * 100vw);
  }
  .whats-image-wrap{}
  .whats-image{
    width:100%;
    display: block;
    margin:0 auto calc(110 / 750 * 100vw);
  }
  .whats-ul{
    display:flex;
    flex-flow: column;
    align-items: center;
    margin-bottom:calc(350 / 750 * 100vw);
  }
  .whats-ul li:nth-of-type(1){
    width:calc(582 / 750 * 100vw);
    margin:0 calc(17 / 750 * 100vw) calc(15 / 750 * 100vw) 0;
  }
  .whats-ul li:nth-of-type(2){
    width:calc(632 / 750 * 100vw);
    margin:0 0 calc(68 / 750 * 100vw) calc(70 / 750 * 100vw);
  }
  .whats-ul li:nth-of-type(3){
    width:calc(564 / 750 * 100vw);
    margin:0 0 0 0;
  }
  .whats-sen{
    width:100%;
  }
  .whats-border-area{
    box-sizing: border-box;
    position: relative;
    width:calc(680 / 750 * 100vw);
    border:solid 2px white;
    margin:0 auto;
    padding:calc(19 / 750 * 100vw);
  }
  .whats-movie-title{
    width:calc(592 / 750 * 100vw);
    position: absolute;
    top:calc(-250 / 750 * 100vw);
    left:calc(46 / 750 * 100vw);
  }
  .whats-movie-area{
    position: relative;
    z-index: 2;
  }
  .whats-movie-image{
    width:100%;
  }
  
  
  #reason{
    position: absolute;
    top:calc(-0 / 750 * 100vw);
    left:0;
  }
  .reason{
    margin: 0 auto calc(0 / 750 * 100vw);
    width:100%;
    padding:calc(140 / 750 * 100vw) 0 calc(25 / 750 * 100vw);
  }
  .reason-in{
    width:100%;
    margin:0 auto;
    position: relative;
  }
  .reason-title-wrap{}
  .reason-title{
    display:block;
    width:calc(520 / 750 * 100vw);
    margin: 0 auto calc(105 / 750 * 100vw);
  }
  .reason-ul{
    display: flex;
    flex-flow:column;
    align-items: center;
    width:calc(580 / 750 * 100vw);
    margin:0 auto;
  }
  .reason-ul li:nth-of-type(n+2){
    margin-top:calc(70 / 750 * 100vw);
  }
  .reason-number{
    display: block;
    height:calc(70 / 750 * 100vw);
    margin:0 auto calc(35 / 750 * 100vw);
  }
  .reason-name{
    font-size: calc(40 / 750 * 100vw);
    line-height: 1;
    text-align: center;
    color:white;
    font-weight: bold;
    margin:0 auto calc(40 / 750 * 100vw);
  }
  .reason-image{
    display: block;
    width:100%;
    margin:0 auto calc(40 / 750 * 100vw);
  }
  .reason-sen{
    font-size: calc(28 / 750 * 100vw);
    line-height: 1.6;
    text-align: center;
    color:white;
    margin:0 auto 0px;
  }
  
  
  #type{
    position: absolute;
    top:calc(-0 / 750 * 100vw);
    left:0;
  }
  .type{
    margin: 0 auto calc(0 / 750 * 100vw);
    width:100%;
    padding-top:calc(230 / 750 * 100vw);
  }
  .type-in{
    width:100%;
    margin:0 auto;
    position: relative;
    min-height:500px;
  }
  .type-bg{
    width:100%;
    position: absolute;
    z-index:2;
    top:calc(-65 / 750 * 100vw);
    left:0px;
  }
  .type-title-wrap{}
  .type-title{
    font-size: calc(46 / 750 * 100vw);
    line-height: 1.5;
    text-align: center;
    color:#f66877;
    font-weight: bold;
    margin:0 auto calc(25 / 750 * 100vw);
  }
  .type-image-wrap{
    margin:0 0 calc(-70 / 750 * 100vw) 0;
  }
  .type-image{
    width:100%;
  }
  
  
  
  
  #free{
    position: absolute;
    top:calc(-0 / 750 * 100vw);
    left:0;
  }
  .free{
    margin: 0 auto calc(0 / 750 * 100vw);
    width:100%;
    padding:calc(135 / 750 * 100vw) 0 calc(180 / 750 * 100vw);
  }
  .free-in{
    width:100%;
    margin:0 auto;
    position: relative;
  }
  .free-border-area{
    width:100%;
    border-top:solid calc(10 / 750 * 100vw) #f66877;
    border-bottom:solid calc(10 / 750 * 100vw) #f66877;
    margin:0 auto;
  }
  .free-title-wrap{
    position: relative;
    z-index: 2;
    top:calc(-40 / 750 * 100vw);
    margin:0 0 calc(45 / 750 * 100vw) calc(65 / 750 * 100vw);
  }
  .free-title{
    width:calc(627 / 750 * 100vw);
  }
  .free-free-wrap{
    margin: 0 0 calc(100 / 750 * 100vw) calc(55 / 750 * 100vw);
  }
  .free-free{
    width:calc(660 / 750 * 100vw);
  }
  .free-link-wrap{
    display:flex;
    justify-content: center;
    align-items: flex-start;
    margin:0 auto calc(-70 / 750 * 100vw);
  }
  .free-link{
    width:calc(660 / 750 * 100vw);
  }
  
  
  #voice{
    position: absolute;
    top:calc(-0 / 750 * 100vw);
    left:0;
  }
  .voice{
    margin: 0 auto calc(0 / 750 * 100vw);
    width:100%;
    padding:calc(110 / 750 * 100vw) 0 calc(115 / 750 * 100vw);
  }
  .voice-in{
    width:100%;
    margin:0 auto;
    position: relative;
  }
  .voice-title-wrap{}
  .voice-title{
    display: block;
    width:calc(622 / 750 * 100vw);
    margin:0 auto calc(75 / 750 * 100vw);
  }
  .voice-ul{
    display:flex;
    flex-flow:column;
    align-items: center;
    margin:0 auto;
  }
  .voice-ul li:nth-of-type(n+2){
    margin-top:calc(80 / 750 * 100vw);
  }
  .voice-image{
    width:calc(660 / 750 * 100vw);
  }
  .voice-image.image4{
    width:calc(672 / 750 * 100vw);
  }
  
    
  #scene{
    position: absolute;
    top:calc(-0 / 750 * 100vw);
    left:0;
  }
  .scene{
    margin: 0 auto calc(0 / 750 * 100vw);
    width:100%;
    padding:calc(0 / 750 * 100vw) 0 calc(0 / 750 * 100vw);
  }
  .scene-in{
    width:100%;
    margin:0 auto;
    position: relative;
  }
  .scene-image-wrap{
    margin-bottom:calc(0 / 750 * 100vw);
  }
  .scene-image{
    width:100%;
  }
  
  
  #faq{
    position: absolute;
    top:calc(-0 / 750 * 100vw);
    left:0;
  }
  .faq{
    margin: 0 auto calc(0 / 750 * 100vw);
    width:100%;
    padding:calc(140 / 750 * 100vw) 0 calc(135 / 750 * 100vw); 
  }
  .faq-in{
    width:100%;
    margin:0 auto;
    position: relative;
  }
  .faq-title-wrap{
    margin:0 auto calc(100 / 750 * 100vw);
  }
  .faq-title-p{
    font-size: calc(50 / 750 * 100vw);
    line-height: 1;
    text-align: center;
    margin:0 auto calc(30 / 750 * 100vw);
  }
  .faq-title-border{
    width:calc(244 / 750 * 100vw);
    height:calc(4 / 750 * 100vw);
    background: black;
    margin:0 auto;
  }
  .faq-ul{
    display: flex;
    flex-flow: column;
    align-items: center;
    width:calc(670 / 750 * 100vw);
    margin:0 auto;
  }
  .faq-ul li{
    width:calc(670 / 750 * 100vw); 
    background:white;
    border-top:solid calc(4 / 750 * 100vw) #00b8e0;
    border-bottom:solid calc(4 / 750 * 100vw) #00b8e0;
  }
  .faq-ul li:nth-of-type(n+2){
    margin-top:calc(65 / 750 * 100vw);
  }
  .faq-q-wrap,.faq-a-wrap{
    padding:calc(30 / 750 * 100vw) 0px calc(30 / 750 * 100vw) calc(35 / 750 * 100vw);
  }
  .faq-q-wrap{
    border-bottom:solid 1px #00b8e0;
  }
  .faq-a-wrap{}
  .faq-qa-lr{
    display:flex;
    align-items: center;
  }
  .faq-qa-left{
    margin-right:calc(20 / 750 * 100vw);
  }
  .faq-qa-right{}
  .faq-q,.faq-a{
    width:calc(78 / 750 * 100vw);
  }
  .faq-q-p{
    font-size: calc(32 / 750 * 100vw);
    line-height: 1;
    color:#00b8e0;
    font-weight: 500;
  }
  .faq-a-p{
    font-size: calc(26 / 750 * 100vw);
    line-height: 1.7;
  }  
  
  
  #cost{
    position: absolute;
    top:calc(-0 / 750 * 100vw);
    left:0;
  }
  .cost{
    margin: 0 auto calc(-2 / 750 * 100vw);
    width:100%;
    padding:calc(140 / 750 * 100vw) 0 calc(135 / 750 * 100vw);
  }
  .cost-in{
    width:100%;
    margin:0 auto;
    position: relative;
  }
  .cost-title-wrap{
    margin:0 auto calc(70 / 750 * 100vw);
  }
  .cost-title-p{
    font-size: calc(50 / 750 * 100vw);
    line-height: 1;
    text-align: center;
    margin:0 auto calc(30 / 750 * 100vw);
  }
  .cost-title-border{
    width:calc(244 / 750 * 100vw);
    height:calc(4 / 750 * 100vw);
    background: black;
    margin:0 auto;
  }
  .cost-image-wrap{}
  .cost-image{
    width:calc(660 / 750 * 100vw);
    display: block;
    margin:0 auto calc(50 / 750 * 100vw);
  }
  .cost-caution-wrap{
    width:calc(660 / 750 * 100vw);
    margin:0 auto;
  }
  .cost-caution{
    font-size: calc(20 / 750 * 100vw);
    line-height: 1.5;
    position: relative;
    white-space: nowrap;
  }  
  
  
  #member{
    position: absolute;
    top:calc(-0 / 750 * 100vw);
    left:0;
  }
  .member{
    margin: 0 auto calc(0 / 750 * 100vw);
    width:100%;
    padding:calc(0 / 750 * 100vw) 0 calc(0 / 750 * 100vw);
    background:#fffae1;
  }
  .member-in{
    width:100%;
    margin:0 auto;
    position: relative;
  }
  .member-image-wrap{
    margin-bottom:calc(0 / 750 * 100vw);
  }
  .member-image{
    width:100%;
  }
  
  
  #experience{
    position: absolute;
    top:calc(-0 / 750 * 100vw);
    left:0;
  }
  .experience{
    margin: 0 auto calc(0 / 750 * 100vw);
    width:100%;
    padding:calc(90 / 750 * 100vw) 0 calc(90 / 750 * 100vw);
  }
  .experience-in{
    width:100%;
    margin:0 auto;
    position: relative;
  }
  .experience-p{
    font-size: calc(30 / 750 * 100vw);
    line-height: 1.6;
    color:white;
    font-weight: bold;
    text-align: center;
    margin:0 auto calc(65 / 750 * 100vw);
  }
  .experience-image{
    width:calc(222 / 750 * 100vw);
    margin:0 auto;
    display: block;
  }  
  
  
  .anchor{
    position:fixed;
    right:calc(20 / 750 * 100vw);
    bottom:calc(10 / 750 * 100vw);
    z-index: 20;
  }
  .anchor-ul{
    display:flex;
    flex-flow:column;
    align-items: flex-end;
  }
  .anchor-ul li{
    width: fit-content;
    position: relative;
  }
  .anchor-box{}
  .anchor-arrow.arrow1{
    width:calc(91 / 750 * 100vw);
  }
}


/*store*/

@media screen and (min-width: 739px){
  #storelist{
    position: absolute;
    top:-0px;
    left:0;
  }
  .storelist{
    margin: 0 auto -2px;
    padding:140px 0 32px;
  }
  .storelist-in{
    width:1200px;
    margin:0 auto;
    position: relative;
  }
  .storelist-title-wrap{
    margin:0 auto 70px;
  }
  .storelist-title-p{
    font-size: 40px;
    line-height: 1;
    text-align: center;
    margin:0 auto 25px;
  }
  .storelist-title-border{
    width:244px;
    height:4px;
    background: black;
    margin:0 auto;
  }
	.storelist table {
		width: 880px;
		margin: 0 auto;
		border-top: solid 3px #00b8e0;
		border-bottom: solid 3px #00b8e0;
		background: #ffffff;
		font-size: 20px;
	}
	
	.storelist table .table_th td {
		font-size: 18px;
		text-align: center;
		border-right:  solid 1px #00b8e0;
		background: #f0fcff;
		font-weight: 500;
		padding: 15px 30px;
	}
	.storelist table .table_th td:last-child {
		border-right: none;
	}
	
	.storelist table tr th{
		border-bottom: solid 1px #00b8e0;
		border-right:  solid 1px #00b8e0;
		text-align: left;
		padding: 20px 30px;
		width: 60%;
		font-weight: normal;
		vertical-align: middle;
	}
	.storelist table tr th a {
		color: #00b8e0;
	}
	.storelist table tr td {
		border-bottom: solid 1px #00b8e0;
		text-align: center;
		padding: 20px 0;
		width: 40%;
		vertical-align: middle;
	}
	
	.storelist-text {
		text-align: center;
		font-size: 22px;
		margin-bottom: 40px;
	}
}

@media screen and (max-width:738px){
  #storelist{
    position: absolute;
    top:calc(-0 / 750 * 100vw);
    left:0;
  }
  .storelist{
    margin: 0 auto calc(-2 / 750 * 100vw);
    width:100%;
    padding:calc(140 / 750 * 100vw) 0 calc(72 / 750 * 100vw);
  }
  .storelist-in{
    width:100%;
    margin:0 auto;
    position: relative;
  }
  .storelist-title-wrap{
    margin:0 auto calc(70 / 750 * 100vw);
  }
  .storelist-title-p{
    font-size: calc(50 / 750 * 100vw);
    line-height: 1;
    text-align: center;
    margin:0 auto calc(30 / 750 * 100vw);
  }
  .storelist-title-border{
    width:calc(244 / 750 * 100vw);
    height:calc(4 / 750 * 100vw);
    background: black;
    margin:0 auto;
  }
	.storelist table {
		width: calc(670 / 750 * 100vw);
		margin: 0 auto;
		border-top: solid 3px #00b8e0;
		border-bottom: solid 3px #00b8e0;
		background: #ffffff;
		font-size: calc(24 / 750 * 100vw);
		line-height: 1.5em;
	}
	
	.storelist table .table_th td {
		font-size: calc(22 / 750 * 100vw);
		text-align: center;
		border-right:  solid 1px #00b8e0;
		font-weight: 500;
		background: #f0fcff;
		padding:  calc(15 / 750 * 100vw)  calc(15 / 750 * 100vw);
	}
	.storelist table .table_th td:last-child {
		border-right: none;
	}
	
	.storelist table tr th{
		border-bottom: solid 1px #00b8e0;
		border-right:  solid 1px #00b8e0;
		text-align: left;
		padding:  calc(30 / 750 * 100vw)  calc(15 / 750 * 100vw);
		width: 60%;
		font-weight: normal;
		vertical-align: middle;
	}
	.storelist table tr th a {
		color: #00b8e0;
	}
	.storelist table tr td {
		border-bottom: solid 1px #00b8e0;
		text-align: center;
		padding:  calc(30 / 750 * 100vw)  calc(20 / 750 * 100vw);
		width: 40%;
		vertical-align: middle;
	}
	
	.storelist-text {
		text-align: center;
		font-size: calc(30 / 750 * 100vw);
		margin-bottom: 20px;
		line-height: 1.5em;
	}
	
	
}


@media screen and (min-width: 739px) and (max-width: 1200px){}

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