@charset "UTF-8";
/*font-family:'Noto Sans JP',sans-serif;*/
/*font-family:'Noto Serif JP',serif;*/

.sp {display:none !important;}



/*------00 1st configuration--------------------------------------------------------------*/
body {
	margin:0px;
	padding:0px;
	color:#000;
	background-color:#fff;
	font-size:100%;
	font-family:'Noto Sans JP',sans-serif;
	/*font-family:'Hiragino Maru Gothic W4 JIS2004';*/
	-webkit-text-size-adjust:none;
	width:100%;
	position:relative;
}
/*html {overflow:auto;}
body {overflow:hidden;}*/

header,hgroup,nav,aside,section,article,figure,footer {
	display:block;
}

h1,h2,h3,h4,h5,h6,p,address,ol,ul,li,dl,dt,dd,table,caption,th,td,img,form,a,span,
header,hgroup,nav,aside,section,article,figure,footer {
	margin:0px;
	padding:0px;
	border:none;
	font-size:100%;
	font-style:normal;
	list-style:none;
	line-height:1.6em;
	text-align:left;
	font-family:'Noto Sans JP',sans-serif;
	/*font-family:'Hiragino Maru Gothic W4 JIS2004';*/
}
h1,h2,h3,h4,h5,h6 {
	font-family:'Noto Sans JP',sans-serif;
	/*font-family:'TBChibiRGothicPlusK R' !important;*/
}

input,textarea {
	margin:0px;
	padding:0px;
	font-size:100%;
	font-style:normal;
	list-style:none;
	line-height:1.6em;
	text-align:left;
	font-family:'Noto Sans JP',sans-serif;
	/*font-family:'Hiragino Maru Gothic W4 JIS2004';*/
}

img {
	vertical-align:bottom;
}

a {
	outline:none;
}
a:link,
a:visited {
	color:#02f;
	color:#2f71fe;
	text-decoration:none;
}
a:hover,
a:focus {
	color:#cb0;
	text-decoration:underline;
}
a:active {
	color:#ddd;
	text-decoration:underline;
}
a.a_tel {
	cursor:text;
	color:#000;
	text-decoration:none;
}
a.a_tel img {
	cursor:default;
}

a {outline:hidden;}
a {/* \*/ overflow:hidden; /* */}

.floatclear {clear:both;}
.floatleft {float:left;margin-right:0px !important;}
.floatright {float:right;margin-left:0px !important;}

.right {text-align:right !important;}
.center {text-align:center !important;}
.left {text-align:left !important;}
.no_top {margin-top:0px !important;padding-top:0px !important;}

.red {color:#e20130;}
.orange {/*color:#f18101;*/color:#e25b29;}

.serif {font-family:'Noto Serif JP',serif;}
.bold {font-weight:bold;}

.small {font-size:13px !important;}
.x-small {font-size:9px !important;}
.large {font-size:13px !important;}
.x-large {font-size:24px !important;}

p,
dt,
dd,
li,
caption,
th,
td,
input,
textarea,
address {font-size:16px;}



/*------div#pagetop, box----------------------------------------------------------------*/
div#wrapper,
div.box {
	margin:0px auto 0px auto;
	width:700px;
	position:relative;
}

aside#fixed_logotelinspect {
	position:fixed;
	bottom:0px;
	width:700px;
	/*height:100px;*/
	z-index:11;
}
aside#fixed_logotelinspect #fixed_logotelinspect_logo {
	position:absolute;
	bottom:0px;
	left:0px;
	width:300px;
	height:100px;
	border-top:1px solid #999;
}
aside#fixed_logotelinspect #fixed_logotelinspect_logo a {
	display:inline-block;
	width:300px;
	height:100px;
	color:#000;
	background-color:#fff;
	vertical-align:middle;
}
aside#fixed_logotelinspect #fixed_logotelinspect_logo a img {
	width:100px;
	height:auto;
	vertical-align:middle;
}
aside#fixed_logotelinspect #fixed_logotelinspect_logo a span {
	display:inline-block;
	padding-left:10px;
	line-height:1.3em;
	vertical-align:middle;
font-size:22px;
}
aside#fixed_logotelinspect #fixed_logotelinspect_tel {
	position:absolute;
	bottom:0px;
	left:300px;
	width:190px;
	height:100px;
	text-align:center;
	border-top:1px solid #999;
}
aside#fixed_logotelinspect #fixed_logotelinspect_tel a {
	display:inline-block;
	width:190px;
	height:100px;
	height:47px;
	padding-top:53px;
	text-align:center;
	vertical-align:middle;
	color:#fff;
	background-color:#bb80a2;
	background-image:url(../../../_common/_pic/sp/fixed_tel_bg.png);
	/*background-image:url("https://syn-vid-qxvlhb3k.landinghub.site/.landinghub/https%3A%2F%2Fwww.hotyoga-caldo.com%2F_common%2F_pic%2Fsp%2Ffixed_tel_bg.png");*/
	background-repeat:no-repeat;
	background-position:50% 10px;
	background-size:80px;
	text-decoration:none;
