@charset "UTF-8";
/* flex */
/*-----------------------------------
toilet-clogging
------------------------------------*/
.breadcrumbs_dummy {
  display: none;
}
#main {
  /*----------------------------------------
      下層
  ------------------------------------------*/
}
#main a:not(.btn) {
  color: #039;
  text-decoration: underline;
}
#main a:not(.btn):hover {
  text-decoration: none;
}
#main .underline {
  text-decoration: underline;
}
#main .ttl.is-ttl04 {
  border-bottom: 1px solid #2f589e;
  color: #0a83bf;
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  #main .ttl.is-ttl04 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
#main .title.is-bg {
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  color: #333;
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 1.6;
  font-weight: bold;
  width: 100%;
  margin: 0 0 10px 0;
  padding: 3% 0 3% 20px;
}
#main .title.is-bg.is-top {
  background-image: url(../images/toilet-clogging/area_top_ttl_bg.jpg);
}
#main .title.is-bg.is-toilet {
  background-image: url(../images/toilet-clogging/top_ttl_bg_toilet.jpg);
}
#main .title.is-bg.is-tokyo01 {
  background-image: url(../images/toilet-clogging/top_ttl_bg_tokyo2.jpg);
}
#main .title.is-bg.is-tokyo02 {
  background-image: url(../images/toilet-clogging/top_ttl_bg_tokyo4.jpg);
}
#main .title.is-bg span {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  #main .title.is-bg {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
#main .section {
  padding-bottom: 30px;
}
#main .section .has-mb {
  margin-bottom: 30px;
}
#main .section .lead {
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  #main .section .lead {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
#main .block:not(:last-of-type) {
  padding-bottom: 30px;
}
#main .block.has-mt {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  #main .block {
    padding: 0 10px;
  }
}
#main .section-inner,
#main .block-inner {
  padding: 0 10px;
}
@media screen and (max-width: 767px) {
  #main .section-inner .block {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  #main .block-inner {
    padding: 0;
  }
}
#main .price-list table {
  width: 100%;
  margin: 20px 0 10px;
  border-top: 1px dotted #ddd;
}
#main .price-list table tr:hover {
  background-color: #f5f5f5;
  cursor: default;
}
#main .price-list table th,
#main .price-list table td {
  padding: 5px;
  border-bottom: 1px dotted #ddd;
}
#main .price-list table th {
  font-weight: bold;
}
#main .flex {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
}
#main .flex.is-howto .image {
  width: 34%;
}
#main .flex.is-howto .image dl {
  padding: 5px 10px 10px;
  background-color: #eee;
}
#main .flex.is-howto .image dl:not(:last-child) {
  margin-bottom: 10px;
}
#main .flex.is-howto .image dl dt {
  margin-bottom: 0.5em;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
}
#main .flex.is-howto .image dl dd {
  margin: 0;
}
#main .flex.is-howto .image dl dd img {
  width: 100%;
  height: auto;
}
#main .flex.is-howto .text {
  flex: 1;
  padding-left: 20px;
}
#main .flex.is-imageR .image {
  width: 34%;
  padding: 0 0 10px 10px;
}
#main .flex.is-imageR .text {
  flex: 1;
}
@media screen and (max-width: 767px) {
  #main .flex {
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
  }
  #main .flex.is-howto .image {
    width: auto;
  }
  #main .flex.is-howto .image dl dd {
    text-align: center;
  }
  #main .flex.is-howto .image dl dd img {
    width: 60%;
  }
  #main .flex.is-howto .text {
    margin-top: 10px;
    padding-left: 0;
  }
  #main .flex.is-imageR .image {
    width: 60%;
    margin: 0 auto;
    padding: 0 0 10px 0;
  }
}
#main .cate-list {
  margin-top: 10px;
  margin-bottom: 30px;
}
#main .cate-list li {
  display: inline-block;
  margin-right: 20px;
}
#main .cate-list li a {
  text-decoration: underline;
}
#main .cate-list li a:hover {
  text-decoration: none;
}
#main .cate-list.is-links li {
  margin-bottom: 5px;
}
#main .branch-list li {
  display: block;
}
#main .branch-list li:nth-child(n + 2) {
  margin-top: 20px;
}
#main .branch-list li a {
  text-decoration: underline;
}
#main .branch-list li a:hover {
  text-decoration: none;
}


#main .cv-box {
  margin: 0 0px 30px;
  padding: 10px;
  border: 1px solid #0a83bf;
  background-color: #f5f8fa;
  background-repeat: no-repeat;
  background-position: bottom right;
}
#main .cv-box.is-cv01 {
  background-size: 250px auto;
  background-image: url(../images/toilet-clogging/cv_bg01.png?20220930);
}
#main .cv-box.is-cv02 {
  background-size: 280px auto;
  background-image: url(../images/toilet-clogging/cv_bg02.png?20200402);
  background-position: center right 10px;
}
#main .cv-box.is-cv02.is-cv02-img {
  height: 340px;
  background-size: calc(100% - 20px) auto;
  background-image: url(../images/common/cv_bg03_pc.png?20201203);
  background-position: center left 10px;
}
#main .cv-box .cv-title {
  margin-right: 300px;
  border-bottom: 1px solid #0a83bf;
  color: #0a83bf;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}
#main .cv-box.is-cv02.is-cv02-img .cv-title {
  border-bottom: none;
}
#main .cv-box .cv-title span {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
}
#main .cv-box .cv-text {
  margin-right: 300px;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 1199px) and (min-width: 768px) {
  #main .cv-box.is-cv02.is-cv02-img {
    height: calc(100vw / 1200 * 340);
  }
}
@media screen and (max-width: 767px) {
  #main .cv-box {
    margin: 0 10px 30px;
  }
  #main .cv-box.is-cv01 {
    background-size: 39% auto;
  }
  #main .cv-box.is-cv01 .cv-text {
    padding-bottom: 20%;
  }
  #main .cv-box.is-cv02 {
    background-size: 40% auto;
    background-position: bottom 10px right 10px;
  }
  #main .cv-box.is-cv02 .cv-text {
    padding-bottom: 36%;
  }
  #main .cv-box.is-cv02.is-cv02-img {
    height: calc(100vw / 750 * 730);
    background-position: bottom 10px left 10px;
    background-size: calc(100% - 20px) auto;
    background-image: url(../images/common/cv_bg03_sp.png?20201203);
  }
  #main .cv-box .cv-title {
    margin-right: 0;
    font-size: 14px;
    font-size: 1.4rem;
  }
  #main .cv-box .cv-title span {
    font-size: 10px;
    font-size: 1.0rem;
  }
  #main .cv-box .cv-text {
    margin-right: 0;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
#main .bnr-area {
  margin: 0 !important;
  display: block;
}
#main .bnr-area a {
  display: block;
}
#main .bnr-area a:not(:last-child) {
  margin-bottom: 10px;
}
#main .bnr-area a img {
  width: 100%;
  height: auto;
}
#main .map.is-full-width {
  position: relative;
  padding-bottom: 36.25%;
  height: 0;
  overflow: hidden;
}
#main .map.is-full-width iframe,
#main .map.is-full-width object,
#main .map.is-full-width embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#main .area-list {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin-top: 20px;
}
#main .area-list li {
  width: calc((100% - 60px) / 4);
}
#main .area-list li:not(:nth-child(4n)) {
  margin-right: 20px;
  margin-bottom: 10px;
}
#main .area-list li a {
  display: block;
  padding: 10px;
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  #main .area-list {
    margin-top: 10px;
    margin-bottom: 20px;
  }
  #main .area-list li {
    width: calc((100% - 20px) / 3);
  }
  #main .area-list li:not(:nth-child(4n)) {
    margin-right: inherit;
  }
  #main .area-list li:not(:nth-child(3n)) {
    margin-right: 10px;
  }
  #main .area-list li a {
    padding: 5px;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
#main .branch-info {
  margin-top: 20px;
}
#main .branch-info .title {
  font-size: 16px;
  margin: 0 0 5px;
  padding: 8px 10px;
  background-color: #f5f5f5;
}
#main .branch-info .detail {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  margin-top: 20px;
}
#main .branch-info dl {
  flex: 1;
  border: 1px solid #e7e7e7 !important;
  margin-top: 10px;
}
#main .branch-info dl:nth-child(1) {
  margin-right: 5px;
}
#main .branch-info dl:nth-child(2) {
  margin-left: 5px;
}
#main .branch-info dl dt {
  text-align: center;
  font-weight: bold;
  padding: 6px;
  background-color: #E8E8E8;
}
#main .branch-info dl dd {
  margin: 0;
  padding: 15px;
  text-align: center;
}
#main .branch-info dl dd a {
  display: block;
}
#main .branch-info dl dd .btn {
  padding: 0;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  font-size: 1.6rem;
}
#main .branch-info dl dd .tel {
  margin-top: 5px;
  color: #f69223;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  #main .branch-info .detail {
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
  }
}
#main dl.contact-list {
  margin-top: 20px;
}
#main dl.contact-list dt,
#main dl.contact-list dd {
  font-size: 14px;
  font-size: 1.4rem;
}
#main dl.contact-list dt {
  margin-bottom: 5px;
}
#main dl.contact-list dd {
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  #main dl.contact-list dt,
  #main dl.contact-list dd {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
#main .place-info {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
}
@media screen and (min-width: 1201px) {
  #main .place-info .map {
    width: 220px;
    height: 220px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  #main .place-info .map {
    width: 18vw;
    height: 18vw;
  }
}
#main .place-info .detail {
  flex: 1;
  padding-left: 20px;
}
#main .place-info .detail dl dt {
  border-bottom: 1px solid #ddd;
  font-weight: bold;
  padding-bottom: 2px;
  margin-bottom: 4px;
}
#main .place-info .detail dl dd {
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  #main .place-info {
    width: 100%;
    display: block;
  }
  #main .place-info .map {
    width: 100%;
    height: 20vw;
  }
  #main .place-info .detail {
    margin: 10px 0 0 0;
    padding-left: 0;
  }
}
#main .place-list li,
#main .office-list li {
  display: inline-block;
}
#main .place-list li:after,
#main .office-list li:after {
  content: "、";
}
#main .place-list li:nth-last-child(1):after,
#main .office-list li:nth-last-child(1):after {
  content: "";
}
@media screen and (max-width: 767px) {
  #main .place-list li,
  #main .office-list li {
    line-height: 1.8;
  }
}

/*-----------------------------------
サイドバー関連
------------------------------------*/

/**
 * サイド
 */
.contents-inner.has-side #side {
  width: 280px;
  margin-right: 40px;
}
.side-bnr {
  margin-top: 20px;
}
@media screen and (max-width: 1199px) and (min-width: 768px) {
  .contents-inner.has-side #side {
    width: calc(100vw / 1200 * 280);
    margin-right: calc(100vw / 1200 * 40);
  }
}
@media screen and (max-width: 767px) {
  #side {
    display: none;
  }
}

/**
 * サイド リストボックス
 */
#side .list.is-side {
}
#side.activate .list.is-side {
}
/* @media screen and (min-width: 1200px) {
  #side.top .list.is-side {
    top: 0;
  }
  #side.fixed .list.is-side {
    position: fixed;
    top: 50px;
  }
  #side.bottom .list.is-side {
    position: fixed;
    bottom: 500px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  #side.activate .list.is-side {
    position: fixed;
    top: 58px;
  }
  .admin-bar #side.activate .list.is-side {
    top: 90px;
  }
}
@media screen and (max-width: 767px) {
  #side .list.is-side {
    margin: 0;
  }
} */

/**
 * サイド タイトル
 */
