@charset "utf-8";
@import url("https://fonts.googleapis.com/earlyaccess/notosansjp.css");

/*common
---------------------------------------------------- */
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', arial, helvetica, clean, sans-serif;
    line-height: 1.6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.d_ib {
    display: inline-block;
}

.d_b {
    display: block;
}

.pc_hide {
    display: none;
}

.hide {
    display: none;
}

.FCenter {
    display: flex!important;
    align-items: center!important;
}

.flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.flexAc {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flexWrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex_flow_wrap {
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

.column {
    flex-direction: column;
}

.row {
    flex-direction: row;
}

.justify_content_between {
    justify-content: space-between !important;
}

.justify_content_center {
    justify-content: center !important;
}

.justify_content_end {
    justify-content: flex-end !important;
}

.justify_content_start {
    justify-content: flex-start !important;
}

.align_items_center {
    align-items: center !important;
}

.align_items_end {
    align-items: flex-end !important;
}

.align_items_baseline {
    align-items: baseline !important;
}

.gap0 {
    gap: 0px !important;
}

.float_no {
    float: none !important;
}

.VCenter {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.VCenterA {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.notB { font-family: 'Noto Sans Japanese Bold'; }
.notM { font-family: 'Noto Sans Japanese Medium'; }
.notR { font-family: 'Noto Sans Japanese Regular'; }
.notR { font-family: 'Noto Sans Japanese Regular'; }
.p_relative {
    position: relative;
}

.pt00 {
    padding-top: 0 !important;
}

.pb00 {
    padding-bottom: 0 !important;
}

.pl00 {
    padding-left: 0 !important;
}

.pr00 {
    padding-right: 0 !important;
}

.va_t {
    vertical-align: top !important;
}

.va_m {
    vertical-align: middle !important;
}

.lsd li {
    list-style: disc;
    margin-left: 18px;
}

.link_color {
    color: #226bc4 !important;
}

.tdN {
    text-decoration: none !important;
}

.fwn {
    font-weight: normal!important;
}

.fcRed2 {
    color: #e93817;
}

.b_gray {
    background: #efefef !important;
}

.bgOrange {
    background: #f18d00 !important;
}

.bglightOrange {
    background: #fef3e5 !important;
}

.bgRed {
    background: #e83416 !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#eb5d45), to(#e83416));
    background: linear-gradient(to bottom, #eb5d45 0%, #e83416 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb5d45', endColorstr='#e83416', GradientType=0);
}

a.linkBlack,
a.linkBlack:visited {
    color: #111;
    text-decoration: underline;
}

a.linkBlue,
a.linkBlue:visited {
    color: #226bc4;
    text-decoration: underline;
}

a.linkRed,
a.linkRed:visited {
    color: #e83416;
    text-decoration: underline;
}

a.linkArrow:link,
a.linkArrow:visited {
    color: #226bc4;
    text-decoration: none;
    position: relative;
    display: inline-block;
    padding: 0 10px 0 0;
    vertical-align: middle;
}

a.linkArrow::before,
a.linkArrow::after {
    position: absolute;
    top: 50%;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    margin-top: -3px;
}

a.linkArrow::before {
    content: "";
    vertical-align: middle;
    right: 3px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #226bc4;
    border-right: 1px solid #226bc4;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.tooltip2 { width:29px; height:29px; display:inline-block; vertical-align:middle; }
.tooltip2 img { margin-top:-2px; width: 90%; }

.underline_y {
    border-bottom: 4px solid #FFF100;
}

.underline_o {
    border-bottom: 4px solid #F6AA00;
}

/* main.css btn */
a[href=""] {
    transition: .3s opacity ease-out;
    color: #406FAF;
}

[class^="btn-"], [class*=" btn-"] {
    overflow: hidden;
    position: relative;
    display: inline-block;
    transition: .3s opacity ease-out;
    cursor: pointer;
    box-sizing: border-box;
    background: #fff;
    width: 352px;
    min-width: 352px;
    min-height: 58px;
    padding: 14px 40px;
    border: 3px solid #fff;
    border-radius: 100px;
    line-height: 1.3;
    text-decoration: none !important;
    font-size: 18px;
    font-weight: bold;
    color: #333 !important;
    text-align: center;
}

.btn-member {
    background: #F5D200;
    border-color: #F5D200;
    color: #333 !important;
}

[class^="btn-"]::after, [class*=" btn-"]::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 24px;
    content: "";
    display: inline-block;
    width: 9px;
    height: 16px;
    margin: auto;
}
.link_blank {
    position: relative;
    text-decoration: underline!important;
    padding-right: 18px;
    color: #406FAF;
}
.link_blank:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: inline-block;
    background: url(/common_v10/images/icn-link-blank-blue.svg) no-repeat center;
    background-size: 16px;
    margin-left: 0.3em;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}
.btn-member::after {
    background: url(/common_v10/images/icn-bullet-black.svg) no-repeat center center/contain;
}

[class^="btn-"][class*="btn-blank"]::after, [class*=" btn-"][class*="btn-blank"]::after {
    background-image: url(/common_v10/images/icn-link-blank-black.svg);
    width: 16px;
}
.link-blank {
    position: relative;
}
.link-blank::after {
    background-image: url(/common_v10/images/icn-link-blank-black.svg);
    width: 16px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -24px;
    content: "";
    display: inline-block;
    height: 16px;
    margin: auto;
}
.btn-primary {
    background: #e93817;
    border-color: #e93817;
    color: #fff !important;
}
.btn-primary:after {
    background: url(/common_v10/images/icn-bullet-white.svg) no-repeat center center / contain;
}

.btn-back {
    background: #fff;
    border-color: #E2E2E2;
    width: 150px;
    min-width: 150px;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 16px;
}

.btn-back::after {
    left: 24px;
    right: auto;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background: url(/common_v10/images/icn-bullet-black.svg) no-repeat center center/contain;
}

.tips.top_right {
    position: absolute;
    top: 5px;
    right: 5px;
}

.delRed {
    text-decoration: line-through;
    color: red;
}

.delRed span {
    color: #333;
}

.w200p {
    width: 200%;
}

.fs10 { font-size:72%; }
.fs11 { font-size:79%; }
.fs12 { font-size:86%; }
.fs14 { font-size:100%; }
.fs16 { font-size:115%; }
.fs18 { font-size:129%; }
.fs20 { font-size:143%; }
.fs22 { font-size:158%; }
.fs24 { font-size:172%; }
.fs26 { font-size:186%; }
.fs28 { font-size:200%; }
.fs30 { font-size:214%; }
.fs32 { font-size:228%; }
.fs34 { font-size:242%; }
.fs36 { font-size:258%; }
.fs38 { font-size:272%; }
.fs42 { font-size:300%; }
.fs44 { font-size:314%; }
.fs46 { font-size:328%; }
.fs48 { font-size:342%; }
.fs50 { font-size:356%; }
.fs56 { font-size:400%; }
.fs62 { font-size:444%; }
.fs14px {
    font-size: 14px!important;
}

.w10 {
    width: 10% !important;
}

.w15 {
    width: 15% !important;
}

.w20 {
    width: 20% !important;
}

.w25 {
    width: 25% !important;
}

.w30 {
    width: 30% !important;
}

.w35 {
    width: 35% !important;
}

.w40 {
    width: 40% !important;
}

.w45 {
    width: 45% !important;
}

.w50 {
    width: 50% !important;
}

.w55 {
    width: 55% !important;
}

.w60 {
    width: 60% !important;
}

.w65 {
    width: 65% !important;
}

.w70 {
    width: 70% !important;
}

.w75 {
    width: 75% !important;
}

.w80 {
    width: 80% !important;
}

.w85 {
    width: 85% !important;
}

.w90 {
    width: 90% !important;
}

.w95 {
    width: 95% !important;
}

.w100 {
    width: 100% !important;
}

/* 改行切り替え
---------------------------------------------------- */
@media screen and (min-width: 768px) {
    .br-pc {
        display: block;
    }

    .br-sp {
        display: none;
    }
}

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

    .br-sp {
        display: block;
    }
}

.caution_iocn {
    position: relative;
    padding-left: 1.5em;
    font-size: 14px;
    margin: 0 0 0 0em;
}

.caution_iocn::before {
    content: "!";
    position: absolute;
    width: 1em;
    height: 1em;
    margin-right: 0.25em;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 1em;
    background-color: #e83817;
    padding: 0.2em 0.15em 0.1em;
    color: #FFF;
    font-weight: bold;
    left: 0;
    top: 2px;
}

.caution_iocn a {
    text-decoration: none;
    color: #333;
}

/* 印刷表示
---------------------------------------------------- */
a.printBtn {
    width: 250px;
    display: inline-block;
    position: relative;
    padding: 5px 25px;
    background: #ffffff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #cccccc;
    font-size: 14px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    text-decoration: none;
    color: #333333 !important;
}

a.printBtn:hover {
    text-decoration: none;
    color: #333333 !important;
}

a.printBtn::after {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-top: 2px solid #e83817;
    border-right: 2px solid #e83817;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -5px;
}

@media print {
    .no_print {
        display: none;
    }
}


/* header
---------------------------------------------------- */
.header_link {
    position: absolute;
    top: 50%;
    right: 17px;
    transform: translateY(-50%);
}

#stepnavi {
    width: 960px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    zoom: 1;
}

.stepBar li:before, .stepBar li:after {
    box-sizing: content-box;
}

.blk-step {
    width: 960px;
    margin: 10px auto 0;
}

.stepBar {
    width: 960px;
}

.search_link {
    position: absolute;
    top: 0;
    right: 20px;
    text-align: right;
}

.search_link p {
    line-height: 1.3;
}

.search_link a.sublink {
    display: inline-block;
    margin-left: 10px;
    color: #333;
    font-size: 86%;
    font-weight: normal;
}

h1.m-hdg::after {
    content: none;
}

.SVC_stepnavi {
    display: none;
}

#header.header_service_contact .container {
    box-sizing: border-box;
    position: relative;
    max-width: 1100px;
    margin: 0 20px;
}

#header.header_service_contact .logo {
    padding: 0;
    float: none;
    line-height: 1.5;
}

#header.header_service_contact img {
    max-width: 100%;
    height: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media screen and (min-width: 1160px) {
    #header.header_service_contact .container {
        margin: 0 auto;
    }
}

@media screen and (min-width: 768px) {

    .service_contact #stepnavi,
    #input_v2 .inner.w1100 {
        width: auto;
        max-width: 1100px;
    }

    .service_contact .blk-step,
    .service_contact .stepBar,
    .service_contact #coution1 {
        width: 100%;
    }

    .service_contact .l-contentBody__inner {
        max-width: 1100px;
        padding: 0;
        width: auto;
    }
}

@media screen and (max-width: 767px) {
    .search_link {
        width: calc(100% - 140px);
    }

    .SVC_stepnavi {
        position: relative;
        display: block;
    }

    .SVC_stepnavi .stepBar_list::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 10px;
        transform: translateY(-50%);
        width: calc(100% - 20px);
        height: 2px;
        border-bottom: 2px solid #d0d0d0;
        z-index: 1;
    }

    .SVC_stepnavi .stepBar_list {
        display: flex;
        justify-content: space-between;
        margin: 0 10px;
        gap: 10px;
    }

    .SVC_stepnavi .stepBar_list li {
        width: calc(100% / 4);
        padding: 10px 5px;
        border: 1px solid #d0d0d0;
        border-radius: 10px;
        background: #fff;
        display: flex;
        justify-content: center;
        text-align: center;
        z-index: 2;
    }

    .SVC_stepnavi .stepBar_list li.active {
        border: 3px solid #e93817;
    }

    .SVC_stepnavi .stepBar_list li span {
        display: flex;
        align-items: center;
        font-weight: 600;
    }
}

/* footer
---------------------------------------------------- */
.m-footerUtil li a:link,
.m-footerUtil li a:visited {
    color: #333;
    width: 860px;
    margin: 0 auto;
    padding: 25px 0 35px;
    text-decoration: none;
    cursor: pointer;
}

.footer {
    padding: 20px 0 30px 0;
    background: #eee;
    font-size: 79%;
    font-family: "ＭＳ Ｐゴシック", MS Gothic, "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
    color: #111;
    line-height: 1.7;
}

#footer .inner {
    width: 960px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
}

#footer .inner .contact {
    width: 50%;
    margin: 0;
    padding: 0;
}

#footer .inner .cp {
    width: 50%;
    margin: 0;
    padding: 0;
    text-align: right;
    font-size: 86%;
}

#footer .fs12 {
    font-size: 12px;
}

#footer .fs14 {
    font-size: 14px;
}

#footer img {
    width: 50px;
    vertical-align: middle;
}

#footer .inner .contact .tel a {
    margin: 0 0 3px;
    padding: 0;
    color: #05277e;
    font-size: 40px;
    font-weight: bold;
    line-height: 1.5;
    font-family: 'arial';
    text-decoration: none;
    cursor: pointer;
}

#footer .inner .contact .tel a+span {
    display: inline-block;
    margin-left: 10px;
    background: #fff;
    color: #111;
    padding: 5px 10px;
    font-size: 13px;
    text-align: center;
    font-family: 'arial black';
    letter-spacing: 1.5px;
    font-weight: bold;
}

#footer .inner .contact .tel a.oita_tel {
    font-size: 25px;
}

/*　多言語　*/
#footer.multilingual .inner .contact .tel a img {
    color: #111;
    width: 76%;
}

/* ----------------------------------------------------
 エリア選択
---------------------------------------------------- */
#areaSelect p,
#input_v2 p {
    margin-top: 0px;
    letter-spacing: -0.4px;
}

div#nextButton_fa_tag {
    margin: 10px auto;
    font-size: 16px;
    text-decoration: none;
    font-style: normal;
    font-weight: bold;
    color: #ffffff;
    line-height: 28px !important;
    padding: 7px 0px;
    height: 64px !important;
    text-shadow: 0 2px 2px #e83416;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    background: -webkit-gradient(linear, left top, left bottom, from(#eb5d45), to(#e83416));
    background: linear-gradient(to bottom, #eb5d45 0%, #e83416 100%);
}

.radioInput input[type="radio"] {
    position: absolute;
    left: -9999px;
}

#areaSelect .areaBox {
    width: 477px;
    margin: 0 auto 10px;
}

.areaBox p.fN {
    text-align: center;
    float: none;
}

.areaBox .formbox_body {
    float: none;
    margin: 0 auto;
    border: none;
    padding: 10px 0;
}

.areaBox .formbox_body .radio02, .areaBox .formbox_body .radio01 {
    margin: 0;
    padding: 0;
    float: left;
    width: calc(100% / 2 - 10px);
    border: 2px solid #cbd3d5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.areaBox .formbox_body .radio02.mrgFix {
    margin: 0 9px 0 11px;
}

.areaBox .formbox_body .radio02 label {
    margin: 0;
    height: 56px;
    display: block;
}

.areaBox .radio01 .unselected {
    background: url(/common_form/img/share/form_radio_off.png) no-repeat 8px 50%;
    display: block;
    padding: 0 0 0 15px;
    cursor: pointer;
    overflow: hidden;
}

.areaBox .radio02 .unselected {
    background: url(/common_form/img/share/form_radio_off.png) no-repeat 8px 50%;
    display: block;
    padding: 0 0 0 15px;
    cursor: pointer;
    overflow: hidden;
}

.areaBox .radio01 .selected {
    background: url(/common_form/img/share/form_radio_on.png) no-repeat 8px 50% #fff7f0;
    display: block;
    padding: 0 0 0 15px;
    cursor: pointer;
    overflow: hidden;
}

.areaBox .radio02 .selected {
    background: url(/common_form/img/share/form_radio_on.png) no-repeat 8px 50% #fff7f0;
    display: block;
    padding: 0 0 0 15px;
    cursor: pointer;
    overflow: hidden;
}

.areaBox#s0102 .formbox_body .radio01 label span.kodate {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 56px;
    overflow: hidden;
    display: block;
    background: url(/common_form/img/common/icon_hometype1.png) no-repeat 10% 50%;
    line-height: 56px;
    font-weight: bold;
    text-indent: 0px;
}

.areaBox#s0102 .formbox_body .radio02 label span {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 56px;
    overflow: hidden;
    display: block;
    background: url(/common_form/img/common/icon_hometype2.png) no-repeat 10% 50%;
    text-align: center;
    line-height: 56px;
    font-weight: bold;
    text-indent: 0px;
}

.areaBox .formbox_body label span {
    display: block;
    height: 56px;
    margin: 0;
    text-align: center;
    font-size: 14px;
    line-height: 56px;
    font-weight: bold;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.areaBox .formbox_body label span.line2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 1.4;
}

.areaBox .formbox_body label span.line2 i {
    font-weight: normal;
    font-style: normal;
}

.detail_link {
    width: calc(50% - 10px);
    margin: 0 auto;
    padding-top: 5px;
}

.w520 {
    width: 520px;
}

.mobile_select_link a {
    margin-right: 20px;
}

/* area_check02 */
.area_check02 ul.service_wrap li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.area_check02 ul.service_wrap li:last-child {
    border: 0px;
}

.area_check02 ul.service_wrap.c2 li .service_name,
.area_check02 ul.service_wrap.c2 li .service_appbtn {
    width: 50%;
}

.area_check02 ul.service_wrap.c2 li .service_appbtn {
    text-align: right;
}

.area_check02 ul.service_wrap.c3 li .service_name {
    width: 40%;
}

.area_check02 ul.service_wrap.c3 li .service_appbtn {
    width: 30%;
    text-align: right;
}

.area_check02 ul.service_wrap.c3 li .service_link {
    width: 30%;
    text-align: right;
}

.area_check02 ul.service_wrap li .service_name img {
    max-height: 30px;
    margin-bottom: 5px;
}

.area_check02 ul.service_wrap li .service_name img[alt="J:COM WiMAX"] {
    max-height: 25px;
}

.area_check02 ul.service_wrap li .service_appbtn p {
    padding: 6px 0;
}

.area_check02 ul.service_wrap li .service_appbtn p a {
    position: relative;
    padding: 5px 30px;
    border: 1px solid #e73c22;
    border-radius: 3px;
    color: #e73c22;
    text-decoration: none;
    font-size: 129%;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
}

.area_check02 ul.service_wrap li .service_appbtn p a::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #e73c22;
    border-right: 2px solid #e73c22;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -5px;
}

.area_check02 ul.service_wrap li .service_link p a {
    position: relative;
    text-decoration: none;
    padding-right: 15px;
}

.area_check02 ul.service_wrap li .service_link p a::after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-top: 1px solid #e83416;
    border-right: 1px solid #e83416;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -4px;
}

.area_check02 ul.servicelist {
    display: flex;
    flex-flow: wrap;
    align-items: center;
}

.area_check02 ul.servicelist li {
    width: calc(100% / 3);
    padding: 10px;
}

.area_check02 ul.servicelist li:nth-child(1),
.area_check02 ul.servicelist li:nth-child(4) {
    padding-left: 0px;
}

.area_check02 ul.servicelist li:nth-child(3),
.area_check02 ul.servicelist li:nth-child(6) {
    padding-right: 0px;
}

.area_check02 ul.servicelist li img {
    max-height: 30px;
}

.area_check02 .appbtn {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.area_check02 .appbtn p {
    width: 50%;
    margin: 0 auto;
}

.area_check02 .appbtn p a {
    position: relative;
    display: block;
    width: 100%;
    padding: 5px 0px;
    border: 1px solid #f18d00;
    border-radius: 3px;
    color: #f18d00;
    text-decoration: none;
    font-size: 129%;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
}

.area_check02 .appbtn p a::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #f18d00;
    border-right: 2px solid #f18d00;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -5px;
}

