@layer main {
  .Appeal {
    position: relative;
    z-index: 1;
    width: 100%;
    padding-top: 112px;
    padding-bottom: 48px;
    padding-left: 20px;
    padding-right: 20px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
  }
@media (max-width: 960px) {
    .Appeal {
      padding-top: 40px;
      padding-bottom: 50px;
    }
}
  .Appeal__Inner {
    width: 100%;
    max-width: 1060px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 45px;
  }
@media (max-width: 960px) {
    .Appeal__Inner {
      gap: 20px;
    }
}
  .Appeal-Headline {
    font-family: "Noto Serif JP", serif;
    color: #0d3d8d;
    font-size: 46px;
    font-weight: 900;
    text-align: center;
    line-height: 1.75;
    letter-spacing: 0.1em;
    text-shadow: 3px 3px 2px #fff;
  }
@media (max-width: 960px) {
    .Appeal-Headline {
      font-size: 22px;
    }
}
  .Appeal-Image {
    width: 100%;
  }
  .Appeal-Arrow {
    position: absolute;
    bottom: -157px;
    left: 26px;
    right: 0;
    margin: auto;
    width: 21px;
  }
@media (max-width: 960px) {
    .Appeal-Arrow {
      bottom: -48px;
      left: 0;
      right: 0;
      margin: auto;
      width: 10px;
    }
}
  .Point {
    width: 100%;
    padding-top: 68px;
    padding-bottom: 124px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #ebeff7;
    display: flex;
    justify-content: center;
  }
@media (max-width: 960px) {
    .Point {
      padding-top: 72px;
      padding-bottom: 60px;
    }
}
  .Point__Inner {
    width: 100%;
    max-width: 1000px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .Point-Headline {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .Point-Headline-Point {
    position: relative;
    top: 24px;
    font-family: "Noto Serif JP", serif;
    color: #d7e1f0;
    font-size: 70px;
    font-weight: 900;
    text-align: center;
    line-height: 1;
    letter-spacing: 0.1em;
  }
@media (max-width: 960px) {
    .Point-Headline-Point {
      top: 12px;
      font-size: 34px;
    }
}
  .Point-Headline-Text {
    position: relative;
    z-index: 1;
    font-family: "Noto Serif JP", serif;
    color: #0d3d8d;
    font-size: 45px;
    font-weight: 900;
    text-align: center;
    line-height: 1.65;
    letter-spacing: 0.1em;
    text-shadow: 3px 3px 2px #fff;
  }
@media (max-width: 960px) {
    .Point-Headline-Text {
      font-size: 20px;
    }
}
  .Point-List {
    margin-top: 86px;
    display: flex;
    gap: 28px;
  }
@media (max-width: 960px) {
    .Point-List {
      margin-top: 22px;
      gap: 12px;
    }
}
  .Point-Text {
    font-family: "Noto Serif JP", serif;
    line-height: 1.5;
    letter-spacing: 0.1em;
    font-size: 42px;
    font-weight: 600;
    text-align: center;
    text-shadow: 3px 3px 2px #fff;
  }
@media (max-width: 960px) {
    .Point-Text {
      margin-top: 28px;
      font-size: 20px;
    }
}
  .Point-Before {
    margin-top: 16px;
    border: 5px solid #fff;
    width: 100%;
    padding: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    background-color: #e7e7e7;
    line-height: 1.6;
    letter-spacing: 0.1em;
    font-size: 36px;
    font-weight: 600;
    text-align: center;
  }
@media (max-width: 960px) {
    .Point-Before {
      margin-top: 14px;
      padding-top: 20px;
      padding-bottom: 20px;
      padding-left: 10px;
      padding-right: 10px;
      gap: 16px;
      font-size: 16px;
      border-width: 2px;
    }
}
  .Point-Before-Tip {
    display: inline-block;
    padding-left: 4px;
    padding-right: 4px;
    background-color: #f5f5f5;
    font-size: 40px;
  }
@media (max-width: 960px) {
    .Point-Before-Tip {
      font-size: 18px;
    }
}
  .Point-Before-Tip::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-image: repeating-linear-gradient(90deg, #4e5257 0, #4e5257 6px, transparent 6px, transparent 12px);
    background-position: left -3px bottom;
    background-repeat: repeat-x;
    background-size: calc(100% * 12) 2px;
  }
  .Point-Arrow {
    margin-top: 24px;
    margin-bottom: 24px;
    width: 120px;
  }
@media (max-width: 960px) {
    .Point-Arrow {
      margin-top: 12px;
      margin-bottom: 12px;
      width: 60px;
    }
}
  .Point-After {
    width: 100%;
    padding: 16px;
    background-color: #fff;
  }
@media (max-width: 960px) {
    .Point-After {
      padding: 6px;
    }
}
  .Point-After__Inner {
    border: 1px solid #0d3d8d;
    width: 100%;
    padding-top: 28px;
    padding-bottom: 44px;
    padding-left: 8px;
    padding-right: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
@media (max-width: 960px) {
    .Point-After__Inner {
      padding-top: 10px;
      padding-bottom: 14px;
    }
}
  .Point-After-Text__Wrapper {
    position: relative;
    padding-bottom: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .Point-After-Text__Wrapper::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    margin: auto;
    width: 600px;
    height: 2px;
    background-color: #a08534;
  }
@media (max-width: 960px) {
    .Point-After-Text__Wrapper::before {
      width: 100%;
      max-width: 300px;
      height: 1px;
    }
}
  .Point-After-Text__Wrapper::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 6px;
    margin: auto;
    width: 600px;
    height: 2px;
    background-color: #a08534;
  }
@media (max-width: 960px) {
    .Point-After-Text__Wrapper::after {
      width: 100%;
      max-width: 300px;
      height: 1px;
    }
}
  .Point-After-TextBlue {
    font-family: "Noto Serif JP", serif;
    font-size: 42px;
    color: #0d3d8d;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 1.5;
  }
@media (max-width: 960px) {
    .Point-After-TextBlue {
      font-size: 20px;
    }
}
  .Point-After-Text {
    font-family: "Noto Serif JP", serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.1em;
  }
@media (max-width: 960px) {
    .Point-After-Text {
      font-size: 18px;
    }
}
  .Point-After-TextGold {
    font-family: "Noto Serif JP", serif;
    color: #a08534;
    font-size: 52px;
    line-height: 1.4;
    letter-spacing: 0.1em;
    font-weight: 700;
  }
@media (max-width: 960px) {
    .Point-After-TextGold {
      font-size: 24px;
    }
}
  .Point-After-TextBox {
    margin-top: 32px;
    margin-bottom: 36px;
    width: 100%;
    padding: 16px;
    background-color: #ebeff7;
    font-size: 26px;
    line-height: 1.6;
    letter-spacing: 0.1em;
  }
@media (max-width: 960px) {
    .Point-After-TextBox {
      margin-top: 16px;
      margin-bottom: 16px;
      padding-top: 6px;
      padding-bottom: 6px;
      padding-left: 10px;
      padding-right: 10px;
      font-size: 12px;
    }
}
  .Point-After-Note {
    font-size: 20px;
    line-height: 1.6;
    letter-spacing: 0.03em;
  }
@media (max-width: 960px) {
    .Point-After-Note {
      font-size: 12px;
    }
}
  .Contact {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
  }
@media (max-width: 960px) {
    .Contact {
      padding-top: 16px;
      padding-bottom: 16px;
    }
}
  .Contact__Inner {
    width: 100%;
    max-width: 1100px;
    padding-top: 36px;
    padding-bottom: 36px;
    padding-left: 54px;
    padding-right: 54px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
  }
@media (max-width: 960px) {
    .Contact__Inner {
      padding-top: 16px;
      padding-bottom: 16px;
      padding-left: 16px;
      padding-right: 16px;
    }
}
  .Contact-Headline {
    width: 100%;
    padding-top: 24px;
    padding-bottom: 24px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: "Noto Serif JP", serif;
  }
@media (max-width: 960px) {
    .Contact-Headline {
      padding: 12px;
    }
}
  .Contact-Headline-TextGold {
    color: #a08534;
    font-size: 38px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.08em;
    text-decoration: underline;
    text-underline-offset: 12px;
    text-decoration-thickness: 1px;
    text-decoration-color: #a08534;
  }
@media (max-width: 960px) {
    .Contact-Headline-TextGold {
      font-size: 18px;
      text-underline-offset: 6px;
    }
}
  .Contact-Headline-Text {
    font-size: 40px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.08em;
  }
@media (max-width: 960px) {
    .Contact-Headline-Text {
      font-size: 18px;
    }
}
  .Contact-Arrow {
    margin-top: 18px;
    margin-bottom: 10px;
    width: 52px;
  }
@media (max-width: 960px) {
    .Contact-Arrow {
      margin-top: 6px;
      margin-bottom: 8px;
      width: 24px;
    }
}
  .Contact-Text {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.05em;
    text-align: center;
  }
@media (max-width: 960px) {
    .Contact-Text {
      font-size: 12px;
    }
}
  .Contact-Conversion {
    margin-top: 28px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
@media (max-width: 960px) {
    .Contact-Conversion {
      margin-top: 16px;
      gap: 8px;
    }
}
  .Contact-Conversion-Headline {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 16px;
  }
@media (max-width: 960px) {
    .Contact-Conversion-Headline {
      gap: 12px;
    }
}
  .Contact-Conversion-Headline::before {
    content: "";
    position: relative;
    top: 10px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    flex: 1;
    height: 10px;
  }
@media (max-width: 960px) {
    .Contact-Conversion-Headline::before {
      top: 5px;
      height: 4px;
      border-top: 1px solid #000;
      border-bottom: 1px solid #000;
    }
}
  .Contact-Conversion-Headline::after {
    content: "";
    position: relative;
    top: 10px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    flex: 1;
    height: 10px;
  }
@media (max-width: 960px) {
    .Contact-Conversion-Headline::after {
      top: 5px;
      height: 4px;
      border-top: 1px solid #000;
      border-bottom: 1px solid #000;
    }
}
  .Contact-Conversion-Headline-Text {
    font-size: 30px;
    font-weight: 500;
  }
@media (max-width: 960px) {
    .Contact-Conversion-Headline-Text {
      font-size: 16px;
    }
}
  .Contact-Conversion__Buttons {
    width: 100%;
    display: flex;
    gap: calc(50 / 1060 * 100%);
  }
@media (max-width: 960px) {
    .Contact-Conversion__Buttons {
      flex-direction: column;
      gap: 8px;
    }
}
  .Contact-Conversion-Button {
    overflow: hidden;
    aspect-ratio: 474/93;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.25);
    flex: 1;
    height: fit-content;
    background-color: #fff;
  }
  .Contact-Conversion-Button:hover .Contact-Conversion-Button-Image {
    opacity: 0.6;
  }
  .Contact-Conversion-Button-Image {
    object-fit: cover;
    width: 200%;
    transform: scale(0.51);
    transform-origin: top left;
  }
  .Promise {
    width: 100%;
    padding-top: 124px;
    padding-bottom: 132px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    justify-content: center;
  }
@media (max-width: 960px) {
    .Promise {
      padding-top: 44px;
      padding-bottom: 80px;
    }
}
  .Promise__Inner {
    width: 100%;
    max-width: 1060px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .Promise-Headline {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .Promise-Headline-Point {
    position: relative;
    top: 44px;
    font-family: "Noto Serif JP", serif;
    color: #d7e1f0;
    font-size: 70px;
    font-weight: 600;
    text-align: center;
    line-height: 1;
    letter-spacing: 0.1em;
  }
@media (max-width: 960px) {
    .Promise-Headline-Point {
      top: 22px;
      font-size: 34px;
    }
}
  .Promise-Headline-Text {
    position: relative;
    z-index: 1;
    font-family: "Noto Serif JP", serif;
    color: #0d3d8d;
    font-size: 66px;
    font-weight: 800;
    text-align: center;
    line-height: 1.4;
    letter-spacing: 0.1em;
    text-shadow: 3px 3px 2px #fff;
  }
@media (max-width: 960px) {
    .Promise-Headline-Text {
      font-size: 30px;
    }
}
  .Promise-List {
    margin-top: 110px;
    width: 100%;
    max-width: 960px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 120px;
  }
@media (max-width: 960px) {
    .Promise-List {
      margin-top: 30px;
      gap: 60px;
    }
}
  .Promise-List-Item {
    width: 100%;
  }
@media (max-width: 960px) {
    .Promise-List-Item {
      max-width: 480px;
    }
}
  .PointCard {
    position: relative;
    border: 1px solid #a08534;
    box-shadow: 16px 16px 0 0 #f0edde;
    width: 100%;
    padding-top: 44px;
    padding-bottom: 36px;
    padding-left: 56px;
    padding-right: 56px;
    background-color: #fff;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto auto;
    grid-template-areas: "headline headline" "image text";
    column-gap: 40px;
    row-gap: 32px;
  }
@media (max-width: 960px) {
    .PointCard {
      padding-top: 30px;
      padding-bottom: 18px;
      padding-left: 20px;
      padding-right: 20px;
      grid-template-columns: 1fr;
      grid-auto-rows: auto auto auto;
      grid-template-areas: "headline" "image" "text";
      row-gap: 12px;
    }
}
  .PointCard-Label {
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
    width: 228px;
    font-family: "Hiragino Kaku Gothic ProN", sans-serif;
    font-size: 32px;
    color: #a08534;
    font-weight: 600;
    letter-spacing: 0.1em;
    background-color: #fff;
    text-align: center;
  }
@media (max-width: 960px) {
    .PointCard-Label {
      top: -20px;
      width: 116px;
      font-size: 16px;
    }
}
  .PointCard-Label-Number {
    font-family: "Noto Serif JP", serif;
    font-style: italic;
    font-size: 56px;
    font-weight: 700;
  }
@media (max-width: 960px) {
    .PointCard-Label-Number {
      font-size: 28px;
    }
}
  .PointCard-Headline {
    position: relative;
    grid-area: headline;
    padding-bottom: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: "Noto Serif JP", serif;
  }
@media (max-width: 960px) {
    .PointCard-Headline {
      padding-bottom: 10px;
    }
}
  .PointCard-Headline::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 390px;
    height: 2px;
    background-color: #d7e1f0;
  }
@media (max-width: 960px) {
    .PointCard-Headline::after {
      width: 190px;
      height: 1px;
    }
}
  .PointCard-Headline-Text {
    font-size: 40px;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 1.4;
  }
@media (max-width: 960px) {
    .PointCard-Headline-Text {
      font-size: 18px;
    }
}
  .PointCard-Headline-TextBlue {
    font-size: 45px;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 1.4;
    color: #0d3d8d;
  }
@media (max-width: 960px) {
    .PointCard-Headline-TextBlue {
      font-size: 20px;
    }
}
  .PointCard-Image {
    grid-area: image;
  }
  .PointCard-Text {
    margin-top: -12px;
    grid-area: text;
    font-size: 24px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.03em;
  }
@media (max-width: 960px) {
    .PointCard-Text {
      margin-top: -6px;
      font-size: 14px;
    }
}
  .PointCard__Sub {
    grid-area: 3/1/4/3;
    width: 100%;
    display: flex;
    gap: 32px;
  }
@media (max-width: 960px) {
    .PointCard__Sub {
      grid-area: auto;
      flex-direction: column-reverse;
      gap: 20px;
    }
}
  .PointCard-SubImage {
    flex: 1;
  }
@media (max-width: 960px) {
    .PointCard-SubImage {
      flex: auto;
      width: 100%;
    }
}
  .PointCard-SubText {
    flex: 1;
    padding-bottom: 12px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    font-size: 24px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.03em;
  }
@media (max-width: 960px) {
    .PointCard-SubText {
      flex: auto;
      width: 100%;
      font-size: 14px;
    }
}
  .Team {
    width: 100%;
    padding-top: 110px;
    padding-bottom: 110px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    justify-content: center;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
  }
@media (max-width: 960px) {
    .Team {
      padding-top: 40px;
      padding-bottom: 48px;
    }
}
  .Team__Inner {
    width: 100%;
    max-width: 1000px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .Team-Headline {
    font-family: "Noto Serif JP", serif;
    color: #0d3d8d;
    font-size: 56px;
    font-weight: 900;
    text-align: center;
    line-height: 1.75;
    letter-spacing: 0.1em;
  }
@media (max-width: 960px) {
    .Team-Headline {
      font-size: 28px;
    }
}
  .Team-List {
    margin-top: 110px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 120px;
  }
@media (max-width: 960px) {
    .Team-List {
      margin-top: 64px;
      gap: 54px;
    }
}
  .Team-List-Item {
    width: 100%;
  }
  .TeamCard {
    width: 100%;
    max-width: 880px;
    display: flex;
    flex-direction: column;
    gap: 18px;
  }
@media (max-width: 960px) {
    .TeamCard {
      gap: 4px;
    }
}
  .TeamCard-Title {
    width: 100%;
    padding-left: 156px;
    display: flex;
    align-items: center;
    gap: 26px;
    font-weight: 500;
    font-size: 26px;
    color: #4e5257;
  }
@media (max-width: 960px) {
    .TeamCard-Title {
      width: 170px;
      padding-left: 20px;
      gap: 16px;
      font-size: 14px;
    }
}
  .TeamCard-Title::after {
    content: "";
    display: block;
    width: 240px;
    height: 1px;
    background-color: #ccc;
  }
@media (max-width: 960px) {
    .TeamCard-Title::after {
      flex: 1;
      width: auto;
    }
}
  .TeamCard-Content {
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.25);
    width: 100%;
    padding-top: 20px;
    padding-bottom: 36px;
    padding-left: 36px;
    padding-right: 36px;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: 45px auto;
    grid-template-areas: "name image" "text text";
    row-gap: 24px;
    background-color: #fff;
  }
@media (max-width: 960px) {
    .TeamCard-Content {
      padding-top: 16px;
      padding-bottom: 16px;
      padding-left: 20px;
      padding-right: 20px;
      row-gap: 8px;
    }
}
  .TeamCard-Header-Name {
    grid-area: name;
    padding-left: 110px;
    font-family: "Noto Serif JP", serif;
    font-size: 45px;
    font-weight: 600;
    letter-spacing: 0.1em;
  }
@media (max-width: 960px) {
    .TeamCard-Header-Name {
      padding-left: 0px;
      font-size: 30px;
    }
}
  .TeamCard-Lawyer {
    grid-area: image;
    padding-right: 64px;
    align-self: flex-end;
    justify-self: flex-end;
  }
@media (max-width: 960px) {
    .TeamCard-Lawyer {
      padding-right: 10px;
    }
}
  .TeamCard-Lawyer-Image {
    width: 190px;
  }
@media (max-width: 960px) {
    .TeamCard-Lawyer-Image {
      width: 108px;
    }
}
  .TeamCard-Text {
    grid-area: text;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.1em;
  }
@media (max-width: 960px) {
    .TeamCard-Text {
      font-size: 12px;
    }
}
  .TeamCard2 {
    margin-left: auto;
    width: 100%;
    max-width: 880px;
    display: flex;
    flex-direction: column;
    gap: 18px;
  }
@media (max-width: 960px) {
    .TeamCard2 {
      gap: 4px;
    }
}
  .TeamCard2-Title {
    width: 100%;
    padding-left: 346px;
    display: flex;
    align-items: center;
    gap: 26px;
    font-weight: 500;
    font-size: 26px;
    color: #4e5257;
  }
@media (max-width: 960px) {
    .TeamCard2-Title {
      margin-left: 136px;
      width: 170px;
      padding-left: 0;
      gap: 16px;
      font-size: 12px;
    }
}
  .TeamCard2-Title::after {
    content: "";
    display: block;
    width: 240px;
    height: 1px;
    background-color: #ccc;
  }
@media (max-width: 960px) {
    .TeamCard2-Title::after {
      flex: 1;
      width: auto;
    }
}
  .TeamCard2-Content {
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.25);
    width: 100%;
    padding-top: 20px;
    padding-bottom: 36px;
    padding-left: 36px;
    padding-right: 36px;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: 45px auto;
    grid-template-areas: "image name" "text text";
    row-gap: 24px;
    column-gap: 36px;
    background-color: #fff;
  }
@media (max-width: 960px) {
    .TeamCard2-Content {
      padding-top: 16px;
      padding-bottom: 16px;
      padding-left: 20px;
      padding-right: 20px;
      row-gap: 8px;
      column-gap: 0;
    }
}
  .TeamCard2-Header-Name {
    grid-area: name;
    font-family: "Noto Serif JP", serif;
    font-size: 45px;
    font-weight: 600;
    letter-spacing: 0.1em;
  }
@media (max-width: 960px) {
    .TeamCard2-Header-Name {
      font-size: 30px;
    }
}
  .TeamCard2-Lawyer {
    grid-area: image;
    align-self: flex-end;
    padding-left: 74px;
  }
@media (max-width: 960px) {
    .TeamCard2-Lawyer {
      padding-left: 0;
    }
}
  .TeamCard2-Lawyer-Image {
    width: 190px;
  }
@media (max-width: 960px) {
    .TeamCard2-Lawyer-Image {
      width: 108px;
    }
}
  .TeamCard2-Text {
    grid-area: text;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.1em;
  }
@media (max-width: 960px) {
    .TeamCard2-Text {
      font-size: 12px;
    }
}
  .Voice {
    width: 100%;
    padding-top: 116px;
    padding-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    justify-content: center;
    background-color: #f4f2e7;
  }
@media (max-width: 960px) {
    .Voice {
      padding-top: 36px;
      padding-bottom: 36px;
    }
}
  .Voice__Inner {
    width: 100%;
    max-width: 1000px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .Voice-Headline {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .Voice-Headline-Voice {
    position: relative;
    top: 30px;
    font-family: "Noto Serif JP", serif;
    color: #dfd5b4;
    font-size: 70px;
    font-weight: 600;
    text-align: center;
    line-height: 1;
    letter-spacing: 0.1em;
  }
@media (max-width: 960px) {
    .Voice-Headline-Voice {
      top: 16px;
      font-size: 32px;
    }
}
  .Voice-Headline-Text {
    position: relative;
    z-index: 1;
    font-family: "Noto Serif JP", serif;
    font-size: 52px;
    font-weight: 700;
    text-align: center;
    line-height: 1.6;
    letter-spacing: 0.1em;
    text-align: center;
  }
@media (max-width: 960px) {
    .Voice-Headline-Text {
      font-size: 24px;
    }
}
  .Voice-List {
    margin-top: 64px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
  }
@media (max-width: 960px) {
    .Voice-List {
      margin-top: 32px;
      gap: 20px;
    }
}
  .Voice-List-Item {
    width: 100%;
  }
  .VoiceCard {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 28px;
    background-color: #fff;
    box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.25);
  }
@media (max-width: 960px) {
    .VoiceCard {
      padding-top: 20px;
    }
}
  .VoiceCard-Header {
    width: 100%;
    padding-top: 45px;
    padding-left: 45px;
    display: flex;
    gap: 36px;
  }
@media (max-width: 960px) {
    .VoiceCard-Header {
      padding-top: 0;
      padding-left: 0;
      gap: 16px;
      flex-direction: column;
      align-items: center;
    }
}
  .VoiceCard-Header-Headline {
    position: relative;
    flex: none;
    width: 510px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Noto Serif JP", serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: 0.1em;
    text-align: center;
  }
@media (max-width: 960px) {
    .VoiceCard-Header-Headline {
      width: 100%;
      max-width: 260px;
      height: auto;
      font-size: 16px;
    }
}
  .VoiceCard-Header-Headline::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-top: 2px solid #a08534;
    border-left: 2px solid #a08534;
    width: 36px;
    height: 40px;
  }
@media (max-width: 960px) {
    .VoiceCard-Header-Headline::before {
      border-top: 1px solid #a08534;
      border-left: 1px solid #a08534;
      width: 16px;
      height: 18px;
    }
}
  .VoiceCard-Header-Headline::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    border-right: 2px solid #a08534;
    border-bottom: 2px solid #a08534;
    width: 36px;
    height: 40px;
  }
@media (max-width: 960px) {
    .VoiceCard-Header-Headline::after {
      border-right: 1px solid #a08534;
      border-bottom: 1px solid #a08534;
      width: 16px;
      height: 18px;
    }
}
  .VoiceCard-Header-Person {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
@media (max-width: 960px) {
    .VoiceCard-Header-Person {
      width: 100%;
      gap: 4px;
    }
}
  .VoiceCard-Header-Person-Name {
    width: 100%;
    padding-top: 12px;
    padding-bottom: 16px;
    padding-left: 24px;
    background-color: #e9eff7;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.1em;
    color: #0d3d8d;
  }
@media (max-width: 960px) {
    .VoiceCard-Header-Person-Name {
      padding-left: 40px;
      padding-top: 8px;
      padding-bottom: 8px;
      font-size: 14px;
    }
}
  .VoiceCard-Header-Person-Age {
    width: 100%;
    font-family: "Noto Serif JP", sans-serif;
    font-size: 28px;
    font-weight: 600;
    color: #0d3d8d;
    line-height: 1.25;
    letter-spacing: 0.1em;
  }
@media (max-width: 960px) {
    .VoiceCard-Header-Person-Age {
      padding-left: 40px;
      font-size: 16px;
    }
}
  .VoiceCard-Header-Person-Icon {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 36px;
    margin: auto;
    width: 142px;
    object-fit: cover;
  }
@media (max-width: 960px) {
    .VoiceCard-Header-Person-Icon {
      right: 44px;
      width: 80px;
    }
}
  .VoiceCard-Header2 {
    width: 100%;
    padding-top: 45px;
    padding-right: 45px;
    display: flex;
    gap: 36px;
  }
@media (max-width: 960px) {
    .VoiceCard-Header2 {
      padding-top: 0;
      padding-right: 0;
      gap: 16px;
      flex-direction: column-reverse;
      align-items: center;
    }
}
  .VoiceCard-Header2-Headline {
    position: relative;
    flex: none;
    width: 510px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Noto Serif JP", serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: 0.1em;
    text-align: center;
  }
@media (max-width: 960px) {
    .VoiceCard-Header2-Headline {
      width: 100%;
      max-width: 260px;
      height: auto;
      font-size: 16px;
    }
}
  .VoiceCard-Header2-Headline::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-top: 2px solid #a08534;
    border-left: 2px solid #a08534;
    width: 36px;
    height: 40px;
  }
@media (max-width: 960px) {
    .VoiceCard-Header2-Headline::before {
      border-top: 1px solid #a08534;
      border-left: 1px solid #a08534;
      width: 16px;
      height: 18px;
    }
}
  .VoiceCard-Header2-Headline::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    border-right: 2px solid #a08534;
    border-bottom: 2px solid #a08534;
    width: 36px;
    height: 40px;
  }
@media (max-width: 960px) {
    .VoiceCard-Header2-Headline::after {
      border-right: 1px solid #a08534;
      border-bottom: 1px solid #a08534;
      width: 16px;
      height: 18px;
    }
}
  .VoiceCard-Header2-Person {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
@media (max-width: 960px) {
    .VoiceCard-Header2-Person {
      width: 100%;
      gap: 4px;
    }
}
  .VoiceCard-Header2-Person-Name {
    width: 100%;
    padding-top: 12px;
    padding-bottom: 16px;
    padding-left: 202px;
    background-color: #e9eff7;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.1em;
    color: #0d3d8d;
  }
@media (max-width: 960px) {
    .VoiceCard-Header2-Person-Name {
      padding-left: 50%;
      padding-top: 8px;
      padding-bottom: 8px;
      font-size: 14px;
    }
}
  .VoiceCard-Header2-Person-Age {
    width: 100%;
    padding-left: 202px;
    font-family: "Noto Serif JP", sans-serif;
    font-size: 28px;
    font-weight: 600;
    color: #0d3d8d;
    line-height: 1.25;
    letter-spacing: 0.1em;
  }
@media (max-width: 960px) {
    .VoiceCard-Header2-Person-Age {
      padding-left: 50%;
      font-size: 16px;
    }
}
  .VoiceCard-Header2-Person-Icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 36px;
    margin: auto;
    width: 142px;
    object-fit: cover;
  }
@media (max-width: 960px) {
    .VoiceCard-Header2-Person-Icon {
      left: 44px;
      width: 80px;
    }
}
  .VoiceCard__Content {
    width: 100%;
    padding-bottom: 48px;
    padding-left: 44px;
    padding-right: 44px;
  }
@media (max-width: 960px) {
    .VoiceCard__Content {
      padding-bottom: 20px;
      padding-left: 20px;
      padding-right: 20px;
    }
}
  .VoiceCard-Text {
    font-size: 24px;
    line-height: 1.65;
    letter-spacing: 0.1em;
  }
@media (max-width: 960px) {
    .VoiceCard-Text {
      font-size: 12px;
    }
}
  .Saying {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    justify-content: center;
    background-color: #ebeff7;
  }
@media (max-width: 960px) {
    .Saying {
      padding-top: 48px;
      padding-bottom: 40px;
      padding-left: 0;
      padding-right: 0;
    }
}
  .Saying__Inner {
    box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.25);
    width: 100%;
    max-width: 1100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    background-color: #fff;
  }
  .Saying-Headline {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 68px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    font-family: "Noto Serif JP", serif;
    font-size: 52px;
    font-weight: 600;
    line-height: 1.6;
    color: #fff;
  }
