/* ``````````````` common style ```````````````````` */
*,
::before,
::after {box-sizing: border-box;border-style: solid;border-width: 0;}
html {line-height: 1.15; /* 1 */-webkit-text-size-adjust: 100%; /* 2 */-webkit-tap-highlight-color: transparent; /* 3*/}
body {margin: 0;}
main {display: block;}
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {margin: 0;}

h1,
h2,
h3,
h4,
h5,
h6 {font-size: inherit;font-weight: inherit;margin: 0;}

ul,
ol {margin: 0;padding: 0;list-style: none;}

dt {font-weight: bold;}
dd {margin-left: 0;}

hr {box-sizing: content-box; /* 1 */height: 0; /* 1 */overflow: visible; /* 2 */border-top-width: 1px;margin: 0;clear: both;color: inherit;}
address {font-style: inherit;}

a {background-color: transparent;text-decoration: none;color: inherit;}

b,
strong {font-weight: bolder;}

svg,
embed,
object,
iframe {vertical-align: baseline;}

img{vertical-align:middle;}

button,
input,
optgroup,
select,
textarea {-webkit-appearance: none; /* 1 */appearance: none;vertical-align: middle;color: inherit;font: inherit;background: transparent;padding: 0;margin: 0;border-radius: 0;text-align: inherit;text-transform: inherit; /* 2 */outline: none;}
  
button,
[type="button"],
[type="reset"],
[type="submit"] {cursor: pointer;}

button:disabled,
[type="button"]:disabled,
[type="reset"]:disabled,
[type="submit"]:disabled {cursor: default;}
:-moz-focusring {outline: auto;}

select:disabled {opacity: inherit;}
option {padding: 0;}
textarea {overflow: auto;}
label[for] {cursor: pointer;}

table {border-color: inherit; /* 1 */}
td,
th {vertical-align: top;padding: 0;}

th {text-align: left;font-weight: bold;}
/* ``````````````` common style ```````````````````` */

html {
    scrollbar-width: thin;
    scroll-behavior: smooth;
}

body {
    font-size: 17px;
    line-height: 1.4;
    color: #000000;
    -webkit-font-smoothing: antialiased;
    overflow-x:hidden;
}
.container{
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}
@media (min-width: 1280px) {
    .container {
        max-width: 1400px;
    }
}

*[data-dev="auto"] .dev-mobile,
*[data-dev="desktop"] .dev-mobile,
*[data-dev="mobile"] .dev-desktop,
*[data-sys="auto"] .sys-mac,
*[data-sys="win"] .sys-mac,
*[data-sys="mac"] .sys-win{
    display: none;
    margin: 0;
}

.system-show.system-show{display:block !important;}

