/* CSS Document */
/*header*/
div.headerlogo{
  left: var(--headerPadding) !important;
  transform: translate(0,-50%) !important;
}
div.headerlogo h2{
  max-width: 100% !important;
}
[wc-view-type*='sp'] div.wcdrawermenu nav ul,
[wc-view-type*='tb'] div.wcdrawermenu nav ul{
  display: flex;
  flex-wrap: wrap;
  padding-top: 1rem;
}
[wc-view-type*='sp'] div.wcdrawermenu nav ul li{
  width: calc((100% / 2) - 1rem);
  margin: 0 0.5rem;
  position: relative;
  z-index: 1;
  border-bottom: none;
}
[wc-view-type*='tb'] div.wcdrawermenu nav ul li{
  width: calc((100% / 2) - 2rem);
  margin: 0 1rem;
  position: relative;
  z-index: 1;
  border-bottom: none;
}
[wc-view-type*='sp'] div.wcdrawermenu nav ul li::before{
  position: absolute;
  top: calc(100px + 1.5rem);
  left: 0.5rem;
  font-weight: 700;
  font-size: 1.5rem;
  font-family: 'Oswald';
  color: rgba(0,106,197,0.5);
  z-index: 3;
}
[wc-view-type*='tb'] div.wcdrawermenu nav ul li::before{
  position: absolute;
  top: calc(130px + 1.5rem);
  left: 0.5rem;
  font-weight: 700;
  font-size: 1.5rem;
  font-family: 'Oswald';
  color: rgba(0,106,197,0.5);
  z-index: 3;
}
[wc-view-type*='sp'] div.wcdrawermenu nav ul li:nth-of-type(1)::before,
[wc-view-type*='tb'] div.wcdrawermenu nav ul li:nth-of-type(1)::before{
  content: "BUSINESS";
}
[wc-view-type*='sp'] div.wcdrawermenu nav ul li:nth-of-type(2)::before,
[wc-view-type*='tb'] div.wcdrawermenu nav ul li:nth-of-type(2)::before{
  content: "ABOUT";
}
[wc-view-type*='sp'] div.wcdrawermenu nav ul li:nth-of-type(3)::before,
[wc-view-type*='tb'] div.wcdrawermenu nav ul li:nth-of-type(3)::before{
  content: "RECRIT";
}
[wc-view-type*='sp'] div.wcdrawermenu nav ul li:nth-of-type(4)::before,
[wc-view-type*='tb'] div.wcdrawermenu nav ul li:nth-of-type(4)::before{
  content: "CONTACT";
}
[wc-view-type*='sp'] div.wcdrawermenu nav ul li a{
  padding-top: 100px;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: end;
  height: 5rem;
  color: #000;
}
[wc-view-type*='tb'] div.wcdrawermenu nav ul li a{
  padding-top: 130px;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: end;
  height: 5rem;
  color: #000;
}
[wc-view-type*='sp'] div.wcdrawermenu nav ul li a::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 100px;
}
[wc-view-type*='tb'] div.wcdrawermenu nav ul li a::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 130px;
}
[wc-view-type*='sp'] div.wcdrawermenu nav ul li:nth-of-type(1) a::before,
[wc-view-type*='tb'] div.wcdrawermenu nav ul li:nth-of-type(1) a::before{
  background-image: url("../img/sample/pc_slider02.png");
}
[wc-view-type*='sp'] div.wcdrawermenu nav ul li:nth-of-type(2) a::before,
[wc-view-type*='tb'] div.wcdrawermenu nav ul li:nth-of-type(2) a::before{
  background-image: url("../img/sample/pc_about02.png");
}
[wc-view-type*='sp'] div.wcdrawermenu nav ul li:nth-of-type(3) a::before,
[wc-view-type*='tb'] div.wcdrawermenu nav ul li:nth-of-type(3) a::before{
  background-image:url("../img/sample/pc_slider01.png");
}
[wc-view-type*='sp'] div.wcdrawermenu nav ul li:nth-of-type(4) a::before,
[wc-view-type*='tb'] div.wcdrawermenu nav ul li:nth-of-type(4) a::before{
  background-image: url("../img/sample/pc_slider02.png");
}
[wc-view-type*='sp'] div.wcdrawermenu nav ul li a::after,
[wc-view-type*='tb'] div.wcdrawermenu nav ul li a::after{
  bottom: calc(2.5rem / 2);
  top: auto;
  transform: inherit;
}
/*snsアイコン*/
footer div.snsarea div.twitter_x a{
  -webkit-mask-image: url("/img/icon_svg/twitter_x.svg") !important;
  mask-image: url("/img/icon_svg/twitter_x.svg") !important;
}