@media screen and (max-width: 767px) {
    body #rwd_wrapper .wrapper {
        min-width: 320px;
    }
    body.w-wide #rwd_content .wrapper #mainCol {
        padding: 0;
    }
    .w-1220 {
        width: 100%;
        margin: 0;
    }
    .bg-blue-box {
        width: 100%;
        padding: 10% 5%;
    }
    img {
        width: 100%;
    }
    .section-inner{
        width: 100%;
        box-sizing: border-box;
        padding: 4%;
        margin: 0 auto;
        overflow: hidden;
    }
    .first-topic-list, .second-topic-list,.third-topic-list{
        flex-direction: column;
        top: 0;
        top: -35px;
        align-items: center;
    }
    .topic-item01{
        width: 100%;
        height: 100%;
        background-color: white;
        box-sizing: border-box;
        margin-left: 0;
        margin-bottom: 10px;
        margin-top: 10px;
        padding:10px;
    }
    .topic-item02{
        width: 90%;
        height: 100%;
        background-color: white;
        box-sizing: border-box;
        margin-left: 0;
        margin-bottom: 10px;
    }
    .topic-item02-sp{
        width: 90%;
        height: 100%;
        background-color: white;
        box-sizing: border-box;
        margin-left: 0;
        margin-bottom: 10px;
    }
    .topic-item03{
        width: 90%;
        height: 100%;
        background-color: white;
        box-sizing: border-box;
        margin-left: 0;
        margin-bottom: 10px;
    }
    .second-topic-list .topic-item{
        height: 100%;
    }
    .third-topic-list .topic-item{
        height: 100%;
    }
    .w-wide #mainCol .cvArea-inner{
        padding: 12px 10px;
    }
    .w-wide #mainCol .cvArea-inner{
        padding: 1%;
        width: 95%;
    }
    .wrapper #mainCol .column2 .col-fix1{
        float: left;
        width: 45%;
    }
    .wrapper #mainCol .column2 .col-fix2{
        float: right;
        width: 52%;
    }
    .plan-area{
        width: 100%;
    }
    .list-area{
        width: 100%;
    }
    .telephone-time:before{
        top: -7%;
        left: 7%;
        width: 85%;
        border-top: 2px solid #cccccc;
        border-right: none; 
    }
    .wrapper #mainCol table .telephone-bgblue{
        padding: 5%;
    }
    .wrapper #mainCol table .telephone-area{
        margin-bottom: 10px;
    }
    .wrapper #mainCol .telephone-area,.wrapper #mainCol .telephone-bgblue, .wrapper #mainCol .telephone-number, .wrapper #mainCol .telephone-time{
        min-height: initial;
        padding: 3%;
    }
    .wrapper #mainCol .telephone-area p{
        margin-top: 0;
    }
    .wrapper #mainCol .spTableStack td{
        float: none;
    }
    body.w-wide #mainCol .conversion-inner .btnRound.function, body.w-wide #mainCol .btnRound.next.function{
        padding: 16px 10px 14px 24px !important;
    }
    .rwdwdt85p {
        width:85% !important;
    }
    .rwdwdt38p {
        width:38% !important;
    }
    .rwdmR10 {
        margin-right: 10px !important;
    }
    .w-wide #footer #footerExtra {
        bottom: 125px;
    }
    .wrapper #mainCol .section-note ul li a {
        padding-left: 0;
    }
    .case-num {
        width: 110px;
        height: 134px;
        background: url(/special/net_housing_new/lp/images/num_bg.png) no-repeat center center/contain;
        color: #fff;
        font-size: 20px;
        text-align: center;
        font-weight: 900;
        line-height: 1;
        position: absolute;
        top: 0;
        left: 30px;
    }
    .case-head{
        margin-bottom:0px;
        padding: 0px 0px 5px;
    }
    .case-head_text{
        padding: 0 10px;
        margin: 20px 0;
    }
    .btn_txt{
        font-size:15px;
        font-weight: 900;
    }
    .worker{
        width:50%;
    }
    .flow{
        width: 90%;
        margin-top: 6em;
        margin-bottom: 2em;
    }
    .free{
        font-size: 16px;
        font-weight: bold;
        margin: 2em auto;
        width: 100%;
    }
    .cause_tlt{
        margin-top: 0px;
        margin-bottom: 50px;
    }
    .mT100{
        margin-top:30px !important;
    }
    
}