font-size:24px;
}
aside#fixed_logotelinspect #fixed_logotelinspect_inspect {
	position:absolute;
	bottom:0px;
	right:0px;
	width:205px;
	height:211px;
	text-align:center;
}
aside#fixed_logotelinspect #fixed_logotelinspect_inspect a {
	display:inline-block;
	width:200px;
	height:200px;
	height:135px;
	padding-top:65px;
	text-align:center;
	color:#fff;
	text-shadow:0px 1px 1px #98be10;
	border-radius:120px;
	box-shadow:0px 0.6vw 0px #98be10;
	border:2px solid #98be10;
background:#98be10;
background:-moz-linear-gradient(top,#98be10 60%,#cedf91 100%);
background:-webkit-linear-gradient(top,#98be10 60%,#cedf91 100%);
background:linear-gradient(to bottom,#98be10 60%,#cedf91 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#98be10',endColorstr='#cedf91',GradientType=0);
	line-height:1.2em;
	text-decoration:none;
font-size:30px;
}



#title_movie01 {
	margin:60px 0px 40px 0px;
}

#fixed_center_banner {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    width: 100%;
    max-width: 700px;
    text-align: center;
    padding: 5px 0;
}

#fixed_center_banner img {
    width: 90%;
    max-width: 600px;
    height: auto;
}


/*------header-------------------------------------------------------------------------------*/
#header-a {
	width:100%;
	height:124px;
	position:absolute;
	/*position:fixed;*/
	top:0px;
	left:0px;
	z-index:10;
}
#header-a #header_logo-a {
	padding-top:25px;
	margin-left:46px;
	width:105px;
}
#header-a #header_logo-a img {
	width:100%;
	height:auto;
}
#header-a a#header_search-a {
	position:absolute;
	top:25px;
	right:244px;
}
#header-a a#header_inspect-a {
	display:block;
	position:absolute;
	top:25px;
	right:18px;
}
#header-a a#header_search-a img,
#header-a a#header_inspect-a img {
	width:100%;
	height:auto;
}

#header-b {
	width:100%;
	height:88px;
	position:absolute;
	/*position:fixed;*/
	top:0px;
	left:0px;
	z-index:10;
	background-color:#fff;
}
#header-b_fixed {
	width:100%;
	height:auto;
	/*position:absolute;*/
	position:fixed;
	bottom:0px;
	left:0px;
	z-index:10;
	background-color:#fff;
}
#header-b2_fixed {
	width:100%;
	height:auto;
	position:fixed;
	bottom:0px;
	left:0px;
	z-index:10;
	background-color:#fff;
}
#header-b3_fixed {/*lp2(221205)*/
	width:100%;
	/*height:auto;*/
	height:100px;
	height:120px;
	z-index:10;
	background-color:rgba(255,255,255,0.6);
}
#header-b #header_logo-b,
#header-b_fixed #header_logo-b {
	padding-top:25px;
	margin-left:59px;
	width:53px;
}
#header-b2_fixed #header_logo-b {
	width:78px;
}
#header-b3_fixed #header_logo-b {
	/*width:100px;*/
	width:120px;
	margin-left:10px;
}
#header-b #header_logo-b img,
#header-b_fixed #header_logo-b img,
#header-b2_fixed #header_logo-b img,
#header-b3_fixed #header_logo-b img {
	width:100%;
	height:auto;
}
#header-b a#header_inspect-b {
	display:block;
	position:absolute;
	top:0px;
	right:265px;
	width:265px;
}
#header-b_fixed a#header_inspect-b {
	display:block;
	position:absolute;
	bottom:0px;
	right:0px;
	width:350px;
}
#header-b2_fixed a#header_inspect-b {
	display:block;
	position:absolute;
	bottom:0px;
	right:0px;
	width:310px;
}
#header-b3_fixed a#header_inspect-b {
	position: static;  /* ←flexbox内で自動配置させるため */
	width:120px;       /* ←幅を大きく */
	height:120px;       /* ←高さを大きく */
	padding:0;         /* ←上下中央にするためpadding削除 */
	background-size:60px; /* ←アイコンも大きくする */
	background-position:20px center; /* ←アイコン位置調整 */
	line-height:80px;  /* ←テキストを中央に揃える */
	font-size:30px;    /* ←文字サイズも大きく */
}

#header-b3_fixed .box {
	display:flex;              /* ←flexboxを使って */
	justify-content:space-between; /* ←左右に配置 */
	align-items:center;       /* ←上下中央に揃える */
	height:120px;              /* ←headerの高さに揃える */
	padding:0px;           /* ←左右に余白をつける */
	box-sizing:border-box;    /* ←パディングが横幅に含まれるように */
}

