/* 共通 */
a{
    text-decoration: none;
}

#wimax5g {
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    color: #000;
    display: block;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .04em
}

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

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

#wimax5g * {
    box-sizing: border-box
}

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

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

@media screen and (min-width:769px) {
    .sp-only {
        display: none
    }
}


.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: .533333333333333vw;
    vertical-align: text-top;
    width: 4.8vw
}


.u-mb36 {
    margin-bottom: 5.866666666666666vw;
}
@media print, screen and (min-width: 769px) {
    .u-mb36 {
        margin-bottom: 36px;
    }
}

.u-mt17 {
    margin-top: 17px;
}

.u-pb34{
    padding-bottom: 34px;
}

.uq-pagetop {
    bottom: 48px
}
@media print,
screen and (min-width:769px) {
    .uq-pagetop {
        bottom: 60px
      }
  
}

/* try wimax バナー */
.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;
    }
  }  


/*  */
.main-head__info {
    font-size: 3.733333333333334vw;
    line-height: .70588;
    margin: 0 0 6.933333333333333vw;
    text-align: center
}

.tooltips-5g {
    margin-top: 50px;
    position: relative
}

.tooltips-5g .c-tooltips {
    top: 142%
}

.uqv2-globalfooter__bottom {
    padding: 30px 0 80px
}

.main-head + .c-accordion{
    margin-top: 5.333333333333334vw;
}

@media print,
screen and (min-width:769px) {

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

    .main-head__inner {
        margin: 0 auto;
        max-width: 852px;
        padding: 5px 0 0;
        width: 100%
    }

    .main-head__info {
        font-size: 12px;
        margin: 0 0 60px
    }

    .uqv2-globalfooter__bottom {
        padding: 70px 0 100px
    }

    .main-head + .c-accordion{
      margin-top: 30px;
    }

}


/**************************
* 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 {
    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;
}

/**************************
* c-button-group
***************************/

/* SP */
.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
}

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

/* PC */
@media print,
screen and (min-width:769px) {
    .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;
      }
}

/**************************
* tooltips
***************************/
/* SP */
.c-tooltips-overlay {
    background: rgba(0, 0, 0, .1);
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    transition: opacity .1s cubic-bezier(.39, .575, .565, 1), visibility .1s cubic-bezier(.39, .575, .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__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: .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: .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
}

/* PC */
@media print,
screen and (min-width:769px) {
    .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 .2s cubic-bezier(.39, .575, .565, 1)
    }

    .c-tooltips__btn:hover {
        opacity: .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
    }
}

/**************************
* c-anchor
***************************/

/* SP */
.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 .2s cubic-bezier(.39, .575, .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
}

@media screen and (max-width:768.98px) {
    .c-anchor__item--active{
        background-color: #0091d7;
    }
    .c-anchor__item--active .c-anchor__text{
        color: #fff;
    }
}

/* PC */
@media print,
screen and (min-width:769px) {
    .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
    }
}

/**************************
* feature__wifi
***************************/

/* sp */
.feature__inner {
    padding: 6.933333333333333vw 4.533333333333333vw 13.333333333333334vw
}

.feature__list,
.feature__list-item + .feature__list-item {
    margin: 4vw 0 0
}

.feature__list-item {
    background: #fff;
    border: 3px solid #083090;
    border-radius: 5px
}

.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: 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__inner {
        margin: 0 auto;
        max-width: 852px;
        padding: 60px 0 60px;
        width: 100%
    }
    
    .feature__list {
        margin: 23px 0 0
    }

    .feature__list-item + .feature__list-item {
        margin: 20px 0 0
    }

    .feature__list-item {
        border: 4px solid #083090;
        border-radius: 10px
    }
    .feature__body-blk {
        margin: 0 70px;
        padding: 50px 0 0
    }

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

    .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
    }
}

/**************************
* feature
***************************/

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

.feature__inner {
    padding: 6.933333333333333vw 4.533333333333333vw 13.333333333333334vw
}

.feature__list,
.feature__list-item + .feature__list-item {
    margin: 4vw 0 0
}

.feature__list-item {
    background: #fff;
    border: 3px solid #083090;
    border-radius: 5px
}

