@charset "UTF-8";

/* CSS Document */
html{
	font-size: 62.5%;/*ブラウザは16pxがデフォルト16px×62.5=10px*/
}
/*========= LoadingのためのCSS ===============*/
*{
  box-sizing: border-box;
}
/* Loading背景画面設定　*/
#splash {
    /*fixedで全面に固定*/
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  background:#fff;
  text-align:center;
  color:#fff;
}

/* Loading画像中央配置　*/
#splash_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Loading アイコンの大きさ設定　*/
#splash_logo img {
  width:260px;
}

/* fadeUpをするアイコンの動き */

.fadeUp{
animation-name: fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}



/*========= レイアウトのためのCSS ===============*/

#container{
    width:100%;
    height: 100vh;
    background: #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

a{
    color: #333;
}

a:hover{
     text-decoration: none;   
}
body{
	/*width: 100%;
	margin: 0 auto;*/
	color: #101010;/*ベースを記述'Sulphur Point',*/
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.6rem;
	line-height: 2.2 ;
	font-feature-settings: "palt";/*文字詰めを調整*/
	letter-spacing: 0.06em;/*paltは少し詰めすぎなので、間隔調整*/
	-webkit-font-smoothing:antialiased;/*マックの文字が太くなる現象を調整*/
	-moz-osx-font-smoothing:grayscale;/*ファイヤーフォックスも*/background-color: #fff;
	background: #fff;
  overflow-x:hidden;
}
.row{
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
/*.row-h{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 0;
}*/
img{
  width: 100%;
	height: auto;
}
a{
  text-decoration: none;
  color: #101010;
}
ul{
  list-style: none;
}

/*中央寄せ*/
.text-center{
  text-align: center;
}
.margin-auto{
  margin: 0 auto;
}
/*Step by Step*/

/*マージン*/
.mt-8{
  margin-top: 8%;
}
.mb-2{
  margin-bottom: 2%;
}
.mb-8{
  margin-bottom: 8%;
}
.m-5{
  margin: 5% auto;
}
/*パディング*/
.pt-8{
  padding-top: 8%;
}
/*左寄せ*/
.text-left{
  text-align: left;
}
.sp-br{
  display: none;
}
.i-br{
  display: none;
}
/*-----------------

 header

------------------*/
/*----------pc----------*/

header{
  width: 100%;
  position: fixed;
  top: 0;
  background: #fff;
  border-top: 2px solid #101010;
  z-index: 999;
}
header > div{
  display: flex;
  justify-content: space-between;
}
header >.v-center{
  max-width: 1200px;
  padding: 0 2%;
  height: 70px;
  align-items: center;
}
h1.logo > img{
  display: block;
  align-items: center;
}
h1.logo{
  width: 35%;
}
#g-nav{
  width: 55%;
}
#g-nav > ul{
  display: flex;
  justify-content: space-between;
}
#g-nav > ul > li{
  font-family: 'Sulphur Point', sans-serif;
  font-size: 2.5rem;
  font-weight: bold;
  text-transform: capitalize;
}
#g-nav > ul > li >a{
  color:#101010;
}

/*contactの背景*/
.menu-c{
  background: #C81E00;
  padding: 0 10px;
}
.menu-c-a{
  color: #fff !important;
}
/*==矢印の設定*/

/*2階層目を持つliの矢印の設定*/
.menu-inner-wrap{
  position: relative;
}
#g-nav ul li.menu-inner-wrap::after{
  content:'';
  position: absolute;
  right:-18px;
  top:22px;
  width:6px;
  height:6px;
  border-top: 2px solid #999;
  border-right:2px solid #999;
  transform: rotate(135deg);
}
/*サブメニュー*/
.submenu{
  position: fixed;
  width: 300px;
  background-color: #f3b33d;
}
.submenu > li {
  line-height: normal;
  border-bottom: 1px solid #101010;
}
.submenu > li > a > span{
  font-size: 1.3rem;
}
.submenu > li > a {
  display: block;
  font-size: 2rem;
  font-weight: bold;
  background-color: #f3b33d;
  padding: 2%;
}
.menu-inner-wrap > ul{
  display: none;
}
.menu-inner-wrap:hover{
  color: #f3b33d;
}
.submenu > li > a:hover{
  display: block;
  color: #fff;
  background-color: #D04500;
}
.submenu > li:hover{
   background-color: #D04500;
  border-bottom: 1px solid #fff;
}
/*.submenu > li{
  border-bottom: 1px solid #fff;
}
.submenu > li >a{
  font-size: 2rem;
  font-weight: bold;
  width: 100%;
  color: #fff;
  padding: 5px;
}
.submenu > li > a > span{
  font-size: 1.0rem;
}
.menu-inner-wrap > ul{
  display: none;
}
.menu-inner-wrap:hover{
  color: #f3b33d;
}
.submenu > li:hover{
   background-color: #D04500;
}*/

/*----------spハンバーガーメニュー-----------*/

/*チェックボックス等は非表示に*/
#nav-drawer{
	position: absolute;
	top: 20px;
	right: 60px;
	z-index: 10;
}
#nav-drawer{
	display: none;
}
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 30px;
  height: 28px;
  vertical-align: middle;
	position: fixed;
  padding-top: 2px;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 30px;/*長さ*/
  border-radius: 3px;
  background: #101010;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -9px;
}
#nav-open span:after {
  bottom: -18px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;/*最前面に*/
  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 350px;/*最大幅（調整してください）*/
  height: 100%;
  background:url("images/sp/han-back.jpg")#F3B33D;/*背景色*/
  background-position: center;
  transition: .6s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
}

#nav-content > .nav-content-wrap{
	width: 250px;
	margin: 30% auto;
  text-transform: capitalize;
  display: block;
}
#nav-content > .nav-content-wrap > li{
  margin: 10% auto;
  border-bottom: 1px dotted #101010;
}
#nav-content > .nav-content-wrap > li:nth-child(2){
  border-bottom: none;
}
/*サブメニュー下線*/
.sp-sub > li{
  border-bottom: 1px dotted #101010;
}

