@charset "utf-8";
@import url("root.css");


/* CSS Document */


/* ==========================================================================
   当スタジオについて
   ========================================================================== */

.concept_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size: 100%;}
#concept{
margin:100px auto 0;
padding:0 0 0 0;
width: 100%;
position: relative;
}

#concept::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
  width: 68px; /* ← 画像の横幅（適宜変更） */
  height:283px; /* ← 画像の縦幅（適宜変更） */
  background-image: url('../img/about/about_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
	opacity:0.5;
}

#concept .box {
margin: -283px auto 0;
padding: 0;
width: 1200px;
}

@media screen and (max-width: 979px) {
.concept_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size:cover;}
#concept{margin:40px auto;}

#concept::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
 width: 9vw; /* ← 横幅をビューポート幅に対する割合で設定 */
  height: auto; /* ← 高さはアスペクト比で保つように変更（次行で制御） */
  aspect-ratio: 68 / 283; /* 元の画像の比率（ここで縦横比を維持） */
    background-image: url('../img/about/about_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
}

#concept .box {
margin: -37.882vw auto 0;
padding:0 0 0 9vw;
width: 90%;
}

}

/* ==========================================================================
   当スタジオについて　別館用
   ========================================================================== */

.concept02_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size: 100%;}
#concept{
margin:100px auto 0;
padding:0 0 0 0;
width: 100%;
position: relative;
}

#concept02::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
  width: 68px; /* ← 画像の横幅（適宜変更） */
  height:283px; /* ← 画像の縦幅（適宜変更） */
  background-image: url('../img/about/about_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
	opacity:0.5;
}

#concept02 .box {
margin: -283px auto 0;
padding: 0;
width: 1200px;
}

@media screen and (max-width: 979px) {
.concept02_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size:cover;}
#concept{margin:40px auto;}

#concept02::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
 width: 9vw; /* ← 横幅をビューポート幅に対する割合で設定 */
  height: auto; /* ← 高さはアスペクト比で保つように変更（次行で制御） */
  aspect-ratio: 68 / 283; /* 元の画像の比率（ここで縦横比を維持） */
    background-image: url('../img/about/about_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
}

#concept02 .box {
margin: -37.882vw auto 0;
padding:0 0 0 9vw;
width: 90%;
}

}

/* ==========================================================================
  初めての方へ
   ========================================================================== */
.trial-2_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size: 100%;}

#trial-2{
margin:100px auto 0;
padding:0 0 0 0;
width: 100%;
position: relative;
}

#trial-2::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
  width: 67px;
  height:193px;
  background-image: url('../img/trial-2/trial-2_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
	opacity:0.5;
}

#trial-2 .box {
margin: -193px auto 0;
padding: 0;
width: 1200px;
}
@media screen and (max-width: 979px) {
.trial-2_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size:cover;}

#trial-2{margin:40px auto 0;}

#trial-2::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
 width: 9vw; /* ← 横幅をビューポート幅に対する割合で設定 */
  height: auto; /* ← 高さはアスペクト比で保つように変更（次行で制御） */
  aspect-ratio: 67 / 193; /* 元の画像の比率（ここで縦横比を維持） */
    background-image: url('../img/trial-2/trial-2_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
}

#trial-2 .box {
margin: -25.94vw auto 0;
padding:0 0 0 9vw;
width: 90%;
}
}


/* ==========================================================================
  レッスンについて
   ========================================================================== */
.lesson_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size: 100%;}

#lesson{
margin:100px auto 0;
padding:0 0 0 0;
width: 100%;
position: relative;
}

#lesson::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
  width: 71px; /* ← 画像の横幅（適宜変更） */
  height:583px; /* ← 画像の縦幅（適宜変更） */
  background-image: url('../img/flow_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
	opacity:0.5;
}

#lesson .box {
margin: -583px auto 0;
padding: 0;
width: 1200px;
}
@media screen and (max-width: 979px) {
.lesson_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size:cover;}

#lesson{margin:40px auto 0;}

#lesson::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
 width: 9vw; /* ← 横幅をビューポート幅に対する割合で設定 */
  height: auto; /* ← 高さはアスペクト比で保つように変更（次行で制御） */
  aspect-ratio: 71 / 583; /* 元の画像の比率（ここで縦横比を維持） */
    background-image: url('../img/flow_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
}

#lesson .box {
margin: -73.90vw auto 0;
padding:0 0 0 9vw;
width: 90%;
}
}



