@charset "UTF-8";.lp{width:100%}.lp img{max-width:100%;height:auto;vertical-align:bottom}.bg{position:fixed;top:0;left:0;width:100%;height:calc(100vh + 80px);z-index:-1}.bg img{width:100%;height:100%;object-fit:cover}.container{display:flex;max-width:1280px;margin:0 auto}.lp-en{font-family:Josefin Sans,sans-serif;font-weight:500}.clearfix:after{content:none!important}.visual{position:sticky;top:0;width:538px;height:100vh;display:flex;justify-content:center;flex-shrink:0}@media(max-width:767px){.visual{display:none}}@media(max-width:1170px){.visual{flex:1;width:auto}}.visualInner{display:flex;flex-direction:column;align-items:center;padding-top:90px}.visualTitle{width:266px}.visualImage{width:360px;margin-top:74px}.visualTxt{width:360px;margin-top:42px}.aside{position:sticky;top:0;display:flex;justify-content:center;align-items:flex-end;height:calc(100vh - 80px);flex:1}@media(max-width:1170px){.aside{display:none}}.nav{width:168px;padding-bottom:100px}.navList{display:flex;flex-direction:column;gap:12px}.navListItem:nth-child(1){color:#db534d}.navListItem:nth-child(1) a{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#db534d,#f2d7d6,#db534d) border-box}.navListItem:nth-child(2){color:#fb6976}.navListItem:nth-child(2) a{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#fb6976,#f0d3e5,#fb6976) border-box}.navListItem:nth-child(3){color:#4b6cb3}.navListItem:nth-child(3) a{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#4b6cb3,#d3e2f4,#4b6cb3) border-box}.navListItem a{position:relative;display:block;color:inherit;width:100%;font-size:15px;font-weight:700;padding:12px 12px 12px 0;text-align:center;box-sizing:border-box;border:1px solid transparent;border-radius:28px}.navListItem a svg{position:absolute;top:50%;right:16px;width:10px;transform:translateY(-50%)}.navBack{display:block;padding:12px 0;text-align:center;box-sizing:border-box;border:1px solid #3c3c3c;color:#3c3c3c;line-height:normal;border-radius:calc(infinity * 1px);width:100%;background-color:#fff;font-size:15px;font-weight:700;margin-top:136px}.contents{--fluid-px: calc(100vw / 375);color:#222;font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Hiragino Sans,sans-serif;font-weight:500;font-size:calc(14 * var(--fluid-px, 1px));line-height:1;color:#333;background-color:#f8f8f8;background-image:url(/voi/content/dam/01/renew/20th/images/bg_gradation_sp.jpg);background-repeat:no-repeat;background-size:100%;width:100%}@media(min-width:768px){.contents{--fluid-px: 1px;width:405px}}@media(min-width:768px){.contents{flex-shrink:0;box-shadow:0 0 10px #0000001a}}.keyvisual{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(30 * var(--fluid-px, 1px)) 0 calc(68 * var(--fluid-px, 1px))}.keyvisualLead{width:calc(266 * var(--fluid-px, 1px))}.keyvisualImage{width:calc(212 * var(--fluid-px, 1px));margin-top:calc(49 * var(--fluid-px, 1px))}.keyvisualImage img{width:100%}.keyvisualTxt{width:calc(316 * var(--fluid-px, 1px));margin-top:calc(49 * var(--fluid-px, 1px))}.intro{padding:calc(40 * var(--fluid-px, 1px)) calc(16 * var(--fluid-px, 1px)) calc(66 * var(--fluid-px, 1px))}.introTitle{width:calc(200 * var(--fluid-px, 1px));margin:0 auto}.introTitle img{width:100%}.introLead{text-align:center;margin-top:calc(24 * var(--fluid-px, 1px));letter-spacing:calc(.56 * var(--fluid-px, 1px));line-height:1.8}.introNav{margin-top:calc(40 * var(--fluid-px, 1px))}.introNavList{display:grid;grid-template-columns:repeat(2,1fr);gap:calc(8 * var(--fluid-px, 1px))}.introNavItem:nth-child(1){color:#db534d}.introNavItem:nth-child(1) a{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#db534d,#f2d7d6,#db534d) border-box}.introNavItem:nth-child(2){color:#fb6976}.introNavItem:nth-child(2) a{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#fb6976,#f0d3e5,#fb6976) border-box}.introNavItem:nth-child(3){color:#4b6cb3}.introNavItem:nth-child(3) a{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#4b6cb3,#d3e2f4,#4b6cb3) border-box}.introNavItem a{position:relative;display:block;color:inherit;width:100%;font-size:15px;font-weight:700;padding:12px 12px 12px 0;text-align:center;box-sizing:border-box;border:1px solid transparent;border-radius:28px}.introNavItem a svg{position:absolute;top:50%;right:16px;width:10px;transform:translateY(-50%)}.campaign{padding-bottom:calc(60 * var(--fluid-px, 1px))}.campaignTab{position:relative;width:calc(197 * var(--fluid-px, 1px));margin:0 auto;box-sizing:border-box;padding:calc(13 * var(--fluid-px, 1px)) calc(30 * var(--fluid-px, 1px)) calc(10 * var(--fluid-px, 1px));border-bottom:1px solid #db534d;border-top-left-radius:calc(40 * var(--fluid-px, 1px));border-top-right-radius:calc(40 * var(--fluid-px, 1px));text-align:center}.campaignTabText{font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Hiragino Sans,sans-serif;font-weight:500;font-size:calc(21 * var(--fluid-px, 1px));line-height:normal;color:#db534d;white-space:nowrap}.campaignDeco{position:absolute;display:block;width:calc(16 * var(--fluid-px, 1px));height:calc(16 * var(--fluid-px, 1px))}.campaignDeco--square{top:calc(8 * var(--fluid-px, 1px));left:calc(165 * var(--fluid-px, 1px));background-color:#feaa95}.campaignDeco--ringL{top:calc(45 * var(--fluid-px, 1px));left:calc(-16 * var(--fluid-px, 1px))}.campaignDeco--ringR{top:calc(45 * var(--fluid-px, 1px));left:calc(197 * var(--fluid-px, 1px))}.campaignDeco--triangle{top:calc(24 * var(--fluid-px, 1px));left:calc(149 * var(--fluid-px, 1px));transform:rotate(-90deg)}.campaignDeco--ellipse{top:calc(10 * var(--fluid-px, 1px));left:calc(19.5 * var(--fluid-px, 1px));transform:rotate(180deg)}.campaignDate{padding:calc(14 * var(--fluid-px, 1px)) 0;font-family:Josefin Sans,Noto Sans JP,-apple-system,BlinkMacSystemFont,Hiragino Sans,sans-serif;font-weight:500;font-size:calc(18 * var(--fluid-px, 1px));line-height:normal;letter-spacing:calc(.72 * var(--fluid-px, 1px));color:#3c3c3c;text-align:center;white-space:nowrap}.campaignBody{margin-top:calc(20 * var(--fluid-px, 1px));padding:calc(0 * var(--fluid-px, 1px)) calc(20 * var(--fluid-px, 1px))}.campaignBanner{margin-bottom:calc(12 * var(--fluid-px, 1px))}.campaignBanner img{width:100%}.listBoxSection{padding:calc(20 * var(--fluid-px, 1px)) calc(20 * var(--fluid-px, 1px)) calc(60 * var(--fluid-px, 1px))}.listBoxList{display:flex;flex-direction:column;gap:calc(12 * var(--fluid-px, 1px));list-style:none;margin:0;padding:0}.listBox{position:relative;display:flex;flex-direction:column;align-items:center;gap:calc(12 * var(--fluid-px, 1px));padding:calc(16 * var(--fluid-px, 1px)) calc(20 * var(--fluid-px, 1px));background-color:#fff;isolation:isolate}.listBox[data-style=shadow]{box-shadow:0 0 calc(4 * var(--fluid-px, 1px)) #0000000d}.listBox[data-style=border]{border:1px solid #e0e0e0}.listBox[data-state=ended] .listBoxOverlay{display:flex}.listBox[data-flag=false] .listBoxFlag{display:none}.listBoxFlag{position:absolute;top:0;left:calc(12 * var(--fluid-px, 1px));width:calc(24 * var(--fluid-px, 1px));display:flex;flex-direction:column;align-items:center;z-index:1}.listBoxFlag:before{content:"";display:block;width:calc(24 * var(--fluid-px, 1px));height:calc(24 * var(--fluid-px, 1px));background-color:#9075b3}.listBoxFlag:after{content:"";display:block;width:calc(24 * var(--fluid-px, 1px));height:calc(5.38 * var(--fluid-px, 1px));background:url(/voi/content/dam/01/renew/20th/images/deco_flag_tail.svg) no-repeat center/100% 100%}.listBoxFlagNo{position:absolute;top:calc(3 * var(--fluid-px, 1px));left:50%;transform:translate(-50%);font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Hiragino Sans,sans-serif;font-weight:500;font-size:calc(14 * var(--fluid-px, 1px));line-height:calc(16 * var(--fluid-px, 1px));letter-spacing:calc(.56 * var(--fluid-px, 1px));color:#fff;text-align:center;white-space:nowrap;z-index:2}.listBoxTitle{font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Hiragino Sans,sans-serif;font-weight:700;font-size:calc(16 * var(--fluid-px, 1px));line-height:1.6;color:#333;text-align:center;width:calc(260 * var(--fluid-px, 1px));word-break:break-word}.listBoxAccent{color:#db534d}.listBoxDate{font-family:Josefin Sans,sans-serif;font-weight:500;font-size:calc(16 * var(--fluid-px, 1px));line-height:normal;letter-spacing:calc(.64 * var(--fluid-px, 1px));color:#614d9d;text-align:center;white-space:nowrap}.listBoxDeco{position:absolute;bottom:calc(4 * var(--fluid-px, 1px));right:calc(4 * var(--fluid-px, 1px));width:calc(12 * var(--fluid-px, 1px));height:calc(12 * var(--fluid-px, 1px))}.listBoxOverlay{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#342d3cb3;align-items:center;justify-content:center;z-index:3}.listBoxOverlayText{font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Hiragino Sans,sans-serif;font-weight:700;font-size:calc(18 * var(--fluid-px, 1px));line-height:1.6;color:#fff;text-align:center;white-space:nowrap}.campaign[data-section="2"] .campaignDeco--square{top:calc(5 * var(--fluid-px, 1px));left:calc(16 * var(--fluid-px, 1px));background-color:#fa93a5;border-radius:calc(8 * var(--fluid-px, 1px))}.campaign[data-section="2"] .campaignDeco--ringL,.campaign[data-section="2"] .campaignDeco--ringR{top:calc(45 * var(--fluid-px, 1px))}.campaign[data-section="2"] .campaignDeco--triangle{top:calc(21 * var(--fluid-px, 1px));left:calc(32 * var(--fluid-px, 1px));transform:rotate(180deg)}.campaign[data-section="2"] .campaignDeco--ellipse{top:calc(13 * var(--fluid-px, 1px));left:calc(158 * var(--fluid-px, 1px));transform:rotate(-90deg)}.campaign[data-section="3"] .campaignDeco--square{top:calc(8 * var(--fluid-px, 1px));left:calc(30 * var(--fluid-px, 1px));background-color:transparent}.campaign[data-section="3"] .campaignDeco--ringL,.campaign[data-section="3"] .campaignDeco--ringR{top:calc(45 * var(--fluid-px, 1px))}.campaign[data-section="3"] .campaignDeco--triangle{top:calc(8 * var(--fluid-px, 1px));left:calc(169 * var(--fluid-px, 1px));transform:rotate(90deg)}.campaign[data-section="3"] .campaignDeco--ellipse{top:calc(24 * var(--fluid-px, 1px));left:calc(153 * var(--fluid-px, 1px));transform:rotate(90deg)}.campaign[data-section=annual] .campaignTab{border-bottom:none}.campaign[data-section=annual] .campaignTabText{color:#3c3c3c}.campaign[data-section=annual] .campaignDeco--circle{top:calc(8 * var(--fluid-px, 1px));left:calc(8 * var(--fluid-px, 1px));background-color:#9075b3;border-radius:calc(8 * var(--fluid-px, 1px))}.campaign[data-section=annual] .campaignDeco--ellipse{top:calc(24 * var(--fluid-px, 1px));left:calc(24 * var(--fluid-px, 1px));transform:rotate(90deg)}.campaign[data-section=annual] .campaignDeco--signal{top:calc(10 * var(--fluid-px, 1px));left:calc(157 * var(--fluid-px, 1px))}.listBox[data-state=coming-soon]{background-color:#ddd;box-shadow:none!important}.listBox[data-state=coming-soon] .listBoxTitle{color:#7a7a7a}.listBox[data-state=coming-soon] .listBoxDate{color:#9075b3;font-size:calc(18 * var(--fluid-px, 1px));letter-spacing:calc(.72 * var(--fluid-px, 1px))}.listBox[data-style=secondary] .listBoxFlag:before{background-color:#555}.listBox[data-style=secondary] .listBoxFlag:after{background-image:url(/voi/content/dam/01/renew/20th/images/deco_flag_tail_dark.svg)}.listBox[data-style=secondary] .listBoxDate{color:#555}.history{padding:calc(20 * var(--fluid-px, 1px)) calc(20 * var(--fluid-px, 1px)) calc(40 * var(--fluid-px, 1px));background-color:#fff;background-image:linear-gradient(#ddd 1px,transparent 1px),linear-gradient(90deg,#ddd 1px,transparent 1px);background-size:calc(24 * var(--fluid-px, 1px)) calc(24 * var(--fluid-px, 1px));background-position:3% 3%}.historyHead{text-align:center}.historyTab{display:inline-flex;align-items:center;justify-content:center;padding:calc(13 * var(--fluid-px, 1px)) calc(30 * var(--fluid-px, 1px)) calc(10 * var(--fluid-px, 1px));border-bottom:1px solid #9075b3;border-top-left-radius:calc(40 * var(--fluid-px, 1px));border-top-right-radius:calc(40 * var(--fluid-px, 1px))}.historyTabText{font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Hiragino Sans,sans-serif;font-weight:500;font-size:calc(21 * var(--fluid-px, 1px));line-height:normal;color:#9075b3;white-space:nowrap}.historyTimeline{position:relative;padding:calc(20 * var(--fluid-px, 1px)) 0 calc(60 * var(--fluid-px, 1px))}.historyLine{position:absolute;left:calc(12 * var(--fluid-px, 1px));top:calc(20 * var(--fluid-px, 1px));bottom:calc(60 * var(--fluid-px, 1px));width:1px;background-color:#db534d}.historyItem{position:relative;padding-left:calc(28 * var(--fluid-px, 1px))}.historyDot{position:absolute;left:calc(6.5 * var(--fluid-px, 1px));top:calc(18 * var(--fluid-px, 1px));width:calc(12 * var(--fluid-px, 1px));height:calc(12 * var(--fluid-px, 1px))}.historyContent{display:flex;flex-direction:column;gap:calc(4 * var(--fluid-px, 1px));padding:calc(12 * var(--fluid-px, 1px)) 0}.historyYear{position:relative;font-family:Josefin Sans,sans-serif;font-weight:500;font-size:calc(18 * var(--fluid-px, 1px));line-height:normal;color:#3c3c3c;padding:calc(4 * var(--fluid-px, 1px)) 0 calc(4 * var(--fluid-px, 1px)) calc(6 * var(--fluid-px, 1px));white-space:nowrap}.historyYear:before{content:"";position:absolute;left:calc(-10 * var(--fluid-px, 1px));top:calc(12 * var(--fluid-px, 1px));width:calc(10 * var(--fluid-px, 1px));height:1px;background-color:#db534d}.historyBox{background-color:#fff;border-radius:calc(4 * var(--fluid-px, 1px));padding:calc(12 * var(--fluid-px, 1px)) calc(16 * var(--fluid-px, 1px));width:calc(296 * var(--fluid-px, 1px));box-sizing:border-box}.historyText{font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Hiragino Sans,sans-serif;font-weight:500;font-size:calc(14 * var(--fluid-px, 1px));line-height:1.6;color:#333;word-break:break-word}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.modal.is-open{opacity:1;visibility:visible}.modalBackdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080}.modalScroll{position:relative;width:100%;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;display:flex;justify-content:center;padding:60px 16px;box-sizing:border-box}.modalContainer{position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:8px;width:343px;margin:auto;flex-shrink:0}@media(min-width:768px){.modalContainer{width:517px}}.modalClose{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:100px;border:none;background-color:#fff;cursor:pointer;flex-shrink:0;padding:0}.modalClose svg{width:24px;height:24px}.modalBody{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;padding:40px 16px;box-sizing:border-box;background-color:#fff;border-radius:12px}@media(min-width:768px){.modalBody{gap:32px;padding:40px}}.modalTitle{font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Hiragino Sans,sans-serif;font-weight:700;font-size:16px;line-height:1.6;color:#333;text-align:center;word-break:break-word}@media(min-width:768px){.modalTitle{font-size:20px;white-space:nowrap}}@media(min-width:768px){.modalTitleBr--sp{display:none}}.modalTitleBr--pc{display:none}@media(min-width:768px){.modalTitleBr--pc{display:inline}}.modalDate{display:flex;align-items:center;justify-content:center;width:100%;padding:5px 10px;border-radius:6px;background-color:#f7f7f7;font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Hiragino Sans,sans-serif;font-weight:400;font-size:12px;line-height:1.6;color:#3c3c3c;text-align:center;white-space:nowrap;box-sizing:border-box}@media(min-width:768px){.modalDate{width:337px;font-size:15px}}.modalCaution{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:311px}@media(min-width:768px){.modalCaution{max-width:437px}}.modalCautionText{width:100%;font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Hiragino Sans,sans-serif;font-weight:400;font-size:12px;line-height:1.6;color:#3c3c3c;text-align:left;word-break:break-word}.modalLinks{display:flex;flex-direction:column;gap:12px;width:100%}.modalLink{display:inline-flex;align-items:center;gap:8px;width:fit-content;font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Hiragino Sans,sans-serif;font-weight:400;font-size:12px;line-height:1.6;color:#3c3c3c;text-decoration:underline}.modalLinkIcon{flex-shrink:0;width:15px;height:12px}.modalSection{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.modalSubtitle{font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Hiragino Sans,sans-serif;font-weight:700;font-size:14px;line-height:1.6;color:#333;text-align:center}@media(min-width:768px){.modalSubtitle{font-size:16px}}.modalNote{font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Hiragino Sans,sans-serif;font-weight:400;font-size:12px;line-height:1.6;color:#3c3c3c;text-align:center;width:100%;max-width:311px;word-break:break-word}@media(min-width:768px){.modalNote{max-width:100%}}.modalPlaceholder{width:100%;background-color:#d9d9d9}.modalPlaceholder img{width:100%;height:100%;object-fit:cover}.modalBtn{display:flex;align-items:center;justify-content:center;height:40px;width:260px;border-radius:8px;font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Hiragino Sans,sans-serif;font-weight:700;font-size:14px;line-height:1.6;text-align:center;white-space:nowrap;box-sizing:border-box;cursor:pointer}.modalBtn--outline{border:1px solid #614d9d;background-color:#fff;color:#614d9d!important}.modalBtn--fill{border:none;background-color:#614d9d;color:#fff!important}.modalBtn--neutral{border:1px solid #3c3c3c;background-color:#fff;color:#3c3c3c!important}.modalBtnGroup{display:flex;flex-direction:column;gap:16px;width:280px}.modalBtnGroup .modalBtn{width:100%}@media(min-width:768px){.modalBtnGroup{flex-direction:row;width:auto;gap:16px}.modalBtnGroup .modalBtn{width:160px}}.modalAccent{font-weight:700;color:#db534d}.modalStepLabel{font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Hiragino Sans,sans-serif;font-weight:700;font-size:12px;line-height:1.6;color:#3c3c3c;text-align:center;word-break:break-word}.modalInlineLink{color:inherit;text-decoration:underline}.modalBtnStack{display:flex;flex-direction:column;align-items:center;gap:16px}html.modal-open{overflow:hidden}