#blog {
  margin-top: 96px;
  padding-top: 96px;
}

.column_index {
  display: flex;

  flex-wrap: wrap;

  gap: 20px;

  margin-bottom: 50px;
}

.column_item {
  width: 32%;

  background: #fff;

  margin-bottom: 20px;
}

.column_item .thumb {
  width: 100%;

  height: 212px;

  background-size: cover;

  background-repeat: no-repeat;

  display: block;
}

.column_item h3 {
  margin: 15px auto;

  padding: 0 20px;

  text-align: center;

  font-size: 16px;

  font-weight: bold;
}

.column_item p {
  margin: 5px 0 15px 0;

  padding: 0 20px;

  font-size: 15px;

  color: #333;
}

.time {
  font-size: 14px;

  opacity: 0.9;

  color: #555;

  position: relative;

  line-height: 1.6;
}

.time::before {
  content: "";

  background: url(../images/common/icon_t.png) no-repeat center center;

  background-size: contain;

  width: 15px;

  height: 15px;

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  margin: auto;
}

.column_item .time {
  padding: 0 20px 0 40px;
}

.column_item .time::before {
  left: 16px;
}

.column_item .time img {
  width: 14px;

  margin-right: 4px;
}

@media screen and (max-width: 1190px) {
  .column_item {
    width: 48%;
  }

  .column_item .thumb {
    height: 262px;
  }
}

@media screen and (max-width: 600px) {
  .column_item {
    width: 330px;
  }

  .column_item .thumb {
    width: 100%;

    height: 180px;
  }

  .column_item p {
    font-size: 14px;
  }

  .column_item .time {
    font-size: 13px;

    opacity: 0.8;
  }

  .column_item .time img {
    width: 12px;
  }
}

.column_detail {
  padding-top: 120px;
}

.column_detail h2 {
  font-size: 42px;

  font-weight: bold;

  line-height: 130%;

  margin-bottom: 20px;
}

.column_detail .time {
  margin-bottom: 16px;

  padding: 0 0px 0px 24px;

  font-size: 14px;

  opacity: 0.9;

  color: #555;
}

.column_detail .time img {
  width: 14px;

  margin-right: 4px;
}

.column_intro {
  font-size: 18px;

  font-weight: bold;

  margin-top: 30px;
  margin-bottom: 30px;

  color: #333;
}

@media screen and (max-width: 1023px) {
  .column_detail {
    padding-top: 64px;
  }

  .column_detail h2 {
    font-size: 28px;

    line-height: 130%;
  }

  .column_intro {
    font-size: 15px;

    font-weight: bold;
  }
}

@media screen and (max-width: 600px) {
  .column_detail .time {
    font-size: 13px;

    opacity: 0.8;
  }

  .column_detail .time img {
    width: 12px;
  }
}

/*=============================================

 *

 *=============================================*/

.wp-pagenavi {
  margin-top: 56px;

  width: 100%;

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

  .pages {
    display: none;
  }
}

.wp-pagenavi span,
.wp-pagenavi a {
  display: flex;

  justify-content: center;

  align-items: center;

  width: 40px;

  height: 40px;

  border-radius: 40px;

  margin-left: 10px;

  font-size: 1rem;

  text-align: center;
}

.wp-pagenavi a {
  background: #004098;

  color: #fff;

  position: relative;
}

.wp-pagenavi a.last {
  background: #333;
}

.wp-pagenavi span {
  background: #eee;

  border: 1px solid #ccc;

  color: #004098;

  font-weight: bold;
}

.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink {
  background: none;
}

.wp-pagenavi a.previouspostslink::before,
.wp-pagenavi a.nextpostslink::before {
  content: "";

  width: 16px;

  height: 16px;

  border-top: solid 2px #004098;

  border-left: solid 2px #004098;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

  z-index: 1;
}

.wp-pagenavi a.previouspostslink::before {
  transform: rotate(-45deg);
}

.wp-pagenavi a.nextpostslink::before {
  transform: rotate(135deg);
}

/*************************/

/*     コラム詳細 start    */

/*************************/

.article__container {
}

.article__container .sns__container.is_pc {
  position: -webkit-sticky;

  position: sticky;

  left: 0;

  top: 100px;

  width: 46px;

  margin-top: 3em;
}

