@charset "utf-8";


/*sub_main
----------------------------------------------------------------*/
.sub_main {padding: 150px 0 150px 0;background: url(../images/sub_main.jpg) no-repeat center center / cover;}
.sub_main_02 {padding: 150px 0 150px 0;background: url(../images/20250930100451390573.JPG) no-repeat center center / cover;}
.mv_box {text-align: left;margin: 0 auto;max-width: 1280px;width: 94%;}
.mv_ttl {font-size: 65px;font-weight: 400;line-height: 1.5;letter-spacing: 0.15em;color: #fff;margin: 0;}
.mv_txt {font-size: 20px;font-weight: 600;color: #fff;}

@media screen and (max-width: 768px) {
    .sub_main {padding: 100px 0 100px 0;}
    .mv_ttl {font-size: 36px;}
    .mv_txt {font-size: 15px;}
}
@media screen and (max-width: 379px) {
    .submain__ttl {font-size: 36px;}
}

/*breadcrumb
----------------------------------------------------------------*/
.breadcrumb {font-size: 15px;max-width: 1280px;width: 94%;background-color: #fff;margin: 0 auto;font-weight: 500;padding: 0;}
.breadcrumb .inner {margin: 10px 1%;padding: 0;}

/*sub 汎用
----------------------------------------------------------------*/
.sub_ttlbox {z-index: 0;position: relative;margin: 0 auto 100px;}
.sub_ttlbox::after {content: '';position: absolute;top: -30%;left: 50%;transform: translate(-50%) rotate(30deg);width: 1px;height: 130px;background-color: #a88b45;z-index: -1;}
.sub_ttl01 {position: relative;font-size: 36px;font-weight: 400;text-align: center;margin: 0 auto;font-style: italic;letter-spacing: 0.1em;}
.sub_txt01 {margin-top: 5px;text-align: center;font-size: 18px;font-weight: 500;}

.bg01 {background: #fcf5eb;}
.bg02 {background: #f9f6f3;}

.tbl_01 {width: 100%;border-spacing: 0px;border-collapse: collapse;margin: 60px auto 0;max-width: 850px;}
.tbl_01_tr {border-bottom: 1px solid #e3dcd4;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.tbl_01_th { text-align: center;padding: 20px;font-size: 15px;vertical-align: middle;font-weight: 500;min-width: 185px;line-height: 1.6;}
.tbl_01_td {text-align: left; padding: 20px 36px 20px 35px;font-size: 15px;font-weight: 500;width: calc(100% - 185px);line-height: 1.6;}

.flexbox01 {margin: 0 auto 50px;}
.flexbox01:last-of-type {margin: 0 auto;}
.flexbox01:nth-child(2n) {flex-direction: row;}
.flexbox01:nth-child(2n+1) {flex-direction: row-reverse;}
.flexbox01_img {width: 40%;}
.flexbox01_txt {width: 55%;}

.flexbox02 {}
.flexbox02_img {flex: 1;margin-left: calc(50% - 50vw);margin-right: 4%;z-index: 2;padding-left: 0;width: 48%;}
.flexbox02_txt {width: 48%;}

.txt02 {font-size: 15px;line-height: 1.8;letter-spacing: 0.15em;}

@media screen and (max-width: 768px) {
    .flexbox01_img {width: 100%;}
    .flexbox01_txt {width: 100%;margin-top: 35px;}
    .tbl_01_td {padding: 20px 20px 20px 20px;}
    .tbl_01_th {padding: 20px 20px 20px 20px;}
}
@media screen and (max-width: 414px) {
    .sub_ttlbox {margin: 0 auto 50px;}
}

/*sub_concept
----------------------------------------------------------------*/
.sub_concept {padding: 100px 0;}
.topic_box {padding: 60px 50px;margin: 100px auto 0;background: #fcf5eb;}
.topic_ttl {font-size: 20px;font-weight: bold;margin-bottom: 20px;}
.topic_box .txt01 {text-align: left;}
.btn_flex {margin-top: 60px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: center;}
.btn_flex .btn01 {width: 200px;}
.btn_flex .btn01:first-child {margin-right: 50px;}

@media screen and (max-width: 468px) {
    .btn_flex .btn01:first-child {margin-right: 0px;}
    .btn_flex {justify-content: space-between;}
}
@media screen and (max-width: 416px) {
    .btn_flex {justify-content: center;}
    .btn01 a {padding: 5px;}
}
@media screen and (max-width: 414px) {
    .topic_box {padding: 30px 8px 20px;}
}

/*sub_hairdonation
----------------------------------------------------------------*/
.sub_hairdonation {padding: 100px 0;}
.sub_hairdonation .topic_box {padding: 30px 25px;margin: 50px auto 0;}

.sub_flow {padding: 100px 0;}
.flow_flex {counter-reset: number 0;}
.flow_item {max-width: 48%;padding: 30px 30px 30px 30px;background-color: #fff;position: relative;margin: 0 0 80px 0;z-index: 1;}
.flow_item:nth-child(3), .flow_item:nth-child(4) {margin: 0;}
.flow_num {position: absolute;font-size: 35px;font-weight: 600;top: 5px;left: 0;line-height: 1px;z-index: 0;}
.flow_num::before {counter-increment: number 1;content: counter(number,decimal-leading-zero) " ";display: inline-block;font-weight: 400;color: #a88b45;font-size: 55px;font-family: 'Amiri', serif;}
.flow_ttl {font-size: 20px;text-align: center;margin-top: 35px;}
.flow_txt {margin-top: 10px;}

.sub_faq {padding: 100px 0;}
.faq_box {padding: 30px;background: #fff;margin-bottom: 30px;}
.faq_box:last-child {margin-bottom: 0px;}
.faq_dl {margin-bottom: 15px;display: flex;align-items: baseline;}
.faq_dl:last-child {margin-bottom: 0px;}
.faq_dt {font-size: 25px;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;background-color: #a88b45;color: #fff;margin: 0 20px 0 0;line-height: 1.8;}
.faq_dd {width: calc(100% - 70px);font-size: 17px;font-weight: 700;line-height: 1.8;}
.faq_dl:nth-child(2) .faq_dt {border:1px solid #a88b45; background-color: #fff;color: #a88b45;}
.faq_dl:nth-child(2) .faq_dd {font-weight: 400;font-size: 15px;}

.sub_stores {padding: 100px 0;}
.sub_stores .txt02 {text-align: center;font-size: 18px;font-weight: 500;}
.sub_stores .flexbox02 {flex-direction: row-reverse;margin-top: 50px;}
.sub_stores .flexbox02_img {flex: none;margin-left: 0px;margin-right: 0;z-index: unset;padding-left: 0;}
.sub_stores .topic_box {margin: 50px auto 50px;padding: 30px 35px;background: #fff;}
.sub_stores .flexbox02_txt .txt02 {text-align: left;font-size: 15px;font-weight: 400;}
.quote {font-size: 14px;color: #a88b45;font-weight: 400;margin-top: 15px;}
.sub_stores .flexbox02:nth-child(2),
.sub_stores .flexbox02:nth-child(3) {margin-bottom: 60px;}
.sub_stores .topic_ttl {background: #988662;padding: 10px 15px;color: #fff;font-size: 18px;}
.sub_stores .tbl_01_th {min-width: 150px;}
.sub_stores .tbl_01_td {width: calc(100% - 160px);}
.sub_stores .flexbox02_img .txt02{font-size: 15px;text-align: left;}
.sub_stores .flexbox02_img img {text-align: center;}
.omo01 .flexbox02_img {text-align: center;}
.omo03 .flexbox02_img {text-align: center;}
.omo03 .txt02:nth-child(1) {text-align: center;}
.point_tel {text-align: center;margin-top: 35px;}
.point_tel span {font-family: 'Amiri', serif;font-weight: 600;text-align: center;}
.point_tel p:nth-child(1) span:nth-child(1) {font-size: 20px!important;}
.point_tel p:nth-child(1) span:nth-child(2) {font-size: 36px!important;}
.point_tel p:nth-child(3) span {font-size: 16px!important;font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;font-weight: 500;}

.omo_flex {justify-content: flex-start;margin-top: 35px;align-items: center;}
.omo_flex:first-child {margin-top: 0px;}
.omo_left {width: 100px;}
.omo_right {width: calc(100% - 150px);margin-left: 20px;}
.omo_ttl {font-size: 18px;font-weight: 600;}
.omo_txt {margin-top: 15px;}

@media screen and (max-width: 976px) {
    .flexbox02_img {flex: unset;width: 100%;}
    .flexbox02_txt {width: 100%;margin-top: 35px;}
    .flow_item {max-width: 660px;width: 100%;margin: 0 auto 80px auto;}
    .flow_item:nth-child(3), .flow_item:nth-child(4) {margin: 0 auto 80px auto;}
}
@media screen and (max-width: 837px) {
    .sub_stores .tbl_01_th {width: 100%;color: #998563;border-bottom: 1px solid #998563;background: transparent;}
    .sub_stores .tbl_01_td {width: 100%;}
}
@media screen and (max-width: 422px) {
    .sub_hairdonation{padding: 60px 0;}
    .sub_flow{padding: 60px 0;}
    .sub_faq {padding: 60px 0;}
    .sub_stores {padding: 60px 0;}
    .sub_stores .tbl_01_th {padding: 10px 15px;}
    .sub_stores .tbl_01_td {padding: 10px 15px;}
    .sub_hairdonation .topic_box {padding: 20px 15px;}
    .faq_box {padding: 15px 10px;}
    .faq_dt {font-size: 20px;width: 35px;height: 35px;margin: 0 10px 0 0;}
    .faq_dd {font-size: 16px;font-weight: 500;}
    .sub_stores .topic_box {padding: 20px 15px;}
    .flow_item:last-child {margin: 0 auto;}
}

/*sub_menu
----------------------------------------------------------------*/
.sub_menu {padding: 100px 0;}
.sub_menu .txt02 {text-align: center;}
.menu_tab {margin-top: 60px;gap: 30px;justify-content: flex-start;}
.sub_menu .menu_item { width: calc((100% - 30px * 4) / 5);}
.sub_menu .menu_item a.c38338 {display: block;padding: 5px 15px;background: #fff;border: 1px solid #998563;color: #998563;display: flex;align-items: center;}
.sub_menu .menu_item a.c38338:hover {background: #998563;color: #fff;}
.menu_box {margin-top: 60px;}
.menu_txt {padding-bottom: 24px;font-size: 18px;color: #a88b45;}
.menu_area {padding: 15px 24px;background-color: #f9f6f3;}
.menu_row {align-items: center;padding: 10px 0 5px;border-bottom: 1px solid #ddd;}
.menu_row:last-child {border-bottom: none;}
.menu_subtxt {font-size: 14px;line-height: 1.8;width: 658px;}
.menu04 .menu_subtxt p:nth-child(n+2),
.menu07 .menu_subtxt p:nth-child(n+2),
.menu08 .menu_subtxt p:nth-child(n+2),
.menu09 .menu_subtxt p:nth-child(n+2),
.menu10 .menu_subtxt p:nth-child(n+2) {color: #808080;}
.menu_wrap {width: calc(100% - 680px);display: -webkit-box;display: -ms-flexbox;display: flex;justify-content: flex-end;}
.menu_amount {font-size: 15px;color: #a88b45;line-height: 2.5;letter-spacing: .1em;white-space: nowrap;text-align: center;}
.menu01 .menu_row:nth-child(5) {margin-top: 50px;}
.menu_point {padding-bottom: 24px;}
.sub_menu .btn01 {margin-top: 80px;}
.sub_menu .btn01 a {margin: 0 auto;}

.sub_merchandise {padding: 100px 0;}
.menu_row_img {max-width: 216px;flex: 1;}
.sub_merchandise .menu_subtxt {max-width: 675px;width: fit-content;flex: 1;}
.sub_merchandise .menu_wrap {flex: 1;max-width: calc(100% - 715px);width: fit-content;}
.sub_merchandise .menu_area {background: #fff;}
.sub_merchandise .txt02 {text-align: center;}
.merchandise01 .menu_subtxt p:nth-child(n+2),
.merchandise03 .menu_subtxt p:nth-child(n+2) {color: #808080;}
.bota_flex {margin-top: 60px;align-items: center;}
.bota_left {width: 186px;}
.bota_right {width: calc(100% - 186px);padding-left: 90px;}
.bota_num {font-size: 14px;color: #a88b45;letter-spacing: .2em;}
.bota_ttl {padding-top: 10px;font-size: 20px;font-weight: 400;color: #a88b45;letter-spacing: .15em;}
.bota_txt {padding-top: 10px;font-size: 15px;line-height: 1.8;}
.sub_merchandise .menu_item {width: calc((100% - 30px * 3) / 4);}
.sub_merchandise .menu_item a.c38338 {display: block;padding: 5px 15px;background: #998563;border: 1px solid #fff;color: #fff;display: flex;align-items: center;}
.sub_merchandise .menu_item a.c38338:hover {background: #fff;color: #998563;}

@media screen and (max-width: 1042px) {
    .sub_menu .menu_item {width: calc((100% - 30px * 3) / 4);}
    .sub_merchandise .menu_item {width: calc((100% - 30px * 2) / 3);}
}
@media screen and (max-width: 916px) {
    .menu_row_img {max-width: 216px;flex: unset;width: 100%;}
    .sub_merchandise .menu_subtxt {max-width: calc(100% - 230px);flex: unset;width: 100%;}
    .sub_merchandise .menu_wrap {flex: unset;max-width: 100%;width: 100%;}
}
@media screen and (max-width: 826px) {
    .sub_menu .menu_item {width: calc((100% - 30px * 2) / 3);}
}
@media screen and (max-width: 735px) {
    .menu_subtxt {width: 100%;}
    .menu_wrap {width: 100%;}
    .menu_tab {gap: 15px;}
    .sub_merchandise .menu_item {width: calc((100% - 15px * 1) / 2);}
}
@media screen and (max-width: 717px) {
    .bota_right {padding-left: 35px;}
}
@media screen and (max-width: 660px) {
    .bota_left {width: 100%;text-align: center;}
    .bota_right {width: 100%;padding-left: 0;margin-top: 35px;}
}
@media screen and (max-width: 612px) {
    .menu_row_img {max-width: 150px;}
    .sub_merchandise .menu_subtxt {max-width: calc(100% - 165px);}
    .sub_menu .menu_item {width: calc((100% - 15px * 1) / 2);}
}
@media screen and (max-width: 458px) {
    .menu_row_img {max-width: 100%;text-align: center;}
    .sub_merchandise .menu_subtxt {max-width: 100%;}
    .sub_menu .menu_item {width: 100%;}
    .sub_merchandise .menu_item {width: 100%;}
    .bota_ttl {font-size: 18px;}
}
@media screen and (max-width: 387px) {
    .bota_ttl {font-size: 17px;}
}

/*sub_shopinfo
----------------------------------------------------------------*/
.sub_shopinfo {padding: 100px 0;}
.shop_img {text-align: center;}
.flexbox01_img iframe {border: none;width: 100%;}
.sub_shopinfo .btn01 {margin: 80px 0 0;}
.sub_shopinfo .btn01 a {margin: 0 auto;}
.flexbox01_row {align-items: center;}
.flexbox01_row_ttl {max-width: 128px;width: 28%;}
.flexbox01_row_txt {width: 70%;}
.sub_shopinfo .txt02 {margin-top: 15px;}

@media screen and (max-width: 1023px) {
    .flexbox01_row_ttl {max-width: 100%;width: 100%;}
    .flexbox01_row_txt {width: 100%;}
    .flexbox01_row:nth-child(2) {margin-top: 15px;}
}
@media screen and (max-width: 837px) {
    .tbl_01_th {width: 100%; background: #998563;color: #fff;}
    .tbl_01_td {width: 100%;}
    .sub_shopinfo .flexbox01_img {width: 100%;}
    .sub_shopinfo .flexbox01_txt {width: 100%;margin-top: 35px;}
}
@media screen and (max-width: 414px) {
    .flexbox01_row_ttl {color: #998563;font-weight: 500;}
    .sub_shopinfo .topic_box .txt02 {font-size: 15px;}
    .sub_shopinfo .topic_box .flexbox01_row_txt {font-size: 15px;}
}

/*sub_gallery
----------------------------------------------------------------*/
.sub_gallery {padding: 100px 0;}
.webgene-blog {display: -webkit-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.sub_gallery .webgene-blog {gap: 15px;}
.sub_gallery .categorylist {width: calc((100% - 15px * 3) / 4);margin: 0;}
.sub_gallery .categorylist a {padding: 10px 15px;border: 1px solid #998563;color: #998563;background: #fff;display: block;font-weight: 400;}
.sub_gallery .categorylist a:hover {background: #998563;color: #fff;}
.sub_gallery #wgc-1700997348487 {margin-top: 60px;gap: 30px;}
.sub_gallery .cnt-news-li {width: calc((100% - 30px * 2) / 3);}
.webgene-blog figure {padding: 0;margin: 0 auto 0;height: auto;}
.webgene-blog figure img {margin: 0;width: 100%;max-width: 100%;height: 300px;object-fit: cover;}
.cmn-blog-cate {background: #998563;color: #fff;display: inline-block;padding: 3px 10px;margin: 5px 0 0;font-size: 13px;font-weight: 500;border: 1px solid #998563;}
.sub_gallery .webgene-blog .cnt-news-li h2 {font-size: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;width: 100%;margin: 10px 0 0;}
.sub_gallery .btn01 a {margin: 0 auto;}

/* pagination */
.webgene-pagination {display: block;width: 100%;text-align: center;margin: 60px auto 0;}
.webgene-pagination ul{display: inline-block;overflow: hidden;}
.webgene-pagination ul li{list-style: none;float: left; width: 100px; margin: 10px;}
.webgene-pagination ul li a{background: #a88b45;display: block;width: 100%;color: #fff;font-size: 15px;padding: 12px 0;border: 1px solid #a88b45;transition: 0.5s;}
.webgene-pagination ul li a:hover{background: #fff;color: #a88b45; text-decoration: none;}

/* datails */
.area_blog {background: #f9f6f3;padding: 60px!important;margin: 20px 0;box-sizing: border-box;overflow: hidden;}
.blog_h3 {padding-bottom: 30px;margin-bottom: 30px;padding-top: 10px;font-size: 20px;border-bottom: 1px solid #ddd;font-weight: 600;}

.worksdetails .slickSlide {margin: 0 0 60px;}
.worksdetails .slickSlide .slider .li > div {overflow: hidden;position: relative;padding: 0 0 70%;}
.worksdetails .slickSlide .slider .li img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 15px;object-fit: cover;}
.worksdetails .slick-list {margin: 0 0 10px;}
.worksdetails .thumb-item img {width: auto;height: auto;margin: 0 auto;}
.worksdetails .thumb-item {margin: 0 auto 10px;}
.worksdetails .thumb-item-nav img {width: 100%;height: 10vw;object-fit: cover;}
.worksdetails .thumbnail-current {opacity: .5;}
.worksdetails .thumb-item-nav {display: flex;flex-wrap: wrap;gap: 30px;}
.worksdetails .thumb-item-nav .li {width: calc((100% - 30px * 3) / 4);}
.worksdetails .slick-slide {margin: 0 5px;opacity: 1;}
.worksdetails .slick-current {opacity: .5;}
.worksdetails .postBox .photo {margin-bottom: 20px;}
.worksdetails .postBox .postTxt {font-weight: bold;line-height: 2;}
.worksdetails .postBox .postTxt p + p {margin: 30px 0 0;}
.worksdetails .postBox .postTxt img {max-width: 100%;width: auto;height: auto;}

@media (min-width: 1025px) {
    .worksdetails .slick-prev {left: -60px;}
    .worksdetails .slick-next {right: -60px;}
}
@media (max-width: 768px) {
    .worksdetails .thumb-item .li {opacity: 1!important;margin-top: 60px!important;z-index: 1!important;}
    .worksdetails .thumb-item .li:first-child {margin-top: 0px!important;}
    .worksdetails .thumb-item-nav {display: none!important;}
    .sub_gallery .cnt-news-li {width: 100%;}
    .area_blog {padding: 20px!important;}
}
@media (max-width: 580px) {
    .sub_gallery .categorylist {width: calc((100% - 15px * 1) / 2);}
}
@media (max-width: 375px) {
    .sub_gallery .categorylist {width: 100%;}
}


/*sub_news
----------------------------------------------------------------*/
.sub_news {padding: 100px 0;}
#wgc-1701003330152 {gap: 15px;}
#wgc-1701003330152 .news_categorylist {width: calc((100% - 15px * 3) / 4);}
.news_categorylist a {padding: 10px 15px;border: 1px solid #998563;color: #998563;background: #fff;display: block;font-weight: 400;}
.news_categorylist a:hover {background: #998563;color: #fff;}

#wgc-1701003334113 {margin-top: 60px;gap:30px;}
.sub_news .cnt-news-li-sub {margin: 0;padding:0;width: calc((100% - 30px * 2) / 3);}
.webgene-blog .cnt-news-li-sub h2 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}

#wgc-1701004692760 figure img {height: auto!important;object-fit: none!important;}
.cmn-blog-date {font-family: 'Amiri', serif;}
.sub_news .btn01 {margin-top: 60px;}
.sub_news .btn01 a {margin: 0 auto;}

@media (max-width: 768px) {
    .sub_news .cnt-news-li-sub {width: 100%;}
}
@media (max-width: 513px) {
    #wgc-1701003330152 .news_categorylist {width: calc((100% - 15px * 1) / 2);}
}
@media (max-width: 375px) {
    #wgc-1701003330152 .news_categorylist {width: 100%;}
}

/*sub_contact
----------------------------------------------------------------*/
.sub_contact {padding: 100px 0;}
.sub_contact .txt02 {text-align: center;}
.contact_area {margin-top: 60px;gap: 30px;}
.contact_item {width: calc((100% - 30px * 2) / 3);padding: 30px 35px;background: #f9f6f3;}
.sub_contact .btn01 a {margin: 15px auto 0;}
.phone_flex {justify-content: center;align-items: baseline;margin: 15px auto 0;}
.contact_ttl {height: 90px;object-fit: cover;text-align: center;line-height: 1.8;}
.contact_subtxt {font-size: 18px;text-align: center;margin: 10px 0;font-weight: 600;}
.qrcode {text-align: center;}
.phone_txt {font-size: 15px;padding-right: 10px;}
.phone_txt02 {font-size: 30px;font-weight: 500;}

@media (max-width: 1154px) {
    .contact_item {width: calc((100% - 30px * 1) / 2);}
    .contact_item:last-child {margin: 0 auto; text-align: center;}
    .contact_ttl {height: auto;object-fit: none;}
}
@media (max-width: 759px) {
    .contact_item {width: 100%;}
    .contact_ttl {text-align: center;}
}