@charset "UTF-8";

#main-header .menu-nav .t_style {
  font-family: "Cormorant Garamond", serif;
}


/*----------------------------------------------------------top-----*/

.page-news_index .method_rt a:hover img{
    opacity: 0.7;
}

@media screen and (max-width: 834px){
.page-index .sec02 .method_textbox .method_border {
    font-size: 17px;
    font-size: 1.7rem;
}
}
.page-index .sec04 .shop .shop_list {
    margin-bottom: 74px;
}
.page-index .sec04 .shop .shop_list:only-child {
    width: calc(50% - 25px);
}
@media screen and (max-width: 834px) {
    .page-index .sec04 .shop .shop_list:only-child {
        width: 100%;
    }
}

.page-index .sec04 .shop .online .sns {
    align-items: center;
}

.page-index .sec04 .shop .online .sns.sns_subttl {
    -webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
@media screen and (max-width: 834px) {
    .page-index .sec04 .shop .online .sns.sns_subttl {
        display: block;
    }
}

.page-index .sec04 .shop .online .sns .shop_subttl {
    font-size: 14px;
    line-height: 1.8;
    background-color: #bcb7b2;
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: normal;
    padding: 0 10px;
    margin-left: 20px;
}
@media screen and (max-width: 834px) {
    .page-index .sec04 .shop .online .sns .shop_subttl {
        margin-left: 0;
        margin-top: 10px;
    }
}

.page-index .sec04 .shop .online .reservation {
    margin: 39px 0 0 0;
}

/* 240305　修正 */
.page-index .sec01 .top-bottom-column {
    padding-top: 0;
}
.page-index .sec01 .top-bottom-column .column-bottom {
    padding-top: 0;
}

.page-index .sec01 .top-bottom .column-bottom {
    margin-top: 60px;
    width: 100%;
}

/*----------------------------------------------------------news-----*/
@media screen and (max-width: 834px){
.newsWrap {
    padding-top: 80px;
    margin-top: -80px;
}
}

/*----------------------------------------------------------counseling-----*/
.counseling-top__ttl,
.counseling-box__id span,
.counseling-step__ttl,
.counseling-option__ttl,
.counseling-level__list dl dt,
.counseling-product__ttl {
    font-family: "Shippori Mincho", serif;
}

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

.counseling-option__img {
    margin-bottom: 25px;
}    

.counseling-option__img img {
    width: 75%;
}
}

/*----------------------------------------------------------cycle-----*/

@media screen and (max-width: 834px){
.page-cycle_index .sec-ideal .cycle-txt.center {
    text-align: left;
}
}

/*----------------------------------------------------------designer-----*/

.list-designer__txt {
    font-family: "Noto Sans JP", sans-serif;
}

.list-member__txt{
  font-size: 1.1rem;
}

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

.designer-wrap {
    background: none;
}

.designer-ttl {
    letter-spacing: 1px;
}    

.designer-content {
    width: 100%;
    order: 2;
    background: #efe6e1;
    position: relative;
    right: 6%;
    top: -15px;
}

.designer-img {
    width: 100%;
    order: 1;
    left: 6%;
    position: relative;
}

.list-designer__item.s3 .list-designer__ttl br {
    display: block;
}

}

/*----------------------------------------------------------menu-----*/

@media screen and (max-width: 640px){
.about-list__item {
    width: 45%;
}

.about-list__cross {
    display: block;
    width: 10%;
    padding-top: 40px;
}

}

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

.beauty-content {
    margin-top: -135px;
    z-index: 2;
}

.page-menu_index .sec-beauty .beauty-ttl-wrap {
    background: #f8f5f2;
    display: inline-block;
    padding: 15px 15px 0 0;
}

.beauty-ttl {
    margin-bottom: 0;
}

.list-standard__img img {
    height: auto;
    object-fit: contain;
}    

.list-standard__img:after {
    padding-bottom: calc(225 / 339 * 100%);
}

