@charset "utf-8";


.pcNone{ display:none;}
.spNone{ display:block;}

html{scroll-behavior: smooth;}
/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
a,
a:hover{ text-decoration:none; transition:all .3s;}
p{/* margin:0.5em 0; */}
#contentsArea #mainImgBox{ padding:0;}
#gymPage > .secBox{/* background:url(/sportsgym/images/line_contents01.png) no-repeat center bottom/1000px; */padding: 0;}
.secBox > .sectionInner{max-width:1000px;margin:0 auto;padding: 2em 0;box-sizing:border-box;}
.infoBox .formBtn{ margin:1em;}
.infoBox .formBtn a{
	padding:0.8em;
    background-color:#feb13e;
    color:#fff;
    font-weight:bold;
    border-radius:15px;
    position:relative;
	display:block;
	font-size:125%;
}
.infoBox .formBtn a:after{
	content:"";
    width:24px;
    height:24px;
	position: absolute;
	top:0;
	bottom:0;
    right:1em;
	margin:auto;
	background:url(/images/btn_clr_form.png) no-repeat top center/cover;
}
.infoBox .formBtn a:hover{ opacity:0.6;}
.secBox .infoBox{ max-width:700px; text-align:center; border:10px solid #ccc; padding:0 1em 1em; margin:3em auto;}
.secBox .infoBox > p{ margin:1em auto;}
.secBox .infoBox > p.tac{ margin:-1.5em auto 1em; background-color:#fff; display:inline-block; padding:0 2em; font-size:125%; color:#000; line-height:1.2em;}
.secBox .infoBox ul{ margin:1em auto 0;}
.secBox .infoBox li.telBtn{ position:relative; padding:0 0 0 50px;}
.secBox .infoBox li.telBtn:before{
	content:"";
    width:32px;
    height:32px;
	position: absolute;
	top:0;
	bottom:0;
    left:0;
	margin:auto;
	background:url(/common_images/ico_tel.png) no-repeat top center/cover;
}
.secBox .infoBox li.telBtn a{ color:#000; font-size:200%; line-height:1em;}
.secBox .infoBox li.telBtn a span{ display:block; color:#333; font-size:50%; line-height:1.4em; margin:0.5em 0 0;}
.secBox .infoBox li.formBtn{ max-width:250px; width:100%; margin:0 1em;}
.secBox .infoBox p > a{ max-width:640px; padding:0.5em; margin:0 auto; border:2px solid #18aab6;}
.secBox .infoBox a:hover{ opacity:0.6;}
.secBox h3{/* text-align:center; */font-size:250%;line-height:1em;margin:1.5em auto 0.5em;}
.secBox h3 span{ display:block; color:#CF000C; font-size:50%;}
.secBox h4{ font-size:200%; position:relative; padding:0 0 0 64px; margin:0.5em 0; line-height:1.4em;}
.secBox h4.tac{ padding:0; font-size:150%; line-height:1.8em;}
.secBox h4.tac span{ color:#333; font-size:60%; font-weight:normal;}

.secBox h4 span{ display:block; color:#CF000C; font-size:50%; line-height:1em;}
.bg_diagonal{ position:relative;}
.bg_diagonal:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #fff), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #fff),color-stop(.75, #fff), color-stop(.75, transparent),to(transparent));
    -webkit-background-size: 7px;
    background-image: linear-gradient( -45deg, #ccc 25%, #fff 25%, #fff 50%, #ccc 50%, #ccc 75%, #fff 75%, #fff);
    background-size: 7px 7px;
    background-attachment: fixed;
    z-index: -1;
    opacity: 0.3;
}
#contentsArea #mainImgBox,
#contentsArea .mainBox,
#contentsArea .mainBoxInner,
.mainBox .sectionInner{ width:100%; margin:auto;}

.txtRed{
    color: #c80b4d;
}
.underLine{
    position: relative;
}
.underLine::after{
  content: '';
  width: 25px;
  height: 1px;
  display: inline-block;
  background-color: #000;
  position: absolute;
  bottom: -16px;
  left: 48.8%;
}

/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea .sectionInner{ padding:0;}
#headerArea p{ margin:0;}

/*----------------------------------------------------------------------------
 ***                                                                 mainSec
----------------------------------------------------------------------------*/
#gymPage{}
#gymPage > h2{ text-align:center; padding:40px 0; margin:0 auto 1em; background:url(/sportsgym/images/img_titlec.jpg) no-repeat top center/1000px;}
#gymPage > h2 a:hover{ opacity:0.6;}


/*----------------------------------------------------------------------------
 ***                                                                 fvSec
----------------------------------------------------------------------------*/

#fvSec{width:100%;/* height:488px; */overflow: hidden;display:flex;}

#fvSec .left-column {
  flex: 1; /* 残りのスペースを全て占める (または固定幅を設定) */
  background-color: #888; /* 灰色 */
  background-image: url("../images/bg_fv01a.jpg");
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat;
  /* width: 39%; */ /* もし左カラムを特定の割合で固定したい場合 */
  /* width: 300px; */ /* もし左カラムを固定ピクセル幅にしたい場合 */
}

#fvSec .right-column {
  flex-shrink: 0; /* 右カラムの縮小を禁止 */
  width: 47%; /* 右カラムの幅をパーセンテージで指定 */
  margin: 0 0% 0 0%;
  /* width: 400px; */ /* または固定ピクセル幅 */
  background-color: #c80b4d; /* 赤色 */
  /* color: white; */ /* テキスト色 */
  padding: 2em 5% 2em 0;
  /* padding-right: 5%; */ /* 左右と上下のパディング */
   /* 垂直方向の中央揃えと右の縦線のため */
  display: flex; /* 内部のコンテンツをFlexboxで配置 */
  align-items: center; /* 垂直方向の中央揃え */
  /* justify-content: flex-start; */ /* 水平方向の左揃え (デフォルト) */
  position: relative;
}

#fvSec .right-column:before{
    background: #c80b4d;
    content: "";
    position: absolute;
    width: 60px;
    height: 100%;
    clip-path: polygon(0 100%, 103% -6%, 102% 100%);
    left: -60px;
    top:0;
    bottom: 0;
    margin: auto;
    }

#fvSec .right-column .skewInner{/* transform: skewX(10deg); *//* padding: 0px 0 0 4%; */width: 100%;max-width: 500px;color: #fff;}

#fvSec .right-column .skewInner .headBox{flex-wrap: nowrap; align-items: center;}

#fvSec .right-column .headBox .h2tags{display: flex; flex-direction: column; position: relative;}

#fvSec .right-column .headBox .h2tags .h2txt{
    color: #ffff00;
    font-size: 280%;
    line-height: 1;
    text-align: right;
    order: 2;
    letter-spacing: 0.1em;
}

#fvSec .right-column .headBox .h2tags .english{
    order: 1;
    font-size: 150%;
    color: #fff;
    text-align: right;
    font-weight: bold;
    line-height: 0.5;
    letter-spacing: 0.1em;
    margin-bottom: 0.5em;
}

#fvSec .right-column .headBox .h2tags .subtxt{
    order: 3;
    font-size: 130%;
    font-weight: bold;
    color: #fff;
    text-align: right;
    line-height: 0.5;
    margin: 0.5em 0;
}

#fvSec .right-column .headBox .h2tags .detailTxt{
    order: 4;
    color: #fff;
    font-size: 110%;
    line-height: 1.6;
}

#fvSec .right-column .headBox .h2tags .badge{
   position: absolute;
    top: -13%;
    left: -7%;
    width: 27%;
}

