@charset "UTF-8";

/* - - - - - common setting - - - - - */

#contentsarea.erabikata { font-family: "Hiragino Sans、ヒラギノ角ゴシック","Arial" !important; color: #000; }
#contentsarea.erabikata .wfb{ font-family: "Hiragino Sans、ヒラギノ角ゴシック","Arial" !important; }
#contentsarea.erabikata .pc_only { display: inline; }
#contentsarea.erabikata .sp_only { display: none; }
@media only screen and (max-width: 767px) {
  #contentsarea.erabikata .pc_only { display: none; }
  #contentsarea.erabikata .sp_only { display: inline; }
}

#contentsarea.erabikata .outer { max-width: 1000px; margin-left: auto; margin-right: auto; }
#contentsarea.erabikata .inner { max-width: 980px; margin: auto; }
@media screen and (max-width: 1000px) {
  #contentsarea.erabikata .inner { max-width: 98%;}
}
@media only screen and (max-width: 767px) {
  #contentsarea.erabikata .inner { max-width: 89.33vw; width: 89.33vw; }
  #contentsarea.erabikata .outer { max-width: 100%; width: 90vw; }
}

#contentsarea.erabikata .note{ font-size:12px; padding-left:3em; }
#contentsarea.erabikata .note.indent_3em{ padding-left:2.6em; }
@media screen and (max-width: 767px) {
  #contentsarea.erabikata .note{ font-size:min(12px,3.2vw); }
}

#contentsarea.erabikata .txt { line-height: 1.81; }
#contentsarea.erabikata .txt+.txt { margin-top: 1.6em; }
@media screen and (max-width: 767px) {
  #contentsarea.erabikata .txt+.txt { margin-top: 1.5em; }
}

#contentsarea.erabikata .has_indent{ position: relative; padding-left: 1em; }
#contentsarea.erabikata .has_indent .indent{ position: absolute; left: 0; }

#contentsarea.erabikata sup{ font-size: 0.6em; }

#contentsarea.erabikata .img{ display: block; }

#contentsarea.erabikata img{ width: 100%; vertical-align: middle; height: auto; }

#contentsarea.erabikata .txt-link{ color: #265e88 !important; text-decoration: underline; }
#contentsarea.erabikata .btn-hover{ transition: .25s ease-out; }
@media screen and (min-width: 767px) {
  #contentsarea.erabikata .txt-link:hover{ text-decoration: none; }
  #contentsarea.erabikata .btn-hover:hover{ opacity: .7; }
}

@media screen and (max-width: 767px) {
  #contentsarea.erabikata .scroll-y{ white-space: nowrap; overflow-y: scroll; width: 100%; }
}

#contentsarea.erabikata .column{ display: flex; justify-content: space-between; }
@media only screen and (max-width: 767px) {
  #contentsarea.erabikata .column { display: block; }
}

/* - - - - - - - - - - - - - - - - - - */


/* - - - - - anc-list - - - - - */

