@charset "utf-8";

/*
===== universal reset =================================
*/
* {
	margin:0;
	padding:0;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/*
===== body and base setting ===========================
*/

body {
	margin:0;
	padding:0;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}

/* general params
--------------------*/

img {
	border:none;
	vertical-align:bottom;
}

p {
	margin-bottom:1.0em;
}

/*
===== link setting ===========================
*/

/*
===== layout setting ===========================
*/

.site-content .inn {
	margin-left: auto;
	margin-right: auto;
	padding:10px;
	max-width: 980px;
}

.wrapper {
	padding-top:0;
	padding-bottom:1.0em;
	background:#fff;
}

.wrapper > .inn {
	background:#fff;
}

#page {
	margin:0;
	padding:0;
	max-width:100%;
	font-size:120%;
}

#content ul,#content  ol {
	margin-left:1.5em;
}

/*================== header ======================*/

header {
	margin-bottom: 16px;
	height:100px;
	text-align: center;
	background:#fff;
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.1);
}

header .inn {
	padding-top: 16px;
}

h1.site-title a {
	display:block;
	margin: 0 auto;
	width:360px;
	height:80px;
	text-indent:-9999px;
	background:url(images/logo.png) no-repeat;
	background-size:contain;
}

h1.site-title a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
}

footer {
	padding:32px 12px 16px;
	text-align:center;
	font-size:1.2rem;
}

footer img {
	width:160px;
}

footer p {
	margin-bottom:1.6rem;
}

/*botup*/
#botup {
	position:fixed;
	bottom:80px;
	right:30px;
	z-index: 998;
}

#botup a {
	display:table-cell;
	width:45px;
	height:45px;
	font-size:16px;
	text-align:center;
	color: #ffffff;
	text-decoration:none;
	vertical-align: middle;
	border-radius:50%;
	background: #d83b31;
	transition: background-color 0.3s ease-in;
}

#botup a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
}

/*========== footer ===================*/


/*========== other setting ===================*/

/* ---------------------- top ---------------------- */



/* --------------------------- contents ---------------------------- */

h2 {
	margin-bottom:1.6em;
	padding:0.4em;
	font-size:140%;
	text-align:center;
}

h3 {
	margin-bottom:1.6rem;
    padding:1.6rem 0;
	text-align:center;
	color:#fff;
    background:url(images/tit_bg.png) #4ba4ff;
}

h4 {
	margin-bottom:0.8em;
}


p {
	margin-bottom:1.6rem;
}

dl {
	margin-bottom:3.2rem;
}

dt {
	margin-bottom:1.2rem;
	border-bottom:solid 3px;
}

dd {
	margin-bottom:1.6rem;
	padding-left:0;
}

.attention {
	margin-bottom:1.6rem;
	padding:1.4rem;
	font-size:1.0rem;
	background:#fff;
	border:solid 3px #333;
}

.codedropz-upload-handler {
	border:solid 4px #c00;
	background:#fff;
}

span {
	font-size:1.2rem;
}

.btn {
	text-align:center;
}

input[type=submit],
input[type=button],
input[type=reset] {
	padding:0.8rem;
	font-size:1.6rem;
	color:#fff;
	background:#003b9b;
	border:none;
	cursor: pointer;
}

input[type=submit]:hover,
input[type=button]:hover,
input[type=reset]:hover {
	opacity:0.8;
}

input[type=text],
input[type=email],
input[type=tel] {
	padding:0.4rem 0.8rem;
	font-size:1.0rem;
}

.wpcf7-spinner {
	display:none !important;
}

select {
	padding:0.4rem 0.8rem;
    font-size:1.0rem;
    background:#eee;
}

textarea {
	width:100%;
}

dd span {
	font-size:1.0rem;
	color:#666;
}