.kv{overflow:hidden;position:relative;padding:39rem 11rem 17rem}h1{color:#fff;mix-blend-mode:difference;font-family:var(--fontZenkaku);font-size:5.8rem;font-weight:500;line-height:1.6;letter-spacing:0.2em;position:relative;z-index:10}.kv_img{width:85rem;height:auto;position:absolute;top:-17rem;right:4rem;transition:all 2s}.kv_deco{width:25rem;height:auto;position:absolute;left:0;top:12rem;transition:all 2s ease 0.3s}.kv_catch{color:#434343;mix-blend-mode:difference;font-family:var(--fontIBM);font-size:3.2rem;font-weight:500;line-height:1.1;position:absolute;right:8.5rem;bottom:20rem;transition-delay:1.4s}.scroll{position:absolute;right:4rem;bottom:0;writing-mode:vertical-rl}.scroll::before{animation:scroll 2s infinite;background-color:#000;bottom:0;content:"";height:7.5rem;left:0;margin:auto;position:absolute;right:0;width:0.1rem}@keyframes scroll{0%{transform:scale(1,0);transform-origin:0 0}50%{transform:scale(1,1);transform-origin:0 0}51%{transform:scale(1,1);transform-origin:0 100%}100%{transform:scale(1,0);transform-origin:0 100%}}.about_content{display:flex;align-items:end;gap:6rem}.about_text h3{font-size:2.8rem;font-weight:700;margin:8.5rem 0 5rem}.about_detail{font-size:1.4rem;line-height:2;text-align:justify;margin-bottom:4.5rem}.about_img{width:52rem;flex-shrink:0}.works_content{display:grid;grid-template-columns:repeat(2,1fr);gap:6rem;margin:6.5rem 0}.works_item{display:flex;flex-flow:column;gap:2rem;transition:0.3s}.works_item:hover{opacity:0.6}.works_thumb img{width:100%;aspect-ratio:52 / 39;object-fit:cover}.works_text{display:flex;gap:2rem;align-items:end;justify-content:space-between}.works_title{font-size:1.8rem;font-weight:700;margin-bottom:1em}.works_category{display:flex;gap:0.5rem}.works_category li{font-size:1.2rem;font-weight:500;line-height:1;padding:0.5rem 1rem;border:solid 0.1rem #000;border-radius:10rem}.works_arrow{width:3rem;transition:0.3s}.works_item:hover .works_arrow{transform:translateX(0.5rem)}.service_content{display:flex;gap:6.5rem;margin-top:5.5rem}.service_content>div{flex:1}.service_text{font-size:3.6rem;font-weight:900;line-height:1.9;margin:3.5rem 0 14rem}.service_inner{display:flex;flex-flow:column;border-top:solid 0.1rem #000}.service_item{padding:3rem 0;border-bottom:solid 0.1rem #000;transition:color 0.3s,background-color 0.3s,padding 0.3s}.service_item.has-link:hover{padding:3rem;color:#fff;background-color:#000}.service_card{display:block;color:inherit}.service_header{display:flex;align-items:center;justify-content:space-between;gap:2rem}.service_header h3{flex:1;font-size:2.2rem;font-weight:500}.service_header h3 span{display:block;font-size:1.4rem;font-weight:400}.service_arrow{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;flex-shrink:0;border-radius:50%;background:linear-gradient(180deg,#000 0%,#666 100%);transition:transform 0.3s,background 0.3s}.service_arrow::before{content:"";display:block;width:1.3rem;height:1.2rem;background:url(../images/common/arrow.svg) center / contain no-repeat;transition:background 0.3s}.service_item.has-link:hover .service_arrow{background:#fff;transform:translateX(0.5rem)}.service_item.has-link:hover .service_arrow::before{background-image:url(../images/common/arrow_b.svg)}.service_item p{font-size:1.4rem;line-height:1.8;margin-top:2rem}.brand_content{margin-top:6rem}.brand_item{display:grid;grid-template-columns:0.8fr 1fr;gap:8rem;align-items:center;padding:5rem 0}.brand_label{display:flex;align-items:center;gap:0.8rem;font-size:1.3rem;font-weight:500;letter-spacing:0.05em;margin-bottom:3rem}.brand_label span{color:#666;font-weight:400}.brand_heading{font-size:3.2rem;font-weight:700;line-height:1.5;margin-bottom:2.5rem}.brand_desc{font-size:1.4rem;line-height:1.8;margin-bottom:3.5rem}.brand_img img{display:block;width:100%}.news{color:#fff;margin-top:11rem;background:url(../images/top/bg_news.jpg) center top / cover no-repeat}.news .wrapper{position:relative}.news .section_title .slide02_wrapper{position:absolute;top:-20rem}.news .section_title p{color:#fff}.news .section_title div div{background:#fff}.news .more_btn{background:#fff;color:#000}.news .more_btn::after{background:url(../images/common/arrow_b.svg) center top / cover no-repeat}.news_content{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem;margin:6.5rem 0}.news_item{transition:0.3s}.news_item:hover{opacity:0.6}.news_thumb{width:100%;aspect-ratio:52 / 39;object-fit:cover}.news_title{font-size:1.8rem;font-weight:700;margin:2rem 0 1rem}.news_detail{display:flex;align-items:center;gap:1rem}.news_cat{font-size:1.2rem;font-weight:500;padding:0.5rem 1rem;border:solid 0.1rem #fff;border-radius:10rem;line-height:1}.news_date{font-size:1.2rem;font-weight:500}.company_content{display:flex;flex-flow:column;gap:3rem;width:70rem;margin-top:6.5rem;margin-left:auto}.company_item{display:flex;padding-bottom:3rem;border-bottom:solid 0.1rem #d9d9d9}.company_item span{width:14rem;flex-shrink:0;font-weight:500}@media (max-width:767px){.kv{padding:40rem 2rem 12rem;margin:auto}h1{font-size:2.8rem}.kv_img{width:44rem;max-inline-size:none;top:8rem;right:-13rem}.kv_deco{width:14rem;top:8rem}.kv_catch{font-size:2rem;right:auto;left:2rem;bottom:4rem}.scroll{right:0}section.about{padding:10rem 0 6rem}.about_content{flex-flow:column-reverse;gap:5rem}.about_text h3{font-size:2rem;font-weight:700;margin:0 0 1.5rem}.about_detail{margin-bottom:0}.about_img{width:100%;margin-top:5rem}.works_content{display:grid;grid-template-columns:repeat(1,1fr);gap:4rem;margin:6rem 0}.works_category{flex-wrap:wrap}.service_content{flex-flow:column;gap:6rem;margin-top:6rem}.service_text{font-size:2.4rem;margin:0}.service_item{padding:2.4rem 0}.service_item:hover{padding:2.4rem}.brand_item{grid-template-columns:1fr;gap:3rem;padding:3rem 0}.brand_item:first-child{padding-top:0}.brand_label{margin-bottom:1rem}.brand_img{order:-1}.brand_heading{font-size:2.2rem}.news{margin-top:10rem;background:url(../images/top/bg_news_sp.jpg) center top / cover no-repeat}.news .section_title .slide02_wrapper{top:-13rem}.news_content{grid-template-columns:repeat(1,1fr);gap:3rem;margin:6rem 0}.company .section_title img{height:auto;width:100%}.company_content{width:100%;margin-top:6rem}.company_item{flex-flow:column}.company_item span{width:100%}}
