#flow.mnp_cancel article img.link-icon/* override
==================================*/
img{
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
@media screen and (max-width: 768px) {
    .cols .sp-col-2 {
    width: 48%;
    margin: 0 1% 13px;
    }
    .tabs2.tab-type-01 .list-horizontal > li{
    display: block;
    }

    #main .layout-product-sim .btn-green,
    #main .layout-product-sim .btn-green:visited {
    width: 100% !important;
    padding: 10px 0;
    font-size: 0.7em;
    }
}
article img{
max-width: none;
}
.sns-btn .facebook-btn > img,
.sns-btn .twitter-btn > img{
max-width: 100%;
}

p.btn-area {
text-align: center;
font-size: 20px;
}
#main .btn, #main .btn-gray, #main .btn-darkblue, #main .btn-lightblue, #main .btn-pink, #main .btn-lightpink, #main .btn-green, #main .btn:visited, #main .btn-gray:visited, #main .btn-darkblue:visited, #main .btn-lightblue:visited, #main .btn-pink:visited, #main .btn-lightpink:visited, #main .btn-green:visited {
width: 370px;
font-size: 20px;
padding: 12px 0;
}
#main .layout-product-sim .btn-green,
#main .layout-product-sim .btn-green:visited {
width: 183px;
font-size: 12px;
padding: 12px 0;
}
.btn-area a[target=_blank]:before {
content: '';
display: inline-block;
vertical-align: middle;
width: 1em;
height: 1em;
background: url(/flow/img/icon_btn_blank.svg) no-repeat center;
background-size: contain;
border: none;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}

.btn:before, .btn-gray:before, .btn-darkblue:before, .btn-lightblue:before, .btn-pink:before, .btn-lightpink:before, .btn-green:before {
border-top: 2px solid #fff;
border-right: 2px solid #fff;
right: 20px;
width: 8px;
height: 8px;
}

#main .layout-product-sim .btn-green:before {
border-top: 2px solid #fff;
border-right: 2px solid #fff;
right: 12px;
width: 8px;
height: 8px;
}

.tabs2.tab-type-01{
padding-top: 111px;
}
.tabs2.tab-type-01 .tab-nav{
width: 396px;
}
.tabs2.tab-type-01 .tab-nav:first-of-type {
left: -414px;
}
.tabs2.tab-type-01 .tab-nav:last-of-type {
left: 414px;
}
.tabs2.tab-type-01 .tab-nav a:before {
border-color: #787878;
}
.tabs2.tab-type-01 #content-sim,
.tabs2.tab-type-01 #content-change{
border-bottom: none;
}
.tabs2 .tab-pink.tab-nav.current {
border-width: 2px 2px 0;
}
.tabs2 .tab-pink.tab-nav.current a {
border: none;
}
@media screen and (max-width: 768px) {
    .tabs2.tab-type-01{
    padding-top: 62px;
    }
    .tabs2.tab-type-01 .tab-nav{
    width: 145px;
    }
    .tabs2.tab-type-01 .tab-nav:first-of-type {
    left: -153px;
    }
    .tabs2.tab-type-01 .tab-nav:last-of-type {
    left: 153px;
    }
}

.js-tab > .tab-set{
position: relative;
display: table;
}
.js-tab > .tab-set > .tab-item:not(.is-active) {
content: '';
position: absolute;
display: table-cell;
opacity: 0;
/*    -webkit-transition: opacity .3s;
-moz-transition: opacity .3s;
-ms-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s;*/
}
.js-tab > .tab-set > .tab-item::after{
position: absolute;
top: 0;
left: 0;
width: 100%;
display: none;
}

.js-tab > .tab-set > .tab-item.is-active {
content: '';
position: relative;
display: table-cell;

opacity: 1;

-webkit-transition: opacity .6s;
transition: opacity .6s;
}

.js-toggle-hook ._icon.arrow{
width: 15px;
height: 10px;
}

.fields-layout .fields > .head.layout-middle .title{
position: relative;
display: table;
width: 100%;
min-height: 80px;
padding: 15px 15px 15px 170px;
font-size: 22px;
box-sizing: border-box;
}
.fields-layout .fields > .head.layout-middle .title .icon{
position: absolute;
left: 15px;
bottom: 50%;
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
.fields-layout .fields > .head.layout-middle .title .txt{
display: table-cell;
vertical-align: middle;
padding-right: 85px;
}
.fields-layout .fields > .head.lightgray-head{
display: table;
width: 100%;
background: #f8f8f8;
border: 1px solid #c1c1c1;
box-sizing: border-box;
}
.fields-layout .fields > .head.lightgray-head .title{
display: table-cell;
font-size: 25px;
vertical-align: middle;
color: #787878;
}
.fields-layout.width-type-02{
width: 900px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 768px) {
    .fields-layout .fields > .head.layout-middle .title{
    min-height: 60px;
    padding: 10px 10px 10px 90px;
    font-size: 12px;
    }
    .fields-layout .fields > .head.layout-middle .title .icon{
    left: 10px;
    width: 67px;
    }
    .fields-layout .fields > .head.layout-middle .title .txt{
    padding-right: 0;
    }
    .fields-layout .fields > .head.lightgray-head .title{
    font-size: 13px;
    }
    .fields-layout .fields.faq > .head.layout-middle .title{
    padding-left: 66px;
    }
    .fields-layout .fields.faq > .head.layout-middle .title .icon{
    width: 47px;
    }
    .fields-layout .fields > .head.lightgray-head .title.js-toggle-hook{
    padding-right: 40px;
    }
    .fields-layout.width-type-02{
    width: 100%;
    }
}

/* origin
==================================*/
.bg-stripe{
background: url("/flow/images/bg.png");
}
.color-pink-light{
color: #f64ba4 !important;
}
.mark11 .text-double-circle{
position: relative;
top: -2px;
}

@media screen and (max-width: 768px) {
    .over-img{
    width: 104.3%;
    }
}

/* Text
------------------------------*/
.hdg-01 {
margin: 40px 0 10px;
color: #f44ea3;
font-size: 37px;
text-align: center;
}
.hdg-01 .accent {
font-size: 16px;
display: block;
line-height: 1;
}
.step-hdg{
font-size: 19px;
text-align: center;
margin: 0 0 20px;
}
.step-hdg.line{
margin-top: 30px;
padding-top: 20px;
border-top: 2px solid #787878;
}
.page-lead-text{
font-size: 37px;
color: #009dfd;
text-align: center;
letter-spacing: .19em;
padding-top: 2.34%;
}
.section-lead-text{
font-size: 16px;
text-align: center;
}
.btn-lead-text{
margin-bottom: 5px;
font-size: 22px;
text-align: center;
}
.fields.faq .btn-lead-text{
margin-bottom: 60px;
}
.notes-text{
color: #787878;
font-size: 12px;
}

@media screen and (max-width: 768px) {
    article .fields.telope .head.lightgray-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    }
    article .fields.telope img{
    width: 100%;
    }
    .hdg-01 {
    margin: 20px 0 10px;
    font-size: 16px;
    }
    .hdg-01 .accent {
    font-size: 10px;
    display: block;
    line-height: 1;
    }
    .step-hdg{
    font-size: 11px;
    }
    .step-hdg.line{
    margin-top: 30px;
    padding-top: 20px;
    border-top: 2px solid #787878;
    }
    .page-lead-text{
    font-size: 16px;
    }
    .btn-lead-text{
    font-size: 11px;
    }
    .section-lead-text{
    font-size: 12px;
    }
}

/* Tab
------------------------------------*/
.tab-01 > .tab-list{
padding-bottom: 35px;
margin-bottom: 20px;
border-bottom: 2px solid #a8a8a8;
}

