@charset "UTF-8";
/* CSS Document */

.grd1 .test{
    background-color: #000;
    display: none;
}
/*共通コード*/
body{
    background-color: #F8F7F4;
}
/*フォントサイズとカラー*/
/*85px*/
.zengaku h5{
    font-size: 21.79vw;
}
/*フォントサイズ52px*/
.fv h2{
    font-size: 13.3333vw;
}
/*45px*/
.be-af2-2,.be-af4-2,.zengaku h5 span{
    font-size: 11.5385vw;
}
/*40px*/
.thank h2{
    font-size: 10.257vw;
}
/*フォントサイズ35px*/
.h-h1,.h-3content h2,.top-nyuukai h2,.c-box1 h2,.contact-box3 h2,.price-box1 h1,.after-lesson h1,.contact-box2 h2,.about-2 h2,.about-3 h2,.abou-4 h2{
    font-size: 8.974vw;
}
/*フォントサイズ30px*/
.t-n-2,.t-n-3,.t-n-4,.be-af6-2,#g-nav ul a{
    font-size: 7.6923vw;
}
/*22px*/
.cash h3,.zengaku h3{
    font-size: 5.641vw
}
/*20px*/
.tdb,.s2table{
    font-size: 5.128vw;
}
/*フォントサイズ19px*/
.access-box1,.a-hokkaido,.a-nagoya,.a-tokyo{
    font-size: 4.87179vw;
}
/*22px*/
.slider1-h2{
    font-size: 5.641vw;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
/*フォントサイズ18px*/
.top-nyuukai .t-n-1,.contact-box3 h4,.be-af1,.zengaku h4{
    font-size: 4.61538vw;
}
/*フォントサイズ16px*/
.nyuukai1 p,.nyuukai2 p,.nyuukai3 p,.td, #price .t3-1,.price-white-box p,.zenp2,.koe-box-in h3,.abou-4 p,.thank h3{
    font-size: 4.1025vw;
}
/*フォントサイズ14px*/
.h1-h2,.h-3content p,.cb-inp1,.lesson p,.question,.answer,.contact-box3 h3,.slider1-p,#price th,#price .t3-4,#price .t3-5,#price .t3-6,.after-lesson p,.be-af2-1,.be-af2-2 span,.be-af4-1,.be-af4-2 span,.be-af6-2 span,.contact-box2 h3,.contact-box2 p,.formbox label,.sousin,.zen-check,.koe-box-in p,.abou-4 h3,.abou-4 h4,.thank p{
    font-size: 3.589vw;
}
/*フォントサイズ13px*/
.h-3content a,.top-about p,.top-about a,.top-nyuukai a,.a-hokkaido .a-inp1,.a-nagoya .a-inp1,.a-tokyo .a-inp1,.a-hokkaido a,.a-nagoya a,.a-tokyo a{
    font-size: 3.333vw;
}
/*フォントサイズ12px*/
#g-nav ul a span,.cb-inp2,.be-af1 span,.be-af6-1,.contact-box2 p.c-box2-bottom,.koe-box-in h5,#g-nav ul a span{
    font-size: 3.0769vw;
}
/*11px*/
.tdb span,.zenp1{
    font-size: 2.8205vw;
}
/*10px*/
.p-boxp1{
    font-size: 2.564vw;
}
/*フォントカラー*/
.fv h2{
    color: #3E3D3D;
}
/*フォントファミリー*/
/*游明朝*/
.fv h2,#g-nav ul a{
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-weight: 300;
}
/*Noto sans jp*/
#g-nav ul a span,.h1-h2,.h-3content p,.top-about p,.top-nyuukai ,#access,#contact,#price,footer,#about,#top-index{
    font-family: 'Noto Sans JP', sans-serif;
}
@font-face{
    font-family: 'ipamin'; 
    src: url("../font/ipamp.ttf") format('opentype');; 
}
/*IPA明朝*/
.h-h1,.h-3content h2,.top-about h1{
    font-family: 'ipamin';
}
/*游ゴシック*/
.h-3content a,.top-nyuukai a,.top-about a, #access a{
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
/*ポジションの設定*/
.fv,header,.top-nyuukai,.access-box1,.be-af{
    position: relative;
}
.fv h2,.video-container,.grd1,.grd2,.item,.top-logo,.menu-in-line,.menu-icon-box,.menu-logo,.h-h1,.h1-h2,.h-3content img,.h-3content img,.h-3content h2,.h-3content p,.h-3content a,.top-about p,.top-about img,.top-about span,.top-about a,.top-about h1,.nyuukai1,.nyuukai2,.nyuukai3,.top-nyuukai h2,.t-n-1,.t-n-2,.t-n-3,.t-n-4,.access-box1 p,.access-box1 img,.a-hokkaido h3,.a-hokkaido p,.a-hokkaido img,.a-hokkaido a,.a-nagoya h3,.a-nagoya p,.a-nagoya img,.a-nagoya a,.a-tokyo h3,.a-tokyo p,.a-tokyo img,.a-tokyo a,.a-hokkaido div,.a-tokyo div,.a-nagoya div,.cb-in-box,.cb-inp1,.cb-inp2,.c-box1 h2,.contact-box3 h2,.contact-box3 h4,.price-box1 h1,.triangle,.slider2,.cash .gura-line,.cash h3,.price-white-box,.be-af1,.be-af2,.be-af3,.be-af4,.be-af5,.be-af6,.contact-box2 h2,.contact-box2 h3,.contact-box2 p,.contact-box2 form,.about-2 h2,.about-2-in1,.about-2-in2,.zengaku h3,.zengaku h4,.zengaku h5,.zengaku .leaf,.zengaku .zenp1,.zengaku .zenp2,.zengaku .zen-check,.koe-box,.koe-box-in h3,.koe-box-in p,.koe-box-in h5,.koe-box-in img,.abou-4 h2,.abou-4 h3,.trainer{
    position: absolute;
}
/*左右中央よせ*/
.h-h1,.h1-h2,.h-3content p,.h-3content a,.top-about p,.top-about img,.top-about span,.top-about a,.top-about h1,.top-nyuukai h2,.t-n-1,.access-box1 p,.access-box1 img,.a-hokkaido h3,.a-nagoya h3,.a-tokyo h3,.a-inp4,.a-in-img1,.a-in-img2,.a-hokkaido a,.a-nagoya a,.a-tokyo a,.a-hokkaido div,.a-tokyo div,.a-nagoya div,.cb-in-box,.cb-inp1,.cb-inp2,.c-box1 h2,.contact-box3 h3,.contact-box3 h2,.price-box1 h1,.triangle,.slider2,.f-c,.f-priva,.cash .gura-line,.price-white-box,.contact-box2 h2,.contact-box2 h3,.contact-box2 form,.about-2-in1,.about-2-in2,.zengaku h3,.zengaku h4,.zengaku h5,.zengaku .leaf,.zengaku .zenp1,.zengaku .zenp2,.zengaku .zen-check,.koe-box,.abou-4 h2,.abou-4 h3,.trainer{
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    white-space: nowrap;
}
/*-----------------------------------------------------------------------------------------*/
/*以下 ローディング*/
.l-loading {
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	justify-content: center;
	align-items: center;
	width: 100vw;
	height: 100vh;
	background-color: #fff;
	z-index: 10000;
}

