@charset "utf-8";

main {
    width: 100%;
    z-index: -888;
}

.topbg {
    position: absolute;
    width: 100%;
    z-index: -999;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    margin: 0 auto;
    margin-top: 120vw;
    overflow: hidden;
}

.topbg>img {
    width: 40%;
    align-self: end;
    justify-self: end;
}

.topbg3 {
    position: absolute;
    width: 100vw;
    z-index: -999;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    margin-top: 70vw;
    overflow: hidden;
}

.topbg3>img {
    width: 35%;
    align-self: center;
    justify-self: end;
    margin-right: -10%;
}

.topbg4 {
    position: absolute;
    width: 100vw;
    z-index: -999;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    margin-top: 240vw;
    overflow: hidden;
}

.topbg4>img {
    width: 40%;
    align-self: center;
    justify-self: start;
    margin-left: -10%;
}

/* pc */

/* section1 */
.section1 {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 15% 1fr 15%;
    grid-template-rows: 38vw 23.29vw;
    overflow: hidden;
}

.section1>div:first-of-type {
    grid-column: 1/4;
    grid-row: 1;
    width: 100%;
    overflow: hidden;
    z-index: -1;
}

.section1_img1_sp {
    display: none;
}

.section1>div:first-of-type>img {
    width: 100%;
    animation: animationZoom1 5s ease-in-out forwards;
}

@keyframes animationZoom1 {
    100% {
        transform: scale(1.1)
    }
}

.section1>img:nth-of-type(1) {
    width: 90%;
    grid-column: 1/4;
    grid-row: 1;
    align-self: center;
    justify-self: center;
    margin-top: 3vw;
}

.section1>img:nth-of-type(2) {
    width: 100%;
    grid-column: 1/4;
    grid-row: 1;
}

.section1_img4_sp {
    display: none;
}

.secion1_bg_1 {
    width: 100%;
    height: 100%;
    grid-column: 1/4;
    grid-row: 2;
    z-index: -111;
    background-image: linear-gradient(236deg, rgba(255, 255, 255, 1), rgba(170, 169, 169, 1));
}

.section1>h1 {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    justify-self: start;
    font-size: 3.6vw;
    font-weight: 500;
    letter-spacing: 0.2vw;
    margin-bottom: 10vw;
    color: white;

}

.section1>p {
    grid-column: 2/2;
    grid-row: 1;
    font-size: 1.3vw;
    font-weight: 400;
    color: white;
    align-self: center;
    justify-self: start;
}

.section1>ul {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    justify-self: end;
    font-size: 2.2vw;
    font-weight: 500;
    color: white;
    display: flex;
    flex-direction: column;
    row-gap: 2vw;
}

.section1>ul>li {
    width: 20vw;
    height: 5vw;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
}

.section1>ul>li>img {
    width: 100%;
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    justify-self: center;
}

.section1>ul>li>p {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    justify-self: center;
}

.topframe3 {
    grid-column: 2;
    grid-row: 1/3;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    width: 100%;
    align-self: center;
    margin-top: 20vw;
}

.topframe3>div {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    width: 100%;
    height: 100%;
}

.topframe3>div>p,
.topframe3>div>img {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    justify-self: center;
}

.topframe3>div>p {
    font-size: 2.4vw;
    font-weight: 500;
    text-align: center;
    color: white;
}

.topframe3>div>img {
    width: 115%;
}

.topframe3>div:first-of-type {
    margin-left: 1vw;
}

.topframe3>div:nth-of-type(3) {
    margin-left: -1vw;
}


/* お問い合わせフォーム PC */
.formbuttom {
    width: 70vw;
    height: 12vw;
    display: grid;
    grid-template-columns: 30% 40% 30%;
    grid-template-rows: 65% 35%;
    grid-column: 2;
    grid-row: 2;
    align-self: end;
    justify-self: center;
    margin-bottom: 1vw;
}

.formbuttom>img:first-of-type {
    width: 100%;
    height: 100%;
    grid-column: 1/4;
    grid-row: 1/3;
}

.formbuttom>img:nth-of-type(2) {
    grid-column: 1;
    grid-row: 1;
    width: 80%;
    align-self: center;
    justify-self: center;
    margin-top: 1vw;
}

.formbuttom>a:first-of-type {
    grid-column: 3;
    grid-row: 1/3;
    width: 90%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
}

.formbuttom>a:first-of-type>img {
    width: 100%;
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    justify-self: center;
}

