._s._heritage{ width: 100%; position: relative; overflow: hidden; background-color: #000; color: #fff; word-break: keep-all; }
._s._heritage .se01{ position: relative; }
._s._heritage .se01 .vh{ height: 100vh; position: relative; }
._s._heritage .se01 .bg{ width: 100%; height: 100%; position: absolute; z-index: 0; top: 0; left: 0; clip-path: polygon(41.7% 24%, 58.3% 24%, 58.3% 76%, 41.7% 76%);}
._s._heritage .se01 .bg .portrait{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
._s._heritage .se01 .bg .realbg{ width: 100%; min-width: 100vw; position: absolute; left: 0; top: 0; min-width: 100vh; }
._s._heritage .se01 .bg .realbg img{ width: 100%; height: 100%; object-fit: cover; min-height: 100vh; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }

._s._heritage .se01 .firstWrap{ width: 100%; height: 100vh; position: absolute; left: 0; top: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; }
._s._heritage .se01 .firstWrap h1{ font-size: 7.8125vw; font-family: 'Poppins', sans-serif; font-style: italic; font-weight: 300; letter-spacing: -0.025em; }
._s._heritage .se01 .firstWrap h1:first-of-type{ padding-right: 30%; margin-bottom: 65px; }
._s._heritage .se01 .firstWrap h1:last-of-type{ padding-left: 22%; font-weight: 500; }

._s._heritage .se01 .secWrap{ width: 100%; position: relative; z-index: 1; }
._s._heritage .se01 .secWrap dl{ text-align: center; padding-top: 100vh; }
._s._heritage .se01 .secWrap dl dt{ font-size: 20px; letter-spacing: -0.025em; color: rgba(255,255,255,0.7); font-family: 'Poppins', sans-serif; }
._s._heritage .se01 .secWrap dl dd{ font-size: 70px; letter-spacing: -0.025em; margin-top: 30px; line-height: 1.4; }
._s._heritage .se01 .secWrap dl dd span{ font-weight: 600; }
._s._heritage .se01 .secWrap strong{ padding-top: 275px; font-size: 30px; letter-spacing: -0.025em; font-weight: 600; line-height: calc(48 / 30); display: block; }
._s._heritage .se01 .secWrap .right{ position: relative; margin-top: 65px; width: 100%; max-width: 460px; margin-left: auto; text-align: center; }
._s._heritage .se01 .secWrap .right p{ font-size: 30px; letter-spacing: -0.025em; line-height: calc(48 / 30); position: relative; width: 100%; }
._s._heritage .se01 .secWrap .right p::after{ content: ''; display: block; width: 30px; height: 26px; background-image: url(/asset/img/sub/about/heritage_point1.png); background-repeat: no-repeat; background-size: 100%; background-position: top left; position: absolute; top: -10px; left: -20px; }
._s._heritage .se01 .secWrap .right p::before{ content: ''; display: block; width: 30px; height: 26px; background-image: url(/asset/img/sub/about/heritage_point2.png); background-repeat: no-repeat; background-size: 100%; background-position: top right; position: absolute; bottom: -10px; right: -20px; }
._s._heritage .se01 .secWrap .right em{ font-size: 16px; letter-spacing: -0.025em; margin-top: 30px; display: block; }
._s._heritage .se01 .secWrap .right em b{ font-weight: 600; } 

._s._heritage .se02{ width: 100%; position: relative; overflow: hidden; text-align: center; }
._s._heritage .se02 .wrap{ display: flex; flex-direction: column; justify-content: center; align-items: center; }
._s._heritage .se02 p{ padding-bottom: 120px; font-size: 26px; letter-spacing: -0.025em; line-height: calc(44 / 26); position: relative; display: block; }
._s._heritage .se02 p span{ font-size: 50px; font-weight: 600; }
._s._heritage .se02 p span em{ color: #185eed; }
._s._heritage .se02 p b{ color: #185eed; font-weight: 600; }
._s._heritage .se02 p .cover{ width: 100%; position: absolute; right: 0; top: 0; height: 100%; background-color: rgba(0,0,0,0.8); }

@media screen and (max-width: 1280px){
    ._s._heritage .se01 .secWrap dl{ padding-top: 200px; }
    ._s._heritage .se01 .secWrap dl dt{ font-size: 16px; }
    ._s._heritage .se01 .secWrap dl dd{ font-size: 50px; margin-top: 20px; }
    ._s._heritage .se01 .secWrap strong{ padding-top: 240px; font-size: 24px; }
    ._s._heritage .se01 .secWrap .right{ max-width: 370px; }
    ._s._heritage .se01 .secWrap .right p{ font-size: 24px; }
    ._s._heritage .se01 .secWrap .right p::before{ right: -10px; }
    ._s._heritage .se01 .secWrap .right p::after{ left: -10px; }

    ._s._heritage .se02{ padding-bottom: 100px; }
    ._s._heritage .se02 p{ font-size: 20px; padding-bottom: 80px; }
    ._s._heritage .se02 p span{ font-size: 40px; }
}

@media screen and (max-width: 820px){
    ._s._heritage .se01 .bg{ clip-path: polygon(31.7% 24%, 68.3% 24%, 68.3% 76%, 31.7% 76%); }
    ._s._heritage .se01 .bg .portrait img{ width: 38%; height: 52%; object-fit: cover; }
    /* ._s._heritage .se01 .secWrap dl{ padding-top: 150px; } */
    ._s._heritage .se01 .secWrap dl dt{ font-size: 14px; }
    ._s._heritage .se01 .secWrap dl dd{ font-size: 32px; }
    ._s._heritage .se01 .secWrap strong{ padding-top: 170px; font-size: 20px; }
    ._s._heritage .se01 .secWrap .right p{ font-size: 20px; }

    ._s._heritage .se02{ padding-top: 130px; padding-bottom: 70px; }
    ._s._heritage .se02 p{ font-size: 16px; }
    ._s._heritage .se02 p span{ font-size: 28px; }
}

@media screen and (max-width: 500px){
    
    ._s._heritage .se01 .firstWrap{ align-items: flex-start; }
    ._s._heritage .se01 .firstWrap h1{ font-size: 15.8125vw; width: 100%; box-sizing: border-box; }
    ._s._heritage .se01 .firstWrap h1:first-of-type{ padding: 0; padding-left: 5%; text-align: left; }
    ._s._heritage .se01 .firstWrap h1:last-of-type{ padding: 0; padding-right: 5%; text-align: right; }

    /* ._s._heritage .se01 .secWrap dl{ padding-top: 70px; } */
    ._s._heritage .se01 .secWrap dl dd{ font-size: 26px; }
    ._s._heritage .se01 .secWrap strong{ padding-top: 100px; font-size: 16px; }
    ._s._heritage .se01 .secWrap .right{ width: 70%; }
    ._s._heritage .se01 .secWrap .right p{ font-size: 16px; }
    ._s._heritage .se01 .secWrap .right em{ font-size: 14px; }

    ._s._heritage .se02{ padding-top: 100px; }
    ._s._heritage .se02 p{ font-size: 14px; padding-bottom: 40px; }
    ._s._heritage .se02 p span{ font-size: 22px; }
}