@charset "UTF-8";
:root {
  --font-mincho:
    "Hiragino Mincho ProN", "Hiragino Mincho Pro", "YuMincho", "Yu Mincho",
    "MS PMincho", serif;
  --font-gothic:
    "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "YuGothic",
    "Meiryo", sans-serif;
  --fw-regular: 300;
  --fw-bold: 600;
  --c-blue: #09457f;
  --c-navy: #0b4a7b;
  --c-ink: #14212b;
  --c-pink: #d84d54;
  --c-line: #06c755;
  --c-bg: #f1f5f8;
  --c-card: #f7f9fb;
  --c-line-bg: #eaf7ee;
  --c-text: #333b44;
  --c-muted: #7a8894;
  --c-border: #e3e8eb;
  --c-gold: #bb8e00;
  --c-black: #000;
  --c-white: #fff;
  --maxw: 1248px;
  --rounded-lg: 32px;
  --rounded-xs: 4px;
  --rounded-full: 100%;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

/* Anchor targets clear the sticky header (8 + 20 + 40 + 20 + 1 = 89px) */
#trouble,
#line,
#mypage,
#faq,
#services {
  scroll-margin-top: 89px;
}

body {
  margin: 0;
  font-family: var(--font-gothic);
  font-weight: var(--fw-regular);
  color: var(--c-text);
  background: #fff;
  line-height: 1.7;
  letter-spacing: 0.012em;
  -webkit-font-smoothing: antialiased;
}

img {
  max-width: 100%;
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.static_support-desk-container {
  margin: 0 auto;
  padding: 0 24px;
}
@media only screen and (min-width: 768px) {
  .static_support-desk-container {
    width: var(--maxw);
  }
}

.static_support-desk-mincho {
  font-family: var(--font-mincho);
}

.static_support-desk-h-section {
  font-family: var(--font-mincho);
  font-weight: var(--fw-bold);
  font-size: 32px;
  line-height: 1.4;
  letter-spacing: 0.05em;
  color: var(--c-blue);
  text-align: center;
  margin: 0;
}

.static_support-desk-h-section.static_support-desk-ink {
  color: var(--c-ink);
}

.static_support-desk-section-sub {
  text-align: center;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0.012em;
  color: var(--c-ink);
  margin: 16px 0 0;
}

.static_support-desk-accent {
  color: var(--c-gold);
}

section {
  padding: 64px 0;
}

.static_support-desk-heading {
  color: var(--c-black);
  font-family: var(--font-gothic);
  font-size: 24px;
  font-weight: var(--fw-bold);
  line-height: 1.4;
  letter-spacing: 0.288px;
}

.static_support-desk-text-navy {
  color: var(--c-navy) !important;
}

/* HEADER */
.static_support-desk-site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: #fff;
  border-bottom: 1px solid var(--c-border);
  padding: 20px 32px;
  border-top: 8px solid #5081a5;
}
.static_support-desk-site-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.static_support-desk-brand {
  display: flex;
  flex-direction: column;
  gap: 3px;
  line-height: 1;
}

.static_support-desk-brand-tag {
  font-size: 10px;
  color: var(--c-muted);
  letter-spacing: 0.06em;
}

.static_support-desk-brand-name {
  font-size: 24px;
  font-weight: var(--fw-bold);
  color: var(--c-blue);
  display: flex;
  align-items: center;
  gap: 6px;
  letter-spacing: 0.02em;
}

.static_support-desk-brand-name::before {
  content: "";
  width: 15px;
  height: 20px;
  background: var(--c-blue);
  clip-path: polygon(0 100%, 60% 0, 100% 0, 40% 100%);
  display: inline-block;
}

.static_support-desk-main-nav {
  display: flex;
  gap: 36px;
  font-size: 15px;
  font-weight: var(--fw-bold);
  color: var(--c-ink);
}

.static_support-desk-main-nav a {
  white-space: nowrap;
  transition: color 0.15s;
}

.static_support-desk-main-nav a:hover {
  color: var(--c-blue);
}

.static_support-desk-nav-toggle {
  display: none;
}

/* HERO */
.static_support-desk-hero {
  position: relative;
  padding: 0;
  min-height: 670px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}

/* PC: generates no box, so .static_support-desk-hero keeps being the positioning/flex context
   for the photo and the copy. SP turns it into a real box (see RESPONSIVE)
   so the photo is clipped to the MV and .static_support-desk-hero__notes falls outside it. */
