@charset "utf-8";

/*
---フォントについて---

游ゴシック体
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;

お店の名前
Heisei Maru Gothic Std W4
font-family: heisei-maru-gothic-std, sans-serif;
font-style: normal;
font-weight: 400;

Heisei Maru Gothic Std W8
font-family: heisei-maru-gothic-std, sans-serif;
font-style: normal;
font-weight: 800;

*/

/*-------------------------
common
-------------------------*/
.clear{
	clear: both;
}
img{
    vertical-align:bottom;
}

/* inner */
@media (min-width: 768px) {
.inner{
  width: 980px;
  margin: 0 auto;
}
}

/* padding */
.sub_sec01{
}
.sub_sec02{
}

/* txt-decoration */
.txt_dec01{
}
.txt_dec02{
}
.txt_dec03{
}
.txt_dec04{
}
.txt_dec05{
}

/* button */
.button01{
  //border: 2px solid #006933;
  border-radius: 10px;
  background: #006933;
  padding: 0.6em 3.4em;
  color: #fff;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1em;
  transition: 400ms;
}
.button01:hover{
  border: 2px solid #006933;
  background: #fff;
  color: #006933;
}
.button02{
}
.button02:hover{
}
.button03{
}
.button03:hover{
}

/* Font */
.w8/* 太いほう */{
  font-family: heisei-maru-gothic-std, sans-serif;
  font-style: normal;
  font-weight: 800;
}

.w4{
  font-family: heisei-maru-gothic-std, sans-serif;
  font-style: normal;
  font-weight: 400;
}

/* List */
ul.ul01{}
ul.ul01 > li{
    margin: 0;
    line-height: 1.8em;
    font-size: 1.1em;
}
ul.ul01 li:before{
    content: '●';
    color: #CB2414;
    //padding-left: 16px;
}
ul.ul02{}
ul.ul02 > li{
    margin: 0;
    line-height: 1.8em;
    font-size: 1.1em;
}
ul.ul02 li:before{
    content: '●';
    color: #000;
    //padding-left: 16px;
}

/* Numbering */
ol.ol01{
  counter-reset: item;
  padding-left: 0;
  list-style: none;
}
ol.ol01 ol{
  padding-left: 1em;
}
ol.ol01 li{
  text-indent: -1.3em;
  padding-left: 1.3em;
}
ol.ol01 li:before {
  counter-increment: item;/* カウンター機能 */
  content: counter(item)'.';
  /* 以下は自由に装飾... */
  padding-right: .5em;
}
ol.ol02{
  counter-reset: item;
  padding-left: 0;
  list-style: none;
}
ol.ol02 li{
  padding: 0 0 1em 0;
  line-height: 1.6;
  font-size: 1.2em;
}
ol.ol02 li:before {
  counter-increment: item;/* カウンター機能 */
  content: counter(item)'';
  /* 以下は自由に装飾... */
  padding: 0.3em 0.6em;
  background-color: #651C15;
  color: #fff;
  border-radius: 20px;
  margin: 0 0.5em 0 0;
}

/* display:none; */
/* 横幅769px以上の場合見えなくする */
@media screen and (min-width: 769px) {
#wrapper .pc{
  display: none;
}
}
/* 横幅768px以下の場合見えなくする */
@media screen and (max-width: 768px) {
#wrapper .sp{
  display: none;
}
}

/* SPの幅固定 */
@media screen and (max-width: 768px) {
#wrapper{
  max-width: 100%;
}
}

/*-------------------------
    header&footer
-------------------------*/

