/* AWT disaster: awt-disaster-hero.css
   External migration from Additional CSS, 2026-09-22. */

#awt-disaster-guide .awtd-hero {
display:grid;
grid-template-columns:
minmax(0,1fr)
minmax(0,1.15fr);
min-height:270px;
overflow:hidden;
border:1px solid var(--line);
border-radius:20px;
background:#fff;
box-shadow:var(--shadow);
}

#awt-disaster-guide .awtd-hero__copy {
display:flex;
flex-direction:column;
justify-content:center;
padding:26px 16px 26px 28px;
}

#awt-disaster-guide .awtd-hero__kicker {
margin:0 0 8px;
color:var(--blue);
font-size:14px;
font-weight:800;
}

#awt-disaster-guide .awtd-hero__title {
margin:0 0 15px;
color:var(--navy);
font-size:clamp(36px,3.6vw,52px);
font-weight:900;
line-height:1.15;
white-space:nowrap;
}

#awt-disaster-guide .awtd-hero__lead {
font-size:15px;
font-weight:600;
line-height:1.85;
}

#awt-disaster-guide .awtd-hero__visual {
position:relative;
min-height:270px;
margin:0;
}

#awt-disaster-guide .awtd-hero__visual > img {
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
}

#awt-disaster-guide .awtd-hero__visual::before {
position:absolute;
z-index:1;
inset:0 auto 0 0;
width:12%;
background:
linear-gradient(
90deg,
#fff,
transparent
);
content:"";
pointer-events:none;
}

#awt-disaster-guide .awtd-hero__message {
position:absolute;
z-index:2;
top:16px;
right:16px;
margin:0;
padding:7px 12px;
border-radius:12px;
background:rgba(255,255,255,.84);
color:var(--navy);
font-family:
"Yomogi",
"Hiragino Maru Gothic ProN",
cursive;
font-size:clamp(19px,1.85vw,25px);
font-weight:400;
line-height:1.5;
transform:rotate(-2deg);
}

#awt-disaster-guide .awtd-hero__message span {
display:block;
white-space:nowrap;
}

#awt-disaster-guide .awtd-hero__visual figcaption {
position:absolute;
z-index:2;
right:9px;
bottom:8px;
padding:2px 8px;
border-radius:99px;
background:rgba(255,255,255,.92);
color:#536977;
font-size:10px;
}

@media (max-width:959px) {
#awt-disaster-guide .awtd-hero__copy {
padding:22px 16px;
}
}

@media (max-width:959px) {
#awt-disaster-guide .awtd-hero__title {
font-size:36px;
}
}

@media (max-width:767px) {
#awt-disaster-guide .awtd-hero {
grid-template-columns:1fr;
min-height:0;
border-radius:14px;
}
}

@media (max-width:767px) {
#awt-disaster-guide .awtd-hero__copy {
padding:22px 18px 18px;
}
}

@media (max-width:767px) {
#awt-disaster-guide .awtd-hero__title {
font-size:38px;
}
}

@media (max-width:767px) {
#awt-disaster-guide .awtd-hero__lead {
font-size:14px;
}
}

@media (max-width:767px) {
#awt-disaster-guide .awtd-hero__visual {
height:170px;
min-height:0;
}
}

@media (max-width:767px) {
#awt-disaster-guide .awtd-hero__visual::before {
display:none;
}
}

@media (max-width:767px) {
#awt-disaster-guide .awtd-hero__message {
top:10px;
right:12px;
padding:5px 9px;
font-size:18px;
}
}

@media (max-width:390px) {
#awt-disaster-guide .awtd-hero__title {
font-size:34px;
}
}

@media (max-width:390px) {
#awt-disaster-guide .awtd-hero__message {
font-size:16px;
}
}

#awt-disaster-evacuation-page .awtd-detail-hero {
position:relative;
overflow:hidden;
width:100%;
aspect-ratio:3.7 / 1;
min-height:270px;
border:1px solid var(--line);
border-radius:20px;
background:#eff8fd;
box-shadow:var(--shadow);
}

#awt-disaster-evacuation-page .awtd-detail-hero::before {
position:absolute;
z-index:1;
inset:0;
background:
linear-gradient(
90deg,
rgba(255,255,255,.98) 0%,
rgba(255,255,255,.95) 30%,
rgba(255,255,255,.72) 45%,
rgba(255,255,255,.18) 62%,
rgba(255,255,255,0) 74%
);
content:"";
pointer-events:none;
}

#awt-disaster-evacuation-page .awtd-detail-hero > img {
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
}

#awt-disaster-evacuation-page .awtd-detail-hero__copy {
position:absolute;
z-index:2;
top:50%;
left:clamp(22px,3.3vw,42px);
width:min(500px,46%);
transform:translateY(-50%);
}

#awt-disaster-evacuation-page .awtd-detail-hero__kicker {
margin:0 0 7px;
color:var(--blue);
font-size:14px;
font-weight:800;
}

#awt-disaster-evacuation-page .awtd-detail-hero__title {
margin:0 0 12px;
color:var(--navy);
font-size:clamp(38px,4vw,54px);
font-weight:900;
line-height:1.15;
letter-spacing:-.02em;
white-space:nowrap;
}

#awt-disaster-evacuation-page .awtd-detail-hero__lead {
max-width:470px;
color:#344f62;
font-size:15px;
font-weight:600;
line-height:1.8;
}

#awt-disaster-evacuation-page .awtd-detail-hero__message {
position:absolute;
z-index:3;
top:18px;
right:24px;
margin:0;
padding:7px 11px;
border-radius:11px;
background:rgba(255,255,255,.78);
color:var(--navy);
font-family:
"Yomogi",
"Hiragino Maru Gothic ProN",
cursive;
font-size:clamp(17px,1.65vw,23px);
font-weight:400;
line-height:1.5;
transform:rotate(-2deg);
box-shadow:
0 2px 10px rgba(15,54,82,.04);
}

#awt-disaster-evacuation-page .awtd-detail-hero__message span {
display:block;
white-space:nowrap;
}

#awt-disaster-evacuation-page .awtd-detail-hero figcaption {
position:absolute;
z-index:3;
right:10px;
bottom:8px;
padding:2px 8px;
border-radius:99px;
background:rgba(255,255,255,.92);
color:#536977;
font-size:10px;
}

@media (max-width:959px) {
#awt-disaster-evacuation-page .awtd-detail-hero {
aspect-ratio:3 / 1;
min-height:245px;
}
}

@media (max-width:959px) {
#awt-disaster-evacuation-page .awtd-detail-hero__copy {
width:min(460px,50%);
}
}

@media (max-width:959px) {
#awt-disaster-evacuation-page .awtd-detail-hero__title {
font-size:40px;
}
}

@media (max-width:959px) {
#awt-disaster-evacuation-page .awtd-detail-hero__lead {
font-size:14px;
line-height:1.7;
}
}

@media (max-width:959px) {
#awt-disaster-evacuation-page .awtd-detail-hero__message {
right:16px;
top:14px;
font-size:17px;
}
}

@media (max-width:767px) {
#awt-disaster-evacuation-page .awtd-detail-hero {
aspect-ratio:auto;
height:285px;
min-height:0;
border-radius:14px;
}
}

@media (max-width:767px) {
#awt-disaster-evacuation-page .awtd-detail-hero::before {
background:
linear-gradient(
90deg,
rgba(255,255,255,.98) 0%,
rgba(255,255,255,.95) 46%,
rgba(255,255,255,.60) 64%,
rgba(255,255,255,.05) 84%
);
}
}

@media (max-width:767px) {
#awt-disaster-evacuation-page .awtd-detail-hero > img {
object-position:68% center;
}
}

@media (max-width:767px) {
#awt-disaster-evacuation-page .awtd-detail-hero__copy {
top:52%;
left:14px;
width:66%;
transform:translateY(-50%);
}
}

@media (max-width:767px) {
#awt-disaster-evacuation-page .awtd-detail-hero__kicker {
margin-bottom:5px;
font-size:12px;
}
}

@media (max-width:767px) {
#awt-disaster-evacuation-page .awtd-detail-hero__title {
margin-bottom:9px;
font-size:clamp(25px,7.2vw,31px);
white-space:nowrap;
}
}

@media (max-width:767px) {
#awt-disaster-evacuation-page .awtd-detail-hero__lead {
font-size:12.5px;
line-height:1.65;
}
}

@media (max-width:767px) {
#awt-disaster-evacuation-page .awtd-detail-hero__message {
top:10px;
right:10px;
padding:5px 8px;
font-size:14px;
line-height:1.4;
}
}

@media (max-width:390px) {
#awt-disaster-evacuation-page .awtd-detail-hero {
height:270px;
}
}

@media (max-width:390px) {
#awt-disaster-evacuation-page
.awtd-detail-hero__copy {
left:12px;
width:69%;
}
}

@media (max-width:390px) {
#awt-disaster-evacuation-page
.awtd-detail-hero__title {
font-size:24px;
}
}

@media (max-width:390px) {
#awt-disaster-evacuation-page
.awtd-detail-hero__lead {
font-size:12px;
}
}

@media (max-width:390px) {
#awt-disaster-evacuation-page
.awtd-detail-hero__message {
font-size:13px;
}
}

#awt-disaster-shelter-page .awtd-detail-hero {
position:relative;
overflow:hidden;
width:100%;
aspect-ratio:3.7 / 1;
min-height:270px;
border:1px solid var(--line);
border-radius:20px;
background:#eff8fd;
box-shadow:var(--shadow);
}

#awt-disaster-shelter-page .awtd-detail-hero::before {
position:absolute;
z-index:1;
inset:0;
background:
linear-gradient(
90deg,
rgba(255,255,255,.99) 0%,
rgba(255,255,255,.97) 30%,
rgba(255,255,255,.82) 44%,
rgba(255,255,255,.30) 59%,
rgba(255,255,255,0) 72%
);
content:"";
pointer-events:none;
}

#awt-disaster-shelter-page .awtd-detail-hero > img {
position:absolute;
z-index:0;
right:-1.5%;
bottom:-10%;
width:auto!important;
max-width:none!important;
height:132%!important;
object-fit:contain;
object-position:right bottom;
}

#awt-disaster-shelter-page .awtd-detail-hero__copy {
position:absolute;
z-index:2;
top:50%;
left:clamp(22px,3.3vw,42px);
width:min(510px,48%);
transform:translateY(-50%);
}

#awt-disaster-shelter-page .awtd-detail-hero__kicker {
margin:0 0 7px;
color:var(--blue);
font-size:14px;
font-weight:800;
}

#awt-disaster-shelter-page .awtd-detail-hero__title {
margin:0 0 12px;
color:var(--navy);
font-size:clamp(37px,3.9vw,53px);
font-weight:900;
line-height:1.15;
letter-spacing:-.02em;
white-space:nowrap;
}

#awt-disaster-shelter-page .awtd-detail-hero__lead {
max-width:470px;
color:#344f62;
font-size:15px;
font-weight:600;
line-height:1.8;
}

#awt-disaster-shelter-page .awtd-detail-hero__message {
position:absolute;
z-index:3;
top:18px;
right:24px;
margin:0;
padding:7px 11px;
border-radius:11px;
background:rgba(255,255,255,.88);
color:var(--navy);
font-family:
"Yomogi",
"Hiragino Maru Gothic ProN",
cursive;
font-size:clamp(17px,1.65vw,23px);
font-weight:400;
line-height:1.5;
transform:rotate(-2deg);
box-shadow:
0 2px 10px rgba(15,54,82,.04);
}

#awt-disaster-shelter-page .awtd-detail-hero__message span {
display:block;
white-space:nowrap;
}

#awt-disaster-shelter-page .awtd-detail-hero figcaption {
position:absolute;
z-index:3;
right:10px;
bottom:8px;
padding:2px 8px;
border-radius:99px;
background:rgba(255,255,255,.92);
color:#536977;
font-size:10px;
}

