@charset "utf-8";
/* --------------------
  ・common
  ・MV
  ・Lead
  ・content-common
  ・content-01
  ・content-02
  ・content-03
  ・Info
  ・Footer
-------------------- */

/* common
------------------------------------------------------------- */
body {
  font-family: "Noto Sans JP", sans-serif;
  /* font-family: "游ゴシック", "游ゴシック体", YuGothicMedium, YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", "HiraKakuProN-W3", "TakaoExゴシック", TakaoExGothic, "MotoyaLCedar", "Droid Sans Japanese", sans-serif; */
  color: #000;
  line-height: 1.4;
}

.wrapper {
  width: 100%;
  background-color: #fff;
  text-align: left;
  padding-top: 111px;
}
@media screen and (max-width: 768px) {
  .wrapper {
    padding-top: 64px;
  }
}

.wrapper * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

#bscschange img {
  width: auto;
  height: auto;
  border-style: none;
}
@media screen and (max-width: 768px) {
  #bscschange img {
    max-width: 100%;
  }
}

#bscschange a {
  color: #005BAC;
  font-weight: 700;
  line-height: 1.0;
  letter-spacing: 0.48px;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

#bscschange a:hover {
  opacity: 0.7;
  transition: 0.3s;
}

#bscschange i {
  font-style: italic;
}

#bscschange .text-link {
  text-decoration: underline;
  color: #595656;
}

#bscschange .text-link:hover {
  text-decoration: none;
}

#bscschange main {
  background-color: #fff;
}

#bscschange .main-container {
  padding-inline: 30px;
}
@media screen and (max-width: 768px) {
  #bscschange .main-container {
    padding-inline: 20px;
  }
}

#bscschange .flex {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

#bscschange .flex-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}

#bscschange .note {
  text-indent: -1em;
  padding-left: 1em;
  margin: 18px 0 40px;
}
@media screen and (max-width: 768px) {
  #bscschange .note {
    margin: 16px 0 40px;
  }
}

#bscschange .note::before {
  content: "※";
}

#bscschange .nh-bg {
  background-color: #DE2814;
}

#bscschange .jd-bg {
  background-color: #4CB034;
}

#bscschange .nh-txt {
  color: #DE2814;
}

#bscschange .jd-txt {
  color: #4CB034;
}

#bscschange .mv .change-label,
#bscschange .content-01 .change-label {
  color: #707070;
  font-weight: 700;
}

#bscschange .mv .change-label.nh-txt,
#bscschange .content-01 .change-label.nh-txt {
  color: #DE2814;
}

#bscschange .mv .change-label {
  font-size: clamp(16px, 1.53vw, 22px);
}
@media screen and (max-width: 768px) {
  #bscschange .mv .change-label {
    font-size: max(18px, 4.8vw);
  }
}

#bscschange .content-01 .change-label {
  font-size: clamp(14px, 1.39vw, 20px);
}
@media screen and (max-width: 768px) {
  #bscschange .content-01 .change-label {
    font-size: max(18px, 4.8vw);
  }
}

/* MV
------------------------------------------------------------- */
#bscschange .mv {
  background-color: #D51F1E;
  padding: 60px 20px;
}
@media screen and (max-width: 768px) {
  #bscschange .mv {
    padding: 40px 20px;
  }
}

#bscschange .mv-notice {
  background-color: #FFF101;
  border-radius: 999px;
  color: #000;
  font-size: clamp(26px, 2.5vw, 36px);
  font-weight: 900;
  line-height: 1.8;
  letter-spacing: 0.72px;
  width: fit-content;
  text-align: center;
  padding-inline: 26px;
  margin: 0 auto 24px;
}
@media screen and (max-width: 768px) {
  #bscschange .mv-notice {
    font-size: max(18px, 4.8vw);
    line-height: unset;
    letter-spacing: 0.36px;
    padding: 3px 19px;
    margin: 0 auto 16px;
  }
}

#bscschange .mv-ttl {
  max-width: 680px;
  height: auto;
  margin: 0 auto 24.5px;
}
@media screen and (max-width: 768px) {
  #bscschange .mv-ttl {
    margin: 0 auto 16px;
  }
}

