:root{--w: 750;--f: 16;--color_white: #FFF;--color_black: #000;--color_text: #22262f;--color_blue_500: #4d4672;--color_gray_300: oklch(0.3379 0.0335 240.67);--color_gray_400: oklch(0.4379 0.0335 240.67);--color_gray_500: oklch(0.5379 0.0335 240.67);--color_gray_600: oklch(0.6379 0.0335 240.67);--color_gray_700: oklch(0.7379 0.0335 240.67);--color_light_gray_900: oklch(0.9143 0.0271 290.45);--font: "Noto Serif JP", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;--font_title: "Zen Antique", serif}@media(min-width: 750px){:root{--w: 1300}}*{box-sizing:border-box;margin:0;padding:0}*:before,*:after{pointer-events:none}button{border:none;margin:0;padding:0;font:inherit}ol li,ul li{list-style-type:none}img{width:auto;max-width:100%;margin:0 auto;height:auto;vertical-align:bottom;line-height:1;backface-visibility:hidden;-webkit-backface-visibility:hidden;image-rendering:-webkit-optimize-contrast}.pc{display:none}@media(min-width: 750px){.sp{display:none}.pc{display:block}}:root{scrollbar-color:var(--color_blue_500) var(--color_white)}::-moz-selection{color:var(--color_white);background-color:var(--color_text)}::selection{color:var(--color_white);background-color:var(--color_text)}html{background:var(--color_white);scroll-behavior:smooth;scroll-padding-top:0;overflow-wrap:anywhere;-webkit-text-size-adjust:100%}body{position:relative;z-index:0;font-family:var(--font);line-height:1.5;color:var(--color_text)}body::before,body::after{content:"";position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;mix-blend-mode:darken}body:before{background:url(../images/common/bg_ocean_bottom_pc.webp) no-repeat bottom center/min(2000 / var(--w) * 100vw, 2000px) auto}@media screen and (min-width: 2000px){body:before{background-size:100% auto}}body:after{background:url(../images/common/bg_ocean_top_pc.webp) no-repeat top center/min(2000 / var(--w) * 100vw, 2000px) auto}@media screen and (min-width: 2000px){body:after{background-size:100% auto}}a{color:var(--color_text)}@media(hover: hover)and (pointer: fine){a:hover{text-decoration:none}}header{position:sticky;z-index:90;top:0;left:0}@media(max-width: 750px){#btnNav{position:fixed;z-index:100;top:0;right:0;background:color-mix(in srgb, var(--color_white) 80%, transparent);backdrop-filter:blur(1rem);aspect-ratio:1;width:min(100/var(--w)*100vw,100px);height:auto;border-left:2px solid var(--color_text);border-bottom:2px solid var(--color_text);border-bottom-left-radius:calc(30/var(--w)*100vw);will-change:backdrop-filter}#btnNav span{position:absolute;top:50%;left:50%;background:var(--color_text);width:50%;height:3px;translate:-50% -50%;transition:scale .5s .5s,translate .5s .5s,rotate .5s 0s;will-change:scale,translate,rotate}#btnNav span:nth-child(1){translate:-50% -300%}#btnNav span:nth-child(3){translate:-50% 200%}#btnNav.isOpen span{transition:scale .5s 0s,translate .5s 0s,rotate .5s .5s}#btnNav.isOpen span:nth-child(1){translate:-50% -50%;rotate:z 45deg}#btnNav.isOpen span:nth-child(2){scale:0 1}#btnNav.isOpen span:nth-child(3){translate:-50% -50%;rotate:z -45deg}}@media(min-width: 750px){#btnNav{display:none}}nav{background:linear-gradient(to right, #192a6a 6%, #4d4672, #192a6a 92%);line-height:1;letter-spacing:.1em;text-transform:uppercase}nav::before,nav::after{content:"";position:absolute;inset:0}nav:before{background:url(../images/common/noise.webp) repeat center/auto;mix-blend-mode:overlay;opacity:.2}nav:after{border-top:4px solid color-mix(in srgb, var(--color_white) 80%, transparent);border-bottom:2px solid color-mix(in srgb, var(--color_black) 80%, transparent)}nav li>*{display:grid;align-items:center;gap:min(12/var(--w)*100vw,12px);text-decoration:none;color:var(--color_white)}nav li>*::before{content:"";background:url(../images/common/ico_nav.webp) no-repeat center/contain;display:block;aspect-ratio:56/48;height:auto;opacity:0}@media(hover: hover)and (pointer: fine){nav li>*:hover:before{opacity:1}}nav li>span{pointer-events:none;opacity:.5}nav li[aria-current=page]>*::before{opacity:1}@media(max-width: 750px){nav{position:fixed;z-index:80;top:0;left:0;width:100%;height:100%;font-family:var(--font_title);font-size:calc(48/var(--w)*100vw);opacity:0;filter:blur(20px);transition:opacity .5s,filter .5s;will-change:opacity,filter}nav ul{overflow-y:auto;width:100%;height:100%;padding-block:calc(60/var(--w)*100vw)}nav li>*{grid-template-columns:calc(48/var(--w)*100vw) auto;padding:1em calc(32/var(--w)*100vw)}nav.isOpen{opacity:1;filter:blur(0px)}}@media(min-width: 750px){nav ul{display:flex;justify-content:center;align-items:center}nav ul li>*{grid-template-columns:min(28/var(--w)*100vw,28px) auto min(28/var(--w)*100vw,28px);padding:min(32/var(--w)*100vw,32px) 0}nav ul li>*:before{display:block}nav ul li>*:after{content:""}}footer{display:grid;justify-content:center;gap:2rem;border-top:1px solid var(--color_gray_500);padding-block:min(80/var(--w)*100vw,40px);font-weight:700;text-align:center}@media(max-width: 750px){footer{padding-inline:calc(60/var(--w)*100vw)}}@media(min-width: 750px){footer{display:grid;grid-template-columns:repeat(3, 1fr);align-items:center;padding-inline:calc((100vw - min(1100/var(--w)*100vw,1100px))/2)}footer>*:first-child{justify-self:start}footer>*:last-child{justify-self:end}}footer ul{display:grid;justify-content:center;grid-template-columns:repeat(3, max(24px, min(80 / var(--w) * 100vw, 40px)));gap:calc(max(24px,min(80/var(--w)*100vw,40px))/2)}footer a{font-size:calc(14/var(--f)*1rem)}footer small{font-size:calc(12/var(--f)*1rem)}@media(min-width: 750px){footer small{text-align:right}}.titleSection{font-family:var(--font_title);font-size:min(56/var(--w)*100vw,56px);font-weight:normal;line-height:1;letter-spacing:.1em;text-align:center}.titleSection.sideDeco{display:grid;grid-template-columns:min(65/var(--w)*100vw,65px) auto min(65/var(--w)*100vw,65px);justify-content:center;align-items:center;gap:min(24/var(--w)*100vw,24px);text-transform:uppercase}.titleSection.sideDeco:before,.titleSection.sideDeco:after{content:"";display:block;aspect-ratio:65/42;-webkit-mask:url(../images/common/ico_title.svg) no-repeat center/contain;mask:url(../images/common/ico_title.svg) no-repeat center/contain;background:var(--color_text)}.titleSection.sideDeco:before{rotate:y 180deg}.titleSection.fontJp{font-size:min(48/var(--w)*100vw,48px)}.titleGradation{background:linear-gradient(to right, rgba(33, 78, 244, 0) 0%, #214ef4 8%, #e66af8 94%, rgba(230, 106, 248, 0) 100%);padding:calc(16/var(--f)*1em + 1em - 1lh) 1em;font-size:max(1.1rem,min(26/var(--w)*100vw,26px));font-weight:600;color:var(--color_white);text-align:center}main>*{margin-inline:auto}@media(max-width: 750px){main>*{width:calc(630/var(--w)*100vw)}}@media(min-width: 750px){main>*{width:min(1100/var(--w)*100vw,1100px)}}main:has(>h1.titleSection){display:grid;gap:min(120/var(--w)*100vw,80px);padding-block:calc(64/var(--f)*1rem)}main:has(>h1.titleSection) h1.titleSection{font-size:min(64/var(--w)*100vw,64px)}main:has(>h1.titleSection) h1.titleSection.fontJp{font-size:min(56/var(--w)*100vw,56px)}main:has(>h1.titleSection) .tabList,main:has(>h1.titleSection) .snav{margin-block:calc(min(120/var(--w)*100vw,80px)/3*-1)}.btn{--color_btn_background: var(--color_light_gray_900);--color_btn_text: var(--color_text);position:relative;z-index:0;display:block;width:100%;max-width:min(560/var(--w)*100vw,320px);min-height:44px;padding-inline:min(24/var(--w)*100vw,14px);border:2px solid var(--color_text);border-radius:calc(infinity*1px);font-weight:700;color:var(--color_btn_text);text-decoration:none;text-align:center;word-break:keep-all;transition:color .5s}@media(max-width: 750px){.btn{font-size:min(32/var(--w)*100vw,22/var(--f)*1rem)}}@media(min-width: 750px){.btn{font-size:min(22/var(--w)*100vw,22/var(--f)*1rem)}}.btn:before,.btn:after{content:"";position:absolute;z-index:10;top:0;-webkit-mask:url(../images/common/ico_btn.svg) no-repeat center/contain;mask:url(../images/common/ico_btn.svg) no-repeat center/contain;background:var(--color_text);width:calc(min(40/var(--w)*100vw,20px) - 4px);height:100%}.btn:before{left:0;rotate:y 180deg}.btn:after{right:0}.btn span{position:relative;z-index:0;display:grid;justify-content:center;align-items:center;border:2px solid var(--color_text);border-radius:inherit;padding:1rem;margin:-2px}.btn span:before{content:"";position:absolute;top:50%;left:50%;z-index:-1;background:color-mix(in srgb, var(--color_btn_background) 70%, transparent);backdrop-filter:blur(1rem);width:calc(100% - 4px);height:calc(100% - 4px);translate:-50% -50%;border-radius:inherit;will-change:backdrop-filter,background-color;transition:background-color .5s}@media(hover: hover)and (pointer: fine){.btn:hover{--color_btn_background: var(--color_blue_500);--color_btn_text: var(--color_white)}}.notes{display:grid;gap:.5em;font-size:.9rem}.notes>li{text-indent:-1em;padding-left:1em}.tabList,.snav{--color_btn_background: var(--color_light_gray_900);--color_btn_text: var(--color_text);display:grid;gap:1rem}@media(min-width: 750px){.tabList,.snav{grid-template-columns:repeat(auto-fit, minmax(calc(33% - 3rem), auto))}}.tabList button,.tabList a,.snav button,.snav a{position:relative;z-index:0;display:grid;place-content:center;width:100%;min-height:44px;padding-inline:min(40/var(--w)*100vw,20px);font-size:.9rem;color:var(--color_btn_text);text-decoration:none;border:1px solid var(--color_text);border-radius:calc(infinity*1px);transition:color .5s}.tabList button:before,.tabList a:before,.snav button:before,.snav a:before{content:"";position:absolute;top:50%;left:50%;z-index:-1;background:color-mix(in srgb, var(--color_btn_background) 70%, transparent);backdrop-filter:blur(1rem);width:calc(100% - 4px);height:calc(100% - 4px);translate:-50% -50%;border-radius:inherit;will-change:backdrop-filter,background-color;transition:background-color .5s}@media(hover: hover)and (pointer: fine){.tabList button:hover,.tabList a:hover,.snav button:hover,.snav a:hover{--color_btn_background: var(--color_blue_500);--color_btn_text: var(--color_white)}}.img:not(:has(img)){display:grid;place-content:center;background:color-mix(in srgb, var(--color_light_gray_900) 60%, transparent);backdrop-filter:blur(1rem);width:100%;height:auto;will-change:backdrop-filter;font-size:min(64/var(--w)*100vw,64px)}@media(max-width: 750px){.img:not(:has(img)){aspect-ratio:1}}@media(min-width: 750px){.img:not(:has(img)){aspect-ratio:16/9}}.img.thumb{aspect-ratio:1}@media(max-width: 750px){.img.thumb{font-size:calc(32/var(--w)*100vw)}}@media(min-width: 750px){.img.thumb{font-size:min(24/var(--w)*100vw,24px)}}.sample{position:relative;z-index:0}.sample:before{content:"SAMPLE";position:absolute;top:50%;left:50%;z-index:2;width:100%;font-size:10.6666666667vw;font-weight:700;line-height:1;text-align:center;transform:translate(-50%, -50%);opacity:.5}.sample.white:before{color:#fff;text-shadow:0px 0px 10px #000}.sample.black:before{color:#000;text-shadow:0px 0px 10px #fff}@media(min-width: 750px){.sample:before{font-size:6.6666666667vw}}@media(min-width: 750px)and (min-width: 1200px){.sample:before{font-size:80px}}.bgOcean{overflow:hidden;position:relative;z-index:0;width:100%;background:url(../images/common/ocean/bg.webp) repeat-y center/100% auto,var(--color_black);color:var(--color_white)}@media(max-width: 750px){.bgOcean{margin-block:50px 17px;padding-block:calc(78px + 80/var(--w)*100vw) calc(20px + 80/var(--w)*100vw);padding-inline:calc(60/var(--w)*100vw)}}@media(min-width: 750px){.bgOcean{margin-block:78px 35px;padding-block:calc(157px + min(80/var(--w)*100vw,80px)) calc(39px + min(80/var(--w)*100vw,80px))}}.bgOcean:before,.bgOcean:after{content:"";position:absolute}.bgOcean:before{z-index:-30;left:50%;background:url(../images/common/ocean/wave_top.webp) no-repeat top center/1000px auto,url(../images/common/ocean/wave_bottom.webp) no-repeat bottom center/1000px auto;width:150%;translate:-50% 0;animation:wave 30s 0s linear infinite;will-change:translate}@media(max-width: 750px){.bgOcean:before{top:-50px;height:calc(100% + 70px)}}@media(min-width: 750px){.bgOcean:before{top:-100px;background-size:100% min(257/var(--w)*100vw,257px),100% min(75/var(--w)*100vw,75px);height:calc(100% + 135px)}}.bgOcean:after{z-index:-40;inset:0;background:linear-gradient(to bottom, #0079ff, transparent 40%),linear-gradient(to top, #0e1d32, transparent 40%)}.bgOcean>.bubble{overflow:hidden;position:absolute;z-index:-50;inset:0}.bgOcean>.bubble:before,.bgOcean>.bubble:after{content:"";position:absolute}.bgOcean>.bubble:before{z-index:-10;top:0;left:0;background:url(../images/common/ocean/bubble.webp) repeat-y center/100% auto;width:100%;height:200%;animation:bubble 30s 0s linear infinite both;will-change:translate}.bgOcean>.bubble::after{top:50%;left:50%;z-index:-10;aspect-ratio:1;background:radial-gradient(50% 50%, #0079ff, transparent);width:min(1400/var(--w)*100vw,1400px);height:auto;border-radius:calc(infinity*1px);translate:-50% -50%}@keyframes wave{0%,50%,100%{translate:-50% 0}25%{translate:-60% 0}75%{translate:-40% 0}}@keyframes bubble{0%{translate:0 100%}1%{translate:0 50%}90%{opacity:1}100%{translate:0 -100%;opacity:0}}.boxFrame{border-color:rgba(0,0,0,0);border-width:min(110/var(--w)*100vw,110px);-o-border-image:url(../images/common/frame_01.webp) 110 fill/min(110 / var(--w) * 100vw, 110px);border-image:url(../images/common/frame_01.webp) 110 fill/min(110 / var(--w) * 100vw, 110px);max-width:min(1140/var(--w)*100vw,1140px);margin-inline:auto}@media(max-width: 750px){.boxFrame{padding:calc(120/var(--w)*100vw) calc(80/var(--w)*100vw)}}@media(min-width: 750px){.boxFrame{padding:min(120/var(--w)*100vw,120px)}}#attentionCol{display:grid;gap:min(72/var(--w)*100vw,72px)}#attentionCol>section{display:grid;gap:min(40/var(--w)*100vw,40/var(--f)*1rem)}#attentionCol ul{display:grid;gap:calc(1em + (1em - 1lh)/2);line-height:2}#attentionCol ul>li{padding-left:1em;text-indent:-1em}.article{position:relative;z-index:0;display:grid;gap:1rem}.article>*:first-child{margin-top:0}.article :where(p){line-height:1.8}.article :where(h3,h4,h5,h6){margin-top:1rem}.article :where(ul),.article :where(ol){display:grid;gap:calc(.5em + (1em - 1lh)/2)}.article :where(ul) li{text-indent:-1em;padding-left:1em}.article :where(ol){padding-left:2em}.article :where(ol) li{list-style:decimal-leading-zero}.article :where(blockquote){background:color-mix(in srgb, var(--color_light_gray_900) 60%, transparent);backdrop-filter:blur(1rem);padding:1.5rem;will-change:backdrop-filter}.article :where(hr){width:100%;height:2px;background:var(--color_text);margin-block:2rem;border:none}:where(h2:not([class])){background:linear-gradient(to right, rgba(33, 78, 244, 0) 0%, #214ef4 8%, #e66af8 94%, rgba(230, 106, 248, 0) 100%);padding:calc(16/var(--f)*1em + 1em - 1lh) 1em;font-size:calc(20/var(--f)*1rem);font-weight:600;color:var(--color_white);text-align:center}:where(h3:not([class])){background:linear-gradient(to right, rgba(33, 78, 244, 0) 0%, #214ef4 8%, #e66af8 94%, rgba(230, 106, 248, 0) 100%);padding:calc(16/var(--f)*1em + 1em - 1lh) 1em;font-size:calc(20/var(--f)*1rem);font-weight:600;color:var(--color_white);text-align:center}:where(h4:not([class])){font-weight:700;font-size:calc(18/var(--f)*1rem)}:where(h4:not([class])):after{content:"";display:block;background:linear-gradient(to right, #214ef4, #e66af8);width:100%;height:2px;margin-top:.5em}:where(h5:not([class])){font-weight:600;font-size:1rem;background:var(--color_text);padding:.5em;color:var(--color_white)}:where(h6:not([class])){padding-bottom:.5em;font-size:1rem;border-bottom:4px double var(--color_text)}
/*# sourceMappingURL=maps/page.css.map */