@charset "UTF-8";

/* ==================================================================
  # ランディングページ　LP
================================================================== */
/* メインイメージ
   ----------------------------------------------------------------- */
.l-mainimg {
  position: relative;
  width: 100%;
  background: url("../images/top_clogged/mainimg/bg_mainimg.jpg") no-repeat top center;
  background-size: cover;
  padding: 0 0 30px;
}
.mainimg-inner {
  width: 940px;
  margin: 0 auto;
}
.mainimg-img {
  margin-left: -29px;
}
.mainimg-price {
  margin-top: -21px;
}

/* 問い合わせ
   ----------------------------------------------------------------- */
.l-top-contact {
  position: relative;
  padding: 18px 0;
  background: #1a489c;
  text-align: center;
}

.top-contact-inner {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}

.top-contact-tel {
  width: 690px;
  float: left;
}

.top-contact-tel-info {
  font-size: 16px;
  line-height: 1;
  color: #fff;
  margin: 0 auto 15px;
  display: table;
  text-align: center;
  white-space: nowrap;
}
.top-contact-tel-info:after,
.top-contact-tel-info:before {
  content: '';
  display: table-cell;
  width: 50%;
  background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px));
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px)));
  background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
  -webkit-background-clip: padding;
  background-clip: padding;
}
.top-contact-tel-info:after {
  border-left: 1em solid transparent;
}
.top-contact-tel-info:before {
  border-right: 1em solid transparent;
}

.top-contact-img {
  position: absolute;
  bottom: -18px;
  right: 0;
}



/* 問い合わせ（下部）
   ----------------------------------------------------------------- */
.top-contact-w690l {
  float: left;
  width: 690px;
}
.top-contact-w298r {
  float: right;
  width: 298px;
  margin-top: -40px;
}
.top-contact-w289r {
  float: right;
  width: 289px;
}
.top-contact-tel-info02 {
  position: relative;
  display: inline-block;
  font-size: 36px;
  line-height: 1;
  font-family: "NotoSansJP-bold";
  color: #ffe400;
  margin: 10px auto 20px;
}
.top-contact-tel-info02:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -26px;
  background: url("../images/top/contact/icn_balloon_left.png") no-repeat;
  background-size: contain;
  margin: auto;
  width: 20px;
  height: 26px;
}
.top-contact-tel-info02:after {
  content: "";
  background: url("../images/top/contact/icn_balloon_right.png") no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  right: -26px;
  width: 20px;
  height: 26px;
}

.top-contact-balloon {
  position: relative;
  padding: 10px 0;
  color: #1a489c;
  font-size: 20px;
  line-height: 1;
  font-family: "NotoSansJP-medium";
  background: #fff;
  border-radius: 5px;
}

.top-contact-balloon:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  border: 8px solid transparent;
  border-top: 8px solid #fff;
}

.top-contact-info02 {
  margin: 15px auto 0;
  padding-top: 15px;
  border-top: 1px solid #fff;
  color: #fff;
  font-size: 20px;
  line-height: 1;
}



/* 水の110番はどんなトイレトラブルもバッチリ解決します！
   ----------------------------------------------------------------- */
.l-trouble {
  position: relative;
  padding: 40px 0 60px;
  background-color: #d2f0fd;
}

.trouble-inner {
  width: 1000px;
  margin: 0 auto;
}

.trouble-ttl {
  text-align: center;
}

.trouble-box {
  position: relative;
  background-color: #fff;
  padding: 30px;
}

.trouble-case-ttl {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}

.trouble-case-img {
  display: block;
  margin: 0 auto 30px;
  text-align: center;
}

.trouble-box-case {
  float: left;
  width: 300px;
  margin: 60px 20px 30px 0;
}
.trouble-box-case:last-child {
  margin-right: 0;
}

.trouble-box-headline {
  position: relative;
  padding: 13px;
  margin-right: 20px;
  margin-bottom: 30px;
  color: #fff;
  font-size: 24px;
  font-family: "NotoSansJP-bold";
  line-height: 1;
  background-color: #009ae9;
  border-left: 5px solid #1a489c;
}

/* 料金 2200円〜　*/
/*
.trouble-box-headline:before {
  content: "";
  background: url("../images/top/trouble/img_price_v3.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: 15px;
  left: 260px;
  width: 118px;
  height: 22px;
}
*/

