@charset "UTF-8";
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/WorkSans.woff2") format("woff2");
  font-optical-sizing: auto;
  font-weight: 100 900;
  font-style: normal;
}
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/*HTML5display-roleresetforolderbrowsers*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

:root {
  --color-white: #ffffff;
  --color-black: #4c4c47;
  --color-sub-black: #353535;
  --color-sub-black-2: #9b9b9b;
  --color-main: #006837;
  --color-sub: #4c4c47;
  --color-text: #333333;
  --color-button: #4c4c47;
  --color-label: linear-gradient(180deg, #763f20 0%, #310c02 100%);
  --color-label-text: #ffffff;
  --color-button: linear-gradient(180deg, #353535 0%, , #1e1e1e 100%);
  --color-button-text: #ffffff;
  --gradient-main: linear-gradient(180deg, #763f20 0%, #310c02 100%);
  --color-line: #06c755;
  --color-bg-emph: rgba(252, 3, 135, 0.04);
  --color-background: #fff8f1;
  --color-mask: rgba(0, 0, 0, 0.5);
  --color-logo-bg: #ffffff;
  --color-featured-bg: #006837;
  --color-people-bg: #f3f4f6;
  --color-header-bg: #e6eaed;
  --gradient-main: linear-gradient(
    233deg,
    #fff2b7 0%,
    #b9f3ff 10%,
    #ff96e5 56%,
    #fff2b7 100%
  );
  --shadow-white: 0 0 4px #ffffff;
  --shadow-black: 0 0 5px #e4e4e4;
  --shadow-main: 1px 1px 3px #cecece;
  --shadow-box: 0 1px 8px rgb(0 0 0 / 9%);
}

body {
  width: 100%;
  font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Yu Gothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
  font-style: normal;
  color: var(--color-black);
  background-color: var(--color-white);
  font-size: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  -webkit-text-size-adjust: 100%;
  word-break: break-word;
  position: relative;
  z-index: 1;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/* 背景固定は未使用のためコメントのまま */
#particles__container {
  position: fixed;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#particles__container .particles {
  width: 100%;
  height: 100%;
}

.no__scroll {
  overflow: hidden;
}

