@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@100;400;700;800&display=swap');
/* font-family: 'M PLUS 1p', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500&display=swap');html:not(.theme-legacy *){
  font-size: 17px !important;
}*:not(.theme-legacy *){
  line-height: 1.618;
  /*line-height: 1.43; */
}.inline:not(.theme-legacy *){
  display: inline;
}h1.singlepage:not(.theme-legacy *){
  font-size: 32px;
  color: #444;
  border-left: solid 0.5rem #b5161d;
  padding-left: 1rem;
  height: 1.612em;
  padding-top: 0.2em;
  vertical-align: top;
}

/*  
header + article,
header + div + article,
header + section,
header + div + section {
  padding-top: 90px; 
}
*/article:not(.top, .product, .pickup, .signage-product, .space-product, .company-concept-message-contents):not(.theme-legacy *),section:not(.top, .product, .pickup, .signage-product, .space-product, .company-concept-message-contents):not(.theme-legacy *),nav:not(.theme-legacy *),.contact:not(.theme-legacy *){
  position: relative;
  padding-left: 10vw !important;
  padding-right: 10vw !important;
}article:not(.top, .product, .pickup, .signage-product, .space-product, .company-concept-message-contents)>*:not(.theme-legacy *),section:not(.top, .product, .pickup, .signage-product, .space-product, .company-concept-message-contents)>*:not(.theme-legacy *),nav>*:not(.theme-legacy *),.contact>*:not(.theme-legacy *){
  max-width: 1366px !important;
  margin-top: 0;
  margin-bottom: 1rem;
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative;
}.boxes:not(.theme-legacy *){
  padding: 0 !important;
  margin: 0;
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  /*align-items: flex-start; 上下上寄せ*/
  margin: 0 !important;
}.fdc:not(.theme-legacy *){
  flex-direction: column;
}.vt:not(.theme-legacy *){
  align-items: flex-start;
}.vb:not(.theme-legacy *){
  align-items: flex-end;
}.vc:not(.theme-legacy *){
  align-items: center
}.vd:not(.theme-legacy *){
  align-items: stretch
}.ha:not(.theme-legacy *){
  justify-content: space-between;
}.hb:not(.theme-legacy *){
  justify-content: space-around;
}.hc:not(.theme-legacy *){
  justify-content: center;
}.hs:not(.theme-legacy *){
  justify-content: start;
}.tc:not(.theme-legacy *){
  text-align: center !important;
}.tal:not(.theme-legacy *){
  text-align: left !important;
}.boxes>*:not(hr):not(.theme-legacy *){
  padding: 0 0.2rem !important;
  position: relative;
}.boxes>* img:not(.theme-legacy *){
  width: 100%;
  height: auto;
  margin: 0
}.blog img:not(.theme-legacy *){
  width: unset !important;
  max-width: 100%;
}.blog p:not(.theme-legacy *){
  margin-bottom: 1rem;
}.boxes.wa>* img:not(.theme-legacy *){
  width: auto;
}.tr:not(.theme-legacy *){
  text-align: right;
  margin-top: 1rem;
  font-size: smaller;
}.boxes>.box0:not(.theme-legacy *){
  display: none;
}.boxes>.box5:not(.theme-legacy *){
  width: 5%;
}.boxes>.box10:not(.theme-legacy *){
  width: 10%;
}.boxes>.box12:not(.theme-legacy *){
  width: 12.5%;
}.boxes>.box15:not(.theme-legacy *){
  width: 15%;
}.boxes>.box20:not(.theme-legacy *){
  width: 20%;
}.boxes>.box30:not(.theme-legacy *){
  width: 30%;
}.boxes>.box40:not(.theme-legacy *){
  width: 40%;
}.boxes>.box45:not(.theme-legacy *){
  width: 45%;
}.boxes>.box50-:not(.theme-legacy *){
  width: calc(50% - 0.5rem);
}.boxes>.box50:not(.theme-legacy *){
  width: 50%;
}.boxes>.box55:not(.theme-legacy *){
  width: 55%;
}.boxes>.box60:not(.theme-legacy *){
  width: 60%;
}.boxes>.box70:not(.theme-legacy *){
  width: 70%;
}.boxes>.box80:not(.theme-legacy *){
  width: 80%;
}.boxes>.box90:not(.theme-legacy *){
  width: 90%;
}.boxes>.box100:not(.theme-legacy *){
  width: 100%;
}.boxes>.box33:not(.theme-legacy *){
  width: calc(100% / 3);
}.boxes>.box66:not(.theme-legacy *){
  width: calc(100% / 3 * 2);
}.boxes>.box25:not(.theme-legacy *){
  width: 25%;
}.boxes>.box75:not(.theme-legacy *){
  width: 75%;
}

@media screen and (min-width:520px) and (max-width:959px) {.boxes>.mbox0:not(.theme-legacy *){
    display: none;
  }.boxes>.mbox5:not(.theme-legacy *){
    width: 5%;
  }.boxes>.mbox10:not(.theme-legacy *){
    width: 10%;
  }.boxes>.mbox20:not(.theme-legacy *){
    width: 20%;
  }.boxes>.mbox30:not(.theme-legacy *){
    width: 30%;
  }.boxes>.mbox40:not(.theme-legacy *){
    width: 40%;
  }.boxes>.mbox45:not(.theme-legacy *){
    width: 45%;
  }.boxes>.mbox50-:not(.theme-legacy *){
    width: calc(50% - 0.5rem);
  }.boxes>.mbox50:not(.theme-legacy *){
    width: 50%;
  }.boxes>.mbox55:not(.theme-legacy *){
    width: 55%;
  }.boxes>.mbox60:not(.theme-legacy *){
    width: 60%;
  }.boxes>.mbox70:not(.theme-legacy *){
    width: 70%;
  }.boxes>.mbox80:not(.theme-legacy *){
    width: 80%;
  }.boxes>.mbox90:not(.theme-legacy *){
    width: 90%;
  }.boxes>.mbox100:not(.theme-legacy *){
    width: 100%;
  }.boxes>.mbox33:not(.theme-legacy *){
    width: calc(100% / 3);
  }.boxes>.mbox66:not(.theme-legacy *){
    width: calc(100% / 3 * 2);
  }.boxes>.mbox25:not(.theme-legacy *){
    width: 25%;
  }.boxes>.mbox75:not(.theme-legacy *){
    width: 75%;
  }.boxes>.mbox100:not(.theme-legacy *){
    width: 100%;
  }
}

