@charset "UTF-8";

/*-- 共通CSS ------------------------------------------------------------------------------*/

.in_cover_tit {
    color: #fff;
}

.in_cover_sub_tit {
    color: #fff;
}


/*-- サービス詳細 ------------------------------------------------------------------------------*/

.in_service_detail_wrap01 {
    padding: 50px 15px 50px;
}

.in_service_detail_area01 {
    max-width: 1180px;
    width: 100%;
    margin: auto;
}

.in_service_detail_wrap02 {
    padding: 50px 15px 50px;
    position: relative;
    overflow-x: hidden;
}

.in_service_detail_wrap02:after {
    content: "";
    width: 100%;
    height: 100%;
    background: #F5F8FC;
    position: absolute;
    top: 0;
    clip-path: polygon(0 0, 100% 20%, 100% 100%, 0 80%);
}

.in_service_detail_area02 {
    max-width: 1554px;
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    z-index: 99;
    position: relative;
    flex-flow: column;
}

.in_service_detail_img01 {
    max-width: 710px;
    width: 100%;
    margin: auto;
}

.in_service_detail_txt_area {
    max-width: 775px;
    width: 100%;
    margin: 40px auto 0;
}

.in_service_detail_wrap02 .in_service_detail_tit_box {
    padding: 0 0 10px 20px;
    border-bottom: 1px solid #0C509B;
}

.in_service_detail_tit01 {
    font-weight: 700;
    font-size: 200%;
    color: #0C509B;
}

.in_service_detail_sub_tit01 {
    color: #0C509B;
    margin: 5px 0 0 0;
    font-size: 100%;
}

.in_service_detail_txt_box {
    padding: 20px 10px 0;
}

.in_service_detail_txt02_box {
    margin: 30px 0 0 0;
}

.in_service_detail_txt02 {
    font-size: 100%;
    font-weight: 700;
    color: #333333;
    margin: 15px 0 0 0;
    padding: 0 0 0 20px;
    position: relative;
}

.in_service_detail_txt02:before {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #0C509B;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "";
}

.in_service_detail_wrap03 {
    padding: 60px 15px 60px;
}

.in_service_detail_wrap03 .in_service_detail_tit_box {
    text-align: center;
}

.in_case_area01 {
    max-width: 1180px;
    width: 100%;
    margin: auto;
}

.in_service_detail_wrap03 .in_btn01 {
    margin: 70px auto 0;
}

.in_case_area01 .box,
.in_case_box01 {
    padding: 20px 40px 20px 20px;
    display: flex;
    border-bottom: 1px solid #DAD5D5;
    position: relative;
    flex-flow: column;
    align-items: flex-start;
}

.in_case_box01:hover {
    opacity: .7;
}

.in_case_tit01 {
    font-size: 100%;
    font-weight: 700;
    color: #333333;
    margin: 10px 0 0 0;
}

.in_case_cate01 {
    display: inline-block;
    padding: 5px 10px;
    background: #0C509B;
    color: #fff;
    font-size: 93.75%;
    margin: 0 40px 0 0;
    max-width: 145px;
    width: 100%;
    text-align: center;
}

.in_case_box01:after {
    content: "";
    width: 10px;
    height: 15px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    background: url(../img/case_arrow.svg)no-repeat center;
}

.in_case_box01:first-child {
    border-top: 1px solid #DAD5D5;
}

.in_service_detail_wrap03 .in_case_area01 {
    margin: 50px auto;
}

.in_service_detail_wrap04 {
    padding: 60px 15px;
}

.in_service_detail_area03 {
    max-width: 1180px;
    width: 100%;
    margin: auto;
}

table.in_service_detail_table th {
    width: 100%;
    background: #0C509B;
    font-weight: 700;
    display: block;
    color: #fff;
    text-align: center;
}

.in_service_detail_table td,
.in_service_detail_table th {
    border-bottom: 1px #BFBCBC solid;
    border-right: 1px solid #BFBCBC;
}

.in_service_detail_table {
    border-top: 1px #BFBCBC solid;
    border-left: 1px solid #BFBCBC;
}

table.in_service_detail_table {
    width: 100%;
    border-collapse: collapse;
    margin: 40px 0 0 0;
}

table.in_service_detail_table td {
    width: 100%;
    display: block;
    color: #333333;
}

table td,
table th {
    padding: 12px 15px;
    text-align: left;
    font-size: 100%;
}

@media screen and (min-width: 768px) {
    /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
    /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
    /*-- サービス詳細 ------------------------------------------------------------------------------*/
    /* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
}


/* min-width: 768px ここまで */


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 992px) {
    /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
    /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
    .in_service_detail_wrap01 {
        padding: 150px 15px 50px;
    }
    .in_service_detail_wrap02 {
        padding: 100px 15px 70px;
    }
    .in_service_detail_wrap03 {
        padding: 130px 15px 100px;
    }
    .in_service_detail_wrap04 {
        padding: 100px 15px;
    }
    .in_case_box01 {
        flex-flow: row;
        align-items: center;
    }
    .in_case_tit01 {
        margin: 0;
    }
    .in_case_box01:after {
        right: 45px;
    }
    .in_service_detail_area02 {
        flex-flow: row;
    }
    .in_service_detail_img01 {
        margin: 0 15px 0 0;
    }
    .in_service_detail_txt_area {
        margin: 0;
    }
    .in_service_detail_txt02 {
        font-size: 112.5%;
        padding: 0 0 0 35px;
    }
    .in_service_detail_txt02:before {
        width: 15px;
        height: 15px;
    }
    .in_service_detail_txt_box {
        padding: 35px 20px 0;
    }
    table.in_service_detail_table th {
        width: 33.9%;
        display: table-cell;
    }
    table.in_service_detail_table td {
        width: 66.1%;
        display: table-cell;
    }
    table td,
    table th {
        padding: 20px 25px;
    }
    /* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
}


/* min-width: 992px ここまで */


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 1200px) {
    /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
    /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
    /* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
}


/* min-width: 1200px ここまで */


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */