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

.posting_main{}
    .posting_main p{
        width: 420px;
        float: right;
    }
    .posting_main dl{
        width: calc(100% - 460px);
        float: left;
    }
        .posting_main dt{
            display: block;
            font-size: 2rem;
            font-weight: bold;
            margin-bottom: 20px;
        }
        .posting_main dd{
            font-size: 1.5rem;
        }

@media screen and (max-width:767px) {
    .posting_main p{
        width: 100%;
        max-width: 420px;
        float: none;
        margin: 0 auto;
    }
    .posting_main dl{
        width: 100%;
        float: none;
        margin-top: 30px;
    }
}

.whole_about{}
    .whole_about p{
        max-width: 738px;
        width: 100%;
        margin: 0 auto;
    }
    .whole_about dl{
        margin-top: 40px;
    }
        .whole_about dt{
            text-align: center;
            font-size: 1.5rem;
        }
        .whole_about dd{
            max-width: 738px;
            width: 100%;
            margin: 20px auto 0 auto;
        }
.whole_feature,
.whole_schedule,
.whole_price{
    margin-top: 60px;
}
    .whole_feature ol{
        margin-top: -20px;
    }
        .whole_feature ol li{
            width: calc((100% - 30px) / 2);
            float: left;
            margin-top: 30px;
            text-align: center;
            font-size: 1.8rem;
            font-weight: bold;
            border: solid 1px #ada9bb;
            padding: 30px 15px;
            box-sizing: border-box;
        }
        .whole_feature ol li:nth-child(2n+1){
            margin-right: 30px;
        }
            .whole_feature ol li em{
                color: #c7000b;
                font-weight: bold;
            }
            .whole_feature ol li span{
                font-size: 1.2rem;
            }
    .whole_feature ul{
        margin-top: 30px;
        text-align: right;
    }
    .whole_schedule table{}
        .whole_schedule th,
        .whole_schedule td,
        .whole_price th,
        .whole_price td{
            text-align: center;
        }
        .whole_schedule tr td:first-child{
            text-align: left;
        }
    .whole_schedule ul{
        margin-top: 20px;
    }
    .whole_price p.price_unit{
        text-align: right;
        margin-top: 15px;
    }
    .whole_price p.price_attention{
        margin-top: 20px;
    }
@media screen and (min-width:1160px) {
}
@media screen and (min-width:768px) and ( max-width:1159px) {
}
@media screen and (max-width:767px) {
    .whole_feature ol{
        margin-top: 0;
    }
        .whole_feature li{
            width: 100%;
            float: none;
            margin-top: 20px;
            padding: 15px;
        }
        .whole_feature li:nth-child(2n+1){
            margin-right: 0;
        }
}

.posting_cdds{
    margin-top: 80px;
}

.cdds_about{}
    .cdds_about p{
        width: 113px;
        float: right;
    }
    .cdds_about dl{
        width: calc(100% - 153px);
        float: left;
    }
        .cdds_about dt{
            font-size: 1.6rem;
            font-weight: bold;
            margin-bottom: 15px;
        }
        .cdds_about dd{}
            .cdds_about dd em{
                color: #c7000b;
            }
 .cdds_merit,
 .cdds_price,
 .cdds_area{
     margin-top: 60px;
 }
     .cdds_merit ul{}
         .cdds_merit li{
             width: calc(((100% - 80px) / 3) - 0.01px);
             float: left;
             margin-left: 40px;
         }
         .cdds_merit li:first-child{
             margin-left: 0;
         }
             .cdds_merit li dt{
                 text-align: center;
             }
             .cdds_merit li dd{
                 margin-top: 10px;
             }
    .cdds_price table{}
        .cdds_price th,
        .cdds_price td{
            text-align: center;
        }
    .cdds_price p{
        margin-top: 15px;
        text-align: right;
    }
    .cdds_price ul{
        margin-top: 20px;
    }
    .cdds_area table{
        margin-top: 30px;
    }
        .cdds_area th,
        .cdds_area td{
            text-align: center;
            padding: 10px 15px !important;
        }
@media screen and (max-width:767px) {
    .cdds_about p{
        width: auto;
        float: none;
        text-align: center;
    }
    .cdds_about dl{
        width: auto;
        float: none;
        margin-top: 30px;
    }
     .cdds_merit ul{
         /*margin-top: -30px;*/
     }
         .cdds_merit li{
             width: 100%;
             float: none;
             margin-left: 0;
             margin-top: 30px;
         }

}

#sub_pagetitle3{
    margin-top: 80px;
}
.posting_main{}
    .posting_main p{
        width: 420px;
        float: right;
    }
    .posting_main dl{
        width: calc(100% - 460px);
        float: left;
    }
        .posting_main dt{
            display: block;
            font-size: 2rem;
            font-weight: bold;
            margin-bottom: 20px;
        }
        .posting_main dd{
            font-size: 1.5rem;
        }
@media screen and (min-width:1160px) {
}
@media screen and (min-width:768px) and ( max-width:1159px) {
}
@media screen and (max-width:767px) {
    .posting_main p{
        width: 100%;
        max-width: 420px;
        float: none;
        margin: 0 auto;
    }
    .posting_main dl{
        width: 100%;
        float: none;
        margin-top: 30px;
    }
}

/* Mie-Yell
-----------------------------------------*/
#zeniki_mieyell{
    margin-top: 60px;
}
#zeniki_mieyell dl{
    border: solid 1px #ddd;
}
#zeniki_mieyell dt img{
    width: 100%;
}
#zeniki_mieyell .btn_blue{
    margin-top: 20px;
}
#zeniki_mieyell .btn_blue a {
    height: 38px;
    line-height: 38px;
}
@media screen and (min-width:768px) {
#zeniki_mieyell dl{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px;
}
#zeniki_mieyell dt{
    width: 300px;
}
#zeniki_mieyell dd{
    width: calc(100% - 350px);
}
#zeniki_mieyell .btn_blue {
    margin: 20px 0 0 auto;
}
}
@media screen and (max-width:767px) {
#zeniki_mieyell dl{
    padding: 15px;
}
#zeniki_mieyell dt{
    max-width: 300px;
    margin: 0 auto 20px auto;
}
}