#bscschange .mv-date {
  color: #0099FF;
  font-size: clamp(26px, 2.22vw, 32px);
  font-weight: 700;
  line-height: normal;
  text-align: center;
  margin-bottom: -13px;
}
@media screen and (max-width: 768px) {
  #bscschange .mv-date {
    font-size: max(20px, 5.33vw);
    margin-bottom: 0;
  }
}

#bscschange .mv-logo {
  max-width: 477px;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  #bscschange .mv-logo {
    min-width: 270px;
  }
}

#bscschange .mv .mv-lead-wrap.flex {
  justify-content: center;
  align-items: end;
  gap: 0px;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  #bscschange .mv .mv-lead-wrap.flex {
    flex-direction: column;
    gap: 8px;
    align-items: center;
    margin-bottom: 25px;
  }
}

#bscschange .mv-lead {
  font-size: clamp(26px, 2.22vw, 32px);
  font-weight: 700;
  line-height: 1.1;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  #bscschange .mv-lead {
    font-size: max(20px, 5.33vw);
  }
}

#bscschange .mv .flex {
  gap: 22px;
}
@media screen and (max-width: 768px) {
  #bscschange .mv .flex {
    flex-direction: column;
    gap: 16px;
  }
}

#bscschange .mv-note {
  font-size: clamp(14.4px, 1.28vw, 18.4px);
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  #bscschange .mv-note {
    font-size: max(14px, 3.73vw);
    margin-top: 17px;
  }
}

#bscschange .mv-note .mv-note-em {
  border-radius: 5px;
  border: 1.7px solid #4CB034;
  background-color: #FFF;
  display: inline-flex;
  justify-content: center;
  padding: 8px 16.7px;
  margin: 0 6.7px;
}
@media screen and (max-width: 768px) {
  #bscschange .mv-note .mv-note-em {
    width: 89.5px;
    border-radius: 3.8px;
    padding: 6px 12.5px;
    margin: 0 3px 0 0;
  }
}

/* Lead
------------------------------------------------------------- */
#bscschange .lead-wrap {
  text-align: center;
  margin: 50px 0 80px;
}
@media screen and (max-width: 768px) {
  #bscschange .lead-wrap {
    text-align: left;
    margin: 40px 0 55px;
  }
}

#bscschange .lead-top {
  font-size: clamp(18px, 1.67vw, 24px);
  font-weight: 700;
  margin-bottom: 14px;
}
@media screen and (max-width: 768px) {
  #bscschange .lead-top {
    font-size: max(20px, 5.33vw);
    letter-spacing: 0.4px;
    margin-bottom: 16px;
  }
}

#bscschange .lead-top span {
  color: #266FE5;
}

#bscschange .lead-bottom {
  font-size: clamp(18px, 1.67vw, 24px);
  font-weight: 400;
  letter-spacing: 0.48px;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  #bscschange .lead-bottom {
    font-size: max(20px, 5.33vw);
    letter-spacing: 0.4px;
    margin-bottom: 10px;
  }
}

#bscschange .lead-bottom a {
  text-underline-offset: 8px;
}
@media screen and (max-width: 768px) {
  #bscschange .lead-bottom a {
    text-underline-offset: 4px;
  }
}

#bscschange .lead-bottom span {
  color: #266FE5;
  font-weight: 700;
}

#bscschange .lead-note {
  font-size: clamp(12px, 1.11vw, 16px);
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  #bscschange .lead-note {
    font-size: max(16px, 4.27vw);
  }
}

/* content-common
------------------------------------------------------------- */
#bscschange .content-01,
#bscschange .content-02,
#bscschange .content-03,
#bscschange .info-inner {
  width: 100%;
  max-width: 1000px;
  border-radius: 20px;
  margin: 0 auto;
}

#bscschange .content-01,
#bscschange .content-02,
#bscschange .content-03 {
  background-color: #DDF1FF;
  padding: 40px 60px;
  margin-bottom: 80px;
}