@media (max-width: 960px) {
    .Saying-Headline {
      padding-top: 32px;
      padding-bottom: 52px;
      font-size: 28px;
      text-align: center;
    }
}
  .Saying-Text {
    width: 100%;
    padding-bottom: 28px;
    padding-left: 48px;
    padding-right: 48px;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.85;
    letter-spacing: 0.03em;
    text-align: center;
  }
@media (max-width: 960px) {
    .Saying-Text {
      font-size: 12px;
      text-align: left;
    }
}
  .FAQ {
    width: 100%;
    padding-top: 86px;
    padding-bottom: 100px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    justify-content: center;
    background-color: #ebeff7;
  }
@media (max-width: 960px) {
    .FAQ {
      padding-top: 36px;
      padding-bottom: 60px;
    }
}
  .FAQ__Inner {
    width: 100%;
    max-width: 1000px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 68px;
  }
@media (max-width: 960px) {
    .FAQ__Inner {
      gap: 24px;
    }
}
  .FAQ-Headline {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .FAQ-Headline-FAQ {
    position: relative;
    top: 26px;
    font-family: "Noto Serif JP", serif;
    color: #d7e1f0;
    font-size: 70px;
    font-weight: 600;
    text-align: center;
    line-height: 1;
    letter-spacing: 0.1em;
  }
@media (max-width: 960px) {
    .FAQ-Headline-FAQ {
      top: 10px;
      font-size: 32px;
    }
}
  .FAQ-Headline-Text {
    position: relative;
    z-index: 1;
    font-family: "Noto Serif JP", serif;
    color: #0d3d8d;
    font-size: 56px;
    font-weight: 600;
    text-align: center;
    line-height: 1.6;
    letter-spacing: 0.1em;
  }
@media (max-width: 960px) {
    .FAQ-Headline-Text {
      font-size: 24px;
    }
}
  .FAQ-List {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 48px;
  }
@media (max-width: 960px) {
    .FAQ-List {
      gap: 12px;
    }
}
  .FAQ-List-Item {
    width: 100%;
  }
  .FAQCard {
    width: 100%;
    background-color: #fff;
  }
  .FAQCard::details-content {
    overflow: clip;
    transition-duration: 300ms;
    transition-property: content-visibility, block-size;
    transition-behavior: allow-discrete;
  }
  .FAQCard:not(:open)::details-content {
    height: 0;
  }
  .FAQCard-Headline {
    position: relative;
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    padding-left: 120px;
    font-weight: 600;
    font-size: 22px;
    letter-spacing: 0.03em;
    cursor: pointer;
  }
@media (max-width: 960px) {
    .FAQCard-Headline {
      height: 44px;
      padding-left: 52px;
      padding-right: 54px;
      font-size: 12px;
      line-height: 1.6;
    }
}
  .FAQCard-Headline::-webkit-details-marker {
    display: none;
  }
  .FAQCard-Headline-Q {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 58px;
    height: 80px;
    padding-top: 12px;
    padding-right: 8px;
    display: flex;
    justify-content: flex-end;
    background-color: #0d3d8d;
    font-family: "Noto Serif JP", serif;
    font-size: 44px;
    color: #fff;
    font-weight: 600;
  }
@media (max-width: 960px) {
    .FAQCard-Headline-Q {
      width: 24px;
      height: 44px;
      padding-top: 4px;
      padding-right: 2px;
      font-size: 20px;
      line-height: 1.6;
    }
}
  .FAQCard-Headline-Q::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 58px;
    width: 26px;
    height: 100%;
    transform: skewX(-17.2deg);
    transform-origin: left top;
    background-color: #0d3d8d;
  }