@media screen and (max-width: 519px) {.boxes>.sbox0:not(.theme-legacy *){
    display: none;
  }.boxes>.sbox5:not(.theme-legacy *){
    width: 5%;
  }.boxes>.sbox10:not(.theme-legacy *){
    width: 10%;
  }.boxes>.sbox20:not(.theme-legacy *){
    width: 20%;
  }.boxes>.sbox30:not(.theme-legacy *){
    width: 30%;
  }.boxes>.sbox40:not(.theme-legacy *){
    width: 40%;
  }.boxes>.sbox45:not(.theme-legacy *){
    width: 45%;
  }.boxes>.sbox50-:not(.theme-legacy *){
    width: calc(50% - 0.5rem);
  }.boxes>.sbox50:not(.theme-legacy *){
    width: 50%;
  }.boxes>.sbox55:not(.theme-legacy *){
    width: 55%;
  }.boxes>.sbox60:not(.theme-legacy *){
    width: 60%;
  }.boxes>.sbox70:not(.theme-legacy *){
    width: 70%;
  }.boxes>.sbox80:not(.theme-legacy *){
    width: 80%;
  }.boxes>.sbox90:not(.theme-legacy *){
    width: 90%;
  }.boxes>.sbox100:not(.theme-legacy *){
    width: 100%;
  }.boxes>.sbox33:not(.theme-legacy *){
    width: calc(100% / 3);
  }.boxes>.sbox66:not(.theme-legacy *){
    width: calc(100% / 3 * 2);
  }.boxes>.sbox25:not(.theme-legacy *){
    width: 25%;
  }.boxes>.sbox75:not(.theme-legacy *){
    width: 75%;
  }.boxes>.sbox100:not(.theme-legacy *){
    width: 100%;
  }
}.mb0:not(.theme-legacy *){
  margin-bottom: 0 !important;
}.mb1:not(.theme-legacy *){
  margin-bottom: 1rem !important;
}.mb2:not(.theme-legacy *){
  margin-bottom: 2rem !important;
}.mb3:not(.theme-legacy *){
  margin-bottom: 3rem !important;
}.mb5:not(.theme-legacy *){
  margin-bottom: 5rem !important;
}.mt0:not(.theme-legacy *){
  margin-top: 0 !important;
}.mt1:not(.theme-legacy *){
  margin-top: 1rem !important;
}.mt2:not(.theme-legacy *){
  margin-top: 2rem !important;
}.mt3:not(.theme-legacy *){
  margin-top: 3rem !important;
}.mt4:not(.theme-legacy *){
  margin-top: 4rem !important;
}.mt5:not(.theme-legacy *){
  margin-top: 5rem !important;
}.ml0:not(.theme-legacy *){
  margin-left: 0 !important;
}.ml1:not(.theme-legacy *){
  margin-left: 1rem !important;
}.ml2:not(.theme-legacy *){
  margin-left: 2rem !important;
}.ml3:not(.theme-legacy *){
  margin-left: 3rem !important;
}.ml5:not(.theme-legacy *){
  margin-left: 5rem !important;
}.ml10:not(.theme-legacy *){
  margin-left: 10rem !important;
}.mr0:not(.theme-legacy *){
  margin-right: 0 !important;
}.mr1:not(.theme-legacy *){
  margin-right: 1rem !important;
}.mr2:not(.theme-legacy *){
  margin-right: 2rem !important;
}.mr3:not(.theme-legacy *){
  margin-right: 3rem !important;
}.mr5:not(.theme-legacy *){
  margin-right: 5rem !important;
}.mr10:not(.theme-legacy *){
  margin-right: 10rem !important;
}.pl0:not(.theme-legacy *){
  padding-left: 0rem !important;
}.pl1:not(.theme-legacy *){
  padding-left: 1rem !important;
}.pl2:not(.theme-legacy *){
  padding-left: 2rem !important;
}.pl3:not(.theme-legacy *){
  padding-left: 3rem !important;
}.pr0:not(.theme-legacy *){
  padding-right: 0rem !important;
}.pr1:not(.theme-legacy *){
  padding-right: 1rem !important;
}.pr2:not(.theme-legacy *){
  padding-right: 2rem !important;
}.pr3:not(.theme-legacy *){
  padding-right: 3rem !important;
}.pt0:not(.theme-legacy *){
  padding-top: 0rem !important;
}.pt1:not(.theme-legacy *){
  padding-top: 1rem !important;
}.pt2:not(.theme-legacy *){
  padding-top: 2rem !important;
}.pt3:not(.theme-legacy *){
  padding-top: 3rem !important;
}.pt5:not(.theme-legacy *){
  padding-top: 5rem !important;
}.pb0:not(.theme-legacy *){
  padding-bottom: 0rem !important;
}.pb1:not(.theme-legacy *){
  padding-bottom: 1rem !important;
}.pb2:not(.theme-legacy *){
  padding-bottom: 2rem !important;
}.pb3:not(.theme-legacy *){
  padding-bottom: 3rem !important;
}



@media screen and (max-width: 519px) {.smb0:not(.theme-legacy *){
    margin-bottom: 0 !important;
  }.smb1:not(.theme-legacy *){
    margin-bottom: 1rem !important;
  }.smb2:not(.theme-legacy *){
    margin-bottom: 2rem !important;
  }.smb3:not(.theme-legacy *){
    margin-bottom: 3rem !important;
  }.smb5:not(.theme-legacy *){
    margin-bottom: 5rem !important;
  }.smt0:not(.theme-legacy *){
    margin-top: 0 !important;
  }.smt1:not(.theme-legacy *){
    margin-top: 1rem !important;
  }.smt2:not(.theme-legacy *){
    margin-top: 2rem !important;
  }.smt3:not(.theme-legacy *){
    margin-top: 3rem !important;
  }.smt4:not(.theme-legacy *){
    margin-top: 4rem !important;
  }.smt5:not(.theme-legacy *){
    margin-top: 5rem !important;
  }.sml0:not(.theme-legacy *){
    margin-left: 0 !important;
  }.sml1:not(.theme-legacy *){
    margin-left: 1rem !important;
  }.sml2:not(.theme-legacy *){
    margin-left: 2rem !important;
  }.sml3:not(.theme-legacy *){
    margin-left: 3rem !important;
  }.sml5:not(.theme-legacy *){
    margin-left: 5rem !important;
  }.sml10:not(.theme-legacy *){
    margin-left: 10rem !important;
  }.smr0:not(.theme-legacy *){
    margin-right: 0 !important;
  }.smr1:not(.theme-legacy *){
    margin-right: 1rem !important;
  }.smr2:not(.theme-legacy *){
    margin-right: 2rem !important;
  }.smr3:not(.theme-legacy *){
    margin-right: 3rem !important;
  }.smr5:not(.theme-legacy *){
    margin-right: 5rem !important;
  }.smr10:not(.theme-legacy *){
    margin-right: 10rem !important;
  }.spl0:not(.theme-legacy *){
    padding-left: 0rem !important;
  }.spl1:not(.theme-legacy *){
    padding-left: 1rem !important;
  }.spl2:not(.theme-legacy *){
    padding-left: 2rem !important;
  }.spl3:not(.theme-legacy *){
    padding-left: 3rem !important;
  }.spr0:not(.theme-legacy *){
    padding-right: 0rem !important;
  }.spr1:not(.theme-legacy *){
    padding-right: 1rem !important;
  }.spr2:not(.theme-legacy *){
    padding-right: 2rem !important;
  }.spr3:not(.theme-legacy *){
    padding-right: 3rem !important;
  }.spt0:not(.theme-legacy *){
    padding-top: 0rem !important;
  }.spt1:not(.theme-legacy *){
    padding-top: 1rem !important;
  }.spt2:not(.theme-legacy *){
    padding-top: 2rem !important;
  }.spt3:not(.theme-legacy *){
    padding-top: 3rem !important;
  }.spt5:not(.theme-legacy *){
    padding-top: 5rem !important;
  }.spb0:not(.theme-legacy *){
    padding-bottom: 0rem !important;
  }.spb1:not(.theme-legacy *){
    padding-bottom: 1rem !important;
  }.spb2:not(.theme-legacy *){
    padding-bottom: 2rem !important;
  }.spb3:not(.theme-legacy *){
    padding-bottom: 3rem !important;
  }
}.pl10:not(.theme-legacy *){
  padding-left: 10% !important;
}.pl20:not(.theme-legacy *){
  padding-left: 20% !important;
}.pl30:not(.theme-legacy *){
  padding-left: 30% !important;
}.pl40:not(.theme-legacy *){
  padding-left: 40% !important;
}.pl50:not(.theme-legacy *){
  padding-left: 50% !important;
}.pl60:not(.theme-legacy *){
  padding-left: 60% !important;
}.pl70:not(.theme-legacy *){
  padding-left: 70% !important;
}.pl80:not(.theme-legacy *){
  padding-left: 80% !important;
}.pl90:not(.theme-legacy *){
  padding-left: 90% !important;
}.pr10:not(.theme-legacy *){
  padding-right: 10% !important;
}.pr20:not(.theme-legacy *){
  padding-right: 20% !important;
}.pr30:not(.theme-legacy *){
  padding-right: 30% !important;
}.pr40:not(.theme-legacy *){
  padding-right: 40% !important;
}.pr50:not(.theme-legacy *){
  padding-right: 50% !important;
}.pr60:not(.theme-legacy *){
  padding-right: 60% !important;
}.pr70:not(.theme-legacy *){
  padding-right: 70% !important;
}.pr80:not(.theme-legacy *){
  padding-right: 80% !important;
}.pr90:not(.theme-legacy *){
  padding-right: 90% !important;
}.w10:not(.theme-legacy *){
  width: 10% !important;
}.w20:not(.theme-legacy *){
  width: 20% !important;
}.w30:not(.theme-legacy *){
  width: 30% !important;
}.w40:not(.theme-legacy *){
  width: 40% !important;
}.w50:not(.theme-legacy *){
  width: 50% !important;
}.w60:not(.theme-legacy *){
  width: 60% !important;
}.w70:not(.theme-legacy *){
  width: 70% !important;
}.w80:not(.theme-legacy *){
  width: 80% !important;
}.w90:not(.theme-legacy *){
  width: 90% !important;
}.w100:not(.theme-legacy *){
  width: 100% !important;
}a:not(.theme-legacy *){
  text-decoration: none;
}.news-content a:not(.theme-legacy *){
  display: inline;
  color: #048;
}div.b0:not(.theme-legacy *){
  margin-bottom: 0;
}#breadcrumbs:not(.theme-legacy *){
  font-size: 0.6rem;
  margin-bottom: 0.5rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 10px 80px;

}