.contents-inner.has-side #side .cate-nav .nav-title {
  font-family: "UD新ゴ DB", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN W6", HiraKakuProN-W6,"ヒラギノ角ゴ W3 JIS2004", "Hiragino Kaku Gothic W3 JIS2004";
  font-weight: bold;
  background-image: url('/wp-content/themes/qracian/images/faq/nav_bg.png');
  text-align: center;
  color: #ffffff;
  font-weight: bold;

  font-size: 18px;
  font-size: 1.8rem;
  height: 80px;
  line-height: 80px;
}
@media screen and (max-width: 1199px) and (min-width: 768px) {
  .contents-inner.has-side #side .cate-nav .nav-title {
    font-size: calc(18 * 100vw / 1200);
    height: calc(80 * 100vw / 1200);
    line-height: calc(80 * 100vw / 1200);
  }
}
@media screen and (max-width: 767px) {
  .is-area .contents-inner.has-mb {
    margin-bottom: 0px;
  }
}

/**
 * サイド ナビ
 */
.list.is-side ul.nav-list {
  padding: 0;

}
.nav-item,
#side .cate-nav li:not(:last-child) {
  margin: 0;
}
.nav-item a {
  display: flex;
  align-items: center;
  height: 80px;
  padding-left: 100px;
  border-bottom: 1px dashed #828181;
  font-size: 18px;
  font-size: 1.8rem;
  color: #4c4c4c;
  font-family: "UD新ゴ DB", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN W6", HiraKakuProN-W6,"ヒラギノ角ゴ W3 JIS2004", "Hiragino Kaku Gothic W3 JIS2004";
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  background-color: #fff;
}
.nav-item.is-toilet a {
  background-image: url('/wp-content/themes/qracian/images/common/side_service_menu1.png');
}
.nav-item.is-kitchen a {
  background-image: url('/wp-content/themes/qracian/images/common/side_service_menu2.png');
}
.nav-item.is-bathroom a {
  background-image: url('/wp-content/themes/qracian/images/common/side_service_menu3.png');
}
.nav-item.is-washroom a {
  background-image: url('/wp-content/themes/qracian/images/common/side_service_menu4.png');
}
.nav-item.is-drain a {
  background-image: url('/wp-content/themes/qracian/images/common/side_service_menu5.png');
}
.nav-item.is-waterheater a {
  background-image: url('/wp-content/themes/qracian/images/common/side_service_menu6.png');
}
.nav-item.is-pump a {
  background-image: url('/wp-content/themes/qracian/images/common/side_service_menu7.png');
}
.nav-item.is-outdoors a {
  background-image: url('/wp-content/themes/qracian/images/common/side_service_menu8.png');
}
.nav-item.is-water a {
  background-image: url('/wp-content/themes/qracian/images/common/side_service_menu9.png');
}
.nav-item.is-accumulation a {
  background-image: url('/wp-content/themes/qracian/images/common/side_service_menu10.png');
}
.nav-item.is-leakage a {
  background-image: url('/wp-content/themes/qracian/images/common/side_service_menu11.png');
}
.nav-item.is-repair a {
  background-image: url('/wp-content/themes/qracian/images/common/side_service_menu12.png');
}

.nav-item a:hover {
  text-decoration: none;
  background-color: #e1eefa;
}

@media screen and (max-width: 1199px) and (min-width: 768px) {
  .nav-item a {
    height: calc(100vw / 1200 * 80);
    font-size: calc(100vw / 1200 * 18);
    padding-left: calc(100vw / 1200 * 100);
  }
}


/**
 * CVエリア
 */
.cv_area {
}
.cv_area section {
  position: relative;
  background-color: #e1eefa;
  margin-top: 5px;
}
.cv_area section h2 {
  background-color: #087ec8;
  color: #ffffff;
  text-align: center;
  margin: 0;
}
.cv_area section div.block {
  background-color: #ffffff;
}
.cv_area section div.block p.fontnormal {
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.7;
  font-family: inherit;
}
.cv_area section p {
  margin: 0;
  font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN W6", "HiraKakuProN-W6","ヒラギノ角ゴ W3 JIS2004", "Hiragino Kaku Gothic W3 JIS2004";
}
.cv_area section p span {
}
.cv_area section p span.dot {
}
.cv_area section p span.after_space {
}
.cv_area section p span:first-child {
}
.cv_area section p span:first-child::before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  position: relative;
  background-size: contain;
}
.cv_area section p span:last-child {
}
.cv_area section p span:last-child:after {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  position: relative;
  background-size: contain;
}
.cv_area section ul.contact_buttons {
  display: flex;
  justify-content: space-between;
}
.cv_area section ul.contact_buttons li {
}
.cv_area section ul.contact_buttons li a {
  font-size: 0px;
  text-indent: -100vw;
  overflow: hidden;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
}
.cv_area section ul.contact_buttons li a:hover {
  opacity: 0.8;
}
.cv_area section ul.contact_buttons .tel {
}
.cv_area section ul.contact_buttons .contact {
}
.cv_area section .operator {
  position: absolute;
}
.cv_area section .operator img {
}
@media screen and (min-width: 1200px) {
  .cv_area {
    margin-bottom: 40px;
  }
  .cv_area section {
    padding-bottom: 22px;
  }
  .cv_area section h2 {
    height: 50px;
    line-height: 50px;
    font-size: 27px;
    font-size: 2.7rem;
  }
  .cv_area section div.block {
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.7;
  }
  .cv_area section p {
    margin: 22px auto 9px 40px;
    font-size: 22px;
    font-size: 2.2rem;
  }
  .cv_area section p span {
  }
  .cv_area section p span.dot {
    margin: auto -5px;
  }
  .cv_area section p span.after_space {
    margin-right: 10px;
  }
  .cv_area section p span:first-child {
  }
  .cv_area section p span:first-child::before {
    background-image: url('/wp-content/themes/qracian/images/constructions/cv_accent_left_pc.png');
    width: 15px;
    height: 22px;
    left: 2px;
    top: 3px;
    margin-right: 12px;
  }
  .cv_area section p span:last-child {
  }
  .cv_area section p span:last-child:after {
    background-image: url('/wp-content/themes/qracian/images/constructions/cv_accent_right_pc.png');
    width: 15px;
    height: 22px;
    left: 2px;
    top: 3px;
  }
  .cv_area section ul.contact_buttons {
    margin-left: 20px;
    width: 650px;
  }
  .cv_area section ul.contact_buttons li {
    height: 90px;
  }
  .cv_area section ul.contact_buttons li a {
    width: 315px;
    height: 90px;
  }
  .cv_area section ul.contact_buttons .tel {
    background-image: url('/wp-content/themes/qracian/images/constructions/cv_btn_tel_pc.png');
  }
  .cv_area section ul.contact_buttons .contact {
    background-image: url('/wp-content/themes/qracian/images/constructions/cv_btn_email_pc.png');
  }
  .cv_area section .operator {
    right: 0;
    bottom: 0;
  }
  .cv_area section .operator img {
    width: 204px;
    height: 221px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .cv_area {
    margin-bottom: calc(100vw / 1200 * 40);
  }
  .cv_area section {
    padding-bottom: calc(100vw / 1200 * 22);
  }
  .cv_area section h2 {
    height: calc(100vw / 1200 * 50);
    line-height: calc(100vw / 1200 * 50);
    font-size: calc(100vw / 1200 * 27);
  }
  .cv_area section div.block {
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.7;
  }
  .cv_area section div.block p.fontnormal {
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.7;
    font-family: inherit;
  }
  .cv_area section p {
    margin: calc(100vw / 1200 * 22) auto calc(100vw / 1200 * 9) calc(100vw / 1200 * 40);
    font-size: calc(100vw / 1200 * 22);
  }
  .cv_area section p span {
  }
  .cv_area section p span.dot {
    margin: auto calc(-5 * 100vw / 1200);
  }
  .cv_area section p span.after_space {
    margin-right: calc(100vw / 1200 * 10);
  }
  .cv_area section p span:first-child {
  }
  .cv_area section p span:first-child::before {
    background-image: url('/wp-content/themes/qracian/images/constructions/cv_accent_left_pc.png');
    width: calc(100vw / 1200 * 15);
    height: calc(100vw / 1200 * 22);
    left: calc(100vw / 1200 * 2);
    top: calc(100vw / 1200 * 3);
    margin-right: calc(100vw / 1200 * 12);
  }
  .cv_area section p span:last-child {
  }
  .cv_area section p span:last-child:after {
    background-image: url('/wp-content/themes/qracian/images/constructions/cv_accent_right_pc.png');
    width: calc(100vw / 1200 * 15);
    height: calc(100vw / 1200 * 22);
    left: calc(100vw / 1200 * 2);
    top: calc(100vw / 1200 * 3);
  }
  .cv_area section ul.contact_buttons {
    margin-left: calc(100vw / 1200 * 20);
    width: calc(100vw / 1200 * 650);
  }
  .cv_area section ul.contact_buttons li {
    height: calc(100vw / 1200 * 90);
  }
  .cv_area section ul.contact_buttons li a {
    width: calc(100vw / 1200 * 315);
    height: calc(100vw / 1200 * 90);
  }
  .cv_area section ul.contact_buttons .tel {
    background-image: url('/wp-content/themes/qracian/images/constructions/cv_btn_tel_pc.png');
  }
  .cv_area section ul.contact_buttons .contact {
    background-image: url('/wp-content/themes/qracian/images/constructions/cv_btn_email_pc.png');
  }
  .cv_area section .operator {
    right: 0;
    bottom: 0;
  }
  .cv_area section .operator img {
    width: calc(100vw / 1200 * 204);
    height: calc(100vw / 1200 * 221);
  }
}
@media screen and (max-width: 767px) {
  .cv_area {
    display: none;
    margin-bottom: 40px;
  }
  .cv_area section {
    background-color: unset;
  }
  .cv_area section h2 {
    font-size: 1.8rem;
    line-height: 3.0rem;
    margin: 0 -10px 5px;
    padding: 20px 30px;
    letter-spacing: 0.2rem;
  }
  .cv_area section div.block p.fontnormal {
    margin: 0;
    padding: 0;
    font-size: 1.2rem;
    text-align: left;
    font-family: inherit;
    letter-spacing: inherit;
  }
  .cv_area section p {
    margin: 28px -2px 27px -2px;
    font-size: 1.8rem;
    line-height: 3.0rem;
    letter-spacing: 0.15rem;
    position: relative;
    padding: 0 calc(100vw / 640 * 80);
    text-align: center;
  }
  .cv_area section p span {
  }
  .cv_area section p span.after_space::after {
    content: '';
    display: block
  }
  .cv_area section p span:first-child::before {
    position: absolute;
    background-image: url('/wp-content/themes/qracian/images/constructions/cv_accent_left_sp.png');
    width: calc(100vw / 640 * 40);
    height: calc(100vw / 640 * 52);
    left: calc(100vw / 640 * 6);
    top: calc(100vw / 640 * 5);
  }
  .cv_area section p span:last-child:after {
    position: absolute;
    background-image: url('/wp-content/themes/qracian/images/constructions/cv_accent_right_sp.png');
    width: calc(100vw / 640 * 40);
    height: calc(100vw / 640 * 52);
    right: calc(100vw / 640 * 6);
    top: calc(100vw / 640 * 5);
  }
  .cv_area section ul.contact_buttons {
    flex-direction: column;
    margin: 0 10px;
  }
  .cv_area section ul.contact_buttons li {
    height: calc((100vw - 40px) / 600 * 168);
    margin-bottom: calc((100vw - 40px) / 600 * 17);
    max-width: 100%;
  }
  .cv_area section ul.contact_buttons li:last-child {
    margin-bottom: 0;
  }
  .cv_area section ul.contact_buttons li a {
    width: calc(100vw - 40px);
    height: calc((100vw - 40px) / 600 * 168);
    max-width: 100%;
  }
  .cv_area section ul.contact_buttons .tel {
    background-image: url('/wp-content/themes/qracian/images/constructions/cv_btn_tel_sp.png');
  }
  .cv_area section ul.contact_buttons .contact {
    background-image: url('/wp-content/themes/qracian/images/constructions/cv_btn_email_sp.png');
  }
  .cv_area section .operator {
    display: none;
  }
}

/*-------------------------
よくあるご質問
---------------------------*/

.service-faq {
  max-width: 1200px;
  margin: 0 auto 35px;
  padding: 10px;
}

.service-faq .faqDetail {
  padding: 15px 0;
}

.service-faq .faqDetail article {
  line-height: 1.8;
  font-size: 15px;
  font-size: 1.5rem;
  padding: 0 0 0 50px;
  color: #423e39;
}
.service-faq .faqDetail .q-text {
  padding-top: 4px;
  padding-bottom: 16px;
  margin-bottom: 35px;
  padding-left: 50px;
  border-bottom: 1px solid #4c4c4c;
  position: relative;
  color: #4c4c4c;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4;
}
.service-faq .faqDetail .a-text {
  padding-top: 4px;
  padding-bottom: 10px;
  margin-left: 50px;
  border-bottom: 1px solid #e2effa;
  position: relative;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4 !important;
}
.service-faq .faqDetail .q-text:before,
.service-faq .faqDetail .a-text:before {
  display: inline-block;
  font-size: 24px;
  font-size: 2.4rem;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  top: 0;
}
.service-faq .faqDetail .q-text:before {
  content: "Q";
  color: #fff;
  background-color: #075eac;
  left: 0;
}
.service-faq .faqDetail .a-text:before {
  content: "A";
  color: #075eac;
  background-color: #e1eefa;
  left: -50px;
}
.service-faq .faqDetail article strong {
  font-weight: bold;
}
.service-faq .faqDetail article dt {
  font-weight: bold;
  font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN W6", "HiraKakuProN-W6","ヒラギノ角ゴ W3 JIS2004", "Hiragino Kaku Gothic W3 JIS2004";
}
.service-faq .faqDetail article .textBold {
  font-weight: bold;
  font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN W6", "HiraKakuProN-W6","ヒラギノ角ゴ W3 JIS2004", "Hiragino Kaku Gothic W3 JIS2004";
}
.service-faq .faqDetail article .textEm,
.service-faq .faqDetail article h2 {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN W6", "HiraKakuProN-W6","ヒラギノ角ゴ W3 JIS2004", "Hiragino Kaku Gothic W3 JIS2004";
}
.service-faq .faqDetail article .box01 {
  margin: 40px 0 0;
  padding: 15px 20px;
  border: 10px solid #eeeeee;
  background-color: #fff;
}
.service-faq .faqDetail article .box02 {
  margin: 40px 0 0;
  padding: 15px 20px;
  background-color: #f6f6f6;
}
.service-faq .faqDetail article ul {
}
.service-faq .faqDetail article li {
  list-style-type: disc;
  margin-left: 1.5em;
}
.service-faq .faqDetail article .underline {
  padding-bottom: 5px;
  border-bottom: 1px solid #515151;
}
.service-faq .faqDetail .link {
  padding-left: 20px;
  color: #075eac;
  text-decoration: underline;
  position: relative;
  display: inline-block;
}
.service-faq .faqDetail .link:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 14px;
  background-image: url('/wp-content/themes/qracian/images/common/arrow_link.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  position: absolute;
  top: 10px;
  left: 0;
}
.service-faq .faqDetail .link:hover {
  text-decoration: none;
}
.service-faq .faqDetail .blank {
  /*padding-right: 28px;*/
}
.service-faq .faqDetail .blank:after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: contain;
  background-position: 0 0;
  background-image: url('/wp-content/themes/qracian/images/common/icon_blank.png');
  background-repeat: no-repeat;
  margin-left: 5px;
}
.service-faq .faqDetail .example-list,
.service-faq .faqDetail .service-list {
  margin: 40px 0 40px 50px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.8;
}
.service-faq .faqDetail .example-list .title,
.service-faq .faqDetail .service-list .title {
  padding-bottom: 8px;
  margin-bottom: 10px;
  border-bottom: 1px solid #515151;
  color: #423e39;
  font-size: 18px;
  font-size: 1.8rem;
}
.service-faq .faqDetail .example-list {
}
.service-faq .faqDetail .example-list .inner {
  padding: 0 15px;
}
.service-faq .faqDetail .service-list {
  border: 10px solid #e1eefa;
  background-color: #fff;
  padding: 25px 20px;
}
.service-faq .faqDetail .service-list ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 1em;
}
.service-faq .faqDetail .service-list li {
  width: calc((100% - 10px) / 2);
}
.service-faq .faqDetail .service-list li:nth-child(odd) {
  margin-right: 10px;
}