.tab-01 > .tab-list.cols.col2{
margin-left: -10px;
margin-right: -10px;
text-align: center;
}
.tab-01 > .tab-list.cols > li.col-2{
width: 360px;
margin: 0 10px;
}
.tab-01 > .tab-list > li a{
position: relative;
display: table;
width: 100%;
min-height: 110px;
border: 2px solid #a8a8a8;
color: #787878;
border-radius: 5px;
text-align: center;
background: #f8f8f8;
text-decoration: none;
}
.tab-01 > .tab-list > li a::before{
content: '';
display: block;
height: 110px;
float: left;
}
.tab-01 > .tab-list > li a:hover{
opacity: .7;
}
.tab-01 > .tab-list > li .inner{
position: relative;
display: table-cell;
padding: 15px;
vertical-align: middle;
}
.tab-01 > .tab-list > li .inner .txt{
display: block;
font-size: 20px;
padding-bottom: 25px;
line-height: 1.2;
opacity: 1;
-webkit-transition: padding-bottom .3s,opacity .3s;
transition: padding-bottom .3s,opacity .3s;
}
.tab-01 > .tab-list > li .inner .detail-txt{
position: absolute;
bottom: 15px;
right: 50%;
display: inline-block;
padding: 0 40px;
color: #fff;
background: #787878;
border-radius: 50px;
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
.tab-01 > .tab-list > li .inner .detail-txt::after{
position: absolute;
right: 20px;
bottom: 50%;
display: block;
content: '';
width: 4px;
height: 4px;
border: 1px solid;
border-width: 0 1px 1px 0;
-webkit-transform: rotate(45deg) translateX(50%);
transform: rotate(45deg) translateX(50%);
}
.tab-01 > .tab-list > li.is-active a{
color: #fff;
background: #a8a8a8;
/*    opacity: 1;
-webkit-transition: color .3s;
-moz-transition: color .3s;
-ms-transition: color .3s;
-o-transition: color .3s;
transition: color .3s;*/
}
.tab-01 > .tab-list > li.is-active a::after{
position: absolute;
bottom: -18px;
right: 50%;
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 18px 10.5px 0 10.5px;
border-color: #a8a8a8 transparent transparent transparent;
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
.tab-01 > .tab-list > li.is-active .txt{
padding-bottom: 0;
opacity: 1;
-webkit-transition: padding-bottom .3s,opacity .3s;
transition: padding-bottom .3s,opacity .3s;
}
.tab-01 > .tab-list > li.is-active .detail-txt{
display: none;
opacity: 0;
-webkit-transition: opacity .3s;
transition: opacity .3s;
}

/* colors */
/* pink */
.tab-01 > .tab-list.color-pink{
border-color: #f44ea3;
}
.tab-01 > .tab-list.color-pink > li a,
.tab-01 > .tab-list > li:not(.active-only-color).color-pink a{
border-color: #f44ea3;
color: #f44ea3;
background: #ffeef6;
-webkit-transition: background .3s;
transition: background .3s;
}
.tab-01 > .tab-list.color-pink > li .inner .detail-txt,
.tab-01 > .tab-list > li:not(.active-only-color).color-pink .inner .detail-txt{
background: #f44ea3;
}
.tab-01 > .tab-list.color-pink > li.is-active a,
.tab-01 > .tab-list > li.color-pink.is-active a{
border-color: #f44ea3;
color: #fff;
background: #f44ea3;
}
.tab-01 > .tab-list.color-pink > li.is-active a::after,
.tab-01 > .tab-list > li.color-pink.is-active a::after{
border-color: #f44ea3 transparent transparent transparent;
opacity: 1;
-webkit-transition: border-color .3s,opacity .3s;
transition: border-color .3s,opacity .3s;
}
/* green */
.tab-01 > .tab-list.color-green > li a,
.tab-01 > .tab-list > li:not(.active-only-color).color-green a{
border-color: #1c9a17;
color: #1c9a17;
/*background: #ffeef6;*/
}
.tab-01 > .tab-list.color-green > li .inner .detail-txt,
.tab-01 > .tab-list > li:not(.active-only-color).color-green .inner .detail-txt{
background: #1c9a17;

}
.tab-01 > .tab-list.color-gree > li.is-active a,
.tab-01 > .tab-list > li.color-green.is-active a{
border-color: #1c9a17;
color: #fff;
background: #1c9a17;
-webkit-transition: background .3s;
transition: background .3s;
}
.tab-01 > .tab-list.color-gree > li.is-active a::after,
.tab-01 > .tab-list > li.color-green.is-active a::after{
border-color: #1c9a17 transparent transparent transparent;
}
/* blue */
.tab-01 > .tab-list.color-blue > li a,
.tab-01 > .tab-list > li:not(.active-only-color).color-blue a{
border-color: #009dfd;
color: #009dfd;
/*background: #ffeef6;*/
}
.tab-01 > .tab-list.color-blue > li .inner .detail-txt,
.tab-01 > .tab-list > li:not(.active-only-color).color-blue .inner .detail-txt{
background: #009dfd;
}
.tab-01 > .tab-list.color-blue > li.is-active a,
.tab-01 > .tab-list > li.color-blue.is-active a{
border-color: #009dfd;
color: #fff;
background: #009dfd;
-webkit-transition: background .3s;
transition: background .3s;
}
.tab-01 > .tab-list.color-blue > li.is-active a::after,
.tab-01 > .tab-list > li.color-blue.is-active a::after{
border-color: #009dfd transparent transparent transparent;
}

@media screen and (max-width: 768px) {
    .tab-01 > .tab-list{
    padding-bottom: 13px;
    margin-bottom: 10px;
    }
    .tab-01 > .tab-list.cols.col2{
    margin-left: -1.5%;
    margin-right: -1.5%;
    }
    .tab-01 > .tab-list.cols > li.col-2{
    width: 47% !important;
    margin: 0 1.5%;
    }
    .tab-01 > .tab-list.cols.col3{
    margin: 0;
    }
    .tab-01 > .tab-list.cols > li.col-3{
    width: 30%;
    margin: 0 1.6666%;
    }
    .tab-01 > .tab-list > li a{
    min-height: 60px;
    }
    .tab-01 > .tab-list > li a::before{
    height: 60px;
    }
    .tab-01 > .tab-list > li .inner{
    padding: 5.5px;
    }
    .tab-01 > .tab-list > li .inner .txt{
    font-size: 10px;
    padding-bottom: 20px;
    }
    .tab-01 > .tab-list > li .inner .detail-txt{
    bottom: 5px;
    right: 50%;
    width: 80%;
    padding: 0 10px;
    font-size: 10px;
    box-sizing: border-box;
    }
    .tab-01 > .tab-list > li .inner .detail-txt::after{
    right: 6px;
    width: 3px;
    height: 3px;
    }
    .tab-01 > .tab-list > li.is-active a::after{
    bottom: -8px;
    border-width: 8.5px 7.5px 0 7.5px;
    }
    .tab-01 > .tab-list > li.is-active .txt{
    padding-bottom: 0;
    }
    .tab-01 > .tab-list > li.is-active .detail-txt{
    display: none;
    }
}

/* Section
------------------------------*/
.step-area {
margin-bottom: 60px;
}
.recommend-area{

}
@media screen and (max-width: 768px) {
    .step-area {
    margin-bottom: 28px;
    }
}

/* List
------------------------------------*/
.list-order-01 {
list-style: none;
counter-reset: number;
}
.list-order-01 > li{
position: relative;
margin: 0 0 15px 0;
padding: 5px 0 0 46px;
min-height: 36px;
font-size: 17px;
}
.list-order-01 > li::before{
position: absolute;
left: 0;
top: 0;
display: block;
width: 36px;
height: 31px;
padding-top: 5px;
counter-increment: number;
content: counter(number);
background: #f44ea3;
color: #fff;
font-size: 25px;
text-align: center;
line-height: 1;
border-radius: 50%;
}

.list-faq{
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px dotted #4c4c4c;
margin: 0 0 3.12em;
}
.list-faq > dt,
.list-faq > dd{
position: relative;
padding-top: 10px;
padding-left: 66px;
min-height: 42px;
}
.list-faq > dt{
margin-bottom: 10px;
}
.list-faq .icon {
position: absolute;
top: 0;
left: 0;
}

.list-btn{
list-style: none;
margin-bottom: 40px;
text-align: center;
}
.list-btn::after{
content: '';
display: block;
clear: both;
}
.list-btn > li{
margin-left: 0;
display: inline-block;
}
.list-btn.col2{
margin-left: -5px;
margin-right: -5px;
}
.list-btn.col2 > li{
margin-left: 5px;
margin-right: 5px;
}

.list-step-01{
margin-top: -24px;
list-style: none;
text-align: center;
}
.list-step-01 li{
position: relative;
display: inline-block;
width: 160px;
margin: 24px 45px 0 0;
vertical-align: top;
}
.list-step-01 li:not(:last-child)::after{
position: absolute;
right: -40px;
bottom: 50%;
display: block;
content: "";
width: 34px;
height: 28px;
background: url("/flow/images/icon_arrow.png") no-repeat;
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
.list-step-01 li:last-child::after{
content: none;
}
.list-step-01 li:last-child{
margin-right: 0;
}
.list-step-01 li a{
display: block;
height: 100%;
padding: 1px 8px 7px;
color: #f44ea3;
background: #ffe3f1;
text-decoration: none;
border-radius: 5px;
box-sizing: border-box;
}
.list-step-01 li a:hover{
opacity: .7;
/*-webkit-transition: opacity .3s;
-moz-transition: opacity .3s;
-ms-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s;*/
}
.list-step-01 .step-number,
.list-step-01 .text{
display: block;
font-weight: bold;
}
.list-step-01 .step-number{
font-size: 18px;
color: #f44ea3;
}
.list-step-01 .step-number .num{
margin-left: 3px;
font-size: 36px;
line-height: 1.2;
}
.list-step-01 .text{
margin-top: 5px;
font-size: 16px;
color: #f44ea3;
}

@media screen and (max-width: 768px) {
    .list-order-01 > li{
    margin: 0 0 10px 0;
    padding: 1px 0 0 25px;
    min-height: auto;
    font-size: 11px;
    }
    .list-order-01 > li::before{
    width: 18px;
    height: 16px;
    padding-top: 2px;
    font-size: 13px;
    }

    .list-faq{
    margin-bottom: 15px;
    padding-bottom: 15px;
    }
    .list-faq > dt,
    .list-faq > dd{
    padding-top: 2px;
    padding-left: 34px;
    min-height: auto;
    }
    .list-faq .icon {
    width: 23px;
    }

    .list-btn{
    margin-bottom: 15px;
    }
    .list-btn > li{
    display: block;
    }

    .list-step-01 li{
    width: 29%;
    margin-right: 6.5%;
    }
    .list-step-01 li:not(:last-child)::after{
    right: -20%;
    width: 4.5vw;
    height: 3.9vw;
    background-size: cover;
    }
    .list-step-01 li.sp-no-icon::after{
    content: none;
    }
    .list-step-01 li a{
    padding: 1px 5% 10%;
    }
    .list-step-01 .step-number{
    font-size: 3.6vw;
    }
    .list-step-01 .step-number .num{
    font-size: 8.5vw;
    margin-left: 0;
    }
    .list-step-01 .text{
    font-size: 2.6vw;
    }
    .list-step-01 li.sp-no-icon{
    margin-right: 0;
    }
}

/*-------------------------------------------------------------------*/

@media screen and (min-width: 769px) {
    .shop a:hover {
    text-decoration: none;
    }
    #flow .flow-wimax .lead-text {
    font-weight: bold;
    position: relative;
    color: #222;
    }
    #flow .flow-wimax .lead-text .btn {
    font-size: .8em;
    font-weight: normal;
    position: absolute;
    top: -10px;
    right: 0;
    }
    #flow .flow-wimax .fontup {
    font-size: 1.2em;
    margin: 0 0 40px;
    text-align: center;
    }
    #flow .flow-wimax .flow-arrow {
    margin: -20px 0 20px;
    text-align: center;
    }
    #flow .flow-wimax .half {
    float: left;
    overflow: hidden;
    box-sizing: border-box;
    width: 50%;
    padding: 0 40px 0 0;
    border: none;
    }
    #flow .flow-wimax .half .float {
    overflow: hidden;
    }
    #flow .flow-wimax .half .float p:first-child {
    float: left;
    }
    #flow .flow-wimax .half .float p:last-child {
    font-size: 1.2em;
    font-weight: bold;
    float: left;
    padding: 22px 0 0 20px;
    }
    #flow .flow-wimax .half .float img {
    width: 80px;
    }
    #flow .flow-wimax .half .float .line {
    line-height: 115%;
    }
    #flow .flow-wimax .half .tel-blue {
    font-size: 3.6em;
    font-weight: bold;
    line-height: 100%;
    margin: -10px 0 0;
    padding: 0;
    text-align: center;
    color: #09f;
    }
    #flow .flow-wimax .half .confirm-doc {
    margin: 20px 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    }
    #flow .flow-wimax .half .confirm-doc li {
    display: inline-block;
    width: 24%;
    margin: 0;
    padding: 0;
    vertical-align: top;
    }
    #flow .flow-wimax .half .confirm-doc li:first-child,
    #flow .flow-wimax .half .confirm-doc li:nth-of-type(2) {
    padding-top: 10px;
    }
    #flow .flow-wimax .half .doc-upload {
    margin: 30px 0 50px;
    }
    #flow .flow-wimax .half .doc-upload a {
    font-size: 16px;
    width: 100%;
    padding: 14px 22px 12px;
    }
    #flow .flow-wimax .half:last-child {
    padding: 0 0 0 40px;
    border-left: 1px solid #ccc;
    }
    #flow .flow-footer {
    margin-top: 30px;
    }
    #flow .flow-footer .link-box-center {
    width: 660px;
    margin: 40px auto 60px;
    text-align: center;
    background-color: #fff;
    }
    #flow .flow-footer .link-box-center .link-box {
    font-size: 2em;
    padding: 20px 0;
    color: #09f !important;
    }
    #flow .flow-footer .link-box-center .link-box .link-boxi {
    line-height: 120%;
    }
    /*
    #flow .bg-white {
    padding: 20px 0;
    background-color: #fff;
    }
    */
    #flow .bg-white .flow-order {
    margin-bottom: 40px;
    }
    #flow .bg-white .flow-order li {
    padding: 24px;
    border: 1px solid #c1c1c1;
    border-radius: 5px;
    }
    #flow .bg-white .flow-order li .flow-order-full {
    margin: 0;
    }
    #flow .bg-white .flow-order li .flow-order-full a {
    width: 100%;
    }
    #flow .flow-mobile .shop-select {
    margin-bottom: 40px;
    }
    #flow .flow-mobile .shop-select li {
    position: relative;
    text-align: center;
    border: 1px solid #039;
    border-radius: 5px;
    }
    #flow .flow-mobile .shop-select li a {
    font-size: 1.4em;
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 12px;
    text-decoration: none;
    }
    #flow .flow-mobile .shop-select li a:before {
    position: absolute;
    top: -4px;
    right: 22px;
    bottom: 0;
    width: 7px;
    height: 7px;
    margin: auto;
    content: '';
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    vertical-align: middle;
    border-top: 1px solid #039;
    border-right: 1px solid #039;
    }
    #flow .flow-mobile .shop-select li.current {
    border: 1px solid #e4007f;
    background-color: #e4007f;
    }
    #flow .flow-mobile .shop-select li.current a {
    color: #fff;
    }
    #flow .flow-mobile .shop-select li.current a:before {
    display: none;
    }
    #flow .flow-mobile .border-top {
    border-top: 1px solid #c1c1c1;
    }
    #flow .flow-mobile .field .step {
    padding-right: 20px;
    }
    #flow .flow-mobile .field .lead-text {
    font-weight: bold;
    color: #e4007f;
    }
    #flow .flow-mobile .field .pink-color {
    color: #e4007f;
    }
    #flow .flow-mobile .field .order-area {
    margin: 40px 0 0;
    border: 1px solid #c1c1c1;
    border-radius: 5px;
    }
    #flow .flow-mobile .field .order-area .select-block {
    position: relative;
    margin-bottom: 20px;
    padding: 30px 40px 3px;
    border-bottom: 1px solid #c1c1c1;
    }
    #flow .flow-mobile .field .order-area .select-block:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: -11px;
    left: 0;
    width: 20px;
    height: 20px;
    margin: auto auto 0;
    content: '';
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    vertical-align: bottom;
    border-top: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    background-color: #fff;
    }
    #flow .flow-mobile .field .order-area .select-block .lead {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 30px;
    text-align: center;
    }
    #flow .flow-mobile .field .order-area .select-block .red-num-color {
    color: #e4007f;
    }
    #flow .flow-mobile .field .order-area .select-block .select-btn {
    list-style: none;
    }
    #flow .flow-mobile .field .order-area .select-block .select-btn li {
    position: relative;
    float: left;
    box-sizing: border-box;
    width: 48.6666%;
    margin: 0;
    text-align: center;
    border: 1px solid #e4007f;
    border-radius: 5px;
    }
    #flow .flow-mobile .field .order-area .select-block .select-btn li a {
    font-size: 1.2em;
    font-weight: bold;
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 32px 12px;
    text-decoration: none;
    color: #e4007f;
    }
    #flow .flow-mobile .field .order-area .select-block .select-btn li a:before {
    position: absolute;
    top: -4px;
    right: 12px;
    bottom: 0;
    width: 7px;
    height: 7px;
    margin: auto;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: middle;
    border-top: 1px solid #e4007f;
    border-right: 1px solid #e4007f;
    }
    #flow .flow-mobile .field .order-area .select-block .select-btn li:hover {
    border: 1px solid #e4007f;
    background-color: #e4007f;
    }
    #flow .flow-mobile .field .order-area .select-block .select-btn li:hover a {
    color: #fff;
    }
    #flow .flow-mobile .field .order-area .select-block .select-btn li.current {
    border: 1px solid #e4007f;
    background-color: #e4007f;
    }
    #flow .flow-mobile .field .order-area .select-block .select-btn li.current a {
    color: #fff;
    }
    #flow .flow-mobile .field .order-area .select-block .select-btn li.current a:before {
    display: none;
    }
    #flow .flow-mobile .field .order-area .select-block .select-btn li:last-child {
    float: right;
    }
    #flow .flow-mobile .field .order-area .not-select {
    position: absolute;
    z-index: 10;
    top: 1px;
    left: 0;
    display: block;
    width: 99.999%;
    height: 106%;
    background: rgba(255, 255, 255, .5);
    }
    #flow .flow-mobile .field .order-area .prepare-block {
    position: relative;
    padding: 30px 40px 3px;
    }
    #flow .flow-mobile .field .order-area .prepare-block > :last-child{
    margin-bottom: 40px !important;
    }
    #flow .flow-mobile .field .order-area .prepare-block .lead {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 30px;
    text-align: center;
    }
    #flow .flow-mobile .field .order-area .prepare-block ul.textSet {
    margin: 0 0 20px;
    list-style: none;
    }
    #flow .flow-mobile .field .order-area .prepare-block ul.textSet li {
    display: inline-block;
    width: 24%;
    margin: 0;
    text-align: center;
    vertical-align: top;
    }
    #flow .flow-mobile .field .order-area .prepare-block ul.textSet li p:first-child {
    font-weight: bold;
    height: 50px;
    }
    #flow .flow-mobile .field .order-area .prepare-block ul.textSet li p:nth-of-type(4) {
    font-size: .8em;
    color: #2c2c2c;
    }
    #flow .flow-mobile .field .order-area .prepare-block ul.textSet li p.pt10 {
    height: 40px;
    padding-top: 10px;
    }
    #flow .flow-mobile .field .order-area .prepare-block ul.textSet li:nth-of-type(3) p:first-child,
    #flow .flow-mobile .field .order-area .prepare-block ul.textSet li:nth-of-type(4) p:first-child {
    height: 40px;
    padding: 10px 0 0;
    }
    #flow .flow-mobile .field .order-area .prepare-block ul.textSet li p{
    margin-bottom: 30px;
    }
    #flow .flow-mobile .field .order-area .prepare-block ul.textSet li.three {
    width: 32.888%;
    }
    #flow .flow-mobile .field .flow-arrow {
    margin: 20px 0;
    text-align: center;
    }
    #flow .flow-mobile .field .flow-arrow + .fields-layout {
    margin-bottom: 0;
    }
    #flow .flow-mobile .field .mtmt20 {
    margin-top: -20px;
    }
    #flow .flow-mobile .field .mtmt13 {
    margin-top: -13px;
    }
    #flow .flow-mobile .field .order-btn {
    margin: 40px auto;
    }
    #flow .flow-mobile .field .order-btn a {
    padding: 16px 120px;
    }
    #flow .flow-mobile .field .select-buy {
    text-align: center;
    }
    #flow .flow-mobile .field .select-buy li {
    position: relative;
    display: inline-block;
    }
    #flow .flow-mobile .field .select-buy li a {
    padding: 0 0 0 12px;
    }
    #flow .flow-mobile .field .select-buy li a:before {
    position: absolute;
    top: -4px;
    bottom: 0;
    left: 0;
    width: 5px;
    height: 5px;
    margin: auto;
    content: '';
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    vertical-align: middle;
    border-top: 1px solid #039;
    border-right: 1px solid #039;
    }
    #flow .flow-mobile .field ul.textSet {
    margin: 0 0 40px;
    list-style: none;
    }
    #flow .flow-mobile .field ul.textSet li {
    display: inline-block;
    width: 24%;
    margin: 0;
    text-align: center;
    vertical-align: top;
    }
    #flow .flow-mobile .field ul.textSet li p:first-child {
    font-weight: bold;
    height: 50px;
    }
    #flow .flow-mobile .field ul.textSet li p:nth-of-type(4) {
    font-size: .8em;
    color: #2c2c2c;
    }
    #flow .flow-mobile .field ul.textSet li p.pt10 {
    height: 40px;
    padding-top: 10px;
    }
    #flow .flow-mobile .field ul.textSet li:nth-of-type(3) p:first-child,
    #flow .flow-mobile .field ul.textSet li:nth-of-type(4) p:first-child {
    height: 40px;
    padding: 10px 0 0;
    }
    #flow .flow-mobile .field ul.textSet li.three {
    width: 32.888%;
    }
    #flow .flow-mobile .field .flow-screenshot {
    float: left;
    width: 243px;
    }
    #flow .flow-mobile .field .flow-screenshot-detail {
    position: relative;
    float: right;
    width: 560px;
    padding: 0 0 0 30px;
    }
    #flow .flow-mobile .field .flow-screenshot-detail:before {
    font-size: 1.4em;
    position: absolute;
    top: -6px;
    left: 0;
    color: #e4007f;
    }
    #flow .flow-mobile .field .top-arrow {
    position: relative;
    }
    #flow .flow-mobile .field .top-arrow:before {
    position: absolute;
    top: -14px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 26px;
    height: 26px;
    margin: 0 auto auto;
    content: '';
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    vertical-align: bottom;
    border-top: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    background-color: #fff;
    }
    #flow .flow-mobile .field .no1:before {
    content: '1.';
    }
    #flow .flow-mobile .field .no2:before {
    content: '2.';
    }
    #flow .flow-mobile .field .no3:before {
    content: '3.';
    }
    #flow .flow-mobile .field .no4:before {
    content: '4.';
    }
    #flow .flow-mobile .field .no5:before {
    content: '5.';
    }
    #flow .flow-mobile .field .no6:before {
    content: '6.';
    }
    #flow .flow-mobile .field .no7:before {
    content: '7.';
    }
    #flow .flow-mobile .field .no8:before {
    content: '8.';
    }
}