@media screen and (max-width: 959px) {#breadcrumbs:not(.theme-legacy *){
    padding: 0;
  }
}#breadcrumbs ul:not(.theme-legacy *){
  display: inline;
  padding: 0;
}#breadcrumbs li:not(.theme-legacy *){
  display: inline;
  list-style: none;
}#breadcrumbs:not(.theme-legacy *){
  background: white;
  overflow: hidden;
  width: 100%;
}#breadcrumbs a:not(.theme-legacy *){
  padding: .7em 1em .7em 2em;
  text-decoration: none;
  color: #000;
  position: relative;
  display: inline;
}#breadcrumbs span+a:not(.theme-legacy *){
  padding-left: 1em;
}#breadcrumbs a:hover:not(.theme-legacy *){
  color: #b5161d;
}#breadcrumbs a:not(.theme-legacy *)::after,#breadcrumbs a:not(.theme-legacy *)::before{
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid;
  right: -1em;
}#breadcrumbs a:not(.theme-legacy *)::after{
  z-index: 2;
  border-left-color: #fff;
}#breadcrumbs a:not(.theme-legacy *)::before{
  border-left-color: #ccc;
  right: -1.1em;
  z-index: 1;
}#breadcrumbs a:hover:not(.theme-legacy *)::after{
  color: #b5161d;
}#breadcrumbs .breadcrumb_last:not(.theme-legacy *),#breadcrumbs .breadcrumb_last:hover:not(.theme-legacy *){
  padding-left: 0.8rem;
  padding-right: 1rem;
  font-weight: bold;
  background: none;
}#breadcrumbs .breadcrumb_last:not(.theme-legacy *)::after,#breadcrumbs .breadcrumb_last:not(.theme-legacy *)::before{
  content: normal;
}#report:not(.theme-legacy *){
  width: 600px;
  margin: auto;
  font-family: ipaexm,
    serif;
  line-height: 2.2;
}#report span:not(.theme-legacy *){
  display: block
}.dlb:not(.theme-legacy *){
  display: block;
  text-align: center;
  width: 100%;
  margin-top: 3rem
}.dlb img:not(.theme-legacy *){
  width: 85%;
}

@media screen and (min-width: 960px) {html:not(.theme-legacy *){
    font-size: 19px !important;
  }article:not(.top, .product, .signage-product):not(.theme-legacy *),section:not(.top, .product, .signage-product, .space-product):not(.theme-legacy *),nav:not(.theme-legacy *),.contact:not(.theme-legacy *){
    padding-left: 130px !important;
    padding-right: 130px !important;
  }
}

@media screen and (min-width:520px) and (max-width:959px) {html:not(.theme-legacy *){
    font-size: 12px !important;
  }article:not(.top, .product, .signage-product):not(.theme-legacy *),section:not(.top, .product, .signage-product, .space-product):not(.theme-legacy *),nav:not(.theme-legacy *),.contact:not(.theme-legacy *){
    padding-left: 1.5% !important;
    padding-right: 1.5% !important;
  }article:not(.top, .product, .signage-product)>*:not(.theme-legacy *),section:not(.top, .product, .signage-product, .space-product)>*:not(.theme-legacy *),nav>*:not(.theme-legacy *),.contact>*:not(.theme-legacy *){
    padding: 0 2rem !important;
    /* font-size: 18px !important; */
  }
}

@media screen and (max-width: 519px) {html:not(.theme-legacy *){
    margin: 0;
    font-size: 10pt !important;
  }article:not(.top, .product, .signage-product):not(.theme-legacy *),section:not(.top, .product, .signage-product, .space-product):not(.theme-legacy *),nav:not(.theme-legacy *),.contact:not(.theme-legacy *){
    padding-left: 0 !important;
    padding-right: 0 !important;
  }article:not(.top, .product, .signage-product)>*:not(.theme-legacy *),section:not(.top, .product, .signage-product, .space-product)>*:not(.theme-legacy *),nav>*:not(.theme-legacy *),.contact>*:not(.theme-legacy *){
    padding: 0 0.3rem !important;
    /* font-size: 18px !important; */
  }#report:not(.theme-legacy *){
    width: 100%
  }#report span:not(.theme-legacy *){
    display: inline
  }.dlb img:not(.theme-legacy *){
    width: 100%;
  }
}small:not(.theme-legacy *){
  font-size: smaller;
}p:not(.theme-legacy *){
  /*text-align: justify; /* 両端揃え */
  /*text-justify: inter-ideograph; /* 両端揃えの種類 */
  text-align: left;
  /* 両端揃え */
  text-justify: none;
  /* 両端揃えの種類 */
}.tar:not(.theme-legacy *){
  text-align: right !important;
}.topmenu:not(.theme-legacy *){
  display: flex;
  justify-content: space-between;
  font-size: 0.8rem;
  padding: 0;
  margin: 0 !important;
  padding: 0 !important;
  align-items: center;
  height: 2rem;
}.topmenu li:not(.theme-legacy *){
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
  height: 100%;
  display: flex;
  align-items: center;
}.topmenu a:not(.theme-legacy *){
  margin: 0 !important;
  /*width: 11em;*/
  text-align: center;
  padding: 0 1ex;
  color: #999;
  width: 100%;

}.topmenu a:visited:not(.theme-legacy *){
  color: #999
}.topmenu li:hover:not(.theme-legacy *){
  background-color: #666;
  border-radius: 0.5em;
}.topmenu li:hover a:not(.theme-legacy *){
  color: #fff;
  text-decoration: none;
}

@media screen and (max-width: 519px) {.topmenu:not(.theme-legacy *){
    display: flex;
    justify-content: space-between;
    /*width: 100%;*/
    border: 0px;
    font-size: 2vw;
    margin-bottom: 0.5vw !important;
  }.topmenu a:not(.theme-legacy *){
    /* width: calc(25% - 4px);*/
  }

}

