@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Josefin+Slab');
@font-face {
	font-family: 和田研細明朝体;
	src: url('https://cdn.leafscape.be/wadalab/wadalab-hosomin_web.woff2')  format("woff2");
}
body {
	font-family:"Josefin Slab", "メイリオ", sans-serif;
	font-size:12px;
	letter-spacing:1px;
	line-height:150%;
	color:#000;
	background:#fff;
	margin:0;
	padding:0;
}
 @media screen and (min-width: 601px) {
.wrapper {
	width:600px;
	margin:0 auto;
}
.act {
	max-width:300px;
	margin:50px auto 20px;
}
}
 @media screen and (max-width: 600px) {
.wrapper {
	width:100%;
	margin:0 auto;
}
.act {
	margin:50px 20px 20px;
}
}
.top {
	border-right:solid 1px #000;
	margin:0 auto;
	padding:20px;
}
.icn {
	float:right;
	height:50px;
	position:relative;
	top:5px;
	left:16px;
}
.act {
	text-align:left;
	border-top:solid 1px #000;
	padding:15px;
	line-height:200%;
}
.act a {
	margin:0 5px 0 0;
	padding:1px 2px;
	background:#d4dcda;
	border:solid 1px #d4dcda;
}
.act a:hover {
	border:solid 1px #b0e0e6;
	background:#b0e0e6;
}
.line {
	width:0;
	height:30px;
	margin:10px auto;
	padding:0;
	border-left:solid 1px #000;
}
.text {
	line-height:200%;
	font-size:13px;
	padding:30px 0 10px;
	margin:20px;
	text-align:left;
}
.text p {
	line-height:150%;
	color:#555;
	border-top:solid 1px #e7e7eb;
	border-bottom:solid 1px #e7e7eb;
	margin:35px 0 25px 0;
	padding:10px;
	font-size:10px;
}
.textop {
	height:30px;
	background:linear-gradient(left, #fff, #fff 50%, #ccc 50%, #ccc);
	background:-moz-linear-gradient(left, #fff, #fff 50%, #ccc 50%, #ccc);
	background:-webkit-linear-gradient(left, #fff, #fff 50%, #ccc 50%, #ccc);
	-moz-background-size:5px 5px;
	-webkit-background-size:5px 5px;
	background-size:5px 5px;
	width:100%;
	margin:0 auto 30px;
}
hr {
	height:5px;
	background-image:linear-gradient( 90deg, hsla(0, 0%, 0%, 1), hsla(0, 0%, 0%, 1) 33.33%, hsla(0, 0%, 0%, 0) 33.33%, hsla(0, 0%, 0%, 0) 100%);
	background-size:3px 100%;
	width:30%;
	border:none;
	margin:0 auto 10px;
}
header {
	width:250px;
	margin:50px auto 0;
	padding:0;
	text-align:right;
}
footer {
	margin:10px;
	text-align:right;
}
footer a {
	color:#888;
}
h1 {
	font-family:Josefin Slab, 和田研細明朝体, sans-serif;
	line-height:100%;
	margin:0;
	padding:0;
	text-align:center;
}
h2 {
	font-family:Josefin Slab, 和田研細明朝体, sans-serif;
	font-size:18px;
	margin:15px 0 10px 0;
	padding:0;
	text-align:center;
}
h3 {
	font-family:Josefin Slab, 和田研細明朝体, sans-serif;
	font-size:12px;
	color:#8B8B8B;
	margin:-5px 0 10px 0;
	padding:0;
	text-align:center;
}
a {
	color:#000;
	text-decoration:none;
	padding:0 3px;
	transition:0.5s;
}
a:hover {
	color:#333;
}
input[type], textarea {
	height:50px;
	width:80%;
	font-family:"Josefin Slab", "メイリオ", sans-serif;
	font-size:12px;
	letter-spacing:1px;
	line-height:150%;
	background:#fff;
	color:#333;
	border:solid 1px #c0c6c9;
	margin:5px 10px;
	padding:2px 5px;
	-webkit-appearance: none;
	box-shadow:none;
}
input[type=text] {
	margin:5px;
	height:24px;
	width:50px;
}
input[type=submit] {
	margin:5px;
	height:auto;
	width:50px;
	cursor:pointer;
	text-shadow:none;
	border:solid 1px #c0c6c9;
	background:#c0c6c9;
	color:#333;
	font-weight:normal;
}
