@charset "UTF-8";
:root{--rose:#b8787a;--rose-dark:#a7656b;--brown:#342a29;--gold:#c6a57f;--light:#f6f3ef}*{box-sizing:border-box}html{font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;color:var(--brown)}body{margin:0;background:#fff}button,input{font:inherit}.header{height:99px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5.5vw,82px);border-bottom:1px solid #ece5e1;background:#fff}.wordmark{display:flex;align-items:center;gap:14px;text-decoration:none;color:#756054}.wordmark img{width:68px;height:68px}.wordmark .fino{font-family:Georgia,serif;font-size:clamp(29px,3vw,47px);letter-spacing:-.03em}.wordmark .style{font-family:Georgia,serif;font-style:italic;font-size:clamp(30px,3.15vw,49px);color:#c39b65;margin-left:4px}.nav{display:flex;align-items:center;gap:31px;font-size:13px;letter-spacing:.13em}.nav a{color:#3a3030;text-decoration:none;white-space:nowrap}.nav .member{background:#b98278;color:white;border-radius:28px;padding:13px 25px;letter-spacing:.08em}.hero{position:relative;min-height:760px;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fff 83%,#fcfaf8 100%)}.worldmap{position:absolute;pointer-events:none;left:50%;top:39px;transform:translateX(-50%);width:1440px;max-width:none;height:auto;opacity:.79}.hero-inner{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:63px 18px 30px;text-align:center}.tiny-rule{width:51px;height:2px;background:#cbb294;margin:0 auto 23px}.headline{margin:0;font-size:clamp(36px,4vw,59px);font-weight:500;letter-spacing:.06em;line-height:1.55;color:#30221f}.headline em{font-style:normal;color:#b96f74;letter-spacing:.04em;font-size:.72em;margin-left:.25em}.tagline{font-size:19px;letter-spacing:.2em;margin:8px 0 28px}.compass-decoration{position:absolute;right:3.8%;top:19px;width:150px;opacity:.42}.compass-decoration::after{content:"N";display:block;text-align:center}.access{margin:0 auto;width:min(800px,100%);padding:40px 60px 30px;border:1px solid #ebe6e2;border-radius:21px;background:rgba(255,255,255,.95);box-shadow:0 4px 20px #584e4712}.description{font-size:17px;line-height:1.9;letter-spacing:.07em;margin:0 auto 31px}.password-line{display:grid;grid-template-columns:126px minmax(0,1fr);align-items:center;gap:14px;max-width:657px;margin:0 auto}.password-line label{text-align:left;font-size:19px;white-space:nowrap;letter-spacing:.03em}.password-box{position:relative}.password-box input{height:57px;width:100%;padding:0 54px 0 18px;border:1px solid #c9c9c9;border-radius:8px;background:white;font-size:16px;outline-color:#a96c76}.password-box input::placeholder{color:#999}.eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:46px;height:44px;border:0;background:transparent;color:#756965;cursor:pointer;display:flex;align-items:center;justify-content:center}.eye svg{width:25px}.submit{display:block;width:min(425px,100%);height:64px;margin:20px auto 16px;border:0;border-radius:45px;background:linear-gradient(90deg,#b67275,#bd7c7c);color:white;font-size:26px;letter-spacing:.14em;cursor:pointer;box-shadow:0 6px 12px #9956561c}.submit span{margin-left:15px}.monthly{display:flex;align-items:center;justify-content:center;gap:16px;font-size:15px;letter-spacing:.06em;margin:0}.monthly:before,.monthly:after{content:"";width:64px;height:1px;background:#be8e88}.error{font-size:14px;background:#fff0f0;color:#a23441;padding:8px;border-radius:7px}.notice{font-size:14px;color:#806a5d}.line-block{max-width:1174px;margin:30px auto 0;border:1px solid #e9dfdc;border-radius:16px;padding:30px 46px;display:grid;grid-template-columns:106px minmax(320px,1fr) minmax(300px,380px);align-items:center;gap:35px;background:rgba(255,255,255,.94);text-align:left}.line-logo{width:98px;height:98px;background:#24b33c;border-radius:20px;display:flex;align-items:center;justify-content:center;color:#20a936;box-shadow:inset 0 1px 5px #fff6}.line-logo svg{width:79px;height:79px}.line-desc{font-size:20px;line-height:1.7;letter-spacing:.015em}.line-desc .lead{font-size:18px;margin:0 0 10px;white-space:nowrap}.line-desc p{margin:0}.line-actions{border-left:1px solid #dccfc9;padding-left:44px;text-align:center}.line-button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:62px;padding:10px 15px;border-radius:50px;background:#26aa3e;color:white;text-decoration:none;font-size:22px;white-space:nowrap;box-shadow:0 5px 12px #3ca44b24}.line-bubble{display:inline-flex;align-items:center;justify-content:center;width:48px;height:36px;border-radius:50%;background:#fff;color:#2fa443;font:bold 13px Arial,sans-serif;position:relative}.line-bubble:after{content:"";position:absolute;bottom:-5px;left:8px;border:8px solid transparent;border-top-color:#fff;border-bottom:0;transform:rotate(20deg)}.line-url{display:block;font:15px Georgia,serif;color:#544b4a;margin-top:16px;text-decoration:underline;white-space:nowrap}.line-url:before{content:"↗";color:#bf926c;margin-right:12px}.below-note{max-width:1120px;margin:30px auto 0;padding:0 20px;display:flex;justify-content:center;align-items:center;gap:30px;font-size:17px;letter-spacing:.03em}.below-note::before,.below-note::after{content:"";height:1px;background:#d9c7bb;flex:1}.below-note .note-body{display:flex;gap:36px;align-items:center;white-space:nowrap}.note-title{color:#775a4c;font-size:17px}.note-copy{border-left:1px solid #d9c7bb;padding-left:40px;text-align:left;font-size:14px;line-height:1.9}.bottom{padding:30px;text-align:center;color:#b4a5a0;font:12px Georgia,serif}.admin-layout .hero{min-height:0}.admin-layout .hero-inner{padding-top:85px}.admin-layout .access{max-width:560px}.admin-layout .password-line{display:block}.admin-layout .password-line label{display:block;margin:0 0 10px}.admin-layout .submit{font-size:18px}.admin-layout .description{font-size:15px}
@media(max-width:1050px){.nav{gap:15px}.line-block{gap:20px;grid-template-columns:80px 1fr 280px;padding:24px}.line-logo{width:75px;height:75px}.line-logo svg{width:65px;height:65px}.line-actions{padding-left:20px}.line-desc{font-size:16px}.line-desc .lead{font-size:15px}.line-button{font-size:17px}.line-url{font-size:13px}}
@media(max-width:760px){.header{height:72px;padding:0 15px}.wordmark{gap:6px}.wordmark img{height:48px;width:48px}.wordmark .fino,.wordmark .style{font-size:29px}.nav>a:not(.member){display:none}.nav .member{font-size:11px;padding:9px 13px}.hero-inner{padding:48px 15px 25px}.hero{min-height:0}.worldmap{top:70px;width:1050px;opacity:.65}.compass-decoration{width:80px;top:32px;right:5px}.headline{font-size:34px}.headline em{display:block;font-size:24px;margin:0}.tagline{font-size:12px;margin:7px 0 26px;letter-spacing:.1em}.access{border-radius:15px;padding:25px 18px}.description{font-size:13px;line-height:1.9;margin-bottom:20px}.password-line{display:block}.password-line label{display:block;margin:0 0 8px;font-size:15px}.password-box input{height:52px}.submit{height:55px;font-size:21px}.monthly{font-size:12px;gap:9px}.monthly:before,.monthly:after{width:24px}.line-block{grid-template-columns:60px 1fr;gap:12px;padding:20px 14px;margin-top:19px}.line-logo{width:60px;height:60px;border-radius:13px}.line-logo svg{width:55px;height:55px}.line-desc{font-size:13px;line-height:1.65}.line-desc .lead{font-size:12px;white-space:normal}.line-actions{grid-column:1/-1;border-left:0;border-top:1px solid #e5d7cf;padding:15px 0 0}.line-button{min-height:51px;font-size:17px}.line-url{margin-top:11px}.below-note{margin-top:20px;gap:0}.below-note::before,.below-note::after{display:none}.below-note .note-body{display:block;white-space:normal}.note-copy{border-left:0;padding:10px 0 0;text-align:center;font-size:12px}.note-title{font-size:14px}}

/* Fino Style original logo, top-left on desktop and mobile */
.header{height:110px;justify-content:flex-start;border-bottom:0;background:transparent;padding:12px 28px}
.wordmark{display:inline-flex;align-items:center;gap:0;max-width:75vw}
.wordmark img{display:block;width:270px;height:auto;max-width:100%;object-fit:contain}
@media(max-width:760px){.header{height:92px;padding:10px 16px}.wordmark img{width:225px;max-width:70vw}}

/* Fino header links — four destinations only */
.header{justify-content:space-between;gap:18px}
.fino-top-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(12px,2.2vw,32px);font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif;white-space:nowrap}
.fino-top-nav a{color:#4d443d;text-decoration:none;font-size:13px;letter-spacing:.035em;line-height:1.5}
.fino-top-nav a:hover,.fino-top-nav a:focus-visible{color:#b19369;text-decoration:underline;text-underline-offset:4px}
.fino-top-nav .nav-sub{display:inline;font-size:12px;color:#8e7e73}
@media(max-width:1000px){.wordmark img{width:210px}.fino-top-nav{gap:12px}.fino-top-nav a{font-size:12px}.fino-top-nav .nav-sub{display:block;font-size:10px}}
@media(max-width:760px){.header{height:auto;min-height:120px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;padding:12px 16px 8px}.wordmark img{width:195px;max-width:85vw}.fino-top-nav{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px;row-gap:5px;white-space:normal}.fino-top-nav a{font-size:12px;padding:4px 2px}.fino-top-nav .nav-sub{display:inline;font-size:10px}}

/* supplied Fino black logo */
.wordmark img{width:104px;height:104px;object-fit:contain}
@media(max-width:700px){.wordmark img{width:78px;height:78px}}

/* Final brand: Fino Style compass wordmark only */
.wordmark img{width:270px;height:auto;max-width:100%;object-fit:contain}
@media(max-width:760px){.wordmark img{width:225px;height:auto;max-width:85vw}}