@charset "utf-8";

/* MV */
@media screen and (max-width: 767px) {
    .mv {
        gap: calc(52 / 750 * 100vw);
    }
    .p-blackberryprotect-new .mv {
        gap: calc(72 / 750 * 100vw);
    }
    .p-optics-new .mv {
        gap: calc(74 / 750 * 100vw);
    }
    .amed .mv {
        gap: calc(12 / 750 * 100vw);
    }
    .p-deepinstinct-new .mv {
        gap: calc(40 / 750 * 100vw);
    }
}

.mv-text-inner {
    top: calc(60 / 1440 * 100vw);
    right: calc(116 / 1440 * 100vw);
}
.p-blackberryprotect-new .mv-text-inner {
    top: calc(56 / 1440 * 100vw);
}
.p-optics-new .mv-text-inner {
    top: calc(110 / 1440 * 100vw);
}
.amed .mv-text-inner {
    top: calc(82 / 1440 * 100vw);
}
.p-deepinstinct-new .mv-text-inner {
    top: calc(58 / 1440 * 100vw);
    right: calc(20 / 1440 * 100vw);
}
@media screen and (max-width: 767px) {
    .mv-text-inner {
        top: auto;
        right: auto;
        padding-top: calc(38 / 750 * 100vw);
    }
    .p-blackberryprotect-new .mv-text-inner {
        padding-top: calc(4 / 750 * 100vw);
    }
    .p-optics-new .mv-text-inner {
        padding-top: calc(16 / 750 * 100vw);
    }
    .amed .mv-text-inner {
        padding-top: calc(50 / 750 * 100vw);
    }
    .p-deepinstinct-new .mv-text-inner {
        top: 0;
        right: auto;
        padding-top: calc(32 / 750 * 100vw);
    }
}
@media screen and (min-width: 768px), print {
    .p-deepinstinct-new .mv-text-inner {
        width: calc(592 / 1440 * 100vw);
    }
}
@media screen and (min-width: 1440px), print {
    .mv-text-inner {
        top: 60px;
        right: 116px;
    }
    .p-blackberryprotect-new .mv-text-inner {
        top: 56px;
    }
    .p-optics-new .mv-text-inner {
        top: 110px;
    }
    .amed .mv-text-inner {
        top: 82px;
    }
    .p-deepinstinct-new .mv-text-inner {
        top: 58px;
        right: 20px;
        width: 592px;
    }
}

.p-optics-new .mv .mv-text-inner-wrap {
    margin-bottom: calc(76 / 1440 * 100vw);
}
.amed .mv .mv-text-inner-wrap {
    margin-bottom: calc(84 / 1440 * 100vw);
}
@media screen and (min-width: 1440px), print {
    .p-optics-new .mv .mv-text-inner-wrap {
        margin-bottom: 76px;
    }
    .amed .mv .mv-text-inner-wrap {
        margin-bottom: 84px;
    }
}

.mv .mv-ttl {
    display: flex;
    flex-direction: column;
    margin: 0 0 calc(29 / 1440 * 100vw);
    font-weight: 700;
}
.p-blackberryprotect-new .mv .mv-ttl {
    margin: 0 0 calc(7 / 1440 * 100vw);
}
.p-deepinstinct-new .mv .mv-ttl {
    margin-bottom: calc(5 / 1440 * 100vw);
    padding-top: 0;
}
@media screen and (max-width: 767px) {
    .mv .mv-ttl {
        margin-bottom: calc(16 / 750 * 100vw);
        gap: calc(8 / 750 * 100vw);
    }
    .p-blackberryprotect-new .mv .mv-ttl {
        margin-bottom: calc(21 / 750 * 100vw);
    }
    .p-deepinstinct-new .mv .mv-ttl {
        margin-bottom: calc(18 / 750 * 100vw);
    }
}
@media screen and (min-width: 1440px), print {
    .mv .mv-ttl {
        margin: 0 0 29px;
    }
    .p-blackberryprotect-new .mv .mv-ttl {
        margin-bottom: 7px;
    }
    .p-deepinstinct-new .mv .mv-ttl {
        margin-bottom: 5px;
    }
}