.area_check02 .subbtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.area_check02 .subbtn>div {
    width: calc(100% / 2);
}

.area_check02 .subbtn .m-btn {
    text-decoration: none;
}

.area_check02 .inner.wid960 {
    width: 960px;
    margin: 0 auto;
}

.area_check02 #ServiceSelect #ServiceSelect_head h4 {
    margin-bottom: 0;
    font-size: 130%;
}

.area_check02 #ServiceSelect ul {
    background: #fff;
    padding: 10px;
}

.area_check02 #ServiceSelect ul li {
    position: relative;
    width: 32%;
    float: left;
    margin-bottom: 2%;
    margin-right: 2%;
}

.area_check02 #ServiceSelect ul li label {
    display: block;
    position: relative;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -ms-border-radius: 5px;
}

.area_check02 #ServiceSelect ul li label.checked {
    background: #ffffcc;
}

.area_check02 #ServiceSelect ul li#net label.checked {
    background: #d4e7f1;
}

.area_check02 #ServiceSelect ul li#tv label.checked {
    background: #f7deec;
}

.area_check02 #ServiceSelect ul li#phone label.checked {
    background: #d0ecda;
}

.area_check02 #ServiceSelect ul li#ele label.checked {
    background: #fde8ca;
}

.area_check02 #ServiceSelect ul li#mobile label.checked {
    background: #c5e6e7;
}

.area_check02 #ServiceSelect ul li#gas label.checked {
    background: #b6c2de;
}

.area_check02 #ServiceSelect ul li:nth-child(3),
.area_check02 #ServiceSelect ul li:nth-child(6) {
    margin-right: 0;
}

.area_check02 #ServiceSelect ul li:nth-child(4),
.area_check02 #ServiceSelect ul li:nth-child(5),
.area_check02 #ServiceSelect ul li:nth-child(6) {
    margin-bottom: 0;
}

.area_check02 #ServiceSelect ul li#net label {
    border: 2px solid #0084d0;
}

.area_check02 #ServiceSelect ul li#tv label {
    border: 2px solid #fd0089;
}

.area_check02 #ServiceSelect ul li#phone label {
    border: 2px solid #00a438;
}

.area_check02 #ServiceSelect ul li#ele label {
    border: 2px solid #ef8c23;
}

.area_check02 #ServiceSelect ul li#mobile label {
    border: 2px solid #1ea4aa;
}

.area_check02 #ServiceSelect ul li#gas label {
    border: 2px solid #0d308e;
}

.area_check02 #ServiceSelect ul li img.selectImg {
    width: 70% !important;
    margin: 0;
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
}

.area_check02 #ServiceSelect ul li label p {
    text-align: center;
}

.area_check02 #ServiceSelect ul li .tooltip {
    width: 29px;
    position: absolute;
    top: -10px;
    right: -10px;
}

.area_check02 #ServiceSelect ul li .tooltip img {
    width: 100%;
    margin: 0;
    padding: 0;
}

.area_check02 #jcom_mansion .toolTipBaloonTypeA {
    left: 160px;
    font-size: 75%;
}

.area_check02 .Information_Title {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
}

.area_check02 .entry_field {
    width: 49%;
}

.area_check02 .SelectLeft {
    position: relative;
    width: 20%;
    float: left;
}

.area_check02 .SelectRight {
    width: 80%;
    float: left;
}

.area_check02 #entry_box {
    width: 560px;
}

.area_check02 #entry_box a {
    width: calc(100% / 2 - 6px);
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.area_check02 #entry_box a:first-child {
    margin-right: 5px;
}

.area_check02 .toolTipBaloonTypeA {
    display: none;
    position: absolute;
    top: -168px;
    left: 145px;
    padding: 10px;
    width: 205px;
    height: 160px;
    line-height: 1.5;
    text-align: left;
    background: #fff;
    border: 1px solid #ddd;
    z-index: 100;
    border-radius: 3px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

.area_check02 #jcom_mansion .toolTipBaloonTypeA {
    left: 100%;
    width: 200px;
    margin-left: -121px;
    font-size: 75%;
}

.area_check02 .toolTipBaloonTypeA.isActive {
    display: block;
}

.area_check02 #entry_box {
    width: 550px;
}

.area_check02 #entry_box a {
    width: calc(100% / 2 - 6px);
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.area_check02 #entry_box a:first-child {
    margin-right: 5px;
}

.area_check02 #ServiceSelect .btn_wrap {
    background: #f5f5f5;
    padding: 10px;
}

.btn_wrap .w50 {
    margin: 0 auto;
}

.area_check02 .ReturnBtn {
    position: relative;
}

.area_check02 .ReturnBtn::before {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #333333;
    border-right: solid 2px #333333;
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    position: absolute;
    top: 50%;
    left: 5px;
    margin-top: -5px;
}

.area_check02 .ReturnBtn a {
    margin-left: 15px;
    color: #333;
    text-decoration: none;
}

#areaSelect .section-important .container {
    overflow: hidden;
    background: #FDECEE;
    border-radius: 8px;
    padding: 12px 24px;
}

#areaSelect .section-important h2 {
    margin-bottom: 8px;
    text-align: left;
    font-weight: bold;
    line-height: 1.5;
    color: #333;
}

#areaSelect .section-important dl {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
}

#areaSelect .section-important dl a {
    transition: .3s opacity ease-out;
    color: #406FAF;
    text-decoration: none;
}

#areaSelect .section-important dl a:hover {
    opacity: .7;
}

#areaSelect .box {
    overflow: hidden;
    background: #F2F2F2;
    color: #333 !important;
    border-radius: 8px;
    max-width: 738px;
    margin: 0 auto;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
}

#areaSelect .box .box-header {
    height: 40px;
    position: relative;
    background-color: #EE5D44;
    padding: 8px 16px;
    font-weight: bold;
    color: #fff !important;
    text-align: center;
    font-size: 16px;
}

#areaSelect .box .box-body {
    border: 1px solid #EE5D44;
    border-top: none;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 20px 20px;
    background: #fff !important;
}

#areaSelect .box .box-body_text {
    margin: 0;
    letter-spacing: normal !important;
}

#areaSelect .box .text-check,
#areaSelect .box .text-check-primary,
#areaSelect .box .text-atn,
#areaSelect .box .text-qst {
    position: relative;
    padding-left: 32px;
}

#areaSelect .box .text-check::before,
#areaSelect .box .text-check-primary::before,
#areaSelect .box .text-atn::before,
#areaSelect .box .text-qst::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
}

#areaSelect .box .text-atn::before {
    background: url(/common_v10/images/icn-text-atn.svg) no-repeat center center/contain;
}

#areaSelect .box .un-important .link-blank {
    font-weight: normal !important;
}

#areaSelect .box .link-blank::after,
#areaSelect .box .link-blank-black::after,
#areaSelect .box .link-blank-white::after {
    content: "";
    position: absolute;
    top: 1px;
    bottom: 0;
    right: 0;
    display: inline-block;
    background: url(/common_v10/images/icn-link-blank-blue.svg) no-repeat center center/contain;
    width: 16px;
    height: 16px;
    margin: auto;
}

#areaSelect .box .link-blank,
#areaSelect .box .link-blank-black,
#areaSelect .box .link-blank-white {
    position: relative;
    display: inline-block;
    color: #406FAF !important;
    padding-right: 18px;
    transition: .3s opacity ease-out;
}

#areaSelect .box a:link {
    transition: .3s opacity ease-out;
    color: #406FAF;
    text-decoration: none;
}

/*チェックボックス
---------------------------------------------------- */
.area_check02 #ServiceSelect_body input[type="checkbox"] {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.area_check02 #ServiceSelect_body label {
    display: block;
    word-break: break-all;
    padding: 15px;
}

.area_check02 #ServiceSelect_body label .SelectBox {
    position: relative;
}

/*#ServiceSelect_body label.checked {
background: #fcf4d0;
}*/

.area_check02 #ServiceSelect_body:nth-of-type(1) label input[type="checkbox"]+span::before {
    border-color: #999;
    background-color: #fff;
}

.area_check02 #ServiceSelect_body:nth-of-type(1) label input[type="checkbox"]:checked+span::before {
    background-color: #fff;
}

.area_check02 #ServiceSelect_body label input[type="checkbox"] {
    display: none;
}

.area_check02 #ServiceSelect_body label input[type="checkbox"]+span::before,
.area_check02 #ServiceSelect_body label input[type="checkbox"]+span::after {
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: -8.5px;
}

.area_check02 #ServiceSelect_body label input[type="checkbox"]+span::before {
    z-index: 0;
    background-color: transparent;
    width: 20px;
    height: 20px;
    border: 2px #ccc solid;
    background-color: #fff;
}

.area_check02 #ServiceSelect_body label input[type="checkbox"]+span::after {
    z-index: 1;
    margin-top: -8px;
    width: 8px;
    height: 15px;
}

.area_check02 #ServiceSelect_body label input[type="checkbox"]:checked+span::before {
    background-color: #fff;
}

.area_check02 #ServiceSelect_body label input[type="checkbox"]:checked+span::after {
    margin-left: 6px;
    border: 2px solid red;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#request .contact_wrap .title {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

#request .contact_wrap .tel {
    text-align: center;
}

#request .contact_wrap .tel a {
    margin: 0 0 3px;
    padding: 0;
    color: #05277e;
    font-size: 40px;
    line-height: 1.5;
    font-family: 'arial';
    text-decoration: none;
    cursor: pointer;
    text-align: center;
}

#request .contact_wrap .tel img {
    width: 50px;
    vertical-align: middle;
}

#request .contact_wrap .text {
    text-align: center;
}


/* 見出し
---------------------------------------------------- */

.midashi_s {
    margin: 0 0 10px 0px;
    padding: 2px 0 2px 10px;
    font-size: 129%;
    font-weight: normal;
    border-left: 4px solid #f18d00;
    font-weight: bold;
}

/* main
---------------------------------------------------- */
.wrap .contents {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

#input_v2 .inner {
    width: 860px;
    margin: 0 auto;
    padding: 25px 0 35px;
}

#tab1612 {
    width: 100%;
    margin: 10px 0 30px;
    padding: 0 1%;
    overflow: hidden;
    background: url(/common_form/img/share/bg_tab1612.gif) repeat-x 0% 100%;
}

#tab1612 li {
    width: 48.5%;
    margin: 0 0.75%;
    padding: 0;
    float: left;
}

.input_img {
    width: 90%;
    margin: 0 auto;
}

.midashi_note {
    color: #e73c22;
    margin-left: 10px;
    font-family: initial;
    font-size: 50%;
}

/* tel
---------------------------------------------------- */
.tel_wrap p.txt_01 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}

.tel_wrap .tel_num a {
    line-height: 30px;
    font-size: 42px;
    font-weight: bold;
    color: #0e0d6a !important;
    text-decoration: none;
    font-family: 'arial';
}

.tel_wrap .tel_num a::before {
    content: "";
    display: inline-block;
    background: url(/common_form/img/common/icon/freecall.svg) no-repeat;
    background-size: 50px;
    width: 50px;
    height: 43px;
    vertical-align: bottom;
    margin-right: 5px;
}

.tel_wrap .tel_time {
    font-size: 100%;
    font-weight: bold;
    margin-left: 20px;
}

/* login_box
---------------------------------------------------- */
a#loginButton_p.btnTypeEntry::after {
    border: none;
}

a#loginButton_login {
    font-size: 1.125rem;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    border-radius: 4px;
    text-align: center;
    text-decoration: none;
    padding: 17px 0;
    position: relative;
    background-color: #ea492e;
    width: 41.66667%;
}

a#loginButton_login::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    position: absolute;
    right: 13px;
    top: 50%;
    margin-top: -5px;
}

body.user_info #input_v2 .inner #login_box {
    margin: 0 auto;
    width: 100%;
    padding: 10px 20px 10px;
    height: auto;
}

#input_v2 .inner #login_box .btnBox {
    width: 500px;
    margin: 0 auto;
}

#input_v2 .inner #login_box p {
    margin-bottom: 5px;
}

body.user_info #input_v2 .inner .coution_wrap_l,
body.user_info #input_v2 .inner .coution_wrap_r {
    float: left;
    width: calc(100% / 2);
}

body.user_info #input_v2 .inner .coution_wrap_l>div {
    margin: 5px auto 0px;
}

#loginButton_p {
    width: 200px;
    margin: 0px 24.5px;
}

.coution_wrap_r .Ylogin_noteBox {
    float: none;
    width: 250px;
    height: auto;
    margin: 5px auto 0px;
    padding: 0;
    border: none;
}

#input_v2 .inner .yconnectLogin {
    display: block;
    width: 160px;
    height: 38px;
    margin-left: 24.5px;
}

.YloginBtn {
    height: 38px;
    vertical-align: middle;
    padding: 0px;
}

#coution1 .txt_02 {
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 20px;
}

#coution1 .tel_num {
    margin-bottom: 5px;
    text-align: center;
    display: block;
}

#coution1 .tel_num a {
    line-height: 30px;
    font-size: 42px;
    font-weight: bold;
    color: #0e0d6a !important;
    text-decoration: none;
    font-family: 'arial';
}

#coution1 .tel_num a::before {
    content: "";
    display: inline-block;
    background: url(/common_form/img/common/icon_free_tel_002.jpg) no-repeat;
    background-size: 45px;
    width: 45px;
    height: 38px;
    vertical-align: bottom;
    margin-right: 5px;
}

#coution1 .tel_time {
    display: block;
    font-size: 129%;
    font-weight: bold;
    text-align: center;
}

body.user_info #input_v2 .inner .accoOuter2 {
    border: 1px solid #d2d1d2;
    border-radius: 5px;
}

body.user_info #input_v2 .inner .accoOuter2 .accoOuter_title {
    padding: 10px 15px 8px 15px;
    background-color: #efefef;
    border-radius: 5px 5px 0 0;
    text-align: center;
}

body.user_info #input_v2 .inner .accoOuter2 .accoOuter_title h4 {
    font-weight: bold;
    font-size: 16px;
}

body.user_info #input_v2 .inner .accoOuter2 .accoOuter_content {
    padding: 20px 15px;
}

body.user_info #input_v2 .inner .accoOuter2 .accoOuter_content .acco_btn {
    position: relative;
    padding: 10px 15px;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}

body.user_info #input_v2 .inner .accoOuter2 .accoOuter_content .acco_btn.isActive {
    border-radius: 5px 5px 0 0;
}

body.user_info #input_v2 .inner .accoOuter2 .accoOuter_content .acco_btn::before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    transform: translateY(-50%) rotate(135deg);
    position: absolute;
    right: 20px;
    top: 50%;
}

body.user_info #input_v2 .inner .accoOuter2 .accoOuter_content .acco_btn.isActive::before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    transform: translateY(-50%) rotate(-45deg);
    position: absolute;
    right: 20px;
    top: 50%;
}

body.user_info #input_v2 .inner .accoOuter2 .accoOuter_content .accoBody {
    border-radius: 0 0 5px 5px;
}

body.user_info #input_v2 .inner .accoOuter_sc .accoOuter_content {
    border: 2px solid #E2E2E2;
    border-radius: 10px;
    padding: 10px 12px;
    font-size: 16px;
}

body.user_info #input_v2 .inner .accoOuter_sc .accoOuter_content .acco_btn {
    font-weight: bold;
    position: relative;
    cursor: pointer;
}

body.user_info #input_v2 .inner .accoOuter_sc .accoOuter_content .acco_btn::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    transform: translateY(-50%) rotate(135deg);
    position: absolute;
    right: 20px;
    top: 50%;
}

body.user_info #input_v2 .inner .accoOuter_sc .accoOuter_content .acco_btn.isActive::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    transform: translateY(-50%) rotate(-45deg);
    position: absolute;
    right: 20px;
    top: 50%;
}

/* form table
---------------------------------------------------- */
#nextButton.annotation_btn {
    padding: 10px;
}

#nextButton .annotation, #nextButton .next {
    display: none;
}

#nextButton.annotation_btn .annotation {
    display: block;
}

#nextButton:not(.annotation_btn) .next {
    display: block;
}

a#nextButton.annotation_btn::after {
    content: none;
}

#nextButton .main_text {
    font-size: 20px;
}

#nextButton .sub_text {
    font-size: 10px;
    margin-top: 10px;
}

body.user_info #input_v2 select {
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    appearance: menulist !important;
}

@media all and (-ms-high-contrast: none) {
    .selectList-select {
        position: relative;
        display: inline-block;
    }

    .selectList-select::after {
        content: '';
        width: 0;
        height: 0;
        border: 0px;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        border-top: 6px solid #666666;
        pointer-events: none;
        position: absolute;
        top: 50%;
        right: 5px;
        margin-top: -4px;
    }

    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding: 2px 13px 2px 5px;
    }

    select::-ms-expand {
        display: none;
    }

    select+span {
        display: inline-block;
    }
}

@supports (-ms-ime-align:auto) {
    .selectList-select {
        position: relative;
        display: inline-block;
    }

    .selectList-select::after {
        content: '';
        width: 0;
        height: 0;
        border: 0px;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        border-top: 6px solid #666666;
        pointer-events: none;
        position: absolute;
        top: 50%;
        right: 5px;
        margin-top: -4px;
    }

    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding: 2px 13px 2px 5px;
    }

    select::-ms-expand {
        display: none;
    }

    select+span {
        display: inline-block;
    }
}

body.user_info #input_v2 .inner .subtitle {
    padding: 13.5px 12px;
    margin-bottom: 0;
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

body.user_info #input_v2 .inner .subtitle>span {
    position: relative;
    display: block;
    border-left: 5px solid #f18d00;
    margin: 5px 0 0;
    padding: 0 0 0 8px;
}

body.user_info #input_v2 .inner .subtitle span.required {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    font-size: 69%;
    color: #fff;
    padding: 2px 8px;
    border-radius: 2px;
    margin-right: 5px;
    background-color: #e83416;
    float: left;
}

#input_v2 .inner .subtitle span.any {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    font-size: 69%;
    color: #fff;
    padding: 2px 8px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    margin-right: 5px;
    background-color: #999;
    float: left;
}

/*
body.user_info #input_v2 .inner .subtitle span.text {
  font-weight: bold;
}
*/
#input_v2 .inner .subtitle span.any+span.text,
body.user_info #input_v2 .inner .subtitle span.required+span.text {
    display: inline-block;
    padding-left: 40px;
}

body.user_info #input_v2 .inner .subtitle span.required.hide+span.text {
    padding-left: 0px;
}

.modal_body .subtitle2,
body.user_info #input_v2 .inner .subtitle2,
body#request #input_v2 .subtitle3 {
    position: relative;
    padding: 10px 15px 8px 15px;
    background-color: #efefef;
    border-top: #ccc 1px solid;
    border-left: #ccc 1px solid;
    border-right: #ccc 1px solid;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    color: #333;
    font-size: 16px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    -moz-box-shadow: 0px 0px 2px rgba(000, 000, 000, 0.1), inset 0px 0px 1px rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: 0px 0px 2px rgba(000, 000, 000, 0.1), inset 0px 0px 1px rgba(255, 255, 255, 0.3);
    margin: 0;
}

body.user_info #input_v2 .inner .subtitle2 .close_btn {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -10px;
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #666;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
}

body.user_info #input_v2 .inner .subtitle2 .close_btn::before,
body.user_info #input_v2 .inner .subtitle2 .close_btn::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 2px;
    margin: -1px 0 0 -6px;
    background: #666;
}

body.user_info #input_v2 .inner .subtitle2 .close_btn::before {
    transform: rotate(-45deg);
}

