@charset "UTF-8";
/* --------------------------------------------------------
    setting
-------------------------------------------------------- */
/* フォント定義 */
@font-face {
  font-family: a-otf-midashi-go-mb31-pr6n;
  src: url("../font/A-OTF-MidashiGoPro-MB31.otf") format("opentype");
}

/* フォントウェイト定義 */
/* --------------------------------------------------------
    mixin
-------------------------------------------------------- */
/* --------------------------------------------------------
    module
-------------------------------------------------------- */
.mv {
  width: 100vw;
  height: 48.9vw;
  background-color: #f7f8f8;
  position: relative;
}

@media screen and (max-width: 959px) {
  .mv {
    height: 133.3vw;
  }
}

.mv-cnt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background-image: url(../img/bg_mv_top.jpg);
  background-size: cover;
  background-position: center;
}

@media screen and (max-width: 959px) {
  .mv-cnt {
    background-image: url(../img/bg_mv_top_sp.jpg);
  }
}

.mv-tit {
  font-size: 60px;
  font-size: 6rem;
  line-height: 1.3;
  text-align: center;
  color: #1D6C9A;
  text-shadow: -3px -3px 6px #fff, 3px 3px 6px #fff;
  padding-top: 115px;
}

.mv-tit ._blue {
  color: #1D6C9A;
}

@media screen and (max-width: 959px) {
  .mv-tit {
    font-size: 7.2vw;
    padding-top: 7.33333vw;
    padding-bottom: 1.33333vw;
  }
}

.mv-subtit {
  padding-top: 33px;
  font-size: 34px;
  font-size: 3.4rem;
  line-height: 1.73;
  color: #1D6C9A;
  text-shadow: -3px -3px 6px #fff, 3px 3px 6px #fff;
}

.mv-subtit ._blue {
  color: #1D6C9A;
}

@media screen and (max-width: 959px) {
  .mv-subtit {
    font-size: 4vw;
    text-align: center;
    padding-top: 0;
  }
}

.mv._top:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 147px;
  background-color: #000;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  bottom: -72px;
}

.mv._ul {
  height: 400px;
  background-size: 1920px 400px;
  background-position: center;
  position: relative;
  background-repeat: no-repeat;
}

@media screen and (max-width: 959px) {
  .mv._ul {
    height: 66.66667vw;
  }
}

.mv._ul._news {
  background-image: url(../img/bg_mv_news_pc.jpg);
}

.mv._ul._company {
  background-image: url(../img/bg_mv_company_pc.jpg);
}

.mv._ul._service {
  background-image: url(../img/bg_mv_service_pc.jpg);
}

.mv._ul._infra {
  background-image: url(../img/bg_mv_infra_pc.jpg);
}

.mv._ul._system {
  background-image: url(../img/bg_mv_system_pc.jpg);
}

.mv._ul._intro {
  background-image: url(../img/bg_mv_introduction_pc.jpg);
}

.mv._ul._telework {
  background-image: url(../img/bg_mv_telework_pc.jpg);
}

.mv._ul._remote {
  background-image: url(../img/bg_mv_remote_pc.jpg);
}

.mv._ul._contact {
  background-image: url(../img/bg_mv_contact_pc.jpg);
}

@media screen and (max-width: 959px) {
  .mv._ul {
    background-size: cover;
  }
  .mv._ul._news {
    background-image: url(../img/bg_mv_news_sp.jpg);
  }
  .mv._ul._company {
    background-image: url(../img/bg_mv_company_sp.jpg);
  }
  .mv._ul._service {
    background-image: url(../img/bg_mv_service_sp.jpg);
  }
  .mv._ul._infra {
    background-image: url(../img/bg_mv_infra_sp.jpg);
  }
  .mv._ul._system {
    background-image: url(../img/bg_mv_system_sp.jpg);
  }
  .mv._ul._intro {
    background-image: url(../img/bg_mv_introduction_sp.jpg);
  }
  .mv._ul._telework {
    background-image: url(../img/bg_mv_telework_sp.jpg);
  }
  .mv._ul._remote {
    background-image: url(../img/bg_mv_remote_sp.jpg);
  }
  .mv._ul._contact {
    background-image: url(../img/bg_mv_contact_sp.jpg);
  }
}