.static_support-desk-hero__visual {
  display: contents;
}

.static_support-desk-hero__notes {
  position: relative;
  z-index: 2;
  padding-bottom: 70px;
  font-weight: 500;
}

.static_support-desk-hero img.static_support-desk-hero-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 110%;
  object-fit: cover;
  z-index: 0;
  filter: brightness(1.09);
  opacity: 0.85;
}

.static_support-desk-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}

.static_support-desk-hero__visual .static_support-desk-container {
  position: relative;
  z-index: 2;
  padding-top: 70px;
  font-weight: 500;
}

.static_support-desk-hero-eyebrow {
  font-size: 16px;
  color: var(--c-ink);
  margin: 0 0 8px;
  letter-spacing: 0.08em;
  line-height: 1.8;
}

.static_support-desk-hero-title {
  font-family: var(--font-mincho);
  font-weight: var(--fw-regular);
  font-size: 40px;
  line-height: 1.4;
  letter-spacing: 0.1em;
  color: var(--c-ink);
  margin: 0 0 8px;
}

.static_support-desk-hero-title .static_support-desk-grad {
  color: var(--c-gold);
  display: inline-block;
}

.static_support-desk-hero-body {
  font-size: 16px;
  line-height: 1.85;
  letter-spacing: 0.03em;
  color: var(--c-black);
  margin: 0 0 8px;
}

.static_support-desk-hero-note {
  font-size: 12px;
  line-height: 1.8;
  letter-spacing: 0.08em;
  color: var(--c-black);
  margin: 0;
}

/* SUPPORT split */
.static_support-desk-support-split {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 40px;
  align-items: center;
  margin-top: 40px;
}

.static_support-desk-support-cards {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.static_support-desk-support-card {
  display: flex;
  align-items: center;
  gap: 28px;
  background: var(--c-bg);
  border-radius: 4px;
  padding: 15px 20px;
  box-shadow: 0 0 16px 0 rgba(18, 65, 43, 0.05);
}

.static_support-desk-support-card .static_support-desk-thumb {
  width: 90px;
  height: 90px;
  border-radius: 10px;
  flex: 0 0 auto;
  object-fit: cover;
}

.static_support-desk-support-card .static_support-desk-body h3 {
  font-size: 20px;
  line-height: 1.4;
  font-weight: var(--fw-bold);
  color: #124a7b;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 10px;
}

.static_support-desk-support-card .static_support-desk-body h3::after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.5834 13.9167L16.4167 8.08342C16.7501 7.75008 16.7501 7.25008 16.4167 6.91675C16.0834 6.58342 15.5834 6.58342 15.2501 6.91675L10.0001 12.1667L4.75008 6.91675C4.41675 6.58342 3.91675 6.58342 3.58341 6.91675C3.25008 7.25008 3.25008 7.75008 3.58341 8.08341L9.41675 13.9167C9.75008 14.2501 10.2501 14.2501 10.5834 13.9167Z' fill='%2314212B'/%3E%3C/svg%3E%0A");
  background-size: cover;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}

.static_support-desk-support-card .static_support-desk-body p {
  margin: 0;
  font-size: 15px;
  line-height: 1.4;
  color: var(--c-black);
}

/* section tint */
.static_support-desk-section-tint {
  background: var(--c-bg);
}

/* TROUBLE grid */
.static_support-desk-trouble-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin-block: 40px;
}

.static_support-desk-tcard {
  flex: 0 0 auto;
  max-width: calc((100% - 60px) / 4);
  width: 100%;
  background: #fff;
  border-radius: 32px;
  padding: 20px 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  min-height: 270px;
  /* (2) 2 columns on SP; the 7th card centres on its own row */
}
@media only screen and (max-width: 767px) {
  .static_support-desk-tcard {
    max-width: calc((100% - 20px) / 2);
  }
}

.static_support-desk-tcard__title {
  font-size: 20px;
  font-weight: var(--fw-bold);
  color: var(--c-blue);
  line-height: 1.4;
}

.static_support-desk-tcard ul {
  align-self: stretch;
  text-align: left;
  color: var(--c-text);
}

.static_support-desk-tcard li {
  position: relative;
  padding-left: 14px;
  line-height: 1.4;
  color: var(--c-black);
}