#bscschange .content-01 .attention-note-wrap,
#bscschange .content-02 .attention-note-wrap,
#bscschange .content-03 .attention-note-wrap {
  width: fit-content;
  background-color: #F2D8D8;
  border-radius: 999px;
  margin: 0 auto 4px;
}

#bscschange .content-02 .attention-note-wrap,
#bscschange .content-03 .attention-note-wrap {
  gap: 4px;
  padding: 6px 32px;
}

#bscschange .content-03 .attention-note-wrap {
  margin-bottom: 6px;
}

@media screen and (max-width: 768px) {
  #bscschange .content-02 .attention-note-wrap,
  #bscschange .content-03 .attention-note-wrap {
    padding: 10px 20px;
    margin-bottom: 8px;
  }
}

#bscschange .content-01 .attention-note,
#bscschange .content-02 .attention-note,
#bscschange .content-03 .attention-note {
  border-radius: 999px;
  font-size: clamp(14px, 1.39vw, 20px);
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.4px;
}
@media screen and (max-width: 768px) {
  #bscschange .content-01 .attention-note,
  #bscschange .content-02 .attention-note,
  #bscschange .content-03 .attention-note {
    font-size: 14px;
    letter-spacing: 0.28px;
  }
}

#bscschange .content-02 .attention-note,
#bscschange .content-03 .attention-note {
  color: #DE2814;
}

#bscschange .content-02 .attention-note-icon,
#bscschange .content-03 .attention-note-icon {
  width: 24.6px;
  height: auto;
}

#bscschange .content-01 .content-ttl,
#bscschange .content-02 .content-ttl,
#bscschange .content-03 .content-ttl,
#bscschange .info .content-ttl {
  text-align: center;
  color: #266FE5;
  font-size: clamp(28px, 2.36vw, 34px);
  font-weight: 700;
  letter-spacing: 0.68px;
}
@media screen and (max-width: 768px) {
  #bscschange .content-01 .content-ttl,
  #bscschange .content-02 .content-ttl,
  #bscschange .content-03 .content-ttl,
  #bscschange .info .content-ttl {
    font-size: max(28px, 7.47vw);
    letter-spacing: 0.56px;
  }
}

/* content-01
------------------------------------------------------------- */
#bscschange .content-01 {
  padding: 45px 60px 60px;
}
@media screen and (max-width: 768px) {
  #bscschange .content-01 {
    padding: 40px 20px;
    margin-bottom: 60px;
  }
}

#bscschange .content-01 .attention-note-wrap {
  text-align: center;
  margin-bottom: 8px;
}

#bscschange .content-01 .attention-note {
  background-color: #FBF9BF;
  color: #000;
  padding: 8px 32px;
}
@media screen and (max-width: 768px) {
  #bscschange .content-01 .attention-note {
    padding: 10px 20px;
  }
}

#bscschange .content-01 .attention-note span {
  color: #266FE5;
}

#bscschange .content-01 .content-01-inner {
  max-width: 425px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background-color: #fff;
  border-radius: 20px;
  padding: 30px 40px 40px;
  margin: 32px auto 0;
}
@media screen and (max-width: 768px) {
  #bscschange .content-01 .content-01-inner {
    gap: 16px;
    border-radius: 15px;
    padding: 24px 20px;
    margin-top: 40px;
  }
}

#bscschange .content-01 .content-01-inner-disc {
  font-size: clamp(14px, 1.25vw, 18px);
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.36px;
}
@media screen and (max-width: 768px) {
  #bscschange .content-01 .content-01-inner-disc {
    font-size: max(16px, 4.27vw);
    letter-spacing: 0.32px;
  }
}

#bscschange .channel-before {
  border: 2px solid #707070;
  background-color: #fff;
  border-radius: 8px;
  text-align: center;
  padding: 13px 41px;
}
@media screen and (max-width: 768px) {
  #bscschange .channel-before {
    width: 177px;
    border-radius: 5.5px;
    padding: 8px 30px;
  }
}

#bscschange .content-01 .channel-before {
  padding: 16px 50px;
}
@media screen and (max-width: 768px) {
  #bscschange .content-01 .channel-before {
    width: 177px;
    padding: 8px 30px;
  }
}

