@charset "UTF-8";
html{
    font-family: 'Noto Sans JP',sans-serif;
}
body{
    line-height: 1;
    background: #171da9;
    max-width: 1080px;
    margin: 30px auto;
    padding: 30px;
}
/* ハンバーガーメニュー */
.hamburger-menu{
    display: none;
}
/*トップロゴ*/
header{
    background: #fff;
    padding-top: 20px;
    border-bottom: solid #171da9 8px;
    max-width: 1080px;
}
h1{
    font-size: 50px;
    font-weight: 800;
    color: #171da9;
    margin-left: 20px;
    margin-bottom: 20px;  
}
h1 b{
    font-size:  18px;
}
/*sideのロゴ*/
main{
    background-image: url(../images/LOGOside.png);
    background-size: 150px;
    background-repeat: repeat-y;
    background-color: #fff;
    padding-left: 150px;
    text-align: center;
}
/*トップメニュー*/
 ul{
    display: flex;
    justify-content: space-around;
    max-width: 930px; 
 }
 ul.menu{
      border-bottom: solid #171da9 8px;    
 }
 li{
     margin: 23px 0 ;
 }
a {
    padding: 23px 0 ;
    font-size: 14px;
    font-weight: 800;
    color: #171da9;
    text-decoration: none;  
}
a:hover{
     color: #f3870b;
    }  
.map a{
    color: #393838;
    font-size: 22px;
}    
.map a:hover{
     color: #f3870b;
}

/*slider*/
.slider{
    max-width: 930px;
    max-height: 450px;
 }
/*FMSについて*/
.FMS {
    text-align: left;
    max-width: 500px;
    margin: auto;
}
.FMS h2{
    text-align: center;
    font-size: 35px;
    font-weight: 800;
    color: #171da9;
    margin: 140px 0 60px;
}
.feature {  
    font-size: 20px;
    font-weight: 600;
    color: #393838;
    line-height: 1.5; 
    margin-bottom: 150px;
}
.feature b{
    font-size: 25px;
    color: #171da9;
}
/*代表挨拶*/
.main-trainer-name{
    display: flex;
    margin: 0 0 60px 140px;
}
.main-trainer-name p{
    font-size: 25px;
    font-weight: 800;
    color: #171da9;
    line-height: normal;
    margin-top: 50px;
}
.main-trainer-name b{
    font-size: 15px;
}
.main-trainer-name img{
    max-height: 172px;
}
.greeting p{
    text-align: left;
    max-width: 600px;
    margin: 0 auto;
    font-size: 18px;
    font-weight: 600;
    color: #393838;
    line-height: 1.5;
}
.greeting b{
    font-size: 25px;
    color: #171da9;
}
/*お知らせ Instagram*/
.Instagram h2{
    font-size: 35px;
    font-weight: 800;
    color: #171da9;
    margin: 140px 0 80px;   
}
.Instagram {
    margin-bottom: 120px;
}
.Instagram iframe{
    
    border:none;
    overflow:hidden;
    width:80%;
}
/*フッターメニュー*/    
.footer-menu-content{
    display: none;
}
footer{
    background-color: #171da9;
    max-width: 930px;
    border-bottom: solid #fff 8px;
    border-left: solid #fff 8px;
    border-right: solid #fff 8px;
}
.footer-menu a{
    font-size: 14px;
    font-weight: 800;
    color: #ffffff;
    text-decoration: none;
    text-align: justify;
}
.footer-menu a:hover{
     color: #f3870b
}  
.address a {
    color: #ffffff;
}
.address a:hover {
    color: #f3870b;
}
/*  footer住所・ロゴ */
.address p{
    text-align: right;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    margin-top: 130px;
    margin-right: 20px;
}
.footer-logo{
    text-align: left;
    margin-right: 600px;
    margin-left: 20px;
    padding-bottom: 30px;  
}
/*２ページ*/
/*こんな方におすすめ*/
.osusume h2{
    font-size: 30px;
    font-weight: 800;
    color: #171da9;
    margin-top: 100px;
    margin-bottom: 150px;
    text-align: center;  
}
/*こんな方にオススメ４つ*/
.about_box,
.Sports_box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 150px;
}
.about_box h3 {
    font-size: 25px;
    font-weight: 800;
    color: #171da9;
    margin-bottom: 40px;
}
.about_box img{
    margin-right: 50px;
}
.text-area,
.Sports_text-area{
    max-width: 500px;
    text-align: left;
}
.about_box p{
    color: #393838;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    word-break: keep-all;
}
.about_box b{
    color: #171da9;
    font-size: 18px;
}

