/*********************************/
/*  トップページ
**********************************/

/*
* トップスライダー
*/
 .top-slider .splide-wrapper{
 	position: relative;
 }
  .top-slider .splide__arrow.splide-my-arrow{
 	top: 50%;
 	width: 2.4rem;
	height: 2.4rem;
	opacity: .5;
 }
 .top-slider .splide__arrow--prev.splide-my-prev{
 	left: 0;
 }
  .top-slider .splide__arrow--next.splide-my-next{
 	right: 0;
 }
 .top-slider a.splide__slide__container:hover{
 	opacity: .6;
 }
 .top-slider .splide__slide__container img{
 	width: 100%;
	height: auto;
	border-top: 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
 }
 .top-slider .splide__pagination{
 	position: static;
	height: 50px;
 }
 .top-slider .splide__pagination__page{
  	opacity: 1;
  }
 .top-slider .splide__pagination__page.is-active{
 	background: #006EA8;
 }

/*
* お知らせ
*/
.news-list{
	overflow-y: scroll;
	height: 8.2em;
	padding-right: 1rem;
	pgdding-top: .5rem;
	padding-bottom: .5rem;
}
.news-list::-webkit-scrollbar{
   width: .6rem;
}
.news-list::-webkit-scrollbar-track{
   background-color: #e4edf6;
   border-radius: .3rem;
}
.news-list::-webkit-scrollbar-thumb{
   background-color: #006EA8;
   border-radius: .3rem;
   opacity: .8;
}
.news-list dt{
	margin-bottom: .5rem;
}
.news-list dd{
	margin: 0 0 1rem;
	line-height: 1.5;
	text-align: justify;
}
@media (max-width: 768px) {
	.news-list dt{
		padding-left: .5rem;
	}
	.news-list dd{
		padding-left: 1rem;
	}
}

/*
* フリースペース
*/
.free-msg{
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	color: #333;
	background-color: #e4edf6;
}
.free-msg a{
	color: #333;
}
.free-msg-img,
.free-msg-wrap{
	word-wrap: break-word;
    min-width: 0;
}
.free-msg-img{
	-webkit-box-flex: 1;
	-ms-flex: 1;
    flex: 1;
	position: relative;
    overflow: hidden;
}
.free-msg-img img{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	object-fit: cover;
}
.free-msg-wrap{
	-webkit-box-flex: 2;
	-ms-flex: 2;
	flex: 2;
	padding: 0 30px 30px;
}
.free-msg-wrap-txt br{
	display: none;
}
@media (max-width: 768px) {
	.free-msg{
		display: block;
	}
	.free-msg-img img{
		position: relative;
		height: 16rem;
		padding-bottom: .3rem;
	}
	.free-msg-wrap{
		padding: 0 1.5rem 1.5rem;
	}
	.free-msg-wrap h2{
		font-size: 1.51rem;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}