@media (max-width: 960px) {
    .FAQCard-Headline-Q::after {
      left: 14px;
    }
}
  .FAQCard-Headline-Icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
@media (max-width: 960px) {
    .FAQCard-Headline-Icon {
      width: 44px;
      height: 44px;
    }
}
  .FAQCard-Headline-Icon-LineVertical {
    position: absolute;
    width: 2px;
    height: 27px;
    background-color: #4e5257;
    transition-duration: 300ms;
    transition-property: transform;
    transition-behavior: allow-discrete;
  }
@media (max-width: 960px) {
    .FAQCard-Headline-Icon-LineVertical {
      width: 1px;
      height: 12px;
    }
}
  .FAQCard[open] .FAQCard-Headline-Icon-LineVertical {
    transform: rotate(90deg);
  }
  .FAQCard-Headline-Icon-LineHorizontal {
    position: absolute;
    width: 27px;
    height: 2px;
    background-color: #4e5257;
  }
@media (max-width: 960px) {
    .FAQCard-Headline-Icon-LineHorizontal {
      width: 12px;
      height: 1px;
    }
}
  .FAQCard-Content {
    width: 100%;
    padding-left: 120px;
    padding-right: 88px;
    padding-top: 28px;
    padding-bottom: 48px;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.03em;
  }
