@charset "UTF-8";

/* main_layout */
/* **************************** S:main_layout **************************** */
.about_component{width: 100%;background-color: var(--color-ivory1);}
.about_component .about_hd{width: 100%;line-height: 0;position: sticky;left: 0;top: 0;right: 0;z-index: 1;}
.about_component .about_bd{width: 100%;line-height: 0;position: relative;z-index: 2;background-color: var(--color-ivory2);}

.about_component .about_sect{overflow: hidden;}

.about_component .about_navi_box{width: calc(100% - 40px);background-color: var(--color-ivory1);position: fixed;left: 40px;top: 0;right: 0;z-index: 3;overflow: hidden;}
.about_component .about_navi_box .navi_list{display: flex;align-items: stretch;flex-wrap: nowrap;background-color: var(--color-ivory1);}
.about_component .about_navi_box .navi_item{flex: 1;max-width: 33.3334%;}
.about_component .about_navi_box .navi_item .navi_link{display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;width: 100%;padding: 8.5px 0;box-sizing: border-box;position: relative;overflow: hidden;}
.about_component .about_navi_box .navi_item .navi_link::after{content: '';display: block;width: 0;height: 1px;background-color: var(--color-red1);transform: scaleY(1.5) translateX(-50%);transition: width .35s;position: absolute;left: 50%;bottom: 0;}
.about_component .about_navi_box .navi_item.active .navi_link::after{width: 100%;}
.about_component .about_navi_box .navi_item .navi_name{display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-23);color: var(--color-gray4);letter-spacing: 0.005em;transition: color .35s;}
.about_component .about_navi_box .navi_item.active .navi_name{color: var(--color-gray7);}

.about_component #aboutNavi{opacity: 1;transition: top .45s, opacity .55s;}
.about_component #aboutNavi.hidden{top: -40px;opacity: 0;}
/* **************************** //E:main_layout  **************************** */


.about_hd_sect{width: 100%;box-sizing: border-box;}
.about_hd_sect .img_cnt_box{width: 100%;aspect-ratio: 5 / 8;padding-top: 40px;position: relative;overflow: hidden;box-sizing: content-box;}
.about_hd_sect .img_cnt_box .img_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.about_hd_sect .img_cnt_box .img_box img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

.about_salon_sect{}
.about_salon_sect .sect_inner{width: 100%;padding: 64px 16px 70px;box-sizing: border-box;overflow: hidden;}
.about_salon_sect .sect_tit_box{}
.about_salon_sect .sect_tit_box .sect_tit{font-size: var(--fs-26);font-weight: 400;line-height: var(--lh-30);color: var(--color-red1);letter-spacing: -0.02em;}
.about_salon_sect .sect_desc_box{padding-left: 48px;}
.about_salon_sect .sect_tit_box + .sect_desc_box{margin-top: 24px;}
.about_salon_sect .sect_desc_box .sect_desc{font-size: var(--fs-13);font-weight: 500;line-height: var(--lh-24);color: var(--color-black1);letter-spacing: 0.01em;word-break: break-all;}

.about_salon_sect .sect_img_box{padding-left: 48px;}
.about_salon_sect .sect_desc_box + .sect_img_box{margin-top: 70px;}
.about_salon_sect .sect_img_box .img_box{display: inline-block;width: 100%;}
.about_salon_sect .sect_img_box .img_box img{width: 100%;}


