@charset "UTF-8";
html,body,span,iframe,p,pre,img,strong,b,i,dl,dt,dd,ol,ul,li,form,label,video,h1,h2,h3 {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:1em;
	vertical-align:baseline;
	background:transparent;
	background-attachment: fixed;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-weight: normal;
	box-sizing: border-box;
}
body {
	min-height: 100%;
	min-height:100vh;
	min-height:100dvh;
	height:auto;
}
div { box-sizing: border-box; }
h1,h2,h3,h1>a,h2>a,h3>a { display:inline-block; }
.container {
	height: auto;
	margin: 0 auto;
	height: 100vh;
	width: 100vw;
	height: 100dvh;
	width: 100dvw;
}
/* main */
.header {
	margin: 0px auto;
	width: 772px;
	height: 100px;
	padding: 7px 10px;
	background-color: #fff;
	box-sizing: border-box;
}
.header>h1>a {
	display: inline-block;
	height:auto;
	width:auto;
	margin: 0px 7px 0px 0px;

}
.header>h1>a>img {
	height:90px;
	width:auto;

}
/* common info */
.main{
	width: 772px;
	margin: 5px auto 10px;
}
.area_info {
	width: 100%;
	height: auto;
	margin: 5px auto 10px;
	border-radius: 1.8em;
	box-shadow: rgb(135, 135, 135) 3px 3px 2px 0px;
	-webkit-box-shadow: rgb(135, 135, 135) 3px 3px 2px 0px;
	border: 2px solid #9780ff;
	padding: 2em;
	display: inline-block;
	background-color: #fee6e6;
}
.area_info h2, .area_info h3, .area_info h4 {
	display:block;
	text-align:center;
	font-weight:600;
	margin:0 auto 1em;
}
.area_info h2 { font-size:1.5em; }
.area_info h3 {
	margin:2em auto 1em;
	font-size:1em;
}
.area_info h4 {
	font-size:1em;
	text-align: left;
	margin:0 auto 0.2em;
}
.area_info>p {
	font-size:0.9em;
	margin:0 auto 1em;
}
.area_info strong { font-weight:600; }
.area_info>p>br { margin-bottom:0.5em; }
.area_info li {
	list-style: none;
}
.area_info ol {
	padding:0 1.5em;
	counter-reset:cnt;
	font-size:1em;
	margin:0 auto;
}
.area_info ol>ol { counter-reset:cntin; }
.area_info ol>ol>ol { counter-reset:cntin2; }
.area_info ol>li {
	margin:0.5em auto;
	text-indent: -1.5em;
}
.area_info ol>li { counter-increment: cnt; }
.area_info ol>ol>li { counter-increment: cntin; }
.area_info ol>ol>ol>li { counter-increment: cntin2; }
.area_info ol>li::before {
	content: counter(cnt) ". ";
	margin-right: 5px;
}
.area_info ol>ol>li::before {
	content: counter(cntin) ". ";
	margin-right: 5px;
}
.area_info ol.kk>li::before {
	content: "(" counter(cnt) ") ";
	margin-right: 5px;
}
.area_info ol>ol.kk>li::before {
	content: "(" counter(cntin) ") ";
	margin-right: 5px;
}
.area_info ol>ol>ol.kk>li::before {
	content: "(" counter(cntin2) ") ";
	margin-right: 5px;
}
.sign { text-align: right; }
.area_info>p.sign>br { margin-bottom:0.1em; }

/* COMMONS */
.pgtop {
	background-color: #600;
	border: 2px outset rgb(255, 168, 214);
	color: rgb(255, 255, 255);
	text-shadow: rgb(92, 0, 48) 1px 2px 1px;
}
.pgtop:hover {
	background-color: rgb(255, 168, 214);
	border-color: rgb(255, 168, 214);
	text-shadow: rgb(92, 73, 0) 1px 2px 1px;
}
/* footer */
.footer {
	font-size: 0.9em;
	line-hight:1.5em;
	width: 100%;
	height: auto;
	padding: 10px 0;
}
.footer>p {
	color:#000;
	text-shadow: none;
	text-align:center;
}

@media only screen and (max-width: 768px) {
	.header {
		width: 80%;
		height: 70px;
	}
	.header>h1>a>img {
		height:60px;
	}
	/* common info */
	.main{
		width: 80%;
	}
	.area_info h2 { font-size:1.3em; }
}
@media only screen and (max-width: 480px) {
	.header {
		width: 95%;
	}
	/* common info */
	.main{
		width: 95%;
	}
	.area_info h2 { font-size:1.2em; }
	.area_info h3 {
		margin: 1.5em auto 0.7em;
		font-size: 1.1em;
	}
	.area_info ol {
		padding: 0 1.2em;
		font-size: 0.9em;
	}
}