@charset "utf-8";
/*--------デフォルトスタイル--------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 1em;}
article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
a{text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: underline;}
input,textarea{ border-radius: 0;}
table, tr, th, td {border-collapse:collapse;border-spacing:0;vertical-align: middle;}
img{width:100%; height:auto; vertical-align:top;}
html{font-size: 62.5%;}
body{font-size: 1.3rem;}
/*--------レイアウト--------*/
body {line-height: 1.4;color: #3e3a39;background: url(../images/common/wood.jpg) repeat top left;font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
/*--------clearfix--------*/
.clearfix:after {content:"";display:block;clear:both;}
/*----------------共通部分----------------*/
/*----------------共通class/ID----------------*/
.wp{margin:0 3%;}
.wp2{margin:0 5%;}
.white{background:#FFF;}
.fl{float:left;}
.fr{float:right;}
.bg{background:url(../images/common/bg.jpg) repeat;}
.img{padding:2px; border:1px solid #AAA; background:#FFF;}
.yellow,#faq li:nth-child(odd),#part li:nth-child(odd){background:#fffaf0;}
.ttl{margin-left:5%;}
.mg{margin:3% 0; display:block;}
.pb{padding-bottom:10%;}
.center{text-align:center;}
.mt10{padding-top:5%;}
/*----------------header----------------*/
header h1{width:70%; float:left;}
header #hnav{ width:30%; float:right; text-align:right; letter-spacing:-.40em;}
header #hnav li{display:inline-block; width:40%; letter-spacing:normal;}
#head{margin:2% 2% 2% 5%;}
/*----------------nav----------------*/
nav li a{display:block; color:#845834; font-size:1.3rem; padding:8px 0 8px 10px; margin-left:27%;}
nav li:first-child a{padding-top:27px;}
/*----------------footer----------------*/
#pageplugin{padding-bottom:20px; }
.fb-page{ margin:0 auto; width:100%!important;}
@media screen and (min-width:360px){
	#pageplugin{padding-bottom:0; }
	.fb-page{ margin-left:5%; width:100%!important;}
}
aside #bnrContact{border:5px solid #1d6700; position:relative; border-radius:10px; padding:15px;margin-top:-3%;}
#leaf{position:absolute; width:60px; top:-20px; left:-20px;}
aside{padding:10% 4%; background:#FFF; margin-top:5px;}
aside #txt01{margin-left:10%; width:90%;}
a#tel{display:block;border-bottom:1px solid #AAA;border-top:1px solid #AAA; margin:5% 0; padding:3% 0; text-align:center;}
a#tel img{width:95%;}
#wood{margin:8% 3% 0;}
.fnav{width:45%; float:left; margin-left:5%;}
.fnav a,.fnav{color:#FFF;}
.fnav li:before{content:"▶"; padding-right:3%;}
.fnav li{margin:0 0 5%;}
#Bnr{width:50%;  margin: 4% auto 8%;}
address{font-style:normal; margin-top:2%;}
#address{margin:0 3%; background: url(../images/common/fdot.png) repeat-x top left; background-size:5% auto; padding-top:6%; color:#FFF; text-align:center;}
#address strong{font-size:1.8rem;}
#copy{text-align:center; color:#FFF; line-height:1; margin-top:5%;}
/* オブジェクト設定 */
embed,iframe,object{max-width: 100%;}
/*----------------index----------------*/
#news{padding:4%; margin:8% 0 15%;}
#news dl{margin-top: 4%;}
#news dl a{color:#333; text-decoration:underline;}
#news dl dt{color:#1d6700; font-weight:bold; margin-bottom:2%;}
#news dl dd{padding-bottom:2%; border-bottom:1px dashed #AAA; margin-bottom:2%;}
#voice{background:url(../images/index/voice_top.png) no-repeat .25rem top, url(../images/index/voice_bottom.png) no-repeat 1.85rem bottom; background-size:95.5% auto,91.3% auto; position:relative; padding:13% 0 2%; left:-5px; margin-bottom:10%;}
#voice h3{width:60%; margin:0 auto; position:absolute; top:-30px; left:50px;}
#voice01 dl{background:url(../images/index/base.png) repeat-y 0.89rem top; background-size:91.5% 1px; padding:0 12% 0 10%;} 
#voice01{background:url(../images/index/voice_middle.png) no-repeat .26rem bottom; background-size:96.6%; padding-bottom:10%;}
#voice01 dd.clearfix p{float:left; width:65%;}
#voice01 dd.clearfix img{width:30%;}
#voice02{background: url(../images/index/base.png) repeat-y 1.85rem; background-size:91.3% 1px; padding:0 12% 5%;}
#voice dt{border-bottom:1px dashed #AAA; margin-bottom:2%; font-size:1.4rem; font-weight:bold;}
#greenbd{background:url(../images/index/border.jpg) repeat; padding:5% 2% 10%;}
#corc{background:url(../images/index/corc.png) no-repeat left top; background-size:100% 100%; position:relative; padding-bottom:10%;}
#sticker{position:absolute; top:-13%; right:0; width:30%;}
#corc h3{width:70%; margin:0 0 0 10%; padding:10% 0 0; }
#corc ul{text-align:center; margin:5% 0 0;}
#corc ul li{display:inline-block; width:20%; background:#7ecef4; padding:3% 2%; margin:0 2%;}
#corc ul li span{background:#737373; color:#FFF; border-radius:1rem; padding:0 13%; font-size:1.5rem;}
#corc ul p{ color:#07475f; font-size:3.5rem;}
#point{background:#f6fff3; padding:2%; margin:2% 3%; font-size:1.4rem;}
#point h4{color:#1d6700; font-size:2.3rem; margin-bottom:2%;}
#google iframe{width:100%; height:300px; margin:4% 0 2%;}
#memo{margin:0 5%; padding:5% 0;}
#memo p{ background:url(../images/index/dot02.jpg) repeat-x left bottom; padding:2%; margin-bottom:2%; background-size:2% auto;}
#Bnr01 p img{ width:17%; display:block; margin-bottom:2%;}
#Bnr02 p img{ width:28%; display:block; margin-bottom:2%;}
#Bnr03 p img{ width:40%; display:block; margin-bottom:2%;}
.Bnrbox .img{float:left; width:50%; margin:0 5% 2% 0;}
#Bnr01,#Bnr02{margin-bottom:10%;}
#BnrBox{padding:10% 0 5%;}
.Bnrbox a{display:block; margin:1% 0 7%;}
#memo2{padding-bottom:10%;}
#memo2 a{display:block; margin-bottom:5%;}
/*----------------greeting----------------*/
#name{text-align:right; margin:3% 0 0;}
#greeting .center .img{width:50%;}
#syodan .clearfix{background:url(../images/greeting/icon01.png) no-repeat right bottom; background-size:auto 40%;}
#kutsurogi .clearfix{background:url(../images/greeting/icon02.png) no-repeat right bottom;background-size:auto 25%;}
#kutsurogi h4{width:45%;margin-left:2%;}
#kids .clearfix{background:url(../images/greeting/icon03.png) no-repeat right bottom; background-size:auto 25%;}
#pet .clearfix{background:url(../images/greeting/icon04.png) no-repeat right bottom; background-size:auto 25%;}
#greeting .serviceBox{border-bottom:1px solid #AAA; padding-bottom:3%; margin-bottom:7%;}
#greeting p.center img{margin-top:3%;}
#box{border:1px solid #AAA; padding:3%;}
/*----------------service----------------*/
.serviceBox .img{width:50%;}
.serviceBox h4{color:#154a00; font-size:1.5rem; padding:15% 0 0 0; margin-left:5%; width:35%;}
.serviceBox h4.mt{padding-top:13%;}
.serviceBox p{margin:3% 0;}
.serviceBox a img{width:80%; display:block; margin:0 auto;}
#service .yellow{padding:5% 0; margin:5% 0;}
/*----------------used----------------*/
#usedbox{margin-top:5%;}
#usedbox li:nth-child(1) h4,#usedbox li:nth-child(2) h4,#usedbox li:nth-child(3) h4{ background:url(../images/used/new.png) no-repeat left center; background-size:10% auto; padding:3% 0 3% 13%;}
#usedbox li{border-top:10px solid #AAA; padding:3% 0;}
#usedbox li .fl{width:50%;}
#usedbox li dl dt,#usedbox li dl dd{display:inline-block;}
#usedbox li dl dd span{color:#ff0000; font-size:2rem; font-weight:bold;}
#usedbox li table{width:47%; border:1px solid #AAA; font-size:0.9rem;}
#usedbox li table th{background:#fffaf0; border-bottom:1px solid #AAA; border-right:1px solid #AAA; width:40%; padding:2%;}
#usedbox li table td{background:#f5f5f5; border-bottom:1px solid #AAA; padding:2%;}
#usedbox li table td a{color:#3b7226; text-decoration:underline;}
/*----------------registration----------------*/
#download{margin:3% 0 8%; display:block;}
#kei h4{background:#fff5be;background: linear-gradient(to bottom, #eadfa7 0%,#fff5be 14%,#fff5be 85%,#eadfa7 100%); font-size:1.5rem; color:#154a00; padding:3% 0; text-align:center;}
#kei dt,#normal dt,#part h4{ font-size:1.4rem; background:url(../images/registration/ttl.png) no-repeat left center; background-size:2% auto; font-weight:bold; padding:2% 0 3% 5%; margin-bottom:2%; border-bottom:1px dashed #666666;}
#kei dl,#normal dl{padding:3% 0;}
#normal h4{background:#d2e5a9;background: linear-gradient(to bottom, #b8cd92 0%,#d2e5a9 14%,#d2e5a9 85%,#b8cd92 99%); font-size:1.5rem; color:#154a00; padding:3% 0; text-align:center;}
/*----------------repair----------------*/
#faq{padding:5% 0;}
#faq li h4{background:url(../images/repair/icon.png) no-repeat left top; background-size:8% auto; padding-left:13%; color:#154a00; font-size:1.5rem; margin-bottom:5%;}
#faq li,#part li{padding:5% 0;}
#faq li img{width:45%;}
#faq li .clearfix p{width:50%;}
#part dl{margin-top:3%;}
#part dt{float:left; clear:left; width:25%; text-align:center; padding-top:2px; margin:0 3% 3% 0;}
#part dd{float:left; width:65%; margin-bottom:3%; color:#555;}
.ttl2{border:1px solid #804f31; border-radius:15px; background:#fff5be;}
.ttl3{border:1px solid #804f31; border-radius:15px; background:#d2e5a9;}
/*----------------policy----------------*/
#policy ol a{color:#3b7226; text-decoration:underline;}
#policy ol li li{list-style:disc; margin-left:7%;}
/*----------------company----------------*/
#tbl{border-collapse: separate;border-spacing: 5px; width:100%;}
#tbl th{background:#fffaf0; padding:2% 3%; text-align:left; vertical-align:top; width:30%;}
#tbl td{background:#FFF; padding:2% 3%;}
#Ttl{background:url(../images/company/ttl.jpg) no-repeat left top; background-size:auto 100%; padding-left:5%; margin-top:3%;}
#Ttl + p{margin-left:15%;}
#company .bg iframe{margin-bottom:3%; width:98%;}
/*----------------contact----------------*/
#contact .center{ border-top:1px solid #abbfa8; padding-top:5%;}
#submitBtn{border:none; width:100%; height:40px;border-radius: 0;}
#contact .wp2 table{width:100%;}
#contact .wp2 table th span.hisu{font-size:0.9rem; padding:0 5% 0; margin-left:6%;}
#contact .wp2 table + dl{margin-bottom:5%;}
#contact .wp2 table + dl dt{font-weight:bold; padding-bottom:3%; vertical-align:top;}
#contact .wp2 table th{text-align:left; width:40%; vertical-align:top;}
#Tbl{ border-top:1px solid #abbfa8;padding:5% 0 0; margin-top:5%;}
#Tbl li{ list-style:none;}
label{display:block; margin-bottom:3%;}
#contact .wp2 dl dd input[type^=text],input[type^=number],input[type^=tel],input[type^=url]{ line-height:1;border:none; width:97%; vertical-align:middle; background:#FFF; border-radius: 0;-webkit-appearance: none; padding:0 0 0 2%; height:25px;}
#contact .wp2 dd li{margin:2% 0 0;}
#contact .wp2 dd li:first-child{margin-top:0;}
#contact .wp2 span.hisu{background:#154a00; color:#FFF; padding:0 2% 0; margin-left:3%; font-size:0.9rem;}
textarea{width:100%; border:none; height:100px;}
#contact .wp2 dd{padding-bottom:5%;}
#contact .wp2 dt{padding-bottom:1%;}
#contact .wp2 table [type^=radio]{ vertical-align:-0.3rem; border-radius:1rem;}