.ov_webp_mobile {
    display: none;
    width: 100%;
    max-width: 400px !important;
}

#PopupClose3 {
    top: 40px;
    right: 40px;
    display: none;
}

@media screen and (max-width: 1600px) {
    #MSBDiv .shkc-innerpage-content {
        width: 50%;
    }

    #BLDiv .shkc-innerpage-content {
        width: 45%;
    }
}

@media screen and (max-width: 1400px) {}

@media screen and (max-width: 1366px) {
    #DynamicEMA_Div .jss288 {
        padding: 60px;
    }

    .shkc-rl-s2-right {
        padding: 0;
    }

    #BLDiv .shkc-innerpage-content {
        width: 50%;
    }

    #FMDiv .shkc-innerpage-content {
        width: 50%;
    }
}

@media screen and (max-width: 1199px) {
    #BannerBgDiv {
        height: 600px;
    }

    #BannerBgDiv .MuiContainer-root {
        padding: 0;
    }

    #BannerTitleDiv {
        font-size: 32px;
    }

    #BannerDescriptionDiv {
        font-size: 18px;
        text-align: center;
    }

    .jss148 {
        display: none;
    }

    .jss153 {
        padding-top: 0;
    }

    .jss156 {
        padding: 60px 20px;
        position: relative;
    }

    .jss157 {
        top: auto;
    }

    .jss158 {
        color: black;
    }

    .jss181 {
        padding: 20px;
    }

    #DynamicEMA_Div>div {
        flex-direction: column;
    }

    #DynamicEMA_Div>div .jss284 {
        padding: 50px 20px 0;
    }

    #DynamicEMA_Div>div .jss281 {
        flex-direction: column;
    }

    #Case_Div .jss448 {
        position: relative;
    }

    .shkc-scs-content {
        width: 100%;
        column-gap: 40px;
        position: relative;
    }

    #MSBDiv .shkc-innerpage-content {
        width: 65%;
    }

    #RLDiv .shkc-innerpage-content {
        width: 40%;
    }

    .shkc-rl-s2-inner {
        height: auto;
        flex-direction: column;
    }

    .shkc-rl-s2-left {
        padding: 60px 40px;
    }

    .shkc-fm-column {
        gap: 40px;
        justify-content: center;
    }
}

 .inner-case-content {
        padding-bottom: 120px;
    }