@media (max-width: 960px) {
    .FAQCard-Content {
      padding-left: 40px;
      padding-right: 40px;
      padding-top: 20px;
      padding-bottom: 20px;
      font-size: 12px;
    }
}
  .ContactForm {
    width: 100%;
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    justify-content: center;
    background-color: #1a3c71;
  }
@media (max-width: 960px) {
    .ContactForm {
      padding-top: 36px;
      padding-bottom: 36px;
    }
}
  .ContactForm__Inner {
    width: 100%;
    max-width: 1200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 60px;
  }
@media (max-width: 960px) {
    .ContactForm__Inner {
      gap: 24px;
    }
}
  .ContactForm-Headline {
    font-size: 38px;
    font-weight: 700;
    letter-spacing: 0.03em;
    color: #fff;
  }
@media (max-width: 960px) {
    .ContactForm-Headline {
      font-size: 20px;
    }
}
  .Form {
    border-radius: 32px;
    width: 100%;
    padding-top: 90px;
    padding-bottom: 90px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    justify-content: center;
    background-color: #e7ebf0;
  }
@media (max-width: 960px) {
    .Form {
      padding-top: 40px;
      padding-bottom: 40px;
    }
}
  .Form__Inner {
    width: 100%;
    max-width: 1000px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 64px;
  }