/* ``````````````` main01 ```````````````````` */
.main01{background:url(../images/special-offer-19th/bg1.jpg) no-repeat center / cover, #F8A9BF; position:relative;}
.main01::after{content:''; display:block; padding-top:30.7%;}
.m01-subnav{display:flex; min-width:920px; background-color:#FFE9A1; position:absolute; left:0; right:0; bottom:0; width:fit-content; width:-moz-fit-content; width:-webkit-fit-content; margin:0 auto -30px; border:4px solid #fff; border-radius:20px; overflow:hidden;}
.m01-subnav-a{flex:auto; font-size:25px; font-weight:500; display:flex; align-items:center; text-align:center; padding:17px; line-height:1; justify-content:center; position:relative;}
.m01-subnav-a + .m01-subnav-a::before{content:''; position:absolute; left:-1.5px; width:3px; top:0; bottom:0; background-color:#FFBD42; margin:12px 0;}
.m01-subnav-a:hover{background-color:#FFCF50; color:#fff;}
/* ``````````````` main01 ```````````````````` */

/* ``````````````` main02 ```````````````````` */
.main02{padding:120px 0 150px; background:url(../images/special-offer-19th/bg2.jpg) no-repeat center / 100% 100%, #FEF7DB;}
.m02-title{font-size:31px; color:#fff; font-weight:700; width:fit-content; width:-moz-fit-content; width:-webkit-fit-content; margin:0 auto -35px; padding:0 115px; background-color:#fc6339; position:relative; text-align:center;line-height: 69px;border-radius: 35px;}
.discount-container{ border:8px solid #FFB32F; border-radius:30px;padding: 35px 0;background: #fff;}
.discount-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    padding:35px 0;
}
.discount-item02-pic, .discount-item02{margin:0 2%;}
.discount-button-buy a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 29px;
    font-weight: 700;
    color: #000000;
    border-radius: 10px;
    width: 322px;
    height: 78px;
}
.discount-button-buy .sys-win a{background-color:#ff882d;}
.discount-button-buy .sys-mac a{background-color:#FFBA30;}
.discount-item-price{display:flex;font-weight:700;align-items:center;/* margin-bottom:12px; */justify-content: center;font-size: 23px;}
.discount-item-price b{font-size: 35px;color:#ff3938;}
.discount-flex .discount-item02-suhead{margin-bottom:8px;font-size: 22px;text-align: center;}
.discount-flex .discount-item02-suhead span{font-size: 18px;color: #fff;background: linear-gradient(to right,#ff8c03,#ff0d60);line-height: 27px;border-radius: 13px;padding: 0 30px;display: inline-block;}
.discount-item02-suhead {
    margin-bottom: 15px;
    font-size: 25px;
    font-weight: 700;
}
.discount-limit{font-size: 25px;font-weight: bold;text-align: center;padding: 10px 0 0;}
.discount-item02 .discount-box{display: flex;justify-content: center;}
.discount-item02 .discount-box >div{background: #fff5e2;border: 3px solid #ffbcbc;border-radius: 10px;gap: 15px;display: flex;padding: 10px;}
.discount-item02 .discount-box a{text-align: center;display: inline-block;font-size: 13px;}
.discount-item02 .discount-box a img{display: block;margin: 0 auto 8px;}
.discount-item02 .discount-box .icon{font-size: 30px;font-weight: bold;color: #fff;background: #421f84;border-radius: 18px;width: 36px;height: 36px;border: none;align-self: center;box-sizing: border-box;padding: 2px 0 0 7px;line-height: 1;margin: 0 -10px 0 -10px;z-index: 1;}
.main01-discount-button{display: flex;justify-content: center;margin: -10px 0 0;}
.main01-ul{display: flex;flex-wrap: wrap;justify-content: center;width: 500px;padding: 10px;}
.main01-ul li{width: 50%;padding: 2px 0;}
.main01-ul li::before{content: "";display: inline-block;width: 5px;height: 5px;border-radius: 3px;background: #ff993f;vertical-align: middle;margin-right: 5px;}
.discount-item02 .discount-button-buy a {
    font-size: 27px;
    width: 260px;
    height: 63px;
}
.discount-flex .switch-system {
    margin-bottom: 20px;
}
.switch-flex {
    display: flex;
    padding-left: 35px;
    align-items: center;
    gap: 10px;
}
.switch-wrapper {
    height: 27px;
    position: relative;
    width: 61px;
}
.switch-wrapper input {
    position:absolute;
    clip:rect(0 0 0 0);
}
.switch-slider {
    background-color: #fff;
    border: 1px solid #ababab;
    border-radius: 34px;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .4s;
}
input:checked+.switch-slider:before {
    left: calc(100% - 23px);
}
.switch-slider:before {
    background-color: #1d9bf0;
    border-radius: 50%;
    bottom: 2px;
    content: "";
    height: 21px;
    left: 2px;
    position: absolute;
    transition: .4s;
    width: 21px;
}
.system-item {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #000000;
    font-size: 15px;
}
.system-item img {
    filter: brightness(0);
}
.system-item.activated {
    color: #1d9bf0;
}
.system-item.activated img {
    filter: none;
}

@media (max-width: 1200px) {
    .discount-flex {
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
        flex-direction: column;
        align-items: center;
    }
    .discount-button {
        flex-wrap: wrap;
    }
    .discount-item02 {
        order: 1;
    }
    .discount-item02-pic {
        order: 2;
    }
    .discount-item02-pic img {
        max-width: 100%;
    }
    .discount-flex {
        margin-bottom: 30px;
    }
}
@media (max-width: 576px) {
    .discount-button-buy a {
        width: 100%;
        max-width: 322px;
    }
    .discount-item02-suhead {
        flex-wrap: wrap;
        font-size: 19px;
    }
    .main01-ul{width: auto;}
}
/* ``````````````` main02 ```````````````````` */

/* ``````````````` main03 ```````````````````` */
.main03{background:url(../images/special-offer-19th/bg3.jpg) no-repeat center / 100% 100%, #FFEDEB; padding-bottom:60px;}
.m03-title{font-size:31px; color:#fff; font-weight:700; background-color:#FC6339; border-radius:100vw; border:2px solid; text-align:center; min-width:575px; width:fit-content; width:-moz-fit-content; width:-webkit-fit-content; margin:0 auto 12px; padding:10px 2%; transform:translateY(-50%);}
.m03-wrap{background-color:#fff; border:4px solid #E63339; border-radius:20px; padding:55px 10px 35px;}
.m03-subtitle{font-size:27px; font-weight:700; width:fit-content; width:-moz-fit-content; width:-webkit-fit-content; margin:0 auto; position:relative; margin-bottom:30px; text-align:center;}
.m03-subtitle::after{content:attr(sup-con); position:absolute; left:0; color:#fe7001; font-size:15px; bottom:105%; border:2px solid; border-radius:100vw; padding:0 10px;}
.m03-con{display:flex; justify-content:center;gap: 30px;}
.m03-con-box{width: 550px;}
.m03-con-pic, .m03-con-info{margin:0 1%;}
.m03-con-info{width:580px;display: flex;flex-direction: column;justify-content:space-around;}
.m03-con-step-x + .m03-con-step-x{margin-top:12px;}
.step-title{display: flex;align-items: center;gap: 8px;}
.m03-ci-step{font-size:16px; color:#fff; background-color:#FE7001; border-radius:100vw; padding:2px 13px;}
.m03-ci-title{font-weight:700; font-size:19px; margin:10px 0;}
.m03-ci-subtitle-x{background:linear-gradient(to right, #eaefff, transparent) no-repeat; border-radius:5px; display:flex; align-items:center; padding:5px 0;}
.m03-ci-subtitle{font-size:23px;}
.m03-ci-subtitle::before{content:''; display:inline-block; width:31px; height:31px; background:url(../images/special-offer-19th/aiv-logo1.png) no-repeat 0 / cover; vertical-align:middle; margin:0 10px;}
.m03-ci-count-x{background-color:#9F89FF; border-radius:100vw; color:#fff; font-size:16px; padding:2px 20px; margin-left:10px;}
.m03-ci-count{color:#d63232;}
.m03-ci-desc{font-size:15px; font-weight:500; margin:10px 0;}
.m03-ci-down-x{}
.m03-ci-down{font-size:19px; color:#fff; background-color:#7672ff; display:inline-block; border-radius:5px; padding:10px 20px;}
.m03-ci-down::before{content:''; display:inline-block; width:36px; height:32px; background:url(../images/special-offer-19th/aiv-logo2.jpg) no-repeat 0 / cover; vertical-align:middle; margin-right:5px;}
.m03-ci-x{}
.m03-ci-x-btn{background-color: #000; color: #fff; border-radius: 5px; font-size: 19px; font-weight: 500; display:inline-block; padding:10px 30px;}
.m03-ci-x-btn::before{content:''; display:inline-block; width:108px; height:31px; background:url(../images/anniversary2024/icon-x.png) no-repeat 0 / cover; vertical-align:middle; margin-right:5px;}
.m03-ci-code{font-size:23px; border:1px dashed rgba(0 0 0 / .3); border-radius:5px; padding:10px 15px; display:none;}
.m03-ci-code::after{content:url(../images/special-offer/copy-icon.png); padding-left:10px;}
.m03-ci-code.successful{background-color:#ff8b8b;}
/* ``````````````` main03 ```````````````````` */

/* ``````````````` main04 ```````````````````` */
.main04{background:url(../images/special-offer-19th/bg4.jpg) no-repeat center / 100% 100%, #FFDEDD; padding:15px 0 50px;}
.m04-title{ margin-bottom:38px;text-align: center; }
.m04-title span{background: #FC6339;font-size:31px; font-weight:700;line-height:69px;color: #fff;display: inline-block;border-radius: 35px;padding: 0 68px;border: 2px solid #fff;}
.m04-subtitle{font-size:19px; margin-bottom:30px; color:#503f1e; background-color:#FFC85F; border-radius:100vw; padding:10px 15px; font-weight:500; min-width:630px; display:inline-block;}
.m04-wrap{background-color:#fff; display:flex; justify-content:center; align-items:center; border-radius:20px; padding:40px 25px; position:relative; overflow:hidden;}
.m04-wrap + .m04-wrap{margin-top:45px;}
.m04-pic-x, .m04-info-x{margin:0 3%;}
.m04-pic-x{width:560px;}
.m04-switch-x{overflow:hidden; position:relative; border-radius:20px;}
.m04-switch-pics{display:flex; align-items:center;}
.m04-switch-pics > a{width:100%; flex:none;}
.m04-switch-pics img{width:100%; height:auto; flex:none;}
.m04-switch-btns{position:absolute; bottom:10px; right:15px; font-size:0;}
.m04-switch-btn{width:28px; height:6px; background-color:#fff; border-radius:100vw; margin:0 3px;}
.m04-switch-btn:disabled{background-color:#4777FF;}
.m04-switch-btn:not(:disabled){cursor:pointer;}
.m04-software-feature-list{display:flex;justify-content:space-around; margin-top:10px;}
.m04-software-feature-list a{color:#070707; margin:0 3px; font-size:15px;}
.m04-software-feature-list a:hover{color:#fb9c29;}
.m04-software-feature-icon{min-height:45px;display:flex;justify-content:center;align-items:center;}
.m04-info-x{width:460px;}
.m04-info-off{font-size:25px; font-weight:700; background:linear-gradient(45deg, transparent 11.5%, #FF862C 0) no-repeat; color:#fff; padding:8px 15px 8px 23px; position:absolute; right:0; top:0;}
.m04-info-title-x{display:flex; align-items:center;text-align: left;}
.m04-info-logo{margin-right:15px;}
.m04-info-subtitle{font-size:15px; color:#fff;background: #3b80ff; display:inline-block;line-height: 32px;border-radius: 16px;padding: 0 16px;}
.m04-info-title{font-size:27px; font-weight:700;}
.m04-info-desc{font-size:15px; text-align:left; font-weight:500; margin:20px 0;}
.software-purchase{margin-top:25px;}
.software-purchase a{display:inline-flex;justify-content:center; align-items:center;color:#fff;padding:10px;border-radius:10px; min-width:260px; font-size:25px; font-weight:500;}
.software-purchase .sys-win a{background-color:#ff882d;}
.software-purchase .sys-mac a{background-color:#FFBA30;}
.software-purchase-price{line-height:1; font-size:0; padding-left:12px;}
.software-purchase-price span{font-size:19px; display:block; padding-bottom:3px;}
.software-purchase-price del{font-size:15px; color:#333;}
.main05 .m04-info-subtitle{font-size: 15px;}
.subtitle-c1{background: #63b0ff;}
.subtitle-c2{background: #5376db;}
.subtitle-c3{background: #7f4dff;}
.subtitle-c4{background: #253b99;}
.subtitle-c5{background: #ff501a;}
.subtitle-c6{background: #00abf2;}
.subtitle-c7{background: #f24d60;}
/* ``````````````` main04 ```````````````````` */

/* ``````````````` main05 ```````````````````` */
.main05{background:url(../images/special-offer-19th/bg5.jpg) no-repeat center / 100% 100%, #FFFDF1; padding:60px 0 80px;}
.main05 .m04-wrap{border:4px solid #FF8B32;}
.m05-info-subtitle{font-size:25px; margin:20px 0 30px;}
.m05-info-list{list-style:disc; padding-left:1em; margin:15px 0 25px; font-weight:500; text-align:left;}
.m05-info-list li{margin:10px 0;}
.subtitle-c1{background: #63b0ff;}
/* ``````````````` main05 ```````````````````` */

/* ``````````````` part-safeguard ```````````````````` */
.part-safeguard {
    text-align: center;
    padding:60px 0;
}
.title-h2 {
	text-align: center;
	font-size: 29px;
	font-weight: 700;
	line-height: 1.4;
	color: #000000;
	margin-bottom: 50px;
}
.list-safeguard {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 50px;
}
.item-safeguard {
    flex: 1 1;
}
.item-safeguard .iconbox {
    height: 61px;
    margin-bottom: 10px;
}
.safeguard-title {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 5px;
}
.safeguard-desc {
    font-size: 15px;
    line-height: 1.5;
}

@media (max-width: 576px) {
    .list-safeguard {
        gap: 30px;
    }
    .item-safeguard {
        flex: none;
        width: 45%;
    }
    .safeguard-desc {
        font-size: .8125rem;
    }
}

/* ``````````````` part-safeguard ```````````````````` */

/* ``````````````` part-notes ```````````````````` */
.part-notes {
    padding-bottom:50px;
}
.part-notes h3 {
    font-size: 21px;
    font-weight: 700;
    padding-right: 24px;
    position: relative;
    cursor: pointer;
}
.part-notes h3::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 21px;
    height: 21px;
    color: #000000;
    background: linear-gradient(to bottom,currentColor,currentColor) no-repeat center /21px 3px,
    linear-gradient(to bottom,currentColor,currentColor) no-repeat center/3px 21px;
    transition: all 0.3s ease;
}
.part-notes p {
    font-size: 15px;
    color: #737373;
    margin-top: 10px;
    display: none;
}
.part-notes img {
    max-width: 100%;
}
.ques-one {
    border:2px solid #e1e1e1;
    padding: 30px;
    margin-bottom: 25px;
}
.ques-one.focus p{
    display: block;
}
.ques-one.focus h3::after{
    transform: rotate(-45deg);
}


@media (max-width: 576px) {
    .part-notes h3 {
        font-size: .9375rem;
    }
    .part-notes p {
        font-size: .8125rem;
    }
    .ques-one {
        padding: 15px;
        margin-bottom: 10px;
    }
    .part-notes h3::after {
        width: 16px;
        height: 16px;
        background: linear-gradient(to bottom,currentColor,currentColor) no-repeat center /16px 2px,
        linear-gradient(to bottom,currentColor,currentColor) no-repeat center/2px 16px;
    }
}
/* ``````````````` part-notes ```````````````````` */

@media (max-width: 1200px) {

    img{max-width:100%; height:auto;}
    
    .m04-wrap{padding:55px 5px;}
    .main05 .m04-wrap{padding-block:55px;}

}
@media (max-width: 979px) {
    
    .m01-subnav{min-width:auto;}

}
@media (max-width: 768px) {
    
    .m01-subnav{top:100%; bottom:auto;}
    
    .main02{padding-top:25%;}
    
    .main03{background-size:190% 100%;}    
    .m03-con{flex-flow:wrap;}
    .m03-title{min-width:auto;}
    
    .main04{background-size:190% 100%;}
    .m04-subtitle{min-width:auto;}
    .m04-wrap{flex-flow:wrap;}
    
    .main05{background-size:190% 100%;}

}
@media (max-width: 479px) {
    
    .main01{background-size:auto 130%;}
    
    .m01-subnav-a{padding:8px; font-size:17px;}
    
    .m02-title{margin-bottom:0;}

}

footer {
    background-color: #232323;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2);
}