@charset "UTF-8";
/*
	Theme Name:diver_child
	Template:diver
	Description:Diverの子テーマです。
 */
/* カスタマイズする場合にはこれより下に追記してください  */
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
}
.row > * {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}

.col {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
}

.row-cols-auto > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
}

.col-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }

  .row-cols-sm-auto > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }

  .row-cols-sm-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-sm-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-sm-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-sm-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-sm-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-sm-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-sm-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }

  .col-sm-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-sm-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-sm-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }

  .col-sm-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-sm-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-sm-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }

  .col-sm-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-sm-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-sm-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }

  .col-sm-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-sm-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-sm-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333333%;
  }

  .offset-sm-2 {
    margin-left: 16.66666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.33333333%;
  }

  .offset-sm-5 {
    margin-left: 41.66666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.33333333%;
  }

  .offset-sm-8 {
    margin-left: 66.66666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.33333333%;
  }

  .offset-sm-11 {
    margin-left: 91.66666667%;
  }

  .g-sm-0,
.gx-sm-0 {
    --bs-gutter-x: 0;
  }

  .g-sm-0,
.gy-sm-0 {
    --bs-gutter-y: 0;
  }

  .g-sm-1,
.gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-sm-1,
.gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-sm-2,
.gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-sm-2,
.gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-sm-3,
.gx-sm-3 {
    --bs-gutter-x: 1rem;
  }

  .g-sm-3,
.gy-sm-3 {
    --bs-gutter-y: 1rem;
  }

  .g-sm-4,
.gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-sm-4,
.gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-sm-5,
.gx-sm-5 {
    --bs-gutter-x: 3rem;
  }

  .g-sm-5,
.gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }

  .row-cols-md-auto > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }

  .row-cols-md-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-md-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-md-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-md-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-md-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-md-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-md-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }

  .col-md-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-md-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-md-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }

  .col-md-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-md-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-md-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }

  .col-md-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-md-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-md-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }

  .col-md-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-md-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-md-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333333%;
  }

  .offset-md-2 {
    margin-left: 16.66666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.33333333%;
  }

  .offset-md-5 {
    margin-left: 41.66666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.33333333%;
  }

  .offset-md-8 {
    margin-left: 66.66666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.33333333%;
  }

  .offset-md-11 {
    margin-left: 91.66666667%;
  }

  .g-md-0,
.gx-md-0 {
    --bs-gutter-x: 0;
  }

  .g-md-0,
.gy-md-0 {
    --bs-gutter-y: 0;
  }

  .g-md-1,
.gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-md-1,
.gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-md-2,
.gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-md-2,
.gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-md-3,
.gx-md-3 {
    --bs-gutter-x: 1rem;
  }

  .g-md-3,
.gy-md-3 {
    --bs-gutter-y: 1rem;
  }

  .g-md-4,
.gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-md-4,
.gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-md-5,
.gx-md-5 {
    --bs-gutter-x: 3rem;
  }

  .g-md-5,
.gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }

  .row-cols-lg-auto > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }

  .row-cols-lg-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-lg-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-lg-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-lg-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-lg-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-lg-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-lg-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }

  .col-lg-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-lg-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-lg-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }

  .col-lg-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-lg-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-lg-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }

  .col-lg-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-lg-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-lg-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }

  .col-lg-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-lg-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-lg-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333333%;
  }

  .offset-lg-2 {
    margin-left: 16.66666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.33333333%;
  }

  .offset-lg-5 {
    margin-left: 41.66666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.33333333%;
  }

  .offset-lg-8 {
    margin-left: 66.66666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.33333333%;
  }

  .offset-lg-11 {
    margin-left: 91.66666667%;
  }

  .g-lg-0,
.gx-lg-0 {
    --bs-gutter-x: 0;
  }

  .g-lg-0,
.gy-lg-0 {
    --bs-gutter-y: 0;
  }

  .g-lg-1,
.gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-lg-1,
.gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-lg-2,
.gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-lg-2,
.gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-lg-3,
.gx-lg-3 {
    --bs-gutter-x: 1rem;
  }

  .g-lg-3,
.gy-lg-3 {
    --bs-gutter-y: 1rem;
  }

  .g-lg-4,
.gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-lg-4,
.gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-lg-5,
.gx-lg-5 {
    --bs-gutter-x: 3rem;
  }

  .g-lg-5,
.gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }

  .row-cols-xl-auto > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xl-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xl-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xl-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xl-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xl-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xl-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xl-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }

  .col-xl-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xl-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xl-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }

  .col-xl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xl-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }

  .col-xl-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xl-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xl-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }

  .col-xl-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xl-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xl-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xl-11 {
    margin-left: 91.66666667%;
  }

  .g-xl-0,
.gx-xl-0 {
    --bs-gutter-x: 0;
  }

  .g-xl-0,
