/* CSS Document */
@keyframes in_left{
    0% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(0%);
      opacity: 1;
    }
}
@keyframes in_right{
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(0%);
      opacity: 1;
    }
}
@keyframes fadeup{
    0% {
      transform: translateY(100%);
    }
    100% {
      transform: translateY(0%);
      opacity: 1;
    }
}
@keyframes fadein_right{
   0% {
      transform: translateY(-100%);
     opacity: 0;
    }
  50%{
    opacity: 0;
  }
    100% {
      transform: translateY(0%);
      opacity: 1;
    }
}
@keyframes fadein_left{
   0% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(0%);
      opacity: 1;
    }
}
@keyframes fadein_right02{
   0% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(0%);
      opacity: 1;
    }
}
@keyframes fadein_left02{
   0% {
      transform: translateX(-100%);
    }
  100% {
      transform: translateX(0%);
      opacity: 1;
    }
}
/*アニメーション*/
[wc-view-type*='pc'] section.strengths_area div.strengths_block article:nth-of-type(odd) h2.wcvisible{
  animation: in_left;
  animation-duration: 0.8s;
  animation-timing-function:linear;
  animation-fill-mode:forwards;
}
[wc-view-type*='pc'] section.strengths_area div.strengths_block article:nth-of-type(even) h2.wcvisible{
  animation: in_right;
  animation-duration: 0.8s;
  animation-timing-function:linear;
  animation-fill-mode:forwards;
}
[wc-view-type*='tb'] section.strengths_area div.strengths_block article:nth-of-type(odd) h2.wcvisible{
  animation: in_left;
  animation-duration: 0.6s;
  animation-timing-function:linear;
  animation-fill-mode:forwards;
}
[wc-view-type*='tb'] section.strengths_area div.strengths_block article:nth-of-type(even) h2.wcvisible{
  animation: in_right;
  animation-duration: 0.6s;
  animation-timing-function:linear;
  animation-fill-mode:forwards;
}
[wc-view-type*='sp'] section.strengths_area div.strengths_block article:nth-of-type(odd) h2.wcvisible{
  animation: in_left;
  animation-duration: 0.4s;
  animation-timing-function:linear;
  animation-fill-mode:forwards;
}
[wc-view-type*='sp'] section.strengths_area div.strengths_block article:nth-of-type(even) h2.wcvisible{
  animation: in_right;
  animation-duration: 0.4s;
  animation-timing-function:linear;
  animation-fill-mode:forwards;
}
div.strengths_textarea.wcvisible{
  animation: fadeup;
  animation-duration: 0.6s;
  animation-delay:0.6s;
  animation-timing-function:linear;
  animation-fill-mode:forwards;
}
[wc-view-type*='sp'] section.about.wcvisible::before,
[wc-view-type*='tb'] section.about.wcvisible::before{
  animation: fadein_right;
  animation-duration: 0.6s;
  animation-timing-function:linear;
  animation-fill-mode:forwards;
}
[wc-view-type*='pc'] section.service.wcvisible::before,
[wc-view-type*='pc'] section.about.wcvisible::after,
[wc-view-type*="tb"] section.service.wcvisible::before,
[wc-view-type*="sp"] section.service.wcvisible::before,
[wc-view-type*='pc'] section.recruit_area.wcvisible::before{
  animation: fadein_right02;
  animation-duration: 0.6s;
  animation-timing-function:linear;
  animation-fill-mode:forwards;
}
[wc-view-type*='pc'] section.service.wcvisible::after,
[wc-view-type*='pc'] section.about.wcvisible::before,
[wc-view-type*='pc'] section.recruit_area.wcvisible::after,
[wc-view-type*="tb"] section.about.wcvisible::after,
[wc-view-type*="tb"] section.service.wcvisible::after,
[wc-view-type*='sp'] section.service.wcvisible::after,
[wc-view-type*="sp"] section.about.wcvisible::after,
[wc-view-type*='sp'] section.recruit_area.wcvisible::after,
[wc-view-type*='sp'] section.service.wcvisible::after,
 [wc-view-type*="tb"] section.recruit_area.wcvisible::after{
  animation: fadein_left02;
  animation-duration: 0.6s;
  animation-timing-function:linear;
  animation-fill-mode:forwards;
}
/*ボタン*/
div.btn{
  display: table;
  margin: 0 auto;
}
div.btn a{
  display: block;
  padding: 0 3.5rem 0 2rem;
  font-size: 1.2rem;
  line-height: 3rem;
  color: #000;
  border: solid 2px #000;
  text-decoration: none;
  position: relative;
  z-index: 1;
  font-weight: 700;
}
div.btn a span{
  display: table;
  margin: auto;
  background-color: var(--wcLogoSvg);
  background-color: #000;
  -webkit-mask-image: var(--wciconsrc);
  mask-image: var(--wciconsrc);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
div.btn.white a{
  border: solid 2px #fff;
  color: #fff;
  font-weight: 700;
}
div.btn.white a span{
  display: table;
  margin: auto;
  background-color: var(--wcLogoSvg);
  background-color: #fff;
  -webkit-mask-image: var(--wciconsrc);
  mask-image: var(--wciconsrc);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
div.combosliderwrap{
  margin-top: calc((var(--headerHeight) * -1));
  position: relative;
  z-index: 1;
}
div.combosliderwrap::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background-color: rgba(0,106,197,0.2);
}
/*スライダー*/
[wc-view-type*='sp'] div.combosliderwrap{
}
[wc-view-type*='sp'] div.combosliderwrap div.inner > div picture img{
  width: 100%;
  object-fit: cover;
  height: 95vh;
}
[wc-view-type*='tb'] div.combosliderwrap{
}
[wc-view-type*='tb'] div.combosliderwrap div.inner > div picture img{
  width: 100%;
  object-fit: cover;
  height: 95vh;
}
[wc-view-type*='pc'] div.combosliderwrap{
}
[wc-view-type*='pc'] div.combosliderwrap::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background-color: rgba(0,106,197,0.2);
}
[wc-view-type*='pc'] div.combosliderwrap div.inner > div picture img{
  width: 100%;
  object-fit: cover;
  height: 95vh;
}
.cs_wrap .cscontrol{
  display: none !important;
}
.cs_wrap .csviewcount{
  display: none !important;
}
/*3つの強み*/
section.strengths_area{
  position: relative;
  z-index: 1;
  overflow: hidden;
}
[wc-view-type*='sp'] section.strengths_area{
  padding: calc(var(--headerHeight) * 3) 0 var(--headerHeight) 0;
  width: 100vw;
  box-sizing: border-box;
}
[wc-view-type*='tb'] section.strengths_area{
  padding: calc(var(--headerHeight) * 2.5) 3rem var(--headerHeight) 3rem;
  width: 100vw;
  box-sizing: border-box;
}
[wc-view-type*='pc'] section.strengths_area{
  padding: calc(var(--headerHeight) + 4.2rem) 0 var(--headerHeight) 0;
}
section.strengths_area > h2{
  text-align: center;
  color: #000;
  font-weight: 700;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  position: relative;
  z-index: 3;
  display: table;
  margin: 0 auto 1rem auto;
}
section.strengths_area > h2 span{
  font-size: 2rem;
  font-weight: 700;
  color: #006ac5;
}
section.strengths_area > h2::before{
  content: "STRENGTHS";
  mix-blend-mode: difference;
  color: #000;
  font-family: 'Oswald';
  position: absolute;
  top: -4.5rem;
  font-size: 3.5rem;
  left: 50%;
  transform: translateX(-50%);
  line-height: 1em;
}
section.strengths_area div.strengths_block{
  position: relative;
  z-index: 2;
}
[wc-view-type*='sp'] section.strengths_area div.strengths_block{
  margin-top: 4rem;
  padding: 0 1rem;
  width: 100%;
  box-sizing: border-box;
}
[wc-view-type*='tb'] section.strengths_area div.strengths_block{
 margin-top: var(--headerHeight); 
}
[wc-view-type*='pc'] section.strengths_area div.strengths_block{
  width: 100%;
  margin-top: var(--headerHeight);
}
section.strengths_area div.strengths_block article{
  margin-bottom: var(--headerHeight);
}
[wc-view-type*='sp'] section.strengths_area div.strengths_block article{
  margin-bottom: 4rem;
}
section.strengths_area div.strengths_block article:last-child{
  margin-bottom: 0;
}
section.strengths_area div.strengths_block article h2{
  color: #000;
  position: relative;
  z-index: 1;
  line-height: 1.8em;
  display: flex;
  align-items: center;
  font-weight: 700;
}
[wc-view-type*='sp'] section.strengths_area div.strengths_block article h2{
  font-size: 2rem;
}
[wc-view-type*='sp'] section.strengths_area div.strengths_block article:nth-of-type(odd) h2{
  padding-left: 1.5rem;
  opacity: 0;
}
[wc-view-type*='sp'] section.strengths_area div.strengths_block article:nth-of-type(even) h2{
  padding-right: 2rem;
  display: flex;
  justify-content: end;
  opacity: 0;
}
[wc-view-type*='sp'] section.strengths_area div.strengths_block article:nth-of-type(odd) h2::after{
  content: "";
  width: calc(100% + 2rem);;
  height: 2rem;
  border-bottom: 2px solid #006ac5;
  border-left: 2px solid #006ac5;  
  transform: skew(-45deg);
  position: absolute;
  right:-2.1rem;
  bottom: -0.2rem;
  z-index: 2;
}
[wc-view-type*='sp'] section.strengths_area div.strengths_block article:nth-of-type(even) h2::after{
  content: "";
  width: calc(100% + 2rem);
  height: 2rem;
  border-bottom: 2px solid #006ac5;
  border-right: 2px solid #006ac5;  
  transform: skew(45deg);
  position: absolute;
  left: -2.1rem;
  bottom: -0.2rem;
  z-index: 2;
}
[wc-view-type*='tb'] section.strengths_area div.strengths_block article h2{
  font-size: 2.5rem;
  line-height: 3.2rem;
  padding-bottom: 0.5rem;
}
[wc-view-type*='tb'] section.strengths_area div.strengths_block article:nth-of-type(odd) h2{
  padding-left: 2rem;
  opacity: 0;
}
[wc-view-type*='tb'] section.strengths_area div.strengths_block article:nth-of-type(even) h2{
  padding-right: 2rem;
  display: flex;
  justify-content: end;
  opacity: 0;
}
[wc-view-type*='tb'] section.strengths_area div.strengths_block article:nth-of-type(odd) h2::after{
  content: "";
  width: calc(100% + 3rem);;
  height: 3rem;
  border-bottom: 2px solid #006ac5;
  border-left: 2px solid #006ac5;  
  transform: skew(-45deg);
  position: absolute;
  right:-3.1rem;
  bottom: -0.2rem;
  z-index: 2;
}
[wc-view-type*='tb'] section.strengths_area div.strengths_block article:nth-of-type(even) h2::after{
  content: "";
  width: calc(100% + 3rem);
  height: 3rem;
  border-bottom: 2px solid #006ac5;
  border-right: 2px solid #006ac5;  
  transform: skew(45deg);
  position: absolute;
  left: -3.1rem;
  bottom: -0.2rem;
  z-index: 2;
}
[wc-view-type*='pc'] section.strengths_area div.strengths_block article h2{
  line-height: 1.5em;
  font-size: 3rem;
  padding-bottom: 0.5rem;
}
[wc-view-type*='pc'] section.strengths_area div.strengths_block article:nth-of-type(odd) h2{
  padding-left: calc((100% - 1100px) / 2 + 3rem);
  opacity: 0;
}
[wc-view-type*='pc'] section.strengths_area div.strengths_block article:nth-of-type(even) h2{
  padding-right: calc((100% - 1100px) / 2 + 3rem);
  display: flex;
  justify-content: end;
  opacity: 0;
}
[wc-view-type*='pc'] section.strengths_area div.strengths_block article:nth-of-type(odd) h2::after{
  content: "";
  width: calc(100vw - (100% - 1100px) / 2);
  height: 3rem;
  border-bottom: 4px solid #006ac5;
  border-left: 3px solid #006ac5;  
  transform: skew(-45deg);
  position: absolute;
  right:0;
  bottom: -0.2rem;
  z-index: 2;
}
[wc-view-type*='pc'] section.strengths_area div.strengths_block article:nth-of-type(even) h2::after{
  content: "";
  width: calc(100vw - (100% - 1100px) / 2);
  height: 3rem;
  border-bottom: 4px solid #006ac5;
  border-right: 3px solid #006ac5;  
  transform: skew(45deg);
  position: absolute;
  left: 0;
  bottom: -0.2rem;
  z-index: 2;
}
section.strengths_area div.strengths_block article h2 span{
  font-family: 'Oswald';
  font-weight: 700;;
  color: #000;
  padding-right: 1rem;
}
[wc-view-type*='sp'] section.strengths_area div.strengths_block article h2 span{
  font-size: 3rem;
}
[wc-view-type*='tb'] section.strengths_area div.strengths_block article h2 span{
  font-size: 3.5rem;
}
[wc-view-type*='pc'] section.strengths_area div.strengths_block article h2 span{
  font-size: 4.5rem;
}
section.strengths_area div.strengths_block article div.strengths_textarea{
  padding: 1rem;
  padding-top: 2rem;
  box-sizing: border-box;
  opacity: 0;
}
[wc-view-type*='pc'] section.strengths_area div.strengths_block article div.strengths_textarea{
  padding: 3rem 1rem 0 1rem;
}
[wc-view-type*='pc'] section.strengths_area div.strengths_block article div.strengths_textarea{
  width: 1100px;
  margin: 0 auto;
}
[wc-view-type*='tb'] section.strengths_area div.strengths_block article div.strengths_textarea,
[wc-view-type*='pc'] section.strengths_area div.strengths_block article div.strengths_textarea{
  display: flex;
}
[wc-view-type*='tb'] section.strengths_area div.strengths_block article:nth-of-type(even) div.strengths_textarea,
[wc-view-type*='pc'] section.strengths_area div.strengths_block article:nth-of-type(even) div.strengths_textarea{
  flex-direction: row-reverse;
}
section.strengths_area div.strengths_block article div.strengths_textarea p{
  line-height: 2rem;
}
[wc-view-type*='sp'] section.strengths_area div.strengths_block article div.strengths_textarea figure{
  width: 100%;
  height: 60vw;
  margin-top: 2rem;
}
[wc-view-type*='tb'] section.strengths_area div.strengths_block article div.strengths_textarea p,
[wc-view-type*='tb'] section.strengths_area div.strengths_block article div.strengths_textarea figure,
[wc-view-type*='pc'] section.strengths_area div.strengths_block article div.strengths_textarea p,
[wc-view-type*='pc'] section.strengths_area div.strengths_block article div.strengths_textarea figure{
  width: 50%;
}
[wc-view-type*='tb'] section.strengths_area div.strengths_block article:nth-of-type(odd) div.strengths_textarea p,
[wc-view-type*='pc'] section.strengths_area div.strengths_block article:nth-of-type(odd) div.strengths_textarea p{
  padding-right: 1rem;
  box-sizing: border-box;
}
[wc-view-type*='tb'] section.strengths_area div.strengths_block article:nth-of-type(even) div.strengths_textarea p,
[wc-view-type*='pc'] section.strengths_area div.strengths_block article:nth-of-type(even) div.strengths_textarea p{
  padding-left: 1rem;
  box-sizing: border-box;
}
[wc-view-type*='tb'] section.strengths_area div.strengths_block article div.strengths_textarea figure img{
  width: 100%;
  object-fit: cover;
  height: 320px;
}
[wc-view-type*='pc'] section.strengths_area div.strengths_block article div.strengths_textarea figure img{
  width: 100%;
  object-fit: cover;
  height: 320px;
}
section.strengths_area div.strengths_block article div.strengths_textarea figure img{
  width: 100%;
  object-fit: cover;
  height: 60vw;
}
/*サービス*/
section.service{
  position: relative;
  z-index: 1;
}
section.service::before{
  content: "";
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  width: 50vw;
  background-color: rgba(0, 106, 197, 0.5);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
section.service::after{
  content: "";
  width: 50vw;
  background-color: rgba(0, 106, 197,0.5);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 3;
}
[wc-view-type*='sp'] section.service::before{
  top: 50%;
  left: 0;
  width: 100%;
}
[wc-view-type*='sp'] section.service::after{
  opacity: 0;
  clip-path: polygon(0 100%, 100% 0, 0 0);
  bottom: 50%;
  width: 100vw;
}
[wc-view-type*='tb'] section.service::before{
  top: 50%;
  left: 0;
  width: 100%;
  opacity: 0;
}
[wc-view-type*='tb'] section.service::after{
  opacity: 0;
  clip-path: polygon(0 100%, 100% 0, 0 0);
  bottom: 50%;
  width: 100vw;
}
[wc-view-type*='pc'] section.service::before{
  opacity: 0;
}
[wc-view-type*='pc'] section.service::after{
  opacity: 0;
  clip-path: polygon(0 100%, 100% 0, 0 0);
}
[wc-view-type*='sp'] section.service{
  padding: calc(var(--headerHeight) * 2.5) 0 var(--headerHeight) 0;
  width: 100vw;
  box-sizing: border-box;
}
[wc-view-type*='tb'] section.service{
  padding: calc(var(--headerHeight) * 2.5) 0 var(--headerHeight) 0;
  width: 100vw;
  box-sizing: border-box;
}
[wc-view-type*='pc'] section.service{
  padding: calc(var(--headerHeight) + 4.2rem) 0 var(--headerHeight) 0;
}
section.service div.text_area{
  position: relative;
  z-index: 4;
}
section.service h2{
  text-align: center;
  color: #000;
  font-weight: 700;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  display: table;
  opacity: 0;
  position: relative;
  z-index: 5;
}
[wc-view-type*='sp'] section.service h2{
  padding-left: 1rem;
  position: relative;
  z-index: 4;
}
[wc-view-type*='tb'] section.service h2{
  padding-left: 3rem;
  margin-bottom: 2rem;
}
[wc-view-type*='pc'] section.service h2{
  margin: 0 auto 1rem calc((100vw - 1100px) / 2);
  opacity: 0;
  position: relative;
  z-index: 4;
  text-align: left;
}
section.service h2::before{
  content: "SERVICE";
  color: #000;
  font-family: 'Oswald';
  position: absolute;
  top: -4.5rem;
  font-size: 3.5rem;
  line-height: 1em;
}
[wc-view-type*='sp'] section.service h2::before{
}
[wc-view-type*='tb'] section.service h2::before{
}
[wc-view-type*='pc'] section.service h2::before{
  left: 0;
}
section.service div.text_area p{
  color: #000;
  margin-bottom: 1rem;
  line-height: 1.8rem;
}
[wc-view-type*='sp'] section.service div.text_area p{
  padding: 0 1rem 2rem 1rem;
  width: 100%;
  box-sizing: border-box;
}
[wc-view-type*='tb'] section.service div.text_area p{
  width: 50%;
  padding-left: 3rem;
}
[wc-view-type*='pc'] section.service div.text_area p{
  margin-left: calc((100vw - 1100px) / 2);
  float: left;
  width: 550px;
  padding-right: 1rem;
  box-sizing: border-box;  
}
[wc-view-type*="sp"] section.service div.text_area figure{
  width: calc(100vw - 2rem);
  margin: 0 auto 2rem auto;
}
[wc-view-type*="tb"] section.service div.text_area figure{
  width: 50%;
  margin: 0 3rem 3rem auto;
}
[wc-view-type*="pc"] section.service div.text_area figure{
  width: 550px;
  position: relative;
  z-index: 4;
  margin:0 calc((100vw - 1100px) / 2) 0 auto
}
section.service div.text_area figure img{
  width: 100%;
  object-fit: cover;
  height: 100%;
}
[wc-view-type*="tb"] section.service div.btn{
  margin: 0 auto 0 3rem;
  display: table;
}
[wc-view-type*="pc"] section.service div.btn{
  margin: 0 auto 0 calc((100vw - 1100px) / 2);
}
/*会社概要*/
section.about{
  position: relative;
  z-index: 1;
  width: 100vw;
  overflow: hidden;
}
[wc-view-type*='sp'] section.about{
  padding: calc(var(--headerHeight) * 2.5) 1rem var(--headerHeight) 1rem;
  width: 100vw;
  box-sizing: border-box;
}
[wc-view-type*='tb'] section.about{
  padding: calc(var(--headerHeight) * 2.5) 3rem var(--headerHeight) 3rem;
  width: 100vw;
  box-sizing: border-box;
}
[wc-view-type*='pc'] section.about{
  padding: calc(var(--headerHeight) + 4.2rem) 0 var(--headerHeight) 0;
}
section.about::before{
  content: "";
  width: 100vw;
  clip-path: polygon(0 0, 100% 0, 0 100%);
  background-color: rgba(0,106,197,0.2);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
[wc-view-type*='sp'] section.about::before{
  bottom: 50%;
  opacity: 0;
  clip-path: polygon(100% 0, 0 0, 100% 100%);
}
[wc-view-type*='sp'] section.about::after{
  content: "";
  clip-path: polygon(0 100%, 0 0, 100% 100%);
  background-color: rgba(0,106,197,0.2);
  width: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  top: 50%;
  position: absolute;
  z-index: 2;
}
[wc-view-type*='tb'] section.about::before{
  bottom: 50%;
  opacity: 0;
  clip-path: polygon(0 0, 100% 100%, 100% 0);
}
[wc-view-type*='tb'] section.about::after{
  content: "";
  background-color: rgba(0,106,197,0.2);
  width: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  top: 50%;
  position: absolute;
  z-index: 2;
  clip-path: polygon(0 0, 100% 100%, 0 100%);
}
[wc-view-type*='pc'] section.about::before{
  clip-path: polygon(0 100%, 100% 100%, 0 0);
  width: 50vw;
  height: 100%;
  opacity: 0;
}
[wc-view-type*='pc'] section.about::after{
  content: "";
  clip-path: polygon(100% 100%, 100% 0, 0 0);
   background-color: rgba(0,106,197,0.2);
  width: 50vw;
  height: 100%;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: 2;
  opacity: 0;
}
section.about h2{
  text-align: center;
  color: #000;
  font-weight: 700;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  position: relative;
  z-index: 3;
  display: table;
  margin: 0 auto 1rem auto;
}
[wc-view-type*='pc'] section.about h2{
  margin: 0 calc((100vw - 1100px) / 2) 1rem auto;
}
section.about h2::before{
  content: "ABOUT";
  mix-blend-mode: difference;
  color: #000;
  font-family: 'Oswald';
  position: absolute;
  top: -4.5rem;
  font-size: 3.5rem;
  left: 50%;
  transform: translateX(-50%);
  line-height: 1em;
}
[wc-view-type*='sp'] section.about h2{
  margin: 0 1rem 1rem auto;
}
[wc-view-type*='tb'] section.about h2{
  margin: 0 1rem 2rem auto;
}
[wc-view-type*='sp'] section.about h2::before,
[wc-view-type*='tb'] section.about h2::before{
  transform: translateX(0);
}
[wc-view-type*='sp'] section.about p,
[wc-view-type*='tb'] section.about p{
  text-align: left;
  line-height: 1.8rem;
  margin-bottom: 1rem;
  position: relative;
  z-index: 3;
}
[wc-view-type*='tb'] section.about p{
  width: 50%;
  margin-left: auto;
  margin-right: 0;
  margin-bottom: 3rem;
}
[wc-view-type*='pc'] section.about p{
  text-align: left;
  line-height: 1.8rem;
  margin-bottom: 1rem;
  position: relative;
  z-index: 3;
  float: right;
  margin-right: calc((100vw - 1100px) / 2);
  margin-left: 0;
}
section.about figure{
  width: 40vw;
  margin: 0 auto;
  margin-bottom: 1rem;
}
[wc-view-type*='sp'] section.about figure{
  width: calc(100vw - 2rem);
  position: relative;
  z-index: 4;
}
[wc-view-type*='tb'] section.about figure{
  width: 50vw;
  position: relative;
  z-index: 4;
  margin-left: 0;
  margin-right: auto;
  margin-bottom: 3rem;
}
[wc-view-type*='pc'] section.about figure{
  margin:0 auto 1rem calc((100vw - 1100px) / 2);
  position: relative;
  z-index: 5;
  width: 550px;
}
section.about figure img{
  width: 100%;
  object-fit: contain;
  height: 100%;
}
[wc-view-type*='sp'] section.about div.btn{
  position: relative;
  z-index: 4;
}
[wc-view-type*='tb'] section.about div.btn{
  margin-left: auto;
  margin-right: 0; 
  position: relative;
  z-index: 4;
  display: table;
}
[wc-view-type*='pc'] section.about div.btn{
  position: relative;
  z-index: 3;
  margin: 0 calc((100vw - 1100px) / 2) 0 auto;
}
/*採用情報*/
section.recruit_area{
  position: relative;
  z-index: 1;
}
[wc-view-type*='sp'] section.recruit_area{
  padding: calc(var(--headerHeight) * 2.5) 1rem var(--headerHeight) 1rem;
  width: 100vw;
  box-sizing: border-box;
}
[wc-view-type*='tb'] section.recruit_area{
  padding: calc(var(--headerHeight) * 2.5) 3rem var(--headerHeight) 3rem;
  width: 100vw;
  box-sizing: border-box;
}
[wc-view-type*='pc'] section.recruit_area{
  padding: calc(var(--headerHeight) + 4.2rem) 0 var(--headerHeight) 0;
}
section.recruit_area::before,
section.recruit_area::after{
  content: "";
  position: absolute;
  z-index: 2;
  background-color: rgba(0, 106, 197, 0.7);
}
[wc-view-type*='sp'] section.recruit_area::before{
  clip-path: polygon(0 100%, 100% 100%, 0 0);
  width: 100vw;
  right: 0;
  bottom: 0;
  left: 0;
  top: 50%;
  z-index: 3;
  display: none;
}
[wc-view-type*='tb'] section.recruit_area::before{
  clip-path: polygon(0 100%, 100% 100%, 0 0);
  width: 100vw;
  right: 0;
  bottom: 0;
  left: 0;
  top: 50%;
  z-index: 3;
  display: none;
}
[wc-view-type*='pc'] section.recruit_area::before{
  clip-path: polygon(100% 100%, 100% 0, 0 100%);
  width: 50vw;
  left: 50vw;
  bottom: 0;
  right: 0;
  z-index: 3;
  height: 100%;
  opacity: 0;
}
[wc-view-type*='sp'] section.recruit_area::after{
  clip-path: polygon(100% 0, 0 0, 0 100%);
  width: 100vw;
  left: 0;
  bottom: 50%;
  right: 0;
  top: 0;
  opacity: 0;
}
[wc-view-type*='tb'] section.recruit_area::after{
  clip-path: polygon(100% 0, 0 0, 0 100%);
  width: 100vw;
  left: 0;
  bottom: 50%;
  right: 0;
  top: 0;
  opacity: 0;
}
[wc-view-type*='pc'] section.recruit_area::after{
  clip-path: polygon(100% 0, 0 100%, 0 0);
  width: 50vw;
  left: 0;
  bottom: 0;
  right: 50vw;
  height: 100%;
  opacity: 0;
}
section.recruit_area figure{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
section.recruit_area figure img{
  width: 100%;
  object-fit: cover;
  height: 100%;
}
section.recruit_area h2{
  text-align: center;
  color: #fff;
  font-weight: 700;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  position: relative;
  z-index: 4;
  display: table;
  margin: 0 auto 1rem auto;
}
[wc-view-type*='sp'] section.recruit_area h2{
  margin: 0 auto 1rem 0;
}
[wc-view-type*='tb'] section.recruit_area h2{
  margin: 0 auto 2rem 3rem;
}
section.recruit_area h2::before{
  content: "RECRIT";
  mix-blend-mode: difference;
  color: #fff;
  font-family: 'Oswald';
  position: absolute;
  top: -4.5rem;
  font-size: 3.5rem;
  line-height: 1em;
}
[wc-view-type*='sp'] section.recruit_area h2::before{
  left: 0;
}
[wc-view-type*='tb'] section.recruit_area h2::before{
  left: 0;
}
[wc-view-type*='pc'] section.recruit_area h2::before{
  left: 50%;
  transform: translateX(-50%);
}
section.recruit_area div.recruit_textarea{
  position: relative;
  z-index: 3;
}
section.recruit_area div.recruit_textarea p{
  color: #fff;
  line-height: 1.8rem;
  margin-bottom: 1rem;
  position: relative;
  z-index: 3;
}
[wc-view-type*='tb'] section.recruit_area div.recruit_textarea p{
  margin-bottom: 3rem;
}
[wc-view-type*='tb'] section.recruit_area div.recruit_textarea p,
[wc-view-type*='pc'] section.recruit_area div.recruit_textarea p{
 text-align: center;
}
[wc-view-type*='tb'] section.recruit_area div.recruit_textarea div.btn{
  display: table;
  margin: 0 auto;
}
/*お知らせ*/
section.news_area{
  position: relative;
  z-index: 1;
  background-color: #fff;
}
section.news_area > h2{
  text-align: center;
  color: #000;
  font-weight: 700;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  position: relative;
  z-index: 3;
  display: table;
  margin: 0 auto 1rem auto;
}
section.news_area > h2::before{
  content: "NEWS";
  mix-blend-mode: difference;
  color: #000;
  font-family: 'Oswald';
  position: absolute;
  top: -4.5rem;
  font-size: 3.5rem;
  left: 50%;
  transform: translateX(-50%);
  line-height: 1em;
}
[wc-view-type*='sp'] section.news_area{
  padding: calc(var(--headerHeight) * 2.5) 1rem var(--headerHeight) 1rem;
  width: 100vw;
  box-sizing: border-box;
}
[wc-view-type*='tb'] section.news_area{
  padding: calc(var(--headerHeight) * 2.5) 3rem var(--headerHeight) 3rem;
  width: 100vw;
  box-sizing: border-box;
}
[wc-view-type*='pc'] section.news_area{
  padding: calc(var(--headerHeight) + 4.2rem) 0 var(--headerHeight) 0;
}
[wc-view-type*='sp'] section.news_area div.news_block{
  width: 100%;
  margin-bottom: 1rem;
}
[wc-view-type*='tb'] section.news_area div.news_block{
  width: 100%;
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
}
[wc-view-type*='pc'] section.news_area div.news_block{
  width: 1100px;
  margin: 0 auto 1rem auto;
  display: flex;
  flex-wrap: wrap;
}
[wc-view-type*='sp'] section.news_area div.news_block article{
  position: relative;
  z-index: 1;
  padding: 0.5rem 0.5rem 0.5rem calc(100px + 0.5rem);
  border-bottom: 1px solid #006ac5;
  height: calc(100px + 1rem);
  box-sizing: border-box;
}
[wc-view-type*='tb'] section.news_area div.news_block article,
[wc-view-type*='pc'] section.news_area div.news_block article{
  width: calc((100% / 3) - 1rem);
  margin: 0 0.5rem;
  position: relative;
  z-index: 1;
  margin-bottom: 1rem;
}
[wc-view-type*='tb'] section.news_area div.news_block article{
  padding-top: calc(130px + 1rem);
}
[wc-view-type*='pc'] section.news_area div.news_block article{
  padding-top: calc(250px + 1rem);
  margin-bottom: 1rem;
}
[wc-view-type*='sp'] section.news_area div.news_block article:first-of-type{
  border-top: 1px solid #006ac5;
}
[wc-view-type*='sp'] section.news_area div.news_block article a{
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
[wc-view-type*='sp'] section.news_area div.news_block article h2{
  font-size: 1.2rem;
  font-weight: 700;
  padding-left: 1rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[wc-view-type*='tb'] section.news_area div.news_block article h2,
[wc-view-type*='pc'] section.news_area div.news_block article h2{
  padding: 0 1rem;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 700;
}
[wc-view-type*='sp'] section.news_area div.news_block article time{
  margin-left: auto;
  margin-right: 0;
  display: table;
}
[wc-view-type*='tb'] section.news_area div.news_block article time,
[wc-view-type*='pc'] section.news_area div.news_block article time{
  padding: 0 1rem;
  box-sizing: border-box;
}
[wc-view-type*='sp'] section.news_area div.news_block article p{
  padding-left: 1rem;
  padding-top: 0.5rem;
  height: 3rem;
  overflow: hidden;
}
[wc-view-type*='tb'] section.news_area div.news_block article p,
[wc-view-type*='pc'] section.news_area div.news_block article p{
  padding: 0 1rem 0 1rem;
  box-sizing: border-box;
  height: 3rem;
  overflow: hidden;
}
[wc-view-type*='sp'] section.news_area div.news_block article figure{
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  width: 100px;
  height: 100px;
}
[wc-view-type*='tb'] section.news_area div.news_block article figure,
[wc-view-type*='pc'] section.news_area div.news_block article figure{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
[wc-view-type*='sp'] section.news_area div.news_block article figure img{
  width: 100%;
  height: 100px;
  object-fit: cover;
}
[wc-view-type*='tb'] section.news_area div.news_block article figure img{
  width: 100%;
  height: 130px;
  object-fit: cover;
}
[wc-view-type*='pc'] section.news_area div.news_block article figure img{
  width: 100%;
  object-fit: cover;
  height: 250px;
}



[wc-view-type*='sp']{
}
[wc-view-type*='tb']{
}
[wc-view-type*='pc']{
}