.list-standard__img .thumbnail {
    height: 225px;
}
}
.list-menu__price{
  justify-content: space-between;
}


/*----------------------------------------------------------recruit-----*/

.career-slider .item-wp {
    max-width: 655px;
}

.career-slider .item-wp .flex .info{
    padding-left: 25px;
}

/* 2024/03/11　修正追加 */
.lib-rct-entry__btn {
    cursor: default;
}

.p-rct__sln-lst li:last-child .rct__sln-lst-ttl {
    MARGIN-BOTTOM: 10px;
}

@media screen and (max-width: 834px){
.top-recruit-bg .ttl {
    font-size: 17px;
    font-size: 1.7rem;
    letter-spacing: 1px;
}

.page-recruit_index .item__name{
    display: block;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.page-recruit_index .item__name span{
    display: inline-block;
}

.page-recruit_index .item__name:after{
    content: "";
    position: absolute;
    background: #292623;
    height: 1px;
    width: 30px;
    bottom: 0;
    left: 0;
}

.page-recruit_index .people-block .item__name span.name-en {
    margin-right: 12px;
}

.page-recruit_index .career-slider .item-wp .flex .info {
    width: 100%;
    padding: 0 5px;
}
}


/*----------------------------------------------------------philosophy-----*/

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

.page-philosophy_index .hairstyles-block .info{
    margin-bottom: 25px;
}

.page-philosophy_index .img.bg-img.sp{
    margin: 0 auto 25px;
}
}

@media screen and (max-width: 640px){
.page-philosophy_index .hairdesign-wp {
    padding: 0;
}

.page-philosophy_index .hairdesign-block .list-circle {
    max-width: 100%;
    position: relative;
}

.page-philosophy_index .hairdesign-block .list-circle:before{
    position: absolute;
    content: "";
    border-left: 1px dashed #bebbb7;
    left: 55px;
    top: 5px;
    height: calc(100% - 40px);
}

.page-philosophy_index .hairdesign-block .list-circle .item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.page-philosophy_index .hairdesign-block .list-circle .item__circle {
    min-width: 110px;
    margin-right: 15px;
}

.page-philosophy_index .hairdesign-block .list-circle .item__circle.cir-01 img {
    width: 110px;
}

.page-philosophy_index .hairdesign-block .list-circle .item__circle.cir-02 img {
    width: 100px;
}

.page-philosophy_index .hairdesign-block .list-circle .item__circle.cir-03 img {
    width: 90px;
}


.page-philosophy_index .hairdesign-block .list-circle .item__caption {
    text-align: left;
}

.page-philosophy_index .proposing-block .info {
    -ms-flex-order: 1;
    order: 1;
}    

.page-philosophy_index .proposing-block .img {
    -ms-flex-order: 2;
    order: 2;
    margin: 30px 0 0;
}
}

/*----------------------------------------------------------method-----*/

@media screen and (max-width: 640px){
.page-method_index .sec-mv-main {
    height: 285px;
    margin: 50px 0 25px;
}

.sec-method-page .intro-block .intro__desc {
    font-size: 14px;
    font-size: 1.4rem;
}

.sec-method-page .method-content .content__item .item__desc p {
    font-size: 14px;
    font-size: 1.4rem;
}

.sec-method-page .method-content .content__item .item__desc h4,
.sec-method-page .method-content .content__item:nth-child(2) .item__desc h4,
.sec-method-page .method-content .content__item:nth-child(3) .item__desc h4,
.sec-method-page .method-content .content__item:nth-child(4) .item__desc h4 {
    margin-bottom: 25px;
}

.sec-method-page .method-content .content__item .item__desc .refer-block {
    align-items: center;
}

.sec-method-page .method-content .content__item .item__desc .refer-block img {
    width: calc(100% - 145.5px);
}    

.sec-method-page .method-content .content__item:nth-child(1),
.sec-method-page .method-content .content__item:nth-child(2),
.sec-method-page .method-content .content__item:nth-child(3) {
    margin-bottom: 15px;
}

.sec-method-page .method-content .content__item:nth-child(2) .item__desc .desc__wrap,
.sec-method-page .method-content .content__item:nth-child(3) .item__desc,
.sec-method-page .method-content .content__item:nth-child(3) .item__desc .desc__wrap,
.sec-method-page .method-content .content__item:nth-child(4) .item__desc .desc__wrap{
    padding-left: 0px;
}

.sec-method-page .method-content .content__item:nth-child(2n+2) .item__desc {
    padding-right: 0px;
}

.sec-method-page .method-content .content__item:nth-child(4) .item__desc .refer-block{
    top: -20px;
}

.sec-method-page .method-content .content__item:nth-child(2) .item__desc .refer-block img,
.sec-method-page .method-content .content__item:nth-child(3) .item__desc .refer-block img {
    top: 0;
}

.sec-method-page .method-content .content__item:nth-child(4) .item__desc .refer-block img {
    width: calc(100% - 166px);
    top: 0;
}

}

