@charset "UTF-8";
/* ====================================
  クランプ関数読み込み
==================================== */
/* Safari 10.1〜12.0 のclamp()バグ対策 */
* {
  min-height: 0vw;
  min-height: 0;
}

/* /ir/library/integrated-report/css/style.css */
/* ====================================
  general
==================================== */
@media (width >= 768px) {
  h4 {
    margin: 30px 0;
  }
  #back-number {
    padding-bottom: 60px;
  }
  .border-title {
    padding: 60px 0 20px;
  }
}
/* ====================================
  integrated-report
==================================== */
#pdf_separate h4 {
  margin: 0 0 10px;
  font-size: 22px;
}

/* ====================================
  html
==================================== */
html {
  font-feature-settings: "palt";
}
html .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
html .roundtable-content {
  overflow: hidden;
}

/* ====================================
  メインビジュアル top-main-visual
==================================== */
section.roundtable-main-visual {
  padding-top: clamp(0.1875rem, 0.1571601942rem + 0.1294498382vw, 0.3125rem);
}

.roundtable-main-visual {
  position: relative;
  background-color: #e1efff;
}
.roundtable-main-visual::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 10px;
  background-color: #fff;
  content: "";
}
.roundtable-main-visual__container {
  position: relative;
  width: 100%;
  aspect-ratio: 1920/743;
  margin: 0 auto;
}
.roundtable-main-visual__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.roundtable-main-visual__title {
  position: relative;
  z-index: 5;
  display: flex;
  width: 61.56%;
  aspect-ratio: 1057/461;
  transform: translateX(clamp(0.625rem, -1.9993932039rem + 11.1974110032vw, 11.4375rem)) translateY(clamp(0.625rem, -0.4368932039rem + 4.5307443366vw, 5rem));
}
.roundtable-main-visual__title h2 {
  display: block;
  width: 100%;
  height: 100%;
  font-weight: 600 !important;
  margin: unset;
}
.roundtable-main-visual__title-text_title {
  color: #004096;
  font-size: clamp(0.875rem, 0.5412621359rem + 1.4239482201vw, 2.25rem);
  line-height: 2.5;
  letter-spacing: 0.05em;
}
.roundtable-main-visual__title-text_message {
  color: #004096;
  font-size: clamp(1rem, 0.4235436893rem + 2.4595469256vw, 3.375rem);
  line-height: 1.2;
  letter-spacing: 0.05em;
}
.roundtable-main-visual__title-text_position {
  display: inline-block;
  font-size: clamp(0.75rem, 0.5072815534rem + 1.0355987055vw, 1.75rem);
  line-height: 1.2;
  letter-spacing: 0.25em;
}
.roundtable-main-visual__title-text_name {
  display: inline-block;
  font-size: clamp(0.875rem, 0.359223301rem + 2.2006472492vw, 3rem);
  line-height: 2.5;
  letter-spacing: 0.15em;
  transform: translateY(calc(-1 * clamp(0.625rem, 0.4126213592rem + 0.9061488673vw, 1.5rem)));
}
.roundtable-main-visual__title-text_namekana {
  display: inline-block;
  font-size: clamp(0.75rem, 0.5072815534rem + 1.0355987055vw, 1.75rem);
  line-height: 2.5;
  letter-spacing: 0.05em;
  transform: translateY(calc(-1 * clamp(0.625rem, 0.4126213592rem + 0.9061488673vw, 1.5rem)));
}
.roundtable-main-visual__title-text_history {
  display: inline-block;
  max-width: 613px;
  font-size: clamp(0.75rem, 0.6741504854rem + 0.3236245955vw, 1.0625rem);
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: 0;
  transform: translateY(calc(-1 * clamp(0.625rem, 0.4126213592rem + 0.9061488673vw, 1.5rem)));
}

