@charset "UTF-8";

/* --------------------------------------------------
 Base
-------------------------------------------------- */
body,ol,ul,dl,li,dt,dd,table,th,td,input,textarea,select,h1,h2,h3,h4,h5,h6{
color:#222;
font-weight:normal;
font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
letter-spacing:0.05em;
}

body{
min-width:1060px;
background:#fff;
font-size:16px;
line-height:1.6;
word-wrap:break-word;
}

input,
select{
padding:2px;
}

textarea{
padding:3px;
border:#aaa solid 1px;
}

a:link,
a:visited{
color:#222;
text-decoration:underline;
}

a:hover,
a:active{
color:#222;
text-decoration: none;
}

strong{
font-style:normal;
font-weight:bold;
}

/* 一般ボックス --------------- */
.blcComm{
display:block;
width:1000px;
margin:0 auto;
}

/* 一般シャドウ --------------- */
.shadowComm{
position: relative;
min-height:20px;
box-shadow:rgba(0,0,0,0.2) 0 0 5px;
}

.shadowComm:before, .shadowComm:after{
position:absolute;
width:49%;
height:10px;
left:10px;
bottom:17px;
content:"";
box-shadow:rgba(0,0,0,0.3) 0 20px 15px;
transform: rotate(-0.5deg);
z-index:-1;
}

.shadowComm:after{
left:auto;
right:10px;
transform:rotate(0.5deg);
}

/* クリアーフィックス --------------- */
.clearFix:after{
content: "";
clear: both;
display: block;
}

/* クリアー ------------------------ */
.clear{
clear:both;
}

/* フォーカスで変形 --------------- */
.boxExpand {
transition: all 1s ease-in-out;
border:solid 1px lightgrey;
background:white;
border:#aaa solid 1px;
}

.boxExpand:focus {
outline:none;
border:solid 1px #39c;
box-shadow:#39C 0px 0px 5px;
transition: all 0.5s ease-in-out;
}


/* --------------------------------------------------
 Header
-------------------------------------------------- */
#header{
position:fixed;
top:0;
left:0;
width:100%;
height:60px;
background:#2b5807;
z-index:100;
}

#header > div{
position:relative;
width:1000px;
margin:0 auto;
text-align:left;
}

#header h1{
float:left;
padding-top:8px;
}

#header h2{
float:left;
padding-top:8px;
padding-left:128px;
}

#header #hTel{
float:right;
padding-top:8px;
}


/* --------------------------------------------------
 catchBlc
-------------------------------------------------- */
#catchBlc{
position:relative;
z-index:-1;
}

#catchBlc .inner{
padding-top:60px;
height:550px;
background:url(../img/catch_bg.jpg) no-repeat center 60px;
box-shadow:rgba(0,0,0,0.15) 0 5px 7px;
background-size: 100% 100%;
}

#catchBlc h1,
#catchBlc p,
#catchBlc ul{
width:1000px;
margin:0 auto;
}

#catchBlc h1{
padding:46px 17px 0 347px;
height:48px;
}

#catchBlc ul{ height:160px; padding-left:163px;}

#catchBlc li{ display:inline-block; margin-right:28px;}

#catchBlc li:nth-child(1){
}

#catchBlc li:nth-child(2){
}

#catchBlc li:nth-child(3){
}

#catchBlc li:nth-child(4){
	margin: 0px;}

#catchBlc .area{
margin-top:-240px;
padding-right:20px;
text-align:right;
}

/* --------------------------------------------------
followBlc
-------------------------------------------------- */

#followBlc{
    position: relative;
    padding: 8px 0 20px 43px;
    height: 362px;}

#followBlc h1,
#followBlc p,
#followBlc ul{
width:1000px;
margin:0 auto;
}


/* --------------------------------------------------
 contactBlc
-------------------------------------------------- */
.contactBlc{
width:960px;
height:250px;
margin:40px auto;
background:url(../img/contact_base.png);
overflow:hidden;
text-align:center;
line-height:1;
}

#catchBlc+.contactBlc{
margin-top:-43px;
}

.contactBlc h1{
padding:28px 0 18px;
}

