@charset "UTF-8";
/* CSS Document */

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

共通

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

.inner.width{
    padding: 0 5%;
}
/*---------------------

プラボリ

---------------------*/
.policy h3{
    font-size: 1.6rem;
    margin: 40px 0 30px;
}
.policy p{
    margin-bottom: 20px;
}
/*---------------------

MDM

---------------------*/
.reasonbox5 .icon{
    font-size: 2rem;
    font-weight: 600;
}
.reasonbox5 .red{
    color: #cd0000;
}
.reasonbox5 .orange{
    color: #ff6c00;
}
.reasonbox5 .blue{
    color: #0024ff;
}
.reasonbox5 .black{
    color: #000;
}
.reasonbox5 tr td,
.reasonbox5 tr th{
    border: 1px solid #909090;
}
.reasonbox5 tr td{
    background: #fff;
}
.reasonbox5 tr th{
    background: #f4fbfb;
}
.reasonbox5 tr td.none{
    border: none;
}
.reasonbox5 tr td.tr1{
    width: 48%;
}
.reasonbox5 tr td.tr3{
    width: 22%;
}
.reasonbox5 tr td.tr2{
    width: 30%;
}
#mdm3 .img1,
#mdm3 .img2{
    margin-bottom: 80px;
}
#mdm3 .item{
    margin-bottom: 70px;
}
#mdm3 .item h3{
    background: #0183b1;
    color: #fff;
    padding: 10px 0;
    font-size: 2.2rem;
    text-align: center;
    margin-bottom: 30px;
}
#mdm2 .sec-ttl{
    color: #0596ad;
}
#mdm2 .reasonbox3{
    width: 100%;
    margin: 60px 0 30px;
}
#mdm2 .reasonbox3 th{
    width: 30%;
}
.encho-support{
    justify-content: flex-start;
}
.encho-support li{
    background: #fff;
    padding: 20px 20px 30px;
    width: 32%;
    margin: 0 2% 0 10px;
    box-sizing: border-box;
}
.encho-support li h3{
    font-size: 2rem;
    line-height: 1.8;
    text-align: center;
}
.encho-support li .txt{
    margin: 15px 0 0;
}
.encho-support li:nth-child(3n){
    margin-right: 0;
}
.mdm-support .support{
    justify-content: space-between;
    background: #f4fbfb;
    padding: 30px;
    margin-bottom: 50px;
    flex-wrap: wrap;
}
.mdm-support .img{
    width: 37%;
}
.mdm-support .txt{
    width:  60%;
}
.mdm-support .txt h3{
    font-size: 2.4rem;
    padding-bottom: 10px;
    border-bottom: 1px solid #0183b1;
    margin-bottom: 15px;
}
.mdm-support .txt h3 span{
    font-size: 60%;
    font-weight: 600;
}
.mdm-support .txt small{
    margin-top: 20px;
}
.mdm-support .support .supportbox{
    width: 100%;
}
.supportbox{
    padding: 20px 5% 10px;
}
.supportbox ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.supportbox li{
    color: #fff;
    width: 32%;
    margin: 0 2% 10px 0;
    box-sizing: border-box;
    background: #0183b1;
    padding: 4px 0;
    text-align: center;
}
.supportbox p{
    color: #0183b1;
}
.supportbox li:nth-child(3n){
    margin-right: 0;
}
/*---------------------

料金

---------------------*/
#price1{
     background: url("../images/page/price-bg_pc-min.jpg")no-repeat;
    background-size: cover;
    background-position: center;
}
#price1 ul{
    display: flex;
    justify-content: center;
}
#price1 ul li{
    width: 31%;
    margin: 0 2.5% 30px 0;
    padding: 10px 10px 60px;
}
#price1 .change-merit li .txt,
#price1 .change-merit li .img{
    width: 100%;
}
#price1 .change-merit li .img{
    margin: 20px 0;
}
#price1 .change-merit li h3{
    text-align: center;
    margin: 10px 0 0;
}
#price1 .point-number{
    text-align: center;
    margin: 0;
}
#price1 .ttlarea2 .caption{
    color: #000;
    padding-top: 15px;
}
#price1 .img2{
    margin: 60px 0 30px;
}
#price2 .reasonbox table{
    width: 100%;
}
#price2 .reasonbox tr th:nth-child(1){
    width: 48%;
}
#price2 .reasonbox tr th:nth-child(2){
    width: 22%;
}
#price2 .reasonbox tr th:nth-child(3){
    width: 30%;
}
.price .reasonbox small{
    margin-top: 10px;
}
.pricebox{
    justify-content: space-between;
    align-items: center;
}
.reasonbox3{
    width: 50%;
    margin: 0 auto;
}
.reasonbox3 table{
    width: 100%;
}
.reasonbox3 table tr th,
.reasonbox.reasonbox3 tr th:first-of-type{
    width: 50%;
    background: #f1f1f1;
}
.reasonbox3 table tr td,
.reasonbox3 table tr th{
    border-bottom: 1px solid #909090;
    border-top: 1px solid #909090;
}
.reasonbox3 table tr td{
    width: 50%;
    background: #fff;
}
.pricebox .txt{
    width: 46%;
}
#price4{
   background: rgb(167,235,241);
    background: -webkit-linear-gradient(right, rgba(167,235,241,1) 0%, rgba(140,177,218,1) 100%);
    background: -o-linear-gradient(right, rgba(167,235,241,1) 0%, rgba(140,177,218,1) 100%);
    background: linear-gradient(to left, rgba(167,235,241,1) 0%, rgba(140,177,218,1) 100%);
    padding: 20px 0;
}
/*---------------------

導入の流れ

---------------------*/
#step1{
     background: url("../images/page/new-bg_pc-min.jpg")no-repeat;
    background-size: cover;
    background-position: center;
}
#step1 .inner{
    position: relative;
    padding-left: 60px;
}
#step1 .inner .obi{
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
}
#step1 .ctabtn{
    margin-top: 20px;
    padding: 0;
}
#step1 .ctabtn .btnitem{
    width: 48%;
}
#step1 .ctabtn.sponly{
    display: none;
}
#step1 .ctabtn .btn{
    font-size: 1.6rem;
}
#step1 .change-merit li{
    flex-wrap: wrap;
}
/*---------------------

新規契約

---------------------*/ 
#new1{
     background: url("../images/page/new-bg_pc-min.jpg")no-repeat;
    background-size: cover;
    background-position: center;
}
#new1 .img{
    margin-top: 30px;
}
/*---------------------

機種変更

---------------------*/
 .page-template-page-modelchange .page-header,
 .page-template-page-new .page-header{
    background: url("../images/header/head-phonebg_pc-min.jpg")no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
    padding-top: 30px;
}
.model-list{
    justify-content: center;
}
.model-list li{
    width: 30%;
    margin: 0 3%;
}
.model-list li .img{
    text-align: center;
}
.model-list li h3{
    text-align: center;
    font-size: 2rem;
    margin: 26px 0 20px;
}
#modelchange .meyasu{
    background: #f4fbfb;
    padding: 30px 10%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
}
#modelchange .meyasu .txt{
    width: 60%;
    margin-left:30px;
}
#modelchange .meyasu .txt h3{
    font-size:2rem;
    margin-bottom: 10px;
}
/*---------------------

乗り換え

---------------------*/
 .page-template-page-change .page-header,
 .page-template-page-mdm .page-header{
    background: url("../images/header/head-phonebg_pc-min.jpg")no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
    padding-top: 30px;
}
#change1{
     background: url("../images/page/change-bg_pc-min.jpg")no-repeat;
    background-size: cover;
    background-position: center;
}
.change-merit li{
    display: flex;
    justify-content: space-between;
    padding: 40px 60px;
    position: relative;
    align-items: flex-start;
    margin-bottom: 60px;
}
.change-merit li .img{
    width: 26%;
    text-align: center;
}
.change-merit li .txt{
    width: 70%;
    text-align: left;
}
.change-merit li .txt .point-number{
    text-align: left;
    margin-right: 20px;
}
.change-merit li .meritsub{
    margin-bottom: 20px;
    justify-content: flex-start;
    align-items: flex-end; 
}
.change-merit li h3{
    font-size: 2rem;
}
.decomain{
    position: relative;
}
.decomain .deco{
    position: absolute;
}
.decomain .deco1{
    top: 0;
    left: 0;
}
.decomain .deco2{
    top: 0;
    right: 0;
}
.decomain .deco3{
    bottom: 0;
    left: 0;
}
.decomain .deco4{
   bottom: 0;
    right: 0;
}
#change2 .img1{
    margin-bottom: 40px;
}
#change3,#change4{
    background: #f4fbfb;
}
.change-support li{
    width: 32%;
    background: #fff;
    padding: 35px 30px;
    margin: 0 2%;
}
.change-support{
    justify-content: center;
}
.change-support li .img{
    margin-bottom: 30px;
}
.change-point{
    justify-content: center;
}
.change-point li{
    width: 32%;
    margin: 0 2% 30px 0;
    background: #fff;
    padding: 15px 15px 20px;
}
.change-point li:nth-child(3n){
    margin-right: 0;
}
.change-point li .img{
    margin-bottom: 15px;
}
.change-point li h3{
    font-size: 2rem;
    text-align: center;
    line-height: 1.6;
    margin: 7px 0 10px;
}
/*---------------------

法人携帯とは

---------------------*/
#about1{
    background: url("../images/page/about-bg_pc-min.jpg")no-repeat;
    background-size: cover;
    background-position: center;
}
.about-merit{
    flex-wrap: wrap;
    justify-content: center;
}
.about-merit li{
    width: 43%;
    margin: 0 3% 60px;
}
.about-merit li .img{
    text-align: center;
    margin: 0 35px 30px;
    position: relative;
}
.about-merit li img{
    position: relative;
    display: block;
    margin: 0 auto;
    z-index: 1;
}
.about-merit li .img::before{
    content: "";
    position: absolute;
    display: block;
    bottom: -15px;
    left: -15px;
    width: 100%;
    height: 100%;
    background: rgb(214,230,242);
    background: -webkit-linear-gradient(left, rgba(214,230,242,1) 0%, rgba(221,247,249,1) 100%);
    background: -o-linear-gradient(left, rgba(214,230,242,1) 0%, rgba(221,247,249,1) 100%);
    background: linear-gradient(to right, rgba(214,230,242,1) 0%, rgba(221,247,249,1) 100%);
}
.about-merit li h3{
    text-align: center;
    font-size: 2.6rem;
    margin: 7px 0 10px;
}
.point-number{
    font-size: 3rem;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    font-weight: 100;
    color: #0596ad;
    text-align: center;
    line-height: 1;
}
.point-number span{
    font-weight: 100;
    font-size: 120%;
}
.mdm-btnarea{
    margin-top: 40px;
}
.mbmttl{
    text-align: center;
    margin-bottom: 40px;
}
.mbmttl h2{
    position: relative;
    font-size: 2.2rem;
    text-align: center;
    border-bottom: 2px solid #cc1f34;
    background-color: white;
    line-height: 1.3;
    display: inline-block;
    padding: 0 30px 10px;
}
.mbmttl h2:before {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) skew(-25deg);
    height: 20px;
    width: 10px;
    border-right: 2px solid #cc1f34;
    background-color: white;
    content: "";
}
.mdmbtn span{
    font-weight: 500;
    font-size: 80%;
}
.mdmbtn.btn{
    line-height: 1.6;
    padding: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    color: #fff;
    font-size: 2rem;
    border-radius: 10px;
    position: relative;
    background: rgb(204,31,52);
    background: -webkit-linear-gradient(left, rgba(204,31,52,1) 0%, rgba(249,53,76,1) 50%, rgba(204,31,52,1) 100%);
    background: -o-linear-gradient(left, rgba(204,31,52,1) 0%, rgba(249,53,76,1) 50%, rgba(204,31,52,1) 100%);
    background: linear-gradient(to right, rgba(204,31,52,1) 0%, rgba(249,53,76,1) 50%, rgba(204,31,52,1) 100%);
    max-width: 540px;
    margin: 0 auto;
    box-shadow: 0 4px 0 #a10315;
}
.mdmbtn.btn::after{
    font-family: "Font Awesome 6 Free";
    font: var(--fa-font-regular);
    content: "\f138";
    font-weight: 900;
    margin-left: 5px;
    position: absolute;
    right: 10px;
}
.mdmbtn.btn:hover{
    box-shadow: none;
    transform: translateY(6px);
}
/*---------------------

端末一覧

---------------------*/
.post-type-archive-phone .page-header{
    background: url("../images/header/head-phonebg_pc-min.jpg")no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
    padding-top: 30px;
}
.post-type-archive-phone #phone-rank{
    background: rgb(214,230,242);
    background: -webkit-linear-gradient(left, rgba(214,230,242,1) 0%, rgba(221,247,249,1) 100%);
    background: -o-linear-gradient(left, rgba(214,230,242,1) 0%, rgba(221,247,249,1) 100%);
    background: linear-gradient(to right, rgba(214,230,242,1) 0%, rgba(221,247,249,1) 100%);
}
.rankbox{
    background: #fff;
    padding: 60px 80px;
    align-items: center;
    margin-bottom: 30px;
}
.rankbox .phoneimg{
    width: 90px;
}
.rankbox .txt{
    width: 65%;
}
.rankbox .txt .phonename{
    border-bottom:solid 1px #10a9b1;
    padding-bottom: 15px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}
