.sub__part{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:20px;margin-top:8em;position:relative}.sub__part h3,.sub__part h4{color:var(--deep-color)}.sub__part .part__hd{position:absolute;top:0;right:0;width:50%;padding-left:3em}.sub__part .part__hd h3{font-size:35px;font-weight:500;line-height:1.5}.sub__part .part__hd h3 strong{display:block;font-weight:800}.sub__part .part__hd .part__desc{margin-top:1em;font-weight:600;color:var(--point-color);line-height:1.75}.sub__part .part__hd .part__notice{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;line-height:1;font-size:18px;font-weight:500;color:var(--sub-color);background:rgba(var(--sub-color-rgb), 0.15);padding:.6em 1.6em;border-radius:10em;margin-top:1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sub__part .part__hd .part__notice::before{content:"";width:1em;height:1em;margin-right:.5em;background:url(../img/icon-zoom.png) center/contain no-repeat}.sub__part .part__hd.--B h3{color:var(--point-color)}.sub__part .part__hd.--B .part__desc{color:var(--sub-color)}.sub__part .part__container{width:50%;height:990px;position:relative;border-radius:0 7.5em 7.5em 0}.sub__part .part__container .part__spot{--spot-trs: .5s;position:absolute;width:102px;aspect-ratio:102/102;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #fff;border-color:rgba(0,0,0,0);-webkit-transition:var(--spot-trs);transition:var(--spot-trs)}.sub__part .part__container .part__spot.--120{width:120px}.sub__part .part__container .part__spot.--86{width:86px}.sub__part .part__container .part__spot.--60{width:60px}.sub__part .part__container .part__spot.--90{width:90px}.sub__part .part__container .part__spot.--150{width:150px}.sub__part .part__container .part__spot::before,.sub__part .part__container .part__spot::after,.sub__part .part__container .part__spot i::before,.sub__part .part__container .part__spot i::after{content:"";position:absolute;width:5px;height:5px;background:#fff;border-radius:5px}.sub__part .part__container .part__spot::before,.sub__part .part__container .part__spot::after,.sub__part .part__container .part__spot i::before,.sub__part .part__container .part__spot i::after{opacity:0;-webkit-transition:var(--spot-trs);transition:var(--spot-trs)}.sub__part .part__container .part__spot::before{top:0;left:50%;translate:-50% -50%}.sub__part .part__container .part__spot::after{bottom:0;left:50%;translate:-50% 50%}.sub__part .part__container .part__spot i::before{top:50%;left:0;translate:-50% -50%}.sub__part .part__container .part__spot i::after{top:50%;right:0;translate:50% -50%}.sub__part .part__container .part__spot button{width:2em;height:2em;border:1px solid #fff;border-radius:100em;background:url(/img/sub/part-plus.svg) center/contain no-repeat;-webkit-animation:spot__toggle 1s ease-out infinite alternate;animation:spot__toggle 1s ease-out infinite alternate}@-webkit-keyframes spot__toggle{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(1.08);transform:scale(1.08)}}@keyframes spot__toggle{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(1.08);transform:scale(1.08)}}.sub__part .part__container .part__spot p{position:absolute;top:50%;left:100%;font-weight:bold;color:#fff;line-height:1.3;white-space:nowrap;translate:-0.5em -50%;opacity:0;-webkit-transition:var(--spot-trs);transition:var(--spot-trs)}.sub__part .part__container .part__spot.--left p{left:auto;right:100%;text-align:right;translate:-1.5em -50%}.sub__part .part__container .part__spot.--active{border-color:#fff}.sub__part .part__container .part__spot.--active::before,.sub__part .part__container .part__spot.--active::after,.sub__part .part__container .part__spot.--active i::before,.sub__part .part__container .part__spot.--active i::after{opacity:1}.sub__part .part__container .part__spot.--active p{translate:.5em -50%;opacity:1}.sub__part .part__container .part__spot.--active.--left p{translate:-0.5em -50%}.sub__part .part__info{width:50%;padding:12.5em 0 0 3em}.sub__part .part__recommend h4{font-size:30px;padding-top:2em;font-weight:800}.sub__part .part__recommend p{margin:1em 0;font-weight:600;color:var(--point-color);line-height:1.75}.sub__part .part__recommend .reco__list{max-width:720px}.sub__part .part__recommend .reco__list dl{display:-webkit-box;display:-ms-flexbox;display:flex;padding:1.5em 0;font-weight:500;line-height:1.3}.sub__part .part__recommend .reco__list dl+dl{border-top:1px solid rgba(var(--sub-color-rgb), 0.2)}.sub__part .part__recommend .reco__list dt{width:10em;color:var(--point-color)}.sub__part .part__recommend .reco__list dd{color:var(--sub-color)}.sub__part .part__list{display:grid;grid-template-columns:repeat(2, 1fr);padding-right:5%;font-size:16px;font-weight:500;color:var(--sub-color);line-height:1.75;row-gap:2em}.sub__part .part__list dt{font-size:18px;font-weight:600;color:var(--point-color);position:relative}.sub__part .part__list dt::before{content:"-";position:absolute;top:0;left:-0.8em}.sub__part.--list .part__info{padding-top:0}.sub__part.--list .part__hd{top:4em}@media(max-width: 1600px){.sub__part{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.sub__part .part__info{padding:16.5em 0 0 3em}.sub__part.--list .part__info{padding-top:13em}}@media(max-width: 1400px){.sub__part{font-size:18px}.sub__part .part__container .part__spot{width:82px}.sub__part .part__container .part__spot.--60{width:50px}.sub__part .part__container .part__spot.--86{width:66px}.sub__part .part__container .part__spot.--90{width:70px}.sub__part .part__container .part__spot.--120{width:100px}.sub__part .part__container .part__spot.--150{width:120px}.sub__part .part__container .part__spot button{width:1.5em;height:1.5em}.sub__part .part__title h3{font-size:32px}.sub__part .part__recommend h4{font-size:28px}.sub__part .part__recommend .reco__list dl{padding:1.2em 0}}@media(max-width: 1280px){.sub__part{font-size:20px;margin-top:6em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.sub__part .part__hd{position:initial;top:auto;left:auto;width:90%;max-width:1600px;margin:0 auto;padding-left:0;margin-bottom:3em}.sub__part .part__hd h3{font-size:32px}.sub__part .part__container{width:95%;height:auto;margin-right:0;aspect-ratio:1000/990}.sub__part .part__info{width:90%;max-width:1600px;margin:0 auto}.sub__part.--list .part__info{padding-top:0}.sub__part .part__hd .part__desc br.--max-1600,.sub__part .part__hd .part__desc br.--max-1400{display:none}.sub__part .part__recommend .reco__list dd br.--max-1600,.sub__part .part__recommend .reco__list dd br.--max-1400,.sub__part .part__recommend .reco__list dd br.--max-1280,.sub__part .part__recommend .reco__list dd br.--max-1024,.sub__part .part__recommend .reco__list dd br.--max-900{display:none}.sub__part .part__info{padding:0}.sub__part .part__recommend .reco__list{max-width:100%}.sub__part .part__list{padding-right:0;margin-top:3em}}@media(max-width: 768px){.sub__part .part__container .part__spot{width:62px}.sub__part .part__container .part__spot.--60{width:44px}.sub__part .part__container .part__spot.--86{width:46px}.sub__part .part__container .part__spot.--90{width:50px}.sub__part .part__container .part__spot.--120{width:80px}.sub__part .part__container .part__spot.--150{width:100px}.sub__part .part__recommend .reco__list dl{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.sub__part .part__recommend .reco__list dt{width:100%;margin-bottom:.5em}.sub__part .part__list{grid-template-columns:1fr;padding-left:1em}.sub__part .part__list dd br,.sub__part .part__list dd br.--max-1600,.sub__part .part__list dd br.--max-1400,.sub__part .part__list dd br.--max-1280,.sub__part .part__list dd br.--max-1024,.sub__part .part__list dd br.--max-900{display:none}}@media(max-width: 640px){.sub__part .part__hd h3{font-size:28px}.sub__part .part__recommend h4{font-size:26px}.sub__part{font-size:18px}}@media(max-width: 480px){.sub__part{font-size:16px}.sub__part .part__container .part__spot p{font-size:14px}.sub__part .part__hd h3{font-size:24px}.sub__part .part__recommend h4{font-size:22px}.sub__part .part__hd .part__notice{font-size:14px}.sub__part .part__list{font-size:14px}.sub__part .part__list dt{font-size:16px}}@media(max-width: 360px){.sub__part{font-size:14px}.sub__part .part__hd h3{font-size:22px}.sub__part .part__recommend h4{font-size:20px}.sub__part .part__container .part__spot p{font-size:12px}.sub__part .part__hd .part__notice{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;line-height:1.4}.sub__part .part__hd .part__notice::before{margin-top:.25em}.sub__part .part__container .part__spot{width:42px}.sub__part .part__container .part__spot.--60{width:28px}.sub__part .part__container .part__spot.--86{width:26px}.sub__part .part__container .part__spot.--90{width:30px}.sub__part .part__container .part__spot.--120{width:60px}.sub__part .part__container .part__spot.--150{width:74px}.sub__part .part__container .part__spot button{width:1em;height:1em}.sub__part .part__list{font-size:12px}.sub__part .part__list dt{font-size:14px}}/*# sourceMappingURL=sub_part.min.css.map */