.inner {
    margin: 0 auto;
    max-width: 1000px;
}

/* --------------------------
slick
-------------------------- */
.thumbnail .slick-track,
.thumbnail2 .slick-track,
.thumbnail3 .slick-track {
    transform: unset !important;
}
.thumbnail,
.thumbnail2,
.thumbnail3 {
    margin: 20px -4px 0;
}
.thumbnail li,
.thumbnail2 li,
.thumbnail3 li {
    opacity: 0.3;
    transition: opacity .3s linear;
    width: calc(100% / 6) !important;
    padding: 4px;
}
.thumbnail .slick-current,
.thumbnail2 .slick-current,
.thumbnail3 .slick-current {
    opacity: 1;
}
@media (max-width: 767px) {
    .thumbnail,
    .thumbnail2,
    .thumbnail3 {
        margin: 20px 20px 0;
    }
    .thumbnail li,
    .thumbnail2 li,
    .thumbnail3 li {
        width: calc(100% / 4) !important;
    }
}
  /*-----------矢印表示----------*/
.slick-prev:before, .slick-next:before {
    content: "";
    width: 20px;
    height: 20px;
    border-top: 4px solid black;
    border-right: 4px solid black;
    display: block;
}
.slick-prev:before {
    transform: rotate(-135deg);
}
.slick-next:before {
    transform: rotate(45deg);
}
@media (max-width: 767px) {
    .slick-prev:before, .slick-next:before {
        content: "";
        width: 10px;
        height: 10px;
        border-top: 2px solid white;
        border-right: 2px solid white;
    }
    .slick-prev {
        left: 15px;
        z-index: 9999999;
    }
    .slick-next {
        right: 5px;
    }
}
/*------------------------------*/




/* --------------------------
タブ
-------------------------- */
.c-tab-nav {
    display: flex;
    list-style: none;
    max-width: 850px;
    margin: 0 auto 20px;
    padding: 0;
}
.c-tab-nav-item {
    flex-grow: 1;
    padding: 10px;
}
.c-tab-nav-item a {
    background-color: #EEEEEE;
    border-right: 0;
    display: block;
    padding: 20px;
    text-align: center;
    text-decoration: none;
    color: black;
    transition: all 0.5s;
}
.c-tab-nav-item a:hover {
    background-color: #062D47;
    color: white;
}
.c-tab-nav-item a[aria-selected="true"] {
    background-color: #062D47;
    color: white;
}

@media (max-width: 767px) {
    .c-tab-nav {
        flex-wrap: wrap;
        margin: 0 -5px 5px;
    }
    .c-tab-nav-item {
        width: 50%;
        padding: 5px;
    }
    .c-tab-nav-item a {
        padding: 15px;
        font-size: 14px;
    }
}
.c-tab-contents-item {
    display: none;
    background-color: white;
}
.c-tab-contents-item[aria-hidden="false"] {
    display: block;
}
@media (max-width: 767px) {
    .c-tab-contents-item {
        padding: 20px 0;
        margin: 0 -25px;
    }
}