/*‘S‘Μ
--------------------------------------------------------------------------*/
@media screen and (max-width:959px){
img{
max-width: 100%;
height: auto;
width :auto;
}
#con{
width:100%;
}
/*ˆΘ‰ΊA‰ζ–Κ‚Μ‰‘•‚ͺ959px‚܂ł̏ꍇ‚ΜƒXƒ^ƒCƒ‹‹L“ό`*/

body {
	margin:0;
	padding:0;
	COLOR: #111;
	FONT-SIZE: 14px;
	font-family:"ƒƒCƒŠƒI", Osaka, "ƒqƒ‰ƒMƒmŠΫƒS Pro W4", "‚l‚r ‚oƒSƒVƒbƒN";	
	LINE-HEIGHT: 150%;
	text-align: center;
	background:#fff;
}
@media only screen and (max-width: 479px) {
body {
	margin:0;
	padding:0;
	COLOR: #111;
	FONT-SIZE: 13px;
	font-family:"ƒƒCƒŠƒI", Osaka, "ƒqƒ‰ƒMƒmŠΫƒS Pro W4", "‚l‚r ‚oƒSƒVƒbƒN";	
	LINE-HEIGHT: 150%;
	text-align: center;
	background:#fff;
}
}

#con{
    width:100%;
	height:auto;
	margin:0px auto;
	padding:0;
	position:relative;
	background:#fff;
}

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

img{
	border:0;
}

a:link,a:visited{
	outline:0;
	color:#18489d;
	text-decoration:none;
}

a:hover{
	outline: 0;
	color: #18489d;
	text-decoration: underline;
}

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

a:active{
	outline:0;
	color:#18489d;
	text-decoration:none;
}

/*padding‚Ζborder‚πwidth‚ΙŠά‚ί‚ι*/
* {	
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  br.sp{
	display:none;
}
br.spt{
	display:inherit;
}
br.spm{
	display:none;
}
br.sm{
	display:inherit;
}
br.smt{
	display:inherit;
}
br.smm,.smm{
	display:none;
}
.nsp{
	display:inherit;
}
.nsm{
	display:none;
}
@media only screen and (max-width: 479px) {
br.spt{
	display:none;
}
br.spm{
	display:inherit;
}
br.smt{
	display:none;
}
br.smm{
	display:inherit;
}
}

/*ƒwƒbƒ_
--------------------------------------------------------------------------*/
header{
	clear: both;
	float: left;
	width:100%;
	height: auto;
	margin: 0;
	padding:0;
	text-align: center;
}

header p{
	font-size: 15px;
	margin: 0 0 15px;
	padding:15px 0 10px;
	line-height: 100%;
	color: #fff;
	font-weight: bold;
	background: #006837;
	text-align: center;
}
header p a:link,header p a:visited{
color: #ffff00;
}

.f46{
	font-size: 35px;
	padding: 0 0 0 10px;
	line-height: 100%;
}

.f15{
	font-size: 15px;
	margin: 0 0 0 2%;
}
@media only screen and (max-width: 479px) {
header p{
	font-size: 20px;
	margin: 0 0 15px;
	padding:15px 0 10px;
	line-height: 100%;
	color: #fff;
	font-weight: bold;
	background: #006837;
	text-align: center;
}
header p a:link,header p a:visited{
color: #ffff00;
}

.f46{
	font-size: 25px;
	padding: 0 0 0 10px;
	line-height: 100%;
}

.f15{
	font-size: 13px;
	font-weight: normal;
	margin: 0 0 0 2%;
}
}

header img.bno{
display: inherit;
}
header img.bno-sp{
display:none;
}
header img{
max-width: 100%;
}

/*ƒƒjƒ…[
--------------------------------------------------------------------------*/
menu{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background:none;
}

menu ul{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: center;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
}

menu li{
	float: left;
	width: 50%;
	height: auto;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-weight: normal;
	line-height: 120%;
	text-align: center;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	background: #086e3a;
}
menu li.m2{
	width: 100%;
}

menu li a:link,menu li a:visited{
display: block;
width: 100%;
height: auto;
padding:15px 0 15px;
	text-decoration: none;
	color: #fff;
vertical-align: middle;
}
menu li a:hover{
	text-decoration: underline;
	background: #3D8488;
}

/*ƒƒCƒ“
--------------------------------------------------------------------------*/
main{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 40px 0 0;
	padding: 0 5%;
}

main h1{
	clear: both;
	float: left;
	width:100%;
	height: auto;
	margin: 0 0 40px;
	padding: 40px 0 5px;
	text-align: center;
	line-height: 110%;
	color: #006837;
	font-size: 30px;
	font-weight: bold;
	background: url(image/h1sub.png) no-repeat center top/80%;
	text-indent: 0;
}
main h1.s1{
	height: 100px;
	padding: 35px 0 0;
}
main h1.s2{
	margin: 50px 0 50px;
	font-size: 30px;
}
@media only screen and (max-width: 479px) {
main h1{
	clear: both;
	float: left;
	width:100%;
	height: auto;
	margin: 0 0 20px;
	padding: 30px 0 5px;
	text-align: center;
	line-height: 110%;
	color: #006837;
	font-size: 20px;
	font-weight: bold;
	background: url(image/h1sub.png) no-repeat center top/100% 100%;
	text-indent: 0;
}
main h1.s1{
	height: 100px;
	padding: 35px 0 0;
}
main h1.s2{
	margin: 30px 0 30px;
	font-size: 20px;
}
}

main h2{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 30px 0 20px;
	padding: 0 0 5px;
	text-align: center;
	color: #006837;
	line-height: 100%;
	font-size: 25px;
	border-bottom: 2px solid #006837;
}
main h2 .f15{
font-size: 15px;
}

main h4{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 30px 0 10px;
	padding: 0 0 5px;
	text-align: left;
	line-height: 100%;
	font-weight: bold;
	font-size: 30px;
	color: #006837;
	border-bottom: 2px solid #006837;
}
main h4:first-letter{
	color: #fff;
	background: #006837;
	padding: 0 10px;
	margin: 0 10px 0 0;
	line-height: 100%;
}
@media only screen and (max-width: 479px) {
main h4{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 30px 0 10px;
	padding: 0 0 5px;
	text-align: left;
	line-height: 100%;
	font-weight: bold;
	font-size: 25px;
	color: #006837;
	border-bottom: 2px solid #006837;
}
main h4:first-letter{
	color: #fff;
	background: #006837;
	padding: 0 10px;
	margin: 0 5px 0 0;
	line-height: 100%;
}
}

main p{
	text-align: left;
	margin: 0 0 30px;
	line-height: 180%;
}

main p.pcenter{
	text-align: center;
	margin: 0 0 30px;
}
@media only screen and (max-width: 479px) {
main p{
	text-align: left;
	margin: 0 0 20px;
	line-height: 180%;
}
main p.pcenter{
	text-align: center;
	margin: 0 0 20px;
}
}

main p.f33green{
	font-size: 25px;
	color: #006837;
	text-align: center;
	line-height: 120%;
	font-weight: bold;
}
main p.f33red{
	font-size: 25px;
	color: #E71C20;
	text-align: center;
	line-height: 120%;
}
@media only screen and (max-width: 479px) {
main p.f33green{
	font-size: 20px;
	color: #006837;
	text-align: center;
	line-height: 120%;
	font-weight: bold;
}
main p.f33red{
	font-size: 20px;
	color: #E71C20;
	text-align: center;
	line-height: 120%;
}
}

.photo-box{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
	text-align: center;
}
.photo-box img{
max-width: 48%;
	display: inline;
	margin: 0 1%;
}
@media only screen and (max-width: 479px) {
.photo-box img{
max-width: 100%;
	display: inline;
	margin: 0 0 10px;
}
}

#kouza-yotei{
	clear: both;
	float: left;
	width:100%;
	height: auto;
	margin: 60px 0 20px;
	padding: 0;
	border: 5px solid #006837;
}

