/* btn */

.btn {
    text-align: center;
}

/* 施設案内 - 車画像付きの見出し */

.car-heading {
    position: relative;
    height: 160px;
    background-color: #f8faf0;
    padding: 0 20px;
}
.car-heading::after {
    content: "";
    position: absolute;
    left: 62.5vw;
    top: 40px;
    width: 255px;
    height: 141px;
    background-image: url(../img/login/car.png);
    background-size: 255px 141px;
}
.car-heading__title {
    max-width: 900px;
    width: 100%;
    letter-spacing: 3px;
    line-height: 1.4;
}

/* 施設案内 - セクション */

.facility-section {
    max-width: 940px;
    margin: 0 auto;
    padding: 70px 20px 60px;
}
.read_content {
    margin-bottom: 60px;
}
.read_content h2 p {
    font-size: 32px;
    position: relative;
}
.read_content h2 p::after {
    content: "";
    width: 60px;
    height: 4px;
    background-color: #007345;
    position: absolute;
    bottom: -24px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.read_content .title_text {
    font-size: 18px;
    font-weight: bold;
    /* margin-top: 80px; */
}
.read_content .text {
    line-height: 1.6;
    margin-top: 60px;
}
.read_content .small_text {
    font-size: 12px;
    line-height: 1.6;
    margin: 15px 0 50px;
}
.overview_content {
    margin-bottom: 110px;
}
.h2_line {
    margin-bottom: 30px;
}
.img_content {
    width: 50%;
    height: auto;
}
.overview_content dl,
 .kitchen_car_area .left_content{
    width: 44.445%;   
}
.overview_content dl dt {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 20px;
}
.overview_content dl dd:not(:last-of-type) {
    padding-bottom: 30px;
    margin-bottom: 30px;
    background-image : linear-gradient(to right, #999999, #999999 1px, transparent 1px, transparent 3px); 
    background-size: 3px 1px;          
    background-position: left bottom;
    background-repeat: repeat-x;
}
.overview_content dl dd p {
    line-height: 1.6;
}
.overview_content dl dd p:not(:last-of-type) {
    margin-bottom: 15px;
}
.map_content {
    margin-bottom: 40px;
}
.map_content .h2_line {
    margin-bottom: 20px;
}
.map_content .h3 p {
    font-weight: normal;
    margin-bottom: 15px;
    font-size: 20px;
}
.map_content .map_text {
    margin-bottom: 20px;
}
.kitchen_car_detail .link_content {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
}
.kitchen_car_detail .link_content a {
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 60px;
}
.kitchen_car_detail .link_content a span {
    color: #007345;
    margin-right: 5px;
}
.kitchen_car_area {
    padding-top: 120px;
    margin: -120px 0 60px;
}
.kitchen_car_area h3 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 30px;
    background-color: #cce3da;
    padding: 15px 18px;
    border-radius: 7px;
}
.kitchen_car_area .info li {
    padding-bottom: 20px;
    margin-bottom: 20px;
    background-image : linear-gradient(to right, #999999, #999999 1px, transparent 1px, transparent 3px); 
    background-size: 3px 1px;          
    background-position: left bottom;
    background-repeat: repeat-x;
}
.kitchen_car_area .info li .head {
    width: 19.2%;
}
.kitchen_car_area .price_content li {
    margin-bottom: 15px;
}
.kitchen_car_area .price_content .head {
    font-size: 16px;
    width: 47%;
}
.kitchen_car_area .price_content .body {
    font-size: 24px;
    color: #ed203f;
    font-weight: bold;
}
.kitchen_car_area .content_wrap {
    margin-bottom: 40px;
}
.kitchen_car_area .calender_wrap {
    max-width: 800px;
    margin: 0 auto;
}
.kitchen_car_area .btn a ,
.kitchen_car_area .btn button
{
    max-width: 350px;
    width: 100%;
    margin: 0 auto;
    padding: 19px 10px;
    display: inline-block;
}



@media screen and (max-width: 750px) {
    .car-heading {
        height: 150px;
    }
    .car-heading::after {
        top: 75px;
        left: calc(100% - (153px + 20px));
        width: 153px;
        height: 85px;
        background-size: 153px 85px;
    }

    /* 施設案内 - セクション */
    .facility-section {
        padding: 60px 20px 40px;
    }
    .read_content h2 p {
        font-size: 28px;
    }
    .read_content .title_text {
        margin-top: 60px;
    }
    .read_content .small_text {
        margin-bottom: 40px;
    }
    .img_content {
        width: 100%;
    }
    .map_content {
        margin-bottom: 40px;
    }
    .map_content iframe {
        width: 100%;
    }
    .map_content .h3 p {
        margin-bottom: 0;
    }
    .overview_content{
        margin-bottom: 80px;
    }
    .overview_content dl, .kitchen_car_area .left_content {
        width: 100%;
        margin-top: 20px;
    }
    .overview_content dl dt {
        margin-bottom: 15px;
    }
    .overview_content dl dd:not(:last-of-type) {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .kitchen_car_detail .link_content {
        margin-bottom: 30px;
    }
    .kitchen_car_detail .link_content a {
        margin-right: 0;
        margin-left: 40px;
    }
    .kitchen_car_detail .link_content ul:nth-child(1) a,
    .kitchen_car_detail .link_content ul:nth-child(4) a {
        margin-left: 0;
    }
    .kitchen_car_area {
        padding-top: 80px;
        margin: -80px 0 60px;
    }
    .kitchen_car_area .info li .head {
        min-width: 75px;
        width: inherit;
    }
    .kitchen_car_area .price_content .head {
        min-width: 116px;
        width: inherit;
    }
    .kitchen_car_area .content_wrap {
        margin-bottom: 20px;
    }
    .kitchen_car_area .btn a {
        font-size: 16px;
    }
    .calender_wrap .calender-table {
        padding: 0;
    }
    .calender_wrap .calender-table h4 {
        margin: 25px 0 10px;
    }
    .calender_wrap .calender-table h4 a {
        font-size: 22px;
    }
    .calender_wrap .calender-table h4 span {
        font-size: 16px;
        margin: 0 3.2vw;
        top: -.5vw;
    }
    .calender_wrap .calender-table table {
        margin-bottom: 6.66666vw;
    }
    .calender_wrap .calender-table th, .calender_wrap .calender-table td {
        display: table-cell;
        width: 14.28571%;
        border: .1rem solid #CCCCCC;
    }
    .calender_wrap .calender-table thead th {
        height: 6.6vw;
        padding: 2vw 0;
        font-size: 12px;
    }
    .calender_wrap .calender-table tbody td {
        padding: 2.13333vw 2.4vw 2.8vw;
    }
    .calender_wrap .calender-table tbody td small {
        margin-bottom: 10px;
        font-size: 10px;
    }
    .calender_wrap .calender-table td b {
        font-size: 14px;
    }
    .calender_wrap .calender-table td a::after {
        bottom: -.266666vw;
    }
}