.js-modal-target {
  display: none;
}

.js-modal {
  bottom: 0;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1001;
}

.js-modal__wrapper {
  height: 100%;
  padding: 20px 0;
  top: 0;
}

.js-modal__content,
.js-modal__wrapper {
  position: relative;
  width: 100%;
  z-index: 999;
}

.js-modal__content {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  margin: 0 auto;
  max-height: 100%;
  overflow: hidden;
}

.js-modal__bg {
  background: rgba(0, 0, 0, 0.7);
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
}

.js-modal__close {
  height: 30px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1100;
}

.js-modal__close-button {
  cursor: pointer;
  height: 30px;
  position: absolute;
  right: 30px;
  width: 30px;
}

.js-modal__close-button:after,
.js-modal__close-button:before {
  background: #fff;
  content: '';
  display: block;
  position: absolute;
}

.js-modal__close-button:before {
  height: 4px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  width: 100%;
}

.js-modal__close-button:after {
  height: 100%;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 4px;
}

.js-modal__next,
.js-modal__prev {
  -webkit-appearance: none;
  appearance: none;
  background: 0 0;
  border: none;
  box-shadow: none;
  cursor: pointer;
  display: block;
  height: 20px;
  outline: 0;
  overflow: hidden;
  position: absolute;
  text-indent: -9999px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  width: 20px;
}

.js-modal__prev {
  border-left: 4px solid #fff;
  border-top: 4px solid #fff;
  left: 8px;
}

.js-modal__next {
  border-bottom: 4px solid #fff;
  border-right: 4px solid #fff;
  right: 8px;
}

.js-modal__view {
  margin: 20px 0;
  overflow: auto;
}

.js-modal__movie {
  background: #000;
  height: 0;
  margin: 20px 0;
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}

