/* Scss Document */
/*---------------------------------------------
    motto
---------------------------------------------*/
.feature_sec.-motto {
  padding: 80px 0 0;
  margin: 0 0 280px;
  display: flex;
  align-items: center; }
  @media screen and (max-width: 750px) {
    .feature_sec.-motto {
      padding: 12vw 0 0;
      margin: 0 0 24vw;
      display: block; } }

.motto_img {
  width: 43vw;
  min-width: 550px;
  margin: 0 6.6vw 0 0; }
  @media screen and (max-width: 1280px) {
    .motto_img {
      margin: 0 80px 0 0; } }
  @media screen and (max-width: 750px) {
    .motto_img {
      width: 100%;
      margin: 0 0 12vw;
      min-width: 1px; } }

@media screen and (max-width: 750px) {
  .motto_txtArea {
    max-width: 90vw;
    margin: auto; } }

.motto_tit {
  font-size: 2.2rem;
  margin: 0 0 20px;
  position: relative;
  display: inline-block; }
  @media screen and (max-width: 750px) {
    .motto_tit {
      font-size: 4vw;
      margin: 0 0 7vw; } }
  .motto_tit::after {
    content: "";
    display: block;
    width: 524px;
    height: 122px;
    background: url("../img/feature/tit_deco.svg") no-repeat;
    background-size: contain;
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: -6.6vw;
    transform: rotate(-11deg); }
    @media screen and (max-width: 1280px) {
      .motto_tit::after {
        left: -80px; } }
    @media screen and (max-width: 750px) {
      .motto_tit::after {
        left: -4.5vw;
        width: 69.8vw;
        height: 16.2vw; } }

.motto_copy {
  font-size: 6rem;
  color: #7B1F71;
  line-height: 1.6;
  margin: 0 0 50px; }
  @media screen and (max-width: 750px) {
    .motto_copy {
      font-size: 10.6vw;
      margin: 0 0 11vw;
      line-height: 1.8; } }

.motto_txt {
  line-height: 2.5; }
  @media screen and (max-width: 750px) {
    .motto_txt {
      font-size: 3.6vw;
      line-height: 1.9; } }
  .motto_txt p:not(:last-child) {
    margin: 0 0 2em; }
    @media screen and (max-width: 750px) {
      .motto_txt p:not(:last-child) {
        margin: 0 0 1.5em; } }

/*---------------------------------------------
    feature
---------------------------------------------*/
.feature_sec.-feature {
  padding: 0 0 140px; }
  @media screen and (max-width: 750px) {
    .feature_sec.-feature {
      padding: 0 0 26vw; } }
  .feature_sec.-feature .linkBtn {
    margin: 100px auto 0; }
    @media screen and (max-width: 750px) {
      .feature_sec.-feature .linkBtn {
        margin: 10.6vw auto 0; } }

.featureList li {
  position: relative; }
  .featureList li:not(:last-child) {
    margin: 0 0 115px; }
    @media screen and (max-width: 750px) {
      .featureList li:not(:last-child) {
        margin: 0 0 21vw; } }
  @media screen and (min-width: 750px) {
    .featureList li:nth-child(odd) .featureList_num {
      left: 0;
      transform: translateX(-50%); }
    .featureList li:nth-child(odd) .featureList_img {
      left: 647px; }
    .featureList li:nth-child(odd) .featureList_txt::after {
      right: -125px; }
    .featureList li:nth-child(even) .featureList_txtArea {
      margin: 0 0 0 auto; }
    .featureList li:nth-child(even) .featureList_num {
      right: 0;
      transform: translateX(50%); }
    .featureList li:nth-child(even) .featureList_img {
      right: 647px; }
    .featureList li:nth-child(even) .featureList_txt::after {
      left: -125px; }
    .featureList li:nth-child(3) .featureList_num {
      transform: translate(-50%, -50%); }
    .featureList li:nth-child(4) .featureList_num {
      transform: translate(50%, -20%); } }
  @media screen and (max-width: 750px) {
    .featureList li:nth-child(n + 3) .featureList_num {
      transform: translateY(-20%); } }

.featureList_txtArea {
  width: 610px; }
  @media screen and (max-width: 750px) {
    .featureList_txtArea {
      width: 100%; } }

.featureList_titArea {
  position: relative;
  min-height: 15.5rem;
  display: flex;
  letter-spacing: .25em;
  align-items: center;
  margin: 0 0 20px; }
  @media screen and (max-width: 750px) {
    .featureList_titArea {
      min-height: 1px;
      margin: 0 0 3vw; } }

.featureList_num {
  color: rgba(178, 163, 185, 0.2);
  font-size: 15.5rem;
  line-height: 0.9;
  position: absolute;
  top: 0; }
  @media screen and (max-width: 750px) {
    .featureList_num {
      bottom: 0;
      right: 0;
      top: auto;
      font-size: 28vw; } }

.featureList_tit {
  color: #7B1F71;
  font-size: 3rem; }
  @media screen and (max-width: 750px) {
    .featureList_tit {
      font-size: 4vw; } }

.featureList_txt {
  background: #EEF4FA;
  padding: 55px 0;
  position: relative;
  line-height: 2; }
  @media screen and (max-width: 750px) {
    .featureList_txt {
      padding: 9vw 5vw 11vw;
      width: 95vw;
      margin-left: -5vw;
      font-size: 3.73vw; } }
  .featureList_txt::after {
    content: "";
    display: block;
    height: 100%;
    width: 100vw;
    min-width: 1000px;
    background: #EEF4FA;
    position: absolute;
    top: 0;
    z-index: -1; }
    @media screen and (max-width: 750px) {
      .featureList_txt::after {
        height: calc(100% + 17vw);
        top: auto;
        bottom: 0;
        width: 100%;
        min-width: 1px;
        left: 0; } }
  .featureList_txt a {
    color: #669DD5;
    text-decoration: underline; }
    @media screen and (max-width: 750px) {
      .featureList_txt a {
        margin: 1.3em 0 0;
        display: inline-block; } }

.featureList_img {
  width: 842px;
  position: absolute;
  top: 0; }
  @media screen and (max-width: 750px) {
    .featureList_img {
      width: 95vw;
      position: static; } }