.article__container .sns__container.is_sp {
  display: flex;

  justify-content: center;

  align-items: center;
}

.article__container .sns__container .sns__link {
  display: inline-block;
}

.article__container .sns__container.is_pc .sns__link {
  margin-bottom: 1em;
}

.article__container .sns__container.is_sp .sns__link {
  max-width: 40px;
}

.article__container .sns__container.is_sp .sns__link:not(:last-of-type) {
  margin-right: 1em;
}

.article__container .sns__container .sns__link .fa {
  font-size: 46px;
}

.article__container .sns__container .sns__link .fa-twitter-square {
  color: #1d9bf0;
}

.article__container .sns__container .sns__link .fa-facebook-square {
  color: #475993;
}

.article__container .sns__container.is_pc .sns__link.sns__line {
  width: 88%;
}

.article__container .sns__container.is_pc .sns__link.sns__line > img {
  width: 100%;
}

.article__container .sns__container .sns__link:hover {
  opacity: 0.7;
}

@media screen and (max-width: 1200px) {
  .article__container .sns__container {
    margin-left: 5px;
  }
}

.article__container ul,
.article__container ol {
  margin: 0;
}

.article__container .article__inner {
  max-width: 1000px;

  margin: 3em auto 0 auto;
}

@media screen and (max-width: 880px) {
  .article__container {
    max-width: 100%;
  }

  .article__container .article__inner {
    max-width: calc(100% - 51px);

    padding: 0 1em;
  }
}

