
.arrow-icon--orange {
  background: #fff;
  border: 1px solid #ff5b38;
  color: #ff5b38;
}

.navy {
  color: #00196e;
}

.label {
  display: flex;
  align-items: center;
  gap: min(min(var(--vw, 1vw), var(--svh, 1vh))* 12 / 768* 100, 9px);
}

.label__circle {
  background: linear-gradient(232deg, #fff, #a4c2dd);
  width: min(min(var(--vw, 1vw), var(--svh, 1vh))* 22 / 768* 100, 16.5px);
  height: min(min(var(--vw, 1vw), var(--svh, 1vh))* 22 / 768* 100, 16.5px);
  border-radius: 100vw;
}

.label--small .label__circle {
  background: #00196e;
  width: min(min(var(--vw, 1vw), var(--svh, 1vh))* 12 / 768* 100, 9px);
  height: min(min(var(--vw, 1vw), var(--svh, 1vh))* 12 / 768* 100, 9px);
}

.label__text {
  font-family: Roboto, Noto Sans JP, Helvetica Neue, Arial, 游ゴシック体, YuGothic, 游ゴシック Medium, Yu Gothic Medium, 游ゴシック, Yu Gothic, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif;
  font-size: clamp(1rem, calc(1.2rem +(min(var(--vw, 1vw), var(--svh, 1vh))* 100 - 384px)* .03125), 1.8rem);
  font-weight: 500;
  letter-spacing: .01em;
}

.card {
  background-color: hsla(0,0%,100%,.15);
  padding: 0 min(min(var(--vw,1vw),var(--svh,1vh)) * 32/768 * 100,24px) min(min(var(--vw,1vw),var(--svh,1vh)) * 40/768 * 100,30px);
  border: 1px solid #d5e2ef;
  border-radius: min(min(var(--vw,1vw),var(--svh,1vh)) * 8/768 * 100,6px);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px)
}

.card__head {
  font-size: clamp(1.1666666667rem,calc(1.4rem + (min(var(--vw, 1vw), var(--svh, 1vh)) * 100 - 384px) * .0364583333),2.1rem);
  font-family: Roboto,Noto Sans JP,Helvetica Neue,Arial,游ゴシック体,YuGothic,游ゴシック Medium,Yu Gothic Medium,游ゴシック,Yu Gothic,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;
  margin-top: min(min(var(--vw,1vw),var(--svh,1vh)) * 16/768 * 100,12px);
  font-weight: 500
}

.card__line {
  background: #036eb7;
  width: min(min(var(--vw,1vw),var(--svh,1vh)) * 44/768 * 100,33px);
  height: min(min(var(--vw,1vw),var(--svh,1vh)) * 6/768 * 100,4.5px)
}

.card__body {
  display: flex;
  margin-top: min(min(var(--vw,1vw),var(--svh,1vh)) * 24/768 * 100,18px)
}

.card__heading {
  font-size: clamp(1.1666666667rem,calc(1.4rem + (min(var(--vw, 1vw), var(--svh, 1vh)) * 100 - 384px) * .0364583333),2.1rem);
  font-family: Noto Sans JP,Helvetica Neue,Arial,游ゴシック体,YuGothic,游ゴシック,Yu Gothic,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;
  font-weight: 700;
  flex-shrink: 0;
  width: min(min(var(--vw,1vw),var(--svh,1vh)) * 132/768 * 100,99px);
  letter-spacing: .04em
}

.card__heading--contact {
  width: min(min(var(--vw,1vw),var(--svh,1vh)) * 232/768 * 100,174px)
}

.card__text {
  font-size: clamp(1rem,calc(1.2rem + (min(var(--vw, 1vw), var(--svh, 1vh)) * 100 - 384px) * .03125),1.8rem);
  line-height: 2;
  letter-spacing: .04em;
  white-space: pre-line
}

.card__text:before {
  margin-top: -0.5em
}

.card__text:after,.card__text:before {
  content: "";
  display: block;
  width: 0;
  height: 0
}

.card__text:after {
  margin-bottom: -0.5em
}

.card-list__item:before {
  content: "・"
}

.contact__sections {
  padding-top: 0;
}

.arrow-icon {
  width: min(min(var(--vw, 1vw), var(--svh, 1vh))* 48 / 768* 100, 36px);
}

.contact-sections__head {
  width: 100%;
  padding: 0;
}

@media screen and (min-width:960px) {

  .label {
    gap: min(var(--vw, 1vw)* 8 / 1280* 100, 10px);
  }

  .label--small {
    gap: min(var(--vw, 1vw)* 16 / 1280* 100, 20px);
  }

  .label__circle {
    width: min(var(--vw, 1vw)* 18 / 1280* 100, 22.5px);
    height: min(var(--vw, 1vw)* 18 / 1280* 100, 22.5px);
  }

  .label--small .label__circle {
    width: min(var(--vw, 1vw)* 12 / 1280* 100, 15px);
    height: min(var(--vw, 1vw)* 12 / 1280* 100, 15px);
  }

  .label__text {
    font-size: min(calc(2rem + 2.5*(var(--vw, 1vw)* 100 - 1280px) / 320), 2.25rem);
  }

  .card {
    width: 100%;
    padding: 0 min(var(--vw,1vw) * 24/1280 * 100,30px) min(var(--vw,1vw) * 40/1280 * 100,50px);
    border-radius: min(var(--vw,1vw) * 8/1280 * 100,10px)
  }

  .card__head {
      font-size: min(calc(2rem + 2.5 * (var(--vw, 1vw) * 100 - 1280px) / 320),2.25rem);
      margin-top: min(var(--vw,1vw) * 8/1280 * 100,10px)
  }

  .card__line {
      width: min(var(--vw,1vw) * 32/1280 * 100,40px);
      height: min(var(--vw,1vw) * 4/1280 * 100,5px)
  }

  .card__body {
      margin-top: min(var(--vw,1vw) * 12/1280 * 100,15px)
  }

  .card__heading {
      font-size: min(calc(2rem + 2.5 * (var(--vw, 1vw) * 100 - 1280px) / 320),2.25rem);
      width: min(var(--vw,1vw) * 94/1280 * 100,117.5px)
  }

  .card__heading--contact {
      font-size: min(calc(1.6rem + 2 * (var(--vw, 1vw) * 100 - 1280px) / 320),1.8rem);
      width: min(var(--vw,1vw) * 152/1280 * 100,190px)
  }

  .card__text {
      font-size: min(calc(1.4rem + 1.75 * (var(--vw, 1vw) * 100 - 1280px) / 320),1.575rem);
      line-height: 2.2857142857
  }

  .card__text:before {
      margin-top: -0.64286em
  }

  .card__text:after {
      margin-bottom: -0.64286em
  }

}