/*============================================
料金システム
===========================================*/
#SystemWrapper {
padding: 15px;
}

#SystemWrapper h2 {
padding-bottom: 5px;
}

#SystemWrapper h2 img {
height: 27px;
}

#SystemWrapper h3 {
padding-bottom: 5px;
}

#SystemWrapper h3 img {
height: 30px;
}

#SystemWrapper h4 {
font-size:0.95em;
font-weight: 700;
line-height: 1.7;
}

#SystemWrapper h5 {
font-size:0.95em;
font-weight: 700;
line-height: 1.7;
position: relative;
}

#SystemWrapper h5 span {
position: absolute;
right: 0;
top:3px;
color: #D71718;
font-size: 0.75em;
}

#SystemWrapper table {
font-size: 0.80em;
line-height: 1.5;
padding-bottom: 20px;
}

#SystemWrapper tr {
background: url(../img/hBorder_dot.png) repeat-x left center;
background-size: auto 2px
}

#SystemWrapper th {
text-align: left;
font-weight: 400;
}

#SystemWrapper th strong {
font-weight: 400;
background: #FFF;
padding-right: 5px;
}

#SystemWrapper th em {
font-size: 0.8em;
}

#SystemWrapper td {
text-align: right;
font-weight: 700;
color: #D71718;
font-size: 0.9em;
}

#SystemWrapper td strong {
background: #FFF;
padding-left: 5px;
}

@media screen and (max-width: 320px) {
#SystemWrapper h5 {
font-size:0.8em;
font-weight: 700;
line-height: 1.7;
position: relative;
}
#SystemWrapper table {
font-size: 0.65em;
}
#SystemWrapper th em {
font-size: 0.7em;
}
}

/*============================================
ご依頼、相談の多い修理
===========================================*/
#SystemCase {
padding: 15px;
}

#SystemCase h2 {
padding-bottom: 10px;
}

#SystemCase h2 img {
height: 27px;
}

.SystemCaseLeft,
.SystemCaseRight {
padding-bottom: 20px;
}

#SystemCase h4 {
background: #2096D5;
color: #FFF;
font-weight: 700;
padding: 10px;
font-size: 0.9em;
margin-bottom: 10px;
}

#SystemCase h4#SystemCase01 {
background: #2096D5 url(../img/soudan_icon01.png) no-repeat 8px center;
background-size: 1.4em;
padding-left: 2.2em
}

#SystemCase h4#SystemCase02 {
background: #2096D5 url(../img/soudan_icon02.png) no-repeat 8px center;
background-size: 1.4em;
padding-left: 2.2em
}

#SystemCase h4#SystemCase03 {
background: #2096D5 url(../img/soudan_icon03.png) no-repeat 8px center;
background-size: 1.4em;
padding-left: 2.2em
}

#SystemCase h4#SystemCase04 {
background: #2096D5 url(../img/soudan_icon04.png) no-repeat 8px center;
background-size: 1.4em;
padding-left: 2.2em
}

#SystemCase h4#SystemCase05 {
background: #2096D5 url(../img/soudan_icon05.png) no-repeat 8px center;
background-size: 1.4em;
padding-left: 2.2em
}

#SystemCase li {
line-height: 1.7;
font-size: 0.85em;
font-weight: 700;
}

@media screen and (max-width: 320px) {
#SystemCase li {
font-size: 0.7em;
}
}

/*============================================
お客様の声
===========================================*/
#voiceWrapper01 h2 {
padding-bottom: 10px;
padding-top: 10px;
}

.voiceBox {
box-sizing: border-box;
border: 1px solid #222;
padding: 5px;
margin-bottom: 5px;
}

.voiceBox img {
width: 100%;
height: 60px;
display: block;
}

.voiceBox h3 {
background: #1163AA;
color: #FFF;
font-size: 0.75em;
padding: 7px;
padding-bottom: 0;
font-weight: 700;
line-height: 1.5;
margin-bottom: 0px
}

.voiceBox.fLeft {
width: 48%;
float: left;
margin-left: 5px;
}

.voiceBox.fRight {
width: 48%;
float: right;
margin-right: 5px;
}

#voiceMoreBtn {
width: 70%;
margin: auto;
clear: both;
padding-top: 10px;
padding-bottom: 10px;
}

/*============================================
安心の約束
===========================================*/
#topRiyuu h2 {
text-align: center;
position: relative;
z-index: 1;
width: 50%;
margin: auto;
bottom: -30px;
}

#RiyuuBoxWrapper {
border: 8px solid #005BAC;
border-top: 30px solid #005BAC;
position: relative;
z-index: 0;
box-sizing: border-box;
padding: 10px;
}

.RiyuuBox h4 {
padding-top: 10px;
padding-bottom: 10px;
}

.RiyuuBox p strong {
background: #F5E929;
}

