@charset "utf-8";

html,body {
    scroll-behavior: inherit;
}

.main {
    background-color: var(--backColor);
}

/*------------------------------------------------
main_view - モバイルベース
------------------------------------------------*/
.main_view {
    width: 100%;
    height: 50vh;
    position: relative;
    /* background-color: var(--backColor); */
    background-color: var(--subColor);
}

/*------------------------------------------------
contact - モバイルベース
------------------------------------------------*/
.contact {
    margin-bottom: 100px;
}
.contact_container {
    /* background-color: var(--backColor2); */
    width: calc(100% - 10%);
    max-width: 1160px;
    margin: 70px auto 100px;
    box-sizing: border-box;
    padding: 10px;
}
.contact_container h2 {
    color: var(--subColor);
    text-align: center;
    font-size: clamp(1.25rem, 1.15rem + 0.5vw, 1.75rem);
    font-weight: 700;
}
.contact_container p.contact_text {
    line-height: 1.8;
    margin: 2em 0;
    font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
}

.contact_container p.contact_text + .vt-form {
    margin-top: 50px;
}

/*------------------------------------------------
900px以上
------------------------------------------------*/
@media print, screen and (min-width: 900px) {
    .contact_container {
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
        padding: 30px;
    }
    .contact_container p.contact_text {
        text-align: center;
    }
}
/*------------------------------------------------
1200px以上
------------------------------------------------*/
@media print, screen and (min-width: 1200px) {
    .contact_container {
        width: calc(100% - 20%);
        margin-bottom: 180px;
        padding: 60px;
    }
}