/*----------------------------------------------------------approach-----*/

@media screen and (max-width: 834px){	
	
.sec-aproach-page .intro-block .intro__desc h2 {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 0.1em;
    line-height: 1.7;
    margin-bottom: 27px;
    color: #413f3d;
}
	
.sec-aproach-page .intro-block .intro__desc p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2.15;
}
	
.sec-aproach-page .intro-block .intro__img {
    margin: 0 auto 25px;
	width: 80%;
}	
	
.sec-aproach-page .demo-block .demo__img {
    margin-bottom: 20px;
}	
	
.sec-aproach-page .demo-block.def__pos .demo__img {
    margin-bottom: 30px;
}	
	
.sec-aproach-page .method-block .method-first .first__desc h4 {
    line-height: 1.7;	
}

.sec-aproach-page .method-block .method-first .first__img {
    margin-bottom: 20px;
}	
}

@media screen and (max-width: 640px){
	
.sec-aproach-page .status-block {
    margin-bottom: 36px;
}	
	
.sec-aproach-page .status-block .status__item {
    width: 100%;
    display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0;
	margin-bottom: 25px;
}	

.sec-aproach-page .status-block .status__item:nth-child(2) {
    left: 0;
}	
	
.sec-aproach-page .status-block .status__item:last-child {
    right: 0;
}	
	
.sec-aproach-page .status-block .status__item .img{
	margin-right: 20px;
	width: 110px;
}
	
.sec-aproach-page .status-block .status__item .img img{
	width: 100%;
}
	
.sec-aproach-page .status-block .status__item:after {
    transform: rotate(90deg);
    left: 45px;
    top: 100% !important;
    right: auto;
}	
	
.sec-aproach-page .status-block .status__item .detail{
	text-align: left;
	width: calc(100% - 130px);
}	
	
.sec-aproach-page .method-block .method-last .last__wrap .last__item {
    width: 100%;
    margin-bottom: 25px;
    display: flex;
}		
	
.sec-aproach-page .method-block .last__item .img{
	margin-right: 20px;
	width: 110px;
}
	
.sec-aproach-page .method-block .method-last .last__wrap .last__item img {
    padding: 0;
    margin-bottom: 0;
	width: 100%;
}	
	
.sec-aproach-page .method-block .last__item:after{
    transform: rotate(90deg);
    left: 65px;
    top: 100% !important;
    right: auto;
}	
	
.sec-aproach-page .method-block .last__item:nth-child(2):after{
	display: block !important;
}	
	
.sec-aproach-page .method-block .last__item .detail{
	text-align: left;
	width: calc(100% - 130px);
}		

.sec-aproach-page .method-block .method-last .last__wrap .last__item h5 {
    text-align: left;
}	
	
}