@media (max-width:959px) {
#awt-disaster-shelter-page .awtd-detail-hero {
aspect-ratio:3 / 1;
min-height:245px;
}
}

@media (max-width:959px) {
#awt-disaster-shelter-page
.awtd-detail-hero > img {
right:-3%;
bottom:-8%;
height:127%!important;
}
}

@media (max-width:959px) {
#awt-disaster-shelter-page
.awtd-detail-hero__copy {
width:min(470px,52%);
}
}

@media (max-width:959px) {
#awt-disaster-shelter-page
.awtd-detail-hero__title {
font-size:39px;
}
}

@media (max-width:959px) {
#awt-disaster-shelter-page
.awtd-detail-hero__lead {
font-size:14px;
}
}

@media (max-width:767px) {
#awt-disaster-shelter-page .awtd-detail-hero {
aspect-ratio:auto;
height:270px;
min-height:0;
border-radius:14px;
}
}

@media (max-width:767px) {
#awt-disaster-shelter-page .awtd-detail-hero::before {
background:
linear-gradient(
90deg,
rgba(255,255,255,.99) 0%,
rgba(255,255,255,.97) 43%,
rgba(255,255,255,.72) 61%,
rgba(255,255,255,.08) 83%
);
}
}

@media (max-width:767px) {
#awt-disaster-shelter-page
.awtd-detail-hero > img {
right:-18%;
bottom:-2%;
height:108%!important;
}
}

@media (max-width:767px) {
#awt-disaster-shelter-page
.awtd-detail-hero__copy {
top:52%;
left:14px;
width:67%;
transform:translateY(-50%);
}
}

@media (max-width:767px) {
#awt-disaster-shelter-page
.awtd-detail-hero__kicker {
margin-bottom:5px;
font-size:12px;
}
}

@media (max-width:767px) {
#awt-disaster-shelter-page
.awtd-detail-hero__title {
margin-bottom:8px;
font-size:clamp(24px,7.2vw,31px);
}
}

@media (max-width:767px) {
#awt-disaster-shelter-page
.awtd-detail-hero__lead {
font-size:12px;
line-height:1.6;
}
}

@media (max-width:767px) {
#awt-disaster-shelter-page
.awtd-detail-hero__message {
top:9px;
right:9px;
padding:5px 7px;
font-size:13px;
}
}

@media (max-width:390px) {
#awt-disaster-shelter-page .awtd-detail-hero {
height:260px;
}
}

@media (max-width:390px) {
#awt-disaster-shelter-page
.awtd-detail-hero > img {
right:-23%;
height:104%!important;
}
}

@media (max-width:390px) {
#awt-disaster-shelter-page
.awtd-detail-hero__copy {
left:11px;
width:70%;
}
}

@media (max-width:390px) {
#awt-disaster-shelter-page
.awtd-detail-hero__title {
font-size:23px;
}
}

@media (max-width:390px) {
#awt-disaster-shelter-page
.awtd-detail-hero__lead {
font-size:11.5px;
}
}

#awtd-heavy-snow .awtd-snow-hero {
position:relative;
overflow:hidden;
width:100%;
min-height:430px;
border:1px solid var(--line);
border-radius:20px;
background:#edf6fb;
box-shadow:var(--shadow);
isolation:isolate;
}

#awtd-heavy-snow .awtd-snow-hero__image {
position:absolute;
z-index:-3;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position:center center;
}

#awtd-heavy-snow .awtd-snow-hero__overlay {
position:absolute;
z-index:-2;
inset:0;
background:
linear-gradient(
90deg,
rgba(244,249,253,.99) 0%,
rgba(244,249,253,.97) 28%,
rgba(244,249,253,.86) 42%,
rgba(244,249,253,.48) 56%,
rgba(244,249,253,.10) 73%,
rgba(244,249,253,0) 100%
);
}

#awtd-heavy-snow .awtd-snow-hero__inner {
position:relative;
display:flex;
align-items:center;
width:100%;
min-height:430px;
padding:
54px
clamp(26px,3.6vw,46px)
50px;
}

#awtd-heavy-snow .awtd-snow-hero__copy {
position:relative;
z-index:2;
width:min(555px,57%);
}

#awtd-heavy-snow .awtd-snow-hero__badge {
display:inline-flex;
align-items:center;
min-height:30px;
padding:4px 16px;
border-radius:999px;
background:var(--blue);
color:#fff;
font-size:14px;
font-weight:800;
line-height:1.4;
}

#awtd-heavy-snow .awtd-snow-hero__title {
margin:17px 0 10px;
color:var(--navy);
font-size:clamp(42px,5vw,62px);
font-weight:900;
line-height:1.13;
letter-spacing:.02em;
}

#awtd-heavy-snow .awtd-snow-hero__lead {
margin:0 0 17px;
color:var(--navy);
font-size:clamp(21px,2.1vw,27px);
font-weight:800;
line-height:1.55;
}

#awtd-heavy-snow .awtd-snow-hero__text {
max-width:510px;
color:#29445b;
font-size:15px;
line-height:1.85;
}

#awtd-heavy-snow .awtd-snow-hero__message {
position:absolute;
z-index:3;
top:42px;
right:5%;
margin:0;
padding:7px 11px;
border-radius:11px;
background:rgba(255,255,255,.68);
color:var(--navy);
font-family:
"Yomogi",
"Hiragino Maru Gothic ProN",
cursive;
font-size:clamp(20px,2vw,27px);
font-weight:400;
line-height:1.5;
letter-spacing:.06em;
transform:rotate(-4deg);
box-shadow:
0 2px 10px rgba(15,54,82,.03);
}

#awtd-heavy-snow .awtd-snow-hero__caption {
position:absolute;
z-index:3;
right:11px;
bottom:9px;
padding:3px 8px;
border-radius:999px;
background:rgba(255,255,255,.88);
color:#5c7080;
font-size:10px;
line-height:1.4;
}

@media (max-width:959px) {
#awtd-heavy-snow .awtd-snow-hero {
min-height:400px;
}
}

@media (max-width:959px) {
#awtd-heavy-snow .awtd-snow-hero__inner {
min-height:400px;
padding:
44px
28px
40px;
}
}

@media (max-width:959px) {
#awtd-heavy-snow .awtd-snow-hero__copy {
width:59%;
}
}

@media (max-width:959px) {
#awtd-heavy-snow .awtd-snow-hero__message {
top:32px;
right:3%;
font-size:19px;
}
}

@media (max-width:767px) {
#awtd-heavy-snow .awtd-snow-hero {
min-height:390px;
border-radius:14px;
}
}

@media (max-width:767px) {
#awtd-heavy-snow .awtd-snow-hero__image {
object-position:70% center;
}
}

@media (max-width:767px) {
#awtd-heavy-snow .awtd-snow-hero__overlay {
background:
linear-gradient(
90deg,
rgba(244,249,253,.99) 0%,
rgba(244,249,253,.98) 48%,
rgba(244,249,253,.83) 68%,
rgba(244,249,253,.38) 86%,
rgba(244,249,253,.12) 100%
);
}
}

@media (max-width:767px) {
#awtd-heavy-snow .awtd-snow-hero__inner {
min-height:390px;
padding:32px 18px;
}
}

@media (max-width:767px) {
#awtd-heavy-snow .awtd-snow-hero__copy {
width:82%;
}
}

@media (max-width:767px) {
#awtd-heavy-snow .awtd-snow-hero__badge {
min-height:27px;
padding:3px 12px;
font-size:12px;
}
}

@media (max-width:767px) {
#awtd-heavy-snow .awtd-snow-hero__title {
margin-top:13px;
font-size:40px;
}
}

@media (max-width:767px) {
#awtd-heavy-snow .awtd-snow-hero__lead {
font-size:20px;
line-height:1.55;
}
}

@media (max-width:767px) {
#awtd-heavy-snow .awtd-snow-hero__text {
font-size:13.5px;
line-height:1.75;
}
}

@media (max-width:767px) {
#awtd-heavy-snow .awtd-snow-hero__message {
display:none;
}
}

@media (max-width:767px) {
#awtd-heavy-snow .awtd-snow-hero__caption {
right:8px;
bottom:7px;
font-size:9px;
}
}

@media (max-width:390px) {
#awtd-heavy-snow .awtd-snow-hero {
min-height:375px;
}
}

@media (max-width:390px) {
#awtd-heavy-snow .awtd-snow-hero__copy {
width:88%;
}
}

@media (max-width:390px) {
#awtd-heavy-snow .awtd-snow-hero__title {
font-size:35px;
}
}

@media (max-width:390px) {
#awtd-heavy-snow .awtd-snow-hero__lead {
font-size:18px;
}
}

@media (max-width:390px) {
#awtd-heavy-snow .awtd-snow-hero__text {
font-size:13px;
}
}

#awtd-rain-page .awtd-rain-hero { position:relative; min-height:430px; overflow:hidden; border-radius:18px; background:#d9e5ea; }

#awtd-rain-page .awtd-rain-hero__image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }

#awtd-rain-page .awtd-rain-hero__inner { position:relative; display:flex; align-items:center; min-height:430px; padding:36px 44px; background:linear-gradient(90deg,rgba(244,249,253,.99),rgba(244,249,253,.95) 35%,rgba(244,249,253,.52) 58%,rgba(16,39,55,.12) 75%); }

#awtd-rain-page .awtd-rain-hero__copy { width:57%; }

#awtd-rain-page .awtd-rain-hero__badge { display:inline-block; padding:3px 14px; border-radius:99px; background:var(--navy); color:#fff; font-size:13px; font-weight:800; }

#awtd-rain-page .awtd-rain-hero__title { margin:14px 0 12px; color:var(--navy); font-size:clamp(30px,3.6vw,46px); font-weight:900; letter-spacing:.01em; line-height:1.3; }

#awtd-rain-page .awtd-rain-hero__lead { margin-bottom:16px; color:var(--navy); font-size:23px; font-weight:800; line-height:1.55; }

#awtd-rain-page .awtd-rain-hero__text { max-width:460px; font-size:14px; line-height:1.85; }

#awtd-rain-page .awtd-rain-hero__message { position:absolute; top:66px; right:6%; color:#fff; font-family:'Yomogi',cursive; font-size:32px; line-height:1.9; transform:rotate(-5deg); text-shadow:0 2px 7px #193347; }

#awtd-rain-page .awtd-rain-hero__message span { border-bottom:4px solid #f7d873; }

#awtd-rain-page .awtd-rain-hero__caption { position:absolute; right:12px; bottom:10px; padding:2px 6px; background:#183346c9; color:#fff; font-size:10px; }

@media (max-width:959px) {
#awtd-rain-page .awtd-rain-hero__inner { padding:32px 28px; }
}

@media (max-width:959px) {
#awtd-rain-page .awtd-rain-hero__copy { width:65%; }
}

@media (max-width:959px) {
#awtd-rain-page .awtd-rain-hero__message { right:3%; font-size:24px; }
}

@media (max-width:767px) {
#awtd-rain-page .awtd-rain-hero { min-height:375px; border-radius:14px; }
}

@media (max-width:767px) {
#awtd-rain-page .awtd-rain-hero__image { object-position:68% center; }
}

@media (max-width:767px) {
#awtd-rain-page .awtd-rain-hero__inner { min-height:375px; padding:27px 18px; background:linear-gradient(90deg,rgba(244,249,253,.98),rgba(244,249,253,.93) 50%,rgba(244,249,253,.72) 80%,rgba(244,249,253,.25)); }
}

@media (max-width:767px) {
#awtd-rain-page .awtd-rain-hero__copy { width:100%; }
}

@media (max-width:767px) {
#awtd-rain-page .awtd-rain-hero__title { font-size:clamp(27px,7.7vw,38px); }
}

@media (max-width:767px) {
#awtd-rain-page .awtd-rain-hero__lead { font-size:20px; }
}