.mv .mv-ttl .mv-ttl-prefix {
    margin: 0 0 calc(23 / 1440 * 100vw);
    font-size: calc(24 / 1440 * 100vw);
    line-height: 1.27em;
}
.p-blackberryprotect-new .mv .mv-ttl .mv-ttl-prefix {
    margin-bottom: calc(24 / 1440 * 100vw);
}
@media screen and (max-width: 767px) {
    .mv .mv-ttl .mv-ttl-prefix {
        margin-bottom: calc(28 / 750 * 100vw);
        font-size: calc(32 / 750 * 100vw);
    }
    .p-blackberryprotect-new .mv .mv-ttl .mv-ttl-prefix {
        margin-bottom: calc(32 / 750 * 100vw);
    }
}
@media screen and (min-width: 1440px), print {
    .mv .mv-ttl .mv-ttl-prefix {
        margin: 0 0 23px;
        font-size: 24px;
    }
    .p-blackberryprotect-new .mv .mv-ttl .mv-ttl-prefix {
        margin-bottom: 24px;
    }
}

.mv .mv-ttl .mv-ttl-prefix .asterisk {
    font-size: 33%;
    vertical-align: text-top;
}
@media screen and (max-width: 767px) {
    .mv .mv-ttl .mv-ttl-prefix .asterisk {
        font-size: 50%;
        vertical-align: super;
    }
}

.mv .mv-ttl .mv-ttl-body {
    font-size: calc(60 / 1440 * 100vw);
    line-height: .76em;
}
.p-blackberryprotect-new .mv .mv-ttl .mv-ttl-body {
    line-height: .73em;
}
.p-optics-new .mv .mv-ttl .mv-ttl-body {
    line-height: 1.24em;
}
@media screen and (max-width: 767px) {
    .mv .mv-ttl .mv-ttl-body {
        font-size: calc(76 / 750 * 100vw);
        line-height: .6em;
    }
    .p-blackberryprotect-new .mv .mv-ttl .mv-ttl-body {
        line-height: .5em;
    }
    .p-optics-new .mv .mv-ttl .mv-ttl-body {
        line-height: 1.1em;
    }
    .amed  .mv .mv-ttl .mv-ttl-body {
        line-height: .63em;
    }
}
@media screen and (min-width: 1440px), print {
    .mv .mv-ttl .mv-ttl-body {
        font-size: 60px;
    }
}

.mv .mv-ttl .mv-ttl-body .small {
    font-size: calc(38.5 / 1440 * 100vw);
}
.p-blackberryprotect-new .mv .mv-ttl .mv-ttl-body .small {
    font-size: calc(37 / 1440 * 100vw);
}
.p-optics-new .mv .mv-ttl .mv-ttl-body .small {
    font-size: calc(37 / 1440 * 100vw);
}
.p-deepinstinct-new .mv .mv-ttl .mv-ttl-body .small {
    display: inline-block;
    margin: calc(18 / 1440 * 100vw) 0 0;
    padding: 0;
    vertical-align: baseline;
    font-size: calc(37 / 1440 * 100vw);
    font-weight: 700;
    line-height: unset;
    color: #222222;
}
@media screen and (max-width: 767px) {
    .mv .mv-ttl .mv-ttl-body .small {
        font-size: calc(50 / 750 * 100vw);
    }
    .p-blackberryprotect-new .mv .mv-ttl .mv-ttl-body .small {
        font-size: calc(42 / 750 * 100vw);
    }
    .p-optics-new .mv .mv-ttl .mv-ttl-body .small {
        font-size: calc(42 / 750 * 100vw);
    }
    .p-deepinstinct-new .mv .mv-ttl .mv-ttl-body .small {
        margin-top: calc(24 / 750 * 100vw);
        font-size: calc(42 / 750 * 100vw);
    }
}
@media screen and (min-width: 1440px), print {
    .mv .mv-ttl .mv-ttl-body .small {
        font-size: 38.5px;
    }
    .p-blackberryprotect-new .mv .mv-ttl .mv-ttl-body .small {
        font-size: 37px;
    }
    .p-optics-new .mv .mv-ttl .mv-ttl-body .small {
        font-size: 37px;
    }
    .p-deepinstinct-new .mv .mv-ttl .mv-ttl-body .small {
        margin-top: 18px;
        font-size: 37px;
    }
}