#nav-content > .nav-content-wrap > li >a,
.sp-menu > ul > li > a{
  font-size: 1.5rem;
}
/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,15);
}
/*-----------------

  /spハンバーガーメニュー

-------------------*/
/*-----------------

  h 見出し

-------------------*/

h2{
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
  margin-top: 20px;
}
.here-h2{
  color: #C81E00;
  line-height: 2;
}
.here-h2 span{
  font-size: 4rem;
  font-weight: bold;
  display: block;
  margin-bottom: 2%;
}
/*onlinのｈ３のみ*/
/*h3.online-h3{
  width: 40%;
}*/
.h3-span{
  font-size: 5rem;
  font-weight: bold;
}
/*/onlineのｈ３のみ*/

/*その他のｈ３*/
h3{
  display: block;
  font-size: 6rem;
  font-weight: bold;
  /*margin-top: 20px;*/
  word-spacing: -15px;
  text-align: center;
  font-family: 'Sulphur Point', sans-serif;
  margin: 10% auto 0;
  text-transform: capitalize;
  line-height: 1.5;
}
.under-h2{
  display: block;
  font-size: 6rem;
  font-weight: bold;
  /*margin-top: 20px;*/
  word-spacing: -15px;
  text-align: center;
  font-family: 'Sulphur Point', sans-serif;
  margin: 8% auto 0;
  text-transform: capitalize;
  /* padding-top: 8%; */
}

/*free style lesson*/
.fsl > section > div >h3,
.fsl > section > div >p{
  color: #fff;
}

/*見出し区切り線*/
.h-under{
  width: 300px;
  /*margin: 20px auto 10px;*/
  border-width: 0 0 3px 0;
  border-style: solid;
  border-color: #C81E00;
}
.h-sub > li{
  font-size: 2rem;
}
.h-sub{
  margin: 3% auto 8%;
}
/*sts以降のh-sub*/
.h-sub-a{
  font-size: 2rem;
 /* margin: 3% auto 8%;*/
}
/*h4{
  font-weight: bold;
  margin-top: 5%;
  font-size: 2rem;
}*/
h4.sbs-h4{
  font-size: 2.5rem;
  font-weight: bold;
  position: relative;
  width: 400px;
  margin: 10% auto 8%;
  color: #c81e00;
}
h4.sbs-h4.flee-h4{
  width: 600px;
  text-transform: capitalize;
}
h4.sbs-h4::before{
  content:"";
  display:inline-block;
  width:15px;
  height:37px;
  background:url("images/top/step by step/sbs-mk-left.png");
  position:absolute;
  top:5px;
  left:-5px;
}
h4.sbs-h4::after{
  content:"";
  display:inline-block;
  width:15px;
  height:37px;
  background:url("images/top/step by step/sbs-mk-right.png");
  position:absolute;
  top:5px;
  right:-5px;
}
.sbs-h4-m15{
  margin-top: 15%;
}
h4.self-h4{
  color: #fff;
  font-weight: 600;
  font-size: 1.8rem;
}
h4.self-h4.career{
  color: #101010;
}
/*心のケア*/
.mental > h4{
  font-size: 2rem;
  font-weight: bold;
  margin: 20% auto 10%;
  text-align: center;
  background-color: #A6D9DE;
  padding: 5% 0;
}
/*シミュレーション*/
.simulation > div >div >ul > li >h4{
  font-size: 2rem;
  color: #c81e00;
  margin: 0;
  font-weight: bold;
}

/*プライスページ*/
h5{
  margin: 5% auto;
  font-size: 1.8rem;
  font-weight: bold;
}

/*-----------------

 　 /h 見出し

------------------*/
/*-----------------

 　 メインビジュアル

------------------*/
.header-slide-sp{
  display: none !important;
}
.hero-image{
  width: 100%;
  margin: 54.8px auto 0;
}
.header-slide-pc{
  padding-left: 0;
  margin-top: 70px;
}
.header-slide-pc > li{
  position: relative;
}
.copy{
  display: block;
  position: absolute;
  width: 50%;
  top: 5%;
  left: 10%;
}
.copy-4{
  display: block;
  position: absolute;
  width: 50%;
  top: 15%;
  left: 10%;
}
.slider {
  display: none;
}
.slider.slick-initialized {
  display: block;
}
.slick-slide{
  padding: 0;
}
/*-----------------

 　 /メインビジュアル

------------------*/

/*-----------------

 　 here!

------------------*/
.here{
  /*width: 100%;*/
  /*max-width: 1560px;*/
  height: auto;
  margin: 0;
  background-image: url("images/top/here/back-here.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.wrap{
  width: 50%;
  margin:3% 0 0 40%;
	text-align: center;
	display: block;
}
.wrap-back{
  background-color: rgba(255,255,255,0.6);
  padding: 2%;
}
.wrap .left {
	text-align: left;
	display: inline-block;
}
.here-wrap{
  margin: 0 auto;
  padding: 8% 0;
}
.inner-text li{
  font-size: 1.8rem;
}

/*グッドくんアニメーション*/
/*右*/
.good{
  width: 25%;
  position: relative;
}
.good-1{
  position: absolute;
  left: 28em;
  bottom: -2em;
  opacity: 1;
}
.active {
  position: absolute;
  left:30em;
  bottom: 8em;
  opacity: 0;
  transition: 0.3s; 
}
.good-1:hover{
  opacity: 0;
  transition: 0.3s;
}
.good:hover .active{
  opacity: 1;
}
.good:hover .good-1{
  opacity: 0;
}

.good {
  animation: fuwafuwa 3s infinite ease-in-out;
}

@keyframes fuwafuwa {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, -20px);
  }
  100% {
    transform: translate(0, 0);
  }
}
/*左*/
.good-left{
  position: relative;
  width: 28%;
}
.good-2{
  position: absolute;
  left: -10em;
  bottom: 15em;
  opacity: 1;
}
.active-2 {
  position: absolute;
  left: -20em;
  bottom: 17em;
  opacity: 0;
  transition: 0.3s; 
  width: 85%;
}
.good-left:hover .active-2 {
  opacity: 1;
}
.good-left:hover .good-2{
  opacity: 0;
}

