@charset "utf=8";

.inCvr {
    background: url(../../../../uploads/incover_company.jpg) no-repeat center /cover;
}

.fCtc {
    display: none;
}

.inCoReadWr {
    margin: 15rem 0 0;
}

.inCoReadAr {
    max-width: 139rem;
}

.inCoReadFl {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.inCoReadFlL {
    position: relative;
    width: 45%;
    max-width: 65rem;
}

.inCoReadFlL::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 3.5rem;
    left: -3.5rem;
    background: var(--primary);
}

.inCoReadFlR {
    width: 48%;
    max-width: 65rem;
}

.inCoReadFlR .inTitBx {
    margin: 0;
}

.inCoReadFlR .inTit {
    text-align: start;
}

.inCoReadFlR .inBgTit {
    left: auto;
}

.inItemFl01Txt02 {
    margin: 4rem 0 0;
}

.inCoBtnWr {
    position: relative;
    z-index: 10;
    margin: 10rem 0 0;
}

.inCoBtnAr {
    max-width: 89rem;
}

.inCoBtnFl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.inCoBtn {
    width: 48%;
    max-width: 40rem;
    height: 7rem;
}

.inCoBtn a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 2.3rem;
    color: var(--white);
    background: var(--secondary);
    border-radius: 100vmax;
    transition: all .3s;
}

.inCoBtn a:hover {
    background: var(--primary);
}

.inCoOverWr {
    margin: 16rem 0 0;
}

.inCoOverAr {
    max-width: 111rem;
}

#company,
#contact {
    padding: 20rem 0 0;
    margin: -20rem 0 0;
}

.inOverTableBx {
    margin: 1rem 0 0;
}

.inOverTableTxt {
    width: 100%;
    text-align: end;
    font-size: 1.5rem;
}

.table01 {
    margin: 1rem 0 0;
    border-top: 1px solid var(--primary);
    border-left: 1px solid var(--primary);
}

.table01 .tr {
    display: flex;
}

.table01 .th,
.table01 .td {
    padding: 1.5rem 4rem;
    border-right: 1px solid var(--primary);
    border-bottom: 1px solid var(--primary);
    font-size: 1.9rem;
    line-height: 1.5em;
}

.table01 .th {
    width: 25%;
    color: var(--white);
    background: var(--secondary);
}

.table01 .td {
    width: 75%;
}

.tdFl {
    display: flex;
}

.tdFlImg {
    margin: 0 0 0 3rem;
    max-width: 15rem;
}

.inCoMapBx {
    margin: 6rem auto 0;
    max-width: 93rem;
}

.imConMapTxt {
    text-align: center;
}

.inCoMap {
    margin: 1.5rem 0 0;
    width: 100%;
    height: 36rem;
}

.inCoMap iframe {
    width: 100%;
    height: 100%;
}

.inCttWr {
    margin: 20rem 0 0;
    padding: 0 0 13rem 0;
}

.inCttAr {
    max-width: 103rem;
}

.inCttTxtBx {
    width: 100%;
    margin: 4rem 0 0;
    padding: 6rem 1.5rem;
    background: var(--tertiary);
}

.inCttTxt {

    text-align: center;
}

.inCttTelBx {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2rem 0 0;
}

.inCttTelIcon {
    margin: 0 2rem 0 0;
}

.inCttTelIcon img {
    width: 4.2rem;
}

.inCttBx {
    margin: 7rem 0 0;
}

.inCttBx .table{
    display: block;
    width: 100%;
}

.inCttBx .table tbody{
    display: block;
    width: 100%;
}

.inCttBx .table .tr {
    display: flex;
    padding: 1rem 0;
    border-bottom: 1px solid #707070;
}

.inCttBx .table .th {
    width: 34%;
}

.inCttBx .table .td {
    width: 66%;
}

.inCttBx .table .td input {
    border: none;
}

.inCttBx .table .form-input {
    width: 100%;
    padding: .2rem .5rem;
    background: var(--tertiary);
}

.file-tr .form-input {
    background: none !important;
}

textarea {
    padding: .2rem .5rem;
    width: 100%;
    border: none;
    background: var(--tertiary);
}

.privacy-area {
    padding: .2rem .5rem;
    height: 30rem;
    overflow-y: scroll;
    background: var(--tertiary) !important;
}

.privacy-title {
    margin: 2rem 0 0;
    padding: 0 0 0 1rem;
    font-size: 2rem;
    border-left: 1rem solid var(--primary);
}

.privacy-check {
    display: flex;
    justify-content: center;
    margin: 2rem 0 0;
}

.form-send-btn {
    border: none !important;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 7rem auto 0;
    padding: 0 1rem 0 0;
    transition: all .3s;
    font-size: 2.1rem;
    font-weight: 600;
    line-height: 1.5em;
    letter-spacing: .1em;
    color: var(--white);
    text-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
    text-align: center;
    clip-path: polygon(2.71% 0%, 100% 0%, 97.29% 100%, 0% 100%);
    background: linear-gradient(90deg, rgba(48, 111, 180, 1) 3%, rgba(129, 194, 213, 1) 60%, rgba(121, 191, 227, 1) 85%);
    transition: all .3s;
}

.form-send-btn:hover {
    filter: brightness(.9);
}

.required-text,
.table-required-text{
    color: rgb(226, 33, 33);
}

.wpcf7-response-output{
    text-align: center;
}

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

@media screen and (width <=768px) {

    .inCoReadWr {
        margin: 8rem 0 0;
    }

    .inCoOverWr {
        margin: 8rem 0 0;
    }

    .inCttWr {
        margin: 8rem 0 0;
    }

    .inCoReadFl {
        flex-direction: column;
        align-items: center;
    }

    .inCoReadFlL {
        width: 100%;
    }

    .inCoReadFlR {
        margin: 7rem 0 0;
        width: 100%;
    }

    .inCoReadFlR .inTit {
        text-align: center;
    }

    .inCoBtnFl {
        flex-direction: column;
    }

    .inCoBtn {
        width: 100%;
    }

    .table01 .tr {
        flex-direction: column;
    }

    .table01 .th,
    .table01 .td {
        width: 100%;
        padding: 1.5rem;
    }

    .inCttTxtBx {
        padding: 3rem 1.5rem;
    }

    .inCttTxt {
        text-align: left;
    }

    .inCttTxt br {
        display: none;
    }

    .inCttBx .table .tr {
        flex-direction: column;
    }

    .inCttBx .table .th {
        width: 100%;
    }

    .inCttBx .table .td {
        margin: 1rem 0 0;
        width: 100%;
    }
}

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