@charset "utf-8";
.ward_copy { font-size:16px; font-family:"Noto Serif JP","Noto Serif","Hiragino Mincho ProN","Yu Mincho","YuMincho","MS PMincho",serif; display:flex; flex-direction:column; align-items:center; width:fit-content; max-width:100%; margin-inline:auto; gap:8px; box-sizing:border-box; font-feature-settings:"palt"; }
.ward_copy .line { display:inline-block; max-width:100%; margin:0; padding:.25em 1.15em; color:#fff; font-size:1.5em; font-weight:500; line-height:1.55; letter-spacing:.04em; background:linear-gradient(to top right,#0E2F62 0%,#25498D 48%,#749BC2 100%); box-sizing:border-box; font-weight:bold; }
@container wciBase (width < 768px) {
  .ward_copy { gap:6px; }
  .ward_copy .line { font-size:1.1em; padding:.4em 0.9em; letter-spacing:.02em; }
}
@container wciBase (width < 576px) {
  .ward_copy .line { font-size:.95em; padding:.38em 0.5em; }
}

.ward_point { --ward-point-blue:#1f4696; font-size:16px; display:flex; align-items:stretch; gap:28px; padding:28px 32px; background:#FCFCFC; border:1px solid #e2ebf3; border-radius:12px; box-shadow:0 1px 3px rgba(0,0,0,.14); box-sizing:border-box; }
.ward_point .body { flex:1 1 0; min-width:0; display:flex; flex-direction:column; justify-content:center; }
.ward_point .head { display:flex; flex-wrap:wrap; align-items:center; gap:12px 16px; padding-bottom:14px; margin-bottom:14px; border-bottom:1px solid #d7e0ea; }
.ward_point .badge { display:inline-flex; align-items:center; justify-content:center; flex:none; padding:.35em 1em; border-radius:999px; background:var(--ward-point-blue); color:#fff; font-size:.85em; font-weight:700; letter-spacing:.06em; line-height:1.2; }
.ward_point .title { margin:0; color:var(--ward-point-blue); font-size:1.5em; font-weight:700; line-height:1.4; letter-spacing:.04em; }
.ward_point .text { margin:0; color:#333; font-size:1em; line-height:1.9; }
.ward_point .media { flex:none; width:336px; max-width:100%; }
.ward_point .media img { display:block; width:100%; height:auto; aspect-ratio:336/216; object-fit:cover; border-radius:10px; background:#d9e4ef; }
.ward_point.is-reverse { flex-direction:row-reverse; }
@container wciBase (width < 992px) {
  .ward_point { gap:20px; padding:22px 20px; }
  .ward_point .title { font-size:1.35em; }
  .ward_point .media { width:280px; }
}
@container wciBase (width < 768px) {
  .ward_point,
  .ward_point.is-reverse { flex-direction:column; }
  .ward_point .head { gap:10px 12px; padding-bottom:12px; margin-bottom:12px; }
  .ward_point .title { font-size:1.25em; }
  .ward_point .media { order:1; width:100%; }
  .ward_point .body { order:2; }
}

.ward_promise { --ward-promise-blue:#1f4696; font-size:16px; color:#333; box-sizing:border-box; }
.ward_promise .list { list-style:none; margin:0; padding:0; counter-reset:ward-promise; display:flex; flex-direction:column; gap:12px; }
.ward_promise .list li { counter-increment:ward-promise; display:flex; align-items:center; gap:16px; margin:0; padding:18px 24px; background:#fff; border:1px solid #e2ebf3; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,.14); box-sizing:border-box; font-size:1.05em; font-weight:500; line-height:1.6; }
.ward_promise .list li::before { content:counter(ward-promise); flex:none; display:inline-flex; align-items:center; justify-content:center; width:2em; height:2em; border-radius:50%; background:var(--ward-promise-blue); color:#fff; font-size:1em; font-weight:700; line-height:1; position:relative!important; }
.ward_promise .contact { margin-top:20px; padding:22px 24px; background:#FCFCFC; border:1px solid #e2ebf3; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,.14); box-sizing:border-box; }
.ward_promise .contact .label { display:inline-flex; align-items:center; justify-content:center; margin:0 0 12px; padding:.35em .9em; border-radius:4px; background:var(--ward-promise-blue); color:#fff; font-size:.9em; font-weight:700; letter-spacing:.04em; line-height:1.3; }
.ward_promise .contact .hours { margin:0 0 10px; font-size:1em; line-height:1.6; }
.ward_promise .contact .tels { display:flex; flex-wrap:wrap; align-items:center; gap:8px 28px; margin:0; font-size:1.05em; line-height:1.6; }
.ward_promise .contact .tel { display:inline-flex; align-items:center; gap:.4em; color:var(--ward-promise-blue); font-weight:700; text-decoration:none; }
.ward_promise .contact .tel::before { content:""; flex:none; width:1.1em; height:1.1em; background:currentColor; --mask-image:url(/common/upload/files/icon/tel.svg); mask:var(--mask-image) no-repeat center center / contain; -webkit-mask:var(--mask-image) no-repeat center center / contain; }
.ward_promise .contact .fax { color:#333; font-weight:500; }
@container wciBase (width < 768px) {
  .ward_promise .list { gap:10px; }
  .ward_promise .list li { gap:12px; padding:14px 16px; font-size:1em; }
  .ward_promise .contact { margin-top:16px; padding:18px 16px; }
  .ward_promise .contact .tels { gap:6px 18px; }
}

.hl_col_reverse.parts--hl._layout003 .wcfront_hl .wcfront_parts--layout-wrap { flex-direction:column-reverse; align-items:flex-start; }
.hl_col_reverse.parts--hl._layout003 .wcfront_hl:has(.parts--sub-title) .parts--title { margin-right:0; }
.hl_col_reverse.parts--hl._layout003 .wcfront_hl:has(.parts--sub-title) .parts--sub-title { font-weight:500; }