@charset "UTF-8";
figure {
  margin: 1em 0; }

.features-h1 {
  font-size: 2.5em;
  font-weight: bold;
  margin: 0.5em 0 0;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
  .features-h1 img {
    vertical-align: bottom; }

.features-h1-gothic {
  font-size: 2.5em;
  font-weight: bold;
  margin: 0.5em 0 0; }
  .features-h1-gothic img {
    vertical-align: bottom; }

.fukidashi-h2 {
  /*
  旧：画像を使う方法
  color: #0096E0;
  text-align: left;
  border-bottom: 2px solid #0096E0;
  font-weight: bold;
  position: relative;
  margin: 1em 0 1em;
  line-height: 1.2;
  display:table;
  // font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; 
  font-size:1.4em;
  &::after {
    content: url(/gen03/kouhou/1589/img/features/fukidashi.png);
    display: block;
    position: absolute;
    top: 1.02em;
    left:1.5em;
    @media(max-width:680px){
      top:auto;
      bottom:-0.98em;
    }
  }
  */
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
  margin: 1em 0 0.5em;
  padding: 0;
  padding-bottom: 0.2em;
  border-bottom: 2px solid #0096E0;
  background-color: #FFF;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.2;
  color: #0096E0; }
  .fukidashi-h2::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 20%;
    border-style: solid;
    border-width: 20px 16px 0 0;
    border-color: #0096E0 transparent transparent;
    translate: -50% 100%;
    transform: skew(0deg);
    transform-origin: top; }
  .fukidashi-h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 20%;
    border-style: solid;
    border-width: 14.3px 11.4px 0 0;
    border-color: #FFF transparent transparent;
    translate: calc(-50% - 0.4px) 100%;
    transform: skew(0deg);
    transform-origin: top; }

.fukidashi-h2-utb, .tf2024-title {
  /*
  旧：画像を使う方法
  color: $color-黑料传送门-Blue;
  text-align: left;
  border-bottom: 2px solid $color-黑料传送门-Blue;
  font-weight: bold;
  position: relative;
  margin: 1em 0 1em;
  line-height: 1.2;
  display:table;
  // font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; 
  font-size:1.4em;
  &::after {
    content: url(/gen03/kouhou/1589/img/features/fukidashi_utb.png);
    display: block;
    position: absolute;
    top: 1.02em;
    left:1.5em;
    @media(max-width:680px){
      top:auto;
      bottom:-0.98em;
    }
  }
  */
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
  margin: 1em 0 0.5em;
  padding: 0;
  padding-bottom: 0.2em;
  border-bottom: 2px solid #0095DC;
  background-color: #FFF;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.2;
  color: #0095DC; }
  .fukidashi-h2-utb::before, .tf2024-title::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 20%;
    border-style: solid;
    border-width: 20px 16px 0 0;
    border-color: #0095DC transparent transparent;
    translate: -50% 100%;
    transform: skew(0deg);
    transform-origin: top; }
  .fukidashi-h2-utb::after, .tf2024-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 20%;
    border-style: solid;
    border-width: 14.3px 11.4px 0 0;
    border-color: #FFF transparent transparent;
    translate: calc(-50% - 0.4px) 100%;
    transform: skew(0deg);
    transform-origin: top; }

.kumo-h2 {
  padding: 0.5em;
  display: table;
  color: #0095DC;
  text-align: center;
  font-weight: bold;
  margin: 1em 0 1em;
  line-height: 1.2;
  font-size: 1.4em;
  width: calc(330px - (0.5em * 2));
  max-width: calc(100% - (0.5em * 2));
  position: relative;
  z-index: 1; }
  @media (max-width: 580px) {
    .kumo-h2 {
      width: calc(320px - ((10px + 20px + 0.5em) * 2)); } }
  .kumo-h2::before {
    content: '';
    display: inline-block;
    width: 330px;
    height: 59px;
    background-image: url(/gen03/kouhou/1589/img/features/kumo.png);
    background-repeat: no-repeat;
    background-size: 330px 59px;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1; }
    @media (max-width: 580px) {
      .kumo-h2::before {
        width: calc(320px - ((10px + 20px) * 2));
        height: 84px;
        background-size: calc(320px - ((10px + 20px) * 2)) 84px; } }
  .kumo-h2-spbr {
    display: none; }
    @media (max-width: 580px) {
      .kumo-h2-spbr {
        display: block; } }

