@charset "UTF-8";

@font-face {
  font-family: "NotoSansCJKjp";
  font-style: normal;
  font-weight: 100;
  src: url("/appeal/fonts/NotoSansCJKjp-Thin.otf") format("opentype");
}

@font-face {
  font-family: "URWGothic";
  font-style: normal;
  font-weight: 300;
  src: url("/appeal/fonts/urw-gothic-l-book.ttf") format("truetype");
}

@font-face {
  font-family: "URWGothic";
  font-style: normal;
  font-weight: 700;
  src: url("/appeal/fonts/urw-gothic-l-demi.ttf") format("truetype");
}


/* ---------------------------------
Structure
--------------------------------- */
/* .siteHeaderWrap */
.siteHeaderWrap {
  position: relative;
  left: 0;
  top: 0;
  z-index: 9;
  width: 100%;
  background: #fff;
}

@media (max-width: 767px) {
  .siteHeaderWrap {
    position: static;
    width: auto;
  }
}

/* .siteHeader */
.siteHeader {
  position: relative;
  background: none;
}

.siteHeader::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.75;
}

.siteHeader .headerSearch .field {
  background: #fff;
}

.siteHeader .both-ends-margin .site-header .site-header-search .field input,
.siteHeader .both-ends-margin .site-header .site-header-search .field button {
  background-color: #fff;
}

/* .globalNav */
.globalNav>ul>li>a {
  background: #fff;
}

/* .breadcrumbNavWrap */
.breadcrumbNavWrap {
  position: relative;
  left: 0;
  top: 0;
  z-index: 50;
  width: 100%;
}

@media (max-width: 767px) {
  .breadcrumbNavWrap {
    position: static;
    width: auto;
  }
}

/* .breadcrumbNav */
.breadcrumbNav {
  background: none;
}

.breadcrumbNav::before {
  left: 0;
  width: 100%;
  margin-left: 0;
  background: #182433;
}

@media (max-width: 767px) {
  .breadcrumbNav::before {
    background: #f2f2f2;
  }
}

.breadcrumbNav ol>li::before {
  background: #fff;
  opacity: 0.1;
}

@media (max-width: 767px) {
  .breadcrumbNav ol>li::before {
    background: #d9d9d9;
    opacity: 1;
  }
}

.breadcrumbNav ol>li>a {
  color: #fff;
}

@media (max-width: 767px) {
  .breadcrumbNav ol>li>a {
    color: #0075c1;
  }
}

.breadcrumbNav ol>li:first-child>a::before {
  width: 15px;
  height: 15px;
  background-image: url("/appeal/images/sprite_2x.png");
  background-repeat: no-repeat;
  background-position: -43px -40px;
  background-size: 80px 78px;
}

.breadcrumbNav ol>li:last-child>span {
  background: #46505c;
}

@media (max-width: 767px) {
  .breadcrumbNav ol>li:last-child>span {
    background: none;
  }
}

/* .appealBlackWrap */
.appealBlackWrap {
  padding-bottom: 100px;
  background: #04060d;
}

@media (max-width: 767px) {
  .appealBlackWrap {
    padding-bottom: 20px;
  }
}

.appealBlackWrap.overHide {
  overflow: hidden;
}

/* ---------------------------------
Module
--------------------------------- */
/* .only */
@media (max-width: 767px) {
  .onlyG768 {
    display: none;
  }
}

@media (max-width: 1114px) {
  .onlyG1100 {
    display: none;
  }
}

@media (max-width: 1284px) {
  .onlyG1270 {
    display: none;
  }
}

@media (max-width: 1380px) {
  .onlyG1366 {
    display: none;
  }
}

@media (min-width: 768px) {
  .onlyL767 {
    display: none;
  }
}

@media (min-width: 1215px) {
  .onlyL1199 {
    display: none;
  }
}

@media (min-width: 1285px) {
  .onlyL1269 {
    display: none;
  }
}

@media (min-width: 1305px) {
  .onlyL1289 {
    display: none;
  }
}

@media (min-width: 1365px) {
  .onlyL1349 {
    display: none;
  }
}

@media (min-width: 1381px) {
  .onlyL1365 {
    display: none;
  }
}

@media (max-width: 767px),
(min-width: 1115px) {
  .onlyG768L1099 {
    display: none;
  }
}

@media (max-width: 767px),
(min-width: 1215px) {
  .onlyG768L1199 {
    display: none;
  }
}

@media (max-width: 767px),
(min-width: 1285px) {
  .onlyG768L1269 {
    display: none;
  }
}

@media (max-width: 767px),
(min-width: 1305px) {
  .onlyG768L1289 {
    display: none;
  }
}

@media (max-width: 767px),
(min-width: 1365px) {
  .onlyG768L1349 {
    display: none;
  }
}

@media (max-width: 767px),
(min-width: 1381px) {
  .onlyG768L1365 {
    display: none;
  }
}

@media (max-width: 1114px),
(min-width: 1381px) {
  .onlyG1100L1365 {
    display: none;
  }
}

/* .margin */
.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

@media (min-width: 768px) {
  .mtd10 {
    margin-top: 10px !important;
  }

  .mtd15 {
    margin-top: 15px !important;
  }

  .mtd30 {
    margin-top: 30px !important;
  }

  .mtd40 {
    margin-top: 40px !important;
  }

  .mtd50 {
    margin-top: 50px !important;
  }

  .mtd70 {
    margin-top: 70px !important;
  }

  .mtd80 {
    margin-top: 80px !important;
  }

  .mtd100 {
    margin-top: 120px !important;
  }

  .mtd150 {
    margin-top: 150px !important;
  }
}

@media (max-width: 767px) {
  .mtd10 {
    margin-top: 5px !important;
  }

  .mtd15 {
    margin-top: 7.5px !important;
  }

  .mtd30 {
    margin-top: 15px !important;
  }

  .mtd40 {
    margin-top: 20px !important;
  }

  .mtd50 {
    margin-top: 25px !important;
  }

  .mtd70 {
    margin-top: 35px !important;
  }

  .mtd80 {
    margin-top: 40px !important;
  }

  .mtd100 {
    margin-top: 30px !important;
  }

  .mtd150 {
    margin-top: 50px !important;
  }
}

/* .padding */
.pb0 {
  padding-bottom: 0 !important;
}

/* .color */
.white {
  color: #fff;
}

.red {
  color: #ff0000;
}

/* .font-size */
@media (min-width: 768px) {
  .fsd12 {
    font-size: 0.75rem !important;
  }

  .fsd14 {
    font-size: 0.875rem !important;
  }
}

@media (max-width: 767px) {
  .fsd12 {
    font-size: 0.85714rem !important;
  }

  .fsd14 {
    font-size: 1rem !important;
  }
}

/* .font-weight */
.fw500 {
  font-weight: 500 !important;
}

/* .letter-spacing */
@media (min-width: 768px) {
  .pcLs-1 {
    letter-spacing: -1px !important;
  }

  .pcLs-2 {
    letter-spacing: -2px !important;
  }
}

/* .cmnTxtList */
.cmnTxtList>li {
  line-height: 1.7;
}

.cmnTxtList>li>.listMark {
  display: block;
  float: left;
  margin-right: 3px;
}

.cmnTxtList>li>.listTxt {
  display: block;
  overflow: hidden;
}

/* .cmnSection */
.cmnSection {
  max-width: 1266px;
  margin: 0 auto;
  padding: 0 50px;
}

@media (max-width: 767px) {
  .cmnSection {
    max-width: none;
    padding: 0 10px;
  }
}

/* .cmnSubTitle */
.cmnSubTitle {
  position: relative;
  z-index: 5;
  margin-bottom: 10px;
  padding-left: 18px;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .cmnSubTitle {
    margin-bottom: 5px;
    padding-left: 14px;
    font-size: 1.14286rem;
  }
}

.cmnSubTitle::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 14px;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #349ee2;
}

@media (max-width: 767px) {
  .cmnSubTitle::before {
    top: 9px;
    width: 6px;
    height: 6px;
    border-radius: 6px;
  }
}

.cmnSubTitle>sup {
  margin: 0 3px;
  font-size: 0.75rem;
  vertical-align: 11px;
}

@media (max-width: 767px) {
  .cmnSubTitle>sup {
    margin: 0 2px;
    font-size: 0.71429rem;
    vertical-align: 5px;
  }
}

/* .cmnTitle */
.cmnTitle {
  position: relative;
  z-index: 5;
  margin-bottom: 30px;
  color: #fff;
  font-size: 3.25rem;
  font-weight: 100;
  line-height: 1.2;
  letter-spacing: -2px;
}

@media (max-width: 767px) {
  .cmnTitle {
    margin-bottom: 20px;
    font-size: 1.78571rem;
    letter-spacing: 0;
  }
}

.cmnTitle>sup {
  margin: 0 5px;
  font-size: 1rem;
  vertical-align: 27px;
  letter-spacing: 0;
}

@media (max-width: 767px) {
  .cmnTitle>sup {
    margin: 0 3px;
    font-size: 0.71429rem;
    vertical-align: 11px;
  }
}

/* .cmnTitle2 */
.cmnTitle2 {
  margin-bottom: 15px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}

@media (max-width: 767px) {
  .cmnTitle2 {
    margin-bottom: 15px;
    font-size: 1.14286rem;
  }
}

.cmnTitle2.orange {
  color: #ed7324;
}

.cmnTitle2>sup {
  margin: 0 2px;
  font-size: 0.75rem;
  vertical-align: 7px;
}

@media (max-width: 767px) {
  .cmnTitle2>sup {
    font-size: 0.71429rem;
    vertical-align: 5px;
  }
}

/* .cmnTitle3 */
.cmnTitle3 {
  margin-bottom: 10px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.4;
}

@media (max-width: 767px) {
  .cmnTitle3 {
    margin-bottom: 10px;
    font-size: 1rem;
  }
}

.cmnTitle3>sup {
  margin: 0 2px;
  font-size: 0.75rem;
  vertical-align: 6px;
}

@media (max-width: 767px) {
  .cmnTitle3>sup {
    margin: 0 2px;
    font-size: 0.71429rem;
    vertical-align: 3px;
  }
}

/* .cmnHead */
.cmnHead {
  display: table;
  width: 100%;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .cmnHead {
    display: block;
    width: auto;
    margin-bottom: 20px;
  }
}

.cmnHead>div {
  display: table-cell;
  vertical-align: bottom;
}

@media (max-width: 767px) {
  .cmnHead>div {
    display: block;
  }
}

.cmnHead>div:first-child {
  width: 100%;
}

@media (max-width: 767px) {
  .cmnHead>div:first-child {
    width: auto;
  }
}

.cmnHead .cmnTitle {
  margin-bottom: 0;
}

.cmnHead .headBtn>a {
  display: block;
  width: 300px;
  padding: 19px 0;
  border: 1px solid #505156;
  box-sizing: border-box;
  color: #fff;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
}

@media (max-width: 767px) {
  .cmnHead .headBtn>a {
    width: auto;
    margin-top: 20px;
    padding: 15px 0;
  }
}

.cmnHead .headBtn>a::after {
  content: "";
  display: inline-block;
  margin-left: 15px;
  vertical-align: -1px;
  width: 10px;
  height: 16px;
  background-image: url("/appeal/images/sprite_2x.png");
  background-repeat: no-repeat;
  background-position: -15px -62px;
  background-size: 80px 78px;
}

@media (max-width: 767px) {
  .cmnHead .headBtn>a::after {
    margin-left: 8px;
    vertical-align: 0;
    width: 7.5px;
    height: 12px;
    background-image: url("/appeal/images/sprite_2x.png");
    background-repeat: no-repeat;
    background-position: -11px -47px;
    background-size: 60px 59px;
  }
}

@media (min-width: 768px) {

  body.pc .cmnHead .headBtn>a:hover,
  body.pc .cmnHead .headBtn>a:active {
    border: 1px solid #0075c1;
    background: #0075c1;
  }
}

/* .cmnCol2 */
.cmnCol2 {
  margin: 0 -10px;
}

@media (max-width: 767px) {
  .cmnCol2 {
    margin: 0;
  }
}

.cmnCol2>section {
  float: left;
  width: 50%;
  margin-top: 20px;
  padding: 0 10px;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .cmnCol2>section {
    float: none;
    width: auto;
    padding: 0;
  }
}

.cmnCol2>section:nth-child(1) {
  margin-top: 0;
}

@media (min-width: 768px) {
  .cmnCol2>section:nth-child(2) {
    margin-top: 0;
  }
}

.cmnCol2.space40 {
  margin: 0 -20px;
}

@media (max-width: 767px) {
  .cmnCol2.space40 {
    margin: 0;
  }
}

.cmnCol2.space40>section {
  margin-top: 40px;
  padding: 0 20px;
}

@media (max-width: 767px) {
  .cmnCol2.space40>section {
    margin-top: 20px;
    padding: 0;
  }
}

.cmnCol2.space40>section:nth-child(1) {
  margin-top: 0;
}

@media (min-width: 768px) {
  .cmnCol2.space40>section:nth-child(2) {
    margin-top: 0;
  }
}

/* .cmnCol3 */
.cmnCol3 {
  margin: 0 -10px;
}

@media (max-width: 767px) {
  .cmnCol3 {
    margin: 0;
  }
}

.cmnCol3>section {
  float: left;
  width: 33.333%;
  margin-top: 20px;
  padding: 0 10px;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .cmnCol3>section {
    float: none;
    width: auto;
    padding: 0;
  }
}

.cmnCol3>section:nth-child(1) {
  margin-top: 0;
}

@media (min-width: 768px) {

  .cmnCol3>section:nth-child(2),
  .cmnCol3>section:nth-child(3) {
    margin-top: 0;
  }
}

.cmnCol3.space40 {
  margin: 0 -20px;
}

@media (max-width: 767px) {
  .cmnCol3.space40 {
    margin: 0;
  }
}

.cmnCol3.space40>section {
  margin-top: 40px;
  padding: 0 20px;
}

@media (max-width: 767px) {
  .cmnCol3.space40>section {
    margin-top: 20px;
    padding: 0;
  }
}

.cmnCol3.space40>section:nth-child(1) {
  margin-top: 0;
}

@media (min-width: 768px) {

  .cmnCol3.space40>section:nth-child(2),
  .cmnCol3.space40>section:nth-child(3) {
    margin-top: 0;
  }
}

/* .cmnSup */
.cmnSup {
  display: inline-block;
  margin: 0 2px;
  font-size: 0.625rem;
  vertical-align: 0;
}

@media (max-width: 767px) {
  .cmnSup {
    font-size: 0.71429rem;
    vertical-align: 0;
  }
}

.cmnSup.ml-8 {
  margin-left: -8px;
}

.cmnSup.va2 {
  vertical-align: 2px;
}

/* .cmnSub */
.cmnSub {
  margin: 0 1px;
  font-size: 0.625rem;
}

/* .cmnAlternate */
.cmnAlternate>section {
  display: table;
  width: 100%;
}

@media (max-width: 767px) {
  .cmnAlternate>section {
    display: block;
    width: auto;
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .cmnAlternate>section:first-child {
    margin-top: 0;
  }
}

.cmnAlternate>section>div {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .cmnAlternate>section>div {
    display: block;
    width: auto;
  }
}

/* .cmnYoutubeLink */
.cmnYoutubeLink {
  display: table;
  text-decoration: none;
}

.cmnYoutubeLink>div {
  display: table-cell;
  vertical-align: middle;
}

.cmnYoutubeLink>div:last-child {
  padding-left: 20px;
}

@media (max-width: 767px) {
  .cmnYoutubeLink>div:last-child {
    padding-left: 10px;
  }
}

.cmnYoutubeLink .thum {
  position: relative;
  width: 171px;
  height: 95px;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 767px) {
  .cmnYoutubeLink .thum {
    width: 100px;
    height: 57px;
  }
}

.cmnYoutubeLink .thum.airy {
  background-image: url(/appeal/images/pic_airy_thum01.png);
}

.cmnYoutubeLink .thum.skylight {
  background-image: url(/appeal/images/pic_skylight_thum01.png);
}

.cmnYoutubeLink .thum.smart {
  width: 189px;
  background-image: url(/appeal/images/pic_smart_thum01.png);
}

@media (max-width: 767px) {
  .cmnYoutubeLink .thum.smart {
    width: 115px;
  }
}

.cmnYoutubeLink .thum::before {
  content: "";
  display: block;
  position: absolute;
  left: 65.5px;
  top: 33.5px;
  z-index: 1;
  width: 40px;
  height: 28px;
  background-image: url("/appeal/images/sprite_2x.png");
  background-repeat: no-repeat;
  background-position: -40px 0px;
  background-size: 80px 78px;
}

@media (max-width: 767px) {
  .cmnYoutubeLink .thum::before {
    left: 37.5px;
    top: 19.5px;
    width: 25px;
    height: 18px;
    background-image: url("/appeal/images/sprite_2x.png");
    background-repeat: no-repeat;
    background-position: -25px 0px;
    background-size: 50px 49px;
  }
}

.cmnYoutubeLink .title {
  font-weight: 700;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .cmnYoutubeLink .title {
    font-size: 0.92857rem;
    line-height: 1.4;
  }
}

.cmnYoutubeLink .title2 {
  color: #0075c1;
  font-weight: 700;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .cmnYoutubeLink .title2 {
    font-size: 0.92857rem;
    line-height: 1.4;
  }
}

.cmnYoutubeLink .description {
  margin-top: 5px;
}

@media (max-width: 767px) {
  .cmnYoutubeLink .description {
    font-size: 0.85714rem;
    line-height: 1.5;
  }
}

@media (min-width: 768px) {

  body.pc .cmnYoutubeLink:hover,
  body.pc .cmnYoutubeLink:active {
    opacity: 0.75;
  }
}

/* .cmnBtn */
.cmnBtn {
  display: block;
  padding: 16px 0;
  background: #003e60;
  color: #fff;
  font-weight: 500;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
}

.cmnBtn.magnifier::after {
  content: "";
  display: inline-block;
  margin-left: 10px;
  vertical-align: -3px;
  width: 17px;
  height: 17px;
  background-image: url("/appeal/images/sprite_2x.png");
  background-repeat: no-repeat;
  background-position: 0px -40px;
  background-size: 80px 78px;
}

.cmnBtn:active {
  background: #003e60;
}

/* .cmnModal */
.cmnModalOverlay {
  display: none;
  position: fixed;
  left: -50%;
  top: -50%;
  z-index: 5000;
  width: 200%;
  height: 200%;
  background: #fff;
  opacity: 0.95;
}

.cmnModal {
  display: none;
  position: fixed;
  left: 0;
  z-index: 5050;
  width: 100%;
}

.cmnModal>.cmnModalIn {
  position: relative;
  max-width: 1366px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .cmnModal>.cmnModalIn {
    max-width: none;
  }
}

.cmnModal>.cmnModalIn>.cmnModalIn2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .cmnModal>.cmnModalIn>.cmnModalIn2 {
    padding: 0 10px;
  }
}

.cmnModal>.cmnModalIn>.cmnModalIn2>.cmnModalClose {
  position: absolute;
  right: 60px;
  top: -55px;
  width: 35px;
  height: 35px;
  cursor: pointer;
}

@media (max-width: 767px) {
  .cmnModal>.cmnModalIn>.cmnModalIn2>.cmnModalClose {
    right: 10px;
    top: -35px;
    width: 25px;
    height: 25px;
  }
}

.cmnModal>.cmnModalIn>.cmnModalIn2>.cmnModalClose::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 35px;
  height: 35px;
  background-image: url("/appeal/images/sprite_2x.png");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 80px 78px;
}

@media (max-width: 767px) {
  .cmnModal>.cmnModalIn>.cmnModalIn2>.cmnModalClose::before {
    width: 25px;
    height: 25px;
    background-image: url("/appeal/images/sprite_2x.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 57px 56px;
  }
}

@media (min-width: 768px) {

  body.pc .cmnModal>.cmnModalIn>.cmnModalIn2>.cmnModalClose:hover::before,
  body.pc .cmnModal>.cmnModalIn>.cmnModalIn2>.cmnModalClose:active::before {
    opacity: 0.5;
  }
}

.cmnModal>.cmnModalIn>.cmnModalIn2>.cmnModalClose.w853 {
  right: 50%;
  margin-right: -426.5px;
}

@media (min-width: 768px) and (max-width: 1114px) {
  .cmnModal>.cmnModalIn>.cmnModalIn2>.cmnModalClose.w853 {
    right: 124px;
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .cmnModal>.cmnModalIn>.cmnModalIn2>.cmnModalClose.w853 {
    margin-right: -150px;
  }
}

.cmnModal>.cmnModalIn>.cmnModalIn2>.cmnModalClose.w1231 {
  right: 50%;
  margin-right: -615.5px;
}

@media (min-width: 768px) and (max-width: 1354px) {
  .cmnModal>.cmnModalIn>.cmnModalIn2>.cmnModalClose.w1231 {
    right: 55px;
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .cmnModal>.cmnModalIn>.cmnModalIn2>.cmnModalClose.w1231 {
    margin-right: -150px;
  }
}

.cmnModal>.cmnModalIn>.cmnModalIn2>.cmnModalBody {
  position: relative;
  overflow: auto;
}

.cmnModal>.cmnModalIn>.cmnModalIn2>.cmnModalBody>.cmnModalBodyIn {
  position: relative;
  min-width: 1060px;
}

@media (max-width: 767px) {
  .cmnModal>.cmnModalIn>.cmnModalIn2>.cmnModalBody>.cmnModalBodyIn {
    min-width: 0;
  }
}

/* .youtubeModalBlock */
.youtubeModalBlock {
  width: 853px;
  margin: 0 auto;
  padding: 0 20px;
}

@media (max-width: 767px) {
  .youtubeModalBlock {
    width: 300px;
    padding: 0;
  }
}

.youtubeModalBlock .blockMovie {
  width: 853px;
  height: 480px;
  font-size: 0;
}

@media (max-width: 767px) {
  .youtubeModalBlock .blockMovie {
    width: 300px;
    height: 169px;
  }
}

.youtubeModalBlock .blockMovie>iframe {
  width: 853px;
  height: 480px;
  vertical-align: bottom;
}

@media (max-width: 767px) {
  .youtubeModalBlock .blockMovie>iframe {
    width: 300px;
    height: 169px;
  }
}

/* .cmnPictureDetail */
.cmnPictureDetail {
  padding: 20px 10px;
}

.cmnPictureDetail .picture {
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: cover;
}

.cmnPictureDetail .picture.cooler {
  padding-top: 73.58209%;
  background-image: url(/appeal/images/pic_cooler_dehumid01_sp.png);
}

.cmnPictureDetail .picture.smart {
  padding-top: 75.07042%;
  background-image: url(/appeal/images/pic_smart_result01_sp.jpg);
}

.cmnPictureDetail .picture.epocket {
  padding-top: 35.974376%;
  background-image: url(/appeal/images/pic_epocket_battery06.png);
}

.cmnPictureDetail .backLink {
  margin-top: 20px;
}

.cmnPictureDetail .backLink>a {
  display: block;
  margin: 0 auto;
  padding: 15px 0;
  border: 1px solid #0075c1;
  color: #0075c1;
  font-weight: 500;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
}

.cmnPictureDetail .backLink>a::before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 7px;
  margin-right: 8px;
  vertical-align: -1px;
  width: 7px;
  height: 12px;
  background-image: url("/appeal/images/sprite_2x.png");
  background-repeat: no-repeat;
  background-position: -31px -43px;
  background-size: 56px 55px;
}

/* ---------------------------------
Individual style
--------------------------------- */
/* .homeIntroSection */
.homeIntroSection::before {
  content: "";
  display: block;
  background: #333;
}

@media (max-width: 767px) {
  .homeIntroSection::before {
    content: normal;
  }
}

.homeIntroSection>div {
  position: relative;
  max-width: 1600px;
  height: 341px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .homeIntroSection>div {
    max-width: none;
    height: auto;
  }
}

.homeIntroSection .sectionTitle {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background: #04060d;
}

@media (max-width: 767px) {
  .homeIntroSection .sectionTitle {
    position: relative;
    width: auto;
    height: 200px;
  }
}

.homeIntroSection .sectionTitle img {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 357px;
  height: 191px;
  margin: -95.5px 0 0 -178.5px;
  object-fit: contain;
}

@media (max-width: 767px) {
  .homeIntroSection .sectionTitle img {
    width: 232.5px;
    height: 125px;
    margin: -62.5px 0 0 -116.25px;
  }
}

.homeIntroSection .sectionBody {
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
  padding-top: 35px;
  box-sizing: border-box;
  background: #eee;
}

@media (max-width: 767px) {
  .homeIntroSection .sectionBody {
    position: static;
    width: auto;
    height: auto;
    padding: 20px 0;
  }
}

.homeIntroSection .sectionBody .blockLead {
  margin-bottom: 25px;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 767px) {
  .homeIntroSection .sectionBody .blockLead {
    margin-bottom: 0;
  }
}

.homeIntroSection .sectionBody .blockNav {
  width: 420px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .homeIntroSection .sectionBody .blockNav {
    display: none;
  }
}

.homeIntroSection .sectionBody .blockNav>ul {
  float: left;
  width: 50%;
}

.homeIntroSection .sectionBody .blockNav>ul>li {
  margin-top: 20px;
  line-height: 1.3;
}

.homeIntroSection .sectionBody .blockNav>ul>li:first-child {
  margin-top: 0;
}

.homeIntroSection .sectionBody .blockNav>ul>li>a {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  font-weight: 700;
  text-decoration: none;
}

.homeIntroSection .sectionBody .blockNav>ul>li>a>span {
  display: block;
  position: absolute;
  left: 0;
  top: -3px;
  width: 30px;
  color: #0075c1;
  font-family: "URWGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", "YuGothic", "メイリオ", "Meiryo", sans-serif;
  font-size: 1.25rem;
  font-weight: 300;
  text-align: center;
}

@media (min-width: 768px) {

  body.pc .homeIntroSection .sectionBody .blockNav>ul>li>a:hover,
  body.pc .homeIntroSection .sectionBody .blockNav>ul>li>a:active {
    color: #0075c1;
  }
}

/* .homeMenuSection */
.homeMenuSection {
  max-width: 1600px;
  margin: 0 auto;
  visibility: hidden;
}

@media (max-width: 767px) {
  .homeMenuSection {
    max-width: none;
  }
}

.homeMenuSection ol>li {
  float: left;
  width: 33.333%;
}

@media (max-width: 767px) {
  .homeMenuSection ol>li {
    width: 50% !important;
  }
}

.homeMenuSection ol>li .numBlock {
  position: absolute;
  left: 0;
  top: 0;
  width: 48px;
}

@media (max-width: 767px) {
  .homeMenuSection ol>li .numBlock {
    width: 27px;
  }
}

.homeMenuSection ol>li .numBlock::before {
  content: "";
  display: block;
  position: absolute;
  left: -90px;
  top: 0;
  width: 0;
  height: 0;
  border: 90px solid transparent;
  border-top: 90px solid #000;
  opacity: 0.8;
  -webkit-transition: border-top-color 250ms ease-out, opacity 250ms ease-out;
  transition: border-top-color 250ms ease-out, opacity 250ms ease-out;
}

@media (max-width: 767px) {
  .homeMenuSection ol>li .numBlock::before {
    left: -45px;
    border: 45px solid transparent;
    border-top: 45px solid #000;
  }
}

.homeMenuSection ol>li .numBlock>span {
  display: block;
  position: relative;
  padding-top: 8px;
  color: #0075c1;
  font-family: "URWGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", "YuGothic", "メイリオ", "Meiryo", sans-serif;
  font-size: 2.1875rem;
  line-height: 1;
  text-align: center;
  letter-spacing: -1px;
  -webkit-transition: color 250ms ease-out;
  transition: color 250ms ease-out;
}

@media (max-width: 767px) {
  .homeMenuSection ol>li .numBlock>span {
    padding-top: 4px;
    font-size: 1.21429rem;
  }
}

.homeMenuSection ol>li .txtBlock {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.homeMenuSection ol>li .txtBlock>div {
  display: table;
  width: 100%;
  height: 100%;
}

.homeMenuSection ol>li .txtBlock>div>div {
  display: table-cell;
  vertical-align: middle;
}

.homeMenuSection ol>li .txtBlock .title {
  margin-bottom: 15px;
  color: #fff;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}

@media (max-width: 767px) {
  .homeMenuSection ol>li .txtBlock .title {
    margin-bottom: 10px;
    font-size: 1.14286rem;
  }
}

.homeMenuSection ol>li .txtBlock .description {
  color: #fff;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 767px) {
  .homeMenuSection ol>li .txtBlock .description {
    font-size: 0.85714rem;
  }
}

sup {
  display: inline-block;
  font-size: .7em;
  text-align: top;
  transform: translateY(-.5em);
}

.homeMenuSection ol>li .txtBlock .note {
  font-size: .75em;
  color: #fff;
  text-align: center;
}

@media screen and (max-width:767px) {
  .homeMenuSection ol>li .txtBlock .note {
    padding: 0 1em;
    text-align: left;
  }

  .homeMenuSection ol>li .txtBlock .note br {
    display: none;
  }
}

.homeMenuSection ol>li>a {
  display: block;
  position: relative;
  padding-top: 59.34066%;
  overflow: hidden;
}

@media (max-width: 767px) {
  .homeMenuSection ol>li>a {
    padding-top: 94.93333% !important;
  }
}

.homeMenuSection ol>li>a::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  -webkit-transition: -webkit-transform 250ms ease-out;
  transition: -webkit-transform 250ms ease-out;
  transition: transform 250ms ease-out;
  transition: transform 250ms ease-out, -webkit-transform 250ms ease-out;
}

@media (min-width: 768px) {

  body.pc .homeMenuSection ol>li>a:hover::before,
  body.pc .homeMenuSection ol>li>a:active::before {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }

  body.pc .homeMenuSection ol>li>a:hover .numBlock::before,
  body.pc .homeMenuSection ol>li>a:active .numBlock::before {
    border-top-color: #0075c1;
    opacity: 1;
  }

  body.pc .homeMenuSection ol>li>a:hover .numBlock>span,
  body.pc .homeMenuSection ol>li>a:active .numBlock>span {
    color: #fff;
  }
}

.homeMenuSection ol>li:nth-child(1),
.homeMenuSection ol>li:nth-child(6) {
  width: 66.666%;
}

.homeMenuSection ol>li:nth-child(1)>a,
.homeMenuSection ol>li:nth-child(6)>a {
  padding-top: 29.67033%;
}

@media (min-width: 768px) {

  .homeMenuSection ol>li:nth-child(3),
  .homeMenuSection ol>li:nth-child(6),
  .homeMenuSection ol>li:nth-child(8) {
    clear: left;
  }
}

.homeMenuSection ol>li:nth-child(1)>a::before {
  background-image: url(/appeal/images/pic_home_menu01.jpg);
}

@media (max-width: 767px) {
  .homeMenuSection ol>li:nth-child(1)>a::before {
    background-image: url(/appeal/images/pic_home_menu01_sp.jpg);
  }
}

.homeMenuSection ol>li:nth-child(2)>a::before {
  background-image: url(/appeal/images/pic_home_menu05.jpg);
}

@media (max-width: 767px) {
  .homeMenuSection ol>li:nth-child(2)>a::before {
    background-image: url(/appeal/images/pic_home_menu02_sp.jpg);
  }
}

.homeMenuSection ol>li:nth-child(3)>a::before {
  background-image: url(/appeal/images/pic_home_menu02.jpg);
}

@media (max-width: 767px) {
  .homeMenuSection ol>li:nth-child(3)>a::before {
    background-image: url(/appeal/images/pic_home_menu03_sp.jpg);
  }
}

.homeMenuSection ol>li:nth-child(4)>a::before {
  background-image: url(/appeal/images/pic_home_menu06.jpg);
}

@media (max-width: 767px) {
  .homeMenuSection ol>li:nth-child(4)>a::before {
    background-image: url(/appeal/images/pic_home_menu04_sp.jpg);
  }
}

.homeMenuSection ol>li:nth-child(5)>a::before {
  background-image: url(/appeal/images/pic_home_menu08.jpg);
}

@media (max-width: 767px) {
  .homeMenuSection ol>li:nth-child(5)>a::before {
    background-image: url(/appeal/images/pic_home_menu05_sp.jpg);
  }
}

.homeMenuSection ol>li:nth-child(6)>a::before {
  background-image: url(/appeal/images/pic_home_menu03.jpg);
}

@media (max-width: 767px) {
  .homeMenuSection ol>li:nth-child(6)>a::before {
    background-image: url(/appeal/images/pic_home_menu06_sp.jpg);
  }
}

.homeMenuSection ol>li:nth-child(7)>a::before {
  background-image: url(/appeal/images/pic_home_menu09.jpg);
}

@media (max-width: 767px) {
  .homeMenuSection ol>li:nth-child(7)>a::before {
    background-image: url(/appeal/images/pic_home_menu07_sp.jpg);
  }
}

.homeMenuSection ol>li:nth-child(8)>a::before {
  background-image: url(/appeal/images/pic_home_menu04.jpg);
}

@media (max-width: 767px) {
  .homeMenuSection ol>li:nth-child(8)>a::before {
    background-image: url(/appeal/images/pic_home_menu08_sp.jpg);
  }
}

.homeMenuSection ol>li:nth-child(9)>a::before {
  background-image: url(/appeal/images/pic_home_menu07.jpg);
}

@media (max-width: 767px) {
  .homeMenuSection ol>li:nth-child(9)>a::before {
    background-image: url(/appeal/images/pic_home_menu09_sp.jpg);
  }
}

.homeMenuSection ol>li:nth-child(10)>a::before {
  background-image: url(/appeal/images/pic_home_menu10.jpg);
}

@media (max-width: 767px) {
  .homeMenuSection ol>li:nth-child(10)>a::before {
    background-image: url(/appeal/images/pic_home_menu10_sp.jpg);
  }
}

/* .homeFactorySection */
.homeFactorySection {
  max-width: 1600px;
  margin: 0 auto;
  background: #eee;
}

@media (max-width: 767px) {
  .homeFactorySection {
    max-width: none;
  }
}

.homeFactorySection .sectionLead {
  padding: 47px 0;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.7;
  text-align: center;
}

@media (max-width: 767px) {
  .homeFactorySection .sectionLead {
    padding: 20px 0;
    font-size: 1rem;
  }
}

.homeFactorySection .sectionBody {
  display: block;
  position: relative;
  height: 228px;
  padding: 54px 0;
  overflow: hidden;
}

@media (max-width: 767px) {
  .homeFactorySection .sectionBody {
    height: 176px;
    padding: 30px 10px;
  }
}

.homeFactorySection .sectionBody::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(/appeal/images/bg_home_factory01.jpg) no-repeat 50%;
  background-size: cover;
  -webkit-transition: -webkit-transform 250ms ease-out;
  transition: -webkit-transform 250ms ease-out;
  transition: transform 250ms ease-out;
  transition: transform 250ms ease-out, -webkit-transform 250ms ease-out;
}

@media (max-width: 767px) {
  .homeFactorySection .sectionBody::before {
    background-image: url(/appeal/images/bg_home_factory01_sp.jpg);
  }
}

.homeFactorySection .sectionBody>div {
  position: relative;
  width: 595px;
  height: 100%;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .homeFactorySection .sectionBody>div {
    width: auto;
    padding: 0 10px;
  }
}

.homeFactorySection .sectionBody>div::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #1a1a1a;
  opacity: 0.9;
}

.homeFactorySection .sectionBody>div>div {
  position: relative;
  padding-top: 40px;
}

@media (max-width: 767px) {
  .homeFactorySection .sectionBody>div>div {
    padding-top: 25px;
  }
}

.homeFactorySection .sectionBody .blockLead {
  margin-bottom: 15px;
  color: #fff;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
}

@media (max-width: 767px) {
  .homeFactorySection .sectionBody .blockLead {
    margin-bottom: 15px;
    font-size: 1.21429rem;
  }
}

.homeFactorySection .sectionBody .blockDescription {
  color: #fff;
  font-weight: 500;
  line-height: 1.1;
  text-align: center;
}

@media (max-width: 767px) {
  .homeFactorySection .sectionBody .blockDescription {
    font-size: 0.92857rem;
    line-height: 1.5;
  }
}

.homeFactorySection .sectionBody .blockBtn {
  position: relative;
  width: 180px;
  margin: 30px auto 0;
  padding: 20px 0;
  color: #fff;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
  -webkit-transition: background-color 250ms ease-out;
  transition: background-color 250ms ease-out;
}

@media (max-width: 767px) {
  .homeFactorySection .sectionBody .blockBtn {
    width: auto;
    margin: 15px auto 0;
    padding: 15px 0;
  }
}

.homeFactorySection .sectionBody .blockBtn::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  box-sizing: border-box;
  opacity: 0.6;
  -webkit-transition: border-color 250ms ease-out, opacity 250ms ease-out;
  transition: border-color 250ms ease-out, opacity 250ms ease-out;
}