.erabikata .anc-list{ width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto; margin-top: 40px; }
.erabikata .anc-list .anc-item{ width: 321px; }
.erabikata .anc-list .anc-item a{ border: #0079d1 2px solid; border-radius: 50px; position: relative; color: #fff; background-color: #0079d1; display: block; font-size: 14px; padding: 0.9em 0; text-decoration: none; letter-spacing: 0.05em; transition: .25s ease-out; }
.erabikata .anc-list .anc-item:nth-of-type(2) a .arrow{ margin-right: 2.5em; }
.erabikata .anc-list .anc-item:nth-of-type(3) a .arrow{ margin-right: 2.2em; }
.erabikata .anc-list .anc-item a .arrow { position: relative; display: inline-block; width: 12.5px; height: 8.2px; margin-right: 1em; margin-left: 1em; }
.erabikata .anc-list .anc-item a .arrow::before,.erabikata .anc-list .anc-item a .arrow::after { content: ""; position: absolute; bottom: 0; left: 50%; width: 2px; height: 10px; border-radius: 50px; background-color: #fff; transform-origin: 50% calc(100% - 1px); }
.erabikata .anc-list .anc-item a .arrow::before { transform: translate(50%,0) rotate(45deg); }
.erabikata .anc-list .anc-item a .arrow::after { transform: translate(50%,0) rotate(-45deg); }
.erabikata .anc-list.bottom { margin-top: 80px; }
.erabikata .anc-list.bottom .anc-item a .arrow::before,.erabikata .anc-list.bottom .anc-item a .arrow::after { bottom: 100%; }
.erabikata .anc-list.bottom .anc-item a .arrow::before { transform: translate(50%,0) rotate(135deg); }
.erabikata .anc-list.bottom .anc-item a .arrow::after { transform: translate(50%,0) rotate(-135deg); }
@media screen and (min-width: 767px) {
  .erabikata .anc-list .anc-item a:hover{ border: #0079d1 2px solid; color: #0079d1; background-color: #fff; }
  /* .erabikata .anc-list .anc-item:nth-of-type(2) a:hover{ border: #fff 2px solid; } */
  .erabikata .anc-list .anc-item a:hover .arrow::before,.erabikata .anc-list .anc-item a:hover .arrow::after{ background-color: #0079d1; }
}
@media screen and (max-width: 1000px) {
  .erabikata .anc-list{ width: 100%; margin-left: auto; margin-right: auto; }
  .erabikata .anc-list .anc-item{ width: 33%; }
  .erabikata .anc-list .anc-item a{ font-size: 1.4vw;}
}
@media screen and (max-width: 767px) {
  .erabikata .anc-list{ margin-top: 7vw; width: 100%;}
  .erabikata .anc-list .anc-item{ width: 95%; margin-left: auto; margin-right: auto; margin-bottom: 5.3vw;}
  .erabikata .anc-list .anc-item:last-of-type{ margin-bottom: 0;}
  .erabikata .anc-list .anc-item a{ font-size: 3.733vw; padding: 0.9em 0; text-decoration: none; letter-spacing: 0.05em; transition: .25s ease-out;}
  .erabikata .anc-list.bottom { margin-top: 21vw; width: 90%; }
}


/* - - - - - - - - - - - - - - - - - - */


/* - - - - - kv - - - - - */

.erabikata .kv{ background-color: #cbe9f8; padding: 15px 21px; }
.erabikata .kv-wrapper{ padding: 44px 0 24px 0; }
.erabikata .kv-bg{ background-image: linear-gradient(0deg, transparent calc(100% - 1px), #B0D9EA calc(100% - 1px)),linear-gradient(90deg, transparent calc(100% - 1px), #B0D9EA calc(100% - 1px)); background-size: 20px 20px; background-repeat: repeat; background-position: top center; }
.erabikata .kv-img{ max-width: 980px; width: 98%; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 1000px) {
  .erabikata .kv { margin: 0; }
}
@media screen and (max-width: 767px) {
  .erabikata .kv{ margin: 0; padding: 3vw 3vw 2.5vw;}
  .erabikata .kv-bg{ background-size: 4.5vw 4.5vw; padding: 5vw 0 4vw 0;}
  .erabikata .kv-img{ max-width: 80vw;}
}

/* - - - - - - - - - - - - - - - - - - */


/* - - - - - intro - - - - - */

.erabikata .intro{ margin-top: 95px; }
.erabikata .intro .column{ width: 670px; margin-left: auto; margin-right: auto; margin-top: 70px; align-items: center; }
.erabikata .intro .column .img-cont:nth-of-type(1){ width: 530px; }
.erabikata .intro .column .img-cont:nth-of-type(2){ width: 114px; padding-top: 13px; }
@media only screen and (max-width: 767px) {
  .erabikata .intro{ margin-top: 14vw; }
  .erabikata .intro .column{ width: 85vw; margin-top: 14vw; }
  .erabikata .intro .note{ line-height: 1.7; }
  .erabikata .intro .txt{ margin-top: 1em; }
  .erabikata .intro .column .img-cont:nth-of-type(1){ width: 100%; }
}

/* - - - - - - - - - - - - - - - - - - */


/* - - - - - コンテンツ部分 共通 - - - - - */

.erabikata .point1,.erabikata .point2,.erabikata .point3{ margin-top: 140px; }
@media screen and (max-width: 767px) {
  .erabikata .point1{ margin-top: 21vw; }
  .erabikata .point2{ margin-top: 35vw; }
  .erabikata .point3{ margin-top: 55vw; }
}

/* h2 */
.erabikata .point-ttl{ background-color: #0079d1; color: #fff; position: relative; text-align: center; font-size: 34px; padding: 37px 0; letter-spacing: 0.05em; }
.erabikata .point-ttl .point-icon{ display: block; color: #0079d1; background-color: #FFF100; text-align: center; font-size: 24px; width: 120px; padding: 10px 0 15px; position: absolute; top: -15px; left: auto; }
.erabikata .point-ttl .point-ttl-inner{ max-width: 1000px; margin-left: auto; margin-right: auto; }
.erabikata .point-ttl .point-icon::before,.erabikata .point-ttl .point-icon::after{ content: ""; width: 0; height: 0; border-style: solid; position: absolute; top: 100%; }
.erabikata .point-ttl .point-icon::before{ border-color: #fff100 transparent transparent transparent; border-width: 14px 60px 0px 0px; left: 0; }
.erabikata .point-ttl .point-icon::after{ border-color: transparent #fff100 transparent transparent; border-width: 0px 60px 14px 0px; right: 0; }
.erabikata .point-ttl .point-icon .bigger{ display: block; font-size: 35px; line-height: 37px; }
@media screen and (max-width: 767px) {
  .erabikata .point-ttl{ font-size: 6.5vw; padding: 7vw 0; }
  .erabikata .point-ttl .point-icon{ font-size: 3.75vw; width: 17.6vw; padding: 1.7vw 0 0vw; top: -9%; }
  .erabikata .point-ttl .point-ttl-inner{ max-width: 94.66vw; margin-left: auto; margin-right: auto; }
  .erabikata .point-ttl .point-icon::before{ border-width: 3vw 13vw 0px 0px; }
  .erabikata .point-ttl .point-icon::after{ border-width: 0px 13vw 3vw 0px; }
  .erabikata .point-ttl .point-icon .bigger{ font-size: 6.4vw; line-height: 1; }
}

.erabikata .block{ margin-top: 80px; }
/* h3 */
.erabikata .block-ttl{ max-width: 1000px; margin-left: auto; margin-right: auto; background-color: #cbe9f8; border-top: 4px solid #0079d1; text-align: center; font-size: 22px; padding: 19px 0; }
@media screen and (max-width: 767px) {
  .erabikata .block{ margin-top: 15.5vw; }
  .erabikata .block + .block{ margin-top: 21.5vw; }
  .erabikata .block-ttl{ max-width: 100vw; font-size: 5.7vw; padding: 4.8vw 0; }
}

.erabikata .example{ max-width: 870px; margin-left: auto; margin-right: auto; background-color: #ececec; border-radius: 10px; padding-bottom: 10px; }
.erabikata .ex-cont{ background-color: #fff; border-radius: 0 0 10px 10px; margin-left: 10px; margin-right: 10px; padding: 31px 27px 51px; }
@media screen and (max-width: 767px) {
  .erabikata .example{ max-width: 100%; padding-bottom: 0.8vw; border-radius: 10px; }
  .erabikata .ex-cont{ background-color: #fff; margin-left: 0.8vw; margin-right: 0.8vw; padding: 11vw 5vw 13.3vw; }
}
/* h4 */
.erabikata .ex-ttl{ font-size: 22px; padding: 28px 36px; }
.erabikata .ex-ttl .three-leader{ font-family: sans-serif; }
/* h4 */
.erabikata .num-ttl .num{ background-color: #ea0000; color: #fff; width: 20px; height: 20px; display: inline-block; text-align: center; line-height: 20px; margin-right: 7px; }
@media screen and (max-width: 767px) {
  .erabikata .ex-ttl{ font-size: 5.33vw; padding: 6.7vw 0; text-align: center; justify-content: center; }
  /* h4 */
  .erabikata .num-ttl .num{ width: 20px; height: 20px; line-height: min(20px,6vw); margin-right: 7px; }
}
/* table table-stripes */
.erabikata .swipe .txt{ font-size: 3.733vw; }
.erabikata .swipe .img{ width: 54% !important; margin-left: auto; margin-right: auto; margin-top: 2.5vw !important; margin-bottom: 14vw !important; }
@media screen and (max-width: 767px) {
  #contentsarea.erabikata .table-white-code-swipe.swipe.sp_only{ display: none !important; }
  #contentsarea.erabikata .table-white-plumbing-swipe.swipe.sp_only{ display: none !important; }
}
@media screen and (max-width: 588px) {
  #contentsarea.erabikata .table-white-code-swipe.swipe.sp_only{ display: inline !important; }
}
@media screen and (max-width: 582px) {
  #contentsarea.erabikata .table-white-plumbing-swipe.swipe.sp_only{ display: inline !important; }
}
.erabikata table th,.erabikata table td{ vertical-align: middle !important; }
.erabikata .table-stripes{ width: 100%; border-collapse: collapse; font-size: 14px; max-width: 756px; }
.erabikata .table-stripes thead tr th{ background-color: #0079d1; color: #fff; line-height: 18px; padding: 5px 0; padding-bottom: 6px; }
.erabikata .table-stripes thead tr th small{ font-size: 12px; }
.erabikata .table-stripes tbody tr:nth-of-type(odd){ background-color: #e2edf4; }
.erabikata .table-stripes tbody tr:nth-of-type(even){ background-color: #eff4f7; }
.erabikata .table-stripes tr th:nth-of-type(1){ width: 105px; }
.erabikata .table-stripes tr th:nth-of-type(2){ width: 153px; }
.erabikata .table-stripes tr th:nth-of-type(3){ width: 184px; }
.erabikata .table-stripes tr th:nth-of-type(4){ width: 155px; }
.erabikata .table-stripes tbody tr th,.erabikata .table-stripes tbody tr td{ text-align: center; height: 67px; }
.erabikata .table-stripes tbody tr td .img{ height: 30px; }
.erabikata .table-stripes tbody tr:nth-of-type(2) td .img{ height: 43px; }
.erabikata .table-stripes tbody tr td .img img{ height: 100%; width: auto !important; }
.erabikata .table-stripes tr,.erabikata .table-stripes th,.erabikata .table-stripes td{ border: #fff 1px solid; }
@media screen and (max-width: 767px) {
  .erabikata .table-stripes{ max-width: 100%; min-width: 756px;}
}

/* table table-white */
.erabikata .table-white{ width: 100%; border-collapse: collapse; line-height: 1; }
.erabikata .table-white thead tr th{ background-color: #1372BA; color: #fff; }
.erabikata .table-white tbody tr td .img{ width: 90%; margin-left: auto; margin-right: auto; }
.erabikata .table-white tr,.erabikata .table-white th,.erabikata .table-white td{ border: #000 1px solid; }
.erabikata .table-white thead tr,.erabikata .table-white thead tr th{ border-bottom: none; }

/* table table-white.code */
.erabikata .table-white.code{ width: 526px; font-size: 12px; }
.erabikata .table-white.code tr th:nth-of-type(1){ width: 211px; }
.erabikata .table-white.code tr th:nth-of-type(2){ width: 149px; }
.erabikata .table-white.code thead tr th{ font-size: 13px; line-height: 17px; }
.erabikata .table-white.code tbody tr{ height: 17px; }
.erabikata .table-white.code tbody tr:nth-of-type(1){ height: 44px; }
.erabikata .table-white.code tbody tr:nth-of-type(2){ height: 34px; }
.erabikata .table-white.code tbody tr th.series-ttl{ width: 108px; font-size: 14px; padding-left: 8px; letter-spacing: 0.04em; }
.erabikata .table-white.code tbody tr td .t-text-width{ width: 50px; margin-left: auto; margin-right: auto; display: block; }

.erabikata .table-caption{ font-size: 17px; margin-left: 3px; }
.erabikata .deco-square.txt-indent{ margin-left: 21px; text-indent: -21px; }
@media screen and (max-width: 767px) {
  .erabikata .deco-square.txt-indent::before{ margin-right: 7px; }
}
.erabikata .deco-square::before{ content: ""; display: inline-block; width: 14px; height: 14px; background-color: #1372BA; margin-right: 2px; }
/* table table-white.plumbing */
.erabikata .table-white.plumbing{ width: 520px; font-size: 12px; }
.erabikata .table-white.plumbing tr th:nth-of-type(1){ width: 180px; }
.erabikata .table-white.plumbing tr th:nth-of-type(2){ width: 58px; }
.erabikata .table-white.plumbing tr th:nth-of-type(3){ width: 171px; }
.erabikata .table-white.plumbing tr th:nth-of-type(4){ width: 63px; }
.erabikata .table-white.plumbing tr th:nth-of-type(5){ width: 45px; }
.erabikata .table-white.plumbing thead tr th{ background-color: #1372BA; color: #fff; font-size: 13px; padding: 7px 0; line-height: 13px; }
.erabikata .table-white.plumbing tbody tr{ height: 16px; }
.erabikata .table-white.plumbing tbody tr:nth-of-type(1){ height: 41px; }
.erabikata .table-white.plumbing tbody tr:nth-of-type(2){ height: 56px; }
.erabikata .table-white.plumbing tbody tr th.series-ttl{ width: 91px; font-size: 14px; padding-left: 5px; letter-spacing: 0.04em; }
.erabikata .table-white.plumbing tbody tr:nth-of-type(2) th.series-ttl{ line-height: 1.3; }
.erabikata .table-white.plumbing tr th .letter01{ font-size: 10px; letter-spacing: -0.05em; }
.erabikata .table-white.plumbing tr th .letter02{ font-size: 11px; }
.erabikata .table-white.plumbing tbody tr td .t-text-width{ width: 158px; margin-left: auto; margin-right: auto; display: block; font-size: 10px; line-height: 11px; letter-spacing: 0.1em; }
.erabikata .table-white.plumbing tbody tr td.t-text-left{ padding-left: 3px; letter-spacing: -0.3px; }

/* - - - - - - - - - - - - - - - - - - */


/* - - - - - コンテンツ部分 point1 - - - - - */

.erabikata .point1 .column.guideline{ margin-top: 48px; align-items: center; }
.erabikata .point1 .column.guideline .txt-cont{ max-width: 400px; }
.erabikata .point1 .column.guideline .img-cont{ max-width: 540px; }
.erabikata .point1 .column.guideline .img-cont .img{ margin-top: 11px; }
.erabikata .point1 .column.guideline .note{ margin-top: 16px; line-height: 1.7; }
.erabikata .point1 .example{ margin-top: 79px; }
.erabikata .point1 .example .column{ margin-top: 31px; }
.erabikata .point1 .example .column .img-cont{ max-width: 179px; width: 22.5%; }
.erabikata .point1 .example .column .img-cont .label{ background-color: #0079d1; color: #fff; border-radius: 50px; text-align: center; position: relative; font-size: 13px; letter-spacing: 0.06em; margin-top: 15px; padding: 8px 0; }
.erabikata .point1 .example .column .img-cont .label::before{ content: ""; width: 0; height: 0; border-style: solid; border-color: transparent transparent #0079d1 transparent; border-width: 0px 5.5px 11px 5.5px; position: absolute; bottom: 100%; left: 50%; transform: translate(-50%,0); }
.erabikata .point1 .gakun{ width: 375px; margin-top: 60px; margin-left: auto; margin-right: auto; }
.erabikata .point1 .column.use{ margin-top: 50px; }
.erabikata .point1 .column.use .txt-cont{ width: 523px; }
.erabikata .point1 .column.use .img-cont{ width: 389px; margin-right: 15px; margin-top: 10px; }
@media screen and (max-width: 1000px) {
  .erabikata .point1 .example .column .img-cont .label{ font-size: 1.55vw; }
}
@media screen and (max-width: 767px) {
  .erabikata .point1 .column.guideline{ margin-top: 11.5vw;}
  .erabikata .point1 .column.guideline .txt-cont{ max-width: 100%; }
  .erabikata .point1 .column.guideline .img-cont{ max-width: 100%; margin-top: 12vw; }
  .erabikata .point1 .column.guideline .img-cont .img{ margin-top: 3.2vw; width: 65vw; margin-left: auto; margin-right: auto; }
  .erabikata .point1 .column.guideline .note{ margin-top: 6.7vw; line-height: 1.7; }
  .erabikata .point1 .example{ margin-top: 20vw; }
  .erabikata .point1 .example .column{ margin-top: 9vw; display: flex !important; flex-wrap: wrap; }
  .erabikata .point1 .example .column .img-cont{ max-width: 47%; width: 47%; }
  .erabikata .point1 .example .column .img-cont .label{ font-size: 2.8vw; margin-top: 4vw; padding: 2vw 0; }
  .erabikata .point1 .example .column .img-cont .label::before{ border-width: 0px 1.46vw 2.9vw 1.46vw; }
  .erabikata .point1 .example .column .img-cont:nth-of-type(3),.erabikata .point1 .example .column .img-cont:nth-of-type(4){ margin-top: 8vw; }
  .erabikata .point1 .gakun{ width: 95%; margin-top: 16vw; }
  .erabikata .point1 .column.use{ margin-top: 12vw; }
  .erabikata .point1 .column.use .txt-cont{ width: 100%; }
  .erabikata .point1 .column.use .img-cont{ width: 100%; margin-right: 0; margin-top: 13.9vw; }
}

/* - - - - - - - - - - - - - - - - - - */


/* - - - - - コンテンツ部分 point02 - - - - - */

.erabikata .point2 .gakun{ width: 417px; margin-left: auto; margin-right: auto; margin-top: 60px; }
.erabikata .point2 .label{ background-color: #0079d1; color: #fff; border-radius: 50px; display: inline-block; padding: 2px 16px; }
.erabikata .point2 .label.wfb{ font-size: 15px; }
.erabikata .point2 .block-ttl{ margin-bottom: 50px; }
@media screen and (max-width: 767px) {
  .erabikata .point2 .gakun{ width: 95%; margin-top: 16vw; }
  .erabikata .point2 .label{ padding: 0.3vw 4.3vw; }
  .erabikata .point2 .block-ttl{ margin-bottom: 12vw;}
}
/* .block.indoor-block */
.erabikata .point2 .column.indoor01{ margin-top: 11px; }
.erabikata .point2 .indoor-block h4.txt{ margin-top: 25px !important; }
.erabikata .point2 .column.indoor .img-cont .label{ padding: 1px 16px; }
.erabikata .point2 .column.indoor .img-cont .img{ max-width: 450px; }
.erabikata .point2 .column.indoor01 .img-cont:nth-of-type(1) .label+.img{ margin-top: -16px; }
.erabikata .point2 .column.indoor01 .img-cont:nth-of-type(2) .label+.img{ margin-top: -27px; }
.erabikata .point2 .column.indoor .img-cont .txt{ border: #0079d1 1px solid; margin-top: 20px; padding: 10px 15px; width: 296px; margin-left: auto; margin-right: auto; text-align: center; }
.erabikata .point2 .indoor+.note{ margin-top: 37px; }
.erabikata .point2 .indoor+.notes-list{ margin-top: 37px; margin-bottom: 54px; }
.erabikata .point2 .column.indoor02{ flex-wrap: wrap; }
.erabikata .point2 .column.indoor02 .img-cont:nth-of-type(1),.erabikata .point2 .column.indoor02 .img-cont:nth-of-type(2){ margin-bottom: 60px; }
.erabikata .point2 .column.indoor02 .img-cont:nth-of-type(1) .label+.img{ margin-top: -27px; }
.erabikata .point2 .column.indoor02 .img-cont:nth-of-type(2) .label+.img{ margin-top: -10px; }
.erabikata .point2 .column.indoor02 .img-cont:nth-of-type(3) .label+.img{ margin-top: -25px; }
.erabikata .point2 .column.indoor02 .img-cont:nth-of-type(4) .label+.img{ margin-top: -27px; }
.erabikata .point2 .indoor-block.block .flap.txt{ margin-top: 48px; }
.erabikata .point2 .indoor-block.block .flap.img{ width: 450px; margin-top: 22px; }
@media screen and (max-width: 1000px) and (min-width: 768px) {
  .erabikata .point2 .column.indoor .img-cont{ width: 45.9%; }
}
@media screen and (max-width: 767px) {
  .erabikata .point2 .column.indoor01{ margin-top: 5.5vw; }
  .erabikata .point2 .indoor-block h4.txt{ margin-top: 12.5vw !important; text-align: center; }
  .erabikata .point2 .indoor-block .note{ line-height: 1.75; }
  .erabikata .point2 .indoor-block .note+.note{ margin-top: 0.5vw; }
  .erabikata .point2 .column.indoor .img-cont .label+.img{ margin-top: 2.3vw !important; }
  .erabikata .point2 .column.indoor .img-cont .txt{ margin-top: 7vw; padding: 3.1vw 1.6vw; width: 88%; }
  .erabikata .point2 .column.indoor .img-cont .img{ max-width: 100%; }
  .erabikata .point2 .indoor+.note{ margin-top: 9.5vw; }
  .erabikata .point2 .indoor+.notes-list{ margin-top: 9.5vw; margin-bottom: 14vw; }
  .erabikata .point2 .indoor .img-cont+.img-cont{ margin-top: 16vw; }
  .erabikata .point2 .indoor-block.block .flap.txt{ margin-top: 14.5vw; }
  .erabikata .point2 .indoor-block.block .flap.img{ width: 100%; margin-top: 9vw; }
}
/* .block.outdoor */
.erabikata .point2 .block.outdoor .txt ~ .img { width: 380px; margin-left: auto; margin-right: auto; margin-top: 29px; padding-right: 54px; }
.erabikata .point2 .block.outdoor .notes-list { margin-top: 17px; max-width: 800px; margin-left: auto; margin-right: auto; line-height: 1.7; }
.erabikata .point2 .block.outdoor .notes-list .note+.note{ margin-top: 1px; }
.erabikata .point2 .block.outdoor .notes-list ~ .txt { margin-top: 50px; }
.erabikata .point2 .block.outdoor .column.outdoor { margin-top: 30px; }
.erabikata .point2 .block.outdoor .column.outdoor .img-cont:nth-of-type(1) { width: 480px; }
.erabikata .point2 .block.outdoor .column.outdoor .img-cont:nth-of-type(1) .label { padding-right: 15px; padding-left: 15px; letter-spacing: 0.01em; font-size: 14px; }
.erabikata .point2 .block.outdoor .column.outdoor .img-cont:nth-of-type(1) .img { margin-left: 14px; margin-top: -1px; max-width: 464px; }
.erabikata .point2 .block.outdoor .column.outdoor .img-cont:nth-of-type(2) { width: 463px; }
.erabikata .point2 .block.outdoor .column.outdoor .img-cont:nth-of-type(2) .label { padding-right: 22px; padding-left: 22px; letter-spacing: 0.01em; font-size: 14px; }
.erabikata .point2 .block.outdoor .column.outdoor .img-cont:nth-of-type(2) .img { margin-left: 1px; margin-top: 23px; max-width: 455px; }
.erabikata .point2 .block.outdoor .example { margin-top: 83px; }
.erabikata .point2 .block.outdoor .example h5{ margin-top: 25px !important; }
.erabikata .point2 .block.outdoor .example h5.txt ~ .txt{ margin-top: 0 !important; }
.erabikata .point2 .block.outdoor .example .button{ width: 180px; }
.erabikata .point2 .block.outdoor .example .button a{ padding-left: 34px; padding-right: 0; }
@media screen and (max-width: 767px) {
  .erabikata .point2 .block.outdoor .txt ~ .img { width: 95%; margin-top: 9vw; padding-right: 0; }
  .erabikata .point2 .block.outdoor .notes-list { margin-top: 6.5vw; max-width: 100%; line-height: 1.7; }
  .erabikata .point2 .block.outdoor .notes-list .note+.note{ margin-top: 0.5vw; }
  .erabikata .point2 .block.outdoor .notes-list ~ .txt { margin-top: 13.5vw; }
  .erabikata .point2 .block.outdoor .column.outdoor { margin-top: 8vw; }
  .erabikata .point2 .block.outdoor .column.outdoor .img-cont:nth-of-type(1) { width: 100%; }
  .erabikata .point2 .block.outdoor .column.outdoor .img-cont:nth-of-type(1) .label { padding-right: 3.8vw; padding-left: 3.8vw; font-size: 3.733vw; }
  .erabikata .point2 .block.outdoor .column.outdoor .img-cont:nth-of-type(1) .img { margin-left: 0; margin-top: 6vw; max-width: 100%; width: 100%; }
  .erabikata .point2 .block.outdoor .column.outdoor .img-cont:nth-of-type(2) { width: 100%; }
  .erabikata .point2 .block.outdoor .column.outdoor .img-cont:nth-of-type(2) .label { padding-right: 6vw; padding-left: 6vw; font-size: 3.733vw; margin-top: 22vw; }
  .erabikata .point2 .block.outdoor .column.outdoor .img-cont:nth-of-type(2) .img { margin-left: 0; margin-top: 5.5vw; width: 71%; margin-left: auto; margin-right: auto; }
  .erabikata .point2 .block.outdoor .example .button{ width: 53.33vw; }
  .erabikata .point2 .block.outdoor .example .button a{ padding-left: 0; padding-right: 0; text-align: center; background-position: 10px center; font-size: min(14px,3.73vw); }
}
/* .parts-list */
.erabikata .point2 .parts-list{ margin-top: 26px; justify-content: left !important; display: grid; grid-template-columns: 168px auto; align-items: flex-start; }
.erabikata .point2 .parts-list dt{ display: inline; width: auto; }
.erabikata .point2 .parts-list dt .label{ padding: 0 9px; letter-spacing: 0; }
.erabikata .point2 .parts-list dd{ line-height: 1.8; }
.erabikata .point2 .parts-list dt,
.erabikata .point2 .parts-list dd{ margin-top: 0; }
.erabikata .point2 .button{ margin-top: 32px; display: block; margin-left: auto; margin-right: auto; font-size: 14px; }
.erabikata .point2 .gakun-bg{ background: url(../img/img_gakun_bg.png) center center no-repeat; background-size: 100% auto; width: 396px; height: 116px; margin-top: 64px !important; }
.erabikata .point2 .gakun-bg .gakun-txt{ font-size: 14px; color: #3f484b; padding-top: 28px; padding-left: 39px; }
@media screen and (max-width: 767px) {
  .erabikata .point2 .parts-list{ margin-top: 7vw; display: block; }
  .erabikata .point2 .parts-list dt .label{ padding: 1vw 4vw; margin-bottom: 3vw; }
  .erabikata .point2 .parts-list dd{ line-height: 1.8; margin-bottom: 9vw; }
  .erabikata .point2 .parts-list dd.has_indent{ padding-left: 0 !important; }
  .erabikata .point2 .button{ width: 70%; margin-top: 15vw; font-size: 3.733vw; }
  .erabikata .point2 .gakun-bg{ margin-top: 16vw !important; width: 100%; height: 26.1vw; }
  .erabikata .point2 .gakun-bg .gakun-txt{ font-size: 3.3vw; padding-top: 6vw; padding-left: 8vw; }
}
/* .example */
.erabikata .point2 .example .column.coastal .txt-cont{ width: 385px; }
.erabikata .point2 .example .column.coastal .img-cont{ margin-top: 8px; width: 376px; }
.erabikata .point2 .example .ex-ttl.accordion-button{ position: relative; }
.erabikata .point2 .example .ex-ttl.accordion-button .circle-arrow{ position: absolute; top: 50%; right: 5.7%; transform: translate(0,-50%); width: 35px; height: 35px; border-radius: 50px; background-color: #fff; transition: .25s ease-out; }
.erabikata .point2 .example .ex-ttl.accordion-button .circle-arrow::before,.erabikata .point2 .example .ex-ttl.accordion-button .circle-arrow::after { content: ""; position: absolute; top: 63%; left: 50%; width: 2px; height: 13px; border-radius: 50px; background-color: #6f6f6f; transform-origin: 50% 1px; transition: .25s ease-out; }
.erabikata .point2 .example .ex-ttl.accordion-button .circle-arrow::before { transform: translate(-50%,0) rotate(135deg); }
.erabikata .point2 .example .ex-ttl.accordion-button .circle-arrow::after { transform: translate(-50%,0) rotate(-135deg); }
.erabikata .point2 .example.is-opened .ex-ttl.accordion-button .circle-arrow{ transform: translate(0,-50%) rotate(-180deg); }
.erabikata .point2 .example .ex-list-wrap {display: grid; grid-template-areas: 'wrap1 wrap2 wrap3'; grid-template-columns: 0.1975fr 0.1975fr 0.607fr; grid-template-rows: auto; column-gap: 5px; margin-top: 24px;}
.erabikata .point2 .example .ex-list-wrap .item-wrap-1 {grid-area: wrap1;}
.erabikata .point2 .example .ex-list-wrap .item-wrap-2 {grid-area: wrap2;}
.erabikata .point2 .example .ex-list-wrap .item-wrap-3 {grid-area: wrap3;}
.erabikata .point2 .example .ex-list-wrap .item-wrap-3 .wrap-3-items {display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; column-gap: 5px;}
.erabikata .point2 .example .ex-list-wrap .list-item-wrap.item-wrap-2 .list-item {display: flex; flex-direction: column; height: 100%;}
.erabikata .point2 .example .ex-list-wrap .list-item-wrap .list-item .list-ol {display: flex; flex-direction: column;}
.erabikata .point2 .example .ex-list-wrap .list-item-wrap .list-item .list-ttl {margin-bottom: 2px; font-size: 16px; color: #0079d1; font-weight: bold; border-bottom: 1px solid #0079d1;}
.erabikata .point2 .example .ex-list-wrap .list-item-wrap .list-item .list-ttl .list-num {padding-right: 2px; font-size: 26px; color: #0079d1; font-family: 'ヒラギノ角ゴシック', 'Arial' !important;}
.erabikata .point2 .example .ex-list-wrap .list-item-wrap .list-item .list-desc {font-size: 14px; letter-spacing: 0; line-height: 1.5;}
.erabikata .point2 .example .ex-list-wrap .list-item-wrap .list-item .list-desc .desc-blue {font-size: 16px; color: #0079d1; font-weight: bold;}
.erabikata .point2 .example .ex-list-wrap .list-item-wrap .list-item .list-desc.list-desc-anno {margin-bottom: 10px; font-size: 12px;}
.erabikata .point2 .example .ex-list-wrap .list-item-wrap .list-item .list-img {margin-top: auto;}
.erabikata .point2 .example .ex-list-wrap .list-item-wrap.item-wrap-1 .list-desc {margin-bottom: 10px;}
.erabikata .point2 .example .ex-list-wrap .list-item-wrap.item-wrap-2 .list-ol {height: 100%;}
.erabikata .point2 .example .ex-list-wrap .list-item-wrap.item-wrap-2 .list-ttl {letter-spacing: -0.075em;}
.erabikata .point2 .example .ex-list-wrap .list-item-wrap.item-wrap-3 .list-ttl .list-ttl-anno {margin-left: 5px; font-size: 12px; color: #000; font-weight: normal;}
.erabikata .point2 .example .ex-list-wrap .list-item-wrap.item-wrap-3 .wrap-3-list-ttl {display: inline-block; padding-right: 2px; margin-bottom: 2px; width: fit-content; font-size: 14px; font-weight: bold; letter-spacing: -0.1em; border-bottom: 1px solid #000;}
@media screen and (max-width: 900px) {
.erabikata .point2 .example .ex-list-wrap .list-item-wrap .list-item .list-ttl {font-size: min(16px, 1.7vw);}
.erabikata .point2 .example .ex-list-wrap .list-item-wrap .list-item .list-ttl .list-num {font-size: min(26px, 3.38vw);}
.erabikata .point2 .example .ex-list-wrap .list-item-wrap .list-item .list-desc {font-size: min(14px, 1.5vw);}
.erabikata .point2 .example .ex-list-wrap .list-item-wrap .list-item .list-desc.list-desc-anno {font-size: min(12px, 1.4vw);}
.erabikata .point2 .example .ex-list-wrap .list-item-wrap.item-wrap-3 .wrap-3-list-ttl {font-size: min(14px, 1.5vw);}
}
@media screen and (max-width: 767px) {
  .erabikata .point2 .example .ex-list-wrap {
    display: grid; grid-template-columns: auto auto; grid-template-rows: auto auto auto; column-gap: 8px; margin-top: 24px;
    grid-template-areas: 
      'wrap1 wrap2'
      'wrap3 wrap3'
      'wrap3 wrap3';
  }
  .erabikata .point2 .example .ex-list-wrap .item-wrap-3 .wrap-3-items {grid-template-columns: repeat(auto-fit, minmax(139px, 1fr)); grid-template-rows: auto; row-gap: 8px;}
  .erabikata .point2 .example .ex-list-wrap .list-item-wrap .list-item .list-ttl {font-size: 16px;}
  .erabikata .point2 .example .ex-list-wrap .list-item-wrap .list-item .list-ttl .list-num {font-size: 26px;}
  .erabikata .point2 .example .ex-list-wrap .list-item-wrap .list-item .list-desc {font-size: 14px; letter-spacing: -0.04em;}
  .erabikata .point2 .example .ex-list-wrap .list-item-wrap .list-item .list-desc.list-desc-anno {font-size: 12px;}
  .erabikata .point2 .example .ex-list-wrap .list-item-wrap .list-item .list-img {margin-left: auto; margin-right: auto;}
  .erabikata .point2 .example .ex-list-wrap .list-item-wrap .list-item .list-img img {max-width: 259.46px;}
  .erabikata .point2 .example .ex-list-wrap .list-item-wrap.item-wrap-1 .list-desc {margin-bottom: 0;}
  .erabikata .point2 .example .ex-list-wrap .list-item-wrap.item-wrap-2 .list-ttl {font-size: min(15px, 4.27vw); letter-spacing: -0.14em;}
  .erabikata .point2 .example .ex-list-wrap .list-item-wrap.item-wrap-2 .list-img {margin-top: 10px;}
  .erabikata .point2 .example .ex-list-wrap .list-item-wrap.item-wrap-3 .list-ol {margin-top: 4px;}
  .erabikata .point2 .example .ex-list-wrap .list-item-wrap.item-wrap-3 .wrap-3-list-ttl {font-size: 13px; letter-spacing: -0.1em;}
  .erabikata .point2 .example .ex-list-wrap .list-item-wrap.item-wrap-3 .list-ttl .list-ttl-anno {display: block; margin-top: -4px; margin-left: 0; padding-right: 0;}
}

@media screen and (max-width: 767px) {
  .erabikata .point2 .example .column.coastal .txt-cont{ width: 100%; }
  .erabikata .point2 .example .column.coastal .img-cont{ width: 100%; margin-top: 9vw; }
}
/* .block.power */
.erabikata .point2 .block.power .gakun{ width: 383px; margin-top: 59px; margin-bottom: 53px; }
.erabikata .point2 .block.power .table-stripes{ margin-top: 31px; margin-bottom: 52px; }
.erabikata .point2 .block.power .scroll-y{ margin-bottom: 0; }
.erabikata .point2 .block.power .txt ~ .img{ width: 706px; margin-top: 32px; margin-bottom: 54px; }
.erabikata .point2 .block.power .table-caption{ font-size: 17px; margin-top: 28px; margin-left: 3px; }
@media screen and (max-width: 767px) {
  .erabikata .point2 .block.power .block-ttl{ margin-bottom: 0; }
  .erabikata .point2 .block.power .gakun{ width: 97%; margin-top: 14vw; margin-bottom: 53px; }
  .erabikata .point2 .block.power .table-stripes{ margin-top: 5.5vw; margin-bottom: 0; }
  .erabikata .point2 .block.power .scroll-y{ margin-top: 0; margin-bottom: 7vw; }
  .erabikata .point2 .block.power .txt ~ .img{ width: 100%; margin-top: 5.5vw; margin-bottom: 14vw; }
  .erabikata .point2 .block.power .table-caption{ font-size: min(17px,4.533vw); margin-top: 4.9vw; margin-left: 0; }
}
/* .block.plumbing */
.erabikata .point2 .block.plumbing .gakun{ width: 396px; margin-bottom: 53px; }
.erabikata .point2 .block.plumbing .column.plumbing-compare{ margin-top: 45px; }
.erabikata .point2 .block.plumbing .column.plumbing-compare .txt-cont{ width: 512px; }
.erabikata .point2 .block.plumbing .column.plumbing-compare > .img-cont{ width: 403px; margin-top: 7px; }
.erabikata .point2 .block.plumbing .column.plumbing-compare .img-cont .label{ background-color: #0079d1; color: #fff; border-radius: 50px; text-align: center; display: block; width: 74px; margin-bottom: 5px; position: relative; padding: 8px 20px; letter-spacing: 0.02em; }
.erabikata .point2 .block.plumbing .column.plumbing-compare > .img-cont .img-cont:nth-of-type(1) .label{ margin-left: 30px; }
.erabikata .point2 .block.plumbing .column.plumbing-compare > .img-cont .img-cont:nth-of-type(2) .label{ margin-left: 22px; }
.erabikata .point2 .block.plumbing .column.plumbing-compare .img-cont .label::after{ content: ""; width: 0; height: 0; border-style: solid; border-color: #0079d1 transparent transparent transparent; border-width: 11.26px 6.5px 0px 6.5px; position: absolute; top: 100%; left: 50%; transform: translate(-50%,0); }
.erabikata .point2 .block.plumbing .column.plumbing-compare .img-cont .column{ width: 340px; }
.erabikata .point2 .block.plumbing .column.plumbing-compare .img-cont .column .img{ width: 159px; }
.erabikata .point2 .block.plumbing .column.plumbing-compare .img-cont .column .img-cont:nth-of-type(2) .img{ width: 151px; }
@media screen and (max-width: 767px) {
  .erabikata .point2 .block.plumbing .block-ttl{ margin-bottom: 0; }
  .erabikata .point2 .block.plumbing .gakun{ width: 100%; margin-top: 13vw; margin-bottom: 13.5vw; }
  .erabikata .point2 .block.plumbing .column.plumbing-compare{ margin-top: 12vw; }
  .erabikata .point2 .block.plumbing .column.plumbing-compare .txt-cont{ width: 100%; }
  .erabikata .point2 .block.plumbing .column.plumbing-compare > .img-cont{ width: 100%; margin-top: 9vw; }
  .erabikata .point2 .block.plumbing .column.plumbing-compare .img-cont .label{ width: 17vw; margin-bottom: 1.2vw; padding: 1.9vw 5.1vw; font-size: 3.84vw; }
  .erabikata .point2 .block.plumbing .column.plumbing-compare > .img-cont .img-cont:nth-of-type(1) .label{ margin-left: auto; margin-right: auto; }
  .erabikata .point2 .block.plumbing .column.plumbing-compare > .img-cont .img-cont:nth-of-type(2) .label{ margin-left: auto; margin-right: auto; }
  .erabikata .point2 .block.plumbing .column.plumbing-compare .img-cont .label::after{ border-width: 3.5vw 1.7vw 0px 1.7vw; }
  .erabikata .point2 .block.plumbing .column.plumbing-compare .img-cont .column{ width: 99.2%; display: flex !important; flex-wrap: wrap; }
  .erabikata .point2 .block.plumbing .column.plumbing-compare .img-cont .column .img-cont{ width: 48%; }
  .erabikata .point2 .block.plumbing .column.plumbing-compare .img-cont .column .img{ width: 89%; margin-right: auto; margin-left: auto; }
  .erabikata .point2 .block.plumbing .column.plumbing-compare .img-cont .column .img-cont:nth-of-type(2) .img{ width: 84.8%; margin-right: auto; margin-left: auto; }
}
/* .example.oil */
.erabikata .point2 .block.plumbing .example.oil{ margin-top: 80px; margin-bottom: 71px; }
.erabikata .point2 .block.plumbing .example.oil .column.oil-compare .txt-cont{ width: 400px; }
.erabikata .point2 .block.plumbing .example.oil .column.oil-compare .img-cont{ width: 340px; }
.erabikata .point2 .block.plumbing .example.oil .column.oil-compare .img-cont .column.oil-img{ width: 330px; }
.erabikata .point2 .block.plumbing .example.oil .column.oil-compare .img-cont .column.oil-img .img-cont .txt{ font-size: 12px; text-align: center; }
.erabikata .point2 .block.plumbing .example.oil .column.oil-compare .img-cont .column.oil-img .img-cont:nth-of-type(1){ width: 160px; }
.erabikata .point2 .block.plumbing .example.oil .column.oil-compare .img-cont .column.oil-img .img-cont:nth-of-type(2){ width: 133px; }
.erabikata .point2 .block.plumbing .example.oil .column.oil-compare .img-cont .column.oil-img .img-cont .img{ width: 113px; margin-left: auto; margin-right: auto; margin-top: 8px; }
.erabikata .point2 .block.plumbing .example.oil h5.ttl{ line-height: 1.9; font-size: 12px; }
.erabikata .point2 .block.plumbing .example.oil h5.ttl ~ .note-circle { font-size: 12px; line-height: 1.4; }
.erabikata .point2 .block.plumbing .example.oil h5.ttl ~ .note-circle .letter{ font-size: 16px; }
.erabikata .point2 .block.plumbing .example.oil h5.ttl ~ .note-circle .letter{ font-size: 16px; }
.erabikata .point2 .block.plumbing .example.oil h5.txt{ margin-top: 33px; font-size: 12px; }
.erabikata .point2 .block.plumbing .example.oil h5.txt.deco-square.txt-indent::before{ width: 10px; height: 10px; }
.erabikata .point2 .block.plumbing .example.oil .column.construction{ margin-top: 7px; }
.erabikata .point2 .block.plumbing .example.oil .column.construction .txt-cont:nth-of-type(1){ width: 379px; }
.erabikata .point2 .block.plumbing .example.oil .column.construction .txt-cont:nth-of-type(2){ width: 379px; }
.erabikata .point2 .block.plumbing .example.oil .column.construction .txt-cont h6{ color: #0079d1; border-bottom: #0079d1 1px solid; font-size: 13px; }
.erabikata .point2 .block.plumbing .example.oil .column.construction .txt-cont h6 ~ .txt{ font-size: 12px; line-height: 1.71 !important; margin-top: 8px; }
.erabikata .point2 .block.plumbing .example.oil .column.construction .txt-cont .txt-group{ border: #0079d1 1px solid; border-radius: 4px; padding: 9px 12px; margin-top: 14px; }
.erabikata .point2 .block.plumbing .example.oil .column.construction .txt-cont .txt-group .txt{ font-size: 12px; line-height: 1.7 !important; }
.erabikata .point2 .block.plumbing .example.oil .column.construction .txt-cont .txt-group .txt+.txt{ margin-top: 3px !important; }
.erabikata .point2 .block.plumbing .example.oil .column.construction .txt-cont .txt-group .note{ margin-top: 9px !important; line-height: 1.8; }
.erabikata .point2 .block.plumbing .example.oil .column.construction .txt-cont:nth-of-type(2) .notes-list{ margin-top: 8px !important; line-height: 1.75; }
.erabikata .point2 .block.plumbing .example.oil .column.construction .txt-cont:nth-of-type(2) .notes-list .note+.note{ margin-top: 0; }
.erabikata .point2 .block.plumbing h5.txt{ line-height: 1.75; }
.erabikata .point2 .block.plumbing .parts-list{ margin-top: 51px !important; }
.erabikata .point2 .block.plumbing h5.table-caption{ margin-top: 52px !important; }
.erabikata .point2 .block.plumbing .table-white.plumbing{ margin-left: auto; margin-right: auto; }
.erabikata .point2 .block.plumbing .scroll-y{ margin-top: 11px !important; margin-bottom: 53px; }
@media screen and (max-width: 1000px) {
  .erabikata .point2 .block.plumbing .example.oil .column.construction .txt-cont:nth-of-type(1){ width: 51%; }
  .erabikata .point2 .block.plumbing .example.oil .column.construction .txt-cont:nth-of-type(2){ width: 47%; }
}
@media screen and (max-width: 767px) {
  .erabikata .point2 .block.plumbing .example.oil{ margin-top: 21.3vw; margin-bottom: 19.5vw; }
  .erabikata .point2 .block.plumbing .example.oil .column.oil-compare .txt-cont{ width: 100%; }
  .erabikata .point2 .block.plumbing .example.oil .column.oil-compare .img-cont{ width: 100%; }
  .erabikata .point2 .block.plumbing .example.oil .column.oil-compare .img-cont .column.oil-img{ width: 100%; display: flex !important; margin-top: 7.3vw; }
  .erabikata .point2 .block.plumbing .example.oil .column.oil-compare .img-cont .column.oil-img .img-cont .txt{ font-size: 2.85vw; letter-spacing: -0.02em; }
  .erabikata .point2 .block.plumbing .example.oil .column.oil-compare .img-cont .column.oil-img .img-cont:nth-of-type(1){ width: 48%; }
  .erabikata .point2 .block.plumbing .example.oil .column.oil-compare .img-cont .column.oil-img .img-cont:nth-of-type(2){ width: 48%; }
  .erabikata .point2 .block.plumbing .example.oil .column.oil-compare .img-cont .column.oil-img .img-cont .img{ width: 74%; margin-top: 1.5vw; }
  .erabikata .point2 .block.plumbing .example.oil h5.ttl{ margin-top: 10.5vw !important; }
  .erabikata .point2 .block.plumbing .example.oil h5.ttl ~ .note-circle { line-height: 1.54; }
  .erabikata .point2 .block.plumbing .example.oil h5.txt{ margin-top: 8.5vw !important; }
  .erabikata .point2 .block.plumbing .example.oil h5.txt.deco-square.txt-indent{ margin-left: 16px; text-indent: -16px; }
  .erabikata .point2 .block.plumbing .example.oil .column.construction{ margin-top: 5vw; }
  .erabikata .point2 .block.plumbing .example.oil .column.construction .txt-cont+.txt-cont{ margin-top: 9.5vw; }
  .erabikata .point2 .block.plumbing .example.oil .column.construction .txt-cont:nth-of-type(1){ width: 100%; }
  .erabikata .point2 .block.plumbing .example.oil .column.construction .txt-cont:nth-of-type(2){ width: 100%; }
  .erabikata .point2 .block.plumbing .example.oil .column.construction .txt-cont h6{ line-height: 1.8; }
  .erabikata .point2 .block.plumbing .example.oil .column.construction .txt-cont h6.txt-indent{ margin-left: 1.2em; text-indent: -1.2em; }
  .erabikata .point2 .block.plumbing .example.oil .column.construction .txt-cont h6 ~ .txt{ margin-top: 4.2vw; }
  .erabikata .point2 .block.plumbing .example.oil .column.construction .txt-cont .txt-group{ padding: 2.5vw 3.8vw; margin-top: 3.733vw; }
  .erabikata .point2 .block.plumbing .example.oil .column.construction .txt-cont .txt-group .txt+.txt{ margin-top: 1vw !important; }
  .erabikata .point2 .block.plumbing .example.oil .column.construction .txt-cont .txt-group .note{ margin-top: 2vw !important; line-height: 1.8; letter-spacing: -0.02em; }
  .erabikata .point2 .block.plumbing .example.oil .column.construction .txt-cont:nth-of-type(2) .notes-list{ margin-top: 8px !important; line-height: 1.75; }
  .erabikata .point2 .block.plumbing .example.oil .column.construction .txt-cont:nth-of-type(2) .notes-list .note+.note{ margin-top: 0.1vw; }
  .erabikata .point2 .block.plumbing .parts-list{ margin-top: 14vw !important; }
  .erabikata .point2 .block.plumbing h5.table-caption{ margin-top: 12vw !important; font-size: min(13px,3.466vw); }
  .erabikata .point2 .block.plumbing .scroll-y{ margin-top: 6vw !important; margin-bottom: 7vw; }
  .erabikata .point2 .block.plumbing .swipe{ margin-top: 7vw !important; margin-bottom: 10vw; }
}
/* .example.hole */
.erabikata .point2 .block.plumbing .example.hole{ margin-top: 72px; }
.erabikata .point2 .block.plumbing .example.hole .column .txt{ max-width: 410px; width: 51.3%; }
.erabikata .point2 .block.plumbing .example.hole .column .img-cont{ width: 310px; margin-right: 23px; margin-top: 4px; }
@media screen and (max-width: 1000px) {
  .erabikata .point2 .block.plumbing .example.hole .column .img-cont{ margin-right: 0; }
}
@media screen and (max-width: 767px) {
  .erabikata .point2 .block.plumbing .example.hole{ margin-top: 19vw; }
  .erabikata .point2 .block.plumbing .example.hole .column .txt{ width: 100%; }
  .erabikata .point2 .block.plumbing .example.hole .column .img-cont{ width: 93%; margin-left: auto; margin-right: 2.5vw; margin-top: 10vw; }
}
/* .example.asbestos */
.erabikata .point2 .block.other .example.asbestos .img{ margin-top: 33px; max-width: 750px; margin-left: auto; margin-right: auto; }
.erabikata .point2 .block.other .example.asbestos .notes-list{ margin-top: 26px; line-height: 1.75; }
.erabikata .point2 .block.other .example.asbestos .notes-list .note+.note{ margin-top: 0px; }
.erabikata .point2 .block.other .example.recycling{ margin-top: 80px; }
.erabikata .point2 .block.other .example.recycling h5:nth-of-type(1){ margin-top: 32px; margin-bottom: 3px; }
.erabikata .point2 .block.other .example.recycling h5:nth-of-type(2){ margin-top: 2px; margin-bottom: 3px; }
@media screen and (max-width: 767px) {
  .erabikata .point2 .block.other .example.asbestos .img{ margin-top: 8.5vw; width: 522px; }
  .erabikata .point2 .block.other .example.asbestos .swipe .txt{ margin-top: 7vw; font-size: 3.6vw; letter-spacing: -0.02em; }
  .erabikata .point2 .block.other .example.asbestos .swipe .img{ width: 62% !important; margin-bottom: 0 !important; }
  .erabikata .point2 .block.other .example.asbestos .notes-list{ margin-top: 7vw; line-height: 1.75; }
  .erabikata .point2 .block.other .example.asbestos .notes-list .note+.note{ margin-top: 0.2vw; }
  .erabikata .point2 .block.other .example.recycling{ margin-top: 0; }
  .erabikata .point2 .block.other .example.recycling h5:nth-of-type(1){ margin-top: 8vw; margin-bottom: 1vw; }
  .erabikata .point2 .block.other .example.recycling h5:nth-of-type(2){ margin-top: 0.5vw; margin-bottom: 1vw; }
}

/* - - - - - - - - - - - - - - - - - - */


/* - - - - - コンテンツ部分 point03 - - - - - */

.erabikata .point3 .gakun{ width: 460px; margin-left: auto; margin-right: auto; margin-top: 60px; }
@media screen and (max-width: 767px) {
  .erabikata .point3 .gakun{ width: 87%; margin-top: 16vw; }
}

.erabikata .point3 .block.eco .note.note-eco-intro {margin-top: 56px;}
.erabikata .point3 .block.eco .eco-label.txt{ margin-top: 8px; letter-spacing: 0.04em; }
.erabikata .point3 .block.eco .column.eco-compare{ margin-top: 8px; width: 658px; margin-left: auto; margin-right: auto; }
.erabikata .point3 .block.eco .column.eco-compare .img:nth-of-type(1){ width: 298px; }
.erabikata .point3 .block.eco .column.eco-compare .img:nth-of-type(2){ width: 299px; }
.erabikata .point3 .block.eco .item-list{ margin-top: 38px; }
.erabikata .point3 .block.eco .item-list .item+.item{ margin-top: 30px; }
.erabikata .point3 .block.eco .item-list .num-ttl{ margin-bottom: 10px; }
.erabikata .point3 .block.eco .item-list .note{ margin-top: 2px !important; }
.erabikata .point3 .block.eco .item-list .item._01 p:nth-of-type(3){ margin-top: 37px; }
.erabikata .point3 .block.eco .item-list .item._01 .txt-cont { margin-top: 32px; display: grid; grid-template-columns: 32px auto; }
.erabikata .point3 .block.eco .item-list .item._01 .note { margin-top: 5px !important;  }
.erabikata .point3 .block.eco .item-list .item._01 .txt-cont .label { line-height: 1.81; }
.erabikata .point3 .block.eco .item-list .item._01 .txt-cont .txt { display: grid; grid-template-columns: 230px auto; }
.erabikata .point3 .block.eco .item-list .item._03 .txt .letter{ letter-spacing: -0.005em; }
.erabikata .point3 .block.eco .item-list .item._03 .txt.caption{ margin-top: 45px !important; }
.erabikata .point3 .block.eco .item-list .item._03 .txt.caption ~ .txt{ margin-top: 15px !important; }
.erabikata .point3 .block.eco .item-list .item._03 .txt.caption ~ .img{ width: 274px; margin-left: auto; margin-right: auto; margin-top: 8px; margin-bottom: 12px; }
.erabikata .point3 .block.eco .item-list .item._04{ margin-top: 51px; }
.erabikata .point3 .block.eco .item-list .item._04 .img{ width: 676px; margin-left: auto; margin-right: auto; margin-top: 22px; }
.erabikata .point3 .block.eco .item-list .item._04 .img.gakun{ width: 418px; margin-left: auto; margin-right: auto; margin-top: 60px; }
@media screen and (max-width: 767px) {
  .erabikata .point3 .block.eco .note.note-eco-intro {margin-top: 12vw;}
  .erabikata .point3 .block.eco .eco-label.txt{ margin-top: 6vw; font-size: 3vw; letter-spacing: -0.03em; }
  .erabikata .point3 .block.eco .column.eco-compare{ margin-top: 3.9vw; width: 78.5%; }
  .erabikata .point3 .wrapper .block.eco .column.eco-compare .img{ width: 100%; }
  .erabikata .point3 .block.eco .column.eco-compare .img{ width: 100%; margin-left: auto; margin-right: auto; }
  .erabikata .point3 .block.eco .column.eco-compare .img+.img{ margin-top: 8vw; }
  .erabikata .point3 .block.eco .item-list{ margin-top: 14.5vw; }
  .erabikata .point3 .block.eco .item-list .item+.item{ margin-top: 8vw; }
  .erabikata .point3 .block.eco .item-list .num-ttl{ margin-bottom: 2vw; line-height: 1.8; }
  .erabikata .point3 .block.eco .item-list .num-ttl.txt-indent{ display: grid; grid-template-columns: 27px auto; place-self: start; }
  .erabikata .point3 .block.eco .item-list .num-ttl.txt-indent .num{ margin-top: 4px; }
  .erabikata .point3 .block.eco .item-list .note{ margin-top: 1vw !important; line-height: 1.75; }
  .erabikata .point3 .block.eco .item-list .item._01 p:nth-of-type(3){ margin-top: 8vw; }
  .erabikata .point3 .block.eco .item-list .item._01 .txt-cont { margin-top: 7vw; margin-bottom: 3vw; }
  .erabikata .point3 .block.eco .item-list .item._01 .txt-cont .txt { display: block; }
  .erabikata .point3 .block.eco .item-list .item._03 .txt .letter{ letter-spacing: 0; }
  .erabikata .point3 .block.eco .item-list .item._03 .txt.caption{ margin-top: 12vw !important; }
  .erabikata .point3 .block.eco .item-list .item._03 .txt.caption ~ .img{ width: 72.5%; margin-left: auto; margin-right: auto; margin-top: 3.9vw; margin-bottom: 3vw; }
  .erabikata .point3 .block.eco .item-list .item._04{ margin-top: 13vw; }
  .erabikata .point3 .block.eco .item-list .item._04 .img{ width: 76%; margin-top: 6vw; }
  .erabikata .point3 .block.eco .item-list .item._04 .img.gakun{ width: 100%; margin-top: 15vw; }
}

.erabikata .point3 .block.eco .example.mirai{ margin-top: 80px; }
.erabikata .point3 .block.eco .example.mirai .ex-cont{ padding-top: 50px; }
.erabikata .point3 .example .label{ border-width: 1px; border-style: solid; display: inline-block; padding: 2px 8px; margin-right: 5px; }
.erabikata .point3 .example .label.fz{ border-color: #96acbb; color: #96acbb; }
.erabikata .point3 .example .label.z{ border-color: #c5be80; color: #c5be80; }
.erabikata .point3 .example .label.fd{ border-color: #ec1d00; color: #ec1d00; }
.erabikata .point3 .example .label.zd{ border-color: #ea5504; color: #ea5504; }
.erabikata .point3 .block.eco .example.mirai .ex-cont .txt{ margin-top: 22px; }
.erabikata .point3 .block.eco .example.mirai .ex-cont .notes-list:nth-of-type(1){ margin-top: 8px; line-height: 1.65; }
.erabikata .point3 .block.eco .example.mirai .ex-cont .notes-list:nth-of-type(1) .note+.note{ margin-top: 2px; }
.erabikata .point3 .block.eco .example.mirai .ex-cont .img{ margin-top: 36px; max-width: 473px; margin-left: auto; margin-right: auto; }
.erabikata .point3 .block.eco .example.mirai .ex-cont .notes-list:nth-of-type(2){ margin-top: 17px; line-height: 1.5; }
.erabikata .point3 .block.eco .example.mirai .ex-cont .button{ width: 310px; margin-top: 36px; margin-left: auto; margin-right: auto; display: block; }
.erabikata .point3 .block.eco .example.mirai .ex-cont .button a{ padding-left: 34px; padding-right: 0; }
.erabikata .point3 .block.eco+.gakun{ width: 394px; margin-top: 59px; }
@media screen and (max-width: 767px) {
  .erabikata .point3 .block.eco .example.mirai{ margin-top: 21vw; }
  .erabikata .point3 .block.eco .example.mirai .ex-cont{ padding-top: 13vw; }
  .erabikata .point3 .example .label{ padding: .5vw 2.2vw; margin-right: 1.5vw; }
  .erabikata .point3 .example .label.fd,
  .erabikata .point3 .example .label.zd{ margin-top: 4.8vw; }
  .erabikata .point3 .block.eco .example.mirai .ex-cont .txt{ margin-top: 6.5vw; }
  .erabikata .point3 .block.eco .example.mirai .ex-cont .notes-list:nth-of-type(1){ margin-top: 5.5vw; }
  .erabikata .point3 .block.eco .example.mirai .ex-cont .notes-list .note{ line-height: 1.75; }
  .erabikata .point3 .block.eco .example.mirai .ex-cont .notes-list .note+.note{ margin-top: 0.1vw; }
  .erabikata .point3 .block.eco .example.mirai .ex-cont .img{ margin-top: 9vw; max-width: 84%; }
  .erabikata .point3 .block.eco .example.mirai .ex-cont .notes-list:nth-of-type(2){ margin-top: 7.4vw; line-height: 1.63; }
  .erabikata .point3 .block.eco .example.mirai .ex-cont .button{ width: 100%; margin-top: 15vw; }
  .erabikata .point3 .block.eco .example.mirai .ex-cont .button a{ font-size: min(14px,3.73vw); padding-left: 5vw; }
  .erabikata .point3 .block.eco+.gakun{ width: 89%; margin-top: 16vw; }
}

/* - - - - - - - - - - - - - - - - - - */


/* - - - - - btn-top_back - - - - - */

.btn-top_back{ margin-top: 60px; padding-bottom: 80px; width: 155px; margin-left: auto; margin-right: auto; }
.btn-top_back a{ display: block; padding: 10px 30px 10px 40px; border: 1px solid grey; border-radius: 5px; color: #333; font-size: .88em; -webkit-transition: .25s ease-out; transition: .25s ease-out; text-align: center; color: #000; }
@media screen and (min-width: 767px) {
  .btn-top_back a:hover{ background-color: #c00; text-decoration: none; color: #fff; }
}
@media screen and (max-width: 767px) {
  .btn-top_back{ margin-top: 16vw; padding-bottom: 21vw; width: 35%; }
  .btn-top_back a{ padding: 3vw 0 3vw 0; }
}

/* - - - - - - - - - - - - - - - - - - */


/* - - - - - accordion共通 - - - - - */

.erabikata .example.accordion { position: relative; background-color: #ececec; padding-bottom: 0; }
.erabikata .accordion.is-opened{ padding-bottom: 10px; }
.erabikata .accordion-button { cursor: pointer; display: flex; align-items: center; cursor: pointer; }
.erabikata .accordion-button::-webkit-details-marker { display: none; }
.erabikata .accordion-content { transition-property: height; transition-duration: 400ms; transition-timing-function: ease; }
@media screen and (max-width: 767px) {
  .erabikata .block .example.accordion{ border-radius: 10px 10px 0 0; }
  .erabikata .block .example.accordion{ margin-bottom: 42vw; }
  .erabikata .block .example .ex-ttl.accordion-button{ position: inherit; display: block; }
  .erabikata .block .example .ex-ttl.accordion-button .circle-bg{ background-color: #ececec; position: absolute; top: 100%; left: 0; width: 100%; height: 20vw; border-radius: 0 0 10px 10px; }
  .erabikata .block .example .ex-ttl.accordion-button .circle-arrow{ position: absolute; top: 50%; right: 50%; transform: translate(50%,-50%); width: 11vw; height: 11vw; }
  .erabikata .block .example .ex-ttl.accordion-button .circle-arrow::before,.erabikata .block .example .ex-ttl.accordion-button .circle-arrow::after { width: 0.7vw; height: 4vw; }
  .erabikata .block .example.is-opened .ex-ttl.accordion-button .circle-arrow{ transform: translate(50%,-50%) rotate(-180deg); }
}

/* - - - - - - - - - - - - - - - - - - */


/* - - - - - chatbot - - - - - */

#web_plugin_open_button { visibility:hidden; }
#chat-open-button { width: 113px; height: 113px; position: fixed; box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2); border-radius: 50%; right: 95px; bottom: 63px; transition: all .5s ease; z-index: 999;}
@media only screen and (max-width: 767px) {
  #chat-open-button { width: 95px; height: 95px; right: 17px; bottom: 85px; }
}

/* - - - - - - - - - - - - - - - - - - */