.l-loading__inner {
	position: relative;
	display: flex;
	width: 560px;
	max-width: 80%;
    justify-content: center;
    align-items: center;
}

.l-loading__inner::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 200%;
	height: 100%;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%);
	animation: radiant-loading 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

.l-loading__inner img {
	width: 80%;
	height: auto;
}

@keyframes radiant-loading {
	0% {
		transform: translateZ(0);
	}
	100% {
		transform: translate3d(100%, 0, 0);
	}
}
/*以上 ローディング*/
/*ヘッダーの設定*/
header{
    position: fixed;
    z-index: 9999;
    background-color: rgba(0,0,0,0);
    width: 100%;
    height: 16.4vw;
}
.item {
    width: 6.15vw;
    height: 4.615vw;
    bottom: 3vw;
    right: 6vw;
}
.top-logo{
    left: 5.89vw;
    bottom: 0;
    z-index: 2;
    opacity: 1;
    transition: all 2s;
    transition-delay: 0.5s;
    color: #FD8D50;
    font-size: 5.9vw;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-weight: 600;
}
.menu-logo{
    left: 5.89vw;
    bottom: 0;
    z-index: 1;
    opacity: 0;
    transition: all 2s;
    transition-delay: 0.5s;
    font-size: 5.9vw;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-weight: 600;
    color: #ffffff;
}
/*ここからハンバーガーメニュー*/
.openbtn,
.openbtn span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.openbtn {
  position: relative;
  width: 6.15vw;
  height: 4.615vw;
  background: none;
  border: none;
  appearance: none;
  cursor: pointer;
}
.openbtn span {
  position: absolute;
  right: 0;
  width: 100%;
  height: 1px;
  background-color: #222222;
  border-radius: 4px;
}
.openbtn span:nth-of-type(1) {
  top: 0;
}
.openbtn span:nth-of-type(2) {
  top: 50%;
}
.openbtn span:nth-of-type(3) {
  bottom: 0;
}
/*円のサークル*/
#menu11 span:nth-of-type(1) {
  animation: menu11-bar01 .5s forwards;
}
@keyframes menu11-bar01 {
  0% {
    transform: translateY(20px) rotate(-45deg);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
#menu11 span:nth-of-type(2) {
  animation: menu11-bar02 .5s forwards;
  width: 80%;
}
@keyframes menu11-bar02 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#menu11 span:nth-of-type(3) {
  animation: menu11-bar03 .5s forwards;
  width: 60%;
}
@keyframes menu11-bar03 {
  0% {
    transform: translateY(-20px) rotate(45deg);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
#menu11::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  content: '';
  width: 20px;
  height: 20px;
  margin: -11px 0 0 -10px;
  border-radius: 50%;
  border: 1px solid rgba(253,141,80,.4);
  transition: all .1s;
  opacity: 0;
}
#menu11.active::after {
  animation: circle .5s;
}
@keyframes circle {
  0% {
    transform: scale(.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(3.5);
    opacity: 0;
  }
}
#menu11.active span:nth-of-type(1) {
  animation: active-menu11-bar01 .5s .5s forwards;
}
@keyframes active-menu11-bar01 {
  0% {
    transform: translateY(0) rotate(0);
  }
  100% {
    transform: translateY(10px) rotate(-45deg);
  }
}
#menu11.active span:nth-of-type(2) {
  animation: active-menu11-bar02 .5s .5s forwards;
}
@keyframes active-menu11-bar02 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
#menu11.active span:nth-of-type(3) {
  animation: active-menu11-bar03 .5s .5s forwards;
}
@keyframes active-menu11-bar03 {
  0% {
    transform: translateY(0) rotate(0);
  }
  100% {
    transform: translateY(-7px) rotate(45deg);
    width: 100%;
  }
}
/*メニュー内の設定*/