.service-faq .goto-faqpage {
  width: 300px;
  margin: 0 auto;
  text-align: center;
}

.service-faq .goto-faqpage a {
  color: inherit;
  text-decoration: none;
}

.service-faq .faqpage-link {
  padding: 4px;
  background: #007eca;
  border: 2px solid #007eca;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
}

.service-faq .faqpage-link:hover {
  background: #fff;
  color: #007eca;
  border: 2px solid #007eca;
}

@media screen and (max-width: 767px) {
  .service-faq .faqDetail article {
     line-height: 1.6;
     font-size: 16px;
     font-size: 1.6rem;
   }
  .service-faq .faqDetail article {
    padding: 0 0 25px 0;
  }
  .service-faq .faqDetail .q-text_sp {
    padding-top: 0;
    padding-bottom: 10px;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
    font-size: 1.6rem;
    position: relative;
  }
  .service-faq .faqDetail .a-text {
    padding-top: 0;
    padding-bottom: 10px;
    margin-left: 40px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .service-faq .faqDetail .q-text_sp:before {
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    top: 0;
  }
  .service-faq .faqDetail .q-text_sp:before {
    font-size: 18px;
    font-size: 1.8rem;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .service-faq .faqDetail .q-text_sp:before {
    content: "Q";
    color: #fff;
    background-color: #075eac;
    left: 0;
  }
  .service-faq .faqDetail .q-text_sp:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 15px;
    width: 9px;
    height: 9px;
    border-top: 2px solid #666;
    border-right: 2px solid #666;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .service-faq .faqDetail .a-text:before {
    left: -40px;
  }
  .service-faq .faqDetail .a-text:before {
    font-size: 18px;
    font-size: 1.8rem;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .service-faq .faqDetail article .textEm,
  .service-faq .faqDetail article h2 {
    /*font-size: 17px;*/
    /*font-size: 1.7rem;*/
  }
  .service-faq .faqDetail article .box01 {
    margin: 20px 0 0;
    padding: 8px 10px;
  }
  .service-faq .faqDetail article .box02 {
    margin: 20px 0 0;
    padding: 8px 10px;
  }
  .service-faq .faqDetail article .underline {
  }
  .service-faq .faqDetail .link {
    padding-left: 15px;
  }
  .service-faq .faqDetail .link:before {
    width: 6px;
    height: 12px;
    top: 8px;
  }
  .service-faq .faqDetail .blank:after {
    width: 14px;
    height: 14px;
  }
  .service-faq .faqDetail .example-list,
  .service-faq .faqDetail .service-list {
    margin: 5px 0;
    /*font-size: 14px;*/
    /*font-size: 1.4rem;*/
    line-height: 1.6;
  }
  .service-faq .faqDetail .example-list .title,
  .service-faq .faqDetail .service-list .title {
    padding-bottom: 8px;
    margin-bottom: 10px;
    color: #423e39;
    /*font-size: 16px;*/
    /*font-size: 1.6rem;*/
  }
  .service-faq .faqDetail .example-list .inner {
    padding: 0 10px;
  }
  .service-faq .faqDetail .service-list {
    padding: 15px 10px;
    margin-top: 25px;
  }
  .service-faq .faqDetail .service-list ul {
    display: block;
  }
  .service-faq .faqDetail .service-list li {
    width: auto;
  }
  .service-faq .faqDetail .service-list li:nth-child(odd) {
    margin-right: inherit;
  }
  .service-faq .goto-faqpage {
    position: relative;
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }

  .service-faq .faqpage-link {
    padding: 8px;
    background: #dfeef7;
    border-radius: 5px;
    border: 0px;
    color: #007fd0;
    font-size: 14px;
  }

  .service-faq .faqpage-link:hover {
    background: #dfeef7;
    color: #007fd0;
    border: 0px;
  }

  .service-faq .faqpage-link a:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 15px;
    right: calc(50% - 65px);
    width: 6px;
    height: 6px;
    border-top: 2px solid #007fd0;
    border-right: 2px solid #007fd0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

}

/*-------------------------
新「トイレつまりの駆けつけサービス」トップページ
---------------------------*/


/*** cancel ***/
#contents.is-toilet-clogging {
	color: #333;
}
#contents.is-toilet-clogging .contents-inner {
    padding: 0;
}
#contents.is-toilet-clogging.inner {
    max-width: inherit;
}
#contents.is-toilet-clogging .row {
    display: block;
    width: 980px;
    margin: auto;
}

/*** common ***/
.pc {
    display: block;
}
.sp {
    display: none;
}
.note {
    font-size: 85%;
    color: #999;
}
.note li {
    margin-bottom: 5px;
    padding-left: 1em;
    text-indent: -1em;
}
ul.note.m0 {
    margin: 0!important;
}
.flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.red {
	color: #e7340c;
	font-weight: bold;
}
.yellow {
	color: #fae92c;
	font-weight: bold;
}
img {
-webkit-backface-visibility: hidden;	
}

#contents a:not(.btn) {
    color: #039;
    text-decoration: underline;
}

#contents a:not(.btn):hover {
    text-decoration: none;
}
.more_link {
    padding: 10px 0 0;
    text-align: center;
    margin: 20px auto 0;
    max-width: 500px;
    width: 100%;
}
.more_link a {display: block;padding: 10px;border: 1px solid #1283e4;border-radius: 6px;color: #1283e4 !important;text-decoration: none !important;position: relative;}
.more_link a::after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-top: solid 2px #1283e4;
	border-right: solid 2px #1283e4;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
}


/*** contents ***/
header {
    max-width: 100%;
}
header .ttlArea {
    background: #005eae;
    padding: 20px 0 15px;
}

header .ttlArea h1 {
    margin-bottom: 0;
    max-width: 980px;
    margin: auto;
    font-size: 36px;
    color: #fff;
    font-weight: bold;
	display: block;
	    padding: 0;
}

header .mv-box01 {
    text-align: center;
    background: #ffffff;
}
header .mv-box01.top {
  background: #05a0dd;
}
header .mv-box01 img {}
header .mv-box01 .row {}
header .mv-box01 .bg {}
header .mv-box02 {
    padding: 0;
    margin: 0;
}
header .mv-box02 .txt {
    font-size: 24px;
    text-align: center;
    background: #0084ff;
    color: #fff;
    padding: 5px;
    margin: 0;
}
header .mv-box02 .area02 {
    background: #005eae;
    padding: 30px 0;
}
header .mv-box02 .area02 img {}
header .mv-box03 {
    padding: 30px 0;
}
header .mv-box03 .txtArea {
    text-align: center;
}
header .mv-box03 .txtArea p {
    display: inline-block;
    position: relative;
    padding: 0 20px;
}
header .mv-box03 .txtArea p span {
    font-size: 30px;
    font-weight: bold;
}
header .mv-box03 .txtArea p::before,
header .mv-box03 .txtArea p::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	background: #ffcc33;
	width: 3px;
	height: 100%;
	display: inline-block;
	margin: 0 -15px;
}
header .mv-box03 .txtArea p::before {
    left: 0;
    transform: rotate(-30deg);
}
header .mv-box03 .txtArea p::after {
    right: 0;
    transform: rotate(31deg);
}
header .mv-box03 .img {
    margin-top: 0;
}
header .mv-box03 .img img {}