#header-b a#header_search-b {
	display:block;
	position:absolute;
	top:0px;
	right:0px;
	width:265px;
}
#header-b_fixed a#header_search-b {
	display:block;
	position:absolute;
	bottom:0px;
	left:0px;
	width:350px;
}
#header-b2_fixed a#header_search-b {
	display:block;
	position:absolute;
	bottom:0px;
	left:80px;
	width:310px;
}
#header-b3_fixed a#header_search-b {
	display:block;
	position:absolute;
	top:0px;
	/*left:100px;*/
	left:120px;
	/*width:300px;*/
	/*width:200px;*/
	width:180px;
	/*height:100px;*/
	/*height:75px;*/
	height:70px;
	/*padding:25px 0px 0px 100px;*/
	padding:20px 0px 0px 100px;
	color:#fff;
	background-color:#cf8438;
	background-image:url(../pic2/fixed_search.png);
	/*background-image:url("https://syn-vid-qxvlhb3k.landinghub.site/.landinghub/https%3A%2F%2Fwww.hotyoga-caldo.com%2F_pic%2Fsp%2Ffixed_search.png");*/
	background-repeat:no-repeat;
	background-position:38px 50%;
	background-size:50px;
	text-decoration:none;
font-size:28px;
}
#header-b a#header_inspect-b img,
#header-b a#header_search-b img,
#header-b_fixed a#header_inspect-b img,
#header-b_fixed a#header_search-b img,
#header-b2_fixed a#header_inspect-b img,
#header-b2_fixed a#header_search-b img,
#header-b3_fixed a#header_inspect-b img,
#header-b3_fixed a#header_search-b img {
	width:100%;
	height:auto;
}

div#first_inspect_price img {
	display:none;
}
div#first_inspect_price p {
	text-align:center;
}



/*------footer--------------------------------------------------------------------------------*/
footer {
	margin-top:150px;
	padding:43px 0px 15px 0px;
	background-color:#FF7819;
}

footer img {
	display:block;
	margin:0px auto 0px auto;
	width:152px;
	height:auto;
}

footer p {
	margin-top:30px;
	text-align:center;
	color:#fff;
font-size:15px;
}



/*------main----------------------------------------------------------------------------------*/

section.campaign p {
	width:100%;
	text-align:center;
}
section.campaign img {
	width:100%;
	height:auto;
}
section.campaign {
	margin-top: 0; /* 上の余白をなくす */
    padding-top: 0; /* 上のパディングもなくす */
}
.overlap-campaign {
	position: relative;
  }
  
  .overlap-campaign > img {
	display: block;
	width: 100%;
	height: auto;
  }
  
  .overlap-campaign p {
	position: absolute;
	top: 75%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
  }
  .overlap-campaign p img {
	width: 550px;
	height: auto;
	max-width: 100%; /* スマホでも安心 */
}

  

aside#page-top {
	position:fixed;
	bottom:146px;
	bottom:0px;
	width:126px;
	margin-left:574px;
	z-index:1000;
}
aside#page-top_fixed {
	position:fixed;
	bottom:0px;
	bottom:100px;
	width:126px;
	margin-left:574px;
	z-index:1000;
}
aside#page-top a,
aside#page-top_fixed a {
	display:block;
	width:126px;
}
aside#page-top img,
aside#page-top_fixed img {
	width:100%;
	height:auto;
}



div.inspect_banner01a,
div.inspect_banner02 {
	margin-top:-46px;
	margin-bottom:10px;
	position:relative;
	z-index:2;
}
div.inspect_banner01b {
	margin:-262px auto 0px auto;
	width:650px;
	position:relative;
	z-index:2;
}
div.inspect_banner01a img.price_inspect_number-a,
div.inspect_banner02 img.price_inspect_number-a,
div.inspect_banner02 img.price_inspect_number-b {
	display:block;
	position:absolute;
	top:116px;
	right:0px;
	width:390px;
	height:auto;
}
div.inspect_banner01b img.price_inspect_number-b {
	display:block;
	position:absolute;
	top:70px;
	right:0px;
	width:390px;
	height:auto;
}
div.inspect_banner01a .inspect_banner_caution-a {
	margin:20px 20px 0px 20px;
	text-align:right;
font-size:20px;
}
div.inspect_banner01b .inspect_banner_caution-b {
	margin-top:32px;
	text-align:center;
font-size:20px;
}
div.inspect_banner02 .inspect_banner_caution-a,
div.inspect_banner02 .inspect_banner_caution-b {
	position:absolute;
	top:264px;
	left:0px;
	margin:0px auto 0px auto;
	width:680px;
	text-align:right;
	color:#fff;
font-size:18px;
}
div.inspect_banner01a .inspect_banner_txt {
	text-align:center;
	font-weight:bold;
font-size:26px;
}
div.inspect_banner02 .inspect_banner_txt {
	margin:-60px 0px 30px 0px;
	text-align:center;
	font-weight:bold;
	color:#fff;
font-size:26px;
}
div.inspect_banner01a .inspect_banner_txt span,
div.inspect_banner02 .inspect_banner_txt span {
	font-weight:normal;
font-size:26px;
}
div.inspect_banner02 .inspect_banner_txt span.orange {
	color:#ff0 !important;
}
div.inspect_banner01a .inspect_banner_txt small,
div.inspect_banner02 .inspect_banner_txt small {
	font-weight:normal;
font-size:20px;
}
div.inspect_banner02 a.btn_search {
	display:inline-block;
	margin:0px 10px 0px 32px;
	width:313px;
}
div.inspect_banner02 a.btn_inspect {
	display: block;
	text-align: center;
	margin: 30px auto 0 auto;
	width: 100%;
}
div.inspect_banner02 a.btn_search img,
div.inspect_banner02 a.btn_inspect img {
	display: inline-block;
	width: 94%;
	max-width: 700px;
	height: auto;
}



