@charset"utf-8";

*, ::after, ::before {
	box-sizing: border-box;
}

html {
	margin: 0;
	padding: 5vw;
}

body {
	margin: 0;
	padding: 0;
	font-size: clamp(12.8px, 4.267vw, 17px);
	line-height: 1.7;
	letter-spacing: .15em;
	font-family: "Hiragino Kaku Gothic ProN", "メイリオ", "meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	-moz-font-feature-settings: "palt";
}

a {
	text-decoration: none;
	color: inherit;
}

@media (any-hover: hover) {
	a {
		transition: .3s all;
	}

	a:hover {
		opacity: .7;
	}
}

img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
	font-style: italic;
}

.pc {
	display: none;
}

.mb, .sp {
	display: inline-block;
}

@media screen and (min-width:420px) {
	.mb {
		display: none;
	}
}

@media screen and (min-width: 768.1px) {
	.sp {
		display: none;
	}

	.pc {
		display: inline-block;
	}
}

main {
	text-align: center;
}

h1 {
	width: min(438px, 90%);
	margin: 35px auto;
}

h2 {
	font-size: 1.6em;
	font-weight: 700;
	margin-bottom: 60px;
}

p+p {
	margin-top: 2em;
}