@media (max-width:767px) {
#awtd-rain-page .awtd-rain-hero__text { font-size:13px; }
}

@media (max-width:767px) {
#awtd-rain-page .awtd-rain-hero__message { display:none; }
}

#awtd-earthquake-page :is(.awtd-eq-section, .awtd-eq-hero, .awtd-eq-emergency):where(.awtd-eq-hero) p:empty { display:none; }

#awtd-earthquake-page .awtd-eq-hero__copy > p:not([class]) { display:none; }

#awtd-earthquake-page :is(.awtd-eq-button, .awtd-eq-hero__category, .awtd-eq-contact__links a, .awtd-eq-guide-card):where(.awtd-eq-hero__category) br { display:none; }

#awtd-earthquake-page :is(.awtd-eq-section, .awtd-eq-hero, .awtd-eq-emergency):where(.awtd-eq-hero) :is(h2,h3,h4) { box-shadow:none!important; line-height:1.5; }

#awtd-earthquake-page :is(.awtd-eq-hero, .awtd-eq-section):where(.awtd-eq-hero) img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
}

#awtd-earthquake-page :is(.awtd-eq-check-card__number,.awtd-eq-step__number,.awtd-eq-emergency__icon,.awtd-eq-hero__title,.awtd-eq-hero__category,.awtd-eq-hero__hand,.awtd-eq-contact__body a[href^="tel:"]):where(.awtd-eq-hero__title) br,
#awtd-earthquake-page :is(.awtd-eq-check-card__number,.awtd-eq-step__number,.awtd-eq-emergency__icon,.awtd-eq-hero__title,.awtd-eq-hero__category,.awtd-eq-hero__hand,.awtd-eq-contact__body a[href^="tel:"]):where(.awtd-eq-hero__category) br,
#awtd-earthquake-page :is(.awtd-eq-check-card__number,.awtd-eq-step__number,.awtd-eq-emergency__icon,.awtd-eq-hero__title,.awtd-eq-hero__category,.awtd-eq-hero__hand,.awtd-eq-contact__body a[href^="tel:"]):where(.awtd-eq-hero__hand) br { display:none; }

#awtd-earthquake-page .awtd-eq-hero {
position: relative;
min-height: 340px;
overflow: hidden;
background: #f1f6f4;
border-radius: 20px;
}

#awtd-earthquake-page .awtd-eq-hero__image {
position: absolute;
inset: 24px 24px 24px 43%;
}

#awtd-earthquake-page .awtd-eq-hero__image img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center 46%;
border-radius: 14px;
}

#awtd-earthquake-page .awtd-eq-hero__overlay { display:none; }

#awtd-earthquake-page .awtd-eq-hero__inner {
position: relative;
z-index: 2;
width: 100%;
min-height: 340px;
margin-inline: auto;
display: flex;
align-items: center;
}

#awtd-earthquake-page .awtd-eq-hero__copy {
width: 43%;
padding: 30px;
}

#awtd-earthquake-page .awtd-eq-hero__category {
display: inline-flex;
align-items: center;
gap: 8px;
margin: 0 0 12px;
color: var(--awtd-eq-green);
font-size: 0.95rem;
font-weight: 800;
}

#awtd-earthquake-page .awtd-eq-hero__category span {
font-size: 0.66em;
}

#awtd-earthquake-page .awtd-eq-hero__title {
margin: 0;
color: var(--awtd-eq-navy);
font-size: clamp(2.4rem, 4vw, 3.25rem);
font-weight: 900;
line-height: 1.08;
letter-spacing: -0.04em;
}

#awtd-earthquake-page .awtd-eq-hero__lead {
margin: 18px 0 0;
color: var(--awtd-eq-navy);
font-size: 1rem;
font-weight: 700;
line-height: 1.85;
}

#awtd-earthquake-page .awtd-eq-hero__hand {
display: inline-block;
position: relative;
margin: 24px 0 0;
padding: 0 8px;
color: var(--awtd-eq-navy);
font-family: "Yomogi", cursive;
font-size: clamp(1.7rem, 2.5vw, 2.25rem);
line-height: 1.15;
transform: rotate(-3deg);
}

#awtd-earthquake-page .awtd-eq-hero__hand::after {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: -12px;
bottom: 0.02em;
height: 0.24em;
border-radius: 50%;
background: rgba(247, 216, 108, 0.84);
transform: rotate(-1deg);
}

@media (max-width: 767px) {
#awtd-earthquake-page .awtd-eq-hero {
min-height: 0;
background: #fff;
}
}

@media (max-width: 767px) {
#awtd-earthquake-page .awtd-eq-hero__image {
position: relative;
inset:auto;
height: auto;
aspect-ratio:1600 / 568;
}
}

@media (max-width: 767px) {
#awtd-earthquake-page .awtd-eq-hero__image img {
object-position: center center;
}
}

@media (max-width: 767px) {
#awtd-earthquake-page .awtd-eq-hero__overlay {
display: none;
}
}

@media (max-width: 767px) {
#awtd-earthquake-page .awtd-eq-hero__inner {
width: 100%;
min-height: 0;
display: block;
}
}

@media (max-width: 767px) {
#awtd-earthquake-page .awtd-eq-hero__copy {
width: auto;
padding: 26px 20px 31px;
}
}

@media (max-width: 767px) {
#awtd-earthquake-page .awtd-eq-hero__title {
font-size: clamp(2.45rem, 11vw, 3.2rem);
}
}

@media (max-width: 767px) {
#awtd-earthquake-page .awtd-eq-hero__lead {
margin-top: 14px;
font-size: 0.98rem;
}
}

@media (max-width: 767px) {
#awtd-earthquake-page .awtd-eq-hero__hand {
margin-top: 21px;
font-size: 2.15rem;
}
}

@media (max-width: 390px) {
#awtd-earthquake-page .awtd-eq-hero__image {
height: auto;
}
}

@media (max-width: 390px) {
#awtd-earthquake-page .awtd-eq-hero__copy {
padding-inline: 17px;
}
}

#awtd-power-water-page .awtd-pw-hero {
position: relative;
overflow: hidden;
background: #0d324b;
}

#awtd-power-water-page .awtd-pw-hero__media {
position: absolute;
inset: 0;
}

#awtd-power-water-page .awtd-pw-hero__media img {
width: 100%;
height: 100%;
object-fit: cover;
}

#awtd-power-water-page .awtd-pw-hero__overlay {
position: absolute;
inset: 0;
background:
linear-gradient(
90deg,
rgba(5, 32, 50, .91) 0%,
rgba(5, 32, 50, .74) 40%,
rgba(5, 32, 50, .24) 72%,
rgba(5, 32, 50, .08) 100%
);
}

#awtd-power-water-page .awtd-pw-hero__content {
position: relative;
z-index: 2;
color: #fff;
}

#awtd-power-water-page .awtd-pw-hero__eyebrow {
display: inline-flex;
margin: 0 0 16px;
padding: 6px 14px;
border-radius: 999px;
background: rgba(255, 255, 255, .16);
color: #fff;
font-size: 13px;
font-weight: 700;
}

#awtd-power-water-page .awtd-pw-hero__title {
margin: 0;
color: #fff;
font-weight: 800;
line-height: 1.15;
letter-spacing: .02em;
}

#awtd-power-water-page .awtd-pw-hero__lead {
margin: 14px 0 18px;
color: #fff;
font-weight: 700;
line-height: 1.45;
}

#awtd-power-water-page .awtd-pw-hero__text {
margin: 0;
color: rgba(255, 255, 255, .95);
}

#awtd-power-water-page .awtd-pw-hero__message {
margin: 23px 0 0;
color: #fff1bd;
font-family: "Yomogi", cursive;
font-size: 21px;
}

@media (max-width: 768px) {
#awtd-power-water-page .awtd-pw-hero {
min-height: 390px;
margin-bottom: 32px;
border-radius: 18px;
}
}

@media (max-width: 768px) {
#awtd-power-water-page .awtd-pw-hero__overlay {
background:
linear-gradient(
180deg,
rgba(5, 32, 50, .30) 0%,
rgba(5, 32, 50, .82) 60%,
rgba(5, 32, 50, .94) 100%
);
}
}

@media (max-width: 768px) {
#awtd-power-water-page .awtd-pw-hero__media img {
object-position: 58% center;
}
}

@media (max-width: 768px) {
#awtd-power-water-page .awtd-pw-hero__content {
position: absolute;
inset: auto 0 0;
width: 100%;
padding: 26px 22px 30px;
}
}

@media (max-width: 768px) {
#awtd-power-water-page .awtd-pw-hero__title {
font-size: 36px;
}
}

@media (max-width: 768px) {
#awtd-power-water-page .awtd-pw-hero__lead {
margin: 10px 0 12px;
font-size: 21px;
}
}

@media (max-width: 768px) {
#awtd-power-water-page .awtd-pw-hero__text {
font-size: 14px;
line-height: 1.75;
}
}

@media (max-width: 768px) {
#awtd-power-water-page .awtd-pw-hero__message {
margin-top: 13px;
font-size: 18px;
}
}

@media (max-width: 420px) {
#awtd-power-water-page .awtd-pw-hero {
min-height: 410px;
}
}

@media (max-width: 420px) {
#awtd-power-water-page .awtd-pw-hero__title {
font-size: 32px;
}
}

#awtd-power-water-page .awtd-pw-hero > p:empty {
display:none;
}

#awtd-power-water-page .awtd-pw-hero {
min-height:380px;
margin-bottom:28px;
border:1px solid #dce6ec;
border-radius:20px;
box-shadow:
0 4px 16px rgba(15,54,82,.065);
}

#awtd-power-water-page .awtd-pw-hero__media img {
object-position:center center;
}

#awtd-power-water-page .awtd-pw-hero__content {
width:min(610px,57%);
padding:46px 42px;
}

#awtd-power-water-page .awtd-pw-hero__title {
font-size:clamp(38px,4.2vw,54px);
}

#awtd-power-water-page .awtd-pw-hero__lead {
font-size:clamp(20px,2.1vw,25px);
}

#awtd-power-water-page .awtd-pw-hero__text {
max-width:520px;
font-size:15px;
line-height:1.8;
}

@media (max-width:767px) {
#awtd-power-water-page .awtd-pw-hero {
min-height:0;
border-radius:14px;
background:#fff;
}
}

@media (max-width:767px) {
#awtd-power-water-page .awtd-pw-hero__media {
position:relative;
inset:auto;
width:100%;
aspect-ratio:1600 / 568;
}
}

@media (max-width:767px) {
#awtd-power-water-page
.awtd-pw-hero__media img {
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
}
}

@media (max-width:767px) {
#awtd-power-water-page
.awtd-pw-hero__overlay {
display:none;
}
}

@media (max-width:767px) {
#awtd-power-water-page
.awtd-pw-hero__content {
position:relative;
inset:auto;
width:100%;
padding:24px 20px 27px;
background:#0d324b;
}
}

@media (max-width:767px) {
#awtd-power-water-page
.awtd-pw-hero__title {
font-size:34px;
}
}

@media (max-width:767px) {
#awtd-power-water-page
.awtd-pw-hero__lead {
font-size:20px;
}
}

@media (max-width:767px) {
#awtd-power-water-page
.awtd-pw-hero__message {
margin-top:15px;
}
}

@media (max-width:390px) {
#awtd-power-water-page
.awtd-pw-hero__title {
font-size:31px;
}
}

#awtd-flood-page .awtd-flood-hero {
margin: 0;
overflow: hidden;
border: 1px solid var(--awtd-line);
border-radius: 20px;
background: linear-gradient(120deg, #fff, #f0f7fa);
}

#awtd-flood-page .awtd-flood-hero__inner {
display: grid;
grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr);
align-items: center;
gap: 24px;
min-height: 390px;
padding: 28px;
}

