body {
    font-family: "Noto Sans JP", serif !important;
}


.img {
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
}

.banner {
    width: 95%;
    top: 344vw;
    left: 2.5%
}

.banner2 {
    width: 95%;
    top: 747vw;
    left: 2.5%
}

@media screen and (min-width: 768px) {
    .banner {
        width: 760px;
        top: 2634px;
        left: calc(50% - 380px)
    }

    .banner2 {
        width: 760px;
        top: 5770px;
        left: calc(50% - 380px)
    }
}


.secReason .ttl {
    color: #103675;
    position: relative;
}

.secReason .ttl span {
    font-size: 2rem;
}

.secReason .ttl::before {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    top: 25px;
    left: calc(50% - 75px);
    background: url("./img_04.png")no-repeat;
    background-size: contain;
}

.secReason .blue_band .col-2 {
    font-size: 2.5rem;
}

.secReason .blue_band .col-10 .copy {
    font-size: .875rem;
    font-weight: 800;
}

.secReason .blue_band .col-10 .copy span {
    font-size: 1.5rem;
}

.secReason .blue_band .col-10 .lead {
    font-size: 1rem;
    font-weight: 800;
}

.secReason .container .txt {
    font-size: .75rem;
}

.secReason .container .txt span {
    font-size: .875rem;
}

@media screen and (min-width:768px) {
    .secReason .ttl {
        font-size: 2rem;
    }

    .secReason .ttl span {
        font-size: 4rem;
    }

    .secReason .ttl::before {
        width: 24px;
        height: 24px;
        top: 51px;
        left: calc(50% - 150px);
    }

    .secReason .container {
        max-width: 768px;
        margin: 0 auto;
    }

    .secReason .blue_band .col-2 {
        font-size: 4rem;
    }

    .secReason .blue_band .col-10 .copy {
        font-size: 1.2rem;
    }

    .secReason .blue_band .col-10 .copy span {
        font-size: 2rem;
    }

    .secReason .blue_band .col-10 .lead {
        font-size: 2rem;
    }

    .secReason .container .txt {
        font-size: 1.1rem;
    }

    .secReason .container .txt span {
        font-size: 1.5rem;
    }
}

.area_title {
    background: url("./img_7.png")no-repeat;
    background-size: cover;
    height: 100px;
}

.area_title .box {
    color: #103675;
    background-color: #ffffffd0;
}

.secAccordion {
    width: 95%;
    margin: 0 auto;
}

.secAccordion .address {
    font-size: .875rem;
}

.secAccordion .address a {
    background-color: #103675;
    text-decoration: none;
    padding: 1px 9px;
    font-size: .75rem;
    margin-left: 3px;
}

@media screen and (min-width:768px) {
    .area_title {
        height: 200px;
        max-width: 768px;
        background-position: bottom;
        margin: 0 auto;
    }

    .area_title .box {
        background-color: #ffffffd7;
        font-size: 1.5rem;
    }

    .secAccordion {
        width: 768px;
        margin: 0 auto;
    }

    .secAccordion .left,
    .secAccordion .right {
        width: 384px;
    }
}

.d-flex {
    display: block;
    position: fixed;
    bottom: 0;
    z-index: 1000;
    width: 100%;
}

@media screen and (min-width:768px) {
    .d-flex {
        position: fixed;
        right: -1000px;
    }
}

.form {
    padding-bottom: 100px;
}