@charset "utf-8";

/* トップページ
   ========================================================================== */

/* ヘッダ
   ====================================== */
@media (min-width:768px) {
	.hd-home {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 500px;
		background-image: url("../img/main-image.jpg");
	}
	.hd-home figure {
		top: 116px;
		/*top: 160px;*/
		left: 50%;
		transform: translateX(-50%);
	}
}



/* トピックス
   ====================================== */
.topics li {
	margin-top: 20px;
}
.topics div {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1;
	margin-top: 1em;
}
.topics a {
	display: block;
}
.topics p {
	margin-top: .5em;
}
@media (min-width:768px) {
	.topics {
		display: flex;
		margin-top: 60px;
	}
	.topics li {
		width: calc((100% - 30px - 30px) / 3);
		margin: 0 30px 0 0;
	}
	.topics li:last-child {
		margin-right: 0;
	}
	.topics a {
		transition: .3s;
	}
	.topics a:hover {
		opacity: .7;

	}
	.topics div {
		font-size: 1.8rem;
	}
	.topics p {
		margin-top: 1em;
	}
}