.contactBlc .guarantee{
float:left;
padding:26px 0 0 30px;
}

.contactBlc .btn{
float:right;
padding:26px 30px 0 0;
}


/* --------------------------------------------------
 worryBlc
-------------------------------------------------- */
#worryBlc{
height:470px;
margin-top:43px;
background:url(../img/worry_bg.jpg) no-repeat center bottom;
text-align:center;
}

#worryBlc .txt{
width:1000px;
margin:225px auto 0;
text-align:left;
color:#000;
}

#worryBlc .txt img{
display:block;
margin:28px 0 0 -8px;
}

/* --------------------------------------------------
 yakuwariBlc
-------------------------------------------------- */
#yakuwariBlc{
width:1000px;
height:414px;
margin-top:20px;
background:url(../img/yakuwari_bg.png) no-repeat center top;
margin:0 auto;
}

#yakuwariBlc h1
{
padding:30px 0 0 65px;
height: 100px;
}

#yakuwariBlc .txt{
margin: 0 auto;
text-align:left;
color:#000;
padding:0 0 0 65px;
line-height: 1.7em;
}


/* --------------------------------------------------
 whatBlc
-------------------------------------------------- */
#whatBlc{
	text-align: center;
}

#whatBlc > h1{
position:relative;
margin-bottom:0;
padding:24px;
background:#2b5807;
text-align:center;
box-shadow:rgba(0,0,0,0.18) 0 5px 6px;
}

#whatBlc p{
	 height: 190px;
    width: 1000px;
    margin: 0 auto;}

#whatBlc .triger{
	height: 94px;}

#whatBlc .text02{
	position: relative;
    background: url("http://www.reiticehome.jp/bousui/css/../img/method_bg.gif");
    z-index: -2;}

#whatBlc .text02 p:nth-child(1){
	text-align: left;
    padding: 42px 0 0 99px;
 	position: relative;
   z-index: -3;
	}

#whatBlc .text02 p:nth-child(2){
	margin-top: -211px;
    padding-left: 6px;
    height: 808px;
 	position: relative;
   z-index: -4;
	}

#whatBlc .text02 p:nth-child(3){
	height: 56px;
	}

/* --------------------------------------------------
 repairBlc
-------------------------------------------------- */
#repairBlc{
	text-align: center;
}

#repairBlc > h1{
	margin-top:46px;
	height:156px;
}

#repairBlc .inner{
	position: relative;
    background: url("../img/intro_bg.jpg");
	padding-top: 1px;
    z-index: -2;
	height: 942px;
	margin-bottom: 38px;}

#repairBlc .inner > h1{
    position: relative;
    margin-bottom: 0;
    padding: 34px;
    background: #2b5807;
    margin-top: 28px;
	z-index: -3;}

#repairBlc ul{
    position: relative;
    width: 980px;
    margin: 0 auto 40px;
    padding-left: 26px;
    z-index: -3;
    margin-top: -18px;}

#repairBlc li{
    float: left;
    width: 253px;
    padding: 70px 24px 10px;
    background-image: url("../img/voice_frm_edge.png"),url("../img/voice_frm_edge.png"),url("../img/voice_frm_bg.png");
    background-repeat: no-repeat,no-repeat,repeat-y;
    background-position: left top,left bottom,left top;
    box-shadow: rgba(0,0,0,0.2) 0 5px 5px;
    line-height: 1.4;
    height: 670px;
    margin-right: 22px;	}


#repairBlc .case{
	background-image: url("../img/repair_case_bg.jpg");
	background-repeat: no-repeat;
	box-shadow: rgba(0,0,0,0.2) 0 2px 5px;
	height: 270px;
    width: 242px;
	margin-left: 11px;
}

#repairBlc .case_in{
	position: relative;
    top: -38px;
    left: -12px;
	}

#repairBlc .photo01{
	border: #fff solid 5px;
	box-shadow: rgba(0,0,0,0.2) 0 2px 5px;
	}

#repairBlc .text01{
    padding: 0 7px 20px 11px;
    letter-spacing: -0.07em;
    text-align: left;
	margin-top: -22px;
		}