.homeFactorySection .sectionBody .blockBtn>span {
  display: inline-block;
  position: relative;
  width: 17px;
  height: 7px;
  margin-left: 10px;
  vertical-align: 3px;
}

.homeFactorySection .sectionBody .blockBtn>span::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 3px;
  width: 15px;
  height: 1px;
  background: #fff;
}

.homeFactorySection .sectionBody .blockBtn>span::after {
  content: "";
  display: block;
  position: absolute;
  left: 13px;
  top: 0;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left: 4px solid #fff;
}

@media (min-width: 768px) {

  body.pc .homeFactorySection .sectionBody:hover::before,
  body.pc .homeFactorySection .sectionBody:active::before {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  body.pc .homeFactorySection .sectionBody:hover .blockBtn,
  body.pc .homeFactorySection .sectionBody:active .blockBtn {
    background-color: #0075c1;
  }

  body.pc .homeFactorySection .sectionBody:hover .blockBtn::before,
  body.pc .homeFactorySection .sectionBody:active .blockBtn::before {
    border: 1px solid #0075c1;
    opacity: 1;
  }
}

/* .homeAsideSection */
.homeAsideSection {
  padding-top: 80px;
}

@media (max-width: 767px) {
  .homeAsideSection {
    padding-top: 40px;
  }
}

.homeAsideSection .sectionTitle {
  margin-bottom: 40px;
  color: #0075c1;
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.3;
  text-align: center;
  letter-spacing: -1px;
}

@media (max-width: 767px) {
  .homeAsideSection .sectionTitle {
    margin-bottom: 20px;
    font-size: 1.42857rem;
    font-weight: 500;
  }
}

.homeAsideSection .sectionTitle>.sub {
  display: block;
  color: #222;
  font-family: "arial", "NotoSansCJKjp", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", "YuGothic", "メイリオ", "Meiryo", sans-serif;
  font-size: 0.875rem;
  font-style: italic;
  letter-spacing: normal;
}

@media (max-width: 767px) {
  .homeAsideSection .sectionTitle>.sub {
    font-size: 0.78571rem;
  }
}

.homeAsideSection .sectionBodyBlock {
  max-width: 1680px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .homeAsideSection .sectionBodyBlock {
    max-width: none;
    overflow: hidden;
  }
}

.homeAsideSection .sectionBodyBlock>ul {
  padding: 0 30px;
  -webkit-transition: padding 250ms ease-out;
  transition: padding 250ms ease-out;
}

@media (min-width: 768px) and (max-width: 1264px) {
  .homeAsideSection .sectionBodyBlock>ul {
    padding: 0 10px;
  }
}

@media (max-width: 767px) {
  .homeAsideSection .sectionBodyBlock>ul {
    margin: 0 -0.5px;
    padding: 0;
  }
}

.homeAsideSection .sectionBodyBlock>ul>li {
  float: left;
  padding: 0 10px;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .homeAsideSection .sectionBodyBlock>ul>li {
    margin-top: 15px;
    padding: 0 0.5px;
  }

  .homeAsideSection .sectionBodyBlock>ul>li:nth-child(1),
  .homeAsideSection .sectionBodyBlock>ul>li:nth-child(2) {
    margin-top: 0;
  }
}

.homeAsideSection .sectionBodyBlock>ul>li>a {
  display: block;
  position: relative;
  text-decoration: none;
}

.homeAsideSection .sectionBodyBlock>ul>li>a::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.5;
  visibility: hidden;
}

.homeAsideSection .sectionBodyBlock>ul>li>a .picture {
  padding-top: 65.45455%;
  background-repeat: no-repeat;
  background-size: cover;
}

.homeAsideSection .sectionBodyBlock>ul>li>a .title {
  margin-top: 15px;
  font-size: 0.875rem;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 767px) {
  .homeAsideSection .sectionBodyBlock>ul>li>a .title {
    margin-top: 10px;
    font-size: 1rem;
  }
}

.homeAsideSection .sectionBodyBlock>ul>li>a .title>span {
  display: inline-block;
  text-align: left;
}

.homeAsideSection .sectionBodyBlock>ul>li>a .title>span::after {
  content: "";
  display: inline-block;
  margin-left: 10px;
  vertical-align: -3px;
  width: 8.5px;
  height: 14px;
  background-image: url("/appeal/images/sprite_2x.png");
  background-repeat: no-repeat;
  background-position: -26px -53px;
  background-size: 68px 66px;
}

@media (max-width: 767px) {
  .homeAsideSection .sectionBodyBlock>ul>li>a .title>span::after {
    margin-left: 8px;
    vertical-align: -1px;
    width: 7px;
    height: 12px;
    background-image: url("/appeal/images/sprite_2x.png");
    background-repeat: no-repeat;
    background-position: -21px -43px;
    background-size: 56px 55px;
  }
}

@media (min-width: 1195px) {
  .homeAsideSection .sectionBodyBlock>ul>li>a .title>span .onlyL1179 {
    display: none;
  }
}

@media (min-width: 768px) {

  body.pc .homeAsideSection .sectionBodyBlock>ul>li>a:hover::after,
  body.pc .homeAsideSection .sectionBodyBlock>ul>li>a:active::after {
    visibility: visible;
  }
}

.homeAsideSection .sectionBodyBlock>ul>li>a.parfait .picture {
  background-image: url(/lineup/images/thum_parfait_visual01.jpg);
}

.homeAsideSection .sectionBodyBlock>ul>li>a.domani .picture {
  background-image: url(/lineup/images/thum_domani_visual01.jpg);
}

.homeAsideSection .sectionBodyBlock>ul>li>a.desio .picture {
  background-image: url(/lineup/images/thum_desio_visual01.jpg);
}

.homeAsideSection .sectionBodyBlock>ul>li>a.spst .picture {
  background-image: url(/lineup/images/thum_spst_visual01.jpg);
}

.homeAsideSection .sectionBodyBlock>ul>li>a.bj .picture {
  background-image: url(/lineup/images/thum_bj_visual01.jpg);
}

.homeAsideSection .sectionBodyBlock.col5>ul>li {
  width: 20%;
}

@media (max-width: 767px) {
  .homeAsideSection .sectionBodyBlock.col5>ul>li {
    width: 50%;
  }
}

/* .appealVisualSection */
.appealVisualSection {
  position: relative;
}

.appealVisualSection .sectionBg {
  position: absolute;
  left: 0;
  top: 40px;
  width: 100%;
  height: 1019px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .appealVisualSection .sectionBg {
    top: 0;
    height: 255px;
  }
}

.appealVisualSection .sectionBg::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  width: 2000px;
  height: 1019px;
  margin-left: -1000px;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .appealVisualSection .sectionBg::before {
    width: 500px;
    height: 255px;
    margin-left: -250px;
  }
}

.appealVisualSection .sectionBg.quake::before {
  background-image: url(/appeal/images/bg_quake_visual01.jpg);
}

@media (max-width: 767px) {
  .appealVisualSection .sectionBg.quake::before {
    background-image: url(/appeal/images/bg_quake_visual01_sp.jpg);
  }
}

.appealVisualSection .sectionBg.durability::before {
  background-image: url(/appeal/images/bg_durability_visual01.jpg);
}

@media (max-width: 767px) {
  .appealVisualSection .sectionBg.durability::before {
    background-image: url(/appeal/images/bg_durability_visual01_sp.jpg);
  }
}

.appealVisualSection .sectionBg.air::before {
  background-image: url(/appeal/images/bg_air_visual01.jpg);
}

@media (max-width: 767px) {
  .appealVisualSection .sectionBg.air::before {
    background-image: url(/appeal/images/bg_air_visual01_sp.jpg);
  }
}

.appealVisualSection .sectionBg.cooler::before {
  background-image: url(/appeal/images/bg_cooler_visual01.jpg);
}

@media (max-width: 767px) {
  .appealVisualSection .sectionBg.cooler::before {
    background-image: url(/appeal/images/bg_cooler_visual01_sp.jpg);
  }
}

.appealVisualSection .sectionBg.heater::before {
  background-image: url(/appeal/images/bg_heater_visual01.jpg);
}

@media (max-width: 767px) {
  .appealVisualSection .sectionBg.heater::before {
    background-image: url(/appeal/images/bg_heater_visual01_sp.jpg);
  }
}

.appealVisualSection .sectionBg.discharge::before {
  background-image: url(/appeal/images/bg_discharge_visual01.jpg);
}

@media (max-width: 767px) {
  .appealVisualSection .sectionBg.discharge::before {
    background-image: url(/appeal/images/bg_discharge_visual01_sp.jpg);
  }
}

.appealVisualSection .sectionBg.airtight::before {
  background-image: url(/appeal/images/bg_airtight_visual01.jpg);
}

@media (max-width: 767px) {
  .appealVisualSection .sectionBg.airtight::before {
    background-image: url(/appeal/images/bg_airtight_visual01_sp.jpg);
  }
}

.appealVisualSection .sectionBg.smartheim::before {
  background-image: url(/appeal/images/bg_smartheim_visual01.jpg);
}

@media (max-width: 767px) {
  .appealVisualSection .sectionBg.smartheim::before {
    background-image: url(/appeal/images/bg_smartheim_visual01_sp.jpg);
  }
}

.appealVisualSection .sectionBg.sunsystem::before {
  background-image: url(/appeal/images/bg_sunsystem_visual01.jpg);
}

@media (max-width: 767px) {
  .appealVisualSection .sectionBg.sunsystem::before {
    background-image: url(/appeal/images/bg_sunsystem_visual01_sp.jpg);
  }
}

.appealVisualSection .sectionBg.epocket::before {
  background-image: url(/appeal/images/bg_epocket_visual01.jpg);
}

@media (max-width: 767px) {
  .appealVisualSection .sectionBg.epocket::before {
    background-image: url(/appeal/images/bg_epocket_visual01_sp.jpg);
  }
}

.appealVisualSection .sectionBg.hems::before {
  background-image: url(/appeal/images/bg_hems_visual01.jpg);
}

@media (max-width: 767px) {
  .appealVisualSection .sectionBg.hems::before {
    background-image: url(/appeal/images/bg_hems_visual01_sp.jpg);
  }
}

.appealVisualSection .sectionBg.flexible::before {
  background-image: url(/appeal/images/bg_flexible_visual01.jpg);
}

@media (max-width: 767px) {
  .appealVisualSection .sectionBg.flexible::before {
    background-image: url(/appeal/images/bg_flexible_visual01_sp.jpg);
  }
}

.appealVisualSection .sectionBg.sound::before {
  background-image: url(/appeal/images/bg_sound_visual01.jpg);
}

@media (max-width: 767px) {
  .appealVisualSection .sectionBg.sound::before {
    background-image: url(/appeal/images/bg_sound_visual01_sp.jpg);
  }
}

.appealVisualSection .sectionBg.disaster::before {
  background-image: url(/appeal/images/bg_disaster_visual01.jpg);
}

@media (max-width: 767px) {
  .appealVisualSection .sectionBg.disaster::before {
    background-image: url(/appeal/images/bg_disaster_visual01_sp.jpg);
  }
}

.appealVisualSection .sectionBg.security::before {
  background-image: url(/appeal/images/bg_security_visual01.jpg);
}

@media (max-width: 767px) {
  .appealVisualSection .sectionBg.security::before {
    background-image: url(/appeal/images/bg_security_visual01_sp.jpg);
  }
}

.appealVisualSection .sectionBg.barrier::before {
  background-image: url(/appeal/images/bg_barrier_visual01.jpg);
}

@media (max-width: 767px) {
  .appealVisualSection .sectionBg.barrier::before {
    background-image: url(/appeal/images/bg_barrier_visual01_sp.jpg);
  }
}

.appealVisualSection .sectionIn {
  max-width: 1266px;
  margin: 0 auto;
  padding: 0 50px;
}

@media (max-width: 767px) {
  .appealVisualSection .sectionIn {
    max-width: none;
    padding: 0;
  }
}

.appealVisualSection .sectionTitleBlock {
  position: relative;
  height: 718px;
}

@media (max-width: 767px) {
  .appealVisualSection .sectionTitleBlock {
    height: 255px;
  }
}

.appealVisualSection .sectionTitleBlock .blockNum {
  position: absolute;
  left: 0;
  top: 272px;
  width: 237px;
  height: 304px;
  background-repeat: no-repeat;
  background-size: cover;
  line-height: 1;
}

@media (max-width: 767px) {
  .appealVisualSection .sectionTitleBlock .blockNum {
    left: 22px;
    top: 9px;
    width: 77px;
    height: 99px;
  }
}

.appealVisualSection .sectionTitleBlock .blockNum.num1 {
  background-image: url(/appeal/images/txt_num01.png);
}

.appealVisualSection .sectionTitleBlock .blockNum.num2 {
  background-image: url(/appeal/images/txt_num02.png);
}

.appealVisualSection .sectionTitleBlock .blockNum.num3 {
  background-image: url(/appeal/images/txt_num03.png);
}

.appealVisualSection .sectionTitleBlock .blockNum.num4 {
  background-image: url(/appeal/images/txt_num04.png);
}

.appealVisualSection .sectionTitleBlock .blockNum.num5 {
  background-image: url(/appeal/images/txt_num05.png);
}

.appealVisualSection .sectionTitleBlock .blockNum.num6 {
  background-image: url(/appeal/images/txt_num06.png);
}

.appealVisualSection .sectionTitleBlock .blockNum.num7 {
  background-image: url(/appeal/images/txt_num07.png);
}

.appealVisualSection .sectionTitleBlock .blockNum.num8 {
  background-image: url(/appeal/images/txt_num08.png);
}

.appealVisualSection .sectionTitleBlock .blockNum.num9 {
  background-image: url(/appeal/images/txt_num09.png);
}

.appealVisualSection .sectionTitleBlock .blockNum.num10 {
  width: 310px;
  background-image: url(/appeal/images/txt_num10.png);
}

@media (max-width: 767px) {
  .appealVisualSection .sectionTitleBlock .blockNum.num10 {
    left: 7px;
    width: 101px;
  }
}

.appealVisualSection .sectionTitleBlock .blockTxt {
  position: absolute;
  left: 287px;
  top: 382px;
}

@media (max-width: 767px) {
  .appealVisualSection .sectionTitleBlock .blockTxt {
    left: 20px !important;
    top: 142px;
  }
}

@media (max-width: 767px) {
  .appealVisualSection .sectionTitleBlock .blockTxt.line2 {
    top: 117px;
  }
}

.appealVisualSection .sectionTitleBlock .blockTxt .title {
  color: #fff;
  font-size: 4.375rem;
  font-weight: 300;
  line-height: 1.1;
}

@media (max-width: 767px) {
  .appealVisualSection .sectionTitleBlock .blockTxt .title {
    font-size: 2.5rem;
  }
}

.appealVisualSection .sectionTitleBlock .blockTxt .sub {
  position: relative;
  margin-top: 25px;
  padding-left: 45px;
  color: #fff;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 1.3;
}

@media (max-width: 767px) {
  .appealVisualSection .sectionTitleBlock .blockTxt .sub {
    margin-top: 18px;
    padding-left: 28px;
    font-size: 1.14286rem;
  }
}

.appealVisualSection .sectionTitleBlock .blockTxt .sub .num {
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  width: 35px;
  height: 35px;
  padding-top: 4px;
  border-radius: 35px;
  box-sizing: border-box;
  background: #fff;
  color: #0075c1;
  font-family: "URWGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", "YuGothic", "メイリオ", "Meiryo", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
}

@media (max-width: 767px) {
  .appealVisualSection .sectionTitleBlock .blockTxt .sub .num {
    top: 0;
    width: 22px;
    height: 22px;
    padding-top: 3.5px;
    border-radius: 22px;
    font-size: 1rem;
  }
}

.appealVisualSection .sectionTitleBlock .blockTxt .description {
  margin-top: 25px;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .appealVisualSection .sectionTitleBlock .blockTxt .description {
    margin-top: 15px;
    font-size: 0.92857rem;
  }
}

.appealVisualSection .sectionTitleBlock.double .blockTxt {
  left: 360px;
}

.appealVisualSection .figurePointWrap {
  position: relative;
  padding-top: 346px;
}

@media (max-width: 767px) {
  .appealVisualSection .figurePointWrap {
    padding-top: 0;
  }
}

.appealVisualSection .sectionFigureBlock {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 346px;
  height: 346px;
  background: #efefef;
}

@media (max-width: 767px) {
  .appealVisualSection .sectionFigureBlock {
    position: static;
    width: auto;
    height: auto;
  }
}

.appealVisualSection .sectionFigureBlock .picture {
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .appealVisualSection .sectionFigureBlock .picture {
    height: auto;
    padding-top: 100%;
  }
}

.appealVisualSection .sectionFigureBlock .picture.quake {
  background-image: url(/appeal/images/pic_quake_figure01.png);
}

.appealVisualSection .sectionFigureBlock .picture.durability {
  background-image: url(/appeal/images/pic_durability_figure01.png);
}

.appealVisualSection .sectionFigureBlock .picture.env {
  background-image: url(/appeal/images/pic_env_figure01.png);
}

.appealVisualSection .sectionFigureBlock .picture.airtight {
  background-image: url(/appeal/images/pic_airtight_figure01.png);
}

.appealVisualSection .sectionFigureBlock .picture.saving {
  background-image: url(/appeal/images/pic_saving_figure01.png);
}

.appealVisualSection .sectionFigureBlock .picture.flexible {
  background-image: url(/appeal/images/pic_flexible_figure01.png);
}

.appealVisualSection .sectionFigureBlock .picture.sound {
  background-image: url(/appeal/images/pic_sound_figure01.png);
}

.appealVisualSection .sectionFigureBlock .picture.disaster {
  background-image: url(/appeal/images/pic_disaster_figure01.png);
}

.appealVisualSection .sectionFigureBlock .picture.security {
  background-image: url(/appeal/images/pic_security_figure01.png);
}

.appealVisualSection .sectionFigureBlock .picture.barrier {
  background-image: url(/appeal/images/pic_barrier_figure01.png);
}

.appealVisualSection .sectionNoteBlock {
  padding: 15px 0 10px;
}

@media (max-width: 767px) {
  .appealVisualSection .sectionNoteBlock {
    margin-top: -10px;
    padding: 0 10px 15px;
    background: #efefef;
  }
}

.appealVisualSection .sectionNoteBlock .blockList>li {
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.7;
}

@media (max-width: 767px) {
  .appealVisualSection .sectionNoteBlock .blockList>li {
    color: #222;
  }
}

.appealVisualSection .sectionNoteBlock .blockList>li>.listMark {
  display: block;
  float: left;
  margin-right: 3px;
}

.appealVisualSection .sectionNoteBlock .blockList>li>.listTxt {
  display: block;
  overflow: hidden;
}

.appealVisualSection .sectionNoteBlock .blockDescription {
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.7;
}

@media (max-width: 767px) {
  .appealVisualSection .sectionNoteBlock .blockDescription {
    color: #222;
  }
}

.appealVisualSection .sectionPointBlock {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 346px;
  padding-left: 356px;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .appealVisualSection .sectionPointBlock {
    position: static;
    width: auto;
    height: auto;
    margin-top: 30px;
    padding-left: 0;
  }
}

.appealVisualSection .sectionPointBlock>div {
  position: relative;
  height: 100%;
}

@media (max-width: 767px) {
  .appealVisualSection .sectionPointBlock>div {
    padding-bottom: 20px;
  }
}

.appealVisualSection .sectionPointBlock>div::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  box-sizing: border-box;
  opacity: 0.3;
}

@media (max-width: 767px) {
  .appealVisualSection .sectionPointBlock>div::before {
    border-top: none;
    border-right: none;
    border-left: none;
  }
}

.appealVisualSection .sectionPointBlock>div>div {
  position: relative;
  height: 100%;
  padding: 30px 50px;
}

@media (max-width: 767px) {
  .appealVisualSection .sectionPointBlock>div>div {
    padding: 0 10px;
  }
}

.appealVisualSection .sectionPointBlock .blockLead {
  margin-bottom: 20px;
  color: #fff;
  font-size: 2.085rem;
  font-weight: 100;
  line-height: 1.2;
  -webkit-transition: padding 250ms ease-out;
  transition: padding 250ms ease-out;
}

.sectionPointBlock .blockLead>sup {
  margin: 0 5px;
  font-size: 1rem;
  vertical-align: 16px;
  letter-spacing: 0;
}

@media (max-width: 767px) {
  .sectionPointBlock .blockLead>sup {
    margin: 0 3px;
    font-size: 0.71429rem;
    vertical-align: 11px;
  }
}

@media (max-width: 767px) {
  .appealVisualSection .sectionPointBlock .blockLead {
    padding: 0 !important;
    font-size: 1.78571rem;
  }
}

.appealVisualSection .sectionPointBlock .blockLead.env {
  padding: 12px 0 18px;
}