/*------firstview----------------------------------------------------------------------------*/
section#firstview-a {
}
section#firstview-a img {
	width:100%;
	height:auto;
}

section#firstview-b {
	/*padding-top:88px;*/
    padding-bottom: 0;
	margin-bottom: 0;
}
section#firstview-b img {
	width:100%;
	height:auto;
}


.banner-wrapper {
	position: relative;
	display: block; /* 必須 */
  }
  
  .chris-img {
	width: auto; /* 必要なら幅指定してもOK */
	display: block;
  }
  
  .fixed-banner {
	position: absolute;
	top: 10px; /* chris画像の上にくるよう調整 */
	left: 50%;
	transform: translateX(-50%);
	width: 500px;
	z-index: 10;
  }

  /* さらにラベル */
  .saranilabel {
    position: absolute;         /* 親要素を基準に絶対配置 */
    display: flex;              /* テキストを中央に配置 */
    justify-content: center;
    align-items: center;
    background-color: #000;
    color: #fff;
    border-radius: 50%;
    width: 230px;
    height: 230px;
    padding: 0;
    font-size: 50px;
    font-weight: bold;
    text-align: center;
    z-index: 10;
    top: 110px;                   
    left: 30px;                 /* 左寄せ、必要に応じて調整 */
    transform: translateY(-50%); /* 上下中央補正 */

}
.banner-wrapper2 {
	position: relative;
	display: block; /* 必須 */
	margin-bottom: 80px; /* 画像同士が重ならないように下余白を追加 */
	margin-top: -180px;
	z-index: 11;
  }
  .fixed-banner2 {
	position: absolute;
	top: 20%; /* chris画像の上にくるよう調整 */
	left: 50%;
	transform: translateX(-50%);
	width: 90%;
	z-index: 10;
  }
  
/*------search-------------------------------------------------------------------------------*/
section#search {
	/*margin-top:80px;*/
	margin-top:-20px;
	padding-top:100px;
}

section#search h2,
#reserve .title_sub_orange,
#inspect_form .title_sub_orange {
	margin:0px auto 0px auto;
	width:590px;
	padding:23px 0px 23px 0px;
	border:7px solid #e25b29;
	border-radius:28px;
	text-align:center;
font-size:37px;
}
section#search h2 img,
section#reserve h2 img {
	vertical-align:baseline;
	padding-right:15px;
}

#reserve .near-studio_subtitle {
	text-align: center;
	font-size: 25px;
	font-style: italic;
}
#reserve .near-studio_title {
	text-align: center;
	font-size: 55px;
}

section#search #search_map,
section#reserve #inspect_map {
	margin:50px auto 30px auto;
	width:622px;
	height:575px;
}

area {
	cursor:pointer;
}



section#search_accordion,
section#inspect_accordion {
	margin:65px auto 0px auto;
	width:600px;
}

section#search_accordion ul li,
section#inspect_accordion ul li {
	margin-top:-100px;
	padding-top:100px;
}

section#search_accordion ul ul,
section#inspect_accordion ul ul {
	display:none;
}

section#search_accordion a.acc_1f,
section#inspect_accordion a.acc_1f {
	color:#000;
	background-color:#fff;
	text-decoration:none;
	cursor:pointer;
}
section#search_accordion a.acc_2f,
section#inspect_accordion a.acc_2f {
	color:#000;
	background-color:#f79875;
	text-decoration:none;
	cursor:pointer;
}
section#search_accordion a.acc_3f,
section#inspect_accordion a.acc_3f {
	color:#000;
	background-color:#f6cfc0;
	text-decoration:none;
	cursor:pointer;
}
section#search_accordion a.acc_4f,
section#inspect_accordion a.acc_4f {
	color:#000;
	background-color:#feece5;
	text-decoration:none;
	cursor:pointer;
}