@media screen and (max-width: 519px) {.topmenu:not(.theme-legacy *){
    position: absolute;
    top: 0.8rem;
    right: 3rem;
  }
}.carousel-indicators:not(.theme-legacy *){
  width: auto;
  left: auto;
  right: 1vw;
  bottom: 0px;
  margin-bottom: 0px;
}.carousel-indicators li:not(.theme-legacy *){
  border-radius: 0;
}.carousel-control:not(.theme-legacy *){
  width: 5%;
}.hanbarg:not(.theme-legacy *){
  background: transparent url(../img/btn.svg) no-repeat 0 0;
  background-size: 4rem 2rem;
  width: 2rem;
  height: 2rem;
  display: block;
  position: absolute;
  top: 0.8rem;
  right: 0.5rem;
  cursor: pointer;
  padding: 0;
  z-index: 200;
}.peke:not(.theme-legacy *){
  background-position: 100% 0;
}.drawr:not(.theme-legacy *){
  display: none;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0px;
  right: 0;
  width: 40vw;
  padding: 2em;
  z-index: 100;
}ul.kome:not(.theme-legacy *){
  padding-left: 1.5rem;
}ul.kome li:not(.theme-legacy *){
  list-style-type: none;
  text-indent: -1.5em;
}ul.kome li:not(.theme-legacy *):before{
  display: inline;
  content: "※ ";
}p.kome:not(.theme-legacy *){
  list-style-type: none;
  margin-left: 1em;
  position: relative;
}p.kome:not(.theme-legacy *):before{
  position: absolute;
  display: inline;
  content: "※";
  top: 0;
  left: -1rem;
}ul.sq:not(.theme-legacy *){
  position: relative;
  list-style-type: none;
  padding: 0;
  margin-left: 1.3em;
}ul.sq li:not(.theme-legacy *):before{
  position: absolute;
  content: '■';
  left: -1.3em;
}ul.wq:not(.theme-legacy *){
  position: relative;
  list-style-type: none;
  padding: 0;
  margin-left: 1.3em;
}ul.wq li:not(.theme-legacy *):before{
  content: '□';
  left: -1.3em;
  position: absolute;
}

@media screen and (max-width: 519px) {.drawr:not(.theme-legacy *){
    width: 80%;
  }
}#menu:not(.theme-legacy *){
  padding: 0;
  list-style: none;
}#menu li:not(.theme-legacy *){
  width: 60vw;
  color: #fff;
}#menu ul:not(.theme-legacy *){
  list-style: none;
  padding-left: 1ex;
}#menu a:not(.theme-legacy *):before{
  content: '» ';
}#menu a:not(.theme-legacy *){
  color: #fff;
  padding: 1ex;
  display: block;
}#menu a:hover:not(.theme-legacy *){
  background-color: rgba(0, 0, 0, .5);
  text-decoration: none;
}.banner:not(.theme-legacy *){
  width: 100%;
  height: clamp(30vw, 35vw, 512px);
  position: relative;
}

/*
@media screen and (max-width: 519px) { 
  .banner{
      height:35vw;
  }
}
@media screen and (min-width: 1092px){
  .banner{
      height: 30vw;
  }
}
@media screen and (min-width: 1707px){
  .banner{
      height:512px;
  }
}
*/.banner img:not(.theme-legacy *){
  position: absolute;
  right: 3rem;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  width: 19rem;
  vertical-align: middle;
}.products a:not(.theme-legacy *){
  width: calc(100% / 5);
  height: calc(12vw * 0.8);
  position: relative;
  overflow: hidden;
}.products6 a:not(.theme-legacy *){
  width: calc(100% / 6 - 0.1rem);
  background: #000;
  margin-bottom: 0.2rem;
}.products4 a:not(.theme-legacy *){
  width: calc(100% / 4 - 1rem);
  height: calc(30vw);
  margin-bottom: 0.2rem;
  background: #000;
}.products3 a:not(.theme-legacy *){
  width: calc(100% / 3 - 0.1rem);
  height: calc(20vw);
  margin-bottom: 0.2rem;
  background: #000;
}.pict3:not(.theme-legacy *){
  width: calc(100% / 3 - 0.1rem);
  margin-bottom: 0.2rem;
  height: calc(100% / 3 - 0.1rem);
}.movie3 div:not(.theme-legacy *){
  width: 32.5%;
  height: 27rem !important;
}.movie3 h3:not(.theme-legacy *){
  font-size: 1.1rem;
  margin: 0 !important;
}.movie3 h4:not(.theme-legacy *){
  font-size: 1.05rem;
  margin: 0 !important;
}.movie3 p:not(.theme-legacy *){
  height: 5rem;
  margin: 0;
}.movie3 iframe:not(.theme-legacy *){
  width: 100% !important;
  height: 60% !important;
  ;
}.products2 a:not(.theme-legacy *){
  width: calc(100% / 2 - 0.1rem);
  height: calc(20vw);
  margin-bottom: 0.2rem;
  background: #000;
}.map:not(.theme-legacy *){
  height: 30rem;
}.map>div:not(.theme-legacy *){
  width: calc(100% / 2 - 0.3rem) !important;
  height: calc(20vw) !important;
  margin-bottom: 0.2rem !important;
}.map h4:not(.theme-legacy *){
  margin-top: 0;
}.products a div:not(.theme-legacy *){
  width: 100%;
}.products a img:not(.theme-legacy *){
  position: absolute;
  width: 101%;
  /* フィットしないので */
  height: 100%;
  object-fit: cover;
  max-width: inherit;
  transition-duration: 0.2s;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*.products a:nth-child(n+2):not(:nth-child(4)) img:hover { */.products a img:hover:not(.theme-legacy *){
  transform: scale(1.2);
  transition-duration: 0.2s;
  opacity: 0.7;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.2);
}.products>div:not(.theme-legacy *){
  background-size: cover;
  height: calc(12vw * 0.8);
  background-position: center center;
  padding: 0px;
}.toppanel div:not(.theme-legacy *){
  border-style: solid;
  border-color: white;
  border-width: 0.2rem 0.1rem 0;
  background-size: cover;
  height: calc(12vw * 0.8);
  background-position: center center;
  padding: 0px;
}

@media screen and (max-width: 519px) {.toppanel div:not(.theme-legacy *){
    height: 19.2vw;
  }.products a:not(.theme-legacy *){
    height: calc(12vw * 0.8 * 2);
    width: calc(100% / 3 - 0.2rem);
  }.products a:first-child:not(.theme-legacy *){
    width: calc(100% / 3 * 2);
  }.products2 a:first-child:not(.theme-legacy *),.products2 a:not(.theme-legacy *){
    width: calc(100% / 2 - 0.2rem);
  }.products3 a:not(.theme-legacy *),.products6 a:not(.theme-legacy *),.products3 a:first-child:not(.theme-legacy *),.products6 a:first-child:not(.theme-legacy *){
    width: calc(100% / 3 - 0.2rem);
  }.pict3:not(.theme-legacy *){
    width: 100%;
  }.movie3 div:not(.theme-legacy *){
    width: calc(100%);
    height: 37rem !important;
  }.movie3 iframe:not(.theme-legacy *){
    width: calc(100%);
    height: 70% !important;
  }

}

@media screen and (min-width: 960px) {.products a:not(.theme-legacy *){
    height: 130px;
  }.products2 a:not(.theme-legacy *),.products3 a:not(.theme-legacy *){
    height: 273px;
  }.toppanel div:not(.theme-legacy *){
    height: 273px;
  }
}.glyphicon-chevron-left:not(.theme-legacy *):before{
  content: "<";
}.glyphicon-chevron-right:not(.theme-legacy *):before{
  content: ">";
}.carousel-indicators li:not(.theme-legacy *){
  border: thin solid #fff;
}.biz div:not(.theme-legacy *){
  height: 13rem;
  background-position: center center;
  padding: 0px;
}.toppanel div:hover:not(.theme-legacy *)::before{

  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: ' ';

}.m-single-box h2:not(.common-top-title):not(.theme-legacy *){
  text-align: left;
}h2:not(.common-top-title) img:not(.theme-legacy *){
  width: 28rem;
  height: auto;
}.with-detail:not(.theme-legacy *){
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content:
    space-between;
  align-items: center;
}.with-detail a:not(.theme-legacy *){
  background-color: #B5161D;
  text-decoration: none;
  color: #fff;
  display: block;
  border-radius: 1rem;
  font-size: 0.8rem;
  padding: 0.1rem 1rem 0 1rem !important;
  height: 1.5rem;
}.with-detail a:hover:not(.theme-legacy *){
  background-color: #C33;
}.with-detail a:active:not(.theme-legacy *){
  background-color: #600;
  color: #999;
}





@media screen and (max-width: 519px) {h2:not(.common-top-title, .common-catch-title):not(.theme-legacy *){
    margin: 8vw 0 4vw 0;
    text-align: center;
  }h2:not(.common-top-title, .common-catch-title) img:not(.theme-legacy *){
    width: 80%;
  }
}h3:not(.service-info-title, .company-concept-message-ceo-name, .company-concept-slogan-item-title):not(.theme-legacy *){
  color: #666;
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  padding-left: 18px;
  position: relative;
  border-left: solid 0.3rem #B5161D;
}.case-contents h3:not(.theme-legacy *){
  color: white;
  font-size: 12px;
  padding-left: initial;
  position: relative;
  border-left: initial;
  margin-top: 0.5rem !important;
}h2:not(.common-top-title).label:not(.theme-legacy *){
  font-family: 'M+ 1p light';
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  text-align: left;
  margin: 0;
  padding: 0.3rem;
  font-size: 1.3rem;
  text-shadow: 2px 2px 4px #000,
    0px 0px 4px #666;
  /*text-shadow: 
        #999 1px 1px 0, #333 -1px -1px 0,/*右下、左上*/
  /*        #999 -1px 1px 0, #333 1px -1px 0,/*右上、左下*/
  /*        #999 0px 1px 0, #333  0-1px 0,/*右、左*/
  /*        #999 -1px 0 0, #333 1px 0 0;/*上、下*/

}h2:not(.common-top-title).label:not(.theme-legacy *){
  margin: 0px !important;
  padding: 0.4rem;
  border: none;
}h2.label small:not(.theme-legacy *){
  display: block;
  border-top: thin solid white;
  color: white;
  text-align: right;
}h3.label:not(.theme-legacy *){
  position: absolute;
  bottom: 0;
  left: -12.5%;
  margin: 0 !important;
  width: 125%;
  height: auto;
  padding: 0.4rem;
  text-align: right;
  background: linear-gradient(160deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.9));
  font-family: 'M+ 1p regular';
  font-size: calc(9px + 0.3vw);
  transform: scale(0.8, 1);
  line-height: 1.3 !important;
}.biz h3.label:not(.theme-legacy *){
  padding: 0.5rem;
}.news:not(.theme-legacy *){
  margin-top: 3vw;
}.news h3:not(.theme-legacy *),.news div:not(.theme-legacy *){
  font-family: 'M+ 1p medium';
  height: 2em;
}.news h3:not(.theme-legacy *),.news h3 small:not(.theme-legacy *){
  color: #69c;
}.news h3:not(.theme-legacy *){
  margin: 1vw 0;
}.reader:not(.theme-legacy *){
  width: auto;
  float: left;
  border-bottom: thin solid #fff;
  width: 50%;
}.news a:not(.theme-legacy *),.news a:visited:not(.theme-legacy *),.news a:hover:not(.theme-legacy *){
  float: right;
  background-color: #900;
  color: #fff;

}.news a:hover:not(.theme-legacy *){
  color: #c00;
}.news a:active:not(.theme-legacy *){
  color: #600;
}.news div:last-child:not(.theme-legacy *){
  font-size: 1px;
}.news-list:not(.theme-legacy *){
  list-style: none;
  padding-left: 0;
  font-size: 1rem;
}

