img {
    height: auto;
}

body {
    font-family: 'Noto Serif JP', serif;
}

.image .cap {
    bottom: 5px;
    right: 5px;
}

.page_ttl {
    max-width: 500px;
    width: 90%;
    margin: 50px auto;
}

.slider_wrap {
    max-width: 1054px;
    width: 90%;
    margin: 0 auto;
}


.slick-prev,
.slick-next {
    width: 40px;
    height: 100px;
    z-index: 1;
}

.slider .slide {
    position: relative;
}

.slider .slide .txt {
    position: absolute;
    bottom: 5px;
    right: 10px;
    font-size: clamp(13px, 2vw, 20px);
}


.thumbnail {
    margin-top: 20px;
}

.thumbnail .slide {
    cursor: pointer;
}

.thumbnail .slide .txt {
    display: block;
    margin-top: 3px;
    font-size: 10px;
}

.thumbnail .slick-track {
    width: 100% !important;
    display: grid;
    grid-template-columns: repeat(6,1fr);
    transform: unset !important;
    gap: 15px 10px;
}

.thumbnail .slick-track:before,
.thumbnail .slick-track:after {
    display: none;
}

.thumbnail .slick-track .slick-slide {
    width: 100% !important;
}


.sec_merit {
    background-color: #c9e1e0;
    margin-top: 80px;
    padding: 50px 0 80px;
    position: relative;
}

.sec_merit::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 8px;
    background: linear-gradient(
        to right,
        #857441 0%,
        #bf9d5c 50%,
        #857441 100%
    );
}

.sec_merit .sec_ttl {
    max-width: 800px;
    width: 90%;
    margin: 0 auto;
    color: #a08459;
    text-align: center;
    font-size: clamp(24px,3vw,32px);
}

.sec_merit .sec_ttl::after {
    content: '';
    display: block;
    margin-top: 10px;
    width: 100%;
    height: 2px;
    background: linear-gradient(
        to right,
        transparent 0%,
        #8b8059 40%,
        #8b8059 80%,
        transparent 100%
    );
}

.sec_merit .sec_txt {
    text-align: center;
    line-height: 1.8;
    font-size: clamp(12px,1.5vw,17px);
    margin: 20px 0 50px;
}

.sec_merit .list_wrap {
    max-width: 1054px;
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
}

.sec_merit .list_wrap li {
    width: calc(100%/2 - 40px/2);
    background-color: #fff;
    filter: drop-shadow(0 3px 3px #00000062);
    padding: 30px;
    outline: 1px solid #8b8059;
    outline-offset: -5px;
}

.sec_merit .list_wrap li .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sec_merit .list_wrap li .deco {
    max-width: 50px;
    width: 13%;
    margin: 0 auto;
}

.sec_merit .list_wrap li .top .merit_ttl {
    width: 80%;
}

.sec_merit .list_wrap li .bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 20px;
}

.sec_merit .list_wrap li .bottom .image {
    width: 45%;
}

.sec_merit .list_wrap li .bottom .merit_txt {
    width: 50%;
    font-size: clamp(11px,1.2vw,13px);
    line-height: 1.6;
}

.sec_merit .list_wrap li .bottom .merit_txt .note {
    display: block;
    margin-top: 5px;
}

.bottom_note {
    max-width: 1054px;
    width: 90%;
    margin: 60px auto 100px;
}



/* SP調整 */
@media screen and (max-width:730px) {
    .page_ttl {
        margin: 40px auto;
    }

    .slider {
        display: flex;
        flex-direction: column;
        gap: 20px 0;
    }

    .slider .slide .txt {
        right: 6px;
    }

    .thumbnail {
        display: none;
    }

    .sec_merit {
        margin-top: 100px;
        padding: 30px 0 60px;
    }

    .sec_merit .sec_txt {
        margin-bottom: 30px;
    }

    .sec_merit .list_wrap {
        flex-direction: column;
        gap: 30px 0;
    }

    .sec_merit .list_wrap li {
        width: 100%;
        padding: 20px;
    }

    .sec_merit .list_wrap li .bottom .image {
        width: 35%;
    }

    .sec_merit .list_wrap li .bottom .merit_txt {
        width: 60%;
    }

    .bottom_note {
        margin: 30px auto 80px;
    }
}


.sec_voice {
    max-width: 1054px;
    width: 90%;
    margin: 80px auto 0;
}

.voice_slider {
    margin-top: 20px;
}

.voice_slider .voice {
    display: flex;
    background-color: #cadbda;
}

.voice_slider .voice .image {
    width: 56%;
}

.voice_slider .voice .txt_wrap {
    width: 44%;
}

.voice_slider .txt {
    background: linear-gradient(
        to right,
        #7e7245 0%,
        #af965f 50%,
        #7e7245 100%
    );
    color: #fff;
    text-align: center;
    padding: 5px 0;
    font-size: clamp(15px,1.6vw,18px);
}

.voice_slider .voice_img {
    padding: 20px;
}

.voice_slider .slick-dots {
    bottom: -33px;
}

.sec_voice .slick-dotted.slick-slider{
    margin-bottom: 80px;
}

.voice_slider .slick-dots li {
    margin: 0 8px;
    width: 15px;
    height: 15px;
}

.voice_slider .slick-dots li button:before {
    content: '';
    background-color: #9dd5c6;
    width: 15px;
    height: 15px;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
}


/* SP調整 */
@media screen and (max-width:730px) {

    .sec_voice {
        width: 100%;
    }
    
    .slick-prev, .slick-next {
        width: 3vw;
        height: 6vw;
        top: 47%;
        filter: brightness(0) invert(1);
    }

    .slick-next {
        right: 5px;
    }

    .slick-prev {
        left: 5px;
    }

    .voice_slider .voice {
        flex-direction: column;
    }

    .voice_slider .voice .image {
        width: 100%;
    }

    .voice_slider .voice .txt_wrap {
        width: 100%;
    }

    .voice_slider .slick-dots li,
    .voice_slider .slick-dots li button:before {
        width: 10px;
        height: 10px;
    }

    .sec_voice .slick-dotted.slick-slider{
        margin-bottom: 60px;
    }
}