@media screen and (min-width: 768px) {
  .article__container .sns__container.is_sp {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .article__container {
    font-size: 14px;
  }

  .article__container .article__inner {
    margin-top: 1em;

    width: 100%;

    max-width: 100%;
  }

  .article__container .sns__container.is_pc {
    display: none;
  }
}

.article__container .article__inner .article__head .article-date {
  color: #646464;
}

.article__container .article__inner .article__head .article__main-title {
  margin: 0.6em 0 1em 0;

  font-weight: 700;

  font-size: 1.9em;

  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .article__container .article__inner .article__head .article__main-title {
    font-size: 1.6em;

    line-height: 1.5;
  }
}

.article__thumbnail-cover .article--thumbnail {
  width: 100%;
}

.article__container .article__infomation {
  background-color: #fff;

  padding: 3em;

  margin: 4em 0 2.5em 0;
}

@media screen and (max-width: 768px) {
  .article__container .article__infomation {
    margin: 2em 0;
  }
}

.article__container .article__infomation .infomation-txt {
  text-align: center;

  font-weight: bold;

  font-size: 1.1em;

  margin-bottom: 0.8em;
}

@media screen and (max-width: 768px) {
  .article__container .article__infomation .infomation-txt {
    font-size: 1em;
  }
}

.article__container .article__inner .article__banner {
  margin: 2.5em 0;

  display: flex;

  justify-content: center;
}

@media screen and (max-width: 768px) {
  .article__container .article__inner .article__banner {
    margin: 2em 0;
  }
}

.article__container .article--btn {
  display: inline-block;

  padding: 0.5em 2.5em;

  background-color: #004098;

  color: #fff;
  text-decoration: none;

  /* border-radius: 2em; */

  /* box-shadow: none; */
}

.article__container .article--btn:hover {
  opacity: 0.8;
}

.article__container .article--btn {
  color: #fff !important;
  text-decoration: none !important;
}

.article__container .article__content p {
  margin: 0;
}

.article__container .article__content p + p {
  margin-top: 1em;
}

.article__container .article__content *,
.article__container .article__content p {
  font-size: 16px;

  line-height: 1.8;
}

@media screen and (max-width: 768px) {
  .article__container .article__content *,
  .article__container .article__content p {
    font-size: 14px;
  }
}

.article__container .article__content img {
  max-width: 100%;

  margin-bottom: 0;
}

.article__container .article__content {
  line-height: 1.6;

  font-weight: 400;

  letter-spacing: 0.01em;

  padding: 0;
}

.article__container .article__content a,
.article__container .article__content a:hover {
  color: blue; /* set link color to blue */
  text-decoration: underline;
}

.article__container .article__content .table-contents__inner {
  display: flex;

  padding: 2em;

  background: #fff;
}

.article__container .article__content .table-contents__inner .toc__ttl {
  font-size: 1.2em;

  margin-right: 2em;

  font-weight: 500;

  line-height: 1.4;
}

.article__container .article__content .table-contents__inner .nav {
  list-style: none;

  margin: -10px 0 0 0;
}

.article__container .article__content .nav li {
  position: relative;

  font-size: 1.1em;

  list-style: none;

  letter-spacing: 0.08em;

  font-weight: 500;
}

.article__container .article__content .nav li:not(:last-of-type) {
  margin-bottom: 1em;
}

.article__container .article__content .nav li.lv_h2 {
  line-height: 1.6;
}

.article__container .article__content .nav li.lv_h3 {
  padding-left: 1em;

  line-height: 1.6;
}

.article__container .article__content .nav li.lv_h4 {
  padding-left: 2em;
}

.article__container .article__content .nav li.lv_h5 {
  padding-left: 3em;
}

.article__container .article__content .nav li a {
  color: #004098;

  /*padding: 0 .2em;*/

  text-decoration: underline;
}

.article__container .article__content .nav li a:hover {
  opacity: 0.6;

  border-bottom: none;
}

/* 追記 */

.article__container .article__content .nav li ul {
  margin: 0.8em 0 0;
}

.article__container .article__content .nav li ul li::before {
  content: none;
}

@media screen and (max-width: 768px) {
  .article__container .article__content .table-contents__inner {
    flex-direction: column;

    padding: 1.5em 1.5em 2em 1.5em;
  }

  .article__container .article__content .table-contents__inner .toc__ttl {
    text-align: center;

    margin-bottom: 1em;

    margin-right: 0;
  }

  .article__container .article__content .nav li {
    letter-spacing: inherit;
  }

  .article__container .article__content .nav li:not(:last-of-type) {
    margin-bottom: 0.7em;
  }
}

.article__container .article__content h2 {
  margin-top: 3.5em;

  margin-bottom: 1.5em;

  border-bottom: 1px solid #d3d3d3;

  padding-bottom: 0.7em;

  font-weight: 700;

  font-size: 1.78em;

  letter-spacing: 0.05em;

  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .article__container .article__content h2 {
    font-size: 1.45em;

    line-height: 1.5;

    margin-top: 2em;

    padding-bottom: 0.5em;
  }
}

.article__container .article__content h2:before {
  display: none;
}

.article__container .article__content h3 {
  margin: 2em 0 1.2em 0;

  font-size: 1.6em;

  font-weight: 700;

  border: none;

  letter-spacing: 0.05em;

  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .article__container .article__content h3 {
    font-size: 1.25em;
  }
}

.article__container .article__content h4 {
  font-size: 1.4em;

  font-weight: 700;

  color: #325a8c;

  margin: 2em 0 1.2em 0;

  padding-left: 30px;

  line-height: 1.5;
}

.article__container .article__content h5 {
  font-size: 1.2em;

  font-weight: 700;

  border: none;

  margin: 2em 0 1em 0;

  padding: 0 0 0 1em;

  position: relative;

  line-height: 1.5;
}

.article__container .article__content h5:before {
  content: "";

  width: 0.5em;

  height: 0.5em;

  background-color: #325a8c;

  position: absolute;

  left: 0;

  top: 0.7em;
}

.article__container .article__content h4:before,
.article__container .article__content h4:after {
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .article__container .article__content h4,
  .article__container .article__content h5 {
    font-size: 1.15em;

    letter-spacing: inherit;
  }
}

.article__container .article__content table {
  table-layout: fixed;

  width: 100%;

  text-align: center;

  color: #465058;

  background: #fff;

  border-collapse: collapse;

  border: none;

  margin: 2em 0;
}

.article__container .article__content table td,
.article__container .article__content table th {
  padding: 1em 1.5em;

  border: solid 1px #c8cbcc;

  vertical-align: middle;
}

.article__container .article__content table th {
  text-align: center;
}

.article__container .article__content table thead th {
  background: #2aa0d0;

  color: #fff;

  border: 1px solid #2aa0d0;
}

.article__container .article__content table thead th:not(:last-of-type) {
  border-right-color: #c8cbcc;
}

.article__container .article__content table tbody th {
  background: #eff7f9;
}

.article__container .article__content table thead a {
  color: #fff;
}

@media (max-width: 767px) {
  .article__container .article__content table {
    margin: 1em 0;
  }

  .article__container .article__content table td,
  .article__container .article__content table th {
    padding: 0.5em;
  }

  .article__container .article__content table td,
  .article__container .article__content table th,
  .article__container .article__content table td *,
  .article__container .article__content table th * {
    font-size: 12px;
  }
}

.article__container .article__content table.theme_seminar:not(.with_vertical_line) td,
.article__container .article__content table.theme_seminar:not(.with_vertical_line) th {
  border-left: none;

  border-right: none;
}

.article__container .article__content table.theme_seminar.with_vertical_line tr > *:first-child {
  border-left: none;
}

.article__container .article__content table.theme_seminar.with_vertical_line tr > *:last-child {
  border-right: none;
}

.article__container .article__content table.theme_seminar th,
.article__container .article__content table.theme_seminar thead th {
  background-color: #f8f8f8;

  border-color: #c8cbcc;

  color: inherit;
}

.article__container .article__content .box {
  background-color: #f6f6f6;

  padding: 1.5em;

  margin: 2em 0 1em 0;

  box-sizing: border-box;

  width: 100%;

  display: inline-block;

  border: none;
}

@media (max-width: 767px) {
  .article__container .article__content .box {
    padding: 1em;

    margin: 1em 0;
  }
}

.article__container .article__content .nav-box ul {
  border: none;

  background-color: #f6f6f6;

  padding: 2em;

  box-sizing: border-box;
}

@media (max-width: 767px) {
  .article__container .article__content .nav-box ul {
    padding: 1.5em;
  }
}

.article__container .article__content .btn {
  display: inline-block;

  padding: 0.5em 2.5em;

  background-color: #2aa0d0;

  color: #fff;

  border: 2px solid #2aa0d0;

  border-radius: 2em;
}

.article__container .article__content .btn:hover {
  color: #2aa0d0;

  background-color: #fff;
}

.article__container .article__content .btn.with_shadow {
  box-shadow: 0 0 8px #48b0db;
}

@media (max-width: 767px) {
  .article__container .article__content .btn {
    padding: 0.5em 1.5em;
  }
}

.article__container .article__content .link {
  text-align: center;

  margin: 2em 0;
}

.article__container .article__content li a {
  line-height: 1;
}

.article__container .article__content ul:not(.nav),
.article__container .article__content ol {
  margin: 2em 0;

  list-style: none;
}

.article__container .article__content ol {
  counter-reset: ol_number 0;
}

.article__container .article__content ul:not(.nav) li,
.article__container .article__content ol li {
  position: relative;

  line-height: 1.3;
}

.article__container .article__content ul:not(.nav) li {
  padding-left: 1.2em;
}

.article__container .article__content ol li {
  counter-increment: ol_number 1;

  padding-left: 1.8em;
}

.article__container .article__content ul:not(.nav) li:not(:last-of-type),
.article__container .article__content ol li:not(:last-of-type) {
  margin-bottom: 1em;
}

.article__container .article__content ul:not(.nav) li:before,
.article__container .article__content ol li:before {
  position: absolute;

  left: 0;
}

.article__container .article__content ul:not(.nav) li:before {
  content: "";

  width: 0.5em;

  height: 0.5em;

  background-color: #325a8c;

  top: 0.45em;
}

.article__container .article__content ul.seminar__recommendation {
  margin-bottom: 4em;
}

.article__container .article__content ul.seminar__recommendation li:before {
  transform: rotate(45deg);

  background-color: #1a1a1a;
}

.article__container .article__content ol li:before {
  content: counter(ol_number) ". ";

  top: 0.3em;
}

@media (max-width: 767px) {
  .article__container .article__content ul:not(.nav),
  .article__container .article__content ol {
    margin: 1em 0;
  }

  .article__container .article__content ul.seminar__recommendation {
    margin-bottom: 2em;
  }
}

.article__container .article__supervisor {
  border: 1px solid #ddd;

  border-radius: 5px;

  padding: 3em;
}

.article__container .article__supervisor .supervisor__ttl,
.article__container .article__supervisor .supervisor__name {
  font-weight: 700;

  margin-bottom: 1em;
}

.article__container .article__supervisor .supervisor__profile {
  display: flex;
}

.article__container .article__supervisor .supervisor__profile .supervisor__img {
  width: 15vmin;

  height: 15vmin;

  border-radius: 50%;

  overflow: hidden;

  position: relative;
}

.article__container .article__supervisor .supervisor__profile .supervisor__img img {
  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;
}

.article__container .article__supervisor .supervisor__profile .supervisor__details {
  flex: 1;

  padding-left: 2.5em;
}

.article__container .article__supervisor .supervisor__name,
.article__container .article__supervisor .supervisor__name a {
  color: #2aa0d0;
}

.article__container .article__supervisor .supervisor__txt a {
  color: inherit;

  padding: 0 0.1em;

  display: inline-block;

  box-shadow: 0 1px 0 0 currentColor;
}

.article__container .article__supervisor .supervisor__txt {
  line-height: 2;
}

.article__container .article__supervisor .supervisor__txt a:hover {
  box-shadow: none;
}

@media (max-width: 767px) {
  .article__container .article__supervisor {
    padding: 1.5em;
  }

  .article__container .article__supervisor .supervisor__ttl {
    text-align: center;
  }

  .article__container .article__supervisor .supervisor__profile {
    flex-direction: column;
  }

  .article__container .article__supervisor .supervisor__profile .supervisor__img {
    width: 45vmin;

    height: 45vmin;

    margin: 0 auto 1em auto;
  }

  .article__container .article__supervisor .supervisor__profile .supervisor__details {
    width: 100%;

    padding-left: 0;
  }
}

.article__container .relatedArticles {
  margin-top: 5em;
}

@media (max-width: 767px) {
  .article__container .relatedArticles {
    margin-top: 3em;

    margin-bottom: 2em;
  }

  .article__container .relatedArticles .articles-area {
    flex-direction: column;
  }

  .article__container .relatedArticles .articles-area .article {
    width: 100%;
  }
}

.article__container .relatedArticles__ttl {
  font-weight: 700;

  font-size: 1.65em;

  padding-bottom: 0.2em;

  border-bottom: 2px solid #2aa1d0;

  margin-bottom: 1.5em;
}

#single .article__container .relatedArticles .article-img {
  height: 17vmin;

  position: relative;

  overflow: hidden;

  border-radius: 10px;
}

