@media screen and (max-width:840px){#sub-sv img{object-position:70%}}@media screen and (max-width:840px) and (max-width:520px){#sub-sv img{object-position:center}}#intro{padding:12.7rem 0 2rem}#intro .inner .txt-box{padding-left:47%}#intro .inner .txt-box p{font-size:1.8rem;line-height:2.1;letter-spacing:0.1em}#intro .inner .txt-box p span{display:inline-block;padding:0;color:#fff;background-color:#3b3937;line-height:1.5}@media screen and (max-width:1024px){#intro{padding:12.7rem 0 6rem}#intro .inner .txt-box{padding-left:38.3%}#intro .inner .txt-box p{font-size:1.5rem}}@media screen and (max-width:1024px) and (max-width:840px){#intro{padding:12.7rem 0 8rem}#intro .inner .txt-box{padding-left:24.9%}}@media screen and (max-width:1024px) and (max-width:840px) and (max-width:520px){#intro{padding:6rem 0 9.3rem}#intro .inner .txt-box{padding:0 2.4%}#intro .inner .txt-box p{font-size:1.2rem;letter-spacing:0.08em}}#prod{position:relative;padding-bottom:19.8rem}#prod:before{content:"";display:block;width:100%;height:103%;top:-3%;background-color:#f7f7f7;position:absolute;clip-path:polygon(0 0, 100% 30rem, 100% 100%, 0% 100%)}#prod .inner{padding:0 3.8%}#prod .inner .ttl-box{font-size:7rem;margin-bottom:0.9em;line-height:1}#prod .inner>ul li{border-bottom:2px solid #fff}#prod .inner>ul li:first-of-type{border-top:2px solid #fff}#prod .inner>ul li a{padding:5.75rem 5.4rem 5.75rem 8.3rem;position:relative;align-items:center;row-gap:3rem}#prod .inner>ul li a .num{position:absolute;font-size:3rem;top:0.6em;left:0;color:#4375b2}#prod .inner>ul li a .left-box{width:60.3%}#prod .inner>ul li a .left-box .subttl-box{margin-bottom:3.1rem}#prod .inner>ul li a .left-box .subttl-box>h3{font-size:3.5rem;line-height:0.8}#prod .inner>ul li a .left-box .subttl-box>h3 span{font-size:2rem;color:#c4c1bf}#prod .inner>ul li a .left-box .common-btn01{margin-right:2rem}#prod .inner>ul li a .left-box .common-btn01 .arrow_box{width:7.4rem;border-radius:1.7rem;height:3.4rem}#prod .inner>ul li a .left-box .supp{font-size:1.7rem;letter-spacing:0.1em}#prod .inner>ul li a .right-box{width:29.6%;overflow:hidden;border-radius:0.5rem}#prod .inner>ul li a .right-box img{transition:0.3s}#prod .inner>ul li a:after{content:"";position:absolute;bottom:-2px;left:0;display:block;width:0;height:2px;background-color:#4375b2;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}#prod .inner>ul li a:hover:after{width:100%}#prod .inner>ul li a:hover .common-btn01 .arrow_box{background-color:transparent}#prod .inner>ul li a:hover .common-btn01 .arrow_box img{animation:btn_arrow 0.5s cubic-bezier(0.33, 1, 0.68, 1) forwards;transform:translateX(4%);filter:brightness(0) saturate(100%) invert(44%) sepia(97%) saturate(311%) hue-rotate(173deg) brightness(81%) contrast(94%)}#prod .inner>ul li a:hover .right-box img{transform:scale(1.05)}@media screen and (max-width:1024px){#prod .inner{padding:0 0 0 3.8%}#prod .inner>ul li a{padding:5rem 2rem 5rem 6rem}#prod .inner>ul li a .left-box{width:59%}#prod .inner>ul li a .left-box .supp{font-size:1.5rem}#prod .inner>ul li a .left-box .subttl-box>h3{font-size:2.8rem}#prod .inner>ul li a .left-box .subttl-box>h3 span{font-size:1.4rem}#prod .inner>ul li a .right-box{width:36%}}@media screen and (max-width:1024px) and (max-width:840px){#prod:before{clip-path:polygon(0 0, 100% 20rem, 100% 100%, 0% 100%)}#prod .inner>ul li a{padding:10rem 1rem 5rem 1rem}#prod .inner>ul li a .left-box{width:63%}#prod .inner>ul li a .left-box .subttl-box>h3{font-size:2.6rem}#prod .inner>ul li a .left-box .subttl-box{margin-bottom:2rem}#prod .inner>ul li a .right-box{width:34%}}@media screen and (max-width:1024px) and (max-width:840px) and (max-width:520px){#prod{padding-bottom:5rem}#prod:before{height:calc(100% + 0.8rem);top:-0.8rem;clip-path:polygon(0 0, 100% 6rem, 100% 100%, 0% 100%)}#prod .inner{padding:0}#prod .inner .ttl-box{font-size:4rem;margin-bottom:0.6em;padding-left:4.4%}#prod .inner>ul li a{padding:6.5rem 1rem 6.5rem 1rem}#prod .inner>ul li a .num{font-size:1.7rem;top:0.5em}#prod .inner>ul li a .left-box{width:100%}#prod .inner>ul li a .left-box .subttl-box{margin-bottom:1.5rem}#prod .inner>ul li a .left-box .subttl-box>h3{font-size:2rem;line-height:0.9}#prod .inner>ul li a .left-box .subttl-box>h3 span{font-size:1.2rem}#prod .inner>ul li a .left-box .supp{font-size:1.2rem}#prod .inner>ul li a .left-box .common-btn01{margin-right:0}#prod .inner>ul li a .left-box .common-btn01 .arrow_box{width:4.5rem;border-radius:1.1rem;height:2.2rem}#prod .inner>ul li a .right-box{width:100%}}