.amed .mv .mv-ttl .mv-ttl-body .large {
    display: inline-block;
    margin: calc(31 / 1440 * 100vw) 0 0;
}
@media screen and (max-width: 767px) {
    .amed .mv .mv-ttl .mv-ttl-body .large {
        margin-top: calc(36 / 750 * 100vw);
    }
}
@media screen and (min-width: 1440px), print {
    .amed .mv .mv-ttl .mv-ttl-body .large {
        margin-top: 31px;
    }
}

.mv .mv-ttl-notice {
    margin: 0 0 calc(4 / 1440 * 100vw);
    font-size: calc(10 / 1440 * 100vw);
}
@media screen and (max-width: 767px) {
    .mv .mv-ttl-notice {
        font-size: calc(20 / 750 * 100vw);
    }
}
@media screen and (min-width: 1440px), print {
    .mv .mv-ttl-notice {
        margin-bottom: 4px;
        font-size: 10px;
    }
}

.mv .mv-img-wrapper {
    position: relative;
    background-image: url("/cyber-protection/assets/img/top/bg_mv3.webp"), url("/cyber-protection/assets/img/common/bg_mv2.webp"), url("/assets/img/common/bg_product_mv.webp");
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: calc(72 / 1440 * 100vw) calc(49 / 1440 * 100vw), calc(134 / 1440 * 100vw) calc(15 / 1440 * 100vw), 0 0;
    -webkit-background-size: calc(563 / 1440 * 100vw), calc(456 / 1440 * 100vw), cover;
    background-size: calc(563 / 1440 * 100vw), calc(456 / 1440 * 100vw), cover;
}
.p-blackberryprotect-new .mv .mv-img-wrapper {
    background-image: url("/cyber-protection/assets/img/common/bg_mv2.webp"), url("/assets/img/common/bg_product_mv.webp");
    background-repeat: no-repeat, no-repeat;
    background-position: calc(132 / 1440 * 100vw) calc(15 / 1440 * 100vw), 0 0;
    -webkit-background-size: calc(456 / 1440 * 100vw), cover;
    background-size: calc(456 / 1440 * 100vw), cover;
}
.p-optics-new .mv .mv-img-wrapper {
    background-image: url("/cyber-protection/assets/img/common/bg_mv2.webp"), url("/assets/img/common/bg_product_mv.webp");
    background-repeat: no-repeat, no-repeat;
    background-position: calc(134 / 1440 * 100vw) calc(15 / 1440 * 100vw), 0 0;
    -webkit-background-size: calc(456 / 1440 * 100vw), cover;
    background-size: calc(456 / 1440 * 100vw), cover;
}
.p-deepinstinct-new .mv .mv-img-wrapper {
    background-image: url("/cyber-protection/assets/img/common/bg_mv2.webp"), url("/assets/img/common/bg_product_mv.webp");
    background-repeat: no-repeat, no-repeat;
    background-position: calc(132 / 1440 * 100vw) calc(15 / 1440 * 100vw), 0 0;
    -webkit-background-size: calc(456 / 1440 * 100vw), cover;
    background-size: calc(456 / 1440 * 100vw), cover;
}
@media screen and (max-width: 767px) {
    .mv .mv-img-wrapper {
        height: calc(848 / 750 * 100vw);
        background-image: url("/cyber-protection/assets/img/top/bg_mv3_sp.webp"), url("/cyber-protection/assets/img/common/bg_mv2.webp"), url("/assets/img/common/bg_product_mv_sp.webp");
        background-position: calc(-2 / 750 * 100vw) calc(86 / 750 * 100vw), center calc(6 / 750 * 100vw), 0 0;
        -webkit-background-size: calc(742 / 750 * 100vw), calc(538 / 750 * 100vw), cover;
        background-size: calc(742 / 750 * 100vw), calc(538 / 750 * 100vw), cover;
    }
    .p-blackberryprotect-new .mv .mv-img-wrapper {
        background-image: url("/cyber-protection/assets/img/common/bg_mv2.webp"), url("/assets/img/common/bg_product_mv_sp.webp");
        background-position: center calc(6 / 750 * 100vw), 0 0;
        -webkit-background-size: calc(538 / 750 * 100vw), cover;
        background-size: calc(538 / 750 * 100vw), cover;
    }
    .p-optics-new .mv .mv-img-wrapper {
        height: calc(1000 / 750 * 100vw);
        background-image: url("/cyber-protection/assets/img/common/bg_mv2.webp"), url("/assets/img/common/bg_product_mv_sp.webp");
        background-position: center calc(6 / 750 * 100vw), 0 calc(164 / 750 * 100vw);
        -webkit-background-size: calc(538 / 750 * 100vw), cover;
        background-size: calc(538 / 750 * 100vw), cover;
    }
    .amed .mv .mv-img-wrapper {
        height: calc(1000 / 750 * 100vw);
        background-position: center calc(6 / 750 * 100vw), 0 calc(162 / 750 * 100vw);
    }
    .p-deepinstinct-new .mv .mv-img-wrapper {
        background-image: url("/cyber-protection/assets/img/common/bg_mv2.webp"), url("/assets/img/common/bg_product_mv_sp.webp");
        background-position: center calc(6 / 750 * 100vw), 0 0;
        -webkit-background-size: calc(538 / 750 * 100vw), cover;
        background-size: calc(538 / 750 * 100vw), cover;
    }
}
@media screen and (min-width: 1440px), print {
    .mv .mv-img-wrapper {
        background-position: 72px 49px, 134px 15px, 0 0;
        -webkit-background-size: 563px, 456px, cover;
        background-size: 563px, 456px, cover;
    }
    .p-blackberryprotect-new .mv .mv-img-wrapper {
        background-position: 132px 15px, 0 0;
        -webkit-background-size: 456px, cover;
        background-size: 456px, cover;
    }
    .p-optics-new .mv .mv-img-wrapper {
        background-position: 134px 15px, 0 0;
        -webkit-background-size: 456px, cover;
        background-size: 456px, cover;
    }
    .p-deepinstinct-new .mv .mv-img-wrapper {
        background-position: 132px 15px, 0 0;
        -webkit-background-size: 456px, cover;
        background-size: 456px, cover;
    }
}