@media screen and (max-width: 991px) {
    .inner-case-content {
        padding-bottom: 0;
    }

    .shkc-case-height {
        height: 100px;
    }
    #FMDiv .shkc-innerpage-link {
        bottom: 32.5%;
    }

    #ContactUs_resetReCaptcha {
        width: 100%;
    }

    .jss978 {
        width: 100%;
        justify-content: space-between;
        background-color: white;
    }

    #FMDiv .shkc-innerpage-link .shkc-row-button {
        max-width: 300px;
    }

    #FMDiv .shkc-innerpage-link .shkc-row-button .shkc-href a {
        padding: 30px !important;
        max-width: 300px;
    }

    .jss446 {
        margin-bottom: 40px;
    }

    .shkc-scs-item {
        gap: 40px;
    }

    .shkc-scs-content {
        margin: 0 auto;
        width: 100%;
        max-width: 300px;
    }

    #Case_Div .slick-prev::before,
    #Case_Div .slick-next::before {
        font-size: 40px;
        border-radius: 50%;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        position: relative;
    }

    .slick-prev:before {
        background-image: url(../images/leftArrow.png);
        background-repeat: no-repeat;
        background-position: center;
    }

    .slick-next:before {
        background-image: url(../images/rightArrow.png);
        background-repeat: no-repeat;
        background-position: center;
    }

    #Case_Div .slick-next:hover,
    #Case_Div .slick-prev:hover {
        background-color: #EE1C25;
    }

    #Case_Div .slick-prev:hover::before {
        background-image: url(../images/leftArrowWhite.png);
        background-color: #EE1C25;
    }

    #Case_Div .slick-next:hover::before {
        background-image: url(../images/rightArrowWhite.png);
        background-color: #EE1C25;
    }

    .slick-prev:before,
    .slick-next:before {
        content: "　";
    }

    #Case_Div .slick-next {
        right: 0;
        width: 0px;
    }

    #Case_Div .slick-prev {
        left: -40px;
        width: 0px;
    }

    #Case_Div .test {
        justify-content: center;
        display: flex !important;
    }

    .shkc-modal-contactus.active {
        overflow-y: auto;
    }

    #HomeContactUs_Div .shkc-modal-contactus-inner {
        height: auto !important;
        flex-direction: column;
    }

    .shkc-modal-contactus {
        align-items: flex-start;
    }
    
    .shkc-modal-contactus-inner {
        height: auto;
        flex-direction: column;
    }

    .shkc-modal-contactus-left,
    .shkc-modal-contactus-right {
        height: 800px;
        width: 100%;
        padding: 30px 20px;
    }

    .shkc-modal-contactus-title h6 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .shkc-modal-contactus-left {
        background-position: top;
    }

    .shkc-modal-contactus-content {
        margin-top: 100px;
    }

    .shkc-modal-ccb-item img {
        display: none;
    }

    .shkc-modal-cc-bottom {
        row-gap: 20px;
    }

    #FooterDiv .jss549 {
        flex-direction: column;
    }

    #FooterDiv .jss550 {
        align-items: center;
        flex-direction: column;
    }

    .shkc-aboutus-right {
        display: none;
    }

    .shkc-aboutus-mobile-img {
        margin-bottom: 40px;
        display: block;
    }

    .shkc-aboutus-left {
        max-width: 100%;
    }

    .shkc-aboutus-content {
        padding: 0 30px 60px;
    }

    .shkc-aboutus-title h1 {
        font-size: 20px;
    }

    .shkc-cc {
        flex-direction: column;
    }

    .shkc-cc-left {
        padding: 40px;
        max-width: 100%;
    }

    .shkc-cc-right {
        width: 100%;
        max-width: 100%;
    }

    .shkc-cc-title h2,
    .shkc-cc-title h1 {
        font-size: 20px;
    }

    .shkc-uploaddoc-title h1 {
        font-size: 20px;
    }

    .shkc-uploaddoc-btn {
        justify-content: flex-start;
    }

    .shkc-uploaddoc-btn a {
        padding: 27px !important;
    }

    .shkc-uploaddoc-btn h6 {
        margin-bottom: 0;
        font-size: 14px;
    }

    .shkc-uploaddoc-methods ul {
        margin-left: 0;
    }

    .shkc-uploaddoc-methods img {
        margin-top: 20px;
        margin-bottom: 40px;
    }

    .shkc-logon-item {
        flex-direction: column;
    }

    .shkc-logon-inner {
        padding: 30px;
    }

    .shkc-logon-bottom {
        row-gap: 40px;
        align-items: center;
        flex-direction: column;
    }

    .shkc-footnote {
        font-weight: 300 !important;
        font-size: 12px !important;
    }

    .shkc-page-content {
        padding: 30px;
    }

    .shkc-short-banner {
        justify-content: center;
    }

    .shkc-short-title h1 {
        color: white;
    }

    .shkc-inner-left-box2 {
        width: 100%;
        height: 200px;
        margin-left: 0;
    }

    #CareerSwiperDiv {
        padding: 20px 40px;
    }

    .swiper-button-prev,
    .swiper-button-next {
        width: 15px;
    }

    .shkc-career-content {
        padding: 30px;
    }

    .shkc-ph-box {
        row-gap: 40px;
        flex-direction: column;
    }

    .shkc-innerpage-top {
        height: auto;
        position: relative;
    }

    .shkc-innerpage-banner {
        display: none;
    }

    .shkc-innerpage-banner.mobile {
        display: flex;
    }

    .shkc-innerpage-banner.mobile>img {
        display: flex;
    }

    .shkc-innerpage-banner.mobile {
        align-items: flex-end;
        display: flex;
        position: relative;
    }

    .shkc-innerpage-banner img {
        z-index: 1;
        display: flex;
    }

    .shkc-innerpage-content {
        width: 100%;
        left: 0;
        margin: 0;
        padding: 0;
    }

    .shkc-innerpage-title {
        padding: 50px 40px 60px 40px;
    }

    .shkc-innerpage-title h6 {
        margin-bottom: 0;
        font-size: 20px;
        font-weight: bolder;
    }

    .shkc-innerpage-title span {
        width: 220px;
        height: 6px;
        background-color: white;
        display: flex;
    }

    .shkc-innerpage-link {
        width: 100%;
        z-index: 2;
        bottom: 20%;
        position: absolute;
    }

    .shkc-innerpage-link .shkc-row-button {
        margin: 0 auto;
        width: 80%;
        row-gap: 20px;
        flex-direction: column;
    }

    .shkc-innerpage-desc {
        padding: 20px 40px;
    }

    .shkc-innerpage-desc p:last-child {
        margin-bottom: 0;
    }

    #BLDiv .shkc-innerpage-link {
        bottom: 35%;
    }

    #MSBDiv .shkc-innerpage-link,
    #FastPassDiv .shkc-innerpage-link {
        bottom: 40%;
    }

    #RLDiv .shkc-innerpage-content,
    #MSBDiv .shkc-innerpage-content {
        width: 100%;
    }

    #RLDiv .shkc-innerpage-link {
        bottom: 25%;
    }

    #RMBDiv .shkc-innerpage-link {
        bottom: 30%;
    }

    .shkc-fm-column {
        flex-direction: column !important;
        gap: 40px;
    }

    #BLDiv .shkc-innerpage-content {
        width: 100%;
    }

    #BLDiv .shkc-innerpage-banner.mobile,
    #BLDiv .shkc-innerpage-banner.mobile>img {
        height: 584px;
        object-position: center 30%;
    }

    .shkc-fm-right {
        background-color: white;
    }

    .shkc-fm-row {
        flex-direction: column;
    }

    .shkc-fm-item {
        width: 100%;
        max-width: 250px;
    }

    .shk-bl-top {
        width: 100%;
        justify-content: space-between;
    }

    #FMDiv .shkc-innerpage-content {
        padding: 0;
        width: 100%;
    }

    #FMDiv .shkc-innerpage-banner>img,
    #FMDiv {
        height: 100%;
    }

    .shkc-mfp-progress {
        row-gap: 20px;
        flex-direction: column;
    }

    .shkc-mfp-progress-item {
        width: 100%;
    }

    .shkc-mfp-form {
        row-gap: 90px;
        grid-template-columns: 1fr;
    }

    .shkc-modal-op-input-item {
        row-gap: 10px;
        margin-bottom: 20px;
    }

    .shkc-mfp-form-footnote {
        padding: 40px;
    }

    .shkc-fm-footer {
        flex-direction: column-reverse;
        display: flex;
    }

    .shkc-fm-footer-icon {
        row-gap: 30px;
        flex-direction: column;
    }

    .shkc-row-button .shkc-href {
        width: 100%;
    }

    .shkc-rmb-contact-form-inner {
        padding: 0 40px;
    }

    .shkc-rmb-cf .shkc-modal-op-input-item {
        align-items: flex-start;
    }

    .shkc-rmb-otp-item {
        grid-template-columns: 1fr;
    }

    .shkc-rmb-otp-code {
        row-gap: 20px;
        flex-direction: column;
    }

    .shkc-op-input {
        width: 100%;
        max-width: 1050px;
        margin-left: 0;
    }

    #DU_Content_Div {
        padding: 35px 10px;
    }

    .shkc-du-form-item {
        align-items: flex-start;
        flex-direction: column;
        display: flex;
    }

    .shkc-du-inner-form {
        padding-right: 0;
        max-width: 100%;
    }

    .shkc-du-inner-form .shkc-du-form-item:last-child {
        border-bottom: none;
    }

    #doc-container .shkc-du-form-item:last-child {
        border-bottom: 2px solid rgba(0, 0, 0, 0.07);
    }

    .shkc-du-form {
        padding: 36px;
    }

    .shkc-du-form-value {
        width: 100%;
    }

    #doc-container {
        row-gap: 40px;
        flex-direction: column;
        display: flex;
    }

    .mobile-none {
        display: none;
    }

    .shkc-du-form>p {
        padding: 0
    }

    .shkc-du-master-inner {
        padding: 30px 10px;
    }

    .shkc-du-form-item {
        padding-bottom: 15px;
        border-bottom: 2px solid rgba(0, 0, 0, 0.07);
    }

    .shkc-du-inner-form>.shkc-du-form-item:first-child {
        border-bottom: none;
    }

    .shkc-du-form-item label {
        margin-bottom: 0;
        display: flex;
    }

    #doc-container .ss-main {
        max-width: 200px;
    }

    .shkc-du-form-value {
        margin-top: 15px;
    }

    .shkc-du-action-button {
        width: 100%;
        row-gap: 20px;
        flex-direction: column;
    }

    #GoogleCheckDiv {
        width: 100%;
        background: white;
    }

    #GoogleCheckDiv button {
        width: 100%;
    }

    #PopupClose3 {
        display: block;
    }

    #PopupClose2 {
        display: none;
    }
}