/* 3ページ */
/*パフォーマンスUP・ケガ予防*/
.Sports{
    padding: 110px;
}
.Sports h2{
    font-size: 28px;
    font-weight: 800;
    color: #171da9;
    text-align: center;
    margin-bottom: 100px;
    line-height: 1.5;
}
.Sports p{
    word-break: keep-all;
    font-size: 20px;
    font-weight: 600;
    color: #393838;
    line-height: 1.5;
    max-width: 740px;
    text-align: left;
}
.Sports b{
    font-size: 23px;
    color: #171da9;
}
/* ライン */
hr{
    margin: 0 auto ;
    max-width: 700px;
}
/* スポーツ３種類 */
.Sports_box h3{
    font-size: 25px;
    font-weight: 800;
    color: #171da9;
    margin-bottom: 40px;
}
.Sports_box img {
    margin-right: 30px;
    max-height: 250px;
}
.Sports_text-area p{
    color: #393838;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.7;  
}
.Sports_text-area b {
    color: #171da9;
    font-size: 18px;
}
/* 4ページ */
/*トレーニングについて*/
.training{
    padding: 20px;
}
.training h2{
    font-size: 28px;
    font-weight: 800;
    color: #171da9; 
    text-align: center;
    margin: 100px 0;
}
.training p{
    font-size: 20px;
    font-weight: 600;
    color: #393838;
    line-height: 1.5;
    max-width: 740px;
    text-align: justify;
    margin: auto;
}
.training b{
    font-size: 23px;
    color: #171da9;
}
/*Hogrel logo*/
.Hogrel img{
    margin: 100px 0 30px;
}
/* Hogrel hover */
.Hogrel a{
    max-width: 100%;
    transition-duration: 0.5s;
}
.Hogrel a:hover img {
    transform: scale(1.2);
    transition-duration: 0.5s;
}
.Hogrel2{
    padding: 10px;
}
.Hogrel2 a{
    max-width: 100%;
    transition-duration: 0.5s;
}
.Hogrel2 a:hover img {
    transform: scale(1.2);
    transition-duration: 0.5s;
}
/*Hogrel 内容*/
.Hogrel h3{
    font-size: 23px;
    color: #171da9;
    font-weight: 600;
    margin-bottom: 20px;
}
.Hogrel2 p{
    max-width:400px;
    text-align: left;
    margin: 0 auto 50px;
    font-size: 16px;
    font-weight: 600;
    color: #393838;
    line-height: 1.5;
    word-break: keep-all;  
}
.Hogrel3 p{
    max-width: 620px;
    text-align: left;
    margin: 0 auto 100px;
    font-size: 20px;
    color: #171da9;
    line-height: 2.0;
    font-weight: 600;
}
/*Hogrel Click*/
.Hogrelclick h3{
    font-size: 25px;
    color: #393838;
    font-weight: 800;
    display: flex;
    justify-content: center;
}
.Hogrelclick {
    margin-bottom: 100px;
}
.btn-square {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #F49D38;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #f15050;
  border-radius: 3px;
}
.btn-square:hover {
  /*ボタンを押したとき*/
  
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
  margin-bottom: 4px;
}
/*体験トレーニングの流れ*/
.training2 h2{
    font-size: 28px;
    font-weight: 800;
    color: #171da9;
    text-align: center;
    margin: 100px 0;
}
.training3 {
    text-align: left;
}
.training3 p{
    max-width: 500px;
    font-size: 16px;
    color: #393838;
    font-weight: 600;
    line-height: 2.0;
    margin: auto;    
}
.trial,.trial2,.trial3,.trial4 {
    display: flex;
    margin: 0 0 80px 60px ;
}