@media (min-width: 768px) and (max-width: 1380px) {
  .appealVisualSection .sectionPointBlock .blockLead.env {
    padding: 0 0 5px;
  }
}

.appealVisualSection .sectionPointBlock .blockLead.airtight {
  padding: 12px 0 18px;
}

@media (min-width: 768px) and (max-width: 1304px) {
  .appealVisualSection .sectionPointBlock .blockLead.airtight {
    padding: 0 0 5px;
  }
}

.appealVisualSection .sectionPointBlock .blockLead.saving {
  padding: 12px 0 18px;
}

.appealVisualSection .sectionPointBlock .blockLead.sound {
  padding: 12px 0 18px;
}

@media (min-width: 768px) and (max-width: 1284px) {
  .appealVisualSection .sectionPointBlock .blockLead.sound {
    padding: 0 0 5px;
  }
}

.appealVisualSection .sectionPointBlock .blockLead.disaster {
  padding: 33px 0 23px;
}

@media (min-width: 768px) and (max-width: 1304px) {
  .appealVisualSection .sectionPointBlock .blockLead.disaster {
    padding: 12px 0 18px;
  }
}

.appealVisualSection .sectionPointBlock .blockLead.security {
  padding: 12px 0 18px;
}

@media (min-width: 768px) and (max-width: 1380px) {
  .appealVisualSection .sectionPointBlock .blockLead.security {
    padding: 0 0 5px;
  }
}

.appealVisualSection .sectionPointBlock .blockLead.barrier {
  padding: 12px 0 18px;
}

.appealVisualSection .sectionPointBlock .blockTitle {
  margin-bottom: 18px;
  color: #349ee2;
  font-family: "URWGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", "YuGothic", "メイリオ", "Meiryo", sans-serif;
  font-size: 1.5rem;
  line-height: 1.3;
  letter-spacing: 2px;
}

@media (max-width: 767px) {
  .appealVisualSection .sectionPointBlock .blockTitle {
    margin-bottom: 10px;
    font-size: 1.42857rem;
  }
}

.appealVisualSection .sectionPointBlock .blockList>li {
  position: relative;
  margin-top: 11px;
  padding-left: 18px;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.7;
}

@media (max-width: 767px) {
  .appealVisualSection .sectionPointBlock .blockList>li {
    margin-top: 5px;
    padding-left: 14px;
    font-size: 1.14286rem;
    line-height: 1.5;
  }
}

.appealVisualSection .sectionPointBlock .blockList>li:first-child {
  margin-top: 0;
}

.appealVisualSection .sectionPointBlock .blockList>li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 12px;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #349ee2;
}

@media (max-width: 767px) {
  .appealVisualSection .sectionPointBlock .blockList>li::before {
    top: 9px;
    width: 6px;
    height: 6px;
    border-radius: 6px;
  }
}

.appealVisualSection .sectionPointBlock .blockNav>ol {
  float: left;
  width: 50%;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .appealVisualSection .sectionPointBlock .blockNav>ol {
    float: none;
    width: auto;
    margin-top: 2px;
  }
}

.appealVisualSection .sectionPointBlock .blockNav>ol:first-child {
  padding-right: 1px;
}

@media (max-width: 767px) {
  .appealVisualSection .sectionPointBlock .blockNav>ol:first-child {
    margin-top: 0;
    padding-right: 0;
  }
}

.appealVisualSection .sectionPointBlock .blockNav>ol.appeallist_last {
  padding-right: 1px;
  margin-top: 2px;
}

@media (max-width: 767px) {
  .appealVisualSection .sectionPointBlock .blockNav>ol:last-child {
    padding-left: 0;
  }
}

.appealVisualSection .sectionPointBlock .blockNav>ol>li {
  margin-top: 2px;
}

.appealVisualSection .sectionPointBlock .blockNav>ol>li.list_e_pocket {
  margin-left: 1px;
}

.appealVisualSection .sectionPointBlock .blockNav>ol>li:first-child {
  margin-top: 0;
}

.appealVisualSection .sectionPointBlock .blockNav>ol>li>a {
  display: block;
  position: relative;
  height: 84px;
  text-decoration: none;
}

@media (max-width: 767px) {
  .appealVisualSection .sectionPointBlock .blockNav>ol>li>a {
    height: 65px;
  }
}

.appealVisualSection .sectionPointBlock .blockNav>ol>li>a::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  box-sizing: border-box;
  opacity: 0.3;
}

.appealVisualSection .sectionPointBlock .blockNav>ol>li>a::after {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;
  width: 10px;
  height: 16px;
  background-image: url("/appeal/images/sprite_2x.png");
  background-repeat: no-repeat;
  background-position: -15px -62px;
  background-size: 80px 78px;
}

@media (max-width: 767px) {
  .appealVisualSection .sectionPointBlock .blockNav>ol>li>a::after {
    right: 8px;
    margin-top: -6.5px;
    width: 8px;
    height: 13px;
    background-image: url("/appeal/images/sprite_2x.png");
    background-repeat: no-repeat;
    background-position: -12px -50px;
    background-size: 64px 62px;
  }
}

.appealVisualSection .sectionPointBlock .blockNav>ol>li>a .navPicture {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 7px;
  box-sizing: border-box;
}

.appealVisualSection .sectionPointBlock .blockNav>ol>li>a .navPicture>div {
  position: relative;
  width: 38.3812%;
  height: 100%;
  overflow: hidden;
}

@media (max-width: 767px) {
  .appealVisualSection .sectionPointBlock .blockNav>ol>li>a .navPicture>div {
    width: 110.5px;
  }
}

.appealVisualSection .sectionPointBlock .blockNav>ol>li>a .navPicture>div::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  width: 152px;
  height: 70px;
  margin-left: -76px;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .appealVisualSection .sectionPointBlock .blockNav>ol>li>a .navPicture>div::before {
    left: 0;
    width: 100%;
    height: 100%;
    margin-left: 0;
  }
}

.appealVisualSection .sectionPointBlock .blockNav>ol>li>a .navPicture.air>div::before {
  background-image: url(/appeal/images/pic_nav_air01.jpg);
}

.appealVisualSection .sectionPointBlock .blockNav>ol>li>a .navPicture.cooler>div::before {
  background-image: url(/appeal/images/pic_nav_cooler01.jpg);
}

.appealVisualSection .sectionPointBlock .blockNav>ol>li>a .navPicture.heater>div::before {
  background-image: url(/appeal/images/pic_nav_heater01.jpg);
}

.appealVisualSection .sectionPointBlock .blockNav>ol>li>a .navPicture.discharge>div::before {
  background-image: url(/appeal/images/pic_nav_discharge01.jpg);
}

.appealVisualSection .sectionPointBlock .blockNav>ol>li>a .navPicture.smartheim>div::before {
  background-image: url(/appeal/images/pic_nav_smartheim01.jpg);
}

.appealVisualSection .sectionPointBlock .blockNav>ol>li>a .navPicture.sunsystem>div::before {
  background-image: url(/appeal/images/pic_nav_sunsystem01.jpg);
}

.appealVisualSection .sectionPointBlock .blockNav>ol>li>a .navPicture.epocket>div::before {
  background-image: url(/appeal/images/pic_nav_epocket01.jpg);
}

.appealVisualSection .sectionPointBlock .blockNav>ol>li>a .navPicture.hems>div::before {
  background-image: url(/appeal/images/pic_nav_hems01.jpg);
}

.appealVisualSection .sectionPointBlock .blockNav>ol>li>a .navTxt {
  height: 100%;
  padding: 6px;
  box-sizing: border-box;
}

.appealVisualSection .sectionPointBlock .blockNav>ol>li>a .navTxt>div {
  display: table;
  width: 100%;
  height: 100%;
}

.appealVisualSection .sectionPointBlock .blockNav>ol>li>a .navTxt>div>div {
  display: table-cell;
  padding-left: 38.3812%;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .appealVisualSection .sectionPointBlock .blockNav>ol>li>a .navTxt>div>div {
    padding-left: 110.5px;
  }
}

.appealVisualSection .sectionPointBlock .blockNav>ol>li>a .navTxt>div>div>div {
  position: relative;
  padding: 0 20px 0 45px;
}

@media (max-width: 767px) {
  .appealVisualSection .sectionPointBlock .blockNav>ol>li>a .navTxt>div>div>div {
    padding: 0 20px 0 36px;
  }
}

.appealVisualSection .sectionPointBlock .blockNav>ol>li>a .navTxt .num {
  position: absolute;
  left: 10px;
  top: 50%;
  width: 25px;
  height: 25px;
  margin-top: -12.5px;
  padding-top: 3px;
  border-radius: 25px;
  box-sizing: border-box;
  background: #0075c1;
  color: #fff;
  font-family: "URWGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", "YuGothic", "メイリオ", "Meiryo", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}

@media (max-width: 767px) {
  .appealVisualSection .sectionPointBlock .blockNav>ol>li>a .navTxt .num {
    left: 8px;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding-top: 3.5px;
    border-radius: 20px;
    font-size: 0.92857rem;
  }
}

.appealVisualSection .sectionPointBlock .blockNav>ol>li>a .navTxt .title {
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  -webkit-transition: font-size 250ms ease-out;
  transition: font-size 250ms ease-out;
}

@media (min-width: 768px) and (max-width: 1150px) {
  .appealVisualSection .sectionPointBlock .blockNav>ol>li>a .navTxt .title {
    font-size: 0.875rem;
  }
}

@media (max-width: 767px) {
  .appealVisualSection .sectionPointBlock .blockNav>ol>li>a .navTxt .title {
    font-size: 1rem;
  }
}

@media (min-width: 768px) {

  body.pc .appealVisualSection .sectionPointBlock .blockNav>ol>li>a:hover,
  body.pc .appealVisualSection .sectionPointBlock .blockNav>ol>li>a:active {
    background: #0075c1;
  }

  body.pc .appealVisualSection .sectionPointBlock .blockNav>ol>li>a:hover::before,
  body.pc .appealVisualSection .sectionPointBlock .blockNav>ol>li>a:active::before {
    border: 1px solid #0075c1;
  }

  body.pc .appealVisualSection .sectionPointBlock .blockNav>ol>li>a:hover .navTxt .num,
  body.pc .appealVisualSection .sectionPointBlock .blockNav>ol>li>a:active .navTxt .num {
    background: #fff;
    color: #0075c1;
  }
}

.appealVisualSection .sectionPointBlock .blockNav>ol>li>a.current {
  background: #0075c1;
}

.appealVisualSection .sectionPointBlock .blockNav>ol>li>a.current::before {
  border: 1px solid #0075c1;
}

.appealVisualSection .sectionPointBlock .blockNav>ol>li>a.current .navTxt .num {
  background: #fff;
  color: #0075c1;
}

@media (min-width: 768px) {
  .appealVisualSection .figurePointWrap.is-durability {
    padding-top: 457px;
  }
}

@media (min-width: 768px) {
  .appealVisualSection .figurePointWrap.is-durability .sectionFigureBlock {
    height: 457px;
  }
}

@media (max-width: 767px) {
  .appealVisualSection .figurePointWrap.is-durability .sectionFigureBlock .picture {
    padding-top: 132.1333333333%;
  }
}

.appealVisualSection .figurePointWrap.is-durability .sectionFigureBlock .picture.durability {
  background-image: url(/appeal/images/pic_durability_figure02.png);
}

@media (min-width: 768px) {
  .appealVisualSection .figurePointWrap.is-durability .sectionPointBlock {
    height: 457px;
  }
}

@media (min-width: 768px) {
  .appealVisualSection .figurePointWrap.is-durability .sectionPointBlock>div>div {
    box-sizing: border-box;
    padding: 91px 50px 0;
  }
}

/* 耐震性能｜.quakeStructureSection */
.quakeStructureSection .sectionBody {
  position: relative;
  padding: 40px;
  background: #eee;
}

@media (max-width: 767px) {
  .quakeStructureSection .sectionBody {
    padding: 20px 10px;
  }
}

.quakeStructureSection .sectionBody::before {
  position: absolute;
  display: block;
  top: -131px;
  right: 0;
  width: 881px;
  height: 649px;
  content: '';
  background: url(/appeal/images/pic_quake_structure01.png) no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .quakeStructureSection .sectionBody::before {
    display: none;
  }
}

.quakeStructureSection .sectionBody .titleBlock {
  position: relative;
  margin-bottom: 40px;
  z-index: 5;
}

@media (max-width: 767px) {
  .quakeStructureSection .sectionBody .titleBlock {
    margin-bottom: 0;
    padding-bottom: 55%;
  }

  .quakeStructureSection .sectionBody .titleBlock::before {
    position: absolute;
    top: 113px;
    display: block;
    width: 100%;
    height: auto;
    padding-top: 55%;
    content: '';
    background: url(/appeal/images/pic_quake_structure01_sp.png) no-repeat;
    background-size: cover;
  }
}

.quakeStructureSection .sectionBody .titleBlock>div {
  float: left;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .quakeStructureSection .sectionBody .titleBlock>div {
    float: none;
  }
}

.quakeStructureSection .sectionBody .titleBlock>div:first-child {
  width: 47.13322%;
  padding-right: 20px;
}

@media (max-width: 767px) {
  .quakeStructureSection .sectionBody .titleBlock>div:first-child {
    width: auto;
    padding-right: 0;
  }
}

.quakeStructureSection .sectionBody .titleBlock>div:last-child {
  width: 46.6%;
}

@media (max-width: 767px) {
  .quakeStructureSection .sectionBody .titleBlock>div:last-child {
    width: auto;
    padding-left: 0;
  }
}

.quakeStructureSection .sectionBody .titleBlock .blockBox {
  padding: 42px 0 56px;
  background: rgba(45, 56, 69, 0.95);
}

@media (max-width: 767px) {
  .quakeStructureSection .sectionBody .titleBlock .blockBox {
    padding: 20px 0;
  }
}

.quakeStructureSection .sectionBody .titleBlock .blockBox .lead {
  margin-bottom: 10px;
  color: #fff;
  font-size: 1.25rem;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 767px) {
  .quakeStructureSection .sectionBody .titleBlock .blockBox .lead {
    font-size: 1rem;
  }
}

.quakeStructureSection .sectionBody .titleBlock .blockBox .title {
  color: #5fccff;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.1;
  text-align: center;
  -webkit-transition: font-size 250ms ease-out;
  transition: font-size 250ms ease-out;
}

@media (min-width: 768px) and (max-width: 1270px) {
  .quakeStructureSection .sectionBody .titleBlock .blockBox .title {
    font-size: 2rem;
  }
}

@media (max-width: 767px) {
  .quakeStructureSection .sectionBody .titleBlock .blockBox .title {
    font-size: 1.42857rem;
  }
}

.quakeStructureSection .sectionBody .col3Block {
  margin-top: 40px;
  position: relative;
  margin-top: 127px;
  z-index: 5;
}

@media (max-width: 767px) {
  .quakeStructureSection .sectionBody .col3Block {
    margin-top: 20px;
  }
}

.quakeStructureSection .sectionBody .col3Block .blockPicture {
  padding-top: 93.19372%;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .quakeStructureSection .sectionBody .col3Block .blockPicture {
    display: none;
  }
}

.quakeStructureSection .sectionBody .col3Block .blockPicture.picture1 {
  background-image: url(/appeal/images/pic_quake_structure02.jpg);
}

.quakeStructureSection .sectionBody .col3Block .blockPicture.picture2 {
  background-image: url(/appeal/images/pic_quake_structure03.jpg);
}

.quakeStructureSection .sectionBody .col3Block .blockPicture.picture3 {
  background-image: url(/appeal/images/pic_quake_structure04.jpg);
}

.quakeStructureSection .sectionBody .col3Block .blockTxt {
  padding: 25px 20px 0;
}

@media (max-width: 767px) {
  .quakeStructureSection .sectionBody .col3Block .blockTxt {
    padding: 0;
  }
}

.quakeStructureSection .sectionBody .col3Block .blockTxt .cmnTitle2.title1 {
  padding: 14px 0;
}

@media (max-width: 767px) {
  .quakeStructureSection .sectionBody .col3Block .blockTxt .cmnTitle2.title1 {
    padding: 0;
  }
}

@media (max-width: 767px) {
  .quakeStructureSection .sectionBody .col3Block .blockTxt .description {
    position: relative;
    min-height: 130.5px;
    padding-left: 150px;
  }
}