.trouble-box-headline:after {
  content: "";
  background: url("../images/top/trouble/icn_paper.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  right: -20px;
  width: 20px;
  height: 50px;
}

.trouble-case-box {
  border: 1px solid #ccc;
}

.trouble-case-ttl {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  text-align: center;
  padding: 10px 30px;
  background-color: #fdf9bc;
}

.trouble-case-txt {
  display: inline-block;
  vertical-align: middle;
  padding: 10px 20px;
  font-size: 16px;
}

.trouble-box-case-ttl01,
.trouble-box-case-ttl02,
.trouble-box-case-ttl03 {
  position: relative;
  font-size: 20px;
  line-height: 1;
  font-family: "NotoSansJP-bold";
  color: #005ec1;
  margin-bottom: 20px;
  padding: 15px 20px;
  background-color: #d2f0fd;
}
.trouble-box-case-ttl01:after {
  content: "";
  background: url("../images/bath-solve/trouble/img_leak.png") no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 81px;
  height: 81px;
}
.trouble-box-case-ttl02:after {
  content: "";
  background: url("../images/bath-solve/trouble/img_clog.png") no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 81px;
  height: 81px;
}
.trouble-box-case-ttl03:after {
  content: "";
  background: url("../images/bath-solve/trouble/img_other.png") no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 81px;
  height: 81px;
}

.trouble-box-case-txt {
  position: relative;
  font-size: 17px;
  line-height: 1;
  font-family: "NotoSansJP-regular";
  margin-bottom: 10px;
  padding-left: 32px;
}
.trouble-box-case-txt:after {
  content: "";
  background: url("../images/top/trouble/icn_check.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 19px;
}
.trouble-box-case-txt:last-child {
  margin-bottom: 0;
}

.brand-inner {
  text-align: center;
}
.brand-ttl {
  padding: 10px;
  color: #fff;
  background-color: #333;
  font-size: 16px;
  line-height: 1;
  text-align: center;
}

.brand-wrap {
  padding: 10px;
  background-color: #fff;
  border: 1px solid #333;
  margin-bottom: 20px;
}

.brand-cap {
  font-size: 12px;
}

/* どんな場所でもお任せください
   ----------------------------------------------------------------- */
.l-place {
  position: relative;
  background-color: #d2f0fd;
  padding-bottom: 30px;
}

.place-wrap {
  width: 1000px;
  margin: 0 auto;
  background-color: #fff;
  border: 4px solid #009ae9;
}

.place-inner {
  margin: 0 auto;
  padding: 30px;
  text-align: center;
}

.place-ttl {
  position: relative;
  padding: 20px 0;
  color: #006cc8;
  font-size: 32px;
  text-align: center;
  font-family: "NotoSansJP-bold";
  line-height: 1;
  background: #fdf9bc;
}

/* トイレ交換や取付にも柔軟に対応
   ----------------------------------------------------------------- */
.l-reform {
  position: relative;
  background-color: #d2f0fd;
  padding-bottom: 60px;
}

.reform-wrap {
  width: 1000px;
  background: 
    url("../images/toilet-repair/column/bg_note01.gif") repeat-x,
    url("../images/toilet-repair/column/bg_note02.gif")  repeat;
  background-size: 
    59px 57px,
    1px 37px;
  padding: 40px 30px;
  margin: 0 auto 30px;
  border: 1px solid #ccc;
}

.reform-inner {
  margin: 0 auto;
  text-align: center;
}

.reform-ttl {
  position: relative;
  text-align: center;
}

.reform-wrap-user-box {
  position: relative;
  float: left;
  width: 450px;
  padding: 20px 0 20px 20px ;
  margin-right: 32px;
  border-radius: 5px;
  border: solid 2px #ee6a99;
  text-align: left;
}
.reform-wrap-user-box:before {
  content: "";
  position: absolute;
  top: calc(50% - 20px);
  right: -36px;
  margin-left: -12px;
  border: 12px solid transparent;
  border-left: 12px solid #006cc8;
}

.reform-wrap-user-img {
  display: inline-block;
  vertical-align: middle;
  margin: 20px 20px -20px -20px;
}

.reform-wrap-user-txt {
  display: inline-block;
  vertical-align: middle;
}

.reform-wrap-user-txt li {
  position: relative;
  font-size: 18px;
  line-height: 1.5;
  font-family: "NotoSansJP-regular";
  margin-bottom: 10px;
  padding-left: 32px;
}
.reform-wrap-user-txt li:before {
  content: "";
  background: url("../images/top/trouble/icn_check.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: 2px;
  left: 0;
  width: 21px;
  height: 18px;
}

.reform-wrap-staff-box {
  position: relative;
  float: right;
  width: 450px;
  padding: 20px;
  border-radius: 5px;
  border: solid 2px #193c91;
  text-align: left;
}

.reform-wrap-staff-img {
  display: inline-block;
  vertical-align: middle;
  margin: 0 -90px 0 0;
}

.reform-wrap-staff-txt {
  display: inline-block;
  vertical-align: middle;
  width: 335px;
  font-size: 18px;
  line-height: 1.58;
}

.reform-wrap-staff-ttl {
  font-size: 20px;
  font-family: "NotoSansJP-bold";
  color: #006cc8;
  margin-bottom: 10px;
}

.reform-wrap-trouble-box {
  padding: 30px 20px;
  background-color: #d2f0fd;
  border-radius: 0 0 5px 5px;
  text-align: left;
}

.reform-wrap-trouble-box-ttl {
  font-size: 20px;
  line-height: 1;
  text-align: center;
  color: #fff;
  padding: 15px;
  background-color: #009ae9;
  border-radius: 5px 5px 0 0;
}

.reform-wrap-trouble-box-img {
  margin-bottom: 30px;
}

.reform-wrap-trouble-box-subttl {
  position: relative;
  font-size: 20px;
  line-height: 1;
  text-align: center;
  color: #fff;
  background-color: #006cc8;
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 21px;
}
.reform-wrap-trouble-box-subttl:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 275px;
  margin: auto;
  width: 32px;
  height: 32px;
  background: url("../images/bath-solve/trouble/ico_question.png") no-repeat;
  background-size: contain;
}

.reform-wrap-trouble-box-left {
  width: 480px;
  float: left;
  margin-right: 20px;
}

.reform-wrap-trouble-box-right {
  position: relative;
  float: right;
  margin-bottom: 20px;
}
.reform-wrap-trouble-box-right-txt {
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 20px;
  font-family: "NotoSansJP-bold";
  line-height: 1.5;
  text-align: center;
  color: #005ec1;
}

.reform-wrap-trouble-box-txt {
  font-size: 17px;
  line-height: 2;
  margin-bottom: 30px;
}

.reform-wrap-trouble-box-solution {
  position: relative;
  font-size: 20px;
  padding: 20px 200px 20px 20px;
  border: 1px solid #009ae9;
  background-color: #fdf9bc;
  clear: both;
}
.reform-wrap-trouble-box-solution:after {
  content: "";
  background: url("../images/bath-solve/trouble/img_tap.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: -20px;
  right: 20px;
  width: 152px;
  height: 121px;
}



/* 他にもなにか水回りのトラブルがあればなんでもお申し付けください！
   ----------------------------------------------------------------- */
.l-trust {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  padding: 60px 0 80px;
}

.trust-wrap {
  border: 5px solid #1a489c;
  background-color: #fff;
}

.trust-ttl {
  padding: 30px 40px;
  background: url("../images/toilet-repair/trust/bg_ttl.png") no-repeat right;
  background-size: cover;
}

.trust-wrap-inner {
  padding: 30px 25px 0 25px;
}

.trust-wrap-inner-txt {
  font-size: 18px;
  margin-bottom: 20px;
}

.trust-wrap-inner-left {
  width: 660px;
  float: left;
}

.trust-wrap-inner-right {
  float: right;
}

.trust-wrap-solution {
  font-size: 20px;
  text-align: center;
  padding: 30px 20px;
  background-color: #fdf9bc;
}

.trust-cap {
  font-size: 12px;
  margin-top: 10px;
}


/* トラブル解決までの流れ
   ----------------------------------------------------------------- */
.l-flow {
  position: relative;
  background-size: auto auto;
  background-color: rgba(219, 243, 253, 1); 
  background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(210, 240, 253, 1) 10px, rgba(210, 240, 253, 1) 20px );
  padding-bottom: 10px;
  padding-bottom: 2.66667vw;
}

.flow-ttl {
  position: relative;
  margin-bottom: 40px;
  color: #fff;
  font-size: 38px;
  font-family: "NotoSansJP-bold";
  line-height: 1;
  text-align: center;
  background: #009ae9;
}

.flow-ttl-inner {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  padding: 30px 0;
}

.flow-ttl-inner:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 217px;
  height: 130px;
  background: url("../images/toilet-repair/flow/ttl_staff.png") no-repeat;
  background-size: contain;
}

.flow-inner {
  overflow:auto;
  width: 1000px;
  margin: 0 auto;
}

.flow-wrap {
  position: relative;
  width: 320px;
  height: 420px;
  float: left;
  margin-right: 20px;
  border: 2px solid #009ae9;
  background-color: #fff;
}
.flow-wrap:last-child {
  margin-right: 0;
}
.flow-wrap:before {
    content: "";
    position: absolute;
    top: 50%;
    right: -26px;
    margin-left: -12px;
    border: 12px solid transparent;
    border-left: 12px solid #009ae9;
}
.flow-wrap:last-child:before {
  content: none;
}

.flow-wrap-headline {
  color: #006cc8;
  font-size: 26px;
  line-height: 1.3;
  margin-bottom: 10px;
}

.flow-wrap-inner {
  padding: 20px 26px;
}

.flow-wrap-inner-left {
  font-size: 16px;
}

.flow-wrap-cap {
  font-size: 12px;
  margin-top: 20px;
}


/* 作業料の目安
   ----------------------------------------------------------------- */
.l-price {
  position: relative;
  padding: 60px 0 80px;
}

.price-wrap {
  width: 1000px;
  margin: 0 auto;
  border: 5px solid #006cc8;
  background-color: #fff;
}

.price-ttl {
  padding: 20px 0;
  background-color: #006cc8;
  color: #fff;
  font-family: "NotoSansJP-bold";
  font-size: 38px;
  line-height: 1;
  text-align: center;
}

.price-wrap-inner {
  padding: 30px 25px;
}

.price-wrap-inner-box {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px dotted #ccc;
}
.price-wrap-inner-box:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.price-wrap-inner-box-w410l {
  width: 410px;
  float: left;
}
.price-wrap-inner-box-w500r {
  width: 500px;
  float: right;
}
.price-wrap-inner-box-w460l {
  width: 460px;
  float: left;
}
.price-wrap-inner-box-w425r {
  width: 425px;
  float: right;
}

.price-wrap-inner-case {
  font-size: 22px;
  line-height: 1;
  font-family: "NotoSansJP-medium";
  color: #1846a8;
  margin-bottom: 20px;
}

.price-wrap-inner-price {
  margin-bottom: 20px;
}

.price-wrap-inner-card {
  margin-bottom: 10px;
}

.price-wrap-inner-tpoint {
  padding: 10px;
  text-align: center;
  border: 1px solid #ccc;
}

.price-wrap-inner-tpoint-img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}

