@charset "UTF-8";
:root{--ink:#151515;--muted:#666;--line:#dcdcd8;--soft:#f4f4f1;--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,"Helvetica Neue","Noto Sans JP","Yu Gothic",Meiryo,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #777;outline-offset:6px}p{line-height:1.9}h1,h2,h3,p{margin-top:0}h2{font-size:clamp(27px,3vw,38px);letter-spacing:-.055em;line-height:1.5;margin-bottom:0}h3{line-height:1.7}.wrap{width:min(var(--max),calc(100% - 112px));margin-inline:auto}.skip{position:absolute;top:-80px;left:20px;background:#111;color:#fff;padding:12px;z-index:10}.skip:focus{top:12px}.header{height:112px;display:flex;align-items:center;gap:48px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;font-size:15px;line-height:1.05;font-weight:900;letter-spacing:.035em}.logo{font-size:49px;letter-spacing:-.13em;line-height:1;padding-right:6px;font-weight:600}.desktop-nav{display:flex;gap:33px;margin-left:auto;font-size:12px;font-weight:bold}.desktop-nav a,.header-link{padding-block:10px}.desktop-nav a:hover,.header-link:hover{text-decoration:underline;text-underline-offset:6px}.header-link{font-size:12px;font-weight:bold;margin-left:17px}.header-link span{margin-left:18px}.mobile-menu{display:none}.hero{display:grid;grid-template-columns:1.07fr 1fr;padding-top:62px;padding-bottom:54px;gap:48px}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:700;line-height:1.5;margin-bottom:23px}.dot{display:inline-block;width:6px;height:6px;background:#111;border-radius:50%;margin:0 9px 1px 0}.hero h1{font-size:clamp(40px,4.6vw,66px);line-height:1.45;letter-spacing:-.075em;font-weight:900;margin:28px 0 24px;white-space:nowrap}.outline{color:#fff;-webkit-text-stroke:1.3px var(--ink)}.hero-description{font-size:13px;line-height:2.15;color:#555;margin-bottom:32px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:48px;padding:22px 25px;font-size:12px;font-weight:bold;transition:background .2s}.button span{font-size:19px}.dark{background:var(--ink);color:#fff;border:1px solid var(--ink)}.dark:hover{background:#3c3c3c}.hero-foot{display:flex;justify-content:space-between;gap:12px;font-size:8px;font-weight:bold;letter-spacing:.08em;color:#777;margin-top:45px}.hero-art{background:#eeefeb;position:relative;min-height:495px;overflow:hidden;isolation:isolate}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#d7d8d280 1px,transparent 1px),linear-gradient(90deg,#d7d8d280 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(130deg,#000,transparent 85%)}.art-index{position:absolute;top:25px;left:25px;font-size:8px;letter-spacing:.12em;color:#666}.orbit{position:absolute;width:440px;height:440px;border:1px solid #d1d2cd;border-radius:50%;left:30px;top:40px;transform:rotate(-30deg) scaleY(.72)}.two{transform:rotate(45deg) scaleY(.72)}.payment-card{position:absolute;width:73%;aspect-ratio:1.59;border-radius:12px;left:13%;top:30%;box-shadow:15px 25px 30px #0002;padding:25px}.card-back{background:linear-gradient(120deg,#fcfcfb,#d8d9d4);transform:translate(14px,-43px) rotate(18deg);border:1px solid #fff;font-size:8px;letter-spacing:.16em}.card-back small{position:absolute;bottom:22px;left:22px;font-size:8px}.card-back b{position:absolute;right:25px;top:20px;font-size:24px}.card-front{color:#fff;background:linear-gradient(120deg,#292a29,#101110 65%,#373836);transform:translate(-4px,28px) rotate(-12deg);border:1px solid #484947}.card-top{display:flex;justify-content:space-between;font-size:12px;font-weight:700;line-height:1.1;letter-spacing:.08em}.contactless{font-size:20px;letter-spacing:-4px;font-weight:400}.chip{width:36px;height:27px;border-radius:5px;border:1px solid #92948b;background:linear-gradient(90deg,transparent 30%,#8e908780 30%,#8e908780 33%,transparent 33%,transparent 66%,#8e908780 66%,#8e908780 69%,transparent 69%),linear-gradient(0deg,#aaa99a,#d2d2c1);margin-top:24px;position:relative}.chip:after{content:"";position:absolute;inset:8px 0;border-block:1px solid #7d7e73}.card-number{font-size:14px;letter-spacing:.14em;margin-top:16px;color:#c5c6bf}.card-lower{display:flex;justify-content:space-between;align-items:center;margin-top:22px;font-size:6px;letter-spacing:.1em}.circles{width:44px;height:25px;background:radial-gradient(circle at 28% 50%,#ffffff7a 0 12px,transparent 13px),radial-gradient(circle at 70% 50%,#ffffff4a 0 12px,transparent 13px)}.art-caption{position:absolute;bottom:25px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:end;font-size:12px;font-weight:900;line-height:1.3}.art-caption>span:last-child{font-size:43px;font-weight:400}.manifesto{border-block:1px solid var(--line)}.manifesto>.wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.manifesto span:first-child{font-size:11px;letter-spacing:.12em;font-weight:bold}.manifesto p{margin:0;font-size:12px;color:#666}.manifesto span:last-child{font-size:32px}.section{padding-block:88px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:34px}.section-heading .eyebrow{margin-bottom:16px}.section-heading>p{font-size:12px;color:var(--muted);margin-bottom:8px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.category{position:relative;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:29px 28px 26px;min-height:205px;transition:background .2s}.category:hover{background:var(--soft)}.number{font-size:9px;color:#666;letter-spacing:.1em}.icon{display:block;font-size:35px;line-height:1;margin:17px 0 18px}.category h3{font-size:17px;margin-bottom:7px;letter-spacing:-.025em}.category p{font-size:10px;color:#666;margin:0;padding-right:20px}.arrow{position:absolute;right:25px;bottom:25px;font-size:20px}.inverse{background:#181818;color:#fff;border-color:#181818}.inverse p,.inverse .number{color:#b6b6b6}.inverse:hover{background:#333}.directory{margin-top:32px}.directory>.eyebrow{margin-bottom:12px}.directory>.eyebrow span{margin-left:20px;color:#666;font-weight:400;letter-spacing:0}details{border-bottom:1px solid var(--line);scroll-margin-top:30px}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 0;font-size:12px;font-weight:700}summary::-webkit-details-marker{display:none}summary>span{font-size:18px;font-weight:400;transition:transform .2s}details[open]>summary>span{transform:rotate(45deg)}details>div,details>p{font-size:12px;color:#666;line-height:1.9;padding-bottom:20px;margin-bottom:0}details>div>a{display:inline-block;text-decoration:underline;text-underline-offset:4px;margin:0 22px 12px 0}details:target{background:#f3f3ef;padding-inline:16px}.journal-section{background:var(--soft)}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.article-visual{aspect-ratio:1.45;position:relative;overflow:hidden;transition:transform .25s}.article-card:hover .article-visual{transform:translateY(-4px)}.visual-pay{background:#dedfd8;padding:25px}.visual-word{font-weight:900;font-size:clamp(32px,4vw,58px);letter-spacing:-.06em;line-height:.95}.mini-card{position:absolute;right:8%;bottom:18%;width:48%;aspect-ratio:1.6;transform:rotate(-15deg);background:#222;color:#fff;border-radius:5px;padding:15px;font-size:18px;box-shadow:10px 12px 20px #0002;display:flex;justify-content:space-between;align-items:start}.mini-card>span{font-size:28px}.visual-no{position:absolute;bottom:15px;left:20px;font-size:8px;letter-spacing:.13em}.visual-point{background:#242523;color:#fff;display:flex;align-items:center;justify-content:center}.point-disc{height:145px;width:145px;border:1px solid #aaa;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:7px 5px 0 #555,8px 5px 0 #aaa;font-size:90px;font-weight:bold;font-style:italic;position:relative}.point-disc>span{position:absolute;font-size:35px;right:-15px;top:-5px;font-style:normal}.visual-side{position:absolute;right:12px;top:20px;writing-mode:vertical-rl;font-size:7px;letter-spacing:.12em}.visual-choice{background:#e4e3de;padding:23px 30px}.visual-choice>span{display:block;font-size:clamp(25px,3.4vw,46px);font-weight:900;line-height:1.18;letter-spacing:-.04em;color:#797a72}.visual-choice>span:nth-child(2){color:#191919}.visual-choice b{font-weight:400;float:right}.article-meta{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#666;margin:20px 0 12px}.article-meta>span:first-child{border:1px solid #ccc;padding:3px 8px}.article-meta>span:last-child{padding-top:4px;letter-spacing:.12em}.article-card h3{font-size:17px;letter-spacing:-.025em;margin-bottom:22px}.read-link{display:flex;justify-content:space-between;border-top:1px solid #ccc;padding-top:16px;font-size:10px;font-weight:bold}.read-link>span{font-size:18px}.template-note{font-size:10px;color:#666;margin:25px 0 0}.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.topic{padding:32px;background:var(--soft);position:relative;overflow:hidden}.topic>.eyebrow{font-size:9px;color:#666}.topic h3{font-size:28px;margin:38px 0 12px;letter-spacing:-.04em;position:relative}.topic p{font-size:12px;color:#666;position:relative}.topic-art{position:absolute;right:32px;top:25px;font-size:140px;font-weight:200;line-height:1;color:#d0d0c8}.topic-link{display:flex;justify-content:space-between;border-top:1px solid #d2d2cc;padding-top:20px;margin-top:30px;font-size:11px;font-weight:bold}.topic-link span{font-size:19px}.topic:hover{background:#ebebe6}.guide-band{background:#171817;color:#fff}.guide-inner{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-block:65px}.guide-inner .eyebrow{color:#aaa;font-size:9px}.guide-inner h2{font-size:40px;line-height:1.45}.guide-inner p:last-child{font-size:12px;color:#bbb;margin:20px 0 0}.light{background:#fff;color:#161616;min-width:310px}.light:hover{background:#d7d7d1}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:60px}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{padding-block:24px}.footer{border-top:1px solid var(--line);padding:42px 0 25px}.footer-top{display:flex;align-items:center;gap:50px}.footer-top p{font-size:12px;color:#666;margin:0}.back-top{margin-left:auto;display:grid;place-items:center;width:43px;height:43px;border:1px solid var(--line);font-size:23px}.footer-bottom{margin-top:40px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center;color:#666;font-size:8px;letter-spacing:.04em}.footer-bottom small{font-size:8px}.footer-bottom>div{display:flex;gap:20px}.footer-info summary{font-size:10px;color:#666;padding-block:12px}.footer-info p{font-size:11px}.footer-info{border:0}.article-wrap{max-width:820px;margin-inline:auto;padding:65px 0 85px}.breadcrumbs{font-size:11px;color:#666;margin-bottom:45px}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}.article-title{font-size:clamp(30px,4vw,49px);letter-spacing:-.055em;line-height:1.55}.article-intro{font-size:16px;color:#666;border-bottom:1px solid var(--line);padding-block:25px 35px}.article-body h2{font-size:26px;margin:48px 0 18px}.article-body p,.article-body li{font-size:14px;line-height:2.1;color:#555}.article-body li{margin-bottom:10px}.toc{background:var(--soft);padding:25px 30px;margin:35px 0}.toc p{font-size:12px;font-weight:bold}.toc a{display:block;font-size:12px;margin-block:12px;text-decoration:underline;text-underline-offset:4px}.comparison{width:100%;border-collapse:collapse;font-size:12px;margin-top:25px}.comparison caption{text-align:left;font-size:11px;color:#666;margin-bottom:12px}.comparison th,.comparison td{padding:17px;text-align:left;border:1px solid var(--line);line-height:1.8}.comparison th{background:var(--soft)}.article-return{margin-top:50px}
@media(min-width:1500px){.hero h1{font-size:68px}.hero-art{min-height:525px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header{gap:20px;height:94px}.desktop-nav{gap:20px}.header-link{margin-left:0}.hero{gap:28px;padding-top:40px}.hero-art{min-height:460px}.payment-card{padding:20px;width:80%;left:10%;top:32%}.card-number{font-size:11px}.card-lower{margin-top:15px}.card-front .chip{margin-top:18px}.hero-foot{font-size:7px}.category{padding:23px 20px}.category h3{font-size:15px}.category p{font-size:9px}.arrow{right:16px}.journal-grid{gap:20px}.article-card h3{font-size:15px}.topic-art{right:22px;font-size:115px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:82px;position:relative;justify-content:space-between}.brand{font-size:12px;gap:9px}.logo{font-size:40px}.desktop-nav,.header-link{display:none}.mobile-menu{display:block;border:0}.mobile-menu summary{font-size:10px;gap:16px}.mobile-menu nav{position:absolute;right:0;top:70px;width:min(300px,calc(100vw - 40px));background:#fff;box-shadow:0 12px 28px #0002;z-index:5;padding:16px 24px;color:#111}.mobile-menu nav a{display:block;padding:16px 0;border-bottom:1px solid var(--line)}.hero{grid-template-columns:1fr;gap:30px;padding-top:35px;padding-bottom:30px}.hero h1{font-size:clamp(37px,8.8vw,60px);margin-top:22px;margin-bottom:20px}.hero-description{font-size:12px;margin-bottom:25px}.hero .button{width:100%;max-width:355px}.hero-foot{margin-top:27px;font-size:7px}.hero-art{min-height:0;aspect-ratio:1.15;max-height:520px}.payment-card{width:68%;left:16%;top:28%;padding:23px}.card-top{font-size:12px}.card-front .chip{margin-top:22px}.card-number{font-size:13px}.card-lower{margin-top:20px}.art-caption{font-size:10px}.manifesto>.wrap{min-height:76px;gap:10px;flex-wrap:wrap;padding-block:17px}.manifesto span:first-child{font-size:8px}.manifesto p{font-size:10px;order:3;width:100%}.manifesto span:last-child{font-size:24px}.section{padding-block:54px}.section-heading{display:block;margin-bottom:25px}.section-heading>p{margin-top:15px;font-size:11px}.eyebrow{font-size:9px}.section-heading .eyebrow{margin-bottom:12px}.category-grid{grid-template-columns:repeat(2,1fr)}.category{padding:20px 16px;min-height:210px}.category h3{font-size:14px}.category p{font-size:10px;padding-right:0;line-height:1.8;margin-bottom:18px}.icon{font-size:29px;margin-block:15px}.arrow{right:14px;bottom:10px;font-size:17px}.directory>.eyebrow span{display:block;margin:9px 0 0}.journal-grid{grid-template-columns:1fr;gap:36px}.article-visual{aspect-ratio:1.7}.visual-word{font-size:65px}.visual-pay{padding:28px}.mini-card{width:43%;font-size:25px;padding:20px}.point-disc{width:145px;height:145px}.visual-choice>span{font-size:46px}.visual-choice{padding:20px 30px}.article-card h3{font-size:18px;margin-bottom:18px}.article-meta{margin-top:18px}.topic-grid{grid-template-columns:1fr;gap:16px}.topic{padding:27px}.topic h3{font-size:25px;margin-top:36px}.topic-art{font-size:115px}.guide-inner{display:block;padding-block:45px}.guide-inner h2{font-size:34px}.guide-inner .button{margin-top:30px;min-width:0;width:100%;max-width:360px}.faq{grid-template-columns:1fr;gap:25px}.faq-list summary{font-size:12px;line-height:1.8}.footer-top{gap:20px;flex-wrap:wrap}.footer-top p{font-size:10px;order:3;width:100%}.footer-bottom{flex-wrap:wrap;margin-top:25px;gap:18px}.footer-bottom>span{width:100%;font-size:7px}.footer-bottom>div{gap:12px}.article-wrap{padding:35px 0 55px}.breadcrumbs{font-size:10px;margin-bottom:30px}.article-intro{font-size:14px}.article-body h2{font-size:23px}.article-body p,.article-body li{font-size:13px}.comparison th,.comparison td{padding:10px;font-size:11px}.toc{padding:20px}.article-return{width:100%}}
@media(max-width:380px){.payment-card{padding:18px}.card-front .chip{margin-top:14px;width:30px;height:23px}.card-lower{margin-top:13px;font-size:5px}.card-number{font-size:10px}.card-top{font-size:10px}.hero h1{font-size:35px}.category h3{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* 装飾が文字に重ならないよう、カードとキャプションの間隔を調整 */
.art-caption{justify-content:flex-end}.art-caption>span:first-child{display:none}.art-index{z-index:2}
@media(max-width:760px){.card-front{transform:translate(-4px,8px) rotate(-12deg);padding:18px}.card-front .card-top{font-size:10px}.card-front .contactless{font-size:17px}.card-front .chip{margin-top:14px;width:30px;height:23px}.card-front .card-number{font-size:10px;margin-top:12px}.card-front .card-lower{margin-top:13px;font-size:5px}.card-back{top:32%}.art-index{font-size:7px}}