.rankbox .txt .phonename h3{
    font-size: 2rem;
    margin-right: 15px;
}
.phone_list{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.phone_list li{
    width: 32%;
    box-sizing: border-box;
    margin-right: 2%;
    border: 1px solid #0596ad;
    padding: 30px 30px;
    margin-bottom: 30px;
}
.phone_list li:nth-child(3n){
    margin-right: 0;
}
.phone_list li h3{
    text-align: center;
    font-size: 2rem;
}
.phone_list li .img{
    text-align: center;
    margin-bottom: 30px;
}
.phone_list li h4{
    background: #0596ad;
    color: #fff;
    font-size: 1.8rem;
    text-align: center;
    padding: 5px 0;
    font-weight: 500;
    margin-top: 20px;
}
.phone_list li p{
    padding: 15px 0 0;
}


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

よくある質問

---------------------*/
.faq-main{
    background: #f4fbfb;
}
.faq .inner .faqitems dt,
.faq .inner .faqitems dd{
    font-size: 1.6rem;
    position: relative;
}
.faq .inner .faqitems p{
    display: flex;
    align-items:flex-start;
    justify-content: space-between;
}
.faq .inner .faqitems dt p span{
    width: calc(100% - 2rem);
}
.faq .inner .faqitems p .icon{
    width: 2rem;
}
.faq .inner .faqitems p img{
    margin: 0;
}
.faq .inner .faqitems dt{
    background: #0596ad;
    color: #fff;
    cursor: pointer;
    padding: 15px 20px;
    font-size: 2rem;
}
.faq .inner .faqitems dt p span:nth-child(2){
    font-weight: 500;
}
.faq .inner .faqitems dd{
    background: #fff;
    padding: 20px;
    display: none;
}
.faq .inner .faqitems dl{
    margin-bottom: 36px;
}
/* 縦線 */
.faq .inner .faqitems dt::before {
  background: #fff; /* 線の色 */
  content: "";
  height: 2px; /* 線の太さ */
  position: absolute;
  right: 25px;
  top: 50%; /* 線の位置を縦中央に */
  transform: rotate(90deg); /* 線を縦に */
  transition: transform .3s ease-in-out;
  width: 15px; /* 線の幅 */
}
/* 横線 */
.faq .inner .faqitems dt::after {
  background: #fff; /* 線の色 */
  content: "";
  height: 2px; /* 線の太さ */
  position: absolute;
  right: 25px;
  top: 50%; /* 線の位置を縦中央に */
  transition: opacity .3s ease-in-out;
  width: 15px; /* 線の幅 */
}
/* 縦線(クリック後) */
.faq .inner .faqitems dt.open::before {
  transform: rotate(180deg);
}
/* 横線(クリック後) */
.faq .inner .faqitems dt.open::after {
  opacity: 0;
}
.menubox{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.menubox li{
    width: 30%;
    margin: 0 8px 10px
}
.menubox li a{
    position: relative;
    display: block;
    padding: 18px 0 20px;
    color: #0596ad;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 600;
    border: solid 1px #0596ad;
    width: 100%;
}
.menubox li a::before{
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    bottom: 7px;
    content: "";
  line-height: 1;
  width: 10px;
  height: 10px;
  border-right: 0.12em solid #0596ad;
    border-bottom: 0.12em solid #0596ad;
  box-sizing: border-box;
  transform: rotate(45deg);
    display: block;
}
.menubox a:hover{
    background: #0596ad;
    color: #fff;
}
.menubox li a:hover::before{
 border-right: 0.12em solid #fff;
    border-bottom: 0.12em solid #fff; 
}



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

お客様の声

---------------------*/
.page-template-page-price .page-header,
.post-type-archive-voice .page-header{
    background: url("../images/header/head-voicebg_pc-min.jpg")no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
    padding-top: 30px;
}
#voice-page{
    background: url("../images/page/voice-bg_pc-min.jpg")no-repeat;
    background-size: cover;
    background-position: center;
}
.voicelist{
    justify-content: space-between;
    flex-wrap: wrap;
}
.voicelist li{
    width: 48%;
    margin: 0 0 30px;
    padding: 50px 26px;
    box-sizing: border-box;
}
#voice-page .voice,
#voice-page .voice .txt{
    background: #fff;
}
#voice-page .voice .flex{
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
#voice-page .voice .img{
    margin: 0;
    width: 40%;
    padding: 0 20px;
}
#voice-page .voice .txt{
    width: 56%;
    padding: 0;
}
@media screen and (max-width: 1024px){
    .menubox li{
        width: 46%;
    }
    .menubox a{
        border: solid 1px #005AAD;
        width: 100%;
        border-bottom: none;
    }
    .rankbox{
        padding: 30px 30px;
    }
    .change-merit li{
        padding: 40px;
    }

    
}
@media screen and (max-width:769px) {
     .page-template-page-modelchange .page-header,
    .page-template-page-mdm .page-header,
     .page-template-page-change .page-header,
    .page-template-page-new .page-header,
    .post-type-archive-phone .page-header{
        background: url("../images/header/head-phonebg_sp-min.jpg")no-repeat;
        background-size: cover;
        background-position: center;
        text-align: center;
    }
    .post-type-archive-voice .page-header,
    .page-template-page-price .page-header{
        background: url("../images/header/head-voicebg_sp-min.jpg")no-repeat;
        background-size: cover;
        background-position: center;
        text-align: center;
        padding-top: 30px;
        padding:60px 20px 0;
    }
    #voice-page{
        background: url("../images/page/voice-bg_sp-min.jpg")no-repeat;
        background-size: cover;
        background-position: center;
    }
    .voicelist li{
        width: 90%;
        margin: 0 auto 30px;
        padding: 30px 35px;
    }
    #voice-page .voice .img{
        width: 100%;
        text-align: center;
        margin: 0 0 20px;
    }
    #voice-page .voice .txt{
        width: 100%;
    }
    #voice-page .voice .img img{
        width: 50%;
        margin: 0 auto;
    }
    .rankbox {
/*        margin-bottom: 30px; */
    }
    .rankbox .spphone{
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
    .rankbox .txt .phonename.pconly{
        display: none;
    }
     .rankbox .phonename{
        width: 44%;
    }
    .rankbox .phonename h3{
        font-size: 2rem;
        margin-bottom: 15px;
    }
    .rankbox .rankicon{
        width: 30%;
        padding-right: 15px;
    }
    .rankbox .phoneimg{
        width: 90px;
        margin-right: 10px;
    }
    .rankbox .txt{
        border-top: #10a9b1 solid 1px;
        padding-top: 26px;
        margin-top: 26px;
        width: 100%;
    }
    .phone_list li{
        margin-bottom: 10px;
        padding: 20px 15px;
    }
    .phone_list li,
    .phone_list li:nth-child(3n){
        width: 49%;
        margin-right: 2%;
    }
    .phone_list li:nth-child(2n){
        margin-right: 0;
    }
    .phone_list li h4{
        font-size: 1.6rem;
        padding: 2px 0;
    }
    #new1,
    #step1{
         background: url("../images/page/new-bg_sp-min.jpg")no-repeat;
        background-size: cover;
        background-position: center;
    }
    #about1{
        background: url("../images/page/about-bg_sp-min.jpg")no-repeat;
        background-size: cover;
        background-position: center;
    }
    .about-merit li{
        width: 60%;
        margin: 0 auto 60px;
    }    
    .mbmttl::before{
        width: 190px;
        height: 183px;
    }
    .change-merit li{
        padding: 20px 0;
        margin-bottom: 30px;
    }
    .decomain .deco1,
    .decomain .deco4{
        display: none;
    }
    .change-merit li h3{
        margin: 15px 0 0;
    }
    .change-merit li .meritsub{
        margin-bottom: 14px;
    }
    .change-merit li .txt{
        width: 75%;
    }
    .change-merit li .img{
        width: 25%;
    }
    .change-support li{
        width: 80%;
        margin: 0 auto 30px;
    }
    .change-point li,
    .change-point li:nth-child(3n){
        width: 60%;
        margin: 0 auto 30px;
    }
    .model-list li{
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin: 0 0 30px;
    }
    .model-list li .img{
        width: 25%;
    }
    .model-list li .txt{
        width: 72%;
    }
    .model-list li h3{
        font-size: 1.7rem;
        text-align: left;
        margin: 0 0 6px;
        line-height: 1.6;
    }
    #modelchange .meyasu .txt h3{
        font-size: 1.8rem;
        margin-bottom: 6px;
    }
    #modelchange .meyasu{
        padding: 30px 15px;
    }
    #modelchange .meyasu .img{
        width: 20%;
    }
    #modelchange .meyasu .txt{
        width: 75%;
        margin-left:2%;
    }
    #step1 .ctabtn.sponly{
        width: 100%;
        display: flex;
        margin: 0 0 60px;
    }
    #step1 .inner{
        padding-left:40px;
    }
    #step1 .inner .obi{
        width: 29px;
    }
    #price1 ul{
        display: block;
    }
    #price1 ul li{
        width: 100%;
    }
    #price1 .change-merit li .txt{
        width: 72%;
    }
     #price1 .change-merit li .img{
        width: 25%;
    }
    #price1 .point-number,
    #price1 .change-merit li h3{
        text-align: left;
    }
    #price1 .change-merit li h3{
        margin: 15px 0 0;
    }
    #price1 ul li{
        padding: 20px 0;
    }
    #price1 .img2{
        margin: 40px 0 20px;
    }
    .reasonbox3{
        width: 100%;
    }
    .pricebox .txt{
        width: 100%;
        margin-top: 30px;
    }
    .mdm-support .support{
        width: 70%;
        margin: 0 auto 40px;
    }
    .mdm-support .img,
    .mdm-support .txt{
        width: 100%;
    }
    .mdm-support .txt h3{
        text-align: center;
        font-size: 2rem;
        padding: 15px 0;
        line-height: 1.4;
    }
    .mdm-support .support .supportbox{
        padding: 20px 0 10px;
    }
    .supportbox li,
    .supportbox li:nth-child(3n){
        width: 49%;
        margin-right: 2%;
        font-size: 1.3rem;
    }
    .supportbox li:nth-child(2n){
        margin-right: 0;
    }
    .mdm-support .txt h3 span{
        font-size: 88%;
    }
    #mdm2 .sec-ttl{
        font-size: 2.4rem;
    }
    .encho-support li{
        display: flex;
        justify-content:space-between;
        width: 100%;
        margin: 0 0 40px;
        align-items: center;
    }
    .encho-support li .img{
        width: 48%;
    }
    .encho-support li .txt{
        width: 50%;

    }
}