#awtd-flood-page .awtd-flood-hero__content {
display: grid;
gap: 20px;
min-width: 0;
padding: 12px 8px 12px 16px;
}

#awtd-flood-page .awtd-flood-hero__eyebrow {
margin: 0 !important;
color: var(--awtd-blue);
font-size: 13px;
font-weight: 800;
line-height: 1.5;
letter-spacing: .06em;
}

#awtd-flood-page .awtd-flood-hero__title {
margin: 0 !important;
color: var(--awtd-navy);
font-size: clamp(32px, 3.4vw, 44px);
font-weight: 800;
line-height: 1.35;
letter-spacing: .01em;
}

#awtd-flood-page .awtd-flood-hero__lead {
margin: 0 !important;
color: #45606e;
font-size: 16px;
line-height: 1.9;
}

#awtd-flood-page .awtd-flood-hero__visual {
position: relative;
min-width: 0;
height: 330px;
margin: 0 !important;
overflow: hidden;
border-radius: 14px;
background: #e4eef3;
}

#awtd-flood-page .awtd-flood-hero__visual > img {
width: 100%;
height: 100% !important;
object-fit: cover;
object-position: center;
}

#awtd-flood-page .awtd-flood-hero__message {
position: absolute;
z-index: 2;
top: 14px;
right: 14px;
left: auto;
width: fit-content;
max-width: calc(100% - 28px);
margin: 0 !important;
padding: 7px 10px;
border: 0;
border-radius: 8px;
color: #fff;
background: rgba(16, 42, 58, .62);
font-family: "Yomogi", cursive;
font-size: clamp(18px, 1.7vw, 23px);
font-weight: 400;
line-height: 1.55;
text-align: right;
text-shadow: 0 1px 3px rgba(0, 0, 0, .2);
}

#awtd-flood-page .awtd-flood-hero__visual > figcaption {
position: absolute;
right: 10px;
bottom: 10px;
margin: 0;
padding: 3px 7px;
border-radius: 5px;
color: #fff;
background: rgba(16, 42, 58, .7);
font-size: 10px;
line-height: 1.5;
}

#awtd-flood-page :is(
.awtd-flood-hero__inner,
.awtd-flood-action-grid,
.awtd-flood-check-grid,
.awtd-flood-check-card__head,
.awtd-flood-river-alert,
.awtd-flood-info-guide__grid,
.awtd-flood-info-guide__item,
.awtd-flood-split,
.awtd-flood-emergency,
.awtd-flood-hazard,
.awtd-flood-hazard__points,
.awtd-flood-button-row,
.awtd-flood-difference-grid,
.awtd-flood-difference-card,
.awtd-flood-after,
.awtd-flood-prepare-grid,
.awtd-flood-prepare-card,
.awtd-flood-related-links,
.awtd-flood-source-grid,
.awtd-flood-contact-grid,
.awtd-guide-nav__title,
.awtd-guide-nav__grid,
.awtd-btn,
.awtd-flood-source-card
):where(.awtd-flood-hero__inner) > br {
display: none;
}

@media (min-width: 768px) and (max-width: 1023px) {
#awtd-flood-page .awtd-flood-hero__inner {
gap: 18px;
padding: 22px;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
#awtd-flood-page .awtd-flood-hero__content {
padding: 8px 0;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
#awtd-flood-page .awtd-flood-hero__title {
font-size: 32px;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
#awtd-flood-page .awtd-flood-hero__lead {
font-size: 14px;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
#awtd-flood-page .awtd-flood-hero__visual {
height: 300px;
}
}

@media (max-width: 767px) {
#awtd-flood-page .awtd-flood-hero {
border-radius: 16px;
}
}

@media (max-width: 767px) {
#awtd-flood-page .awtd-flood-hero__inner {
grid-template-columns: 1fr;
gap: 20px;
min-height: 0;
padding: 22px 18px 18px;
}
}

@media (max-width: 767px) {
#awtd-flood-page .awtd-flood-hero__content {
gap: 16px;
padding: 0;
}
}

@media (max-width: 767px) {
#awtd-flood-page .awtd-flood-hero__title {
font-size: clamp(28px, 7.4vw, 36px);
line-height: 1.4;
}
}

@media (max-width: 767px) {
#awtd-flood-page .awtd-flood-hero__lead {
font-size: 14px;
line-height: 1.9;
}
}

@media (max-width: 767px) {
#awtd-flood-page .awtd-flood-hero__visual {
height: 210px;
border-radius: 11px;
}
}

@media (max-width: 767px) {
#awtd-flood-page .awtd-flood-hero__message {
top: 12px;
right: 12px;
left: auto;
max-width: calc(100% - 24px);
padding: 6px 9px;
font-size: 18px;
}
}

@media (max-width: 374px) {
#awtd-flood-page .awtd-flood-hero__inner {
padding: 20px 14px 14px;
}
}

@media (max-width: 374px) {
#awtd-flood-page .awtd-flood-hero__title {
font-size: 28px;
}
}

@media (max-width: 374px) {
#awtd-flood-page .awtd-flood-hero__lead {
font-size: 13px;
}
}

@media (max-width: 374px) {
#awtd-flood-page .awtd-flood-hero__visual {
height: 185px;
}
}

@media (max-width: 374px) {
#awtd-flood-page .awtd-flood-hero__message {
font-size: 17px;
}
}

#awtd-alerts-page .awtd-alerts__hero {
display: grid;
grid-template-columns:
minmax(0, 1.05fr)
minmax(340px, 0.95fr);
gap: 38px;
align-items: center;
margin: 20px 0 42px;
padding: 42px;
overflow: hidden;
border: 1px solid #d8ebf4;
border-radius: var(--awtda-radius-l);
background:
linear-gradient(
135deg,
#eef9ff 0%,
#f9fcfd 52%,
#eef8f3 100%
);
box-shadow: var(--awtda-shadow);
}

#awtd-alerts-page .awtd-alerts__hero-content {
min-width: 0;
}

#awtd-alerts-page .awtd-alerts__hero-title {
margin: 0;
color: var(--awtda-navy);
font-size: clamp(32px, 3.5vw, 48px);
font-weight: 900;
line-height: 1.25;
text-wrap: balance;
letter-spacing: -0.035em;
}

#awtd-alerts-page .awtd-alerts__hero-lead {
max-width: 650px;
margin: 20px 0 0;
font-size: clamp(16px, 1.6vw, 19px);
line-height: 1.85;
}

#awtd-alerts-page .awtd-alerts__hero-message {
display: inline-block;
margin: 23px 0 0;
transform: rotate(-3deg);
color: #21618c;
font-family: "Yomogi", cursive;
font-size: clamp(19px, 2.1vw, 27px);
line-height: 1.55;
}

#awtd-alerts-page .awtd-alerts__hero-visual {
min-width: 0;
margin: 0;
}

#awtd-alerts-page .awtd-alerts__hero-visual img {
width: 100%;
aspect-ratio: auto;
object-fit: contain;
border-radius: 20px;
}

#awtd-alerts-page .awtd-alerts__hero-visual figcaption {
margin-top: 6px;
color: var(--awtda-muted);
font-size: 11px;
text-align: right;
}

@media (max-width: 900px) {
#awtd-alerts-page .awtd-alerts__hero {
grid-template-columns:
minmax(0, 1fr)
minmax(300px, 0.84fr);
padding: 34px;
}
}

@media (max-width: 767px) {
#awtd-alerts-page .awtd-alerts__hero {
grid-template-columns: 1fr;
gap: 22px;
margin-top: 10px;
padding: 25px 20px;
border-radius: 22px;
}
}

@media (max-width: 767px) {
#awtd-alerts-page .awtd-alerts__hero-title {
font-size: clamp(28px, 8vw, 34px);
}
}

@media (max-width: 767px) {
#awtd-alerts-page .awtd-alerts__hero-lead {
font-size: 16px;
}
}

@media (max-width: 767px) {
#awtd-alerts-page .awtd-alerts__hero-message {
margin-top: 15px;
font-size: 20px;
}
}

#awt-hazard-map-page .awt-hazard-hero {
position: relative;
display: grid;
grid-template-columns:
minmax(0, 1.04fr)
minmax(0, .96fr);
min-height: 390px;
overflow: hidden;
border: 1px solid var(--ah-line);
border-radius: 24px;
background:
linear-gradient(
135deg,
#f8fcff 0%,
#edf8fd 54%,
#ffffff 100%
);
box-shadow: var(--ah-shadow);
}

#awt-hazard-map-page .awt-hazard-hero__body {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: center;
padding:
40px
18px
40px
32px;
}

#awt-hazard-map-page .awt-hazard-hero__eyebrow {
align-self: flex-start;
margin: 0 0 13px;
padding: 6px 13px;
border-radius: 999px;
background: var(--ah-yellow);
color: var(--ah-navy);
font-size: 14px;
font-weight: 800;
line-height: 1.4;
}

#awt-hazard-map-page .awt-hazard-hero__title {
margin: 0 0 17px;
color: var(--ah-navy);
font-size:
clamp(34px, 3vw, 40px);
font-weight: 900;
line-height: 1.2;
letter-spacing: .01em;
white-space: nowrap;
}

#awt-hazard-map-page .awt-hazard-hero__lead {
max-width: 540px;
margin: 0;
color: var(--ah-text);
font-size: 16px;
font-weight: 600;
line-height: 1.9;
}

#awt-hazard-map-page .awt-hazard-hero__media {
position: relative;
min-height: 390px;
margin: 0;
overflow: hidden;
}

#awt-hazard-map-page .awt-hazard-hero__media img {
display: block;
position: absolute;
inset: 0;
width: 100%;
height: 100%;
margin: 0;
object-fit: cover;
object-position: center;
}

#awt-hazard-map-page .awt-hazard-hero__media::before {
content: "";
position: absolute;
z-index: 1;
inset: 0 auto 0 0;
width: 14%;
background:
linear-gradient(
90deg,
#f0f9fd 0%,
rgba(240, 249, 253, 0) 100%
);
pointer-events: none;
}

#awt-hazard-map-page .awt-hazard-hero__message {
position: absolute;
z-index: 3;
left: 51%;
bottom: 18px;
max-width: 285px;
margin: 0;
padding: 7px 12px;
border-radius: 14px;
background:
rgba(255, 255, 255, .88);
color: var(--ah-navy);
font-family:
"Yomogi",
"Hiragino Maru Gothic ProN",
cursive;
font-size:
clamp(16px, 1.45vw, 20px);
font-weight: 400;
line-height: 1.5;
transform: rotate(-2deg);
box-shadow:
0 3px 12px rgba(16,42,58,.07);
}

@media (max-width: 959px) {
#awt-hazard-map-page
.awt-hazard-hero {
grid-template-columns:
minmax(0, 1fr)
minmax(0, 1fr);
min-height: 340px;
}
}

@media (max-width: 959px) {
#awt-hazard-map-page
.awt-hazard-hero__body {
padding:
28px
16px
28px
24px;
}
}

@media (max-width: 959px) {
#awt-hazard-map-page
.awt-hazard-hero__title {
font-size: 34px;
}
}

@media (max-width: 959px) {
#awt-hazard-map-page
.awt-hazard-hero__media {
min-height: 340px;
}
}

@media (max-width: 959px) {
#awt-hazard-map-page
.awt-hazard-hero__message {
left: 51%;
max-width: 250px;
font-size: 16px;
}
}

@media (max-width: 767px) {
#awt-hazard-map-page
.awt-hazard-hero {
display: flex;
flex-direction: column;
min-height: 0;
border-radius: 16px;
}
}

@media (max-width: 767px) {
#awt-hazard-map-page
.awt-hazard-hero__body {
padding:
24px
18px
18px;
}
}

@media (max-width: 767px) {
#awt-hazard-map-page
.awt-hazard-hero__eyebrow {
margin-bottom: 10px;
font-size: 12px;
}
}