section#search_accordion a.acc_area,
section#inspect_accordion a.acc_area {
	background-color:#ef865f;
}
section#search_accordion a.acc_pref,
section#inspect_accordion a.acc_pref {
	background-color:#f0baa6;
}
section#search_accordion a.acc_city,
section#inspect_accordion a.acc_city {
	background-color:#fbdace;
}
section#search_accordion a.acc_tenpo,
section#inspect_accordion a.acc_tenpo {
	background-color:#fff;
	background-image:url(../pic2/bg/bg_search_arrow.png) !important;
	/*background-image:url("https://syn-vid-qxvlhb3k.landinghub.site/.landinghub/https%3A%2F%2Fwww.hotyoga-caldo.com%2Flp2%2Fpic2%2Fbg%2Fbg_search_arrow.png") !important;*/
}

section#search_accordion ul>li>a,
section#inspect_accordion ul>li>a {
	display:block;
	margin-top:-4px;
	padding:18px 18px 22px 80px;
	width:592px;
	width:494px;
	background-image:url(../pic2/bg/bg_search_plus.png);
	/*background-image:url("https://syn-vid-qxvlhb3k.landinghub.site/.landinghub/https%3A%2F%2Fwww.hotyoga-caldo.com%2Flp2%2Fpic2%2Fbg%2Fbg_search_plus.png");*/
	background-repeat:no-repeat;
	background-position:30px 50%;
	border:4px solid #000;
	position:relative;
font-size:30px;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
}
section#search_accordion ul>li>a.acc_active,
section#inspect_accordion ul>li>a.acc_active {
	background-image:url(../pic2/bg/bg_search_minus.png);
	/*background-image:url("https://syn-vid-qxvlhb3k.landinghub.site/.landinghub/https%3A%2F%2Fwww.hotyoga-caldo.com%2Flp2%2Fpic2%2Fbg%2Fbg_search_minus.png");*/
}
section#search_accordion a.acc_city,
section#inspect_accordion a.acc_city {
	padding:18px 18px 22px 110px;
	width:592px;
	width:464px;
	background-position:60px 50%;
}
section#search_accordion a.acc_tenpo,
section#inspect_accordion a.acc_tenpo {
	padding:18px 18px 22px 110px;
	width:592px;
	width:464px;
	background-position:60px 50%;
}

