@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap');

.title_box {margin-bottom:60px}
.wrapper {max-width:1440px}
.sec_hero .txt_wrap .logo {max-width:270px}
.sec_hero .txt_wrap .tit .color {color:var(--primary)}
.sec_hero .view_more .round {background:#FF911F}

.sec_info {background: #FF911F}
.sec_info .cont {color:#FFFFFF}

.sec_03 {padding:var(--sec-padding) 0; background: #f2f2f2;}
.sec_03 .over_view {margin-top:120px}

.font-cormorant {font-family: "Cormorant Garamond", serif;}

.sec_04 {padding: 180px 0px; background: #fff;}
.sec_04 .img_box img {width: 100%;}

.sec_04_2 {padding: 180px 0px; background: url(img/sec_04_2_bg.jpg) no-repeat center / cover;}
.sec_04_2 .title {text-align: center; margin-bottom: 80px;}
.sec_04_2 .title p {font-size: 20px; font-weight: 600; color: #FF911F; margin-bottom: 14px;}
.sec_04_2 .title h3 {font-size: 54px; font-weight: 700; color: #222;}
.sec_04_2 .title article {font-size: 18px; color: #444; line-height: 1.5; margin-top: 60px; letter-spacing: -0.4px;}
.sec_04_2 .title article strong {font-size: 20px; font-weight: 700;}
.sec_04_2 .item_1 {margin-bottom: 160px;}
.sec_04_2 .item_1 ul {display: flex; flex-wrap: wrap; gap: 40px;} 
.sec_04_2 .item_1 ul li {width: calc(33.3% - 27px);}
.sec_04_2 .item_1 ul li:nth-child(odd) {padding-top: 100px;}
.sec_04_2 .item_1 ul li img {width: 100%;}
.sec_04_2 .item_1 ul li .img_box {margin-bottom: 30px; border-radius: 10px; overflow: hidden;}
.sec_04_2 .item_1 ul li p {font-size: 32px; font-weight: 700; margin-bottom: 10px;}
.sec_04_2 .item_1 ul li span {font-size: 20px; color: #444;}
.sec_04_2 .item_2 .img_box img {width: 100%;}
.sec_04_2 .item_2 .img_box_1 {margin-bottom: 80px;}

.sec_04_3 {padding: 430px 0px; text-align: center; background: url(img/sec_4_3_bg.jpg) no-repeat center / cover;}
.sec_04_3 h3 {font-size: 64px; font-weight: 600; color: #fff;}

.sec_05 {background:#fff; padding:160px 0 170px;}
.sec_05 .title_box {display: flex; justify-content: space-between; flex-direction: row; align-items: flex-start; margin-bottom: 80px;}
.sec_05 .title_box .title p {font-size: 20px; font-weight: 600; color: #FF911F; margin-bottom: 14px; margin-top: 0;}
.sec_05 .title_box .title h3 {font-size: 54px; font-weight: 700;}
.sec_05 .title_box article {font-size: 20px; color: #444; line-height: 1.5; padding-top: 50px;}
.sec_05 .list > div img {box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}

.page_view .list > div {box-shadow:none}
.page_view .list > div img {display:block;}
.page_view .list div img+img {margin-top:80px}
.page_view .list > div:nth-child(2) {margin:0 !important}

.sec_07 {background: #F0EDE8;}
.sec_07 .title_box {display: flex; justify-content: space-between; flex-direction: row; align-items: flex-start; margin-bottom: 80px;}
.sec_07 .title_box .title p {font-size: 20px; font-weight: 600; color: #FF911F; margin-bottom: 14px; margin-top: 0;}
.sec_07 .title_box .title h3 {font-size: 54px; font-weight: 700;}
.sec_07 .title_box article {font-size: 20px; color: #444; line-height: 1.5; padding-top: 50px;}
.sec_07 .list > div:nth-child(odd) {padding-top: 100px;}



@media (hover: hover) {}

@media all and (max-width: 1199px) {
    .title_box {margin-bottom:42px}
    .sec_hero .txt_wrap .logo {max-width:200px}
    .sec_03 .over_view {margin-top:80px}

    .sec_04_2 .title h3 {font-size: 40px;}

    .sec_05 {padding-top:65px}
    .page_view .list div img+img {margin-top:50px}

    .sec_05 .title_box,
    .sec_07 .title_box {flex-direction: column;}


}


@media all and (max-width: 767px) {
    .title_box {margin-bottom:24px;}
    .sec_hero .txt_wrap .logo {max-width:156px}

    .sec_03 .over_view {margin-top:48px}

    .sec_05,
    .sec_04 {padding: 90px 0px;}

    .page_view .list {margin-top:24px}
    .page_view .list div img+img {margin-top:20px}

    .sec_04_2 {padding: 80px 0px;}
    .sec_04_2 .title p {font-size: 14px; margin-bottom: 10px}
    .sec_04_2 .title h3 {font-size: 32px;}
    .sec_04_2 .title article {font-size: 14px; margin-top: 20px;}
    .sec_04_2 .title article strong {font-size: 15px;}
    .sec_04_2 .title {margin-bottom: 40px;}
    .sec_04_2 .item_1 ul {justify-content: center; gap: 15px;}
    .sec_04_2 .item_1 ul li {text-align: center; width: calc(50% - 10px);}
    .sec_04_2 .item_1 ul li:nth-child(odd) {padding-top: 0;}
    .sec_04_2 .item_1 ul li .img_box {margin-bottom: 12px;}
    .sec_04_2 .item_1 ul li p {font-size: 18px; margin-bottom: 8px;}
    .sec_04_2 .item_1 ul li span {font-size: 14px;}

    .sec_04_2 .item_1 {margin-bottom: 80px;}

    .sec_04_3 {padding: 80px 0px;}
    .sec_04_3 h3 {font-size: 20px;}

    .sec_07 .title_box,
    .sec_05 .title_box {gap: 20px; margin-bottom: 24px;}

    .sec_07 .title_box .title p,
    .sec_05 .title_box .title p {font-size: 14px; margin-bottom: 10px;}

    .sec_07 .title_box .title h3,
    .sec_05 .title_box .title h3 {font-size: 32px;}

    .sec_07 .title_box article,
    .sec_05 .title_box article {font-size: 14px; padding-top: 0;}

    .sec_07 .list > div:nth-child(odd) {padding-top: 40px;}
}