body,
html {
  width: 100%;
  scrollbar-gutter: stable;
  overscroll-behavior-y: contain;
  line-height: 1.15;
  font-weight: 400;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

p,
span {
  line-height: 1.5;
  font-weight: 400;
  font-size: 15px;
}

a,
li,
dt,
dd,
div,
th,
td,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
button {
  letter-spacing: 0.03em;
  line-height: 1em;
  font-weight: 400;
}

:focus:not(:fous-visible) {
  outline: none;
}

:focus-visible {
  outline: 1px solid var(--color-main);
}

summary {
  outline: none;
}

a {
  color: var(--color-main);
  text-decoration: none;
  word-break: break-all;
}

a,
p,
div,
li,
dd,
dt {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.isChrome * {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: optimize-contrast;
}

img,
svg {
  height: auto;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  vertical-align: bottom;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

img,
svg {
  pointer-events: none;
}

.disabled {
  cursor: default !important;
}

.disabled a {
  cursor: default !important;
}

._disabled {
  pointer-events: none !important;
}

.is_pc .device_sp {
  display: none !important;
}

.is_sp .device_pc {
  display: none !important;
}

.is__pc {
  display: block;
}
@media not screen and (min-width: 768px) {
  .is__pc {
    display: none;
  }
}

.is__sp {
  display: none;
}
@media not screen and (min-width: 768px) {
  .is__sp {
    display: block;
  }
}

::selection {
  background: var(--color-main);
  color: var(--color-white);
}

.unselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-touch-callout: none;
  -moz-user-select: none;
  touch-callout: none;
  user-select: none;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  border: none;
  -moz-outline-style: none;
  outline: none !important;
}

option {
  color: var(--color-black);
}

summary {
  display: block;
}

summary::-webkit-details-marker {
  display: none;
}

select,
option,
input,
textarea {
  color: var(--color-black);
}

::placeholder {
  color: var(--color-line-gray);
}

._nowrap {
  white-space: nowrap;
}

/* === 一時的に隠す === */
.u-moreHidden {
  display: none !important;
}

/* ==== ページネーション ==== */
.pagination.pagination--note {
  margin-top: 2.2222222222vw;
  margin-bottom: 2.2222222222vw;
}
@media (min-width: 1920px) {
  .pagination.pagination--note {
    margin-top: 42.6666666667px;
  }
}
@media (max-width: 767px) {
  .pagination.pagination--note {
    margin-top: 7.3011734029vw;
  }
}
@media (min-width: 1920px) {
  .pagination.pagination--note {
    margin-bottom: 42.6666666667px;
  }
}
@media (max-width: 767px) {
  .pagination.pagination--note {
    margin-bottom: 7.3011734029vw;
  }
}
.pagination.pagination--note ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.6944444444vw;
}
@media (min-width: 1920px) {
  .pagination.pagination--note ul {
    gap: 13.3333333333px;
  }
}
@media (max-width: 767px) {
  .pagination.pagination--note ul {
    gap: 1.3037809648vw;
  }
}
.pagination.pagination--note ul li a,
.pagination.pagination--note ul li span {
  width: 2.6388888889vw;
  height: 2.6388888889vw;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  font-size: 10px;
  text-decoration: none;
  background: var(--color-white);
  color: var(--color-black);
}
@media (min-width: 1920px) {
  .pagination.pagination--note ul li a,
  .pagination.pagination--note ul li span {
    width: 50.6666666667px;
  }
}
@media (max-width: 767px) {
  .pagination.pagination--note ul li a,
  .pagination.pagination--note ul li span {
    width: 4.9543676662vw;
  }
}
@media (min-width: 1920px) {
  .pagination.pagination--note ul li a,
  .pagination.pagination--note ul li span {
    height: 50.6666666667px;
  }
}
@media (max-width: 767px) {
  .pagination.pagination--note ul li a,
  .pagination.pagination--note ul li span {
    height: 4.9543676662vw;
  }
}
.pagination.pagination--note ul li a:visited, .pagination.pagination--note ul li a:hover, .pagination.pagination--note ul li a:focus {
  color: var(--color-black);
}
.pagination.pagination--note ul li span.current {
  border: solid 1px var(--color-black);
}
.pagination.pagination--note ul li a.prev, .pagination.pagination--note ul li a.next {
  min-width: 2.2222222222vw;
}
@media (min-width: 1920px) {
  .pagination.pagination--note ul li a.prev, .pagination.pagination--note ul li a.next {
    min-width: 42.6666666667px;
  }
}
@media (max-width: 767px) {
  .pagination.pagination--note ul li a.prev, .pagination.pagination--note ul li a.next {
    min-width: 7.3011734029vw;
  }
}

/* ページ全体のスムーススクロールを有効化（ネイティブ挙動） */
html {
  scroll-behavior: smooth;
}

/* 固定ヘッダ分のズレ補正 */
#english,
.entry-content--en {
  scroll-margin-top: calc(100% - 27.7777777778vw);
}
@media (min-width: 1920px) {
  #english,
  .entry-content--en {
    scroll-margin-top: calc(100% - 533.3333333333px);
  }
}
@media (max-width: 767px) {
  #english,
  .entry-content--en {
    scroll-margin-top: calc(100% - 31.2907431551vw);
  }
}

/* 管理バー表示時の再補正 */
body.admin-bar #english,
body.admin-bar .entry-content--en {
  scroll-margin-top: calc(100% - 30vw);
}
@media (min-width: 1920px) {
  body.admin-bar #english,
  body.admin-bar .entry-content--en {
    scroll-margin-top: calc(100% - 576px);
  }
}
@media (max-width: 767px) {
  body.admin-bar #english,
  body.admin-bar .entry-content--en {
    scroll-margin-top: calc(100% - 39.6349413299vw);
  }
}

header .header__logo__container {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--color-white);
  height: 6.9444444444vw;
}
@media (min-width: 1920px) {
  header .header__logo__container {
    height: 133.3333333333px;
  }
}
@media (max-width: 767px) {
  header .header__logo__container {
    height: 13.5593220339vw;
  }
}
header .header__logo__container h1 img {
  width: 17.0833333333vw;
  height: 3.6111111111vw;
}
@media (min-width: 1920px) {
  header .header__logo__container h1 img {
    width: 328px;
  }
}
@media (max-width: 767px) {
  header .header__logo__container h1 img {
    width: 64.1460234681vw;
  }
}
@media (min-width: 1920px) {
  header .header__logo__container h1 img {
    height: 69.3333333333px;
  }
}
@media (max-width: 767px) {
  header .header__logo__container h1 img {
    height: 13.5593220339vw;
  }
}