@media screen and (max-width: 768px) {
    #flow .flow-wimax .lead-text {
    font-weight: bold;
    position: relative;
    margin-bottom: 90px;
    color: #222;
    }
    #flow .flow-wimax .lead-text .btn {
    font-size: .8em;
    font-weight: normal;
    position: absolute;
    top: 80px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 160px;
    height: 40px;
    margin: auto;
    }
    #flow .flow-wimax .fontup {
    font-size: 1.2em;
    margin: 0 0 40px;
    text-align: center;
    }
    #flow .flow-wimax .flow-arrow {
    margin: 20px 0;
    text-align: center;
    }
    #flow .flow-wimax .half {
    float: left;
    overflow: hidden;
    box-sizing: border-box;
    width: 50%;
    margin: 0 auto;
    padding: 0 10px;
    text-align: center;
    border: none;
    }
    #flow .flow-wimax .half .float {
    overflow: hidden;
    }
    #flow .flow-wimax .half .float p:first-child {
    text-align: center;
    }
    #flow .flow-wimax .half .float p:last-child {
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    }
    #flow .flow-wimax .half .float img {
    width: 80px;
    }
    #flow .flow-wimax .half .float .line {
    line-height: 115%;
    }
    #flow .flow-wimax .half ol li {
    text-align: left;
    }
    #flow .flow-wimax .half .tel-blue {
    font-size: 3.6em;
    font-weight: bold;
    line-height: 100%;
    margin: -10px 0 0;
    padding: 0;
    text-align: center;
    color: #09f;
    }
    #flow .flow-wimax .half .confirm-doc {
    margin: 20px 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    }
    #flow .flow-wimax .half .confirm-doc li {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    vertical-align: top;
    }
    #flow .flow-wimax .half .confirm-doc li:first-child,
    #flow .flow-wimax .half .confirm-doc li:nth-of-type(2) {
    padding-top: 10px;
    }
    #flow .flow-wimax .half .doc-upload {
    margin: 30px 0 50px;
    }
    #flow .flow-wimax .half .doc-upload a {
    font-size: 16px;
    width: 100%;
    padding: 14px 22px 12px;
    }
    #flow .flow-wimax .half:last-child {
    border-left: 1px solid #ccc;
    }
    #flow .flow-footer {
    margin-top: 30px;
    }
    #flow .flow-footer .link-box-center {
    width: 100%;
    margin: 40px auto 60px;
    text-align: center;
    background-color: #fff;
    }
    #flow .flow-footer .link-box-center .link-box {
    font-size: 1.5em;
    padding: 20px 0;
    color: #09f !important;
    }
    #flow .flow-footer .link-box-center .link-box .link-boxi {
    line-height: 120%;
    }
    /*
    #flow .bg-white {
    padding: 20px 0;
    background-color: #fff;
    }
    */
    #flow .bg-white .flow-order {
    margin-bottom: 40px;
    }
    #flow .bg-white .flow-order li {
    margin: 0 0 20px;
    padding: 24px;
    border: 1px solid #c1c1c1;
    border-radius: 5px;
    }
    #flow .bg-white .flow-order li .flow-order-full {
    margin: 0;
    }
    #flow .bg-white .flow-order li .flow-order-full a {
    width: 100%;
    }
    #flow .flow-mobile .shop-select li {
    position: relative;
    box-sizing: border-box;
    margin: 0 0 20px;
    text-align: center;
    border: 1px solid #039;
    border-radius: 5px;
    }
    #flow .flow-mobile .shop-select li a {
    font-size: 1.4em;
    display: block;
    padding: 12px;
    text-decoration: none;
    }
    #flow .flow-mobile .shop-select li a:before {
    position: absolute;
    top: -4px;
    right: 22px;
    bottom: 0;
    width: 7px;
    height: 7px;
    margin: auto;
    content: '';
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    vertical-align: middle;
    border-top: 1px solid #039;
    border-right: 1px solid #039;
    }
    #flow .flow-mobile .shop-select li.current {
    border: 1px solid #e4007f;
    background-color: #e4007f;
    }
    #flow .flow-mobile .shop-select li.current a {
    color: #fff;
    }
    #flow .flow-mobile .shop-select li.current a:before {
    display: none;
    }
    #flow .flow-mobile .border-top {
    border-top: 1px solid #c1c1c1;
    }
    #flow .flow-mobile .field .step {
    padding-right: 20px;
    }
    #flow .flow-mobile .field .lead-text {
    font-weight: bold;
    color: #e4007f;
    }
    #flow .flow-mobile .field .pink-color {
    color: #e4007f;
    }
    #flow .flow-mobile .field .order-area {
    margin: 40px 0 0;
    border: 1px solid #c1c1c1;
    border-radius: 5px;
    }
    #flow .flow-mobile .field .order-area .select-block {
    position: relative;
    margin-bottom: 20px;
    padding: 30px 10px 3px;
    border-bottom: 1px solid #c1c1c1;
    }
    #flow .flow-mobile .field .order-area .select-block:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: -11px;
    left: 0;
    width: 20px;
    height: 20px;
    margin: auto auto 0;
    content: '';
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    vertical-align: bottom;
    border-top: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    background-color: #fff;
    }
    #flow .flow-mobile .field .order-area .select-block .lead {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 30px;
    text-align: center;
    }
    #flow .flow-mobile .field .order-area .select-block .red-num-color {
    color: #e4007f;
    }
    #flow .flow-mobile .field .order-area .select-block .select-btn {
    list-style: none;
    }
    #flow .flow-mobile .field .order-area .select-block .select-btn li {
    position: relative;
    display: inline-table;
    box-sizing: border-box;
    width: 48.6666%;
    height: 86px;
    margin: 0;
    text-align: center;
    border: 1px solid #e4007f;
    border-radius: 5px;
    }
    #flow .flow-mobile .field .order-area .select-block .select-btn li a {
    font-size: 1.2em;
    font-weight: bold;
    display: table-cell;
    padding: 0 14px;
    vertical-align: middle;
    text-decoration: none;
    color: #e4007f;
    }
    #flow .flow-mobile .field .order-area .select-block .select-btn li a:before {
    position: absolute;
    top: -1px;
    right: 8px;
    bottom: 0;
    width: 7px;
    height: 7px;
    margin: auto;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: middle;
    border-top: 1px solid #e4007f;
    border-right: 1px solid #e4007f;
    }
    #flow .flow-mobile .field .order-area .select-block .select-btn li:hover {
    border: 1px solid #e4007f;
    background-color: #e4007f;
    }
    #flow .flow-mobile .field .order-area .select-block .select-btn li:hover a {
    color: #fff;
    }
    #flow .flow-mobile .field .order-area .select-block .select-btn li.current {
    border: 1px solid #e4007f;
    background-color: #e4007f;
    }
    #flow .flow-mobile .field .order-area .select-block .select-btn li.current a {
    color: #fff;
    }
    #flow .flow-mobile .field .order-area .select-block .select-btn li.current a:before {
    display: none;
    }
    #flow .flow-mobile .field .order-area .select-block .select-btn li:last-child {
    float: right;
    }
    #flow .flow-mobile .field .order-area .not-select {
    position: absolute;
    z-index: 10;
    top: 1px;
    left: 0;
    display: block;
    width: 99.999%;
    height: 106%;
    background: rgba(255, 255, 255, .5);
    }
    #flow .flow-mobile .field .order-area .prepare-block {
    position: relative;
    padding: 30px 10px 3px;
    }
    #flow .flow-mobile .field .order-area .prepare-block .lead {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 30px;
    text-align: center;
    }
    #flow .flow-mobile .field .order-area .prepare-block ul.textSet {
    margin: 0 0 40px;
    list-style: none;
    text-align: center;
    }
    #flow .flow-mobile .field .order-area .prepare-block ul.textSet li {
    display: inline-block;
    width: 48%;
    margin: 0;
    vertical-align: top;
    }
    #flow .flow-mobile .field .order-area .prepare-block ul.textSet li p:first-child {
    font-weight: bold;
    height: 50px;
    }
    #flow .flow-mobile .field .order-area .prepare-block ul.textSet li p:nth-of-type(4) {
    font-size: .8em;
    color: #2c2c2c;
    }
    #flow .flow-mobile .field .order-area .prepare-block ul.textSet li:nth-of-type(3) p:first-child,
    #flow .flow-mobile .field .order-area .prepare-block ul.textSet li:nth-of-type(4) p:first-child {
    height: 40px;
    padding: 10px 0 0;
    }
    #flow .flow-mobile .field .order-area .prepare-block ul.textSet li.three:nth-of-type(3) {
    float: left;
    }
    #flow .flow-mobile .field .flow-arrow {
    margin: 20px 0;
    text-align: center;
    }
    #flow .flow-mobile .field .flow-arrow + .fields-layout {
    margin-bottom: 0;
    }
    #flow .flow-mobile .field .order-btn {
    margin: 40px auto;
    }
    #flow .flow-mobile .field .order-btn a {
    padding: 16px 120px;
    }
    #flow .flow-mobile .field .select-buy {
    text-align: center;
    }
    #flow .flow-mobile .field .select-buy li {
    position: relative;
    display: inline-block;
    }
    #flow .flow-mobile .field .select-buy li a {
    padding: 0 0 0 12px;
    }
    #flow .flow-mobile .field .select-buy li a:before {
    position: absolute;
    top: -4px;
    bottom: 0;
    left: 0;
    width: 5px;
    height: 5px;
    margin: auto;
    content: '';
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    vertical-align: middle;
    border-top: 1px solid #039;
    border-right: 1px solid #039;
    }
    #flow .flow-mobile .field ul.textSet {
    margin: 0 0 40px;
    list-style: none;
    text-align: center;
    }
    #flow .flow-mobile .field ul.textSet li {
    display: inline-block;
    width: 48%;
    margin: 0;
    vertical-align: top;
    }
    #flow .flow-mobile .field ul.textSet li p:first-child {
    font-weight: bold;
    height: 50px;
    }
    #flow .flow-mobile .field ul.textSet li p:nth-of-type(4) {
    font-size: .8em;
    color: #2c2c2c;
    }
    #flow .flow-mobile .field ul.textSet li:nth-of-type(3) p:first-child,
    #flow .flow-mobile .field ul.textSet li:nth-of-type(4) p:first-child {
    height: 40px;
    padding: 10px 0 0;
    }
    #flow .flow-mobile .field ul.textSet li.three:nth-of-type(3) {
    float: left;
    }
    #flow .flow-mobile .field .flow-screenshot {
    margin: 30px 0 0;
    text-align: center;
    }
    #flow .flow-mobile .field .flow-screenshot-detail {
    position: relative;
    padding: 0 0 0 30px;
    }
    #flow .flow-mobile .field .flow-screenshot-detail:before {
    font-size: 1.4em;
    position: absolute;
    top: -6px;
    left: 0;
    color: #e4007f;
    }
    #flow .flow-mobile .field .top-arrow {
    position: relative;
    }
    #flow .flow-mobile .field .top-arrow:before {
    position: absolute;
    top: -14px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 26px;
    height: 26px;
    margin: 0 auto auto;
    content: '';
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    vertical-align: bottom;
    border-top: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    background-color: #fff;
    }
    #flow .flow-mobile .field .no1:before {
    content: '1.';
    }
    #flow .flow-mobile .field .no2:before {
    content: '2.';
    }
    #flow .flow-mobile .field .no3:before {
    content: '3.';
    }
    #flow .flow-mobile .field .no4:before {
    content: '4.';
    }
    #flow .flow-mobile .field .no5:before {
    content: '5.';
    }
    #flow .flow-mobile .field .no6:before {
    content: '6.';
    }
    #flow .flow-mobile .field .no7:before {
    content: '7.';
    }
    #flow .flow-mobile .field .no8:before {
    content: '8.';
    }
}