.gy-xl-0 {
    --bs-gutter-y: 0;
  }

  .g-xl-1,
.gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xl-1,
.gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xl-2,
.gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xl-2,
.gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xl-3,
.gx-xl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xl-3,
.gy-xl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xl-4,
.gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xl-4,
.gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xl-5,
.gx-xl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xl-5,
.gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }

  .row-cols-xxl-auto > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xxl-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xxl-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xxl-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xxl-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xxl-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xxl-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xxl-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }

  .col-xxl-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xxl-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xxl-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }

  .col-xxl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xxl-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xxl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }

  .col-xxl-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xxl-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xxl-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }

  .col-xxl-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xxl-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xxl-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }

  .offset-xxl-0 {
    margin-left: 0;
  }

  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xxl-3 {
    margin-left: 25%;
  }

  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xxl-6 {
    margin-left: 50%;
  }

  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xxl-9 {
    margin-left: 75%;
  }

  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }

  .g-xxl-0,
.gx-xxl-0 {
    --bs-gutter-x: 0;
  }

  .g-xxl-0,
.gy-xxl-0 {
    --bs-gutter-y: 0;
  }

  .g-xxl-1,
.gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xxl-1,
.gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xxl-2,
.gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xxl-2,
.gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xxl-3,
.gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xxl-3,
.gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xxl-4,
.gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xxl-4,
.gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xxl-5,
.gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xxl-5,
.gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
/*--------------------------------------------

基本

--------------------------------------------*/
html {
  scroll-behavior: smooth;
}

body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  background-color: #fff;
  color: #262626;
  line-height: 1.75;
}

/*--------------------------------------------

ボタン

--------------------------------------------*/
.button a, .button input[type=submit], .button button {
  border-radius: 50rem;
  padding: 1em 2em;
}

.button.grad a, .button.grad input[type=submit], .button.grad button {
  background: #436DAD;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#436DAD), color-stop(51%, #8C83FF), to(#436DAD));
  background-image: linear-gradient(to top, #436DAD 0%, #8C83FF 51%, #436DAD 100%);
  background-size: auto 200%;
  color: #fff;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.button.grad a:hover, .button.grad input[type=submit]:hover, .button.grad button:hover {
  color: #fff;
  background-position: bottom center;
}

.button.light a {
  background: #E9EDF7;
  color: #436DAD;
}
.button.light a:hover {
  color: #fff;
  background-color: #436DAD;
}

/*--------------------------------------------

ヘッダー

--------------------------------------------*/
#header {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
}

.header-wrap {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media (max-width: 768px) {
  #logo img {
    margin: 0;
  }
}

.header-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-logo #nav #mainnavul, .header-logo #nav #fixnavul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-logo #nav #mainnavul li:hover, .header-logo #nav #fixnavul li:hover {
  background-color: transparent;
}
.header-logo #nav #mainnavul li a, .header-logo #nav #fixnavul li a {
  font-size: 14px;
  padding-right: 1.5em;
  padding-left: 1.5em;
  color: #262626;
}
.header-logo #nav #mainnavul li a:hover, .header-logo #nav #fixnavul li a:hover {
  color: #8C83FF;
}
.header-logo #nav #mainnavul li ul.sub-menu, .header-logo #nav #fixnavul li ul.sub-menu {
  left: auto;
  right: -1rem;
  font-size: 12px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0.5rem 1rem -0.25rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.5rem 1rem -0.25rem rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.header-logo #nav #mainnavul li ul.sub-menu li a, .header-logo #nav #fixnavul li ul.sub-menu li a {
  text-align: left;
}
.header-logo #nav #mainnavul .button a, .header-logo #nav #fixnavul .button a {
  padding-right: 2em;
  padding-left: 2em;
  color: #fff;
}

.widget ul:first-child > li {
  border-bottom: none;
}

.widget.widget_nav_menu li a {
  padding: 1.25em 1em;
}
.widget.widget_nav_menu li.button {
  margin-top: 1rem;
}

/*--------------------------------------------

テーブル

--------------------------------------------*/
table.table {
  border: none;
  width: 100%;
}
table.table thead th, table.table tbody th, table.table thead td, table.table tbody td {
  background-color: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
}
table.table tbody th {
  color: #436DAD;
}
table.table td {
  padding: 1rem;
}
table.table tr:last-child th, table.table tr:last-child td {
  border-bottom: none;
}