h2.type01 {
    font-size: 26px;
    font-weight: bold;
    color: #FFF;
    background: #003664;
    margin-bottom: 30px;
    padding: 25px 15px 23px 40px;
    position: relative;
    border-left: none;
}
h2.type01::before {
    content: "";
    width: 8px;
    height: 40px;
    background: #fae92c;
    border-radius: 2px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    margin: auto;
}
.cv-area {
    position: relative;
    background-image: url(/wp-content/themes/qracian/images/toilet-clogging/cv-bg-pc.png);
    background-repeat: no-repeat;
    background-size: 980px 255px;
    width: 980px;
    height: 255px;
    margin-bottom: 50px;
}
.bg-blue .cv-area {
    background-image: url(/wp-content/themes/qracian/images/toilet-clogging/cv-bg02-pc.png);
}
.cv-area .btn-box {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 30px;
    position: absolute;
    bottom: 25px;
}
.cv-area img {
    width: 450px;
    height: auto;
}
.catch-t {
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 15px;
    line-height: 1.5;
}
.catch-t .inner {
    display: inline-block;
    position: relative;
    padding-top: 0;
}
.catch-t .inner::before {
    left: -100px;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
}
.catch-t .inner::after {
    right: -100px;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
}
.catch-t .inner::before,
.catch-t .inner::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 100px;
    height: 3px;
    border-radius: 3px;
    background-color: #005eae;
}
.catch-t span {
    font-size: 36px;
    color: #005eae;
}
.item .cv-area {
    background-image: url(/wp-content/themes/qracian/images/toilet-clogging/cv-bg-pc.png);
    background-size: 920px 238px;
    width: 920px;
    height: 238px;
    margin-top: 30px;
}
.item .cv-area img {
    width: 420px;
    height: auto;
}


.staffBox {margin: 30px 0 0 0;}
.staffBox .cv-box-a {
    margin: 0 0px 0px;
    border: 1px solid #0a83bf;
    border-radius: 15px;
    padding: 20px 30px 0;
    padding-bottom: 0;
}
.staffBox .cv-box-a .cv-title {
    border-bottom: 1px solid #005eae;
    color: #005eae;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.5;
    background: url(/wp-content/themes/qracian/images/toilet-clogging/area_staff.png) no-repeat;
    background-position: right center;
    background-size: contain;
    padding: 30px 130px 30px 0;
}
.staffBox .cv-box-a .cv-title span {
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
}
.staffBox .cv-box-a .cv-title::before {
		content: none;
}
.staffBox .cv-box-a .cv-text {
    font-size: 16px;
}
.staffBox .cv-box-a {}
.staffBox .cv-box-a .cv-title {}
.staffBox .cv-box-a .cv-text {
    padding: 30px 0;
    line-height: 1.6;
    background: url(/wp-content/themes/qracian/images/toilet-clogging/staff_bg.png) no-repeat;
    background-position: right;
}
.staffBox .cv-box-a .cv-text p {
    font-size: 16px;
}


.sec_01 {
    padding: 0 0 2em;
}
.sec_01 .ttl_t01 {
    padding: 5px;
    border-left: 10px solid #005eae;
    padding-left: 20px;
    margin-bottom: 30px;
}
.sec_01 .ttl_t01::before {
	content: "";
}
.sec_01 .ttl_t01 span {
    font-size: 30px;
    display: inline-block;
}
.sec_01 .txt {
	background: url(/wp-content/themes/qracian/images/toilet-clogging/sec01_img.png) no-repeat;
	background-position: bottom right;
	line-height: 1.8;
}

.ac-area {
    margin-top: 40px;
    margin-bottom: 30px;
}
.ac-area .flex {
    justify-content: space-between;
}
.ac-area li {
    padding: 0;
}
.ac-area li a {
    font-size: 18px;
    color: #005eae !important;
    text-decoration: underline;
    width: 310px;
    padding: 10px;
    border: 1px solid #64adff;
    border-radius: 4px;
    display: block;
    position: relative;
    height: 80px;
    font-weight: bold;
}
.ac-area li a:hover {
    text-decoration: none;
    color: #005eae!important;
}
.ac-area li a::after {
    content: "";
    background-image: url(/wp-content/themes/qracian/images/toilet-clogging/ico-arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 17px;
    height: 10px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto;
}
.ac-area li a span {
		position: absolute;
		top: 50%;
		left: 15px;
		right: 10px;
		-webkit-transform: translateY(-50%) translateX(-0%);
		transform: translateY(-50%) translateX(-0%);
		font-weight: bold;
}
@media screen and (min-width: 768px) {
.ac-area li a span {
	text-decoration: underline;
	color: #005eae;
}	
}
@media screen and (max-width: 767px) {
	header .ttlArea {
    padding: 4vmin;
}
	header .ttlArea h1 {
    font-size: 4.8vmin;
}
	h2.type01 {
    font-size: 4.5vmin;
    line-height: 150%;
    padding: 17px 15px 15px 40px;
}
	.sp .row .cv-area {
    background-image: url(/wp-content/themes/qracian/images/toilet-clogging/cv-bg-sp02.png);
    margin-top: -5vmin;
    margin-bottom: 0;
}
	.sp .row .cv-area .btn-box {
    bottom: 12vw;
}
	.note { font-size: 75%;}
	header img { padding: 0;}
	
	
	.staffBox {
    margin: 2vmin 0;
}
.staffBox .cv-box-a {}
.staffBox .cv-box-a .cv-title {
    font-size: 3.8vmin;
    padding: 5vmin 16vmin 5vmin 0;
}
.staffBox .cv-box-a .cv-title span {}
.staffBox .cv-box-a .cv-title::before {}
.staffBox .cv-box-a .cv-text {
    padding: 5vmin 0;
}
.staffBox .cv-box-a .cv-text p {
    font-size: 4vmin;
}	
	
	
	.sec_01 {
    padding: 1.5em 0 0.5em 0;
}
	.sec_01 .ttl_t01 {}
	.sec_01 .ttl_t01::before {
		content: "";
	}
	.sec_01 .ttl_t01 span {}
	.sec_01 .txt {
		background: url(/wp-content/themes/qracian/images/toilet-clogging/sec01_img.png) no-repeat;
		background-position: bottom right;
	}

	.ac-area {
		margin-top: 4vw;
		margin-bottom: 4vmin;
	}
	.ac-area li a {
		display: block;
		font-size: 4vw;
		font-weight: bold;
		color: #333;
		text-decoration: none;
		width: 100%;
		height: auto;
		padding: 4vw 11vw 4vw 4vw;
		margin-bottom: 2vw;
		border-radius: 10px;
		text-align: left;
	}
	.ac-area li a::after {
		width: 4vw;
		height: 3vw;
		right: 3vw;
	}
	.ac-area li a span {
    font-size: 4vw;
    position: static;
    -webkit-transform: translateY(-0%) translateX(-0%);
    transform: translateY(-0%) translateX(-0%);
	}
	
}



.bg-blue {
    background: #e4f2ff;
    margin: 40px 0 60px;
    padding: 60px 0 30px;
}
.bg-blue.m0 {
    margin: 0;
    padding: 30px 0 10px;	
}
section .item {
    background: #FFF;
    border-radius: 10px;
    margin-bottom: 40px;
}
section .item .item-in {
    padding: 40px 30px 30px;
}

section .item h2 {
    font-size: 24px;
    font-weight: bold;
    color: #FFF;
    background: #005eae;
    margin-bottom: 0;
    padding: 20px 30px;
    border-radius: 10px 10px 0 0;
}
section .item h2.v2 {
    font-size: 28px;
    font-weight: bold;
    padding-left: 15px;
    border-left: 10px solid #005eae;
    line-height: 50px;
    margin-top: 60px;
    margin-bottom: 25px;
}
h2.v3 {
    font-size: 22px;
    color: #FFF;
    background: #005eae;
    font-weight: bold;
    padding: 15px 15px 15px 40px;
    margin-top: 40px;
    margin-bottom: 20px;
    border-top: 4px solid #2d3c9b;
    position: relative;
}
h2.v3::before {
    content: "";
    width: 6px;
    height: 30px;
    background: #FFF;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    margin: auto;
}
section .item .t_type03 {
		font-size: 22px;
    font-weight: bold;
    background: #cae5ff;
    border-top: 3px solid #005eae;
    margin-bottom: 20px;
    padding: 15px 10px;
    position: relative;
}
section .item .t_type03 span {
    font-size: 20px;
    color: #FFF;
    background: #003664;
    border-radius: 4px;
    padding: 5px 10px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    margin: auto;
    height: 35px;
}
h2.v2,
h3.v2 {
    font-size: 18px;
    font-weight: bold;
    color: #005eae;
    margin-bottom: 20px;
}
h2.v3,
h3.v3 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 15px;
    color: #333;
}