@media (max-width: 960px) {
    .Form__Inner {
      gap: 28px;
    }
}
  .Form-Item {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 16px;
  }
@media (max-width: 960px) {
    .Form-Item {
      flex-direction: column;
      gap: 6px;
    }
}
  .FormLabel {
    flex: 1;
    font-size: 18px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: 0.03em;
  }
@media (max-width: 960px) {
    .FormLabel {
      font-size: 12px;
      line-height: 1.6;
    }
}
  .FormLabel-Required {
    display: inline-block;
    margin-left: 5px;
    padding-left: 4px;
    padding-right: 4px;
    background-color: #1a3c71;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: 0.03em;
    color: #fff;
  }
@media (max-width: 960px) {
    .FormLabel-Required {
      font-size: 10px;
    }
}
  .FormInput {
    flex: none;
    border-radius: 5px;
    border: 1px solid #eef0f2;
    width: 650px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #fff;
    font-size: 18px;
  }
@media (max-width: 960px) {
    .FormInput {
      width: 100%;
      font-size: 12px;
      padding-left: 8px;
      padding-right: 8px;
      line-height: 1.6;
    }
}
  .TextareaWrapper {
    position: relative;
    width: 650px;
  }
@media (max-width: 960px) {
    .TextareaWrapper {
      width: 100%;
    }
}
  .FormTextarea {
    width: 100%;
    height: 240px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
    background-color: #fff;
    line-height: 1.6;
    font-size: 18px;
    resize: none;
  }
