.to-about-section{background-image:url("../img/top-background/1_top-4.jpg");background-repeat:no-repeat;background-position:center center;background-size:cover;height:60vh;position:relative}.to-about-section .btn{position:absolute;bottom:5rem;left:50%;transform:translateX(-50%)}.info-section{text-align:center;margin:6rem 0}.info-section .info-box{width:60%;margin:0 auto;text-align:left;font-size:1.8rem;border:1px solid #01009a;padding:2rem}.info-section .info{color:#121266;display:flex}.info-section .info .date{margin-right:2rem}.service-list-section{text-align:center;margin:6rem 0}.service-list-section .service-list-box{width:60%;margin:0 auto;display:grid;grid-template-columns:repeat(5, 1fr);gap:2rem}.service-list-section .service{background-color:#01009a;width:100%;padding:2rem;transition:transform 0.3s}.service-list-section .service img{margin-bottom:2rem;width:100%}.service-list-section .service .desc{color:white;font-weight:bold}.service-list-section .service:hover{transform:scale(1.05)}.works-list{width:60%;margin:6rem auto}.works-list .works-box{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem;justify-content:center;align-items:center}.works-list .tab{position:absolute;top:0;left:0;right:0;background-color:#01009a;border:2px solid #01009a;padding:0.5rem 1rem;color:white;font-size:2rem}.works-list .btn{margin-left:0;background-color:#01009a;color:white;font-weight:bold;border:2px solid #01009a}.works-list .btn:hover{background-color:white;border-color:#01009a;color:#01009a}.works-list .desc{margin-bottom:3rem}.swiper-container{width:100%;height:100%;margin-left:auto;margin-right:auto;user-select:none}.swiper-slide{text-align:center;font-size:1.7rem;background:white;position:relative}.swiper-slide img{width:100%;height:100%;object-fit:cover}.swiper-button-next,.swiper-button-prev{color:white}.swiper-pagination-bullet{background:white}.link-section{width:60%;margin:6rem auto;display:grid;grid-template-columns:repeat(2, 1fr);gap:3rem}.link-section a{border:2px solid black;text-align:center;padding:3rem;color:black}.link-section a p{font-weight:bold;font-size:3rem}@media screen and (max-width: 767px){.to-about-section{height:30vh}.info-section{margin:20rem 0}.info-section .info-box{width:90%;font-size:3rem}.info-section .info .date{margin-right:4rem}.service-list-section{margin:20rem 0}.service-list-section .service-list-box{width:90%;grid-template-columns:repeat(2, 1fr);gap:4rem}.service-list-section .service{padding:5rem;transition:transform 0s}.service-list-section .service img{margin-bottom:4rem}.service-list-section .service:hover{transform:scale(1)}.works-list{width:90%;margin:20rem auto;text-align:center}.works-list .works-box{grid-template-columns:repeat(1, 1fr);gap:5rem}.works-list .work-desc{grid-row:2/3}.works-list .tab{padding:1rem 2rem;font-size:3.5rem}.works-list .btn{margin:0 auto;margin-top:5rem}.swiper-container{grid-row:1/2}.swiper-slide{font-size:3.5rem}.link-section{width:80%;margin:15rem auto;grid-template-columns:repeat(1, 1fr);gap:5rem}.link-section a{padding:5rem}.link-section a p{font-size:6rem}}@media all and (-ms-high-contrast: none){.service-list-section{text-align:center;margin:6rem 0}.service-list-section .service-list-box{width:60%;margin:0 auto;display:flex;grid-template-columns:none;gap:none}.service-list-section .service{background-color:#01009a;width:18%;padding:2rem}.service-list-section .service:not(:nth-of-type(1)){margin-left:2.5%}.service-list-section .service img{margin-bottom:2rem;width:100%}.works-list .works-box{display:flex}.works-list .btn{display:inline-block}.work-desc{width:48%}.swiper-container{width:48%;margin-left:4%}.link-section{display:flex}.link-section a{width:48%}.link-section a:nth-of-type(2){margin-left:4%}}