section .item h4 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    position: relative;
    padding-left: 15px;
}
section.service_area .item h4 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
    position: relative;
	border-bottom: 1px dotted #dcdcdc;
	padding-bottom: 10px;
	cursor: pointer;
	padding-left: 0;
}
section.service_area .item h4:last-child { border-bottom: none;}
section.service_area .item h4::before {
    content: none;
}
section.service_area .item h4:after {
    position: absolute;
    top: 35%;
    right: 15px;
    transform: translateY(-50%);
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    background-image: url(/wp-content/themes/qracian/images/toilet-clogging/faq-open.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
}
section.service_area .item h4.is-open:after {
	background-image: url(/wp-content/themes/qracian/images/toilet-clogging/faq-close.png);
	height: 4px
}
section .item h3.v2,
section .item h4.v2 {
    font-size: 20px;
    color: #FFF;
    text-align: center;
    padding: 10px;
    background: #005eae;
    font-weight: bold;
    margin-bottom: 0;
    position: static;
    padding-left: 0;
}
section .item h3.v2 span,
section .item h4.v2 span {
    font-size: 16px;
}
section .item h3.v2::before,
section .item h4.v2::before {
    content: none;
}
section .item .red {
    color: #e7340c;
}


/** トイレのつまり・修理サービスと料金 **/
.service .price-box {
    width: 530px;
    border: 1px solid #e7340c;
    border-radius: 10px;
    padding: 35px 15px 15px;
    margin-top: 35px;
    position: relative;
}
.service .price-box .ttl {
    font-size: 20px;
    font-weight: bold;
    color: #FFF;
    background: #e7340c;
    border-radius: 50px;
    position: absolute;
    left: 0;
    right: 0;
    top: -25px;
    margin: auto;
    padding: 10px 25px;
    width: 400px;
}
.service .price {
    text-align: center;
    font-size: 23px;
    font-weight: bold;
}
.service .price span {
    color: #e7340c;
}
.service .price span span {
    font-size: 46px;
}
.service .price span.tax {
    font-size: 17px;
    font-weight: normal;
    color: #333;
}
.service .flex.p01 {
    align-items: end;
    margin-bottom: 40px;
}
.service .flex.p01 .text {
    width: 365px;
    font-size: 18px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.service .p01 .text p {
/*    width: 220px;
    padding-top: 30px;*/
}
.service .items {
/*    width: 450px;
    border: 1px solid #dcdcdc;*/
    margin-bottom: 30px;
}
.service .items .inner {
    padding: 20px;
}
.service .items .flex {
/*    justify-content: flex-start;
    align-items: center;*/
}
.service .items .flex .text {
    margin-left: 20px;
    font-size: 18px;
    font-weight: bold;
}
.service .items .img_box,
.service .items .txt_box {
	width: 430px;
}
.service .items .img_box {}
.service .items .img_box img {}
.service .items .img_box p {
    width: 50%;
    padding: 10px 0;
}
.service .items .txt_box {}

.service .items .flex .text span {
    color: #e7340c;
}
.service .items .flex .text span span {
    font-size: 28px;
}
.service .items .guide {
    font-size: 18px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    padding-left: 15px;
}
.service .items .guide::before {
    content: "";
    background: #005eae;
    width: 6px;
    height: 30px;
    border-radius: 2px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.service .items table {
    border-collapse: collapse;
    width: 100%;
}
.service .items table th {
    font-size: 16px;
    padding: 10px 15px;
    background: #cae5ff;
}
.service .items table tr th:first-child {
    border-right: 1px solid #ffffff;
}
.service .items table td {
    padding: 15px 10px;
    font-size: 16px;
    border-bottom: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
}
.service .items table td .caution {
    color: #333333;
    font-weight: normal;
    font-size: 14px;	
}
.service .items table td:last-child {
    font-weight: bold;
    color: #e7340c;
    border-right: none;
    width: 48%;
}
.service .items table td span {
    font-size: 20px;
}
.service .items table li {
    font-size: 14px;
    padding-left: 1em;
    text-indent: -1em;
    margin-bottom: 5px;
}
.service .items table li::before {
    content: "・";
    color: #005eae;
}
.payments p {
    margin-bottom: 15px;
    font-size: 18px;
    color: #e7340c;
}
.info p {
    line-height: 1.5;
}
.info.about dl {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

@media screen and (min-width: 768px) {}
@media screen and (max-width: 768px) {
	
	.service .price-box {
			width: 100%;
			padding: 4vw;
			margin-top: 5vw;
	}
	.service .price-box .ttl {
			font-size: 3.5vw;
			top: -4vw;
			padding: 1vw 4vw;
			width: 85%;
			text-align: center;
	}
	.service .price {
			font-size: 4vw;
	}
	.service .price span span {
			font-size: 8vw;
	}
	.service .price span.tax {
			font-size: 4vw;
	}
	.service .flex.p01 {
			align-items: end;
			margin-bottom: 5vw;
	}
	.service .flex.p01 .text {
			width: 100%;
			font-size: 3.5vw;
			margin-top: 4vw;
	}
	.service .p01 .text p {
			width: 100%;
			padding-top: 0;
			margin-bottom: 5vmin;
	}

	.service .items {
			width: 100%;
			margin-bottom: 6vw;
	}
	.service .items .inner {
			padding: 4vw 0 0;
	}
	.service .items .flex {
			display: flex;
			align-items: flex-start;
			padding: 0 2vw;
	}
	.service .items .img_box {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	}
	.service .items .img_box img {}
	.service .items .img_box p {
    width: 100%;
    padding: 0;
}
	.service .items .txt_box {
	width: 100%;
	padding-top: 3vmin;	
	}	
	.service .items .flex .img {
			width: 35vw;
	}
	.service .items .flex .text {
			margin-left: 2vw;
			font-size: 4vw;
			line-height: 1.1;
			display: block;
			width: 53%;
	}
	.service .items .flex .text span {
			font-size: 3vw;
	}
	.service .items .flex .text span span {
			font-size: 6vw;
	}
	.service .items .guide {
			font-size: 4vw;
			margin-bottom: 4vw;
			margin-left: 2vw;
			margin-right: 2vw;
			padding-left: 3vw;
	}
	.service .items .price-list {
			/*margin-left: 2vw;
			margin-right: 2vw;*/
	}
	.service .items .guide::before {
			width: 1vw;
			height: 5vw;
	}
	.service .items table th {
			font-size: 4vw;
			padding: 1vw 4vw;
			text-align: center;
	}
	.service .items table td {
			padding: 2vw;
			font-size: 3.4vmin;
	}
	.service .items table td:last-child {
			width: 40%;
			font-size: 2.3vmin;
	}
	.service .items table td span {
			font-size: 4vw;
	}
	.service .items table li {

			font-size: 3.5vw;
			margin-bottom: 1vw;
	}
	.service .items table td .caution {
			font-size: 2.3vmin;
	}
	.service .items .toggle02,
	.service .items .toggle02-close{
			font-size: 4vw;
			font-weight: bold;
			color: #005eae;
			text-decoration: underline;
			text-align: center;
			padding: 2vw;
			background: #f1f1f1;
			width: 100%;
			margin: 2vw 0 0;
			cursor: pointer;
	}
	.service .items .toggle02.open {
			display: none;
	}
	.service .items .toggle02-in {
			display: none;
	}
	.service .items .toggle-cv {
			margin-top: 4vw;
			margin-bottom: 4vw;
			padding: 0 2vw;
	}
	.service .items .toggle-cv .tel {
			text-align: center;
			margin-top: 4vw;
	}
	.service .items .toggle-cv img {
			width: 85%;
	}
	
	.step img {
			margin-bottom: 4vw;
	}
	.payments p {
			font-size: 4vw;
			margin-bottom: 4vw;
	}
	
}

/** 年間依頼件数No.1 **/
.no_area {
    background-color: #3966b7;
    padding: 30px;
    background: linear-gradient(#3c69b9, #1a438e);
    border-radius: 6px 6px 0 0;
}
.no_area .no_in {}
.no_area .img {
    text-align: center;
    max-width: 100%;
    width: 100%;
    margin: auto;
}
.no_area .img img {}
.no_area .txt01 {
    background-color: #fff;
    text-align: center;
    padding: 10px;
    margin: 10px 0;
    border-radius: 6px;
    font-size: 16px;
    font-size: 1.6rem;
}
.no_area .caution {
    color: #fff;
    font-size: 14px;
}
.no_list {
    background-color: #fff;
    margin-bottom: 40px;
    border-radius: 0 0 6px 6px;
    padding: 10px 0;
}
.no_list ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.no_list ul li {
    padding: 10px;
}
.no_list ul li img {}

@media screen and (min-width: 768px) {}
@media screen and (max-width: 768px) {
	
.no_area {
    padding: 6vmin;
}
.no_area .no_in {}
.no_area .img {}
.no_area .img img {}
.no_area .txt01 {
    font-size: 14px;
    font-size: 1.4rem;
    text-align: left;	
}
.no_area .caution {
    font-size: 13px;
    font-size: 1.3rem;
}
.no_list {}
.no_list ul {}
.no_list ul li {
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    max-width: 33%;
    padding: 2vmin;
}
.no_list ul li img {}	
	
}


/** トイレがつまった際のご家庭で出来る対処法 **/
.coping {}
.coping .p01 {
    margin-bottom: 25px;
}
.coping .block {}
.coping .block h3 {}
.coping .block h3 + .txt01 {}
.coping .block .box {
    padding: 20px 0;
}
.coping .block .box h4 {}
.coping .block .box .flex {
    flex-wrap: nowrap;
}
.coping .block .box .imgarea {
    width: 40%;
}
.coping .block .box .imgarea img {}
.coping .block .box .txtarea {
    width: 58%;
}
.coping .block .box .txtarea p {}
.coping .block .box .caution {
    font-size: 14px;
    color: #999999;
    padding-top: 30px;
}
.coping .block .box.trouble {}
.coping .block .box.trouble .imgarea,
.coping .block .box.trouble .txtarea {
    width: 100%;
}
.coping .block .box.trouble .imgarea {
    margin-top: 15px;
}
.coping .block .box.trouble .txtarea {
    width: 75%;
}
@media screen and (min-width: 768px) {}
@media screen and (max-width: 768px) {
	
.coping {}
.coping .p01 {}
.coping .block {}
.coping .block h3 {}
.coping .block h3 + .txt01 {}
.coping .block .box {
    padding: 3vmin 0;
}
.coping .block .box h4 {}
.coping .block .box .flex {}
.coping .block .box .imgarea {
    width: 100%;
    padding-bottom: 3vmin;
}
.coping .block .box .imgarea img {}
.coping .block .box .txtarea {
    width: 100%;
}
.coping .block .box .txtarea p {}
.coping .block .box .caution {padding-top: 3vmin;margin: 0;}
.coping .block .box.trouble {}
.coping .block .box.trouble .imgarea,
.coping .block .box.trouble .txtarea {
    width: 100%;
}
.coping .block .box.trouble .imgarea {
    margin: 0;
}
.coping .block .box.trouble .txtarea {}
}


/** トイレのつまりを直すためのポイント **/
.point {}
.point .p01 {
    margin-bottom: 25px;
}
.point .block {}
.point .block h3 {}
.point .block h3 + .txt01 {}
.point .block .box {
    padding: 20px 0;
}
.point .block .box h4 {}
.point .block .box .flex2 {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.point .block .box .imgarea {
    padding-bottom: 10px;
}
.point .block .box .imgarea .img {
    width: 286px;
    padding: 15px 0;
}
.point .block .box .imgarea img {}
.point .block .box .txtarea {}
.point .block .box .txtarea p {}

.point .cv-box {
    margin: 0 0px 30px;
    padding: 10px;
    border: 1px solid #0a83bf;
    background-color: #f5f8fa;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 250px auto;
    background-image: url(/wp-content/themes/qracian/images/toilet-clogging/cv_bg01.png);	
}
.point .cv-box .cv-title {
    margin-right: 300px;
    border-bottom: 1px solid #005eae;
    color: #005eae;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    padding-left: 0;
}
.point .cv-box .cv-title span {
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
}
.point .cv-box .cv-title::before {
	content: none;
}
.point .cv-box .cv-text {
    margin-right: 300px;
    font-size: 14px;
    font-size: 1.4rem;
}

@media screen and (min-width: 768px) {}
@media screen and (max-width: 768px) {
	
.point {}
.point .p01 {}
.point .block {}
.point .block h3 {}
.point .block h3 + .txt01 {}
.point .block .box {
    padding: 1vmin 0;
}
.point .block .box h4 {}
.point .block .box .flex2 {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: unset;
}
.point .block .box .imgarea {}
.point .block .box .imgarea .img {
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%;
    padding: 2vmin 0;
}
.point .block .box .imgarea img {}
.point .block .box .txtarea {}
.point .block .box .txtarea p {}

.point .cv-box {
	margin: 0;
	background-size: 39% auto;
}
.point .cv-box .cv-title {
	margin-right: 0;
	font-size: 14px;
	font-size: 1.4rem;
}
.point .cv-box .cv-text {
	margin-right: 0;
	font-size: 12px;
	font-size: 1.2rem;
	padding-bottom: 20%;
}

	
}

/** トイレがつまった際のご家庭で出来る対処法 **/
.relief .sec-point-body {
	display: flex;
	flex-direction: column;
	padding-top: 30px
}
.c-barHead-item {
	font-size: 18px;
	font-weight: bold;
	padding: 14px 15px;
	background-color: #005eae;
	color: #fff;
}
.c-pointBox-head {
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	background-color: #005eae
}
.relief .c-pointBox-head-item {
	display: flex;
	align-items: center;
	padding: 10px 15px;
	font-size: 16px;
	font-weight: 700;
	color: #fff
}
.relief .c-pointBox-head-item:before {
	content: "";
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background-color: #fae92c;
	background-repeat: no-repeat;
	background-size: 100% auto;
	margin-right: 10px;
	flex-shrink: 0
}
.relief .c-pointBox-head-item.is-point1:before {
	background-image: url(/wp-content/themes/qracian/images/toilet-clogging/point1.png)
}
.relief .c-pointBox-head-item.is-point2:before {
	background-image: url(/wp-content/themes/qracian/images/toilet-clogging/point2.png)
}
.relief .c-pointBox-head-item.is-point3:before {
	background-image: url(/wp-content/themes/qracian/images/toilet-clogging/point3.png)
}
.relief .c-pointBox-head-item.is-point4:before {
	background-image: url(/wp-content/themes/qracian/images/toilet-clogging/point4.png)
}
.relief .c-pointBox-head-item.is-point5:before {
	background-image: url(/wp-content/themes/qracian/images/toilet-clogging/point5.png)
}
.relief .c-pointBox-head-item.is-point6:before {
	background-image: url(/wp-content/themes/qracian/images/toilet-clogging/point6.png)
}
.relief .c-pointBox-head-item span {
	color: #fae92c
}
.relief .c-pointBox-body {
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 20px 10px 15px;
	background-color: #fff
}
.relief .c-pointBox-desc {
	font-size: 12px;
	color: #333;
	margin-bottom: 15px
}
.relief .c-pointBox-thumb img {
	width: 100%;
	vertical-align: bottom
}
.relief .c-pointBox-thumb.is-crown {
	padding: 0 10px
}
.relief .c-pointBox-thumb.is-map, .c-pointBox-thumb.is-pic {
	padding: 0 50px
}
.relief .c-pointBox-thumb.is-banner {
	padding: 0 15px
}
.relief .c-pointBox-caution {
	margin-top: 10px
}
.relief .c-pointBox-caution p {
	font-size: 10px;
	color: #999;
	margin-bottom: 0
}
.relief .c-pointBox+.c-pointBox {
	margin-top: 15px
}


@media screen and (min-width: 768px) {
	.relief .sec-point-body {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between
	}
	.c-barHead-item {
		font-size: 30px;
		background: #005eae;
		color: #fff;
		padding: 20px 15px;
	}
	.c-barHead-item br {
		display: none
	}
	.relief .c-pointBox {
		display: flex;
		flex-direction: column;
		width: calc(50% - 10px);
		margin-bottom: 30px
	}
	.relief .c-pointBox-head {
		border-top-right-radius: 10px;
		border-top-left-radius: 10px
	}
	.relief .c-pointBox-body {
		padding: 20px 30px;
		flex: 1;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px
	}
	.relief .c-pointBox-desc {
		font-size: 16px;
		height: 8em
	}
	.relief .c-pointBox-thumb.is-graph {
		max-width: 320px;
		margin: 0 auto
	}
	.relief .c-pointBox-caution {
		margin-top: 20px
	}
	.relief .c-pointBox-caution p {
		font-size: 14px
	}
	.relief .c-pointBox+.c-pointBox {
		margin-top: 0
	}	
	
	
}
@media screen and (max-width: 767px) {}


/** お客様の声 **/

.sec_voice {
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #e4f2ff
}
.sec-voice .c-barHead {
	padding: 0 15px
}
.c-voiceSlide {
	margin-top: 15px
}
.jsc_voiceSlide {
	position: relative;
	padding-left: 15px;
	padding-bottom: 5px
}
.jsc_voiceSlide .slick-prev {
	left: 0;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	background-image: url(/wp-content/themes/qracian/images/toilet-clogging/voiceslide-l.png)
}
.jsc_voiceSlide .slick-next, .jsc_voiceSlide .slick-prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	width: 25px;
	height: 70px;
	background-color: #005eae;
	z-index: 999;
	background-repeat: no-repeat;
	background-size: 10px auto;
	background-position: 50%;
	text-indent: -9999px
}
.jsc_voiceSlide .slick-next {
	right: 0;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	background-image: url(/wp-content/themes/qracian/images/toilet-clogging/voiceslide-r.png)
}
.jsc_voiceSlide .c-voiceBox02 {
	padding: 20px 30px;
	background-color: #fff;
	border-radius: 10px;
	border: 1px solid #005eae
}
.jsc_voiceSlide .c-voiceBox-body {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #ccc
}
.jsc_voiceSlide .c-voiceBox-head {
	font-size: 12px;
	color: #e7340c
}
.jsc_voiceSlide .c-voiceBox-memo {
	margin-top: 10px
}
.jsc_voiceSlide .c-voiceBox-author, .jsc_voiceSlide .c-voiceBox-memo {
	font-size: 12px;
	color: #333;
	margin-bottom: 0
}
.jsc_voiceSlide .c-voiceBox-author {
	text-align: right
}
.jsc_voiceSlide .c-voiceBox02+.c-voiceBox02 {
	margin-left: 20px
}

@media screen and (min-width: 768px) {
.jsc_voiceSlide {
	padding: 0 30px
}

.jsc_voiceSlide .slick-next, .jsc_voiceSlide .slick-prev {
	cursor: pointer;
	width: 30px;
	height: 110px;
	border-radius: 4px;
	transform: translateY(-50%) translateX(0)
}
.jsc_voiceSlide .c-voiceBox02 {
	margin: 0 10px
}
.jsc_voiceSlide .c-voiceBox-thumb {
	height: 115px

}
.jsc_voiceSlide .c-voiceBox02+.c-voiceBox02 {
	margin: 0 10px
}	


}
@media screen and (max-width: 767px) {
	.jsc_voiceSlide {
		padding-left: 0;
	}
	.jsc_voiceSlide .slick-prev {
		left: 0;
	}
	.jsc_voiceSlide .slick-next {
		right: 0;
	}	
	.jsc_voiceSlide .c-voiceBox02+.c-voiceBox02 {
		margin: 0;
	}	
}


/** お支払い方法  **/

.c-payBox-caution p {
	font-size: 13px;
	color: #e7340c;
	font-weight: 700
}
@media screen and (min-width: 768px) {
.c-payBox-caution {
	margin-bottom: 20px
}
.c-payBox-caution p {
	font-size: 18px
}
}
@media screen and (max-width: 767px) {}


/** 全国のトイレつまり駆けつけサービス対応エリア  **/
.service_area .cate-list {
  margin-top: 10px;
  margin-bottom: 30px;
  display: none;
}
.service_area .cate-list li {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 10px;
}
.service_area .cate-list li a {
  text-decoration: underline;
}
.service_area .cate-list li a:hover {
  text-decoration: none;
}
.service_area .cate-list.is-links li {
  margin-bottom: 5px;
}

@media screen and (min-width: 768px) {}
@media screen and (max-width: 767px) {
	.service_area .cate-list li {
  display: inline-block;
  margin-right: 6vmin;
  margin-bottom: 6vmin;
}
	
}

/** よくあるご質問  **/
.c_faqBox {
	padding: 20px 0
}
.c_faqBox dl dt {
	padding-left: 0;
	padding-right: 45px
}
.c_faqBox dl dd {
	padding-top: 15px;
	margin-top: 15px;
	padding-left: 0;
	padding-right: 15px;
	border-top: 1px dashed #ccc
}
.c_faqBox dl+dl {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #ccc
}
.c_faqBox .c-faqBox-q {
	position: relative;
	font-size: 13px;
	color: #333;
	cursor: pointer
}
.c_faqBox .c-faqBox-q, .c_faqBox .c-faqBox-q:before {
	display: flex;
	align-items: center;
	font-weight: 700
}
.c_faqBox .c-faqBox-q:before {
	content: "Q";
	justify-content: center;
	width: 35px;
	height: 35px;
	border-radius: 10px;
	background-color: #005eae;
	color: #fff;
	font-size: 15px;
	flex-shrink: 0;
	margin-right: 10px
}
.c_faqBox .c-faqBox-q:after {
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	content: "";
	display: block;
	width: 25px;
	height: 25px;
	background-image: url(/wp-content/themes/qracian/images/toilet-clogging/faq-open.png);
	background-repeat: no-repeat;
	background-size: 100% auto
}
.c_faqBox .c-faqBox-q.is-open:after {
	background-image: url(/wp-content/themes/qracian/images/toilet-clogging/faq-close.png);
	height: 4px
}
.c_faqBox .c-faqBox-a {
	display: flex;
	font-size: 12px;
	color: #333
}
.c_faqBox .c-faqBox-a:before {
	content: "A";
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	border-radius: 10px;
	background-color: #3bc1f6;
	color: #fff;
	font-weight: 700;
	font-size: 15px;
	flex-shrink: 0;
	margin-right: 10px
}
.c_faqBox .c-faqBox-a .a-text {
	padding-top: 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e2effa;
	position: relative;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.4 !important;
	display: block;
	margin-bottom: 15px;
	font-weight: bold;
}
.c_faqBox .c-faqBox-a .txt01 {
    font-weight: bold;
}
.c_faqBox .c-faqBox-a .list {
    padding-left: 1.5em;
}
.c_faqBox .c-faqBox-a .list li {
    list-style: disc;
    padding-bottom: 10px;
}

.c_faqBox .c-faqBox-a .example_list {
		 margin: 40px 0;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.8;
}
.c_faqBox .c-faqBox-a .example_list .link_title {
    padding-bottom: 8px;
    margin-bottom: 10px;
    border-bottom: 1px solid #515151;
    color: #423e39;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
}
.c_faqBox .c-faqBox-a .example_list .link {
    padding-left: 20px;
    color: #075eac;
    text-decoration: underline;
    position: relative;
    display: inline-block;
}
.c_faqBox .c-faqBox-a .example_list .link:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 14px;
    background-image: url(/wp-content/themes/qracian/images/toilet-clogging/arrow_link.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    position: absolute;
    top: 10px;
    left: 0;
}
@media screen and (min-width: 768px) {
	
.c_faqBox {
	padding: 40px 0
}
.c_faqBox dl dd, .c_faqBox dl dt {
	padding-left: 20px;
	padding-right: 20px
}
.c_faqBox dl dd {
	padding-top: 20px;
	margin-top: 20px
}
.c_faqBox .c-faqBox-q {
	font-size: 16px
}
.c_faqBox .c-faqBox-q:before {
	width: 50px;
	height: 50px;
	font-size: 28px;
	margin-right: 20px
}
.c_faqBox .c-faqBox-a {
	font-size: 16px
}
.c_faqBox .c-faqBox-a:before {
	width: 50px;
	height: 50px;
	font-size: 28px;
	margin-right: 20px
}	
	
	
}
@media screen and (max-width: 767px) {
.c_faqBox .c-faqBox-a .example_list .link_title {
    padding-bottom: 8px;
    margin-bottom: 10px;
    color: #423e39;
		font-size: 16px; 
		font-size: 1.6rem; 
}	
.c_faqBox .c-faqBox-a .example_list .link {
    padding-left: 15px;
}	
.c_faqBox .c-faqBox-a .example_list .link:before {
    width: 6px;
    height: 12px;
    top: 8px;
}	
}



/** よくあるご質問  **/
#column_list {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	align-items: flex-start;
	-webkit-align-items: flex-start;
	-ms-align-items: flex-start;
	flex-wrap: wrap;
	margin: 30px 0 0;
}
#column_list:after {
	content: "";
	display: block;
}
#column_list li a:not(.btn) {
	text-decoration: none;
}
#column_list li dl {
    width: 100%;
}
#column_list li dl dt {
    width: 100%;
}
#column_list li dl dt figure {
    width: 100%;
}
#column_list li dl dt figure img {
}
#column_list li dl dt figure figcaption {
    color: #323232;
}
#column_list li dl dd.tag {
    margin: 0;
}
#column_list li dl dd.tag .tag.cat-toilet {
		background-color: #005eae;
    color: #ffffff;
}
@media screen and (min-width: 768px) {
#column_list li {
    width: calc((100% - 20px * 2) / 3);
    margin: 0 0 40px;
}	
#column_list li dl dt figure figcaption {
    margin: 10px 0 0;
    font-size: 1.8rem;
}	
#column_list li dl dd.tag .tag {
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    padding: 0 2.3rem;
    font-size: 1.5rem;
    margin-right: 10px;
}	
}
@media screen and (max-width: 767px) {
.sec_information .informations {
	margin-bottom: 6vmin;	
}
#column_list li {
    margin: 3vmin 0;
}
#column_list li dl dt figure figcaption {
    margin: 10px 0 0;
    font-size: 1.8rem;
}	
#column_list li dl dd.tag .tag {
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    padding: 0 2.3rem;
    font-size: 1.5rem;
    margin-right: 10px;
}
}


