@charset "utf-8";

/* ==========================================
COMPANY01
========================================== */

.company01-contents {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.overview-container {
    max-width: 99rem;
    width: 100%;
    margin: 6rem auto 0;
    border: .1rem solid var(--seventh);
}

.overview-row {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    letter-spacing: 0.05em;
}

.overview-left-box, .overview-right-box {
    padding: 2rem 1.2rem;
}

.overview-left-box {
    width: 30%;
    border-bottom: .1rem solid var(--white);
}

.overview-row:last-child .overview-left-box {
    border-bottom: 0 solid var(--white);
}

.overview-left-box.bg-quaternary {
    background: var(--quaternary);
}

.overview-right-box {
    width: 70%;
    border-bottom: .1rem solid var(--seventh);
}

.overview-right-box.bg-white {
    background-color: var(--white);
}

.overview-add {
    margin: .5rem 0 0;
}

.overview-title {
    font-weight: 700;
}

.map-box {
    margin: 6rem auto 0;
    width: 100%;
    height: 40rem;
}

.map-box iframe {
    width: 100%;
    height: 100%;
}

/* ==========================================
COMPANY02
========================================== */

.company02 {
    padding: 0 0 15rem 0;
}

.company02-contents {
    width: 100%;
    max-width: 110rem;
    margin: 0 auto;
    padding: 5rem 1.5rem 8rem;
    box-shadow: inset 0 0 1rem rgba(0, 0, 0, .25);
}

.company02-contents.bg-fifth {
    background-color: var(--fifth);
}

.history-container {
    max-width: 93.3rem;
    width: 100%;
    margin: 6rem auto 0;
}

.history-row {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 2rem 0;
    border-bottom: .3rem dashed var(--black);
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.history-row:first-child {
    padding: 0 0 2rem;
}

.history-left-box {
    width: 30%;
}

.history-right-box {
    width: 70%;
}

.history-jp-title {
    max-width: 29.6rem;
    padding: 0 2.3rem;
    width: 100%;
    margin: 0 auto;
    background-color: var(--white);
    text-align: center;
}

.history-img-box {
    position: absolute;
    max-width: 19.7rem;
    width: 20%;
    top: -8rem;
    right: 7rem;
    z-index: 9;
}

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

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


}

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

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

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



}

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

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

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

    .history-img-box {
        width: 15%;
        top: -6rem;
        right: 1rem;
    }

}

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

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

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

    .overview-row {
        flex-direction: column;
        font-size: 1.4rem;
    }

    .overview-left-box, .overview-right-box {
        width: 100%;
        padding: 2rem;
    }

    .map-box {
        margin: 6rem auto 0;
        height: 30rem;
    }

    .company02 {
        padding: 0 0 8rem 0;
    }

    .history-row {
        font-size: 1.6rem;
    }

}

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

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

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

    .history-row {
        flex-direction: column;
        font-size: 1.6rem;
    }

    .history-left-box, .history-right-box {
        width: 100%;
    }

    .history-img-box {
        width: 21%;
        top: -5rem;
        right: 1rem;
    }


}

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

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

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



}

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