#bscschange .channel-after {
  background-color: #D51F1E;
  border-radius: 10px;
  text-align: center;
  padding: 33px 56.7px;
}
@media screen and (max-width: 768px) {
  #bscschange .channel-after {
    width: 255px;
    border-radius: 4.8px;
    padding: 20px 37.5px;
  }
}

#bscschange .content-01 .channel-after {
  width: 345px;
  border-radius: 7px;
  padding: 25px 42.5px;
}
@media screen and (max-width: 768px) {
  #bscschange .content-01 .channel-after {
    width: 255px;
    border-radius: 4.8px;
    padding: 20px 37.5px;
  }
}

#bscschange .arrow {
  width: 37.5px;
  height: auto;
  margin-top: 35px;
}
@media screen and (max-width: 768px) {
  #bscschange .arrow {
    min-width: 14.6px;
    margin-top: 0;
  }
}

@media screen and (max-width: 768px) {
  #bscschange .arrow .sp.arrow_bottom {
    max-width: 27px;
    width: 100%;
    height: auto;
  }
}

#bscschange .content-01 .arrow {
  max-width: 39px;
  height: auto;
  margin-top: 0px;
}

#bscschange .mv .channel-change {
  max-width: 1002px;
  width: 100%;
  height: auto;
  background-color: #fff;
  border-radius: 20px;
  padding: 35px 117px 45px;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  #bscschange .mv .channel-change {
    padding: 25px 34px 32px;
  }
}

#bscschange .channel-change-important {
  width: fit-content;
  border-top: 3px solid #DE2814;
  border-bottom: 3px solid #DE2814;
  padding: 8px 30.5px;
  margin: 40px auto 0;
}
@media screen and (max-width: 768px) {
  #bscschange .channel-change-important {
    width: 78.67vw;
    padding: 16px 30.5px;
    margin: 16px auto 0;
  }
}

#bscschange .channel-change-important-txt {
  color: #DE2814;
  text-align: center;
  font-size: clamp(20px, 1.94vw, 28px);
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #bscschange .channel-change-important-txt {
    font-size: max(28px, 7.47vw);
  }
}

/* content-02
------------------------------------------------------------- */
#bscschange .content-02 {
  padding: 60px;
}
@media screen and (max-width: 768px) {
  #bscschange .content-02 {
    padding: 40px 20px;
    margin-bottom: 40px;
  }
}

#bscschange .content-02 .content-ttl {
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  #bscschange .content-02 .content-ttl {
    margin-bottom: 40px;
  }
}

#bscschange .content-02 .guide-img {
  max-width: 772px;
  margin: 0 auto 60px;
}
@media screen and (max-width: 768px) {
  #bscschange .content-02 .guide-img {
    width: 100%;
    margin: 0 auto 40px;
  }
}

#bscschange .content-02 .flex.process-wrap {
  gap: 16px;
}
@media screen and (max-width: 768px) {
  #bscschange .content-02 .flex.process-wrap {
    flex-direction: column;
    gap: 28px;
  }
}

#bscschange .content-02 .process-step-01,
#bscschange .content-02 .process-step-02,
#bscschange .content-02 .process-step-03 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-self: stretch;
  width: 33.3%;
  min-height: 326px;
  background-color: #fff;
  border-radius: 15px;
  padding: 40px 24px 32px;
}
@media screen and (max-width: 768px) {
  #bscschange .content-02 .process-step-01,
  #bscschange .content-02 .process-step-02,
  #bscschange .content-02 .process-step-03 {
    width: 100%;
    min-height: auto;
    padding: 40px 24px 24px;
  }
}

#bscschange .content-02 .process-step-img {
  position: absolute;
  top: -25.05px;
  left: 50%;
  transform: translateX(-50%);
  width: 51px;
  height: auto;
}
@media screen and (max-width: 768px) {
  #bscschange .content-02 .process-step-img {
    top: -15px;
  }
}