.js-modal__movie__wrapper {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.js-modal__movie__body {
  height: 100%;
  width: 100%;
}

.js-modal__bottom-ui {
  align-items: center;
  background: #fff;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  height: 13.333333333333334vw;
  justify-content: center;
  margin: 10.266666666666667vw auto 0;
  width: 27.46666666666667vw;
}

.js-modal__bottom-close,
.js-modal__bottom-next,
.js-modal__bottom-prev {
  cursor: pointer;
}

.js-modal__bottom-close {
  color: #000;
  font-size: 4.266666666666667vw;
  font-weight: 700;
  margin-left: 1.866666666666667vw;
  text-decoration: none;
}

.c-accordion__inner {
  background: #fff;
  border: 3px solid #083090;
  border-radius: 5px;
  padding-bottom: 10vw;
}

.c-accordion__inner+.c-accordion__inner {
  margin-top: 2.666666666666667vw;
}

.c-accordion__link {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 10px 30px;
  text-decoration: none;
}

.c-accordion__body {
  display: none;
  font-size: 3.466666666666666vw;
  will-change: height;
}

.c-accordion__close {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 4.266666666666667vw;
  font-weight: 700;
  justify-content: center;
  margin: 6.666666666666667vw 0 0;
}

.c-accordion__close .c-icon-minus {
  margin-right: 4.266666666666667vw;
}

.c-accordion__icon {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 12vw;
}

.c-anchor {
  border: 3px solid #000;
  border-radius: 5px;
  display: flex;
}

.c-anchor__item {
  align-items: center;
  background-color: #fff;
  display: flex;
  flex: 1;
  position: relative;
  text-decoration: none;
  transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.c-anchor__item:before {
  border-bottom: 2px solid #000;
  border-left: 2px solid #000;
  content: '';
  height: 2.133333333333333vw;
  position: absolute;
  right: 2.666666666666667vw;
  top: 4vw;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 2.133333333333333vw;
}

.c-anchor__item--active {
  background-color: #0091d7;
}

.c-anchor__item--active .c-anchor__text {
  color: #fff;
}

.c-anchor__item--active:before {
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  content: '';
  height: 2.133333333333333vw;
  position: absolute;
  right: 2.666666666666667vw;
  top: 4vw;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 2.133333333333333vw;
}

.c-anchor__item+.c-anchor__item {
  border-left: 3px solid #000;
}

.c-anchor__text {
  color: #000;
  font-size: 3.733333333333334vw;
  font-weight: 700;
  line-height: 1.21429;
  padding: 1.333333333333333vw 2.666666666666667vw;
}

.c-anchor--column {
  flex-wrap: wrap;
}

.c-anchor--column .c-anchor__item {
  flex: 0 1 auto;
  min-height: 12vw;
  width: 50%;
}

.c-anchor--column .c-anchor__item:nth-child(odd) {
  border-left: none;
}

.c-anchor--column .c-anchor__item:nth-child(n + 3) {
  border-top: 3px solid #000;
}

.c-button-group {
  margin: 5.866666666666666vw auto 0;
  width: 86.66666666666667vw
}

.c-button-group__lead {
  font-size: 5.333333333333334vw;
  font-weight: 700;
  line-height: 2.06;
  text-align: center
}

.c-button-group__body {
  margin-top: 3.2vw
}

.c-button-group__col+.c-button-group__col {
  margin: 3.733333333333334vw 0 0
}

.c-button-group__text {
  font-size: 4.266666666666667vw;
  font-weight: 700;
  line-height: 2.19;
  text-align: center
}

.c-button-group--accordion {
  margin: 7.466666666666668vw 0 0;
  width: auto
}

.c-button-group--accordion .c-button-group__col+.c-button-group__col {
  margin: 5.866666666666666vw 0 0
}

.c-button-group--accordion .c-button-group__lead {
  font-size: 4.266666666666667vw
}

.c-button-group--accordion .c-button-group__text {
  font-size: 4vw;
  letter-spacing: .1em
}

.c-button-group--accordion .c-button {
  border-radius: 17px;
  height: 11.866666666666667vw;
  margin: 0 auto;
  width: 64vw
}

.c-button {
  align-items: center;
  background: #e4007f;
  border-radius: 22px;
  box-shadow: 0 5px 0 0 #000;
  color: #fff !important;
  display: flex;
  font-size: 4vw;
  font-weight: 700;
  height: 16vw;
  justify-content: center;
  padding: 0 4.8vw;
  position: relative
}

.c-button:after {
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  content: "";
  display: block;
  height: 2.666666666666667vw;
  position: absolute;
  right: 5%;
  top: 50%;
  -webkit-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);
  width: 2.666666666666667vw
}

.c-button--small {
  border-radius: 17px;
  height: 11.866666666666667vw
}

.c-button--blank:after {
  background: url(../img/icon_blank_white.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  height: 4vw;
  right: 10%;
  -webkit-transform: rotate(0) translateY(-50%);
  transform: rotate(0) translateY(-50%);
  width: 5.333333333333334vw
}

.c-button--online:before {
  background: url(../img/icon_online.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 6.933333333333333vw;
  left: 6%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-44%);
  transform: translateY(-44%);
  width: 8vw
}

.c-button--online:after {
  background: url(../img/icon_blank_white.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  height: 4vw;
  -webkit-transform: rotate(0) translateY(-50%);
  transform: rotate(0) translateY(-50%);
  width: 5.333333333333334vw
}

.c-button--shop:before {
  background: url(../img/icon_shop.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 6.933333333333333vw;
  left: 8%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-44%);
  transform: translateY(-44%);
  width: 8vw
}

.c-button--shop-b:before {
  background: url(../img/icon_shop_black.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 6.933333333333333vw;
  left: 8%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-44%);
  transform: translateY(-44%);
  width: 8vw
}

.c-button--white {
  background: #fff;
  border: 1px solid #000;
  color: #000 !important;
}

.c-button--white:after {
  width: 10px;
  height: 10px;
  border-bottom: 3px solid #000;
  border-right: 3px solid #000;
  content: "";
  display: block;
  position: absolute;
  right: 9%;
  top: 50%;
  -webkit-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);
}

.c-button--center {
  text-align: center
}


.c-button-white {
  align-items: center;
  background: #fff;
  border: 1px solid #000;
  border-radius: 10px;
  box-shadow: 0 5px 0 0 #000;
  color: #000;
  display: flex;
  font-size: 3.466666666666666vw;
  height: 23.466666666666665vw;
  padding: 0 12.533333333333333vw 0 4vw;
  position: relative
}

.c-button-white:after {
  border-bottom: 3px solid #000;
  border-right: 3px solid #000;
  content: "";
  display: block;
  height: 2.666666666666667vw;
  position: absolute;
  right: 3%;
  top: 50%;
  -webkit-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);
  width: 2.666666666666667vw
}

.c-button-white--blank:after {
  background: url(../img/icon_blank_black.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  height: 3.466666666666666vw;
  -webkit-transform: rotate(0) translateY(-50%);
  transform: rotate(0) translateY(-50%);
  width: 4.8vw
}

.c-button-white--small {
  height: 17.599999999999998vw
}

.c-icon-arrow {
  align-items: center;
  background: #083090;
  border-radius: 100%;
  display: flex;
  height: 8.799999999999999vw;
  justify-content: center;
  position: relative;
  width: 8.799999999999999vw;
}

.c-icon-arrow:before {
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  content: '';
  display: block;
  height: 2.666666666666667vw;
  left: 25%;
  position: absolute;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 2.666666666666667vw;
}

.c-icon-arrow--anchor {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.c-icon-blank {
  align-items: center;
  background: #083090;
  border-radius: 100%;
  display: flex;
  height: 8.799999999999999vw;
  justify-content: center;
  position: relative;
  width: 8.799999999999999vw;
}

.c-icon-blank:before {
  background: url(../img/icon_blank_white.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: block;
  height: 4vw;
  width: 5.333333333333334vw;
}

.c-icon-close {
  align-items: center;
  background: #c7c7c7;
  border-radius: 100%;
  display: flex;
  height: 8.799999999999999vw;
  justify-content: center;
  position: relative;
  width: 8.799999999999999vw;
}

.c-icon-close:after,
.c-icon-close:before {
  background-color: #fff;
  content: '';
  display: block;
  height: 4.266666666666667vw;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  width: 1.066666666666667vw;
}

.c-icon-close:before {
  height: 1.066666666666667vw;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 4.266666666666667vw;
}

.c-icon-close:after {
  right: 50%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.c-icon-minus {
  align-items: center;
  background: #c7c7c7;
  border-radius: 100%;
  display: flex;
  height: 8.799999999999999vw;
  justify-content: center;
  position: relative;
  width: 8.799999999999999vw;
}

.c-icon-minus:before {
  background-color: #fff;
  content: '';
  height: 0.8vw;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 3.733333333333334vw;
}

.c-icon-plus {
  align-items: center;
  background: #083090;
  border-radius: 100%;
  display: flex;
  height: 8.799999999999999vw;
  justify-content: center;
  position: relative;
  width: 8.799999999999999vw;
}

.c-icon-plus:after,
.c-icon-plus:before {
  background-color: #fff;
  content: '';
  display: block;
  height: 3.733333333333334vw;
  width: 0.8vw;
}

.c-icon-plus:before {
  height: 0.8vw;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 3.733333333333334vw;
}

.is-open .c-icon-plus {
  background: #c7c7c7;
}

.is-open .c-icon-plus:after {
  display: none;
}

.c-icon-plus--color-black {
  background: #000;
}

.c-icon-plus--color-orange {
  background: #eb5505;
}

.c-icon-plus--color-pink {
  background: #e4007f;
}

.c-icon-text {
  color: #083090;
  font-size: 3.466666666666666vw;
  font-weight: 700;
  letter-spacing: -0.16em;
  line-height: 1.15;
  margin-top: 0.8vw;
  text-align: center;
  text-decoration: none;
}

.c-image {
  height: auto;
  width: 100%;
}

.c-modal img {
  height: auto;
  max-width: 100%;
}

.c-modal__inner {
  padding: 0 9.6vw;
}

.c-modal__col {
  background: #fff;
  border-radius: 10px;
  padding: 5.866666666666666vw 4.8vw;
}

.c-modal__col+.c-modal__col {
  margin: 4.266666666666667vw 0 0;
}

.c-modal__icon {
  flex-direction: column;
  height: 14.000000000000002vw;
  margin: 0 auto;
}

.c-modal__button,
.c-modal__icon {
  display: flex;
  justify-content: center;
}

.c-modal__button {
  align-items: center;
  background: #083090;
  border-radius: 11px;
  box-shadow: 0 5px 0 0 #000;
  color: #fff !important;
  font-family: Helvetica Neue, Arial, Hiragino Kaku Gothic ProN, Hiragino Sans,
    ヒラギノ角ゴ ProN W3, BIZ UDPGothic, Meiryo, sans-serif;
  font-size: 3.2vw;
  font-weight: 700;
  height: 12.266666666666666vw;
  letter-spacing: -0.02em;
  margin-top: 3.2vw;
  padding: 0 4.8vw;
  position: relative;
  text-decoration: none;
}

.c-modal__button:after {
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  content: '';
  display: block;
  height: 1.6vw;
  position: absolute;
  right: 4%;
  top: 47%;
  -webkit-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);
  width: 1.6vw;
}

.c-modal__button--blank:after {
  background: url(../img/icon_blank_white.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  content: '';
  display: block;
  height: 4.8vw;
  position: absolute;
  right: 5%;
  top: 54%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 4.8vw;
}

.modal-online {
  width: 12vw;
}

.modal-wifi {
  width: 11.866666666666667vw;
}

.modal-spot {
  width: 17.2vw;
}

.modal-shop {
  width: 13.866666666666665vw;
}

.c-qa__box {
  border-bottom: 2px solid #c7c7c7;
  position: relative;
}

.c-qa__box--text {
  color: #000;
  font-size: 4.266666666666667vw;
  line-height: 1.4;
}

.c-qa__toggle {
  cursor: pointer;
  padding: 3.733333333333334vw 9.333333333333334vw;
  position: relative;
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.c-qa__toggle:hover {
  opacity: 0.7;
}

.c-qa__toggle:before {
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}

.c-qa__toggle:after,
.c-qa__toggle:before {
  background-color: #0091d7;
  content: '';
  height: 0.8vw;
  position: absolute;
  right: 1.066666666666667vw;
  top: 47%;
  width: 3.733333333333334vw;
}

.c-qa__toggle:after {
  -webkit-transform: translateY(50%) rotate(90deg);
  transform: translateY(50%) rotate(90deg);
}

.c-qa__question {
  font-weight: 700;
  position: relative;
}

.c-qa__question:before {
  color: #0091d7;
  content: 'Q.';
  font-size: 5.333333333333334vw;
  left: -8vw;
  position: absolute;
  top: -0.8vw;
}

.c-qa__answer {
  display: none;
  padding: 0 0 6.133333333333333vw 8.266666666666666vw;
  position: relative;
}

.c-qa__answer:before {
  color: #c7c7c7;
  content: 'A.';
  font-size: 5.333333333333334vw;
  font-weight: 700;
  left: 1.333333333333333vw;
  position: absolute;
  top: -0.8vw;
}

.is-open:after {
  content: '';
  display: none;
}

.c-router-icon__text {
  font-weight: 700;
}

.c-router-icon__sup {
  vertical-align: text-bottom;
}

.c-router-icon-mobile__text {
  font-weight: 700;
}

.c-router-icon-mobile__sup {
  vertical-align: text-bottom;
}

.c-slide .slick-prev {
  border-left: 4px solid #0091d7;
  border-top: 4px solid #0091d7;
}

.c-slide .slick-next {
  border-bottom: 4px solid #0091d7;
  border-right: 4px solid #0091d7;
}

.c-slide .slick-next,
.c-slide .slick-prev {
  height: 3.733333333333334vw;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 3.733333333333334vw;
  z-index: 2;
}

.c-slide .slick-next:before,
.c-slide .slick-prev:before {
  content: '';
}

.c-slide .slick-prev {
  left: 0;
}

.c-slide .slick-next {
  right: 0;
}

.c-slide .slick-dots button:before {
  font-size: 12px;
}

.c-slide .slick-dots .slick-active button:before {
  color: #0091d7;
}

.c-text-underline {
  border-bottom: 1px solid #083090;
  color: #083090;
  font-weight: 700;
}

.c-text-underline:hover {
  border-bottom: none;
}

.c-text-link {
  border-bottom: 1px solid #083090;
  color: #083090;
  font-weight: 700;
}

.c-text-link:hover {
  border-bottom: none;
}

.c-text-link:after {
  content: ' >';
  display: inline;
}

.c-text-link--blank {
  color: #083090;
  font-weight: 700;
  text-decoration: underline !important;
  text-underline-offset: 2px;
}

.c-text-link--blank:hover {
  text-decoration: none !important;
}

.c-text-link--blank:after {
  background: url(../img/icon_blank_blue.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: inline-block;
  height: 3.733333333333334vw;
  margin-left: 1.066666666666667vw;
  margin-right: 0.533333333333333vw;
  vertical-align: text-top;
  width: 4.8vw;
}

.c-tooltips-overlay {
  background: rgba(0, 0, 0, 0.1);
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  transition: opacity 0.1s cubic-bezier(0.39, 0.575, 0.565, 1),
    visibility 0.1s cubic-bezier(0.39, 0.575, 0.565, 1);
  width: 100%;
}

.c-tooltips,
.c-tooltips-overlay {
  opacity: 0;
  visibility: hidden;
  z-index: 3;
}

.c-tooltips {
  background: #fff;
  border: 2px solid #000;
  border-radius: 10px;
  box-sizing: border-box;
  font-size: 3.73333vw;
  left: 50%;
  padding: 6.4vw;
  position: absolute;
  top: 10%;
  -webkit-transform: translatex(-50%);
  transform: translatex(-50%);
  width: 86.66666666666667vw;
}

.c-tooltips:after,
.c-tooltips:before {
  border-style: solid;
  border-width: 0 1.6vw 3.2vw;
  content: '';
  display: block;
  position: absolute;
  right: 13.333333333333334vw;
  top: -3.2vw;
}

.c-tooltips:before {
  border-color: transparent transparent #000;
}

.c-tooltips:after {
  border-color: transparent transparent #fff;
  top: -2.666666666666667vw;
}
.c-tooltips.wimax-tips::before,
.c-tooltips.wimax-tips::after {
    right: 103px;
}
.c-tooltips__close {
  align-items: center;
  background: #0091d7;
  border: 2px solid #0091d7;
  border-radius: 100%;
  display: flex;
  height: 9.6vw;
  justify-content: center;
  margin: 3.2vw auto 0;
  width: 9.6vw;
}

.c-tooltips__icon-close {
  background: #fff;
  border-radius: 0.1em;
  color: #fff;
  display: inline-block;
  height: 2px;
  line-height: 1;
  position: relative;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
  width: 14px;
}

.c-tooltips__icon-close:after {
  background: inherit;
  border-radius: inherit;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  width: 100%;
}

.c-tooltips__btn {
  align-items: center;
  background: #fff;
  border: 1px solid #000;
  border-radius: 5px;
  color: #000;
  display: flex;
  font-size: 3.466666666666666vw;
  font-weight: 700;
  height: 6.666666666666667vw;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
}

.c-tooltips__btn:after {
  border-radius: 100%;
  color: #fff;
  content: '?';
  height: 3.733333333333334vw;
  margin-left: 0.8vw;
  width: 3.733333333333334vw;
}

.c-tooltips__btn:after,
.c-tooltips__icon {
  align-items: center;
  background: #083090;
  display: flex;
  font-size: 3.466666666666666vw;
  justify-content: center;
}

.c-tooltips__icon {
  border: 2px solid #083090;
  border-radius: 35%;
  color: #000;
  font-weight: 700;
  height: 5.333333333333334vw;
  line-height: 1;
  text-decoration: none;
  width: 5.333333333333334vw;
}

.c-tooltips__icon:after {
  align-items: center;
  color: #fff;
  content: '?';
  display: flex;
  font-size: 4.266666666666667vw;
  font-weight: 700;
  height: 4.733333333333334vw;
  justify-content: center;
  width: 4.733333333333334vw;
}

.is-show {
  opacity: 1;
  visibility: visible;
}

.feature {
  background: #ffffff;
}

.feature__inner {
  margin: 0 auto;
  padding: 12vw 4.533333333333333vw 13.066666666666665vw;
}

.feature__title {
  margin-bottom: 2.133333333333333vw;
  margin-top: 0;
  position: relative;
  text-align: center;
}

.feature__note {
  font-size: 3.733333333333334vw;
  line-height: 1;
  margin: 3.733333333333334vw 0;
  text-align: center;
}

.feature__accordion {
  width: 70.39999999999999vw;
}

.c-accordion .c-accordion__inner:first-child .feature__accordion {
  width: 80vw;
  margin-top: 15px;
}

.feature-body {
  letter-spacing: -0.04em;
  text-align: center;
}

.feature-body__blk {
  border-bottom: 2px dotted #000;
  padding: 5.333333333333334vw 0 10.666666666666668vw;
  position: relative;
}

.feature-body__blk .feature__list-text {
  text-align: left;
}

.feature-body__blk .feature__list-text:first-of-type {
  margin-top: calc(20/375*100vw);
}

.feature-body__blk+.feature-body__blk {
  padding: 10.666666666666668vw 0;
}

.feature-body__text {
  font-size: 4.266666666666667vw;
}

.feature-body__text--set {
  font-weight: 700;
  text-align: left;
}

.feature-body__heading {
  color: #083090;
  font-size: 8vw;
  line-height: 1.3;
}

.feature-body__heading--blk {
  font-weight: 700;
}

.feature-body__img {
  margin-top: 5.333333333333334vw;
}

.feature-body__img--reason2 {
  padding: 0 2.666666666666667vw;
}

.feature__price--text {
  position: relative;
}

.feature__price--text2 {
  text-align: left;
}

.feature__price--text-link {
  line-height: 1.6;
  text-align: left;
}

.feature__price--bold {
  font-weight: 700;
}

.feature__price--heading,
.feature__price--lead {
  color: #083090;
  font-weight: 700;
  text-align: center;
}

.feature__price--img {
  margin-top: 6.666666666666667vw;
  position: relative;
}

.feature__price--img2 {
  margin-top: 7vw;
}

.feature__price--accordion,
.feature__price--img3 {
  margin-top: 5.333333333333334vw;
}

.feature__price--accordion {
  border: 1px solid #000;
  font-size: 4.266666666666667vw;
}

.feature__price--icon {
  background-color: #fff;
}

.feature__price--icon:after,
.feature__price--icon:before {
  background-color: #000;
  content: '';
  display: block;
  height: 3.733333333333334vw;
  width: 0.8vw;
}

.is-open .feature__price--icon {
  background: #fff;
}

.is-open .feature__price--icon:after {
  display: none;
}

.feature__price--icon:before {
  height: 0.8vw;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 3.733333333333334vw;
}

.feature__price--small {
  font-size: 2.133333333333333vw;
  vertical-align: super;
}

.feature__price--underline {
  border-bottom: 1px solid #083090;
  color: #083090;
  font-weight: 700;
  padding-bottom: 0.266666666666667vw;
}

.feature__set--img {
  position: relative;
}

.feature__set--img+.feature__set--img {
  margin-top: 1.333333333333333vw;
}

.feature__set--container {
  margin: 4vw 0 1.333333333333333vw;
}

.feature__set--container-plus {
  position: relative;
}

.feature__set--container-plus:before {
  height: 1.066666666666667vw;
  top: 18.133333333333333vw;
  width: 3.733333333333334vw;
}

.feature__set--container-plus:after,
.feature__set--container-plus:before {
  background-color: #083090;
  content: '';
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.feature__set--container-plus:after {
  height: 3.733333333333334vw;
  top: 16.8vw;
  width: 1.066666666666667vw;
}

.feature__set--bar {
  margin-top: 6.666666666666667vw;
}

.feature__set--benefit {
  border: 1px solid #000;
  padding-bottom: 4vw;
  position: relative;
}

.feature__set--benefit:before {
  background-color: #000;
  content: '';
  height: 1px;
  left: 0;
  position: absolute;
  top: 9.066666666666666vw;
  width: 77.33333333333333vw;
}

.feature__set--accordion {
  margin: 2.666666666666667vw 4vw 0;
}

.feature__tooltips--price1,
.feature__tooltips--price2,
.feature__tooltips--set1,
.feature__tooltips--set2,
.feature__tooltips--set3,
.feature__tooltips--set4 {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  position: absolute;
}

.feature__tooltips--price1 {
  height: 10.666666666666668vw;
  left: 2.666666666666667vw;
  top: 1.333333333333333vw;
  width: 40vw;
}

.feature__tooltips--price2 {
  left: 0;
  top: 0;
  width: 36.53333333333333vw;
}

.feature__tooltips--set1 {
  right: 10.666666666666668vw;
  top: 12.533333333333333vw;
  width: 53.333333333333336vw;
}

.feature__tooltips--set2 {
  top: 12.8vw;
}

.feature__tooltips--set2,
.feature__tooltips--set3 {
  right: 2.666666666666667vw;
  width: 61.33333333333333vw;
}

.feature__tooltips--set3 {
  height: 10.666666666666668vw;
  top: 12.533333333333333vw;
}

.feature__tooltips--inner {
  font-size: 3.733333333333334vw;
  line-height: 1.6;
  text-align: left;
}

.feature__tooltips--heading {
  font-weight: 700;
}

.feature__tooltips--heading,
.feature__tooltips--text {
  font-size: 3.733333333333334vw;
}

.feature__tooltips--box {
  position: relative;
}

.feature__tooltips--red {
  color: #d21;
}

.feature__tooltips--blue {
  color: #083090;
}

.feature__button-group {
  margin: 6.133333333333333vw 0 0;
}

.feature__body-blk {
  margin: 0 5.866666666666666vw;
  padding: 8.533333333333333vw 0 0;
  position: relative;
}

.feature__body-blk+.feature__body-blk {
  border-top: 2px dotted #000;
  margin-top: 8.533333333333333vw;
  padding-top: 8.533333333333333vw;
}

/* .feature__wifi-title {
  color: #083090;
  font-size: 8vw;
  letter-spacing: -0.04em;
  line-height: 1.3;
}
.feature__wifi-lead,
.feature__wifi-title {
  font-weight: 700;
  text-align: center;
}
.feature__wifi-lead {
  font-size: 5.333333333333334vw;
  line-height: 1.4;
}
.wifi1 .feature__wifi-lead {
  margin-top: 4.266666666666667vw;
}
.wifi2 .feature__wifi-lead {
  margin-top: 2.133333333333333vw;
}
.wifi1 .feature__wifi-fig,
.wifi2 .feature__wifi-fig {
  margin: 4vw auto 0;
}
.feature__wifi-incompatible {
  color: #d21;
  font-size: 3.733333333333334vw;
  letter-spacing: -0.04em;
  line-height: 1.6;
  margin: 4.266666666666667vw 0 0;
}
.feature__wifi-text {
  font-size: 3.733333333333334vw;
  line-height: 1.6;
  margin: 1.6vw 0 0;
  text-align: center;
}
.wifi2 .feature__wifi-text {
  margin: 3.466666666666666vw 0 0;
  text-align: left;
}
.feature__wifi-link {
  font-size: 3.733333333333334vw;
  font-weight: 700;
  line-height: 1.6;
  margin: 4.266666666666667vw 0 0;
} */
.feature__bnr {
  margin: 0 -3.466666666666666vw;
}

.feature__bnr-text {
  font-size: 3.733333333333334vw;
  line-height: 1.6;
  margin-top: 1.6vw;
  text-align: center;
}

.feature__bnr-br {
  display: block;
}

.feature-satisfaction__pic {
  width: 77.33333333333333vw;
}

.feature-satisfaction__item {
  background: #fff;
  color: #0091d7;
  font-size: 4.533333333333333vw;
  font-weight: 700;
  line-height: 1.47;
  padding: 0.533333333333333vw 5.333333333333334vw;
}

.feature-satisfaction__item+.feature-satisfaction__item {
  margin-top: 1.333333333333333vw;
}

.feature-satisfaction__source {
  font-size: 3.466666666666666vw;
  line-height: 1.3;
  margin-top: 3.2vw;
}

.feature__sup {
  font-size: 2.666666666666667vw;
}

.feature__tooltips-note {
  margin-top: 2.133333333333333vw;
}

.feature .c-accordion__link {
  padding: 5.333333333333334vw 3.2vw 5.333333333333334vw 4.8vw;
  font-size: 4.266666666666667vw;
  font-weight: 700;
}

.feature .c-accordion__close {
  padding-bottom: 6.4vw;
}

.feature .c-accordion__close--feature {
  width: auto;
}

.feature .c-button-white {
  margin-top: 5.333333333333334vw;
  text-align: left;
}

.feature .c-tooltips__icon--white {
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 35%;
}

.feature .c-tooltips__icon--white:after {
  color: #0091d7;
  content: '?';
  font-size: 4.8vw;
  font-weight: 900;
}

.feature .c-tooltips__price1 {
  position: absolute;
  top: 10.133333333333333vw;
}

.feature .c-tooltips__price1:after,
.feature .c-tooltips__price1:before {
  right: 40vw;
}

.feature .c-tooltips__price2 {
  position: absolute;
  top: 1.866666666666667vw;
}

.feature .c-tooltips__price2:after,
.feature .c-tooltips__price2:before {
  right: 46.13333333333333vw;
}

.feature .c-tooltips__set1 {
  position: absolute;
  top: 12.133333333333333vw;
}

.feature .c-tooltips__set1:after,
.feature .c-tooltips__set1:before {
  right: 15vw;
}

.feature .c-tooltips__set2 {
  position: absolute;
  top: 12.4vw;
}

.feature .c-tooltips__set2:after,
.feature .c-tooltips__set2:before {
  right: 12.733333333333333vw;
}

.feature .c-tooltips__set3 {
  position: absolute;
  top: 23.466666666666665vw;
}

.feature .c-tooltips__set3:after,
.feature .c-tooltips__set3:before {
  right: 8vw;
}

.feature .c-tooltips__set4 {
  position: absolute;
  top: 89.33333333333333vw;
}

.feature .c-tooltips__set4:after,
.feature .c-tooltips__set4:before {
  right: 32.53333333333333vw;
}

.feature .c-image {
  position: relative;
}

.feature .caution__inner {
  font-size: 3.733333333333334vw;
  line-height: 1.6;
  padding: 6.133333333333333vw 5.866666666666666vw 0;
  text-align: left;
}

.feature .caution__accordion-inner {
  border: none;
  margin-top: 8.799999999999999vw;
  padding-bottom: 0;
}

.feature .caution__accordion-link {
  align-items: center;
  color: #083090;
  display: flex;
  font-size: 4.266666666666667vw;
  font-weight: 700;
  justify-content: center;
  line-height: 1.5;
  text-decoration: none;
}

.feature .caution__accordion-link.is-open .caution__accordion-icon:after {
  display: none;
}

.feature .caution__accordion-link-text {
  border-bottom: 1px solid #083090;
}

.feature .caution__accordion-icon-area {
  width: 8.533333333333333vw;
}

.feature .caution__accordion-icon {
  background-color: transparent;
}

.feature .caution__accordion-icon:after,
.feature .caution__accordion-icon:before {
  background-color: #083090;
  content: '';
  display: block;
  height: 3.733333333333334vw;
  width: 0.8vw;
}

.feature .caution__accordion-icon:before {
  height: 0.8vw;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 3.733333333333334vw;
}

.feature .caution__heading {
  color: #083090;
  font-size: 4vw;
  font-weight: 700;
}

.feature .caution__text--red {
  color: #d21;
}

.feature .caution__text--blue {
  color: #083090;
}

.feature .caution__text--border {
  border: 1px solid #000;
  margin: 2.133333333333333vw 0 0;
  padding: 2.133333333333333vw 3.733333333333334vw;
}

.feature .caution__table {
  border: 1px solid #000;
  margin-top: 1.333333333333333vw;
  padding: 2.133333333333333vw;
}

.feature .caution__table--gray {
  background-color: #f5f5f5;
}

.feature .caution__table--left {
  width: 20vw;
}

.feature .caution__table--small {
  font-size: 2.133333333333333vw;
  vertical-align: super;
}

.feature .caution-icon-minus {
  background: #fff;
}

.feature .caution-icon-minus:before {
  background-color: #000;
  content: '';
  height: 0.8vw;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 3.733333333333334vw;
}

.feature .caution__accordion-close {
  color: #083090;
  font-size: 4.266666666666667vw;
  font-weight: 700;
  line-height: 1.5;
  margin: 6.666666666666667vw 0 0;
  padding: 0;
  text-decoration: none;
}

.feature .caution__accordion-close-text {
  border-bottom: 1px solid #083090;
}

/* .connection__list-inner {
  margin: 0 auto;
  position: relative;
  width: 77.60000000000001vw;
}
.connection__slide {
  padding: 0 3.733333333333334vw;
}
.connection__slide--slide01 .slick-dots,
.connection__slide--slide02 .slick-dots {
  bottom: 26.666666666666668vw;
  width: 26.666666666666668vw;
}
.connection__slide-item {
  position: relative;
}
.connection__lead {
  font-size: 3.466666666666666vw;
  font-weight: 700;
  line-height: 1.3;
  margin: 2.666666666666667vw 0 0;
  text-align: center;
}
.connection__sup {
  font-size: 2.666666666666667vw;
}
.connection__product {
  margin: 4.8vw 0 0;
}
.connection__slide-item--product01 .connection__product,
.connection__slide-item--product02 .connection__product {
  display: flex;
}
.connection__slide-item--product03 .connection__product {
  margin: 6.933333333333333vw 0 0;
}
.connection__slide-item--product01 .connection__product-img,
.connection__slide-item--product02 .connection__product-img {
  width: 35.199999999999996vw;
}
.connection__slide-item--product03 .connection__product-img {
  width: 43.733333333333334vw;
}
.connection__slide-item--product01 .connection__product-spec,
.connection__slide-item--product02 .connection__product-spec {
  width: 34.93333333333333vw;
}
.connection__slide-item--product03 .connection__product-spec {
  margin: 6.4vw 0 0;
}
.connection__tooltips-btn {
  position: absolute;
  width: 13.333333333333334vw;
}
.connection__slide-item--product01 .connection__tooltips-btn {
  bottom: 19.2vw;
  right: 2.666666666666667vw;
}
.connection__slide-item--product02 .connection__tooltips-btn,
.connection__slide-item--product03 .connection__tooltips-btn {
  bottom: 26.666666666666668vw;
  right: 2.666666666666667vw;
}
.connection__slide-item--product04 .connection__tooltips-btn,
.connection__slide-item--product05 .connection__tooltips-btn {
  bottom: 35.333333333333336vw;
  right: 2.666666666666667vw;
}
.connection__link {
  font-size: 3.733333333333334vw;
  line-height: 1.6;
  text-align: center;
}
.connection__slide-item--product01 .connection__link,
.connection__slide-item--product02 .connection__link,
.connection__slide-item--product03 .connection__link,
.connection__slide-item--product04 .connection__link,
.connection__slide-item--product05 .connection__link {
  margin: 10.666666666666668vw 0 0;
}
.connection__slide-item--product06 .connection__link {
  margin: 6.666666666666667vw 0 0;
}
.connection__btn {
  margin: 5.333333333333334vw auto 0;
  padding: 0 0 1.333333333333333vw;
  width: 64vw;
}
.connection__tooltips--note01 {
  top: 105.06666666666666vw;
}
.connection__tooltips--note02,
.connection__tooltips--note03 {
  top: 96.53333333333333vw;
}
.connection__tooltips--note04 {
  top: 104.26666666666667vw;
}
.connection__tooltips--note05 {
  top: 109.33333333333333vw;
}
.connection__tooltips--note06 {
  top: 94.26666666666667vw;
}
.connection .router1 + .router2 {
  margin-top: 10.933333333333334vw;
  padding-top: 6.933333333333333vw;
}
.connection-router {
  position: relative;
}
.connection-router .slick-next,
.connection-router .slick-prev {
  top: 50%;
}
.connection-router .slick-dots li + li {
  margin-left: 0;
}
.connection-router02 {
  position: relative;
}
.connection-router02 .slick-next,
.connection-router02 .slick-prev {
  top: 37%;
}
.connection-router02 .slick-dots li + li {
  margin-left: 0;
}
.connection-router__info {
  width: 65.06666666666666vw;
}
.connection-router__info li {
  line-height: 1.4;
}
.connection-router__info02 {
  width: 65.06666666666666vw;
}
.connection-router__info02 li {
  line-height: 1.4;
} */
.procedure__inner {
  padding: 10.666666666666668vw 4.8vw 17.333333333333336vw;
}

.procedure__accordion-img {
  width: 70.93333333333334vw;
}

.procedure__title {
  margin-top: 0;
  position: relative;
  text-align: center;
}

.procedure__accordion {
  margin-top: 4vw;
}

.procedure__accordion-inner {
  margin: 0 6.666666666666667vw;
  padding: 0 0 6.666666666666667vw;
}

.procedure__flow {
  font-size: 4.266666666666667vw;
}

.procedure__flow-container {
  margin: 5.333333333333334vw 0 8vw;
}

.procedure__flow-title {
  color: #083090;
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1.5;
  text-align: center;
}

.procedure__flow-box {
  border-bottom: 2px solid #c7c7c7;
  display: flex;
  letter-spacing: normal;
  margin-top: 2.666666666666667vw;
  padding-bottom: 2.666666666666667vw;
}

.procedure__flow-fig {
  margin-right: 3.733333333333334vw;
  margin-top: 0.533333333333333vw;
  width: 16.266666666666666vw;
}

.procedure__flow-textbox--fit {
  flex-grow: 1;
}

.procedure__flow-text {
  position: relative;
}

.procedure__flow-text--step {
  bottom: -3px;
  font-size: 1.125rem;
  font-weight: 700;
  position: absolute;
}

.procedure__flow-text--step-01 {
  right: 29px;
}

.procedure__flow-text--step-02 {
  right: 21px;
}

.procedure__flow-text--step-03 {
  right: 29px;
}

.procedure__flow-text--step-04 {
  right: 10px;
}

.procedure__flow-text--step-05 {
  right: 6px;
}

.procedure__flow-text--step-06 {
  right: 31px;
}

.procedure__flow-text--step-07 {
  right: 20px;
}

.procedure__flow-text--bold {
  font-weight: 700;
}

.procedure__flow-text--dot {
  border-bottom: 2px dotted #000;
  padding: 1.333333333333333vw 0;
}

.procedure__flow-text--check {
  font-size: 3.733333333333334vw;
  margin-right: 1.066666666666667vw;
}

.procedure__flow-text--check:before {
  background-image: url(../img/procedure_checkbox.png);
  background-size: contain;
  content: '';
  display: inline-block;
  height: 3.2vw;
  margin-right: 0.266666666666667vw;
  width: 3.2vw;
}

.procedure__flow-text--tooltip {
  color: #083090;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.procedure__flow-trigger--flow1,
.procedure__flow-trigger--flow2,
.procedure__flow-trigger--flow3,
.procedure__flow-trigger--flow4 {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  position: absolute;
}

.procedure__flow-trigger--flow1 {
  left: 0;
  top: 1.866666666666667vw;
  width: 37.06666666666666vw;
}

.procedure__flow-trigger--flow2 {
  left: 0;
  top: 1.866666666666667vw;
  width: 32.53333333333333vw;
}

.procedure__flow-trigger--flow3 {
  left: 0;
  top: 0.8vw;
  width: 43.2vw;
}

.procedure__flow-trigger--flow4 {
  left: 0;
  top: -6.4vw;
  width: 35.199999999999996vw;
}

.procedure__flow-tooltip--flow1 {
  left: 17.599999999999998vw;
  position: absolute;
  top: 8.533333333333333vw;
}

.procedure__flow-tooltip--flow1:after,
.procedure__flow-tooltip--flow1:before {
  right: 24.266666666666666vw;
}

.procedure__flow-tooltip--flow2 {
  left: 17.599999999999998vw;
  position: absolute;
  top: 8.533333333333333vw;
}

.procedure__flow-tooltip--flow2:after,
.procedure__flow-tooltip--flow2:before {
  right: 29.06666666666667vw;
}

.procedure__flow-tooltip--flow3 {
  left: 17.599999999999998vw;
  position: absolute;
  top: 7.466666666666668vw;
}

.procedure__flow-tooltip--flow3:after,
.procedure__flow-tooltip--flow3:before {
  right: 18.133333333333333vw;
}

.procedure__flow-tooltip--flow4 {
  left: 17.599999999999998vw;
  position: absolute;
  top: 0;
}

.procedure__flow-tooltip--flow4:after,
.procedure__flow-tooltip--flow4:before {
  right: 26.13333333333333vw;
}

.procedure__tooltips--bold {
  font-weight: 700;
}

.procedure .c-accordion__link {
  padding: 1.066666666666667vw 1.6vw 1.066666666666667vw 3.733333333333334vw;
}

.procedure .c-accordion__link--procedure {
  padding-left: 1.6vw;
}

.procedure .c-accordion__close {
  margin: 0;
  padding-bottom: 5.866666666666666vw;
}

.procedure__button-group {
  margin: 6.133333333333333vw 0 0;
}

.procedure__question {
  font-size: 3.733333333333334vw;
  margin-top: 5.333333333333334vw;
  text-align: center;
}

.section-recommend {
  background: #303030;
  padding: 6.66667vw 0 4vw;
}

.section-recommend img {
  height: auto;
  max-width: 100%;
}

.section-recommend__heading {
  align-items: center;
  color: #80c9e9;
  display: flex;
  font-size: 4.8vw;
  font-weight: 700;
  justify-content: center;
  line-height: 1;
  text-align: center;
}

.section-recommend__heading:before {
  speak: none;
  content: '\e98a';
  display: inline-block;
  font-family: uq-icomoon !important;
  font-size: 30px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  margin-right: 0.25em;
  margin-top: -2px;
  position: static;
  text-align: center;
  text-transform: none;
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
  vertical-align: middle;
  width: 1em;
}

.section-recommend__heading span {
  display: inline-block;
  position: relative;
}

.section-recommend__body {
  margin-top: 5.33333vw;
}

.section-recommend__body .carousel-recommend {
  padding-bottom: 40px;
}

.section-recommend__body .carousel-recommend__item {
  vertical-align: top;
}

.section-recommend__body .slick-slide a {
  display: block;
  position: relative;
}

.section-recommend__body .slick-slide a:after {
  background: rgba(0, 0, 0, 0.5);
  content: '';
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: background 0.3s ease 0.3s;
  width: 100%;
}

.section-recommend__body .slick-slide img {
  width: 100vw;
}

.section-recommend__body .slick-current a:after {
  background: 0 0;
}

.section-recommend__body .slick-next {
  bottom: -15px;
  height: 30px;
  right: 15px;
  top: inherit;
  z-index: 1;
}

.section-recommend__body .slick-next:before {
  color: #b4b4b4;
  content: '\e902';
  display: inline-block;
  font-family: uq-icomoon !important;
  font-size: 20px;
  opacity: 1;
}

.section-recommend__body .slick-prev {
  bottom: -15px;
  height: 30px;
  left: 15px;
  top: inherit;
  z-index: 1;
}

.section-recommend__body .slick-prev:before {
  color: #b4b4b4;
  content: '\e902';
  display: inline-block;
  font-family: uq-icomoon !important;
  font-size: 20px;
  opacity: 1;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.section-recommend__body .slick-dots {
  bottom: 0;
  height: 30px;
}

.section-recommend__body .slick-dots li button:before {
  color: #4f4f4f;
  opacity: 1;
}

.section-recommend__body .slick-dots li.slick-active button:before {
  color: #b4b4b4;
}

.user__inner {
  margin: 0 auto;
  padding: 5.333333333333334vw 4.8vw 13.066666666666665vw;
}

.user__list {
  margin-top: -1px;
}

.user__list-item+.user__list-item {
  margin: 0;
}

.user__list-item {
  background: #fff;
  border: 3px solid #083090;
}

.user__list-item--orange {
  position: relative;
}

.user__list-header {
  align-items: center;
  display: flex;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}

.user__heading {
  color: #fff;
  text-align: left;
}

.user__heading-intro {
  text-align: left;
  z-index: 0;
}

.user__list-link {
  cursor: pointer;
}

.user__list-inner {
  margin: -10.666666666666668vw auto 0;
  padding: 6.4vw 0 0;
  width: 77.33333333333333vw;
}

.user__au-caption {
  background: #eb5505;
  text-align: center;
  color: #fff;
  font-weight: 700;
}

.user__uq-note,
.user__uq-text {
  line-height: 1.6;
}

.user__uq-note-red {
  color: red;
}

.user__uq-note-bold {
  font-weight: bold;
}

.user__detail-link {
  font-weight: 600;
  line-height: 1.6;
}

.user-button-group {
  margin: 3.2vw 0 0;
}

.user__list-icon {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 3.733333333333334vw 0 0;
  padding: 0 0 5.866666666666666vw;
}

.user__list-icon-text {
  font-size: 4.266666666666667vw;
  font-weight: 700;
  line-height: 1;
  padding: 0.8vw 0 0 2.4vw;
}

.user__body-blk {
  margin: 0 5.866666666666666vw;
  padding: 8.533333333333333vw 0 0;
  position: relative;
}

.user__body-blk+.user__body-blk {
  border-top: 2px dotted #000;
  margin-top: 8.533333333333333vw;
  padding-top: 8.533333333333333vw;
}

.user__sup {
  line-height: 1.6;
  text-align: left;
}

.user__table {
  border: 1px solid #000;
}

.user__table-th {
  background-color: #f5f5f5;
  font-weight: 700;
  text-align: center;
}

.user__table-td {
  font-weight: 400;
}

.user__accordion {
  width: 68.8vw;
}

.user-body {
  letter-spacing: -0.04em;
  text-align: center;
}

/* .user__set {
  margin: 0 5.866666666666666vw;
}
.user__set--img {
  position: relative;
  padding: 3.4666666666666663vw 2.933333333vw 2.933333333vw 2.133333333vw;
}
.user__set--img + .user__set--img {
  margin-top: 1.333333333333333vw;
}
.user__set--container {
  margin-top: 2.133333333333333vw;
}
.user__set--container-plus {
  margin-top: 7.333333333333334vw;
  position: relative;
}
.user__set--container-plus:before {
  height: 1.066666666666667vw;
  top: 23.133333333333333vw;
  width: 3.733333333333334vw;
}
.user__set--container-plus:after,
.user__set--container-plus:before {
  background-color: #083090;
  content: '';
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.user__set--container-plus:after {
  height: 3.733333333333334vw;
  top: 21.8vw;
  width: 1.066666666666667vw;
}
.user__set--bar {
  margin-top: 6.666666666666667vw;
}
.user__set--bg-primary {
  align-items: center;
  background: #083090;
  display: flex;
  justify-content: space-between;
}
.user__set--bg-primary-text {
  color: #fff;
  font-weight: 700;
  text-align: left;
}
.user__set--bg-gray {
  background: #f5f5f5;
}
.user__set--bg-gray-text {
  text-align: left;
}
.user__set--amenity {
  border: 1px solid #000;
}
.user__set--amenity-heding,
.user__set--bg-gray-text {
  font-weight: 700;
}
.user__set--amenity-heding {
  background: #0091d7;
  color: #fff;
  line-height: 1;
  text-align: center;
}
.user__set--amenity-heding span {
  line-height: 1;
} */
.user__tooltips--price1,
.user__tooltips--price2,
.user__tooltips--set1,
.user__tooltips--set2,
.user__tooltips--set3 {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  position: absolute;
}

.user__tooltips--price1 {
  height: 10.666666666666668vw;
  left: 2.666666666666667vw;
  top: 1.333333333333333vw;
  width: 40vw;
}

.user__tooltips--price2 {
  left: 0;
  top: 0;
  width: 36.53333333333333vw;
}

.user__tooltips--set1 {
  right: 9.666666666666668vw;
  top: 3.2vw;
  width: 53.333333333333336vw;
}

.user__tooltips--set2 {
  right: 7.666666666666667vw;
  top: 3.2vw;
  width: 61.33333333333333vw;
}

.user__tooltips--inner {
  font-size: 3.733333333333334vw;
  line-height: 1.6;
  text-align: left;
}

.user__tooltips--heading {
  font-weight: 700;
}

.user__tooltips--heading,
.user__tooltips--text {
  font-size: 3.733333333333334vw;
}

.user__tooltips--box {
  position: relative;
}

.user__tooltips--red {
  color: #d21;
}

.user__tooltips--blue {
  color: #083090;
}

.user-text-link {
  font-size: 3.733333333333334vw;
  line-height: 1.6;
  margin: 4vw 0 0;
}

.user .c-image {
  position: relative;
}

.user .c-accordion__link {
  padding: 5.333333333333334vw 3.2vw 5.333333333333334vw 4.8vw;
}

.user .c-accordion__close {
  margin: 5.333333333333334vw 0 0;
  padding: 0 0 5.333333333333334vw;
}

.user .c-tooltips__icon--white {
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 35%;
}

.user .c-tooltips__icon--white:after {
  color: #0091d7;
  content: '?';
  font-size: 4.8vw;
  font-weight: 900;
}

.user .c-tooltips__price1 {
  position: absolute;
  top: 10.133333333333333vw;
}

.user .c-tooltips__price1:after,
.user .c-tooltips__price1:before {
  right: 40vw;
}

.user .c-tooltips__price2 {
  position: absolute;
  top: 1.866666666666667vw;
}

.user .c-tooltips__price2:after,
.user .c-tooltips__price2:before {
  right: 46.13333333333333vw;
}

.user .c-tooltips__set1 {
  position: absolute;
  top: 11.200000000000001vw;
}

.user .c-tooltips__set1:after,
.user .c-tooltips__set1:before {
  right: 16vw;
}

.user .c-tooltips__set2 {
  position: absolute;
  top: 11.200000000000001vw;
}

.user .c-tooltips__set2:after,
.user .c-tooltips__set2:before {
  right: 7.733333333333333vw;
}

.user__price--text {
  position: relative;
}

.user__price--text2 {
  text-align: left;
}

.user__price--bold {
  font-weight: 700;
}

.user__price--img {
  margin-top: 8vw;
  position: relative;
}

.user__price--img2 {
  margin-top: 4vw;
}

.user__price--img3 {
  margin-top: 5.333333333333334vw;
}

.user__price--accordion {
  border: 1px solid #000;
  font-size: 4vw;
  margin-top: 2.666666666666667vw;
  padding-bottom: 0;
}

.user__price--icon {
  background-color: #fff;
}

.user__price--icon:after,
.user__price--icon:before {
  background-color: #000;
  content: '';
  display: block;
  height: 3.733333333333334vw;
  width: 0.8vw;
}

.is-open .user__price--icon {
  background: #fff;
}

.is-open .user__price--icon:after {
  display: none;
}

.user__price--icon:before {
  height: 0.8vw;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 3.733333333333334vw;
}

.user__price--small {
  font-size: 2.133333333333333vw;
  vertical-align: super;
}

.user__price--underline {
  border-bottom: 1px solid #083090;
  color: #083090;
  font-weight: 700;
  padding-bottom: 0.266666666666667vw;
}

.user .caution__inner {
  font-size: 3.733333333333334vw;
  padding: 2.666666666666667vw 4.266666666666667vw;
  text-align: left;
}

.user .caution__accordion {
  color: #000;
  font-size: 4.266666666666667vw;
  font-weight: 700;
}

.user .caution__heading {
  color: #083090;
  font-size: 4vw;
  font-weight: 700;
}

.user .caution__text--red {
  color: #d21;
}

.user .caution__table,
.user .caution__text--border {
  border: 1px solid #000;
  margin-top: 1.333333333333333vw;
  padding: 2.133333333333333vw;
}

.user .caution__table--gray {
  background-color: #f5f5f5;
}

.user .caution__table--left {
  width: 20vw;
}

.user .caution__table--small {
  font-size: 2.133333333333333vw;
  vertical-align: super;
}

.user .caution-icon-minus {
  background: #fff;
}

.user .caution-icon-minus:before {
  background-color: #000;
  content: '';
  height: 0.8vw;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 3.733333333333334vw;
}

.user-text-link {
  font-weight: 700;
  text-align: left;
}

.user__tooltip-wrap {
  position: absolute;
  z-index: 2;
}

.user__tooltip-inner {
  position: relative;
}

.user__tooltip-icon {
  position: absolute;
}

.c-tooltips#user-tooltip-1 {
  z-index: 3;
}

.user-heading {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  background-color: #f7f7f7;
  position: relative;
  border-radius: 3px;
}

.user-heading__label {
  position: absolute;
  background: #083090;
  height: 100%;
  border-radius: 3px 0px 0px 3px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
}

.user-heading__label,
.user-heading__text {
  font-weight: 700;
}

.user-heading__text {
  color: #000000;
}

.user-heading__link {
  cursor: pointer;
  font-weight: 700;
  position: relative;
}

.user-heading__link:after {
  border-right: 2px solid #083090;
  border-top: 2px solid #083090;
  content: '';
  display: inline-block;
  position: absolute;
  text-decoration: none;
  -webkit-transform: translateX(-50%) rotate(135deg);
  transform: translateX(-50%) rotate(135deg);
}

#set {
  -webkit-font-feature-settings: 'palt';
  font-feature-settings: 'palt';
  color: #000;
  display: block;
  font-family: Helvetica Neue, Arial, Hiragino Kaku Gothic ProN, Hiragino Sans,
    ヒラギノ角ゴ ProN W3, BIZ UDPGothic, Meiryo, sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.04em;
}

#set * {
  box-sizing: border-box;
}

#set a {
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
}

@media screen and (max-width: 768.98px) {
  .pc-only {
    display: none;
  }

  .c-router-icon__item {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
  }

  .c-router-icon__item+.c-router-icon__item {
    margin-top: 3.733333333333334vw;
  }

  .c-router-icon__img {
    flex-shrink: 0;
    width: 5.866666666666666vw;
  }

  .c-router-icon__img--lan {
    margin-left: -0.266666666666667vw;
    width: 6.4vw;
  }

  .c-router-icon__img--app {
    margin: 0 0.8vw 0 0.533333333333333vw;
    width: 4.8vw;
  }

  .c-router-icon__text {
    font-size: 3.466666666666666vw;
    line-height: 1.3;
    margin-left: 2.4vw;
    text-align: left;
  }

  .c-router-icon__sup {
    font-size: 2.933333333333333vw;
  }

  .c-router-icon-mobile__list {
    align-content: space-between;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 22.933333333333334vw;
  }

  .c-router-icon-mobile__item {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
  }

  .c-router-icon-mobile__item:nth-child(odd) {
    margin-top: 0;
  }

  .c-router-icon-mobile__item:nth-child(2n) {
    margin-top: 2.933333333333333vw;
  }

  .c-router-icon-mobile__img {
    flex-shrink: 0;
    width: 5.866666666666666vw;
  }

  .c-router-icon-mobile__img--lan {
    margin-left: -0.266666666666667vw;
    width: 6.4vw;
  }

  .c-router-icon-mobile__img--app {
    margin: 0 0.8vw 0 0.533333333333333vw;
    width: 4.8vw;
  }

  .c-router-icon-mobile__text {
    font-size: 3.466666666666666vw;
    line-height: 1.3;
    margin-left: 2.4vw;
    text-align: left;
  }

  .c-router-icon-mobile__sup {
    font-size: 2.933333333333333vw;
  }

  .feature-body__blk,
  .feature__price {
    margin: 0 5.866666666666666vw;
  }

  .feature__price--text {
    margin-top: 2.666666666666667vw;
  }

  .feature__price--text2 {
    font-size: 3.733333333333334vw;
    margin-left: 0;
    margin-top: 4vw;
  }

  .feature__price--text-link {
    font-size: 3.733333333333334vw;
    margin: 5.333333333333334vw 0 0;
  }

  .feature__price--heading {
    font-size: 8vw;
    line-height: 1.1;
    margin-top: 6.666666666666667vw;
  }

  .feature__price--lead {
    font-size: 3.733333333333334vw;
    line-height: 1.2;
    padding-top: 4vw;
  }

  .feature__tooltips--set3 .c-tooltips__icon {
    margin-top: 4.533333333333333vw;
  }

  .feature__body-blk.wifi1 {
    padding: 2.933333333333333vw 0 0;
  }

  /* .connection__list-item + .connection__list-item {
    border-top: 2px dotted #000;
    margin: 9.866666666666667vw 6.666666666666667vw 0;
  }
  .connection__list-inner {
    padding: 6.933333333333333vw 0 0;
  }
  .connection__list-inner--home01 {
    padding: 2.666666666666667vw 0 0;
  }
  .connection__list-inner--home02 {
    padding: 8vw 0 0;
  }
  .connection__list-inner--mobile02 {
    padding: 9.333333333333334vw 0 0;
  }
  .connection__slide--slide01 .slick-dots,
  .connection__slide--slide02 .slick-dots {
    left: 26.13333333333333vw;
  }
  .connection__slide-item--product01 .connection__product,
  .connection__slide-item--product02 .connection__product {
    align-items: center;
  }
  .connection__slide-item--product03 .connection__product-img {
    margin: 0 auto;
  }
  .connection__slide-item--product04 .connection__product-spec,
  .connection__slide-item--product06 .connection__product-spec {
    margin: 5.600000000000001vw 2.4vw 0;
  }
  .connection__slide-item--product06 .connection__tooltips-btn {
    bottom: 43.666666666666668vw;
    right: 4.666666666666667vw;
  }
  .connection__slide-item--product04 .connection__link {
    margin: 18.933333333333335vw 0 0;
  }
  .connection__slide-item--product06 .connection__link {
    margin: 18.666666666666668vw 0 0;
  }
  .connection-router .slick-dots,
  .connection-router02 .slick-dots {
    bottom: 26.666666666666668vw;
  }
  .connection-router__info {
    font-size: 3.2vw;
    margin-top: 8vw;
    margin: 2.666666666666667vw auto 0;
  }
  .connection-router__info02 {
    font-size: 3.2vw;
    margin: 5.333333333333334vw auto 0;
  } */
  .procedure__flow-text--dot:last-child {
    border-bottom: none;
  }

  .procedure__flow-text--mb {
    margin-bottom: 1.866666666666667vw;
  }

  .procedure-button-group .c-button--online {
    margin: 0 6.666666666666667vw;
    padding: 0.266666666666667vw 0 0 2.133333333333333vw;
  }

  .procedure-button-group .c-button--online:before {
    height: 4.8vw;
    width: 6.666666666666667vw;
  }

  .procedure-button-group .c-button--online:after {
    height: 3.2vw;
    right: 7%;
    width: 4.266666666666667vw;
  }

  .procedure-button-group .c-button--shop {
    margin: 0 6.666666666666667vw;
    padding: 0.266666666666667vw 0 0 2.4vw;
  }

  .procedure-button-group .c-button--shop:before {
    height: 4.8vw;
    width: 6.666666666666667vw;
  }

  .procedure-button-group .c-button--shop:after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    height: 1.866666666666667vw;
    right: 7%;
    width: 1.866666666666667vw;
  }

  .user__list-item--orange {
    border: 3px solid #eb5505;
  }

  .user__list-item--pink {
    border: 3px solid #e4007f;
  }

  .user__list-header--orange {
    background: #eb5505;
  }

  .user__list-header--pink {
    background: #e4007f;
  }

  .user__heading {
    line-height: 1;
  }

  .user__heading-intro {
    font-size: 4.533333333333333vw;
    line-height: 1.3;
  }

  .user__au {
    margin: -10.666666666666668vw auto 0;
    padding: 6.4vw 0 0;
    width: 77.33333333333333vw;
  }

  .user__au-blk02 {
    margin-top: 10.133333333333333vw;
  }

  .user__uqbody-blk {
    margin: 7.333333333333334vw auto 0;
    width: 77.33333333333333vw;
  }

  .user__uq+.user__uq,
  .user__uq02-imgbox+.user__uq02-imgbox {
    border-top: 2px dotted #000;
    margin-top: 5.333333333333334vw;
    padding-top: 6.133333333333333vw;
  }

  .user__uq01-img+.user__uq01-img {
    margin-top: 6.666666666666667vw;
  }

  .user__uq-note {
    font-size: 3.733333333333334vw;
    margin-top: 5.866666666666666vw;
  }

  .user__uq02-note {
    font-size: 3.733333333333334vw;
    margin-top: 4.6vw;
  }

  .user__uq-text {
    font-size: 3.733333333333334vw;
    margin-top: 5.866666666666666vw;
  }

  .user__detail-link {
    font-size: 3.466666666666666vw;
    margin: 6.666666666666667vw auto 0;
    text-align: left;
    width: 77.33333333333333vw;
  }

  .user__sup {
    font-size: 3.733333333333334vw;
    font-weight: 400;
    margin-top: 5.333333333333334vw;
  }

  .user__table {
    margin-top: 4.533333333333333vw;
    width: 100%;
  }

  .user__table-th {
    border-bottom: 1px solid #000;
    display: block;
    font-size: 4.266666666666667vw;
    line-height: 1.4;
    padding: 2.933333333333333vw 6.666666666666667vw;
    width: 100%;
  }

  .user__table-td {
    display: block;
    font-size: 3.733333333333334vw;
    line-height: 1.6;
    padding: 3.466666666666666vw 6.666666666666667vw;
    width: 100%;
  }

  .user__table-td+.user__table-td {
    border-top: 1px solid #000;
  }

  .user__accordion-area {
    margin-top: 3.466666666666666vw;
  }

  /* .user__set--bg-primary {
    border: 0.266666666666667vw solid #083090;
    border-radius: 1.333333333333333vw;
    padding: 1.866666666666667vw 3.2vw 2.666666666666667vw;
    justify-content: flex-start;
  }
  .user__set--bg-primary-img {
    flex-shrink: 0;
    margin-right: 6.666666666666667vw;
    width: 10.133333333333333vw;
  }
  .user__set--bg-primary-heading {
    font-size: 3.733333333333334vw;
    line-height: 1.6;
  }
  .user__set--bg-primary-lead {
    font-size: 2.933333333333333vw;
  }
  .user__set--bg-gray {
    border: 0.266666666666667vw solid #f5f5f5;
    border-radius: 1.333333333333333vw;
    margin-top: 6.4vw;
    padding: 2.666666666666667vw 3.2vw;
  }
  .user__set--amenity + .user__set--amenity {
    margin-top: 1.333333333333333vw;
  }
  .user__set--amenity-heding {
    border-bottom: 1px solid #000;
    font-size: 4.8vw;
    padding: 0.533333333333333vw 2.666666666666667vw 1.6vw;
  }
  .user__set--amenity-heding span {
    font-size: 6.4vw;
    margin-left: 1.6vw;
  } */
  .user__price--text {
    margin-top: 2.666666666666667vw;
  }

  .user__price--text2 {
    font-size: 3.733333333333334vw;
    margin-left: 0;
    margin-top: 4vw;
  }

  .user-text-link {
    margin-top: 5.866666666666666vw;
  }

  .user__tooltip-wrap {
    height: 21.333333333333336vw;
    left: 5.333333333333334vw;
    top: 96.53333333333333vw;
    width: 88%;
  }

  .user__tooltip-icon {
    right: 0;
    top: 12.533333333333333vw;
  }

  .c-tooltips#user-tooltip-1 {
    top: 115.19999999999999vw;
  }

  .c-tooltips#user-tooltip-1:after,
  .c-tooltips#user-tooltip-1:before {
    right: 4.8vw;
  }

  .user-heading {
    padding: 10px 0px 10px 19.2vw;
    margin-bottom: 6.666666666666667vw;
  }

  .user-heading__label {
    font-size: 3.733333333333334vw;
    line-height: 1.14;
    min-width: 16.266666666666666vw;
    text-align: center;
  }

  .user-heading__link {
    display: block;
    margin: 2.666666666666667vw auto 0;
    padding-right: 5.333333333333334vw;
    text-align: center;
    width: 35vw;
  }

  .user-heading__link:after {
    height: 2.133333333333333vw;
    right: 0;
    top: 1.066666666666667vw;
    width: 2.133333333333333vw;
  }

  .user__list-item--orange .user__list-img+.user__list-img {
    margin-top: 5.333333333333334vw;
  }

  .user__list-item--pink .user__list-img+.user__list-img {
    margin-top: 7.466666666666668vw;
  }

  .user__set--bg-gray-text {
    text-align: center;
  }

  .user__set--amenity:nth-child(2) .user__set--img {
    padding: 3.4666666666666663vw 2.933333333vw 2.933333333vw 2.933333333vw;
  }
}

@media print,
screen and (min-width: 769px) {
  .sp-only {
    display: none !important;
  }

  .js-modal__wrapper {
    align-items: center;
    display: flex;
    overflow-x: hidden;
    padding: 0;
  }

  .js-modal__content {
    height: auto;
    max-width: 852px;
  }

  .js-modal--youtube .js-modal__content {
    max-width: 1020px;
  }

  .js-modal__bottom-ui {
    height: 57px;
    margin: 53px auto 0;
    width: 123px;
  }

  .js-modal__bottom-close {
    font-size: 15px;
    margin-left: 12px;
  }

  .c-accordion__inner {
    border: 4px solid #083090;
    border-radius: 10px;
    padding-bottom: 50px;
  }

  .c-accordion__inner+.c-accordion__inner {
    margin-top: 15px;
  }

  .c-accordion__link {
    transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  }

  .c-accordion__link:hover {
    opacity: 0.7;
  }

  .c-accordion__body {
    font-size: 13px;
  }

  .c-accordion__close {
    font-size: 15px;
    margin: 30px 0 0;
    transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  }

  .c-accordion__close:hover {
    opacity: 0.7;
  }

  .c-accordion__close .c-icon-minus {
    margin-right: 12px;
  }

  .c-accordion__icon {
    width: 45px;
  }

  .c-anchor {
    border: 3px solid #000;
    height: 71px;
  }

  .c-anchor__item:hover {
    background-color: #0091d7;
  }

  .c-anchor__item:hover .c-anchor__text {
    color: #fff;
  }

  .c-anchor__item:hover:before {
    border-bottom: 3px solid #fff;
    border-left: 3px solid #fff;
  }

  .c-anchor__item:before {
    border-bottom: 3px solid #000;
    border-left: 3px solid #000;
    height: 8px;
    right: 25px;
    top: 24px;
    width: 8px;
  }

  .c-anchor__item--active:before {
    border-bottom: 3px solid #fff;
    border-left: 3px solid #fff;
    height: 8px;
    right: 25px;
    top: 24px;
    width: 8px;
  }

  .c-anchor__item+.c-anchor__item {
    border-left: 3px solid #000;
  }

  .c-anchor__text {
    font-size: 1.25rem;
    line-height: 1.3;
    padding: 30px;
  }

  .c-anchor--column {
    flex-wrap: nowrap;
  }

  .c-anchor--column .c-anchor__item {
    flex: 1;
    min-height: auto;
    width: auto;
  }

  .c-anchor--column .c-anchor__item:nth-child(odd) {
    border-left: 3px solid #000;
  }

  .c-anchor--column .c-anchor__item:nth-child(n + 3) {
    border-top: none;
  }

  .c-anchor--column .c-anchor__item:first-child {
    border-left: none;
  }

  .c-button-group {
    margin: 46px auto 0;
    width: 704px
  }

  .c-button-group__lead {
    font-size: 20px;
    line-height: 1.3
  }

  .c-button-group__body {
    display: flex;
    justify-content: space-between;
    margin-top: 8px
  }

  .c-button-group__col {
    width: 50%
  }

  .c-button-group__col+.c-button-group__col {
    margin: 0 0 0 24px
  }

  .c-button-group__text {
    font-size: 16px
  }

  .c-button-group--accordion {
    margin: 35px auto 0;
    width: 608px
  }

  .c-button-group--accordion .c-button-group__col {
    width: 296px
  }

  .c-button-group--accordion .c-button-group__col+.c-button-group__col {
    margin: 0 0 0 14px
  }

  .c-button-group--accordion .c-button-group__lead {
    font-size: 20px
  }

  .c-button-group--accordion .c-button-group__text {
    font-size: 16px
  }

  .c-button-group--accordion .c-button {
    border-radius: 20px;
    height: 60px;
    width: auto
  }

  .c-button-group--accordion .c-button--shop:before {
    height: 32px;
    left: 10%;
    width: 32px
  }

  .c-button-group--accordion .c-button--shop-b:before {
    height: 32px;
    left: 10%;
    width: 32px
  }

  .c-button-group--accordion .c-button--online:before {
    height: 32px;
    left: 9%;
    width: 32px
  }

  .c-button {
    border-radius: 30px;
    font-size: 18px;
    height: 80px;
    padding: 0 18px;
    transition: opacity .2s cubic-bezier(.39, .575, .565, 1)
  }

  .c-button:after {
    height: 10px;
    width: 10px
  }

  .c-button:hover {
    opacity: .7
  }

  .c-button--small {
    border-radius: 20px;
    height: 60px
  }

  .c-button--blank:after {
    height: 15px;
    width: 20px
  }

  .c-button--online:before {
    height: 33px;
    width: 41px
  }

  .c-button--online:after {
    height: 15px;
    width: 20px
  }

  .c-button--shop:before {
    height: 29px;
    width: 38px
  }

  .c-button--shop-b:before {
    height: 29px;
    width: 38px
  }

  .c-button-white {
    font-size: 18px;
    height: 79px;
    padding: 0 58px 0 35px;
    transition: opacity .2s cubic-bezier(.39, .575, .565, 1)
  }

  .c-button-white:after {
    height: 10px;
    width: 10px
  }

  .c-button-white:hover {
    opacity: .7
  }

  .c-button-white--blank:after {
    height: 17px;
    width: 23px
  }

  .c-button-white--small {
    height: 79px
  }

  .c-button-group span {
    margin-left: 20px;
  }

  .c-icon-arrow {
    height: 35px;
    width: 35px;
  }

  .c-icon-arrow:before {
    height: 10px;
    width: 10px;
  }

  .c-icon-blank {
    height: 35px;
    width: 35px;
  }

  .c-icon-blank:before {
    height: 15px;
    width: 20px;
  }

  .c-icon-close {
    height: 35px;
    width: 35px;
  }

  .c-icon-close:after,
  .c-icon-close:before {
    height: 16px;
    width: 4px;
  }

  .c-icon-close:before {
    height: 4px;
    width: 16px;
  }

  .c-icon-minus {
    height: 35px;
    width: 35px;
  }

  .c-icon-minus:before {
    height: 3px;
    width: 14px;
  }

  .c-icon-plus {
    height: 35px;
    width: 35px;
  }

  .c-icon-plus:after,
  .c-icon-plus:before {
    height: 14px;
    width: 3px;
  }

  .c-icon-plus:before {
    height: 3px;
    width: 14px;
  }

  .c-icon-text {
    font-size: 13px;
    margin-top: 3px;
  }

  .c-image {
    width: auto;
  }

  .c-accordion__link .c-image {
    height: auto;
    width: 100%;
  }

  .c-modal__inner {
    display: flex;
    justify-content: space-between;
    padding: 0;
  }

  .c-modal__col {
    padding: 24px 20px;
    width: 50%;
  }

  .c-modal__col+.c-modal__col {
    margin: 0 0 0 29px;
  }

  .c-modal__icon {
    height: 78px;
  }

  .c-modal__button {
    border-radius: 25px;
    font-size: 15px;
    height: 53px;
    margin-top: 21px;
    padding: 0 18px;
    transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  }

  .c-modal__button:after {
    height: 6px;
    width: 6px;
  }

  .c-modal__button:hover {
    opacity: 0.7;
  }

  .c-modal__button--blank:after {
    height: 18px;
    width: 18px;
  }

  .modal-online,
  .modal-wifi {
    width: 66px;
  }

  .modal-spot {
    width: 96px;
  }

  .modal-shop {
    width: 79px;
  }

  .c-qa__box--text {
    font-size: 16px;
    line-height: 1.6;
  }

  .c-qa__toggle {
    padding: 24px 55px 24px 45px;
  }

  .c-qa__toggle:after,
  .c-qa__toggle:before {
    height: 6px;
    top: 43%;
    width: 28px;
  }

  .c-qa__question:before {
    font-size: 35px;
    left: -45px;
    top: -20px;
  }

  .c-qa__answer {
    padding: 0 0 24px 45px;
  }

  .c-qa__answer:before {
    font-size: 35px;
    left: 0;
    top: -10px;
  }

  .c-router-icon__list {
    display: flex;
  }

  .c-router-icon__item+.c-router-icon__item {
    margin-left: 12px;
  }

  .c-router-icon__img {
    padding-bottom: 3px;
    text-align: center;
  }

  .c-router-icon__img--app {
    padding-bottom: 0;
  }

  .c-router-icon__text {
    font-size: 12px;
    line-height: 1.4;
    margin-top: 10px;
    text-align: center;
  }

  .c-router-icon__sup {
    font-size: 10px;
  }

  .c-router-icon-mobile__list {
    display: flex;
  }

  .c-router-icon-mobile__item+.c-router-icon-mobile__item {
    margin-left: 12px;
  }

  .c-router-icon-mobile__img {
    padding-bottom: 3px;
    text-align: center;
  }

  .c-router-icon-mobile__img--app {
    padding-bottom: 0;
  }

  .c-router-icon-mobile__text {
    font-size: 12px;
    line-height: 1.4;
    margin-top: 10px;
    text-align: center;
  }

  .c-router-icon-mobile__sup {
    font-size: 10px;
  }

  .slick-slide img {
    display: inline-block;
  }

  .c-slide .slick-next,
  .c-slide .slick-prev {
    height: 26px;
    width: 26px;
  }

  .c-slide .slick-prev {
    left: -25px;
  }

  .c-slide .slick-next {
    right: -25px;
  }

  .c-text-link--blank:after {
    height: 14px;
    margin-left: 4px;
    margin-right: 4px;
    width: 18px;
  }

  .c-tooltips {
    font-size: 15px;
    margin: 0 auto;
    max-width: 675px;
    padding: 24px;
    width: 100%;
  }

  .c-tooltips:after,
  .c-tooltips:before {
    border-width: 0 6px 12px;
    right: 50px;
    top: -14px;
  }

  .c-tooltips:after {
    top: -10px;
  }

  .c-tooltips__close {
    height: 36px;
    margin: 12px auto 0;
    width: 36px;
  }

  .c-tooltips__btn {
    font-size: 13px;
    height: 25px;
    transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  }

  .c-tooltips__btn:hover {
    opacity: 0.7;
  }

  .c-tooltips__btn:after {
    font-size: 14px;
    height: 18px;
    margin-left: 3px;
    width: 18px;
  }

  .c-tooltips__icon {
    font-size: 13px;
    height: 20px;
    width: 20px;
  }

  .c-tooltips__icon:after {
    font-size: 16px;
    height: 18px;
    width: 18px;
  }

  .feature__inner {
    max-width: 852px;
    padding: 50px 0 60px;
    width: 100%;
  }

  .feature__title {
    margin-bottom: 10px;
  }

  .feature__note {
    font-size: 12px;
    margin: 20px 0;
  }

  .feature__accordion {
    width: auto;
  }

  .c-accordion .c-accordion__inner:first-child .feature__accordion {
    width: auto;
  }

  .feature-body {
    margin: 0 auto;
    width: 608px;
  }

  .feature-body__set {
    width: 702px;
  }

  .feature-body__blk {
    align-items: center;
    border-bottom: 4px dotted #000;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    text-align: left;
  }

  .feature-body__blk:first-of-type {
    padding-bottom: 20px;
  }

  .feature-body__blk+.feature-body__blk {
    padding: 0;
  }

  .feature-body__blk .feature__list-text:first-of-type {
    margin-top: 0;
  }

  .feature-body__blk .feature__list-text {
    width: 100%;
    text-align: left;
  }

  .feature-body__text {
    font-size: 1.5rem;
  }

  .feature-body__heading {
    font-size: 2.125rem;
    line-height: 1.38235;
  }

  .feature-body__img {
    margin: 30px 10px 30px 0;
  }

  .feature-body__img--reason2 {
    margin-right: 35px;
    padding: 0;
  }

  .feature__price--text {
    margin-top: 23px;
  }

  .feature__price--text2 {
    font-size: 12px;
    margin-top: 25px;
    text-align: center;
  }

  .feature__price--text-link {
    font-size: 12px;
    margin-top: 20px;
  }

  .feature__price--box {
    display: flex;
  }

  .feature__price--heading {
    font-size: 34px;
    line-height: 1.4;
    margin-top: 20px;
  }

  .feature__price--lead {
    font-size: 18px;
    line-height: 1.4;
    padding-top: 6px;
  }

  .feature__price--img {
    margin-top: 20px;
  }

  .feature__price--table {
    width: 100%;
  }

  .feature__price--accordion {
    border: 1px solid #000;
    font-size: 1.125rem;
    margin-top: 30px;
  }

  .feature__price--icon:after,
  .feature__price--icon:before {
    height: 14px;
    width: 3px;
  }

  .feature__price--icon:before {
    height: 3px;
    width: 14px;
  }

  .feature__price--small {
    font-size: 0.5rem;
  }

  .feature__price--underline {
    padding-bottom: 1px;
  }

  .feature__set--img+.feature__set--img {
    margin-top: 0;
  }

  .feature__set--container {
    display: flex;
    justify-content: space-between;
    margin: 20px 0 10px;
  }

  .feature__set--container-plus:before {
    height: 7px;
    left: 42%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 29px;
  }

  .feature__set--container-plus:after {
    height: 29px;
    left: 44%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-40%);
    transform: translateY(-50%) translateX(-40%);
    width: 7px;
  }

  .feature__set--bar {
    margin-top: 0;
  }

  .feature__set--benefit {
    border: 2px solid #000;
    overflow: hidden;
    padding-bottom: 25px;
  }

  .feature__set--benefit:before {
    height: 2px;
    top: 40px;
    width: 700px;
  }

  .feature__set--accordion {
    margin: 15px 45px 0;
  }

  .feature__tooltips--price1 {
    height: 50px;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-293px);
    transform: translateX(-293px);
    width: 140px;
  }

  .feature__tooltips--price2 {
    left: -20px;
    top: 1px;
    width: 145px;
  }

  .feature__tooltips--set1 {
    right: 57px;
    top: 63px;
    width: 210px;
  }

  .feature__tooltips--set2 {
    right: 19px;
    top: 53px;
    width: 245px;
  }

  .feature__tooltips--set3 {
    height: auto;
    right: 278px;
    top: 64px;
    width: 340px;
  }

  .feature__tooltips--inner {
    font-size: 0.9375rem;
    letter-spacing: -0.04em;
    line-height: 1.75;
  }

  .feature__tooltips--heading,
  .feature__tooltips--text {
    font-size: 0.9375rem;
  }

  .feature__button-group {
    margin: 37px auto 0;
    width: 704px;
  }

  .feature__body-blk {
    margin: 0 70px;
    padding: 50px 0 0;
  }

  .feature__body-blk.wifi1 {
    padding: 10px 0 0;
  }

  .feature__body-blk+.feature__body-blk {
    border-top: 4px dotted #000;
    margin-top: 50px;
    padding-top: 50px;
  }

  /* .feature__wifi {
    margin: 0 auto;
    position: relative;
    width: 618px;
  }
  .feature__wifi-title {
    font-size: 34px;
    left: 365px;
    line-height: 1.4;
    position: absolute;
    text-align: left;
  }
  .wifi1 .feature__wifi-title {
    top: 110px;
  }
  .wifi2 .feature__wifi-title {
    top: 47px;
  }
  .feature__wifi-lead {
    font-size: 24px;
    left: 365px;
    position: absolute;
    text-align: left;
    white-space: nowrap;
  }
  .wifi1 .feature__wifi-lead {
    margin-top: 0;
    top: 106px;
  }
  .wifi2 .feature__wifi-lead {
    margin-top: 0;
    top: 102px;
  }
  .wifi1 .feature__wifi-fig {
    margin: 0px;
  }
  .wifi2 .feature__wifi-fig {
    margin: 0;
  }
  .feature__wifi-info1 {
    left: 367px;
    position: absolute;
  }
  .wifi1 .feature__wifi-info1 {
    top: 160px;
  }
  .wifi2 .feature__wifi-info1 {
    margin: 17px 0 0;
    position: static;
  }
  .feature__wifi-incompatible,
  .feature__wifi-text {
    font-size: 12px;
    margin: 0;
  }
  .feature__wifi-text {
    text-align: left;
  }
  .wifi2 .feature__wifi-text {
    margin: 4px 0 0;
  }
  .wifi2 .feature__wifi-info-item {
    margin: 0;
  }
  .feature__wifi-link {
    flex: 0 0 289px;
    font-size: 12px;
    margin: 0;
  }
  .wifi2 .feature__wifi-link {
    letter-spacing: 0.03em;
  } */
  .feature__bnr {
    margin: -27px auto 0;
    width: 608px;
  }

  .feature__bnr-text {
    font-size: 12px;
    margin-top: 7px;
  }

  .feature__bnr-br {
    display: inline;
    padding-left: 1em;
  }

  .feature-satisfaction__pic {
    margin: 0 auto;
    width: 459px;
  }

  .feature-satisfaction__col {
    margin: 0 auto;
    width: 564px;
  }

  .feature-satisfaction__item {
    font-size: 18px;
    margin: 5px;
    padding: 4px 0 4px 19px;
    width: calc(50% - 10px);
  }

  .feature-satisfaction__item+.feature-satisfaction__item {
    margin-top: 5px;
  }

  .feature-satisfaction__source {
    font-size: 12px;
    margin-top: 20px;
  }

  .feature__sup {
    font-size: 12px;
  }

  .feature__tooltips-note {
    margin-top: 16px;
  }

  .feature .c-accordion__link {
    padding: 20px 16px 20px 44px;
    font-size: 1.125rem
  }

  .feature .c-accordion__close {
    padding-bottom: 34px;
  }

  .feature .c-button-white {
    margin-top: 30px;
  }

  .feature .c-tooltips__icon--white:after {
    font-size: 18px;
  }

  .feature .c-tooltips__price1 {
    top: 40px;
  }

  .feature .c-tooltips__price1:after,
  .feature .c-tooltips__price1:before {
    right: 458px;
  }

  .feature .c-tooltips__price2 {
    left: 284px;
    top: 8px;
  }

  .feature .c-tooltips__price2:after,
  .feature .c-tooltips__price2:before {
    right: 465px;
  }

  .feature .c-tooltips__set1 {
    left: 350px;
    min-width: 675px;
    top: 50px;
  }

  .feature .c-tooltips__set1:after,
  .feature .c-tooltips__set1:before {
    right: 413px;
  }

  .feature .c-tooltips__set2 {
    left: 8px;
    min-width: 675px;
    top: 52px;
  }

  .feature .c-tooltips__set2:after,
  .feature .c-tooltips__set2:before {
    right: 54px;
  }

  .feature .c-tooltips__set3 {
    top: 87px;
  }

  .feature .c-tooltips__set3:after,
  .feature .c-tooltips__set3:before {
    right: 268px;
  }

  .feature .c-tooltips__set4 {
    top: 235px;
  }

  .feature .c-tooltips__set4:after,
  .feature .c-tooltips__set4:before {
    right: 297px;
  }

  .feature .caution__inner {
    font-size: 14px;
    margin: 0 auto;
    padding: 37px 0 0;
    width: 630px;
  }

  .feature .caution__accordion-inner {
    border: none;
    margin-top: 33px;
  }

  .feature .caution__accordion-link {
    font-size: 18px;
    line-height: 1.4;
  }

  .feature .caution__accordion-link:hover .caution__accordion-link-text {
    border-bottom: 1px solid transparent;
  }

  .feature .caution__accordion-icon-area {
    width: 27px;
  }

  .feature .caution__accordion-icon:after,
  .feature .caution__accordion-icon:before {
    height: 14px;
    width: 3px;
  }

  .feature .caution__accordion-icon:before {
    height: 3px;
    width: 14px;
  }

  .feature .caution__heading {
    font-size: 16px;
  }

  .feature .caution__text--border {
    margin: 5px 0 0;
    padding: 13px 19px;
  }

  .feature .caution__table {
    margin-top: 10px;
    padding: 10px;
  }

  .feature .caution__table--left {
    width: 160px;
  }

  .feature .caution__table--small {
    font-size: 8px;
  }

  .feature .caution-icon-minus:before {
    height: 3px;
    width: 14px;
  }

  .feature .caution__accordion-close {
    font-size: 18px;
    line-height: 1.4;
    margin: 30px 0 0;
    padding: 0;
  }

  .feature .caution__accordion-close:hover {
    opacity: 1;
  }

  .feature .caution__accordion-close:hover .caution__accordion-close-text {
    border-bottom: 1px solid transparent;
  }

  /* .connection__list-item {
    margin: 0 auto;
    width: 700px;
  }
  .connection__list-item + .connection__list-item {
    border-top: 4px dotted #000;
  }
  .connection__list-inner {
    max-width: 764px;
    padding: 40px 0;
    width: 100%;
  }
  .connection__list-inner--home01 {
    padding: 10px 0 40px;
  }
  .connection__list-inner--home02 {
    padding: 0px 0 30px;
  }
  .connection__list-inner--mobile01 {
    padding: 5px 0 30px;
  }
  .connection__list-inner--mobile02 {
    padding: 38px 0 0;
  }
  .connection__slide {
    padding: 0;
  }
  .connection__slide--slide01 .slick-dots,
  .connection__slide--slide02 .slick-dots {
    bottom: -30px;
    width: 100%;
  }
  .connection__slide-item {
    padding: 0 0 0 296px;
  }
  .connection__slide-item--product01 .connection__slide-header {
    padding: 6px 0 0;
  }
  .connection__lead {
    font-size: 18px;
    line-height: 1.4;
    margin: 6px 0 0;
    text-align: left;
  }
  .connection__sup {
    font-size: 12px;
  }
  .connection__product {
    margin: 30px 0 0;
  }
  .connection__slide-item--product01 .connection__product,
  .connection__slide-item--product02 .connection__product {
    display: block;
  }
  .connection__slide-item--product03 .connection__product {
    margin: 25px 0 0;
  }
  .connection__slide-item--product05 .connection__product {
    margin: 30px 0 0;
  }
  .connection__product-img {
    position: absolute;
  }
  .connection__slide-item--product01 .connection__product-img {
    left: 92px;
    top: 0;
    width: auto;
  }
  .connection__slide-item--product02 .connection__product-img {
    left: 72px;
    top: 17px;
    width: auto;
  }
  .connection__slide-item--product03 .connection__product-img {
    left: 19px;
    top: 41px;
    width: auto;
  }
  .connection__slide-item--product04 .connection__product-img {
    left: 40px;
    top: 80px;
  }
  .connection__slide-item--product05 .connection__product-img {
    left: 33px;
    top: 85px;
  }
  .connection__slide-item--product06 .connection__product-img {
    left: 28px;
    top: 98px;
  }
  .connection__slide-item--product01 .connection__product-spec,
  .connection__slide-item--product02 .connection__product-spec {
    width: auto;
  }
  .connection__slide-item--product02 .connection__product-spec {
    margin-top: 42px;
  }
  .connection__slide-item--product03 .connection__product-spec {
    margin: 0;
  }
  .connection__slide-item--product04 .connection__product-spec {
    margin-top: 30px;
  }
  .connection__slide-item--product06 .connection__product-spec {
    margin-top: 36px;
  }
  .connection__tooltips-btn {
    width: 58px;
  }
  .connection__slide-item--product01 .connection__tooltips-btn {
    bottom: 68px;
    right: 148px;
  }
  .connection__slide-item--product02 .connection__tooltips-btn,
  .connection__slide-item--product03 .connection__tooltips-btn {
    bottom: 63px;
    right: 148px;
  }
  .connection__slide-item--product04 .connection__tooltips-btn,
  .connection__slide-item--product05 .connection__tooltips-btn,
  .connection__slide-item--product06 .connection__tooltips-btn {
    bottom: 65px;
    right: 148px;
  }
  .connection__link {
    font-size: 12px;
    line-height: 2;
    text-align: left;
  }
  .connection__slide-item--product01 .connection__link,
  .connection__slide-item--product02 .connection__link,
  .connection__slide-item--product03 .connection__link,
  .connection__slide-item--product04 .connection__link,
  .connection__slide-item--product05 .connection__link {
    margin: 22px 0 0;
  }
  .connection__slide-item--product02 .connection__link {
    margin: 30px 0 0;
  }
  .connection__slide-item--product04 .connection__link {
    margin: 28px 0 0;
  }
  .connection__slide-item--product05 .connection__link {
    margin: 40px 0 0;
  }
  .connection__slide-item--product06 .connection__link {
    margin: 27px 0 0;
  }
  .connection__btn {
    margin: 12px 0 0;
    padding: 0 0 5px;
    width: 256px;
  }
  .connection__btn .c-button {
    border-radius: 20px;
    height: 45px;
    padding: 0 20px 0 0;
  }
  .connection__tooltips:after,
  .connection__tooltips:before {
    right: 156px;
  }
  .connection__tooltips--note01 {
    top: 244px;
  }
  .connection__tooltips--note02 {
    top: 255px;
  }
  .connection__tooltips--note03 {
    top: 300px;
  }
  .connection__tooltips--note04,
  .connection__tooltips--note05 {
    top: 272px;
  }
  .connection__tooltips--note06 {
    top: 280px;
  }
  .connection .router1 + .router2 {
    border-top: none;
    margin-top: 65px;
    padding-top: 0;
  }
  .connection-router .slick-next,
  .connection-router .slick-prev {
    top: 45%;
  }
  .connection-router02 .slick-next,
  .connection-router02 .slick-prev {
    top: 42%;
  }
  .connection-router__info,
  .connection-router__info02 {
    font-size: 12px;
    width: 313px;
  } */
  .procedure__inner {
    margin: 0 auto;
    max-width: 852px;
    padding: 60px 0 116px;
    width: 100%;
  }

  .procedure__accordion-img {
    width: auto;
  }

  .procedure__title {
    margin-bottom: 34px;
  }

  .procedure__accordion {
    margin-top: 17px;
  }

  .procedure__accordion-inner {
    margin: 0 122px;
    padding: 0 0 30px;
  }

  .procedure__accordion-inner--fit {
    margin: 0;
  }

  .procedure__flow {
    font-size: 15px;
  }

  .procedure__flow-container {
    display: flex;
    justify-content: space-between;
    margin: 20px auto 30px;
    width: 706px;
  }

  .procedure__flow-container--fit {
    width: 608px;
  }

  .procedure__flow-title {
    font-size: 24px;
  }

  .procedure__flow-box {
    border-bottom: none;
    display: block;
    flex: 0;
    margin-top: 0;
    padding-bottom: 0;
    position: relative;
  }

  .procedure__flow-box+.procedure__flow-box:before {
    background-color: #c7c7c7;
    content: '';
    height: 2px;
    left: -34px;
    position: absolute;
    top: 12px;
    width: 28px;
  }

  .procedure__flow-web .procedure__flow-box+.procedure__flow-box:before {
    background-color: #c7c7c7;
    content: '';
    height: 2px;
    left: -19px;
    position: absolute;
    top: 12px;
    width: 12px;
  }

  .procedure__flow-fig {
    margin-right: 0;
    margin-top: 0;
    position: relative;
    width: auto;
  }

  .procedure__flow-textbox {
    margin-top: 15px;
    text-align: left;
  }

  .procedure__flow-text--dot {
    padding: 2px 0;
  }

  .procedure__flow-text--dot:nth-child(2) {
    padding-top: 0;
  }

  .procedure__flow-text--check {
    font-size: 15px;
  }

  .procedure__flow-text--check:before {
    height: 17px;
    margin-right: 3px;
    vertical-align: text-top;
    width: 18px;
  }

  .procedure__flow-trigger--flow1 {
    right: 28px;
    top: 4px;
    width: 130px;
  }

  .procedure__flow-trigger--flow2 {
    right: 42px;
    top: 4px;
    width: 115px;
  }

  .procedure__flow-trigger--flow3 {
    right: 3px;
    top: 1px;
    width: 155px;
  }

  .procedure__flow-trigger--flow4 {
    right: 21px;
    top: -23px;
    width: 155px;
  }

  .procedure__flow-tooltip--flow1 {
    left: 166px;
    top: 28px;
  }

  .procedure__flow-tooltip--flow1:after,
  .procedure__flow-tooltip--flow1:before {
    right: 377px;
  }

  .procedure__flow-tooltip--flow2 {
    left: 168px;
    top: 28px;
  }

  .procedure__flow-tooltip--flow2:after,
  .procedure__flow-tooltip--flow2:before {
    right: 394px;
  }

  .procedure__flow-tooltip--flow3 {
    left: -10px;
    top: 27px;
  }

  .procedure__flow-tooltip--flow3:after,
  .procedure__flow-tooltip--flow3:before {
    right: 175px;
  }

  .procedure__flow-tooltip--flow4 {
    left: 92px;
    top: 0;
  }

  .procedure__flow-tooltip--flow4:after,
  .procedure__flow-tooltip--flow4:before {
    right: 274px;
  }

  .procedure__flow .c-tooltips {
    min-width: 675px;
  }

  .procedure__flow-button {
    justify-content: center;
  }

  .procedure .c-accordion__link {
    padding: 22px 14px 20px 44px;
  }

  .procedure .c-accordion__close {
    padding-bottom: 34px;
  }

  .procedure__button-group {
    margin: 37px auto 0;
    width: 704px;
  }

  .procedure__question {
    font-size: 12px;
    margin-top: 25px;
  }

  .procedure-button-group .c-button--shop {
    padding: 6px 0 0 30px;
  }

  .section-recommend {
    padding50px: 0 25px;
  }

  .section-recommend__heading {
    font-size: 24px;
  }

  .section-recommend__body {
    margin-top: 40px;
  }

  .section-recommend__body .carousel-recommend {
    padding-bottom: 55px;
  }

  .section-recommend__body .slick-slide img {
    width: 750px;
  }

  .section-recommend__body .slick-next {
    right: calc(50% - 230px);
  }

  .section-recommend__body .slick-prev {
    left: calc(50% - 230px);
  }

  .user__inner {
    max-width: 852px;
    padding: 37px 0 60px;
    width: 100%;
  }

  .user__list {
    margin: 0;
  }

  .user__list-item+.user__list-item {
    margin: 0;
  }

  .user__list-item {
    border: 4px solid #083090;
  }

  .user__list-item--orange {
    border: 4px solid #eb5505;
  }

  .user__list-item--pink {
    border: 4px solid #e4007f;
  }

  .user__list-header {
    align-content: center;
  }

  .user__list-header--orange {
    background: #eb5505;
    padding: 10px 80px 14px;
  }

  .user__list-header--pink {
    background: #e4007f;
    padding: 12px 92px 12px 35px;
  }

  .user__heading {
    font-size: 27px;
  }

  .user__heading-intro {
    font-size: 21px;
    line-height: 1.2;
  }

  .user__list-link {
    transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  }

  .user__list-link:hover {
    opacity: 0.7;
  }

  .user__list-inner {
    margin: 0 auto;
    max-width: 724px;
    padding: 39px 0;
    width: 100%;
  }

  .user__list-inner--orange {
    padding: 43px 0 30px;
  }

  .user__au {
    margin: 0 auto;
    padding: 33px 0 0;
  }

  .user__au-caption {
    margin-top: 0;
    padding: 6px;
    font-size: 16px;

  }

  .user__uqbody-blk {
    margin: 0 auto;
    max-width: 724px;
  }

  .user__uq {
    position: relative;
  }

  .user__uq01-img+.user__uq01-img {
    margin-top: 15px;
  }

  .user__uq-note {
    font-size: 12px;
    margin-top: 20px;
  }

  .user__uq02-note {
    font-size: 12px;
    margin-top: 6px;
  }

  .user__uq02-note--left {
    margin: 20px 0 0 0;
  }

  .user__uq-text {
    font-size: 12px;
    margin-top: 15px;
  }

  .user__detail-link {
    font-size: 12px;
    margin-top: 20px;
    text-align: center;
  }

  .user__uq-button {
    padding-top: 15px;
  }

  .user__flow-button {
    justify-content: center;
  }

  .user-button-group {
    margin: 0;
    width: 704px;
  }

  .user__list-icon {
    cursor: pointer;
    margin: 4px 0 0;
    padding: 0 0 26px;
    transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  }

  .user__list-icon:hover {
    opacity: 0.7;
  }

  .user__list-icon-text {
    font-size: 16px;
    padding: 3px 0 0 12px;
  }

  .user__body-blk {
    margin: 0 70px;
    padding: 50px 0 0;
  }

  .user__body-blk+.user__body-blk {
    border-top: 4px dotted #000;
    margin-top: 50px;
    padding-top: 50px;
  }

  .user__sup {
    font-size: 12px;
    margin-top: 18px;
  }

  .user__table {
    margin-top: 12px;
  }

  .user__table-th {
    border: 1px solid #000;
    font-size: 14px;
    line-height: 2;
    padding: 25px 20px;
    vertical-align: middle;
    width: 20.657276995305164%;
  }

  .user__table-td {
    border: 1px solid #000;
    font-size: 12px;
    padding: 18px;
    width: 15.671361502347416%;
  }

  .user__accordion-area {
    margin-top: 21px;
  }

  .user__accordion {
    width: auto;
  }

  /* .user__set {
    margin: 0 auto;
    width: 702px;
  }
  .user__set--img {
    padding: 14px;
  }
  .user__set--img + .user__set--img {
    margin-top: 0;
  }
  .user__set--container {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
  }
  .user__set--container-plus {
    margin: 40px auto 0;
    width: 633px;
  }
  .user__set--container-plus:before {
    height: 7px;
    left: 40.3%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 29px;
  }
  .user__set--container-plus:after {
    height: 29px;
    left: 42.5%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 7px;
  }
  .user__set--bar {
    margin-top: 0;
  }
  .user__set--bg-primary {
    border: 2px solid #083090;
    border-radius: 10px;
    padding: 8px 28px 10px 20px;
    width: 250px;
  }
  .user__set--bg-primary-heading {
    font-size: 16px;
    line-height: 1.6;
  }
  .user__set--bg-primary-lead {
    font-size: 13px;
    line-height: 1.3;
    margin-top: 2px;
  }
  .user__set--bg-gray {
    border: 2px solid #f5f5f5;
    border-radius: 10px;
    padding: 8px 28px 10px 22px;
    width: 344px;
    display: flex;
    align-items: center;
  }
  .user__set--bg-gray-text {
    font-size: 16px;
    line-height: 1.3;
  }
  .user__set--amenity {
    border: 2px solid #000;
    width: 50%;
  }
  .user__set--amenity + .user__set--amenity {
    margin-left: 10px;
  }
  .user__set--amenity-heding {
    border-bottom: 2px solid #000;
    font-size: 18px;
    padding: 2px 10px 6px;
  }
  .user__set--amenity-heding span {
    font-size: 28px;
    margin-left: 6px;
  } */
  .user__tooltips--price1 {
    height: 56px;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-293px);
    transform: translateX(-293px);
    width: 140px;
  }

  .user__tooltips--price2 {
    left: 0;
    top: 2px;
    width: 125px;
  }

  .user__tooltips--set1 {
    right: 65px;
    top: 13px;
    width: 210px;
  }

  .user__tooltips--set2 {
    right: 49px;
    top: 14px;
    width: 245px;
  }

  .user__tooltips--inner {
    font-size: 15px;
    letter-spacing: -0.04em;
    line-height: 1.75;
  }

  .user__tooltips--heading,
  .user__tooltips--text {
    font-size: 15px;
  }

  .user-text-link {
    font-size: 12px;
    margin: 30px 0 0;
  }

  .user .c-accordion__link {
    padding: 20px 16px 20px 44px;
  }

  .user .c-accordion__close {
    cursor: pointer;
    margin: 24px 0 0;
    padding: 0 0 26px;
    transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  }

  .user .c-accordion__close:hover {
    opacity: 0.7;
  }

  .user .c-tooltips__icon--white:after {
    font-size: 18px;
  }

  .user .c-tooltips__price1 {
    top: 40px;
  }

  .user .c-tooltips__price1:after,
  .user .c-tooltips__price1:before {
    right: 458px;
  }

  .user .c-tooltips__price2 {
    top: 8px;
  }

  .user .c-tooltips__price2:after,
  .user .c-tooltips__price2:before {
    right: 486px;
  }

  .user .c-tooltips__set1 {
    left: 350px;
    min-width: 675px;
    top: 52px;
  }

  .user .c-tooltips__set1:after,
  .user .c-tooltips__set1:before {
    right: 401px;
  }

  .user .c-tooltips__set2 {
    left: 8px;
    min-width: 675px;
    top: 42px;
  }

  .user .c-tooltips__set2:after,
  .user .c-tooltips__set2:before {
    right: 21px;
  }

  .user__price--text {
    margin-top: 23px;
  }

  .user__price--text2 {
    font-size: 0.9375rem;
    margin-top: 25px;
  }

  .user__price--box {
    display: flex;
  }

  .user__price--img {
    margin-top: 40px;
  }

  .user__price--table {
    width: 100%;
  }

  .user__price--accordion {
    border: 1px solid #000;
    font-size: 1.125rem;
    margin-top: 18px;
    padding-bottom: 0;
  }

  .user__price--icon:after,
  .user__price--icon:before {
    height: 14px;
    width: 3px;
  }

  .user__price--icon:before {
    height: 3px;
    width: 14px;
  }

  .user__price--small {
    font-size: 0.5rem;
  }

  .user__price--underline {
    padding-bottom: 1px;
  }

  .user .caution__inner {
    font-size: 0.875rem;
    padding: 30px;
  }

  .user .caution__accordion {
    font-size: 1.125rem;
  }

  .user .caution__heading {
    font-size: 1rem;
  }

  .user .caution__table,
  .user .caution__text--border {
    margin-top: 10px;
    padding: 10px;
  }

  .user .caution__table {
    font-size: 0.875rem;
  }

  .user .caution__table--left {
    width: 160px;
  }

  .user .caution__table--small {
    font-size: 0.5rem;
  }

  .user .caution-icon-minus:before {
    height: 3px;
    width: 14px;
  }

  .user-text-link {
    font-size: 1.125rem;
    margin-top: 30px;
    text-align: center;
  }

  .user-text-link--small {
    font-size: 0.75rem;
    margin-top: 15px;
    text-align: left;
  }

  .user__tooltip-wrap {
    height: 89px;
    right: 39px;
    top: 257px;
    width: 446px;
  }

  .user__tooltip-icon {
    border-radius: 20%;
    height: 24px;
    right: 0;
    top: 58px;
    width: 24px;
  }

  .c-tooltips#user-tooltip-1 {
    left: 514px;
    top: 343px;
  }

  .user-heading {
    padding: 10px 0px 10px 125px;
    margin-bottom: 48px;
  }

  .user-heading__box {
    display: flex;
    align-items: center;
  }

  .user-heading__label {
    font-size: 16px;
    padding: 4px 20px;
  }

  .user-heading__text {
    margin-left: 10px;
  }

  .user-heading__link {
    font-size: 12px;
    margin-left: 20px;
    padding-right: 1.4rem;
  }

  .user-heading__link:after {
    height: 8px;
    right: 0;
    top: 2px;
    width: 8px;
  }

  .user__list-item--orange .user__list-img+.user__list-img {
    margin-top: 20px;
  }

  .user__list-item--pink .user__list-img+.user__list-img {
    margin-top: 34px;
  }
}

