@charset "utf-8";

.main {
    padding-top: 0;
}

/* headerの変化 */
.header {
    background: transparent;
    /* transition: background-color 0.4s; */
}
.header.is_logo_show {
    background: var(--color-white);
}
.header_set:nth-child(1) {
    opacity: 0;
    pointer-events: none;
    /* transition: opacity 0.4s; */
}
.is_logo_show .header_set:nth-child(1) {
    opacity: 1;
    pointer-events: all;
}

/* mv */
.mv {
    position: relative;
}
.mv_ttl {
    position: absolute;
    z-index: 10;
}
.mv_ttl img {
    width: 100%;
    height: auto;
}
.mv_slide {
    position: relative;
    overflow: hidden;
}
.movie_mv {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.mv_line {
    height: 10rem;
    background: linear-gradient(90deg, rgba(0, 209, 100, 0.933333) 5%, rgba(0, 172, 90, 0.933333) 9%, rgba(0, 133, 81, 0.933333) 14%, rgba(0, 108, 75, 0.933333) 18%, rgba(0, 100, 73, 0.933333) 20%, rgba(0, 122, 91, 0.933333) 29%, rgba(0, 139, 104, 0.933333) 38%, rgba(1, 145, 109, 0.933333) 45%, rgba(0, 149, 107, 0.933333) 51%, rgba(0, 161, 104, 0.933333) 56%, rgba(0, 182, 99, 0.933333) 62%, rgba(0, 211, 92, 0.933333) 68%, rgba(0, 248, 83, 0.933333) 74%, rgba(0, 255, 82, 0.933333) 75%, rgba(150, 255, 253, 0.933333) 95%);
    translate: 0 -1px;
}
.vsc-controller:nth-of-type(n+2) {
  /* display: none !important; */
}
.animation_ready .mv_slide::before,
.animation_ready .mv_slide::after {
    /* content:"";
    display:block;
    position: absolute;
    z-index: 2;
    background:#fff; */
}
.animation_ready .mv_slide::before {
    /* top:0;
    right:0;
    width:50%;
    height:100%; */
}
.animation_ready .mv_slide::after {
    /* top:0;
    left:0;
    width:50%;
    height:100%; */
}
.animation_loaded .mv_slide::before,
.animation_loaded .mv_slide::after {
    /* opacity: 0;
    transition: transform 1s 0.4s, opacity 0s 1.4s; */
}
.animation_loaded .mv_slide::before {
    /* transform: translateY(-100%); */
}
.animation_loaded .mv_slide::after {
    /* transform: translateY(100%); */
}
@media (min-width: 769px) {
    .mv_ttl {
        top: 28rem;
        left: 34rem;
        width: 526rem;
    }
    .mv_slide {
        /* height: 840rem; */
    }
}
@media (max-width: 768px) {
    .mv_ttl {
        top: -66rem;
        left: 15rem;
        width: 200rem;
    }
    .mv_slide {
        height: 580rem;
        margin-top: 80rem;
    }
}

/* top_contents */
.top_contents {
    position:relative;
    overflow: hidden;
}
.top_contents::after,
.footer_banner::after,
.footer::after {
    content: "";
    position: absolute;
    z-index:5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fff;
}
.animation_loaded .top_contents::after,
.animation_loaded .footer_banner::after,
.animation_loaded .footer::after {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.8s 1.4s;
}


/* anchor */
.anchor {
    position: relative;
}
.anchor_ttl {
    position: relative;
    display:inline-block;
}
.anchor_ttl::before {
    /* content: ""; */
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    border-top: 1px solid var(--color-black);
    height: 0;
    margin-block: auto;
}
.top_anchor_list_item_link {
    display: block;
    position: relative;
    text-decoration: none;
}
.top_anchor_list a::before {
    display:none;
}
.top_anchor_list_item_txt {
    position: relative;
    z-index:1;
}
.top_anchor_list_item_txt_en {
    font-weight: 600;
    line-height:1.8;
    color: var(--color-gray-50);
}
.top_anchor_list_item_txt_en_inner {
    position: relative;
    display:inline-block;
}
.top_anchor_list_item_txt_en_inner::after {
    content: "";
    position: absolute;
    top:0;
    bottom:0;
    margin-block: auto;
    background: url(../../images/common/arrow_gray.svg) no-repeat 50% 50% / contain;
}
.top_anchor_list_item_txt_jp {
    line-height: 1.4;
    font-weight: 700;
    color: var(--color-black);
}
.top_anchor_list_item_hover_img {
    position:absolute;
    top: 0rem;
    display: none;
    pointer-events: none;
}
@media (min-width: 769px) {
    .anchor {
        margin-top: -33rem;
    }
    .anchor_ttl::before {
        left: calc(100% + 10rem);
        width: 50rem;
        border-top: 1px solid var(--color-black);
    }
    .anchor .main_box_body_grid {
        /* grid-template-columns: var(--template-columns, 388rem 1fr 1fr); */
    }
    .top_anchor_list {
        margin-top: -18rem;
    }
    .top_anchor_list > li {
        width:100%;
    }
    .top_anchor_list > li > a {
        padding-block: 10rem;
    }
    .top_anchor_list_item_txt_en {
        font-size: 12rem;
        line-height:1.8;
    }
    .top_anchor_list_item_txt_en_inner::after {
        left: calc(100% + 10rem);
        width:10rem;
        height:10rem;
    }
    .top_anchor_list_item_txt_jp {
        font-size: 14rem;
        line-height: 1.4;
    }
    .top_anchor_list_item_hover_img {
        left: 150rem;
        width: 195rem;
    }
    @media(hover: hover){
        .top_anchor_list_item_link:hover .top_anchor_list_item_hover_img  {
            display: block;
        }
    }
}
@media (max-width: 768px) {
    .anchor {
        /* margin-top: 104rem; */
        margin-top: 80rem;
    }
    .anchor_ttl::before {
        left: calc(100% + 10rem);
        width: 50rem;
        border-top: 1px solid var(--color-black);
    }
    .top_anchor_list > li + li {
        margin-top: 22rem;
    }
    .top_anchor_list_item_txt_en {
        font-size: 12rem;
        line-height: 1.8;
    }
    .top_anchor_list_item_txt_en_inner::after {
        left: calc(100% + 10rem);
        width:10rem;
        height:10rem;
    }
    .top_anchor_list_item_txt_jp {
        font-size: 12rem;
        line-height: 1.4;
    }
    .top_anchor_list_item_hover_img {
        left: 150rem;
        width: 195rem;
    }
    .anchor .main_box_body_grid {
        grid-template-columns: 1fr 1fr;
        gap: 25rem;
    }
    .anchor .main_box_ttl_cell {
        height: auto;
    }
}

/* about */
@media (min-width: 769px) {
    .news {
        /* margin-top: 200rem; */
        margin-top: 20rem;
        margin-top: 50rem;
    }

}
@media (max-width: 768px) {
    .news {
        margin-top: 180rem;
        margin-top: 60rem;
    }
}




/* news */
@media (min-width: 769px) {
}
@media (max-width: 768px) {
}

/* news */
.news {
    position: relative;
}
@media (min-width: 769px) {
    .about_panel_6 {
        height: 620rem;
        height: 606rem;
    }
}
@media (max-width: 768px) {
    .panel_bg_img,
    .panel_bg_video {
        overflow:hidden;
        margin-block: -1px;
    }
    .panel_bg_img video {
        height: 340rem;
    }
}

/* news */
.news_set_link {
    display: block;
    text-decoration: none;;
}
.news_set {
    display: flex;
    align-items: center;
}
.news_set_date {
    text-align: center;
    display: grid;
    grid-template-columns: auto auto;
    grid-template-areas:
    "y m"
    "d d";
}
.news_set_date_d {
    grid-column: span 2;
    letter-spacing: 0.05em;/* デザインとは異なるが見た目が詰まっていたため */
    /* font-variant-numeric: tabular-nums; */
}
.news_set_txt {
    flex: 1;
}
.news_list_wrap {
    display: flex;
    /* justify-content: end; */
}
.news_list {
    /* border-bottom: 1px solid var(--color-light-gray-2); */
    border-bottom: 1px solid #000;
}
.news_list > li + li {
    /* border-top: 1px solid var(--color-light-gray-2); */
    border-top: 1px solid #000;
}
.news_set_txt {
    flex: 1;
}
@media (min-width: 769px) {
    .news_list_wrap {
        /* margin-right: 120rem; */
        margin-left: calc(calc(413.33 / 1240) * 100%);
    }   
    .news_list {
        /* width: 880rem; */
        width: 790rem;
        margin-top: -24rem;
    }

    .news_set_link {
        padding-block: 15rem;
    }    
    .news_set {
        gap: 35rem;
    }
    .news_set_date {
        /* gap: 0 3rem; */
        font-size: 15rem;
    }
    .news_set_date_y {
        font-size: 12rem;
        font-weight: 500;
    }
    .news_set_date_m {
        font-size: 12rem;
        font-weight: 500;
    }
    .news_set_date_d {
        font-size: 40rem;
        line-height: 1;
    }
    .news_set_txt {
        font-size: 14rem;
        line-height: 1.4;
        padding-right: 40rem;
    }
}
@media (max-width: 768px) {
    .news .main_box_ttl_cell {
        height: 42rem;
    }
    .news_list_wrap {
        display: block;
    }
    .news_list {
        margin-top: -15.5rem;
    }
    .news_set_link {
        padding-block: 15.5rem;
    }    
    .news_set {
        /* gap: 21rem; */
        gap: 5rem;
        flex-direction: column;
        align-items: flex-start;
    }
    .news_set_date {
        /* gap: 0 3rem; */
        font-size: 14rem;
    }
    .news_set_date_y {
        font-size: 12rem;
        font-weight: 500;
    }
    .news_set_date_m {
        font-size: 12rem;
        font-weight: 500;
    }
    .news_set_date_d {
        font-size: 40rem;
        line-height: 1;
    }
    .news_set_txt {
        font-size: 12rem;
        line-height: 1.4;
    }
}

/* panel */
.panel_link_detail_ttl {
    height: 50rem;
}