#kr-about.sec_omoi_hero{padding:20px 32px 98px;color:#fff;background:#0b2247;>.wrap{width:100%;max-width:1320px;margin:0 auto}.breadcrumb{display:flex;gap:11px;align-items:center;color:#a5bddb;font-size:12px;a {color: inherit; text-decoration: none;} a:hover {text-decoration: underline;}}.hero_grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.35fr);align-items:end;gap:80px;padding-top:95px}.kicker{color:#8cbdff;font-size:12px;font-weight:900;letter-spacing:.15em}h1.ttl {margin: 25px 0 25px; color: #fff; font-size: 76px; font-weight: 900; line-height: 1.3em; letter-spacing: -.06em; span {color: #86bdff;}} .lead {max-width: 700px; color: #e0eafa; font-size: 20px; line-height: 1.8em;} .byline {margin-top: 33px; color: #aec3e0; font-size: 13px; font-weight: 700;} .aside_copy {padding-top: 25px; border-top: 3px solid #82b9ff; strong {color: #fff; font-size: 21px; line-height: 1.55em;} p {margin-top: 14px; color: #b5c9e4; font-size: 15px; line-height: 1.9em;}} @media (max-width: 1200px) {.hero_grid {gap: 50px;} h1.ttl {font-size: 68px;}} @media (max-width: 950px) {.hero_grid {gap: 30px;} h1.ttl {font-size: 60px;}} @media (max-width: 750px) {padding: 18px 24px 70px; .hero_grid {grid-template-columns: 1fr; gap: 40px; padding-top: 60px;} h1.ttl {font-size: 52px;} .aside_copy {max-width: 470px;}} @media (max-width: 500px) {padding-right: 20px; padding-left: 20px; h1.ttl {font-size: 44px;} .lead {font-size: 18px;}}}.sec_omoi_article{color:#142a49;background:#fff;.chapter{margin-bottom:17px;color:#0864d7;font-size:12px;font-weight:900;letter-spacing:.15em}h2.ttl {margin: 0 0 31px; color: #122b4b; font-size: 40px; font-weight: 900; line-height: 1.5em; letter-spacing: -.04em;} .prose > p:not(.chapter) {margin-bottom: 24px; color: #445771; font-size: 18px; line-height: 2em;} .prose > p.lead {color: #1e3859; font-size: 20px; font-weight: 700;} .chapter_first {padding: 100px 32px 112px; background: #fdfcf9; > .wrap {display: grid; grid-template-columns: minmax(0,1.2fr) minmax(300px,.8fr); gap: 80px; width: 100%; max-width: 1320px; margin: 0 auto;} .image {margin: 0; img {display: block; width: 100%; height: 450px; object-fit: cover;} figcaption {margin-top: 10px; color: #8393a5; font-size: 12px;}}} .chapter_body {padding: 106px 32px 0; > .wrap {width: 100%; max-width: 820px; margin: 0 auto;} .wide_image {width: 100%; max-width: 1060px; margin: 68px auto 0; img {display: block; width: 100%; max-height: 530px; object-fit: cover;} figcaption {margin-top: 10px; color: #8999ac; font-size: 12px; text-align: right;}} &.final_chapter {padding-bottom: 95px;}} .statement {width: calc(100% - 64px); max-width: 1060px; margin: 94px auto 0; padding: 70px 76px; background: #0d326c; color: #fff; p {margin-bottom: 17px; color: #a2caff; font-size: 12px; font-weight: 900; letter-spacing: .15em;} blockquote {margin: 0; color: #fff; font-size: 38px; font-weight: 900; line-height: 1.55em; letter-spacing: -.04em;} span {display: block; margin-top: 20px; color: #b5cbea; font-size: 13px;}} .signature {display: grid; grid-template-columns: 170px 1fr; gap: 35px; width: calc(100% - 64px); max-width: 820px; margin: 0 auto 108px; padding-top: 29px; border-top: 1px solid #d5e1ed; > span {color: #0864d7; font-size: 12px; font-weight: 900; letter-spacing: .13em;} p {color: #415a76; font-size: 17px; line-height: 1.9em;} strong {display: block; margin-top: 20px; color: #112d50; font-size: 17px;}} @media (max-width: 1200px) {.chapter_first > .wrap {gap: 50px;}} @media (max-width: 900px) {h2.ttl {font-size: 36px;} .chapter_first > .wrap {gap: 30px;}} @media (max-width: 750px) {.chapter_first {padding: 76px 24px 86px; > .wrap {grid-template-columns: 1fr;} .image img {height: 350px;}} .chapter_body {padding: 78px 24px 0; &.final_chapter {padding-bottom: 70px;}} .statement {width: calc(100% - 48px); padding: 48px 40px; blockquote {font-size: 32px;}} .signature {width: calc(100% - 48px);}} @media (max-width: 500px) {h2.ttl {font-size: 30px;} .prose > p:not(.chapter) {font-size: 16px;} .prose > p.lead {font-size: 18px;} .chapter_first {padding-right: 20px; padding-left: 20px;} .chapter_body {padding-right: 20px; padding-left: 20px;} .chapter_body .wide_image img {height: 260px;} .statement {width: calc(100% - 40px); margin-top: 78px; padding: 35px 25px; blockquote {font-size: 26px;}} .signature {grid-template-columns: 1fr; gap: 10px; width: calc(100% - 40px);}}}.sec_omoi_closing{padding:72px 32px;background:#0a63d8;color:#fff;>.wrap{display:flex;align-items:center;justify-content:space-between;gap:35px;width:100%;max-width:1320px;margin:0 auto}h2 {margin: 0; color: #fff; font-size: 29px; font-weight: 900; line-height: 1.45em;} p {margin-top: 10px; color: #d9e9ff; font-size: 15px;} a {display: inline-flex; align-items: center; gap: 16px; min-height: 52px; padding: 12px 22px; border-radius: 5px; color: #075fcf; background: #fff; font-size: 14px; font-weight: 900; text-decoration: none; white-space: nowrap;} @media (max-width: 750px) {> .wrap {align-items: start; flex-direction: column;}} @media (max-width: 500px) {padding: 58px 20px; h2 {font-size: 24px;} a {width: 100%; justify-content: center;}}}