@charset 'utf-8';
/*-------------------------
 提供サービス - 詳細
-------------------------*/

#post-block .desc-text {
  margin: -1em 0 1em;
}

#post-box1 {
  margin-bottom: 1em;
}

#post-box1.flex {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

#post-box1.flex .text-box {
  order: 2;
}

#post-box1.flex .img-box {
  order: 1;
  margin: .5em auto;
}

#post-block .sub-post-box {
  margin-bottom: 1em;
}

#post-block .text-box .sec-title2,
#post-block .text-box .sec-title3,
#post-block .sub-text-box .sec-title2,
#post-block .sub-text-box .sec-title3 {
  margin: 1em 0 .5em;
}

#post-block .text-box p,
#post-block .sub-text-box p {
  margin-bottom: .5em;
}

#post-block .sub-img-box {
  margin: .5em auto .8em;
  text-align: center;
}

#post-block .sub-img-box p {
  margin-top: .5em;
  font-size: 1.5rem;
}

#post-block .navi-post {
  margin-top: 3em;
  text-align: center;
}

#post-block .navi-post li {
  display: inline-block;
}

#post-block .navi-post li a {
  display: block;
  margin: 0 auto;
  padding: .5em .9em .6em;
  color: #fff;
  font-size: 1.5rem;
  text-align: center;
  background: var(--main-color2);
}

#post-block .btn-bnr-img {
  margin-top: 2.5em;
}

/* 768px～（タブレット）
------------------------------------------------------ */
@media screen and (min-width: 768px) {
  #post-box1 {
    margin-bottom: 1.5em;
  }

  #post-box1.flex .img-box {
    margin-bottom: 1.5em;
  }

  #post-block .sub-post-box {
    margin-bottom: 1.5em;
  }

  #post-block .navi-post {
    margin-top: 4em;
  }

  #post-block .navi-post li a {
    padding: .6em 1em .7em;
  }

  #post-block .btn-bnr-img {
    margin-top: 3.5em;
  }
}

/* 960px～（パソコン）
------------------------------------------------------ */
@media screen and (min-width: 960px) {
  #post-box1 {
    margin-bottom: 2em;
  }

  #post-box1.flex {
    flex-direction: row;
  }

  #post-box1.flex .text-box {
    flex: 1;
    order: 1;
    margin: 0;
    padding-right: 5%;
  }

  #post-box1.flex .img-box {
    order: 2;
    margin: 0;
    width: 400px;
  }

  #post-block .sub-post-box {
    margin-bottom: 2em;
  }

  #post-block .navi-post {
    margin-top: 5em;
  }

  #post-block .navi-post li a {
    padding: .7em 1.1em .8em;
    transition: all .2s ease-in-out;
  }

  #post-block .navi-post li a:hover {
    opacity: .8;
  }

  #post-block .btn-bnr-img {
    margin-top: 4.5em;
  }
}