/* ====================================
  gm-background-wrap-01
==================================== */
.roundtable-background-wrap-01 {
  position: relative;
  z-index: 0;
  overflow: hidden;
  width: 100%;
  transform: translateY(calc(-1 * clamp(8.125rem, 4.5535714286rem + 5.5803571429vw, 11.25rem)));
}
@media (width <= 1024px) {
  .roundtable-background-wrap-01 {
    transform: translateY(calc(-1 * clamp(6.25rem, 3.8392857143rem + 6.6964285714vw, 8.125rem)));
  }
}
@media (width <= 575px) {
  .roundtable-background-wrap-01 {
    transform: translateY(-110px);
  }
}
.roundtable-background-wrap-01::before {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  display: block;
  width: 108.59%;
  height: 100%;
  margin: auto;
  background-image: url("../../img/subbg_background-wrap-01--front.png");
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}
@media (width > 1920px) {
  .roundtable-background-wrap-01::before {
    width: 190vw;
    transform: translateX(-70%);
  }
}
@media (width <= 1289px) {
  .roundtable-background-wrap-01::before {
    width: 200vw;
    transform: translateX(-70%);
  }
}
@media (width <= 1023px) {
  .roundtable-background-wrap-01::before {
    width: 150vw;
    transform: translateX(-60%);
  }
}
@media (width <= 767px) {
  .roundtable-background-wrap-01::before {
    width: 220vw;
    transform: translateX(-69.5%);
  }
}
@media (width <= 575px) {
  .roundtable-background-wrap-01::before {
    width: 200vw;
    transform: translateX(-41.5%) rotate(-1.5deg);
  }
}
@media (width <= 450px) {
  .roundtable-background-wrap-01::before {
    transform: translateX(-40.5%);
  }
}
@media (width <= 413px) {
  .roundtable-background-wrap-01::before {
    width: 650px;
    transform: translateX(-40%);
  }
}
@media (width <= 400px) {
  .roundtable-background-wrap-01::before {
    transform: translateX(-41%);
  }
}
@media (width <= 374px) {
  .roundtable-background-wrap-01::before {
    transform: translateX(-40%);
  }
}
.roundtable-background-wrap-01::after {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-47%);
  z-index: -2;
  display: block;
  width: 109.69%;
  aspect-ratio: 2106/639;
  margin: 0.8% auto 0;
  background-image: url("../../img/bg_background-wrap-01--back.png");
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}
@media (width <= 1289px) {
  .roundtable-background-wrap-01::after {
    top: 1%;
    width: 2000px;
  }
}
@media (width <= 1023px) {
  .roundtable-background-wrap-01::after {
    top: 0.2%;
    width: 159vw;
    transform: translateX(-38%);
  }
}
@media (width <= 767px) {
  .roundtable-background-wrap-01::after {
    width: 1100px;
  }
}
@media (width <= 575px) {
  .roundtable-background-wrap-01::after {
    top: 1.7%;
    width: 900px;
    transform: translateX(-36%);
  }
}
@media (width <= 413px) {
  .roundtable-background-wrap-01::after {
    width: 750px;
  }
}