body.user_info #input_v2 .inner .subtitle2 .close_btn::after {
    transform: rotate(45deg);
}

body.user_info #input_v2 .inner .subtitle2 .close_btn:hover {
    opacity: 0.8;
}

body.user_info #input_v2 .inner .inputtext {
    width: 100%;
    padding: 8px 3%;
    border: #ccc 1px solid;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(200, 200, 200, 0.2) inset;
    box-shadow: 0 0 2px 2px rgba(200, 200, 200, 0.2) inset;
    font-family: Helvetica, Arial, sans-serif;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body.user_info #input_v2 .inner .inputtextA {
    width: 60%;
    float: right;
    letter-spacing: normal;
}

body.user_info #input_v2 .inner .inputtextB {
    width: 65%;
}

body.user_info #input_v2 .inner .inputtextC {
    width: 120px;
}

body.user_info #input_v2 .inner .inputtextD {
    width: 240px;
}

.toolTipBaloonTypeA.lytFix2 {
    height: auto;
    left: 0px;
    padding: 2px 5px;
    top: -30px;
    width: auto;
}

.toolTipBaloonTypeA.lytFix2 p {
    margin: 0;
}

.inputBox .toolTipBaloonTypeA.lytFix2 {
    height: auto;
    left: 95px;
    padding: 2px 5px;
    top: -30px;
    width: auto;
}

#input_v2 .inner td.c2 label.select .toolTipBaloonTypeA {
    font-family: "ＭＳ Ｐゴシック", MS Gothic, "ヒラギノ角ゴ Pro W3", Osaka, sans-serif !important;
    position: absolute;
    top: -168px;
    left: -112px;
    padding: 10px;
    width: 250px;
    height: 140px;
    line-height: 1.5;
    text-align: left;
    background: #fff;
    border: 1px solid #ddd;
    z-index: 100;
    border-radius: 3px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

body.user_info #input_v2 .inputBox {
    width: calc(100% / 2 - 10px);
    letter-spacing: -.4em;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

body.user_info #input_v2 .inputBox span {
    letter-spacing: normal;
}

body.user_info #input_v2 .annotation {
    font-size: 86%;
    margin-left: 0.5em;
}

body.user_info #input_v2 .inner .inputFormTable1, #input_v2 .inner .inputFormTable2 {
    width: 100%;
    margin: 0 0 20px;
    padding: 15px;
    border-spacing: 0px;
    border: 1px solid #d2d1d2;
    border-collapse: separate;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

body.user_info #input_v2 .inner .inputFormTable1 th {
    padding: 12px 12px;
    background-color: #fff;
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

body.user_info #input_v2 .inner th.required {
    padding-left: 55px !important;
    background: #fff;
    background-image: none;
}

body.user_info #input_v2 .inner .inputFormTable1 th,
body.user_info #input_v2 .inner .inputFormTable1 td {
    border: none;
    border-bottom: 1px dashed #d2d1d2;
}

body.user_info #input_v2 .inner .inputFormTable1 td>.iconTooltip,
body.user_info #input_v2 .inner .inputFormTable1 td div>.iconTooltip {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

body.user_info #input_v2 .inner .inputFormTable1 td.error_wrap .column,
body.user_info #input_v2 .inner .inputFormTable1 td.error_wrap label {
    align-items: baseline;
}

body.user_info #input_v2 .inner .inputFormTable1 td.error_wrap label .column {
    width: 60%;
}

body.user_info #input_v2 .inner .inputFormTable1 td.error_wrap label input {
    width: 100%;
}

body.user_info #input_v2 .inner .inputFormTable1 td.error_wrap .error_text {
    margin-bottom: 5px;
    letter-spacing: normal;
    font-size: 12px;
    display: none;
    color: #e73c22;
}

#input_v2 .inner .inputFormTable1 td.w50 {
    width: 50%;
}

#input_v2 .inner .inputFormTable1 td.w55 {
    width: 55%;
}

#input_v2 .inner .inputFormTable1 td.w60 {
    width: 60%;
}

#input_v2 .inner .inputFormTable1 td.w65 {
    width: 65%;
}

#input_v2 .inner .inputFormTable1 td.w70 {
    width: 70%;
}

#input_v2 .inner .inputFormTable1 td.w75 {
    width: 75%;
}

#input_v2 .inner .inputFormTable1 td.w80 {
    width: 80%;
}

#input_v2 .inner .inputFormTable1 td.w85 {
    width: 85%;
}

#input_v2 .inner .inputFormTable1 td.w90 {
    width: 90%;
}

#input_v2 .inner .inputFormTable1 td.w95 {
    width: 95%;
}

body.user_info #input_v2 .inner .inputFormTable1 tr:last-child th,
body.user_info #input_v2 .inner .inputFormTable1 tr:last-child td {
    border-bottom: 0px dashed #d2d1d2;
}

body.user_info #input_v2 .inner .inputFormTable1 tr:last-child td {
    margin-bottom: 0px;
}

body.user_info #input_v2 .inner .c1 label.select,
body.user_info #input_v2 .inner .c2 label.select:nth-child(odd),
body.user_info #input_v2 .inner .c3 label.select:nth-child(1),
body.user_info #input_v2 .inner .c3 label.select:nth-child(4),
body.user_info #input_v2 .inner .c3 label.select:nth-child(7),
body.user_info #input_v2 .inner .c3 label.select:nth-child(10),
body.user_info #input_v2 .inner .c4 label.select:nth-child(1),
body.user_info #input_v2 .inner .c4 label.select:nth-child(5),
body.user_info #input_v2 .inner .c5 label.select:nth-child(1),
body.user_info #input_v2 .inner .c5 label.select:nth-child(6),
body.user_info #input_v2 .inner .c6 label.select:nth-child(1),
body.user_info #input_v2 .inner .c6 label.select:nth-child(7) {
    margin-left: 0;
}

body.user_info #input_v2 .inner .c2 label.select {
    margin: 5px 0 5px 5px;
}

body.user_info #input_v2 .inner label.select {
    display: block;
    float: left;
    cursor: pointer;
    padding: 10px 5px 10px 35px;
    position: relative;
    border: 1px solid #d2d1d2;
    margin: 5px 0 5px 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    font-size: 14px;
    line-height: 1.6;
}

body.user_info #input_v2 .inner .isInputRequired label.select {
    background: #fff1eb;
}

body.user_info #input_v2 .inner .isInputRequired label.select.noRequired {
    background: initial;
}

body.user_info #input_v2 .inner .c1 label.select {
    width: calc(100% / 1);
    float: left;
    margin-right: 0;
}

body.user_info #input_v2 .inner .c2 label.select {
    width: calc(100% / 2 - 3px);
    float: left;
}

body.user_info #input_v2 .inner .c3 label.select {
    width: calc(100% / 3 - 4px);
    float: left;
}

body.user_info #input_v2 .inner .c4 label.select {
    width: calc(100% / 4 - 4px);
    float: left;
}

body.user_info #input_v2 .inner .c5 label.select {
    width: calc(100% / 5 - 4px);
    float: left;
}

body.user_info #input_v2 .inner .selectinner .c1 label.select {
    width: calc(100% / 1);
    float: left;
}

body.user_info #input_v2 .inner .selectinner .c2 label.select {
    width: calc(100% / 2 - 3px);
    float: left;
}

body.user_info #input_v2 .inner .selectinner .c3 label.select {
    width: calc(100% / 3 - 4px);
    float: left;
}

body.user_info #input_v2 .inner .selectinner .c4 label.select {
    width: calc(100% / 4 - 4px);
    float: left;
}

body.user_info #input_v2 .inner .selectinner .c5 label.select {
    width: calc(100% / 5 - 4px);
    float: left;
}

body.user_info #input_v2 .inner .txt_c2 p {
    width: calc(100% / 2 - 3px);
    float: left;
}

div.c2 .ListBox {
    width: calc(100% / 2 - 4px);
    float: left;
}

body.user_info #input_v2 .inner .inputFormTable1 tr td .boxC2 {
    width: calc(100% / 2 - 4px);
    display: inline-block;
    vertical-align: middle;
}

body.user_info #input_v2 .inner .sideselect {
    padding: 14px 0;
}

body.user_info #input_v2 .inner label.select input {
    display: none;
    margin: 0;
}

body.user_info #input_v2 .inner label.select>span:not([class]):before {
    margin-top: -8px;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
    background-image: linear-gradient(#fff, #ddd);
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 50%;
    left: 10px;
    content: "";
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body.user_info #input_v2 .inner label.select>span:not([class]):after {
    margin-top: -8px;
    width: 15px;
    height: 15px;
    background-color: #9c3;
    background: url(/common_form/img/share/icon_check.png) 0% 0% no-repeat;
    background-size: 15px 15px;
    position: absolute;
    top: 50%;
    left: 10px;
    content: "";
    visibility: hidden;
}

body.user_info #input_v2 .inner .radio label.select>span:not([class]):before {
    margin-top: -8px;
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
    background-image: linear-gradient(#fff, #ddd);
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 50%;
    left: 10px;
    content: "";
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

body.user_info #input_v2 .inner .radio label.select>span:not([class]):after {
    margin-top: -5px;
    width: 9px;
    height: 9px;
    background: none;
    background-color: #9c3;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 13px;
    content: "";
    visibility: hidden;
}

body.user_info #input_v2 .inner label.select .tooltip {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -12.5px;
    display: inline-block;
    width: 25px;
    cursor: pointer;
}

body.mobile_step th .tooltip,
body.mobile_step th .tooltip img {
    position: static;
    width: auto;
    height: auto;
    display: inline-block;
}

body.mobile_step th .tooltip img {
    transform: translateY(-5px);
}

body.user_info #input_v2 .inner span .subtitleComments {
    display: block;
    font-size: 86%;
}

body.user_info #input_v2 .inner span.any~.subtitleComments,
body.user_info #input_v2 .inner span.required~.subtitleComments {
    padding-left: 40px;
}

.requiredTxt {
    background: none;
    padding-left: 0px;
    font-size: 12px;
    min-height: 19px;
}

.requiredTxt>span {
    display: block;
    border-left: 5px solid #999;
    margin: 5px 0 0;
    padding: 0 0 0 8px;
}

.requiredTxt span.required {
    font-size: 69%;
    color: #fff;
    padding: 2px 8px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    margin-right: 5px;
    background-color: #e83416;
    float: left;
}

#ele_wrap {
    margin: 0;
}

body.user_info #input_v2 .subtitle2 span#ele_text {
    display: inline-block;
    padding: 18px 10px;
}

#ele_wrap #ele_check {
    background: #fff;
}

#ele_wrap h3 {
    float: none;
}

#ele_wrap #ele_check img {
    width: 80%;
    padding-right: 10px;
}

.selectList_S_M {
    display: inline-block;
}

/*
body.user_info .errBox {
    padding: 15px;
    border: 2px solid #ffb0b0;
    background-color: #fff1f1;
    -moz-box-shadow: 0px 1px 2px rgba(000,000,000,0.1),inset 0px 0px 1px rgba(255,255,255,0.3);
    -webkit-box-shadow: 0px 1px 2px rgba(000,000,000,0.1), inset 0px 0px 1px rgba(255,255,255,0.3);
}
*/
body.user_info #input_v2 .inner .number_before label {
    letter-spacing: -.4em;
}

body.user_info #input_v2 .inner .announce_text,
body.user_info #input_v2 .inner .announce_input {
    display: inline-block;
    letter-spacing: normal;
}

body.user_info #input_v2 .inner .announce_text {
    width: 45%;
}

body.user_info #input_v2 .inner .announce_input {
    width: 55%;
}

.terminal_mnp_count {
    text-align: center;
    background: #cccccc;
}

#confirm .breakdown_details {
    margin-bottom: 10px;
}

#confirm .breakdown_details p a {
    color: #333;
}

#confirm .breakdown_details p span {
    display: inline-block;
    margin-left: 5px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #333;
    text-align: center;
    line-height: 20px;
}

.filtering_txt h4 {
    border-left: 5px solid #f18d00;
    margin: 5px 0 0;
    padding: 0 0 0 8px;
    font-weight: bold;
}

.teble_text {
    padding: 10px;
    background: #efefef;
    border: 1px solid #ccc;
}

#filtering .filtering_input {
    display: flex;
    justify-content: center;
}

#filtering .filtering_input label {
    margin-left: 0 !important;
}

.agree_wrap .agree_list label {
    padding: 3px 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.agree_wrap .input_01 {
    margin: 0;
    width: 0;
    opacity: 0;
}

.agree_wrap .input {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 18px;
    height: 18px;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .4) inset;
}

.agree_wrap .text {
    margin-left: 10px;
    display: block;
    width: calc(100% - 30px);
}

.agree_wrap label.checked .input_01+.input::before,
.agree_wrap .input_01:checked+.input::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 35%;
    height: 2px;
    transform: translate(-4px, 2px) rotateZ(-135deg);
    transform-origin: 1px 1px;
    background: #FFFFFF;
}

.agree_wrap label.checked .input_01+.input::after,
.agree_wrap .input_01:checked+.input::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70%;
    height: 2px;
    transform: translate(-3px, 3px) rotateZ(-45deg);
    transform-origin: 1px 1px;
    background: #FFFFFF;
}

.agree_wrap label.checked .input_01+.input,
.agree_wrap .input_01:checked+.input {
    background: #555555;
}

/* ----------------------------------------------------
 #help_navi
---------------------------------------------------- */
#help_navi {
    margin: 0;
    padding: 0;
    position: fixed;
    bottom: 10%;
    left: -280px;
    z-index: 50;
}

#help_navi {
    left: -280px;
}

#help_navi #help_navi_body {
    width: 317px;
    height: 170px;
}

#help_navi #help_navi_body {
    width: 340px;
    height: 170px;
}

#help_navi .vrl {
    float: right;
    background: #ccc;
    height: 170px;
    padding: 0px 6px;
    color: #fff;
    border-radius: 0 5px 5px 0 !important;
    -webkit-border-radius: 0 5px 5px 0 !important;
    -moz-border-radius: 0 5px 5px 0 !important;
    -ms-border-radius: 0 5px 5px 0 !important;
    border-radius: 0 5px 5px 0 !important;
    border: 2px solid #fff;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    letter-spacing: 0.3rem;
    cursor: pointer;
    font-size: 14px;
    line-height: 23px;
    width: 37px;
}

#help_navi .vrl {
    background: #848484;
    width: 60px;
    padding: 0px 15px;
    margin: 0;
}

#help_navi .vrl span#help_navi_caption {
    margin: 20px 0;
}

#help_navi .vrl i {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
}

#help_navi .vrl i:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 12px;
    height: 2px;
    background-color: #f2f2f2;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

@media all and (-ms-high-contrast: none) {
    #help_navi .vrl i:before {
        right: 20px;
    }
}

#help_navi .vrl i:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 12px;
    height: 2px;
    background-color: #f2f2f2;
}

#help_navi.open .vrl i:before {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

#help_naviopen .vrl i:after {
    background-color: transparent;
}

/*
body.mobile_step #help_navi .vrl .text { margin-top:20px; }
*/
#help_navi .body_box {
    float: left;
    width: 280px;
    height: 170px;
    padding: 15px 10px;
    border: 2px solid #ccc;
    background: #fff;
}

#help_navi .body_box #help_navi_btn {
    width: 250px;
    margin: 0 auto;
}

#help_navi .body_box #help_navi_btn a {
    display: block;
    padding: 10px 0px 10px;
    background: #fff;
    border: 2px solid #226bc4;
    border-radius: 4px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    line-height: 1.2;
    color: #226bc4 !important;
    text-align: center;
    text-decoration: none;
}

@media screen and (max-width: 767px) {
    #help_navi {
        left: -280px;
    }

    #help_navi #help_navi_body {
        width: 320px;
        height: 170px;
    }

    #help_navi .vrl {
        background: #848484;
        width: 40px;
        padding: 0px 6px;
    }
}

/* body.user_info.mobile_step
---------------------------------------------------- */
.mobileList label.select .img.landscape {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 113px;
}

.mobileList .detail {
    display: flex;
}

.mobileList .detail div {
    width: calc(100% / 3);
    font-size: 10px;
}

.mobileList label div,
body.user_info.mobile_step #input_v2 .inner .mobileList label div {
    border: 0px solid #dadada;
    border-radius: 3px;
}

.mobileList label .input,
body.user_info.mobile_step #input_v2 .inner .mobileList label .input {
    margin: 0;
    padding: 12px 0;
    background: #efefef;
    border-bottom: 1px solid #dadada;
}

.mobileList label.select .input>span:not([class]):before,
body.user_info.mobile_step #input_v2 .inner .mobileList label.select .input>span:not([class]):before {
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
    background-image: linear-gradient(#fff, #ddd);
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    left: 50%;
    content: "";
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    margin-left: -8px;
    margin-top: 4px;
}

.mobileList label.select .input>span:not([class]):after,
body.user_info.mobile_step #input_v2 .inner .mobileList label.select .input>span:not([class]):after {
    width: 9px;
    height: 9px;
    background: none;
    background-color: #9c3;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 50%;
    content: "";
    margin-left: -5px;
    margin-top: 7px;
    visibility: hidden;
}

.mobileList label.select.on .input>span:not([class]):after,
body.user_info.mobile_step #input_v2 .inner .mobileList label.select.on .input>span:not([class]):after {
    visibility: visible;
}

.mobileList .img img,
body.user_info.mobile_step #input_v2 .inner .mobileList .img img {
    height: 105px;
    width: auto;
}

.mobileList label.select .tooltip,
body.user_info.mobile_step #input_v2 .inner .mobileList label.select .tooltip {
    top: 38px;
    right: 0px;
    position: absolute;
}

body.user_info #input_v2 .inner .mobile_color {
    border: 1px solid #d2d1d2;
    position: absolute;
    top: 50%;
    right: 5%;
    margin-top: -12px;
    width: 50px;
    height: 24px;
}

body.mobile_step div#nextButton_fa_tag {
    margin: 10px auto;
    font-size: 16px;
    text-decoration: none;
    font-style: normal;
    font-weight: bold;
    color: #ffffff;
    line-height: 28px !important;
    padding: 7px 0px;
    height: 64px !important;
    text-shadow: 0 0px 0px #e83416;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
}

body.mobile_step #wrap p {
    margin-top: 0;
}

body.user_info #input_v2 .inner label.select.on>span:not([class]):after {
    visibility: visible;
}

body.user_info #input_v2 .inner td .over_select {
    max-width: 555px;
}

body.user_info #input_v2 .inner td .over_select select {
    width: 100%;
}

body.user_info #input_v2 .inner td .over_select select option {
    max-width: 555px;
    white-space: normal;
}

/* エリア選択
---------------------------------------------------- */
#areaSelect .inner .requiredTxt>span {
    display: block;
    border-left: 5px solid #f18d00;
    margin: 5px 0 0;
    padding: 0 0 0 8px;
}

.detail_link {
    float: right !important;
    text-align: center !important;
}

.detail_link.fL {
    float: left !important;
    text-align: center !important;
}

.toolTipBaloonTypeA.lytFix {
    height: auto;
    left: 26px;
    padding: 2px 5px;
    top: -17px;
    width: auto;
}

.toolTipBaloonTypeA.lytFix p {
    margin: 0;
}

.toolTipBaloonTypeA.lytFix.rightBox {
    left: 165px;
}


/*pid_caution2
---------------------------------------------------- */
table.service_web_table {
    padding: 5px;
    border-collapse: separate;
}

table.service_web_table tr th {
    padding: 2px 10px;
    font-weight: normal;
}

table.service_web_table tr th.fwb {
    font-weight: bold !important;
}