footer {
  width: 100%;
  background: #e8f1ed;
}
footer ul.brand-info__items {
  width: 41.6666666667vw;
  display: block;
  margin-inline: auto;
  margin-top: 2.7777777778vw;
}
@media (min-width: 1920px) {
  footer ul.brand-info__items {
    width: 800px;
  }
}
@media (max-width: 767px) {
  footer ul.brand-info__items {
    width: 78.2268578879vw;
  }
}
@media (min-width: 1920px) {
  footer ul.brand-info__items {
    margin-top: 53.3333333333px;
  }
}
@media (max-width: 767px) {
  footer ul.brand-info__items {
    margin-top: 5.2151238592vw;
  }
}
footer ul.brand-info__items li h3 {
  font-size: 12px;
}
footer ul.brand-info__items li h3 span {
  font-size: 9px;
}
footer ul.brand-info__items li p {
  margin-top: 0.2777777778vw;
  font-size: 9px;
}
@media (min-width: 1920px) {
  footer ul.brand-info__items li p {
    margin-top: 5.3333333333px;
  }
}
@media (max-width: 767px) {
  footer ul.brand-info__items li p {
    margin-top: 1.0430247718vw;
  }
}
footer ul.brand-info__items li + li {
  margin-top: 2.2222222222vw;
}
@media (min-width: 1920px) {
  footer ul.brand-info__items li + li {
    margin-top: 42.6666666667px;
  }
}
@media (max-width: 767px) {
  footer ul.brand-info__items li + li {
    margin-top: 4.1720990874vw;
  }
}
footer ul.brand-info__items li + li h3 {
  font-size: 12px;
}
footer ul.brand-info__items li + li h3 span {
  font-size: 9px;
}
footer .brand-info__cta {
  margin-top: 4.1666666667vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (min-width: 1920px) {
  footer .brand-info__cta {
    margin-top: 80px;
  }
}
@media (max-width: 767px) {
  footer .brand-info__cta {
    margin-top: 7.8226857888vw;
  }
}
footer .brand-info__cta span {
  font-size: 9px;
}
footer .brand-info__cta a {
  width: 18.4722222222vw;
  height: 2.6388888889vw;
  background: var(--color-main);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1920px) {
  footer .brand-info__cta a {
    width: 354.6666666667px;
  }
}
@media (max-width: 767px) {
  footer .brand-info__cta a {
    width: 34.6805736636vw;
  }
}
@media (min-width: 1920px) {
  footer .brand-info__cta a {
    height: 50.6666666667px;
  }
}
@media (max-width: 767px) {
  footer .brand-info__cta a {
    height: 4.9543676662vw;
  }
}
footer .brand-info__cta a span {
  color: var(--color-white);
  font-size: 9px;
  font-weight: bold;
}
footer .brand-info__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-around;
  margin-top: 3.4722222222vw;
}
@media (min-width: 1920px) {
  footer .brand-info__wrapper {
    margin-top: 66.6666666667px;
  }
}
@media (max-width: 767px) {
  footer .brand-info__wrapper {
    margin-top: 6.518904824vw;
  }
}
@media (min-width: 768px) {
  footer .brand-info__wrapper {
    width: 52.0833333333vw;
    margin-inline: auto;
  }
}
footer .brand-info__wrapper ul.sns-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.3888888889vw;
}
@media (min-width: 1920px) {
  footer .brand-info__wrapper ul.sns-list {
    gap: 26.6666666667px;
  }
}
@media (max-width: 767px) {
  footer .brand-info__wrapper ul.sns-list {
    gap: 2.6075619296vw;
  }
}
footer .brand-info__wrapper ul.sns-list li.sns-link a {
  display: block;
  width: 2.5vw;
  height: 2.5vw;
}
@media (min-width: 1920px) {
  footer .brand-info__wrapper ul.sns-list li.sns-link a {
    width: 48px;
  }
}
@media (max-width: 767px) {
  footer .brand-info__wrapper ul.sns-list li.sns-link a {
    width: 4.1720990874vw;
  }
}
@media (min-width: 1920px) {
  footer .brand-info__wrapper ul.sns-list li.sns-link a {
    height: 48px;
  }
}
@media (max-width: 767px) {
  footer .brand-info__wrapper ul.sns-list li.sns-link a {
    height: 4.1720990874vw;
  }
}
footer .brand-info__wrapper .brand-info__mark {
  width: 14.1666666667vw;
  height: 2.7777777778vw;
}
@media (min-width: 1920px) {
  footer .brand-info__wrapper .brand-info__mark {
    width: 272px;
  }
}
@media (max-width: 767px) {
  footer .brand-info__wrapper .brand-info__mark {
    width: 26.5971316819vw;
  }
}
@media (min-width: 1920px) {
  footer .brand-info__wrapper .brand-info__mark {
    height: 53.3333333333px;
  }
}
@media (max-width: 767px) {
  footer .brand-info__wrapper .brand-info__mark {
    height: 5.2151238592vw;
  }
}
footer .brand-info__wrapper .brand-info__mark a {
  display: block;
}
footer .brand-info__wrapper .brand-info__amstyle {
  width: 9.7222222222vw;
  height: 2.9166666667vw;
}
@media (min-width: 1920px) {
  footer .brand-info__wrapper .brand-info__amstyle {
    width: 186.6666666667px;
  }
}
@media (max-width: 767px) {
  footer .brand-info__wrapper .brand-info__amstyle {
    width: 18.2529335072vw;
  }
}
@media (min-width: 1920px) {
  footer .brand-info__wrapper .brand-info__amstyle {
    height: 56px;
  }
}
@media (max-width: 767px) {
  footer .brand-info__wrapper .brand-info__amstyle {
    height: 5.4758800522vw;
  }
}
footer .brand-info__wrapper .brand-info__amstyle a {
  display: block;
}
footer .brand-info__credit {
  margin-top: 1.3888888889vw;
  margin-bottom: 0.6944444444vw;
}
@media (min-width: 1920px) {
  footer .brand-info__credit {
    margin-top: 26.6666666667px;
  }
}
@media (max-width: 767px) {
  footer .brand-info__credit {
    margin-top: 2.6075619296vw;
  }
}
@media (min-width: 1920px) {
  footer .brand-info__credit {
    margin-bottom: 13.3333333333px;
  }
}
@media (max-width: 767px) {
  footer .brand-info__credit {
    margin-bottom: 1.3037809648vw;
  }
}
footer .brand-info__credit span {
  color: var(--color-text);
  font-size: 8px;
  text-align: center;
  display: block;
}