#g-nav ul a{
    color: #ffffff;
}
#g-nav ul a span{
    margin-top: 1.298vw;
    display: block;
}
#g-nav ul li{
    margin-bottom: 9.522vw;
}
#g-nav .menu-in-line{
    background-color: #ffffff;
    width: 76.228vw;
    height: 0.649vw;
    border-radius: 1vw;
    top: 158.846vw;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: fixed;
}
.menu-icon-box{
    display: flex;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    top: 170.96vw;
    width: 50.358vw;
    justify-content: space-between;
    opacity: 0;
    transition: all 5s;
    transition-delay: 0.5s;
    position: fixed;
}
.menu-hot{
    width: 24.615vw;
    height: auto;
}
.menu-insta,.menu-line{
    width: 8.205vw;
}
/*ファーストビューの設定*/
.fv {
    height: 193.282vw;
    width: 100%;
    overflow: hidden;
}
/*グラデーションの棒*/
.grd1,.grd2{
    display: block;
    width: 22.564vw;
    height: 220vw;
    background-color: rgba(245,150,82,1);
    background-image: linear-gradient(130deg, rgba(247,230,149,1) 0%, rgba(244,163,106,1) 65%, rgba(244,139,62,1) 100%);
    transform: rotate(-41deg);
    right: 45vw;
    top: 6vw;
    z-index: 3;
    background-size: 200% 200%;
    animation: bggradient 5s ease infinite;
    position: fixed;
}
.grd2{
    width: 4.615vw;
    transform: rotate(18deg);
    left: 29vw;
    top: -35vw;
    z-index: 2;
    background-image: linear-gradient(130deg, rgba(252,228,110,1) 0%, rgba(245,150,82,1) 65%, rgba(255,110,5,1) 100%);
    background-size: 200% 200%;
}
@keyframes bggradient{
	0% {
		background-position: 50% 0%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 50% 0%;
	}
}
.grd1-1,.grd2-1{
     display: block;
    width: 19.564vw;
    height: 220vw;
    background-color:#AAA7A7;
    transform: rotate(-41deg);
    right: 46vw;
    top: 6vw;
    z-index: 2;
    position: fixed;
    animation: bggradient2 2.5s ease ;
    opacity: 0.75;
}
.grd2-1{
     width: 2.615vw;
    transform: rotate(18deg);
    left: 30vw;
    top: -35vw;
    z-index: 1;
}
@keyframes bggradient2{
	0% {
		opacity: 0.75;
	}
    20%{
        opacity: 0.75;
    }
	50% {
		opacity: 0.6;
	}
	100% {
		opacity: 0;
	}
}
/*ビデオについての設定*/
.video-container{
    overflow: hidden;
    height: 114.9vw;
    width: 78.717vw;
    top: 22vw;
    right: 0;
    z-index: 4;
}
.video-top{
    width: 100%;
    height: 123%;
}
.fv-h1,.fv-h2{
    top: 128vw;
    left: 4.6vw;
    z-index: 5;
    letter-spacing: 0.1vw;
    background-color: rgba(255,255,255,0.5);
}
.fv-h2{
    top: 151vw;
    left: 50vw;
}
/*========= ナビゲーションのためのCSS ===============*/

/*アクティブになったエリア*/
#g-nav.panelactive{
    /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
    position:fixed;
    z-index: 999;
	top: 0;
	width:100%;
    height: 100vh;
/*
    height: calc(var(--vh, 1vh) * 100);
    height: -webkit-fill-available;
*/
}
/*丸の拡大*/
.circle-bg{
    transition: all 2s;/*0.6秒かけてアニメーション*/
    transition-delay: 0.5s;
}
.circle-bg.circleactive{
	transform: scale(60);/*クラスが付与されたらscaleを拡大*/
    z-index: 99;
    background-size: 100%;
    animation: none;
    background-image: none;
}
/*ナビゲーション*/
#g-nav ul {
	opacity: 0;/*はじめは透過0*/
    /*ナビゲーション天地中央揃え※レイアウトによって調整してください。不必要なら削除*/
    position: absolute;
    z-index: 1;
    top:28.47159vw;
    left:6.61vw;
    transition: all 2.5s;
    position: fixed;
}
#g-nav .menu-in-line,#g-nav .menu-icon-box{
    opacity: 0;
    z-index: 1;
    transition: all 2s;
}
/*背景が出現後にナビゲーションを表示*/
#g-nav.panelactive ul, #g-nav.panelactive .menu-in-line,#g-nav.panelactive .menu-icon-box{
    opacity:1;
    transition: all 2s;/*0.6秒かけてアニメーション*/
transition-delay: 0.5s;
    z-index: 1001;
}
.menu-logo.panelactive {
    opacity:1;
    transition: all 2s;/*0.6秒かけてアニメーション*/
    transition-delay: 0.5s;
    z-index: 99;
}
.top-logo.toppanala{
    opacity: 0;
    transition: all 1s;
    transition-delay: 0.5s;
    z-index: 1;
    color: #ffffff;
}
/*メニューがopacityで透明になってるだけなのでその上に被せてリンククリックの誤作動を防止*/
#g-nav #cover-ul{
    position: fixed;
    top: 28.472vw;
    left: 6.60052vw;
    width: 42.6675vw;
    height: 131.4716vw;
    z-index: 2;
}
#g-nav #cover-icon{
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    top: 170.97vw;
    width: 52.5vw;
    height: 9.5202vw;
    z-index: 2;
}
/*ファーストビューの下。見出しコンテンツ*/
.h-content{
    height: 110.512vw;
    width: 93.589vw;
    background-color: #FFFFFF;
    z-index: 3;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}