#single .article__container .relatedArticles .article-img > img {
  position: absolute;

  width: 100%;

  height: auto;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);
}

@media (max-width: 767px) {
  #single .article__container .relatedArticles .article-img {
    height: 50vw;
  }
}

.article__container .article__content .ylw {
  background: linear-gradient(transparent 60%, #ff6 60%);
}

.article__container .article__content .header-sp-btn {
  display: inline-block;

  margin: 1em 0;
}

.article__container .article__content .speaker__box {
  margin-top: 5em;
}

.article__container .article__content .speaker__box .speaker__img {
  width: 45%;

  padding-right: 2em;

  float: left;
}

.article__container .article__content .speaker__box .speaker__details .speaker__name {
  font-size: 1.2em;

  font-weight: 600;
}

@media (max-width: 767px) {
  .article__container .article__content .speaker__box .speaker__img {
    width: 40%;

    padding-right: 1em;

    padding-bottom: 1em;
  }
}

#seminar-registration {
  margin-top: 2em;
}

#seminar-registration .haveto,
#seminar-registration .any {
  font-size: 0.8em;

  border-radius: 1em;

  display: inline-block;

  padding: 0.3em 1em;

  line-height: 1;

  margin-left: 1em;
}

#seminar-registration .haveto {
  background-color: #fe5d05;
}