/*--- header ---*/
@media screen and (min-width: 769px) {
header{
  width: 100%;
  top: 0;
  position: sticky; /*ヘッダー固定*/
  z-index: 100;　/*ヘッダー固定*/
}
#header{
  background: #fff;
}
dl.h_title{
  height: 100px;
  padding: 10px;
}
dl.h_title dt{
  float: left;
}
dl.h_title dt p{
  font-weight: bold;
  line-height: 1.2;
}
dl.h_title dd{
  float: right;
  width: 260px;
  padding: 10px 20px;
  border: 4px solid #006933;
  border-radius: 6px;
}
dl.h_title dd p{
  color: #006933;
  font-size: 1.372em;
}
dl.h_title dd h2{
  font-size: 1.875em;
  line-height: 1;
}
dl.h_title dd i{
  color: #006933;
}
dl.h_title h1.title{
  font-size: 3.581em;
  float: left;
  color: #01140A;
}
nav{
  background: #30B470;
  padding: 20px 0;
}
nav ul.gnav{
  display:flex;
  width:98%;
  justify-content:space-between;
  padding: 0 1%;

}
nav ul.gnav li{
  font-size: 1.5em;
}
nav ul.gnav li a{
  color: #fff;
}
nav ul.gnav li a:hover{
  opacity: 0.5;
}
.header_in{
  max-width: 1440px;
  margin: 0 auto;
}
}

@media screen and (max-width: 768px) {
/*---　ハンバーガーメニュー関連　---*/
.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  position: fixed;
  width: 100%;
  z-index: 100;
}
.title_sp {
  font-size: 2em;
  padding-left: 10px;
}
/*------------------------------

  ここから下がハンバーガーメニュー
  に関するCSS

------------------------------*/
/* チェックボックスは非表示に */
.drawer-hidden {
  display: none;
}
/* ハンバーガーアイコンの設置スペース */
.drawer-open {
  display: flex;
  height: 50px;
  width: 50px;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 100;/* 重なり順を一番上に */
  cursor: pointer;
}
/* ハンバーガーメニューのアイコン */
.drawer-open span,
.drawer-open span:before,
.drawer-open span:after {
  content: '';
  display: block;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background: #333;
  transition: 0.5s;
  position: absolute;
}
/* 三本線のうち一番上の棒の位置調整 */
.drawer-open span:before {
  bottom: 8px;
}
/* 三本線のうち一番下の棒の位置調整 */
.drawer-open span:after {
  top: 8px;
}
/* アイコンがクリックされたら真ん中の線を透明にする */
#drawer-check:checked ~ .drawer-open span {
  background: rgba(255, 255, 255, 0);
}
/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#drawer-check:checked ~ .drawer-open span::before {
  bottom: 0;
  transform: rotate(45deg);
}
#drawer-check:checked ~ .drawer-open span::after {
  top: 0;
  transform: rotate(-45deg);
}
/* メニューのデザイン*/
.drawer-content {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 100%;/* メニューを画面の外に飛ばす */
  z-index: 99;
  background:rgba(255,255,255,0.8);
  transition: .5s;
}
ul.drawer-list{
  margin: 1em;
}
ul.drawer-list li{
  margin: 0;
  border-bottom: 1px solid;
  padding: 1.8em;
}
/* アイコンがクリックされたらメニューを表示 */
#drawer-check:checked ~ .drawer-content {
  left: 0;/* メニューを画面に入れる */
}
}


/*--- footer ---*/
@media screen and (min-width: 769px) {
footer{
  background: #30B470;
  padding: 2em 0;
  color: #fff;
}
footer a{
  color: #fff;
}
#footer{
  max-width: 1200px;
  margin: 0 auto;
}
ul.foot_menu{
  display:table;
  width:100%;
}
ul.foot_menu li{
  border-right: 1px solid #fff;
  padding: 0 2em;
  display:table-cell;
  width:1%;
  text-align: center;
}
ul.foot_menu li:last-child{
  border: none;
  padding: none;
}
ul.foot_menu li a{
}
#copy{
  padding: 1.5em 0 0 0;
  text-align: center;
}

}

@media screen and (max-width: 768px) {
footer{
  background: #30B470;
  padding: 1em 0;
  color: #fff;
}
footer a{
  color: #fff;
}
#copy{
  text-align: center;
}
}