/* ==========================================================================
  マタニティピラティス
   ========================================================================== */
.maternity-pilates_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size: 100%;}

#maternity-pilates{
margin:100px auto 0;
padding:0 0 0 0;
width: 100%;
position: relative;
}

#maternity-pilates::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
  width: 69px; /* ← 画像の横幅（適宜変更） */
  height:755px; /* ← 画像の縦幅（適宜変更） */
  background-image: url('../img/maternity-pilates/maternity-pilates_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
	opacity:0.5;
}

#maternity-pilates .box {
margin: -755px auto 0;
padding: 0;
width: 1200px;
}
@media screen and (max-width: 979px) {
.maternity-pilates_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size:cover;}

#maternity-pilates{margin:40px auto 0;}

#maternity-pilates::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
 width: 9vw; /* ← 横幅をビューポート幅に対する割合で設定 */
  height: auto; /* ← 高さはアスペクト比で保つように変更（次行で制御） */
aspect-ratio: 69 / 755; /* 元の画像の比率（ここで縦横比を維持） */
    background-image: url('../img/maternity-pilates/maternity-pilates_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
}

#maternity-pilates .box {
margin: -98.48vw auto 0;
padding:0 0 0 9vw;
width: 90%;
}
}


/* ==========================================================================
  産後ピラティス
   ========================================================================== */
.prenatal-postnatal_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size: 100%;}

#prenatal-postnatal{
margin:100px auto 0;
padding:0 0 0 0;
width: 100%;
position: relative;
}

#prenatal-postnatal::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
  width: 69px; /* ← 画像の横幅（適宜変更） */
  height:765px; /* ← 画像の縦幅（適宜変更） */
  background-image: url('../img/prenatal-postnatal/prenatal-postnatal_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
	opacity:0.5;
}

#prenatal-postnatal .box {
margin: -765px auto 0;
padding: 0;
width: 1200px;
}
@media screen and (max-width: 979px) {
.prenatal-postnatal_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size:cover;}

#prenatal-postnatal{margin:40px auto 0;}

#prenatal-postnatal::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
 width: 9vw; /* ← 横幅をビューポート幅に対する割合で設定 */
  height: auto; /* ← 高さはアスペクト比で保つように変更（次行で制御） */
aspect-ratio: 69 / 765; /* 元の画像の比率（ここで縦横比を維持） */
    background-image: url('../img/prenatal-postnatal/prenatal-postnatal_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
}

#prenatal-postnatal .box {
margin: -99.78vw auto 0;
padding:0 0 0 9vw;
width: 90%;
}
}


/* ==========================================================================
STOTT PILATES®️について
   ========================================================================== */
.stott-pilates_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size: 100%;}

#stott-pilates{
margin:100px auto 0;
padding:0 0 0 0;
width: 100%;
position: relative;
}

#stott-pilates::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
  width: 69px; /* ← 画像の横幅（適宜変更） */
  height:580px; /* ← 画像の縦幅（適宜変更） */
  background-image: url('../img/stott-pilates/stott-pilates_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
	opacity:0.5;
}

#stott-pilates .box {
margin: -580px auto 0;
padding: 0;
width: 1200px;
}
@media screen and (max-width: 979px) {
.stott-pilates_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size:cover;}

#stott-pilates{margin:40px auto 0;}

#stott-pilates::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
 width: 9vw; /* ← 横幅をビューポート幅に対する割合で設定 */
  height: auto; /* ← 高さはアスペクト比で保つように変更（次行で制御） */
aspect-ratio: 69 / 580; /* 元の画像の比率（ここで縦横比を維持） */
    background-image: url('../img/stott-pilates/stott-pilates_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
}

#stott-pilates .box {
margin: -75.65vw auto 0;
padding:0 0 0 9vw;
width: 90%;
}
}


/* ==========================================================================
マタニティー・産後ピラティスのご案内
   ========================================================================== */
.prenatal-postnatal-info_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size: 100%;}

#prenatal-postnatal-info{
margin:100px auto 0;
padding:0 0 0 0;
width: 100%;
position: relative;
}

#prenatal-postnatal-info::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
  width: 68px; /* ← 画像の横幅（適宜変更） */
  height:1106px; /* ← 画像の縦幅（適宜変更） */
  background-image: url('../img/prenatal-postnatal-info/prenatal-postnatal-info_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
	opacity:0.5;
}

