/* CSS Document */
@font-face {
  font-family: 'Noto Sans Japanese';
  font-weight: 400;
  src: url('../../common/fonts/NotoSansCJKjp-Regular.woff') format('woff');
}
/* ============================================
	mainimg
============================================ */
#mainimg{
  margin-bottom: 40px;
}

#mainimg li{
  position: relative;
}
#mainimg li p{
  position: absolute;
  bottom: 15px;
  right: 20px;
  font-size: 22px;
  color: #fff;
  font-family: 'Noto Sans Japanese',sans-serif;
  text-shadow: 0px 0px 15px #000,0px 0px 5px #000;
  letter-spacing: 0.1em;
  z-index: 1000;
}
#mainimg li p.black{
  color: #333;
  text-shadow: 0px 0px 15px #fff,0px 0px 10px #fff,0px 0px 10px #fff,0px 0px 10px #fff;
}
.slick-prev, .slick-next {
  width: 27px;
  height: 49px;
  z-index: 9999;
}
.slick-prev{
  left: 25px;
}
.slick-next{
  right: 25px;
}
.slick-prev, .slick-prev:hover, .slick-prev:focus{
  background-image: url(../img/slide_prev.png);
}
.slick-next, .slick-next:hover, .slick-next:focus{
  background-image: url(../img/slide_next.png);
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{
  opacity: 0.7;
}
.slick-prev:before,.slick-next:before{
  content: '';
}
.slick-dots{
  bottom: -40px;
}
.slick-dots li{
  margin: 0 2px;
}
.slick-dots li button:before {
  font-size: 12px;
  color: #808080;
}
.slick-dots li.slick-active button:before{
  color: #808080;
}
/* ============================================
	contents
============================================ */

aside {
	float:left;
	width:270px;
	margin:0 50px 0 0;
}

div.top_rightbox {
	float:left;
	width:630px;
	border-top:#595757 1px solid;
}

div.top_rightbox .news {
	margin:0 0 40px 0;
}

div.top_rightbox .scrollInner {
	width:630px;
	height:230px;
	overflow-x:hidden ;
	margin:20px 0 0 0;
}

div.top_rightbox .scrollInner article dl {
	width:600px;
	margin:0 0 15px 0;
	border-bottom:#CCCCCC dotted 1px;
	padding:0 0 5px 0;
}

div.top_rightbox .scrollInner article dl dt{
	margin:0 0 8px 0;
	float:left;
	width:100px;
}

div.top_rightbox .scrollInner article dl dd{
	float:left;
	width:500px;
}

div.top_rightbox #scrollbar1 {
	margin:20px 0 0 0;
}

div.top_rightbox #scrollbar1 .viewport .overview article dl {
	width:600px;
	margin:0 0 15px 0;
	border-bottom:#CCCCCC dotted 1px;
	padding:0 0 5px 0;
}

div.top_rightbox #scrollbar1 .viewport .overview article dl dt{
	margin:0 0 8px 0;
	float:left;
	width:100px;
}

div.top_rightbox #scrollbar1 .viewport .overview article dl dd{
	float:left;
	width:500px;
}


/* banner */
.area_news_banner {
  display: flex;
  justify-content: center;
  gap: 50px;
  margin: 0 0 50px;

}

/* */
div.top_rightbox_inner {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr;
	gap: 15px 65px;
}
/* div.top_rightbox_inner .closing,
div.top_rightbox_inner .plan,
div.top_rightbox_inner .articles {
	width:280px;
	float:left;
}
div.top_rightbox_inner .plan{
	margin-right: 65px;
} */
/* div.top_rightbox_inner .closing {
	margin:0 70px 0 0;
}
div.top_rightbox_inner .plan,
div.top_rightbox_inner .articles {
	margin-bottom: 0px;
} */
div.top_rightbox_inner .closing ul,
div.top_rightbox_inner .plan ul,
div.top_rightbox_inner .articles ul {
	margin:10px;
}

div.top_rightbox_inner .closing ul li,
div.top_rightbox_inner .plan ul li,
div.top_rightbox_inner .articles ul li {
	margin:0 0 8px 0;
	padding:0 0 3px 0;
	border-bottom:#595757 1px dotted;
}
div.top_rightbox_inner .closing ul li:last-child,
div.top_rightbox_inner .plan ul li:last-child,
div.top_rightbox_inner .articles ul li:last-child {
	border-bottom: none;
}