@media print,
screen and (min-width: 1179px) {
  .js-modal__wrapper {
    width: calc(100% + 180px);
  }
}

@media screen and (max-width: 980px) {
  #set {
    font-size: 1.63265vw;
  }
}

@media screen and (max-width: 768px) {
  #set {
    font-size: 3.73333vw;
    line-height: 1.57143;
  }
}

@media screen and (min-width: 769px) {
  .remarks_for_kv {
    font-size: 16px;
    color: #000;
    margin: 10px 0;
    text-align: center;
  }
}

@media screen and (min-width: 0px) and (max-width: 768px) {
  .remarks_for_kv {
    font-size: 3.5vw;
    color: #000;
    margin: 4vw 0;
    text-align: center;
  }
}

/* accordion open */

.c-accordion__link--open {
  cursor: default;
}

.c-accordion__link--open:hover {
  opacity: 1;
}

.c-accordion__body--open {
  display: block;
}

/* step slick */
.step {
  position: relative;
}

.c-tabswitch {
  align-items: flex-end;
  display: flex;
  justify-content: center
}

.c-tabswitch__list {
  background: #f5f5f5;
  border-left: 3px solid #000;
  border-right: 3px solid #000;
  border-top: 3px solid #000;
  flex: 0 1 50%;
  height: 12.8vw;
  text-align: center
}