#repairBlc .photo02{
	display: block;
	margin: 0 auto 20px;
	border: #fff solid 5px;
	box-shadow: rgba(0,0,0,0.2) 0 2px 5px;
	}

#repairBlc .text02{
    letter-spacing: -0.07em;
    text-align: left;
	font-size:15px;
		}
		
#repairBlc .triger {
    margin: 25px 0 24px 0;
}


/* --------------------------------------------------
 saitekiBlc
-------------------------------------------------- */
#saitekiBlc{
	text-align: center;
}

#saitekiBlc > h1{
	margin-top:84px;
	height:156px;
}

#saitekiBlc .inner{
	position: relative;
    background: url("../img/intro_bg.jpg");
	padding-top: 1px;
    z-index: -2;
	height: 942px;
	margin-bottom: 38px;}

#saitekiBlc .inner > h1{
    position: relative;
    margin-bottom: 0;
    padding: 34px;
    background: #2b5807;
    margin-top: 28px;
	z-index: -3;}

#saitekiBlc ul{
    position: relative;
    width: 980px;
    margin: 0 auto 61px;
    padding-left: 36px;
    z-index: -3;
    margin-top: -18px;}

#saitekiBlc li{
    float: left;
    width: 257px;
    padding: 26px 21px 10px;
    box-shadow: rgba(0,0,0,0.2) 0 5px 5px;
    line-height: 1.4;
    height: 842px;
    margin-right: 22px;	}


#saitekiBlc .case{
	background-image: url("../img/saiteki_case_bg.jpg");
	background-repeat: no-repeat;
	box-shadow: rgba(0,0,0,0.2) 0 2px 5px;
	height: 270px;
    width: 242px;
	margin-left: 11px;
}

#saitekiBlc .case_in{
	position: relative;
    top: -38px;
    left: -12px;
	}

#saitekiBlc .photo01{
	width:217px;
	display: block;
	margin-bottom: 44px;
	border: #fff solid 5px;
	box-shadow: rgba(0,0,0,0.2) 0 2px 5px;
	margin: 0 auto 22px;
	}

#saitekiBlc .text01{
	padding: 0 0px 14px 0px;
    letter-spacing: -0.07em;
    text-align: left;		}

#saitekiBlc .text02{
    text-align: left;
	background-image: url("../img/saiteki_answer.jpg");
	padding: 50px 18px 0 18px;
	height: 297px;
		}

#saitekiBlc .photo02{
    width: 234px;
    display: block;
    margin-bottom: 20px;
    border: #fff solid 5px;
    box-shadow: rgba(0,0,0,0.2) 0 2px 5px;
    margin: 0 auto;
    margin-top: -19px;
    height: 167px;		}

		
#saitekiBlc .triger {
	margin: 0 0 15px 0;}




/* --------------------------------------------------
 longlifeBlc
-------------------------------------------------- */
#longlifeBlc{
	text-align: center;
	margin-top: 62px;
}

#longlifeBlc .photo01 img{
    box-shadow: rgba(0,0,0,0.2) 0 5px 5px;
}

#longlifeBlc .photo02{
    position: relative;
    left: -283px;
    margin-top: -310px;}


/* --------------------------------------------------
 telBlc
-------------------------------------------------- */
#telBlc{
	text-align: center;
	margin-top: 39px;
}

#telBlc > h1{
position:relative;
margin-bottom:0;
padding:33px 39px 44px;
background:#2b5807;
text-align:center;
box-shadow:rgba(0,0,0,0.18) 0 5px 6px;

}

#telBlc .inner{
    width: 912px;
    height: 286px;
    margin-top: -140px;
    background: url(../img/tel_bg.png) no-repeat center top;
    margin: 0 auto;
    box-shadow: rgba(0,0,0,0.2) 0 5px 5px;
    position: relative;
    top: -35px;
    padding-top: 125px;}

#telBlc .inner li {
    display: inline-block;
    margin-top: 8px;
}

#telBlc li.text {
    line-height: 0;
}

#telBlc .triger {
    margin-top: -35px;
	margin-bottom: 9px;
}

