/*===========================
basic
===========================*/


    html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	list-style-type: none;
}
body {
	line-height:1;
}
img {
	max-width: 100%;
	height: auto;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
nav ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	color: #008bda;
}
/* 画像の下にできる隙間をなくす */
img {
	vertical-align: bottom;
}
/* hr 要素は不可視で使う */
hr {
	display: none;
}
/*===========================
fonts
===========================*/


/*===========================
general
===========================*/



body {
	font-size:14px;
	line-height: 1.6em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	margin: 0;
	padding: 0;
	color:#333;
	background: #fff;
}
.wrapper {
	width: 1000px;
	margin: 0 auto;
}
h1, h2, h3, h4, h5, h6 {
	color: #73ac00;
	letter-spacing: 1px;
}
h1 {
	font-size: 2em;
	line-height:1.3em;
}
h2 {
	font-size: 1.25em;
	margin: .75em 0
}
h3 {
	font-size: 1.17em;
	margin: .83em 0
}
h5 {
	font-size: .83em;
	margin: 1.5em 0
}
h6 {
	font-size: .75em;
	margin: 1.67em 0
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bolder
}
.pageTitle {
	width:100%;
	height:135px;
	border-bottom:8px solid #d8e3ec;
}
.pageTitle h1 {
	font-size:2.6em;
	font-weight:normal;
	line-height:135px;
	width:1000px;
	margin:0 auto;
}
.main h1 {
	font-weight:normal;
	padding-left:39px;
	background-image:url(../img/common/bg_h1.png);
	background-position:0 1.3em;
	background-repeat:no-repeat;
	width:100%;
	margin:0;
	line-height:3.8em;
}
.main h2 {
	font-weight:normal;
	padding-left: 14px;
	border-left:10px solid #689629;
	line-height:1.2;
}
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom: 1;
}
.arrow {
	position: relative;
	display: inline-block;
	color: #FFF;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
	background:#1f6ca6;
}
.arrow::before, .arrow::after {
	position: absolute;
	top: 2px;
	bottom: 2px;
	left: 2px;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.arrow1::before {
	left: 3px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.arrow a {
	display:block;
	color:#fff;
	text-decoration:none;
	line-height:2em;
	padding:10px 20px 9px 24px;
}
.arrow a:hover {
	background:#2384bf;
}
.notes {
	padding: 15px;
	border: 1px solid #ededed;
	margin-bottom: 1em;
}
.inquiry .notes span {
	color: #ff0000;
}
.notes ul {
	padding: 0 3px 0 3px;
}
.notes ul li:before {
	margin-right: 0.5em;
	content: " ";
	display: inline-block;
	background: #196096;
	width: 0.5em;
	height: 0.5em;
}
.notes ul li {
	padding-left: 1em; /*1em（1文字）分、右に動かす*/
	text-indent: -1em; /*最初の行だけ1em（1文字）分、左に動かす*/
	margin-bottom: 0.5em;
}
/*===========================
main_cut
===========================*/





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



header {
	height:83px;
	background-image:url(../img/common/bg_nav.png);
	background-position:0 0;
	background-repeat:repeat-x;
}
header .logo {
	margin-top:29px;
	margin-left:1%;
	float:left;
}
header div {
	width:275px;
	float:right;
	margin-right:2%;
}
header div .tel {
	background-image:url(../img/common/header_bg_tel.png);
	background-repeat:no-repeat;
	height:49px;
	font-family: arial;
	font-size:30px;
	line-height:49px;
	text-indent:50px;
	font-weight:bold;
	color:#FFF;
	letter-spacing:1.5px;
	width: 275px;
	float: left;
	border-bottom: 1px solid #ffb129;
}
header div .tel a {
	color:#FFF;
}
header div .inq {
	background-image:url(../img/common/header_bg_inq.png);
	height:34px;
	line-height:34px;
	text-indent:44px;
	clear: both;
	width:275px;
}
header div .inq a {
	height:34px;
	width:275px;
	display:block;
	color:#FFF;
	text-decoration:none;
}
header div .inq a:hover {
	background-color:rgba(255, 255, 255, 0.2);
}
/*
header div {
	width:275px;
	float:right;
	margin-right:1%;
}
header div .tel {
	background-image:url(../img/common/header_bg_tel.png);
	background-repeat:no-repeat;
	height:49px;
	font-family: arial;
	font-size:30px;
	line-height:49px;
	text-indent:50px;
	font-weight:bold;
	color:#FFF;
	letter-spacing:1.5px;
}
header div .tel a {
	color:#FFF;
}
header div .inq {
	background-image:url(../img/common/header_bg_inq.png);
	height:34px;
	line-height:34px;
	text-indent:44px;
	clear: both;
	width:275px;
}
header div .inq a {
	height:34px;
	width:275px;
	display:block;
	color:#FFF;
	text-decoration:none;
}
header div .inq a:hover {
	background-color:rgba(255, 255, 255, 0.2);
}
 */
.obi {
	width:100%;
	height:30px;
	background-color:#000;
	z-index:9999;
}
.sp {
	display:none;
}
/*===========================
slider
===========================*/


.slider {
	width:100%;
	border-top:1px solid #25456d;
	background-color:#25456d;
}
.bxslider {
}
/*===========================
nav
===========================*/


#gnav {
	background-image:url(../img/common/bg_navi.png);
	background-repeat:repeat-x;
	margin-top:350;
}
#gnav .gnav {
	width: 1000px;
	height:69px;
	padding-top:2px;
	margin: 0 auto;
	font-size:1.1em;
}
#gnav .gnav li {
	height:69px;
	width:200px;
	float:left;
	border-right:1px solid #86b820;
}
#gnav .gnav .home {
	width:78px;
	border-right:none;
	text-indent:-9999px;
}
#gnav .gnav li a {
	display:block;
	background-repeat: no-repeat;
	background-position: left top;
	height:69px;
	line-height:69px;
	text-align:center;
	text-decoration:none;
	color:#e2e9ec;
}
#gnav .gnav li a:hover {
	background-color:rgba(49, 150, 203, 0.5);
}
#gnav .gnav .home a {
	width:78px;
	background-image:url(../img/common/navi_home.png);
	background-repeat:no-repeat;
}
#gnav .gnav .home a:hover {
	background-image:url(../img/common/navi_home_ov.png);
}
.slicknav_menu {
	display:none;
}
/*===========================
main_area
===========================*/

