:root{--font-noto-sans-jp:"Noto Sans JP",sans-serif;--font-open-sans:"Open Sans",sans-serif;--color-primary:#044362;--color-link:#0080ff;--color-text:#333;--color-muted:#a1bac9;--color-bg:#e6eef5}body{font-family:var(--font-noto-sans-jp);margin:0}.about-page{overflow-x:clip}.about-page .container{max-width:1080px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@media (min-width:1280px){.about-page .container{padding-left:0;padding-right:0}}.about-page .two-column-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:1024px){.about-page .two-column-grid{grid-template-columns:repeat(2,1fr)}}.about-page .three-column-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:1024px){.about-page .three-column-grid{grid-template-columns:repeat(3,1fr)}}.about-page .main-content{flex:1;margin-top:-50lvh;padding-bottom:0}.scrolly-container{height:250lvh;position:relative}@media (min-width:640px){.about-page .main-content{padding-bottom:0}}.about-page .content-wrapper{margin-top:10px}@media (min-width:640px){.about-page .content-wrapper{margin-top:13px}}.about-page .breadcrumb{margin-bottom:28px;font-size:11px}.about-page .breadcrumb ol{flex-wrap:wrap;align-items:center;gap:3px;margin:0;padding:0;list-style:none;display:flex}.about-page .breadcrumb li{align-items:center;display:flex}.about-page .breadcrumb a{color:var(--color-muted);text-decoration:none;transition:color .2s}.about-page .breadcrumb a:hover{color:var(--color-link)}.about-page .breadcrumb .separator{color:var(--color-muted);margin:0 1.25px}.about-page .breadcrumb .current{color:var(--color-link)}@media (min-width:640px){.about-page .breadcrumb{margin-bottom:36px;font-size:12px}.about-page .breadcrumb ol{gap:4.25px}}.about-page .page-title{color:var(--color-primary);margin:0 0 32px;font-size:24px;font-weight:400}@media (min-width:640px){.about-page .page-title{font-size:32px}}.about-page .section{background:#fff;border-radius:8px;margin-bottom:32px;padding:24px}@media (min-width:640px){.about-page .section{padding:32px}}.about-page .section-title{color:var(--color-primary);margin:0 0 23px;font-size:23px;font-weight:700}@media (min-width:640px){.about-page .section-title{font-size:24px}}.about-page .section-subtitle{color:var(--color-primary);margin:0 0 12px;font-size:18px;font-weight:700}.about-page .section p{color:var(--color-text);margin:0 0 16px;line-height:1.625}.about-page .section p:last-child{margin-bottom:0}.about-page .section ul{color:var(--color-text);margin:0;padding-left:1.5em}.about-page .section ul li{margin-bottom:8px}.about-page .section ul li:last-child{margin-bottom:0}.about-page .hero-container{justify-content:center;align-items:center;width:100%;min-height:100lvh;display:flex;position:relative}.about-page .hero-bg{top:var(--about-fv-inset,10px);left:var(--about-fv-inset,10px);right:var(--about-fv-inset,10px);bottom:var(--about-fv-inset,10px);z-index:1;pointer-events:none;opacity:1;width:auto;height:auto;transition:opacity .8s cubic-bezier(.22,1,.36,1);position:fixed}.about-page .hero-bg *{pointer-events:none}.about-page .hero-bg img{object-fit:cover;width:100%;height:100%}.about-page .hero-scrolly-video video,.about-page .hero-scrolly-video canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.about-page .hero-scrolly-video{top:var(--about-fv-inset,10px);right:var(--about-fv-inset,10px);bottom:var(--about-fv-inset,10px);left:var(--about-fv-inset,10px);pointer-events:none;z-index:0;opacity:0;width:auto;height:auto;transition:opacity .8s cubic-bezier(.22,1,.36,1);position:fixed;overflow:hidden}.about-page .hero-scrolly-video:after{content:"";pointer-events:none;z-index:2;opacity:1;background:radial-gradient(120% 90% at 70% 25%,#10638f47 0%,#10638f00 62%),linear-gradient(#10638f38 0%,#10638f1a 45%,#10638f0f 100%);position:absolute;inset:0}body.about-scrolly-active .about-page .hero-scrolly-video:after{animation:.85s ease-out both about-scrolly-kv-tint-flash}@keyframes about-scrolly-kv-tint-flash{0%{opacity:.9}35%{opacity:.5}to{opacity:0}}@media (max-width:768px){.about-page .hero-scrolly-video:after{background:radial-gradient(125% 95% at 62% 24%,#10638fe6 0% 60%),linear-gradient(#10638f2e 0%,#10638f14 46%,#10638f0a 100%)}}body.about-scrolly-active .hero-scrolly-video{opacity:1}body.about-scrolly-active .about-fv-area .hero-bg{opacity:0}body.zoom-modal-open .about-page .about-fv-area .hero-bg{opacity:0!important;visibility:hidden!important}.about-page .hero-content{z-index:10;text-align:center;color:#fff;padding:0 20px;position:relative}@media (max-width:768px){.about-page .main-content{margin-top:-200lvh}.about-page .hero-content{padding:0 30px;position:absolute;top:130px}.about-page .hero-title{margin-bottom:16px}}.about-page .hero-title{margin-bottom:0;font-size:32px;font-weight:700}.about-page .hero-subtitle{font-size:18px}@media (min-width:1024px){.about-page .hero-title{font-size:48px}.about-page .hero-subtitle{font-size:20px}}.about-page .pc-only{display:block}.about-page .sp-only{display:none}@media (max-width:768px){.about-page .pc-only{display:none}.about-page .sp-only{display:block}}.about-page .about-fv-area{--about-fv-inset:calc(10px*(1 - var(--about-fv-progress,0)));padding:0}.about-page .about-fv-area .hero-container{justify-content:flex-start;padding-left:90px}.about-page .about-fv-area .breadcrumb{z-index:11;margin-bottom:0;position:absolute;top:calc(100svh - 70px);left:100px}.about-page .about-fv-area .breadcrumb .current{color:#fff}.about-page .about-fv-area .breadcrumb a,.about-page .about-fv-area .breadcrumb .separator{opacity:.5;color:#fff}.about-page .anchorlinks{z-index:11;position:absolute;bottom:57px;right:99px}@media (max-width:768px){.about-page .about-fv-area:before,.about-page .about-fv-area:after{content:"";background-color:var(--color-bg);pointer-events:none;z-index:2;height:10px;transform:scaleY(calc(1 - var(--about-fv-progress,0)));will-change:transform;transition:none;position:fixed;left:0;right:0}.about-page .about-fv-area:before{transform-origin:top;top:0}.about-page .about-fv-area:after{transform-origin:bottom;bottom:0}.about-page .about-fv-area .hero-bg{box-sizing:border-box;width:100%;height:100lvh;padding:var(--about-fv-inset,10px);display:block;position:sticky;top:0;left:0}.about-page .about-fv-area .hero-scrolly-video{box-sizing:border-box;width:100%;height:100lvh;padding:var(--about-fv-inset,10px);inset:0 0 auto}.about-page .about-fv-area .hero-container{flex-direction:column;align-items:flex-start;min-height:250lvh;padding-left:0}.about-page .about-fv-area .breadcrumb{top:calc(100svh - 70px);left:30px}.about-page .anchorlinks{right:inherit;top:calc(100svh - 340px);bottom:auto;left:30px}}.about-page .about-tec__section{color:#fff;top:calc(var(--header-pc-height) + 20px);z-index:1;position:sticky}.about-page .about-tec__section.is-pending-reveal{opacity:0;transition:opacity .4s}.about-page .about-tec__section.is-pending-reveal.is-revealed{opacity:1}.about-page .about-tec__section h2{text-align:center;font-size:40px;font-weight:600}.about-page .about-tec__section p{text-align:center;margin-top:45px;line-height:2.4}.about-page .about-tec__image{width:100%;max-width:720px;margin:64px auto 0}.about-page .about-tec__image picture,.about-page .about-tec__image img{width:100%;display:block}.about-page .about-tec__image picture{clip-path:inset(0 0 20px);margin-bottom:-20px}.about-page .about-tec__btn{justify-content:center;align-items:center;gap:64px;margin-top:64px;display:flex}.about-page .about-tec__btn a>div:first-child{border-color:#5389a3}.about-page .about-tec__btn>div{padding:0}@media (max-width:768px){.about-page .about-tec__section{padding-left:15px;padding-right:15px;top:25px}.about-page .about-tec__section h2{font-size:24px}.about-page .about-tec__section p{margin-top:21px}.about-page .about-tec__image{margin-top:30px}.about-page .about-tec__btn{flex-direction:column;gap:15px;margin-top:30px}}.about-page .about-content .container{max-width:100%;padding-top:0}@media (max-width:1290px){.about-page .about-content .container{padding-left:0;padding-right:0}}.about-page .about-content section h2{font-size:40px}.about-page .about-content section.business{background-color:#459dbf;padding:117px 0 158px}.about-page .about-content section.business h2{color:#fff}.about-page .history{width:100%;max-width:1110px;margin:0 auto;padding:118px 15px 0}.about-page .history__card--border{content:"";background-color:var(--color-primary);width:232px;height:1px;margin-bottom:17px;margin-right:-50px;display:block}.about-page .history__titlewrap p{color:var(--color-primary);text-align:right;margin-bottom:15px;font-size:18px;line-height:1.8}.about-page .history__panel{margin:45px 0 0;display:none}.about-page .history__panel.is-active{display:block}.about-page .history__body{color:var(--color-primary);justify-content:space-between;align-items:flex-start;gap:218px;display:flex}.about-page .history__text{max-width:436px}.about-page .history__media{max-width:426px}.about-page .history__label{font-size:14px}.about-page .history__label span{font-family:var(--font-open-sans);margin-right:5px;font-size:22px}.about-page .history__title{font-size:32px}.about-page .history__desc{margin:15px 0 0;line-height:2}.about-page .history__tab{color:var(--color-primary);font-size:10px}.about-page .history__tab span{font-family:var(--font-open-sans);font-size:14px}.about-page .history__tab{opacity:.4;border:1px solid var(--color-primary);padding:0 25px;transition:all .5s}.about-page .history__tab.is-active{opacity:1}@media (max-width:768px){.about-page .about-content section.business{padding:58px 0}.about-page .history{margin:0 0 8px;padding:58px 15px 25px}.about-page .history__titlewrap{flex-direction:column;align-items:self-start}.about-page .history__titlewrap p{text-align:left;margin-bottom:0;font-size:14px}.about-page .history__card--border{display:none}.about-page .history__inner{flex-direction:column;display:flex}.about-page .history__panels{order:2}.about-page .history__tab{padding:4px 16.5px}.about-page .history__tab span{font-size:12px}.about-page .history__tabs{order:1;margin:30px 0 0}.about-page .history__panel{margin:15px auto 0}.about-page .history__body{flex-direction:column;gap:15px}.about-page .history__desc{font-size:14px}.about-page .history__text{max-width:100%}.about-page .history__media{max-width:75%;margin:0 auto}.about-page .history__label{padding-right:10px;font-size:12px;display:inline}.about-page .history__label span{font-size:18px}.about-page .history__title{font-size:24px;display:inline}}.about-page .data{background-color:#fff;padding:116px 0 158px}.about-page .data__wrap{width:100%;max-width:1110px;margin:0 auto;padding-left:15px;padding-right:15px}@media (max-width:768px){.about-page .data{padding:58px 0}.about-page .data__wrap{padding:0 15px}}.about-page .business__title-wrap{width:100%;max-width:1080px;margin:0 auto}.about-page .business__map{width:100%;max-width:1080px;margin:-23px auto 0;position:relative}.about-page .business__map-copy{flex-direction:column;align-items:flex-end;display:flex;position:absolute;top:0;right:0}.about-page .business__map-copy div{background-color:#fff;width:max-content;display:block}.about-page .business__map-copy div span{color:var(--color-primary);padding:0 0 0 10px;font-size:24px}.about-page .business__map-copy.is-english div span{padding-right:10px}.about-page .business .modal{z-index:9999;display:none;position:fixed;inset:0}.about-page .business .modal__overlay{position:absolute;inset:0}.about-page .business .modal__content{border:1px solid var(--color-primary);background:#fff;width:492px;max-width:720px;margin:60px auto;padding:19px 23px 64px;position:relative}@media (max-width:1020px){.about-page .business .modal__content{max-width:357px}}.about-page .business .modal__close{color:#fff;background:var(--color-primary);cursor:pointer;border:0;justify-content:center;align-items:center;gap:5px;width:100%;height:40px;display:flex;position:absolute;bottom:0;left:0}.about-page .business .modal__inner{justify-content:center;align-items:center;gap:24px;display:flex}.about-page .business .modal__iamge{min-width:160px}.about-page .business .modal__inner h3{color:var(--color-primary);font-size:18px;font-weight:700}.about-page .business .modal__name{color:var(--color-primary);margin-top:7px;font-size:16px;font-weight:700}.about-page .business .modal__copy{margin-top:7px;line-height:1.8}@media (min-width:768px){.about-page .modal.is-anchored .modal__content{margin:0;position:fixed}}@media (max-width:768px){.about-page .about-content .container{padding-left:0;padding-right:0}.about-page .about-content section h2{font-size:24px}.about-page .business__title-wrap{padding:0 15px}.about-page .business__map{margin:0;padding:40px 0 102px;overflow:clip visible}.about-page .business__map-copy{right:15px}.about-page .business__map-copy div{padding:1px 0}.about-page .business__map-copy div span{padding:0 0 0 5px;font-size:16px}.about-page .business__map-copy.is-english{right:10px}.about-page .business__map-copy.is-english div span{padding-left:5px;padding-right:5px}.about-page .business__map .sp-only{margin-top:15px;transform:scale(1.05)}.about-page .business .modal__content{max-width:92%;margin:0 auto;padding:20px 15px 60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about-page .business .modal__inner{flex-direction:column;gap:20px}.about-page .business .modal__iamge{min-width:unset;width:80%}.about-page .business .modal__inner h3{font-size:16px}.about-page .business .modal__name{margin-top:5px;font-size:14px}.about-page .business .modal__copy{font-size:14px}html[lang=ja] .about-page .business .modal__copy{text-align:justify}.about-page .business .modal__close{gap:10px;height:45px;font-size:14px}}@media (max-width:375px){.about-page .business__map{padding:77px 0 89px}.about-page .business__map .sp-only{margin-top:0}}.about-page .product-service-heading{color:#fff;border:1px solid #fff;justify-content:center;align-items:center;width:98%;height:500px;margin:240px auto 0;display:flex}@media (max-width:768px){.about-page .product-service-heading{width:96%;margin:140px auto 0}}.about-page .organo-product{padding:93px 0 0}.about-page .organo-product h3{color:#fff;text-align:center;font-size:24px}.about-page .organo-product__btn{justify-content:center;align-items:center;gap:24px;margin:32px auto 0;display:flex}.about-page .organo-product__btn>div{width:416px;height:72px}.about-page .organo-product__btn>div a{padding-right:15px}@media (max-width:768px){.about-page .organo-product{padding:80px 0 0}.about-page .organo-product h3{padding:0 15px;font-size:20px}.about-page .organo-product__btn{flex-direction:column;gap:14px;margin:28px auto 0}.about-page .organo-product__btn>div{width:345px;height:80px}}.about-page .strategy{padding:117px 15px 120px}.about-page .strategy__wrap{width:100%;max-width:1080px;margin:0 auto}.about-page .strategy .section-title{margin:0 0 55px}.about-page .strategy__box h3{color:var(--color-primary);font-size:24px}.about-page .strategy__box p{margin-top:12px;line-height:28.8px}@media (max-width:375px){.about-page .strategy__box h3{font-size:20px}.about-page .strategy__box p{margin-top:11px;line-height:25.2px}}.about-page .strategy__list{justify-content:center;align-items:flex-start;gap:15px;margin:45px 0 0;display:flex}.about-page .strategy__image{margin:45px auto 0}.about-page .strategy__sustainability{margin-top:calc(var(--header-pc-height) + 20px)}.about-page .strategy__sustainability .strategy__image{width:100%;max-width:468px}.about-page .strategy__sustainability-btn>div{padding:0}.about-page .strategy__sustainability-btn>div a{margin:48px auto 0}.about-page .strategy__capital{margin-top:121px}.about-page .strategy__btn>div{padding:0}.about-page .strategy__btn div a{margin:120px auto 0}@media (max-width:768px){.about-page .strategy{padding:60px 15px 80px}.about-page .strategy .section-title{margin:0 0 28px}.about-page .strategy__list{flex-wrap:wrap;gap:13px;margin:30px 0 0}.about-page .strategy__list li{width:48%}.about-page .strategy__sustainability{margin-top:58px}.about-page .strategy__sustainability-btn>div a{margin:30px auto 0}.about-page .strategy__capital{margin-top:60px}.about-page .strategy__btn div a{margin:60px auto 0}.about-page .strategy__image{margin:27px auto 0}}@media (min-width:769px){.about-page .strategy__sustainability .strategy__image{width:800px;max-width:800px}}.about-histories-bg{background-image:var(--histories-bg-desktop);background-position:100% 100%;background-repeat:no-repeat;background-size:484px 545px}@media (max-width:1023px){.about-histories-bg{background-image:var(--histories-bg-mobile);background-size:240px 240px}}
