.home-banner-wrapper{height:44.2708333333vw;overflow:hidden;position:relative}.home-banner-wrapper .youtube-mainvisual--thumb{position:absolute;z-index:-1}.home-banner-wrapper .youtube-thumb{background-repeat:no-repeat;background-size:contain;height:45vw;width:100vw}.home-banner-wrapper .youtube-mainvisual-wrapper{height:0;overflow:hidden;padding-top:56.25%;position:relative;width:100%}.home-banner-wrapper iframe{display:block;height:calc(100% + 12rem);opacity:1;position:absolute;top:-6rem;transition:.3s;visibility:visible;width:100%}.home-banner-wrapper iframe#youtube-mainvisual-sp{display:none}.home-banner-wrapper .bottom-layout{background-color:rgba(0,0,0,.2);color:#fff;height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.home-banner-wrapper .bottom-layout .content-wrapper{margin:auto;max-width:calc(1280px + 6.4rem);padding:0 3.2rem;position:relative;text-align:center;top:6.5104166667vw;width:100%}.home-banner-wrapper .bottom-layout img{height:25.5208333333vw;margin:auto;width:auto}.custom-home-banner ul.box-row{background-color:#fff;border-radius:2.4rem;box-shadow:0 1rem 2rem rgba(51,51,51,.3);display:flex;flex-wrap:wrap;list-style:none;margin:-5.2083333333vw 0 0;padding:1.5rem;position:relative;z-index:9}.custom-home-banner ul.box-row li{border-radius:.8rem;box-shadow:0 .5rem 1rem rgba(51,51,51,.3);margin-bottom:0;margin-right:1.3071895425%;overflow:hidden;width:24%}.custom-home-banner ul.box-row li:nth-child(4n){margin-right:0}.custom-home-banner ul.box-row li a{display:flex;height:100%}.custom-home-banner ul.box-row li .hero--sub--img{width:38.5135135135%}.custom-home-banner ul.box-row li .hero--sub--text{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:6.7567567568%;width:61.4864864865%}.custom-home-banner ul.box-row li .hero--sub--img img{height:100%;object-fit:cover}.custom-home-banner ul.box-row li .hero--sub--text p{color:#333;font-feature-settings:"palt";font-size:1.6rem;font-weight:700;line-height:1.6;margin-bottom:.7rem;word-break:break-all}.custom-home-banner ul.box-row li .btn{align-items:center;color:#e60012;display:flex;font-size:1.4rem;font-weight:500;line-height:16.1px;transition:.3s;white-space:nowrap}.custom-home-banner ul.box-row li .btn span.arrow-icon{display:block;height:.7rem;margin-left:1.2rem;position:relative;width:2.8rem}.custom-home-banner ul.box-row li .btn span.arrow-icon:after,.custom-home-banner ul.box-row li .btn span.arrow-icon:before{background-image:url(https://44539833.fs1.hubspotusercontent-na1.net/hubfs/44539833/Yazaki_December2023/Image/right-arrow.svg);background-repeat:no-repeat;background-size:contain;content:"";height:100%;position:absolute;width:2.8rem}.custom-home-banner ul.box-row li .btn span.arrow-icon:before{opacity:1;right:0}.custom-home-banner ul.box-row li .btn span.arrow-icon:after{opacity:0;right:1.4rem}.custom-home-banner ul.box-row li .btn:hover span.arrow-icon:before{animation:arrBefore .5s}.custom-home-banner ul.box-row li .btn:hover span.arrow-icon:after{animation:arrAfter .5s}.custom-home-banner ul.box-row li .btn:hover{opacity:.7}@media(max-width:1024px){.custom-home-banner ul.box-row li{margin-right:1.7259978425%;margin-top:1.7259978425%;width:49.1370010787%}.custom-home-banner ul.box-row li:nth-child(2n){margin-right:0}.custom-home-banner ul.box-row{border-radius:.4rem;margin-top:-7.8125vw;padding:2rem}.custom-home-banner ul.box-row li .hero--sub--img img{max-width:173px;width:100%}.custom-home-banner ul.box-row li .hero--sub--text{height:auto}.custom-home-banner ul.box-row li .hero--sub--text p{font-size:1.4rem}.custom-home-banner ul.box-row li .btn span.arrow-icon:after,.custom-home-banner ul.box-row li .btn span.arrow-icon:before{width:2.2rem}.custom-home-banner ul.box-row li .btn span.arrow-icon{margin-left:.6rem}}@media(max-width:599px){.home-banner-wrapper{height:145vw}.home-banner-wrapper .youtube-mainvisual-wrapper{height:100%;padding-top:0}.home-banner-wrapper iframe#youtube-mainvisual-pc{display:none;height:calc(100% + 14rem);top:-7rem}.custom-home-banner ul.box-row{margin-top:-8rem}.custom-home-banner ul.box-row li{border-radius:.4rem;margin:.8rem 0 0!important;width:100%}.custom-home-banner ul.box-row li:first-child{margin:0!important}.custom-home-banner ul.box-row li .hero--sub--text{padding:6.0483870968% 4.8387096774%}.custom-home-banner ul.box-row li .hero--sub--img img{max-width:100%;width:100%}.home-banner-wrapper .bottom-layout .content-wrapper{padding:0 1.6rem;top:50%;transform:translateY(-50%)}.home-banner-wrapper .bottom-layout img{height:auto}.home-banner-wrapper iframe#youtube-mainvisual-sp{display:block}}@keyframes arrBefore{to{opacity:0;right:-1.4rem}}@keyframes arrAfter{99%{opacity:1;right:0}to{opacity:0}}