@charset "UTF-8";

/* CSS Document */

@media (max-width: 979px) {

    #header_logo {
        margin: 10px auto 20px;
        width: 100%;
    }

    #header_logo a {
        color: #000;
        text-decoration: none;
    }

    #header_logo .logo {
        width: 100%;
    }

    #header_logo .logo img {
        display: block;
        height: auto;
        margin: 0 auto;
        max-width: 287px;
        width: 100%;
    }

    #header_logo .tagline {
        font-size: 13px;
        line-height: 1.4;
        margin: 0 auto;
        text-align: center;
        width: 90%;
    }



    /*　　コーナータイトル部分　　*/
    .helping-title-wrap {
        background: url(/flower/hello/trusted-by-professionals/images/helping-title-bg.jpg)left top;
        background-size: cover;
        margin: 60px auto 56px;
        padding: 24px 0;
        width: 100%;
    }

    .helping-title-wrap .content {
        margin: 0 auto;
        width: 94%;
    }

    .helping-title-wrap .content .content-title {
        color: #764d4d;
        width: 100%;
    }

    .helping-title-wrap .content .content-title .title-image {
        margin-bottom: 15px;
        width: 100%;
    }

    .helping-title-wrap .content .helping-title {
        display: none;
    }

    .helping-title {
        color: #000;
        font-size: 13px;
        margin: 0 auto 40px;
        width: 90%;
    }

    .helping-title .helping-title-image {
        display: block;
        margin: 0 auto;
        width: 260px;
    }


    /*　　土の上を走る　コンテンツ部分　　*/
    .helping-content-wrap {
        border: 1px solid #dbdbdb;
        margin: 0 auto 45px;
        width: 90%;
    }

    .helping-content-wrap ul.helping-content-photo {
        display: block;
        height: calc(90vw + 20px);
        list-style: none;
        line-height: 0;
        margin: 0 auto;
        overflow: hidden;
        padding: 0;
        position: relative;
        width: 100%;
    }

    .helping-content-wrap ul.helping-content-photo li img {
        width: 100%;
    }

    .helping-content-wrap .helping-content-text {
        margin: 20px auto;
        width: 94%
    }

    .helping-content-wrap .helping-content-text .helping-content-title {
        font-size: 18px;
        font-weight: 700;
    }

    .helping-content-wrap .helping-content-text .helping-content-copy {
        font-size: 15px;
    }

    .slick-track {
        height: 90vw;
        overflow: hidden;
    }
    .slick-dots {
        background: #fff;
        bottom: 0;
    }
    .slick-dots li {
        height: 12px;
        margin: 8px 8px 0;
        width: 12px;
    }
    .slick-dots li button::before {
        display: none;
    }
    .slick-dots li button {
        background: #838383;
        border-radius: 6px;
        height: 12px;
        width: 12px;
    }

    li.slick-active button {
        background: #ce0808;
    }
}


@media (min-width: 980px) {
    #header_logo {
        margin: 10px auto 20px;
        width: 980px;
    }

    #header_logo a {
        color: #000;
        text-decoration: none;
    }

    #header_logo .logo {
        width: 100%;
    }

    #header_logo .logo img {
        display: block;
        height: auto;
        margin: 0 auto;
        max-width: 287px;
        width: 100%;
    }

    #header_logo .tagline {
        font-size: 13px;
        line-height: 1.4;
        margin: 0 auto;
        text-align: center;
        width: 90%;
    }



    /*　　コーナータイトル部分　　*/
    .helping-title-wrap {
        background: url(/flower/hello/trusted-by-professionals/images/helping-title-bg.jpg)left top;
        background-size: cover;
        margin: 60px auto 106px;
        padding: 24px 0;
        width: 100%;
    }

    .helping-title-wrap .content {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        margin: 0 auto;
        width: 980px;
    }

    .helping-title-wrap .content .content-title {
        color: #764d4d;
        line-height: 1.6;
        width: 653px;
    }

    .helping-title-wrap .content .content-title .title-image {
        margin-bottom: 15px;
        width: 580px;
    }

    .helping-title-wrap .content .helping-title {
        color: #000;
        font-size: 13px;
        margin: 0;
        width: 262px;
    }

    .helping-title-wrap .content .helping-title .helping-title-image {
        margin-bottom: 8px;
        width: 260px;
    }

    /*　　コンテンツ部分　　*/
    .helping-content-wrap {
        border: 1px solid #dbdbdb;
        margin: 0 auto 45px;
        width: 978px;
    }

    .helping-content-wrap ul.helping-content-photo {
        display: block;
        height: 496px;
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative;
    }

    .helping-content-wrap ul.helping-content-photo li:nth-child(1) {
        left: 0;
        position: absolute;
        top: 0;
        width: 489px;
    }

    .helping-content-wrap ul.helping-content-photo li:nth-child(2) {
        height: 489px;
        right: 0;
        position: absolute;
        top: 0;
        width: 489px;
    }

    #vol1 ul.helping-content-photo {
        display: block;
        height: 815px;
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative;
    }

    #vol1 ul.helping-content-photo li:nth-child(1) {
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    #vol1 ul.helping-content-photo li:nth-child(2) {
        height: 326px;
        left: 0;
        position: absolute;
        top: 489px;
        width: 326px;
    }

    #vol1 ul.helping-content-photo li:nth-child(3) {
        height: 326px;
        left: 326px;
        position: absolute;
        top: 489px;
        width: 326px;
    }

    #vol1 ul.helping-content-photo li:nth-child(4) {
        height: 326px;
        right: 0;
        position: absolute;
        top: 489px;
        width: 326px;
    }

    .helping-content-wrap ul.helping-content-photo li img {
        width: 100%;
    }

    .helping-content-wrap .helping-content-text {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        margin: 30px 0;
    }

    .helping-content-wrap .helping-content-text .helping-content-title {
        font-size: 20px;
        font-weight: 700;
        line-height: 1.6;
        text-align: center;
    }

    .helping-content-wrap .helping-content-text .helping-content-copy {
        font-size: 18px;
        line-height: 1.6;
        margin-left: 40px;
    }




}