@charset "utf-8";
/* CSS Document */


.news-containar{
	color:white;
	width:100%;
	padding-top:10%;
	padding-bottom:10%;
	background-image:url("../img/rule-access-bg.jpeg");
}

.news-box-all{
	width:60%;
	display: flex;
	margin:auto;
}
.news-oshirase{
	width:10%;
  writing-mode: vertical-rl;display: flex;flex-direction: column;
}
.news-oshirase p{
	font-size:25pt;
}

.news-box{
	
	width:80%;
	color:white;
	margin:0 auto;
}
.news-title{
}
.news-title h1{
	font-size:20pt;
	padding-top:30px;
}
.news-title p{
	font-size:10pt;
}
.news-moji p{
	font-size:12pt;
	padding:25px 0;
}
.news-containar hr{
	height:5px;
	margin:50px 0;
}



.scroll {
position:relative;/*絶対値指定の親要素に必要*/
display:flex;/*要素を横並びに*/
justify-content:space-between;/*横並びにした要素を両端に配置*/
}
.scroll:before {
content:"";/*疑似要素の中身を指定*/
position:absolute;/*絶対位置指定*/
left:50%;/*横位置の指定*/
top:80px;/*縦位置の指定*/
background:white;/*線の色指定*/
width:1px;/*線の幅指定*/
height:60px;/*線の高さ指定*/
}



@media screen and (max-width:1024px) {
	
.news-box-all{
	width:100%;
}
.news-box{padding-right:5%;
}
}