.sec-aproach-page .method-block .last__item:after, 
.sec-aproach-page .method-block .last__item:nth-child(1):after,
.sec-aproach-page .method-block .last__item:nth-child(2):after,
.sec-aproach-page .method-block .last__item:nth-child(3):after {

}


/*----------------------------------------------------------gnav-----*/

#main-header .gnav {
    background-color: rgba(248,245,242,.95)!important;
}


#main-header .menu-nav .t_style small {
display: block;
font-size: 12px;
font-size: 1.2rem;
font-family: "Noto Sans JP", sans-serif;
color: #c0aba3;
}
.gnav-logo {
width: 65px;
height: auto;
position: absolute;
left: 73px;
top: 20px;
}

@media screen and (max-width: 640px){
.gnav-logo {
left: 30px;
}
.gnav-logo img {
width: 9vw !important;
}
}

@media screen and (max-width: 480px){
.menu-nav {
padding-top: 30px;
}
#main-header .menu-nav .t_style small {
font-size: 10px;
font-size: 1rem;
}
#main-header .menu-nav .t_style {
    font-size: 21px;
    font-size: 2.1rem;
    margin-bottom: 10px;
}
#main-header .nav-text {
    margin-bottom: 10px;
}
}
/*----------------------------------------------------------ecSite bnr-----*/
.ecSite {
    margin: 60px auto 0;
    max-width: 800px;
    padding: 20px;
    width: 100%;
}
.ecSite a {
display: block;
}
.ecSite a:hover {
    opacity: .6;
}

.ecSite .wrap{
	background: #e2d5cf;
	padding: 30px 40px;
}

.ecSite .ecttl{
	font-size: 32px;
	font-size: 3.2rem;
	margin: 0 auto;
    font-family: "Cormorant Garamond", serif;
    text-align: center;
}

.ecSite .cf{
	margin: 0 auto;
	width: 80%;
}

.ecSite .cf .text{
	display: inline-block;
	margin-right: 4%;
	vertical-align: middle;
	width: calc(95% - 200px);
    text-align: center;
}

.ecSite .cf .img{
	display: inline-block;
    vertical-align: middle;
    background: #fff;
    text-align: center;
    width: 200px;
    height: 200px;
    -moz-border-radius: 200px;
    -webkit-border-radius: 200px;
    border-radius: 200px;
}

@media screen and (max-width: 640px){
.ecSite .cf {
   text-align: center;
   width: 100%;
}	
.ecSite .wrap {
    padding: 30px 20px;
}
.ecSite .ecttl {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 5px;
}
	
.ecSite .cf .text {
    width: calc(95% - 125px);
}	
	
.ecSite .cf .img {
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    text-align: center;
    width: 120px;
    height: 120px;
    -moz-border-radius: 120px;
    -webkit-border-radius: 120px;
    border-radius: 120px;
}
	
.ecSite .cf .img img {
	width: 94%;
}		
}
.link-block {
padding: 80px 0;
}
.link-block ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.link-block ul li {
width: 24%;
font-family: "Cormorant Garamond", serif;
text-align: center;
font-size: 16px;
font-size: 1.6rem;
}
.link-block ul li a {
display: block;
}
.link-block ul li img {
width: 20%;
display: block;
margin: 0 auto;
padding-top: 10px;
}
.link-block ul li span {
display: block;
}
.link-block ul li strong {
font-size: 24px;
font-size: 2.4rem;
}

.link-block ul li.stay {
color: #bcb7b2;
}
.link-block ul li.stay img {
opacity: 0;
}

@media screen and (max-width: 640px){
.link-block ul li { 
width: 49%;
margin-bottom: 60px;
}
.link-block {
padding: 80px 0 20px;
}
}


