@charset "UTF-8";
/*==========================================
変数 inc.scss
===========================================*/
/*==========================================
変数 fonts.scss
===========================================*/
/*===================================
userSS 追加
=====================================*/
.sec-article {
  position: relative;
  background: #ECEEEF; }
  .sec-article.border {
    border-top: 1px solid #000; }
    .sec-article.border::before {
      content: none;
      width: 10em;
      display: inline-block;
      height: 1px;
      background: #000;
      position: absolute;
      top: 2em;
      left: 2em;
      transform: translate(-50%, 50%) rotate(-45deg); }
    .sec-article.border::after {
      content: "";
      width: 1px;
      display: inline-block;
      height: 70%;
      background: #000;
      position: absolute;
      top: 0;
      left: 0%;
      transform: translate(0%, 0); }
      @media screen and (max-width: 960px) {
        .sec-article.border::after {
          height: 90%; } }
    .sec-article.border h2 {
      position: relative; }
      .sec-article.border h2::after {
        content: "";
        width: 150%;
        left: -30%; }
  .sec-article .article-inner {
    overflow-x: hidden; }

.editor-style {
  font-size: clamp(1.6rem, 1.8vw, 1.8rem); }
  @media screen and (min-width: 961px) {
    .editor-style {
      padding-inline: 4%; } }
  @media all and (-ms-high-contrast: none) {
    .editor-style {
      word-break: break-all; } }
  .editor-style p {
    line-height: 2; }
    .editor-style p:not(:last-child) {
      margin-bottom: 3em; }
  .editor-style mark {
    font-weight: bold;
    position: relative;
    z-index: 2; }
    .editor-style mark::after {
      content: "";
      width: 114%;
      display: inline-block;
      background: linear-gradient(transparent 25%, #ff0 75%);
      z-index: 1; }
  .editor-style a {
    color: #005096;
    text-decoration: underline; }
    .editor-style a img {
      transition: 0.3s; }
    .editor-style a:hover {
      text-decoration: underline !important; }
      .editor-style a:hover img {
        opacity: 0.5; }
  .editor-style img {
    height: auto; }
  .editor-style h2 {
    line-height: 1.4;
    font-size: clamp(2rem, 2.8vw, 3.2rem);
    font-weight: bold;
    padding: 0 0 1em;
    margin: 1em 0 2em;
    position: relative; }
    .editor-style h2::after {
      content: "";
      width: 110%;
      display: inline-block;
      height: 1px;
      background: #000;
      position: absolute;
      bottom: 0;
      left: -5%;
      transform: translate(0%, 0); }
  .editor-style h3 {
    font-size: clamp(2rem, 2.4vw, 2.8rem);
    font-weight: bold;
    padding: 0 0 0 1em;
    margin: 1em 0 1.5em;
    line-height: 1.5;
    position: relative; }
    .editor-style h3::after {
      content: "";
      width: 9px;
      display: inline-block;
      height: 70%;
      background: #333;
      position: absolute;
      bottom: 50%;
      left: 0%;
      transform: translate(0%, 50%); }
  .editor-style h4 {
    font-size: clamp(1.8rem, 2vw, 2.4rem);
    font-weight: 500;
    margin: 1em 0 1.5em; }
  .editor-style h5 {
    border-block: 3px solid #333;
    padding: 0.5em 0;
    margin: 2em 0 2em; }
  .editor-style strong {
    font-weight: bold; }
  .editor-style em {
    font-style: italic; }
  .editor-style ul {
    margin: 2em 0;
    border-left: 1px solid #000;
    padding: 1.0em 2em; }
    @media screen and (max-width: 767px) {
      .editor-style ul {
        padding: 1em; } }
    .editor-style ul li {
      position: relative;
      padding: 0 0 0 1.5em; }
      .editor-style ul li:not(:last-child) {
        margin-bottom: 0.7em; }
      .editor-style ul li::before {
        content: "";
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-weight: 500;
        top: 0;
        left: 0;
        position: absolute; }
  .editor-style ol {
    margin: 4em 0;
    border-left: 1px solid #000;
    padding: 1.0em 2em;
    counter-reset: number; }
    @media screen and (max-width: 767px) {
      .editor-style ol {
        padding: 1em; } }
    .editor-style ol li {
      padding: 0 0 0 2.5em;
      position: relative; }
      .editor-style ol li::before {
        position: absolute;
        font-family: "futura-pt", sans-serif;
        content: counter(number);
        counter-increment: number;
        left: 0;
        top: 0.35em;
        width: 1.5em;
        height: 1.5em;
        aspect-ratio: 1/1;
        border-radius: 50%;
        background: #76868C;
        color: white;
        font-weight: 500;
        text-align: center;
        vertical-align: middle;
        display: flex;
        justify-content: center;
        align-items: center; }
      .editor-style ol li:not(:last-child) {
        margin-bottom: 1em; }
  .editor-style .blocks-gallery-grid,
  .editor-style .wp-block-gallery {
    margin: 0; }
  .editor-style li.blocks-gallery-item {
    padding-left: 0; }
    .editor-style li.blocks-gallery-item::before {
      display: none; }
  .editor-style .wp-block-table {
    margin-block: 4em; }
  .editor-style .wp-block-image {
    margin-block: 4em; }
  .editor-style .wp-block-buttons {
    margin-block: 4em; }
    @media screen and (max-width: 767px) {
      .editor-style .wp-block-buttons {
        flex-direction: column; } }
    @media screen and (max-width: 767px) {
      .editor-style .wp-block-buttons .wp-block-button:last-of-type {
        margin-top: 2em; } }
    .editor-style .wp-block-buttons .wp-block-button.wp-block-button__width-50 {
      width: calc(50% - var(--wp--style--block-gap, .5em) * .5); }
      @media screen and (max-width: 767px) {
        .editor-style .wp-block-buttons .wp-block-button.wp-block-button__width-50 {
          width: 100%; } }
    .editor-style .wp-block-buttons .wp-block-button.wp-block-button__width-75 {
      width: calc(50% - var(--wp--style--block-gap, .5em) * .5); }
      @media screen and (max-width: 767px) {
        .editor-style .wp-block-buttons .wp-block-button.wp-block-button__width-75 {
          width: 100%; } }
  .editor-style .wp-block-columns {
    margin-block: 2em; }
  .editor-style .wp-block-table thead {
    border-bottom: 0px solid;
    background: #76868C;
    color: #fff;
    border: 1px solid #76868C; }
  .editor-style hr {
    border-top: 3px solid #000;
    width: 70%;
    margin: clamp(30px, 6vw, 60px) auto; }
  .editor-style table {
    width: 100%; }
    .editor-style table th, .editor-style table td {
      border: 1px solid #76868C;
      padding: 1em; }
    .editor-style table th {
      text-align: center; }
      .editor-style table th:not(:first-of-type) {
        border-left: 2px solid #fff; }

/*==========================================
 動的一覧共通
===========================================*/
.archive-cts .sec-cts .ctsNav_block,
.single-cts .sec-cts .ctsNav_block {
  width: 100%; }
.archive-cts .sec-cts .ctsNav,
.single-cts .sec-cts .ctsNav {
  text-align: center; }
  .archive-cts .sec-cts .ctsNav_wrap,
  .single-cts .sec-cts .ctsNav_wrap {
    width: 100%; }
  .archive-cts .sec-cts .ctsNav_ttl,
  .single-cts .sec-cts .ctsNav_ttl {
    letter-spacing: 0em;
    font-size: clamp(1.6rem, 0.8333333333vw, 1.8rem);
    line-height: clamp(2.6rem, 1.40625vw, 2.7rem);
    font-weight: 500;
    white-space: nowrap; }
    @media screen and (max-width: 960px) {
      .archive-cts .sec-cts .ctsNav_ttl,
      .single-cts .sec-cts .ctsNav_ttl {
        text-align: left;
        font-size: clamp(1.6rem, 1.6666666667vw, 1.8rem);
        line-height: clamp(2.6rem, 2.8125vw, 2.7rem); } }
  .archive-cts .sec-cts .ctsNav_foot,
  .single-cts .sec-cts .ctsNav_foot {
    margin-top: 2em; }
    @media screen and (max-width: 1200px) {
      .archive-cts .sec-cts .ctsNav_foot,
      .single-cts .sec-cts .ctsNav_foot {
        text-align: center; } }
    @media screen and (max-width: 960px) {
      .archive-cts .sec-cts .ctsNav_foot,
      .single-cts .sec-cts .ctsNav_foot {
        max-width: 250px;
        margin-inline: auto; } }
  .archive-cts .sec-cts .ctsNav_list_wrap,
  .single-cts .sec-cts .ctsNav_list_wrap {
    font-weight: 500;
    max-width: 100%;
    width: 100%; }
    @media screen and (max-width: 960px) {
      .archive-cts .sec-cts .ctsNav_list_wrap,
      .single-cts .sec-cts .ctsNav_list_wrap {
        max-width: 100%; } }
  .archive-cts .sec-cts .ctsNav_list_ttl,
  .single-cts .sec-cts .ctsNav_list_ttl {
    color: #000000;
    padding: 0em 0em 0em 0em;
    border-radius: 0px;
    display: flex;
    align-items: center;
    position: relative;
    white-space: nowrap;
    margin-bottom: 20px; }
  .archive-cts .sec-cts .ctsNav_list,
  .single-cts .sec-cts .ctsNav_list {
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    justify-content: flex-start; }
    .archive-cts .sec-cts .ctsNav_list.all,
    .single-cts .sec-cts .ctsNav_list.all {
      margin-bottom: 20px; }
    .archive-cts .sec-cts .ctsNav_list.bottom,
    .single-cts .sec-cts .ctsNav_list.bottom {
      margin-top: 20px; }
      @media screen and (max-width: 767px) {
        .archive-cts .sec-cts .ctsNav_list.bottom,
        .single-cts .sec-cts .ctsNav_list.bottom {
          margin-top: 10px; } }
    @media screen and (min-width: 961px) {
      .archive-cts .sec-cts .ctsNav_list.bottom .ctsNav_list_item, .archive-cts .sec-cts .ctsNav_list.all .ctsNav_list_item,
      .single-cts .sec-cts .ctsNav_list.bottom .ctsNav_list_item,
      .single-cts .sec-cts .ctsNav_list.all .ctsNav_list_item {
        width: calc(96% / 2); }
        .archive-cts .sec-cts .ctsNav_list.bottom .ctsNav_list_item:not(:nth-of-type(2n + 1)), .archive-cts .sec-cts .ctsNav_list.all .ctsNav_list_item:not(:nth-of-type(2n + 1)),
        .single-cts .sec-cts .ctsNav_list.bottom .ctsNav_list_item:not(:nth-of-type(2n + 1)),
        .single-cts .sec-cts .ctsNav_list.all .ctsNav_list_item:not(:nth-of-type(2n + 1)) {
          margin-left: 4%; } }
    @media screen and (max-width: 960px) {
      .archive-cts .sec-cts .ctsNav_list.bottom .ctsNav_list_item, .archive-cts .sec-cts .ctsNav_list.all .ctsNav_list_item,
      .single-cts .sec-cts .ctsNav_list.bottom .ctsNav_list_item,
      .single-cts .sec-cts .ctsNav_list.all .ctsNav_list_item {
        width: calc(96% / 2); }
        .archive-cts .sec-cts .ctsNav_list.bottom .ctsNav_list_item:not(:nth-of-type(2n + 1)), .archive-cts .sec-cts .ctsNav_list.all .ctsNav_list_item:not(:nth-of-type(2n + 1)),
        .single-cts .sec-cts .ctsNav_list.bottom .ctsNav_list_item:not(:nth-of-type(2n + 1)),
        .single-cts .sec-cts .ctsNav_list.all .ctsNav_list_item:not(:nth-of-type(2n + 1)) {
          margin-left: 4%; }
        .archive-cts .sec-cts .ctsNav_list.bottom .ctsNav_list_item:nth-of-type(n + 3), .archive-cts .sec-cts .ctsNav_list.all .ctsNav_list_item:nth-of-type(n + 3),
        .single-cts .sec-cts .ctsNav_list.bottom .ctsNav_list_item:nth-of-type(n + 3),
        .single-cts .sec-cts .ctsNav_list.all .ctsNav_list_item:nth-of-type(n + 3) {
          margin-top: 1em; } }
    .archive-cts .sec-cts .ctsNav_list.bottom .ctsNav_list_link, .archive-cts .sec-cts .ctsNav_list.all .ctsNav_list_link,
    .single-cts .sec-cts .ctsNav_list.bottom .ctsNav_list_link,
    .single-cts .sec-cts .ctsNav_list.all .ctsNav_list_link {
      width: calc(100% / 1); }
  .archive-cts .sec-cts .ctsNav_list_item,
  .single-cts .sec-cts .ctsNav_list_item {
    margin: 0em 0em 0.5em 0em;
    display: flex;
    align-items: baseline;
    justify-content: center;
    font-size: clamp(1.4rem, 0.8334vw, 1.6rem);
    position: relative;
    width: calc(98% / 3); }
    .archive-cts .sec-cts .ctsNav_list_item:not(:nth-of-type(3n + 1)),
    .single-cts .sec-cts .ctsNav_list_item:not(:nth-of-type(3n + 1)) {
      margin-left: 1%; }
    .archive-cts .sec-cts .ctsNav_list_item:nth-of-type(n + 4),
    .single-cts .sec-cts .ctsNav_list_item:nth-of-type(n + 4) {
      margin-top: 0.5em; }
  .archive-cts .sec-cts .ctsNav_list_link,
  .single-cts .sec-cts .ctsNav_list_link {
    display: flex;
    align-items: baseline;
    text-align: center;
    transition: 0.3s ease-in-out;
    cursor: pointer;
    font-size: inherit;
    justify-content: center;
    border: 1px solid #d1d6d8;
    color: #000;
    background: #d1d6d8;
    padding-inline: 0.15em;
    padding-block: 0.15em;
    min-width: auto;
    width: 100%;
    border-radius: 100vmax;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: clamp(1.8rem, 1.0416666667vw, 2rem); }
    @media screen and (max-width: 960px) {
      .archive-cts .sec-cts .ctsNav_list_link,
      .single-cts .sec-cts .ctsNav_list_link {
        font-size: clamp(1.6rem, 2.0833333333vw, 2rem);
        width: 100%; } }
    @media (hover: hover) {
      .archive-cts .sec-cts .ctsNav_list_link:hover:hover,
      .single-cts .sec-cts .ctsNav_list_link:hover:hover {
        background: #fff;
        color: #000; } }
    .archive-cts .sec-cts .ctsNav_list_link.active,
    .single-cts .sec-cts .ctsNav_list_link.active {
      background: #fff;
      color: #000; }
      @media (hover: hover) {
        .archive-cts .sec-cts .ctsNav_list_link.active:hover:hover,
        .single-cts .sec-cts .ctsNav_list_link.active:hover:hover {
          background: #000;
          color: #fff; } }
    .archive-cts .sec-cts .ctsNav_list_link.filter,
    .single-cts .sec-cts .ctsNav_list_link.filter {
      background: #fff;
      color: #000;
      font-weight: 400;
      line-height: 1.8;
      font-size: clamp(1.4rem, 0.8333333333vw, 1.6rem); }
      @media screen and (max-width: 960px) {
        .archive-cts .sec-cts .ctsNav_list_link.filter,
        .single-cts .sec-cts .ctsNav_list_link.filter {
          font-size: clamp(1.4rem, 2.7777777778vw, 1.6rem); } }
      @media (hover: hover) {
        .archive-cts .sec-cts .ctsNav_list_link.filter:hover:hover,
        .single-cts .sec-cts .ctsNav_list_link.filter:hover:hover {
          background: #000;
          color: #fff; } }
    .archive-cts .sec-cts .ctsNav_list_link.all,
    .single-cts .sec-cts .ctsNav_list_link.all {
      background: #000;
      color: #fff; }
      @media (hover: hover) {
        .archive-cts .sec-cts .ctsNav_list_link.all:hover:hover,
        .single-cts .sec-cts .ctsNav_list_link.all:hover:hover {
          background: #fff;
          color: #000; } }
    .archive-cts .sec-cts .ctsNav_list_link.reset,
    .single-cts .sec-cts .ctsNav_list_link.reset {
      background: #000;
      color: #fff;
      font-weight: 400;
      line-height: 1.8;
      font-size: clamp(1.6rem, 0.9375vw, 1.8rem); }
      @media screen and (max-width: 960px) {
        .archive-cts .sec-cts .ctsNav_list_link.reset,
        .single-cts .sec-cts .ctsNav_list_link.reset {
          font-size: clamp(1.6rem, 3.125vw, 1.8rem); } }
      @media (hover: hover) {
        .archive-cts .sec-cts .ctsNav_list_link.reset:hover:hover,
        .single-cts .sec-cts .ctsNav_list_link.reset:hover:hover {
          background: #fff;
          color: #000; } }
.archive-cts .sec-cts .cts-head,
.single-cts .sec-cts .cts-head {
  position: relative;
  z-index: 1; }
  @media screen and (min-width: 961px) {
    .archive-cts .sec-cts .cts-head::after,
    .single-cts .sec-cts .cts-head::after {
      content: "";
      position: absolute;
      top: -8%;
      left: -200%;
      background: #fff;
      height: 100%;
      width: 200%;
      z-index: -1;
      border-radius: 0vmax 100vmax 100vmax 0vmax;
      transition: left 2s cubic-bezier(0.34, 1.56, 0.64, 1); }
    .archive-cts .sec-cts .cts-head.show::after,
    .single-cts .sec-cts .cts-head.show::after {
      left: -82%; } }
  @media screen and (min-width: 961px) {
    .archive-cts .sec-cts .cts-head,
    .single-cts .sec-cts .cts-head {
      display: flex;
      align-items: flex-start;
      flex-direction: column;
      width: 40%; } }
  @media screen and (max-width: 960px) {
    .archive-cts .sec-cts .cts-head,
    .single-cts .sec-cts .cts-head {
      width: 100%;
      margin-bottom: 30px; } }
.archive-cts .sec-cts .cts-ttl,
.single-cts .sec-cts .cts-ttl {
  font-weight: 400; }

/*==========================================
　new-area
===========================================*/
.new-area {
  display: none; }
  .new-area.new {
    display: inline-block;
    line-height: 1.5;
    color: #fff;
    padding: 0em 0.5em;
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100vmax;
    max-width: 35px;
    margin-block: 0;
    background: #FF8C4E;
    font-family: "futura-pt", sans-serif;
    display: inline-flex;
    aspect-ratio: 1;
    border-radius: 50%;
    width: auto;
    margin-right: 0.5em;
    font-size: 1.6rem;
    width: 100%;
    height: auto;
    font-weight: 400; }

/*==========================================
 　一覧
===========================================*/
main {
  background: #eceeef; }

.archive-cts .sec-media {
  position: relative;
  background: #eceeef; }
  .archive-cts .sec-media .cts-heading-en {
    position: absolute;
    left: 0;
    transform: translateX(-150%);
    writing-mode: vertical-lr;
    letter-spacing: 0.1em; }
  .archive-cts .sec-media .cts-wrap {
    width: 100%; }
    @media screen and (min-width: 961px) {
      .archive-cts .sec-media .cts-wrap {
        display: flex;
        justify-content: space-between; } }
  .archive-cts .sec-media .cts-body {
    width: 100%;
    position: relative; }
    @media screen and (min-width: 961px) {
      .archive-cts .sec-media .cts-body {
        width: 50%;
        left: 0%; } }
  .archive-cts .sec-media .cts-ttl {
    flex-direction: column;
    align-items: flex-start;
    width: auto; }
    @media screen and (max-width: 960px) {
      .archive-cts .sec-media .cts-ttl {
        align-items: flex-start;
        width: auto;
        display: inline-flex; } }
  .archive-cts .sec-media .cts-ttl-lg {
    font-size: clamp(2rem, 2.08333vw, 4rem);
    position: relative;
    padding-bottom: 0.5em; }
    @media screen and (max-width: 960px) {
      .archive-cts .sec-media .cts-ttl-lg {
        font-size: clamp(2rem, 9.08333vw, 4rem); } }
    .archive-cts .sec-media .cts-ttl-lg::after {
      content: "";
      width: 130%;
      height: 1px;
      display: block;
      rotate: -20deg;
      position: relative;
      left: 0;
      bottom: -0.5em;
      transform: translate(0%, 0.15em);
      background: #000; }
  .archive-cts .sec-media .cts-ttl-sm {
    font-size: clamp(1.6rem, 1.042vw, 2rem);
    -webkit-transform: translate(50%, 60%);
    transform: translate(100%, 100%);
    position: absolute;
    bottom: 0;
    right: 0; }
  .archive-cts .sec-media .cts-list {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    /*スマホ時のカテゴリと日付のレイアウト調整 */ }
    @media screen and (max-width: 960px) {
      .archive-cts .sec-media .cts-list {
        max-width: 100%;
        margin-inline: auto; } }
    .archive-cts .sec-media .cts-list.slick-initialized .cts-item {
      max-width: calc(100% / 1); }
    .archive-cts .sec-media .cts-list.pickup {
      margin-bottom: 4%; }
      @media screen and (max-width: 960px) {
        .archive-cts .sec-media .cts-list.pickup {
          display: none; } }
      @media screen and (min-width: 961px) {
        .archive-cts .sec-media .cts-list.pickup .cts-item {
          width: calc(100% / 1);
          margin-left: 2%; } }
      .archive-cts .sec-media .cts-list.pickup .cts-item .item-ttl {
        font-size: clamp(1.4rem, 0.8334vw, 1.6rem); }
      .archive-cts .sec-media .cts-list.pickup .cts-item .item-date {
        display: block; }
      .archive-cts .sec-media .cts-list.pickup .cts-item .item-cts-child {
        width: 50%; }
        .archive-cts .sec-media .cts-list.pickup .cts-item .item-cts-child:nth-of-type(2) {
          border-left: 1px solid #000; }
        .archive-cts .sec-media .cts-list.pickup .cts-item .item-cts-child:last-of-type {
          width: 100%;
          border-top: 1px solid #000; }
      .archive-cts .sec-media .cts-list.pickup .cts-item .item-img {
        font-size: 0;
        overflow: hidden;
        position: relative; }
        .archive-cts .sec-media .cts-list.pickup .cts-item .item-img img {
          width: 100%;
          object-fit: cover;
          aspect-ratio: 1.2903225806;
          transition: all 320ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
          background: #f2f2f2;
          object-fit: cover;
          transform: translate3d(0px, 0px, 0px) scale(1); }
      .archive-cts .sec-media .cts-list.pickup .cts-item .new-area {
        font-size: 100%; }
    .archive-cts .sec-media .cts-list .cts-item {
      width: calc(94% / 4);
      border-radius: 1vmax;
      overflow: hidden;
      background: #fff; }
      @media screen and (min-width: 961px) {
        .archive-cts .sec-media .cts-list .cts-item {
          width: calc(94% / 4); }
          .archive-cts .sec-media .cts-list .cts-item:not(:nth-of-type(4n + 1)) {
            margin-left: 2%; }
          .archive-cts .sec-media .cts-list .cts-item:nth-of-type(n + 5) {
            margin-top: 2%; } }
      @media screen and (max-width: 960px) {
        .archive-cts .sec-media .cts-list .cts-item {
          width: calc(96% / 2); }
          .archive-cts .sec-media .cts-list .cts-item:nth-of-type(n + 3) {
            margin-top: 4%; }
          .archive-cts .sec-media .cts-list .cts-item:not(:nth-of-type(2n + 1)) {
            margin-left: 4%; } }
      @media screen and (max-width: 576px) {
        .archive-cts .sec-media .cts-list .cts-item {
          width: calc(100% / 1); }
          .archive-cts .sec-media .cts-list .cts-item:nth-of-type(n + 2) {
            margin-top: 30px; }
          .archive-cts .sec-media .cts-list .cts-item:not(:nth-of-type(2n + 1)) {
            margin-left: 0%; } }
      .archive-cts .sec-media .cts-list .cts-item .item-date {
        display: block; }
      .archive-cts .sec-media .cts-list .cts-item a {
        position: relative;
        display: block;
        transition: 0.3s ease-in-out; }
        @media (hover: hover) {
          .archive-cts .sec-media .cts-list .cts-item a:hover:hover .item-img img {
            scale: 1.03; } }
    .archive-cts .sec-media .cts-list .item-wrap {
      width: 100%;
      display: flex;
      flex-direction: column;
      border-radius: 1vmax;
      overflow: hidden;
      background: #fff; }
    .archive-cts .sec-media .cts-list .item-head {
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 80%; }
    .archive-cts .sec-media .cts-list .item-cts-child {
      width: 50%;
      padding: 2.5% 4%; }
      @media screen and (max-width: 960px) {
        .archive-cts .sec-media .cts-list .item-cts-child:nth-of-type(1) {
          width: 100%;
          padding: 0;
          display: flex; } }
      .archive-cts .sec-media .cts-list .item-cts-child:nth-of-type(2) {
        border-left: 1px solid #000;
        width: 50%;
        height: auto;
        display: flex;
        align-items: center; }
        @media screen and (max-width: 960px) {
          .archive-cts .sec-media .cts-list .item-cts-child:nth-of-type(2) {
            width: 100%;
            border-left: none;
            border-top: 1px solid #000; } }
    @media screen and (max-width: 960px) {
      .archive-cts .sec-media .cts-list .item-cate {
        width: 50%;
        padding: 2.5% 4%;
        display: flex;
        align-items: center; } }
    .archive-cts .sec-media .cts-list .item-date {
      display: block; }
      @media screen and (max-width: 960px) {
        .archive-cts .sec-media .cts-list .item-date {
          width: 50%;
          padding: 2.5% 4%;
          border-left: 1px solid #000;
          display: flex;
          align-items: center; } }
    .archive-cts .sec-media .cts-list .item-img {
      font-size: 0;
      overflow: hidden;
      position: relative; }
      .archive-cts .sec-media .cts-list .item-img img {
        width: 100%;
        aspect-ratio: 1.215;
        transition: all 320ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        background: #f2f2f2;
        object-fit: cover;
        transform: translate3d(0px, 0px, 0px) scale(1.01); }
        @media screen and (max-width: 960px) {
          .archive-cts .sec-media .cts-list .item-img img {
            width: 100%;
            object-fit: cover;
            aspect-ratio: 1.2121212121; } }
    .archive-cts .sec-media .cts-list .item-body {
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 20%;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: center;
      border-top: 1px solid #000; }
    .archive-cts .sec-media .cts-list .item-ttl {
      letter-spacing: 0;
      font-size: clamp(1.2rem, 0.8334vw, 1.4rem);
      font-weight: 500;
      letter-spacing: 0;
      display: flex;
      align-items: center;
      min-height: 35px;
      width: 100%; }
      @media screen and (max-width: 1200px) {
        .archive-cts .sec-media .cts-list .item-ttl {
          font-size: clamp(1rem, 0.8334vw, 1.4rem);
          height: auto; } }
      @media screen and (max-width: 960px) {
        .archive-cts .sec-media .cts-list .item-ttl {
          font-size: clamp(1.4rem, 3.8334vw, 1.4rem); } }
      @media screen and (min-width: 961px) {
        .archive-cts .sec-media .cts-list .item-ttl .new-area {
          font-size: clamp(0.8rem, 0.75vw, 1.2rem); } }
      .archive-cts .sec-media .cts-list .item-ttl .ttl {
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
        @media screen and (max-width: 960px) {
          .archive-cts .sec-media .cts-list .item-ttl .ttl {
            display: -webkit-box;
            overflow: hidden;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical; } }
    .archive-cts .sec-media .cts-list .item-txt {
      padding: 0.25em 0;
      font-size: clamp(1.4rem, 0.8334vw, 1.6rem);
      display: -webkit-box;
      overflow: hidden;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }
      @media screen and (max-width: 960px) {
        .archive-cts .sec-media .cts-list .item-txt {
          margin: 0.2em 0 0.4em; } }
    .archive-cts .sec-media .cts-list .item-cate-wrap {
      display: flex;
      flex-wrap: wrap; }
    .archive-cts .sec-media .cts-list .item-cate-wrap {
      display: flex;
      flex-wrap: wrap; }
    .archive-cts .sec-media .cts-list .item-date {
      display: block; }
    .archive-cts .sec-media .cts-list .item-cate {
      letter-spacing: 0.1em;
      font-weight: 500; }

/*==========================================
 　詳細
===========================================*/
.single-cts {
  position: relative; }
  .single-cts::before {
    content: "";
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    height: 50vh;
    width: 100%;
    z-index: 0; }
  .single-cts .sec-cts .cts-head {
    position: relative;
    z-index: 1; }
    @media screen and (min-width: 961px) {
      .single-cts .sec-cts .cts-head::after {
        content: "";
        position: absolute;
        height: 33.646vw;
        max-height: 600px;
        top: 50%;
        left: -200%;
        background: #fff;
        height: 100%;
        width: 200%;
        z-index: -1;
        border-radius: 0vmax 100vmax 100vmax 0vmax;
        transition: left 2s cubic-bezier(0.34, 1.56, 0.64, 1); }
      .single-cts .sec-cts .cts-head.show::after {
        left: -82%; } }
    @media screen and (min-width: 961px) {
      .single-cts .sec-cts .cts-head {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        width: 40%; } }
    @media screen and (max-width: 960px) {
      .single-cts .sec-cts .cts-head {
        width: 100%;
        margin-bottom: 30px; } }
  .single-cts .sec-media {
    position: relative; }
    .single-cts .sec-media .cts-heading-en {
      position: absolute;
      left: 0;
      transform: translateX(-150%);
      writing-mode: vertical-lr;
      letter-spacing: 0.1em;
      font-weight: 400; }
    .single-cts .sec-media .cts-wrap {
      width: 100%; }
      @media screen and (min-width: 961px) {
        .single-cts .sec-media .cts-wrap {
          display: flex;
          justify-content: space-between; } }
    .single-cts .sec-media .cts-head {
      position: relative;
      z-index: 2; }
      @media screen and (min-width: 961px) {
        .single-cts .sec-media .cts-head {
          display: flex;
          align-items: flex-start;
          flex-direction: column;
          width: 40%; }
          .single-cts .sec-media .cts-head::after {
            content: "";
            position: absolute;
            top: -8%;
            left: -200%;
            background: #fff;
            height: 100%;
            width: 220%;
            z-index: -1;
            border-radius: 0vmax 100vmax 100vmax 0vmax;
            transition: left 2s cubic-bezier(0.34, 1.56, 0.64, 1); } }
      @media screen and (max-width: 960px) {
        .single-cts .sec-media .cts-head {
          width: 100%;
          margin-bottom: 30px; } }
      @media screen and (min-width: 961px) {
        .single-cts .sec-media .cts-head .cts-list {
          max-width: 80%;
          margin-inline: auto 0; } }
    .single-cts .sec-media .cts-body {
      width: 100%;
      position: relative; }
      @media screen and (min-width: 961px) {
        .single-cts .sec-media .cts-body {
          width: 50%;
          left: 0%; } }
    .single-cts .sec-media .cts-ttl {
      flex-direction: column;
      align-items: flex-start;
      width: auto;
      display: inline-flex; }
      @media screen and (max-width: 960px) {
        .single-cts .sec-media .cts-ttl {
          align-items: flex-start;
          width: auto;
          display: inline-flex; } }
    .single-cts .sec-media .cts-ttl-lg {
      font-size: clamp(2rem, 2.08333vw, 4rem);
      position: relative;
      padding-bottom: 0.5em; }
      @media screen and (max-width: 960px) {
        .single-cts .sec-media .cts-ttl-lg {
          font-size: clamp(2rem, 9.08333vw, 4rem); } }
      .single-cts .sec-media .cts-ttl-lg::after {
        content: "";
        width: 130%;
        height: 1px;
        display: block;
        rotate: -20deg;
        position: relative;
        left: 0;
        bottom: -0.5em;
        transform: translate(0%, 0.15em);
        background: #000; }
    .single-cts .sec-media .cts-ttl-sm {
      font-size: clamp(1.6rem, 1.042vw, 2rem);
      -webkit-transform: translate(50%, 60%);
      transform: translate(100%, 100%);
      position: absolute;
      bottom: 0;
      right: 0; }
    .single-cts .sec-media .cts-list {
      display: flex;
      flex-wrap: wrap;
      position: relative; }
      @media screen and (max-width: 960px) {
        .single-cts .sec-media .cts-list {
          max-width: 100%;
          margin-inline: auto; } }
      .single-cts .sec-media .cts-list.slick-initialized .cts-item {
        max-width: calc(100% / 1); }
      .single-cts .sec-media .cts-list .cts-item {
        width: 100%; }
        .single-cts .sec-media .cts-list .cts-item .item-date {
          display: none; }
        .single-cts .sec-media .cts-list .cts-item a {
          position: relative;
          display: block;
          transition: 0.3s ease-in-out; }
          @media (hover: hover) {
            .single-cts .sec-media .cts-list .cts-item a:hover:hover .item-img img {
              scale: 1.03; } }
      .single-cts .sec-media .cts-list .item-wrap {
        width: 100%;
        display: flex;
        flex-direction: column; }
      .single-cts .sec-media .cts-list .item-head {
        position: relative;
        width: 100%; }
      .single-cts .sec-media .cts-list .item-img {
        font-size: 0;
        overflow: hidden;
        position: relative; }
        .single-cts .sec-media .cts-list .item-img img {
          width: 100%;
          aspect-ratio: 1;
          transition: all 320ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
          background: #f2f2f2;
          object-fit: cover;
          transform: translate3d(0px, 0px, 0px) scale(1); }
      .single-cts .sec-media .cts-list .item-ttl {
        letter-spacing: 0;
        font-size: clamp(2.6rem, 1.5625vw, 3rem);
        height: auto;
        font-weight: 500; }
        @media screen and (max-width: 1200px) {
          .single-cts .sec-media .cts-list .item-ttl {
            height: auto; } }
        @media screen and (max-width: 960px) {
          .single-cts .sec-media .cts-list .item-ttl {
            font-size: clamp(2rem, 2.7083333333vw, 2.6rem); } }
      .single-cts .sec-media .cts-list .item-txt {
        padding: 0.25em 0;
        font-size: clamp(1.6rem, 0.9375vw, 1.8rem); }
        @media screen and (max-width: 960px) {
          .single-cts .sec-media .cts-list .item-txt {
            margin: 0.2em 0 0.4em;
            font-size: clamp(1.6rem, 1.875vw, 1.8rem); } }
      .single-cts .sec-media .cts-list .item-cate-wrap {
        display: flex;
        flex-wrap: wrap; }
      .single-cts .sec-media .cts-list .item-cate {
        letter-spacing: 0.1em;
        font-weight: 500; }
    .single-cts .sec-media .new-area.new {
      position: absolute;
      transform: translateX(-120%); }
      @media screen and (max-width: 767px) {
        .single-cts .sec-media .new-area.new {
          position: static;
          transform: translate(0);
          margin-right: 0.5em;
          display: inline-flex;
          vertical-align: middle; } }
    .single-cts .sec-media .media-list .media-item {
      width: 100%; }
      .single-cts .sec-media .media-list .media-item .item-date {
        display: none; }
    .single-cts .sec-media .media-list .item-wrap {
      width: 100%;
      display: flex;
      flex-direction: column; }
      @media screen and (max-width: 960px) {
        .single-cts .sec-media .media-list .item-wrap {
          position: relative;
          z-index: 1;
          overflow: visible; }
          .single-cts .sec-media .media-list .item-wrap::before {
            content: "";
            position: absolute;
            z-index: -1;
            width: 200vw;
            left: 50%;
            transform: translateX(-50%);
            bottom: 50%;
            top: -3000px;
            background: #fff; } }
    .single-cts .sec-media .media-list .item-head {
      position: relative;
      width: 100%; }
    .single-cts .sec-media .media-list .item-img {
      font-size: 0;
      overflow: hidden;
      position: relative;
      border-radius: 1vmax;
      transform: translateZ(0); }
      .single-cts .sec-media .media-list .item-img img {
        width: 100%;
        aspect-ratio: 1;
        transition: all 320ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        background: #f2f2f2;
        object-fit: cover;
        transform: translate3d(0px, 0px, 0px) scale(1); }
  .single-cts .sec-other {
    position: relative;
    background: #eceeef; }
    .single-cts .sec-other .cts-heading-en {
      position: absolute;
      left: 0;
      transform: translateX(-150%);
      writing-mode: vertical-lr;
      letter-spacing: 0.1em;
      font-weight: 400; }
    .single-cts .sec-other .cts-wrap {
      width: 100%; }
      @media screen and (min-width: 961px) {
        .single-cts .sec-other .cts-wrap {
          display: flex;
          justify-content: space-between; } }
    @media screen and (min-width: 961px) {
      .single-cts .sec-other .cts-head {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        width: auto;
        margin-right: 4%; } }
    @media screen and (max-width: 960px) {
      .single-cts .sec-other .cts-head {
        width: 100%;
        margin-bottom: 30px; } }
    .single-cts .sec-other .cts-head .cts-ttl-en {
      letter-spacing: 0em;
      font-size: clamp(2rem, 2.0833333333vw, 4rem);
      font-weight: 400; }
    .single-cts .sec-other .cts-head .cts-ttl-ja {
      font-size: clamp(1.4rem, 1.0416666667vw, 2rem);
      letter-spacing: 0.15em;
      font-weight: 400; }
    .single-cts .sec-other .cts-body {
      width: auto;
      position: relative; }
      @media screen and (min-width: 961px) {
        .single-cts .sec-other .cts-body {
          width: 100%;
          left: 0%; } }
    .single-cts .sec-other .cts-ttl {
      flex-direction: column;
      align-items: flex-start;
      width: auto;
      display: inline-flex; }
      @media screen and (max-width: 960px) {
        .single-cts .sec-other .cts-ttl {
          align-items: flex-start;
          width: auto;
          display: inline-flex; } }
    .single-cts .sec-other .cts-ttl-lg {
      font-size: clamp(2rem, 2.08333vw, 4rem);
      position: relative;
      padding-bottom: 0.5em; }
      @media screen and (max-width: 960px) {
        .single-cts .sec-other .cts-ttl-lg {
          font-size: clamp(2rem, 9.08333vw, 4rem); } }
      .single-cts .sec-other .cts-ttl-lg::after {
        content: "";
        width: 130%;
        height: 1px;
        display: block;
        rotate: -20deg;
        position: relative;
        left: 0;
        bottom: -0.5em;
        transform: translate(0%, 0.15em);
        background: #000; }
    .single-cts .sec-other .cts-ttl-sm {
      font-size: clamp(1.6rem, 1.042vw, 2rem);
      -webkit-transform: translate(50%, 60%);
      transform: translate(100%, 100%);
      position: absolute;
      bottom: 0;
      right: 0; }
    .single-cts .sec-other .other-list {
      display: flex;
      flex-wrap: wrap;
      position: relative; }
      @media screen and (max-width: 960px) {
        .single-cts .sec-other .other-list {
          max-width: 100%;
          margin-inline: auto; } }
      .single-cts .sec-other .other-list.slick-initialized .other-item {
        max-width: calc(100% / 1); }
      @media screen and (max-width: 960px) {
        .single-cts .sec-other .other-list.sp_slider_other:not(.slick-initialized) {
          padding-inline: 4%; } }
      .single-cts .sec-other .other-list .other-item {
        max-width: calc(100% / 1);
        border-radius: 1vmax;
        overflow: hidden; }
        @media screen and (min-width: 961px) {
          .single-cts .sec-other .other-list .other-item {
            width: calc(96% / 3); }
            .single-cts .sec-other .other-list .other-item:nth-of-type(n + 4) {
              margin-top: 60px; }
            .single-cts .sec-other .other-list .other-item:not(:nth-of-type(3n + 1)) {
              margin-left: 2%; } }
        @media screen and (max-width: 960px) {
          .single-cts .sec-other .other-list .other-item {
            width: 100%; }
            .single-cts .sec-other .other-list .other-item:not(:nth-of-type(2n + 1)) {
              margin-left: 0; } }
        .single-cts .sec-other .other-list .other-item a {
          position: relative;
          display: block;
          height: 100%; }
          @media (hover: hover) {
            .single-cts .sec-other .other-list .other-item a:hover:hover .item-img img {
              scale: 1.03; }
            .single-cts .sec-other .other-list .other-item a:hover:hover .item-more-wrap {
              opacity: 1;
              transform: translate(0%, 0%); } }
        .single-cts .sec-other .other-list .other-item .item-more-wrap {
          position: absolute;
          z-index: 2;
          inset: 0;
          width: 100%;
          height: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          background: rgba(0, 0, 0, 0.68);
          opacity: 0;
          transform: translate(0%, -20%);
          transition: 0.3s ease-in-out;
          transition-delay: 0.1s; }
          .single-cts .sec-other .other-list .other-item .item-more-wrap .item-more-txt {
            font-size: clamp(1.4rem, 0.8334vw, 1.6rem);
            letter-spacing: 0.1em;
            white-space: nowrap;
            margin-right: 1em; }
            @media screen and (max-width: 960px) {
              .single-cts .sec-other .other-list .other-item .item-more-wrap .item-more-txt {
                font-size: clamp(1.4rem, 0.8334vw, 1.6rem); } }
      .single-cts .sec-other .other-list .item-wrap {
        width: 100%;
        display: flex;
        flex-direction: column; }
      .single-cts .sec-other .other-list .item-head {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 80%; }
      .single-cts .sec-other .other-list .item-cts-child {
        width: 50%;
        padding: 2.5% 4%; }
        @media screen and (max-width: 960px) {
          .single-cts .sec-other .other-list .item-cts-child:nth-of-type(1) {
            width: 100%;
            padding: 0;
            display: flex; } }
        .single-cts .sec-other .other-list .item-cts-child:nth-of-type(2) {
          border-left: 1px solid #000;
          width: 50%;
          height: auto;
          display: flex;
          align-items: center; }
          @media screen and (max-width: 960px) {
            .single-cts .sec-other .other-list .item-cts-child:nth-of-type(2) {
              width: 100%;
              border-left: none;
              border-top: 1px solid #000; } }
      .single-cts .sec-other .other-list .item-img {
        font-size: 0;
        overflow: hidden;
        position: relative; }
        .single-cts .sec-other .other-list .item-img img {
          width: 100%;
          object-fit: cover;
          aspect-ratio: 1.25;
          transition: all 320ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
          background: #f2f2f2;
          object-fit: cover;
          transform: translate3d(0px, 0px, 0px) scale(1.015); }
          @media screen and (max-width: 960px) {
            .single-cts .sec-other .other-list .item-img img {
              width: 100%;
              object-fit: cover;
              aspect-ratio: 1.2121212121; } }
      .single-cts .sec-other .other-list .item-body {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 20%;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        border-top: 1px solid #000;
        min-height: 35px;
        width: 100%;
        background: #fff; }
      .single-cts .sec-other .other-list .item-ttl-wrap {
        width: 100%; }
      .single-cts .sec-other .other-list .item-ttl {
        letter-spacing: 0;
        font-size: clamp(1.2rem, 0.8334vw, 1.4rem);
        font-weight: 500;
        letter-spacing: 0;
        display: flex;
        align-items: center;
        min-height: 35px;
        width: 100%; }
        @media screen and (max-width: 1200px) {
          .single-cts .sec-other .other-list .item-ttl {
            font-size: clamp(1rem, 0.8334vw, 1.4rem);
            height: auto; } }
        @media screen and (max-width: 960px) {
          .single-cts .sec-other .other-list .item-ttl {
            font-size: clamp(1.4rem, 3.8334vw, 1.4rem); } }
        @media screen and (min-width: 961px) {
          .single-cts .sec-other .other-list .item-ttl .new-area {
            font-size: clamp(0.8rem, 0.75vw, 1.2rem); } }
        .single-cts .sec-other .other-list .item-ttl .ttl {
          display: -webkit-box;
          overflow: hidden;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical; }
          @media screen and (max-width: 960px) {
            .single-cts .sec-other .other-list .item-ttl .ttl {
              display: -webkit-box;
              overflow: hidden;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical; } }
      .single-cts .sec-other .other-list .item-txt {
        padding: 0.25em 0;
        font-size: clamp(1.4rem, 0.8334vw, 1.6rem);
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
        @media screen and (max-width: 960px) {
          .single-cts .sec-other .other-list .item-txt {
            margin: 0.2em 0 0.4em; } }
      .single-cts .sec-other .other-list .item-cate-wrap {
        display: flex;
        flex-wrap: wrap; }
      .single-cts .sec-other .other-list .item-cate-wrap {
        display: flex;
        flex-wrap: wrap; }
      .single-cts .sec-other .other-list .item-date {
        display: block; }
        @media screen and (max-width: 960px) {
          .single-cts .sec-other .other-list .item-date {
            width: 50%;
            padding: 2.5% 4%;
            border-left: 1px solid #000;
            display: flex;
            align-items: center; } }
      .single-cts .sec-other .other-list .item-cate {
        letter-spacing: 0.1em;
        font-weight: 500; }
        @media screen and (max-width: 960px) {
          .single-cts .sec-other .other-list .item-cate {
            width: 50%;
            padding: 2.5% 4%;
            display: flex;
            align-items: center; } }
    .single-cts .sec-other .slick-slide {
      margin-right: 1vw !important;
      margin-left: 1vw !important; }
    .single-cts .sec-other .slick-prev,
    .single-cts .sec-other .slick-next {
      font-size: 0;
      line-height: 0;
      display: block;
      z-index: 1;
      width: 40px;
      height: 40px;
      background: transparent;
      border: 0px solid #343434;
      border-radius: 50%;
      padding: 0;
      transform: translate(0, -50%);
      transition: 0.3s;
      cursor: pointer;
      color: transparent;
      outline: none;
      position: absolute;
      top: 50%; }
    .single-cts .sec-other .slick-prev {
      left: -4%; }
      @media screen and (max-width: 960px) {
        .single-cts .sec-other .slick-prev {
          left: calc(7% - 4px); } }
    .single-cts .sec-other .slick-next {
      right: 15%; }
      @media screen and (max-width: 960px) {
        .single-cts .sec-other .slick-next {
          right: calc(7% - 4px); } }
  .single-cts .sec-article .article-inner {
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    padding: 100px; }
    @media screen and (max-width: 960px) {
      .single-cts .sec-article .article-inner {
        padding: 20px 5px; } }
    .single-cts .sec-article .article-inner .editor-style h2::after {
      content: "";
      height: 1px;
      background: #000;
      position: absolute;
      bottom: 0;
      left: -100vw;
      width: 200vw; }

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