/*下層ページのメニュー外枠*/
.sec_service_list {
    padding: 40px 0 0;
}
.list.is_service01_1 h2, 
.list.is_service01_2 h2 {
    margin: 0;
    position: relative;
    height: 48px;
    line-height: 48px;
    /* background-color: transparent; */
    text-align: center;
    color: #097fce;
    display: block;	
}
.list.is_service01_1 h2 span,
.list.is_service01_2 h2 span {
    position: relative;
    font-size: 30px;
    font-size: 3.0rem;
    font-weight: bold;
}

.list.is_service01_1 ul li .box,
.list.is_service01_2 ul li .box {
	text-decoration: none !important;
}

@media screen and (min-width: 768px) and (max-width: 1119px) {}
@media screen and (max-width: 767px) {}

/*3カラム固定*/
@media screen and (min-width: 1119px) {
  .list.is_service01_1 ul,
  .list.is_service01_2 ul {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
  .list.is_service01_1 ul {
    padding: 15px 0px 0px;
  }
  .list.is_service01_2 ul {
    padding: 15px 0px 8px;
  }
  .list.is_service01_1 ul li,
  .list.is_service01_2 ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    width: calc((100% - 60px) / 3);
    margin-right: 30px;
    margin-bottom: 30px;
    display: block;
    height:120px;
    position: relative;
    border-radius:4px;
    background-color:#097fce;
    box-shadow:0px 2px 0px 0px #cccbcb;
    background-image: url(/wp-content/themes/qracian/images/toilet-clogging/bg_dot.png);
  }

  .list.is_service01_1 ul li:nth-child(3n),
  .list.is_service01_2 ul li:nth-child(3n) {
    margin-right: -1px;
  }

  .list.is_service01_1 ul li .box,
  .list.is_service01_2 ul li .box {
    display: table;
    width:100%;
    height:120px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 0;
    border-radius:4px;
  }

  .list.is_service01_1 ul li .box p,
  .list.is_service01_2 ul li .box p {
    display: table-cell;
    width:100%;
    vertical-align:middle;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "新ゴ M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 20px;
    font-size: 2rem;
    line-height:30px;
    line-height:3rem;
    color: #fff;
    white-space: nowrap;
    border-radius:4px;
    padding-left:130px;
    height:120px;
  }
  .list.is_service01_1 ul li .box:before,
  .list.is_service01_2 ul li .box:before {
    content: '';
    position: absolute;
    bottom: 8px;
    right: 8px;
    border-top: 5px solid transparent;
    border-right: 5px solid #fff;
    border-bottom: 5px solid #fff;
    border-left: 5px solid transparent;
    z-index: 2;
  }
}