.static_support-desk-tcard li::before {
  content: "・";
  position: absolute;
  left: 0;
  color: var(--c-blue);
}

 .static_support-desk-trouble-closing_txt{
    color: var(--c-ink);
  font-family: var(--font-mincho);
  text-align: center;
  font-size: 24px;
  font-weight: var(--fw-bold);
  letter-spacing: 2.4px;
  line-height: 1.5;
 }
.static_support-desk-trouble-closing_txt:first-of-type{
  margin-bottom: 10px;
}
.static_support-desk-trouble-closing .static_support-desk-trouble-closing_u{
 border-bottom: 1px solid var(--c-gold);
 display: inline-block;
 line-height: 1.5;
}

/* DESK */
.static_support-desk-customer-desk {
  background-color: var(--c-white);
  padding: 40px 120px;
  border-radius: var(--rounded-lg);
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .static_support-desk-customer-desk {
    padding: 40px 15px;
  }
}

.static_support-desk-customer-desk .static_support-desk-eyebrow {
  text-align: center;
  font-size: 16px;
  color: var(--c-link);
  line-height: 1.4;
  margin: 0 0 16px;
}

.static_support-desk-customer-desk .static_support-desk-h-section {
  font-size: 24px;
  letter-spacing: 0.288px;
  color: var(--c-navy);
}

.static_support-desk-customer-desk .static_support-desk-desk-sub2 {
  margin: 40px 0;
}

.static_support-desk-contact-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  max-width: 1000px;
  margin: 0 auto;
}

.static_support-desk-contact-card {
  border: 1px solid var(--c-border);
  border-radius: var(--rounded-lg);
  padding: 20px 16px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  min-height: 270px;
}

.static_support-desk-contact-card .static_support-desk-ic {
  height: 100px;
  width: 100px;
  border-radius: var(--rounded-full);
  margin: 0 auto 10px;
  border: 1px solid var(--c-border);
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.static_support-desk-contact-card
  .static_support-desk-ic.static_support-desk-ic-email {
  align-items: flex-end;
}
.static_support-desk-contact-card
  .static_support-desk-ic.static_support-desk-ic-line {
  align-items: center;
}

.static_support-desk-contact-card h3 {
  font-size: 20px;
  font-weight: var(--fw-bold);
  color: var(--c-blue);
  line-height: 1.4;
}

.static_support-desk-contact-card p {
  font-size: 16px;
  line-height: 1.4;
  color: var(--c-black);
}

.static_support-desk-contact-card__number {
  color: var(--c-pink);
}

.static_support-desk-contact-card .static_support-desk-tel {
  font-size: 22px;
  font-weight: var(--fw-bold);
  margin-bottom: 6px;
  letter-spacing: 0.02em;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  line-height: 1;
}

.static_support-desk-contact-card .static_support-desk-tiny {
  font-size: 12px;
  line-height: 1.5;
  color: inherit;
  margin: 0;
}

.static_support-desk-contact-card__link {
  font-size: 12px;
  line-height: 1.5;
  font-weight: var(--fw-bold);
  color: #0096cf;
  text-decoration: underline;
  display: flex;
  align-items: center;
}
.static_support-desk-contact-card__link::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.35 5.65L4.85 2.15C4.65 1.95 4.35 1.95 4.15 2.15C3.95 2.35 3.95 2.65 4.15 2.85L7.3 6L4.15 9.15C3.95 9.35 3.95 9.65 4.15 9.85C4.35 10.05 4.65 10.05 4.85 9.85L8.35 6.35C8.55 6.15 8.55 5.85 8.35 5.65Z' fill='%230096CF'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  margin-left: 2px;
}

.static_support-desk-check-row {
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
  margin: 40px 0 0;
  color: var(--c-ink);
}

.static_support-desk-check-row span {
  display: flex;
  align-items: center;
  font-size: 16px;
  letter-spacing: 0.32px;
  line-height: 1.8;
}

.static_support-desk-check-row .static_support-desk-ck {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M18.3334 9.23336V10C18.3324 11.797 17.7505 13.5456 16.6745 14.9849C15.5986 16.4242 14.0862 17.4771 12.3629 17.9866C10.6396 18.4961 8.7978 18.4349 7.11214 17.8122C5.42648 17.1894 3.98729 16.0384 3.00922 14.5309C2.03114 13.0234 1.56657 11.2401 1.68481 9.44696C1.80305 7.65383 2.49775 5.94697 3.66531 4.58092C4.83288 3.21488 6.41074 2.26285 8.16357 1.86682C9.91641 1.47079 11.7503 1.65198 13.3918 2.38336' stroke='%23DF6062' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.3333 3.33331L10 11.675L7.5 9.17498' stroke='%23DF6062' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  margin-right: 12px;
}