.mv .mv-img-wrapper .mv-img {
    top: calc(130 / 1440 * 100vw);
    left: calc(152 / 1440 * 100vw);
    width: calc(420 / 1440 * 100vw);
}
@media screen and (max-width: 767px) {
    .mv .mv-img-wrapper .mv-img {
        top: calc(70 / 750 * 100vw);
        left: 50%;
        width: calc(624 / 750 * 100vw);
        transform: translateX(-50%);
    }
    .p-blackberryprotect-new .mv .mv-img-wrapper .mv-img {
        top: calc(68 / 750 * 100vw);
        width: calc(640 / 750 * 100vw);
    }
    .p-deepinstinct-new .mv .mv-img-wrapper .mv-img {
        top: calc(58 / 750 * 100vw);
        left: calc(46 / 750 * 100vw);
        width: calc(624 / 750 * 100vw);
        transform: none;
    }
}
@media screen and (min-width: 768px), print {
    .p-blackberryprotect-new .mv .mv-img-wrapper .mv-img {
        top: calc(102 / 1440 * 100vw);
        left: calc(122 / 1440 * 100vw);
        width: calc(470 / 1440 * 100vw);
    }
    .p-optics-new .mv .mv-img-wrapper .mv-img {
        top: calc(98 / 1440 * 100vw);
        left: calc(124 / 1440 * 100vw);
        width: calc(470 / 1440 * 100vw);
    }
    .p-deepinstinct-new .mv .mv-img-wrapper .mv-img {
        top: calc(110 / 1440 * 100vw);
        left: calc(140 / 1440 * 100vw);
        width: calc(425 / 1440 * 100vw);
    }
}
@media screen and (min-width: 1440px), print {
    .mv .mv-img-wrapper .mv-img {
        top: 130px;
        left: 152px;
        width: 420px;
    }
    .p-blackberryprotect-new .mv .mv-img-wrapper .mv-img {
        top: 102px;
        left: 122px;
        width: 470px;
    }
    .p-optics-new .mv .mv-img-wrapper .mv-img {
        top: 98px;
        left: 124px;
        width: 470px;
    }
    .p-deepinstinct-new .mv .mv-img-wrapper .mv-img {
        top: 110px;
        left: 140px;
        width: 425px;
    }
}