.text {
	margin-bottom: 1em !important;
}
.text2 {
	margin-bottom: 2em !important;
}
.text3 {
	margin-bottom: 3em !important;
}

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

#footer {
	background-color:#25456d;
	padding-top:30px;
	clear:both;
}
#footer nav {
	padding-bottom:50px;
	width:1000px;
	margin:0 auto;
}
#footer nav ul li {
	margin-right: 20px;
	float:left;
	width:auto;
}
#footer nav ul li a {
	color:#fff;
	text-decoration:none;
}
#footer .copyright {
	text-align:center;
	color:#fff;
	font-size:92%;
	padding-bottom:30px;
}
/*===========================
other
===========================*/


/* 「※」付きなど用の文字インデント */

.ex {
	padding-left: 1em; /*1em（1文字）分、右に動かす*/
	text-indent: -1em; /*最初の行だけ1em（1文字）分、左に動かす*/
	margin-bottom:0.4em;
	line-height:1.3em;
}
.ex span {
	color:#FF0000;
}
.pagetop {
	position: fixed;
	bottom: 93px;
	right: 10px;
}
.dataArea {
	padding:40px 0 40px 0;
	border-top:1px solid #d8e3ec;
	clear:both;
}
.topData {
	border-top:none;
}
.dataArea .data {
	float:left;
	margin-right:20px;
}
.pdf {
	background-image:url(../img/common/icn_pdf.png);
	background-position:0 4px;
	background-repeat:no-repeat;
	padding-left:21px;
}
.external {
	background-image:url(../img/common/icn_externallink.png);
	background-position:right 4px;
	background-repeat:no-repeat;
	padding-right:15px;
}
/*===========================
top
===========================*/