#flow .box-01{
border: 1px solid #f354a4;
padding: 10px;
margin-bottom: 20px;
}
#flow .box-01 > :last-child{
margin-bottom: 0;
}

/* flow/mobile/online_shop
==================================*/

.container.flow .fields-layout .fields > .head .title {
font-size: 22px;
}
.container.flow .fields-layout .fields > .head .title.large {
font-size: 28px;
}
.container.flow .fields-layout .fields > .head .title.small {
font-size: 14px;
}
@media screen and (max-width:768px) {
    .container.flow .fields-layout .fields > .head .title.large {
    font-size: 16px;
    }
    .container.flow .fields-layout .fields > .head .title.small {
    font-size: 12px;
    }
}

.line-height13{
line-height: 1.3em;
}

.container.flow .area-col.arl02 .area-left{
width: 55%;
}
.container.flow .area-col.arl02 .area-right{
width: 45%;
}
.container.flow .step-02 .area-col.arl02 .area-right{
padding-top: 10px;
}
.container.flow .area-col.arl02 .col-2{
width:47.4%;
}
.container.flow .area-col.arl02 .area-text{
position: relative;
margin-left: 1.3rem;
}
.container.flow .area-col.arl02 .area-text .number{
position: absolute;
left: 0;
margin-left: -1.2rem;
}
.container.flow li{
margin-left: 0;
list-style: none;
}
.required{
font-size: 12px;
padding: 0 7px;
border: 1px solid #e4007f;
border-radius: 5px;
color: #e4007f;
}

