@charset "UTF-8";


/***************************************************

	news archive

***************************************************/


.list_wrapp{
    margin-bottom: 176px;
    padding-right: 160px;
}

.list_wrapp .list_title{
    font-size: 64px;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 122px;
    position: relative;
}

.list_wrapp .list_title::after{
    content: '';
    display: inline-block;
    width: 80px;
    height: 2px;
    background: #0090C5;
    position: absolute;
    bottom: -40px;
    left: 0;
}

.list_wrapp ul{

}

.list_wrapp ul li{
    margin-bottom: 64px;
}

.list_wrapp ul li .li_head{
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.list_wrapp ul li .li_head .category{
    line-height: 1;
    margin-right: 16px;
}

.list_wrapp ul li .li_head .category .cat_wrapp{
    display: inline-block;
    min-width: 160px;
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    box-sizing: border-box;
    background: #0090C5;
    text-align : center;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}

.list_wrapp ul li .li_head .date{
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.04em;
}

.list_wrapp ul li .text_area span,
.list_wrapp ul li .text_area a{
    font-size: 24px;
    font-weight; 400px;
    line-height: 2.0;
}

.list_wrapp.no_result{

}

.list_wrapp.no_result .no_result_title{
    font-size: 64px;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 122px;
    position: relative;
}

.list_wrapp.no_result .no_result_title::after{
    content: '';
    display: inline-block;
    width: 80px;
    height: 2px;
    background: #0090C5;
    position: absolute;
    bottom: -40px;
    left: 0;
}

.list_wrapp.no_result .no_result_text{
    font-size: 64px;
    font-weight: 300;
    line-height: 1.6;
}


.news_item{
  opacity:0;
  transform:translateY(20px);
  transition:.6s ease;
}

/* フェードイン */
.news_ul li{
  opacity:1;
  transform:translateY(0);
}

.news_ul li.is-hidden{
  opacity:0;
  transform:translateY(20px);
}

.news_ul li.is-visible{
  opacity:1;
  transform:translateY(0);
  transition:opacity .6s ease, transform .6s ease;
}









/********************************************************************************
	リッキド用 CSS
********************************************************************************/
@media (max-width: 1920px) {


.list_wrapp{
    margin-bottom: 9.166667vw;
    padding-right: 8.333333vw;
}

.list_wrapp .list_title{
    font-size: 3.333333vw;
    margin-bottom: 6.354167vw;
}

.list_wrapp .list_title::after{
    width: 4.166667vw;
    height: 0.104167vw;
    bottom: -2.083333vw;
}


.list_wrapp ul li{
    margin-bottom: 3.333333vw;
}

.list_wrapp ul li .li_head{
    margin-bottom: 0.833333vw;
}

.list_wrapp ul li .li_head .category{
    margin-right: 0.833333vw;
}

.list_wrapp ul li .li_head .category .cat_wrapp{
    min-width: 8.333333vw;
    height: 1.666667vw;
    line-height: 1.666667vw;
    padding: 0 0.625vw;
    font-size: 0.729167vw;
}

.list_wrapp ul li .li_head .date{
    font-size: 0.625vw;
}

.list_wrapp ul li .text_area span,
.list_wrapp ul li .text_area a{
    font-size: 1.25vw;
}

.list_wrapp.no_result{

}

.list_wrapp.no_result .no_result_title{
    font-size: 3.333333vw;
    margin-bottom: 6.354167vw;
}

.list_wrapp.no_result .no_result_title::after{
    width: 4.166667vw;
    height: 0.104167vw;
    bottom: -2.083333vw;
}

.list_wrapp.no_result .no_result_text{
    font-size: 3.333333vw;
}









}



/********************************************************************************
	スマートフォン用 CSS
********************************************************************************/

@media(max-width: 768px){


.list_wrapp{
    margin-bottom: 21.333333vw;
    padding-right: 0;
}

.list_wrapp .list_title{
    font-size: 8.533333vw;
    margin-bottom: 24vw;
}

.list_wrapp .list_title::after{
    width: 10.666667vw;
    height: 0.533333vw;
    bottom: -6.4vw;
}

.list_wrapp ul{

}

.list_wrapp ul li{
    margin-bottom: 10.666667vw;
}

.list_wrapp ul li .li_head{
    margin-bottom: 2.133333vw;
}

.list_wrapp ul li .li_head .category{
    margin-right: 4.266667vw;
}

.list_wrapp ul li .li_head .category .cat_wrapp{
    min-width: 34.666667vw;
    height: 8vw;
    line-height: 8vw;
    padding: 0 3.2vw;
    font-size: 3.2vw;
}

.list_wrapp ul li .li_head .date{
    font-size: 2.666667vw;
}

.list_wrapp ul li .text_area span,
.list_wrapp ul li .text_area a{
    font-size: 4.266667vw;
}

.list_wrapp.no_result{

}

.list_wrapp.no_result .no_result_title{
    font-size: 8.533333vw;
    margin-bottom: 17.066667vw;
}

.list_wrapp.no_result .no_result_title::after{
    width: 10.666667vw;
    height: 0.533333vw;
    bottom: -6.4vw;
}

.list_wrapp.no_result .no_result_text{
    font-size: 8.533333vw;
}





}