body#liquid .section .contents .intro{display:flex;flex-direction:column;gap:1.875rem}@media(max-width: 768px){body#liquid .section .contents .intro{gap:4.1666666667vw}}@media(max-width: 768px){body#liquid .section .contents .intro h4{margin-bottom:4.1666666667vw}}body#liquid .section .contents .intro p{font-size:1.125rem}@media(max-width: 768px){body#liquid .section .contents .intro p{font-size:3.3333333333vw}}body#liquid .section .contents .intro .bacteria{display:flex;flex-wrap:wrap;justify-content:center;gap:1.875rem}@media(max-width: 768px){body#liquid .section .contents .intro .bacteria{flex-direction:column;align-items:center;gap:4.1666666667vw}}body#liquid .section .contents .intro .bacteria dl{display:flex;flex-direction:column;width:19.375rem}@media(max-width: 768px){body#liquid .section .contents .intro .bacteria dl{flex-direction:row;width:100%;transition-delay:.1s !important}}body#liquid .section .contents .intro .bacteria dl:nth-child(2){transition-delay:.2s}body#liquid .section .contents .intro .bacteria dl:nth-child(3){transition-delay:.3s}body#liquid .section .contents .intro .bacteria dl:last-child{width:61.875rem;transition-delay:.4s}@media(max-width: 768px){body#liquid .section .contents .intro .bacteria dl:last-child{width:100%}}body#liquid .section .contents .intro .bacteria dl dt{padding:.625rem;border:.125rem solid var(--key);border-radius:.625rem .625rem 0 0;color:var(--orange);font-size:1.25rem;font-weight:700;text-align:center;background-color:var(--key)}@media(max-width: 768px){body#liquid .section .contents .intro .bacteria dl dt{display:flex;justify-content:center;align-items:center;width:32%;padding:2.0833333333vw;border-width:.4166666667vw;border-radius:2.0833333333vw 0 0 2.0833333333vw;font-size:3.75vw}}body#liquid .section .contents .intro .bacteria dl dd{flex:1 1 0%;display:flex;justify-content:center;align-items:center;padding:.625rem;border:.125rem solid var(--key);border-radius:0 0 .625rem .625rem;background-color:var(--wh)}@media(max-width: 768px){body#liquid .section .contents .intro .bacteria dl dd{justify-content:stretch;width:68%;padding:2.0833333333vw;border-width:.4166666667vw;border-radius:0 2.0833333333vw 2.0833333333vw 0}}body#liquid .section .contents .intro .bacteria dl dd p{font-size:1rem;text-align:center;line-height:1.75}@media(max-width: 768px){body#liquid .section .contents .intro .bacteria dl dd p{font-size:2.9166666667vw;text-align:left}}body#liquid .section .contents .intro .aminoasid{display:flex;flex-direction:column;gap:.625rem;padding:1.25rem;border:.0625rem solid var(--bk20)}body#liquid .section .contents .about{display:flex;flex-direction:column;gap:1.875rem}@media(max-width: 768px){body#liquid .section .contents .about{gap:4.1666666667vw}}body#liquid .section .contents .about p,body#liquid .section .contents .about ul.list li{font-size:1.125rem}@media(max-width: 768px){body#liquid .section .contents .about p,body#liquid .section .contents .about ul.list li{font-size:3.3333333333vw}}body#liquid .section .contents .usage{display:flex;flex-direction:column;gap:1.875rem}@media(max-width: 768px){body#liquid .section .contents .usage{gap:4.1666666667vw}}body#liquid .section .contents .usage p{font-size:1.125rem}@media(max-width: 768px){body#liquid .section .contents .usage p{font-size:3.3333333333vw}}body#liquid .section .contents .usage .point{display:flex;flex-direction:column;align-items:center;gap:.625rem}@media(max-width: 768px){body#liquid .section .contents .usage .point{gap:2.0833333333vw}}body#liquid .section .contents .usage .point dt{display:flex;justify-content:center;align-items:center;gap:.625rem;color:var(--key);font-size:1.125rem;font-weight:700}@media(max-width: 768px){body#liquid .section .contents .usage .point dt{gap:2.0833333333vw;font-size:3.3333333333vw}}body#liquid .section .contents .usage .point dt::before,body#liquid .section .contents .usage .point dt::after{content:"";width:3.75rem;height:1px;background-color:var(--key)}@media(max-width: 768px){body#liquid .section .contents .usage .point dt::before,body#liquid .section .contents .usage .point dt::after{width:8.3333333333vw}}body#liquid .section .contents .usage .point dd{font-size:1rem;line-height:1.75}@media(max-width: 768px){body#liquid .section .contents .usage .point dd{font-size:2.9166666667vw}}body#liquid .section .contents .usage .notes{display:flex;flex-direction:column;gap:.3125rem}@media(max-width: 768px){body#liquid .section .contents .usage .notes{gap:1.0416666667vw}}body#liquid .section .contents .usage .notes li{padding-left:1.05em;text-indent:-1.05em;color:var(--red);font-size:.875rem;line-height:1.75}@media(max-width: 768px){body#liquid .section .contents .usage .notes li{font-size:2.9166666667vw}}body#liquid .section .contents .case{display:flex;flex-direction:column;gap:1.875rem}@media(max-width: 768px){body#liquid .section .contents .case{gap:4.1666666667vw}}body#liquid .section .contents .case .panels{display:flex;flex-direction:column;gap:1.25rem}@media(max-width: 768px){body#liquid .section .contents .case .panels{gap:2.0833333333vw}}body#liquid .section .contents .case .panels .panel{display:flex;gap:1.25rem;border:1px solid var(--bk20);font-size:1rem;line-height:1.75}@media(max-width: 768px){body#liquid .section .contents .case .panels .panel{flex-direction:column;gap:4.1666666667vw;font-size:3.3333333333vw}}body#liquid .section .contents .case .panels .panel .example,body#liquid .section .contents .case .panels .panel .effects{display:flex;align-items:center;width:calc(50% - .625rem);padding:.625rem 1.25rem}@media(max-width: 768px){body#liquid .section .contents .case .panels .panel .example,body#liquid .section .contents .case .panels .panel .effects{width:100%;padding:2.0833333333vw}}body#liquid .section .contents .case .panels .panel .example{position:relative;background-color:var(--bk10)}body#liquid .section .contents .case .panels .panel .example::after{content:"";position:absolute;top:0;left:100%;width:1.25rem;height:100%;background-color:var(--bk10);-webkit-clip-path:polygon(0 0, 100% 50%, 0 100%);clip-path:polygon(0 0, 100% 50%, 0 100%)}@media(max-width: 768px){body#liquid .section .contents .case .panels .panel .example::after{top:100%;left:0;width:100%;height:4.1666666667vw;-webkit-clip-path:polygon(0 0, 100% 0, 50% 100%);clip-path:polygon(0 0, 100% 0, 50% 100%)}}body#liquid .section .contents .case .point{display:flex;align-items:center;gap:1.25rem}@media(max-width: 768px){body#liquid .section .contents .case .point{flex-direction:column;align-items:stretch;gap:2.0833333333vw}}body#liquid .section .contents .case .point dt{display:flex;align-items:center;gap:.625rem;color:var(--key);font-size:1.125rem;font-weight:700}@media(max-width: 768px){body#liquid .section .contents .case .point dt{gap:2.0833333333vw;font-size:3.75vw}}body#liquid .section .contents .case .point dt::before{content:"";width:2.5rem;height:1px;background-color:var(--orange)}@media(max-width: 768px){body#liquid .section .contents .case .point dt::before{width:8.3333333333vw}}body#liquid .section .contents .case .point dd{font-size:1rem}@media(max-width: 768px){body#liquid .section .contents .case .point dd{padding-left:10.4166666667vw;font-size:3.3333333333vw}}body#liquid .section .contents .case .pics{display:flex;justify-content:center;flex-wrap:wrap;gap:2.5rem 1.875rem}@media(max-width: 768px){body#liquid .section .contents .case .pics{gap:6.25vw 4.1666666667vw}}body#liquid .section .contents .case .pics figure{display:flex;flex-direction:column;width:19.375rem}@media(max-width: 768px){body#liquid .section .contents .case .pics figure{width:43.75vw}}body#liquid .section .contents .case .pics figure:nth-child(3n-1){transition-delay:.2s}@media(max-width: 768px){body#liquid .section .contents .case .pics figure:nth-child(3n-1){transition-delay:.1s}}body#liquid .section .contents .case .pics figure:nth-child(3n){transition-delay:.3s}@media(max-width: 768px){body#liquid .section .contents .case .pics figure:nth-child(3n){transition-delay:.1s}}@media(max-width: 768px){body#liquid .section .contents .case .pics figure:nth-child(2n){transition-delay:.2s}}body#liquid .section .contents .case .pics figure figcaption{flex:1 1 0%;padding:.625rem;font-size:1rem;line-height:1.75;text-align:center;background-color:var(--bk10)}@media(max-width: 768px){body#liquid .section .contents .case .pics figure figcaption{padding:2.0833333333vw;font-size:2.5vw}}body#liquid .section .contents .farmer{display:flex;flex-direction:column;gap:1.875rem}@media(max-width: 768px){body#liquid .section .contents .farmer{gap:4.1666666667vw}}@media(max-width: 768px){body#liquid .section .contents .farmer h4{margin-bottom:4.1666666667vw}}body#liquid .section .contents .farmer .pattern{display:flex;flex-direction:column;gap:2.5rem}@media(max-width: 768px){body#liquid .section .contents .farmer .pattern{gap:4.1666666667vw}}body#liquid .section .contents .farmer .pattern li{display:flex;flex-direction:column;gap:.625rem}@media(max-width: 768px){body#liquid .section .contents .farmer .pattern li{gap:2.0833333333vw}}body#liquid .section .contents .farmer .pattern li .panel{display:flex;gap:1.25rem;border:1px solid var(--bk20);font-size:1rem;line-height:1.75}@media(max-width: 768px){body#liquid .section .contents .farmer .pattern li .panel{flex-direction:column;gap:4.1666666667vw;font-size:3.3333333333vw}}body#liquid .section .contents .farmer .pattern li .panel .example,body#liquid .section .contents .farmer .pattern li .panel .effects{display:flex;align-items:center;width:calc(50% - .625rem);padding:.625rem 1.25rem}@media(max-width: 768px){body#liquid .section .contents .farmer .pattern li .panel .example,body#liquid .section .contents .farmer .pattern li .panel .effects{width:100%;padding:2.0833333333vw}}body#liquid .section .contents .farmer .pattern li .panel .example{position:relative;background-color:var(--bk10)}body#liquid .section .contents .farmer .pattern li .panel .example::after{content:"";position:absolute;top:0;left:100%;width:1.25rem;height:100%;background-color:var(--bk10);-webkit-clip-path:polygon(0 0, 100% 50%, 0 100%);clip-path:polygon(0 0, 100% 50%, 0 100%)}@media(max-width: 768px){body#liquid .section .contents .farmer .pattern li .panel .example::after{top:100%;left:0;width:100%;height:4.1666666667vw;-webkit-clip-path:polygon(0 0, 100% 0, 50% 100%);clip-path:polygon(0 0, 100% 0, 50% 100%)}}body#liquid .section .contents .farmer .pattern li .notes{display:flex;flex-direction:column;gap:.3125rem}@media(max-width: 768px){body#liquid .section .contents .farmer .pattern li .notes{gap:1.0416666667vw}}body#liquid .section .contents .farmer .pattern li .notes li{padding-left:1.05em;text-indent:-1.05em;color:var(--bk50);font-size:.875rem;line-height:1.75}@media(max-width: 768px){body#liquid .section .contents .farmer .pattern li .notes li{font-size:2.9166666667vw}}body#liquid .section .contents .farmer .summary p{color:var(--key);font-size:1.125rem;font-weight:700;text-align:center}@media(max-width: 768px){body#liquid .section .contents .farmer .summary p{font-size:3.3333333333vw}}body#liquid .section .contents .component{display:flex;flex-direction:column;gap:1.875rem}@media(max-width: 768px){body#liquid .section .contents .component{gap:4.1666666667vw}}@media(max-width: 768px){body#liquid .section .contents .component h4{margin-bottom:4.1666666667vw}}body#liquid .section .contents .component .annotation{display:flex;justify-content:flex-end;margin-bottom:-0.625rem}@media(max-width: 768px){body#liquid .section .contents .component .annotation{margin-bottom:-2.0833333333vw}}body#liquid .section .contents .component .annotation p{padding:.625rem 1.25rem;color:var(--key);font-size:.875rem;font-weight:700;background-color:var(--orange)}@media(max-width: 768px){body#liquid .section .contents .component .annotation p{padding:1.0416666667vw 2.0833333333vw;font-size:2.9166666667vw}}body#liquid .section .contents .component .scrolltable table tbody tr td{text-align:center}body#liquid .section .contents .component .scrolltable .division{position:relative}body#liquid .section .contents .component .scrolltable .division::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background-color:var(--bk20);-webkit-clip-path:polygon(1px 0, 100% calc(100% - 1px), calc(100% - 1px) 100%, 0 1px);clip-path:polygon(1px 0, 100% calc(100% - 1px), calc(100% - 1px) 100%, 0 1px)}body#liquid .section .contents .component .scrolltable .division span{position:absolute}body#liquid .section .contents .component .scrolltable .division span:nth-child(1){bottom:.625rem;left:1.25rem}@media(max-width: 768px){body#liquid .section .contents .component .scrolltable .division span:nth-child(1){bottom:2.0833333333vw;left:4.1666666667vw}}body#liquid .section .contents .component .scrolltable .division span:nth-child(2){top:.625rem;right:1.25rem}@media(max-width: 768px){body#liquid .section .contents .component .scrolltable .division span:nth-child(2){top:2.0833333333vw;right:4.1666666667vw}}body#liquid .section .contents .component .scrolltable .circle{width:1.25rem;aspect-ratio:1/1;margin:0 auto;border:.25rem solid var(--bk50);border-radius:50%;font-size:0}@media(max-width: 768px){body#liquid .section .contents .component .scrolltable .circle{width:4.1666666667vw;border-width:.8333333333vw}}body#liquid .section .contents .component .scrolltable .power{background-color:var(--orange)}body#liquid .section .contents .component .scrolltable .power .circle{border-color:var(--key)}body#liquid .section .contents .component .componentscroll{display:none}@media(max-width: 768px){body#liquid .section .contents .component .componentscroll{display:block;position:relative;margin-top:-2.0833333333vw;padding-right:3.125vw;color:var(--key);font-size:2.9166666667vw;font-weight:700;text-align:right}body#liquid .section .contents .component .componentscroll::after{content:"";position:absolute;top:50%;right:0;width:2.0833333333vw;height:2.0833333333vw;border-right:solid .4166666667vw var(--key);border-bottom:solid .4166666667vw var(--key);transform:translateY(-50%) rotate(-45deg)}}