@charset "UTF-8";
@import url("global.css");
.committop .topphoto figure img {
  object-position: 50% 12%; }

.introduction {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin-bottom: 70px;
  position: relative;
  z-index: 3; }
  .introduction .image {
    width: 40%;
    margin-top: max(-130px,-10vw);
    margin-right: -2.5%; }
  .introduction .text {
    width: 60%;
    padding: 0 2vw 15px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: justify; }
    .introduction .text .commitcatch {
      font-family: "Zen Old Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-size: clamp(17px, 2vw, 24px);
      margin-bottom: 20px; }

.merit {
  background-color: #3E4443;
  display: flex;
  text-align: left; }
  .merit .bg {
    flex-shrink: 0;
    width: 34.7vw;
    margin-right: 4.7vw; }
  .merit .textbox {
    padding: 90px 8.3vw 140px 0;
    color: #FFF; }
    .merit .textbox .merit_title {
      font-size: clamp(20px, 2vw, 24px);
      margin-bottom: 30px; }
    .merit .textbox > ul {
      display: flex;
      flex-wrap: wrap; }
      .merit .textbox > ul li {
        width: 50%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        z-index: 1; }
        .merit .textbox > ul li:nth-child(1)::before, .merit .textbox > ul li:nth-child(4)::before {
          content: "";
          position: absolute;
          z-index: -1;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
        .merit .textbox > ul li:nth-child(1) {
          padding: 15px 40px 50px 7px; }
          .merit .textbox > ul li:nth-child(1)::before {
            border-right: #707070 solid 1px;
            border-bottom: #707070 solid 1px; }
        .merit .textbox > ul li:nth-child(2) {
          padding: 15px 7px 50px 40px; }
        .merit .textbox > ul li:nth-child(3) {
          padding: 40px 40px 30px 7px; }
        .merit .textbox > ul li:nth-child(4) {
          padding: 40px 7px 30px 40px; }
          .merit .textbox > ul li:nth-child(4)::before {
            border-left: #707070 solid 1px;
            border-top: #707070 solid 1px; }
        .merit .textbox > ul li .item_inner > dl dt span {
          display: inline-block; }
        .merit .textbox > ul li .item_inner > dl dt .en {
          font-size: clamp(20px, 2.4vw, 26px);
          font-family: "Marcellus", "Zen Old Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
          letter-spacing: .08em;
          margin-right: 7px; }
        .merit .textbox > ul li .item_inner > dl dt .ja {
          font-size: clamp(10px, 1.2vw, 13px);
          color: #C9C087; }
        .merit .textbox > ul li .item_inner > dl dd {
          margin-top: 15px;
          text-align: justify;
          color: #A8ADAF;
          font-size: .86rem; }
    .merit .textbox .natural {
      margin-top: 60px;
      display: flex;
      justify-content: space-between;
      border: #FFF dashed 1px;
      padding: 40px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .merit .textbox .natural > dl {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 13px; }
        .merit .textbox .natural > dl dt {
          font-size: 130%; }
        .merit .textbox .natural > dl dd {
          margin-top: 15px;
          text-align: justify;
          color: #A8ADAF; }
      .merit .textbox .natural figure.image {
        flex-shrink: 0;
        width: 294px;
        margin-left: 7%; }

.section .sec_title {
  margin-bottom: 40px;
  text-indent: -45px; }
  .section .sec_title span {
    display: inline-block;
    text-indent: 0; }
  .section .sec_title .en {
    font-size: clamp(28px, 3.4vw, 42px);
    font-family: "Marcellus", "Zen Old Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    letter-spacing: .08em;
    margin-right: 5px; }
  .section .sec_title .ja {
    vertical-align: 1px; }
    .section .sec_title .ja::before {
      content: "［";
      display: inline-block;
      margin-right: 3px; }
    .section .sec_title .ja::after {
      content: "］";
      display: inline-block;
      margin-left: 3px; }
  .section .sec_title::before {
    content: "";
    width: 30px;
    height: 1px;
    background-color: #727E82;
    display: inline-block;
    margin-right: 15px;
    vertical-align: 13px; }
.section .morelink {
  margin-top: 20px; }
  .section .morelink a {
    display: inline-block;
    background-image: linear-gradient(#3E4443, #3E4443);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100% 1px;
    transition: background-size 0.5s cubic-bezier(0.04, 0.435, 0.315, 0.9);
    font-size: clamp(14px, 1.9vw, 16px);
    font-family: "Marcellus", "Zen Old Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
    .section .morelink a::after {
      content: "";
      width: 10px;
      height: 8px;
      background: url("../img/arrow.svg") no-repeat center center;
      background-size: contain;
      display: inline-block;
      margin-left: 12px;
      vertical-align: 1px;
      transition: all 0.5s cubic-bezier(0.04, 0.435, 0.315, 0.9) 0s;
      -webkit-transition: all 0.5s cubic-bezier(0.04, 0.435, 0.315, 0.9) 0s;
      backface-visibility: hidden;
      -webkit-backface-visibility: hidden; }
    @media (any-hover: hover) {
      .section .morelink a:hover {
        background-position: bottom right;
        background-size: 0 1px; }
        .section .morelink a:hover::after {
          translate: 15px 0;
          opacity: .5; } }
.section .sec_mainbox {
  display: flex;
  justify-content: space-between; }
  .section .sec_mainbox + .sec_mainbox {
    margin-top: 60px; }
  .section .sec_mainbox > dl {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .section .sec_mainbox > dl dt {
      font-weight: 500;
      font-size: clamp(17px, 1.9vw, 20px); }
    .section .sec_mainbox > dl dd {
      margin-top: 25px;
      text-align: justify; }
  .section .sec_mainbox figure.image {
    flex-shrink: 0;
    margin-left: 3.6vw; }
  .section .sec_mainbox.nofl {
    display: block; }
    .section .sec_mainbox.nofl figure.image {
      width: 50% !important;
      margin: 40px auto 0; }
      .section .sec_mainbox.nofl figure.image figcaption {
        margin-top: 10px; }
.section .sec_subbox {
  margin-top: 40px; }
  .section .sec_subbox .subtitle {
    font-weight: 500;
    font-size: clamp(15px, 1.7vw, 19px);
    margin-bottom: 25px; }
    .section .sec_subbox .subtitle::before {
      content: "";
      display: inline-block;
      width: 11px;
      height: 11px;
      -webkit-border-radius: 2px;
      border-radius: 2px;
      background-color: #D2D0D0;
      margin-right: 10px;
      vertical-align: 1px; }
  .section .sec_subbox .list li {
    display: flex;
    justify-content: flex-end; }
    .section .sec_subbox .list li + li {
      margin-top: 45px; }
    .section .sec_subbox .list li > dl {
      width: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 14px; }
      .section .sec_subbox .list li > dl dt {
        font-weight: 600;
        font-size: 121%; }
      .section .sec_subbox .list li > dl dd {
        margin-top: 10px;
        text-align: justify; }
        .section .sec_subbox .list li > dl dd table {
          margin-top: 20px;
          border-collapse: collapse;
          border-top: 1px solid #aeaeae;
          border-left: 1px solid #aeaeae; }
          .section .sec_subbox .list li > dl dd table tr {
            border-bottom: 1px solid #aeaeae;
            border-right: 1px solid #aeaeae; }
            .section .sec_subbox .list li > dl dd table tr th {
              border-right: 1px solid #aeaeae;
              padding: 5px;
              background: #dcdcdc; }
            .section .sec_subbox .list li > dl dd table tr td {
              padding: 5px 10px;
              background: #fff; }
              .section .sec_subbox .list li > dl dd table tr td span {
                padding-right: 5px;
                font-weight: bold;
                font-size: 130%; }
    .section .sec_subbox .list li .image {
      flex-shrink: 0;
      width: 476px;
      margin-right: 2vw;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .section .sec_subbox .list li .image figure, .section .sec_subbox .list li .image picture {
        background-color: #FFF;
        border: #E1E1E1 solid 1px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
      .section .sec_subbox .list li .image .notes {
        display: block;
        margin-top: 10px;
        font-size: .7rem;
        line-height: 1;
        color: #727E82; }
.section .sec_pointbox {
  margin-top: 40px;
  background-color: #FFF;
  border-left: #8B835A solid 7px;
  padding: 40px 50px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between; }
  .section .sec_pointbox > dl {
    width: 100%;
    text-align: justify; }
    .section .sec_pointbox > dl dt {
      font-weight: 500;
      font-size: clamp(14px, 1.5vw, 18px); }
      .section .sec_pointbox > dl dt strong {
        display: inline-block;
        font-weight: 900;
        line-height: 1.5;
        position: relative; }
        .section .sec_pointbox > dl dt strong::after {
          content: "";
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          height: 1px;
          background-color: #3E4443; }
    .section .sec_pointbox > dl dd {
      margin-top: 20px; }
      .section .sec_pointbox > dl dd.figure {
        width: 70%;
        margin: 30px auto 0; }
  .section .sec_pointbox .image {
    flex-shrink: 0;
    width: 354px;
    margin-left: 5.8%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

#sec_insulation {
  border-top: #727E82 solid 1px;
  padding-top: 80px; }
  #sec_insulation.section .sec_mainbox figure.image {
    width: 453px; }

#sec_airtightness {
  margin-top: 140px;
  border-top: #727E82 solid 1px;
  padding-top: 80px; }
  #sec_airtightness.section .sec_mainbox figure.image {
    width: 370px; }
  #sec_airtightness .ventilation {
    margin-top: 75px;
    background-color: #E9E9E5;
    padding: 80px 0 100px; }
    #sec_airtightness .ventilation .box {
      /*display: flex;*/
      /*.image {
      	flex-shrink: 0;
      	margin-left: 3vw;
      	width: 298px;
      	figure {
      		img {
      			mix-blend-mode: multiply;
      		}
      	}
      }*/ }
      #sec_airtightness .ventilation .box .textbox {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: justify; }
        #sec_airtightness .ventilation .box .textbox h4 {
          font-weight: 500;
          font-size: clamp(17px, 1.9vw, 20px);
          text-indent: -45px;
          margin-bottom: 25px; }
          #sec_airtightness .ventilation .box .textbox h4::before {
            content: "";
            width: 30px;
            height: 1px;
            background-color: #727E82;
            display: inline-block;
            margin-right: 15px;
            vertical-align: 7px; }
      #sec_airtightness .ventilation .box .movie {
        width: 80%;
        margin: 20px auto 0; }
        #sec_airtightness .ventilation .box .movie .iframe {
          width: 100%;
          height: 0;
          padding-top: 56.25%;
          position: relative;
          overflow: hidden;
          margin: 30px auto 0; }
          #sec_airtightness .ventilation .box .movie .iframe iframe {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0; }

#sec_eqrt {
  margin-top: 140px; }
  #sec_eqrt.section .sec_mainbox figure.image {
    width: 517px; }
  #sec_eqrt.section .sec_subbox {
    margin-top: 80px; }

/* ---------- Modal ---------- */
.modal-main {
  position: relative;
  margin: 60px auto; }
  .modal-main .modal_inner {
    background-color: #F1F1EE;
    width: 1000px;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
    padding: 80px; }
    .modal-main .modal_inner .main_area .modal_catch {
      margin-bottom: 20px;
      padding-left: 20px;
      position: relative;
      font-size: clamp(15px, 2.2vw, 18px);
      font-weight: 500; }
      .modal-main .modal_inner .main_area .modal_catch::before {
        content: "";
        width: 8px;
        height: 8px;
        background: #aeaeae;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%); }
    .modal-main .modal_inner .main_area .inner {
      display: flex;
      justify-content: space-between; }
      .modal-main .modal_inner .main_area .inner .table_block {
        width: 48%; }
        .modal-main .modal_inner .main_area .inner .table_block table {
          width: 100%;
          border-collapse: collapse;
          border-top: 1px solid #aeaeae;
          border-left: 1px solid #aeaeae; }
          .modal-main .modal_inner .main_area .inner .table_block table tr th {
            padding: 5px 10px;
            border-bottom: 1px solid #aeaeae;
            border-right: 1px solid #aeaeae;
            white-space: nowrap;
            text-align: center; }
          .modal-main .modal_inner .main_area .inner .table_block table tr td {
            padding: 5px 10px;
            border-bottom: 1px solid #aeaeae;
            border-right: 1px solid #aeaeae;
            white-space: nowrap;
            text-align: center; }
          .modal-main .modal_inner .main_area .inner .table_block table thead th {
            background: #727E82;
            color: #fff; }
          .modal-main .modal_inner .main_area .inner .table_block table tbody tr:nth-of-type(even) {
            background: #dcdcdc; }
          .modal-main .modal_inner .main_area .inner .table_block table tbody td:nth-of-type(3), .modal-main .modal_inner .main_area .inner .table_block table tbody td:nth-of-type(4) {
            font-weight: 500;
            font-size: 110%; }
    .modal-main .modal_inner .main_area .sub_block {
      margin-top: 40px;
      display: flex;
      justify-content: space-between; }
      .modal-main .modal_inner .main_area .sub_block dl {
        display: flex;
        flex-wrap: wrap;
        width: 48%;
        background: #727E82;
        padding: 15px 20px;
        box-sizing: border-box; }
        .modal-main .modal_inner .main_area .sub_block dl dt {
          width: 100%;
          color: #fff;
          margin-bottom: 10px;
          position: relative;
          font-weight: 500; }
          .modal-main .modal_inner .main_area .sub_block dl dt span {
            border-bottom: 1px dotted #dcdcdc; }
        .modal-main .modal_inner .main_area .sub_block dl dd {
          width: 50%;
          color: #fff;
          position: relative;
          text-align: center;
          font-weight: 500; }
          .modal-main .modal_inner .main_area .sub_block dl dd span {
            line-height: 1.0;
            padding-left: 10px;
            font-size: clamp(16px, 2.3vw, 22px); }
          .modal-main .modal_inner .main_area .sub_block dl dd.ua::after {
            content: "";
            width: 1px;
            height: 80%;
            background: #dcdcdc;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%); }

.mfp-bg {
  opacity: .5; }

.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1; }

.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.04, 0.435, 0.315, 0.9);
  backface-visibility: hidden; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: auto; }

.mfp-close,
.mfp-close-btn-in .mfp-close {
  width: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 33px;
  background-color: #3E4443;
  color: #fff;
  opacity: 1; }

.mfp-arrow::before {
  display: none; }

.mfp-arrow-right {
  right: 50%;
  margin-right: -675px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.mfp-arrow-left {
  left: 50%;
  margin-left: -675px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

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

 Responsive-Breakpoint-1 ( 1300px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 1300px) {
  .merit {
    display: block; }
    .merit .textbox {
      padding: 60px 6vw; }
      .merit .textbox .merit_title {
        margin-bottom: 25px; }
    .merit .bg {
      width: 100%;
      height: 0;
      padding-top: 50%;
      margin-right: 0;
      position: relative; }
      .merit .bg img {
        position: absolute;
        left: 0;
        top: 0;
        object-position: center 66%; }

  .section .sec_title {
    margin-bottom: 30px;
    text-indent: -35px; }
    .section .sec_title::before {
      width: 25px;
      margin-right: 10px; }
  .section .sec_mainbox figure.image {
    margin-left: 5vw; }
  .section .sec_subbox .list li .image {
    width: 47%;
    margin-right: 5vw; }
  .section .sec_pointbox {
    padding: 35px 30px; }
    .section .sec_pointbox .image {
      width: 40%;
      margin-left: 5%; }

  #sec_insulation {
    padding-top: 65px; }
    #sec_insulation.section .sec_mainbox figure.image {
      width: 46%; }

  #sec_airtightness {
    margin-top: 120px;
    padding-top: 65px; }
    #sec_airtightness.section .sec_mainbox figure.image {
      width: 36%; }
    #sec_airtightness .ventilation {
      margin-top: 65px;
      padding: 60px 0 80px; }
      #sec_airtightness .ventilation .box {
        align-items: center; }
        #sec_airtightness .ventilation .box .textbox h4 {
          text-indent: -35px;
          margin-bottom: 20px; }
          #sec_airtightness .ventilation .box .textbox h4::before {
            width: 25px;
            margin-right: 10px; }
        #sec_airtightness .ventilation .box .image {
          margin-left: 1vw; }

  #sec_eqrt {
    margin-top: 120px; }
    #sec_eqrt.section .sec_mainbox figure.image {
      width: 57%; }
    #sec_eqrt.section .sec_subbox {
      margin-top: 65px; }

  /* ---------- Modal ---------- */
  .modal-main .modal_inner {
    width: 900px; } }
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-2 ( 959px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 959px) {
  .introduction .text {
    padding: 0 1.5vw 0 0; }
    .introduction .text .commitcatch {
      margin-bottom: 15px; }

  .merit .textbox .merit_title {
    margin-bottom: 15px; }
  .merit .textbox > ul li:nth-child(1) {
    padding: 10px 25px 35px 5px; }
  .merit .textbox > ul li:nth-child(2) {
    padding: 10px 5px 35px 25px; }
  .merit .textbox > ul li:nth-child(3) {
    padding: 30px 25px 20px 5px; }
  .merit .textbox > ul li:nth-child(4) {
    padding: 30px 5px 20px 25px; }
  .merit .textbox > ul li .item_inner > dl dt .en {
    margin-right: 6px; }
  .merit .textbox > ul li .item_inner > dl dd {
    margin-top: 10px; }
  .merit .textbox .natural {
    margin-top: 45px;
    padding: 30px 25px; }
    .merit .textbox .natural > dl {
      font-size: 12px; }
      .merit .textbox .natural > dl dd {
        margin-top: 10px; }
    .merit .textbox .natural figure.image {
      width: 45%;
      margin-left: 6%; }

  .section .sec_title {
    margin-bottom: 20px;
    text-indent: -30px; }
    .section .sec_title .en {
      margin-right: 3px; }
    .section .sec_title::before {
      width: 20px;
      vertical-align: 8px; }
  .section .sec_mainbox > dl dd {
    margin-top: 20px; }
    .section .sec_mainbox > dl dd > p br {
      display: none; }
  .section .sec_mainbox figure.image {
    margin-left: 5vw; }
  .section .sec_mainbox.nofl figure.image {
    width: 80% !important; }
  .section .sec_subbox .subtitle {
    margin-bottom: 15px; }
  .section .sec_subbox .list li + li {
    margin-top: 40px; }
  .section .sec_subbox .list li > dl {
    font-size: 13px; }
    .section .sec_subbox .list li > dl dd > p br {
      display: none; }
  .section .sec_subbox .list li .image {
    width: 40%;
    margin-right: 3vw; }
    .section .sec_subbox .list li .image .notes {
      letter-spacing: 0;
      margin-top: 7px; }
  .section .sec_pointbox {
    padding: 30px; }
    .section .sec_pointbox > dl dd {
      margin-top: 15px; }
      .section .sec_pointbox > dl dd > p br {
        display: none; }
      .section .sec_pointbox > dl dd.figure {
        width: 100%;
        margin: 20px auto 0; }
    .section .sec_pointbox .image {
      width: 45%; }

  #sec_insulation {
    padding-top: 60px; }

  #sec_airtightness {
    margin-top: 90px;
    padding-top: 60px; }
    #sec_airtightness.section .sec_mainbox figure.image {
      width: 46%; }
    #sec_airtightness .ventilation {
      margin-top: 50px;
      padding: 45px 0 65px; }
      #sec_airtightness .ventilation .box {
        /*.image {
        	width: 42%;
        }*/ }
        #sec_airtightness .ventilation .box .textbox h4 {
          text-indent: -25px;
          margin-bottom: 15px; }
          #sec_airtightness .ventilation .box .textbox h4::before {
            width: 15px;
            vertical-align: 6px; }
        #sec_airtightness .ventilation .box .textbox > p br {
          display: none; }
        #sec_airtightness .ventilation .box .movie {
          width: 100%; }

  #sec_eqrt {
    margin-top: 90px; }
    #sec_eqrt.section .sec_mainbox figure.image {
      width: 58%; }
    #sec_eqrt.section .sec_subbox {
      margin-top: 50px; }

  /* ---------- Modal ---------- */
  .modal-main .modal_inner {
    width: 600px;
    padding: 40px; }
    .modal-main .modal_inner .main_area .inner {
      display: block; }
      .modal-main .modal_inner .main_area .inner .table_block {
        width: 100%; }
        .modal-main .modal_inner .main_area .inner .table_block thead th:first-of-type {
          width: 20%; }
        .modal-main .modal_inner .main_area .inner .table_block thead th:nth-of-type(2) {
          width: 38%; }
    .modal-main .modal_inner .main_area .sub_block {
      margin-top: 30px;
      display: block; }
      .modal-main .modal_inner .main_area .sub_block dl {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        background: #727E82;
        padding: 15px 20px;
        box-sizing: border-box;
        margin-bottom: 20px; }
        .modal-main .modal_inner .main_area .sub_block dl dt {
          width: 100%;
          color: #fff;
          margin-bottom: 10px;
          position: relative;
          font-weight: 500; }
          .modal-main .modal_inner .main_area .sub_block dl dt span {
            border-bottom: 1px dotted #dcdcdc; }
        .modal-main .modal_inner .main_area .sub_block dl dd {
          width: 50%;
          color: #fff;
          position: relative;
          text-align: center;
          font-weight: 500; }
          .modal-main .modal_inner .main_area .sub_block dl dd span {
            line-height: 1.0;
            padding-left: 10px;
            font-size: clamp(16px, 2.3vw, 22px); }
          .modal-main .modal_inner .main_area .sub_block dl dd.ua::after {
            content: "";
            width: 1px;
            height: 80%;
            background: #dcdcdc;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%); } }
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-3 ( 644px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 644px) {
  .introduction {
    display: block; }
    .introduction .image {
      width: auto;
      max-width: 360px;
      margin: -80px auto 0; }
    .introduction .text {
      width: auto;
      padding: 0;
      text-align: left; }

  .merit .textbox {
    padding: 35px 5vw; }
    .merit .textbox .merit_title {
      margin-bottom: 0; }
    .merit .textbox > ul {
      display: block; }
      .merit .textbox > ul li {
        width: 100%; }
        .merit .textbox > ul li + li {
          border-top: #707070 solid 1px; }
        .merit .textbox > ul li:nth-child(1)::before, .merit .textbox > ul li:nth-child(4)::before {
          display: none; }
        .merit .textbox > ul li:nth-child(1), .merit .textbox > ul li:nth-child(2), .merit .textbox > ul li:nth-child(3), .merit .textbox > ul li:nth-child(4) {
          padding: 20px 2vw 25px; }
        .merit .textbox > ul li .item_inner > dl dt .en {
          letter-spacing: .05em;
          margin-right: 4px; }
        .merit .textbox > ul li .item_inner > dl dd {
          margin-top: 5px; }
    .merit .textbox .natural {
      margin-top: 10px;
      display: block;
      padding: 20px; }
      .merit .textbox .natural > dl dd {
        margin-top: 8px; }
      .merit .textbox .natural figure.image {
        width: 100%;
        margin: 15px auto 0; }

  .section .sec_title {
    margin-bottom: 15px;
    text-indent: 0; }
    .section .sec_title .en {
      margin-right: 2px;
      letter-spacing: .05em; }
    .section .sec_title::before {
      width: 10px;
      margin-right: 8px;
      vertical-align: 6px; }
  .section .sec_mainbox {
    display: block; }
    .section .sec_mainbox figure.image {
      margin: 30px auto 0; }
    .section .sec_mainbox.nofl figure.image {
      width: 100% !important;
      margin: 20px auto 0; }
  .section .sec_subbox .subtitle {
    margin-bottom: 15px; }
    .section .sec_subbox .subtitle::before {
      width: 9px;
      height: 9px;
      margin-right: 8px; }
  .section .sec_subbox .list li {
    display: block; }
    .section .sec_subbox .list li + li {
      margin-top: 50px; }
    .section .sec_subbox .list li > dl {
      font-size: 12px; }
      .section .sec_subbox .list li > dl dd {
        margin-top: 5px; }
        .section .sec_subbox .list li > dl dd table {
          width: 100%; }
    .section .sec_subbox .list li .image {
      width: 100%;
      margin: 0 auto 15px; }
      .section .sec_subbox .list li .image figure, .section .sec_subbox .list li .image picture {
        height: auto; }
  .section .sec_pointbox {
    margin-top: 25px;
    border-left-width: 4px;
    padding: 25px;
    display: block; }
    .section .sec_pointbox > dl dd {
      margin-top: 10px; }
    .section .sec_pointbox .image {
      width: 100%;
      margin: 20px auto 0; }

  #sec_insulation {
    padding-top: 45px; }
    #sec_insulation.section .sec_mainbox figure.image {
      width: 80%; }

  #sec_airtightness {
    margin-top: 60px;
    padding-top: 45px; }
    #sec_airtightness.section .sec_mainbox figure.image {
      width: 80%; }
    #sec_airtightness .ventilation {
      margin-top: 50px;
      padding: 35px 0 40px; }
      #sec_airtightness .ventilation .box {
        display: block;
        /*.image {
        	margin: 10px auto 0;
        	width: 90%;
        }*/ }
        #sec_airtightness .ventilation .box .textbox h4 {
          text-indent: 0;
          margin-bottom: 10px; }
          #sec_airtightness .ventilation .box .textbox h4::before {
            width: 10px;
            margin-right: 7px;
            vertical-align: 5px; }

  #sec_eqrt {
    margin-top: 60px; }
    #sec_eqrt.section .sec_mainbox figure.image {
      margin-top: 10px;
      width: 90%; }
    #sec_eqrt.section .sec_subbox {
      margin-top: 35px; }

  /* ---------- Modal ---------- */
  .modal-main .modal_inner {
    width: 90%;
    padding: 20px; }
    .modal-main .modal_inner .main_area .inner .table_block table tr th {
      padding: 5px;
      white-space: normal;
      line-height: 1.3; }
    .modal-main .modal_inner .main_area .inner .table_block table tr td {
      padding: 5px;
      white-space: normal; } }