.feature__list-header {
    /* background: #f5f5f5; */
    color: #083090;
    font-size: 4.8vw;
    font-weight: 700;
    /* font-style: italic; */
    line-height: 1.5;
    padding: 1.866666666666667vw 0 1.866666666666667vw;
    margin:  3.866666666666667vw 0 0.366666666666667vw;
    text-align: center
}

.feature__list-inner {
    margin: 0 auto;
    padding: 5.066666666666666vw 0;
    width: 77.33333333333333vw
}

.feature__list-col--line .feature__list-img:last-child {
    border-top: 2px dotted #000;
    margin: 4.266666666666667vw 0 0;
    padding: 5.333333333333334vw 0 0
}

.feature__list-img + .feature__list-img {
    margin: 4.8vw 0 0
}

.feature__list-img-header {
    color: #000;
    font-size: 4.9vw;
    font-weight: 700;
    line-height: 1;
    margin: 2.33333333333334vw 0 3.733333333333334vw;
    text-align: center
}
.feature__list-text {
    text-align: left;
    width: 90%;
    line-height: 1.4;
    font-size: 3.433333333333334vw;
    margin: 0 auto;
}
.feature__list-link {
    text-decoration: underline;
    color: #083090;
}
.feature__list-text:last-child {
    margin-bottom: 5.73333333333334vw;
}

@media print,
screen and (min-width:769px) {
    .c-image {
        width: auto;
    }
    .feature__inner {
        margin: 0 auto;
        max-width: 852px;
        padding: 60px 0 60px;
        width: 100%
    }
    .feature__list {
        margin: 23px 0 0
    }

    .feature__list-item + .feature__list-item {
        margin: 20px 0 0
    }

    .feature__list-item {
        border: 4px solid #083090;
        border-radius: 10px
    }

    .feature__list-header {
        font-size: 25px;
        line-height: 1.6;
        padding: 4px 0 8px;
        margin:25px 0;
    }

    .feature__list-link {
        /* transition: opacity .2s cubic-bezier(.39, .575, .565, 1) */
    }

    .feature__list-link:hover {
        /* opacity: .7 */
    }

    .feature__list-inner {
        max-width: 742px;
        padding: 0 0 30px;
        width: 100%
    }

    .feature__list-col {
        display: flex;
        justify-content: space-between
    }

    .feature__list-col--line .feature__list-img:last-child {
        border-left: 2px dotted #000;
        border-top: none;
        margin: 0;
        padding: 0 0 0 40px
    }

    .feature__list-img + .feature__list-img {
        margin: 0
    }

    .feature__list-img-header {
        font-size: 24px;
        margin: 17px 0 16px
    }
    .feature__list-text {
        text-align: left;
        font-size: 12px;
        line-height: 1.5;
        margin: 0;
        width: 88%;
    }
    .feature__list-text:last-child {
        margin-bottom: 18px;
    }
}


/**************************
* connection
***************************/
/* SP */


.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: 1.6vw
}

.c-slide .slick-next {
    right: 1.6vw
}

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

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


.connection {
    background: #f5f5f5
}

.connection__inner {
    padding: 13.333333333333334vw 4.533333333333333vw
}

.connection__list {
    margin: 5.333333333333334vw 0 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.3vw;
    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: 17vw 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(880/750*100vw);
}
.connection__list-item.-home .connection__tooltips--note02 {
    top: calc(1062/750*100vw);
}
.connection__list-item.-mobile .connection__tooltips--note01 {
    top: calc(841/750*100vw);
}

.connection__list-item.-mobile .connection__tooltips--note02 {
    top: calc(845/750*100vw);
}