/*-----------------

 　 /here

------------------*/
/*-----------------

   buttonボタン

-------------------*/
/*about*/
button{
  width: 70%;
  background-color: #F3B33D;
  padding: 3%;
  border: none;
  margin: 8% auto;
  transition: all .5s;
  cursor: pointer;
}
a > button{
  font-weight: bold;
  font-size: 2rem;
  color: #fff;
}
.fsl-btn{
  width: 100%;
  background-color: #c81e00;
}

.price-btn{
  background-color: #D76A00;
  
}
.about-btn{
  margin-top: 0;
}
button:hover{
  background-image: url("images/button/about-button.jpg");
  transition-timing-function: ease-in-out;
  /*animation-timing-function: ease-in-out;*/
  /*transition: .3s;*/
  transform: scale(1.1);
  opacity: 0.8;
}
/*button a:hover{
  display: inline-block;
  color: #353535;
  font-size: 1.8rem;
}*/
a > button:hover{
  color: #101010;
}
/*/about*/



/*問い合わせボタン*/
.message-btn{
  background-color: #1F1C49;
  width: 70%;
  margin: 8% auto;
  display: block;
}
.message-btn > a{
  color: #fff;
  font-size: 3rem;
  font-weight: bold;
}
.message-btn:hover{
  background: url("images/button/message-btn.jpg") no-repeat;
}


/* 202304 料金変更のお知らせボタン */

/* .oshirase-b{ */
  /* max-width: 60%; */
  /* margin: 7% auto;x
  text-align: center;
}
.oshirase-b a{
  font-size: 3rem;
  font-weight: bold;
  color: #fff;
  background-color: #c81e00;
  transition: background-color 1s;
  padding: 2% 10%;
}
.oshirase-b a:hover{
  opacity: 0.7;
} */
/* /202304 料金変更のお知らせボタン*/

/* 20230303コーチング */
/* コーチング */
.coaching{
  font-size: 1.8rem;
  display: flex;
  justify-content: center;
  text-align: center;
  padding: 3rem 0;
  position: relative;
  margin-top: 5% !important;
}
.coaching-wrap{
  width: 65%;
  border: 1px solid #A6D9DE;
  outline: 2px solid #A6D9DE;
  outline-offset: 4px;
  margin: 0 auto 10px;
}
/* アコーディオン */
.coaching-title::after{
  font-family: "Font Awesome 5 Free";
  content: '\f107';
  font-weight: 900;
  color: #3E7FBA;
  top: 15rem;
  right: 0;
  left: 0px;
  margin: auto;
  font-size: 2.5rem;
  position: absolute;
  padding-bottom: 1rem;
}
.coaching-title{
  padding-bottom: 3rem;
}
/*　closeというクラスがついたら形状変化　*/

.coaching-title.close::after{
  content: '\f106'; 
}
.coaching-box{
  display: none;
  padding-bottom: 20px;
}
/* /コーチング */
/*-----------------

   /button

-------------------*/
/*-----------------

 　 about(online)

------------------*/
/*三角*/
.triangle{
  border-top:25vh solid #1F1C49;
  border-right: 50vw solid transparent;
  border-left: 50vw solid transparent;
}
/*/三角*/

/*背景*/
.about-wrap{
  width: 100%;
  /*height: 250vh;*/
  background: url("images/top/about/IMG_9594@2x.jpg") no-repeat;
  background-position: center bottom;
  background-size: cover;
  padding-top:80px;
  padding-bottom: 80px;
}

/*/背景*/


/*好きな場所で寄り添ったレッスン作り*/
.about-box >ul >li{
  font-size: 2rem;
  font-weight: bold;
}
.about-box > p{
  font-size: 2rem;
  padding: 10% 8%;
  font-weight: bold;
}
.font-35{
  font-size: 3.5rem;
  font-weight: bold;
}
.about-box:first-of-type{
  margin-bottom: 5%;
}
.about-inner{
  width: 50%;
}
.about-inner > img{
  margin-bottom: 100px;
}
.inner-point{
  width: 300px;
  margin: 0 auto;
}
.about > ul > li{
  margin-bottom: 10%;
  font-size: 2rem;
}
.about > ul{
  padding-top: 10%;
}

.about-box{
  width: 60%;
  height: auto;
  background-color: #fff;
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
}
/*/好きな場所で寄り添ったレッスン作り*/

/*-----------------

 　 /about(online)

------------------*/

/*-----------------

 　 step by step

------------------*/

/*.sbs > ul >li{
  margin-bottom: 3%;
}*/
/*筋トレイラスト*/
/*.sbs .dummy{
  width: 20%;
  margin: 5% auto;
}*/
/*span textsize*/
.sbs-span{
  font-size: 3rem;
}
.sbs-textsize{
  font-size: 2rem;
}

.sbs-kintore > div >img{
  display: block;
  width: 30%;
  margin: 0 auto 8%;
}

.batu,
.batu.maru{
  position: relative;
}
.batu::before{
   content:"";
   display:block;
   width:200px;
   height:195px;
   background:url("images/top/step by step/sbs-batu.png")no-repeat;
   position:absolute;
   top:0px;
   left:10px;
   z-index: -1;
}
.batu.maru::before{
   content:"";
   display:block;
   width:200px;
   height:200px;
   background:url("images/top/step by step/sbs-maru.png")no-repeat;
   position:absolute;
   top:-30px;
   left:76px;
   z-index: -1;
}

.dont{
  width: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10%;
  background-color: #F1D450;
}
.taisetu > .dont-good{
  padding: 5%;
}
/*.dont > p{
  display: block;
  margin-top: 5%;
  
}*/

/*.dont-good{
 width: 50%; 
}*/

/*バツアニメーション*/
.batu {
  animation: fadeIn 1s infinite linear;
  /*animation-delay: 2s;*/
}