/*料金*/
.price h2{
    font-size: 35px;
    font-weight: 800;
    color: #171da9;
    margin: 100px 0;
}
.price h3{
    font-size: 30px;
    font-weight: 600;
    color: #393838;
    margin-top: 20px;
}
.price p{
    font-size: 10px;
    font-weight: 600;
     color: #393838;
}
.price h4{
    font-size: 20px;
    font-weight: 600;
    color: #393838;
    margin-top: 10px;
    margin-bottom: 10px;
}
.price{
    padding: 30px;
}
.price img{
    width: 100%;
    margin-top: 30px;
    margin-bottom: 80px;
}
/*回数券*/
.coupon h4{
    font-size: 30px;
    font-weight: 600;
    color: #393838;
    margin-bottom: 40px;
}
.coupon p{
    font-size: 20px;
    font-weight: 600;
    color: #393838;
    line-height: 1.5;
    margin-bottom: 80px;
}
.coupon h5{
    font-size: 20px;
    font-weight: 600;
    color: #393838;
    margin-bottom: 70px;
}
.contactclick h3,
.contactclick2 h3{
    font-size: 25px;
    color: #393838;
    font-weight: 800;
    display: flex;
    justify-content: center;
}
.contactclick,
.contactclick2{
    margin-bottom: 60px;
}
.btn-square {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #F49D38;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #f15050;
  border-radius: 3px;
  margin-left: 10px;
}
.btn-square:hover {
  /*ボタンを押したとき*/
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
  margin-bottom: 4px;
}
/* 5ぺージ */
/* 施術について */
.treatment h2{
    font-size: 28px;
    font-weight: 800;
    color: #171da9;
    margin: 100px 0 100px;
}
.treatment_img_box{
    text-align: center;
    margin-bottom:80px;
}
.treatment-1{
    margin-right: 30px;
}

.treatment p{
    word-break: keep-all;
    text-align: left;
    max-width: 750px;
    margin: 0 auto 100px;
    font-size: 20px;
    font-weight: 600;
    color: #393838;
    line-height: 1.5;
}
.treatment b{
    font-size: 23px;
    color: #171da9;
}
/* 施術の流れ */
.treatment2 h2 {
    font-size: 28px;
    font-weight: 800;
    color: #171da9;
    text-align: center;
    margin: 100px 0;
}
.treatment2 {
   text-align: left;
}
.treatment2 p {
    max-width: 450px;
    font-size: 16px;
    color: #393838;
    font-weight: 600;
    line-height: 2.0;
    margin: auto;
}
.treatment-flow,.treatment-flow2,.treatment-flow3,.treatment-flow4{
    display: flex;
    margin: 0 0 80px 80px ;
}
.treatment-flow4{
    margin-bottom: 100px;
}

/* 施術プラン */
.treatmentplan h2{
    font-size: 28px;
    font-weight: 800;
    color: #171da9;
    text-align: center;
    margin: 100px 0;
}
.treatmentplan{
    text-align: left;
}
.treatmentplan p{
    max-height: 200px;
    font-size: 18px;
    color: #393838;
    font-weight: 600;
    line-height: 2.0;
    margin: auto; 
}
.treatmentplan2 {
    display: flex;
    margin: 80px 0 150px 80px;
}