.static_support-desk-check-row small {
  color: var(--c-muted);
  font-weight: var(--fw-regular);
  font-size: 12px;
  align-self: flex-end;
}

.static_support-desk-range-note {
  font-size: 16px;
  color: var(--c-black);
  line-height: 1.7;
  margin: 20px 0 0;
  letter-spacing: -0.12;
}

/* MYPAGE cards */
.static_support-desk-mp-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 48px;
}

.static_support-desk-mpcard {
  border: 1px solid var(--c-border);
  border-radius: var(--rounded-lg);
  padding: 20px 16px;
  text-align: center;
  min-height: 314px;
  display: grid;
  grid-template-rows: 50px 150px 1fr;
  align-items: center;
  justify-items: center;
}

.static_support-desk-mpcard h3 {
  font-size: 18px;
  font-weight: var(--fw-bold);
  color: var(--c-ink);
}

.static_support-desk-mpcard .static_support-desk-ic {
  object-fit: contain;
}

.static_support-desk-mpcard p {
  margin: 0;
  font-size: 16px;
  color: var(--c-black);
  line-height: 1.4;
  align-self: start;
}

.static_support-desk-line-block {
  display: grid;
  grid-template-columns: 196px 1fr;
  gap: 32px;
  border: 1px solid var(--c-border);
  align-items: center;
  border-radius: var(--rounded-lg);
  padding: 30px 100px;
  margin-block: 40px;
}

.static_support-desk-line-block .static_support-desk-char {
  width: 100%;
  object-fit: contain;
}

.static_support-desk-line-block h3 {
  margin: 0 0 16px;
}

.static_support-desk-line-block h3 .static_support-desk-lg {
  color: var(--c-line);
}

.static_support-desk-line-block p {
  margin: 0 0 16px;
  font-size: 16px;
  line-height: 1.7;
  color: var(--c-black);
}

.static_support-desk-line-block .static_support-desk-sub {
  line-height: 1;
  font-weight: var(--fw-bold);
  color: var(--c-ink);
  text-decoration: underline;
  margin-bottom: 8px;
}

/* MYPAGE buttons */
.static_support-desk-mypage-box__inner {
  border-radius: var(--rounded-lg);
  background: var(--c-bg);
  padding: 40px 206px;
}

.static_support-desk-mypage-box h3 {
  margin: 0 0 32px;
}

.static_support-desk-mypage-btns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  position: relative;
  margin-bottom: 32px;
}

.static_support-desk-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 72px;
  padding-inline: 16px;
  border-radius: var(--rounded-xs);
  font-size: 18px;
  font-weight: var(--fw-bold);
  letter-spacing: 0.012em;
  cursor: pointer;
  transition: opacity 0.15s;
  background: #fff;
}

.static_support-desk-btn:hover {
  opacity: 0.88;
}

.static_support-desk-btn::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  transform: rotate(0);
}

.static_support-desk-btn-text {
  flex-grow: 1;
  text-align: center;
}

.static_support-desk-btn-outline {
  border: 1px solid var(--c-blue);
  color: var(--c-blue);
}
.static_support-desk-btn-outline::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M8.33325 14.1667L12.4999 10L8.33325 5.83334' stroke='%230B4A7B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 10H2.5' stroke='%230B4A7B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 2.5H15.8333C16.2754 2.5 16.6993 2.67559 17.0118 2.98816C17.3244 3.30072 17.5 3.72464 17.5 4.16667V15.8333C17.5 16.2754 17.3244 16.6993 17.0118 17.0118C16.6993 17.3244 16.2754 17.5 15.8333 17.5H12.5' stroke='%230B4A7B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.static_support-desk-btn-navy {
  background: var(--c-navy);
  color: #fff;
}
.static_support-desk-btn-navy::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M8.33325 14.1667L12.4999 10L8.33325 5.83334' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 10H2.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 2.5H15.8333C16.2754 2.5 16.6993 2.67559 17.0118 2.98816C17.3244 3.30072 17.5 3.72464 17.5 4.16667V15.8333C17.5 16.2754 17.3244 16.6993 17.0118 17.0118C16.6993 17.3244 16.2754 17.5 15.8333 17.5H12.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.static_support-desk-btn-cta {
  background: var(--c-pink);
  color: #fff;
  flex-direction: column;
  line-height: 1;
}