table.service_web_table tr td {
    padding: 2px 10px;
}

#input_v2 .inner td .koujiList.fs14 {
    margin: 8px 0 0;
    font-size: 100%;
}

body.en_wrap #input_v2 .inner td .koujiList_title {
    display: inline-block;
    min-width: 100px;
}

#confirm .confTable th.midashi1-1 {
    width: 245px;
}

#confirm .confTable th.midashi2-1 {
    width: 159px;
}

#confirm .confTable th.midashi2-2 {
    width: 159px;
}

#confirm .confTable th.midashi2-3 {
    width: 159px;
}

#confirm .confTable th.midashi3 {
    width: 159px;
}

#confirm .campTable th {
    width: 240px;
    height: 35px;
    padding: 10px 10px 8px;
    border: 1px solid #d9d9d9;
    vertical-align: middle;
    background-color: #fff7f6;
    color: #ff4d31;
    text-align: left;
}

#preventDoubleForm #campaign th,
#preventDoubleForm #campaign td {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    border: 0px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 0;
}

#preventDoubleForm #campaign td:last-child {
    border-bottom: 0px solid #d9d9d9;
}

#confirm .confTable .noborder td {
    border-bottom: 0;
    border-top: 0;
    font-size: 86%;
}

/* mobile_web_entry
---------------------------------------------------- */
.addressWrap.inputFormTable1 .addressList {
    border: 1px solid #d2d1d2;
}

.addressWrap .addressList li {
    padding: 10px;
    border-bottom: 1px solid #ccc;
    border-top: none;
    position: relative;
    cursor: pointer;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ECECEC));
    background-image: linear-gradient(#fff, #ECECEC);
}

.addressWrap .addressList li:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ffdbbb));
    background-image: linear-gradient(#fff, #ffdbbb);
    background-color: #ffdbbb;
}

.addressWrap .addressList li:first-child {
    border-top: 0px solid #ccc;
    border-radius: 5px 5px 0 0;
}

.addressWrap .addressList li:last-child {
    border-bottom: 0px solid #ccc;
    border-radius: 0 0 5px 5px;
}

.addressWrap .addressList li:only-child {
    border: 0px solid #ccc;
    border-radius: 5px;
}

.addressWrap .addressList li:before {
    border-radius: 10px;
}

.addressWrap td .roomNumBox .pagenation {
    float: left;
}

.addressWrap td .roomNumBox .pagenation p {
    float: left;
    margin: 0 3px;
}

.addressWrap td .roomNumBox p.notFound a {
    float: right;
    width: auto;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    background: white;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eae9ea));
    background: linear-gradient(to bottom, #ffffff 0%, #eae9ea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eae9ea', GradientType=0);
    /* IE6-9 */
    text-align: center;
    border: 1px solid #b2b2b2;
    padding: 0 10px;
    font-size: 86%;
    text-decoration: none;
}

a.sBtn img {
    margin-top: 2px;
}

a.cBtn {
    display: inline-block;
    width: auto;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    background: white;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eae9ea));
    background: linear-gradient(to bottom, #ffffff 0%, #eae9ea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eae9ea', GradientType=0);
    /* IE6-9 */
    border: 1px solid #b2b2b2;
    padding: 0 10px;
    font-size: 86%;
    text-decoration: none;
}

a.cBtn:hover {
    text-decoration: none;
}

.addressWrap td .addressList {
    max-height: 455px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.addressWrap td .addressList.entryRoom {
    height: 255px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.addressWrap td .addressList::-webkit-scrollbar,
.addressWrap td .addressList.entryRoom::-webkit-scrollbar {
    width: 10px;
}

.addressWrap td .addressList::-webkit-scrollbar-track,
.addressWrap td .addressList.entryRoom::-webkit-scrollbar-track {
    margin: 0 2px;
    background: #f2f2f2;
    border-radius: 5px;
}

.addressWrap td .addressList::-webkit-scrollbar-thumb,
.addressWrap td .addressList.entryRoom::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #ccc;
}

.addressWrap td .addressList li {
    border-right: 1px solid #ccc;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.addressWrap td .addressList.c2 li {
    float: left;
    width: 50%;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.addressWrap td .addressList.c2 li:nth-child(2n) {
    border-right: none;
}

.addressWrap td .addressList.c2 li:last-child {
    border-bottom: 1px solid #ccc !important;
    border-radius: 0;
}

.addressWrap td .addressList.c2 li:only-child {
    border-bottom: 1px solid #ccc !important;
    border-right: 1px solid #ccc;
}

.addressWrap td .addressList.c2 li:first-child {
    border-radius: 5px 0 0 0;
}

.addressWrap td .addressList.entryRoom li:last-child {
    border-radius: 0 0 0 0;
}

.addressWrap td .addressList.entryRoom li {
    float: left;
    width: 20%;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.addressWrap td .addressList.entryRoom li:nth-child(5n) {
    border-right: none;
}

.addressWrap td .addressList.entryRoom li:last-child {
    border-bottom: 1px solid #ccc !important;
}

.addressWrap td .addressList.entryRoom li:only-child {
    border-bottom: 1px solid #ccc !important;
}

.addressWrap td .addressList.entryRoom li:first-child {
    border-radius: 5px 0 0 0;
}

.addressWrap td .addressList.entryRoom li:last-child {
    border-radius: 0 0 0 0;
}

a.js-accordion,
.m-accordion-close a {
    color: #333;
    text-decoration: none;
}

.resetting_btn a {
    display: inline-block;
    padding: 2px 30px;
    border: 1px solid #333;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    border-radius: 3px;
}

#applyText_body01 ul.main_list>li {
    margin-bottom: 20px;
}

#applyText_body01 ul li h4 {
    font-weight: bold;
    font-size: 115%;
}

#applyText_body01 ul li p,
#applyText_body01 ul li ul {
    margin-left: 1rem;
}

#applyText_body01 ul li ul li {
    padding-left: 1.5rem;
    position: relative;
}

#applyText_body01 ul li ul li span {
    position: absolute;
    top: 0;
    left: 0rem;
    color: #333 !important;
}

#applyText_body01 .signature {
    text-align: end;
    font-weight: bold;
    font-size: 115%;
    margin-bottom: 20px;
}

#applyText_body01 .info_wrap h3 {
    display: inline-block;
    border: 1px solid #333;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 115%;
    margin-bottom: 10px;
}

#applyText_body01 .info_wrap h3 span.d_ib {
    color: #333;
}

#applyText_body01 .info_wrap h4 {
    font-weight: bold;
    font-size: 115%;
    margin-bottom: 10px;
}

#applyText_body01 .info_wrap .tel_wrap {
    text-align: center;
}

#applyText_body01 .info_wrap .tel_wrap .d_ib {
    border: 1px solid #333;
    padding: 5px 20px;
    text-align: center;
    margin: 0 auto 20px;
}

#applyText_body01 .info_wrap .tel {
    font-weight: bold;
    font-size: 16px;
}

#applyText_body01 .info_wrap .signature {
    font-weight: normal;
    font-size: 100%;
}

.annotation_modal {
    padding: 15px;
}

.annotation_modal p {
    margin-top: 0;
}

.annotation_modal .tel {
    text-align: center;
}

.annotation_modal .tel img {
    width: 50px;
    vertical-align: middle;
}

.annotation_modal .tel a {
    margin: 0 0 3px;
    padding: 0;
    color: #05277e;
    font-size: 40px;
    font-weight: bold;
    line-height: 1.5;
    font-family: 'arial';
    text-decoration: none;
    cursor: pointer;
}

.annotation_modal .tel span {
    margin-top: -10px;
}

.annotation_modal .clause_btn {
    text-align: center;
}

.annotation_modal .clause_btn a {
    display: inline-block;
    padding: 5px 80px;
    background: #999;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    text-decoration: none;
}

.annotation_modal .clause_btn a span {
    position: relative;
}

.annotation_modal .clause_btn a span::before,
.annotation_modal .clause_btn a span::after {
    display: block;
    content: "";
    width: 15px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: -18px;
    margin-top: -2px;
}

.annotation_modal .clause_btn a span::before {
    transform: rotate(-45deg);
}

.annotation_modal .clause_btn a span::after {
    transform: rotate(45deg);
}

.select_table li:nth-child(even) {
    background: #f5f5f5;
}

.select_table li.haed {
    border-bottom: 1px dashed #ccc;
}

.select_table li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.select_table li.haed span {
    font-weight: bold;
    font-size: 86%;
}

.select_table li>span {
    padding: 5px 0;
}

.select_table li>span:first-child {
    width: 65%;
}

/*tvフレックス
---------------------------------------------------- */
#tv_flex_modal {
    margin: 40px 15px 0;
}

#tv_flex_modal .img {
    width: 100%;
    margin: 0 auto;
}

.modal_body {
    padding: 15px;
}

.modal_body .border_wrap {
    width: 100%;
    margin: 0 0 20px;
    padding: 15px;
    border-spacing: 0px;
    border: 1px solid #d2d1d2;
    border-radius: 0 0 5px 5px;
}

.balloon_top {
    position: relative;
    display: inline-block;
    margin: 20px 0;
    padding: 7px 10px;
    min-width: 120px;
    max-width: 100%;
    color: #555;
    font-size: 16px;
    background: #FFF;
    border: solid 3px #e73c22;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.balloon_top:before {
    content: "";
    position: absolute;
    top: -32px;
    left: 20%;
    border: 12px solid transparent;
    border-bottom: 20px solid #FFF;
    z-index: 2;
}

.balloon_top:after {
    content: "";
    position: absolute;
    top: -38px;
    left: 20%;
    margin-left: -2px;
    border: 14px solid transparent;
    border-bottom: 22px solid #e73c22;
    z-index: 1;
}

.balloon_top p {
    margin: 0;
    padding: 0;
}

body.user_info #input_v2 .inner .tv_flex_table,
body.user_info #input_v2 .inner .tv_flex_table2 {
    width: 100%;
    margin: 0 0 20px;
    padding: 0;
    border-collapse: collapse;
}

body.user_info #input_v2 .inner .tv_flex_table td,
body.user_info #input_v2 .inner .tv_flex_table th {
    padding: 10px 10px 10px 10px;
    border: 1px solid #ccc;
}

body.user_info #input_v2 .inner .tv_flex_table th:first-child {
    padding: 0;
}

body.user_info #input_v2 .inner .tv_flex_table2 td,
body.user_info #input_v2 .inner .tv_flex_table2 th {
    padding: 10px 50px 10px 10px;
    border: 1px solid #ccc;
}

body.user_info #input_v2 .inner .tv_flex_table thead th {
    background: #efefef;
    text-align: center;
    font-weight: bold;
}

body.user_info #input_v2 .inner .tv_flex_table th p {
    padding: 10px;
}

body.user_info #input_v2 .inner .tv_flex_table2 thead th {
    background: #999;
    font-weight: bold;
    color: #fff;
    position: relative;
}

body.user_info #input_v2 .inner .tv_flex_table tbody th {
    font-weight: bold;
    max-width: 180px;
    text-align: left;
    /*  position: relative;*/
}

body.user_info #input_v2 .inner .tv_flex_table2 tbody th {
    font-weight: bold;
    background: #efefef;
}

body.user_info #input_v2 .inner .tv_flex_table tbody td {
    width: auto;
}

body.user_info #input_v2 .inner .tv_flex_table .pickup {
    vertical-align: middle;
    margin-left: 10px;
    font-size: 69%;
    color: #fff;
    padding: 2px 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background-color: #e83416;
}

body.user_info #input_v2 .inner .tv_flex_table2 .confirm_btn {
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -13px;
    margin-left: 10px;
    font-size: 100%;
    color: #fff;
    padding: 2px 15px;
    border-radius: 3px;
    margin-right: 5px;
    background-color: #ff9900;
    text-decoration: none;
}

.confirm_btn:hover {
    opacity: 0.7 !important;
    -ms-filter: "alpha( opacity=70 )";
    filter: alpha(opacity=70);
}

body.user_info #input_v2 .inner .tv_flex_table2 .confirm_btn::after {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    position: absolute;
    right: 6px;
    top: 50%;
    margin-top: -4px;
}

body.user_info #input_v2 .inner .tv_flex_table label.select {
    display: block;
    float: none;
    cursor: pointer;
    position: relative;
    border: 0px solid #d2d1d2;
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
}

.mobile_add_area a {
    position: relative;
    padding: 5px 25px;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #333;
    text-decoration: none;
}

.mobile_add_area a:hover {
    text-decoration: none;
}

.mobile_add_area a span {
    padding-left: 5px;
}

.mobile_add_area a::after {
    content: "+";
    position: absolute;
    top: 50%;
    left: 10px;
    display: block;
    width: 10px;
    height: 10px;
    margin-top: -10px;
}

/*英語
---------------------------------------------------- */
body.en_wrap #input_v2 .inner .subtitle span.any+span.text,
body.en_wrap #input_v2 .inner .subtitle span.required+span.text,
body.en_wrap #input_v2 .inner span.any~.subtitleComments,
body.en_wrap #input_v2 .inner span.required~.subtitleComments {
    padding-left: 65px;
}

body.en_wrap #input_v2 .inner label.select span.fs12 {
    font-size: 84%;
}

body.en_wrap #input_v2 .inner td.c2 label.select .toolTipBaloonTypeA {
    height: 160px;
}

/* 完了画面
---------------------------------------------------- */
.procedure_wrap {
    max-width: 650px;
    margin: 0 auto;
}

.procedure_wrap .step {
    position: relative;
    border: 1px solid #d2d1d2;
    margin-bottom: 40px;
    padding: 15px;
}

.procedure_wrap .step .title {
    display: flex;
    font-weight: bold;
    margin: 0;
}

.procedure_wrap .step .text {
    border-top: 1px dashed #d2d1d2;
    padding: 10px;
}

.procedure_wrap .step::before {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-20px);
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #00a4a8;
}

.procedure_wrap .step:last-child::before {
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-top: 0px solid #00a4a8;
}

.procedure_wrap .step .title .title_txt01 {
    width: 15%;
}

.procedure_wrap .step .title .title_txt02 {
    width: 65%;
}

.procedure_wrap .step .title .title_txt03 {
    width: 20%;
    font-size: 120%;
    color: #00a4a8;
    text-align: right;
}

.procedure_wrap .step .title .title_txt03 img {
    width: 64px;
}

.procedure_wrap .step .text .text_txt02 {
    background: #00a4a8;
    color: #fff;
    margin-top: 10px !important;
    margin-bottom: 10px;
    padding: 5px 0;
}

.procedure_wrap .step .text .text_txt02 span {
    position: relative;
}

.procedure_wrap .step .text .text_txt02 span::before {
    width: 20px;
    height: 20px;
    content: "";
    position: absolute;
    top: 50%;
    left: -25px;
    background: #e73c22;
    border-radius: 50%;
    margin-top: -11px;
}

.procedure_wrap .step .text .text_txt02 span::after {
    content: "!";
    position: absolute;
    top: 50%;
    left: -18px;
    margin-top: -10px;
}

.procedure_wrap .step.step01 {
    background-color: #f7f7f7;
}

.procedure_wrap .step.step01 .title .title_txt03 {
    color: #333;
}


.selectbtn .serviceName .icon_wrap .img {
    display: inline-block;
    position: relative;
    width: 35px;
}

.selectbtn .serviceName .icon_wrap .img::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(calc(-50% - 7px));
    width: 35px;
    height: 35px;
}

.selectbtn .serviceName .icon_wrap.sim .img:before {
    background: url(/common_form/img/pack_select/icon_SIM.png) center no-repeat;
    background-size: contain;
}

.selectbtn .serviceName .icon_wrap.esim .img:before {
    background: url(/common_form/img/pack_select/icon_eSIM.png) center no-repeat;
    background-size: contain;
}

.inner_modal_link2:hover {
    color: #333;
    cursor: pointer;
}

/* ----------------------------------------------------
 simモーダル
---------------------------------------------------- */
a.inner_modal_link2.cboxElement {
    color: #333;
    text-decoration: none;
}

a.inner_modal_link2.cboxElement:hover {
    color: #999;
}
#top #esim_modal {
    background-color: #fff;
    border-radius: 20px;
}
.esim_modal .esim_modal_inner {
    padding: 20px 60px;
}
@media screen and (max-width: 767px) {
    .esim_modal .esim_modal_inner {
        padding: 16px 16px 20px 16px
    }
}