@media (max-width: 767px) {
#awt-hazard-map-page
.awt-hazard-hero__title {
margin-bottom: 11px;
font-size:
clamp(29px, 8vw, 36px);
white-space: normal;
}
}

@media (max-width: 767px) {
#awt-hazard-map-page
.awt-hazard-hero__lead {
font-size: 14px;
}
}

@media (max-width: 767px) {
#awt-hazard-map-page
.awt-hazard-hero__media {
width: 100%;
min-height: 0;
aspect-ratio: 16 / 9;
}
}

@media (max-width: 767px) {
#awt-hazard-map-page
.awt-hazard-hero__media img {
position: static;
width: 100%;
height: 100%;
object-fit: cover;
}
}

@media (max-width: 767px) {
#awt-hazard-map-page
.awt-hazard-hero__media::before {
display: none;
}
}

@media (max-width: 767px) {
#awt-hazard-map-page
.awt-hazard-hero__message {
position: static;
max-width:
calc(100% - 24px);
margin:
-8px
12px
14px;
padding:
7px
10px;
font-size: 16px;
transform:
rotate(-1deg);
}
}

#awtd-landslide-page > :is(
.awtd-landslide-hero,
.awtd-landslide-section,
.awtd-landslide-rain-note,
.awt-disaster-guide-nav
):where(.awtd-landslide-hero),
#awtd-landslide-page > :is(
.awtd-landslide-hero,
.awtd-landslide-section,
.awtd-landslide-rain-note,
.awt-disaster-guide-nav
):where(.awtd-landslide-hero) * {
box-sizing: border-box;
}

#awtd-landslide-page .awtd-landslide-hero {
margin: 0 0 64px;
}

#awtd-landslide-page .awtd-landslide-hero__inner {
display: grid;
grid-template-columns:
minmax(0, .9fr)
minmax(0, 1.1fr);
align-items: center;
gap: 42px;
min-height: 420px;
padding: 44px 48px;
border-radius: 28px;
background:
linear-gradient(
135deg,
#f3f7f6,
#f8faf9 58%,
#edf3f2
);
}

#awtd-landslide-page .awtd-landslide-hero__content {
min-width: 0;
}

#awtd-landslide-page .awtd-landslide-hero__eyebrow {
margin-bottom: 11px;
color: #a45118;
font-size: 14px;
font-weight: 700;
letter-spacing: .12em;
}

#awtd-landslide-page .awtd-landslide-hero__title {
margin-bottom: 20px;
color: var(--awtd-landslide-navy);
font-size: clamp(44px, 4.5vw, 68px);
font-weight: 800;
line-height: 1.15;
letter-spacing: .015em;
}

#awtd-landslide-page .awtd-landslide-hero__lead {
margin-bottom: 12px;
color: var(--awtd-landslide-navy);
font-size: clamp(18px, 1.6vw, 21px);
font-weight: 700;
line-height: 1.75;
}

#awtd-landslide-page .awtd-landslide-hero__text {
color: var(--awtd-landslide-muted);
font-size: 16px;
line-height: 1.85;
}

#awtd-landslide-page .awtd-landslide-hero__message {
width: fit-content;
max-width: 100%;
margin: 28px 0 0 auto;
color: var(--awtd-landslide-navy);
font-family:
"Yomogi",
"Hiragino Maru Gothic ProN",
cursive;
font-size: clamp(23px, 2vw, 30px);
font-weight: 400;
line-height: 1.5;
text-wrap: balance;
transform: rotate(-2deg);
}

#awtd-landslide-page .awtd-landslide-hero__media {
min-width: 0;
}

#awtd-landslide-page .awtd-landslide-hero__media img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
margin: 0;
border-radius: 22px;
}

@media (max-width: 980px) {
#awtd-landslide-page .awtd-landslide-hero__inner {
gap: 26px;
min-height: 0;
padding: 32px;
}
}

@media (max-width: 767px) {
#awtd-landslide-page .awtd-landslide-hero {
margin-bottom: 48px;
}
}

@media (max-width: 767px) {
#awtd-landslide-page .awtd-landslide-hero__inner {
grid-template-columns: 1fr;
gap: 22px;
padding: 24px 20px;
border-radius: 19px;
}
}

@media (max-width: 767px) {
#awtd-landslide-page .awtd-landslide-hero__title {
margin-bottom: 16px;
font-size: clamp(38px, 10vw, 48px);
}
}

@media (max-width: 767px) {
#awtd-landslide-page .awtd-landslide-hero__lead {
font-size: 18px;
}
}

@media (max-width: 767px) {
#awtd-landslide-page .awtd-landslide-hero__message {
margin-top: 20px;
font-size: 23px;
}
}

@media (max-width: 767px) {
#awtd-landslide-page .awtd-landslide-hero__media {
width: min(100%, 360px);
margin-inline: auto;
}
}

@media (max-width: 767px) {
#awtd-landslide-page .awtd-landslide-hero__media img {
border-radius: 14px;
}
}

@media (max-width: 380px) {
#awtd-landslide-page .awtd-landslide-hero__inner {
padding: 22px 16px;
}
}

#awtd-tsunami-page .awtd-tsunami-hero {
display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
border:1px solid #d6e6ed; border-radius:18px; overflow:hidden;
background:linear-gradient(125deg,#f5fbfd,#edf7fa);
}

#awtd-tsunami-page .awtd-tsunami-hero__copy {
display:flex; flex-direction:column; justify-content:center; gap:16px;
padding:36px;
}

#awtd-tsunami-page .awtd-tsunami-hero__title {
color:var(--tsu-navy); font-size:42px; font-weight:900; line-height:1.4; letter-spacing:0;
}

#awtd-tsunami-page .awtd-tsunami-hero__title > span { display:inline-block; }

#awtd-tsunami-page .awtd-tsunami-hero__lead { color:var(--tsu-navy); font-size:18px; line-height:1.8; }

#awtd-tsunami-page .awtd-tsunami-hero__lead strong { display:block; margin-top:6px; }

#awtd-tsunami-page .awtd-tsunami-hero__text { color:var(--tsu-muted); font-size:16px; }

#awtd-tsunami-page .awtd-tsunami-hero__visual { position:relative; min-height:350px; overflow:hidden; }

#awtd-tsunami-page .awtd-tsunami-hero__visual > img {
position:absolute; inset:0; display:block; width:100%; height:100%;
object-fit:cover; object-position:center;
}

#awtd-tsunami-page .awtd-tsunami-hero__message {
position:absolute; top:22px; right:22px; z-index:1;
padding:14px 20px; border-radius:10px;
background:rgba(255,255,255,.95); box-shadow:0 4px 16px rgba(16,42,58,.08);
color:var(--tsu-navy); font-family:"Yomogi","Hiragino Sans","Yu Gothic",sans-serif;
font-size:22px; font-weight:700; line-height:1.55; transform:rotate(-2deg);
}

#awtd-tsunami-page .awtd-tsunami-hero__message > span,
#awtd-tsunami-page .awtd-tsunami-hero__message > strong { display:block; }

#awtd-tsunami-page .awtd-tsunami-hero__message > strong {
width:max-content; max-width:100%; border-bottom:3px solid var(--tsu-amber); font-size:28px;
}

#awtd-tsunami-page .awtd-tsunami-hero__visual > figcaption {
position:absolute; bottom:10px; left:12px; z-index:1;
padding:3px 8px; border-radius:4px; background:rgba(16,42,58,.8);
color:#fff; font-size:12px; line-height:1.6;
}

@media (max-width:1023px) {
#awtd-tsunami-page .awtd-tsunami-hero__copy { padding:26px; }
}

@media (max-width:1023px) {
#awtd-tsunami-page .awtd-tsunami-hero__title { font-size:36px; }
}

@media (max-width:1023px) {
#awtd-tsunami-page .awtd-tsunami-hero__lead { font-size:17px; }
}

@media (max-width:1023px) {
#awtd-tsunami-page .awtd-tsunami-hero__visual { min-height:330px; }
}

@media (max-width:1023px) {
#awtd-tsunami-page .awtd-tsunami-hero__message { top:16px; right:16px; padding:12px 15px; font-size:20px; }
}

@media (max-width:1023px) {
#awtd-tsunami-page .awtd-tsunami-hero__message > strong { font-size:25px; }
}

@media (max-width:767px) {
#awtd-tsunami-page .awtd-tsunami-hero { grid-template-columns:1fr; border-radius:14px; }
}

@media (max-width:767px) {
#awtd-tsunami-page .awtd-tsunami-hero__copy { gap:12px; padding:24px 20px; }
}

@media (max-width:767px) {
#awtd-tsunami-page .awtd-tsunami-hero__title { font-size:32px; }
}

@media (max-width:767px) {
#awtd-tsunami-page .awtd-tsunami-hero__lead { font-size:17px; }
}

@media (max-width:767px) {
#awtd-tsunami-page .awtd-tsunami-hero__text { font-size:15px; }
}

@media (max-width:767px) {
#awtd-tsunami-page .awtd-tsunami-hero__visual { min-height:0; height:210px; }
}

@media (max-width:767px) {
#awtd-tsunami-page .awtd-tsunami-hero__message { top:14px; right:14px; padding:9px 13px; font-size:18px; }
}

@media (max-width:767px) {
#awtd-tsunami-page .awtd-tsunami-hero__message > strong { font-size:24px; }
}

@media (max-width:374px) {
#awtd-tsunami-page .awtd-tsunami-hero__copy { padding:22px 16px; }
}

@media (max-width:374px) {
#awtd-tsunami-page .awtd-tsunami-hero__title { font-size:30px; }
}

#awtd-family-contact-page .awtd-fc-hero {
display: grid;
grid-template-columns: .95fr 1.15fr;
overflow: hidden;
border: 1px solid var(--fc-line);
border-radius: 22px;
background: #f1f8fb;
}

#awtd-family-contact-page .awtd-fc-hero__copy {
display: flex;
flex-direction: column;
justify-content: center;
gap: 16px;
min-width: 0;
padding: 32px;
}

#awtd-family-contact-page .awtd-fc-hero__title {
margin: 0;
font-size: clamp(34px, 3.2vw, 44px);
font-weight: 800;
line-height: 1.28;
letter-spacing: -.025em;
}

#awtd-family-contact-page .awtd-fc-hero__title > span {
display: block;
}

#awtd-family-contact-page .awtd-fc-hero__lead {
margin: 0;
color: var(--fc-muted);
font-size: 16px;
line-height: 1.85;
}

#awtd-family-contact-page .awtd-fc-hero__message {
margin: 0;
padding-left: 12px;
border-left: 3px solid #e7b743;
font-size: 16px;
font-weight: 700;
}

#awtd-family-contact-page .awtd-fc-hero__visual {
position: relative;
min-width: 0;
min-height: 0;
background: #dbf0fc;
}

#awtd-family-contact-page .awtd-fc-hero__visual > img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: 54% center;
}

#awtd-family-contact-page .awtd-fc-hero__visual > figcaption {
position: absolute;
right: 9px;
bottom: 8px;
padding: 2px 7px;
border-radius: 5px;
background: rgb(255 255 255 / 92%);
color: #435765;
font-size: 12px;
}

@media (max-width: 1023px) {
#awtd-family-contact-page .awtd-fc-hero__copy {
padding: 25px;
}
}

@media (max-width: 1023px) {
#awtd-family-contact-page .awtd-fc-hero__title {
font-size: 35px;
}
}

@media (max-width: 767px) {
#awtd-family-contact-page .awtd-fc-hero {
grid-template-columns: 1fr;
border-radius: 16px;
}
}

@media (max-width: 767px) {
#awtd-family-contact-page .awtd-fc-hero__copy {
gap: 14px;
padding: 24px 22px;
}
}

@media (max-width: 767px) {
#awtd-family-contact-page .awtd-fc-hero__title {
font-size: clamp(29px,7.8vw,36px);
}
}

