@charset "UTF-8";
/* 
  css設定 @charsetが消されるsass仕様へのハック用コメントです。削除しないでください。新規作成時も必須！
 */
/*==================================================================================
 common
==================================================================================*/
html {
  font-size: .25641vw;
}

main {
  padding-bottom: 80rem;
}
main .caption {
  font-size: 10rem;
}

.commonCatch01 {
  line-height: 1.4;
  font-size: 22rem;
}

.commonCatch02 {
  font-size: 24rem;
}

.commonCatch03 {
  font-size: 16rem;
}

.commonCatch04 {
  font-size: 18rem;
}

.commonLead01 {
  line-height: 1.8;
  font-size: 15rem;
}

.commonLead02 {
  line-height: 1.7;
  font-size: 13rem;
}

.commonLead03 {
  line-height: 1.9;
  font-size: 16rem;
}

.commonAnnotation01 {
  font-size: 9rem;
}

.commonButton01 a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 12rem;
  width: 220rem;
  height: 40rem;
  border-radius: 20rem;
  font-size: 13rem;
}
.commonButton01 a:after {
  width: 15rem;
  height: 13rem;
}
.commonButton01.pattern02 a {
  width: 272rem;
  height: 56rem;
  border-radius: 28rem;
  font-size: 14rem;
}
.commonButton01.pattern02 a:after {
  width: 25rem;
  height: 13rem;
}

.commonButton02 a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 12rem;
  width: 180rem;
  height: 50rem;
  border-radius: 12rem;
  font-size: 13rem;
}
.commonButton02 a:after {
  width: 15rem;
  height: 13rem;
}
.commonButton02.wide a {
  width: 260rem;
}

.commonButtons01 {
  gap: 0 6%;
  margin: auto;
  padding-top: 30rem;
  width: 90%;
}
.commonButtons01 li {
  flex: 0 0 48%;
}
.commonButtons01 li a {
  gap: 0 6rem;
}

.commonAnchorLinks01 {
  gap: 0 30rem;
  margin-bottom: 40rem;
}
.commonAnchorLinks01 li a {
  padding-bottom: 18rem;
}

.commonTitle01 {
  gap: 8rem 0;
  margin-bottom: 30rem;
  padding: 6rem 20rem 0 30rem;
}
.commonTitle01:before {
  width: 26rem;
  height: 14rem;
}
.commonTitle01.pattern02 {
  margin-bottom: 20rem;
  font-size: 26rem;
}
.commonTitle01 .en {
  font-size: 36rem;
}
.commonTitle01 .en.twoLines {
  margin: -3rem 0 -6rem;
}
.commonTitle01 .ja {
  font-size: 12rem;
}

.commonTitle02 {
  gap: 0 6rem;
  margin-bottom: 30rem;
  font-size: 18rem;
}
.commonTitle02:before {
  width: 26rem;
  height: 14rem;
}

.commonSlideArea01 {
  padding: 0 50rem;
}
.commonSlideArea01 .commonSlideController01 li {
  top: calc(50% - 58rem);
  width: 40rem;
  height: 30rem;
  border-radius: 15rem;
  background-size: 24rem 12rem;
}
.commonSlideArea01 .commonSlideController02 li {
  bottom: -8rem;
  width: 36rem;
  height: 30rem;
}
.commonSlideArea01 .commonSlideController02 li.next {
  left: calc(50% - -150rem);
}
.commonSlideArea01 .commonSlideController02 li.prev {
  left: calc(50% - 186rem);
}
.commonSlideArea01.thumbnailPattern .slider {
  padding-bottom: 20rem;
}
.commonSlideArea01.thumbnailPattern .commonSlideController01 li {
  top: calc(50% - 110rem);
}
.commonSlideArea01.thumbnailPattern .thumbnails .slick-track {
  gap: 10rem 2%;
  margin: 0 -35rem;
}
.commonSlideArea01.thumbnailPattern .thumbnails .slick-track .slick-slide {
  flex: 0 0 23.5%;
}

