.mb10{
    margin-bottom: 1rem !important;
}
.mt10{
    margin-top: 1rem !important;
}
.mr10{
    margin-right: 1rem !important;
}
.ml10{
    margin-left: 1rem !important;
}
.mb20{
    margin-bottom: 2rem !important;
}
.mt20{
    margin-top: 2rem !important;
}
.mr20{
    margin-right: 2rem !important;
}
.ml20{
    margin-left: 2rem !important;
}
.mb30{
    margin-bottom: 3rem !important;
}
.mt30{
    margin-top: 3rem !important;
}
.mr30{
    margin-right: 3rem !important;
}
.ml30{
    margin-left: 3rem !important;
}
.mb40{
    margin-bottom: 4rem !important;
}
.mt40{
    margin-top: 4rem !important;
}
.mr40{
    margin-right: 4rem !important;
}
.ml40{
    margin-left: 4rem !important;
}
.pb60{
    padding-bottom: 6rem !important;
}


/* internet.htmlのmoreボタンのcss */
.detailpage.serviceDetail .serviceDetailItem .item .moreLinkWrap{
    bottom: 0;
}


/* internet/datacenter.htmlのcss */
.introArea.cmnLayout03.__green.detailpage .introContWrap.dc{
    display: block;
}
.introArea.cmnLayout03.__green.detailpage .introContWrap.dc::after{
    content: "";
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2rem;
    width: 0;
    height: 0;
    border-right: 6rem solid transparent;
    border-left: 6rem solid transparent;
    border-top: 4rem solid #255853;
}
.introArea.cmnLayout03.__green.detailpage .introContWrap .introContTxtWrap.dc{
    width: 100%;
}
.detailpage.serviceDetail .serviceDetailItem .item .offer_service_container{
    display: flex;
    gap: 10rem;
    padding: 2rem 0;
}
.detailpage.serviceDetail .serviceDetailItem .item .offer_service_container .offer_service .service_name{
    font-size: 2rem;
    line-height: 2;
    font-weight: bold;
    text-align: center;
}
.detailpage.serviceDetail .serviceDetailItem .item .offer_service_container .offer_service .hausing_service{
    border: 1px solid #28956E;
    margin: 3rem auto 0 auto;
    padding: 0 3rem;
}
.detailpage.serviceDetail .serviceDetailItem .item .offer_service_container .offer_service .hausing_service span{
    font-size: 2rem;
    line-height: 4;
    font-weight: bold;
}
.detailpage.serviceDetail .serviceDetailItem .item .offer_service_container .offer_service .hausing_service .hausing_tittle{
    color: #28956E;
}
.detailpage.serviceDetail .serviceDetailItem .item .offer_service_container .offer_service .hausing_service p{
    text-align: center;
}
.detailpage.serviceDetail .serviceDetailItem .item .right_text{
    font-size: 1.6rem;
    text-align: right;
}
.detailpage.serviceDetail .serviceDetailItem .item table{
    font-size: 1.6rem;
    border-top: 0.1rem solid #255853;
    border-bottom: 0.1rem solid #255853;
    width: 100%;text-align: left;
    margin-bottom: 4rem;
}
.detailpage.serviceDetail .serviceDetailItem .item tbody th, tbody td{
    padding: 2.5rem;
    border-right: dotted 1px #989898;
}
.detailpage.serviceDetail .serviceDetailItem .item tbody th{
    background-color: #E5E5E5;
}
.detailpage.serviceDetail .serviceDetailItem .item tbody td{
    border-top: solid 1px #989898;
}
.detailpage.serviceDetail .serviceDetailItem .item tbody td:last-child{
    border-right: none;
}
.detailpage.serviceDetail .serviceDetailItem .item tbody th:last-child{
    border-right: none;
}
.detailpage.serviceDetail .serviceDetailItem .item tbody .align_c{
    text-align: center;
}
.detailpage.serviceDetail .serviceDetailItem .item .hausing_list{
   font-size: 1.6rem; 
   line-height: 2.125;
   list-style: initial;
   margin-bottom: 4rem;
}
.spsize{
    display: none;
}

@media screen and (max-width: 640px){
    .detailpage.serviceDetail .serviceDetailItem .item .offer_service_container{
        display: block;
        padding: 0;
    }
    .spsize{
        display: block;
    }
    .pcsize{
        display: none;
    }
    .detailpage.serviceDetail .serviceDetailItem .item .offer_service_container .offer_service .service_name{
        font-size: 1.4rem;
    }
    .detailpage.serviceDetail .serviceDetailItem .item .offer_service_container .offer_service .hausing_service{
        margin: 2rem auto 0 auto;
    }
    .detailpage.serviceDetail .serviceDetailItem .item .offer_service_container .offer_service .hausing_service span{
        font-size: 1.6rem;
        line-height: 3;
    }
}

@media screen and (max-width: 640px){
    .detailpage.serviceDetail .serviceDetailItem .item .txt{
        line-height: 2;
    }
    .detailpage.serviceDetail .serviceDetailItem .item .txtTit{
        line-height: 2;
    }
    .detailpage.serviceDetail .serviceDetailItem .item .right_text{
        font-size: 1.2rem;
    }
}

@media screen and (max-width: 640px){
    .detailpage.serviceDetail .serviceDetailItem .item tbody td{
        padding: 0 0 2rem 0;
        font-size: 1.2rem;
        border-top: none;
    }
    .detailpage.serviceDetail .serviceDetailItem .item .datacenter_table tr{
        display: block;
    }
    .detailpage.serviceDetail .serviceDetailItem .item .datacenter_table td{
        display: block;
        border-right: none;
    }
    .detailpage.serviceDetail .serviceDetailItem .item .datacenter_table tr .align_c_sp{
        background-color: #28956E;
        color: #FFFFFF;
        text-align: center;
        padding: 2rem;
    }
    .detailpage.serviceDetail .serviceDetailItem .item .datacenter_table tr .align_c::before{
        background: #E5E5E5;
        display: block;
        padding: 2rem;
        margin-bottom: 2rem;
        color: #222E2F;
        font-weight: normal;
    }
    .detailpage.serviceDetail .serviceDetailItem .item .datacenter_table tr .align_c:nth-of-type(2):before{
        content: "初期費用";
    }
    .detailpage.serviceDetail .serviceDetailItem .item .datacenter_table tr .align_c:nth-of-type(3):before{
        content: "月額費用";
    }
    .detailpage.serviceDetail .serviceDetailItem .item .hausing_list{
        font-size: 1.2rem;
        margin-top: 1.5rem;
    }
    .detailpage.serviceDetail .serviceDetailItem .item .datacenter_table.pa02 tr .align_c:nth-of-type(2):before{
        content: "概要";
    }
    .detailpage.serviceDetail .serviceDetailItem .item .datacenter_table.pa02 tr .align_c:nth-of-type(3):before{
        content: "初期費用";
    }
    .detailpage.serviceDetail .serviceDetailItem .item .datacenter_table.pa02 tr .align_c:nth-of-type(4):before{
        content: "月額費用";
    }
}