.about_refined_sect{background: linear-gradient(to bottom, #EDE8DC 0, rgba(237, 232, 220, 0) 100%);}
.about_refined_sect .sect_inner{width: 100%;padding: 60px 0 70px 16px;box-sizing: border-box;overflow: hidden;}
.about_refined_sect .sect_tit_box{padding-right: 16px;}
.about_refined_sect .sect_tit_box .sect_tit{font-size: var(--fs-26);font-weight: 400;line-height: var(--lh-30);color: var(--color-black1);letter-spacing: -0.02em;}

.about_refined_sect .about_refined_swiper{margin-top: 32px;}
.about_refined_sect .about_refined_list{}
.about_refined_sect .about_refined_item{width: auto;height: auto;opacity: .4;transition: opacity .45s ease .25s;}
.about_refined_sect .about_refined_item.active{opacity: 1;}

.about_refined_sect .about_refined_item.item_ratio_230_34{width: 72.1%;}
.about_refined_sect .about_refined_item.item_ratio_230_34 .cnt_img_box{width: 100%;aspect-ratio: 3 / 4;}
.about_refined_sect .about_refined_item.item_ratio_230_11{width: 72.1%;}
.about_refined_sect .about_refined_item.item_ratio_230_11 .cnt_img_box{width: 100%;aspect-ratio: 1 / 1;}
.about_refined_sect .about_refined_item.item_ratio_287_54{width: 89.97%;}
.about_refined_sect .about_refined_item.item_ratio_287_54 .cnt_img_box{width: 100%;aspect-ratio: 5 / 4;}

.about_refined_sect .about_refined_item .cnt_img_box{width: 100%;line-height: 0;}
.about_refined_sect .about_refined_item .cnt_img_box .img_box{width: 100%;line-height: 0;}
.about_refined_sect .about_refined_item .cnt_img_box .img_box img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.about_refined_sect .about_refined_item .cnt_desc_box{margin-top: 8px;}
.about_refined_sect .about_refined_item .cnt_desc_box .desc_cate_box{display: inline-flex;align-items: center;flex-wrap: nowrap;column-gap: 1px;}
.about_refined_sect .about_refined_item .cnt_desc_box .desc_cate{font-size: var(--fs-12);font-weight: 400;line-height: var(--lh-16);color: var(--color-brown3);-webkit-text-stroke-width: 0.15px;}
.about_refined_sect .about_refined_item .cnt_desc_box .desc_cate.with_and{}
.about_refined_sect .about_refined_item .cnt_desc_box .icon_and_sm{display: inline-block;width: 9px;height: 9px;pointer-events: none;}
.about_refined_sect .about_refined_item .cnt_desc_box .icon_and_sm svg{width: 100%;height: 100%;pointer-events: none;}
.about_refined_sect .about_refined_item .cnt_desc_box .icon_and_sm svg path{fill: var(--color-brown3);}

.about_refined_sect .sect_desc_box{margin-top: 32px;padding-left: 48px;padding-right: 16px;}
.about_refined_sect .sect_desc_box .sect_desc{font-size: var(--fs-13);font-weight: 500;line-height: var(--lh-24);color: var(--color-black1);letter-spacing: 0.01em;}
.about_refined_sect .sect_desc_box .sect_desc span{display: inline-flex;align-items: center;flex-wrap: nowrap;column-gap: 1px;}
.about_refined_sect .sect_desc_box .sect_desc span.with_and::after{content: '';display: inline-block;width: 10px;height: 11px;background-image: url('../images/icon/icon_and_sm.svg');background-repeat: no-repeat;background-size: cover;background-position: center center;}

.about_spirit_sect{background-color: var(--color-ivory1);}
.about_spirit_sect .sect_inner{}

.about_spirit_sect .sect_hd{}
.about_spirit_sect .sect_img_box{width: 100%;height: 0;padding-top: 160%;overflow: hidden;position: relative;}
.about_spirit_sect .sect_img_box .img_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.about_spirit_sect .sect_img_box .img_box img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

.about_spirit_sect .sect_bd{width: 100%;padding: 64px 16px 0;box-sizing: border-box;}
.about_spirit_sect .sect_tit_box{}
.about_spirit_sect .sect_tit_box .sect_tit{font-size: var(--fs-26);font-weight: 400;line-height: var(--lh-30);color: var(--color-black1);letter-spacing: -0.02em;}
.about_spirit_sect .sect_desc_box{padding-left: 48px;}
.about_spirit_sect .sect_tit_box + .sect_desc_box{margin-top: 24px;}
.about_spirit_sect .sect_desc_box .sect_desc{font-size: var(--fs-13);font-weight: 500;line-height: var(--lh-24);color: var(--color-black1);letter-spacing: 0.01em;}
.about_spirit_sect .sect_desc_box .sect_desc + .sect_desc{margin-top: 48px;}

.about_spirit_sect .sect_ft{padding: 70px 0 70px 16px;}
.about_spirit_sect .sect_cnt_wrap{}
.about_spirit_sect .sect_cnt_wrap::after{content: '';display: block;visibility: hidden;clear: both;}
.about_spirit_sect .sect_cnt_wrap .cnt_box{}
.about_spirit_sect .sect_cnt_wrap .cnt_box + .cnt_box{margin-top: 70px;}
.about_spirit_sect .sect_cnt_wrap .cnt_box.left{float: left;}
.about_spirit_sect .sect_cnt_wrap .cnt_box.right{float: right;}

.about_spirit_sect .sect_cnt_wrap .cnt_box .cnt_img_box{display: inline-block;line-height: 0;}
.about_spirit_sect .sect_cnt_wrap .cnt_box .cnt_desc_box{margin-top: 12px;}
.about_spirit_sect .sect_cnt_wrap .cnt_box .cnt_desc_box .desc_tit_box{padding-left: 10px;position: relative;}
.about_spirit_sect .sect_cnt_wrap .cnt_box .cnt_desc_box .desc_tit{font-size: var(--fs-12);font-weight: 400;line-height: var(--lh-16);color: var(--color-brown3);letter-spacing: 0.01em;}
.about_spirit_sect .sect_cnt_wrap .cnt_box .cnt_desc_box .desc_line{display: block;width: 0.7px;height: calc(100% - 10px);background-color: var(--color-brown3);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

.about_enrich_sect{background-color: var(--color-black2);}
.about_enrich_sect .sect_inner{width: 100%;padding: 60px 0 70px;}
.about_enrich_sect .sect_hd{width: 100%;padding: 0 16px;}

.about_enrich_sect .sect_tit_box{}
.about_enrich_sect .sect_tit_box .tit_box{}
.about_enrich_sect .sect_tit_box .tit_box .sect_tit{font-size: var(--fs-26);font-weight: 400;line-height: var(--lh-30);color: var(--color-gray2);letter-spacing: -0.02em;}
.about_enrich_sect .sect_desc_box{margin-top: 16px;}
.about_enrich_sect .sect_desc_box .desc_box{padding-left: 48px;}
.about_enrich_sect .sect_desc_box .desc_box .sect_desc{font-size: var(--fs-13);font-weight: 500;line-height: var(--lh-24);color: var(--color-gray2);letter-spacing: 0.01em;}

.about_enrich_sect .sect_bd{margin-top: 70px;padding: 0 0 0 16px;}
.about_enrich_sect .sect_img_box{padding-left: 48px;}
.about_enrich_sect .sect_img_box .img_box{display: inline-block;width: 100%;}
.about_enrich_sect .sect_img_box .img_box img{width: 100%;}