*{margin: 0;padding: 0;}
html{ font-size: 62.5%;} /*初期値16pxの62.5%でルートが10px*/ 
body {
  font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
font-weight: 700;
  line-height: 1.8;
  font-size: 1.65em;
	color: #333;
  overflow-x: hidden;
	background-color: #fff;
}



section{
	margin: 0 auto;
	border: 1px solid #fff;
	max-width: 985px;
}
p .logo img{
	width: 200px;
}
.tlt{
	text-align: center;
	margin: 0 auto;
}

.photolist{
	margin: 0 auto;
	padding-left: 1%;
}
.photolist img{
	width: 15%;
	margin: 0.5%;
	padding: 0;
	border: none;
}
h1{
border-radius: 30px;
	border: 1px #333 solid;
	letter-spacing: 5px;
	color:#333;
	text-align: center;
	padding: 5px;
	line-height: 1.5;
	margin: 20px auto 0 auto;
}
	p{
		margin: 20px 10px;
	}
/*close*/
#close a:link , #toPageTop a:visited{
	position: fixed;
	top:10px;
	right:10px;
	width: 50px;
	height: 50px;
	background-color: #ffcc00;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%
}
#close a:hover{
	background-color: #ccc;
}


.arrow{
  display: inline-block;
  position: relative;
  margin: 12px 10px 0 24px;
  padding: 0;
  width: 3px;
  height: 25px;
  background: #fff;
  transform: rotate(45deg);
}
.arrow:before{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: -11px;
  width: 25px;
  height: 3px;
  margin-top: -1px;
  background: #fff;
}


@media screen and (max-width: 768px) {
.photolist img{
	width: 23%;
	margin: 0.5%;
	padding: 0;
	border: none;
}	
}
@media screen and (max-width: 414px) {
.photolist img{
	width: 31%;
	margin: 0.5%;
	padding: 0;
	border: none;
}
	h1{
font-size: 1.25em;
margin: 20px 10px 0 10px;
}
	p{
		font-size: 0.85em;
	}
}