#seminar-registration .any {
  background-color: #7b7b7b;
}

#seminar-registration .label {
  font-weight: 500;
}

#seminar-registration input {
  margin-top: 1em;
}

#seminar-registration iframe {
  width: 100%;

  margin-top: 2em;
}

#seminar-registration .wpcf7-submit {
  display: block;

  padding: 0.8em 2.5em;

  background-color: #7b7b7b;

  color: #fff;

  line-height: 1;

  border: 2px solid #7b7b7b;

  border-radius: 2em;

  box-shadow: 0 0 8px #7b7b7b;

  margin: 1em auto 0.5em auto;

  -webkit-transition: all 0.25s ease;

  -moz-transition: all 0.25s ease;

  -ms-transition: all 0.25s ease;

  -o-transition: all 0.25s ease;

  transition: all 0.25s ease;
}

#seminar-registration .wpcf7-submit:hover {
  background-color: #fff;

  color: #7b7b7b;
}

#single-seminar .blog_seminar__cover {
  margin-top: 70px;
}

/*************************/

/*     コラム詳細 end      */

/*************************/

.clearfix::after {
  content: "";

  display: block;

  clear: both;
}

.mt-0 {
  margin-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.bold {
  font-weight: 700 !important;
}

.red {
  color: #f31818 !important;
}

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

.verticalTop {
  vertical-align: top !important;
}

.w30p {
  width: 30%;
}

.w70p {
  width: 70%;
}

.bg-gray {
  background-color: #f6f6f6 !important;
}

@media screen and (max-width: 1135px) {
  .cd-header .visible-lg {
    display: none;
  }

  .cd-header .visible-xs {
    display: inline-block !important;
  }
}

@media screen and (min-width: 769px) {
  .spOnly {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .pcOnly {
    display: none !important;
  }
}

.companies-content-area {
  width: 100%;

  max-width: 100%;

  margin: 70px 0 0 0;
}

@media screen and (max-width: 768px) {
  .companies-content-area {
    margin-bottom: 70px;
  }
}

@keyframes loop {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

.m-scroll {
  margin: 20px;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  height: 180px;

  overflow: hidden;

  padding: 30px;
}

.m-scroll-list {
  display: flex;

  align-items: center;

  animation: loop infinite linear 60s both;

  list-style-type: none;

  gap: 20px;

  margin: 0 20px;
}

.m-scroll-list li {
  min-width: 200px;
}

.gray-box {
  background: #f0f0f0;

  padding: 2em 5%;
}

.gray-box ul {
  margin-bottom: 0;
}

.formOsusume-box {
  background: #fff;

  padding: 1.5em;
}

.formOsusume-box h2 {
  margin-bottom: 1em;

  color: #2c8396;

  font-size: 1.2em;
}

.formOsusume-box ul {
}

.formOsusume-box ul li {
  margin-bottom: 1em;

  margin-left: 1em;

  /* position: relative;

  padding-left: 35px;

  font-size: 0.8em; */
}

/* .formOsusume-box ul li::before{

    content: '';

    display: block;

    margin-right: 10px;

    position: absolute;

    left: 0;

    top: 3px;

    width: 18px;

    height: 18px;

    background-image: url('../img/yes.png');

    background-size: cover;

} */

.page-download-form__grid {
  display: grid;

  grid-template-columns: 45% 1fr;

  gap: 40px;
}

@media screen and (max-width: 1140px) {
  .page-download-form__grid {
    display: block;
  }
}

.page-download-form__grid__left {
  margin-bottom: 2em;
}

.page-download-form__head {
  /* display: grid;

  grid-template-columns: 1fr 45%;

  gap: 20px; */

  margin-bottom: 2em;
}

@media screen and (min-width: 769px) and (max-width: 1139px) {
  .page-download-form__head {
    display: grid;

    grid-template-columns: 1fr 45%;

    gap: 20px;

    margin-bottom: 2em;
  }
}

@media screen and (max-width: 769px) {
  .page-download-form__head {
    display: block;
  }
}

.page-download-form__head__title {
  font-size: 1.4em;

  margin: 0.5em 0 1.5em;
}

.page-download-form__head__batch span {
  display: inline-block;

  background: #eaeaea;

  padding: 0.5em 2em;

  margin-right: 15px;

  font-size: 0.8em;
}

.page-download-form__head__desc {
  line-height: 2.2;

  margin-top: 1em;

  margin-bottom: 1em;
}

.page-template-page-download-form #satori__creative_container {
  margin: 3em 0;
}

.page-template-page-download-form .satori__custom_form {
  background: #f8f8f8;
}

.page-template-page-download-form .satori__custom_form {
}

.strategy-3box {
  margin: 50px 0;
}

.strategy-3box__box {
  display: flex;

  align-items: center;

  gap: 20px;

  margin-bottom: 1.5em;

  font-size: 1.1em;
}

@media screen and (max-width: 768px) {
  .strategy-3box__box {
    flex-flow: column;
  }
}

.strategy-3box__title {
  text-decoration: underline;
}

.strategy-3box__img {
  max-width: 130px;
}

.strategy-content {
  margin: 100px 0;
}

.strategy-content__box {
  background: #f5f5f5;

  position: relative;

  padding: 5em 4em;

  margin-bottom: 100px;
}

@media screen and (max-width: 768px) {
  .strategy-content__box {
    padding: 5em 2em;
  }
}

.strategy-content__img {
  position: absolute;

  top: 0;

  left: 50%;

  transform: translate(-50%, -50%);
}

.strategy-content__title {
  font-weight: bolder;

  font-size: 1.4em;

  margin-bottom: 50px;
}

.strategy-content__content {
  font-weight: normal;
}

.single-casestudy .popular-content-area {
  width: 100%;
}

.article__infomation {
  background-color: #fff;

  padding: 3em;

  margin: 60px 0 2.5em 0;
}

.article__infomation a {
  text-decoration: none !important;

  padding-bottom: 11px !important;

  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .article__infomation {
    margin: 2em 0;
  }
}

.works_category-seo-achievements .infomation-txt,
.works_category-content-achievements .infomation-txt {
  text-align: center;

  font-weight: bold;

  font-size: 1.1em;

  margin-bottom: 0.8em;
}

@media screen and (max-width: 768px) {
  .works_category-seo-achievements .infomation-txt,
  .works_category-content-achievements .infomation-txt {
    font-size: 1em;
  }
}

.works_category-seo-achievements .article--btn,
.works_category-content-achievements .article--btn {
  display: inline-block;

  padding: 0.5em 2.5em;

  background-color: #007bad;

  color: #fff;

  /* border-radius: 2em; */

  /* box-shadow: none; */
}

.works_category-seo-achievements .article--btn:hover,
.works_category-content-achievements .article--btn:hover {
  opacity: 0.8;
}

.works_category-seo-achievements .txtC,
.works_category-content-achievements .txtC {
  margin-bottom: 0;
}

.p-link-box {
  margin: 2em 0;

  background: #fff;
}

.p-link-box :hover {
  opacity: 0.8;

  color: #686868;

  transition: 0.5s;
}

.p-link-box-inner {
  padding: 1.5em;

  display: flex;

  gap: 1.5em;
}

.p-link-box-img {
  width: 35%;

  display: flex;

  align-items: center;
}

.p-link-box-img > img {
  width: 100%;
}

.p-link-box-textbox {
  width: 65%;

  line-height: 1.5;

  padding: 1em 0;

  color: #333;

  font-weight: 700;
}

.p-link-box-textbox > p {
  margin: 0;
}

.article__container .article__content .p-link-text_title {
  font-size: 16px;

  color: #007bad;
}

.article__container .article__content .p-link-text_detail {
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .p-link-box-inner {
    padding: 1.5em;

    flex-direction: column;

    gap: 0;
  }

  .p-link-box-img,
  .p-link-box-textbox {
    width: 100%;
  }

  .p-link-box-textbox {
    padding-top: 1.5em;
  }
}

.article__container .article__content .table-wrap {
  overflow-x: scroll;
}

.article__container .article__content .table-wrap .table {
  width: 100%;

  min-width: 600px;

  border-collapse: collapse;
}

.article__container .article__content .table-wrap .th {
  width: 350px;
}

.article__container .article__content .table-wrap .td1 {
  width: 200px;
}

.article__container .article__content .table-wrap .td2 {
  width: 350px;
}

.article__container .article__content .table-wrap .td3 {
  width: 150px;
}

.article__container .article__content .table-wrap .td {
  width: 550px;
}

.article__container .article__content .table-wrap_ai {
  overflow-x: scroll;
}

.article__container .article__content .table-wrap_ai .table {
  width: 100%;

  min-width: 600px;

  border-collapse: collapse;
}

.article__container .article__content .table-wrap_ai .th {
  width: 300px;
}

.article__container .article__content .table-wrap_ai .td1 {
  width: 400px;
}

.article__container .article__content .table-wrap_ai .title {
  width: 150px;
}

.article__container .article__content .table-wrap_ai .top-table {
  width: 250px;
}

/* 目次 */

.mokuji {
  background: #fff;

  position: relative;

  margin: 30px 0 50px 0;
}

.mokuji h3 {
  background: none;

  font-size: 18px;

  padding: 0;

  margin-bottom: 6px;
}

.mokuji h3::before {
  display: none;
}

.mokuji ul {
  height: 145px;

  overflow: hidden;

  transition: all 0.3s;
}

.mokuji li {
  list-style: none;

  /*

   border-bottom: 1px solid #e7e7e7;

  font-size: 17px;

   */
}

.mokuji li a {
  display: block;

  border-bottom: 1px solid #e7e7e7;

  font-size: 17px;

  padding: 0.8em 0;
}

.mokuji li:last-child {
  border-bottom: none;
}

.mokuji-icon {
  display: flex;

  align-items: center;

  justify-content: center;

  gap: 5px;

  background-image: linear-gradient(to bottom, rgba(247, 247, 247, 0.1), #fff);

  width: 100%;

  position: absolute;

  bottom: 0;

  left: 0;

  cursor: pointer;

  padding: 30px 20px 15px;
}

.mokuji-icon img {
  display: block;

  width: 12px;

  height: auto;
}

@media screen and (max-width: 767px) {
  #blog {
    margin-top: 64px;
  }
}

/* =============================================
 * 20251018追記
 * ============================================= */
.materials-section {
  padding-top: 64px;
}

.materials-section .h2 {
  font-size: 28px;
}

.materials-archive {
  margin-top: 40px;
}

.materials-article {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 16px;
  overflow: hidden;
  display: grid;
  grid-template-rows:  auto 1fr;
}

.materials-article + .materials-article {
  margin-top: 32px;
}

.materials-article-img {
  padding: 19px 23px 18px;
  background: #f8f8f8;
}

.materials-article-img img {
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
}

.materials-article-content {
  background: #fff;
  padding: 24px 24px 32px;
  display: grid;
  grid-template-rows: 1fr auto;
}

.materials-article-title {
  font-size: 18px;
  font-weight: 700;
}

.materials-article-btn {
  margin-top: 24px;
  width: 210px;
  margin-inline: auto;
}

.materials-article-link {
  border-radius: calc(1px / 0);
  width: 210px;
  height: 66px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FDD000;
  color: #333333;
  gap: 8px;
}

.materials-article-txt {
  font-size: 15px;
  font-weight: 700;
}

.materials-article-ico {
  width: 12px;
  display: block;
}

@media screen and (min-width: 768px) {
  .materials-section {
    padding-top: 72px;
  }

  .materials-section .h2 {
    font-size: 36px;
  }

  .materials-section + .materials-section {
    padding-top: 120px;
  }

  .materials-archive.materials-archive-service {
    display: block;
  }

  .materials-archive.materials-archive-service .materials-article {
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: center;
  }

  .materials-archive.materials-archive-service .materials-article-img {
    padding: 42px 55px;
  }

  .materials-archive.materials-archive-service .materials-article-content {
    background: #fff;
    padding: 24px 24px 32px 56px;
  }

  .materials-archive.materials-archive-service .materials-article-title {
    font-size: 24px;
  }

  .materials-archive.materials-archive-service .materials-article-btn {
    margin-inline: 0;
  }

  .materials-archive {
    margin-top: 64px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }

  .materials-article + .materials-article {
    margin-top: 0;
  }

  .materials-article-img {
    padding: 16px 27px 16px;
  }
}

@media screen and (min-width: 1024px) {
  .materials-archive {
    grid-template-columns: repeat(3, 1fr);
  }
}