#kouza-yotei h3{
	clear: both;
	float: left;
	width: 60%;
	height: auto;
	margin: -50px 0 0 -5px;
	padding: 10px 0;
	border: 5px solid #006837;
	font-size: 25px;
	font-weight: bold;
	line-height: 100%;
	text-align: center;
	color: #006837;
	background: #fff;
}

#kouza-yotei ul{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 20px 0 0;
	padding: 0;
}

#kouza-yotei li{
	text-align: left;
	margin: 0 0 15px 10%;
	padding: 0;
	font-size: 20px;
	line-height: 100%;
	color: #006837;
}
@media only screen and (max-width: 479px) {
#kouza-yotei{
	clear: both;
	float: left;
	width:100%;
	height: auto;
	margin: 20px 0 20px;
	padding: 0;
	border: 3px solid #006837;
}

#kouza-yotei h3{
	clear: both;
	float: left;
	width: 80%;
	height: auto;
	margin: -20px 10% 0;
	padding: 10px 0;
	border: 3px solid #006837;
	font-size: 20px;
	font-weight: bold;
	line-height: 100%;
	text-align: center;
	color: #006837;
	background: #fff;
}

#kouza-yotei ul{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 20px 0 0;
	padding: 0;
}

#kouza-yotei li{
	text-align: left;
	margin: 0 0 15px 10%;
	padding: 0;
	font-size: 15px;
	line-height: 100%;
	color: #006837;
}
}

.flow{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}

.flow img{
	float: left;
	margin: 0 5% 0 0;
	max-width: 40%;
}

.flow p{
	margin: 0;
}

img.spa{
	margin: 0 0 50px;
	max-width: 100%;
}
@media only screen and (max-width: 479px) {
img.spa{
	margin: 0 0 20px;
	max-width: 100%;
}
}

#map{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin:0 0 30px;
	padding: 0;
}

.ac-box,.ac-box2{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	padding: 0;
	background: url(image/arrow.png) no-repeat 50% bottom/5%;
}
.ac-box2{
	background:none;
}

.ac-box img,.ac-box2 img{
	float: left;
	margin: 0 5% 0 0;
	max-width: 50%;
}

.ac-box p,.ac-box2 p{
	margin: 0;
	font-size: 15px;
	text-indent: -1em;
}
@media only screen and (max-width: 479px) {
.ac-box,.ac-box2{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	padding: 0 0 60px;
	background: url(image/arrow.png) no-repeat 50% bottom/10%;
}
.ac-box2{
	background:none;
}
.ac-box img,.ac-box2 img{
	float: none;
	margin: 0 0 15px;
	max-width: 100%;
}

.ac-box p,.ac-box2 p{
	margin: 0;
	font-size: 13px;
	text-indent: -1em;
	text-align: center;
}
}