.static_support-desk-btn-cta::before {
  content: none;
}

.static_support-desk-btn-cta small {
  font-size: 14px;
  font-weight: var(--fw-regular);
  opacity: 0.95;
}

.static_support-desk-mypage-notes {
  font-size: 16px;
  line-height: 1.8;
  margin: 20px 0 0;
}

.static_support-desk-mypage-notes p:not(:last-of-type) {
  margin: 0 0 14px;
}

/* FAQ */
.static_support-desk-faq-list {
  margin: 32px auto 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.static_support-desk-faq {
  background: #fff;
  border-radius: var(--rounded-lg);
  padding: 40px;
  box-shadow: 0 2px 12px rgba(20, 33, 43, 0.04);
  overflow: hidden;
}

.static_support-desk-faq-title {
  display: flex;
  gap: 12px;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0.22px;
  font-weight: var(--fw-bold);
}
.static_support-desk-faq-title.static_support-desk--answer {
  color: #5081a5;
  margin-bottom: 8px;
}
.static_support-desk-faq-title.static_support-desk--question {
  color: var(--c-black);
  cursor: pointer;
  list-style: none;
  align-items: center;
}
.static_support-desk-faq-title .static_support-desk-a,
.static_support-desk-faq-title .static_support-desk-q {
  font-size: 24px;
  color: #5081a5;
  line-height: 1;
  font-weight: var(--fw-bold);
}

.static_support-desk-faq-title.static_support-desk--question::-webkit-details-marker {
  display: none;
}

.static_support-desk-faq-title .static_support-desk-q {
  color: var(--c-blue);
  font-weight: var(--fw-bold);
  flex: 0 0 auto;
  font-size: 24px;
  line-height: 1;
}

.static_support-desk-faq-title .static_support-desk-chev {
  margin-left: auto;
  color: var(--c-blue);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 14px;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M26.2666 19.0666L16.9333 9.73331C16.3999 9.19998 15.5999 9.19998 15.0666 9.73331L5.73325 19.0666C5.19992 19.6 5.19992 20.4 5.73325 20.9333C6.26659 21.4666 7.06658 21.4666 7.59992 20.9333L15.9999 12.5333L24.3999 20.9333C24.9333 21.4666 25.7333 21.4666 26.2666 20.9333C26.7999 20.4 26.7999 19.6 26.2666 19.0666Z' fill='%235081A5'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
}

.static_support-desk-faq[open]
  .static_support-desk-faq-title
  .static_support-desk-chev {
  transform: rotate(180deg);
}

/* Only transitions while JS is driving the two end heights, so a reflow
   from anything else (resize, font swap) does not animate. */
.static_support-desk-faq.static_support-desk-is-animating {
  transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* While collapsing, [open] is still set (the panel has to stay visible),
   so the chevron is turned back from this class instead. Same specificity
   as the rule above, declared after it, so it wins. */
.static_support-desk-faq.static_support-desk-is-closing
  .static_support-desk-faq-title
  .static_support-desk-chev {
  transform: rotate(0deg);
}

.static_support-desk-faq .static_support-desk-answer {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px dashed var(--c-border);
}

.static_support-desk-faq .static_support-desk-answer .static_support-desk-a {
  color: var(--c-blue);
  font-weight: var(--fw-bold);
  display: block;
}

.static_support-desk-faq .static_support-desk-answer p {
  margin: 0;
  font-size: 16px;
  color: var(--c-ink);
  line-height: 1.6;
  padding-left: 38px;
}

.static_support-desk-faq ul,
.static_support-desk-faq ol{
    padding-left:55px;
}
.static_support-desk-faq ul li{
  list-style: disc;
}
.static_support-desk-faq ol li{
  list-style: decimal;
}

/* SERVICES */
.static_support-desk-h-boxed {
  display: inline-block;
  border-top: 2px solid var(--c-ink);
  border-bottom: 2px solid var(--c-ink);
  padding: 8px 20px;
}

.static_support-desk-services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-top: 48px;
}

.static_support-desk-svc-card {
  border: 1px solid var(--c-border);
  border-radius: var(--rounded-xs);
  overflow: hidden;
  box-shadow: 0 0 16px 0 rgba(20, 33, 43, 0.05);
}
.static_support-desk-svc-card:hover .static_support-desk-photo {
  transform: scale(1.1);
}
.static_support-desk-svc-card:hover h3 {
  color: #5081a5;
}
.static_support-desk-svc-card:hover h3::after {
  transform: translateX(5px);
  /* same arrow, fill swapped to #5081A5 - the colour is baked
     into the data URI so it cannot be inherited from `color` */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.9167 9.41659L8.08341 3.58325C7.75008 3.24992 7.25008 3.24992 6.91675 3.58325C6.58341 3.91659 6.58341 4.41658 6.91675 4.74992L12.1667 9.99992L6.91675 15.2499C6.58341 15.5833 6.58341 16.0833 6.91675 16.4166C7.25008 16.7499 7.75008 16.7499 8.08341 16.4166L13.9167 10.5833C14.2501 10.2499 14.2501 9.74992 13.9167 9.41659Z' fill='%235081A5'/%3E%3C/svg%3E");
}

.static_support-desk-svc-card-imageWrap {
  overflow: hidden;
  margin: 0;
}

.static_support-desk-svc-card .static_support-desk-photo {
  width: 100%;
  aspect-ratio: 758/460;
  object-fit: cover;
  transition: all 0.25s ease;
}

.static_support-desk-svc-card-body {
  padding: 24px;
}

.static_support-desk-svc-card h3 {
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 1.2;
  font-weight: var(--fw-bold);
  color: var(--c-ink);
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: color 0.25s ease;
}

.static_support-desk-svc-card h3::after {
  content: "";
  display: block;
  transition: transform 0.25s ease;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.9167 9.41659L8.08341 3.58325C7.75008 3.24992 7.25008 3.24992 6.91675 3.58325C6.58341 3.91659 6.58341 4.41658 6.91675 4.74992L12.1667 9.99992L6.91675 15.2499C6.58341 15.5833 6.58341 16.0833 6.91675 16.4166C7.25008 16.7499 7.75008 16.7499 8.08341 16.4166L13.9167 10.5833C14.2501 10.2499 14.2501 9.74992 13.9167 9.41659Z' fill='%2314212B'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.static_support-desk-svc-card p {
  margin: 0;
  font-size: 14px;
  color: var(--c-ink);
  line-height: 1.4;
  text-align: left;
}

.static_support-desk-center {
  text-align: center;
}

.static_support-desk-l-container {
  background-color: #fff;
}

.static_support-desk-l-container--gray {
  background-color: #fafafa;
}

.static_support-desk-l-container__inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  padding: 80px 24px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .static_support-desk-l-container__inner {
    padding: 120px 0;
  }
}

