.relative{position: relative;}
.sub_visual.sub3_1 > i {  background-image: url(../img/sub/sub03_01_visual_bg.jpg); }
.sub3_1 .area_01{background: url(../img/sub/sub03_sec01_bg.jpg) no-repeat center / cover;padding: 200px 0 !important;}
.sub3_1 .area_01 .wrap::before, .sub3_2 .area_01 .wrap::before, .sub3_3 .area_01 .wrap::before,
.sub3_4 .area_01 .wrap::before,  .sub4_1 .area_01 .wrap::before, .sub4_2 .area_01 .wrap::before,
.sub4_3 .area_01 .wrap::before, .sub4_4 .area_01 .wrap::before{display: none !important;}
.sub3_1 .area_02{background: url(../img/sub/sub03_sec02_bg.jpg) no-repeat center / cover; padding: 200px 0 !important;}
.sub3_1 .area_03{background-color: #f5f2ee;}
.sub3_1 .area_03::after{display: none;}
.sub3_1 .area_04{background: url(../img/sub/sub03_sec04_bg.jpg) no-repeat center / cover;}
.sub3_1 .area_04 .sub_tit {padding-bottom: 0;}
.sub3_1 .area_04 .sub_tit + p {padding-bottom: 80px;}
.sub3_1 .area_04 h3, .area_realmodel h3 {font-family: "Belleza", system-ui;font-size: 66px;font-weight: 400;padding: 20px 0;display: block;}
.sub3_1 .area_04 .c_box{margin-top: -150px;  width: 104%;}
.sub3_1 .area_04 .c_box .txt{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 99999; width: 100%;}
.sub3_1 .area_04 .c_box .flex-center{color: #847665; position: relative;}
.sub3_1 .area_04 .c_box .flex-center:after{width: 200px; height: 1px; content: ''; display: block; background-color: #fbf5ec; position: absolute; top: 50%; left: -165px;}
.sub3_1 .area_04 .c_box .flex-center:before{width: 14px; height: 14px;content: ''; display: block; background-color: #fbf5ec; border-radius: 50%; position: absolute; top: 48%; left: -165px;}
.sub3_1 .area_04 .c_box .flex-center>div:nth-child(2){margin-left: -100px;}
.sub3_1 .area_04 .c_box .flex-center>div:nth-child(3){margin-left: -100px;}
.sub3_1 .area_05{background: url(../img/sub/sub03_sec05_bg.jpg) no-repeat center / cover; }
.sub3_1 .area_05 ul li {position:relative;text-align:center;padding:0 30px;}
.sub3_1 .area_05 ul li:not(:last-child)::after {
    content: '';
    width: 1px;
    height: 100px;
    background: #8c8c8c;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.sub3_1 .area_05 .flexList .box{background: none; padding: 0; position: relative;}
.sub3_1 .area_05 .flexList .box .txt{position: absolute; top: 10%; left: 50%; transform: translateX(-50%); width: 100%;}
.sub_case{background: url(../img/sub/sub03_sec06_bg.jpg) no-repeat center / cover; }
.sub_case .flexList .box{background-color: #847665; border-radius: 30px; padding: 50px 0;}
.sub_point{background-color: #fbf5ec;}
.sub_point .flexList .box{border: 1px solid #a1a1a1; padding: 50px 0;}
.sub_point .flexList .box .font-40{font-family: "Belleza", system-ui; font-weight: 400; color: #b59c70; margin-bottom: 1.5rem;}

.area_point{background: url(../img/sub/sub_point.jpg) no-repeat center / cover; }

.sub_visual.sub3_2 > i {  background-image: url(../img/sub/sub03_02_visual_bg.jpg); }
.sub3_2 .area_01{background: url(../img/sub/sub03_02_sec01_bg.jpg) no-repeat center / cover;padding: 200px 0 !important;}
.sub3_2 .area_02{background: url(../img/sub/sub03_02_sec02_bg.jpg) no-repeat center / cover;}
.sub3_2 .area_09 ul li{border: 2px solid #d1ae86; padding: 50px;}
.sub3_2 .area_09 ul li:not(:last-child){margin-bottom: 10px; }

.sub_visual.sub3_3 > i {  background-image: url(../img/sub/sub03_03_visual_bg.jpg); }
.sub3_3 .area_01{background: url(../img/sub/sub03_03_sec01_bg.jpg) no-repeat center / cover;padding: 200px 0 !important;}
.sub3_3 .area_02{background: url(../img/sub/sub03_03_sec02_bg.jpg) no-repeat center / cover;}
.sub3_3 .area_10 .flexList{--x-gap: 12rem;}
.sub3_3 .area_10 .flexList .box{padding: 80px 20px;}
.sub3_3 .area_10 .flexList .box:nth-child(1){background-color: #d1ae86;}
.sub3_3 .area_10 .flexList .box:nth-child(2){background-color: #dcd1c4;}
.sub3_3 .area_10 img{margin-top: -180px; z-index: -1; position: relative;}

.sub_visual.sub3_4 > i {  background-image: url(../img/sub/sub03_04_visual_bg.jpg); }
.sub3_4 .area_01{background: url(../img/sub/sub03_04_sec01_bg.jpg) no-repeat center / cover; padding: 200px 0 !important;}
.sub3_4 .area_02{background: url(../img/sub/sub03_04_sec02_bg.jpg) no-repeat center / cover;}
.sub3_4 .area_11 .box{position: relative;border: 1px solid #918f8f; padding: 50px 30px;}
.sub3_4 .area_11 .box .num{width: 80px; height: 80px; border-radius: 50%; background-color: #272727; line-height: 80px; font-family: "Belleza", system-ui; position: absolute; top: -40px; left: 50%; transform: translateX(-50%); }
.sub3_4 .area_11 .box .txt .line{width: 100%; height: 1px; background-color: #272727;}
.sub3_4 .area_11 .box .txt img{margin-top: 30px; margin-bottom: 30px;}

.sub3_4 .area_12{background: url(../img/sub/sub03_04_sec03_bg.jpg) no-repeat center / cover;}
.sub3_4 .area_12 .box{background-color: #fff; border: 2px solid #d1ae86; padding: 50px 30px;}
.sub3_4 .area_13 .bg_f .box{background-color: #272727; border-radius: 20px; padding: 30px;}
.sub3_4 .area_13 .org{background-color: #e7c49e; margin-top: 80px; display: inline-block; padding: 15px 50px; border-radius: 60px;}
.sub3_4 .area_13 .num_f .num{width: 80px; height: 80px; line-height: 80px; font-family: "Belleza", system-ui; background-color: #272727; text-align: center; border-radius: 50%;}
.sub3_4 .area_13 .num_f .line{width: 100%; height: 1px; background-color: #272727;}
.sub3_4 .area_13 .num_f .flexList{--x-gap: 0rem; --y-gap: 3rem}
.sub3_4 .area_13 .num_f .txt{width: 80%;}

.sub3_4 .area_14{background-color: #f2f2f2;}
.sub3_4 .area_14 ul li .num{color: #bba47b;}

.sub_visual.sub4_1 > i {  background-image: url(../img/sub/sub04_01_visual_bg.jpg); }
.sub4_1 .area_01{background: url(../img/sub/sub04_01_sec01_bg.jpg) no-repeat center / cover;padding: 200px 0 !important;}
.sub4_1 .area_02{background: url(../img/sub/sub04_01_sec02_bg.jpg) no-repeat center / cover;padding: 200px 0 !important;}

.kind ul li:nth-child(1){padding-top: 0;}
.kind ul li{padding: 30px 0; border-bottom: 1px solid #beb8b8}

.sub4_1 .sec04 { background: url(../img/sub/sub04_01_sec04_bg.jpg) no-repeat center/cover; padding: 6rem 0 36rem !important; }

.sub_visual.sub4_2 > i {  background-image: url(../img/sub/sub04_02_visual_bg.jpg); }
.sub4_2 .area_01{background: url(../img/sub/sub04_02_sec01_bg.jpg) no-repeat center / cover;padding: 200px 0 !important;}
.sub4_2 .area_02{background: url(../img/sub/sub04_02_sec02_bg.jpg) no-repeat center / cover;}
.sub4_2 .sec04 { background: url(../img/sub/sub04_02_sec04_bg.jpg) no-repeat center/cover; padding: 6rem 0 36rem !important; }


.sub_visual.sub4_3 > i {  background-image: url(../img/sub/sub04_03_visual_bg.jpg); }
.sub4_3 .area_01{background: url(../img/sub/sub04_03_sec01_bg.jpg) no-repeat center / cover;padding: 200px 0 !important;}
.sub4_3 .area_02{background: url(../img/sub/sub04_03_sec02_bg.jpg) no-repeat center / cover;}
.sub4_3 .sec04 { background: url(../img/sub/sub04_03_sec04_bg.jpg) no-repeat center/cover; padding: 6rem 0 36rem !important; }

.sub_process{background-color: #fbf5ec;}

.sub_process .process{margin: -50px 50px 0 50px}
.sub_process02{background: url(../img/sub/sub_process02.png) no-repeat center / cover;}

.sub_feature .flexList{--y-gap: 5rem}
.sub_feature .num{width: 80px; height: 80px; border-radius: 50%; background-color: #272727; line-height: 80px; position: absolute; top: -40px; left: 50%; transform: translateX(-50%);}
.sub_feature .box{border: 1px solid #918f8f; padding: 80px 0 50px 0; position: relative;}
.sub_feature .line{width: 50%; background-color: #272727; height: 1px; margin: auto;}


.sub_visual.sub4_4 > i {  background-image: url(../img/sub/sub04_04_visual_bg.jpg); }
.sub4_4 .area_01{background: url(../img/sub/sub04_04_sec01_bg.jpg) no-repeat center / cover;padding: 200px 0 !important;}
.sub4_4 .area_02{background: url(../img/sub/sub04_04_sec02_bg.jpg) no-repeat center / cover;}

.sub4_4 .area_02 .flexList{--y-gap: 8rem; --x-gap: 0rem;}
.sub4_4 .area_02 .box{position: relative;}
.sub4_4 .area_02 .box:after{content:'';width: 1px; height: 100px; background-color: #8c8c8c; display: block; position:absolute; top: 50%; left: 0; transform: translateY(-50%);}
.sub4_4 .area_02 .box:nth-child(1):after, .sub4_4 .area_02 .box:nth-child(4):after{display: none;}
@media(max-width: 1210px){
    .sub3_1 .area_04 .c_box .flex-center:before, .sub3_1 .area_04 .c_box .flex-center:after{left: -18.5%;}
    .sub3_1 .area_04 .c_box .box{position: relative; z-index: 99999;}
    .sub3_1 .area_04 .c_box .box .txt img{max-width: 30%;}

}
@media(max-width: 1024px){
    .sub3_1 .area_05 ul li:nth-child(2):after{display: none;}
}
@media(max-width: 990px){
    .sub3_1 .area_01{background: url(../img/sub/sub03_sec01_bgm.jpg) no-repeat center / cover; padding: 30px 0 350px 0 !important;}

    .sub3_1 .area_03 .wrap:nth-child(2){width: 100%; margin-left: auto; margin-right: auto; padding: 0;}
    .sub3_1 .area_03 .wrap:nth-child(2) .table_box{width: 120%;}
    .sub3_1 .area_03 .wrap:nth-child(2) .table_box img{margin-left: -22%;}
    .sub3_1 .area_04 .flexList .box:nth-child(2){width: 60%;margin-left: 40%;}
    .sub3_1 .area_04 .sub_tit + p {
        padding-bottom: 40px;
    }

    .sub3_2 .area_01{background: url(../img/sub/sub03_02_sec01_bgm.jpg) no-repeat center / cover; padding: 30px 0 350px 0 !important;}
    .sub3_2 .area_09 .flex{flex-direction: column; text-align: center;}
    .sub3_2 .area_09 .flex .txt{margin-top: 30px; margin-left: 0;}
    .sub3_2 .area_09 ul li{padding: 50px 30px;}

    .sub3_3 .area_01{background: url(../img/sub/sub03_03_sec01_bgm.jpg) no-repeat center / cover; padding: 30px 0 350px 0 !important;}
    .sub3_3 .area_10 img{margin-top: 50px;}
    .sub3_3 .area_10 .flexList .box{padding: 50px 30px;}

    .sub3_4 .area_01{background: url(../img/sub/sub03_04_sec01_bgm.jpg) no-repeat center / cover; padding: 30px 0 350px 0 !important;}

    .sub3_4 .area_14 .wrap > .flex , .kind .flex,  .sub4_2 .area_02 .flex{flex-direction: column;}
    .sub3_4 .area_14 .wrap > .flex ul{margin-left: 0;}
    .sub3_4 .area_14 .wrap h4 p br{display: none;}
    .kind .flex .txt, .sub4_2 .area_02 .flex .txt{margin-top: 30px; text-align: center; margin-left: 0;}
    .sub4_2 .area_02 .flex .txt{text-align: left;}

    .sub4_1 .area_01{background: url(../img/sub/sub04_sec01_bgm.jpg) no-repeat center / cover; padding: 30px 0 350px 0 !important;}
    .sub4_2 .area_01{background: url(../img/sub/sub04_02_sec01_bgm.jpg) no-repeat center / cover; padding: 30px 0 350px 0 !important;}
    .sub4_3 .area_01{background: url(../img/sub/sub04_03_sec01_bgm.jpg) no-repeat center / cover; padding: 30px 0 350px 0 !important;}
    .sub4_4 .area_01{background: url(../img/sub/sub04_04_sec01_bgm.jpg) no-repeat center / cover; padding: 30px 0 350px 0 !important;}

    .sub3_1 .area_04 .c_box .flex-center>div:nth-child(2){margin-left: -80px;}
    .sub3_1 .area_04 .c_box .flex-center>div:nth-child(3){margin-left: -80px;}

    .sub4_2 .sec04 { background: url(../img/sub/sub04_02_sec04_bgm.jpg) no-repeat center/cover; padding: 5rem 0 40rem !important;}
    .sub4_1 .sec04 { background: url(../img/sub/sub04_01_sec04_bgm.png) no-repeat center/cover; padding: 5rem 0 40rem !important;}
  
}
@media(max-width: 768px){
    .sub3_4 .area_11 .flexList{--y-gap: 5rem;}

    .sub_process .flex-center{flex-direction: column;}
    .sub_process .process {
        margin: 30px 0 30px 0; transform: rotate(90deg);
    }

   .sub4_4 .area_02 .box:nth-child(4):after{display: block;}
   .sub4_4 .area_02 .box:nth-child(3):after, .sub4_4 .area_02 .box:nth-child(5):after{display: none;}

   .sub3_1 .area_04 .c_box{margin-top: -80px;}
   .sub3_1 .area_04 .c_box .font-40{font-size: 2rem;}
   .sub3_1 .area_04 .c_box .flex-center>div:nth-child(2){margin-left: -50px;}
   .sub3_1 .area_04 .c_box .flex-center>div:nth-child(3){margin-left: -50px;}
   .sub3_1 .area_04 .c_box .font-26 {font-size: 1.3rem;}

   .sub_case .flexList .box{padding: 50px 20px;}
}

@media(max-width: 500px){
    .sub3_1 .area_04 .c_box .font-40{font-size: 1.5rem;}
    .sub3_1 .area_04 .c_box .flex-center>div:nth-child(2){margin-left: -30px;}
    .sub3_1 .area_04 .c_box .flex-center>div:nth-child(3){margin-left: -30px;}
    .sub3_1 .area_04 .c_box{margin-top: -50px;}

    .sub3_1 .area_04 .flexList .box:nth-child(2){width: 65%;margin-left: 35%;}

    .sub3_4 .area_14 ul li .num{width: 6%;}

    .kind img{max-width: 55%;}
}