.topContent1 {
	padding:50px 0 36px 0;
}
.topContent1 h1 {
	font-weight:normal;
	font-size:22px;
	margin-bottom:0.6em;
}
.topContent1 ul {
}
.topContent1 ul li {
	width:32%;
	float:left;
	margin-right:2%;
}
.topContent1 ul li.pic1 {
	background-image:url(../img/top/pic1_1.jpg);
	background-size:cover;
}
.topContent1 ul li.pic2 {
	background-image:url(../img/top/pic1_2.jpg);
	background-size:cover;
}
.topContent1 ul li.pic1 p, .topContent1 ul li.pic2 p {
	width:96%;
	padding:10px 2% 10px 2%;
	background-color:rgba(17, 89, 144, 0.8);
	color:#FFF;
	font-size:16px;
	margin-top:52%;
	text-align:center;
}
.topContent2 {
	background:#c9d4dc;
	padding:2em 0;
}
.topContent2 .news {
	width:46%;
	float:left;
	background:#FFF;
	padding:2%;
}
.topContent2 .news h1 {
	font-weight:normal;
	font-size:18px;
	margin-bottom:0.2em;
}
.topContent2 .news dl {
	width:100%;
	height:218px;
	overflow:auto;
}
.topContent2 .news dl dt {
	float:left;
	padding:1em 0 1em 0;
	clear:left;
	width:6em;
	font-weight:bold;
}
.topContent2 .news dl dd {
	padding:1em 0 1em 7em;
	border-bottom:1px solid #ca9523;
	margin-right:0.5em;
}
.topContent2 .photo {
	width:48%;
	float:right;
}
.topContent2 .photo p {
	width:48%;
	float:left;
	margin-right:4%;
	margin-bottom:4%;
}
.topContent2 .photo p img {
	width:100%;
}
.btn1 {
	float:left;
}
/*===========================
content
===========================*/

section .bg1 {
	background-image:url(../img/common/bg_section_01.jpg);
	background-position:center top;
	-moz-background-size:cover;
	background-size:cover;
}
section .bg2 {
	background-image:url(../img/common/bg_section_02.jpg);
	background-position:center top;
	-moz-background-size:cover;
	background-size:cover;
}
/* 1カラム */

.lay1 {
	width:100%;
	padding:0 0 1.8em 0;
}
.lay1_2 {
	width:100%;
	padding:1.8em 0;
}
.floatr {
	float:right;
	margin:-0.2em 1em 1em 3.5em;
}
.floatl {
	float:left;
	margin:0.2em 3.5em 1em 1em;
}
.half img {
	width:46%;
}
.oneThird img {
	width:30%;
}
/* 2カラム */

.lay2 {
	width:46%;
	float:left;
	margin:0 0 3em 0;
}
.partition_even {
	margin-right:2.8%;
	padding-right:2.8%;
	border-right:1px solid #EDEDED;
}
/* 3カラム */

.lay3 {
	width:29%;
	float:left;
	margin:2em 0 3em 0;
	margin-right:2.8%;
	padding-right:2.8%;
	border-right:1px solid #EDEDED;
}
/* table */


/* 背景画像の上に使うtable */

table.table1 {
	width:100%;
	background-color: rgba(255, 255, 255, 0.8);
	/* padding:30px; */
}
table.table1 tr {
}
table.table1 th {
	padding:7px;
	border-bottom: 1px #25456d solid;
	font-weight:normal;
	text-align:left;
}
table.table1 td {
	padding:5px;
	border-bottom: 1px #25456d solid;
	font-weight:normal;
	vertical-align: middle;
}
/* 普通のtable */

table.table2 {
	width:100%;
	border-top: 1px #c9d4dc solid;
	border-left: 1px #c9d4dc solid;
	color:#25456d;
}
table.table2 th {
	padding:6px 3px 6px 3px;
	border-bottom: 1px #c9d4dc solid;
	border-right: 1px #c9d4dc solid;
	font-weight:bold;
	background-color:#dbe4ea;
	letter-spacing:0;
}
table.table2 td {
	padding:4px 3px 4px 3px;
	border-bottom: 1px #c9d4dc solid;
	border-right: 1px #c9d4dc solid;
	font-weight:normal;
	background-color:#FFFFFF;
	letter-spacing:0;
}
/* アクセス */



#map_canvas {
	width:100%;
	margin:0 auto;
	padding:0;
	margin-bottom:50px;
}
#map_area .inner {
	width:1000px;
	margin:0 auto;
	height:0;
	position:relative;
	top:-500px;
	z-index:500;
}
#map_area .map_data {
	padding:15px 20px 30px 20px;
	background-color:#FFF;
	position:absolute;
	top:0;
	left:0;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
#map_area .map_data h4 {
	background:#1f6ca6;
	padding:6px 0;
	color:#fff;
	text-align:center;
	margin-bottom:12px;
}
#map_area .map_data .address {
	margin-bottom:1em;
}
/* flow */

