/* NewsIndex */
#news_index, #news_article  { position:relative; width:80%; height:auto; left:50%; margin-top:110px; padding-top:40px; padding-bottom:80px; transform:translateX(-50%); }
.news_index_inner, .news_article_inner { position:relative; width:100%; height:auto; min-height:70vh; }
.news_unit { position:relative; width:100%; height:auto; padding:25px 60px 25px 0; border-bottom:1px solid #dedede; }
.news_unit:last-child { border:none; }
.news_date { font-size:1rem; margin-bottom:10px; display:block; transition:opacity .6s cubic-bezier(0, 0.55, 0.45, 1); }
.news_unit h5 { margin:0; transition:opacity .6s cubic-bezier(0, 0.55, 0.45, 1); }
.news_unit a { position:absolute; top:0; left:0; width:100%; height:100%; }
.news_index_arw { position:absolute; top:50%; right:10px; width:24px; transform:translateY(-50%); opacity:0; transition:all .6s cubic-bezier(0, 0.55, 0.45, 1); }
.news_index_arw svg { width:100%; }
.news_unit:hover .news_index_arw { opacity:1; right:0; cursor:pointer; }
.news_unit:hover h5, .news_unit:hover h6, .news_unit:hover .news_date { opacity:0.6; }


.news_article_txt, .news_article_ph { position:relative; width:100%; }
.news_article_txt { margin-bottom:80px; }
.news_article_ph img { width:100%; margin-bottom:5px; }
.news_article_txt h1 { margin-bottom:40px; }
.news_article_txt p, .news_article_txt ul  { margin-bottom:20px; }
.news_article_txt li { margin:2px 0; }

.news_article_inner a { color:#0022ff; text-decoration: underline; transition:opacity .3s ease; }



#news_link { position:relative; width:100%; }
.news_link_inner { position:relative; width:100%; height:auto; left:50%; transform:translateX(-50%); margin-top:80px; padding-top:40px; border-top:1px solid #dedede; display:flex; flex-wrap:nowrap; justify-content: space-between; }
.news_link_inner span { font-size:1rem; }
.news_index_back, .news_prev, .news_next { position:relative; width:36px; height:50px; text-align:center;}
.news_prev_arw, .news_next_arw, .news_index_icon { position:relative; width:100%; height:40px; }
.news_prev_arw::before, .news_next_arw::before { content:''; position:absolute; top:50%; width:100%; height:2px; background-color: #000; transform:translateY(-50%); transition:width .4s cubic-bezier(0.22, 1, 0.36, 1); }
.news_prev_arw::before { left:0; }
.news_next_arw::before { right:0; }
.news_prev_arw::after, .news_next_arw::after { content:''; position:absolute; top:50%; width:10px; height:2px; background-color: #000; }
.news_prev_arw::after { left:0; transform:translateY(-50%) rotate(-45deg); transform-origin:left bottom; }
.news_next_arw::after { right:0; transform:translateY(-50%) rotate(45deg); transform-origin:right bottom; }
.news_index_icon span, .news_index_icon span::before, .news_index_icon span::after { content:''; position:absolute; top:50%; left:50%; width:4px; height:4px; background-color: #000; border-radius:2px; transform:translate(-50%,-50%); transition:width .3s cubic-bezier(0.22, 1, 0.36, 1), height .3s cubic-bezier(0.22, 1, 0.36, 1); }
.news_index_icon span::before { margin-top:-8px; transition-delay: .1s; }
.news_index_icon span::after { margin-top:8px; transition-delay: .2s; }
.news_index_back a, .news_prev a, .news_next a { position:absolute; width:100%; height:100%; top:0; left:0; cursor:pointer;  }
.news_prev:hover .news_prev_arw::before, .news_next:hover .news_next_arw::before  { width:75%; }
.news_index_back:hover .news_index_icon span, .news_index_back:hover .news_index_icon span::before, .news_index_back:hover .news_index_icon span::after { width:24px; height:2px; }






#night .news_unit { border-bottom:1px solid #565656; }
#night .news_unit:last-child { border:none; }
#night .news_article_inner a { color:#dda200; }
#night .news_link_inner { border-top:1px solid #565656; }
#night .news_prev_arw::before, #night .news_next_arw::before { background-color: #fff; }
#night .news_prev_arw::after, #night .news_next_arw::after { background-color: #fff; }
#night .news_index_icon span, #night .news_index_icon span::before, #night .news_index_icon span::after { background-color: #fff; }




@media screen and (min-width:960px) {

    #news_index, #news_article { margin-top:160px; padding-bottom:180px; }
    #news_index { width:70%; }
    #news_article { width:55%; }
    .news_unit { padding:40px 60px 40px 0; }
    .news_index_arw { width:32px; }
}

@media screen and (min-width:1500px) {

    #news_index, #news_article { margin-top:10vw; padding-top:2vw; padding-bottom:6vw; }
    .news_unit { padding:3vw 4vw 3vw 0; border-bottom:0.1vw solid #dedede; }
    .news_index_arw { width:2.2vw; right:0.8vw; }
    .news_date { font-size:0.6vw; margin-bottom:0.8vw; }
    .news_article_txt { margin-bottom:6vw; }
    .news_article_ph img { margin-bottom:0.4vw; }
    .news_article_txt h1 { margin-bottom:3vw; }
    .news_article_txt p, .news_article_txt ul  { margin-bottom:1.5vw; }
    .news_article_txt li { margin:0.1vw 0; }

    .news_link_inner { margin-top:3vw; }
    .news_link_inner span { font-size:0.8vw; }
    .news_index_back, .news_prev, .news_next { width:2.5vw; height:4vw; }
    .news_prev_arw, .news_next_arw, .news_index_icon { height:3vw; }
    .news_prev_arw::before, .news_next_arw::before { height:0.2vw; }
    .news_prev_arw::after, .news_next_arw::after { width:1vw; height:0.2vw; }
    .news_index_icon span, .news_index_icon span::before, .news_index_icon span::after { width:0.3vw; height:0.3vw; border-radius:0.15vw; }
    .news_index_icon span::before { margin-top:-0.5vw; }
    .news_index_icon span::after { margin-top:0.5vw; }
    .news_index_back:hover .news_index_icon span, .news_index_back:hover .news_index_icon span::before, .news_index_back:hover .news_index_icon span::after { width:1.6vw; height:0.2vw; }



    #night .news_unit { border-bottom:0.1vw solid #565656; }
    #night .news_link_inner { border-top:0.1vw solid #565656; }

}