@media screen and (max-width: 861px) {
    .isPc {
        display:none !important
    }
}

@media screen and (min-width: 862px) {
    .isSp {
        display:none !important
    }
}

.slick-next {
    width: 45px;
    height: 60px;
    top: 53vw;
    background:rgba(255, 255, 255, 0.25)
}

.slick-next:before {
    content:none
}

.slick-next:after {
    content: "";
    position: absolute;
    top: 22px;
    left: 3px;
    width: 16px;
    height: 16px;
    border-top: 1px solid #4a4a4a;
    border-right: 1px solid #4a4a4a;
    transform:rotate(45deg)
}

.slick-prev {
    width: 45px;
    height: 60px;
    left: -16px;
    z-index: 100;
    top: 53vw;
    background:rgba(255, 255, 255, 0.25)
}

.slick-prev:before {
    content:none
}

.slick-prev:after {
    content: "";
    position: absolute;
    top: 22px;
    left: 16px;
    width: 16px;
    height: 16px;
    border-bottom: 1px solid #4a4a4a;
    border-left: 1px solid #4a4a4a;
    transform:rotate(45deg)
}

.slick-dots {
    top: 115vw;
    bottom:auto
}

.slick-dots li {
    height: 7px;
    width: 7px;
    border-radius: 100px;
    border: 1px solid #ccc;
    margin:0 7px
}

.slick-dots li button {
    width: 100%;
    height:100%
}

.slick-dots li button:before {
    content:none
}

.slick-dots li.slick-active {
    background-color:#ccc
}

.slick-arrow button::after, .slick-arrow button::before {
    content:none
}

.hero {
    padding: 100px 0;
    text-align:center
}

@media screen and (max-width: 861px) {
    .hero {
        padding:50px 0
    }
}

.hero_ttl {
    font-size: 58px;
    color: #000;
    margin-bottom:32px
}

@media screen and (max-width: 861px) {
    .hero_ttl {
        font-size:28px
    }
}

.hero_txt {
    max-width: 690px;
    width: 100%;
    margin: auto;
    line-height:2
}

@media screen and (max-width: 861px) {
    .hero_txt {
        font-size:13px
    }
}

ul {
    padding:0
}

ul li {
    list-style:none
}

.main {
    max-width: 1166px;
    width: 100%;
    margin:auto
}

@media screen and (max-width: 861px) {
    .main {
        width: 100%;
        padding:0 16px
    }
}

@media screen and (min-width: 862px) {
    .slider {
        display: flex;
        justify-content:center
    }
}

.slider .item_ttl {
    font-size: 15px;
    margin-bottom: 24px;
    font-weight: bold;
    margin-top: 32px;
    line-height:1.8
}

@media screen and (max-width: 861px) {
    .slider .item_ttl {
        font-size: 14px;
        margin-top: 40px;
        margin-bottom:16px
    }
}

.slider .item_txt {
    margin-bottom: 40px;
    font-size:13px
}

@media screen and (max-width: 861px) {
    .slider .item_txt {
        margin-bottom: 16px;
        text-align:justify
    }
}

.slider .item {
    width: 28.30189%;
    margin-bottom:150px
}

@media screen and (max-width: 861px) {
    .slider .item {
        width: 100%;
        margin-bottom:40px
    }
}

@media screen and (min-width: 862px) {
    .slider .item:not(:nth-of-type(3)) {
        margin-right:6.00343%
    }
}

.slider .item img {
    width:100%
}

.item_wrap {
    display: flex;
    justify-content: center;
    flex-wrap:wrap
}

.item_wrap .item_ttl {
    font-size: 15px;
    margin-bottom: 24px;
    font-weight: bold;
    margin-top:32px
}

@media screen and (max-width: 861px) {
    .item_wrap .item_ttl {
        font-size: 14px;
        margin-top: 40px;
        margin-bottom:16px
    }
}

.item_wrap .item_txt {
    margin-bottom: 40px;
    font-size:13px
}

@media screen and (max-width: 861px) {
    .item_wrap .item_txt {
        margin-bottom: 16px;
        text-align:justify
    }
}

.item_wrap .item {
    width: 28.30189%;
    margin-bottom:150px
}

@media screen and (max-width: 861px) {
    .item_wrap .item {
        width: 100%;
        margin-bottom:70px
    }
}

@media screen and (min-width: 862px) {
    .item_wrap .item:not(:nth-of-type(2)):not(:nth-of-type(5)):not(:nth-of-type(8)):not(:nth-of-type(10)) {
        margin-right:6.00343%
    }

    .item_wrap .item:nth-of-type(1), .item_wrap .item:nth-of-type(9) {
        margin-left:18.01029%
    }

    .item_wrap .item:nth-of-type(2), .item_wrap .item:nth-of-type(10) {
        margin-right:18.01029%
    }
}

.item_wrap .item img {
    width:100%
}

span.lt-api-anker {
    color:#666 !important
}

a.lt-api-anker {
    color: #666 !important;
    text-decoration:underline !important
}

a.lt-api-anker:hover {
    text-decoration:none !important
}

.lt-api-price.yen:after {
    content: "円"
}

.leader {
    color:#666 !important
}

.slider .item_txt, .item_wrap .item_txt, .item_credit li {
    line-height: 1.8 !important
}

/*# sourceMappingURL=content.css.map */