.formbuttom>a:first-of-type>p {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    justify-self: center;
    font-size: 1.6vw;
    font-weight: 600;
    color: #707070;
}

.formbuttom>a:nth-of-type(2) {
    grid-column: 1;
    grid-row: 2;
    text-decoration: none;
    font-size: 1.9vw;
    justify-self: center;
    align-self: start;
    color: #707070;
    margin-top: -0.8vw;
}

.formbuttom>a:nth-of-type(3) {
    grid-column: 2;
    grid-row: 2;
    text-decoration: none;
    font-size: 1.7vw;
    align-self: start;
    justify-self: start;
    color: #707070;
    margin-top: -0.8vw;
}

.formbuttom>p:first-of-type {
    grid-column: 2;
    grid-row: 1;
    font-size: 1.6vw;
    font-weight: 600;
    margin-top: 1vw;
    align-self: center;
    color: #707070;
}

.formbuttomsp {
    display: none;
}

/* section2 */
.section2 {
    width: 100%;
    overflow: hidden;
    display: grid;
    grid-template-columns: 15% 1fr 15%;
    grid-template-rows: repeat(2, auto);
    margin-top: 4vw;
}

.section2>h2 {
    font-size: 2.4vw;
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    letter-spacing: 0.1vw;
    color: #410081;
    font-weight: 600;
}

.section2>p:first-of-type {
    font-size: 1.2vw;
    grid-column: 2;
    grid-row: 2;
    align-self: center;
    justify-self: end;
    color: black;
    font-weight: 300;
    font-feature-settings: "palt";
    line-height: 2.2vw;
    margin-top: 2vw;
    letter-spacing: 0.1vw;
}

.section2>p:first-of-type>strong {
    font-weight: 500;
}

/* section3 */
.section3 {
    width: 100%;
    display: grid;
    grid-template-columns: 15% 1fr 15%;
    grid-template-rows: repeat(4, auto);
    margin-top: 6vw;
}

.section3>h2 {
    font-size: 2.4vw;
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    color: #410081;
}

.section3>p:first-of-type {
    font-size: 1.6vw;
    grid-column: 2;
    grid-row: 2;
    font-weight: 500;
}

.section3>p:nth-of-type(2) {
    font-size: 1.2vw;
    grid-column: 2;
    grid-row: 3;
    color: black;
    font-weight: 300;
    font-feature-settings: "palt";
    line-height: 2.2vw;
    margin-top: 2vw;
    letter-spacing: 0.1vw;
}

.section3_div1_wrap {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column: 2/4;
    grid-row: 4;
    margin-top: 2vw;
}

.section3_div1_wrap>div:nth-of-type(2) {
    width: 100%;
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
}

.section3_div1_wrap>div:nth-of-type(2)>img {
    width: 100%;
}

.section3_div1_wrap>div:first-of-type {
    width: 110%;
    grid-column: 2;
    grid-row: 1;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    margin-left: -10%;
    margin-top: 20%;
}

.section3_div1_wrap>div:first-of-type>img {
    width: 100%;
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    justify-self: center;
}

.section3_div1_wrap>div:first-of-type>p {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    justify-self: center;
    font-size: 1vw;
    color: white;
    margin-top: 16vw;
}


.section3>a:first-of-type {
    grid-column: 2;
    grid-row: 1;
    align-self: start;
    justify-self: end;
    font-size: 1.2vw;
    color: #222222;
    width: 20vw;
    height: 10vw;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
}

.section3>a>p,
.section3>a>img {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    justify-self: center;
}

.section3>a>img {
    width: 100%;
}

/* section4 */

.section4 {
    width: 100%;
    display: grid;
    grid-template-columns: 15% 1fr 15%;
    grid-template-rows: repeat(10, auto);
    margin-top: 8vw;
}

.section4>img:first-of-type {
    width: 100%;
    grid-column: 1/4;
    grid-row: 1/5;
}

.section4>h2 {
    font-size: 2.4vw;
    grid-column: 2;
    grid-row: 1;
    letter-spacing: 0.1vw;
    align-self: center;
    color: #410081;
}

.section4>p:first-of-type {
    font-size: 1.2vw;
    grid-column: 2;
    grid-row: 2;
    color: black;
    font-weight: 300;
    font-feature-settings: "palt";
    line-height: 2.2vw;
    letter-spacing: 0.1vw;
    margin-top: 2vw;
}