#fvSec .right-column .skewInner .headBottomBox ul{
    gap: 0.5em;
    justify-content: space-between;
}

#fvSec .right-column .skewInner .headBottomBox li{
    position: relative;
    width: 115px;
    height: 115px;
    background: #fff;
    border-radius: 50%;
    }

#fvSec .right-column .skewInner .headBottomBox p{
    text-align: center;
}

#fvSec .right-column .skewInner .headBottomBox  .pointNum{
    font-size: 85%;
    margin: 0.4em auto 0;
    font-weight: bold;
    color: #c80b4d;
    border-bottom: 1px solid #c80b4d;
    line-height: 1;
}

#fvSec .right-column .skewInner .headBottomBox .pointNum .txtl{
    font-size: 200%;
    margin-left: 0.1em;
}

#fvSec .right-column .skewInner .headBottomBox .pointTxt{
    font-size:85%;
    font-weight: bold;
    line-height: 1.2;
}

#fvSec .right-column .skewInner .headBottomBox .pointTxt span{
    font-size: 133%;
    display: block;
}
#fvSec .right-column .skewInner .headBottomBox .pointTxt .txtm{
    font-size: 111%;
    /* color: #666666; */
}

#fvSec .right-column .skewInner .headPriceBox{margin-top: 0.5em;}