@media (max-width: 767px) {
#awtd-family-contact-page .awtd-fc-hero__visual > img {
height: auto;
max-height: 200px;
object-fit: cover;
}
}

@media (max-width: 767px) {
#awtd-family-contact-page .awtd-fc-hero__message {
font-size: 15px;
}
}

#awtd-shelter-page .awt-sh-hero {
display: grid;
grid-template-columns: minmax(0,1fr) minmax(0,1.08fr);
align-items: center;
gap: 32px;
padding: 30px;
border: 1px solid var(--sh-line);
border-radius: 18px;
background: #f2f7fa;
}

#awtd-shelter-page .awt-sh-hero__copy {
min-width: 0;
}

#awtd-shelter-page .awt-sh-hero__title {
color: var(--sh-navy);
font-size: clamp(30px,3.4vw,43px);
font-weight: 800;
line-height: 1.35;
letter-spacing: -.015em;
}

#awtd-shelter-page .awt-sh-hero__title > span {
display: inline-block;
}

#awtd-shelter-page .awt-sh-hero__lead {
margin-top: 20px;
color: var(--sh-text);
font-size: 17px;
line-height: 1.85;
}

#awtd-shelter-page .awt-sh-hero__visual {
position: relative;
min-width: 0;
overflow: hidden;
border-radius: 12px;
background: #e5eef3;
}

#awtd-shelter-page .awt-sh-hero__visual > img {
width: 100%;
height: auto;
aspect-ratio: 16/9;
object-fit: cover;
}

@media (max-width:1023px) {
#awtd-shelter-page .awt-sh-hero {
padding: 24px;
gap: 24px;
}
}

@media (max-width:1023px) {
#awtd-shelter-page .awt-sh-hero__title {
font-size: 34px;
}
}

@media (max-width:767px) {
#awtd-shelter-page .awt-sh-hero {
grid-template-columns: minmax(0,1fr);
gap: 20px;
padding: 22px 18px 18px;
}
}

@media (max-width:767px) {
#awtd-shelter-page .awt-sh-hero__title {
font-size: clamp(27px,7.5vw,34px);
}
}

@media (max-width:767px) {
#awtd-shelter-page .awt-sh-hero__lead {
margin-top: 14px;
font-size: 16px;
}
}

@media (max-width:767px) {
#awtd-shelter-page .awt-sh-hero__visual {
width: 100%;
max-width: 460px;
margin-inline: auto;
}
}

#awtd-evacuation-support-page .awt-es__hero {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
border: 1px solid var(--es-line);
border-radius: 20px;
overflow: hidden;
background: #f2f9fc;
}

#awtd-evacuation-support-page .awt-es__hero-copy {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 34px 30px;
}

#awtd-evacuation-support-page .awt-es__hero-title {
margin-top: 10px;
font-size: clamp(2rem, 3vw, 2.75rem);
font-weight: 800;
line-height: 1.4;
letter-spacing: -.02em;
}

#awtd-evacuation-support-page .awt-es__hero-title > span {
display: inline-block;
}

#awtd-evacuation-support-page .awt-es__hero-lead {
margin: 18px 0 12px;
font-size: 1.125rem;
font-weight: 700;
}

#awtd-evacuation-support-page .awt-es__hero-visual {
position: relative;
min-height: 360px;
margin: 0;
}

#awtd-evacuation-support-page .awt-es__hero-visual img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: 85% center;
}

#awtd-evacuation-support-page .awt-es__hero-message {
position: absolute;
top: 16px;
right: 14px;
left: 14px;
width: fit-content;
max-width: calc(100% - 28px);
padding: 10px 14px;
border-radius: 12px;
background: rgba(255,255,255,.94);
color: var(--es-ink);
font-family: "Yomogi", "Hiragino Maru Gothic ProN", sans-serif;
font-size: 1.125rem;
font-weight: 400;
line-height: 1.7;
}

@media (max-width: 767px) {
#awtd-evacuation-support-page .awt-es__hero {
grid-template-columns: minmax(0, 1fr);
}
}

@media (max-width: 767px) {
#awtd-evacuation-support-page .awt-es__hero-copy {
padding: 22px 20px;
}
}

@media (max-width: 767px) {
#awtd-evacuation-support-page .awt-es__hero-title {
font-size: 2rem;
}
}

@media (max-width: 767px) {
#awtd-evacuation-support-page .awt-es__hero-visual {
min-height: 0;
height: 180px;
}
}

@media (max-width: 767px) {
#awtd-evacuation-support-page .awt-es__hero-visual img {
object-position: 80% 40%;
}
}

@media (max-width: 767px) {
#awtd-evacuation-support-page .awt-es__hero-message {
top: auto;
bottom: 12px;
right: auto;
max-width: 70%;
padding: 7px 10px;
font-size: .9375rem;
}
}

@media (max-width: 767px) {
#awtd-evacuation-support-page .awt-es__hero-lead {
margin-top: 12px;
}
}

#awtd-care-medical-page .awtd-cm-hero {overflow:hidden; border:1px solid #dce7e1; border-radius:26px; background:#f7fbf8;}

#awtd-care-medical-page .awtd-cm-hero__stage {position:relative; isolation:isolate; min-height:470px; display:flex; align-items:center;}

#awtd-care-medical-page .awtd-cm-hero__picture {position:absolute; z-index:-2; inset:0;}

#awtd-care-medical-page .awtd-cm-hero__picture img {display:block; width:100%; height:100%; object-fit:cover; object-position:center;}

#awtd-care-medical-page .awtd-cm-hero__stage::before {
content:""; position:absolute; z-index:-1; inset:0;
background:linear-gradient(90deg,#f7fbf8 0%,rgba(247,251,248,.98) 33%,rgba(247,251,248,.82) 48%,rgba(247,251,248,0) 65%);
}

#awtd-care-medical-page .awtd-cm-hero__copy {width:57%; padding:44px 36px 44px 44px;}

#awtd-care-medical-page .awtd-cm-hero__title {margin:18px 0; color:var(--cm-navy); font-size:46px; font-weight:700; line-height:1.4; letter-spacing:-.025em;}

#awtd-care-medical-page .awtd-cm-hero__title > span {display:block;}

#awtd-care-medical-page .awtd-cm-hero__lead {margin-top:12px; font-size:17px; line-height:1.85;}

#awtd-care-medical-page .awtd-cm-hero__copy .awtd-cm-button {margin-top:22px;}

#awtd-care-medical-page .awtd-cm-hero__hand {
position:absolute; right:22px; bottom:20px; margin:0; padding:9px 15px;
border-radius:12px; background:rgba(255,255,255,.9); color:#376b55;
font-family:"Yomogi","Hiragino Maru Gothic ProN","Yu Gothic",sans-serif;
font-size:25px; line-height:1.45; text-align:right;
}

#awtd-care-medical-page .awtd-cm-hero__notice {
display:grid; grid-template-columns:minmax(0,1fr) 252px; align-items:center; gap:30px;
padding:28px 34px; border-top:4px solid #d79e3e; background:#fff4dc;
}

#awtd-care-medical-page .awtd-cm-hero__notice-title {font-size:21px; line-height:1.6; color:#634014;}

#awtd-care-medical-page .awtd-cm-hero__notice-title strong {display:block; font-size:27px; line-height:1.5; color:#754411;}

#awtd-care-medical-page .awtd-cm-hero__notice .awtd-cm-button {width:100%; min-height:76px;}

#awtd-care-medical-page .awtd-cm-hero > .awtd-cm-caption {padding:8px 18px; background:#fff; text-align:right; font-size:12px; line-height:1.6; color:var(--cm-muted);}

@media (max-width:1024px) {
#awtd-care-medical-page .awtd-cm-hero__stage {min-height:430px;}
}

@media (max-width:1024px) {
#awtd-care-medical-page .awtd-cm-hero__copy {width:61%; padding:34px 28px;}
}

@media (max-width:1024px) {
#awtd-care-medical-page .awtd-cm-hero__title {font-size:38px;}
}

@media (max-width:1024px) {
#awtd-care-medical-page .awtd-cm-hero__notice {grid-template-columns:minmax(0,1fr) 220px; gap:22px; padding:24px;}
}

@media (max-width:1024px) {
#awtd-care-medical-page .awtd-cm-hero__notice-title strong {font-size:24px;}
}

@media (max-width:767px) {
#awtd-care-medical-page .awtd-cm-hero {border-radius:20px;}
}

@media (max-width:767px) {
#awtd-care-medical-page .awtd-cm-hero__stage {display:flex; flex-direction:column; align-items:stretch; min-height:0;}
}

@media (max-width:767px) {
#awtd-care-medical-page .awtd-cm-hero__stage::before {display:none;}
}

@media (max-width:767px) {
#awtd-care-medical-page .awtd-cm-hero__copy {order:0; width:100%; padding:25px 22px;}
}

@media (max-width:767px) {
#awtd-care-medical-page .awtd-cm-hero__title {margin:14px 0; font-size:32px; line-height:1.4;}
}

@media (max-width:767px) {
#awtd-care-medical-page .awtd-cm-hero__lead {font-size:16px;}
}

@media (max-width:767px) {
#awtd-care-medical-page .awtd-cm-hero__lead br {display:none;}
}

@media (max-width:767px) {
#awtd-care-medical-page .awtd-cm-hero__picture {position:relative; z-index:auto; inset:auto; order:1; height:180px;}
}

@media (max-width:767px) {
#awtd-care-medical-page .awtd-cm-hero__picture img {object-position:right center;}
}

@media (max-width:767px) {
#awtd-care-medical-page .awtd-cm-hero__hand {right:12px; bottom:12px; padding:7px 10px; font-size:19px;}
}

@media (max-width:767px) {
#awtd-care-medical-page .awtd-cm-hero__notice {grid-template-columns:1fr; gap:18px; padding:22px 20px;}
}

@media (max-width:767px) {
#awtd-care-medical-page .awtd-cm-hero__notice-title {font-size:19px;}
}

@media (max-width:767px) {
#awtd-care-medical-page .awtd-cm-hero__notice-title strong {font-size:23px;}
}

@media (max-width:767px) {
#awtd-care-medical-page .awtd-cm-hero__notice .awtd-cm-button {min-height:58px;}
}

@media (max-width:767px) {
#awtd-care-medical-page .awtd-cm-hero__notice .awtd-cm-button br {display:none;}
}

@media (max-width:767px) {
#awtd-care-medical-page .awtd-cm-hero > .awtd-cm-caption {text-align:left;}
}

@media (max-width:374px) {
#awtd-care-medical-page .awtd-cm-hero__copy {padding:24px 17px;}
}

@media (max-width:374px) {
#awtd-care-medical-page .awtd-cm-hero__title {font-size:28px;}
}

@media (max-width:374px) {
#awtd-care-medical-page .awtd-cm-hero__notice {padding:20px 16px;}
}

@media (max-width:374px) {
#awtd-care-medical-page .awtd-cm-hero__notice-title strong {font-size:22px;}
}

#awtd-pregnancy-page .awtd-pg-hero {
display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);
min-height: 500px; margin: 0 0 28px; overflow: hidden;
border: 1px solid #e4edf0; border-radius: 28px;
background: linear-gradient(120deg, #f8fdff, #fff7f9); box-shadow: var(--pg-shadow);
}

#awtd-pregnancy-page .awtd-pg-hero__copy {
display: flex; flex-direction: column; justify-content: center;
min-width: 0; padding: 40px 30px 40px 48px;
}

#awtd-pregnancy-page .awtd-pg-hero__eyebrow {
align-self: flex-start; margin: 0 0 18px; padding: 6px 14px;
border-radius: 999px; color: var(--pg-pink-dark); background: var(--pg-pink-soft);
font-size: 14px; font-weight: 800;
}

