@media screen and (max-width: 1050px) {

    /* 共通部分 */



    .container {
        max-width: 600px;
        width: 90%;
    }

    .flex-section {
        display: inline-flex;
        flex-direction: column;

    }

    .flex-section img {
        width: 90%;
        margin: 0 auto;
        text-align: center;
    }

    .msg {
        padding: 15% 0 5% 0;
    }

    .msg h2 {
        font-size: x-large;
        font-family: serif;
        font-weight: bolder;
    }

    main {
        max-width: 1400px;
        width: 100%;
    }


    /* header部分 */


    header {
        height: 10%;
        width: 100%;
        z-index: 10;
        opacity: 0.7;
        background-color: #047622;
        color: aliceblue;
        position: fixed;
        top: 0px;
        display: flex;
    }

    .header-left {
        font-size: larger;
        width: 70%;
        height: 100%;
        display: flex;
        text-align: center;
    }

    .header-left img {
        width: 70px;

        padding: 5px 0 0 0;

    }

    .header-left p {
        font-weight: bolder;
        font-size: 100%;
    }

    .header-right {
        width: 70%;
        text-align: right;
        padding-right: 5%;
    }

    .header-right nav a {
        padding-right: 2%;
        text-decoration: none;
        color: white;
        font-size: 100%;
        font-weight: bold;
        font-family: serif;
        display: none;
    }

    /* ハンバーガーメニュー */
    .hamburger-morph {
        display: block;
    }

    .nav-morph {
        display: block;
    }

    .btn-menu {
        text-align: right;
        margin-right: 2%;
    }

    .btn-menu img {
        width: 50px;
    }

    .btn-menu {
        opacity: 0.7;
        background-color: #047622;
    }


    /* メインビジュアル部分 */

    /* .main-images img {
        width: 100%;
    } */


    /* 「こんなお悩みありませんが？」の部分 */
    .question-coment {
        width: 90%;
        text-align: center;
    }

    .question-coment p {
        height: 20%;
        font-size: 130%;
        font-family: serif;
    }





    /* 「その悩み弊社が解決します！」の部分 */

    .advantage-coment {
        padding-left: 5%;
        width: 90%;
        text-align: left;
    }

    .advantage-coment p {
        height: 25%;
        font-size: 130%;
        font-family: serif;
    }


    /* 「一度相談してみたいけど、相談は無料なの？」の部分  */

    .cost-coment {
        padding-left: 5%;
        width: 90%;

    }

    .cost-coment p {
        text-align: center;
        font-size: 130%;
        font-family: serif;
        height: 6%;
    }

    .cost-button {
        display: inline-block;
        background-color: rgb(49, 159, 159);
        color: white;
        border-radius: 8px;
        padding: 3% 20%;
        margin: 0% auto;
        font-weight: bold;
        font-size: 120%;
    }

    .tel {
        font-size: 45px;
        color: black;
        text-decoration: none;
        font-family: serif;
        font-weight: bold;
    }



    /* 「無料相談が終わった後から施工までの具体的な流れを知りたい！」の部分 */



    .flow-coment {
        padding-left: 5%;
        width: 90%;
        text-align: center;
    }

    .flow-coment p {
        font-size: 130%;
        font-family: serif;
        text-align: left;
    }


    .flow-coment a {
        display: inline-block;
        background-color: rgb(49, 159, 159);
        color: white;
        border-radius: 8px;
        padding: 3% 20%;
        margin: 7% auto;
        font-weight: bold;
    }


    /* 「新着情報の部分」 */
    .News-wrapper p {
        width: 100%;
        padding: 1% 0;
        text-align: left;
        border-bottom: 0.1px solid rgb(210, 195, 195);
    }

    .News-wrapper span {
        padding-right: 2%;
    }

    .News-topics p {
        font-family: serif;
        font-size: 110%;
    }

    .News-button p {
        padding-top: 2%;
        font-family: serif;
        font-size: 120%;
    }

    .News-button a {
        display: inline-block;
        width: 60%;
        background-color: rgb(49, 159, 159);
        color: white;
        margin: 2% auto;
        border-radius: 8px;
        font-weight: bold;
    }

    /* Googlemap部分 */

    .googlemap iframe {
        width: 100%;
    }



    .company-logo {
        width: 80%;
    }

    .company-name {
        width: 90%;
    }




}