.c-tabswitch__list+.c-tabswitch__list {
  margin-left: -3px
}

.c-tabswitch__btn {
  align-items: center;
  color: #000;
  display: flex;
  font-size: 3.733333333333334vw;
  font-weight: 700;
  height: 100%;
  justify-content: center;
  position: relative
}

.c-tabswitch__text {
  display: block
}

.is-selected .c-tabswitch__text {
  color: #fff;
  font-size: 4vw
}

.c-tabswitch__list:first-of-type .c-tabswitch__btn .c-tabswitch__text {
  margin-left: 8vw
}

.c-tabswitch__list:first-of-type .c-tabswitch__btn:before {
  background: url(../img/gigahodai_common_icon_online_black.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 4vw;
  left: 2.666666666666667vw;
  position: absolute;
  width: 5.600000000000001vw
}

.c-tabswitch__list:nth-of-type(2) .c-tabswitch__btn .c-tabswitch__text {
  margin-left: 8vw
}

.c-tabswitch__list:nth-of-type(2) .c-tabswitch__btn:before {
  background: url(../img/gigahodai_common_icon_shop_black.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 4.533333333333333vw;
  left: 3.2vw;
  position: absolute;
  width: 5.333333333333334vw
}

.c-tabswitch__body {
  border-top: 3px solid #000;
  margin: 0 -4.533333333333333vw
}

.c-tabswitch .is-active {
  display: block
}

.c-tabswitch .is-selected {
  background: #0091d7
}

.c-tabswitch .c-tabswitch__list.is-selected {
  height: 15.466666666666667vw
}

.c-tabswitch .c-tabswitch__list.is-selected:first-of-type .c-tabswitch__btn:before {
  background: url(../img/gigahodai_common_icon_online_white.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain
}

.c-tabswitch .c-tabswitch__list.is-selected:nth-of-type(2) .c-tabswitch__btn:before {
  background: url(../img/gigahodai_common_icon_shop_white.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain
}

.step__tooltips {
  align-items: center;
  color: #083090;
  display: flex;
  font-size: 4.266666666666667vw;
  font-weight: 700;
  justify-content: center;
  margin-top: 5.866666666666666vw;
  text-decoration: underline !important;
  text-underline-offset: 2px
}

.step__tooltips .c-tooltips__icon {
  margin-left: 1.333333333333333vw
}

.shop .step__tooltips,
.web .step__tooltips {
  justify-content: flex-start
}

.web .step__tooltips {
  margin-top: 4vw
}

.shop .step__tooltips {
  margin-top: 1.066666666666667vw
}

.step__tooltips-small-margin {
  margin-top: .533333333333333vw !important
}

.step #step-tooltips1 {
  top: 61.33333333333333vw
}

.step #step-tooltips1:after,
.step #step-tooltips1:before {
  right: 21.333333333333336vw
}

.step #step-tooltips2 {
  /* top: 245.33333333333331vw */
  top: 85.333333vw;
}

.step #step-tooltips2:after,
.step #step-tooltips2:before {
  right: 24vw
}

.step #step-tooltips3 {
  /* top: 256vw */
  top: 86vw;
}

.step #step-tooltips3:after,
.step #step-tooltips3:before {
  right: 29.86666666666667vw
}

.step #step-tooltips4 {
  /* top: 282.6666666666667vw */
  top: 125vw;
}

.step #step-tooltips4:after,
.step #step-tooltips4:before {
  right: 18.933333333333334vw
}

.step #step-tooltips5 {
  /* top: 234.66666666666666vw */
  top: 77vw;
}

.step #step-tooltips5:after,
.step #step-tooltips5:before {
  right: 17.599999999999998vw
}

.step__tab {
  margin: 6.666666666666667vw 0 0
}

.step__application {
  padding: 0 4.533333333333333vw
}

.step__application-body {
  border: 3px solid #083090;
  border-radius: 5px;
  margin-top: 4.533333333333333vw;
  position: relative;
  background-color: #FFFFFF;
}

.step__application-title {
  color: #fff;
  font-size: 4.8vw;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.5;
  width: calc(590/750*100vw);
  margin: 0 auto;
}

.step__application-content {
  padding: 0 6.666666666666667vw
}

.step__application-lead {
  color: #083090;
  font-size: 4.266666666666667vw;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 4.266666666666667vw;
  text-align: center
}

.step__application-list {
  margin-top: 2.933333333333333vw
}

.step__application-procedure {
  border-bottom: 2px solid #c7c7c7;
  display: flex;
  padding: 4vw 0
}

.step__application-step-title {
  flex: 0 0 16.133333333333333vw
}

.step__application-step-desc {
  flex: 1 0 auto;
  margin: 0 0 0 2.666666666666667vw
}

.step__desc-title {
  font-weight: 700;
  line-height: 1
}

.step__desc-link,
.step__desc-text,
.step__desc-title {
  font-size: 4.266666666666667vw
}

.step__desc-link-large {
  display: inline-block;
  margin-top: 3.466666666666666vw
}

.step__desc-text {
  line-height: 1;
  margin-top: 2.4vw
}

.step__desc-dotted {
  position: relative
}

.step__desc-dotted:after {
  border-bottom: 2px dotted #000;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  top: -2.933333333333333vw;
  width: 100%
}

.step__desc-requirement-item {
  display: inline-block;
  font-size: 4.266666666666667vw;
  letter-spacing: -.08em
}

.step__desc-requirement-item:before {
  background: url(../img/gigahodai_step_checkbox@common.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 4vw;
  vertical-align: middle;
  width: 3.333333333333333vw
}

.step__desc-requirement-item:last-child {
  margin-left: 1.6vw
}

.step__application-btn {
  margin: 8vw auto;
  width: 64vw
}

.step__application-btn .c-button--blank:after {
  right: 5%
}

.step__tooltips-bold {
  font-weight: 700
}

.step .slick-slide {
  margin-left: 2vw
}

.step .slick-slide>div {
  margin: 0 auto;
  width: 90.66666666666666vw
}

.step .slick-arrow {
  background: #0091d7;
  border: 2px solid #000;
  border-radius: 10px;
  height: 11.733333333333333vw;
  padding: 0;
  top: 70.93333333333334vw;
  width: 10.4vw;
  z-index: 2
}

.step .slick-next {
  right: -2.133333333333333vw
}

.step .slick-prev {
  left: -2.133333333333333vw
}

.step .slick-next.slick-arrow:before {
  margin-left: 1.6vw;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.step .slick-next.slick-arrow:before,
.step .slick-prev.slick-arrow:before {
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  content: "";
  display: block;
  height: 2.133333333333333vw;
  opacity: 1;
  width: 2.133333333333333vw
}

.step .slick-prev.slick-arrow:before {
  margin-left: 3.733333333333334vw;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg)
}

.step .slick-disabled {
  opacity: 0
}

@media print,
screen and (min-width:769px) {
  .c-tabswitch__list {
    border-left: 4px solid #000;
    border-right: 4px solid #000;
    border-top: 4px solid #000;
    height: 65px
  }

  .c-tabswitch__list+.c-tabswitch__list {
    margin-left: -4px
  }

  .c-tabswitch__btn {
    font-size: 24px;
    transition: opacity .2s cubic-bezier(.39, .575, .565, 1)
  }

  .c-tabswitch__btn:hover {
    opacity: .7
  }

  .is-selected .c-tabswitch__text {
    font-size: 24px
  }

  .c-tabswitch__list:first-of-type .c-tabswitch__btn .c-tabswitch__text {
    margin-left: 44px
  }

  .c-tabswitch__list:first-of-type .c-tabswitch__btn:before {
    height: 31px;
    left: 68px;
    width: 42px
  }

  .c-tabswitch__list:nth-of-type(2) .c-tabswitch__btn .c-tabswitch__text {
    margin-left: 47px
  }

  .c-tabswitch__list:nth-of-type(2) .c-tabswitch__btn:before {
    height: 27px;
    left: 82px;
    width: 34px
  }

  .c-tabswitch__body {
    border-top: 4px solid #000;
    margin: 0 -64px
  }

  .c-tabswitch .c-tabswitch__list.is-selected {
    height: 84px
  }

  .step__tooltips {
    font-size: 18px;
    margin-top: 26px
  }

  .step__tooltips .c-tooltips__icon {
    margin-left: 8px
  }

  .shop .step__tooltips,
  .web .step__tooltips {
    font-size: 15px
  }

  .web .step__tooltips {
    letter-spacing: -.04em;
    margin-top: 9px
  }

  .shop .step__tooltips {
    margin-top: 4px
  }

  .step__tooltips-small-margin {
    margin-top: 0 !important
  }

  .step #step-tooltips1 {
    top: 292px
  }

  .step #step-tooltips1:after,
  .step #step-tooltips1:before {
    right: 245px
  }

  .step #step-tooltips2 {
    /* top: 906px; */
    top: 327px;
  }

  .step #step-tooltips2:after,
  .step #step-tooltips2:before {
    right: 376px
  }

  .step #step-tooltips3 {
    /* top: 937px */
    top: 362px;
  }

  .step #step-tooltips3:after,
  .step #step-tooltips3:before {
    right: 394px
  }

  .step #step-tooltips4 {
    /* top: 895px */
    top: 323px;
  }

  .step #step-tooltips4:after,
  .step #step-tooltips4:before {
    right: 176px
  }

  .step #step-tooltips5 {
    /* top: 866px */
    top: 292px;
  }

  .step #step-tooltips5:after,
  .step #step-tooltips5:before {
    right: 262px
  }

  .step__tab {
    margin: 40px 0 0
  }

  .step__application {
    margin: 0 auto;
    max-width: 852px;
    padding: 0;
    width: 100%
  }

  .step__application-body {
    border: 4px solid #083090;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 30px
  }

  .step__application-title {
    font-size: 28px;
    line-height: 1.6;
    /* margin: 0 -2px; */
    padding: 3px 0;
    background: #fff;
    padding: 27px 0 0 40px;
    width: auto;
  }

  .step__application-content {
    margin: 0 auto;
    padding: 0
  }

  .web .step__application-content {
    width: 702px
  }

  .shop .step__application-content {
    width: 607px
  }

  .step__application-lead {
    font-size: 24px;
    line-height: 1.6;
    margin-top: 26px
  }

  .step__application-list {
    display: flex;
    justify-content: space-between;
    margin-top: 20px
  }

  .step__application-procedure {
    border: none;
    display: initial;
    padding: 0;
    position: relative
  }

  .web .step__application-procedure {
    flex: 1 0 182px
  }

  .shop .step__application-procedure {
    flex: 1 0 215px
  }

  .web .step__application-procedure+.step__application-procedure {
    position: relative
  }

  .web .step__application-procedure+.step__application-procedure:before {
    background: #dadada;
    content: "";
    display: block;
    height: 2px;
    left: -11%;
    position: absolute;
    top: 7%;
    width: 15px
  }

  .shop .step__application-procedure+.step__application-procedure {
    position: relative
  }

  .shop .step__application-procedure+.step__application-procedure:before {
    background: #dadada;
    content: "";
    display: block;
    height: 2px;
    left: -15%;
    position: absolute;
    top: 7%;
    width: 28px
  }

  .web .step__application-step-title {
    width: 157px
  }

  .shop .step__application-step-title {
    width: 177px
  }

  .step__application-step-desc {
    margin: 6px 0 0
  }

  .web .step__application-step-desc {
    width: 157px
  }

  .shop .step__application-step-desc {
    width: 177px
  }

  .step__desc-title {
    font-size: 18px;
    position: absolute
  }

  .web .step__desc-title {
    top: 30%
  }

  .shop .step__desc-title {
    top: 32%
  }

  .step__desc-link,
  .step__desc-text {
    font-size: 15px
  }

  .step__desc-link-large {
    margin-top: 13px
  }

  .shop .step__desc-link-large {
    margin-top: 0
  }

  .step__desc-text {
    line-height: 1.5;
    margin-top: 14px
  }

  .shop .step__desc-text,
  .step__desc-link {
    letter-spacing: -.04em
  }

  .step__desc-dotted:after {
    top: 26px
  }

  .step__desc-dotted--pc {
    position: relative
  }

  .step__desc-dotted--pc:after {
    border-bottom: 2px dotted #000;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    top: 21px;
    width: 100%
  }

  .step__desc-requirement-item {
    font-size: 15px
  }

  .step__desc-requirement-item:before {
    height: 17px;
    width: 19px
  }

  .step__desc-requirement-item:last-child {
    margin-left: 0
  }

  .step__application-btn {
    margin: 37px auto 34px;
    width: 296px
  }

  .shop .step__application-btn {
    margin: 26px auto 34px
  }

  .step__application-btn .c-button--blank:after {
    right: 7%
  }

  .web .step__application-procedure:first-of-type .step__desc-title {
    left: 34%
  }

  .web .step__application-procedure:nth-of-type(2) .step__desc-title {
    left: 44%
  }

  .web .step__application-procedure:nth-of-type(3) .step__desc-title {
    left: 42%
  }

  .web .step__application-procedure:nth-of-type(4) .step__desc-title {
    left: 30%
  }

  .shop .step__application-procedure:first-of-type .step__desc-title {
    left: 22%
  }

  .shop .step__application-procedure:nth-of-type(2) .step__desc-title {
    left: 42%
  }

  .shop .step__application-procedure:nth-of-type(3) .step__desc-title {
    left: 30%
  }

  .step .slick-slide {
    margin-left: 10px
  }

  .step .slick-slide>div {
    width: 852px
  }
}

.contents__banner {
  display: block;
  margin-top: 6.4vw;
}

@media print,
screen and (min-width: 769px) {
  .contents__banner {
    margin-top: 28px;
    cursor: pointer;
    transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}

@media print,
screen and (min-width: 769px) {
  .contents__banner:hover {
    opacity: 0.7;
  }
}

/* bannerArea */

.uqv2-parts-section {
  padding-bottom: 60px;
  padding-top: 60px;
}

.uqv2-parts-innr-width {
  max-width: 872px;
}

.uqv2-parts-btnWrap+.uqv2-parts-btnWrap {
  margin-top: 20px;
}

.netflix-pack {
  background: #fff;
  padding-bottom: 10.133333333333333vw;
}

@media print,
screen and (min-width: 769px) {
  .netflix-pack {
    padding-bottom: 50px;
  }
}

@media screen and (max-width: 768.98px) {
  .netflix-pack .c-accordion__link {
    padding: 4.066667vw 4.6vw 2.066667vw 2.733333vw;
  }
}

@media screen and (max-width: 768.98px) {
  .netflix-pack .feature__accordion {
    width: auto;
  }
}

.netflix-pack__heading {
  font-size: 8vw;
  font-weight: 600;
  line-height: calc(42 / 30);
  color: #083090;
  margin-top: 2.133333333333333vw;
}

@media print,
screen and (min-width: 769px) {
  .netflix-pack__heading {
    font-size: 34px;
    margin-top: 19px;
  }
}

.netflix-pack__text-link {
  text-align: left;
  font-size: 3.733333333333334vw;
  margin-top: 4vw;
}

@media print,
screen and (min-width: 769px) {
  .netflix-pack__text-link {
    font-size: 12px;
    margin-top: 14px;
    text-align: center;
  }
}

.netflix-pack__desc {
  border: solid 4px #0091d7;
  border-radius: 5px;
  margin-top: 6.933333333333333vw;
}

@media print,
screen and (min-width: 769px) {
  .netflix-pack__desc {
    width: 534px;
    margin: 28px auto 0 auto;
    border-radius: 10px;
  }
}

.netflix-pack__title {
  background: #0091d7;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  line-height: calc(37 / 32);
  padding: 4.266666666666667vw 0;
  letter-spacing: 0.02em;
}

@media print,
screen and (min-width: 769px) {
  .netflix-pack__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    padding: 8px 0;
  }
}

.netflix-pack__box {
  padding: 4.8vw 4.8vw 6.666666666666667vw 4.8vw;
}

@media print,
screen and (min-width: 769px) {
  .netflix-pack__box {
    padding: 16px 58px 10px;
  }
}

.netflix-pack__lead {
  background: #f5f5f5;
  font-weight: 700;
  border-radius: 5px;
  position: relative;
  font-size: 3.733333333333334vw;
  line-height: calc(37 / 28);
  padding: 2.133333333333333vw 0;
}

@media print,
screen and (min-width: 769px) {
  .netflix-pack__lead {
    font-size: 16px;
    line-height: calc(18.5 / 16);
    padding: 15px 0;
    border-radius: 10px;
  }
}

.netflix-pack__lead::after {
  position: absolute;
  bottom: -18%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 12px 0 12px;
  border-color: #f5f5f5 transparent transparent transparent;
}

@media print,
screen and (min-width: 769px) {
  .netflix-pack__lead::after {
    border-width: 12px 12px 0 12px;
    bottom: -20%;
  }
}

.netflix-pack__permonth {
  margin-top: 5.333333333333334vw;
}

@media print,
screen and (min-width: 769px) {
  .netflix-pack__permonth {
    margin-top: 13px;
  }
}

.netflix-pack__price {
  margin-top: 6.666666666666667vw;
}

@media print,
screen and (min-width: 769px) {
  .netflix-pack__price {
    margin-top: 30px;
  }
}

.netflix-pack__note {
  font-size: 3.733333333333334vw;
  text-align: left;
  margin-top: 2.666666666666667vw;
}

@media print,
screen and (min-width: 769px) {
  .netflix-pack__note {
    font-size: 12px;
    margin-top: 16px;
    text-align: center;
  }
}

/* netflix 条件詳細・ご注意事項 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700;900&display=swap');

@font-face {
  font-family: Price;
  src: url(../fonts/font.woff) format("woff");
  font-weight: 700
}

.en {
  font-family: Price;
}

.en_price_wrap {
  position: relative;
  top: 0.2em;
}

.slide_inner {
  width: 86%;
  margin: auto;
  padding: 5vw 0 0 0;
  font-size: 3.5vw;
  letter-spacing: 0.01em;
  font-family: HiraKakuProN-W3, YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, "Noto Sans JP", "Droid Sans", sans-serif !important;
}

.slide_inner img {
  width: 100%;
}

.slide_title {
  font-size: 4vw;
  font-weight: bold;
  text-align: center;
  margin: 7vw 0 2vw 0;
}


.slide_subtitle {
  background-color: #606060;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  font-size: 16px;
}

.slide_text_wrap {
  margin: 10px 0 40px 0;
}

.slide_subheading {
  font-size: 14px;
  margin-bottom: 10px;
}

.slide_border_subtitle {
  border: solid 1px #000;
  padding: 5px 10px;
  margin-bottom: 10px;
}

.slide_text {
  text-align: left;
  font-size: 14px;
  letter-spacing: -0.04em;
}

.slide_plan_name {
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}

.slide_segment {
  width: 100%;
  border-top: 1px dashed #aaa;
  margin: 30px 0;
}

.outline_price_list_2 {
  position: relative;
  margin-bottom: 20px;
}


.outline_price_list_2 .area_1 {
  position: absolute;
  top: 368px;
  left: 62px;
  text-align: center;
}

.outline_price_list_2 .area_2 {
  position: absolute;
  top: 350px;
  left: 330px;
  width: 310px;
  text-align: center;
}

img+.outline_plice_remarks {
  margin-top: 2vw;
}

.outline_plice_remarks {
  /* width: 93%;
    margin: auto;
    font-size: 3vw;
    letter-spacing: 0.01em; */
}

.text_indent {
  text-indent: -1em;
  margin-left: 1em;
  text-align: left;
}

.text_indent_m {
  text-indent: -1.3em;
  /* text-indent: -0.8em; */
  margin-left: 1.3em;
  letter-spacing: -0.04em;
}

.text_indent_l {
  text-indent: -2.2em;
  margin-left: 2.2em;
}

.indent_wrap_m {
  padding-left: 1.5em
}

.text_red {
  color: #d21;
}

.bt {
  opacity: 1;
  transition: 0.25s;
  cursor: pointer;
}

.bt:hover {
  opacity: 0.8;
}

.hazimeruwari_link {
  width: 100%;
  text-align: center;
  margin: 10vw 0;
  font-size: 3.8vw;
  font-weight: bold;
}

.hazimeruwari_link .js_link_hazimeruwari {
  text-decoration: underline !important;
  position: relative;
  display: inline-block;
  color: #083090 !important;
  font-weight: bold;
}

.hazimeruwari_link .js_link_hazimeruwari::after {
  content: "";
  position: absolute;
  height: 2vw;
  width: 2vw;
  border-bottom: 2px solid #083090;
  border-right: 2px solid #083090;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: -5vw;
  top: 5vw;
}

/*--discount_table-----------------------------------*/
table.discount_table {
  width: 100%;
  margin-bottom: 1.5vw;
}

table.discount_table td {
  border-collapse: collapse;
  border: 1px solid #333;
  padding: 1vw;
  font-size: 4vw;
  font-weight: bold;
  letter-spacing: 0.01em;
  vertical-align: middle;
  box-sizing: border-box;
  text-align: center;
}

table.discount_table tr:last-child td {
  padding: 0;
}

table.discount_table .bg_blue {
  background-color: #019edb;
  color: #fff;
  text-align: left;
  width: 47%;
  font-size: 3vw;
  line-height: 1.4em;
}

table.discount_table .price {
  font-size: 8vw;
  letter-spacing: -0.01em;
}


table.discount_table .price_sub {
  font-size: 6vw;
}

.heading_light_blue {
  background-color: #ccecf8;
  text-align: center;
  width: 90%;
  font-size: 3vw;
  margin: auto;
  margin-top: 2vw;
}

.heading_gray {
  background-color: #f1f1f1;
  text-align: center;
  width: 90%;
  font-size: 3vw;
  margin: auto;
}

.discount_table_remarks {
  /* width: 91%; */
  margin: auto;
  font-size: 3vw;
  letter-spacing: 0.01em;
  padding-left: 8%;
}


/*--plan_table-----------------------------------*/
table.plan_table {
  width: 100%;
}

table.plan_table td {
  border-collapse: collapse;
  border: 1px solid #333;
  padding: 2vw 1vw;
  font-size: 3vw;
  letter-spacing: 0.01em;
  vertical-align: middle;
  text-align: center;
  line-height: 1.4em;
}

table.plan_table .bg_blue {
  background-color: #019edb;
  color: #fff;
  font-size: 3vw;
  padding: 1vw;
  font-weight: bold;
}

table.plan_table .bg_blue:first-child {
  width: 20%
}

table.plan_table .bg_blue:nth-child(2) {
  width: 40%
}

table.plan_table .bg_gray {
  background-color: #f1f1f1;
  text-align: left;
  font-weight: bold;
  padding: 1vw;
}

table.plan_table .price {
  font-size: 7vw;
}

table.plan_table .price_490 {
  font-size: 4vw;
}

table.plan_table .align_left {
  text-align: left;
}

span.asterisk {
  font-size: 0.5em;
  position: relative;
  top: -0.8em;
}

@media screen and (min-width: 767px) {
  .slide_inner {
    text-align: left;
    width: 650px;
    margin: 30px auto 0 auto;
    font-size: 14px;
    padding: 0;
  }

  .slide_subtitle {
    background-color: #606060;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    font-size: 16px;
  }

  .slide_text_wrap {
    margin: 10px 0 40px 0;
  }

  .slide_segment {
    width: 100%;
    border-top: 1px dashed #aaa;
    margin: 30px 0;
  }

  .slide_title {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 40px 0 20px 0;
  }

  img+.outline_plice_remarks {
    margin-top: 10px;
  }

  .outline_plice_remarks {
    width: 100%;
    font-size: 12px;
  }

  .hazimeruwari_link {
    margin: 50px 0;
    font-size: 16px;
  }

  .hazimeruwari_link .js_link_hazimeruwari::after {
    content: "";
    position: absolute;
    height: 12px;
    width: 12px;
    border-bottom: 3px solid #083090;
    border-right: 3px solid #083090;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: -50px;
    top: auto;
  }

  /*--discount_table-----------------------------------*/
  table.discount_table {
    width: 100%;
    margin-bottom: 10px;
  }

  table.discount_table td {
    border-collapse: collapse;
    border: 1px solid #333;
    padding: 10px 20px 10px 20px;
    font-size: 16px !important;
    font-weight: bold;
    letter-spacing: 0.01em;
    vertical-align: middle;
    box-sizing: border-box;
    text-align: center;
    line-height: 1.6 !important;
  }

  table.discount_table tr:nth-child(3) td,
  table.discount_table tr:nth-child(4) td {
    padding: 2px 20px 2px 20px;
  }

  table.discount_table tr:last-child td {
    padding: 10px 20px 10px 20px;
  }

  table.discount_table .bg_blue {
    background-color: #019edb;
    color: #fff;
    text-align: left;
    width: 304px;
  }

  table.discount_table .price {
    font-size: 34px;
  }

  table.discount_table .price_sub {
    font-size: 29px;
  }

  .heading_light_blue {
    background-color: #ccecf8;
    text-align: center;
    width: 90%;
    font-size: 15px;
    margin: auto;
  }

  .heading_gray {
    background-color: #f1f1f1;
    text-align: center;
    width: 90%;
    font-size: 15px;
    margin: auto;
  }

  .discount_tabl_remarks {
    width: 100%;
    font-size: 12px;
  }

  .discount_table_remarks {
    margin: auto;
    font-size: 12px;
    letter-spacing: 0.01em;
    padding-left: 30px;
  }

  /*--plan_table-----------------------------------*/
  table.plan_table {
    width: 100%;
  }

  table.plan_table td {
    border-collapse: collapse;
    border: 1px solid #333;
    padding: 12px 12px;
    font-size: 14px;
    letter-spacing: 0.01em;
    vertical-align: middle;
    text-align: center;
    line-height: 1.4em;
  }

  table.plan_table .bg_blue {
    background-color: #019edb;
    color: #fff;
    height: 30px;
    font-size: 16px;
    width: 50% !important;
    font-weight: bold;
  }

  table.plan_table .bg_gray {
    background-color: #f1f1f1;
    text-align: center;
    font-weight: bold;
    padding: 3px;
  }

  table.plan_table .price {
    font-size: 34px;
  }

  table.plan_table .price_490 {
    font-size: 20px;
  }

  table.plan_table .align_left {
    text-align: left;

  }
}

.price_table {
  padding-top: 30px;
}

.design01 {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 16px;
}

.design01 th {
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  background: #083090;
  border: solid 1px #778ca3;
  color: #ffffff;
}

.design01 td {
  padding: 10px;
  vertical-align: middle;
  border: solid 1px #778ca3;
  color: #083090;
}

@media screen and (max-width: 768.98px) {
  .price_table {
    padding: 15px;
  }

  .design01 {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
  }

  .design01 th {
    padding: 10px;
    font-size: 85%;
    text-align: center;
    vertical-align: middle;
    background: #083090;
    border: solid 1px #778ca3;
    color: #ffffff;
  }

  .design01 td {
    padding: 10px;
    vertical-align: middle;
    font-size: 85%;
    border: solid 1px #778ca3;
    color: #083090;
  }
}

.sma {
  display: none;
}

@media screen and (max-width:768.98px) {
  .sma {
    display: block;
  }
}

@font-face {
  font-display: swap;
  font-weight: 400;
  font-style: normal;
  font-family: 'Noto Sans JP';
  src: url("/assets/v2.1/fonts/NotoSansJP-Light.otf") format('opentype');
}

@font-face {
  font-display: swap;
  font-weight: 700;
  font-style: normal;
  font-family: 'Noto Sans JP';
  src: url("/assets/v2.1/fonts/NotoSansJP-Bold.otf") format('opentype');
}

#set {
  font-family: 'Noto Sans JP';
}

.c-anchor {
  text-align: center;
}

@media print,
screen and (min-width: 769px) {
  .c-anchor__text {
    font-size: 18px;
  }
}

.c-anchor__item {
  justify-content: center;
  position: relative;
}

.c-anchor__item::after {
  content: "";
  position: absolute;
  width: 6.4vw;
  height: 7.199999999999999vw;
  background-image: url("../img/icon_wallet.svg");
  background-size: cover;
  left: 2vw;
}

@media print,
screen and (min-width: 769px) {
  .c-anchor__item::after {
    width: 33px;
    height: 36px;
    left: 13px;
  }
}

.c-anchor__item:nth-child(2)::after {
  background-image: url("../img/icon_benefit.svg");
  background-size: cover;
  width: 6.4vw;
  height: 6.666666666666667vw;
  left: 2.6vw;
}

@media print,
screen and (min-width: 769px) {
  .c-anchor__item:nth-child(2)::after {
    width: 35px;
    height: 36px;
    left: 13px;
  }
}

.c-anchor__item:nth-child(3)::after {
  background-image: url("../img/icon_router.svg");
  background-size: cover;
  width: 4.533333333333333vw;
  height: 8.533333333333333vw;
  left: 3.5vw;
}

@media print,
screen and (min-width: 769px) {
  .c-anchor__item:nth-child(3)::after {
    width: 24px;
    height: 45px;
    left: 13px;
  }
}

.c-anchor__item:nth-child(4)::after {
  background-image: url("../img/icon_procedure.svg");
  background-size: cover;
  width: 5.866666666666666vw;
  height: 8.533333333333333vw;
  left: 2.5vw;
}

@media print,
screen and (min-width: 769px) {
  .c-anchor__item:nth-child(4)::after {
    width: 28px;
    height: 40px;
    left: 13px;
  }
}

.c-anchor__item--active::after {
  background-image: url("../img/icon_wallet_white.svg");
}

.c-anchor__item--active:nth-child(2)::after {
  background-image: url("../img/icon_benefit_white.svg");
}

.c-anchor__item--active:nth-child(3)::after {
  background-image: url("../img/icon_router_white.svg");
}

.c-anchor__item--active:nth-child(4)::after {
  background-image: url("../img/icon_procedure_white.svg");
}