p.mazu{
	clear: both;
	color: #006837;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	line-height: 130%;
}
@media only screen and (max-width: 479px) {
p.mazu{
	clear: both;
	color: #006837;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 130%;
}
}

#case{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

#case ul{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: center;
}

#case li{
	float: left;
	width: 33%;
	margin: 0 0 30px;
	padding: 0;
	text-indent: -9999px;
	list-style-type: none;
}
@media only screen and (max-width: 479px) {
#case li{
	float: left;
	width: 33%;
	margin: 0 0 15px;
	padding: 0;
	text-indent: -9999px;
	list-style-type: none;
}
}

#case li a:link,#case li a:visited{
	display: block;
	width: 96%;
	height: 170px;
	margin: 0;
	padding: 0;
	background: url(image/case-b1.png) no-repeat center top/contain;
}
@media only screen and (max-width: 479px) {
#case li a:link,#case li a:visited{
	display: block;
	width:100%;
	height: 120px;
	margin: 0;
	padding: 0;
	background: url(image/case-b1.png) no-repeat center top/contain;
}
}
#case li.c2 a:link,#case li.c2 a:visited{
	background: url(image/case-b2.png) no-repeat center top/contain;
}
#case li.c3 a:link,#case li.c3 a:visited{
	background: url(image/case-b3.png) no-repeat center top/contain;
}
#case li.c4 a:link,#case li.c4 a:visited{
	background: url(image/case-b4.png) no-repeat center top/contain;
}
#case li.c5 a:link,#case li.c5 a:visited{
	background: url(image/case-b5.png) no-repeat center top/contain;
}
#case li.c6 a:link,#case li.c6 a:visited{
	background: url(image/case-b6.png) no-repeat center top/contain;
}
#case li.c7 a:link,#case li.c7 a:visited{
	background: url(image/case-b7.png) no-repeat center top/contain;
}
#case li.c8 a:link,#case li.c8 a:visited{
	background: url(image/case-b8.png) no-repeat center top/contain;
}
#case li.c9 a:link,#case li.c9 a:visited{
	background: url(image/case-b9.png) no-repeat center top/contain;
}
#case li.c10 a:link,#case li.c10 a:visited{
	background: url(image/case-b10.png) no-repeat center top/contain;
}
#case li.c11 a:link,#case li.c11 a:visited{
	background: url(image/case-b11.png) no-repeat center top/contain;
}
#case li.c12 a:link,#case li.c12 a:visited{
	background: url(image/case-b12.png) no-repeat center top/contain;
}

#case li a:hover{
	display: block;
	width: 96%;
	height: 170px;
	margin: 0;
	padding: 0;
	background: url(image/case-b1a.png) no-repeat center top/contain;
}
@media only screen and (max-width: 479px) {
#case li a:hover{
	display: block;
	width: 100%;
	height: 120px;
	margin: 0;
	padding: 0;
	background: url(image/case-b1a.png) no-repeat center top/contain;
}
}
#case li.c2 a:hover{
	background: url(image/case-b2a.png) no-repeat center top/contain;
}
#case li.c3 a:hover{
	background: url(image/case-b3a.png) no-repeat center top/contain;
}
#case li.c4 a:hover{
	background: url(image/case-b4a.png) no-repeat center top/contain;
}
#case li.c5 a:hover{
	background: url(image/case-b5a.png) no-repeat center top/contain;
}
#case li.c6 a:hover{
	background: url(image/case-b6a.png) no-repeat center top/contain;
}
#case li.c7 a:hover{
	background: url(image/case-b7a.png) no-repeat center top/contain;
}
#case li.c8 a:hover{
	background: url(image/case-b8a.png) no-repeat center top/contain;
}
#case li.c9 a:hover{
	background: url(image/case-b9a.png) no-repeat center top/contain;
}
#case li.c10 a:hover{
	background: url(image/case-b10a.png) no-repeat center top/contain;
}
#case li.c11 a:hover{
	background: url(image/case-b11a.png) no-repeat center top/contain;
}
#case li.c12 a:hover{
	background: url(image/case-b12a.png) no-repeat center top/contain;
}

.case2{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
.case-sm{
display: none;
}

.case2 ul{
	clear: both;
	float: left;
	width:100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.case2 li{
	float: left;
	width: 22.5%;
	height: auto;
	margin: 0 1% 15px;
	padding:0;
	list-style-type: none;
	line-height: 150%;
	text-align: center;
	border: 2px solid #006536;
	background: #006536;
	color: #fff;
	font-weight: normal;
	font-size: 25px;
	border-radius: 7px;
}
@media only screen and (max-width: 479px) {
.case2 li{
	float: left;
	width: 31.3%;
	height: auto;
	margin: 0 1% 10px;
	padding:0;
	list-style-type: none;
	line-height: 250%;
	text-align: center;
	border: 2px solid #006536;
	background: #006536;
	color: #fff;
	font-weight: normal;
	font-size: 15px;
	border-radius: 7px;
}
}

.case2 li a:link,.case2 li a:visited{
	display: block;
	width: 100%;
	height: auto;
	background: #fff;
	color: #006536;
	border-radius: 7px;
	padding:0;
}
.case2 li a:hover{
	background: #ffff00;
	color: #006536;
	border-radius: 7px;
	padding:0;
}

#case-box{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 30px 0 80px;
	padding: 0;
}

#case-box h2{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	padding: 0;
	text-align: center;
	line-height: 100%;
	font-size: 80px;
	font-weight: bold;
	color: #006536;
	border-bottom: none;
}
@media only screen and (max-width: 479px) {
#case-box h2{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	padding: 0;
	text-align: center;
	line-height: 100%;
	font-size: 50px;
	font-weight: bold;
	color: #006536;
	border-bottom: none;
}
}