#prenatal-postnatal-info .box {
margin: -1106px auto 0;
padding: 0;
width: 1200px;
}
@media screen and (max-width: 979px) {
.prenatal-postnatal-info_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size:cover;}

#prenatal-postnatal-info{margin:40px auto 0;}

#prenatal-postnatal-info::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
 width: 9vw; /* ← 横幅をビューポート幅に対する割合で設定 */
  height: auto; /* ← 高さはアスペクト比で保つように変更（次行で制御） */
aspect-ratio: 68 / 1106; /* 元の画像の比率（ここで縦横比を維持） */
    background-image: url('../img/prenatal-postnatal-info/prenatal-postnatal-info_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
}

#prenatal-postnatal-info .box {
margin: -146.34vw auto 0;
padding:0 0 0 9vw;
width: 90%;
}
}


/* ==========================================================================
マタニティー・産後ピラティスのご案内
   ========================================================================== */
.lesson_scene_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size: 100%;}

#lesson_scene{
margin:100px auto 0;
padding:0 0 0 0;
width: 100%;
position: relative;
}

#lesson_scene::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
  width: 67px; /* ← 画像の横幅（適宜変更） */
  height:616px; /* ← 画像の縦幅（適宜変更） */
  background-image: url('../img/lesson_scene/lesson_scene_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
	opacity:0.5;
}

#lesson_scene .box {
margin: -616px auto 0;
padding: 0;
width: 1200px;
}
@media screen and (max-width: 979px) {
.lesson_scene_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size:cover;}

#lesson_scene{margin:40px auto 0;}

#lesson_scene::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
 width: 9vw; /* ← 横幅をビューポート幅に対する割合で設定 */
  height: auto; /* ← 高さはアスペクト比で保つように変更（次行で制御） */
aspect-ratio: 67 / 616; /* 元の画像の比率（ここで縦横比を維持） */
    background-image: url('../img/lesson_scene/lesson_scene_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
}

#lesson_scene .box {
margin: -82.75vw auto 0;
padding:0 0 0 9vw;
width: 90%;
}


}

/* ==========================================================================
採用情報
   ========================================================================== */
.recruit_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size: 100%;}

#recruit{
margin:100px auto 0;
padding:0 0 0 0;
width: 100%;
position: relative;
}

#recruit::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
  width: 67px; /* ← 画像の横幅（適宜変更） */
  height:313px; /* ← 画像の縦幅（適宜変更） */
  background-image: url('../img/recruit/recruit_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
	opacity:0.5;
}

#recruit .box {
margin: -313px auto 0;
padding: 0;
width: 1200px;
}
@media screen and (max-width: 979px) {
.recruit_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size:cover;}

#recruit{margin:40px auto 0;}

#recruit::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
 width: 9vw; /* ← 横幅をビューポート幅に対する割合で設定 */
  height: auto; /* ← 高さはアスペクト比で保つように変更（次行で制御） */
aspect-ratio: 67 / 313; /* 元の画像の比率（ここで縦横比を維持） */
    background-image: url('../img/recruit/recruit_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
}

#recruit .box {
margin: -42.03vw auto 0;
padding:0 0 0 9vw;
width: 90%;
}

}

/* ==========================================================================
託児所
   ========================================================================== */
.nursery-info_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size: 100%;}

#nursery-info{
margin:100px auto 0;
padding:0 0 0 0;
width: 100%;
position: relative;
}

#nursery-info::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
  width: 67px; /* ← 画像の横幅（適宜変更） */
  height:979px; /* ← 画像の縦幅（適宜変更） */
  background-image: url('../img/nursery-info/nursery-info_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
	opacity:0.5;
}

#nursery-info .box {
margin: -979px auto 0;
padding: 0;
width: 1200px;
}
@media screen and (max-width: 979px) {
.nursery-info_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size:cover;}

#nursery-info{margin:40px auto 0;}

#nursery-info::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
 width: 9vw; /* ← 横幅をビューポート幅に対する割合で設定 */
  height: auto; /* ← 高さはアスペクト比で保つように変更（次行で制御） */
aspect-ratio: 67 / 979; /* 元の画像の比率（ここで縦横比を維持） */
    background-image: url('../img/nursery-info/nursery-info_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
}

#nursery-info .box {
margin: -131.58vw auto 0;
padding:0 0 0 9vw;
width: 90%;
}

}