.esim_modal_flex {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.esim_modal_flex .btn.gray {
    position: relative;
    padding: 0;
}

.esim_modal_flex .btn.gray.arrow::before {
    border-color: #e83416;
}

.esim_modal_flex .btn.gray span {
    display: inline-block;
    padding: 10px 25px 10px 17px;
}

.meshWifi {
    background-color: #feeada;
    padding: 20px 15px;
    border-radius: 10px;
    font-family: 'Noto Sans Japanese Medium';
}
.meshWifi_flex {
    display: flex;
    flex-wrap: wrap;
    /* gap: 20px; */
    text-align: center;
}
.meshWifi_img {
    width: 40%;
}
.meshWifi_txt {
    width: calc(60%);
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.meshWifi_txt .note {
    color: #E83416;
    text-align: left;
    position: relative;
    padding-left: 20px;
}
.note::before {
    content: "\203B";
    position: absolute;
    top: 0;
    left: 0;
}
.meshWifi_img_title {
    font-size: 129%;
    background-color: #E83416;
    color: #fff;
    border-radius: 3px;
}
.meshWifi_img_img {
    padding: 20px 20px 0;
}
.confirm1_meshWifi {
    display: flex;
    align-items: center;
    gap: 20px;
}
.confirm1_qr {
    display: flex;
    text-align: center;
}
.confirm1_qr_app,
.confirm1_qr_android {
    width: 50%;
    padding: 20px 100px;
}
@media screen and (max-width: 767px) {
    .meshWifi_flex {
        flex-direction: column;
    }
    .meshWifi_img,
    .meshWifi_txt {
        width: 100%;
    }
    .meshWifi_img_title {
        padding: 5px 10px;
    }
    .confirm1_qr {
        display: flex;
        text-align: center;
        flex-direction: column;
    }
    .confirm1_qr_app,
    .confirm1_qr_android {
        width: 80%;
        margin: 0 auto;
        padding: 10px;
    }
}
.maintenance_contact {
    max-width: 620px;
    margin: 0 auto 40px;
}
.maintenance_contact .maintenance_contact_text,
.maintenance_contact .tel {
    font-size: 16px;
}
@media screen and (max-width: 767px) {
    .maintenance_contact .tel a {
        color: #226bc4;
        text-decoration: underline;
    }
}

/* ----------------------------------------------------
 メディアクエリ
---------------------------------------------------- */
@media screen and (max-width: 767px) {
    /*common
  ---------------------------------------------------- */


    body {
        min-width: 100%;
        font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', arial, helvetica, clean, sans-serif;
        line-height: 1.6;
    }

    body#request {
        background: #fff;
        color: #333333;
        font: 13px 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', arial, helvetica, clean, sans-serif;
        line-height: 1.231;
        -webkit-text-size-adjust: none;
        width: auto;
    }

    a:visited {
        color: #666666;
    }

    a:link {
        color: #666666;
    }

    .w200p {
        width: 100%;
    }

    .sp_show {
        display: block !important;
    }

    .sp_showIN {
        display: inline !important;
    }

    .sp_showINb {
        display: inline-block !important;
    }

    .sp_showTC {
        display: table-cell !important;
    }

    .sp_hide {
        display: none !important;
    }

    .sp_flax_flow_column_reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-flow: column-reverse !important;
        flex-flow: column-reverse !important;
    }

    .sp_taC {
        text-align: center !important;
    }

    .sp_taL {
        text-align: left !important;
    }

    .sp_taR {
        text-align: right !important;
    }

    .sp_fwb {
        font-weight: bold;
    }

    .sp_fwn {
        font-weight: normal;
    }

    .sp_fcRed {
        color: #e73c22;
    }

    .sp_fcOre {
        color: #ff9900;
    }

    .sp_fcGre {
        color: #39ad00;
    }

    .sp_fcWhite {
        color: #FFF;
    }

    .sp_fN {
        float: none !important;
    }

    .sp_fL {
        float: left !important;
    }

    .sp_fR {
        float: right !important;
    }

    .sp_fs10 {
        font-size: 72%;
    }

    .sp_fs11 {
        font-size: 79%;
    }

    .sp_fs12 {
        font-size: 86% !important;
    }

    .sp_fs13 {
        font-size: 93%;
    }

    .sp_fs14 {
        font-size: 100%;
    }

    .sp_fs15 {
        font-size: 108%;
    }

    .sp_fs16 {
        font-size: 115%;
    }

    .sp_fs17 {
        font-size: 122%;
    }

    .sp_fs18 {
        font-size: 129%;
    }

    .sp_fs19 {
        font-size: 136%;
    }

    .sp_fs20 {
        font-size: 143%;
    }

    .sp_fs21 {
        font-size: 150%;
    }

    .sp_fs22 {
        font-size: 158%;
    }

    .sp_mt00 {
        margin-top: 0px !important;
    }

    .sp_mt05 {
        margin-top: 5px !important;
    }

    .sp_mt10 {
        margin-top: 10px !important;
    }

    .sp_mt15 {
        margin-top: 15px !important;
    }

    .sp_mt20 {
        margin-top: 20px !important;
    }

    .sp_mt25 {
        margin-top: 25px !important;
    }

    .sp_mt30 {
        margin-top: 30px !important;
    }

    .sp_mt35 {
        margin-top: 35px !important;
    }

    .sp_mt40 {
        margin-top: 40px !important;
    }

    .sp_mt45 {
        margin-top: 45px !important;
    }

    .sp_mt50 {
        margin-top: 50px !important;
    }

    .sp_mt60 {
        margin-top: 60px !important;
    }

    .sp_mt70 {
        margin-top: 70px !important;
    }

    .sp_mt80 {
        margin-top: 80px !important;
    }

    .sp_mb00 {
        margin-bottom: 0px !important;
    }

    .sp_mb05 {
        margin-bottom: 5px !important;
    }

    .sp_mb10 {
        margin-bottom: 10px !important;
    }

    .sp_mb15 {
        margin-bottom: 15px !important;
    }

    .sp_mb20 {
        margin-bottom: 20px !important;
    }

    .sp_mb25 {
        margin-bottom: 25px !important;
    }

    .sp_mb30 {
        margin-bottom: 30px !important;
    }

    .sp_mb35 {
        margin-bottom: 35px !important;
    }

    .sp_mb40 {
        margin-bottom: 40px !important;
    }

    .sp_mb45 {
        margin-bottom: 45px !important;
    }

    .sp_mb50 {
        margin-bottom: 50px !important;
    }

    .sp_mb60 {
        margin-bottom: 60px !important;
    }

    .sp_mb70 {
        margin-bottom: 70px !important;
    }

    .sp_mb80 {
        margin-bottom: 80px !important;
    }

    .sp_ml00 {
        margin-left: 0px !important;
    }

    .sp_ml05 {
        margin-left: 5px !important;
    }

    .sp_ml10 {
        margin-left: 10px !important;
    }

    .sp_ml15 {
        margin-left: 15px !important;
    }

    .sp_ml20 {
        margin-left: 20px !important;
    }

    .sp_ml25 {
        margin-left: 25px !important;
    }

    .sp_ml30 {
        margin-left: 30px !important;
    }

    .sp_ml35 {
        margin-left: 35px !important;
    }

    .sp_ml40 {
        margin-left: 40px !important;
    }

    .sp_ml45 {
        margin-left: 45px !important;
    }

    .sp_ml50 {
        margin-left: 50px !important;
    }

    .sp_ml60 {
        margin-left: 60px !important;
    }

    .sp_ml70 {
        margin-left: 70px !important;
    }

    .sp_ml80 {
        margin-left: 80px !important;
    }

    .sp_mr00 {
        margin-right: 0px !important;
    }

    .sp_mr05 {
        margin-right: 5px !important;
    }

    .sp_mr10 {
        margin-right: 10px !important;
    }

    .sp_mr15 {
        margin-right: 15px !important;
    }

    .sp_mr20 {
        margin-right: 20px !important;
    }

    .sp_mr25 {
        margin-right: 25px !important;
    }

    .sp_mr30 {
        margin-right: 30px !important;
    }

    .sp_mr35 {
        margin-right: 35px !important;
    }

    .sp_mr40 {
        margin-right: 40px !important;
    }

    .sp_mr45 {
        margin-right: 45px !important;
    }

    .sp_mr50 {
        margin-right: 50px !important;
    }

    .sp_mr60 {
        margin-right: 60px !important;
    }

    .sp_mr70 {
        margin-right: 70px !important;
    }

    .sp_mr80 {
        margin-right: 80px !important;
    }

    .sp_pt00 {
        padding-top: 0px !important;
    }

    .sp_pt05 {
        padding-top: 5px !important;
    }

    .sp_pt10 {
        padding-top: 10px !important;
    }

    .sp_pt15 {
        padding-top: 15px !important;
    }

    .sp_pt20 {
        padding-top: 20px !important;
    }

    .sp_pt25 {
        padding-top: 25px !important;
    }

    .sp_pt30 {
        padding-top: 30px !important;
    }

    .sp_pt35 {
        padding-top: 35px !important;
    }

    .sp_pt40 {
        padding-top: 40px !important;
    }

    .sp_pt45 {
        padding-top: 45px !important;
    }

    .sp_pt50 {
        padding-top: 50px !important;
    }

    .sp_pt60 {
        padding-top: 60px !important;
    }

    .sp_pt70 {
        padding-top: 70px !important;
    }

    .sp_pt80 {
        padding-top: 80px !important;
    }

    .sp_pb00 {
        padding-bottom: 0px !important;
    }

    .sp_pb05 {
        padding-bottom: 5px !important;
    }

    .sp_pb10 {
        padding-bottom: 10px !important;
    }

    .sp_pb15 {
        padding-bottom: 15px !important;
    }

    .sp_pb20 {
        padding-bottom: 20px !important;
    }

    .sp_pb25 {
        padding-bottom: 25px !important;
    }

    .sp_pb30 {
        padding-bottom: 30px !important;
    }

    .sp_pb35 {
        padding-bottom: 35px !important;
    }

    .sp_pb40 {
        padding-bottom: 40px !important;
    }

    .sp_pb45 {
        padding-bottom: 45px !important;
    }

    .sp_pb50 {
        padding-bottom: 50px !important;
    }

    .sp_pb60 {
        padding-bottom: 60px !important;
    }

    .sp_pb70 {
        padding-bottom: 70px !important;
    }

    .sp_pb80 {
        padding-bottom: 80px !important;
    }

    .sp_pl00 {
        padding-left: 0px !important;
    }

    .sp_pl05 {
        padding-left: 5px !important;
    }

    .sp_pl10 {
        padding-left: 10px !important;
    }

    .sp_pl15 {
        padding-left: 15px !important;
    }

    .sp_pl20 {
        padding-left: 20px !important;
    }

    .sp_pl25 {
        padding-left: 25px !important;
    }

    .sp_pl30 {
        padding-left: 30px !important;
    }

    .sp_pl35 {
        padding-left: 35px !important;
    }

    .sp_pl40 {
        padding-left: 40px !important;
    }

    .sp_pl45 {
        padding-left: 45px !important;
    }

    .sp_pl50 {
        padding-left: 50px !important;
    }

    .sp_pl60 {
        padding-left: 60px !important;
    }

    .sp_pl70 {
        padding-left: 70px !important;
    }

    .sp_pl80 {
        padding-left: 80px !important;
    }

    .sp_pr00 {
        padding-right: 0px !important;
    }

    .sp_pr05 {
        padding-right: 5px !important;
    }

    .sp_pr10 {
        padding-right: 10px !important;
    }

    .sp_pr15 {
        padding-right: 15px !important;
    }

    .sp_pr20 {
        padding-right: 20px !important;
    }

    .sp_pr25 {
        padding-right: 25px !important;
    }

    .sp_pr30 {
        padding-right: 30px !important;
    }

    .sp_pr35 {
        padding-right: 35px !important;
    }

    .sp_pr40 {
        padding-right: 40px !important;
    }

    .sp_pr45 {
        padding-right: 45px !important;
    }

    .sp_pr50 {
        padding-right: 50px !important;
    }

    .sp_pr60 {
        padding-right: 60px !important;
    }

    .sp_pr70 {
        padding-right: 70px !important;
    }

    .sp_pr80 {
        padding-right: 80px !important;
    }

    .sp_w10 {
        width: 10% !important;
    }

    .sp_w15 {
        width: 15% !important;
    }

    .sp_w20 {
        width: 20% !important;
    }

    .sp_w25 {
        width: 25% !important;
    }

    .sp_w30 {
        width: 30% !important;
    }

    .sp_w35 {
        width: 35% !important;
    }

    .sp_w40 {
        width: 40% !important;
    }

    .sp_w45 {
        width: 45% !important;
    }

    .sp_w50 {
        width: 50% !important;
    }

    .sp_w55 {
        width: 55% !important;
    }

    .sp_w60 {
        width: 60% !important;
    }

    .sp_w65 {
        width: 65% !important;
    }

    .sp_w70 {
        width: 70% !important;
    }

    .sp_w75 {
        width: 75% !important;
    }

    .sp_w80 {
        width: 80% !important;
    }

    .sp_w85 {
        width: 85% !important;
    }

    .sp_w90 {
        width: 90% !important;
    }

    .sp_w95 {
        width: 95% !important;
    }

    .sp_w100 {
        width: 100% !important;
    }

    /* header
  ---------------------------------------------------- */

    body.mobile_step #pagettl,
    #pagettl {
        border: none;
        background: #f39700;
        margin: 0;
        padding: 10px;
        color: #FFF;
        position: relative;
        -moz-box-shadow: 1px 0px 1px rgba(000, 000, 000, 0.3), inset 0px 0px 1px rgba(255, 255, 255, 0.5);
        -webkit-box-shadow: 1px 0px 1px rgba(000, 000, 000, 0.3), inset 0px 0px 1px rgba(255, 255, 255, 0.5);
    }
    body.mobile_step #pagettl.pagettl {
        background: none;
    }

    #pagettl h2 {
        display: inline-block;
        vertical-align: middle;
        font-size: 17px;
        margin-bottom: 0;
        width: 100%;
        text-align: left;
        color: #fff;
    }

    #pagettl h2::before,
    #pagettl h2:after {
        content: none;
    }

    body.mobile_step #pagettl p,
    #pagettl p {
        display: inline-block;
        background-color: #fff;
        color: #f39700;
        padding: 3px 4px;
        position: absolute;
        right: 5px;
        top: 50%;
        margin: -13px 0 0;
        font-size: 14px;
        font-weight: bold;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
    }

    #pagettl p span {
        vertical-align: middle;
    }

    /* footer
  ---------------------------------------------------- */
    #footer {
        padding: 20px 0 30px 0;
    }

    #footer .inner {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        overflow: hidden;
        display: block;
    }

    #footer .inner .contact {
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    #footer .inner .cp {
        width: 100%;
        margin: 0;
        padding: 0;
        /* display: block;
    vertical-align: middle; */
        text-align: center;
        font-size: 86%;
        /* background: #aaa;
    color: #fff; */
        font-size: 62%;
        padding: 15px 0;
    }

    #footer .inner .contact .tel a {
        margin: 0 0 3px;
        padding: 0;
        color: #05277e;
        font-size: 32px;
        font-weight: bold;
        line-height: 1.5;
        font-family: 'arial';
        text-decoration: none;
        cursor: pointer;
    }

    #footer .inner .contact .tel a img {
        margin: 0 auto;
    }

    #footer .inner .contact .tel span {
        display: block;
        width: 250px;
        margin: 5px auto 10px;
        background: #fff;
        color: #111;
        padding: 5px 10px;
        font-size: 13px;
        text-align: center;
        font-family: 'arial';
        font-weight: bold;
        letter-spacing: 1.5px;
    }

    #footer .inner .contact .tel a.oita_tel {
        font-size: 32px;
    }


    /* botton
  ---------------------------------------------------- */

    a.btnTypeE {
        display: inline-block;
        position: relative;
        padding: 7px 35px;
        background: #ffffff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        border-radius: 2px;
        border: 1px solid #cccccc;
        font-size: 16px;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 700;
        text-align: center;
        max-width: 110px;
        margin: auto;
    }

    body.mobile_step a.btnTypeE, body.mobile_step button.btnTypeE {
        display: inline-block;
        position: relative;
        padding: 7px 35px;
        background: #ffffff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        border-radius: 2px;
        border: 1px solid #cccccc;
        font-size: 16px;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 700;
        text-align: center;
        max-width: 110px;
        margin: auto;
    }

    .applyBtnTypeA {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
    }

    .applyBtnTypeA .btnTypeE {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        float: right !important;
        width: 100%;
    }

    a.btnTypeEntryR, a.btnTypeEntry {
        display: block;
        font-size: 16px;
        position: relative;
        padding: 20px 30px 20px;
        background: #e83416;
        background: -webkit-gradient(linear, left top, left bottom, from(#eb5d45), to(#e83416));
        background: linear-gradient(to bottom, #eb5d45 0%, #e83416 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb5d45', endColorstr='#e83416', GradientType=0);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 700;
        line-height: 1.2;
        color: #ffffff !important;
        text-align: center;
    }

    .btnWidth01 {
        max-width: 268px;
        margin-left: auto;
        margin-right: auto;
    }

    #nextButton_err {
        margin: auto;
    }

    div#nextButton_fa_tag {
        margin: 10px auto;
        font-size: 16px;
        text-decoration: none;
        font-style: normal;
        font-weight: bold;
        color: #ffffff;
        line-height: 28px !important;
        padding: 7px 0px;
        height: 64px !important;
        text-shadow: 0 0px 0px #e83416;
        max-width: 300px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        background: -webkit-gradient(linear, left top, left bottom, from(#eb5d45), to(#e83416));
        background: linear-gradient(to bottom, #eb5d45 0%, #e83416 100%);
    }

    div#nextButton_fa_clc, div#nextButton_fa_clc>span {
        font-size: 16px !important;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 700;
    }

    body.mobile_step .add_btn a.btnTypeE,
    body.mobile_step .add_btn button.btnTypeE,
    .add_btn .btnTypeE {
        display: inline-block;
        position: relative;
        padding: 3px 17px;
        background: #ffffff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 2px;
        border: 1px solid #cccccc;
        font-size: 12px;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 700;
    }

    body.mobile_step #fixedPriceArea .btn.gre {
        color: #fff;
        text-align: center;
        text-decoration: none;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 900;
        border-radius: 100px;
        border: 0px solid #f18d00;
        background: #e83416;
        background: -webkit-gradient(linear, left top, left bottom, from(#eb5d45), to(#e83416));
        background: linear-gradient(to bottom, #eb5d45 0%, #e83416 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb5d45', endColorstr='#e83416', GradientType=0);
        -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
        zoom: 1;
    }

    /* 見出し
  ---------------------------------------------------- */
    .midashi_s {
        margin: 0 0 10px 0px;
        padding: 2px 0 2px 10px;
        font-size: 115%;
        font-weight: normal !important;
        border-left: 4px solid #f18d00;
        font-weight: bold;
    }


    /* main (共通)
  ---------------------------------------------------- */
    body.mobile_step .contents,
    .wrap .contents {
        width: 100%;
        margin: 0 auto;
        padding: 20px 10px 30px;
    }

    #input_v2 .inner {
        width: auto;
        margin: 0 auto;
        padding: 0;
    }

    /* tel
  ---------------------------------------------------- */
    .tel_wrap .tel_num a {
        font-size: 36px;
    }

    .tel_wrap .tel_num a::before {
        background-size: 45px;
        width: 45px;
        height: 38px;
    }

    /* login_box
  ---------------------------------------------------- */
    #tab1612 li p {
        margin: 0;
        padding: 10px 0;
        font-size: 100%;
        line-height: 1.5;
        color: #111111;
        letter-spacing: 1px;
        cursor: pointer;
        background: #eaeaea;
        text-align: center;
        border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        -ms-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
        border: 1px solid #d2d1d2;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 700;
    }

    #coution1,
    #coution2 {
        width: 100%;
        height: auto;
        padding: 0px;
        border: none;
        margin-bottom: 15px;
    }

    body.user_info #input_v2 .inner #login_box {
        width: 100%;
        height: auto;
        padding: 10px;
    }

    #input_v2 .inner #login_box .btnBox {
        width: 100%;
        max-width: 360px;
        margin: 0 auto;
    }

    #loginButton_p {
        width: 200px;
        margin: 0px;
    }

    a#loginButton_login {
        width: 100%;
    }

    body.user_info #input_v2 .inner .coution_wrap_l,
    body.user_info #input_v2 .inner .coution_wrap_r {
        float: left;
        width: calc(100% / 2 - 5px);
        margin-right: 10px;
        border: none;
    }

    body.user_info #input_v2 .inner .coution_wrap_r {
        margin-right: 0;
    }

    body.user_info #input_v2 .inner .coution_wrap_r .Ylogin_noteBox {
        margin: 5px auto 0;
        width: 100%;
    }

    body.user_info #input_v2 .inner .coution_wrap_r .Ylogin_noteBox,
    body.user_info #input_v2 .inner .coution_wrap_r .Ylogin_noteBox .YloginBtn {
        padding: 0;
        height: 38px;
    }

    body.user_info #input_v2 .inner #loginButton_p {
        width: 100%;
        font-size: 100%;
    }

    #input_v2 .inner .yconnectLogin {
        display: block;
        height: 38px;
        margin-left: 0;
    }

    /* form table
  ---------------------------------------------------- */
    #nextButton .main_text {
        font-size: 129%;
    }

    body.user_info #input_v2 .inner .inputFormTable1,
    body.user_info #input_v2 .inner .inputFormTable2 {
        border-collapse: separate;
        padding: 15px;
    }

    body.user_info #input_v2 .inner .inputFormTable1 tbody,
    body.user_info #input_v2 .inner .inputFormTable2 tbody {
        margin: 0 0 25px;
        padding: 15px;
    }

    body.user_info #input_v2 .subtitle2,
    body#request #input_v2 .subtitle3 {
        padding: 10px 15px 8px 15px;
        background-color: #efefef;
        border-top: #ccc 1px solid;
        border-left: #ccc 1px solid;
        border-right: #ccc 1px solid;
        border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        -ms-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
        color: #333;
        font-size: 16px;
        font-weight: normal;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 400;
        -moz-box-shadow: 0px 0px 2px rgba(000, 000, 000, 0.1), inset 0px 0px 1px rgba(255, 255, 255, 0.3);
        -webkit-box-shadow: 0px 0px 2px rgba(000, 000, 000, 0.1), inset 0px 0px 1px rgba(255, 255, 255, 0.3);
        margin: 0;
    }

    body.user_info #input_v2 .inner .inputFormTable1 th,
    body.user_info #input_v2 .inner .inputFormTable1 td {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
        border-right: none;
        border-top: none;
        border-bottom: none;
        margin-bottom: 10px;
    }

    body.user_info #input_v2 .inner span.any~.subtitleComments,
    body.user_info #input_v2 .inner span.required~.subtitleComments {
        font-size: 86%;
        padding-left: 45px;
    }

    body.user_info #input_v2 .inner .subtitle span.required+span.text {
        padding-left: 45px;
    }

    body.en_wrap #input_v2 .inner span.any~.subtitleComments,
    body.en_wrap #input_v2 .inner span.required~.subtitleComments,
    body.en_wrap #input_v2 .inner .subtitle span.required+span.text {
        padding-left: 65px;
    }

    body.user_info #input_v2 .inner .inputtext {
        width: 100%;
        padding: 8px 3%;
        border: #ccc 1px solid;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 0 0 2px 2px rgba(200, 200, 200, 0.2) inset;
        box-shadow: 0 0 2px 2px rgba(200, 200, 200, 0.2) inset;
        font-family: Helvetica, Arial, sans-serif;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    body.user_info #input_v2 .inner .inputtextC {
        width: 100px;
    }

    body.user_info #input_v2 .inner .inputtextD {
        width: calc(100% - 5px);
    }

    body.user_info #input_v2 .iconTooltip {
        display: block;
    }

    body.user_info.mobile_step #input_v2 .inner .subtitle>span,
    body.user_info #input_v2 .inner .subtitle>span {
        display: block;
        border-left: none;
        margin: 0;
        padding: 0;
    }

    body.user_info #input_v2 .inner .sp_show.required,
    body.user_info #input_v2 .inner .inputFormTable1 th {
        border-left: 5px solid #f18d00;
        margin: 0 0 10px;
        padding: 0 0 0 8px;
        background: #fff !important;
        text-align: left;
        font-weight: normal;
        vertical-align: middle;
        line-height: 1.5;
    }

    body.user_info #input_v2 .inner .inputBox,
    body.user_info #input_v2 .inner td {
        width: 100%;
        overflow: hidden;
        margin-bottom: 10px;
    }

    body.user_info #input_v2 .inner #service_select.inputBox,
    body.user_info #input_v2 .inner #service_select td,
    body.user_info #input_v2 .inner .tooltip_box td {
        overflow: inherit;
    }

    body.user_info #input_v2 .inner th.required,
    body.user_info #input_v2 .inner .sp_show.required {
        padding-right: 30px !important;
        padding-left: 5px !important;
    }

    body.user_info #input_v2 .inner th.required span.require2,
    body.user_info #input_v2 .inner .sp_show.required span.require2 {
        font-size: 69%;
        color: #fff;
        padding: 2px 3px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
        margin-right: 5px;
        border: 1px solid #e83416;
        background-color: #e83416 !important;
        vertical-align: middle;
        /*
    background: -webkit-gradient(linear, left top, left bottom, from(#f92e3e), to(#e70000));
    */
        float: left;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 400;
    }

    body.user_info #input_v2 .inner .inputFormTable1 th.no_title {
        border: 0;
        padding-top: 10px;
        padding-bottom: 5px;
    }

    body.user_info #input_v2 .inner .subtitle.no_title span.required {
        margin-left: -7px;
    }

    body.user_info #input_v2 .inner .c1 label.select,
    body.user_info #input_v2 .inner .c2 label.select,
    body.user_info #input_v2 .inner .c3 label.select,
    body.user_info #input_v2 .inner .c4 label.select,
    body.user_info #input_v2 .inner .c5 label.select,
    body.user_info #input_v2 .inner .c6 label.select {
        width: 100%;
        margin: 0 0 5px;
    }

    body.user_info #input_v2 .inner .c3 label.select:nth-child(4),
    body.user_info #input_v2 .inner .c3 label.select:nth-child(10) {
        margin-left: 5px;
    }

    body.user_info #input_v2 .inner .c5 label.select:nth-child(6) {
        margin-left: 5px;
    }

    body.user_info #input_v2 .inner .sp_c2 label.inputBox:nth-child(odd),
    body.user_info #input_v2 .inner .sp_c3 label.inputBox:nth-child(1),
    body.user_info #input_v2 .inner .sp_c3 label.inputBox:nth-child(4),
    body.user_info #input_v2 .inner .sp_c4 label.inputBox:nth-child(1),
    body.user_info #input_v2 .inner .sp_c4 label.inputBox:nth-child(5),
    body.user_info #input_v2 .inner .sp_c2 label.select:nth-child(odd),
    body.user_info #input_v2 .inner .sp_c3 label.select:nth-child(1),
    body.user_info #input_v2 .inner .sp_c3 label.select:nth-child(4),
    body.user_info #input_v2 .inner .sp_c4 label.select:nth-child(1),
    body.user_info #input_v2 .inner .sp_c4 label.select:nth-child(5) {
        margin-left: 0;
    }

    body.user_info #input_v2 .inner .txt_c2 p {
        width: calc(100%);
        float: none;
    }

    body.user_info #input_v2 .inner .inputFormTable1 td {
        border-left: none;
        padding: 0;
        margin-bottom: 20px;
        text-align: left;
    }

    body.user_info #input_v2 .inner .inputFormTable1 td.error_wrap label .column {
        width: 100%;
    }

    body.user_info #input_v2 .inner .inputFormTable1 tr td .boxC2 {
        width: 100%;
    }

    body.user_info #input_v2 .inner label.select,
    body.user_info #input_v2 .inner #house_select label.select {
        width: 100%;
        margin-bottom: 5px;
        display: block;
        padding: 12px 10px 12px 40px;
        float: none;
        border: none;
        border: 1px solid #ccc;
    }

    body.user_info #input_v2 .inner #house_select .sp_c2 label.select {
        width: calc(100% / 2 - 3px);
        float: left;
    }

    body.user_info #input_v2 .inner .c2 label.select {
        width: 100%;
    }

    body.user_info #input_v2 .inner .sp_c2 label.inputBox,
    body.user_info #input_v2 .inner .sp_c2 label.select {
        width: calc(100% / 2 - 2.5px);
        margin-left: 5px;
        float: left;
    }

    body.user_info #input_v2 .inner .sp_c3 label.inputBox,
    body.user_info #input_v2 .inner .sp_c3 label.select {
        width: calc(100% / 3 - 2.5px);
        margin-left: 5px;
        float: left;
    }

    body.user_info #input_v2 .inner .sp_c4 label.inputBox,
    body.user_info #input_v2 .inner .sp_c4 label.select {
        width: calc(100% / 4 - 2.5px);
        margin-left: 5px;
        float: left;
    }

    body.user_info #input_v2 .inner .c2 label.select .tooltip {
        position: absolute;
        display: inline-block;
        right: 10px;
        width: 25px;
        cursor: pointer;
    }

    body.user_info #input_v2 .inner label.select>span:not([class]):before,
    #service_select td label>span:not([class]):before {
        margin-top: -11px;
        width: 20px;
        height: 20px;
        border: 1px solid #ccc;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
        /*
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
    background-image: linear-gradient(#fff, #ddd);
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
    */
        position: absolute;
        top: 50%;
        left: 10px;
        content: "";
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    body.user_info #input_v2 .inner label.select>span:not([class]):after,
    #service_select td label>span:not([class]):after,
    .checkbox span:after {
        margin-top: -11px;
        width: 20px;
        height: 20px;
        background-color: #9c3;
        background: url(/common_form/img/share/icon_check.png) 0% 0% no-repeat;
        background-size: 20px 20px;
        position: absolute;
        top: 50%;
        left: 10px;
        content: "";
        visibility: hidden;
    }

    body.user_info #input_v2 .inner .radio label.select>span:not([class]):before {
        margin-top: -11px;
        width: 20px;
        height: 20px;
        border: 1px solid #ccc;
        border-radius: 5px;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
        background-image: linear-gradient(#fff, #ddd);
        -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
        position: absolute;
        top: 50%;
        left: 10px;
        content: "";
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
    }

    body.user_info #input_v2 .inner .radio label.select>span:not([class]):after {
        margin-top: -7px;
        width: 12px;
        height: 12px;
        background: none;
        background-color: #9c3;
        -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 14px;
        content: "";
        visibility: hidden;
    }

    body.user_info #input_v2 .inner label.select.on>span:not([class]):after {
        visibility: visible;
    }

    .selectList-select {
        padding: 12px 35px 10px 10px;
        width: 100%;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#DBDBDB));
        background-image: linear-gradient(#fff, #DBDBDB);
        border: 1px solid #ccc;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        text-align: center;
        vertical-align: middle;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .selectList-select:before {
        margin-top: -10px;
        width: 20px;
        height: 20px;
        border: 1px solid #ccc;
        border-radius: 10px;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#aaa));
        background-image: linear-gradient(#ddd, #aaa);
        -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
        position: absolute;
        top: 48%;
        right: 10px;
        content: "";
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .selectList-select:after {
        margin-top: -2px;
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-top-color: #fff;
        position: absolute;
        top: 48%;
        right: 15px;
        content: "";
    }

    .selectList-select select {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        opacity: 0;
        border: 0px;
    }

    .modal_body .subtitle2,
    body.user_info #input_v2 .inner .subtitle2,
    body#request #input_v2 .subtitle3 {
        padding: 10px 15px 8px 15px;
        background-color: #efefef;
        border-top: #ccc 1px solid;
        border-left: #ccc 1px solid;
        border-right: #ccc 1px solid;
        border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        -ms-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
        color: #333;
        -moz-box-shadow: 0px 0px 2px rgba(000, 000, 000, 0.1), inset 0px 0px 1px rgba(255, 255, 255, 0.3);
        -webkit-box-shadow: 0px 0px 2px rgba(000, 000, 000, 0.1), inset 0px 0px 1px rgba(255, 255, 255, 0.3);
        font-weight: bold;
    }

    body.user_info #input_v2 .inner .accoOuter {
        background: #efefef;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
    }

    body.user_info #input_v2 .inner .accoOuter .isAcc {
        font-size: 100%;
        margin-bottom: 0;
        padding-right: 25px;
    }

    body.user_info #input_v2 .inner .errBox {
        padding: 15px;
        border: 2px solid #ffb0b0;
        background-color: #fff1f1;
        -moz-box-shadow: 0px 1px 2px rgba(000, 000, 000, 0.1), inset 0px 0px 1px rgba(255, 255, 255, 0.3);
        -webkit-box-shadow: 0px 1px 2px rgba(000, 000, 000, 0.1), inset 0px 0px 1px rgba(255, 255, 255, 0.3);
    }

    body.user_info #input_v2 .inner .errBox a:link,
    body.user_info #input_v2 .inner .errBox a:visited {
        color: #666666;
    }

    body.user_info #input_v2 .inner .inlineBox {
        font-size: 93%;
        border: 1px solid #e1e1e1;
        overflow: auto;
        padding: 10px 20px;
        margin-top: 10px;
        background-color: #fff;
    }

    body.user_info #input_v2 a.linkPdf:link {
        line-height: 18px;
        margin: 0;
        padding: 0;
        background: none;
        color: #226bc4;
        display: block;
        font-size: 86%;
    }

    body.user_info #input_v2 .subtitle2 span {
        display: inline-block;
        padding: 0px;
    }

    body.user_info #input_v2 #ele_wrap #ele_check img {
        width: 100%;
        padding-right: 10px;
    }

    body.user_info #input_v2 #ele_check {
        padding: 5px;
    }

    body.user_info #input_v2 #ele_check .ele_wrap_l {
        float: none;
        display: table-cell;
        vertical-align: middle;
        width: 15%;
        text-align: center;
    }

    body.user_info #input_v2 #ele_check .ele_wrap_r {
        float: none;
        display: table-cell;
        vertical-align: middle;
        width: 80%;
        padding-left: 5%;
        text-align: left;
    }

    body.user_info #input_v2 .selectList_S_M {
        display: table;
        table-layout: fixed;
        width: 100%;
    }

    body.user_info #input_v2 .selectList_S_M .iconTooltip {
        display: table-cell;
        vertical-align: middle;
    }

    body.user_info #input_v2 .input_obj .input_obj_text {
        display: table-cell;
        vertical-align: middle;
    }

    body.user_info #input_v2 .maxW.selectList_S_M .iconTooltip {
        width: 90%;
    }

    body.user_info #input_v2 .maxW.selectList_S_M .input_obj_text {
        width: 35px;
    }

    body.user_info #input_v2 .maxW.selectList_S_M .input_obj_text.tR {
        width: 20px;
        text-align: right;
    }

    body.user_info #input_v2 .input_obj .input_box_l {
        width: 49%;
        float: left;
    }

    body.user_info #input_v2 .input_obj .input_box_r {
        width: 49%;
        float: right;
        margin-left: 2%;
    }

    body.user_info #input_v2 .input_obj .input_box_l .input_obj_text,
    body.user_info #input_v2 .input_obj .input_box_r .input_obj_text {
        width: 20px;
        text-align: right;
    }

    #input_v2 .inner .tooltip_box .c1 label.select {
        padding-right: 25px;
    }

    #input_v2 .inner td label.select .toolTipBaloonTypeA,
    #input_v2 .inner td.c2 label.select .toolTipBaloonTypeA {
        font-family: "ＭＳ Ｐゴシック", MS Gothic, "ヒラギノ角ゴ Pro W3", Osaka, sans-serif !important;
        position: absolute;
        top: -168px;
        left: -212px;
        padding: 10px;
        width: 250px;
        height: 140px;
        line-height: 1.5;
        text-align: left;
        background: #fff;
        border: 1px solid #ddd;
        z-index: 100;
        border-radius: 3px;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    }

    .toolTipBaloonTypeA::before,
    .toolTipBaloonTypeA::after {
        display: none;
    }

    #input_v2 .inner td label.select .toolTipBaloonTypeA::before {
        border-color: #fff transparent transparent;
        border-style: solid;
        border-width: 9px 9px 0;
        bottom: -8px;
        content: "";
        height: 0;
        left: 90%;
        margin-left: -9px;
        position: absolute;
        width: 0;
        z-index: 0;
        display: block;
    }

    #input_v2 .inner td label.select .toolTipBaloonTypeA::after {
        border-color: #ddd transparent transparent;
        border-style: solid;
        border-width: 10px 10px 0;
        bottom: -10px;
        content: "";
        height: 0;
        left: 90%;
        margin-left: -10px;
        position: absolute;
        width: 0;
        z-index: -1;
        display: block;
    }

    body.user_info #input_v2 .inner .announce_text,
    body.user_info #input_v2 .inner .announce_input {
        display: inline;
        width: 100%;
        letter-spacing: normal;
    }

    .select_table li>span:first-child {
        width: calc(100% - 90px);
    }

    /* body.mobile_step
  ---------------------------------------------------- */
    /*
  body.user_info.mobile_step #input_v2 .inner .midashi_s {
    border-left: 4px solid #00a5a8;
  }
  body.user_info.mobile_step #input_v2 .inner .sp_show.required,
  body.user_info.mobile_step #input_v2 .inner .inputFormTable1 th {
    border-left: 5px solid #00a5a8;
  }
  */
    .mobileList .detail div {
        width: calc(100% / 2);
        font-size: 10px;
    }

    body.user_info.mobile_step #input_v2 .inner .mobileList label .input {
        margin: 0;
        padding: 0;
        background: none;
        border-bottom: 0px solid #dadada;
    }

    body.user_info.mobile_step #input_v2 .inner .mobileList label.select .input>span:not([class]):before {
        margin-top: -11px;
        width: 20px;
        height: 20px;
        border: 1px solid #ccc;
        border-radius: 5px;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
        background-image: linear-gradient(#fff, #ddd);
        -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
        position: absolute;
        top: 0;
        left: 50%;
        content: "";
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        margin-left: -10px;
        margin-top: 4px;
    }

    body.user_info.mobile_step #input_v2 .inner .mobileList label.select .input>span:not([class]):after {
        margin-top: -7px;
        width: 12px;
        height: 12px;
        background: none;
        background-color: #9c3;
        -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 50%;
        content: "";
        margin-left: -6px;
        margin-top: 8px;
        content: "";
        visibility: hidden;
    }

    #input_v2 .inner td label.select .tooltip_sp {
        position: relative;
        display: inline-block;
        width: 25px;
        cursor: pointer;
    }
    #input_v2 .inner td label.select .tooltip_sp.top_right {
        position: absolute;
    }

    #input_v2 .inner td label.select .tooltip_sp img {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    body.user_info.mobile_step #input_v2 .inner .mobileList.sp_c2 label.select {
        margin-left: 5px !important;
    }

    body.user_info.mobile_step #input_v2 .inner .mobileList.sp_c2 label.select:nth-child(odd) {
        margin-left: 0px !important;
    }

    body.user_info.mobile_step #input_v2 .inner .mobileList label.select .tooltip {
        top: 5px;
    }

    body.user_info.mobile_step #input_v2 .inner .mobileList label.select .tooltip_sp {
        position: absolute;
        top: 5px;
        right: 0px;
        margin-top: 0;
    }

    body.user_info.mobile_step #input_v2 .inner .mobileList label .img {
        padding: 25px 20px 0;
    }

    body.user_info.mobile_step #input_v2 .inner .mobileList .img img {
        width: 65%;
        height: auto;
    }

    body.user_info.mobile_step #input_v2 .inner .accoOuter {
        margin-bottom: 10px;
    }

    body.user_info.mobile_step #input_v2 .inner .importantList {
        border: 1px solid #d2d1d2;
        margin: 0 0 20px;
        padding: 12px 20px 9px;
        margin-top: 10px;
        background: #fff;
    }

    body.user_info #input_v2 .inner .inputFormTable1 .terminal_mnp_count,
    body.user_info #input_v2 .inner .MNP_form .inputFormTable1 .terminal_mnp_count {
        background: none;
    }

    body.user_info #input_v2 .inner .MNP_form .inputFormTable1 .terminal_mnp_count td {
        text-align: center;
        margin-bottom: 10px;
        padding: 10px;
        background: #cccccc;
    }

    body.mobile_step .contents h2 {
        font-size: 20px;
    }

    .inner #kanyu_select .serviceBox_kanyu.mobileselect .select a,
    .inner #kanyu_select .serviceBox_kanyu.mobileselect .select {
        width: 100%;
        display: inline-table;
    }

    #confirm .confTable th.midashi1-1 {
        width: 120px;
    }

    #confirm .confTable th.midashi2-3 {
        width: 75px;
    }

    /* エリア選択
  ---------------------------------------------------- */
    /*
  .toolTipBaloonTypeA.isActive {
    display: none;
  }
  */
    #areaSelect .inner.widFix {
        width: auto;
        margin: 0 auto;
        padding: 0 0 35px 0;
    }

    #areaSelect .inner #s0101.postArea.formbox,
    #areaSelect .areaBox {
        width: auto;
        margin: 0 auto 10px;
    }

    .areaBox .formbox_body .radio02.mrgFix {
        margin: 0 5px 0 0px;
    }

    #areaSelect .inner .formbox_body {
        width: auto;
        margin: 0 auto;
        padding: 0 0 0 17px;
    }

    #areaSelect .inner .areaBox .formbox_body {
        padding: 0;
    }

    #areaSelect .formbox_body dl {
        float: none;
    }

    #areaSelect .inner .formbox_body p {
        float: none;
        text-align: left;
        font-size: 12px;

    }

    #areaSelect .inner .postArea p.link01 {
        margin-top: 10px !important;
        padding: 0;
    }

    #areaSelect .inner .requiredTxt {
        background: none;
        padding-left: 0px;
        font-size: 12px;
        min-height: 19px;
        margin-bottom: 10px;
    }

    #areaSelect .inner .requiredTxt>span {
        display: block;
        border-left: 5px solid #f18d00;
        margin: 5px 0 0;
        padding: 0 0 0 8px;
    }

    body.user_info.mobile_step #input_v2 .inner .requiredTxt>span {
        border-left: 5px solid #00a5a8;
    }

    #areaSelect .inner .requiredTxt span.required {
        font-size: 69%;
        color: #fff;
        padding: 2px 8px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        border-radius: 2px;
        margin-right: 5px;
        background-color: #e83416;
        float: left;
    }

    #areaSelect .inner .selectList {
        width: 100%;
        overflow: hidden;
        position: relative;
        line-height: 1.5;
    }

    #areaSelect .inner .selectList.in {
        display: block;
        margin: 0 0 15px;
        border-radius: 5px;
        border: 1px solid #bbbdbf;
        -webkit-box-shadow: rgba(0, 4, 8, 0.44902) 0px 0px 5px -2px;
        box-shadow: rgba(0, 4, 8, 0.44902) 0px 0px 5px -2px;
    }

    #areaSelect .inner .ac .selectList.in {
        display: block;
        margin: 0 0 15px;
        border-radius: 0px;
        border: 0px solid #bbbdbf;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #areaSelect .inner .selectList li {
        padding: 0;
        border-bottom: 1px solid #bbbdbf;
        border-top: none;
        position: relative;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ECECEC));
        background-image: linear-gradient(#fff, #ECECEC);
    }

    #areaSelect .inner .ac .selectList>li {
        padding: 0;
        border: 1px solid #bbbdbf;
        margin-top: -1px;
        margin-bottom: 5px;
        position: relative;
        background-image: none;
    }

    #areaSelect .inner .ac .selectList li+ul {
        margin-top: -6px;
        margin-bottom: 5px;
        border: 1px solid #bbbdbf;
    }

    #areaSelect .inner .ac .selectList>li a {
        background: #fff;
    }

    #areaSelect .inner .selectList li p,
    #areaSelect .inner .selectList li a {
        position: relative;
        display: block;
        cursor: pointer;
        padding: 12px 10px 10px 15px;
        background-size: 13px auto;
        text-decoration: none;
    }

    #areaSelect .inner .selectList li p::before,
    #areaSelect .inner .selectList li a::before {
        content: '';
        width: 8px;
        height: 8px;
        border: 8px;
        border-top: solid 2px #f39700;
        border-right: solid 2px #f39700;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -4px;
    }

    #areaSelect .inner .ac .selectList>li p::before,
    #areaSelect .inner .ac .selectList>li a::before {
        display: none;
    }

    #areaSelect .inner .selectList li:hover {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
        background-image: linear-gradient(#fff, #fff);
    }

    #areaSelect .inner .selectList li:first-child {
        border-top: 0px solid #bbbdbf;
    }

    #areaSelect .inner .selectList li:last-child {
        border-bottom: 0px solid #bbbdbf;
    }

    #areaSelect .inner .selectList li:only-child {
        border: 0px solid #bbbdbf;
        border-radius: 5px;
    }

    #areaSelect .inner .ac .selectList li:first-child {
        border-top: 1px solid #bbbdbf;
        margin-top: 0;
    }

    #areaSelect .inner .ac .selectList li:last-child {
        border-bottom: 1px solid #bbbdbf;
    }

    #areaSelect .inner .ac .selectList li:only-child {
        border: 1px solid #bbbdbf;
        border-radius: 0px;
    }

    #areaSelect .inner .ac .selectList li+ul li:first-child {
        margin-top: -1px;
    }

    #areaSelect .inner .bgcGray {
        background-color: #eee;
        border-radius: 5px;
        padding: 15px 11px;
    }

    #areaSelect .inner a.btnTypeE.wide {
        display: inline-block;
        position: relative;
        padding: 7px 35px;
        background: #ffffff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 2px;
        border: 1px solid #cccccc;
        font-size: 16px;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 700;
        max-width: 240px;
        margin: 0 auto;
        float: none !important;
    }

    #areaSelect .inner dl.now_select {
        display: block;
        margin: 0 0 10px;
        background-color: #fff3bd;
        padding: 8px 8px 6px;
    }

    #areaSelect .inner dl.now_select dt {
        display: block;
        float: left;
    }

    #areaSelect .inner dl.now_select dd {
        display: block;
        float: left;
    }

    #areaSelect .inner .acdOpen,
    #areaSelect .inner .acdClose {
        display: block;
        width: 20px;
        height: 20px;
        background-color: #999;
        text-align: right;
        position: absolute;
        right: 3%;
        top: 0;
        bottom: 0;
        margin: auto 0;
    }

    #areaSelect .inner .acdClose:before {
        display: block;
        content: '';
        width: 10px;
        height: 2px;
        background-color: #fff;
        position: absolute;
        margin: auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    #areaSelect .inner .acdOpen:before,
    #areaSelect .inner .acdOpen:after {
        display: block;
        content: '';
        width: 2px;
        height: 10px;
        background-color: #fff;
        position: absolute;
        margin: auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    #areaSelect .inner .acdOpen:before {
        width: 10px;
        height: 2px;
    }

    .areaBox .formbox_body .radio02, .areaBox .formbox_body .radio01 {
        width: calc(100% / 2 - 2.5px);
    }

    .areaBox#s0102 .formbox_body .radio01 label span.kodate,
    .areaBox#s0102 .formbox_body .radio02 label span {
        background-size: 35px;
        text-indent: 20px;
    }

    .areaBox #s0104 .formbox_body .radio01 label span,
    .areaBox #s0104 .formbox_body .radio02 label span {
        line-height: 1.4;
        padding-top: 12px;
        font-size: 12px;
    }

    .areaBox #s0104 .formbox_body .radio01 label span em,
    .areaBox #s0104 .formbox_body .radio02 label span em {
        font-size: 10px;
        display: block;
    }

    .mobile_select_link a {
        display: block;
        margin-bottom: 10px;
        margin-left: 0;
    }

    /* area_check02 */
    .area_check02 .modal_inner {
        width: 98%;
        margin: 20px auto;
    }

    .area_check02 ul.service_wrap li:last-child {
        border: 0px;
    }

    .area_check02 ul.service_wrap.sp_c1 li .service_name,
    .area_check02 ul.service_wrap.sp_c1 li .service_appbtn {
        width: 100%;
        text-align: center;
    }

    .area_check02 ul.service_wrap.sp_c1 li .service_name {
        margin-bottom: 10px;
    }

    .area_check02 ul.service_wrap.sp_c2 li .service_link,
    .area_check02 ul.service_wrap.sp_c2 li .service_appbtn {
        width: 50%;
        text-align: center;
    }

    .area_check02 ul.service_wrap.sp_c2 li .service_name {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    .area_check02 ul.service_wrap li .service_appbtn p a {
        padding: 5px 25px;
        font-size: 115%;
    }

    .area_check02 ul.servicelist {
        padding: 0 15px;
    }

    .area_check02 .appbtn p {
        width: 90%;
    }

    .area_check02 .subbtn>div {
        width: 100%;
    }

    .area_check02 a.btnTypeE {
        max-width: initial;
        width: auto;
    }

    .area_check02 .inner.wid960 {
        width: 98%;
    }

    .area_check02 #ServiceSelect #ServiceSelect_head h4 {
        font-size: 120%;
    }

    .area_check02 #ServiceSelect ul li {
        width: calc(100% / 2 - 1%);
    }

    .area_check02 #ServiceSelect ul li:nth-child(3),
    .area_check02 #ServiceSelect ul li:nth-child(6) {
        margin-right: 2%;
    }

    .area_check02 #ServiceSelect ul li:nth-child(4),
    .area_check02 #ServiceSelect ul li:nth-child(5),
    .area_check02 #ServiceSelect ul li:nth-child(6) {
        margin-bottom: 2%;
    }

    .area_check02 #ServiceSelect ul li:nth-child(even) {
        margin-right: 0%;
    }

    .area_check02 #ServiceSelect_body label {
        position: relative;
        display: block;
        word-break: break-all;
        padding: 0;
        padding-bottom: 5px;
    }

    .area_check02 #ServiceSelect_body label.checked {
        background: #fcf4d0;
    }

    .area_check02 #ServiceSelect ul li .tooltip {
        width: 29px;
        position: absolute;
        top: 1px;
        right: 1px;
    }

    .area_check02 #ServiceSelect_body label input[type="checkbox"]+span {
        padding: 0 30px 0 35px;
        margin-bottom: 10px;
    }

    .area_check02 #ServiceSelect_body label input[type="checkbox"]+span::before,
    .area_check02 #ServiceSelect_body label input[type="checkbox"]+span::after {
        position: absolute;
        top: 5px;
        left: 50%;
        content: '';
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: -8.5px;
        margin-top: 0;
    }

    .area_check02 #ServiceSelect_body label input[type="checkbox"]+span::before {
        z-index: 0;
        background-color: transparent;
        width: 15px;
        height: 15px;
        border: 2px #ccc solid;
        background-color: #fff;
    }

    .area_check02 #ServiceSelect_body label input[type="checkbox"]+span::after {
        z-index: 1;
        margin: 3px 8px;
        width: 4px;
        height: 8px;
    }

    .area_check02 #ServiceSelect_body label input[type="checkbox"]:checked+span::after {
        margin-left: -3px;
        border: 2px solid red;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .area_check02 #ServiceSelect ul li img.selectImg {
        width: 90%;
        margin: 10px auto 5px;
    }

    .area_check02 #ServiceSelect ul li .SPlanicon {
        margin: 0px 5px 0px;
    }

    .area_check02 .btnWidth01 {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .area_check02 #simu a.btnTypeSimu .btnCaption {
        display: block;
        font-size: 10px;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 400;
        line-height: 1.5;
        margin-left: 0;
        margin-right: 0;
    }

    .area_check02 #simu a.btnTypeSimu .iconSimulator {
        font-size: 18px;
    }

    .area_check02 #entry_box {
        width: 95%;
    }

    .area_check02 #entry_box a {
        width: 100%;
        float: none;
    }

    .area_check02 .toolTipBaloonTypeA {
        top: -150px;
        left: 100%;
        width: 200px;
        height: 140px;
        margin-left: -117px;
        font-size: 75%;
    }

    .toolTipBaloonTypeA::before, .toolTipBaloonTypeA::after {
        display: block !important;
    }

    .area_check02 #ServiceSelect_body ul li:nth-child(even) .toolTipBaloonTypeA {
        left: 100%;
        margin-left: -186px;
    }

    .area_check02 #ServiceSelect_body ul li:nth-child(even) .toolTipBaloonTypeA::before,
    .area_check02 #ServiceSelect_body ul li:nth-child(even) .toolTipBaloonTypeA::after {
        left: 85%;
    }

    .area_check02 #simu {
        margin: 0 10px 0;
    }

    #areaSelect .box .box-header {
        height: 64px;
    }

    #areaSelect .box .text-check,
    #areaSelect .box .text-check-primary,
    #areaSelect .box .text-atn,
    #areaSelect .box .text-qst {
        display: block;
    }

    /* 確認画面
  ---------------------------------------------------- */
    #input_v2 .inner .inputFormTable1, #input_v2 .inner .inputFormTable2 {
        width: 100%;
        margin: 0 0 20px;
        border-spacing: 0px;
        border: 1px solid #d2d1d2;
        table-layout: fixed;
    }

    #confirm .inner .inputFormTable1, #confirm .inner .inputFormTable2 {
        width: 100%;
        margin: 0 0 20px;
        border-collapse: collapse;
        border-spacing: 0px;
        table-layout: fixed;
    }

    #confirm .inner {
        width: auto;
        margin: 0 auto;
        padding: 25px 0 35px;
    }

    .contents #preventDoubleForm .inputFormTable1 th,
    #confirm .contents .inputFormTable1 th {
        width: 40%;
        font-size: 86%;
        border-top: 1px solid #d2d1d2;
        border-right: 1px solid #d2d1d2;
        border-bottom: 1px solid #d2d1d2;
        padding: 8px;
        background-color: #f7f7f7;
        font-weight: normal;
        text-align: left;
        vertical-align: middle;
    }

    .contents #preventDoubleForm .inputFormTable1 td,
    #confirm .contents .inputFormTable1 td {
        width: 60%;
        font-size: 86%;
        line-height: 1.5;
        border-top: 1px solid #d2d1d2;
        border-left: 1px solid #d2d1d2;
        border-bottom: 1px solid #d2d1d2;
        padding: 8px;
        word-wrap: break-word;
        word-break: break-all;
    }

    #FA_Window {
        display: none;
    }

    .contents #preventDoubleForm .confTable th, .contents #preventDoubleForm .confTable td {
        font-size: 86%;
    }

    #confirm .btnBox {
        width: auto;
        text-align: left;
        margin: 0 auto 30px;
    }

    /*pid_caution2
  ---------------------------------------------------- */
    table.service_web_table {
        width: 100%;
        table-layout: fixed;
        word-break: break-all;
        word-wrap: break-all;
        padding: 5px;
        border-collapse: separate;
    }

    /* mobile_web_entry
  ---------------------------------------------------- */
    a.sBtn img {
        margin-top: 10px;
    }

    a.cBtn {
        margin-top: 10px;
    }

    .addressWrap td .roomNumBox p.notFound a {
        float: left;
        margin-top: 10px;
        height: auto;
        line-height: 1.6;
        padding: 5px 10px;
    }

    .addressWrap td .addressList {
        max-height: 310px;
    }

    .addressWrap td .addressList.entryRoom li {
        width: 100%;
    }

    .addressWrap td .addressList.entryRoom li:nth-child(5n) {
        border-right: 1px solid #ccc;
    }

    /* 画像アップロード
  ---------------------------------------------------- */
    .mobile_step .img_upload_box .img_preview span {
        display: none;
    }

    /*tvフレックス
  ---------------------------------------------------- */
    .sp_c1 .VCenter {
        position: static;
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    body.user_info #input_v2 .inner .tv_flex_table {
        display: none;
    }

    body.user_info #input_v2 .inner .tv_flex_list {
        display: block;
    }

    body.user_info #input_v2 .inner .tv_flex_list.no_input {
        border: 1px solid #ccc;
    }

    body.user_info #input_v2 .inner .tv_flex_list.no_input li {
        padding: 10px;
        border-bottom: 1px solid #ccc;
    }

    body.user_info #input_v2 .inner .tv_flex_list.no_input li:last-child {
        border-bottom: 0;
    }

    body.user_info #input_v2 .inner .tv_flex_list .select {
        padding: 12px 5px 12px 40px;
    }

    body.user_info #input_v2 .inner .tv_flex_list .title {
        width: 35%;
    }

    body.user_info #input_v2 .inner .tv_flex_table2 th:first-child {
        width: 45%;
    }

    body.user_info #input_v2 .inner .tv_flex_table2 .confirm_btn {
        position: relative;
        right: 0;
        display: block;
        width: 85px;
        padding: 2px;
        text-align: center;
        margin: 10px 0 0;
    }

    body.user_info #input_v2 .inner .tv_flex_list .pickup {
        display: block;
        font-size: 69%;
        color: #fff;
        padding: 2px 8px;
        width: 60px;
        text-align: center;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
        margin-right: 5px;
        background-color: #e83416;
    }

    body.user_info #input_v2 .inner .tv_flex_table td,
    body.user_info #input_v2 .inner .tv_flex_table th,
    body.user_info #input_v2 .inner .tv_flex_table2 td,
    body.user_info #input_v2 .inner .tv_flex_table2 th {
        padding: 10px;
    }

    body.user_info #input_v2 .inner .inputFormTable1 td>.iconTooltip,
    body.user_info #input_v2 .inner .inputFormTable1 td div>.iconTooltip {
        display: inline-block;
    }

    #confirm .confTable th.midashi1 {
        min-width: 143px !important;
        width: auto !important;
    }

    /* ----------------------------------------------------------------------------
submit_confirm
-----------------------------------------------------------------------------*/
    .submit_confirm {
        /* margin: 0 15px; */
        background-color: #fff;
        padding: 20px 15px;
        border-radius: 20px;
    }

    .submit_confirm h2.midashi {
        border-bottom: 3px solid #eeeeee;
        margin: 0 auto 15px auto;
        padding-bottom: 5px;
        font-size: 160%;
        width: auto;
        text-align: center;
        font-weight: bold;
    }

    .submit_confirm .submit_confirm_text p {
        margin-top: 5px;
    }

    .submit_confirm .submit_confirm_input ul li label {
        position: relative;
        width: 100%;
        margin-bottom: 5px;
        display: block;
        padding: 12px 65px 12px 35px;
        border: 2px solid #ccc;
        background: #f2f2f2;
    }

    .submit_confirm .submit_confirm_input ul li label input {
        display: none;
    }

    .submit_confirm .submit_confirm_input ul li label .input {}

    .submit_confirm .submit_confirm_input ul li label .input::before {
        margin-top: -8px;
        width: 16px;
        height: 16px;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 10px;
        content: "";
        box-sizing: border-box;
    }

    .submit_confirm .submit_confirm_input ul li label input:checked+.input:after {
        width: 10px;
        height: 10px;
        background-color: #9c3;
        position: absolute;
        top: 50%;
        left: 13px;
        transform: translateY(-50%);
        content: "";
        border-radius: 50%;
    }

    .submit_confirm .submit_confirm_input ul li label img {
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        height: 35px;
        width: auto;
    }

    .submit_confirm .submit_confirm_input.select ul li label {
        padding: 12px 30px 12px 75px;
    }

    .submit_confirm .submit_confirm_input.submission ul li label {
        padding: 12px 12px 12px 35px;
    }

    .submit_confirm .submit_confirm_input.select ul li label img {
        position: absolute;
        top: 50%;
        right: auto;
        transform: translateY(-50%);
        left: 10px;
        height: 35px;
        width: auto;
    }

    .submit_confirm .submit_confirm_input.select ul li label .batu {
        font-weight: bold;
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
    }

    .submit_confirm a.btnTypeEntry {
        padding: 10px 30px !important;
        margin: auto;
    }

}