@media (max-width: 767px) {
  .quakeStructureSection .sectionBody .col3Block .blockTxt .description::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 140px;
    height: 130.5px;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

@media (max-width: 767px) {
  .quakeStructureSection .sectionBody .col3Block .blockTxt .description.description1::before {
    background-image: url(/appeal/images/pic_quake_structure02_sp.jpg);
  }
}

@media (max-width: 767px) {
  .quakeStructureSection .sectionBody .col3Block .blockTxt .description.description2::before {
    background-image: url(/appeal/images/pic_quake_structure03.jpg);
  }
}

@media (max-width: 767px) {
  .quakeStructureSection .sectionBody .col3Block .blockTxt .description.description3::before {
    background-image: url(/appeal/images/pic_quake_structure04.jpg);
  }
}

.quakeStructureSection .sectionBody .col2Block {
  margin-top: 40px;
}

@media (max-width: 767px) {
  .quakeStructureSection .sectionBody .col2Block {
    margin-top: 20px;
  }
}

.quakeStructureSection .sectionBody .col2Block>div {
  float: left;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .quakeStructureSection .sectionBody .col2Block>div {
    float: none;
  }
}

.quakeStructureSection .sectionBody .col2Block>div:first-child {
  width: 51.68634%;
  padding-right: 20px;
}

@media (max-width: 767px) {
  .quakeStructureSection .sectionBody .col2Block>div:first-child {
    width: auto;
    padding-right: 0;
  }
}

.quakeStructureSection .sectionBody .col2Block>div:last-child {
  width: 48.31366%;
  padding-left: 20px;
}

@media (max-width: 767px) {
  .quakeStructureSection .sectionBody .col2Block>div:last-child {
    width: auto;
    padding-left: 0;
  }
}

.quakeStructureSection .sectionBody .col2Block .blockPicture {
  padding-top: 49.24115%;
  background: url(/appeal/images/pic_quake_structure05.jpg) no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .quakeStructureSection .sectionBody .col2Block .blockPicture {
    display: none;
  }
}

@media (max-width: 767px) {
  .quakeStructureSection .sectionBody .col2Block .blockDescription::after {
    content: "";
    display: block;
    margin-top: 20px;
    padding-top: 60%;
    background: url(/appeal/images/pic_quake_structure05_sp.jpg) no-repeat;
    background-size: cover;
  }
}

.quakeStructureSection .sectionBody .col2Block .blockFigure {
  display: table;
  width: 100%;
  margin-top: 30px;
}

@media (max-width: 767px) {
  .quakeStructureSection .sectionBody .col2Block .blockFigure {
    width: auto;
    margin-top: 20px;
  }
}

.quakeStructureSection .sectionBody .col2Block .blockFigure>div {
  display: table-cell;
  vertical-align: middle;
}

.quakeStructureSection .sectionBody .col2Block .blockFigure>div:first-child {
  width: 29.64353%;
  padding-right: 15px;
}

@media (max-width: 767px) {
  .quakeStructureSection .sectionBody .col2Block .blockFigure>div:first-child {
    width: 80px;
    padding-right: 20px;
  }
}

.quakeStructureSection .sectionBody .col2Block .blockFigure>div:last-child {
  width: 70.35647%;
  padding-left: 15px;
}

@media (max-width: 767px) {
  .quakeStructureSection .sectionBody .col2Block .blockFigure>div:last-child {
    width: auto;
    padding-left: 0;
  }
}

.quakeStructureSection .sectionBody .col2Block .blockFigure .picture {
  padding-top: 102.0979%;
  background: url(/appeal/images/pic_quake_structure06.png) no-repeat;
  background-size: cover;
}

.quakeStructureSection .sectionFoot {
  margin-top: 15px;
}

/* 耐震性能｜.quakeGaiassSection */
.quakeGaiassSection .sectionBody {
  background: #eee;
}

.quakeGaiassSection .sectionBody .visualBlock {
  padding-top: 36.33491%;
  background: url(/appeal/images/pic_quake_gaiass01.jpg) no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .quakeGaiassSection .sectionBody .visualBlock {
    padding-top: 60%;
    background-image: url(/appeal/images/pic_quake_gaiass01_sp.jpg);
  }
}

@media (max-width: 767px) {
  .quakeGaiassSection .sectionBody .figureBlock {
    padding: 20px 10px;
  }
}

.quakeGaiassSection .sectionBody .figureBlock .blockPicture {
  padding-top: 48.34123%;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .quakeGaiassSection .sectionBody .figureBlock .blockPicture {
    display: none;
  }
}

.quakeGaiassSection .sectionBody .figureBlock .blockPicture.picture1 {
  background-image: url(/appeal/images/pic_quake_gaiass02.png);
}

.quakeGaiassSection .sectionBody .figureBlock .blockPicture.picture2 {
  background-image: url(/appeal/images/pic_quake_gaiass03.jpg);
}

.quakeGaiassSection .sectionBody .figureBlock .blockPicture.picture3 {
  background-image: url(/appeal/images/pic_quake_gaiass04.png);
}

.quakeGaiassSection .sectionBody .figureBlock .blockPicture.picture4 {
  background-image: url(/appeal/images/pic_quake_gaiass05.png);
}

.quakeGaiassSection .sectionBody .figureBlock .blockTxt {
  padding: 0 40px;
}

@media (max-width: 767px) {
  .quakeGaiassSection .sectionBody .figureBlock .blockTxt {
    padding: 0;
  }
}

@media (max-width: 767px) {
  .quakeGaiassSection .sectionBody .figureBlock .blockTxt .blockDescription::after {
    content: "";
    display: block;
    margin: 20px auto 0;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

@media (max-width: 767px) {
  .quakeGaiassSection .sectionBody .figureBlock .blockTxt .blockDescription.description1::after {
    width: 280px;
    height: 124.5px;
    background-image: url(/appeal/images/pic_quake_gaiass02_sp.png);
  }
}

@media (max-width: 767px) {
  .quakeGaiassSection .sectionBody .figureBlock .blockTxt .blockDescription.description2::after {
    padding-top: 48.39286%;
    background-image: url(/appeal/images/pic_quake_gaiass03.jpg);
  }
}

@media (max-width: 767px) {
  .quakeGaiassSection .sectionBody .figureBlock .blockTxt .blockDescription.description3::after {
    width: 280px;
    height: 126.5px;
    background-image: url(/appeal/images/pic_quake_gaiass04_sp.png);
  }
}

@media (max-width: 767px) {
  .quakeGaiassSection .sectionBody .figureBlock .blockTxt .blockDescription.description4::after {
    width: 280px;
    height: 181.5px;
    background-image: url(/appeal/images/pic_quake_gaiass05_sp.png);
  }
}

.quakeGaiassSection .sectionFoot {
  margin-top: 15px;
}

/* 耐震性能｜.quakeExperimentSection */
.quakeExperimentSection .sectionBody {
  background: #eee;
}

.quakeExperimentSection .sectionBody>section {
  padding: 40px;
}

@media (max-width: 767px) {
  .quakeExperimentSection .sectionBody>section {
    padding: 20px 10px;
  }
}

.quakeExperimentSection .sectionBody>section:nth-child(1) .leadBlock {
  margin-bottom: 35px;
}

@media (max-width: 767px) {
  .quakeExperimentSection .sectionBody>section:nth-child(1) .leadBlock {
    margin-bottom: 20px;
  }
}

.quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock {
  position: relative;
}

.quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock>.in {
  position: relative;
  padding-top: 49.15683%;
}

@media (max-width: 767px) {
  .quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock>.in {
    position: static;
    padding-top: 0;
  }
}

.quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockConclusion {
  position: absolute;
  left: 39.1231%;
  top: 44.93997%;
  width: 21.92243%;
  height: 24.01372%;
  background: #182433;
}

@media (max-width: 767px) {
  .quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockConclusion {
    position: static;
    width: auto;
    height: auto;
    margin-bottom: 20px;
    padding: 20px 0;
  }
}

.quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockConclusion>div {
  display: table;
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  .quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockConclusion>div {
    display: block;
    width: auto;
    height: auto;
  }
}

.quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockConclusion>div>div {
  display: table-cell;
  color: #5fccff;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
  vertical-align: middle;
  -webkit-transition: font-size 250ms ease-out;
  transition: font-size 250ms ease-out;
}

@media (min-width: 768px) and (max-width: 1284px) {
  .quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockConclusion>div>div {
    font-size: 1.125rem;
  }
}

@media (max-width: 767px) {
  .quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockConclusion>div>div {
    display: block;
    font-size: 1.28571rem;
  }
}

@media (max-width: 767px) {
  .quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .pictureResult {
    position: relative;
    width: 280px;
    height: 265px;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .pictureResult:last-of-type {
    margin-top: 30px;
  }
}

.quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockNt {
  width: 38.19562%;
  margin-bottom: 10px;
  font-size: 0.75rem;
  line-height: 1.6;
}

@media (max-width: 767px) {
  .quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockNt {
    position: absolute;
    left: 50%;
    top: 84px;
    width: 290px;
    margin-left: -145px;
    box-sizing: border-box;
    padding-left: 160px;
    font-size: 0.78571429rem;
    line-height: 1.5;
  }
}

.quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockPicture1,
.quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockPicture2 {
  position: absolute;
  width: 38.19562%;
  height: 77.70154%;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {

  .quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockPicture1,
  .quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockPicture2 {
    left: auto !important;
    right: 0 !important;
    top: auto !important;
    bottom: 0 !important;
    width: 206px;
    height: 206px;
  }
}

.quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockPicture1 {
  left: 0;
  top: 0;
  background-image: url(/appeal/images/pic_quake_experiment01.jpg);
}

.quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockPicture2 {
  right: 0;
  bottom: 0;
  background-image: url(/appeal/images/pic_quake_experiment02.jpg);
}

.quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockResult {
  position: absolute;
  width: 25.29511%;
  height: 37.73585%;
}

@media (max-width: 767px) {
  .quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockResult {
    left: 0 !important;
    right: auto !important;
    top: 0 !important;
    bottom: auto !important;
    width: 145px;
    height: 145px;
  }
}

.quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockResult.result1 {
  left: 32.12479%;
  top: 3.08748%;
}

.quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockResult.result2 {
  right: 32.12479%;
  bottom: -10.63465%;
}

.quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockResult::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.85;
}

.quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockResult>div {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
}

.quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockResult>div>div {
  display: table-cell;
  vertical-align: middle;
}

.quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockResult .title {
  margin-bottom: 15px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  -webkit-transition: font-size 250ms ease-out;
  transition: font-size 250ms ease-out;
}

@media (min-width: 768px) and (max-width: 1380px) {
  .quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockResult .title {
    font-size: 1.125rem;
  }
}

@media (max-width: 767px) {
  .quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockResult .title {
    margin-bottom: 10px;
    font-size: 0.78571rem;
  }
}

.quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockResult .body {
  color: #0075c1;
  font-family: "URWGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", "YuGothic", "メイリオ", "Meiryo", sans-serif;
  font-size: 2.625rem;
  line-height: 0.8;
  text-align: center;
  -webkit-transition: font-size 250ms ease-out;
  transition: font-size 250ms ease-out;
}

@media (min-width: 768px) and (max-width: 1380px) {
  .quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockResult .body {
    font-size: 1.875rem;
  }
}

@media (max-width: 767px) {
  .quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockResult .body {
    font-size: 1.3125rem;
  }
}

.quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockResult .body>span {
  margin-right: 3px;
  font-size: 4.375rem;
  -webkit-transition: font-size 250ms ease-out;
  transition: font-size 250ms ease-out;
}

@media (min-width: 768px) and (max-width: 1380px) {
  .quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockResult .body>span {
    font-size: 3.125rem;
  }
}

@media (max-width: 767px) {
  .quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockResult .body>span {
    font-size: 2.5rem;
  }
}

.quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockResult .body>sup {
  font-family: #222;
  font-size: 1rem;
  vertical-align: 38px;
  -webkit-transition: font-size 250ms ease-out, vertical-align 250ms ease-out;
  transition: font-size 250ms ease-out, vertical-align 250ms ease-out;
}

@media (min-width: 768px) and (max-width: 1380px) {
  .quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockResult .body>sup {
    font-size: 0.75rem;
    vertical-align: 27px;
  }
}

@media (max-width: 767px) {
  .quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockResult .body>sup {
    font-size: 0.57143rem;
    vertical-align: 19px;
  }
}

.quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockResult .note {
  margin-top: 25px;
  font-size: 0.75rem;
  line-height: 1.3;
  text-align: center;
}

@media (max-width: 767px) {
  .quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockResult .note {
    margin-top: 15px;
    font-size: 0.85714rem;
  }
}

.quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockNote {
  margin-top: 15px;
  box-sizing: border-box;
  font-size: 0.75rem;
}

@media (max-width: 767px) {
  .quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockNote {
    font-size: 0.85714rem;
  }
}

.quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockNote.note1 {
  position: absolute;
  left: 0;
  top: 77.70154%;
  width: 38.19562%;
}

@media (max-width: 767px) {
  .quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockNote.note1 {
    position: static;
    width: auto;
  }
}

.quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockNote.note2 {
  width: 32.12479%;
  margin-left: auto;
  padding-left: 15px;
}

@media (max-width: 767px) {
  .quakeExperimentSection .sectionBody>section:nth-child(1) .figureBlock .blockNote.note2 {
    width: auto;
    margin-left: 0;
    padding-left: 0;
  }
}

.quakeExperimentSection .sectionBody>section:nth-child(2) {
  border-top: 1px solid #04060d;
}

.quakeExperimentSection .sectionBody>section:nth-child(2)>div {
  display: table;
  width: 100%;
}

@media (max-width: 767px) {
  .quakeExperimentSection .sectionBody>section:nth-child(2)>div {
    display: block;
    width: auto;
  }
}

.quakeExperimentSection .sectionBody>section:nth-child(2)>div>div {
  display: table-cell;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .quakeExperimentSection .sectionBody>section:nth-child(2)>div>div {
    display: block;
  }
}

.quakeExperimentSection .sectionBody>section:nth-child(2)>div>div:first-child {
  width: 41.14671%;
  padding-right: 20px;
}

@media (max-width: 767px) {
  .quakeExperimentSection .sectionBody>section:nth-child(2)>div>div:first-child {
    width: auto;
    padding-right: 0;
  }
}

.quakeExperimentSection .sectionBody>section:nth-child(2)>div>div:last-child {
  width: 58.85329%;
  padding-left: 20px;
}

@media (max-width: 767px) {
  .quakeExperimentSection .sectionBody>section:nth-child(2)>div>div:last-child {
    width: auto;
    padding-left: 0;
  }
}

.quakeExperimentSection .sectionBody>section:nth-child(2) .blockPicture {
  padding-top: 47.43777%;
  background: url(/appeal/images/pic_quake_experiment03.jpg) no-repeat;
  background-size: contain;
}

@media (max-width: 767px) {
  .quakeExperimentSection .sectionBody>section:nth-child(2) .blockPicture {
    width: 280px;
    height: 161.5px;
    margin: 20px auto 0;
    padding-top: 0;
    background-image: url(/appeal/images/pic_quake_experiment03_sp.jpg);
  }
}

.quakeExperimentSection .sectionFoot {
  margin-top: 15px;
}

/* 耐久性能｜.durabilityWallSection */
.durabilityWallSection .sectionBody {
  background: #eee;
}

@media (max-width: 767px) {
  .durabilityWallSection .sectionBody {
    padding-bottom: 20px;
  }
}

.durabilityWallSection .sectionBody .visualBlock {
  padding-top: 62.63823%;
  background: url(/appeal/images/pic_durability_wall01.jpg) no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .durabilityWallSection .sectionBody .visualBlock {
    padding-top: 110%;
    background-image: url(/appeal/images/pic_durability_wall01_sp.jpg);
  }
}

@media (max-width: 767px) {
  .durabilityWallSection .sectionBody .figureBlock {
    padding: 20px 10px;
  }
}

.durabilityWallSection .sectionBody .figureBlock .blockPicture {
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .durabilityWallSection .sectionBody .figureBlock .blockPicture {
    display: none;
  }
}

.durabilityWallSection .sectionBody .figureBlock .blockPicture.picture1 {
  padding-top: 54.02844%;
  background-image: url(/appeal/images/pic_durability_wall02.jpg);
}

.durabilityWallSection .sectionBody .figureBlock .blockPicture.picture2 {
  padding-top: 60.0316%;
  background-image: url(/appeal/images/pic_durability_wall03.png);
}

.durabilityWallSection .sectionBody .figureBlock .blockTxt {
  padding: 0 40px;
}

@media (max-width: 767px) {
  .durabilityWallSection .sectionBody .figureBlock .blockTxt {
    padding: 0;
  }
}

@media (max-width: 767px) {
  .durabilityWallSection .sectionBody .figureBlock .blockTxt .blockDescription>.after {
    display: block;
    margin: 20px auto 0;
  }
}

@media (max-width: 767px) {
  .durabilityWallSection .sectionBody .figureBlock .blockTxt .blockDescription.description1>.after {
    padding-top: 54.02844%;
    background: url(/appeal/images/pic_durability_wall02.jpg) no-repeat;
    background-size: cover;
  }
}

@media (max-width: 767px) {
  .durabilityWallSection .sectionBody .figureBlock .blockTxt .blockDescription.description2>.after {
    position: relative;
    height: 236px;
    background: url(/appeal/images/bg_durability_wall01_sp.png) no-repeat 50%;
    background-size: cover;
  }
}

@media (max-width: 767px) {
  .durabilityWallSection .sectionBody .figureBlock .blockTxt .blockDescription.description2>.after::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 19px;
    width: 262px;
    height: 198.5px;
    margin-left: -131px;
    background: url(/appeal/images/pic_durability_wall07_sp.png) no-repeat;
    background-size: cover;
  }
}

.durabilityWallSection .sectionBody .otherBlock {
  padding: 40px;
}

@media (max-width: 767px) {
  .durabilityWallSection .sectionBody .otherBlock {
    padding: 0 10px;
  }
}

.durabilityWallSection .sectionBody .otherBlock>div {
  padding: 20px;
  border: 2px solid #ed9f24;
}

@media (max-width: 767px) {
  .durabilityWallSection .sectionBody .otherBlock>div {
    padding: 15px 10px;
  }
}

.durabilityWallSection .sectionBody .otherBlock>div>div {
  display: table;
  width: 100%;
}

@media (max-width: 767px) {
  .durabilityWallSection .sectionBody .otherBlock>div>div {
    display: block;
    width: auto;
  }
}

.durabilityWallSection .sectionBody .otherBlock>div>div>div {
  display: table-cell;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .durabilityWallSection .sectionBody .otherBlock>div>div>div {
    display: block;
  }
}

.durabilityWallSection .sectionBody .otherBlock>div>div>div:first-child {
  width: 54.29072%;
  padding-right: 20px;
}

@media (max-width: 767px) {
  .durabilityWallSection .sectionBody .otherBlock>div>div>div:first-child {
    width: auto;
    padding-right: 0;
  }
}

.durabilityWallSection .sectionBody .otherBlock>div>div>div:last-child {
  width: 45.70928%;
  padding-left: 20px;
}

@media (max-width: 767px) {
  .durabilityWallSection .sectionBody .otherBlock>div>div>div:last-child {
    width: auto;
    padding-left: 0;
  }
}

.durabilityWallSection .sectionBody .otherBlock .blockPicture {
  padding-top: 23.71917%;
  background: url(/appeal/images/pic_durability_wall04.jpg) no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .durabilityWallSection .sectionBody .otherBlock .blockPicture {
    margin-top: 20px;
  }
}

.durabilityWallSection .sectionFoot {
  margin-top: 15px;
}

/* 耐久性能｜.durabilityMaterialSection */
.durabilityMaterialSection .sectionBody {
  position: relative;
  padding-top: 53.79147%;
  background: url(/appeal/images/bg_durability_material01.jpg) no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .durabilityMaterialSection .sectionBody {
    padding-top: 0;
    background: none;
  }
}

@media (max-width: 767px) {
  .durabilityMaterialSection .sectionBody::before {
    content: "";
    display: block;
    padding-top: 60%;
    background: url(/appeal/images/bg_durability_material01_sp.png) no-repeat;
    background-size: cover;
  }
}

.durabilityMaterialSection .sectionBody>div {
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
}

@media (max-width: 767px) {
  .durabilityMaterialSection .sectionBody>div {
    position: static;
    width: auto;
    height: auto;
    padding: 20px 10px;
    background: #eee;
  }
}

.durabilityMaterialSection .sectionBody>div::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #eee;
  opacity: 0.9;
}

@media (max-width: 767px) {
  .durabilityMaterialSection .sectionBody>div::before {
    content: normal;
  }
}

.durabilityMaterialSection .sectionBody>div>div {
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  .durabilityMaterialSection .sectionBody>div>div {
    display: block;
    width: auto;
    height: auto;
  }
}

.durabilityMaterialSection .sectionBody>div>div>div {
  display: table-cell;
  padding: 0 40px;
  vertical-align: middle;
  -webkit-transition: padding 250ms ease-out;
  transition: padding 250ms ease-out;
}

@media (min-width: 768px) and (max-width: 1170px) {
  .durabilityMaterialSection .sectionBody>div>div>div {
    padding: 0 20px;
  }
}

@media (max-width: 767px) {
  .durabilityMaterialSection .sectionBody>div>div>div {
    display: block;
    padding: 0;
  }
}

.durabilityMaterialSection .sectionBody>div>div>div>section {
  margin-top: 40px;
}

@media (max-width: 767px) {
  .durabilityMaterialSection .sectionBody>div>div>div>section {
    margin-top: 20px;
  }
}

.durabilityMaterialSection .sectionBody>div>div>div>section:first-child {
  margin-top: 0;
}

.durabilityMaterialSection .sectionBody .col {
  display: table;
  width: 100%;
}

@media (max-width: 767px) {
  .durabilityMaterialSection .sectionBody .col {
    width: auto;
  }
}

.durabilityMaterialSection .sectionBody .col>div {
  display: table-cell;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .durabilityMaterialSection .sectionBody .col>div {
    vertical-align: top;
  }
}

.durabilityMaterialSection .sectionBody .col>div:first-child {
  width: 42.85714%;
  padding-right: 15px;
}

@media (max-width: 767px) {
  .durabilityMaterialSection .sectionBody .col>div:first-child {
    width: 100px;
    padding-right: 10px;
  }
}

.durabilityMaterialSection .sectionBody .col>div:last-child {
  width: 57.14286%;
  padding-left: 15px;
}

@media (max-width: 767px) {
  .durabilityMaterialSection .sectionBody .col>div:last-child {
    width: auto;
    padding-left: 0;
  }
}

.durabilityMaterialSection .sectionBody .col .picture {
  padding-top: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.durabilityMaterialSection .sectionBody .col .picture.picture1 {
  background-image: url(/appeal/images/pic_durability_material01.jpg);
}

.durabilityMaterialSection .sectionBody .col .picture.picture2 {
  background-image: url(/appeal/images/pic_durability_material02.jpg);
}

.durabilityMaterialSection .sectionFoot {
  margin-top: 15px;
}

/* 耐久性能｜.durabilityPlateSection */
.durabilityPlateSection .sectionBody {
  display: table;
  width: 100%;
}

@media (max-width: 767px) {
  .durabilityPlateSection .sectionBody {
    display: block;
    width: auto;
    padding: 20px 10px;
    background: #eee;
  }
}

.durabilityPlateSection .sectionBody>div {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .durabilityPlateSection .sectionBody>div {
    display: block;
    width: auto;
  }
}

.durabilityPlateSection .sectionBody>div:first-child {
  padding: 40px;
  background: #eee;
}

@media (max-width: 767px) {
  .durabilityPlateSection .sectionBody>div:first-child {
    padding: 0;
  }
}

.durabilityPlateSection .sectionBody .blockLead {
  margin-bottom: 30px;
  -webkit-transition: margin-bottom 250ms ease-out, font-size 250ms ease-out;
  transition: margin-bottom 250ms ease-out, font-size 250ms ease-out;
}

@media (min-width: 768px) and (max-width: 1170px) {
  .durabilityPlateSection .sectionBody .blockLead {
    margin-bottom: 20px;
    font-size: 0.92857rem;
  }
}

@media (max-width: 767px) {
  .durabilityPlateSection .sectionBody .blockLead {
    margin-bottom: 20px;
  }
}

.durabilityPlateSection .sectionBody .blockCol>div {
  float: left;
  width: 50%;
}

.durabilityPlateSection .sectionBody .blockCol .picture {
  padding-top: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.durabilityPlateSection .sectionBody .blockCol .picture.picture1 {
  background-image: url(/appeal/images/pic_durability_plate01.jpg);
}

.durabilityPlateSection .sectionBody .blockCol .picture.picture2 {
  background-image: url(/appeal/images/pic_durability_plate02.jpg);
}

.durabilityPlateSection .sectionBody .blockCol .description {
  margin-top: 15px;
  padding: 0 10px;
  font-size: 0.8125rem;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 767px) {
  .durabilityPlateSection .sectionBody .blockCol .description {
    margin-top: 10px;
    padding: 0 5px;
    font-size: 0.78571rem;
  }
}

.durabilityPlateSection .sectionBody .blockPicture {
  padding-top: 89.57346%;
  background: url(/appeal/images/pic_durability_plate03.jpg) no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .durabilityPlateSection .sectionBody .blockPicture {
    margin-top: 20px;
    padding-top: 116.71642%;
    background-image: url(/appeal/images/pic_durability_plate03_sp.jpg);
  }
}

.durabilityPlateSection .sectionFoot {
  margin-top: 15px;
}

/* 温熱・空気環境（空気質）｜.airSystemSection */
.airSystemSection .sectionBody {
  background: #eee;
}

.airSystemSection .sectionBody>section {
  padding: 40px;
}

@media (max-width: 767px) {
  .airSystemSection .sectionBody>section {
    padding: 20px 10px;
  }
}

.airSystemSection .sectionBody>section:nth-child(1)>div {
  display: table;
  width: 100%;
}

@media (max-width: 767px) {
  .airSystemSection .sectionBody>section:nth-child(1)>div {
    display: block;
    width: auto;
  }
}

.airSystemSection .sectionBody>section:nth-child(1)>div>div {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .airSystemSection .sectionBody>section:nth-child(1)>div>div {
    display: block;
    width: auto;
  }
}

.airSystemSection .sectionBody>section:nth-child(1)>div>div:first-child {
  padding-right: 40px;
}

@media (max-width: 767px) {
  .airSystemSection .sectionBody>section:nth-child(1)>div>div:first-child {
    padding-right: 0;
  }
}

@media (max-width: 767px) {
  .airSystemSection .sectionBody>section:nth-child(1) .blockDescription::after {
    content: "";
    display: block;
    width: 280px;
    height: 147.5px;
    margin: 30px auto 0;
    background: url(/appeal/images/pic_air_system02.png) no-repeat;
    background-size: cover;
  }
}

.airSystemSection .sectionBody>section:nth-child(1) .blockPicture1 {
  width: 58.22785%;
  margin: 30px auto 0;
}

@media (max-width: 767px) {
  .airSystemSection .sectionBody>section:nth-child(1) .blockPicture1 {
    width: 274.5px;
  }
}

.airSystemSection .sectionBody>section:nth-child(1) .blockPicture1::before {
  content: "";
  display: block;
  padding-top: 59.62733%;
  background: url(/appeal/images/pic_air_system01.png) no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .airSystemSection .sectionBody>section:nth-child(1) .blockPicture1::before {
    height: 163.5px;
    padding-top: 0;
  }
}

.airSystemSection .sectionBody>section:nth-child(1) .blockPicture2 {
  padding-top: 52.45347%;
  background: url(/appeal/images/pic_air_system02.png) no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .airSystemSection .sectionBody>section:nth-child(1) .blockPicture2 {
    display: none;
  }
}

.airSystemSection .sectionBody>section:nth-child(2) {
  border-top: 1px solid #04060d;
}

.airSystemSection .sectionBody>section:nth-child(2)>div {
  display: table;
  width: 100%;
}

@media (max-width: 767px) {
  .airSystemSection .sectionBody>section:nth-child(2)>div {
    display: block;
    width: auto;
  }
}

.airSystemSection .sectionBody>section:nth-child(2)>div>div {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .airSystemSection .sectionBody>section:nth-child(2)>div>div {
    display: block;
    width: auto;
  }
}

.airSystemSection .sectionBody>section:nth-child(2)>div>div:last-child {
  padding-left: 40px;
}

@media (max-width: 767px) {
  .airSystemSection .sectionBody>section:nth-child(2)>div>div:last-child {
    padding-left: 0;
  }
}

.airSystemSection .sectionBody>section:nth-child(2) .blockPicture {
  padding-top: 45.71429%;
  background: url(/appeal/images/pic_air_system03.png) no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .airSystemSection .sectionBody>section:nth-child(2) .blockPicture {
    display: none;
  }
}

@media (max-width: 767px) {
  .airSystemSection .sectionBody>section:nth-child(2) .blockDescription::after {
    content: "";
    display: block;
    width: 280px;
    height: 168px;
    margin: 20px auto 0;
    background: url(/appeal/images/pic_air_system03_sp.png) no-repeat;
    background-size: cover;
  }
}

.airSystemSection .sectionFoot {
  margin-top: 15px;
}

/* 温熱・空気環境（空気質）｜.airFilterSection */
.airFilterSection .sectionBody {
  padding: 40px;
  background: #eee url(/appeal/images/bg_air_filter01.jpg) no-repeat 50%;
  background-size: cover;
}

@media (max-width: 767px) {
  .airFilterSection .sectionBody {
    padding: 20px 10px;
    background-image: none;
  }
}

.airFilterSection .sectionBody .leadBlock {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .airFilterSection .sectionBody .leadBlock {
    margin-bottom: 20px;
  }
}

.airFilterSection .sectionBody .colBlock>section {
  float: left;
  width: 50%;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .airFilterSection .sectionBody .colBlock>section {
    float: none;
    width: auto;
  }
}

.airFilterSection .sectionBody .colBlock>section:first-child {
  padding-right: 10px;
}

@media (max-width: 767px) {
  .airFilterSection .sectionBody .colBlock>section:first-child {
    padding-right: 0;
  }
}

.airFilterSection .sectionBody .colBlock>section:last-child {
  padding-left: 10px;
}

@media (max-width: 767px) {
  .airFilterSection .sectionBody .colBlock>section:last-child {
    margin-top: 30px;
    padding-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1284px) {
  .airFilterSection .sectionBody .colBlock>section:last-child .blockTitle {
    padding: 13px 0 12px;
  }
}

.airFilterSection .sectionBody .colBlock .blockPicture {
  padding-top: 54%;
  background-repeat: no-repeat;
  background-size: cover;
}

.airFilterSection .sectionBody .colBlock .blockPicture.picture1 {
  background-image: url(/appeal/images/pic_air_filter01.jpg);
}

.airFilterSection .sectionBody .colBlock .blockPicture.picture2 {
  background-image: url(/appeal/images/pic_air_filter02.png);
}

.airFilterSection .sectionBody .colBlock .blockTxt {
  margin-top: 15px;
}

@media (max-width: 767px) {
  .airFilterSection .sectionBody .colBlock .blockTxt {
    margin-top: 10px;
  }
}

.airFilterSection .sectionBody .colBlock .blockTxt>li {
  margin-top: 5px;
}

.airFilterSection .sectionBody .colBlock .blockTxt>li:first-child {
  margin-top: 0;
}

.airFilterSection .sectionBody .colBlock .blockTxt>li>span {
  display: block;
  font-size: 0.875rem;
}

@media (max-width: 767px) {
  .airFilterSection .sectionBody .colBlock .blockTxt>li>span {
    font-size: 0.85714rem;
  }
}

.airFilterSection .sectionBody .colBlock .blockTxt>li>span:first-child {
  float: left;
  margin-right: 15px;
  font-weight: 700;
}

@media (max-width: 767px) {
  .airFilterSection .sectionBody .colBlock .blockTxt>li>span:first-child {
    margin-right: 10px;
  }
}

.airFilterSection .sectionBody .colBlock .blockTxt>li>span:last-child {
  overflow: hidden;
}

.airFilterSection .sectionFoot {
  margin-top: 15px;
}

/* 抗ウイルス対応フィルター｜.airVirusSection */
.airVirusSection .sectionBody {
  padding: 40px;
  background: #eee;
}

@media (max-width: 767px) {
  .airVirusSection .sectionBody {
    padding: 20px 10px;
  }
}

.airVirusSection .sectionBody>div {
  display: table;
  width: 100%;
}

@media (max-width: 767px) {
  .airVirusSection .sectionBody>div {
    display: block;
    width: auto;
  }
}

.airVirusSection .sectionBody>div>div {
  display: table-cell;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .airVirusSection .sectionBody>div>div {
    display: block;
  }
}

.airVirusSection .sectionBody>div>div:first-child {
  width: 47.72%;
  /* 566/1186*100 */
  padding-right: 40px;
}

@media (max-width: 767px) {
  .airVirusSection .sectionBody>div>div:first-child {
    width: auto;
    padding-right: 0;
  }
}

.airVirusSection .sectionBody>div>div:last-child {
  width: 48.9%;
  /* 580/1186*100 */
}

@media (max-width: 767px) {
  .airVirusSection .sectionBody>div>div:last-child {
    width: auto;
    margin-top: 20px;
  }
}

.airVirusSection .sectionBody .colBlock {
  overflow: hidden;
}

.airVirusSection .sectionBody .colBlock>section {
  float: left;
  width: 50%;
  box-sizing: border-box;
}

.airVirusSection .sectionBody .colBlock>section:first-child {
  padding-right: 10px;
}

@media (max-width: 767px) {
  .airVirusSection .sectionBody .colBlock>section:first-child {
    padding-right: 5px;
  }
}

.airVirusSection .sectionBody .colBlock>section:last-child {
  padding-left: 10px;
}

@media (max-width: 767px) {
  .airVirusSection .sectionBody .colBlock>section:last-child {
    padding-left: 5px;
  }
}

@media (max-width: 1380px) {
  .airVirusSection .sectionBody .colBlock>section:first-child .blockTitle {
    padding: 13px 0 12px;
  }
}

@media (max-width: 769px) {
  .airVirusSection .sectionBody .colBlock>section:first-child .blockTitle {
    padding: 10px 0 9.5px;
  }
}

.airVirusSection .sectionBody .colBlock .blockPicture {
  padding-top: 59.63%;
  background-repeat: no-repeat;
  background-size: cover;
}

.airVirusSection .sectionBody .colBlock .blockPicture.picture1 {
  background-image: url(/appeal/images/pic_air_virus01.jpg);
}

.airVirusSection .sectionBody .colBlock .blockPicture.picture2 {
  background-image: url(/appeal/images/pic_air_virus02.jpg);
}

.airVirusSection .sectionFoot {
  margin-top: 15px;
}

/* 温熱・空気環境（空気質）｜.airVentilationSection */
.airVentilationSection .sectionBody {
  padding: 40px;
  background: #eee;
}

@media (max-width: 767px) {
  .airVentilationSection .sectionBody {
    padding: 20px 10px;
  }
}

.airVentilationSection .sectionBody>div {
  display: table;
  width: 100%;
}

@media (max-width: 767px) {
  .airVentilationSection .sectionBody>div {
    display: block;
    width: auto;
  }
}

.airVentilationSection .sectionBody>div>div {
  display: table-cell;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .airVentilationSection .sectionBody>div>div {
    display: block;
  }
}

.airVentilationSection .sectionBody>div>div:first-child {
  width: 55.98651%;
  padding-right: 40px;
}

@media (max-width: 767px) {
  .airVentilationSection .sectionBody>div>div:first-child {
    width: auto;
    padding-right: 0;
  }
}

.airVentilationSection .sectionBody>div>div:last-child {
  width: 44.01349%;
}

@media (max-width: 767px) {
  .airVentilationSection .sectionBody>div>div:last-child {
    width: auto;
  }
}

.airVentilationSection .sectionBody .blockPicture {
  padding-top: 49.80843%;
  background: url(/appeal/images/pic_air_ventilation01.png) no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .airVentilationSection .sectionBody .blockPicture {
    width: 280px;
    height: 141px;
    margin: 20px auto 0;
    padding-top: 0;
    background-image: url(/appeal/images/pic_air_ventilation01_sp.png);
  }
}

.airVentilationSection .sectionFoot {
  margin-top: 15px;
}


/* 温熱・空気環境（空気質）｜.airSickSection */
.airSickSection .sectionBody {
  background: #eee;
}

.airSickSection .sectionBody>section {
  display: table;
  width: 100%;
}

@media (max-width: 767px) {
  .airSickSection .sectionBody>section {
    display: block;
    width: auto;
    padding: 20px 10px;
  }
}

.airSickSection .sectionBody>section .blockPicture {
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .airSickSection .sectionBody>section .blockPicture {
    display: none;
  }
}

@media (max-width: 767px) {
  .airSickSection .sectionBody>section .blockPictureSp::after {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

.airSickSection .sectionBody>section>div {
  display: table-cell;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .airSickSection .sectionBody>section>div {
    display: block;
  }
}

.airSickSection .sectionBody>section:first-child>div:first-child {
  width: 49.21011%;
  padding: 40px 0 40px 40px;
}

@media (max-width: 767px) {
  .airSickSection .sectionBody>section:first-child>div:first-child {
    width: auto;
    padding: 0;
  }
}

.airSickSection .sectionBody>section:first-child>div:last-child {
  width: 50.78989%;
  padding: 40px;
}

@media (max-width: 767px) {
  .airSickSection .sectionBody>section:first-child>div:last-child {
    width: auto;
    padding: 0;
  }
}

.airSickSection .sectionBody>section:first-child .blockPicture {
  padding-top: 49.5212%;
  background-image: url(/appeal/images/pic_air_sick01.png);
}

@media (max-width: 767px) {
  .airSickSection .sectionBody>section:first-child .blockPictureSp::after {
    padding-top: 53.04348%;
    margin-top: 20px;
    background-image: url(/appeal/images/pic_air_sick01.png);
    background-size: cover;
  }
}

.airSickSection .sectionBody>section:nth-child(2) {
  border-top: 1px solid #04060d;
}

.airSickSection .sectionBody>section:nth-child(2)>div:first-child {
  width: 68.79937%;
  padding: 40px;
}

@media (max-width: 767px) {
  .airSickSection .sectionBody>section:nth-child(2)>div:first-child {
    width: auto;
    padding: 0;
  }
}

.airSickSection .sectionBody>section:nth-child(2)>div:last-child {
  width: 31.20063%;
  padding: 40px 40px 40px 0;
}

@media (max-width: 767px) {
  .airSickSection .sectionBody>section:nth-child(2)>div:last-child {
    width: auto;
    padding: 0;
  }
}

.airSickSection .sectionBody>section:nth-child(2) .blockPicture {
  padding-top: 56.11511%;
  background-image: url(/appeal/images/pic_air_sick02.png);
}

@media (max-width: 767px) {
  .airSickSection .sectionBody>section:nth-child(2) .blockPictureSp {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .airSickSection .sectionBody>section:nth-child(2) .blockPictureSp::after {
    width: 280px;
    height: 70.5px;
    background-image: url(/appeal/images/pic_air_sick03_sp.png);
  }
}

.airSickSection .sectionFoot {
  margin-top: 15px;
}

/*  温熱・空気環境（快適エアリー・冷房）｜.coolerSystemSection */
.coolerSystemSection .sectionBody {
  position: relative;
  padding: 40px;
  background: #eee;
}

@media (max-width: 767px) {
  .coolerSystemSection .sectionBody {
    padding: 20px 10px;
  }
}

.coolerSystemSection .sectionBody::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 57.26698%;
  height: 100%;
  background: url(/appeal/images/bg_cooler_system01.jpg) no-repeat 50%;
  background-size: cover;
}

@media (max-width: 767px) {
  .coolerSystemSection .sectionBody::before {
    display: none;
  }
}

.coolerSystemSection .sectionBody>div {
  position: relative;
}

@media (max-width: 767px) {
  .coolerSystemSection .sectionBody .blockDescription::after {
    content: "";
    display: block;
    margin-top: 20px;
    padding-top: 50%;
    background: url(/appeal/images/bg_cooler_system01_sp.jpg) no-repeat;
    background-size: cover;
  }
}

.coolerSystemSection .sectionBody .blockPicture {
  width: 435px;
  height: 369px;
  margin-top: 30px;
  background: url(/appeal/images/pic_cooler_system01.png) no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .coolerSystemSection .sectionBody .blockPicture {
    width: auto;
    height: auto;
    margin: 20px auto 0;
    padding-top: 85.67164%;
    background-image: url(/appeal/images/pic_cooler_system01_sp.png);
  }
}

.coolerSystemSection .sectionFoot {
  margin-top: 15px;
}

/*  温熱・空気環境（快適エアリー・冷房）｜.coolerDehumidSection */
.coolerDehumidSection .sectionBody {
  background: #eee;
}

.coolerDehumidSection .sectionBody>section {
  padding: 40px;
}

@media (max-width: 767px) {
  .coolerDehumidSection .sectionBody>section {
    padding: 20px 10px;
  }
}

.coolerDehumidSection .sectionBody>section:nth-child(1) .blockLead {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .coolerDehumidSection .sectionBody>section:nth-child(1) .blockLead {
    margin-bottom: 20px;
  }
}

.coolerDehumidSection .sectionBody>section:nth-child(1) .blockPicture {
  padding-top: 32.63069%;
  background: url(/appeal/images/pic_cooler_dehumid01.png) no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .coolerDehumidSection .sectionBody>section:nth-child(1) .blockPicture {
    margin: 0 auto;
    padding-top: 73.58209%;
    background-image: url(/appeal/images/pic_cooler_dehumid01_sp.png);
  }
}

.coolerDehumidSection .sectionBody>section:nth-child(1) .blockList {
  margin-top: 30px;
}

@media (max-width: 767px) {
  .coolerDehumidSection .sectionBody>section:nth-child(1) .blockList {
    margin-top: 20px;
  }
}

.coolerDehumidSection .sectionBody>section:nth-child(2) {
  border-top: 1px solid #04060d;
}

.coolerDehumidSection .sectionBody>section:nth-child(2)>div {
  display: table;
  width: 100%;
}

@media (max-width: 767px) {
  .coolerDehumidSection .sectionBody>section:nth-child(2)>div {
    display: block;
    width: auto;
  }
}

.coolerDehumidSection .sectionBody>section:nth-child(2)>div>div {
  display: table-cell;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .coolerDehumidSection .sectionBody>section:nth-child(2)>div>div {
    display: block;
  }
}

.coolerDehumidSection .sectionBody>section:nth-child(2)>div>div:first-child {
  width: 59.02192%;
  padding-right: 40px;
}

@media (max-width: 767px) {
  .coolerDehumidSection .sectionBody>section:nth-child(2)>div>div:first-child {
    width: auto;
    padding-right: 0;
  }
}

.coolerDehumidSection .sectionBody>section:nth-child(2)>div>div:last-child {
  width: 40.97808%;
}

@media (max-width: 767px) {
  .coolerDehumidSection .sectionBody>section:nth-child(2)>div>div:last-child {
    width: auto;
  }
}

.coolerDehumidSection .sectionBody>section:nth-child(2) .blockPicture {
  padding-top: 63.91231%;
  background: url(/appeal/images/pic_cooler_dehumid02.png) no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .coolerDehumidSection .sectionBody>section:nth-child(2) .blockPicture {
    width: 278.5px;
    height: 172.5px;
    margin: 20px auto 0;
    padding-top: 0;
    background-image: url(/appeal/images/pic_cooler_dehumid02_sp.png);
  }
}

.coolerDehumidSection .sectionFoot {
  margin-top: 15px;
}

/*  温熱・空気環境（快適エアリー・暖房）｜.heaterSystemSection */
.heaterSystemSection .sectionBody {
  position: relative;
  background: #eee;
}

.heaterSystemSection .sectionBody::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background: url(/appeal/images/bg_heater_system01.jpg) no-repeat 50%;
  background-size: cover;
}

@media (max-width: 767px) {
  .heaterSystemSection .sectionBody::before {
    display: none;
  }
}

.heaterSystemSection .sectionBody>div {
  position: relative;
  width: 50%;
  padding: 60px 40px;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .heaterSystemSection .sectionBody>div {
    width: auto;
    padding: 20px 10px;
  }
}

.heaterSystemSection .sectionBody .blockPicture {
  margin-top: 30px;
  padding-top: 53.88788%;
  background: url(/appeal/images/pic_heater_system01.png) no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .heaterSystemSection .sectionBody .blockPicture {
    width: 280px;
    height: 150.5px;
    margin: 20px auto 0;
    padding-top: 0;
  }
}

.heaterSystemSection .sectionBody .blockYoutube {
  margin-top: 40px;
}

@media (max-width: 767px) {
  .heaterSystemSection .sectionBody .blockYoutube {
    margin-top: 20px;
  }
}

.heaterSystemSection .sectionFoot {
  margin-top: 15px;
}

/*  温熱・空気環境（快適エアリー・暖房）｜.heaterUnderSection */
.heaterUnderSection .sectionBody {
  position: relative;
  background: #eee;
}

.heaterUnderSection .sectionBody::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 60.58452%;
  height: 100%;
  background: url(/appeal/images/bg_heater_under01.jpg) no-repeat 50%;
  background-size: cover;
}

@media (max-width: 767px) {
  .heaterUnderSection .sectionBody::before {
    content: normal;
  }
}

.heaterUnderSection .sectionBody>div {
  position: relative;
  width: 50%;
  padding: 40px;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .heaterUnderSection .sectionBody>div {
    width: auto;
    padding: 20px 10px;
  }
}

.heaterUnderSection .sectionBody .blockPicture {
  width: 435px;
  margin: 30px auto 0;
}

@media (max-width: 767px) {
  .heaterUnderSection .sectionBody .blockPicture {
    width: auto;
    margin: 20px auto 0;
  }
}

.heaterUnderSection .sectionBody .blockPicture::before {
  content: "";
  display: block;
  padding-top: 90%;
  background: url(/appeal/images/pic_heater_under01.png) no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .heaterUnderSection .sectionBody .blockPicture::before {
    padding-top: 90.89552%;
    background-image: url(/appeal/images/pic_heater_under01_sp.png);
  }
}

.heaterUnderSection .sectionFoot {
  margin-top: 15px;
}

/*  温熱・空気環境（快適エアリー・暖房）｜.heaterSavingSection */
.heaterSavingSection .sectionBody {
  padding: 40px;
  background: #eee;
}

@media (max-width: 767px) {
  .heaterSavingSection .sectionBody {
    padding: 20px 10px;
  }
}

.heaterSavingSection .sectionBody>div {
  display: table;
  width: 100%;
}

@media (max-width: 767px) {
  .heaterSavingSection .sectionBody>div {
    display: block;
    width: auto;
  }
}

.heaterSavingSection .sectionBody>div>div {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .heaterSavingSection .sectionBody>div>div {
    display: block;
    width: auto;
  }
}

.heaterSavingSection .sectionBody>div>div:first-child {
  padding-right: 40px;
}

@media (max-width: 767px) {
  .heaterSavingSection .sectionBody>div>div:first-child {
    padding-right: 0;
  }
}

.heaterSavingSection .sectionBody .blockBox {
  margin-top: 30px;
  padding: 30px 0;
  background: #182433;
}

@media (max-width: 767px) {
  .heaterSavingSection .sectionBody .blockBox {
    margin-top: 20px;
    padding: 20px 0;
  }
}

.heaterSavingSection .sectionBody .blockBox .txt1 {
  margin-bottom: 10px;
  color: #fff;
  font-size: 1.375rem;
  line-height: 1.3;
  text-align: center;
}

@media (max-width: 767px) {
  .heaterSavingSection .sectionBody .blockBox .txt1 {
    font-size: 1rem;
  }
}

.heaterSavingSection .sectionBody .blockBox .txt1>sup {
  margin: 0 3px;
  font-size: 0.75rem;
  vertical-align: 9px;
}

@media (max-width: 767px) {
  .heaterSavingSection .sectionBody .blockBox .txt1>sup {
    font-size: 0.57143rem;
    vertical-align: 5px;
  }
}

.heaterSavingSection .sectionBody .blockBox .txt2 {
  color: #5fccff;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 0.9;
  text-align: center;
}

@media (max-width: 767px) {
  .heaterSavingSection .sectionBody .blockBox .txt2 {
    font-size: 1.28571rem;
  }
}

.heaterSavingSection .sectionBody .blockBox .txt2>strong {
  margin-right: 3px;
  font-family: "URWGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", "YuGothic", "メイリオ", "Meiryo", sans-serif;
  font-size: 3.125rem;
  vertical-align: -3px;
}

@media (max-width: 767px) {
  .heaterSavingSection .sectionBody .blockBox .txt2>strong {
    font-size: 1.85714rem;
    vertical-align: -1px;
  }
}

.heaterSavingSection .sectionBody .blockPicture {
  padding-top: 44.85666%;
  background: url(/appeal/images/pic_heater_saving01.svg) no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .heaterSavingSection .sectionBody .blockPicture {
    width: 280px;
    height: 136.5px;
    margin: 20px auto 0;
    padding-top: 0;
    background: url(/appeal/images/pic_heater_saving01_sp.svg) no-repeat;
    background-size: cover;
  }
}

.heaterSavingSection .sectionFoot {
  margin-top: 15px;
}

/*  温熱・空気環境（快適エアリー・暖房）｜.heaterFactorySection */
.heaterFactorySection .sectionBody {
  padding: 0 40px;
  background: #eee;
}

@media (max-width: 767px) {
  .heaterFactorySection .sectionBody {
    padding: 20px 10px;
  }
}

.heaterFactorySection .sectionBody>div {
  display: table;
  width: 100%;
}

@media (max-width: 767px) {
  .heaterFactorySection .sectionBody>div {
    display: block;
    width: auto;
  }
}

.heaterFactorySection .sectionBody>div>div {
  display: table-cell;
}

@media (max-width: 767px) {
  .heaterFactorySection .sectionBody>div>div {
    display: block;
  }
}

.heaterFactorySection .sectionBody>div>div:first-child {
  width: 38.53288%;
  padding: 40px 20px 40px 0;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .heaterFactorySection .sectionBody>div>div:first-child {
    width: auto;
    padding: 0;
  }
}

.heaterFactorySection .sectionBody>div>div:last-child {
  width: 61.46712%;
  padding-top: 40px;
  vertical-align: bottom;
}

@media (max-width: 767px) {
  .heaterFactorySection .sectionBody>div>div:last-child {
    width: auto;
    padding-top: 0;
  }
}

.heaterFactorySection .sectionBody .blockPicture {
  padding-top: 53.77229%;
  background: url(/appeal/images/pic_heater_factory01.png) no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .heaterFactorySection .sectionBody .blockPicture {
    margin: 20px auto 0;
    padding-top: 135.07463%;
    background-image: url(/appeal/images/pic_heater_factory01_sp.png);
  }
}

.heaterFactorySection .sectionFoot {
  margin-top: 15px;
}

/*  温熱・空気環境（排熱システム）｜.dischargeSkylightSection */
.dischargeSkylightSection .sectionBody {
  background: #eee;
}

.dischargeSkylightSection .sectionBody>section {
  padding: 40px;
}

@media (max-width: 767px) {
  .dischargeSkylightSection .sectionBody>section {
    padding: 20px 10px;
  }
}

.dischargeSkylightSection .sectionBody>section:nth-child(1)>div {
  display: table;
  width: 100%;
}

@media (max-width: 767px) {
  .dischargeSkylightSection .sectionBody>section:nth-child(1)>div {
    display: block;
    width: auto;
  }
}

.dischargeSkylightSection .sectionBody>section:nth-child(1)>div>div {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .dischargeSkylightSection .sectionBody>section:nth-child(1)>div>div {
    display: block;
    width: auto;
  }
}

.dischargeSkylightSection .sectionBody>section:nth-child(1)>div>div:first-child {
  padding-right: 40px;
}

@media (max-width: 767px) {
  .dischargeSkylightSection .sectionBody>section:nth-child(1)>div>div:first-child {
    padding-right: 0;
  }
}

.dischargeSkylightSection .sectionBody>section:nth-child(1)>div>div:last-child {
  padding-left: 40px;
}

@media (max-width: 767px) {
  .dischargeSkylightSection .sectionBody>section:nth-child(1)>div>div:last-child {
    margin-top: 20px;
    padding-left: 0;
  }
}

.dischargeSkylightSection .sectionBody>section:nth-child(1) .blockPicture {
  padding-top: 54.9747%;
  background: url(/appeal/images/pic_discharge_skylight01.png) no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .dischargeSkylightSection .sectionBody>section:nth-child(1) .blockPicture {
    width: 280px;
    height: 154px;
    margin: 0 auto;
    padding-top: 0;
  }
}

.dischargeSkylightSection .sectionBody>section:nth-child(2) {
  border-top: 1px solid #04060d;
}

.dischargeSkylightSection .sectionBody>section:nth-child(2) .blockPicture {
  margin-top: 30px;
  padding-top: 26.7285%;
  background: url(/appeal/images/pic_discharge_skylight02.png) no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .dischargeSkylightSection .sectionBody>section:nth-child(2) .blockPicture {
    margin: 20px auto 0;
    padding-top: 105.8209%;
    background-image: url(/appeal/images/pic_discharge_skylight02_sp.png);
  }
}

.dischargeSkylightSection .sectionBody>section:nth-child(2) .blockYoutube {
  margin-top: 40px;
}

@media (max-width: 767px) {
  .dischargeSkylightSection .sectionBody>section:nth-child(2) .blockYoutube {
    margin-top: 20px;
  }
}

.dischargeSkylightSection .sectionFoot {
  margin-top: 15px;
}

/*  温熱・空気環境（排熱システム）｜.dischargeSleepSection */
.dischargeSleepSection .sectionBody {
  position: relative;
  padding: 40px;
  background: #eee;
}

@media (max-width: 767px) {
  .dischargeSleepSection .sectionBody {
    padding: 20px 10px;
  }
}

.dischargeSleepSection .sectionBody>.bg {
  position: absolute;
  right: 0;
  top: 0;
  width: 30.64771%;
}

@media (max-width: 767px) {
  .dischargeSleepSection .sectionBody>.bg {
    display: none;
  }
}

.dischargeSleepSection .sectionBody>.bg::before {
  content: "";
  display: block;
  padding-top: 119.07216%;
  background: url(/appeal/images/bg_discharge_sleep01.jpg) no-repeat;
  background-size: cover;
}

.dischargeSleepSection .sectionBody>.in {
  position: relative;
}

.dischargeSleepSection .sectionBody .blockLead {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .dischargeSleepSection .sectionBody .blockLead {
    margin-bottom: 20px;
  }
}

.dischargeSleepSection .sectionBody .blockPicture {
  padding-top: 35.49747%;
  background: url(/appeal/images/pic_discharge_sleep02.png) no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .dischargeSleepSection .sectionBody .blockPicture {
    margin: 20px auto 0;
    padding-top: 84.32836%;
    background-image: url(/appeal/images/pic_discharge_sleep02_sp.png);
  }
}

.dischargeSleepSection .sectionBody section {
  margin-top: 40px;
}

@media (max-width: 767px) {
  .dischargeSleepSection .sectionBody section {
    margin-top: 20px;
  }
}

.dischargeSleepSection .sectionFoot {
  margin-top: 15px;
}

/* 気密・断熱性能｜.airtightMoistureSection */
.airtightMoistureSection {
  position: relative;
}

@media (max-width: 767px) {
  .airtightMoistureSection {
    padding-top: 30px;
  }
}

.airtightMoistureSection .sectionBody {
  background: #eee;
}

@media (max-width: 767px) {
  .airtightMoistureSection .sectionBody .figureBlock {
    padding: 20px 10px;
  }
}

.airtightMoistureSection .sectionBody .figureBlock>section {
  position: relative;
}

@media (max-width: 767px) {
  .airtightMoistureSection .sectionBody .figureBlock .blockPicture {
    display: none;
  }
}

.airtightMoistureSection .sectionBody .figureBlock .blockPicture.picture1>div::before {
  content: "";
  display: block;
  padding-top: 65.28%;
  background: url(/appeal/images/pic_airtight_moisture01.jpg) no-repeat;
  background-size: cover;
}

.airtightMoistureSection .sectionBody .figureBlock .blockPicture.picture2 {
  padding-top: 59.24171%;
  background: url(/appeal/images/pic_airtight_moisture02.jpg) no-repeat;
  background-size: cover;
}

.airtightMoistureSection .sectionBody .figureBlock .blockTxt {
  padding: 0 40px;
}

@media (max-width: 767px) {
  .airtightMoistureSection .sectionBody .figureBlock .blockTxt {
    padding: 0;
  }
}

@media (max-width: 767px) {
  .airtightMoistureSection .sectionBody .figureBlock .blockTxt .blockDescription::after {
    content: "";
    display: block;
    margin: 20px auto 0;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

@media (max-width: 767px) {
  .airtightMoistureSection .sectionBody .figureBlock .blockTxt .blockDescription.description1::after {
    padding-top: 92.84%;
    background-image: url(/appeal/images/pic_airtight_moisture01_sp.jpg);
  }
}

@media (max-width: 767px) {
  .airtightMoistureSection .sectionBody .figureBlock .blockTxt .blockDescription.description2::after {
    padding-top: 75.8209%;
    background-image: url(/appeal/images/pic_airtight_moisture02_sp.png);
  }
}

.airtightMoistureSection .sectionFoot {
  margin-top: 15px;
}

/* 気密・断熱性能｜.airtightAlxSection */
.airtightAlxSection .sectionBody {
  background: #eee;
}

.airtightAlxSection .sectionBody .visualBlock {
  padding-top: 36.49289%;
  background: url(/appeal/images/pic_airtight_alx01.jpg) no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .airtightAlxSection .sectionBody .visualBlock {
    padding-top: 56.19718%;
    background-image: url(/appeal/images/pic_airtight_alx01_sp.jpg);
  }
}

@media (max-width: 767px) {
  .airtightAlxSection .sectionBody .figureBlock {
    padding: 20px 10px;
  }
}

.airtightAlxSection .sectionBody .figureBlock .blockPicture {
  padding-top: 85.93997%;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .airtightAlxSection .sectionBody .figureBlock .blockPicture {
    /* padding-top: 57.76119%; */
  }
}

.airtightAlxSection .sectionBody .figureBlock .blockPicture.picture1 {
  background-image: url(/appeal/images/pic_airtight_alx02.png);
}

@media (max-width: 767px) {
  .airtightAlxSection .sectionBody .figureBlock .blockPicture.picture1 {
    background-image: url(/appeal/images/pic_airtight_alx02_sp.png);
  }
}

.airtightAlxSection .sectionBody .figureBlock .blockTxt {
  padding: 0 40px;
}

@media (max-width: 767px) {
  .airtightAlxSection .sectionBody .figureBlock .blockTxt {
    padding: 20px 0 0;
  }
}

.airtightAlxSection .sectionBody .figureBlock .blockTxt .description {
  margin-top: 20px;
}

.airtightAlxSection .sectionBody .figureBlock .blockTxt .description:first-child {
  margin-top: 0;
}

.airtightAlxSection .sectionFoot {
  margin-top: 15px;
}

/* 気密・断熱性能｜.airtightUnderSection */
.airtightUnderSection .sectionBody {
  background: #eee;
}

.airtightUnderSection .sectionBody .figureBlock .blockTxt {
  padding: 0 40px;
}

@media (max-width: 767px) {
  .airtightUnderSection .sectionBody .figureBlock .blockTxt {
    padding: 20px 10px;
  }
}

.airtightUnderSection .sectionBody .figureBlock .blockTxt .picture {
  margin-top: 30px;
  padding-top: 50.72%;
  background: url(/appeal/images/pic_airtight_under01.png) no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .airtightUnderSection .sectionBody .figureBlock .blockTxt .picture {
    width: 280px;
    height: 142px;
    margin: 20px auto 0;
    padding-top: 0;
    background-image: url(/appeal/images/pic_airtight_under01_sp.png);
  }
}

.airtightUnderSection .sectionBody .figureBlock .blockPicture {
  padding-top: 81.56%;
  background: url(/appeal/images/pic_airtight_under02.jpg) no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .airtightUnderSection .sectionBody .figureBlock .blockPicture {
    padding-top: 65.35211%;
    background-image: url(/appeal/images/pic_airtight_under02_sp.jpg);
  }
}

/* 省エネ性能（スマートハイム）｜.smartIntroSection */
.smartIntroSection .sectionBody {
  background: #eee;
}

.smartIntroSection .sectionBody .visualBlock {
  padding-top: 45.57662%;
  background: url(/appeal/images/pic_smart_intro01.jpg) no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .smartIntroSection .sectionBody .visualBlock {
    margin: 0 auto;
    padding-top: 76.05634%;
    background-image: url(/appeal/images/pic_smart_intro01_sp.jpg);
  }
}

.smartIntroSection .sectionBody .youtubeBlock {
  padding: 40px;
}

@media (max-width: 767px) {
  .smartIntroSection .sectionBody .youtubeBlock {
    padding: 20px 10px;
  }
}

.smartIntroSection .sectionFoot {
  margin-top: 15px;
}

/* 省エネ性能（スマートハイム）｜.smartResultSection */
.smartResultSection .sectionBody {
  background: #eee;
}

.smartResultSection .sectionBody .visualBlock {
  padding-top: 56.87204%;
  background: url(/appeal/images/pic_smart_result01.jpg) no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .smartResultSection .sectionBody .visualBlock {
    padding-top: 75.07042%;
    background-image: url(/appeal/images/pic_smart_result01_sp.jpg);
  }
}

.smartResultSection .sectionBody .descriptionBlock {
  padding: 40px;
}

@media (max-width: 767px) {
  .smartResultSection .sectionBody .descriptionBlock {
    padding: 20px 10px;
  }
}

@media (max-width: 767px) {
  .smartResultSection .sectionBody .descriptionBlock .description {
    margin-top: 20px;
  }
}

.smartResultSection .sectionFoot {
  margin-top: 15px;
}

/* 省エネ性能（大容量ソーラー）｜.sunsystemFinanceSection */
.sunsystemFinanceSection .sectionBody {
  padding: 40px;
  background: #eee;
}

@media (max-width: 767px) {
  .sunsystemFinanceSection .sectionBody {
    padding: 20px 10px;
  }
}

.sunsystemFinanceSection .sectionBody .leadBlock {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .sunsystemFinanceSection .sectionBody .leadBlock {
    margin-bottom: 20px;
  }
}

.sunsystemFinanceSection .sectionBody .pictureBlock {
  width: 88.70152%;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .sunsystemFinanceSection .sectionBody .pictureBlock {
    width: auto;
  }
}

.sunsystemFinanceSection .sectionBody .pictureBlock::before {
  content: "";
  display: block;
  padding-top: 27.40304%;
  background: url(/appeal/images/pic_sunsystem_finance01.png) no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .sunsystemFinanceSection .sectionBody .pictureBlock::before {
    padding-top: 68.95522%;
    background-image: url(/appeal/images/pic_sunsystem_finance01_sp.png);
  }
}

.sunsystemFinanceSection .sectionFoot {
  margin-top: 15px;
}

/* 省エネ性能（大容量ソーラー）｜.sunsystemRoofSection */
.sunsystemRoofSection .sectionBody {
  position: relative;
  padding: 40px 40px 160px;
  background: #eee;
}

@media (max-width: 767px) {
  .sunsystemRoofSection .sectionBody {
    padding: 20px 10px;
    overflow: hidden;
  }
}

.sunsystemRoofSection .sectionBody .visualBlock {
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
  text-align: center;
}

@media (max-width: 767px) {
  .sunsystemRoofSection .sectionBody .visualBlock {
    display: none;
  }
}

.sunsystemRoofSection .sectionBody .visualBlock::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -85px;
  width: 768px;
  height: 672px;
  background: url(/appeal/images/pic_sunsystem_roof01.png) no-repeat;
  background-size: cover;
}

.sunsystemRoofSection .sectionBody>.bodyIn {
  position: relative;
}

.sunsystemRoofSection .sectionBody .firstBlock {
  width: 50%;
  padding-right: 40px;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .sunsystemRoofSection .sectionBody .firstBlock {
    width: auto;
    padding-right: 0;
  }
}

.sunsystemRoofSection .sectionBody .firstBlock .blockPicture {
  margin-top: 30px;
  padding-top: 27.69784%;
  background: url(/appeal/images/pic_sunsystem_roof02.png) no-repeat;
  background-size: contain;
}

@media (max-width: 767px) {
  .sunsystemRoofSection .sectionBody .firstBlock .blockPicture {
    margin-top: 20px;
    padding-top: 60%;
    background-image: url(/appeal/images/pic_sunsystem_roof02_sp.png);
  }
}

@media (max-width: 767px) {
  .sunsystemRoofSection .sectionBody .firstBlock .blockPicture::after {
    content: "";
    display: block;
    width: 345px;
    height: 237px;
    margin-top: 20px;
    background: url(/appeal/images/pic_sunsystem_roof01_sp.png) no-repeat;
    background-size: cover;
  }
}

.sunsystemRoofSection .sectionFoot {
  margin-top: 15px;
}

/* 省エネ性能（大容量ソーラー）｜.sunsystemSupportSection */
.sunsystemSupportSection .sectionBody {
  padding: 40px;
  background: #eee url(/appeal/images/bg_sunsystem_support01.jpg) no-repeat 50%;
  background-size: cover;
}

@media (max-width: 767px) {
  .sunsystemSupportSection .sectionBody {
    padding: 20px 10px;
    background: #eee;
  }
}

.sunsystemSupportSection .sectionBody .leadBlock {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .sunsystemSupportSection .sectionBody .leadBlock {
    margin-bottom: 20px;
  }
}

.sunsystemSupportSection .sectionBody .pictureBlock {
  width: 84.40135%;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .sunsystemSupportSection .sectionBody .pictureBlock {
    width: auto;
  }
}

.sunsystemSupportSection .sectionBody .pictureBlock::before {
  content: "";
  display: block;
  padding-top: 36.76324%;
  background: url(/appeal/images/pic_sunsystem_support01.png) no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .sunsystemSupportSection .sectionBody .pictureBlock::before {
    padding-top: 125.07463%;
    background-image: url(/appeal/images/pic_sunsystem_support01_sp.png);
  }
}

.sunsystemSupportSection .sectionFoot {
  margin-top: 15px;
}

/* 省エネ性能（大容量ソーラー）｜.sunsystemZeroSection */
.sunsystemZeroSection .sectionBody {
  padding: 40px;
  background: #eee url(/appeal/images/bg_sunsystem_zero01.jpg) no-repeat 50%;
  background-size: cover;
}

@media (max-width: 767px) {
  .sunsystemZeroSection .sectionBody {
    padding: 20px 10px;
    background: #eee;
  }
}

.sunsystemZeroSection .sectionBody .leadBlock {
  margin-bottom: 30px;
}


@media (max-width: 767px) {
  .sunsystemZeroSection .sectionBody .leadBlock {
    margin-bottom: 20px;
  }
}

.sunsystemZeroSection .sectionBody .pictureBlock {
  padding-top: 27.40304%;
  background: url(/appeal/images/pic_sunsystem_zero01.png) no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .sunsystemZeroSection .sectionBody .pictureBlock {
    padding-top: 90.44776%;
    background-image: url(/appeal/images/pic_sunsystem_zero01_sp.png);
  }
}

.sunsystemZeroSection .sectionFoot {
  margin-top: 15px;
}

/* 省エネ性能（蓄電システム）｜.epocketSystemSection */
.epocketSystemSection .sectionBody {
  background: #eee;
}

@media (max-width: 767px) {
  .epocketSystemSection .sectionBody {
    padding: 20px 10px;
  }
}

.epocketSystemSection .sectionBody .leadBlock {
  padding: 40px 40px 20px;
}

@media (max-width: 767px) {
  .epocketSystemSection .sectionBody .leadBlock {
    padding: 0;
  }
}

.epocketSystemSection .sectionBody .picBlock {
  padding-top: 50.943396%;
  background: url(/appeal/images/bg_epocket_system01.jpg) no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .epocketSystemSection .sectionBody .picBlock {
    margin: 20px 0;
    padding-top: 57.014925%;
    background-image: url(/appeal/images/bg_epocket_system01_sp.jpg);
  }
}

.epocketSystemSection .sectionBody .numBlock {
  padding: 30px 40px;
  background: #eee;
  overflow: hidden;
}

@media (max-width: 767px) {
  .epocketSystemSection .sectionBody .numBlock {
    padding: 0;
  }
}

.epocketSystemSection .sectionBody .numBlock ul {
  float: left;
  width: 33.33333%;
}

.epocketSystemSection .sectionBody .numBlock ul:nth-child(1) {
  width: 32%;
}

.epocketSystemSection .sectionBody .numBlock ul:nth-child(2) {
  width: 32%;
}

.epocketSystemSection .sectionBody .numBlock ul:nth-child(3) {
  width: 36%;
}

@media (max-width: 767px) {
  .epocketSystemSection .sectionBody .numBlock ul {
    float: none;
    width: auto !important;
    margin-top: 15px;
  }
}

@media (max-width: 767px) {
  .epocketSystemSection .sectionBody .numBlock ul:first-child {
    margin-top: 0;
  }
}

.epocketSystemSection .sectionBody .numBlock ul>li {
  position: relative;
  margin-top: 10px;
  padding-left: 28px;
  font-size: 0.875rem;
  line-height: 1.3;
  -webkit-transition: font-size 250ms ease-out;
  transition: font-size 250ms ease-out;
}

@media (min-width: 768px) and (max-width: 1284px) {
  .epocketSystemSection .sectionBody .numBlock ul>li {
    font-size: 0.8125rem;
  }
}

@media (max-width: 767px) {
  .epocketSystemSection .sectionBody .numBlock ul>li {
    margin-top: 15px;
    padding-left: 25px;
    font-size: 0.92857rem;
    line-height: 1.5;
  }
}

.epocketSystemSection .sectionBody .numBlock ul>li:first-child {
  margin-top: 0;
}

.epocketSystemSection .sectionBody .numBlock ul>li>.num {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 21px;
  height: 21px;
  padding-top: 3px;
  box-sizing: border-box;
  background: #003e60;
  color: #fff;
  font-family: "URWGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", "YuGothic", "メイリオ", "Meiryo", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}

@media (max-width: 767px) {
  .epocketSystemSection .sectionBody .numBlock ul>li>.num {
    top: 1px;
    width: 18px;
    height: 18px;
    font-size: 0.8125rem;
  }
}

.epocketSystemSection .sectionBody .numBlock ul>li>.num.orange {
  background: #ff7000;
}

.epocketSystemSection .sectionBody .numBlock ul>li>strong {
  margin-left: 10px;
  font-weight: 700;
}

.epocketSystemSection .sectionFoot {
  margin-top: 15px;
}

/* 省エネ性能（蓄電システム）｜.epocketMeritSection */
.epocketMeritSection .sectionBody>section {
  position: relative;
  padding-top: 32.70142%;
  border-top: 1px solid #04060d;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .epocketMeritSection .sectionBody>section {
    padding-top: 0;
    border-top: none;
    background: none !important;
  }
}

.epocketMeritSection .sectionBody>section:first-child {
  border-top: none;
}

@media (max-width: 767px) {
  .epocketMeritSection .sectionBody>section::before {
    content: "";
    display: block;
    padding-top: 27.60563%;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

.epocketMeritSection .sectionBody>section:nth-child(1) {
  background-image: url(/appeal/images/bg_epocket_merit01.jpg);
}

@media (max-width: 767px) {
  .epocketMeritSection .sectionBody>section:nth-child(1)::before {
    background-image: url(/appeal/images/bg_epocket_merit01_sp.jpg);
  }
}

.epocketMeritSection .sectionBody>section:nth-child(2) {
  background-image: url(/appeal/images/bg_epocket_merit02.jpg);
}

@media (max-width: 767px) {
  .epocketMeritSection .sectionBody>section:nth-child(2)::before {
    background-image: url(/appeal/images/bg_epocket_merit02_sp.jpg);
  }
}

.epocketMeritSection .sectionBody>section:nth-child(3) {
  background-image: url(/appeal/images/bg_epocket_merit03.jpg);
}

@media (max-width: 767px) {
  .epocketMeritSection .sectionBody>section:nth-child(3)::before {
    background-image: url(/appeal/images/bg_epocket_merit03_sp.jpg);
  }
}

.epocketMeritSection .sectionBody>section>div {
  position: absolute;
  top: 0;
  width: 58.29384%;
  height: 100%;
}

@media (max-width: 767px) {
  .epocketMeritSection .sectionBody>section>div {
    position: static;
    width: auto;
    height: auto;
  }
}

.epocketMeritSection .sectionBody>section>div>div {
  display: table;
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  .epocketMeritSection .sectionBody>section>div>div {
    display: block;
    width: auto;
    height: auto;
  }
}

.epocketMeritSection .sectionBody>section>div>div>div {
  display: table-cell;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .epocketMeritSection .sectionBody>section>div>div>div {
    display: block;
  }
}

.epocketMeritSection .sectionBody>section>div>div>div>div {
  position: relative;
}

.epocketMeritSection .sectionBody>section>div>div>div>div::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.8;
}

@media (max-width: 767px) {
  .epocketMeritSection .sectionBody>section>div>div>div>div::before {
    content: normal;
  }
}

.epocketMeritSection .sectionBody>section>div>div>div>div>div {
  position: relative;
  padding: 40px;
}

@media (max-width: 767px) {
  .epocketMeritSection .sectionBody>section>div>div>div>div>div {
    padding: 20px 10px;
    background: #eee;
  }
}

.epocketMeritSection .sectionBody>section .blockTitle>span {
  display: block;
  color: #349ee2;
}

.epocketMeritSection .sectionBody>section:nth-child(2n+1)>div {
  left: 40px;
}

.epocketMeritSection .sectionBody>section:nth-child(2n+2)>div {
  right: 40px;
}

.epocketMeritSection .sectionFoot {
  margin-top: 15px;
}

/* 省エネ性能（蓄電システム）｜.epocketOutageSection */
.epocketOutageSection .sectionBody {
  padding: 40px;
  background: #eee;
}

@media (max-width: 767px) {
  .epocketOutageSection .sectionBody {
    padding: 20px 10px;
  }
}

.epocketOutageSection .sectionBody .colBlock {
  display: table;
  width: 100%;
}

@media (max-width: 767px) {
  .epocketOutageSection .sectionBody .colBlock {
    display: block;
    width: auto;
  }
}

.epocketOutageSection .sectionBody .colBlock>div {
  display: table-cell;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .epocketOutageSection .sectionBody .colBlock>div {
    display: block;
  }
}

.epocketOutageSection .sectionBody .colBlock>div:first-child {
  width: 56.49241%;
}

@media (max-width: 767px) {
  .epocketOutageSection .sectionBody .colBlock>div:first-child {
    width: auto;
  }
}

.epocketOutageSection .sectionBody .colBlock>div:last-child {
  width: 43.50759%;
  padding-left: 40px;
}

@media (max-width: 767px) {
  .epocketOutageSection .sectionBody .colBlock>div:last-child {
    width: auto;
    padding-left: 0;
  }
}

.epocketOutageSection .sectionBody .colBlock .blockPicture {
  padding-top: 42.11196%;
  background: url(/appeal/images/pic_epocket_outage02.png) no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .epocketOutageSection .sectionBody .colBlock .blockPicture {
    padding-top: 55.07463%;
    background-image: url(/appeal/images/pic_epocket_outage02_sp.png);
  }
}

@media (max-width: 767px) {
  .epocketOutageSection .sectionBody .colBlock .blockDescription {
    margin-top: 20px;
  }
}

.epocketOutageSection .sectionBody .boxBlock {
  margin-top: 40px;
  padding: 30px 40px;
  border: 2px solid #ed9f24;
}

@media (max-width: 767px) {
  .epocketOutageSection .sectionBody .boxBlock {
    margin-top: 20px;
    padding: 20px 10px;
  }
}

.epocketOutageSection .sectionBody .boxBlock>div {
  display: table;
  width: 100%;
}

@media (max-width: 767px) {
  .epocketOutageSection .sectionBody .boxBlock>div {
    display: block;
    width: auto;
  }
}

.epocketOutageSection .sectionBody .boxBlock>div>div {
  display: table-cell;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .epocketOutageSection .sectionBody .boxBlock>div>div {
    display: block;
  }
}

.epocketOutageSection .sectionBody .boxBlock>div>div:first-child {
  width: 50.09074%;
  padding-right: 40px;
}

@media (max-width: 767px) {
  .epocketOutageSection .sectionBody .boxBlock>div>div:first-child {
    width: auto;
    padding-right: 0;
  }
}

.epocketOutageSection .sectionBody .boxBlock>div>div:last-child {
  width: 49.90926%;
}

@media (max-width: 767px) {
  .epocketOutageSection .sectionBody .boxBlock>div>div:last-child {
    width: auto;
  }
}

.epocketOutageSection .sectionBody .boxBlock>div .blockPicture {
  padding-top: 42.08075%;
  background: url(/appeal/images/pic_epocket_outage01.png) no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .epocketOutageSection .sectionBody .boxBlock>div .blockPicture {
    margin-top: 20px;
    padding-top: 50.64309%;
    background-image: url(/appeal/images/pic_epocket_outage01_sp.png);
  }
}

/* 省エネ性能（蓄電システム）｜.epocketCaseSection */
.epocketCaseSection .sectionBody {
  padding: 40px;
  background: #eee;
}

@media (max-width: 767px) {
  .epocketCaseSection .sectionBody {
    padding: 20px 10px;
  }
}

.epocketCaseSection .sectionBody .pic1 {
  padding-top: 32.681941%;
  background: url(/appeal/images/pic_epocket_case01.png) no-repeat;
  background-size: contain;
}

@media (max-width: 767px) {
  .epocketCaseSection .sectionBody .pic1 {
    padding-top: 66.865672%;
    background-image: url(/appeal/images/pic_epocket_case01_sp.png);
  }
}

.epocketCaseSection .sectionBody .pic2 {
  margin-top: 60px;
  padding-top: 32.749326%;
  background: url(/appeal/images/pic_epocket_case02.png) no-repeat;
  background-size: contain;
}

@media (max-width: 767px) {
  .epocketCaseSection .sectionBody .pic2 {
    margin-top: 40px;
    padding-top: 50.447761%;
    background-image: url(/appeal/images/pic_epocket_case02_sp.png);
  }
}

.epocketCaseSection .sectionFoot {
  margin-top: 15px;
}

/* 省エネ性能（蓄電システム）｜.epocketVtoSection */
.epocketVtoSection .sectionBody {
  position: relative;
  padding-top: 63.03318%;
  background: #eee url(/appeal/images/bg_epocket_vto01.jpg) no-repeat 50%;
  background-size: cover;
}

@media (max-width: 767px) {
  .epocketVtoSection .sectionBody {
    padding-top: 0;
    background: #eee;
  }
}

@media (max-width: 767px) {
  .epocketVtoSection .sectionBody::after {
    content: "";
    display: block;
    padding-top: 55.49296%;
    background: url(/appeal/images/bg_epocket_vto01_sp.jpg) no-repeat;
    background-size: cover;
  }
}

.epocketVtoSection .sectionBody>div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 23.46617%;
  padding: 0 40px;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .epocketVtoSection .sectionBody>div {
    position: static;
    width: auto;
    height: auto;
    padding: 20px 10px;
  }
}

.epocketVtoSection .sectionBody>div>div {
  display: table;
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  .epocketVtoSection .sectionBody>div>div {
    display: block;
    width: auto;
    height: auto;
  }
}

.epocketVtoSection .sectionBody>div>div>div {
  display: table-cell;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .epocketVtoSection .sectionBody>div>div>div {
    display: block;
  }
}

.epocketVtoSection .sectionFoot {
  margin-top: 15px;
}

/* 省エネ性能（蓄電システム）｜.epocketVtoHeimuplusSection */
.epocketVtoSection2 .sectionBody {
  position: relative;
  padding-top: 63.03318%;
  background: #eee url(/appeal/images/bg_vtoheimplus.jpg) no-repeat 50%;
  background-size: cover;
}

@media (max-width: 767px) {
  .epocketVtoSection2 .sectionBody {
    padding-top: 0;
    background: #eee;
  }
}

@media (max-width: 767px) {
  .epocketVtoSection2 .sectionBody::after {
    content: "";
    display: block;
    padding-top: 55.49296%;
    background: url(/appeal/images/bg_vtoheimplus_sp.jpg) no-repeat;
    background-size: cover;
  }
}

.epocketVtoSection2 .sectionBody>div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 20%;
  padding: 0 40px;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .epocketVtoSection2 .sectionBody>div {
    position: static;
    width: auto;
    height: auto;
    padding: 20px 10px;
  }
}

.epocketVtoSection2 .sectionBody>div>div {
  display: table;
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  .epocketVtoSection2 .sectionBody>div>div {
    display: block;
    width: auto;
    height: auto;
  }
}

.epocketVtoSection2 .sectionBody>div>div>div {
  display: table-cell;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .epocketVtoSection2 .sectionBody>div>div>div {
    display: block;
  }
}

.epocketVtoSection2 .sectionFoot {
  margin-top: 15px;
}

/* 省エネ性能（HEMS）｜.hemsDataSection */
.hemsDataSection .sectionBody {
  padding: 40px;
  background: #eee;
}

@media (max-width: 767px) {
  .hemsDataSection .sectionBody {
    padding: 20px 10px;
  }
}

.hemsDataSection .sectionBody .blockLead {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .hemsDataSection .sectionBody .blockLead {
    margin-bottom: 20px;
  }
}

.hemsDataSection .sectionBody .blockPicture {
  padding-top: 76.306914%;
  background: url(/appeal/images/pic_hems_data01.jpg) no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .hemsDataSection .sectionBody .blockPicture {
    padding-top: 278.333333%;
    background-image: url(/appeal/images/pic_hems_data01_sp.jpg);
  }
}

.hemsDataSection .sectionFoot {
  margin-top: 15px;
}

/* 省エネ性能（HEMS）｜.hemsServiceSection */
.hemsServiceSection .sectionBody {
  padding: 40px;
  background: #eee;
}

@media (max-width: 767px) {
  .hemsServiceSection .sectionBody {
    padding: 20px 10px;
  }
}

.hemsServiceSection .sectionBody .leadBlock {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .hemsServiceSection .sectionBody .leadBlock {
    margin-bottom: 20px;
  }
}

.hemsServiceSection .sectionBody .colBlock .blockPicture {
  width: 111px;
  height: 111px;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .hemsServiceSection .sectionBody .colBlock .blockPicture {
    display: none;
  }
}

.hemsServiceSection .sectionBody .colBlock .blockSubTitle {
  font-weight: 700;
  line-height: 1.3;
}

.hemsServiceSection .sectionBody .colBlock .blockTitle {
  margin-bottom: 10px;
  font-size: 1.4375rem;
  font-weight: 700;
  line-height: 1.3;
}

@media (max-width: 767px) {
  .hemsServiceSection .sectionBody .colBlock .blockTitle {
    margin-bottom: 15px;
    font-size: 1.14286rem;
  }
}

.hemsServiceSection .sectionBody .colBlock .blockTitle>sup {
  margin: 0 3px;
  font-size: 0.75rem;
  vertical-align: 7px;
}

@media (max-width: 767px) {
  .hemsServiceSection .sectionBody .colBlock .blockTitle>sup {
    font-size: 0.71429rem;
    vertical-align: 4px;
  }
}

@media (max-width: 767px) {
  .hemsServiceSection .sectionBody .colBlock .blockDescription {
    position: relative;
    min-height: 100px;
    padding-left: 110px;
  }
}

@media (max-width: 767px) {
  .hemsServiceSection .sectionBody .colBlock .blockDescription::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

.hemsServiceSection .sectionBody .colBlock>ul {
  float: left;
  width: 50%;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .hemsServiceSection .sectionBody .colBlock>ul {
    float: none;
    width: auto;
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .hemsServiceSection .sectionBody .colBlock>ul:first-child {
    margin-top: 0;
  }
}

.hemsServiceSection .sectionBody .colBlock>ul>li {
  margin-top: 40px;
}

@media (max-width: 767px) {
  .hemsServiceSection .sectionBody .colBlock>ul>li {
    margin-top: 20px;
  }
}

.hemsServiceSection .sectionBody .colBlock>ul>li:first-child {
  margin-top: 0;
}

.hemsServiceSection .sectionBody .colBlock>ul>li>div>div:first-child {
  float: left;
  width: 111px;
  margin-right: 20px;
}

@media (max-width: 767px) {
  .hemsServiceSection .sectionBody .colBlock>ul>li>div>div:first-child {
    float: none;
    width: 100px;
    margin-right: 0;
  }
}

.hemsServiceSection .sectionBody .colBlock>ul>li>div>div:last-child {
  overflow: hidden;
}

.hemsServiceSection .sectionBody .colBlock>ul:nth-child(1) {
  clear: left;
  padding-right: 20px;
}

@media (max-width: 767px) {
  .hemsServiceSection .sectionBody .colBlock>ul:nth-child(1) {
    clear: none;
    padding-right: 0;
  }
}

.hemsServiceSection .sectionBody .colBlock>ul:nth-child(1)>li:nth-child(1) .blockPicture {
  background-image: url(/appeal/images/pic_hems_service01.jpg);
}

.hemsServiceSection .sectionBody .colBlock>ul:nth-child(1)>li:nth-child(1) .blockSubTitle,
.hemsServiceSection .sectionBody .colBlock>ul:nth-child(1)>li:nth-child(1) .blockTitle {
  color: #ec6d74;
}

@media (max-width: 767px) {
  .hemsServiceSection .sectionBody .colBlock>ul:nth-child(1)>li:nth-child(1) .blockDescription::before {
    background-image: url(/appeal/images/pic_hems_service01.jpg);
  }
}

.hemsServiceSection .sectionBody .colBlock>ul:nth-child(1)>li:nth-child(2) .blockPicture {
  background-image: url(/appeal/images/pic_hems_service02.jpg);
}

.hemsServiceSection .sectionBody .colBlock>ul:nth-child(1)>li:nth-child(2) .blockSubTitle,
.hemsServiceSection .sectionBody .colBlock>ul:nth-child(1)>li:nth-child(2) .blockTitle {
  color: #6cbb5a;
}

@media (max-width: 767px) {
  .hemsServiceSection .sectionBody .colBlock>ul:nth-child(1)>li:nth-child(2) .blockDescription::before {
    background-image: url(/appeal/images/pic_hems_service02.jpg);
  }
}

.hemsServiceSection .sectionBody .colBlock>ul:nth-child(2) {
  padding-left: 20px;
}

@media (max-width: 767px) {
  .hemsServiceSection .sectionBody .colBlock>ul:nth-child(2) {
    padding-left: 0;
  }
}

.hemsServiceSection .sectionBody .colBlock>ul:nth-child(2)>li:nth-child(1) .blockPicture {
  background-image: url(/appeal/images/pic_hems_service03.jpg);
}

.hemsServiceSection .sectionBody .colBlock>ul:nth-child(2)>li:nth-child(1) .blockSubTitle,
.hemsServiceSection .sectionBody .colBlock>ul:nth-child(2)>li:nth-child(1) .blockTitle {
  color: #e3845e;
}

@media (max-width: 767px) {
  .hemsServiceSection .sectionBody .colBlock>ul:nth-child(2)>li:nth-child(1) .blockDescription::before {
    background-image: url(/appeal/images/pic_hems_service03.jpg);
  }
}

.hemsServiceSection .sectionBody .colBlock>ul:nth-child(2)>li:nth-child(2) .blockPicture {
  background-image: url(/appeal/images/pic_hems_service04.jpg);
}

.hemsServiceSection .sectionBody .colBlock>ul:nth-child(2)>li:nth-child(2) .blockSubTitle,
.hemsServiceSection .sectionBody .colBlock>ul:nth-child(2)>li:nth-child(2) .blockTitle {
  color: #3cb1d0;
}

@media (max-width: 767px) {
  .hemsServiceSection .sectionBody .colBlock>ul:nth-child(2)>li:nth-child(2) .blockDescription::before {
    background-image: url(/appeal/images/pic_hems_service04.jpg);
  }
}

.hemsServiceSection .sectionFoot {
  margin-top: 15px;
}

/* 省エネ性能（HEMS）｜.hemsSupportSection */
.hemsSupportSection .sectionBody {
  padding: 40px;
  background: #eee;
  overflow: hidden;
}

@media (max-width: 767px) {
  .hemsSupportSection .sectionBody {
    padding: 20px 10px;
  }
}

.hemsSupportSection .bodyUnit {
  float: left;
  width: 50%;
  margin-top: 30px;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .hemsSupportSection .bodyUnit {
    float: none;
    width: auto;
    margin-top: 25px;
  }
}

.hemsSupportSection .bodyUnit .unitSub {
  margin-bottom: 3px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}

@media (max-width: 767px) {
  .hemsSupportSection .bodyUnit .unitSub {
    font-size: 13px;
  }
}

.hemsSupportSection .bodyUnit .unitTt {
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
  transition: font-size 250ms ease-out;
}

@media (min-width: 768px) and (max-width: 1284px) {
  .hemsSupportSection .bodyUnit .unitTt {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .hemsSupportSection .bodyUnit .unitTt {
    margin-bottom: 10px;
    font-size: 16px;
  }
}

.hemsSupportSection .bodyUnit .unitTxt {
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 1.75;
}

@media (max-width: 767px) {
  .hemsSupportSection .bodyUnit .unitTxt {
    height: auto !important;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.5;
  }
}

.hemsSupportSection .bodyUnit .unitPic {
  position: relative;
  padding-top: 54.179104%;
  background-repeat: no-repeat;
  background-size: contain;
}

.hemsSupportSection .bodyUnit .unitPic>a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hemsSupportSection .bodyUnit .unitPic>a:hover,
.hemsSupportSection .bodyUnit .unitPic>a:active {
  background: rgba(255, 255, 255, .2);
}

@media (min-width: 768px) {
  .hemsSupportSection .bodyUnit:nth-child(-n+2) {
    margin-top: 0;
  }

  .hemsSupportSection .bodyUnit:nth-child(2n+1) {
    clear: left;
    padding-right: 20px;
  }

  .hemsSupportSection .bodyUnit:nth-child(2n+2) {
    padding-left: 20px;
  }
}

@media (max-width: 767px) {
  .hemsSupportSection .bodyUnit:first-child {
    margin-top: 0;
  }
}

.hemsSupportSection .bodyUnit:nth-child(1) .unitSub,
.hemsSupportSection .bodyUnit:nth-child(1) .unitTt {
  color: #ec6d74;
}

.hemsSupportSection .bodyUnit:nth-child(1) .unitPic {
  background-image: url(/appeal/images/pic_hems_support01.jpg);
}

.hemsSupportSection .bodyUnit:nth-child(2) .unitSub,
.hemsSupportSection .bodyUnit:nth-child(2) .unitTt {
  color: #e3845e;
}

.hemsSupportSection .bodyUnit:nth-child(2) .unitPic {
  background-image: url(/appeal/images/pic_hems_support02.jpg);
}

.hemsSupportSection .bodyUnit:nth-child(3) .unitSub,
.hemsSupportSection .bodyUnit:nth-child(3) .unitTt {
  color: #6cbb5a;
}

.hemsSupportSection .bodyUnit:nth-child(3) .unitPic {
  background-image: url(/appeal/images/pic_hems_support03.jpg);
}

.hemsSupportSection .bodyUnit:nth-child(4) .unitSub,
.hemsSupportSection .bodyUnit:nth-child(4) .unitTt {
  color: #3cb1d0;
}

.hemsSupportSection .bodyUnit:nth-child(4) .unitPic {
  background-image: url(/appeal/images/pic_hems_support04.jpg);
}

.hemsSupportSection .bodyUnit:nth-child(5) .unitSub,
.hemsSupportSection .bodyUnit:nth-child(5) .unitTt {
  color: #bb5fc9;
}

.hemsSupportSection .bodyUnit:nth-child(5) .unitPic {
  background-image: url(/appeal/images/pic_hems_support05.jpg);
}

.hemsSupportSection .bodyUnit:nth-child(6) .unitSub,
.hemsSupportSection .bodyUnit:nth-child(6) .unitTt {
  color: #d6a600;
}

.hemsSupportSection .bodyUnit:nth-child(6) .unitPic {
  background-image: url(/appeal/images/pic_hems_support06.jpg);
}

.hemsSupportSection .sectionFoot {
  margin-top: 15px;
}

/* 省エネ性能（HEMS）｜.hemsFunctionSection */
.hemsFunctionSection .sectionBody {
  padding: 40px;
  background: #eee;
}

@media (max-width: 767px) {
  .hemsFunctionSection .sectionBody {
    padding: 20px 10px;
  }
}

.hemsFunctionSection .sectionBody>div {
  display: table;
  width: 100%;
}

@media (max-width: 767px) {
  .hemsFunctionSection .sectionBody>div {
    display: block;
    width: auto;
  }
}

.hemsFunctionSection .sectionBody>div>div {
  display: table-cell;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .hemsFunctionSection .sectionBody>div>div {
    display: block;
  }
}

.hemsFunctionSection .sectionBody>div>div:first-child {
  width: 54.13153%;
  padding-right: 40px;
}

@media (max-width: 767px) {
  .hemsFunctionSection .sectionBody>div>div:first-child {
    width: auto;
    padding-right: 0;
  }
}

.hemsFunctionSection .sectionBody>div>div:last-child {
  width: 45.86847%;
}

@media (max-width: 767px) {
  .hemsFunctionSection .sectionBody>div>div:last-child {
    width: auto;
  }
}

.hemsFunctionSection .sectionBody .blockDescription {
  margin-top: 20px;
}

.hemsFunctionSection .sectionBody .blockDescription:first-child {
  margin-top: 0;
}

.hemsFunctionSection .sectionBody .blockPicture {
  padding-top: 62.5%;
  background: url(/appeal/images/pic_hems_function01.png) 50% 50% no-repeat;
  background-size: contain;
}

@media (max-width: 767px) {
  .hemsFunctionSection .sectionBody .blockPicture {
    margin-top: 20px;
    padding-top: 68.35821%;
    background-image: url(/appeal/images/pic_hems_function01_sp.png);
  }
}

.hemsFunctionSection .sectionFoot {
  margin-top: 15px;
}

/* 可変性能｜.flexibleSpaceSection */
.flexibleSpaceSection .sectionBody .visualBlock {
  padding-top: 38.70458%;
  background: url(/appeal/images/pic_flexible_space01.jpg?date=202009220431) no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .flexibleSpaceSection .sectionBody .visualBlock {
    padding-top: 56.19718%;
    background-image: url(/appeal/images/pic_flexible_space01_sp.png?date=202009220431);
  }
}

.flexibleSpaceSection .sectionBody .bodyBlock {
  padding: 40px;
  background: #eee;
}

@media (max-width: 767px) {
  .flexibleSpaceSection .sectionBody .bodyBlock {
    padding: 20px 10px;
  }
}

.flexibleSpaceSection .sectionBody .bodyBlock .blockLead {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .flexibleSpaceSection .sectionBody .bodyBlock .blockLead {
    margin-bottom: 20px;
  }
}

.flexibleSpaceSection .sectionBody .bodyBlock .blockPicture {
  width: 86.59359%;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .flexibleSpaceSection .sectionBody .bodyBlock .blockPicture {
    width: 280px;
  }
}

.flexibleSpaceSection .sectionBody .bodyBlock .blockPicture::before {
  content: "";
  display: block;
  padding-top: 41.48004%;
  background: url(/appeal/images/pic_flexible_space02.png) no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .flexibleSpaceSection .sectionBody .bodyBlock .blockPicture::before {
    height: 656.5px;
    padding-top: 0;
    background-image: url(/appeal/images/pic_flexible_space02_sp.png);
  }
}

/* 可変性能｜.flexibleChangeSection */
.flexibleChangeSection .sectionBody {
  padding: 40px;
  background: #eee;
}

@media (max-width: 767px) {
  .flexibleChangeSection .sectionBody {
    padding: 20px 10px;
  }
}

.flexibleChangeSection .sectionBody .blockLead {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .flexibleChangeSection .sectionBody .blockLead {
    margin-bottom: 20px;
  }
}

.flexibleChangeSection .sectionBody .blockPicture {
  padding-top: 52.36088%;
  background: url(/appeal/images/pic_flexible_change01.png) no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .flexibleChangeSection .sectionBody .blockPicture {
    width: 280px;
    height: 396.5px;
    margin: 0 auto;
    padding-top: 0;
    background-image: url(/appeal/images/pic_flexible_change01_sp.png);
  }
}

.flexibleChangeSection .sectionBody section {
  margin-top: 40px;
}

@media (max-width: 767px) {
  .flexibleChangeSection .sectionBody section {
    margin-top: 20px;
  }
}

.flexibleChangeSection .sectionFoot {
  margin-top: 15px;
}

/* 可変性能｜.flexibleLayoutSection */
.flexibleLayoutSection .sectionBody {
  padding: 40px;
  background: #eee;
}

@media (max-width: 767px) {
  .flexibleLayoutSection .sectionBody {
    padding: 20px 10px;
  }
}

.flexibleLayoutSection .sectionBody .blockLead {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .flexibleLayoutSection .sectionBody .blockLead {
    margin-bottom: 20px;
  }
}

.flexibleLayoutSection .sectionBody .col2Block .blockPicture {
  padding-top: 75.12864%;
  background-repeat: no-repeat;
  background-size: cover;
}

.flexibleLayoutSection .sectionBody .col2Block .blockPicture.picture1 {
  background-image: url(/appeal/images/pic_flexible_layout01.jpg);
}

.flexibleLayoutSection .sectionBody .col2Block .blockPicture.picture2 {
  background-image: url(/appeal/images/pic_flexible_layout02.jpg);
}

.flexibleLayoutSection .sectionBody .col2Block .blockTxt {
  margin-top: 15px;
}

.flexibleLayoutSection .sectionBody .col2Block .blockTxt .title {
  text-align: center;
}

.flexibleLayoutSection .sectionBody .col2Block .blockTxt .description {
  font-size: 0.8125rem;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 767px) {
  .flexibleLayoutSection .sectionBody .col2Block .blockTxt .description {
    font-size: 0.85714rem;
  }
}

/* 遮音・防音性能｜.soundNoiseSection */
.soundNoiseSection .sectionBody {
  padding: 40px;
  background: #eee url(/appeal/images/bg_sound_noise01.jpg) no-repeat 50%;
  background-size: cover;
}

@media (max-width: 767px) {
  .soundNoiseSection .sectionBody {
    padding: 20px 10px;
    background: #eee;
  }
}

.soundNoiseSection .sectionBody .blockLead {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .soundNoiseSection .sectionBody .blockLead {
    margin-bottom: 20px;
  }
}

.soundNoiseSection .sectionBody .col3Block .blockTitle {
  text-align: center;
}

.soundNoiseSection .sectionBody .col3Block .blockPicture {
  padding-top: 94.7644%;
  background-repeat: no-repeat;
  background-size: cover;
}

.soundNoiseSection .sectionBody .col3Block .blockPicture.picture1 {
  background-image: url(/appeal/images/pic_sound_noise01.jpg);
}

.soundNoiseSection .sectionBody .col3Block .blockPicture.picture2 {
  background-image: url(/appeal/images/pic_sound_noise02.jpg);
}

.soundNoiseSection .sectionBody .col3Block .blockPicture.picture3 {
  background-image: url(/appeal/images/pic_sound_noise03.jpg);
}

.soundNoiseSection .sectionBody .col3Block .blockDescription {
  margin-top: 15px;
  font-size: 0.875rem;
  line-height: 1.5;
  text-align: center;
}

.soundNoiseSection .sectionBody .col3Block .blockDescription sup {
  display: inline-block;
  font-size: 70%;
  vertical-align: top;
}

.soundNoiseSection .sectionBody .col3Block .blockDescription sup+sup {
  margin-left: 4px;
}

@media (max-width: 767px) {
  .soundNoiseSection .sectionBody .col3Block .blockDescription {
    font-size: 1rem;
  }
}

.soundNoiseSection .sectionFoot {
  margin-top: 15px;
}

/* 遮音・防音性能｜.soundLifeSection */
.soundLifeSection .sectionBody {
  padding: 40px;
  background: #eee url(/appeal/images/bg_sound_life01.jpg) no-repeat 50%;
  background-size: cover;
}

@media (max-width: 767px) {
  .soundLifeSection .sectionBody {
    padding: 20px 10px;
    background: #eee;
  }
}

.soundLifeSection .sectionBody .blockLead {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .soundLifeSection .sectionBody .blockLead {
    margin-bottom: 20px;
  }
}

.soundLifeSection .sectionBody .col3Block .blockTitle {
  text-align: center;
}

.soundLifeSection .sectionBody .col3Block .blockPicture {
  padding-top: 94.7644%;
  background-repeat: no-repeat;
  background-size: cover;
}

.soundLifeSection .sectionBody .col3Block .blockPicture.picture1 {
  background-image: url(/appeal/images/pic_sound_life01.jpg);
}

.soundLifeSection .sectionBody .col3Block .blockPicture.picture2 {
  background-image: url(/appeal/images/pic_sound_life02.jpg);
}

.soundLifeSection .sectionBody .col3Block .blockPicture.picture3 {
  background-image: url(/appeal/images/pic_sound_life03.jpg);
}

.soundLifeSection .sectionBody .col3Block .blockDescription {
  margin-top: 15px;
  font-size: 0.875rem;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 767px) {
  .soundLifeSection .sectionBody .col3Block .blockDescription {
    font-size: 1rem;
  }
}

.soundLifeSection .sectionBody .col3Block .blockDescription sup {
  display: inline-block;
  font-size: 70%;
  vertical-align: top;
}

.soundLifeSection .sectionBody .col3Block .blockDescription sup+sup {
  margin-left: 4px;
}

.soundLifeSection .sectionFoot {
  margin-top: 15px;
}

/* 耐風・耐水・耐火性能｜.disasterWindSection */
@media (max-width: 767px) {
  .disasterWindSection .sectionBody {
    padding: 20px 10px;
    background: #eee;
  }
}

.disasterWindSection .sectionBody .figureBlock>section:first-child>div:first-child {
  background: #eee;
}

.disasterWindSection .sectionBody .figureBlock>section:last-child>div:last-child {
  background: #eee;
}

.disasterWindSection .sectionBody .figureBlock .blockPicture {
  padding-top: 57.66193%;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .disasterWindSection .sectionBody .figureBlock .blockPicture {
    display: none;
  }
}

.disasterWindSection .sectionBody .figureBlock .blockPicture.picture1 {
  background-image: url(/appeal/images/pic_disaster_wind01.jpg);
}

.disasterWindSection .sectionBody .figureBlock .blockPicture.picture2 {
  background-image: url(/appeal/images/pic_disaster_wind02.jpg);
}

.disasterWindSection .sectionBody .figureBlock .blockTxt {
  padding: 0 40px;
}

@media (max-width: 767px) {
  .disasterWindSection .sectionBody .figureBlock .blockTxt {
    padding: 0;
  }
}

@media (max-width: 767px) {
  .disasterWindSection .sectionBody .figureBlock .blockTxt .blockDescription::after {
    content: "";
    display: block;
    margin-top: 20px;
    padding-top: 57.66193%;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

.disasterWindSection .sectionBody .figureBlock .blockTxt .blockDescription>p {
  margin-top: 20px;
}

.disasterWindSection .sectionBody .figureBlock .blockTxt .blockDescription>p:first-child {
  margin-top: 0;
}

@media (max-width: 767px) {
  .disasterWindSection .sectionBody .figureBlock .blockTxt .blockDescription.description1::after {
    background-image: url(/appeal/images/pic_disaster_wind01.jpg);
  }
}

@media (max-width: 767px) {
  .disasterWindSection .sectionBody .figureBlock .blockTxt .blockDescription.description2::after {
    background-image: url(/appeal/images/pic_disaster_wind02.jpg);
  }
}

.disasterWindSection .sectionFoot {
  margin-top: 15px;
}

/* 耐風・耐水・耐火性能｜.disasterFireSection */
@media (max-width: 767px) {
  .disasterFireSection .sectionBody {
    padding: 20px 10px;
    background: #eee;
  }
}

.disasterFireSection .sectionBody .figureBlock>section:first-child>div:first-child {
  background: #eee;
}

.disasterFireSection .sectionBody .figureBlock>section:last-child>div:last-child {
  background: #eee;
}

.disasterFireSection .sectionBody .figureBlock .blockPicture {
  padding-top: 85.93997%;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .disasterFireSection .sectionBody .figureBlock .blockPicture {
    display: none;
  }
}

.disasterFireSection .sectionBody .figureBlock .blockPicture.picture1 {
  background-image: url(/appeal/images/pic_disaster_fire01.jpg);
}

.disasterFireSection .sectionBody .figureBlock .blockPicture.picture2 {
  background-image: url(/appeal/images/pic_disaster_fire02.jpg);
}

.disasterFireSection .sectionBody .figureBlock .blockTxt {
  padding: 0 40px;
}

@media (max-width: 767px) {
  .disasterFireSection .sectionBody .figureBlock .blockTxt {
    padding: 0;
  }
}

@media (max-width: 767px) {
  .disasterFireSection .sectionBody .figureBlock .blockTxt .blockDescription::after {
    content: "";
    display: block;
    margin-top: 20px;
    padding-top: 85.93997%;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

.disasterFireSection .sectionBody .figureBlock .blockTxt .blockDescription>p {
  margin-top: 20px;
}

.disasterFireSection .sectionBody .figureBlock .blockTxt .blockDescription>p:first-child {
  margin-top: 0;
}

@media (max-width: 767px) {
  .disasterFireSection .sectionBody .figureBlock .blockTxt .blockDescription.description1::after {
    background-image: url(/appeal/images/pic_disaster_fire01.jpg);
  }
}

@media (max-width: 767px) {
  .disasterFireSection .sectionBody .figureBlock .blockTxt .blockDescription.description2::after {
    background-image: url(/appeal/images/pic_disaster_fire02.jpg);
  }
}

.disasterFireSection .sectionFoot {
  margin-top: 15px;
}

/* 防犯性能｜.securityPlanningSection */
.securityPlanningSection .sectionBody {
  background: #eee;
}

@media (max-width: 767px) {
  .securityPlanningSection .sectionBody {
    padding: 20px 10px;
  }
}

.securityPlanningSection .sectionBody .visualBlock {
  position: relative;
  padding-top: 39.49447%;
  background: url(/appeal/images/pic_security_planning01.jpg) no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .securityPlanningSection .sectionBody .visualBlock {
    padding-top: 0;
    background: none;
  }
}

@media (max-width: 767px) {
  .securityPlanningSection .sectionBody .visualBlock::after {
    content: "";
    display: block;
    margin-top: 20px;
    padding-top: 60%;
    background: url(/appeal/images/pic_security_planning01_sp.jpg) no-repeat;
    background-size: cover;
  }
}

.securityPlanningSection .sectionBody .visualBlock .blockLead {
  position: absolute;
  left: 0;
  top: 16%;
  width: 100%;
  margin-top: -41px;
  padding: 0 40px;
  box-sizing: border-box;
}

.securityPlanningSection .sectionBody .visualBlock .blockLead.white {
  color: #fff;
}

@media (max-width: 767px) {
  .securityPlanningSection .sectionBody .visualBlock .blockLead {
    position: static;
    width: auto;
    margin-top: 0;
    padding: 0;
  }

  .securityPlanningSection .sectionBody .visualBlock .blockLead.white {
    color: #000;
  }
}

.securityPlanningSection .sectionBody .col3Block {
  padding: 40px;
}

@media (max-width: 767px) {
  .securityPlanningSection .sectionBody .col3Block {
    margin-top: 20px;
    padding: 0;
  }
}

@media (max-width: 767px) {
  .securityPlanningSection .sectionBody .col3Block>section {
    position: relative;
    height: 93px;
    margin-top: 10px;
    padding-left: 110px;
  }
}

.securityPlanningSection .sectionBody .col3Block .blockPicture {
  padding-top: 93.19372%;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .securityPlanningSection .sectionBody .col3Block .blockPicture {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 93px;
    padding-top: 0;
  }
}

.securityPlanningSection .sectionBody .col3Block .blockPicture.picture1 {
  background-image: url(/appeal/images/pic_security_planning02.jpg);
}

.securityPlanningSection .sectionBody .col3Block .blockPicture.picture2 {
  background-image: url(/appeal/images/pic_security_planning03.jpg);
}

.securityPlanningSection .sectionBody .col3Block .blockPicture.picture3 {
  background-image: url(/appeal/images/pic_security_planning04.jpg);
}

.securityPlanningSection .sectionBody .col3Block .blockTitle {
  margin-top: 15px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 767px) {
  .securityPlanningSection .sectionBody .col3Block .blockTitle {
    display: table;
    width: 100%;
    height: 100%;
    margin-top: 0;
    text-align: left;
  }
}

@media (max-width: 767px) {
  .securityPlanningSection .sectionBody .col3Block .blockTitle>span {
    display: table-cell;
    vertical-align: middle;
  }
}

/* 防犯性能｜.securityEquipSection */
.securityEquipSection .sectionBody {
  position: relative;
  padding: 40px;
  background: #eee;
}

@media (max-width: 767px) {
  .securityEquipSection .sectionBody {
    padding: 20px 10px;
  }
}

.securityEquipSection .sectionBody::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 38.86256%;
  height: 100%;
  background: url(/appeal/images/bg_security_equip01.jpg) no-repeat 50%;
  background-size: cover;
}

@media (max-width: 767px) {
  .securityEquipSection .sectionBody::before {
    content: normal;
  }
}

.securityEquipSection .sectionBody>div {
  position: relative;
}

.securityEquipSection .sectionBody .blockLead {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .securityEquipSection .sectionBody .blockLead {
    margin-bottom: 20px;
  }
}

.securityEquipSection .sectionBody .blockPicture {
  width: 64.92411%;
}

@media (max-width: 767px) {
  .securityEquipSection .sectionBody .blockPicture {
    width: 280px;
    height: 378px;
    margin: 0 auto;
    background: url(/appeal/images/pic_security_equip01_sp.png) no-repeat;
    background-size: cover;
  }
}

.securityEquipSection .sectionBody .blockPicture::before {
  content: "";
  display: block;
  padding-top: 44.28571%;
  background: url(/appeal/images/pic_security_equip01.png) no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .securityEquipSection .sectionBody .blockPicture::before {
    content: normal;
  }
}

.securityEquipSection .sectionFoot {
  margin-top: 15px;
}

/* 防犯性能｜.securityElectricSection */
.securityElectricSection .sectionBody {
  padding: 40px;
  background: #eee;
}

@media (max-width: 767px) {
  .securityElectricSection .sectionBody {
    padding: 20px 10px;
  }
}

.securityElectricSection .sectionBody .blockPicture {
  margin-top: 20px;
  background-repeat: no-repeat;
  background-size: cover;
}

.securityElectricSection .sectionBody .blockPicture.picture1 {
  padding-top: 135.18519%;
  background-image: url(/appeal/images/pic_security_electric01.png);
}

@media (max-width: 767px) {
  .securityElectricSection .sectionBody .blockPicture.picture1 {
    padding-top: 58.65672%;
    background-image: url(/appeal/images/pic_security_electric01_sp.png);
  }
}

.securityElectricSection .sectionBody .blockPicture.picture2 {
  padding-top: 135.18519%;
  background-image: url(/appeal/images/pic_security_electric02.png);
}

@media (max-width: 767px) {
  .securityElectricSection .sectionBody .blockPicture.picture2 {
    padding-top: 58.65672%;
    background-image: url(/appeal/images/pic_security_electric02_sp.png);
  }
}

.securityElectricSection .sectionBody .blockPicture.picture3 {
  padding-top: 63.42593%;
  background-image: url(/appeal/images/pic_security_electric03.png);
}

@media (max-width: 767px) {
  .securityElectricSection .sectionBody .blockPicture.picture3 {
    padding-top: 64.77612%;
    background-image: url(/appeal/images/pic_security_electric03_sp.png);
  }
}

@media (max-width: 767px) {
  .securityElectricSection .sectionBody .blockDescription {
    min-height: 0 !important;
  }
}

.securityElectricSection .noteBlock {
  margin-top: 20px;
}

.securityElectricSection .sectionFoot {
  margin-top: 15px;
}

/* 加齢配慮｜.barrierDiffSection */
.barrierDiffSection .sectionBody {
  padding: 40px;
  background: #eee;
}

@media (max-width: 767px) {
  .barrierDiffSection .sectionBody {
    padding: 20px 10px;
  }
}

.barrierDiffSection .sectionBody .col3Block .blockPicture {
  position: relative;
  padding-top: 71.72775%;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .barrierDiffSection .sectionBody .col3Block .blockPicture {
    display: none;
  }
}

.barrierDiffSection .sectionBody .col3Block .blockPicture.picture1 {
  background-image: url(/appeal/images/pic_barrier_diff01.jpg);
}

.barrierDiffSection .sectionBody .col3Block .blockPicture.picture2 {
  background-image: url(/appeal/images/pic_barrier_diff02.jpg);
}

.barrierDiffSection .sectionBody .col3Block .blockPicture.picture3 {
  background-image: url(/appeal/images/pic_barrier_diff03.jpg);
}

.barrierDiffSection .sectionBody .col3Block .blockPicture.picture3::before {
  content: "";
  display: block;
  position: absolute;
  right: -28px;
  top: -28px;
  width: 197px;
  height: 197px;
  background: url(/appeal/images/pic_barrier_diff06.png) no-repeat;
  background-size: cover;
}

.barrierDiffSection .sectionBody .col3Block .blockTxt {
  padding: 25px 20px 0;
}

@media (max-width: 767px) {
  .barrierDiffSection .sectionBody .col3Block .blockTxt {
    padding: 0;
  }
}

@media (max-width: 767px) {
  .barrierDiffSection .sectionBody .col3Block .blockTxt .picture {
    position: relative;
    margin-top: 15px;
    padding-top: 71.72775%;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

@media (max-width: 767px) {
  .barrierDiffSection .sectionBody .col3Block .blockTxt .picture.picture1 {
    background-image: url(/appeal/images/pic_barrier_diff01.jpg);
  }
}

@media (max-width: 767px) {
  .barrierDiffSection .sectionBody .col3Block .blockTxt .picture.picture2 {
    background-image: url(/appeal/images/pic_barrier_diff02.jpg);
  }
}

@media (max-width: 767px) {
  .barrierDiffSection .sectionBody .col3Block .blockTxt .picture.picture3 {
    background-image: url(/appeal/images/pic_barrier_diff03.jpg);
  }
}

@media (max-width: 767px) {
  .barrierDiffSection .sectionBody .col3Block .blockTxt .picture.picture3::before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: -25px;
    width: 145px;
    height: 145px;
    background: url(/appeal/images/pic_barrier_diff06.png) no-repeat;
    background-size: cover;
  }
}

@media (max-width: 767px) {
  .barrierDiffSection .sectionBody .col3Block .blockTxt .description {
    margin-top: 15px;
  }
}

.barrierDiffSection .sectionBody .col2Block {
  margin-top: 40px;
}

@media (max-width: 767px) {
  .barrierDiffSection .sectionBody .col2Block {
    margin-top: 20px;
  }
}

.barrierDiffSection .sectionBody .col2Block .blockPicture {
  padding-top: 53.75218%;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .barrierDiffSection .sectionBody .col2Block .blockPicture {
    display: none;
  }
}

.barrierDiffSection .sectionBody .col2Block .blockPicture.picture1 {
  background-image: url(/appeal/images/pic_barrier_diff04.jpg);
}

.barrierDiffSection .sectionBody .col2Block .blockPicture.picture2 {
  background-image: url(/appeal/images/pic_barrier_diff05.jpg);
}

.barrierDiffSection .sectionBody .col2Block .blockTxt {
  padding: 25px 20px 0;
}

@media (max-width: 767px) {
  .barrierDiffSection .sectionBody .col2Block .blockTxt {
    padding: 0;
  }
}

@media (max-width: 767px) {
  .barrierDiffSection .sectionBody .col2Block .blockTxt .picture {
    margin-top: 15px;
    padding-top: 53.75218%;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

@media (max-width: 767px) {
  .barrierDiffSection .sectionBody .col2Block .blockTxt .picture.picture1 {
    background-image: url(/appeal/images/pic_barrier_diff04.jpg);
  }
}

@media (max-width: 767px) {
  .barrierDiffSection .sectionBody .col2Block .blockTxt .picture.picture2 {
    background-image: url(/appeal/images/pic_barrier_diff05.jpg);
  }
}

@media (max-width: 767px) {
  .barrierDiffSection .sectionBody .col2Block .blockTxt .description {
    margin-top: 15px;
  }
}

.barrierDiffSection .sectionFoot {
  margin-top: 15px;
}

/* .appealPageNav */
.appealPageNav {
  max-width: 1266px;
  margin: 0 auto;
  padding: 0 50px;
}

@media (max-width: 767px) {
  .appealPageNav {
    max-width: none;
    margin: 0 auto;
    padding: 0 10px;
  }
}

.appealPageNav .navTitle {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .appealPageNav .navTitle {
    margin-bottom: 20px;
  }
}

.appealPageNav .navTitle .num {
  display: block;
  float: left;
  margin-right: 20px;
  color: #0075c1;
  font-family: "URWGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", "YuGothic", "メイリオ", "Meiryo", sans-serif;
  font-size: 2.5rem;
  font-weight: normal;
  line-height: 0.4;
}

@media (max-width: 767px) {
  .appealPageNav .navTitle .num {
    margin-right: 10px;
    font-size: 1.78571rem;
    line-height: 0.8;
  }
}

@media (max-width: 767px) {
  .appealPageNav .navTitle .titleLead {
    display: block;
    overflow: hidden;
  }
}

.appealPageNav .navTitle .title {
  display: block;
  float: left;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
}

@media (max-width: 767px) {
  .appealPageNav .navTitle .title {
    float: none;
    font-size: 1.14286rem;
  }
}

.appealPageNav .navTitle .lead {
  display: block;
  float: left;
  margin-left: 30px;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
}

@media (max-width: 767px) {
  .appealPageNav .navTitle .lead {
    float: none;
    margin: 5px 0 0;
    font-size: 1.14286rem;
  }
}

.appealPageNav .navBody ol {
  margin: 0 -1px;
}

.appealPageNav .navBody ol>li {
  float: left;
  width: 25%;
  padding: 0 1px;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .appealPageNav .navBody ol>li {
    width: 50%;
    margin-top: 2px;
  }
}

@media (max-width: 767px) {

  .appealPageNav .navBody ol>li:nth-child(1),
  .appealPageNav .navBody ol>li:nth-child(2) {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .appealPageNav .navBody ol>li:nth-child(2n+1) {
    clear: left;
  }
}

.appealPageNav .navBody ol>li>a {
  display: block;
  padding: 5px;
  border: 1px solid #505156;
  text-decoration: none;
}

.appealPageNav .navBody ol>li>a .navPicture {
  padding-top: 46.20462%;
  background-repeat: no-repeat;
  background-size: cover;
}

.appealPageNav .navBody ol>li>a .navPicture.air {
  background-image: url(/appeal/images/pic_nav_air01.jpg);
}

.appealPageNav .navBody ol>li>a .navPicture.cooler {
  background-image: url(/appeal/images/pic_nav_cooler01.jpg);
}

.appealPageNav .navBody ol>li>a .navPicture.heater {
  background-image: url(/appeal/images/pic_nav_heater01.jpg);
}

.appealPageNav .navBody ol>li>a .navPicture.discharge {
  background-image: url(/appeal/images/pic_nav_discharge01.jpg);
}

.appealPageNav .navBody ol>li>a .navPicture.smartheim {
  background-image: url(/appeal/images/pic_nav_smartheim01.jpg);
}

.appealPageNav .navBody ol>li>a .navPicture.sunsystem {
  background-image: url(/appeal/images/pic_nav_sunsystem01.jpg);
}

.appealPageNav .navBody ol>li>a .navPicture.epocket {
  background-image: url(/appeal/images/pic_nav_epocket01.jpg);
}

.appealPageNav .navBody ol>li>a .navPicture.hems {
  background-image: url(/appeal/images/pic_nav_hems01.jpg);
}

.appealPageNav .navBody ol>li>a .navTxt {
  position: relative;
  padding: 13px 0 10px 40px;
}

@media (max-width: 767px) {
  .appealPageNav .navBody ol>li>a .navTxt {
    padding: 5px 0 5px 25px;
  }
}

.appealPageNav .navBody ol>li>a .navTxt .num {
  position: absolute;
  left: 5px;
  top: 10px;
  width: 25px;
  height: 25px;
  padding-top: 3px;
  border-radius: 25px;
  box-sizing: border-box;
  background: #0075c1;
  color: #fff;
  font-family: "URWGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", "YuGothic", "メイリオ", "Meiryo", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}

@media (max-width: 767px) {
  .appealPageNav .navBody ol>li>a .navTxt .num {
    left: 0;
    width: 20px;
    height: 20px;
    padding-top: 4px;
    border-radius: 20px;
    font-size: 0.92857rem;
  }
}

.appealPageNav .navBody ol>li>a .navTxt .sub {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.3;
}

@media (max-width: 767px) {
  .appealPageNav .navBody ol>li>a .navTxt .sub {
    display: table;
    width: 100%;
    height: 29px;
    font-size: 0.71429rem;
  }
}

@media (max-width: 767px) {
  .appealPageNav .navBody ol>li>a .navTxt .sub>span {
    display: table-cell;
    vertical-align: middle;
  }
}

.appealPageNav .navBody ol>li>a .navTxt .title {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
}

@media (max-width: 767px) {
  .appealPageNav .navBody ol>li>a .navTxt .title {
    display: table;
    width: 100%;
    height: 40px;
    font-size: 1rem;
    line-height: 1.4;
  }
}

@media (max-width: 767px) {
  .appealPageNav .navBody ol>li>a .navTxt .title>span {
    display: table-cell;
    vertical-align: middle;
  }
}

@media (min-width: 768px) {

  body.pc .appealPageNav .navBody ol>li>a:hover,
  body.pc .appealPageNav .navBody ol>li>a:active {
    border: 1px solid #0075c1;
    background: #0075c1;
  }

  body.pc .appealPageNav .navBody ol>li>a:hover .navTxt .num,
  body.pc .appealPageNav .navBody ol>li>a:active .navTxt .num {
    background: #fff;
    color: #0075c1;
  }
}

.appealPageNav .navBody ol>li>a.current {
  border: 1px solid #0075c1;
  background: #0075c1;
}

.appealPageNav .navBody ol>li>a.current .navTxt .num {
  background: #fff;
  color: #0075c1;
}

@media (min-width: 768px) {
  .appealPageNav .navBody.is-col3 ol>li {
    width: 33.33333%;
  }
}

/* .appealBackNav */
.appealBackNav {
  max-width: 1266px;
  margin: 50px auto 0;
  padding: 0 50px;
}

@media (max-width: 767px) {
  .appealBackNav {
    max-width: none;
    margin: 20px auto 0;
    padding: 0 10px;
  }
}

.appealBackNav .navBtn>a {
  display: block;
  position: relative;
  width: 270px;
  padding: 19px 0 19px 15px;
  border: 1px solid #505156;
  box-sizing: border-box;
  color: #fff;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
}

@media (max-width: 767px) {
  .appealBackNav .navBtn>a {
    width: auto;
    padding: 15px 0;
  }
}

.appealBackNav .navBtn>a::before {
  display: block;
  position: absolute;
  left: 18px;
  top: 50%;
  width: 17px;
  height: 1px;
  margin-top: -1px;
  background-color: #fff;
  content: '';
}

.appealBackNav .navBtn>a::after {
  position: absolute;
  top: 50%;
  left: 14px;
  display: block;
  width: 0;
  height: 0;
  margin-top: -4px;
  border: 4px solid transparent;
  border-right: 4px solid #fff;
  content: '';
}

@media (min-width: 768px) {

  body.pc .appealBackNav .navBtn>a:hover,
  body.pc .appealBackNav .navBtn>a:active {
    border: 1px solid #0075c1;
    background: #0075c1;
  }
}

/* .appealAsideSection */
.appealAsideSection {
  max-width: 1600px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .appealAsideSection {
    max-width: none;
    padding: 0 10px;
  }
}

.appealAsideSection .sectionTitle {
  margin-bottom: 20px;
  /* color: #0075c1; */
  color: #156082;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 767px) {
  .appealAsideSection .sectionTitle {
    font-size: 1.14286rem;
  }
}

.appealAsideSection .sectionPicture {
  position: relative;
  padding-top: 42.45974%;
  overflow: hidden;
}

.appealAsideSection .sectionPicture::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: -webkit-transform 250ms ease-out;
  transition: -webkit-transform 250ms ease-out;
  transition: transform 250ms ease-out;
  transition: transform 250ms ease-out, -webkit-transform 250ms ease-out;
}

.appealAsideSection .sectionTxt {
  padding-top: 25px;
}

@media (max-width: 767px) {
  .appealAsideSection .sectionTxt {
    padding-top: 20px;
  }
}

.appealAsideSection .sectionTxt .title {
  margin-bottom: 10px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 767px) {
  .appealAsideSection .sectionTxt .title {
    margin-bottom: 10px;
    font-size: 1.14286rem;
  }
}

.appealAsideSection .sectionTxt .description {
  padding: 0 60px;
  text-align: center;
}

@media (max-width: 767px) {
  .appealAsideSection .sectionTxt .description {
    padding: 0;
  }
}

.appealAsideSection .sectionTxt .btn {
  margin-top: 25px;
}

@media (max-width: 767px) {
  .appealAsideSection .sectionTxt .btn {
    margin-top: 20px;
  }
}

.appealAsideSection .sectionTxt .btn>span {
  display: block;
  width: 250px;
  margin: 0 auto;
  padding: 19px 0;
  border: 2px solid #5c5c5c;
  box-sizing: border-box;
  color: #222;
  font-weight: 500;
  line-height: 1.1;
  text-align: center;
  -webkit-transition: background-color 250ms ease-out, color 250ms ease-out;
  transition: background-color 250ms ease-out, color 250ms ease-out;
}

@media (max-width: 767px) {
  .appealAsideSection .sectionTxt .btn>span {
    width: auto;
    padding: 15px 0;
  }
}

.appealAsideSection .sectionTxt .btn>span>span {
  display: inline-block;
  position: relative;
  width: 17px;
  height: 7px;
  margin-left: 10px;
  vertical-align: 3px;
}

.appealAsideSection .sectionTxt .btn>span>span::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 3px;
  width: 15px;
  height: 1px;
  background: #222;
  -webkit-transition: background-color 250ms ease-out;
  transition: background-color 250ms ease-out;
}

.appealAsideSection .sectionTxt .btn>span>span::after {
  content: "";
  display: block;
  position: absolute;
  left: 13px;
  top: 0;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left: 4px solid #222;
  -webkit-transition: border-left-color 250ms ease-out;
  transition: border-left-color 250ms ease-out;
}

.appealAsideSection>div {
  float: left;
  width: 50%;
}

@media (max-width: 767px) {
  .appealAsideSection>div {
    float: none;
    width: auto;
  }
}

@media (max-width: 767px) {
  .appealAsideSection>div:last-child {
    margin-top: 30px;
  }
}

.appealAsideSection>div>a {
  display: block;
  color: #222;
  text-decoration: none;
}

@media (min-width: 768px) {

  body.pc .appealAsideSection>div>a:hover .sectionPicture::before,
  body.pc .appealAsideSection>div>a:active .sectionPicture::before {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }

  body.pc .appealAsideSection>div>a:hover .sectionTxt .btn>span,
  body.pc .appealAsideSection>div>a:active .sectionTxt .btn>span {
    background-color: #156082;
    border-color: #156082;
    /* background-color: #0075c1;
    border-color: #0075c1; */
    color: #fff;
  }

  body.pc .appealAsideSection>div>a:hover .sectionTxt .btn>span>span::before,
  body.pc .appealAsideSection>div>a:active .sectionTxt .btn>span>span::before {
    background-color: #fff;
  }

  body.pc .appealAsideSection>div>a:hover .sectionTxt .btn>span>span::after,
  body.pc .appealAsideSection>div>a:active .sectionTxt .btn>span>span::after {
    border-left: 4px solid #fff;
  }
}

.appealAsideSection>div.factory .sectionPicture::before {
  background-image: url(/appeal/images/pic_factory01.jpg);
}

.appealAsideSection>div.catalog .sectionPicture::before {
  background-image: url(/appeal/images/pic_catalog01_2.jpg);
}

.appealAsideSection>div.catalog .sectionPicture::after {
  content: "";
  display: block;
  position: absolute;
  right: 4.39239%;
  top: 1.72414%;
  width: 44.3631%;
  height: 98.96552%;
  background: url(/appeal/images/pic_catalog02.png) no-repeat;
  background-size: cover;
}

/* .batteryWrapper */
.batteryWrapper {
  min-width: 1100px;
  background: #04060d;
}

@media (max-width: 767px) {
  .batteryWrapper {
    min-width: 0;
  }
}

/* .batteryContents */
.batteryContents {
  max-width: 1266px;
  margin: 0 auto;
  padding: 75px 50px 100px;
}

@media (max-width: 767px) {
  .batteryContents {
    max-width: none;
    padding: 30px 10px 50px;
  }
}

.batteryContents .batteryTitleBlock {
  position: relative;
  margin-bottom: 70px;
}

@media (max-width: 767px) {
  .batteryContents .batteryTitleBlock {
    margin-bottom: 30px;
  }
}

.batteryContents .batteryTitleBlock .blockTitle {
  color: #fff;
  font-size: 3.25rem;
  font-weight: 100;
  line-height: 1.2;
}

@media (max-width: 767px) {
  .batteryContents .batteryTitleBlock .blockTitle {
    font-size: 2rem;
  }

  .batteryContents .batteryTitleBlock .blockTitle>span {
    display: block;
    font-size: 1.5rem;
  }
}

.batteryContents .batteryTitleBlock .blockBtn {
  position: absolute;
  right: 0;
  top: 5px;
}

@media (max-width: 767px) {
  .batteryContents .batteryTitleBlock .blockBtn {
    top: 0.57142857rem;
  }
}

.batteryContents .batteryTitleBlock .blockBtn>a {
  display: block;
  position: relative;
  width: 250px;
  box-sizing: border-box;
  padding: 19px 20px 19px 0;
  border: 1px solid #505156;
  box-sizing: border-box;
  color: #fff;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
}

@media (max-width: 767px) {
  .batteryContents .batteryTitleBlock .blockBtn>a {
    width: 11.78571429rem;
    padding: 1.14285714rem 1.42857143rem 1.14285714rem 0;
    font-size: 0.92857143rem;
  }
}

.batteryContents .batteryTitleBlock .blockBtn>a::before {
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  width: 11px;
  height: 11px;
  margin-top: -5px;
  box-sizing: border-box;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
}

@media (max-width: 767px) {
  .batteryContents .batteryTitleBlock .blockBtn>a::before {
    right: 0.71428571rem;
    top: 50%;
    width: 11px;
    height: 11px;
    margin-top: -5px;
    box-sizing: border-box;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg);
  }
}

@media (min-width: 768px) {

  body.pc .batteryContents .batteryTitleBlock .blockBtn>a:hover,
  body.pc .batteryContents .batteryTitleBlock .blockBtn>a:active {
    border: 1px solid #0075c1;
    background: #0075c1;
  }
}

.batteryContents .batteryTitle {
  margin-bottom: 30px;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
}

@media (max-width: 767px) {
  .batteryContents .batteryTitle {
    margin-bottom: 20px;
    font-size: 1.42857rem;
  }
}

/* .batteryTypeSection */
.batteryTypeSection .sectionBody>div {
  display: table;
  table-layout: fixed;
  width: 100%;
}

@media (max-width: 767px) {
  .batteryTypeSection .sectionBody>div {
    display: block;
    width: auto;
  }
}

.batteryTypeSection .sectionBody>div>div {
  display: table-cell;
  padding: 40px;
  border-left: 1px solid #04060d;
  background: #eee;
  vertical-align: top;
  -webkit-transition: padding 250ms ease-out;
  transition: padding 250ms ease-out;
}

@media (min-width: 768px) and (max-width: 1284px) {
  .batteryTypeSection .sectionBody>div>div {
    padding: 20px;
  }
}

@media (max-width: 767px) {
  .batteryTypeSection .sectionBody>div>div {
    display: block;
    padding: 20px 10px;
    border-top: 1px solid #04060d;
    border-left: none;
  }
}

.batteryTypeSection .sectionBody>div>div:first-child {
  border-left: none;
}

@media (max-width: 767px) {
  .batteryTypeSection .sectionBody>div>div:first-child {
    border-top: none;
  }
}

.batteryTypeSection .sectionBody>div>div>div {
  max-width: 432px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .batteryTypeSection .sectionBody>div>div>div {
    max-width: none;
  }
}

.batteryTypeSection .sectionBody .sectionTitleBlock {
  margin-bottom: 25px;
  line-height: 1.3;
  text-align: center;
}

@media (max-width: 767px) {
  .batteryTypeSection .sectionBody .sectionTitleBlock {
    margin-bottom: 20px;
  }
}

.batteryTypeSection .sectionBody .sectionTitleBlock .blockTitle {
  font-size: 1.25rem;
  font-weight: 700;
}

@media (max-width: 767px) {
  .batteryTypeSection .sectionBody .sectionTitleBlock .blockTitle {
    font-size: 1.28571rem;
  }
}

.batteryTypeSection .sectionBody .sectionTitleBlock .blockMark {
  width: 95px;
  margin: 10px auto 0;
  padding: 4px 0;
  background: #0075c1;
  color: #fff;
  font-weight: 700;
}

@media (max-width: 767px) {
  .batteryTypeSection .sectionBody .sectionTitleBlock .blockMark {
    font-size: 1rem;
  }
}

.batteryTypeSection .sectionBody .sectionPicture {
  background-repeat: no-repeat;
  background-size: contain;
}

.batteryTypeSection .sectionBody .sectionTable {
  width: 100%;
  margin-top: 25px;
  border-top: 1px solid #c8c7c7;
  border-left: 1px solid #c8c7c7;
}

.batteryTypeSection .sectionBody .sectionTable th,
.batteryTypeSection .sectionBody .sectionTable td {
  padding: 8px 15px;
  border-right: 1px solid #c8c7c7;
  border-bottom: 1px solid #c8c7c7;
  background: #fff;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

.batteryTypeSection .sectionBody .sectionTable th {
  white-space: nowrap;
}

.batteryTypeSection .sectionBody .sectionTable td {
  width: 100%;
  color: #0075c1;
}

.batteryTypeSection .sectionBody.type1 .sectionTitleBlock .blockTitle {
  display: inline-block;
  vertical-align: -1px;
}

@media (max-width: 767px) {
  .batteryTypeSection .sectionBody.type1 .sectionTitleBlock .blockTitle {
    display: block;
  }
}

.batteryTypeSection .sectionBody.type1 .sectionTitleBlock .blockMark {
  display: inline-block;
  margin: 0 0 0 11px;
}

@media (max-width: 767px) {
  .batteryTypeSection .sectionBody.type1 .sectionTitleBlock .blockMark {
    display: block;
    margin: 10px auto 0;
  }
}

.batteryTypeSection .sectionBody.type1 .sectionPicture {
  padding-top: 57.28346%;
}

@media (max-width: 767px) {
  .batteryTypeSection .sectionBody.type1 .sectionPicture {
    width: 280px;
    height: 327px;
    margin: 0 auto;
    padding-top: 0;
  }
}

.batteryTypeSection .sectionBody.type1 .sectionPicture.picture1 {
  background-image: url(/appeal/images/pic_epocket_battery02.png);
}

@media (max-width: 767px) {
  .batteryTypeSection .sectionBody.type1 .sectionPicture.picture1 {
    background-image: url(/appeal/images/pic_epocket_battery02_sp.png);
  }
}

.batteryTypeSection .sectionBody.type1 .sectionPicture.picture3 {
  background-image: url(/appeal/images/pic_epocket_battery03.png);
}

@media (max-width: 767px) {
  .batteryTypeSection .sectionBody.type1 .sectionPicture.picture3 {
    background-image: url(/appeal/images/pic_epocket_battery03_sp.png);
  }
}

.batteryTypeSection .sectionBody.type2 .sectionTitleBlock .blockTitle {
  display: inline-block;
  vertical-align: -1px;
}

@media (max-width: 767px) {
  .batteryTypeSection .sectionBody.type2 .sectionTitleBlock .blockTitle {
    display: block;
  }
}

.batteryTypeSection .sectionBody.type2 .sectionTitleBlock .blockMark {
  display: inline-block;
  margin: 0 0 0 11px;
}

@media (max-width: 767px) {
  .batteryTypeSection .sectionBody.type2 .sectionTitleBlock .blockMark {
    display: block;
    margin: 10px auto 0;
  }
}

.batteryTypeSection .sectionBody.type2 .sectionPicture {
  padding-top: 77.55906%;
}

@media (max-width: 767px) {
  .batteryTypeSection .sectionBody.type2 .sectionPicture {
    width: 280px;
    height: 401px;
    margin: 0 auto;
    padding-top: 0;
  }
}

.batteryTypeSection .sectionBody.type2 .sectionPicture.picture1 {
  background-image: url(/appeal/images/pic_epocket_battery03.png);
}

@media (max-width: 767px) {
  .batteryTypeSection .sectionBody.type2 .sectionPicture.picture1 {
    background-image: url(/appeal/images/pic_epocket_battery03_sp.png);
  }
}

.batteryTypeSection .sectionBody.type2 .sectionPicture.picture2 {
  background-image: url(/appeal/images/pic_epocket_battery04.png);
}

@media (max-width: 767px) {
  .batteryTypeSection .sectionBody.type2 .sectionPicture.picture2 {
    background-image: url(/appeal/images/pic_epocket_battery04_sp.png);
  }
}

.batteryTypeSection .sectionBody.type2 .sectionPicture.picture3 {
  background-image: url(/appeal/images/pic_epocket_battery05.png);
}

@media (max-width: 767px) {
  .batteryTypeSection .sectionBody.type2 .sectionPicture.picture3 {
    background-image: url(/appeal/images/pic_epocket_battery05_sp.png);
  }
}

/* .batteryNoteSection */
.batteryNoteSection .sectionTitle {
  margin-bottom: 10px;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.3;
}

/* .batteryTableSection */
@media (max-width: 767px) {
  .batteryTableSection .sectionBody {
    padding: 15px 10px;
    background: #eee;
  }
}

.batteryTableSection .sectionBody .sectionPicture {
  padding-top: 35.974376%;
  background: url(/appeal/images/pic_epocket_battery06.png) no-repeat;
  background-size: cover;
}

/* .batteryBtnSection */
.batteryBtnSection .sectionBtn>a {
  display: block;
  position: relative;
  width: 250px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 19px 20px 19px 0;
  border: 1px solid #505156;
  box-sizing: border-box;
  color: #fff;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
}

@media (max-width: 767px) {
  .batteryBtnSection .sectionBtn>a {
    width: auto;
    padding: 15px 0;
  }
}

.batteryBtnSection .sectionBtn>a::before {
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  width: 11px;
  height: 11px;
  margin-top: -5px;
  box-sizing: border-box;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
}

@media (max-width: 767px) {
  .batteryBtnSection .sectionBtn>a::before {
    right: 0.71428571rem;
    top: 50%;
    width: 11px;
    height: 11px;
    margin-top: -5px;
    box-sizing: border-box;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg);
  }
}

@media (min-width: 768px) {

  body.pc .batteryBtnSection .sectionBtn>a:hover,
  body.pc .batteryBtnSection .sectionBtn>a:active {
    border: 1px solid #0075c1;
    background: #0075c1;
  }
}

/* ---------------------------------
Clearfix
--------------------------------- */
.clearfix::after,
.cmnTxtList>li::after,
.cmnCol2::after,
.cmnCol3::after,
.homeIntroSection .sectionBody .blockNav::after,
.homeMenuSection ol::after,
.homeAsideSection .sectionBodyBlock>ul::after,
.appealVisualSection .sectionNoteBlock .blockList>li::after,
.appealVisualSection .sectionPointBlock .blockNav::after,
.quakeStructureSection .sectionBody .titleBlock::after,
.quakeStructureSection .sectionBody .col2Block::after,
.durabilityPlateSection .sectionBody .blockCol::after,
.airFilterSection .sectionBody .colBlock::after,
.airFilterSection .sectionBody .colBlock .blockTxt>li::after,
.epocketSystemSection .sectionBody .numBlock>div>div::after,
.hemsServiceSection .sectionBody .colBlock::after,
.hemsServiceSection .sectionBody .colBlock>ul>li>div::after,
.appealPageNav .navTitle::after,
.appealPageNav .navBody ol::after,
.appealAsideSection::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* ------------------------------------------------------ */
/* End */
/* ------------------------------------------------------ */

.airyMovieSection .sectionBody {
  background: url(/appeal/images/bg_airy_movie01.jpg) no-repeat 50%;
  background-size: cover;
}

@media (max-width: 767px) {
  .airyMovieSection .sectionBody {
    background: none;
  }
}

.airyMovieSection .airyMovieBody {
  width: 853px;
  margin: 0 auto 15px auto;
  padding: 70px 0;
}

@media (max-width: 767px) {
  .airyMovieSection .airyMovieBody {
    width: auto;
    padding: 0;
  }
}

.airyMovieSection .airyMovieBodyIn {
  position: relative;
  padding-top: 56.25%;
}

.airyMovieSection .airyMovieBodyIn>iframe {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.note {
  font-size: 0.75rem;
  margin-top: 10px;
}

.note.mbtm-2 {
  margin-bottom: 2em;
}

/*logo_tuika*/
.logo_box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.logo_box img {
  width: 280px;
  padding-top: 10px;
}

@media (max-width: 767px) {
  .logo_box {
    display: block;
  }

  .logo_box img {
    width: 80%;
    padding-bottom: 20px;
    display: block;
    margin: 0 auto;
  }
}

.tsasHead {
  position: relative;
}

.tsasHead__lg {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 10;
}

@media (max-width: 767px) {
  .tsasHead__lg {
    top: 10px;
    bottom: auto;
  }
}

.tsasHead__lg>img {
  width: 300px;
  height: 67px;
}

@media (min-width: 768px) and (max-width: 1200px) {
  .tsasHead__lg>img {
    width: 200px;
    height: 45px;
  }
}

@media (max-width: 767px) {
  .tsasHead__lg>img {
    width: 120px;
    height: 27px;
  }
}

@media print,
(min-width: 768px) {
  .m-techSr {
    margin-top: 120px;
  }
}

@media screen and (max-width: 767px) {
  .m-techSr {
    margin-top: 80px;
  }
}

@media print,
(min-width: 768px) {
  .m-techSr__ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.m-techSr__ul__tt {
  color: #222;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

@media print,
(min-width: 768px) {
  .m-techSr__ul__tt {
    margin-bottom: 30px;
    font-size: 30px;
  }
}

@media screen and (max-width: 767px) {
  .m-techSr__ul__tt {
    margin-bottom: 20px;
    font-size: 20px;
  }
}

.m-techSr__ul__pw {
  position: relative;
}

.m-techSr__ul__pw__mv {
  position: relative;
  padding-top: 47.94721%;
  overflow: hidden;
}

.m-techSr__ul__pw__mv>video {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.m-techSr__ul__pw__ms {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
}

.m-techSr__ul__pw__p {
  position: absolute;
  top: 0;
}

.m-techSr__ul__pw__p>img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.m-techSr__ul__bt {
  margin: 20px auto 0;
  padding: 0 20px;
  box-sizing: content-box;
}

@media print,
(min-width: 768px) {
  .m-techSr__ul__bt {
    max-width: 440px;
  }
}

.m-techSr__ul__bt>span {
  display: block;
}

@media print,
(min-width: 768px) {
  .m-techSr__ul__bt>span {
    background: #fff;
  }
}

.m-techSr__ul__bt>span>span {
  display: block;
  position: relative;
  background: #0d75c1;
  color: #fff;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  -webkit-transition: all 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media print,
(min-width: 768px) {
  .m-techSr__ul__bt>span>span {
    font-size: 17px;
  }
}

@media screen and (max-width: 767px) {
  .m-techSr__ul__bt>span>span {
    max-width: 335px;
    margin: 0 auto;
    font-size: 15px;
  }
}

@media (max-width: 374px) {
  .m-techSr__ul__bt>span>span {
    font-size: 4vw;
  }
}

.m-techSr__ul__bt>span>span::before {
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  box-sizing: border-box;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.m-techSr__ul__bt>span>span>span {
  display: table;
  width: 100%;
}

.m-techSr__ul__bt>span>span>span>span {
  display: table-cell;
  vertical-align: middle;
}

@media print,
(min-width: 768px) {
  .m-techSr__ul__bt>span>span>span>span {
    height: 64px;
  }
}

@media print,
(min-width: 768px) {
  .m-techSr__ul>li {
    width: 50%;
    box-sizing: border-box;
  }
}

.m-techSr__ul>li>a {
  display: block;
  color: inherit;
  text-decoration: none;
}

@media print,
(min-width: 768px) {

  body.pc .m-techSr__ul>li>a:hover .m-techSr__ul__bt>span>span,
  body.pc .m-techSr__ul>li>a:active .m-techSr__ul__bt>span>span {
    opacity: 0.7;
  }
}

@media print,
(min-width: 768px) {
  .m-techSr__ul>li:nth-child(1) {
    padding-right: 1px;
  }
}

@media print,
(min-width: 768px) {
  .m-techSr__ul>li:nth-child(1) .m-techSr__ul__pw__p {
    left: 26.832844574780058%;
    width: 46.407624633431084%;
    margin-top: 16.5%;
    padding-top: 15.029325513196481%;
  }
}

@media screen and (max-width: 767px) {
  .m-techSr__ul>li:nth-child(1) .m-techSr__ul__pw__p {
    left: 22.5%;
    width: 54.86000000000001%;
    margin-top: 15.2%;
    padding-top: 17.766666666666666%;
  }
}

@media screen and (max-width: 767px) {
  .m-techSr__ul>li:nth-child(1) .m-techSr__ul__bt>span>span {
    padding: 13px 0;
  }
}

@media print,
(min-width: 768px) {
  .m-techSr__ul>li:nth-child(2) {
    padding-left: 1px;
  }
}

@media screen and (max-width: 767px) {
  .m-techSr__ul>li:nth-child(2) {
    margin-top: 40px;
  }
}

@media print,
(min-width: 768px) {
  .m-techSr__ul>li:nth-child(2) .m-techSr__ul__pw__p {
    left: 14.66275659824047%;
    width: 70.67448680351906%;
    margin-top: 17.6%;
    padding-top: 12.756598240469208%;
  }
}

@media screen and (max-width: 767px) {
  .m-techSr__ul>li:nth-child(2) .m-techSr__ul__pw__p {
    left: 8.2%;
    width: 83.54666666666667%;
    margin-top: 16.4%;
    padding-top: 15.080000000000002%;
  }
}

@media screen and (max-width: 767px) {
  .m-techSr__ul>li:nth-child(2) .m-techSr__ul__bt>span>span {
    padding: 8px 0;
  }
}

@media print,
(min-width: 768px) {
  .m-thought {
    margin-top: 120px;
  }
}

@media screen and (max-width: 767px) {
  .m-thought {
    margin-top: 80px;
  }
}

.m-thought__tt {
  color: #222;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

@media print,
(min-width: 768px) {
  .m-thought__tt {
    margin-bottom: 40px;
    font-size: 30px;
  }
}

@media screen and (max-width: 767px) {
  .m-thought__tt {
    margin-bottom: 30px;
    font-size: 20px;
  }
}

@media print,
(min-width: 768px) {
  .m-thought__ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.m-thought__ul__pw {
  position: relative;
}

.m-thought__ul__pw__bg {
  position: relative;
  padding-top: 47.94721%;
  overflow: hidden;
}

.m-thought__ul__pw__bg::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  -webkit-transition: all 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.m-thought__ul__pw__p {
  position: absolute;
  top: 0;
}

.m-thought__ul__pw__p>img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.m-thought__ul__bt {
  margin: 20px auto 0;
  padding: 0 20px;
  box-sizing: content-box;
}

@media print,
(min-width: 768px) {
  .m-thought__ul__bt {
    max-width: 440px;
  }
}

.m-thought__ul__bt>span {
  display: block;
}

@media print,
(min-width: 768px) {
  .m-thought__ul__bt>span {
    background: #fff;
  }
}

.m-thought__ul__bt>span>span {
  display: block;
  position: relative;
  background: #0d75c1;
  color: #fff;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  -webkit-transition: all 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media print,
(min-width: 768px) {
  .m-thought__ul__bt>span>span {
    font-size: 17px;
  }
}

@media screen and (max-width: 767px) {
  .m-thought__ul__bt>span>span {
    max-width: 335px;
    margin: 0 auto;
    font-size: 15px;
  }
}

@media (max-width: 374px) {
  .m-thought__ul__bt>span>span {
    font-size: 4vw;
  }
}

.m-thought__ul__bt>span>span::before {
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  box-sizing: border-box;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.m-thought__ul__bt>span>span>span {
  display: table;
  width: 100%;
}

.m-thought__ul__bt>span>span>span>span {
  display: table-cell;
  vertical-align: middle;
}

@media print,
(min-width: 768px) {
  .m-thought__ul__bt>span>span>span>span {
    height: 56px;
  }
}

@media print,
(min-width: 768px) {
  .m-thought__ul>li {
    width: 50%;
    box-sizing: border-box;
  }
}

.m-thought__ul>li>a {
  display: block;
  color: inherit;
  text-decoration: none;
}

@media print,
(min-width: 768px) {

  body.pc .m-thought__ul>li>a:hover .m-thought__ul__pw__bg::before,
  body.pc .m-thought__ul>li>a:active .m-thought__ul__pw__bg::before {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  body.pc .m-thought__ul>li>a:hover .m-thought__ul__bt>span>span,
  body.pc .m-thought__ul>li>a:active .m-thought__ul__bt>span>span {
    opacity: 0.7;
  }
}

@media print,
(min-width: 768px) {
  .m-thought__ul>li:nth-child(1) {
    padding-right: 1px;
  }
}

.m-thought__ul>li:nth-child(1) .m-thought__ul__pw__bg::before {
  background-image: url(/resilience/madori/images/bg_thought01.jpg);
}

@media print,
(min-width: 768px) {
  .m-thought__ul>li:nth-child(1) .m-thought__ul__pw__p {
    left: 16.27566%;
    width: 67.44868%;
    margin-top: 7.47801%;
    padding-top: 32.9912%;
  }
}

@media screen and (max-width: 767px) {
  .m-thought__ul>li:nth-child(1) .m-thought__ul__pw__p {
    left: 5.33333%;
    width: 89.33333%;
    margin-top: 7.46667%;
    padding-top: 32.53333%;
  }
}

@media screen and (max-width: 767px) {
  .m-thought__ul>li:nth-child(1) .m-thought__ul__pw__p>img:nth-child(1) {
    display: none;
  }
}

@media print,
(min-width: 768px) {
  .m-thought__ul>li:nth-child(1) .m-thought__ul__pw__p>img:nth-child(2) {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .m-thought__ul>li:nth-child(1) .m-thought__ul__bt>span>span {
    padding: 13px 0;
  }
}

@media print,
(min-width: 768px) {
  .m-thought__ul>li:nth-child(2) {
    padding-left: 1px;
  }
}

@media screen and (max-width: 767px) {
  .m-thought__ul>li:nth-child(2) {
    margin-top: 40px;
  }
}

.m-thought__ul>li:nth-child(2) .m-thought__ul__pw__bg::before {
  background-image: url(/resilience/madori/images/bg_thought02.jpg);
}

@media print,
(min-width: 768px) {
  .m-thought__ul>li:nth-child(2) .m-thought__ul__pw__p {
    left: 33.72434%;
    width: 32.55132%;
    margin-top: 7.47801%;
    padding-top: 32.9912%;
  }
}

@media screen and (max-width: 767px) {
  .m-thought__ul>li:nth-child(2) .m-thought__ul__pw__p {
    left: 33.2%;
    width: 33.86667%;
    margin-top: 6.93333%;
    padding-top: 34.26667%;
  }
}

@media screen and (max-width: 767px) {
  .m-thought__ul>li:nth-child(2) .m-thought__ul__bt>span>span {
    padding: 8px 0;
  }
}

/* soundproof security */
.forPC {
  display: block;
}

.forSP {
  display: none;
}

.reflink_white {
  color: #fff;
  text-decoration: underline;
}

@media screen and (max-width:767px) {
  .forPC {
    display: none;
  }

  .forSP {
    display: block;
  }

  .reflink_white {
    color: #222;
    text-decoration: underline;
  }

  .spfixpos {
    margin-top: -1.5em;
  }

  .note-wrp {
    padding: 1em;
    font-size: 12px;
  }
}

/* banner */
.appeal-banner-wrp {
  width: 100%;
}

.appeal-banner-wrp .banner {
  border: 2px solid #05a2e7;
  margin: 3em auto;
  color: #0075c1;
  position: relative;
  width: 600px;
  max-width: 100%;
  background-color: #fff;
}

.appeal-banner-wrp .banner .flex {
  display: flex;
  align-items: center;
}

.appeal-banner-wrp .banner .logo {
  width: 30%;
  padding: 0 1.5em;
}

.appeal-banner-wrp .banner .logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.appeal-banner-wrp .banner .logo+p {
  width: 70%;
  padding: 2em;
  padding-right: 3.5em;
  background-color: #e7f4fb;
  position: relative;
}

.appeal-banner-wrp .banner .logo+p::after {
  content: '';
  display: block;
  width: .75em;
  height: .75em;
  position: absolute;
  right: 1.25em;
  top: 50%;
  border-top: solid 2px;
  border-right: solid 2px;
  transform: translateY(-50%) rotate(45deg);
}

.appeal-banner-wrp .banner a {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

@media screen and (max-width:767px) {
  .appeal-banner-wrp .banner {
    width: 22em;
    max-width: 100%;
  }

  .appeal-banner-wrp.flex {
    display: block;
  }

  .appeal-banner-wrp .banner .logo {
    width: min(60%, 240px);
    padding: .5em;
    margin: 0 auto;
  }

  .appeal-banner-wrp .banner .logo+p {
    padding: 1em;
    padding-right: 1.5em;
    text-align: center;
  }

  .appeal-banner-wrp .banner .logo+p::after {
    right: 1em;
  }
}

/* durability */
.blockPicture.durability {
  position: relative;
}

.blockPicture.durability .durability-box {
  position: absolute;
  display: block;
  width: 46%;
  min-width: 290px;
  top: 5%;
  right: 9%;
}

@media (max-width:767px) {

  .blockPicture.durability .durability-box {
    position: absolute;
    display: block;
    width: auto;
    min-width: 1px;
    top: unset;
    bottom: 5%;
    right: unset;
    left: 5%;
  }
}

.blockPicture.durability .durability-box-inner {
  display: block;
  width: 100%;
  padding: 1.75em 0;
  background-color: rgba(255, 255, 255, .9);
  text-align: center;
}

@media (max-width:767px) {
  .blockPicture.durability .durability-box-inner {
    padding: 1em .25em;
  }
}

.blockPicture.durability .durability-box p {
  font-size: min(1.1em, 4vw);
  line-height: 1.5;
}

.blockPicture.durability .durability-box .navy {
  color: #003e60;
}

.blockPicture.durability .durability-box .large {
  font-size: 1.4em;
}

.blockPicture.durability .durability-box .en {
  font-size: 3em;
  font-family: "Roboto", sans-serif;
  font-feature-settings: "palt";
  line-height: 1.3;
}

.blockPicture.durability .durability-box .en span {
  display: inline-block;
  margin-left: -.1em;
}

.blockPicture.durability .durability-box .note {
  margin-top: 1em;
  color: #fff;
}

.blockPicture.durability .durability-box .sml {
  font-size: .65em;
}