@media screen and (max-width: 959px) {
    #AddressWarningInnerDiv{
        min-width: initial!important;
        width: 100%;
        flex-direction: column-reverse!important;
        row-gap: 50px;
    }

    #AddressWarningInnerDiv > div {
        width: 100%!important;
    }

    #AddressWarningModalDiv1 .shk-modal-inner {
        height: 90vh;
        max-width: 743px;
        overflow-x: hidden!important;
        overflow-y: auto!important;
    }

    #AddressWarningModalDiv1 .shk-modal-i-content {
        max-height: 90vh;
    }

    #AddressWarningImageDiv {
        height: auto!important;
        margin: 0 auto;
        width: 100%;
        max-width: 476px;
    }

    .shkc-modal-opened #PopupClose {
        display: none;
    }

    #BLDiv .shkc-fm-item {
        max-width: 565px;
    }

    #ProgressDiv .jss259 {
        flex-direction: column;
    }

    #ProgressDiv .jss269 {
        align-items: center;
        flex-direction: column;
    }

    #BannerTitleDiv {
        margin-top: 125px;
    }

    #BannerDescriptionDiv {
        display: none;
    }

    #BannerLinkDiv {
        bottom: 20px;
        position: absolute;
    }

    #BannerLinkDiv button {
        height: 50px !important;
        padding: 33px !important;
        color: white !important;
        background: transparent linear-gradient(181deg, #EE1C25 0%, #780D0E 100%) 0% 0% no-repeat padding-box !important;
    }

    #BannerLinkDiv .jss172 {
        display: none;
    }

    .shkc-inner-left-box {
        display: none;
    }

    .case-mobile-title {
        padding: 0 40px;
        height: 200px;
        display: flex;
        align-items: center;
        background: linear-gradient(180deg, rgba(255, 0, 0, 0.4) -6.71%, rgba(255, 0, 0, 0.44) -5.55%, rgba(255, 0, 0, 0.59) 0.25%, rgba(255, 0, 0, 0.72) 7.21%, rgba(255, 0, 0, 0.82) 13.01%, rgba(255, 0, 0, 0.9) 21.13%, rgba(255, 0, 0, 0.96) 29.25%, rgba(255, 0, 0, 0.99) 39.7%, #FF0000 55.94%, rgba(255, 0, 0, 0.99) 67.54%, rgba(255, 0, 0, 0.95) 75.66%, rgba(255, 0, 0, 0.89) 83.78%, rgba(255, 0, 0, 0.8) 90.74%, rgba(255, 0, 0, 0.68) 97.7%, rgba(255, 0, 0, 0.54) 103.5%, rgba(255, 0, 0, 0.4) 109.3%);
    }

    .case-mobile-title h6 {
        font-size: 24px;
        font-weight: bolder;
        text-transform: uppercase;
    }

    .case1-banner,
    .case2-banner,
    .case3-banner {
        background-position: 70%;
        height: 480px;
    }

    .shkc-short-title {
        display: none;
    }

    .shkc-short-title-mobile {
        padding: 40px;
        display: flex;
        margin-bottom: 20px;
    }

    .shkc-short-title-mobile h1 {
        font-size: 20px;
        font-weight: bolder;
    }

    .shkc-short-title-mobile .shkc-short-underline {
        width: 100px;
    }

    .ov_webp_desktop {
        display: none;
    }

    .ov_webp_mobile {
        display: flex;
    }

    .shkc-op-search {
        height: auto;
    }

    #IPV_Div {
        height: auto !important;
    }

    .shkc-op-input>div {
        width: 100%;
    }

    #OtherChoicesDiv button {
        padding: 10px 20px !important;
    }

    .shkc-mfp-progress-bar,
    #StepLabelDiv {
        display: none;
    }

    #BLDiv .shkc-innerpage-banner.mobile,
    #BLDiv .shkc-innerpage-banner.mobile>img {
        height: 620px;
    }

    #BLDiv,
    #BLDiv .shkc-innerpage-banner>img {
        height: auto;
    }

    #BLDiv .shkc-innerpage-desc,
    #BLDiv .shkc-innerpage-title {
        background: linear-gradient(180deg, rgba(255, 0, 0, 0.4) -6.71%, rgba(255, 0, 0, 0.44) -5.55%, rgba(255, 0, 0, 0.59) 0.25%, rgba(255, 0, 0, 0.72) 7.21%, rgba(255, 0, 0, 0.82) 13.01%, rgba(255, 0, 0, 0.9) 21.13%, rgba(255, 0, 0, 0.96) 29.25%, rgba(255, 0, 0, 0.99) 39.7%, #FF0000 55.94%, rgba(255, 0, 0, 0.99) 67.54%, rgba(255, 0, 0, 0.95) 75.66%, rgba(255, 0, 0, 0.89) 83.78%, rgba(255, 0, 0, 0.8) 90.74%, rgba(255, 0, 0, 0.68) 97.7%, rgba(255, 0, 0, 0.54) 103.5%, rgba(255, 0, 0, 0.4) 109.3%);
    }

    #BLDiv .shkc-innerpage-desc {
        padding: 40px 40px 120px;
    }

    .shkc-mfp-progress-item {
        display: none;
    }

    .mobile-none {
        display: none !important;
    }

    .shkc-mfp-progress-item.active {
        display: flex;
    }

    .shkc-mfp-progress-item.active2 {
        display: flex;
    }

    .shkc-mfp-progress-item.active3 {
        display: flex;
    }

    [data-mobile-type="IO"],
    [data-mobile-type="PI"],
    [data-mobile-type="RL"] {
        width: 100%;
        align-items: center;
        flex-direction: column;
    }

    .jss321 {
        padding: 30px;
    }

    .jss326 {
        margin-top: 32px;
    }
}