#case-box p.casetitle{
	font-size: 35px;
	font-weight: bold;
	color: #006536;
	text-align: center;
	line-height: 120%;
	margin: 0 0 30px;
}
@media only screen and (max-width: 479px) {
#case-box p.casetitle{
	font-size: 20px;
	font-weight: bold;
	color: #006536;
	text-align: center;
	line-height: 120%;
	margin: 0 0 30px;
}
}

#case-box h3{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 30px 0 20px;
	padding: 0 0 5px;
	text-align: center;
	color: #006536;
	border-bottom: 3px solid #006536;
	font-weight: bold;
	font-size: 30px;
}
@media only screen and (max-width: 479px) {
#case-box h3{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 30px 0 20px;
	padding: 0 0 5px;
	text-align: center;
	color: #006536;
	border-bottom: 3px solid #006536;
	font-weight: bold;
	font-size: 20px;
}
}

main #case-box h4{
	clear: both;
	float: left;
	width:100%;
	height: auto;
	margin: 30px 0 20px;
	padding: 0 0 5px;
	text-align: center;
	color: #ef5a24;
	border-bottom: 3px solid #ef5a24;
	font-weight: bold;
	font-size: 30px;
	line-height: 100%;
}
@media only screen and (max-width: 479px) {
main #case-box h4{
	clear: both;
	float: left;
	width:100%;
	height: auto;
	margin: 30px 0 20px;
	padding: 0 0 5px;
	text-align: center;
	color: #ef5a24;
	border-bottom: 3px solid #ef5a24;
	font-weight: bold;
	font-size: 20px;
	line-height: 100%;
}
}
main #case-box h4:first-letter{
	color: #ef5a24;
	background: none;
	padding:0;
	margin: 0;
	line-height: 100%;
}

#chishiki{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

#chishiki-left{
	clear: both;
	float: left;
	width: 48%;
	height: auto;
	margin: 0 1%;
	padding: 0;
}

#chishiki-left p{
	font-size: 25px;
	text-align: center;
	line-height: 120%;
	margin: 0;
	padding: 0;
	font-weight:normal;
	color: #0071ba;
}
@media only screen and (max-width: 479px) {
#chishiki-left{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	padding: 0;
}
#chishiki-left p{
	font-size: 20px;
	text-align: center;
	line-height: 120%;
	margin: 0;
	padding: 0;
	font-weight:normal;
	color: #0071ba;
}
}

#chishiki-left ul{
	clear: both;
	float: left;
	width: 98%;
	height: auto;
	margin: 0;
	padding: 25px 0 0;
	border: 4px solid #0071ba;
	border-radius:10px;
}

#chishiki-left li{
	font-size: 20px;
	font-weight: bold;
	color: #0071ba;
	line-height: 100%;
	margin: 0 0 15px 60px;
	padding: 0;
	text-align: left;
}
@media only screen and (max-width: 479px) {
#chishiki-left ul{
	clear: both;
	float: left;
	width: 98%;
	height: auto;
	margin: 0;
	padding: 20px 0 0;
	border: 3px solid #0071ba;
	border-radius:10px;
}
#chishiki-left li{
float: left;
width: 40%;
	font-size: 15px;
	font-weight: normal;
	color: #0071ba;
	line-height: 100%;
	margin: 0 0 15px 10%;
	padding: 0;
	text-align: left;
}
}

#chishiki-right{
	float: right;
	width: 48%;
	height: auto;
	margin: 0 1%;
	padding: 0;
}

#chishiki-right p{
	font-size: 25px;
	text-align: center;
	line-height: 120%;
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #ef5a24;
}
@media only screen and (max-width: 479px) {
#chishiki-right{
	float: right;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
#chishiki-right p{
	font-size: 20px;
	text-align: center;
	line-height: 120%;
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #ef5a24;
}
}

#chishiki-right ul{
	clear: both;
	float: left;
	width: 98%;
	height: auto;
	margin: 0;
	padding: 25px 0 0;
	border:4px solid #ef5a24;
	border-radius:10px;
}

#chishiki-right li{
	font-size: 20px;
	font-weight: bold;
	color: #ef5a24;
	line-height: 100%;
	margin: 0 0 15px 60px;
	padding: 0;
	text-align: left;
}
@media only screen and (max-width: 479px) {
#chishiki-right ul{
	clear: both;
	float: left;
	width: 98%;
	height: auto;
	margin: 0;
	padding: 20px 0 0;
	border:3px solid #ef5a24;
	border-radius:10px;
}
#chishiki-right li{
float: left;
width: 40%;
	font-size: 15px;
	font-weight: normal;
	color: #ef5a24;
	line-height: 100%;
	margin: 0 0 15px 10%;
	padding: 0;
	text-align: left;
}
}

#case-box h5{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 30px 0 20px;
	padding: 15px 0 10px;
	text-align: center;
	color: #006837;
	border: 3px solid #006837;
	font-weight: bold;
	font-size: 30px;
	line-height: 100%;
	border-radius: 7px;
}
@media only screen and (max-width: 479px) {
#case-box h5{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 30px 0 20px;
	padding: 15px 0 10px;
	text-align: center;
	color: #006837;
	border: 3px solid #006837;
	font-weight: bold;
	font-size: 20px;
	line-height: 100%;
	border-radius: 7px;
}
}