#telBlc .case {
    width: 928px;
    height: 752px;
    background: #Fff;
    margin: 0 auto;
    box-shadow: rgba(0,0,0,0.2) 0 5px 5px;
}

#telBlc .case_in {
	margin-top: 32px;
    height: 299px;}
	
#telBlc .case_in:after {
	clear:both;
	display:block;
}

#telBlc img.photo01 {
    float: left;
    margin-left: 44px;
    margin-right: 32px;
	border: #fff solid 5px;
    box-shadow: rgba(0,0,0,0.2) 0 2px 5px;
}

#telBlc .text01 {
    text-align: left;
    margin-right: 15px;
}

/* --------------------------------------------------
 sugesBlc
-------------------------------------------------- */
#sugesBlc{
	text-align: center;
	margin-top: 39px;
	height:2506px;
}

#sugesBlc > h1{
position:relative;
margin-bottom:0;
padding:19px 39px;
background:#2b5807;
text-align:center;
box-shadow:rgba(0,0,0,0.18) 0 5px 6px;
}

#sugesBlc .inner{
    height: 1000px;
    background: url(../img/intro_bg.jpg) center top;
    margin: 0 auto;
}

#sugesBlc .slid{
    width: 858px;
    height: 973px;
    background: #Fff;
    margin: 0 auto;
    box-shadow: rgba(0,0,0,0.2) 0 5px 5px;
}

#sugesBlc img.photo01 {
    margin-top: 49px;
}

.bx-wrapper {
    position: relative;
    margin: 0 auto 28px !important;
    padding: 0;
}

.bx-wrapper .bx-viewport{ margin:0 auto !important;}

.gallery.wow.fadeInUp.animated.animated {
    margin-top: 25px;
}

#sugesBlc .case{
text-align:center;
width:910px;
margin:80px auto 0;
padding:20px 0 9px;
background:url(../img/bg.gif);
box-shadow:rgba(0,0,0,0.2) 0 0 7px;
}

#sugesBlc .case ul{
width:910px;
margin:0 auto;
padding:0 0 30px;
}

#sugesBlc .case ul:after{
	clear:both;
}


#sugesBlc .case li{
float:left;
width:390px;
text-align:center;
}

#sugesBlc .case li:first-child{
margin:0 12px 0 30px;
padding-right:56px;
background:url(../img/suges_arrow.png) no-repeat right 160px;
}

#sugesBlc .case li img:nth-child(2){
margin-top:20px;
border:#fff solid 5px;
box-shadow:rgba(0,0,0,0.2) 0 2px 5px;
}

#sugesBlc .text {
    width: 760px;
    text-align: center;
    margin: 0 auto 40px;
}

#sugesBlc .triger {
	display: block;
    margin: 0 auto;}

#sugesBlc .text2 {
    background: url(../img/suges_bg.png) no-repeat center;
    height: 183px;
    padding-top: 53px;
    margin-top: 20px;
	margin-bottom: 30px;
}


/* --------------------------------------------------
 knowhowBlc
-------------------------------------------------- */
#knowhowBlc{
	text-align: center;
	margin-top: 36px;
}

#knowhowBlc .text01{
	height: 225px
}

#knowhowBlc .text02{ 
height: 174px;
}

#knowhowBlc .text03 {
	background: url(../img/knowhow_bg1.jpg) no-repeat center;
    height: 284px;
    padding-top: 31px;
    margin-top: 13px;
    padding-left: 38px;
}

#knowhowBlc .text04 {
    background: url(../img/knowhow_bg2.png) no-repeat center;
    height: 245px;
    padding-top: 16px;
    margin-top: 25px;
    padding-left: 88px;
	margin-bottom: -28px;}


/* --------------------------------------------------
 preBlc
-------------------------------------------------- */
#preBlc{
	text-align: center;
	margin-top: -15px;
	height: 828px;
}

#preBlc > h1{
position:relative;
margin-bottom:0;
padding:15px 0;
background:#2b5807;
text-align:center;
width:980px;
margin:0 auto;
}

#preBlc .inner{
position:relative;
margin-bottom:0;
padding:37px 55px 0 25px;
box-shadow:rgba(0,0,0,0.18) 0 5px 6px;
width:900px;
margin:0 auto;
height: 486px;
}

