/*=== 共通 ===*/
html{
    scroll-padding-top: clamp(7rem, 5.729166666666666vw, 11rem);
}
/*== MV ==*/
.underlayer_mv{ position: relative; }
.underlayer_mv::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6.5rem;
    background-image: url(../img/underlayer/MV_top_decoration.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 0;
}
.underlayer_mv_img_wrapper{ display: flex; }
.underlayer_mv_img_single_wrapper .underlayer_mv_img{
    width: 100%;
    aspect-ratio: 1 / 0.23958333333333334;
}
.underlayer_mv_img{
    width: 50%;
    aspect-ratio: 1 / 0.4791666666666667;
}
.underlayer_mv_img img{
    width: 100%;
    height: 100%;
}

/*== タイトル・サブタイトル ==*/
.underlayer_mv_title_wrapper{
    position: absolute;
    bottom: 1.6rem;
    left: 50%;
    width: clamp(1rem, 43.802083333333336vw, 84.1rem);
    background-image: url(../img/underlayer/title_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    aspect-ratio: 1 / 0.43876337693222356;
    -webkit-transform: translateY(0%) translateX(-50%);
    transform: translateY(0%) translateX(-50%);


    display: flex;
    align-items: center;
    justify-content: center;
}
.underlayer_mv_title_wrapper::before,
.underlayer_mv_title_wrapper::after,
.underlayer_mv_title_inner::after{
    content: "";
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.underlayer_mv_title_wrapper::before{
    top: -2.083333333333333vw;/*-4rem*/
    left: -3.6rem;
    width: clamp(10rem, 12.604166666666666vw, 24.2rem);
    height: clamp(18.306rem, 23.072916666666668vw, 44.3rem);
    background-image: url(../img/underlayer/MV_decoration1.png);
    z-index: 1;
}
.underlayer_mv_title_wrapper::after{
    right: clamp(-8.8rem, -4.583333333333333vw, -6rem);/*-8.8rem*/
    bottom: -3.6458333333333335vw;/*-7rem*/
    width: clamp(5rem, 5.729166666666666vw, 11rem);
    height: clamp(7.273rem, 8.333333333333332vw, 16rem);
    background-image: url(../img/underlayer/MV_decoration3.png);
    z-index: 3;
}
.underlayer_mv_title_inner{
    position: relative;
    /* top: 50%;
    left: 50%; */
    width: 100%;
    /* -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%); */
    z-index: 3;
}
.underlayer_mv_title_inner::after{
    right: -3rem;
    top: 5.208333333333334vw;/*10rem*/
    width: clamp(9rem, 11.041666666666666vw, 21.2rem);
    height: clamp(9rem, 11.041666666666666vw, 21.2rem);
    background-image: url(../img/underlayer/MV_decoration2.png);
    z-index: -1;
}
.underlayer_page_subtitle,
.underlayer_page_title{
    color: #fff;
    text-align: center;
}
.underlayer_page_subtitle{
    position: relative;
    margin-bottom: clamp(1rem, 2.9166666666666665vw, 5.6rem);
    font-size: clamp(1.2rem, 1.3020833333333335vw, 2.5rem);
}
.underlayer_page_subtitle::after{
    content: "";
    position: absolute;
    top: 2.604166666666667vw;/*5rem*/
    left: 50%;
    border: .25rem solid #d93722;
    width: 73%;
    height: clamp(.6rem, 0.3645833333333333vw, .7rem);
    background-color: #fffddf;
    -webkit-transform: translateY(0%) translateX(-50%);
    transform: translateY(0%) translateX(-50%);
}
.underlayer_page_title{
    /* font-size: clamp(3.2rem, 3.6458333333333335vw, 7rem); */
    font-size: clamp(2.4rem, 2.9166666666666665vw, 5.6rem);
}
.underlayer_page_title_twolines{ font-size: clamp(3.2rem, 3.125vw, 6rem); }
.underlayer_content_title{ font-size: clamp(3.2rem, 3.125vw, 6rem); }
.underlayer_content_title_SP{ display: none; }

/*== 背景画像 ==*/
.underlayer_bg_wrapper{
    background-image: url(../img/underlayer/underlayer_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*== パンくずリスト ==*/
.breadcrumbs_wrap{
    position: relative;
    margin: 0 auto;
    max-width: 182rem;
    width: 90%;
}
.breadcrumbs{
    font-size: clamp(1.4rem, 1.25vw, 1.6rem);
    font-weight: 700;
    color: var(--dark-brown);
}

/*== width・main余白 ==*/
.underlayer_main{ padding: 1.8rem 0 0; }
.underlayer_width_big{ max-width: 182rem; }
.underlayer_width_middle{ max-width: 156rem; }
.underlayer_width_small{ max-width: 100rem; }
.underlayer_sec_inner{
    margin: 0 auto;
    /* width: 90%; */
    width: 95%;
}
/*== サイドバー関連 ==*/
.withSidebar_wrapper{
    margin: 0 auto;
    padding: 6rem 0 12rem;
    display: flex;
    max-width: 156rem;
    width: 95%;
    gap: 3.2rem 1.6rem;
    justify-content: space-between;
}
.underlayer_width_withSidebar{
    max-width: 114rem;
    width: 95%;
}
.sidebar_wrapper{
    border-radius: 1rem;
    padding: 3rem clamp(.8rem, 1.25vw, 2.4rem);/*3rem 2.4rem*/
    display: flex;
    flex-direction: column;
    max-width: 36rem;
    width: 35%;
    height: fit-content;
    background-color: #fff;
    gap: clamp(1.6rem, 2.083333333333333vw, 4rem) 0;/*4rem 0*/
}
.sidebar_contents{
    border: .1rem solid #a09486;
    border-radius: 1rem;
    overflow: hidden;
}
.sidebar_item_name{
    padding: 1.6rem 1.6rem;
    font-size: clamp(1.6rem, 0.9375vw, 1.8rem);
    font-weight: 700;
    color: var(--dark-brown);
    background-color: #efc01e;
}
.sidebar_customervoice{
    border: .1rem solid #a09486;
    border-radius: 1rem;
    background-color: var(--dark-brown);
    transition: all .3s ease;
}
.sidebar_customervoice:hover{
    background-color: #e4a116;
}
.sidebar_customervoice_link{
    position: relative;
    padding: 1.6rem 1.6rem 1.6rem 4.8rem;
    display: block;
    font-size: clamp(1.4rem, 0.8333333333333334vw, 1.6rem);
    font-weight: 500;
    color: #fff;
}
.sidebar_customervoice_link::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 1.8rem;
    width: 2.2rem;
    height: 2.1rem;
    font-size: 0;
    background-image: url(../img/underlayer/customervoice/customervoice_top_icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: translateY(-50%) translateX(0%);
    transform: translateY(-50%) translateX(0%);
}
.sidebar_cat_ul{
    padding: 1rem clamp(.8rem, 0.8333333333333334vw, 1.6rem);/*1rem 1.6rem*/
}
.sidebar_tag_ul{
    padding: 1.6rem clamp(.8rem, 0.8333333333333334vw, 1.6rem);/*1.6rem 1.6rem*/
    display: flex;
    flex-wrap: wrap;
    gap: .6rem .6rem;
}
.sidebar_cat_li,
.sidebar_tag_li{
    display: block;
    transition: all .3s ease;
}
.sidebar_cat_li:hover,
.sidebar_tag_li:hover{
    background-color: #e4a116;
}
.sidebar_cat_li{
    border-bottom: .1rem dotted #8b7a67;
}
.sidebar_cat_li:last-of-type{
    border-bottom: none;
}
.sidebar_tag_li{
    border-radius: 1rem;
    width: fit-content;
    background-color: #edddca;
}
.sidebar_cat_li a,
.sidebar_tag_li a{
    display: block;
    font-size: clamp(1.4rem, 0.8333333333333334vw, 1.6rem);
    font-weight: 500;
    color: var(--dark-brown);
}
.sidebar_cat_li a{
    padding: 1.2rem 0;
}
.sidebar_tag_li a{
    padding: .8rem .8rem;
}
/*= サイドバー_お見積り関連 =*/
.sidebar_tel_line_wrapper{
    display: flex;
    flex-direction: column;
    gap: clamp(1.6rem, 2.083333333333333vw, 4rem) .8rem;/*4rem .8rem*/
}
.sidebar_tel_text{
    position: relative;
    margin-bottom: 2.4rem;
    width: 100%;
    font-size: clamp(1.4rem, 0.9375vw, 1.8rem);
    font-weight: 700;
    color: var(--dark-brown);
    text-align: center;
}
.sidebar_tel_text::after{
    content: "";
    position: absolute;
    bottom: -1.6rem;
    left: 50%;
    width: 100%;
    height: .5rem;
    background-image: url(../img/underlayer/sidebar_tel_decoration.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-transform: translateY(0%) translateX(-50%);
    transform: translateY(0%) translateX(-50%);
}
.sidebar_line .sidebar_item_name,
.sidebar_first .sidebar_item_name{
    text-align: center;
}
.sidebar_tel_inner{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.sidebar_tel_inner,
.sidebar_line_inner,
.sidebar_first_ul{
    padding: 1rem clamp(.8rem, 0.8333333333333334vw, 1.6rem);
}
.sidebar_tel_box{
    display: flex;
    align-items: center;
}
.sidebar_tel_img{
    width: clamp(2.4rem, 2.2916666666666665vw, 4.4rem);
    height: clamp(1.244rem, 1.1979166666666667vw, 2.3rem);
    font-size: 0;
}
.sidebar_tel_num{
    font-size: clamp(2rem, 1.6666666666666667vw, 3.2rem);
    color: transparent;
    background: linear-gradient( to bottom, #d12521 0%, #e4a316 53%, #d12521 100% );
    background-clip: border-box;
    -webkit-background-clip: text;
    background-clip: text;
}
.sidebar_tel_time{
    font-size: clamp(1.4rem, 0.8333333333333334vw, 1.6rem);
    font-weight: 500;
    color: var(--dark-brown);
}
.sidebar_line_box{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .8rem clamp(.8rem, 0.8333333333333334vw, 1.6rem);
}
.sidebar_line_icon{
    aspect-ratio: 1 / 1;
    width: clamp(2.4rem, 2.7083333333333335vw, 5.2rem);
}
.sidebar_line_icon img{
    width: 100%;
    height: 100%;
}
.sidebar_contact_text{
    font-size: clamp(1.4rem, 0.8333333333333334vw, 1.6rem);
    font-weight: 500;
    color: var(--dark-brown);
}
.sidebar_line_link{
    margin: 0 auto;
    border-radius: 1.5rem;
    padding: .6rem 0;
    display: block;
    max-width: 25rem;
    width: 95%;
    font-size: clamp(1.4rem, 0.8333333333333334vw, 1.6rem);
    font-weight: 500;
    color: #fff;
    text-align: center;
    background-color: #3ea33e;
}
.sidebar_first_li{
    border-bottom: .1rem dashed #8b7a67;
    padding: 1.4rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .4rem .4rem;
}
.sidebar_first_li:last-of-type{
    border-bottom: 0;
}
.sidebar_first_box{
    max-width: 18rem;
    width: 80%;
}
.sidebar_first_itemName{
    margin-bottom: 1.4rem;
    font-size: clamp(1.4rem, 0.9895833333333333vw, 1.9rem);
    font-weight: 700;
    color: #ed591d;
}
.sidebar_first_img{
    margin: 0 auto;
}
.sidebar_first_img1{
    width: clamp(3rem, 3.4375000000000004vw, 6.6rem);
    aspect-ratio: 1 / 0.8636363636363636;
}
.sidebar_first_img2{
    width: clamp(3rem, 3.125vw, 6rem);
    aspect-ratio: 1 / 1.1333333333333333;
}
.sidebar_first_img3{
    width: clamp(3rem, 2.5520833333333335vw, 4.9rem);
    aspect-ratio: 1 / 1.530612244897959;
}
.sidebar_first_img4{
    width: clamp(3rem, 3.3854166666666665vw, 6.5rem);
    aspect-ratio: 1 / 1.0769230769230769;
}
.sidebar_first_img img{
    display: block;
    width: 100%;
    height: 100%;
}
/*= サイドバー_エントリー =*/
.entry_sidebar_li{
    flex-direction: column;
}
.entry_sidebar_first_box{
    display: flex;
    width: 100%;
    gap: .4rem .4rem;
    align-items: center;
}
.entry_sidebar_icon{
    margin: 0 auto;
}
.entry_sidebar_icon1{
    aspect-ratio: 1 / 0.9795918367346939;
    width: clamp(4rem, 2.5520833333333335vw, 4.9rem);
}
.entry_sidebar_icon2{
    aspect-ratio: 1 / 1.2653061224489797;
    width: clamp(4rem, 2.5520833333333335vw, 4.9rem);
}
.entry_sidebar_icon3{
    aspect-ratio: 1 /  0.7692307692307693;
    width: clamp(4rem, 3.3854166666666665vw, 6.5rem);
}
.entry_sidebar_icon4{
    aspect-ratio: 1 / 1.25;
    width: clamp(3rem, 1.875vw, 3.6rem);
}
.entry_sidebar_li .sidebar_first_itemSentence{
    max-width: 19rem;
}
/*= サイドバー検索ボックス =*/
.sidebar_search{
    border: .1rem solid #a8a19b;
    border-radius: 1rem;
    display: flex;
    height: clamp(4rem, 3.125vw, 6rem);
    justify-content: space-between;
    overflow: hidden;
}
.sidebar_search_input{
    border: none;
    padding: .8rem .8rem;
    width: calc(100% - 23.23%);
}
.sidebar_search_icon{
    width: 23.23%;
    background: var(--dark-brown) url(../img/underlayer/sideSearch.png) no-repeat center center;
    background-size: auto;
    background-size: 16px;
}
.sidebar_search_icon button{
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}



/*=== 改行 ===*/
.br_sp,
.br_sp500{ display: none; }

/*=== 同一デザイン ===*/
.customervoice_ul{
    display: flex;
    flex-wrap: wrap;
    gap: 1.5625vw 1.5625vw;
    justify-content: center;
}
.customervoice_li{
    border: 1rem solid #fff4d6;
    min-width: 34rem;
    width: calc(100% / 3 - 1.5625vw);
    background-color: #fff4d6;
    filter: drop-shadow(0 0 1.6rem rgba(75, 57, 37, .31));
}
.customervoice_img{
    position: relative;
    aspect-ratio: 1 /  0.6666666666666666;
    font-size: 0;
}
.customervoice_img::before{
    content: "Read More";
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
    font-family: "brothers", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: clamp(1.6rem, 1.5625vw, 3rem);
    color: #fff;
    background-color: rgba(225, 85, 16, .8);
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all .3s ease;
}
.customervoice_li:hover .customervoice_img::before{ opacity: 1; }
.customervoice_img img{
    width: 100%;
    height: 100%;
}
.customervoice_info_box{
    padding-top: 3.5%;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}
.customervoice_cat_areaName_box{
    padding: 0 3.2%;
    display: flex;
    flex-wrap: wrap;
    gap: .8rem 1.6rem;
}
.customervoice_cat_box{
    display: flex;
    flex-wrap: wrap;
    gap: .2rem .6rem;
}
.customervoice_cat{
    border-radius: 1.6rem;
    padding: clamp(.2rem, 0.26041666666666663vw, .5rem) clamp(.6rem, 0.5208333333333333vw, 1rem);
    font-size: 1.4rem;
    color: #fff;
}
.customervoice_cat1{ background-color: var(--dull-orange); }
.customervoice_cat2{ background-color: var(--dull-yellow); }
.customervoice_area_name, .customervoice_text{
    font-weight: 700;
    color: var(--dark-brown);
}
.customervoice_area_name{ font-size: var(--fontSize-20); }
.customervoice_text{
    margin: 2.6% 0;
    padding: 0 3.2%;
    font-size: clamp(1.6rem, 1.3020833333333335vw, 2.5rem);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.customervoice_more{
    position: relative;
    margin-left: auto;
    border-radius: 1.3rem;
    padding: .2rem .8rem .5rem 2rem;
    width: clamp(16rem, 9.375vw, 18rem);
    background-color: var(--dark-brown);
}
.customervoice_more_span{
    font-size: clamp(1.4rem, 0.8333333333333334vw, 1.6rem);
    font-weight: 700;
    color: #fff;
}
.customervoice_more::after{
    content: "";
    position: absolute;
    background-image: url(../img/arrowR_yellow.png);
    top: 50%;
    right: .8rem;
    width: clamp(1.69rem, 1.5104166666666667vw, 2.9rem);
    height: clamp(1.04833rem, 0.9375vw, 1.8rem);
    -webkit-transform: translateY(-50%) translateX(0%);
    transform: translateY(-50%) translateX(0%);
}
.artGallery_ul{
    display: flex;
    flex-wrap: wrap;
    gap: 2.083333333333333vw 2.083333333333333vw;
    justify-content: center;
}
.artGallery_li{
    border: 1rem solid #fff4d6;
    min-width: 34rem;
    width: calc(100% / 4 - 2.083333333333333vw);
    filter: drop-shadow(0 0 1.6rem rgba(75, 57, 37, .31));
    background-color: #fff;
}
.artGallery_img{
    position: relative;
    aspect-ratio: 1 / 0.8088235294117647;
    font-size: 0;
}
.artGallery_img::before{
    content: "Read More";
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
    font-family: "brothers", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: clamp(1.6rem, 1.5625vw, 3rem);
    color: #fff;
    background-color: rgba(225, 85, 16, .8);
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all .3s ease;
}
.artGallery_li:hover .artGallery_img::before{ opacity: 1; }
.artGallery_img img{
    width: 100%;
    height: 100%;
}
.artGallery_info_box{
    padding: 1.5rem .8rem 2rem;
    background-color: #fff;
}
.artGallery_cat_box{
    display: flex;
    flex-wrap: wrap;
    gap: .2rem .6rem;
}
.artGallery_cat{
    border-radius: 1.6rem;
    padding: clamp(.2rem, 0.26041666666666663vw, .5rem) clamp(.6rem, 0.5208333333333333vw, 1rem);
    font-size: 1.4rem;
    color: #fff;
}
.artGallery_cat1{ background-color: var(--dull-orange); }
.artGallery_cat2{ background-color: var(--dull-yellow); }
.artGallery_text{
    margin-top: 1.6rem;
    line-height: 1.364;
    font-size: var(--fontSize-22);
    font-weight: 700;
    color: var(--bright-brown);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/*=== サービス ===========================================================*/
.service_sec{ padding: clamp(4rem, 10.256410256410255vw, 8rem) 0 clamp(8rem, 14.102564102564102vw, 11rem); }
.service_li{
    margin-bottom: clamp(3.2rem, 5.128205128205128vw, 4rem);
    display: flex;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: drop-shadow(0 0 1.6rem rgba(152, 120, 82, .4));
    aspect-ratio: 1 / 0.423;
    align-items: center;
    justify-content: center;
}
.service_li:last-of-type{ margin-bottom: 0; }
.service_li:nth-of-type(odd){ background-image: url(../img/underlayer/service/odd_bg.png); }
.service_li:nth-of-type(even){ background-image: url(../img/underlayer/service/even_bg.png); }
.service_li_inner{
    margin: 0 auto;
    display: flex;
    max-width: 91.2rem;
    width: 92%;
}
.service_li:nth-of-type(even) .service_li_inner{ flex-direction: row-reverse; }
.service_info_box,
.service_img{
    width: 50%;
    aspect-ratio: 1 / 0.7368640350877192;
}
.service_info_box{
    padding: 0 2.083333333333333vw;/*4rem*/
    display: flex;
    flex-direction: column;
    background-color: #f2f2f2;
    align-items: center;
    justify-content: center;
}
.service_img img{
    width: 100%;
    height: 100%;
}
.service_info_headline{
    font-size: clamp(3.2rem, 2.604166666666667vw, 5rem);
    color: var(--dark-brown);
    text-align: center;
}
.service_info_text{
    margin: 1.6666666666666667vw 0 2.083333333333333vw;/*3.2rem 0 4rem*/
    line-height: 1.875;
    font-size: var(--fontSize-18);
    font-weight: 500;
    text-align: center;
}
.service_li:last-of-type .service_info_text{
    margin: 1.0416666666666665vw 0;/*2rem*/
}
.service_info_box .link_btn_box{ margin: 0 auto; }
/*=== 外壁塗装 ===*/
.about_work{
    padding: 6.4rem 0 7.2rem;
}
.about_work .underlayer_sec_inner{
    max-width: 117rem;
    width: 95%;
}
.about_work .area_request_title_bg{
    position: relative;
    z-index: 1;
}
.about_work_bg{
    position: relative;
    margin-top: clamp(-7rem, -8.974358974358974vw, -3rem);
    padding: clamp(8rem, 7.291666666666667vw, 14rem) 0 5.729166666666666vw;/*14rem 0 11rem*/
    width: 100%;
    background-image: url(../img/underlayer/service/about_work_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.about_work_bg::before,
.about_work_bg::after{
    content: "";
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.about_work_bg::before{
    top: -5rem;/*-5rem*/
    left: -3.0208333333333335vw;/*-5.8rem*/
    width: clamp(1rem, 9.21875vw, 17.7rem);
    height: clamp(1rem, 10.520833333333334vw, 20.2rem);
    background-image: url(../img/underlayer/service/about_work_decoration1.png);
}
.about_work_bg::after{
    right: -7.291666666666667vw;/*-14rem*/
    bottom: 0;
    width: clamp(1rem, 11.5625vw, 22.2rem);
    height: clamp(1rem, 12.1875vw, 23.4rem);
    background-image: url(../img/underlayer/service/about_work_decoration2.png);
}
.about_work_bg_inner{
    margin: 0 auto;
    display: flex;
    width: 95%;
    align-items: center;
    justify-content: space-between;
    gap: 2.4rem 1rem;
}
.about_wallpainting_img{
    max-width: 48rem;
}
.about_work_info{
    max-width: 50rem;
    width: 60%;
}
.about_work_info_text{
    line-height: 1.6;
    font-size: clamp(1.6rem, 1.1458333333333333vw, 2.2rem);
    font-weight: 500;
    color: var(--dark-brown);
    text-align: center;
}
.about_work_ul{
    margin-top: clamp(2rem, 5.128205128205128vw, 4rem);
    border-radius: 3rem;
    padding: 3.2rem clamp(1.6rem, 3.076923076923077vw, 2.4rem) 3.2rem clamp(1.6rem, 5.128205128205128vw, 4rem);
    display: flex;
    flex-direction: column;
    background-color: #f2ece4;
    gap: 2.4rem 0;
}
.about_work_li{
    position: relative;
    padding-left: 3.2rem;
    font-size: clamp(1.6rem, 1.0416666666666665vw, 2rem);
    font-weight: 500;
    color: var(--dark-brown);
}
.about_work_li::before{
    content: "";
    position: absolute;
    left: 0;
    width: 2.2rem;
    aspect-ratio: 1 / 1.0454545454545454;
    background-image: url(../img/underlayer/service/checkMark_orange.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
/*=== 外壁工事 ===*/
.area_request_title_bg_green{
    background-image: url(../img/underlayer/service/area_request_title_bg_green.png) !important;
}
/*=== 屋根工事 ===*/
.area_request_title_bg_blueGreen{
    background-image: url(../img/underlayer/service/area_request_title_bg_blueGreen.png) !important;
}
/* .about_work_roofconstruction_ul{
    flex-wrap: wrap;
    flex-direction: initial;
    gap: 2.4rem .8rem;
}
.about_work_roofconstruction_ul .about_work_li:nth-child(odd){
    width: 60%;
}
.about_work_roofconstruction_ul .about_work_li:nth-child(even){
    width: 40%;
} */
/*=== 屋根塗装 ===*/
.area_request_title_bg_red{
    background-image: url(../img/underlayer/service/area_request_title_bg_red.png) !important;
}
/*=== サービス共通 ===*/
/*== 対応サービス ==*/
.support_service{
    padding: 8rem 0 clamp(8rem, 14.102564102564102vw, 11rem);
    background-image: url(../img/underlayer/service/service_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.support_service_ul{
    margin-top: clamp(4rem, 9.487179487179487vw, 7.4rem);
    display: flex;
    flex-wrap: wrap;
    gap: 2.4rem 2.7604166666666665vw;/*2.4rem 5.3rem*/
    justify-content: center;
}
.support_service_roofconstruction_ul{/*屋根工事*/
    gap: 2.4rem .7vw;
}
.support_service_li{
    border: .6rem solid #efc01e;
    border-radius: 2rem;
    padding: 3rem clamp(1.6rem, 3.076923076923077vw, 2.4rem);
    max-width: 34rem;
    min-width: 28rem;
    width: 45%;
    background-color: #fff;
}
.support_service_name{
    font-size: clamp(2.4rem, 1.4583333333333333vw, 2.8rem);
    color: var(--dark-brown);
    text-align: center;
}
.support_service_img{
    margin: 2.2rem auto 1.6rem;
    border-radius: 2rem;
    width: 100%;
    aspect-ratio: 1 / 0.5728476821192053;
}
.support_service_img img{
    border-radius: 2rem;
    width: 100%;
    height: 100%;
}
.support_service_sentence{
    line-height: 1.667;
    font-size: clamp(1.6rem, 2.307692307692308vw, 1.8rem);
    font-weight: 500;
    color: var(--dark-brown);
}
/*== 施工の流れ ==*/
.work_flow{
    padding: clamp(8rem, 11.538461538461538vw, 9rem) 0 clamp(10rem, 20.51282051282051vw, 16rem);
    background-image: url(../img/common_contact_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.work_flow .underlayer_content_title{
    color: #fff;
    text-align: center;
    -webkit-text-stroke: initial !important;
}
.work_flow_ul{
    margin-top: clamp(4rem, 11.282051282051283vw, 8.8rem);
    display: flex;
    flex-wrap: wrap;
    gap: clamp(2.4rem, 6.41025641025641vw, 5rem) 4.6875vw;/*5rem 9rem*/
    justify-content: center;
}
.work_flow_li{
    padding: 5.6rem 0 4.8rem;
    max-width: 46rem;
    min-width: 28rem;
    width: 47%;
    background-image: url(../img/underlayer/service/work_flow_frame.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.work_flow_li_inner{
    margin: 0 auto;
    width: 88%;
}
.work_flow_step{
    font-size: clamp(2.4rem, 1.5625vw, 3rem);
    color: #efc01e;
    -webkit-text-stroke: .2rem var(--dark-brown);
    paint-order: stroke;
    text-align: center;
}
.work_flow_stepNum{
    font-size: clamp(3.2rem, 2.083333333333333vw, 4rem);
}
.work_flow_img{
    margin: .8rem 0 .8rem;
    aspect-ratio: 1 / 0.5597014925373134;
}
.work_flow_img img{
    width: 100%;
    height: 100%;
}
.work_flow_headline{
    font-size: clamp(2.4rem, 1.5625vw, 3rem);
    color: var(--vivid-orange);
    text-align: center;
}
.work_flow_sentence{
    margin: 1.6rem auto 0;
    width: 95%;
    font-size: clamp(1.6rem, 2.307692307692308vw, 1.8rem);
    font-weight: 500;
    color: var(--dark-brown);
}
/*== 施工事例 ==*/
.service_work_example .artGallery_ul{
    margin-top: 5.5rem;
}
/*== サービス内_対応エリア ==*/
.work_area_sec{
    padding: 7.6rem 0 11.4rem;
}
.work_area_sec .area_request_title_bg{
    position: relative;
}
.work_area_bg{
    border-radius: 3rem;
    background-color: #fff;
}
.work_area_bg_inner{
    margin: clamp(-7rem, -8.974358974358974vw, -4rem) auto 0;
    padding: clamp(7rem, 15.384615384615385vw, 12rem) 0 clamp(6rem, 11.538461538461538vw, 9rem);
    display: flex;
    max-width: 140rem;
    width: 95%;
    gap: 1.6rem 2.9166666666666665vw;/*1.6rem 5.6rem*/
    align-items: center;
}
.work_area_img{
    max-width: 68.2rem;
    width: 90%;
}
.work_area_ul{
    border-radius: 3rem;
    padding: 3.229166666666667vw 2.9166666666666665vw;/*6.2rem 5.6rem*/
    display: flex;
    flex-direction: column;
    max-width: 68rem;
    width: 90%;
    height: fit-content;
    background-color: #f2ece4;
    gap: clamp(4rem, 4.166666666666666vw, 8rem) 0;
}
.work_area_li{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .8rem clamp(1.6rem, 1.25vw, 2.4rem);
}
.work_area_cities_ul{
    display: flex;
    flex-wrap: wrap;
    gap: .8rem 3rem;
}
.work_area_prefecture{
    display: flex;
    width: clamp(9rem, 6.71875vw, 12.9rem);
    height: clamp(3.558rem, 2.65625vw, 5.1rem);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    font-size: clamp(1.8rem, 1.3541666666666667vw, 2.6rem);
    color: #fff;
    align-items: center;
    justify-content: center;
}
.work_area_prefecture_tochigi{
    background-image: url(../img/underlayer/service/workArea_tochigi.png);
}
.work_area_prefecture_gunma{
    background-image: url(../img/underlayer/service/workArea_gunma.png);
}
.work_area_prefecture_saitama{
    background-image: url(../img/underlayer/service/workArea_saitama.png);
}
.work_area_cities_li{
    position: relative;
}
.work_area_cities_li::after{
    content: "、";
    position: absolute;
    right: -2.4rem;
    bottom: 0;
    font-weight: 700;
    color: var(--dark-brown);
}
.work_area_cities_li:last-of-type::after{
    display: none;
}
.work_area_cities_li a{
    border-bottom: .1rem solid var(--dark-brown);
    font-size: clamp(1.8rem, 1.25vw, 2.4rem);
    font-weight: 700;
    color: var(--dark-brown);
}
/*=== ○○市の外壁塗装・外壁工事・屋根塗装・屋根工事 ===*/
/*== こんなお悩みはありませんか？ ==*/
.service_trouble_sec{
    padding: clamp(5rem, 9.230769230769232vw, 7.2rem) 0 8.333333333333332vw;/*7.2rem 0 16rem*/
    width: 100%;
    background-image: url(../img/underlayer/service/service_trouble_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.service_trouble_sec .underlayer_sec_inner{
    max-width: 166.5rem;
}
.service_eachArea_contents_top_text{
    padding: 4rem 0 clamp(5rem, 8.974358974358974vw, 7rem);
    font-size: clamp(3.2rem, 2.083333333333333vw, 4rem);
    color: var(--dark-brown);
    text-align: center;
    -webkit-text-stroke: .6rem #fff;
    paint-order: stroke;
    /* text-shadow: #67250e 0 .6rem 0; */
}
.service_eachArea_contents_top_text_span{
    color: #ed591d;
}
.service_trouble_title{
    position: relative;
    margin-bottom: clamp(5.6rem, 11.282051282051283vw, 8.8rem);
    font-size: clamp(3.2rem, 2.604166666666667vw, 5rem);
    color: var(--dark-brown);
    text-align: center;
    -webkit-text-stroke: .6rem #fff;
    paint-order: stroke;
}
.service_trouble_title::after{
    content: "";
    position: absolute;
    bottom: clamp(-5rem, -6.41025641025641vw, -3.2rem);
    left: 50%;
    width: clamp(28rem, 83.33333333333334vw, 65rem);
    height: clamp(.862rem, 2.564102564102564vw, 2rem);
    background-image: url(../img/underlayer/service/service_summary_decoration2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: translateY(0%) translateX(-50%);
    transform: translateY(0%) translateX(-50%);
}
.service_trouble_title_span{
    font-size: clamp(3.2rem, 3.125vw, 6rem);
    color: #ed591d;
}
.service_trouble_ul{
    display: flex;
    flex-wrap: wrap;
    gap: clamp(9rem, 9.375vw, 12rem) 3vw;
    justify-content: center;
}
.service_trouble_li{
    position: relative;
    width: calc(100% / 4 - 3vw);
}
.service_trouble_li::before{
    content: "";
    position: absolute;
    bottom: -8.333333333333332vw;/*-16rem*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.service_trouble_li1::before{
    left: -2.7rem;
    width: clamp(1rem, 11.302083333333334vw, 21.7rem);
    height: clamp(1rem, 15.364583333333334vw, 29.5rem);
    background-image: url(../img/underlayer/service/service_trouble_img1.png);
}
.service_trouble_li2::before{
    left: -4.4rem;
    width: clamp(1rem, 15.104166666666666vw, 29rem);
    height: clamp(1rem, 15.364583333333334vw, 29.5rem);
    background-image: url(../img/underlayer/service/service_trouble_img2.png);
}
.service_trouble_li3::before{
    left: -2.8rem;
    width: clamp(1rem, 12.65625vw, 24.3rem);
    height: clamp(1rem, 15.364583333333334vw, 29.5rem);
    background-image: url(../img/underlayer/service/service_trouble_img3.png);
}
.service_trouble_li4::before{
    left: -.7rem;
    width: clamp(1rem, 12.5vw, 24rem);
    height: clamp(1rem, 15.364583333333334vw, 29.5rem);
    background-image: url(../img/underlayer/service/service_trouble_img4.png);
}
.service_trouble_item_text{
    position: absolute;
    top: 2.5vw;/*4.8rem*/
    right: 3.854166666666667vw;/*7.4rem*/
    font-size: clamp(1.6rem, 1.25vw, 2.4rem);
    color: #ed591d;
}
.service_trouble_item_num{
    font-size: clamp(3.2rem, 2.083333333333333vw, 4rem);
}
.service_trouble_item_sentence{
    position: absolute;
    top: 50%;
    left: 50%;
    line-height: 1.5;
    font-size: clamp(1.6rem, 1.1458333333333333vw, 2.2rem);
    font-weight: 500;
    color: var(--dark-brown);
    text-align: center;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}
/*== サービス概要 ==*/
.service_eachArea_overview_sec{
    position: relative;
    padding: clamp(6rem, 11.282051282051283vw, 8.8rem) 0 clamp(8rem, 15.384615384615385vw, 12rem);
}
.service_eachArea_overview_sec::before,
.service_eachArea_overview_sec::after{
    content: "";
    position: absolute;
    bottom: 0;
    width: clamp(14rem, 22.65625vw, 43.5rem);
    height: clamp(19.246rem, 31.145833333333332vw, 59.8rem);
    background-image: url(../img/underlayer/service/service_summary_decoration1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}
.service_eachArea_overview_sec::before{
    left: 0;
}
.service_eachArea_overview_sec::after{
    right: 0;
    transform: scaleX(-1);
}
.service_eachArea_overview_sentence{
    margin: clamp(3.2rem, 7.179487179487179vw, 5.6rem) auto clamp(3.2rem, 8.205128205128204vw, 6.4rem);
    padding: 0 .8rem;
    width: 80%;
    line-height: 1.6;
    font-size: clamp(1.8rem, 1.3020833333333335vw, 2.5rem);
    font-weight: 500;
    color: var(--dark-brown);
    text-align: center;
}
.service_eachArea_overview_list_wrapper{
    position: relative;
    margin: 0 auto;
    padding: 3.5rem clamp(2.4rem, 6.153846153846154vw, 4.8rem) clamp(4rem, 8.974358974358974vw, 7rem);
    border-radius: 3rem;
    max-width: 100rem;
    width: 95%;
    background-color: rgba(255, 255, 255, .53);
    z-index: 2;
}
.service_eachArea_overview_list_headline{
    position: relative;
    font-size: clamp(2.4rem, 1.5625vw, 3rem);
    color: var(--dark-brown);
    -webkit-text-stroke: .6rem #fff;
    paint-order: stroke;
    text-align: center;
}
.service_eachArea_overview_list_headline::after{
    content: "";
    position: absolute;
    bottom: clamp(-5rem, -6.41025641025641vw, -2.4rem);
    left: 50%;
    width: clamp(28rem, 83.33333333333334vw, 65rem);
    height: clamp(.862rem, 2.564102564102564vw, 2rem);
    background-image: url(../img/underlayer/service/service_summary_decoration2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: translateY(0%) translateX(-50%);
    transform: translateY(0%) translateX(-50%);
}
.service_eachArea_overview_ul{
    margin-top: clamp(4rem, 10.256410256410255vw, 8rem);
    display: flex;
    flex-wrap: wrap;
    gap: 2.4rem 0;
}
.service_eachArea_overview_li{
    position: relative;
    padding-left: 3.2rem;
    width: 50%;
    font-size: clamp(1.6rem, 0.9375vw, 1.8rem);
    font-weight: 500;
    color: var(--dark-brown);
}
.service_eachArea_overview_li::before{
    content: "";
    position: absolute;
    left: 0;
    width: 2.2rem;
    aspect-ratio: 1 / 1.04545;
    background-image: url("../img/underlayer/service/checkMark_orange.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
/*== ○○市の対応エリア ==*/
.work_eachArea_sec .underlayer_sec_inner{
    max-width: 114.5rem;
}
.work_eachArea_sec .work_area_bg_inner{
    padding: clamp(6rem, 10.256410256410255vw, 8rem) 0 5rem;
    max-width: 100rem;
    justify-content: space-between;
}
.work_eachArea_sec .work_area_img{
    max-width: 43.7rem;
}
.work_eachArea_list_wrapeer{
    border-radius: 3rem;
    padding: clamp(2rem, 5.128205128205128vw, 4rem) clamp(2rem, 6.153846153846154vw, 4.8rem);
    max-width: 50rem;
    width: 95%;
    background-color: #f2ece4;
}
.work_eachArea_list_headline{
    margin: 0 auto;
    display: flex;
    width: clamp(16rem, 11.71875vw, 22.5rem);
    height: clamp(3.627rem, 2.65625vw, 5.1rem);
    font-size: clamp(1.8rem, 1.35417vw, 2.6rem);
    color: #fff;
    background-image: url("../img/underlayer/service/service_available_area_bg.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    align-items: center;
    justify-content: center;
}
.work_eachArea_list_ul{
    margin: 3.2rem 0 2.4rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1.4rem clamp(2.4rem, 7.179487179487179vw, 5.6rem);
}
.work_eachArea_list_li,
.work_eachArea_list_notes{
    position: relative;
    font-size: clamp(1.8rem, 1.0416666666666665vw, 2rem);
    font-weight: 700;
    color: var(--dark-brown);
}
.work_eachArea_list_li::after{
    content: "／";
    position: absolute;
    right: clamp(-4rem, -5.128205128205128vw, -1.6rem);
}
.work_eachArea_list_ul .work_eachArea_list_li:last-of-type::after{
    display: none;
}
.work_eachArea_list_notes{
    padding-left: 2rem;
}
.work_eachArea_list_notes::before{
    content: "※";
    position: absolute;
    left: 0;
}


/*=== 対応エリア ===========================================================*/
/*== 対応エリアから探す ==*/
.area_search_sec{
    padding: 6.4rem 0 11.5rem;
}
.title_btm_text{
    margin: clamp(3.2rem, 8.205128205128204vw, 6.4rem) 0;
    line-height: 1.667;
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--dark-brown);
    text-align: center;
}
.area_search_ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2.4rem 3.6458333333333335vw;/*0 7rem*/
}
.area_search_li{
    border-radius: 3rem;
    padding: 8.5rem 1.25vw 6.4rem;/*0 2.4rem*/
    min-width: 35rem;
    width: 30.7%;
    background-color: #fff;
}
.area_search_saitama_li{
    border: 1rem solid #efc01e;
}
.area_search_gunma_li{
    border: 1rem solid #ed591d;
}
.area_search_tochigi_li{
    border: 1rem solid #75ac06;
}
.area_search_info{
    position: relative;
    z-index: 1;
}
.area_search_info::after{
    content: "";
    position: absolute;
    top: -3.6458333333333335vw;/*-7rem*/
    right: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}
.area_search_saitama_li .area_search_info::after{
    width: clamp(17rem, 16.71875vw, 32.1rem);
    height: clamp(10.645rem, 10.46875vw, 20.1rem);
    background-image: url(../img/underlayer/area/searchAreaMap_saitama.png);
}
.area_search_gunma_li .area_search_info::after{
    width: clamp(16rem, 13.645833333333332vw, 26.2rem);
    height: clamp(16.733rem, 14.270833333333332vw, 27.4rem);
    background-image: url(../img/underlayer/area/searchAreaMap_map_gunma.png);
}
.area_search_tochigi_li .area_search_info::after{
    width: clamp(14rem, 12.968750000000002vw, 24.9rem);
    height: clamp(14.956rem, 13.854166666666668vw, 26.6rem);
    background-image: url(../img/underlayer/area/searchAreaMap_map_tochigi.png);
}
.area_search_headline{
    margin-bottom: clamp(3.2rem, 3.75vw, 7.2rem);
    display: block;
    font-size: clamp(3.2rem, 2.083333333333333vw, 4rem);
    color: var(--dark-brown);
}
.area_search_text{
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--dark-brown);
}
.area_search_details_ul{
    display: flex;
    flex-direction: column;
    gap: clamp(1.2rem, 3.076923076923077vw, 2.4rem) 0;
}
.area_search_saitama_li .area_search_details_ul{
    margin-top: 5rem;
}
.area_search_gunma_li .area_search_details_ul,
.area_search_tochigi_li .area_search_details_ul{
    margin-top: 13rem;
}
.area_search_details_li{
    border-radius: 2rem;
    overflow: hidden;
}
.area_search_saitama_li .area_search_details_li{
    border: .3rem solid #efc01e;
    background-color: #f0e9d1;
}
.area_search_gunma_li .area_search_details_li{
    border: .3rem solid #ed591d;
    background-color: #f0e0d1;
}
.area_search_tochigi_li .area_search_details_li{
    border: .3rem solid #75ac06;
    background-color: #e1f0d1;
}
.area_search_details_link{
    display: flex;
}
.area_search_details_img{
    max-width: 21.7rem;
    width: 65%;
    aspect-ratio: 1 / 0.695852534562212;
}
.area_search_details_img img{
    width: 100%;
    height: 100%;
}
.area_search_details_link_box{
    display: flex;
    flex-direction: column;
    width: 70%;
    align-items: center;
    justify-content: center;
}
.area_search_details_link_box p{
    margin-bottom: clamp(.8rem, 3.076923076923077vw, 2.4rem);
    font-size: clamp(2rem, 1.5625vw, 3rem);
    font-weight: 700;
    color: var(--dark-brown);
}
.area_search_details_more{
    position: relative;
    border-radius: 2rem;
    padding: .8rem 0;
    max-width: 22rem;
    min-width: 15rem;
    width: 82%;
    font-size: clamp(1.4rem, 0.9375vw, 1.8rem);
    text-align: center;
}
.area_search_details_more::after{
    content: "";
    position: absolute;
    background-image: url(../img/arrowR_brown.png);
    top: 50%;
    right: clamp(.6rem, 0.7291666666666666vw, 1.4rem);/*1.4rem*/
    width: clamp(1.69rem, 1.0416666666666665vw, 2rem);
    height: clamp(1.04833rem, 0.6463541666666667vw, 1.241rem);
    -webkit-transform: translateY(-50%) translateX(0%);
    transform: translateY(-50%) translateX(0%);
}
.area_search_saitama_li .area_search_details_more{
    background-color: #efc01e;
}
.area_search_gunma_li .area_search_details_more{
    background-color: #f3895d;
}
.area_search_tochigi_li .area_search_details_more{
    background-color: #acd35e;
}
/*== サービスから探す ==*/
.service_search_ul{
    margin-top: clamp(4rem, 9.230769230769232vw, 7.2rem);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.6rem 1vw;/*1.6rem 3rem*/
}
.service_search_li{
    position: relative;
}
.service_search_li::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 31rem;
    width: 100%;
    background-image: url(../img/underlayer/area/service_search_bgWhite.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    aspect-ratio: 1 / 1.2741935483870968;
    z-index: -1;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}
.service_search_img{
    position: absolute;
    top: 1.3rem;
    left: 50%;
    max-width: 31rem;
    width: 100%;
    /* aspect-ratio: 1 / 0.7516129032258064; */
    aspect-ratio: 1 / 0.6129032258064516;
    z-index: -1;
    -webkit-transform: translateY(0%) translateX(-50%);
    transform: translateY(0%) translateX(-50%);
}
.service_search_img img{
    width: 100%;
    height: 100%;
    -webkit-mask-image: url(../img/underlayer/area/searchService_mask.png);
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: url(../img/underlayer/area/searchService_mask.png);
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: center;
}
.service_search_name_box{
    position: absolute;
    bottom: 2rem;/*2rem*/
    left: 50%;
    width: 75%;
    -webkit-transform: translateY(0%) translateX(-50%);
    transform: translateY(0%) translateX(-50%);
}
.service_search_name{
    position: relative;
    font-size: clamp(2rem, 3.076923076923077vw, 2.4rem);
    font-weight: 700;
    color: #ed591d;
    text-align: center;
}
.service_search_li:last-of-type .service_search_name{
    top: clamp(.8rem, 2.8000000000000003vw, 1.4rem);
}
.service_search_text{
    margin: 1.6rem 0;
    line-height: 1.667;
    font-size: clamp(1.6rem, 2.307692307692308vw, 1.8rem);
    font-weight: 500;
    color: var(--dark-brown);
}
.service_search_more{
    margin-left: auto;
    padding: .3rem 1.3rem;
    display: block;
    width: fit-content;
    border-radius: 2rem;
    font-size: 1.4rem;
    font-weight: 500;
    color: #fff;
    background-color: var(--dark-brown);
}
/*== 施工事例から探す ==*/
.area_example_sec{
    padding: 8.1rem 0 8rem;
}
.area_example_sec .artGallery_ul{
    margin-top: clamp(4rem, 8.974358974358974vw, 7rem);
}
.byArea_customervoice_sec .underlayer_sec_inner::after{
    display: none !important;
}
.example_area_workName{
    /* margin-bottom: 1.8rem; */
    margin-bottom: 1rem;
    font-size: clamp(1.4rem, 0.9375vw, 1.8rem);
    font-weight: 700;
    color: var(--bright-brown);
}
.byArea_customervoice_sec .customervoice_ul{
    margin-top: 8rem;
}
/* .byArea_customervoice_sec .area_customervoice_title::after{
    content: "エリア別「お客様の声」" !important;
} */
/*=== 埼玉県 ===*/
.available_area_bg{
    position: relative;
}
.available_area_wrapper{
    margin-top: clamp(-6.6rem, -8.461538461538462vw, -3.6rem);
    border-radius: 3rem;
    padding: clamp(7rem, 12.82051282051282vw, 10rem) 0 clamp(4rem, 8.974358974358974vw, 7rem);
    background-image: url(../img/underlayer/area/available_area_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.available_area_ul{
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    max-width: 145.5rem;
    width: 95%;
    gap: 1.6rem 2.4rem;
    justify-content: center;
}
.available_area_li{
    position: relative;
}
.available_area_img{
    font-size: 0;
}
.available_area_text{
    position: absolute;
    width: 100%;
    bottom: 5rem;
    left: 50%;
    font-size: clamp(1.8rem, 1.3020833333333335vw, 2.5rem);
    font-weight: 700;
    color: var(--dark-brown);
    -webkit-transform: translateY(0%) translateX(-50%);
    transform: translateY(0%) translateX(-50%);
    text-align: center;
}
/* .saitamakenArea_customervoice_sec .area_customervoice_title::after{
    content: "埼玉県の「お客様の声」" !important;
} */
.areaWork_example_ul{
    margin-top: clamp(4rem, 8.974358974358974vw, 7rem);
}
/*=== さいたま市 ===*/
/*== 外壁工事はカナリアホームまで ==*/
.area_request_sec{
    padding: 4rem 0 10rem;
}
.area_request_title_bg{
    margin: 0 auto;
    display: flex;
    width: clamp(40rem, 28.281250000000004vw, 54.3rem);
    height: clamp(9.576rem, 6.770833333333333vw, 13rem);
    background-image: url(../img/underlayer/area/area_request_title_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    align-items: center;
    justify-content: center;
}
.area_request_title{
    line-height: 1.2;
    font-size: clamp(2.4rem, 1.5625vw, 3rem);
    color: #fff;
    text-align: center;
}
.area_request_ul{
    margin-top: 6.4rem;
    display: flex;
    flex-wrap: wrap;
    gap: 4rem 4.7%;
    justify-content: center;
}
.area_request_li{
    position: relative;
    width: calc(100% / 3 - 3.2%);
    background-color: #fff;
}
.area_request_frame{
    position: relative;
    font-size: 0;
    z-index: 2;
}
.area_request_img{
    position: absolute;
    top: 0;
    width: 100%;
    height: auto !important;
    font-size: 0;
    aspect-ratio: 1 / 0.6276595744680851;
    z-index: 1;
}
.area_request_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.area_request_info_box{
    position: absolute;
    bottom: 0;
    padding: 0 2.8rem;
    width: 100%;
    background-color: #fff;
    aspect-ratio: 1 / 0.7127659574468085;
}
.area_request_info_inner{
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    z-index: 3;
}
.area_request_headline{
    position: relative;
    display: flex;
    font-size: clamp(2rem, 1.5625vw, 3rem);
    color: #ed591d;
    text-align: center;
    align-items: center;
}
.area_request_headline::before,
.area_request_headline::after{
    content: "";
    position: absolute;
    width: clamp(5.6rem, 3.6458333333333335vw, 7rem);
    height: clamp(2.56rem, 1.6666666666666667vw, 3.2rem);
    background-image: url(../img/underlayer/area/area_request_decoration.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.area_request_headline::before{ left: -9.4rem; }
.area_request_headline::after{
    right: -9.4rem;
    transform: scaleX(-1);
}
.area_request_li:last-of-type .area_request_headline::before{ left: -7.4rem; }
.area_request_li:last-of-type .area_request_headline::after{ right: -7.4rem; }
.area_request_headline_dot{
    margin-left: -0.2em;
    letter-spacing: -0.3em;
}
.area_request_text{
    margin: clamp(1rem, 1.25vw, 2.4rem) 0 clamp(1rem, 1.6666666666666667vw, 3.2rem);
    line-height: 1.6;
    font-size: clamp(1.4rem, 0.9375vw, 1.8rem);
    font-weight: 500;
    color: var(--dark-brown);
}
/*== お客様の声 ==*/
.area_customervoice_sec{
    padding: clamp(10rem, 6.770833333333333vw, 13rem) 0 7.291666666666667vw;/*13rem 0 14rem*/
    background-image: url(../img/underlayer/area/customervoice_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.area_customervoice_sec .underlayer_sec_inner{
    position: relative;
    z-index: 1;
}
.area_customervoice_sec .underlayer_sec_inner::after{
    content: "";
    position: absolute;
    top: -2.5vw;/*-4.8rem*/
    right: 2rem;
    width: clamp(17rem, 15.885416666666666vw, 30.5rem);
    height: clamp(17.777rem, 16.611458333333335vw, 31.894rem);
    background-image: url(../img/greeting_decoration2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
}
.area_customervoice_title{
    position: relative;
    color: #fff;
    -webkit-text-stroke: clamp(.6rem, 0.5208333333333333vw, 1rem) var(--bright-brown);
    stroke-linejoin: round;
    text-align: center;
    paint-order: stroke fill;
}
/* .area_customervoice_title::after{
    content: "さいたま市在住の「お客様の声」";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: transparent;
    -webkit-text-stroke: clamp(.6rem, 0.5208333333333333vw, 1rem) var(--bright-brown);
    filter:
    drop-shadow(2px 0 0 var(--bright-brown))
    drop-shadow(-2px 0 0 var(--bright-brown))
    drop-shadow(0 2px 0 var(--bright-brown))
    drop-shadow(0 -2px 0 var(--bright-brown));
    z-index: -1;
    pointer-events: none;
} */
.area_customervoice_title_decoration{ position: relative; }
.area_customervoice_title_decoration::before{
    content: "";
    position: absolute;
    top: clamp(-6rem, -3.125vw, -3rem);
    width: clamp(9rem, 8.541666666666666vw, 16.4rem);
    height: clamp(3.183rem, 3.0208333333333335vw, 5.8rem);
    background-image: url(../img/underlayer/area/area_review_decoration.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 2;
}
.area_customervoice_review_title_bg{
    margin: 3.2rem auto clamp(4rem, 3.125vw, 6rem);
    display: flex;
    width: clamp(40rem, 40.520833333333336vw, 77.8rem);
    height: clamp(3.856rem, 3.90625vw, 7.5rem);
    background-image: url(../img/underlayer/area/area_review_title_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    align-items: center;
    justify-content: center;
}
.area_customervoice_review_subtitle{
    display: flex;
    color: #fff;
    font-size: clamp(2.4rem, 1.8229166666666667vw, 3.5rem);
    align-items: center;
    justify-content: center;
}
.area_customervoice_review_decorationNum_wrapper{
    display: flex;
    align-items: center;
}
.area_customervoice_review_decoration{
    margin-bottom: clamp(.8rem, 0.625vw, 1.2rem);
    display: block;
    width: clamp(4rem, 2.9166666666666665vw, 5.6rem);
    height: clamp(3.786rem, 2.7604166666666665vw, 5.3rem);
}
.area_customervoice_review_num{
    position: relative;
    margin: 0 1.6rem clamp(1rem, 0.7291666666666666vw, 1.4rem) .6rem;
    font-size: clamp(4rem, 3.28125vw, 6.3rem);
    color: #e96899;
    -webkit-text-stroke: clamp(.5rem, 0.5208333333333333vw, 1rem) #fff;
    paint-order: stroke fill;
    stroke-linejoin: round;
    z-index: 1;
}
.area_customervoice_review_num::after{
    content: "4.9";
    position: absolute;
    top: clamp(.4rem, 0.26041666666666663vw, .5rem);
    left: clamp(.4rem, 0.26041666666666663vw, .5rem);
    color: #602600;
    -webkit-text-stroke: clamp(.7rem, 0.625vw, 1.2rem) #602600;
    stroke-linejoin: round;
    z-index: -1;
}
/*== アートギャラリー ==*/
.area_artGallery_sec{
    position: relative;
    margin-top: -1.6rem;
    padding: clamp(11rem, 14.743589743589745vw, 11.5rem) 0 11rem;
    background-image: url(../img/underlayer/area/area_artGallery_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 3;
}
.area_artGallery_sec::before,
.area_artGallery_sec::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 3.9rem;
    background-image: url(../img/underlayer/area/area_bg_decoration.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.area_artGallery_sec::before{ top: 0; }
.area_artGallery_sec::after{ bottom: 0; }
.area_artGallery_title{
    margin-bottom: clamp(5.6rem, 5vw, 9.6rem);
    color: #ffbe3a;
    -webkit-text-stroke: .9rem var(--bright-brown);
    paint-order: stroke fill;
    filter:
    drop-shadow(1px 0 0 var(--bright-brown))
    drop-shadow(-1px 0 0 var(--bright-brown))
    drop-shadow(0 1px 0 var(--bright-brown))
    drop-shadow(0 -1px 0 var(--bright-brown));
    stroke-linejoin: round;
    align-items: baseline;
    text-align: center;
}

/*== ○○支店が担当いたします ==*/
.area_inCharge_sec{
    position: relative;
    padding: 8.5rem 0 clamp(10rem, 10.9375vw, 21rem);
    overflow-x: hidden;
}
/* .area_inCharge_sec::before, */
.area_inCharge_sec::after{
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 1;
}
/* .area_inCharge_sec::before{
    bottom: 0;
    left: 0;
    width: clamp(48rem, 47.39583333333333vw, 91rem);
    height: clamp(17.196rem, 16.979166666666668vw, 32.6rem);
    background-image: url(../img/underlayer/area/area_inCharge_decoration.png);
} */
.area_inCharge_sec::after{
    top: -3.6458333333333335vw;/*-7rem*/
    right: -2.083333333333333vw;/*-4rem*/
    border-radius: 50%;
    width: clamp(30rem, 32.55208333333333vw, 62.5rem);
    background-image: url(../img/underlayer/area/area_inCharge_img2.jpg);
    aspect-ratio: 1 / 1;
}
.area_inCharge_sec .underlayer_sec_inner{
    position: relative;
    z-index: 2;
}
.area_inCharge_title{
    margin-bottom: 5.6rem;
    color: #fff;
    -webkit-text-stroke: .8rem var(--bright-brown);
    paint-order: stroke fill;
    filter:
    drop-shadow(2px 0 0 var(--bright-brown))
    drop-shadow(-2px 0 0 var(--bright-brown))
    drop-shadow(0 2px 0 var(--bright-brown))
    drop-shadow(0 -2px 0 var(--bright-brown));
    stroke-linejoin: round;
    text-align: center;
}
.area_inCharge_info_box{
    position: relative;
    max-width: 50rem;
    width: 65%;
}
.area_inCharge_info_box::after{
    content: "";
    position: absolute;
    top: 1.6rem;/*1.6rem*/
    right: -27.083333333333332vw;/*-52rem*/
    border-radius: 50%;
    width: clamp(22rem, 24.270833333333332vw, 46.6rem);
    background-image: url(../img/underlayer/area/area_inCharge_img1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    aspect-ratio: 1 / 1;
    z-index: -1;
}
.area_inCharge_catchcopy{
    font-size: clamp(2rem, 1.3020833333333335vw, 2.5rem);
    font-weight: 700;
    color: var(--dark-brown);
}
.area_inCharge_catchcopy_bg{
    padding: 0 4.8%;
    display: flex;
    width: clamp(44rem, 27.8125vw, 53.4rem);
    height: clamp(4.779rem, 3.0208333333333335vw, 5.8rem);
    background-image: url(../img/underlayer/area/area_catchcopy_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    align-items: center;
}
.area_inCharge_catchcopy_bg:first-of-type{
    margin-bottom: clamp(.4rem, 0.5208333333333333vw, 1rem);
}
.area_inCharge_sentence{
    margin-top: clamp(2.4rem, 2.083333333333333vw, 4rem);
    line-height: 1.7;
    font-size: clamp(1.6rem, 0.9375vw, 1.8rem);
    color: var(--dark-brown);
    text-shadow: #c4a37e .1rem 0 1rem;
}

/*=== お知らせ・ブログ ===========================================================*/
.NB_sec{
    border-radius: 1rem;
    padding: 0 0 clamp(6.4rem, 11.538461538461538vw, 9rem);
}
.NB_list_sec{
    background-color: #fff;
}
.NB_inner{
    margin: 0 auto;
    /* max-width: 106.2rem; */
    max-width: 108rem;
    width: 95%;
}
.NB_list_inner article{
    position: relative;
    display: block;
    transition: all .3s ease;
}
.NB_list_inner article::after{
    content: "";
    position: absolute;
    width: 100%;
    height: .7rem;
    background-image: url(../img/underlayer/news_blog/NB_article_dot_long.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.NB_link{
    padding: 2.8rem 0 1.8rem;
    display: block;
}
.NB_time_cat_wrapper{
    margin-bottom: .8rem;
    display: flex;
    flex-wrap: wrap;
    gap: .4rem 1.6rem;
    align-items: center;
}
.NB_time{
    display: block;
    font-size: var(--fontSize-20);
    color: var(--dull-orange);
}
.NB_cat_box{
    display: flex;
    flex-wrap: wrap;
    gap: .2rem .6rem;
}
.NB_cat{
    border-radius: 1.6rem;
    padding: clamp(.2rem, 0.26041666666666663vw, .5rem) clamp(.6rem, 0.5208333333333333vw, 1rem);
    font-size: 1.4rem;
    color: #fff;
}
.NB_cat1{ background-color: var(--dull-orange); }
.NB_cat2{ background-color: var(--dull-yellow); }
.NB_text{
    line-height: 1.8;
    font-size: var(--fontSize-20);
    font-weight: 500;
    color: var(--dark-brown);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    transition: all .3s ease;
}
.NB_inner article:hover .NB_text{
    color: var(--dull-orange);
}
/*=== ページネーション ===*/
.pagenation{
    margin-top: clamp(4.8rem, 9.615384615384617vw, 7.5rem);
}
.pagenation .nav-links{
    margin: 0 auto;
    padding: 0 1rem;
    display: flex;
    flex-wrap: wrap;
    width: fit-content;
    justify-content: center;
    box-sizing: content-box;
}
.pagenation .page-numbers{
    margin-bottom: 1rem;
    border-radius: 1rem;
    width: clamp(3.2rem, 2.34375vw, 4.5rem);
    height: clamp(3.556rem, 2.604166666666667vw, 5rem);
    background-color: #edddca;
    transition: .3s all;
}
.nav-links ul{
    margin-bottom: initial !important;
    border: initial !important;
    border-radius: initial !important;
    width: initial !important;
    height: initial !important;
    background-color: initial !important;
    transition: initial !important;
}
.pagenation .page-numbers.current{
    background-color: #e4a116;
    color: var(--dark-brown);
}
.pagenation .page-numbers:hover{
    background-color: #e4a116;
}
.pagenation .page-numbers{
    margin-right: clamp(.6rem, 0.5208333333333333vw, 1rem);
    margin-left: clamp(.6rem, 0.5208333333333333vw, 1rem);
}
.next, .prev{
    border-radius: 1rem !important;
    width: clamp(5.334rem, 3.90625vw, 7.5rem) !important;
    height: clamp(3.556rem, 2.604166666666667vw, 5rem) !important;
}
.pagenation_prev{ margin-right: 1rem; }
.pagenation_next{ margin-left: 1rem; }
.pagenation .page-numbers{
    border-radius: 1rem;
    display: flex;
    flex-wrap: wrap;
    color: var(--dark-brown);
    align-items: center;
    justify-content: center;
}
.pagenation_aDot{ padding: .5rem 1.2rem; }
/*=== 詳細 ===*/
.article_wrapper{
    padding: 0 0 13rem;
}
.time_title_wrapper,
.NB_wrapper{
    background-color: #fff;
}
.time_title_wrapper{
    border-bottom: .7rem solid var(--dark-brown);
    border-radius: 1rem 1rem 0 0;
    display: flex;
    align-items: inherit;
    overflow: hidden;
}
.NB_wrapper{
    margin-top: 2.4rem;
    border-radius: 1rem;
    padding: 2.4rem 0;
}
.NB_details_sec{
    padding: 0 0 0;
}
.article_time{
    border-radius: 1rem 1rem 0 0;
    padding: 1.5rem 2.4rem;
    display: flex;
    flex-direction: column;
    width: 22.5rem;
    color: #fff;
    background-color: var(--dark-brown);
    clip-path: polygon(0 0, 80% 0%, 100% 100%, 0% 100%);
    justify-content: center;
}
.article_title{
    padding: .4rem .8rem .4rem .2rem;
    display: flex;
    flex-direction: column;
    max-width: 91rem;
    width: 90%;
    font-size: clamp(1.6rem, 1.3020833333333335vw, 2.5rem);
    font-weight: 700;
    color: var(--dark-brown);
    justify-content: center;
}
.NB_wrapper .NB_cat_box{
    margin-bottom: 2.4rem;
}
.NB_article_content_box{
    display: flex;
    flex-direction: column;
    gap: 1.8rem 0;
}
.NB_article_content_box p{
    line-height: 1.667;
    font-size: clamp(1.6rem, 0.9375vw, 1.8rem);
    font-weight: 500;
    color: var(--dark-brown);
}
.NB_img{
    margin: 4rem 0;
    width: 100%;
}
.article_link_btn_wrapper{
    display: flex;
}
.article_link_btn{
    width: clamp(24rem, 22.916666666666664vw, 44rem);
    height: clamp(6.055rem, 5.78125vw, 11.1rem);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.article_all_btn{
    background-image: url(../img/underlayer/article_link_btn.png);
}
.article_prev_btn,
.article_next_btn{
    background-image: url(../img/underlayer/article_link_PN_btn.png);
}
.article_nolink_btn{
    background-image: url(../img/underlayer/article_nolink_PN.png);
}
.article_link_btn_wrapper{
    margin: 0 auto;
    max-width: 156rem;
    width: 95%;
    gap: .8rem 1.6rem;
    justify-content: space-between;
}
.article_link_btn a,
.article_nolink_btn p{
    display: flex;
    width: 100%;
    height: 100%;
    font-size: clamp(1.6rem, 1.3020833333333335vw, 2.5rem);
    font-weight: 700;
    color: #fff;
    align-items: center;
    justify-content: center;
}
.article_nolink_btn p{
    color: #848484;
}

/*=== お客様の声ページ関連 ===========================================================*/
.customervoice_contents_wrapper:first-of-type{
    margin-bottom: 5.6rem;
}
.post_cover_title{
    position: relative;
    z-index: 1;
}
.post_cover_title_bg{
    margin-top: clamp(-6.7rem, -8.58974358974359vw, -3.4rem);
    padding: clamp(6.5rem, 12.179487179487179vw, 9.5rem) 2.604166666666667vw 4rem;
    border-radius: 1rem;
    background-color: #fff;
}
.customervoice_search_area_ul{
    display: flex;
    flex-wrap: wrap;
    /* gap: 1.6rem 1.875vw; *//*1.6rem 3.6rem*/
    gap: 1.6rem 2vw;
    justify-content: start;
}
.customervoice_search_area_li{
    position: relative;
    border-radius: 1rem;
    /* width: calc(100% / 3 - 1.875vw); */
    width: calc(100% / 3 - 1.4vw);
    border: .1rem solid #a09486;
}
.customervoice_search_area_img{
    margin: 0 auto;
}
.customervoice_search_area_li1 .customervoice_search_area_img{
    width: clamp(12rem, 11.458333333333332vw, 22rem);
    height: clamp(6.6rem, 6.302083333333333vw, 12.1rem);
}
.customervoice_search_area_li2 .customervoice_search_area_img{
    width: clamp(12rem, 8.458333333333332vw, 16.24rem);
    height: clamp(12.561rem, 8.854166666666668vw, 17rem);
}
.customervoice_search_area_li3 .customervoice_search_area_img{
    width: clamp(12rem, 7.34375vw, 14.1rem);
    height: clamp(14.468rem, 8.854166666666668vw, 17rem);
}
.customervoice_search_area_link{
    padding: .6rem clamp(.4rem, 1.282051282051282vw, 1rem);
    display: block;
}
.customervoice_search_area_name{
    position: absolute;
    top: .8rem;
    left: 50%;
    width: 95%;
    font-size: clamp(1.6rem, 1.3020833333333335vw, 2.5rem);
    font-weight: 500;
    color: var(--dark-brown);
    text-align: center;
    -webkit-transform: translateY(0%) translateX(-50%);
    transform: translateY(0%) translateX(-50%);
}
.customervoice_search_area_name::before,
.customervoice_search_area_name::after{
    content: "";
    position: absolute;
    top: 50%;
    aspect-ratio: 1 / 1;
    width: clamp(1.6rem, 1.5625vw, 3rem);
    background-image: url(../img/underlayer/customervoice/customervoice_decoration_flower.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: translateY(-50%) translateX(0%);
    transform: translateY(-50%) translateX(0%);
}
.customervoice_search_area_name::before{
    left: 0;
}
.customervoice_search_area_name::after{
    right: 0;
}
.customervoice_search_area_name br{
    display: none;
}
.customervoice_search_area_more{
    position: absolute;
    bottom: .8rem;
    left: 50%;
    border-radius: 1rem;
    padding: clamp(.4rem, 0.4166666666666667vw, .8rem) 0;
    max-width: 30rem;
    width: 97%;
    font-size: clamp(1.4rem, 0.9375vw, 1.8rem);
    font-weight: 500;
    color: #fff;
    text-align: center;
    -webkit-transform: translateY(0%) translateX(-50%);
    transform: translateY(0%) translateX(-50%);
}
.customervoice_search_area_li1 .customervoice_search_area_more{
    background-color: #ed591d;
}
.customervoice_search_area_li2 .customervoice_search_area_more{
    background-color: #586244;
}
.customervoice_search_area_li3 .customervoice_search_area_more{
    background-color: #efc01e;
}
.customervoice_search_area_more::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 1rem;
    width: clamp(1rem, 0.6770833333333334vw, 1.3rem);
    height: clamp(1.462rem, 0.9895833333333333vw, 1.9rem);
    background-image: url(../img/underlayer/customervoice/customervoice_arrowR.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: translateY(-50%) translateX(0%);
    transform: translateY(-50%) translateX(0%);
}
.customervoice_newArticle{
    padding: clamp(6.5rem, 12.179487179487179vw, 9.5rem) 0 4rem;
}
.customervoice_newArticle .customervoice_ul{
    gap: 1.5625vw 1.5625vw;
}
.customervoice_newArticle .customervoice_li{
    width: calc(100% / 2 - 1.5625vw);
    filter: initial;
}
/*=== 一覧 ===*/
/*== 日付で絞り込み ==*/
.date_select_wrapper{
    margin-bottom: clamp(2.4rem, 5.128205128205128vw, 4rem);
    border-radius: 3.5rem;
    padding: clamp(.8rem, 1.7948717948717947vw, 1.4rem) 1.6rem clamp(.8rem, 1.7948717948717947vw, 1.4rem) clamp(1.6rem, 4.743589743589744vw, 3.7rem);
    display: flex;
    width: 100%;
    background-color: var(--dark-brown);
    align-items: center;
    justify-content: space-between;
}
.date_select_totalArticle{
    font-size: clamp(1.6rem, 2.307692307692308vw, 1.8rem);
    font-weight: 500;
    color: #fff;
}
.date_select_totalArticle_num{
    font-size: clamp(2rem, 3.076923076923077vw, 2.4rem);
}
.date_select_box{
    position: relative;
    border-radius: 2rem;
    display: flex;
    flex-direction: column;
    max-width: 17.7rem;
    width: 52%;
    background-color: #fff;
    cursor: pointer;
}
/* .date_select_box::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 1rem;
    width: clamp(1.462rem, 0.9895833333333333vw, 1.9rem);
    height: clamp(1rem, 0.6770833333333334vw, 1.3rem);
    background-image: url(../img/underlayer/customervoice/customervoice_arrowB.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: translateY(-50%) translateX(0%);
    transform: translateY(-50%) translateX(0%);
} */
.date_select_box select,
.date_select_box option{
    font-size: clamp(1.6rem, 0.9375vw, 1.8rem);
    font-weight: 500;
    color: var(--dark-brown);
    cursor: pointer;
}
.date_select_box select{
    padding: .9rem 1.4rem;
}
.customervoiceAll_contents_wrapper .post_cover_title_bg{
    margin-top: 0;
    padding: clamp(4rem, 6.41025641025641vw, 5rem) 2.604166666666667vw clamp(5rem, 8.974358974358974vw, 7rem);
}
.screen-reader-text{
    display: none;
}
/*=== 詳細 ===*/
.voice_details_customer_info{
    border-radius: 1rem 1rem 0 0;
    padding: 1.5rem 5rem 1.5rem 2.4rem;
    display: flex;
    flex-wrap: wrap;
    width: 26rem;
    color: #fff;
    background-color: var(--dark-brown);
    clip-path: polygon(0 0, 80% 0%, 100% 100%, 0% 100%);
    align-items: center;
}
.voice_details_customer_info span{
    font-size: clamp(1.6rem, 0.9375vw, 1.8rem);
}
.voice_time_title_wrapper .article_title{
    max-width: 87rem;
}
.exampleSingle_time_title_wrapper .article_title{
    max-width: 129rem;
}
/*=== 施工事例 ===========================================================*/
.example_sec{
    padding: 6rem 0 clamp(8rem, 16.666666666666664vw, 13rem);
}
.example_search_title_bg{
    position: relative;
}
.example_search_bg{
    margin-top: clamp(-6.7rem, -8.58974358974359vw, -3.8rem);
    border-radius: 3rem;
    padding: clamp(7rem, 12.82051282051282vw, 10rem) 2.604166666666667vw 3rem;/*10rem 5rem 3rem*/
    background-color: #fff;
}
.example_search_inner{
    display: flex;
    gap: 1.6rem 3.0208333333333335vw;/*1.6rem 5.8rem*/
}
.example_search_div{
    /* border: .1rem solid #000; */
    max-width: 45rem;
    width: 55%;
}
.example_search_text{
    position: relative;
    margin-bottom: clamp(.8rem, 2.051282051282051vw, 1.6rem);
    padding-left: clamp(2rem, 1.6666666666666667vw, 3.2rem);
    font-size: clamp(1.8rem, 1.3020833333333335vw, 2.5rem);
    font-weight: 500;
    color: #ed591d;
}
.example_search_text::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    aspect-ratio: 1 / 1;
    width: clamp(1.6rem, 1.5625vw, 3rem);
    background-image: url(../img/underlayer/customervoice/customervoice_decoration_flower.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: translateY(-50%) translateX(0%);
    transform: translateY(-50%) translateX(0%);
}
.example_search_select_wrapper{
    position: relative;
    border: .1rem solid #a09486;
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #fff;
    cursor: pointer;
}
/* .example_search_select_wrapper::after{
    content: "";
    position: absolute;
    top: 50%;
    right: clamp(.4rem, 0.5208333333333333vw, 1rem);
    width: clamp(1.462rem, 0.9895833333333333vw, 1.9rem);
    height: clamp(1rem, 0.6770833333333334vw, 1.3rem);
    background-image: url(../img/underlayer/customervoice/customervoice_arrowB.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: translateY(-50%) translateX(0%);
    transform: translateY(-50%) translateX(0%);
} */
.example_search_select_wrapper select,
.example_search_select_wrapper option{
    font-size: clamp(1.6rem, 0.9375vw, 1.8rem);
    font-weight: 500;
    color: var(--dark-brown);
    cursor: pointer;
}
.example_search_select_wrapper select{
    padding: clamp(1.2rem, 0.9375vw, 1.8rem) clamp(.8rem, 0.7291666666666666vw, 1.4rem);/*1.8rem 1.4rem*/
}
.example_search_btn_wrapper{
    margin-top: clamp(1.6rem, 1.6666666666666667vw, 3.2rem);
    display: flex;
    gap: 1.2rem 3.0208333333333335vw;/*1.2rem 5.8rem*/
    justify-content: center;
}
.example_search_btn{
    /* border: .1rem solid #000; */
    border-radius: 1rem;
    padding: clamp(1.2rem, 0.8333333333333334vw, 1.6rem) 0.7291666666666666vw;/*1.6rem 1.4rem*/
    display: block;
    max-width: 32rem;
    width: 22%;
    font-size: clamp(1.8rem, 1.3020833333333335vw, 2.5rem);
    font-weight: 500;
    text-align: center;
}
.example_search_btn1{
    color: #fff;
    background-color: #ed591d;
}
.example_search_btn2{
    color: var(--dark-brown);
    background-color: #efc01e;
}
.example_search_date_select_wrapper{
    margin: 4rem auto;
}
.example_search_article_customer_info{
    margin-bottom: clamp(.8rem, 0.9375vw, 1.8rem);
    font-size: clamp(1.6rem, 0.9375vw, 1.8rem);
}
.example_search_article_list .pagenation .page-numbers{
    background-color: #fff;
}
.example_search_article_list .pagenation .page-numbers:hover,
.example_search_article_list .pagenation .page-numbers.current{
    background-color: #e4a116;
}
/*=== 施工事例詳細 ===*/
.example_BA_img_wrapper{
    position: relative;
    margin: clamp(7rem, 12.82051282051282vw, 10rem) 0 clamp(5.6rem, 10.897435897435898vw, 8.5rem);
    display: flex;
    gap: clamp(10rem, 23.076923076923077vw, 18rem) clamp(4rem, 5.208333333333334vw, 10rem);
}
.example_BA_img_wrapper::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: clamp(3rem, 3.865vw, 5.5rem);
    height: clamp(1.855rem, 1.7708333333333333vw, 3.4rem);
    background-image: url(../img/underlayer/example/BA_arrowR_orange.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}
.example_BA_img{
    position: relative;
    border: clamp(.6rem, 0.5208333333333333vw, 1rem) solid #fff;
    border-radius: 2rem;
    max-width: 73rem;
    width: 48%;
    filter: drop-shadow(0 0 1.6rem rgba(75, 57, 37, .31));

    aspect-ratio: 4 / 3;
}
.example_BA_img::before{
    content: "";
    position: absolute;
    top: clamp(-7rem, -3.6458333333333335vw, -4rem);
    left: 50%;
    width: clamp(15rem, 14.374999999999998vw, 27.6rem);
    height: clamp(6.739rem, 6.458333333333334vw, 12.4rem);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: translateY(0%) translateX(-50%);
    transform: translateY(0%) translateX(-50%);
    z-index: 2;
}
.example_before_img::before{
    background-image: url(../img/underlayer/example/before.png);
}
.example_after_img::before{
    background-image: url(../img/underlayer/example/after.png);
}
.example_BA_img img{
    border-radius: 1rem;
    display: block;
    width: 100%;
    height: 100%;

    object-fit: cover;
}
.clickable-img{
    cursor: zoom-in;
}
.img-modal{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: 9999;
    cursor: zoom-out;
    align-items: center;
    justify-content: center;
}
.img-modal.open{
    display: flex;
}
.modal-photo{
    max-width: 90%;
    max-height: 90vh;
    object-fit: contain;
}
.example_details_info_content{
    margin-bottom: clamp(5rem, 10.897435897435898vw, 8.5rem);
}
.example_details_info_content:last-of-type{
    margin-bottom: 0;
}
.example_details_info_headline{
    position: relative;
    padding: 1.6rem 1.6rem 1.6rem clamp(7rem, 12.82051282051282vw, 10rem);/*1.6rem 1.6rem 1.6rem 10rem*/
    font-size: clamp(2.2rem, 1.25vw, 2.4rem);
    color: #ed591d;
    background-color: #fff;
}
.example_details_info_headline::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 1.4rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: translateY(-50%) translateX(0%);
    transform: translateY(-50%) translateX(0%);
}
.example_details_info_headline1::before{
    width: clamp(4rem, 8.58974358974359vw, 6.7rem);
    height: clamp(2.209rem, 4.743589743589744vw, 3.7rem);
    background-image: url(../img/underlayer/example/BA_decoration1.png);
}
.example_details_info_headline2::before{
    width: clamp(4rem, 8.205128205128204vw, 6.4rem);
    height: clamp(2.563rem, 5.256410256410256vw, 4.1rem);
    background-image: url(../img/underlayer/example/BA_decoration2.png);
}
.example_details_info_headline3::before{
    width: clamp(4rem, 8.205128205128204vw, 6.4rem);
    height: clamp(2.5rem, 5.128205128205128vw, 4rem);
    background-image: url(../img/underlayer/example/BA_decoration3.png);
}
.example_details_info_dl{
    margin-top: clamp(2rem, 5.128205128205128vw, 4rem);
    display: flex;
    flex-wrap: wrap;
}
.example_details_info_dl dt,
.example_details_info_dl dd{
    border-top: .1rem solid #fff;
    padding: 1.6rem 1.25vw;/*1.6rem 2.4rem*/
    line-height: 1.667;
    font-size: clamp(1.6rem, 0.9375vw, 1.8rem);
    font-weight: 500;
    color: var(--dark-brown);
}
.example_details_info_dl dt:last-of-type,
.example_details_info_dl dd:last-of-type{
    border-bottom: .1rem solid #fff;
}
.example_details_info_dl dt{
    width: 20%;
    background-color: #d7c4ac;
}
.example_details_info_dl dd{
    width: 80%;
    background-color: #e6d7c4;
}
.example_details_comment_box{
    margin-top: 2.4rem;
    display: flex;
    gap: 2.4rem 1rem;
    align-items: center;
    justify-content: space-between;
}
.example_details_comment_img{
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    width: 28.4rem;
    overflow: hidden;
    background-color: #edddca;
}
.example_details_comment_img img{
    width: 100%;
    height: 100%;
    object-position: center top;
}
.example_details_comment_bg{
    position: relative;
    border-radius: 3rem;
    padding: clamp(1.6rem, 2.5vw, 4.8rem) clamp(1.2rem, 3.125vw, 6rem);/*4.8rem 6rem*/
    max-width: 120rem;
    width: 90%;
    height: fit-content;
    background-color: #fff;
}
.example_details_comment_bg::before{
    content: "";
    position: absolute;
    top: 50%;
    left: -4rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 1.7rem solid transparent;
    border-bottom: 1.7rem solid transparent;
    border-right: 4rem solid #fff;
    border-left: 0;
    -webkit-transform: translateY(-50%) translateX(0%);
    transform: translateY(-50%) translateX(0%);
}
.example_details_comment,
.example_details_comment_PIC{
    font-size: clamp(1.6rem, 0.9375vw, 1.8rem);
    font-weight: 500;
    color: var(--dark-brown);
}
.example_details_comment{
    line-height: 1.7;
}
.example_details_comment_PIC{
    margin-top: clamp(1.6rem, 3.076923076923077vw, 2.4rem);
}
.example_details_all_btn{
    margin: 3.2rem auto 0;
    width: clamp(34rem, 22.916666666666664vw, 44rem);
    height: clamp(8.577rem, 5.78125vw, 11.1rem);
    background-image: url(../img/underlayer/article_link_btn.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.example_details_all_btn a{
    display: flex;
    width: 100%;
    height: 100%;
    font-size: clamp(1.6rem, 1.3020833333333335vw, 2.5rem);
    font-weight: 700;
    color: #fff;
    align-items: center;
    justify-content: center;
}

/*=== 料金メニュー ===========================================================*/
.price_sec{
    padding: 6.4rem 0 12rem;
}
.price_list_wrapper{
    margin-bottom: clamp(7.2rem, 11.538461538461538vw, 9rem);
}
.price_list_wrapper:last-of-type{
    margin-bottom: 0;
}
.price_list_ul{
    margin-top: clamp(3.2rem, 6.794871794871795vw, 5.3rem);
    display: flex;
    flex-wrap: wrap;
    gap: clamp(1.6rem, 6.923076923076923vw, 5.4rem) 6.145833333333333vw;/*5.4rem 11.8rem*/
    justify-content: center;
}
.price_list_li{
    position: relative;
    width: 46%;
    z-index: 1;
}
.price_list_li::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 69rem;
    width: 97%;
    aspect-ratio: 1 / 0.4449275362318841;
    background-image: url(../img/underlayer/price/construction_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    z-index: -1;
}
.price_list_li_inner{
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 1.25vw 1.25vw;/*2.4rem 2.4rem*/
    display: flex;
    max-width: 69rem;
    width: 97%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    z-index: 2;
    gap: 1.6rem 1.25vw;/*1.6rem 2.4rem*/
    align-items: center;
}
.price_list_li_inner::before,
.price_list_li_inner::after{
    content: "";
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 2;
}
/*== 各装飾 =============================*/
.price_list_li1 .price_list_li_inner::before{
    right: -3rem;/*-3rem*/
    bottom: 0;
    width: clamp(1rem, 7.760416666666667vw, 14.9rem);
    height: clamp(1rem, 8.385416666666666vw, 16.1rem);
    background-image: url(../img/underlayer/price/canaria_normal_decoration.png);
}
.price_list_li2 .price_list_li_inner::before{
    right: -2rem;/*-2rem*/
    bottom: .4rem;
    width: clamp(1rem, 5vw, 9.6rem);
    height: clamp(1rem, 10.208333333333334vw, 19.6rem);
    background-image: url(../img/underlayer/price/canaria_modern_decoration.png);
}
.price_list_li3 .price_list_li_inner::before{
    top: -3.5rem;/*-3.5rem*/
    right: -3rem;/*-3rem*/
    width: clamp(1rem, 6.666666666666667vw, 12.8rem);
    height: clamp(1rem, 6.979166666666667vw, 13.4rem);
    background-image: url(../img/underlayer/price/canaria_premium_decoration1.png);
}
.price_list_li3 .price_list_li_inner::after{
    right: -.4rem;/*-.4rem*/
    bottom: 2rem;/*2rem*/
    aspect-ratio: 1 / 1;
    width: clamp(1rem, 2.4479166666666665vw, 4.7rem);
    background-image: url(../img/underlayer/price/canaria_premium_decoration2.png);
}
.price_list_li4 .price_list_li_inner::before{
    top: -4rem;/*-4rem*/
    right: -1rem;/*-1rem*/
    width: clamp(1rem, 4.270833333333333vw, 8.2rem);
    height: clamp(1rem, 9.010416666666666vw, 17.3rem);
    background-image: url(../img/underlayer/price/canaria_loyal_decoration.png);
}
.price_list_li5 .price_list_li_inner::before{
    right: 0;
    bottom: -.4rem;/*-.4rem*/
    width: clamp(1rem, 6.666666666666667vw, 12.8rem);
    height: clamp(1rem, 8.489583333333334vw, 16.3rem);
    background-image: url(../img/underlayer/price/canaria_natural_decoration.png);
}
.price_list_li6 .price_list_li_inner::before{
    top: -2rem;/*-2rem*/
    right: 0;
    width: clamp(1rem, 6.458333333333334vw, 12.4rem);
    height: clamp(1rem, 9.375vw, 18rem);
    background-image: url(../img/underlayer/price/canaria_clear_decoration1.png);
}
.price_list_li6 .price_list_li_inner::after{
    right: -.8rem;/*-.8rem*/
    bottom: 6rem;/*6rem*/
    aspect-ratio: 1 / 1;
    width: clamp(1rem, 2.7083333333333335vw, 5.2rem);
    background-image: url(../img/underlayer/price/canaria_clear_decoration2.png);
}
.price_list_li7 .price_list_li_inner::before{
    top: -1rem;/*-1rem*/
    right: -1.2rem;/*-1.2rem*/
    width: clamp(1rem, 3.3854166666666665vw, 6.5rem);
    height: clamp(1rem, 4.947916666666666vw, 9.5rem);
    background-image: url(../img/underlayer/price/canaria_clean_decoration1.png);
}
.price_list_li7 .price_list_li_inner::after{
    right: -2.4rem;/*-2.4rem*/
    bottom: 1rem;/*1rem*/
    width: clamp(1rem, 4.84375vw, 9.3rem);
    height: clamp(1rem, 7.03125vw, 13.5rem);
    background-image: url(../img/underlayer/price/canaria_clean_decoration2.png);
}
.price_list_li8 .price_list_li_inner::before{
    top: -2.8rem;/*-2.8rem*/
    right: -1rem;/*-1rem*/
    width: clamp(1rem, 4.322916666666667vw, 8.3rem);
    height: clamp(1rem, 8.333333333333332vw, 16rem);
    background-image: url(../img/underlayer/price/canaria_long_decoration1.png);
}
.price_list_li8 .price_list_li_inner::after{
    right: -1rem;/*-1rem*/
    bottom: 0;
    width: clamp(1rem, 5.104166666666667vw, 9.8rem);
    height: clamp(1rem, 6.197916666666667vw, 11.9rem);
    background-image: url(../img/underlayer/price/canaria_long_decoration2.png);
}
.price_list_li9 .price_list_li_inner::before{
    right: -1.4rem;/*-1.4rem*/
    bottom: 2rem;/*2rem*/
    width: clamp(1rem, 5.9375vw, 11.4rem);
    height: clamp(1rem, 5.625vw, 10.8rem);
    background-image: url(../img/underlayer/price/canaria_executive_decoration.png);
}
.price_list_li10 .price_list_li_inner::before{
    top: -2rem;/*-2rem*/
    right: -2rem;/*-2rem*/
    width: clamp(1rem, 8.385416666666666vw, 16.1rem);
    height: clamp(1rem, 6.041666666666667vw, 11.6rem);
    background-image: url(../img/underlayer/price/canaria_art_decoration.png);
}
/*=======================================*/
.price_list_img{
    max-width: 30rem;
    width: 50%;
}
.price_list_img_ranking{
    position: relative;
}
.price_list_img_ranking::before{
    content: "";
    position: absolute;
    top: -2.5rem;
    left: -0.8333333333333334vw;
    width: clamp(3rem, 4.322916666666667vw, 8.3rem);
    height: clamp(3.723rem, 5.364583333333333vw, 10.3rem);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.price_list_img_ranking1::before{
    background-image: url(../img/underlayer/price/rank1.png);
}
.price_list_img_ranking2::before{
    background-image: url(../img/underlayer/price/rank2.png);
}
.price_list_img_ranking3::before{
    background-image: url(../img/underlayer/price/rank3.png);
}
.price_list_info_box{
    padding: 1rem 0;
    display: flex;
    max-width: 31rem;
    width: 90%;
    flex-direction: column;
    justify-content: space-between;
    gap: .2rem 0;
}
.price_list_planName{
    font-size: clamp(1.4rem, 1.5625vw, 3rem);
    color: #ed591d;
}
.price_list_planName_span{
    display: block;
    /* font-size: clamp(1.6rem, 2.604166666666667vw, 5rem); */
    font-size: clamp(1.6rem, 2.2916666666666665vw, 4.4rem);
}
.price_list_plan_sentence{
    line-height: 1.667;
    font-size: clamp(1.2rem, 0.9375vw, 1.8rem);
    font-weight: 500;
    color: var(--dark-brown);
}
.price_list_num{
    font-size: clamp(1.6rem, 2.604166666666667vw, 5rem);
    color: var(--dark-brown);
}
.price_list_num_span{
    font-size: clamp(1.4rem, 1.5625vw, 3rem);
}
.others_work_list{
    position: relative;
    margin-top: clamp(3.2rem, 6.794871794871795vw, 5.3rem);
    z-index: 1;
}
.others_work_list::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 153.3rem;
    width: 98%;
    aspect-ratio: 1 / 0.182648401826484;
    background-image: url(../img/underlayer/price/construction_bg_long.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    z-index: -1;
}
.price_list_frame_long{
    width: 100%;
    height: 100%;
}
.others_work_list_ul{
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 3.125vw 3.4895833333333335vw;/*6rem 6.7rem*/
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    gap: 1.0416666666666665vw 2.604166666666667vw;/*2rem 5rem*/
    align-content: flex-start;
}
.others_work_list_li{
    display: flex;
    min-width: 21rem;
    width: calc(100% / 4 - 2.604166666666667vw);
    font-size: clamp(1.2rem, 1.25vw, 2.4rem);
    justify-content: start;
    gap: 0 .4rem;
}
.others_work_list_color,
.others_work_list_price{
    display: block;
}
.others_work_list_color{
    width: fit-content;
    color: #a72126;
}
.others_work_list_price{
    margin-left: auto;
}

/*=== 会社概要 ===========================================================*/
.company_info_sec{
    padding: 6rem 0 0;
}
/*=== 代表挨拶 ===*/
.company_greeting{
    position: relative;
    margin-top: 0;
    padding: clamp(20rem, 16.333333333333332vw, 24.5rem) 0 clamp(20rem, 20vw, 30rem);
    background-image: url(../img/greeting_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 2;
}
/*=== 装飾関連一括記述 ===============================*/
.company_greeting::before,
.company_greeting::after,
.company_greeting_content_bg::before,
.company_greeting_content_bg::after,
.company_greeting_inner::before,
.company_greeting_inner::after,
.company_greeting_content_inner::after{
    content: "";
    position: absolute;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 1;
}
.company_greeting::before{/*たまご*/
    bottom: 34.375vw;/*66rem*/
    left: 4.895833333333333vw;/*9.4rem*/
    background-image: url(../img/greeting_decoration3.png);
    width: clamp(7rem, 6.666666666666667vw, 12.8rem);
    height: clamp(6.617rem, 6.302083333333333vw, 12.1rem);
}
.company_greeting::after{/*ちくわ*/
    bottom: 21.354166666666664vw;/*41rem*/
    left: 11.458333333333332vw;/*22rem*/
    background-image: url(../img/greeting_decoration4.png);
    width: clamp(7rem, 5.364583333333333vw, 10.3rem);
    height: clamp(5.845rem, 4.479166666666667vw, 8.6rem);
}
.company_greeting_content_bg::before{/*おでん鍋*/
    top: -3.6458333333333335vw;
    left: -6.770833333333333vw;
    background-image: url(../img/greeting_decoration1.png);
    width: clamp(13rem, 13.90625vw, 26.7rem);
    height: clamp(9.446rem, 10.104166666666666vw, 19.4rem);
}
.company_greeting_content_bg::after{/*代表イラスト*/
    right: -4.208vw;
    bottom: 2.604166666666667vw;
    background-image: url(../img/greeting_decoration2.png);
    width: clamp(22.5rem, 28.489583333333336vw, 54.7rem);
    height: clamp(23.528rem, 29.791666666666668vw, 57.2rem);
}
.company_greeting_inner::before{/*もち巾着*/
    top: .4rem;/*.4rem*/
    right: -.4rem;/*-.4rem*/
    background-image: url(../img/greeting_decoration5.png);
    width: clamp(7rem, 4.84375vw, 9.3rem);
    height: clamp(7.602rem, 5.260416666666667vw, 10.1rem);
}
.company_greeting_inner::after{/*おでん串*/
    top: clamp(9rem, 6.25vw, 12rem);/*12rem*/
    right: -11.458333333333332vw;/*-22rem*/
    background-image: url(../img/greeting_decoration6.png);
    width: clamp(7rem, 5.885416666666667vw, 11.3rem);
    height: clamp(9.416rem, 7.916666666666666vw, 15.2rem);
}
.company_greeting_content_inner::after{/*こんにゃく*/
    right: -16.145833333333336vw;/*-31rem*/
    bottom: 13.802083333333334vw;/*26.5rem*/
    background-image: url(../img/greeting_decoration7.png);
    width: clamp(7rem, 4.895833333333333vw, 9.4rem);
    height: clamp(6.926rem, 4.84375vw, 9.3rem);
}
/*===================================================*/
.company_greeting_inner{
    position: relative;
    margin: 0 auto;
    max-width: 116rem;
    width: 90%;
}
.company_greeting_title{
    font-size: clamp(3.2rem, 3.6458333333333335vw, 7rem);
    color: var(--vivid-orange);
    /* -webkit-text-stroke: 1rem #fff; */
    -webkit-text-stroke: clamp(.5rem, 1.282051282051282vw, 1rem) #fff;
    paint-order: stroke fill;
    stroke-linejoin: round;
    text-align: center;
}
.company_greeting_content_bg{
    position: relative;
    margin-top: 8rem;
    background-image: url(../img/greeting_content_bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    aspect-ratio: 1 / 0.6230636833046471;
}
.company_greeting_content_inner{
    position: relative;
    padding: clamp(5rem, 7.6923076923076925vw, 10rem) clamp(5rem, 8.461538461538462vw, 11rem) clamp(4rem, 6.923076923076923vw, 9rem);
}
.company_greeting_sentence,
.company_greeting_name{
    line-height: 1.5;
    font-size: clamp(2rem, 2.307692307692308vw, 3rem);
    color: var(--dark-brown);
    letter-spacing: -.05em;
}
.company_greeting_sentence{ width: 71%; }
.company_greeting_name{
    margin-top: clamp(1.6rem, 1.6666666666666667vw, 3.2rem);
    width: 62%;
    text-align: end;
}
.company_greeting_sentence_span{ display: block; }
/*=== 職人紹介 ===*/
.company_staff_sec{
    position: relative;
    padding: 0 0 clamp(7rem, 16.666666666666664vw, 13rem);
}
.company_staff_sec .underlayer_sec_inner{
    position: relative;
    z-index: 2;
}
.company_staff_sec::before,
.company_staff_sec::after{
    content: "";
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}
.company_staff_sec::before{
    top: clamp(-32rem, -41.02564102564102vw, -13rem);
    left: 0;
    width: clamp(12rem, 35.51282051282051vw, 27.7rem);
    height: clamp(26.729rem, 79.1025641025641vw, 61.7rem);
    background-image: url(../img/underlayer/company/interview_decoration1.png);
}
.company_staff_sec::after{
    top: -5rem;
    right: 0;
    width: clamp(11rem, 35.256410256410255vw, 27.5rem);
    height: clamp(22.76rem, 72.94871794871794vw, 56.9rem);
    background-image: url(../img/underlayer/company/interview_decoration2.png);
}
.company_staff_ul{
    margin: clamp(4rem, 14.102564102564102vw, 11rem) auto 0;
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem 1.813vw;/*1.6rem 5.4rem*/
    justify-content: center;
}
.company_staff_li{
    position: relative;
    border: .5rem solid var(--dark-brown);
    max-width: 35rem;
    min-width: 28rem;
    width: 45%;
}
.company_staff_a{
    padding: .8rem .8rem;
    display: block;
    width: 100%;
    height: 100%;
}
.company_staff_inner{
    aspect-ratio: 1 / 1.5109567901234568;
    /* background: linear-gradient(90deg, #e7ce9e, #eddbb9, #e7ce9e); */
}
.company_staff_img{
    /* aspect-ratio: 1 / 1.108923076923077; */
    aspect-ratio: 1 / 1.5;
}
.company_staff_img img{
    width: 100%;
    height: 100%;
    object-position: top;
}
.company_staff_info_wrapeer{
    position: absolute;
    bottom: .8rem;
    padding: 1.6rem 1.6rem;
    width: calc(100% - 1.6rem);
    background-color: rgba(62, 35, 23, .9);
}
.company_staff_num_text,
.company_staff_name,
.company_staff_sentence{
    color: #fff;
}
.company_staff_info{
    margin-bottom: 1rem;
    display: flex;
    align-items: self-end;
    gap: .4rem 1.6rem;
}
.company_staff_num{
    padding: .3rem clamp(.4rem, 1.282051282051282vw, 1rem);/*.3rem 1rem*/
    width: fit-content;
    height: fit-content;
    background-color: #230d03;
}
.company_staff_num_text{
    line-height: 1.286;
    font-size: clamp(1.2rem, 1.7948717948717947vw, 1.4rem);
    text-align: center;
}
.company_staff_name{
    font-size: clamp(2rem, 1.4583333333333333vw, 2.8rem);
}
.company_staff_name_span{
    display: block;
    font-size: clamp(1.2rem, 1.7948717948717947vw, 1.4rem);
}
.company_staff_sentence{
    line-height: 1.5;
    font-size: 1.6rem;
    /* overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; */
}
/*=== 拠点一覧 ===*/
.company_areaList_sec{
    position: relative;
    padding: 8.5rem 0 clamp(8rem, 16.666666666666664vw, 13rem);
    background-image: url(../img/underlayer/company/areaList_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.company_areaList_sec::before,
.company_areaList_sec::after{
    content: "";
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.company_areaList_sec::before{
    top: -8.4375vw;/*-16.2rem*/
    left: 3.4375000000000004vw;/*6.6rem*/
    width: clamp(16rem, 13.4375vw, 25.8rem);
    height: clamp(16.372rem, 13.750000000000002vw, 26.4rem);
    background-image: url(../img/underlayer/company/areaList_decoration1.png);
}
.company_areaList_sec::after{
    top: -5.989583333333334vw;/*-11.5rem*/
    right: .8rem;
    width: clamp(16rem, 17.447916666666664vw, 33.5rem);
    height: clamp(15.904rem, 17.34375vw, 33.3rem);
    background-image: url(../img/underlayer/company/areaList_decoration2.png);
}
.company_areaList_ul{
    margin-top: clamp(1rem, 11.282051282051283vw, 8.8rem);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.6rem 1.40625vw;/*1.6rem 2.7rem*/
}
.company_areaList_li{
    padding: clamp(4rem, 2.96875vw, 5.7rem) 0 2rem;/*5.7rem 0 2rem*/
    max-width: 50rem;
    min-width: 21rem;
    width: 45%;
    background-image: url(../img/underlayer/company/areaList_item_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.company_areaList_img{
    position: relative;
    margin: 0 auto;
    width: calc(100% - 1rem);
    aspect-ratio: 1 / 0.5091649694501018;
}
.company_areaList_img::before,
.company_areaList_img::after{
    content: "";
    position: absolute;
    left: 50%;
    width: 100%;
    height: 1.7rem;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 2;
    -webkit-transform: translateY(0%) translateX(-50%);
    transform: translateY(0%) translateX(-50%);
}
.company_areaList_img::before{
    top: -1.7rem;
    background-image: url(../img/underlayer/company/areaList_item_img_decoration_top.png);
}
.company_areaList_img::after{
    bottom: -1.4rem;
    background-image: url(../img/underlayer/company/areaList_item_img_decoration_bottom.png);
}
.company_areaList_img img{
    width: 100%;
    height: 100%;
}
.company_areaList_info_box{
    margin: clamp(1.6rem, 1.7708333333333333vw, 3.4rem) auto 0;
    max-width: 44rem;
    width: 95%;
}
.company_areaList_areaName{
    font-size: clamp(2rem, 2.083333333333333vw, 4rem);
    color: var(--dark-brown);
    text-align: center;
}
.company_areaList_addressTel{
    display: flex;
    align-items: center;
    gap: .2rem 1.25vw;/*.2rem 2.4rem*/
}
.company_areaList_addressTel:first-of-type{
    margin: clamp(.8rem, 1.0416666666666665vw, 2rem) 0 .3rem;
}
.company_areaList_addressTel_item_name,
.company_areaList_addressTel_text{
    font-size: clamp(1.6rem, 0.9375vw, 1.8rem);
    font-weight: 500;
    color: var(--dark-brown);
}
.company_areaList_addressTel_item_name{
    padding: .4rem 0;
    width: 6rem;
    height: fit-content;
    background-color: #fff;
    text-align: center;
}
.company_areaList_addressTel_text{
    max-width: 36rem;
    width: 85%;
}
/*=== フィルム風スライドショー ===*/
.decoration_slide_wrapper{
    padding: clamp(2rem, 1.875vw, 3.6rem) 0;
    background-image: url(../img/underlayer/company/recruit_slide_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.decoration_slide_wrapper .splide__slide{
    aspect-ratio: 1 / 0.45;
}
.decoration_slide_wrapper .splide__slide img{
    width: 100%;
    height: 100%;
}
/*=== 会社概要>採用情報 ===*/
.company_recruit_sec{
    position: relative;
}
.company_recruit_sec::before{
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    /* width: clamp(78.727rem, 45.104166666666664vw, 86.6rem);
    height: clamp(53rem, 30.364583333333332vw, 58.3rem); */
    background-image: url(../img/underlayer/company/recruit_img.png);
    background-position: left center;
    background-repeat: no-repeat;
    /* background-size: cover; */
    background-size: contain    ;
}
.company_recruit_wrapper{
    margin: 0 17.1875vw 0 auto;
    position: relative;
    padding: 7.2rem 0 4.2rem;
    max-width: 72rem;
    width: 95%;
}
.company_recruit_headline{
    margin-top: clamp(3.2rem, 8.205128205128204vw, 6.4rem);
    padding: 0 1.2rem;
    font-size: clamp(2.2rem, 1.5625vw, 3rem);
    color: var(--dark-brown);
    text-align: center;
}
.company_recruit_sentence{
    margin: clamp(3.2rem, 6.0256410256410255vw, 4.7rem) 0;
    padding: 0 1.2rem;
    line-height: 1.875;
    font-size: clamp(1.6rem, 0.9375vw, 1.8rem);
    font-weight: 500;
    color: var(--dark-brown);
    text-align: center;
}
.company_recruit_btn_wrapper{
    margin: 0 auto;
    display: flex;
    width: fit-content;
    gap: 1.2rem 1.6rem;
}
.company_recruit_btn{
    position: relative;
    width: clamp(24rem, 39.871794871794876vw, 31.1rem);
    height: clamp(6.019rem, 10vw, 7.8rem);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.company_recruit_btn1{
    background-image: url(../img/underlayer/company/recruit_btn_bg.png);
}
.company_recruit_btn2{
    background-image: url(../img/underlayer/company/entry_btn_bg.png);
}
.company_recruit_btn_a{
    display: flex;
    width: 100%;
    height: 100%;
    font-size: clamp(1.8rem, 1.25vw, 2.4rem);
    color: #fff;
    align-items: center;
    justify-content: center;
}

/*=== よくあるご質問 ===========================================================*/
.faq_cat_select_wrapper{
    padding: clamp(4rem, 8.974358974358974vw, 7rem) 0 0;
}
.faq_cat_select_title{
    position: relative;
    margin: 0 auto;
    max-width: 55rem;
    min-width: 27rem;
    width: 60%;
}
.faq_cat_select_inner{
    margin: clamp(-6rem, -7.6923076923076925vw, -3rem) auto 0;
    border-radius: 3rem;
    padding: clamp(5.6rem, 9.230769230769232vw, 7.2rem) 3.3333333333333335vw 4rem;/*7.2rem 6.4rem 4rem*/
    width: 95%;
    background-image: url(../img/underlayer/area/available_area_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.faq_cat_select_ul{
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem 2.4vw;/*1.6rem 4.7rem*/
    justify-content: center;
}
.faq_cat_select_li{
    position: relative;
    border: .1rem solid #d0c0b1;
    border-radius: 1rem;
    max-width: 20rem;
    min-width: 13rem;
    width: 24%;
    aspect-ratio: 1 / 1;
    background-color: #fff;
    filter: drop-shadow(0 0 1.6rem rgba(75, 57, 37, .31));
}
.faq_cat_select_li::after{
    content: "";
    position: absolute;
    bottom: 0.7291666666666666vw;
    left: 50%;
    width: 1.8rem;
    height: 1.1rem;
    background-image: url(../img/underlayer/faq/faq_select_arrowB.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: translateY(0%) translateX(-50%);
    transform: translateY(0%) translateX(-50%);
}
.faq_cat_select_imgText_box{
    display: flex;
    flex-direction: column;
    aspect-ratio: 1 / 0.72;
    align-items: center;
    justify-content: space-between;
}
.faq_cat_select_a{
    padding: clamp(1rem, 3.076923076923077vw, 2.4rem) .8rem clamp(.8rem, 2.051282051282051vw, 1.6rem);/*2.4rem .8rem 1.6rem*/
    display: block;
    width: 100%;
    height: 100%;
}
.faq_cat_select_img{
    margin: 0 auto;
}
.faq_cat_select_img1{
    width: clamp(8rem, 4.583333333333333vw, 8.8rem);
}
.faq_cat_select_img2{
    width: clamp(4.5rem, 2.864583333333333vw, 5.5rem);
}
.faq_cat_select_img3{
    width: clamp(7rem, 4.114583333333333vw, 7.9rem);
}
.faq_cat_select_img4{
    width: clamp(7rem, 4.0625vw, 7.8rem);
}
.faq_cat_select_img5{
    width: clamp(6rem, 3.3854166666666665vw, 6.5rem);
}
.faq_cat_select_img6{
    width: clamp(8rem, 4.791666666666667vw, 9.2rem);
}
.faq_cat_select_text{
    font-size: clamp(1.6rem, 1.0416666666666665vw, 2rem);
    font-weight: 700;
    color: var(--dark-brown);
    text-align: center;
}
.faq_sec{
    border-radius: 3rem;
    padding: clamp(2.4rem, 7.435897435897436vw, 5.8rem) 0 clamp(2.4rem, 10.64102564102564vw, 8.3rem);
    background-color: #fff;
}
.faq_sec_inner{
    margin: 0 auto;
    max-width: 108rem;
    width: 95%;
}
.faq_content_box{
    margin-bottom: clamp(4rem, 8.974358974358974vw, 7rem);
}
.faq_content_box:last-of-type{
    margin-bottom: 0;
}
.faq_cat{
    margin-bottom: clamp(2rem, 4.102564102564102vw, 3.2rem);
    border-radius: 1rem;
    padding: 1.8rem 2.4rem;
    font-size: clamp(1.8rem, 1.0416666666666665vw, 2rem);
    color: #fff;
    background-color: var(--dark-brown);
}
.faq_content_box details{
    margin-bottom: 1.6rem;
    border: .1rem solid #a09486;
    border-radius: 1rem;
    padding: 0 clamp(1.2rem, 2.307692307692308vw, 1.8rem);
    overflow: hidden;
}
.faq_content_details:last-of-type{
    margin-bottom: 0;
}
.faq_content_summary,
.faq_content_text{
    font-size: clamp(1.6rem, 0.9375vw, 1.8rem);
}
.faq_content_summary{
    position: relative;
    padding: clamp(.8rem, 1.7948717948717947vw, 1.4rem) 1.6rem clamp(.8rem, 1.7948717948717947vw, 1.4rem) 0;
    cursor: pointer;
    user-select: none;
    font-weight: 500;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    transition: background-color 0.3s ease;
    gap: .6rem 0;
    list-style: none;
}
.faq_content_text{
    margin: 0 0;
    padding: clamp(.8rem, 1.7948717948717947vw, 1.4rem) 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-top: .1rem dashed #a09486;
    gap: .6rem 0;
}
.faq_content_summary::after{
    position: absolute;
    content: '∨';
    right: 0;
    transition: transform 0.3s ease;
    display: inline-block;
    color: #efc01e;
}

.faq_content_details[open] .faq_content_summary::after{
    transform: rotate(180deg);
}
.faq_question,
.faq_answer{
    margin-right: 1rem;
    border-radius: 50%;
    display: flex;
    width: 3.9rem;
    font-size: clamp(1.8rem, 1.3020833333333335vw, 2.5rem);
    font-weight: 500;
    color: #fff;
    aspect-ratio: 1 / 1;
    align-items: center;
    justify-content: center;
}
.faq_question{
    background-color: #ed591d;
}
.faq_answer{
    background-color: #efc01e;
}

/*=== フォーム系 ===========================================================*/
/*=== お問い合わせ ===*/
.contact_consultation_wrapper{
    padding: clamp(4rem, 8.974358974358974vw, 7rem) 0 0;
}
.contact_consultation_title{
    position: relative;
    margin: 0 auto;
    max-width: 65rem;
    min-width: 27rem;
    width: 60%;
}
.contact_consultation_inner{
    margin: clamp(-6rem, -7.6923076923076925vw, -3rem) auto 0;
    border-radius: 3rem;
    padding: clamp(5.6rem, 9.230769230769232vw, 7.2rem) 2.604166666666667vw 4rem;/*7.2rem 5rem 4rem*/
    width: 95%;
    background-image: url(../img/underlayer/area/available_area_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.contact_consultation_ul{
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem 1.3541666666666667vw;/*1.6rem 2.6rem*/
    justify-content: center;
}
.contact_consultation_li{
    position: relative;
    border: .1rem solid #d0c0b1;
    border-radius: 1rem;
    padding: 1.8rem .8rem 2.4rem;
    max-width: 27rem;
    min-width: 22rem;
    width: 24%;
    aspect-ratio: 1 / 0.8888888888888888;
    background-color: #fff;
    filter: drop-shadow(0 0 1.6rem rgba(75, 57, 37, .31));
}
.contact_consultation_img{
    margin: 0 auto;
}
.contact_consultation_img1{
    width: clamp(7rem, 4.791666666666667vw, 9.2rem);
}
.contact_consultation_img2{
    width: clamp(8rem, 5.416666666666667vw, 10.4rem);
}
.contact_consultation_img3{
    width: clamp(5rem, 3.3333333333333335vw, 6.4rem);
}
.contact_consultation_img4{
    width: clamp(3rem, 2.1875vw, 4.2rem);
}
.contact_consultation_img5{
    width: clamp(5rem, 3.4375000000000004vw, 6.6rem);
}
.contact_consultation_headline{
    font-size: clamp(1.6rem, 1.0416666666666665vw, 2rem);
    color: #ed591d;
    text-align: center;
}
.contact_consultation_headline1{
    margin: 2.4rem 0;
}
.contact_consultation_headline2{
    margin: 2.3rem 0 1.6rem;
}
.contact_consultation_headline3{
    margin: 1.5rem 0 2.6rem;
}
.contact_consultation_headline4{
    margin: 1.1rem 0 1.6rem;
}
.contact_consultation_headline5{
    margin: 2.6rem;
}
.contact_consultation_text{
    font-size: clamp(1.6rem, 0.9375vw, 1.8rem);
    font-weight: 700;
    color: var(--dark-brown);
    text-align: center;
}
/*=== カタログ請求 ===*/
.catalog_about_wrapper{
    padding: clamp(4rem, 8.974358974358974vw, 7rem) 0 0;
}
.catalog_flow_banner{
    margin-bottom: 4rem;
    width: 100%;
}
.catalog_about_title{
    position: relative;
    margin: 0 auto;
    max-width: 71.3rem;
    min-width: 27rem;
    width: 60%;
}
.catalog_about_inner{
    margin: clamp(-6rem, -3.125vw, -4rem) auto 0;
    border-radius: 3rem;
    padding: clamp(5.6rem, 9.230769230769232vw, 7.2rem) 2.604166666666667vw 4rem;/*7.2rem 5rem 4rem*/
    width: 95%;
    background-image: url(../img/underlayer/area/available_area_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.catalog_about_ul{
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem 2.8125vw;/*1.6rem 5.4rem*/
    justify-content: center;
}
.catalog_about_li{
    position: relative;
    border: .1rem solid #d0c0b1;
    border-radius: 1rem;
    padding: 2.4rem 2.083333333333333vw;/*2.4rem 4rem*/
    display: flex;
    max-width: 45rem;
    min-width: 33rem;
    width: 31%;
    background-color: #fff;
    filter: drop-shadow(0 0 1.6rem rgba(75, 57, 37, .31));
    align-items: center;
}
.catalog_about_img{
    margin-right: 1rem;
}
.catalog_about_img1{
    width: clamp(7rem, 4.427083333333334vw, 8.5rem);
}
.catalog_about_img2{
    width: clamp(5rem, 2.5520833333333335vw, 4.9rem);
}
.catalog_about_img3{
    width: clamp(6rem, 3.802083333333333vw, 7.3rem);
}
.catalog_about_text_box{
    margin-left: auto;
}
.catalog_about_headline{
    margin-bottom: 1.6rem;
    font-size: clamp(1.6rem, 1.1458333333333333vw, 2.2rem);
    color: #044d8c;
}
.catalog_about_text{
    max-width: 26rem;
    font-size: clamp(1.6rem, 0.9375vw, 1.8rem);
    font-weight: 700;
    color: var(--dark-brown);
}
/*=== エントリー ===*/
.entry_notes{
    margin-bottom: clamp(2.4rem, 6.41025641025641vw, 5rem);
    padding: 0 1rem;
    line-height: 1.667;
    font-size: clamp(1.6rem, 2.307692307692308vw, 1.8rem);
    font-weight: 500;
    color: var(--dark-brown);
}
/*== フォーム ==*/
.form_sec{
    border-radius: 3rem;
    padding: clamp(2.4rem, 8.717948717948717vw, 6.8rem) 0 clamp(2.4rem, 19.230769230769234vw, 15rem);
    background-color: #fff;
}
.form_sec_inner{
    margin: 0 auto;
    width: 95%;
}
.required{
    position: relative;
}
.required::after{
    content: "必須";
    position: absolute;
    top: 2.3rem;
    right: 7%;
    border-radius: .5rem;
    padding: .4rem .8rem;
    font-size: clamp(1.2rem, 0.7291666666666666vw, 1.4rem);
    color: #fff;
    background-color: #b52c1a;
}
.wpcf7-not-valid-tip{
    margin-top: .4rem;
    display: block;
    font-weight: 500;
    color: #b52c1a;
}
.wpcf7-response-output{
    margin-top: 2.4rem;
    padding: .8rem 1.6rem;
    font-weight: 500;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
    border: .3rem solid #ffbe3a;
}
.form_box{
    border-bottom: .1rem solid #fff;
    display: flex;
    background-color: #efe8df;
}
.form_label{
    padding: 2.7rem 2.4rem;
    width: 24.6rem;
    font-size: clamp(1.6rem, 0.9375vw, 1.8rem);
    font-weight: 500;
    color: var(--dark-brown);
    background-color: #e6dacc;
}
.input_wrap{
    padding: 1.2rem 1.6rem;
    width: calc(100% - 24.6rem);
}
.form_input{
    border-radius: .5rem;
    padding: .8rem .8rem;
    width: calc(100% - 1.6rem);
    /* height: 100%; */
    font-size: clamp(1.6rem, 0.9375vw, 1.8rem);
    background-color: #fff;
}
.form_input_short{
    max-width: 20rem;
    width: 100%;
}
.address_btn_box{
    margin-bottom: 1rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem 0;
}
.yubinMark{
    margin-right: 1.6rem;
}
.address_btn{
    margin-left: 1.6rem;
    border: .1rem solid #a69a80;
    border-radius: .5rem;
    width: 20rem;
    height: 5rem;
    font-size: clamp(1.6rem, 0.9375vw, 1.8rem);
    font-weight: 500;
    color: var(--dark-brown);
    background-color: #fff;
    text-align: center;
}
.prefectures_address_box{
    display: flex;
    flex-direction: column;
    gap: 1rem 0;
}
.wpcf7-select{
    /* margin-bottom: 1rem; */
    border-radius: .5rem;
    padding: 0 1.6rem;
    width: 20rem;
    height: 5rem;
    font-size: clamp(1.6rem, 0.9375vw, 1.8rem);
    font-weight: 500;
    color: var(--dark-brown);
    background-color: #fff;
}
.input_wrap_inner_contact_message{
    margin-top: 1rem;
}
.wpcf7-checkbox,
.wpcf7-radio{
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    font-size: clamp(1.6rem, 0.9375vw, 1.8rem);
    color: var(--dark-brown);
    align-items: center;
    gap: .8rem 1.6rem;
}
.wpcf7-radio{
    height: auto;
}
.input_wrap_radio{
    display: flex;
    align-items: center;
}
.form_privacy_check_wrapper{
    margin-top: 3.2rem;
    border: .1rem solid #a69a80;
    border-radius: .5rem;
    padding: 3rem 1.6rem;
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #f7f3ed;
    align-items: center;
    justify-content: center;
}
.form_privacy_link_box{
    display: flex;
}
.form_privacy_link_required{
    margin-left: 1rem;
    border-radius: .5rem;
    padding: .4rem .8rem;
    width: fit-content;
    font-size: clamp(1.2rem, 0.7291666666666666vw, 1.4rem);
    color: #fff;
    background-color: #b52c1a;
}
.form_privacy_check_text{
    font-size: clamp(1.6rem, 1vw, 2rem);
    font-weight: 700;
    color: #ed591d;
}
.form_privacy_link{
    margin-top: 2rem;
    border-bottom: .1rem solid var(--dark-brown);
    display: block;
    font-size: clamp(1.6rem, 0.9375vw, 1.8rem);
    font-weight: 500;
    color: var(--dark-brown);
}
.form_next_btn_bg{
    margin: clamp(4rem, 9.487179487179487vw, 7.4rem) auto 0;
    width: clamp(28rem, 25.46875vw, 48.9rem);
    height: clamp(4.753rem, 4.322916666666667vw, 8.3rem);
    background-image: url(../img/btn_yellow.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.foam_next_button{
    display: flex;
    width: 100%;
    height: 100%;
    font-size: clamp(1.8rem, 1.25vw, 2.4rem);
    color: #fff;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.entry_name_box_span{
    margin-right: .8rem;
    font-size: clamp(1.6rem, 0.9375vw, 1.8rem);
    font-weight: 500;
    color: var(--dark-brown);
}
.entry_name_box .form_input{
    width: 24.5rem;
}
.input_wrap_entry_name_box{
    display: flex;
    flex-wrap: wrap;
    gap: .4rem 1.6rem;
    align-items: center;
}
.entry_form_headline{
    margin: clamp(3.2rem, 6.0256410256410255vw, 4.7rem) 0 clamp(2.4rem, 4.102564102564102vw, 3.2rem);
    border-radius: 1rem;
    padding: clamp(1rem, 2.435897435897436vw, 1.9rem) clamp(1.6rem, 3.076923076923077vw, 2.4rem);
    font-size: clamp(1.8rem, 1.0416666666666665vw, 2rem);
    font-weight: 500;
    color: #fff;
    background-color: var(--dark-brown);
}
.entry_form_headline:first-of-type{
    margin-top: 0;
}
.input_wrap_entry_file_input{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.entry_file_input{
    font-size: clamp(1.4rem, 0.9375vw, 1.8rem);
    font-weight: 500;
    color: var(--dark-brown);
}
.entry_form_file_notes{
    position: relative;
    margin: 0 0 1.6rem;
    padding-left: 2rem;
    font-size: clamp(1.6rem, 0.9375vw, 1.8rem);
    font-weight: 500;
    color: var(--dark-brown);
}
.entry_form_file_notes::before{
    content: "※";
    position: absolute;
    left: 0;
}


/*= フォーム流れ =*/
.form_flow_wrapper{
    margin-bottom: 5rem;
    display: flex;
    gap: 1.6rem clamp(1rem, 1.6666666666666667vw, 3.2rem);
    align-items: center;
    justify-content: center;
}
.form_flow_box{
    display: flex;
    align-items: center;
    gap: .2rem 1.6rem;
}
.form_flow_num{
    border-radius: 50%;
    display: flex;
    width: clamp(4rem, 3.125vw, 6rem);
    aspect-ratio: 1 / 1;
    background-color: #a69a80;
    align-items: center;
    justify-content: center;
}
.form_flow_num span{
    font-size: clamp(2rem, 1.5625vw, 3rem);
    color: #fff;
}
.form_flow_text{
    font-size: clamp(1.6rem, 1.0416666666666665vw, 2rem);
    font-weight: 500;
    color: var(--dark-brown);
}
.form_flow_box_current .form_flow_num{
    background-color: #ed591d;
}
.form_flow_box_current .form_flow_text{
    color: #ed591d;
}
.form_arrow{
    position: relative;
    display: inline-block;
    width: clamp(6rem, 7.916666666666666vw, 15.2rem);
    height: .1rem;
    margin: .84rem 0;
    border-radius: 999.9rem;
    background-color: #411100;
}
.form_arrow::before,
.form_arrow::after {
    content: "";
    position: absolute;
    top: calc(50% - .05rem);
    right: 0;
    width: 1.4rem;
    height: .1rem;
    border-radius: 999.9rem;
    background-color: #411100;
    transform-origin: calc(100% - .05rem) 50%;
}
.form_arrow::before {
    transform: rotate(40deg);
}
.form_arrow::after {
    transform: rotate(-40deg);
}
/*= 送信完了 =*/
.form_completion_sec .example_details_all_btn{
    margin: 6.4rem auto 0;
}
.form_completion_thanks{
    padding: 0 1.6rem;
    font-size: clamp(1.8rem, 1.875vw, 2.4rem);
    color: var(--dark-brown);
}
.form_completion_sentence_box{
    margin-top: 3.2rem;
    padding: 0 1.6rem;
}
.form_completion_sentence{
    margin-top: 1.6rem;
    line-height: 1.7;
    font-size: clamp(1.6rem, 1.40625vw, 1.8rem);
    font-weight: 500;
    color: var(--dark-brown);
}


/*=== 採用情報 ===========================================================*/
.recruit_point_sec{
    position: relative;
    padding: 5rem 0 0;
}
.recruit_point_sec::before,
.recruit_point_sec::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
}
.recruit_point_sec::before{
    top: 2.2rem;
    left: 0;
    width: clamp(14rem, 22.760416666666668vw, 43.7rem);
    height: clamp(24.892rem, 40.46875vw, 77.7rem);
    background-image: url(../img/underlayer/recruit/recruit_point_decoration1.png);
}
.recruit_point_sec::after{
    top: -3.6rem;
    right: 0;
    width: clamp(14rem, 26.406249999999996vw, 50.7rem);
    height: clamp(16.485rem, 31.093749999999996vw, 59.7rem);
    background-image: url(../img/underlayer/recruit/recruit_point_decoration2.png);
}
.recruit_point_sec .underlayer_sec_inner{
    position: relative;
    z-index: 2;
}
.recruit_point_headline{
    font-size: clamp(3.2rem, 2.083333333333333vw, 4rem);
    color: #d53823;
    -webkit-text-stroke: .4rem #fff;
    paint-order: stroke;
    text-align: center;
}
.recruit_point_text{
    margin: clamp(4rem, 7.307692307692308vw, 5.7rem) 0 3.9rem;
}
.recruit_point_text,
.recruit_point_li_text{
    line-height: 1.667;
    font-size: clamp(1.6rem, 0.9375vw, 1.8rem);
    font-weight: 500;
    color: var(--dark-brown);
    text-align: center;
}
.recruit_point_ul{
    display: flex;
    justify-content: center;
    gap: .8rem 4.0625vw;/*1.6rem 7.8rem*/
}
.recruit_point_li{
    display: flex;
    width: 28.1rem;
    aspect-ratio: 1 / 1.1494661921708185;
    background-image: url(../img/underlayer/recruit/recruit_point_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    align-items: center;
    justify-content: center;
}
.recruit_point_h3{
    font-size: clamp(2.2rem, 1.3020833333333335vw, 2.5rem);
    color: var(--dark-brown);
    text-align: center;
}
.recruit_point_li1 .recruit_point_h3,
.recruit_point_li3 .recruit_point_h3{
    margin-bottom: clamp(1rem, 2.7083333333333335vw, 5.2rem);
}
.recruit_point_li2 .recruit_point_h3{
    margin-bottom: clamp(1rem, 2.2916666666666665vw, 4.4rem);
}
/*=== 募集要項 ===*/
.recruit_position_sec{
    margin-top: -17.708333333333336vw;/*-34rem*/
    padding: clamp(8.5rem, 17.708333333333336vw, 34rem) 0 clamp(8rem, 6.25vw, 12rem);
    background-image: url(../img/underlayer/recruit/recruit_position_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.recruit_position_ul{
    margin-top: clamp(4rem, 9.487179487179487vw, 7.4rem);
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem 2.1vw;/*1.6rem 4.4rem*/
    justify-content: center;
}
.recruit_position_li{
    border: .6rem solid #efc01e;
    border-radius: 2rem;
    padding: clamp(1.6rem, 3.5897435897435894vw, 2.8rem) clamp(1.2rem, 2.564102564102564vw, 2rem);/*2.8rem 2rem*/
    max-width: 49rem;
    min-width: 36rem;
    width: 31%;
    background-color: #fff;
}
.recruit_position_li_gray{/*募集締切*/
    position: relative;
}
.recruit_position_li_gray::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 1rem;
    width: 100%;
    height: 100%;
    background-color: rgba(184, 159, 128, .64);
}
.recruit_position_img{
    margin: 2.2rem 0;
    border-radius: 2rem;
    aspect-ratio: 1 / 0.4943820224719101;
    overflow: hidden;
}
.recruit_position_img img{
    width: 100%;
    height: 100%;
}
.recruit_position_info_box{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .4rem 1.6rem;
}
.recruit_position_info_p{
    position: relative;
    border: .1rem solid #d53823;
    border-radius: 2rem;
    display: flex;
    width: clamp(9rem, 14.102564102564102vw, 11rem);
    height: clamp(2.6rem, 4.487179487179487vw, 3.5rem);
    font-size: clamp(1.6rem, 0.9375vw, 1.8rem);
    font-weight: 500;
    color: #d53823;
    background-color: #fff;
    align-items: center;
    justify-content: center;
}
.recruit_position_li_gray .recruit_position_info_p{
    border: .1rem solid #1c254e;
    color: #1c254e;
}
.recruit_position_info_h3{
    font-size: clamp(2.4rem, 1.5625vw, 3rem);
    color: var(--dark-brown);
}
.recruit_position_sentence{
    line-height: 1.667;
    font-size: clamp(1.6rem, 0.9375vw, 1.8rem);
    font-weight: 500;
    color: var(--dark-brown);
}
/*=== 先輩社員の声 ===*/
.recruit_staffVoice_sec{
    padding: clamp(11rem, 14.743589743589745vw, 11.5rem) 0 clamp(11rem, 17.94871794871795vw, 14rem);
}
.recruit_staffVoice_ul{
    margin-top: clamp(4rem, 9.487179487179487vw, 7.4rem);
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem 2.1vw;/*1.6rem 4.4rem*/
    justify-content: center;
}
.recruit_staffVoice_li{
    border: .6rem solid #fff4d6;
    padding: clamp(1.6rem, 3.5897435897435894vw, 2.8rem) clamp(1.2rem, 2.564102564102564vw, 2rem);/*2.8rem 2rem*/
    max-width: 49rem;
    min-width: 36rem;
    width: 31%;
    background-color: #fff;
}
.recruit_staffVoice_img_info_box{
    margin-bottom: clamp(1.6rem, 3.8461538461538463vw, 3rem);
    display: flex;
    gap: .8rem 3rem;/*.8rem 3rem*/
    align-items: center;
}
.recruit_staffVoice_img{
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    max-width: 18.5rem;
    min-width: 8rem;
    width: 43%;
    overflow: hidden;
}
.recruit_staffVoice_img img{
    display: block;
    width: 100%;
    height: 100%;
}
.recruit_staffVoice_info{
    max-width: 21rem;
}
.recruit_staffVoice_title{
    margin-bottom: clamp(1.6rem, 1.25vw, 2.4rem);
    font-size: clamp(1.8rem, 1.1458333333333333vw, 2.2rem);
    color: #ed591d;
}
.recruit_staffVoice_position{
    font-size: clamp(1.4rem, 0.8333333333333334vw, 1.6rem);
    font-weight: 700;
    color: var(--dark-brown);
}
.recruit_staffVoice_sentence{
    line-height: 1.6;
    font-size: clamp(1.6rem, 0.9375vw, 1.8rem);
    font-weight: 500;
    color: var(--dark-brown);
}
/*=== お気軽にご応募 ===*/
.recruit_entryLink_sec{
    padding: 8.8rem 0 11.2rem;
}
.recruit_entryLink_inner{
    position: relative;
    margin: 0 auto;
    max-width: 120rem;
}
.recruit_entryLink_inner::before,
.recruit_entryLink_inner::after{
    content: "";
    position: absolute;
    bottom: -11.4rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.recruit_entryLink_inner::before{
    left: 0;
    width: clamp(22rem, 18.802083333333332vw, 36.1rem);
    height: clamp(21.634rem, 18.489583333333336vw, 35.5rem);
    background-image: url(../img/underlayer/recruit/recruit_entryLink_decoration1.png);
}
.recruit_entryLink_inner::after{
    right: 0;
    width: clamp(16rem, 16.197916666666668vw, 31.1rem);
    height: clamp(18.264rem, 18.489583333333336vw, 35.5rem);
    background-image: url(../img/underlayer/recruit/recruit_entryLink_decoration2.png);
}
.recruit_entryLink_title{
    position: relative;
    margin: 0 auto;
    width: fit-content;
    font-size: clamp(2rem, 1.3020833333333335vw, 2.5rem);
    color: var(--dark-brown);
}
.recruit_entryLink_title::before,
.recruit_entryLink_title::after{
    content: "";
    position: absolute;
    bottom: clamp(-.8rem, -1.0256410256410255vw, -.4rem);
    width: .15rem;
    height: clamp(2.8rem, 6.0256410256410255vw, 4.7rem);
    background-color: var(--dark-brown);
}
.recruit_entryLink_title::before{
    left: clamp(-3rem, -3.8461538461538463vw, -1rem);
    transform: rotate(-30deg);
}
.recruit_entryLink_title::after{
    right: clamp(-3rem, -3.8461538461538463vw, -1rem);
    transform: rotate(30deg);
}
.recruit_entryLink_btn{
    margin: clamp(4rem, 7.6923076923076925vw, 6rem) auto 0;
    max-width: 52.9rem;
    min-width: 28rem;
    width: 60%;
    aspect-ratio: 1 / 0.25226843100189034;
    background-image: url(../img/underlayer/article_link_PN_btn.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.recruit_entryLink_btn_a{
    display: flex;
    width: 100%;
    height: 100%;
    font-size: clamp(2rem, 1.3020833333333335vw, 2.5rem);
    font-weight: 700;
    color: #fff;
    align-items: center;
    justify-content: center;
}

/*=== プライバシーポリシー ===========================================================*/
.privacy_sec{
    padding: 7.2rem 0 clamp(8rem, 15.897435897435896vw, 12.4rem);
}
.privacy_sec .underlayer_sec_inner{
    border-radius: 3rem;
    padding: clamp(3.2rem, 7.6923076923076925vw, 6rem) 0;
    background-color: #fff;
}
.privacy_wrap{
    margin: 0 auto;
    max-width: 142.7rem;
    width: 90%;
}
.privacy_headline{
    margin: clamp(3.2rem, 6.0256410256410255vw, 4.7rem) 0 clamp(1.6rem, 4.102564102564102vw, 3.2rem);
    border-radius: 1rem;
    padding: clamp(1rem, 2.435897435897436vw, 1.9rem) clamp(1.6rem, 3.076923076923077vw, 2.4rem);
    font-size: clamp(1.8rem, 1.0416666666666665vw, 2rem);
    font-weight: 500;
    color: #fff;
    background-color: var(--dark-brown);
}
.privacy_sentence,
.privacy_mokuteki_li{
    line-height: 1.5;
    font-size: clamp(1.6rem, 2.307692307692308vw, 1.8rem);
    font-weight: 500;
    color: var(--dark-brown);
}
.privacy_li{
    margin-bottom: 3rem;
    border: .1rem solid #a09486;
    border-radius: 1rem;
    padding: clamp(1.6rem, 4.102564102564102vw, 3.2rem) clamp(1.6rem, 3.076923076923077vw, 2.4rem);
}
.privacy_sentence_num{
    padding-bottom: clamp(1.6rem, 3.076923076923077vw, 2.4rem);
    border-bottom: .1rem dashed #a09486;
}
.privacy_sentence_num_bottom{
    padding-top: clamp(1.6rem, 3.076923076923077vw, 2.4rem);
}
.privacy_mokuteki_ul{
    margin-top: .8rem;
    display: flex;
    flex-wrap: wrap;
    gap: .4rem 1.6rem;
}
.privacy_mokuteki_li{
    position: relative;
    padding-left: 1.6rem;
    width: calc(50% - 1.6rem);
}
.privacy_mokuteki_li::before{
    content: "・";
    position: absolute;
    left: 0;
}
.privacy_sentence_contact{
    margin-bottom: clamp(1.6rem, 3.076923076923077vw, 2.4rem);
}

/*=== サイトマップ ===========================================================*/
.sitemap_sec{
    padding: 7.2rem 0 clamp(8rem, 15.897435897435896vw, 12.4rem);
}
.sitemap_sec .underlayer_sec_inner{
    border-radius: 3rem;
    padding: clamp(3.2rem, 7.6923076923076925vw, 6rem) 0;
    background-color: #fff;
}
.sitemap_wrap{
    margin: 0 auto;
    max-width: 142.7rem;
    width: 90%;
}
.sitemap_sentence{
    line-height: 1.5;
    font-size: clamp(1.6rem, 2.307692307692308vw, 1.8rem);
    font-weight: 500;
    color: var(--dark-brown);
}
.sitemap_grid{
    margin-top: clamp(4rem, 3.6458333333333335vw, 7rem);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.6rem;
}
.card{
    border: .15rem solid #a09486;
    border-radius: 1rem;
    overflow: hidden;
    background-color: #fff;
}
.card_head{
    padding: 1rem 1.4rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}
.icon_circle{
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    width: clamp(4rem, 3.125vw, 6rem);
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    background-color: #ed591d;
}
.card_title{
    font-size: clamp(1.8rem, 1.1458333333333333vw, 2.2rem);
    font-weight: 500;
    color: #ed591d;
}
.card_body{
    padding: 1.2rem 1.6rem;
}
.card_body ul li.sub{
    padding-left: 1.2rem;
}
.card_body ul li.sub2{
    padding-left: 2.4rem;
}
/* グリッド配置 */
.card_home   { grid-column: 1; grid-row: 1; }
.card_service{ grid-column: 2; grid-row: 1 / 3; }
.card_area   { grid-column: 3; grid-row: 1; }
.card_price  { grid-column: 4; grid-row: 1; }
.card_company{ grid-column: 1; grid-row: 2; }
.card_voice  { grid-column: 3; grid-row: 2; }
.card_blog   { grid-column: 4; grid-row: 2; }
.card_contact{ grid-column: 1; grid-row: 3; }
.card_local  { grid-column: 2; grid-row: 3; }
.card_recruit{ grid-column: 3; grid-row: 3; }
.card_example{ grid-column: 4; grid-row: 3 / 4; }
.card_privacy{ grid-column: 1; grid-row: 4; }
.card_sitemap{ grid-column: 2; grid-row: 4; }



@media screen and ( max-width: 1750px ){
    /*=== サービス ===========================================================*/
    /*=== 外壁塗装 ===*/
    .about_work_bg::after{
        right: -1.1428571428571428vw;/*-14rem*/
        bottom: 0;
    }
    /*=== 会社概要 ===========================================================*/
    /*=== 代表挨拶 ===*/
    /*=== 装飾関連一括記述 ===============================*/
    .company_greeting_inner::after{/*おでん串*/
        right: -2.857142857142857vw;/*-5rem*/
    }
    .company_greeting_content_inner::after{/*こんにゃく*/
        right: -3.870967741935484vw;/*-6rem*/
        bottom: 19.428571428571427vw;/*10rem*/
    }
    /*===================================================*/
    /*=== 会社概要>採用情報 ===*/
    .company_recruit_sec .area_request_title_bg{
        position: relative;
    }
    .company_recruit_wrapper_inner{
        margin-top: clamp(-6rem, -7.6923076923076925vw, -3.5rem);
        border-radius: 1rem;
        padding: 4rem 0 2.4rem;
        background-color: rgba(255, 255, 255, .8);
    }
}
@media screen and ( max-width: 1280px ){
    /*== サイドバー関連 ==*/
    /*= サイドバー_エントリー =*/
    .entry_sidebar_tel_line_wrapper .sidebar_tel{
        width: 100%;
    }
    .entry_sidebar_first_box{
        flex-direction: column;
    }
    .entry_sidebar_li .sidebar_first_itemSentence{
        max-width: initial;
        text-align: center;
    }
    /*=== サービス ===========================================================*/
    /*=== ○○市の外壁塗装・外壁工事・屋根塗装・屋根工事 ===*/
    .service_trouble_sec .underlayer_sec_inner{
        max-width: 83rem;
        width: 85%;
    }
    .service_trouble_li{
        width: calc(100% / 2 - 3vw);
    }
    .service_trouble_li1::before{
        width: clamp(13.241rem, 13.7921875vw, 17.654rem);
        height: clamp(18rem, 18.75vw, 24rem);
    }
    .service_trouble_li2::before{
        width: clamp(17.695rem, 18.43203125vw, 23.593rem);
        height: clamp(18rem, 18.75vw, 24rem);
    }
    .service_trouble_li3::before{
        width: clamp(14.827rem, 15.444531249999999vw, 19.769rem);
        height: clamp(18rem, 18.75vw, 24rem);
    }
    .service_trouble_li4::before{
        width: clamp(14.644rem, 15.253906249999998vw, 19.525rem);
        height: clamp(18rem, 18.75vw, 24rem);
    }
    .service_trouble_item_text{
        top: clamp(4.6rem, 5.833333333333333vw, 5.6rem);/*5.6rem*/
        right: clamp(6rem, 7.708333333333334vw, 7.4rem);/*7.4rem*/
        font-size: clamp(1.8rem, 1.7187500000000002vw, 2.2rem);
    }
    .service_trouble_item_num{
        font-size: clamp(3rem, 2.96875vw, 3.8rem);
    }
    .service_trouble_item_sentence{
        font-size: clamp(1.8rem, 1.7187500000000002vw, 2.2rem);
    }
    /*=== 対応エリア ===========================================================*/
    /*=== さいたま市 ===*/
    .area_request_ul{
        gap: 4rem 4.7%;
    }
    .area_request_li{
        width: calc(100% / 2 - 3.2%);
    }
    .area_request_img{
        aspect-ratio: 1 / 0.6306421606542355;
    }
    .area_request_info_box{
        padding: 0 3.125vw;
    }
    .area_request_headline{
        font-size: clamp(2rem, 2.109375vw, 2.7rem);
    }
    .area_request_text{
        margin: clamp(1rem, 1.875vw, 2.4rem) 0 clamp(1rem, 2.5vw, 3.2rem);
        font-size: clamp(1.4rem, 1.40625vw, 1.8rem);
    }
    /*=== お客様の声ページ関連 ===========================================================*/
    .customervoice_search_area_li1 .customervoice_search_area_img{
        margin: 2.4rem auto 0;
    }
    .customervoice_search_area_name br{
        display: block;
    }
    /*=== 会社概要 ===========================================================*/
    /*=== 会社概要>採用情報 ===*/
    .company_recruit_wrapper{
        margin: 0 auto;
    }
    /*=== フォーム系 ===========================================================*/
    /*== フォーム ==*/
    .required::after{
        top: 1.4rem;
        right: auto;
        margin-left: 1.4rem;
    }
    .form_box{
        flex-wrap: wrap;
    }
    .form_label,
    .input_wrap,
    .form_input{
        width: 100%;
    }
    .form_label{
        padding: 1.4rem 1.6rem;
    }
    .entry_form_label_br{
        display: none;
    }
    /*=== プライバシーポリシー ===========================================================*/
    .privacy_mokuteki_li{
        width: 100%;
    }
    /*=== サイトマップ ===========================================================*/
    .sitemap_grid{
        grid-template-columns: repeat(3, 1fr);
    }
    /* ===== 3列グリッド配置 ===== */
    .card_home   { grid-column: 1; grid-row: 1; }
    .card_service{ grid-column: 2; grid-row: 1 / 3; }
    .card_area   { grid-column: 3; grid-row: 1; }
    .card_price  { grid-column: 1; grid-row: 2; }
    .card_company{ grid-column: 3; grid-row: 2; }
    .card_voice  { grid-column: 1; grid-row: 3; }
    .card_blog   { grid-column: 2; grid-row: 3; }
    .card_contact{ grid-column: 3; grid-row: 3; }
    .card_local  { grid-column: 1; grid-row: 4; }
    .card_recruit{ grid-column: 2; grid-row: 4; }
    .card_example{ grid-column: 3; grid-row: 4 / 6; }
    .card_privacy{ grid-column: 1; grid-row: 5; }
    .card_sitemap{ grid-column: 2; grid-row: 5; }
}
@media screen and ( max-width: 960px ){
    /*=== サイトマップ ===========================================================*/
    .sitemap_grid{
        margin: 4rem auto 0;
        display: flex;
        flex-direction: column;
        max-width: 60rem;
        width: 100%;
    }
    .card_head{
        padding: 1rem 1.4rem 0;
    }
    .card_privacy .card_head,
    .card_sitemap .card_head{
        padding: 1rem 1.4rem;
    }
}
@media screen and ( max-width: 780px ){
    /*=== 共通 ===*/
    html{
        scroll-padding-top: 3rem;
    }
    /*== MV ==*/
    .underlayer_mv::before{
        background-image: url(../img/underlayer/SP/MV_top_decoration_SP.png);
    }
    .underlayer_mv_img_wrapper{
        flex-direction: column;
    }
    .underlayer_mv_img_single_wrapper .underlayer_mv_img{
        aspect-ratio: 1 / 0.9230769230769231;
    }
    .underlayer_mv_img{
        width: 100%;
        aspect-ratio: 1 / 0.46153846153846156;
    }

    /*== width・main余白 ==*/
    .underlayer_sec_inner{ width: 97.5%; }
    /*== サイドバー関連 ==*/
    .withSidebar_wrapper{
        flex-direction: column-reverse;
        width: 97.5%;
    }
    .underlayer_width_withSidebar{
        width: 100%;
    }
    .sidebar_wrapper{
        max-width: initial;
        width: 100%;
    }
    /*= サイドバー_お見積り関連 =*/
    .sidebar_tel_line_wrapper{
        flex-direction: initial;
    }
    .sidebar_tel,
    .sidebar_line{
        width: calc(50% - .8rem);
    }
    .sidebar_tel_text{
        margin-bottom: 2.4rem;
        font-size: clamp(1.4rem, 2.307692307692308vw, 1.8rem);
    }
    .sidebar_tel_text::after{
        background-size: contain;
    }
    .sidebar_tel_inner,
    .sidebar_line_inner,
    .sidebar_first_ul{
        padding: 1rem clamp(.8rem, 0.8333333333333334vw, 1.6rem);
    }
    .sidebar_first_ul{
        display: flex;
        flex-wrap: wrap;
    }
    .sidebar_tel_img{
        width: clamp(2.4rem, 2.2916666666666665vw, 4.4rem);
        height: clamp(1.244rem, 1.1979166666666667vw, 2.3rem);
    }
    .sidebar_tel_num{
        font-size: clamp(2.6rem, 4.102564102564102vw, 3.2rem);
    }
    .sidebar_tel_time{
        font-size: clamp(1.2rem, 2.051282051282051vw, 1.6rem);
    }
    .sidebar_line_box{
        gap: .8rem clamp(.8rem, 2.051282051282051vw, 1.6rem);
    }
    .sidebar_line_icon{
        aspect-ratio: 1 / 1;
        width: clamp(2.4rem, 2.7083333333333335vw, 5.2rem);
    }
    .sidebar_contact_text{
        font-size: clamp(1.4rem, 2.051282051282051vw, 1.6rem);
    }
    .sidebar_line_link{
        margin-top: .4rem;
        border-radius: 1.5rem;
        padding: .6rem 0;
        max-width: 25rem;
        width: 95%;
        font-size: clamp(1.4rem, 2.051282051282051vw, 1.6rem);
    }
    .sidebar_first_li{
        padding: 1.4rem .8rem;
        width: 50%;
        gap: .4rem .8rem;
    }
    .sidebar_first_li:nth-child(odd){
        border-right: .1rem dashed #8b7a67;
    }
    .sidebar_first_li:nth-child(3){
        border-bottom: none;
    }
    .sidebar_first_box{
        max-width: 30rem;
        width: 90%;
    }
    .sidebar_first_itemName{
        margin-bottom: 1.4rem;
        font-size: clamp(1.4rem, 2.435897435897436vw, 1.9rem);
    }
    .sidebar_first_img{
        margin: 0 0;
    }

    /*== 改行 ==*/
    .br_pc{ display: none; }
    .br_sp{ display: block; }

    /*== タイトル・サブタイトル ==*/
    .underlayer_mv_title_wrapper{
        top: 50%;
        bottom: auto;
        width: clamp(1rem, 97.43589743589743vw, 76rem);
        aspect-ratio: 1 / 0.4387631578947368;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
    }
    .underlayer_mv_title_wrapper::before{
        top: -14.102564102564102vw;/*-10rem*/
        left: -1rem;
        width: clamp(7.2rem, 20.51282051282051vw, 16rem);
        height: clamp(13.18rem, 37.55vw, 29.289rem);
        z-index: 0;
    }
    .underlayer_mv_title_wrapper::after{
        right: 0;
        bottom: -5.128205128205128vw;/*-4rem*/
        width: clamp(4rem, 9.743589743589745vw, 7.6rem);
        height: clamp(5.818rem, 14.102564102564102vw, 11rem);
    }
    .underlayer_mv_title_inner::after{
        top: 10.256410256410255vw;/*8rem*/
        right: 4.871794871794872vw;/*3.8rem*/
        width: clamp(8rem, 23.076923076923077vw, 18rem);
        height: clamp(8rem, 23.076923076923077vw, 18rem);
    }
    .underlayer_page_subtitle{
        margin-bottom: clamp(1rem, 5.128205128205128vw, 4rem);
        font-size: clamp(1.2rem, 3.076923076923077vw, 2.4rem);
        text-shadow: #D03622 0 0 .6rem;
    }
    .underlayer_page_subtitle::after{
        top: 6.41025641025641vw;/*5rem*/
        width: 80%;
        height: clamp(.6rem, 0.8974358974358974vw, .7rem);
    }
    .underlayer_page_title{
        /* font-size: clamp(2.4rem, 6.153846153846154vw, 4.8rem); */
        font-size: clamp(2rem, 6.153846153846154vw, 4.8rem);
    }
    .underlayer_content_title{
        font-size: clamp(2.4rem, 7.6923076923076925vw, 6rem);
    }

    /*=== 同一デザイン ===*/
    .customervoice_ul,
    .artGallery_ul{ gap: 2.051282051282051vw 2.051282051282051vw; }
    .customervoice_li,
    .artGallery_li{
        min-width: initial;
        width: calc(100% / 2 - 2.051282051282051vw);
    }
    .customervoice_text{ -webkit-line-clamp: 2; }
    .customervoice_cat,
    .artGallery_cat{
        padding: clamp(.2rem, 0.641025641025641vw, .5rem) clamp(.4rem, 1.282051282051282vw, 1rem) clamp(.4rem, 0.641025641025641vw, .5rem);
        font-size: clamp(1.2rem, 1.7948717948717947vw, 1.4rem);
    }
    .customervoice_text,
    .artGallery_text{
        margin-top: .8rem;
        font-size: clamp(1.6rem, 2.564102564102564vw, 2rem);
    }
    .customervoice_area_name{ font-size: clamp(1.6rem, 2.564102564102564vw, 2rem); }
    .customervoice_img::before,
    .artGallery_img::before{
        font-size: clamp(1.6rem, 3.076923076923077vw, 2.4rem);
    }
    .artGallery_info_box{ padding: 1.5rem 3.2% 2rem; }

    /*=== サービス ===========================================================*/
    .service_li_inner{
        flex-direction: column-reverse;
        max-width: 60.4rem;
        width: 80%;
    }
    .service_li:nth-of-type(2n) .service_li_inner{ flex-direction: column-reverse; }
    .service_li{ aspect-ratio: 1 / 1.2031558185404339; }
    .service_li:nth-of-type(odd){ background-image: url(../img/underlayer/service/odd_bg_SP.png); }
    .service_li:nth-of-type(even){ background-image: url(../img/underlayer/service/even_bg_SP.png); }
    .service_info_box, .service_img{ width: 100%; }
    .service_info_box{
        padding: 0 3.8461538461538463vw;/*3rem*/
        aspect-ratio: 1 / 0.7119205298013245;
    }
    .service_info_headline{
        font-size: clamp(2rem, 6.41025641025641vw, 5rem);
    }
    .service_info_text{
        margin: 4.102564102564102vw 0 5.128205128205128vw;/*3.2rem 0 4rem*/
        font-size: clamp(1.2rem, 2.8205128205128207vw, 2.2rem);
    }
    .service_li:last-of-type .service_info_text{
        margin: 2.564102564102564vw 0;/*2rem*/
    }
    .service_img{ aspect-ratio: 1 / 0.5463576158940397; }
    /*=== 外壁塗装 ===*/
    .about_work .underlayer_sec_inner{
        width: 97.5%;
    }
    .about_work_bg{
        padding: clamp(7rem, 17.94871794871795vw, 14rem) 0 clamp(6rem, 10.256410256410255vw, 8rem);
        background-image: url(../img/underlayer/service/about_work_bg_SP.png);
    }
    .about_work_bg::before{
        top: 0;
        left: 0;
        width: clamp(6rem, 15.384615384615385vw, 12rem);
        height: clamp(6.847rem, 17.557692307692307vw, 13.695rem);
    }
    .about_work_bg::after{
        right: 0;
        bottom: 0;
        width: clamp(6rem, 15.384615384615385vw, 12rem);
        height: clamp(6.324rem, 16.216666666666665vw, 12.649rem);
    }
    .about_work_bg_inner{
        flex-direction: column;
        width: 90%;
    }
    .about_work_info{
        max-width: initial;
        width: 100%;
    }
    .about_work_info_text{
        font-size: clamp(1.6rem, 2.8205128205128207vw, 2.2rem);
    }
    .about_work_li{
        font-size: clamp(1.6rem, 2.564102564102564vw, 2rem);
    }
    /*=== サービス共通 ===*/
    /*== 対応サービス ==*/
    .support_service_name{
        font-size: clamp(2.2rem, 3.5897435897435894vw, 2.8rem);
    }
    /*== 施工の流れ ==*/
    .work_flow_step{
        font-size: clamp(2.4rem, 3.8461538461538463vw, 3rem);
    }
    .work_flow_stepNum{
        font-size: clamp(3.2rem, 5.128205128205128vw, 4rem);
    }
    .work_flow_headline{
        /* font-size: clamp(2.4rem, 3.8461538461538463vw, 3rem); */
        font-size: clamp(2.4rem, 3.5897435897435894vw, 2.8rem);
    }
    /*== サービス内_対応エリア ==*/
    .work_area_bg_inner{
        flex-direction: column;
    }
    .work_area_ul{
        padding: clamp(2.4rem, 4.102564102564102vw, 3.1rem) clamp(1.6rem, 3.076923076923077vw, 2.4rem);/*3.2rem 2.4rem*/
        max-width: initial;
        width: 100%;
    }
    .work_area_prefecture{
        width: clamp(9rem, 16.538461538461537vw, 12.9rem);
        height: clamp(3.558rem, 6.538461538461539vw, 5.1rem);
        font-size: clamp(1.8rem, 3.3333333333333335vw, 2.6rem);
    }
    .work_area_cities_li a{
        font-size: clamp(1.6rem, 3.076923076923077vw, 2.4rem);
    }
    /*=== ○○市の外壁塗装・外壁工事・屋根塗装・屋根工事 ===*/
    .service_trouble_sec .underlayer_sec_inner{
        width: 97.5%;
    }
    .service_eachArea_contents_top_text{
        font-size: clamp(2.4rem, 5.128205128205128vw, 4rem);
    }
    .service_trouble_title{
        font-size: clamp(2rem, 6.41025641025641vw, 5rem);
    }
    .service_trouble_title_span{
        font-size: clamp(2.4rem, 7.6923076923076925vw, 6rem);
    }
    .service_trouble_ul{
        gap: clamp(6rem, 11.538461538461538vw, 9rem) 3vw;
    }
    .service_trouble_li1::before{
        left: -2rem;
        width: clamp(1rem, 20.7474358974359vw, 16.183rem);
        height: clamp(1rem, 28.205128205128204vw, 22rem);
    }
    .service_trouble_li2::before{
        left: -2.4rem;
        width: clamp(1rem, 27.726923076923075vw, 21.627rem);
        height: clamp(1rem, 28.205128205128204vw, 22rem);
    }
    .service_trouble_li3::before{
        left: -1.6rem;
        width: clamp(1rem, 23.233333333333334vw, 18.122rem);
        height: clamp(1rem, 28.205128205128204vw, 22rem);
    }
    .service_trouble_li4::before{
        left: -.7rem;
        width: clamp(1rem, 22.946153846153845vw, 17.898rem);
        height: clamp(1rem, 28.205128205128204vw, 22rem);
    }
    .service_trouble_item_text{
        top: clamp(1rem, 6.41025641025641vw, 5rem);
        right: clamp(1rem, 8.974358974358974vw, 7rem);
        font-size: clamp(1.8rem, 3.076923076923077vw, 2.4rem);
    }
    .service_trouble_item_num{
        font-size: clamp(2.4rem, 4.871794871794872vw, 3.8rem);
    }
    .service_trouble_item_sentence{
        font-size: clamp(1.5rem, 2.8205128205128207vw, 2.2rem);
    }
    /*== ○○市の対応エリア ==*/
    .work_eachArea_list_wrapeer{
        max-width: initial;
        width: 100%;
    }
    .work_eachArea_list_headline{
        width: clamp(16rem, 28.846153846153843vw, 22.5rem);
        height: clamp(3.627rem, 6.538461538461539vw, 5.1rem);
        font-size: clamp(1.8rem, 3.205128205128205vw, 2.5rem);
    }
    .work_eachArea_list_li,
    .work_eachArea_list_notes{
        font-size: clamp(1.6rem, 2.564102564102564vw, 2rem);
    }

    /*=== 対応エリア ===========================================================*/
    .area_search_li{
        padding: 4rem 2.051282051282051vw 4rem;/*4rem 1.6rem 4rem*/
        min-width: initial;
        width: 100%;
    }
    .area_search_saitama_li .area_search_details_ul,
    .area_search_gunma_li .area_search_details_ul,
    .area_search_tochigi_li .area_search_details_ul{
        margin-top: 5rem;
    }
    .area_search_saitama_li .area_search_info::after{
        top: -1.282051282051282vw;/*-1rem*/
        width: clamp(14.373rem, 22.52179487179487vw, 17.567rem);
        height: clamp(9rem, 14.102564102564102vw, 11rem);
    }
    .area_search_gunma_li .area_search_info::after{
        top: -3.8461538461538463vw;/*-3rem*/
        width: clamp(11.474rem, 19.614102564102566vw, 15.299rem);
        height: clamp(12rem, 20.51282051282051vw, 16rem);
    }
    .area_search_tochigi_li .area_search_info::after{
        top: -3.8461538461538463vw;/*-3rem*/
        width: clamp(10.297rem, 18.00128205128205vw, 14.041rem);
        height: clamp(11rem, 19.230769230769234vw, 15rem);
    }
    .area_search_headline{
        margin-bottom: clamp(1.6rem, 4.102564102564102vw, 3.2rem);
    }
    .area_search_details_link_box p{
        font-size: clamp(2rem, 3.8461538461538463vw, 3rem);
    }
    .area_search_details_more{
        min-width: 13rem;
        font-size: clamp(1.2rem, 2.307692307692308vw, 1.8rem);
    }
    /*== サービスから探す ==*/
    .service_search_ul{
        gap: 1.6rem 3.8461538461538463vw;/*1.6rem 4rem*/
    }
    .service_search_li{
        /* width: calc(50% - 5.128205128205128vw); */
    }
    /*=== 埼玉県 ===*/
    .available_area_ul{
        gap: 1.6rem 3.076923076923077vw;
    }
    .available_area_li{
        min-width: 13rem;
        width: calc(100% / 3 - 2.4rem);
    }
    .available_area_text{
        bottom: clamp(2.6rem, 6.41025641025641vw, 5rem);
        font-size: clamp(1.8rem, 3.076923076923077vw, 2.4rem);
    }
    /*=== さいたま市 ===*/
    /*== 外壁工事はカナリアホームへ ==*/
    .area_request_title_bg{
        width: clamp(28rem, 69.61538461538461vw, 54.3rem);
        height: clamp(6.703rem, 16.666666666666664vw, 13rem);
    }
    .area_request_title{
        font-size: clamp(2rem, 3.8461538461538463vw, 3rem);
    }
    .area_request_li{ width: 100%; }
    .area_request_img_info_wrapper{
        position: absolute;
        top: 0;
        display: flex;
        width: 100%;
        height: 100%;
    }
    .area_request_img{
        position: initial;
        aspect-ratio: 1 /  1.5156453333333333;
    }
    .area_request_info_box{
        padding: 0 3.3333333333333335vw 0 2.051282051282051vw;/*0 2.6 0 1.6*/
        position: initial;
        aspect-ratio: 1 /  1.476277922077922;
    }
    .area_request_headline{ font-size: clamp(1.6rem, 4.102564102564102vw, 3.2rem); }
    .area_request_text{
        margin: clamp(1rem, 5.128205128205128vw, 4rem) 0 clamp(1rem, 7.179487179487179vw, 5.6rem);
        font-size: clamp(1.2rem, 2.564102564102564vw, 2rem);
    }
    .area_request_li:last-of-type .area_request_headline{ flex-direction: column; }
    .area_request_headline::before{ left: -6.4rem; }
    .area_request_headline::after{ right: -6.4rem; }
    .area_request_li:last-of-type .area_request_headline::before{ left: -5.8rem; }
    .area_request_li:last-of-type .area_request_headline::after{ right: -5.8rem; }
    .area_request_li:last-of-type .area_request_headline::before,
    .area_request_li:last-of-type .area_request_headline::after{ top: 34%; }
    /*== お客様の声 ==*/
    .area_customervoice_sec{ padding: clamp(10rem, 19.230769230769234vw, 15rem) 0 clamp(1rem, 16.666666666666664vw, 13rem); }
    .area_customervoice_sec .underlayer_sec_inner::after,
    .area_customervoice_title::after,
    .area_customervoice_title_decoration::before{
        display: none;
    }
    .area_customervoice_title{ filter: drop-shadow(2px 0 0 var(--bright-brown)) drop-shadow(-2px 0 0 var(--bright-brown)) drop-shadow(0 2px 0 var(--bright-brown)) drop-shadow(0 -2px 0 var(--bright-brown)); }
    .area_customervoice_review_title_bg{
        margin: clamp(1.6rem, 4.102564102564102vw, 3.2rem) auto clamp(2.4rem, 7.6923076923076925vw, 6rem);
        width: auto;
        height: auto;
    }
    .area_customervoice_review_subtitle{
        font-size: clamp(1.8rem, 4.487179487179487vw, 3.5rem);
    }
    .area_customervoice_review_decoration{
        margin-bottom: clamp(.8rem, 1.5384615384615385vw, 1.2rem);
        width: clamp(3rem, 7.179487179487179vw, 5.6rem);
        height: clamp(2.839rem, 6.794871794871795vw, 5.3rem);
    }
    .area_customervoice_review_num{
        margin: 0 clamp(1rem, 2.051282051282051vw, 1.6rem) clamp(1rem, 1.7948717948717947vw, 1.4rem) .6rem;
        font-size: clamp(3.2rem, 8.076923076923077vw, 6.3rem);
        -webkit-text-stroke: clamp(.5rem, 1.282051282051282vw, 1rem) #fff;
    }
    .area_customervoice_review_num::after{
        top: clamp(.3rem, 0.641025641025641vw, .5rem);
        left: clamp(.3rem, 0.641025641025641vw, .5rem);
    }
    /*== アートギャラリー ==*/
    .underlayer_content_title{ -webkit-text-stroke: clamp(.5rem, 1.5384615384615385vw, 1.2rem) var(--bright-brown); }
    /*== ○○支店が担当いたします ==*/
    .area_inCharge_sec{
        padding: clamp(8rem, 15.384615384615385vw, 12rem) 0 8rem;
    }
    /* .area_inCharge_sec::before{
        width: clamp(31rem, 89.74358974358975vw, 70rem);
        height: clamp(12.386rem, 35.857692307692304vw, 27.969rem);
        background-image: url(../img/underlayer/area/SP/area_inCharge_decoration_SP.png);
    } */
    .area_inCharge_sec::after{
        top: -10.256410256410255vw;/*-8rem*/
        right: -14.358974358974358vw;/*-11.2rem*/
        width: clamp(18rem, 51.28205128205128vw, 40rem);
    }
    .area_inCharge_title{
        margin-bottom: clamp(3.2rem, 7.179487179487179vw, 5.6rem);
        /* text-shadow: #4b3925 .2rem 0 1.6rem; */
    }
    .area_inCharge_info_box{
        margin: 0 auto;
        max-width: initial;
        width: 97.5%;
    }
    .area_inCharge_info_box::after{
        top: -14.358974358974358vw;/*-11.2rem*/
        right: -17.435897435897434vw;/*-13.6rem*/
        width: clamp(10rem, 32.05128205128205vw, 25rem);
    }
    .area_inCharge_catchcopy{
        font-size: clamp(1.5rem, 3.58974358974358947vw, 2.8rem);
        text-shadow: #e6b503 0rem 0px .3rem;
    }
    .area_inCharge_catchcopy_bg{
        margin: 0 auto;
        width: clamp(29rem, 76.92307692307693vw, 60rem);
        height: clamp(3.15rem, 8.355128205128205vw, 6.517rem);
        filter: drop-shadow(0 0 .5rem rgba(75, 57, 37, .25));
    }
    .area_inCharge_sentence{
        margin-top: clamp(2.4rem, 6.153846153846154vw, 4.8rem);
        font-size: clamp(1.6rem, 2.564102564102564vw, 2rem);
    }
    /*== サービス概要 ==*/

    /* .service_eachArea_overview_sec::before,
    .service_eachArea_overview_sec::after{
        width: clamp(1rem, 22.65625vw, 43.5rem);
        height: clamp(1rem, 31.145833333333332vw, 59.8rem);
    } */
    .service_eachArea_overview_sentence{
        width: 97.5%;
        font-size: clamp(1.8rem, 3.076923076923077vw, 2.4rem);
    }
    .service_eachArea_overview_list_wrapper{
        width: 97.5%;
    }
    .service_eachArea_overview_list_headline{
        font-size: clamp(2.2rem, 3.8461538461538463vw, 3rem);
    }
    .service_eachArea_overview_li{
        width: 100%;
        font-size: clamp(1.6rem, 2.5641vw, 2rem);
    }

    /*=== お知らせ・ブログ ===========================================================*/
    .time_title_wrapper{
        flex-direction: column;
        align-items: start;
    }
    .NB_time{
        font-size: clamp(1.6rem, 3.076923076923077vw, 2.4rem);
    }
    .article_time{
        padding: .8rem clamp(.8rem, 2.051282051282051vw, 1.6rem);
        /* min-width: 15rem;
        width: 30%; */
        width: 100%;
        clip-path: initial;
    }
    .price_list_img_ranking::before{
        top: clamp(-3rem, -3.8461538461538463vw, -2rem);
        left: -0.7692307692307693vw;
        width: clamp(3rem, 9.230769230769232vw, 7.2rem);
        height: clamp(3.723rem, 11.455128205128204vw, 8.935rem);
    }
    .article_title{
        padding: .8rem clamp(.8rem, 2.051282051282051vw, 1.6rem);
        width: 100%;
        font-size: clamp(1.8rem, 3.076923076923077vw, 2.4rem);
    }
    .NB_cat{
        /* padding: clamp(.2rem, 0.641025641025641vw, .5rem) clamp(.6rem, 1.282051282051282vw, 1rem); */
        padding: clamp(.2rem, 0.641025641025641vw, .5rem) clamp(.4rem, 1.282051282051282vw, 1rem) clamp(.4rem, 0.641025641025641vw, .5rem);
        font-size: clamp(1.2rem, 2.051282051282051vw, 1.6rem);
    }
    .NB_text{
        font-size: clamp(1.6rem, 2.564102564102564vw, 2rem);
    }
    /*=== 詳細 ===*/
    .NB_inner{
        width: 97.5%;
    }
    .NB_article_wrapper{
        padding: 0 0 clamp(10rem, 15.384615384615385vw, 12rem);
    }
    .article_wrapper .withSidebar_wrapper{
        padding: 6rem 0 clamp(6rem, 15.384615384615385vw, 12rem);
    }
    .article_link_btn_wrapper{
        max-width: 38rem;
        flex-direction: column;
    }
    .article_link_btn{
        margin: 0 auto;
        width: clamp(30.4rem, 48.717948717948715vw, 38rem);
        height: clamp(7.669rem, 12.28974358974359vw, 9.586rem);
    }
    .article_link_btn a{
        font-size: clamp(1.6rem, 2.8205128205128207vw, 2.2rem);
    }
    /*=== お客様の声ページ関連 ===========================================================*/
    .customervoice_search_area_ul{
        gap: 1.6rem 1.6rem;
    }
    .customervoice_search_area_li{
        width: calc(100% / 2 - 1.6rem);
    }
    .customervoice_search_area_li1 .customervoice_search_area_img{
        margin: 2rem auto 0;
        width: clamp(12rem, 28.205128205128204vw, 22rem);
        height: clamp(6.6rem, 15.512820512820513vw, 12.1rem);
    }
    .customervoice_search_area_li2 .customervoice_search_area_img{
        width: clamp(12rem, 20.82051282051282vw, 16.24rem);
        height: clamp(12.561rem, 21.794871794871796vw, 17rem);
    }
    .customervoice_search_area_li3 .customervoice_search_area_img{
        width: clamp(11rem, 18.076923076923077vw, 14.1rem);
        height: clamp(13.262rem, 21.794871794871796vw, 17rem);
    }
    .customervoice_search_area_name{
        font-size: clamp(1.6rem, 2.8205128205128207vw, 2.2rem);
    }
    .customervoice_search_area_name::before,
    .customervoice_search_area_name::after{
        width: clamp(1.6rem, 3.3333333333333335vw, 2.6rem);
    }
    .customervoice_search_area_name br{
        display: none;
    }
    .customervoice_search_area_more{
        padding: clamp(.4rem, 1.0256410256410255vw, .8rem) 0;
        font-size: clamp(1.4rem, 2.307692307692308vw, 1.8rem);
    }
    .customervoice_search_area_more::after{
        width: clamp(1rem, 1.6666666666666667vw, 1.3rem);
        height: clamp(1.462rem, 2.435897435897436vw, 1.9rem);
    }
    /*=== 詳細 ===*/
    .voice_details_customer_info{
        padding: .8rem clamp(.8rem, 2.051282051282051vw, 1.6rem);
        width: 100%;
        clip-path: initial;
    }
    .voice_details_customer_info span{
        font-size: clamp(1.6rem, 2.307692307692308vw, 1.8rem);
    }

    /*=== 施工事例 ===========================================================*/
    .example_search_inner{
        flex-wrap: wrap;
        justify-content: center;
    }
    .example_search_div{
        max-width: initial;
        min-width: 26rem;
        width: 48%;
    }
    .example_search_btn_wrapper{
        margin: 3.2rem auto 0;
        flex-direction: column;
        min-width: 26rem;
        width: 48%;
    }
    .example_search_btn{
        max-width: initial;
        width: 100%;
    }
    /*=== 施工事例詳細 ===*/
    .example_BA_img_wrapper{
        flex-direction: column;
    }
    .example_BA_img_wrapper::before{
        top: 46%;
        width: clamp(1.855rem, 4.358974358974359vw, 3.4rem);
        height: clamp(3rem, 7.051282051282051vw, 5.5rem);
        background-image: url(../img/underlayer/example/BA_arrowB_orange.png);
        -webkit-transform: translateY(0%) translateX(-50%);
        transform: translateY(0%) translateX(-50%);
    }
    .example_BA_img{
        border: clamp(.6rem, 0.5208333333333333vw, 1rem) solid #fff;
        max-width: initial;
        width: 100%;
    }
    .example_BA_img::before{
        top: clamp(-7rem, -8.974358974358974vw, -4rem);
        width: clamp(15rem, 35.38461538461539vw, 27.6rem);
        height: clamp(6.739rem, 15.897435897435896vw, 12.4rem);
    }
    .example_details_info_headline{
        font-size: clamp(1.8rem, 2.8205128205128207vw, 2.2rem);
    }
    .example_details_info_dl dt,
    .example_details_info_dl dd{
        width: 100%;
        font-size: clamp(1.6rem, 2.307692307692308vw, 1.8rem);
    }
    .example_details_info_dl dt{
        padding: 1.2rem clamp(1rem, 2.051282051282051vw, 1.6rem);
    }
    .example_details_info_dl dd{
        padding: 1.6rem clamp(1rem, 2.051282051282051vw, 1.6rem);
    }
    .example_details_info_dl dt:last-of-type{
        border-bottom: none;
    }
    .example_details_comment_box{
        margin-top: 2.4rem;
        flex-direction: column;
        align-items: start;
        justify-content: initial;
    }
    .example_details_comment_img{
        border: .1rem solid var(--dark-brown);
        width: 8.8rem;
    }
    .example_details_comment_bg{
        border-radius: 1rem;
        width: 100%;
    }
    .example_details_comment_bg::before{
        top: -2rem;
        left: 2.4rem;
        border-top: initial;
        border-right: 2rem solid transparent;
        border-left: 2rem solid transparent;
        border-bottom: 3rem solid #fff;
        -webkit-transform: initial;
        transform: initial;
    }
    .example_details_comment,
    .example_details_comment_PIC{
        font-size: clamp(1.6rem, 2.307692307692308vw, 1.8rem);
    }
    .example_details_all_btn{
        width: clamp(30.4rem, 48.717948717948715vw, 38rem);
        height: clamp(7.669rem, 12.28974358974359vw, 9.586rem);
    }
    .example_details_all_btn a{
        font-size: clamp(1.6rem, 2.8205128205128207vw, 2.2rem);
    }

    /*=== 料金メニュー ===========================================================*/
    .price_list_li{
        width: 100%;
    }
    .price_list_li::before{
        max-width: 72.9rem;
        width: 97%;
        aspect-ratio: 1 / 0.4444444444444444;
    }
    /*== 各装飾 =============================*/
    .price_list_li1 .price_list_li_inner::before{
        right: 0;
        bottom: 0;
        width: clamp(1rem, 19.102564102564102vw, 14.9rem);
        height: clamp(1rem, 20.64102564102564vw, 16.1rem);
    }
    .price_list_li2 .price_list_li_inner::before{
        right: 0;
        bottom: 0;
        width: clamp(1rem, 12.307692307692308vw, 9.6rem);
        height: clamp(1rem, 25.128205128205128vw, 19.6rem);
    }
    .price_list_li3 .price_list_li_inner::before{
        top: 0;
        right: 0;
        width: clamp(1rem, 16.41025641025641vw, 12.8rem);
        height: clamp(1rem, 17.17948717948718vw, 13.4rem);
    }
    .price_list_li3 .price_list_li_inner::after{
        right: 0;
        bottom: 0;
        width: clamp(1rem, 6.0256410256410255vw, 4.7rem);
    }
    .price_list_li4 .price_list_li_inner::before{
        top: 0;
        right: 0;
        width: clamp(1rem, 7.292307692307692vw, 5.688rem);
        height: clamp(1rem, 15.384615384615385vw, 12rem);
    }
    .price_list_li5 .price_list_li_inner::before{
        bottom: 0;
        width: clamp(1rem, 16.41025641025641vw, 12.8rem);
        height: clamp(1rem, 20.897435897435898vw, 16.3rem);
    }
    .price_list_li6 .price_list_li_inner::before{
        top: 0;
        width: clamp(1rem, 15.897435897435896vw, 12.4rem);
        height: clamp(1rem, 23.076923076923077vw, 18rem);
    }
    .price_list_li6 .price_list_li_inner::after{
        right: 0;
        bottom: 0;
        width: clamp(1rem, 6.666666666666667vw, 5.2rem);
    }
    .price_list_li7 .price_list_li_inner::before{
        top: 0;
        right: 0;
        width: clamp(1rem, 8.333333333333332vw, 6.5rem);
        height: clamp(1rem, 12.179487179487179vw, 9.5rem);
    }
    .price_list_li7 .price_list_li_inner::after{
        right: 0;
        bottom: 0;
        width: clamp(1rem, 8.832051282051284vw, 6.889rem);
        height: clamp(1rem, 12.82051282051282vw, 10rem);
    }
    .price_list_li8 .price_list_li_inner::before{
        top: 0;
        right: 0;
        width: clamp(1rem, 10.64102564102564vw, 8.3rem);
        height: clamp(1rem, 20.51282051282051vw, 16rem);
    }
    .price_list_li8 .price_list_li_inner::after{
        right: 0;
        width: clamp(1rem, 12.564102564102564vw, 9.8rem);
        height: clamp(1rem, 15.256410256410257vw, 11.9rem);
    }
    .price_list_li9 .price_list_li_inner::before{
        right: 0;
        bottom: 0;
        width: clamp(1rem, 14.615384615384617vw, 11.4rem);
        height: clamp(1rem, 13.846153846153847vw, 10.8rem);
    }
    .price_list_li10 .price_list_li_inner::before{
        top: 0;
        right: 0;
        width: clamp(1rem, 20.64102564102564vw, 16.1rem);
        height: clamp(1rem, 14.871794871794872vw, 11.6rem);
    }
    /*=======================================*/
    .price_list_li_inner{
        max-width: 73rem;
        width: 96%;
        gap: 1.6rem 3.5897435897435894vw;/*1.6rem 2.8rem*/
    }
    .price_list_info_box{
        max-width: 38rem;
    }
    .price_list_planName{
        font-size: clamp(1.4rem, 3.8461538461538463vw, 3rem);
    }
    .price_list_planName_span{
        font-size: clamp(1.6rem, 6.41025641025641vw, 5rem);
    }
    .price_list_plan_sentence{
        line-height: 1.667;
        font-size: clamp(1.2rem, 2.307692307692308vw, 1.8rem);
    }
    .price_list_num{
        font-size: clamp(1.6rem, 6.41025641025641vw, 5rem);
    }
    .price_list_num_span{
        font-size: clamp(1.4rem, 3.8461538461538463vw, 3rem);
    }
    .others_work_list::before{
        width: 98%;
        height: 93%;
        aspect-ratio: initial;
        background-size: 100% 100%;
    }
    .others_work_list::after{
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        background-image: url(../img/underlayer/price/construction_frame_long.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        z-index: -1;
    }
    .price_list_frame_long{
        display: none;
    }
    .others_work_list_ul{
        position: initial;
        padding: clamp(3.2rem, 5.128205128205128vw, 4rem) 3.076923076923077vw;/*4rem 2.4rem*/
        gap: 1.6rem 1.6rem;/*1.6rem 1.6rem*/
        -webkit-transform: initial;
        transform: initial;
    }
    .others_work_list_li{
        width: calc(100% / 2 - 1.6rem);
        font-size: clamp(1.6rem, 3.076923076923077vw, 2.4rem);
    }

    /*=== 会社概要 ===========================================================*/
    /*=== 代表挨拶 ===*/
    .company_greeting{
        padding: clamp(12rem, 24.358974358974358vw, 19rem) 0 clamp(12rem, 37.17948717948718vw, 29rem);
        background-image: url(../img/SP/greeting_bg_SP.png);
    }
    .company_greeting_inner{
        position: relative;
        width: 97.5%;
    }
    .company_greeting_content_bg{
        margin-top: clamp(4rem, 10.256410256410255vw, 8rem);
        width: clamp(24rem, 96.66666666666667vw, 75.4rem);
        height: clamp(23.336rem, 127.82051282051282vw, 99.7rem);
        background-image: url(../img/SP/greeting_content_bg_SP.png);
    }
    /*=== 装飾関連一括記述 ===============================*/
    .company_greeting::before{/*たまご*/
        top: clamp(16rem, 32.05128205128205vw, 25rem);/*25rem*/
        right: 7.6923076923076925vw;/*6rem*/
        bottom: auto;
        left: auto;
        width: clamp(5rem, 16.666666666666664vw, 13rem);
        height: clamp(4.727rem, 15.755128205128205vw, 12.289rem);
    }
    .company_greeting::after{/*ちくわ*/
        bottom: 39.1025641025641vw;/*30.5rem*/
        left: 3.076923076923077vw;/*2.4rem*/
        width: clamp(5rem, 13.205128205128206vw, 10.3rem);
        height: clamp(4.175rem, 11.025641025641026vw, 8.6rem);
    }
    .company_greeting_content_bg::before{/*おでん鍋*/
        top: -11.538461538461538vw;/*-9rem*/
        left: -1rem;
        width: clamp(1.5rem, 29.615384615384617vw, 23.1rem);
        height: clamp(1.3rem, 21.517948717948716vw, 16.784rem);
    }
    .company_greeting_content_bg::after{/*代表イラスト*/
        right: 0;
        bottom: 2.604166666666667vw;
        width: clamp(17.5rem, 54.871794871794876vw, 42.8rem);
        height: clamp(18.3rem, 57.37948717948718vw, 44.756rem);
    }
    .company_greeting_inner::before{/*もち巾着*/
        top: -10.256410256410255vw;/*-8rem*/
        right: 1.282051282051282vw;/*1rem*/
        width: clamp(5rem, 11.923076923076923vw, 9.3rem);
        height: clamp(5.43rem, 12.94871794871795vw, 10.1rem);
    }
    .company_greeting_inner::after{/*おでん串*/
        top: auto;
        right: auto;
        bottom: -10.76923076923077vw;/*-8.4rem*/
        left: 21.153846153846153vw;/*16.5rem*/
        width: clamp(5rem, 14.487179487179489vw, 11.3rem);
        height: clamp(6.726rem, 19.48717948717949vw, 15.2rem);
    }
    .company_greeting_content_inner::after{/*こんにゃく*/
        right: .5rem;/*.5rem*/
        bottom: 5.6rem;/*5.6rem*/
        width: clamp(5rem, 12.051282051282051vw, 9.4rem);
        height: clamp(4.947rem, 11.923076923076923vw, 9.3rem);
    }
    /*===================================================*/
    .company_greeting_content_inner{
        padding: clamp(5rem, 12.82051282051282vw, 10rem) clamp(1rem, 8.974358974358974vw, 7rem) 0 clamp(1rem, 11.538461538461538vw, 9rem);
    }
    .company_greeting_title{
        font-size: clamp(3.2rem, 8.974358974358974vw, 7rem);
        -webkit-text-stroke: clamp(.8rem, 1.282051282051282vw, 1rem) #fff;
    }
    .company_greeting_sentence,
    .company_greeting_name{
        position: relative;
        width: 100%;
        line-height: 1.6;
        font-size: clamp(1.3rem, 3.8461538461538463vw, 3rem);
        text-shadow: #fff .1rem 0 1rem;
        letter-spacing: -.06em;
        z-index: 2;
    }
    .company_greeting_name{
        margin-top: clamp(3.2rem, 9.230769230769232vw, 7.2rem);
        text-align: start;
    }
    /*=== 拠点一覧 ===*/
    .company_areaList_sec::before{
        top: -10.256410256410255vw;/*-8rem*/
        left: .8rem;
        width: clamp(10rem, 20.51282051282051vw, 16rem);
        height: clamp(10.233rem, 20.98974358974359vw, 16.372rem);
    }
    .company_areaList_sec::after{
        top: -7.6923076923076925vw;/*-6rem*/
        width: clamp(10rem, 20.51282051282051vw, 16rem);
        height: clamp(9.94rem, 20.38974358974359vw, 15.904rem);
    }
    .company_areaList_ul{
        margin-right: auto;
        margin-left: auto;
        max-width: 50rem;
    }
    .company_areaList_li{
        padding: clamp(4.6rem, 7.948717948717948vw, 6.2rem) 0 2rem;/*5.7rem 0 2rem*/
        max-width: initial;
        width: 100%;
    }
    .company_areaList_img{
        width: calc(100% - 1rem);
        aspect-ratio: 1 / 0.5714285714285714;
    }
    .company_areaList_info_box{
        margin: clamp(3rem, 5.128205128205128vw, 4rem) auto 0;
    }
    .company_areaList_areaName{
        font-size: clamp(2rem, 4.102564102564102vw, 3.2rem);
    }
    .company_areaList_addressTel{
        flex-direction: column;
        align-items: start;
    }
    .company_areaList_addressTel:first-of-type{
        margin: clamp(.8rem, 1.0416666666666665vw, 2rem) 0 1.6rem;
    }
    .company_areaList_addressTel_item_name,
    .company_areaList_addressTel_text{
        font-size: clamp(1.6rem, 2.307692307692308vw, 1.8rem);
    }
    .company_areaList_addressTel_item_name{
        padding: .4rem 0;
        width: 6rem;
    }
    .company_areaList_addressTel_text{
        max-width: initial;
        width: 100%;
    }
    /*=== フィルム風スライドショー ===*/
    .decoration_slide_wrapper{
        padding: clamp(1.6rem, 4.102564102564102vw, 3.2rem) 0;
    }
    /*=== 会社概要>採用情報 ===*/
    .company_recruit_sec::before{
        background-image: url(../img/underlayer/company/recruit_img_SP.png);
    }
    .company_recruit_wrapper{
        padding: 7.2rem 0 7rem;
    }
    .company_recruit_btn_wrapper{
        flex-direction: column;
    }
    .company_recruit_headline{
        font-size: clamp(1.8rem, 3.5897435897435894vw, 2.8rem);
    }
    .company_recruit_sentence{
        font-size: clamp(1.6rem, 2.307692307692308vw, 1.8rem);
    }
    .company_recruit_btn_a{
        font-size: clamp(1.8rem, 2.8205128205128207vw, 2.2rem);
    }

    /*=== よくあるご質問 ===========================================================*/
    .faq_cat_select_text{
        font-size: clamp(1.4rem, 2.051282051282051vw, 1.6rem);
    }
    .faq_cat_select_li::after{
        display: none;
    }
    .faq_content_summary,
    .faq_content_text{
        font-size: clamp(1.6rem, 2.307692307692308vw, 1.8rem);
    }

    /*=== フォーム系 ===========================================================*/
    /*=== お問い合わせ ===*/
    .contact_consultation_li{
        width: 32%;
    }
    .contact_consultation_headline{
        font-size: clamp(1.6rem, 2.307692307692308vw, 1.8rem);
    }
    /*=== カタログ請求 ===*/
    .catalog_about_inner{
        margin: clamp(-4rem, -5.128205128205128vw, -2.7rem) auto 0;
    }
    .catalog_about_headline{
        font-size: clamp(1.8rem, 2.564102564102564vw, 2rem);
    }
    /*== フォーム ==*/
    .form_sec_inner{
        width: 97.5%;
    }

    /*=== 採用情報 ===========================================================*/
    .recruit_point_headline{
        font-size: clamp(3rem, 5.128205128205128vw, 4rem);
    }
    .recruit_point_text{
        /* text-shadow: #cfb799 .1rem 0 .3rem; */
        text-shadow: #fff .1rem 0 .3rem;
    }
    .recruit_point_ul{
        flex-wrap: wrap;
    }
    .recruit_point_li{
        max-width: 23rem;
        min-width: 20rem;
        width: 45%;
    }
    .recruit_point_h3{
        font-size: clamp(1.8rem, 2.8205128205128207vw, 2.2rem);
    }
    .recruit_point_li1 .recruit_point_h3,
    .recruit_point_li3 .recruit_point_h3{
        margin-bottom: clamp(3rem, 5.128205128205128vw, 4rem);
    }
    .recruit_point_li2 .recruit_point_h3{
        margin-bottom: clamp(1rem, 2.564102564102564vw, 2rem);
    }
    /*=== 募集要項 ===*/
    .recruit_position_li{
        min-width: 28rem;
        width: 47%;
    }
    /*=== 先輩社員の声 ===*/
    .recruit_staffVoice_li{
        min-width: 28rem;
        width: 47%;
    }
    .recruit_staffVoice_img_info_box{
        flex-direction: column;
        align-items: start;
    }
    .recruit_staffVoice_info{
        max-width: initial;
    }
    .recruit_staffVoice_title{
        font-size: clamp(1.8rem, 2.564102564102564vw, 2rem);
    }
    .recruit_staffVoice_position{
        font-size: clamp(1.4rem, 2.051282051282051vw, 1.6rem);
    }
    .recruit_staffVoice_img{
        margin: 0 auto;
    }
    /*=== お気軽にご応募 ===*/
    .recruit_entryLink_inner::before{
        width: clamp(11.186rem, 28.205128205128204vw, 22rem);
        height: clamp(11rem, 27.73589743589744vw, 21.634rem);
    }
    .recruit_entryLink_inner::after{
        width: clamp(9.637rem, 20.51282051282051vw, 16rem);
        height: clamp(11rem, 23.415384615384614vw, 18.264rem);
    }
    .recruit_entryLink_title{
        font-size: clamp(1.8rem, 3.076923076923077vw, 2.4rem);
    }
    .recruit_entryLink_btn_a{
        font-size: clamp(1.6rem, 3.076923076923077vw, 2.4rem);
    }
}
@media screen and ( max-width: 500px ){
    /*=== 同一デザイン ===*/
    .customervoice_ul,
    .artGallery_ul{ gap: 3rem 0; }
    .customervoice_li,
    .artGallery_li{
        margin: 0 auto;
        width: 90%;
    }
    /*=== サイドバー関連 ===*/
    /*= サイドバー_お見積り関連 =*/
    .sidebar_tel_line_wrapper{
        flex-direction: column;
    }
    .sidebar_tel,
    .sidebar_line,
    .sidebar_first_li{
        width: 100%;
    }
    .sidebar_first_li:nth-child(odd){
        border-right: none;
    }
    .sidebar_first_li:nth-child(3){
        border-bottom: .1rem dashed #8b7a67;
    }
    .sidebar_first_box{
        max-width: 40rem;
    }
    /*== 改行 ==*/
    /* .br_sp{ display: none; } */
    .br_sp500{ display: block; }
    /*=== サービス ===========================================================*/
    /*=== ○○市の外壁塗装・外壁工事・屋根塗装・屋根工事 ===*/
    .service_trouble_ul{
        gap: clamp(4rem, 11.538461538461538vw, 9rem) 3vw;
    }
    .service_trouble_li{
        min-width: 24rem;
        width: 60%;
    }
    .service_trouble_li1::before{
        left: -2rem;
        width: clamp(9.563rem, 20.7474358974359vw, 16.183rem);
        height: clamp(13rem, 28.205128205128204vw, 22rem);
    }
    .service_trouble_li2::before{
        left: -2.4rem;
        width: clamp(12.78rem, 27.726923076923075vw, 21.627rem);
        height: clamp(13rem, 28.205128205128204vw, 22rem);
    }
    .service_trouble_li3::before{
        left: -1.6rem;
        width: clamp(10.708rem, 23.233333333333334vw, 18.122rem);
        height: clamp(13rem, 28.205128205128204vw, 22rem);
    }
    .service_trouble_li4::before{
        left: -.7rem;
        width: clamp(10.576rem, 22.946153846153845vw, 17.898rem);
        height: clamp(13rem, 28.205128205128204vw, 22rem);
    }
    .service_trouble_item_text{
        top: clamp(3.6rem, 9.6vw, 4.8rem);
        right: clamp(5rem, 11.200000000000001vw, 5.6rem);
    }

    /*=== 対応エリア ===========================================================*/
    /*== サービスから探す ==*/
    .service_search_li{
        min-width: 28rem;
        width: 70%;
        aspect-ratio: 1 / 1.2446886446886447;
    }
    .service_search_li::before{
        width: 91%;
        aspect-ratio: 1 / 1.2749236947791165;
    }
    .service_search_img{
        width: 91%;
        aspect-ratio: 1 / 0.5620562248995984;
    }
    .service_search_img img{
        -webkit-mask-image: url(../img/underlayer/area/searchService_mask_SP500.png);
        mask-image: url(../img/underlayer/area/searchService_mask_SP500.png);
    }
    .service_search_name_box{
        bottom: 10vw;/*5rem*/
        width: 82%;
    }
    .service_search_text{
        margin: clamp(.6rem, 3.2vw, 1.6rem) 0 clamp(.4rem, 3.2vw, 1.6rem);
        line-height: 1.5;
    }
    /*=== さいたま市 ===*/
    .area_request_img_info_wrapper{ flex-direction: column; }
    .area_request_img{ aspect-ratio: 1 / 0.6147540983606558; }
    .area_request_info_box{
        padding: 0 8vw;
        aspect-ratio: 1 / 0.7213114754098361;
    }
    .area_request_headline{ font-size: clamp(2rem, 5.2vw, 2.6rem); }
    .area_request_li:last-of-type .area_request_headline{ flex-direction: initial; }
    .area_request_li:last-of-type .area_request_headline::before,
    .area_request_li:last-of-type .area_request_headline::after{ top: initial; }
    .area_request_text{
        margin: 4.4vw 0 7vw;
        font-size: clamp(1.4rem, 3.2vw, 1.6rem);
    }
    /*=== お客様の声ページ関連 ===========================================================*/
    .customervoice_search_area_name br{
        display: block;
    }
    .customervoice_newArticle .customervoice_ul{
        margin: 0 auto;
        max-width: 40rem;
        gap: 1.6rem 0;
    }
    .customervoice_newArticle .customervoice_li{
        width: 100%;
    }

    /*=== 料金メニュー ===========================================================*/
    .others_work_list::before{
        width: 97%;
        height: 97%;
        background-image: url(../img/underlayer/price/construction_bg_long_SP500.png);
    }
    .others_work_list::after{
        background-image: url(../img/underlayer/price/construction_frame_long_SP500.png);
    }
    .others_work_list_ul{
        justify-content: center;
    }
    .others_work_list_li{
        width: 65%;
    }

    /*=== 会社概要 ===========================================================*/
    /*=== 会社概要>採用情報 ===*/
    .company_recruit_sec::before{
        background-image: url(../img/underlayer/company/recruit_img_SP500.png);
        background-position: left top;
    }

    /*=== フォーム系 ===========================================================*/
    /*=== お問い合わせ ===*/
    .contact_consultation_li{
        max-width: initial;
        min-width: initial;
        width: 100%;
        aspect-ratio: initial;
    }
    .contact_consultation_headline{
        margin: .8rem auto 1rem;
    }
    /*=== カタログ請求 ===*/
    .catalog_about_li{
        flex-direction: column;
        min-width: initial;
        width: 100%;
        align-items: center;
    }
    .catalog_about_img{
        margin: 0 auto .8rem;
    }
    .catalog_about_text_box{
        margin-left: initial;
    }
    .catalog_about_headline,
    .catalog_about_text{
        text-align: center;
    }
    /*== フォーム ==*/
    .address_btn{
        margin-left: 3rem;
        height: 4rem;
    }
    .form_privacy_link_box{
        flex-direction: column-reverse;
    }
    .form_privacy_link_required{
        margin-left: 0;
    }
    /*= フォーム流れ =*/
    .form_flow_box{
        flex-direction: column;
    }
    .form_flow_num{
        width: clamp(3rem, 8vw, 4rem);
    }
    .form_flow_text{
        font-size: clamp(1.4rem, 3.2vw, 1.6rem);
    }

    /*=== 採用情報 ===========================================================*/
    .recruit_point_sec::before,
    .recruit_point_sec::after{
        display: none;
    }
    .recruit_point_text{
        text-shadow: initial;
    }
}