.akc-switch{text-align:var(--text-alignment);color:var(--text-color);padding:clamp(40px,4.17vw,80px) 0;background:var(--bg-image);background-size:100% auto;background-position:center;background-repeat:no-repeat;background-color:var(--bg-color)}.akc-switch-wrapper{display:flex;align-items:stretch;gap:10px}.akc-switch .image-box{flex:0 1 39%;max-width:39%;height:auto}.akc-switch img{display:block;width:100%;height:100%;object-fit:cover}.akc-switch .content-box{flex:0 1 61%;max-width:61%;background-color:var(--inner-bg-color);position:relative;padding:clamp(20px,1.57vw,30px) 0 clamp(20px,1.57vw,30px) clamp(15px,2.61vw,50px);display:flex;align-items:center}.akc-switch .content-box .inner-text-box{width:clamp(240px,14.07vw,270px)}.akc-switch .content-box .inner-image-box{width:clamp(400px,32.56vw,625px);position:absolute;top:50%;transform:translateY(-50%);right:clamp(-70px,-3.65vw,-50px)}.akc-switch .title-box{font-size:clamp(32px,2.5vw,48px);font-weight:700;line-height:1}.akc-switch .title-box span{color:var(--highlight-text-color)}.akc-switch .desc-box{font-size:clamp(14px,.84vw,16px);font-weight:400;line-height:1.2;max-width:100%;margin:clamp(10px,1.05vw,20px) auto 0}.akc-switch .color-switch-box{margin-top:16px}.akc-switch .color-tips{color:var(--highlight-text-color);font-size:12px;font-style:italic;font-weight:600;line-height:1.2;margin-bottom:5px}.akc-switch .color-switch-list{display:inline-flex;align-items:center;gap:8px}.akc-switch .color-btn{display:inline-flex;width:clamp(30px,2.19vw,42px);height:clamp(30px,2.19vw,42px);padding:0;background:var(--swatch--background);background-position:center;background-size:cover;background-repeat:no-repeat;border:2px solid var(--color-black);box-sizing:border-box}.akc-switch .color-btn:hover{border-color:var(--highlight-text-color)}.akc-switch .link-box{font-size:clamp(16px,1.05vw,20px);line-height:1.2;font-weight:700;display:inline-flex;align-items:center;gap:10px;margin-top:15px}.akc-switch .link-box svg{display:inline-flex;align-items:center;width:8px;height:auto}.akc-switch .tips-box{width:clamp(calc(100% - 110px),calc(100% - 5.73vw),calc(100% - 70px));font-size:clamp(14px,1.05vw,20px);font-weight:700;line-height:1.2;margin-top:clamp(15px,1.31vw,25px);text-align:right}.akc-switch .tips-box a{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}@media only screen and (min-width: 1201px){.akc-switch .page-width{width:calc(10rem + 78%);max-width:calc(10rem + 78%);margin:0 auto}}@media only screen and (max-width: 1500px){.akc-switch .content-box{padding-left:clamp(20px,1.57vw,30px)}}@media only screen and (max-width: 1101px) and (max-width: 1200px){.akc-switch .content-box .inner-image-box{right:-5rem;width:450px}}@media only screen and (min-width: 1001px) and (max-width: 1100px){.akc-switch .content-box .inner-text-box{width:210px}.akc-switch .content-box .inner-image-box{width:375px}.akc-switch .desc-box{font-size:12px}}@media only screen and (max-width: 1000px){.akc-switch-wrapper{flex-wrap:wrap}.akc-switch .image-box,.akc-switch .content-box{flex:0 1 100%;max-width:100%}.akc-switch .content-box .inner-image-box{position:unset;transform:unset;flex:1}}@media only screen and (min-width: 750px){.akc-switch .inner-image-box .image-item:not(.active){display:none}}@media only screen and (max-width: 749px){.akc-switch{background:var(--bg-image-mb);background-size:100% auto;background-position:center;background-repeat:no-repeat;background-color:var(--bg-color);padding-top:0}.akc-switch .page-width{padding:0}.akc-switch-wrapper{row-gap:18.67vw}.akc-switch .content-box{width:calc(100% - 3rem);max-width:calc(100% - 3rem);margin:0 auto;padding:0 clamp(25px,8vw,30px) 2rem;flex-wrap:wrap;gap:15px}.akc-switch .content-box .inner-text-box{flex:0 1 100%;max-width:100%;order:2}.akc-switch .content-box .inner-image-box{flex:0 1 100%;max-width:100%;margin-top:-16vw}.akc-switch .title-box{text-align:center}.akc-switch .desc-box{margin-top:15px}.akc-switch .color-switch-box{display:none}.akc-switch .inner-image-box .image-item:not(.first-item),.akc-switch .tips-box{display:none}}
/*# sourceMappingURL=/cdn/shop/t/366/assets/akc-switch.css.map */