/*--------------------------------------------

ページ

--------------------------------------------*/
.hentry,
.post-box-contents,
#sidebar .widget,
#breadcrumb,
.wrap-post-title,
#share_plz,
.navigation,
.post-sub {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

#main-wrap {
  padding-top: 76px;
}
@media screen and (max-width: 959px) {
  #main-wrap {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

/*--------------------------------------------

アーカイブ

--------------------------------------------*/
.wrap-post-title {
  background-color: transparent !important;
  padding: 3rem 0 3rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 36px;
}
@media (max-width: 768px) {
  .wrap-post-title {
    font-size: 24px;
    padding: 0.5rem 0 1rem;
  }
}

.catpage_content_wrap {
  color: #262626 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.catpage_content_wrap .cover {
  background-color: transparent !important;
}
.catpage_content_wrap .innner {
  padding: 3rem 0 3rem;
  width: 100%;
  margin: 0;
}
@media (max-width: 768px) {
  .catpage_content_wrap .innner {
    padding: 0.5rem 0 1rem;
  }
}

.catpage_title {
  font-size: 36px;
}
@media (max-width: 768px) {
  .catpage_title {
    font-size: 24px;
  }
}

.category .wrap-post-title {
  font-size: 16px;
  padding: 0;
}

.catpage_tag a {
  background-color: #E9EDF7;
  border: none;
  font-size: 12px !important;
}

.post-author li a {
  color: #989DA5;
}
.post-author li a:hover {
  color: #262626;
}

.post-box-contents .post-title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.post-box-contents .post-title a {
  color: #262626 !important;
  display: block;
}
.post-box-contents .post-title a:hover {
  color: #8C83FF !important;
}
.post-box-contents .post-cat {
  font-size: 10px;
  color: #fff !important;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  padding: 0 !important;
}
@media (max-width: 768px) {
  .post-box-contents .post-cat {
    font-size: 10px;
  }
}
.post-box-contents .post-cat a {
  border: 1px solid #436DAD;
  color: #fff !important;
  background-color: #436DAD !important;
  padding: 2px 10px;
}
.post-box-contents .post-cat a:hover {
  color: #436DAD !important;
  background-color: #fff !important;
}
.post-box-contents .post-date {
  color: #989DA5;
}

.post-box .post-cat {
  background-color: transparent;
}
.post-box .post-box-contents {
  margin-bottom: 0;
  padding: 1.5rem 0;
  border-top: 1px solid #E9EDF7;
}
.post-box .post-box-contents .post-meta-all {
  padding-left: 30px;
}
@media screen and (max-width: 599px) {
  .post-box .post-box-contents .post-meta-all {
    padding-left: 15px;
  }
}
@media screen and (max-width: 599px) {
  .post-box .post-box-contents.clearfix {
    padding: 0.5rem 0;
  }
}
.post-box .post-title {
  font-size: 23px;
  line-height: 1.5;
  padding: 0.5rem 0;
}
@media (max-width: 768px) {
  .post-box .post-title {
    padding: 0;
  }
}
.post-box .post-substr {
  color: #989DA5 !important;
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.5em;
  height: 3em;
}
.post-box .post-tag {
  background: transparent !important;
  padding: 0 !important;
  font-size: 10px;
  color: #989DA5 !important;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  padding: 0;
}
@media (max-width: 768px) {
  .post-box .post-tag {
    font-size: 10px;
  }
}
.post-box .post-tag a {
  font-size: 10px;
  background-color: transparent !important;
  color: #989DA5 !important;
  padding: 0 !important;
}
.post-box .post-tag a:hover {
  color: #262626 !important;
}

.grid_post-box .post-cat {
  background-color: transparent;
}
.grid_post-box .post-substr {
  color: #989DA5 !important;
  font-size: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.5em;
  height: 6em;
}

.mini-list-post-box .post-cat {
  background-color: transparent;
}

.post-box-thumbnail {
  background-color: transparent;
}
.post-box-thumbnail .post-cat {
  line-height: 1.5;
  bottom: auto;
  right: auto;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
}
.post-box-thumbnail .post-cat a {
  background-color: #436DAD !important;
  color: #fff !important;
  padding: 0 0.5em !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.post-box-thumbnail__wrap::before {
  padding-top: 66.66667%;
}

/*--------------------------------------------

サイドバー

--------------------------------------------*/
#sidebar {
  font-size: 14px;
}
#sidebar .widget {
  border-bottom: 1px solid #E9EDF7;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
#sidebar .widget ul li {
  border-bottom: none;
}
#sidebar .widget.widget_block .wp-block-group h2 {
  background-color: transparent !important;
  color: #262626 !important;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  padding: 0;
  margin: 0 0 1rem 0;
}
#sidebar .wp-block-group__inner-container ul li, #sidebar .wp-block-group__inner-container ol li {
  margin-bottom: 0.5rem;
}
#sidebar .widgettitle {
  background-color: transparent !important;
  color: #262626 !important;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  padding: 0;
  margin: 0 0 1rem 0;
}
#sidebar .widget_post_list .meta .post_list_title {
  font-size: 12px;
  line-height: 1.5;
}
#sidebar button.search-widget__submit {
  background-color: #436DAD;
}