@media (max-width: 960px) {
    .FormTextarea {
      height: 120px;
      font-size: 12px;
      line-height: 1.6;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 8px;
      padding-right: 8px;
    }
}
  .CharCounter {
    position: absolute;
    bottom: 10px;
    right: 10px;
  }
  .FormText {
    overflow: scroll;
    width: 650px;
    height: 240px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
    background-color: #fff;
    font-size: 18px;
    line-height: 1.6;
    letter-spacing: 0.03em;
  }
@media (max-width: 960px) {
    .FormText {
      width: 100%;
      height: 120px;
      font-size: 12px;
      line-height: 1.6;
      padding-left: 8px;
      padding-right: 8px;
    }
}
  .Form-Item2 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    cursor: pointer;
  }
@media (max-width: 960px) {
    .Form-Item2 {
      gap: 6px;
    }
}
  .FormCheckbox {
    appearance: checkbox;
    accent-color: #1a3c71;
    transform: scale(1.5);
  }
@media (max-width: 960px) {
    .FormCheckbox {
      transform: scale(1);
    }
}
  .FormCheckbox-Label {
    font-size: 18px;
    letter-spacing: 0.03em;
  }
@media (max-width: 960px) {
    .FormCheckbox-Label {
      font-size: 12px;
    }
}
  .FormButton {
    border-radius: 999px;
    box-shadow: 0 5px 20px 0 rgba(1,117,255,0.23);
    width: 100%;
    max-width: 434px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #2e2b2c;
    font-weight: 600;
    letter-spacing: 0.03em;
    color: #fff;
    cursor: pointer;
  }