.price-wrap-inner-tpoint-txt {
  display: inline-block;
  vertical-align: middle;
  font-family: "NotoSansJP-medium";
  font-size: 20px;
  line-height: 1.3;
  text-align: left;
}


/* 水トラブルの際は落ち着いて対処を
   ----------------------------------------------------------------- */
.l-column {
  background-color: #d2f0fd;
  padding: 60px 0;
}

.column-wrap {
  position: relative;
  width: 1000px;
  background: 
    url("../images/toilet-repair/column/bg_note01.gif") repeat-x,
    url("../images/toilet-repair/column/bg_note02.gif")  repeat;
  background-size: 
    59px 57px,
    1px 37px;
  padding: 40px 30px;
  margin: 0 auto 20px;
  border: 1px solid #ccc;
}

.column-ttl {
  margin-bottom: 40px;
  text-align: center;
}

.column-left {
  width: 470px;
  float: left;
}

.column-right {
  width: 439px;
  float: right;
}

.column-txt {
  font-size: 20px;
  margin-bottom: 30px;
}

.column-left-wrap {
  position: relative;
  font-size: 18px;
  padding: 30px 20px 30px 130px;
  background-color: #fff;
  border: 1px solid #ccc;
}
.column-left-wrap:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px;
  margin: auto;
  width: 88px;
  height: 103px;
  background: url("../images/toilet-repair/column/img_staff.png") no-repeat;
  background-size: contain;
}

