@charset "utf-8";

/*
	top.css
---------------------------------------------------------------------------------------------------------------------------------------------*/
/* headline
--------------------------------------------------------------------------------------------------------*/
#headline .inner {
	padding-top: calc(20 / 375 * 100vw);
	padding-right: calc(15 / 375 * 100vw);
	padding-bottom: calc(50 / 375 * 100vw);
	padding-left: calc(15 / 375 * 100vw);
}
#headline h2 {
	text-align: center;
}
#headline .inner p {
	font-size: calc(16 / 375 * 100vw);
	line-height: 1.75;
}
#headline .inner .field {
	padding-top: calc(60 / 375 * 100vw);
	position: relative;
}
#headline .inner .field::before {
	content: '';
	position: absolute;
	top: calc(25 / 375 * 100vw);
	left: 50.0%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: calc(20 / 375 * 100vw) calc(19 / 375 * 100vw) 0 calc(19 / 375 * 100vw);
	border-color: #238c3c transparent transparent transparent;
	-webkit-transform: translate(-50.0%, 0);
	transform: translate(-50.0%, 0);
}
#headline .inner .field h3 {
	font-size: calc(18 / 375 * 100vw);
	letter-spacing: -0.03em;
	text-align: center;
	line-height: 2.0;
	margin-bottom: calc(45 / 375 * 100vw);
}
#headline .inner .field h3 strong {
	color: #238e3a;
	background: -webkit-linear-gradient(transparent 60%, #fff570 0%);
	background: linear-gradient(transparent 60%, #fff570 0%);
}
#headline .inner .field .item dl:not(:last-child) {
	margin-bottom: calc(35 / 375 * 100vw);
}
#headline .inner .field .item dl:first-child {
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
#headline .inner .field .item dl:nth-of-type(1) dt {
	margin-left: calc(8 / 375 * 100vw);
}
#headline .inner .field .item dl:nth-of-type(2) dt {
	margin-right: calc(8 / 375 * 100vw);
}
#headline .inner .field .item dl dd {
	margin-bottom: calc(5 / 375 * 100vw);
}
@media screen and (min-width: 1025px) {
	#headline .inner {
		padding-top: 5.5rem;
		padding-right: 4.0rem;
		padding-bottom: 13.5rem;
		padding-left: 4.0rem;
	}
	#headline .inner p {
		font-size: 3.2rem;
	}
	#headline .inner .field {
		padding-top: 16.5rem;
	}
	#headline .inner .field::before {
		top: 6.8rem;
		border-width: 5.4rem 5.2rem 0 5.2rem;
	}
	#headline .inner .field h3 {
		font-size: 4.9rem;
	}
	#headline .inner .field .item dl:not(:last-child) {
		margin-bottom: 9.5rem;
	}
	#headline .inner .field .item dl:nth-of-type(1) dt {
		margin-left: 2.2rem;
	}
	#headline .inner .field .item dl:nth-of-type(2) dt {
		margin-right: 2.2rem;
	}
	#headline .inner .field .item dl dd {
		margin-bottom: 1.4rem;
	}
}

/* sending
--------------------------------------------------------------------------------------------------------*/
#sending  {
	background-color: #d7e7ae;
}
#sending .inner {
	padding-top: calc(50 / 375 * 100vw);
	padding-right: calc(15 / 375 * 100vw);
	padding-bottom: calc(50 / 375 * 100vw);
	padding-left: calc(15 / 375 * 100vw);
}
#sending .inner ul li:not(:last-child) {
	margin-bottom: calc(20 / 375 * 100vw);
}
#sending .inner ul li a {
	width: 100.0%;
	background-color: #fff462;
	border: calc(5 / 375 * 100vw) solid #218c3b;
	border-radius: calc(32 / 375 * 100vw);
}
#sending .inner ul li a span {
	font-size: calc(22 / 375 * 100vw);
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	color: #238e3a;
}
#sending .inner .btn-archive {
	padding-top: calc(20 / 375 * 100vw);
}
#sending .inner .btn-archive a {
	display: block;
	width: 100.0%;
	background-color: #fff;
	text-align: center;
	padding-top: calc(15 / 375 * 100vw);
	padding-bottom: calc(20 / 375 * 100vw);
	border: calc(5 / 375 * 100vw) solid #23896d;
	border-radius: calc(25 / 375 * 100vw);
}
#sending .inner .btn-archive a img {
	width: calc(300 / 375 * 100vw);
	height: intrinsic;
}

@media screen and (min-width: 1025px) {
	#sending .inner {
		padding-top: 13.5rem;
		padding-right: 4.0rem;
		padding-bottom: 13.5rem;
		padding-left: 4.0rem;
	}
	#sending .inner ul li:not(:last-child) {
		margin-bottom: 5.5rem;
	}
	#sending .inner ul li a {
		border: 1.3rem solid #218c3b;
		border-radius: 8.8rem;
	}
	#sending .inner ul li a span {
		font-size: 6.0rem;
	}
	#sending .inner .btn-archive {
		padding-top: 5.5rem;
	}
	#sending .inner .btn-archive a {
		padding-top: 4.0rem;
		padding-bottom: 5.5rem;
		border: 1.3rem solid #23896d;
		border-radius: 6.8rem;
	}
	#sending .inner .btn-archive a img {
		width: auto;
		height: intrinsic;
	}
}

/* caution
--------------------------------------------------------------------------------------------------------*/
#caution .inner {
	padding-top: calc(30 / 375 * 100vw);
	padding-right: calc(15 / 375 * 100vw);
	padding-bottom: calc(50 / 375 * 100vw);
	padding-left: calc(15 / 375 * 100vw);
}
#caution .inner h2 {
	font-size: calc(21 / 375 * 100vw);
	color: #238e3a;
	background-color: #dcdddd;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-radius: calc(10 / 375 * 100vw);
	margin-bottom: calc(30 / 375 * 100vw);
	text-align: center;
}
#caution .inner ul li {
	font-size: calc(15 / 375 * 100vw);
	line-height: 1.733;
}
#caution .inner ul li::before {
	content: '●';
	color: #238e3a;
}

@media screen and (min-width: 1025px) {
	#caution .inner {
		padding-top: 8.0rem;
		padding-right: 4.0rem;
		padding-bottom: 13.5rem;
		padding-left: 4.0rem;
	}
	#caution .inner h2 {
		font-size: 5.7rem;
		border-radius: 2.7rem;
		margin-bottom: 8.2rem;
	}
	#caution .inner ul li {
		font-size: 4.1rem;
	}
}
/*
	top.css End
---------------------------------------------------------------------------------------------------------------------------------------------*/