@charset "utf-8";
img {
 vertical-align: bottom;
}
.link-button.p3p5p {
 padding: 3% 0 5%;
}
.w386 {
 width: calc(100% - 2rem);
 margin: 0 auto;
}
section img {
 width: 100%;
}
h2 {
 margin-bottom: 2%;
}
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: 150%;
 font-weight: bold;
 font-family: YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 line-height: 38px;
}
section.content .badge.c18205 {
 padding: 0 2%;
}
section.content .badge.c324997 {
 font-size: 140%;
}
.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%;
}
.flex-container.index {
 justify-content: center;
 gap: 2%;
}
.agreement {
 margin: 0 2% 4%;
}
.agreement .header:before {
 content: "◆";
 margin-right: .5rem;
}
.agreement-block {
 margin-bottom: 2%;
}
.agreement-block h3 {
 margin-bottom: 1%;
}
.agreement-block  p {
 margin: 0 0 2% 1rem;
 line-height: 1.6;
 letter-spacing: 1px;
 text-indent: -1rem;
}
.agreement-block ol,
.agreement-block ul {
 margin: 0 2%;
}
.agreement-block ol li,
.agreement-block ul li {
 margin-bottom: 2%;
}
.agreement-block p.indent {
 text-indent: 0;
}
.agreement-block p.indent1 {
 margin-left: 1rem;
 text-indent: -1rem;
}
.agreement-block p.indent2 {
 margin-left: 2rem;
 text-indent: -2rem;
}
.agreement-block p.ml2r {
 margin-left: 2rem;
}
.agreement-block p.parentheses {
 margin: 0 auto 2%;
 padding-left: 2.3rem;
 text-indent: 0;
 position: relative;
}
.agreement-block p.parentheses:before {
 position: absolute;
 left: 0;
 top: 0;
}
.agreement-block p.parentheses.one:before {
 content:"（1）";
}
.agreement-block p.parentheses.two:before {
 content:"（2）";
}
.agreement-block p.parentheses.three:before {
 content:"（3）";
}
.agreement-block p.parentheses.four:before {
 content:"（4）";
}
.agreement-block p.parentheses.five:before {
 content:"（5）";
}
.agreement-block p.parentheses.six:before {
 content:"（6）";
}
.agreement-block p.parentheses.seven:before {
 content:"（7）";
}
.agreement-block p.circle {
 width: 92%;
 margin: 0 auto 2%;
 padding-left: 1.3rem;
 text-indent: 0;
 position: relative;
}
.agreement-block p.circle:before {
 position: absolute;
 left: 0;
 top: 0;
}
.agreement-block ul li.circle.indent1 {
 margin-left: 1rem;
 text-indent: -1.2rem;
}
.agreement-block li.circle:before {
 margin: 0 1% 0 0;
}
.agreement-block .circle.one:before {
 content:"①";
}
.agreement-block .circle.two:before {
 content:"②";
}
.agreement-block .circle.three:before {
 content:"③";
}
.agreement-block .circle.four:before {
 content:"④";
}
.agreement-block .circle.five:before {
 content:"⑤";
}
.agreement-block .circle.six:before {
 content:"⑥";
}
.agreement-block .circle.seven:before {
 content:"⑦";
}
.agreement-block p.circle.w95p {
 width: 95%;
}
.agreement-block p.indent0 {
 text-indent: 0;
}
@media screen and (min-width:800px) {
 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 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;
 }
 .index div {
  width: calc((100% - 4%) / 3 )
 }
 .agreement {
  margin: 0 4%;
 }
}