@charset "utf-8";


/*  common
--------------------------------------------------*/
@media screen and (min-width: 769px) {
  :root .pageHeader-title {
    padding-top: 1.875rem;
  }
}



/*  l-report
--------------------------------------------------*/
.l-reportDetail {
  position: relative;
  max-width: 1440px;
  width: 100%;
  margin-inline: auto;
}
.reportDetail-wrapper {
  position: relative;
  width: min(100%,960px);
  margin-inline: auto;
  gap: clamp(1.5625rem, -0.2282rem + 3.7258vw, 3.125rem);
  overflow: clip;
}
@media screen and (max-width: 1000px){
  .reportDetail-wrapper {
    width: 100%;
    gap: 0;
  }
}




/*  reportDetail-sidebar
--------------------------------------------------*/
.reportDetail-sidebar {
  position: sticky;
  top: clamp(1.5625rem, -0.2282rem + 3.7258vw, 3.125rem);
  right: 0;
  width: 27.875rem;
}
.reportDetail-sidebar__toggle {
  display: none;
}
.reportDetail-sidebar__container {
  position: relative;
  width: 100%;
}
.reportDetail-sidebar__contents {
  position: relative;
  width: 100%;
  background: var(--white);
  border-radius: 12px;
  padding-block: 2.5rem 1.875rem;
}
.reportDetail-sidebar__heading {
  position: relative;
  width: calc(366 / 446 * 100%);
  margin-inline: auto;
  padding-left: 0.875rem;
}
.reportDetail-sidebar__heading::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.3125rem;
  aspect-ratio: 1 / 1;
  background: var(--brand-color);
}
.reportDetail-sidebar__heading img {
  width: min(100%, calc(var(--enTtl-width) * 1px));
}
.reportDetail-sidebar__nav {
  width: calc(366 / 446 * 100%);
  margin-inline: auto;
  border-top: solid 1px var(--base-color);
  margin-top: calc(20 / 446 * 100%);
}
.reportDetail-sidebar__nav__list {
  position: relative;
}
.reportDetail-sidebar__nav__list__item {
  position: relative;
  width: 100%;
  color: var(--base-color);
}
.reportDetail-sidebar__nav__list__item[data-category="all"] {
  color: var(--brand-color);
}
.reportDetail-sidebar__nav__list__item + .reportDetail-sidebar__nav__list__item {
  border-top: solid 1px var(--border-base);
}
.reportDetail-sidebar__nav__list__item__box {
  font-size: 0.8125rem;
  line-height: 1;
  letter-spacing: 0.02em;
  font-weight: 500;
  padding-block: 0.625rem;
}
.reportDetail-sidebar__nav__list__item a .reportDetail-sidebar__nav__list__item__name {
  border-bottom: solid 1px currentColor;
}
.reportDetail-sidebar__cv {
  width: 100%;
  gap: 0.625rem 1.25rem;
}
.reportDetail-sidebar__contents + .reportDetail-sidebar__cv {
  margin-top: 1.875rem;
}
.reportDetail-sidebar__contents + .reportDetail-sidebar__back,
.reportDetail-sidebar__cv + .reportDetail-sidebar__back {
  margin-top: 1.875rem;
}
.reportDetail-outro {
  margin-top: 5rem;
}
.reportDetail-outro__cv {
  width: 100%;
  gap: 0.625rem 1.25rem;
}
.reportDetail-outro__cv + .reportDetail-outro__back {
  margin-top: 1.875rem;
}
@media (any-hover: hover){
  .reportDetail-sidebar__nav__list__item__box {
    transition: color .3s ease;
  }
  .reportDetail-sidebar__nav__list__item__box:hover {
    color: var(--brand-color);
  }
}
@media screen and (max-width: 1000px){
  .reportDetail-sidebar {
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%) translateX(calc(100% - 1.125rem));
    width: 18.75rem;
    border-radius: 12px 0 0 12px;
    padding-block: 1.25rem 1.25rem;
    padding-left: 1.125rem;
    background: rgba(var(--white-rgb), 0.85);
    overflow: hidden;
    transition: transform 1.3s cubic-bezier(0.19, 1, 0.22, 1);
    z-index: 2;
  }
  .reportDetail-sidebar.active {
    transform: translateY(-50%) translateX(calc(0%));
  }
  .reportDetail-sidebar__toggle {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 1.125rem;
    height: 100%;
    background-color: var(--brand-color);
  }
  .reportDetail-sidebar__toggle::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-inline: auto;
    transform: translate(30%, -50%) rotate(-135deg);
    width: 0.5rem;
    height: 0.5rem;
    border-top: solid 2px var(--white);
    border-right: solid 2px var(--white);
    box-sizing: border-box;
    z-index: 1;
  }
  .reportDetail-sidebar__toggle.active::after {
    transform: translate(-30%, -50%) rotate(45deg);
  }
  .reportDetail-sidebar__contents {
    padding-block: 0;
    border-radius: 0;
  }
  .reportDetail-sidebar__heading {
    width: calc(240 / 282 * 100%);
  }
  .reportDetail-sidebar__heading img {
    width: min(calc(var(--enTtl-width) / 240 * 100%), calc(var(--enTtl-width) * 1px));
  }
  .reportDetail-sidebar__nav {
    width: calc(240 / 282 * 100%);
    margin-top: 0.625rem;
  }
  .reportDetail-sidebar__nav__list__item__box {
    font-size: clamp(0.5625rem, 0.0625rem + 2.5vw, 0.6875rem);
  }
  .reportDetail-sidebar__cv {
    width: calc(240 / 282 * 100%);
    margin-inline: auto;
  }
  .reportDetail-sidebar__contents + .reportDetail-sidebar__cv {
    margin-top: 0.625rem;
  }
  .reportDetail-sidebar__cv__item {
    font-size: clamp(0.6875rem, -0.0625rem + 3.75vw, 0.875rem);
    height: 2.5rem;
  }
  .reportDetail-sidebar__contents + .reportDetail-sidebar__back,
  .reportDetail-sidebar__cv + .reportDetail-sidebar__back {
    width: calc(240 / 282 * 100%);
    margin-inline: auto;
    margin-top: 1.25rem;
    font-size: clamp(0.5625rem, 0.0625rem + 2.5vw, 0.6875rem);
  }
  .reportDetail-sidebar__back__arrow {
    width: 1.75rem;
  }
  .reportDetail-outro {
    width: calc(320 / 400 * 100%);
    margin-inline: auto;
    margin-top: 1.875rem;
  }
  .reportDetail-outro__cv {
    width: 100%;
    gap: 0.625rem 1.25rem;
  }
  .reportDetail-outro__cv + .reportDetail-outro__back {
    margin-top: 1.25rem;
  }
}




