@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#pagePath {
    margin-bottom: 0;
}

#main {
    margin-bottom: 0;
}

#main .pure {
    margin-bottom: 140px;
    padding: 140px 0 139px;
    background: url("../img/common/bg01.jpg") no-repeat center center;
    background-size: cover;
}

#main .pure .headLine01 {
    margin-bottom: 35px;
}

#main .pure p {
    font-size: 1.3rem;
    text-align: center;
    line-height: 2.46;
}

#main .promise {
    margin-bottom: 145px;
}

#main .promise .photo {
    margin: -125px 0 46px;
}

#main .promise .textBox {
    width: 100%;
    display: table;
    table-layout: fixed;
}

#main .promise h3 {
    width: 250px;
    display: table-cell;
    vertical-align: middle;
    font-size: 1.3rem;
    letter-spacing: 10px;
    font-family: "游明朝","YuMincho","Hiragino Mincho Pro","MS PMincho","ＭＳ Ｐ明朝","ヒラギノ明朝 Pro W6",serif;
    border-right: 2px solid #EFE3D5;
    box-sizing: border-box;
}

#main .promise h3 .en {
    display: block;
    color: #C09157;
    font-size: 2.4rem;
    letter-spacing: 8px;
    font-family: "Times New Roman", Times, "serif";
}

#main .promise ul {
    padding-left: 40px;
}

#main .promise li {
    margin-bottom: 21px;
}

#main .promise li:last-of-type {
    margin-bottom: 0;
}

#main .promise li .col {
    color: #AD0E53;
}

#main .company {
    padding: 137px 0 150px;
    background: url("../img/common/bg02.jpg") no-repeat center center;
    background-size: cover;
}

#main .company .tabBox {
    margin-bottom: 54px;
    padding: 59px 60px;
    background-color: #FFF;
}

#main .company table {
    width: 100%;
    border-bottom: 2px solid #EEE1D0;
    border-collapse: collapse;
}

#main .company th,
#main .company td {
    padding: 17px 40px 16px;
    font-weight: bold;
    letter-spacing: 1px;
    box-sizing: border-box;
    border-top: 2px solid #EEE1D0;
}

#main .company th {
    width: 210px;
    text-align: center;
    letter-spacing: 2px;
    border-top: 2px solid #FFF;
    background-color: #EEE1D0;
}

#main .company tr:first-of-type th {
    border-top: 2px solid #EEE1D0;
}

#main .company td li {
    margin-right: 10px;
    float: left;
}

#main .company td li .col {
    color: #C69C5F;
}

#main .company td li:last-of-type {
    margin-right: 0;
}

#main .company td a {
    color: #0000FF;
    text-decoration: underline;
}

#main .company td a:hover {
    text-decoration: none;
}


#main .company td a[href^="tel:"]:hover {
    text-decoration: underline;
}

@media all and (max-width: 767px) {
    #main .pure {
        margin-bottom: 65px;
        padding: 65px 0 118px;
        background-image: url("../img/common/sp_bg01.jpg");
    }

    #main .pure .headLine01 {
        letter-spacing: 1px;
    }

    #main .pure p {
        margin: 0 56px;
        text-align: left;
        line-height: 1.9;
        letter-spacing: 1px;
    }

    #main .promise {
        margin-bottom: 70px;
    }

    #main .promise .photo {
        margin: -50px -18px 20px;
    }

    #main .promise .textBox {
        display: block;
        table-layout: auto;
    }

    #main .promise h3 {
        margin-bottom: 22px;
        padding-bottom: 19px;
        width: auto;
        display: block;
        font-size: 1.1rem;
        letter-spacing: 8px;
        border-right: none;
        text-align: center;
        border-bottom: 2px solid #EFE3D5;
    }

    #main .promise h3 .en {
        margin-bottom: -4px;
        font-size: 2.05rem;
    }

    #main .promise ul {
        padding-left: 0;
    }

    #main .promise li {
        margin-bottom: -1px;
        padding-left: 2em;
        text-indent: -2em;
        line-height: 2.2;
    }

    #main .promise li:last-of-type {
        margin-bottom: 0;
    }

    #main .company {
        padding: 65px 0 80px;
    }

    #main .company .tabBox {
        margin-bottom: 50px;
        padding: 30px;
    }

    #main .company table {
        border-bottom: 1px solid #EEE1D0;
    }

    #main .company th,
    #main .company td {
        padding: 19px 5px 20px 15px;
        border-top: 1px solid #EEE1D0;
    }

    #main .company th {
        width: 99px;
        letter-spacing: 2px;
        border-top: 1px solid #FFF;
    }

    #main .company tr:first-of-type th {
        border-top: 1px solid #EEE1D0;
    }

    #main .company td li {
        margin: 0 0 5px;
        padding-left: 1.5em;
        float: none;
        line-height: 1.65;
        text-indent: -1.5em;
    }

    #main .company td li .col {
        color: #000;
    }

    #main .company td li:last-of-type {
        margin: 0;
    }

    #main .company td a:hover {
        text-decoration: underline;
    }
    
}