@charset "UTF-8";
/*****************************************************************************
CSS only for /hvac/pes/
*****************************************************************************/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500&family=Noto+Serif+JP:wght@300;400;500&display=swap");
#page {
  background-color: #fff;
}

main {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-size: 14px;
}

@media (min-width: 641px), (min-device-width: 1281px) {
  .titlenavigation .local-mega-navigation .navlist .rootlist .root-item > div > a {
    padding: 0 7px 0;
    text-align: center;
  }
  .titlenavigation .local-mega-navigation .navlist .rootlist .root-item > div > a.custom-pd {
    padding: 0 11px 0;
  }
  .titlenavigation .local-mega-navigation .navlist .rootlist .root-item.english > div > a {
    min-width: 0;
  }
  .titlenavigation .nav-mega .nav > div[class*=col] > ul > li {
    text-align: center;
  }
  _::-webkit-full-page-media, _:future, :root .titlenavigation .local-mega-navigation .navlist .rootlist .root-item > div > a {
    letter-spacing: -1.5px;
  }
  _::-webkit-full-page-media, _:future, :root .titlenavigation .local-mega-navigation .navlist .rootlist .root-item.english > div > a {
    letter-spacing: 0;
  }
}
@media (max-width: 640px) and (max-device-width: 1280px) {
  #browsebar-name .name {
    margin-right: 0;
  }
}
.basic-page {
  /* Utility Styles
  -----------------------------------------*/
  /*** font-size ***/
  /*** line-height ***/
  /*** letter-spacing ***/
  /*** margin ***/
  /*** padding ***/
  /*** pc or sp ***/
  /* indent */
  /* text-align */
  /* w100 w050 wauto */
  /* strong */
}
.basic-page .container {
  max-width: 980px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .basic-page .container {
    max-width: 100%;
    margin: 0 auto;
    padding: 10px;
  }
}
.basic-page h1.Title01 {
  margin-top: 1.25em;
  margin-bottom: 1.75em;
  text-align: center;
  color: #1f1f1f;
  font-size: 36px;
  font-family: "Noto Serif JP", serif;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
.basic-page h1.Title01 > span {
  display: inline-block;
  padding-bottom: 0.8em;
  border-bottom: solid 1px #1f1f1f;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .basic-page h1.Title01 {
    margin-top: 25px;
    font-size: 26px;
    letter-spacing: 0;
  }
}
.basic-page h2.Title02 {
  position: relative;
  width: 100%;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  padding-top: 0.5em;
  padding-left: 1em;
  padding-bottom: 0.5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #1f1f1f;
  font-size: 21px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  line-height: 1.5;
  border-bottom: solid 1px #e2e2e2;
}
.basic-page h2.Title02::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 0.2em;
  height: calc(100% - 1em);
  background-color: #323232;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .basic-page h2.Title02 {
    font-size: 18px;
    width: calc(100% - 20px);
  }
}
.basic-page h2.Title02.WithLink {
  display: table;
}
.basic-page h2.Title02.WithLink > .TitlePart {
  display: table-cell;
  width: auto;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .basic-page h2.Title02.WithLink > .TitlePart {
    width: 100%;
    display: block;
  }
}
.basic-page h2.Title02.WithLink > .TitlePart + .LinkPart {
  display: table-cell;
  width: auto;
  text-align: right;
  vertical-align: bottom;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .basic-page h2.Title02.WithLink > .TitlePart + .LinkPart {
    width: 100%;
    display: block;
  }
}
.basic-page h3.Title03 {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  color: #1f1f1f;
  font-size: 21px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  line-height: 1.5;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .basic-page h3.Title03 {
    font-size: 18px;
  }
}
.basic-page h4.Title04 {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  color: #1f1f1f;
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  line-height: 1.5;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .basic-page h4.Title04 {
    font-size: 16px;
  }
}
.basic-page p {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
  color: #1f1f1f;
  font-size: 16px;
  line-height: 1.5;
}
.basic-page p:first-child {
  margin-top: 0;
}
.basic-page p:last-child {
  margin-bottom: 0;
}
.basic-page a {
  color: #5378c6;
  text-decoration: none;
}
.basic-page a:link {
  text-decoration: none;
}
.basic-page a:visited {
  text-decoration: none;
}
.basic-page a:hover {
  text-decoration: underline;
}
.basic-page a:focus {
  text-decoration: underline;
}
.basic-page a:active {
  text-decoration: none;
}
.basic-page a.inline-arrow {
  position: relative;
  display: inline-block;
  padding-left: 0.5em;
  border-bottom: none;
}
.basic-page a.inline-arrow::before {
  display: inline-block;
  content: "";
  width: 0.5em;
  height: 0.5em;
  border-top: solid 1px #5378c6;
  border-right: solid 1px #5378c6;
  -webkit-transform: translateX(-0.5em) rotate(45deg);
          transform: translateX(-0.5em) rotate(45deg);
}
.basic-page .Caption {
  display: block;
  margin-top: 1em;
  font-size: 12px;
  line-height: 1.2;
}
.basic-page img {
  width: 100%;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .basic-page img {
    width: 100%;
  }
}
.basic-page .fs10 {
  font-size: 10px !important;
}
.basic-page .fs12 {
  font-size: 12px !important;
}
.basic-page .fs14 {
  font-size: 14px !important;
}
.basic-page .fs16 {
  font-size: 16px !important;
}
.basic-page .fs18 {
  font-size: 18px !important;
}
.basic-page .fs20 {
  font-size: 20px !important;
}
.basic-page .fs22 {
  font-size: 22px !important;
}
.basic-page .fs24 {
  font-size: 24px !important;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .basic-page .fs10sp {
    font-size: 10px !important;
  }
  .basic-page .fs12sp {
    font-size: 12px !important;
  }
  .basic-page .fs14sp {
    font-size: 14px !important;
  }
  .basic-page .fs16sp {
    font-size: 16px !important;
  }
  .basic-page .fs18sp {
    font-size: 18px !important;
  }
  .basic-page .fs20sp {
    font-size: 20px !important;
  }
  .basic-page .fs22sp {
    font-size: 22px !important;
  }
  .basic-page .fs24sp {
    font-size: 24px !important;
  }
}
.basic-page .lh12 {
  line-height: 1.2 !important;
}
.basic-page .lh15 {
  line-height: 1.5 !important;
}
.basic-page .lh20 {
  line-height: 2 !important;
}
.basic-page .letterSpacingNarrow {
  letter-spacing: -0.01em !important;
}
.basic-page .mt00 {
  margin-top: 0px !important;
}
.basic-page .mt05 {
  margin-top: 5px !important;
}
.basic-page .mt10 {
  margin-top: 10px !important;
}
.basic-page .mt20 {
  margin-top: 20px !important;
}
.basic-page .mt30 {
  margin-top: 30px !important;
}
.basic-page .mt40 {
  margin-top: 40px !important;
}
.basic-page .mt50 {
  margin-top: 50px !important;
}
.basic-page .mb00 {
  margin-bottom: 0px !important;
}
.basic-page .mb05 {
  margin-bottom: 5px !important;
}
.basic-page .mb10 {
  margin-bottom: 10px !important;
}
.basic-page .mb20 {
  margin-bottom: 20px !important;
}
.basic-page .mb30 {
  margin-bottom: 30px !important;
}
.basic-page .mb40 {
  margin-bottom: 40px !important;
}
.basic-page .mb50 {
  margin-bottom: 50px !important;
}
.basic-page .mlMinus012em {
  margin-left: -0.12em;
}
.basic-page .mlMinus025em {
  margin-left: -0.25em;
}
.basic-page .mlMinus050em {
  margin-left: -0.5em;
}
@media screen and (min-width: 641px) {
  .basic-page .mt00pc {
    margin-top: 0em !important;
  }
  .basic-page .mt05pc {
    margin-top: 0.5em !important;
  }
  .basic-page .mt10pc {
    margin-top: 1em !important;
  }
  .basic-page .mt20pc {
    margin-top: 2em !important;
  }
  .basic-page .mt30pc {
    margin-top: 3em !important;
  }
  .basic-page .mt40pc {
    margin-top: 4em !important;
  }
  .basic-page .mt50pc {
    margin-top: 5em !important;
  }
  .basic-page .mb00pc {
    margin-bottom: 0em !important;
  }
  .basic-page .mb05pc {
    margin-bottom: 0.5em !important;
  }
  .basic-page .mb10pc {
    margin-bottom: 1em !important;
  }
  .basic-page .mb20pc {
    margin-bottom: 2em !important;
  }
  .basic-page .mb30pc {
    margin-bottom: 3em !important;
  }
  .basic-page .mb40pc {
    margin-bottom: 4em !important;
  }
  .basic-page .mb50pc {
    margin-bottom: 5em !important;
  }
  .basic-page .mr00pc {
    margin-right: 0 !important;
  }
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .basic-page .mt00sp {
    margin-top: 0em !important;
  }
  .basic-page .mt05sp {
    margin-top: 0.5em !important;
  }
  .basic-page .mt10sp {
    margin-top: 1em !important;
  }
  .basic-page .mt20sp {
    margin-top: 2em !important;
  }
  .basic-page .mt30sp {
    margin-top: 3em !important;
  }
  .basic-page .mt40sp {
    margin-top: 4em !important;
  }
  .basic-page .mt50sp {
    margin-top: 5em !important;
  }
  .basic-page .mb00sp {
    margin-bottom: 0em !important;
  }
  .basic-page .mb05sp {
    margin-bottom: 0.5em !important;
  }
  .basic-page .mb10sp {
    margin-bottom: 1em !important;
  }
  .basic-page .mb20sp {
    margin-bottom: 2em !important;
  }
  .basic-page .mb30sp {
    margin-bottom: 3em !important;
  }
  .basic-page .mb40sp {
    margin-bottom: 4em !important;
  }
  .basic-page .mb50sp {
    margin-bottom: 5em !important;
  }
}
.basic-page .pt00 {
  padding-top: 0px !important;
}
.basic-page .pt05 {
  padding-top: 5px !important;
}
.basic-page .pt10 {
  padding-top: 10px !important;
}
.basic-page .pt20 {
  padding-top: 20px !important;
}
.basic-page .pt30 {
  padding-top: 30px !important;
}
.basic-page .pt40 {
  padding-top: 40px !important;
}
.basic-page .pt50 {
  padding-top: 50px !important;
}
.basic-page .pb00 {
  padding-bottom: 0px !important;
}
.basic-page .pb05 {
  padding-bottom: 5px !important;
}
.basic-page .pb10 {
  padding-bottom: 10px !important;
}
.basic-page .pb20 {
  padding-bottom: 20px !important;
}
.basic-page .pb30 {
  padding-bottom: 30px !important;
}
.basic-page .pb40 {
  padding-bottom: 40px !important;
}
.basic-page .pb50 {
  padding-bottom: 50px !important;
}
.basic-page .pl00 {
  padding-left: 0px !important;
}
.basic-page .pl05 {
  padding-left: 5px !important;
}
.basic-page .pl10 {
  padding-left: 10px !important;
}
.basic-page .pl20 {
  padding-left: 20px !important;
}
.basic-page .pl30 {
  padding-left: 30px !important;
}
.basic-page .pl40 {
  padding-left: 40px !important;
}
.basic-page .pl50 {
  padding-left: 50px !important;
}
.basic-page .pr00 {
  padding-right: 0px !important;
}
.basic-page .pr05 {
  padding-right: 5px !important;
}
.basic-page .pr10 {
  padding-right: 10px !important;
}
.basic-page .pr20 {
  padding-right: 20px !important;
}
.basic-page .pr30 {
  padding-right: 30px !important;
}
.basic-page .pr40 {
  padding-right: 40px !important;
}
.basic-page .pr50 {
  padding-right: 50px !important;
}
.basic-page .pcOnly {
  display: block;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .basic-page .pcOnly {
    display: none;
  }
}
.basic-page span.pcOnly {
  display: inline;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .basic-page span.pcOnly {
    display: none;
  }
}
.basic-page .spOnly {
  display: none;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .basic-page .spOnly {
    display: block;
  }
}
.basic-page span.spOnly {
  display: none;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .basic-page span.spOnly {
    display: inline;
  }
}
.basic-page .t-indent1 {
  padding-left: 1em;
  text-indent: -1em;
}
.basic-page .ta-left {
  text-align: left;
}
.basic-page .ta-center {
  text-align: center;
}
.basic-page .ta-right {
  text-align: right;
}
.basic-page .w100 {
  width: 100%;
}
.basic-page .w050 {
  width: 50%;
}
.basic-page .wauto {
  width: auto;
}
.basic-page .Strong {
  font-weight: bold;
}

