@charset "UTF-8";
.fishing-brand.fishing-brand-simple{padding:45px 0;background:transparent;color:var(--ink);overflow:visible}.fishing-brand.fishing-brand-simple:after{display:none}.fishing-wordmark{display:table;margin:0;font:clamp(42px,5vw,68px) Arial,sans-serif;letter-spacing:.08em;line-height:1.3;padding-bottom:24px;border-bottom:1px solid #7d8c87}@media(max-width:650px){.fishing-brand.fishing-brand-simple{padding:10px 0}.fishing-wordmark{font-size:48px;padding-bottom:19px}}
.fishing-logo{display:block;width:100%;height:auto;margin:10px 0 0}.fishing-brand:has(.fishing-logo) .eyebrow{margin-bottom:30px}.fishing-brand:has(.fishing-logo):after{margin-top:20px}
.fishing{background:#e7eceb;display:grid;grid-template-columns:1fr 1.2fr;gap:10%;align-items:center;border-top:1px solid #d4ddda}.fishing-brand{padding:55px 30px;background:#1d343d;color:#f6f5f1;position:relative;overflow:hidden}.fishing-brand:after{content:"";display:block;height:1px;background:#94aeb0;margin-top:44px;width:100%}.fishing-brand .eyebrow{font-size:9px;color:#afc3c1;margin-bottom:65px}.fishing-type{font-size:12px;letter-spacing:.22em;color:#c4d5d2}.fishing-name{font:clamp(38px,5vw,68px) Arial,sans-serif;letter-spacing:.04em;margin:16px 0}.fishing-caption{font:9px Arial,sans-serif;letter-spacing:.2em;color:#b3cbc7;margin:0}.fishing-copy h2{font-size:32px}.fishing-copy .body-copy{font-size:13px}.fishing-instagram{border-top:1px solid #b3c3bf;border-bottom:1px solid #b3c3bf;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:30px;padding:22px 0;font:19px Arial,sans-serif}.fishing-instagram small{display:block;font:11px "Yu Gothic",Meiryo,sans-serif;margin-bottom:13px;color:#626f6a}.fishing-handle{display:block;font:10px Arial,sans-serif;letter-spacing:.05em;margin-top:10px;color:#626f6a;overflow-wrap:anywhere}.fishing-arrow{font-size:27px;color:#b46038;transition:transform .2s}.fishing-instagram:hover .fishing-arrow{transform:translate(3px,-3px)}footer .footer-fishing{font-family:"Yu Gothic",Meiryo,sans-serif;font-size:11px}@media(max-width:650px){.fishing{grid-template-columns:1fr;gap:35px}.fishing-brand{padding:35px 27px}.fishing-brand .eyebrow{margin-bottom:40px}.fishing-name{font-size:48px}.fishing-brand:after{margin-top:30px}.fishing-copy h2{font-size:27px}.fishing-copy .body-copy{font-size:12px}}
.nav-instagram{font-family:Arial,sans-serif;letter-spacing:.03em}.instagram-contact{max-width:440px;margin:55px auto 0;padding-top:35px;border-top:1px solid #5a6257}.instagram-contact .eyebrow{font-size:9px;margin-bottom:22px}.instagram-contact>a{display:flex;justify-content:space-between;align-items:center;gap:20px;font:15px Arial,sans-serif;padding:12px 0}.instagram-contact>a>span:last-child{font-size:13px;color:#d6dbcf}.instagram-contact>a span[aria-hidden]{color:#ff986a;margin-left:12px}.instagram-contact>p:last-child{font-size:11px;line-height:1.8;color:#b4bcb0;margin-top:17px}@media(max-width:1100px){nav{gap:17px}.brand img{width:185px}}@media(max-width:650px){nav .nav-instagram{display:block;font-size:10px}header{gap:12px}.brand img{width:140px}nav{gap:12px}.instagram-contact>a{font-size:14px}}
.intro-screen{display:none;position:fixed;inset:0;z-index:1000;background:#f6f5f1;transition:background-color .65s ease,opacity .8s ease;place-items:center;min-height:100svh}.intro-pending{overflow:hidden}.intro-pending .intro-screen{display:grid}.intro-screen[hidden]{display:none}.intro-inner{width:min(440px,78vw);text-align:center;transition:opacity .3s ease,transform .6s ease}.intro-logo{display:block;width:100%;mix-blend-mode:multiply}.intro-tagline{margin:30px 0 65px;font-size:12px;letter-spacing:.12em;color:#74776e;line-height:2}.intro-enter{display:flex;align-items:center;justify-content:space-between;gap:55px;margin:0 auto;padding:18px 3px;width:min(280px,100%);border:0;border-bottom:1px solid #adb0a5;background:transparent;font-size:19px;font-weight:500;letter-spacing:.16em;cursor:pointer}.intro-arrow{font-size:30px;font-weight:300;color:#ee6d35;transition:transform .3s ease}.intro-enter:hover .intro-arrow{transform:translateX(7px)}.intro-location{position:absolute;bottom:38px;font:9px Arial,sans-serif;letter-spacing:.22em;color:#85897d;transition:opacity .3s ease}.intro-screen.is-black{background:#000}.intro-screen.is-black .intro-inner,.intro-screen.is-black .intro-location{opacity:0}.intro-screen.is-black .intro-inner{transform:translateY(-8px)}.intro-screen.is-revealing{opacity:0;pointer-events:none}.hero h1:focus{outline:none}@media(max-width:650px){.intro-inner{width:76vw}.intro-tagline{font-size:10px;margin-bottom:50px}.intro-enter{font-size:17px;width:240px}.intro-location{bottom:28px}}
:root{--paper:#f6f5f1;--ink:#242724;--muted:#797c75;--line:#d7d8d0;--orange:#ee6d35}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;background:#fff;gap:25px}.brand img{width:228px;display:block}nav{display:flex;gap:30px;align-items:center;font-size:12px;font-weight:600}nav a{white-space:nowrap}.nav-contact{padding:16px 22px;background:var(--ink);color:#fff}.nav-contact span{margin-left:24px;color:#ff986a}.hero{height:calc(100svh - 100px);min-height:610px;max-height:900px;position:relative;color:#fff;overflow:hidden}.hero-image,.hero-shade{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:50% 44%}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.58),transparent 80%),linear-gradient(0deg,rgba(0,0,0,.45),transparent 30%)}.hero-copy{position:absolute;left:8%;top:17%}.eyebrow{font-family:Arial,sans-serif;letter-spacing:.19em;font-size:11px;font-weight:600;margin:0 0 28px}.hero .eyebrow{color:#deded5}.hero h1{font-size:clamp(44px,5.7vw,82px);font-weight:500;letter-spacing:.08em;line-height:1.6;margin:0 0 22px}.hero-sub{font-size:14px;line-height:2.2;letter-spacing:.1em}.hero-link{display:inline-flex;justify-content:space-between;width:230px;border-bottom:1px solid #ffffff80;padding:22px 0 17px;font-size:12px}.hero-link span{font-size:22px}.hero-bottom{position:absolute;bottom:27px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;font:10px Arial,sans-serif;letter-spacing:.15em}.section{padding:115px 8%}.concept{display:grid;grid-template-columns:1fr 1.6fr;gap:8%;padding-top:135px;padding-bottom:135px}.section-label{font-size:13px;color:var(--muted)}h2{font-size:clamp(25px,3vw,42px);font-weight:500;line-height:1.75;letter-spacing:.07em;margin:0 0 32px}.body-copy{font-size:14px;line-height:2.4;color:#60645d;margin:25px 0}.signature{margin:40px 0 0;font-size:13px;letter-spacing:.1em}.signature span{display:block;font:11px Arial,sans-serif;letter-spacing:.16em;color:var(--muted);margin-top:12px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.section-heading h2{font-size:30px;margin-bottom:0}.section-heading>p{font-size:12px;white-space:nowrap}.orange{color:var(--orange);margin-left:20px}.works{background:#eceee7}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:38px 0 50px}.filters button{border:1px solid #c9cdc3;background:transparent;border-radius:30px;padding:10px 21px;font-size:11px;cursor:pointer}.filters button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px 5%}.work-card{background:none;border:0;padding:0;text-align:left;cursor:pointer;min-width:0;align-self:start}.work-card[hidden]{display:none}.work-card.offset{margin-top:90px}.work-photo{position:relative;height:480px;overflow:hidden}.work-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 68%;transition:transform .6s}.work-card:hover img{transform:scale(1.035)}.work-photo.landscape{height:345px}.work-photo.landscape img{object-position:50% 50%}.image-arrow{position:absolute;right:15px;bottom:15px;width:42px;height:42px;border-radius:50%;background:#f6f5f1;display:grid;place-items:center;font-size:22px}.work-meta{font:10px Arial,sans-serif;letter-spacing:.15em;color:#73786e;margin-top:23px}.work-card h3{font-size:18px;font-weight:500;letter-spacing:.03em;margin:13px 0}.work-card>p:last-child{font-size:11px;color:#73786e}.service-list{margin-top:55px;border-top:1px solid var(--line)}.service-list>div{display:grid;grid-template-columns:45px 1.2fr 1.8fr 100px;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:29px 0}.service-list h3{font-size:17px;font-weight:500;margin:0}.service-list p{font-size:12px;color:#73786e;line-height:1.8}.service-list span{font:10px Arial,sans-serif;letter-spacing:.1em;color:#83867f}.service-list span:first-child{color:var(--orange)}.company{border-top:1px solid var(--line);display:grid;grid-template-columns:1.2fr 1fr;gap:10%}.company-info img{width:85%;margin:15px 0 35px;mix-blend-mode:multiply}dl{font-size:12px}dl>div{display:grid;grid-template-columns:95px 1fr;border-bottom:1px solid var(--line);padding:20px 0;line-height:1.8}dt{color:var(--muted)}dd{margin:0}.contact{background:#282e29;color:#f7f6f0;text-align:center;padding-top:100px;padding-bottom:110px}.contact .eyebrow{color:#b8c0b4}.contact h2{font-size:42px}.contact>p:not(.eyebrow){font-size:12px;color:#c3c7bd}.contact-status{display:inline-flex;gap:12px;align-items:center;border:1px solid #5a6257;padding:20px 35px;margin-top:25px;font-size:12px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--orange)}footer{padding:35px 4.5%;display:flex;justify-content:space-between;align-items:center;font-size:11px}footer small,footer a{font:9px Arial,sans-serif;letter-spacing:.1em}dialog{width:min(1000px,90vw);max-height:90svh;padding:0;border:0;background:var(--paper);color:var(--ink);overflow:auto}dialog::backdrop{background:#101711dd}dialog>img{width:100%;max-height:65svh;object-fit:contain;background:#181b18;display:block}.close{position:absolute;top:12px;right:12px;width:42px;height:42px;border:0;background:#fff;border-radius:50%;font-size:28px;cursor:pointer}.detail-copy{padding:35px}.detail-copy h2{font-size:25px;margin-bottom:14px}.detail-copy>p:last-child{font-size:13px;line-height:2}.detail-copy .eyebrow{margin-bottom:15px}
@media(min-width:1500px){.section{padding-left:max(8%,calc((100vw - 1250px)/2));padding-right:max(8%,calc((100vw - 1250px)/2))}}@media(max-width:1000px){nav{gap:17px}nav a:first-child{display:none}.brand img{width:190px}.work-photo{height:390px}.section{padding:85px 6%}.service-list>div{grid-template-columns:25px 1fr 1.5fr}.service-list span:last-child{display:none}.hero-copy{left:7%}}@media(max-width:650px){header{height:80px;padding:0 5%}.brand img{width:170px}nav a{display:none}nav .nav-contact{display:block;font-size:10px;padding:13px}.nav-contact span{margin-left:8px}.hero{height:calc(90svh - 80px);min-height:570px}.hero-image{object-position:61% 45%}.hero-copy{top:15%;left:7%}.hero h1{font-size:43px}.hero .eyebrow{font-size:9px}.hero-sub{font-size:12px}.hero-bottom{font-size:8px}.hero-bottom span:last-child{display:none}.hero-link{width:190px}.section{padding:75px 7%}.concept{grid-template-columns:1fr;gap:30px}.concept .eyebrow{margin-bottom:12px}h2{font-size:28px}.body-copy{font-size:12px}.body-copy br{display:none}.section-heading{display:block}.section-heading h2{font-size:24px}.section-heading>p{margin-top:20px}.filters{gap:7px;margin:30px 0}.filters button{font-size:10px;padding:9px 13px}.work-grid{grid-template-columns:1fr;gap:38px}.work-card.offset{margin-top:0}.work-photo{height:420px}.work-photo.landscape{height:300px}.work-card h3{font-size:17px}.service-list{margin-top:30px}.service-list>div{grid-template-columns:20px 1fr;gap:12px;padding:25px 0}.service-list p{grid-column:2;margin:0}.company{grid-template-columns:1fr;gap:30px}.company-info img{width:250px;max-width:100%;margin-bottom:20px}.contact h2{font-size:29px}.contact-status{font-size:11px;padding:20px}.contact .eyebrow{font-size:9px}footer{flex-wrap:wrap;gap:23px;padding:30px 7%}footer small{width:100%}.detail-copy{padding:24px}.detail-copy h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.email-address{overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:4px}.contact-email{min-width:280px;justify-content:space-between;background:var(--paper);color:var(--ink);border-color:var(--paper);transition:background .2s}.contact-email:hover{background:#e7e9df}.contact-email span{color:var(--orange);font-size:21px}.contact .contact-address{font-family:Arial,sans-serif;letter-spacing:.04em;margin-top:22px}.contact .mail-note{font-size:10px;color:#b4bcb0}
.fishing-brand-simple .fishing-wordmark{font-size:clamp(28px,3.5vw,46px);letter-spacing:.06em;padding-bottom:20px;white-space:nowrap}.boat-prefix{font-family:"Yu Gothic",Meiryo,sans-serif;font-size:.52em;letter-spacing:.08em;margin-right:.35em;vertical-align:middle}@media(max-width:650px){.fishing-brand-simple .fishing-wordmark{font-size:34px;padding-bottom:17px}}
.fishing-harbor-photo{display:block;width:100%;height:auto;margin:0 0 28px}.fishing-brand-simple:has(.fishing-harbor-photo){padding-top:0;padding-bottom:0}@media(max-width:650px){.fishing-harbor-photo{margin-bottom:22px}}
.hero-image{object-position:50% 52%}.hero-bottom .hero-photo-credit{font-size:8px;letter-spacing:.03em;max-width:40%;text-align:right;line-height:1.7}.hero-photo-credit a{text-decoration:underline;text-underline-offset:2px}@media(max-width:650px){.hero-bottom{flex-wrap:wrap;gap:15px}.hero-bottom .hero-photo-credit{display:block;width:100%;max-width:100%;text-align:left}.hero-image{object-position:46% 50%}}
.hero-image{object-position:50% 44%}@media(max-width:650px){.hero-image{object-position:61% 45%}}
.intro-night{margin-top:20px}.intro-screen.is-black:not([hidden]){display:grid}.intro-inner{max-height:90svh}.intro-tagline{margin-bottom:40px}#site-content[hidden],#boat-content[hidden]{display:none}.boat-home{font-size:12px;letter-spacing:.08em;white-space:nowrap}.boat-home strong{font:25px Arial,sans-serif;letter-spacing:.07em;margin-left:10px}.boat-hero{min-height:610px;height:calc(100svh - 100px);max-height:900px;position:relative;color:#fff;background:#101c24}.boat-hero>img,.boat-hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 65%}.boat-hero-shade{background:linear-gradient(90deg,#09131dc9,transparent),linear-gradient(0deg,#09131d70,transparent)}.boat-hero-copy{position:absolute;left:8%;top:23%;right:7%}.boat-hero h1{font-size:clamp(34px,4.5vw,65px);font-weight:500;letter-spacing:.06em;line-height:1.7;margin:0 0 27px}.boat-hero-copy>p:not(.eyebrow){font-size:13px;line-height:2.3;letter-spacing:.05em}.boat-hero-copy>a{display:inline-block;font-size:12px;padding:18px 0;border-bottom:1px solid #ffffff80;margin-top:15px}.boat-hero h1:focus{outline:none}.boat-header nav .route-link{display:block}@media(max-width:650px){.intro-logo{max-width:330px;margin:auto}.intro-tagline{margin:22px 0 30px}.intro-enter{padding:12px 3px}.intro-night{margin-top:16px}.boat-header{height:auto;min-height:85px;padding:18px 6%;flex-wrap:wrap;gap:15px}.boat-header nav{width:100%;justify-content:space-between;gap:10px;font-size:10px}.boat-header nav .nav-contact{padding:12px}.boat-hero{min-height:580px;height:80svh}.boat-hero-copy{left:7%;top:23%}.boat-hero h1{font-size:34px}.boat-hero-copy>p:not(.eyebrow){font-size:12px}}
.intro-enter{background:#111;color:#fff;border:1px solid #111;padding:18px 22px;transition:background .2s ease}.intro-enter .intro-arrow{color:#fff}.intro-enter:hover{background:#292929;border-color:#292929}.intro-enter:focus-visible{outline:3px solid #ee6d35;outline-offset:5px}@media(max-width:650px){.intro-enter{padding:15px 20px}}
.intro-enter{background:#fff;color:var(--ink);border:0;border-bottom:1px solid #adb0a5;padding:18px 3px}.intro-enter .intro-arrow{color:var(--orange)}.intro-enter:hover{background:#fff;border-color:#adb0a5}@media(max-width:650px){.intro-enter{padding:12px 3px}}
.intro-enter,.intro-enter:hover{background:transparent}
.boat-prices{background:var(--paper)}.charter-price{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:38px 0;display:flex;justify-content:space-between;align-items:center;gap:30px}.charter-price>div>p:first-child{font-size:13px;letter-spacing:.05em}.charter-price .price-amount{font:clamp(42px,5vw,64px) Arial,sans-serif;margin:18px 0 0;letter-spacing:.02em}.price-amount span{font:13px Meiryo,sans-serif;margin-left:10px}.charter-time{text-align:right}.charter-time>span{font:22px Arial,sans-serif;letter-spacing:.04em}.charter-time p{font-size:12px;color:var(--muted)}.boat-rate-list{margin:0}.boat-rate-list>div{grid-template-columns:150px 1fr;padding:23px 0}.boat-rate-list dd{font-size:14px}.boat-rate-list small{font-size:11px;color:var(--muted)}.boat-fineprint{font-size:11px;color:var(--muted);margin-top:20px}.boat-targets,.boat-investigation{margin-top:45px;max-width:800px}.boat-targets h3,.boat-investigation h3,.boat-guide h3{font-size:18px;font-weight:500;letter-spacing:.04em}.boat-targets p,.boat-investigation p,.boat-guide p{font-size:13px;line-height:2.2;color:#60645d}.boat-guide{background:#e7eceb}.boat-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 7%;margin-top:45px}.boat-guide-grid>div{border-top:1px solid #b3c3bf;padding-top:23px}.guide-number{font:11px Arial,sans-serif;color:#9a5e3d}.boat-booking{margin-top:55px;border-top:1px solid #b3c3bf;padding-top:30px}.boat-booking a{display:inline-flex;justify-content:space-between;gap:40px;align-items:center;background:#263d43;color:#fff;padding:20px 25px;margin-top:15px;font-size:13px}.boat-booking a:hover{background:#344e55}@media(max-width:650px){.charter-price{align-items:flex-start;flex-direction:column;padding:25px 0;gap:22px}.charter-time{text-align:left}.charter-time>span{font-size:19px}.charter-time p{display:inline;margin-left:15px}.boat-rate-list>div{grid-template-columns:90px 1fr}.boat-rate-list dd{font-size:12px}.boat-guide-grid{grid-template-columns:1fr;gap:20px}.boat-header nav{flex-wrap:wrap}.boat-header nav .route-link{font-size:10px}}
.boat-booking .boat-line-button{background:#087e3f;margin-right:12px}.boat-booking .boat-line-button:hover{background:#066b35}.boat-header .boat-line-nav{color:#087e3f}@media(max-width:650px){.boat-booking .boat-line-button{margin-right:0}.boat-booking>a{display:flex;max-width:330px}}
.intro-screen{transition:opacity .3s ease}.page-fade-in{animation:page-fade-in 1.2s ease-out both}@keyframes page-fade-in{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.page-fade-in{animation:none}.intro-screen{transition:none}}
