/* exp */
.exp__in { max-width: 1440px; margin: 0 auto; color: #000; }
@media (max-width: 599px) { .exp__in { max-width: 90%; } }

.expList { display: flex; flex-wrap: wrap; }
.expList__item { position: relative; margin-bottom: 40px; padding: 0 30px; flex: 0 0 33.33%; }
.expList__item img { display: block; margin-bottom: 1.0416666667vw; }
@media (max-width: 899px) { .expList__item { flex: 0 0 50%; } }
@media (max-width: 599px) { .expList__item { flex: 0 0 100%; } }

.expItem { position: relative; }
.expItem:after { content: " "; position: absolute; display: block; width: 1px; height: 100%; background-color: #000; top: 0; right: 0; }
.expItem:nth-child(3n+1):after { display: none; }
.expItem--first { max-width: 100%; flex: 1 0 100%; }
.expItem--first .expItem__caption { width: calc(100% - 60px); padding: 30px 50px; position: absolute; bottom: 0; left: 30px; background-color: #000000; opacity: 0.85; }
.expItem--first .expItem__tit { font-size: 1.375rem; color: #ffffff; }
.expItem--first .expItem__date { color: #B32223; }
.expItem--first .expItem__dec { color: #fff; }
.expItem__tit { margin-bottom: 0.6944444444vw; font-weight: bold; font-size: 1.125rem; line-height: 1.7777777778em; transition: color 0.5s; height: 3.5em; overflow: hidden; }
.expItem__date { font-weight: bold; font-size: 0.875rem; color: #B32223; margin-bottom: 10px; }
.expItem__dec { margin-bottom: 0 !important; font-weight: bold; font-size: 16px; line-height: 32px; color: #666; height: 6em; overflow: hidden; }
.expItem__link { width: 100%; height: 100%; font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; position: absolute; top: 0; left: 0; z-index: 1; }
@media (min-width: 1024px) { .expItem:hover .expItem__tit { color: #B32223; } }
@media (max-width: 899px) { .expItem:nth-child(odd):after { display: none !important; }
  .expItem:nth-child(3n+1):after { display: block; }
  .expItem--first .expItem__caption { width: 100%; position: relative; bottom: initial; left: initial; opacity: 1; } }
@media (max-width: 599px) { .expItem { padding: 0; }
  .expItem:after { display: none !important; }
  .expItem--first .expItem__caption { padding: 5%; } }

.expView__in { max-width: 1389px; margin: 0 auto; }
.expView__tit { margin-bottom: 2.0833333333vw; font-size: 1.75rem; font-weight: bold; color: #000; }
.expView__date { margin-bottom: 15px; font-weight: bold; font-size: 14px; color: #B32223; }
@media (max-width: 899px) { .expView__in { max-width: 90%; } }