@charset "UTF-8";

@media print, screen and (min-width: 768px) {
  .m-figure-wrap--center.m-headerimg img,
  .m-stockholder-slider__list img {
    border-radius: 8px;
  }
}
@media only screen and (max-width: 767.98px) {
  .m-figure-wrap--center.m-headerimg,
  .m-stockholder-slider {
    margin-right: -16px;
    margin-left: -16px;
  }
  .m-stockholder-slider__list {
    padding: 0;
  }
}

/* wp columg index list
++++++++++++++++++++++++++++++++++++++++ */
.guide-columnlist {
  position: relative;
  display: grid;

}
.guide-columnlist > ._card {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 16px;
  border-radius: 8px;
  background-color: #f8f8f8;
}

.guide-columnlist > ._card > a {
  width: 50%;
  color: inherit;
  text-decoration: none;

  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.guide-columnlist > ._card > figure {
  display: block;
  overflow: hidden;
  width: 50%;
  margin: -16px 16px -16px -16px;
}
.guide-columnlist > ._card img {
  transition: transform .45s ease;
}

@media (hover: hover) {
  .guide-columnlist > ._card:hover {
    background-color: #eaf4f8;
    color: #0067c3;
  }
  .guide-columnlist > ._card:hover img {
    width: 100%;
    aspect-ratio: 840 / 492;
    transform: scale(1.1);
  }
}
@media (max-width: 767.98px) {
  .guide-columnlist {
    gap: 16px;
    margin-top: 20px;
    margin-bottom: 64px;
  }
  .guide-columnlist > ._card {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .guide-columnlist > ._card > figure {
    margin-top: -8px;
    margin-bottom: -8px;
  }
}
@media (min-width: 768px) {
  .guide-columnlist {
    gap: 32px;
    grid-template-columns: 1fr 1fr;
    margin-top: 32px;
    margin-bottom: 72px;
  }
  .guide-columnlist > ._card > figure {
    width: 50%;
  }
}