@media screen and (max-width: 767px) {
    .shkc-sitemap-box p {
        margin-left: 0;
    }

    .shkc-innerpage-link {
        bottom: 25%;
    }

    #MSBDiv .shkc-innerpage-link,
    #FastPassDiv .shkc-innerpage-link {
        bottom: 45%;
    }

    #FastPassDiv .shkc-innerpage-banner.mobile>img {
        object-position: 70% center;
    }

    .shkc-modal-op-bottom button {
        padding: 5px !important;
    }

    .shkc-6-items {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 640px) {
    #RLDiv .shkc-innerpage-link {
        bottom: 30%;
    }

    #RMBDiv .shkc-innerpage-link {
        bottom: 35%;
    }

    .shkc-modal-op {
        padding: 15px;
    }

    .shkc-op-input {
        width: 100%;
        display: flex;
    }

    .shkc-op-search {
        height: 700px;
    }

    #FMDiv .shkc-innerpage-link {
        bottom: 35%;
    }

    #BLDiv .shkc-innerpage-link {
        bottom: 40%;
    }
}

@media screen and (max-width: 600px) {
    .shkc-modal-op-input-item {
        flex-direction: column;
    }

    .shkc-modal-op-input-item > div {
        width: 100%;
    }
}

@media screen and (max-width: 575.98px) {
    .shkc-innerpage-desc {
        padding: 20px;
    }

    #MSBDiv .shkc-innerpage-link {
        bottom: 50%;
    }

    .shkc-innerpage-link {
        bottom: 30%;
    }

    #RLDiv .shkc-innerpage-link {
        bottom: 35%;
    }

    .jss78 {
        height: 42px;
    }

    .jss93 {
        width: 95px;
    }

    .jss88 {
        font-size: 10px;
    }

    #BLDiv .shkc-innerpage-link {
        bottom: 40%;
    }

    .shkc-mfp-form-footnote {
        padding: 40px 20px;
    }

    .shkc-rmb-cf::before {
        width: 85%;
    }

    .shkc-mfp-form h1 {
        width: 85%;
        font-size: 14px;
    }

    .shkc-row-button {
        row-gap: 20px;
        flex-direction: column;
    }

    .shkc-row-button .shkc-href {
        width: 100%;
    }

    .shkc-du-form {
        padding: 30px 20px;
    }
}

@media screen and (max-width: 414px) {
    #RMBDiv .shkc-innerpage-link {
        bottom: 42%;
    }

    .shkc-modal-op-inner {
        padding: 15px;
    }

    .shkc-modal-op-bottom {
        column-gap: 15px;
    }

    .shkc-modal-op-bottom button .MuiButton-label div {
        font-size: 12px;
    }
}