/* ==========================================================================
料金表
   ========================================================================== */
.price_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size: 100%;}

#price{
margin:100px auto 0;
padding:0 0 0 0;
width: 100%;
position: relative;
}

#price::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
  width: 67px; /* ← 画像の横幅（適宜変更） */
  height:375px; /* ← 画像の縦幅（適宜変更） */
  background-image: url('../img/price/price_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
	opacity:0.5;
}

#price .box {
margin: -375px auto 0;
padding: 0;
width: 1200px;
}
@media screen and (max-width: 979px) {
.price_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size:cover;}

#price{margin:40px auto 0;}

#price::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
 width: 9vw; /* ← 横幅をビューポート幅に対する割合で設定 */
  height: auto; /* ← 高さはアスペクト比で保つように変更（次行で制御） */
aspect-ratio: 67 / 375; /* 元の画像の比率（ここで縦横比を維持） */
    background-image: url('../img/price/price_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
}

#price .box {
margin: -50.37vw auto 0;
padding:0 0 0 9vw;
width: 90%;
}

}



/* ==========================================================================
サイトマップ
   ========================================================================== */
.sitemap_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size: 100%;}

#sitemap{
margin:100px auto 0;
padding:0 0 0 0;
width: 100%;
position: relative;
}

#sitemap::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
  width: 67px; /* ← 画像の横幅（適宜変更） */
  height:355px; /* ← 画像の縦幅（適宜変更） */
  background-image: url('../img/sitemap_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
	opacity:0.5;
}

#sitemap .box {
margin: -355px auto 0;
padding: 0;
width: 1200px;
}

@media screen and (max-width: 979px) {
.sitemap_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size:cover;}

#sitemap{margin:40px auto 0;}


#sitemap::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
 width: 9vw; /* ← 横幅をビューポート幅に対する割合で設定 */
  height: auto; /* ← 高さはアスペクト比で保つように変更（次行で制御） */
aspect-ratio: 69 / 355; /* 元の画像の比率（ここで縦横比を維持） */
    background-image: url('../img/sitemap_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
}

#sitemap .box {
margin: -46.30vw auto 0;
padding:0 0 0 9vw;
width: 90%;
}

}

/* ==========================================================================
プライバシーポリシー
   ========================================================================== */
.privacy-policy_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size: 100%;}

#privacy-policy{
margin:100px auto 0;
padding:0 0 0 0;
width: 100%;
position: relative;
}

#privacy-policy::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
  width: 69px; /* ← 画像の横幅（適宜変更） */
  height:630px; /* ← 画像の縦幅（適宜変更） */
  background-image: url('../img/privacy-policy_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
	opacity:0.5;
}

#privacy-policy .box {
margin: -630px auto 0;
padding: 0;
width: 1200px;
}

@media screen and (max-width: 979px) {
.privacy-policy_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size:cover;}

#privacy-policy{margin:40px auto 0;}

#privacy-policy::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
 width: 9vw; /* ← 横幅をビューポート幅に対する割合で設定 */
  height: auto; /* ← 高さはアスペクト比で保つように変更（次行で制御） */
aspect-ratio: 69 / 630; /* 元の画像の比率（ここで縦横比を維持） */
    background-image: url('../img/privacy-policy_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
}

#privacy-policy .box {
margin: -82.17vw auto 0;
padding:0 0 0 9vw;
width: 90%;
}

}


/* ==========================================================================
よくある質問
   ========================================================================== */
.faq_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size: 100%;}

#faq{
margin:100px auto 0;
padding:0 0 0 0;
width: 100%;
position: relative;
}

#faq::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
  width: 67px; /* ← 画像の横幅（適宜変更） */
  height:159px; /* ← 画像の縦幅（適宜変更） */
  background-image: url('../img/faq_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
	opacity:0.5;
}

#faq .box {
margin: -159px auto 0;
padding: 0;
width: 1200px;
}

@media screen and (max-width: 979px) {
.faq_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size:cover;}

#faq{margin:40px auto 0;}

#faq::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
 width: 9vw; /* ← 横幅をビューポート幅に対する割合で設定 */
  height: auto; /* ← 高さはアスペクト比で保つように変更（次行で制御） */
aspect-ratio: 67 / 159; /* 元の画像の比率（ここで縦横比を維持） */
    background-image: url('../img/faq_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
}

