@charset "UTF-8";
/* CSS Document */

*{margin:0; padding:0;}

img{
	vertical-align: bottom;
}

body{width: 100%; max-width: 900px; margin: 0 auto; text-align: center; background-color: #000000;}

.contents img {width: 100%;}

.icon {display: flex; flex-wrap:wrap;}
.icon p {
	width: calc(100%/4);
	box-sizing: border-box;
	margin: 0;
	margin-bottom: -5px;
}
.icon p img {max-width:100%; height: auto;}
.icon p:hover {opacity: 0.7;}
a:hover img{
opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity:0.6;
}

.fade-in {
	opacity: 0; /* 最初は透明にする */
	animation: fadeIn 1s ease-in forwards; /* アニメーションを適用する */
  }
  
  @keyframes fadeIn {
	from {
	  opacity: 0; /* 透明度を0から始める */
	}
	to {
	  opacity: 1; /* 透明度を1まで変化させる */
	}
  }

/*---------- スマホサイズ ---------- */
hr{
margin-top: 23px;
border:none;
border-top:dashed 1px #c7c7c7;
height:1px;
color:#FFFFFF;
width:100%;
}
.contents1 img {width: 100%;}
.contents2 img {width: 100%;}
.contents3 img {width: 90%;}
.contents4 img {width: 90%;}
.footer img {width: 95%;}
.back img {width: 90%;}
.box1 { margin-top: 10px; text-align: left }
.box1 ul li{ display:inline; }

.text1{
	font-size: 15px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-weight: 500;
	margin-top: 10px;
	color: #000000;
	text-align: left;
}
.copyright{
	font-size: 12px;
	font-family: YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', 'serif';
	font-weight: 500;
	color: #000000;
	text-align: center;
}
/*---------- pcサイズ ---------- */
@media (min-width:601px){
	
hr{
margin-top: 55px;
border:none;
border-top:dashed 1px #c7c7c7;
height:1px;
color:#FFFFFF;
width:100%;
}
.contents1 img {width: 100%;}
.contents2 img {width: 100%;}
.contents3 img {width: 90%;}
.contents4 img {width: 90%;}
.footer img {width: 95%;}
.back img {width: 90%;}
.box1 { margin-top: 30px;}
.box1 ul li{ display:inline;}

.text1{
	font-size: 30px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-weight: 500em;
	margin-top: 10px;
}	
.copyright{
	font-size: 20px;
	font-family: YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', 'serif';
	font-weight: 500;
	color: #FFFFFF;
	text-align: center;
}
}