@charset "UTF-8";

/* --- ヒーローエリア ---*/
section.hero_gallery {
	background: url(../img/hero_gallery.jpg) no-repeat center center;
}

/* --- PHOTO-GALLERY ---*/
section.photo_gallery {
	padding: 40px 30px 50px;
}

section.photo_gallery h2 {
	letter-spacing: 0.6em;
}

section.photo_gallery h3 {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 10px;
}

section.photo_gallery p {
	font-size: 16px;
	margin-bottom: 40px;
}

section.photo_gallery ul {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

section.photo_gallery ul li a {
	display: block;
	font-size: 16px;
}

section.photo_gallery ul li a {
	padding: 6px 8px 6px 8px;
}

section.photo_gallery ul li:last-child a {
	background: url(../img/icon_tri.png) no-repeat left center;
	padding: 6px 8px 6px 20px;
}

/* フォトギャラリー（仮） */
ul.photo_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 30px;
}

ul.photo_list li {
	flex: 0 0 50%;
	margin-bottom: 4px;
}

ul.photo_list li img {
	display: block;
	width: 100%;
	height: auto;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
}

/* デスクトップ用 */
@media(min-width:1067px) {
	/* --- PHOTO-GALLERY ---*/
	section.photo_gallery {
	padding: 70px 0px 100px;
	}
	section.photo_gallery h2 {
	letter-spacing: 1em;
	}
	section.photo_gallery h3 {
	font-size: 16px;
	margin-bottom: 16px;
	}
	section.photo_gallery p,
	section.photo_gallery ul li a {
	font-size: 14px;
	}
	/* フォトギャラリー（仮） */
	ul.photo_list li {
	flex: 0 0 225px;
	margin-bottom: 4px;
	}
	ul.photo_list li img {
	width: 221px;
	border-left: none;
	border-right: none;
	}
}