._s._about{ width: 100%; position: relative; overflow: hidden; padding: 0; }
._s._about .se01{ width: 100%; height: 100vh; box-sizing: border-box; position: relative; }
._s._about .se01 .cover{ content: ''; display: block; width: 100%; height: 100%; background-color: #000; z-index: 60; position: absolute; left: 0; top: 0; pointer-events: none; }
._s._about .se01 .m01{ display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; }
._s._about .se01 .m01 small{ display: block; font-size: 20px; color: #878787; font-weight: 500; }

._s._about .se01 .m01 .titleBox{ width: calc(1245 / 1920 * 100%); padding: 0 20px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; }
._s._about .se01 .m01 .titleBox strong{ display: block; font-size: 6.7708vw; font-weight: 700; }
._s._about .se01 .m01 .titleBox .blank{ width: 100%; max-width: 210px; position: relative; }
._s._about .se01 .m01 .titleBox .blank::after{ content: ''; display: block; padding-bottom: calc(135 / 210 * 100%); }
._s._about .se01 .m02{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; }
._s._about .se01 .m02 .imgs img:first-of-type{ position: absolute; left: calc(177 / 1920 * 100%); bottom: 40px; width: calc(400 / 1920 * 100%); }
._s._about .se01 .m02 .imgs img:last-of-type{ position: absolute; right: calc(245 / 1920 * 100%); bottom: 70px; width: calc(320 / 1920 * 100%); }
._s._about .se01 .m02 .vidWrap{ width: 100%; max-width: calc(1180 / 1920 * 100%); position: relative; padding:34.35% 0 0 0; }
._s._about .se01 .m02 .vidWrap iframe{ position:absolute;top:0;left:0;width:100%;height:100%; filter: brightness(0.6); }
._s._about .se01 .m02 .centertxt{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; }
._s._about .se01 .m02 .centertxt dl dt{ font-size: 20px; color: #9f9f9f; }
._s._about .se01 .m02 .centertxt dl dd{ font-size: 4.1667vw; font-weight: 700; line-height: calc(100 / 80); }
._s._about .se01 .m02 .centertxt dl dd p{ display: block; overflow: hidden; }
._s._about .se01 .m02 .centertxt dl dd p span{ display: block; }
._s._about .se01 .m02 .centertxt em{ display: block; text-align: center; font-size: 20px; color: #9f9f9f; position: absolute; left: 50%; bottom: 10vh; transform: translateX(-50%); }

@media screen and (max-width: 1280px){
    ._s._about .se01 .m02 .centertxt dl dt{ margin-bottom: 10px; font-size: 16px; }
    ._s._about .se01 .m02 .centertxt em{ font-size: 16px; }
    ._s._about .se01 .m01 small{ font-size: 16px; }
}

@media screen and (max-width: 820px){
    ._s._about .se01 .m01{ flex-direction: column; }
    ._s._about .se01 .m01 small{ padding: 40px 5%; box-sizing: border-box; display: block; width: 100%;  }

    ._s._about .se01 .m01 small:last-of-type{ text-align: right; }
    ._s._about .se01 .m02 .vidWrap{ max-width: 90%; padding: 50% 0 0 0; }

    ._s._about .se01 .m02 .imgs img:first-of-type{ bottom: auto; left: 2.5%; top: 64%; transform: translateY(-50%); }
    ._s._about .se01 .m02 .imgs img:last-of-type{ bottom: auto; top: 35%; transform: translateY(-50%); right: 0; }
    ._s._about .se01 .m02 .centertxt em{ display: none; }
    
}

@media screen and (max-width: 500px){
    ._s._about .se01 .m01 small{ font-size: 14px; }
    ._s._about .se01 .m02 .centertxt dl dt{ margin-bottom: 5px; }
    ._s._about .se01 .m02 .centertxt dl dd{ font-size: 20px; word-break: keep-all; }
}


._s._about .se02{ width: 100%; position: relative; padding: 200px 0; }
._s._about .se02 .wrap{ display: flex; }
._s._about .se02 .wrap .lbx{ width: calc(700 / 1520 * 100%); }
._s._about .se02 .wrap .rbx{ width: calc(820 / 1520 * 100%); padding-left: calc(145 / 1520 * 100%); box-sizing: border-box; }
._s._about .se02 .wrap .rbx dl dt{ font-size: 72px; font-weight: 700; margin-bottom: 65px; }
._s._about .se02 .wrap .rbx dl dd{ display: inline; font-size: 22px; line-height: calc(34 / 22);  background: linear-gradient(90deg, #fff 5%, #9f9f9f 5%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; }

@media screen and (max-width: 1280px){
    ._s._about .se02{ padding: 100px 0; }
    ._s._about .se02 .wrap .rbx{ padding-left: 5%; }
    ._s._about .se02 .wrap .rbx dl dt{ font-size: 50px; margin-bottom: 40px; }
    ._s._about .se02 .wrap .rbx dl dd{ font-size: 16px; }
}

@media screen and (max-width: 820px){
    ._s._about .se02{ padding: 0; }
    ._s._about .se02 .wrap{ display: block; }
    ._s._about .se02 .wrap .lbx{ width: 100%; max-width: 200px; }
    ._s._about .se02 .wrap .rbx{ padding-left: 0; width: 100%; margin-top: 50px; }
    ._s._about .se02 .wrap .rbx dl dt{ font-size: 35px; margin-bottom: 30px; }
    ._s._about .se02 .wrap .rbx dl dd{ font-size: 14px; }
}

@media screen and (max-width: 500px){
    ._s._about .se02 .wrap .rbx dl dt{ font-size: 26px; margin-bottom: 20px; }
}


._s._about .se03{ width: 100%; position: relative; padding-top: 80px; padding-bottom: 270px; }
._s._about .se03 .titles{ font-size: 72px; font-weight: 700; text-align: center; display: block; width: 100%; }
._s._about .se03 .flexbx{ display: flex; margin-top: 55px; justify-content: space-between; }
._s._about .se03 .flexbx .con{ width: calc(630 / 1920 * 100%); overflow: hidden; position: relative; cursor: pointer; }
._s._about .se03 .flexbx .con .img{ position: absolute; width: 100%; height: 100%; object-fit: cover; left: 0; top: 0; transition-duration: 0.6s; z-index: 1; }
._s._about .se03 .flexbx .con .img img{ width: 100%; height: 100%; object-fit: cover; }

._s._about .se03 .flexbx .con .align{ width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; box-sizing: border-box; padding: 190px 10px; position: relative; z-index: 2; background-color: #080808; transition-duration: 0.6s; opacity: 0; }
._s._about .se03 .flexbx .con dl dt{ font-size: 52px; font-weight: 700; }
._s._about .se03 .flexbx .con dl dd{ font-size: 22px; font-weight: 500; line-height: 1.3; color: #878787; position: relative; margin-top: 45px; }
._s._about .se03 .flexbx .con dl dd p{ display: flex; align-items: baseline; margin-bottom: 10px; }
._s._about .se03 .flexbx .con dl dd p::before{ content: '- '; margin-right: 0.5em; display: block; }

._s._about .se03 .flexbx .con:hover .align{ opacity: 1; }


@media screen and (max-width: 1280px){
    ._s._about .se03 .titles{ font-size: 50px; }
    ._s._about .se03 .flexbx{ margin-top: 30px; }
    ._s._about .se03 .flexbx .con .align{ padding: 100px 10px; }
    ._s._about .se03 .flexbx .con dl dt{ font-size: 30px; }
    ._s._about .se03 .flexbx .con dl dd{ font-size: 16px; margin-top: 20px; }
    ._s._about .se03 .flexbx .con dl dd p{ margin-bottom: 5px; }
}

@media screen and (max-width: 820px){
    ._s._about .se03{ padding-bottom: 120px; }
    ._s._about .se03 .titles{ font-size: 35px; }
    ._s._about .se03 .flexbx{ display: block; }
    ._s._about .se03 .flexbx .con{ width: 100%; }
    ._s._about .se03 .flexbx .con .align{ padding: 30px 10px; min-height: 30vh; box-sizing: border-box; opacity: 0.7; }
    ._s._about .se03 .flexbx .con dl dt{ font-size: 24px; }
    ._s._about .se03 .flexbx .con dl dd{ font-size: 14px; margin-top: 15px; }
}


._s._about .se04{ width: 100%; height: 100vh; overflow: hidden; position: relative; }
._s._about .se04 .bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; }
._s._about .se04 .bg .max{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-repeat: no-repeat; background-position: center; }
._s._about .se04 .contents{ position: relative; z-index: 2; height: 100%; display: flex; flex-direction: column; justify-content: center; }
._s._about .se04 .contents .fix{ font-size: 22px; font-weight: 700; overflow: hidden; }
._s._about .se04 .contents .bold{ font-size: 80px; line-height: calc(90 / 80); position: relative; height: 3.375em; font-weight: 700; margin-top: 20px; }
._s._about .se04 .contents .bold .line._2{ position: absolute; top: 0; left: 0; }
._s._about .se04 .contents .bold .line strong{ display: block; overflow: hidden; }
._s._about .se04 .contents .bold .line strong b{ display: block; }
._s._about .se04 .contents .regul{ font-size: 26px; line-height: calc(40 / 26); margin-top: 30px; position: relative; }
._s._about .se04 .contents .regul p._2{ position: absolute; left: 0; top: 0; }

@media screen and (max-width: 1280px){
    ._s._about .se04 .contents .fix{ font-size: 18px; }
    ._s._about .se04 .contents .bold{ font-size: 50px; }
    ._s._about .se04 .contents .regul{ font-size: 20px; }
}

@media screen and (max-width: 820px){
    ._s._about .se04 .contents .fix{ font-size: 16px; }
    ._s._about .se04 .contents .bold{ font-size: 5.8vw; }   
    ._s._about .se04 .contents .regul{ font-size: 16px; margin-top: 20px; }
}

@media screen and (max-width: 500px){
    ._s._about .se04 .contents .fix{ font-size: 14px; }
    ._s._about .se04 .contents .bold{ font-size: 6.8vw; height: 4.575em; }   
    ._s._about .se04 .contents .regul{ font-size: 14px; margin-top: 15px; }
}