@charset "UTF-8";
/*# sourceMappingURL=../css/style.css.map */
/*--基本スタイル--*/
/*--mixin--*/
/*共通部分*/
html {
  font-size: 100%;
  letter-spacing: 0.22em;
  visibility: hidden;
  opacity: 0;
}

html.wf-active {
  visibility: visible;
  opacity: 1;
}

.widthSize, .main-kv #slide_wrap .slide_item .image-content, header {
  width: 980px;
  margin: auto;
}
@media screen and (max-width: 980px) {
  .widthSize, .main-kv #slide_wrap .slide_item .image-content, header {
    width: 100%;
    padding: 0 16px;
  }
}
@media screen and (max-width: 768px) {
  .widthSize, .main-kv #slide_wrap .slide_item .image-content, header {
    width: 100%;
    padding: 0 16px;
  }
}
.widthSize.relative, .main-kv #slide_wrap .slide_item .relative.image-content, header.relative {
  position: relative;
}

body {
  font-family: "Noto Sans JP", sans-serif, apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothicM, YuGothic, Meiryo, Arial, "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", sans-serif;
  line-height: 1.5;
  color: #333333;
  font-weight: 400;
  letter-spacing: 0;
  overflow: hidden;
}
@media screen and (max-width: 980px) {
  body {
    min-width: inherit;
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 576px) {
  body {
    font-size: 0.75rem;
  }
}

body.fixed {
  width: 100%;
  position: fixed;
  overflow: hidden;
}

#widthMax {
  width: 100%;
}

.max-extend {
  max-width: 1920px;
  margin: 0 auto;
}

.max-extend-inner {
  max-width: 1366px;
  width: 100%;
  margin: 0 auto;
  padding: 0 4%;
}

.inner-content {
  max-width: 980px;
  width: 92%;
  margin: auto;
}

.wrapper {
  padding: 0 4%;
}

.content-wrapper {
  padding: 0 5%;
}

h1, h2 {
  font-size: 2rem;
}
@media screen and (max-width: 980px) {
  h1, h2 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 576px) {
  h1, h2 {
    font-size: 1.25rem;
  }
}

