@charset "utf-8";
img {
 vertical-align: bottom;
}
header.top {
 margin: 0;
}
.top-catch {
 margin: 0;
}
.link-button.p3p5p {
 padding: 3% 0 5%;
}
.w386 {
 width: calc(100% - 2rem);
 margin: 0 auto;
}
.introduction {
 max-width: 960px;
 height: 10vh;
 max-height: 150px;
 margin: 0 auto;
 padding: 1rem;
 display: flex;
 align-items: center;
 justify-content: center;
 background-color: rgba(207, 235, 246, 0);
 background-image: linear-gradient(180deg, rgba(207, 235, 246, 0.81), rgba(255, 34, 87, 1) 0%, rgba(154, 39, 238, 1) 0%, rgba(207, 235, 246, 1) 0%, rgba(207, 235, 246, 0.1) 67%, rgba(255, 255, 255, 0));
}
.introduction.content p {
 padding: 0;
}
h2 {
 margin-bottom: 1rem;
}
section.international-certification h2 {
 max-width: 326px;
}
.c18205 {
 color: #c18205;
}
.c324997 {
 color: #324997;
}
section.content p {
 margin-bottom: 1rem;
 font-size: 120%;
 text-align: left;
}
section img {
 width: 100%;
}
h2 {
 margin-bottom: 1rem;
}
section.pfas h2 {
 max-width: 228px;
}
section.water-quality h2 {
 max-width: 412px;
}
section.award-winner h2 {
 max-width: 320px;
}
section.conducting-inspection h2 {
 max-width: 314px;
}
section.content .badge {
 padding: 0 2% .5rem;
 font-size: 120%;
 font-weight: bold;
 font-family: YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 line-height: 38px;
}
section.content .badge.lh14 {
 line-height: 1.4;
}
section.content .badge.c18205 {
 padding: 0 2%;
}
section.content .badge.c324997 {
 font-size: 120%;
}
.badge.border2s {
 border-bottom: 2px solid #ededed;
}
section.content .badge img {
 width: auto;
 margin-right: 1rem;
 max-height: 38px;
}
.flex-container.top-nav {
 flex-direction: row;
}
.flex-container {
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 gap: 5%;
}
.zone.text .flex-container {
 margin-bottom: 2%;
}
.zone.text .flex-container img {
 margin-bottom: 1rem;
 flex-shrink: 0;
}
.zone.text .flex-container p {
 margin-bottom: 0;
 font-size: 115%;
}
.zone.text .flex-container .txtbox {
 padding: 0 2%;
}
.zone.text .flex-container p.small {
 font-size: 90%;
}
.header4 {
 color: #bf272d;
 font-weight: bold;
 display: block;
}
section.international-certification,
section.award-winner,
section.conducting-inspection {
 margin: 0 auto 5%;
}
@media screen and (min-width:800px) {
 header.top {
  margin: 0 auto;
 }
 .top-catch {
  margin: 0 auto;
 }
 .introduction {
  padding: 0;
 }
 section.international-certification,
 section.award-winner,
 section.conducting-inspection {
  max-width: calc(960px - 6%);
  margin: 0 auto 2%;
 }
 section.conducting-inspection {
  margin-bottom: 5%;
 }
 section.content .badge {
  font-size: 150%;
 }
 section.content .badge.c324997 {
  font-size: 140%;
 }
 section.content .badge img {
  width: auto;
 }
 section.content .badge {
  font-size: 180%;
 }
 .flex-container {
  flex-direction: row;
 }
 .flex-container.reverse {
  flex-direction: row-reverse;
 }
 .zone.text .flex-container img {
  max-width: 332px;
 }
 .w386 {
  max-width: 386px;
 }
}