@charset "UTF-8";

/* ==========================================================================
   simulatormaintenance.html 専用スタイル
   ========================================================================== */

.p-maintenance {
  box-sizing: border-box;
}
@media screen and (min-width: 1038px) {
  .p-maintenance {
    border-top: calc(30/1366 * 100vw) solid #ffd100;
    padding-top: calc(24/1366 * 100vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 1037px) {
  .p-maintenance {
     border-top: calc(30/1020 * 100vw) solid #ffd100;
    padding-top: calc(24/1020 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-maintenance {
    border-top: calc(15/375 * 100vw) solid #ffd100;
    padding-top: calc(10/375 * 100vw);
  }
}

.p-maintenance-back {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1038px) {
  .p-maintenance-back {
    width: calc(980/1366 * 100vw)
  }
}
@media screen and (min-width: 768px) and (max-width: 1037px) {
  .p-maintenance-back {
    width: calc(980/1366 * 100vw)
  }
}
@media screen and (max-width: 767px) {
  .p-maintenance-back {
    width: calc(315/375 * 100vw)
  }
}

.p-maintenance-back__link {
  display: inline;
  text-decoration: underline;
}
@media screen and (min-width: 1038px) {
  .p-maintenance-back__link {
    font-size: calc(16/1366 * 100vw)
  }
}
@media screen and (min-width: 768px) and (max-width: 1037px) {
  .p-maintenance-back__link {
    font-size: calc(16/1366 * 100vw)
  }
}
@media screen and (max-width: 767px) {
  .p-maintenance-back__link {
    font-size: calc(12/375 * 100vw)
  }
}
.p-maintenance-back__link:hover {
  text-decoration: underline;
}

/* 見出し（title_pc.svg / title_sp.svg） */
.p-maintenance__title {
  margin: 0 auto;
  display: block;
}
@media screen and (min-width: 1038px) {
  .p-maintenance__title {
    margin-top: calc(40/1366 * 100vw);
    width: calc(679/1366 * 100vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 1037px) {
  .p-maintenance__title {
    margin-top: calc(40/1366 * 100vw);
    width: calc(679/1020 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-maintenance__title {
    margin-top: calc(30/375 * 100vw);
    width: calc(281/375 * 100vw);
  }
}

/* メンテナンス案内カード */
.p-maintenance__card {
  box-sizing: border-box;
  margin: 0 auto;
  background: #fffceb;
  text-align: center;
}
@media screen and (min-width: 1038px) {
  .p-maintenance__card {
    margin-top: calc(40/1366 * 100vw);
    width: calc(800/1366 * 100vw);
    border-radius: calc(30/1366 * 100vw);
    padding: calc(40/1366 * 100vw) 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1037px) {
  .p-maintenance__card {
    margin-top: calc(40/1020 * 100vw);
    width: calc(800/1020 * 100vw);
    border-radius: calc(30/1020 * 100vw);
    padding: calc(40/1020 * 100vw) 0;
  }
}
@media screen and (max-width: 767px) {
  .p-maintenance__card {
    margin-top: calc(30/375 * 100vw);
    width: calc(315/375 * 100vw);
    border-radius: calc(30/375 * 100vw);
    padding: calc(20/375 * 100vw) 0;
  }
}

.p-maintenance__text {
  color: #25282a;
}
@media screen and (min-width: 1038px) {
  .p-maintenance__text {
    line-height: 1.8;
    font-size: calc(20/1366 * 100vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 1037px) {
  .p-maintenance__text {
    line-height: 1.8;
    font-size: calc(20/1020 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-maintenance__text {
    line-height: calc(22/12);
    font-size: calc(12/375 * 100vw);
  }
}

/* 吹き出しの矢印（arrow.svg／カード→バナーの案内） */
.p-maintenance__tail {
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 1038px) {
  .p-maintenance__tail {
    margin-top: calc(20/1366 * 100vw);
    width: calc(90/1366 * 100vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 1037px) {
  .p-maintenance__tail {
    margin-top: calc(20/1020 * 100vw);
    width: calc(90/1020 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-maintenance__tail {
    margin-top: calc(10/375 * 100vw);
    width: calc(90/375 * 100vw);
  }
}

/* 医療費オンライン相談室 誘導文 */
.p-maintenance__lead {
  margin: 0 auto;
  color: #25282a;
  text-align: center;
}
@media screen and (min-width: 1038px) {
  .p-maintenance__lead {
    margin-top: calc(20/1366 * 100vw);
    line-height: calc(26/16);
    font-size: calc(16/1366 * 100vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 1037px) {
  .p-maintenance__lead {
    margin-top: calc(20/1020 * 100vw);
    line-height: calc(26/16);
    font-size: calc(16/1020 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-maintenance__lead {
    margin-top: calc(10/375 * 100vw);
    line-height: calc(22/12);
    font-size: calc(12/375 * 100vw);
  }
}

.p-maintenance__banner {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
}
@media screen and (min-width: 1038px) {
  .p-maintenance__banner {
    margin-top: calc(30/1366 * 100vw);
    width : calc(616/1366 * 100vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 1037px) {
  .p-maintenance__banner {
    margin-top: calc(30/1020 * 100vw);
    width : calc(616/1020 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-maintenance__banner {
    margin-top: calc(20/375 * 100vw);
    width : calc(315/375 * 100vw);
  }
}

/* ==========================================================================
   フッター（このページ専用デザイン）
   ========================================================================== */

.p-maintenance-footer {
  box-sizing: border-box;
}
@media screen and (min-width: 1038px) {
  .p-maintenance-footer {
    margin-top: calc(60 / 1366 * 100vw);
    padding-bottom: calc(30 / 1366 * 100vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 1037px) {
  .p-maintenance-footer {
    margin-top: calc(60 / 1020 * 100vw);
    padding-bottom: calc(30 / 1020 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-maintenance-footer {
    margin-top: calc(60 / 375 * 100vw);
    padding-bottom: calc(30 / 375 * 100vw);
  }
}

.p-maintenance-footer__col {
  display: flex;
  margin: auto;
}
@media screen and (min-width: 1038px) {
  .p-maintenance-footer__col {
    justify-content: space-between;
    align-items: flex-end;
    width: calc(980 / 1366 * 100vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 1037px) {
  .p-maintenance-footer__col {
    justify-content: space-between;
    align-items: flex-end;
    width: calc(980 / 1020 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-maintenance-footer__col {
    flex-direction: column-reverse;
    width: calc(315 / 375 * 100vw);
  }
}

.p-maintenance-footer-nav-list {
  display: flex;
  flex-direction: column;
  line-height: calc(25/14);
}
@media screen and (min-width: 1038px) {
  .p-maintenance-footer-nav-list {
    font-size: calc(14 / 1366 * 100vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 1037px) {
  .p-maintenance-footer-nav-list {
    font-size: calc(14 / 1020 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-maintenance-footer-nav-list {
    font-size: calc(14 / 375 * 100vw);
  }
}

.p-maintenance-footer-nav-list a {
  display: inline-block;
}

#material-number {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  position: relative;
  bottom: auto;
  left: auto;
}
@media screen and (min-width: 1038px) {
  #material-number {
    margin-top: calc(40 / 1366 * 100vw);
    width: calc(980 / 1366 * 100vw);
    line-height: calc(20 / 12);
    font-size: calc(12 / 1366 * 100vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 1037px) {
  #material-number {
    margin-top: calc(40 / 1020 * 100vw);
    width: calc(980 / 1020 * 100vw);
    line-height: calc(20 / 12);
    font-size: calc(12 / 1020 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  #material-number {
    margin-top: calc(40 / 375 * 100vw);
    width: calc(315 / 375 * 100vw);
    line-height: calc(20 / 12);
    font-size: calc(12 / 375 * 100vw);
  }
}

.p-maintenance-footer__logo {
  display: block;
}
@media screen and (min-width: 1038px) {
  .p-maintenance-footer__logo {
    width: calc(124 / 1366 * 100vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 1037px) {
  .p-maintenance-footer__logo {
    width: calc(124 / 1020 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-maintenance-footer__logo {
    margin-left: auto;
    margin-right: 0;
    margin-bottom: calc(40 / 375 * 100vw);
    width: calc(124 / 375 * 100vw);
  }
}

.p-maintenance-footer__misc {
  display: block;
  text-align: center;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 1038px) {
  .p-maintenance-footer__misc {
    margin-top: calc(70 / 1366 * 100vw);
    font-size: calc(12 / 1366 * 100vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 1037px) {
  .p-maintenance-footer__misc {
    margin-top: calc(70 / 1020 * 100vw);
    font-size: calc(12 / 1020 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .p-maintenance-footer__misc {
    margin-top: calc(80 / 375 * 100vw);
    font-size: calc(12 / 375 * 100vw);
  }
}

#floating-banner-wrapper {
  display: none !important;
}