.Contents {
  margin: 50px 0;
  color: #1f1f1f;
  font-size: 16px;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .Contents {
    width: auto;
    margin: 30px 10px;
  }
}
.Contents p {
  margin: 20px 0;
  font-size: 16px;
  line-height: 1.8;
}
.Contents table {
  margin: 20px 0;
  width: 100%;
  font-size: 16px;
  border-collapse: separate;
  border-spacing: 2px;
}
.Contents table th {
  text-align: left;
  line-height: 1.8;
  border-bottom: 2px solid #dedede;
  padding: 10px;
  color: #1f1f1f;
  background-color: #f1f1f1;
  width: 200px;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .Contents table th {
    width: auto;
  }
}
.Contents table td {
  text-align: left;
  line-height: 1.8;
  border-bottom: 2px solid #dedede;
  padding: 10px;
  color: #1f1f1f;
  background-color: #fff;
}
.Contents table td.bgGray {
  border-bottom: 2px solid #dedede;
  color: #1f1f1f;
  background-color: #f1f1f1;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .Contents table.SpListTable {
    border: none;
  }
  .Contents table.SpListTable thead {
    display: none;
  }
  .Contents table.SpListTable tr {
    display: block;
    margin-bottom: 0.2em;
    border-bottom: 1px solid #707070;
  }
  .Contents table.SpListTable tr td {
    display: block;
    border-top: 1px solid #707070;
    border-bottom: none;
  }
  .Contents table.SpListTable tr td::before {
    content: attr(aria-label);
    display: block;
    font-weight: bold;
  }
  .Contents table.SpListTable tr td::after {
    content: "";
    display: table;
    clear: both;
  }
  .Contents table.SpListTable tr td[aria-label=displaynone] {
    display: none;
  }
  .Contents table.SpListTable tbody th {
    display: block;
    border: none;
    background: #1D1D1D;
    color: #fff;
  }
  .Contents table.SpListTable tfoot th {
    display: block;
    border: none;
  }
  .Contents table.SpListTable tfoot td {
    border-top-color: #fff;
  }
}
.Contents.Contents--bold table {
  font-weight: 600;
}