#fvSec .right-column .skewInner .headPriceBox div{
    border: 1px solid #fff;
    padding: 0.5em;
}

#fvSec .right-column .skewInner .headPriceBox .group{
    width: 39%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-right: 1.5em;
}
#fvSec .right-column .skewInner .headPriceBox .individual{
    width: 57%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    
}

#fvSec .right-column .skewInner .headPriceBox p{
    font-size: 120%;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    margin: 0;
}

#fvSec .right-column .skewInner .headPriceBox p .txts{
    font-size: 85%;
    line-height: 1;
}

#fvSec .right-column .skewInner .headPriceBox p .price{
    font-size: 135%;
}

#fvSec .right-column .skewInner .headPriceBox p .txtYellow{
    color: #ffff00;
    font-size: 70%;
}

#navi{margin: 2em 0 1.3em;}

#navi .sectionInner{
    width: 100%;
    max-width: 515px;
}

#navi .info {
    gap: 1em;
    max-width: 515px;
    margin: auto;
}

#navi .info .txt{
    margin: 0.2em 0em 0 0;
}

#navi .info .txt p{
    color: #3f3a51;
}

#navi .info .txt p.address,
#navi .info .txt p.time,
#navi .info .txt p.tel{}
#navi .info .txt .shopName{
    font-size: 145%;
    line-height: 1.4;
	margin-bottom:0.2em;
}

#navi .info .txt .address,
#navi .info .txt .time,
#navi .info .txt .tel{
    font-size: 113%;
    line-height: 1.2;
}

#navi .naviList{margin-top: 0.5em;gap: 2em;}



#navi .naviList .naviItem img{
    display: block;
    margin: 0 auto;
}

#intrSec{
    background-color: rgb(200, 11, 77,0.03);

    padding-top: 2.9em;
}

#intrSec .sectionInner{
    padding: 0;
}

#intrSec .h2Box{
    color: #3f3a51;
}

#intrSec .h2Box h2{
    order: 2;
    font-size: 200%;
    color: #3f3a51;
}
#intrSec .h2Box img{
    order: 1;
    display: block;
    margin: 0 auto 1em;
}
#intrSec .h2Box .h2SubTxt{
    order: 3;
    font-size: 125%;
    margin-top: 1.5em;
    line-height: 1.5em;
}

#intrSec .utilizeBox{
    background-color: #fff;
    margin: 2em 0 3em;
    width: 98%;
}
#intrSec .utilizeBox .boxInner{
    width: 95%;
    margin: 0 auto;
    padding: 1em 0;
}
#intrSec .utilizeBox .widths{
    width: 50%;
    margin: 0 auto;
    padding: 1em 0;
    margin-top: 0.5em;
}


#intrSec .utilizeBox h3{
    font-size: 150%;
    text-align: center;
    margin-top: 0.5em;
}
#intrSec .utilizeBox .attention{
    text-align: center;
    color: #c80b4d;
    font-weight: bold;
}
.attention{
    color: #c80b4d;
}

#intrSec .utilizeBox .subtxt{
    margin: 0 auto;
    text-align: center;
}
#intrSec .utilizeBox .subtxt span{
    text-align: left;
}

#intrSec .utilizeBox .utilizeList{
    color: #3f3a51;
    gap: 2% 1em;
    margin: 1em auto;
    width: 100%;
    gap: 2% 0;
}
#intrSec .utilizeBox .individual .utilizeList .utilizeInfo{
    width: 49%;
    margin: 0;
    max-width: 930px;
}

#intrSec .utilizeBox .individual .utilizeList .utilizeInfo .utilizeTxt{
    text-align: center;
}

#intrSec .utilizeBox .individual .utilizeList .utilizeInfo:first-child{
    /* margin: 0px 0.5em 0 0; */
    /* padding-right: 0.5em; */
    /* border-right: 1px solid #3f3a51; */
}
#intrSec .utilizeBox .individual .utilizeList .bsk:first-child{
	 padding-right: 0.5em;
    border-right: 1px solid #3f3a51;
}
#intrSec .utilizeBox .utilizeList .utilizeInfo dl{
    margin: 1em 0 0 1em;
}

#intrSec .utilizeBox .utilizeList .utilizeInfo dt{
    font-size: 113%;
}

#intrSec .utilizeBox .utilizeList .utilizeInfo  dd{line-height: 1.6;}
#intrSec .utilizeBox .utilizeList .utilizeInfo  img{
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
}