@media screen and (max-width: 519px) {.news h3:not(.theme-legacy *){
    font-size: 1.4rem;
  }.news a:not(.theme-legacy *),.news a:visited:not(.theme-legacy *),.news a:hover:not(.theme-legacy *){
    font-size: 1rem;
  }.news-list:not(.theme-legacy *){
    font-size: 1.1rem;
  }.reader:not(.theme-legacy *){
    display: none;
  }
}.p-icon-digitalsignage:not(.theme-legacy *):before{
  content: "DIGITALSIGNAGE";
  display: inline-block;
  transform: scale(1, 1.3);
  /* CSS3 */
  width: 7rem;
  text-align: center;
  font-size: 0.65rem;
  margin-right: 0.5rem;
  background: #C36;
  color: white;
}.p-icon-space:not(.theme-legacy *):before{
  content: "SPACE";
  display: inline-block;
  transform: scale(1, 1.3);
  /* CSS3 */
  width: 7rem;
  text-align: center;
  font-size: 0.65rem;
  margin-right: 0.5rem;
  background: #69c;
  color: white;
}.p-icon-none:not(.theme-legacy *):before{
  content: "NEWS";
  display: inline-block;
  transform: scale(1, 1.3);
  /* CSS3 */
  width: 7rem;
  text-align: center;
  font-size: 0.65rem;
  margin-right: 0.5rem;
  background: #666;
  color: white;
}.p-icon-advertisement:not(.theme-legacy *):before{
  content: "ADOVERTISING";
  display: inline-block;
  transform: scale(1, 1.3);
  /* CSS3 */
  width: 7rem;
  text-align: center;
  font-size: 0.65rem;
  margin-right: 0.5rem;
  background: #6c6;
  color: white;
}.p-txtL:not(.theme-legacy *){
  float: left;
  width: 15rem;
  color: #111111;
}.p-txtR:not(.theme-legacy *){
  float: right;
  width: calc(100% - 15rem);
  color: #111111;
}html:not(.theme-legacy *){
  scroll-padding-top: 10rem;
}.contact:not(.theme-legacy *){
  font-family: 'M+ 1p medium';
  position: fixed;
  width: 100% !important;
  background-color: #B5161D;
  top: 0;
  left: 0;
  height: 3rem;
  margin: 0 auto;
  z-index: 110;
}.contact ul:not(.theme-legacy *){
  list-style: none;
  display: table;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}.contact ul li:not(.theme-legacy *){
  width: 49%;
  display: table-cell;
  vertical-align: middle;
}.contact ul li:nth-child(2):not(.theme-legacy *){
  /* text-align: right;*/
}.contact ul li a:not(.theme-legacy *){
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}.contact ul li:nth-child(2) a:not(.theme-legacy *){
  justify-content: flex-end;
}.contact ul li img:not(.theme-legacy *){
  display: inline-block;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  height: 0.8rem;
}.contact ul li img:first-child:not(.theme-legacy *){
  height: 1rem;
  margin-right: 0.7rem;
}.contact li:hover:not(.theme-legacy *){
  background-color: #c00;
}.contact li:active:not(.theme-legacy *){
  background-color: #600;
}



@media screen and (max-width: 519px) {.p-txtR:not(.theme-legacy *){
    width: 95%;
  }html:not(.theme-legacy *){
    scroll-padding-top: 15rem;
  }.contact:not(.theme-legacy *){
    height: 4rem;
    padding: 0.2rem;
  }.contact ul li:nth-child(1):not(.theme-legacy *){
    width: 59%;
    height: auto;
  }.contact ul li:nth-child(2):not(.theme-legacy *){
    width: 40%;
    height: auto;
  }.contact ul li a:not(.theme-legacy *){
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
    align-self: flex-start;
  }.contact ul li a img:not(.theme-legacy *){
    display: block;
    margin: 0;
    width: 10rem;
    height: auto !important;
    margin: 0 0 0.4rem 0 !important;
  }.contact ul li:first-child img:not(.theme-legacy *){
    width: 14.5rem;
    height: auto;
  }
}ol.num:not(.theme-legacy *){
  padding: 1em 0 0 1em;
  margin: 0;
}ol.num li:not(.theme-legacy *){
  padding-right: 2rem;
  list-style-type: none;
  list-style-position: outside;
  counter-increment: cnt;
  text-indent: -1.4em;
  padding-left: 1.5em;
  margin-bottom: 0.5em;
}ol.num li:not(.theme-legacy *)::marker{
  content: counter(cnt) ") ";
}ul.chu:not(.theme-legacy *){
  padding: 1em 0 0 1em;
  margin: 0;
}ul.chu li:not(.theme-legacy *){
  padding-right: 2rem;
  list-style-type: none;
  list-style-position: outside;
  text-indent: -1.4em;
  padding-left: 1.5em;
  margin-bottom: 0.5em;
}ul.chu li:not(.theme-legacy *)::marker{
  content: "※ ";
}table.simple:not(.theme-legacy *),table.simple td:not(.theme-legacy *),table.simple th:not(.theme-legacy *){
  border-collapse: collapse;
  border: 1px solid #333;
  padding: 0.2rem 0.5rem;
}table.none:not(.theme-legacy *),table.none td:not(.theme-legacy *),table.none th:not(.theme-legacy *),table.none tr:nth-child(even):not(.theme-legacy *){
  border: none !important;
  padding: 0.1rem 0.5rem !important;
  text-align: left !important;
  background-color: initial !important;
}