.connection__list-item.-mobile .connection__tooltips--note03 {
    top: calc(845/750*100vw);
}
.connection__list-item.-mobile .connection__tooltips--note04 {
    top: calc(1160/750*100vw);
}
.connection__list-item.-mobile .connection__tooltips--note04-2 {
    top: calc(1165/750*100vw);
}
@media print,
screen and (min-width:769px) {
    .c-slide .slick-next,
    .c-slide .slick-prev {
        height: 26px;
        width: 26px
    }

    .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 {
        margin: 30px 0 0
    }

    .connection__list-item {
        border: 4px solid #083090;
        border-radius: 10px
    }

    .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 {
        display: inline-block;
        margin-top: 10px;
        width: 380px;
        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__tooltips.wimax-tips::after,
    .connection__tooltips.wimax-tips::before {
        right: 103px
    }
    .connection__list-item.-home .connection__tooltips--note01 {
        top: 312px
    }
    .connection__list-item.-home .connection__tooltips--note02 {
        top: 400px;
    }
    .connection__list-item.-mobile .connection__tooltips--note01 {
        top: 312px
    }

    .connection__list-item.-mobile .connection__tooltips--note02 {
        top: 280px;
    }

    .connection__list-item.-mobile .connection__tooltips--note03 {
        top: 280px;
    }
    .connection__list-item.-mobile .connection__tooltips--note04 {
        top: 400px
    }
    .connection__list-item.-mobile .connection__tooltips--note04-2 {
        top: 370px;
    }
}

/**************************
* sc-plan
***************************/

.sc-plan a {
    text-decoration: none;
}

.sc-plan .plan__content {
    background: #fff;
    border: 3px solid #083090;
    border-radius: 5px;
}

.sc-plan .plan__content-ttl {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: calc(24/750*100vw) calc(44/750*100vw) calc(18/750*100vw);
    text-decoration: none;
}

.sc-plan .plan-body {
    display: block;
    margin-top: calc(54/750*100vw);
}

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

.sc-plan .c-text-underline {
    border-bottom: 1px solid #083090;
    color: #083090;
    /* font-weight: 700; */
    line-height: inherit;
}

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

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

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

.sc-plan .c-text-link:after {
    content: " >";
    display: inline;
}

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

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

.sc-plan .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;
}

.sc-plan .c-tooltips-overlay {
	background: rgba(0, 0, 0, .1);
	height: 100vh;
	left: 0;
	position: fixed;
	top: 0;
	transition: opacity .1s cubic-bezier(.39, .575, .565, 1), visibility .1s cubic-bezier(.39, .575, .565, 1);
	width: 100%;
}

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

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

.sc-plan .plan__inner {
    margin: 0 auto;
    padding: 0;
}

.sc-plan .plan__content-ttlimg {
    width: 70.66666666666667vw;
}

.sc-plan .plan-body {
    letter-spacing: -.04em;
    text-align: center;
}

.sc-plan .plan__price--text-link {
    font-size: 3.733333333333334vw;
    font-weight: 700;
    line-height: 1.6;
    margin: 5.333333333333334vw 0 0;
    text-align: left;
    padding: 0 calc(44/750*100vw);
}

.sc-plan .plan__content-ttl {
    padding: 2.933333333333333vw 1.6vw 2.933333333333333vw 5.733333vw;
}

.sc-plan .u-pb26 {
    padding: 0 0 5.866666666666666vw;
}

.sc-plan .feature__info{
    padding: 0 calc(44/750*100vw);
}

.sc-plan .feature__info-lead {
    color: #083090;
    font-size: 6.4vw;
    font-weight: 700;
    letter-spacing: 0.05px;
    line-height: 1.2;
    text-align: center;
}

.sc-plan .feature__info-sup {
    display: inline-block;
    font-size: 2.666666666666667vw;
    -webkit-transform: translateY(-33%);
    transform: translateY(-33%);
}

.sc-plan .feature__info-note {
    line-height: 1.6;
    text-align: center;
    font-size: 3.8vw;
    font-feature-settings: "palt";
    margin-top: 4.533333333333333vw;
}

.sc-plan .feature__info-note--red {
    color: #d21;
}

.sc-plan .feature__info-img {
    margin-top: 4.266666666666667vw;
}


@media print,
screen and (min-width:769px) {
    .sc-plan .u-pb26 {
        padding: 0 0 26px;
    }

    .sc-plan .plan__content {
        border: 4px solid #083090;
        border-radius: 10px;
    }

    .sc-plan .plan__content-ttl {
        transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
        padding: 12px 46px;
    }

    .sc-plan .plan-body {
        margin-top: 52px;
    }

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

    .sc-plan .plan__inner {
        max-width: 852px;
        padding: 0;
        width: 100%;
    }

    .sc-plan .plan__content-ttlimg {
        width: auto;
    }

    .sc-plan .plan__content-ttl {
        padding: 12px 11px 12px 45px;
    }

    .sc-plan .plan__price--text-link {
        font-size: 12px;
        margin: 16px 0 0;
        text-align: left;
        padding: 0;
    }

    .sc-plan .feature__info{
        display: flex;
        padding: 0 calc(70/853*100%) 0 calc(100/853*100%);
    }
    .sc-plan .feature__info-lead {
        font-size: 34px;
        margin-top: 27px;
        text-align: left;
        line-height: 1.3;
    }
    .sc-plan .feature__info-sup {
        font-size: 12px;
    }
    .sc-plan .feature__info-inner {
        max-width: 400px;
    }
    .sc-plan .feature__info-note {
        font-size: 13px;
        text-align: left;
        margin-top: 2px;
    }
    .sc-plan .feature__info-img {
        margin-top: 38px;
    }
}