.h-h1{
    color: #FA9D58;
    margin: 0 auto;
    font-weight: 300;
    letter-spacing: 0.8vw;
    line-height: 1.35;
    top: 16.5vw;
}
.h1-h2{
    font-weight: 400;
    letter-spacing: 0.47vw;
    line-height: 2;
    color: #090909;
    top: 56.66vw;
}
/*ここから見出し三つ*/
.h-3content{
    height: 377.008547vw;
    width: 93.589vw;
    background-image: url("../images/top-h@3x.webp");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 3;
    position: relative;
    margin: 0 auto;
    color: #090909;
    margin-top: -12vw;
}
.h-3content h2{
    font-weight: 300;
    letter-spacing: 0.5vw;
    line-height: 1.31;
    top: 23.6vw;
    left: 9.9vw;
}
.h-3content p{
    font-weight: 300;
    line-height: 2;
    top: 66vw;
}
.h-3content a{
    font-weight: 600;
    border:  solid 0.3vw #090909;
    border-radius: 5vw;
    padding: 1.4vw 2.7vw;
    top: 103vw;
    color: #090909;
    text-align: center;
}
.h-3content img {
    width: 100%;
}
.h-3img1{
    top: -1.2vw;
}
.h-3img2{
    top: 120.9vw;
}
.h-3img3{
    top: 244.3vw;
}
.h-3img4{
    top: 367.8vw;
}
.h-3content div{
    height: 33.3333%;
    position: relative;
}
.h-3-2 h2{
    top: 20.9vw;
}
.h-3-3 h2{
    top: 20vw;
}
.h-3-2 p{
    top: 63vw;
}
.h-3-3 p{
    top: 60vw;
}
.h-3-2 a{
    top: 100.4vw;
}
.h-3-3 a{
    top: 97vw;
}
/*topページのabout*/
.top-about{
    width: 71.28205vw;
    height: 216.666vw;
    background-color: #ffffff;
    border: solid 0.7vw #BC723A;
    z-index: 4;
    position: relative;
    margin: 0 auto;
    margin-top: 16.66vw;
}
.top-about-logo{
    width: 4.615vw;
    top: 6.15384vw;
}
.top-about-radiant{
    width: 3.43589vw;
    top: 15vw;
}
.top-about h1{
    top: 71.282vw;
    font-weight: 600;
    font-size: 6.66vw;
}
.top-about-g1{
    width: 84.017vw;    
    top: 10.5vw;
}
.top-about-g2{
    width: 83.589vw;
    top: 146vw;
}
.top-about-s1,.top-about-s2{
    width: 0.64vw;
    height: 23.846vw;
    top: 37.435vw;
    background-color: #090909;
    display: block;
}
.top-about-s2{
    top: 138.205vw;
    height: 60.512vw;
}
.top-about-p2{
    line-height: 2.3;
    top: 84.4vw;
    font-weight: 600;
    text-align: center;
}
.top-about a{
     font-weight: 600;
    border:  solid 0.3vw #090909;
    border-radius: 5vw;
    padding: 1.4vw 2.7vw;
    top: 203.333vw;
    color: #090909;
    text-align: center;
}
.top-about-yajirusi{
    width: 3.333vw;
    top: 197.5vw;
}
/*TOPの入会の流れ*/
.top-nyuukai{
    height: 245.256vw;
    width: 93.589vw;
    background-color: #FFFFFF;
    z-index: 4;
    margin: 0 auto;
    margin-top: 16.66vw;
}
.top-nyuukai h2{
    top: 12.3vw;
}
.t-n-1{
    font-weight: 600;
    line-height: 1.6;
    top: 34.102vw;
}
.top-nyuukai a{
    font-weight: 600;
    border:  solid 0.3vw #090909;
    border-radius: 5vw;
    padding: 1.4vw 2.3vw;
    color: #090909;
    width: 20.3vw;
    text-align: center;
}
.nyuukai1,.nyuukai2,.nyuukai3{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 58.46vw;
    align-items: center;
}
.nyuukai1{
    top: 79.743vw;
    left: 4.1025vw;
}
.nyuukai2{
    top: 126.923vw;
    right: 4.1025vw;
}
.nyuukai3{
    top: 173.84vw;
    left: 4.1025vw;
}
.nyuukai1 div,.nyuukai2 div,.nyuukai3 div{
    display: flex;
    justify-content: center;
    border: solid 0.4vw #090909;
    width: 38.4615vw;
    height: 38.4615vw;
    border-radius:22vw;
    box-sizing: border-box;
}
.nyuukai1 img{
    width: 20.512vw;
}
.nyuukai2 img{
    width: 27.948vw;
}
.nyuukai3 img{
    width: 30.769vw;
}
.nyuukai1 p{
    font-weight: 600;
}
.nyuukai2 p,.nyuukai3 p{
    line-height: 1.2;
    font-weight: 600
}
.nyuukai3 p{
    text-align: center;
    font-weight: 600;
}
.t-n-2,.t-n-3,.t-n-4{
    width: 12.82vw;
    height: 12.82vw;
    border-radius: 8vw;
    background-color: #F78633;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    z-index: 3;
}
.t-n-2{
    top: 73.333vw;
    left: 16.666vw;
}
.t-n-3{
    top: 120.512vw;
    right: 16.666vw;
}
.t-n-4{
    top: 168.205vw;
    left: 16.666vw;
}
.top-nyuukai span{
    margin-bottom: 0.6vw;
}
#g-nav ul a span,.h1-h2,.top-about p,.top-nyuukai h2{
    font-weight: 600;
}

