@charset "UTF-8";
.m-plus-rounded-1c-bold {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "GenJyuuGothicL-P-Regular";
  src: url("../fonts/GenJyuuGothicL-P-Regular.woff2") format("woff2");
  font-display: swap;
}
.GenJyuuGothicL-P-Regular {
  font-family: "GenJyuuGothicL-P-Regular", sans-serif;
}

@font-face {
  font-family: "GenJyuuGothicL-P-Medium";
  src: url("../fonts/GenJyuuGothicL-P-Medium.woff2") format("woff2");
  font-display: swap;
}
.GenJyuuGothicL-P-Medium {
  font-family: "GenJyuuGothicL-P-Medium", sans-serif;
}

.support p {
  color: #5e5248;
}
.support .green {
  color: #1a8d95;
}
.support .orange {
  color: #f26e15;
}
.support .gold {
  color: #a29427;
}
.support .green-bg {
  background: #caefeb;
}
.support .orange-bg {
  background: #fcdca4;
}
.support .yellow-bg {
  background: #f9f1b1;
}
.support .underline {
  text-decoration: underline;
  text-decoration-color: #5e5248;
  text-underline-offset: 3px;
}

/* pc */
@media screen and (min-width: 961px) {
  /*ここにpc用スタイルを記述*/
  .support .title {
    position: relative;
  }
  .support .title h1 {
    color: #ff7e00;
    position: absolute;
    top: clamp(11.813rem, -11.545rem + 38.89vw, 13.125rem);
    left: clamp(11.125rem, -6.671rem + 29.63vw, 12.125rem);
    font-size: clamp(4.313rem, -2.361rem + 11.11vw, 4.688rem);
    line-height: 1rem;
  }
  .support .online {
    position: relative;
  }
  .support .online p {
    color: #5e5248;
    position: absolute;
    top: clamp(8.375rem, -7.197rem + 25.93vw, 9.25rem);
    left: clamp(3.75rem, -1.811rem + 9.26vw, 4.063rem);
    font-size: clamp(1rem, -0.112rem + 1.85vw, 1.063rem);
    line-height: clamp(1.8rem, 0.02rem + 2.96vw, 1.9rem);
  }
  .support .line {
    position: relative;
  }
  .support .line .p1 {
    color: #5e5248;
    position: absolute;
    top: clamp(7.688rem, -11.221rem + 31.48vw, 8.75rem);
    left: clamp(3.75rem, -1.811rem + 9.26vw, 4.063rem);
    font-size: clamp(1rem, -0.112rem + 1.85vw, 1.063rem);
    line-height: clamp(1.8rem, 0.02rem + 2.96vw, 1.9rem);
  }
  .support .line .p2 {
    color: #5e5248;
    position: absolute;
    bottom: clamp(3.5rem, -5.398rem + 14.81vw, 4rem);
    left: clamp(3.75rem, -1.811rem + 9.26vw, 4.063rem);
    font-size: 13px;
    line-height: 1.2rem;
  }
  .support .change {
    position: relative;
  }
  .support .change p {
    color: #5e5248;
    position: absolute;
    top: clamp(7.938rem, -6.522rem + 24.07vw, 8.75rem);
    left: clamp(3.75rem, -1.811rem + 9.26vw, 4.063rem);
    font-size: clamp(1rem, -0.112rem + 1.85vw, 1.063rem);
    line-height: clamp(1.8rem, 0.02rem + 2.96vw, 1.9rem);
  }
  .support .report {
    position: relative;
  }
  .support .report p {
    color: #5e5248;
    position: absolute;
    top: clamp(7.125rem, -6.222rem + 22.22vw, 7.875rem);
    left: clamp(3.75rem, -1.811rem + 9.26vw, 4.063rem);
    font-size: clamp(1rem, -0.112rem + 1.85vw, 1.063rem);
    line-height: clamp(1.8rem, 0.02rem + 2.96vw, 1.9rem);
  }
  .support .boshi {
    position: relative;
  }
  .support .boshi .p1 {
    color: #5e5248;
    position: absolute;
    top: clamp(7.625rem, -6.834rem + 24.07vw, 8.438rem);
    left: clamp(3.75rem, -1.811rem + 9.26vw, 4.063rem);
    font-size: clamp(1rem, -0.112rem + 1.85vw, 1.063rem);
    line-height: clamp(1.8rem, 0.02rem + 2.96vw, 1.9rem);
  }
  .support .boshi .p2 {
    color: #5e5248;
    position: absolute;
    top: clamp(14.188rem, -9.17rem + 38.89vw, 15.5rem);
    left: clamp(5.375rem, -2.411rem + 12.96vw, 5.813rem);
    font-size: clamp(0.938rem, -0.175rem + 1.85vw, 1rem);
    line-height: clamp(1.5rem, -0.28rem + 2.96vw, 1.6rem);
  }
  .support .boshi .p3 {
    color: #5e5248;
    position: absolute;
    top: clamp(22.375rem, -13.218rem + 59.26vw, 24.375rem);
    left: clamp(5.375rem, -2.411rem + 12.96vw, 5.813rem);
    font-size: clamp(0.938rem, -0.175rem + 1.85vw, 1rem);
    line-height: clamp(1.5rem, -0.28rem + 2.96vw, 1.6rem);
  }
  .support .boshi .p4 {
    color: #5e5248;
    position: absolute;
    top: clamp(33.563rem, -19.826rem + 88.89vw, 36.563rem);
    left: clamp(5.375rem, -2.411rem + 12.96vw, 5.813rem);
    font-size: clamp(0.938rem, -0.175rem + 1.85vw, 1rem);
    line-height: clamp(1.5rem, -0.28rem + 2.96vw, 1.6rem);
  }
  .support .yaruki {
    position: relative;
  }
  .support .yaruki p {
    color: #5e5248;
    position: absolute;
    top: clamp(7.063rem, -6.285rem + 22.22vw, 7.813rem);
    left: clamp(3.75rem, -1.811rem + 9.26vw, 4.063rem);
    font-size: clamp(1rem, -0.112rem + 1.85vw, 1.063rem);
    line-height: clamp(1.8rem, 0.02rem + 2.96vw, 1.9rem);
  }
  .support .tel {
    position: relative;
  }
  .support .tel p {
    color: #5e5248;
    position: absolute;
    top: clamp(7.75rem, -7.822rem + 25.93vw, 8.625rem);
    left: clamp(3.75rem, -1.811rem + 9.26vw, 4.063rem);
    font-size: clamp(1rem, -0.112rem + 1.85vw, 1.063rem);
    line-height: clamp(1.8rem, 0.02rem + 2.96vw, 1.9rem);
  }
  .support .shinro {
    position: relative;
    padding-bottom: 100px;
    background: #fffdee;
  }
  .support .shinro p {
    color: #5e5248;
    position: absolute;
    top: clamp(8.688rem, -3.547rem + 20.37vw, 9.375rem);
    left: clamp(3.75rem, -1.811rem + 9.26vw, 4.063rem);
    font-size: clamp(1rem, -0.112rem + 1.85vw, 1.063rem);
    line-height: clamp(1.8rem, 0.02rem + 2.96vw, 1.9rem);
  }
}
/* smartPhone */
@media screen and (max-width: 960px) {
  /*ここにスマホ用スタイルを記述*/
  .support .title {
    position: relative;
  }
  .support .title h1 {
    color: #ff7e00;
    position: absolute;
    top: clamp(6.375rem, -1.157rem + 32.14vw, 18.125rem);
    left: clamp(6.188rem, -0.463rem + 28.38vw, 16.563rem);
    font-size: clamp(2.5rem, 0.096rem + 10.26vw, 6.25rem);
    line-height: 1rem;
  }
  .support .online {
    position: relative;
  }
  .support .online p {
    color: #5e5248;
    position: absolute;
    top: clamp(4.625rem, -0.503rem + 21.88vw, 12.625rem);
    left: clamp(1.875rem, -0.529rem + 10.26vw, 5.625rem);
    font-size: clamp(0.563rem, 0.002rem + 2.39vw, 1.438rem);
    line-height: clamp(1rem, -0.026rem + 4.38vw, 2.6rem);
  }
  .support .line {
    position: relative;
  }
  .support .line .p1 {
    color: #5e5248;
    position: absolute;
    top: clamp(4.375rem, -0.272rem + 19.83vw, 11.625rem);
    left: clamp(1.875rem, -0.529rem + 10.26vw, 5.625rem);
    font-size: clamp(0.563rem, 0.002rem + 2.39vw, 1.438rem);
    line-height: clamp(1rem, -0.026rem + 4.38vw, 2.6rem);
  }
  .support .line .p2 {
    color: #5e5248;
    position: absolute;
    bottom: clamp(1.75rem, -0.614rem + 10.09vw, 5.438rem);
    left: clamp(1.875rem, -0.529rem + 10.26vw, 5.625rem);
    font-size: clamp(0.438rem, 0.037rem + 1.71vw, 1.063rem);
    line-height: clamp(0.7rem, 0.059rem + 2.74vw, 1.7rem);
  }
  .support .change {
    position: relative;
  }
  .support .change p {
    color: #5e5248;
    position: absolute;
    top: clamp(4.375rem, -0.513rem + 20.85vw, 12rem);
    left: clamp(1.875rem, -0.529rem + 10.26vw, 5.625rem);
    font-size: clamp(0.563rem, 0.002rem + 2.39vw, 1.438rem);
    line-height: clamp(1rem, -0.026rem + 4.38vw, 2.6rem);
  }
  .support .report {
    position: relative;
  }
  .support .report p {
    color: #5e5248;
    position: absolute;
    top: clamp(3.938rem, -0.47rem + 18.8vw, 10.813rem);
    left: clamp(1.875rem, -0.529rem + 10.26vw, 5.625rem);
    font-size: clamp(0.563rem, 0.002rem + 2.39vw, 1.438rem);
    line-height: clamp(1rem, -0.026rem + 4.38vw, 2.6rem);
  }
  .support .boshi {
    position: relative;
  }
  .support .boshi .p1 {
    color: #5e5248;
    position: absolute;
    top: clamp(4.188rem, -0.46rem + 19.83vw, 11.438rem);
    left: clamp(1.875rem, -0.529rem + 10.26vw, 5.625rem);
    font-size: clamp(0.563rem, 0.002rem + 2.39vw, 1.438rem);
    line-height: clamp(1rem, -0.026rem + 4.38vw, 2.6rem);
  }
  .support .boshi .p2 {
    color: #5e5248;
    position: absolute;
    top: clamp(7.938rem, -0.516rem + 36.07vw, 21.125rem);
    left: clamp(3.125rem, -0.16rem + 14.02vw, 8.25rem);
    font-size: clamp(0.5rem, -0.021rem + 2.22vw, 1.313rem);
    line-height: clamp(0.9rem, 0.131rem + 3.28vw, 2.1rem);
  }
  .support .boshi .p3 {
    color: #5e5248;
    position: absolute;
    top: clamp(12.625rem, -0.556rem + 56.24vw, 33.188rem);
    left: clamp(3.125rem, -0.16rem + 14.02vw, 8.25rem);
    font-size: clamp(0.5rem, -0.021rem + 2.22vw, 1.313rem);
    line-height: clamp(0.9rem, 0.131rem + 3.28vw, 2.1rem);
  }
  .support .boshi .p4 {
    color: #5e5248;
    position: absolute;
    top: clamp(19.125rem, -0.386rem + 83.25vw, 49.563rem);
    left: clamp(3.125rem, -0.16rem + 14.02vw, 8.25rem);
    font-size: clamp(0.5rem, -0.021rem + 2.22vw, 1.313rem);
    line-height: clamp(0.9rem, 0.131rem + 3.28vw, 2.1rem);
  }
  .support .yaruki {
    position: relative;
  }
  .support .yaruki p {
    color: #5e5248;
    position: absolute;
    top: clamp(3.875rem, -0.452rem + 18.46vw, 10.625rem);
    left: clamp(1.875rem, -0.529rem + 10.26vw, 5.625rem);
    font-size: clamp(0.563rem, 0.002rem + 2.39vw, 1.438rem);
    line-height: clamp(1rem, -0.026rem + 4.38vw, 2.6rem);
  }
  .support .tel {
    position: relative;
  }
  .support .tel p {
    color: #5e5248;
    position: absolute;
    top: clamp(4.563rem, -0.125rem + 20vw, 11.875rem);
    left: clamp(1.875rem, -0.529rem + 10.26vw, 5.625rem);
    font-size: clamp(0.563rem, 0.002rem + 2.39vw, 1.438rem);
    line-height: clamp(1rem, -0.026rem + 4.38vw, 2.6rem);
  }
  .support .shinro {
    position: relative;
    padding-bottom: 100px;
    background: #fffdee;
  }
  .support .shinro p {
    color: #5e5248;
    position: absolute;
    top: clamp(4.813rem, -0.356rem + 22.05vw, 12.875rem);
    left: clamp(1.875rem, -0.529rem + 10.26vw, 5.625rem);
    font-size: clamp(0.563rem, 0.002rem + 2.39vw, 1.438rem);
    line-height: clamp(1rem, -0.026rem + 4.38vw, 2.6rem);
  }
}/*# sourceMappingURL=support.css.map */