.c-anchor__item:hover::after {
  background-image: url("../img/icon_wallet_white.svg");
}

.c-anchor__item:hover:nth-child(2)::after {
  background-image: url("../img/icon_benefit_white.svg");
}

.c-anchor__item:hover:nth-child(3)::after {
  background-image: url("../img/icon_router_white.svg");
}

.c-anchor__item:hover:nth-child(4)::after {
  background-image: url("../img/icon_procedure_white.svg");
}

.user__tab {
  display: flex;
  margin-top: 5.333333333333334vw;
  align-items: flex-end;
}

@media print,
screen and (min-width: 769px) {
  .user__tab {
    margin-top: 30px;
  }
}

.user__tab-item {
  width: 50%;
  color: #000;
  font-weight: 700;
  position: relative;
  text-align: center;
  padding: 1.866666666666667vw 0 4.266666666666667vw;
  font-size: 3.733333333333334vw;
  height: 70%;
  line-height: 0.8;
  padding-left: 8.533333333333333vw;
}

@media print,
screen and (min-width: 769px) {
  .user__tab-item {
    font-size: 18px;
    height: 70px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
}

.user__tab-item--pink {
  background: #fce5f2;
  border-radius: 5px 0 0 0;
}

.user__tab-item--orange {
  background: #fbddcd;
  border-radius: 0 5px 0 0;
}

@media screen and (max-width: 768.98px) {
  .user__tab-text {
    line-height: 0.4;
  }
}

@media print,
screen and (min-width: 769px) {
  .user__tab-text {
    margin-left: 45px;
    transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}

@media print,
screen and (min-width: 769px) {
  .user__tab-text:hover {
    opacity: 0.7;
  }
}

.user__tab-text:before {
  content: '';
  position: absolute;
  background-image: url("../img/icon_phone.png");
  background-size: contain;
  width: 5.866666666666666vw;
  height: 10.133333333333333vw;
  top: 50%;
  left: 6.933333333333333vw;
  -webkit-transform: translateY(-44%);
  transform: translateY(-44%);
}

@media print,
screen and (min-width: 769px) {
  .user__tab-text:before {
    left: 73px;
    width: 25px;
    height: 43px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.user__tab-text--large {
  font-size: 5.066666666666666vw;
}

@media print,
screen and (min-width: 769px) {
  .user__tab-text--large {
    font-size: 27px;
  }
}

.user__tab-text--xlarge {
  font-size: 6.133333333333333vw;
}

@media print,
screen and (min-width: 769px) {
  .user__tab-text--xlarge {
    font-size: 30px;
  }
}

.user__tab .is-selected {
  color: #fff;
  padding-top: 4vw;
  padding-bottom: 6.933333333333333vw;
  height: 100%;
  border-radius: 5px 5px 0 0;
}

@media print,
screen and (min-width: 769px) {
  .user__tab .is-selected {
    padding: 0;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.user__tab .is-selected:first-child {
  background: #e4007f;
}

.user__tab .is-selected:last-child {
  background: #eb5505;
}

.user__list-item {
  display: none;
}

.user__list .is-active {
  display: block;
}

.user__list-header {
  padding: 6.666666666666667vw 0;
}

@media print,
screen and (min-width: 769px) {
  .user__list-header {
    padding: 22px 0;
  }
}

@media print,
screen and (min-width: 769px) {
  .user__list-img--center {
    text-align: center;
  }
}

.user__list-dot {
  border-top: 2px dotted #000;
  display: block;
  margin: 5.333333333333334vw 0;
}

@media print,
screen and (min-width: 769px) {
  .user__list-dot {
    margin: 20px 0;
  }
}

.user__heading {
  font-size: 5.600000000000001vw;
  font-style: italic;
  text-align: center;
  line-height: calc(28.4 / 21);
  letter-spacing: 0.05em;
}

@media print,
screen and (min-width: 769px) {
  .user__heading {
    font-size: 34px;
  }
}

.user__uq02-highlight {
  background: #e4007f;
  color: #fff;
  border-radius: 1.333333333333333vw;
  text-align: center;
  padding: 0.8vw 0;
  margin-top: 8vw;
  font-weight: 700;
}

@media print,
screen and (min-width: 769px) {
  .user__uq02-highlight {
    border-radius: 6px;
    margin-top: 20px;
    font-size: 16px;
    padding: 3px 0;
  }
}

@media print,
screen and (min-width: 769px) {
  .user__au-blk02 {
    display: flex;
    justify-content: center;
  }
}

@media print,
screen and (min-width: 769px) {
  .user__au02-img {
    padding: 0 30px;
  }
}

@media print,
screen and (min-width: 769px) {
  .user__au02-img:nth-of-type(2) {
    border-left: 2px dotted #000;
  }
}

@media screen and (max-width: 768.98px) {
  .user__au-caption {
    font-size: 4.533333333333333vw;
    margin-top: 8vw;
    padding: 1.866666666666667vw 0;
  }
}

.user__uq02-table {
  width: 100%;
  font-weight: 600;
  font-size: 3.733333333333334vw;
  text-align: center;
  border: 1px solid #000;
  border-collapse: collapse;
}

@media print,
screen and (min-width: 769px) {
  .user__uq02-table {
    font-size: 18px;
    border: 2px solid #000;
  }
}

.user__uq02-table-pink {
  background: #e4007f;
  color: #fff;
}

.user__uq02-table-pink--light {
  background: #fce5f2;
}

.user__uq02-table-th {
  width: 14.133333333333335vw;
  border: 1px solid #000;
  text-align: center;
  vertical-align: middle;
}

@media print,
screen and (min-width: 769px) {
  .user__uq02-table-th {
    width: 130px;
    border: 2px solid #000;
  }
}

.user__uq02-table-td {
  width: 20.8vw;
  border: 1px solid #000;
  padding: 1.333333333333333vw 0.8vw;
}

@media print,
screen and (min-width: 769px) {
  .user__uq02-table-td {
    width: 195px;
    border: 2px solid #000;
  }
}

.user__uq02-table-td--right {
  text-align: right;
}

.user__uq02-table-td--pd {
  padding: 1.333333333333333vw 0;
}

@media print,
screen and (min-width: 769px) {
  .user__uq02-table-td--pd {
    padding: 10px 0;
  }
}

.user__uq02-table-border-white--left {
  border-left: 1px solid #fff;
}

@media print,
screen and (min-width: 769px) {
  .user__uq02-table-border-white--left {
    border-left: 2px solid #fff;
  }
}

.user__uq02-table-border-white--right {
  border-right: 1px solid #fff;
}

@media print,
screen and (min-width: 769px) {
  .user__uq02-table-border-white--right {
    border-right: 2px solid #fff;
  }
}

.user__uq02-table-border-white--bottom {
  border-bottom: 1px solid #fff;
}

@media print,
screen and (min-width: 769px) {
  .user__uq02-table-border-white--bottom {
    border-bottom: 2px solid #fff;
  }
}

.user__uq02-table-border-white--dot {
  border-bottom: 1px dotted #fff;
}

@media print,
screen and (min-width: 769px) {
  .user__uq02-table-border-white--dot {
    border-bottom: 2px dotted #fff;
  }
}

.user__uq02-table-text--xlarge {
  font-size: 6.933333333333333vw;
}

@media print,
screen and (min-width: 769px) {
  .user__uq02-table-text--xlarge {
    font-size: 38px;
  }
}

.user__uq02-table-text--large {
  font-size: 5.333333333333334vw;
  line-height: 1;
}

@media print,
screen and (min-width: 769px) {
  .user__uq02-table-text--large {
    font-size: 30px;
  }
}

.user__uq02-table-text--small {
  font-size: 3.2vw;
}

@media print,
screen and (min-width: 769px) {
  .user__uq02-table-text--small {
    font-size: 18px;
  }
}

.user__uq02-table-text--pink {
  color: #e4007f;
}

.user__uq02-table-price {
  font-size: 5.866666666666666vw;
  line-height: 1;
  font-family: Price;
  position: relative;
  top: 0.2em;
}

@media print,
screen and (min-width: 769px) {
  .user__uq02-table-price {
    font-size: 30px;
    top: 0.05em;
    right: 0.1em;
  }
}

.user__uq02-table-price--pink {
  font-size: 6.933333333333333vw;
  color: #e4007f;
}

@media print,
screen and (min-width: 769px) {
  .user__uq02-table-price--pink {
    font-size: 36px;
  }
}

.benefit__inner {
  margin: 0 auto;
  padding: 12vw 4.533333333333333vw 13.066666666666665vw;
}

@media print,
screen and (min-width: 769px) {
  .benefit__inner {
    max-width: 852px;
    padding: 50px 0 60px;
    width: 100%;
  }
}

.benefit {
  background: #f5f5f5;
}

.procedure {
  background: #f5f5f5;
}

.u-pb34 {
  padding-bottom: 34px;
}

.u-mt17 {
  margin-top: 17px;
}

.c-modal__button--white {
  color: #000 !important;
  border: solid 1px #000;
  background: #fff;
}

.c-modal__button--white:after {
  border-bottom: 3px solid #000;
  border-right: 3px solid #000;
}

#procedure .step #step-tooltips2 {
  top: 94vw;
}

@media print,
screen and (min-width: 769px) {
  #procedure .step #step-tooltips2 {
    top: 354px;
  }
}

#procedure .step #step-tooltips3 {
  top: 104vw;
}

@media print,
screen and (min-width: 769px) {
  #procedure .step #step-tooltips3 {
    top: 388px;
  }
}

#procedure .step #step-tooltips4 {
  top: 131vw;
}

@media print,
screen and (min-width: 769px) {
  #procedure .step #step-tooltips4 {
    top: 343px;
  }
}

#procedure .step #step-tooltips5 {
  top: 84vw;
}

@media print,
screen and (min-width: 769px) {
  #procedure .step #step-tooltips5 {
    top: 314px;
  }
}

@media print,
screen and (min-width: 769px) {
  .kv_remarks--set {
    font-size: 14px;
  }
}

/* .user__set-caution {
  text-align: left;
  font-size: 3.2vw;
  margin-top: 1.333333333333333vw;
}
@media print, screen and (min-width: 769px) {
  .user__set-caution {
    width: 338px;
    margin: 5px 5px 0px auto;
    font-size: 12px;
  }
}
.user__set--amenity:nth-child(2) .user__set--img {
  padding: 3.466666666666666vw 10.133333333333333vw 2.933333333333333vw 5.333333333333334vw;
}
@media print, screen and (min-width: 769px) {
  .user__set--amenity:nth-child(2) .user__set--img {
    padding: 14px;
  }
} */


/**************************
* 2つの特典
***************************/

.c-accordion.-benefit .c-accordion__inner {
  padding-bottom: 0;
}

.plan__inner {
  margin: 0 auto;
  padding: 13.333333333333334vw 4.533333333333333vw
}

.plan__accordion {
  width: 69.7vw;
}

.plan-body {
  letter-spacing: 0em;
  text-align: center
}


.plan__set {
  margin: 0 5.866666666666666vw
}

.plan__set-plus {
  margin: 4.8vw 0 0;
  position: relative
}

.plan__set-plus:before {
  height: 1.066666666666667vw;
  top: 28.5vw;
  top: calc(89/375*100vw);
  width: 3.733333333333334vw
}

.plan__set-plus:after,
.plan__set-plus:before {
  background-color: #083090;
  content: "";
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.plan__set-plus:after {
  height: 3.733333333333334vw;
  top: 27.2vw;
  top: calc(84/375*100vw);
  width: 1.066666666666667vw
}

.plan__set-plus-item {
  border-radius: 5px;
  padding: 2.5vw 2.4vw;
  text-align: left
}

.plan__set-plus-item--01 {
  background: #083090;
  color: #fff;
  padding-left: 17vw;
  position: relative
}

.plan__set-plus-item--02 {
  background: #f5f5f5;
  color: #000;
  margin: 6.4vw 0 0;
  display: flex;
  justify-content: left;
  align-items: center;
}

.plan__set-plus-img {
  left: 2.4vw;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 9.333333333333334vw
}

.plan__set-plus-em {
  font-size: 3.733333333333334vw;
  line-height: 1.2;
  font-weight: bold;
}

.plan__set-plus-sub {
  font-size: 3.066666666666666vw;
  line-height: 1.3;
  display: block;
  font-weight: bold;
}

.plan__set-benefits {
  margin: 4.8vw 0 0
}

.plan__set-benefits-block--02 {
  margin: 1.333333333333333vw 0 0
}

.plan__set-benefits-box {
  border: 1px solid #000
}

.plan__set-benefits-box+.plan__set-benefits-box {
  margin: 1.333333333333333vw 0 0
}

.plan__set-benefits-header {
  align-items: center;
  background: #0091d7;
  border-bottom: 1px solid #000;
  display: flex;
  justify-content: center;
  padding: .4vw 0;
  text-align: center
}

.plan__set-benefits-text {
  font-size: 4.8vw
}

.plan__set-benefits-em,
.plan__set-benefits-text {
  color: #fff;
  font-weight: 700;
  line-height: 1
}

.plan__set-benefits-em {
  font-size: 7.066666666666667vw;
  margin: 0 0 0 1.6vw;
  padding: 0 0 .666666666666667vw
}

.plan__set-benefits-detail {
  position: relative;
  padding: 3.1vw 2.1vw 3.6vw 2.133333vw;

}

.plan__set-benefits-detail--set2 {
  padding: 2.3vw 2.1vw 1.2vw 2.133333vw;
}

.plan__tooltips--price1,
.plan__tooltips--set1,
.plan__tooltips--set2,
.plan__tooltips--set3 {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  position: absolute
}

.plan__tooltips--price1 {
  height: 10.666666666666668vw;
  left: 2.666666666666667vw;
  top: 1.333333333333333vw;
  width: 40vw
}

.plan__tooltips--set1 {
  right: 10vw;
  top: 3.3vw;
  width: 53.333333333333336vw
}

.plan__tooltips--set2,
.plan__tooltips--set3 {
  right: 2.5vw;
  top: 9vw;
  width: 61.33333333333333vw
}

.plan__tooltips--set3 {
  height: 10.666666666666668vw
}

.plan__tooltips--inner {
  font-size: 3.733333333333334vw;
  line-height: 1.6;
  text-align: left
}

.plan__tooltips--heading {
  font-weight: 700
}

.plan__tooltips--heading,
.plan__tooltips--text {
  font-size: 3.733333333333334vw
}

.plan__tooltips--red {
  color: #d21
}

.plan__tooltips--blue {
  color: #083090
}

.plan-text-link {
  font-size: 3.733333333333334vw;
  line-height: 1.6;
  margin: 6vw 5.866666666666666vw 0;
  text-align: left
}

.c-accordion.-benefit .c-image {
  position: relative
}

.c-accordion.-benefit .c-accordion__link {
  padding: 4vw 2vw 5vw 3.733333vw;
}

.c-accordion.-benefit .c-accordion__close {
  margin: 6.666666666666667vw 0 0;
  padding: 0 0 5.866666666666666vw
}

.c-accordion.-benefit .c-tooltips__icon--white {
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 25%
}

.c-accordion.-benefit .c-tooltips__icon--white:after {
  color: #0091d7;
  content: "?";
  font-size: 4.8vw;
  font-weight: 900
}

.c-accordion.-benefit .c-tooltips__price1 {
  position: absolute;
  top: 10.133333333333333vw
}

.c-accordion.-benefit .c-tooltips__price1:after,
.c-accordion.-benefit .c-tooltips__price1:before {
  right: 40vw
}

.c-accordion.-benefit .c-tooltips__set1 {
  position: absolute;
  top: calc(43/375*100vw);
}

.c-accordion.-benefit .c-tooltips__set1:after,
.c-accordion.-benefit .c-tooltips__set1:before {
  right: 16vw
}

.c-accordion.-benefit .c-tooltips__set2 {
  position: absolute;
  top: 9.466666666666667vw;
  top: calc(66/375*100vw);
}

.c-accordion.-benefit .c-tooltips__set2:after,
.c-accordion.-benefit .c-tooltips__set2:before {
  right: 7.733333333333333vw
}

.c-accordion.-benefit .c-tooltips__set3 {
  position: absolute;
  top: 14.399999999999999vw
}

.c-accordion.-benefit .c-tooltips__set3:after,
.c-accordion.-benefit .c-tooltips__set3:before {
  right: 8vw
}

.c-accordion.-benefit .caution__inner {
  font-size: 3.733333333333334vw;
  line-height: 1.6;
  padding: 5.333333333333334vw 5.866666666666666vw 0;
  text-align: left
}

.c-accordion.-benefit .caution__accordion-inner {
  border: none;
  margin-top: 8.55vw
}

.c-accordion.-benefit .caution__accordion-link {
  align-items: center;
  color: #083090;
  display: flex;
  font-size: 4.266666666666667vw;
  font-weight: 700;
  justify-content: center;
  line-height: 1.5;
  text-decoration: none
}

.c-accordion.-benefit .caution__accordion-link.is-open .caution__accordion-icon:after {
  display: none
}

.c-accordion.-benefit .caution__accordion-link-text {
  border-bottom: 1px solid #083090
}

.c-accordion.-benefit .caution__accordion-icon-area {
  width: 8.533333333333333vw
}

.c-accordion.-benefit .caution__accordion-icon {
  background-color: transparent
}

.c-accordion.-benefit .caution__accordion-icon:after,
.c-accordion.-benefit .caution__accordion-icon:before {
  background-color: #083090;
  content: "";
  display: block;
  height: 3.733333333333334vw;
  width: .8vw
}

.c-accordion.-benefit .caution__accordion-icon:before {
  height: .8vw;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 3.733333333333334vw
}

.c-accordion.-benefit .caution__heading {
  color: #083090;
  font-size: 4vw;
  font-weight: 700
}

.c-accordion.-benefit .caution__text--red {
  color: #d21
}

.c-accordion.-benefit .caution__text--blue {
  color: #083090
}

/* .c-accordion.-benefit .caution__text--border {
  border: 1px solid #000;
  margin: 2.133333333333333vw 0 0;
  padding: 2.133333333333333vw 3.733333333333334vw
} */

.c-accordion.-benefit .c-caution__text-link {
  border-bottom: 1px solid #083090;
  color: #083090;
  font-weight: 700;
}

.c-accordion.-benefit .c-caution__text-link-blank::after {
  background: url(../img/icon_blank_blue.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 3.733333333333334vw;
  margin-left: 1.066666666666667vw;
  margin-right: 0.533333333333333vw;
  vertical-align: text-top;
  width: 4.8vw;
}


.c-accordion.-benefit .caution__table {
  border: 1px solid #000;
  margin-top: 1.333333333333333vw;
  padding: 2.133333333333333vw
}

.c-accordion.-benefit .caution__table--gray {
  background-color: #f5f5f5
}

.c-accordion.-benefit .caution__table--left {
  width: 20vw
}

.c-accordion.-benefit .caution__table--small {
  font-size: 2.133333333333333vw;
  vertical-align: super
}

.c-accordion.-benefit .caution-icon-minus {
  background: #fff
}

.c-accordion.-benefit .caution-icon-minus:before {
  background-color: #000;
  content: "";
  height: .8vw;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 3.733333333333334vw
}

.c-accordion.-benefit .caution__accordion-close {
  color: #083090;
  font-size: 4.266666666666667vw;
  font-weight: 700;
  line-height: 1.5;
  margin: 6.666666666666667vw 0 0;
  padding: 0;
  text-decoration: none
}

.c-accordion.-benefit .caution__accordion-close-text {
  border-bottom: 1px solid #083090
}

@media print,
screen and (min-width:769px) {
  .plan__inner {
    max-width: 852px;
    padding: 70px 0;
    width: 100%
  }

  .plan__header {
    margin: 0 0 30px
  }

  .plan__accordion {
    width: auto
  }

  .plan__set {
    margin: 0 auto;
    width: 702px
  }

  .plan__set-plus {
    display: flex;
    justify-content: space-between;
    margin: 48px auto 0;
  }

  .plan__set-plus:before {
    height: 7px;
    left: 48.7%;
    top: 46%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 22px
  }

  .plan__set-plus:after {
    height: 22px;
    left: 50.2%;
    top: 46%;
    -webkit-transform: translateY(-50%) translateX(-40%);
    transform: translateY(-50%) translateX(-40%);
    width: 6px
  }

  .plan__set-plus-item {
    border-radius: 10px;
    padding: 7px 7px 7px 13px;
  }

  .plan__set-plus-item--01 {
    padding-left: 84px;
    width: 320px
  }

  .plan__set-plus-item--02 {
    margin: 0;
    width: 320px;
    justify-content: center;
  }

  .plan__set-plus-img {
    left: 20px;
    width: 53px
  }

  .plan__set-plus-img .c-image {
    width: 100%
  }

  .plan__set-plus-em {
    font-size: 16px;
    font-weight: 700;
  }

  .plan__set-plus-sub {
    font-size: 13px;
    line-height: 1.46;
    margin: 0
  }

  .plan__set-benefits {
    margin: 30px 0 0
  }

  .plan__set-benefits-block--01 {
    display: flex;
    justify-content: space-between
  }

  .plan__set-benefits-block--02 {
    margin: 10px 0 0
  }

  .plan__set-benefits-box {
    border: 2px solid #000
  }

  .plan__set-benefits-box+.plan__set-benefits-box {
    margin: 0 0 0 7px
  }

  .plan__set-benefits-box01 {
    width: 36.9%;
  }

  .plan__set-benefits-box02 {
    width: 63%;
  }


  .plan__set-benefits-header {
    border-bottom: 2px solid #000;
    padding: 4px 0
  }

  .plan__set-benefits-detail {
    padding: 15px 13px 16px 9px;
  }

  .plan__set-benefits-detail--set2 {
    padding: 10px 2px 10px 0px;
  }

  .plan__set-benefits-text {
    font-size: 18px
  }

  .plan__set-benefits-em {
    font-size: 28px;
    margin: 0 0 0 7px;
    padding: 0;
  }

  .plan__tooltips--price1 {
    height: 56px;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-293px);
    transform: translateX(-293px);
    width: 140px
  }

  .plan__tooltips--set1 {
    right: 17px;
    top: 15px;
    width: 0px;
  }

  .plan__tooltips--set2 {
    right: 34px;
    top: 13px;
    width: 0px;
  }

  .plan__tooltips--set3 {
    height: auto;
    right: 272px;
    top: 15px;
    width: 340px
  }

  .plan__tooltips--inner {
    font-size: 15px;
    letter-spacing: -.04em;
    line-height: 1.75
  }

  .plan__tooltips--heading,
  .plan__tooltips--text {
    font-size: 15px
  }

  .plan-text-link {
    font-size: 12px;
    margin: 25px auto 0;
    text-align: center;
    width: 702px
  }

  .c-accordion.-benefit .c-accordion__link {
    padding: 24px 11px 24px 45px;
  }

  .c-accordion.-benefit .c-accordion__close {
    margin: 30px 0 0;
    padding: 0 0 9px
  }

  .c-accordion.-benefit .c-tooltips__icon--white:after {
    font-size: 18px
  }

  .c-accordion.-benefit .c-tooltips__price1 {
    top: 40px
  }

  .c-accordion.-benefit .c-tooltips__price1:after,
  .c-accordion.-benefit .c-tooltips__price1:before {
    right: 458px
  }

  .c-accordion.-benefit .c-tooltips__set1 {
    left: 349px;
    min-width: 675px;
    top: 51px
  }

  .c-accordion.-benefit .c-tooltips__set1:after,
  .c-accordion.-benefit .c-tooltips__set1:before {
    right: 450px
  }

  .c-accordion.-benefit .c-tooltips__set2 {
    left: 80px;
    min-width: 675px;
    top: 50px
  }

  .c-accordion.-benefit .c-tooltips__set2:after,
  .c-accordion.-benefit .c-tooltips__set2:before {
    right: 21px
  }

  .c-accordion.-benefit .c-tooltips__set3 {
    top: 49px
  }

  .c-accordion.-benefit .c-tooltips__set3:after,
  .c-accordion.-benefit .c-tooltips__set3:before {
    right: 268px
  }

  .c-accordion.-benefit .caution__inner {
    font-size: 14px;
    margin: 0 auto;
    padding: 37px 0 0;
    width: 630px
  }

  .c-accordion.-benefit .caution__accordion-inner {
    border: none;
    margin-top: 28px;
  }

  .c-accordion.-benefit .caution__accordion-link {
    font-size: 18px;
    line-height: 1.4
  }

  .c-accordion.-benefit .caution__accordion-link:hover .caution__accordion-link-text {
    border-bottom: 1px solid transparent
  }

  .c-accordion.-benefit .caution__accordion-icon-area {
    width: 27px
  }

  .c-accordion.-benefit .caution__accordion-icon:after,
  .c-accordion.-benefit .caution__accordion-icon:before {
    height: 14px;
    width: 3px
  }

  .c-accordion.-benefit .caution__accordion-icon:before {
    height: 3px;
    width: 14px
  }

  .c-accordion.-benefit .caution__heading {
    font-size: 16px
  }

  /* .c-accordion.-benefit .caution__text--border {
      margin: 5px 0 0;
      padding: 13px 19px
  } */

  .c-accordion.-benefit .c-caution__text-link-blank::after {
    height: 14px;
    margin-left: 4px;
    margin-right: 4px;
    width: 18px;
  }

  .c-accordion.-benefit .caution__table {
    margin-top: 10px;
    padding: 10px
  }

  .c-accordion.-benefit .caution__table--left {
    width: 160px
  }

  .c-accordion.-benefit .caution__table--small {
    font-size: 8px
  }

  .c-accordion.-benefit .caution-icon-minus:before {
    height: 3px;
    width: 14px
  }

  .c-accordion.-benefit .caution__accordion-close {
    font-size: 18px;
    line-height: 1.4;
    margin: 30px 0 0;
    padding: 0
  }

  .c-accordion.-benefit .caution__accordion-close:hover {
    opacity: 1
  }

  .c-accordion.-benefit .caution__accordion-close:hover .caution__accordion-close-text {
    border-bottom: 1px solid transparent
  }
}

.plan__set--text1,
.plan__set--text2 {
  text-align: left;
  font-size: 3vw;
  display: block;
}

@media print,
screen and (min-width:769px) {

  .plan__set--text1,
  .plan__set--text2 {
    font-size: 12px;
    margin: 0 12px;
  }
}

.c-accordion.-benefit .c-setDiscount {
  margin-top: 30px;
}

/**************************
* 進化したWiMAX
***************************/


.feature__wifi-title {
  color: #083090;
  font-size: calc(40/750*100vw);
  letter-spacing: 0;
  line-height: 1.5;
}

.feature__wifi-lead,
.feature__wifi-title {
  font-weight: 700;
  text-align: center
}

.feature__wifi-lead {
  font-size: 5.333333333333334vw;
  line-height: 1.4
}

.wifi1 .feature__wifi-lead {
  margin-top: 4.266666666666667vw
}

.wifi2 .feature__wifi-lead {
  margin-top: 2.133333333333333vw
}

.feature__wifi-fig img {
  width: 100%;
  height: auto;
}

.wifi1 .feature__wifi-fig,
.wifi2 .feature__wifi-fig {
  margin: 4vw auto 0
}

.feature__wifi-incompatible {
  color: #d21;
  font-size: 3.733333333333334vw;
  letter-spacing: -.04em;
  line-height: 1.6;
  margin: 4.266666666666667vw 0 0
}

.feature__wifi-text {
  font-size: 3.733333333333334vw;
  line-height: 1.6;
  margin: 1.6vw 0 0;
}

.wifi2 .feature__wifi-text {
  margin: 3.466666666666666vw 0 0;
}

.wifi2 .feature__wifi-text+.feature__wifi-text {
  margin-top: 0;
}

.feature__wifi-link {
  font-size: 3.733333333333334vw;
  font-weight: 700;
  line-height: 1.6;
  margin: 4.266666666666667vw 0 0
}

@media screen and (max-width:768px) {
  .feature__body-blk.wifi1 {
    padding-top: calc(40/750*100vw);
  }
}

/* pc */

@media print,
screen and (min-width:769px) {
  .feature__body-blk.wifi2 {
    margin-top: 82px;

  }

  .feature__wifi {
    margin: 0 auto;
    position: relative;
  }

  .feature__wifi-title {
    font-size: 24px;
    line-height: 1.4;
    position: absolute;
    text-align: left
  }

  .wifi1 .feature__wifi-title {
    top: 0;
    left: calc(372/704*100%);
  }

  .wifi2 .feature__wifi-title {
    top: 47px;
    left: calc(388/704*100%);

  }

  .feature__wifi-lead {
    font-size: 24px;
    position: absolute;
    text-align: left
  }

  .wifi1 .feature__wifi-lead {
    margin-top: 0;
    top: 76px;
    left: calc(372/704*100%);
  }

  .wifi2 .feature__wifi-lead {
    margin-top: 0;
    top: 95px;
    left: calc(388/704*100%);
  }

  .wifi1 .feature__wifi-fig {
    padding-top: 16px;
    margin: 0 0 0 calc(28/704*100%);
    width: calc(312/704*100%);
  }

  .wifi2 .feature__wifi-fig {
    margin: 0 0 0 calc(50/704*100%);
    width: calc(268/704*100%);
  }

  .feature__wifi-info1 {
    position: absolute
  }

  .wifi1 .feature__wifi-info1 {
    top: 196px;
    left: calc(372/704*100%);
  }

  .wifi2 .feature__wifi-info1 {
    margin: 17px 0 0 calc(50/704*100%);
    position: static;
  }

  .wifi2 .feature__wifi-info2 {
    margin-left: calc(50/704*100%);
  }

  .feature__wifi-incompatible,
  .feature__wifi-text {
    font-size: 12px;
    margin: 0
  }

  .feature__wifi-text {
    text-align: left
  }

  .wifi2 .feature__wifi-text {
    margin: 4px 0 0
  }

  .wifi2 .feature__wifi-info-item {
    margin: 0
  }

  .feature__wifi-link {
    flex: 0 0 289px;
    font-size: 12px;
    margin: 0
  }

  .wifi2 .feature__wifi-link {
    letter-spacing: .03em
  }
}

/**************************
* ホームルーター モバイルルーター
***************************/
.c-slide .slick-prev {
  left: 1.6vw
}

.c-slide .slick-next {
  right: 1.6vw
}

.connection {
  background: #f5f5f5
}

.connection__inner {
  padding: 13.333333333333334vw 4.533333333333333vw
}

.connection__list {
  margin: 0;
}

.connection__list-item {
  background: #fff;
  /* border: 3px solid #083090; */
  /* border-radius: 5px */
}

.connection__list-item+.connection__list-item {
  margin: 5.333333333333334vw 0 0
}

.connection__list-inner {
  margin: 0 auto;
  /* padding: 6.666666666666667vw 0 8vw; */
  position: relative;
  width: 77.60000000000001vw
}

.connection__slide {
  padding: 0 3.733333333333334vw
}

.connection__slide--slide01 .slick-dots,
.connection__slide--slide02 .slick-dots {
  bottom: 26.666666666666668vw;
  width: 70.13333333333334vw
}
.connection__slide--slide02 .slick-dots {
  bottom: 60vw;
}
.connection__slide-item {
  position: relative
}

.connection__lead {
  font-size: calc(26/750*100vw);
  font-weight: 700;
  line-height: 1.38;
  margin: 2.666666666666667vw 0 0;
  text-align: center
}

.connection__name {
  margin: calc(24/750*100vw) 1px 0;
  display: block;
  font-weight: bold;
  color: #e4007f;
  border: calc(2/750*100vw) solid #e4007f;
  font-size: calc(24/750*100vw);
  line-height: 1.5;
  border-radius: calc(20/750*100vw);
  padding: calc(13/750*100vw) 0;
  text-align: center;
}

.connection__sup {
  font-size: 2.666666666666667vw
}

.connection__product {
  margin: 4.8vw 0 0
}

.connection__slide-item--home01 .connection__product,
.connection__slide-item--home02 .connection__product {
  display: flex
}

.connection__slide-item--home01 .connection__product-img,
.connection__slide-item--home02 .connection__product-img {
  width: 35.199999999999996vw
}

.connection__slide-item--home01 .connection__product-spec,
.connection__slide-item--home02 .connection__product-spec {
  width: 34.93333333333333vw
}

.connection__slide-item--mobile01 .connection__product-spec,
.connection__slide-item--mobile02 .connection__product-spec,
.connection__slide-item--mobile03 .connection__product-spec {
  margin: 6.4vw 0 0
}

.connection__slide-item--mobile01 .connection__spec,
.connection__slide-item--mobile02 .connection__spec,
.connection__slide-item--mobile03 .connection__spec {
  display: flex;
  flex-wrap: wrap;
  margin: -3.466666666666666vw 0 0;
  padding: 0 2.666666666666667vw
}

.connection__spec-item {
  padding: 0 0 0 8.533333333333333vw;
  position: relative
}

.connection__slide-item--mobile01 .connection__spec-item,
.connection__slide-item--mobile02 .connection__spec-item,
.connection__slide-item--mobile03 .connection__spec-item {
  margin: 3.466666666666666vw 0 0;
  width: 50%
}

.connection__slide-item--mobile01 .connection__spec-item--01,
.connection__slide-item--mobile02 .connection__spec-item--01,
.connection__slide-item--mobile03 .connection__spec-item--01 {
  order: 1
}

.connection__slide-item--mobile01 .connection__spec-item--02,
.connection__slide-item--mobile02 .connection__spec-item--02,
.connection__slide-item--mobile03 .connection__spec-item--02 {
  order: 3
}

.connection__slide-item--mobile01 .connection__spec-item--03,
.connection__slide-item--mobile02 .connection__spec-item--03,
.connection__slide-item--mobile03 .connection__spec-item--03 {
  order: 2
}

.connection__slide-item--mobile01 .connection__spec-item--04,
.connection__slide-item--mobile02 .connection__spec-item--04,
.connection__slide-item--mobile03 .connection__spec-item--04 {
  order: 4
}

.connection__slide-item--home01 .connection__spec-item+.connection__spec-item,
.connection__slide-item--home02 .connection__spec-item+.connection__spec-item {
  margin: 3.466666666666666vw 0 0
}

.connection__spec-img {
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.connection__spec-item--01 .connection__spec-img,
.connection__spec-item--02 .connection__spec-img {
  width: 5.866666666666666vw
}

.connection__spec-item--03 .connection__spec-img {
  width: 6.4vw
}

.connection__spec-item--04 .connection__spec-img {
  left: .8vw;
  width: 4.8vw
}

.connection__spec-text {
  font-size: 3.466666666666666vw;
  font-weight: 700;
  line-height: 1.2
}

.connection__spec-sup {
  font-size: 2.666666666666667vw
}

.connection__tooltips-btn {
  position: absolute;
  width: 13.333333333333334vw
}

.connection__slide-item--home01 .connection__tooltips-btn,
.connection__slide-item--home02 .connection__tooltips-btn {
  bottom: 32vw;
  right: 2.666666666666667vw
}

.connection__slide-item--mobile01 .connection__tooltips-btn {
  bottom: 34.66666666666667vw;
  right: 2.666666666666667vw
}

.connection__slide-item--mobile02 .connection__tooltips-btn {
  bottom: 34.66666666666667vw;
  right: 2.666666666666667vw
}

.connection__slide-item--mobile03 .connection__tooltips-btn {
  bottom: 42.66666666666667vw;
  right: 2.666666666666667vw
}

.connection__tooltips-head {
  margin-bottom: 1em;
}

.connection__tooltips-head span {
  display: block;
  font-weight: bold;
}

.connection__tooltips-note {
  margin-top: 2.133333333333333vw
}

.connection__link {
  font-size: 3.733333333333334vw;
  line-height: 1.6;
  text-align: center
}

.connection__slide-item--home01 .connection__link,
.connection__slide-item--home02 .connection__link {
  margin: 10.666666666666668vw 0 0;
}

.connection__slide-item--mobile01 .connection__link {
  margin: 18.666666666666668vw 0 0
}

.connection__slide-item--mobile02 .connection__link,
.connection__slide-item--mobile03 .connection__link {
  margin: calc(220/750*100vw) 0 0
}

.connection__btn {
  margin: 5.333333333333334vw auto 0;
  padding: 0 0 1.333333333333333vw;
  width: 64vw
}

.connection__list-item.-home .connection__tooltips--note01 {
  top: calc(810/750*100vw);
}

.connection__list-item.-mobile .connection__tooltips--note01 {
  top: calc(820/750*100vw);
}

.connection__list-item.-mobile .connection__tooltips--note02 {
  top: calc(755/750*100vw);
}

.connection__list-item.-mobile .connection__tooltips--note03 {
  top: calc(757/750*100vw);
}

@media print,
screen and (min-width:769px) {
  .c-slide .slick-prev {
    left: 5px
  }

  .c-slide .slick-next {
    right: 5px
  }

  .connection__inner {
    margin: 0 auto;
    max-width: 852px;
    padding: 60px 0 70px;
    width: 100%
  }

  .connection__list-item.-mobile .connection__list-inner {
    padding: 5px 0 30px;
  }

  .connection__list-item {
    /* border: 4px solid #083090; */
    /* border-radius: 10px */
    /* width: 700px; */
    margin: 0 auto;
  }

  .connection__list-item+.connection__list-item {
    margin: 15px 0 0
  }

  .connection__list-inner {
    max-width: 764px;
    /* padding: 30px 0 75px; */
    width: 100%
  }

  .connection__list-item.-single .connection__list-inner {
    /* padding-bottom: 45px; */
  }

  .connection__slide {
    padding: 0
  }

  .connection__slide--slide01 .slick-dots,
  .connection__slide--slide02 .slick-dots {
    bottom: -35px;
    width: 100%
  }

  .connection__slide-item {
    padding: 0 0 0 328px
  }

  .connection__slide-item--home01 .connection__slide-header {
    padding: 6px 0 0
  }

  .connection__lead {
    font-size: 20px;
    line-height: 1.4;
    font-weight: -0.02em;
    margin: 6px 0 0;
    text-align: left
  }

  .connection__name {
    width: 380px;
    display: inline-block;
    margin-top: 10px;
    border-width: 2px;
    border-radius: 10px;
    font-size: 12px;
    padding: 5px 30px;
  }

  .connection__sup {
    font-size: 12px
  }

  .connection__product {
    margin: 16px 0 0
  }

  .connection__slide-item--home01 .connection__product,
  .connection__slide-item--home02 .connection__product {
    display: block
  }

  .connection__product-img {
    position: absolute
  }

  .connection__slide-item--home01 .connection__product-img {
    left: 80px;
    top: 70px;
    width: auto
  }

  .connection__slide-item--home02 .connection__product-img {
    left: 103px;
    top: 17px;
    width: auto
  }

  .connection__slide-item--mobile01 .connection__product-img {
    left: 50px;
    top: 152px
  }

  .connection__slide-item--mobile02 .connection__product-img {
    left: 50px;
    top: 152px
  }

  .connection__slide-item--mobile03 .connection__product-img {
    left: 50px;
    top: 152px
  }

  .connection__slide-item--home01 .connection__product-spec,
  .connection__slide-item--home02 .connection__product-spec {
    width: auto
  }

  .connection__slide-item--mobile01 .connection__product-spec,
  .connection__slide-item--mobile02 .connection__product-spec,
  .connection__slide-item--mobile03 .connection__product-spec {
    margin: 0
  }

  .connection__slide-item--home01 .connection__spec,
  .connection__slide-item--home02 .connection__spec {
    display: flex
  }

  .connection__slide-item--mobile01 .connection__spec,
  .connection__slide-item--mobile02 .connection__spec,
  .connection__slide-item--mobile03 .connection__spec {
    flex-wrap: nowrap;
    margin: 0;
    padding: 0
  }

  .connection__spec-item {
    padding: 42px 0 0
  }

  .connection__slide-item--mobile01 .connection__spec-item,
  .connection__slide-item--mobile02 .connection__spec-item,
  .connection__slide-item--mobile03 .connection__spec-item {
    margin: 0;
    width: auto
  }

  .connection__slide-item--mobile01 .connection__spec-item--02,
  .connection__slide-item--mobile02 .connection__spec-item--02,
  .connection__slide-item--mobile03 .connection__spec-item--02 {
    order: 2
  }

  .connection__slide-item--mobile01 .connection__spec-item--03,
  .connection__slide-item--mobile02 .connection__spec-item--03,
  .connection__slide-item--mobile03 .connection__spec-item--03 {
    order: 3
  }

  .connection__slide-item--home01 .connection__spec-item+.connection__spec-item,
  .connection__slide-item--home02 .connection__spec-item+.connection__spec-item,
  .connection__slide-item--mobile01 .connection__spec-item+.connection__spec-item,
  .connection__slide-item--mobile02 .connection__spec-item+.connection__spec-item,
  .connection__slide-item--mobile03 .connection__spec-item+.connection__spec-item {
    margin: 0 0 0 14px
  }

  .connection__spec-img {
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }

  .connection__spec-item--01 .connection__spec-img,
  .connection__spec-item--02 .connection__spec-img,
  .connection__spec-item--03 .connection__spec-img {
    width: 31px
  }

  .connection__spec-item--04 .connection__spec-img {
    left: 50%;
    width: 21px
  }

  .connection__spec-img .c-image {
    width: 100%
  }

  .connection__spec-text {
    font-size: 12px;
    line-height: 1.4;
    text-align: center
  }

  .connection__spec-sup {
    font-size: 10px
  }

  .connection__tooltips-btn {
    width: 58px
  }

  .connection__slide-item--home01 .connection__tooltips-btn,
  .connection__slide-item--home02 .connection__tooltips-btn,
  .connection__slide-item--mobile01 .connection__tooltips-btn,
  .connection__slide-item--mobile02 .connection__tooltips-btn,
  .connection__slide-item--mobile03 .connection__tooltips-btn {
    bottom: 65px;
    right: 180px
  }

  .connection__tooltips-note {
    margin-top: 16px
  }

  .connection__link {
    font-size: 12px;
    line-height: 2;
    text-align: left
  }

  .connection__slide-item--home01 .connection__link,
  .connection__slide-item--home02 .connection__link,
  .connection__slide-item--mobile01 .connection__link,
  .connection__slide-item--mobile02 .connection__link,
  .connection__slide-item--mobile03 .connection__link {
    margin: 22px 0 0
  }

  .connection__btn {
    margin: 12px 0 0;
    padding: 0 0 5px;
    width: 256px
  }

  .connection__btn .c-button {
    height: 45px;
    padding: 0 20px 0 0
  }

  .connection__tooltips:after,
  .connection__tooltips:before {
    right: 156px;
  }

  .connection__list-item.-home .connection__tooltips--note01 {
    top: 284px
  }
  .connection__list-item.-home .connection__tooltips--note02 {
    top: 370px;
  }
  .connection__list-item.-mobile .connection__tooltips--note01 {
    top: 284px
  }

  .connection__list-item.-mobile .connection__tooltips--note02 {
    top: 254px;
  }

  .connection__list-item.-mobile .connection__tooltips--note03 {
    top: 254px;
  }
  .connection__list-item.-mobile .connection__tooltips--note04 {
    top: 375px
  }
  .connection__list-item.-mobile .connection__tooltips--note04-2 {
      top: 345px;
  }
}
@media screen and (max-width:768.98px) {
  .c-tooltips.wimax-tips::before,
  .c-tooltips.wimax-tips::after {
      right: 14vw;
  }
  .connection__list-item.-home .connection__tooltips--note02 {
      top : calc(1013/750*100vw)
  }
  .connection__list-item.-mobile .connection__tooltips--note04 {
      top : calc(1123/750*100vw)
  }
  .connection__list-item.-mobile .connection__tooltips--note04-2 {
      top : calc(1120/750*100vw)
  }
  .connection__slide--slide02 .slick-dots {
      bottom: 57vw;
  }
}

/**************************
月間データ容量上限無し・追加料金無し
***************************/

#planTabwrap {
  margin-top: calc(10/375*100vw);
  letter-spacing: .04em;
  text-align: center;
}

#planTabwrap a {
  text-decoration: none;
}

