/* use: 人と街の風景を主役にした、余白と文字組みのデザイン。 */
body.use-site{--use-brand:#0046b0;--use-ink:#172f43;--use-paper:#fffcf8;--use-sand:#f3e9dc;--use-cloud:#eaf1f7;--use-rule:#d9e0e4;--use-warm:#c77e5c}
body.use-site{background:var(--use-paper);color:var(--use-ink)}
/* Header: calm white frame and a clear contact action. */
body.use-site .header{background:#fffcf8;border-bottom:1px solid #e9e5de;box-shadow:none}
body.use-site .header-upper,body.use-site .header-lower{background:transparent}
body.use-site .global-nav a{font-size:13px;color:#19364b;font-weight:600;letter-spacing:.035em}
body.use-site .global-nav a:hover,body.use-site .global-nav .current-menu-item>a{color:#0046b0;text-decoration-color:#d99272;text-decoration-thickness:2px}
body.use-site .header-upper__btns a{background:#0046b0;color:white;border-radius:16px;padding:14px 26px}
/* The words take their own space before an expansive moving photograph. */
body.use-front .top-page .top-mv{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;gap:0;padding:0 28px;background:var(--use-paper);isolation:isolate}
body.use-front .top-mv>.inner,body.use-front .top-mv__catch-wrp,body.use-front .top-mv .catch{display:contents}
body.use-front .top-mv .catch-copy{grid-column:1;grid-row:1;align-self:auto;justify-self:start;position:relative;z-index:4;margin:0;padding:72px clamp(22px,5vw,80px) 40px;max-width:100%;width:100%;font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-size:clamp(54px,6.5vw,94px);line-height:1.38;letter-spacing:.055em;font-weight:600;color:#073d87;text-shadow:none;pointer-events:auto;box-sizing:border-box}
body.use-front .top-mv .catch-copy:before{content:'KENGUN, KUMAMOTO';display:block;margin:0 0 23px;color:#a9593e;font:600 10px/1.5 Arial,sans-serif;letter-spacing:.22em;text-shadow:none}
body.use-front .top-mv .catch-copy .show--pc{display:grid;grid-template-columns:max-content max-content;gap:0 .18em;justify-content:start}
body.use-front .top-mv .catch-copy .show--sp{display:none}
body.use-front .top-mv .use-phrase{display:inline-block;white-space:nowrap}
body.use-front .top-mv__img{grid-column:1;grid-row:2;position:relative;inset:auto;width:100%;height:clamp(500px,67vw,760px);min-height:0;margin:0;padding:0;border-radius:24px 24px 100px 24px;overflow:hidden}
body.use-front .use-album,body.use-front .use-album-stage{width:100%;height:100%;border-radius:inherit}
body.use-front .use-album-stage:after{background:linear-gradient(0deg,rgba(8,32,50,.45),transparent 40%)}
body.use-front .top-mv .use-album-page img{filter:saturate(.96);object-position:center 48%}
body.use-front .use-album-controls{inset:auto 76px 30px auto}
body.use-front .top-mv .catch-txt{grid-column:1;grid-row:3;justify-self:start;position:relative;max-width:1120px;width:100%;min-width:0;margin:0 auto;padding:90px 30px 104px 20%;font-size:clamp(16px,1.5vw,21px);font-weight:500;line-height:2.25;letter-spacing:.045em;color:#203d4c;text-align:left}
body.use-front .top-mv .catch-txt:before{content:'ABOUT USE';position:absolute;top:100px;left:30px;color:#ad684b;font:600 11px/1.5 Arial,sans-serif;letter-spacing:.18em}
body.use-front .top-mv__bottom-wrps{grid-column:1;grid-row:4}
/* A varied visual rhythm: oversized message, big imagery and open space. */
body.use-front .top-page .top-prof{background:var(--use-sand);border-radius:42px 42px 0 0;padding:122px 0}
body.use-front .top-prof>.inner{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:0 8%;max-width:1200px}
body.use-front .top-prof .sec-ttl{font-size:clamp(35px,3.4vw,50px);font-weight:600;line-height:1.7;letter-spacing:.04em;color:#073d87;margin:0 0 36px}
body.use-front .top-prof__img{border-radius:26px 96px 26px 96px;min-height:620px}
body.use-front .top-prof__ttl{font-size:clamp(23px,2.2vw,32px);color:#193a4e;line-height:1.8;margin:0 0 26px}
body.use-front .top-prof__desc{font-size:15px;line-height:2.35;letter-spacing:.035em;color:#405463}
body.use-front .top-prof .btn-wrp{margin-top:38px}
body.use-site .top-page .btn{min-height:58px;min-width:250px;justify-content:space-between;border:1px solid #aebfc9;border-radius:18px;background:transparent;padding:17px 24px;font-size:13px}
body.use-front .top-prof .btn{background:#fffaf3;border-color:#d5bea9}
body.use-front .top-page .top-blog{background:#fffcf8;padding:125px 0}
body.use-front .top-blog .sec-ttl{font:600 clamp(56px,6vw,86px)/1.05 Arial,sans-serif;letter-spacing:-.06em;color:#003f9e;margin:0}
body.use-front .top-blog .sec-desc{font-size:15px;line-height:2.2;margin:0 0 6px}
body.use-front .top-blog .category-box{border-color:#d5dfe4;margin:52px 0 30px}
body.use-front .top-blog .blog-list{gap:52px 30px}
body.use-front .top-blog .use-card-image{border-radius:20px 20px 50px 20px}
body.use-front .top-blog .use-card-title{color:#19394f}
body.use-front .top-blog .use-card-read{border-color:#db9b7c}
body.use-front .top-page .top-contact{padding:105px 0;background:#073f95;border-radius:48px 48px 0 0}
body.use-front .top-contact .sec-ttl{font:600 clamp(52px,6vw,84px)/1.05 Arial,sans-serif;letter-spacing:-.06em;color:#fff}
body.use-front .top-contact .contact-btn{border-radius:18px;background:#efb997;color:#173a61;border-color:#efb997}
body.use-front .top-page .top-editor{padding:100px 0;background:#f6ede1}
body.use-front .top-editor .sec-ttl,body.use-site .ft-related .sec-ttl{font:600 clamp(42px,4.7vw,64px)/1.05 Arial,sans-serif;letter-spacing:-.055em;color:#073f95}
body.use-front .top-editor .pageTemplate{border-radius:24px}
body.use-site .ft-related{background:#edf3f7;padding:95px 0}
body.use-site .ft-related__item-img,body.use-front .ft-related--top .ft-related__item-img{border-radius:20px 20px 55px 20px}
body.use-site .footer{background:#f0e4d4}
body.use-site .footer__company,body.use-front .footer__company{padding-top:82px;padding-bottom:75px}
body.use-site .footer__bottom,body.use-front .footer__bottom{padding-top:90px;padding-bottom:75px}
body.use-site .footer__logo img{max-width:180px}
body.use-site .footer__nav li a{font-weight:600}
/* Carry the same typography and generous margins through the rest of the site. */
body.use-inner .rich-head{background:#f1e8db;border-radius:24px 24px 84px 24px;min-height:390px}
body.use-inner .rich-head__inner{min-height:390px}
body.use-inner .rich-head__ttl{font-size:clamp(36px,4vw,56px);font-weight:600;line-height:1.5;letter-spacing:.045em;color:#073d87}
body.use-inner .rich-head__eyecatch{border-top-left-radius:84px}
body.use-inner .title-head .sec-ttl,body.use-inner .use-journal-heading h1,body.use-inner .use-story-head h1{font-weight:600;color:#073d87}
body.use-inner .pageTemplate .entry-content>h2{font-weight:600;letter-spacing:.045em;border-bottom:1px solid #d5e0e5}
body.use-inner .use-journal-kicker,body.use-inner .use-story-brand{color:#a95f43}
body.use-inner .use-side-panel{background:#fffdfa;border-color:#e7dfd6}
body.use-site a:focus-visible,body.use-site button:focus-visible{outline:3px solid #b05e3e;outline-offset:4px}
@media(min-width:1201px){body.use-site .header{min-height:90px;padding:16px 40px}}
@media(max-width:1100px){body.use-front .top-page .top-mv{grid-template-columns:minmax(0,1fr);padding:0 20px}body.use-front .top-mv .catch-copy{padding:60px 38px 36px;font-size:clamp(48px,6vw,70px)}body.use-front .top-mv__img{height:clamp(480px,65vw,660px);min-height:0}body.use-front .top-mv .catch-txt{padding-top:70px;padding-bottom:80px}body.use-front .top-mv .catch-txt:before{top:80px}body.use-front .top-page .top-prof,body.use-front .top-page .top-blog{padding-block:90px}}
@media(max-width:900px) and (min-width:768px){body.use-front .top-prof .sec-ttl{font-size:32px}body.use-front .top-prof__img{min-height:0}body.use-front .top-prof__ttl{font-size:26px}}
@media(max-width:767px){
 body.use-front .top-page .top-mv{display:grid;grid-template-columns:minmax(0,1fr);padding:0 12px;min-height:0}
 body.use-front .top-mv>.inner{display:contents}
 body.use-front .top-mv .catch-copy{grid-row:1;width:100%;max-width:100%;margin:0;padding:46px 14px 27px;font-size:clamp(35px,8.3vw,55px);line-height:1.45;letter-spacing:.035em}
 body.use-front .top-mv .catch-copy:before{margin-bottom:16px;font-size:9px}
 body.use-front .top-mv .catch-copy .show--pc{display:none}
 body.use-front .top-mv .catch-copy .show--sp{display:grid;grid-template-columns:max-content max-content;gap:0 .08em}
 body.use-front .top-mv__img{grid-row:2;height:clamp(420px,62svh,580px);border-radius:18px 18px 58px 18px}
 body.use-front .use-album-controls{inset:auto auto 22px 22px;gap:14px}
 body.use-front .top-mv .catch-txt{grid-row:3;padding:60px 14px 64px;max-width:100%;font-size:15px;line-height:2.2;letter-spacing:.025em}
 body.use-front .top-mv .catch-txt:before{top:29px;left:14px;font-size:9px}
 body.use-front .top-page .top-prof{border-radius:26px 26px 0 0;padding:70px 0}
 body.use-front .top-prof .sec-ttl{font-size:clamp(28px,6.5vw,36px);line-height:1.7;margin:0 0 30px}
 body.use-front .top-prof__img{min-height:0;border-radius:20px 60px 20px 60px;margin:0 0 30px}
 body.use-front .top-prof__img img{aspect-ratio:5/4}
 body.use-front .top-prof__ttl{font-size:25px;margin:0 0 20px}
 body.use-front .top-prof__desc{font-size:14px;line-height:2.2}
 body.use-front .top-prof .btn-wrp{margin:30px 0 0}
 body.use-front .top-page .top-blog{padding:75px 0}
 body.use-front .top-blog .sec-ttl{font-size:58px;margin:0 0 24px}
 body.use-front .top-blog .sec-desc{font-size:14px}
 body.use-front .top-blog .category-box{margin:30px 0 25px}
 body.use-front .top-blog .blog-list{gap:32px}
 body.use-front .top-blog .use-card-image{border-radius:16px 16px 36px 16px}
 body.use-front .top-page .top-contact{padding:70px 0;border-radius:28px 28px 0 0}
 body.use-front .top-contact .sec-ttl{font-size:52px;margin-bottom:26px}
 body.use-front .top-page .top-editor{padding:65px 0}
 body.use-front .top-editor .sec-ttl,body.use-site .ft-related .sec-ttl{font-size:42px;line-height:1.15}
 body.use-site .ft-related{padding:65px 0}
 body.use-site .footer__company,body.use-front .footer__company{padding:52px 22px 26px}
 body.use-site .footer__bottom,body.use-front .footer__bottom{padding:0 22px 44px}
 body.use-inner .rich-head{min-height:0;border-radius:20px 20px 55px 20px}
 body.use-inner .rich-head__inner,body.use-inner .rich-head:has(>.rich-head__eyecatch) .rich-head__inner{min-height:0}
 body.use-inner .rich-head__ttl{font-size:30px}
 body.use-inner .rich-head__eyecatch{border-top-left-radius:44px}
}
@media(max-width:360px){body.use-front .top-mv .catch-copy{font-size:clamp(28px,8.1vw,35px);padding-inline:12px}}
/* Keep English section labels intact on narrower desktop layouts. */
body.use-front .top-contact .sec-ttl{font-size:clamp(46px,4.1vw,64px);white-space:nowrap;overflow-wrap:normal}
@media(max-width:767px){body.use-front .top-contact .sec-ttl{font-size:clamp(40px,11vw,52px)}}
body.use-front .top-mv .catch-copy .show--pc,body.use-front .top-mv .catch-copy .show--sp{grid-template-columns:repeat(2,minmax(0,max-content))}
body.use-front .top-mv .use-phrase{white-space:normal;overflow-wrap:anywhere}