.question {
  background-image: url(/gen03/kouhou/1589/img/features/q.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 2em;
  min-height: 2em;
  padding-left: 0.75em;
  margin-left: -0.75em;
  font-size: 1.3em; }

.features-h2 {
  font-size: 1.7em;
  font-weight: bold;
  margin: 1.4em 0 0.2em;
  color: #0096E0;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  position: relative;
  z-index: 10;
  line-height: 1.3; }
  .features-h2__num {
    color: #0096E0;
    font-size: 6em;
    position: absolute;
    line-height: 1;
    top: -30px;
    z-index: -20;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    opacity: 0.5; }
  .features-h2__text {
    position: relative;
    z-index: 20; }
  .features-h2 + p {
    position: relative;
    z-index: 20; }

.features-h2-brown {
  font-size: 1.3em;
  font-weight: bold;
  margin: 1.4em 0 0.4em;
  position: relative;
  z-index: 10;
  color: #8E6539;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.features-h2-blue {
  font-size: 1.3em;
  font-weight: bold;
  margin: 1.4em 0 0.4em;
  position: relative;
  z-index: 10;
  color: #093488;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.features-h2-gothic-blue {
  font-size: 1.3em;
  font-weight: bold;
  margin: 1.4em 0 0.4em;
  position: relative;
  z-index: 10;
  color: #0096E0; }

.features-h2-gothic {
  font-size: 1.3em;
  font-weight: bold;
  margin: 1.4em 0 0.4em;
  position: relative;
  z-index: 10; }

.features-h2-number {
  margin-bottom: -1.5em; }

.features-h2-number-deep {
  margin-bottom: -2em; }

.features-h3 {
  line-height: 1.2;
  font-size: 1.2em;
  font-weight: bold;
  margin: 1em 0 0.4em;
  position: relative;
  z-index: 10;
  color: #000000;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
  .features-h3__inner {
    color: #093488;
    background: #EDEAE0; }

.features-h3-utb {
  line-height: 1.2;
  font-size: 1.2em;
  font-weight: bold;
  margin: 1em 0 0.4em;
  position: relative;
  z-index: 10;
  color: #0095DC; }

.circle_number {
  color: #fff;
  background-color: #00A0E9;
  border: 4px solid #00A0E9;
  border-radius: 50%;
  font-size: 0.7em;
  line-height: 1;
  padding-top: 0.1em;
  padding-left: 0.3em;
  padding-right: 0.3em;
  vertical-align: middle;
  display: inline-block;
  margin-bottom: 0.2em;
  margin-right: 0.5em; }

.features-number {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .features-number__item {
    width: 290px;
    padding-bottom: 1em;
    position: relative; }
    .features-number__item-para {
      margin-top: 0;
      position: relative; }
      .features-number__item-para__inner {
        margin-top: 0;
        position: relative;
        display: block;
        width: 180px;
        float: left; }
  .features-number__label {
    color: #D2BFAB;
    font-size: 6em;
    font-weight: bold;
    position: absolute;
    left: 0.45em;
    top: 10px;
    z-index: 10;
    vertical-align: top;
    line-height: 1; }
    .features-number__label-last {
      color: #D2BFAB;
      font-size: 6em;
      font-weight: bold;
      position: absolute;
      right: 0.45em;
      top: 10px;
      z-index: 10;
      vertical-align: top;
      line-height: 1; }
  .features-number__text {
    position: relative;
    z-index: 20;
    display: block;
    font-size: 0.7em; }
    .features-number__text-right {
      position: relative;
      z-index: 20;
      display: table;
      font-size: 0.7em;
      padding-left: 5px; }
  .features-number__img {
    float: right;
    margin-left: 5px; }
    .features-number__img-last {
      float: left; }

/* 黑料传送门推奨カラー */
.color-黑料传送门-Yellow {
  color: #FDD000; }

.color-黑料传送门-Blue {
  color: #0095DC; }

.color-White {
  color: #FFFFFF; }

.color-Black {
  color: #888888; }

.color-黑料传送门-Green {
  color: #58B531; }

.color-黑料传送门-Red {
  color: #E6002D; }

.color-黑料传送门-Purple {
  color: #7F2289; }

.color-黑料传送门-Light-Blue {
  color: #68C9F2; }

/* その他のカラー */
.color-light-blue {
  color: #00A1E9; }

.color-dark-blue {
  color: #093488; }

.color-blue {
  color: #0066A0; }

.color-pink {
  color: #E4007F; }

.color-brown {
  color: #8E6539; }

.underbar-brown {
  border-bottom: 1px solid #8E643A; }

.nowrap {
  white-space: nowrap; }

.note {
  font-size: 0.8em;
  margin: 0 0 2em; }
  .note__marker {
    color: #E4007F; }

/* 1589 */
.tf2024-heading {
  position: relative; }
  .tf2024-heading img:first-of-type {
    position: absolute;
    top: 0.15em;
    left: 0; }
.tf2024-title {
  /* 継承 */
  /* tf2024用 ここから */
  width: 15em;
  max-width: 100%;
  text-align: center;
  /* tf2024用 ここまで */ }
.tf2024-image_panel figure div {
  line-height: 0;
  display: flex;
  flex-wrap: wrap; }
  .tf2024-image_panel figure div img {
    margin-right: 1px;
    margin-bottom: 1px; }
.tf2024-image_logo {
  margin-top: 1em;
  vertical-align: middle;
  line-height: 0; }
  .tf2024-image_logo figure {
    margin: 0; }
  .tf2024-image_logo img {
    display: block;
    margin-right: 0;
    margin-left: auto; }
.tf2024-area {
  background: #EAF6FD;
  padding: 1em;
  margin: 1em 0;
  border-radius: 0.4em; }
  .tf2024-area figure {
    margin: 0;
    margin-top: 0.5em;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 0.5em; }
    .tf2024-area figure figcaption {
      display: block;
      margin: 0;
      font-size: 0.8em; }
    .tf2024-area figure img {
      display: block;
      padding: 10px;
      background-color: #FFF; }
  .tf2024-area p {
    margin: 0;
    font-size: 0.9em; }

.iut-person_p_and_t {
  display: flex;
  gap: 1em; }
  @media (max-width: 640px) {
    .iut-person_p_and_t {
      display: flex;
      flex-direction: column;
      gap: 1em; } }
  .iut-person_p_and_t > div:first-of-type {
    order: 2; }
    @media (max-width: 640px) {
      .iut-person_p_and_t > div:first-of-type {
        order: 1; } }
  .iut-person_p_and_t > div:last-of-type {
    order: 1; }
    @media (max-width: 640px) {
      .iut-person_p_and_t > div:last-of-type {
        order: 2; } }
.iut-person_p_and_p {
  display: flex;
  gap: 0.5em; }
  @media (max-width: 640px) {
    .iut-person_p_and_p {
      display: flex;
      flex-direction: column;
      gap: 1em; } }
.iut-person1_wrap, .iut-person2_wrap, .iut-person3_wrap {
  display: table; }
.iut-person1_bubble, .iut-person2_bubble, .iut-person3_bubble {
  padding: 0.5em;
  border: #4495C3 1px solid;
  border-radius: 0.6em;
  background-color: #EAF6FD;
  display: table-caption; }
  .iut-person1_bubble p, .iut-person2_bubble p, .iut-person3_bubble p {
    margin: 0;
    text-indent: 1em;
    font-size: 0.9em; }
.iut-person1_image, .iut-person2_image, .iut-person3_image {
  margin: 0;
  line-height: 1.2; }
  .iut-person1_image figcaption, .iut-person2_image figcaption, .iut-person3_image figcaption {
    margin-top: 0.5em; }
  .iut-person1_image__position, .iut-person2_image__position, .iut-person3_image__position {
    font-weight: bold;
    font-size: 0.8em;
    display: block;
    white-space: nowrap; }
  .iut-person1_image__name, .iut-person2_image__name, .iut-person3_image__name {
    font-weight: bold;
    font-size: 1.2em;
    width: 90%;
    white-space: nowrap;
    display: block;
    margin-top: 0.4em; }
    .iut-person1_image__name .position2, .iut-person2_image__name .position2, .iut-person3_image__name .position2 {
      font-size: calc(((0.8 / 1.2) * 100%));
      margin-right: 0.5em; }
.iut-person1_footnote, .iut-person2_footnote, .iut-person3_footnote {
  margin: 0.5em 0 0;
  display: block;
  font-size: 0.85em; }
  .iut-person1_footnote .footnote1,
  .iut-person1_footnote .footnote2, .iut-person2_footnote .footnote1,
  .iut-person2_footnote .footnote2, .iut-person3_footnote .footnote1,
  .iut-person3_footnote .footnote2 {
    margin: 0; }
  .iut-person1_footnote .footnote2, .iut-person2_footnote .footnote2, .iut-person3_footnote .footnote2 {
    text-indent: -1.3em;
    margin-left: 1.3em; }
.iut-project_name {
  line-height: 1.2;
  font-size: 1.1em;
  font-weight: bold;
  margin: 1em 0; }
  .iut-project_name img {
    display: block;
    margin: 0.5em auto 0; }
.iut-project_fig {
  float: right;
  margin: 0 0 0.5em 0.5em; }
.iut-project_text {
  font-size: 0.9em; }
.iut-person1_wrap {
  margin: 1em 0 0; }
  @media (max-width: 640px) {
    .iut-person1_wrap {
      margin-top: 0; } }
.iut-person1_bubble h2 {
  color: #00A1E9;
  margin: 0 0 0.5em;
  font-size: 1.18em;
  width: 13em; }
  @media (max-width: 640px) {
    .iut-person1_bubble h2 {
      width: auto; } }
.iut-person1_image {
  margin: 0.5em 0;
  display: flex;
  gap: 0.5em; }
.iut-person2_wrap, .iut-person3_wrap {
  display: flex;
  align-items: flex-end;
  gap: 0.5em;
  flex: 1; }
  @media (max-width: 640px) {
    .iut-person2_wrap, .iut-person3_wrap {
      flex-direction: column; } }
.iut-person2_image__position, .iut-person3_image__position {
  width: 12em; }
  @media (max-width: 640px) {
    .iut-person2_image__position, .iut-person3_image__position {
      width: auto; } }
.iut-person2_bubble p, .iut-person3_bubble p {
  text-indent: 0; }
@media (max-width: 640px) {
  .iut-person2_wrap {
    align-items: flex-end; } }
.iut-person2_wrap > div {
  order: 1; }
  @media (max-width: 640px) {
    .iut-person2_wrap > div {
      order: 2; } }
.iut-person2_wrap > figure {
  order: 1; }
  @media (max-width: 640px) {
    .iut-person2_wrap > figure {
      order: 2; } }
.iut-person2_image .pc {
  display: inline; }
  @media (max-width: 640px) {
    .iut-person2_image .pc {
      display: none; } }
.iut-person2_image .sp {
  display: none; }
  @media (max-width: 640px) {
    .iut-person2_image .sp {
      display: inline; } }
@media (max-width: 640px) {
  .iut-person3_wrap {
    align-items: flex-start; } }
.iut-person3_wrap > div {
  order: 2; }
  @media (max-width: 640px) {
    .iut-person3_wrap > div {
      order: 1; } }
.iut-person3_wrap > figure {
  order: 1; }
  @media (max-width: 640px) {
    .iut-person3_wrap > figure {
      order: 2; } }
.iut-subtitle {
  line-height: 1.3;
  font-size: 1.3em;
  font-weight: bold;
  margin: 1em 0 0.5em; }
  .iut-subtitle .subsub {
    font-size: 75%; }
  .iut-subtitle::before {
    content: '';
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 4px;
    width: 27px;
    height: 28px;
    background-image: url(/gen03/kouhou/1589/img/features/iut_india.png);
    background-size: contain;
    vertical-align: middle; }
.iut-main, .iut-sub {
  margin: 1em 0;
  padding: 0; }
.iut-picture-wrap {
  margin-top: 3px;
  margin-right: 1em;
  margin-bottom: 0.5em;
  display: flex;
  gap: 3px; }
.iut-picture1, .iut-picture2, .iut-picture3, .iut-picture4 {
  margin: 0;
  line-height: 0;
  position: relative; }
  .iut-picture1 figcaption, .iut-picture2 figcaption, .iut-picture3 figcaption, .iut-picture4 figcaption {
    position: absolute;
    top: 4px;
    left: 4px;
    font-size: 0.8em;
    line-height: 1.2;
    color: #fff;
    text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, 0px 1px 0 #000,  0 -1px 0 #000, -1px 0 0 #000, 1px 0 0 #000; }
.iut-picture-vertical {
  display: flex;
  flex-direction: column;
  gap: 3px; }
.iut-figure {
  margin: 3px 0; }
.iut-list {
  list-style: none;
  margin: 0;
  margin-left: 1em;
  padding: 0;
  text-indent: -1em; }
  .iut-list li::before {
    content: "◎"; }
.iut-other-wrap {
  margin-top: 3px;
  margin-right: 1em;
  margin-bottom: 0.5em;
  display: flex;
  gap: 3px; }
.iut-other1, .iut-other2, .iut-other3 {
  margin: 0;
  line-height: 0;
  position: relative; }
  .iut-other1 figcaption, .iut-other2 figcaption, .iut-other3 figcaption {
    position: absolute;
    top: 4px;
    left: 4px;
    font-size: 0.8em;
    line-height: 1.2;
    color: #fff;
    text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, 0px 1px 0 #000,  0 -1px 0 #000, -1px 0 0 #000, 1px 0 0 #000; }
.iut-other-vertical {
  display: flex;
  flex-direction: column;
  gap: 3px; }
.iut-noteonly {
  font-size: 0.8em; }