@media screen and (max-width: 369px) {
    body.user_info #input_v2 .inner span.required+.subtitleComments {
        margin-left: 40px;
    }

    #s0101.postArea .formbox_body dl dd.pos02 input {
        width: 125px;
    }

    #s0101.postArea .formbox_body dl dd.pos01 input {
        width: 100px;
    }

    #input_v2 .inner #loginButton_p {
        width: 100%;
        font-size: 85%;
    }
}

/* serviceselect
---------------------------------------------------- */
body.mobile_step {
    overflow: visible !important;
    font-family: 'Noto Sans JP', sans-serif;
}

body.mobile_step #optionSelect {
    padding: 0;
    background: #fff;
    position: relative;
    border-bottom: 0;
}

body.mobile_step #optionSelect h4.ques .required {
    padding: 4px 5px;
    color: #fff;
    background: #e43725;
    font-size: 12px;
    line-height: 1em;
    border-radius: 3px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

body.mobile_step #optionSelect .form-group label[class^="label-card"] input[type="radio"]:disabled+span,
body.mobile_step #optionSelect .form-group label[class^="label-card"] input[type="checkbox"]:disabled+span {
    background-color: transparent !important;
}

#optionSelect .mobileBox .inBox .mobileTerminal .form-group .label-card>span {
    display: flex;
    align-items: center;
    position: relative;
}