.flow {
	width:1236px;
}
.flow div {
	width:276px;
	padding:5px;
	background-color:#FFF;
	border:1px solid #dae3ef;
	float:left;
	margin-right:25px;
	margin-bottom:30px;
}
#content .flow div h3 {
	color:#FFF;
	font-weight:bold;
	background-image:url(../img/material_add/h3_bg_flow.gif);
	width:278px;
	height:42px;
	margin-bottom:10px;
	line-height:42px;
}
#content .flow div h3 span {
	display:block;
	width:42px;
	text-align:center;
	float:left;
	padding:0 5px 0 0;
}
.flow div.last {
	margin-right:0;
}
#content .flow div.last h3 {
	background-image:url(../img/material_add/h3_bg_flow_last.gif);
}
.flow div p {
	padding:0 3px;
}
.faq {
	width:1236px;
}
.faq .wrap dt {
	background-image:url(../img/common/material_add/icn_q.png);
	background-position:0 0;
	background-repeat:no-repeat;
	padding:0 0 0 40px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dashed #CCC;
	min-height:32px;
}
.faq .wrap dd {
	background-image:url(../img/common/material_add/icn_a.png);
	background-position:0 0;
	background-repeat:no-repeat;
	padding:10px 0 10px 40px;
}
.faq .wrap.faq_even {
	float:left;
	clear:both;
	width:560px;
	padding:0 20px 50px 20px;
}
.faq .wrap.faq_odd {
	float:left;
	width:560px;
	padding:0 20px 50px 20px;
}
/*===========================
inquiry
===========================*/


.telNumber {
	background-image:url(../img/inquiry/icn_tel.gif);
	background-position:2px 5px;
	background-repeat:no-repeat;
	text-indent:46px;
	font-weight:bolder;
	font-family:Arial, Helvetica, sans-serif;
	color:#196096;
	font-size:40px;
	line-height:40px;
	margin-bottom:1em;
}
.inquiry table {
	background-color: #EEE;
	empty-cells: show;
	width: 1000px;
	line-height: 1.3em;
	border-spacing: 0px;
	margin-bottom: 1.5em;
	padding: 20px 0;
}
.inquiry table th {
	padding: 12px 36px 12px 0;
	border-bottom: 1px solid #FFF;
	text-align: right;
	font-weight: normal;
	vertical-align: top;
	width: 33%;
	line-height: 2.2em;
}
.inquiry table input {
	vertical-align: middle;
}
.inquiry table td {
	padding: 12px 5px 12px 0;
	border-bottom: 1px solid #FFF;
	text-align: left;
}
.inquiry table td .select {
	margin-bottom: 0.5em;
}
.inquiry table td .select li {
	float: left;
	margin-right: 20px;
}
.inquiry table td .select li input {
	vertical-align: middle;
}
.inquiry table td label {
	padding: 0 0 0px 5px;
}
.inquiry table span {
	color: #ff0000;
}
.inquiry table input {
	margin: 2px 0 2px 0;
	height: 1.6em;
	border: 1px solid #CCC;
}
.inquiry .formBtn {
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}
.inquiry .btnSend {
	background-color: #196096;
	color: #FFF;
	padding: 8px 0;
	margin: 0 5px 0 5px;
	border: 0;
	width:160px;
}
.inquiry .btnReset {
	background-color: #FFF;
	color: #196096;
	padding: 7px 0;
	margin: 0 5px 0 5px;
	border: 0;
	border:1px solid #196096;
	width:160px;
}
.inquiry .forml {
	width: 90%;
}
.inquiry .formm {
	width: 50%;
}
 @media screen and (max-width: 768px) {
/*===========================
general
===========================*/



.wrapper {
	width: 90%;
	margin: 0 auto;
}
h1, h2, h3, h4, h5, h6 {
	letter-spacing: 0;
}
/*===========================
header
===========================*/

header {
	height:auto;
}
header .logo {
	float:none;
	margin-top: 10px !important;
	position:absolute;
	left:10px;
	top:15px;
}
header .logo img {
	/* width:70%; */
}
header div {
	width:100%;
	float:none;
	margin-right:0;
}
header div .tel {
	height:45px;
	font-size:30px;
	line-height:45px;
	text-align:center;
	text-indent:0.4em;
	border-bottom: 1px solid #ffb129;
	width: 100%;
}
header div .inq {
	background-image:url(../img/common/header_bg_inq.png);
	height:2em;
	line-height:2em;
	text-indent:44px;
	width:100%;
}
header div .inq a {
	height:34px;
	width:100%;
	display:block;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	text-indent:1.2em;
}
#gnav {
	display:none;
}
/*Media Queries*/