#planTabwrap{
    letter-spacing: .04em;
}

#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;
}
.c-tooltips.wimax-tips::before,
.c-tooltips.wimax-tips::after {
    right: 103px;
}
#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 .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%;
    }
}

/**************************
* plan__set
***************************/
.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
}

.plan .c-image {
    position: relative
}

.plan .c-accordion__link {
    padding: 4vw 2vw 5vw 3.733333vw;
}

.plan .c-accordion__close {
    margin: 6.666666666666667vw 0 0;
    padding: 0 0 5.866666666666666vw
}

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

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

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

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

.plan .c-tooltips__set1 {
    position: absolute;
    top: calc(43/375*100vw);
}

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

.plan .c-tooltips__set2 {
    position: absolute;
    top: 9.466666666666667vw;
    top: calc(66/375*100vw);
}

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

.plan .c-tooltips__set3 {
    position: absolute;
    top: 14.399999999999999vw
}

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

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

.plan .caution__accordion-inner {
    border: none;
    margin-top: 8.55vw
}

.plan .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
}

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

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

.plan .caution__accordion-icon-area {
    width: 8.533333333333333vw
}

.plan .caution__accordion-icon {
    background-color: transparent
}

.plan .caution__accordion-icon:after,
.plan .caution__accordion-icon:before {
    background-color: #083090;
    content: "";
    display: block;
    height: 3.733333333333334vw;
    width: .8vw
}

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

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

.plan .caution__text--red {
    color: #d21
}

.plan .caution__text--blue {
    color: #083090
}

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

.plan .c-caution__text-link {
    border-bottom: 1px solid #083090;
    color: #083090;
    font-weight: 700;
}
.plan .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;
}


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

.plan .caution__table--gray {
    background-color: #f5f5f5
}

.plan .caution__table--left {
    width: 20vw
}

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

.plan .caution-icon-minus {
    background: #fff
}

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

.plan .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
}

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

.plan__set .plan__ponta--text1 {
    font-size: 16px;
    margin: -20px auto 12px;
    font-weight: bold;
}

.plan-body .plan__ponta--text2 {
    font-size: 14px;
    margin-top: 14px;
    font-weight: bold;
}

.plan-body .c-text-link.blank {
    font-size: 14px;
    position: relative;
}

.plan-body .c-text-link.blank:after {
    content: "";
    background: url(../img/icon_blank_blue.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
    height: 14px;
    -webkit-transform: rotate(0) translateY(-50%);
    transform: rotate(0) translateY(-50%);
    width: 18px;
    display: inline-block;
    position: absolute;
    top: 7px;
    right: -22px;
}

@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
    }

    .plan .c-accordion__link {
        padding: 24px 11px 24px 45px;
    }

    .plan .c-accordion__close {
        margin: 30px 0 0;
        padding: 0 0 9px
    }

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

    .plan .c-tooltips__price1 {
        top: 40px
    }

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

    .plan .c-tooltips__set1 {
        left: 349px;
        min-width: 675px;
        top: 51px
    }

    .plan .c-tooltips__set1:after,
    .plan .c-tooltips__set1:before {
        right: 450px
    }

    .plan .c-tooltips__set2 {
        left: 80px;
        min-width: 675px;
        top: 50px
    }

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

    .plan .c-tooltips__set3 {
        top: 49px
    }

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

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

    .plan .caution__accordion-inner {
        border: none;
        margin-top: 28px;
    }

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

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

    .plan .caution__accordion-icon-area {
        width: 27px
    }

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

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

    .plan .caution__heading {
        font-size: 16px
    }

    /* .plan .caution__text--border {
        margin: 5px 0 0;
        padding: 13px 19px
    } */

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

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

    .plan .caution__table--left {
        width: 160px
    }

    .plan .caution__table--small {
        font-size: 8px
    }

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

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

    .plan .caution__accordion-close:hover {
        opacity: 1
    }

    .plan .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;
  }
}

