@charset "UTF-8";
    /* 共通 */

    main{
        margin-top: 180px;
    }

    .main_visual{
        width:100%;
        max-width:1420px;
    }

    .p-voice{
        margin: 60px 0px;
    }

    .p-voice__text01{
        text-align:center;
        font-family:"Noto Sans JP", sans-serif;
        font-size:18px;
        line-height: 2;
    }

    .p-voice__heading{
        display:flex;
        align-items:center;
        justify-content:center;
        width:100%;
        max-width:1170px;
        height:100px;
        margin:auto;
        margin-top: 60px;
        border-radius:20px;
        font-family:"Noto Sans JP", sans-serif;
        text-align:center;
        font-size:28px;
        font-weight: 700;
        line-height: 1.28;
        color:white;
        background-color: var(--water);
    }

    .p-voice__num{
        color:#FFF733;
    }

    .p-voice__container{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        column-gap:25px;
        width:100%;
        max-width:1160px;
        margin:auto;
        margin-top: 40px;
    }

    @media screen and (max-width: 768px) {
        main{
            margin-top: 42vw;
        }

        .p-voice__container{
            grid-template-columns:min(100%,375px);
            row-gap:30px;
            justify-content:center;
            padding:0 5%;
            margin-top: 20px;
        }

        .p-voice__text01{
            padding:0 20px;
            text-align:left;
            font-size:16px;
        }

        .p-voice__heading{
            width:calc(100% - 40px);
            font-size:1.2rem;
            text-align:left;
        }
        .p-voice__headingwrap{
            display:flex;
        }
    }

    footer {
        background-image: url(../images/footer_bg.png);
        background-size: cover;
        background-position: center;
        text-align: center;
        margin-top: -1px;
        padding-top: 130px;
        padding-bottom: 150px;
    }

    footer p {
        margin-bottom: 50px;
    }

    .footer_logo {
        display: inline-block;
        padding: 50px;
        background: #ffffff;
        border-radius: 30px;
        border-radius: 110px;
    }

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

        footer {
            padding: 120px 0 220px;
        }

        .footer_logo {
            padding: 30px;
        }

        .footer_logo img {
            width: 66.666666666666667vw;
        }

    }

    @media screen and (min-width: 769px) {

        .pc_none,
        .sp-nav {
            display: none;
        }
    }


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

        footer {
            padding: 80px 20px 120px;
        }

        footer p {
            margin-bottom: 20px;
            font-size: 16px;
            text-align: left;
        }

        /* .footer_logo img {
            width: 70%;
        } */

    }