@keyframes fadeIn{
  0% {
    opacity: 0;
  }
  /*50%{
    opacity: 1;
  }*/
  100% {
    opacity: 1;
  }
}
/*マルアニメーション*/
/*.maru{
  background-image: url("images/top/step by step/sbs-maru.png");
}*/


@keyframes fade-In{
  0% {
    opacity: 0;
  }
  /*50%{
    opacity: 1;
  }*/
  100% {
    opacity: 1;
  }
}
/*don'tよこふわ*/
.dont-good {
  animation: yokofuwa 4s infinite ease-in-out;
}

@keyframes yokofuwa {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
/*/don'tよこふわ*/
/*下線*/
.line{
  background: linear-gradient(transparent 50%, #F3B33D 30%);
  display: block;
  font-size: 3rem;
  width: 35%;
  margin: 5% auto 8%;
}
/*/下線*/
/*毎日コツコツ*/
.kotu-wrap{
  margin: 0 auto 8%;
  display: flex;
  width: 50%;
  justify-content: space-around;
  align-items: flex-end;
  padding-left: 5%;
}
.kotu-wrap > div > img{
  width: 90%;
}
/*.dont.taisetu >p{
  background-image: url("images/top/step by step/sbs-maru.png");
  padding: 6% 0;
}*/
.dont-good{
  width: 50%;
}
.sp-v{
  display: none;
}
/*-----------------

 　 /step by step

------------------*/
/*-----------------

  free style lesson

------------------*/
/*背景*/


/*三角仕切り*/
.fsl-triangle{
  border-top:25vh solid #fff;
  border-right: 50vw solid transparent;
  border-left: 50vw solid transparent;
}
/*/三角仕切り*/
/*.fsl-Thoughts{
  width: 100%;
  height: auto;
  background-color: #FC758E;
  
}*/

.fsl-Thoughts{
  background: linear-gradient(-45deg, rgba(246, 255, 0, .8), rgba(255, 0, 161, .8)) fixed, url("images/top/free style lesson/fsl-top/IMG_9583@2x.jpg") fixed center / contain;
  /*background-position: center;
  background-size: cover;*/
}

/*@keyframes huerotator {
  0% {
    -webkit-filter: hue-rotate(0deg);
    filter: hue-rotate(0deg);
  }

  100% {
    -webkit-filter: hue-rotate(10deg);
    filter: hue-rotate(10deg);
  }
}*/
.fsl-p{
  line-height: 3;
  margin-top: 8%;
  color: #fff;
  font-weight: bold;
  font-size: 1.8rem;
 /* font-family: 'Noto Sans JP';*/
}
.fsl-span{
  font-size: 2.5rem;
  text-transform: capitalize;
}
.fsl-span-a{
  font-size: 3rem;
  font-weight: bold;
}
.fsl > section > div >.h-under{
  border-color: #fff;
}
.fsl-Thoughts{
  padding-bottom: 8%;
}


/*-----------------

  simulation

------------------*/



.simulation{
  padding: 10% 0;
  background: url("images/top/free style lesson/simu/f.jpg")no-repeat;
  background-size: cover;
  background-position: 85% 75%;
}
.simulation > div > div > ul > li.simu-h4{
  text-transform: capitalize;
  color: #c81e00;
}
.simulation > div > div > ul > li.simu-h4 > p{
  font-weight: bold;
}
.simulation > div > div > ul{
  margin-bottom: 10%;
  line-height: 2;
  width: 100%;
  background-color: #fff;
  padding: 2% 5% 5%;
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
}
.simu-wrap{
  width: 55%;
}
.simu-wrap > ul:nth-child(2){
  margin-left: 8%;
}
/*吹き出しのもっと頑張りたい方へ*/

.simulation-wrap{
  display: flex;
}
.simu-more{
  width: 45%;
}
.simu-more-inner{
  width: 340px;
  height: 340px;
  margin: auto;
  background: url("images/top/free style lesson/simu/simu-fukid.png")no-repeat;
  background-position: top;
  background-size: contain;
}
.simu-more-inner > img{
  width: 25%;
  display: block;
  margin: auto;
  padding-top: 22px;
}
.simu-more-inner > p{
  color: #fff;
  text-align: center;
}
.simu-more-p{
  position: relative;
}
.simu-more-p > p{
  position: absolute;
  top: 111px;
  left: 45px;
  font-size: 1.5rem;
  line-height: 2;
}
/*-----------------

  /simulation

------------------*/


/*-----------------------------------------

   price利用料金

-------------------*/

/*h4余白変更*/
.sbs-h4.sbs-h4-price{
  margin: 8% auto 20%;
}

/*レッスン方法は選べます*/
.price-inner{
  width: 70%;
  padding: 5%;
  background: url("images/top/price/price-1.jpg") no-repeat;
  background-position: center;
  background-size: cover;
  margin: 0 auto 20%;
}
.back-a ul{
  background-color: rgba(243,179,61,1);
  padding: 5% 0;
}
.henko-a{
  width: 100%;
  background-color: rgba(243,179,61,1);
  margin: 0 auto;
  padding: 5% 5% 5% 10%;
  /*box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);*/
}
.price-inner.back-b{
  background: url("images/top/price/price-2.jpg") no-repeat;
  background-position: center;
  background-size: cover;
  
}
.price-inner.back-b >ul{
  background-color:rgba(166,217,222,1); 
  padding-top: 5%;
  padding-bottom: 5%;
}
.price-inner > ul{
  width: 100%;
  margin: auto;
  padding-left: 70px;
}
.price-inner > ul >li{
  text-align: left;
}
.price-inner >  ul >li:first-of-type{
  font-size: 2rem;
  font-weight: bold;
}
.price-inner > ul >li >img{
  width: 15%;
  display: block;
  margin: 3% auto;
}


/*レッスン1，2*/
.price-inner div{
  position: relative;
}
.price-inner div img{
  position: absolute;
  display: block;
  width: 20%;
  bottom: 49px;
  left: 236px;
}

.price-choice >img{
  display: block;
  width: 30%;
  margin: 10% auto;
}
.price-choice >div >a{
  font-size: 2rem;
  font-weight: bold;
  margin: 5% auto;
  text-align: left;
  color: #101010;
}
.price-choice{
  width: 55%;
  margin: 0 auto 5%;
}
.price-choice >div{
  background-color: rgba(243,179,61,1);
  padding: 3% 0 3% 4%;
  text-align: left;
}
.price-choice >div:nth-of-type(2){
  background-color: rgba(166,217,222,1);
  margin-bottom: 25%;
}
.direction{
  width: 30%;
}
.price-under >li{
  font-size: 1.5rem;
  text-align: left;
}
.price-under{
  width: 100%;
  background-color: rgba(243,179,61,1);
  padding: 5% 0 5% 10%;
  margin: 5% auto 0;
}
.price-under.under-b{
  margin-top: 0;
}
.price-under.under-b{
  background-color:rgba(166,217,222,1); 
}
.price-under > p{
  text-align: left;
}
.note{
  font-size: 1.5rem;
  color: #C81E00;
}
/*price-note*/
.price-note > div{
  width: 80%;
  padding-left: 30px;
  border-top: 2px solid #C81E00;
  padding: 5% 0;
}
.price-note > div > p{
  text-align: left;
}
.price-note{
  border: 2px solid #C81E00;
  width: 100%;
  margin: auto;
}
.price-privacy{
  background: url("images/price/IMG_9567@2x.jpg")no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  margin: 10% auto 20%;
  padding: 5%;
  position: relative;
}
.price-privacy > div{
  background-color: rgba(255,255,255,0.9);
  margin: auto;
  padding: 1% 0 3% 0;
}
/* 20230603 */
.mt-20{
  margin-top: 20rem;
}
/*-----------------f

   /price利用料金

-------------------*/


/*-----------------

   message

-------------------*/
.message >div{
  background-color: rgba(166,217,222,1);
}
.message-inner{
  display: flex;
}
.message-inner.b{
  flex-direction:row-reverse;
}
.message-inner > div{
  padding-left: 2%;
  width: 50%;
}
.message-inner > div >p{
  line-height: 2.2;
  margin: 8% auto;
}
.message-inner> div > img{
  padding: 8% 5% 5%;
}
/*.message-inner.b{
  margin-top: 2%;
  height: 210vh;
  background: url("images/top/message/message-2.jpg") #F9F3B1 no-repeat;
  background-position: bottom;
  background-size: cover;
}*/


/*-----------------

   /message

-------------------*/

/*-----------------

   footer

-------------------*/
/*ページトップ*/
#page-top{
  position: fixed;
  right: 10px;
  bottom: 30px;
  z-index: 2;
  opacity: 0;
  transform: translateY(150px);
}
#page-top.UpMove{
  animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
  transform: translateY(150px);
  }
  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/*　下に下がる動き　*/