@media screen and (max-width:768px) {
    .container.flow .area-col.arl02 .area-left,
    .container.flow .area-col.arl02 .area-right{
    width: auto;
    }
    .container.flow .fields-layout .fields > .head .title {
    font-size: 18px;
    }
}



/* flow/mobile/sim/
==================================*/
.table-simlock col:nth-child(1){
width: 105px;
}
.table-simlock col:nth-child(2){
width: 258px;
}
.table-simlock col:nth-child(3){
width: 260px;
}
.table-simlock th{
font-weight: bold;
font-family: "譁ｰ繧ｴ M","Shin Go Medium","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
}
.table-simlock thead th{
text-align: center;
}
.table-simlock tbody th,
.table-simlock tbody td{
vertical-align: middle;
word-break: break-word;
}
.table-simlock thead .recommend-cell{
background-color: #ffe0ee;
color: #e4007f;
}
.table-simlock thead .recommend-cell .icon{
display: inline-block;
padding: 1px 10px;
border-radius: 10px/50%;
background-color: #fff833;
color: #e4007f;
font-weight: bold;
font-size: 11px;
font-family: "譁ｰ繧ｴ M","Shin Go Medium","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
}
.table-simlock tbody .recommend-cell{
background-color: #fff5fa;
}
.list-description{
margin-bottom: 20px;
}
.list-description dt{
font-weight: bold;
font-family: "譁ｰ繧ｴ M","Shin Go Medium","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
}
.list-description dd{
margin-bottom: 5px;
}
.list-description dd:last-child{
margin-bottom: 0;
}
.list-flow-01::after{
display: block;
clear: both;
content: "";
}
.list-flow-01 li{
position: relative;
float: left;
box-sizing: border-box;
margin: 0 20px 0 0;
padding: 17px 15px;
width: 285px;
border: 1px solid #c1c1c1;
border-radius: 5px;
list-style: none;
text-align: center;
}
.list-flow-01 li::after{
position: absolute;
top: 0;
right: -16px;
bottom: 0;
display: block;
box-sizing: border-box;
margin: auto;
height: 29px;
border-top: solid 15px transparent;
border-bottom: solid 15px transparent;
border-left: solid 9px #a3a3a3;
content: "";
}
.list-flow-01 li:last-child{
margin-right: 0;
}
.list-flow-01 li:last-child::after{
content: none;
}
.list-flow-01 li .inner{
display: table;
box-sizing: border-box;
min-height: 80px;
width: 100%;
}
.list-flow-01 li .step{
display: block;
margin-bottom: 20px;
padding: 3px !important;
border-radius: 15px/50%;
background-color: #f354a4;
color: #fff;
text-align: center;
font-size: 14px;
}
.list-flow-01 li .icon{
display: table-cell;
padding: 0;
width: 80px;
height: 80px;
}
.list-flow-01 li .icon img{
max-width: 100%;
height: auto;
}
.list-flow-01 li .text{
display: table-cell;
vertical-align: middle;
text-align: center;
font-size: 12px;
}