@media screen and (max-width: 519px) {.contact .btn:not(.theme-legacy *),.contact:not(.theme-legacy *){
    font-size: 2vw;
    border-top: thin solid lightgray;
  }
}.telno:not(.theme-legacy *){
  font-size: 0.9rem;
}.telno a:not(.theme-legacy *),telno a.visited:not(.theme-legacy *),telno a:hover:not(.theme-legacy *),.telno a:active:not(.theme-legacy *){
  text-decoration: none;
  cursor: default;
  transform: scale(1, 1.2);
  /* CSS3 */
}

@media screen and (max-width: 519px) {.comtact:not(.theme-legacy *){
    font-size: 1.5rem;
  }
}



@media screen and (max-width: 519px) {.contact .btn:not(.theme-legacy *){
    font-size: 0 !important;
    padding: 0 0.5rem !important;
    margin: 0 !important;
    border: 0 !important;
    color: white !important;
    text-decoration: none !important;
  }.contact .btn span:not(.theme-legacy *){
    font-size: 1.2rem;
  }.contact .btn:not(.theme-legacy *):after{
    font-size: 1rem;
    margin: 0 0 0.2rem 0;
    padding: 0;
    content: " お問い合わせ";
  }
}.wbr:not(.theme-legacy *){
  display: inline-block;
  white-space: nowrap;
}ol.num:not(.theme-legacy *){
  padding: 1em 0 0 1em;
  margin: 0;
}ol.num li:not(.theme-legacy *){
  padding-right: 2rem;
  list-style-type: none;
  list-style-position: outside;
  counter-increment: cnt;
  text-indent: -1.4em;
  padding-left: 1.5em;
  margin-bottom: 0.5em;
}ol.num li:not(.theme-legacy *)::marker{
  content: counter(cnt) ") ";
}ul.chu:not(.theme-legacy *){
  padding: 1em 0 0 1em;
  margin: 0;
}ul.chu li:not(.theme-legacy *){
  padding-right: 2rem;
  list-style-type: none;
  list-style-position: outside;
  text-indent: -1.4em;
  padding-left: 1.5em;
  margin-bottom: 0.5em;
}ul.chu li:not(.theme-legacy *)::marker{
  content: "※ ";
}.top-case-popular h3:not(.theme-legacy *){
  border: initial;
  font-size: 10px;
  color: white;
}

/*
.top-case-popular{
  display:flex;
  flex-wrap: wrap;
  height: auto !important;
  justify-content: space-between;
  z-index: 10;
}

.top-case-popular .box{
  width: calc(25% - 0.1rem);
  height:auto;
  position:relative;
  cursor: pointer;
}

.top-case-popular .box:before {
    content:' ';
    display: block;
    padding-top: 80%; /* 高さを幅の75%に固定 */
/*
    height: 0;
    margin: 0;
}

.top-case-popular .square{
      position: absolute;
      width:100%;
    height:2rem;
}
.top-case-popular .square p{
    display: inline-block;
    background-color: white;
    color: black;
    font-size: 0.6rem;
    padding: 0 0.3rem;
    margin : 0.2rem;
    z-index: 10;
}
.top-case-popular .square {
    z-index: 10;
}

.top-case-popular .img{
  position: absolute;
  width:100%;
  height: calc(100% * 60 / 80);
  top:0;
  z-index: 100;
  overflow:hidden;
  background-color: #333 !important;
}
.top-case-popular .text,
.top-case-popular .img .filter {
  position: absolute;
  width:100%;
  height:100%;
  top:0;
  z-index: 1;
}


.top-case-popular .text h3{
  font-size: 0.7rem;
  font-weight: normal;
  height: 20%;
  margin: 0 !important;
  width:100%;
  bottom: 0;
  text-align: left;
  padding: 0.4rem 0.4rem 0.4rem 0;
  border: none;
  z-index: 10;
}
@media screen and (max-width: 767px){
  .top-case-popular .text {
    position: absolute;
    top:75%;
   } 
  .top-case-popular .text h3{
    position: absolute;
    top: 0.5rem;
  }
  .top-case-popular .box:before {
    content:' ';
    display: block;
    height: 0;
    margin: 0;
  }
}
.top-case-popular .text ul{
  color:#666;
  font-size: 0.7rem;
  list-style-type: none;
  padding: 0;
  margin:0;
  width:100%;
  height:80%;
}
.top-case-popular .text ul .cat{
  display: none;
}

.top-case-popular .text ul .day{
    position: absolute;
    top: 75%;
}
@media screen and (max-width: 767px){
.top-case-popular .text ul .day{
    position: relative;
    top: 0;
}
}
.top-case-popular a{
  width:100%;
  height:auto;
  color: #111 !important;
  background-color: transparent !important;
}


.top-case-popular .filter img{
  height:100%;
  width:auto;
  object-fit:contain;
}


.top-case-popular .box:hover img{
  transform: scale(1.2);
  transition-duration: 0.2s;
  opacity: 0.5;
  z-index: 1;
}
.top-case-popular .box .square{
  display: none;
}
.top-case-popular .box:hover .square{
  display: block;
  animation-duration: 0.3s;  /* アニメーション時間 */
/*
  animation-name: slidein;  /* アニメーション名 */