#page-top.DownMove{
  animation: DownAnime 0.5s forwards;
}

@keyframes DownAnime{
  from {
    opacity: 1;
  transform: translateY(0);
  }
  to {
    opacity: 1;
  transform: translateY(150px);
  }
}

/*画像の切り替えと動き*/
#page-top a {
    /*aタグの形状*/
  display: block;
  width: 100px;
  height: 100px;
  color: #333;
  text-align: center;
  text-transform: uppercase; 
  text-decoration: none;
  font-size:0.6rem;
    /*背景画像の指定*/
  background: url("images/footer/page-top.png") no-repeat center;
  background-size: contain;
}

#page-top.floatAnime a{
  width: 100px;
  height: 130px;
    /*背景画像の指定*/
  background: url("images/footer/page-top.png") no-repeat center;
  background-size: contain;
    /*アニメーションの指定*/
  animation: floatAnime 2s linear infinite;
  opacity: 0;
}

@keyframes floatAnime {
  0% { transform: translateX(0); opacity: 0; }
  25% { transform: translateX(-6px);opacity: 1; }
  50% { transform: translateX(0) }
  100% { transform: translateX(6px);opacity: 1; }
}

/*Page Topと書かれたテキストの位置*/
#page-top span{
  position: absolute;
  bottom: -20px;
  right: 20px;
  color: #666;
}
small{
  display: block;
  text-align: center;
}

/*-----------------

   footer

-------------------*/
/*------------------------------------------------------------
--------------------------------------------------------------
   下層ページ
--------------------------------------------------------------
--------------------------------------------------------------
--------------------------------------------------------------*/

/*-----------------

 　 contact

------------------*/
/*Q&A*/

#qanda > div{
  background-color: #fff;
  padding: 2%;
}
#qanda > div >dl >dt{
  background-color: #D76A00;
  color: #fff;
  padding: 2%;
}
#qanda > div >dl > dd{
  width: 90%;
  margin: 2% 5% 3%;
}
#qanda >img{
  display: block;
  width: 10%;
  margin: auto;
}


/*contact*/
/*.m-5{
  margin: 5% auto;
}*/
/*form{
  width: 70%;
  margin: 5% auto 10%;
  color: #fff;
}
.in{
  width: 100%;
  padding: 2%;
  margin-bottom: 5%
}
#text-in{
  width: 100%;
  padding: 2%;
}*/
.contact-coll{
  margin-bottom: 5%;
  color: #101010;
}
.contact-back{
  background: url("images/contact/IMG_9543@2x.jpg")no-repeat;
  background-position: top;
  background-size: cover;
  padding: 3% 0 ;
}
/*input,textarea{
  opacity: 0.8;
}*/
/*プライベート*/
.private{
  width: 70%;
  padding: 3%;
  background-color: rgba(255,255,255,0.8);
  margin: 0 auto 20%;
  text-align: center;
  position: relative;
}
.insta-back{
	transition:.5s;
}
.insta-back:hover {
  color: #fff;
}
/*-----------------

 　 /contact

------------------*/