@media screen and (min-width: 1920px) {
  .mv._ul {
    height: 20.83333vw;
    background-size: cover;
  }
}

.mv-titbox {
  background-color: rgba(255, 255, 255, 0.8);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 650px;
  padding-right: 140px;
  height: 190px;
  position: absolute;
  bottom: 30px;
  padding-left: 210px;
}

@media screen and (max-width: 959px) {
  .mv-titbox {
    height: 25.33333vw;
    min-width: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    padding: 0;
  }
}

.mv-ultit {
  font-size: 60px;
  font-size: 6rem;
  font-weight: 700;
  text-align: left;
  line-height: 1;
  padding-bottom: 30px;
}

.mv-ultit ._blue {
  color: #1D6C9A;
}

@media screen and (max-width: 959px) {
  .mv-ultit {
    width: 100%;
    text-align: center;
    font-size: 8vw;
    padding-bottom: 4vw;
  }
  .mv-ultit img {
    width: 65.33333vw;
    height: 8.66667vw;
  }
}

.mv-ulsubtit {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  text-align: left;
  line-height: 1;
}

.mv-ulsubtit ._blue {
  color: #1D6C9A;
}

@media screen and (max-width: 959px) {
  .mv-ulsubtit {
    width: 100%;
    text-align: center;
    font-size: 4vw;
  }
}

.mv-ultitlogo {
  margin-bottom: 35px;
}

