@charset "utf-8";

html,
body,
#container {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-family: "Lato", "Kosugi", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
	font-size: 16px;
	line-height: 1;
	background: #ffffff;
	-webkit-text-size-adjust: none;
}

h1,
h2,
h3,
h4,
h5,
p,
ul,
ol,
li,
dl,
dt,
dd,
form,
figure,
form {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-weight: normal;
}

h4 {
	text-align: center;
}

ul {
	list-style-type: none;
}

ol {
	padding-left: 40px;
	padding-bottom: 15px;
}

img {
	border: none;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

table {
	border-collapse: collapse;
	font-size: 100%;
	border-spacing: 0;
}

iframe {
	width: 100%;
}

a {
	color: #202020;
	transition: 0.4s;
}

a:hover {
	color: #a5880b;
	text-decoration: none;
}

#contents {
	overflow: hidden;
	margin: 0 auto;
	max-width: 850px;
	padding: 10px 3%;
}

#contents h2 {
	clear: both;
	margin-bottom: -10px;
	text-align: center;
	font-size: 40px;
	letter-spacing: 0.05em;
	line-height: 1.4;
	color: #000000;
}

#contents h2 span {
	display: block;
	font-size: 13px;
}

#contents p {
	padding: 0px 5% 20px;
}

#contents h2+p,
#contents h3+p,
#contents h2+ul.disc,
#contents h3+ul.disc {
	margin-top: -10px;
}

#contents section+section {
	padding-top: 40px;
}

h3 {
	font-size: 26px;
	text-align: center;
	line-height: 1.4;
	margin: 40px;
}

h3 a {
	color: #000000;
}

.h4left {
	text-align: left;
	margin-bottom: 10px;
	line-height: 1.4;
	padding: 0px 5% 20px;
}

h5 {
	font-size: 13px;
	text-align: center;
	margin-bottom: 10px;
	line-height: 1.4;
}

.h5left {
	font-size: 13px;
	text-align: left;
	margin-bottom: 10px;
	line-height: 1.4;
	padding: 0px 5% 20px;
}


footer {
	clear: both;
	text-align: center;
	font-size: 13px;
	padding-bottom: 10px;
}

footer a {
	text-decoration: none;
}


@media screen and (max-width:480px) {

	body {
		font-size: 12px;
		font-size: 2.93vw;
	}

	#contents h2 {
		font-size: 24px;
		letter-spacing: normal;
	}
}

.bg_pattern {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: #f8fbff;
	z-index: -1;
}

.Paper_v2 {
	background-image:
		repeating-linear-gradient(to bottom,
			transparent 25px,
			rgba(0, 0, 0, 0.04) 26px, rgba(0, 0, 0, 0.04) 26px,
			transparent 27px, transparent 51px,
			rgba(0, 0, 0, 0.04) 52px, rgba(0, 0, 0, 0.04) 52px,
			transparent 53px, transparent 77px,
			rgba(0, 0, 0, 0.04) 78px, rgba(0, 0, 0, 0.04) 78px,
			transparent 79px, transparent 103px,
			rgba(0, 0, 0, 0.04) 104px, rgba(0, 0, 0, 0.04) 104px,
			transparent 105px, transparent 129px,
			rgba(0, 0, 0, 0.04) 130px, rgba(0, 0, 0, 0.04) 130px),

		repeating-linear-gradient(to right,
			transparent 25px,
			rgba(0, 0, 0, 0.04) 26px, rgba(0, 0, 0, 0.04) 26px,
			transparent 27px, transparent 51px,
			rgba(0, 0, 0, 0.04) 52px, rgba(0, 0, 0, 0.04) 52px,
			transparent 53px, transparent 77px,
			rgba(0, 0, 0, 0.04) 78px, rgba(0, 0, 0, 0.04) 78px,
			transparent 79px, transparent 103px,
			rgba(0, 0, 0, 0.04) 104px, rgba(0, 0, 0, 0.04) 104px,
			transparent 105px, transparent 129px,
			rgba(0, 0, 0, 0.04) 130px, rgba(0, 0, 0, 0.04) 130px);
}