@charset "utf-8";


ul {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
img {
  vertical-align: top;
}
li {
  list-style-type: none;
  vertical-align: baseline;
}
html {
  font-size: 62.5%;
}
body {
  color: #333;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  line-height: 1.4;
  min-width: 1100px;
  position: relative;
  -webkit-text-size-adjust: none;
  margin: 7rem 0 0;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}
img {
  max-width: 100%;
  height: auto
}
a {
  color: #333;
  text-decoration: none;
  transition: all .3s
}
a:hover {
  text-decoration: none;
  filter: alpha(opacity=70);
  -moz-opacity: .7;
  opacity: .7
}
a:focus, a:hover {
  color: inherit
}
.cf:after {
  content: "";
  display: block;
  clear: both
}
.sp {
  display: none
}

.width1100 {
  width: 1200px;
  margin: 0 auto
}
@media screen and (max-width:1200px) {
  .width1100 {
    width: 1100px;
  }
}
.wi1000 {
  width: 1000px;
  margin: 0 auto
}
.bold {
  font-weight: 700
}

.align_right {
  text-align: right
}
.align_left {
  text-align: left
}
.align_center {
  text-align: center
}
.position_relative {
  position: relative;
}
.col5 {
  width: calc(100% / 5);
}
.col2, .col3, .col4, .col5, .col6, .left {
  float: left;
}
.right {
  float: right;
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.bg_bnr_area {
  background: #e6e1dc;
}
.bg_gray {
  background: #f0f2f3;
}
.bg_gray2 {
  background: #e8e9ea;
}
.noto {
  font-family: 'Noto Sans JP', sans-serif
}
.os {
  font-family: 'Oswald', sans-serif
}
.hl {
  font-family: "hl";
}
.red {
  color: #dc1e00;
}
.gold {
  color: #be9c0d;
}
.tate {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.mincho {
  font-family: "Zen Old Mincho", serif;
  font-weight: 700;
  font-style: normal;
}
/*---------------------
　BTN
-----------------------*/
.btn_cta_grad {
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  width: 80rem;
  min-height: 8rem;
}
.btn_cta_grad a {
  background: #f19d2b;
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.4;
  display: block;
  height: 100%;
  position: relative;
  letter-spacing: 0.25em;
  min-height: 8rem;
}
.btn_cta_grad a:before {
  content: "";
  background: #ef8200;
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.btn_cta_grad a div {
  background: url(../images/shared/arr_white_right.png) no-repeat right 3rem center;
  background-size: 12px auto;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 8rem;
}
.btn_cta_grad a .big {
  font-size: 2.8rem;
  line-height: 1;
}
.btn_internal {
  min-height: 5rem;
  display: flex;
  align-items: center;
}
.btn_internal a {
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  position: relative;
  padding: 0 8rem 0 0;
}
.btn_internal a:before {
  content: "";
  background: #383838 url("../images/shared/arr_white02_right.png") no-repeat center;
  background-size: 5px auto;
  width: 5rem;
  height: 5rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
/*---------------------
　HEADER
-----------------------*/
#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 200;
  min-width: 1100px;
}
#header #header-f {
  background: rgba(123, 204, 208, 0.9);
  position: relative;
  height: 7rem;
  z-index: 100;
  top: 0;
  padding: 0 3rem 0 3rem;
  display: flex;
  align-items: center;
  transition: background-color 0.3s ease;
}
#header #header-f.active {
  background-color: rgba(123, 204, 208, 0.9);
}
#header .logo {
  width: 162px;
  margin: 0
}
#header .logo a {
  display: flex
}
#header .rightBox {
  flex: 1;
  padding: 0 25rem 0 0
}
#header #header_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  height: 7rem !important
}
#header #header_nav .nav-block {
  border-right: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
#header #header_nav a {
  font-size: 1.4rem;
  font-weight: 500;
  text-align: center;
  color: #fff;
  letter-spacing: .06em;
  padding: 1.5rem
}
#header .tel-btn {
  position: absolute;
  top: 1rem;
  right: 3rem;
  width: 21rem;
  height: 5rem;
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  padding: 0;
}
#header .tel-btn img {
  max-width: 150px;
}
#header .tel-btn a {
  background: #ffdd15;
  text-align: center;
  padding: 0;
  line-height: 1.1;
  display: block;
  height: 100%;
  position: relative;
}
#header .tel-btn a div {
  background: url(../images/shared/arr_white_right.png) no-repeat right 1rem center;
  background-size: 8px auto;
  position: relative;
  z-index: 1
}
.br_1280 {
  display: none
}
@media screen and (max-width:1440px) {
  #header #header-f {
    padding: 0 2rem 0 2rem;
  }
  #header .logo {
    margin: 0 1rem 0 0
  }
  #header .rightBox {
    padding: 0 23rem 0 0
  }
  #header #header_nav a {
    padding: 1.7rem;
    line-height: 1.5;
    font-size: 1.2rem;
  }
  #header .tel-btn {
    width: 21rem;
  }
}
@media screen and (max-width:1356px) {
  .br_1280 {
    display: block
  }
}
@media screen and (max-width:1280px) {
  #header #header-f {
    padding: 0 0 0 1rem
  }
  #header .rightBox {
    padding: 0 21rem 0 0
  }
  #header #header_nav .a {
    white-space: nowrap;
    padding: 1.3rem
  }
  #header .tel-btn {
    width: 170px
  }
}
.nav-con, .nav-con_t {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  box-shadow: 0 1px 2px rgba(255, 255, 255, .2);
  text-align: center
}
.nav-con a, .nav-con_t a, .nav-title span {
  display: inline-block
}
.nav-title:hover {
  opacity: 1
}
.nav-title span {
  white-space: nowrap
}
#header #sec-nav {
  z-index: 10;
  overflow: hidden
}
.nav-con {
  padding: 95px 0 5px;
  background: rgba(255, 255, 255, .94);
  -webkit-transition: all .5s cubic-bezier(.075, .82, .165, 1);
  -moz-transition: all .5s cubic-bezier(.075, .82, .165, 1);
  -ms-transition: all .5s cubic-bezier(.075, .82, .165, 1);
  -o-transition: all .5s cubic-bezier(.075, .82, .165, 1);
  transition: all .5s cubic-bezier(.075, .82, .165, 1);
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0)
}
.nav-con_t {
  padding: 54px 0 0;
  margin: -1px 0 0;
  background: rgba(123, 204, 208, 0.9);
}
.nav-con.on {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#nav-trainers.on, #nav-gym.on {
  height: 100vh !important;
  overflow-y: auto
}
.nav-con a {
  margin: 0 12px 20px;
  vertical-align: top;
  text-align: center
}
.nav-con_t a {
  margin: 1px 1px 0 0;
  vertical-align: top
}
.nav-con a span {
  display: block;
  line-height: 1.5
}
.nav-thumb {
  box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
  margin: 0 auto 9px;
  max-width: 180px
}
.nav-t {
  color: #383838;
  font-size: 16px
}
#nav-gym, #nav-trainers {
  text-align: center
}
.nav-gym_list {
  display: inline-block
}
.nav-gym_list > li {
  float: left;
  margin: 0 70px 20px 0
}
.nav-gym_list li {
  text-align: left
}
.nav-gym_list li span {
  font-weight: 700
}
.nav-gym_list .areaTit a {
  font-size: 1.7rem;
  font-weight: 700
}
.nav-gym_list li a {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  margin: 0 0 5px
}
.nav-gym_list li ul {
  margin: 0 0 2rem
}
.nav-gym_list li ul li a {
  display: block;
  text-align: left;
  margin: 0 0 5px 1em
}
.nav-all-gym {
  text-align: center;
  margin: 0 0 20px
}
.nav-all-gym a {
  font-size: 16px;
  position: relative
}
.nav-all-gym a::after {
  content: "";
  background: url(images/arrow_bn.svg) no-repeat;
  background-size: cover;
  width: 5px;
  height: 10px;
  position: absolute;
  margin-top: 8px;
  margin-left: 16px
}
#pankuzu {
  margin: 0;
  padding: 0 0 .2rem;
  background: rgba(255, 255, 255, .5)
}
#pankuzu ul {
  width: 1100px;
  margin: 0 auto;
  white-space: nowrap;
  overflow-x: auto
}
#pankuzu ul::-webkit-scrollbar {
  height: 4px
}
#pankuzu ul::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 30px
}
#pankuzu ul::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .3);
  border-radius: 30px
}
#pankuzu li {
  display: inline-block;
  font-size: 1.1rem;
  color: #fff
}
#pankuzu li:after {
  content: ">";
  margin: 0 .4rem 0 .8rem
}
#pankuzu li:last-child:after {
  content: none
}
#pankuzu li a {
  font-size: 1.1rem;
  text-decoration: underline;
  color: #fff
}
#pankuzu li a:hover {
  text-decoration: none;
  opacity: 1
}
/*---------------------
　FOOTER
-----------------------*/
#footer {
  position: relative;
  width: 100%;
  background: #383838;
  color: #fff;
  overflow: hidden;
  padding: 8rem 4rem 15rem;
}
#footer .footInr {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#footer .logoWrap {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 5rem;
  width: 100%;
}
#footer .logoBox {
  display: flex;
  gap: 2rem;
  align-items: center;
}
#footer .logoBox .logo {
  max-width: 24.6rem;
}
#footer .logoBox .insta {
  max-width: 2.6rem;
}
#footer .logoBox .insta {
  max-width: 2.6rem;
}
#footer .flexBox {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  gap: 5rem;
}
#footer .colBoxWrap {
  display: flex;
  gap: 4rem;
}
#footer .colBoxWrap .colBox {
  max-width: 37.5rem;
  flex: 1;
}
#footer .gymTit {
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  margin-bottom: 1.5rem;
}
#footer .areaBox {
  margin-bottom: 50px;
}
#footer .areaBox:last-child {
  margin-bottom: 0;
}
#footer .areaName {
  background: #fff;
  color: #383838;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  line-height: 1.5;
  padding: 10px 20px;
  margin-bottom: 1.5rem;
}
#footer .prefName {
  margin-bottom: 0.5rem;
}
#footer .prefName a {
  color: #fff;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  line-height: 1.5;
}
#footer .prefBox {
  padding-left: 2rem;
  margin-bottom: 2rem;
}
#footer .prefBox:last-child {
  margin-bottom: 0;
}
#footer .twoCol {
  display: flex;
}
#footer .twoCol .halfBox {
  width: 50%;
}
#footer .prefBox ul {
  display: flex;
  flex-wrap: wrap;
}
#footer .prefBox ul li {
  width: 50%;
}
#footer .twoCol .halfBox li {
  width: 100%;
}
#footer ul li {
  margin: 0 0 8px;
}
#footer ul li a {
  background: url(../../assets/images/shared/arr_white_right.png) no-repeat left top 8px;
  background-size: 5px auto;
  padding: 0 0 0 1.5rem;
  color: #fff;
  font-size: 1.4rem;
  display: block;
  line-height: 1.7;
}
#footer .leftBox {
  max-width: 30rem;
}
#footer .leftBox .colBox {
  border-bottom: solid 1px #fff;
  padding-bottom: 3rem;
  margin-bottom: 3rem;
}
#footer .copy {
  font-size: 1.1rem;
  line-height: 1.6;
}
.fixBot {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  display: none;
}
.fixBot .btn:hover {}
.fixBot .btn_cmn a {
  display: flex;
  align-items: center;
  justify-content: center;
}