div.acc_box_spec {
	margin:15px auto 0px auto;
	width:580px;
	width:560px;
	border:1px solid #f1c796;
	padding:10px;
display:none;
}
div.acc_box_spec .acc_box_spec_icon span {
	display:inline-block;
	color:#fff;
	text-align:center;
	margin:2px 2px 0px 0px;
	padding:2px 10px 1px 10px;
	border-radius:3px;
	background-color:#999;
	font-family:'Hiragino Maru Gothic W4 JIS2004';
font-size:10.5px;
}
div.acc_box_spec .acc_box_spec_icon span.icon_male {background-color:#ff831b;}
div.acc_box_spec .acc_box_spec_icon span.icon_female {background-color:#fb89ab;}
div.acc_box_spec .acc_box_spec_icon span.icon_hot {background-color:#f5a600;}
div.acc_box_spec .acc_box_spec_icon span.icon_yogan {background-color:#df5e68;}
div.acc_box_spec .acc_box_spec_icon span.icon_active {background-color:#063747;}
div.acc_box_spec .acc_box_spec_icon span.icon_fitness {background-color:#80c818;}
div.acc_box_spec .acc_box_spec_icon span.icon_kaatsu {background-color:#fc5823;}
div.acc_box_spec .acc_box_spec_icon span.icon_stone {background-color:#95816f;}
div.acc_box_spec .acc_box_spec_icon span.icon_aerial {background-color:#cf8438;}
div.acc_box_spec .acc_box_spec_icon span.icon_sauna {background-color:#ccb000;}
div.acc_box_spec .acc_box_spec_icon span.icon_dance {background-color:#fba0aa;}
div.acc_box_spec .acc_box_spec_icon span.icon_boxing {background-color:#68472a;}
div.acc_box_spec .acc_box_spec_icon span.icon_esthe {background-color:#eb5f89;}
div.acc_box_spec .acc_box_spec_icon span.icon_bath {background-color:#7d9839;}
div.acc_box_spec .acc_box_spec_icon span.icon_water {background-color:#00afec;}
div.acc_box_spec .acc_box_spec_icon span.icon_wifi {background-color:#69c09d;}
div.acc_box_spec .acc_box_spec_icon span.icon_parking {background-color:#4c7582;}
div.acc_box_spec .acc_box_spec_icon span.icon_parking span {
	display:inline;
	background-color:#transparent;
}
div.acc_box_spec .acc_box_spec_name {
	color:#f18101;
	font-weight:bold;
font-size:22px;
}
div.acc_box_spec .acc_box_spec_price {
font-size:20px;
}
div.acc_box_spec .acc_box_spec_price span.orange {
font-size:22px !important;
}
div.acc_box_spec .acc_box_spec_price span.small {
font-size:16px !important;
}
div.acc_box_spec .acc_box_spec_address {
	font-family:'Hiragino Maru Gothic W4 JIS2004';
font-size:16px;
}
div.acc_box_spec .acc_box_spec_tel {
	font-family:'Hiragino Maru Gothic W4 JIS2004';
font-size:22px;
}
div.acc_box_spec .acc_box_spec_tel a {
	font-family:'Hiragino Maru Gothic W4 JIS2004';
	color:#f18101 !important;
}
div.acc_box_spec .acc_box_spec_holiday {
	font-family:'Hiragino Maru Gothic W4 JIS2004';
font-size:16px;
}
div.btn_schedule {
	margin:18px auto 70px auto;
	width:520px;
	cursor:pointer;
display:none;
}








/*------reason-------------------------------------------------------------------------------*/
section#reason {
	background-repeat:no-repeat;
	position: relative;
}

section#reason dl#reason01,
section#reason dl#reason02,
section#reason dl#reason03,
section#reason dl#reason04 {
	background-repeat:no-repeat;
	background-position:50% 0%;
}

section#reason dl#reason01 dd,
section#reason dl#reason02 dd,
section#reason dl#reason03 dd,
section#reason dl#reason04 dd {
	margin:20px auto 0px auto;
	width:626px;
	font-weight:300;
	font-size:22px;
}
section#reason dl#reason01 dd span.right,
section#reason dl#reason02 dd span.right,
section#reason dl#reason03 dd span.right,
section#reason dl#reason04 dd span.right {
	display:inline-block;
	width:100%;
	text-align:right;
	font-size:13px !important;
}
section#reason dl#reason01 dd img,
section#reason dl#reason02 dd img,
section#reason dl#reason03 dd img,
section#reason dl#reason04 dd img {
	display:block;
	margin:55px auto 0px auto;
	width:596px;
}

section#reason dl#reason02 {
	margin-top: -155px; /* ←見出し画像とスライドを少し重ねたい場合に調整。-50px程度がおすすめ。 */
	position: relative;
	z-index: 3; /* 見出し画像のz-indexを指定。 */
}


section#reason dl#reason03 {
	margin-top: 150px;
	margin-bottom: 0px;
	position: relative;
	z-index: 4;
}
section#reason dl#reason04 {
	margin-top: -50px;
	position: relative;
	z-index: 5;
}
  .reason-title {
	position: relative;
	z-index: 7;
  }
#reason h2 img {
	display: block;
	margin-top: 150px; /* ←ここで調整。値はお好みに変更可 */
  }
  
section#reason div#reason_lesson {
    position: absolute;
    top: 450px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 6;
    width: 700px;  /* 必要に応じて調整 */
}

section#reason div#reason_lesson ul {
	text-align:center;
}
section#reason div#reason_lesson ul li {
	display:inline-block;
	margin:20px 10px 0px 10px;
	width:284px;
}
section#reason div#reason_lesson ul li a {
	cursor:pointer;
}

section#reason div#reason_facility {
}
section#reason div#reason_facility ul {
	text-align:center;
}
section#reason div#reason_facility ul li {
	display:inline-block;
	margin:20px 10px 0px 10px;
	width:284px;
}
section#reason div#reason_facility ul li a {
	cursor:pointer;
}

section#reason div.swiper-slide dl {
	margin-top:40px;
}
section#reason div.swiper-slide dl dt {
	text-align:center;
	color:#e25a2a;
	font-weight:bold;
	position:relative;
font-size:30px;
}
section#reason div.swiper-slide dl dt img {
	display:block;
	margin:0px auto 30px auto;
	width:466px;
}
section#reason div.swiper-slide dl dt::after {
	content:'';
	display:block;
	margin:25px auto 0px auto;
	width:60px;
	border-bottom:2px solid #000;
}
section#reason div.swiper-slide dl dd {
	margin:25px auto 0px auto;
	width:590px;
	text-align:center;
	font-weight:300;
font-size:23px;
}

section#reason div.swiper-container_reason_lesson div.swiper-button-prev {
	display:block !important;
	top:280px;
	height:50px;
	left:30px !important;
	line-height:50px;
}
section#reason div.swiper-container_reason_lesson div.swiper-button-next {
	display:block !important;
	top:280px;
	height:50px;
	right:30px !important;
	line-height:50px;
}
section#reason div.swiper-container_reason_lesson div.swiper-button-prev:after,
section#reason div.swiper-container_reason_lesson div.swiper-button-next:after {
font-size:50px !important;
}