@media (max-width: 960px) {
    .FormButton {
      max-width: 320px;
      padding-top: 12px;
      padding-bottom: 12px;
      padding-left: 14px;
      padding-right: 14px;
      font-size: 12px;
    }
}
  .FormButton:hover {
    opacity: 0.6;
  }
  .FormButton-Icon {
    width: 28px;
  }
  .FormButton-Arrow {
    width: 20px;
  }
  .Footer {
    width: 100%;
    padding-top: 90px;
    padding-bottom: 90px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    justify-content: center;
    background-color: #f5f5f5;
  }
@media (max-width: 960px) {
    .Footer {
      padding-top: 48px;
      padding-bottom: 40px;
    }
}
  .Footer__Inner {
    width: 100%;
    max-width: 600px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .Footer-Logo {
    width: 100%;
    max-width: 230px;
  }
@media (max-width: 960px) {
    .Footer-Logo {
      max-width: 110px;
    }
}
  .Footer-Headline {
    margin-top: 24px;
    font-family: "Noto Serif JP", serif;
    font-size: 56px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #0d3d8d;
  }
@media (max-width: 960px) {
    .Footer-Headline {
      margin-top: 8px;
      font-size: 24px;
    }
}
  .Footer-Table {
    margin-top: 80px;
    width: 100%;
    border-collapse: collapse;
    font-size: 24px;
    line-height: 2;
  }
@media (max-width: 960px) {
    .Footer-Table {
      margin-top: 28px;
      font-size: 12px;
    }
}
  .Footer-Table-Heading {
    width: 220px;
    text-align: left;
    font-weight: 500;
    padding-top: 12px;
    padding-bottom: 12px;
  }
@media (max-width: 960px) {
    .Footer-Table-Heading {
      width: 100px;
    }
}
  .Footer-Table-Data {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .Footer-Table-Row {
    border-bottom: 1px solid #0d3d8d;
  }
  .Copyright {
    width: 100%;
    height: 45px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #fff;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
@media (max-width: 960px) {
    .Copyright {
      height: 32px;
      font-size: 10px;
    }
}
  .FixedConversion {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    justify-content: center;
    background-color: #d9d9d9;
    transition-duration: 300ms;
    transition-property: opacity;
    transition-behavior: allow-discrete;
  }
@media (max-width: 960px) {
    .FixedConversion {
      padding-top: 12px;
      padding-bottom: 12px;
      padding-left: 8px;
      padding-right: 8px;
      gap: 4px;
    }
}
  .FixedConversion__Inner {
    width: 100%;
    max-width: 1100px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
  .FixedConversion[hidden] {
    opacity: 0;
    pointer-events: none;
  }
  .FixedConversion-Link {
    flex: 1;
  }
@media (max-width: 960px) {
    .FixedConversion-Link:first-child {
      flex: 226;
    }
    .FixedConversion-Link:not(:first-child) {
      flex: 250;
    }
}
@media (min-width: 961px) {
    .SP {
      display: none;
    }
}
@media (max-width: 960px) {
    .PC {
      display: none;
    }
}
}