main{margin-top:10vw;position:relative;overflow:hidden}.home .background-image{width:100vw;height:75vw;transform:scale(1.3)translate(var(--translate-x,0),var(--translate-y,0));z-index:-1;background-image:url(/images/background1.png);background-position:50%;background-size:contain;transition:transform 10ms linear;position:fixed;top:0;left:0}.home .backgroud-color-change{z-index:0;background:linear-gradient(#f0efed00,#f0efed40,#f0efeda6,#f0efede6);height:16.6667vw;position:relative}.home .background-color{background-color:#f0efede6}.home .backgroud-color-changeback{z-index:0;background:linear-gradient(#f0efede6,#f0efeda6,#f0efed40,#f0efed00);height:16.6667vw;position:relative}.home .navigation-button{color:#313131;background-color:#ffffff80;border-radius:99vw;margin-left:1.66667vw;padding:1.2vw 5vw;font-size:1vw;text-decoration:none;box-shadow:0 0 8px #0000004d}.home .navigation-button:hover{background-color:#919191}.home .profile{align-items:center;display:flex}.home .president img{width:40vw}.home .position{flex-direction:row;align-items:center;gap:.5vw;font-family:serif;font-size:1.4em;display:flex}.home .name-group{flex-direction:row;align-items:center;display:flex}.home .name{font-size:1.5em}.home .main-service-responsive{display:none}.home .examples{justify-content:center;align-items:flex-start;display:flex}.home .example-item{border-right:1px dashed #80808080;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.home .example-item:last-child{border-right:none}.example-item a{text-decoration:none}.example-item a:hover{color:#222;text-decoration:underline}.home .example-image{cursor:pointer;z-index:1;width:25vw;height:auto;transition:transform .3s}.home .example-image:hover{transform:scale(1.1)}.home .example-text{text-align:center;color:#222;margin-bottom:0;padding-bottom:0;font-weight:700}.contact-options{align-items:center;gap:1vw;padding-left:1.66667vw;display:flex}.sns-icon{width:3vw;height:auto;transition:transform .3s}.sns-icon:hover{transform:scale(1.1)}.form-button{color:#fff;background-color:#054c8f;border-radius:99vw;padding:1vw 2vw;font-size:1vw;text-decoration:none;display:inline-block;box-shadow:0 0 8px #0000004d}.form-button:hover{background-color:gray}@media (max-width:768px){.home .backgroud-color-change{height:25vw}.home .navigation-button{padding:3.5vw 15vw;font-size:3vw}.home .president img{width:40vw}.home .position{flex-direction:column;font-family:serif;font-size:1.1em;display:flex}.home .company-name{font-size:1.2em}.home .name{font-size:1.6em}.home .main-service{display:none}.home .main-service-responsive{display:flex}.home .examples{scroll-snap-type:x mandatory;flex-direction:row;justify-content:flex-start;padding:5vw 0;overflow-x:auto}.home .example-item{scroll-snap-align:center;flex:none;width:65%}.home .example-image{width:50vw}.form-button{padding:3vw 6vw;font-size:3.5vw}}