@charset "UTF-8";
:root {
  --label-research: #FFD970;
  --label-next: #65F5C9;
  --label-other: #83D6FF;
  --color-white: #ffffff;
  --color-current: #666666;
  --color-primary: #007878;
  --color-secondary: #E9FAF4;
  --color-text: #333333;
  --color-red: #CC0000;
  --color-red2: #AC0000;
  --color-black: #000000;
  --color-gray: #CCCCCC;
  --color-gray2: #D9D9D9;
  --color-link: #002A78;
  --shadow-type1: 12px 12px 20px 20px rgba(0, 0, 0, 0.15);
  --shadow-type2: 0px 10px 10px 10px rgba(0, 0, 0, 0.1);
  --shadow-type3: 8px 8px 10px 10px rgba(0, 0, 0, 0.06);
  --shadow-type4: 0px 6px 8px 8px rgba(0, 0, 0, 0.06);
  --top-text-color: #001D14;
  --fw-bold: 600;
  --fw-middle: 500;
  --fw-normal: 400;
  --fs-xxl: 3.2rem;
  --fs-xl: 2.4rem;
  --fs-lg: 2rem;
  --fs-md: 1.8rem;
  --fs-nm: 1.6rem;
  --fs-sm: 1.4rem;
  --fs-xs: 1.2rem;
  --lh-xl: 2;
  --lh-lg: 1.8;
  --lh-md: 1.75;
  --lh-nm: 1.5;
  --lh-sm: 1.4;
  --lh-xs: 1;
  --max-width: 1080px;
  --transition: all 0.2s ease;
  --transition2: all 0.4s ease;
  --transition-text-decoration: text-decoration-color 0.2s ease;
  --icon-window: url("data:image/svg+xml,%3Csvg%20width%3D%2215%22%20height%3D%2214%22%20viewBox%3D%220%200%2015%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M2.64709%200.382431V10.9707H15V0.382431H2.64709ZM13.8123%209.95257H3.83488V3.23311H13.8123V9.95257Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M1.18778%2012.5996V8.11999V4.04759V3.02949H0V13.6177H12.3529V12.5996H11.1652H1.18778Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E");
  --icon-arrow: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2221%22%20viewBox%3D%220%200%2012%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1.81345%201.93066L10.1855%2010.7994L1.81345%2019.3725%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E");
}

body {
  font-family: "Noto Sans JP", "Roboto", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "MS UI Gothic", "Tahoma", "Lucida Grande", "ヒラギノ丸ゴ Pro W4", sans-serif;
  font-weight: 400;
}

button {
  appearance: none;
  border: none;
  cursor: pointer;
  margin: 0;
  padding: 0;
}

* + p {
  margin-top: 48px;
}

p + p {
  margin-top: 24px;
}

img {
  height: auto;
}

.u-gap--8 {
  gap: 8px;
}

.u-gap--16 {
  gap: 16px;
}

.u-gap--24 {
  gap: 24px;
}

.u-gap--32 {
  gap: 32px;
}

.u-gap--40 {
  gap: 40px;
}

.u-gap--48 {
  gap: 48px;
}

.u-gap--56 {
  gap: 56px;
}

.u-gap--64 {
  gap: 64px;
}

.l-header {
  box-shadow: var(--shadow-type4);
  display: flex;
  width: 100%;
  height: 60px;
  padding-inline: 16px 10px;
}
@media (min-width: 768px) {
  .l-header {
    height: 70px;
    box-shadow: var(--shadow-type2);
  }
}
@media (min-width: 1280px) {
  .l-header {
    height: 80px;
  }
}
.l-header {
  position: relative;
  z-index: 5;
}
.l-header-inner {
  max-width: var(--max-width);
  margin: auto;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  gap: 52px;
}
.l-header__logo img {
  height: auto;
}