#staff{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
text-align: center;
}

#staff img{
float: none;
margin: 0 0 15px;
max-width: 80%;
}

#staff dl{
clear: none;
float: right;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}

#staff dt{
clear: both;
float: left;
width: 30%;
height: auto;
margin: 0 0 25px;
padding: 0 5% 0 0;
text-align: right;
font-size: 13px;
line-height: 180%;
}

#staff dd{
float: left;
width: 65%;
height: auto;
margin: 0 0 25px;
padding: 0;
text-align: left;
font-size: 13px;
line-height: 180%;
}

/*ƒtƒbƒ^
--------------------------------------------------------------------------*/
#page-top{
	width:40px;
	height:40px;
	display:none;
	position:fixed;
	right:16px;
	bottom:16px;
}
 
#page-top p{
	margin:0;
	padding:0;
	text-align:center;
	background:#3b3b3b;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
 
#page-top p:hover{
	background:#8b8b8b;
}
 
#move-page-top{
	color:#fff;
	line-height:40px;
	text-decoration:none;
	display:block;
	cursor:pointer;
}

footer{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 50px 0 0;
	padding: 0;
}
@media only screen and (max-width: 479px) {
footer{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 30px 0 0;
	padding: 0;
}
}

#footer-menu{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 15px 0 0;
	padding: 0;
		background: #086e3a;
}

#footer-menu{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 15px 0 0;
	padding: 0;
		background: none;
}

#footer-menu ul{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: center;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
}

#footer-menu li{
	float: left;
	width: 50%;
	height: auto;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-weight: normal;
	line-height: 120%;
	text-align: center;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	background: #086e3a;
}

#footer-menu li.m2{
	width: 100%;
}

#footer-menu li a:link,#footer-menu li a:visited{
display: block;
width: 100%;
height: auto;
padding:15px 0 15px;
	text-decoration: none;
	color: #fff;
vertical-align: middle;
}
#footer-menu li a:hover{
	text-decoration: underline;
	background: #3D8488;
}

address{
	float: right;
	width: 100%;
	height: auto;
	margin: 0 0 10px;
	padding: 0;
	text-align:center;
	font-style: normal;
	line-height: 130%;
	font-size: 18px;
}

address a:link{
	text-decoration: underline;
	color: #796A56;
}

footer img.logo{
max-width: 70%;
margin: 0 10%;
}

#forrow{
	float: right;
	width: 100%;
	height: auto;
	margin: 15px 0 0;
	padding: 0;
	text-align: center;
}

#forrow h6{
display: none;
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 10px;
	padding: 0 0 5px;
	line-height: 100%;
	text-align: left;
	font-size: 15px;
	font-weight: normal;
	border-bottom: 1px solid #006837;
	color: #006837;
}

#forrow img{
display: none;
	float: left;
	margin: 0 10px 0 0;
}

#footer-tel{
display: inherit;
clear: both;
float: left;
width: 80%;
height: auto;
margin: 0 10%;
padding: 0;
font-weight: bold;
text-align: center;
font-size: 17px;
background: #006934;
border-radius: 10px;
line-height: 150%;
border: 5px solid #ffff00;
}
#footer-tel a:link,#footer-tel a:visited{
display: block;
padding: 5px 0;
color: #ffff00;
}
#footer-tel a:link span,#footer-tel a:visited span{
color: #fff;
font-weight: normal;
}

#home{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}

#home ol,#home2 ol{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
text-align: center;
}

#home ol li,#home2 ol li{
float: left;
width: 48%;
margin: 0 1% 15px;
padding: 0;
font-size: 13px;
line-height: 100%;
color: #000;
background: #eee;
border-radius: 10px;
display: block;
}
#home ol li.bno,#home2 ol li.bno{
padding: 20px 0% 18px;
}
@media only screen and (max-width: 479px) {
#home ol li,#home2 ol li{
float: left;
width: 100%;
margin: 0 0 10px;
padding: 0;
font-size: 13px;
line-height: 100%;
color: #000;
background: #eee;
border-radius: 10px;
}
#home ol li.bno,#home2 ol li.bno{
display: none;
padding: 20px 0% 18px;
}
}

#home ol li a:link,#home ol li a:visited,#home2 ol li a:link,#home2 ol li a:visited{
display: block;
padding: 20px 0% 18px;
background: #006536;
color: #fff;
text-decoration: none;
border-radius: 10px;
}
#home ol li a:hover,#home2 ol li a:hover{
text-decoration: underline;
}

#home p{
margin: 0 0 30px;
}

#home img{
float: right;
margin: 0 0 15px 2%;
max-width: 50%;
}
@media only screen and (max-width: 479px) {
#home img{
float: none;
margin: 0 0 15px;
max-width: 100%;
}
}

#home-osusume{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}

.home-box{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 20px;
padding: 0;
text-align: center;
}

#home .home-box img{
float: none;
margin: 0 0 15px;
max-width: 100%;
}

#home-osusume h2{
clear: none;
float: left;
width: 100%;
height: auto;
margin: 0 0 20px 0;
padding: 0;
text-align: left;
line-height: 120%;
font-weight: bold;
font-size: 25px;
text-indent: 0;
}
@media only screen and (max-width: 479px) {
#home-osusume h2{
clear: none;
float: left;
width: 100%;
height: auto;
margin: 0 0 20px 0;
padding: 0;
text-align: left;
line-height: 120%;
font-weight: bold;
font-size: 20px;
text-indent: 0;
}
}