@media screen and (max-width:479px) {

    .post-type-archive-voice .page-header{
        padding:30px 0 0;
    }
    .inner.width{
        padding: 0;
    }
    .menubox li{
        margin: 0 5px 10px;
        box-sizing: border-box;
    }
    .menubox li a{
        padding: 10px 0 16px;
    }
    .faq .inner .faqitems dt,
    .faq .inner .faqitems dd{
        font-size: 1.4rem;
        line-height: 1.6;
    }
    .faq .inner .faqitems dt::before,
    .faq .inner .faqitems dt::after{
        right: 10px;
    }
    .faq .inner .faqitems dt{
        padding-right: 30px;
    }
    .rankbox .phoneimg{
        width: 15%;
    }
    .rankbox .phonename{
        width: 50%;
    }
    .rankbox .rankicon{
        width: 25%;
        padding-right: 6px;
    }
    .rankbox .phonename h3{
        font-size: 1.6rem;
        margin-bottom: 8px;
    }
    .rankbox .txt{
        padding-top: 16px;
        margin-top: 20px;
    }
    .phone_list li{
        padding: 20px 8px;
    }
    .phone_list li h3{
        font-size: 1.5rem;
        margin-bottom: 5px;
    }
    .phone_list li .img{
        margin-bottom: 15px;
    }
    .phone_list li h4{
        font-size: 1.4rem;
    }
    .phone_list li p{
        padding: 8px 0 0;
    }
    .about-merit li{
        width: 90%;
        margin: 0 auto 30px;
    }
    .about-merit li h3{
        font-size: 2rem;
    }
    .point-number{
        font-size: 2.4rem;
    }
    .mbmttl h2{
        font-size: 1.7rem;
        padding: 0 12px 10px;
    }
    .mdmbtn.btn{
        font-size: 4.4vw;
    }
    .change-merit li h3{
        font-size: 1.7rem;
    }
    .change-support li{
        width: 100%;
        box-sizing: border-box;
        margin: 0 auto 20px;
    }
    .change-point li, .change-point li:nth-child(3n){
        margin: 0 auto 20px;
        width: 100%;
        box-sizing: border-box;
    }
    #modelchange .meyasu{
        margin-top: 30px;
        padding: 20px 15px;
    }
    #modelchange .meyasu .txt{
        margin-left: 5%;
    }
    .model-list li h3,#modelchange .meyasu .txt h3{
        font-size: 1.6rem;
    }
    #step1 .inner{
        padding-left: 40px
    }
    #step1 .inner .obi{
        width: 27px
    }
    .faq .inner .faqitems dl{
        margin-bottom: 20px;
    }
    .page-template-page-price .page-header{
        padding: 20px 0 0;
    }
    #price4 .wrap{
        padding: 0;
    }
    .mdm-support .support{
        width: 100%;
        box-sizing: border-box;
        margin: 0 0 30px;
        padding: 15px 15px 20px;
    }
    .supportbox li, .supportbox li:nth-child(3n){
        font-size: 1.2rem;
    }
    #mdm2 .sec-ttl{
        font-size: 4.5vw;
    }
    .encho-support li h3{
        font-size: 1.4rem;
        line-height: 1.6;
    }
    .encho-support li{
        padding: 15px 15px 20px;
        margin: 0 0 30px;
    }
    .encho-support li .img{
        width: 49%;
    }
    .encho-support li .txt{
        width: 50%;
    }
    #mdm3 .img1, #mdm3 .img2{
        margin-bottom: 40px;
    }
    #mdm3 .item h3{
        font-size: 1.6rem;
        margin-bottom: 20px;
    }
    #mdm3 .item{
        margin-bottom: 30px;
    }
    
}
@media screen and (max-width:375px) {
    .about-merit li{
        width: 96%;
    }
    #step1 .inner .obi{
        width: 29px;
    }
}