.commonSlider02 {
  padding-bottom: 30rem;
}
.commonSlider02 .slideItems {
  flex-direction: column;
  gap: 15rem 0;
}
.commonSlider02 .slideItems .image {
  flex: 0 0 auto;
}
.commonSlider02 .slideItems .textArea .text01 {
  display: flex;
  align-items: center;
  gap: 0 12rem;
  padding-bottom: 15rem;
}
.commonSlider02 .slideItems .textArea .text01 .name {
  gap: 0 2rem;
  font-size: 11rem;
}
.commonSlider02 .slideItems .textArea .text01 .name:before {
  height: 7rem;
}
.commonSlider02 .slideItems .textArea .text01 .result {
  padding: 0 10rem;
  width: 170rem;
  height: 36rem;
  border-radius: 18rem;
  font-size: 12rem;
}
.commonSlider02 .slideItems .textArea .text01 .result .number {
  position: relative;
  top: -2rem;
}
.commonSlider02 .slideItems .textArea .text02 {
  line-height: 1.5;
  font-size: 12rem;
}

.commonSlider03 {
  padding-bottom: 30rem;
}

.commonSearchArea01 {
  flex-direction: column;
  justify-content: normal;
  gap: 20rem 0;
  padding-bottom: 40rem;
}
.commonSearchArea01 .searchs .searchText {
  padding-bottom: 6rem;
  font-size: 15rem;
}
.commonSearchArea01 .searchs .searchText img {
  width: 20rem;
}
.commonSearchArea01 + .allDisplayButton {
  margin: -10rem auto 50rem;
  letter-spacing: 1rem;
  font-size: 15rem;
}

.commonTabs01 {
  gap: 0 10rem;
  padding: 10rem;
  border-radius: 32rem;
}
.commonTabs01 li {
  padding: 0 10rem;
  height: 36rem;
  border-radius: 18rem;
  font-size: 13rem;
}

.commonTabs02 {
  gap: 0 17rem;
  margin-bottom: 50rem;
  padding-bottom: 15rem;
}
.commonTabs02 li a {
  font-size: 9rem;
}

.commonItems01 {
  gap: 20rem 3%;
}
.commonItems01 li {
  flex: 0 0 48.5%;
}
.commonItems01 li a {
  padding: 12rem 6rem 18rem;
}
.commonItems01 li .categorys {
  gap: 0 3rem;
  top: 4rem;
  left: 2rem;
}
.commonItems01 li .categorys .category {
  padding: 6rem;
  border-radius: 11rem;
  font-size: 11rem;
}
.commonItems01 li .thumbnail {
  margin-bottom: 12rem;
  height: 120rem;
}
.commonItems01 li .name {
  font-size: 16rem;
}

.commonItems02 {
  flex-direction: column;
  gap: 20rem 0;
}
.commonItems02 > li {
  flex: 0 0 auto;
}
.commonItems02 > li .thumbnail {
  margin-bottom: 8rem;
  height: 230rem;
}
.commonItems02 > li .categorys {
  padding-bottom: 10rem;
}
.commonItems02 > li .categorys .category {
  padding: 6rem;
  border-radius: 12rem;
  font-size: 12rem;
}
.commonItems02 > li .name {
  padding-bottom: 14rem;
  font-size: 18rem;
}
.commonItems02 > li .informations {
  padding: 12rem 15rem 13rem;
}
.commonItems02 > li .informations + .informations {
  margin-top: 3rem;
}
.commonItems02 > li .informations:last-of-type {
  margin-bottom: 12rem;
}
.commonItems02 > li .informations dt {
  padding-bottom: 4rem;
  font-size: 13rem;
}
.commonItems02 > li .informations dt:before {
  top: 2rem;
  width: 15rem;
  height: 13rem;
}
.commonItems02 > li .informations dd {
  font-size: 13rem;
}

.commonInformationList01 {
  gap: 20rem 0;
  width: 94%;
}
.commonInformationList01 li {
  padding-bottom: 20rem;
}
.commonInformationList01 li .date {
  padding-bottom: 10rem;
  font-size: 14rem;
}
.commonInformationList01 li .date:before {
  width: 12rem;
  height: 12rem;
}
.commonInformationList01 li .content {
  line-height: 1.4;
  font-size: 15rem;
}

.commonInformationList02 {
  gap: 20rem 0;
}
.commonInformationList02 li {
  padding-bottom: 20rem;
}
.commonInformationList02 li a {
  flex-direction: column;
  gap: 10rem 0;
}
.commonInformationList02 li .date {
  flex: 0 0 auto;
  padding-top: 0;
  font-size: 14rem;
}
.commonInformationList02 li .content {
  flex: 0 0 auto;
  font-size: 16rem;
}