/*-----------------

 　 profile

------------------*/
.aisa{
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 3;
  margin: 8% auto 5%;
}
.self-introduction{
  margin-bottom: 20%;
}
.self-introduction-wrap > p{
  color: #fff;
  line-height: 2;
  margin-bottom: 2%;
  font-size: 1.5rem;
}
.self-introduction-wrap{
  background: rgba(114,108,79,0.7) url("images/profile/story-1/profile-img-1.jpg")no-repeat;
  background-position:  right 10% bottom 45%;;
  background-size: cover;
  padding: 5% 0 5% 2%;
}
.self-name{
  position: relative;
}
.self-name::after{
  content:"";
   display:block;
   width:287px;
   height:180px;
   background:url("images/profile/story-1/name.png")no-repeat;
   position:absolute;
   bottom:-125px;
   right:0;
}
.self-introduction-inner{
  font-size: 1.8rem;
  font-weight: bold;
  display: block;
  margin-top: 3rem;
  margin-bottom: .5rem;
}

/*story-2*/

.container{
  display: flex;
}
.story2-Career >.slick-slide{
  padding: 10px;
}

.story-2-inner{
  font-weight: 600;
  color: #3E7FBA;
}

/*story-3*/
/*.story-3-wrap{
  width: 60%;
  margin: 5% auto 8%;
}*/
.story-3-back{
  width: 80%;
  height: auto;
  background: url("images/profile/story-3/story-3-b.jpg")no-repeat;
  background-size: cover;
  margin: 8% auto;
  padding: 8% 0;
}
.story-3-wrap{
  background: #FFF;
  width: 80%;
  border: 2px solid #F3B33D;
}
.story-3-nintei{
  width: 65%;
  margin: 5% auto;
}
.s{
  text-align: left;
}
.story-3-wrap > ul{
  width: 225px;
  margin: 3% auto;
}

/*-----------------

 　 /profile

------------------*/
/*-----------------

　 lesson

------------------*/
.lesson-copy{
  position: relative;
  margin-top: 120px;
  margin-bottom: 187px;
}

.lesson-copy__img{
  width: 50%;
}
/*box-shadow: 10px 10px 5px 0 rgb(255, 186, 141);*/
.lesson-copy__text{
  background-color: #fff;
  box-shadow: 10px 10px rgb(208, 69, 0);
  font-size: 2.4rem;
  font-weight: 500;
  padding: 20px 30px;
  width: 55%;
  position: absolute;
  top: 80px;
  left: 45%;
}


/* アコーディオン */
/*アコーディオン全体*/
.lesson-accordion-area li{
  margin-bottom: 150px;
}


/*アコーディオンタイトル*/
.lesson-title {
  position: relative;/*+マークの位置基準とするためrelative指定*/
  cursor: pointer;
  transition: all .5s ease;
  background-image: url(images/lesson/lesson-QAbackimg.jpg);
  background-size: cover;
  padding: 30px 50px;
}

.lesson-title > div{
  background-color: #fff;
  padding: 20px;
}
.lesson-title h4{
  font-size: 3rem;
  font-weight: bold;
  color: #3E7FBA;
}
.lesson-title div h4 span{
  font-size: 2rem;
  display: block;
  color: #3E7FBA;
  font-weight: bold;
  text-transform: capitalize;
}
.lesson-title > div > p{
  font-size: 1.6rem;
  color: #101010;
}

/*アイコンの＋と×*/
.lesson-title::after{
  font-family: "Font Awesome 5 Free";
  content: '\f107';
  font-weight: 900;
  color: #3E7FBA;
  top: 46px;
  left: 250px;
  font-size: 2.5rem;
  position: absolute;
}

/*　closeというクラスがついたら形状変化　*/

.lesson-title.close::after{
  content: '\f106'; 
}

/*アコーディオンで現れるエリア*/
.lesson-box {
  display: none;/*はじめは非表示*/
  background-image: url(images/lesson/lesson-accordionbackimg.jpg);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 71px 161px 170px;
}

.lesson-box p{
  margin-bottom: 30px;
}

/* /アコーディオン */

.more-wrap{
  width: 100%;
  margin: auto;
  background: url("images/contact/IMG_9543@2x.jpg")no-repeat;
  background-position: center;
  background-size: cover;
}
.more-wrap > div{
  padding: 9%;
}
.more-wrap > div >p{
  font-size: 1.8rem;
  font-weight: 600;
  padding-bottom: 2%;
  color: #1F1C49;
  text-align: center;
  }
.lesson-anime{
  max-width: 202px;
  margin: 5px auto 0;
}

/* Voice */
.lesson-voice{
  background: url("images/lesson/lesson-voiceback2.jpg")no-repeat;
  background-position: center;
  background-size: cover;
  padding-top: 1px;
}

div.lesson-voice__content{
  padding: 135px 0 175px;
}

.lesson-voice__item{
  /*max-width: 546px;*/
  margin: 0 auto 96px;
  /*border: 3px solid #E48920;*/
  padding: 20px 50px;
  background-color: #fff;
}

.lesson-voice__item h4{
  font-size: 2rem;
  margin-bottom: 20px;
}
.lesson-voice__item > p{
  border-top: 1px solid #D76A00;
  margin-bottom: 5%;
}
/* 進学先・学校名・進学先一覧 */
.lesson-school{
  padding: 80px 0;
}

.lesson-school .row>p{
  margin-bottom: 35px;
}

.school-list{
  background-color: #F6F6F6;
}

.school-list h4{
  text-align: center;
  font-size: 2rem;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
  padding: 10px 0;
}

.school-list__content{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding: 34px 0;
}

.school-list__content dt{
  position: relative;
  padding-left: 23px;
  display: inline-block;
}

.school-list__content dt::before,
.school-list__content dt::after{
  content:'';
  width: 15px;
  height: 1px;
  background-color: #101010;
  display: block;
  position: absolute;
  top: 17px;
}

.school-list__content dt::before{
  left: 0;
}

.school-list__content dt::after{
  right: -23px;
}
/*-----------------

　 /lesson

------------------*/
/*-----------------

　　心のケア

------------------*/
.heart > h3{
  margin-top: 10%;
}

.heart > div{
  margin-top: 15%;
}
.omoi{
  margin-bottom: 15%;
  color: #C81E00;
  font-size: 2.5rem;
  font-weight: bold;
}