/*
}
*/@keyframes slidein:not(.theme-legacy *){
  from {
    margin-left: 100%;
    width: 300%;
    opacity: 0;
  }

  to {
    margin-left: 0%;
    width: 100%;
    opacity: 1;
  }
}.case_s_box h3:not(.theme-legacy *){
  font-size: 1rem;
}.case_signage_box div:not(.theme-legacy *){
  font-size: 0.8rem
}

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

  /*
  .top-case-popular .box{
    width: calc(50% - 0.1rem);
    margin-bottom: 4rem;
  }
*/.case_signage_box h3:not(.theme-legacy *){
    font-size: 1.1rem;
  }.case_signage_box div:not(.theme-legacy *){
    font-size: 1rem
  }.tar:not(.theme-legacy *){}
}ol.maru:not(.theme-legacy *){
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
  font-size: 1.15rem
}ol.maru>li:not(.theme-legacy *){
  margin-bottom: 10px;
  padding-left: 2em;
  position: relative;
}ol.maru>li:not(.theme-legacy *):before{
  content: counter(my-counter);
  counter-increment: my-counter;
  color: #222;
  display: block;
  float: left;
  line-height: 1.2em;
  margin-left: -2em;
  margin-top: 0.3em;
  text-align: center;
  height: 1.2em;
  width: 1.2em;
  border-radius: 50%;
  border: thin solid #333;
}ol.maru li small:not(.theme-legacy *){
  display: block;
  padding-left: 1rem;
  font-size: smaller;
}.photo53:not(.theme-legacy *),.photo107:not(.theme-legacy *){
  position: relative;
  width: 100%;
  overflow: hidden;
  border: thin solid lightgrey;
}.photo53:not(.theme-legacy *):before{
  content: '';
  display: block;
  width: 100%;
  padding-top: 60%;
}.photo107:not(.theme-legacy *):before{
  content: '';
  display: block;
  width: 100%;
  padding-top: 70%;
}.photo53 img:not(.theme-legacy *),.photo107 img:not(.theme-legacy *){
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  max-width: inherit;
  border: none !important;
}.box5:not(.theme-legacy *),.box4:not(.theme-legacy *),.box3:not(.theme-legacy *){
  display: flex;
  list-style: none;
  padding: 0;
  flex-wrap: wrap;
  justify-content: space-between;
}.box5>li:not(.theme-legacy *){
  background-color: #eee;
}.box5>*:not(.theme-legacy *),.box4>*:not(.theme-legacy *){
  margin-bottom: 10px;
  padding-left: 2em;
  position: relative;
  width: calc(20% - 0.5rem);
  border: thin solid lightgrey;
  padding: 0.5rem;
}.box4>*:not(.theme-legacy *){
  width: calc(25% - 0.5rem);
}.box4 li:not(.theme-legacy *){
  display: flex;
  flex-flow: wrap-reverse;
}.box3>*:not(.theme-legacy *){
  width: calc(100% / 3 - 0.5rem);
}.box3 img:not(.theme-legacy *){
  width: 100%;
}.box3 .text:not(.theme-legacy *){
  height: 17rem;
}.box5 li h3:not(.theme-legacy *),.box4 a h3:not(.theme-legacy *){
  text-align: center;
  font: 1.2rem 'M+ 1p regular';
  border: none;
  /*border-bottom: thin solid #fff;*/
  margin: 0 0.5rem;
  padding-bottom: 0.5rem;
}.box5 h3:not(.theme-legacy *){
  font-family: "M+ 1p bold" !important;
}.box4 a:not(.theme-legacy *){
  border: none;
  padding: 0;
}.box4>h3:not(.theme-legacy *){
  border: none;
  margin: 0;
}.box4>a h3:not(.theme-legacy *){
  border: none;
  margin: 0;
  text-align: right;
  border-bottom: thin solid lightgrey;
  width: 100%;
  font-size: 100%;
  font-family: "M+ 1p bold" !important;
}.box4 img:not(.theme-legacy *){
  width: 100%;
  margin: 0;
}ul.matrix4:not(.theme-legacy *){
  display: flex;
  list-style: none;
  padding: 0;
  flex-wrap: wrap;
  justify-content: space-between;
}ul.matrix4>li.conxentration:not(.theme-legacy *){
  border-color: #00abeb;
}ul.matrix4>li.relaxation:not(.theme-legacy *){
  border-color: #924898;
}ul.matrix4>li.refreshment:not(.theme-legacy *){
  border-color: #ea609e;
}ul.matrix4>li.awareness:not(.theme-legacy *){
  border-color: #f39800;
}ul.matrix4>li:not(.theme-legacy *){
  width: 49%;
  border: 0.1rem solid;
  padding: 0.5rem;
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 519px) {.box5>*:not(.theme-legacy *),.box4>*:not(.theme-legacy *){
    width: calc(50% - 0.5rem);
  }.box3>*:not(.theme-legacy *){
    width: 100%;
  }.box3 .text:not(.theme-legacy *){
    height: auto;
  }ul.matrix4>li:not(.theme-legacy *){
    width: 100%;
  }
}ul.matrix4>li img:not(.theme-legacy *){
  display: block;
  width: 25%;
  object-fit: contain;
}ul.matrix4>li p:not(.theme-legacy *){
  width: 75%;
}#page-top:not(.theme-legacy *){
  position: fixed;
  bottom: 2.5rem;
  right: 1rem;
  z-index: 200;
}#page-top a:not(.theme-legacy *){
  background: rgba(0, 0, 0, 0.5);
  text-decoration: none;
  color: #fff;
  padding: 0.1rem 1rem;
  text-align: center;
  display: block;
  border-radius: 1rem;
}#page-top a:hover:not(.theme-legacy *){
  text-decoration: none;
  background: rgba(0, 0, 0, 0.9);
}#contact-float:not(.theme-legacy *){
  position: fixed;
  /*
    right: 5rem;
    padding: 0.5rem 1rem;
    z-index:20;
    background-color: #B5161D;
    text-decoration: none;
    color: #fff;
    display: block;
    border-radius: 1rem;
*/
  right: 9vw;
  width: 18rem;
  z-index: 90;
  top: 150px;

}.wbr:not(.theme-legacy *){
  display: none
}

@media screen and (max-width: 519px) {#contact-float:not(.theme-legacy *){
    right: 1rem;
    top: 5rem;
  }.wbr:not(.theme-legacy *){
    display: inline
  }
}

/*@media screen and (min-width: 1366px){*/@media screen and (min-width: 960px) {.wbr:not(.theme-legacy *){
    display: none;
  }#contact-float:not(.theme-legacy *){
    right: 136px;
  }

}



/*@media screen and (min-width: 1680px){*/@media screen and (min-width: 960px) {#contact-float:not(.theme-legacy *){
    right: calc(calc(100% - 1366px) /2 - 1rem);
  }
}#contact-float a:not(.theme-legacy *){
  text-decoration: none;
  color: white;
  padding: 0;
  text-align: center;

}#contact-float a:hover:not(.theme-legacy *){
  text-decoration: none;
  color: #fcc;
}#contact-float img:not(.theme-legacy *){
  width: 100%;
}#contact-float .batu:not(.theme-legacy *){
  cursor: pointer;
  position: absolute;
  right: 0.3rem;
  bottom: 1.4rem;
  display: block;
  font-weight: bold;
  color: #fff;

  font-size: 1em;
  width: 1rem;
  height: 1rem;
  text-align: center;
  padding-top: 0rem;
}.details:not(.theme-legacy *){
  background-color: #69c;
  text-decoration: none;
  color: #fff;
  border-color: #369;
  border-radius: 1rem;
  font-size: 0.8rem;
  padding: 0 1rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}.details:hover:not(.theme-legacy *){
  background-color: #36c;
  text-decoration: none;
  color: #fff;
}.details:active:not(.theme-legacy *){
  background-color: #13c;
  text-decoration: none;
  color: #ccc;
}.notice:not(.theme-legacy *){
  background-color: #B5161D;
  height: 1.2rem;
}.notice:hover:not(.theme-legacy *){
  background-color: #911;
}.notice:active:not(.theme-legacy *){
  background-color: #711;
}.under_banner:not(.theme-legacy *){
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 900;
  height: 3rem;
}.under_banner #bg:not(.theme-legacy *){
  position: absolute;
  width: 100%;
  height: 3rem;
  top: 0%;
  object-fit: cover;
  z-index: 901
}.under_banner #dscw:not(.theme-legacy *){
  position: absolute;
  width: 30%;
  top: 0.9rem;
  left: 10%;
  z-index: 999;
}.under_banner #dscw2:not(.theme-legacy *){
  position: absolute;
  width: 40%;
  top: 0.95rem;
  right: 10%;
  z-index: 999;
}


@media screen and (max-width: 519px) {.under_banner:not(.theme-legacy *){
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 900;
    height: 8vw;
  }.under_banner #bg:not(.theme-legacy *){
    height: 9vw;
  }.under_banner #dscw:not(.theme-legacy *){
    position: absolute;
    width: 90%;
    top: 7%;
    left: 2%;
    z-index: 902;
    transform: unset;
  }.under_banner #dscw2:not(.theme-legacy *){
    position: absolute;
    width: 90%;
    top: 57%;
    left: 2%;
    z-index: 999;
    transform: unset;
  }
}.sankaku:not(.theme-legacy *):before{
  content: "▶︎"
}#product-head:not(.theme-legacy *){
  width: 100%;
  height: 18rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  overflow: hidden;
  text-shadow: 0.2rem 0.2rem 0.4rem rgb(0 0 0), 0rem 0rem 0.4rem rgb(0 0 0);
}#product-head .title h1:not(.theme-legacy *){
  padding: 0 2rem;
  margin: 0;
}#product-head>*:not(.theme-legacy *){
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}#product-head .title:not(.theme-legacy *){
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative;
  color: white;
  z-index: 2;
}