.column-solution {
  font-size: 20px;
  line-height: 1;
  text-align: center;
  padding: 20px;
  margin-top: 30px;
  background-color: #fdf9bc;
  border: 1px solid #ffe400;
}

/* お客様から選ばれる理由
   ----------------------------------------------------------------- */
.l-reason {
  position: relative;
  background-size: auto auto;
  background-color: rgba(254, 251, 208, 1);
  background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(253, 249, 188, 1) 10px, rgba(253, 249, 188, 1) 20px );
  padding-bottom: 60px;
}

.reason-ttl {
  position: relative;
  margin-bottom: 40px;
  color: #fff;
  font-size: 38px;
  font-family: "NotoSansJP-bold";
  line-height: 1;
  text-align: center;
  background: #006cc8;
}
.reason-subttl-wrap {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  padding: 30px;
}

.reason-subttl-wrap:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 89px;
  height: 132px;
  background: url("../images/top/reason/img_ttl.png") no-repeat;
  background-size: contain;
}

.reason-ttl:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -12px;
  border: 12px solid transparent;
  border-top: 12px solid #006cc8;
}

.reason-wrap {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}
.reason-wrap-box {
  width: 320px;
  height: 470px;
  float: left;
  text-align: center;
  margin-right: 20px;
  padding: 20px;
  border: 2px solid #ffe400;
  background-color: #fff;
  border-radius: 5px;
}
.reason-wrap-box:last-child {
  margin-right: 0;
}