/* ====================================
  gm-background-wrap-02
==================================== */
.roundtable-background-wrap-02 {
  position: relative;
  z-index: 0;
  overflow: hidden;
  background-color: #eaf6fd; /* フォールバック */
  background-image: linear-gradient(to bottom, #eaf6fd 0%, #eaf6fd 80%, #ffffff 100%);
  width: 100%;
  transform: translateY(calc(-1 * clamp(8.75rem, 6.7475728155rem + 8.5436893204vw, 17rem)));
  margin-bottom: calc(-1 * clamp(3.125rem, -0.3640776699rem + 14.8867313916vw, 17.5rem));
}

/* ====================================
  座談会
==================================== */
.c-01 {
  margin-top: clamp(7.5rem, 4.6177184466rem + 12.2977346278vw, 19.375rem);
}

.roundtable-paneler {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
}
@media (width <= 1220px) {
  .roundtable-paneler {
    padding-inline: clamp(0.625rem, 0.4733009709rem + 0.6472491909vw, 1.25rem);
  }
}
@media (width <= 512px) {
  .roundtable-paneler {
    margin-top: 30px;
  }
}
.roundtable-paneler__container {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: clamp(1.25rem, 0.4178994083rem + 3.550295858vw, 3.125rem);
}
@media (width <= 767px) {
  .roundtable-paneler__container {
    flex-wrap: wrap;
  }
}
.roundtable-paneler__item {
  width: 100%;
  max-width: 264px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 16px;
  font-size: clamp(0.875rem, 0.8309859155rem + 0.1877934272vw, 1rem);
}
.roundtable-paneler__item img {
  margin: unset !important;
}
@media (width <= 767px) {
  .roundtable-paneler__item {
    max-width: 40vw;
  }
}

.roundtable-content__container {
  width: 96%;
  max-width: 1443px;
  margin: 0 auto;
  background-color: #fff;
  padding-top: clamp(1.25rem, 1.0983009709rem + 0.6472491909vw, 1.875rem);
}
.roundtable-content__content {
  width: 100%;
  margin-top: clamp(1rem, 0.7572815534rem + 1.0355987055vw, 2rem);
  margin-inline: auto;
  padding-inline: clamp(1.25rem, -0.2669902913rem + 6.4724919094vw, 7.5rem);
}
.roundtable-content__content p {
  margin-bottom: 1.5em;
}
.roundtable-content .roundtable-image {
  margin-top: clamp(0.5rem, -0.0281690141rem + 2.2535211268vw, 2rem);
  margin-bottom: clamp(1rem, -0.0563380282rem + 4.5070422535vw, 4rem);
}
.roundtable-content .roundtable-image .roundtable-image__img01 {
  width: 100%;
}

.content-tittle {
  width: 100%;
  text-align: center;
  color: #004098;
}
.content-tittle h3 {
  margin: 0 auto;
  font-size: clamp(1.5rem, 1.2876213592rem + 0.9061488673vw, 2.375rem);
  font-feature-settings: initial !important;
}
.content-tittle::after {
  content: "";
  display: block;
  margin: 0 auto;
  height: 4px;
  width: min(450px, 90%);
  background-color: currentColor;
  margin-block: 1.8em;
}

.content-subtitle {
  width: 100%;
  margin-block: clamp(0.25rem, 0.1179577465rem + 0.5633802817vw, 0.625rem);
}
.content-subtitle h4 {
  width: fit-content;
  padding-inline: clamp(0.5rem, 0.411971831rem + 0.3755868545vw, 0.75rem);
  padding-block: clamp(0.125rem, 0.1029929577rem + 0.0938967136vw, 0.1875rem);
  font-size: clamp(1rem, 0.911971831rem + 0.3755868545vw, 1.25rem);
  color: #fff;
  background-color: #004096;
  letter-spacing: 0.1em;
  margin: unset;
}

.content-text {
  font-size: clamp(0.875rem, 0.8143203883rem + 0.2588996764vw, 1.125rem);
  line-height: clamp(1.25rem, 1.1893203883rem + 0.2588996764vw, 1.5rem);
  letter-spacing: clamp(0rem, 0rem + 0vw, 0rem);
  color: #323232;
}

.content-table__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.content-table__title-text {
  font-size: clamp(1rem, 0.8679577465rem + 0.5633802817vw, 1.375rem);
  margin-bottom: clamp(0.125rem, 0.0809859155rem + 0.1877934272vw, 0.25rem);
}

.content-table {
  width: 100%;
  border-collapse: collapse;
}
.content-table .content-table__container {
  width: 100%;
  white-space: nowrap;
}

.image-flex {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.image-flex .img-box {
  /* --w の比で幅を配分（比率維持）*/
  flex: var(--w, 1) 1 0; /* grow = 比率, shrink = 1, basis = 0 */
  min-width: 0; /* 画像の固有幅でハミ出さないように */
}
.image-flex .img-box img {
  display: block;
  width: 100%; /* 親の幅に合わせて縮む */
  height: auto; /* 縦横比維持 */
}
@media (width <= 767px) {
  .image-flex {
    flex-wrap: wrap;
  }
  .image-flex .img-box {
    flex: 0 0 100%;
  }
}

.is-sp {
  display: none;
}
@media (width <= 767px) {
  .is-sp {
    display: block;
  }
}

.is-pc {
  display: block;
}
@media (width <= 767px) {
  .is-pc {
    display: none;
  }
}

.content-issue {
  margin-bottom: clamp(1rem, 0.6478873239rem + 1.5023474178vw, 2rem);
}

/* コンテナ */
.comment-block {
  display: grid;
  grid-template-columns: clamp(3.75rem, 1.3584183673rem + 10.2040816327vw, 6.25rem) 1fr; /* 左見出し / 右本文 */
  align-items: flex-start;
  margin-bottom: 1.7em;
}

/* 見出し（縦書き） */
.comment-block > dt {
  font-size: clamp(0.875rem, 0.8309859155rem + 0.1877934272vw, 1rem);
  font-weight: normal;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  text-align: center;
}
.comment-block > dt > div {
  width: 100%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  /* カプセル型デザイン */
  border-radius: 9999px;
  padding: 2px;
}

/* 本文。左に縦の仕切り線（太＋細の2本） */
.comment-block > dd {
  position: relative;
  margin: 0; /* UA デフォルトを打ち消し */
  line-height: 1.6;
  font-size: clamp(1rem, 0.9559859155rem + 0.1877934272vw, 1.125rem);
  color: #333;
  padding-left: clamp(0.625rem, 0.4049295775rem + 0.9389671362vw, 1.25rem);
}

.notice {
  display: block;
  font-size: clamp(0.75rem, 0.7059859155rem + 0.1877934272vw, 0.875rem);
  color: #333;
  margin-top: clamp(0.625rem, 0.4049295775rem + 0.9389671362vw, 1.25rem);
  text-align: right;
}

.c_violet {
  background-color: #86649f;
  content: "柴田";
}

.c_blue {
  background-color: #3276e6;
  content: "齊藤";
}

.c_green {
  background-color: #00b4af;
  content: "家持";
}

.c_orange {
  background-color: #ff874b;
  content: "丸山";
}

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