.section4_div1_wrap2 {
    grid-column: 2;
    grid-row: 3;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    margin-top: 4vw;
}

.section4_div1_wrap2>a {
    width: 95%;
    grid-row: 1;
    align-self: center;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
}

.section4_div1_wrap2>a:first-of-type {
    justify-self: start;
}

.section4_div1_wrap2>a:nth-of-type(2) {
    justify-self: center;
}

.section4_div1_wrap2>a:nth-of-type(3) {
    justify-self: end;
}

.section4_div1_wrap2>a>img {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    align-self: center;
    justify-self: center;
}

.section4_div1_wrap2>a>p {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    justify-self: center;
    font-size: 1vw;
    font-weight: 500;
    text-align: center;
    color: #000;
}

.section4_div1_wrap {
    display: grid;
    grid-template-columns: 15% 30% 40% 15%;
    grid-template-rows: auto;
    grid-column: 1/4;
    grid-row: 4;
    padding-top: 2vw;
    padding-bottom: 2vw;
    margin-top: 4vw;
}

.section4_div1_wrap>img:first-of-type {
    width: 102%;
    grid-column: 2;
    grid-row: 1;
}

.section4_div1_wrap>img:nth-of-type(2) {
    width: 100%;
    grid-column: 3;
    grid-row: 1;
    align-self: center;
}



/* section5 */
.section5 {
    width: 100%;
    display: grid;
    grid-template-columns: 15% 1fr 15%;
    grid-template-rows: repeat(10, auto);
    margin-top: 8vw;
}

.section5>img:first-of-type {
    width: 100%;
    grid-column: 1/4;
    grid-row: 1/5;
}

.section5>h2 {
    font-size: 2.4vw;
    grid-column: 2;
    grid-row: 1;
    letter-spacing: 0.1vw;
    align-self: center;
    color: #410081;
}

.section5>p:first-of-type {
    font-size: 1.2vw;
    grid-column: 2;
    grid-row: 2;
    color: black;
    font-weight: 300;
    font-feature-settings: "palt";
    line-height: 2.2vw;
    letter-spacing: 0.1vw;
}

.section5_div1_wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    grid-column: 2;
    grid-row: 3;
    padding-top: 2vw;
    padding-bottom: 2vw;
    column-gap: 2vw;
}

.section5_div1_wrap>img:first-of-type {
    width: 100%;
    grid-column: 1;
    grid-row: 1;
}

.section5_div1_wrap>img:nth-of-type(2) {
    width: 100%;
    grid-column: 2;
    grid-row: 1;
    align-self: center;
}

.section5_div1_wrap>p:first-of-type {
    grid-column: 1;
    grid-row: 1;
    align-self: end;
    font-size: 1.2vw;
    font-weight: 400;
    width: 100%;
    height: 4vw;
    background-color: #0000005d;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.section5_div1_wrap>p:nth-of-type(2) {
    grid-column: 2;
    grid-row: 1;
    align-self: end;
    font-size: 1.2vw;
    font-weight: 400;
    width: 100%;
    height: 4vw;
    background-color: #0000005d;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    letter-spacing: 0.1vw;
}

.section5>a:first-of-type {
    grid-column: 2;
    grid-row: 1;
    align-self: start;
    justify-self: end;
    font-size: 1.2vw;
    color: #707070;
    width: 20vw;
    height: 10vw;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
}

.section5>a>p,
.section5>a>img {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    justify-self: center;
}

.section5>a>img {
    width: 100%;
}

/* section6 */

.section6 {
    width: 100%;
    display: grid;
    grid-template-columns: 15% 1fr 15%;
    grid-template-rows: 5vw 30vw;
    margin-top: 8vw;
}

.section6>h2 {
    font-size: 2.4vw;
    grid-column: 2;
    grid-row: 1;
    justify-self: center;
    letter-spacing: 0.1vw;
}

.section6_div1_wrap {
    width: 100%;
    grid-column: 2;
    grid-row: 2;
    align-self: center;
    justify-self: center;
    display: grid;
    grid-template-columns: repeat(2, 50%);
    grid-template-rows: 1fr;
}

.section6_div1_wrap>a {
    width: 94%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, auto);
}

.section6_div1_wrap>a>img {
    width: 100%;
}

.section6_div1_wrap>a>p {
    align-self: center;
    justify-self: center;
    font-size: 1.2vw;
    color: #000;
}