/*真ん中*/
.mental-inner-A{
  width: 75%;
  margin: 0 auto 25%;
  background: url("images/heart/heart1.jpg")no-repeat;
  background-position: center;
  background-size: cover;
  padding: 15% 10%;
  color: #fff;
  font-weight: bold;
  font-size: 2.5rem;
}
.mental-inner > div{
  width: 100%;
}
.mental-inner{
  background-color: #A6D9DE;
  padding-bottom: 5%;
}
.mental-inner > div >ul{
  margin: 8% auto;
  width: 60%;
  padding-left: 20px;
}
.mental-inner > div > ul >li{
  text-align: left;
  line-height: 2.5;
}
.teacher-img{
  width: 40%;
  margin: 10% auto;
}



/*-----------------

　 /心のケア

------------------*/
/*-----------------

　 price

------------------*/

/* 期間限定　料金変更お知らせ */
.henko-price{
  margin: 10% auto;
  text-align: center;
  padding-bottom: 15%;
}
.henko-h{
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 10%;
  display: inline-block;
}
.henko-text{
  font-size: 2rem;
  margin-bottom: 8%;
}
/* オレンジ１ */
.henko-a-1:first-child{
  padding-bottom: 3%;
}
.henko-go{
  font-size: 2rem;
  font-weight: bold;
}
.henko-go-red{
  font-size: 2rem;
  font-weight: bold;
  color: #c81e00;
}
.henko-aside{
  font-size: 1.6rem;
  line-height: 2;
  border-left: 2px solid;
  padding-left: 3%;
}
/* /期間限定　料金変更お知らせ */
/* 20230204更新部分 */
.henko-a{
  text-align: left;
}
.henko-a p,
.henko-a .henko-a-top dt,
.henko-a .henko-a-top dd{
  font-size: 2rem;
  font-weight: bold;
  color: #C81E00;
}
.henko-a p,
.henko-a .henko-a-top dt{
  color: #101010;
}
.henko-a-top dd,
.henko-a-aside dd{
  display: list-item;
  list-style: disc;
  text-align: left;
  margin-left: 30px;
}
.henko-a-aside dt{
  font-weight: bold;
}
.henko-a-aside ul li{
  display: list-item;
  list-style: square;
  text-align: left;
  margin-left: 30px;
  color: #C81E00;
}
/* /2023更新部分 */
/*-----------------

　 /price

------------------*/
/* ここまでpc下層ページ */

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------レスポンシブ*/