ul {
  /* SpMenu__parent */
}
ul.ArrowLink {
  margin: 20px 0;
}
ul.ArrowLink li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 1em;
  line-height: 1.5;
}
ul.ArrowLink li a {
  position: relative;
}
ul.ArrowLink li:after {
  display: inline-block;
  content: "";
  position: relative;
  width: 0.3em;
  height: 0.3em;
  border-top: solid 1px #5378c6;
  border-right: solid 1px #5378c6;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
ul li.SpMenu__parent > a::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 20px;
  height: 1px;
  margin: 0;
  background-color: #666;
  border: none;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
ul li.SpMenu__parent > a.close::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 20px;
  height: 1px;
  margin: 0;
  background-color: #666;
  border: none;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
ul li.SpMenu__parent > a.close::before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 19px;
  width: 1px;
  height: 20px;
  margin: -9px 0 0;
  background-color: #666;
}
ul li.SpMenu__parent > a.open::before {
  display: none;
}
ul li.SpMenu__parent > a::before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 19px;
  width: 1px;
  height: 20px;
  margin: -9px 0 0;
  background-color: #666;
}

.Col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.Col.ColSpaceBetween {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Col.ColSpaceBetween .ColContents:not(:last-of-type) {
  margin-right: 0;
}
.Col.ColSpaceBetween .One-half {
  width: auto;
}
.Col.ColSpaceBetween .One-third {
  width: auto;
}
.Col.ColSpaceBetween .Two-third {
  width: auto;
}
.Col.ColSpaceBetween .One-quarters {
  width: auto;
}
.Col.ColSpaceBetween .Three-quarters {
  width: auto;
}
.Col .ColContents {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.Col .ColContents:not(:last-of-type) {
  margin-right: 20px;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .Col .ColContents {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 25px;
  }
}
.Col .ColContentsHalfCenter {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 50%;
  margin: 0 auto;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .Col .ColContentsHalfCenter {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .Col .SpWidthFull {
    width: calc(100% + 40px) !important;
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .Col .SpWidthMax {
    width: 100% !important;
  }
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .Col .SpWidthHalf {
    width: calc(50% - 12.5px) !important;
  }
  .Col .SpWidthHalf:nth-child(odd) {
    margin-left: 0;
    margin-right: 25px;
  }
  .Col .SpWidthHalf:nth-child(even) {
    margin-left: 0;
    margin-right: 0;
  }
}
.Col .One-half {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: calc(50% - 20px);
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .Col .One-half {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 25px;
  }
}
.Col .One-third {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: calc((100% - 40px) / 3);
}
@media screen and (min-width: 641px) {
  .Col .One-third:nth-child(3n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .Col .One-third {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 25px;
  }
}
.Col .Two-third {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: calc((100% - 40px) / 3 * 2 + 20px);
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .Col .Two-third {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 25px;
  }
}
.Col .One-quarters {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: calc((100% - 60px) / 4);
}
@media screen and (min-width: 641px) {
  .Col .One-quarters:nth-child(4n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .Col .One-quarters {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    width: calc(50% - 12.5px);
  }
}
.Col .Three-quarters {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: calc((100% - 60px) / 4 * 3 + 40px);
}
@media screen and (min-width: 641px) {
  .Col .Three-quarters:nth-child(5n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .Col .Three-quarters {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    width: 100%;
  }
}
.Col .One-fifth {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: calc((100% - 80px) / 5);
}
@media screen and (min-width: 641px) {
  .Col .One-fifth:nth-child(5n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .Col .One-fifth {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    width: calc(50% - 12.5px);
  }
}

.LinkButtons a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1.2em;
  border: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f1f1f1;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
}
.LinkButtons a:link {
  color: #323232;
  text-decoration: none;
}
.LinkButtons a:visited {
  color: #323232;
  text-decoration: none;
}
.LinkButtons a:hover {
  color: #323232;
  text-decoration: none;
}
.LinkButtons a:focus {
  color: #323232;
  text-decoration: none;
}
.LinkButtons a:active {
  color: #323232;
  text-decoration: none;
}
.LinkButtons a::before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 13px;
  width: 10px;
  height: 10px;
  margin: -6px 0 0;
  border-top: solid 1px #323232;
  border-right: solid 1px #323232;
  background-color: transparent;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .LinkButtons a {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 56px;
    padding-left: 1em;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    text-align: left;
    font-size: 16px;
  }
}
.LinkButtons a.disable {
  pointer-events: none;
  cursor: pointer;
  opacity: 0.5;
}
.LinkButtons a[target=_blank]::after {
  display: inline-block;
  content: "";
  width: 1.5em;
  height: 0.9em;
  background: url("../img/icon_outlink.svg") no-repeat right center;
  background-size: contain;
  margin-right: 0.5em;
}
.LinkButtons ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.LinkButtons ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 20px;
}
.LinkButtons ul li:not(:last-of-type) {
  margin-right: 20px;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .LinkButtons ul li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
    margin-bottom: 2px;
  }
  .LinkButtons ul li a {
    width: 100%;
    height: 56px;
    text-align: left;
    font-size: 16px;
  }
}
@media screen and (min-width: 641px) {
  .LinkButtons ul.Half {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .LinkButtons ul.Half li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: calc((100% - 20px) / 2);
  }
  .LinkButtons ul.Half li:nth-child(2n) {
    margin-right: 0;
  }
  .LinkButtons ul.Third {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .LinkButtons ul.Third li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: calc((100% - 40px) / 3);
  }
  .LinkButtons ul.Third li:nth-child(3n) {
    margin-right: 0;
  }
  .LinkButtons ul.Quarter {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .LinkButtons ul.Quarter li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: calc((100% - 60px) / 4);
  }
  .LinkButtons ul.Quarter li:nth-child(4n) {
    margin-right: 0;
  }
  .LinkButtons ul.Fifth {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .LinkButtons ul.Fifth li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: calc((100% - 80px) / 5);
  }
  .LinkButtons ul.Fifth li:nth-child(5n) {
    margin-right: 0;
  }
}
.LinkButtons.Dark a {
  background-color: #707176;
  color: #fff;
}
.LinkButtons.Dark a::before {
  border-top-color: #fff;
  border-right-color: #fff;
}
@media screen and (min-width: 641px) {
  .LinkButtons.OnlyOneAtCenter {
    text-align: center;
  }
  .LinkButtons.OnlyOneAtCenter a {
    display: inline-block;
    width: auto;
    padding-left: 2em;
    padding-right: 3em;
  }
}

.LinkButtonsAnchor a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  border: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f1f1f1;
  padding: 1.2em 0.6em;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
}
.LinkButtonsAnchor a:link {
  color: #323232;
  text-decoration: none;
}
.LinkButtonsAnchor a:visited {
  color: #323232;
  text-decoration: none;
}
.LinkButtonsAnchor a:hover {
  color: #323232;
  text-decoration: none;
}
.LinkButtonsAnchor a:focus {
  color: #323232;
  text-decoration: none;
}
.LinkButtonsAnchor a:active {
  color: #323232;
  text-decoration: none;
}
.LinkButtonsAnchor a::before {
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
  background-image: url("../img/icon_linkbuttons_anchor.svg");
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 0.5em;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .LinkButtonsAnchor a {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 1em 2em 1em 2.5em;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    font-size: 16px;
    text-align: left;
  }
  .LinkButtonsAnchor a::before {
    position: absolute;
    display: block;
    left: 1.5em;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.LinkButtonsAnchor a.disable {
  pointer-events: none;
  cursor: pointer;
  opacity: 0.5;
}
.LinkButtonsAnchor ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.LinkButtonsAnchor ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 20px;
}
.LinkButtonsAnchor ul li:not(:last-of-type) {
  margin-right: 20px;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .LinkButtonsAnchor ul li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
    margin-bottom: 2px;
  }
}
@media screen and (min-width: 641px) {
  .LinkButtonsAnchor ul.Half {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .LinkButtonsAnchor ul.Half li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: calc((100% - 20px) / 2);
  }
  .LinkButtonsAnchor ul.Half li:nth-child(2n) {
    margin-right: 0;
  }
  .LinkButtonsAnchor ul.Third {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .LinkButtonsAnchor ul.Third li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: calc((100% - 40px) / 3);
  }
  .LinkButtonsAnchor ul.Third li:nth-child(3n) {
    margin-right: 0;
  }
  .LinkButtonsAnchor ul.Quarter {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .LinkButtonsAnchor ul.Quarter li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: calc((100% - 60px) / 4);
  }
  .LinkButtonsAnchor ul.Quarter li:nth-child(4n) {
    margin-right: 0;
  }
  .LinkButtonsAnchor ul.Fifth {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .LinkButtonsAnchor ul.Fifth li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: calc((100% - 80px) / 5);
  }
  .LinkButtonsAnchor ul.Fifth li:nth-child(5n) {
    margin-right: 0;
  }
}

.Tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 20px 0;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .Tab {
    display: block;
  }
}
.Tab .TabLabel {
  position: relative;
  padding: 1em 0.5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #f1f1f1;
  z-index: 1;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #323232;
  font-weight: 600;
  white-space: nowrap;
  text-align: center;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  cursor: pointer;
}
.Tab .TabLabel:not(:last-of-type) {
  margin-right: 4px;
}
.Tab .TabLabel::after {
  content: "";
  display: none;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .Tab .TabLabel {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 2px;
    text-align: left;
  }
  .Tab .TabLabel::after {
    content: "";
    display: block;
    position: absolute;
    right: 1.5em;
    top: calc(50% - 0.5em);
    width: 0.75em;
    height: 0.75em;
    border-right: solid 2px #1d1d1d;
    border-bottom: solid 2px #1d1d1d;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}
.Tab .TabContent {
  width: 100%;
  height: 0;
  opacity: 0;
}
.Tab .TabSwitch:checked + .TabLabel {
  background-color: #1d1d1d;
  color: #fff;
  cursor: none;
  pointer-events: none;
}
.Tab .TabSwitch:checked + .TabLabel::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-top: solid 10px #1d1d1d;
  border-left: solid 5px transparent;
  border-right: solid 5px transparent;
  border-bottom: solid 0 transparent;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .Tab .TabSwitch:checked + .TabLabel::after {
    display: none;
    right: 1.5em;
    top: 50%;
    bottom: auto;
    left: auto;
    width: 0.75em;
    height: 0.75em;
    border-top: none;
    border-left: none;
    border-right: solid 2px #f1f1f1;
    border-bottom: solid 2px #f1f1f1;
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
}
.Tab .TabSwitch:checked + .TabLabel + .TabContent {
  height: auto;
  overflow: auto;
  padding: 15px;
  opacity: 1;
  -webkit-transition: 0.5s opacity;
  transition: 0.5s opacity;
}
.Tab .TabSwitch {
  display: none;
}

.TabLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 20px 0;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .TabLink {
    display: block;
  }
}
.TabLink a.TabLabel {
  position: relative;
  padding: 1em 0.5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #f1f1f1;
  border: none;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #323232;
  font-weight: 600;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
}
.TabLink a.TabLabel:link {
  text-decoration: none;
}
.TabLink a.TabLabel:visited {
  text-decoration: none;
}
.TabLink a.TabLabel:hover {
  text-decoration: none;
}
.TabLink a.TabLabel:focus {
  text-decoration: none;
}
.TabLink a.TabLabel:active {
  text-decoration: none;
}
.TabLink a.TabLabel:not(:last-of-type) {
  margin-right: 4px;
}
.TabLink a.TabLabel::after {
  content: "";
  display: none;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .TabLink a.TabLabel {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 2px;
    text-align: left;
  }
  .TabLink a.TabLabel::after {
    content: "";
    display: block;
    position: absolute;
    right: 1.5em;
    top: calc(50% - 0.5em);
    width: 0.75em;
    height: 0.75em;
    border-right: solid 2px #1d1d1d;
    border-bottom: solid 2px #1d1d1d;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}
.TabLink a.TabLabel.TabLabel-current {
  background-color: #1d1d1d;
  color: #fff;
  cursor: pointer;
  pointer-events: none;
}
.TabLink a.TabLabel.TabLabel-current::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-top: solid 10px #1d1d1d;
  border-left: solid 5px transparent;
  border-right: solid 5px transparent;
  border-bottom: solid 0 transparent;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .TabLink a.TabLabel.TabLabel-current::after {
    display: none;
    right: 1.5em;
    top: 50%;
    bottom: auto;
    left: auto;
    width: 0.75em;
    height: 0.75em;
    border-top: none;
    border-left: none;
    border-right: solid 2px #f1f1f1;
    border-bottom: solid 2px #f1f1f1;
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
}

.GrayBgBox {
  background-color: #f1f1f1;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

ul.BulletList {
  list-style: disc outside;
  padding-left: 1.5em;
  margin-bottom: 2em;
}
ul.BulletList li {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
ul.BulletList li:first-child {
  margin-top: 0;
}
ul.BulletList li:last-child {
  margin-bottom: 0;
}

ul.NoMarkList {
  list-style: none;
  padding-left: 0;
  margin-bottom: 2em;
}
ul.NoMarkList li {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
ul.NoMarkList li:first-child {
  margin-top: 0;
}
ul.NoMarkList li:last-child {
  margin-bottom: 0;
}

img.MaxWidthImage {
  display: inline-block;
  width: 100%;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  img.MaxWidthImage {
    width: 100%;
  }
}

img.LargeImage {
  display: block;
  width: 850px;
  margin: 0 auto 4em;
  margin-bottom: 4em;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  img.LargeImage {
    width: 100%;
    margin-bottom: 2em;
  }
}

img.ObjFitImage {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center top;
     object-position: center top;
}

img.One-third-Square {
  width: 313px;
  height: auto;
  max-height: 313px;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  img.One-third-Square {
    width: 100%;
    height: 300px;
  }
}

.EcoKidsPic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.EcoKidsPic .One-third {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: calc((100% - 40px) / 3);
  margin-bottom: 20px;
  margin-right: 20px;
}
.EcoKidsPic .One-third:nth-child(3n) {
  margin-right: 0;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .EcoKidsPic .One-third {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 25px;
  }
}
.EcoKidsPic h4.EcoKidsTitle {
  position: relative;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  height: 3em;
  color: #1f1f1f;
  font-size: 18px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  line-height: 1.5;
}
.EcoKidsPic h4.EcoKidsTitle > span {
  position: absolute;
  bottom: 0;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .EcoKidsPic h4.EcoKidsTitle {
    font-size: 18px;
  }
}
.EcoKidsPic img.One-third-EcoKidsPic {
  width: 313px;
  height: 225px;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .EcoKidsPic img.One-third-EcoKidsPic {
    width: 100%;
    height: 225px;
  }
}

h1.ImportantInfo {
  margin-top: 1.25em;
  margin-bottom: 1.75em;
  text-align: center;
  color: #1f1f1f;
  font-size: 36px;
  font-family: "Noto Serif JP", serif;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
h1.ImportantInfo > span {
  position: relative;
  display: inline-block;
  padding-left: 1.2em;
  padding-bottom: 0.8em;
  border-bottom: solid 1px #1f1f1f;
}
h1.ImportantInfo > span::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0.8em;
  width: 1em;
  height: 1em;
  background-image: url("../img/icon_important_info.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  h1.ImportantInfo {
    margin-top: 25px;
    font-size: 26px;
    letter-spacing: 0;
  }
  h1.ImportantInfo > span {
    padding-left: 0;
  }
  h1.ImportantInfo > span::before {
    content: "";
    display: inline-block;
    position: relative;
    -webkit-transform: translateY(-65%);
            transform: translateY(-65%);
  }
}

h2.ImportantInfo {
  position: relative;
  width: 100%;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  padding-top: 0.5em;
  padding-left: 1.5em;
  padding-bottom: 0.5em;
  color: #1f1f1f;
  font-size: 21px;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.5;
  border-bottom: solid 3px #e2e2e2;
}
h2.ImportantInfo::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 1em;
  height: 2em;
  background-image: url("../img/icon_important_info.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  h2.ImportantInfo {
    font-size: 18px;
  }
}

h3.ImportantInfo {
  display: inline-block;
  margin-top: 0.75em;
  margin-bottom: 0.75em;
  background-color: #f1f1f1;
  padding: 0.75em 1.5em;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-weight: 600;
}

dl.News {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (min-width: 641px) {
  dl.News dt {
    width: 150px;
    padding-bottom: 1em;
    line-height: 1.8;
  }
  dl.News dd {
    width: 830px;
    padding-bottom: 1em;
    line-height: 1.8;
  }
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  dl.News dt {
    width: 100%;
    padding-bottom: 0.25em;
    line-height: 1.8;
  }
  dl.News dd {
    width: 100%;
    padding-left: 1em;
    padding-bottom: 1em;
    line-height: 1.8;
  }
}

.titlenavigation .local-mega-navigation .rootlist > li.english {
  position: absolute;
  right: 0;
  background: none;
  padding: 0;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .titlenavigation .local-mega-navigation .rootlist > li.english {
    position: static;
  }
}
.titlenavigation .local-mega-navigation .navlist .rootlist .root-item.english > div > a {
  background: none;
  padding: 0;
}

.Contents__box--reverse .Contents__boxPhoto {
  padding-right: 0;
  padding-left: 20px;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .Contents__box--reverse .Contents__boxPhoto {
    padding: 0;
    margin-bottom: 10px;
  }
}

.page-top_wrap {
  width: 100%;
  margin: 2em 0 3em;
  overflow: hidden;
  text-align: right;
}
.page-top_wrap a.js-pageTop > p {
  display: inline-block;
  margin: 0;
  padding: 0 0 0 22px;
  background: url("/hvac/pes/relatedetc/img/icon_page-top-large.png") no-repeat 0 50%;
  background-size: 12px 13px;
  color: #333333;
  font-size: 12px;
}

.inquiryBox {
  border: 1px solid #707176;
  padding: 2em;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .inquiryBox {
    padding: 1em;
  }
}
.inquiryBox .ttl {
  margin-bottom: 17px;
  line-height: 1.25;
  font-weight: 500;
}
.inquiryBox .ttl span {
  padding: 4px 10px 7px;
  display: inline-block;
  background-color: #f1f1f1;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .inquiryBox .ttl {
    margin-bottom: 22px;
    font-size: 14px;
    line-height: 1.43;
  }
  .inquiryBox .ttl span {
    padding: 6px 12px 8px;
  }
}
.inquiryBox .tel a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-decoration: none !important;
  letter-spacing: 0.05em;
}
.inquiryBox .tel a::before {
  content: "";
  display: inline-block;
  width: 65px;
  height: 50px;
  background-image: url("/hvac/pes/relatedetc/img/icon_tel_freedial.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.inquiryBox .tel a.naviDial::before {
  background-image: url("/hvac/pes/relatedetc/img/icon_tel_navidial.png");
}
.inquiryBox .tel .rBox {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 13px;
}
.inquiryBox .tel p {
  font-size: 14px;
  color: black;
  line-height: 1.5;
}
.inquiryBox .tel p .txtSpan {
  display: block;
  font-size: 16px;
  font-weight: bold;
}
.inquiryBox .tel p .txtSpan span {
  font-size: 32px;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .inquiryBox .tel {
    margin-bottom: 0;
  }
  .inquiryBox .tel a {
    display: block;
    position: relative;
  }
  .inquiryBox .tel a::before {
    width: 36px;
    height: 28px;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 7px;
  }
  .inquiryBox .tel .rBox {
    padding: 0;
  }
  .inquiryBox .tel p {
    font-size: 12px;
    line-height: 1.67;
  }
  .inquiryBox .tel p .txtSpan {
    padding-left: 45px;
    margin-bottom: -2px;
    font-size: 12px;
  }
  .inquiryBox .tel p .txtSpan span {
    font-size: 25px;
  }
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.youtube img {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
}

/* holdings版 */
/* ==========================================================================
   footer => sub

   .holdings-footer-sub--custom
========================================================================== */
.holdings-footer-sub--custom {
  font-size: 12px;
  background-color: #f2f2f2;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .holdings-footer-sub--custom {
    display: none;
  }
}
.holdings-footer-sub--custom a {
  color: #1A1A1A;
}

.holdings-footer-sub--custom__container {
  width: 976px;
  margin: 0 auto;
}

.holdings-footer-sub--custom__list {
  padding: 50px 0 48px;
}

.holdings-footer-sub--custom__list_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.holdings-footer-sub--custom__list_inner:not(:last-of-type) {
  margin-bottom: 2.15em;
}
.holdings-footer-sub--custom__list_inner .holdings-footer-sub--custom__title {
  width: 166px;
}
.holdings-footer-sub--custom__list_inner .holdings-footer-sub--custom__title_sub {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.holdings-footer-sub--custom__list_inner .holdings-footer-sub--custom__title_sub > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.holdings-footer-sub--custom__list_inner .holdings-footer-sub--custom__title_sub > ul > li {
  margin-right: 2em;
}

.holdings-footer-sub--custom__contact {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 1.5em 0 1.75em;
  border-top: 1px #E7E7E7 solid;
}

/* ==========================================================================
   header => main 
========================================================================== */
@media (max-width: 980px) {
  .holdings-titlenav {
    display: none;
  }
}