/*  reportDetail-articleWrapper
--------------------------------------------------*/
.reportDetail-articleWrapper {
  flex: 1;
}
.reportDetail-article {
  position: relative;
  width: 100%;
  background: var(--white);
  border-radius: 12px;
  padding-block: 4.6875rem 5rem;
  padding-inline: clamp(2.5rem, -0.3651rem + 5.9613vw, 5rem);
}
@media screen and (min-width: 769px){
  [data-name="construction"] .reportDetail-article {
    padding-inline: clamp(1.5rem, -0.2191rem + 3.5768vw, 3rem);
  }
}
.reportDetail-article + .reportDetail-article {
  margin-top: 5rem;
}
.reportDetail-article__ttl {
  width: 100%;
  font-size: clamp(1.25rem, 0.3905rem + 1.7884vw, 2rem);
  line-height: 1.45;
  letter-spacing: 0.02em;
  color: var(--brand-color);
  font-weight: 500;
  padding-bottom: 1.875rem;
  border-bottom: solid 1px var(--border-base);
}
.reportDetail-article__ttl__day {
  position: relative;
  display: block;
  font-size: clamp(0.8125rem, 0.6692rem + 0.2981vw, 0.9375rem);
  letter-spacing: 0.02em;
  text-align: right;
  color: var(--base-color-light);
  font-weight: 400;
  margin-top: 4.0625rem;
  margin-bottom: -0.9375rem;
}
.reportDetail-article__contents {
  padding-top: 2.1875rem;
  gap: 3.125rem 0;
}
.reportDetail-article__box {
  position: relative;
  width: 100%;
  gap: 1.25rem 0;
}
.reportDetail-article__desc {
  position: relative;
  width: 100%;
  font-size: clamp(0.8125rem, 0.6692rem + 0.2981vw, 0.9375rem);
  line-height: 2;
  letter-spacing: 0.02em;
  gap: 0.8125rem 0;
}
.reportDetail-article__desc__txt {
  width: 100%;
}
.reportDetail-article__desc__txt [data-weight="semiBold"] {
  display: block;
  /* <span data-weight="semiBold"></span> */
  font-weight: 600;
}
.reportDetail-article__desc__txt [data-size="large"] {
  display: block;
  font-size: 1.2em;
  font-weight: 600;
  margin-bottom: .2em;
}
.reportDetail-article__desc__txt [data-color="green"] {
  color: #03bbc2;
}
.reportDetail-article__desc__txt [data-color="blue"] {
  color: var(--brand-color);
}
.reportDetail-article__photo {
  width: min(100%,calc(var(--photoWidth,800px) * 1px));
  margin-inline: auto;
}
.reportDetail-article__photo.flex {
  gap: 1.25rem;
  justify-content: center;
}
.reportDetail-article__photo__item {
  position: relative;
}
.reportDetail-article__photo.flex .reportDetail-article__photo__item {
  width: min(100%,calc(var(--photoItemWidth,390px) * 1px));
}
.reportDetail-article__photo__desc {
  position: relative;
  width: 100%;
  font-size: clamp(0.8125rem, 0.6692rem + 0.2981vw, 0.9375rem);
  line-height: 2;
  letter-spacing: 0.02em;
  gap: 0.8125rem 0;
  margin-top: 0.625rem;
}
.reportDetail-article__photo__note {
  font-size: clamp(0.625rem, 0.5534rem + 0.149vw, 0.6875rem);
  line-height: 1.45;
  color: #6a6a6a;
  letter-spacing: 0.02em;
  text-align: center;
  margin-top: 1.125rem;
}
@media screen and (max-width: 768px){
  .reportDetail-articleWrapper {
    flex: 100%;
  }
  .reportDetail-article {
    padding-block: 3.125rem;
    padding-inline: calc(24 / 400 * 100%);
  }
  .reportDetail-article + .reportDetail-article {
    margin-top: 1.875rem;
  }
  .reportDetail-article__ttl {
    font-size: clamp(1rem, 0rem + 5vw, 1.25rem);
    padding-bottom: 0.9375rem;
  }
  .reportDetail-article__ttl__day {
    font-size: clamp(0.625rem, 0.125rem + 2.5vw, 0.75rem);
    margin-top: 1.25rem;
    margin-bottom: 0;
  }
  .reportDetail-article__contents {
    padding-top: 1.5625rem;
    gap: 2.1875rem 0;
  }
  .reportDetail-article__desc {
    font-size: clamp(0.625rem, -0.125rem + 3.75vw, 0.8125rem);
  }
  .reportDetail-article__photo__desc {
    font-size: clamp(0.625rem, -0.125rem + 3.75vw, 0.8125rem);
    margin-top: 0.5rem;
  }
  .reportDetail-article__photo__note {
    font-size: clamp(0.5rem, 0rem + 2.5vw, 0.625rem);
    margin-top: 0.5rem;
  }
}