#intrSec .utilizeBox .pricepdf{
    display: block;
    border-radius: 2em;
    text-align: center;
    font-weight: bold;
    margin: 1em auto;
}
#intrSec .utilizeBox .pricepdf a{
    position: relative;
    padding: 0.8em 4.9em;
    border: 0.6px solid #c80b4d;
    border-radius: 2em;
}

#intrSec .utilizeBox  .pricepdf a::after{
 content: '';
 width: 11px;
 height: 11px;
 border-top: solid 2px #c80b4d;
 border-right: solid 2px #c80b4d;
 position: absolute;
 right: 7%;
 bottom: 45%;
 transform: rotate(135deg);
}


#intrSec .utilizeBox .widths .pricepdf{
    /* width: 35%; */
}

#intrSec .utilizeBox .pricepdf a{
color: #3f3a51;
}



 .attentionBox{
    background-color: #fff;
    border: 0.6px solid #c80b4d;
    
}
#intrSec .attentionBox .boxInner{
    padding: 3em 4em;
}
#intrSec .attentionBox .h3Box {
    display: flex;
    flex-direction: column;
}
#intrSec .attentionBox .h3Box h3{
    font-size: 163%;
    text-align: center;
    order: 2;
    margin-top: 1em;
    margin-bottom: 1.5em;
}
#intrSec .attentionBox .h3Box img{
    order: 1;
    width: 5%;
    margin: 0 auto;
}
 .ankerBtn{
    text-align: center;
    margin: 3em 0;
    
 }

 .ankerBtn a{
    display: inline-block;
    background-color: #c80b4d;
    border-radius: 2em;
    padding: 0.9em 3em;
    color: #fff;
    font-size: 115%;
    font-weight: bold;
    position: relative;
}
 .ankerBtn a::after{
    content: '';
    width: 11px;
    height: 11px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    position: absolute;
    right: 9%;
    bottom: 44%;
    transform: rotate(135deg);
 }

#intrSec .attentionLists li{
    margin: 0.5em 0;
}

.attentionLists li::before{
    content: url(../images/attens_cheack.png);
    margin-right: 0.5em;
}


#PriceSec{
    padding-bottom: 0;
    padding-top: 0;
}

#PriceSec .h2Box h2{
    font-size: 219%;
    color: #3f3a51;
    margin-bottom: 0.7em;
}
#PriceSec .h2Box img{
    margin: 0 auto;
    margin-bottom: 1.1em;
}

#PriceSec .PriceBox h3{
    font-size: 113%;
    border: 1px solid #1b1464;
    color: #3f3a51;
    border-radius: 2em;
    padding: 0.8em 0;
    text-align: center;
    margin-bottom: 2em;
}
#PriceSec .priceTable .bgPurple{background-color: rgb(27, 20, 100,0.7);}
#PriceSec .priceTable tr td{
    text-align: center;
    vertical-align: middle;
    line-height: 1.4;
    padding: 3em 0;
}
#PriceSec .priceTable .bgPurple .txtYellow{
    color: #ffff00;
}
#PriceSec .priceTable .bgPurple td{
    color: #fff;
    text-align: center;
    padding: 0.5em 0;
}
#PriceSec .priceTable .bgPink{
    background-color: rgb(200, 11, 77,0.15);
}
#PriceSec .priceTable .bgGry{
    background-color: #cccccc;
}



#PriceSec .group tr:last-child{
    height: auto;
}

#PriceSec .group{overflow: scroll;}
#PriceSec .group table{
    width: 190%;
}
#PriceSec .individual{
    display: block;
}
#PriceSec .individual table{
   margin: 2em auto 0em;
   display: table;
   width: 60%;
}
#PriceSec .individual .bgPurple td{
	padding:0.5em 0;
}
#PriceSec  .individual tr td{
	padding:0.5em 0;
}
#PriceSec .timeLists{
    margin: 2em auto 3em;
    display: table;
}
#PriceSec .timeLists li{
    font-size: 110%;
}
#PriceSec .timeLists li::before{
    content: url(../images/icon_time.png);
    margin-right: 0.5em;
}

#PriceSec .PriceBox  p{

    padding: 0;
}
 .priceTable .txts{
    text-align: center;
    margin-left: 23em;
    font-size: 85%;
}





/* フォーム系 */
#formBox{}
.preset_options{flex-wrap:wrap;}
.preset_options label{display: inline-block;margin: 0.25em auto;}
#formBox .dispFlex,
#formBox .dispFlexWrap{align-items:center;gap:0.5em}
#formBox .time_selects{margin-left:1.2em;margin-bottom: 0.7em;}