.plan .c-setDiscount  {
    margin-top: 30px;
}

/**************************
* procedure ↓↓↓
***************************/

.procedure {
    background: #f5f5f5
}

.procedure__inner {
    padding: 10.666666666666668vw 4.533333333333333vw 13.333333333333334vw
}

.procedure__header {
    text-align: center
}

.procedure__accordion-img {
    width: 70.66666666666667vw
}

.procedure__title {
    margin-top: 7.733333333333333vw;
    text-align: center
}

.procedure__accordion {
    margin-top: 5.333333333333334vw
}

.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: -.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: .533333333333333vw;
    width: 16.266666666666666vw
}

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

.procedure__flow-text {
    position: relative
}

.procedure__flow-text--step {
    bottom: -3px;
    font-size: 18px;
    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/icon_checkbox.png);
    background-size: contain;
    content: "";
    display: inline-block;
    height: 3.2vw;
    margin-right: .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: .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: 2.933333333333333vw 1.6vw 2.933333333333333vw 3.2vw
}

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

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

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

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

.procedure-satisfaction__pic {
    margin: 4vw auto 0;
    width: 74.13333333333333vw
}

.procedure-satisfaction__note {
    font-size: 4.266666666666667vw;
    margin-top: 3.2vw
}

.procedure-satisfaction__point {
    background: #e5f4fb;
    border-radius: 5px;
    margin: 2.666666666666667vw 0 0;
    padding: 4vw
}

.procedure-satisfaction__item {
    background: #fff;
    color: #0091d7;
    font-size: 4.266666666666667vw;
    font-weight: 700;
    line-height: 1.47;
    padding: .533333333333333vw 5.333333333333334vw
}

.procedure-satisfaction__item + .procedure-satisfaction__item {
    margin-top: 1.333333333333333vw
}

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

@media screen and (max-width:768.98px) {
    .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: .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: .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
    }
}



@media print,
screen and (min-width:769px) {
    .procedure__inner {
        margin: 0 auto;
        max-width: 852px;
        padding: 60px 0;
        width: 100%
    }

    .procedure__accordion-img {
        width: auto
    }

    .procedure__title {
        margin-top: 39px
    }

    .procedure__accordion {
        margin-top: 34px
    }

    .procedure__accordion-inner {
        margin: 0 118px;
        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: 16px
    }

    .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 11px 22px 40px
    }

    .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-satisfaction__pic {
        margin: 17px auto 0;
        width: 466px
    }

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

    .procedure-satisfaction__note {
        font-size: 16px;
        margin-top: 28px
    }

    .procedure-satisfaction__point {
        border-radius: 10px;
        display: flex;
        flex-wrap: wrap;
        margin: 10px 0 0 -5px;
        padding: 20px
    }

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

    .procedure-satisfaction__item + .procedure-satisfaction__item {
        margin-top: 5px
    }

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

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

/**************************
* tabswitch step 
***************************/
.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: calc(355/375*100vw);
}

.step #step-tooltips2:after,
.step #step-tooltips2:before {
    right: 24vw
}

.step #step-tooltips3 {
    top: calc(396/375*100vw);
}

.step #step-tooltips3:after,
.step #step-tooltips3:before {
    right: calc(113/375*100vw);

}

.step #step-tooltips4 {
    top: calc(495/375*100vw);
}

.step #step-tooltips4:after,
.step #step-tooltips4:before {
    right: calc(68/375*100vw);
}

.step #step-tooltips5 {
    top: calc(315/375*100vw);
}

.step #step-tooltips5:after,
.step #step-tooltips5:before {
    right: calc(71/375*100vw);
}