.mv .mv-img-wrapper .mv-award {
    left: calc(504 / 1440 * 100vw);
}
@media screen and (max-width: 767px) {
    .mv .mv-img-wrapper .mv-award {
        top: calc(30 / 750 * 100vw);
        right: calc(26 / 750 * 100vw);
        left: auto;
    }
}
@media screen and (min-width: 1440px), print {
    .mv .mv-img-wrapper .mv-award {
        left: 504px;
    }
}

.mv .mv-img-wrapper .mv-award .mv-award-title .small {
    display: inline;
    padding: 0;
    vertical-align: baseline;
    font-weight: 700;
    line-height: unset;
    color: #222222;
}

.mv .mv-img-wrapper .mv-logo {
    top: calc(414 / 1440 * 100vw);
    left: calc(224 / 1440 * 100vw);
    width: calc(272 / 1440 * 100vw);
}
@media screen and (max-width: 767px) {
    .mv .mv-img-wrapper .mv-logo {
        top: calc(480 / 750 * 100vw);
        left: 50%;
        width: calc(430 / 750 * 100vw);
        transform: translateX(-50%);
    }
    .p-blackberryprotect-new .mv .mv-img-wrapper .mv-logo {
        top: calc(462 / 750 * 100vw);
        width: calc(478 / 750 * 100vw);
    }
    .p-optics-new .mv .mv-img-wrapper .mv-logo {
        top: calc(456 / 750 * 100vw);
        width: calc(478 / 750 * 100vw);
    }
    .amed .mv .mv-img-wrapper .mv-logo {
        top: calc(464 / 750 * 100vw);
        width: calc(528 / 750 * 100vw);
    }
    .p-deepinstinct-new .mv .mv-img-wrapper .mv-logo {
        top: calc(464 / 750 * 100vw);
        width: calc(222 / 750 * 100vw);
    }
}
@media screen and (min-width: 768px), print {
    .p-blackberryprotect-new .mv .mv-img-wrapper .mv-logo {
        top: calc(384 / 1440 * 100vw);
        left: calc(210 / 1440 * 100vw);
        width: calc(295 / 1440 * 100vw);
    }
    .p-optics-new .mv .mv-img-wrapper .mv-logo {
        top: calc(376 / 1440 * 100vw);
        left: calc(210 / 1440 * 100vw);
        width: calc(297px / 1440 * 100vw);
    }
    .amed .mv .mv-img-wrapper .mv-logo {
        top: calc(384 / 1440 * 100vw);
        left: calc(199 / 1440 * 100vw);
        width: calc(317 / 1440 * 100vw);
    }
    .p-deepinstinct-new .mv .mv-img-wrapper .mv-logo {
        top: calc(383 / 1440 * 100vw);
        left: calc(283 / 1440 * 100vw);
        width: calc(176 / 1440 * 100vw);
    }
}
@media screen and (min-width: 1440px), print {
    .mv .mv-img-wrapper .mv-logo {
        top: 414px;
        left: 224px;
        width: 272px;
    }
    .p-blackberryprotect-new .mv .mv-img-wrapper .mv-logo {
        top: 384px;
        left: 210px;
        width: 295px;
    }
    .p-optics-new .mv .mv-img-wrapper .mv-logo {
        top: 376px;
        left: 210px;
        width: 297px;
    }
    .amed .mv .mv-img-wrapper .mv-logo {
        top: 384px;
        left: 199px;
        width: 317px;
    }
    .p-deepinstinct-new .mv .mv-img-wrapper .mv-logo {
        top: 383px;
        left: 283px;
        width: 176px;
    }
}