h3 h5, h6 {
  font-size: 1.375rem;
  line-height: 1;
}
@media screen and (max-width: 980px) {
  h3 h5, h6 {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 576px) {
  h3 h5, h6 {
    font-size: 1rem;
  }
}

h4 {
  font-size: 2rem;
  font-weight: 700;
  margin-top: 96px;
  text-align: center;
}
@media screen and (max-width: 980px) {
  h4 {
    font-size: 1.5rem;
    margin-top: 64px;
  }
}
@media screen and (max-width: 576px) {
  h4 {
    font-size: 1rem;
  }
}

.m-plus, .htt02 .energy-point .inner-content .flex .point-box .top-content p {
  font-family: "M PLUS Rounded 1c", sans-serif;
}

b {
  font-weight: 700;
}

p {
  line-height: 1;
  font-size: 1rem;
  line-height: 28px;
}
@media screen and (max-width: 980px) {
  p {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media screen and (max-width: 576px) {
  p {
    font-size: 0.75rem;
  }
}

.flex-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.pc-lp-show {
  display: block;
}
@media screen and (max-width: 980px) {
  .pc-lp-show {
    display: none;
  }
}

.sp-br {
  display: none;
}
@media screen and (max-width: 768px) {
  .sp-br {
    display: block;
  }
}

.lp-show {
  display: none;
}
@media screen and (max-width: 980px) {
  .lp-show {
    display: block;
  }
}

.pc-show {
  display: block;
}
@media screen and (max-width: 768px) {
  .pc-show {
    display: none;
  }
}

.sp-show {
  display: none;
}
@media screen and (max-width: 768px) {
  .sp-show {
    display: block;
  }
}

.sp-xs-none {
  display: none;
}
@media screen and (max-width: 768px) {
  .sp-xs-none {
    display: block;
  }
}
@media screen and (max-width: 576px) {
  .sp-xs-none {
    display: none;
  }
}

.sp-xs-show {
  display: none;
}
@media screen and (max-width: 576px) {
  .sp-xs-show {
    display: block;
  }
}

.xs-show {
  display: none;
}
@media screen and (max-width: 576px) {
  .xs-show {
    display: block;
  }
}

.xs-none {
  display: block;
}
@media screen and (max-width: 576px) {
  .xs-none {
    display: none;
  }
}

.br-phone {
  display: none;
}

@media screen and (max-width: 430px) {
  .br-phone {
    display: block;
  }
}
ul {
  list-style: none;
}

select {
  -webkit-appearance: revert;
     -moz-appearance: revert;
          appearance: revert;
}

table {
  border-collapse: collapse;
  width: 100%;
  text-align: left;
}
@media screen and (max-width: 576px) {
  table th, table td {
    font-size: 0.875rem;
  }
}

ol {
  padding-left: 20px;
}

ul {
  list-style: none;
}

.back-inherit {
  background-color: inherit !important;
}

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

.mr-right {
  margin-right: 4%;
}

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .flex {
    display: block;
  }
}

.flex-warp {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.flex-as {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.justify-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.justify-end {
  -webkit-box-pack: end;
  -webkit-justify-content: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.justify-around {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
.justify-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.no-warp {
  white-space: nowrap;
}

.pointer {
  cursor: pointer;
}

/* フォントカラー */
.fc-white {
  color: #ffffff;
}

/* bottom 三角 */
.triangle-bottom {
  margin: 48px auto;
  width: 0;
  height: 0;
  border-left: 250px solid transparent;
  border-right: 250px solid transparent;
  border-top: 64px solid #333333;
}
@media screen and (max-width: 576px) {
  .triangle-bottom {
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    border-top: 50px solid #333333;
  }
}

.vertical-font {
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
}

.position-right {
  text-align: right;
}

.position-left {
  text-align: left;
}

.medium {
  font-weight: 500;
}

.semi-bold {
  font-weight: 600;
}

.bold {
  font-weight: 700;
}

.d-inline {
  display: inline-block;
}

/* フォント一覧 */
.font-12, .htt04 .co2 .right .note, .section01 .energy-content .label-list .left .flex .image-block p, .section01 .energy-content .label-list .right .flex .image-block p, .subsidy .notice {
  font-size: 0.75rem;
}
.font-13, .htt04 .system .right .notice, .htt03 .reform-flex .image-block .left .precautionary, .htt03 .notice li, .section01 .energy-content .point-content .right .note, .section01 .energy-content .notes-list {
  font-size: 0.8125rem;
}
@media screen and (max-width: 576px) {
  .font-13, .htt04 .system .right .notice, .htt03 .reform-flex .image-block .left .precautionary, .htt03 .notice li, .section01 .energy-content .point-content .right .note, .section01 .energy-content .notes-list {
    font-size: 0.75rem;
  }
}
.font-14, .menu-list h3 span, .htt04 .co2 .right .notice, .htt04 .system .left ul li p, .htt04 .sun-light .left .sun-box p, .htt04 .sun-light .right .sun-box p, .htt03 .health-btn-flex .left .notice, .htt03 .health-btn-flex .right .notice, .section01 .energy-content .label-list .left .flex .inner-center h6, .section01 .energy-content .label-list .left .flex .inner-right h6, .section01 .energy-content .label-list .right .flex .inner-center h6, .section01 .energy-content .label-list .right .flex .inner-right h6, .section01 .energy-content .label-list .left .detail, .section01 .energy-content .label-list .right .detail, .section01 .energy-content .table-notice, .section01 .energy-content table td p .inner-notice, .section01 .energy-content table td .inner-text .inner-notice, .section01 .energy-content .energy-list li p.notice, .section01 .diy-content .left ul li.small, .section01 .diy-content .left ul li p, .voice-flex .voice-box p, #tokyoLp a, footer small {
  font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
  .font-14, .menu-list h3 span, .htt04 .co2 .right .notice, .htt04 .system .left ul li p, .htt04 .sun-light .left .sun-box p, .htt04 .sun-light .right .sun-box p, .htt03 .health-btn-flex .left .notice, .htt03 .health-btn-flex .right .notice, .section01 .energy-content .label-list .left .flex .inner-center h6, .section01 .energy-content .label-list .left .flex .inner-right h6, .section01 .energy-content .label-list .right .flex .inner-center h6, .section01 .energy-content .label-list .right .flex .inner-right h6, .section01 .energy-content .label-list .left .detail, .section01 .energy-content .label-list .right .detail, .section01 .energy-content .table-notice, .section01 .energy-content table td p .inner-notice, .section01 .energy-content table td .inner-text .inner-notice, .section01 .energy-content .energy-list li p.notice, .section01 .diy-content .left ul li.small, .section01 .diy-content .left ul li p, .voice-flex .voice-box p, #tokyoLp a, footer small {
    font-size: 0.75rem;
  }
}
.font-15, .htt02 .energy-point .inner-content .flex .point-box .top-content p span.text, .section01 .diy-content .left ul li, footer dl dd {
  font-size: 0.9375rem;
}
@media screen and (max-width: 768px) {
  .font-15, .htt02 .energy-point .inner-content .flex .point-box .top-content p span.text, .section01 .diy-content .left ul li, footer dl dd {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 576px) {
  .font-15, .htt02 .energy-point .inner-content .flex .point-box .top-content p span.text, .section01 .diy-content .left ul li, footer dl dd {
    font-size: 0.75rem;
  }
}
.font-16, .policy-content .detail, .policy-content dl dd ul li, .policy-content dl dd, .policy-content dl dt, .policy-content dl.bottom-dl dd nav a, .policy-content dl.bottom-dl dd, .policy-content .description, .policy-content .top-flex p, .htt04 .co2 .right .detail, .htt04 .co2 .left .description, .htt04 .system .left p, .htt03 .detail, .htt03 .reform-flex dl dd, .htt03 .flex .merit-box dd, .htt02 .merit .flex .merit-right dd, .htt02 .merit .flex .merit-box dd, .section01 .energy-content .point-content .right ul .inner-left p, .section01 .diy-content .left .detail, .section01 .text, .section01 .htt-content .right p, .subsidy .button a {
  font-size: 1rem;
}
@media screen and (max-width: 768px) {
  .font-16, .policy-content .detail, .policy-content dl dd ul li, .policy-content dl dd, .policy-content dl dt, .policy-content dl.bottom-dl dd nav a, .policy-content dl.bottom-dl dd, .policy-content .description, .policy-content .top-flex p, .htt04 .co2 .right .detail, .htt04 .co2 .left .description, .htt04 .system .left p, .htt03 .detail, .htt03 .reform-flex dl dd, .htt03 .flex .merit-box dd, .htt02 .merit .flex .merit-right dd, .htt02 .merit .flex .merit-box dd, .section01 .energy-content .point-content .right ul .inner-left p, .section01 .diy-content .left .detail, .section01 .text, .section01 .htt-content .right p, .subsidy .button a {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 576px) {
  .font-16, .policy-content .detail, .policy-content dl dd ul li, .policy-content dl dd, .policy-content dl dt, .policy-content dl.bottom-dl dd nav a, .policy-content dl.bottom-dl dd, .policy-content .description, .policy-content .top-flex p, .htt04 .co2 .right .detail, .htt04 .co2 .left .description, .htt04 .system .left p, .htt03 .detail, .htt03 .reform-flex dl dd, .htt03 .flex .merit-box dd, .htt02 .merit .flex .merit-right dd, .htt02 .merit .flex .merit-box dd, .section01 .energy-content .point-content .right ul .inner-left p, .section01 .diy-content .left .detail, .section01 .text, .section01 .htt-content .right p, .subsidy .button a {
    font-size: 0.875rem;
  }
}
.font-18, .menu-list p, .htt04 .co2-center .link-text, .htt04 .co2 .right .link-text, .htt04 .co2 .left .subtitle, .htt04 .system .right .inner-title, .htt04 .sun-light .left .sun-box h5, .htt04 .sun-light .right .sun-box h5, .htt03 .health-btn-flex .left .link-text, .htt03 .health-btn-flex .right .link-text, .htt03 .reform-flex .image-block .left .img-title, .htt03 .reform-flex .image-block .right .img-title, .htt03 .flex .merit-box dd.health ul li, .htt03 .flex .merit-box dt, .htt03 .flex .merit-box dl.merit03 dd, .htt02 .energy-point .inner-content .flex .point-box ul li p, .section01 .energy-content table td p.description, .section01 .energy-content table td .inner-text.description, .section01 .energy-content dl dt, .section01 .energy-content dl dd, .section01 .energy-content .energy-list li p, .section01 .diy-content .right .detail, .section01 .diy-content .left h5, .section01 .htt-label .htt-box dl dt span, .link-title, footer a, footer dl dt, footer .footer-title {
  font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
  .font-18, .menu-list p, .htt04 .co2-center .link-text, .htt04 .co2 .right .link-text, .htt04 .co2 .left .subtitle, .htt04 .system .right .inner-title, .htt04 .sun-light .left .sun-box h5, .htt04 .sun-light .right .sun-box h5, .htt03 .health-btn-flex .left .link-text, .htt03 .health-btn-flex .right .link-text, .htt03 .reform-flex .image-block .left .img-title, .htt03 .reform-flex .image-block .right .img-title, .htt03 .flex .merit-box dd.health ul li, .htt03 .flex .merit-box dt, .htt03 .flex .merit-box dl.merit03 dd, .htt02 .energy-point .inner-content .flex .point-box ul li p, .section01 .energy-content table td p.description, .section01 .energy-content table td .inner-text.description, .section01 .energy-content dl dt, .section01 .energy-content dl dd, .section01 .energy-content .energy-list li p, .section01 .diy-content .right .detail, .section01 .diy-content .left h5, .section01 .htt-label .htt-box dl dt span, .link-title, footer a, footer dl dt, footer .footer-title {
    font-size: 1rem;
  }
}
.font-20, .htt04 .co2 .right .subtitle, .htt04 .co2 .left h5, .htt04 .co2 .right h5, .htt03 .health-btn-flex .left .inner-flex p, .htt03 .health-btn-flex .right .inner-flex p, .htt03 .reform-flex dl dt, .htt03 .flex .merit-box .bubble, .htt02 .merit .flex .merit-right dt, .htt02 .merit .flex .merit-left .long-bubble, .htt02 .merit .flex .merit-box .bubble, .section01 .energy-content .label-list .left h5, .section01 .energy-content .label-list .right h5, .section01 .energy-content table td p.detail, .section01 .energy-content table td .inner-text.detail, .section01 .energy-content table td p.title, .section01 .energy-content table td .inner-text.title, .section01 .energy-content .energy-list li .title, .section01 .energy-detail, .voice, .link-btn a .inner-text, .link-btn a, .link-btn.list-btn a, header .logo-content .header-title {
  font-size: 1.25rem;
}
@media screen and (max-width: 768px) {
  .font-20, .htt04 .co2 .right .subtitle, .htt04 .co2 .left h5, .htt04 .co2 .right h5, .htt03 .health-btn-flex .left .inner-flex p, .htt03 .health-btn-flex .right .inner-flex p, .htt03 .reform-flex dl dt, .htt03 .flex .merit-box .bubble, .htt02 .merit .flex .merit-right dt, .htt02 .merit .flex .merit-left .long-bubble, .htt02 .merit .flex .merit-box .bubble, .section01 .energy-content .label-list .left h5, .section01 .energy-content .label-list .right h5, .section01 .energy-content table td p.detail, .section01 .energy-content table td .inner-text.detail, .section01 .energy-content table td p.title, .section01 .energy-content table td .inner-text.title, .section01 .energy-content .energy-list li .title, .section01 .energy-detail, .voice, .link-btn a .inner-text, .link-btn a, .link-btn.list-btn a, header .logo-content .header-title {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 576px) {
  .font-20, .htt04 .co2 .right .subtitle, .htt04 .co2 .left h5, .htt04 .co2 .right h5, .htt03 .health-btn-flex .left .inner-flex p, .htt03 .health-btn-flex .right .inner-flex p, .htt03 .reform-flex dl dt, .htt03 .flex .merit-box .bubble, .htt02 .merit .flex .merit-right dt, .htt02 .merit .flex .merit-left .long-bubble, .htt02 .merit .flex .merit-box .bubble, .section01 .energy-content .label-list .left h5, .section01 .energy-content .label-list .right h5, .section01 .energy-content table td p.detail, .section01 .energy-content table td .inner-text.detail, .section01 .energy-content table td p.title, .section01 .energy-content table td .inner-text.title, .section01 .energy-content .energy-list li .title, .section01 .energy-detail, .voice, .link-btn a .inner-text, .link-btn a, .link-btn.list-btn a, header .logo-content .header-title {
    font-size: 0.875rem;
  }
}
.font-21, .section01 .htt-label .htt-box dl dd, .section01 .htt-label .htt-box dl dt span.new {
  font-size: 1.3125rem;
}
@media screen and (max-width: 768px) {
  .font-21, .section01 .htt-label .htt-box dl dd, .section01 .htt-label .htt-box dl dt span.new {
    font-size: 1.125rem;
  }
}
.font-22, .htt03 .bottom-triangle {
  font-size: 1.375rem;
}
@media screen and (max-width: 768px) {
  .font-22, .htt03 .bottom-triangle {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 576px) {
  .font-22, .htt03 .bottom-triangle {
    font-size: 0.875rem;
  }
}
.font-24, .htt04 .co2 .right .inner-title, .htt02 .merit .flex .merit-box dt, .htt02 .merit .title, .htt02 .energy-point .inner-content .flex .point-box .top-content h6, .section01 .energy-content .label-list .left .flex .inner-center p, .section01 .energy-content .label-list .left .flex .inner-right p, .section01 .energy-content .label-list .right .flex .inner-center p, .section01 .energy-content .label-list .right .flex .inner-right p, .subsidy h5 {
  font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
  .font-24, .htt04 .co2 .right .inner-title, .htt02 .merit .flex .merit-box dt, .htt02 .merit .title, .htt02 .energy-point .inner-content .flex .point-box .top-content h6, .section01 .energy-content .label-list .left .flex .inner-center p, .section01 .energy-content .label-list .left .flex .inner-right p, .section01 .energy-content .label-list .right .flex .inner-center p, .section01 .energy-content .label-list .right .flex .inner-right p, .subsidy h5 {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 576px) {
  .font-24, .htt04 .co2 .right .inner-title, .htt02 .merit .flex .merit-box dt, .htt02 .merit .title, .htt02 .energy-point .inner-content .flex .point-box .top-content h6, .section01 .energy-content .label-list .left .flex .inner-center p, .section01 .energy-content .label-list .left .flex .inner-right p, .section01 .energy-content .label-list .right .flex .inner-center p, .section01 .energy-content .label-list .right .flex .inner-right p, .subsidy h5 {
    font-size: 1rem;
  }
}
.font-28, .menu-list h3, .htt02 .energy-point .inner-content .inner-title h5 {
  font-size: 1.75rem;
}
@media screen and (max-width: 768px) {
  .font-28, .menu-list h3, .htt02 .energy-point .inner-content .inner-title h5 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 576px) {
  .font-28, .menu-list h3, .htt02 .energy-point .inner-content .inner-title h5 {
    font-size: 1.25rem;
  }
}
.font-30, .htt03 .health-btn-flex .left h5, .htt03 .health-btn-flex .right h5, .htt02 .energy-point .inner-content .flex .point-box .top-content p span.num, .section01 .energy-content .point-content .left p, .section01 .energy-content .point-content .now, .section01 .energy-content .energy-list li h5 {
  font-size: 1.875rem;
}
@media screen and (max-width: 768px) {
  .font-30, .htt03 .health-btn-flex .left h5, .htt03 .health-btn-flex .right h5, .htt02 .energy-point .inner-content .flex .point-box .top-content p span.num, .section01 .energy-content .point-content .left p, .section01 .energy-content .point-content .now, .section01 .energy-content .energy-list li h5 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 576px) {
  .font-30, .htt03 .health-btn-flex .left h5, .htt03 .health-btn-flex .right h5, .htt02 .energy-point .inner-content .flex .point-box .top-content p span.num, .section01 .energy-content .point-content .left p, .section01 .energy-content .point-content .now, .section01 .energy-content .energy-list li h5 {
    font-size: 1.125rem;
  }
}
.font-40, .section01 .energy-content .point-content .bottom-content p {
  font-size: 2.5rem;
}
.font-48, .htt-title {
  font-size: 3rem;
}
@media screen and (max-width: 768px) {
  .font-48, .htt-title {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 576px) {
  .font-48, .htt-title {
    font-size: 1.5rem;
  }
}

header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  header {
    padding: 12px 16px;
  }
}
header .logo-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
header .logo-content .logo {
  margin-right: 12px;
}
@media screen and (max-width: 768px) {
  header .logo-content .logo {
    width: 186px;
  }
}
@media screen and (max-width: 576px) {
  header .logo-content .logo {
    width: 127px;
  }
}
header .logo-content .logo a {
  display: block;
  width: 100%;
}
header .logo-content .logo a img {
  display: block;
  margin: auto;
}
header .logo-content .header-title {
  font-weight: 500;
  padding-bottom: 5px;
}
@media screen and (max-width: 768px) {
  header .logo-content .header-title {
    padding-bottom: 8px;
  }
}
@media screen and (max-width: 576px) {
  header .logo-content .header-title {
    padding-bottom: 0px;
    width: calc(100% - 139px);
  }
}

footer {
  background-color: #1C9CAB;
  padding: 74px 0 34px;
}
@media screen and (max-width: 768px) {
  footer {
    padding: 48px 0 20px;
  }
}
footer .footer-title {
  color: #ffffff;
  font-weight: 700;
}
footer dl {
  margin-top: 16px;
}
footer dl dt {
  color: #ffffff;
  font-weight: 700;
}
@media screen and (max-width: 576px) {
  footer dl dt {
    font-size: 0.875rem;
  }
}
footer dl dd {
  line-height: 30px;
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  footer dl dd {
    line-height: 24px;
  }
}
footer a {
  display: block;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  footer a {
    font-size: 0.875rem;
    margin-top: 16px;
  }
}
footer a.sp-link {
  display: none;
}
@media screen and (max-width: 768px) {
  footer a.sp-link {
    display: block;
  }
}
footer small {
  display: block;
  text-align: center;
  color: #ffffff;
  margin-top: 54px;
}
@media screen and (max-width: 768px) {
  footer small {
    margin-top: 24px;
  }
}

/* リンクタイトル */
.link-title {
  font-weight: 700;
  text-align: center;
  margin-top: 82px;
  line-height: 30px;
}
@media screen and (max-width: 980px) {
  .link-title {
    margin-top: 56px;
  }
}
@media screen and (max-width: 980px) {
  .link-title {
    margin-top: 40px;
  }
}

#tokyoLp {
  display: block;
}
@media screen and (max-width: 768px) {
  #tokyoLp {
    display: none;
  }
}
#tokyoLp a {
  background-color: #F3F3F3;
  padding: 6px 14px;
  display: inline-block;
  border-radius: 4px;
  font-weight: 400;
  color: #333333;
}
#tokyoLp a:hover {
  opacity: 0.5;
}

.link-btn {
  display: block;
  width: 85%;
  max-width: 500px;
  margin: 28px auto 0;
}
.link-btn.health-btn {
  width: 100%;
  margin: 18px 0 0;
  max-width: inherit;
}
.link-btn.co2-btn {
  width: 100%;
}
.link-btn.co2-btn.first {
  margin-top: 18px;
}
.link-btn.co2-btn.first.ka-bo a {
  padding: 12px 0;
}
.link-btn.co2-btn.second {
  margin-top: 74px;
}
@media screen and (max-width: 980px) {
  .link-btn.co2-btn.second {
    margin-top: 48px;
  }
}
@media screen and (max-width: 576px) {
  .link-btn.co2-btn.second {
    margin-top: 30px;
  }
}
.link-btn.list-btn.first {
  margin: 56px auto 60px 0;
}
@media screen and (max-width: 980px) {
  .link-btn.list-btn.first {
    margin: 32px auto 40px 0;
  }
}
.link-btn.list-btn.second {
  margin: 30px auto 0px 0;
}
@media screen and (max-width: 980px) {
  .link-btn.list-btn.second {
    margin-top: 24px auto 0 0;
  }
}
.link-btn.list-btn.third {
  width: 95%;
  max-width: 830px;
  margin: 30px auto 30px 0;
}
@media screen and (max-width: 980px) {
  .link-btn.list-btn.third {
    max-width: 600px;
    width: 100%;
  }
  .link-btn.list-btn.third a {
    padding: 16px 0;
  }
}
.link-btn.list-btn a {
  background-color: #ffffff;
  color: #333333;
  font-weight: 500;
  padding: 30px 0;
}
@media screen and (max-width: 980px) {
  .link-btn.list-btn a {
    padding: 18px 0;
  }
}
.link-btn.sora-btn {
  margin: 40px auto 0;
}
@media screen and (max-width: 980px) {
  .link-btn.sora-btn {
    margin-top: 32px;
  }
}
.link-btn.sora-btn a {
  padding: 13px 0 12px;
}
.link-btn a {
  position: relative;
  background-color: #1C9CAB;
  border-radius: 40px;
  text-align: center;
  color: #ffffff;
  font-weight: 700;
  padding: 24px 0 26px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.link-btn a .inner-text {
  width: auto;
  line-height: 24px;
}
@media screen and (max-width: 980px) {
  .link-btn a .inner-text {
    width: auto;
  }
}
@media screen and (max-width: 980px) {
  .link-btn a {
    padding: 18px 0 20px;
  }
}
.link-btn a.line-up {
  line-height: 30px;
  padding: 12px 0;
}
.link-btn a.line-up.radiusUp {
  border-radius: 100px;
}
.link-btn a:hover {
  opacity: 0.7;
}
.link-btn a img {
  display: block;
  width: 20px;
  margin-left: 6px;
}

/* 補助金リンク */
.subsidy {
  width: 85%;
  max-width: 700px;
  margin: 72px auto 0;
  border-radius: 10px;
  border: 2px solid #1C9CAB;
  background-color: #ffffff;
  padding: 30px 111px 34px;
}
@media screen and (max-width: 980px) {
  .subsidy {
    width: 95%;
    margin: 40px auto;
    padding: 24px 0 30px;
  }
}
@media screen and (max-width: 576px) {
  .subsidy {
    width: 100%;
    padding: 20px 0 24px;
  }
}
@media screen and (max-width: 980px) {
  .subsidy .inner {
    width: 400px;
    margin: auto;
  }
}
@media screen and (max-width: 576px) {
  .subsidy .inner {
    width: 270px;
  }
}
.subsidy h5 {
  line-height: 42px;
  text-align: center;
  white-space: nowrap;
  margin-bottom: 12px;
}
@media screen and (max-width: 980px) {
  .subsidy h5 {
    line-height: 28px;
  }
}
@media screen and (max-width: 576px) {
  .subsidy h5 {
    font-size: 0.875rem;
  }
}
.subsidy p {
  margin-top: 30px;
  width: 138px;
}
@media screen and (max-width: 980px) {
  .subsidy p {
    margin-top: 20px;
    width: 110px;
  }
}
.subsidy p.notice {
  width: 100%;
  line-height: 21px;
}
.subsidy p img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.subsidy .button {
  display: block;
  margin-bottom: 20px;
}
.subsidy .button a {
  position: relative;
  border-radius: 40px;
  text-align: center;
  color: #333333;
  text-decoration: underline;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  white-space: nowrap;
}
@media screen and (max-width: 980px) {
  .subsidy .button a {
    white-space: inherit;
    font-size: 0.75rem;
    text-align: left;
  }
}
.subsidy .button a span {
  display: block;
}
.subsidy .button a:hover {
  opacity: 0.7;
}
.subsidy .button a img {
  display: block;
  width: 20px;
  margin-left: 6px;
}
@media screen and (max-width: 576px) {
  .subsidy .button a img {
    width: 15px;
    margin-left: 3px;
  }
}
.subsidy .notice {
  margin-top: 16px;
}
@media screen and (max-width: 980px) {
  .subsidy .notice {
    width: 100%;
    margin-top: 12px;
  }
}
.subsidy .add-content {
  margin-top: 36px;
}
@media screen and (max-width: 576px) {
  .subsidy .add-content {
    margin-top: 20px;
  }
}
.subsidy .add-content p {
  width: 100%;
}
.subsidy .add-content__subtitle {
  font-size: 1.0625rem;
  font-weight: 500;
}
@media screen and (max-width: 980px) {
  .subsidy .add-content__subtitle {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 576px) {
  .subsidy .add-content__subtitle {
    font-size: 0.75rem;
  }
}
.subsidy .add-content__title {
  margin-top: 12px;
  font-size: 1.5rem;
  text-align: center;
  line-height: 40px;
  white-space: nowrap;
}
.subsidy .add-content__title .red {
  color: #E6003E;
}
.subsidy .add-content__title .blue {
  color: #178BC6;
}
@media screen and (max-width: 980px) {
  .subsidy .add-content__title {
    font-size: 1.25rem;
    line-height: 32px;
  }
}
@media screen and (max-width: 576px) {
  .subsidy .add-content__title {
    font-size: 0.9375rem;
    line-height: 26px;
  }
}
.subsidy .add-content__name {
  font-size: 1rem;
  font-weight: 500;
  margin-top: 10px;
}
@media screen and (max-width: 980px) {
  .subsidy .add-content__name {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 576px) {
  .subsidy .add-content__name {
    font-size: 0.75rem;
  }
}
.subsidy .add-content img {
  display: block;
  width: 100%;
  margin-top: 2px;
}
.subsidy .add-content__notice {
  margin-top: 2px;
  font-size: 0.8125rem;
}
@media screen and (max-width: 576px) {
  .subsidy .add-content__notice {
    font-size: 0.625rem;
  }
}

a:hover {
  opacity: 0.7;
}

#page_top {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  position: fixed;
  bottom: 50px;
  right: 100px;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  #page_top {
    width: 56px;
    height: 56px;
    bottom: 50px;
    right: 20px;
  }
}
#page_top a {
  height: 100%;
  width: 100%;
  background-color: #7EDBE5;
  border: 1px solid #22B7C7;
  border-radius: 50%;
  display: block;
  position: relative;
}
#page_top a:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  border-right: 15px solid transparent;
  border-bottom: 20px solid #ffffff;
  border-left: 15px solid transparent;
}

#page_top.show {
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

/* トップ戻る btn */
.main-kv {
  position: relative;
  height: 410px;
}
@media screen and (max-width: 576px) {
  .main-kv {
    height: 280px;
  }
}
.main-kv #slide_wrap {
  position: relative;
  width: 100%;
  margin: auto;
  height: 410px;
}
@media screen and (max-width: 576px) {
  .main-kv #slide_wrap {
    height: 280px;
  }
}
.main-kv #slide_wrap .slide_item {
  opacity: 0;
  -webkit-transition: opacity 2s linear, -webkit-transform 7.5s linear;
  transition: opacity 2s linear, -webkit-transform 7.5s linear;
  -o-transition: opacity 2s linear, transform 7.5s linear;
  transition: opacity 2s linear, transform 7.5s linear;
  transition: opacity 2s linear, transform 7.5s linear, -webkit-transform 7.5s linear;
  position: relative;
  width: 980px;
  margin: auto;
  height: 100%;
}
@media screen and (max-width: 576px) {
  .main-kv #slide_wrap .slide_item {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.main-kv #slide_wrap .slide_item img {
  display: block;
  margin: auto;
}
@media screen and (max-width: 576px) {
  .main-kv #slide_wrap .slide_item img {
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    width: 100%;
  }
}
.main-kv #slide_wrap .slide_item img.kv-back {
  position: relative;
  z-index: 1;
  height: 100%;
}
@media screen and (max-width: 576px) {
  .main-kv #slide_wrap .slide_item img.kv-back {
    display: none;
  }
}
.main-kv #slide_wrap .slide_item img.kv-title {
  position: absolute;
  z-index: 3;
  top: 13px;
  left: 24px;
}
@media screen and (max-width: 576px) {
  .main-kv #slide_wrap .slide_item img.kv-title {
    display: none;
  }
}
.main-kv #slide_wrap .slide_item img.sp-kv-back {
  display: none;
}
@media screen and (max-width: 576px) {
  .main-kv #slide_wrap .slide_item img.sp-kv-back {
    display: block;
    position: relative;
    z-index: 1;
  }
}
.main-kv #slide_wrap .slide_item img.sp-kv-title {
  display: none;
}
@media screen and (max-width: 576px) {
  .main-kv #slide_wrap .slide_item img.sp-kv-title {
    display: block;
    width: 252px;
    position: absolute;
    z-index: 3;
    top: 10px;
    left: 26px;
  }
}
.main-kv #slide_wrap .slide_item:not(:first-child) {
  position: absolute;
  top: 0;
  margin: auto;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