.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;
    text-align: center;
    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: 354px;
    }

    .step #step-tooltips2:after,
    .step #step-tooltips2:before {
        right: 376px
    }

    .step #step-tooltips3 {
        /* top: 937px */
        top: 388px;
    }

    .step #step-tooltips3:after,
    .step #step-tooltips3:before {
        right: 394px
    }

    .step #step-tooltips4 {
        /* top: 895px */
        top: 343px;
    }

    .step #step-tooltips4:after,
    .step #step-tooltips4:before {
        right: 176px
    }

    .step #step-tooltips5 {
        /* top: 866px */
        top: 314px;
    }

    .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;
    }

    .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
    }
}

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

.c-qa__box--text {
    color: #000;
    font-size: 4.266666666666667vw;
    line-height: cacl(1.40625)
}

.c-qa__toggle {
    cursor: pointer;
    padding: 3.733333333333334vw 9.333333333333334vw;
    position: relative;
    transition: opacity .2s cubic-bezier(.39, .575, .565, 1)
}

.c-qa__toggle:hover {
    opacity: .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: .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: -.8vw
}

.c-qa__answer {
    display: none;
    padding: 0 0 3.733333333333334vw 9.333333333333334vw;
    position: relative
}

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

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

@media print,
screen and (min-width:769px) {
    .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-accordion 
***************************/
.c-accordion__inner {
    background: #fff;
    border: 3px solid #083090;
    border-radius: 5px
}

.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
}



@media print,
screen and (min-width:769px) {
    .c-accordion__inner {
        border: 4px solid #083090;
        border-radius: 10px
    }

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

    .c-accordion__link {
        transition: opacity .2s cubic-bezier(.39, .575, .565, 1)
    }

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

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

    .c-accordion__close {
        font-size: 15px;
        margin: 30px 0 0;
        transition: opacity .2s cubic-bezier(.39, .575, .565, 1)
    }

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

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

    .c-accordion__icon {
        width: 45px
    }

}

/* accordion open */

.c-accordion__link--open{
    cursor: default;
}
.c-accordion__link--open:hover{
    opacity: 1;
}
.c-accordion__body--open{
    display: block;
}

/**************************
* section-recommend
***************************/

.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: .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, .5);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: background .3s ease .3s;
    width: 100%
}

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

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

.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
}

/* 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;
}

/* PC */
@media print,
screen and (min-width:769px) {
    .section-recommend {
        padding: 50px 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)
    }
    .step__tooltips.wimax-tooltip .c-tooltips__icon {
        margin-left: 36px;
    }
}
.connection__slide-item--home01 .connection__tooltips-btn {
    bottom: 185px;
}
.connection__slide-item--mobile01 .connection__tooltips-btn,
.connection__slide-item--mobile02 .connection__tooltips-btn,
.connection__slide-item--mobile03 .connection__tooltips-btn {
    bottom: 195px;
}
.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: -320px;
    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: 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 .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;
    font-size: 11px;
}
.wimax_tips.compact .wimax_tips_inner {
    flex-direction: column;
    align-items: start;
    margin-top: 0;
    padding: 10px 15px 10px 75px;
}
.wimax_tips.compact .wimax_tips_inner > .img_wrap {
    position: absolute;
    display: flex;
    top: 15px;
    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: 50px;
    }
    .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 78px;
        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(-750/750*100vw)
    }
    #wimax_tips.wimax-tooltips:after,
    #wimax_tips.wimax-tooltips:before {
        right: calc(50% - 6px);
    }
    .wimax-tips .inner .note {
        font-size: 10px;
    }
    .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;
    }
    .plan__set .plan__ponta--text1 {
        margin: 28px auto 18px;
    }
    .plan-body .plan-text-link {
        padding: 0 24px;
        text-align: center;
    }
    .plan-body .c-text-link.blank:after {
        top: unset;
        bottom: -7px;
        right: -22px;
    }
}
@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;
  }


@media print, screen and (min-width: 769px) {
    .kv_remarks{
        font-size: 12px;
        padding: 5px 0 0;
        text-align: center;
    }
    .kv_remarks.align_left{
        text-align: left;
        width: 100%;
        max-width: 870px;
        margin: 0 auto;
    }
}
@media print, screen and (min-width: 0px) and (max-width: 768px) {
    .kv_remarks {
        font-size: 3.3vw;
        padding: 2vw;
        text-align: center;
        color: #000;
    }

    .kv_remarks.align_left {
        text-align: left;
    }
}
@media screen and (max-width: 768px) {
    .plan-body .plan-text-link {
        padding-inline: 0;
    }
}