#preBlc .inner:after{
	clear:both;
}

#preBlc .photo{
	float:right;
}

#preBlc .text{ 
    float: left;
    width: 546px;
	margin-top: 7px;}

#preBlc .text p{ 
text-align:left;
font-size:13px;
margin-bottom: 1.3em;
}

#preBlc .name {
    text-align: right;
    float: right;
    margin: 17px 41px 0 0;}

#preBlc .catch {
	margin-top:34px;}



/* --------------------------------------------------
 recommendBlc
-------------------------------------------------- */
#recommendBlc{
	text-align: center;
	margin-top: -15px;
	margin-bottom: 65px;
}

#recommendBlc .voice{
position:relative;
width:980px;
margin:0 auto 40px;
padding-left:20px;
z-index:1;
}

#recommendBlc .voice li{
float:left;
width:247px;
margin-right:30px;
padding:34px 25px 27px;
background:#fff;
background-repeat:no-repeat,no-repeat,repeat-y;
background-position:left top,left bottom,left top;
box-shadow:rgba(0,0,0,0.2) 0 1px 5px;
line-height:1.4em;
}

#recommendBlc .voice li:last-child{
margin-right:0;
}

#recommendBlc .voice li > img{
display:block;
margin-bottom:33px;
}

#recommendBlc .voice .name{
margin-top:20px;
text-align: left;}

#recommendBlc p.txt {
    font-size: 14px;
    line-height: 1.3em;
    text-align: left;
}

#recommendBlc .dogyo {
    background: url(../img/recom_bg.png) no-repeat center;
    font-size: 14px;
    line-height: 1.3em;
    text-align: left;
    margin: 0 auto;
    width: 980px;
	height: 415px;}

#recommendBlc .dogyo .photo {
	float: left;
    margin: 117px 37px 0 115px;
}
#recommendBlc .dogyo .name {
    margin-top: 134px;
    float: left;
}
#recommendBlc .dogyo p.txt {
    float: left;
    margin-top: 24px;
    line-height: 1.8em;
}

#recommendBlc .dogyo {
    background: url(../img/recom_bg.png) no-repeat center;
    font-size: 14px;
    line-height: 1.3em;
    text-align: left;
    margin: 0 auto;
    width: 980px;
    height: 415px;
    margin-bottom: 46px;}

#recommendBlc .dogyo2 {
    background: url(../img/recom_bg2.jpg) no-repeat center;
    font-size: 14px;
    line-height: 1.3em;
    text-align: left;
    margin: 0 auto;
    width: 905px;
    height: 500px;}


#recommendBlc .dogyo2 .txt {
    margin-left: 77px;
}


/* --------------------------------------------------
 discountBlc
-------------------------------------------------- */
#discountBlc{
padding:45px 0;
background:url(../img/discount_bg.jpg) no-repeat center top;
text-align:center;
margin-bottom: 24px;
}

#discountBlc h1 img{
margin-top:0;
}

#discountBlc .mark {
    margin-top: 21px;
}

#discountBlc .txt1 {
    margin-top: 33px;
}
#discountBlc .txt2 {
    margin-top: 51px;
}
/* --------------------------------------------------
 formBlc
-------------------------------------------------- */
#formBlc{
width:950px;
margin:0 auto;
padding:45px 0 30px;
border:#6f8d56 solid 5px;
border-radius:8px;
background:url(../img/form_bg.jpg) no-repeat center top #274f06;
text-align:center;
}

#formBlc h1{
margin-bottom:22px;
}

#formBlc .txt img{
margin-bottom:25px;
}

#formBlc .att{
color:#fff;
}

#formBlc .att img{
padding-right:10px;
vertical-align:middle;
}

#formBlc table{
width:895px;
margin:30px auto;
}

#formBlc th{
width:30%;
padding:10px 20px;
border:#ccc solid 1px;
vertical-align:middle;
}

#formBlc .required{
background:url(../img/form_icon_required.png) no-repeat 90% center #f7f7f7;
}

