@charset "utf8";

.thumbnail-greeting {
    width: 100%;
    min-height: 400px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    /* background-size: cover; */
    background-color: #e4e4e4;
}

.ScrollTop .home-page-top {
    margin-bottom: 0;
}

.bannerCol4 {
    width: 100%;
    padding-top: 24px;
    position: relative;
    background: linear-gradient(-180deg, rgba(0, 0, 102, 0) 0%, rgba(26, 31, 99, 1) 100%);
}

.bannerCol4 .item-desc {
    color: #ffffff;
}

.info-btn-five {
    margin-top: 76px;
    margin-bottom: 40px;
}

.thumbnail-greeting.sp{
    display: none;
}

/* PAGE  */

.tool-title-table{
    width: 100%;
    text-align: center;
    position: relative;
}

.title-table{
    font-size: 50px;
    color: #000000;
    letter-spacing: 0.5px;
    line-height: 130%;
}

.sub-title-table{
    font-size: 18px;
    color: #231815;
    line-height: 160%;
    letter-spacing: 0.5px;
    display: block;
    padding-top: 10px;
    padding-bottom: 31px;
}

.wp-table{
    width: 100%;
    max-width: 1045px;
    margin: 0 auto;
    padding-top: 12px;
    padding-bottom: 50px;
    position: relative;
}

.wp-table table{
    width: 100%;
    position: relative;
}

.wp-table table tr td:first-child{
    width: 127px;
}

.wp-table table tr td{
    vertical-align: middle;
    font-size: 16px;
    color: #231815;
    letter-spacing: 0.5px;
    line-height: 175%;
    word-wrap: break-word;
    padding: 10px 0;
    border-top: 1px solid #0000ff;
}

.wp-table table tr:last-child td{
    border-bottom: 1px solid #0000ff;
}

.tool-requi{
    width: 100%;
    padding-top: 65px;
    padding-bottom: 3.125vw;
    position: relative;
}

@media screen and (max-width:1100px){
    .tool-requi,.info-btn-five,.ScrollTop,.bannerCol4{
        padding-left: 15px;
        padding-right: 15px;
    }

    .title-table{
        font-size: 4.545vw;
    }

    .sub-title-table{
        font-size: 1.636vw;
    }

    .info-btn-five{
        margin-top: 6.818vw;
        margin-bottom: 3.636vw;
    }

    .thumbnail-greeting{
        background-size: cover;
        min-height: 31.818vw;
    }
}

@media screen and (max-width:860px){
    .logged-in .wrapHeader{
        top: 32px;
    }
}

@media screen and (max-width:782px){
    .logged-in .wrapHeader{
        top: 46px;
    }

    .thumbnail-greeting{
        min-height: 44.757vw;
    }
}

@media screen and (max-width:750px){
    .thumbnail-greeting.pc{
        display: none;
    }
    .thumbnail-greeting.sp{
        display: block;
        min-height: 80vw;
    }

    .title-table{
        font-size: 4vw;
    }

    .sub-title-table{
        font-size: 2.667vw;
    }

    .wp-table table tr td{
        width: 100%;
        float: left;
        border-top: 0;
        padding-left: 10px;
        padding-right: 10px;
    }

    .wp-table table tr td:first-child{
        width: 100%;
        color: #ffffff;
        background: #231815;
    }

    .wp-table table tr:last-child td{
        border-bottom: 0;
    }

    .wp-table:last-child{
        padding-bottom: 0;
    }
}

@media screen and (max-width:650px){
    .thumbnail-greeting.sp{
        margin-top: 83px;
    }
}

@media screen and (max-width:600px){
    #wpadminbar {
        position: fixed !important;
    }
}

@media screen and (max-width:540px){
    .thumbnail-greeting.sp{
        margin-top: 99px;
    }

    .wp-table table tr td{
        font-size: 14px;
    }

    .wp-table table tr td:last-child{
        padding-left: 0;
        padding-right: 0;
    }

    .title-table{
        font-size: 25px;
    }

    .sub-title-table{
        font-size: 16px;
        padding-bottom: 10px;
    }

    .tool-requi{
        padding-top: 30px;
    }

    .tool-requi, .info-btn-five, .ScrollTop, .bannerCol4{
        padding-left: 10px;
        padding-right: 10px;
    }
}