.w200 {
  width: 200px; }

.w230 {
  width: 230px; }

@media screen and (max-width: 768px) {
  .c5-m-auto-sp {
    margin: 0 auto; } }

.mt1em {
  margin-top: 1em; }

.mt40 {
  margin-top: 4% !important; }
  @media screen and (max-width: 768px) {
    .mt40 {
      margin-top: 5.7971%; } }

.mt50 {
  margin-top: 5% !important; }
  @media screen and (max-width: 768px) {
    .mt50 {
      margin-top: 7.24638%; } }

.mb40 {
  margin-bottom: 4% !important; }
  @media screen and (max-width: 768px) {
    .mb40 {
      margin-bottom: 5.7971%; } }

.c5-mb100 {
  margin-bottom: 8.33333%; }
  @media screen and (max-width: 768px) {
    .c5-mb100 {
      margin-bottom: 14.49275%; } }

.c5-w320 {
  width: 28.57143%; }
  @media screen and (max-width: 768px) {
    .c5-w320 {
      width: 100%; } }

.c5-gray {
  background: #f0f3fa; }

.c5-c-post-small {
  font-size: 12px;
  text-align: right;
  line-height: 1.625; }
  @media screen and (max-width: 1000px) {
    .c5-c-post-small {
      font-size: 1.2vw; } }
  @media screen and (max-width: 768px) {
    .c5-c-post-small {
      font-size: 2.66667vw;
      text-align: left;
      padding: 0 20px; } }

.c5-c-post-inr {
  max-width: 1000px;
  padding: 0 20px;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    .c5-c-post-inr {
      padding: 0; } }

.c5-c-post-banner {
  width: 89.7%;
  margin: 0 auto; }
  .c5-c-post-banner__1909 {
    margin: 0;
    width: 32.6%; }
  @media screen and (max-width: 768px) {
    .c5-c-post-banner {
      width: 100%; }
      .c5-c-post-banner img {
        width: 100%; }
      .c5-c-post-banner__1909 {
        width: 57.97101%; } }

.c5-c-post-box {
  margin-bottom: 10%; }
  .c5-c-post-box p {
    font-size: 16px;
    line-height: 1.625; }
    .c5-c-post-box p:not(:last-child) {
      margin-bottom: 4%; }
  .c5-c-post-box__caption {
    font-size: 13px !important;
    line-height: 1.5 !important; }
    @media screen and (max-width: 1000px) {
      .c5-c-post-box__caption {
        font-size: 1.3vw !important; } }
    @media screen and (max-width: 768px) {
      .c5-c-post-box__caption {
        font-size: 3.33333vw !important; } }
  .c5-c-post-box > h2 {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 4%;
    line-height: 1.5; }
  .c5-c-post-box > figure {
    width: 70%;
    margin: 0 auto 4%; }
    .c5-c-post-box > figure > figcaption {
      line-height: 1.625;
      margin-top: 2.85714%;
      font-size: 13px; }
  @media screen and (max-width: 1000px) {
    .c5-c-post-box p {
      font-size: 1.6vw; }
    .c5-c-post-box > h2 {
      font-size: 2.8vw; }
    .c5-c-post-box > figure > figcaption {
      font-size: 1.3vw; } }
  @media screen and (max-width: 768px) {
    .c5-c-post-box {
      margin-bottom: 13.33333%; }
      .c5-c-post-box p {
        font-size: 3.73333vw; }
        .c5-c-post-box p:not(:last-child) {
          margin-bottom: 5.7971%; }
      .c5-c-post-box > h2 {
        font-size: 5.33333vw;
        line-height: 1.2;
        margin-bottom: 5.7971%; }
      .c5-c-post-box > figure {
        width: 100%;
        margin-bottom: 5.7971%; }
        .c5-c-post-box > figure > figcaption {
          font-size: 2.93333vw;
          margin-bottom: 2.89855%; } }

.c5-c-post__flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .c5-c-post__flex--rev {
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
  .c5-c-post__flex.c5-c-between {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .c5-c-post__flex__fig {
    width: 36%; }
    .c5-c-post__flex__fig figcaption {
      line-height: 1.625;
      margin-top: 2.85714%;
      font-size: 13px; }
    .c5-c-post__flex__fig--02 {
      width: 17%; }
    .c5-c-post__flex__fig--03 {
      width: 17%; }
  .c5-c-post__flex__txt {
    width: 58%; }
  @media screen and (max-width: 1000px) {
    .c5-c-post__flex__fig figcaption {
      font-size: 1.3vw; } }
  @media screen and (max-width: 768px) {
    .c5-c-post__flex {
      display: block; }
      .c5-c-post__flex__fig {
        width: 90%;
        margin: 0 auto 5.7971%; }
        .c5-c-post__flex__fig figcaption {
          font-size: 2.93333vw; }
        .c5-c-post__flex__fig img {
          width: 100%; }
        .c5-c-post__flex__fig--02 {
          width: 60%;
          margin-top: 5.7971%; }
        .c5-c-post__flex__fig--03 {
          width: 60%; }
      .c5-c-post__flex__txt {
        width: 100%; } }

.c5-order1 {
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1; }

.c5-order2 {
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2; }

.c5-order3 {
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3; }