@media screen and (min-width: 768px), print {
    .mv .mv-txt {
        gap: calc(23 / 1440 * 100vw);
    }
}
@media screen and (min-width: 1440px), print {
    .mv .mv-txt {
        gap: 23px;
    }
}

.mv .mv-txt p .font-montserrat {
    color: #009370;
}
.p-blackberryprotect-new .mv .mv-txt p .font-montserrat {
    color: var(--aurora-protect-color);
}
.p-deepinstinct-new .mv .mv-txt p .font-montserrat {
    color: #2547FE;
}
@media screen and (max-width: 767px) {
    .mv .mv-txt p .font-montserrat {
        padding-right: calc(14 / 750 * 100vw);
        font-size: calc(84 / 750 * 100vw);
    }
}
@media screen and (min-width: 768px), print {
    .mv .mv-txt p .font-montserrat {
        padding: 0 calc(8 / 1440 * 100vw);
    }
}
@media screen and (min-width: 1440px), print {
    .mv .mv-txt p .font-montserrat {
        padding: 0 8px;
    }
}

.mv .mv-txt p .font-montserrat .large {
    font-size: calc(56 / 1440 * 100vw);
}
@media screen and (max-width: 767px) {
    .mv .mv-txt p .font-montserrat .large {
        font-size: calc(84 / 750 * 100vw);
    }
}
@media screen and (min-width: 1440px), print {
    .mv .mv-txt p .font-montserrat .large {
        font-size: 56px;
    }
}

.mv .mv-txt .mv-notice {
    padding: 0 0 calc(1 / 1440 * 100vw);
}
.p-blackberryprotect-new .mv .mv-txt .mv-notice {
    padding: 0 0 calc(2 / 1440 * 100vw) calc(5 / 1440 * 100vw);
}
@media screen and (max-width: 767px) {
    .p-blackberryprotect-new .mv .mv-txt .mv-notice {
        padding: 0;
    }
}
@media screen and (min-width: 1440px), print {
    .mv .mv-txt .mv-notice {
        padding: 0 0 1px;
    }
    .p-blackberryprotect-new .mv .mv-txt .mv-notice {
        padding: 0 0 2px 5px;
    }
}

.mv .btn-mv {
    background-color: #009370;
}
.p-blackberryprotect-new .mv .btn-mv,
.p-optics-new .mv .btn-mv {
    background-color: var(--aurora-protect-color);
}
.p-deepinstinct-new .mv .btn-mv {
    background-color: #2547FE;
}
@media screen and (max-width: 767px) {
    .mv .btn-mv {
        bottom: calc(-780 / 750 * 100vw);
    }
    .p-blackberryprotect-new .mv .btn-mv {
        bottom: calc(-770 / 750 * 100vw);
    }
    .p-optics-new .mv .btn-mv {
        bottom: calc(-816 / 750 * 100vw);
    }
    .p-deepinstinct-new .mv .btn-mv {
        bottom: calc(-770 / 750 * 100vw);
    }
}

.mv .btn-mv a {
    background-image: url("../img/top/ico_mv_btn_arrow.webp");
}
.p-blackberryprotect-new .mv .btn-mv a,
.p-optics-new .mv .btn-mv a {
    background-image: url("../img/blackberryprotect/ico_mv_btn_arrow.webp");
}

.mv .btn-mv a > span {
    line-height: 1;
}