*, *:before, *:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}table { border-collapse:collapse; border-spacing:0;}fieldset,img { border:0; vertical-align:bottom;}address,caption,cite,scode,dfn,em,th,var {font-style:normal; font-weight:normal;}ol,ul { list-style:none; padding:0; margin:0;}caption,th { textron-align:left;}h1,h2,h3,h4,h5,h6 {font-size:100%;	font-weight:normal;}q:before,q:after {content:'';}abbr,acronym { border:0;}

/** **/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@900&display=swap');


body{
	width:100%;
	font-size:18px;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	 line-height:1.6;
	-webkit-text-size-adjust: 100%;
	/* background-image: linear-gradient(150deg, rgba(88, 166, 109, 1) 16%, rgba(223, 222, 9, 1) 29% 40%, rgba(196, 99, 155, 1) 62%, rgba(99, 81, 154, 1) 83%, rgba(57, 59, 72, 1) 92%); */
	background-color: #000;
	background-position: center center;
	background-attachment: fixed;
	background-size: cover;
}


.clear{clear:both;}
.clear hr{display:none;}


/*-------------------------------------*/
h1{
	width:1200px;
	margin:80px auto 50px;
}
h1 img{
	width:auto;
}
#wrapper{
	width:100%;
	text-align:center;
	margin:20px auto 0;
	color:#3F3F3F;

}
h2{
	width:95%;
	padding:5px;
	margin:0 auto 20px;
	font-weight:bold;
	font-size:2.3rem;
	letter-spacing: 0.5em;
	padding-left:0.5em;
	background:#05161E;
	color:#D6D296;
	font-family: 'Noto Serif JP', serif;
	box-shadow: 0 0 5px #D6D296;
}
section{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
}
.msg{
	text-align:right;
	margin:20px;
	font-size:0.9em;
}
.txt{
	text-align:center;
	margin:20px;
	font-size:0.9em;
	color:#fff;
}
.photo_wrap{
	padding:0;
}
.photo_box{
	margin-bottom:1.5em;
	padding:1em 1em 0 1em;
	background:rgba(255,255,255,0.8);
}
.photo_box ul{
	padding:1em;
	display:flex;
	gap:30px;
	justify-content:flex-start;
	flex-wrap:wrap;
}
.photo_box ul.award{
	justify-content:center;
}
.photo_box ul li{
	width:calc((100% - 60px) / 3);
	margin-bottom:50px;
	display:block;
	line-height:2em;
	font-weight:bold;
	font-size:0.8em;
}
.photo_box ul.award li{
	margin:0 30px 50px;
}
.photo_box ul.award.first li{
	width:60%;
	margin-bottom:20px;
	display:block;
	line-height:2em;
	font-weight:bold;
	font-size:0.8em;
}
.photo_box ul.award.first li > div
{
	display:flex;
	justify-content: space-between;
}
.photo_box ul.award.first li > div > img
{
	width:calc((100% - 10px) / 2);
	display:block;
}
.photo_box ul li span{
	display:block;
	margin:20px auto 0;
	line-height:1;
	background:#82569a;
	padding:5px;
	color:#fff;
	font-weight:normal;
}
.photo_box ul.award.first li span
{
	width:calc((100% - 10px) / 2);
	display:block;
}
.photo_box ul.award.first + div{
	width:80%;
	margin:0 auto 50px;
	display:block;
	padding:1em 2em;
	border:solid 1px #82569a;
	border-radius: 1em;
	background: #fff;
	color:#666;
	text-align: left;
}
.photo_box ul.award.first + div h3{
	font-weight:bold;
	font-size:1.2em;
	text-align: center;
	margin-bottom:0.5em;
}
.photo_box ul li:nth-child(4n){
	margin-right:0;
}
.photo_box ul li img{
	width:100%;
	cursor: pointer;
}
#footer p{color:#fff;margin-bottom:0.8em;}

@media only screen and (max-width: 767px) {
	h1{
		width:100%;
		margin:30px auto 20px;
	}
	h1 img{
		width:90%;
	}
	h2{
		font-size:1.5rem;
	}
	section{
		width:100%;
	}
	.msg{
		text-align:right;
		margin:5px;
		font-size:0.5em;
	}
	.txt{
		width:80%;
		text-align:center;
		margin:5px auto;
		font-size:0.5em;
	}
	.photo_box{
		margin-bottom:1.5em;
		padding:5px;
		background:rgba(255,255,255,0.8);
	}
	#footer p{font-size:0.8em}

	.photo_box ul.award.first + div{
		width:95%;
		margin:0 auto 30px;
		padding:1em 1em;
		border:solid 1px #82569a;
		border-radius: 1em;
		background: #fff;
		color:#666;
		text-align: left;
		font-size: 0.85rem;
	}
	.photo_box ul.award.first li
	{
		width: 100%;
		margin-bottom: 0px;
		display: block;
		line-height: 2em;
		font-weight: bold;
		font-size: 0.8em;
	}
	.photo_box ul.award li{
		margin:0 10px 20px;
	}
	.photo_box ul{
		gap:20px;
	}
	.photo_box ul li{
		width:calc((100% - 20px) / 2);
		margin-bottom:10px;
		line-height:1.5em;
	}
	.photo_box ul li span{
		display:block;
		margin:20px auto 10px;
		line-height:1;
	}
}