@charset "utf-8";

.special_copy_area_wrap {
    z-index: -1;
}
.section_ttl {
    position: relative;
    z-index: 1;
}
.special_copy_area {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.special_copy_slide,
.project_slide {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.project_slide .swiper-slide {
    width: 100%;
    height: 100%;
}
.special_contents_img_cover {
    height: 100%;
    overflow: hidden;
}
.special_contents_img_cover img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transform: scale(1.1);
    transition: transform 7s linear;
}
.swiper-slide-prev .special_contents_img_cover img,
.swiper-slide-active .special_contents_img_cover img {
    transform: scale(1);
}
.special_copy_bg {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
}
.special_copy_inner {
    height: 100%;
    margin-inline: auto;
    position: relative;
    z-index: 1;
}
.special_contents_pop {
    position: absolute;
}
.special_contents_txt {
    position: absolute;
}
@media (min-width: 769px) {
    .special .circle_links_area {
        margin-top: 120rem;
    }
    .special_copy_area {
        height: 555rem;
        margin-top: -52rem;
        margin-inline: auto;
        background: url(../img/top/special_contents_img.jpg) no-repeat center / auto 100%;
    }
    .special_copy_bg {
        width: 1562rem;
        height: 1562rem;
        background: url(../img/top/top_circle.png) no-repeat center / cover;
    }
    .special_copy_inner {
        width: 990rem;
    }
    .special_contents_pop {
        width: 367rem;
        top: 50%;
        left: 131rem;
        translate: 0 -50%;
    }
    .special_contents_txt {
        width: 293rem;
        right: 146rem;
        bottom: 129rem;
    }
}
@media (max-width: 768px) {
    .section_ttl_en .section_ttl_en_pc:nth-of-type(1) .section_ttl_en_sp:nth-of-type(1) {
        padding-bottom: 0;
        padding-top: 2rem;
        margin-bottom: -10rem;
        line-height: 1.2;
        z-index: 1;
    }
    .section_ttl_en .section_ttl_en_pc:nth-of-type(1) .section_ttl_en_sp:nth-of-type(n + 2),
    .section_ttl_en .section_ttl_en_pc:nth-of-type(n + 2) .section_ttl_en_sp {
        padding-top: 6rem;
    }
    .special .circle_links_area {
        margin-top: 80rem;
    }
    .special_copy_area_wrap {
        padding-inline: 0;
    }
    .special_copy_area {
        height: 275rem;
        margin-top: -42rem;
        background: url(../img/top/special_contents_img.jpg) no-repeat center / cover;
    }
    .special_copy_bg {
        width: 582rem;
        height: 582rem;
        background: url(../img/top/top_circle.png) no-repeat center / cover;
    }
    .special_copy_inner {
        width: 335rem;
    }
    .special_contents_pop {
        width: 163rem;
        top: 76rem;
        left: 41rem;
    }
    .special_contents_txt {
        width: 198rem;
        top: 156rem;
        left: 36rem;
    }
}

/* sp indexのみ1col */
@media (max-width: 768px) {
    .circle_links_area {
        padding-top: 20rem;
    }
    .other_list_ttl {
        font-size: 24rem;
        padding-left: 13rem;
        gap: 13rem;
    }
    .other_list_ttl::before {
        width: 12rem;
        height: 12rem;
    }
    .special_circle_list {
        gap: 80rem;
    }
    .special_circle_list li {
        width: 100%;
    }
    .link_circle_label_area {
        bottom: auto;
        top: 236rem;
    }
    .special_circle_tag {
        padding: 10rem 10rem 4rem;
        font-size: 12rem;
    }
    .special_circle_label {
        padding-inline: 10rem 14rem;
        font-size: 20rem;
    }
    .special_circle_label + br + .special_circle_label {
        margin-top: -6rem;
    }
}