/*--- main ---*/
@media screen and (min-width: 769px) {
/* 一番外側は必ず上下にpaddingを用意する */
.main_wrap{
  padding: 4em 0;
}
/* max-width */
/* 最大幅は1440pxにする */
.box_in{
  max-width: 1440px;
  margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.main_wrap{
  padding: 2em 1em;
}
main{
  padding-top: 50px;
}

/* 固定ヘッダーにかぶるのを防ぐ */
.content_inner{
  padding-top: 50px;
  margin-top: -50px;
}
}

/* Top Image */
@media screen and (min-width: 769px) {
.top_mv{
  background-color: #fff;
}
.top_mv p{
  max-width: 1400px;
  margin: 0 auto;
}
}

@media screen and (max-width: 768px) {
}

/*--- content ----*/
@media screen and (min-width: 769px) {
h2.h2_title{
  font-family: heisei-maru-gothic-std, sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 2.5em;
  text-align: center;
  line-height: 3;
}
.h2_p{
  text-align: center;
  margin-bottom: 2em;
}
p.p_inbox{
  padding-bottom: 1em;
  line-height: 1.8;
}
h3.h3_subt{
  font-size: 2em;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1.2em;
}
.txt_box{
  margin: 0 4em 2em 4em;
}
}

@media screen and (max-width: 768px) {
h2.h2_title{
  font-family: heisei-maru-gothic-std, sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 2em;
  text-align: center;
  line-height: 1.6;
}
.h2_p{
  text-align: center;
  margin-bottom: 2em;
}
p.p_inbox{
  padding-bottom: 1em;
  line-height: 1.8;
}
h3.h3_subt{
  font-size: 1.571em;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1.2em;
}
.txt_box{
  margin: 0 1em 2em 1em;
}
}

/* corona */
@media screen and (min-width: 769px) {
.art_corona{
  overflow: hidden;
}
.corona_wrap_01{
  text-align: center;
  color: #fff;
  font-weight: bold;
}
.corona_wrap_01 table{
  width: 100%;
}
.corona_wrap_01 table td{
  width: 25%;
  height: 25%;
  border: 17px solid #fff;
}
.corona_wrap_01 table td img{
  height: max-content;
}
.corona_wrap_01 td p{
  padding: 0.8em 0 0 0;
}
td.corona_01_l{
  background: #98E2BC;
  padding: 1%;
}
td.corona_01_r{
  background: #F5C72C;
  padding: 1%;
}
td.corona_02_l{
  background: #F5C72C;
  padding: 1%;
}
td.corona_02_r{
  background: #98E2BC;
  padding: 1%;
}
}

@media screen and (max-width: 768px) {
.art_corona{
  overflow: hidden;
}
.corona_wrap_01{
  text-align: center;
  color: #fff;
  font-weight: bold;
}
.corona_wrap_01 table{
  width: 100%;
}
.corona_wrap_01 table td{
  width: 25%;
  height: 25%;
  border: 8px solid #fff;
}
.corona_wrap_01 table td img{
  height: max-content;
}
.corona_wrap_01 td p{
  padding: 0.8em 0 0 0;
}
td.corona_01_l{
  background: #98E2BC;
  padding: 1%;
}
td.corona_01_r{
  background: #F5C72C;
  padding: 1%;
}
td.corona_02_l{
  background: #F5C72C;
  padding: 1%;
}
td.corona_02_r{
  background: #98E2BC;
  padding: 1%;
}
}

/* intro */
section.sec_intro{
  background: #DDFAEB;
}
@media screen and (min-width: 769px) {
dl.intro_profile{
  display: flex;
  margin: 2em 5em;
}
dl.intro_profile dt{
  width: 40%;
}

dl.intro_profile dd{
  width: 50%;
  padding: 0 2em;
}
}

@media screen and (max-width: 768px) {
dl.intro_profile{
  margin: 2em 1em;
}
dl.intro_profile dt{
  padding-bottom: 1em;
}

dl.intro_profile dd{
  padding: 0 2em;
}
}

/* guide */
@media screen and (min-width: 769px) {
ul.guide_ul{
  display: flex;
}
ul.guide_ul li{
  width: 32%;
  margin: 1%;
}
ul.guide_ul li:last-child{
  margin: 1% 0 1% 1%;
}
ul.guide_ul li p{
  font-weight: bold;
  font-size: 2em;
  text-align: center;
  background-color: rgba(255,255,255,0.5);
  margin: 11em 0 1em 0;
  padding: .8em 0;
}
}

@media screen and (max-width: 768px) {
ul.guide_ul{
  display: flex;
}
ul.guide_ul li{
  width: 48%;
  margin: 1%;
}
ul.guide_ul li:last-child{
  margin: 1% 0 1% 1%;
}
ul.guide_ul li p{
  font-weight: bold;
  font-size: 1.286em;
  text-align: center;
  background-color: rgba(255,255,255,0.5);
  margin: 9em 0 1em 0;
  padding: .6em 0;
}
}

ul.guide_ul li.guide01{
  background: url(../images/img_chiryo01.jpg);
  background-size: cover;
}
ul.guide_ul li.guide02{
  background: url(../images/img_chiryo02.jpg);
  background-size: cover;
}
ul.guide_ul li.guide03{
  background: url(../images/img_chiryo03.jpg);
  background-size: cover;
}
ul.guide_ul li.guide04{
  background: url(../images/img_chiryo04.jpg);
  background-size: cover;
}
ul.guide_ul li.guide05{
  background: url(../images/img_chiryo05.jpg);
  background-size: cover;
}
ul.guide_ul li.guide06{
  background: url(../images/img_chiryo06.jpg);
  background-size: cover;
}
ul.guide_ul li.guide07{
  background: url(../images/img_chiryo07.jpg);
  background-size: cover;
}
ul.guide_ul li.guide08{
  background: url(../images/img_chiryo09.jpg);
  background-size: cover;
}
ul.guide_ul li.guide09{
  background: url(../images/img_chiryo08.jpg);
  background-size: cover;
}

/* price */
section.sec_price{
  background: #DDFAEB;
}
.price_hoken{
  text-align: center;
  color: #fff;
  background: #30B470;
  padding: 1em .8em;
  width: 350px;
  font-size: 1.857em;
  margin: 0em auto 1em auto;
}
@media screen and (max-width: 768px) {
.price_hoken{
  text-align: center;
  color: #fff;
  background: #30B470;
  padding: .8em .3em;
  width: auto;
  font-size: 1.429em;
  margin: 0em 1em 1em;
}
}

/* voice */
@media screen and (min-width: 769px) {
ul.voice_ul{
  margin: 0 3em;
}
ul.voice_ul li{
  margin: 3em 0;
}

dl.voice_dl{
  display: flex;
}
dl.voice_dl dt{
  width: 30%;
}
dl.voice_dl dd{
  width: 65%;
  padding-left: 5%;
}

.voice_dl h4{
  background: #F5C72C;
  color: #fff;
  padding: .6em 1.1em;
  font-size: 1.571em;
  margin-bottom: 1.5em;
}
.voice_dl h5{
  font-size: 1.429em;
  font-weight: bold;
  margin-bottom: .8em;
}
}

@media screen and (max-width: 768px) {
ul.voice_ul{
  margin: 0 1em;
}
ul.voice_ul li{
  margin: 1.2em 0;
}

dl.voice_dl{
  width: 100%;
}
dl.voice_dl dt{
  margin: 1em;
}
dl.voice_dl dd{
  padding-left: 5%;
}

.voice_dl h4{
  background: #F5C72C;
  color: #fff;
  padding: .3em .8em;
  font-size: 1.571em;
  margin-bottom: 1em;
}
.voice_dl h5{
  font-size: 1.429em;
  font-weight: bold;
  margin-bottom: .8em;
}
}

/* message */
section.sec_message{
  background: #FFF3CB;
}
@media screen and (min-width: 769px) {
dl.message_dl{
  display: flex;
  margin: 2em 5em;
}
dl.message_dl dt{
  width: 60%;
}

dl.message_dl dd{
  width: 40%;
  padding: 0 2%;
}
}

@media screen and (max-width: 768px) {
dl.message_dl{
  margin: 2em 1em;
}
dl.message_dl dt{
}

dl.message_dl dd{
  padding: 0 2%;
  margin: 2em;
}
}

/* setsubi */
@media screen and (min-width: 769px) {
ul.setsubi_ul{
  display: flex;
  margin: 2em;
}
ul.setsubi_ul li{
  width: 32%;
  margin: 0 1% 0 0;
}
ul.setsubi_ul li:last-child{
  margin: 0;
}
ul.setsubi_ul li p{
  text-align: center;
  margin: 0 0 1em 0;
}
}

@media screen and (max-width: 768px) {
ul.setsubi_ul{
  margin: 3em 2em;
}
ul.setsubi_ul li{
  margin: 0 1% 0 0;
}
ul.setsubi_ul li:last-child{
  margin: 0;
}
ul.setsubi_ul li p{
  text-align: center;
  margin: 0 0 1em 0;
}
}

/* contact */
section.sec_contact{
  background: #DDFAEB;
}

@media screen and (min-width: 769px) {
article.art_contact{
  background: #fff;
  margin: 0 4em;
}
.gform {
  position: relative;
  width: 100%;
  height: 1350px;
}
.gform iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

ul.contact_ul{
  width: 45%;
  margin: 0 auto 2em auto;
}
ul.contact_ul li{
  margin: 2em 0;
}

dl.contact_dl{
  display: flex;
}
dl.contact_dl dt{
  font-size: 1.857em;
  width: 50%;
}
dl.contact_dl dd{
  font-size: 2.143em;
  color: #006933;
  font-weight: bold;
  width: 50%;
  text-align: right;
}
}

@media screen and (max-width: 768px) {
article.art_contact{
  background: #fff;
  margin: 0 1em;
  padding: 1em .5em;
}
.gform {
  position: relative;
  width: 100%;
  height: 1500px;
}
.gform iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

ul.contact_ul{
  margin: 0 auto 2em auto;
}
ul.contact_ul li{
  margin: 2em auto;
  text-align: center;
}

dl.contact_dl{
  display: inline-block;
  margin: 0 auto;
  text-align: left;
}
dl.contact_dl dt{
  font-size: 1.857em;
}
dl.contact_dl dd{
  font-size: 2.143em;
  color: #006933;
  font-weight: bold;
  margin-top: .6em;
}
}

/* access */
h3.access_h3{
  font-size: 1.571em;
  font-weight: bold;
  padding: 0 0 .8em 0;
}
p.access_p{
  font-size: 1.286em;
  line-height: 1.8;
}

@media screen and (min-width: 769px) {
ul.access_ul{
  width: 90%;
  margin: 0 auto;
}
ul.access_ul li{
  margin: 1em 0 4em 0;
}
dl.access_dl{
  display: flex;
  margin: 0 0 3em 0;
}
dl.access_dl dt{
  width: 50%;
  padding: 0 0 0 5%;
}
dl.access_dl dd{
  width: 50%;
}

.gmap {
height: 0;
overflow: hidden;
padding-bottom: 25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
}

@media screen and (max-width: 768px) {
ul.access_ul{
  width: 90%;
  margin: 0 auto;
}
ul.access_ul li{
  margin: 1em 0 4em 0;
}
dl.access_dl{
  margin: 0 0 3em 0;
}
dl.access_dl dt{
  padding: 0 0 1em 5%;
}
dl.access_dl dd{
}

.gmap {
height: 0;
overflow: hidden;
padding-bottom: 50%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
}

/* スタッフ募集 */
@media screen and (min-width: 769px) {
article.art_staff{
  background: #FFF5D5;
  margin: 3em;
  padding: 4em;
}
p.p_staff{
  text-decoration: underline;
  font-weight: bold;
  font-size: 1.571em;
  margin-bottom: 1em;
}
ul.staff_ul{
  display: flex;
}
ul.staff_ul li{
  width: 50%;
}
ul.staff_ul li:last-child{
  margin-left: 1em;
}
}

@media screen and (max-width: 768px) {
article.art_staff{
  background: #FFF5D5;
  margin: 1em;
  padding: 1.5em;
}
p.p_staff{
  text-decoration: underline;
  font-weight: bold;
  font-size: 1.571em;
  margin-bottom: 1em;
}
ul.staff_ul{
}
ul.staff_ul li{
}
}


/*-------------------------
    たなせつgym
-------------------------*/
/*　　*/
@media screen and (min-width: 769px) {
.txt_box02{
  margin: 2em 1em 2em 1em;
}
}
@media screen and (max-width: 768px) {
.txt_box02{
  margin: 2em 1em 2em 1em;
}
}

/*　gymの特徴　*/
.box_gymtokucho{
  background: #DDFAEB;
  padding: 3em;
  border-radius: 10px;
}

/* マシンの紹介 */
.machine_box{
  margin: 2em 0;
}

h3.machine_h3{
  background: #F5C72C;
  padding: 0.5em;
  font-size: 1.5em;
  color: #fff;
  font-weight: 700;
  margin: 0 0 1em 0;
}
h4.machine_h4{
  font-weight: 700;
  font-size: 1.3em;
  margin: 0 0 1em 0;
}
section.sec_machine p{
  font-size: 1.1em;
}

@media screen and (min-width: 769px) {
ul.machine_ul{}
ul.machine_ul li{}

dl.machine_dl{
  width: 100%;
  display: flex;
  margin: 0 0 3.5em 0;
}
dl.machine_dl dt{
  width: 60%;
  margin: 0 1.5em 0 0;
}
dl.machine_dl dd{
  width: 38%;
}
}

@media screen and (max-width: 768px) {
ul.machine_ul{}
ul.machine_ul li{}

dl.machine_dl{
  width: 100%;
}
dl.machine_dl dt{
  width: 100%;
}
dl.machine_dl dd{
  width: 100%;
  margin: 1.2em 0;
}
}

/* gym料金プラン */
@media screen and (min-width: 769px) {
.gymprice_h3{
  color: #fff;
  background: #30B470;
  padding: .5em 0 .5em 1em;
  font-size: 1.5em;
  font-weight: 700;
  margin: 0 0 1em 0;
  width: 30%;
}

ul.gymprice_ul01{
  display: flex;
}
ul.gymprice_ul01 li{
  margin: 0em 1em 1em 1em;
}

ul.gymprice_ul02{
  display: flex;
}
ul.gymprice_ul02 li{
  font-size: 1.2em;
}
.gymprice_h4{
  font-size: 1.2em;
  margin: 1em 0 1em 1.2em;
}
.gymprice_kai{
  color: #006933;
}
.gymprice_bg{
  font-size: 1.6em;
}
}

@media screen and (max-width: 768px) {
.gymprice_h3{
  color: #fff;
  background: #30B470;
  padding: .5em 0 .5em 1em;
  font-size: 1.5em;
  font-weight: 700;
  margin: 0 0 1em 0;
}

ul.gymprice_ul01{
  //display: flex;
}
ul.gymprice_ul01 li{
  margin: 0em 1em 1em 1em;
}

ul.gymprice_ul02{
  display: flex;
}
ul.gymprice_ul02 li{
  font-size: 1.2em;
}
.gymprice_h4{
  font-size: 1.2em;
  margin: 1em 0 1em 1.2em;
}
.gymprice_kai{
  color: #006933;
}
.gymprice_bg{
  font-size: 1.6em;
}
}

.gym_check{
  background: #FFF3CB;
  padding: 3em;
  border-radius: 10px;
  margin: 1em 2em;
}
.gym_check li{
  font-size: 1.2em;
  padding: 0 0 1em 0em;
}

/* トップのgym案内リンク */
.sec_top_gym{
  padding-top: 1em;
  padding-bottom: 1.5em;
}
.gym_info{
  text-align: center;
  display: block;
  margin: 0 auto;
  width: 50%;
  font-size: 1.8em;
  font-weight: bold;
}
.h2_p2{
  text-align: center;
  margin-bottom: 2em;
  font-size: 1.4em;
}