@media (min-width: 959px) {
  .blog #sidebar {
    margin-top: 10rem;
  }
}

.check-box {
  display: block;
  margin-bottom: 0.25rem;
}
.check-box.inlien {
  display: inline-block;
  margin-right: 1rem;
}

.wp-block-search .wp-block-search__inside-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  max-width: 100%;
}

.wp-block-search .wp-block-search__button {
  border: 1px;
  padding: 0.375em 0.75em;
  margin-left: 0.625em;
  word-break: normal;
  font-size: 14px;
  background-color: #8C83FF;
}

/*--------------------------------------------

シングル

--------------------------------------------*/
.single .cat-tag {
  margin-top: 4rem;
  text-align: right;
}
@media (max-width: 768px) {
  .single .cat-tag {
    text-align: left;
    margin-top: 0;
  }
}

.single-post-category {
  background-color: transparent !important;
  padding: 0 0.25rem !important;
}
.single-post-category a {
  border: 1px solid #436DAD;
  color: #fff !important;
  background-color: #436DAD !important;
  padding: 0.3em 0.5em;
}
.single-post-category a:hover {
  color: #436DAD !important;
  background-color: #fff !important;
}

#single-main .post-meta .tag {
  background-color: transparent !important;
  padding: 0 0.25rem !important;
}
#single-main .post-meta .tag a {
  color: #989DA5 !important;
}
#single-main .post-meta .tag a:hover {
  color: #262626 !important;
}

@media (min-width: 1200px) {
  .hentry .post-meta {
    padding-left: 40px;
    padding-right: 40px;
  }
}

h1.single-post-title {
  font-size: 34px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  margin-bottom: 2rem;
  padding: 0 0 6rem;
  border-bottom: 1px solid #E9EDF7;
}
@media (max-width: 768px) {
  h1.single-post-title {
    font-size: 26px;
    padding: 0 0 2rem;
  }
}

#breadcrumb {
  font-size: 10px;
}

.share {
  padding-left: 40px;
  padding-right: 40px;
}
.share .sns.small {
  text-align: right;
}

.post_footer_author_title {
  background-color: #fff;
  border-bottom: none;
  margin-top: 2rem;
}

.author-post-title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.5em;
  height: 4.5em;
}

.post_list_wrap .title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.5em;
  height: 4.5em;
  font-weight: bold;
}

.recommend-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.5em;
  height: 3em;
  font-weight: bold;
}

.sc_marker-animation {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, rgba(233, 255, 111, 0.75)));
  background-image: linear-gradient(left, transparent 50%, rgba(233, 255, 111, 0.75) 50%);
}
.sc_marker-animation.blue {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, rgba(140, 131, 255, 0.3)));
  background-image: linear-gradient(left, transparent 50%, rgba(140, 131, 255, 0.3) 50%);
}