#formSec{
    background-color: rgb(200, 11, 77, 0.03);
    padding-top: 1em;
}

#formSec .ttlBox{
    display: flex;
    flex-direction: column;
}
#formSec .ttlBox h2{
    order: 2;
    padding: 0;
    color: #3f3a51;

}
#formSec .ttlBox img{
    order: 1;
    margin: 0 auto;
    margin-bottom: 0.9em;
}
#formSec .ttlBox .info{
    order: 3;
    width: 61%;
    margin: 3.5em auto 0;
    border: 1px solid;
    border-radius: 2.5em;
    background-color: #fff;
    padding: 1.5em;
}

#formSec .ttlBox .info p{
    line-height: 1.5;
}

#formSec .ttlBox .info .subTtl{
    color: #c80b4d;
    font-weight: bold;
    text-align: center;
    font-size: 132%;
    margin: 0;
}

#formSec .groupRsrvtn h3{
    font-size: 220%;
    color: #3f3a51;
    text-align: center;
    margin-top: 2.1em;
}

#formSec .groupRsrvtn .imgItem{
    gap: 1.2em;
    margin: 1.5em 0;
}
#formSec .groupRsrvtn .imgItem .imgList{
    position: relative;
}
#formSec .groupRsrvtn .imgItem .imgList::after{
    content: '';
    width: 11px;
    height: 11px;
    border-top: solid 3px #c80b4d;
    border-right: solid 3px #c80b4d;
    position: absolute;
    right: -8%;
    bottom: 43%;
    transform: rotate(45deg);
}

#formSec .groupRsrvtn .imgItem .imgList:last-child:after{
    display: none;
}

#formSec .groupRsrvtn .attentionLists{
    display: inline-block;
    margin: 2em auto 1em;
}
#formSec .groupRsrvtn .attentionLists li{
	color:#666;
	margin-bottom: 0.5em;
	font-size: 114%;
}
#formSec .groupRsrvtn .situation{
    display: grid;
    margin-top: 3em;
}

#formSec .groupRsrvtn .situation h4{
    color: #3f3a51;
    border: none;
    font-size: 165%;
    text-align: center;
    font-weight: bold;
}

#formSec .wrap{
    background-repeat: no-repeat;
	background-position: center top;
}

#formSec .tempBox{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}

#formSec .sideBtn {
    position: fixed;
    top: 8em;
    right: 0;
    z-index: 999;
}
#formSec .googleCalendar{text-align: center;}
#formSec iframe{width: 90%;margin: auto;}
#formSec input.inputBox,
#formSec textarea.inputBox{
    width: calc(100% - 30px);
}

#gymsArea{/* background:#F1E5E6; */margin-top: 0;padding-top:50px;}
#gymsAreaInner{width:1000px;margin:0 auto;display: flex;justify-content: space-between;}
#gymsLinlUl{text-align:center;padding: 1.5em 0;margin-top: 2em;background: #eee;}
#gymsLinlUl li{ display:inline-block; padding:0 14px; font-size:90%; border-right:#999 solid 1px;}
#gymsLinlUl li:first-child{ border-left:#999 solid 1px;}
#copyright{background: #e8355d;color:#FFF;text-align:center;font-size:80%;padding:20px 0;margin: 0;/* border-top:#FC3 solid 1px; */}

#gymsInfo{/* float:left; */width:405px;color: #333;}
#gymsInfo h2{margin-bottom:15px;font-size: 160%;}
#gymsInfo p{color: #333;}
#gymsInfo .address a{color: #333;}
#gymsInfo .address{margin-bottom: 1em;}
#gymsInfo .address strong{font-size:125%;}

#gymsInfo .infoList{margin-bottom:2em}
#gymsInfo .infoList li{
    margin-bottom: 1.6em;
    padding-left: 1em;
}
#gymsInfo .infoList li:last-child{
    margin-bottom:0;
}
#gymsInfo .txt{margin:0 0 0.2em}
#gymsInfo .infoList .txt strong{font-size:100%}

#gymsInfo dl{margin-bottom:20px;color: #333;}
#gymsInfo dl.facility{display:flex;margin-bottom: 0.2em;}
#gymsInfo dl.facility dt,
#gymsInfo dl.facility dd{margin:0}
#gymsInfo dl.facility dt{
    width: 10em;
    font-weight: normal;
}
#gymsInfo .facility  .btn a{
   background-color: #000;
    color: #fff;
    margin-left: 0.7em;
    position: relative;
    padding: 0 1.2em;
    border-radius: 1em;
}
#gymsInfo .facility  .btn a::after{
    content: '';
    width: 8px;
    height: 8px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    position: absolute;
    right: 6%;
    bottom: 22%;
    transform: rotate(45deg);
}


