@import url(https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&display=swap);.mv{position:relative;display:flex;align-items:center;justify-content:center;min-height:420px;padding-block:40px;font-family:Geist,IBM Plex Sans JP,sans-serif}.mv__copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:24px;padding-inline:6%;text-align:center}.mv__copy::after{width:160px;height:8px;content:"";background-color:#36622b}.mv__title{font-size:3.2rem;font-weight:600;line-height:1;color:#fff}.mv__title-block{display:flex;flex-direction:column;gap:8px}.mv__subtitle{font-size:1.4rem;font-weight:600;line-height:1.4;color:#fff}.mv__bg{position:absolute;inset:0;z-index:0;overflow:hidden}.mv__bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.contents{padding:100px 6%}.contents>section+section{margin-top:80px}.heading{font-family:Geist,IBM Plex Sans JP,sans-serif;font-size:2.8rem;font-weight:600;line-height:1.2;color:#1a1a1a}.heading::after{display:block;width:120px;height:4px;margin-top:24px;content:"";background-color:#36622b}.btn{display:inline-flex;gap:12px;align-items:center;padding:16px 24px;font-family:Geist,IBM Plex Sans JP,sans-serif;font-size:1.5rem;font-weight:500;line-height:1.5;color:#fff;background-color:#36622b;border-radius:8px}.btn__icon{flex-shrink:0;width:24px;height:24px}.btn__icon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.btn.is-inline{margin-top:24px}.callout{overflow:hidden;background-color:#36622b;border-radius:16px}.callout__body{padding:40px 6%}.callout.is-photo .callout__body{background:url(/assets/img/product/functional-chemicals/biofront/bg_about.webp) center/cover no-repeat}.callout__title{font-family:Geist,IBM Plex Sans JP,sans-serif;font-size:2rem;font-weight:700;line-height:1.4;color:#fbfad3}.callout__text{margin-top:24px;font-family:Geist,IBM Plex Sans JP,sans-serif;font-size:1.5rem;line-height:1.7;color:#fbfad3}.about{font-family:Geist,IBM Plex Sans JP,sans-serif}.about__lead{margin-top:40px;font-size:1.8rem;font-weight:700;line-height:1.6;color:#36622b}.about__cols{margin-top:40px}.about__img{overflow:hidden;aspect-ratio:455/341}.about__img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.about__body{margin-top:24px}.about__text{font-size:1.5rem;line-height:1.7;color:#1a1a1a}.badge{display:flex;flex-shrink:0;gap:8px;align-items:center;padding:8px;background-color:#36622b;border-radius:8px}.badge__icon{width:48px;height:48px}.badge__icon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.badge__label{font-family:Geist,IBM Plex Sans JP,sans-serif;font-size:1.3rem;font-weight:600;line-height:1;color:#fbfad3;white-space:nowrap}.badge.is-wide{padding-inline:16px;background-color:#729d39}.features{font-family:Geist,IBM Plex Sans JP,sans-serif}.features__list{margin-top:24px}.features__item{padding:24px 6%;background-color:#fbfad3;border-radius:16px}.features__item+.features__item{margin-top:24px}.features__head{display:flex;gap:16px;align-items:center}.features__title{font-size:1.8rem;font-weight:600;line-height:1.4;color:#36622b}.features__body{margin-top:24px}.features__text{font-size:1.5rem;line-height:1.7;color:#36622b}.features__fig{margin-top:24px}.features__fig img{width:100%;height:auto}.summary{display:grid;gap:16px;margin-top:40px}.summary__card{display:flex;gap:16px;align-items:center;padding:24px;background-color:#729d39;border-radius:16px}.summary__title{font-size:1.6rem;font-weight:600;line-height:1.5;color:#fbfad3}.usecase{font-family:Geist,IBM Plex Sans JP,sans-serif}.usecase__lead{margin-top:40px;font-size:1.5rem;line-height:1.7;color:#1a1a1a}.usecase__list{display:grid;gap:16px;margin-top:24px}.usecase__card{position:relative;display:flex;align-items:center;min-height:200px;padding-inline:24px;overflow:hidden}.usecase__img{position:absolute;inset:0;z-index:0}.usecase__img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.usecase__label{position:relative;z-index:1;font-size:1.6rem;font-weight:600;line-height:1.5;color:#fff}.reason{font-family:Geist,IBM Plex Sans JP,sans-serif}.reason__box{margin-top:40px;padding:24px 6%;background-color:#fbfad3}.reason__title{font-size:1.8rem;font-weight:700;line-height:1.4;color:#36622b}.reason__text{margin-top:24px;font-size:1.5rem;line-height:1.7;color:#36622b}@media screen and (min-width:768px){.mv{min-height:643px}.mv__copy{gap:31px;padding-inline:0}.mv__copy::after{width:200px}.mv__title{font-size:4rem}.mv__subtitle{font-size:1.8rem}.contents{max-width:calc(1200px + 80px);padding:200px 40px;margin-inline:auto}.contents>section+section{margin-top:160px}.heading{font-size:4.8rem;line-height:1}.btn{font-size:1.8rem}.callout__body{padding:80px}.callout__title{font-size:3.2rem}.callout__text{font-size:1.8rem;line-height:1.5}.about__lead{font-size:2.4rem}.about__img{max-width:455px}.about__text{font-size:1.8rem;line-height:1.5}.badge__label{font-size:1.5rem}.features__list{margin-top:40px}.features__item{padding:40px}.features__item+.features__item{margin-top:40px}.features__title{font-size:2.4rem}.features__text{font-size:1.8rem;line-height:1.5}.features__fig{max-width:596px}.summary__card{min-height:160px}.summary__title{font-size:2rem}.usecase__lead{font-size:1.8rem;line-height:1.5}.usecase__list{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.usecase__card{min-height:260px}.usecase__label{font-size:2rem}.reason__box{padding:80px}.reason__title{font-size:2.4rem}.reason__text{font-size:1.8rem;line-height:1.5}}@media screen and (min-width:1280px){.btn.is-inline{margin-top:0}.about__cols{display:grid;grid-template-columns:455px 1fr;gap:80px;align-items:start}.about__body{margin-top:0}.features__body{display:grid;grid-template-columns:1fr 596px;gap:24px;align-items:start}.features__fig{margin-top:0}.summary{grid-template-columns:repeat(3,1fr);gap:24px}.reason__row{display:grid;grid-template-columns:1fr auto;gap:80px;align-items:center}}