/*3カラム可変*/
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .list.is_service01_1 ul,
  .list.is_service01_2 ul {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
  .list.is_service01_1 ul {
    padding: 0 10px 0px;
  }
  .list.is_service01_2 ul {
    padding: 0 10px 20px;
  }
  .list.is_service01_1 ul li,
  .list.is_service01_2 ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    width: calc((100% - 40px) / 3);
    margin-right: 20px;
    margin-bottom: 20px;
    display: block;
    height:100px;
    position: relative;
    border-radius:4px;
    background-color:#097fce;
    box-shadow:0px 2px 0px 0px #cccbcb;
    background-image: url(/wp-content/themes/qracian/images/toilet-clogging/bg_dot.png);
  }

  .list.is_service01_1 ul li:nth-child(3n),
  .list.is_service01_2 ul li:nth-child(3n) {

    margin-right: -1px;
  }

  .list.is_service01_1 ul li .box,
  .list.is_service01_2 ul li .box {
    display: table;
    width:100%;
    height:100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 0;
    border-radius:4px;
  }
  .list.is_service01_1 ul li .box p,
  .list.is_service01_2 ul li .box p {
    display: table-cell;
    width:100%;
    vertical-align:middle;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "新ゴ M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: calc(18 / 1200 * 100vw);/*24*/
    line-height:calc(24 / 1200 * 100vw);/*30*/
    color: #fff;
    white-space: nowrap;
    border-radius:4px;
    padding-left:110px;
    height:100px;
  }
  .list.is_service01_1 ul li .box:before,
  .list.is_service01_2 ul li .box:before {
    content: '';
    position: absolute;
    bottom: 7px;
    right: 7px;
    border-top: 4px solid transparent;
    border-right: 4px solid #fff;
    border-bottom: 4px solid #fff;
    border-left: 4px solid transparent;
    z-index: 2;
  }
}


/*3カラム可変(クリップボード内)*/
@media screen and (min-width: 768px) and (max-width: 1215px) {
#contents.is-clipboard .contents-wrapper .list.is_service01_1,
#contents.is-clipboard .contents-wrapper .list.is_service01_2 {
  padding: 0 30px;
  }
  #contents.is-clipboard .contents-wrapper .list.is_service01_1 ul,
  #contents.is-clipboard .contents-wrapper .list.is_service01_2 ul {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
  #contents.is-clipboard .contents-wrapper .list.is_service01_1 ul{
    padding: 8px 10px 20px;
  }
  #contents.is-clipboard .contents-wrapper .list.is_service01_2 ul{
    padding: 5px 10px 20px;
  }
  #contents.is-clipboard .contents-wrapper .list.is_service01_1 ul li,
  #contents.is-clipboard .contents-wrapper .list.is_service01_2 ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    width: calc((100% - 40px) / 3);
    margin-right: 20px;
    margin-bottom: 20px;
    display: block;
    height:80px;
    position: relative;
    border-radius:4px;
    background-color:#097fce;
    box-shadow:0px 2px 0px 0px #cccbcb;
    background-image: url(/wp-content/themes/qracian/images/toilet-clogging/bg_dot.png);
  }

  #contents.is-clipboard .contents-wrapper .list.is_service01_1 ul li .box,
  #contents.is-clipboard .contents-wrapper .list.is_service01_2 ul li .box {
    display: table;
    width:100%;
    height:80px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 0;
    border-radius:4px;
  }
  #contents.is-clipboard .contents-wrapper .list.is_service01_1 ul li .box p,
  #contents.is-clipboard .contents-wrapper .list.is_service01_2 ul li .box p {
    display: table-cell;
    width:100%;
    vertical-align:middle;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "新ゴ M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: calc(18 / 1200 * 100vw);/*24*/
    line-height:calc(24 / 1200 * 100vw);/*30*/

    color: #fff;
    white-space: nowrap;
    border-radius:4px;
    padding-left:90px;
    height:80px;
  }


  #contents.is-clipboard .contents-wrapper .list.is_service01_1 ul li .box:before,
  #contents.is-clipboard .contents-wrapper .list.is_service01_2 ul li .box:before {
    content: '';
    position: absolute;
      bottom: 7px;
      right: 7px;
      border-top: 4px solid transparent;
      border-right: 4px solid #fff;
      border-bottom: 4px solid #fff;
      border-left: 4px solid transparent;
    z-index: 2;
  }
  #contents.is-clipboard .contents-wrapper .list.is_service01_1 ul li:nth-child(3n),
  #contents.is-clipboard .contents-wrapper .list.is_service01_2 ul li:nth-child(3n) {
    margin-right: -1px;
  }
}
/*3カラムの場合、3n番目のボタンの右マージンを0（※IEとEdge対策で-1）にする*/
.list.is_service01_1 ul li:nth-child(3n),
.list.is_service01_2 ul li:nth-child(3n) {
  margin-right: -1;
}

/*1カラム可変*/
@media screen and (max-width: 767px) {
.list.is_service01_1 h2, 
.list.is_service01_2 h2 {
    height: auto;
    line-height: 1.2;
    padding: 8px 8px 6px 8px;
    color: #fff;
    background: #2f589e;
    margin: 0 -10px;
}
.list.is_service01_1 h2 span,
.list.is_service01_2 h2 span {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
}	
  .list.is_service01_1 ul,
  .list.is_service01_2 ul {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
  .list.is_service01_1 ul{
    padding: 10px 0 0 0;
  }
  .list.is_service01_2 ul {
    padding: 0px 0 20px 0;
  }
  .list.is_service01_1 ul li,
  .list.is_service01_2 ul li {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 10px;
    display: block;
    height:100px;
    position: relative;
    border-radius:4px;
    background-color:#097fce;
    box-shadow:0px 2px 0px 0px #cccbcb;
    background-image: url(/wp-content/themes/qracian/images/toilet-clogging/bg_dot.png);
  }
  .list.is_service01_1 ul .box,
  .list.is_service01_2 ul .box {
    display: table;
    width:100%;
    height:100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 0;
    border-radius:4px;
  }
  .list.is_service01_1 ul .box p,
  .list.is_service01_2 ul .box p {
    display: table-cell;
    width:100%;
    vertical-align:middle;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "新ゴ M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 25px;
    line-height: 2.5rem;
    color: #fff;
    white-space: nowrap;
    border-radius:4px;
    padding-left:110px;
    height:100px;
  }
  .list.is_service01_1 ul .box:before,
  .list.is_service01_2 ul .box:before {
    content: '';
    position: absolute;
    bottom: 5px;
    right: 5px;
    border-top: 4px solid transparent;
    border-right: 4px solid #fff;
    border-bottom: 4px solid #fff;
    border-left: 4px solid transparent;
    z-index: 2;
  }
  /*3n番目のボタンの右マージンを0にする*/
  .list.is_service01_1 ul li:nth-child(3n),
  .list.is_service01_2 ul li:nth-child(3n) {
    margin-right: 0px;
  }
}
/*画像指定　本文・サイドメニュー01*/
.list.is_service01_1 ul li:nth-child(1) a {
  background-image: url(/wp-content/themes/qracian/images/toilet-clogging/top-service-menu1.png);
}
.list.is_service01_1 ul li:nth-child(2) a {
  background-image: url(/wp-content/themes/qracian/images/toilet-clogging/top-service-menu2.png);
}
.list.is_service01_1 ul li:nth-child(3) a {
  background-image: url(/wp-content/themes/qracian/images/toilet-clogging/top-service-menu3.png);
}
.list.is_service01_1 ul li:nth-child(4) a {
  background-image: url(/wp-content/themes/qracian/images/toilet-clogging/top-service-menu4.png);
}
.list.is_service01_1 ul li:nth-child(5) a {
  background-image: url(/wp-content/themes/qracian/images/toilet-clogging/top-service-menu5.png);
}
.list.is_service01_1 ul li:nth-child(6) a {
  background-image: url(/wp-content/themes/qracian/images/toilet-clogging/top-service-menu6.png);
}
.list.is_service01_1 ul li:nth-child(7) a {
  background-image: url(/wp-content/themes/qracian/images/toilet-clogging/top-service-menu7.png);
}
.list.is_service01_1 ul li:nth-child(8) a {
  background-image: url(/wp-content/themes/qracian/images/toilet-clogging/top-service-menu8.png);
}
.list.is_service01_1 ul li:nth-child(9) a {
  background-image: url(/wp-content/themes/qracian/images/toilet-clogging/top-service-menu9.png);
}
/*画像指定　本文・サイドメニュー02(水色)*/
.list.is_service01_2 ul li:nth-child(1) a {
  background-image: url(/wp-content/themes/qracian/images/toilet-clogging/top-service-menu10.png);
}
.list.is_service01_2 ul li:nth-child(2) a {
  background-image: url(/wp-content/themes/qracian/images/toilet-clogging/top-service-menu11.png);
}
.list.is_service01_2 ul li:nth-child(3) a {
  background-image: url(/wp-content/themes/qracian/images/toilet-clogging/top-service-menu12.png);
}


.list.is_service01_2 ul li {/*本文クリップボード枠内*/
  background-color:#4fc5f0;
}



@media screen and (max-width: 767px) {
    /*** cancel ***/
    #contents.is-toilet-clogging .row {
        width: 100%;
        padding: 0 4vw;
        /*font-size: 3vw;*/
    }
    #contents.is-toilet-clogging .row.sp-row {
        padding: 0;
    }
    
    /*** common ***/
    .pc {
        display: none;
    }
    .sp {
        display: block;
    }
    .flex {
        display: block;
    }
    .note li {
        margin-bottom: 1vw;
    }
    
    /*** contents ***/
    #contents.is-toilet-clogging header .row {
        padding: 0;
    }