body.mobile_step .mobileTerminalColor .label-card>input+span {
    position: relative;
    padding-top: 25px !important;
}

body.mobile_step .mobileTerminalColor .label-card span .circle {
    position: absolute;
    left: 50%;
    top: 4px;
    width: 20px;
    height: 20px;
    background: #000;
    border: 1px solid #d2d1d2;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    box-shadow: 0px 3px 3px -1px rgba(0, 0, 0, 0.24) inset;
    -moz-box-shadow: 0px 3px 3px -1px rgba(0, 0, 0, 0.24) inset;
    -webkit-box-shadow: 0px 3px 3px -1px rgba(0, 0, 0, 0.24) inset;
}

#optionSelect .mobileBox {
    border: 0;
    padding: 25px 0;
}

#optionSelect .form-group .label-card {
    height: 100%;
}

#optionSelect .form-group .label-card>span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    font-weight: 600;
    margin-bottom: 0 !important;
}

#optionSelect #typeI_mobile_terminal_sim_kind_1 .form-group .label-card>span {
    display: inline-block;
}

#optionSelect .form-group .label-card>span.span_row,
#optionSelect #mobileSelect_tab .form-group .label-card>span,
#optionSelect .mobileTerminal .form-group .label-card>span {
    flex-direction: row;
}