#reason_facility {
	position: relative;
	z-index: 4;
	margin-top: 30px;  /* ここで見出しとスライドの間隔を調整 */
}

section#reason div.swiper-container_reason_facility {
    position: relative;
    margin: 0 auto;
    padding-bottom: 50px;

    max-width: 100%;
    overflow: hidden;  /* ← ここでoverflow制御 */
}


section#reason div.swiper-container_reason_facility .swiper-slide {
	flex-shrink: 0;
	width: 100%; /* 1枚表示にする */
    box-sizing: border-box;
    margin: 0 auto;
    text-align: center;
}

/* 画像中央寄せ */
section#reason div.swiper-container_reason_facility .swiper-slide img {
    display: block;
    margin: 0 auto;
}


section#reason div.swiper-container_reason_facility div.swiper-button-prev {
	display:block !important;
	top:280px;
	height:50px;
	left:30px !important;
	line-height:50px;
}
section#reason div.swiper-container_reason_facility div.swiper-button-next {
	display:block !important;
	top:280px;
	height:50px;
	right:30px !important;
	line-height:50px;
}
section#reason div.swiper-container_reason_facility div.swiper-button-prev:after,
section#reason div.swiper-container_reason_facility div.swiper-button-next:after {
font-size:50px !important;
}

section#reason #reason_last {
	margin:80px auto 50px auto;
	width:596px;
}





/*------secret--------------------------------------------------------------------------------*/
section#secret {
	position: relative;
	z-index: 5; /* 3とか5とか適当に大きめに調整 */
	margin-top: -150px; /* さらに上げたい場合は数値を大きく */
}

section#secret h2 {
	margin:0px auto 0px auto;
	width:594px;
}

section#secret div.swiper-slide {
	margin:40px 0px 0px 0px;
	width:700px;
	/*height:1368px;*/
	height:1330px;
	background-image:url(../pic2/bg/bg_secret_slide.jpg);
	/*background-image:url("https://syn-vid-qxvlhb3k.landinghub.site/.landinghub/https%3A%2F%2Fwww.hotyoga-caldo.com%2Flp2%2Fpic2%2Fbg%2Fbg_secret_slide.jpg");*/
	background-repeat:no-repeat;
}
section#secret div.swiper-slide h3 {
	height:426px;
	height:144px;
	padding-top:282px;
	color:#fff;
	text-align:center;
	background-repeat:no-repeat;
	background-position:50% 60px;
	font-family:'Noto Sans JP',sans-serif !important;
	font-weight:bold;
font-size:48px;
}
section#secret div#secret_slide02 h3 {
	height:426px;
	height:182px;
	padding-top:244px;
}
section#secret div.swiper-slide h3 + img {
	display:block;
	margin:0px auto 0px auto;
	width:600px;
}
section#secret div.swiper-slide p {
	margin:30px auto 0px auto;
	width:600px;
	color:#fff;
	font-weight:300;
font-size:23px;
}
section#secret div.swiper-slide p span {
	color:#ff0;
}
section#secret div.swiper-slide dl {
	margin:30px auto 0px auto;
	width:600px;
}
section#secret div.swiper-slide dl dt {
	color:#ff0;
	font-weight:300;
font-size:23px;
}
section#secret div.swiper-slide dl dd {
	color:#fff;
	font-weight:300;
font-size:23px;
}

section#reason div.swiper-container_secret div.swiper-button-prev {
	display:block !important;
	top:280px;
	height:50px;
	left:30px !important;
	line-height:50px;
}
section#reason div.swiper-container_secret div.swiper-button-next {
	display:block !important;
	top:280px;
	height:50px;
	right:30px !important;
	line-height:50px;
}
section#reason div.swiper-container_secret div.swiper-button-prev:after,
section#reason div.swiper-container_secret div.swiper-button-next:after {
font-size:50px !important;
}

section#secret #title_secret02 {
	margin:100px auto 0px auto;
	width:600px;
}
section#secret #title_secret02 + p {
	margin:22px auto 0px auto;
	width:598px;
}

section#secret #title_secret03 {
	margin-top:120px;
}
section#secret #title_secret03 + ul {
	margin-top:-140px;
	text-align:center;
	padding-bottom:150px;
}
section#secret #title_secret03 + ul li {
	display:inline-block;
	margin:50px 10px 0px 10px;
	width:182px;
	text-align:center;
font-size:23px;
}
section#secret #title_secret03 + ul li img {
	display:block;
	margin-bottom:10px;
}

#reason03_block {
	position: relative;
	z-index: 5;          /* 必要に応じて数字調整（例：5～10） */
	margin-top: -100px;  /* スライドを見出しと重ねたい場合はマイナス調整 */
  }
  
  #reason03_block .swiper-container_secret {
	position: absolute;
	top: 55%;              /* ← 修正！top: 0; で上寄せ */
	left: 50%;
	transform: translateX(-50%);
	z-index: 6;
	width: 700px;
}
#reason04_block {
    position: relative;
    z-index: 5;
}