header .mv-box01 {}
header .mv-box01 img {
    padding: 0;
}
header .mv-box01 .row {}
header .mv-box01 .bg {}
header .mv-box02 {}
header .mv-box02 .txt {
    font-size: 3.7vmin;
}
header .mv-box02 .area02 {
    padding: 4vmin;
}
header .mv-box02 .area02 img {
    padding: 0;
}
header .mv-box03 {
    padding: 4vmin;
}
header .mv-box03 .txtArea {}
header .mv-box03 .txtArea p {
    display: none;
}
header .mv-box03 .txtArea p span {
    font-size: 4vmin;
}
header .mv-box03 .txtArea p::before,
header .mv-box03 .txtArea p::after {}
header .mv-box03 .txtArea p::before {}
header .mv-box03 .txtArea p::after {}
header .mv-box03 .img {
    margin: 0;
    padding-bottom: 0;
}
header .mv-box03 .img img {
    padding: 0;
}
 .cv-area {
        background-image: url(/wp-content/themes/qracian/images/toilet-clogging/cv-bg-sp.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
        width: 100%;
        height: 77vw;
        position: relative;
		margin: 0;
        margin-bottom: 5vw;
    }
    .bg-blue .cv-area {
        background-image: url(/wp-content/themes/qracian/images/toilet-clogging/cv-bg02-sp.png);
    }
    .cv-area .btn-box {
        display: block;
        width: 100%;
        padding: 0 4vw;
        position: absolute;
        bottom: 4vw;
    }
    .cv-area img {
        width: 100%;
        height: auto;
        padding-bottom: 3vw;
    }
    .cv-area .btn-box a:last-child img {
        padding-bottom: 0;
    }
    .catch-t {
        font-size: 5vw;
        margin-top: 8vw;
        margin-bottom: 3.33vw;
    }
    .catch-t .inner::before {
        left: -10vw;
    }
    .catch-t .inner::after {
        right: -10vw;
    }
    .catch-t .inner::before,
    .catch-t .inner::after {
        width: 15vw;
        height: 0.8vw;
        border-radius: 3px;
        background-color: #005eae;
    }
    .catch-t span {
        font-size: 5vw;
    }
    .measures-area.sp {
        display: block;
    }
    .measures-area .title {
        font-size: 4.3vw;
        border-left: 2vw solid #005eae;
        line-height: 7vw;
        padding-left: 3vw;
        margin-top: 5vw;
        margin-bottom: 5vw;
    }
    .measures-area {
        margin-top: 6vw;
    }
    .measures-area img {
        margin-bottom: 2.5vw;
        width: 100%;
        height: auto;
    }
    .toggle {
        font-size: 4vw;
        font-weight: bold;
        text-align: center;
        color: #FFF;
        border-radius: 15px;
        background-color: #1283e4;
        box-shadow: inset 0px -6px 0px 0px rgba(0, 0, 0, 0.24);
        width: 100%;
        padding: 4vw 10vw 5vw 4vw;
        background-image: url(/wp-content/themes/qracian/images/toilet-clogging/ico-plus.png);
        background-repeat: no-repeat;
        background-position: right 3vw center;
        background-size: 5vw;
        position: relative;
        cursor: pointer;
    }
    .toggle.left {
        text-align: left;
        padding-right: 10vw;
    }
    .toggle-box .toggle.open {
        background-image: url(/wp-content/themes/qracian/images/toilet-clogging/ico-minus.png);
        background-color: #006bc6;
    }
    .toggle-box .toggle-in {
        display: block;
    }
    

    .bg-blue {
				background: #e4f2ff;
				margin: 5vmin 0 5vmin 0;
				padding: 10vmin 0 1vmin 0;
				}
    section .item {
        margin-bottom: 9vw;
    }
    section .item .item-in {
        padding: 5vw 4vw;
    }
    section .item h2 {
        font-size: 5vw;
        padding: 4vw;
        color: #FFF;
    }
    h2.v3 {
        font-size: 4.5vw;
        padding: 3vw 3vw 3vw 7vw;
        margin-top: 9vw;
        margin-bottom: 4vw;
        border-top: 1.5vw solid #2d3c9b;
        position: relative;
    }
    h2.v3::before {
        content: "";
        width: 1vw;
        height: 7vw;
        left: 4vw;
        border-radius: 1vw;
    }
    section .item .t_type03 {
				font-size: 4vw;
				border-top: 1vw solid #005eae;
				margin-bottom: 5vw;
				margin-top: 5vw;
				padding: 3vw;
				text-align: center;
		}

    section .item .t_type03 span {
        font-size: 3.5vw;
        margin-right: 3vw;
        padding: 1vw 3vw;
        height: 6.5vw;
    }
    section .item h3.v2, section .item h4.v2 {
        font-size: 4vw;
        margin-bottom: 4vw;
    }
    h3.v3 {
        font-size: 4vw;
        margin-top: 5vw;
        margin-bottom: 3vw;
    }
    section .item h4 {
        font-size: 4vw;
        margin-bottom: 4vw;
        padding-left: 3vw;
    }
    section .item h4::before {
        width: 1vw;
        height: 5vw;
    }
    section .item h4.v2 {
        font-size: 4vw;
        padding: 2vw;
    }
    section .item h4.v2 span {
        font-size: 3vw;
    }


    
}



/*-------------------------
新「サービス」トップページからの引用コンテンツ部分
---------------------------*/

.price_list {
  width:100%;
  background-color:#1f4da0;
  padding-bottom:20px;
}

.price_list h2 {
  text-align:center;
  padding:45px 0 15px;
  font-size:30px;
  font-size:3.0rem;
  color:#fff;
}

@media screen and (max-width: 767px) {
  .price_list h2 {
    padding-top: 7vw;
  }
}

.price_list_lnk {
  text-align:center;
  margin:15px 0 40px;
}

.price_list_lnk a {
  position: relative;
  background:#ff7f00;
  padding:10px 75px;
  color:#fff;
  border-radius:25px;
  box-shadow: 0px 3px 3px 3px rgb(0 0 0 / 20%)
}

.price_list_lnk a:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px;
  right: 20px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media screen and (max-width: 767px) {
  .price_list_lnk {
    margin: 15px auto 40px;
  }
  .price_list_lnk a {
    font-size: 4.2vw;
  }
  .price_list_lnk a:before {
    top: 43%;
  }
}

@media screen and (min-width: 559px) and (max-width: 767px) {
  .price_list_lnk a:before {
    width: 9px;
    height: 9px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
  }
}

.price_list_inner {
  max-width:1200px;
  margin:0 auto;
  text-align: center;
}

.price_list_inner div {
  display: inline-flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 10px 0;
  width: calc((100% - 110px) / 6);
  margin-right: 10px;
  margin-bottom: 20px;
  height: 240px;
  position: relative;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0px 3px 3px 3px rgb(0 0 0 / 20%)
}


.price_list_inner div.condition {
  background-color: #4fc5f0;
}

.price_list_inner div:nth-child(6) {
  margin-right: 0;
}

.price_list_inner div:last-child {
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  .price_list_inner div {
    width: calc((100% - 12vw) / 2);
    height: 60vw;
  }
  .price_list_inner div:nth-child(2n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 1119px) {
  .price_list_inner div {
    width: calc((100% - 8vw) / 4);
    height: auto;
  }
  .price_list_inner div:nth-child(4n) {
    margin-right: 0;
  }
  .price_list_inner div:nth-child(6) {
    margin-right: 10px;
  }
}

@media screen and (min-width: 449px) and (max-width: 767px) {
  .price_list_inner div  {
    height: auto;
  }
}

.price_list_inner div a {
  opacity:unset;
  text-decoration:none !important;
}

.price_list_inner div a:hover {
  color:inherit;
  text-decoration:none;
}

.price_list_inner div .box {
  display: table;
  width: 100%;
  height: 240px;
}

.price_list_inner div .box p.price_list_place {
  font-size:18px;
  font-size:1.8rem;
  font-weight:bold;
  color:#1f4da0;
  margin-bottom:0;
}

.price_list_inner div.condition .box p.price_list_condition_place {
  font-size:18px;
  font-size:1.8rem;
  font-weight:bold;
  color:#fff;
  margin-bottom:0;
}

@media screen and (max-width: 399px) {
  .price_list_inner div .box p.price_list_place {
    font-size:16px;
    font-size:1.6rem;
  }
  .price_list_inner div.condition .box p.price_list_condition_place {
    font-size:16px;
    font-size:1.6rem;
  }
}

.price_list_inner div .box img {
  opacity:unset;
  position:relative;
  margin-top:20px;
}

.price_list_inner div .box p.price_list_trouble {
  font-size:12px;
  font-size:1.2rem;
  padding:4px 10px;
  background:#4fc5f0;
  border-radius:10px;
  color:#fff;
  position:absolute;
  top:42px;
  left:0;
  right:0;
  max-width:160px;
  margin:auto;
}

@media screen and (max-width: 379px) {
  .price_list_inner div .box p.price_list_trouble {
    max-width:140px;
  }
}

.price_list_inner div .box p.price_list_detail {
  position: relative;
  font-size:12px;
  font-size:1.2rem;
  color:#1f4da0;
  margin:10px 0 0;
}

.price_list_inner div .box p.price_list_detail:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 7px;
  right: 40px;
  width: 4px;
  height: 4px;
  border-top: 1px solid #1f4da0;
  border-right: 1px solid #1f4da0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media screen and (max-width: 399px) {
  .price_list_inner div .box p.price_list_detail:before {
    top: 39%;
    right: 10.5vw;
  }
}

@media screen and (min-width: 399px) and (max-width: 449px) {
  .price_list_inner div .box p.price_list_detail:before {
    top: 37%;
    right: 26%;
  }
}

@media screen and (min-width: 449px) and (max-width: 599px) {
  .price_list_inner div .box p.price_list_detail:before {
    top: 37%;
    right: 30%;
  }
}

@media screen and (min-width: 599px) and (max-width: 767px) {
  .price_list_inner div .box p.price_list_detail:before {
    top: 37%;
    right: 34%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1119px) {
  .price_list_inner div .box p.price_list_detail:before {
    right: 26%;
  }
}


/*-------------------------
「トイレ駆けつけサービス対応エリアの詳細」項の調整用
---------------------------*/

.service_area_toilet_clogging .item h4 {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #dcdcdc;
  padding-left: 0;
}
.service_area_toilet_clogging .item .cate-list li {
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .service_area_toilet_clogging .item h4 {
    font-size: 5.5vw;
    padding-left: 0;
  }
}