#planTabwrap .c-accordion__body {
  margin: 0;
  display: none;
  font-size: 3.466666666666666vw;
}

#planTabwrap .c-accordion__close {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 4.266666666666667vw;
  font-weight: 700;
  justify-content: center;
  margin: 6.666666666666667vw 0 0;
}

#planTabwrap .caution__accordion-icon {
  align-items: center;
  background: #083090;
  border-radius: 100%;
  display: flex;
  height: 8.799999999999999vw;
  justify-content: center;
  position: relative;
  width: 8.799999999999999vw;
}

#planTabwrap .caution__accordion-icon:after,
#planTabwrap .caution__accordion-icon:before {
  background-color: #fff;
  content: "";
  display: block;
  height: 3.733333333333334vw;
  width: .8vw;
}

#planTabwrap .caution__accordion-icon:before {
  height: .8vw;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 3.733333333333334vw;
}

#planTabwrap .c-image {
  height: auto;
  width: 100%;
}

#planTabwrap .c-text-underline {
  border-bottom: 1px solid #083090;
  color: #083090;
  /* font-weight: 700; */
  line-height: inherit;
}

#planTabwrap .c-text-underline:hover {
  border-bottom: none;
}

#planTabwrap .c-text-link {
  border-bottom: 1px solid #083090;
  color: #083090;
  font-weight: 700;
}

#planTabwrap .c-text-link:hover {
  border-bottom: none;
}

#planTabwrap .c-text-link:after {
  content: " >";
  display: inline;
}

#planTabwrap .c-text-link--blank {
  color: #083090;
  font-weight: 700;
  text-decoration: underline !important;
  text-underline-offset: 2px;
}

#planTabwrap .c-text-link--blank:hover {
  text-decoration: none !important;
}

#planTabwrap .c-text-link--blank:after {
  background: url(../../img/icon_blank_blue.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 3.733333333333334vw;
  margin-left: 1.066666666666667vw;
  margin-right: .533333333333333vw;
  vertical-align: text-top;
  width: 4.8vw;
}

#planTabwrap .c-tooltips {
  opacity: 0;
  visibility: hidden;
  z-index: 3;
}

#planTabwrap .c-tooltips {
  background: #fff;
  border: 2px solid #000;
  border-radius: 10px;
  box-sizing: border-box;
  font-size: 3.73333vw;
  left: 50%;
  padding: 6.4vw;
  position: absolute;
  top: 10%;
  -webkit-transform: translatex(-50%);
  transform: translatex(-50%);
  width: 86.66666666666667vw;
}

#planTabwrap .c-tooltips:after,
#planTabwrap .c-tooltips:before {
  border-style: solid;
  border-width: 0 1.6vw 3.2vw;
  content: "";
  display: block;
  position: absolute;
  right: 13.333333333333334vw;
  top: -3.2vw;
}

#planTabwrap .c-tooltips:before {
  border-color: transparent transparent #000;
}

#planTabwrap .c-tooltips:after {
  border-color: transparent transparent #fff;
  top: -2.666666666666667vw;
}

#planTabwrap .c-tooltips__close {
  align-items: center;
  background: #0091d7;
  border: 2px solid #0091d7;
  border-radius: 100%;
  display: flex;
  height: 9.6vw;
  justify-content: center;
  margin: 3.2vw auto 0;
  width: 9.6vw;
}

#planTabwrap .c-tooltips__icon-close {
  background: #fff;
  border-radius: .1em;
  color: #fff;
  display: inline-block;
  height: 2px;
  line-height: 1;
  position: relative;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
  width: 14px;
}

#planTabwrap .c-tooltips__icon-close:after {
  background: inherit;
  border-radius: inherit;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  width: 100%;
}

#planTabwrap .c-tooltips__icon {
  align-items: center;
  background: #083090;
  display: flex;
  font-size: 3.466666666666666vw;
  justify-content: center;
  border-radius: calc(10/750*100vw);
  color: #000;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  width: calc(38/750*100vw);
  height: calc(38/750*100vw);
  margin-right: calc(4/750*100vw);
  margin-top: calc(8/750*100vw);
}

#planTabwrap .c-tooltips__icon:after {
  align-items: center;
  color: #fff;
  content: "?";
  display: flex;
  font-size: 4.266666666666667vw;
  font-weight: 700;
  height: 3.733333333333334vw;
  justify-content: center;
  width: 3.733333333333334vw;
}

#planTabwrap .c-tooltips {
  opacity: 0;
  visibility: hidden;
  z-index: 3;
}

#planTabwrap .is-show {
  opacity: 1;
  visibility: visible;
}

#planTabwrap .plan__price {
  width: 100%;
  margin: 0;
}

#planTabwrap .plan__price--header {
  font-weight: bold;
  color: #fff;
  background-color: #022b8d;
  padding: calc(40/750*100vw);
  font-size: calc(28/750*100vw);
}

#planTabwrap .plan__price--header em {
  color: #fff605;
}

#planTabwrap .plan__price--detail {
  padding: 0 calc(50/750*100vw);
}

#planTabwrap .plan__price--plan {
  font-size: calc(24/750*100vw);
  line-height: calc(36/24);
  color: #e4007f;
  border: solid calc(2/750*100vw) #e4007f;
  border-radius: calc(20/750*100vw);
  margin-top: calc(43/750*100vw);
  padding: calc(12/750*100vw) 0;
  font-weight: bold;
}

#planTabwrap .plan__price--title {
  color: #083090;
  font-size: calc(60/750*100vw);
  font-weight: 700;
  line-height: calc(65/60);
  margin: 6.4vw 0 0;
  text-align: center;
}

#planTabwrap .plus .plan__price--title {
  color: #0099ff;
}

#planTabwrap .plan__price--plan+.plan__price--title {
  margin: 4.4vw 0 0;
}

#planTabwrap .plan__price--title-sub {
  display: block;
  font-size: calc(28/750*100vw);
  line-height: calc(56/28);
  margin: 1.933333333333333vw 0 0;
  font-feature-settings: "palt";
}

#planTabwrap .plan__price--remark {
  text-align: left;
  border: solid calc(2/750*100vw) #000;
  font-size: calc(24/750*100vw);
  line-height: calc(38.4/24);
  padding: calc(8/750*100vw) calc(20/750*100vw);
  margin-top: calc(26/750*100vw);
}

#planTabwrap .plan__price--img2 {
  margin: 9vw 0 0;
  position: relative;
}

#planTabwrap .plan__price--img3 {
  margin: 4.8vw 0 0;
}

#planTabwrap .plan__price--text {
  margin: 4vw 0 0;
}

#planTabwrap .plan__price--text,
#planTabwrap .plan__price--text1,
#planTabwrap .plan__price--text2 {
  font-size: calc(28/750*100vw);
  line-height: calc(36/28);
  text-align: left;
}

#planTabwrap .plan__price--text1 {
  margin: 3vw 0 0;
}

#planTabwrap .plan__price--text1+.plan__price--text1 {
  margin: 0;
}

#planTabwrap .plan__price--text2 {
  margin: 2.666666666666667vw 0 0;
  position: relative;
}

#planTabwrap .plan__price--bold {
  font-weight: 700;
}

#planTabwrap .plan__tooltips--price {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  position: absolute;
}

#planTabwrap .plan__tooltips--price {
  height: 10.666666666666668vw;
  left: 2.666666666666667vw;
  top: 1.333333333333333vw;
  width: 40vw;
}

#planTabwrap .plan__tooltips--inner {
  font-size: 3.733333333333334vw;
  line-height: 1.6;
  text-align: left;
}

#planTabwrap .plan__tooltips--heading {
  font-weight: 700;
}

#planTabwrap .plan__tooltips--heading,
#planTabwrap .plan__tooltips--text {
  font-size: 3.733333333333334vw;
}

#planTabwrap .c-image {
  position: relative;
}

#planTabwrap .c-accordion__close {
  margin: 6.666666666666667vw 0 0;
  padding: 0 0 5.866666666666666vw;
}

#planTabwrap .c-tooltips__icon--white {
  background-color: #fff;
  border-radius: calc(10/750*100vw);
}

#planTabwrap .c-tooltips__icon--white:after {
  color: #0091d7;
  content: "?";
  font-size: 4.8vw;
  font-weight: 900;
}

#planTabwrap .pluss .c-tooltips__icon--white:after {
  color: #083090;
}

#planTabwrap .c-tooltips__price {
  position: absolute;
}

#planTabwrap .c-tooltips__price:after,
#planTabwrap .c-tooltips__price:before {
  right: 40vw;
}

#planTabwrap #tooltips-planpluss {
  top: 111vw;
}

#planTabwrap #tooltips-planplus {
  top: 87vw;
}

#planTabwrap .caution__inner {
  font-size: 3.733333333333334vw;
  line-height: 1.6;
  padding: 5.333333333333334vw 5.866666666666666vw 0;
  text-align: left;
}

#planTabwrap .caution__accordion-inner {
  border: none;
  margin-top: 6.8vw;
}

#planTabwrap .caution__accordion-link {
  align-items: center;
  color: #083090;
  display: flex;
  font-size: 4.266666666666667vw;
  font-weight: 700;
  justify-content: center;
  line-height: 1.5;
  text-decoration: none;
}

#planTabwrap .caution__accordion-link-text {
  border-bottom: 1px solid #083090;
}

#planTabwrap .caution__accordion-icon-area {
  width: 8.533333333333333vw;
}

#planTabwrap .caution__accordion-icon {
  background-color: transparent;
}

#planTabwrap .caution__accordion-icon:after,
#planTabwrap .caution__accordion-icon:before {
  background-color: #083090;
  content: "";
  display: block;
  height: 3.733333333333334vw;
  width: .8vw;
}

#planTabwrap .caution__accordion-icon:before {
  height: .8vw;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 3.733333333333334vw;
}

#planTabwrap .caution__accordion-link.is-open .caution__accordion-icon:after {
  content: none;
}

#planTabwrap .caution__heading {
  color: #083090;
  font-size: 4vw;
  font-weight: 700;
}

#planTabwrap .caution__text--red {
  color: #d21;
}

#planTabwrap .caution__text--border {
  border: 1px solid #000;
  margin: 2.133333333333333vw 0 0;
  padding: 2.133333333333333vw 3.733333333333334vw;
}

#planTabwrap .caution__table {
  border: 1px solid #000;
  margin-top: 1.333333333333333vw;
  padding: 2.133333333333333vw;
}

#planTabwrap .caution__table--gray {
  background-color: #f5f5f5;
}

#planTabwrap .caution__table--left {
  width: 20vw;
}

#planTabwrap .caution__table--small {
  font-size: 2.133333333333333vw;
  vertical-align: super;
}

#planTabwrap .caution__accordion-close {
  color: #083090;
  font-size: 4.266666666666667vw;
  font-weight: 700;
  line-height: 1.5;
  margin: 6.666666666666667vw 0 0;
  padding: 0;
  text-decoration: none;
}

#planTabwrap .caution__accordion-close-text {
  border-bottom: 1px solid #083090;
}


#planTabwrap {
  position: relative;
}

#planTabwrap .c-tabswitch {
  align-items: flex-end;
  display: flex;
  justify-content: center;
  width: calc(656/750*100vw);
  margin: 0 auto;
}

#planTabwrap .c-tabswitch__list {
  background: #fff;
  border-left: calc(5/750*100vw) solid #000;
  border-right: calc(5/750*100vw) solid #000;
  border-top: calc(5/750*100vw) solid #000;
  flex: 0 1 50%;
  height: calc(120/750*100vw);
  text-align: center;
}

#planTabwrap .c-tabswitch__list+.c-tabswitch__list {
  margin-left: calc(-5/750*100vw);
}

#planTabwrap .c-tabswitch__btn {
  align-items: center;
  color: #000;
  display: flex;
  font-size: 3.733333333333334vw;
  font-weight: 700;
  height: 100%;
  justify-content: center;
  position: relative;
}

#planTabwrap .c-tabswitch__list:nth-of-type(1) .c-tabswitch__btn:before,
#planTabwrap .c-tabswitch__list:nth-of-type(2) .c-tabswitch__btn:before {
  content: none;
}

#planTabwrap .c-tabswitch__text {
  display: block;
  font-size: calc(32/750*100vw);
  line-height: calc(36/32);
}

#planTabwrap .c-tabswitch__list:nth-of-type(1) .c-tabswitch__btn .c-tabswitch__text,
#planTabwrap .c-tabswitch__list:nth-of-type(2) .c-tabswitch__btn .c-tabswitch__text {
  margin: 0;
}

#planTabwrap .c-tabswitch__list.pluss .c-tabswitch__text {
  color: #022b8d;
}

#planTabwrap .c-tabswitch__textsmall {
  font-size: calc(26/750*100vw);
  line-height: calc(30/26);
}

#planTabwrap .is-selected .c-tabswitch__textnew {
  color: #fff605;
  font-size: calc(28/750*100vw);
}

#planTabwrap .c-tabswitch__list.is-selected .c-tabswitch__text {
  color: #fff;
}

#planTabwrap .c-tabswitch__body {
  width: 100%;
  border-top: calc(5/750*100vw) solid #000;
  margin: 0;
}

#planTabwrap .c-tabswitch .is-selected.pluss {
  background: #022b8d;
}

#planTabwrap .c-tabswitch .is-selected.plus {
  background: #0099ff;
}

#planTabwrap .c-tabswitch .c-tabswitch__list.is-selected {
  height: calc(140/750*100vw);
}

#planTabwrap .slick-slide {
  margin-left: 2vw;
}

#planTabwrap .slick-slide>div {
  margin: 0 auto;
  width: 90.66666666666666vw;
}

#planTabwrap .slick-arrow {
  background: #0091d7;
  border: 2px solid #000;
  border-radius: 10px;
  height: 11.733333333333333vw;
  padding: 0;
  top: 70.93333333333334vw;
  width: 10.4vw;
  z-index: 2;
}

#planTabwrap .slick-next {
  right: -2.133333333333333vw;
}

#planTabwrap .slick-prev {
  left: -2.133333333333333vw;
}

#planTabwrap .slick-next.slick-arrow:before {
  margin-left: 1.6vw;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#planTabwrap .slick-next.slick-arrow:before,
#planTabwrap .slick-prev.slick-arrow:before {
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  content: "";
  display: block;
  height: 2.133333333333333vw;
  opacity: 1;
  width: 2.133333333333333vw;
}

#planTabwrap .slick-prev.slick-arrow:before {
  margin-left: 3.733333333333334vw;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

#planTabwrap .slick-disabled {
  opacity: 0;
}

#planTabwrap .notes-more-wrapper {
  margin: 25px 0 0 0;
  height: 10em;
  overflow: hidden;
  position: relative;
}

#planTabwrap .notes-more {
  margin: 0;
}

#planTabwrap .notes-more-wrapper::after {
  content: "";
  height: 2em;
  width: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  background-color: #fff;
  background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
  transition: bottom 0.4s ease;
}

#planTabwrap .notes-more-opened.notes-more-wrapper::after {
  bottom: -3em;
}

#planTabwrap .notes-ctr {
  color: #fff;
  text-align: center;
  background-color: #999999;
  cursor: pointer;
  font-size: calc(26/750*100vw);
  border-radius: calc(10/750*100vw);
  width: calc(348/750*100vw);
  margin: 0 auto;
}

#planTabwrap .plan-more-wrap .notes-ctr {
  margin: calc(30/750*100vw) auto 0;
}

#planTabwrap .notes-ctr a {
  position: relative;
  display: flex;
  align-items: center;
  padding: calc(6/750*100vw) 0 calc(6/750*100vw) calc(74/750*100vw);
}

#planTabwrap .notes__accordion-icon {
  position: absolute;
  align-items: center;
  display: flex;
  height: calc(21/750*100vw);
  justify-content: center;
  width: calc(21/750*100vw);
  left: calc(37/750*100vw);
  top: 50%;
  transform: translateY(-50%);
}

#planTabwrap .notes__accordion-icon:after,
#planTabwrap .notes__accordion-icon:before {
  background-color: #fff;
  content: "";
  display: block;
}

#planTabwrap .notes__accordion-icon:before {
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  height: calc(5/750*100vw);
}

#planTabwrap .notes__accordion-icon:after {
  width: calc(5/750*100vw);
  height: 100%;
}

#planTabwrap .notes-closer .notes__accordion-icon:after {
  content: none;
}

#planTabwrap .notes-more-wrapper.notes-more-opened+.notes-ctr-opener {
  display: none;
}


@media print,
screen and (min-width:769px) {
  #planTabwrap {
    margin-top: 10px;
  }

  #planTabwrap .c-accordion__body {
    font-size: 13px;
  }

  #planTabwrap .c-accordion__close {
    font-size: 15px;
    margin: 30px 0 0;
    transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
  }

  #planTabwrap .c-accordion__close:hover {
    opacity: .7;
  }

  #planTabwrap .caution__accordion-icon {
    height: 35px;
    width: 35px;
  }

  #planTabwrap .caution__accordion-icon:after,
  #planTabwrap .caution__accordion-icon:before {
    height: 14px;
    width: 3px;
  }

  #planTabwrap .caution__accordion-icon:before {
    height: 3px;
    width: 14px;
  }

  #planTabwrap .c-text-link--blank:after {
    height: 14px;
    margin-left: 4px;
    margin-right: 4px;
    width: 18px;
  }

  #planTabwrap .c-tooltips {
    font-size: 15px;
    margin: 0 auto;
    max-width: 675px;
    padding: 24px;
    width: 100%;
  }

  #planTabwrap .c-tooltips:after,
  #planTabwrap .c-tooltips:before {
    border-width: 0 6px 12px;
    right: 50px;
    top: -14px;
  }

  #planTabwrap .c-tooltips:after {
    top: -10px;
  }

  #planTabwrap .c-tooltips__close {
    height: 36px;
    margin: 12px auto 0;
    width: 36px;
  }

  #planTabwrap .c-tooltips__icon {
    font-size: 13px;
    height: 23px;
    width: 23px;
    margin-top: -12px;
    margin-right: -3px;
  }

  #planTabwrap .c-tooltips__icon:after {
    font-size: 16px;
    height: 18px;
    width: 18px;
  }

  #planTabwrap .plan__price--header {
    font-size: 20px;
    padding: 16px;
  }

  #planTabwrap .plan__price--plan {
    font-size: 12px;
    border: solid 2px #e4007f;
    border-radius: 10px;
    margin: 26px auto 0;
    padding: 4px 0;
    max-width: 420px;
  }

  #planTabwrap .plan__price--title {
    font-size: 34px;
    line-height: 1.4;
    margin: 55px 0 0;
  }

  #planTabwrap .plan__price--plan+.plan__price--title {
    margin: 18px 0 0;
  }

  #planTabwrap .plan__price--detail {
    max-width: 607px;
    padding: 0;
    margin: 0 auto;
  }

  #planTabwrap .plan__price--remark {
    text-align: left;
    font-size: 12px;
    line-height: calc(19.2/12);
    border: solid 1px #000;
    margin: 16px auto 0;
    padding: 6px 10px;
  }

  #planTabwrap .plan__price--title-sub {
    font-size: 18px;
    line-height: 1.4;
    margin: 5px 0 0;
  }

  #planTabwrap .plan__price--img2 {
    margin: 24px 0 0;
  }

  #planTabwrap .plan__price--img3 {
    max-width: 455px;
    margin: 50px auto 34px;
  }

  #planTabwrap .plan__price--text {
    font-size: 12px;
    margin: 18px 0 0;
  }

  #planTabwrap .plan__price--text1 {
    font-size: 12px;
    line-height: 1.5;
    margin: 8px 0 0;
  }

  #planTabwrap .plan__price--text2 {
    font-size: 12px;
    margin: 16px 0 0;
  }

  #planTabwrap .plan__tooltips--price {
    height: 56px;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-293px);
    transform: translateX(-293px);
    width: 140px;
  }

  #planTabwrap .plan__tooltips--inner {
    font-size: 15px;
    letter-spacing: -.04em;
    line-height: 1.75;
  }

  #planTabwrap .plan__tooltips--heading,
  #planTabwrap .plan__tooltips--text {
    font-size: 15px;
  }

  #planTabwrap .c-accordion__close {
    margin: 28px 0 0;
    padding: 0 0 26px;
  }

  #planTabwrap .c-tooltips__icon--white {
    border-radius: 6px;
  }

  #planTabwrap .c-tooltips__icon--white:after {
    font-size: 18px;
  }

  #planTabwrap .c-tooltips__price {
    top: 40px;
  }

  #planTabwrap .c-tooltips__price:after,
  #planTabwrap .c-tooltips__price:before {
    right: 487px;
  }

  #planTabwrap #tooltips-planpluss {
    top: 373px;
  }

  #planTabwrap #tooltips-planplus {
    top: 320px;
  }

  #planTabwrap .caution__inner {
    font-size: 14px;
    margin: 0 auto;
    padding: 37px 0 0;
    width: 630px;
  }

  #planTabwrap .caution__accordion-inner {
    border: none;
    margin-top: 28px;
  }

  #planTabwrap .caution__accordion-link {
    font-size: 18px;
    line-height: 1.4;
  }

  #planTabwrap .caution__accordion-link:hover .caution__accordion-link-text {
    border-bottom: 1px solid transparent;
  }

  #planTabwrap .caution__accordion-icon-area {
    width: 27px;
  }

  #planTabwrap .caution__accordion-icon:after,
  #planTabwrap .caution__accordion-icon:before {
    height: 14px;
    width: 3px;
  }

  #planTabwrap .caution__accordion-icon:before {
    height: 3px;
    width: 14px;
  }

  #planTabwrap .caution__heading {
    font-size: 16px;
  }

  #planTabwrap .caution__text--border {
    margin: 5px 0 0;
    padding: 13px 19px;
  }

  #planTabwrap .caution__table {
    margin-top: 10px;
    padding: 10px;
  }

  #planTabwrap .caution__table--left {
    width: 160px;
  }

  #planTabwrap .caution__table--small {
    font-size: 8px;
  }

  #planTabwrap .caution__accordion-close {
    font-size: 18px;
    line-height: 1.4;
    margin: 30px 0 0;
    padding: 0;
  }

  #planTabwrap .caution__accordion-close:hover {
    opacity: 1;
  }

  #planTabwrap .caution__accordion-close:hover .caution__accordion-close-text {
    border-bottom: 1px solid transparent;
  }

  #planTabwrap .c-tabswitch {
    width: 100%;
  }

  #planTabwrap .c-tabswitch__list {
    border-left: 4px solid #000;
    border-right: 4px solid #000;
    border-top: 4px solid #000;
    height: 53px;
  }

  #planTabwrap .c-tabswitch__list+.c-tabswitch__list {
    margin-left: -4px;
  }

  #planTabwrap .c-tabswitch__btn {
    font-size: 24px;
    transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
  }

  #planTabwrap .c-tabswitch__btn:hover {
    opacity: .7;
  }

  #planTabwrap .c-tabswitch__text {
    line-height: 1;
  }

  #planTabwrap .pluss .c-tabswitch__text {
    font-size: 24px;
  }

  #planTabwrap .plus .c-tabswitch__text {
    font-size: 20px;
  }

  #planTabwrap .is-selected .c-tabswitch__textnew,
  #planTabwrap .c-tabswitch__textnew {
    font-size: 16px;
  }

  #planTabwrap .c-tabswitch__textsmall {
    display: block;
    font-size: 12px;
    margin-top: -1px;
  }

  #planTabwrap .c-tabswitch__body {
    border-top: 4px solid #000;
  }

  #planTabwrap .c-tabswitch {
    max-width: 756px;
  }

  #planTabwrap .c-tabswitch .c-tabswitch__list.is-selected {
    height: 63px;
  }

  #planTabwrap .slick-slide {
    margin-left: 10px;
  }

  #planTabwrap .slick-slide>div {
    width: 852px;
  }

  #planTabwrap .notes-ctr {
    font-size: 13px;
    border-radius: 5px;
    width: 174px;
  }

  #planTabwrap .plan-more-wrap .notes-ctr {
    margin: 30px auto 0;
  }

  #planTabwrap .notes-ctr a {
    padding: 3px 0 3px 37px;
  }

  #planTabwrap .notes__accordion-icon {
    position: absolute;
    align-items: center;
    display: flex;
    justify-content: center;
    width: 12px;
    height: 12px;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
  }

  #planTabwrap .notes__accordion-icon:after,
  #planTabwrap .notes__accordion-icon:before {
    background-color: #fff;
    content: "";
    display: block;
  }

  #planTabwrap .notes__accordion-icon:before {
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    height: 2px;
  }

  #planTabwrap .notes__accordion-icon:after {
    width: 2px;
    height: 100%;
  }
}