.mv-ultitlogo span {
  display: inline-block;
  background-color: #000;
  width: 48px;
  height: 2px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

@media screen and (max-width: 959px) {
  .mv-ultitlogo {
    margin: 0 auto;
    margin-bottom: 4vw;
  }
  .mv-ultitlogo ._left {
    width: 27.73333vw;
    height: 5.6vw;
  }
  .mv-ultitlogo ._right {
    width: 32.53333vw;
    height: 4.53333vw;
  }
  .mv-ultitlogo span {
    width: 6.4vw;
    height: 0.26667vw;
  }
}

.slanting-wrap {
  width: 100%;
  height: 862px;
  mix-blend-mode: multiply;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 959px) {
  .slanting-wrap {
    height: 134.93333vw;
  }
}

@media screen and (max-width: 959px) {
  .slanting-wrap._list {
    height: 148.66667vw;
  }
}

@media screen and (max-width: 959px) {
  .slanting-wrap._list .slanting-inner {
    height: 132.4vw;
  }
}

@media screen and (max-width: 959px) {
  .slanting-wrap._top {
    height: 160vw;
  }
}

@media screen and (max-width: 959px) {
  .slanting-wrap._top .slanting-inner {
    height: 131.06667vw;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f8f8), color-stop(60%, #f7f8f8), color-stop(60%, #fff), to(#fff));
    background: -webkit-linear-gradient(top, #f7f8f8 0%, #f7f8f8 60%, #fff 60%, #fff 100%);
    background: linear-gradient(to bottom, #f7f8f8 0%, #f7f8f8 60%, #fff 60%, #fff 100%);
  }
}

.slanting-wrap:nth-child(odd) .slanting-inner {
  background-color: #f7f8f8;
  -webkit-transform: skewY(-6.4deg);
          transform: skewY(-6.4deg);
}

@media screen and (max-width: 959px) {
  .slanting-wrap:nth-child(odd) .slanting-inner {
    -webkit-transform: skewY(-10.4deg);
            transform: skewY(-10.4deg);
  }
}

.slanting-wrap:nth-child(odd) .slanting-innerin {
  -webkit-transform: skewY(6.4deg);
          transform: skewY(6.4deg);
}

@media screen and (max-width: 959px) {
  .slanting-wrap:nth-child(odd) .slanting-innerin {
    -webkit-transform: skewY(10.4deg);
            transform: skewY(10.4deg);
  }
}

.slanting-wrap:nth-child(even) .slanting-inner {
  background-color: #f7f8f8;
  -webkit-transform: skewY(6.4deg);
          transform: skewY(6.4deg);
}

@media screen and (max-width: 959px) {
  .slanting-wrap:nth-child(even) .slanting-inner {
    -webkit-transform: skewY(10.4deg);
            transform: skewY(10.4deg);
  }
}

.slanting-wrap:nth-child(even) .slanting-innerin {
  -webkit-transform: skewY(-6.4deg);
          transform: skewY(-6.4deg);
}

@media screen and (max-width: 959px) {
  .slanting-wrap:nth-child(even) .slanting-innerin {
    -webkit-transform: skewY(-10.4deg);
            transform: skewY(-10.4deg);
  }
}

.slanting-wrap:nth-child(n+2) {
  margin-top: -205px;
}

@media screen and (max-width: 959px) {
  .slanting-wrap:nth-child(n+2) {
    margin-top: -18.66667vw;
    margin-top: -9.66667vw;
  }
}

@media screen and (max-width: 959px) and (max-width: 959px) {
  .slanting-wrap:nth-child(n+2)._top {
    height: auto;
    margin-top: -1.6vw;
  }
  .slanting-wrap:nth-child(n+2)._top .slanting-inner {
    height: 160vw;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f8f8), color-stop(53%, #f7f8f8), color-stop(53%, #fff), to(#fff));
    background: -webkit-linear-gradient(top, #f7f8f8 0%, #f7f8f8 53%, #fff 53%, #fff 100%);
    background: linear-gradient(to bottom, #f7f8f8 0%, #f7f8f8 53%, #fff 53%, #fff 100%);
  }
}

@media screen and (max-width: 959px) and (max-width: 959px) {
  .slanting-wrap:nth-child(n+2)._middle .slanting-inner {
    height: 186.66667vw;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f8f8), color-stop(60%, #f7f8f8), color-stop(60%, #fff), to(#fff));
    background: -webkit-linear-gradient(top, #f7f8f8 0%, #f7f8f8 60%, #fff 60%, #fff 100%);
    background: linear-gradient(to bottom, #f7f8f8 0%, #f7f8f8 60%, #fff 60%, #fff 100%);
  }
  .slanting-wrap:nth-child(n+2)._middle .slanting-txtbox {
    margin-top: 6.66667vw;
  }
}

@media screen and (max-width: 959px) and (max-width: 959px) {
  .slanting-wrap:nth-child(n+2)._bottom {
    height: auto;
    margin-top: 2.13333vw;
  }
  .slanting-wrap:nth-child(n+2)._bottom .slanting-inner {
    height: 115vw;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f8f8), color-stop(53%, #f7f8f8), color-stop(53%, #fff), to(#fff));
    background: -webkit-linear-gradient(top, #f7f8f8 0%, #f7f8f8 53%, #fff 53%, #fff 100%);
    background: linear-gradient(to bottom, #f7f8f8 0%, #f7f8f8 53%, #fff 53%, #fff 100%);
  }
  .slanting-wrap:nth-child(n+2)._bottom .slanting-txtbox {
    margin-top: 6.66667vw;
  }
}

.slanting-wrap:last-child {
  margin-top: -100px;
}

.slanting-wrap:last-child .slanting-inner {
  height: 845px;
  background-color: #f7f8f8;
  -webkit-transform: skewY(0deg);
          transform: skewY(0deg);
}

.slanting-wrap:last-child .slanting-innerin {
  -webkit-transform: skewY(0deg);
          transform: skewY(0deg);
}

@media screen and (max-width: 959px) {
  .slanting-wrap:last-child {
    margin-top: 5.33333vw;
    padding-top: 13.33333vw;
    background-color: #f7f8f8;
    height: auto;
  }
  .slanting-wrap:last-child .slanting-inner._last {
    height: auto;
  }
  .slanting-wrap:last-child .slanting-inner._last._service {
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f8f8), color-stop(71%, #f7f8f8), color-stop(71%, #fff), to(#fff));
    background: -webkit-linear-gradient(top, #f7f8f8 0%, #f7f8f8 71%, #fff 71%, #fff 100%);
    background: linear-gradient(to bottom, #f7f8f8 0%, #f7f8f8 71%, #fff 71%, #fff 100%);
  }
}

.slanting-wrap._ul:first-child .slanting-inner {
  background-color: #f7f8f8;
  -webkit-transform: skewY(0deg);
          transform: skewY(0deg);
}

.slanting-wrap._ul:first-child .slanting-innerin {
  -webkit-transform: skewY(0deg);
          transform: skewY(0deg);
}

.slanting-inner {
  height: 700px;
  margin: 0 calc(50% - 50vw);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.slanting-innerin {
  width: 100%;
  max-width: 1500px;
}

.slanting-tit {
  display: block;
  text-align: center;
  font-size: 40px;
  font-size: 4rem;
  font-weight: bold;
}

@media screen and (max-width: 959px) {
  .slanting-tit {
    font-size: 5.33333vw;
  }
}

.slanting-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 75px;
  margin-top: 3.90625vw;
}

@media screen and (max-width: 959px) {
  .slanting-list {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: inherit;
    -webkit-align-items: inherit;
        -ms-flex-align: inherit;
            align-items: inherit;
  }
}

.slanting-item {
  width: 287px;
  height: 300px;
  background-color: #fff;
  margin: 0 16px;
  padding-top: 34px;
  padding-bottom: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 959px) {
  .slanting-item {
    width: 45.33333vw;
    height: auto;
    padding-top: 5.86667vw;
    padding-bottom: 4.93333vw;
  }
  .slanting-item:nth-child(odd) {
    margin-left: 3.33333vw;
    margin-right: 1.33333vw;
  }
  .slanting-item:nth-child(even) {
    margin-right: 3.33333vw;
    margin-left: 1.33333vw;
  }
  .slanting-item:nth-child(n+3) {
    margin-top: 2.66667vw;
  }
}

.slanting-item-img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0.5;
  -webkit-flex: 0.5;
      -ms-flex: 0.5;
          flex: 0.5;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 960px) and (max-width: 1240px) {
  .slanting-item-img._01 img {
    width: 17.1875vw;
    height: 2.96875vw;
  }
  .slanting-item-img._02 img {
    width: 16.25vw;
    height: 3.20312vw;
  }
  .slanting-item-img._03 img {
    width: 9.76562vw;
    height: 4.84375vw;
  }
  .slanting-item-img._04 img {
    width: 17.26562vw;
    height: 2.26562vw;
  }
}

@media screen and (max-width: 959px) {
  .slanting-item-img {
    width: 100%;
    margin: 0 auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 4vw;
  }
  .slanting-item-img img {
    height: auto;
    max-width: 275px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .slanting-item-img._01 img {
    width: 29.33333vw;
    height: 5.06667vw;
  }
  .slanting-item-img._02 img {
    width: 27.73333vw;
    height: 5.46667vw;
  }
  .slanting-item-img._03 img {
    width: 16.66667vw;
    height: 8.26667vw;
  }
  .slanting-item-img._04 img {
    width: 29.46667vw;
    height: 3.86667vw;
  }
}

.slanting-item-txt {
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: 300;
  line-height: 1.4;
  text-align: center;
}

@media screen and (min-width: 960px) and (max-width: 1240px) {
  .slanting-item-txt {
    font-size: 1.32812vw;
  }
}

@media screen and (max-width: 959px) {
  .slanting-item-txt {
    font-size: 3.33333vw;
    padding-bottom: 2.66667vw;
  }
}

.slanting-item .btn {
  width: 200px;
  height: 50px;
}

@media screen and (min-width: 960px) and (max-width: 1240px) {
  .slanting-item .btn {
    width: 15.625vw;
    height: 3.90625vw;
  }
  .slanting-item .btn:after {
    right: -20%;
  }
}

@media screen and (max-width: 959px) {
  .slanting-item .btn {
    width: 26.66667vw;
    height: 6.66667vw;
  }
  .slanting-item .btn:after {
    right: -24%;
  }
}

.slanting-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 960px) {
  .slanting-box._reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-flow: row-reverse;
        -ms-flex-flow: row-reverse;
            flex-flow: row-reverse;
  }
}

@media screen and (max-width: 959px) {
  .slanting-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.slanting-txtbox {
  width: 46.6%;
  text-align: center;
  position: relative;
}

@media screen and (min-width: 960px) and (max-width: 1240px) {
  .slanting-txtbox {
    width: 50%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 959px) {
  .slanting-txtbox {
    width: 100%;
    padding-left: 3.33333vw;
    padding-right: 3.33333vw;
  }
}

.slanting-txtbox._last {
  width: 38%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 20px;
}

@media screen and (min-width: 960px) and (max-width: 1240px) {
  .slanting-txtbox._last {
    width: 50%;
    padding-right: 20px;
  }
}

@media screen and (max-width: 959px) {
  .slanting-txtbox._last {
    width: 100%;
    padding-left: 3.33333vw;
    padding-right: 3.33333vw;
  }
}

.slanting-txtbox-tit {
  font-size: 40px;
  font-size: 4rem;
  font-weight: bold;
  line-height: 2;
}

@media screen and (min-width: 960px) and (max-width: 1240px) {
  .slanting-txtbox-tit {
    font-size: 3.125vw;
  }
}

@media screen and (max-width: 959px) {
  .slanting-txtbox-tit {
    font-size: 5.33333vw;
  }
}

.slanting-txtbox-tit._last {
  line-height: 1.15;
}

.slanting-txtbox-tit ._sub {
  font-size: 20px;
  font-size: 2rem;
  line-height: 2.3;
  display: block;
  padding-bottom: 34px;
}

@media screen and (max-width: 959px) {
  .slanting-txtbox-tit ._sub {
    padding-bottom: 7.33333vw;
    white-space: nowrap;
    letter-spacing: 0;
  }
}

.slanting-txtbox-txt {
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: 300;
  line-height: 1.76;
  letter-spacing: -0.05em;
}

@media screen and (max-width: 959px) {
  .slanting-txtbox-txt {
    font-size: 3.33333vw;
  }
}

@media screen and (min-width: 960px) {
  .slanting-txtbox-txt._last {
    max-width: 530px;
  }
}

.slanting-txtbox .btn {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 960px) and (max-width: 1240px) {
  .slanting-txtbox .btn {
    bottom: -80px;
  }
}

@media screen and (max-width: 959px) {
  .slanting-txtbox .btn {
    position: static;
    margin-top: 7.6vw;
    margin-bottom: 7.6vw;
    width: 34.66667vw;
    height: 8vw;
  }
}

.slanting-imgbox {
  width: 46.6%;
}

@media screen and (max-width: 959px) {
  .slanting-imgbox {
    width: 100%;
    padding-left: 3.33333vw;
    padding-right: 3.33333vw;
    text-align: center;
  }
}

.slanting-imgbox._last {
  width: 53.5%;
  width: 62%;
}

@media screen and (min-width: 960px) and (max-width: 1240px) {
  .slanting-imgbox._last {
    width: 50%;
  }
}

@media screen and (max-width: 959px) {
  .slanting-imgbox._last {
    width: 100%;
    padding-left: 3.33333vw;
    padding-right: 3.33333vw;
  }
}

.slanting._intro {
  margin-top: 60px;
  margin-bottom: 120px;
}

.slanting._intro .slanting-wrap:first-child .slanting-inner {
  background-color: #f7f8f8;
  -webkit-transform: skewY(5deg);
          transform: skewY(5deg);
}

.slanting._intro .slanting-wrap:first-child .slanting-innerin {
  -webkit-transform: skewY(-5deg);
          transform: skewY(-5deg);
}

.slanting._intro .slanting-wrap:last-child {
  margin-top: -150px !important;
}

.slanting._intro .slanting-wrap:last-child .slanting-inner {
  background-color: #f7f8f8;
  -webkit-transform: skewY(-5deg);
          transform: skewY(-5deg);
}

.slanting._intro .slanting-wrap:last-child .slanting-innerin {
  -webkit-transform: skewY(5deg);
          transform: skewY(5deg);
}

.slanting._intro .slanting-wrap:last-child .slanting-txtbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.slanting._intro .slanting-txtbox {
  text-align: left;
}

@media screen and (max-width: 959px) {
  .slanting-inner._sertop {
    height: auto;
    -webkit-transform: skewY(-7deg) !important;
            transform: skewY(-7deg) !important;
  }
}

@media screen and (max-width: 959px) {
  .slanting-innerin._sertop {
    -webkit-transform: skewY(7deg) !important;
            transform: skewY(7deg) !important;
    padding-top: 13.33333vw;
    padding-bottom: 10.66667vw;
  }
}

@media screen and (max-width: 959px) {
  .slanting-wrap._sertwo {
    position: relative;
    z-index: 30;
  }
}

@media screen and (max-width: 959px) {
  .slanting-inner._sertwo {
    height: 140vw !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f8f8), color-stop(56%, #f7f8f8), color-stop(56%, #fff), to(#fff)) !important;
    background: -webkit-linear-gradient(top, #f7f8f8 0%, #f7f8f8 56%, #fff 56%, #fff 100%) !important;
    background: linear-gradient(to bottom, #f7f8f8 0%, #f7f8f8 56%, #fff 56%, #fff 100%) !important;
  }
}

@media screen and (max-width: 959px) {
  .slanting-wrap._serthree {
    margin-top: -3.33333vw !important;
    mix-blend-mode: initial;
    position: relative;
    z-index: 15;
  }
}

@media screen and (max-width: 959px) {
  .slanting-inner._serthree {
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f8f8), color-stop(65%, #f7f8f8), color-stop(65%, rgba(0, 0, 255, 0)), to(rgba(0, 0, 255, 0))) !important;
    background: -webkit-linear-gradient(top, #f7f8f8 0%, #f7f8f8 65%, rgba(0, 0, 255, 0) 65%, rgba(0, 0, 255, 0) 100%) !important;
    background: linear-gradient(to bottom, #f7f8f8 0%, #f7f8f8 65%, rgba(0, 0, 255, 0) 65%, rgba(0, 0, 255, 0) 100%) !important;
    mix-blend-mode: initial;
  }
}

@media screen and (max-width: 959px) {
  .slanting-inner._serfour {
    height: 115vw !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f8f8), color-stop(56%, #f7f8f8), color-stop(56%, rgba(0, 0, 255, 0)), to(rgba(0, 0, 255, 0))) !important;
    background: -webkit-linear-gradient(top, #f7f8f8 0%, #f7f8f8 56%, rgba(0, 0, 255, 0) 56%, rgba(0, 0, 255, 0) 100%) !important;
    background: linear-gradient(to bottom, #f7f8f8 0%, #f7f8f8 56%, rgba(0, 0, 255, 0) 56%, rgba(0, 0, 255, 0) 100%) !important;
    mix-blend-mode: initial;
  }
}

@media screen and (max-width: 959px) {
  .slanting-wrap._serfour {
    margin-top: 6.66667vw !important;
    position: relative;
    z-index: 10;
    mix-blend-mode: initial;
  }
}

@media screen and (min-width: 960px) and (max-width: 1240px) {
  .slanting._intro .slanting-wrap._top {
    height: 42vw;
    margin-top: 14vw;
  }
  .slanting._intro .slanting-wrap._bottomin {
    height: 42vw;
    margin-top: 0 !important;
    background: none;
    padding-top: 0;
  }
  .slanting._intro .slanting-inner._top {
    height: 62.5vw !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f8f8), color-stop(100%, #f7f8f8), color-stop(100%, rgba(0, 0, 255, 0)), to(rgba(0, 0, 255, 0))) !important;
    background: -webkit-linear-gradient(top, #f7f8f8 0%, #f7f8f8 100%, rgba(0, 0, 255, 0) 100%, rgba(0, 0, 255, 0) 100%) !important;
    background: linear-gradient(to bottom, #f7f8f8 0%, #f7f8f8 100%, rgba(0, 0, 255, 0) 100%, rgba(0, 0, 255, 0) 100%) !important;
    mix-blend-mode: initial;
    -webkit-transform: skewY(7deg) !important;
            transform: skewY(7deg) !important;
  }
  .slanting._intro .slanting-inner._top .slanting-innerin {
    -webkit-transform: skewY(-7deg) !important;
            transform: skewY(-7deg) !important;
  }
  .slanting._intro .slanting-inner._bottomin {
    height: 128vw;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f8f8), color-stop(100%, #f7f8f8), color-stop(100%, rgba(0, 0, 255, 0)), to(rgba(0, 0, 255, 0))) !important;
    background: -webkit-linear-gradient(top, #f7f8f8 0%, #f7f8f8 100%, rgba(0, 0, 255, 0) 100%, rgba(0, 0, 255, 0) 100%) !important;
    background: linear-gradient(to bottom, #f7f8f8 0%, #f7f8f8 100%, rgba(0, 0, 255, 0) 100%, rgba(0, 0, 255, 0) 100%) !important;
    mix-blend-mode: initial;
    -webkit-transform: skewY(-7deg) !important;
            transform: skewY(-7deg) !important;
  }
  .slanting._intro .slanting-inner._bottomin .slanting-innerin {
    -webkit-transform: skewY(7deg) !important;
            transform: skewY(7deg) !important;
  }
}

@media screen and (max-width: 959px) {
  .slanting._intro {
    margin-top: 0;
    margin-bottom: 0;
  }
  .slanting._intro .slanting-wrap._top {
    height: 130vw;
    margin-top: 14vw;
  }
  .slanting._intro .slanting-wrap._bottomin {
    margin-top: 0 !important;
    background: none;
    padding-top: 0;
  }
  .slanting._intro .slanting-inner._top {
    height: 160vw !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f8f8), color-stop(50%, #f7f8f8), color-stop(50%, rgba(0, 0, 255, 0)), to(rgba(0, 0, 255, 0))) !important;
    background: -webkit-linear-gradient(top, #f7f8f8 0%, #f7f8f8 50%, rgba(0, 0, 255, 0) 50%, rgba(0, 0, 255, 0) 100%) !important;
    background: linear-gradient(to bottom, #f7f8f8 0%, #f7f8f8 50%, rgba(0, 0, 255, 0) 50%, rgba(0, 0, 255, 0) 100%) !important;
    mix-blend-mode: initial;
    -webkit-transform: skewY(7deg) !important;
            transform: skewY(7deg) !important;
  }
  .slanting._intro .slanting-inner._top .slanting-innerin {
    -webkit-transform: skewY(-7deg) !important;
            transform: skewY(-7deg) !important;
  }
  .slanting._intro .slanting-inner._bottomin {
    height: 128vw;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f8f8), color-stop(50%, #f7f8f8), color-stop(50%, rgba(0, 0, 255, 0)), to(rgba(0, 0, 255, 0))) !important;
    background: -webkit-linear-gradient(top, #f7f8f8 0%, #f7f8f8 50%, rgba(0, 0, 255, 0) 50%, rgba(0, 0, 255, 0) 100%) !important;
    background: linear-gradient(to bottom, #f7f8f8 0%, #f7f8f8 50%, rgba(0, 0, 255, 0) 50%, rgba(0, 0, 255, 0) 100%) !important;
    mix-blend-mode: initial;
    -webkit-transform: skewY(-7deg) !important;
            transform: skewY(-7deg) !important;
  }
  .slanting._intro .slanting-inner._bottomin .slanting-innerin {
    -webkit-transform: skewY(7deg) !important;
            transform: skewY(7deg) !important;
  }
  .slanting._intro .slanting-txtbox-tit {
    text-align: center;
    width: 100%;
  }
  .slanting._intro .slanting-txtbox-tit._top {
    font-size: 5.33333vw;
  }
  .slanting._intro .slanting-txtbox-tit._bottomin {
    font-size: 4.8vw;
    line-height: 1.55;
  }
  .slanting._intro .slanting-imgbox {
    margin-top: 6.66667vw;
  }
  .slanting._intro .slanting-txtbox-txt {
    text-align: center;
    margin-top: 6.66667vw;
  }
}

/* --------------------------------------------------------
    pulgins
-------------------------------------------------------- */
@media screen and (min-width: 1241px) and (max-width: 1680px) {
  .slanting-item {
    width: 240px;
  }
  .slanting-list .slanting-item .btn {
    width: 180px;
  }
  .slanting-list .btn:after {
    right: -23%;
  }
  .adSct0201 {
    left: -90px;
  }
  .slanting-list .slanting-item {
    width: 240px;
  }
  .addImgBoxTab {
    width: 53.5% !important;
  }
  .addTxtBoxTab {
    left: -90px;
  }
}
/*# sourceMappingURL=service.css.map */