.js #menu {
	display:none;
}
.js .slicknav_menu {
	display:block;
}
.pageTitle {
	width:100%;
	height:5.6em;
	padding:0.5em 2%;
	text-align:center;
}
.pageTitle h1 {
	font-size:1.2em;
	line-height:2.2em;
	width:100%;
}
.main h1 {
	padding-left:1.3em;
	background-position:0 0.15em;
	line-height:1.3em;
	-moz-background-size:18px 18px;
	background-size:18px 18px;
	font-size:1.5em;
	margin:0 0 0.5em 0;
}
/*===========================
footer
===========================*/



 #footer nav {
	display:none;
}
/*===========================
other
===========================*/


 .pagetop {
	position: fixed;
	bottom: 30px;
	right: 1%;
}
.pagetop img {
	width:80%;
}
.dataArea {
	padding:20px 0 30px 0;
}
.dataArea .data {
	float:none;
	margin-right:0;
	text-align:center;
}
/*===========================
top
===========================*/


 .topContent1 {
	padding:20px 0 0 0;
}
.topContent1 ul li {
	width:100%;
	float:left;
	margin-right:0;
	margin-bottom:1em;
}
.topContent1 ul li.pic1 p, .topContent1 ul li.pic2 p {
	width:100%;
	padding:10px 0 10px 0;
	background-color:rgba(17, 89, 144, 0.8);
	color:#FFF;
	font-size:16px;
	margin-top:30%;
	text-align:center;
}
.btn {
	text-align:center;
}
.sp {
	display:block;
}
.topContent2 .news {
	width:96%;
	float:none;
	margin:0 0;
	margin-bottom:20px;
}
.topContent2 .news dl {
	width:100%;
	height:auto;
	overflow:visible;
}
.topContent2 .news dl dt {
	float:none;
	padding:1em 0 0.2em 0;
	clear:both;
	width:auto;
}
.topContent2 .news dl dd {
	padding:0 0 1em 0;
	border-bottom:1px solid #ca9523;
	margin-right:0;
}
.topContent2 .photo {
	width:100%;
	float:none;
	margin:0 0%;
}
.topContent2 .photo p {
	width:50%;
	float:left;
	margin-right:0;
	margin-bottom:0;
}
.btn1 {
	display:none;
}
.arrow {
}
/*===========================
content
===========================*/



/* 1カラム */

.lay1 {
	width:100%;
	padding:1em 0;
}
.half img {
	width:100%;
}
.oneThird img {
	width:100%;
}
/* 2カラム */

.lay2 {
	width:100%;
	float:none;
	margin:2em 0;
}
.partition_even {
	margin-right:0;
	padding-right:0;
	border-right:none;
}
/* 3カラム */

.lay3 {
	width:100%;
	float:none;
	margin:2em 0;
	padding:0;
	border:none;
}
.floatr {
	float:none;
	margin:0 0 1em 0;
	text-align:center;
}
.floatl {
	float:none;
	margin:0 0 1em 0;
	text-align:center;
}
table.table1 {
	width: 100%;
	margin: 0 0 3% 0;
	padding: 10px
}
table.table1 tr {
	display: block;
}
table.table1 th {
	display: list-item;
	padding: 0;
	border-bottom: none;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
	width: 100%;
	line-height: 1em;
	font-weight:bold;
	color:#25456d;
}
table.table1 td {
	display: list-item;
	width: 100%;
	padding-bottom: 3%;
	margin-bottom: 3%;
	border-bottom: 1px #25456d solid;
	font-weight: normal;
	padding: 5px 0 3% 0;
}
/* アクセス */


	 #map_canvas {
	width:96%;
	height:250px;
	margin:0 auto;
	padding:0 0 0 0;
	margin-bottom:0;
}
#map_area .inner {
	width:100%;
	margin:0 auto;
	height:auto;
	position:relative;
	top:0;
	z-index:0;
}
#map_area .map_data {
	padding:1em;
	position:relative;
}
#map_area .map_data h3, #map_area .map_data h4, #map_area .map_data .address {
	display:none;
}
/*===========================
inquiry
===========================*/



.inquiry table {
	width: 100%;
	margin: 0 0 3% 0;
	padding: 10px;
	background:#EEE;
}
.inquiry table tr {
	display: block;
}
.inquiry table th {
	display: list-item;
	padding: 0;
	border-bottom: none;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
	width: 100%;
	line-height: 1em;
}
.inquiry table td {
	display: list-item;
	width: 100%;
	padding-bottom: 3%;
	margin-bottom: 3%;
	border-bottom: 1px #FFF solid;
	font-weight: normal;
	padding: 5px 0 3% 0;
}
.inquiry .forml {
	width: 100%;
}
.inquiry .formm {
	width: 100%;
}
.inquiry .btnSend {
	width:100px;
}
.inquiry .btnReset {
	width:100px;
}
}
#reform {
}
#shop {
}