@charset "UTF-8";
/* CSS Document */
body {
	margin: 0;
	}
header {
	width: 100%;
	height: 300px;
	position: fixed;
	z-index: 999;/* 重なり上に */
	}
.header_container {
	text-align: center;
}
.header_logo {
	width: 10%;
	height: 10%;
	padding-top: 70px;
}
.top-section {
	position: relative;
}
/* TOP画像 */	
.top-image {
	width: 100%;
	animation-name: fadeInAnime;
	animation-duration: 5s;
	animation-fill-mode: forwards;
	opacity: 0;
}

ul {
	text-align: center;
	padding: 0;
	margin-top: 130px;
}
ul li {
	display: inline-block;
	list-style: none;
}
a {
	padding-left: 20px;
	padding-right: 20px;
	font-size: 1.1rem;
	text-decoration: none;
	color: black;
	font-family: serif;
}
a:hover {
	opacity: 0.5;
}
@keyframes fadeInAnime {
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
.animation{
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-duration: 1.5s;
	width: 128px;
} 
.keyframe5{
	animation-name: anim_sc;
	transform: scale(0.85,0.85);
}
@keyframes anim_sc {
100% {
	transform: scale(1,1);
}
}
/* リード英文 */
.top-section p {
	text-align: center;
	margin: 0;
	padding-top: 100px;
	padding-bottom: 80px;
	line-height: 2.3rem;
	font-size: 1.0rem;
	font-family: Hiragino Kaku Gothic ProN ;
	overflow: hidden;              /* はみ出た分を非表示 */
}
.popout span {
	position: relative; /* bottomを指定するために必要 */
	animation: popanime 1s ease-out forwards; /* 最後ゆっくりになるアニメを1秒かけて1回だけやったあと固定 */
}
@keyframes popanime {
	from {
	  bottom: -20px; /* 親要素外に配置させて見えなくしておく */
	}
	to {
	  bottom: 0px; /* 下から0pxに指定 */
	}
}
footer {
	text-align: center;
}
.btn {
	font-size: 0.95rem;
	display: inline-block;
	width: 100%;
	max-width: 170px; /* ボタン幅 */
	position: relative;
	background: white; /* 背景色 */
	padding: 0.8em 0.5em;
	color: black; /* 文字色 */
	text-decoration: none;
	text-align: center;
	transition-duration: 0.3s;
	border: solid 1.0px;
	font-family: serif;
}
  /* マウスオーバーした際のデザイン */
  .btn:hover {
	background: #e6f0f0; /* 背景色 */
	opacity: 0.8;
}
footer p {
	margin-top: 70px;
	margin-bottom: 30px;
	font-size: 0.9rem;
	padding: 0;
	position: relative;
	font-family: serif;
}