#bscschange .content-02 .process-step-ttl {
  text-align: center;
  color: #0099FF;
  font-size: clamp(16px, 1.53vw, 22px);
  font-weight: 700;
  border-bottom: 1px solid #0099FF;
  padding-bottom: 6px;
  margin-bottom: 6px;
}
@media screen and (max-width: 768px) {
  #bscschange .content-02 .process-step-ttl {
    font-size: max(22px, 5.87vw);
  }
}

#bscschange .content-02 .process-step-txt {
  font-size: clamp(14px, 1.25vw, 18px);
  font-weight: 400;
  letter-spacing: 0.36px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  #bscschange .content-02 .process-step-txt {
    font-size: max(16px, 4.27vw);
    letter-spacing: 0.32px;
    margin-bottom: 24px;
  }
}

#bscschange .content-02 .process-step-txt .nh-txt {
  font-weight: 700;
}

#bscschange .content-02 .process-step-method {
  display: flex;
  flex-direction: column;
  height: 100%;
}

#bscschange .content-02 .support {
  background-color: #fff;
  border: 3px solid #0099FF;
  border-radius: 20px;
  padding: 30px 60px;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  #bscschange .content-02 .support {
    padding: 40px 20px 30px;
  }
}

#bscschange .content-02 .antenna-img {
  width: 126px;
  height: auto;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  #bscschange .content-02 .antenna-img {
    width: 104px;
  }
}

#bscschange .content-02 .support .content-ttl {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  #bscschange .content-02 .support .content-ttl {
    margin-bottom: 40px;
  }
}

#bscschange .content-02 .support-lead-wrap {
  gap: 18px;
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  #bscschange .content-02 .support-lead-wrap {
    gap: 20px;
    margin-top: 15px;
  }
}

#bscschange .content-02 .support-lead {
  font-size: clamp(18px, 1.67vw, 24px);
  text-align: center;
}
@media screen and (max-width: 768px) {
  #bscschange .content-02 .support-lead {
    font-size: max(22px, 5.87vw);
  }
}

#bscschange .content-02 .support-lead b {
  font-weight: 700;
}

#bscschange .content-02 .support-lead em {
  color: #266FE5;
  font-weight: 700;
}

#bscschange .content-02 .support-lead-txt {
  font-size: clamp(14px, 1.39vw, 20px);
  letter-spacing: 0.4px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #bscschange .content-02 .support-lead-txt {
    font-size: max(16px, 4.27vw);
    letter-spacing: 0.32px;
  }
}

#bscschange .content-02 .support-lead-note {
  font-size: clamp(14px, 1.39vw, 20px);
  text-align: center;
}
@media screen and (max-width: 768px) {
  #bscschange .content-02 .support-lead-note {
    font-size: max(16px, 4.27vw);
    letter-spacing: 0.32px;
  }
}

#bscschange .step-02-guide {
  width: fit-content;
  background-color: #DE2814;
  border-radius: 999px;
  color: #fff;
  font-size: clamp(12px, 1.11vw, 16px);
  font-weight: 700;
  letter-spacing: 0.32px;
  text-align: center;
  padding: 0 16px;
  margin: 24px auto 6px;
}
@media screen and (max-width: 768px) {
  #bscschange .step-02-guide {
    font-size: max(16px, 4.27vw);
    margin: 24px auto 3px;
  }
}

#bscschange .step-02-guide-item {
  color: #000;
  font-size: clamp(12px, 1.11vw, 16px);
  font-weight: 400;
  letter-spacing: 0.32px;
  text-indent: -1em;
  padding-left: 1em;
}
@media screen and (max-width: 768px) {
  #bscschange .step-02-guide-item {
    font-size: max(16px, 4.27vw);
  }
}

#bscschange .step-02-guide-item + .step-02-guide-item {
  margin-top: -3px;
}

#bscschange .circled-number {
  color: #DE2814;
}

/* content-03
------------------------------------------------------------- */
#bscschange .content-03 {
  padding: 40px 60px 60px;
}
@media screen and (max-width: 768px) {
  #bscschange .content-03 {
    padding: 40px 20px;
    margin-bottom: 40px;
  }
}

#bscschange .content-03 .content-ttl {
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  #bscschange .content-03 .content-ttl {
    margin-bottom: 40px;
  }
}

