@charset "UTF-8";
.bg-fv {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  height: 350px;
  z-index: 0;
  background-image: url(../../assets/img/fv-sp.png);
}

@supports (background-image: url(../../assets/img/fv-sp.webp)) {
  .bg-fv {
    background-image: url(../../assets/img/fv-sp.webp);
  }
}

.bg-recruit {
  background-size: 125% 110%;
  background-position: top center;
  background-repeat: no-repeat;
  z-index: 0;
  background-image: none;
}

@supports (background-image: none) {
  .bg-bg-recruit {
    background-image: none;
  }
}

.fv-img {
  bottom: -25px;
  max-height: 340px;
  height: 340px;
  width: 100%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.fv-img img {
  width: 400px;
}

.bg-business01 {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  z-index: 0;
  background-image: url(../../assets/img/bg-business01.png);
}

@supports (background-image: url(../../assets/img/bg-business01.webp)) {
  .bg-business01 {
    background-image: url(../../assets/img/bg-business01.webp);
  }
}

.bg-business02 {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  z-index: 0;
  background-image: url(../../assets/img/bg-business02.png);
}

@supports (background-image: url(../../assets/img/bg-business02.webp)) {
  .bg-business02 {
    background-image: url(../../assets/img/bg-business02.webp);
  }
}

.bg-business03 {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  z-index: 0;
  background-image: url(../../assets/img/bg-business03.png);
}

@supports (background-image: url(../../assets/img/bg-business03.webp)) {
  .bg-business03 {
    background-image: url(../../assets/img/bg-business03.webp);
  }
}

.bg-business04 {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  z-index: 0;
  background-image: url(../../assets/img/bg-business04.png);
}

@supports (background-image: url(../../assets/img/bg-business04.webp)) {
  .bg-business04 {
    background-image: url(../../assets/img/bg-business04.webp);
  }
}

.bg-business05 {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  z-index: 0;
  background-image: url(../../assets/img/bg-business05.png);
}

@supports (background-image: url(../../assets/img/bg-business05.webp)) {
  .bg-business05 {
    background-image: url(../../assets/img/bg-business05.webp);
  }
}

.bg-business06 {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  z-index: 0;
  background-image: url(../../assets/img/bg-business06.png);
}

@supports (background-image: url(../../assets/img/bg-business06.webp)) {
  .bg-business06 {
    background-image: url(../../assets/img/bg-business06.webp);
  }
}

/*news-list*/
.news-list {
  list-style: none outside;
  margin: 0;
  padding: 0;
}

.news-list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  text-decoration: none;
  color: #111;
  border-bottom: 1px solid #111;
  padding: 20px 20px;
}

.news-list .item .date {
  margin: 0;
  min-width: 120px;
  color: #111;
  padding: 0 20px 0 0;
}

.news-list .item .title {
  margin: 0;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .news-list .item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .news-list .item .date {
    min-width: 100px;
  }
  .news-list .item .title {
    margin-top: 10px;
  }
}

/*form*/
.form-control::-webkit-input-placeholder {
  color: #cccccc;
}
.form-control:-ms-input-placeholder {
  color: #cccccc;
}
.form-control::-ms-input-placeholder {
  color: #cccccc;
}
.form-control::placeholder {
  color: #cccccc;
}

/*文字サイズ*/
.tit-big {
  font-size: 38px !important;
}

@media screen and (min-width: 992px) {
  .tit-big {
    font-size: 80px !important;
  }
}

/*影*/
.tit-shadow-black {
  text-shadow: 2px 2px 20px #000;
}

.tit-shadow-white {
  text-shadow: 2px 2px 20px #fff;
}

/*高さ*/
.h-520-370 {
  height: 370px;
}

/*hover*/
.hover-pink-white {
  background: #F32C56;
  color: #ffffff;
  -webkit-transition: 1.5s;
  transition: 1.5s;
}

.hover-pink-white a {
  color: #ffffff;
}

.hover-pink-white:hover {
  background: #fff;
  color: #F32C56;
}

.hover-gray-white {
  background: #555555;
  color: #ffffff;
  -webkit-transition: 1.5s;
  transition: 1.5s;
}

.hover-gray-white a {
  color: #ffffff;
}

.hover-gray-white:hover {
  background: #fff;
  color: #555555;
}

/*ボーダー*/
.border-color-red {
  border-color: #f01544 !important;
}

.border-color-black {
  border-color: #111111 !important;
}

.border-dotted-black {
  border-bottom: dotted 2px #ababab;
}

.border-dotted-white {
  border-bottom: dotted 2px #ffffff;
}

/*画像*/
.svg-color-white {
  -webkit-filter: invert(100%) sepia(0%) saturate(603%) hue-rotate(123deg) brightness(116%) contrast(102%);
          filter: invert(100%) sepia(0%) saturate(603%) hue-rotate(123deg) brightness(116%) contrast(102%);
}

.svg-color-red {
  -webkit-filter: invert(25%) sepia(98%) saturate(3080%) hue-rotate(319deg) brightness(101%) contrast(101%);
          filter: invert(25%) sepia(98%) saturate(3080%) hue-rotate(319deg) brightness(101%) contrast(101%);
}
/*# sourceMappingURL=style.css.map */