/*news専用*/
@media screen and (max-width:868px) {

.news {
    position: relative;
    color: #FFF;
    z-index: -200;
    overflow: hidden;
}

/* 疑似クラスで背景を固定 */
.news::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-image: url("../img/news_bg.webp");
    background-position: center top 20%;
    background-size: cover;
    z-index: -201;
    pointer-events: none;
}
.news .layer_top {
    position: fixed;
    top: 0;
    left: 10%;
	width: 80%;
    z-index: -100;
}

/*ニュース一覧*/
.main_news_area {
	width: 82%;
    margin-left: auto;
    margin-right: auto;
    padding: 170px 0 180px;
}
.news_box {
    width: 90%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 50px;
	padding-left: 5%;
}
	
.news_box ul li {
	padding-bottom: 35px;
	position: relative;
}
.news_box ul li:before {
    content: "";
    position: absolute;
	top: 10px;
	left: -25px;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #fff;
}
.news_box ul li .p-index__news--date {
    font-weight: 600;
	
}
.news_box ul li .p-index__news--content{
}
.news_box ul li .p-index__news--content a{
	color: #fff;
	text-decoration: none;
}
	
/*.news_box dl {
	padding-bottom: 35px;
	position: relative;
}
.news_box dl:before {
    content: "";
    position: absolute;
	top: 10px;
	left: -25px;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #fff;
}
.news_box dl dt {
    font-weight: 600;
}
.news_box dl dd a{
	color: #fff;
	text-decoration: none;
}*/

	
	
	
	
}