@media screen and (max-width:1023px){
  .row{
    padding: 0 10px;
  }
  .i-br{
    display: block!important;
  }
  #g-nav{
    display: none;
  }
  #nav-drawer{
    display: block !important;
  }
  /*here*/
  .here{
    background-position: left 30% bottom 0%;
  }
  .wrap{
    width: 60%;
  }
  .good-1{
    left: 19em;
  }
  /*online*/
  /*.about-wrap{
    height: 160vh;
    background-size: auto;
  }*/
  .about-box {
    width: 76%;
  }
  /*ステップバイステップ*/
  .batu::before{
    top: -30px;
  }
  .batu.maru::before{
    top: 18px;
  }
  .dont{
    width: 90%;
  }
  .line{
    width: 50%;
  }
  /*シミュレーション*/
  .simulation-wrap{
    display: block;
  }
  .simu-wrap{
    width: 75%;
    margin: 0 auto;
  }
  .simulation{
    background: url("images/sp-top/sp-simu.jpg")no-repeat;
    background-position: center bottom;
    background-size: cover;
    height: 200vh;
  }
  /*price*/
  .price-inner{
    width: 75%;
  }
  
  /*---------------------------------------------------下層ページ*/
  
  /*-------プライス--------------*/
  .price-choice{
    width: 70%;
  }
  .price-inner > ul{
    padding-left: 18px;
  }
  .price-under{
    padding: 5%;
  }
  .price-inner div img {
    position: absolute;
    display: block;
    width: 20%;
    bottom: 36px;
    left: 193px;
  }
  /*--------心のケア-------------*/
  .mental-inner >div >ul{
    width: 70%;
  }
  
  /*--------レッスン------------------*/
  .lesson-copy__text{
    left:44%;
  }
  /*--------プロフィール---------------*/
  .story-3-back {
    width: 90%;
  }
  .self-introduction-wrap {
    background-position: right 10% bottom;
    background-size: contain;
    height: 1003px;
    padding: 5% 0 8% 1%;
  }
}
@media screen and (max-width:639px){
  /*-----------------

  　 top 

  ------------------*/
  header >.v-center {
    max-width: 639px;
    align-items: normal;
    padding-left: 5%;
    padding-top: 2%;
  }
  h1.logo{
    width: 50%;
  }
  h3{
    margin-top: 25%;
  }
  .pc-br{
    display: none!important;
  }
  .sp-br{
    display: block!important;
  }
  /*button*/
  button{
    width: 100%;
  }
  .message-btn {
    width: 100%;
  }
  .about-btn{
    width: 90%;
  }
  /*.price-btn{
    width: 100%;
  }*/
  /*.logo > a > img{
    width: 200%;
  }*/
  /*heroイメージ*/
  .header-slide-pc{
    display: none !important;
  }
  .header-slide-sp{
    display: block !important;
    width: 100%;
    height: auto;
  }
  .header-slide-sp >li{
    position: relative;
  }
  .copy-sp{
    display: block;
    position: absolute;
    top: 18%;
    left: 4%;
    width: 90%;
  }
  .copy-4-sp{
    position: absolute;
    top: 12%;
    left: 5%;
    width: 90%;
  }

  /* 202304 料金変更のお知らせボタン */

.oshirase-b{
  margin: 7% auto;
  text-align: center;
}
.oshirase-b a{
  font-size: 100%;
  
}
.oshirase-b a:hover{
  opacity: 0.7;
}
/* /202304 料金変更のお知らせボタン*/
/* 20230303コーチング */
.coaching-title::after{
  top:14rem
}
.coaching-wrap{
  width: 80%;
  line-height: 1.6;
}
.coaching-box{
  font-size: 1.6rem;
  padding: 0 .5rem 1rem;
}
/* /20230303コーチング */
  /*here*/
  
  /*三角*/

  .triangle {
    border-top: 13vh solid #1F1C49;
  }
  .wrap{
    margin: 0 auto;
    width: 100%;
  }
  .here{
    height: 1420px;
    background: url("images/sp-top/sp-back-here.jpg")no-repeat;
    background-position: bottom;
    background-size: cover;
  }
  .here h2{
    margin-bottom: 5%;
    margin-top: 0;
  }
  .good-1 {
    left: 13em;
    bottom: -7em;
  }
  .active {
    left: 15em;
    bottom: -24em;
  }
  /*online*/
  .about-box {
    width: 100%;
  }
  /*.about-wrap {
    height: 206vh;
  }*/
  /*sbs*/
  h4.sbs-h4 {
    width: 270px;
    margin: 20% auto 15%;
  }
  .dont{
    flex-direction: column-reverse;
    width: 100%;
  }
  .dont.dont-1{
    padding-top: 7%;
  }
  .dont.taisetu{
    padding-bottom: 7%;
  }
  .sbs-kintore > div >img {
    width: 50%;
  }
  
  .dont-good{
    width: 70%;
    margin: 15% 0 0 0;
  }
  .dont-good{
    width: 100%;
  }
 .batu {
   
    left: 10%;
    top: -7%;
  }
  .taisetu > .dont-good {
    padding: 0 15% 10% 5%;
}
  .batu.maru::before{
    top: 47px;
    left: -5px;
  }
   /*
  .batu.maru {
    width: 60vw;
    height: 60vw;
    left: 0;
  }*/
  .dont-wrap{
    margin-top: 10%;
  }
  .sbs-textsize{
    padding-bottom: 6%;
  }
  .sbs-taisetu{
    margin-bottom: 10%;
  }
  .line{
    width: 350px;
    font-size: 2.8rem;
  }

  .pc-v{
    display: none!important;
  }
  .sp-v{
    display: block!important;
    margin: auto;
    width: 100%;
  }
  /*fsl*/
  .fsl-triangle{
    border-top: 13vh solid #fff;
  }
  /*シミュレーション*/
  
  .simulation-wrap{
    flex-direction: column;
  }
  .simu-wrap{
    width: 100%;
  }
  .simulation{
    background: url("images/sp-top/sp-simu.jpg")no-repeat;
    height: 1958px;
  }
  .simu-wrap > ul:nth-child(2){
    margin-left: 0;
  }
  .simulation > div > div > ul {
    margin-bottom: 10%;
  }
  .simu-more-inner{
    margin: 10% auto 0;
  }
  /*price*/
  .price-choice{
    width: 70%;
  }
  .price-choice > div{
    padding: 3% 0 3% 8%;
  }
  .price-inner{
    width: 100%;
  }
  .price-inner > ul {
    width: 100%;
    padding-left: 0;
    padding: 2% 0 2% 6%;
  }
  .price-under{
    padding: 3%;
  }
  /*下層price*/
  .sbs-h4.sbs-h4-price {
    margin: 15% auto 40%;
}
  .price-inner div img {
    bottom: 18px;
    left: 108px;
    width: 30%;
  }
  .price-inner {
    margin: 0 auto 45%;
  }

  .henko-price {
    padding-bottom: 35%;
  }
  
  /*メッセージ*/
  .message-inner,
  .message-inner.b{
    flex-direction: column;
  }
  .message-inner > div{
    width: 100%;
  }
  /*フッター*/
  #page-top {
    right: 15px;
  }
  /*--------/topページ------------------*/
  
  /*-------下層ページ---------------------*/
  /*-----------------

  　 lesson

  ------------------*/
  .lesson-copy__img{
    width: 85%;
  }

  .lesson-copy__text {
    width: 85%;
    top: auto;
    left: auto;
    bottom: -20%;
    right: 3%;
    font-size: 2rem;
  }

  .lesson-title{
    padding: 20px 10px;
  }

  .lesson-title::after {
    top: 25px;
    left: 210px;
  }

  .lesson-title h4{
    padding: 10px;
    font-size: 2rem;
  }

  .lesson-box{
    padding: 41px 20px 110px;
  }
  
  .lesson-voice__item{
    width: 90%;
    max-width: 100%;
    padding: 20px 30px;
  }

  .school-list__content{
    justify-content: space-between;
    padding: 34px;
  }

  .school-list__content>div dd{
    margin-bottom: 20px;
  }
  h4.sbs-h4.flee-h4 {
    width: 340px;
  }
  /*-----------------

  　 /lesson

  ------------------*/
  /*-----------------

  　 プロフィール

  ------------------*/
  .self-introduction-wrap{
   background: url("images/sp/sp-pro-img-a.jpg")no-repeat;
   height: 1470px;
   margin-bottom: 40%;
}
  .story-3-back {
    width: 100%;
  }
  /*-----------------

  　 /プロフィール

  ------------------*/
/*-----------------

  　 contact

  ------------------*/
  #qanda > img{
    width: 40%;
  }
  form{
    width: 100%;
  }
  .private{
    width: 100%;
  }
  /*-----------------

  　 /contact

  ------------------*/
  /*-----------------

  　 心のケア

  ------------------*/
  .heart > h3{
    margin-top: 20%;
  }
  .mental-inner-A{
    width: 100%;
  }
  .mental-inner >div >ul{
    width: 100%;
  }
  .teacher-img{
    width: 100%;
  }
  
  /*-----------------

  　 /心のケア

  ------------------*/
  /*-----------------

  　 price

  ------------------*/
  .henko{
    width: 100%;
  }
   .henko-a-1 li,.henko-aside{
    font-size: 90%;
  }
  .henko-go{
    font-size: 90%;
  } 
  /* 2023price変更 */
  .henko-a{
    padding: 5% 2%;
  }
  /*-----------------

  　 /price

  ------------------*/
}