/* 調整プラン */
.adjust h2 {
    font-size: 28px;
    font-weight: 800;
    color: #171da9;
    text-align: center;
    margin: 100px 0;
}
.adjust{
    text-align: left;   
}
.adjust2 p {
    word-break: normal;
    max-width: 320px;
    font-size: 18px;
    color: #393838;
    font-weight: 600;
    line-height: 2.0;
    margin: auto; 
}
.adjust2{
    display: flex; 
    margin: 80px 0 150px 80px; 
}
.adjust h3{
    font-size: 20px;
    font-weight: 600;
    color: #393838;
    text-align: center;
}
.br-sp {
    display: none;
}
/* 施術・調整予約問い合わせ */
.contactclick h4{
    font-size: 25px;
    color: #393838;
    font-weight: 800;
    margin-top: 60px;
    display: flex;
    justify-content: center;
}
/* 6ページ */
/* アクセス */
.access h2{
    font-size: 30px;
    font-weight: 800;
    color: #171da9;
    text-align: center;
    margin: 100px 0;
}
.access iframe{
    height: 350px;
}
.access{
    padding: 50px 0 50px 50px;
}
.access p{
    font-size: 20px;
    color: #393838;
    font-weight: 600;
    line-height: 2.0;  
    text-align: left;   
    margin: auto;
}
.map{
    display: flex;
    margin: auto;
}
/* 営業時間 */
.time img{
    width: 100%;
}
.time{
    padding: 10px;
}
.time h2{
    font-size: 30px;
    font-weight: 800;
    color: #171da9;
    text-align: center;
    margin: 100px 0 100px;
}
.time p{
    font-size: 22px;
    font-weight: 600;
    color: #393838;
    line-height: 2.0;
    margin-bottom: 100px;    
}
/* ここまでpcデザイン */

