@charset "UTF-8";

#c4 + div.composite_box01 .inner_item.empty {
display: none;
}

#c4 + div.composite_box01 .inner_item {
width: 100% !important;
}

#c4 + div.composite_box01 .wrapper_item{
flex-wrap: nowrap;
}
@media screen and (max-width: 900px) {
    #c4 + div.composite_box01 .wrapper_item
 {
    flex-wrap: wrap;
}
}


.heading.block_header_1 h2.h::before,
.heading.block_header_2 p::before,
.heading.block_header_4 p::before {
  content: "";
  display: block;
  width: 80px;
  height: 5px;
  background-color: #afc1d7;
}

.heading.block_header_1 h2.h {
  margin-bottom: 0;
}
.heading.block_header_1 h2.h::before {
  margin-bottom: 12px;
}

.heading.block_header_2 p,
.heading.block_header_4 p {
  margin-top: 0;
}
.heading.block_header_2 p::before,
.heading.block_header_4 p::before {
  margin-top: 0px;
  margin-bottom: 12px;
}

.heading.align-center h2.h::before,
.heading.align-center p::before {
  margin-left: auto;
  margin-right: auto;
}

.heading.align-left h2.h::before,
.heading.align-left p::before {
  margin-left: 0;
  margin-right: auto;
}

@media screen and (max-width: 900px) {
.heading.align-center h2.h::before,
.heading.align-center p::before {
  margin-left: auto;
}
.heading.align-left h2.h::before,
.heading.align-left p::before {
  margin-left: auto;
}
}

/* MV調整_20260918 */
#mv,
#mv .mv_mp4,
#mv .mv_mp4 video{
    height: auto;
    max-height: initial !important;
}
@media screen and (min-width: 901px) {
    #mv {
        width: 100%;
    }
}
@media screen and (max-width: 125vh){
	#mv.mv_mp4_cover {
		height: auto !important;
		min-height: 0 !important;
	}
}







@media screen and (min-width: 901px) and (max-width: 1920px) {
	#hd_l+section .inner_item_txt {
		padding-left: 5%;
	}

	#hd_r+section .inner_item_txt {
		padding-right: 5%;
	}

	#hd_r+section>.content_wrapper {
		height: 660px;
	}
}

@media screen and (min-width: 1201px) and (max-width: 1440px) {

	#hd_r+section>.content_wrapper {
		height: 600px;
	}
}


/* --- */

#hd_r+section>.content_wrapper {
	--bg-text-top: auto; /* set dynamically by JS on PC (901–1200px) and SP (≤900px) */
}

#hd_r+section>.content_wrapper::before {
	position: absolute;
	display: block;
	pointer-events: none;
	content: "THE APPEAL & \A FEATURES OF \A A SALON FOR \A EVERYONE";
	font-family: "Bricolage Grotesque", sans-serif;
	white-space: pre-wrap;
	font-weight: 800;
	font-size: clamp(4.5rem, 5vw, 13rem);
	bottom: 0px;
	top: var(--bg-text-top, auto);
	left: -20px;
	color: var(--i_main_color);
	line-height: 1;
	z-index: -1;
}

@media screen and (max-width: 1200px) {
	#hd_r+section>.content_wrapper::before {
		bottom: auto;
	}
}

@media screen and (max-width: 900px) {
	#hd_r+section {
		padding-bottom: 80px;
	}#hd_r+section>.content_wrapper::before{
top: unset;
}

}