@media screen and (max-width: 768px){
    .table-simlock col:nth-child(1){
    width: 20%;
    }
    .table-simlock col:nth-child(2){
    width: 30%;
    }
    .table-simlock col:nth-child(3){
    width: 25%;
    }
    .table-simlock thead .recommend-cell .icon{
    font-size: 10px;
    padding: 2px 5px;
    margin-bottom: 5px;
    }
    .list-flow-01 li{
    margin: 0 0 20px !important;
    padding: 13px;
    width: 100%;
    }
    .list-flow-01 li::after{
    top: auto;
    right: 0;
    bottom: -17px;
    left: 0;
    width: 34px;
    height: auto;
    border-top: solid 11px #a3a3a3;
    border-right: solid 17px transparent;
    border-bottom: none;
    border-left: solid 17px transparent;
    }
    .list-flow-01 li:last-child{
    margin-bottom: 0 !important;
    }
    .list-flow-01 li .inner{
    min-height: 72px;
    }
    .list-flow-01 li .step{
    margin-bottom: 10px;
    padding: 2px;
    }
    .list-flow-01 li .icon {
    width: 72px;
    height: 72px;
    }
    .list-flow-01 li .text{
    padding-left: 10px;
    font-size: 10px;
    }
    .list-flow-01 li .text br{
    display: none;
    }
}