/*----------------ここからアクセスページの設定--------------------*/
#access .fv{
    height: 0;
}
.access-box1{
    z-index: 4;
    background-color: rgba(255,255,255,0.95);
    width: 93.589vw;
    height: 103.33vw;
    margin: 0 auto;
    margin-top: 42.82vw;
}
.a-img1{
    width: 40vw;
    top: -6.3vw;
}
.a-img2{
    width: 71.28vw;
    top: 38.4615vw;
}
.a-p1{
    line-height: 1.48;
    top: 11vw;
    font-weight: 600;
    color: #3E3D3D;
}
.a-p2{
    top: 92.82vw;
    color: #FA9D58;
    font-weight: 600;
}
.access-box1 span{
    background: linear-gradient(transparent 64%, rgba(52, 208, 184, 0.53) 0);
}
/*アクセス3箇所の実装*/
.a-hokkaido,.a-nagoya,.a-tokyo{
    width: 93.589vw;
    margin: 0 auto;
    background-color: rgba(255,255,255,0.95);
    z-index: 4;
    height: 158.205vw;
    position: relative;
    margin-top: 5.128vw;
}
.a-hokkaido h3,.a-nagoya h3,.a-tokyo h3{
    color: #FA9D58;
    font-weight: 600;
    top: 5.8974vw;
}
.a-hokkaido span,.a-nagoya span,.a-tokyo span{
    color: #FA9D58;
}
.a-hokkaido p,.a-nagoya p,.a-tokyo p{
    font-weight: 600;
}
.a-hokkaido .a-inp1,.a-nagoya .a-inp1,.a-tokyo .a-inp1{
    font-weight: 600;
}
.a-hokkaido img,.a-nagoya img,.a-tokyo img{
    width: 86.1538vw;
}
.a-hokkaido div,.a-nagoya div,.a-tokyo div{
    width: 91.025vw;
    height: 66.666vw;
    overflow: hidden;
    border-radius: 6vw;
    top: 30.512vw;
}
.a-hokkaido div iframe,.a-nagoya div iframe,.a-tokyo div iframe{
    width: 91.025vw;
    height: 66.666vw;
}
.a-inp1{
    top: 15vw;
    line-height: 1.5;
    color: #3E3D3D;
    left: 5.64102564vw;
}
.a-inp2{
    top: 103.84vw;
    left: 3.58974vw;
    color: #3E3D3D;
}
.a-in-img1{
    top: 113.589vw;
}
.a-inp3{
    top: 117.435vw;
    left: 3.58974vw;
    color: #3E3D3D;
}
.a-in-img2{
    top: 127.435vw;
}
.a-inp4{
    top: 133.59vw;
    color: #3E3D3D;
}
.a-hokkaido a,.a-nagoya a,.a-tokyo a{
    font-weight: 600;
    border: solid 0.3vw #34D0B8;
    border-radius: 5vw;
    padding: 2.7vw 2.7vw;
    top: 103vw;
    color: #090909;
    text-align: center;
    top: 143.846154vw;
}
/*コンタクトページのcss*/
#contact .fv{
    height: 0;
}
.c-box1{
    position: relative;
    width: 93.589vw;
    height: 521.538vw;
    background-color: rgba(255,255,255,0.95);
    margin: 0 auto;
    z-index: 4;
    margin-top: 24.3589vw;
}
.c-box1 h2{
    top: 16.15vw;
}
.cb-inp1{
    top: 32.56vw;
    font-weight: 600;
    background: linear-gradient( 90deg, rgba(49,157,224,1) 0%, rgba(150,247,161,1) 100%);
    background-size: 100% 19%;
    background-position: bottom;
    background-repeat: no-repeat;
    line-height: 1.3;
}
.cb-inp2{
    top: 40.769vw;
    font-weight: 600;
}
.cb-in-box{
    background-image: url("../images/c-box1@3x.webp");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 441.025641vw;
    width: 75.64102vw;
    display: flex;
    flex-direction: column;
    top: 64.128vw;
}
.lesson{
    display: flex;
    margin-top: 3.5897vw;
    color: #FFFFFF;
    font-weight: 600;
}

.lesson-p1{
    width: 28%;
    text-align: center;
}
.lesson-p2{
    width: 72%;
    text-align: center;
}
.lessonb{
    margin-top: 60.52vw;
}
/*ここからお問い合わせフォーム*/
.contact-box2{
    position: relative;
    z-index: 4;
    width: 93.589vw;
    background-color: rgba(255,255,255,0.95);
    margin: 0 auto;
    margin-top: 16.66vw;
    height: 361.28vw;
}
.contact-box2 h2{
    top: 16.15vw;
    font-weight: 600;
}
.contact-box2 h3{
    top: 32.56vw;
    font-weight: 600;
    background: linear-gradient( 90deg, rgba(49,157,224,1) 0%, rgba(150,247,161,1) 100%);
    background-size: 100% 19%;
    background-position: bottom;
    background-repeat: no-repeat;
    line-height: 1.3;
}
.contact-box2 p{
    top: 50.128vw;
    left: 5.128vw;
    font-weight: 600;
    line-height: 2;
}
.contact-box2 form{
    top: 74.3vw;
    border-top: solid #F70808 0.27vw;
    box-sizing: border-box;
}
.formbox{
    height: 27.179vw;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    border-bottom: 0.27vw solid #090909;
    border-top: 0.27vw solid rgba(0,0,0,0);
    width: 88.46vw;
}
.formbox div{
    display: flex;
}
.formbox1{
    background-color: #FCF5F0;
}
.formbox .label1{
    margin-left: 2.564vw;
    height: 5.128vw;
    width: 10.256vw;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0.28vw solid #96F7A1;
    border-image: linear-gradient( 90deg, rgba(49,157,224,1) 0%, rgba(150,247,161,1) 100%)1;
    box-sizing: border-box;
    font-weight: 600;
    color: #090909;
}
.formbox .label2{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 2.43vw;
    color:#090909;
    font-weight: 600;
}
.formbox input{
    height: 10.256vw;
    box-sizing: border-box;
    width: 83.333vw;
    margin: 0 auto;
    border: solid 0.27vw #090909;
}
.c-textarea{
    height: 53.7vw;
}
.c-textarea textarea{
    height: 35.89vw;
    box-sizing: border-box;
    border: solid 0.27vw #090909;
}
.sousin{
    width: 83.333vw;
    height: 10.769vw;
    border-radius: 6vw;
    background-color: #FFFFFF;
    border:  solid 0.27vw #707070;
    box-sizing: border-box;
    font-weight: 600;
    color: #090909;
    margin-top: 10.256vw;
}

.contact-box2 p.c-box2-bottom{
    line-height: 1.7;
    left: 6.923vw;
    top: 345.5vw;
}
.contact-box2 p.c-box2-bottom a{
   color: #0000EE;
}
.seibetu-form{
    height: 20.6vw;
}
.seibetu-box{
    display: flex;
    color: #090909;
    height: 3.847vw;
    margin-left: 3vw;
}
.seibetu-box div{
    display: flex;
    align-items: center;
}
.formbox .seibetu-box input{
    width: 3.846vw;
    height: 3.846vw;
    accent-color: rgba(245,150,82,1);
}
.formbox .seibetu-box span{
    margin-left: 3.2vw;
}