#awtd-pregnancy-page .awtd-pg-hero__title {
margin: 0 0 20px; color: var(--pg-navy);
font-size: clamp(36px, 4.3vw, 60px); font-weight: 900; line-height: 1.25;
}

#awtd-pregnancy-page .awtd-pg-hero__lead { margin: 0 0 26px; font-size: 18px; line-height: 1.9; }

#awtd-pregnancy-page .awtd-pg-hero__visual { position: relative; min-width: 0; min-height: 0; }

#awtd-pregnancy-page .awtd-pg-hero__figure { width: 100%; height: 100%; }

#awtd-pregnancy-page .awtd-pg-hero__figure img {
display: block; width: 100%; height: 100%; min-height: 500px;
object-fit: cover; object-position: 73% center;
}

@media (max-width: 1024px) {
#awtd-pregnancy-page .awtd-pg-hero { min-height: 440px; }
}

@media (max-width: 1024px) {
#awtd-pregnancy-page .awtd-pg-hero__copy { padding: 30px; }
}

@media (max-width: 1024px) {
#awtd-pregnancy-page .awtd-pg-hero__figure img { min-height: 440px; }
}

@media (max-width: 1024px) {
#awtd-pregnancy-page .awtd-pg-hero__lead { font-size: 17px; }
}

@media (max-width: 767px) {
#awtd-pregnancy-page .awtd-pg-hero { display: flex; flex-direction: column; min-height: 0; border-radius: 20px; margin-bottom: 22px; }
}

@media (max-width: 767px) {
#awtd-pregnancy-page .awtd-pg-hero__copy { padding: 26px 20px; }
}

@media (max-width: 767px) {
#awtd-pregnancy-page .awtd-pg-hero__title { margin-bottom: 15px; font-size: clamp(32px, 9vw, 43px); }
}

@media (max-width: 767px) {
#awtd-pregnancy-page .awtd-pg-hero__lead { margin-bottom: 20px; font-size: 16px; }
}

@media (max-width: 767px) {
#awtd-pregnancy-page .awtd-pg-hero__figure { aspect-ratio: 16 / 9; }
}

@media (max-width: 767px) {
#awtd-pregnancy-page .awtd-pg-hero__figure img { min-height: 0; height: 100%; object-position: 72% center; }
}

#awtd-family-children-page .awtd-fc-hero {
overflow: hidden;
border: 1px solid #f0e5e2;
border-radius: 26px;
background: linear-gradient(115deg, #fff7f4, #fffdfa 55%, #eef8fc);
box-shadow: var(--fc-shadow);
}

#awtd-family-children-page .awtd-fc-hero__inner {
display: grid;
grid-template-columns: minmax(0, 1.06fr) minmax(0, 1fr);
align-items: stretch;
min-height: 450px;
}

#awtd-family-children-page .awtd-fc-hero__copy {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding: 36px;
}

#awtd-family-children-page .awtd-fc-hero__eyebrow {
margin: 0 0 18px;
padding: 5px 13px;
border: 1px solid #efc9ca;
border-radius: 999px;
background: #fff;
color: var(--fc-coral);
font-size: 14px;
font-weight: 700;
}

#awtd-family-children-page .awtd-fc-hero__title {
margin: 0 0 20px;
color: var(--fc-navy);
font-size: clamp(30px, 2.8vw, 40px);
font-weight: 900;
line-height: 1.4;
letter-spacing: -.025em;
}

#awtd-family-children-page .awtd-fc-hero__title > span { display: block; }

#awtd-family-children-page .awtd-fc-hero__lead {
margin: 0 0 12px;
color: var(--fc-navy);
font-size: 21px;
font-weight: 800;
line-height: 1.7;
}

#awtd-family-children-page .awtd-fc-hero__lead > span { display: inline-block; max-width: 100%; }

#awtd-family-children-page .awtd-fc-hero__text { margin: 0; font-size: 16px; }

#awtd-family-children-page .awtd-fc-hero__chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }

#awtd-family-children-page .awtd-fc-hero__chips > span { padding: 5px 12px; border: 1px solid #eedfda; border-radius: 999px; background: #fff; color: var(--fc-navy); font-size: 14px; font-weight: 700; }

#awtd-family-children-page .awtd-fc-hero__visual { position: relative; min-height: 450px; }

#awtd-family-children-page .awtd-fc-hero__figure { position: absolute; inset: 0; height: 100%; }

#awtd-family-children-page .awtd-fc-hero__figure img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 52% center; }

#awtd-family-children-page .awtd-fc-hero__note {
position: absolute;
z-index: 1;
top: 18px;
right: 18px;
max-width: calc(100% - 36px);
margin: 0;
padding: 12px 16px;
border: 1px solid #fff;
border-radius: 13px;
background: rgb(255 255 255 / 96%);
box-shadow: 0 4px 16px rgb(16 42 58 / 12%);
color: #24596b;
font-family: "Klee One", "Hiragino Maru Gothic ProN", "Yu Gothic", sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 1.75;
text-align: right;
}

#awtd-family-children-page .awtd-fc-hero__note > span { display: block; }

@media (max-width: 1099px) {
#awtd-family-children-page .awtd-fc-hero__copy { padding: 30px 26px; }
}

@media (max-width: 1099px) {
#awtd-family-children-page .awtd-fc-hero__title { font-size: 32px; }
}

@media (max-width: 859px) {
#awtd-family-children-page .awtd-fc-hero__inner { grid-template-columns: 1fr; min-height: 0; }
}

@media (max-width: 859px) {
#awtd-family-children-page .awtd-fc-hero__visual { min-height: 0; aspect-ratio: 16 / 9; }
}

@media (max-width: 859px) {
#awtd-family-children-page .awtd-fc-hero__figure { position: static; height: 100%; }
}

@media (max-width: 767px) {
#awtd-family-children-page .awtd-fc-hero { border-radius: 20px; }
}

@media (max-width: 767px) {
#awtd-family-children-page .awtd-fc-hero__copy { padding: 26px 20px; }
}

@media (max-width: 767px) {
#awtd-family-children-page .awtd-fc-hero__title { font-size: clamp(27px, 7.2vw, 36px); }
}

@media (max-width: 767px) {
#awtd-family-children-page .awtd-fc-hero__lead { font-size: 19px; }
}

@media (max-width: 767px) {
#awtd-family-children-page .awtd-fc-hero__chips { gap: 6px; }
}

@media (max-width: 767px) {
#awtd-family-children-page .awtd-fc-hero__chips > span { padding: 4px 9px; font-size: 13px; }
}

@media (max-width: 767px) {
#awtd-family-children-page .awtd-fc-hero__visual { aspect-ratio: 3 / 2; }
}

@media (max-width: 767px) {
#awtd-family-children-page .awtd-fc-hero__note { top: auto; right: 12px; bottom: 12px; max-width: calc(100% - 24px); padding: 8px 12px; font-size: 14px; }
}

@media (max-width: 360px) {
#awtd-family-children-page .awtd-fc-hero__copy { padding-right: 16px; padding-left: 16px; }
}

#awtd-pet-evacuation-page .awtd-pet-hero__message>br { display:none; }

#awtd-pet-evacuation-page .awtd-pet-hero__eyebrow { font-size:13px; font-weight:700; color:var(--pet-accent); letter-spacing:.08em; }

#awtd-pet-evacuation-page .awtd-pet-hero { border:1px solid var(--pet-line); border-radius:24px; background:#f8faf5; overflow:hidden; }

#awtd-pet-evacuation-page .awtd-pet-hero__inner { display:grid; grid-template-columns:1.1fr 1fr; }

#awtd-pet-evacuation-page .awtd-pet-hero__copy { padding:32px; }

#awtd-pet-evacuation-page .awtd-pet-hero__title { font-size:clamp(28px,3vw,40px); line-height:1.4; font-weight:900; margin-bottom:20px; }

#awtd-pet-evacuation-page .awtd-pet-hero__lead { font-size:18px; font-weight:700; }

#awtd-pet-evacuation-page .awtd-pet-hero__text { font-size:14px; }

#awtd-pet-evacuation-page .awtd-pet-hero__visual { position:relative; display:flex; align-items:center; background:#eef5ef; }

#awtd-pet-evacuation-page .awtd-pet-hero__visual>img { width:100%; height:auto!important; object-fit:contain; }

#awtd-pet-evacuation-page .awtd-pet-hero__handwriting { position:absolute; bottom:16px; left:16px; right:16px; background:rgba(255,255,255,.94); border-radius:12px; padding:12px; text-align:center; font-weight:700; }

#awtd-pet-evacuation-page .awtd-pet-hero__message { display:flex; gap:10px; font-size:14px; color:var(--pet-accent); }

@media(max-width:767px) {
#awtd-pet-evacuation-page .awtd-pet-hero__inner { grid-template-columns:1fr; }
}

@media(max-width:767px) {
#awtd-pet-evacuation-page .awtd-pet-hero__visual { max-height:280px; }
}

@media(max-width:767px) {
#awtd-pet-evacuation-page .awtd-pet-hero__visual>img { aspect-ratio:16/9; }
}

@media(max-width:767px) {
#awtd-pet-evacuation-page .awtd-pet-hero__copy { padding:24px; }
}

@media(max-width:767px) {
#awtd-pet-evacuation-page .awtd-pet-hero__text br { display:none; }
}

#awtd-home-preparedness-page >.awtd-hp-hero { margin-top:16px; }

#awtd-home-preparedness-page .awtd-hp-hero { background:#f6f9f2; border:1px solid var(--hp-line); border-radius:24px; overflow:hidden; }

#awtd-home-preparedness-page .awtd-hp-hero__inner { display:grid; grid-template-columns:1fr 1fr; align-items:stretch; }

#awtd-home-preparedness-page .awtd-hp-hero__content { padding:40px; }

#awtd-home-preparedness-page .awtd-hp-hero__title { font-size:clamp(32px,3.5vw,46px); font-weight:900; line-height:1.35; margin:16px 0 24px; }

#awtd-home-preparedness-page .awtd-hp-hero__eyebrow { color:var(--hp-accent); font-weight:700; font-size:13px; letter-spacing:.06em; }

#awtd-home-preparedness-page .awtd-hp-hero__strong { color:var(--hp-accent); font-weight:800; }

#awtd-home-preparedness-page .awtd-hp-hero__visual { position:relative; display:flex; align-items:center; background:#eaf3ed; }

#awtd-home-preparedness-page .awtd-hp-hero__image { width:100%; display:block; }

#awtd-home-preparedness-page .awtd-hp-hero__message { position:absolute; bottom:18px; right:18px; left:18px; padding:12px; border-radius:12px; background:rgba(255,255,255,.95); text-align:center; font-weight:800; }

@media(max-width:1024px) {
#awtd-home-preparedness-page .awtd-hp-hero__content { padding:28px; }
}

@media(max-width:767px) {
#awtd-home-preparedness-page .awtd-hp-hero__inner { grid-template-columns:1fr; }
}

@media(max-width:767px) {
#awtd-home-preparedness-page .awtd-hp-hero__content { padding:24px; }
}

@media(max-width:767px) {
#awtd-home-preparedness-page .awtd-hp-hero__visual { min-height:0; }
}

@media(max-width:767px) {
#awtd-home-preparedness-page .awtd-hp-hero__message { position:static; margin:0!important; border-radius:0; }
}

@media(max-width:767px) {
#awtd-home-preparedness-page .awtd-hp-hero__visual { display:block; }
}

#awtd-emergency-bag-page .awtd-emergency-bag__hero { border:1px solid #dce7e2;border-radius:24px;overflow:hidden;background:#f3f8f4;margin-top:16px; }

#awtd-emergency-bag-page .awtd-emergency-bag__hero-inner { display:grid;grid-template-columns:1fr 1fr;align-items:center; }

#awtd-emergency-bag-page .awtd-emergency-bag__hero-copy { padding:36px; }

