body{margin:0}

body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;margin:0px}

.tk-subpage--detail>.df-section>.df-container{max-width:900px}

.webgene-detail>span{color:rgb(102,113,108)}

.webgene-detail h1,.webgene-detail h2,.webgene-detail h3{color:rgb(27,30,34);line-height:1.45}

.webgene-detail h2{margin-top:2.3em}

.tk-subpage--detail .webgene-detail h2::after{display:none}

.webgene-detail p,.webgene-detail li{max-width:44em;color:rgb(63,71,68);line-height:2}

.webgene-detail img{max-width:100%;height:auto}

.webgene-detail a{color:rgb(15,79,70)}

.webgene-detail table{max-width:100%}

.webgene-detail th,.webgene-detail td{text-align:left}

.tk-cms-detail>article>h1,.webgene-detail>article>h1,.tk-subpage--detail .webgene-item>h1,.webgene-item>h1{margin-top:12px;margin-right:0px;margin-bottom:28px;margin-left:0px;margin:12px 0px 28px;line-height:1.3}

.tk-cms-detail>article>h1,.webgene-detail>article>h1,.tk-subpage--detail .webgene-item>h1,.webgene-item>h1{font-size:24px}

.tk-cms-detail__image img{display:block}

.cms-content>:first-child{margin-top:0px}

.tk-cms-detail__breadcrumb a{color:rgb(15,79,70)}

.tk-cms-detail-hero__eyebrow{font-family:Oswald,sans-serif;line-height:1}

.tk-cms-detail-hero__title{line-height:1.12}

@media (min-width:1024px){.tk-cms-detail>article>h1,.webgene-detail>article>h1,.tk-subpage--detail .webgene-item>h1,.webgene-item>h1{font-size:30px}}

*{box-sizing:border-box}

.webgene-detail table{width:100%}

.tk-cms-detail__image img{width:100%}

.tk-subpage--detail>.tk-cms-detail-wrap{padding-block:clamp(20px,3vw,36px) clamp(48px,7vw,88px)}

.tk-cms-detail-hero{overflow:hidden;background-image:none;background-position:0% 0%;background-origin:padding-box;background-clip:border-box;background:rgb(15,17,21);isolation:isolate}

.tk-cms-detail-hero::before{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(105deg,rgba(15,17,21,.93),rgba(15,17,21,.68)),linear-gradient(105deg,rgba(15,17,21,.78),rgba(15,17,21,.38)),url(https://tk-industry.co.jp/system_panel/uploads/images/20260905192431534370.jpg);background-position:center center;background-size:cover;clip-path:inset(0 100%0 0);animation:tk-cms-detail-hero-wipe .9s cubic-bezier(.22,.61,.36,1) forwards;content:""}

.tk-subpage--detail>.tk-cms-detail-hero .df-container{width:min(calc(100% - 40px),900px)}

.tk-cms-detail-hero__content{padding-block:clamp(30px,7vw,48px)}

.tk-cms-detail-hero__title::after{display:block;width:64px;height:2px;margin-top:20px;background-image:none;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:rgb(11,106,92);background:rgb(11,106,92);transform:scaleX(0);transform-origin:left;animation:tk-cms-detail-hero-line .8s cubic-bezier(.77,0,.18,1) .35s forwards;content:""}

@keyframes tk-cms-detail-hero-wipe{to{clip-path:inset(0)}}

@keyframes tk-cms-detail-hero-line{to{transform:scaleX(1)}}

@media (min-width:768px){.tk-subpage--detail>.tk-cms-detail-hero .df-container{width:min(calc(100% - 80px),900px)}}


/* daifuku:editor-css */

* {
  box-sizing: border-box;
}

body {
  margin: 0;
}

.tk-cms-detail-hero__eyebrow {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 12px;
  margin-left: 0px;
  margin: 0px 0px 12px;
  color: rgb(155, 226, 208);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.17em;
}

.tk-cms-detail-hero__title {
  font-weight: 800;
  letter-spacing: -0.035em;
}

.tk-cms-detail-hero {
  position: relative;
  margin-top: 14px;
  margin-right: 14px;
  margin-bottom: 14px;
  margin-left: 14px;
  margin: 14px;
  border-radius: 24px;
  background-size: auto;
  background-repeat: repeat;
  background-attachment: scroll;
  background-color: rgb(15, 17, 21);
  color: rgb(255, 255, 255);
}

@media (min-width:768px) {
  .tk-cms-detail-hero {
    min-height: 180px;
    margin-top: 22px;
    margin-right: 22px;
    margin-bottom: 22px;
    margin-left: 22px;
    margin: 22px;
  }

  .tk-cms-detail-hero__content {
    min-height: 180px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

@media (min-width:1024px) {
  .tk-cms-detail-hero {
    min-height: 220px;
  }

  .tk-cms-detail-hero__content {
    min-height: 220px;
  }
}


/* daifuku:editor-css */

* {
  box-sizing: border-box;
}

body {
  margin: 0;
}