#faq .box {
margin: -21.36vw auto 0;
padding:0 0 0 9vw;
width: 90%;
}

}


/* ==========================================================================
インストラクター
   ========================================================================== */
.staff_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size: 100%;}

#staff{
margin:0 auto 0;
padding:0 0 50px 0;
width: 100%;
position: relative;
}

#staff::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
  width: 67px; /* ← 画像の横幅（適宜変更） */
  height:584px; /* ← 画像の縦幅（適宜変更） */
  background-image: url('../img/staff/staff_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
	opacity:0.5;
}

#staff .box {
margin: -584px auto 0;
padding: 0;
width: 1200px;
}

@media screen and (max-width: 979px) {
.staff_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size:cover;}

#staff{margin:0 auto 0;padding:0 0 20px 0;}

#staff::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
 width: 9vw; /* ← 横幅をビューポート幅に対する割合で設定 */
  height: auto; /* ← 高さはアスペクト比で保つように変更（次行で制御） */
aspect-ratio: 69 / 584; /* 元の画像の比率（ここで縦横比を維持） */
    background-image: url('../img/staff/staff_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
}

#staff .box {
margin: -76.17vw auto 0;
padding:0 0 0 12vw;
width:100%;
}


}

/* ==========================================================================
お客様の声
   ========================================================================== */
.voice_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size: 100%;}

#voice{
margin:100px auto 0;
padding:0 0 0 0;
width: 100%;
position: relative;
}

#voice::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
  width: 71px; /* ← 画像の横幅（適宜変更） */
  height:512px; /* ← 画像の縦幅（適宜変更） */
  background-image: url('../img/voice/voice_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
	opacity:0.5;
}

#voice .box {
margin: -512px auto 0;
padding: 0;
width: 1200px;
}

@media screen and (max-width: 979px) {
.voice_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size:cover;}

#voice{margin:40px auto 0;}

#voice::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
 width: 9vw; /* ← 横幅をビューポート幅に対する割合で設定 */
  height: auto; /* ← 高さはアスペクト比で保つように変更（次行で制御） */
aspect-ratio: 71 / 512; /* 元の画像の比率（ここで縦横比を維持） */
    background-image: url('../img/voice/voice_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
}

#voice .box {
margin: -64.90vw auto 0;
padding:0 0 0 9vw;
width: 90%;
}

}

/* ==========================================================================
お知らせ
   ========================================================================== */
.news_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size: 100%;}

#news{
margin:100px auto 0;
padding:0 0 0 0;
width: 100%;
position: relative;
}

#news::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
width: 71px;
    height: 251px;
  background-image: url('../img/news_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
	opacity:0.5;
}

#news .box {
margin: -251px auto 0;
padding: 0;
width: 1200px;
}

@media screen and (max-width: 979px) {
.news_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size:cover;}

#news{margin:40px auto 0;}

#news::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
 width: 9vw; /* ← 横幅をビューポート幅に対する割合で設定 */
  height: auto; /* ← 高さはアスペクト比で保つように変更（次行で制御） */
aspect-ratio: 71 / 512; /* 元の画像の比率（ここで縦横比を維持） */
    background-image: url('../img/news_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
}

#news .box {
margin: -64.89vw auto 0;
padding:0 0 0 9vw;
width: 90%;
}

}

/* ==========================================================================
メディア掲載
   ========================================================================== */
.media-info_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size: 100%;}

#media-info{
margin:100px auto 0;
padding:0 0 0 0;
width: 100%;
position: relative;
}

#media-info::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
  width: 69px; /* ← 画像の横幅（適宜変更） */
  height:462px; /* ← 画像の縦幅（適宜変更） */
  background-image: url('../img/media-info/media-info_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
	opacity:0.5;
}

#media-info .box {
margin: -462px auto 0;
padding: 0;
width: 1200px;
}

@media screen and (max-width: 979px) {
.media-info_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size:cover;}

#media-info{margin:40px auto 0;}

#media-info::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
 width: 9vw; /* ← 横幅をビューポート幅に対する割合で設定 */
  height: auto; /* ← 高さはアスペクト比で保つように変更（次行で制御） */
aspect-ratio: 69 / 462; /* 元の画像の比率（ここで縦横比を維持） */
    background-image: url('../img/media-info/media-info_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
	opacity:0.5;
}

#media-info .box {
margin: -60.26vw auto 0;
padding:0 0 0 9vw;
width: 90%;
}

}