.l-footer {
  background-color: var(--color-black);
  color: var(--color-white);
  display: flex;
  align-items: center;
  width: 100%;
  height: 120px;
  padding-inline: 55px 55px;
}
@media (min-width: 768px) {
  .l-footer {
    height: 128px;
  }
}
.l-footer-inner {
  max-width: var(--max-width);
  width: 100%;
  margin: auto;
  display: flex;
  gap: 16px;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.l-footer__logo {
  max-width: 400px;
  height: auto;
}
.l-footer__copy {
  font-size: var(--fs-xs);
}

.l-main p {
  line-height: var(--lh-lg);
}

.c-container {
  padding-inline: 16px;
  padding-bottom: 56px;
  max-width: var(--max-width);
  margin: 0 auto;
}
@media (min-width: 1280px) {
  .c-container {
    padding-inline: 0;
    padding-bottom: 80px;
  }
}

.c-card {
  border: 1px solid var(--color-gray);
  padding: 16px;
  background-color: var(--color-white);
  box-shadow: var(--shadow-type3);
  transition: var(--transition2);
}
@media (any-hover: hover) {
  .c-card:hover {
    transform: translateY(-10px);
  }
}
.c-card__inner {
  display: grid;
  position: relative;
}
@media (any-hover: hover) {
  .c-card__inner:hover {
    text-decoration: none;
  }
}
.c-card__inner .c-label--new {
  position: absolute;
  top: -8px;
  left: -8px;
}
.c-card__label {
  display: flex;
  align-items: center;
  gap: 6px;
  padding-top: 16px;
}
@media (min-width: 768px) {
  .c-card__label {
    gap: 10px;
  }
}
.c-card__date {
  font-size: var(--fs-xs);
  color: var(--color-text);
}
@media (min-width: 768px) {
  .c-card__date {
    font-size: var(--fs-sm);
  }
}
.c-card__title {
  font-size: var(--fs-nm);
  font-weight: var(--fw-bold);
  margin-top: 0;
  padding-top: 12px;
  line-height: var(--lh-nm);
}
.c-card__img {
  height: auto;
}

.c-heading {
  font-weight: var(--fw-middle);
  line-height: var(--lh-nm);
  position: relative;
}
.c-heading--h1 {
  font-size: var(--fs-md);
}
@media (min-width: 768px) {
  .c-heading--h1 {
    font-size: var(--fs-xxl);
    line-height: var(--lh-sm);
  }
}
.c-heading--h2 {
  font-size: var(--fs-lg);
  margin-top: 48px;
  padding-left: 18px;
}
@media (min-width: 768px) {
  .c-heading--h2 {
    font-size: var(--fs-xl);
    margin-top: 72px;
  }
}
.c-heading--h2::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: inline-block;
  width: 6px;
  height: 36px;
  background-color: var(--color-primary);
}
.c-heading--h2 ~ p {
  margin-top: 24px;
}
.c-heading--related {
  font-size: var(--fs-xl);
  line-height: var(--lh-xs);
}
@media (min-width: 768px) {
  .c-heading--related {
    font-size: var(--fs-xxl);
    line-height: var(--lh-md);
  }
}

