._s._process{ width: 100%; position: relative; overflow: hidden; }
._s._process ._cont .wrap > dl{ text-align: center; word-break: keep-all; }
._s._process ._cont .wrap > dl dt{ font-size: 18px; letter-spacing: -0.025em; color: #777777; }
._s._process ._cont .wrap > dl dd{ font-size: 60px; letter-spacing: -0.025em; color: #000; font-weight: 600; line-height: calc(90 / 60); margin-top: 20px; }
._s._process ._cont .wrap > dl dd span{ background: linear-gradient(90deg, #185eed 1%, #000 1%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; }

._s._process .flexbx{ display: flex; width: 100%; word-break: keep-all; align-items: flex-start; }
._s._process .flexbx .s_menu{ padding-top: 300px; width: calc(480 / 1440 * 100%); box-sizing: border-box; height: 100vh; }
._s._process .flexbx .s_menu > ul{ width: 100%; max-width: 200px; }
._s._process .flexbx .s_menu > ul li{ width: 100%; padding: 10px 0; box-sizing: border-box; font-size: 18px; letter-spacing: -0.025em; color: rgba(0,0,0,0.3); font-weight: 600; transition-duration: 0.4s; cursor: pointer; }
._s._process .flexbx .s_menu > ul li.on{ color: #185eed; font-size: 24px; }

._s._process .flexbx .rbx{ padding-top: 180px; width: calc(960 / 1440 * 100%); box-sizing: border-box; }
._s._process .flexbx .rbx > ul{ width: 100%; }
._s._process .flexbx .rbx > ul li{ width: 100%; margin-bottom: 90px; }
._s._process .flexbx .rbx > ul li:last-of-type{ margin-bottom: 0; }
._s._process .flexbx .rbx > ul li .thumb{ width: 100%; border-radius: 30px; overflow: hidden; position: relative; }
._s._process .flexbx .rbx > ul li .thumb .max_{ width: 100%; padding-bottom: calc(400 / 960 * 100%); background-repeat: no-repeat; background-size: cover; background-position: center; }
._s._process .flexbx .rbx > ul li .flx{ display: flex; margin-top: 30px; }
._s._process .flexbx .rbx > ul li .flx strong{ display: flex; align-items: flex-start; width: calc(425 / 960 * 100%); padding-right: 20px; box-sizing: border-box; }
._s._process .flexbx .rbx > ul li .flx strong em{ font-size: 18px; letter-spacing: -0.025em; color: #d1d1d1; }
._s._process .flexbx .rbx > ul li .flx strong span{ font-size: 30px; letter-spacing: -0.025em; color: #292c6f; font-weight: 700; margin-left: 15px; }
._s._process .flexbx .rbx > ul li .flx p{ font-size: 18px; letter-spacing: -0.025em; color: #444444; line-height: calc(30 / 18); width: calc(535 / 960 * 100%); }

._s._process .flexbx .rbx > em{ display: block; margin-top: 70px; text-align: center; font-size: 16px; letter-spacing: -0.025em; line-height: 1.4; color: #777777; }

@media screen and (min-width: 821px){
    ._s._process .flexbx .s_menu > ul li:hover{ color: #185eed; }
}

@media screen and (max-width: 1280px){
    ._s._process ._cont .wrap > dl dt{ font-size: 16px; }
    ._s._process ._cont .wrap > dl dd{ font-size: 45px; }
    ._s._process .flexbx .s_menu{ width: calc(380 / 1440 * 100%); }
    ._s._process .flexbx .s_menu > ul li.on{ font-size: 22px; }
    ._s._process .flexbx .s_menu > ul li{ font-size: 16px; }
    ._s._process .flexbx .rbx{ width: calc(1060 / 1440 * 100%); }
    ._s._process .flexbx .rbx > ul li .flx strong{ width: calc(385 / 960 * 100%); }
    ._s._process .flexbx .rbx > ul li .flx strong span{ font-size: 22px; margin-left: 10px; }
    ._s._process .flexbx .rbx > ul li .flx p{ font-size: 16px; width: calc(575 / 960 * 100%); }
}

@media screen and (max-width: 820px){
    ._s._process ._cont .wrap > dl dt{ font-size: 14px; }
    ._s._process ._cont .wrap > dl dd{ font-size: 35px; margin-top: 15px; }
    ._s._process .flexbx .s_menu{ padding-top: 120px; }
    ._s._process .flexbx .rbx{ padding-top: 100px; }

    ._s._process .flexbx .s_menu > ul li.on{ font-size: 16px; }
    ._s._process .flexbx .s_menu > ul li{ font-size: 14px; }
    
    ._s._process .flexbx .rbx > ul li{ margin-bottom: 40px; }
    ._s._process .flexbx .rbx > ul li .thumb{ border-radius: 20px; }
    ._s._process .flexbx .rbx > ul li .flx strong{ padding-right: 10px; width: calc(435 / 960 * 100%); }
    ._s._process .flexbx .rbx > ul li .flx strong span{ font-size: 18px; margin-left: 5px; }
    ._s._process .flexbx .rbx > ul li .flx strong em{ font-size: 14px; }
    ._s._process .flexbx .rbx > ul li .flx p{ font-size: 14px; width: calc(545 / 960 * 100%); }

    ._s._process .flexbx .rbx > em{ font-size: 14px; }
}

@media screen and (max-width: 500px){
    ._s._process ._cont .wrap > dl dd{ font-size: 22px; }
    ._s._process .flexbx .s_menu{ display: none; }
    ._s._process .flexbx .rbx{ width: 100%; padding-top: 50px; }

    ._s._process .flexbx .rbx > ul li .flx{ flex-direction: column; margin-top: 15px; }
    ._s._process .flexbx .rbx > ul li .flx strong{ width: 100%; }
    ._s._process .flexbx .rbx > ul li .flx p{ width: 100%; margin-top: 10px; }
}