#home-osusume p{
margin: 0 0 20px;
padding: 0;
float: left;
width: 100%;
text-align: justify;
text-justify: inter-ideograph;
}

#home2 p{
margin: 0 0% 20px;
}
#home2 p.p2{
margin: 0 0% 50px;
}

#home2 p.pright{
text-align: right;
}

#home2 blockquote{
margin: 0 0 50px 0;
padding: 15px 3%;
font-size: 13px;
text-align: left;
line-height: 150%;
border: 1px dotted #333;
}

#home2 ul,#home2 ul.chui{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 20px 0;
padding: 15px 3% 0;
border: 1px dotted #333;
}
#home2 ul.chui{
width: 100%;
margin: 0 0 20px 2%;
padding: 0;
border: none;
}

#home2 ul li{
text-align: left;
list-style-type: none;
margin: 0 0 20px;
}
#home2 ul.chui li{
list-style-type: inherit;
}

#corona{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 80px;
padding: 20px 3% 0;
border: double 3px #FF0000;
}

#corona-qa{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
.question {
        cursor: pointer;
}
.answer {
        display: none;
        padding: 10px 0;
}

#corona-info img{
float: right;
max-width: 40%;
margin: 0 0 0 3%;
}

#corona h2{
float: left;
width: 100%;
text-align: left;
line-height: 120%;
margin: 0 0 15px;
padding: 0;
font-weight: bold;
font-size: 20px;
color: #FF0000;
border-bottom: 2px solid #FF0000;
}

#corona-info{
clear: both;
float: left;
width: 100%;
height: auto;
}

#corona p{
font-size: 13px;
line-height: 150%;
margin: 0 0 20px;
text-align: left;
}

#corona h3{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 30px;
padding: 0 0 5px;
text-align: center;
font-weight: bold;
font-size: 20px;
line-height: 120%;
border-bottom: 3px solid #000;
}

#corona ul{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 30px;
padding: 0 5%;
}

#corona-text{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 15px;
padding: 20px 3% 5px;
background: #eee;
}

#corona-text p.c-name{
text-align: right;
font-weight: bold;
}

#corona li{
margin: 0 0 15px;
padding: 0;
text-align: left;
font-size: 13px;
line-height: 150%;
}

@media only screen and (max-width: 479px) {
#corona{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 15px 3% 0;
border: double 3px #FF0000;
}
#corona h2{
float: left;
width: 100%;
text-align: left;
line-height: 120%;
margin: 0 0 15px;
padding: 0;
font-weight: normal;
font-size: 15px;
color: #FF0000;
border-bottom: 2px solid #FF0000;
}
#corona h3{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 20px;
padding: 0 0 5px;
text-align: center;
font-weight: bold;
font-size: 15px;
line-height: 120%;
border-bottom: 3px solid #000;
}
#corona ul{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 20px;
padding: 0 0 0 3%;
}
#corona li{
margin: 0 0 15px;
padding: 0;
text-align: left;
font-size: 13px;
line-height: 150%;
}
}

table {
	clear:both;
	width:100%;
	margin:5px auto 20px;
    border:1px solid #666;
    border-collapse:collapse;
    border-spacing:0px;
    empty-cells:show;
    table-layout:auto;
    text-align:left;
	background:#fff;
}

th,td{
	border-right:1px solid #666;
	border-bottom:1px solid #666;
    padding: 5px 10px;
    text-align: center;
	}
    
th{
background: #eee;
}

#home-sample{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 5px;
padding: 0;
}

#home-sample p{
font-size: 13px;
margin: 10px 0 0;
text-align: center;
}

.home-sample{
float: left;
width: 48%;
height: auto;
margin: 0 1% 0;
padding: 25px 2% 5px;
background: #eee;
border: 1px solid #ccc;
}
@media only screen and (max-width: 479px) {
.home-sample{
float: left;
width: 100%;
height: auto;
margin: 0 0 15px;
padding: 20px 2% 5px;
background: #eee;
border: 1px solid #ccc;
}
}

.home-sample h3{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 15px;
padding: 0;
font-weight: bold;
font-size: 18px;
text-align: center;
line-height: 100%;
}

#home2 #home-sample .home-sample p{
margin: 0 2% 15px;
font-size: 13px;
line-height: 130%;
text-align: left;
}

.home-sample hr{
clear: both;
float: left;
width: 100%;
border-bottom: none;
border-right: none;
border-left: none;
border-top: 1px dashed #222;
margin: 0;
padding: 15px 0 0;
}

.f-red{
color: #E71C20;
}

.f13,p.f13{
font-size: 13px;
}

.home-sample strong{
font-size: 1.2em;
}

#home2 dl{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 30px;
padding: 0;
}

#home2 dt{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 5px 0;
padding: 0 0 15px;
text-align: left;
font-weight: bold;
font-size: 18px;
line-height: 130%;
}

#home2 dd{
float: left;
width: 100%;
margin: 0 0 30px;
padding: 0 0 30px;
text-align: left;
font-size: 13px;
line-height: 130%;
border-bottom: 1px dotted #333;
}
@media only screen and (max-width: 479px) {
#home2 dt{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 5px 0;
padding: 0 0 15px;
text-align: left;
font-weight: bold;
font-size: 15px;
line-height: 130%;
}