/* ipad pro デザイン */
@media screen and (max-width:1024px) {
    .br-pc {
        display: none;
    }
    a {
        font-size: 12px;
    }
    .footer-menu a {
        font-size: 12px;
    }
    .main-trainer-name{
    max-width: 530px;
    margin: 0 auto 100px;
    }
    .feature p {
       font-size: 18px;
    }
    .greeting p { 
       font-size: 18px;
       max-width: 500px;
    }
    .greeting b {
        font-size: 20px;
    }
    .Hogrel3 p {
        max-width: 376px;
    }
    .training3 p{
        margin-left: 20px;
    }
    .trial,
    .trial2,
    .trial3,
    .trial4 {
        display: flex;
        margin: 0 0 80px 30px;
    }
    .treatment {
        padding: 20px;
    }
    .treatment-flow,
    .treatment-flow2,
    .treatment-flow3,
    .treatment-flow4 {
        display: block;
        max-width: 300px;
        margin: auto;
        padding-bottom: 70px;
        }
    .access p {
        font-size: 18px;
        color: #393838;
        font-weight: 600;
        line-height: 2.0;
        text-align: left;
    } 
    .footer-logo{
    margin-left: 10px;
} 
@media screen and (max-width:980px) {
    .treatmentplan2,
    .adjust2 {
        display: block;
        max-width: 300px;
        margin: auto;
        padding-bottom: 240px;
        }
    .adjust2 {
        padding-bottom: 60px;
    }
    .about_box,
    .Sports_box {
        display: block;
    }
    .text-area,
    .Sports_text-area {
        margin: 30px auto;
        max-width: 420px;
    }
     .footer-logo{
    margin-left: 10px;
     }    
}
/* ipad デザイン */
@media screen and (max-width:768px) {
    main {
        background-size: 100px;
        padding-left: 100px;
    }
    header{
        border-bottom: solid #171da9 5px;
    }
    h1 b{
        display: none;
    }  
    /* トップメニュー */
    ul.menu {
        border-bottom: solid #171da9 5px;
    }
    a {
        font-size: 10px;
    }
    /* slider */
    .slider {
        max-width: 930px;
        max-height: 300px;
    }
    /* フッターメニュー */
    .footer-menu a {
        font-size: 10px;
    }
     .footer-logo{
    margin-left: 10px;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
     }    
    /* FMS について */
    .FMS h2,
    .Instagram h2 {
        font-size: 28px;
    }
    .feature {
        max-width: 400px;
        margin: auto;
        font-size: 15px;
    }
    .feature p {
        margin-bottom: 100px;
    }
    .feature b {
        font-size: 20px;
    }
    /*代表挨拶*/
    .main-trainer-name {
        display: block;
        margin: auto;
    }
    .main-trainer-name p {
        font-size: 20px;
        font-weight: 800;
        color: #171da9;
        line-height: normal;
        max-height: 130px;
        margin-top: 50px;
    }
    .main-trainer-name b {
        font-size: 10px;
    }
    .greeting p {
        font-size: 16px;
         max-width: 500px;
         margin: auto;
    }
    .greeting b {
        font-size: 18px;
        color: #171da9;
    }
    /* こんな方にオススメ */
    .text-area,
    .Sports_text-area {
        margin: 30px auto;
        max-width: 340px;
    }
    /* h2 */
    .osusume h2,
    .Sports h2,
    .training h2,
    .training2 h2,
    .price h2,
    .treatment h2,
    .treatmentplan h2,
    .adjust h2 {
        font-size: 25px;
        margin: 50px 0;
    }
    .about_box img {
        margin: 0 30px;
    }
    /* h3 */
    .about_box h3,
    .Sports_box h3,
    .Hogrel h3,
    .Hogrelclick h3,
    .price h3,
    .contactclick h3,
    .contactclick2 h3,
    .contactclick h4 {
        font-size: 20px;
    }
    .about_box p,
    .Sports_box p {
        font-size: 14px;
        max-width: 350px;
    }
    .about_box b,
    .Sports_box b {
        font-size: 16px;
    }
    .Hogrel3 p {
        margin: 0 30px 60px;
    }
    /* 3ページ */
    /* スポーツ３種 */
    .Sports {
        padding: 45px;
    }
    .Sports p,.training p {
        font-size: 16px;
        line-height: 2.0;
    }
    .Sports b,
    .training b,
    .treatment b {
        font-size: 19px;
    }
    hr {
        max-width: 550px;
    }
    .Sports_box h3 {
        margin: 0 0 20px;
    }
    .Sports_box img {
        margin: 0 15px;
    }
    /* ４ページ */
    /* トレーニング */
    .Hogrel3 {
        max-width: 500px;
        margin: auto;
    }
    .trial,
    .trial2,
    .trial3,
    .trial4 {
       display: block;
       max-width: 220px;
       margin: auto;
    }
    .training3 p {
        max-width: 300px;
        font-size: 20px;
        margin: 20px 0 80px 20px;
    }
    .pc {
        display: none;
    }
    .training3 {
        max-width: 500px;
        margin: auto;
    }    
    /* 5ページ */
    /* 施術について */
    .treatment2 h2,
    .adjust h2 {
        margin: 50px 0;
    }
    .treatment p {
        font-size: 14px;
        max-width: 525px;
        line-height: 2.0;
    }
    .treatment2 img {
        margin-right: 20px;
    }
    /* 施術プラン */
    .treatmentplan2 {
        padding-bottom: 100px;
    }
    .treatmentplan2 p,
    .adjust2 p {
        font-size: 15px;     
    }
     
    /* アクセス */
    .access {
        padding: 20px;
    }
    .access h2 {
        font-size: 25px;
        margin: 50px auto 50px;
    }
    .access iframe {
        width: 100%;
    }
    .map p {
        font-size: 20px;
        color: #393838;
        font-weight: 600;
        line-height: 2.0;
        text-align: left;
        max-width: 350px;
        margin: 50px auto 80px;
    }
    .map {
        display: block;
        padding: 0 30px;
    }
    
    .time h2 {
          font-size: 25px;
          margin: 0 0 30px;
      }
    .time p {
          font-size: 18px;
      }
    .time img {
          max-width: 500px;
          margin-bottom: 50px;
      }
      .Instagram2 {
          display: none;
      }
}
@media screen and (max-width:720px){
      main{
          background-size: 80px;
          padding-left: 80px;
      }
      .greeting p{
          max-width: 320px;
      }
      .text-area,
      .Sports_text-area {
          max-width: 300px;
      }
      .Instagram{
          margin-bottom: 10px;
      }
}
@media screen and (max-width: 527px){
    .btn-square{
        margin-top: 15px;
    }
    .Hogrelclick h3,
    .contactclick h3,
    .contactclick2 h3,
    .contactclick h4 {
        display: block;
    }
    .Hogrelclick h3 {
         max-width: 347px;
         margin: auto;
    }
    .contactclick h3 {
        max-width: 363px;
        margin: auto;
    }
    .contactclick h4 {
        max-width: 318px;
        margin: 60px auto 0;
    }
    .contactclick2 h3 {
        max-width: 277px;
        margin: auto;
    }  
    map {
        padding: 0 10px;
    }
    .map p {
        margin: 50px 20px;
    }
    .access iframe {
        height: 300px;
    } 
}
/* スマホデザイン */
@media screen and (max-width: 480px){

    /* ハンバーガーメニュー */
    .hamburger-menu {
        display: block;
    }
    .menu-btn {
        position: absolute;
        top: 10px;
        right: 10px;
        display: flex;
        height: 30px;
        width: 30px;
        justify-content: center;
        align-items: center;
        z-index: 90;
        background-color: #fff;
        margin: 35px 10px 0 0;
    }
    .menu-btn span,
    .menu-btn span:before,
    .menu-btn span:after {
        content: '';
        display: block;
        height: 3px;
        width: 25px;
        border-radius: 3px;
        background-color: #171da9;
        position: absolute;
    }
    .menu-btn span:before {
        bottom: 8px;
    }
    .menu-btn span:after {
        top: 8px;
    }
    main {
        background-size: 30px;
        padding-left: 30px;
    }
    body{
        padding: 10px;
    }
    #menu-btn-check:checked~.menu-btn span {
        background-color: rgba(255, 255, 255, 0);
        /*メニューオープン時は真ん中の線を透明にする*/
    }
    #menu-btn-check:checked~.menu-btn span::before {
        bottom: 0;
        transform: rotate(45deg);
    }
    #menu-btn-check:checked~.menu-btn span::after {
        top: 0;
        transform: rotate(-45deg);
    }
    #menu-btn-check {
        display: none;
    }
    .menu-content {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 80;
        background-color: #171da9;
        padding: 85px 20px;
        box-sizing: border-box;
    }
    .menu-content ul {
        display: list-item;
    }
    .menu-content ul li {
        list-style: none;
        border-bottom: solid 1px #cccccc;
        margin: 0px;
    }
    .menu-content ul li a {
        display: block;
        font-size: 15px;
        box-sizing: border-box;
        color: #ffffff;
        text-decoration: none;
        position: relative;
    }
    .menu-content a:hover {
        color: #f3870b;
    }
    .menu-content ul li a::before {
        content: "";
        width: 7px;
        height: 7px;
        border-top: solid 2px #ffffff;
        border-right: solid 2px #ffffff;
        transform: rotate(45deg);
        position: absolute;
        right: 11px;
        top: 16px;
    }
    .menu-content {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 100%;
        /*leftの値を変更してメニューを画面外へ*/
        z-index: 80;
        background-color: #171da9;
        transition: all 0.5s;
        /*アニメーション設定*/
    }
    #menu-btn-check:checked~.menu-content {
        left: 0;
        /*メニューを画面内へ*/
    }

    /* トップLOGO */
    header {
        padding-top: 10px;
        border-bottom: solid #171da9 3px;  
    }
    h1 {
        font-size: 30px;
        margin: 0 0 5px 5px;
    }
    h1 b {
        font-size: 8px;
    }
    .menu {
        display: none;
    }
    /* slider */
    .slider {
        max-height: 130px;
    }
    .ul.slick-dots {
        display: none;
    }
    /* FMS について */
    .FMS h2,
    .Instagram h2 {
        font-size: 23px;
        margin: 0px 0 30px 0;
    }
    .FMS h2 {
        padding-top: 30px;
        margin-top: 100px;
    }
    .feature p {
        font-size: 18px;
        margin: 0 auto 80px; 
        max-width: 300px;
    }
    .feature b {
        font-size: 20px;
    }
    /* 代表挨拶 */
    .main-trainer-name {
        max-width: 310px;
    }
    .main-trainer-name p {
        margin: 0px 5px 20px;
        text-align: left;
    }
    .main-trainer-name b {
        font-size: 12px;
    }
    .main-trainer-name img {
        max-width: 100px;
        max-height: 120px; 
    }
    .greeting p {
        font-size: 14px;
        max-width: 250px;
        margin-bottom: 80px;
    }
    .greeting b {
        font-size: 14px;
    }
    /* フッター */
    footer {
        padding-top: 40px;
        max-height: 400px;
    }
    .footer-menu {
      display: none;
      marker: none;
    }
    .footer-menu-content {
        font-size: 14px;
        display: list-item;
        text-align: left;
        margin-left: 10px;
        list-style: none;
    }
    .footer-menu-content li {
        margin: 0 0 15px 5px;
    }
    .footer-menu-content a {
        margin-top: 10px;
        padding: 0;
        color: #fff;
        font-size: 13px;
    }
    a:hover {
        color: #f3870b;
    }
    footer .address p {
        margin: 10px;
        font-size: 12px;  
    }
    /* ２ページ */
    /* こんな方にオススメ */
    .osusume h2,
    .Sports h2,
    .training h2,
    .training2 h2,
    .price h2,
    .coupon h2,
    .treatment h2,
    .access h2 {
        font-size: 24px;
        font-weight: 800;
        margin: 0;
        line-height: 55px;
    }
    .osusume h2,
    .access h2 {
        padding: 30px;
    }
    .training h2,
    .treatment h2 {
        margin: 20px;
    }
    .about_box {
        display: inline;
    }
    .text-area h3,
    .price h3{
        font-size: 20px;
        text-align: center;
        margin: 0 0 20px;
    }
    .text-area,
    .Sports_text-area {
        margin-bottom: 50px;
    }
    .text-area p {
        max-width: 350px;
        font-size: 15px;
        margin: 0 15px 0 25px;
        word-break: normal;
    }
    .text-area b,
    .training b {
        font-size: 16px;
    }
    /* ３ページ */
    /* パフォーマンスUP・ケガ予防 */
    .Sports p {
        font-size: 20px;
        padding-bottom: 80px;
        word-break: normal;
    }
    hr {
        padding-bottom: 50px;
    }
    .Sports_box {
        display: block;
        margin-bottom: 80px;
    }
    .Sports_text-area {
        max-width: 500px;
        max-height: 700px;
        text-align: left;
        margin: auto;
        word-break: normal;
    }
    .Sports_text-area h3 {
        margin: 30px 0 30px;
        text-align: center;
    }
    .Sports_text-area p {
        max-width: 315px;
        margin: auto;
    }
    /* 4ぺージ */
    /* スポーツ */
    .Sports p {
        font-size: 16px;
        max-width: 400px;
        margin-top: 30px;
        padding-bottom: 0;
    }
    .Sports b {
        font-size: 18px;
    }
    
    /* ４ページ */
    /* トレーニング */
    .training {
        margin-bottom: 80px;
    }
    .pc {
        display: none;
    }
    .training p { 
        font-size: 14px;
        margin-top: 30px;
    }
    .Hogrel img {
        margin: 0 0 20px;
        width: 80%;
    }
    .Hogrel h3 {
        font-size: 18px;
    }
    .Hogrel2 img {
        width: 200px;
        height: 250px;
    }
    .Hogrel2 p {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .Hogrel3 p {
        font-size: 16px;
        max-width: 300px;
        margin: 30px auto 50px;
    }
    .Hogrelclick h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    hr {
        width: auto;
        margin: auto;
    }
    .trial,
    .trial2,
    .trial3,
    .trial4 {
        display: inline; 
    }
    .trial img,
    .trial2 img,
    .trial3 img,
    .trial4 img {
        display: block;
        margin: 30px auto 20px;
        width: 100%;
    }
    .training3 {
        text-align: left;
        padding: 10px;
    }
    .trial p,
    .trial2 p,
    .trial3 p,
    .trial4 p {
        font-size: 18px;
        margin: 0 auto 100px;
    }
    .price h4,
    .coupon h4,
    .coupon h5 {
        font-size: 18px;
    }
    .price img {
        margin-bottom: 50px;
    }
    .coupon p {
        font-size: 16px;
        margin-bottom: 50px;
    }
    .coupon h5 {
        margin-bottom: 50px;
    }
    /* 5ページ */
    /* 施術について */
    .treatment-1,
    .treatment-2 {
        margin: 0 0 30px 0;
    } 
    .treatment_img_box {
        margin: auto;
    }
    .treatment p {
        word-break: normal;
        font-size: 16px;
        width: auto;
        margin: 0 0 40px 10px;
    }
    .treatment-flow,
    .treatment-flow2,
    .treatment-flow3,
    .treatment-flow4,
    .adjust2 {
        display: block;
        max-width: 250px;
        margin: auto;
    }
    .adjust2 {
        padding-bottom: 0;
    }
    .treatmentplan2 {
        display:block;
        margin: auto;
        max-width: 280px;
        text-align: center;
    }
    .training2 h2 {
        margin: 50px 0;
    }
    .treatmentplan2 p {
        max-height: none;
    }
    .treatmentplan2 img {
        margin-left: 10px;
    }
    .adjust2 p {
        margin-bottom: 60px;
    }
    .adjust h3 {
        font-size: 16px;
    }
    .br-sp {
        display: block;
    }
    /* 6ページ */
    /* アクセス */
    .access iframe {
        display: block;
        margin: auto;
        width: 100%;
    }
    .map {
        padding: 20px;
    }
    .map p {
        margin: 10px 15px 50px;
        font-size: 22px;
    }
    .time img {
        max-width: 400px;
    }   
}
@media screen and (max-width: 390px) {
    .Hogrel2 p {
        word-break: normal;
    }
}
@media screen and (max-width: 375px) {
    h1 b {
        font-size: 10px;
    }
    .FMS h2 {
       margin-top: 70px;
    }
    .feature p {
       max-width: 290px;
    }
    .trial p,
    .trial2 p,
    .trial3 p,
    .trial4 p {
        max-width: 300px;
        margin: auto;
        word-break: normal;
    }
    .price img {
        max-width: 300px;
        max-height: 150px;
    }
    .Sports p {
        max-width: 280px;
    }
    .Sports_text-area p {
        max-width: 280px;
    }
    .treatment-1,
    .treatment-2,
    .treatment2 img,
    .treatmentplan2 img,
    .adjust2 img {
        width: 100%;
    }
    .treatment2,
    .treatmentplan,
    .adjust {
        padding: 20px;
    }
    .treatment2 p {
        word-break: normal;
    }
    .time img {
        max-width: 300px;
    }
    .footer-logo img {
        max-width: 160px;
    }
    .access iframe {
        display: block;
        margin: auto;
    }
 }
}