.c-label {
  font-weight: var(--fw-middle);
  font-size: var(--fs-sm);
}
@media (min-width: 1280px) {
  .c-label {
    font-size: var(--fs-nm);
  }
}
.c-label__inr {
  display: inline-block;
  padding: 4px 6px 6px;
  line-height: var(--lh-xs);
}
@media (min-width: 1280px) {
  .c-label__inr {
    padding: 6px 8px 8px;
  }
}
.c-label--research .c-label__inr {
  background-color: var(--label-research);
}
.c-label--next .c-label__inr {
  background-color: var(--label-next);
}
.c-label--other .c-label__inr {
  background-color: var(--label-other);
}
.c-label--new {
  font-weight: var(--fw-bold);
  color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(-45deg, var(--color-red) 0%, var(--color-red) 50%, var(--color-red2) 50%, var(--color-red2) 100%);
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
@media (min-width: 768px) {
  .c-label--new {
    width: 44px;
    height: 44px;
  }
}
.c-label--new.c-label--lg {
  width: 50px;
  height: 50px;
}
@media (min-width: 1280px) {
  .c-label--new.c-label--lg {
    width: 80px;
    height: 80px;
    font-size: var(--fs-lg);
  }
}

.c-button__elm {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  line-height: var(--lh-xs);
  position: relative;
  color: var(--color-black);
  font-size: var(--fs-nm);
  background-color: var(--color-white);
  border: 1px solid var(--color-gray);
  border-radius: 25px;
  padding: 16px 24px;
  transition: var(--transition);
}
@media (any-hover: hover) {
  .c-button__elm:hover {
    color: var(--color-white);
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    text-decoration: none;
  }
}
.c-button--primary .c-button__elm {
  color: var(--color-white);
  background-color: var(--color-primary);
  border: 1px solid var(--color-primary);
}
@media (any-hover: hover) {
  .c-button--primary:hover {
    color: var(--color-black);
    background-color: var(--color-white);
    border-color: var(--color-gray);
  }
}
.c-button--primary .c-icon::before {
  background-color: var(--color-white);
}
.c-button--rounded .c-button__elm {
  line-height: 1.6rem;
  border-radius: 4px;
  gap: 6px;
  padding: 4px 8px;
  font-size: var(--fs-xs);
  white-space: nowrap;
}
@media (min-width: 1280px) {
  .c-button--rounded .c-button__elm {
    font-size: var(--fs-sm);
    width: 226px;
    height: 36px;
    padding: 0 12px;
  }
}
.c-button--sml .c-button__elm {
  font-size: var(--fs-xs);
  height: 40px;
  padding-inline: 8px;
}
@media (any-hover: hover) {
  .c-button:hover .c-icon::before {
    background-color: var(--color-white);
  }
}
.c-button--top {
  position: fixed;
  bottom: 16px;
  right: 16px;
  width: 50px;
  height: 50px;
  opacity: 0;
  transition: var(--transition);
}
@media (min-width: 768px) {
  .c-button--top {
    width: 60px;
    height: 60px;
  }
}
.c-button--top .c-button__elm {
  font-size: var(--fs-xs);
  white-space: nowrap;
  padding: 0;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  flex-direction: column-reverse;
  gap: 0;
  padding-top: 1.3037809648vw;
}
@media (min-width: 768px) {
  .c-button--top .c-button__elm {
    font-size: var(--fs-sm);
    border-radius: 30px;
    padding-top: 10px;
  }
}
.c-button--top .c-button__elm .c-icon {
  transform: rotate(-90deg);
}
.c-button--top.c-button--visible {
  opacity: 1;
}
@media (any-hover: hover) {
  .c-button--top:hover {
    cursor: pointer;
  }
}

.c-link {
  display: inline-flex;
  gap: 4px;
  align-items: center;
}

.c-list {
  margin-left: 1em;
  line-height: var(--lh-nm);
}
.c-list--disc {
  list-style-type: disc;
  margin-left: 1.2em;
  text-indent: -0.2em;
}
.c-list--decimal {
  list-style-type: decimal;
}
.c-list li::marker {
  color: var(--color-black);
}

.c-icon {
  width: 20px;
  height: 20px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-icon::before {
  content: "";
  display: block;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  height: 100%;
  background-color: var(--color-black);
  transition: var(--transition);
}
.c-icon--arrow::before {
  mask-image: var(--icon-arrow);
  width: 8px;
}
.c-icon--window {
  min-width: 10px;
}
@media (min-width: 768px) {
  .c-icon--window {
    width: 15px;
  }
}
.c-icon--window::before {
  mask-image: var(--icon-window);
  width: 100%;
}
.c-icon--black::before {
  background-color: var(--color-black);
}

.c-tag__list {
  padding-top: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.c-tag__list li {
  font-size: var(--fs-xs);
  color: var(--color-text);
  padding-right: 6px;
  position: relative;
}
.c-tag__list li::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 100%;
  background-color: var(--color-gray);
}
.c-tag__list li:last-child::before {
  display: none;
}

.c-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-pagination__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid var(--color-gray);
  background-color: var(--color-white);
  color: var(--color-black);
  font-size: var(--fs-sm);
  cursor: pointer;
  transition: var(--transition);
  box-shadow: var(--shadow-type3);
}
@media (any-hover: hover) {
  .c-pagination__button:hover {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
    color: var(--color-white);
  }
}
.c-pagination__button[aria-current=page] {
  border-color: var(--color-current);
  background-color: var(--color-current);
  color: var(--color-white);
  pointer-events: none; /* 現在のページはクリック不可に */
}
.c-pagination__button--prev, .c-pagination__button--next {
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.c-pagination__button--prev::before, .c-pagination__button--next::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px; /* 矢印の幅 */
  height: 8px; /* 矢印の高さ */
  border: solid var(--color-black);
  border-width: 0 1px 1px 0;
  content: "";
}
@media (any-hover: hover) {
  .c-pagination__button--prev:hover, .c-pagination__button--next:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
  }
  .c-pagination__button--prev:hover::before, .c-pagination__button--next:hover::before {
    border-color: var(--color-white);
  }
}
.c-pagination__button--prev::before {
  transform: translate(-50%, -50%) rotate(135deg);
}
.c-pagination__button--next::before {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.c-pagination__list {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .c-pagination__list {
    gap: 24px;
  }
}
.c-pagination__list .c-pagination__item {
  width: 40px;
  height: 40px;
}
.c-pagination__omission {
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-pagination__omission::before {
  content: "...";
  display: inline-block;
  font-size: var(--fs-nm);
}

.c-share {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 48px;
  gap: 30px;
}
@media (min-width: 768px) {
  .c-share {
    margin-top: 64px;
    gap: 40px;
  }
}
.c-share__head {
  font-weight: var(--fw-bold);
  font-size: var(--fw-sm);
}
@media (min-width: 768px) {
  .c-share__head {
    font-size: var(--fw-nm);
  }
}
.c-share__list {
  display: flex;
  gap: 30px;
  padding-left: 30px;
  position: relative;
}
@media (min-width: 768px) {
  .c-share__list {
    padding-left: 40px;
    gap: 40px;
  }
}
.c-share__list::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 100%;
  max-height: 30px;
  background-color: var(--color-gray);
}
.c-share__list .c-share__icon {
  width: 27px;
  height: 27px;
  display: inline-block;
}
@media (min-width: 768px) {
  .c-share__list .c-share__icon {
    width: 30px;
    height: 30px;
  }
}
.c-share__list .c-share__icon img {
  height: auto;
}

.c-band {
  background-color: var(--color-secondary);
}
.c-band__inner {
  max-width: var(--max-width);
  padding: 16px;
  line-height: var(--lh-lg);
  margin-inline: auto;
}
@media (min-width: 1280px) {
  .c-band__inner {
    padding-block: 40px;
    padding-inline: 0;
    margin: 0 auto;
  }
  .c-band__inner:has(c-heading) {
    padding-top: 32px;
  }
}

.c-profile {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 48px;
  padding: 16px;
  border: 1px solid var(--color-gray);
}
@media (min-width: 768px) {
  .c-profile {
    flex-direction: row;
    gap: 24px;
    margin-top: 64px;
    padding: 24px;
  }
}
.c-profile__img {
  max-width: 120px;
  height: auto;
  margin: auto;
}
@media (min-width: 768px) {
  .c-profile__img {
    max-width: 154px;
  }
}
.c-profile__name {
  font-size: var(--fs-md);
  font-weight: var(--fw-bold);
  text-align: center;
}
@media (min-width: 768px) {
  .c-profile__name {
    text-align: left;
  }
}
.c-profile__detail {
  font-size: var(--fs-nm);
  line-height: var(--lh-lg);
  margin-top: 8px;
}
@media (min-width: 768px) {
  .c-profile__detail {
    margin-top: 16px;
  }
}

.c-indices {
  display: grid;
  gap: 8px;
  margin-top: 24px;
  padding: 24px;
  border: 1px solid var(--color-gray);
}
@media (min-width: 768px) {
  .c-indices {
    gap: 16px;
    margin-top: 48px;
    padding: 32px 40px;
  }
}
.c-indices__title {
  font-size: var(--fs-lg);
  line-height: var(--lh-xs);
  font-weight: var(--fw-bold);
  padding-bottom: 8px;
  border-bottom: 1px solid var(--color-primary);
}
@media (min-width: 768px) {
  .c-indices__title {
    font-size: var(--fs-xl);
    padding-bottom: 12px;
  }
}
.c-indices__list {
  list-style: decimal;
  margin-left: 1em;
  font-size: var(--fs-nm);
  line-height: var(--lh-xl);
}
.c-indices__list .c-indices__link {
  color: var(--color-link);
  text-decoration: underline;
}
.c-indices__list li::marker {
  color: var(--color-link);
}

.c-column {
  display: grid;
  gap: 24px;
}
.c-column__3col {
  margin-top: 8px;
}
@media (min-width: 768px) {
  .c-column__3col {
    margin-top: 0;
    grid-template-columns: repeat(3, 1fr);
  }
}

.c-related {
  background: var(--color-secondary) url(../img/article/bg_related_sp.png) center bottom/contain no-repeat;
  padding: 32px 16px 120px;
}
@media (min-width: 768px) {
  .c-related {
    background-size: auto;
  }
}
@media (min-width: 1280px) {
  .c-related {
    background-image: url(../img/article/bg_related_pc.png);
    background-position: center top;
    padding-block: 56px 54px;
  }
}
.c-related__inner {
  width: 100%;
  max-width: var(--max-width);
  margin: auto;
  display: grid;
  gap: 24px;
}
.c-related__inner .c-button {
  margin-top: 8px;
}

@media (max-width: 767px) {
  .c-breadcrumbs {
    overflow-x: scroll;
  }
}
.c-breadcrumbs__list {
  display: flex;
  gap: 16px;
  list-style: none;
  max-width: var(--max-width);
  margin-inline: auto;
  padding-block: 24px;
}
@media (max-width: 767px) {
  .c-breadcrumbs__list {
    white-space: nowrap;
  }
}
.c-breadcrumbs__item {
  padding-left: 16px;
  position: relative;
  font-size: var(--fs-sm);
}
.c-breadcrumbs__item::before {
  content: "/";
  font-size: inherit;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .c-breadcrumbs__item {
    padding-right: 16px;
  }
}
.c-breadcrumbs__item:first-child {
  padding-left: 0;
}
.c-breadcrumbs__item:first-child::before {
  display: none;
}
@media (max-width: 767px) {
  .c-breadcrumbs__item:first-child {
    padding-left: 16px;
    padding-right: 0;
  }
}
.c-breadcrumbs__item a {
  color: var(--color-link);
  text-decoration: underline;
  transition: var(--transition-text-decoration);
}
@media (any-hover: hover) {
  .c-breadcrumbs__item a:hover {
    text-decoration: none;
    text-decoration-color: transparent;
  }
}

.c-figure {
  display: grid;
  justify-content: center;
  gap: 16px;
  margin-top: 32px;
  text-align: center;
}
@media (min-width: 1280px) {
  .c-figure {
    margin-top: 48px;
  }
}
.c-figure figcaption {
  font-size: var(--fs-nm);
  line-height: var(--lh-nm);
  color: var(--color-black);
}
.c-figure ~ p {
  margin-top: 24px;
}

.p-heroimg {
  background: transparent url(../img/article/bg_title-article_sp.png) center top/contain no-repeat;
}
@media (min-width: 768px) {
  .p-heroimg {
    background-image: url(../img/article/bg_title-article_pc.png);
    background-size: auto;
  }
}
.p-heroimg__inner {
  display: grid;
  gap: 16px;
  max-width: var(--max-width);
  margin-inline: auto;
  padding: 24px 16px 32px;
  line-height: var(--lh-lg);
}
@media (min-width: 1280px) {
  .p-heroimg__inner {
    gap: 32px;
    padding: 40px 0 48px;
    margin: 0 auto;
  }
}
.p-heroimg__title {
  display: grid;
  gap: 8px;
}
@media (min-width: 1280px) {
  .p-heroimg__title {
    gap: 16px;
  }
}
.p-heroimg__visual img {
  height: auto;
}

.p-articleMeta {
  display: flex;
  gap: 8px;
}
@media (max-width: 767px) {
  .p-articleMeta {
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) {
  .p-articleMeta {
    gap: 16px;
  }
}
.p-articleMeta__date {
  font-size: var(--fs-sm);
}
@media (min-width: 768px) {
  .p-articleMeta__date {
    font-size: var(--fs-nm);
  }
}
@media (min-width: 1280px) {
  .p-articleMeta__date {
    white-space: nowrap;
  }
}
.p-articleMeta__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  line-height: var(--lh-xs);
}
.p-articleMeta__tags .p-articleMeta__tag {
  font-size: 12px;
  padding: 4px 6px 6px;
  border: 1px solid var(--color-gray);
  background-color: var(--color-white);
}
@media (min-width: 768px) {
  .p-articleMeta__tags .p-articleMeta__tag {
    font-size: var(--fs-sm);
    padding: 6px 8px 8px;
  }
}

.p-conclusion {
  position: relative;
  border: 1px solid var(--color-gray);
  padding: 24px;
  font-size: var(--fs-nm);
  line-height: var(--lh-lg);
  margin-top: 48px;
}
@media (min-width: 768px) {
  .p-conclusion {
    margin-top: 56px;
    padding: 32px 40px;
  }
}
.p-conclusion p {
  line-height: inherit;
}
.p-conclusion::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-color: var(--color-primary);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
.p-conclusion .p-conclusion--book__inr {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
}
@media (min-width: 768px) {
  .p-conclusion .p-conclusion--book__inr {
    flex-direction: row;
    justify-content: space-between;
  }
}
.p-conclusion .p-conclusion--book__text {
  order: 2;
}
@media (min-width: 768px) {
  .p-conclusion .p-conclusion--book__text {
    order: 1;
  }
}
.p-conclusion .p-conclusion--book__thumb {
  max-width: 286px;
  order: 1;
}
@media (min-width: 768px) {
  .p-conclusion .p-conclusion--book__thumb {
    order: 2;
  }
}

/* visuallyHidden */
.visually-hidden {
  position: fixed !important;
  top: 0px !important;
  left: 0px !important;
  width: 4px !important;
  height: 4px !important;
  opacity: 0 !important;
  overflow: hidden !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  visibility: visible !important;
}

.u-grid {
  display: grid !important;
}

.u-flex {
  display: flex !important;
}

.u-justify--center {
  justify-content: center !important;
}

.u-mt-8, .sm\:u-mt-8 {
  margin-top: 8px !important;
}

.u-mt-16, .sm\:u-mt-16 {
  margin-top: 16px !important;
}

.u-mt-24, .sm\:u-mt-24 {
  margin-top: 24px !important;
}

.u-mt-32, .sm\:u-mt-32 {
  margin-top: 32px !important;
}

.u-mt-40, .sm\:u-mt-40 {
  margin-top: 40px !important;
}

.u-mt-48, .sm\:u-mt-48 {
  margin-top: 48px !important;
}

.u-mt-56, .sm\:u-mt-56 {
  margin-top: 56px !important;
}

.u-mt-64, .sm\:u-mt-64 {
  margin-top: 64px !important;
}

.u-mt-72, .sm\:u-mt-72 {
  margin-top: 72px !important;
}

.u-mt-80, .sm\:u-mt-80 {
  margin-top: 80px !important;
}

@media (min-width: 1280px) {
  .pc\:u-mt-8 {
    margin-top: 8px !important;
  }
  .pc\:u-mt-16 {
    margin-top: 16px !important;
  }
  .pc\:u-mt-24 {
    margin-top: 24px !important;
  }
  .pc\:u-mt-32 {
    margin-top: 32px !important;
  }
  .pc\:u-mt-40 {
    margin-top: 40px !important;
  }
  .pc\:u-mt-48 {
    margin-top: 48px !important;
  }
  .pc\:u-mt-56 {
    margin-top: 56px !important;
  }
  .pc\:u-mt-64 {
    margin-top: 64px !important;
  }
  .pc\:u-mt-72 {
    margin-top: 72px !important;
  }
  .pc\:u-mt-80 {
    margin-top: 80px !important;
  }
}

/*# sourceMappingURL=style.css.map */