.main-visual{position:relative;width:100%;height:55vh;min-height:500px;background-image:url(//stapro-pa.jp/wp/wp-content/themes/staprolp-myc/css/../images/visual/mainVisual.webp);background-size:cover;background-position:center;color:var(--color-text-light);overflow:hidden}.main-visual__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(57,184,174,.5),rgba(56,105,178,.5));z-index:1}.main-visual__container{position:relative;z-index:2}.main-visual__sub-title{background-color:#fff;color:var(--color-primary);display:inline-block;border-radius:var(--border-radius-sm);font-weight:var(--font-weight-bold);margin:0;padding:var(--spacing-xs) var(--spacing-md)}.main-visual__big-title{color:var(--color-text-light);font-weight:var(--font-weight-bold);text-shadow:var(--shadow-medium);margin:var(--spacing-md) 0 var(--spacing-xs)}.main-visual__description{color:var(--color-text-light);margin-top:0;font-weight:var(--font-weight-bold);text-shadow:var(--shadow-medium);line-height:1.6}.flowing-gallery-wrapper{position:relative;left:0;width:100%;min-height:150px;pointer-events:none;overflow:hidden}@media screen and (min-width:768px){.flowing-gallery-wrapper{min-height:250px}}.flowing-gallery__track{display:flex;white-space:nowrap;width:200%;position:static;left:auto;top:auto;height:100%;transform:translateX(-50%);animation:scroll-left 40s linear infinite;will-change:transform}.flowing-gallery__item{width:200px;height:150px;flex-shrink:0}@media screen and (min-width:768px){.flowing-gallery__item{width:350px;height:350px}}.flowing-gallery__item img{width:100%;height:100%;object-fit:cover}@keyframes scroll-left{from{transform:translateX(-50%)}to{transform:translateX(-.0001%)}}.problem-section{background:linear-gradient(to bottom,#fff,#d1e9f6)}.problem-item{background-color:var(--color-text-light);border-radius:var(--border-radius-sm);padding:var(--spacing-md);position:relative;line-height:var(--line-height-base);@media screen and (min-width:768px){padding:var(--spacing-md) var(--spacing-lg)}}.problem-item__text{font-size:var(--font-size-md)}.problem-item--odd:before,.problem-item--even:before{content:'';position:absolute;width:0;height:0;border-style:solid;z-index:1;bottom:-20px}.problem-item--odd:before{border-width:20px 0 0 20px;border-color:var(--color-text-light) transparent transparent transparent;right:var(--spacing-md);left:auto}.problem-item--even:before{border-width:20px 20px 0 0;border-color:var(--color-text-light) transparent transparent transparent;left:var(--spacing-md);right:auto}.problem-image-container{width:100%;max-width:90px;margin:var(--spacing-lg) auto 0 auto;@media screen and (min-width:768px){max-width:125px}}.solution-section{position:relative;background-color:var(--color-background)}.solution-section:before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:0;height:0;border-left:var(--spacing-xl) solid transparent;border-right:var(--spacing-xl) solid transparent;border-top:var(--spacing-lg) solid #d1e9f6;@media screen and (min-width:767px){border-left:calc(var(--spacing-xl) * 3) solid transparent;border-right:calc(var(--spacing-xl) * 3) solid transparent;border-top:var(--spacing-xl) solid #d1e9f6}}.solution-section__title{font-size:var(--font-size-xl);color:var(--color-text-dark);font-weight:var(--font-weight-bold);line-height:var(--line-height-sm)}.solution-section__logo{display:block;margin:var(--spacing-md) auto;max-width:300px;height:auto;opacity:.9;@media screen and (min-width:767px){max-width:450px}}.solution-section__highlight{background-color:var(--color-secondary);font-size:90%;color:var(--color-text-light);padding:0 var(--spacing-sm) .3rem var(--spacing-xs);margin:0 var(--spacing-xs);white-space:nowrap}.solution-image-container{width:100%;max-width:200px;margin:var(--spacing-sm) auto var(--spacing-lg) auto;@media screen and (min-width:768px){max-width:300px}}.solution-section__description{font-size:var(--font-size-md);line-height:var(--line-height-base);margin:0 auto var(--spacing-xl)}.strength-item{position:relative;grid-template-rows:subgrid;grid-row:span 3;background:#fff;border-radius:var(--border-radius-sm);padding:var(--spacing-lg) var(--spacing-md) var(--spacing-xl);justify-items:center;align-items:start;row-gap:var(--spacing-lg)}.strength-item__img{width:100%;max-width:200px;height:auto;max-height:100%;display:block;object-fit:contain}.strength-item__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);margin:0}.strength-item__text{line-height:var(--line-height-lg);max-width:300px;flex-grow:1;z-index:2;@media screen and (min-width:960px){max-width:100%}}.strength-item__number{position:absolute;font-family:var(--font-english);font-size:calc(var(--font-size-xxl) * 3);line-height:var(--line-height-sm);color:var(--color-background);bottom:-3.5rem;right:var(--spacing-sm);z-index:1}@media screen and (min-width:960px){.strength-item:nth-child(2){transform:translateY(50px)}.strength-item:nth-child(3){transform:translateY(100px)}}.works-list-wrapper{padding-bottom:var(--spacing-lg);position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:hidden}.works-list{box-sizing:border-box;gap:0}.card.swiper-slide{flex:0 0 auto;width:75vw;max-width:300px;@media screen and (min-width:960px){width:45vw;max-width:none}}.swiper-pagination{position:relative !important;bottom:auto !important;margin-top:var(--spacing-md);text-align:center}.swiper-pagination-bullet{background:#ccc;opacity:1}.swiper-pagination-bullet-active{background:var(--color-primary)}.swiper-button-prev,.swiper-button-next{display:none}.swiper-slide:not(.swiper-slide-active){transform:scale(.85);opacity:.7}.swiper-button-disabled{opacity:.3;cursor:auto;pointer-events:none}.projects-list{list-style:none}.project-card{height:100%;display:flex;flex-direction:column}.project-card__title{background-color:var(--color-primary);color:var(--color-text-light);padding:var(--spacing-md)}.project-card__tags{margin-block:var(--spacing-md)}.project-tag{background-color:var(--color-background);color:var(--color-primary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-lg);white-space:nowrap;font-size:var(--font-size-sm)}.project-card__thumbnail{margin-bottom:var(--spacing-lg)}.project-card__body{ul,ol{margin-left:2.5rem;padding:0}ul{list-style:disc}li::marker{color:var(--color-primary);font-size:var(--font-size-lg)}}.other-works-cases .section-title__jp{color:#333}.case-study-item{background-color:var(--color-background);color:var(--color-primary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-lg);white-space:nowrap;font-size:var(--font-size-sm)}.services-section{background-color:var(--color-background)}.service-card{position:relative;background-color:#fff;border-radius:var(--border-radius-sm);align-items:center;overflow:hidden}.service-card__link{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3}.service-card__photo-wrapper{width:100%;padding-bottom:66.66%;position:relative;overflow:hidden}.service-card__photo{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease-in-out}.service-card--front-page:hover .service-card__photo{transform:scale(1.05)}.service-card__text-content{position:relative}.service-card__text-content--front-page:before{content:'';position:absolute;top:10px;left:50%;transform:translate(-50%,-50%);width:75px;height:75px;background-color:#fff;border-radius:50%}.service-card__icon{position:relative;width:35px;height:35px;margin-top:-20px}.service-card__title{margin-top:0;margin-bottom:0;white-space:nowrap;z-index:2}.service-card__title--front-page{color:var(--text-dark)}.service-card__title--service-page{font-size:var(--font-size-lg);color:var(--color-primary);margin-bottom:var(--spacing-md);@media screen and (max-width:768px){font-size:var(--font-size-md)}}.service-card--service-page{padding-bottom:var(--spacing-lg)}.faq-list{list-style:none}.faq-item{margin-bottom:-1px;border-top:1px solid var(--color-border)}.faq-details{border-bottom:1px solid var(--color-border)}.faq-question{display:flex;align-items:center;cursor:pointer;font-weight:700;color:var(--color-black);font-size:var(--font-size-md);position:relative;list-style:none}.faq-question-content{display:flex;align-items:center;padding:var(--spacing-md);padding-right:var(--spacing-lg);width:100%}.faq-question-content:before{content:'Q';color:var(--color-primary);font-size:var(--font-size-xl);font-weight:700;margin-right:var(--spacing-md);flex-shrink:0}.faq-question__text{flex-grow:1;color:var(--text-dark);margin:0}.faq-question::-webkit-details-marker,.faq-question::marker{display:none}.faq-question:before,.faq-question:after{content:'';position:absolute;top:50%;right:var(--spacing-md);background-color:var(--color-primary);transition:transform .3s ease;transform:translate(50%,-50%)}.faq-question:before{width:14px;height:3px}.faq-question:after{width:3px;height:14px}.faq-details[open] .faq-question:after{transform:translate(50%,-50%) rotate(90deg)}.faq-answer{color:var(--color-text);font-size:var(--font-size-sm);line-height:1.6}.faq-answer-content{display:flex;align-items:flex-start;padding:var(--spacing-md) var(--spacing-md);padding-right:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.faq-answer-content:before{content:'A';color:var(--color-secondary);font-size:var(--font-size-xl);font-weight:700;margin-right:var(--spacing-md);flex-shrink:0}.flow-section{background-color:var(--color-background)}.flow-list{list-style:none;margin:0;padding:0}.flow-item{position:relative;margin-bottom:var(--spacing-lg);z-index:1}.flow-item__inner{display:grid;grid-template-columns:1fr 5fr;overflow:hidden;border-radius:var(--border-radius-sm);height:100%;@media screen and (min-width:768px){grid-template-columns:1fr 10fr}}.flow-item__step-number{background-color:var(--color-primary);color:var(--color-text-light);display:flex;justify-content:center;align-items:center;font-size:var(--font-size-xs);font-weight:700;position:relative;padding-inline:var(--spacing-sm);padding-block:var(--spacing-sm);line-height:1.3}.flow-step__number-value{display:block;text-align:center;font-family:var(--font-english);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium)}.flow-item__content{padding-inline:var(--spacing-md);padding-block:var(--spacing-md);background:white;display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-sm);text-align:start;@media screen and (min-width:768px){padding-inline:var(--spacing-lg)}}.flow-step__title{margin:0}.flow-item__description{margin:0}.flow-item:not(:last-child):after{content:'';position:absolute;top:100%;left:50%;border:35px solid transparent;border-top:20px solid var(--color-primary);transform:translateX(-50%);z-index:2;display:block}.page-bottom-section{background-color:var(--color-primary)}.page-bottom__header{display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md)}.page-bottom__text{white-space:nowrap;position:relative;margin:0;color:var(--color-text-light);&:before{content:'';position:absolute;top:50%;right:100%;margin-right:var(--spacing-md);transform:translateY(-50%) rotate(-45deg);width:1px;height:30px;background-color:var(--color-text-light)}&:after{content:'';position:absolute;top:50%;left:100%;margin-left:var(--spacing-md);transform:translateY(-50%) rotate(45deg);width:1px;height:30px;background-color:var(--color-text-light)}}.page-bottom__button{padding-block:var(--spacing-md);@media screen and (min-width:768px){font-size:140%}}.page-bottom__button .icon-mail:before{margin-right:var(--spacing-sm)}.ceo-message__photo-wrapper{flex-shrink:0;width:100%;height:auto;@media screen and (min-width:768px){max-width:250px}}.ceo-message__photo{width:100%;height:auto;display:block;object-fit:cover}.ceo-message__text-content{flex-grow:1}.ceo-message__text{line-height:var(--line-height-lg);margin-bottom:var(--spacing-md)}.ceo-message__position{font-size:var(--font-size-md)}.ceo-message__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-nomal);color:var(--color-text-dark);margin:0}.company-map-section{padding-bottom:0;margin-bottom:-1px}.google-map-container{width:100%}.google-map-container iframe{display:block;width:100%;height:350px;border:0}.contact-lead-text{margin-bottom:var(--spacing-md)}.contact-page-info{padding-bottom:var(--spacing-lg);margin-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border)}.contact-page-info .contact-item{display:flex;justify-content:flex-start;align-items:center;gap:var(--spacing-xs)}.contact-page-info .contact-item .icon-phone{font-size:var(--font-size-lg);color:var(--color-primary)}.contact-page-info .contact-item .icon-phone:before{content:"\f095";font-family:"Font Awesome 6 Free";font-weight:900}.contact-page-info .contact-item .tel-number{font-size:var(--font-size-xxl);font-weight:700;color:var(--color-primary);text-decoration:none;line-height:normal}.contact-page-info .contact-hours-text{font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.price-section{background-color:var(--color-background)}.price-plans,.price-options{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-xl)}.price-card{background-color:var(--color-text-light);border-radius:var(--border-radius-md);box-shadow:var(--shadow-light);overflow:hidden;width:100%;max-width:768px;display:flex;flex-direction:column}.price-card-header{padding:var(--spacing-md);color:var(--color-text-light);border-top-left-radius:var(--border-radius-md);border-top-right-radius:var(--border-radius-md)}.price-card-header.color-004f93{background-color:#004f93}.price-card-header.color-03477a{background-color:#03477a}.price-card-header.color-ddb458{background-color:#ddb458}.price-card-header.color-188d93{background-color:#188d93}.price-card .plan-name{font-weight:var(--font-weight-bold);margin:0;line-height:var(--line-height-sm);color:var(--color-text-light)}.price-card-body{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.price-value{display:flex;align-items:flex-end;justify-content:center;padding:var(--spacing-md);color:var(--color-primary)}.price-number{font-size:var(--font-size-xxxxxl);font-weight:var(--font-weight-bold);line-height:1}.price-unit{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);align-self:flex-end;margin-left:var(--spacing-xs);margin-bottom:var(--spacing-xxs)}.price-detail-list{list-style:none;margin:0;padding:0}.price-detail-item{padding:var(--spacing-xs) 0;border-bottom:1px dotted var(--color-border);background-color:transparent}.price-detail-item:nth-of-type(odd){background-color:#f5f5f5}.price-detail-item:last-child{border-bottom:none}.price-detail-item .list__item{display:flex;align-items:baseline;flex-wrap:nowrap;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.price-detail-item .list__item-title{font-weight:var(--font-weight-bold);font-size:var(--font-size-md);margin:0;flex-shrink:0;min-width:80px}.price-detail-item .list__item-detail{font-size:var(--font-size-md);color:var(--color-text-dark);text-align:end;margin:0;flex-grow:1}.plus-icon .icon-plus:before{content:"\f067";font-family:"Font Awesome 6 Free";font-weight:900;font-size:var(--font-size-xxxl);color:var(--color-primary);margin-block:var(--spacing-md)}.option-card .price-card-body .price-value{display:none}