.content h2:not(.sc_heading) {
  font-family: "Noto Sans JP", sans-serif;
  background-color: transparent !important;
  color: #262626 !important;
  margin-top: 2.5em;
  margin-bottom: 2em;
  font-size: 30px;
  padding: 1em 0;
  position: relative;
}
.content h2::after {
  content: "";
  display: block;
  position: absolute;
  width: 2em;
  height: 0.25em;
  bottom: 0;
  left: 0;
  background: #2E8B57;
  background: linear-gradient(115deg, #2E8B57, #3CB371);
}
@media (max-width: 768px) {
  .content h2 {
    font-size: 24px;
  }
}
.content h3 {
  font-family: "Noto Sans JP", sans-serif;
  border-bottom: none !important;
  font-size: 26px;
  padding: 0 0 0.25em 0;
  margin: 1.5em 0 1em 0;
  position: relative;
}
.content h3::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 0.125em;
  bottom: 0;
  left: 0;
  background: #436DAD;
  background: linear-gradient(115deg, #436DAD, #8C83FF);
}
@media (max-width: 768px) {
  .content h3 {
    font-size: 20px;
  }
}
.content h4 {
  border-bottom: none !important;
  background-color: #E9EDF7;
  color: #262626;
  border-radius: 10px;
  margin: 1.5em 0 1em 0;
}
.content h4::after {
  background: #436DAD;
  background: linear-gradient(115deg, #436DAD, #8C83FF);
  top: 50% !important;
  left: 0.5em !important;
  -webkit-transform: translateY(-50%) !important;
          transform: translateY(-50%) !important;
}
.content p {
  margin-bottom: 0.5em;
}

.post-sub {
  margin-top: 2rem;
}

/*--------------------------------------------

フッター

--------------------------------------------*/
#footer {
  background-color: #111 !important;
  color: #fff !important;
  padding: 2rem 0 1rem;
  position: relative;
  z-index: 1001;
}

.footer_navi ul li {
  display: block;
  font-size: 14px;
}
.footer_navi ul li.child {
  padding-left: 1em;
  font-size: 13px;
}
.footer_navi ul li a {
  color: #fff !important;
  display: block;
  padding: 0.25rem 0;
}
@media (max-width: 992px) {
  .footer_navi ul li a {
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 992px) {
  .footer_navi {
    text-align: left;
  }
}

#copyright {
  float: none;
  text-align: center;
  margin-top: 2rem;
  font-size: 10px;
}

.footer-logo img {
  max-width: 195px;
}
@media (max-width: 992px) {
  .footer-logo {
    margin-bottom: 2rem;
    text-align: center;
  }
}

.block {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
@media (max-width: 768px) {
  .block {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

.sec-title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 34px;
  margin-bottom: 0;
  text-align: center;
}
.sec-title-txt {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  color: #436DAD;
  line-height: 1.5;
  font-weight: 900;
  text-align: center;
  margin-bottom: 5rem;
}
@media (max-width: 768px) {
  .sec-title {
    font-size: 28px;
  }
}

.lead {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  margin-bottom: 3rem;
}
@media (max-width: 768px) {
  .lead {
    font-size: 18px;
  }
}
.lead-lg {
  font-size: 26px;
}
@media (max-width: 768px) {
  .lead-lg {
    font-size: 22px;
  }
}

.card {
  border-radius: 5px;
  -webkit-box-shadow: 0 0.25rem 0.25rem -0.125rem rgba(0, 0, 0, 0.075);
          box-shadow: 0 0.25rem 0.25rem -0.125rem rgba(0, 0, 0, 0.075);
  background-color: #fff;
  overflow: hidden;
  display: block;
}
.card-body {
  padding: 0.75rem;
}
.card .button a {
  font-size: 12px;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
}
.card.animate {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.card.animate.on {
  -webkit-box-shadow: 0 0.25rem 0.25rem -0.125rem rgba(0, 0, 0, 0.075);
          box-shadow: 0 0.25rem 0.25rem -0.125rem rgba(0, 0, 0, 0.075);
}
.card.animate.on:hover {
  -webkit-box-shadow: 0 0.5rem 1rem -0.25rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.5rem 1rem -0.25rem rgba(0, 0, 0, 0.1);
}

a.card:hover {
  -webkit-box-shadow: 0 0.5rem 1rem -0.25rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.5rem 1rem -0.25rem rgba(0, 0, 0, 0.1);
}

.fixed_contact {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  padding: 0.5rem;
  overflow: hidden;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.fixed_contact::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.4);
}
.fixed_contact a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 750px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 1rem;
  background: #436DAD;
  background-image: -webkit-gradient(linear, right top, left top, from(#436DAD), color-stop(51%, #8C83FF), to(#436DAD));
  background-image: linear-gradient(to left, #436DAD 0%, #8C83FF 51%, #436DAD 100%);
  background-size: 200% auto;
  color: #fff;
  font-weight: bold;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 992px) {
  .fixed_contact a {
    font-size: 14px;
  }
}
@media (max-width: 576px) {
  .fixed_contact a {
    font-size: 12px;
    padding: 0.5rem;
  }
}
.fixed_contact a i {
  font-size: 1.5em;
  margin-right: 1rem;
}
.fixed_contact a:hover {
  color: #fff;
  background-position: right center;
}
.fixed_contact.display {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

#load {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  text-align: center;
  background-color: #fff;
}

#load_text {
  margin: 20px;
  width: 100px;
  height: 100px;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -50px;
  color: #fff;
  background-image: url(images/logo/load-logo.svg);
  background-size: 75px 75px;
  background-position: center;
  background-repeat: no-repeat;
}

.loader_cover {
  width: 50%;
  height: 100%;
  background-color: #fff;
  -webkit-transition: all 1s cubic-bezier(0.04, 0.435, 0.315, 0.9);
  transition: all 1s cubic-bezier(0.04, 0.435, 0.315, 0.9);
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  z-index: 1;
}
.loader_cover-left {
  -webkit-transform-origin: center left;
          transform-origin: center left;
  background-color: #2E8B57;
}
.loader_cover-left.coveranime {
  background-color: #8C83FF;
}
.loader_cover-right {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform-origin: center right;
          transform-origin: center right;
  background-color: #436DAD;
}
.loader_cover-right.coveranime {
  background-color: #8C83FF;
}

#page_load {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9998;
  text-align: center;
  background-color: #fff;
}

.coveranime {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}

.animate {
  -webkit-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
}

.fade_in {
  opacity: 0;
  -webkit-transform: translate3d(0, 10px, 0);
          transform: translate3d(0, 10px, 0);
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.fade_in.on {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.smooth {
  overflow: hidden;
  display: block;
}
.smooth span {
  -webkit-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
}
.smooth.on .smooth_up, .smooth.on .smooth_down {
  -webkit-transform: translate3d(0, 0, 0) skewY(0);
          transform: translate3d(0, 0, 0) skewY(0);
}

.smooth_up {
  -webkit-transform: translate3d(0, 100%, 0) skewY(6deg);
          transform: translate3d(0, 100%, 0) skewY(6deg);
  -webkit-transform-origin: left top;
          transform-origin: left top;
  display: inline-block;
}

.smooth_down {
  -webkit-transform: translate3d(0, -100%, 0) skewY(6deg);
          transform: translate3d(0, -100%, 0) skewY(6deg);
  -webkit-transform-origin: right top;
          transform-origin: right top;
  display: inline-block;
}

.slide_in {
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.slide_in::before {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
}
.slide_in.on::before {
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}

.bg-light .slide_in::before {
  background-color: #F4F6FA;
}

.hero {
  width: 100%;
  position: relative;
  height: 100vh;
  min-height: 650px;
}
@media (max-width: 768px) {
  .hero {
    height: auto;
    min-height: auto;
  }
}
.hero-inner {
  height: 100vh;
  min-height: 650px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  .hero-inner {
    height: 100%;
    min-height: auto;
  }
}
.hero::before {
  content: "";
  width: 100%;
  position: absolute;
  z-index: 0;
  background-repeat: no-repeat;
}
.hero::before {
  content: "";
  width: 100%;
  position: absolute;
  background-repeat: no-repeat;
  background-image: url(images/front-page/hero_top.svg);
  padding-bottom: 16%;
  background-position: left top;
  background-size: contain;
  top: 0;
  left: 0;
  z-index: 1;
}
@media (max-width: 768px) {
  .hero::before {
    padding-bottom: 25%;
    background-size: cover;
  }
}
.hero::after {
  content: "";
  background-image: url(images/front-page/hero_btm.svg);
  padding-bottom: 17.447917%;
  width: 100%;
  background-position: left bottom;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-repeat: no-repeat;
}
.hero .container {
  position: relative;
  z-index: 3;
  overflow: hidden;
}

.mcopy {
  position: relative;
  line-height: 1.5;
  margin-bottom: 2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  font-size: 60px;
  color: #2E8B57;
  overflow: hidden;
  -webkit-transition: all 0.75s;
  transition: all 0.75s;
}
@media (max-width: 768px) {
  .mcopy {
    margin-bottom: 1rem;
    font-size: 50px;
    text-align: center;
  }
}
@media (max-width: 576px) {
  .mcopy {
    font-size: 9vw;
  }
}
.mcopy .smooth span {
  background: linear-gradient(115deg, #436DAD, #8C83FF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.scopy {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 20px;
  margin-bottom: 0;
  letter-spacing: 0.05em;
  line-height: 2;
}
@media (max-width: 768px) {
  .scopy {
    font-size: 16px;
    margin-bottom: 2rem;
    text-align: center;
  }
}
@media (max-width: 576px) {
  .scopy {
    font-size: 3.5vw;
  }
}

.move-wrap {
  width: 100%;
  overflow: hidden;
}
@media (max-width: 768px) {
  .move-wrap {
    padding-top: 4rem;
  }
}

.movie-area {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 30%;
  width: 100%;
  height: 100%;
}
@media (max-width: 1200px) {
  .movie-area {
    left: 20%;
  }
}
@media (max-width: 992px) {
  .movie-area {
    left: 10%;
  }
}
.movie-area video {
  height: 100%;
}
@media (max-width: 768px) {
  .movie-area video {
    height: auto;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .movie-area {
    position: relative;
    left: auto;
  }
}

.scrolldown {
  position: absolute;
  bottom: 3rem;
  left: 50%;
  z-index: 3;
  height: 95px;
  width: 40px;
  margin-left: -20px;
}
@media (max-width: 768px) {
  .scrolldown {
    position: relative;
    bottom: auto;
  }
}
.scrolldown span {
  display: block;
  color: #436DAD;
  font-size: 10px;
  letter-spacing: 0.05em;
  font-weight: 700;
  text-align: center;
}
.scrolldown::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -2px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #436DAD;
  -webkit-animation: circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite;
          animation: circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite;
}
.scrolldown::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 70px;
  background: #436DAD;
  left: 50%;
}

@-webkit-keyframes circlemove {
  0% {
    bottom: 70px;
  }
  100% {
    bottom: -5px;
  }
}

@keyframes circlemove {
  0% {
    bottom: 70px;
  }
  100% {
    bottom: -5px;
  }
}
@-webkit-keyframes cirlemovehide {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
@keyframes cirlemovehide {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
.dev-block {
  position: relative;
  padding-top: 10rem;
  padding-bottom: 0;
}
@media (max-width: 768px) {
  .dev-block {
    padding-top: 4rem;
  }
}
.dev-block-btm {
  margin-top: 4rem;
  position: relative;
  color: #fff;
  padding: 8rem 0;
  text-align: center;
  overflow: hidden;
}
@media (max-width: 768px) {
  .dev-block-btm {
    padding: 4rem 0;
  }
}
.dev-block-btm p {
  font-weight: bold;
}
.dev-block-btm .bg {
  background-image: url(images/front-page/dev_block_btm.jpg);
  background-size: cover;
  background-position: center right;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-filter: blur(10px);
          filter: blur(10px);
}
@media (min-width: 768px) {
  .dev-block-btm .bg {
    background-attachment: fixed;
  }
}
.dev-block-btm::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(38, 38, 38, 0.5);
}
.dev-block-btm .container {
  position: relative;
  z-index: 3;
}

.news-block {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
}
@media (max-width: 768px) {
  .news-block {
    position: static;
    margin-bottom: 4rem;
  }
}

.info-item {
  background-color: #fff;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  padding: 0.75rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0 0.25rem 0.25rem -0.125rem rgba(0, 0, 0, 0.075);
          box-shadow: 0 0.25rem 0.25rem -0.125rem rgba(0, 0, 0, 0.075);
}
@media (max-width: 992px) {
  .info-item {
    display: block;
  }
}
.info-item > div {
  line-height: 1.5;
}
.info-item:hover {
  -webkit-box-shadow: 0 0.5rem 1rem -0.25rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.5rem 1rem -0.25rem rgba(0, 0, 0, 0.1);
}
.info-item:hover .title {
  color: #8C83FF;
}
.info-item .cat {
  font-family: "Noto Sans JP", sans-serif;
  color: #436DAD;
  font-weight: 300;
}
@media (max-width: 768px) {
  .info-item .cat {
    font-size: 11px;
  }
}
.info-item .date {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  color: #262626;
}
@media (max-width: 768px) {
  .info-item .date {
    font-size: 12px;
  }
}
.info-item .title {
  font-size: 14px;
  margin: 0 0 0 1rem;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
@media (max-width: 992px) {
  .info-item .title {
    margin-left: 0;
  }
}
.info-item.slide_in {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.info-item.slide_in.on {
  -webkit-box-shadow: 0 0.25rem 0.25rem -0.125rem rgba(0, 0, 0, 0.075);
          box-shadow: 0 0.25rem 0.25rem -0.125rem rgba(0, 0, 0, 0.075);
}

.dve-card {
  height: 100%;
  color: #262626;
  padding: 0.5rem;
}
@media (max-width: 576px) {
  .dve-card {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
.dve-card .title {
  font-size: 16px;
  padding: 0 0 1rem 0;
  margin: 0.5rem 0 1rem 0;
  position: relative;
  text-align: center;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  line-height: 1.5;
}
.dve-card .title::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 4px;
  background-color: #3CB371;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#436DAD), to(#8C83FF));
  background-image: linear-gradient(to top, #436DAD 0%, #8C83FF 100%);
}
.dve-card p {
  font-size: 14px;
  margin: 0;
}
.dve-card .card-body img {
  display: block;
  margin: 0 auto;
}
.dve-card:hover .title {
  color: #8C83FF;
}
.dve-card:hover img {
  -webkit-animation: bounce 0.5s ease-in-out;
          animation: bounce 0.5s ease-in-out;
}

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.sev-block {
  position: relative;
  padding-bottom: 0;
}

.sev-row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
}
@media (max-width: 768px) {
  .sev-row {
    text-align: center;
  }
}
.sev-row:nth-child(odd) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.sev-row:not(:last-child) {
  margin-bottom: 6rem;
}
.sev-row p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  margin-bottom: 1rem;
}
.sev-row .button {
  margin-top: 2rem;
  font-size: 14px;
  text-align: left;
}
@media (max-width: 768px) {
  .sev-row .button {
    text-align: center;
  }
  .sev-row .button a {
    display: block;
  }
}
.sev-image img {
  border-radius: 15px;
  -webkit-box-shadow: 0 0.5rem 4rem -2rem rgba(0, 0, 0, 0.5);
          box-shadow: 0 0.5rem 4rem -2rem rgba(0, 0, 0, 0.5);
}
.sev-logo {
  max-width: 60%;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  .sev-logo {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
  }
}
.sev-logo img {
  width: 100%;
}
.sev-title {
  background-color: transparent;
  padding: 0;
  color: #262626;
  font-size: 20px;
  margin: 0;
  margin-bottom: 1rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
@media (max-width: 576px) {
  .sev-title + p {
    text-align: left;
  }
}

.rep-block {
  position: relative;
  padding-top: 12rem;
}
@media (max-width: 768px) {
  .rep-block {
    padding-top: 6rem;
  }
}
.rep-block::after {
  content: "";
  background-image: url(images/front-page/rep-block_top.svg);
  padding-bottom: 17.447917%;
  width: 100%;
  background-position: left bottom;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-repeat: no-repeat;
}
.rep-block .container {
  position: relative;
  z-index: 2;
}

.rep-box > div {
  display: block;
  margin-left: auto;
  width: 70%;
}
@media (max-width: 992px) {
  .rep-box > div {
    width: 90%;
  }
}
@media (max-width: 768px) {
  .rep-box > div {
    width: 95%;
    margin-right: auto;
  }
}
.rep-box .container {
  position: relative;
  top: -4rem;
}
@media (max-width: 768px) {
  .rep-box .container {
    top: 0;
  }
}
.rep-box-content {
  background-color: #fff;
  padding: 2rem;
  width: 70%;
  -webkit-box-shadow: 0 1rem 1.5rem -0.5rem rgba(0, 0, 0, 0.125);
          box-shadow: 0 1rem 1.5rem -0.5rem rgba(0, 0, 0, 0.125);
}
@media (max-width: 992px) {
  .rep-box-content {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 768px) {
  .rep-box-content {
    width: 100%;
    padding: 1rem 0.75rem;
  }
}
.rep-box-content .position {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #8C83FF;
}
.rep-box-content .name {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 34px;
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  .rep-box-content .name {
    font-size: 28px;
  }
}
.rep-box-content .txt {
  margin-bottom: 2rem;
}
.rep-box-content .yt-link {
  display: block;
  color: #262626;
  padding: 0.5rem;
  border: #E9EDF7 solid 1px;
}
.rep-box-content .yt-link:hover {
  background-color: #F2F4F8;
}
.rep-box-content .yt-link:hover .title .fa-angle-right {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.rep-box-content .yt .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rep-box-content .yt .title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3;
  position: relative;
  padding-right: 1.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .rep-box-content .yt .title {
    font-size: 16px;
  }
}
.rep-box-content .yt .title .fa-youtube-play {
  margin-right: 0.5rem;
  color: #dc3545;
  font-size: 2em;
}
.rep-box-content .yt .title .fa-angle-right {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  margin-top: -0.5em;
  -webkit-transform: translateX(-10px);
          transform: translateX(-10px);
  font-size: 1.5em;
  opacity: 0;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  color: #c4cee9;
}
.rep-box-content .yt .title span {
  font-size: 13px;
}

.com-block .table {
  max-width: 992px;
  margin-left: auto;
  margin-right: auto;
}

.contact-block {
  background-color: #262626;
  color: #fff;
}
.contact-block .sec-title-txt {
  color: #98b1d7;
}
.contact-block .sec-title-txt + p {
  text-align: center;
  font-weight: bold;
  margin-bottom: 5rem;
}
.contact-block form p {
  display: block;
  margin-bottom: 0.25rem;
  font-weight: bold;
}
.contact-block form input[type=text], .contact-block form input[type=password], .contact-block form input[type=email], .contact-block form input[type=search], .contact-block form input[type=url], .contact-block form input[type=tel], .contact-block form input[type=number], .contact-block form input[type=date], .contact-block form textarea {
  width: 100%;
}
.contact-block form .h-100 p:not(:first-child) {
  height: 85%;
}
.contact-block form .h-100 textarea {
  height: 100%;
}
.contact-block form .button {
  max-width: 300px;
  margin: 2rem auto 0;
}
.contact-block form .button input[type=submit] {
  display: block;
  width: 100%;
  font-weight: bold;
}

.bg-light {
  background-color: #F4F6FA;
}

.justify-content-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.text-ceter {
  text-align: center !important;
}

.text-strat {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

.mb-5 {
  margin-bottom: 3rem;
}

.mb-4 {
  margin-bottom: 1.5rem;
}

.mb-3 {
  margin-bottom: 1rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.xl-on {
  display: none;
}
@media (max-width: 1200px) {
  .xl-on {
    display: block;
  }
}

.lg-on {
  display: none;
}
@media (max-width: 992px) {
  .lg-on {
    display: block;
  }
}

.md-on {
  display: none;
}
@media (max-width: 768px) {
  .md-on {
    display: block;
  }
}

.sm-on {
  display: none;
}
@media (max-width: 576px) {
  .sm-on {
    display: block;
  }
}

@media (max-width: 1200px) {
  .xl-off {
    display: none;
  }
}

@media (max-width: 992px) {
  .lg-off {
    display: none;
  }
}

@media (max-width: 768px) {
  .md-off {
    display: none;
  }
}

@media (max-width: 576px) {
  .sm-off {
    display: none;
  }
}
/*# sourceMappingURL=style.css.map */