@media screen and (max-width: 519px) {#product-head:not(.theme-legacy *){
    height: 24rem;
    flex-direction: column;
  }#product-head .title h1:not(.theme-legacy *){
    font-size: 240%;
  }.space-product-contents>div>div>a:not(.theme-legacy *){
    height: 30px;
  }
}.detail:not(.theme-legacy *){
  display: grid;
  grid-template-rows: max-content 1fr max-content;
  grid-template-areas:
    "areaA"
    "areaB"
    "areaC";
}.detail h4:not(.theme-legacy *){
  margin-top: 0 !important;
  align-self: start;
  font-size: 125%;
  grid-area: areaA;
}.detail p:not(.theme-legacy *){
  align-self: start;
  grid-area: areaB;
}.detail a:not(.theme-legacy *){
  display: inline-block;
  text-align: right;
  grid-area: areaC;
}.cv a:not(.theme-legacy *){
  background-color: #f2f2f2;
}.cv img:not(.theme-legacy *){
  height: 9rem;
}


/* コンテナ */#footer-menu:not(.theme-legacy *){
  display: grid;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  column-gap: 1rem;
  row-gap: 0.5rem;
  grid-template-columns: 10rem auto auto auto auto;
  grid-template-rows: 1fr 4rem;
  grid-template-areas:
    "areaA areaB areaC areaD areaE"
    "areaA areaB areaC areaD areaF";
}

/* アイテム */#fmc01:not(.theme-legacy *){
  grid-area: areaA;
}#fmc02:not(.theme-legacy *){
  grid-area: areaB;
}#fmc03:not(.theme-legacy *){
  grid-area: areaC;
}#fmc04:not(.theme-legacy *){
  grid-area: areaD;
}#fmc05:not(.theme-legacy *){
  grid-area: areaE;
}#fmc06:not(.theme-legacy *){
  grid-area: areaF;
}


@media screen and (min-width:520px) and (max-width:959px) {#footer-menu:not(.theme-legacy *){
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 3rem 1fr 4rem;
    grid-template-areas:
      "areaA areaZ areaZ areaZ "
      "areaB areaC areaD areaE"
      "areaB areaC areaF areaF";
  }
}

@media screen and (max-width: 519px) {#footer-menu:not(.theme-legacy *){
    row-gap: 1rem;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 4rem auto auto 4rem;
    grid-template-areas:
      "areaA areaZ "
      "areaB areaC"
      "areaD areaE"
      "areaF areaF";
  }
}.visucome:not(.theme-legacy *){
  display: grid;
  place-items: center start;
  margin-left: 15%;
  margin-right: 15%;
  background-color: #eeeded;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 3rem auto 3rem;
  grid-template-areas:
    "areaA image"
    "areaB image"
    "areaC image";
  margin-bottom: 1rem;
}

@media screen and (min-width:520px) and (max-width:959px) {.visucome:not(.theme-legacy *){
    margin-left: 0%;
    margin-right: 0%;
  }
}.typeB:not(.theme-legacy *){
  grid-template-areas:
    "image areaA"
    "image areaB"
    "image areaC";
}.visucome h3:not(.theme-legacy *){
  grid-area: areaA;
  margin: 1rem 2rem 0;
  font-size: 22px;
  font-weight: bold;
  padding-left: 22px;
  position: relative;
  color: #000;
}.visucome div:not(.theme-legacy *){
  grid-area: areaB;
  align-self: start;
  margin: 0.5rem 2rem;
  font-size: 14px;
}.visucome a:not(.theme-legacy *){
  grid-area: areaC;
  text-align: right;
  color: #B5161D;
  margin: 0 2rem 0.5rem;
  width: calc(100% - 4rem);
}.visucome img:not(.theme-legacy *){
  grid-area: image;
  width: calc(100% - 0.5rem);
  height: auto;
  margin: 0.5em 0.5em 0.5em 0;
  object-fit: cover;
}.typeB img:not(.theme-legacy *){
  grid-area: image;
  width: calc(100% - 0.5rem);
  height: auto;
  margin: 0.5em 0 0.5em 0.5em
}

@media screen and (max-width: 959px) {.visucome:not(.theme-legacy *),.typeB:not(.theme-legacy *){
    grid-template-rows: auto 2.5rem auto 2rem;
    grid-template-columns: 1fr;
    grid-template-areas:
      "image"
      "areaA"
      "areaB"
      "areaC";
    margin: 0 0 1rem;
  }.visucome img:not(.theme-legacy *){
    grid-area: image;
    width: 75%;
    margin: 0.5em auto 0.5em;
  }
}.cases .case-contents .box:not(.theme-legacy *){
  background-color: white;
  border: thin solid lightgray;
}.cases .case-contents .flL .text:not(.theme-legacy *),.cases .case-contents h3:not(.theme-legacy *){
  color: black;
}

/* [footer-list-link]の指定はstyle.cssに記載されている SNSロゴ追加*/.footer-list-link span[data-link=YouTube]:not(.theme-legacy *)::before{
  background-image: url(../../dist/img/logo-YouTube-White.svg);
}.footer-list-link span[data-link=Instagram]:not(.theme-legacy *)::before{
  background-image: url(../../dist/img/logo-Instagram-White.svg);
}.footer-list-link span[data-link=X]:not(.theme-legacy *)::before{
  background-image: url(../../dist/img/icon-X.svg);
}.footer-list-link span[data-link=facebook]:not(.theme-legacy *)::before{
  background-image: url(../../dist/img/logo-Facebook-White.svg);
}

/*[style.css:2163]に記載されている下記指定をフッターレスポンシブ対応のため更新*/@media screen and (max-width: 519px) {.footer-nav-list:nth-child(n+3):not(.theme-legacy *){
      padding-left: 0px;
  }
}

/* [header-nav]の指定はstyle.cssに記載されている 696あたりから*/.header-nav > li > ul:not(.theme-legacy *){
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  list-style-type: none;
  width:100%;
  padding:0;
  background-color: #fff;
}.header-nav li:hover > ul:not(.theme-legacy *){
  z-index:110;
}.header-nav li > ul > li:not(.theme-legacy *){
  overflow: hidden;
  width:100%;
  height: 0;
  transition: .2s;
}.header-nav > li:hover > ul > li:not(.theme-legacy *){
  overflow: visible;
  height: 2rem;
  margin-top:0.5rem;
  margin-left:1.5rem;
}

/* [sp-nav-menu]の指定はstyle.scssに記載されている*/.sp-nav-menu:not(.theme-legacy *){
  width:25%;
}

@media screen and (max-width:519px) {.sp-nav-menu:not(.theme-legacy *){
    width:60%;
  }
}

/* [#btn-download]の指定は本来style.scss1315に記載されている、レイヤー層調整のため変更*/#btn-download:not(.theme-legacy *){
  z-index: 90;
}

/* 固定アンカーリンク*/.btn-cv-blue:not(.theme-legacy *){
  border-radius: 0px 10px 10px 0px;
  height: 450px;
  padding: 35px 5px;
  position: fixed;
  left: 0px;
  top: 120px;
  width: 131px;
  z-index: 20;
  opacity: 0.8;
}.btn-cv-blue-text:not(.theme-legacy *){
  font-size: small;
}.hr:not(.theme-legacy *){
  background-color: #97F1FF;
  border-color: #97F1FF;
  border-radius: 1rem;
  width: 40px;
  height: 0.2rem;
  margin: auto;
}

/*CTA*/.cta_menu:not(.theme-legacy *){
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  list-style-type: none;
  height: 4rem;
  width: 80%;
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  color: #fff;
}

@media screen and (max-width:519px) {.cta_menu:not(.theme-legacy *){
  width: 100%;
  font-size: 12px; 
}
}.blue_cta:not(.theme-legacy *){
  background-color:#155F9F;
  padding:10px!important;
}.orange_cta:not(.theme-legacy *){
  background-color:#E85A36;
  padding:10px!important;
}.green_cta:not(.theme-legacy *){
  background-color:#009e01;
  padding:10px!important;
}