#awtd-emergency-bag-page .awtd-emergency-bag__hero-title { font-size:clamp(32px,3.4vw,44px);font-weight:900;line-height:1.4; }

#awtd-emergency-bag-page .awtd-emergency-bag__hero-catch { font-size:22px;font-weight:800;color:#317a68;line-height:1.6; }

#awtd-emergency-bag-page .awtd-emergency-bag__hero-label { color:#317a68;font-size:13px;font-weight:800;letter-spacing:.04em; }

#awtd-emergency-bag-page .awtd-emergency-bag__hero-visual img { display:block;width:100%;height:auto; }

@media(max-width:767px) {
#awtd-emergency-bag-page :is(.awtd-emergency-bag__hero-inner,.awtd-emergency-bag__intro-grid,.awtd-emergency-bag__priority-grid,.awtd-emergency-bag__related-grid,.awtd-emergency-bag__compare,.awtd-emergency-bag__two-column,.awtd-emergency-bag__family-links,.awtd-emergency-bag__feature,.awtd-emergency-bag__carry-layout,.awtd-emergency-bag__reduce-grid,.awtd-emergency-bag__official-links,.awtd-emergency-bag__review-list,.awtd-emergency-bag__today-checks):where(.awtd-emergency-bag__hero-inner) {grid-template-columns:1fr}
}

@media(max-width:767px) {
#awtd-emergency-bag-page :is(.awtd-emergency-bag__hero-copy,.awtd-emergency-bag__today,.awtd-emergency-bag__goal,.awtd-emergency-bag__faq):where(.awtd-emergency-bag__hero-copy) {padding:22px}
}

@media(max-width:767px) {
#awtd-emergency-bag-page .awtd-emergency-bag__hero-lead br {display:none}
}

@media(max-width:767px) {
#awtd-emergency-bag-page .awtd-emergency-bag__hero-visual img {max-height:300px;object-fit:contain}
}

#awtd-stockpile-page .awtd-stockpile-hero {display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#f1f7f3;border:1px solid #dce7e2;border-radius:24px;overflow:hidden;margin-top:16px}

#awtd-stockpile-page .awtd-stockpile-hero__content {padding:36px}

#awtd-stockpile-page .awtd-stockpile-hero__eyebrow {color:#317a68;font-size:14px;font-weight:800;letter-spacing:.05em}

#awtd-stockpile-page .awtd-stockpile-hero__catch {font-size:clamp(34px,3.8vw,50px);font-weight:900;line-height:1.4}

#awtd-stockpile-page .awtd-stockpile-hero__visual img {display:block;width:100%;height:auto}

#awtd-stockpile-page .awtd-stockpile-hero__button {display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border:1px solid #317a68;border-radius:10px;background:#317a68;color:#fff!important;font-weight:700}

@media(max-width:767px) {
#awtd-stockpile-page :is(.awtd-stockpile-hero,.awtd-stockpile-facts,.awtd-stockpile-split,.awtd-stockpile-family-layout,.awtd-stockpile-difference,.awtd-stockpile-related__grid,.awtd-stockpile-official__links,.awtd-stockpile-today__list):where(.awtd-stockpile-hero) {grid-template-columns:1fr}
}

@media(max-width:767px) {
#awtd-stockpile-page .awtd-stockpile-hero__content {padding:24px}
}

@media(max-width:767px) {
#awtd-stockpile-page .awtd-stockpile-hero__lead br,
#awtd-stockpile-page .awtd-stockpile-hero__sub br {display:none}
}

#awtd-disaster-alerts-page .awtd-alerts-hero {display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#edf5f9;border:1px solid #dce6ec;border-radius:24px;overflow:hidden;margin-top:16px}

#awtd-disaster-alerts-page .awtd-alerts-hero__content {padding:36px}

#awtd-disaster-alerts-page .awtd-alerts-hero__title {font-size:clamp(32px,3.8vw,46px);font-weight:900;line-height:1.3}

#awtd-disaster-alerts-page .awtd-alerts-hero__catch {font-size:24px;font-weight:800;color:#246a8a}

#awtd-disaster-alerts-page .awtd-alerts-hero__eyebrow {font-size:13px;font-weight:800;color:#246a8a;letter-spacing:.05em}

#awtd-disaster-alerts-page .awtd-alerts-hero__media img {display:block;width:100%;height:auto}

#awtd-disaster-alerts-page .awtd-alerts-hero__note {font-size:14px;padding:14px;border-left:3px solid #b75837;background:#fff6ef}

@media(max-width:767px) {
#awtd-disaster-alerts-page :is(.awtd-alerts-hero,.awtd-alerts-emergency__grid,.awtd-alerts-info-grid,.awtd-alerts-pref-grid,.awtd-alerts-sources__grid,.awtd-alerts-purpose__grid,.awtd-alerts-official-list,.awtd-alerts-cautions,.awtd-alerts-speaker__layout,.awtd-alerts-checklist,.awtd-alerts-related__grid,.awtd-alerts-official__grid):where(.awtd-alerts-hero) {grid-template-columns:1fr}
}

@media(max-width:767px) {
#awtd-disaster-alerts-page :is(.awtd-alerts-hero__content,.awtd-alerts-emergency,.awtd-alerts-radio-quick,.awtd-alerts-today):where(.awtd-alerts-hero__content) {padding:22px}
}

@media(max-width:767px) {
#awtd-disaster-alerts-page .awtd-alerts-hero__media img {max-height:300px;object-fit:contain}
}

#awtd-community-preparedness-page .awtd-cp-hero {border:1px solid #dce7e2;border-radius:24px;overflow:hidden;background:#f1f7f3;margin-top:16px}

#awtd-community-preparedness-page .awtd-cp-hero__inner {display:grid;grid-template-columns:1fr 1fr;align-items:center}

#awtd-community-preparedness-page .awtd-cp-hero__content {padding:36px}

#awtd-community-preparedness-page .awtd-cp-hero__title {font-size:clamp(32px,3.8vw,46px);line-height:1.4;font-weight:900}

#awtd-community-preparedness-page .awtd-cp-hero__catch {font-size:22px;font-weight:800;color:#317a68}

#awtd-community-preparedness-page :is(.awtd-cp-hero__eyebrow,.awtd-section-heading__label,.awtd-cp-section__kicker,.awtd-cp-goal__label,.awtd-cp-today__label,.awtd-cp-contact__label):where(.awtd-cp-hero__eyebrow) {font-size:13px;font-weight:800;color:#317a68;letter-spacing:.04em}

#awtd-community-preparedness-page .awtd-cp-hero__lead {font-size:15px;line-height:1.8}

#awtd-community-preparedness-page .awtd-cp-hero__message {font-weight:800;color:#317a68;border-top:1px solid #dce7e2;padding-top:16px}

#awtd-community-preparedness-page .awtd-cp-hero__visual img {display:block;width:100%;height:auto}

@media(max-width:767px) {
#awtd-community-preparedness-page :is(.awtd-cp-hero__inner,.awtd-cp-first__grid,.awtd-cp-related__grid,.awtd-cp-official__list,.awtd-cp-actions,.awtd-cp-flow,.awtd-cp-steps,.awtd-cp-media,.awtd-cp-risk-grid,.awtd-cp-support-grid,.awtd-cp-today__list):where(.awtd-cp-hero__inner) {grid-template-columns:1fr}
}

@media(max-width:767px) {
#awtd-community-preparedness-page :is(.awtd-cp-hero__content,.awtd-cp-today,.awtd-cp-goal):where(.awtd-cp-hero__content) {padding:22px}
}

#awtd-disaster-drill-page .awtd-drill-hero {border:1px solid #eadcd3;border-radius:24px;overflow:hidden;background:#fff6ef;margin-top:16px}

#awtd-disaster-drill-page .awtd-drill-hero__inner {display:grid;grid-template-columns:1fr 1fr;align-items:center}

#awtd-disaster-drill-page .awtd-drill-hero__content {padding:36px}

#awtd-disaster-drill-page .awtd-drill-hero__title {font-size:clamp(32px,3.8vw,46px);font-weight:900;line-height:1.4}

#awtd-disaster-drill-page .awtd-drill-hero__copy {font-size:24px;font-weight:800;color:#a34a2d}

#awtd-disaster-drill-page .awtd-drill-hero__lead {font-size:15px}

#awtd-disaster-drill-page .awtd-drill-hero__image img {display:block;width:100%;height:auto}

#awtd-disaster-drill-page .awtd-drill-hero__message {padding:18px 24px;margin:0!important;border-top:1px solid #eadcd3;text-align:center;font-weight:800;color:#a34a2d}

#awtd-disaster-drill-page :is(.awtd-drill-hero__eyebrow,.awtd-drill-heading__label,.awtd-drill-section__label,.awtd-drill-rescue-box__label,.awtd-drill-today__label,.awtd-related__label):where(.awtd-drill-hero__eyebrow) {font-size:13px;font-weight:800;letter-spacing:.04em;color:#a34a2d}

@media(max-width:767px) {
#awtd-disaster-drill-page :is(.awtd-drill-hero__inner,.awtd-drill-purpose-grid,.awtd-drill-support-grid,.awtd-related__grid,.awtd-drill-official__list,.awtd-drill-small-grid,.awtd-drill-review-grid,.awtd-drill-steps,.awtd-drill-training-grid,.awtd-drill-inline-links,.awtd-drill-join,.awtd-drill-protect,.awtd-drill-people):where(.awtd-drill-hero__inner) {grid-template-columns:1fr}
}

@media(max-width:767px) {
#awtd-disaster-drill-page :is(.awtd-drill-hero__content,.awtd-drill-today):where(.awtd-drill-hero__content) {padding:22px}
}

#awtd-disaster-lecture-page .awtd-lecture-hero {background:#f0f7f3;border:1px solid #dce7e2;border-radius:24px;overflow:hidden;margin-top:16px}

#awtd-disaster-lecture-page .awtd-lecture-hero__inner {display:grid;grid-template-columns:1fr 1fr;align-items:center}

#awtd-disaster-lecture-page .awtd-lecture-hero__copy {padding:36px}

#awtd-disaster-lecture-page .awtd-lecture-hero__title {font-size:clamp(32px,3.8vw,46px);font-weight:900;line-height:1.4;margin-bottom:20px}

#awtd-disaster-lecture-page .awtd-lecture-hero__catch {font-size:24px;font-weight:800;color:#317a68}

#awtd-disaster-lecture-page .awtd-lecture-hero__lead {font-size:15px}

#awtd-disaster-lecture-page .awtd-lecture-hero__visual img {display:block;width:100%;height:auto!important}

#awtd-disaster-lecture-page :is(.awtd-lecture-hero__eyebrow,.awtd-lecture-section__eyebrow,.awtd-lecture-numbered-heading__eyebrow,.awtd-lecture-contact__eyebrow,.awtd-lecture-contact__label):where(.awtd-lecture-hero__eyebrow) {font-size:13px;font-weight:800;color:#317a68;letter-spacing:.04em}

@media(max-width:767px) {
#awtd-disaster-lecture-page :is(.awtd-lecture-hero__inner,.awtd-lecture-worries__grid,.awtd-lecture-three-grid,.awtd-lecture-next-actions,.awtd-lecture-small-actions,.awtd-lecture-consult-steps,.awtd-lecture-official__list,.awtd-lecture-people,.awtd-lecture-training-grid,.awtd-lecture-contact,.awtd-lecture-consultation__card,.awtd-lecture-related__grid,.awtd-lecture-first-cta,.awtd-lecture-point-list,.awtd-lecture-check-list,.awtd-lecture-flow):where(.awtd-lecture-hero__inner) {grid-template-columns:1fr}
}

@media(max-width:767px) {
#awtd-disaster-lecture-page :is(.awtd-lecture-hero__copy,.awtd-lecture-first-cta,.awtd-lecture-contact,.awtd-lecture-consultation__card):where(.awtd-lecture-hero__copy) {padding:22px}
}