/* fixed__background */
.fixed__background {
  height: calc(100vh + 30px);
  width: calc(100vw + 30px);
  top: -15px;
  left: -15px;
  position: fixed;
  background-image: url("../images/hero-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
  filter: blur(15px);
}

/* header */
header .header__container {
  background: var(--color-header-bg);
  height: 6.9444444444vw;
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
}
@media (min-width: 1920px) {
  header .header__container {
    height: 133.3333333333px;
  }
}
@media (max-width: 767px) {
  header .header__container {
    height: 13.037809648vw;
  }
}
header .header__container a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
header .header__container a img {
  height: auto;
  width: 27.7777777778vw;
  max-width: 245px;
}
@media (min-width: 1920px) {
  header .header__container a img {
    width: 533.3333333333px;
  }
}
@media (max-width: 767px) {
  header .header__container a img {
    width: 32.073011734vw;
  }
}

/* hero */
.page-top__hero {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-top: 0;
  aspect-ratio: var(--hero-aspect, 16/9);
  background: var(--hero-bg-color, transparent);
  max-width: 750px;
  margin: 0 auto;
}
.page-top__hero .page-top__heroMedia {
  position: relative;
  width: 100%;
  height: 100%;
}

/* page-top__hero */
.page-top__hero .hero-bg {
  position: absolute;
  inset: 0;
  display: block;
  z-index: 1;
  object-fit: cover;
}
.page-top__hero .hero-logo {
  position: absolute;
  left: 50%;
  top: 0.6944444444vw;
  transform: translateX(-50%);
  z-index: 2;
  pointer-events: none;
  width: 27.7777777778vw;
  height: unset;
  max-width: 365px;
}
@media (min-width: 1920px) {
  .page-top__hero .hero-logo {
    top: 13.3333333333px;
  }
}
@media (max-width: 767px) {
  .page-top__hero .hero-logo {
    top: 2.6075619296vw;
  }
}
@media (min-width: 1920px) {
  .page-top__hero .hero-logo {
    width: 533.3333333333px;
  }
}
@media (max-width: 767px) {
  .page-top__hero .hero-logo {
    width: 47.7183833116vw;
  }
}

.main {
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
  display: block;
  background: var(--color-white);
  /* main__page__intro */
}
.main .main__page__intro {
  text-align: center;
  margin-top: 0.6944444444vw;
  margin-bottom: 1.3888888889vw;
}
@media (min-width: 1920px) {
  .main .main__page__intro {
    margin-top: 13.3333333333px;
  }
}
@media (max-width: 767px) {
  .main .main__page__intro {
    margin-top: 2.6075619296vw;
  }
}
@media (min-width: 1920px) {
  .main .main__page__intro {
    margin-bottom: 26.6666666667px;
  }
}
@media (max-width: 767px) {
  .main .main__page__intro {
    margin-bottom: 5.2151238592vw;
  }
}
.main .main__page__intro p {
  line-height: 1.5;
  color: var(--color-text);
  margin: 0;
  font-size: 10px;
}

/* section-head */
.section-head {
  display: inline-block;
  text-align: center;
  font-weight: bold;
}
.section-head.section-head--featured, .section-head.section-head--Note {
  display: block;
  margin-inline: auto;
  background: var(--color-featured-bg);
  display: flex;
  justify-content: center;
  align-items: center;
}
.section-head.section-head--featured h2, .section-head.section-head--Note h2 {
  color: var(--color-white);
  font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Yu Gothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
  font-size: 12px;
}
.section-head.section-head--featured {
  margin-top: 2.7777777778vw;
  width: 26.1111111111vw;
  height: 2.7777777778vw;
  width: 188px;
  height: 19px;
}
@media (min-width: 1920px) {
  .section-head.section-head--featured {
    margin-top: 53.3333333333px;
  }
}
@media (max-width: 767px) {
  .section-head.section-head--featured {
    margin-top: 5.2151238592vw;
  }
}
@media (min-width: 1920px) {
  .section-head.section-head--featured {
    width: 501.3333333333px;
  }
}
@media (max-width: 767px) {
  .section-head.section-head--featured {
    width: 49.0221642764vw;
  }
}
@media (min-width: 1920px) {
  .section-head.section-head--featured {
    height: 53.3333333333px;
  }
}
@media (max-width: 767px) {
  .section-head.section-head--featured {
    height: 4.9543676662vw;
  }
}
.section-head.section-head--Note {
  margin-top: 1.9444444444vw;
  width: 18.6111111111vw;
  height: 2.7777777778vw;
  width: 134px;
  height: 20px;
}
@media (min-width: 1920px) {
  .section-head.section-head--Note {
    margin-top: 37.3333333333px;
  }
}
@media (max-width: 767px) {
  .section-head.section-head--Note {
    margin-top: 3.6505867014vw;
  }
}
@media (min-width: 1920px) {
  .section-head.section-head--Note {
    width: 357.3333333333px;
  }
}
@media (max-width: 767px) {
  .section-head.section-head--Note {
    width: 34.9413298566vw;
  }
}
@media (min-width: 1920px) {
  .section-head.section-head--Note {
    height: 53.3333333333px;
  }
}
@media (max-width: 767px) {
  .section-head.section-head--Note {
    height: 5.2151238592vw;
  }
}

/* featured */
.featured {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  background: var(--color-white);
}
.featured .featured__item {
  width: 41.6666666667vw;
  margin-inline: auto;
  display: block;
  max-width: 600px;
}
@media (min-width: 1920px) {
  .featured .featured__item {
    width: 800px;
  }
}
@media (max-width: 767px) {
  .featured .featured__item {
    width: 78.2268578879vw;
  }
}
.featured .featured__item .featured__thumb a {
  width: 41.6666666667vw;
  aspect-ratio: 16/9;
  display: block;
  overflow: hidden;
  max-width: 600px;
}
@media (min-width: 1920px) {
  .featured .featured__item .featured__thumb a {
    width: 800px;
  }
}
@media (max-width: 767px) {
  .featured .featured__item .featured__thumb a {
    width: 78.2268578879vw;
  }
}
.featured .featured__item .featured__thumb a img {
  object-fit: cover;
  height: auto;
  transition: transform 1s ease;
}
.featured .featured__item .featured__thumb a:hover img {
  transform: scale(1.1);
}
.featured .featured__item .featured__title {
  margin-top: 0.2777777778vw;
}
@media (min-width: 1920px) {
  .featured .featured__item .featured__title {
    margin-top: 5.3333333333px;
  }
}
@media (max-width: 767px) {
  .featured .featured__item .featured__title {
    margin-top: 1.0430247718vw;
  }
}
.featured .featured__item .featured__title a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  transition: 0.3s;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.featured .featured__item .featured__title a:visited {
  color: var(--color-black);
}
.featured .featured__item .featured__title a:hover, .featured .featured__item .featured__title a:focus {
  opacity: 0.7;
}
.featured .featured__item .featured__title a .dual-title__en {
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text);
}
.featured .featured__item .featured__title a .dual-title__ja {
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text);
}
.featured .featured__item .featured__excerpt {
  margin-top: 1.3888888889vw;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media (min-width: 1920px) {
  .featured .featured__item .featured__excerpt {
    margin-top: 26.6666666667px;
  }
}
@media (max-width: 767px) {
  .featured .featured__item .featured__excerpt {
    margin-top: 2.6075619296vw;
  }
}
.featured .featured__item .featured__excerpt p {
  text-align: center;
  line-height: 1.5;
  font-size: 10px;
  color: var(--color-text);
}

/* post-list */
.post-list {
  margin-top: 5.5555555556vw;
}
@media (min-width: 1920px) {
  .post-list {
    margin-top: 106.6666666667px;
  }
}
@media (max-width: 767px) {
  .post-list {
    margin-top: 15.6453715776vw;
  }
}
.post-list .post-list__items {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.0833333333vw;
  width: 41.6666666667vw;
  margin-inline: auto;
  max-width: 600px;
}
@media (min-width: 1920px) {
  .post-list .post-list__items {
    gap: 40px;
  }
}
@media (max-width: 767px) {
  .post-list .post-list__items {
    gap: 7.8226857888vw;
  }
}
@media (min-width: 1920px) {
  .post-list .post-list__items {
    width: 800px;
  }
}
@media (max-width: 767px) {
  .post-list .post-list__items {
    width: 78.2268578879vw;
  }
}
.post-list .post-list__items .post-card {
  text-align: center;
}
.post-list .post-list__items .post-card .post-card__note-rule {
  position: relative;
}
.post-list .post-list__items .post-card .post-card__note-rule:before {
  content: "";
  position: absolute;
  width: 3.8888888889vw;
  height: 1px;
  background: var(--color-text);
  top: 0;
  left: 50%;
  transform: translate(-50%);
}
@media (min-width: 1920px) {
  .post-list .post-list__items .post-card .post-card__note-rule:before {
    width: 74.6666666667px;
  }
}
@media (max-width: 767px) {
  .post-list .post-list__items .post-card .post-card__note-rule:before {
    width: 7.3011734029vw;
  }
}
.post-list .post-list__items .post-card .post-card__note-rule span {
  display: inline-block;
  font-size: 10px;
  color: var(--color-text);
  line-height: 1;
}
.post-list .post-list__items .post-card .post-card__thumb a {
  width: 41.6666666667vw;
  aspect-ratio: 16/9;
  display: block;
  overflow: hidden;
  max-width: 600px;
}
@media (min-width: 1920px) {
  .post-list .post-list__items .post-card .post-card__thumb a {
    width: 800px;
  }
}
@media (max-width: 767px) {
  .post-list .post-list__items .post-card .post-card__thumb a {
    width: 78.2268578879vw;
  }
}
.post-list .post-list__items .post-card .post-card__thumb a img {
  object-fit: cover;
  height: auto;
  transition: transform 1s ease;
}
.post-list .post-list__items .post-card .post-card__thumb a:hover img {
  transform: scale(1.1);
}
.post-list .post-list__items .post-card .post-card__title {
  margin-top: 0.2777777778vw;
}
@media (min-width: 1920px) {
  .post-list .post-list__items .post-card .post-card__title {
    margin-top: 5.3333333333px;
  }
}
@media (max-width: 767px) {
  .post-list .post-list__items .post-card .post-card__title {
    margin-top: 1.0430247718vw;
  }
}
.post-list .post-list__items .post-card .post-card__title a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  transition: 0.3s;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.post-list .post-list__items .post-card .post-card__title a:visited {
  color: var(--color-black);
}
.post-list .post-list__items .post-card .post-card__title a:hover, .post-list .post-list__items .post-card .post-card__title a:focus {
  opacity: 0.7;
}
.post-list .post-list__items .post-card .post-card__title a .dual-title__en {
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text);
}
.post-list .post-list__items .post-card .post-card__title a .dual-title__ja {
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-text);
}
.post-list > .actions {
  justify-self: center;
  text-align: center;
  margin-top: 2.7777777778vw;
  margin-bottom: 2.0833333333vw;
}
@media (min-width: 1920px) {
  .post-list > .actions {
    margin-top: 53.3333333333px;
  }
}
@media (max-width: 767px) {
  .post-list > .actions {
    margin-top: 10.4302477184vw;
  }
}
@media (min-width: 1920px) {
  .post-list > .actions {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .post-list > .actions {
    margin-bottom: 3.6505867014vw;
  }
}
.post-list > .actions .btn--outline {
  width: 9.0277777778vw;
  height: 2.6388888889vw;
  color: var(--color-text);
  background: transparent;
  font-size: 10px;
  line-height: 1;
  cursor: pointer;
  border: solid 1px var(--color-text);
}
@media (min-width: 1920px) {
  .post-list > .actions .btn--outline {
    width: 173.3333333333px;
  }
}
@media (max-width: 767px) {
  .post-list > .actions .btn--outline {
    width: 16.9491525424vw;
  }
}
@media (min-width: 1920px) {
  .post-list > .actions .btn--outline {
    height: 50.6666666667px;
  }
}
@media (max-width: 767px) {
  .post-list > .actions .btn--outline {
    height: 4.9543676662vw;
  }
}
.post-list > .actions .btn--outline:hover {
  opacity: 0.85;
}
.post-list .pagination {
  justify-self: center;
}