@charset "UTF-8";
/* CSS Document */
#catch_img {
	margin:0px auto;
	display:block;
	text-align:center;
	max-width: 1200px;
	position:relative;
}
#catch_img img {
	width: 100%;
	height: auto;
}
#catch_img h1.catch_txt {
	z-index: 200;
	position: absolute;
	font-size: 5.0rem;
box-sizing: border-box;
	text-align: left;
	line-height: 120%;
	color: #06918f;
	top: 17%;
	left:6%;
	text-shadow:0px 0px 2px #64f1ef;
}
#catch_img p.sub_catch {
	z-index: 201;
	position: absolute;
	font-size: 2.5rem;
	text-align: left;
	line-height: 8.0rem;
	color: #06918f;
	top: 60%;
	left:6%;
}


.ticker {
  margin: 5px auto;
	padding: 5px 5px 30px 5px;
	box-sizing: border-box;
  max-width: 1200px;
	width:100%;
  text-align: left;
  position: relative;
	overflow:hidden;
  background-color: #f5faf9;
	height:auto;
}

.ticker ul {
  width: 100%;
  position: relative;
}

.ticker ul li {
  width: 100%;
  display: none;
}

#newsticker ul li span.day {
	margin-right: 10px;
	display: inline;
}

#newsticker ul li a {
	text-decoration:underline;
}

#newsticker ul li a:hover {
	text-decoration:none;
}

@media screen and (max-width: 1024px) {
	#catch_img h1.catch_txt {
	font-size: 4.4rem;
	line-height: 120%;
	}
	
	#catch_img p.sub_catch {
font-size: 1.8rem;
}
}

@media screen and (max-width: 800px) {
	#catch_img h1.catch_txt {
	font-size: 3.8rem;
}
#catch_img p.sub_catch {
font-size: 2.0rem;
}
}
@media screen and (max-width: 690px) {
	#catch_img h1.catch_txt {
	font-size: 3.0rem;
}
#catch_img p.sub_catch {
font-size: 1.6rem;
}
#newsticker ul li {
	padding: 5px 5px;
}
}
@media screen and (max-width: 560px) {
#catch_img h1.catch_txt {
font-size: 1.8rem;
}
	
#catch_img p.sub_catch {
font-size: 1.3rem;
line-height: 140%;
max-width: 240px;
margin-top: 15px;
}
	
.ticker {
	max-width:100%;
	padding:2px 5px;
}
	.info_txt {
		display:block;
		height:40px;
	}	
}