#home2 dd{
float: left;
width: 100%;
margin: 0 0 20px;
padding: 0 0 20px;
text-align: left;
font-size: 13px;
line-height: 130%;
border-bottom: 1px dotted #333;
}
}

#home2 dd img{
margin: 15px 0 0;
}

#home2 dd a:link,#home2 dd a:visited{
font-size: 13px;
line-height: 250%;
text-decoration: underline;
}

#home2 .voice-box{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 40px;
padding: 0;
}

main #home2 .voice-box h4{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 20px;
padding: 0;
text-align: center;
font-size: 25px;
font-weight: bold;
line-height: 100%;
color: #006536;
}
@media only screen and (max-width: 479px) {
main #home2 .voice-box h4{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 20px;
padding: 0;
text-align: center;
font-size: 20px;
font-weight: bold;
line-height: 100%;
color: #006536;
}
}
main #home2 .voice-box h4:first-letter{
background: none;
color: #006536;
margin: 0;
padding: 0;
}

#home2 .voice-box img{
float: left;
margin: 0 5% 0 0;
}
@media only screen and (max-width: 479px) {
#home2 .voice-box img{
float:none;
margin: 0 0 15px;
}
}

#home-print{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 30px;
padding: 0;
}

#home-print img{
padding: 5px;
border: 1px solid #ccc;
}

#home-print a:link,#home-print a:visited{
text-decoration: underline;
}

#touban{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}

#touban ol{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 30px;
padding: 0;
}

#touban ol li{
float: left;
margin: 15px 1% 0;
width: 48%;
list-style-type: none;
color: #e30616;
text-align: center;
line-height: 120%;
padding: 20px 2% 10px;
border-radius: 7px;
font-size: 15px;
border: 4px solid #006837;
background: linear-gradient(#fff 50%,#ddd);
}
#touban ol li strong{
font-weight: bold;
font-size: 22px;
line-height: 120%;
}
@media only screen and (max-width: 479px) {
#touban ol li{
float: left;
margin: 15px 0 0;
width: 100%;
list-style-type: none;
color: #e30616;
text-align: center;
line-height: 120%;
padding: 12px 2% 10px;
border-radius: 7px;
font-size: 13px;
border: 3px solid #006837;
background: linear-gradient(#fff 50%,#ddd);
}
#touban ol li strong{
font-weight: bold;
font-size: 20px;
line-height: 120%;
}
#touban br.bno{
display: none;
}
}

main #touban p{
margin: 0 5% 50px;
}

#touban h3{
font-size: 25px;
}
@media only screen and (max-width: 479px) {
#touban h3{
font-size: 20px;
}
}

#touban h4{
margin:30px 0 30px;
font-size: 25px;
}
@media only screen and (max-width: 479px) {
main #touban p{
margin: 0 5% 30px;
}
#touban h4{
margin:20px 0 30px;
font-size: 20px;
}
#touban h4.f15{
font-size:20px;
line-height: 150%;
font-weight: bold;
padding: 0;
}
}

.touban-hsp{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 30px;
padding: 30px 5% 0px;
border-radius: 7px;
border: 1px solid #ccc;
box-shadow: 2px 2px #eee;
}
main #touban .touban-hsp p{
margin: 0 2% 30px;
font-size: 15px;
}
@media only screen and (max-width: 479px) {
main #touban .touban-hsp p{
margin: 0 2% 30px;
font-size: 13px;
}
}

#touban .touban-hsp ol{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 20px;
padding: 0;
}
#touban .touban-hsp ol li{
width: 100%;
background: none;
margin: 0 0 15px;
padding: 0;
color: #006837;
font-size: 18px;
text-align: left;
border: none;
}
@media only screen and (max-width: 479px) {
#touban .touban-hsp ol li{
width: 95%;
background: none;
margin: 0 0 15px 5%;
padding: 0 0 0 -1.5em;
text-indent: -1em;
color: #006837;
font-size: 15px;
text-align: left;
border: none;
}
}

#touban h5{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 30px;
font-weight: bold;
font-size: 30px;
line-height: 102%;
border-bottom: 1px solid #006837;
color: #006837;
}
#touban h5 span{
margin: 0 20px 0 0;
font-size: 20px;
font-weight: normal;
}
@media only screen and (max-width: 479px) {
#touban h5{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 30px;
font-weight: bold;
font-size: 25px;
line-height: 102%;
border-bottom: 1px solid #006837;
color: #006837;
}
#touban h5 span{
margin: 0 20px 0 0;
font-size: 15px;
font-weight: normal;
}
}

.touban-kangen{
float: left;
width: 100%;
height: auto;
margin: 0 0 15px;
padding: 10px 8% 5px;
border-bottom: 2px dotted #333;
}

main #touban .touban-kangen p{
font-size: 13px;
margin: 0 0 20px;
}
.touban-kangen strong{
color: #006837;
font-size: 20px;
}
@media only screen and (max-width: 479px) {
.touban-kangen{
float: left;
width: 100%;
height: auto;
margin: 0 0 15px;
padding: 10px 3% 5px;
border-bottom: 2px dotted #333;
}
main #touban .touban-kangen p{
font-size: 13px;
margin: 0 0 15px;
}
.touban-kangen strong{
color: #006837;
font-size: 16px;
}
}

