/*
mobile: -767px
tablet,PC: 768px-
*/

html,
body {
  height: 100%;
  width: 100%;
  margin: 0 auto;
  font-family: Verdana, Arial, "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 100%;
  background: var(--ff);
}
.p-closed {
  min-height: 100vh;
  overflow-x: hidden;
  background: #F6F6F6;
}
header {
	display: flex;
	justify-content: center;
	align-items: center;
  width: 100%;
  height: 60px;
  background: #007a45;
}
header img {
  height: 51px;
}
footer {
  position: relative;
  bottom: 0;
  margin-top: auto;
  width: 100%;
  border-top: 1px solid #ccc;
}
footer p {
  font-size: 0.8rem;
  color: #333;
  text-align: center;
  padding: 0.5em 0;
}
main {
	padding: clamp(70px, 10.76vw, 140px) 0;
}
.p-closed__content {
	width: 89.333333%;
  max-width: 1200px;
  margin-inline: auto;
  position: relative;
}
.p-closed__message {
	padding: clamp(50px, 8.46vw, 110px) 20px;
	background: #fff;
	border-radius: clamp(15px, 1.53vw, 20px);
	text-align: center;
}
.p-closed__message p {
	font-size: clamp(20px, 2.15vw, 28px);
	font-weight: 700;
	line-height: 2.142;
}
.p-closed__btn {
	display: flex;
	flex-direction: column;
	gap: clamp(20px, 3.07vw, 40px);
	margin-top: clamp(40px, 6.15vw, 80px);
}
@media (min-width: 768px) {
	.p-closed__btn {
		flex-direction: row;
		justify-content: center;
	}
}
.p-closed__btn a {
	padding: clamp(20px, 2.3vw, 30px);
	width: min(100%, 400px);
	background: #fff;
	border: 1px solid #007A45;
	border-radius: 10px;
	color: #007A45;
	font-size: clamp(15px, 1.38vw, 18px);
	text-align: center;
	position: relative;
	transition: .3s;
}
.p-closed__btn a.-green {
	background: #007A45;
	color: #fff;
	text-align: left;
}
.p-closed__btn a::after {
	content: "";
	width: 8px;
	height: 11px;
	background: #007A45;
	mask-image: url(../images/icon_arrow.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  position: absolute;
  right: clamp(15px, 2.3vw, 30px);
  top: 50%;
  transform: translateY(-50%);
}
.p-closed__btn a.-green::after {
	background: #fff;
}
.p-closed__btn a:hover {
	background: #007A45;
	color: #fff;
}
.p-closed__btn a:hover::after {
	background: #fff;
}
.p-closed__btn a.-green:hover {
	background: #fff;
	color: #007A45;
}
.p-closed__btn a.-green:hover::after {
	background: #007A45;
}
@media (max-width: 768px) {
	.pc {
		display: none;
	}
}