@media screen and (max-width: 980px) {
  .main-kv #slide_wrap .slide_item:not(:first-child) {
    left: 0%;
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
  }
}
.main-kv #slide_wrap .slide_item:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: -50%;
  width: 200vw;
  height: 410px;
}
@media screen and (max-width: 576px) {
  .main-kv #slide_wrap .slide_item:before {
    height: 280px;
  }
}
.main-kv #slide_wrap .slide_item:nth-of-type(1):before {
  background-color: rgba(255, 255, 255, 0.15);
}
.main-kv #slide_wrap .slide_item:nth-of-type(2):before {
  background-color: #b1b0b5;
}
.main-kv #slide_wrap .slide_item.show_ {
  opacity: 1;
}
.main-kv #slide_wrap .slide_item .image-content {
  position: relative;
  height: 100%;
}

.slide-btn-content {
  position: absolute;
  z-index: 10;
  right: 12px;
  bottom: -40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  width: 100px;
}
.slide-btn-content button:hover {
  opacity: 0.7;
}
.slide-btn-content .stop-btn, .slide-btn-content .active-btn {
  cursor: pointer;
  display: none;
  width: 24px;
}
.slide-btn-content .stop-btn img, .slide-btn-content .active-btn img {
  width: 100%;
}
.slide-btn-content .stop-btn.is-active, .slide-btn-content .active-btn.is-active {
  display: block;
}
.slide-btn-content .change-image {
  display: block;
  width: 22px;
  height: 22px;
  border: 1px solid #9A856F;
  border-radius: 4px;
  background-color: #ffffff;
}
.slide-btn-content .change-image.active {
  background-color: #1C9CAB;
}

/* 共通 */
.htt-item {
  width: 70px;
  margin: auto;
}
@media screen and (max-width: 980px) {
  .htt-item {
    width: 50px;
  }
}
.htt-item.htt-item04 {
  width: 158px;
}
@media screen and (max-width: 980px) {
  .htt-item.htt-item04 {
    width: 100px;
  }
}
.htt-item img {
  width: 100%;
}

.htt-title {
  text-align: center;
  color: #1C9CAB;
}

.content-main-pv {
  width: 100%;
  display: block;
  margin: 68px auto 0;
}
@media screen and (max-width: 980px) {
  .content-main-pv {
    margin: 40px auto 0;
  }
}

