@charset "utf-8";
/* zadankai ページ用スタイル（common.css の後に読み込み） */
/* ---------- 旧 style.css 由来 ---------- */

.talk__body {
  overflow: auto;
}

img.u-float-right {
  padding: 4px;
  margin: 0 0 2px 10px;
  display: inline;
}

img.u-float-left {
  padding: 4px;
  margin: 0 10px 2px 0;
  display: inline;
}

.u-float-right {
  float: right;
}

.u-float-left {
  float: left;
}

@media (max-width: 768px) {

  img.u-float-right {
    padding: 0 0 10px 0;
    margin: 0 auto;
    display: block;
  }

  img.u-float-left {
    padding: 0 0 10px 0;
    margin: 0 auto;
    display: block;
  }

  .u-float-right {
    float: none;
  }

  .u-float-left {
    float: none;
  }
}

.talk2023__cols .talk2023__col-left {
  width: 48%;
}

.talk2023__cols .talk2023__col-right {
  width: 50%;
}

@media screen and (max-width: 768px) {

  .talk2023__cols .talk2023__col-left {
    width: 100%;
  }

  .talk2023__cols .talk2023__col-right {
    width: 100%;
  }
}

.talk2025__figure img {
  width: 80%;
  height: auto;
}

.talk2025__cols .talk2025__col {
  width: 100%;
}

.flag::before,
.flag::after {
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:100vw;
  border-top:3px dotted #999;
}

.flag::before {
  top:0;
}

.flag::after {
  bottom:0;
}

.flag__button::after {
  content:"›";
  font-size:1.2em;
  line-height:1;
}

.flag__button:hover {
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(0,0,0,.12);
  opacity:.95;
}

.flag__spacer {
  height: clamp(24px,3.2vw,36px);
}
/* ---------- HTML5（標準モード）化に伴う調整：見出しの行間が広がるのを防ぐ ---------- */

.talk2025__heading-wrap {
  line-height: 0;
}