.commonFaqList01 {
  letter-spacing: 1rem;
}
.commonFaqList01 + .commonFaqList01 {
  padding-top: 40rem;
}
.commonFaqList01 dt:before,
.commonFaqList01 dd:before {
  width: 26rem;
  height: 26rem;
  font-size: 16rem;
}
.commonFaqList01 dt {
  padding: 3rem 32rem 18rem;
  font-size: 14rem;
}
.commonFaqList01 dt:after {
  width: 26rem;
  height: 26rem;
}
.commonFaqList01 dd {
  margin-top: 10rem;
  padding-left: 32rem;
  line-height: 1.7;
  font-size: 12rem;
}
.commonFaqList01 dd .annotation {
  font-size: 9rem;
}

.commonTableList01 dl {
  flex-direction: column;
  gap: 3rem 0;
  padding: 18rem 0;
}
.commonTableList01 dt {
  flex: 0 0 auto;
  gap: 0 6rem;
  letter-spacing: 1rem;
}
.commonTableList01 dt:before {
  width: 26rem;
  height: 14rem;
}
.commonTableList01 dd {
  flex: 0 0 auto;
}
.commonTableList01 + .button {
  padding-top: 50rem;
}

.commonScrollImage01 {
  overflow: auto;
  padding-bottom: 8px;
}
.commonScrollImage01 img {
  width: 800rem;
  max-width: none;
}

.commonScrollIcon01 {
  padding-bottom: 10rem;
  margin: auto;
  width: 80%;
}

.commonPlanDetail01 {
  padding: 25rem 10rem;
  width: 90%;
}
.commonPlanDetail01 .planName {
  padding-bottom: 10rem;
  font-size: 16rem;
}
.commonPlanDetail01 .planPrice {
  padding-bottom: 20rem;
  font-size: 15rem;
}
.commonPlanDetail01 .planPoints {
  gap: 15rem 0;
}
.commonPlanDetail01 .planPoints li {
  padding-left: 15rem;
  letter-spacing: 1rem;
  font-size: 12rem;
}
.commonPlanDetail01 .planPoints li:after {
  width: 11rem;
  height: 10rem;
}
.commonPlanDetail01 .planPoints li .annotation {
  padding-top: 3rem;
  line-height: 1.2;
}

.commonDefinitions01 {
  gap: 30rem 0;
}
.commonDefinitions01 dl {
  padding-left: 30rem;
}
.commonDefinitions01 dl:after {
  width: 26rem;
  height: 14rem;
}
.commonDefinitions01 dt {
  padding-bottom: 5rem;
  letter-spacing: 1rem;
  font-size: 18rem;
}
.commonDefinitions01 dd {
  font-size: 12rem;
}
.commonDefinitions01 dd + dd:not(.topNoSpace) {
  padding-top: 1em;
}
.commonDefinitions01 dd.leftSpace01 {
  padding-left: 1em;
}
.commonDefinitions01 dd.leftSpace02 {
  padding-left: 2em;
}

.commonPagination01 {
  padding-top: 40rem;
}
.commonPagination01 ul {
  gap: 0 5rem;
}
.commonPagination01 li span,
.commonPagination01 li a {
  width: 30rem;
  height: 30rem;
  border-radius: 4rem;
  font-size: 14rem;
}
.commonPagination01 li.previous a:after, .commonPagination01 li.next a:after {
  width: 11rem;
  height: 11rem;
}

.sections:not(:last-of-type) {
  padding-bottom: 80rem;
}

/*==================================================================================
 siteHeader
==================================================================================*/
.siteHeader {
  padding: 0 10rem;
  height: 60rem;
}
.siteHeader .headerLogo {
  width: 204rem;
}
.siteHeader .globalNavi {
  gap: 25rem 0;
  padding: 64rem 15rem 84rem;
  width: 100vw;
}
.siteHeader .globalNavi .links {
  gap: 3rem 0;
  width: 100%;
}
.siteHeader .globalNavi .links li {
  flex: 0 0 168rem;
}
.siteHeader .globalNavi .links li a {
  height: 60rem;
}
.siteHeader .globalNavi .links li a:after {
  right: 15rem;
}
.siteHeader .globalNavi .otherLinks {
  gap: 16rem 0;
  width: 100%;
}
.siteHeader .globalNavi .otherLinks li {
  flex: 0 0 168rem;
}
.siteHeader .globalNavi .otherLinks li a {
  font-size: 10rem;
}

