@charset "UTF-8";
body {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif; margin:0; padding:0}

@media print {nav { display:none;}}
@media print,  screen and (min-width: 768px) {
html {min-width:1000px;}
body, div, dl, dt, dd {
	margin: 0;
	padding: 0;
	line-height: 2.2em;
	font-size: 18px;
	color:#333;
	letter-spacing:2px;
}
ul {list-style:none;}
.pc_none {display:none;}
.cla {clear:both;}

a {color: #0059B2;}
a:hover {color:#FF6600;}
a:hover img {filter: alpha(opacity=60); opacity:0.6;}
a[href^="tel:"] {pointer-events: none;}

#wrap {}
header,nav .inner{ margin:0 auto;}

/* Header,Footer */
header {display:none;}
nav {position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	overflow: hidden;
	height: 80px;
	background-color:#E5E4D2;}
img.title_pc {height:50px; margin:15px 0 0 0;}

nav .inner {overflow: auto;}
.icon,.close { display:none;}
.navbox {width:1080px; margin:0 auto;}
nav ul {margin:0 0 0 0px; padding:0; overflow:hidden; float:right;}
nav li {float:left; margin:20px 0 0 10px;}
nav li:last-child {border: none;}
nav li a {display: block; padding: 0;}
nav li img { height:45px;}
nav li.off a {pointer-events: none;}
nav .serif li span { display:none;}

#copyright {clear:both; background-color:#E5E4D2; padding:12px 0; text-align:center; font-size:13px;}
.pagetop {position:fixed; bottom:0px; right:0; width:100px; height:100px}

/* Contents */
.box {width:1000px; margin:0 auto; clear:both; padding-bottom:80px;}
.box:after {content:""; display:block; clear:both;}
.box p {text-align:left; margin-bottom:30px}
h2 {font-size:40px; letter-spacing:5px; font-weight:normal; text-align:center; margin:0 0 0 0; padding:90px 0 20px 0;}
h2:after { border-bottom:solid 3px #CCC; display: block;content: " "; clear: both;height:40px; width:80px; margin:10px auto; clear:both;}
h3 {font-size:20px; margin:0; padding:0;}
hr {width:90%; min-width:1080px; height:0; border:0; border-top:3px solid #CCC; margin-bottom:0}

#main_sp {display:none;}
#main_pc {background:#E5E4D2 url(../img/back.jpg) no-repeat center top; height:340px; margin:0 auto; z-index:9999; position:relative}
#main_pc .main_title {margin:70px 0 0 328px;}
#main_pc ul {margin:40px 0px 0 0; text-align:right; font-size:0;}
#main_pc ul li { display:inline-block; width:210px; margin:0 0 0 20px;}

.news_box {border:solid 10px #E5E4D2; padding:15px 40px; margin:50px auto 20px; width:1000px;}
.news_box dl {margin:0; text-align:left; font-size:17px;text-align:left; padding-bottom:8px;}
.news_box dl dt{
	padding: 2px 0 1px 0px;
	float:left;
	width:100px;
	}
.news_box dl dd{
margin:0;
padding: 2px 0 1px 120px;
display:block;
}

#komonjo {}
ul.komonjolist {margin:20px 0 0 0; padding:0; line-height:1.8em;}
ul.komonjolist li {background:url(../img/PDF_32.png) no-repeat 0 top; margin:0; padding:0 0 30px 90px; text-indent:-40px;}
.komonjo_note {border:solid 1px #CCC; padding:20px 20px 20px 40px; margin-top:40px;}
.komonjo_note p {font-size:15px; margin:0;}
ul.komonjolist span {color:#FF0000; font-size:15px; display:block; margin:-10px 0 -10px 50px;}

#contact {}
#contact p {text-align:center;}
.btn_contact {text-align:center; margin-top:50px;}
/* form */
#contact span.need {float:right; background-color:#E84E59; color:#FFF; display:block; width:46px; text-align:center; font-size:14px; margin:0px 10px 0 0;}
#contact .submit_btn {background: url(../img/form_submit.png); width:300px; height:68px; border: none; margin:40px 20px 0 20px;}
#contact .submit_btn2 {background: url(../img/form_submit2.png); width:300px; height:68px; border: none; margin:40px 20px 0 20px;}
#contact .back_btn {background: url(../img/form_back.png); width:300px; height:68px; border: none; margin-top:40px 20px 0 20px;}
input[type="text"] {font-size:18px; height:26px; margin-top:10px; width:400px;}
textarea {width:95%; font-size:18px;}
#contact .thanks_tel {text-align:center; margin:40px 20px 0 20px;}
table.def {margin:0px auto 50px auto; border-collapse:collapse; border:none; width:960px; border-top: 1px solid #CCC; line-height:1.4em}
table.def th {padding:15px 0 15px 15px; text-align:left; border-bottom: 1px solid #CCC; width:220px; font-weight:normal; background-color:#F7F7F7; vertical-align:top;}
table.def td {border-bottom: 1px solid #CCC;padding:15px 20px 15px 20px;}
table.def td:last-child:,table.def th:last-child: {border-right: 1px solid #FFF;}

h2.contact_tmpl {font-size:30px;padding:120px 0 20px 0;}
h2.contact_tmpl:after { height:20px;}
}

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

html {
	overflow-y: scroll;
}
body, div, dl, dt, dd {
	margin: 0;
	padding: 0;
	line-height: 1.8;
	font-size: 16px;
}
.smp_none {display:none;}

ul,ul li {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td, section, nav, header {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img{border: 0;}
img {
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}
ul li {
	list-style-type: none;
}
a, button, input, textarea {
	outline: none;
}
/** fade使用時のズレ対策（FF）**/
img {
	box-shadow: #000 0 0 0;
}
 x:-moz-any-link, x:default {
 box-shadow: #000 0 0 0;
}
a {color: #0059B2;text-decoration: none;}
a:hover {text-decoration: underline;}

#wrap * {box-sizing: border-box;}
#wrap {font-size: 1.5rem;width: 100%;overflow: hidden;}
img {max-width: 100%;height: auto;}

/* Header */
header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 990;
	overflow: hidden;
	height: 55px;
	background-color:none;
}
header.scroll {background-color:#E5E4D2;}
img.title_smp {display:none;}
header.scroll img.title_smp {display:block; height:30px !important; margin:15px 0 0 20px;}
nav {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}
nav .inner {
	height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	background: rgba(255,255,255,.9);
}
.icon {
	cursor: pointer;
	position: absolute;
	top: 0px;
	right: 0;
	width: 60px;
	white-space: nowrap;
}
.icon a {
	padding: 10px 9px 14px 10px;
	display: inline-block;
}
nav ul {border-top: 1px solid #999;}
nav li {border-bottom: 1px solid #999;position: relative;}
nav li:last-child {border: none;}

nav li a {
	display: block;
	text-align: left;
	font-size: 15px;
	color: #333;
	text-decoration: none;
	position: relative;
	padding:0;
}
nav li a:after {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-top: #666666 1px solid;
	border-left: #666666 1px solid;
	position: absolute;
	top: calc(50% - 4px);
	right: 22px;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
}

nav .navbox {
	background: rgba(229,228,208,.9);
}
nav .navbox p {
	width: 100%;
	height: 54px;
	position: relative;
	top: 0;
	left:  0;
}
nav p a {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 54px;
	display: block;
	padding: 12px 9px;
}
nav p img {
  width: 32px;
}
nav .serif li img {display:none;}
nav .serif li span { display:block; width:100%; height:100%;padding: 12px 0 12px 30px;}
img.title_pc {display:none;}

#copyright {background:#E5E4D2; padding:15px 0; text-align:center; font-size:11px;}
#copyright img {}
.pagetop {position:fixed; bottom:0px; right:0; width:70px; height:70px}

/* Contents */
#main_pc {display:none;}
#main_sp {}

.box {margin:0 20px; clear:both; padding-bottom:50px;}
.box:after {content:""; display:block; clear:both;}
.box p {text-align:left; margin-bottom:30px}
h2 {font-size:22px; letter-spacing:2px; font-weight:bold; text-align:center; margin:0 0 0 0; padding:50px 0 20px 0;}
h2:after { border-bottom:solid 2px #CCC; display: block;content: " "; clear: both;height:1px; width:60px; margin:10px auto; clear:both;}
h3 {font-size:18px; font-weight:normal}
hr {width:100%; height:0; border:0; border-top:3px solid #CCC; margin:0}

#main {margin:0;}
#main p {margin:0px 20px 50px 20px;}

.news_box {border:solid 5px #E5E4D2; padding:10px 10px 0; margin:30px 20px 0px;}
.news_box dl {margin:3px 0 0px 5px;text-align:left; font-size:16px;}
.news_box dt{
	font-size:16px;
	padding: 10px 0 3px 0px;
	font-weight:bold;
	}
.news_box dl dd{
margin:0;
padding: 0px 0 25px 0px;
display:block;
line-height:1.2em !important;
}
#komonjo {}
ul.komonjolist {margin:0 0 -50px 0; padding:0; line-height:1.6em;}
ul.komonjolist li {background:url(../img/PDF_32.png) no-repeat 0 top; margin:0; padding:0 0 30px 70px; text-indent:-35px;}
.komonjo_note {border:solid 1px #CCC; padding:15px 10px 20px 10px; margin-top:40px;}
.komonjo_note p {font-size:14px; margin:0; text-indent:-20px; padding-left:20px; line-height:1.2em; margin-top:10px;}
ul.komonjolist span {color:#FF0000; font-size:15px; display:block; margin:-10px 0 0px 0px;}

#contact {}
.btn_contact {text-align:center; margin-top:50px;}
.btn_contact img {max-width:250px;}
/* form */
#contact span.need {background-color:#E84E59; color:#FFF; display:inline-block; font-size:14px; margin:0 10px 0 10px; padding:0 5px;}
#contact .submit_btn {background: url(../img/form_submit.png); background-size:cover; width:200px; height:45px; border: none; margin-top:20px;}
#contact .submit_btn2 {background: url(../img/form_submit2.png); background-size:cover; width:200px; height:45px; border: none; margin-top:20px;}
#contact .back_btn {background: url(../img/form_back.png); background-size:cover; width:200px; height:45px; border: none; margin-top:20px;}
input[type="text"] {font-size:20px; height:40px; margin-top:10px; width:90%;}
textarea {width:95%; font-size:18px;}
#contact .thanks_tel {text-align:center; margin:40px 20px 0 20px;}

table.def {border-collapse: collapse;border-bottom: solid 1px #CCC; margin:0 0 20px 0; width:100%;}
table.def th {margin:10px 0 5px 0px; padding: 7px 0 7px 15px; line-height: 1.2em; background-color:#F7F7F7; border-bottom: solid 1px #CCC; font-weight:normal; display:block; text-align:left;}
table.def td {margin:0 0 15px 10px;line-height: 1.8em; width:100%; display:block;}

h2.contact_tmpl {font-size:20px;padding:80px 0 20px 0;}
}

span.msg {color:#FF0000;}
span.maru{
	padding: 0 0.2em;
	position: relative;
}

/* afterで丸枠を生成 */
span.maru::after {
	content: '';
	position: absolute;
	display: block;
	top: 47%;
	left: 1px;
	transform: translateY(-50%);
	width: 1.2em;
	height: 1.2em;
	border: 1px solid #454545;
	border-radius: 50%;
}