/*	cmn-color
------------------------------------ */
/*	transition,hover
------------------------------------ */
/*	media-screen
------------------------------------ */
/*	font
------------------------------------ */
@font-face {
  font-family: "NotoSansCJKjp-Regular";
  src: url("../fonts/NotoSansCJKjp-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansCJKjp-Medium";
  src: url("../fonts/NotoSansCJKjp-Medium.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansCJKjp-Bold";
  src: url("../fonts/NotoSansCJKjp-Bold.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ZenKakuGothicNew-Regular";
  src: url("../fonts/ZenKakuGothicNew-Regular.ttf");
  font-display: swap;
}
@font-face {
  font-family: "ZenKakuGothicNew-Medium";
  src: url("../fonts/ZenKakuGothicNew-Medium.ttf");
  font-display: swap;
}
@font-face {
  font-family: "ZenKakuGothicNew-Bold";
  src: url("../fonts/ZenKakuGothicNew-Bold.ttf");
  font-display: swap;
}
@font-face {
  font-family: "ZenKakuGothicNew-Black";
  src: url("../fonts/ZenKakuGothicNew-Black.ttf");
  font-display: swap;
}
/*	layout
------------------------------------ */
/*	cmn-color
------------------------------------ */
/*	transition,hover
------------------------------------ */
/*	media-screen
------------------------------------ */
/*	font
------------------------------------ */
@font-face {
  font-family: "NotoSansCJKjp-Regular";
  src: url("../fonts/NotoSansCJKjp-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansCJKjp-Medium";
  src: url("../fonts/NotoSansCJKjp-Medium.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansCJKjp-Bold";
  src: url("../fonts/NotoSansCJKjp-Bold.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ZenKakuGothicNew-Regular";
  src: url("../fonts/ZenKakuGothicNew-Regular.ttf");
  font-display: swap;
}
@font-face {
  font-family: "ZenKakuGothicNew-Medium";
  src: url("../fonts/ZenKakuGothicNew-Medium.ttf");
  font-display: swap;
}
@font-face {
  font-family: "ZenKakuGothicNew-Bold";
  src: url("../fonts/ZenKakuGothicNew-Bold.ttf");
  font-display: swap;
}
@font-face {
  font-family: "ZenKakuGothicNew-Black";
  src: url("../fonts/ZenKakuGothicNew-Black.ttf");
  font-display: swap;
}
/*	layout
------------------------------------ */
/*	font-size  cmn
------------------------------------ */
/*	cmn parts
------------------------------------ */
.md-inner {
  width: 100%;
  max-width: 1280px;
  margin: auto;
}

/* =========================================

  main layout  all

========================================= */
/* top-news  PC
------------------------------------ */
#top-news .news-inner {
  padding-top: 60px;
  padding-bottom: 195px;
}

/* top-greeting  PC
------------------------------------ */
#top-greeting .greeting-inner {
  width: 100%;
  max-width: 1280px;
  padding: 117px 0 179px;
}

/* top-hydrogen  PC
------------------------------------ */
#top-hydrogen .hydrogen-inner {
  padding-bottom: 140px;
}

/* top-products  PC
------------------------------------ */
#top-products .products-inner {
  padding: 220px 0 206px;
}

/* top-voice  PC
------------------------------------ */
#top-voice .voice-inner {
  padding: 114px 0 109px;
}

/* com-information  PC
------------------------------------ */
.com-information .information-inner {
  padding: 206px 0 140px;
}

/* =========================================

  sub layout  all

========================================= */
/* about  PC
------------------------------------ */
#about .about-inner {
  padding: 92px 0 183px;
}
#about .bnr-inner {
  padding: 70px 0;
}

/* hydrogen  PC
------------------------------------ */
#hydrogen .about-inner {
  padding: 85px 0 185px;
}
#hydrogen .information-inner {
  padding-bottom: 185px;
}

.lineup-inner {
  padding: 95px 0 100px;
}
.lineup-detail-inner {
  padding-bottom: 150px;
}

/* organic  PC
------------------------------------ */
#organic .about-inner {
  padding: 90px 0 185px;
}
#organic .information-inner {
  padding-bottom: 185px;
}

/* contact  PC
------------------------------------ */
#contact .contact-inner {
  padding: 93px 0 188px;
}

/* voice  PC
------------------------------------ */
#voice .voice-inner {
  padding: 91px 0 184px;
}
#voice .information-inner {
  padding: 100px 0 170px;
}/*# sourceMappingURL=style.css.map */