@charset "UTF-8";
/* CSS Document */
@font-face {
  font-family: 'Noto Sans CJK JP Medium';
  src: url("font/NotoSerifCJKjp-Black.otf")format('opentype');
  font-weight: 500;
  font-style: Medium;
}
@font-face {
  font-family: 'Noto Sans CJK JP';
  src: url("font/NotoSerifCJKjp-Regular.otf")format('opentype');
  font-weight: 400;
  font-style: Regular;
}
.body {
  background-color: #f3efed;
}
/*ヘッダー*/
.header {
  background-color: #FFF;
  width: 100%;
  height: 100px;
  position: fixed;
  top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 900;
  box-shadow: rgb(0 0 0 / 5%) 10px 10px 25px;
  padding: 2vw 2vw;
  white-space: nowrap;
}
.h1 {
  width: 50%;
  margin: 10px;
}
.h1 img {
  width: 100%;
}
.menu ul {
  display: flex;
  list-style: none;
}
.menu li {
  margin-right: 30px;
  font-size: 1.5rem;
  font-family: 'Noto Sans CJK JP';
}
.menu li:last-child {
  margin: 0 auto;
}
@media(max-width:950px) {
  .header {
    height: 60px;
  }
  .h1 {
    width: 25%;
    margin: 10px;
    min-width: 50px;
  }
  /*開閉用ボタン（ハンバーガーボタン）*/
  .menu-btn {
    position: fixed;
    top: 6px;
    right: 3%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 101;
    -webkit-transition: all 3s ease-in-out;
    transition: all .3s ease-in-out;
  }
  .menu-btn-line {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 1px;
    width: 30%;
    background: #333;
    -webkit-transition: all 3s ease-in-out;
    transition: all .3s ease-in-out;
  }
  .menu-btn-line::before, .menu-btn-line::after {
    content: "";
    height: 1px;
    width: 100%;
    background: #333;
    position: absolute;
    left: 0;
    -webkit-transition: inherit;
    transition: inherit;
  }
  .menu-btn-line::before {
    top: -5px;
  }
  .menu-btn-line::after {
    top: 5px;
  }
  /* 開閉用ボタンがクリックされた時のスタイル */
  .open .menu {
    -webkit-transition: all .5s;
    transition: all .5s;
    visibility: visible;
    opacity: 1;
  }
  .open .menu-btn {
    border-color: #fff
  }
  .open .menu-btn-line {
    background-color: transparent;
  }
  .open .menu-btn-line::before, .open .menu-btn-line::after {
    top: 0;
    background: #fff
  }
  .open .menu-btn-line::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .open .menu-btn-line::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  /*開いたメニュー*/
  .menu {
    position: fixed;
    display: flex;
    justify-content: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(1, 1, 1, .9);
    -webkit-transition: all .5s;
    transition: all .5s;
    visibility: hidden;
    opacity: 0;
    z-index: 100;
  }
  .menu ul {
    transform: translateY(30%);
    padding: 0;
    list-style-type: none;
    display: block;
  }
  .menu li {
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-family: 'Noto Sans CJK JP';
  }
  .menu li a {
    display: block;
    font-size: 1.4rem;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all .2s;
    transition: all .2s;
  }
  .menu li a:hover {
    transform: translateX(5px);
    -webkit-transition: all .2s;
    transition: all .2s;
  }
}
/*メイン画像*/
.mv {
  margin-top: 100px;
  margin-bottom: 6vw;
}
.mv_img {
  position: relative;
  width: 100%;
}
.mv_img img {
  width: 100%;
}
/*もっと強くなりたい！*/
.title {
  width: 50%;
  position: absolute;
  top: 40%;
  right: 10%;
}
.title img {
  width: 100%;
}
/*そんな選手ひとりひとりの夢を全力でサポートします。*/
.mv h3 {
  font-family: 'Noto Sans CJK JP';
  font-size: 1.5vw;
  font-weight: 300;
  color: #000;
  position: absolute;
  top: 60%;
  right: 11%;
  background-color: #fff;
  white-space: nowrap;
  opacity: 0.8;
  letter-spacing: 0.2em;
  padding: 0.5vw;
}
@media(max-width:950px) {
  .mv {
    margin-top: 60px;
  }
  .title {
    width: 55%;
    top: 42%;
  }
  .mv h3 {
    display: none;
  }
}
.info {
  margin-bottom: 6vw;
  padding: 0 5vw;
}
.induction {
  line-height: 4rem;
  font-size: 1.8rem;
  font-family: 'Noto Sans CJK JP';
}
.button_induction {
  margin: 10vw 0 1.5vw;
  font-family: 'Noto Sans CJK JP';
  font-size: 1.8rem;
}
.info a {
  width: 410px;
}
.button {
  font-family: 'Noto Sans CJK JP';
  background-color: #f1be8e;
  width: 410px;
  height: 85px;
  border-radius: 100px;
  font-size: 2rem;
  text-align: center;
  padding: 30px 0;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.2s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
/* マウスオーバー時 */
.button:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  cursor: pointer;
}
@media(max-width:950px) {
  .info {
    margin-bottom: 15vw;
  }
  .induction {
    line-height: 3.2rem;
    font-size: 1.4rem;
    font-family: 'Noto Sans CJK JP';
  }
  .button_induction {
    font-size: 1.2rem;
  }
  .button {
    font-size: 1.5rem;
    width: 240px;
    height: 60px;
    padding: 18px 0;
  }
}
.worries {
  margin-bottom: 6vw;
  padding: 0 5vw;
}
.worries_treatment_left, .worries_treatment_right {
  width: 10%;
}
.worries_treatment_left img, .worries_treatment_right img {
  width: 100%;
}
.worries_treatment_left {
  margin-left: 25%;
}
.worries_treatment_right {
  margin-left: 65%;
  margin-bottom: 3vw;
}
.worries h2 {
  font-family: 'Noto Sans CJK JP';
  letter-spacing: 0.2em;
  font-size: 2.5rem;
  font-weight: 600;
  margin: 1vw 0;
  line-height: 5rem;
}
.worries ul {
  list-style: none;
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
}
.worries li {
  width: 30%;
}
.worries_01, .worries_03, .worries_04, .worries_06 {
  width: 70%;
  margin: 0 auto;
}
.worries_02, .worries_05 {
  width: 60%;
  margin: 0 auto;
}
.worries_01, .worries_02, .worries_03 {
  margin-bottom: 3vw;
}
.worries_01 img, .worries_02 img, .worries_03 img, .worries_04 img, .worries_05 img, .worries_06 img {
  width: 100%;
}
@media(max-width:950px) {
  .worries {
    margin-bottom: 15vw;
    padding: 0 5vw;
  }
  .worries_treatment_left {
    margin-left: 0;
  }
  .worries_treatment_right {
    margin-left: 70%;
  }
  .worries_treatment_left, .worries_treatment_right {
    width: 30%;
  }
  .worries h2 {
    font-size: 2rem;
  }
  .worries ul {
    list-style: none;
  }
  .worries li {
    width: 80%;
  }
  .worries_01, .worries_02, .worries_03 {
    margin-bottom: 0;
  }
  .worries_01, .worries_03, .worries_05 {
    margin-left: 0;
  }
  .worries_02, .worries_04, .worries_06 {
    margin-right: 0;
  }
}
.counseling {
  margin-bottom: 6vw;
  padding: 0 5vw;
}
.counseling h2 {
  font-family: 'Noto Sans CJK JP';
  letter-spacing: 0.2em;
  font-size: 2.5rem;
  font-weight: 600;
  margin: 1vw 0;
}
.counseling_treatment_left, .counseling_treatment_right {
  width: 10%;
}
.counseling_treatment_left img, .counseling_treatment_right img {
  width: 100%;
}
.counseling_treatment_left {
  margin-left: 30%;
}
.counseling_treatment_right {
  margin-left: 60%;
  margin-bottom: 3vw;
}
.counseling p {
  font-family: 'Noto Sans CJK JP';
  font-size: 1.8rem;
}
.explanation {
  margin-bottom: 3vw;
  line-height: 5rem;
}
.counseling ul {
  flex-wrap: wrap;
  display: flex;
  list-style: none;
  justify-content: center;
}
.counseling ul li {
  width: 30%;
  margin: 0 auto;
}
.counseling_01, .counseling_02, .counseling_03 {
  width: 90%;
  margin: 0 auto;
}
.counseling_01 img, .counseling_02 img, .counseling_03 img {
  width: 100%;
}
.counseling ul p {
  width: 90%;
  font-size: 1.8rem;
  text-align: left;
  margin: 1vw auto 0;
  line-height: 1.6em;
}
.counseling ul span {
  font-size: 3rem;
}
@media(max-width:950px) {
  .counseling {
    margin-bottom: 15vw;
  }
  .counseling h2 {
    font-size: 2rem;
    margin: 3vw 0;
  }
  .counseling_treatment_left, .counseling_treatment_right {
    width: 30%;
  }
  .counseling_treatment_left img, .counseling_treatment_right img {
    width: 100%;
  }
  .counseling_treatment_left {
    margin-left: 0;
  }
  .counseling_treatment_right {
    margin-left: 70%;
  }
  .counseling p {
    font-size: 1.4rem;
    line-height: 3.2rem;
  }
  .explanation {
    margin-bottom: 5vw;
  }
  .counseling ul {
    display: block;
  }
  .counseling ul li {
    width: 75%;
    margin: 2vw auto 5vw;
  }
  .counseling ul p {
    width: 90%;
    font-size: 1.4rem;
    text-align: justify;
    margin: 1vw auto 0;
    line-height: 2.5rem;
  }
  .counseling ul span {
    font-size: 2rem;
    display: contents;
  }
}
.price {
  margin-bottom: 6vw;
  padding: 0 5vw;
}
.price h2 {
  font-family: 'Noto Sans CJK JP';
  letter-spacing: 0.2em;
  font-size: 2.5rem;
  font-weight: 600;
  margin: 1vw 0;
}
.price_treatment_left, .price_treatment_right {
  width: 10%;
}
.price_treatment_left img, .price_treatment_right img {
  width: 100%;
}
.price_treatment_left {
  margin-left: 33%;
}
.price_treatment_right {
  margin-left: 56%;
  margin-bottom: 3vw;
}
.price ul {
  list-style: none;
  display: flex;
  margin-bottom: 3vw;
}
.price ul li {
  margin: 0 auto;
}
.price h3 {
  background-color: #c5c4e8;
  width: 400px;
  font-family: 'Noto Sans CJK JP';
  font-size: 2.2rem;
  height: 60px;
  padding: 17px 0;
  letter-spacing: 0.2em;
}
.price_text {
  font-family: 'Noto Sans CJK JP';
  font-size: 2rem;
  background-color: #fff;
  width: 400px;
  height: 220px;
  padding: 2vw;
  line-height: 4rem;
}
.price_text_2 {
  font-family: 'Noto Sans CJK JP';
  font-size: 2rem;
  background-color: #fff;
  width: 400px;
  height: 220px;
  padding: 3vw 2vw 2vw;
  line-height: 4rem;
}
.yen {
  font-size: 1.6rem;
}
.price_span {
  font-size: 3rem;
  font-family: 'Noto Sans CJK JP';
}
.detail {
  display: block;
  margin-top: 25px;
}
.detail_2 {
  display: block;
  margin-top: 25px;
}
.suggestion {
  font-size: 2rem;
  font-family: 'Noto Sans CJK JP';
  line-height: 4rem;
}
@media(max-width:950px) {
  .price {
    margin-bottom: 8vw;
  }
  .price h2 {
    font-size: 2rem;
    margin: 1vw 0;
  }
  .price_treatment_left, .price_treatment_right {
    width: 30%;
  }
  .price_treatment_left {
    margin-left: 10%;
  }
  .price_treatment_right {
    margin-left: 60%;
  }
  .price ul {
    display: block;
  }
  .price ul li {
    margin: 0 auto;
  }
  .price h3 {
    width: 70vw;
    font-family: 'Noto Sans CJK JP';
    font-size: 1.8rem;
    height: 60px;
    padding: 17px 0;
    letter-spacing: 0.2em;
    margin: 0 auto;
  }
  .price_text {
    font-family: 'Noto Sans CJK JP';
    font-size: 0.8em;
    background-color: #fff;
    width: 70vw;
    height: 200px;
    padding: 5vw;
    line-height: 4rem;
    margin: 0 auto 5vw;
  }
  .price_text_2 {
    font-family: 'Noto Sans CJK JP';
    font-size: 0.8em;
    background-color: #fff;
    width: 70vw;
    height: 200px;
    padding: 5vw;
    line-height: 4rem;
    margin: 0 auto 5vw;
  }
  .suggestion {
    font-size: 1.4rem;
  }
}
.me {
  margin-bottom: 8vw;
  padding: 0 5vw;
}
.me h2 {
  font-family: 'Noto Sans CJK JP';
  letter-spacing: 0.2em;
  font-size: 2.5rem;
  font-weight: 600;
  margin: 1vw 0;
}
.me_treatment_left, .me_treatment_right {
  width: 10%;
}
.me_treatment_left img, .me_treatment_right img {
  width: 100%;
}
.me_treatment_left {
  margin-left: 35%;
}
.me_treatment_right {
  margin-left: 54%;
  margin-bottom: 3vw;
}
.me_photo img {
  width: 100%;
}
.me_photo {
  width: 50%;
  margin-right: 10vw;
}
.me p {
  font-family: 'Noto Sans CJK JP';
  font-size: 1.8rem;
  line-height: 4rem;
  text-align: left;
  margin: 0 auto;
}
.name {
  font-size: 2.5rem;
}
.certification {
  font-size: 2.2rem;
  display: block;
  margin-bottom: 10px;
}
.self_introduction {
  display: flex;
}
@media(max-width:950px) {
  .me {
    margin-bottom: 20vw;
  }
  .me h2 {
    font-size: 2rem;
    margin: 1vw 0;
  }
  .me_treatment_left, .me_treatment_right {
    width: 30%;
  }
  .me_treatment_left {
    margin-left: 8%;
  }
  .me_treatment_right {
    margin-left: 61%;
  }
  .me_photo img {
    width: 100%;
  }
  .me_photo {
    width: 50%;
    margin: 0 auto 3vw;
  }
  .me p {
    font-size: 1.4rem;
    line-height: 3.2rem;
    text-align: center;
  }
  .name {
    font-size: 1.8rem;
  }
  .certification {
    font-size: 1.6rem;
    margin-bottom: 0;
  }
  .self_introduction {
    display: block;
  }
}
.footer {
  background-color: #fff;
}
.logo {
  width: 15%;
  margin: 0 auto;
  padding: 2vw 0;
}
.logo img {
  width: 100%;
}
.footer ul {
  display: flex;
  list-style: none;
  justify-content: center;
  padding-bottom: 2vw;
}
.footer ul li {
  margin-right: 50px;
}
.footer ul li:last-child {
  margin-right: 0;
}
.Instagram img, .line img {
  width: 100%;
}
.Instagram, .line {
  width: 100%;
}
.footer_copyright {
  font-family: 'Noto Sans CJK JP';
  margin: 0 auto;
}
@media(max-width:950px) {
  .logo {
    width: 25%;
  }
  .Instagram, .line {
    width: 75%;
  }
  .footer_copyright {
    font-size: 1rem;
  }
}