/*==================================================================================
 siteFooter
==================================================================================*/
.siteFooter {
  padding: 30rem 0 80rem;
}
.siteFooter .areas {
  flex-direction: column;
  gap: 25rem 0;
}
.siteFooter .area01 {
  margin-bottom: 30rem;
  padding-bottom: 31rem;
}
.siteFooter .area01 .logo {
  width: 240rem;
}
.siteFooter .area01 .naviArea {
  flex: 0 0 100%;
}
.siteFooter .area01 .naviArea .footerNavi {
  padding-bottom: 30rem;
  font-size: 100%;
}
.siteFooter .area01 .naviArea .footerNavi > ul {
  flex-wrap: wrap;
  gap: 15rem 15rem;
}
.siteFooter .area01 .naviArea .instagram a {
  justify-content: center;
}
.siteFooter .area02 {
  gap: 30rem 0;
  font-size: 13rem;
}
.siteFooter .area02 .otherLinks {
  justify-content: center;
  gap: 0 15rem;
}
.siteFooter .fixingReserveBanner {
  right: 10rem;
  bottom: 60rem;
  width: 100rem;
}
.siteFooter .fixingButtons {
  display: flex;
  justify-content: space-between;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 9rem 6rem;
  font-weight: bold;
  text-align: center;
  background: #E4017C;
  z-index: 101;
}
.siteFooter .fixingButtons li {
  flex: 0 0 120rem;
}
.siteFooter .fixingButtons li a {
  gap: 0 5rem;
  padding-left: 5rem;
  width: 100%;
  border: 2px solid #fff;
  line-height: 1.2;
  font-size: 11.5rem;
  letter-spacing: 0;
}

/*==================================================================================
 top
==================================================================================*/
#top .mainVisual {
  margin-bottom: 60rem;
}
#top .mainVisual .reserveBanner {
  right: 10rem;
  bottom: 10rem;
  width: 120rem;
}
#top .mainVisual .searchButtons {
  display: none;
}
#top .mainVisual .campaignBanner {
  padding-top: 40rem;
}
#top section.service h2 {
  margin-bottom: 40rem;
}
#top section.service .services {
  flex-direction: column;
  gap: 30rem 0;
}
#top section.service .services li {
  gap: 40rem 0;
  flex: 0 0 360rem;
  padding-top: 20rem;
  width: 360rem;
  height: auto;
}
#top section.service .services li:last-child {
  margin-top: 0;
}
#top section.about {
  flex-direction: column;
  align-items: normal;
  gap: 30rem 0;
  padding-right: 12rem;
  text-align: center;
}
#top section.about .textArea h2 {
  margin-bottom: 30rem;
  display: inline-flex;
  text-align: center;
}
#top section.about .textArea .image {
  padding-bottom: 25rem;
}
#top section.about .textArea .catch {
  padding-bottom: 20rem;
}
#top section.about .textArea .lead {
  padding-bottom: 20rem;
}
#top section.about .textArea .button a {
  margin: auto;
}
#top section.about > .image {
  flex: 0 0 auto;
}
#top section.gym h2 .en {
  padding-bottom: 8rem;
}
#top section.gym .button,
#top section.information .button {
  padding-top: 30rem;
}
#top section.gym .button a,
#top section.information .button a {
  width: 210rem;
}

/*==================================================================================
 lower common
==================================================================================*/
.lower main {
  padding-top: 90rem;
}
.lower main > h1 {
  margin-bottom: 50rem;
}
.lower main article.contents > header {
  padding-bottom: 30rem;
}
.lower main article.contents .address {
  padding-top: 30rem;
}
.lower .commonNewsArticle01 > header {
  gap: 8rem 0;
  padding-bottom: 20rem;
}
.lower .commonNewsArticle01 .contentsArea {
  margin-bottom: 30rem;
  padding-bottom: 20rem;
}
.lower .commonNewsArticle01 .contentsArea > p {
  line-height: 1.7;
  font-size: 13rem;
}
.lower .commonNewsArticle01 .contentsArea > p + p,
.lower .commonNewsArticle01 .contentsArea > p + div {
  padding-top: 1.5em;
}
.lower .commonNewsArticle01 .contentsArea .wp-caption-text {
  padding-top: 8rem;
  font-size: 11rem;
}
.lower .commonNewsArticle01 .contentsArea.imageRight .image, .lower .commonNewsArticle01 .contentsArea.imageLeft .image {
  float: none;
  clear: both;
  margin: auto;
  padding: 0 0 20px;
  width: 70%;
}