/*ここからよくある質問*/
.contact-box3{
    height: 300vw;
    z-index: 4;
    background-color: #ffffff;
    margin: 0 auto;
    margin-top: 16.66vw;
    position: relative;
    width: 93.589vw;
    height: 62.487179vw;
}
.question-box{
    z-index: 4;
    position: relative;
    width: 93.589vw;
    margin: 0 auto;
    margin-top: -0.5vw;
}
.question-box span{
    display: block;
    width: 100%;
    background-color: #090909;
    height: 0.25vw;
}
.white-box{
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 3vw;
}
/*サイトから貼り付けた箇所*/
.question {
    display: flex;
    justify-content: space-around;
    padding-bottom: 3.946vw;
    padding-top: 3.946vw;
    font-weight: 600;
    background-color: #ffffff;
}
.qp-width{
    width: 61.3vw;
}
.question-box p{
    line-height: 1.3;
}
.question img{
    width: 4.848vw;
}
.c-box-flex{
    width: 4.848vw;
}
.answer{
    display: none;
    font-weight: 600;
    background-color: #ffffff;
}
.answer-in{
    justify-content: space-around;
    padding-top: 3vw;
   padding-bottom: 4.1vw;
    margin-top: -0.5vw;
}
.answer-in{
    display: flex;
}
.contact-box3 h2{
    top: 16.15vw;
}
.contact-box3 h3{
    position: absolute;
    background: linear-gradient( 90deg, rgba(49,157,224,1) 0%, rgba(150,247,161,1) 100%);
    background-size: 100% 19%;
    background-position: bottom;
    background-repeat: no-repeat;
    line-height: 1.3;
    top: 32.56vw;
}
.contact-box3 h4{
    top: 51.28vw;
    left: 3.3vw;
}
/*ここからプライスページ*/
#price .fv{
    height: 0;
}
.price-box1 {
    position: relative;
    height: 420.256vw;
    z-index: 4;
    background-color: rgba(255,255,255,0.90);
    margin: 0 auto;
    margin-top: 24.3589vw;
    width: 93.589vw;
}
.price-box1-in{
    position: absolute;
    height: 121.282051vw;
    width: 100%;
    top: 67.948vw;
}
.price-box1 h1{
    top: 20.512vw;
    font-weight: 600;
}
.p-boxp1{
    color: #3E3D3D;
    right: 8.5vw;
    position: absolute;
    top: 31.3vw;
}
.slider-in-div{
    height: 125vw;
}
.slick-dots li:nth-of-type(1) button:before{
  background-image: url("../images/price-en.svg");
  background-size: cover;
  content: "1";
  width: 16.667vw;
  height: 15.867vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 8.974vw;
  font-family: 'Noto Sans JP';
  font-weight: 700;
  padding-bottom: 0.8vw;
}
.slick-dots li:nth-of-type(2) button:before{
background-image: url("../images/price-en.svg");
  background-size: cover;
  content: "2";
  width: 16.667vw;
  height: 15.867vw;
 display: flex;
  justify-content: center;
  align-items: center;
font-size: 8.974vw;
 font-family: 'Noto Sans JP';
 font-weight: 700;
 padding-bottom: 0.8vw;
}
.slick-dots li:nth-of-type(3) button:before{
  background-image: url("../images/price-en.svg");
  background-size: cover;
  content: "3";
  width: 16.667vw;
  height: 15.867vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 8.974vw;
font-family: 'Noto Sans JP';
 font-weight: 700;
padding-bottom: 0.8vw;
}
.slick-dots{
    display: flex!important;
    justify-content: space-evenly!important;
    top: -27vw;
    height: 0;
}
.slick-dots li{
    width: 18%!important;
    margin: 0;
}
.slider1-h2{
    width: 76.923vw;
    height: 20.512vw;
    border: solid 1vw #000;
    border-image: linear-gradient( 90deg, rgba(49,157,224,1) 0%, rgba(150,247,161,1) 100%)1;
    box-sizing: border-box;
}
.slider1-p{
   display: flex;
    justify-content: center;
    line-height: 1.7;
    font-weight: 600;
    margin-top: 8.674vw;
    height: 24.408vw;
}
.slider1-p2{
    line-height: 2;
    margin-top: 7.8vw;
}
/*スライドの中の表の箇所*/
#price table{
    border:solid 0.26vw #707070;
    margin: 0 auto;
    margin-top: 6.7vw;
}
#price table.p-table2{
    margin-top: 7.574vw;
}
#price .tha,.thb{
    color: #FFFFFF;
    background-color: #3E3D3D;
    width: 19.23vw;
    height: 10.256vw;
    font-weight: 600;
    vertical-align: middle;
}
#price .thb{
    height: 20.512vw;
}
#price td{
    width: 57.948vw;
    font-weight: 600;
    border-bottom: solid 0.26vw #707070;
    vertical-align: middle;
    text-align: center;
}
.tha,.thb{
    border-bottom: solid 0.26vw #FFFFFF;
}
.thb2{
    border-bottom: solid 0px #707070;
}
#price .t3-1 td{
    background-color: #EBEAEA;
    border-bottom: solid 0px #ffffff;
    text-align: left;
    line-height: 2.1354;
    width: 76.923vw;
}
#price .t3-1 p{
    margin-left: 8.7vw;
}
#price .t3-4 th,#price .t3-5 th,#price .t3-6 th{
    background-color: #3E3D3D;
    color:#FFFFFF;
    line-height: 1.5;
     border-bottom: solid 0.26vw #FFFFFF;
    height: 11.765vw;
    vertical-align: middle;
}
#price .t3-6 th{
    border-bottom: 0px solid #ffffff;
}
#price .t3-4 td,#price .t3-5 td,#price .t3-6 td{
    line-height: 1.5;
    text-align: left;
}
#price .t3-4 th,#price .t3-4 td{
    border-top: solid 0.26vw #707070;
}
#price .t3-4 p,#price .t3-5 p,#price .t3-6 p{
    margin-left: 4.5vw;
}
.triangle{
    width: 9.24vw;
    height: 4.1024vw;
    background-image: url("../images/triangle.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 202.564vw;
}
/*二つ目のスライダー*/
#price .p-h1-2{
    top: 219.05128vw;
}
.slider2{
    top: 243.1284vw;
    height: 100vw;
    width: 100%;
}
.s2img{
    background-image: url("../images/slide2-1@3x.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 77.17949vw;
    height: 76.92307vw;
    margin: 0 auto;
}
.s2img2{
    background-image: url("../images/slide2-2@3x.webp");
}
.s2h2{
    margin-top: 7.6923vw;
}
.s2p{
    height: 30.4vw;
}
#price .s2table{
    margin-top: 8.674vw;
    border: solid 0.26vw #000;
}
.s2table th,.s2table td{
    text-align: center;
    vertical-align: middle;
}
.s2table th{
    background-color: #3E3D3D;
    color: #ffffff;
    width: 19.2307vw;
    height: 10.2564vw;
}
#price .s2table td{
    background-color: #FFFFFF;
    width: 41.282vw;
    border-bottom: solid 0.26vw #000;
}
/*スライダーの矢印を任意の画像に変更する*/
.slick-arrow:before{
	content:""!important;
}
.slick-arrow:before{
    content:""!important;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
  }

  .slick-next:before{
    background: url("../images/next.svg")!important;
    background-size: cover!important;
    height: 5.56vw!important;
    width: 4.5974vw!important;
  }

  .slick-prev:before{
    background: url("../images/back.svg")!important;
    background-size: cover!important;
    height: 5.56vw!important;
    width: 4.5974vw!important;
  }