.static_support-desk-l-container__inner--clamped {
  padding-bottom: 0;
  padding-top: 0;
}

.static_support-desk-c-breadcrumbs {
  padding: 14px 0;
}

.static_support-desk-c-breadcrumbs__list {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media only screen and (min-width: 768px) {
  .static_support-desk-c-breadcrumbs__list {
    flex-wrap: nowrap;
  }
}

.static_support-desk-c-breadcrumbs__item {
  align-items: center;
  display: flex;
  flex-shrink: 1;
  gap: 16px;
  min-width: 0;
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .static_support-desk-c-breadcrumbs__item {
    flex-shrink: 0;
  }
  .static_support-desk-c-breadcrumbs__item:last-child {
    flex-shrink: 1;
  }
}

.static_support-desk-c-breadcrumbs__item > .static_support-desk-c-icon-arrow {
  flex-shrink: 0;
  height: 24px;
  transform: rotate(180deg);
  width: 24px;
}

.static_support-desk-c-breadcrumbs__item
  > .static_support-desk-c-icon-arrow
  > .static_support-desk-c-icon-arrow__group
  > .static_support-desk-c-icon-arrow__path {
  stroke: rgba(20, 33, 43, 0.5);
}

.static_support-desk-c-breadcrumbs__link,
.static_support-desk-c-breadcrumbs__text {
  font-size: 1.4rem;
  line-height: 100%;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  transition: 0.3s;
  white-space: nowrap;
}

/* Current page: the last item is a bare __text with no __link wrapper */
.static_support-desk-c-breadcrumbs__text {
  color: #14212b;
}

/* Ancestor items: the two-class selector outranks the rule above */
.static_support-desk-c-breadcrumbs__link,
.static_support-desk-c-breadcrumbs__link
  .static_support-desk-c-breadcrumbs__text {
  color: #5b646b;
}

.static_support-desk-c-breadcrumbs__link
  .static_support-desk-c-breadcrumbs__text:hover {
  color: #0062b2;
}

/* RESPONSIVE */
@media only screen and (max-width: 767px) {
  :root {
    --maxw: 100%;
  }
  section {
    padding: 52px 0;
  }
  .static_support-desk-heading {
    font-size: 18px;
  }
  .static_support-desk-btn {
    font-size: 16px;
  }
  .static_support-desk-container {
    padding: 0 20px;
  }
  .static_support-desk-site-header {
    padding: 10px 20px;
  }
  /* Drawer panel: slides in from the right, same as /wealth-advisory/.
     JS sets top/height from the real header height on open. */
  .static_support-desk-main-nav {
    position: fixed;
    top: 89px;
    left: 0;
    width: 100%;
    height: calc(100% - 89px);
    z-index: 2;
    background: #fff;
    flex-direction: column;
    gap: 0;
    padding: 8px 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    transform: translateX(100%);
    transition: transform 0.4s ease;
  }
  .static_support-desk-main-nav.static_support-desk-is-open {
    transform: translateX(0);
  }
  .static_support-desk-main-nav a {
    padding: 16px 24px;
    border-bottom: 1px solid #eef2f6;
  }
  /* Three bars inside a 24px box, animating into an X */
  .static_support-desk-nav-toggle {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    background: none;
    border: 0;
    cursor: pointer;
  }
  .static_support-desk-nav-toggle span {
    position: absolute;
    left: 0;
    width: 24px;
    height: 2px;
    background: #5081a5;
    transform-origin: 50% 50%;
    transition:
      transform 0.4s,
      opacity 0.4s;
  }
  .static_support-desk-nav-toggle span:first-child {
    top: 4px;
  }
  .static_support-desk-nav-toggle span:nth-child(2) {
    top: 50%;
    transform: translateY(-50%);
  }
  .static_support-desk-nav-toggle span:last-child {
    bottom: 4px;
  }
  .static_support-desk-nav-toggle.static_support-desk-is-open span:first-child {
    transform: translateY(7px) rotate(-45deg);
  }
  .static_support-desk-nav-toggle.static_support-desk-is-open
    span:nth-child(2) {
    opacity: 0;
  }
  .static_support-desk-nav-toggle.static_support-desk-is-open span:last-child {
    transform: translateY(-7px) rotate(45deg);
  }
  /* Scroll lock while the drawer is open (JS keeps the scroll position) */
  body.static_support-desk-is-screen-lock {
    position: fixed;
    left: 0;
    width: 100%;
  }
  .static_support-desk-h-section {
    font-size: 18px;
  }
  .static_support-desk-section-sub {
    font-size: 13px;
  }
  .static_support-desk-hero-eyebrow {
    font-size: 14px;
    letter-spacing: normal;
  }
  .static_support-desk-hero-title {
    font-size: 24px;
    letter-spacing: 0.06em;
  }
  .static_support-desk-hero-title .static_support-desk-grad {
    display: block;
  }
  /* (1) SP: the MV photo is clipped to .static_support-desk-hero__visual, so the 注釈文
     in .static_support-desk-hero__notes sits outside the MV. */
  .static_support-desk-hero {
    display: block;
    min-height: auto;
    overflow: visible;
  }
  .static_support-desk-hero::after {
    content: none;
  }
  .static_support-desk-hero__visual {
    display: block;
    position: relative;
    overflow: hidden;
  }
  .static_support-desk-hero__visual .static_support-desk-container {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .static_support-desk-hero__notes {
    padding-top: 10px;
    padding-bottom: 0;
    font-size: 9px;
  }
  .static_support-desk-hero-note {
    font-size: 9px;
    line-height: 1.8;
    letter-spacing: 0.08em;
    color: var(--c-black);
    margin: 0;
  }
  .static_support-desk-hero-body {
    font-size: 12px;
    line-height: 1.7;
    letter-spacing: normal;
    color: var(--c-black);
    margin: 0 0 8px;
  }
  .static_support-desk-support-split {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .static_support-desk-support-split .static_support-desk-diagram {
    max-width: 100%;
    height: auto;
    width: auto;
  }
  .static_support-desk-support-card {
    padding: 10px;
    gap: 15px;
  }
  .static_support-desk-support-card .static_support-desk-thumb {
    width: 60px;
    height: 60px;
  }
  .static_support-desk-support-card .static_support-desk-body h3 {
    font-size: 12px;
    line-height: 1.2;
    margin-bottom: 5px;
  }
  .static_support-desk-support-card .static_support-desk-body h3::after {
    width: 10px;
    height: 10px;
  }
  .static_support-desk-support-card .static_support-desk-body p {
    font-size: 10px;
  }
  /* (3) 2 columns on SP */
  .static_support-desk-mp-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .static_support-desk-mpcard {
    min-height: auto;
    gap: 25px;
    justify-content: flex-start;
    border-radius: 16px;
    padding: 16px 4px;
  }
  .static_support-desk-mpcard .static_support-desk-ic {
    height: 50px;
    width: auto;
  }
  .static_support-desk-mpcard .static_support-desk-ic.ai_valuation {
    height: 60px;
  }
  .static_support-desk-mpcard .static_support-desk-ic.cs_Info {
    height: 68px;
  }

  /* Type scale for the narrow 2-column cards: 15px keeps the designed
     <br> in 「シニア住宅への／住み替え」and 「ライフラインや／お引越しの手続き」
     on two lines instead of four. */
  .static_support-desk-tcard__title {
    font-size: 15px;
    min-height: 42px;
    display: flex;
    align-items: center;
  }
  .static_support-desk-tcard li {
    font-size: 10px;
  }
  .static_support-desk-mpcard h3 {
    font-size: 12px;
  }
  .static_support-desk-ic.static_support-desk-ic--reform {
    height: 50px;
    width: auto;
  }
  .static_support-desk-ic.static_support-desk-ic--invest {
    height: 50px;
    width: auto;
  }
  .static_support-desk-ic.static_support-desk-ic--rent {
    height: 50px;
    width: auto;
  }
  .static_support-desk-ic.static_support-desk-ic--senior {
    height: 50px;
    width: auto;
  }
  .static_support-desk-ic.static_support-desk-ic--inherit {
    width: 80px;
    height: auto;
  }
  .static_support-desk-ic.static_support-desk-ic--lifeline {
    height: 50px;
    width: auto;
  }
  .static_support-desk-ic.static_support-desk-ic--trade {
    width: 80px;
    height: auto;
  }
  .static_support-desk-mpcard p {
    font-size: 10px;
  }
  .static_support-desk-line-block {
    grid-template-columns: 1fr;
    padding: 28px 24px;
    gap: 16px;
  }
  .static_support-desk-line-block .static_support-desk-char {
    max-width: 240px;
    margin: 0 auto;
  }
  .static_support-desk-mypage-box__inner {
    padding: 32px 20px;
  }
  .static_support-desk-mypage-btns {
    grid-template-columns: 1fr;
  }
  .static_support-desk-check-row {
    gap: 14px;
    flex-direction: column;
  }
  .static_support-desk-trouble-closing {
    font-size: 18px;
  }
  .static_support-desk-trouble-closing::before {
    max-width: calc(100% - 100px);
  }
  .static_support-desk-faq {
    padding: 20px;
  }
  .static_support-desk-faq-title {
    font-size: 16px;
    gap: 6px;
  }
  .static_support-desk-faq-title .static_support-desk-chev {
    width: 22px;
    height: 22px;
  }
  .static_support-desk-faq .static_support-desk-answer p {
    font-size: 14px;
  }
  .static_support-desk-services-grid {
    grid-template-columns: 1fr;
  }
  .static_support-desk-contact-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .static_support-desk-tcard {
    max-width: calc((100% - 20px) / 2);
    min-height: auto;
    gap: 10px;
    justify-content: flex-start;
    border-radius: 16px;
    padding: 16px 4px;
  }
  .static_support-desk-trouble-grid {
    gap: 10px;
  }
  .static_support-desk-mypage-notes {
    font-size: 13px;
  }
}

/*# sourceMappingURL=static_original-support-desk.css.map */