@charset "UTF-8";

.bg-slider {
	width: 100vw;
	height:100vh;
	position:relative;
	background-position:center center;
	background-size: cover;
	display: flex;
	align-items: top;
	justify-content: top;

}
.bg-slider__title{
	color: #fff;
	font-size: 48px;
	line-height: 1.5;
	text-align:center;
	text-shadow: 1px 1px 1px #000;
}


.text-box {
	float:left;
	width:60%;
	height:auto;
	margin:0 0 0 10vw;
	text-align:left;
	overflow:hidden;
}



@keyframes flowing {
  100% {
    transform: translateY(250px);
  }
}


.text-box ul {
  color:#FFF;
  animation: flowing 15s linear infinite;
  animation-direction:normal;
  transform: translateY(-94%);/*初期位置*/
	list-style:none;
	margin:0;
	padding:0;
}
.text-box li {
	margin:20px;
	padding:0;
	font-size:1.0rem;
	color:#FFF;
	text-shadow: 1px 2px 3px #000; 
	font-weight:bold;
}

@media screen and (max-width: 640px) {
.text-box {
	width:80%;
	margin:0;
	font-size:0.85rem;
	text-align:center;
}
.bg-slider {
	width: 100vw;
	height:50vh;
	}

}
@media screen and (max-width: 480px) {
.text-box {
	float:none;
	width:90%;
	margin:0 auto;
	text-align:center;
}
}




@media screen and (max-width: 980px) {
.section-container .cloumn-three h2 {
	font-size:1.2rem;
	line-height:135%;
}
.section-container .cloumn-three p {
  margin: 5px 0 10px;
	font-size:0.85rem;
	line-height:135%;
}
}
@media screen and (max-width: 768px) {
.section-container .cloumn-three h2 {
	font-size:1.0rem;
	line-height:135%;
}

}

@media screen and (max-width: 640px) {
.section-container .cloumn-three h2 {
	font-size:1.2rem;
	line-height:135%;
}
}
@media screen and (max-width: 480px) {

.section-container .cloumn-three h2 {
	font-size:1.4rem;
	line-height:135%;
}
.section-container .cloumn-three p {
  margin: 10px 0 20px;
	font-size:1.0rem;
	line-height:135%;
}

}

ul.news {
	margin:50px 0;
}

ul.news li {
	margin:10px 0;
	padding:10px 0;
	border-bottom:#999 dotted 1px;
}




/* 上書き
------------------------------*/
.cloumn-four a.button {
	width: 200px;
	margin: 0 auto;
}


@media screen and (max-width: 640px) {
.cloumn-four a.button {
	width:100%;
}
}