/* 利用者の声 */
.voice {
  margin-top: 90px;
  text-align: left;
}
@media screen and (max-width: 980px) {
  .voice {
    margin-top: 64px;
  }
}
.voice-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 26px;
}
.voice-flex .voice-box {
  width: 48%;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 29px 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 980px) {
  .voice-flex .voice-box {
    padding: 20px 14px;
  }
}
@media screen and (max-width: 576px) {
  .voice-flex .voice-box {
    padding: 16px 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.voice-flex .voice-box.gray {
  background-color: #FAFAFA;
}
.voice-flex .voice-box.space {
  margin-top: 30px;
}
@media screen and (max-width: 980px) {
  .voice-flex .voice-box.space {
    margin-top: 24px;
  }
}
.voice-flex .voice-box img {
  width: 77px;
  display: block;
  margin-right: 20px;
}
@media screen and (max-width: 980px) {
  .voice-flex .voice-box img {
    width: 50px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 576px) {
  .voice-flex .voice-box img {
    width: 36px;
    margin-right: auto;
  }
}
.voice-flex .voice-box p {
  line-height: 28px;
  width: calc(100% - 97px);
}
@media screen and (max-width: 980px) {
  .voice-flex .voice-box p {
    width: calc(100% - 60px);
    line-height: 21px;
  }
}
@media screen and (max-width: 576px) {
  .voice-flex .voice-box p {
    margin-top: 16px;
    width: 100%;
    line-height: 21px;
  }
}
.voice-flex .voice-box p span {
  display: block;
  font-size: 12px;
  line-height: 21px;
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  .voice-flex .voice-box p span {
    font-size: 10px;
    line-height: 16px;
  }
}
@media screen and (max-width: 576px) {
  .voice-flex .voice-box p span {
    margin-top: 8px;
  }
}

/* 各セクション */
.section01 {
  background-color: #E7FAFD;
  padding: 26px 0 78px;
  /* 暑さ寒さは窓からやってくる */
  /* 意外と簡単！省エネDIY */
  /* 省エネ家電への買い替えにより 電気代がお得になります。 */
}
@media screen and (max-width: 980px) {
  .section01 {
    padding: 16px 0 54px;
  }
}
.section01 .htt-content {
  width: 100%;
  padding: 24px 32px;
  background-color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 980px) {
  .section01 .htt-content {
    padding: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.section01 .htt-content .left {
  width: calc(50% - 25px);
  margin-right: 25px;
}
@media screen and (max-width: 980px) {
  .section01 .htt-content .left {
    width: 100%;
    margin: 0 auto 16px;
  }
}
.section01 .htt-content .left a {
  display: block;
  width: 100%;
}
.section01 .htt-content .left a:hover {
  opacity: 0.7;
}
.section01 .htt-content .left img {
  width: 100%;
}
.section01 .htt-content .right {
  width: calc(50% - 25px);
  margin-left: 25px;
}
@media screen and (max-width: 980px) {
  .section01 .htt-content .right {
    width: 100%;
    margin: 0;
  }
}
.section01 .htt-content .right p {
  font-weight: 500;
  line-height: 29px;
}
@media screen and (max-width: 980px) {
  .section01 .htt-content .right p {
    line-height: 21px;
  }
}
.section01 .htt-label {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 24px;
}
@media screen and (max-width: 980px) {
  .section01 .htt-label {
    margin-top: 16px;
  }
}
.section01 .htt-label .htt-btn {
  display: block;
  width: calc(50% - 9px);
}
@media screen and (max-width: 980px) {
  .section01 .htt-label .htt-btn {
    width: calc(50% - 4px);
  }
}
.section01 .htt-label .htt-btn.flex-top.left {
  margin-right: 9px;
}
@media screen and (max-width: 980px) {
  .section01 .htt-label .htt-btn.flex-top.left {
    margin-right: 4px;
  }
}
.section01 .htt-label .htt-btn.flex-top.right {
  margin-left: 9px;
}
@media screen and (max-width: 980px) {
  .section01 .htt-label .htt-btn.flex-top.right {
    margin-left: 4px;
  }
}
.section01 .htt-label .htt-btn.flex-bottom.left {
  margin-top: 16px;
  margin-right: 9px;
}
@media screen and (max-width: 980px) {
  .section01 .htt-label .htt-btn.flex-bottom.left {
    margin-top: 8px;
    margin-right: 4px;
  }
}
.section01 .htt-label .htt-btn.flex-bottom.right {
  margin-top: 16px;
  margin-left: 9px;
}
@media screen and (max-width: 980px) {
  .section01 .htt-label .htt-btn.flex-bottom.right {
    margin-top: 8px;
    margin-left: 4px;
  }
}
.section01 .htt-label .htt-box {
  width: 100%;
  background-color: #1C9CAB;
  border-radius: 10px;
  padding: 26px 24px;
  position: relative;
  display: block;
}
@media screen and (max-width: 980px) {
  .section01 .htt-label .htt-box {
    padding: 12px;
  }
}
.section01 .htt-label .htt-box:hover {
  opacity: 0.7;
}
.section01 .htt-label .htt-box:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 35px;
  height: 35px;
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: contain;
  background-image: url("../img/common/arrow-bottom.png");
}
@media screen and (max-width: 576px) {
  .section01 .htt-label .htt-box:after {
    width: 22px;
    height: 22px;
    right: 6px;
  }
}
.section01 .htt-label .htt-box dl {
  color: #ffffff;
}
.section01 .htt-label .htt-box dl dt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 576px) {
  .section01 .htt-label .htt-box dl dt.justify-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-right: 18px;
  }
}
.section01 .htt-label .htt-box dl dt .inner-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 576px) {
  .section01 .htt-label .htt-box dl dt .inner-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.section01 .htt-label .htt-box dl dt .inner-flex__left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.section01 .htt-label .htt-box dl dt .inner-flex__right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.section01 .htt-label .htt-box dl dt span {
  display: block;
}
@media screen and (max-width: 576px) {
  .section01 .htt-label .htt-box dl dt span {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 576px) {
  .section01 .htt-label .htt-box dl dt span.en-title {
    width: 18px;
  }
}
.section01 .htt-label .htt-box dl dt span.title {
  margin: 0 12px 0 4px;
  padding-bottom: 4px;
  font-weight: 700;
}
@media screen and (max-width: 576px) {
  .section01 .htt-label .htt-box dl dt span.title {
    margin: 0 6px 0 4px;
  }
}
.section01 .htt-label .htt-box dl dt span.new {
  background-color: #DB7C00;
  text-align: center;
  display: inline-block;
  padding: 3px 10px;
  font-weight: 700;
  border-radius: 4px;
  margin-top: -2px;
}
@media screen and (max-width: 576px) {
  .section01 .htt-label .htt-box dl dt span.new {
    margin-top: -4px;
    padding: 2px 10px;
    font-size: 0.75rem;
    line-height: 20px;
  }
}
.section01 .htt-label .htt-box dl dd {
  font-weight: 700;
  text-align: left;
}
@media screen and (max-width: 576px) {
  .section01 .htt-label .htt-box dl dd {
    font-size: 0.75rem;
  }
}
.section01 .htt01 {
  margin-top: 100px;
}
@media screen and (max-width: 980px) {
  .section01 .htt01 {
    margin-top: 60px;
  }
}
@media screen and (max-width: 576px) {
  .section01 .htt01 {
    margin-top: 48px;
  }
}
.section01 .text {
  margin-top: 16px;
  font-weight: 500;
  text-align: center;
  line-height: 28px;
}
@media screen and (max-width: 980px) {
  .section01 .text {
    margin-top: 8px;
    line-height: 21px;
  }
}
.section01 .description01 {
  width: 100%;
  padding: 50px;
  background-color: #ffffff;
  margin-top: 54px;
  border-radius: 20px;
}
@media screen and (max-width: 980px) {
  .section01 .description01 {
    padding: 24px;
    margin-top: 32px;
  }
}
@media screen and (max-width: 576px) {
  .section01 .description01 {
    padding: 16px;
  }
}
.section01 .description01 img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.section01 .description01 p {
  margin-top: 6px;
  font-size: 0.875rem;
  text-align: center;
}
@media screen and (max-width: 576px) {
  .section01 .description01 p {
    font-size: 0.75rem;
  }
}
.section01 .diy-content {
  margin-top: 72px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 980px) {
  .section01 .diy-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 56px;
  }
}
@media screen and (max-width: 576px) {
  .section01 .diy-content {
    margin-top: 32px;
  }
}
.section01 .diy-content .left {
  width: 52%;
}
@media screen and (max-width: 980px) {
  .section01 .diy-content .left {
    width: 100%;
  }
}
.section01 .diy-content .left h5 {
  margin-bottom: 32px;
}
@media screen and (max-width: 980px) {
  .section01 .diy-content .left h5 {
    margin-bottom: 24px;
  }
}
.section01 .diy-content .left .detail {
  font-weight: 500;
  line-height: 28px;
}
@media screen and (max-width: 980px) {
  .section01 .diy-content .left .detail {
    line-height: 21px;
  }
}
.section01 .diy-content .left .detail.space {
  margin-top: 24px;
}
@media screen and (max-width: 980px) {
  .section01 .diy-content .left .detail.space {
    margin-top: 16px;
  }
}
@media screen and (max-width: 576px) {
  .section01 .diy-content .left .detail.space {
    margin-top: 8px;
  }
}
.section01 .diy-content .left .detail a {
  color: #333333;
  text-decoration: underline;
}
.section01 .diy-content .left ul {
  margin-top: 24px;
}
@media screen and (max-width: 980px) {
  .section01 .diy-content .left ul {
    margin-top: 16px;
  }
}
.section01 .diy-content .left ul li {
  line-height: 28px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 980px) {
  .section01 .diy-content .left ul li {
    line-height: 28px;
  }
}
.section01 .diy-content .left ul li .circle {
  width: 18px;
}
@media screen and (max-width: 980px) {
  .section01 .diy-content .left ul li .circle {
    line-height: 24px;
  }
}
.section01 .diy-content .left ul li .text {
  width: calc(100% - 18px);
  margin-top: 0;
  text-align: left;
}
@media screen and (max-width: 980px) {
  .section01 .diy-content .left ul li .text {
    line-height: 24px;
  }
}
.section01 .diy-content .left ul li a {
  color: #333333;
  text-decoration: underline;
  display: inline-block;
}
.section01 .diy-content .right {
  width: calc(48% - 32px);
  margin-left: 32px;
}
@media screen and (max-width: 980px) {
  .section01 .diy-content .right {
    width: 100%;
    margin-left: 0px;
    margin-top: 32px;
  }
}
@media screen and (max-width: 576px) {
  .section01 .diy-content .right {
    font-size: 24px;
  }
}
.section01 .diy-content .right .first {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section01 .diy-content .right .detail {
  text-align: center;
  font-weight: 700;
  margin: 30px 0;
}
@media screen and (max-width: 980px) {
  .section01 .diy-content .right .detail {
    margin: 16px;
  }
}
.section01 .diy-content .right ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media screen and (max-width: 980px) {
  .section01 .diy-content .right ul {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.section01 .diy-content .right ul li {
  padding: 28px 0;
  text-align: center;
  width: calc(50% - 8px);
  background-color: #ffffff;
  border-radius: 10px;
}
@media screen and (max-width: 980px) {
  .section01 .diy-content .right ul li {
    padding: 14px;
    max-width: 240px;
  }
}
@media screen and (max-width: 576px) {
  .section01 .diy-content .right ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.section01 .diy-content .right ul li.inner-left {
  margin-right: 8px;
}
.section01 .diy-content .right ul li.inner-right {
  margin-left: 8px;
}
.section01 .diy-content .right ul li img {
  display: inline-block;
  margin: auto;
}
@media screen and (max-width: 576px) {
  .section01 .diy-content .right ul li img {
    width: 95%;
  }
}
.section01 .energy-detail {
  margin-top: 32px;
  text-align: center;
  font-weight: 700;
}
@media screen and (max-width: 980px) {
  .section01 .energy-detail {
    margin-top: 24px;
  }
}
.section01 .energy-content {
  /* 省エネラベル */
}
.section01 .energy-content .energy-list {
  margin-top: 152px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media screen and (max-width: 980px) {
  .section01 .energy-content .energy-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 88px;
  }
}
@media screen and (max-width: 576px) {
  .section01 .energy-content .energy-list {
    margin-top: 80px;
  }
}
.section01 .energy-content .energy-list.second-content {
  margin-top: 120px;
}
@media screen and (max-width: 980px) {
  .section01 .energy-content .energy-list.second-content {
    margin-top: 72px;
  }
}
.section01 .energy-content .energy-list li {
  width: 48%;
  background-color: #ffffff;
  padding: 95px 24px 12px;
  position: relative;
  border-radius: 20px;
}
.section01 .energy-content .energy-list li.second {
  margin: 0 auto;
}
.section01 .energy-content .energy-list li.text-content {
  padding: 95px 36px 34px;
}
@media screen and (max-width: 980px) {
  .section01 .energy-content .energy-list li.text-content {
    margin: 0 auto;
  }
  .section01 .energy-content .energy-list li.text-content.three {
    margin: 0px auto 64px;
  }
}
@media screen and (max-width: 576px) {
  .section01 .energy-content .energy-list li.text-content {
    padding: 64px 16px 12px;
  }
}
@media screen and (max-width: 980px) {
  .section01 .energy-content .energy-list li {
    max-width: 400px;
    width: 100%;
    margin: 0px auto 64px;
    padding: 64px 16px 12px;
  }
}
@media screen and (max-width: 576px) {
  .section01 .energy-content .energy-list li {
    padding: 64px 16px 12px;
  }
}
.section01 .energy-content .energy-list li .energy-icon {
  position: absolute;
  top: -74px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  display: block;
  width: 148px;
  height: 148px;
}
@media screen and (max-width: 980px) {
  .section01 .energy-content .energy-list li .energy-icon {
    width: 98px;
    height: 98px;
    top: -47px;
  }
}
.section01 .energy-content .energy-list li h5 {
  color: #1C9CAB;
  text-align: center;
}
@media screen and (max-width: 980px) {
  .section01 .energy-content .energy-list li h5 {
    font-size: 1.375rem;
  }
}
.section01 .energy-content .energy-list li .title {
  font-weight: 700;
  text-align: center;
  margin-top: 6px;
}
@media screen and (max-width: 980px) {
  .section01 .energy-content .energy-list li .title {
    font-size: 1.125rem;
  }
}
.section01 .energy-content .energy-list li .content-image {
  width: 100%;
  display: block;
  margin-top: 18px;
}
.section01 .energy-content .energy-list li p {
  line-height: 36px;
  margin-top: 28px;
}
@media screen and (max-width: 980px) {
  .section01 .energy-content .energy-list li p {
    line-height: 32px;
    margin-top: 14px;
    font-size: 1rem;
  }
}
.section01 .energy-content .energy-list li p.notice {
  margin-top: 16px;
}
@media screen and (max-width: 980px) {
  .section01 .energy-content .energy-list li p.notice {
    margin-top: 8px;
  }
}
.section01 .energy-content .notes-list {
  margin-top: 16px;
  line-height: 21px;
}
.section01 .energy-content .point-content {
  margin-top: 58px;
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
  background-image: url("../img/section01/energyPoint.png");
  width: 100%;
  height: 497px;
  position: relative;
  padding: 21px 27px 80px 50px;
}
@media screen and (max-width: 980px) {
  .section01 .energy-content .point-content {
    background-image: url("../img/section01/sp-energyPoint.png");
    max-width: 345px;
    height: 345px;
    margin: 56px auto 0;
    padding: 15px 16px 22px;
  }
}
@media screen and (max-width: 576px) {
  .section01 .energy-content .point-content {
    padding: 15px 10px 22px;
  }
}
.section01 .energy-content .point-content .now {
  position: absolute;
  left: 40px;
  top: -16px;
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
  background-image: url("../img/section01/bubble.png");
  width: 143px;
  height: 105px;
  color: #ffffff;
  text-align: center;
  padding-top: 26px;
}
@media screen and (max-width: 980px) {
  .section01 .energy-content .point-content .now {
    padding-top: 12px;
    font-size: 1.125rem;
    width: 81px;
    height: 60px;
    background-size: contain;
    left: -12px;
    top: -40px;
  }
}
.section01 .energy-content .point-content .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 980px) {
  .section01 .energy-content .point-content .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.section01 .energy-content .point-content .left {
  width: 50%;
}
@media screen and (max-width: 980px) {
  .section01 .energy-content .point-content .left {
    width: 100%;
  }
}
.section01 .energy-content .point-content .left p {
  font-weight: 700;
  line-height: 50px;
}
@media screen and (max-width: 980px) {
  .section01 .energy-content .point-content .left p {
    line-height: 21px;
    font-size: 1.125rem;
    padding-left: 12%;
    margin-top: 6px;
  }
}
.section01 .energy-content .point-content .right {
  width: 48%;
}
@media screen and (max-width: 980px) {
  .section01 .energy-content .point-content .right {
    width: 100%;
  }
}
.section01 .energy-content .point-content .right ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 980px) {
  .section01 .energy-content .point-content .right ul {
    margin-top: 26px;
  }
}
.section01 .energy-content .point-content .right ul .inner-left {
  width: 59%;
}
@media screen and (max-width: 980px) {
  .section01 .energy-content .point-content .right ul .inner-left {
    width: 67%;
  }
}
.section01 .energy-content .point-content .right ul .inner-left p {
  line-height: 28px;
}
@media screen and (max-width: 980px) {
  .section01 .energy-content .point-content .right ul .inner-left p {
    line-height: 21px;
    font-size: 0.875rem;
  }
}
.section01 .energy-content .point-content .right ul .inner-right {
  width: 39%;
}
@media screen and (max-width: 980px) {
  .section01 .energy-content .point-content .right ul .inner-right {
    width: 33%;
  }
}
.section01 .energy-content .point-content .right ul .inner-right img {
  width: 100%;
}
.section01 .energy-content .point-content .right .note {
  margin-top: 6px;
}
@media screen and (max-width: 980px) {
  .section01 .energy-content .point-content .right .note {
    font-size: 0.75rem;
  }
}
.section01 .energy-content .point-content .bottom-content {
  width: 100%;
  margin-top: 46px;
}
@media screen and (max-width: 980px) {
  .section01 .energy-content .point-content .bottom-content {
    margin-top: 31px;
  }
}
.section01 .energy-content .point-content .bottom-content p {
  text-align: center;
  line-height: 60px;
  color: #ffffff;
}
@media screen and (max-width: 980px) {
  .section01 .energy-content .point-content .bottom-content p {
    font-size: 1.125rem;
    line-height: 24px;
  }
}
@media screen and (max-width: 370px) {
  .section01 .energy-content .point-content .bottom-content p {
    font-size: 1rem;
  }
}
.section01 .energy-content dl {
  margin-top: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 980px) {
  .section01 .energy-content dl {
    margin-top: 24px;
  }
}
.section01 .energy-content dl dt, .section01 .energy-content dl dd {
  background-color: #1C9CAB;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  border-radius: 18px;
  padding: 6px 0;
}
@media screen and (max-width: 980px) {
  .section01 .energy-content dl dt, .section01 .energy-content dl dd {
    font-size: 0.875rem;
    border-radius: 10px;
  }
}
@media screen and (max-width: 576px) {
  .section01 .energy-content dl dt, .section01 .energy-content dl dd {
    font-size: 0.75rem;
  }
}
.section01 .energy-content dl dt {
  width: 75%;
}
@media screen and (max-width: 980px) {
  .section01 .energy-content dl dt.dt-title {
    padding: 16px 0;
  }
}
.section01 .energy-content dl dd {
  width: calc(25% - 30px);
  margin-left: 30px;
}
@media screen and (max-width: 980px) {
  .section01 .energy-content dl dd {
    width: calc(25% - 15px);
    margin-left: 15px;
  }
}
@media screen and (max-width: 576px) {
  .section01 .energy-content dl dd {
    width: calc(25% - 8px);
    margin-left: 8px;
  }
}
.section01 .energy-content table {
  table-layout: fixed;
  width: 100%;
  height: 100%;
}
.section01 .energy-content table .left-content {
  width: 76%;
}
.section01 .energy-content table .blank {
  width: 30px;
}
@media screen and (max-width: 980px) {
  .section01 .energy-content table .blank {
    width: 15px;
  }
}
@media screen and (max-width: 576px) {
  .section01 .energy-content table .blank {
    width: 8px;
  }
}
.section01 .energy-content table .right-content {
  width: calc(24% - 30px);
}
@media screen and (max-width: 980px) {
  .section01 .energy-content table .right-content {
    width: calc(24% - 15px);
  }
}
@media screen and (max-width: 980px) {
  .section01 .energy-content table .right-content {
    width: calc(24% - 8px);
  }
}
.section01 .energy-content table td {
  height: 100%;
}
.section01 .energy-content table td.top-space {
  padding-top: 24px;
}
@media screen and (max-width: 980px) {
  .section01 .energy-content table td.top-space {
    padding-top: 16px;
  }
}
.section01 .energy-content table td.w-150 {
  width: 15%;
}
.section01 .energy-content table td.w-275 {
  width: 28%;
}
.section01 .energy-content table td.w-175 {
  width: 17%;
}
.section01 .energy-content table td.w-60 {
  width: 60%;
}
.section01 .energy-content table td p, .section01 .energy-content table td .inner-text {
  background-color: #ffffff;
  padding: 12px;
  height: 100%;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.section01 .energy-content table td p.no-flex, .section01 .energy-content table td .inner-text.no-flex {
  height: auto;
}
.section01 .energy-content table td p.no-flex.text-left, .section01 .energy-content table td .inner-text.no-flex.text-left {
  text-align: left;
}
@media screen and (max-width: 576px) {
  .section01 .energy-content table td p, .section01 .energy-content table td .inner-text {
    padding: 6px 4px;
  }
}
.section01 .energy-content table td p.top-left-bottom, .section01 .energy-content table td .inner-text.top-left-bottom {
  border-top: 2px solid #1C9CAB;
  border-left: 2px solid #1C9CAB;
  border-bottom: 2px solid #1C9CAB;
}
.section01 .energy-content table td p.top-left-right, .section01 .energy-content table td .inner-text.top-left-right {
  border-top: 2px solid #1C9CAB;
  border-left: 2px solid #1C9CAB;
  border-right: 2px solid #1C9CAB;
}
.section01 .energy-content table td p.bottom-left-right, .section01 .energy-content table td .inner-text.bottom-left-right {
  border-bottom: 2px solid #1C9CAB;
  border-left: 2px solid #1C9CAB;
  border-right: 2px solid #1C9CAB;
}
.section01 .energy-content table td p.left-bottom, .section01 .energy-content table td .inner-text.left-bottom {
  border-left: 2px solid #1C9CAB;
  border-bottom: 2px solid #1C9CAB;
}
.section01 .energy-content table td p.left-right, .section01 .energy-content table td .inner-text.left-right {
  border-left: 2px solid #1C9CAB;
  border-right: 2px solid #1C9CAB;
}
.section01 .energy-content table td p.border-all, .section01 .energy-content table td .inner-text.border-all {
  border: 2px solid #1C9CAB;
}
.section01 .energy-content table td p.title, .section01 .energy-content table td .inner-text.title {
  color: #1C9CAB;
  font-weight: 700;
}
@media screen and (max-width: 640px) {
  .section01 .energy-content table td p.title, .section01 .energy-content table td .inner-text.title {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 576px) {
  .section01 .energy-content table td p.title, .section01 .energy-content table td .inner-text.title {
    font-size: 0.75rem;
  }
}
.section01 .energy-content table td p.title img, .section01 .energy-content table td .inner-text.title img {
  margin-bottom: 6px;
}
.section01 .energy-content table td p.detail, .section01 .energy-content table td .inner-text.detail {
  font-weight: 500;
}
@media screen and (max-width: 640px) {
  .section01 .energy-content table td p.detail, .section01 .energy-content table td .inner-text.detail {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 576px) {
  .section01 .energy-content table td p.detail, .section01 .energy-content table td .inner-text.detail {
    font-size: 0.75rem;
  }
}
.section01 .energy-content table td p.description, .section01 .energy-content table td .inner-text.description {
  font-weight: 500;
}
@media screen and (max-width: 640px) {
  .section01 .energy-content table td p.description, .section01 .energy-content table td .inner-text.description {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 576px) {
  .section01 .energy-content table td p.description, .section01 .energy-content table td .inner-text.description {
    font-size: 0.75rem;
  }
}
.section01 .energy-content table td p span, .section01 .energy-content table td .inner-text span {
  display: block;
}
.section01 .energy-content table td p .inner-image, .section01 .energy-content table td .inner-text .inner-image {
  display: inline;
  position: relative;
}
.section01 .energy-content table td p .inner-flex, .section01 .energy-content table td .inner-text .inner-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.section01 .energy-content table td p .inner-flex span, .section01 .energy-content table td .inner-text .inner-flex span {
  display: block;
}
.section01 .energy-content table td p .inner-flex .eMark, .section01 .energy-content table td .inner-text .inner-flex .eMark {
  width: 18px;
  display: block;
}
.section01 .energy-content table td p .inner-notice, .section01 .energy-content table td .inner-text .inner-notice {
  display: block;
}
@media screen and (max-width: 980px) {
  .section01 .energy-content table td p .inner-notice, .section01 .energy-content table td .inner-text .inner-notice {
    font-size: 0.8125rem;
  }
}
.section01 .energy-content table td.space {
  padding-top: 24px;
}
.section01 .energy-content .table-notice {
  margin-top: 16px;
  line-height: 21px;
}
@media screen and (max-width: 980px) {
  .section01 .energy-content .table-notice {
    font-size: 0.8125rem;
  }
}
.section01 .energy-content .table-notice a {
  text-decoration: underline;
}
.section01 .energy-content .table-notice a:hover {
  opacity: 0.7;
}
.section01 .energy-content .label-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-top: 60px;
}
@media screen and (max-width: 980px) {
  .section01 .energy-content .label-list {
    margin-top: 48px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.section01 .energy-content .label-list .left, .section01 .energy-content .label-list .right {
  padding: 30px 30px 36px;
  width: calc(50% - 20px);
  background-color: #FFFBE6;
  border-radius: 10px;
}
@media screen and (max-width: 980px) {
  .section01 .energy-content .label-list .left, .section01 .energy-content .label-list .right {
    width: 100%;
    margin: auto;
  }
}
@media screen and (max-width: 576px) {
  .section01 .energy-content .label-list .left, .section01 .energy-content .label-list .right {
    padding: 16px 16px 20px;
  }
}
.section01 .energy-content .label-list .left h5, .section01 .energy-content .label-list .right h5 {
  line-height: 36px;
  color: #1C9CAB;
}
@media screen and (max-width: 980px) {
  .section01 .energy-content .label-list .left h5, .section01 .energy-content .label-list .right h5 {
    line-height: 24px;
  }
}
.section01 .energy-content .label-list .left .detail, .section01 .energy-content .label-list .right .detail {
  padding-left: 48px;
  margin-top: 16px;
  line-height: 24px;
  position: relative;
}
@media screen and (max-width: 980px) {
  .section01 .energy-content .label-list .left .detail, .section01 .energy-content .label-list .right .detail {
    padding-left: 18%;
  }
}
.section01 .energy-content .label-list .left .detail:before, .section01 .energy-content .label-list .right .detail:before {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: -26px;
  left: 86px;
  height: 25px;
  width: 1px;
  -webkit-transform: rotate(25deg);
      -ms-transform: rotate(25deg);
          transform: rotate(25deg);
  background-color: #D0653C;
}
@media screen and (max-width: 980px) {
  .section01 .energy-content .label-list .left .detail:before, .section01 .energy-content .label-list .right .detail:before {
    left: 20%;
  }
}
.section01 .energy-content .label-list .left .flex, .section01 .energy-content .label-list .right .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ffffff;
  border: 1px solid #707070;
  padding: 14px 24px;
  margin-top: 12px;
  border-radius: 10px;
}
@media screen and (max-width: 576px) {
  .section01 .energy-content .label-list .left .flex, .section01 .energy-content .label-list .right .flex {
    padding: 14px 16px;
  }
}
.section01 .energy-content .label-list .left .flex .image-block, .section01 .energy-content .label-list .right .flex .image-block {
  position: relative;
  width: 30%;
}
@media screen and (max-width: 576px) {
  .section01 .energy-content .label-list .left .flex .image-block, .section01 .energy-content .label-list .right .flex .image-block {
    width: 23%;
  }
}
.section01 .energy-content .label-list .left .flex .image-block img, .section01 .energy-content .label-list .right .flex .image-block img {
  width: 64px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  margin: 0 auto 12px;
}
@media screen and (max-width: 576px) {
  .section01 .energy-content .label-list .left .flex .image-block img, .section01 .energy-content .label-list .right .flex .image-block img {
    width: 40px;
    margin: 0 auto 6px;
  }
}
.section01 .energy-content .label-list .left .flex .image-block p, .section01 .energy-content .label-list .right .flex .image-block p {
  text-align: center;
}
.section01 .energy-content .label-list .left .flex .inner-center, .section01 .energy-content .label-list .left .flex .inner-right, .section01 .energy-content .label-list .right .flex .inner-center, .section01 .energy-content .label-list .right .flex .inner-right {
  width: 35%;
  text-align: center;
}
@media screen and (max-width: 576px) {
  .section01 .energy-content .label-list .left .flex .inner-center, .section01 .energy-content .label-list .left .flex .inner-right, .section01 .energy-content .label-list .right .flex .inner-center, .section01 .energy-content .label-list .right .flex .inner-right {
    width: 38.5%;
  }
}
.section01 .energy-content .label-list .left .flex .inner-center h6, .section01 .energy-content .label-list .left .flex .inner-right h6, .section01 .energy-content .label-list .right .flex .inner-center h6, .section01 .energy-content .label-list .right .flex .inner-right h6 {
  font-weight: 500;
  margin-bottom: 6px;
}
.section01 .energy-content .label-list .left .flex .inner-center p, .section01 .energy-content .label-list .left .flex .inner-right p, .section01 .energy-content .label-list .right .flex .inner-center p, .section01 .energy-content .label-list .right .flex .inner-right p {
  font-weight: 700;
}
@media screen and (max-width: 980px) {
  .section01 .energy-content .label-list .left .flex .inner-center p, .section01 .energy-content .label-list .left .flex .inner-right p, .section01 .energy-content .label-list .right .flex .inner-center p, .section01 .energy-content .label-list .right .flex .inner-right p {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 980px) {
  .section01 .energy-content .label-list .left .flex .inner-center p, .section01 .energy-content .label-list .left .flex .inner-right p, .section01 .energy-content .label-list .right .flex .inner-center p, .section01 .energy-content .label-list .right .flex .inner-right p {
    font-size: 1rem;
  }
}
.section01 .energy-content .label-list .left {
  margin-right: 20px;
}
@media screen and (max-width: 980px) {
  .section01 .energy-content .label-list .left {
    margin-right: 0;
  }
}
.section01 .energy-content .label-list .right {
  margin-left: 20px;
}
@media screen and (max-width: 980px) {
  .section01 .energy-content .label-list .right {
    margin-top: 32px;
    margin-left: 0;
  }
}
.section01 .energy-content .label-list .right img {
  margin-top: 30px;
  display: block;
  width: 100%;
}

/* 家庭でできる */
.htt02 {
  padding: 120px 0 100px;
  /* AI・loTメリット */
}
@media screen and (max-width: 980px) {
  .htt02 {
    padding: 80px 0 60px;
  }
}
@media screen and (max-width: 576px) {
  .htt02 {
    padding: 48px 0 32px;
  }
}
.htt02 .energy-point {
  margin-top: 74px;
}
@media screen and (max-width: 980px) {
  .htt02 .energy-point {
    margin-top: 32px;
  }
}
.htt02 .energy-point .inner-content {
  padding: 48px 36px 64px;
  border: 3px solid #1C9CAB;
  border-radius: 40px;
  width: 100%;
}
@media screen and (max-width: 980px) {
  .htt02 .energy-point .inner-content {
    padding: 36px 18px 48px;
    max-width: 475px;
  }
}
.htt02 .energy-point .inner-content.space {
  margin-top: 60px;
}
.htt02 .energy-point .inner-content .inner-title {
  text-align: center;
  margin-top: -84px;
}
@media screen and (max-width: 980px) {
  .htt02 .energy-point .inner-content .inner-title {
    margin-top: -64px;
  }
}
.htt02 .energy-point .inner-content .inner-title h5 {
  color: #1C9CAB;
  display: inline-block;
  background-color: #ffffff;
  padding: 12px;
}
.htt02 .energy-point .inner-content .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 24px;
}
@media screen and (max-width: 980px) {
  .htt02 .energy-point .inner-content .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.htt02 .energy-point .inner-content .flex .point-box {
  width: 47%;
  position: relative;
}
@media screen and (max-width: 980px) {
  .htt02 .energy-point .inner-content .flex .point-box {
    width: 100%;
    margin-top: 24px;
  }
}
.htt02 .energy-point .inner-content .flex .point-box.bottom {
  margin-top: 30px;
}
@media screen and (max-width: 980px) {
  .htt02 .energy-point .inner-content .flex .point-box.bottom {
    margin-top: 24px;
  }
}
.htt02 .energy-point .inner-content .flex .point-box.mt-none {
  margin-top: 0;
}
.htt02 .energy-point .inner-content .flex .point-box:after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
}
.htt02 .energy-point .inner-content .flex .point-box.air-conditioner:after {
  width: 243px;
  height: 84px;
  right: -12px;
  top: 0px;
  background-image: url("../img/section02/point/airConditioner.png");
}
@media screen and (max-width: 576px) {
  .htt02 .energy-point .inner-content .flex .point-box.air-conditioner:after {
    width: 175px;
    height: 62px;
    right: 10px;
  }
}
.htt02 .energy-point .inner-content .flex .point-box.computer:after {
  width: 80px;
  height: 294px;
  right: 12px;
  top: 0px;
  background-image: url("../img/section02/point/computer.png");
}
@media screen and (max-width: 576px) {
  .htt02 .energy-point .inner-content .flex .point-box.computer:after {
    width: 60px;
    height: 221px;
    right: 12px;
  }
}
.htt02 .energy-point .inner-content .flex .point-box.heatingEquipment:after {
  width: 185px;
  height: 212px;
  right: 6px;
  top: 40px;
  background-image: url("../img/section02/point/heatingEquipment.png");
}
@media screen and (max-width: 992px) {
  .htt02 .energy-point .inner-content .flex .point-box.heatingEquipment:after {
    width: 165px;
    height: 190px;
  }
}
@media screen and (max-width: 576px) {
  .htt02 .energy-point .inner-content .flex .point-box.heatingEquipment:after {
    width: 95px;
    height: 109px;
  }
}
.htt02 .energy-point .inner-content .flex .point-box.kotatsu:after {
  width: 142px;
  height: 59px;
  right: 0px;
  top: 0px;
  background-image: url("../img/section02/point/kotatsu.png");
}
@media screen and (max-width: 992px) {
  .htt02 .energy-point .inner-content .flex .point-box.kotatsu:after {
    top: 36px;
  }
}
@media screen and (max-width: 576px) {
  .htt02 .energy-point .inner-content .flex .point-box.kotatsu:after {
    width: 97px;
    height: 41px;
    right: 12px;
  }
}
.htt02 .energy-point .inner-content .flex .point-box.refrigerator:after {
  width: 107px;
  height: 245px;
  right: 0px;
  top: 48px;
  background-image: url("../img/section02/point/refrigerator.png");
}
@media screen and (max-width: 576px) {
  .htt02 .energy-point .inner-content .flex .point-box.refrigerator:after {
    width: 70px;
    height: 159px;
  }
}
.htt02 .energy-point .inner-content .flex .point-box.cooker:after {
  width: 156px;
  height: 144px;
  right: 0px;
  bottom: -10px;
  background-image: url("../img/section02/point/cooker.png");
}
@media screen and (max-width: 576px) {
  .htt02 .energy-point .inner-content .flex .point-box.cooker:after {
    width: 90px;
    height: 83px;
  }
}
.htt02 .energy-point .inner-content .flex .point-box.washing:after {
  width: 140px;
  height: 195px;
  right: 0px;
  bottom: -10px;
  background-image: url("../img/section02/point/washing.png");
}
@media screen and (max-width: 576px) {
  .htt02 .energy-point .inner-content .flex .point-box.washing:after {
    width: 95px;
    height: 133px;
  }
}
.htt02 .energy-point .inner-content .flex .point-box.toilet:after {
  width: 142px;
  height: 187px;
  right: 0px;
  bottom: -10px;
  background-image: url("../img/section02/point/toilet.png");
}
@media screen and (max-width: 576px) {
  .htt02 .energy-point .inner-content .flex .point-box.toilet:after {
    width: 90px;
    height: 118px;
  }
}
.htt02 .energy-point .inner-content .flex .point-box .top-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.htt02 .energy-point .inner-content .flex .point-box .top-content p {
  width: 72px;
  height: 72px;
  background-color: #1C9CAB;
  color: #ffffff;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 576px) {
  .htt02 .energy-point .inner-content .flex .point-box .top-content p {
    width: 60px;
    height: 60px;
  }
}
.htt02 .energy-point .inner-content .flex .point-box .top-content p span {
  display: block;
}
.htt02 .energy-point .inner-content .flex .point-box .top-content p span.text {
  font-weight: 900;
}
.htt02 .energy-point .inner-content .flex .point-box .top-content p span.num {
  font-weight: 700;
}
.htt02 .energy-point .inner-content .flex .point-box .top-content h6 {
  margin-left: 16px;
  color: #1C9CAB;
}
@media screen and (max-width: 980px) {
  .htt02 .energy-point .inner-content .flex .point-box .top-content h6 {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 576px) {
  .htt02 .energy-point .inner-content .flex .point-box .top-content h6 {
    font-size: 1.125rem;
    width: calc(100% - 76px);
  }
}
.htt02 .energy-point .inner-content .flex .point-box ul {
  margin-top: 16px;
}
.htt02 .energy-point .inner-content .flex .point-box ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.htt02 .energy-point .inner-content .flex .point-box ul li p {
  font-weight: 500;
  line-height: 36px;
}
@media screen and (max-width: 980px) {
  .htt02 .energy-point .inner-content .flex .point-box ul li p {
    line-height: 27px;
  }
}
@media screen and (max-width: 576px) {
  .htt02 .energy-point .inner-content .flex .point-box ul li p {
    font-size: 0.875rem;
  }
}
.htt02 .energy-point .inner-content .flex .point-box ul li p.number {
  width: 24px;
}
@media screen and (max-width: 980px) {
  .htt02 .energy-point .inner-content .flex .point-box ul li p.number {
    width: 20px;
  }
}
.htt02 .energy-point .inner-content .flex .point-box ul li p.title {
  width: calc(100% - 24px);
}
@media screen and (max-width: 980px) {
  .htt02 .energy-point .inner-content .flex .point-box ul li p.title {
    width: calc(100% - 20px);
  }
}
.htt02 .merit {
  margin-top: 32px;
}
.htt02 .merit .title {
  text-align: center;
  font-weight: 700;
}
.htt02 .merit .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  /* ここがすごい */
}
@media screen and (max-width: 980px) {
  .htt02 .merit .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.htt02 .merit .flex.first {
  margin-top: 80px;
}
@media screen and (max-width: 980px) {
  .htt02 .merit .flex.first {
    margin-top: 56px;
  }
}
.htt02 .merit .flex.second {
  margin-top: 80px;
}
@media screen and (max-width: 980px) {
  .htt02 .merit .flex.second {
    margin-top: 48px;
  }
}
.htt02 .merit .flex .merit-box {
  position: relative;
  padding: 40px 50px;
  border: 2px solid #1C9CAB;
  border-radius: 10px;
  background-color: #ffffff;
  width: calc(50% - 20px);
}
@media screen and (max-width: 980px) {
  .htt02 .merit .flex .merit-box {
    max-width: 470px;
    width: 100%;
  }
}
@media screen and (max-width: 576px) {
  .htt02 .merit .flex .merit-box {
    padding: 40px 24px 24px;
  }
}
.htt02 .merit .flex .merit-box.merit01 {
  margin-right: 20px;
}
@media screen and (max-width: 980px) {
  .htt02 .merit .flex .merit-box.merit01 {
    margin: auto;
  }
}
.htt02 .merit .flex .merit-box.merit02 {
  margin-left: 20px;
}
@media screen and (max-width: 980px) {
  .htt02 .merit .flex .merit-box.merit02 {
    margin: 48px auto 0;
  }
}
.htt02 .merit .flex .merit-box.merit02 .bubble {
  left: -40px;
}
@media screen and (max-width: 980px) {
  .htt02 .merit .flex .merit-box.merit02 .bubble {
    left: 14px;
  }
}
@media screen and (max-width: 576px) {
  .htt02 .merit .flex .merit-box.merit02 .bubble {
    left: 0px;
  }
}
.htt02 .merit .flex .merit-box .bubble {
  position: absolute;
  left: 40px;
  top: -48px;
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
  background-image: url("../img/section01/bubble.png");
  width: 143px;
  height: 105px;
  color: #ffffff;
  text-align: center;
  padding-top: 30px;
  font-weight: 700;
}
@media screen and (max-width: 980px) {
  .htt02 .merit .flex .merit-box .bubble {
    width: 109px;
    height: 80px;
    background-size: contain;
    padding-top: 24px;
    left: 70px;
    top: -32px;
  }
}
@media screen and (max-width: 576px) {
  .htt02 .merit .flex .merit-box .bubble {
    left: 35px;
  }
}
.htt02 .merit .flex .merit-box dt {
  color: #1C9CAB;
  text-align: center;
  font-weight: 700;
}
.htt02 .merit .flex .merit-box dd {
  margin-top: 20px;
  font-weight: 500;
  line-height: 28px;
}
@media screen and (max-width: 980px) {
  .htt02 .merit .flex .merit-box dd {
    margin-top: 12px;
    line-height: 24px;
  }
}
.htt02 .merit .flex .merit-left {
  width: 32%;
}
@media screen and (max-width: 980px) {
  .htt02 .merit .flex .merit-left {
    width: 100%;
  }
}
.htt02 .merit .flex .merit-left .long-bubble {
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
  background-image: url("../img/common/bubble02.png");
  width: 100%;
  height: 62px;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  padding-top: 10px;
}
@media screen and (max-width: 980px) {
  .htt02 .merit .flex .merit-left .long-bubble {
    max-width: 315px;
    margin: auto;
  }
}
.htt02 .merit .flex .merit-left img {
  display: block;
}
.htt02 .merit .flex .merit-left img.refrigerator {
  margin: 48px auto 0;
  width: 50%;
}
@media screen and (max-width: 980px) {
  .htt02 .merit .flex .merit-left img.refrigerator {
    max-width: 200px;
    margin: 16px auto 0;
  }
}
@media screen and (max-width: 576px) {
  .htt02 .merit .flex .merit-left img.refrigerator {
    max-width: 125px;
  }
}
.htt02 .merit .flex .merit-left img.airConditioner {
  width: 100%;
  margin: 48px auto 0;
}
@media screen and (max-width: 980px) {
  .htt02 .merit .flex .merit-left img.airConditioner {
    max-width: 300px;
    margin: 16px auto 0;
  }
}
@media screen and (max-width: 576px) {
  .htt02 .merit .flex .merit-left img.airConditioner {
    max-width: 200px;
  }
}
.htt02 .merit .flex .merit-right {
  margin-left: 64px;
  width: calc(68% - 64px);
}
@media screen and (max-width: 980px) {
  .htt02 .merit .flex .merit-right {
    width: 100%;
    margin: 24px auto 0;
  }
}
.htt02 .merit .flex .merit-right dt {
  font-weight: 700;
}
.htt02 .merit .flex .merit-right dt.space {
  margin-top: 48px;
}
@media screen and (max-width: 980px) {
  .htt02 .merit .flex .merit-right dt.space {
    margin-top: 24px;
  }
}
.htt02 .merit .flex .merit-right dd {
  margin-top: 16px;
  line-height: 28px;
}
@media screen and (max-width: 980px) {
  .htt02 .merit .flex .merit-right dd {
    line-height: 24px;
  }
}
.htt02 .merit .center-line {
  width: 100%;
  height: 2px;
  background-color: #1C9CAB;
  margin: 48px 0;
}

/* 家を断熱すると健康になる！？ */
.htt03 {
  padding: 100px 0 120px;
  /* リフォームflex */
}
@media screen and (max-width: 980px) {
  .htt03 {
    padding: 60px 0 80px;
  }
}
@media screen and (max-width: 576px) {
  .htt03 {
    padding: 48px 0 64px;
  }
}
.htt03 .bottom-triangle {
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
  background-image: url("../img/section03/triangle-bottom.png");
  width: 428px;
  height: 130px;
  color: #ffffff;
  text-align: center;
  padding-top: 32px;
  font-weight: 700;
  margin: 32px auto 64px;
}
@media screen and (max-width: 980px) {
  .htt03 .bottom-triangle {
    width: 300px;
    height: 93px;
    background-size: contain;
    font-size: 1.125rem;
    padding-top: 26px;
  }
}
.htt03 .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media screen and (max-width: 980px) {
  .htt03 .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.htt03 .flex .merit-box {
  position: relative;
  padding: 24px 26px 24px 33px;
  border: 2px solid #1C9CAB;
  border-radius: 10px;
  background-color: #ffffff;
  width: calc(50% - 10px);
}
@media screen and (max-width: 980px) {
  .htt03 .flex .merit-box {
    width: 100%;
    max-width: 470px;
    padding: 24px 16px 24px 24px;
  }
}
@media screen and (max-width: 980px) {
  .htt03 .flex .merit-box {
    width: 100%;
    max-width: 470px;
    padding: 24px 12px 24px 16px;
  }
}
.htt03 .flex .merit-box.bottom {
  margin-top: 58px;
}
@media screen and (max-width: 980px) {
  .htt03 .flex .merit-box.bottom {
    margin-top: 40px;
  }
}
.htt03 .flex .merit-box.merit01 {
  margin-right: 10px;
}
@media screen and (max-width: 980px) {
  .htt03 .flex .merit-box.merit01 {
    margin-left: auto;
    margin-right: auto;
  }
}
.htt03 .flex .merit-box.merit02 {
  margin-left: 10px;
}
@media screen and (max-width: 980px) {
  .htt03 .flex .merit-box.merit02 {
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
  }
}
.htt03 .flex .merit-box.merit03 {
  margin-right: 10px;
}
@media screen and (max-width: 980px) {
  .htt03 .flex .merit-box.merit03 {
    margin-left: auto;
    margin-right: auto;
  }
}
.htt03 .flex .merit-box.merit04 {
  margin-left: 10px;
}
@media screen and (max-width: 980px) {
  .htt03 .flex .merit-box.merit04 {
    margin-left: auto;
    margin-right: auto;
  }
}
.htt03 .flex .merit-box .bubble {
  position: absolute;
  left: 0px;
  top: -54px;
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: contain;
  background-image: url("../img/section03/bubble.png");
  width: 143px;
  height: 90px;
  color: #ffffff;
  text-align: center;
  padding-top: 23px;
  font-weight: 700;
}
@media screen and (max-width: 980px) {
  .htt03 .flex .merit-box .bubble {
    width: 109px;
    height: 80px;
    background-size: contain;
    padding-top: 20px;
    left: 30px;
    top: -32px;
  }
}
@media screen and (max-width: 576px) {
  .htt03 .flex .merit-box .bubble {
    left: 15px;
  }
}
.htt03 .flex .merit-box dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.htt03 .flex .merit-box dl.merit03 .left-triangle {
  width: 28px;
  margin: 0 10px;
  font-weight: normal;
  line-height: inherit;
  padding: 0;
  background-color: inherit;
  border-radius: 0;
}
@media screen and (max-width: 980px) {
  .htt03 .flex .merit-box dl.merit03 .left-triangle {
    width: 20px;
    margin: 0 6px;
  }
}
.htt03 .flex .merit-box dl.merit03 .left-triangle img {
  width: 100%;
}
.htt03 .flex .merit-box dl.merit03 dd {
  width: 50%;
  margin-top: 0px;
  font-weight: 700;
  line-height: 30px;
  background-color: #1C9CAB;
  color: #ffffff;
  padding: 22px 0 22px 14px;
  border-radius: 10px;
  text-align: left;
}
@media screen and (max-width: 980px) {
  .htt03 .flex .merit-box dl.merit03 dd {
    font-size: 0.875rem;
    line-height: 22px;
  }
}
@media screen and (max-width: 576px) {
  .htt03 .flex .merit-box dl.merit03 dd {
    padding: 18px 0 18px 10px;
    font-size: 0.75rem;
  }
}
.htt03 .flex .merit-box dt {
  color: #1C9CAB;
  text-align: left;
  font-weight: 700;
  line-height: 36px;
}
@media screen and (max-width: 980px) {
  .htt03 .flex .merit-box dt {
    line-height: 27px;
  }
}
@media screen and (max-width: 576px) {
  .htt03 .flex .merit-box dt {
    font-size: 0.75rem;
    line-height: 24px;
  }
}
.htt03 .flex .merit-box dt.merit02 {
  text-align: left;
}
.htt03 .flex .merit-box dt .notice {
  font-size: 0.75rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 6px;
  line-height: 18px;
}
@media screen and (max-width: 576px) {
  .htt03 .flex .merit-box dt .notice {
    font-size: 0.625rem;
    line-height: 14px;
  }
}
.htt03 .flex .merit-box dt .notice span {
  display: block;
}
.htt03 .flex .merit-box dt .notice span.kome {
  width: 10px;
}
.htt03 .flex .merit-box dt .notice span.text {
  width: calc(100% - 10px);
}
.htt03 .flex .merit-box dd {
  margin-top: 20px;
  font-weight: 500;
  line-height: 28px;
}
.htt03 .flex .merit-box dd.health {
  margin-left: 48px;
  margin-top: 0px;
}
@media screen and (max-width: 980px) {
  .htt03 .flex .merit-box dd.health {
    margin-left: 20px;
  }
}
.htt03 .flex .merit-box dd.health ul li {
  font-weight: 500;
  line-height: 26px;
}
@media screen and (max-width: 576px) {
  .htt03 .flex .merit-box dd.health ul li {
    font-size: 0.75rem;
    line-height: 24px;
  }
}
.htt03 .flex .merit-box dd.heat {
  margin-left: 40px;
  margin-top: 0px;
  width: 50%;
}
@media screen and (max-width: 980px) {
  .htt03 .flex .merit-box dd.heat {
    margin-left: 24px;
  }
}
.htt03 .flex .merit-box dd.heat img {
  width: 100%;
  display: block;
}
.htt03 .flex .merit-box dd.luster {
  margin-left: 48px;
  margin-top: 0px;
  width: 96px;
}
@media screen and (max-width: 980px) {
  .htt03 .flex .merit-box dd.luster {
    margin-left: 24px;
    width: 80px;
  }
}
.htt03 .flex .merit-box dd.luster img {
  width: 100%;
}
.htt03 .notice {
  margin-top: 16px;
}
.htt03 .notice li {
  line-height: 21px;
}
.htt03 .notice li a {
  color: #333333;
  word-wrap: break-word;
  text-decoration: underline;
}
.htt03 .reform-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 54px;
}
@media screen and (max-width: 980px) {
  .htt03 .reform-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 40px;
  }
}
.htt03 .reform-flex dl {
  width: calc(47% - 16px);
  margin-right: 16px;
}
@media screen and (max-width: 980px) {
  .htt03 .reform-flex dl {
    width: 100%;
    margin-right: 0;
  }
}
.htt03 .reform-flex dl dt {
  color: #1C9CAB;
  font-weight: 700;
}
.htt03 .reform-flex dl dt.space {
  margin-top: 24px;
}
@media screen and (max-width: 980px) {
  .htt03 .reform-flex dl dt.space {
    margin-top: 16px;
  }
}
.htt03 .reform-flex dl dd {
  margin-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #707070;
}
@media screen and (max-width: 576px) {
  .htt03 .reform-flex dl dd {
    margin-top: 12px;
    padding-bottom: 12px;
  }
}
.htt03 .reform-flex .image-block {
  width: calc(53% - 16px);
  margin-left: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 980px) {
  .htt03 .reform-flex .image-block {
    margin-top: 40px;
    width: 100%;
    margin-left: 0;
  }
}
.htt03 .reform-flex .image-block .left, .htt03 .reform-flex .image-block .right {
  width: calc(50% - 10px);
}
.htt03 .reform-flex .image-block .left .top-content, .htt03 .reform-flex .image-block .right .top-content {
  width: 100%;
  max-width: 240px;
  height: 240px;
  background-color: #ffffff;
  border-radius: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 980px) {
  .htt03 .reform-flex .image-block .left .top-content, .htt03 .reform-flex .image-block .right .top-content {
    max-width: inherit;
    height: 250px;
  }
}
@media screen and (max-width: 576px) {
  .htt03 .reform-flex .image-block .left .top-content, .htt03 .reform-flex .image-block .right .top-content {
    height: 150px;
    padding: 12px;
  }
}
.htt03 .reform-flex .image-block .left .top-content img, .htt03 .reform-flex .image-block .right .top-content img {
  display: block;
  margin: auto;
}
@media screen and (max-width: 576px) {
  .htt03 .reform-flex .image-block .left .top-content img, .htt03 .reform-flex .image-block .right .top-content img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.htt03 .reform-flex .image-block .left .img-title, .htt03 .reform-flex .image-block .right .img-title {
  margin-top: 16px;
  text-align: center;
  font-weight: 700;
}
@media screen and (max-width: 576px) {
  .htt03 .reform-flex .image-block .left .img-title, .htt03 .reform-flex .image-block .right .img-title {
    font-size: 0.875rem;
  }
}
.htt03 .reform-flex .image-block .left {
  margin-right: 10px;
}
@media screen and (max-width: 980px) {
  .htt03 .reform-flex .image-block .left {
    margin-right: 4px;
  }
}
.htt03 .reform-flex .image-block .left .precautionary {
  text-align: left;
  margin-top: 20px;
}
@media screen and (max-width: 980px) {
  .htt03 .reform-flex .image-block .left .precautionary {
    margin-top: 28px;
  }
}
.htt03 .reform-flex .image-block .right {
  margin-left: 10px;
}
@media screen and (max-width: 980px) {
  .htt03 .reform-flex .image-block .right {
    margin-left: 4px;
  }
}
.htt03 .health-btn-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 80px;
}
@media screen and (max-width: 980px) {
  .htt03 .health-btn-flex {
    margin-top: 56px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 576px) {
  .htt03 .health-btn-flex {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (max-width: 980px) {
  .htt03 .health-btn-flex .right {
    margin-top: 32px;
  }
}
.htt03 .health-btn-flex .left, .htt03 .health-btn-flex .right {
  width: 48%;
  border: 2px solid #1C9CAB;
  background-color: #ffffff;
  padding: 32px 36px 46px;
  border-radius: 10px;
}
@media screen and (max-width: 980px) {
  .htt03 .health-btn-flex .left, .htt03 .health-btn-flex .right {
    width: 100%;
  }
}
@media screen and (max-width: 576px) {
  .htt03 .health-btn-flex .left, .htt03 .health-btn-flex .right {
    padding: 24px 18px 30px;
  }
}
.htt03 .health-btn-flex .left h5, .htt03 .health-btn-flex .right h5 {
  color: #1C9CAB;
  text-align: center;
}
.htt03 .health-btn-flex .left .inner-flex, .htt03 .health-btn-flex .right .inner-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
}
@media screen and (max-width: 980px) {
  .htt03 .health-btn-flex .left .inner-flex, .htt03 .health-btn-flex .right .inner-flex {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.htt03 .health-btn-flex .left .inner-flex p, .htt03 .health-btn-flex .right .inner-flex p {
  color: #1C9CAB;
  font-weight: 700;
  line-height: 36px;
  white-space: nowrap;
}
@media screen and (max-width: 980px) {
  .htt03 .health-btn-flex .left .inner-flex p, .htt03 .health-btn-flex .right .inner-flex p {
    line-height: 27px;
  }
}
@media screen and (max-width: 576px) {
  .htt03 .health-btn-flex .left .inner-flex p, .htt03 .health-btn-flex .right .inner-flex p {
    white-space: inherit;
  }
}
.htt03 .health-btn-flex .left .inner-flex img, .htt03 .health-btn-flex .right .inner-flex img {
  display: block;
  width: 124px;
}
@media screen and (max-width: 576px) {
  .htt03 .health-btn-flex .left .inner-flex img, .htt03 .health-btn-flex .right .inner-flex img {
    width: 97px;
  }
}
.htt03 .health-btn-flex .left a .right-font, .htt03 .health-btn-flex .right a .right-font {
  font-size: 1rem;
  display: block;
}
@media screen and (max-width: 980px) {
  .htt03 .health-btn-flex .left a .right-font, .htt03 .health-btn-flex .right a .right-font {
    font-size: 0.8125rem;
    line-height: 19px;
  }
}
.htt03 .health-btn-flex .left .link-text, .htt03 .health-btn-flex .right .link-text {
  text-align: center;
  font-weight: 700;
  margin-top: 48px;
}
.htt03 .health-btn-flex .left .notice, .htt03 .health-btn-flex .right .notice {
  line-height: 20px;
}
@media screen and (max-width: 980px) {
  .htt03 .health-btn-flex .left .notice, .htt03 .health-btn-flex .right .notice {
    font-size: 0.8125rem;
  }
}
.htt03 .health-btn-flex .left .add-content, .htt03 .health-btn-flex .right .add-content {
  margin-top: 36px;
}
@media screen and (max-width: 576px) {
  .htt03 .health-btn-flex .left .add-content, .htt03 .health-btn-flex .right .add-content {
    margin-top: 20px;
  }
}
.htt03 .health-btn-flex .left .add-content p, .htt03 .health-btn-flex .right .add-content p {
  width: 100%;
}
.htt03 .health-btn-flex .left .add-content__subtitle, .htt03 .health-btn-flex .right .add-content__subtitle {
  font-size: 1.0625rem;
  font-weight: 500;
}
@media screen and (max-width: 980px) {
  .htt03 .health-btn-flex .left .add-content__subtitle, .htt03 .health-btn-flex .right .add-content__subtitle {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 576px) {
  .htt03 .health-btn-flex .left .add-content__subtitle, .htt03 .health-btn-flex .right .add-content__subtitle {
    font-size: 0.75rem;
  }
}
.htt03 .health-btn-flex .left .add-content__title, .htt03 .health-btn-flex .right .add-content__title {
  margin-top: 10px;
  font-size: 1.375rem;
  text-align: center;
  line-height: 40px;
  white-space: nowrap;
}
.htt03 .health-btn-flex .left .add-content__title .red, .htt03 .health-btn-flex .right .add-content__title .red {
  color: #E6003E;
}
.htt03 .health-btn-flex .left .add-content__title .blue, .htt03 .health-btn-flex .right .add-content__title .blue {
  color: #178BC6;
}
@media screen and (max-width: 980px) {
  .htt03 .health-btn-flex .left .add-content__title, .htt03 .health-btn-flex .right .add-content__title {
    font-size: 1.25rem;
    line-height: 32px;
  }
}
@media screen and (max-width: 576px) {
  .htt03 .health-btn-flex .left .add-content__title, .htt03 .health-btn-flex .right .add-content__title {
    font-size: 1rem;
    line-height: 26px;
  }
}
.htt03 .health-btn-flex .left .add-content__name, .htt03 .health-btn-flex .right .add-content__name {
  font-size: 1rem;
  font-weight: 500;
  margin-top: 10px;
}
@media screen and (max-width: 980px) {
  .htt03 .health-btn-flex .left .add-content__name, .htt03 .health-btn-flex .right .add-content__name {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 576px) {
  .htt03 .health-btn-flex .left .add-content__name, .htt03 .health-btn-flex .right .add-content__name {
    font-size: 0.75rem;
  }
}
.htt03 .health-btn-flex .left .add-content img, .htt03 .health-btn-flex .right .add-content img {
  display: block;
  width: 100%;
  margin-top: 2px;
}
.htt03 .health-btn-flex .left .add-content__notice, .htt03 .health-btn-flex .right .add-content__notice {
  font-size: 0.8125rem;
  line-height: 22px;
}
@media screen and (max-width: 576px) {
  .htt03 .health-btn-flex .left .add-content__notice, .htt03 .health-btn-flex .right .add-content__notice {
    line-height: 18px;
    font-size: 0.625rem;
  }
}
.htt03 .health-btn-flex .left .add-content__notice.space, .htt03 .health-btn-flex .right .add-content__notice.space {
  margin-top: 2px;
}
.htt03 .health-btn-flex .left .add-content__notice a, .htt03 .health-btn-flex .right .add-content__notice a {
  display: inline-block;
  color: #333333;
}
.htt03 .detail {
  margin-top: 16px;
  font-weight: 500;
  text-align: center;
  line-height: 28px;
}
@media screen and (max-width: 980px) {
  .htt03 .detail {
    margin-top: 8px;
    line-height: 21px;
  }
}

/* 再生可能エネルギーの利用 */
.htt04 {
  padding: 100px 0 120px;
  background-color: rgba(255, 243, 191, 0.5);
  /* ソーラー */
  /* 太陽光システム */
  /* c02削減 */
}
@media screen and (max-width: 980px) {
  .htt04 {
    padding: 60px 0 80px;
  }
}
@media screen and (max-width: 576px) {
  .htt04 {
    padding: 48px 0 64px;
  }
}
.htt04 .new-title {
  font-size: 1.5rem;
  margin-top: 66px;
}
@media screen and (max-width: 980px) {
  .htt04 .new-title {
    font-size: 1.25rem;
    margin-top: 48px;
  }
}
@media screen and (max-width: 576px) {
  .htt04 .new-title {
    font-size: 1rem;
  }
}
.htt04 .sun-light {
  margin-top: 54px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 980px) {
  .htt04 .sun-light {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 40px;
  }
}
@media screen and (max-width: 980px) {
  .htt04 .sun-light .right {
    margin-top: 24px;
  }
}
.htt04 .sun-light .left, .htt04 .sun-light .right {
  width: 48%;
}
@media screen and (max-width: 980px) {
  .htt04 .sun-light .left, .htt04 .sun-light .right {
    width: 100%;
    max-width: 470px;
    margin-left: auto;
    margin-right: auto;
  }
}
.htt04 .sun-light .left .sun-box, .htt04 .sun-light .right .sun-box {
  position: relative;
  padding: 24px 24px 32px 24px;
  border: 2px solid #1C9CAB;
  border-radius: 10px;
  background-color: #ffffff;
  width: 100%;
}
.htt04 .sun-light .left .sun-box.bottom, .htt04 .sun-light .right .sun-box.bottom {
  margin-top: 24px;
}
.htt04 .sun-light .left .sun-box:after, .htt04 .sun-light .right .sun-box:after {
  content: "";
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: contain;
  position: absolute;
  right: 24px;
  top: 24px;
}
@media screen and (max-width: 980px) {
  .htt04 .sun-light .left .sun-box:after, .htt04 .sun-light .right .sun-box:after {
    top: 6px;
  }
}
.htt04 .sun-light .left .sun-box.one:after, .htt04 .sun-light .right .sun-box.one:after {
  background-image: url("../img/section04/sunMerit01.png");
  width: 77px;
  height: 84px;
}
@media screen and (max-width: 576px) {
  .htt04 .sun-light .left .sun-box.one:after, .htt04 .sun-light .right .sun-box.one:after {
    width: 57px;
    height: 64px;
    top: 32px;
    right: 40px;
  }
}
.htt04 .sun-light .left .sun-box.two:after, .htt04 .sun-light .right .sun-box.two:after {
  background-image: url("../img/section04/sunMerit02.png");
  width: 81px;
  height: 81px;
}
@media screen and (max-width: 576px) {
  .htt04 .sun-light .left .sun-box.two:after, .htt04 .sun-light .right .sun-box.two:after {
    width: 61px;
    height: 61px;
    top: 18px;
  }
}
.htt04 .sun-light .left .sun-box.three:after, .htt04 .sun-light .right .sun-box.three:after {
  background-image: url("../img/section04/sunMerit03.png");
  width: 83px;
  height: 81px;
}
@media screen and (max-width: 576px) {
  .htt04 .sun-light .left .sun-box.three:after, .htt04 .sun-light .right .sun-box.three:after {
    width: 63px;
    height: 61px;
    top: 20px;
  }
}
.htt04 .sun-light .left .sun-box.four:after, .htt04 .sun-light .right .sun-box.four:after {
  background-image: url("../img/section04/sunMerit04.png");
  width: 106px;
  height: 74px;
}
@media screen and (max-width: 576px) {
  .htt04 .sun-light .left .sun-box.four:after, .htt04 .sun-light .right .sun-box.four:after {
    width: 86px;
    height: 54px;
    top: 20px;
  }
}
.htt04 .sun-light .left .sun-box .num, .htt04 .sun-light .right .sun-box .num {
  display: block;
  width: 35px;
  -o-object-fit: cover;
     object-fit: cover;
}
.htt04 .sun-light .left .sun-box h5, .htt04 .sun-light .right .sun-box h5 {
  margin-top: 16px;
  line-height: 36px;
  font-weight: 500;
  color: #333333;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 576px) {
  .htt04 .sun-light .left .sun-box h5, .htt04 .sun-light .right .sun-box h5 {
    line-height: 28px;
  }
}
.htt04 .sun-light .left .sun-box p, .htt04 .sun-light .right .sun-box p {
  margin-top: 24px;
}
@media screen and (max-width: 980px) {
  .htt04 .sun-light .left .sun-box p, .htt04 .sun-light .right .sun-box p {
    margin-top: 16px;
  }
}
.htt04 .sora {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 40px;
  margin-bottom: 22px;
  padding: 40px 20px;
  background-color: #ffffff;
}
@media screen and (max-width: 980px) {
  .htt04 .sora {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 24px;
    padding: 24px 10px;
  }
}
.htt04 .sora .left {
  width: 61.2%;
}
@media screen and (max-width: 980px) {
  .htt04 .sora .left {
    width: 100%;
    max-width: 600px;
    margin: auto;
  }
}
.htt04 .sora .left img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.htt04 .sora .right {
  width: 38.8%;
}
@media screen and (max-width: 980px) {
  .htt04 .sora .right {
    width: 100%;
    max-width: 240px;
    margin-top: 32px;
  }
}
.htt04 .sora .right img {
  display: block;
  margin: auto;
  width: 78.9%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 980px) {
  .htt04 .sora .right img {
    width: 100%;
  }
}
.htt04 .system {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 64px;
}
@media screen and (max-width: 980px) {
  .htt04 .system {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 48px;
  }
}
@media screen and (max-width: 576px) {
  .htt04 .system {
    margin-top: 32px;
  }
}
.htt04 .system .left {
  width: 50%;
}
@media screen and (max-width: 980px) {
  .htt04 .system .left {
    width: 100%;
  }
}
.htt04 .system .left ul {
  margin-top: 32px;
}
@media screen and (max-width: 980px) {
  .htt04 .system .left ul {
    margin-top: 16px;
  }
}
.htt04 .system .left ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.htt04 .system .left ul li .circle {
  width: 18px;
}
.htt04 .system .left ul li .text {
  width: calc(100% - 18px);
}
.htt04 .system .right {
  width: 47%;
}
@media screen and (max-width: 980px) {
  .htt04 .system .right {
    width: 100%;
    margin-top: 32px;
  }
}
.htt04 .system .right .inner-title {
  font-weight: 500;
}
.htt04 .system .right img {
  display: block;
  width: 100%;
  margin-top: 30px;
}
.htt04 .co2 {
  margin-top: 64px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 980px) {
  .htt04 .co2 {
    margin-top: 48px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 576px) {
  .htt04 .co2 {
    margin-top: 32px;
  }
}
.htt04 .co2 .left, .htt04 .co2 .right {
  width: 48%;
}
@media screen and (max-width: 980px) {
  .htt04 .co2 .left, .htt04 .co2 .right {
    width: 100%;
  }
}
.htt04 .co2 .left h5, .htt04 .co2 .right h5 {
  line-height: 35px;
  text-align: center;
}
@media screen and (max-width: 980px) {
  .htt04 .co2 .left h5, .htt04 .co2 .right h5 {
    line-height: 27px;
  }
}
.htt04 .co2 .left .main-v {
  width: 85%;
  max-width: 350px;
  display: block;
  margin: 20px auto 0;
}
.htt04 .co2 .left .description {
  margin-top: 40px;
}
@media screen and (max-width: 980px) {
  .htt04 .co2 .left .description {
    margin-top: 24px;
  }
}
.htt04 .co2 .left .subtitle {
  margin-top: 60px;
  line-height: 35px;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 980px) {
  .htt04 .co2 .left .subtitle {
    margin-top: 48px;
    line-height: 24px;
  }
}
@media screen and (max-width: 576px) {
  .htt04 .co2 .left .subtitle {
    margin-top: 24px;
  }
}
@media screen and (max-width: 980px) {
  .htt04 .co2 .right {
    margin-top: 64px;
  }
}
.htt04 .co2 .right .title-space {
  margin: 40px 0;
}
@media screen and (max-width: 768px) {
  .htt04 .co2 .right .title-space {
    margin: 24px 0;
  }
}
.htt04 .co2 .right .inner-title {
  margin: 16px 0 14px;
  color: #1C9CAB;
  text-align: center;
  border: 2px solid #1C9CAB;
  border-radius: 10px;
  padding: 30px 0;
  line-height: 34px;
  font-weight: 700;
}
@media screen and (max-width: 980px) {
  .htt04 .co2 .right .inner-title {
    padding: 20px 0;
    line-height: 28px;
  }
}
@media screen and (max-width: 576px) {
  .htt04 .co2 .right .inner-title {
    padding: 12px 0;
  }
}
.htt04 .co2 .right .notice {
  line-height: 20px;
}
.htt04 .co2 .right .subtitle {
  font-weight: 700;
  line-height: 35px;
  margin-top: 40px;
}
@media screen and (max-width: 980px) {
  .htt04 .co2 .right .subtitle {
    margin-top: 24px;
    line-height: 27px;
  }
}
.htt04 .co2 .right .link-text {
  font-weight: 700;
  margin-top: 30px;
  text-align: center;
}
.htt04 .co2 .right .triangle {
  margin: 24px auto;
  width: 0;
  height: 0;
  border-left: 27px solid transparent;
  border-right: 27px solid transparent;
  border-top: 28px solid #24C2C2;
  opacity: 0.5;
}
.htt04 .co2 .right .kabon-content {
  background-color: #ffffff;
  border-radius: 20px;
  padding: 38px 25px 46px;
}
@media screen and (max-width: 980px) {
  .htt04 .co2 .right .kabon-content {
    padding: 26px 12px 32px;
  }
}
.htt04 .co2 .right .detail {
  margin-top: 16px;
}
.htt04 .co2 .right .main-v {
  margin-top: 16px;
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.htt04 .co2 .right .note {
  text-align: center;
  margin-top: 30px;
}
.htt04 .co2 .right .note a {
  color: #333333;
  text-decoration: underline;
}
.htt04 .co2-center {
  max-width: 600px;
  margin: 40px auto 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .htt04 .co2-center {
    margin-top: 24px auto 0;
  }
}
.htt04 .co2-center h5 {
  font-size: 1.5rem;
  line-height: 36px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .htt04 .co2-center h5 {
    font-size: 1.125rem;
    line-height: 27px;
  }
}
@media screen and (max-width: 576px) {
  .htt04 .co2-center h5 {
    font-size: 0.875rem;
  }
}
.htt04 .co2-center .link-text {
  font-weight: 700;
  margin-top: 30px;
  text-align: center;
}

/* 東京都の支援メニュー一覧 */
.menu-list {
  background-color: #F5F5F5;
  padding: 48px 0 100px;
}
@media screen and (max-width: 980px) {
  .menu-list {
    padding: 40px 0 80px;
  }
}
@media screen and (max-width: 576px) {
  .menu-list {
    padding: 32px 0 64px;
  }
}
.menu-list h3 span {
  font-weight: 500;
  margin-left: 16px;
  display: inline-block;
}
@media screen and (max-width: 980px) {
  .menu-list h3 span {
    margin-left: 0;
  }
}
.menu-list p {
  font-weight: 700;
  text-align: left;
}

/* safari */
_::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.blank {
  width: 27px;
}
@media screen and (max-width: 980px) {
  _::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.blank {
    width: 12px;
  }
}
@media screen and (max-width: 576px) {
  _::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.blank {
    width: 8px;
  }
}

_::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.w-150 {
  width: 9%;
}

_::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.w-175 {
  width: 12%;
}

_::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.w-175 span {
  display: none;
}
@media screen and (max-width: 980px) {
  _::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.w-175 span {
    display: block;
  }
}

_::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.w-275 {
  width: 19%;
}

_::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.right-content {
  width: 14%;
}
@media screen and (max-width: 980px) {
  _::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.right-content {
    width: 15%;
  }
}

_::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.w-150 p {
  height: 164px;
}
@media screen and (max-width: 576px) {
  _::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.w-150 p {
    height: 128px;
  }
}
@media screen and (max-width: 430px) {
  _::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.w-150 p {
    height: 170px;
  }
}

_::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.w-275 p {
  height: 164px;
}
@media screen and (max-width: 576px) {
  _::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.w-275 p {
    height: 128px;
  }
}
@media screen and (max-width: 430px) {
  _::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.w-275 p {
    height: 170px;
  }
}

_::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.w-150 p.last {
  height: 138px;
}
@media screen and (max-width: 576px) {
  _::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.w-150 p.last {
    height: 128px;
  }
}

_::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.w-275 p.last {
  height: 138px;
}
@media screen and (max-width: 576px) {
  _::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.w-275 p.last {
    height: 128px;
  }
}

_::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.right-content p.last {
  height: 138px;
}
@media screen and (max-width: 576px) {
  _::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.right-content p.last {
    height: 128px;
  }
}

@media screen and (max-width: 980px) {
  _::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.right-content p.sp-height {
    height: 70px;
  }
}
@media screen and (max-width: 576px) {
  _::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.right-content p.sp-height {
    height: 58px;
  }
}

@media screen and (max-width: 980px) {
  _::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.right-content.one p {
    height: 47px;
  }
}
@media screen and (max-width: 576px) {
  _::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.right-content.one p {
    height: 35px;
  }
}
@media screen and (max-width: 430px) {
  _::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.right-content.one p {
    height: 56px;
  }
}

@media screen and (max-width: 980px) {
  _::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.right-content .sp-height {
    height: 70px;
  }
}
@media screen and (max-width: 576px) {
  _::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.right-content .sp-height {
    height: 58px;
  }
}

@media screen and (max-width: 980px) {
  _::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.right-content.three p {
    height: 47px;
  }
}
@media screen and (max-width: 576px) {
  _::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.right-content.three p {
    height: 35px;
  }
}
@media screen and (max-width: 430px) {
  _::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.right-content.three p {
    height: 56px;
  }
}

/* エアコン */
_::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.w-150.airConditioner .title {
  height: 840px;
}
@media screen and (max-width: 980px) {
  _::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.w-150.airConditioner .title {
    height: 854px;
  }
}
@media screen and (max-width: 576px) {
  _::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.w-150.airConditioner .title {
    height: 872px;
  }
}

_::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.w-60 {
  height: 84px;
  width: 41%;
}
@media screen and (max-width: 980px) {
  _::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.w-60 {
    height: auto;
  }
}

@media screen and (max-width: 980px) {
  _::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.w-60 .safari-height {
    height: 91px;
  }
}
@media screen and (max-width: 576px) {
  _::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.w-60 .safari-height {
    height: 100px;
  }
}

_::-webkit-full-page-media, _:future, :root .section01 .energy-content table td .ari-height-p.one {
  height: 56px;
}

_::-webkit-full-page-media, _:future, :root .section01 .energy-content table td .ari-height-p.two {
  height: 112px;
}

_::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.w-275 .ari-height-detail {
  height: 168px;
}

_::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.w-150 .ari-height-detail {
  height: 168px;
}

/* LEDテーブル */
_::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.w-150 .led-height {
  height: 194px;
}
@media screen and (max-width: 576px) {
  _::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.w-150 .led-height {
    height: 196px;
  }
}

_::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.w-275 .led-height {
  height: 194px;
}
@media screen and (max-width: 576px) {
  _::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.w-275 .led-height {
    height: 196px;
  }
}

_::-webkit-full-page-media, _:future, :root .section01 .energy-content table td .led-description {
  height: 140px;
}
_::-webkit-full-page-media, _:future, :root .section01 .energy-content table td .led-small-height {
  height: 54px;
}
@media screen and (max-width: 576px) {
  _::-webkit-full-page-media, _:future, :root .section01 .energy-content table td .led-small-height {
    height: 56px;
  }
}

/* 冷蔵庫 */
_::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.w-150 .refrigerator-title {
  height: 162px;
}

_::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.w-150 .refrigerator-detail {
  height: 162px;
}

_::-webkit-full-page-media, _:future, :root .section01 .energy-content table td.w-275 .refrigerator-description {
  height: 162px;
}

_::-webkit-full-page-media, _:future, :root .section01 .energy-content table td .refrigerator-height {
  height: 54px;
}

.ie-break {
  display: none;
}

@media all and (-ms-high-contrast: none) {
  .section01 .energy-content table td p {
    -ms-word-break: break-all;
    word-break: break-all;
  }

  .section01 .energy-content table td p .ie-break {
    display: block;
  }
}
/* youTube */
.video {
  margin: 80px auto;
  width: 560px;
  position: relative;
  padding-top: 34.25%;
}
@media screen and (max-width: 980px) {
  .video {
    display: block;
    width: 80%;
    margin: 64px auto 0;
    max-width: 500px;
    height: 300px;
  }
}
@media screen and (max-width: 576px) {
  .video {
    height: inherit;
    margin: 48px auto 0;
    width: 100%;
    padding-top: 61.25%;
  }
}
.video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.text-underline {
  text-decoration: underline;
  display: inline !important;
}

.no-flex {
  display: inline-block !important;
  font-size: 1.125rem !important;
  background-color: inherit !important;
  padding: 0 !important;
  height: auto !important;
}
@media screen and (max-width: 768px) {
  .no-flex {
    font-size: 1rem !important;
  }
}
@media screen and (max-width: 640px) {
  .no-flex {
    font-size: 0.625rem !important;
  }
}

.policy-kv {
  width: 100%;
  background-color: #1C9CAB;
  padding: 46px 0;
}
@media screen and (max-width: 980px) {
  .policy-kv {
    padding: 28px 0;
  }
}
.policy-kv h1 {
  color: #ffffff;
  font-size: 2rem;
}
@media screen and (max-width: 980px) {
  .policy-kv h1 {
    font-size: 1.5rem;
  }
}

.policy-content {
  padding: 26px 0;
}
.policy-content .top-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.policy-content .top-flex p {
  font-weight: 500;
}
@media screen and (max-width: 576px) {
  .policy-content .top-flex p {
    font-size: 0.75rem;
  }
}
.policy-content h2 {
  margin-top: 64px;
  font-size: 1.25rem;
  color: #1C9CAB;
  padding-bottom: 12px;
  border-bottom: 1px solid #707070;
}
@media screen and (max-width: 980px) {
  .policy-content h2 {
    margin-top: 48px;
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 576px) {
  .policy-content h2 {
    margin-top: 32px;
    font-size: 1rem;
  }
}
.policy-content h3 {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .policy-content h3 {
    margin-top: 24px;
  }
}
.policy-content h3.space {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .policy-content h3.space {
    margin-top: 48px;
  }
}
.policy-content .description {
  margin-top: 12px;
  line-height: 29px;
}
@media screen and (max-width: 980px) {
  .policy-content .description {
    line-height: 21px;
  }
}
.policy-content .description a {
  color: #1777CA;
  font-weight: 500;
}
.policy-content .description a:hover {
  opacity: 0.7;
}
.policy-content dl {
  margin-top: 12px;
}
.policy-content dl.bottom-dl {
  margin-top: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.policy-content dl.bottom-dl dt {
  width: 158px;
}
@media screen and (max-width: 576px) {
  .policy-content dl.bottom-dl dt {
    width: 90px;
  }
}
.policy-content dl.bottom-dl dt img {
  width: 100%;
}
.policy-content dl.bottom-dl dd {
  margin-left: 48px;
  width: calc(100% - 206px);
  line-height: 29px;
  /* リンク */
}
@media screen and (max-width: 980px) {
  .policy-content dl.bottom-dl dd {
    line-height: 21px;
  }
}
@media screen and (max-width: 576px) {
  .policy-content dl.bottom-dl dd {
    margin-left: 24px;
    width: calc(100% - 134px);
    font-size: 0.75rem;
  }
}
.policy-content dl.bottom-dl dd nav {
  display: block;
}
.policy-content dl.bottom-dl dd nav a {
  position: relative;
  color: #1777CA;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
}
.policy-content dl.bottom-dl dd nav a span {
  display: block;
}
.policy-content dl.bottom-dl dd nav a:hover {
  opacity: 0.7;
}
.policy-content dl.bottom-dl dd nav a img {
  display: block;
  width: 20px;
  margin-left: 6px;
}
@media screen and (max-width: 576px) {
  .policy-content dl.bottom-dl dd nav a img {
    width: 15px;
    margin-left: 3px;
  }
}
.policy-content dl dt {
  font-weight: 700;
}
.policy-content dl dt.space {
  margin-top: 40px;
}
@media screen and (max-width: 980px) {
  .policy-content dl dt.space {
    margin-top: 24px;
  }
}
.policy-content dl dd {
  line-height: 29px;
}
@media screen and (max-width: 980px) {
  .policy-content dl dd {
    line-height: 21px;
  }
}
.policy-content dl dd ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.policy-content dl dd ul li p {
  line-height: 29px;
}
@media screen and (max-width: 980px) {
  .policy-content dl dd ul li p {
    line-height: 21px;
  }
}
@media screen and (max-width: 576px) {
  .policy-content dl dd ul li p {
    font-size: 0.875rem;
  }
}
.policy-content dl dd ul li .circle {
  width: 18px;
}
@media screen and (max-width: 576px) {
  .policy-content dl dd ul li .circle {
    width: 14px;
  }
}
.policy-content dl dd ul li .text {
  width: calc(100% - 18px);
}
@media screen and (max-width: 576px) {
  .policy-content dl dd ul li .text {
    width: calc(100% - 14px);
  }
}
.policy-content .line {
  height: 1px;
  position: relative;
  margin: 28px 0;
}
@media screen and (max-width: 980px) {
  .policy-content .line {
    margin: 16px 0;
  }
}
.policy-content .line:before {
  content: "";
  background-image: -webkit-linear-gradient(left, #707070, #707070 2px, transparent 3px, transparent 5px);
  background-image: -o-linear-gradient(left, #707070, #707070 2px, transparent 3px, transparent 5px);
  background-image: linear-gradient(to right, #707070, #707070 2px, transparent 3px, transparent 5px);
  background-size: 4px 1px;
  background-repeat: repeat-x;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.policy-content .detail {
  line-height: 29px;
}
@media screen and (max-width: 980px) {
  .policy-content .detail {
    line-height: 21px;
  }
}
.policy-content .contact-btn {
  margin-top: 70px;
  max-width: 350px;
  width: 100%;
  border: 2px solid #1C9CAB;
  border-radius: 10px;
  padding: 26px 20px 30px;
  text-align: left;
}
@media screen and (max-width: 980px) {
  .policy-content .contact-btn {
    margin-top: 56px;
    padding: 16px 12px 20px;
  }
}
@media screen and (max-width: 980px) {
  .policy-content .contact-btn {
    margin-top: 40px;
  }
}
.policy-content .contact-btn .inner-title {
  font-weight: 700;
  font-size: 1rem;
}
@media screen and (max-width: 980px) {
  .policy-content .contact-btn .inner-title {
    font-size: 0.875rem;
  }
}
.policy-content .contact-btn .text {
  margin-top: 6px;
  font-size: 1rem;
}
@media screen and (max-width: 980px) {
  .policy-content .contact-btn .text {
    font-size: 0.875rem;
  }
}
.policy-content .contact-btn .text a {
  color: #1C9CAB;
  display: inline-block;
  margin: 0 6px;
  font-size: 1rem;
}
@media screen and (max-width: 980px) {
  .policy-content .contact-btn .text a {
    font-size: 0.875rem;
  }
}
.policy-content .top-return {
  color: #1777CA;
  text-align: center;
  font-weight: 700;
  font-size: 1.125rem;
  display: block;
  margin-top: 70px;
}
@media screen and (max-width: 980px) {
  .policy-content .top-return {
    margin-top: 56px;
  }
}
@media screen and (max-width: 768px) {
  .policy-content .top-return {
    margin-top: 40px;
    font-size: 1rem;
  }
}

.cookie_optout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border: solid 1px #1777CA;
  border-radius: 20px;
  color: #1777CA;
  font-size: 1.1rem;
  width: 240px;
  height: 50px;
  margin-top: 20px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.cookie_optout:hover {
  background-color: #1777CA;
  color: #fff;
}
.cookie_optout.__active {
  background-color: #1777CA;
  color: #fff;
}

/*---------------------*/
/*# sourceMappingURL=style.css.map */