/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/assets/scss/pages/solicitation-policy.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* pxをvwに変換
/*-------------------------*/
/* pxをvhに変換
/*-------------------------*/
/**
 * minを関数対応化
/*-------------------------*/
/**
 * maxを関数対応化
/*-------------------------*/
.pMv {
  margin: 0 calc(30rem / 16);
}
.pMv .cMv__titleImage {
  left: calc(39rem / 16);
  width: 95.13vw;
  margin-right: calc(50% - 50vw);
}
.pMv .cMv__headline {
  margin-top: calc(37rem / 16);
}
.pMv .cMvLine {
  display: none;
}
.pMv__title {
  position: relative;
  background: var(--base-color);
  color: #fff;
  display: inline-block;
  font-size: calc(16rem / 16);
  padding: calc(5rem / 16) calc(8rem / 16);
  margin-top: calc(120rem / 16);
  z-index: var(--z-content);
}
.solicitation-policy_textBox ul {
  width: 100%;
  padding: 30px;
  margin-top: 40px;
  border: 1px solid #000;
}
.solicitation-policy_textBox ul li {
  margin-bottom: 15px;
  text-indent: -1.4em;
  padding-left: 1.4em;
  line-height: 1.5;
}
.solicitation-policy_textBox ul li:last-child {
  margin-bottom: 0;
}
.solicitation-policy_textBox p.companyName {
  text-align: right;
  margin-top: 40px;
}
.pMv__copy {
    margin-top: 40px;
  }

.pContent {
  margin: calc(-6rem / 16) calc(30rem / 16) 0;
}
.pContent .cSlideUp {
  animation-delay: 0.3s !important;
}
.pContent__period {
  font-size: calc(14rem / 16);
  line-height: 2;
  margin-top: calc(40rem / 16);
  letter-spacing: 0.06em;
}
.pContent__image {
  width: 100vw;
  margin: calc(40rem / 16) calc(50% - 50vw) 0;
}

.pGroup {
  margin: calc(80rem / 16) calc(30rem / 16) 0;
}
.pGroup__title {
  color: var(--base-color);
  font-size: calc(18rem / 16);
  font-weight: var(--bold);
  border-left: 5px solid var(--base-color);
  padding-left: calc(15rem / 16);
}
.pGroup__image {
  margin-top: calc(30rem / 16);
  width: 100%;
}

.cPankuzu {
  margin-top: calc(80rem / 16);
}

@media screen and (min-width: 768px) {
  .lMain {
    overflow: visible;
  }
  .pMv {
    position: relative;
    margin: 0 auto;
    width: min(1020px, 74.67vw);
  }
  .pMv .cMvLine {
    display: block;
  }
  .pMv .cMvLine__blue {
    top: min(-100px, -100rem / 16);
    right: 0;
    width: 100vw;
  }
  .pMv .cMvLine__lightblue {
    top: min(-116px, -116rem / 16);
    width: 100vw;
  }
  .pMv .cMv__titleBox {
    width: min(1366px, 100vw - min(173px, 12.66vw));
    left: 0;
  }
  .pMv .cMv__titleImage {
    top: min(177px, 177rem / 16);
    left: min(503px, 503rem / 16);
    width: min(716px, 52.42vw);
  }
  .pMv .cMv__headline {
    font-size: min(64px, 64rem / 16);
    letter-spacing: 0.08em;
    margin-top: min(66px, 66rem / 16);
  }
  .pMv__title {
    font-size: min(20px, 20rem / 16);
    margin-top: 150px;
  }
  .pMv__copy {
    margin-top: 60px;
  }
  .pContent {
    width: min(1032px, 75.55vw);
    margin: min(50px, 50rem / 16) auto 0;
  }
  .solicitation-policy_textBox ul {
    width: 100%;
    padding: 50px 70px;
    margin-top: 50px;
  }
  .solicitation-policy_textBox ul li {
    margin-bottom: 15px;
    text-indent: -1.4em;
    padding-left: 1.4em;
    line-height: 1.5;
  }
  .pGroup {
    width: min(1032px, 75.55vw);
    margin: min(174px, 174rem / 16) auto 0;
    letter-spacing: 0.08em;
  }
  .pGroup__title {
    font-size: min(25px, 25rem / 16);
  }
  .pGroup__image {
    width: min(800px, 58.57vw);
    margin-left: min(120px, 8.78vw);
  }
  .cPankuzu {
    margin-top: min(160px, 160rem / 16);
  }
}