.slick-next{
    right:0.6vw!important;
    top: 94.9vw!important;
  }
.slick-prev{
    left:1.1vw!important;
    top: 94.9vw!important;
  }
/*レッスン卒業後*/
.after-lesson{
    width: 93.589vw;
    height: 210.129vw;
    background-color: rgba(255,255,255,0.90);
    position: relative;
    z-index: 4;
    margin: 0 auto;
    border: #FF6E05 solid 0.7vw;
    box-sizing: border-box;
    text-align: center;
    margin-top: 16.66vw;
}
.after-lesson h1{
   margin-top: 14.3589vw;
}
#price .after-lesson .s2table{
margin-top: 9vw;
}
#price .after-lesson .s2table td{
    width: 51.8vw;
}
.after-lesson img:nth-of-type(1){
    width: 76.923vw;
    margin-top: 5.641vw;
}
.after-lesson img:nth-of-type(2){
    width: 77.179vw;
    margin-top: 8.974vw;
}
.after-lesson p{
    text-align: left;
    width: 66.923vw;
    margin: 0 auto;
    font-weight: 600;
    line-height: 1.5;
    margin-top: 8.4vw;
}
/*お支払い方法*/
.cash{
    width: 100%;
    height: 154.615vw;
    background-color: #F8F7F4;
    z-index: 4;
    position: relative;
}
.cash .gura-line{
    width: 93.589vw;
    top: 19.23vw;
}
.cash .card{
    width: 50.2564vw;
}
.cash h3{
    top: 28.46vw;
    left: 14.35vw;
    color: #F78633;
    font-weight: 600;
}
.price-white-box{
    width: 72.308vw;
    height: 94.8717vw;
    background-color: #ffffff;
    top: 40.5128vw;
}
.price-white-box div{
    width: 64.102vw;
    height: 43.077vw;
    border: solid 0.25vw #F78633;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-top: 6.8975vw;
}
.price-white-box p{
    margin: 0 auto;
    font-weight: 600;
    line-height: 1.75;
    margin-top: 7vw;
    width: 64vw;
}
/*アバウトページの設定*/
.about-slide{
    z-index: 4;
}
.about-slide img{
    width: 153.846vw;
}
#about .fv{
    height: 0;
}
.about-1{
    height: 65.384615vw;
    width: 100%;
    background-color: rgba(255,255,255,0.9);
    z-index: 4;
    position: relative;
    margin-top: 24.3589vw;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
/*アバウトの二つ目の箱*/
.about-2{
    margin: 0 auto;
    background-color: rgba(255,255,255,0.9);
    position: relative;
    z-index: 4;
    height: 291.795vw;
    width: 93.589vw;
    margin-top: 16.66vw;
}
.about-2 h2{
    font-weight: 600;
    top: 14.6154vw;
    left: 3.847vw;
}
.about-2-in1{
    top: 36.667vw;
}
.be-af3{
    width: 11.282vw;
}
.be-af{
    box-sizing: border-box;
    width: 81.283vw;
    height: 96.667vw;
    background-image: url("../images/be-afborder.svg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.be-af1{
    top: 12.82vw;
    left: 11.54vw;
    font-weight: 700;
}
.be-af2,.be-af4{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 3vw;
    top: 22.31vw;
    left: 10vw;
    box-shadow: 0.12vw 0.25vw 0.2vw 0.25vw rgba(148, 148, 148, 0.2);
}
.be-af2-1,.be-af2-2,.be-af4-1,.be-af4-2{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 7.1795vw;
    background-color: #3E3D3D;
    width: 38.3vw;
    color: #ffffff;
    font-weight: 600;
}
.be-af2-2,.be-af4-2{
    height: 14.872vw;
    background-color: #FFFFFF;
    color: #090909;
    font-weight: 700;
}
.be-af3{
    top: 48.206vw;
    left: 23.56vw;
}
.be-af4{
    top: 65.89vw;
}
.be-af4-1{
    background-color: #F78633;
}
.be-af4-2{
    color: #F78633;
}
.be-af5{
    width: 34.103vw;
    height: 75.642vw;
    background-image: url("../images/be-af@3x.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    bottom: 0.2vw;
    left: 40.7693vw;
    z-index: 2;
}
.be-af6{
    width: 24.62vw;
    height: 24.62vw;
    background-image: url("../images/be-af-en.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #F78633;
    border-radius: 13vw;
    top: 2.05vw;
    left: 39.746vw;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.be-af6-1{
    color: #F78633;
    font-weight: 700;
    margin-top: 5.6vw;
}
.be-af6-2{
    margin-top: 2.3vw;
    color: #ffffff;
    font-weight: 700;
}
/*全額保証*/
.about-2-in2{
    top: 149.48vw;
}
.zengaku{
    height: 130.77vw;
    width: 88.4616vw;
    box-sizing: border-box;
    border: solid 0.27vw #090909;
    position: relative;
}
.zengaku h3{
    top: 6.1539vw;
    font-family:"Hiragino Mincho ProN", YuMincho, "Yu Mincho", "serif";
}
.zengaku h4{
    top: 17.436vw;
    font-weight: 600;
    z-index: 2;
}
.zengaku h5{
    font-family:"Hiragino Mincho ProN", YuMincho, "Yu Mincho", "serif";
    font-weight: 600;
    letter-spacing: -1vw;
    top: 25.129vw;
    color: #C29937;
    z-index: 2;
}
.leaf{
    background-image: url("../images/leaf@3x.webp");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 68.804vw;
    height: 32.99145vw;
    top: 17vw;
}
.zenp1{
    top: 56.129vw;
    line-height: 1.4;
    font-weight: 600;
}
.zenp2{
    top: 93.88vw;
    font-weight: 600;
    width: 58.975vw;
    height: 8.975vw;
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid 0.27vw #090909;
    border-radius: 6vw;
}
.zen-check{
    top: 109.49vw;
    font-weight: 600;
    height: 14.6410vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.zen-check div{
    display: flex;
    align-items: center;
}
.zen-check div img{
    width: 6.8358vw;
}
.zen-check div p{
    margin-left: 1.795vw;
}
/*会員様の声*/
.about-3{
    height: 317.2vw;
    width: 93.589vw;
    background-color: rgba(255,255,255,0.9);
    position: relative;
    z-index: 4;
    margin:  0 auto;
    margin-top: 16.66vw;
}
.about-3 h2{
    font-weight: 600;
    top: 11.6154vw;
    left: 3.847vw;
    position: absolute;
}
.koe-box{
    height: 273.3334vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    top: 30.769vw;
}
.koe-box-in{
    position: relative;
    height: 60.257vw;
    width: 87.18vw;
    background-color: #F7F7F7;
    border-radius: 7vw 0 7vw 0;
}
.koe-box-in h3{
    color: #F16D00;
    top: 3.846vw;
    left: 4.8717vw;
}
.koe-box-in p{
    color: #090909;
    width: 77.6923vw;
    white-space: normal;
    line-height: 1.75;
    top: 11.538vw;
    font-family: 'Zen Kurenaido', sans-serif;
    left: 4.8717vw;
}
.koe-box-in h5{
    color: #090909;
    top: 61vw;
    left: 5vw;
}
.koe-box-in img{
    width: 18.975vw;
    top: 50.3vw;
    left: 68vw;
}
/*ここからトレーナー一覧*/
.abou-4{
    width: 93.589vw;
    height: 136.1539vw;
    z-index: 4;
    position: relative;
    background-color: rgba(255,255,255,0.9);
    margin: 0 auto;
    margin-top: 16.66vw;
}
.abou-4 h2{
    top: 15.385vw;
}
.abou-4 h3{
    top: 31.538vw;
    background: linear-gradient( 90deg, rgba(49,157,224,1) 0%, rgba(150,247,161,1) 100%);
    background-size: 100% 19%;
    background-position: bottom;
    background-repeat: no-repeat;
    line-height: 1.3;
}
.trainer{
    display: flex;
    top: 48.98vw;
}
.trainer h4{
    height: 10.2645vw;
    width: 38.4615vw;
    color: #ffffff;
    background-color: #5F5F5F;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.3vw;
    font-weight: 600;
    margin-bottom: 3.975vw;
}
.trainer p{
    height: 10.2645vw;
    width: 38.4615vw;
    color: #090909;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    letter-spacing: 0.3vw;
    border-radius: 0 0 2vw 0;
    box-shadow: 0.12vw 0.25vw 0.2vw 0.25vw rgba(148, 148, 148, 0.2)
}
.trainer img{
    width: 38.46vw;
}
.yayoi{
    margin-right: 1.92vw;
}
.yoshi{
    margin-left: 1.92vw;
}
/*フッターの設定*/
footer{
    position: relative;
    width: 100%;
    height: 84.61538vw;
    background-color: #EBEAEA;
    z-index: 4;
    margin-top: 16.66vw;
}
#price footer{
    margin-top: 0px;    
}
footer img,footer a, footer span{
    position: absolute;
}
footer .f-logo{
    top: 11.25vw;
    left: 5.8974vw;
    position: absolute;
    white-space: nowrap;
    color: #FD8D50;
    font-size: 5.9vw;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-weight: 600;
}
footer .f-hotto{
    width: 24.615vw;
    top: 10vw;
    left: 55.6410vw;
}
footer .f-insta{
    width: 8.2051vw;
    top: 9.7435vw;
    left: 85.384vw;
}
.f-c{
    width: 51.28vw;
    height: 8.205vw;
    border: solid #3E3D3D 0.51282vw;
    box-sizing: border-box;
    border-radius: 4vw;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3.333vw;
    color: #090909;
    font-weight: 600;
    top: 34.615vw;
}
footer span{
    top: 51.79vw;
    display: block;
    width: 100%;
    background-color: #707070;
    height: 0.257vw;
}
.f-tel,.f-qa,.f-priva{
    font-size: 2.820512vw;
    border-bottom: solid #3E3D3D 0.3vw;
    top: 57.948vw;
    color: #3E3D3D;
    font-weight: 600;
    padding-bottom: 0.4vw;
}
.f-qa{
    top: 66.923vw;
    left: 6.1538vw;
}
.f-tel{
    left: 6.1538vw;
}
.f-priva{
    top: 76.1538vw;
}
/*プライバシーポリシーの設定*/
#policy p{
    line-height: 1.45;
    width: 95%;
    font-size: 3.7vw;
    white-space: normal;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10vw;
    padding-bottom: 10vw;
}
/*センクスページの設定*/
.thank{
    height: 131.5vw;
    background-color: #ffffff;
    font-weight: 600;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
}
.thank h2{
    color: #F78633;
    font-family:'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, 'sans-serif';
    font-weight: 400;
}
.thank h3{
    font-family: 'Noto Sans JP', sans-serif;;
}
.thank p{
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 2;
}
.thank div{
    display: flex;
    align-items: center;
    width: 64.2vw;
    justify-content: space-between;
}
#thank footer{
    margin-top: 0;
}
.mekyosvg{
    width: 12.564vw
}