/*------voice---------------------------------------------------------------------------------*/
section#voice {
	background-repeat: no-repeat;
	position: relative; /* ★ スライド重ねのため追加 */
}
  
  .voice-title {
	position: relative;
	top: -50px;       /* ← 数値で重なり具合を調整 */
	z-index: 9;       /* reason_title04 より上にする */
  }

  section#voice h2 img {
    display: block;
    margin: 0 auto;
    width: 90%; 
    max-width: 600px;
}

section#voice .voice-swiper {
	position: relative;
	z-index: 10;
	margin-bottom: 65px;
}

section#voice .voice-swiper .swiper-slide dt {
	width: 214px;
	font-weight: bold;
	font-size: 23px;
}

section#voice .voice-swiper .swiper-slide dt img {
	padding-bottom: 15px;
	width: 100%;
}

section#voice .voice-swiper .swiper-slide dd {
	width: 304px;
	font-weight: 300;
	font-size: 23px;
	color: #000;
}

section#voice .voice-swiper .swiper-slide dd span {
	font-weight: bold;
	color: #e25b29;
}

/* voice swiper ナビボタンのスコープ指定を追加 */
/* voice swiper ナビボタンの位置を左右に強制的に配置 */
section#voice .swiper-container_voice .swiper-button-prev {
	display:block !important;
	top:280px;
	height:50px;
	left:30px !important;
	line-height:50px;
}
section#voice .swiper-container_voice .swiper-button-next {
	display:block !important;
	top:280px;
	height:50px;
	right:30px !important;
	line-height:50px;
}
section#voice .swiper-container_voice .swiper-button-prev:after,
section#voice .swiper-container_voice .swiper-button-next:after {
font-size:50px !important;
}
/*------flowlp-------------------------------------------------------------------------------*/
section#flowlp .flow_btn{
	position: absolute; left: 8%; bottom: 190px;
}
/*------faqlp---------------------------------------------------------------------------------*/
section#faqlp {
	background-repeat:no-repeat;
	background-position:0px 50px;
}
section#faqlp h2 {
    text-align: center;
    margin: 0 auto; /* ← 上の余白はお好みで調整 */
}


section#faqlp dl {
	margin: 30px auto;
	border: 1px solid #FF6600;
}
section#faqlp dl dt {
    display: flex;
    align-items: center;  /* ←縦中央揃え */
    height: 120px;          /* ← 高さを80pxに変更 */
    padding: 0px 0px 0px 100px;
    font-size: 30px;
    font-weight: bold;
    position: relative;
    line-height: 1.2;    /* ←複数行対応用 */
}
section#faqlp dl dd {
	margin-top:25px;
	min-height:84px;
	padding:22px 0px 0px 125px;
	background-repeat:no-repeat;
	background-position:0px 0px;
	font-weight:300;
	font-size:30px !important;
}

.faq-content {
	display: none;
  }
  
  .faq-title {
	position: relative;
	cursor: pointer;
	padding-right: 2em;
	overflow: visible; /* ←念のため追加 */
  }
  
  .faq-title::after {
	content: "+";
	position: absolute;
	right: 1em;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.2em;
	color: #FF7819;
	transition: all 0.3s ease;
  }
  
  .faq-title.active::after {
	content: "−";
	color: #FF7819;
  }
  section#faqlp dl dd.faq-content {
    position: relative;
    padding: 20px 30px 20px 100px; /* ← 左余白。Aマークから本文までの距離 */
    background-color: #FF7819;
    color: #fff;
    font-size: 30px !important;
    line-height: 1.6;
    box-sizing: border-box;
}
  
.faq-title.active + .faq-content {
	display: block;
}

section#faqlp dl dt::before {
    content: "Q";
    color: #ff7819;
    font-weight: bold;
    font-size: 40px;
    position: absolute;
    left: 30px;      /* ← 文章より少し左に配置 */
    top: 50%;
    transform: translateY(-50%);
}

  section#faqlp dl dd.faq-content::before {
    content: "A";
    color: #fff;
    font-weight: bold;
    font-size: 40px;
    position: absolute;
    left: 30px;            /* ← 質問と同じ値に */
    top: 20px;             /* ← 上からの位置を微調整 */
}

/*------inspect_form-----------------------------------------------------------------------*/
section#reserve {
	margin:90px -130px 0px -130px;
	margin-top:-10px;
	padding-top:100px;
	width:960px;
}
section#inspect_form {
	padding-top:0px !important;
	margin-top:0px !important;
}

#inspect_form div#scroll_point {
	margin-top:-100px;
	padding-top:100px;
}