.scroll_function x { margin-bottom: 80px; }

.category__header { display: flex; justify-content: center; align-items: center; width: 100%; position: relative; overflow: hidden; }
@media screen and (min-width: 768px) { .category__header { height: 157px; } }
@media screen and (max-width: 768px) { .category__header { height: 131px; } }
.category__header::before { content: ''; width: 100%; height: 100%; position: absolute; background-color: rgba(35, 61, 76, 0.6); }
.category__header .category__caption { position: absolute; color: #fff; text-align: center; z-index: 2; }
.category__header .category__caption .en { display: block; margin-bottom: 8px; font-family: 'Gotham',sans-serif; font-weight: bold; text-transform: uppercase; }
@media screen and (min-width: 768px) { .category__header .category__caption .en { font-size: 1.2em; } }
@media screen and (max-width: 768px) { .category__header .category__caption .en { font-size: 1.1em; } }
.category__header .category__caption .jp { font-weight: bold; }
@media screen and (min-width: 768px) { .category__header .category__caption .jp { font-size: 2.7em; } }
@media screen and (max-width: 768px) { .category__header .category__caption .jp { font-size: 2em; line-height: 1.5; } }
.category__header .category__img { width: 100%; height: 100%; object-fit: cover; }