.service-section{background:var(--white-bg)}.service-section .service-card-link{width:100%}.service-section .section-title{z-index:2}.service-section .section-desc{margin:0 auto}.service-section .service-card-content{position:absolute;top:16px;left:16px;bottom:16px;right:16px;background:var(--white);z-index:1;display:none}.service-section .service-card-content .service-card-title{margin-top:16px;font-size:16px;text-align:left}.service-section .service-card-box{position:relative;display:flex;flex-direction:column;align-items:center;padding:16px;border-radius:8px;background:var(--white);height:270px}.service-section .service-card-box::before{content:"";position:absolute;top:16px;left:50%;opacity:0;transform:translateX(-50%);transition:all .3s linear;height:4px;width:80px;background:var(--secondary-color);border-radius:24px;z-index:2}.service-section .service-card-title{margin-top:24px;color:var(--black);font-size:var(--font-md-3);line-height:24px;font-weight:800;text-align:center;transition:all .3s linear}.service-section .service-card-desc{margin-top:16px;color:var(--black);font-size:var(--font-md);font-weight:400;line-height:1.5;transition:all .3s linear;animation-delay:.1s}.service-section .service-card-img{margin:0 auto;width:56px;height:56px;min-height:56px;display:flex;align-items:center;justify-content:center;background:var(--light-blue-2);border-radius:8px;transition:.3s}.service-section .service-card-img img{width:36px;height:36px}.service-section .service-arrow{width:21px;height:16px;position:absolute;bottom:16px;left:50%;transform:translateX(-50%);transition:all .3s linear;z-index:1}.service-section .light-arrow{opacity:0}@media screen and (max-width: 1024px){.service-section .service-card-list{padding:0 80px}.service-section .service-card-box{height:240px}.service-section .service-arrow{bottom:46px}}@media screen and (max-width: 768px){.service-section .service-card-box{height:200px}.service-section .service-card-list{padding:20px}.service-section .service-card-box{padding:20px}.service-section .service-card-item{width:100%}.service-section .service-card-item+.service-card-item{margin-top:40px}.service-section .service-card-title{font-size:var(--font-md-3)}.service-section .service-arrow{bottom:20px}}@media screen and (min-width: 1025px){.service-card-link:hover{box-shadow:0px 0px 10px rgba(0,0,0,.05)}.service-card-link:hover .service-card-box::before,.service-card-link:hover .light-arrow{left:16px;transform:translateX(0)}.service-card-link:hover .service-card-box::before{opacity:1}.service-card-link:hover .light-arrow{opacity:1}.service-card-link:hover .service-card-img{display:none}.service-card-link:hover .dark-arrow{display:none}.service-card-link:hover .service-card-content .service-card-desc{animation:showDesc .3s ease-in-out}.service-card-link:hover .service-card-content .service-card-title{animation:showTitle .4s ease-in-out}.service-card-link:hover .service-card-content{display:block}.service-card-link:hover .service-card-box>.service-card-title{animation:hideTitle .1s ease-in-out}}.service-card-list>[class*=col-]{padding-left:10px;padding-right:10px}html:lang(ja) .service-section .section-desc{width:60%}html:lang(ja) .service-section .service-arrow{bottom:40px}html:lang(ja) .service-section .service-card-desc{text-align:center;display:none;animation-delay:.1s}html:lang(ja) .service-section .service-card-box{height:320px}html:lang(ja) .service-section .service-card-link:hover .service-card-img{background-color:#ffcfa6}html:lang(ja) .service-section .service-card-link:hover .dark-arrow{opacity:0}html:lang(ja) .service-section .service-card-link:hover .light-arrow{opacity:1}html:lang(ja) .service-section .service-card-link:hover .service-card-desc{display:block;animation:showDesc .3s ease-in-out}html:lang(ja) .service-section .service-card-content{display:block;position:unset;padding:0 0 60px}html:lang(ja) .service-section .service-card-content>.service-card-title{display:none}@media screen and (max-width: 1024px){html:lang(ja) .service-section .service-card-desc{display:none !important}html:lang(ja) .service-section .service-card-box{height:240px}}@media screen and (max-width: 768px){html:lang(ja) .service-section .service-card-box{padding:20px}html:lang(ja) .service-section .service-card-box{height:200px}}@media screen and (max-width: 480px){html:lang(ja) .service-section .service-card-box{height:220px}}@media screen and (max-width: 480px){html:lang(ja) .service-section .section-desc{width:100%}}@keyframes showTitle{from{transform:translate(20px, 40px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes showDesc{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes hideTitle{from{transform:translate(0);opacity:1}to{transform:translateY(-20px);opacity:0}}/*# sourceMappingURL=our-service.css.map */