.reason-wrap-headline {
  position: relative;
  color: #006cc8;
  font-size: 26px;
  line-height: 1.3;
  text-align: left;
  margin-bottom: 20px;
  padding-bottom: 20px;
  padding-left: 28px;
  border-bottom: 1px dotted #ccc;
}
.reason-wrap-headline:before {
  content: "";
  position: absolute;
  top: 10%;
  left: 0;
  width: 16px;
  height: 22px;
  background: url("../images/top/reason/icn_water.png") no-repeat;
  background-size: contain;
}

.reason-wrap-txt {
  text-align: left;
  font-size: 16px;
  margin-bottom: 30px;
}

.reason-wrap-cap {
  font-size: 12px;
  padding-top: 20px;
  clear: both;
}



/* こんな喜びの声をいただきます
   ----------------------------------------------------------------- */
.l-voice {
  position: relative;
  background-color: #d2f0fd;
  padding-bottom: 60px;
}

.voice-ttl {
  position: relative;
  padding: 30px 0;
  margin-bottom: 40px;
  color: #fff;
  font-size: 38px;
  text-align: center;
  font-family: "NotoSansJP-bold";
  line-height: 1;
  background: #009ae9;
}

.voice-ttl:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -12px;
  border: 12px solid transparent;
  border-top: 12px solid #009ae9;
}

.voice-wrap {
  width: 1000px;
  margin: 0 auto 20px;
  border: 2px solid #009ae9;
  background-color: #fff;
}
.voice-wrap:last-child {
  margin-bottom: 0;
}

.voice-wrap-headline {
  padding: 20px 30px;
  background-color: #fdf9bc;
  font-size: 26px;
  line-height: 1;
}

.voice-wrap-inner {
  padding: 26px;
}

.voice-wrap-inner-w570l {
  float: left;
  width: 570px;
}

.voice-wrap-inner-w340r {
  float: right;
  width: 340px;
}

.voice-wrap-user {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}
.voice-wrap-inner-user {
  float: left;
  width: 94px;
  text-align: center;
}
.voice-wrap-inner-user-name {
  font-size: 12px;
  color: #009ae9;
}

.voice-wrap-inner-user-balloon {
  position: relative;
  float: right;
  width: 450px;
  padding: 20px 10px;
  font-size: 24px;
  line-height: 1.35;
  text-align: center;
  color: #1a489c;
  font-family: "NotoSansJP-medium";
  background: #e1f6ff;
  border-radius: 5px;
  box-sizing: border-box;
}
.voice-wrap-inner-user-balloon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -20px;
  margin-top: -10px;
  border: 10px solid transparent;
  border-right: 10px solid #e1f6ff;
  z-index: 2;
}

.voice-wrap-inner-txt {
  font-size: 16px;
  margin-bottom: 10px;
}

.voice-wrap-inner-txt-ba {
  font-size: 14px;
  margin-bottom: 10px;
}


/* 水漏れ修理に火災保険が使える場合もあります
   ----------------------------------------------------------------- */
.l-hoken {
  position: relative;
  padding: 80px 0;
}

.hoken-wrap {
  width: 1000px;
  margin: 0 auto;
  border: 5px solid #f06c71;
  background-color: #fff;
}

