.prd-detail-page .prd-detail-banner{margin-bottom:30%;position:relative;width:100%;height:100vh;min-height:100vh}.prd-detail-page .prd-detail-content{position:absolute;top:30%;left:50%;transform:translate(-50%, -50%);width:90%}.prd-detail-page .prd-detail-wrapper-img{position:absolute;left:50%;bottom:0;transform:translate(-50%, 50%);width:100%;max-width:1150px}.prd-detail-page .prd-detail-img{width:100%;height:100%;object-fit:cover}.prd-detail-page .prd-detail-bg-img{position:absolute;width:100%;height:100vh;object-fit:cover}.prd-detail-page .ln-prd-wrapper-detail{margin:0 auto 50px;display:flex;align-items:center;justify-content:center}.prd-detail-page .prd-detail-title{font-family:var(--font-family-heading);color:var(--white);font-size:var(--font-5xl);font-weight:800;line-height:1.2;text-align:center}.prd-detail-page .prd-detail-sub-title{color:var(--white);font-size:var(--font-md-3);font-weight:600;line-height:1.26;text-align:center}.prd-detail-page .ln-prd-detail{width:200px;border-radius:4px;background:var(--white);box-shadow:0px 0px 10px rgba(0,0,0,0.05)}.prd-detail-page .ln-prd-btn-link{padding:10px 24px;width:100%;color:var(--primary-color);font-size:var(--font-sm);font-weight:800;line-height:21px;text-align:center}.prd-detail-page .ln-prd-btn-link:hover{width:100%;box-shadow:0px 0px 10px rgba(0,0,0,0.2)}.prd-detail-page .ln-prd-detail-container a{padding:10px 24px;width:100%;display:inline-block}.prd-detail-page .page-body{margin-top:45px}.prd-detail-page .page-body .section-title{text-transform:uppercase}.prd-detail-page .section .sub-title{font-size:var(--font-xl);font-weight:800}html:lang(ja) .prd-detail-page .section .sub-title,html:lang(ja) .prd-detail-page .section .sub-title *{line-height:1.3}.prd-detail-page .problem-section{padding-top:40px;padding-bottom:0;display:flex}.prd-detail-page .problem-section>div{display:flex;flex-wrap:wrap}.prd-detail-page .problem-section .section-title{margin-right:100px}.prd-detail-page .problem-section .content{flex:1}.prd-detail-page .solution-section{display:flex;align-items:center}.prd-detail-page .solution-section>div{display:flex;align-items:center}.prd-detail-page .solution-section .section-title{margin-bottom:42px}.prd-detail-page .solution-section figure{flex:1}.prd-detail-page .solution-section figure img{width:100%}.prd-detail-page .solution-section .solution-content{padding:0 40px;width:50%}.prd-detail-page .solution-section .solutions-list .list-item{margin-bottom:24px}.prd-detail-page .solution-section .solutions-list .sub-title{margin-bottom:8px}.prd-detail-page .solution-section .challenges-list{margin-left:25px;list-style:disc}.prd-detail-page .solution-section .challenges-list .list-item{margin:0}.prd-detail-page .features-section{background-color:var(--gray-3)}.prd-detail-page .features-section .section-title{margin-bottom:40px}.prd-detail-page .features-section .feature-item:not(:last-child){margin-bottom:42px}.prd-detail-page .features-section .feature-item>div{display:flex}.prd-detail-page .features-section figure{flex:1}.prd-detail-page .features-section figure img{width:100%}.prd-detail-page .features-section .content-group{padding:40px;width:50%;display:flex;flex-direction:column;justify-content:center}.prd-detail-page .features-section .content-group .sub-title{margin-bottom:30px}.prd-detail-page .technology-section{padding-bottom:0}.prd-detail-page .technology-section .section-title{margin-bottom:50px}.prd-detail-page .technology-section .sub-title{margin-bottom:24px}.prd-detail-page .technology-section .technologies-item:not(:last-child){margin-bottom:36px;border-bottom:solid 2px var(--gray-3)}.prd-detail-page .technology-section .icons-list{display:flex;flex-wrap:wrap}.prd-detail-page .technology-section .icon-item{margin:0 40px 40px 0;position:relative}.prd-detail-page .technology-section .icon-item .tech-name{position:absolute;bottom:-4px;left:50%;transform:translate(-50%, 100%);color:#53585F;font-size:var(--font-xs);font-weight:800;text-align:center;display:none}.prd-detail-page .technology-section .icon-item:hover .tech-name{display:block}.prd-detail-page .other-prd-section.section{padding:40px 0}.prd-detail-page .other-prd-section .section-title{margin-bottom:40px}.prd-detail-page .other-prd-section .prd-list{display:flex;justify-content:center}.prd-detail-page .other-prd-section .prd-item{margin:0 20px 0;width:48%;position:relative}.prd-detail-page .other-prd-section .prd-item a:hover::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;background-color:rgba(0,0,0,0.7)}.prd-detail-page .other-prd-section .prd-item img{width:100%;height:100%;border-radius:4px;vertical-align:middle}.prd-detail-page .other-prd-section .prd-item img{width:100%;height:100%;border-radius:4px;vertical-align:middle}.prd-detail-page .other-prd-section a.prd-link{height:100%}.prd-detail-page .other-prd-section .prd-item .prd-item-link-title{position:absolute;top:50%;left:50%;width:90%;transform:translate(-50%, -50%);color:var(--white);font-size:var(--font-xxxl);font-weight:800;text-align:center;z-index:1;opacity:0}.prd-detail-page .other-prd-section .prd-item a.prd-link:hover .prd-item-link-title{opacity:1}@media screen and (max-width: 1100px){.prd-detail-page .other-prd-section .prd-item .prd-item-link-title{font-size:28px}}@media screen and (max-width: 1024px){.prd-detail-page .problem-section{margin-bottom:0}.prd-detail-page .solution-section{margin-bottom:0}.prd-detail-page .features-section{margin-bottom:20px}}@media screen and (max-width: 992px){.prd-detail-page .prd-detail-content{top:50%}.prd-detail-page .problem-section{display:block}.prd-detail-page .problem-section .section-title{margin-bottom:24px;width:100%}.prd-detail-page .prd-detail-title{font-size:var(--font-xxxl)}.prd-detail-page .solution-section{display:block}.prd-detail-page .solution-section .solution-content{padding:20px;width:100%}.prd-detail-page .features-section .feature-item>div{display:block}.prd-detail-page .features-section .content-group{padding:24px 0;width:100%}.prd-detail-page .features-section figure{margin:0}.prd-detail-page .features-section .content-group .sub-title{margin-bottom:8px}}@media screen and (max-width: 900px){.prd-detail-page .other-prd-section .prd-item .prd-item-link-title{font-size:var(--font-lg)}}@media screen and (max-width: 768px){.prd-detail-page .section{padding-top:40px;padding-bottom:40px}.prd-detail-page .other-prd-section .prd-item .prd-item-link-title{width:80%}.prd-detail-page .section .sub-title{margin-bottom:8px;font-size:var(--font-lg)}.prd-detail-page .features-section{margin-bottom:0}.prd-detail-page .technology-section .sub-title{padding-bottom:16px}.prd-detail-page .technology-section .technologies-item:not(:last-child){margin-bottom:24px}.prd-detail-page .other-prd-section .prd-list{display:block}.prd-detail-page .other-prd-section .prd-item{margin-bottom:24px;width:auto}.prd-detail-page .other-prd-section .prd-item a{width:100%}.prd-detail-page .other-prd-section .prd-item a:hover::after{bottom:0}.prd-detail-page .other-prd-section .prd-item-link-title{font-size:var(--font-lg)}}@media screen and (max-width: 550px){.prd-detail-page .prd-detail-title{font-size:var(--font-xxl)}}@media screen and (max-width: 528px){.prd-detail-page .other-prd-section .prd-item .prd-item-link-title{width:90%}.prd-detail-page .ln-prd-btn-link{width:100%}.prd-detail-page .ln-prd-btn-link:hover{box-shadow:none}}@media screen and (max-width: 480px){.prd-detail-page .problem-section .section-title{margin-right:0}}@media screen and (max-width: 375px){.prd-detail-page .technology-section .icon-item{margin-right:16px}.prd-detail-page .other-prd-section{padding:20px}}@media screen and (max-width: 320px){.prd-detail-page .other-prd-section .prd-item .prd-item-link-title{font-size:var(--font-md-3)}}
