/* ------------------------------
 /page-template/page_advantage のスタイル */

#primary #main .page-template-width .fixed_page_wrap {
  margin-top: 4em;
  padding: 4rem;
  background-color: #fafafa;
  font-size: 1.6rem;
  text-align: center;
}

#primary #main .page-template-width .fixed_page_wrap .main_small_title {
  display: inline-block;
  background-color: #2271b1;
  color: #fff;
  padding: 8px 24px;
  font-size: 2rem;
}
#primary #main .page-template-width .fixed_page_wrap .main_small_text {
  margin: 2em 0 4em;
}

/* 繰り返されるセクション */
#primary #main .page-template-width .fixed_page_wrap .section__loop_wrap {
  text-align: left;
  background-color: #fff;
  padding: 0.5em 2em 2em;
  margin-top: 4rem;
}
#primary
  #main
  .page-template-width
  .fixed_page_wrap
  .section__loop_wrap
  > .is-layout-flex {
  gap: 3em;
}

/* 固定ページのwp-block-groupのflexでのレイアウト調整 */
/* 比率指定（figure : div = 2 : 1） */
#primary
  #main
  .page-template-width
  .fixed_page_wrap
  .section__loop_wrap
  .wp-block-group.is-layout-flex
  > figure {
  /* flex: 1.5 1 0; basis:0 */
  flex: 1 1 0; /* basis:0 */
}

#primary
  #main
  .page-template-width
  .fixed_page_wrap
  .section__loop_wrap
  .wp-block-group.is-layout-flex
  > .wp-block-group.is-layout-constrained {
  flex: 1 1 0;
  min-width: 0;
  max-width: none; /* WPのmax-width制限を解除 */
  margin-inline: 0; /* 自動中央寄せ解除 */
}

/* スマホ: 縦積み */
@media (max-width: 992px) {
  #primary
    #main
    .page-template-width
    .fixed_page_wrap
    .section__loop_wrap
    .wp-block-group.is-layout-flex {
    flex-direction: column;
  }
  #primary
    #main
    .page-template-width
    .fixed_page_wrap
    .section__loop_wrap
    .wp-block-group.is-layout-flex
    > figure,
  #primary
    #main
    .page-template-width
    .fixed_page_wrap
    .section__loop_wrap
    .wp-block-group.is-layout-flex
    > .wp-block-group.is-layout-constrained {
    flex: 0 0 auto; /* 比率リセット */
    width: 100%;
    max-width: 100%;
  }
  #primary
    #main
    .page-template-width
    .fixed_page_wrap
    .section__loop_wrap
    .wp-block-group.is-layout-flex
    figure
    img {
    max-width: 100%;
    height: auto;
  }
}

/* セクションの中の画像横テキスト */
@media (max-width: 992px) {
  #primary
    #main
    .page-template-width
    .fixed_page_wrap
    .section__loop_large_texts {
    margin-top: -2em;
  }
}

/* 画像横テキストの中の装飾テキスト */
#primary
  #main
  .page-template-width
  .fixed_page_wrap
  .section__loop_wrap
  .section__loop_deco {
  font-size: 4rem;
  color: #2271b1;
  font-family: cursive;
}
#primary
  #main
  .page-template-width
  .fixed_page_wrap
  .section__loop_wrap
  .section__loop_deco
  > .num {
  font-size: 1.8em;
  margin-left: -10px;
}
#primary
  #main
  .page-template-width
  .fixed_page_wrap
  .section__loop_wrap
  .section__loop_title {
  margin-top: -16px;
  margin-bottom: 1em;
  white-space: nowrap;
}

/* セクションの中の段落下 */
#primary
  #main
  .page-template-width
  .fixed_page_wrap
  .section__loop_wrap
  .section__loop_second_title {
  position: relative;
  line-height: 1.2;
  font-weight: 700;
  box-shadow: inset 4px 0 0 0 #0ea5e9;
  padding-left: 0.8em;
}