@charset "UTF-8";
@media screen and (min-width: 768px),print {

#workscontents{padding: 0 5vw;margin-bottom: 9.5rem;}
#works .listbox{display:grid;grid-template-columns:repeat(3,1fr);gap:0 2.3121%;max-width: 110rem;margin: 0 auto;}
#works .listbox li{margin-bottom: 4rem;position: relative;}
#works .listbox li a{display: block;padding-bottom: 2.7rem;}
#works .listbox li .photo{width: 100%;aspect-ratio: 350 / 247;overflow: hidden;text-align: center;position: relative;}
#works .listbox li .photo img{width: 100%;height: 100%;object-fit: cover;display: block;}
#works .listbox li .sys-date{font-size: 1.4rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 400;text-align: left;margin-bottom: 0.8rem;padding-top: 1rem;}
#works .listbox li .sys-date .cate{font-size: 1.2rem;line-height: 1;letter-spacing: 0.07em;font-weight: 500;text-align: left;display: inline-block;border: #111 solid 1px;background: #fff;margin-right: 1.2rem;position: relative;padding: 0.6rem 0.8rem;}
#works .listbox li .sys-ttl{font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;margin-bottom: 0.6rem;}
#works .listbox li .sys-text{font-size: 1.4rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 400;text-align: left;margin-bottom: 1.1rem;}
#works .listbox li .arr{position: relative;transition: all 0.3s ease-in-out;right: 0rem;}
#works .listbox li a:hover .arr{ right: -0.7rem;}
#works .listbox li a .arr img{width: 1.6rem;}
#works .listbox li .dlbt{font-size: 1.2rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;position: absolute;bottom: 0;right: 0;}

#works-contents{margin: 0 auto 4.4rem;}

.filter-wrap{max-width: 110rem;width: 100%;box-shadow: 0rem 0rem 0.6rem #D3D3B8;border-radius: 1rem;margin: 0 auto;padding: 5.7rem 8rem 4.1rem 8rem;}
.category-list ul{display: flex;flex-wrap: wrap;gap: 1.6rem;}
.category-list ul li{width: auto;margin-bottom: 1.6rem;}
.category-list a{display: inline-block;padding: 0.6rem 0.9rem;border: 1px solid #111;transition: all 0.3s ease-in-out;font-size: 1.2rem;line-height: 1;letter-spacing: 0.07em;font-weight: 500;text-align: left;color: #111111;transition: all 0.3s ease-in-out;}
.category-list a:hover,.category-list ul li.active a{ background: #111;color: #fff;}


#sh-box .tab-wrap{position:relative;margin-bottom: 8rem;}
#sh-box .catetab{display:flex;width:54.6rem;margin:0 auto;gap:9.1575%;position: relative;z-index: 4;}
#sh-box .catetab li{width:45.4212%;cursor:pointer;font-size: 1.6rem;line-height: 1.13;letter-spacing: 0.2em;font-weight: 500;text-align: center;color: #fff;border:var(--mred) 1px solid;opacity: 1;border-radius: 7rem;background: var(--mred);padding: 1.2rem;position: relative;}
#sh-box .catetab li::before{ -webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
#sh-box .catetab li::before{content: "";position: absolute;top: 1.7rem;right: 1.5rem;width: 1.2rem;height: 0.7rem;background: url(../images/works/arr-red.svg)no-repeat;transition: opacity 0.3s ease-in-out;transform: rotate(0deg);transform-origin: center;transition: all 0.3s ease-in-out;}

#sh-box .catetab li[data-target="corporate"]{ background: var(--mbl); border:var(--mbl) 1px solid; }
#sh-box .catetab li[data-target="corporate"]::before{content: "";position: absolute;top: 1.7rem;right: 1.5rem;width: 1.2rem;height: 0.7rem;background: url(../images/works/arr-bl.svg)no-repeat;transition: opacity 0.3s ease-in-out;transform: rotate(0deg);transform-origin: center;transition: all 0.3s ease-in-out;}
#sh-box .catetab li.active::before{-webkit-filter: none; filter: none;transform: rotate(180deg); transform-origin: center; }

#sh-box .catetab li.active{ color: var(--mred);background: #fff; }
#sh-box .catetab li[data-target="corporate"].active{ color: var(--mbl);background: #fff; }

#sh-box .catetab.catetab--single{justify-content:center;}
#sh-box .catetab.catetab--single li{width:45.4212%;}


#sh-box .filter-wrap{display:none;position:absolute;top: 52%;left: 50%;z-index: 3;transform: translateX(-50%);background: #fff;}
#sh-box .filter-wrap.active{ display:block; }
#sh-box .category-list{ display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#sh-box .category-list li{ margin: 0 1.6rem 1.6rem 0; }

/* dl contents */
#works-dl .seo_bread_list{padding-top: 3.9rem;margin-bottom: 1.7rem;}
#contentsworks01 {margin: 0 auto 8rem;position: relative;padding: 2.4rem 5vw 0rem;}
#contentsworks01 .ttl-Box {margin: 0 auto;position: relative;max-width: 84rem;}
#contentsworks01 .ttl-Box p.catetext {margin-bottom: 1.7rem;position: relative;font-size: 1.2rem;line-height: 1.5;letter-spacing: 0.07em;font-weight: 500;text-align: left;color: #111111;opacity: 1;}
#contentsworks01 .ttl-Box p.catetext span {background: #fff;display: inline-block;border: 1px solid #111;padding: 0.3rem 0.9rem;margin-right: 0.8rem;margin-bottom: 0.8rem;}
#contentsworks01 .ttl-Box p.catetext span.ch {  }
#contentsworks01 .ttl-Box h1 {margin-bottom: 2.2rem;position: relative;font-size: 2.4rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 700;text-align: left;color: #111111;}
#contentsworks01 .slide-Box {margin: 0 auto 5rem;position: relative;max-width: 84rem;}
#contentsworks01 .slide-Box .main-slide {margin-bottom: 3.3rem;}
#contentsworks01 .slide-Box .main-slide .photo{height:60rem;position:relative;overflow:hidden;cursor:zoom-in;}
#contentsworks01 .slide-Box .main-slide .photo img{width:100%;height:100%;object-fit:contain;display:block;}
/* 縦横比の異なる画像の余白を、同じ画像のぼかしで埋める */
#contentsworks01 .slide-Box .main-slide .photo img.slide-bg{position:absolute;inset:0;object-fit:cover;filter:blur(20px) brightness(1.03) saturate(1.05);transform:scale(1.15);}
#contentsworks01 .slide-Box .main-slide .photo picture{position:relative;display:block;height:100%;z-index:1;}

#contentsworks01 .slide-Box .thumbnail-slide figure { width: 100%; aspect-ratio: 155 / 109; overflow: hidden; text-align: center; position: relative;}
#contentsworks01 .slide-Box .thumbnail-slide figure img { width: 100%; height: 100%; object-fit: contain; display: block; }
#contentsworks01 .slide-Box .thumbnail-slide figure img.slide-bg{position:absolute;inset:0;object-fit:cover;filter:blur(8px) brightness(1.03);transform:scale(1.2);}
#contentsworks01 .slide-Box .thumbnail-slide figure picture{position:relative;display:block;height:100%;z-index:1;}

#contentsworks01 .concept-Box {margin: 0 auto 3.8rem;position: relative;max-width: 84rem;}
#contentsworks01 .concept-Box p.enttl {margin-bottom: 0.5rem;font-size: 1.4rem;line-height: 1.71;letter-spacing: 0.2em;font-weight: 600;text-align: left;position: relative;color: var(--mred);}
#contentsworks01 .concept-Box p.enttl span {color: var(--mbl);}
#contentsworks01 .concept-Box h2 {margin-bottom: 1.9rem;position: relative;font-size: 1.8rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;padding-bottom: 1.5rem;text-align: left;color: #111111;border-bottom: #707070 1px solid;}
#contentsworks01 .concept-Box p.text {margin-bottom: 0rem;position: relative;font-size: 1.6rem;line-height: 2.0;letter-spacing: 0.2em;font-weight: 400;text-align: left;color: #111111;}
#contentsworks01 .req-Box {margin: 0 auto 4rem;position: relative;max-width: 84rem;box-shadow: 0rem 0rem 0.6rem #D3D3B8;border-radius: 1rem;background: #fff;padding: 3rem 6.7rem 3.4rem;}
#contentsworks01 .req-Box h2 {margin-bottom: 1.9rem;position: relative;font-size: 1.8rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;padding-bottom: 1.5rem;text-align: left;color: #111111;border-bottom: #707070 1px solid;}
#contentsworks01 .req-Box p.lead {margin-bottom: 1.8rem;position: relative;font-size: 1.4rem;line-height: 2.0;letter-spacing: 0.1em;font-weight: 400;text-align: left;color: #111111;}
#contentsworks01 .req-Box ul li {position: relative;padding-left: 2.4rem;margin-bottom: 1.1rem;font-size: 1.4rem;line-height: 1.8;letter-spacing: 0.1em;font-weight: 400;text-align: left;color: #111111;}
#contentsworks01 .req-Box ul li::before {content: "✓";position: absolute;left: 0.2rem;top: 0;color: var(--mred);font-weight: 700;}

#contentsworks01 .tbl-Box {margin: 0 auto 4rem;position: relative;max-width: 84rem;box-shadow: 0rem 0rem 0.6rem #D3D3B8;border-radius: 1rem;background: #fff;padding: 3rem 6.7rem 4.9rem;}
#contentsworks01 .tbl-Box table{width: 100%;}
#contentsworks01 .tbl-Box table th {color: var(--mred);font-size: 1.4rem;line-height: 1.71;letter-spacing: 0.1em;font-weight: 600;text-align: left;border-bottom: 1px solid #707070;width: 15.3rem;padding: 1.8rem 0 1.7rem 0.3rem;}
#contentsworks01 .tbl-Box table td {border-bottom: 1px solid #707070;font-size: 1.4rem;line-height: 2.0;letter-spacing: 0.2em;font-weight: 400;text-align: left;color: #111111;}
#contentsworks01 .voice-Box {margin: 0 auto;position: relative;max-width: 40.9rem;}
#contentsworks01 .voice-Box .gl-btn a{font-size: 1.8rem;line-height: 1.0;letter-spacing: 0.2em;font-weight: 600;text-align: left;color: #FFFFFF;padding: 2.9rem 2.9rem 2.9rem 3.9rem;height: 8rem;}
#contentsworks01 .voice-Box .gl-btn a:hover{color: var(--mred);}
#contentsworks01 .voice-Box .gl-btn a .arr{right: 0.6rem;position: absolute;top: 4rem;}

#contentsworks01 .slide-Box ul.thumbnail-slide{display:flex;gap:1.6rem;}
#contentsworks01 .slide-Box ul.thumbnail-slide li{flex:1;}

#contentsdetails {margin: 0 auto 4.3rem;position: relative;padding: 0 5vw;}
#contentsdetails .inner-Box {margin: 0 auto;position: relative;width: 84.2rem;}
#contentsdetails .inner-Box figure.img {position: relative;top: 0;left: 3.3rem;text-align: center;margin-bottom: 3.9rem;}

#contentsdetails .inner-Box p.f-en {margin-bottom: -0.4rem;position: relative;font-size: 1.4rem;line-height: 1.71;letter-spacing: 0.2em;font-weight: 600;text-align: center;color: var(--mred);}
#contentsdetails .inner-Box p.f-en span {color: var(--mbl);}
#contentsdetails .inner-Box h2 {margin-bottom: -1.7rem;position: relative;font-size: 2.3rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: center;color: #111111;}
#contentsdetails .inner-Box figure.photo {width: 100%;aspect-ratio: 264 / 186;overflow: hidden;text-align: center;position: relative;margin-bottom: 1.1rem;background: #fff;cursor: zoom-in;}
#contentsdetails .inner-Box figure.photo img { width: 100%; height: 100%; object-fit: contain; display: block; }
#contentsdetails .inner-Box ul{display:flex;flex-wrap:wrap;gap:2.8571%;}
#contentsdetails .inner-Box ul li{position:relative;width:31.4286%;margin-bottom: 3.5rem;}
#contentsdetails .inner-Box h3 {margin-bottom: 0.6rem;position: relative;font-size: 1.4rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 600;text-align: left;color: #111111;}
#contentsdetails .inner-Box p.ltext {margin-bottom: 0rem;position: relative;font-size: 1.2rem;line-height: 2.0;letter-spacing: 0.2em;font-weight: 400;text-align: left;color: #111111;}

#works-client{padding: 0 5vw;margin-bottom: 8.2rem;}
#works-client .inner-Box{box-shadow: 0rem 0rem 0.6rem #D3D3B8;border-radius: 1rem;background: #fff;padding: 4.8rem 7rem;margin-bottom: 7.7rem;}
#works-client .inner-Box.flex{display:flex;align-items:flex-start;gap: 4.3%;max-width: 84rem;margin: 0 auto;}
#works-client .inner-Box .box-l{width: 17.5%;aspect-ratio: 1 / 1;border-radius: 50%;overflow: hidden;text-align: center;position: relative;}
#works-client .inner-Box .box-l img { width: 100%; height: 100%; object-fit: cover; display: block; }
#works-client .inner-Box .box-r{width: 76.8%;display:flex;flex-direction:column;}
#works-client .inner-Box .title{order:1;}
#works-client .inner-Box .txt-box{order:2;}
#works-client .box-l img{}
#works-client .title{}
#works-client .title .f-en{ font-size: 1.2rem; line-height: 1.5; letter-spacing: 0.2em; font-weight: 600; text-align: left; margin-bottom: 0.5rem; color: var(--mred); }
#works-client .title .f-en span{ color: var(--mbl); }
#works-client .title h2{ font-size: 1.6rem; line-height: 1.7; letter-spacing: 0.1em; font-weight: 600; text-align: left; color: #111111; margin-bottom: 0.3rem; }
#works-client .title h2 span{ font-size: 1.2rem; line-height: 1.5; letter-spacing: 0.1em; font-weight: 500; text-align: left; color: #111111; display: inline-block; padding-right: 1.2rem; }

#works-client .txt-box{}
#works-client .txt-box p.cltext{font-size: 1.4rem;line-height: 2.0;letter-spacing: 0.1em;font-weight: 400;text-align: left;color: #111111;margin-bottom: 0.8rem;}
#works-client .txt-box table{font-size: 1.4rem;line-height: 2.0;letter-spacing: 0.2em;font-weight: 400;text-align: left;color: #111111;width: 100%;}
#works-client .txt-box table th{border-bottom: #707070 1px solid;font-weight: 500;width: 9.4rem;padding: 1rem 0rem;}
#works-client .txt-box table td{border-bottom: #707070 1px solid;padding: 1rem 0rem;}

#works-btn{margin: 0 auto 9.4rem;width: 30.8rem;}

}
@media screen and (min-width:768px) and ( max-width:1023px) {
	

	
}

@media screen and (max-width: 767px) {

#workscontents{padding: 1vw 5.4vw 0;margin-bottom:12.667vw;}
#works .listbox{display:grid;grid-template-columns:1fr;gap:0;max-width:100%;margin:0 auto;}
#works .listbox li{margin-bottom: 7.433vw;position:relative;}
#works .listbox li a{display:block;padding-bottom: 6.7vw;}
#works .listbox li .photo{width:100%;aspect-ratio:350/247;overflow:hidden;text-align:center;position:relative;}
#works .listbox li .photo img{width:100%;height:100%;object-fit:cover;display:block;}
#works .listbox li .sys-date{font-size:3.733vw;line-height:1.5;letter-spacing:.1em;font-weight:400;text-align:left;margin-bottom:2.133vw;padding-top: 3.467vw;}
#works .listbox li .sys-date .cate{font-size:3.2vw;line-height:1;letter-spacing:.07em;font-weight:500;text-align:left;display:inline-block;border:#111 solid .267vw;background:#fff;margin-right:2.667vw;position:relative;padding:1.6vw 2.133vw;}
#works .listbox li .sys-ttl{font-size:4.267vw;line-height:1.5;letter-spacing:.1em;font-weight:500;text-align:left;margin-bottom:1.6vw;}
#works .listbox li .sys-text{font-size:3.733vw;line-height:1.7;letter-spacing:.1em;font-weight:400;text-align:left;margin-bottom:2.667vw;}
#works .listbox li .arr{position:relative;right:0;transition:all .3s ease-in-out;}
#works .listbox li a:hover .arr{right:-1.867vw;}
#works .listbox li a .arr img{width:4.267vw;}
#works .listbox li .dlbt{font-size:3.2vw;line-height:1.5;letter-spacing:.1em;font-weight:500;position:absolute;bottom:0;right:0;}

#works-contents{margin:0 auto 5.867vw;}

.filter-wrap{max-width:100%;width:100%;box-shadow:0 0 1.6vw #D3D3B8;border-radius:2.667vw;margin:0 auto;padding: 11vw 5.333vw 4.8vw;}
.category-list ul{display:flex;flex-wrap:wrap;gap:2.133vw;}
.category-list ul li{width:auto;margin-bottom:2.133vw;}
.category-list a{display:inline-block;padding:1.6vw 2.4vw;border:.267vw solid #111;font-size:3.2vw;line-height:1;letter-spacing:.07em;font-weight:500;text-align:left;color:#111;transition:all .3s ease-in-out;}
.category-list a:hover,.category-list ul li.active a{background:#111;color:#fff;}

#sh-box .tab-wrap{position:relative;margin-bottom:10.667vw;}
#sh-box .catetab{display:flex;width:100%;margin:0 auto;gap: 2vw;position:relative;z-index:4;}
#sh-box .catetab li{width: 47%;cursor:pointer;color:#fff;border:.267vw solid var(--mred);border-radius:18.667vw;background:var(--mred);padding: 2.5vw 4.067vw 2.5vw 2.667vw;position:relative;font-size: 3.7vw;line-height: 0.93;letter-spacing: 0.1em;font-weight: 500;text-align: center;}
#sh-box .catetab li::before{content:"";position:absolute;top:50%;right: 2.8vw;width: 1.9vw;height:1.867vw;background:url(../images/works/arr-red.svg) no-repeat center center;background-size:100% auto;transform:translateY(-50%);filter:brightness(0) invert(1);transition:all .3s ease-in-out;}
#sh-box .catetab li[data-target="corporate"]{background:var(--mbl);border-color:var(--mbl);width: 53%;}
#sh-box .catetab li[data-target="corporate"]::before{background:url(../images/works/arr-bl.svg) no-repeat center center;background-size:100% auto;}
#sh-box .catetab li.active{background:#fff;color:var(--mred);}
#sh-box .catetab li[data-target="corporate"].active{color:var(--mbl);}
#sh-box .catetab li.active::before{filter:none;transform:translateY(-50%) rotate(180deg);}

#sh-box .catetab.catetab--single{justify-content:center;}
#sh-box .catetab.catetab--single li{width:47%;}
#sh-box .catetab.catetab--single li[data-target="corporate"]{width:47%;}

#sh-box .filter-wrap{display:none;position:absolute;top: 50%;left:50%;transform:translateX(-50%);z-index:3;background:#fff;width:100%;}
#sh-box .filter-wrap.active{display:block;}
#sh-box .category-list{display:flex;flex-wrap:wrap;}
#sh-box .category-list li{margin: 0 4.133vw 4.333vw 0;}

#works-dl .seo_bread_list{margin-top: 8.8vw;margin-bottom: -0.467vw;}
#contentsworks01{margin: 0 auto 16.667vw;position:relative;padding:6.4vw 5.333vw 0;}
#contentsworks01 .ttl-Box{margin:0 auto;position:relative;max-width:100%;}
#contentsworks01 .ttl-Box p.catetext{margin-bottom: 2.533vw;position:relative;font-size:3.2vw;line-height:1.5;letter-spacing:.07em;font-weight:500;text-align:left;color:#111;}
#contentsworks01 .ttl-Box p.catetext span{background:#fff;display:inline-block;border:.267vw solid #111;padding:.8vw 2.4vw;margin-right:2.133vw;margin-bottom: 1vw;}
#contentsworks01 .ttl-Box h1{margin-bottom: 3.867vw;position:relative;color:#111;font-size: 4.8vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 700;text-align: left;}
#contentsworks01 .slide-Box{margin: 0 auto 5.8vw;position:relative;max-width:100%;}
#contentsworks01 .slide-Box .main-slide{margin-bottom:4.267vw;}
#contentsworks01 .slide-Box .main-slide .photo{height:auto;aspect-ratio:350/247;position:relative;overflow:hidden;cursor:zoom-in;}
#contentsworks01 .slide-Box .main-slide .photo img{width:100%;height:100%;object-fit:contain;display:block;}
#contentsworks01 .slide-Box .main-slide .photo img.slide-bg{position:absolute;inset:0;object-fit:cover;filter:blur(20px) brightness(1.03) saturate(1.05);transform:scale(1.15);}
#contentsworks01 .slide-Box .main-slide .photo picture{position:relative;display:block;height:100%;z-index:1;}
#contentsworks01 .slide-Box .thumbnail-slide{
    margin-right: -5.7vw;
}
#contentsworks01 .slide-Box .thumbnail-slide figure{width:100%;aspect-ratio: 90/58;overflow:hidden;text-align:center;position:relative;}
#contentsworks01 .slide-Box .thumbnail-slide figure img{width:100%;height:100%;object-fit:contain;display:block;}
#contentsworks01 .slide-Box .thumbnail-slide figure img.slide-bg{position:absolute;inset:0;object-fit:cover;filter:blur(8px) brightness(1.03);transform:scale(1.2);}
#contentsworks01 .slide-Box .thumbnail-slide figure picture{position:relative;display:block;height:100%;z-index:1;}

#contentsworks01 .concept-Box{margin: 0 auto 10.8vw;position:relative;max-width:100%;}
#contentsworks01 .concept-Box p.enttl{margin-bottom: 1.033vw;font-size: 3.233vw;line-height:1.71;letter-spacing:.2em;font-weight:600;text-align:left;color:var(--mred);}
#contentsworks01 .concept-Box p.enttl span{color:var(--mbl);}
#contentsworks01 .concept-Box h2{margin-bottom: 3.167vw;position:relative;padding-bottom: 2.8vw;color:#111;border-bottom:.267vw solid #707070;font-size: 4.3vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;}
#contentsworks01 .concept-Box p.text{margin-bottom:0;position:relative;color:#111;font-size: 3.7vw;line-height: 2;letter-spacing: 0.1em;font-weight: 400;text-align: left;}

#contentsworks01 .req-Box{margin:0 auto 8vw;position:relative;max-width:100%;box-shadow:0 0 1.6vw #D3D3B8;border-radius:2.667vw;background:#fff;padding: 6.3vw 5.3vw 5vw;}
#contentsworks01 .req-Box h2{margin-bottom:4vw;position:relative;font-size:4.3vw;line-height:1.5;letter-spacing:.1em;font-weight:500;padding-bottom:3vw;text-align:left;color:#111;border-bottom:#707070 1px solid;}
#contentsworks01 .req-Box p.lead{margin-bottom:3.8vw;position:relative;font-size:3.7vw;line-height:2;letter-spacing:.1em;font-weight:400;text-align:left;color:#111;}
#contentsworks01 .req-Box ul li{position:relative;padding-left:6vw;margin-bottom:2.7vw;font-size:3.7vw;line-height:1.8;letter-spacing:.1em;font-weight:400;text-align:left;color:#111;}
#contentsworks01 .req-Box ul li::before{content:"✓";position:absolute;left:.5vw;top:0;color:var(--mred);font-weight:700;}
#contentsworks01 .tbl-Box{margin:0 auto 8vw;position:relative;max-width:100%;box-shadow:0 0 1.6vw #D3D3B8;border-radius:2.667vw;background:#fff;padding: 1.8vw 5.3vw 8.5vw;}
#contentsworks01 .tbl-Box table{width:100%;}
#contentsworks01 .tbl-Box table th{display:block;width:100%;border-bottom:none;color:var(--mred);font-size: 3.7vw;line-height:1.7;letter-spacing:.1em;font-weight:600;text-align:left;padding: 3.4vw 0 0.3vw 0vw;}
#contentsworks01 .tbl-Box table td{display:block;width:100%;border-bottom:.267vw solid #707070;color:#111;padding: 0 0 4.1vw;font-size: 3.7vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 400;text-align: left;}

#contentsworks01 .voice-Box{margin:0 auto;position:relative;max-width:100%;}
#contentsworks01 .voice-Box .gl-btn a{font-size:4.267vw;line-height:1.4;letter-spacing:.2em;font-weight:600;text-align:left;color:#fff;padding: 5.333vw 5.4vw 4.833vw 5.4vw;height:auto;}
#contentsworks01 .voice-Box .gl-btn a:hover{}
#contentsworks01 .voice-Box .gl-btn a .arr{right: -0.333vw;position:absolute;top:50%;transform:translateY(-50%);}
#contentsworks01 .voice-Box .gl-btn a .arr img{width: 5.367vw;}

#contentsdetails{margin:0 auto 8vw;position:relative;}
#contentsdetails .inner-Box{margin:0 auto;position:relative;width:100%;}
#contentsdetails .inner-Box figure.img{position:relative;top:0;left:0;text-align:center;margin-bottom: 4.7vw;margin-right: -4.6vw;}
#contentsdetails .inner-Box p.f-en{margin-bottom:-1.067vw;position:relative;font-size: 3.233vw;line-height:1.71;letter-spacing:.2em;font-weight:600;text-align:center;color:var(--mred);}
#contentsdetails .inner-Box p.f-en span{color:var(--mbl);}
#contentsdetails .inner-Box h2{margin-bottom: -6.667vw;position:relative;color:#111;font-size: 4.8vw;line-height: 1.7;letter-spacing: 0.2em;font-weight: 700;text-align: center;}
#contentsdetails .inner-Box ul{display:flex;flex-wrap:wrap;gap: 6.3%;margin: 0 5.3vw;}
#contentsdetails .inner-Box ul li{position:relative;width: 46.6%;margin-bottom: 5.5vw;}
#contentsdetails .inner-Box figure.photo{width:100%;aspect-ratio:264/186;overflow:hidden;text-align:center;position:relative;margin-bottom: 1.167vw;background:#fff;cursor:zoom-in;}
#contentsdetails .inner-Box figure.photo img{width:100%;height:100%;object-fit:contain;display:block;}
#contentsdetails .inner-Box h3{margin-bottom:1.6vw;position:relative;color:#111;font-size: 3.7vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 600;text-align: left;}
#contentsdetails .inner-Box p.ltext{margin-bottom:0;position:relative;color:#111;font-size: 3.2vw;line-height: 2;letter-spacing: 0.2em;font-weight: 400;text-align: left;}

#works-client{padding:0 5.333vw;margin-top:10.4vw;}
#works-client .inner-Box{box-shadow:0 0 1.6vw #D3D3B8;border-radius:2.667vw;background:#fff;padding: 6.3vw 5.333vw 8.5vw 5.333vw;margin-bottom:0;}
#works-client .inner-Box.flex{display:flex;flex-direction:column;max-width:100%;margin: 0 auto 8.5vw;}
#works-client .inner-Box .box-l{width:32vw;aspect-ratio:1/1;border-radius:50%;overflow:hidden;position:relative;margin:0 auto 5.333vw;order:2;}
#works-client .inner-Box .box-l img{width:100%;height:100%;object-fit:cover;display:block;}
#works-client .inner-Box .box-r{width:100%;display: contents;flex-direction:column;}
#works-client .inner-Box .title{margin-bottom:4.267vw;order:1;}
#works-client .inner-Box .txt-box{order:3;}
#works-client .title .f-en{font-size:3.2vw;line-height:1.5;letter-spacing:.2em;font-weight:600;text-align: left;margin-bottom:1.333vw;color:var(--mred);}
#works-client .title .f-en span{color:var(--mbl);}
#works-client .title h2{font-size: 4.3vw;line-height:1.7;letter-spacing:.1em;font-weight:600;text-align: left;color:#111;margin-bottom:1.6vw;}
#works-client .title h2 span{display:block;font-size:3.467vw;line-height:1.5;letter-spacing:.1em;font-weight:500;text-align:center;padding:0;margin:.8vw 0 0;}
#works-client .txt-box{display:block;}
#works-client .txt-box p.cltext{font-size:3.733vw;line-height:2;letter-spacing:.1em;font-weight:400;text-align:left;color:#111;margin-bottom: 1.5vw;}
#works-client .txt-box table{width:100%;font-size:3.733vw;line-height:2;letter-spacing:.2em;font-weight:400;text-align:left;color:#111;}
#works-client .txt-box table th{display:block;width:100%;border-bottom:none;font-weight:600;padding: 3.2vw 0 0vw;}
#works-client .txt-box table td{display:block;width:100%;border-bottom:.267vw solid #707070;padding: 0vw 0 2.2vw;}#works-btn{margin: 0 auto 20vw;width:100%;max-width: 68.333vw;}

}
/* 製品のこだわり: クリックで画像拡大モーダル(全デバイス共通) */
.hk-lightbox{position:fixed;inset:0;z-index:99999;background:rgba(17,17,17,0.85);display:flex;align-items:center;justify-content:center;padding:4vmin;cursor:zoom-out;opacity:0;transition:opacity 0.25s ease;}
.hk-lightbox.is-open{opacity:1;}
.hk-lightbox img{max-width:92vw;max-height:92vh;width:auto;height:auto;object-fit:contain;display:block;box-shadow:0 0 2rem rgba(0,0,0,0.5);background:#fff;}
.hk-lightbox .hk-lightbox-close{position:absolute;top:2rem;right:2.4rem;width:4rem;height:4rem;border:none;background:transparent;cursor:pointer;}
.hk-lightbox .hk-lightbox-close::before,
.hk-lightbox .hk-lightbox-close::after{content:"";position:absolute;top:50%;left:50%;width:3rem;height:2px;background:#fff;}
.hk-lightbox .hk-lightbox-close::before{transform:translate(-50%,-50%) rotate(45deg);}
.hk-lightbox .hk-lightbox-close::after{transform:translate(-50%,-50%) rotate(-45deg);}
body.hk-lightbox-open{overflow:hidden;}

/* 製品のこだわり: 画像未設定時は薄グレーのカンコーロゴをプレースホルダー表示 */
#contentsdetails .inner-Box figure.photo.is-placeholder{display:flex;align-items:center;justify-content:center;background:#fff;cursor:default;}
#contentsdetails .inner-Box figure.photo.is-placeholder img{width:38%;height:auto;object-fit:contain;filter:grayscale(1) opacity(0.18);}