/*******************
netflixパック
********************/
.netflix-pack .feature__price-content {
  font-family: HiraKakuProN-W3, YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, "Noto Sans JP", "Droid Sans", sans-serif !important;
  letter-spacing: 0.1em;
}

.font_weight_normal {
  font-weight: normal;
}

@media screen and (min-width: 769px) {
  .netflix-pack .feature__price-content {
    width: auto;
  }

  .netflix-pack .feature__price-content .section_plan.inner_contents_wrap {
    overflow: hidden;
    border-radius: 0 0 50px 50px;
    margin-bottom: 153px;
  }

  .netflix-pack .feature__price-content {
    /* background-color: #000; */
    /* padding-top: 100px; */
  }

  .netflix-pack .feature__price-content {
    background-color: #fff;
    border-radius: 40px;
    width: 100%;
    max-width: 852px;
    margin: auto;
    position: relative;
    box-sizing: border-box;
  }

  .netflix-pack .feature__price-content {
    position: relative;
    text-align: center;
  }

  .netflix-pack .feature__price-content {
    padding: 0 40px 37px 45px;
  }

  .netflix-pack .feature__price-content .plus {
    padding: 108px 40px 39px 45px;
  }

  .netflix-pack .feature__price-content img[src*="outline_title"] {
    width: 379px;
    margin: 0 auto;
  }

  .netflix-pack .feature__price-content img[src*="mobilerouter"] {
    position: absolute;
    top: 37%;
    left: 60.3%;
    width: 70px;
  }

  .netflix-pack .feature__price-content img[src*="homerouter"] {
    position: absolute;
    top: 31.5%;
    left: 34.5%;
    width: 70px;
  }

  .netflix-pack .feature__price-content .outline_title {
    font-size: 38px;
    text-align: center;
    font-weight: bold;
    line-height: 1.2em;
    margin: 8px 0 19px;
    letter-spacing: 0.001em;
  }


  .netflix-pack .feature__price-content .outline_title_remarks {
    width: 100%;
    max-width: 628px;
    border: solid 1px #606060;
    display: inline-block;
    padding: 4px 10px;
    font-size: 12px;
    color: #606060;
    box-sizing: border-box;
    letter-spacing: 0.01em;
  }

  .netflix-pack .feature__price-content .outline_plan {
    font-size: 12px;
    border: solid 1px #e4007f;
    border-radius: 10px;
    margin: 20px auto 0;
    padding: 4px 0;
    max-width: 501px;
    color: #e4007f;
    font-weight: bold;
    letter-spacing: -.04em;
    font-family: "Noto Sans JP", "Droid Sans", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif !important;
  }

  .netflix-pack .feature__price-content .outline_plice {
    width: 504px;
  }

  .netflix-pack .feature__price-content .outline_plice {
    margin: 37px auto 0;
  }

  .netflix-pack .feature__price-content .plus .outline_plice {
    margin: 47px auto 0;
  }

  .netflix-pack .feature__price-content .outline_plice_remarks {
    width: 100%;
    font-size: 12px;
    line-height: 1.2;
  }

  .netflix-pack .feature__price-content img+.outline_plice_remarks {
    margin-top: 10px;
  }



  .netflix-pack .feature__price-content .outline_plice_remarks a {
    text-decoration: underline;
  }

}

@media screen and (min-width: 0px) and (max-width: 768px) {
  .netflix-pack .feature__price-content .outline_plan {
    font-size: calc(24/750*100vw);
    line-height: calc(36/24);
    border: solid calc(2/750*100vw) #e4007f;
    border-radius: calc(20/750*100vw);
    margin-top: calc(23/750*100vw);
    padding: calc(12/750*100vw) 0;
    color: #e4007f;
    font-weight: bold;
    letter-spacing: -.04em;
    font-family: "Noto Sans JP", "Droid Sans", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif !important;
  }

  .netflix-pack .feature__price-content {
    /* background-color: #000; */
    padding-bottom: 6vw;
    /* padding-top: 5vw; */
  }

  .netflix-pack .feature__price-content .section_plan.inner_contents_wrap {
    /* overflow: hidden;
      border-radius: 0 0 50px 50px;
      margin-bottom: 153px; */
  }

  .netflix-pack .feature__price-content {
    background-color: #fff;
    border-radius: 3vw;
    margin: auto;
    position: relative;
    box-sizing: border-box;
  }

  .netflix-pack .feature__price-content {
    position: relative;
    text-align: center;
  }

  .netflix-pack .feature__price-content {
    padding: 0 5.5vw;
  }



  .netflix-pack .feature__price-content img[src*="outline_title"] {
    margin: 0 auto;
    width: 90%;
  }

  /*
  .netflix-pack  .feature__price-content   img[src*="mobilerouter"] {
  position: absolute;
  top: 300px;
  right: 271px;
  width: 70px;
  }
  */



  .netflix-pack .feature__price-content .outline_title {
    font-size: 9vw;
    text-align: center;
    font-weight: bold;
    line-height: 1.2em;
    margin: 4vw 0;
    letter-spacing: 0.01em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
  }

  .netflix-pack .feature__price-content .outline_title_remarks {
    border: solid 1px #000;
    display: inline-block;
    padding: 1vw 2vw;
    font-size: calc(24/750*100vw);
    text-align: left;
    letter-spacing: -0.01em;
  }


  .netflix-pack .feature__price-content .slide_item .slide_inner .slide_plan_name {
    text-align: left;
    font-size: 4vw;
    font-weight: bold;
    margin-bottom: 2vw;
  }

  .netflix-pack .feature__price-content .inner_pack_wrap {
    position: relative;
  }

  .netflix-pack .feature__price-content .inner_pack_wrap img[src*="outline_pack_title"] {}

  .netflix-pack .feature__price-content .outline_plice_remarks {
    width: 92%;
    margin: auto;
    font-size: 3vw;
    letter-spacing: 0.01em;
    padding-left: 0%;
  }

  .netflix-pack .feature__price-content img+.outline_plice_remarks {
    margin-top: 2vw;
  }

  .netflix-pack .feature__price-content .outline_plice_remarks a {
    text-decoration: underline;
  }


}







@media screen and (min-width: 769px) {
  .netflix-pack .price_list_item.text_blue {
    color: #022b8d;
  }

  .netflix-pack .price_list_item.bg_gray {
    background-color: #F1F1F1;
  }

  .netflix-pack .price_list_item.bg_blue {
    background-color: #022b8d;
    color: #fff;
    margin-bottom: 3px;
  }

  .outline_plice .price_wrap {
    height: 307px;
    position: relative;
    margin-bottom: 16px;
    color: #083090;
  }

  .outline_plice .price_wrap {
    border: solid 2px #022b8d;
  }

  .outline_plice .price_heading {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 20px;
    height: 48px;
    font-weight: bold;
  }

  .outline_plice .price_heading {
    background-color: #022b8d;
  }

  .outline_plice .price_fukidashi {
    height: 52px;
    width: 456px;
    margin: auto;
    margin-top: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #083090;
    background-color: #CCECF8;
    border-radius: 10px;
    font-weight: 700;
    font-size: 20px;
    position: relative;
    font-family: 'Noto Sans JP', sans-serif;
  }

  .outline_plice .price_fukidashi::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin: auto;

    width: 0;
    height: 0;
    border-style: solid;
    border-width: 19px 10.5px 0 10.5px;
    border-color: #CCECF8 transparent transparent transparent;
  }

  .outline_plice .price_fukidashi .small {
    font-size: 16px;
  }

  .outline_plice .price_period {
    position: absolute;
    top: 169px;
    right: 354px;
    font-size: 18.19px;
    color: #083090;
    letter-spacing: 1px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
  }

  .outline_plice .price {
    position: absolute;
    top: 125px;
    left: 154px;
    font-size: 86px;
    letter-spacing: -5px;
  }

  .outline_plice .price_tax {
    position: absolute;
    top: 156px;
    left: 349px;
    font-size: 18px;
    font-weight: bold;
  }

  .outline_plice .price_yen {
    position: absolute;
    top: 181px;
    left: 344px;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: -0.01em;
  }

  .outline_plice .price_intax {
    position: absolute;
    top: 224px;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 43px;
  }

  .outline_plice .price_intax .small_yen {
    font-size: 19px;
    font-weight: bold;
  }

  .outline_plice .price_list_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 50px;
    border: 1px solid #fff;
    font-size: 16px;
    padding: 0 11px;
    letter-spacing: 0.01em;
    box-sizing: border-box;
    font-weight: bold;
  }

  .outline_plice .price_list_item .en {
    font-size: 30px;
  }
}

@media screen and (min-width: 0px) and (max-width: 768px) {

  .outline_plice {
    margin-top: calc(50/750*100vw);
  }

  .outline_plice .price_wrap {
    height: 74vw;
    position: relative;
    color: #083090;
    margin-bottom: 3vw;
  }

  .outline_plice .price_wrap {
    border: solid 1px #022b8d;
  }

  .outline_plice .price_heading {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 4.8vw;
    height: 13vw;
    font-weight: bold;
  }

  .outline_plice .price_heading {
    background-color: #022b8d;
  }

  .outline_plice .price_fukidashi {
    width: 80%;
    margin: auto;
    margin-top: 4vw;
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    color: #083090;
    background-color: #CCECF8;
    border-radius: 3vw;
    font-weight: bold;
    font-size: calc(30/750*100vw);
    position: relative;
    padding: 2vw 2vw 1.8vw;
    letter-spacing: 0.01em;
    white-space: nowrap;
    line-height: calc(24/15);
  }

  .outline_plice .price_fukidashi::after {
    content: "";
    height: 7vw;
    width: 7vw;
    background-color: #CCECF8;
    transform: rotate(115deg) skewX(56deg);
    position: absolute;
    left: 36vw;
    right: 0;
    bottom: -2vw;
    margin: auto;
    z-index: 0;
  }

  .outline_plice .price_fukidashi .small {
    font-size: calc(24/750*100vw)
  }

  .outline_plice .price_period {
    position: absolute;
    top: 35vw;
    left: 12vw;
    font-size: calc(36/750*100vw);
    font-weight: bold;
    color: #083090;
    letter-spacing: -0.01em;
  }

  .outline_plice .price {
    position: absolute;
    top: 38vw;
    left: 11vw;
    font-size: 18vw;
    letter-spacing: -0.05em;
  }

  .outline_plice .price_tax {
    position: absolute;
    top: 44vw;
    left: 53vw;
    font-size: 4.3vw;
    font-weight: bold;
  }

  .outline_plice .price_yen {
    position: absolute;
    top: 50vw;
    left: 53vw;
    font-size: 6vw;
    font-weight: bold;
    letter-spacing: -0.01em;
  }

  .outline_plice .price_intax {
    position: absolute;
    top: 57.5vw;
    left: 0;
    right: 0;
    margin: auto;
    font-size: calc(66/750*100vw);
    font-weight: bold;
  }

  .outline_plice .price_intax .small_yen {
    font-size: 4.5vw;
  }

  .outline_plice .price_list_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border: 1px solid #fff;
    padding: 1.5vw 2vw 1.5vw;
    letter-spacing: 0.01em;
    box-sizing: border-box;
    text-align: left;
    font-size: calc(24/750*100vw);
    font-weight: bold;
  }

  .outline_plice .price_list_item div {
    line-height: 1.3;
  }


  .outline_plice .price_list_item .en {
    font-size: 6vw;
  }

  .outline_plice .price_list_item.bg_blue .en {
    font-size: 7vw;
  }

  .netflix-pack .price_list_item.text_blue {
    color: #022b8d;
  }

  .price_list_item.bg_gray {
    background-color: #F1F1F1;
  }

  .price_list_item.bg_blue {
    color: #fff;
    margin-bottom: 2vw;
  }

  .price_list_item.bg_blue {
    background-color: #022b8d;
  }

}



@media screen,
print {
  .user__list-plandetail * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    text-indent: 0;
    text-transform: none;
    font-style: normal;
    font-family: inherit;
    line-height: inherit;
    color: inherit;
    font-feature-settings: "palt";
  }

  .user__list-plandetail ul {
    list-style-type: none;
  }

  .user__list-plandetail table {
    border-collapse: collapse;
  }

  .user__list-plandetail a {
    cursor: pointer;
  }

  .user__list-plandetail sup {
    display: inline-block;
    font-size: 100%;
    vertical-align: baseline;
    transform-origin: 50% 20%;
    transform: scale(.66);
  }

  .user__list-plandetail .jp-bold {
    font-weight: 700;
  }

  .user__list-plandetail .jp-bold {
    font-family: Noto Sans JP, Droid Sans, ヒラギノ角ゴ Pro W3, メイリオ, sans-serif;
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
  }

  .user__list-plandetail .notes {
    font-size: 13px;
    line-height: 1.5;
  }

  .user__list-plandetail .color-attention {
    color: red;
  }

  .user__list-plandetail .notes-ac-ctr {
    display: flex;
    justify-content: center;
    margin: 10px 0 0 0;
  }

  .user__list-plandetail .notes-ac-ctr a {
    display: block;
  }

  .user__list-plandetail .notes-ac-opener a {
    width: 180px;
  }

  .user__list-plandetail .notes-ac-closer a {
    display: none;
    width: 114px;
  }

  .user__list-plandetail .notes-ac-ctr a span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40px;
    background-color: rgba(150, 150, 150, .9);
    border-radius: 10px;
    font-size: 14px;
    color: #fff;
  }

  .user__list-plandetail .notes-ac-ctr a span {
    transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
  }

  .user__list-plandetail .notes-ac-ctr a i {
    position: relative;
    display: block;
    margin: 0 10px 0 0;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background-color: #fff;
  }

  .user__list-plandetail .notes-ac-ctr a i::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    background-color: rgba(150, 150, 150, 1);
    margin: -1px 0 0 -5px;
    width: 10px;
    height: 2px;
  }

  .user__list-plandetail .notes-ac-opener a i::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    background-color: rgba(150, 150, 150, 1);
    margin: -5px 0 0 -1px;
    width: 2px;
    height: 10px;
  }

  .user__list-plandetail .notes-ac-wrap {
    overflow: hidden;
    position: relative;
    height: 50px;
    transition: height .2s ease;
  }

  .user__list-plandetail .notes-ac-wrap::after {
    content: '';
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    pointer-events: none;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    transition: transform .2s ease;
  }

  .user__list-plandetail .notes-ac-space {
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
  }

  .note-tip-overlay {
    display: none;
    position: fixed;
    z-index: 4;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .1);
  }

  @media screen and (min-width:769px) {
    .user__list-plandetail .notes-ac-sp .notes-ac-ctr {
      display: none;
    }

    .user__list-plandetail .notes-ac-sp .notes-ac-wrap {
      height: auto !important;
    }

    .user__list-plandetail .notes-ac-sp .notes-ac-wrap::after {
      content: none;
    }
  }

  .user__list-plandetail .num {
    font-family: Price;
    font-weight: 700;
    letter-spacing: -.04em;
  }

  .user__list-plandetail .plan-detail-row {
    display: flex;
    margin: 30px auto 0 auto;
    padding: 0;
    width: 660px;
  }

  @media screen and (max-width:768px) {
    .user__list-plandetail .plan-detail-row {
      display: block;
      margin: 6vw 0 0 0;
      padding: 0;
      width: auto;
    }
  }

  .user__list-plandetail .plan-detail-items {
    padding: 0 12px 0 0;
    flex-basis: 50%;
  }

  .user__list-plandetail .plan-detail-items h4 {
    margin: 0 0 5px 0;
    text-align: center;
    font-size: 13px;
  }

  .user__list-plandetail .plan-detail-items table {
    width: 290px;
    line-height: 1.2;
    white-space: nowrap;
  }

  .user__list-plandetail .plan-detail-items table th {
    vertical-align: middle;
    background-color: #f5f5f5;
    border: 1px solid #000;
    padding: 5px;
    text-align: left;
    font-size: 11px;
  }

  .user__list-plandetail .plan-detail-items table .caption th {
    padding: 5px;
    background-color: #fce5f2;
    text-align: center;
    font-size: 14px;
  }

  .user__list-plandetail .plan-detail-items table th sup {
    color: red;
  }

  .user__list-plandetail .plan-detail-items table td {
    vertical-align: middle;
    border: 1px solid #000;
    font-size: 10px;
    padding: 7px 5px;
    width: 40%;
    text-align: center;
  }

  .user__list-plandetail .plan-detail-items table td .price {
    display: flex;
    margin-bottom: -5px;
    justify-content: center;
  }

  .user__list-plandetail .plan-detail-items table td .price .num {
    padding-right: 1px;
    font-weight: 500;
    font-size: 24px;
  }

  .user__list-plandetail .plan-detail-items table td .price .num span {
    letter-spacing: -.1em;
  }

  .user__list-plandetail .plan-detail-items table td .price .yen {
    margin: 9px 0 0 0;
  }

  @media screen and (max-width:768px) {
    .user__list-plandetail .plan-detail-items {
      padding: 0 0;
    }

    .user__list-plandetail .plan-detail-items h4 {
      margin: 0 0 2vw 0;
      font-size: 3.4vw;
    }

    .user__list-plandetail .plan-detail-items table {
      width: 100%;
    }

    .user__list-plandetail .plan-detail-items table th {
      padding: 1.2vw;
      font-size: 2.8vw;
    }

    .user__list-plandetail .plan-detail-items table .caption th {
      padding: 1vw;
      font-size: 3.7vw;
    }

    .user__list-plandetail .plan-detail-items table td {
      padding: 1vw .8vw;
      font-size: 2.4vw;
    }

    .user__list-plandetail .plan-detail-items table td .price {
      margin-bottom: -1vw;
    }

    .user__list-plandetail .plan-detail-items table td .price .num {
      padding-right: .5vw;
      font-size: 6.4vw;
    }

    .user__list-plandetail .plan-detail-items table td .price .yen {
      margin: 2.5vw 0 0 0;
    }
  }

  .user__list-plandetail .plan-detail-notes {
    padding: 23px 0 0 12px;
    flex-basis: 50%;
  }

  @media screen and (max-width:768px) {
    .user__list-plandetail .plan-detail-notes {
      padding: 4vw 0 0 0;
    }
  }

  .user__list-plandetail .plan-tip-block {
    margin: 20px 0 0 0;
  }

  .user__list-plandetail .plan-tip-block ul {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
  }

  .user__list-plandetail .plan-tip-block ul li {
    display: flex;
  }

  .user__list-plandetail .plan-tip-block a {
    display: block;
    margin: 0 0 0 5px;
    width: 24px;
    height: 24px;
    background-color: #ea6094;
    background-image: url(../img/tip-hatena.svg);
    background-size: contain;
    border-radius: 5px;
    transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
  }

  @media screen and (max-width:768px) {
    .user__list-plandetail .plan-tip-block {
      margin: 0;
      padding: 0 0 10px 0;
    }

    .user__list-plandetail .plan-tip-block ul {
      display: block;
      font-size: 14px;
    }

    .user__list-plandetail .plan-tip-block ul li {
      margin: 18px 0 0 0;
      justify-content: center;
    }
  }
}



@media screen,
print {

  .note-tip-balloon,
  .note-tip-balloon * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    text-indent: 0;
    text-transform: none;
    font-style: normal;
    font-family: inherit;
    line-height: inherit;
    color: inherit;
    font-feature-settings: "palt";
  }

  .note-tip-balloon sup {
    display: inline-block;
    font-size: 100%;
    vertical-align: baseline;
    transform-origin: 50% 20%;
    transform: scale(.66);
  }

  .note-tip-balloon .monospace {
    font-family: monospace;
  }

  .note-tip-balloon .jp-bold {
    font-weight: 700;
  }

  .note-tip-balloon .jp-bold,
  .note-tip-balloon .jp-bold-ex {
    font-family: Noto Sans JP, Droid Sans, ヒラギノ角ゴ Pro W3, メイリオ, sans-serif;
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
  }

  .note-tip-balloon .jp-bold-ex {
    font-weight: 900;
  }

  @media screen and (min-width:769px) {
    .note-tip-balloon .visible-sp {
      display: none !important;
    }
  }

  @media screen and (max-width:768px) {
    .note-tip-balloon .visible-pc {
      display: none !important;
    }
  }

  .note-tip-balloon {
    display: none;
    position: absolute;
    z-index: 5;
    top: 0;
    /* width: 470px; */
    margin: 20px 0 0;
    font-family: Helvetica Neue, Arial, Hiragino Kaku Gothic ProN, Hiragino Sans, ヒラギノ角ゴ ProN W3, BIZ UDPGothic, Meiryo, sans-serif;
    font-weight: 400;
    color: #000;
  }

  .note-tip-balloon .frame {
    position: relative;
    padding: 20px;
    border: 2px solid #000;
    border-radius: 10px;
    background: #fff;
    font-size: 14px;
    line-height: 1.6;
  }

  .note-tip-balloon .frame .tail {
    display: block;
    position: absolute;
    top: -18px;
    left: 0;
  }

  .note-tip-balloon .frame .tail:after,
  .note-tip-balloon .frame .tail:before {
    position: absolute;
    top: 0;
    left: -8px;
    width: 0;
    height: 0;
    content: '';
    display: block;
    border-style: solid;
    border-width: 0 8px 18px;
  }

  .note-tip-balloon .frame .tail:before {
    border-color: transparent transparent #000;
  }

  .note-tip-balloon .frame .tail:after {
    top: 5px;
    border-color: transparent transparent #fff;
  }

  .note-tip-balloon .frame .block {
    display: none;
  }

  .note-tip-balloon .frame .block .margin {
    margin: 1em 0 0;
  }

  .note-tip-balloon .frame .block a {
    text-decoration: underline;
    color: #e73079;
  }

  .os-pc .note-tip-balloon .frame .block a:hover {
    text-decoration: none;
  }

  .note-tip-balloon .frame .note-tip-close {
    margin: 15px 0 0;
  }

  .note-tip-balloon .frame .note-tip-close a {
    display: block;
    margin: 0 auto;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #a0a0a0 url(../img/icon-close.svg) 50% 50% no-repeat;
    background-size: 12px 12px;
    cursor: pointer;
    transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
  }

  .os-pc .note-tip-balloon .frame .note-tip-close a:hover {
    opacity: .7;
  }

  .note-tip-balloon .frame img {
    width: 100%;
  }

  .note-tip-balloon .link-block {
    margin: 20px 0 0 0;
    text-align: center;
  }

  @media screen and (max-width:768px) {
    .note-tip-balloon {
      padding: 0 40px;
      width: 100% !important;
    }

    .note-tip-balloon .frame {
      padding: 5.33333vw 4vw;
      border-radius: 8px;
      font-size: 3.73333vw;
    }

    .note-tip-balloon .frame .tail {
      margin-left: -40px;
    }

    .note-tip-balloon .frame .note-tip-close a {
      width: 30px;
      height: 30px;
    }

    .note-tip-balloon .link-block {
      margin: 5.3vw 0 0 0;
    }
  }

  .tip-plan-setwari img {
    display: block;
  }

  .tip-plan-setwari .head h3 {
    position: relative;
    padding: 0 0 0 55px;
    font-size: 20px;
    color: #e4007f;
  }

  .tip-plan-setwari .head h3::before {
    position: absolute;
    top: 4px;
    left: 0;
    content: '';
    display: block;
    width: 46px;
    height: 46px;
    background-size: contain;
    background-image: url(../img/tip-setwari-icon.svg);
  }

  .tip-plan-setwari .head p {
    padding: 0 0 0 55px;
  }

  .tip-plan-setwari .courses {
    display: flex;
    margin: 0 -8px;
  }

  .tip-plan-setwari h4 {
    display: flex;
    align-items: center;
    padding: 0 0 0 5px;
    border: 2px solid #000;
    border-radius: 3px 3px 0 0;
    font-size: 15px;
  }

  .tip-plan-setwari h4::before {
    content: '';
    display: block;
    margin: 0 5px 0 0;
    width: 36px;
    height: 36px;
    background-size: contain;
  }

  .tip-plan-setwari .course-net {
    margin: 20px 0 0 0;
    padding: 0 8px;
    flex-basis: 64%;
  }

  .tip-plan-setwari .course-net .wrap {
    display: flex;
    margin: 10px 0 0 0;
  }

  .tip-plan-setwari .course-net .box01 {
    flex-basis: 98px;
    text-align: center;
    margin: 35px 0 0 0;
    font-size: 12px;
  }

  .tip-plan-setwari .course-net .box01 img {
    margin: 0 auto 2px auto;
    width: 40px;
  }

  .tip-plan-setwari .course-net .box01 .logo img {
    margin: 5px auto 4px auto;
    width: 82px;
  }

  .tip-plan-setwari .course-net .plus {
    flex-basis: 30px;
  }

  .tip-plan-setwari .course-net .plus img {
    margin: 46px 0 0 -12px;
    width: 30px;
  }

  .tip-plan-setwari .course-net .service {
    flex: 1;
  }

  .tip-plan-setwari .course-net .service .title {
    position: relative;
    display: flex;
    justify-content: center;
  }

  .tip-plan-setwari .course-net .service .title::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50%;
    width: 100%;
    border: 1px solid #000;
    border-bottom: 0;
  }

  .tip-plan-setwari .course-net .service .title span {
    display: block;
    position: relative;
    padding: 0 1em;
    background-color: #fff;
  }

  .tip-plan-setwari .course-net .boxes {
    display: flex;
    white-space: nowrap;
  }

  .tip-plan-setwari .course-net .boxes .box {
    flex-basis: 33.333%;
    font-size: 12px;
  }

  .tip-plan-setwari .course-net .boxes .box ul {
    font-size: 10px;
  }

  .tip-plan-setwari .course-net .boxes .box .logo img {
    margin: 0 auto 4px auto;
    width: 80px;
  }

  .tip-plan-setwari .course-denki {
    margin: 20px 0 0 0;
    padding: 0 8px;
    flex: 1;
  }

  .tip-plan-setwari .course-denki .boxes {
    display: flex;
    text-align: center;
    margin: 10px 0 0 0;
    font-size: 13px;
  }

  .tip-plan-setwari .course-denki .boxes .plus {
    flex-basis: 30px;
  }

  .tip-plan-setwari .course-denki .boxes .plus img {
    margin: 46px 0 0 -12px;
    width: 30px;
  }

  .tip-plan-setwari .course-denki .boxes .box01 {
    margin: 35px 0 0 0;
    font-size: 12px;
  }

  .tip-plan-setwari .course-denki .boxes .box01 img {
    margin: 0 auto 2px auto;
    width: 40px;
  }

  .tip-plan-setwari .course-denki .boxes .box02 {
    margin: 15px 0 0 0;
  }

  .tip-plan-setwari .course-denki .boxes .box02 img {
    margin: 0 auto;
    width: 78px;
  }

  .tip-plan-setwari .course-denki .boxes .box02 .logo {
    margin: 5px auto 0 auto;
    width: 86px;
  }

  .tip-plan-setwari .course-denki .boxes .box02 .logo img {
    width: 100%;
  }

  @media screen and (min-width:769px) {
    .tip-plan-setwari-opened {
      width: 690px;
    }
    .tip-plan-setwari-condition-opened {
      width: 690px;
    }
  }

  @media screen and (max-width:768px) {
    .tip-plan-setwari .head h3 {
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 0 2.6vw 0;
      padding: 0;
      font-size: 5vw;
    }

    .tip-plan-setwari .head h3::before {
      position: static;
      margin: -2.4vw 1.3vw 0 0;
      width: 10.6vw;
      height: 10.6vw;
    }

    .tip-plan-setwari .head p {
      padding: 0;
    }

    .tip-plan-setwari .courses {
      display: block;
      margin: 0;
    }

    .tip-plan-setwari h4 {
      padding: 0 0 0 1.3vw;
      font-size: 4vw;
    }

    .tip-plan-setwari h4::before {
      margin: 0 1.3vw 0 0;
      width: 9.6vw;
      height: 9.6vw;
    }

    .tip-plan-setwari .course-net {
      margin: 5.3vw 0 0 0;
      padding: 0;
    }

    .tip-plan-setwari .course-net .wrap {
      display: block;
      margin: 2.6vw 0 0 0;
    }

    .tip-plan-setwari .course-net .box01 {
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 4vw 0 1vw 0;
      text-align: left;
      font-size: 3.2vw;
      line-height: 1.3;
    }

    .tip-plan-setwari .course-net .box01 img {
      margin: 0 2.6vw 0 0;
      width: 10.6vw;
    }

    .tip-plan-setwari .course-net .box01 .logo img {
      margin: 0 0 .5vw 0;
      width: 21.3vw;
    }

    .tip-plan-setwari .course-net .plus {
      margin: 0 auto;
      width: 30px;
    }

    .tip-plan-setwari .course-net .plus img {
      margin: 0;
      width: 8vw;
    }

    .tip-plan-setwari .course-net .service {
      margin: 1.3vw 0 0 0;
    }

    .tip-plan-setwari .course-net .boxes .box {
      font-size: 2.9vw;
    }

    .tip-plan-setwari .course-net .boxes .box ul {
      font-size: 2.6vw;
    }

    .tip-plan-setwari .course-net .boxes .box .logo img {
      margin: .4vw auto 1vw auto;
      width: 21.3vw;
    }

    .tip-plan-setwari .course-denki {
      margin: 5.3vw 0 0 0;
      padding: 0;
    }

    .tip-plan-setwari .course-denki .boxes {
      margin: 1.3vw 0 0 0;
      font-size: 3.4vw;
    }

    .tip-plan-setwari .course-denki .boxes .box {
      flex-basis: 43%;
    }

    .tip-plan-setwari .course-denki .boxes .plus {
      flex: 1;
    }

    .tip-plan-setwari .course-denki .boxes .plus img {
      margin: 10.1vw auto 0 auto;
      width: 8vw;
    }

    .tip-plan-setwari .course-denki .boxes .box01 {
      margin: 6.6vw 0 0 0;
      font-size: 3.2vw;
    }

    .tip-plan-setwari .course-denki .boxes .box01 img {
      margin: 0 auto 1.3vw auto;
    }

    .tip-plan-setwari .course-denki .boxes .box02 {
      margin: 0;
    }

    .tip-plan-setwari .course-denki .boxes .box02 img {
      width: 21.8vw;
    }

    .tip-plan-setwari .course-denki .boxes .box02 .logo {
      margin: 3.7vw auto 0 auto;
      width: 25vw;
    }
  }

  .tip-plan-setwari .course-net h4 {
    background-color: #79e5f1;
  }

  .tip-plan-setwari .course-net h4::before {
    background-image: url(../img/tip-setwari-net-icon00.svg);
  }

  .tip-plan-setwari .course-denki h4 {
    background-color: #f3f146;
  }

  .tip-plan-setwari .course-denki h4::before {
    background-image: url(../img/tip-setwari-denki-icon00.svg);
  }

  .tip-plan-setwari-condition .head h3 {
    position: relative;
    padding: 0 0 0 55px;
    font-size: 18px;
  }

  .tip-plan-setwari-condition .head h3::before {
    position: absolute;
    top: 4px;
    left: 0;
    content: '';
    display: block;
    width: 46px;
    height: 46px;
    background-size: contain;
    background-image: url(../img/tip-setwari-icon.svg);
  }

  .tip-plan-setwari-condition .head p {
    padding: 0 0 0 55px;
  }

  .tip-plan-setwari-condition .table {
    margin: 20px 0;
  }

  .tip-plan-setwari-condition .note {
    font-size: 13px;
  }

  .tip-plan-setwari-condition .note li {
    display: inline;
  }

  @media screen and (max-width:768px) {
    .tip-plan-setwari-condition .head h3 {
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 0 2.6vw 0;
      padding: 0;
      font-size: 5vw;
    }

    .tip-plan-setwari-condition .head h3::before {
      position: static;
      margin: -2.4vw 1.3vw 0 0;
      width: 10.6vw;
      height: 10.6vw;
    }

    .tip-plan-setwari-condition .head p {
      padding: 0;
    }

    .tip-plan-setwari-condition .table {
      margin: 2vw 0 4vw 0;
    }

    .tip-plan-setwari-condition .note {
      font-size: 3.2vw;
    }
  }

  .tip-plan-setwari-kazoku .row {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0 0 0;
  }

  .tip-plan-setwari-kazoku .head {
    position: relative;
    padding: 10px 30px 0 20px;
    text-align: center;
    line-height: 1.3;
  }

  .tip-plan-setwari-kazoku .head::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1px;
    background-color: #000;
  }

  .tip-plan-setwari-kazoku .head .catch {
    font-size: 16px;
  }

  .tip-plan-setwari-kazoku .head .catch sup {
    margin: 0 -.1em;
  }

  .tip-plan-setwari-kazoku .head h3 {
    font-weight: inherit;
    font-size: 32px;
    color: #e4007f;
  }

  .tip-plan-setwari-kazoku .head .note {
    margin: 5px 0 0 0;
    font-weight: 500;
    font-size: 13px;
  }

  .tip-plan-setwari-kazoku .head .text {
    margin: 7px 0 2px 0;
    font-size: 20px;
    color: #e4007f;
  }

  .tip-plan-setwari-kazoku .head .price-block {
    display: flex;
    justify-content: center;
    margin: 0 0 -14px 0;
    color: #e4007f;
  }

  .tip-plan-setwari-kazoku .head .price {
    display: flex;
    justify-content: center;
    font-size: 26px;
    line-height: 1.1;
  }

  .tip-plan-setwari-kazoku .head .price div {
    margin: 27px 0 0 0;
  }

  .tip-plan-setwari-kazoku .head .price .num {
    margin: 0 .04em 0 0;
    font-size: 70px;
    font-family: Price;
    font-weight: 700;
    letter-spacing: -.04em;
  }

  .tip-plan-setwari-kazoku .head .waribiki {
    margin: 17px 0 0 0;
    font-size: 32px;
  }

  .tip-plan-setwari-kazoku .setwari-detail {
    position: relative;
    padding: 0 20px 0 30px;
    font-size: 14px;
    line-height: 1.7;
  }

  .tip-plan-setwari-kazoku .setwari-detail ul li {
    padding-left: 2em;
    text-indent: -1em;
  }

  .tip-plan-setwari-kazoku .foot {
    margin: 25px 0 0 0;
  }

  .tip-plan-setwari-kazoku .foot .note {
    font-size: 13px;
  }

  @media screen and (max-width:768px) {
    .tip-plan-setwari-kazoku .row {
      display: block;
      padding: 0;
    }

    .tip-plan-setwari-kazoku .head {
      padding: 2vw 0 4.6vw 0;
      border-bottom: 1px solid #000;
    }

    .tip-plan-setwari-kazoku .head::before {
      content: none;
    }

    .tip-plan-setwari-kazoku .head .catch {
      font-size: 4.4vw;
    }

    .tip-plan-setwari-kazoku .head h3 {
      font-weight: inherit;
      font-size: 8.4vw;
    }

    .tip-plan-setwari-kazoku .head .note {
      margin: 1.3vw 0 0 0;
      font-size: 3.4vw;
    }

    .tip-plan-setwari-kazoku .head .text {
      margin: 1.8vw 0 1vw 0;
      font-size: 5.2vw;
    }

    .tip-plan-setwari-kazoku .head .price-block {
      display: block;
      margin: 0;
    }

    .tip-plan-setwari-kazoku .head .price {
      margin: 0 0 -15px 0;
      font-size: 5.2vw;
    }

    .tip-plan-setwari-kazoku .head .price div {
      margin: 7vw 0 0 0;
    }

    .tip-plan-setwari-kazoku .head .price .num {
      margin: 0 .04em 0 0;
      font-size: 15.8vw;
    }

    .tip-plan-setwari-kazoku .head .waribiki {
      margin: 0;
      font-size: 7.4;
    }

    .tip-plan-setwari-kazoku .setwari-detail {
      padding: 4vw 0 0 0;
      font-size: 3.4vw;
    }

    .tip-plan-setwari-kazoku .foot {
      margin: 4vw 0 0 0;
    }

    .tip-plan-setwari-kazoku .foot .note {
      font-size: 3.4vw;
    }
  }
}