#formBlc .option{
background:url(../img/form_icon_option.png) no-repeat 90% center #f7f7f7;
}

#formBlc td{
padding:10px 20px;
background:#fff;
border:#ccc solid 1px;
vertical-align:middle;
font-size:85%;
}

#formBlc td li{
float:left;
margin-right:5px;
padding-top:10px;
}

#formBlc td p{
margin-top:3px;
color:#999;
}

/* テキストボックス */
#formBlc .name,
#formBlc .mail{
width:320px;
}
#formBlc .name:focus,
#formBlc .mail:focus{
width:420px;
}

#formBlc .add{
width:320px;
}
#formBlc .add:focus{
width:420px;
}

#formBlc .postcode,
#formBlc .tel{
width:80px;
}
#formBlc .postcode:focus,
#formBlc .tel:focus{
width:140px;
}

#formBlc .rule{
width:895px;
margin:30px auto;
text-align:left;
color:#fff;
}

#formBlc .rule a{
color:#fff;
}


/* --------------------------------------------------
 companyBlc
-------------------------------------------------- */
#companyBlc h1{
margin:50px 0 30px;
text-align:center;
}

#companyBlc table{
width:960px;
margin:0 auto;
}

#companyBlc th{
padding:13px 18px;
border:#d5d5d5 solid 1px;
background:#f7f7f7;
}

#companyBlc td{
padding:13px 18px;
border:#d5d5d5 solid 1px;
}


/* --------------------------------------------------
 Footer
-------------------------------------------------- */
#footer{
clear:both;
margin-top:50px;
padding:40px 0 60px;
background:#000;
font-size:85%;
color:#fff;
text-align:center;
}

#btmPageTop a{
display:block;
position:fixed;
width:117px;
height:132px;
right:20px;
bottom:20px;
z-index:100;
}

/* --------------------------------------------------
 FOOTER LINK追加
-------------------------------------------------- */
#footer a {
color: #fff !important;
}
#footer ul {
list-style-type: none;
}
#footer li {
display: inline-block;
margin-left: 3px;
margin-right: 3px;
margin-bottom: 5px;
}


/* --------------------------------------------------
 confirmBlc
-------------------------------------------------- */
#confirmBlc{
position:relative;
width:960px;
margin:50px auto;
padding-top:60px;
text-align:center;
}

#confirmBlc h1{
font-size:200%;
margin-bottom:30px;
color:#2b5807;
}

#confirmBlc .txt{
margin:30px 0;
}

#confirmBlc table{
width:960px;
margin:50px auto;
}

#confirmBlc th{
width:30%;
padding:13px 18px;
border:#d5d5d5 solid 1px;
vertical-align:middle;
}

#confirmBlc .required{
background:url(../img/form_icon_required.png) no-repeat 90% center #f7f7f7;
}

#confirmBlc .option{
background:url(../img/form_icon_option.png) no-repeat 90% center #f7f7f7;
}

#confirmBlc td{
padding:13px 18px;
border:#d5d5d5 solid 1px;
vertical-align:middle;
}

#confirmBlc .error{
width:480px;
margin:50px auto;
padding:30px;
box-shadow:rgba(0,0,0,0.3) 0 0 7px;
border-radius:10px;
text-align:left;
}

#confirmBlc .error li{
margin-left:20px;
list-style-type:disc;
}

#confirmBlc .tel{
width:480px;
margin:50px auto;
padding:30px;
box-shadow:rgba(0,0,0,0.3) 0 0 7px;
border-radius:10px;
}


/* --------------------------------------------------
 SPサイトへ
-------------------------------------------------- */
#spLinkBlockInPc{
display:none;
}

#spLinkBlockInPc a{
display:block;
background:-moz-linear-gradient(center top,#ffffff 0%,#dcdcdc 100%);
background:-webkit-gradient(linear,center top, center bottom,from(#ffffff),to(#dcdcdc));
background:linear-gradient(to bottom,#ffffff 0%,#dcdcdc 100%);
width:100%;
height:200px;
margin-bottom:-60px;
line-height:260px;
font-size:50px;
font-weight:bold;
color:#222 !important;
text-decoration:none;
text-align:center;
}