/* ==========================================================================
キャンペーン
   ========================================================================== */
.campaign_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size: 100%;}

#campaign{
margin:100px auto 0;
padding:0 0 0 0;
width: 100%;
position: relative;
}

#campaign::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
  width: 69px; /* ← 画像の横幅（適宜変更） */
  height:464px; /* ← 画像の縦幅（適宜変更） */
  background-image: url('../img/campaign/campaign_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
	opacity:0.5;
}

#campaign .box {
margin: -464px auto 0;
padding: 0;
width: 1200px;
}

@media screen and (max-width: 979px) {
.campaign_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size:cover;}

#campaign{margin:40px auto 0;}

#campaign::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
 width: 9vw; /* ← 横幅をビューポート幅に対する割合で設定 */
  height: auto; /* ← 高さはアスペクト比で保つように変更（次行で制御） */
aspect-ratio: 69 / 464; /* 元の画像の比率（ここで縦横比を維持） */
    background-image: url('../img/campaign/campaign_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
}

#campaign .box {
margin: -60.52vw auto 0;
padding:0 0 0 9vw;
width: 90%;
}

}

/* ==========================================================================
特別な疾患をお持ちの方へ
   ========================================================================== */
.specialized_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size: 100%;}

#specialized{
margin:100px auto 0;
padding:0 0 0 0;
width: 100%;
position: relative;
}

#specialized::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
  width:68px; /* ← 画像の横幅（適宜変更） */
height:864px; /* ← 画像の縦幅（適宜変更） */
  background-image: url('../img/specialized/specialized_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
	opacity:0.5;
}

#specialized .box {
margin: -864px auto 0;
padding: 0;
width: 1200px;
}

@media screen and (max-width: 979px) {
.specialized_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size:cover;}

#specialized{margin:40px auto 0;}

#specialized::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
 width: 9vw; /* ← 横幅をビューポート幅に対する割合で設定 */
  height: auto; /* ← 高さはアスペクト比で保つように変更（次行で制御） */
aspect-ratio: 68 / 864; /* 元の画像の比率（ここで縦横比を維持） */
    background-image: url('../img/specialized/specialized_bg_txt.png'); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
}

#specialized .box {
margin: -114.35vw auto 0;
padding:0 0 0 9vw;
width: 90%;
}

}

/* ==========================================================================
アクセス
   ========================================================================== */
.access_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size: 100%;}

#access{
margin:100px auto 0;
padding:0 0 0 0;
width: 100%;
position: relative;
}

#access::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
  width:68px; /* ← 画像の横幅（適宜変更） */
height:324px; /* ← 画像の縦幅（適宜変更） */
  background-image: url("../img/access_bg_txt.png"); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
	opacity:0.5;
}

#access .box {
margin: -324px auto 0;
padding: 0;
width: 1200px;
}

@media screen and (max-width: 979px) {
.access_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size:cover;}

#access{margin:40px auto 0;}

#access::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
 width: 9vw; /* ← 横幅をビューポート幅に対する割合で設定 */
  height: auto; /* ← 高さはアスペクト比で保つように変更（次行で制御） */
aspect-ratio: 68 / 324; /* 元の画像の比率（ここで縦横比を維持） */
    background-image: url("../img/access_bg_txt.png");
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
}

#access .box {
margin:-42.88vw auto 0;
padding:0 0 0 9vw;
width: 90%;
}

}
/* ==========================================================================
マシンピラティス
   ========================================================================== */
.machinepilates_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size: 100%;}

#machinepilates{
margin:100px auto 0;
padding:0 0 0 0;
width: 100%;
position: relative;
}

#machinepilates::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
  width:69px; /* ← 画像の横幅（適宜変更） */
height:687px; /* ← 画像の縦幅（適宜変更） */
background-image: url("../img/machinepilates/machinepilates_title.png"); /* 画像パスを指定 */
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
	opacity:0.5;
}

#machinepilates .box {
margin: -687px auto 0;
padding: 0;
width: 1200px;
}

@media screen and (max-width: 979px) {
.machinepilates_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size:cover;}

#machinepilates{margin:40px auto 0;}

#machinepilates::before{
  content: ""; /* 空の疑似要素を作る */
  position: sticky;
  top: 110px;
  left: 0; /* ← 左端に固定 */
 width: 9vw; /* ← 横幅をビューポート幅に対する割合で設定 */
  height: auto; /* ← 高さはアスペクト比で保つように変更（次行で制御） */