#bscschange .content-03-lead-wrap {
  width: fit-content;
  border-top: 3px solid #DE2814;
  border-bottom: 3px solid #DE2814;
  padding: 8px 0;
  margin: 0 auto 32px;
}
@media screen and (max-width: 768px) {
  #bscschange .content-03-lead-wrap {
    padding: 16px 0;
    margin-bottom: 40px;
  }
}

#bscschange .content-03-lead {
  font-size: clamp(18px, 1.67vw, 24px);
  font-weight: 700;
  letter-spacing: 0.48px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #bscschange .content-03-lead {
    font-size: max(22px, 5.87vw);
    letter-spacing: 0.44px;
  }
}

#bscschange .content-03-lead em {
  color: #DE2814;
  font-size: clamp(20px, 1.94vw, 28px);
  font-weight: 700;
  letter-spacing: 0.56px;
}

#bscschange .content-03-txt {
  font-size: clamp(14px, 1.39vw, 20px);
  font-weight: 400;
  letter-spacing: 0.4px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #bscschange .content-03-txt {
    font-size: max(16px, 4.27vw);
    letter-spacing: 0.32px;
    text-align: left;
  }
}

#bscschange .content-03-txt-important {
  font-size: clamp(20px, 1.94vw, 28px);
  font-weight: 700;
  letter-spacing: 0.56px;
}
@media screen and (max-width: 768px) {
  #bscschange .content-03-txt-important {
    font-size: max(26px, 6.93vw);
    letter-spacing: 0.52px;
  }
}

/* Info
------------------------------------------------------------- */
#bscschange .info {
  background: linear-gradient(270deg, #5AD5F3 0%, #2DB7F9 44.71%, #09F 94.71%);
  padding: 80px 30px;
}
@media screen and (max-width: 768px) {
  #bscschange .info {
    padding: 60px 20px;
  }
}

#bscschange .info-inner {
  background-color: #fff;
  padding: 25px 60px 40px;
}
@media screen and (max-width: 768px) {
  #bscschange .info-inner {
    padding: 40px 20px;
  }
}

#bscschange .info .content-ttl {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  #bscschange .info .content-ttl {
    margin-bottom: 36px;
  }
}

#bscschange .info-lead {
  font-size: clamp(14px, 1.25vw, 18px);
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.36px;
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  #bscschange .info-lead {
    font-size: max(16px, 4.27vw);
    line-height: 1.4;
    text-align: left;
    margin-bottom: 36px;
  }
}

#bscschange .info .customer {
  max-width: 880px;
  background-color: #DDF1FF;
  border-radius: 15px;
  gap: 20px;
  padding: 32px 40px;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  #bscschange .info .customer {
    gap: 24px;
    padding: 24px 20px;
  }
}

#bscschange .info .customer-ttl {
  font-family: "Noto Sans JP";
  font-size: clamp(18px, 1.67vw, 24px);
  font-weight: 700;
  letter-spacing: 0.48px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #bscschange .info .customer-ttl {
    font-size: max(18px, 4.8vw);
    line-height: 1.1;
    letter-spacing: 0.2px;
  }
}

#bscschange .info .customer-tel {
  max-width: 451px;
  height: auto;
  margin-inline: auto;
}

#bscschange .info .customer-tel a {
  text-decoration: none;
  color: #000;
}

#bscschange .info .reception-hours {
  font-size: clamp(14px, 1.39vw, 20px);
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.4px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #bscschange .info .reception-hours {
    font-size: max(18px, 4.8vw);
    line-height: 1.4;
    letter-spacing: 0.36px;
  }
}

/* Footer
------------------------------------------------------------- */
.footer {
	background-color: #333333;
	padding: 80px 0;
}

.footer .copyright {
  font-family: "游ゴシック", "游ゴシック体", YuGothicMedium, YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", "HiraKakuProN-W3", "TakaoExゴシック", TakaoExGothic, "MotoyaLCedar", "Droid Sans Japanese", sans-serif;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.2px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .footer .copyright {
    font-size: max(16px, 4.27vw);
    letter-spacing: 0.32px;
  }
}