/**
 * Custom media queries
 * @example
 * @media (--mobile) {
 *    styles for mobile viewport
 * }
 */
/**
 * for mobile viewoport
 */
/**
 * for tablet and Pc. large viewport
 */
@custom-media --desktop(min-width: 1280px);
/**
 * text ellipsis for block multiline
 */
/*
 unsupport IE, Edge, Fx

@mixin text-ellipsis-block($rows) {
  display: box;
  box-orient: vertical;
  line-clamp: $rows;
  overflow: hidden;
}
*/
/**
 * element size
 */
/**
 * position layout
 */
/**
 * images
 */
.p-articles .c-heading-subpage__title.-details {
  font-size: 3.8rem; }
.p-articles__section {
  padding-top: 82px;
  margin-bottom: 120px;
  padding-inline: var(--container-size); }
.p-articles__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  padding-bottom: 24px;
  overflow-x: auto; }
.p-articles__tab-button {
  --articles-tab-color: var(--black);
  padding: 8px 30px;
  border: 2px solid var(--articles-tab-color);
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  text-align: center;
  font-size: 1.8rem;
  position: relative; }
.p-articles__tab-button:nth-child(2) {
    --articles-tab-color: #CC6975; }
.p-articles__tab-button:nth-child(3) {
    --articles-tab-color: #57A6BA; }
.p-articles__tab-button:nth-child(4) {
    --articles-tab-color: #507ABB; }
.p-articles__tab-button:nth-child(5) {
    --articles-tab-color: #ACBB3A; }
.p-articles__tab-button.-active {
    background: var(--articles-tab-color);
    color: #fff;
    pointer-events: none; }
.p-articles__body {
  margin-top: 27px;
  padding-top: 24px;
  background: #fff; }
.p-articles__inner {
  margin-inline: var(--container-size);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 24px;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  grid-row-gap: 40px;
  row-gap: 40px; }
.p-articles__count {
  margin-inline: var(--container-size);
  margin-bottom: 24px; }
.interview-list .hover-img-scale img {
  width: 100%;
  height: 260px;
  object-fit: cover;
}
.c-card-articles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 16px;
}
.c-card-articles__img {
  border-radius: var(--rounded-sm);
  overflow: hidden;
}
.c-card-articles__body {
  color: var(--black) !important;
}
.c-card-articles__body > * + * {
  margin-top: 8px;
}
.c-card-articles__batch {
  --articles-batch-color: #CC6975;
  font-size: 1.2rem;
  padding: 2px 8px;
  border: 1.5px solid var(--articles-batch-color);
  display: inline-block;
}
.c-card-articles__batch.-tekiousaku {
  --articles-batch-color: #57A6BA;
}
.c-card-articles__batch.-tekioubusiness {
  --articles-batch-color: #507ABB;
}
.c-card-articles__batch.-lccac {
  --articles-batch-color: #ACBB3A;
}
.c-card-articles__cap {
  font-size: 1.2rem;
}
.c-card-articles__title {
  font-weight: var(--fw-bold);
}
.c-card-articles__desc {
  font-size: 1.4rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.c-card-articles__time-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-card-articles__time {
  display: block;
  font-size: 1.2rem;
}
.c-card-articles__time.-modified::after {
  content: '/';
  margin-inline: 4px;
}
aside .c-card-articles__img {
  /*max-width: 200px;*/
  height: 215px;
  margin-inline: auto;
  display: -ms-grid;
  display: grid;
  place-items: center;
  padding: 0;
	border: none;
}
aside .c-card-articles__img img{
  object-fit: cover;
	width: 100%;
}

@media (max-width: 959px) {
    .p-articles .c-heading-subpage__title.-details {
      font-size: 2.8rem;
      letter-spacing: 0.05em; }
    .p-articles__section {
      margin-inline: calc(var(--container-size) * -1);
      margin-bottom: 80px; }
    .p-articles__tab {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
      grid-column-gap: 15px;
      -webkit-column-gap: 15px;
         -moz-column-gap: 15px;
              column-gap: 15px;
      grid-row-gap: 16px;
      row-gap: 16px;
      padding-bottom: 0; }
    .p-articles__tab-button {
      padding-inline: 0; }
    .p-articles__tab-button#all {
      grid-column: 1 / -1; }
    .p-articles__tab-button {
      font-size: 1.6rem;
      padding-block: 8px; }
    .p-articles__inner {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr; } }
@media (min-width: 960px) {
    .p-articles__tab-button {
      white-space: nowrap; }
      .p-articles__tab-button.-active::before {
        content: '';
        width: 22px;
        height: 17px;
        background: var(--articles-tab-color);
        position: absolute;
        left: 50%;
        translate: -50% 0;
        bottom: -14px;
        -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
                clip-path: polygon(50% 100%, 0 0, 100% 0); } }
/*# sourceMappingURL=../../_cache/_maps/interview.css.map */