.section6_div1_wrap>div {
    width: 94%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, auto);
    justify-self: end;
}

.section6_div1_wrap>div>iframe {
    width: 100%;
    height: 20vw;
}

.section6_div1_wrap>div>p {
    align-self: center;
    justify-self: center;
    font-size: 1.2vw;
    color: #000;
}

/* section7 */

.section7 {
    width: 100%;
    display: grid;
    grid-template-columns: 15% 1fr 15%;
    margin-top: 6vw;
}

.section7>h2 {
    font-size: 1.8vw;
    font-weight: 500;
    grid-column: 2;
    grid-row: 1;
    justify-self: start;
    letter-spacing: 0.1vw;
    color: #410081;
}

.formbuttomsp_2 {
    display: none;
}


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

    .topbg {
        display: none;
    }

    .topbg3 {
        display: none;
    }

    .topbg4 {
        display: none;
    }


    /* section1_sp */
    .section1 {
        grid-template-columns: 70% 30%;
        grid-template-rows: 50vw 58vw;
    }

    .section1>div:first-of-type {
        display: none;
    }

    .section1_img1_sp {
        display: block;
        grid-column: 1/3;
        grid-row: 1;
        width: 100%;
        height: 100%;
        margin: 0;
    }

    .section1_img1_sp>img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .section1>img:nth-of-type(1) {
        width: 100%;
    }

    .section1>img:nth-of-type(1) {
        width: 100%;
    }

    .section1>img:nth-of-type(2) {
        display: none;
    }

    .section1_img4_sp {
        display: block;
        grid-column: 1/3;
        grid-row: 1;
        width: 100%;
    }

    .section1>h1 {
        grid-column: 1;
        font-size: 5vw;
        margin-left: 10vw;

    }

    .section1>p {
        width: 90%;
        grid-column: 1;
        grid-row: 1;
        font-size: 2.4vw;
        font-weight: 400;
        line-height: 4vw;
        margin-top: 10vw;
        margin-left: 10vw;
    }

    .section1>p>br {
        display: none;
    }

    .section1>ul {
        font-size: 3vw;
        row-gap: 5vw;
    }

    .section1>ul>li {
        width: 30vw;
        height: 5vw;
    }

    .topframe3 {
        grid-column: 1/3;
        grid-row: 1/3;
        width: 90%;
        align-self: center;
        justify-self: center;
        margin: 0;
        filter: drop-shadow(0.5vw 0.5vw 0.5vw rgb(112, 112, 112));
    }


    .topframe3>div>p {
        font-size: 3vw;
    }


    /* お問い合わせフォーム PC */
    .formbuttom {
        display: none;
    }

    .formbuttomsp {
        display: block;
        width: 95%;
        height: 70%;
        display: grid;
        grid-template-columns: repeat(2, 50%);
        grid-template-rows: repeat(3, 1fr);
        grid-column: 1/3;
        grid-row: 2;
        align-self: center;
        justify-self: center;
        margin: 0;
        margin-top: 10vw;
    }

    .formbuttomsp>img:first-of-type {
        width: 100%;
        height: 100%;
        grid-column: 1/3;
        grid-row: 1/4;
    }

    .formbuttomsp>img:nth-of-type(2) {
        grid-column: 1;
        grid-row: 1;
        width: 80%;
        align-self: center;
        justify-self: center;
        margin-top: 5vw;

    }

    .formbuttomsp>a:first-of-type {
        grid-column: 2;
        grid-row: 1/4;
        width: 100%;
        height: auto;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        margin: 0;
        margin-top: -5vw;
    }

    .formbuttomsp>a:first-of-type>img {
        width: 100%;
        grid-column: 1;
        grid-row: 1/4;
        align-self: center;
        justify-self: center;

    }

    .formbuttomsp>a:first-of-type>p {
        grid-column: 1;
        grid-row: 1/4;
        align-self: center;
        justify-self: center;
        font-size: 3.5vw;
        font-weight: 600;
        color: #707070;
    }

    .formbuttomsp>a:nth-of-type(2) {
        grid-column: 1;
        grid-row: 2;
        text-decoration: none;
        font-size: 3vw;
        justify-self: center;
        align-self: start;
        margin: 0;
        color: #707070;
        margin-top: 2vw;
    }

    .formbuttomsp>a:nth-of-type(3) {
        grid-column: 1;
        grid-row: 2;
        text-decoration: none;
        font-size: 3vw;
        align-self: end;
        justify-self: center;
        color: #707070;
        margin: 0;
        margin-bottom: 2vw;
    }

    .formbuttomsp>p:first-of-type {
        grid-column: 1/3;
        grid-row: 3;
        font-size: 4vw;
        font-weight: 600;
        color: #707070;
        margin: 0;
        align-self: center;
        justify-self: center;
    }

    /* section2_sp */
    .section2 {
        grid-template-columns: 5% 1fr 5%;
    }

    .section2>h2 {
        font-size: 5vw;
    }

    .section2>p:first-of-type {
        font-size: 3vw;
        margin: 0;
        line-height: 5vw;
        margin-top: 2vw;
    }

    .scroll-infinity__list>img {
        width: 30vw;
        height: auto;
    }

    /* section3_sp */
    .section3 {
        width: 100%;
        display: grid;
        grid-template-columns: 5% 1fr 5%;
        grid-template-rows: repeat(4, auto);
        margin-top: 6vw;
    }

    .section3>h2 {
        font-size: 5vw;
        margin: 0;
        align-self: end;
    }

    .section3>p:first-of-type {
        font-size: 3.2vw;
        grid-column: 2;
        grid-row: 2;
        align-self: end;
        font-weight: 600;
        margin: 0;
        margin-top: 4vw;
    }

    .section3>p:nth-of-type(2) {
        font-size: 3vw;
        grid-column: 2;
        grid-row: 3;
        align-self: center;
        line-height: 5vw;
        margin-top: 2vw;
    }

    .section3_div1_wrap {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        grid-column: 2/4;
        grid-row: 4;
        margin: 0;
        margin-top: 4vw;
    }

    .section3_div1_wrap>div:first-of-type>p {
        grid-column: 1;
        grid-row: 1;
        align-self: center;
        justify-self: center;
        font-size: 2vw;
        color: white;
        margin: 0;
        margin-top: 20vw;
    }

    .section3>a:first-of-type {
        grid-column: 2;
        grid-row: 1;
        align-self: end;
        justify-self: end;
        font-size: 2vw;
        width: 25vw;
        margin: 0;
        height: auto;
        margin-bottom: -2vw;
    }

    .section3>a>img {
        width: 100%;
    }

    /* section4_sp */
    .section4 {
        grid-template-columns: 5% 1fr 5%;
        grid-template-rows: 12vw 10vw 1fr;
        margin-top: 4vw;
    }

    .section4>h2 {
        font-size: 5vw;
    }

    .section4>p:first-of-type {
        font-size: 3vw;
        grid-column: 2;
        grid-row: 2;
        align-self: center;
        line-height: 5vw;
        margin-top: 2vw;
    }

    .section4_div1_wrap2 {
        grid-column: 2;
        grid-row: 3;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: auto;
        margin-top: 4vw;
    }

    .section4_div1_wrap2>a {
        width: 95%;
        grid-row: 1;
        align-self: center;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
    }

    .section4_div1_wrap2>a:first-of-type {
        justify-self: start;
    }

    .section4_div1_wrap2>a:nth-of-type(2) {
        justify-self: center;
    }

    .section4_div1_wrap2>a:nth-of-type(3) {
        justify-self: end;
    }

    .section4_div1_wrap2>a>img {
        grid-column: 1;
        grid-row: 1;
        width: 100%;
        align-self: center;
        justify-self: center;
    }

    .section4_div1_wrap2>a>p {
        grid-column: 1;
        grid-row: 1;
        align-self: center;
        justify-self: center;
        font-size: 2vw;
        font-weight: 400;
    }




    .section4_div1_wrap {
        display: grid;
        grid-template-columns: 5% 40% 50% 5%;
    }

    /* section5_sp */
    .section5 {
        grid-template-columns: 5% 1fr 5%;
        grid-template-rows: 12vw 10vw 1fr;
        margin-top: 4vw;
    }

    .section5>h2 {
        font-size: 5vw;
    }

    .section5>p:first-of-type {
        font-size: 3vw;
        grid-column: 2;
        grid-row: 2;
        align-self: center;
        line-height: 5vw;
        margin-top: 2vw;
    }

    .section5>a:first-of-type {
        align-self: start;
        justify-self: end;
        font-size: 2.2vw;
        width: 25vw;
        height: 10vw;
        margin: 0;
        margin-top: 2vw;
    }

    .section5_div1_wrap {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
        grid-column: 2;
        grid-row: 3;
        padding-top: 2vw;
        padding-bottom: 2vw;
        column-gap: 2vw;
    }

    .section5_div1_wrap>img:first-of-type {
        width: 100%;
        grid-column: 1;
        grid-row: 1;
    }

    .section5_div1_wrap>img:nth-of-type(2) {
        width: 100%;
        grid-column: 2;
        grid-row: 1;
        align-self: center;
    }

    .section5_div1_wrap>p:first-of-type {
        font-size: 2.2vw;
        height: 6vw;
    }

    .section5_div1_wrap>p:nth-of-type(2) {
        font-size: 2.2vw;
        height: 6vw;
    }

    /* section6_sp */
    .section6 {
        grid-template-columns: 5% 1fr 5%;
        grid-template-rows: 5vw 40vw;
        margin-top: 8vw;
    }

    .section6>h2 {
        font-size: 4vw;
    }

    .section6_div1_wrap {
        width: 100%;
        grid-column: 2;
        grid-row: 2;
        align-self: center;
        justify-self: center;
        display: grid;
        grid-template-columns: repeat(2, 50%);
        grid-template-rows: 1fr;
    }

    .section6_div1_wrap>a {
        width: 95%;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2, auto);
    }

    .section6_div1_wrap>a>img {
        width: 100%;
    }

    .section6_div1_wrap>a>p {
        align-self: center;
        justify-self: center;
        font-size: 2.4vw;
        color: #000;
    }


    .section6_div1_wrap>div {
        width: 95%;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 26vw 5vw;
        justify-self: end;
    }

    .section6_div1_wrap>div>iframe {
        width: 100%;
        height: 100%;
    }

    .section6_div1_wrap>div>p {
        align-self: center;
        justify-self: center;
        font-size: 2.4vw;
        color: #000;
        margin-top: 4.5vw;
    }

    /* section7_sp */

    .section7 {
        width: 100%;
        display: grid;
        grid-template-columns: 5% 1fr 5%;
        grid-template-rows: auto auto;
        margin-top: 6vw;
    }

    .section7>h2 {
        font-size: 4vw;
    }

    .formbuttomsp_2 {
        display: block;
        width: 100%;
        height: auto;
        display: grid;
        grid-template-columns: repeat(2, 50%);
        grid-template-rows: repeat(3, 1fr);
        grid-column: 2;
        grid-row: 2;
        align-self: center;
        justify-self: center;
        margin: 0;
    }

    .formbuttomsp_2>img:first-of-type {
        width: 100%;
        height: auto;
        grid-column: 1/3;
        grid-row: 1/4;
        margin-top: 3vw;
    }

    .formbuttomsp_2>img:nth-of-type(2) {
        grid-column: 1;
        grid-row: 1;
        width: 80%;
        align-self: center;
        justify-self: center;
        margin-top: 5vw;

    }

    .formbuttomsp_2>a:first-of-type {
        grid-column: 2;
        grid-row: 1/4;
        width: 100%;
        height: auto;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        margin: 0;
        margin-top: -5vw;
    }

    .formbuttomsp_2>a:first-of-type>img {
        width: 100%;
        grid-column: 1;
        grid-row: 1/4;
        align-self: center;
        justify-self: center;

    }

    .formbuttomsp_2>a:first-of-type>p {
        grid-column: 1;
        grid-row: 1/4;
        align-self: center;
        justify-self: center;
        font-size: 3.5vw;
        font-weight: 600;
        color: #707070;
    }

    .formbuttomsp_2>a:nth-of-type(2) {
        grid-column: 1;
        grid-row: 2;
        text-decoration: none;
        font-size: 3vw;
        justify-self: center;
        align-self: start;
        margin: 0;
        color: #707070;
        margin-top: 2vw;
    }

    .formbuttomsp_2>a:nth-of-type(3) {
        grid-column: 1;
        grid-row: 2;
        text-decoration: none;
        font-size: 3vw;
        align-self: end;
        justify-self: center;
        color: #707070;
        margin: 0;
        margin-bottom: 2vw;
    }

    .formbuttomsp_2>p:first-of-type {
        grid-column: 1/3;
        grid-row: 3;
        font-size: 4vw;
        font-weight: 600;
        color: #707070;
        margin: 0;
        align-self: center;
        justify-self: center;
    }


}