/* /flow/mobile/
----------------------------------------*/
:focus{
outline:none;
}
.fields-layout .fields > .head.lightgray-head .title.cursor:hover{
cursor: pointer;
}
.btn-new-field{
margin-top: 22px;
padding-bottom: 20px;
border-bottom: 2px solid #e4007f;
}

.btn-new-field a:hover {
opacity: .7;
/*-webkit-transition: opacity .3s;
-moz-transition: opacity .3s;
-ms-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s;*/
}
.step_box{
width: 85%;
display: block;
margin: 0 auto;
}
.step_box ul{
list-style: none;
display: -ms-flexbox;
display: -webkit-flex;
/*display: -webkit-box;*/
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.step_box ul li{
position: relative;
}
.step_box ul li::after{
content:"";
display: block;
width: 34px;
height: 28px;
position: absolute;
top: 25%;
right: -35%;
background: url(/flow/images/icon_arrow.png) no-repeat;
}
.step_box ul li:last-child::after{
display: none;
}
.step_box a[target=_blank]:after{
content: '';
display: inline-block;
vertical-align: middle;
width: 1.43em;
height: 1.31em;
margin: 0 0 0 0.25em;
background: url(../img/icon_blank.svg) no-repeat center;
background-size: contain;
}
.step_box a {
color: #039;
}
.step_box a:visited:hover {
color: #09f;
text-decoration: underline;
}
.step_box p {
font-weight: 600;
margin-top: 5%;
}
.step_box p.att1 {
font-size: 23px;
width: 75%;
margin: 0 auto 3%;
}
.procedure{
width: 75%;
margin: 2% auto 2%;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.procedure_icon {
  margin-right: 20px;
}
.txt-right {
width: 90%;
}
/*.txt-right h5{
font-size: 238%;
letter-spacing: -1.1px;
color: #f354a4;
}*/
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-around;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.fields.telope{
padding: 1% 1.3%;
}
.fields.telope .contact{
font-size: 22px;
}
.fields.telope .desk{
font-size: 32px;
}
article a.button_flow {
display: inline-block;
font-size: 18px;
color: #f44ea3;
font-weight: 700;
padding: 12px 34px 12px 34px;
text-decoration: none;
border: 3px solid #f44ea3;
width: 367px;
box-sizing: border-box;
border-radius: 34px;
position: relative;
}
article a.button_flow:hover {
color: #f44ea3;
}
article a.button_flow:before {
content: "";
display: block;
position: absolute;
border-top: 2px solid #f44ea3;
border-right: 2px solid #f44ea3;
width: 8px;
height: 8px;
top: 0;
right: 20px;
bottom: 0;
margin: auto;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.flow-button-wrap {
margin-top: 65px;
}


@media screen and (max-width: 768px){
    .btn-new-field{
    padding: 8.45% 0;
    }
    .btn-new-field img{
    width: 75%;
    }
    .step_box ul{
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 100%;
    box-sizing: border-box;
    }
    .step_box ul li{
    width: 50%;
    text-align: center;
    margin-left: 0px;
    }
    .step_box ul li::after{
    right: -7%;
    width: 37px;
    }
    .step_box ul li img{
    width: 70%;
    }
    .step_box p{
    font-size: 18px;
    }
    .step_box p.att1{
    width: 100%;
    }
    .fields.telope{
    padding: 0 0 3%;
    }

    .fields.telope .contact{
    font-size: 18px;
    }
    .fields.telope .desk{
    font-size: 20px;
    }
    /*.procedure img.images{
    width: 80%;
    display: block;
    margin: 0 auto;
    }*/
    article a.button_flow {
    width: 278px;
    font-size: 14px;
    border-width: 2px;
    padding: 12px 30px 12px 10px;
    }
    article a.button_flow:before {
    content: "";
    display: block;
    position: absolute;
    border-top: 2px solid #f44ea3;
    border-right: 2px solid #f44ea3;
    width: 8px;
    height: 8px;
    top: 0;
    right: 20px;
    bottom: 0;
    margin: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    }
    .flow-button-wrap {
    margin-top: 40px;
    }
    #main .btn:first-child, #main .btn-gray:first-child, #main .btn-darkblue:first-child, #main .btn-lightblue:first-child, #main .btn-pink:first-child, #main .btn-lightpink:first-child, #main .btn-green:first-child {
    margin-top: 0;
    }
    #main .btn, #main .btn-gray, #main .btn-darkblue, #main .btn-lightblue, #main .btn-pink, #main .btn-lightpink, #main .btn-green, #main .btn:visited, #main .btn-gray:visited, #main .btn-darkblue:visited, #main .btn-lightblue:visited, #main .btn-pink:visited, #main .btn-lightpink:visited, #main .btn-green:visited {
    margin-top: 10px;
    }
    
    .procedure_icon {
      flex: 1;
    }
    .procedure_text {
      width:80%;
      font-size:90%;
    }
    .procedure_text img {
      width:auto !important;
      max-width:100%;
    }
    
    
}

@media screen and (max-width: 420px){
    .step_box p{
    font-size: 14px;
    }
    .step_box p.att1{
    font-size: 18px;
    }
    .step_box ul li::after{
    right: -20%;
    width: 37px;
    background-size: 60%;
    top: 33px;
    }

    .procedure{
    width: 95%;
    margin: 5% 2% 5%;
    }

    #main .btn, #main .btn-gray, #main .btn-darkblue, #main .btn-lightblue, #main .btn-pink, #main .btn-lightpink, #main .btn-green, #main .btn:visited, #main .btn-gray:visited, #main .btn-darkblue:visited, #main .btn-lightblue:visited, #main .btn-pink:visited, #main .btn-lightpink:visited, #main .btn-green:visited {
    width: 100%;
    padding: 10px 0;
    font-size: 0.7em;
    margin-top: 10px;
    }
    #main .btn:first-child, #main .btn-gray:first-child, #main .btn-darkblue:first-child, #main .btn-lightblue:first-child, #main .btn-pink:first-child, #main .btn-lightpink:first-child, #main .btn-green:first-child {
    margin-top: 0;
    }
    .fields.telope .contact{
    font-size: 14px;
    }
    .fields.telope .desk{
    font-size: 18px;
    }

    p.btn-area.col2 a {
    margin-top: 5px;
    }
}