@media screen, print{
	#size-check{height:0;}
	@media screen and (max-width:768px){
	#size-check{display:none;}
	}
}


/* notes-ac-ctr */

.notes-ac-ctr {
  display: flex;
  justify-content: center;
  margin: 10px 0 0 0
}

.notes-ac-ctr a {
  display: block
}

.notes-ac-opener a {
  width: 180px
}

.notes-ac-closer a {
  display: none;
  width: 114px
}

.notes-ac-ctr a span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  background-color: rgba(150,150,150,.9);
  border-radius: 10px;
  font-size: 14px;
  color: #fff
}

.notes-ac-ctr a span {
  transition: opacity .2s cubic-bezier(.39,.575,.565,1)
}

.os-pc .notes-ac-ctr a:hover span {
  opacity: .7
}

.notes-ac-ctr a i {
  position: relative;
  display: block;
  margin: 0 10px 0 0;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background-color: #fff
}

.notes-ac-ctr a i::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  background-color: rgba(150,150,150,1);
  margin: -1px 0 0 -5px;
  width: 10px;
  height: 2px
}

.notes-ac-opener a i::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  background-color: rgba(150,150,150,1);
  margin: -5px 0 0 -1px;
  width: 2px;
  height: 10px
}

.notes-ac-wrap {
  overflow: hidden;
  position: relative;
  height: 50px;
  transition: height .2s ease
}

.notes-ac-wrap::after {
  content: '';
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  pointer-events: none;
  background: linear-gradient(0deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  transition: transform .2s ease
}

.notes-ac-space {
  position: absolute;
  top: 0;
  left: 0;
  height: 50px
}

.notes-ac-opened .notes-ac-opener a {
  display: none
}

.notes-ac-opened .notes-ac-closer a {
  display: block
}

.notes-ac-opened .notes-ac-wrap::after {
  transform: scaleY(0)
}

@media screen and (min-width: 769px) {
  .notes-ac-sp .notes-ac-ctr {
      display:none
  }

  .notes-ac-sp .notes-ac-wrap {
      height: auto!important
  }

  .notes-ac-sp .notes-ac-wrap::after {
      content: none
  }
}
/* ↑notes-ac-ctr↑ */

.wimax_tips {
    position: relative;
    margin: 20px auto;
    max-width: 500px;
    text-align: center;
}
.step__tooltips.wimax-tooltip .c-tooltips__icon {
    margin-left: 19px;
}
.wimax_tips_inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: start;
    margin-top: -60px;
    padding: 20px 15px;
    border: 2px solid #0a2e8e;
    border-radius: 6px;
    background: #fff;
}
.wimax_tips_inner > .txt_wrap {
    margin-left: 12px;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
}
.wimax_tips_inner > .ttl {
    margin-left: 0.5em;
    font-weight: bold;
    color: #000;
}
.wimax_tips_inner > .txt_wrap .txt {
    color: #0a2e8e;
    text-decoration: underline;
}
.wimax_tips_wrap {
    position: relative;
}
#wimax_tips {
    top: -180px;
    z-index: 10;
}
.wimax-tooltips.show {
    visibility: visible;
    opacity: 1;
}
#wimax_tips.wimax-tooltips:after,
#wimax_tips.wimax-tooltips:before {
    right: 111px;
}
.wimax-tooltips {
    position: absolute;
    margin: 0 auto;
    padding: 24px;
    left: 50%;
    transform: translatex(-50%);
    max-width: 675px;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    background: #fff;
    border: 2px solid #000;
    border-radius: 10px;
    box-sizing: border-box;
    visibility: hidden;
}
.wimax-tooltips::before {
    top: -14px;
    border-color: transparent transparent #000;
}
.wimax-tooltips::after {
    top: -10px;
    border-color: transparent transparent #fff;
}
.wimax-tooltips::before,
.wimax-tooltips::after {
    content: "";
    position: absolute;
    display: block;
    border-style: solid;
    border-width: 0 6px 12px;
}
.wimax-tips .inner {
    max-width: 630px;
}
.wimax-tips .inner > .q,
.wimax-tips .inner > .a {
    display: flex;
    align-items: center;
}
.wimax-tips .inner > .a {
    margin-top: 20px;
}
.wimax-tips .inner > .q .img-wrap,
.wimax-tips .inner > .a .img-wrap {
    max-width: 35px;
}
.wimax-tips .inner > .q > span,
.wimax-tips .inner > .a > span {
    margin-left: 12px;
}
.wimax-tips .inner > .q > span {
    font-weight: bold;
}
.wimax-tips .inner .recommend {
    display: flex;
    gap: 20px;
    padding: 15px 10px 10px 30px;
}
.wimax-tips .inner .recommend > .txt-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.wimax-tips .inner .caution {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}
.wimax-tips .inner .caution > span {
    font-weight: bold;
}
.wimax-tips .inner .cols {
    display: flex;
    justify-content: center;
    gap: 40px;
    margin-top: 20px;
}
.wimax-tips .inner .col > img {
    max-width: 120px;
}
.wimax-tips .inner .col > p {
    margin-top: 10px;
}
.wimax-tips .inner .col > .imgs {
    display: flex;
    justify-content: space-around;
    text-align: center;
}
.wimax-tips .inner .col .bluetooth > img {
    max-width: 67px;
}
.wimax-tips .inner .wimax-tip-link {
    display: block;
    margin: 40px 0 20px;
    color: #083090;
    font-weight: bold;
    text-align: center;
    text-decoration: underline !important;
}
.wimax_tips_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .1);
    visibility: hidden;
    opacity: 0;
    z-index: 9;
    transition: opacity .1s cubic-bezier(.39, .575, .565, 1), visibility .1s cubic-bezier(.39, .575, .565, 1);
}
.wimax_tips_overlay.show {
    visibility: visible;
    opacity: 1;
    transition: .1s;
}
.wimax_tips .sp-only {
    display: none;
}
.connection__slide-item--mobile01 .connection__tooltips-btn,
.connection__slide-item--mobile02 .connection__tooltips-btn,
.connection__slide-item--mobile03 .connection__tooltips-btn,
.connection__slide-item--home01 .connection__tooltips-btn {
    /* bottom: 195px; */
    bottom: 158px;
}
.wimax-tips .inner .note {
    font-size: 12px;
}
.wimax_tips .step__tooltips.wimax-tooltip {
    margin-left: 1em;
    text-align: left;
}
.step__tooltips.wimax-tooltip {
    margin-top: 0;
    font-size: 16px;
    align-items: baseline;
}
.wimax_tips.compact .step__tooltips.wimax-tooltip {
  font-size: 11px;
}
.wimax_tips .inner .col:nth-child(1) > p {
    margin-top: 18px;
}
.wimax_tips .inner .col > .imgs > li p {
    margin-top: 0.5em;
}
.wimax-tips .inner .col > .imgs > li p {
    margin-top: 0.5em;
}
.wimax-tips .inner .col:nth-child(1) > p {
    margin-top: 22px;
}
.wimax_tips.compact {
    margin: 20px 0;
    max-width: 380px;
}
.wimax_tips.compact .step__tooltips.wimax-tooltip {
    margin-left: 0.5em;
}
.wimax_tips.compact .wimax_tips_inner {
    flex-direction: column;
    align-items: start;
    margin-top: 0;
    padding: 10px 15px 10px 78px;
}
.wimax_tips.compact .wimax_tips_inner > .img_wrap {
    position: absolute;
    display: flex;
    top: 10px;
    left: 2px;
    z-index: 10;
}

.wimax_tips.compact .wimax_tips_inner > .txt_wrap {
    margin-left: 12px;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
}
.wimax_tips.compact .wimax_tips_inner > a {
    margin-right: 0;
}
@media print,
screen and (min-width:769px) {
    .wimax_tips .step__tooltips.wimax-tooltip .c-tooltips__icon {
        margin-left: 75px;
    }
    .wimax_tips.compact .step__tooltips.wimax-tooltip .c-tooltips__icon {
        margin-left: 19px;
    }

}
@media screen and (max-width:768px) {
    .connection__slide-item--home01 .connection__tooltips-btn {
        bottom: 185px;
    }
    .connection__slide-item--mobile01 .connection__tooltips-btn {
        bottom: 240px;
    }
    .connection__slide-item--mobile02 .connection__tooltips-btn,
    .connection__slide-item--mobile03 .connection__tooltips-btn {
        bottom: 265px;
    }
    .wimax_tips .pc-only {
        display: none;
    }
    .wimax_tips .sp-only {
        display: block;
    }
    .connection__slide-item--home01 .wimax_tips {
        margin-top: 70px;
    }
    .connection__slide--slide02 .wimax_tips {
        margin-top: 80px;
    }
    .wimax_tips {
        max-width: 300px;
    }
    .c-tooltips.wimax-tips::before,
    .c-tooltips.wimax-tips::after {
        right: calc(50% - 6px);
    }
    .wimax_tips > img {
        max-width: 280px;
    }
    .wimax_tips_inner {
        padding: 20px 10px;
        align-items: center;
    }
    .wimax_tips.compact .wimax_tips_inner {
        margin-top: -55px;
        padding: 20px 5px 10px 75px;
        font-size: 12.9px;
    }
    .step__tooltips.wimax-tooltip {
        align-items: center;
    }
    .wimax_tips.compact .step__tooltips.wimax-tooltip {
        font-size: 12.9px;
    }
    .wimax_tips_inner > a {
        margin-right: 0;
        margin-left: 10px;
    }
    .wimax_tips_inner > .txt_wrap > p {
        text-align: left;
        font-size: 12.9px;
    }
    .wimax-tooltips {
        padding: 5.7vw;
        width: 86.66666666666667vw;
    }
    .wimax-tips .inner .recommend {
        gap: 30px;
        padding: 20px 0;
    }
    .wimax-tips .inner .recommend .img-wrap {
        margin-left: 20px;
    }
    .wimax_tips_inner > .img_wrap {
        top: 7px;
    }
    .wimax-tips .inner .recommend .img-wrap > img {
        width: 90px;
    }
    .wimax-tips .inner .cols {
        flex-direction: column;
    }
    .wimax-tips .inner .cols > .col:first-child {
        display: flex;
    }
    .wimax-tips .inner > .q .img-wrap img,
    .wimax-tips .inner > .a .img-wrap img {
        width: auto;
    }
    .wimax-tips .inner .col:first-child > p {
        margin-top: 0;
        margin-left: 1em;
    }
    .wimax-tips .inner .wimax-tip-link {
        margin: 30px 0;
    }
    #wimax_tips {
        top : calc(-505/750*100vw)
    }
    #wimax_tips.wimax-tooltips:after,
    #wimax_tips.wimax-tooltips:before {
        right: calc(50% - 6px);
    }
    .wimax_tips.compact {
        margin-top: 10vw;
        max-width: none;
    }
    .connection__slide-item--home01 .wimax_tips.compact {
        margin-top: 20vw;
    }
    .wimax_tips.compact .wimax_tips_inner {
        margin-top: -55px;
        padding: 20px 5px 10px 60px;
    }
    .wimax_tips.compact .wimax_tips_inner > .txt_wrap > p {
        text-align: left;
        font-size: 12.9px;
    }
    .wimax_tips.compact .wimax_tips_inner > .img_wrap {
        left: 10px;
        top: 7px;
    }
}
@media screen and (max-width:560px) {
    .wimax_tips.compact {
        margin-top: 12vw;
    }
}
@media screen and (max-width:530px) {
    .connection__slide-item--home01 .connection__tooltips-btn {
        bottom: 40vw;
    }
    .connection__slide-item--mobile01 .connection__tooltips-btn,
    .connection__slide-item--mobile02 .connection__tooltips-btn,
    .connection__slide-item--mobile03 .connection__tooltips-btn {
        bottom: 54vw;
    }
    .connection__slide--slide02 .slick-dots {
        bottom: 46vw;
    }
}
@media screen and (max-width: 480px) {
    .wimax_tips.compact {
        margin-top: 20vw;
    }
    .connection__slide-item--mobile01 .connection__tooltips-btn,
    .connection__slide-item--mobile02 .connection__tooltips-btn,
    .connection__slide-item--mobile03 .connection__tooltips-btn {
        bottom: 62vw;
    }
    .connection__slide--slide02 .slick-dots {
        bottom: 58vw;
    }
}
@media screen and (max-width: 460px) { 
    .connection__slide-item--home01 .connection__tooltips-btn {
        bottom: 47vw;
    }
}
@media screen and (max-width: 375px) {
    .connection__slide-item--mobile01 .connection__tooltips-btn,
    .connection__slide-item--mobile02 .connection__tooltips-btn,
    .connection__slide-item--mobile03 .connection__tooltips-btn {
        bottom: 66vw;
    }
    .connection__slide--slide02 .slick-dots {
        bottom: 60vw;
    }
}
.step__tooltips:hover {
  text-decoration: none !important;
}
.step__tooltips:hover .c-tooltips__icon{
  opacity: 0.7;
}
.wimax-tips .inner .wimax-tip-link:hover {
  text-decoration: none !important;
}

/*  */


/**************************
* modal
***************************/
.js-modal-target {
  display: none
}

.js-modal {
  bottom: 0;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1001
}

.js-modal__wrapper {
  height: 100%;
  padding: 20px 0;
  top: 0
}

.js-modal__content,
.js-modal__wrapper {
  position: relative;
  width: 100%;
  z-index: 999
}

.js-modal__content {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  margin: 0 auto;
  max-height: 100%;
  overflow: hidden
}

.js-modal__bg {
  background: rgba(0, 0, 0, .7);
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%
}

.js-modal__close {
  height: 30px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1100
}

.js-modal__close-button {
  cursor: pointer;
  height: 30px;
  position: absolute;
  right: 30px;
  width: 30px
}

.js-modal__close-button:after,
.js-modal__close-button:before {
  background: #fff;
  content: "";
  display: block;
  position: absolute
}

.js-modal__close-button:before {
  height: 4px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  width: 100%
}

.js-modal__close-button:after {
  height: 100%;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 4px
}

.js-modal__next,
.js-modal__prev {
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: none;
  box-shadow: none;
  cursor: pointer;
  display: block;
  height: 20px;
  outline: none;
  overflow: hidden;
  position: absolute;
  text-indent: -9999px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  width: 20px
}

.js-modal__prev {
  border-left: 4px solid #fff;
  border-top: 4px solid #fff;
  left: 8px
}

.js-modal__next {
  border-bottom: 4px solid #fff;
  border-right: 4px solid #fff;
  right: 8px
}

.js-modal__view {
  margin: 20px 0;
  overflow: auto
}

.js-modal__movie {
  background: #000;
  height: 0;
  margin: 20px 0;
  padding-top: 56.25%;
  position: relative;
  width: 100%
}

.js-modal__movie__wrapper {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.js-modal__movie__body {
  height: 100%;
  width: 100%
}

.js-modal__bottom-ui {
  align-items: center;
  background: #fff;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  height: 13.333333333333334vw;
  justify-content: center;
  margin: 10.266666666666667vw auto 0;
  width: 27.46666666666667vw
}

.js-modal__bottom-close,
.js-modal__bottom-next,
.js-modal__bottom-prev {
  cursor: pointer
}

.js-modal__bottom-close {
  color: #000;
  font-size: 4.266666666666667vw;
  font-weight: 700;
  margin-left: 1.866666666666667vw;
  text-decoration: none
}


.c-cv-menu {
  background: #fff;
  border-radius: 10px;
  padding: 0 2.666666666666667vw
}

.c-cv-menu img {
  height: auto;
  max-width: 100%
}

.c-cv-menu__item {
  position: relative
}

.c-cv-menu__item:after {
  border-bottom: 3px solid #083090;
  border-right: 3px solid #083090;
  content: "";
  display: block;
  height: 2.133333333333333vw;
  position: absolute;
  right: 3%;
  top: 50%;
  -webkit-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);
  width: 2.133333333333333vw
}

.c-cv-menu__item + .c-cv-menu__item {
  border-top: 1px solid rgba(0, 0, 0, .2)
}

.c-cv-menu__link {
  color: #083090;
  display: block;
  font-size: 3.733333333333334vw;
  font-weight: 700;
  line-height: 1;
  padding: 5.333333333333334vw 0 5.333333333333334vw 2.666666666666667vw;
  text-decoration: none
}

#display-modal-menu .c-modal__inner {
  padding: 0 5.333333333333334vw
}

.c-fixed-button {
  box-sizing: border-box;
  background: #083090;
  bottom: 0;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 10
}

.c-fixed-button__inner {
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, .3);
  height: 48px;
  position: relative;
  transition: height .2s cubic-bezier(.39, .575, .565, 1), opacity .2s cubic-bezier(.39, .575, .565, 1);
}

.c-fixed-button__button-area {
  background: #fff;
  display: flex;
  height: 100%
}

.c-fixed-button__item-button {
  text-decoration: none;
  background: #083090;
  border: none;
  cursor: pointer;
  flex: 1 1 auto;
  outline: none;
  padding: 0;
  width: 100%
}

.c-fixed-button__item-button + .c-fixed-button__item-button {
  margin-left: 2px
}

.c-fixed-button__text {
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.34;
  position: relative;
  text-align: left;
  -webkit-transform: translateX(-5vw);
  transform: translateX(-5vw)
}

.c-fixed-button__text:after {
  background: url(../img/icon_blank_white.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 15px;
  position: absolute;
  right: -10.133333333333333vw;
  top: 53%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px
}

.c-fixed-button__text--link:after {
  background: none;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  content: "";
  height: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  width: 10px
}

.c-fixed-button__item-menu {
  align-items: center;
  background: #083090;
  cursor: pointer;
  display: flex;
  flex: 0 0 50px;
  flex-direction: column;
  justify-content: center;
  margin-left: 2px
}

.c-fixed-button__item-menu span {
  background: #fff;
  display: inline-block;
  height: 4px;
  width: 20px
}

.c-fixed-button__item-menu span + span {
  margin-top: 4px
}

.c-fixed-button__close {
  align-items: center;
  background: #083090;
  border: none;
  cursor: pointer;
  display: flex;
  flex: 0 0 50px;
  justify-content: center;
  margin-right: 2px;
  outline: none;
  padding: 0;
  position: relative
}

.c-fixed-button__close:after,
.c-fixed-button__close:before {
  background-color: #fff;
  content: "";
  display: block;
  height: 20px;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  width: 4px
}

.c-fixed-button__close:before {
  height: 4px;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 20px
}

.c-fixed-button__close:after {
  right: 50%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.c-fixed-button__open {
  bottom: 0;
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity .2s cubic-bezier(.39, .575, .565, 1), height .2s cubic-bezier(.39, .575, .565, 1);
  width: 100%
}

.c-fixed-button__open-btn {
  align-items: center;
  background-color: #083090;
  border: none;
  cursor: pointer;
  display: flex;
  height: 100%;
  justify-content: center;
  outline: none;
  padding: 0;
  transition: background-color .2s cubic-bezier(.39, .575, .565, 1);
  width: 100%
}

.c-fixed-button__open-btn:before {
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  content: "";
  display: block;
  height: 15px;
  margin-top: 13px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  width: 15px
}

.is-close .c-fixed-button__inner {
  height: 27px;
  opacity: 0;
  pointer-events: none
}

.is-close .c-fixed-button__open {
  height: 27px;
  opacity: 1;
  pointer-events: auto
}

.c-icon-arrow {
  align-items: center;
  background: #083090;
  border-radius: 100%;
  display: flex;
  height: 8.799999999999999vw;
  justify-content: center;
  position: relative;
  width: 8.799999999999999vw
}

.c-icon-arrow:before {
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  content: "";
  display: block;
  height: 2.666666666666667vw;
  left: 25%;
  position: absolute;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 2.666666666666667vw
}

.c-icon-arrow--anchor {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.c-icon-blank {
  align-items: center;
  background: #083090;
  border-radius: 100%;
  display: flex;
  height: 8.799999999999999vw;
  justify-content: center;
  position: relative;
  width: 8.799999999999999vw
}

.c-icon-blank:before {
  background: url(../img/icon_blank_white.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 4vw;
  width: 5.333333333333334vw
}

.c-icon-close {
  align-items: center;
  background: #c7c7c7;
  border-radius: 100%;
  display: flex;
  height: 8.799999999999999vw;
  justify-content: center;
  position: relative;
  width: 8.799999999999999vw
}

.c-icon-close:after,
.c-icon-close:before {
  background-color: #fff;
  content: "";
  display: block;
  height: 4.266666666666667vw;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  width: 1.066666666666667vw
}

.c-icon-close:before {
  height: 1.066666666666667vw;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 4.266666666666667vw
}

.c-icon-close:after {
  right: 50%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.c-icon-minus {
  align-items: center;
  background: #c7c7c7;
  border-radius: 100%;
  display: flex;
  height: 8.799999999999999vw;
  justify-content: center;
  position: relative;
  width: 8.799999999999999vw
}

.c-icon-minus:before {
  background-color: #fff;
  content: "";
  height: .8vw;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 3.733333333333334vw
}

.c-icon-plus {
  align-items: center;
  background: #083090;
  border-radius: 100%;
  display: flex;
  height: 8.799999999999999vw;
  justify-content: center;
  position: relative;
  width: 8.799999999999999vw
}

.c-icon-plus:after,
.c-icon-plus:before {
  background-color: #fff;
  content: "";
  display: block;
  height: 3.733333333333334vw;
  width: .8vw
}

.c-icon-plus:before {
  height: .8vw;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 3.733333333333334vw
}

.is-open .c-icon-plus {
  background: #c7c7c7
}

.is-open .c-icon-plus:after {
  display: none
}

.c-icon-plus--color-black {
  background: #000
}

.c-icon-text {
  color: #083090;
  font-size: 3.466666666666666vw;
  font-weight: 700;
  letter-spacing: -.16em;
  line-height: 1.15;
  margin-top: .8vw;
  text-align: center;
  text-decoration: none
}

.c-image {
  height: auto;
  width: 100%
}

.c-modal img {
  height: auto;
  max-width: 100%
}

.c-modal__inner {
  padding: 0 9.6vw
}

.c-modal__col {
  background: #fff;
  border-radius: 10px;
  padding: 5.866666666666666vw 4.8vw
}

.c-modal__col + .c-modal__col {
  margin: 4.266666666666667vw 0 0
}

.c-modal__icon {
  flex-direction: column;
  height: 14.000000000000002vw;
  margin: 0 auto
}

.c-modal__button,
.c-modal__icon {
  display: flex;
  justify-content: center
}

.c-modal__button {
  align-items: center;
  background: #083090;
  border-radius: 11px;
  box-shadow: 0 5px 0 0 #000;
  color: #fff !important;
  font-size: 3.2vw;
  font-weight: 700;
  height: 12.266666666666666vw;
  letter-spacing: -.02em;
  margin-top: 3.2vw;
  padding: 0 4.8vw;
  position: relative;
  text-decoration: none
}

.c-modal__button:after {
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  content: "";
  display: block;
  height: 1.6vw;
  position: absolute;
  right: 4%;
  top: 47%;
  -webkit-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);
  width: 1.6vw
}

.c-modal__button--blank:after {
  background: url(../img/icon_blank_white.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  content: "";
  display: block;
  height: 4.8vw;
  position: absolute;
  right: 5%;
  top: 54%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 4.8vw
}

.modal-online {
  width: 12vw
}

.modal-wifi {
  width: 11.866666666666667vw
}

.modal-spot {
  width: 17.2vw
}

.modal-shop {
  width: 13.866666666666665vw
}

@media print,
screen and (min-width:769px) {
  .js-modal__wrapper {
      align-items: center;
      display: flex;
      overflow-x: hidden;
      padding: 0
  }

  .js-modal__content {
      height: auto;
      max-width: 852px
  }

  .js-modal--youtube .js-modal__content {
      max-width: 1020px
  }

  .js-modal__bottom-ui {
      height: 57px;
      margin: 53px auto 0;
      width: 123px
  }

  .js-modal__bottom-close {
      font-size: 15px;
      margin-left: 12px
  }

  .c-cv-menu {
      margin: 0 auto;
      max-width: 630px;
      padding: 0 20px;
      width: 100%
  }

  .c-cv-menu__item:after {
      height: 10px;
      width: 10px
  }

  .c-cv-menu__link {
      font-size: 24px;
      padding: 30px 0 30px 20px;
      transition: opacity .2s cubic-bezier(.39, .575, .565, 1)
  }

  .c-cv-menu__link:hover {
      opacity: .7
  }

  #display-modal-menu .c-modal__inner {
      display: block;
      padding: 0
  }

  .c-fixed-button__inner {
      height: 60px;
      margin: 0 auto;
      max-width: 852px;
  }

  .c-fixed-button__button-area {
      padding: 0 2px
  }

  .c-fixed-button__item-button:hover {
      opacity: .7
  }

  .c-fixed-button__item-button + .c-fixed-button__item-button {
      margin-left: 2px
  }

  .c-fixed-button__text {
      font-size: 20px;
      line-height: 2;
      text-align: center;
      -webkit-transform: translateX(0);
      transform: translateX(0)
  }

  .c-fixed-button__text:after {
      display: inline-block;
      height: 15px;
      right: -22%;
      width: 20px
  }

  .c-fixed-button__text--link:after {
      height: 10px;
      right: -22%;
      width: 10px
  }

  .c-fixed-button__item-menu {
      background: #083090;
      flex: 0 0 50px;
      margin-left: 2px
  }

  .c-fixed-button__item-menu:hover {
      opacity: .7
  }

  .c-fixed-button__item-menu span {
      background: #fff;
      height: 4px;
      width: 25px
  }

  .c-fixed-button__item-menu span + span {
      margin-top: 6px
  }

  .c-fixed-button__close {
      flex: 0 0 50px;
      margin-right: 2px;
      position: relative;
      transition: opacity .2s cubic-bezier(.39, .575, .565, 1)
  }

  .c-fixed-button__close:hover {
      opacity: .7
  }

  .c-fixed-button__close:after,
  .c-fixed-button__close:before {
      height: 26px;
      width: 4px
  }

  .c-fixed-button__close:before {
      height: 4px;
      width: 26px
  }

  .c-fixed-button__open-btn:hover {
      background-color: #526eb1
  }

  .c-fixed-button__open-btn:before {
      height: 10px;
      margin-top: 10px;
      width: 10px
  }

  .is-close .c-fixed-button__inner,
  .is-close .c-fixed-button__open {
      height: 40px
  }

  .c-icon-arrow {
      height: 35px;
      width: 35px
  }

  .c-icon-arrow:before {
      height: 10px;
      width: 10px
  }

  .c-icon-blank {
      height: 35px;
      width: 35px
  }

  .c-icon-blank:before {
      height: 15px;
      width: 20px
  }

  .c-icon-close {
      height: 35px;
      width: 35px
  }

  .c-icon-close:after,
  .c-icon-close:before {
      height: 16px;
      width: 4px
  }

  .c-icon-close:before {
      height: 4px;
      width: 16px
  }

  .c-icon-minus {
      height: 35px;
      width: 35px
  }

  .c-icon-minus:before {
      height: 3px;
      width: 14px
  }

  .c-icon-plus {
      height: 35px;
      width: 35px
  }

  .c-icon-plus:after,
  .c-icon-plus:before {
      height: 14px;
      width: 3px
  }

  .c-icon-plus:before {
      height: 3px;
      width: 14px
  }

  .c-icon-text {
      font-size: 13px;
      margin-top: 3px
  }

  .c-image {
      width: auto
  }

  .c-accordion__link .c-image {
      height: auto;
      width: 100%
  }

  .c-modal__inner {
      display: flex;
      justify-content: space-between;
      padding: 0
  }

  .c-modal__col {
      padding: 24px 20px;
      width: 50%
  }

  .c-modal__col + .c-modal__col {
      margin: 0 0 0 29px
  }

  .c-modal__icon {
      height: 78px
  }

  .c-modal__button {
      border-radius: 25px;
      font-size: 15px;
      height: 53px;
      margin-top: 21px;
      padding: 0 18px;
      transition: opacity .2s cubic-bezier(.39, .575, .565, 1)
  }

  .c-modal__button:after {
      height: 6px;
      width: 6px
  }

  .c-modal__button:hover {
      opacity: .7
  }

  .c-modal__button--blank:after {
      height: 18px;
      width: 18px
  }

  .modal-online,
  .modal-wifi {
      width: 66px
  }

  .modal-spot {
      width: 96px
  }

  .modal-shop {
      width: 79px
  }
}


@media print,
screen and (min-width:1179px) {
  .js-modal__wrapper {
      width: calc(100% + 180px)
  }

  .c-fixed-button {
      padding: 0 0 0 180px
  }

  .c-fixed-button__open-btn {
      width: calc(100% + 180px)
  }
}


.c-modal__button--pink {
  background: #e4007f;
}

.c-modal__button--white {
  background: #ffffff;
  color: #000000 !important;
  border: solid 1px #000000;
}

.c-modal__button--white:after {
  border-bottom: 3px solid #000000;
  border-right: 3px solid #000000;
}

/* 自宅セット割 モーダル */
.tip-plan-setwari .course-net .box01 .notes > li , .tip-plan-setwari .course-denki .box01 .notes > li {
  font-size: 10px;
}
@media screen and (max-width:768px) {
  .tip-plan-setwari .box01 .notes > li, .tip-plan-setwari .course-net .box01 .notes > li, .tip-plan-setwari .course-denki .box01 .notes > li {
    margin-top: 5px;
    font-size: 2.0vw;
  }
}

/* auスマートバリュー割引額 1カラム */
.is-wimaxPage .user__au-blk02.col1 {
  flex-direction: column !important;
  gap: 30px;
}
@media print,screen and (min-width: 769px) {
  .is-wimaxPage .user__au-blk02.col1 .user__au02-img:nth-of-type(2) {
    border-left: none;
    border-top: 2px dotted #000;
    padding-top: 30px;
  }
}
@media screen and (max-width: 768px) {
    .plan-body .plan-text-link {
        padding-inline: 0;
        text-align: center;
    }
}