#key.lower {
  background: url(../images/shared/kv_lower.jpg) no-repeat top center;
  background-size: cover;
  padding: 0;
  height: 25rem
}
#key.lower .width1100 {
  display: table;
  height: calc(100% - 3rem)
}
#key.lower .width1100.pankusu2dan {
  height: calc(100% - 3rem)
}
#key.lower .gold {
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
  letter-spacing: .2em;
  font-weight: 600;
  line-height: 1.5;
  background: #be9c0d;
  margin: 0 auto 2rem;
  padding: 7px;
  border-radius: 20px;
  width: 50%
}
#key.lower .title {
  display: table-cell;
  vertical-align: middle
}
#key.lower .h1Txt {
  color: #fff;
  font-size: 3.6rem;
  text-align: center;
  letter-spacing: .1em;
  font-weight: 600;
  line-height: 1.3
}
#key.lower .subTxt {
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
  letter-spacing: .1em;
  font-weight: 600;
  line-height: 1.5;
  margin: 1rem 0 0
}
section {
  padding: 10rem 0
}
.Pd5rem {
  padding: 5rem 0
}
.Pd10rem {
  padding: 10rem 0 5rem 0
}
.Pb5rem {
  padding: 0 0 5rem 0
}
.secTitBox {
  margin: 0 0 5rem;
  text-align: center;
  position: relative
}
.secTit {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 3.6rem;
  font-weight: 500;
  letter-spacing: .06em;
  line-height: 1.5;
  color: #000;
  margin: 0 0 1rem
}
.secTit a {
  background: url(../images/shared/arr_black_right.png) no-repeat right center;
  background-size: 12px auto;
  padding: 0 3rem
}
.secTitBox .eng {
  font-family: 'Oswald', sans-serif;
  font-size: 1.5rem;
  letter-spacing: .1em;
  color: #cbae46
}
.secTit .small {
  font-size: 2.6rem;
  margin: 0;
  display: block
}
.lower_secTitBox {
  margin: 0 0 6rem
}
.lower_secTitBox:before {
  content: "";
  background: #be9c0d;
  width: 100px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: calc(50% - 50px)
}
.lower_secTitBox .secTit {
  padding: 0 0 2rem;
  margin: 0
}
.goldCatch {
  font-size: 2.8rem;
  color: #be9c0d;
  font-weight: 500;
  line-height: 1.7;
  text-align: center;
  letter-spacing: .06em;
  margin: 0 0 4rem
}
.goldCatch a {
  color: #be9c0d;
  background: url(../images/shared/arr_yl_right.png) no-repeat right center;
  background-size: 9px auto;
  padding: 0 3rem
}
.goldBtn {
  width: 400px;
  margin: 0 auto
}
.goldBtn a {
  background: #be9c0d url(../images/shared/arr_white_right.png) no-repeat right 1.5rem center;
  background-size: 5px auto;
  color: #fff;
  font-weight: 500;
  text-align: center;
  padding: 1.5rem 3rem;
  height: 100%;
  align-items: center;
  display: flex;
  justify-content: center
}
.accBtn, .accBtn_v2, .moreBtn {
  width: 300px;
  margin: 3rem auto 0;
  background: #000 url(../images/shared/arr_white_down.png) no-repeat right 1.5rem center;
  background-size: 8px auto;
  color: #fff;
  text-align: center;
  padding: 1.2rem 3rem;
  font-size: 1.4rem;
  font-weight: 500;
  cursor: pointer
}
.moreBtn {
  transition: .5s
}
.moreBtn::after {
  content: "もっと見る";
  transition: .2s
}
.moreBtn.open::after {
  content: "閉じる"
}
.accBtn.open, .accBtn_v2.open, .moreBtn.open {
  background: #000 url(../images/shared/arr_white_up.png) no-repeat right 1.5rem center;
  background-size: 8px auto
}
.accBtn:hover, .accBtn_v2.open:hover, .moreBtn.open:hover {
  opacity: .7
}
.twoBtns, .threeBtns {
  display: flex;
  margin: 0 auto;
  justify-content: center
}
.twoBtns .goldBtn {
  float: left;
  margin: 0 5rem 0 0
}
.threeBtns .goldBtn {
  float: left;
  width: 350px;
  margin: 0 2.5rem 0 0
}
.twoBtns .goldBtn:last-child, .threeBtns .goldBtn:last-child {
  margin: 0
}
.cp_table th {
  width: 140px;
  background: #e6e1dc;
  border: solid 2px #fff;
  font-size: 1.5rem;
  font-weight: 400;
  text-align: left;
  padding: 1.5rem 2rem
}
.bg_gray .cp_table th {
  border: solid 2px #f0f2f3
}
.cp_table td {
  background: #f6f4f2;
  border: solid 2px #fff;
  font-size: 1.5rem;
  padding: 1.5rem 2rem
}
.bg_gray .cp_table td {
  background: #fff;
  border: solid 2px #f0f2f3
}
.leadArea {
  padding: 5rem 0
}
.leadArea .leadBox {
  background: #fff;
  padding: 5rem
}
.leadArea .leadBox p {
  text-align: center
}
.accBox {
  display: none;
  margin: 3rem 0 0
}
.bwnBox {
  background: #f6f4f2;
  padding: 5rem
}
.voice .voiceBoxWrap {
  margin: 0 0 5rem
}
.voice .voiceBox {
  width: 535px;
  margin: 0 3rem 3rem 0;
  cursor: pointer;
  position: relative
}
.voice .voiceBox:nth-child(2n) {
  margin: 0 0 3rem
}
.voice .voiceBox:hover {
  opacity: 1
}
.voice .voiceBox .inner {
  width: 100%;
  display: table;
  background: #e6e1dc;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all .3s
}
.voice .voiceBox .pic {
  display: table-cell;
  vertical-align: middle;
  width: 135px
}
.voice .voiceBox .pic img {
  width: 100%;
  height: 179px;
  object-fit: cover;
  font-family: 'object-fit: cover;'
}
.voice .voiceBox .txtBox {
  display: table-cell;
  vertical-align: middle;
  padding: 2.5rem 7rem 2.5rem 2.5rem;
  background: url(../images/shared/icon_plus.png) no-repeat right 3rem center;
  background-size: 20px auto
}
.voice .voiceBox.open .txtBox {
  background: url(../images/shared/icon_minus.png) no-repeat right 3rem center;
  background-size: 20px auto
}
.voice .voiceBox .profile {
  font-size: 1.6rem;
  font-weight: 500;
  color: #000;
  line-height: 1.4
}
.voice .voiceBox .name {
  font-size: 2.4rem;
  font-weight: 500;
  color: #000;
  line-height: 1.5
}
.voice .voiceBox .commentBox {
  background: #f6f4f2;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all .5s;
  max-height: 0;
  overflow: hidden
}
.voice .voiceBox .toggle:checked + label .txtBox {
  background: url(../images/shared/icon_minus.png) no-repeat right 3rem center;
  background-size: 20px auto
}
.voice .voiceBox .toggle:checked + label + .commentBox {
  max-height: inherit;
  transition: all 1.5s
}
.voice .voiceBox .toggle:checked + label + .commentBox p {
  padding: 3rem
}
.price .tableArea {
  margin: 0 0 6rem
}
.price .tableArea:last-child {
  margin: 0
}
.price .tableBox table {
  width: 100%
}
.price .tableBox table thead th {
  background: #000;
  color: #fff;
  text-align: center;
  font-weight: 400;
  padding: 24px;
  border-right: solid 1px #f0f2f3
}
.price .tableBox table thead th:nth-child(1) {
  width: 280px
}
.price .tableBox table thead th:last-child {
  border-right: 0
}
.price .tableBox table tbody th {
  padding: 2.4rem 3rem;
  border-right: solid 1px #fff;
  border-bottom: solid 1px #fff;
  font-weight: 400;
  text-align: left;
  background: #f6f4f2
}
.price.bg_gray .tableBox table tbody th {
  background: #fff;
  border-right: solid 1px #f0f2f3;
  border-bottom: solid 1px #f0f2f3
}
.price .tableBox table tbody tr:nth-child(2n) th, .price .tableBox table tbody tr:nth-child(2n) td {
  background: #e6e1dc
}
.price .tableBox table tbody td {
  padding: 2.4rem 3rem;
  border-right: solid 1px #fff;
  border-bottom: solid 1px #fff;
  font-weight: 400;
  background: #f6f4f2
}
.price.bg_gray .tableBox table tbody td {
  background: #fff;
  border-right: solid 1px #f0f2f3;
  border-bottom: solid 1px #f0f2f3
}
.price .tableBox table tbody .yen {
  font-size: 2rem;
  font-weight: 700
}
.price .tableBox table tbody .yen .tax {
  font-size: 1.4rem
}
.price .tableBox table tbody .yen .line {
  text-decoration: line-through
}
.price .tableBox table tbody .bikou {
  color: #be9c0d
}
.price .splitBox {
  background: #fff;
  padding: 5rem;
  text-align: center
}
.price .splitBox .goldCatch {
  margin: 0 0 3rem
}
.price .splitBox .box {
  background: #f6f4f2;
  padding: 3rem;
  margin: 3rem 0 0
}
.price .splitBox .box .subCatch {
  margin: 0 0 2rem
}
.price .splitBox .box .subCatch p {
  font-size: 2rem;
  color: #000;
  font-weight: 500;
  line-height: 1.6
}
.price .splitBox .box .subCatch span {
  font-size: 2.8rem
}
.price .splitBox .box .card {
  width: 460px;
  margin: 2rem auto
}
.price .splitBox .notice {
  font-size: 1.2rem
}
.price .noticeArea {
  text-align: center
}
.price .sTit {
  font-size: 2.4rem;
  font-weight: 500;
  color: #000;
  text-align: center;
  margin: 0 0 3rem
}
.price .noticeArea .lead {
  margin: 0 0 4rem
}
.price .tableArea {
  position: relative
}
.price .fuki {
  background: url(../images/price/fuki_gold.png) no-repeat;
  background-size: 100%;
  width: 166px;
  height: 166px;
  position: absolute;
  top: -12rem;
  right: 3rem;
  color: #fff;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.4;
  padding: 6rem 0 0
}
.price .balloon1-left {
  position: relative;
  display: inline-block;
  margin: -40p 0 1.5em 35px;
  margin: 0 0 0 45px;
  padding: 20px;
  color: #fff;
  font-size: 16px;
  background-color: #be9c0d
}
.price .balloon1-left:before {
  content: "";
  position: absolute;
  top: 60%;
  left: -30px;
  margin-top: -15px;
  border: 8px solid transparent;
  border-right: 25px solid #be9c0d
}
.price .balloon1-left p {
  margin: 0;
  padding: 0
}
.price .balloon1-up {
  display: none
}
.gym {
  background: url(../images/top/gym_bg.jpg) no-repeat top right;
  background-size: 728px auto
}
.gymBox {
  margin: 0 0 5rem
}
.gymBox:last-of-type {
  margin: 0
}
.gym .areaTit {
  font-size: 2rem;
  color: #be9c0d;
  font-weight: 500;
  margin: 0 0 2rem
}
.gym_lower .areaTit {
  font-size: 2rem;
  color: #333;
  border-left: solid 4px #be9c0d;
  padding: 0 0 0 1.3rem;
  line-height: 1.4;
  font-weight: 500;
  margin: 0 0 2rem
}
.gym .areaTit a, .gym_lower .areaTit a {
  background: url(../images/shared/arr_yl_right.png) no-repeat right center;
  background-size: 9px auto;
  padding: 0 3rem 0 0
}
.gym .gymBoxWrap {
  margin: 0 0 5rem
}
.gym_lower .gymBoxWrap {
  margin: 0 0 8rem
}
.gym_lower .gymBoxWrap:last-child {
  margin: 0
}
.gym .textList li {
  width: 272px;
  background: #f6f4f2 url(../images/shared/arr_tri_yl.png) no-repeat bottom 5px right 5px;
  background-size: 15px auto;
  margin: 0 4px 4px 0;
  padding: 02rem;
  padding: 0 2rem 3rem
}
.gym .textList li:nth-child(4n) {
  margin: 0 0 4px
}
.gym .pic {
  margin: 0 0 15px
}
.gym .pic img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  font-family: 'object-fit: cover;'
}
.gym .txtBox p {
  font-size: 1.4rem
}
.gym .btn {
  margin: 0 0 1rem
}
.gym .btn_dtl a {
  border: solid 1px #333;
  color: #333;
  text-align: center;
  display: block
}
.gym .btn_contact a {
  border: solid 1px #e05a29;
  color: #fff;
  background: #e05a29;
  text-align: center;
  display: block
}
.gym .prefecturList:not(:first-child) {
  margin-top: 20px
}
.gym .prefecturList {
  padding: 16px 30px;
  font-size: 1.9rem;
  letter-spacing: .08em;
  background: #000 url(../images/shared/icon_plus_white.png) no-repeat right 3rem center;
  background-size: 20px auto;
  cursor: pointer;
  color: #fff
}
.gym .prefecturList.on {
  background: #000 url(../images/shared/icon_minus_white.png) no-repeat right 3rem center;
  background-size: 20px auto
}
.gym .prefecturList .prefName {
  font-weight: 500
}
.gym .gymlist dd {
  padding: 20px 0 0
}
.gym .gymlist dl > dd {
  display: none
}
.gym .gymlist dd:last-of-type {
  padding-bottom: 0
}
.gym .gymlist .comLinkBox {
  margin: 90px auto 0
}
.gym .textList {
  display: flex;
  flex-wrap: wrap
}
.gym .textList:last-of-type {
  margin-bottom: 0
}
.gym .textList::after {
  width: 390px;
  content: ''
}
.gym .textList li .ttl {
  padding: 1.5rem 0;
  font-size: 1.6rem;
  font-weight: 500
}
.gym .textList li .ttl span {
  margin-right: 8px;
  display: inline-block;
  width: 78px;
  vertical-align: -5px
}
.award {
  padding: 3rem 0 6rem
}
.award .itemBoxWrap {
  justify-content: space-between;
  width: 100%;
  margin: 30px 0 0
}
.award .itemBoxWrap .itemBox {
  width: 19.2%
}
.award .itemBoxWrap2 {
  justify-content: space-between;
  width: 100%;
  margin: 30px 0 0
}
.award .itemBoxWrap2 .center_2030 {
  margin: 0 20px 0 30px
}
.award .flex {
  margin: 30px 0 0
}
.award h2 {
  background: linear-gradient(#cdb250 35%, #d0b95a 45%, #cdb95a 55%, #aa8c32 65%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 4.6rem;
  font-weight: 600;
  letter-spacing: .1em;
  font-family: "Hiragino Sans", "ヒラギノ角ゴシック", "ヒラギノ角ゴ ProN W3", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", sans-serif
}
.award h2 .font76 {
  font-size: 7.6rem
}
.award h2 .font56 {
  font-size: 5.6rem
}
.award .lower_secTitBox {
  padding: 0;
  margin: 0 0 30px
}
.award .lower_secTitBox .secTit {
  padding: 0
}
.award .lower_secTitBox:before {
  content: "";
  background: linear-gradient(90deg, rgba(210, 199, 119, 0)0, rgba(210, 199, 119, 1)20%, rgba(140, 110, 50, 1) 50%, rgba(210, 200, 120, 1) 90%, rgba(210, 200, 120, 0) 100%);
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0
}
.gym_compare table {
  width: 1100px
}
.gym_compare th {
  background-color: #333;
  padding: 30px;
  color: #fff;
  border: #f0f2f3 2px solid;
  font-size: 2.4rem;
  letter-spacing: .1rem
}
.gym_compare td {
  background-color: #FFF;
  padding: 40px 30px;
  color: #333;
  text-align: center;
  border: #f0f2f3 2px solid
}
.gym_compare .main {
  background-color: #be9c0d;
  color: #fff
}
.gym_compare .main .hr {
  text-decoration: line-through
}
.gym_compare .main strong span {
  font-size: 2.2rem
}
.gym_compare td p {
  text-align: left;
  margin: 5px auto 0;
  width: fit-content;
  line-height: 1.2
}
.gym_compare .main_bl {
  background-color: #000;
  color: #be9c0d
}
.gym_compare th:first-child {
  width: 22%
}
.gym_compare th:nth-child(2) {
  width: 30%
}
.gym_compare th:nth-child(3), th:nth-child(4) {
  width: 24%
}
.gym_pc {
  display: block;
  text-align: center;
  margin: 0 auto
}
.gym_sp {
  display: none
}
.faq .faqArea {
  margin: 0 0 5rem
}
.faq .faqArea .box {
  margin: 0 0 2rem
}
.faq .faqArea .box:last-child {
  margin: 0
}
.faq .faqArea .title span {
  font-size: 2.6rem;
  color: #dc1e00;
  margin: 0 1.5rem 0 0
}
.faq .faqArea .title, .faq .faqArea .content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all .3s
}
.faq .faqArea .title {
  background: #fff url(../images/shared/icon_plus.png) no-repeat right 2.5rem center;
  background-size: 16px auto;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: .06em;
  padding: 1.5rem 5rem 1.8rem 2.5rem;
  cursor: pointer;
  display: block
}
.faq .faqArea .content {
  max-height: 0;
  overflow: hidden
}
.toggle {
  display: none
}
.faq .faqArea .toggle:checked + label {
  background: #000 url(../images/shared/icon_minus_white.png) no-repeat right 2.5rem center;
  background-size: 16px auto;
  color: #fff
}
.faq .faqArea .toggle:checked + label span {
  color: #fff
}
.faq .faqArea .toggle:checked + label + .content {
  background: #fff;
  max-height: inherit;
  transition: all 1s
}
.faq .faqArea .toggle:checked + label + .content .inner {
  padding: 4rem 6rem
}
.faq .faqArea .content .pic {
  background: #fff;
  margin: 3rem 0
}
.faq .faqArea .content .txt_come {
  margin: 1rem 0 0;
  color: #ada08e
}
.faq .faqArea .goldBtn {
  margin: 2rem auto 0
}
.faq.faq_price .faqArea .box {
  background: 0;
  padding: 0;
  text-align: left
}
.faq.faq_price .splitBox .box {
  text-align: center;
  margin: 3rem 0
}
.faq.faq_price .splitBox .notice {
  font-size: 1.4rem;
  margin: 3rem 0 0
}
.blog .itemBoxWrap {
  margin: 0 0 5rem
}
.blog .itemBox {
  width: 272px;
  background: #f6f4f2 url(../images/shared/arr_tri_yl.png) no-repeat bottom 5px right 5px;
  background-size: 15px auto;
  margin: 0 4px 0 0
}
.blog_lower.bg_gray .itemBox {
  background: #fff url(../images/shared/arr_tri_yl.png) no-repeat bottom 5px right 5px;
  background-size: 15px auto
}
.blog .itemBox:last-child {
  margin: 0
}
.blog .itemBox a {
  display: block
}
.blog .itemBox .thumb img {
  width: 100%;
  height: 154px;
  object-fit: cover;
  font-family: 'object-fit: cover;'
}
.blog .itemBox .txtBox {
  padding: 2rem 2rem 3rem;
  position: relative
}
.blog .itemBox .label {
  max-width: fit-content;
  min-width: 250px;
  position: absolute;
  left: 0;
  top: -1.4rem;
  background: #be9c0d;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff
}
.blog_detail .label {
  width: 250px;
  background: #fff
}
.blog .itemBox .label a, .blog_detail .label a {
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
  background: #be9c0d;
  padding: 2px 1rem 2px 2rem;
  display: block
}
.blog .itemBox .txtBox .date {
  font-size: 1.2rem;
  font-weight: 500;
  margin: 0 0 5px
}
.blog .itemBox .txtBox .title a {
  font-size: 1.6rem;
  font-weight: 500;
  color: #be9c0d;
  line-height: 1.5
}
.body_make_about {
  background: url(../images/bodymake/about_bg.jpg) no-repeat top center;
  background-size: cover;
  background-attachment: fixed
}
.body_make_about .secTit {
  color: #fff
}
.body_make_about .secTitBox .eng {
  color: #fff
}
.body_make_about .rowBox {
  background: #fff;
  padding: 3rem;
  margin: 0 0 4.5rem;
  position: relative
}
.body_make_about .rowBox:last-child {
  margin: 0
}
.body_make_about .rowBox .pic {
  float: left;
  width: 380px;
  margin: 0 4.8rem 0 0
}
.body_make_about .rowBox:nth-child(2n) .pic {
  float: right;
  margin: 0 0 0 4.8rem
}
.body_make_about .rowBox .txtBox {
  overflow: hidden;
  width: auto;
  padding: 1rem 0 0
}
.body_make_about .rowBox .subTit {
  font-size: 2.4rem;
  font-weight: 700;
  color: #be9c0d;
  line-height: 1.5;
  margin: 0 0 3rem
}
.licenseList {
  margin: 6rem 0 0
}
.licenseList dl {
  width: 320px;
  margin: 0 2rem 0 0
}
.licenseList dl {
  background: 0
}
.licenseList dl:last-child {
  margin: 0
}
.licenseList dl dt {
  background: #000 url(../images/shared/icon_plus_white.png) no-repeat right 1.5rem center;
  background-size: 14px auto;
  color: #fff;
  font-size: 2rem;
  text-align: center;
  font-weight: 500;
  padding: 1.2rem;
  width: 100%;
  margin: 0
}
.licenseList dl dt.open {
  background: #000 url(../images/shared/icon_minus_white.png) no-repeat right 1.5rem center;
  background-size: 14px auto
}
.licenseList dl dd {
  background: #f6f4f2;
  margin: 0
}
.licenseList dl dd li {
  border-bottom: solid 1px #d5d5d5;
  font-size: 1.4rem;
  text-align: center;
  font-weight: 700;
  padding: 1.7rem;
  line-height: 1.4
}
.licenseList dl dd li:last-child {
  border-bottom: 0
}
.licenseList dl dd li span {
  font-size: 1.2rem;
  font-weight: 400
}
.trainer .txt {
  text-align: center
}
.trainer .kv {
  margin: 5rem 0
}
.trainer .trainers {
  margin: 0 auto 5rem;
  width: 1039px;
  position: relative
}
.trainer .trainer_slider {
  opacity: 0;
  transition: opacity .3s linear
}
.trainer .trainer_slider.slick-initialized {
  opacity: 1
}
.trainer .trainer_slider li {
  width: 256px;
  margin: 0 5px 0 0;
  background: #fff;
  float: left
}
.trainer .trainer_slider li a {
  display: block;
  background: #fff url(../images/shared/arr_tri_yl.png) no-repeat bottom 5px right 5px;
  background-size: 15px auto
}
.trainer .trainer_slider .pic img {
  width: 100%;
  height: 256px;
  object-fit: cover;
  font-family: 'object-fit: cover;'
}
.trainer .trainer_slider .txtBox {
  padding: 2rem;
  text-align: center
}
.trainer .trainer_slider .trainersName {
  font-size: 2rem;
  font-weight: 500
}
.trainer .trainer_slider .gymName {
  font-size: 1.4rem;
  font-weight: 500
}
.trainer .trainer_slider .slick-arrow {
  font-size: 0;
  border: 0;
  background: 0;
  width: 23px;
  height: 36px;
  z-index: 1;
  position: absolute;
  top: calc(50% - 18px);
  cursor: pointer
}
.trainer .trainer_slider .slick-prev {
  background: url(../images/shared/arr_slider_prev.png) no-repeat;
  background-size: 100%;
  left: -33px
}
.trainer .trainer_slider .slick-next {
  background: url(../images/shared/arr_slider_next.png) no-repeat;
  background-size: 100%;
  right: -33px
}
.trainerlist_gym .gym_list li {
  width: calc(100% / 5);
  margin: 0 0 2rem;
  padding: 0 1.5rem 0 0
}
.trainerlist_gym .gym_list li a {
  background: url(../images/shared/arr_ccl_right_yl.png) no-repeat left center;
  background-size: 16px auto;
  padding: 0 0 0 2.2rem
}
.flow .flowArea {
  margin: 6rem 0 0
}
.flow .flowBox {
  margin: 0 0 7rem
}
.flow .flowBox:last-child {
  margin: 0
}
.flow .flowBox .pic {
  width: 500px;
  float: left;
  margin: 0 4.5rem 0 0;
  position: relative
}
.flow .flowBox:nth-child(2n) .pic {
  float: right;
  margin: 0 0 0 4.5rem
}
.flow .flowBox .pic:before {
  content: "";
  width: 60px;
  height: 54px;
  position: absolute;
  top: -3rem;
  left: 3rem
}
.flow .flowBox:nth-child(1) .pic:before {
  background: url(../images/top/num01.png) no-repeat;
  background-size: 100%
}
.flow .flowBox:nth-child(2) .pic:before {
  background: url(../images/top/num02.png) no-repeat;
  background-size: 100%;
  width: 67px;
  height: 52px
}
.flow .flowBox:nth-child(3) .pic:before {
  background: url(../images/top/num03.png) no-repeat;
  background-size: 100%;
  width: 68px;
  height: 52px
}
.flow .flowBox:nth-child(4) .pic:before {
  background: url(../images/top/num04.png) no-repeat;
  background-size: 100%;
  width: 68px;
  height: 52px
}
.flow .flowBox:nth-child(5) .pic:before {
  background: url(../images/top/num05.png) no-repeat;
  background-size: 100%;
  width: 68px;
  height: 52px
}
.flow .flowBox:nth-child(6) .pic:before {
  background: url(../images/top/num06.png) no-repeat;
  background-size: 100%;
  width: 70px;
  height: 52px
}
.flow .flowBox .txtBox {
  overflow: hidden;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 30rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.flow .goldCatch {
  text-align: left;
  padding: 0 0 1.8rem;
  margin: 0 0 2.5rem;
  border-bottom: solid 1px #333
}
.trainerlist_gym .trainerlist {
  background: #f6f4f2;
  padding: 5rem
}
.trainerlist_gym .bigareaTit {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.5;
  border-bottom: solid 1px #d5d5d5;
  padding: 0 0 1rem;
  margin: 0 0 3rem
}
.trainerlist_gym .areaBox {
  margin: 0 0 4rem
}
.trainerlist_gym .areaBox:last-child {
  margin: 0
}
.trainerlist_gym .prefBox {
  margin: 0 0 2rem
}
.trainerlist_gym .prefBox:last-child {
  margin: 0
}
.trainerlist_gym .prefBox a {
  background: 0;
  padding: 0
}
.trainerlist_gym .gym_list li {
  width: calc(100% / 5);
  margin: 0 0 2rem;
  padding: 0 1.5rem 0 0
}
.trainerlist_gym .gym_list li a {
  background: url(../images/shared/arr_ccl_right_yl.png) no-repeat left center;
  background-size: 16px auto;
  padding: 0 0 0 2.2rem
}
.covid .itemBoxWrap {
  margin: 6rem 0 0
}
.covid .itemBox {
  width: 208px;
  margin: 0 1.5rem 0 0;
  background: #fff
}
.covid .itemBox:last-child {
  margin: 0
}
.covid .itemBox .thumb {
  text-align: center;
  background: #e6e1dc;
  height: 11rem;
  display: flex;
  align-items: center;
  justify-content: center
}
.covid .itemBox:nth-child(1) .thumb img {
  width: 46px
}
.covid .itemBox:nth-child(2) .thumb img {
  width: 84px
}
.covid .itemBox:nth-child(3) .thumb img {
  width: 66px
}
.covid .itemBox:nth-child(4) .thumb img {
  width: 70px
}
.covid .itemBox:nth-child(5) .thumb img {
  width: 62px
}
.covid .itemBox .txtBox {
  padding: 2rem;
  height: 8.5rem;
  text-align: center;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center
}
.covid .itemBox .txtBox p {
  line-height: 1.6
}
.strength {
  background: url(../images/top/strength_bg.jpg) no-repeat top center;
  background-size: cover;
  background-attachment: fixed
}
.strength .secTit {
  color: #fff
}
.strength .secTitBox .eng {
  color: #fff
}
.strength p {
  margin: 1.5rem 0
}
.strength .rowBox {
  background: #fff;
  padding: 3rem;
  margin: 0 0 4.5rem;
  position: relative
}
.strength .rowBox:last-child {
  margin: 0
}
.strength .rowBox:before {
  content: "";
  background: url(../images/top/num01.png) no-repeat;
  background-size: 100%;
  width: 60px;
  height: 54px;
  position: absolute;
  top: -3rem;
  right: 3rem
}
.strength .rowBox:nth-child(2):before {
  background: url(../images/top/num02.png) no-repeat;
  background-size: 100%;
  width: 67px;
  height: 52px;
  top: -2.8rem;
  right: auto;
  left: 3rem
}
.strength .rowBox:nth-child(3):before {
  width: 68px;
  height: 52px;
  background: url(../images/top/num03.png) no-repeat;
  background-size: 100%
}
.strength .rowBox .pic {
  float: left;
  width: 380px;
  margin: 0 4.8rem 0 0
}
.strength .rowBox:nth-child(2n) .pic {
  float: right;
  margin: 0 0 0 4.8rem
}
.strength .rowBox .txtBox {
  overflow: hidden;
  width: auto;
  padding: 1rem 0 0
}
.strength .rowBox .subTit {
  font-size: 2.4rem;
  font-weight: 700;
  color: #be9c0d;
  line-height: 1.5;
  margin: 0 0 3rem
}
.strength .accBtn {
  margin: 3rem 0 0
}
.area_search .twoColBox > div {
  width: 540px;
  background: #fff;
  margin: 0 2rem 0 0
}
.area_search .twoColBox > div:last-child {
  margin: 0
}
.area_search .map {
  padding: 3.5rem 2rem;
  text-align: center;
  position: relative;
  float: left
}
.area_search .map img {
  width: 340px
}
.area_search .map ul {
  position: absolute;
  top: 2rem;
  left: 2rem;
  width: 250px
}
.area_search .map ul li {
  width: 120px;
  margin: 0 1rem 1rem 0
}
.area_search .map ul li:nth-child(2n) {
  margin: 0 0 1rem
}
.area_search .map ul li a {
  color: #fff;
  padding: 5px;
  font-size: 1.4rem;
  font-weight: 500;
  display: block
}
.area_search .map ul li.hokkaido_tohoku a {
  background: #5facb4
}
.area_search .map ul li.kanto a {
  background: #d3a86f
}
.area_search .map ul li.chubu a {
  background: #4182a7
}
.area_search .map ul li.kinki a {
  background: #d68294
}
.area_search .map ul li.chugoku a {
  background: #86ba3d
}
.area_search .map ul li.kyushu a {
  background: #9f6fc4
}
.area_search .area_acc {
  border: solid 1px #ddd;
  border-bottom: 0;
  float: right
}
.area_search .area_acc .box {
  border-bottom: solid 1px #ddd
}
.area_search .area_acc label {
  background: url(../images/shared/icon_plus.png) no-repeat right 2rem center;
  background-size: 16px auto;
  color: #333;
  width: 100%;
  text-align: left;
  font-size: 1.6rem;
  margin: 0;
  padding: 1.46rem 5rem 1.46rem 3rem;
  display: block
}
.area_search .area_acc label {
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all .2s
}
.area_search .area_acc .content {
  margin: 0;
  display: none
}
.area_search .area_acc .open .content {
  display: block
}
.area_search .area_acc .content li {
  border-bottom: solid 1px #ddd
}
.area_search .area_acc .content li:first-child {
  border-top: solid 1px #ddd
}
.area_search .area_acc .content li:last-child {
  border-bottom: 0
}
.area_search .area_acc .content li a {
  display: block;
  padding: 1.3rem 3rem 1.5rem 5rem
}
/*---------------------
　CTA
-----------------------*/
.cta {
  background: #000 url(../images/shared/cta.png) no-repeat top -14rem right;
  height: 36rem;
  padding: 78px 0
}
.cta .fuki {
  background: url(../images/top/fuki_gold_left.png) no-repeat;
  background-size: 100%;
  width: 166px;
  height: 166px;
  position: absolute;
  top: -12rem;
  left: -130px;
  color: #fff;
  text-align: center;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.4;
  padding: 6.25rem 0 0;
  z-index: 1
}
.cta .btn-green {
  width: 600px;
  height: 10rem;
  margin: 0 0 3rem;
  background: #fff
}
.cta .btns .btn-green {
  width: 530px;
  margin: 0 4rem 3rem 0
}
.cta .btns .btn-green:last-child {
  margin: 0 0 3rem
}
.cta .btn-green a {
  background: url(../images/shared/btn_green.jpg) repeat-x;
  background-size: 1px 100%;
  color: #fff;
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: .03em;
  text-align: center;
  padding: 1rem 0;
  line-height: 1.4;
  display: block;
  height: 100%;
  position: relative
}
.cta .btn-green a {
  font-size: 2.5rem
}
.cta .btn-green a div {
  text-shadow: 0 0 5px rgba(0, 0, 0, .4)
}
.cta .btn-green a:after {
  content: "";
  background: url(../images/shared/icon_gym_white.png) no-repeat;
  background-size: 100%;
  width: 41px;
  height: 29px;
  position: absolute;
  top: 3.7rem;
  right: 3rem
}
.cta .btns .btn-green a:after {
  width: 44px;
  height: 31px;
  top: 3.5rem
}
.cta .btn-green a div {
  padding: 2rem 5rem 0 0;
  position: relative;
  z-index: 1
}
.cta p {
  color: #fff;
  font-size: 1.4rem
}
.cta p a {
  color: #fff
}
.cta_list {
  margin: 3rem auto 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.cta_list > div {
  width: 300px;
  height: 280px;
  margin: 0 2px 0 0
}
.cta_list > div:last-child {
  margin: 0
}
.cta_list > div a {
  background: #fff url(../images/shared/arr_tri_yl.png) no-repeat bottom 3px right 3px;
  background-size: 12px auto;
  color: #000;
  height: 100%;
  font-weight: 500;
  position: relative;
  padding: 18.5rem 4rem 4rem;
  font-size: 1.4rem;
  display: block;
  text-align: center
}
.cta_list > div a span {
  font-size: 2.4rem
}
.cta_list > div a:before {
  content: "";
  width: 140px;
  height: 140px;
  position: absolute;
  top: 4rem;
  left: calc(50% - 70px)
}
.cta_list .line a:before {
  background: url(../images/shared/icon_line.png) no-repeat;
  background-size: 100%
}
.cta_list .form a:before {
  background: url(../images/shared/icon_mail.png) no-repeat;
  background-size: 100%
}
.cta_list .tel a:before {
  background: url(../images/shared/icon_tel.png) no-repeat;
  background-size: 100%
}
.cta_list_mini {
  margin: 3rem 0 0
}
.cta_list_mini > div {
  width: 320px;
  height: 110px;
  margin: 0 2rem 0 0
}
.cta_list_mini > div:last-child {
  margin: 0
}
.cta_list_mini > div a {
  background: #f6f4f2 url(../images/shared/arr_tri_yl.png) no-repeat bottom 3px right 3px;
  background-size: 12px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  height: 100%;
  font-weight: 500;
  position: relative;
  padding: 0 0 0 11rem;
  text-align: left
}
.cta_list_mini > div a:before {
  content: "";
  width: 70px;
  height: 70px;
  position: absolute;
  top: calc(50% - 35px);
  left: 2rem
}
.cta_list_mini .line a:before {
  background: url(../images/shared/icon_line.png) no-repeat;
  background-size: 100%
}
.cta_list_mini .form a:before {
  background: url(../images/shared/icon_mail.png) no-repeat;
  background-size: 100%
}
.cta_list_mini .tel a:before {
  background: url(../images/shared/icon_tel.png) no-repeat;
  background-size: 100%
}
.cta_mini {
  background: #f6f4f2;
  padding: 5rem 6rem;
  margin: 0 0 8rem
}
.btn_green {
  height: 10rem;
  background: #fff
}
.btn_green a {
  font-size: 2.8rem;
  color: #fff;
  letter-spacing: .03em;
  font-weight: 700;
  background: url(../images/shared/btn_green.jpg) repeat-x center;
  background-size: 1px 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.5;
  text-align: center
}
.btn_green a:after {
  content: "";
  background: url(../images/shared/icon_mail_v2.png) no-repeat;
  background-size: 100%;
  width: 40px;
  height: 30px;
  position: absolute;
  right: 3.5rem;
  top: calc(50% - 15px)
}
.btn_green span {
  z-index: 1;
  position: relative
}
.cta_mini p {
  text-align: center;
  margin: 3rem 0 0
}
.txt_link {
  text-decoration: underline
}
.cta_list_mini_v2 {
  background: url(../images/shared/cta_v2.jpg) no-repeat;
  background-size: cover;
  padding: 10rem 0
}
.cta_list_mini_v2 .btns .btn {
  width: 350px;
  height: 100px;
  margin: 0 2rem 0 0;
  background: #fff;
  position: relative
}
.cta_list_mini_v2 .btns .btn:last-child {
  margin: 0
}
.cta_list_mini_v2 .btns .btn:before {
  content: "";
  background: url(../images/shared/arr_white_right.png) no-repeat;
  background-size: 100%;
  width: 9px;
  height: 14px;
  position: absolute;
  top: 4.3rem;
  right: 15px;
  z-index: 1
}
.cta_list_mini_v2 .btns .btn a {
  background: #0dbd0d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  height: 100%;
  font-weight: 500;
  position: relative;
  padding: 0 0 0 9rem;
  font-size: 2rem
}
.cta_list_mini_v2 .btns .form a {
  background: #bd3c4b
}
.cta_list_mini_v2 .btns .tel a {
  background: #0d75a5
}
.cta_list_mini_v2 .btns .btn a:before {
  content: "";
  position: absolute;
  left: 3rem;
  z-index: 1
}
.cta_list_mini_v2 .line a:before {
  background: url(../images/shared/icon_line_wh.png) no-repeat;
  background-size: 100%;
  width: 39px;
  height: 38px
}
.cta_list_mini_v2 .form a:before {
  background: url(../images/shared/icon_mail_wh.png) no-repeat;
  background-size: 100%;
  width: 34px;
  height: 26px
}
.cta_list_mini_v2 .tel a:before {
  background: url(../images/shared/icon_tel_wh.png) no-repeat;
  background-size: 100%;
  width: 34px;
  height: 37px
}
.cta_list_mini_v2 .btns > div a:after {
  content: "";
  height: 5rem;
  background: #00b000;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%
}
.cta_list_mini_v2 .btns .form a:after {
  background: #b02f3e
}
.cta_list_mini_v2 .btns .tel a:after {
  background: #006898
}
.cta_list_mini_v2 .btns a div {
  position: relative;
  z-index: 1
}
.part_cta {
  background: #383838;
  padding: 10rem 0;
}
.part_cta .txt {
  color: #fff;
  text-align: center;
  letter-spacing: 0.1em;
  margin-bottom: 5rem;
  line-height: 1.6;
}
.part_cta .btn_cta_grad {
  margin: 0 auto;
}
.btn_gray {
  width: 500px;
  height: 10rem;
  background: #fff;
  margin: 0 auto
}
.btn_gray a {
  font-size: 2rem;
  color: #fff;
  font-weight: 500;
  background: url(../images/shared/btn_gray.jpg) repeat-x center;
  background-size: 1px 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.5;
  text-align: center
}
.btn_gray a:after {
  content: "";
  background: url(../images/shared/icon_card.png) no-repeat;
  background-size: 100%;
  width: 38px;
  height: 26px;
  position: absolute;
  left: 3.5rem;
  top: calc(50% - 13px)
}
.banner_area {
  background-color: #fff;
  padding: 4rem 0 14rem
}
.banner_wrap {
  display: block
}
.banner_pc {
  display: block !important;
  margin: 0 auto
}
.banner_sp {
  display: none !important
}
#key.lower.error404 {
  background: url(../images/shared/kv_404.jpg) no-repeat top center;
  background-size: cover;
  height: 30rem
}
#key.lower .width1100 {
  height: 100%
}
#key.lower.error404 .h1Txt {
  width: 290px;
  margin: 0 auto
}
.txtArea_404 p {
  text-align: center;
  font-weight: 700;
  line-height: 1.6
}
.txtArea_404 .catch01 {
  font-size: 3.8rem;
  margin: 0 0 1rem
}
.txtArea_404 .catch02 {
  font-size: 2.8rem
}
.txtArea_404 .goldBtn {
  margin: 4rem auto 0
}
.case .caseBox {
  margin: 0 0 8rem
}
.case .caseBox:last-of-type {
  margin: 0 0 8rem
}
.case .heading {
  font-size: 3.6rem;
  font-weight: 500;
  letter-spacing: .06em;
  color: #000;
  display: table;
  margin: 0 auto 10rem;
  text-align: center;
  position: relative
}
.case .heading .caseNum {
  width: 100px;
  margin: 0 auto;
  display: block;
  color: #be9c0d;
  font-size: 2.6rem;
  font-weight: 900;
  letter-spacing: .1em
}
.case .heading .sex {
  position: absolute;
  bottom: -5rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: -1;
  width: auto
}
.case .bfafBox .box {
  float: left
}
.case .bfafBox .label {
  width: 160px;
  font-size: 2.4rem;
  text-align: center;
  font-weight: 500;
  border: solid 1px #333;
  padding: 10px 5px 12px;
  line-height: 1;
  margin: 0 0 2.5rem
}
.case .af .label {
  float: right
}
.case .figureBox {
  position: relative;
  min-height: 25rem
}
.case .bf .figureBox {
  background: #f0f2f3;
  width: 500px;
  padding: 7rem 4rem 0 5rem
}
.case .bf .figureBox:before {
  content: "";
  background: url(../images/bodymake/arr_bfaf.png) no-repeat;
  background-size: 100%;
  width: 100px;
  height: 250px;
  position: absolute;
  top: 0;
  right: -10rem;
  z-index: 1
}
.case .af .figureBox {
  background: #000;
  width: 600px;
  padding: 7rem 5rem 0 0;
  clear: both
}
.case .af .figureBox .specBox {
  float: right
}
.case .figureBox .specBox dl {
  display: table;
  margin: 0 0 1.5rem
}
.case .af .figureBox .specBox dl {
  color: #fff
}
.case .figureBox .specBox dt {
  width: 75px;
  display: table-cell;
  vertical-align: top
}
.case .figureBox .specBox dd {
  display: table-cell;
  vertical-align: top;
  line-height: 1
}
.case .figureBox .specBox dd span {
  font-size: 2.2rem
}
.case .figureBox .pic {
  position: absolute;
  bottom: 0;
  width: 200px;
  z-index: 2
}
.case .bf .figureBox .pic {
  right: 4rem
}
.case .af .figureBox .pic {
  left: 4rem
}
.case01 .af .figureBox .pic {
  width: 220px;
  left: 14rem
}
.case02 .bf .figureBox .pic {
  width: 188px
}
.case02 .af .figureBox .pic {
  width: 330px;
  left: 4rem
}
.case03 .bf .figureBox .pic {
  width: 210px
}
.case03 .af .figureBox .pic {
  left: 14rem
}
.case04 .bf .figureBox .pic {
  width: 120px;
  right: 8rem
}
.case04 .af .figureBox .pic {
  width: 113px;
  left: 19rem
}
.case05 .af .figureBox .pic {
  width: 209px;
  left: 13rem
}
.case06 .af .figureBox .pic {
  width: 308px;
  left: 6rem
}
.case .result {
  background: #be9c0d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 2.2rem 2rem 2rem
}
.case .result dl {
  color: #fff;
  font-weight: 500;
  margin: 0 4.5rem 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.case .result dl:last-child {
  margin: 0
}
.case .result dt {
  font-size: 1.8rem;
  margin: 0 1rem 0 0
}
.case .result dd {
  font-size: 1.8rem
}
.case .result dd span {
  font-size: 2.8rem;
  line-height: 1
}
.case .trainers_com {
  margin: 3rem 0 0;
  background: #f6f4f2;
  padding: 4rem 5rem
}
.case .trainers_com .tit {
  color: #be9c0d;
  font-size: 2rem;
  text-align: center;
  font-weight: 500;
  margin: 0 0 2rem
}
.store_search {
  display: none
}
@media screen and (max-width:599px) {
  .pc {
    display: none
  }
  .sp {
    display: block
  }
  .br_1280 {
    display: none
  }
  body {
    font-size: 1.3rem;
    min-width: 320px;
    overflow-x: hidden;
    line-height: 1.8;
    margin: 5rem 0 0;
  }
  a:hover {
    opacity: 1
  }
  .width1100, .wi1000 {
    width: 100%
  }
  /*---------------------
　BTN
-----------------------*/
  .btn_cta_grad {
    width: 86%;
    min-height: 6rem;
  }
  .btn_cta_grad a {
    font-size: 1.5rem;
    line-height: 1.4;
    position: relative;
    min-height: 6rem;
    letter-spacing: 0.05em;
  }
  .btn_cta_grad a div {
    background: url(../images/shared/arr_white_right.png) no-repeat right 1rem center;
    background-size: 7px auto;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 6rem;
  }
  .btn_cta_grad a .big {
    font-size: 2rem;
    letter-spacing: 0.01em;
  }
  .btn_internal {
    min-height: 5rem;
  }
  .btn_internal a {
    position: relative;
    padding: 0 7rem 0 0;
  }
  .btn_internal a:before {
    content: "";
    background: #383838 url("../images/shared/arr_white02_right.png") no-repeat center;
    background-size: 7px auto;
    width: 5rem;
    height: 5rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
  }
  /*---------------------
　HEADER
-----------------------*/
  #header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 200;
    min-width: inherit
  }
  #header #header-f {
    position: relative;
    height: 5rem;
    z-index: 100;
    top: 0;
    padding: 0 0 0 1.5rem
  }
  #header .logo {
    width: 130px;
    margin: 0;
  }
  #header .rightBox {
    padding: 0;
    position: static;
  }
  #header #header_nav {
    display: none
  }
  #header #header_nav .btn_cta_grad {
    margin: 3rem auto 2rem;
  }
  #header #header_nav .btn_cta_grad a {
    padding: 0;
  }
  /*#header .tel-btn {
    position: static;
    width: 130px;
    height: 100%;
    float: left;
      margin-right: 5%;
      margin-top: 1%;
      z-index: 99;
  }*/
  #header .tel-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 125px;
    height: 90%;
    float: left;
    z-index: 99;
  }
  #header .tel-btn img {
    max-width: 125px;
  }
  #sec-nav {
    z-index: 1002;
    overflow: hidden
  }
  #header #header_nav .nav-con {
    padding: 95px 0 5px;
    background: rgba(255, 255, 255, .94);
    -webkit-transition: all .5s cubic-bezier(.075, .82, .165, 1);
    -moz-transition: all .5s cubic-bezier(.075, .82, .165, 1);
    -ms-transition: all .5s cubic-bezier(.075, .82, .165, 1);
    -o-transition: all .5s cubic-bezier(.075, .82, .165, 1);
    transition: all .5s cubic-bezier(.075, .82, .165, 1);
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    backface-visibility: hidden
  }
  .nav-con_t {
    padding: 54px 0 0;
    margin: -1px 0 0;
    background: #433f3d;
    background: rgba(123, 204, 208, 0.9);
  }
  .nav-con.on {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  #header #header_nav .nav-con a {
    margin: 0 12px 20px;
    vertical-align: top;
    text-align: center
  }
  #header #header_nav .nav-con_t a {
    margin: 1px 1px 0 0;
    vertical-align: top
  }
  .nav-con a span {
    display: block;
    line-height: 1.7em
  }
  .nav-thumb {
    box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
    margin: 0 auto 9px;
    max-width: 180px
  }
  .nav-t {
    color: #383838;
    font-size: 16px
  }
  .store_search {
    width: 50px;
    height: 50px;
    position: relative;
    background: none;
    float: right;
    display: block;
    text-align: center;
  }
  .store_search a {
    background: #000 url("../images/shared/icon_megane.png") no-repeat top 6px center;
    background-size: 2rem auto;
    color: #fff;
    display: block;
    font-size: 1rem;
    padding: 3rem 0 0.2rem;
  }
  #sp-nav {
    width: 50px;
    height: 50px;
    position: relative;
    background: #7bdd0c;
    float: right;
    z-index: 1;
  }
  #sp-nav a {
    display: block;
    width: 100%;
    height: 100%;
  }
  #nav-sp-4 {
    background: #ffdd15
  }
  #nav-sp-4.on {
    background: #ffdd15
  }
  #nav-sp-4 span {
    width: 2rem;
    height: 2px;
    background: #fff;
    display: block;
    position: absolute;
    left: 1.5rem;
    transition: all .4s
  }
  #nav-sp-4 span:nth-child(1) {
    top: 16px
  }
  #nav-sp-4 span:nth-child(2) {
    top: 23px
  }
  #nav-sp-4 span:nth-child(3) {
    top: 30px
  }
  #nav-sp-4.on span:nth-child(1) {
    top: 18px;
    left: 12px;
    transform: translateY(6px) rotate(-45deg);
    width: 53%
  }
  #nav-sp-4.on span:nth-child(2) {
    opacity: 0
  }
  #nav-sp-4.on span:nth-child(3) {
    top: 30px;
    left: 12px;
    transform: translateY(-6px) rotate(45deg);
    width: 53%
  }
  #header #header_nav {
    float: none;
    text-align: left;
    overflow: hidden;
    background: rgba(123, 204, 208, 0.98);
    position: absolute;
    width: 100%;
    height: 100vh !important;
    top: 0;
    left: 0;
    transition: all .5s cubic-bezier(.075, .82, .165, 1);
    transform: translate3d(100%, 0, 0);
    display: block
  }
  #header #header_nav.on {
    transform: translate3d(0, 0, 0)
  }
  #header_nav.sc {
    overflow-y: scroll
  }
  #header #header_nav .logo {
    margin: 5px 0 0 15px;
  }
  #header #header_nav .logo a {
    padding: 0;
  }
  #header #header_nav .nav-title {
    position: relative;
    display: block;
    font-size: 1.5rem;
    height: 100%;
    width: 100%;
    max-width: none;
    line-height: 1;
    color: #f6f6f6;
    padding: 2rem 6rem 2rem 7.5%;
    letter-spacing: 1px;
    border: 0;
    background: 14px center no-repeat;
    background-size: 36px;
    text-align: left;
    border-bottom: solid 1px #fff;
    -webkit-font-smoothing: antialiased
  }
  #header #header_nav .nav-block.first .nav-title {
    border-top: solid 1px #fff;
  }
  /*#header #header_nav .nav-title_gold {
    position: relative;
    display: block;
    font-size: 1.5rem;
    height: 100%;
    width: 100%;
    max-width: none;
    line-height: 1;
    color: #fff;
    padding: 2rem 4rem 2rem 2rem;
    letter-spacing: 1px;
    border: 0;
    border-bottom: rgba(10, 9, 7, .1) 1px solid;
    background: 14px center no-repeat rgba(190, 156, 13, .8);
    background-size: 36px;
    text-align: left;
    -webkit-font-smoothing: antialiased
  }*/
  #header #header_nav .nav-title.pc {
    display: none
  }
  .nav-block a::after {
    content: "";
    background: url("../images/shared/arr_white02_right.png") no-repeat;
    background-size: 100%;
    width: 6px;
    height: 11px;
    position: absolute;
    top: calc(50% - 5px);
    right: 3rem;
  }
  .nav-con, #header #header_nav .nav-con a {
    padding: 0;
    margin: 0;
    text-align: left;
    overflow: hidden
  }
  .nav-title span {
    display: block;
    white-space: normal
  }
  .nav-con {
    float: none;
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    background: rgba(123, 204, 208, .96);
    -webkit-transition: all .5s cubic-bezier(.075, .82, .165, 1);
    -moz-transition: all .5s cubic-bezier(.075, .82, .165, 1);
    -ms-transition: all .5s cubic-bezier(.075, .82, .165, 1);
    -o-transition: all .5s cubic-bezier(.075, .82, .165, 1);
    transition: all .5s cubic-bezier(.075, .82, .165, 1);
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
  .nav-con a, .nav-con a .nav-thumb img {
    width: auto;
    height: 60px
  }
  .nav-con.on {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 100
  }
  #nav-trainers.on, #nav-gym.on {
    overflow-y: inherit
  }
  .nav-con a {
    position: relative;
    font-size: 1.7rem;
    line-height: 1;
    color: #f6f6f6;
    font-weight: 500;
    letter-spacing: 2px;
    border: 0;
    border-bottom: rgba(0, 0, 0, .1) 1px solid;
    background: rgba(255, 255, 255, .1);
    background-size: 36px;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    text-align: left;
    pointer-events: none;
    display: none
  }
  .nav-con.on a {
    pointer-events: auto;
    display: block
  }
  .nav-con a .nav-thumb {
    float: left;
    margin: 0 20px 0 0;
    box-shadow: none
  }
  .nav-con a span {
    line-height: 1.5em
  }
  .nav-t {
    padding-top: 10px;
    font-size: 1.4rem;
    color: #fff
  }
  .nav-t.single {
    padding-top: 19px
  }
  .nav-block {
    clear: both;
    width: 100%
  }
  #header #header_nav .subMenu {
    position: absolute;
    bottom: 2rem;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
  }
  #header #header_nav .subMenu ul {
    display: flex;
    justify-content: center;
  }
  #header #header_nav .subMenu ul li:after {
    content: "｜";
    color: #fff;
    margin: 0 3px;
  }
  #header #header_nav .subMenu ul li:last-child:after {
    content: none;
  }
  #header #header_nav .subMenu ul li a {
    font-size: 1.4rem;
    color: #fff;
    letter-spacing: 0.1em;
    padding: 0;
    line-height: 1.6;
    font-weight: normal;
  }
  #header_contact {
    width: 160px
  }
  #pankuzu {
    margin: 0;
    padding: .3rem 1rem
  }
  #pankuzu ul {
    width: 100%;
    white-space: nowrap;
    overflow-x: auto
  }
  #pankuzu li {
    font-size: 1rem
  }
  #pankuzu li a {
    font-size: 1rem
  }
  #pankuzu li a:hover {
    text-decoration: underline
  }
  /*---------------------
　FOOTER
-----------------------*/
  #footer {
    position: relative;
    padding: 5rem 6% 15rem;
  }
  #footer .footInr {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #footer .logoWrap {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 4.5rem;
    width: 100%;
  }
  #footer .logoBox {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }
  #footer .logoBox .logo {
    max-width: 12.3rem;
  }
  #footer .logoBox .insta {
    max-width: 2.2rem;
  }
  #footer .logoBox .insta {
    max-width: 2.6rem;
  }
  #footer .flexBox {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 0;
    width: 100%;
  }
  #footer .gymAcc {
    display: none;
  }
  #footer .colBoxWrap {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    padding: 0 0 2rem;
  }
  #footer .colBoxWrap .colBox {}
  #footer .gymTit {
    font-size: 1.4rem;
    padding: 1.5rem 3rem 1.5rem 1.5rem;
    margin-bottom: 0;
    border-top: solid 1px #fff;
    position: relative;
  }
  #footer .gymTit:before {
    position: absolute;
    content: '';
    top: 50%;
    right: 1.5rem;
    width: 1rem;
    height: 2px;
    background-color: #fff;
    transform: rotate(90deg);
    transition: all .3s ease-in-out;
  }
  #footer .gymTit:after {
    position: absolute;
    content: '';
    top: 50%;
    right: 1.5rem;
    width: 1rem;
    height: 2px;
    background-color: #fff;
    transition: all .3s ease-in-out;
  }
  #footer .gymTit.open::before {
    transform: rotate(180deg);
  }
  #footer .gymTit.open::after {
    opacity: 0;
  }
  #footer .areaName {
    padding: 10px 1.5rem 11px;
    margin-bottom: 1.5rem;
  }
  #footer .prefName {
    margin-bottom: 0.5rem;
  }
  #footer .prefName a {
    color: #fff;
    font-size: 1.4rem;
    letter-spacing: 0.1em;
    line-height: 1.5;
  }
  #footer .prefBox {
    padding-left: 1.5rem;
    margin-bottom: 2rem;
  }
  #footer .prefBox:last-child {
    margin-bottom: 0;
  }
  #footer .twoCol {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
  #footer .twoCol .halfBox {
    width: 100%;
  }
  #footer .prefBox ul {
    display: flex;
    flex-wrap: wrap;
  }
  #footer .prefBox ul li {
    width: 50%;
  }
  #footer ul li {
    margin: 0 0 8px;
  }
  #footer ul li a {
    background: url(../../assets/images/shared/arr_white_right.png) no-repeat left top 8px;
    background-size: 5px auto;
    padding: 0 0 0 1.5rem;
    color: #fff;
    font-size: 1.4rem;
    display: block;
    line-height: 1.7;
  }
  #footer .leftBox {
    max-width: 100%;
    border-top: solid 1px #fff;
    padding: 3rem 0 0;
  }
  #footer .leftBox .colBox {
    border-bottom: solid 1px #fff;
    padding-bottom: 3rem;
    margin-bottom: 3rem;
  }
  #footer .leftBox .colBox.last {
    border-bottom: none;
    margin-bottom: 0;
  }
  #footer .copy {
    text-align: center;
  }
  .fixBot {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    background-color: rgba(255, 255, 255, 0.7);
    width: 100%;
    padding: 1rem;
  }
  .fixBot:hover {}
  .fixBot .btn_cmn img {
    max-width: 100%;
  }
  #key.lower {
    background: url(../images/shared/kv_lower.jpg) no-repeat top center;
    background-size: cover;
    padding: 0;
    height: 20rem
  }
  #key.lower .width1100 {
    display: table;
    height: calc(100% - 3rem);
    padding: 0 6%
  }
  #key.lower .width1100.pankusu2dan {
    height: calc(100% - 3rem)
  }
  #key.lower .title {
    display: table-cell;
    vertical-align: middle
  }
  #key.lower .gold {
    font-size: 1.3rem;
    width: 95%;
    margin: 0 auto 1rem;
    padding: 4px 0
  }
  #key.lower .h1Txt {
    font-size: 2.4rem;
    line-height: 1.5
  }
  #key.lower .pankusu2dan .h1Txt {
    font-size: 2.1rem
  }
  #key.lower .subTxt {
    font-size: 1.6rem;
    line-height: 1.5;
    margin: 2rem 0 0
  }
  #key.lower .pankusu2dan .subTxt {
    font-size: 1.4rem;
    margin: .5rem 0 0
  }
  section {
    padding: 4rem 4%
  }
  .Pd5rem {
    padding: 2rem 4%
  }
  .Pd10rem {
    padding: 2rem 4%
  }
  .secTitBox {
    margin: 0 0 2rem;
    text-align: center
  }
  .secTit {
    font-size: 2rem;
    line-height: 1.5;
    margin: 0 0 .5rem
  }
  .secTit a {
    background: url(../images/shared/arr_black_right.png) no-repeat right center;
    background-size: 9px auto;
    padding: 0 2rem 0 0;
    display: block
  }
  .secTitBox .eng {
    font-size: 1.2rem;
    margin: 0
  }
  .secTit .small {
    font-size: 1.6rem
  }
  .lower_secTitBox {
    margin: 0 0 3rem
  }
  .lower_secTitBox:before {
    width: 60px;
    height: 2px;
    left: calc(50% - 30px)
  }
  .lower_secTitBox .secTit {
    padding: 0 0 1.5rem
  }
  .goldCatch {
    font-size: 1.8rem;
    line-height: 1.5;
    margin: 0 0 1.6rem
  }
  .goldCatch a {
    background: url(../images/shared/arr_yl_right.png) no-repeat right center;
    background-size: 6px auto;
    padding: 0 1.5rem 0 0;
    display: block
  }
  .goldBtn {
    max-width: 300px;
    width: 100%;
    margin: 0 auto
  }
  .goldBtn a {
    background: #be9c0d url(../images/shared/arr_white_right.png) no-repeat right 1rem center;
    background-size: 6px auto;
    padding: 1.2rem 3rem
  }
  .accBtn {
    width: 250px;
    margin: 2rem auto 0;
    background: #000 url(../images/shared/arr_white_down.png) no-repeat right 1.5rem center;
    background-size: 10px auto;
    padding: 1rem 3rem;
    font-size: 1.2rem
  }
  .accBtn.open {
    background: #000 url(../images/shared/arr_white_up.png) no-repeat right 1.5rem center;
    background-size: 10px auto
  }
  .accBtn:hover {
    opacity: 1
  }
  .twoBtns, .threeBtns {
    display: block;
    margin: 0 auto
  }
  .twoBtns .goldBtn {
    float: none;
    margin: 0 auto 1rem
  }
  .threeBtns .goldBtn {
    float: none;
    width: 100%;
    margin: 0 auto 1rem;
    display: block
  }
  .twoBtns .goldBtn:last-child, .threeBtns .goldBtn:last-child {
    margin: 0 auto
  }
  .cp_table {
    width: 100%;
    display: block
  }
  .cp_table th {
    width: 100%;
    display: block;
    font-size: 1.4rem;
    padding: 1rem 1.5rem;
    border: 0;
    border-bottom: solid 1px #fff
  }
  .cp_table td {
    width: 100%;
    display: block;
    font-size: 1.4rem;
    padding: 1rem 1.5rem;
    border: 0;
    border-bottom: solid 2px #fff
  }
  .accBox {
    margin: 2rem 0 0
  }
  .bwnBox {
    padding: 2rem
  }
  .leadArea {
    padding: 2rem 4%
  }
  .leadArea .leadBox {
    padding: 2rem
  }
  .voice .voiceBoxWrap {
    margin: 0 0 2rem
  }
  .voice .voiceBox {
    width: 100%;
    margin: 0 0 1.5rem
  }
  .voice .voiceBox:nth-child(2n) {
    margin: 0 0 1.5rem
  }
  .voice .voiceBox .inner {
    width: 100%;
    min-height: 114px
  }
  .voice .voiceBox .pic {
    width: 85px
  }
  .voice .voiceBox .pic img {
    height: 114px
  }
  .voice .voiceBox .txtBox {
    display: table-cell;
    vertical-align: middle;
    padding: 2rem 6rem 2rem 2rem;
    background: url(../images/shared/icon_plus.png) no-repeat right 2rem center;
    background-size: 20px auto
  }
  .voice .voiceBox .profile {
    font-size: 1.3rem
  }
  .voice .voiceBox .name {
    font-size: 1.7rem
  }
  .voice .voiceBox .toggle:checked + label .txtBox {
    background: url(../images/shared/icon_minus.png) no-repeat right 2rem center;
    background-size: 20px auto
  }
  .voice .voiceBox .toggle:checked + label + .commentBox p {
    padding: 2rem
  }
  .price .tableArea {
    margin: 0 0 3rem
  }
  .price .tableBox table {
    width: 100%;
    display: block
  }
  .price .tableBox table thead th {
    display: none
  }
  .price .tableBox table tbody, .price .tableBox table tbody tr {
    width: 100%;
    display: block
  }
  .price .tableBox table tbody th {
    width: 100%;
    display: block;
    background: #e6e1dc;
    padding: 1rem 2rem;
    border-right: solid 1px #f0f2f3;
    border-bottom: solid 1px #f0f2f3;
    text-align: center
  }
  .price.bg_gray .tableBox table tbody th {
    background: #e6e1dc
  }
  .price .tableBox table tbody tr:nth-child(2n) th {
    background: #e6e1dc
  }
  .price .tableBox table tbody tr:nth-child(2n) td {
    background: #fff
  }
  .price .tableBox table tbody td {
    width: 100%;
    display: block;
    padding: 1rem 2rem;
    border-right: solid 1px #f0f2f3;
    border-bottom: solid 1px #f0f2f3;
    border-left: solid 1px #f0f2f3;
    font-weight: 400;
    background: #fff;
    text-align: center
  }
  .price .tableBox table tbody .yen {
    font-size: 1.5rem
  }
  .price .tableBox table tbody .yen .tax {
    font-size: 1.2rem
  }
  .price .splitBox {
    padding: 2rem;
    text-align: center
  }
  .price .splitBox .goldCatch {
    margin: 0 0 1rem
  }
  .price .splitBox .box {
    padding: 2rem;
    margin: 2rem 0 0
  }
  .price .splitBox .box .subCatch {
    margin: 0 0 1rem
  }
  .price .splitBox .box .subCatch p {
    font-size: 1.4rem
  }
  .price .splitBox .box .subCatch span {
    font-size: 1.8rem
  }
  .price .splitBox .box .card {
    width: 80%;
    margin: 1.5rem auto
  }
  .price .splitBox .notice {
    font-size: 1rem;
    text-align: left
  }
  .price .noticeArea {
    text-align: center
  }
  .price .sTit {
    font-size: 1.6rem;
    text-align: center;
    margin: 0 0 1.5rem
  }
  .price .noticeArea .lead {
    margin: 0 0 4rem
  }
  .price .fuki {
    width: 85px;
    height: 85px;
    position: absolute;
    top: -6.5rem;
    right: 0;
    font-size: 1rem;
    padding: 3rem 0 0;
    transform: scale(.65)
  }
  .gym {
    background: url(../images/top/gym_bg.jpg) no-repeat top right;
    background-size: 55%
  }
  .gym .areaTit {
    font-size: 1.4rem;
    margin: 0 0 1.5rem
  }
  .gym_lower .areaTit {
    font-size: 1.4rem;
    margin: 0 0 1.5rem
  }
  .gym .textList {
    display: block
  }
  .gym .gymlist li {
    width: 100%;
    background: #f6f4f2 url(../images/shared/arr_tri_yl.png) no-repeat bottom 2px right 2px;
    background-size: 12px auto;
    margin: 0 0 2% 0;
    padding: 0 2rem
  }
  .gym .gymlist li:nth-child(4n) {
    margin: 0 0 2%
  }
  .gym .gymlist li:nth-child(2n) {
    margin: 0 0 2%
  }
  .gym .textList li .ttl {
    background: url(../images/shared/icon_plus.png) no-repeat right center;
    background-size: 16px auto
  }
  .gym .textList li .ttl.on {
    background: url(../images/shared/icon_minus.png) no-repeat right center;
    background-size: 16px auto
  }
  .gym .pic img {
    width: 100%;
    height: 20vh
  }
  .gym .txtBox {
    padding: 0 0 2rem;
    display: none
  }
  .gym .txtBox p {
    font-size: 1.1rem
  }
  .gym .btn {
    margin: 0 0 .5rem
  }
  .gym .btn_dtl a {
    font-size: 1.2rem;
    padding: 4px
  }
  .gym .btn_contact a {
    font-size: 1.2rem;
    padding: 4px
  }
  .gym .gymlist dd {
    padding: 15px 0 0
  }
  .gym .prefecturList {
    background: #000 url(../images/shared/icon_plus_white.png) no-repeat right 2rem center;
    background-size: 18px auto;
    padding: 15px 20px;
    font-size: 1.6rem
  }
  .gym .prefecturList:not(:first-child) {
    margin-top: 10px
  }
  .gym .prefecturList.on {
    background: #000 url(../images/shared/icon_minus_white.png) no-repeat right 2rem center;
    background-size: 18px auto
  }
  .gym .textList li .ttl {
    font-size: 1.5rem
  }
  .award h2 {
    font-size: 1.8rem
  }
  .award h2 .font76 {
    font-size: 3.3rem
  }
  .award h2 .font56 {
    font-size: 2.3rem
  }
  .award .flex {
    margin: 15px 0 0
  }
  .award .lower_secTitBox {
    margin: 0 0 15px
  }
  .award {
    padding: 1rem 4% 2rem
  }
  .award .itemBoxWrap {
    width: 100%;
    margin: 15px 0 0
  }
  .award .itemBoxWrap .itemBox {
    width: 19.2%;
    margin: 0 .4%
  }
  .award .itemBoxWrap .itemBox:nth-child(1) {
    margin: 0 .4% 0 0
  }
  .award .itemBoxWrap .itemBox:last-child {
    margin: 0 0 0 .4%
  }
  .award .itemBoxWrap2 {
    margin: 15px 0 0
  }
  .award .itemBoxWrap2 .itemBox56 {
    width: 56.5%
  }
  .award .itemBoxWrap2 .itemBox18 {
    width: 19.1%
  }
  .award .itemBoxWrap2 .center_2030 {
    margin: 0 1.4% 0 3.6%
  }
  .gym_compare {
    position: relative
  }
  .gym_compare::before {
    position: absolute;
    content: "<";
    background-color: #a0b4bd;
    padding: 9px 10px;
    color: #fff;
    top: 60%;
    left: 0;
    z-index: 5
  }
  .gym_compare::after {
    position: absolute;
    content: ">";
    background-color: #a0b4bd;
    padding: 9px 10px;
    color: #fff;
    top: 60%;
    right: 0
  }
  .gym_compare .scroll {
    overflow: auto;
    white-space: nowrap;
    position: relative
  }
  .scroll::-webkit-scrollbar-track {
    background: #f1f1f1
  }
  .scroll::-webkit-scrollbar-thumb {
    background: #bcbcbc
  }
  .gym_compare .text {
    margin: 0 -5px 10px;
    padding: 9px 10px;
    color: #fff;
    font-size: 1.3rem;
    text-align: center;
    letter-spacing: .04em;
    border-radius: 2px;
    background-color: #a0b4bd;
    animation: fadeInLeft 2.0s linear infinite
  }
  .gym_compare .text span {
    padding: 4px 0 4px 30px;
    display: inline-block;
    vertical-align: top;
    background: url(../images/gym/sp-want_bg03.png) no-repeat left center / 23px auto
  }
  .gym_compare table {
    width: 620px
  }
  .gym_compare td {
    padding: 5px 10px
  }
  .gym_compare th {
    font-size: 1.6rem;
    padding: 15px
  }
  .gym_compare .main strong span {
    font-size: 1.6rem
  }
  .gym_compare .fixed01 {
    position: sticky;
    left: -1px;
    width: 150px;
    padding: 0;
    border: #f0f2f3 1px solid
  }
  .gym_compare .fixed01:before {
    content: "";
    position: absolute;
    top: 0;
    left: -3px;
    width: 150px;
    height: 100%;
    border-left: 1px solid #f0f2f3;
    border-bottom: 1px solid #f0f2f3
  }
  .gym_pc {
    display: none
  }
  .gym_sp {
    display: block;
    text-align: center;
    margin: 0 auto
  }
  .faq .faqArea {
    margin: 0 0 3rem
  }
  .faq .faqArea .box {
    margin: 0 0 1rem
  }
  .faq .faqArea .box:last-child {
    margin: 0
  }
  .faq .faqArea .title {
    background: #fff url(../images/shared/icon_plus.png) no-repeat right 1.5rem center;
    background-size: 16px auto;
    font-size: 1.3rem;
    line-height: 1.5;
    padding: 1.5rem 5rem 1.5rem 4rem;
    position: relative
  }
  .faq .faqArea .title span {
    font-size: 1.8rem;
    margin: 0 1.5rem 0 0;
    position: absolute;
    top: calc(50% - 14px);
    left: 1.5rem
  }
  .faq .faqArea .content .pic {
    background: #fff;
    margin: 1.5rem 0
  }
  .faq .faqArea .content .txt_come {
    margin: .5rem 0 0
  }
  .faq.faq_price .splitBox .box {
    margin: 2rem 0
  }
  .faq.faq_price .splitBox .notice {
    font-size: 1.2rem;
    margin: 2rem 0 0
  }
  .price .Pd5rem {
    padding: 0 0 2rem 0
  }
  .price .balloon1-left {
    display: none
  }
  .price .balloon1-up {
    position: relative;
    display: inline-block;
    margin: -40p 0 1.5em 35px;
    margin: 0 auto 20px;
    padding: 20px;
    color: #fff;
    font-size: 14px;
    background-color: #be9c0d
  }
  .price .balloon1-up:before {
    content: "";
    position: absolute;
    top: 110%;
    left: 50%;
    margin-top: -15px;
    border: 9px solid transparent;
    border-right: 16px solid #be9c0d;
    transform: rotate(30deg)
  }
  .faq .faqArea .toggle:checked + label {
    background: #000 url(../images/shared/icon_minus_white.png) no-repeat right 1.5rem center;
    background-size: 16px auto
  }
  .faq .faqArea .toggle:checked + label + .content .inner {
    padding: 2rem
  }
  .blog .itemBoxWrap {
    margin: 0 0 3rem
  }
  .blog .itemBox {
    width: 100%;
    background: #f6f4f2 url(../images/shared/arr_tri_yl.png) no-repeat bottom 2px right 2px;
    background-size: 12px auto;
    margin: 0 0 15px
  }
  .blog_lower.bg_gray .itemBox {
    background: #fff url(../images/shared/arr_tri_yl.png) no-repeat bottom 2px right 2px;
    background-size: 12px auto
  }
  .blog .itemBox .thumb img {
    width: 100%;
    height: 29vh
  }
  .blog .itemBox .txtBox {
    padding: 1rem 1.5rem 2rem
  }
  .blog .itemBox .txtBox {
    padding: 2rem 1.5rem
  }
  .blog .itemBox .label {
    width: 90%
  }
  .blog .itemBox .txtBox .date {
    font-size: 1.1rem;
    margin: 0 0 2px
  }
  .blog .itemBox .txtBox .title a {
    font-size: 1.3rem
  }
  .body_make_about .rowBox {
    padding: 1.5rem 1.5rem 2rem;
    margin: 0 0 2rem;
    position: relative
  }
  .body_make_about .rowBox .pic {
    float: none;
    width: 100%;
    margin: 0 0 1.5rem
  }
  .body_make_about .rowBox:nth-child(2n) .pic {
    float: none;
    margin: 0 0 1.5rem
  }
  .body_make_about .rowBox .txtBox {
    overflow: inherit;
    width: 100%;
    padding: 0
  }
  .body_make_about .rowBox .subTit {
    font-size: 1.7rem;
    line-height: 1.5;
    margin: 0 0 1rem;
    text-align: left
  }
  .licenseList {
    margin: 2rem 0 0
  }
  .licenseList dl {
    background: #f6f4f2;
    width: 100%;
    margin: 0 0 1rem
  }
  .licenseList dl dt {
    background: #000 url(../images/shared/icon_plus_white.png) no-repeat right 1.5rem center;
    background-size: 18px auto;
    font-size: 1.4rem;
    padding: 1.2rem
  }
  .licenseList dl dd {
    display: none
  }
  .licenseList dl dd li {
    border-bottom: solid 1px #d5d5d5;
    font-size: 1.4rem;
    padding: 1.5rem;
    line-height: 1.4
  }
  .licenseList dl dd li span {
    font-size: 1.2rem
  }
  .trainer {
    padding: 4rem 0
  }
  .trainer > .width1100 {
    padding: 0 4%
  }
  .trainer .txt {
    text-align: left
  }
  .trainer .kv {
    margin: 2rem 0
  }
  .trainer .trainers {
    margin: 0 auto 3rem;
    width: 100%;
    position: relative;
    padding: 0 4%
  }
  .trainer .trainer_slider li {
    width: 100%;
    margin: 0 5px 0 0;
    position: relative
  }
  .trainer .trainer_slider li a {
    display: block;
    background: #fff url(../images/shared/arr_tri_yl.png) no-repeat bottom 2px right 2px;
    background-size: 12px auto
  }
  .trainer .trainer_slider .pic img {
    width: 100%;
    height: 32vh
  }
  .trainer .trainer_slider .txtBox {
    padding: 1.5rem
  }
  .trainer .trainer_slider .trainersName {
    font-size: 1.4rem
  }
  .trainer .trainer_slider .gymName {
    font-size: 1rem
  }
  .trainer .trainer_slider .slick-arrow {
    width: 10px;
    height: 19px;
    top: calc(50% - 9px)
  }
  .trainer .trainer_slider .slick-prev {
    left: -21px
  }
  .trainer .trainer_slider .slick-next {
    right: -21px
  }
  .trainer .trainer_slider .slick-slide:not(.slick-center):before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5)
  }
  .trainerlist_gym .gym_list li {
    width: calc(100% / 2);
    margin: 0 0 1.5rem;
    padding: 0 1.5rem 0 0
  }
  .trainerlist_gym .gym_list li a {
    background: url(../images/shared/arr_ccl_right_yl.png) no-repeat left center;
    background-size: 14px auto;
    padding: 0 0 0 2rem
  }
  .flow .flowArea {
    margin: 4rem 0 0
  }
  .flow .flowBox {
    margin: 0 0 4rem
  }
  .flow .flowBox .pic {
    width: 100%;
    float: none;
    margin: 0 0 1rem
  }
  .flow .flowBox:nth-child(2n) .pic {
    float: none;
    margin: 0 0 1rem
  }
  .flow .flowBox .pic:before {
    content: "";
    width: 42px;
    height: 50px;
    position: absolute;
    top: -1.5rem;
    left: 1rem
  }
  .flow .flowBox:nth-child(2) .pic:before {
    width: 44px;
    height: 50px
  }
  .flow .flowBox:nth-child(3) .pic:before {
    width: 46px;
    height: 50px
  }
  .flow .flowBox:nth-child(4) .pic:before {
    width: 48px;
    height: 50px
  }
  .flow .flowBox:nth-child(5) .pic:before {
    width: 42px;
    height: 50px
  }
  .flow .flowBox:nth-child(6) .pic:before {
    width: 42px;
    height: 50px
  }
  .flow .flowBox .txtBox {
    overflow: inherit;
    width: 100%;
    display: block;
    min-height: inherit
  }
  .flow .goldCatch {
    padding: 0 0 .5rem;
    margin: 0 0 1rem
  }
  .trainerlist_gym .trainerlist {
    padding: 2rem
  }
  .trainerlist_gym .bigareaTit {
    font-size: 1.6rem;
    border-bottom: solid 1px #d5d5d5;
    padding: 0 0 1rem;
    margin: 0 0 2rem
  }
  .trainerlist_gym .areaBox {
    margin: 0 0 2rem
  }
  .trainerlist_gym .prefBox {
    margin: 0 0 1rem
  }
  .trainerlist_gym .gym_list li {
    width: calc(100% / 2);
    margin: 0 0 1.5rem;
    padding: 0 1.5rem 0 0
  }
  .trainerlist_gym .gym_list li a {
    background: url(../images/shared/arr_ccl_right_yl.png) no-repeat left center;
    background-size: 14px auto;
    padding: 0 0 0 2rem
  }
  .covid .itemBoxWrap {
    margin: 2rem 0 0;
    justify-content: center
  }
  .covid .itemBox {
    width: 32%;
    margin: 0 2% 2% 0
  }
  .covid .itemBox:nth-child(3) {
    margin: 0 0 2%
  }
  .covid .itemBox:nth-child(4) {
    margin: 0 2% 0 0
  }
  .covid .itemBox:last-child {
    margin: 0
  }
  .covid .itemBox .thumb {
    height: 8rem
  }
  .covid .itemBox:nth-child(1) .thumb img {
    width: 36px
  }
  .covid .itemBox:nth-child(2) .thumb img {
    width: 70px
  }
  .covid .itemBox:nth-child(3) .thumb img {
    width: 56px
  }
  .covid .itemBox:nth-child(4) .thumb img {
    width: 60px
  }
  .covid .itemBox:nth-child(5) .thumb img {
    width: 52px
  }
  .covid .itemBox .txtBox {
    padding: 1rem .5rem;
    height: auto
  }
  .covid .itemBox .txtBox p {
    line-height: 1.6;
    font-size: 1.2rem
  }
  .strength {
    background: url(../images/top/strength_bg.jpg) no-repeat top center;
    background-size: cover;
    background-attachment: fixed
  }
  .strength p {
    margin: 1rem 0
  }
  .strength .rowBox {
    padding: 1.5rem 1.5rem 2rem;
    margin: 0 0 2rem;
    position: relative
  }
  .strength .rowBox:before {
    width: 47px;
    height: 42px;
    top: -1.2rem;
    right: 5px
  }
  .strength .rowBox:nth-child(2):before {
    width: 49px;
    height: 42px;
    top: -1.2rem;
    right: 5px;
    left: auto
  }
  .strength .rowBox:nth-child(3):before {
    width: 50px;
    height: 42px
  }
  .strength .rowBox .pic {
    float: none;
    width: 100%;
    margin: 0 0 1.5rem
  }
  .strength .rowBox:nth-child(2n) .pic {
    float: none;
    margin: 0 0 1.5rem
  }
  .strength .rowBox .txtBox {
    overflow: inherit;
    width: 100%;
    padding: 0
  }
  .strength .rowBox .subTit {
    font-size: 1.7rem;
    line-height: 1.5;
    margin: 0 0 1rem;
    text-align: center
  }
  .strength .accBtn {
    margin: 2rem auto 0
  }
  .area_search .twoColBox > div {
    width: 100%;
    margin: 0 0 1.5rem
  }
  .area_search .map {
    padding: 3.5rem 2rem;
    float: none
  }
  .area_search .map img {
    width: 100%
  }
  .area_search .map ul {
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    width: 250px
  }
  .area_search .map ul li {
    width: 90px;
    margin: 0 .5rem .5rem 0
  }
  .area_search .map ul li:nth-child(2n) {
    margin: 0 0 .5rem
  }
  .area_search .map ul li a {
    padding: 5px;
    font-size: 1.1rem
  }
  .area_search .area_acc {
    float: none
  }
  .area_search .area_acc label {
    width: 100%;
    text-align: left;
    font-size: 1.6rem;
    padding: 1.46rem 5rem 1.46rem 3rem
  }
  .area_search .area_acc .content {
    margin: 0
  }
  .area_search .area_acc .content li a {
    padding: 1.3rem 3rem 1.5rem 4rem
  }
  .cta {
    background: #000 url(../images/shared/cta_sp.png) no-repeat top right;
    background-size: contain;
    height: auto;
    padding: 4rem 4%
  }
  .cta .fuki {
    width: 85px;
    height: 85px;
    top: -7rem;
    left: -2rem;
    font-size: 1.4rem;
    padding: 3.25rem 0 0
  }
  .cta .btns {
    display: block
  }
  .cta .btn-green {
    width: 100%;
    height: 6rem;
    margin: 0 0 2rem
  }
  .cta .btns .btn-green {
    width: 100%;
    margin: 0 0 1rem
  }
  .cta .btns .btn-green:last-child {
    margin: 0 0 2rem
  }
  .cta .btn-green a {
    background: url(../images/shared/btn_green.jpg) repeat-x center;
    background-size: 1px 100%;
    font-size: 1.8rem;
    padding: 1rem 0
  }
  .cta .btn-green a {
    font-size: 1.8rem
  }
  .cta .btn-green a:after {
    content: "";
    background: url(../images/shared/icon_gym_white.png) no-repeat;
    background-size: 100%;
    width: 31px;
    height: 22px;
    top: 1.9rem;
    right: 1.5rem
  }
  .cta .btns .btn-green a:after {
    width: 42px;
    height: 30px;
    top: 1.5rem
  }
  .cta .btn-green a div {
    padding: .6rem 0rem 0 0
  }
  .cta p {
    font-size: 1.2rem
  }
  .cta_list {
    margin: 2rem auto 0
  }
  .cta_list > div {
    width: 100%;
    height: 90px;
    margin: 0 0 .5rem
  }
  .cta_list > div a {
    background: #fff url(../images/shared/arr_tri_yl.png) no-repeat bottom 3px right 3px;
    background-size: 12px auto;
    font-size: 1.4rem;
    text-align: left;
    padding: 0 2rem 0 8rem;
    line-height: 1.6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .cta_list > div a span {
    font-size: 1.6rem
  }
  .cta_list > div a:before {
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    top: calc(50% - 25px);
    left: 1.5rem
  }
  .cta_list_mini {
    margin: 3rem 0 0
  }
  .cta_list_mini > div {
    width: 100%;
    height: 90px;
    margin: 0 0 1rem
  }
  .cta_list_mini > div a {
    background: #f6f4f2 url(../images/shared/arr_tri_yl.png) no-repeat bottom 3px right 3px;
    background-size: 12px auto;
    position: relative;
    padding: 0 2rem 0 8rem;
    line-height: 1.6
  }
  .cta_list_mini > div a:before {
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    top: calc(50% - 25px);
    left: 1.5rem
  }
  .cta_mini {
    padding: 2rem 4%;
    margin: 0 0 4rem
  }
  .btn_green {
    height: 8rem
  }
  .btn_green a {
    font-size: 2rem
  }
  .btn_green a:before {
    height: 40px
  }
  .btn_green a:after {
    width: 30px;
    height: 22px;
    right: 2rem;
    top: calc(50% - 11px)
  }
  .cta_mini p {
    text-align: left;
    margin: 1.5rem 0 0
  }
  .cta_list_mini_v2 {
    background: url(../images/shared/cta_v2.jpg) no-repeat;
    background-size: cover;
    padding: 4rem 4%
  }
  .cta_list_mini_v2 .btns .btn {
    width: 100%;
    height: 80px;
    margin: 0 0 1.5rem;
    position: relative
  }
  .cta_list_mini_v2 .btns .btn:before {
    content: "";
    background: url(../images/shared/arr_white_right.png) no-repeat;
    background-size: 100%;
    width: 9px;
    height: 14px;
    top: 3.4rem;
    right: 15px
  }
  .cta_list_mini_v2 .btns .btn a {
    height: 100%;
    padding: 0 0 0 9rem;
    font-size: 1.6rem
  }
  .cta_list_mini_v2 .btns .btn a:before {
    content: "";
    position: absolute;
    left: 3rem;
    z-index: 1
  }
  .cta_list_mini_v2 .line a:before {
    background: url(../images/shared/icon_line_wh.png) no-repeat;
    background-size: 100%;
    width: 39px;
    height: 38px
  }
  .cta_list_mini_v2 .form a:before {
    background: url(../images/shared/icon_mail_wh.png) no-repeat;
    background-size: 100%;
    width: 34px;
    height: 26px
  }
  .cta_list_mini_v2 .tel a:before {
    background: url(../images/shared/icon_tel_wh.png) no-repeat;
    background-size: 100%;
    width: 34px;
    height: 37px
  }
  .cta_list_mini_v2 .btns > div a:after {
    height: 4rem
  }
  .part_cta {
    padding: 5rem 0;
  }
  .part_cta .txt {
    font-size: 1.4rem;
    text-align: center;
    letter-spacing: 0.1em;
    margin-bottom: 3rem;
    line-height: 1.6;
  }
  .btn_gray {
    height: 6rem;
    width: 100%
  }
  .btn_gray a {
    font-size: 1.4rem
  }
  .btn_gray a:after {
    width: 25px;
    height: 20px;
    right: 1.5rem;
    top: calc(50% - 8px)
  }
  .banner_area {
    padding: 4rem 4% 8rem
  }
  .banner_wrap {
    display: block
  }
  .banner_pc {
    display: none !important
  }
  .banner_sp {
    display: block !important;
    margin: 0 0 20px
  }
  #key.lower.error404 {
    background: url(../images/shared/kv_404.jpg) no-repeat top left 15%;
    background-size: cover;
    height: 20rem
  }
  #key.lower.error404 .width1100 {
    height: 100%
  }
  #key.lower.error404 .h1Txt {
    width: 180px;
    margin: 0 auto
  }
  .txtArea_404 .catch01 {
    font-size: 2.8rem;
    margin: 0 0 1rem
  }
  .txtArea_404 .catch02 {
    font-size: 1.8rem
  }
  .txtArea_404 .goldBtn {
    margin: 3rem auto 0
  }
  .fixBot_Box {
    height: 126px
  }
  .case .caseBox {
    margin: 6rem 0 6rem
  }
  .case .caseBox:last-of-type {
    margin: 0 0 3rem
  }
  .case .heading {
    font-size: 2.6rem;
    display: table;
    margin: 0 auto 6rem;
    position: relative
  }
  .case .heading .caseNum {
    font-size: 2.3rem
  }
  .case .heading .sex {
    position: absolute;
    bottom: -3rem;
    left: 50%;
    z-index: -1;
    width: auto;
    height: 55px
  }
  .case .bfafBox .box {
    float: none
  }
  .case .bf {
    margin: 0 0 4rem
  }
  .case .bfafBox .label {
    width: 130px;
    font-size: 1.8rem;
    padding: 10px 5px 12px;
    margin: 0 0 1rem
  }
  .case .af .label {
    float: right
  }
  .case .figureBox {
    min-height: 20rem
  }
  .case .bf .figureBox {
    width: 100%;
    padding: 5rem 0rem 0 2rem
  }
  .case .bf .figureBox:before {
    content: none;
    background: url(../images/bodymake/arr_bfaf.png) no-repeat;
    background-size: 100%;
    width: 100px;
    height: 250px;
    position: absolute;
    top: 0;
    right: -10rem;
    z-index: 1
  }
  .case .af .figureBox {
    width: 100%;
    padding: 5rem 2rem 0 0
  }
  .case .af .figureBox .specBox {
    float: right
  }
  .case .figureBox .specBox dl {
    display: table;
    margin: 0 0 1rem
  }
  .case .figureBox .specBox dt {
    width: 75px;
    display: table-cell;
    vertical-align: top
  }
  .case .figureBox .specBox dd {
    display: table-cell;
    vertical-align: top;
    line-height: 1
  }
  .case .figureBox .specBox dd span {
    font-size: 2.2rem
  }
  .case .figureBox .pic {
    bottom: 0;
    width: 138px
  }
  .case .bf .figureBox .pic {
    right: 2rem
  }
  .case .af .figureBox .pic {
    left: 2rem
  }
  .case01 .af .figureBox .pic {
    width: 150px;
    left: 1rem
  }
  .case02 .bf .figureBox .pic {
    width: 150px;
    right: 0
  }
  .case02 .af .figureBox .pic {
    width: 280px;
    left: -10rem;
    bottom: -3rem
  }
  .case03 .bf .figureBox .pic {
    width: 155px;
    right: 1rem
  }
  .case03 .af .figureBox .pic {
    left: 1.5rem;
    width: 150px
  }
  .case04 .bf .figureBox .pic {
    width: 85px;
    right: 5rem
  }
  .case04 .af .figureBox .pic {
    width: 85px;
    left: 5rem
  }
  .case05 .af .figureBox .pic {
    width: 148px;
    left: 2rem
  }
  .case06 .af .figureBox .pic {
    width: 208px;
    left: -2rem
  }
  .case .result {
    padding: 1.5rem 1.5rem 1.3rem;
    z-index: 2;
    position: relative
  }
  .case .result dl {
    margin: 0 2.5rem 0 0;
    display: block
  }
  .case .result dt {
    font-size: 1.6rem;
    margin: 0 0 2px
  }
  .case .result dd {
    font-size: 1.6rem
  }
  .case .result dd span {
    font-size: 2.2rem;
    line-height: 1
  }
  .case .trainers_com {
    margin: 2rem 0 0;
    padding: 1.5rem 2rem
  }
  .case .trainers_com .tit {
    font-size: 1.6rem;
    margin: 0 0 1rem
  }
} /*20250627*/ .thanks .thxTit {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 3.6rem;
  font-weight: 500;
  letter-spacing: .06em;
  line-height: 1.5;
  color: #000;
  margin: 0;
  text-align: center;
}
.thanks .attentionBox {
  background-color: #FFEC00;
  text-align: center;
  width: 80%;
  margin: 5rem auto 1rem;
  padding: 20px 0;
}
.thanks .attentionBox p {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 19px;
}
.thanks .attentionTxt {
  text-align: center;
  width: 80%;
  margin: 2rem auto 0;
}
.thanks .flow {
  background-color: #000;
  text-align: center;
  width: 80%;
  margin: 5rem auto 3rem;
  padding: 10px 0;
  color: #FFFFFF;
  font-size: 1.5rem;
  font-weight: 500;
}
.thanks .flowUl {
  width: 80%;
  margin: 0 auto 3rem;
  display: flex;
}
.thanks .flowUl li {
  width: 33%;
  padding: 0 2%;
  height: 150px;
  margin-bottom: 3rem;
  text-align: left;
}
.thanks .flowUl .pic {
  float: left;
  margin-right: 1rem;
}
.thanks .flowUl .text {
  padding: 50px 0 0;
  line-height: 2.0rem;
}
.thanks .lastTxt {
  text-align: center;
  width: 80%;
  margin: 3rem auto
}
@media screen and (max-width:599px) {
  .thanks .thxTit {
    font-size: 2rem;
    line-height: 1.5;
  }
  .thanks .attentionBox p {
    font-size: 1.5rem;
  }
  .thanks .attentionTxt {
    text-align: left;
    width: 100%;
    margin-top: 0;
  }
  .thanks .flow {
    margin-bottom: 1rem;
    width: 100%;
  }
  .thanks .flowUl {
    display: block;
    width: 100%;
  }
  .thanks .attentionBox {
    width: 100%;
  }
  .thanks .flowUl li {
    width: 100%;
    padding: 0;
  }
  .thanks .lastTxt {
    text-align: left;
    width: 100%;
  }
}
.clearfix::after {
  content: "";
  display: block !important;
  clear: both;
}
.justify {
  text-align: justify;
}
.mt-20 {
  margin-top: 20px;
}
.pt-40 {
  padding-top: 40px;
}
.pb-40 {
  padding-bottom: 40px;
}
.pb-10 {
  padding-bottom: 10px;
}
.section-title {
  padding-bottom: 40px;
}
.section-title p {
  font-size: 12px;
  font-weight: 500;
  padding: 0;
  line-height: 1px;
  margin: 0 0 5px 0;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #aaaaaa;
}
.section-title p::after {
  content: "";
  width: 100px;
  height: 1px;
  display: inline-block;
  background: #aaaaaa;
  margin: 4px 10px;
}
.section-title h2 {
  margin: 0;
  margin: 0;
  font-size: 36px;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 1;
  color: #151515;
  letter-spacing: 2px;
}
main {
  width: 100%;
  margin: auto;
}
@media (max-width: 599px) {
  main {
    width: 95%;
  }
  .section-title {
    padding-bottom: 20px;
  }
  .section-title h2 {
    font-size: 28px !important;
  }
  .section-title p {
    font-size: 12px !important;
  }
  .section-title p::after {
    content: "";
    width: 60px !important;
  }

}
@media (max-width: 500px) {
      #header .tel-btn {
    position: absolute;
    top: 50%;
    left: 60%;
    transform: translate(-60%, -50%);
    width: 125px;
    height: 90%;
    float: left;
    z-index: 99;
  }
}
@media (max-width: 430px) {
      #header .tel-btn {
    position: absolute;
    top: 50%;
    left: 70%;
    transform: translate(-70%, -50%);
    width: 125px;
    height: 90%;
    float: left;
    z-index: 99;
  }
}
.btn_cmn.sp {
    display: flex;
    justify-content: space-between; /* 均等配置 */
    align-items: center;
    width: 100%;
    margin: 0 auto; /* 中央配置 */
}

.btn_cmn.sp a {
    flex: 1; /* 各ボタンを均等にする */
    text-align: center;
}

.btn_cmn.sp a:hover {
    background-color: rgba(123, 204, 208, 0.7);
}
.smile-footer{
    border-top: 1px solid #999;
}
.text-center{
    text-align: center;
}
.ptb-20{
    padding: 20px 0;
}