@charset "UTF-8";


@media (max-width: 800px) {
    br {
        display: none;
    }

    .sp {
        display: block;
    }

    .section-title {
        font-size: 1rem;
        margin-bottom: 40px;
    }

    header h1 {
        font-size: 0.6rem;
    }

    .main_visual {
        padding: 50px 10px;
    }

    .mainvisual_content {
        text-align: center;
    }

    .site_title h2 {
        font-size: 2rem;
    }

    .site_title p {
        font-size: 1rem;
    }

    .main_contents {
        flex-direction: column;
    }

    .main_content {
        width: 100%;
        height: 100px;
        display: flex;
        align-items: center;
        text-align: center;
        border-radius: 20px;
        background-color: #fff;
        box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
    }

    .contact_btn {
        width: 100%;
    }

    .contact_btn {
        font-size: 0.875rem;
    }

    .contact_btn span {
        margin-right: 5px;
    }

    .contact_btn::after {
        width: 15px;
        height: 15px;
        top: 50%;
        right: 5px;

    }

    .mainvisual_image {
        max-width: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        opacity: 0.6;
    }

    /*==================================
キャッチコピー
==================================*/

    .introduction {
        padding-top: 50px;
    }

    .catch {
        padding: 100px 0 50px 0;
        position: relative;
    }

    .introduction h2 {
        font-size: 1rem;
        margin-bottom: 30px;
    }

    .introduction h2 span {
        font-size: 1.5rem;
        color: #316DA8;
        text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
    }

    .introduction_title {
        font-size: 1rem;
        margin-bottom: 30px;
    }

    .introduction_title span {
        font-size: 1.25rem;
    }

    .catch_subTitle {
        font-size: 1rem;
    }

    .catch_mainTitle {
        font-size: 1rem;
    }

    .catch_mainTitle span {
        font-size: 1rem;
    }

    .catch_sectionTitle {
        font-size: 1.5rem;
    }

    .catch_sectionTitle::before,
    .catch_sectionTitle::after {
        width: 20px;
    }

    .catch_sectionTitle::before {
        left: -25px;
    }

    .catch_sectionTitle::after {
        right: -25px;
    }

    .reason_item {
        padding: 40px 20px;
        width: 80%;
        margin: 0 auto 40px;
    }


    .reason_title {
        font-size: 1rem;
    }

    .reason_description {
        font-size: 0.875rem;
    }

    .custom-shape-divider-bottom-1738374912 svg {
        height: 50px;
    }

    .building_sectionTitle {
        font-size: 1.25rem;
        margin-top: 50px;
    }

    .building_area {
        text-align: center;
    }

    .building {
        width: 80%;
        margin: 0 auto;
    }

    .flow {
        padding: 50px 4%;
    }

    .contact-message {
        font-size: 0.875rem;
    }

    .qa__item {
        padding: 0 5px;
    }

    .qa__head p {
        padding-left: 40px;
    }
    
    .qa__head p::before {
        font-size: 1.5rem;
        margin-right: 5px;
    }

    .qa__body p {
        padding-left: 40px;
    }
    
    
    .qa__body p::before {
        font-size: 1.5rem;
        margin-right: 5px;
    }

    .footer_name {
        margin-bottom: 20px;
        font-size: 0.875rem;
    }

    .contactform-title h1 {
        font-size: 1.25rem;
    }

}