/*==================================================================================
 about
==================================================================================*/
#about header.intro {
  padding-bottom: 60rem;
}
#about header.intro h1 {
  margin-bottom: 20rem;
}
#about header.intro .catch {
  padding-bottom: 20rem;
}
#about header.intro .lead {
  padding-bottom: 30rem;
}
#about header.intro .points {
  flex-wrap: wrap;
  gap: 15rem 0;
}
#about header.intro .points li {
  flex: 0 0 47.5%;
}
#about section.commitment {
  margin-bottom: 70rem;
  padding: 60rem 12rem;
}
#about section.commitment > header {
  padding-bottom: 40rem;
}
#about section.commitment h2 {
  margin-bottom: 20rem;
}
#about section.commitment .points {
  flex-direction: column;
  gap: 40rem 0;
}
#about section.commitment .points li {
  flex: 0 0 auto;
}
#about section.commitment .points li .image {
  padding-bottom: 15rem;
}
#about section.commitment .points li dt {
  padding-bottom: 12rem;
  font-size: 20rem;
}
#about section.service .services {
  flex-direction: column;
  gap: 30rem 0;
}
#about section.service .services li {
  gap: 40rem 0;
  flex: 0 0 360rem;
  padding-top: 20rem;
  width: 360rem;
  height: auto;
}
#about section.price > .catch {
  padding: 30rem 0;
}

/*==================================================================================
 gym
==================================================================================*/
#gym .resultArea .sections:nth-of-type(2n) {
  padding: 60rem 12rem;
}
#gym .resultArea .sections:nth-of-type(2n):not(:last-of-type) {
  margin-bottom: 80rem;
}

/*==================================================================================
 gym detail
==================================================================================*/
#gym.detail header.intro {
  padding-bottom: 50rem;
}
#gym.detail header.intro .categorys {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 4rem;
  padding-bottom: 60rem;
}
#gym.detail header.intro .categorys .category {
  padding: 6rem;
  border-radius: 12rem;
  font-size: 12rem;
}
#gym.detail header.intro section.about h2 {
  padding-bottom: 20rem;
}
#gym.detail header.intro section.about .points {
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20rem 0;
  padding-top: 30rem;
}
#gym.detail header.intro section.about .points li {
  flex: 0 0 47%;
}
#gym.detail .sections .informations dt,
#gym.detail .sections .informations dd {
  font-size: 13rem;
}
#gym.detail .sections .informations dt:before {
  width: 15rem;
  height: 13rem;
}
#gym.detail section.schedule .scheduleImage {
  overflow: auto;
  padding-bottom: 10rem;
}
#gym.detail section.schedule .scheduleImage img {
  min-width: 600rem;
}
#gym.detail section.access {
  margin-bottom: 50rem;
  padding: 50rem 0;
}
#gym.detail section.access > header {
  padding-bottom: 30rem;
}
#gym.detail section.access .informationsArea .informations {
  display: inline-flex;
  flex-direction: column;
  gap: 15rem 0;
}
#gym.detail section.access .informationsArea .informations dl {
  align-items: flex-start;
  gap: 0 10rem;
}
#gym.detail section.access .informationsArea .informations dl dt {
  flex: 0 0 80rem;
}
#gym.detail section.access .informationsArea .informations dl dd {
  flex: 1 1 100%;
}
#gym.detail section.access .googleMap {
  height: 300rem;
}
#gym.detail section.introduction {
  padding-bottom: 50rem;
}
#gym.detail section.trainer {
  margin-bottom: 50rem;
  padding: 60rem 0;
}
#gym.detail section.trainer section.trainers {
  margin: auto;
  max-width: 850px;
}
#gym.detail section.trainer section.trainers:not(:last-of-type) {
  padding-bottom: 90rem;
}
#gym.detail section.trainer section.trainers > header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 30rem;
  padding-left: 0;
  min-height: 0;
}
#gym.detail section.trainer section.trainers > header h3 {
  display: inline-flex;
  text-align: center;
  margin-bottom: 20rem;
}
#gym.detail section.trainer section.trainers > header h3 .en {
  font-size: 30rem;
}
#gym.detail section.trainer section.trainers > header .information01 {
  align-self: flex-start;
  flex-direction: column;
  gap: 15rem 0;
  box-sizing: border-box;
  padding: 0 50rem;
  width: 100%;
  max-width: none;
}
#gym.detail section.trainer section.trainers > header .information01 dl {
  flex: 0 0 auto;
}
#gym.detail section.trainer section.trainers > header .information01 dl:first-of-type, #gym.detail section.trainer section.trainers > header .information01 dl:nth-of-type(3) {
  flex: 0 0 auto;
}
#gym.detail section.trainer section.trainers > header .photo {
  order: -1;
  position: static;
  margin: auto;
  padding-bottom: 20rem;
}
#gym.detail section.trainer section.trainers .information02 {
  gap: 30rem 0;
  padding: 0 50rem;
}
#gym.detail section.trainer section.trainers .information02 dl {
  flex-direction: column;
  gap: 3rem 0;
}
#gym.detail section.trainer section.trainers .information02 dt,
#gym.detail section.trainer section.trainers .information02 dd {
  align-self: flex-start;
}
#gym.detail section.trainer section.trainers .information02 dt {
  flex: 0 0 auto;
}
#gym.detail section.trainer section.trainers .information02 dd {
  line-height: 1.6;
}
#gym.detail section.price .catch {
  padding: 20rem 0;
}