/* /flow/mobile/shop.list
----------------------------------------*/
.step-area.shop h3{
font-size: 3em;
}

.shop .btn_wrap {
text-align: center;
padding: 0 0 2.39%;
}

.shop .btn_wrap.wimax_btn {
text-align: right;
}

.shop .btn_wrap.wimax_btn a.css_button {
text-align: left;
padding: 0px 0 0 3.57%;
box-sizing: border-box;
background-color: #009dfd;
position: relative;
display: inline-block;
width: 26em;
height: 4.22em;
letter-spacing: 0.1em;
color: #ffffff;
font-size: 1.125em;
border-radius: 3em;
text-decoration: none;
}

.shop .btn_wrap a.css_button {
position: relative;
display: inline-block;
width: 22em;
height: 3.22em;
letter-spacing: 0.1em;
color: #ffffff;
font-size: 1.3em;
text-align: center;
background-color: #f354a4;
border-radius: 3em;
text-decoration: none;
padding-top: 3px;
}

.shop a.css_button.other{
background-color: #fff;
color: #f354a4;
border: 3px solid #f354a4;
}
.shop a.css_button:hover{
opacity: .7;
-webkit-transition: opacity .3s;
transition: opacity .3s;
}
.shop a.css_button > span {
display: table;
width: 100%;
height: 100%;
}

.shop a.css_button > span > span {
display: table-cell;
vertical-align: middle;
line-height: 1.22em;
}
.shop .btn_wrap.wimax_btn a.css_button > span > span{
font-size: 1.3em;
}

.shop a.css_button:after {
content: '';
position: absolute;
top: 50%;
right: 1.22em;
display: block;
width: 0.55em;
height: 0.83em;
margin: -0.45em 0 0;
background: url(/flow/images/icon_btn_arrow_right.png) no-repeat center;
background-size: contain;
}

.shop a.css_button.other:after {
content: '';
position: absolute;
top: 50%;
right: 1.22em;
display: block;
width: 0.55em;
height: 0.83em;
margin: -0.45em 0 0;
background: url(/flow/images/icon_btn_arrow_pink_right.png) no-repeat center;
background-size: contain;
}

.shop a.css_button[target=_blank]:after {
right: 1.38em;
width: 1.27em;
height: 1.16em;
margin: -0.52em 0 0;
background-image: url(/flow/img/icon_btn_blank.svg);
}

.shop .fields-layout .fields .content.border{
border-top: 1px solid #cfcfcf;
border-radius: 5px;
}

.shop .detail .box {
border: 1px solid #a8a8a8;
border-radius: 7px;
padding: 3.33%;
}

.shop .detail .box .left, .shop .detail .box .right {
display: inline-block;
width: 49%;
vertical-align: top;
letter-spacing: 0.05em;
}

.shop .click{
position: relative;
}

.shop .click .click_detail{
position: absolute;
top: 80%;
right: 10%;
}

.shop a[target=_blank]:after{
content: '';
display: inline-block;
vertical-align: middle;
width: 1.43em;
height: 1.31em;
margin: 0 0 0 0.25em;
background: url(/flow/images/icon_blank_pink.svg) no-repeat center;
background-size: contain;
}
a.css_button.chat{
margin-right:1em;
}

.sim-softbank-02-softbank .visible-sp img{
width: 100%;
}

.section-lead-text{
font-size: 1.4em;
}
.btn-lead-text{
font-size: 1.3em;
}
.fields.faq .btn-lead-text{
margin-bottom: 5px;
}
.shop .fields-layout .fields > .head.layout-middle .title .txt {
padding-right: inherit;
font-size: 160%;
}
.shop .click .click_detail {
position: absolute;
top: 87%;
font-size: .6rem;

}
.shop .btn_wrap a.css_button {
font-size: 1.13em;
}

.shop .detail .box .left, .shop .detail .box .right{
display: block;
width: 100%;
vertical-align: top;
letter-spacing: 0.05em;
font-size: 1.3em;
}

.shop .btn_wrap a.css_button.chat,.shop .btn_wrap a.css_button.web{
height: 4.3em;
width: 46%;
font-size: 0.6rem;
}
.shop a.css_button.web[target=_blank]:after {
right: 1em;
width: 1em;
margin: -0.52em -0.5em 0;
background-image: url(/flow/img/icon_btn_blank.svg);
}
@media screen and (max-width: 618px){
    a.css_button.chat{
    margin-right: 0;
    }
}

/* flow/mobile/mnp_cancel
==================================*/
#main .orders.apply-for .btn-green {
width: 100%;
margin-top: 15px;
font-size: 14px;
padding: 15px;
}


.max-w100 {
max-width: 100%;
}

#flow.mnp_cancel article ul li img.link-icon {
width: 16px;
}
#flow.mnp_cancel article #local-nav img.link-icon {
width: 6px;
}
#flow.mnp_cancel article img.link-img {
width: 30px;
}
#flow.mnp_cancel .btn-green img.link-img {
width: 8px;
}

/* Tel pc譎ゅ↓繧ｯ繝ｪ繝�け縺ｧ縺阪ｈ縺�↓縺吶ｋ繧ｹ繧ｿ繧､繝ｫ�� */
@media screen and (min-width:768px){
a[href^="tel:"] {
    pointer-events: none;
	text-decoration-line: none !important;
	color: #2c2c2c;
}
}
.ml10{
margin-left: 10px;
}
.sp{
display: none;
}
@media screen and (max-width: 768px) {
.pc{
display: none;
}
.sp{
display: block;
}
}