@charset "UTF-8";

/*================================================
 *  CSSリセット
 ================================================*/
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,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/*================================================
 *  一般・共通設定・字体
 ================================================*/
body {font-size:14px;color:#382400;font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;line-height:1.6;background:#fff;}
#contents {overflow:hidden;width:980px;margin:0 auto;background:#fff;}
#main {box-sizing: border-box;overflow:hidden;float:right;width:780px;padding:10px;background:#fbfbfb;margin-bottom:-32768px;padding-bottom:32768px;}
#sub {box-sizing: border-box;overflow:hidden;float:left;width:200px;background:#FFFFFF;margin-bottom:-32768px;padding-bottom:32768px;}
#footer {box-sizing: border-box;width:980px;margin:0 auto;}
section {margin-bottom:30px;}

a {color:#13895f;text-decoration:none;}
a:hover {color:#2fa279;text-decoration:none;}
h1 {color:#000099;font-size:20px;line-height:1.2;}
h1 a{color:#fbfbfb;text-decoration:none;}
h1 a:hover {color:#85d1c6;}
h2 {margin-bottom:0.5em;font-size:21px;color:#333;border-bottom:3px solid #999;}
h3 {margin-bottom:0.25em;padding:2px 5px;color:#fbfbfb;font-size:16px;background:#333;}
h4 {margin-bottom:0.25em;font-size:16px;color:#15adb3;background:#FFA500;}
h5 {margin-bottom:0.25em;font-size:16px;padding:2px;border-left:5px solid #15adb3;background:#eee;}
h6 {margin-bottom:0.25em;color:#382400;font-size:14px;font-weight:bold;}

p {margin:0 0 1em 0;}
img {vertical-align:bottom;}
em {font-weight:bold;}
strong {font-weight:bold;color:#d45451;}
pre {margin:1em 0;padding:1em;}
blockquote {margin-bottom:1em;padding:1em;border:1px dotted #ddd;border-left:5px solid #ddd;}

ul,ol,dl {margin:0 0 1em 0;}
ul li {list-style:disc;}
ol li {list-style:decimal;}
li {margin-left:2em;}

dt {margin-bottom:0.5em;border-bottom:1px dotted #ddd;}
dt:before {content:"□";}
dd {margin-bottom:1em;}

table {width:auto;margin-bottom:1em;border-collapse:collapse;border:1px solid #ddd;background:#fff;}
th {text-align:center;vertical-align:middle;border:1px solid #ddd;background:#eee;}
td {text-align:left;border:1px solid #ddd;}

/*================================================
 *  ヘッダー
 ================================================*/
header{background: #ffffff url(ND.jpg) repeat-x;}
header h1 {padding:6px;color:#ffffff}
.summary {margin:0;padding:10px;color:#ffffff;background:#0000ff;}

/*================================================
 *  グローバルナビゲーション
 ================================================*/
nav {overflow:hidden;width:auto;height:auto;}
nav ul {margin:0;padding:0;}
nav li {display:block;padding:10px;color:#0000ff;list-style:none;margin:0;padding:0;background:#9090a8;}
nav li a {display:block;padding:15px;color:#fbfbfb;text-decoration:none;background:#0066FF;}
nav li a:hover {color:#000000;border-left: 8px solid #139095;background:#0000ff;transition:all 0.2s ease 0s;}

/*================================================
 *  フッター
 ================================================*/
.footer {clear:both;width:50px;}
.footmenu {width:50px;padding:10px 0;overflow:hidden;color:#ffffff;}
.footmenu ul {position:relative;float:left;left:50%;margin:0;padding:0;}
.footmenu li {position:relative;left:50%;float:left;list-style:none;margin:0;padding:0 20px;font-size:12px;text-align:center;}
.footmenu a {color:#13895f;text-decoration:none;}
.footmenu a:hover {color:#fbfbfb;}
.copyright {clear:both;padding:50px 0;font-size:11px;text-align:center;color:#efefcd;background:#0066FF;}

/*================================================
 *  ページトップへの戻り
 ================================================*/
.totop {position:fixed;bottom:15px;right:15px;}
.totop a {display:block;text-decoration:none;}
.totop img {background:#15adb3;}
.totop img:hover {background:#f60fff;}

/*================================================
 *  クラス
 ================================================*/
.textL {text-align:left;}
.textR {text-align:right;}
.list {padding:0 0 0 0.5em;}
.list li {margin:0;padding:0 0 0 15px;list-style:none;background:url(https://fukujuya.com/css/images/check.png) 0 5px no-repeat;}
.info dt {border-bottom:none;}
.info dd {padding-bottom:1em;border-bottom:1px solid #ddd;}

.service {overflow:hidden;margin:10px -2% 0 0;}
.service li {list-style:none;float:left;width:auto;margin:0 2% 10px 0;}
.service li img {width:100%;}

.staff {margin:10px 0% 0 0;}
.staff div { float:left;width:31%;margin-right:2%;}
.staff div img {width:100%;margin-bottom:5px;}


/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}
legend{color:#000}#yui3-css-stamp.cssreset{display:none}






/*================================================
 *  スライドショー
 ================================================*/
.slide {position:relative;width:100%;overflow:hidden;position:relative;margin-bottom:20px;}
.slideInner {list-style:none;margin:0 0 5px 0;padding:0;}
.slideInner li {position:absolute;background:#fbfbfb;margin:0;padding:0;}
.slideInner li img {width:100%;}
.slidePrev {position:absolute;display:block;width:50px;height:60px;left:0;cursor:pointer;z-index:100;}
.slideNext {position:absolute;display:block;width:50px;height:60px;right:0;cursor:pointer;z-index:100;}
.controlNav {position:relative;float:left;left:50%;}
.controlNav span {position:relative;left:-50%;float:left;margin:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;width:10px;height:10px;overflow:hidden;background:#ddd;text-indent:-9999px;
vertical-align:middle;}
.controlNav span:hover {background:#ccc;cursor:pointer;}
.controlNav span.current {background:#85d1c6;}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:779px) {
#contents {box-sizing: border-box;width:100%;}
#main {float:none;width:100%;}
#sub {float:none;width:100%;}
#footer {width:50px;height:30px;}
nav {display:block;position:relative;width:100%;}
nav h3 {cursor:pointer;margin-bottom:0;padding:10px;color:#ddd;background:#181d21;border:none;}
nav li a {padding:10px 20px;}

#navBtn {display:inline-block;position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:5%;background:#2a2a2a;}
#navBtnIcon {display:block;position:absolute;top:50%;left:50%;width:13px;height:2px;margin:-1px 0 0 -7px;background:#15adb3;transition:.2s;}
#navBtnIcon:before,#navBtnIcon:after {display:block;content:'';position:absolute;top:50%;left:0;width:14px;height:2px;background:#15adb3;transition:0.3s;}
#navBtnIcon:before {margin-top:-6px;}
#navBtnIcon:after {margin-top:4px;}
#navBtn .close {background:transparent;}
#navBtn .close:before,
#navBtn .close:after {margin-top:0;}
#navBtn .close:before {transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
#navBtn .close:after {transform:rotate(-135deg);-webkit-transform:rotate(-135deg);}
   .totop {display:none !important;}


/* 2カラム（スマートフォンでは1カラム) */
.twoCol {	display: -ms-flexbox;	display: -webkit-box;	display: -webkit-flex;	display: flex;	-ms-flex-pack: justify;	-webkit-box-pack: justify;	-webkit-justify-content: censpace-betweenter;	justify-content: space-between;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	position:relative;
	overflow:hidden;
	margin-bottom:60px;
}


.twoCol .inner {
	position: relative;
	overflow:hidden;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: censpace-betweenter;
	justify-content: space-between;
	-ms-flex-direction: column-reverse;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column-reverse;
	flex-direction: column;
	width: 48.98%;
	width: calc((480 / 980) *100%);
	height: auto;
	margin:0 0 20px 0;
}
.twoCol .inner div:nth-child(2n+1) {
	clear:both;
}
.twoCol .inner .image {
	width: 100%;
	min-height: 0%;
}
.twoCol .inner img {
	width:100%;
}

@media screen and (max-width:767px) {
	.twoCol {
		display: block;
		margin-bottom:20px;
	}
	.twoCol .inner {
		width :100%;
		margin:0 0 10px 0;
	}
}

/* 3カラム（スマートフォンでは1カラム) */
.threeCol {
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: censpace-betweenter;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	overflow: hidden;
	margin-bottom:60px;
}
.threeCol .inner {
	position: relative;
	overflow: hidden;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: censpace-betweenter;
	justify-content: space-between;
	-ms-flex-direction: column-reverse;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column-reverse;
	flex-direction: column;
	width: 32.14%;
	width: calc((315 / 980) *100%);
	margin: 0 0 20px 0;
}
.threeCol .inner:nth-child(3n+1) {
	clear:both;
}
.threeCol .inner h4 {
	width: 100%;
	margin-top: 0.5em;
	text-align: left;
}
.threeCol .inner p {
	width: 100%;
	margin-bottom: 0;
	text-align: justify;
}
.threeCol .inner .image {
	width: 100%;
	min-height: 0%;
}
.threeCol .inner img {
	width: 100%;
}
.threeCol .inner .btn {
	margin-top: auto;
	padding-top: 20px;
}
.threeCol .inner .text {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	pointer-events: none;
}

@media screen and (max-width:767px) {
	.threeCol {
		display: block;
		margin-bottom: 20px;
	}
	.threeCol .inner {
		width : 100%;
		margin: 0 0 10px 0;
	}

	footer {width: 100%;}

/* 4カラム（スマートフォンでは2カラム) */
.fourCol {	display: -ms-flexbox;	display: -webkit-box;	display: -webkit-flex;	display: flex;	-ms-flex-pack: justify;	-webkit-box-pack: justify;	-webkit-justify-content: censpace-betweenter;	justify-content: space-between;
	-ms-flex-wrap: wrap;	-webkit-flex-wrap: wrap;	flex-wrap: wrap;	position: relative;	overflow: hidden;	margin-bottom: 60px;}
.fourCol .inner {
	position: relative;
	overflow: hidden;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: censpace-betweenter;
	justify-content: space-between;
	-ms-flex-direction: column-reverse;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column-reverse;
	flex-direction: column;
	width: 23.46%;	width: calc((230 / 980) *100%);	margin: 0 0 20px 0;}
.fourCol .inner .image {	width: 100%;	min-height: 0%;}
.fourCol .inner img {	width: 100%;}
}