/*==================================================================================
 machine, kickboxing
==================================================================================*/
#machine header.intro, #kickboxing header.intro {
  padding-bottom: 60rem;
}
#machine header.intro .lead, #kickboxing header.intro .lead {
  padding-bottom: 30rem;
}
#machine header.intro .points, #kickboxing header.intro .points {
  flex-wrap: wrap;
  gap: 15rem 0;
  padding-bottom: 60rem;
}
#machine header.intro .points li, #kickboxing header.intro .points li {
  flex: 0 0 47.5%;
}
#machine header.intro .manga, #kickboxing header.intro .manga {
  flex-direction: column;
  gap: 15rem 0;
  padding: 25rem 30rem;
}
#machine header.intro .manga img, #kickboxing header.intro .manga img {
  width: 100%;
}
#machine header.intro .manga img:last-child, #kickboxing header.intro .manga img:last-child {
  order: -1;
}
#machine section.scene, #kickboxing section.scene {
  margin-bottom: 70rem;
  padding: 60rem 12rem;
}
#machine section.scene .slideArea01, #kickboxing section.scene .slideArea01 {
  margin-bottom: 30rem;
}
#machine section.menu > header, #kickboxing section.menu > header {
  padding-bottom: 40rem;
}
#machine section.menu .menus, #kickboxing section.menu .menus {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30rem 4%;
}
#machine section.menu .menus li, #kickboxing section.menu .menus li {
  flex: 0 0 48%;
}
#machine section.menu .menus li .image, #kickboxing section.menu .menus li .image {
  padding-bottom: 10rem;
}
#machine section.menu .menus li dt, #kickboxing section.menu .menus li dt {
  padding-bottom: 10rem;
  font-size: 14rem;
}
#machine section.menu .menus li dd, #kickboxing section.menu .menus li dd {
  line-height: 1.5;
  font-size: 12rem;
}
#machine section.price > .catch, #kickboxing section.price > .catch {
  padding: 30rem 0;
}

/*==================================================================================
 kickboxing
==================================================================================*/
/*==================================================================================
 about
==================================================================================*/
/*==================================================================================
 price
==================================================================================*/
#price header.intro .attentions {
  margin-bottom: 40rem;
  padding: 20rem 10rem;
  width: auto;
}
#price header.intro .attentions dt {
  padding-bottom: 8rem;
}
#price header.intro .attentions dd {
  line-height: 1.7;
}
#price section.allGym .prices {
  flex-wrap: wrap;
  justify-content: center;
  gap: 20rem 6%;
  padding-bottom: 15rem;
}
#price section.allGym .prices li {
  flex: 0 0 47%;
}
#price article.options {
  margin: 100rem 0 -90rem;
  padding: 60rem 0 90rem;
}
#price article.options h2 {
  padding-bottom: 50rem;
}
#price article.options h3 {
  margin-bottom: 30rem;
}
#price article.options .image {
  margin-bottom: 10rem;
}

/*==================================================================================
 faq
==================================================================================*/
/*==================================================================================
 recruit
==================================================================================*/
/*==================================================================================
 terms
==================================================================================*/
/*==================================================================================
 privacy
==================================================================================*/
/*==================================================================================
 law
==================================================================================*/
/*==================================================================================
 error
==================================================================================*/
#error .contents {
  padding-top: 40rem;
}
#error .contents .catch {
  padding-bottom: 30rem;
}

/*==================================================================================
 howToJoin
==================================================================================*/
#howToJoin .steps {
  flex-direction: column;
  justify-content: normal;
  gap: 30rem 0;
  padding-top: 40rem;
  padding-bottom: 60rem;
  width: 80%;
}
#howToJoin .steps li {
  flex: 0 0 auto;
}

/*# sourceMappingURL=smartphone.css.map */