aspect-ratio: 69 / 687; /* 元の画像の比率（ここで縦横比を維持） */
    background-image: url("../img/machinepilates/machinepilates_title.png");
  background-size: contain; /* 画像が要素のサイズに収まる */
  background-repeat: no-repeat;
  background-position: left top; /* 左端に配置 */
  z-index:-1;
  transform: none; /* 不要な transform を削除 */
  pointer-events: none;
  display: block;
}

#machinepilates .box {
margin:-99.565vw auto 0;
padding:0 0 0 9vw;
width: 90%;
}

}


/* ==========================================================================
  お問い合わせ
   ========================================================================== */
.contact1_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size: 100%;}

#contact1{
margin:100px auto 0;
padding:0 0 0 0;
width: 100%;
position: relative;
}

#contact1::before{
content: ""; /* 空の疑似要素を作る */
position: sticky;
top: 110px;
left: 0; /* ← 左端に固定 */
width: 68px;
height:413px;
background-image: url('../img/contact_bg_txt.png'); /* 画像パスを指定 */
background-size: contain; /* 画像が要素のサイズに収まる */
background-repeat: no-repeat;
background-position: left top; /* 左端に配置 */
z-index:-1;
transform: none; /* 不要な transform を削除 */
pointer-events: none;
display: block;
opacity:0.5;
}

#contact1 .box {
margin: -413px auto 0;
padding: 0;
width: 1200px;
}
@media screen and (max-width: 979px) {
.contact1_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size:cover;}

#contact1{margin:40px auto 0;}

#contact1::before{
content: ""; /* 空の疑似要素を作る */
position: sticky;
top: 110px;
left: 0; /* ← 左端に固定 */
width: 9vw; /* ← 横幅をビューポート幅に対する割合で設定 */
height: auto; /* ← 高さはアスペクト比で保つように変更（次行で制御） */
aspect-ratio: 68 / 413; /* 元の画像の比率（ここで縦横比を維持） */
background-image: url('../img/contact_bg_txt.png'); /* 画像パスを指定 */
background-size: contain; /* 画像が要素のサイズに収まる */
background-repeat: no-repeat;
background-position: left top; /* 左端に配置 */
z-index:-1;
transform: none; /* 不要な transform を削除 */
pointer-events: none;
display: block;
}

#contact1 .box {
margin: -60vw auto 0;
padding:0 0 0 9vw;
width: 90%;
}
}

/* ==========================================================================
メンズピラティス
   ========================================================================== */
.mens_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size: 100%;}

#mens{
margin:100px auto 0;
padding:0 0 0 0;
width: 100%;
position: relative;
}

#mens::before{
content: ""; /* 空の疑似要素を作る */
position: sticky;
top: 110px;
left: 0; /* ← 左端に固定 */
width: 69px;
height:552px;
background-image: url('../img/mens_bg_txt.png'); /* 画像パスを指定 */
background-size: contain; /* 画像が要素のサイズに収まる */
background-repeat: no-repeat;
background-position: left top; /* 左端に配置 */
z-index:-1;
transform: none; /* 不要な transform を削除 */
pointer-events: none;
display: block;
opacity:0.5;
}

#mens .box {
margin: -413px auto 0;
padding: 0;
width: 1200px;
}
@media screen and (max-width: 979px) {
.mens_sec_bg{background: url("../img/sec_bg.jpg") top center no-repeat #ffffff;background-size:cover;}

#mens{margin:40px auto 0;}

#mens::before{
content: ""; /* 空の疑似要素を作る */
position: sticky;
top: 110px;
left: 0; /* ← 左端に固定 */
width: 9vw; /* ← 横幅をビューポート幅に対する割合で設定 */
height: auto; /* ← 高さはアスペクト比で保つように変更（次行で制御） */
aspect-ratio: 69 / 552; /* 元の画像の比率（ここで縦横比を維持） */
background-image: url('../img/mens_bg_txt.png'); /* 画像パスを指定 */
background-size: contain; /* 画像が要素のサイズに収まる */
background-repeat: no-repeat;
background-position: left top; /* 左端に配置 */
z-index:-1;
transform: none; /* 不要な transform を削除 */
pointer-events: none;
display: block;
}

#mens .box {
margin: -72vw auto 0;
padding:0 0 0 9vw;
width: 90%;
}
}