.hoken-ttl {
  padding: 0 0 15px;
  text-align:center; 
  background-size: auto auto;
  background-color: rgba(255, 238, 241, 1);
  background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(255, 226, 232, 1) 10px, rgba(255, 226, 232, 1) 20px );
}

.hoken-ttl-img {
  margin-top: -60px;
}


.hoken-wrap-inner {
  padding: 30px;
}

.hoken-wrap-ttl {
  font-size: 24px;
  line-height: 1;
  font-family: "NotoSansJP-medium";
  color: #fff;
  padding: 15px 20px;
  margin-bottom: 30px;
  background-color: #f06c71;
  border-radius: 5px;
}

.hoken-wrap-inner-txt {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}

.hoken-wrap-inner-left {
  float: left;
  width: 460px;
}

.hoken-wrap-inner-box01,
.hoken-wrap-inner-box02 {
  position: relative;
}

.hoken-wrap-inner-box01:after {
  content: "";
  background: url("../images/bath-solve/hoken/img_tap.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: -60px;
  right: -10px;
  width: 184px;
  height: 109px;
}
.hoken-wrap-inner-box02:after {
  content: "";
  background: url("../images/toilet-repair/hoken/img_cost.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: 20px;
  right: -20px;
  width: 149px;
  height: 195px;
}

.hoken-wrap-inner-left-txt {
  position: relative;
  font-size: 24px;
  line-height: 1.3;
  font-family: "NotoSansJP-bold";
  margin-bottom: 15px;
  padding-left: 32px;
}

.hoken-wrap-inner-left-txt:after {
  content: "";
  background: url("../images/top/hoken/icn_chack.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: 5px;
  left: 0;
  width: 23px;
  height: 19px;
}
.hoken-wrap-inner-left-txt:last-child {
  margin-bottom: 0;
}

.hoken-wrap-inner-solution {
  float: right;
  width: 450px;
  font-size: 18px;
  background-color: #fdf9bc;
  padding: 30px 20px;
  border-radius: 5px;
}



/* 対応エリア
   ----------------------------------------------------------------- */
.l-area {
  position: relative;
  padding-bottom: 80px;
}

.area-ttl {
  position: relative;
  padding: 25px 0;
  margin-bottom: 40px;
  color: #fff;
  font-size: 38px;
  text-align: center;
  font-family: "NotoSansJP-bold";
  line-height: 1;
  background: #009ae9;
}

.area-ttl:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -12px;
  border: 12px solid transparent;
  border-top: 12px solid #009ae9;
}

.area-wrap {
  width: 800px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 1;
}

.area-wrap-cap {
  font-size: 12px;
  margin-bottom: 30px;
}

.area-wrap-area {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}
.area-wrap-area:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.area-wrap-name {
  display: inline-block;
  width: 120px;
  font-family: "NotoSansJP-bold";
  color: #006cc8;
}

.area-wrap-refecture {
  display: inline-block;
}


/* よくある質問
   ----------------------------------------------------------------- */
.l-faq {
  position: relative;
  padding-bottom: 80px;
  background-color: #d2f0fd;
}

.faq-ttl {
  position: relative;
  padding: 25px 0;
  margin-bottom: 40px;
  color: #fff;
  font-size: 38px;
  text-align: center;
  font-family: "NotoSansJP-bold";
  line-height: 1;
  background: #009ae9;
}

.faq-ttl:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -12px;
  border: 12px solid transparent;
  border-top: 12px solid #009ae9;
}

.faq-wrap {
  width: 1000px;
  margin: 0 auto 10px;
  padding: 30px;
  background-color: #fff;
  border-radius: 5px;
}
.faq-wrap:last-child {
  margin-bottom: 0;
}

.faq-headline {
  position: relative;
  font-size: 22px;
  font-family: "NotoSansJP-bold";
  color: #006cc8;
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-left: 28px;
  border-bottom: 1px solid #d2f0fd;
}
.faq-headline:before {
  content: "Q";
  position: absolute;
  top: -10px;
  bottom: 0;
  left: 0;
  width: 22px;
  height: 22px;
  font-size: 14px;
  box-sizing: border-box;
  margin: auto;
  text-align: center;
  vertical-align: middle;
  line-height: 1.5;
  border-radius: 100%;
  background-color: #009ae9;
  color: #fff;
}

.faq-txt {
  font-size: 16px;
  margin-bottom: 10px;
}
.faq-txt:last-child {
  margin-bottom: 0;
}