@charset "utf-8";

/*==========================
contact
==========================*/
.main {
    padding: 96px 0;
    background-image:
        linear-gradient(to right, rgba(0, 0, 0, 0.03) 1px, transparent 0.75px),
        linear-gradient(to bottom, rgba(0, 0, 0, 0.03) 1px, transparent 0.75px);
    background-size: 15px 15px;
}

.section_ttl {
    margin-top: 0;
}

.contact_txt {
    color: var(--black);
    font-family: "Noto Sans JP";
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6;
    margin: 46px 5.3%;
}
.form {
    padding-inline: 5.3%;
}

.formmailer-embed {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    background-image:
        linear-gradient(to right, rgba(0, 0, 0, 0.03) 1px, transparent 0.75px),
        linear-gradient(to bottom, rgba(0, 0, 0, 0.03) 1px, transparent 0.75px);
    background-size: 15px 15px;
}

@media (min-width: 768px) {
    .contact_txt {
        font-size: 1.8rem;
        margin: 116px 8.3%;
        text-align: center;
    }

    .formmailer-embed {
        margin-inline: 8.3%;
    }

    .form {
        padding-inline: 0;
    }
}

@media (min-width: 1024px) {
    .main {
        padding-bottom: 116px;
    }
    
    .contact_txt {
        font-size: 2rem;
        margin: 116px 8.3%;
        text-align: center;
    }

    .form {
        padding-inline: 8.3%;
    }
}