@charset "utf-8";
/* --------------------------------
ファイル名 btp ← by the page

top用css
-------------------------------- */

.cg-each-wrap {
    padding-bottom: 60px;
}

.hole-nn {
    padding: 110px 0 34px 0;
    text-align: center;
    position: relative;
}

.hole-nn::after {
    content: "";
    display: block;
    width: 100%;
    height: 7px;
    background: transparent url(../img/common/cmn-separator-b.png) center / 85px 5px no-repeat;
    position: absolute;
    top: 80px;
    left: 0px;
}

.hole-no {
    display: inline-block;
    vertical-align: baseline;
    font-size: 18px;
    line-height: 1em;
    height: 1em;
}

.hole-num {
    display: inline-block;
    vertical-align: baseline;
    font-size: 50px;
    line-height: 1em;
    height: 1em;
}

.hole-ydg-tbl,
.hole-layout,
.hole-capture {
    width: 93%;
    margin-left: 3.5%;
    line-height: 1.4em;
}

.hole-capture-red{
	color: #FF3333;
    font-weight: bold;
    margin-top: 0.25em;
    display: inline-block;
}

.hole-ydg-tbl {
    border: 1px solid #DFDFDF;
    border-spacing: 0;
    border-collapse: collapse;
    border-left: 1px solid #DFDFDF;
    border-top: 1px solid #DFDFDF;
}

.hole-ydg-tbl tbody,
.hole-ydg-tbl tr {
    width: 100%;
}

.hole-ydg-tbl td {
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-right: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;
}
#g-cts .hole-ydg-tbl td {
    width: 16.666%;
}
#y-cts .hole-ydg-tbl td {
    width: 20%;
}
.hole-ydg-tbl tr:nth-child(1) td {
    border-bottom: none;
    background: #F2F2F2;
}


.hole-layout {
    display: block;
    margin-top: 40px;
    margin-bottom: 40px;
}

.hole-capture {
    padding-bottom: 20px;
}

@media (min-width: 360px) {

    .hole-ydg-tbl,
    .hole-layout,
    .hole-capture {
        width: 320px;
        margin-left: auto;
        margin-right: auto;
    }
}

/*end min-width: 360px*/

@media (min-width: 740px) {
    .cg-each-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -ms-flex-wrap: wrap;
        flex-wrap: wrap;

        width: 93%;
        max-width: 690px;
        margin-left: auto;
        margin-right: auto;

    }
    .cg-each-box {}
    .cg-each-box:nth-child(2n-1) {
        padding-right: 50px;
    }
    .hole-nn {
        padding: 140px 0 34px 0;
    }
    .hole-nn::after {
        top: 100px;
    }
    .hole-ydg-tbl,
    .hole-layout,
    .hole-capture {
        width: 40vw;
        max-width: 320px;
    }

}

/*end min-width: 740px*/



@media (min-width: 960px) {
    .cg-each-wrap {
        max-width: none;
        width: 690px;

    }
    .hole-ydg-tbl,
    .hole-layout,
    .hole-capture {
        max-width: none;
        width: 320px;
    }

}

/*end min-width: 960px*/



@media (min-width: 1280px) {
    /* lg */
    .cg-each-wrap {
        width: 1034px;
    }
    .cg-each-box:nth-child(2n-1) {
        padding-right: 0px;
    }
    .cg-each-box:nth-child(3n-1),
    .cg-each-box:nth-child(3n-2) {
        padding-right: 37px;
    }


}

/*end min-width: 1280px*/

@media (min-width: 1336px) {
    .cg-each-wrap {
        width: 1060px;
    }
    .cg-each-box:nth-child(3n-1),
    .cg-each-box:nth-child(3n-2) {
        padding-right: 50px;
    }
}

/*end min-width: 1336px*/

@media (min-width: 1472px) {
    .cg-each-wrap {
        width: 1110px;
    }
    .cg-each-box:nth-child(3n-1),
    .cg-each-box:nth-child(3n-2) {
        padding-right: 75px;
    }

}

/*end min-width: 1472px*/