/* 人、写真、言葉の大きさと余白で見せる use のデザイン。 */
body.use-site{--use-font:'Helvetica Neue',Arial,'Hiragino Kaku Gothic ProN','Hiragino Sans','Yu Gothic',Meiryo,sans-serif;--use-ink:#20364a;--use-paper:#fffcf7;--use-blue:#0046b0;--use-warm:#dd9874;color:var(--use-ink);font-family:var(--use-font);font-feature-settings:'palt'}
body.use-site :is(h1,h2,h3,h4,h5,h6,button,input,textarea,select){font-family:var(--use-font)}
body.use-site :is(h1,h2,h3,h4){font-weight:700;letter-spacing:.015em;line-break:strict}
body.use-site :is(p,li,td,th){letter-spacing:.025em}
body.use-site .header,body.use-front .header{background:#fffcf7}
body.use-site .header .logo img{width:158px}
body.use-site .global-nav a{font-family:var(--use-font);font-size:13px;font-weight:700;letter-spacing:.025em;color:#1e384d}
body.use-site .header-upper__btns a{border-radius:12px;padding:15px 27px;background:#0046b0}
/* The caption crosses the photograph, with the two halves on opposing sides. */
body.use-front .top-page .top-mv{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;position:relative;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__img{grid-column:1;grid-row:1;position:relative;width:100%;height:clamp(540px,calc(100svh - 140px),800px);min-height:0;margin:148px 0 0;padding:0;border-radius:24px 24px 100px 24px;overflow:hidden}
body.use-front .use-album{height:100%;width:100%}
body.use-front .use-album-stage:after{background:linear-gradient(90deg,rgba(8,29,50,.1),transparent 55%),linear-gradient(0deg,rgba(5,27,49,.55),transparent 50%)}
body.use-front .top-mv .catch-copy{grid-column:1;grid-row:1;position:relative;align-self:stretch;justify-self:stretch;width:100%;max-width:none;min-width:0;height:100%;margin:0;padding:0;z-index:4;pointer-events:none;font-family:var(--use-font);font-weight:800;line-height:1.18;font-size:clamp(58px,7.6vw,110px);letter-spacing:-.045em;color:#073d87;text-shadow:none}
body.use-front .top-mv .catch-copy:before{display:none}
body.use-front .top-mv .catch-copy .show--pc{display:block}
body.use-front .top-mv .catch-copy .show--sp{display:none}
body.use-front .use-hero-phrase{position:absolute;display:block;max-width:56%;overflow-wrap:anywhere}
body.use-front .use-hero-phrase>span{display:table;max-width:100%;line-height:1.22;white-space:normal;overflow-wrap:anywhere}
body.use-front .use-hero-phrase--first{top:52px;left:clamp(24px,4vw,62px);color:#073d87}
body.use-front .use-hero-phrase--first>span{background:#fffcf7;padding:0 .12em .04em 0}
body.use-front .use-hero-phrase--last{bottom:clamp(78px,9vw,136px);right:clamp(28px,5vw,82px);color:white;text-align:right;filter:drop-shadow(0 3px 12px rgba(0,25,48,.55))}
body.use-front .use-hero-phrase--last>span{margin-left:auto}
body.use-front .use-album-controls{inset:auto 68px 30px auto;pointer-events:auto}
body.use-front .top-mv .catch-txt{grid-column:1;grid-row:2;justify-self:end;max-width:980px;width:100%;padding:100px 36px 116px 60px;margin:0;color:#20364a;font-family:var(--use-font);font-size:clamp(17px,1.55vw,22px);font-weight:600;line-height:2.2;letter-spacing:.025em}
body.use-front .top-mv .catch-txt:before{content:'ABOUT USE';left:-130px;top:110px;font:700 11px/1.6 Arial,sans-serif;letter-spacing:.16em;color:#ae6a4c}
body.use-front .top-mv__bottom-wrps{grid-column:1;grid-row:3}
body.use-front .top-page .top-prof{background:#f3e9dc;padding:120px 0;border-radius:36px 36px 0 0}
body.use-front .top-prof>.inner{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:0 7%;align-items:start}
body.use-front .top-prof .sec-ttl{grid-column:1/-1;grid-row:1;max-width:940px;margin:0 0 64px;font-family:var(--use-font);font-size:clamp(38px,4.7vw,64px);font-weight:800;line-height:1.55;letter-spacing:.015em;color:#073d87}
body.use-front .top-prof__contents{display:contents}
body.use-front .top-prof__img{grid-column:1;grid-row:2/5;min-height:560px;height:100%;margin:0;border-radius:22px 82px 22px 82px}
body.use-front .top-prof__img img{width:100%;height:100%;max-height:none;object-fit:cover}
body.use-front .top-prof__ttl{grid-column:2;grid-row:2;margin:6px 0 24px;font-family:var(--use-font);font-size:clamp(24px,2.6vw,36px);font-weight:700;line-height:1.7;letter-spacing:.015em;color:#173b59}
body.use-front .top-prof__desc{grid-column:2;grid-row:3;font-size:15px;line-height:2.3;letter-spacing:.03em;color:#425562}
body.use-front .top-prof .btn-wrp{grid-column:2;grid-row:4;margin:32px 0 0}
body.use-front .top-page .top-blog{padding:120px 0;background:#fffcf7}
body.use-front .top-blog .sec-ttl,body.use-front .top-contact .sec-ttl,body.use-front .top-editor .sec-ttl,body.use-site .ft-related .sec-ttl{font-family:Arial,'Helvetica Neue',sans-serif;font-weight:700;letter-spacing:-.055em;color:#0046b0}
body.use-front .top-blog .sec-ttl{font-size:clamp(64px,7.5vw,104px);line-height:1}
body.use-front .top-blog .sec-desc{font-family:var(--use-font);font-size:14px;line-height:2.2}
body.use-front .top-blog .use-card-title{font-family:var(--use-font);font-weight:700;color:#203d53}
body.use-front .top-blog .use-card-image{border-radius:16px 16px 42px 16px}
body.use-front .top-page .top-contact{background:#073e94;border-radius:36px 36px 0 0}
body.use-front .top-contact .sec-ttl{color:#fff;font-size:clamp(52px,5.3vw,72px);white-space:nowrap}
body.use-front .top-page .top-editor{background:#f4eadc}
body.use-front .top-editor .sec-ttl,body.use-site .ft-related .sec-ttl{font-size:clamp(46px,5vw,70px)}
body.use-site .ft-related{background:#eaf1f5}
body.use-site .footer{background:#f0e4d5}
/* Page openings: large photograph followed by a title that overlaps its lower edge. */
body.use-inner .breadcrumb{font-size:11px;padding:17px 0}
body.use-inner .rich-head{position:relative;min-height:0;margin:0 28px;background:#f2e9dc;border-radius:24px;overflow:hidden}
body.use-inner .rich-head__inner{min-height:0;padding:70px 0;width:100%;display:flex;align-items:center}
body.use-inner .rich-head__inner>.inner{max-width:1200px;width:calc(100% - 112px);margin:auto;padding:0}
body.use-inner .rich-head__ttl{font-family:var(--use-font);font-size:clamp(40px,4.7vw,68px);font-weight:800;letter-spacing:.02em;line-height:1.4;color:#073d87;text-align:left;overflow-wrap:anywhere}
body.use-inner .rich-head__en{font-family:Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.16em;color:#aa654a;margin-top:16px}
body.use-inner .rich-head__desc{font-family:var(--use-font);font-size:14px;line-height:2.1;max-width:610px;color:#4e606e;margin-top:20px}
body.use-inner .rich-head:has(>.rich-head__eyecatch){display:flex;flex-direction:column-reverse;background:transparent;overflow:visible;border-radius:0}
body.use-inner .rich-head:has(>.rich-head__eyecatch) .rich-head__eyecatch{position:relative;inset:auto;display:block;width:100%;height:clamp(360px,40vw,570px);object-fit:cover;object-position:center;border-radius:24px 24px 80px 24px;z-index:0}
body.use-inner .rich-head:has(>.rich-head__eyecatch) .rich-head__inner{position:relative;width:min(75%,820px);min-height:0;display:block;align-self:flex-start;margin:-52px 0 0 clamp(24px,5vw,76px);padding:25px 36px 8px 0;background:var(--use-paper);border-radius:0 24px 0 0;z-index:1}
body.use-inner .rich-head:has(>.rich-head__eyecatch) .rich-head__inner>.inner{width:100%;max-width:none;margin:0;padding:0}
body.use-inner .pageTemplate{padding-top:78px}
body.use-inner .pageTemplate>.inner{max-width:1120px}
body.use-inner .pageTemplate .entry-content{font-family:var(--use-font);font-size:16px;line-height:2.2;letter-spacing:.025em;color:#263f4e}
body.use-inner .pageTemplate .entry-content>h2{font-family:var(--use-font);font-weight:700;font-size:clamp(27px,3vw,38px);line-height:1.6;color:#073d87;margin:88px 0 30px;padding:0 0 20px;border:0;border-bottom:1px solid #ccd9e0}
body.use-inner .pageTemplate .entry-content>h3,body.use-inner .pageTemplate .entry-content :is(.wp-block-group,.wp-block-column,.wp-block-media-text__content)>h3{font-family:var(--use-font);font-weight:700;font-size:22px;line-height:1.7;color:#1c4b76}
body.use-inner .pageTemplate .entry-content figure img{border-radius:18px 18px 48px 18px}
body.use-inner .pageTemplate .entry-content .wp-block-media-text__media img{border-radius:0}
body.use-inner .pageTemplate .entry-content .wp-block-table{border-radius:16px}
body.use-inner .pageTemplate .entry-content th{background:#ebf2f7;color:#184979}
body.use-inner .pageTemplate .entry-content .wp-block-button__link{font-family:var(--use-font);font-weight:700;border-radius:14px}
body.use-inner .title-head .sec-ttl,body.use-inner .use-journal-heading h1,body.use-inner .use-story-head h1{font-family:var(--use-font);font-weight:800;color:#073d87;letter-spacing:.01em}
body.use-inner .use-journal-heading h1{font-size:clamp(40px,5vw,68px);line-height:1.4}
body.use-inner .use-story-head h1{font-size:clamp(29px,3.4vw,46px);line-height:1.6}
body.use-inner .use-side-panel h2,body.use-inner .use-toc h2{font-family:var(--use-font);font-size:16px;font-weight:700}
body.use-inner .use-story-meta,body.use-inner .use-card-meta{font-variant-numeric:tabular-nums}
body.use-inner .use-article .entry-content{font-family:var(--use-font);font-size:16px;line-height:2.2;letter-spacing:.025em}
body.use-inner .use-article .entry-content :is(h2,h3,h4){font-family:var(--use-font);line-height:1.6}
@media(max-width:1100px){body.use-front .top-page .top-mv{padding:0 20px}body.use-front .top-mv__img{margin-top:120px;height:clamp(520px,65vw,690px);min-height:0}body.use-front .top-mv .catch-copy{font-size:clamp(54px,7.5vw,82px)}body.use-front .use-hero-phrase--first{top:42px}body.use-front .top-mv .catch-txt{padding:80px 30px 90px 18%}body.use-front .top-mv .catch-txt:before{left:24px;top:90px}body.use-front .top-page .top-prof,body.use-front .top-page .top-blog{padding:90px 0}}
@media(max-width:900px) and (min-width:768px){body.use-front .top-prof>.inner{gap:0 5%}body.use-front .top-prof__img{min-height:500px}body.use-front .top-prof .sec-ttl{font-size:42px}body.use-front .top-prof__ttl{font-size:24px}}
@media(max-width:767px){
 body.use-front .top-page .top-mv{display:grid;grid-template-columns:minmax(0,1fr);padding:0 12px}
 body.use-front .top-mv>.inner{display:contents}
 body.use-front .top-mv__img{grid-row:1;margin:90px 0 0;height:clamp(460px,66svh,610px);border-radius:18px 18px 58px 18px}
 body.use-front .top-mv .catch-copy{grid-row:1;width:100%;height:100%;max-width:none;margin:0;padding:0;font-size:clamp(39px,9.2vw,64px);line-height:1.2;letter-spacing:-.045em}
 body.use-front .top-mv .catch-copy .show--pc{display:none}
 body.use-front .top-mv .catch-copy .show--sp{display:block}
 body.use-front .use-hero-phrase{max-width:67%}
 body.use-front .use-hero-phrase--first{top:30px;left:16px}
 body.use-front .use-hero-phrase--last{right:24px;bottom:98px}
 body.use-front .use-album-controls{inset:auto auto 22px 20px;gap:14px}
 body.use-front .top-mv .catch-txt{grid-row:2;padding:66px 14px 70px;max-width:100%;font-size:15px;line-height:2.2;font-weight:500}
 body.use-front .top-mv .catch-txt:before{left:14px;top:34px;font-size:9px}
 body.use-front .top-page .top-prof{padding:70px 0;border-radius:26px 26px 0 0}
 body.use-front .top-prof>.inner{display:block}
 body.use-front .top-prof .sec-ttl{font-size:clamp(29px,7vw,39px);line-height:1.55;margin:0 0 30px}
 body.use-front .top-prof__contents{display:block}
 body.use-front .top-prof__img{height:auto;min-height:0;margin:0 0 28px;border-radius:18px 56px 18px 56px}
 body.use-front .top-prof__img img{height:auto;aspect-ratio:5/4;object-fit:cover}
 body.use-front .top-prof__ttl{font-size:24px;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:28px 0 0}
 body.use-front .top-page .top-blog{padding:74px 0}
 body.use-front .top-blog .sec-ttl{font-size:58px;line-height:1.1;margin:0 0 22px}
 body.use-front .top-contact .sec-ttl{font-size:clamp(40px,10vw,52px)}
 body.use-site .ft-related .sec-ttl,body.use-front .top-editor .sec-ttl{font-size:42px}
 body.use-inner .rich-head{margin:0 12px;border-radius:18px}
 body.use-inner .rich-head__inner{padding:38px 0}
 body.use-inner .rich-head__inner>.inner{width:calc(100% - 44px)}
 body.use-inner .rich-head__ttl{font-size:clamp(29px,7vw,38px);line-height:1.45}
 body.use-inner .rich-head__en{font-size:10px;margin-top:10px}
 body.use-inner .rich-head__desc{font-size:13px;line-height:2;margin-top:14px}
 body.use-inner .rich-head:has(>.rich-head__eyecatch) .rich-head__eyecatch{width:100%;height:clamp(230px,65vw,360px);border-radius:18px 18px 52px 18px}
 body.use-inner .rich-head:has(>.rich-head__eyecatch) .rich-head__inner{width:calc(100% - 48px);margin:-26px 0 0 16px;padding:16px 20px 0 0;border-radius:0 18px 0 0}
 body.use-inner .pageTemplate{padding-top:46px}
 body.use-inner .pageTemplate .entry-content{font-size:15px;line-height:2.1}
 body.use-inner .pageTemplate .entry-content>h2{font-size:26px;margin-top:56px}
 body.use-inner .pageTemplate .entry-content>h3{font-size:20px}
 body.use-inner .use-journal-heading h1{font-size:36px}
 body.use-inner .use-story-head h1{font-size:27px;line-height:1.6}
 body.use-inner .use-article .entry-content{font-size:15px;line-height:2.1}
}
@media(max-width:359px){body.use-front .top-mv .catch-copy{font-size:clamp(33px,9.2vw,39px)}body.use-front .use-hero-phrase--first{left:12px}body.use-front .use-hero-phrase--last{right:18px}}
body.use-inner .pageTemplate .entry-content>h2:not(.has-text-align-center):not(.has-text-align-right){text-align:left}