#optionSelect .form-group .label-card span.check_label,
#optionSelect .form-group .label-card span.kakeho_label {
    position: relative;
}

#optionSelect .form-group .label-card span.check_label .fs12,
#optionSelect .form-group .label-card span.kakeho_label .fs12 {
    font-size: 12px;
    font-weight: normal;
}

#optionSelect .form-group .label-card span.check_label .price,
#optionSelect .form-group .label-card span.kakeho_label .price {
    font-size: 12px;
    font-weight: normal;
}

#optionSelect #mobileSelect_tab .form-group .label-card>span {
    padding: 15px 12px 15px 40px;
}

#optionSelect .form-group .label-card span.check_label .price .normal,
#optionSelect .form-group .label-card span.kakeho_label .price .normal {
    font-size: 186%;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
}

#optionSelect .form-group .label-card span.check_label .price .num {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
}
#optionSelect .form-group .label-card span.kakeho_label .price_wrap .PackName {
    position: absolute;
    top: 0%;
    right: 10px;
    font-size: 14px;
    font-weight: 300;
}
#optionSelect .form-group .label-card span.onsei_label .campaign,
#optionSelect .form-group .label-card span.kakeho_label .campaign {
    display: inline-block;
    font-size: 12px;
    background: #fff2f0;
    border-radius: 40px;
    margin-top: 5px;
    padding: 3px 20px;
    font-weight: 300;
}
#optionSelect .form-group .label-card span.onsei_label .price_wrap .PackName {
    font-size: 14px;
    font-weight: 300;
}
#optionSelect .form-group .label-card span.onsei_label .price_wrap {
    text-align: right;
}
#optionSelect .form-group .label-card span.accessory .text .price {
    font-weight: normal;
}

#optionSelect .form-group .birthday_body {
    display: flex;
    align-items: center;
    gap: 5px;
}

.selectbtn .icon_wrap .img {
    display: inline-block;
    position: relative;
    width: 35px;
}

.selectbtn .icon_wrap .img::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -5px;
    transform: translateY(calc(-50% - 3px));
    width: 35px;
    height: 35px;
}

.selectbtn .icon_wrap.sim .img:before {
    background: url(/common_form/img/pack_select/icon_SIM.png) center no-repeat;
    background-size: contain;
}

.selectbtn .icon_wrap.esim .img:before {
    background: url(/common_form/img/pack_select/icon_eSIM.png) center no-repeat;
    background-size: contain;
}

#optionSelect #mobile_option.btnView {
    border-radius: 0;
    text-align: center;
    border-bottom: 0;
    zoom: 1;
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    user-select: none;
    cursor: pointer;
    position: relative;
    background: #F2F2F2;
    padding: 15px 24px;
    padding-right: 54px;
    border-radius: 8px;
    color: #333;
    font-weight: normal !important;
    transition: .3s opacity ease-out;
    margin: 0 15px;
}

#optionSelect #mobile_option.btnView span:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 24px;
    background: url(/common_v10/images/icn-accordion-defult.svg) no-repeat center center/contain;
    width: 24px;
    height: 24px;
    margin: auto;
}

#optionSelect #mobile_option.btnView span.up:after {
    background: url(/common_v10/images/icn-accordion-open.svg) no-repeat center center/contain;
}

#optionSelect #mobile_option.btnView span {
    background: none;
    padding-left: 0;
    display: inline-block;
    line-height: 1;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
}

#optionSelect #typeA_mobile_terminal_data_1 .form-group .label-card .serviceName,
#optionSelect #typeI_mobile_terminal_data_1 .form-group .label-card .serviceName {
    font-size: 20px;
}

/* ステップナビ */
body.mobile_step .l-header .l-headerInfo__inner,
body.mobile_step .l-header .l-headerGnav__inner,
body.mobile_step .l-header--simple .l-headerInfo__inner,
body.mobile_step .l-header--simple .l-headerGnav__inner {
    max-width: 1100px;
}

body.mobile_step#top .l-contentBody {
    background-color: #eee;
}

body.mobile_step .stepBar {
    width: 960px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    font-size: 10px;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    display: table;
    overflow: hidden;
    zoom: 1;
}

body.mobile_step .stepBar {
    font-size: 12px;
}

body.mobile_step #stepnavi,
body.mobile_step .blk-step,
body.mobile_step .stepBar {
    width: 1100px;
}

body.mobile_step .blk-step {
    margin-top: 0;
}

body.mobile_step .stepBar li {
    position: relative;
    display: table-cell;
    height: 40px;
    vertical-align: middle;
    text-align: center;
    background-color: #eee;
    color: #666;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    padding: 0;
}

body.mobile_step .stepBar li {
    border-top: 0;
    border-bottom: 0;
}

body.mobile_step .stepBar li:first-child {
    border-left: 1px solid #e4e4e4;
}

body.mobile_step .stepBar li span {
    display: block;
    z-index: 5;
    padding: 0 10px 0 8px;
}

body.mobile_step .stepBar li.current {
    color: #FFF;
    background-color: #f18d00;
}

/* 料金内訳 */
.mt32 {
    margin-top: 32px !important;
}

.mb32 {
    margin-bottom: 32px !important;
}

#priceList {
    padding-top: 10px;
    border-top: 1px solid #E2E2E2;
}

#priceList .priceTable {
    border: 2px solid #E2E2E2;
    border-radius: 10px;
}

#priceList .priceTable .InBox {
    padding: 0 15px;
}

body.mobile_step #priceList .priceTable .totalPrice,
body.mobile_step #priceList .MorePriceBox {
    background: none;
}

body.mobile_step #priceList .MorePriceBox {
    padding: 0;
}

body.mobile_step #priceList .price_h3 {
    position: relative;
    color: #e73518;
    font-size: 16px;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
    padding: 5px 0;
}

body.mobile_step #priceList .price_h3:before {
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background: #e73518;
}

body.mobile_step #priceList .price_h3 span {
    position: relative;
    padding: 0 0.5rem;
    background: #fff;
}

body.mobile_step #priceList h3.read {
    font-size: 24px;
}

body.mobile_step #priceList .price_h4 {
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
    font-size: 20px;
    padding: 5px 0;
    border-bottom: 1px solid #E2E2E2;
}

body.mobile_step #priceList .priceTable .planPrice,
body.mobile_step #priceList .priceTable .normalPriceB,
body.mobile_step #priceList .priceTable .normalPrice {
    border: 0;
}

body.mobile_step #priceList .priceTable .MorePriceBox {
    margin-bottom: 10px;
}

body.mobile_step #priceList .priceTable .MorePriceBox:last-child {
    margin-bottom: 0px;
}

body.mobile_step #priceList .priceTable section .normalPrice {
    padding-top: 10px;
    margin-top: 15px;
    border-top: 1px solid #E2E2E2;
}

body.mobile_step #priceList .priceTable section .normalPrice:first-of-type {
    padding-top: 0;
    margin-top: 0;
    border-top: 0;
}

body.mobile_step #priceList .priceTable .MorePriceBox .normalPrice .in .sn p {
    display: flex;
    flex-direction: column;
}

body.mobile_step #priceList .priceTable .MorePriceBox .normalPrice .in .price {
    text-align: right;
    font-size: 12px;
}

body.mobile_step #priceList .priceTable .MorePriceBox .normalPrice .in .price .num {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
    font-size: 20px;
}

body.mobile_step #priceList .priceTable .MorePriceBox .priceBox {
    border: 1px solid #cacaca;
    background: #edeeef;
    border-radius: 10px;
    padding: 5px 10px;
    margin-top: 5px;
}

body.mobile_step #priceList .priceTable .MorePriceBox .priceBox .detail {
    display: flex;
    justify-content: space-between;
}

p.mail_btn {
    width: auto;
    text-align: center;
}

body.mobile_step .btn.gray_radius {
    display: inline-block;
    position: relative;
    border-radius: 100px;
    text-align: center;
    text-decoration: none;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
    border: 1px solid #333;
    background: #fff;
    padding: 5px 10px;
    min-width: 250px;
}

body.mobile_step .btn.gray_radius::after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    position: absolute;
    right: 13px;
    top: 50%;
    transform: rotate(45deg) translateY(-50%);
}

body.mobile_step .mail_btn {
    border-top: 1px solid #cacaca;
    padding-top: 20px;
}

/* coution */
#coution h4 {
    text-align: left;
}

@media screen and (max-width: 767px) {
    body.web_entry #side_price {
        display: none;
    }

    body.web_entry #optionSelect h4.ques.t,
    body.web_entry #optionSelect h4.ques {
        font-size: 16px;
    }

    body.web_entry .note {
        font-size: 12px;
    }

    #service_contents {
        padding: 0 !important;
    }

    #optionSelect .mobileBox .inBox .mobileTerminal .form-group .img img {
        max-height: 65px;
        width: auto;
    }

    #optionSelect .mobileBox .inBox .mobileTerminal .form-group .serviceName {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 600;
        font-size: 20px;
    }

    #optionSelect .form-group .label-card span.check_label,
    #optionSelect .form-group .label-card span.kakeho_label {
        flex-direction: column;
    }

    #optionSelect .form-group .label-card span.kakeho_label {
        align-items: baseline;
    }

    #optionSelect .form-group .label-card span.kakeho_label .title_wrap {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: baseline;
    }

    #optionSelect .form-group .label-card span.kakeho_label .price_wrap {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #optionSelect .form-group .label-card span.accessory .img {
        width: 35%;
    }

    #optionSelect .form-group .label-card span.accessory .img img {
        height: 75px;
        width: auto;
        object-fit: cover;
    }

    #optionSelect .form-group .label-card span.accessory .text {
        width: 65%;
        font-size: 14px;
    }

    #optionSelect .selectList.tablet_acc .price {
        text-align: center;
    }

    #optionSelect .form-group .label-card span.kakeho_label .price_wrap .PackName {
        top: 5px;
    }
}

@media screen and (max-width:480px) {
    #optionSelect .form-group .label-card>span {
        font-size: 14px;
    }

    #optionSelect #mobile_terminal_pay_select_1 .form-group .label-card>span {
        font-size: 12px;
    }
}

@media screen and (min-width: 768px) {
    .wrap {
        width: 100%;
        background-color: #fff;
    }

    #service_contents {
        display: flex;
    }

    body.web_entry .contents {
        max-width: 1100px;
        margin: auto;
    }

    body.mobile_step #optionSelect {
        padding-top: 20px;
        padding-bottom: 0;
        background: #f3f3f3;
        position: relative;
    }

    #optionSelect .inner {
        padding: 0;
    }

    #optionSelect h4.ques {
        font-size: 129%;
        line-height: 25px;
        display: flex;
        align-items: center;
        position: relative;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 600;
        line-height: 1em;
        margin-bottom: 20px;
    }

    body.web_entry #mobileArea {
        width: 75%;
    }

    body.web_entry #side_price {
        width: calc(25% - 20px);
        position: -webkit-sticky;
        position: sticky;
        top: 20px;
        height: 100%;
        /*
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        */
        background: #f3f3f3;
        z-index: 999;
        margin-top: 0px;
        margin-left: 20px;
    }

    #side_price .side_content {
        background: #f3f3f3;
    }

    #side_price .side_content .side_inner {
        margin: 0px 15px 5px;
        padding: 10px;
        background: #ffff;
    }

    #side_price .side_content .side_inner h4 {
        color: #00a5a8;
    }

    #side_price .side_content .side_inner table {
        padding: 10px;
        border: 0;
    }

    #side_price .side_content .side_inner table th,
    #side_price .side_content .side_inner table td {
        padding: 0 2px;
        background-color: inherit;
        border: 0;
    }

    #side_price .side_content .side_inner table th {
        font-weight: normal;
    }

    #side_price .side_content .side_inner table td {
        text-align: right;
    }

    #side_price .side_content .side_inner table .total th,
    #side_price .side_content .side_inner table .total td {
        border-bottom: 1px solid #f3f3f3;
    }

    #side_price .side_content .side_inner table .total+tr th {
        padding-top: 10px;
    }

    #side_price .side_content .side_btn_wrap {
        margin: 10px 15px;
    }

    #side_price .side_content .side_btn_wrap .btn.red {
        color: #fff;
        text-align: center;
        text-decoration: none;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 600;
        border-radius: 100px;
        border: 1px solid #e83517;
        display: inline-block;
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#eb5d45, endcolorstr=#e83416))";
        /* IE8 IE9 */
        /* FF3.6+ */
        /* Chrome10+, Safari5.1+ */
        background: -webkit-gradient(linear, left top, left bottom, from(#eb5d45), to(#e83416));
        background: linear-gradient(to bottom, #eb5d45, #e83416);
        /* IE10+, W3C */
        -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
        zoom: 1;
    }

    #side_price .side_content .side_btn_wrap .btn.red {
        position: relative;
        width: 100%;
        padding: 10px 0;
    }

    #side_price .side_content .side_btn_wrap .btn.red span::after {
        content: "";
        display: block;
        width: 5px;
        height: 5px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -4px;
    }

    #side_price .side_content .side_btn_wrap .btn.green {
        color: #00a5a8;
        text-align: center;
        text-decoration: none;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 600;
        border-radius: 100px;
        border: 1px solid #00a5a8;
        display: inline-block;
        background: #fff;
        zoom: 1;
    }

    #side_price .side_content .side_btn_wrap .btn.green {
        position: relative;
        display: block;
        padding: 5px 10px;
    }

    #side_price .side_content .side_btn_wrap .btn.green span::after {
        content: "";
        display: block;
        width: 5px;
        height: 5px;
        border-top: 2px solid #00a5a8;
        border-right: 2px solid #00a5a8;
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -4px;
    }

    #optionSelect .mobileBox .inBox .mobileTerminal .form-group .label-card span {
        padding: 15px 12px;
        flex-wrap: wrap;
    }

    #optionSelect .mobileBox .inBox .mobileTerminal .form-group .label-card span .img {
        width: 40%;
    }

    #optionSelect .mobileBox .inBox .mobileTerminal .form-group .label-card span .img img {
        width: 100%;
    }

    #optionSelect .mobileBox .inBox .mobileTerminal .form-group .label-card span .serviceName {
        width: 60%;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    #optionSelect .mobileBox .inBox .mobileTerminal .form-group .label-card span .serviceName p {
        font-size: 15px;
    }

    #optionSelect .form-group .label-card span.check_label,
    #optionSelect .form-group .label-card span.kakeho_label {
        flex-direction: row;
        justify-content: space-between;
    }

    #optionSelect .form-group .label-card span.kakeho_label {
        padding: 15px 12px 15px 40px;
    }

    #optionSelect .form-group .label-card span.check_label>div {
        display: flex;
        align-items: center;
        justify-content: start;
        gap: 10px;
    }

    #optionSelect .form-group .label-card span.kakeho_label .campaign {
        margin-top: 0;
    }

    #optionSelect .form-group .label-card span.kakeho_label .price_wrap {
        text-align: right;
    }

    #optionSelect .form-group .label-card span.kakeho_label .title_wrap {
        display: flex;
        flex-wrap: wrap;
    }

    #optionSelect .form-group .label-card span.kakeho_label .title_wrap .title {
        min-width: 170px;
        text-align: left;
    }

    #optionSelect .form-group .label-card span.accessory {
        padding: 10px 5px;
        gap: 5px;
    }

    #optionSelect .form-group .label-card span.accessory::after,
    #optionSelect .form-group .label-card span.accessory::before {
        content: none;
    }

    #optionSelect .form-group .label-card span.accessory .img {
        width: 33%;
    }

    #optionSelect .form-group .label-card span.accessory .text {
        width: 67%;
        font-size: 12px;
        text-align: left;
    }

    #optionSelect .form-group .label-card span.accessory .text .price {
        font-size: 11px;
    }

    /* #optionSelect .form-group .label-card span.accessory .img img {
        height: 70px;
        object-fit: cover;
    } */

    #optionSelect .form-group .label-card span.check_label .price .num {
        font-size: 186%;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 600;
    }


    /* 料金内訳 */
    body.mobile_step #priceList .price_h3 {
        padding: 10px 0;
    }

    body.mobile_step #priceList .price_h4 {
        padding: 10px 0;
    }

    body.mobile_step #priceList .priceTable .totalPrice {
        font-size: 18px;
    }

    body.mobile_step #priceList .priceTable section .normalPrice {
        padding-top: 20px;
        margin-top: 20px;
    }

    body.mobile_step #priceList .priceTable .MorePriceBox .normalPrice .in {
        display: flex;
        justify-content: space-between;
    }

    body.mobile_step #priceList .priceTable .MorePriceBox .normalPrice .in .sn p {
        font-size: 20px;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 600;
    }

    body.mobile_step #priceList .priceTable .MorePriceBox .normalPrice .in .price {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    #priceList .priceTable .totalPrice em {
        font-size: 40px;
    }

    body.mobile_step #priceList .priceTable .MorePriceBox .normalPrice .in .price .num {
        font-size: 24px;
    }

    body.mobile_step #priceList .priceTable .MorePriceBox .normalPrice .priceBox {
        margin-top: 20px;
    }

    body.mobile_step #apply_btn1 {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

    body.mobile_step #apply_btn1 .child_1 {
        order: 2;
    }

    body.mobile_step #apply_btn1 .child_2 {
        order: 1;
    }

}

  /*NEWアイコン
  ---------------------------------------------------- */
body.mobile_step .label--new {
    padding: 4px 5px !important;
    background: #ffff00;
    font-size: 12px;
    line-height: 1em;
    border-radius: 3px;
    display: inline-block;
    position: absolute;
    top: 4px;
    right: 57px;
}
body.mobile_step .label--rec {
    padding: 4px 5px !important;
    color: #fff;
    background: #e43725;
    font-size: 12px;
    line-height: 1em;
    border-radius: 3px;
    display: inline-block;
    position: absolute;
    top: 4px;
    right: 57px;
    letter-spacing: -0.07em;
}
body.mobile_step .label--rec + .label--new {
    right: 115px;
}
@media (min-width: 768px) and (max-width: 880px){
#optionSelect .mobileBox .inBox .mobileTerminal .form-group .label-card span .serviceName {
        height: 80%;
}
}
.form-group label[class^="label-card"] .check_label.no_input,
.form-group label[class^="label-card"] .check_label.no_input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    max-width: 100% !important;
    margin-bottom: 6px;
    padding: 10px 12px;
    box-sizing: border-box;
    background: #fff;
    border: 2px solid #E2E2E2;
    border-radius: 10px;
    font-size: 16px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    width: 240px;
    width: 100%;
    display: block;
    background: #fff;
    overflow: hidden;
}

@media screen and (min-width:768px) and ( max-width:1024px) {
    #optionSelect .row .col-33 {
            height: 115px;
    }
}