/*-----------------------------------------------------お問い合わせボタン-----*/
#main-header .btn-hcontact{
  font-family: "Cormorant Garamond", serif;
  font-size: 2.8125vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  height: 2.5em;
  max-width: 720px;
  background-color: #bab7b2;
  color: #ffffff;
  margin-top: 60px;
}
#main-header .btn-hcontact small {
  display: block;
  font-size: 1.2rem;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 640px){
  #main-header .btn-hcontact{
    font-size: 2.4rem;
    margin-top: 30px;
  }
}
@media screen and (max-width: 480px){
  #main-header .btn-hcontact{
    font-size: 21px;
    font-size: 2.1rem;
    margin-top: 20px;
  }
  #main-header .btn-hcontact small {
    font-size: 1rem;
  }
}
@media screen and (min-width: 641px) {
    #main-header .btn-hcontact{
        width: 75%;
        position: absolute;
        right: 0;
        top: calc(((2.8125vw * 1.4) + 1.2rem + 57px) * 2);
        margin-top: 0;
    }
}

#main-footer .inner .footer-lt{
  flex-wrap: wrap;
}
#main-footer .inner .btn-fcontact{
  width: 100%;
  font-size: 1.4rem;
  margin-top: 30px;
}
#main-footer .inner .btn-fcontact a{
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 3em;
  width: 190px;
  background-color: #bbb7b3;
  margin-left: auto;
}
@media screen and (max-width: 640px){
  #main-footer .inner .btn-fcontact{
    font-size: 1.8rem;
    margin-top: 8%;
  }
  #main-footer .inner .btn-fcontact a{
    margin: 0 auto;
  }
}
@media screen and (max-width: 1024px){
  #main-footer .inner .footer-lt .list li:last-child a{
    margin-right: 0;
  }
}
@media screen and (min-width: 641px) and (max-width: 1024px){
  #main-footer .inner .footer-lt .list{
    margin-left: auto;
    width: min-content;
  }
}
@media screen and (min-width: 1025px){
  #main-footer .inner .footer-rt{
    flex: 0 0 auto;
  }
  #main-footer .inner .footer-lt{
    flex: 2 1 auto;
    justify-content: flex-end;
  }
  #main-footer .inner .footer-lt .list_ml li:last-child a{
    margin-right: 0;
  }
}

/*----------------------------------------------------------salon-----*/
.list-anchor .item {
    width: 25%;
    padding: 10px 15px;
}
@media screen and (max-width: 640px) {
    .list-anchor .item {
        width: 50%;
    }
}
@media screen and (max-width: 834px) {
    .list-salon__calendar {
        margin-bottom: 0;
    }
    .list-salon__btn {
        margin-top: 30px;
    }
}

.list-salon__subttl {
    display: inline-block;
    clear: both;
    font-size: 18px;
    line-height: 1.8;
    background-color: #bcb7b2;
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 300;
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 20px;
}
@media screen and (max-width: 834px) {
    .list-salon__subttl {
        font-size: 16px;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 10px;
    }
}

/* footer */
/* 240311 修正 */
.btn-fcontact {
    display: flex;
    justify-content: end;
    align-items: center;
}
#main-footer .inner .btn-fcontact a.fab {
    color: #fff;
    opacity: .5;
    font-size: 32px;
    margin-left: 10px;
    width: fit-content;
    background-color: transparent;
    transition: all 0.3s ease;
}
#main-footer .inner .btn-fcontact a.fab:hover {
    opacity: 1;
    transition: all 0.3s ease;
}


/*----------------------------------------------------------salon 20251114-----*/
.list-salon__map iframe {
	filter: none;
	-webkit-filter:none;
	-webkit-backface-visibility: visible;
}

.page-index .sec04 .shop .shop_list {
	width: 50%;
}
@media screen and (max-width: 834px) {
	.page-index .sec04 .shop .shop_list {
		width: 100%;
	}
}


.page-index .sec04 .shop .shop_list .bg-img__wrap{
	aspect-ratio: 42/23;
}
.page-index .sec04 .shop .shop_list .bg-img__wrap img {
	aspect-ratio: 42/23;
    object-fit: cover;
}

.page-index .sec04 .shop .shop_list .bg-img__wrap{
	aspect-ratio: 42/23;
}