#gymsInfo .btn_link-gym {margin: 0 0 0 1em;display: inline-block;}
#gymsInfo .btn_link-gym a{color: #fff;}
#gymsInfo .btn_link-gym a:before,
#gymsInfo .btn_link-gym a:after {}

#gymsInfo .btn_link-gym a:before {}

#gymsInfo .btn_link-gym a:after {}

#gymsMap{width:552px;/* height:322px; *//* border:#D78030 solid 1px; */margin: 0 0 5px 0;}

#gymsMap .accessInfo{
    width: 97%;
    margin: 1em auto;
    color: #333;
    display: block;
}
#gymsMap .accessInfo dd{
    margin-left: 10px;
    margin-top: 5px;
}


@media screen and (max-width: 767px){
    .pcNone{display:block;}
.spNone{display:none;}
    a,
    a:hover{}
    p{}
    #contentsArea #mainImgBox{}
    #gymPage > .secBox{}
    .secBox > .sectionInner{}
    .infoBox .formBtn{}
    .infoBox .formBtn a{}
    .infoBox .formBtn a:after{}
    .infoBox .formBtn a:hover{}
    .secBox .infoBox{}
    .secBox .infoBox > p{}
    .secBox .infoBox > p.tac{}
    .secBox .infoBox ul{}
    .secBox .infoBox li.telBtn{}
    .secBox .infoBox li.telBtn:before{}
    .secBox .infoBox li.telBtn a{}
    .secBox .infoBox li.telBtn a span{}
    .secBox .infoBox li.formBtn{}
    .secBox .infoBox p > a{}
    .secBox .infoBox a:hover{}
    .secBox h3{}
    .secBox h3 span{}
    .secBox h4{}
    .secBox h4.tac{}
    .secBox h4.tac span{}

    .secBox h4 span{}
    .bg_diagonal{}
    .bg_diagonal:before{}
    #contentsArea #mainImgBox,
    #contentsArea .mainBox,
    #contentsArea .mainBoxInner,
    .mainBox .sectionInner{}

    .txtRed{}
    .underLine{}
    .underLine::after{left: 47.5%;}

    /*----------------------------------------------------------------------------
    ***                                                                  Header
    ----------------------------------------------------------------------------*/
    #headerArea .sectionInner{}
    #headerArea p{}

    /*----------------------------------------------------------------------------
    ***                                                                 mainSec
    ----------------------------------------------------------------------------*/
    #gymPage{}
    #gymPage > h2{}
    #gymPage > h2 a:hover{}


    /*----------------------------------------------------------------------------
    ***                                                                 fvSec
    ----------------------------------------------------------------------------*/

    #fvSec{
    /* overflow: auto; */
    display: block;
    /* height: 100%; */
    height: 630px;
}

    #fvSec .left-column{
    width: 100%;
    height: 40%;
    background-image: url(../images/bg_fv01a_sp.jpg);
    background-position: top;
}

    #fvSec .right-column{
    /* height: 100%; */
    width: 100%;
    display: block;
    padding-bottom: 1em;
    padding-top: 0;
    /* margin-right: 0; */
    padding: 0;
}

    #fvSec .right-column:before{clip-path: polygon(-4% 100%, 102% -6%, 100% 100%);width: 100%;height: 60px;left: 0;bottom: auto;top: -59px;margin: auto;}

    #fvSec .right-column .skewInner{
    width: 95%;
    margin: 0 auto;
}

    #fvSec .right-column .skewInner .headBox{}

    #fvSec .right-column .headBox .h2tags{}

    #fvSec .right-column .headBox .h2tags .h2txt{
    font-size: 220%;
}
    #fvSec .right-column .headBox .h2tags .english{
    font-size: 100%;
}

    #fvSec .right-column .headBox .h2tags .subtxt{
    font-size: 115%;
}

    #fvSec .right-column .headBox .h2tags .detailTxt{
    font-size: 95%;
    margin-top: 1em;
}

    #fvSec .right-column .headBox .h2tags .badge{
    top: -61%;
    left: 3%;
    width: 34%;
}

    #fvSec .right-column .skewInner .headBottomBox ul{
    justify-content: space-between;
}
    #fvSec .right-column .skewInner .headBottomBox li{
    width: 23%;
    height: auto;
    aspect-ratio: 1/1;
}
    #fvSec .right-column .skewInner .headBottomBox p{}

    #fvSec .right-column .skewInner .headBottomBox  .pointNum{}

    #fvSec .right-column .skewInner .headBottomBox .pointNum .txtl{}

    #fvSec .right-column .skewInner .headBottomBox .pointTxt{}

    #fvSec .right-column .skewInner .headBottomBox .pointTxt span{}
    #fvSec .right-column .skewInner .headBottomBox .pointTxt .txtm{}

    #fvSec .right-column .skewInner .headPriceBox{
    margin-top: 1em;
    padding-bottom: 1em;
}

    #fvSec .right-column .skewInner .headPriceBox div{}

    #fvSec .right-column .skewInner .headPriceBox .group{}
    #fvSec .right-column .skewInner .headPriceBox .individual{}

    #fvSec .right-column .skewInner .headPriceBox p{}

    #fvSec .right-column .skewInner .headPriceBox p .txts{}

    #fvSec .right-column .skewInner .headPriceBox p .price{}

    #fvSec .right-column .skewInner .headPriceBox p .txtYellow{}

    #navi{}

    #navi .sectionInner{
    width: 90%;
}

    #navi .info {
    display: block;
}

    #navi .info .txt{
}
	#navi .info .map iframe{width:100%;}
    #navi .info .txt p{}

    #navi .info .txt p.address,
    #navi .info .txt p.time,
    #navi .info .txt p.tel{}
    #navi .info .txt .shopName{}

    #navi .info .txt .address,
    #navi .info .txt .time,
    #navi .info .txt .tel{}

    #navi .naviList{}



    #navi .naviList .naviItem img{}
    #intrSec{}

    #intrSec .sectionInner{}

    #intrSec .h2Box{}

    #intrSec .h2Box h2{}
    #intrSec .h2Box img{}
    #intrSec .h2Box .h2SubTxt{
    font-size: 120%;
}

    #intrSec .utilizeBox{}
    #intrSec .utilizeBox .boxInner{}
    #intrSec .utilizeBox .widths{
    width: 100%;
}


    #intrSec .utilizeBox h3{}
    #intrSec .utilizeBox .attention{
    width: 90%;
    margin: 0 0 0 1em;
    font-size: 109%;
    text-align: left;
}
    .attention{}
    #intrSec .utilizeBox .subtxt{
    text-align: left;
    margin-left: 1em;
}
    #intrSec .utilizeBox .subtxt span{
	    /* text-align: left; */
	}

    #intrSec .utilizeBox .utilizeList{
	    display: block;
	    width: 90%;
	}
    #intrSec .utilizeBox .utilizeList .utilizeInfo{
	    padding: 0;
	}
    #intrSec .utilizeBox .individual .utilizeList .utilizeInfo{
	    width: 100%;
	    padding: 0;
	    margin: 0;
	}

    #intrSec .utilizeBox .individual .utilizeList .utilizeInfo .utilizeTxt{}

    #intrSec .utilizeBox .individual .utilizeList .utilizeInfo:first-child{
}
    #intrSec .utilizeBox .utilizeList .utilizeInfo dl{}

    #intrSec .utilizeBox .utilizeList .utilizeInfo dt{}

    #intrSec .utilizeBox .utilizeList .utilizeInfo  dd{}
    #intrSec .utilizeBox .utilizeList .utilizeInfo  img{}

    #intrSec .utilizeBox .pricepdf{}
    #intrSec .utilizeBox .pricepdf a{}

    #intrSec .utilizeBox  .pricepdf a::after{}


    #intrSec .utilizeBox .widths .pricepdf{}
    #intrSec .utilizeBox .pricepdf a{}



    .attentionBox{}
    #intrSec .attentionBox .boxInner{
    padding: 3em 5%;
}
    #intrSec .attentionBox .h3Box{}
    #intrSec .attentionBox .h3Box h3{
    position: relative;
    margin-bottom: 1.3em;
    margin-top: 0.7em;
}
    #intrSec .attentionBox .h3Box img{
    width: 10%;
}
    .ankerBtn{}

    .ankerBtn a{}
    .ankerBtn a::after{}
    #intrSec .attentionLists li{
    margin-left: 2em;
    font-size: 105%;
}
    .attentionLists li::before{
    /* height: 200%; */
    position: absolute;
    left: 9%;
}
    #PriceSec{}
    #PriceSec .h2Box h2{}
    #PriceSec .h2Box img{}
    #PriceSec .PriceBox h3{}
    #PriceSec .priceTable .bgPurple{
    /* writing-mode: horizontal-tb; */
}
    #PriceSec .priceTable tr td{}
    #PriceSec .priceTable .bgPurple .txtYellow{}
    #PriceSec .priceTable .bgPurple td{
    padding: 0.5em 1em;
}
    #PriceSec .priceTable .bgPink{}
    #PriceSec .priceTable .bgGry{}



    #PriceSec .group tr:last-child{}

    #PriceSec .group{}
    #PriceSec .group table{
    width: 1310px;
}
    #PriceSec .individual{
    overflow: scroll;
}
    #PriceSec .individual table{
    width: 100%;
}
    #PriceSec .timeLists{
    margin: 2em 0 3em;
}
    #PriceSec .timeLists li{}
    #PriceSec .timeLists li::before{}

    #PriceSec .PriceBox  p{
    font-size: 110%;
}
    .priceTable .txts{
    margin-left: 0;
    text-align: right;
    font-size: 100%;
}




    /* フォーム系 */
    #formBox{}
	
    .preset_options{/* display: block; */}
    .preset_options label{}
    #formBox .dispFlex,
    #formBox .dispFlexWrap{}
    #formBox .time_selects{}


    #formSec{}
	#formBox .check_message{padding-top:2.5em}
	#formSec #formTb #formBox .sectionInner li{
    padding: 0;
}
    #formSec .ttlBox{}
    #formSec .ttlBox h2{}
    #formSec .ttlBox img{}
    #formSec .ttlBox .info{
    width: 100%;
    font-size: 107%;
}
    #formSec .ttlBox .info p{}
    #formSec .ttlBox .info .subTtl{}
    #formSec .groupRsrvtn h3{
    font-size: 140%;
}

    #formSec .groupRsrvtn .imgItem{
    flex-wrap: wrap;
    gap: 1em 5%;
    justify-content: space-between;
}
    #formSec .groupRsrvtn .imgItem .imgList{
    width: 28%;
    padding: 0;
}
    #formSec .groupRsrvtn .imgItem .imgList::after{
    right: -15%;
    right: calc(-8% - 8.5px);
}
    #formSec .groupRsrvtn .imgItem .imgList:nth-child(3n):after{
	    content: none;
	}

    #formSec .groupRsrvtn .attentionLists{
    width: 90%;
    margin-bottom: 0em;
}
	#formSec .groupRsrvtn .attentionLists li{margin-left:1.5em;}
    #formSec .groupRsrvtn .situation{}

    #formSec .groupRsrvtn .situation h4{}

    #formSec .wrap{
}
    #formSec .tempBox{
    height: 50%;
}

    #formSec .sideBtn{}
    #formSec .googleCalendar{}
    #formSec iframe{
}
    #formSec input.inputBox,
    #formSec textarea.inputBox{
    width: 200%;
}

    #gymsArea{}
    #gymsAreaInner{
    display: block;
}
    #gymsLinlUl{}
    #gymsLinlUl li{}
    #gymsLinlUl li:first-child{}
    #copyright{}

    #gymsInfo{width: 100%;}
    #gymsInfo h2{}
    #gymsInfo p{}
    #gymsInfo .address a{}
    #gymsInfo .address{}
    #gymsInfo .address strong{}

    #gymsInfo .infoList{}
    #gymsInfo .infoList li{}
    #gymsInfo .infoList li:last-child{}
    #gymsInfo .txt{}
    #gymsInfo .infoList .txt strong{}

    #gymsInfo dl{}
    #gymsInfo dl.facility{}
    #gymsInfo dl.facility dt,
    #gymsInfo dl.facility dd{}
    #gymsInfo dl.facility dt{}
    #gymsInfo .facility  .btn a{}
    #gymsInfo .facility  .btn a::after{}


    #gymsInfo .btn_link-gym{
    margin: 1em auto;
    text-align: center;
    display: block;
}
    #gymsInfo .btn_link-gym a{
}
    #gymsInfo .btn_link-gym a:before,
    #gymsInfo .btn_link-gym a:after {}

    #gymsInfo .btn_link-gym a:before {}

    #gymsInfo .btn_link-gym a:after {}

    #gymsMap{
    width: 100%;
}
    #gymsMap iframe{width: 100%;}
    #gymsMap .accessInfo{}
    #gymsMap .accessInfo dd{}
    
}

@media screen and (max-width: 374px){
    #fvSec
    {
        height: 530px;
    }
}