#touban ul.touban-kouka{
clear: both;
float: left;
margin: 0 0 30px;
}
#touban ul.touban-kouka li{
list-style-type: none;
float: left;
text-align: left;
width: 33%;
margin: 0 0 15px;
}
@media only screen and (max-width: 479px) {
#touban ul.touban-kouka{
clear: both;
float: left;
margin: 0 0 30px;
padding: 0;
}
#touban ul.touban-kouka li{
list-style-type: none;
float: left;
text-align: left;
width: 50%;
margin: 0 0 15px;
}
}

#touban-menu{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 10px;
}

#touban #touban-menu ul{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}

#touban #touban-menu li{
float: left;
width: 48%;
list-style-type: none;
text-align: center;
margin: 0 1% 0;
padding: 30px 0 20px;
font-weight: bold;
font-size: 20px;
background: url(image/touban-ar.png) no-repeat 90% 50%/10%,#006837;
color: #39ae77;
border-radius: 7px;
}
#touban #touban-menu li a{
color: #fff;
}
@media only screen and (max-width: 479px) {
#touban #touban-menu li{
float: left;
width: 100%;
list-style-type: none;
text-align: center;
margin: 0 0 15px;
padding: 20px 0 15px;
font-weight: bold;
font-size: 20px;
background: url(image/touban-ar.png) no-repeat 90% 50%/7%,#006837;
color: #39ae77;
border-radius: 7px;
}
#touban #touban-menu li a{
color: #fff;
}
}

#touban-menu p{
font-size: 15px;
}
@media only screen and (max-width: 479px) {
#touban-menu p{
font-size: 13px;
}
}
#touban-menu p a{
text-decoration: underline;
color: #000;
}

.meta-box{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 30px 5% 15px;
border: 1px solid #ccc;
box-shadow: 2px 2px 2px #eee;
text-align: center;
}

.meta-box p{
text-align: center;
margin: 0;
font-size: 13px;
}

#meta-wakaru{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 20px;
padding: 0;
}
.meta-wa{
float: left;
width: 100%;
min-height:auto;
margin: 0 0 15px;
padding: 10px 2%;
border: 2px solid #E90A0E;
}
.meta-wa img{
margin: 0 0 15px;
}
.meta-wa p{
text-align: center;
font-size: 13px;
line-height: 150%;
margin: 0;
}

ul.meta-osusume{
clear: both;
float: left;
width: 100%;
margin: -20px 0 40px;
padding: 0;
}
ul.meta-osusume li{
float: left;
width: 48%;
margin: 0 1%;
list-style-type: none;
color: #fff;
background:#f86c76;
padding: 20px 0 15px;
text-align: center;
}
@media only screen and (max-width: 479px) {
ul.meta-osusume{
clear: both;
float: left;
width: 100%;
margin: 0 0 20px;
padding: 0;
}
ul.meta-osusume li{
float: left;
width: 48%;
margin: 0 1%;
list-style-type: none;
color: #fff;
background:#f86c76;
padding: 20px 0 15px;
text-align: center;
}
}

ol.meta-koe{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -10px 0 30px;
padding: 50px 0 30px;
background: #eee;
}
ol.meta-koe li{
clear: both;
width: 78%;
margin: 0 10% 20px;
padding: 15px 0 10px;
text-align: center;
border: 2px solid #f86c76;
background: #fff;
}
@media only screen and (max-width: 479px) {
ol.meta-koe{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -10px 0 15px;
padding: 30px 0 10px;
background: #eee;
}
ol.meta-koe li{
clear: both;
width: 96%;
margin: 0 2% 20px;
padding: 15px 0 10px;
text-align: center;
border: 2px solid #f86c76;
background: #fff;
}
}

#meta-enryo{
clear: both;
width: 100%;
height: auto;
margin: 0;
padding: 20px 3% 10px;
border: 1px solid #ccc;
}
#meta-enryo h4{
width: 100%;
font-size: 15px;
text-align: center;
margin: 0 0 30px;
border-bottom: 1px solid #aaa;
color: #000;
font-weight: normal;
}
main #meta-enryo h4:first-letter{
	color: #000;
	background: none;
	padding: 0;
	margin: 0;
	line-height: 100%;
}
#meta-enryo ul{
}
#meta-enryo li{
font-size: 13px;
text-align: left;
}

#meta-flow{
clear: both;
}
.meta-flow-box,.meta-flow-box2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 30px;
padding: 0 0 30px;
background: url(image/meta-ar.png) no-repeat center bottom;
}
.meta-flow-box2{
background: none;
margin: 0 0 10px;
padding: 0;
}
.meta-flow-box p,.meta-flow-box2 p{
margin: 0;
text-align: center;
}

#meta-nagare{
clear: both;
float: left;
width: 100%;
margin: 0 0 50px;
}
#meta-nagare p{
text-align: center;
margin: 0 0 10px;
color: #006934;
}
.meta-nagare-box{
float: left;
width: 100%;
height: auto;
margin: 0 0 15px 0;
padding:15px 1%;
background: url(image/meta-nagare1.png) no-repeat left top,#eee;
}
.meta2{
background: url(image/meta-nagare2.png) no-repeat left top,#eee;
}
.meta3{
background: url(image/meta-nagare3.png) no-repeat left top,#eee;
}
.meta4{
background: url(image/meta-nagare4.png) no-repeat left top,#eee;
}
#meta-nagare .meta-nagare-box p{
text-align: center;
font-size: 13px;
margin: 0;
color: #000;
}

#meta-price{
}
#meta-price p{
text-align: center;
}

}