.RiyuuBox p {
font-size: 0.85em;
line-height: 1.6;
padding-bottom: 20px;
}

@media screen and (max-width: 320px) {
.RiyuuBox p {
font-size: 0.75em;
}
}

.RiyuuPh {
width: 30%;
float: right;
padding-left: 10px;
text-align: center;
font-size: 0.5em;
color: #005BAC;
}

.RiyuuPh img {
display: block;
padding-bottom: 5px;
}

/*============================================
コンセプト
===========================================*/
#topConcept {
padding-top: 20px;
clear: both;
}

#concept01title,
#concept02title {
background: #00A0E9;
color: #FFF;
font-weight: 700;
margin-bottom: 15px;
}

#concept01title h3,
#concept02title h3{
background: #005BAC;
padding: 10px;
font-size: 1.2em;
line-height: 1.5;
font-weight: 700;
}

#concept01title h3 span,
#concept02title h3 span{
display: block;
font-size: 0.8em;
}

#concept01title p,
#concept02title p {
text-align: center;
font-size: 0.8em;
padding: 5px;
}

#concept01,
#concept02 {
padding: 15px;
padding-top: 0;
display: none;
}

#topConcept h4 {
color: #E60012;
font-size: 0.9em;
line-height: 1.5;
font-weight: 700;
}

#concept01 p,
#concept02 p{
font-size: 0.85em;
line-height: 1.7;
padding-bottom: 25px;
}

@media screen and (max-width: 320px) {
#concept01title h3,
#concept02title h3{
font-size: 1em;
}
#concept01title p,
#concept02title p {
font-size: 0.7em;
}
#concept01 p,
#concept02 p{
font-size: 0.7em;
}
}


#topConcept h5 {
color: #E60012;
font-size: 1.2em;
line-height: 1.5;
font-weight: 700;
padding-bottom: 25px;
}

.topCaseBox {
clear: both;
overflow: hidden;
font-size:1em;
padding-top: 10px;
}

.topCaseBox strong {
font-size: 1.4em;
display: block;
padding-bottom: 10px;
padding-top: 10px;
line-height: 1.5;
}

.topCasePh {
width: 40%;
float: right;
padding-left: 10px;
}

/*============================================
どんな水道業者に頼めばいいの？
===========================================*/
#gyousha {
padding-top:15px;
clear: both;
}

.gyoushaBox {
padding: 15px;
padding-bottom: 0;
overflow: hidden;
}

.gyoushaBox  h3 {
border-left: 5px solid #000;
background: #F1F1F1;
padding: 8px;
padding-left: 10px;
font-size: 1em;
font-weight: 700;
line-height: 1.4;
margin-bottom: 10px;
}

.gyoushaBox  p {
font-size: 0.85em;
line-height: 1.7;
}

.gyoushaBox h4 {
font-size: 1em;
font-weight: 700;
line-height: 1.4;
margin-bottom: 15px;
padding-top: 40px;
padding-left: 90px;
}

.gyoushaBox h4.gyoushaIcon01 {
background: url(../img/gyousha_img02.jpg) no-repeat 0 bottom;
background-size:70px
}

.gyoushaBox h4.gyoushaIcon02 {
background: url(../img/gyousha_img03.jpg) no-repeat 0 bottom;
background-size:70px
}

#gyoushaFooter h3 {
background: #00A0E9;
padding: 10px;
color: #FFF;
font-size: 1.2em;
font-weight: 700;
margin-top: 20px;
}

#gyoushaFooter p {
font-size: 0.85em;
line-height: 1.7;
padding: 15px;
}

@media screen and (max-width: 320px) {
.gyoushaBox  p {
font-size: 0.7em;
}
#gyoushaFooter p {
font-size: 0.7em;
}
}


#gyoushaFooter p span {
font-size: 1.2em;
font-weight: 700;
}

#gyoushaFooter p strong {
background: #FFF96D;
}

/*============================================
FAQ
===========================================*/
#faqWrapper {
padding-top: 15px;
}

#faqWrapper h2 {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 5px;
}

@media screen and (max-width: 320px) {
.faqBox {
font-size: 0.85em;
}
}

#faqWrapper h3 {
color: #FFF;
font-weight: 700;
font-size: 0.95em;
line-height: 1.5;
font-weight: 700;
background: #005BAC;
}
#faqWrapper h3 strong {
padding: 10px;
display: block;
}

#faqWrapper h3 span {
display: block;
font-size: 0.7em;
background: #00A0E9;
text-align: center;
padding: 5px;
}

#faqWrapper .faqBox {
padding-bottom: 15px;
}

#faqWrapper .faqBox p {
padding: 15px;
line-height: 1.7;
font-size: 0.85em;
display: none;
}

/*===========================================
2020.9 ボックス
===========================================*/
.bnr202009_box {
	padding-top: 10px;
	padding-bottom: 10px;
}

.bnr202009_box img {
	display: block;
}