@charset "utf-8";
/* ---------------------
  - category

  - issue
    - issue__item
  - issueDate
    - issueDate__month
    - issueDate__number
  - issueDateMonth
    - issueDateMonth__item
      - --number
      - --text

  - thumbnail

  - more
    - --corporate
    - --corporate-sub
    - --white
    - --load

  - pager
    - pager__item
  - --nav
    - --prev
    - --next
    - --number
  - --page

  - pagerItem
    - pagerItem__text
    - pagerItem__number

  - articleCards
    - articleCards__item
  - articleCard
    - articleCard__item
      - --summary
      - --thumbnail
  - articleCardSummary
    - articleCardSummary__item
      - --label
      - --title
      - --body
  - articleCardTitle
  - articleCardAuther
  - articleCardBody
  - --upper
      --issue
      --latest
  - --lower

  - articleLists
    - articleLists__item
  - articleList
    - articleList__item
      - --label
      - --summary
      - --thumbnail
  - articleListLabel
    - articleListLabel__item
      - --category
      - --issue
  - articleListSummary
    - articleListSummary__item
      - --title
      - --body
  - articleListTitle
  - articleListAuther
  - articleListBody

  - articleListsLoad

  - noArticle
    - noArticle__item

  - bannerList
    - bannerList__item

  - bannerSwiper

  - section
    - section__item

  - title
    - title__main
  - --category
  - subTitle
    - subTitle__main

  - heading
  - headingWrapper
    - headingWrapper__main
    - headingWrapper__sub
  - --border
  - --mark

  - issueWrapper
    - issueWrapper__item
      - --hero
      - --card
      - --list
      - --news
      - --footer

  - issueTitle
    - issueTitle__item
    - --month
    - --number

  - issueEditor
    - issueEditor__summay
    - issueEditor__thumbnail
  - issueEditorSummay
    - issueEditorSummay__item
      - --title
      - --text
      - --more

  - issueNews
  - issueNewsWrapper
    - issueNewsWrapper__title
    - issueNewsWrapper__text

  - articleWrapper
    - articleWrapper__body
    - articleWrapper__related

  - article

  - articleHeader
    - articleHeader__item
  - articleHeaderLabel
    - articleHeaderLabel__item
      - --category
      - --issue
  - articleHeaderTitle
    - articleHeaderTitle__item
      - --title
      - --subTitle
  - articleHeaderAuther

  - articleMain
  - articleMainText

  - articleResize

  - fontSizeToggle

  - articleFooter

  - searchWidget
    - searchWidget__text
    - searchWidget__input
  - --search
  - --filter

  - searchInput
    - searchInput__text
    - searchInput__button
  - searchSelect

  - resultNumber
    - resultNumber__text
    - resultNumber__count

  - noResult
    - noResult__item

  - backNumberTitle
    - backNumberTitle__main
    - backNumberTitle__sub
    - backNumberTitle__trigger
      - --isOpen
  - backNumber

  - infomationList
    - infomationList__item
  - infomationItem
    - infomationItem__date
    - infomationItem__title

  - infomation
  - infomationHeader
    - infomationHeader__date
    - infomationHeader__title
  - infomationMain
  - infomationFooter

  - noInfomation
    - noInfomation__item

  - JS-toggleTrigger
    - --isOpen
  - JS-toggleTarget

  - error
    - error__title
    - --404
    - --500
    - error__body
  - errorText
    - errorText__item
      - --message
--------------------- */



/* -----------------------------------
  category
----------------------------------- */
.category {
  inline-size: fit-content;
  font-weight: 700;
  font-size: .93333333rem; /* 14/15 */
}

.category :is( a, span ) {
  display: block;
}

.category a {
  text-decoration: none;
}

.category span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  max-height: 1lh;
  padding-inline: 1.066666667rem; /* 16/15 */
  border-radius: 3lh;
  overflow: hidden;
  background-color: var(--color-corporate-sub);
  color: var(--color);
  line-height: 1.7142857154; /* 24/14 */
  -webkit-line-clamp: 1;
}



/* -----------------------------------
  issue
----------------------------------- */
.issue {
  inline-size: fit-content;
  font-size: .8rem; /* 12/15 */
  line-height: 1;
}

.issue > a {
  display: block;
  color: var(--color-gray);
  text-decoration: none;
}


/* -----------------------------------
  issueDate
----------------------------------- */
.issueDate {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: flex-start;
  -ms-align-items: center;
      align-items: center;
  gap: 2px .5833333333em; /* 7/12 */
}


/*  issueDate__month
------------------------ */


/*  issueDate__number
------------------------ */
.issueDate__number {
  padding: 2px 5px;
  border: 1px solid var(--color-gray);
  font-family: var(--font-family-pathway);
}



/* -----------------------------------
  issueDateMonth
----------------------------------- */
.issueDateMonth {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: baseline;
      align-items: baseline;
  column-gap: 2px;
  white-space: nowrap;
}


/*  issueDateMonth__item
------------------------ */
/*  --number  */
.issueDateMonth__item.--number {
  font-size: 1.33333333em; /* 16/12 */
  font-family: var(--font-family-pathway);
}


/*  --text  */
.issueDateMonth__item.--text {
  font-weight: 700;
}


/* -----------------------------------
  thumbnail
----------------------------------- */
.thumbnail {
  aspect-ratio: 1.732 / 1; /* platinum ratio */
  overflow: hidden;
  border-radius: clamp( 12px, 1.6vw, 24px ); /* 24/15 */
}

.thumbnail :is( a, span ) {
  display: block;
  height: 100%;
}

.thumbnail span {
  position: relative;
  z-index: -1;
  /*background-color: #d9d9d9;*/
}

.thumbnail span:after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient( 229deg, rgba( var(--color-corporate-rgb), 0 ) 0, rgba( var(--color-corporate-rgb), .2 ) 74.48%, var(--color-corporate) 107.65% );
  content: " ";
}

.thumbnail img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: auto;
  object-fit: cover;
}



/* -----------------------------------
  more
----------------------------------- */
.more {
  max-width: 204px;
  margin-inline: auto;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
}

.issueEditorSummay__item.--more .more {
  max-width: none;
}

:is( .infomationList, #noInfomation )  + .more {
  margin-top: 2.66666667em; /* 40/15 */
}

#error__body .more {
  margin-top: 5lvh;
}

.more:has( span ) {
  font-weight: 600;
}

.more a {
  display: block;
  position: relative;
  width: 100%;
  padding-block: .66666667em; /* 10/15 */
  padding-inline: 1.66666667em; /* 25/15 */
  border: 1px solid var(--color);
  border-radius: 3lh;
  background-color: var(--color-white);
  color: var(--color);
  text-decoration: none;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.more a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: .66666667em; /* 10/15 */
  -webkit-transform: translateY( -50% ) rotate( 45deg );
      -ms-transform: translateY( -50% ) rotate( 45deg );
       -o-transform: translateY( -50% ) rotate( 45deg );
          transform: translateY( -50% ) rotate( 45deg );
  aspect-ratio: 1 / 1;
  width: .53333333em; /* 8/15 */
  border-top: 2px solid var(--color);
  border-right: 2px solid var(--color);
  content: " ";
}

.more span {
  margin-left: .75em;
  font-weight: 400;
  font-size: 1.1em; /* 16.5/15 */
  font-family: var(--font-family-pathway);
}


/*  --corporate
------------------------ */
.more.--corporate a {
  border-color: var(--color-corporate);
  background-color: var(--color-corporate);
  color: var(--color-white);
}

.more.--corporate a:after {
  border-top-color: var(--color-white);
  border-right-color: var(--color-white);
}


/*  --corporate-sub
------------------------ */
.more.--corporate-sub {
  font-weight: 700;
}

.more.--corporate-sub a {
  border-color: var(--color-corporate-sub);
  background-color: var(--color-corporate-sub);
  color: var(--color);
}

.more.--corporate-sub a:after {
  border-top-color: var(--color);
  border-right-color: var(--color);
}


/*  --white
------------------------ */
#articleFooter .more.--white {
  max-width: 246px;
}

.more.--white a {
  border-color: var(--color);
  color: var(--color);
}

.more.--white a:after {
  border-top-color: var(--color);
  border-right-color: var(--color);
}



/* -----------------------------------
  pager
----------------------------------- */
.pager {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -ms-align-items: stretch;
      align-items: stretch;
  column-gap: .8em; /* 16/20 */
  list-style: none;
  padding: 0;
  line-height: 1;
  font-size: 1.33333333rem; /* 20/15 */
  font-family: var(--font-family-pathway);
  text-align: center;
}

#articleMain .pager.--page {
  margin-top: 40px;
}



/*  pager__item
------------------------ */
.pager__item :is( a, span ) {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
  column-gap: .4em; /* 8/20 */
  position: relative;
  overflow: hidden;
}

.pager__item a {
  text-decoration: none;
}


/* -----------------------------------
  --nav
----------------------------------- */
.pager.--nav {
  justify-content: space-between;
}

.infomationList + .pager.--nav {
  margin-top: 40px;
}

.pager.--nav:not( :has( .pagerItem__number ) ) {
  justify-content: center;
}

.pager.--nav:has( .pager__item.--prev:only-child ) {
  justify-content: flex-start;
}

.pager.--nav:has( .pager__item.--next:only-child ) {
  justify-content: flex-end;
}

.pager.--nav > .pager__item > a {
  min-height: 100%;
  color: var(--color-gray);
}

.pager.--nav > .pager__item > a:not( :has( .pagerItem__number ) ) {
  width: 18px;
}

.pager.--nav > .pager__item > a:before {
  display: block;
  aspect-ratio: 1 / 1;
  width: 8px;
  border-top: 2px solid var(--color-gray);
  border-right: 2px solid var(--color-gray);
}


/*  --prev  */
.pager.--nav .pager__item.--prev a {
  -webkit-flex-direction: row;
     -moz-flex-direction: row;
      -ms-flex-direction: row;
       -o-flex-direction: row;
          flex-direction: row;
}

.pager.--nav .pager__item.--prev a:before {
  -webkit-transform: translateX( 2px ) rotate( 45deg ) scale( -1, -1 );
      -ms-transform: translateX( 2px ) rotate( 45deg ) scale( -1, -1 );
       -o-transform: translateX( 2px ) rotate( 45deg ) scale( -1, -1 );
          transform: translateX( 2px ) rotate( 45deg ) scale( -1, -1 );
  content: " ";
}


/*  --next  */
.pager.--nav .pager__item.--next a {
  -webkit-flex-direction: row-reverse;
     -moz-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
       -o-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.pager.--nav .pager__item.--next a:before {
  -webkit-transform: translateX( -2px ) rotate( 45deg );
      -ms-transform: translateX( -2px ) rotate( 45deg );
       -o-transform: translateX( -2px ) rotate( 45deg );
          transform: translateX( -2px ) rotate( 45deg );
  content: " ";
}


/*  --number  */



/* -----------------------------------
  --page
----------------------------------- */
.pager.--page {
  justify-content: center;
}

.pager.--page > .pager__item {
  overflow: hidden;
  border-radius: 50%;
}

.pager.--page > .pager__item :is( a, span ) {
  aspect-ratio: 1 / 1;
  width: 1.8em; /* 36/20 */
  color: var(--color-white);
}

.pager.--page > .pager__item > a {
  background-color: var(--color-lightgray);
}

.pager.--page > .pager__item > span {
  background-color: var(--color-gray);
}



/* -----------------------------------
  pagerItem
----------------------------------- */
.pagerItem {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: baseline;
      align-items: baseline;
  line-height: 1.2;
  white-space: nowrap;
}


.pagerItem:not( :has( .pagerItem__number ) ) {
  position: absolute;
  top: 0;
  left: 200%;
}


/*  pagerItem__text
------------------------ */
.pagerItem__text {
  text-transform: capitalize;
}


/*  pagerItem__number
------------------------ */
.pagerItem__number {
  font-size: 1.3em; /* 26/20 */
}



/* -----------------------------------
  articleCards
----------------------------------- */
.articleCards {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
}


/*  articleCards__item
------------------------ */



/* -----------------------------------
  articleCard
----------------------------------- */
.articleCard {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -ms-align-items: stretch;
      align-items: stretch;
  row-gap: clamp( 20px, 2.66666667vw, 40px ); /* 40/15 */
  min-height: 100%;
}


/*  articleCard__item
------------------------ */
/*  --summary  */


/*  --thumbnail  */
.articleCard__item.--thumbnail {
  position: relative;
}

.articleCard__item.--thumbnail .category {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 9;
}

.articleCard__item.--thumbnail .category a {
  padding: clamp( .8em, 1.33333333vw, 20px ); /* 12/15 20/15 */
}



/* -----------------------------------
  articleCardSummary
----------------------------------- */
/*  articleCardSummary__item
------------------------ */



/* -----------------------------------
  articleCardTitle
----------------------------------- */
.articleCardTitle {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  max-height: 3lh;
  overflow: hidden;
  font-weight: 600;
  line-height: 1.4;
  -webkit-line-clamp: 3;
  line-break: anywhere;
  font-family: var(--font-family-serif);
}

.articleCardTitle a {
  color: var(--color);
  text-decoration: none;
}

.articleCardTitle span + span:before {
  display: inline;
  content: " ";
}



/* -----------------------------------
  articleCardAuther
----------------------------------- */
.articleCardAuther {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  max-height: 1lh;
  overflow: hidden;
  color: var(--color-gray);
  font-size: .93333333rem; /* 14/15 */
  line-height: 1.2;
  -webkit-line-clamp: 1;
}

.articleCardTitle + .articleCardAuther {
  margin-top: .5714285724em; /* 8/14 */
}

.articleCardAuther a {
  color: var(--color);
  text-decoration: none;
}



/* -----------------------------------
  articleCardBody
----------------------------------- */
.articleCardBody {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  max-height: 3lh;
  overflow: hidden;
  line-height: 1.64;
  -webkit-line-clamp: 3;
  line-break: anywhere;
}


/* -----------------------------------
  --upper
----------------------------------- */
.articleCards.--upper {
  gap: clamp( 40px, 4vw, 60px ) clamp( 20px, 2.666666667vw, 40px ); /* 60/15 40/15 */
}

@media ( min-width: 684.1px ) {
  .articleCards.--upper .articleCards__item {
    width: calc( ( 100% - ( clamp( 20px, 2.666666667vw, 40px ) * 2 ) ) / 3 );
  }
}
@media ( max-width: 684px ) {
  .articleCards.--upper .articleCards__item {
    width: calc( ( 100% - clamp( 20px, 2.666666667vw, 40px ) ) / 2 );
  }
}

.articleCards.--upper .articleCard {
  -webkit-flex-direction: column-reverse;
     -moz-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
       -o-flex-direction: column-reverse;
          flex-direction: column-reverse;
  justify-content: flex-end;
}

.articleCards.--upper .articleCardSummary__item + .articleCardSummary__item {
  margin-top: .933333333em; /* 14/15 */
}

.articleCards.--upper .articleCards__item .articleCardTitle {
  font-size: clamp( 16px, 1.33333333vw, 20px ); /* 20/15 */
}



/*  --issue
------------------------ */
@media ( min-width: 684.1px ) {
  .articleCards.--upper.--issue .articleCards__item:nth-of-type(-n+2) {
    width: calc( ( 100% - clamp( 20px, 2.666666667vw, 40px ) ) / 2 );
  }
}
@media ( max-width: 684px ) {
  .articleCards.--upper.--issue .articleCards__item:first-of-type {
    flex-basis: 100%;
  }
}

@media ( min-width: 684.1px ) {
  .articleCards.--upper.--issue .articleCards__item:nth-of-type(-n+2) .articleCardTitle {
    font-size: clamp( 19px, 1.53333333vw, 23px ); /* 23/15 */
  }
}
@media ( max-width: 684px ) {
  .articleCards.--upper.--issue .articleCards__item:first-of-type .articleCardTitle {
    font-size: clamp( 19px, 1.53333333vw, 23px );
  }
}



/*  --latest
------------------------ */
.articleCards.--upper.--latest {
  gap: clamp( 40px, 4vw, 60px ) clamp( 20px, 4.666666667vw, 70px ); /* 60/15 70/15 */
}

@media ( min-width: 684.1px ) {
  .articleCards.--upper.--latest .articleCards__item:nth-of-type(-n+2) {
    width: calc( ( 100% - clamp( 20px, 4.666666667vw, 70px ) ) / 2 );
  }

  .articleCards.--upper.--latest .articleCards__item:nth-of-type(n+3) {
    width: calc( ( 100% - ( clamp( 20px, 4.666666667vw, 70px ) * 2 ) ) / 3 );
  }
}
@media ( max-width: 684px ) {
  .articleCards.--upper.--latest .articleCards__item:first-of-type {
    flex-basis: 100%;
  }

  .articleCards.--upper.--latest .articleCards__item:nth-of-type(n+2) {
    width: calc( ( 100% - clamp( 20px, 4.666666667vw, 70px ) ) / 2 );
  }
}

.articleCards.--upper.--latest .articleCardSummary {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  gap: .933333333em clamp( 18px, 2.4vw, 36px ); /* 14/15 36/15 */
}
@media ( max-width: 684px ) {
  .articleCards.--upper.--latest .articleCardSummary {
    -webkit-flex-direction: column;
       -moz-flex-direction: column;
        -ms-flex-direction: column;
         -o-flex-direction: column;
            flex-direction: column;
  }
}

.articleCards.--upper.--latest .articleCardSummary__item + .articleCardSummary__item {
  margin-top: 0;
}

@media ( min-width: 684.1px ) {
  .articleCards.--upper.--latest .articleCardSummary__item.--title {
    -webkit-flex: 1;
       -moz-flex: 1;
        -ms-flex: 1;
         -o-flex: 1;
            flex: 1;
  }
}

@media ( min-width: 684.1px ) {
  .articleCards.--upper.--latest .articleCardSummary__item.--body {
    -webkit-flex: none;
       -moz-flex: none;
        -ms-flex: none;
         -o-flex: none;
            flex: none;
    width: 34.8837209316%; /* 225/6.45 */
  }
}

@media ( min-width: 684.1px ) {
  .articleCards.--upper.--latest .articleCards__item:nth-of-type(n+3) .articleCardSummary__item.--body {
    display: none;
  }
}
@media ( max-width: 684px ) {
  .articleCards.--upper.--latest .articleCards__item:nth-of-type(n+2) .articleCardSummary__item.--body {
    display: none;
  }
}

@media ( min-width: 684.1px ) {
  .articleCards.--upper.--latest .articleCards__item:nth-of-type(-n+2) .articleCardTitle {
    font-size: clamp( 20px, 2vw, 30px ); /* 30/15 */
  }

  .articleCards.--upper.--latest .articleCards__item:nth-of-type(n+3) .articleCardTitle {
    font-size: clamp( 17px, 1.533333333vw , 23px ); /* 23/15 */
  }
}
@media ( max-width: 684px ) {
  .articleCards.--upper.--latest .articleCards__item:first-of-type .articleCardTitle {
    font-size: clamp( 20px, 2vw, 30px );
  }

  .articleCards.--upper.--latest .articleCards__item:nth-of-type(n+2) .articleCardTitle {
    font-size: clamp( 17px, 1.533333333vw , 23px );
  }
}

.articleCards.--upper.--latest .articleCardBody {
  max-height: 5lh;
  -webkit-line-clamp: 5;
}



/* -----------------------------------
  --lower
----------------------------------- */
.articleCards.--lower {
  gap: clamp( 40px, 4.666666667vw, 70px ) clamp( 20px, 2.66666667vw, 40px ); /* 70/15 40/15 */
}

@media ( min-width: 1024px ) {
  .articleCards.--lower .articleCards__item {
    width: calc( ( 100% - ( clamp( 20px, 2.66666667vw, 40px ) * 3 ) ) / 4 );
  }
}
@media ( min-width: 684.1px ) and ( max-width: 1023.9px ) {
  .articleCards.--lower .articleCards__item {
    width: calc( ( 100% - ( clamp( 20px, 2.66666667vw, 40px ) * 2 ) ) / 3 );
  }
}
@media ( max-width: 684px ) {
  .articleCards.--lower .articleCards__item {
    width: calc( ( 100% - clamp( 20px, 2.66666667vw, 40px ) ) / 2 );
  }
}

.articleCards.--lower .articleCard {
  -webkit-flex-direction: column;
     -moz-flex-direction: column;
      -ms-flex-direction: column;
       -o-flex-direction: column;
          flex-direction: column;
  justify-content: flex-start;
}

.articleCards.--lower .articleCard__item.--thumbnail {
  margin-top: auto;
}

.articleCards.--lower .articleCardSummary__item + .articleCardSummary__item {
  margin-top: .933333333em; /* 14/15 */
}

.articleCards.--lower .articleCardTitle {
  font-size: clamp( 16px, 1.466666667vw, 22px ); /* 22/15 */
}



/* -----------------------------------
  articleLists
----------------------------------- */
/*  articleLists__item
------------------------ */
.articleLists__item {
  padding: 40px var(--inner);
  container: articleList / inline-size;
}

.articleLists__item + .articleLists__item {
  border-top: 1px solid var(--color-lightgray);
}



/* -----------------------------------
  articleList
----------------------------------- */
.articleList {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  gap: 1.2em clamp( 20px, 2.66666667vw, 40px ); /* 18/15 40/15 */
  position: relative;
}

.articleList:not( :has( .articleList__item.--thumbnail ) ) {
  padding-bottom: calc( ( clamp( 18px, 2.3939064213cqi, 22px ) + 2px ) + .933333333em );  /* 22/9.19 14/15 */
}


/*  articleList__item
------------------------ */
/*  --label  */
.articleList__item.--label {
  flex-basis: 100%;
}


/*  --summary  */
.articleList__item.--summary {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  min-width: 0;
}


/*  --thumbnail  */
.articleList__item.--thumbnail {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  position: relative;
  width: max( 21.7627856378% , 100px ); /* 200/9.19 */
  padding-bottom: calc( ( clamp( 18px, 2.3939064213cqi, 22px ) + 2px ) + .933333333em );  /* 22/9.19 14/15 */
}

.articleList__item.--thumbnail .thumbnail a {
  color: var(--color);
  text-decoration: none;
}

.articleList__item.--thumbnail .thumbnail a:before ,
.articleList__item.--thumbnail .thumbnail a:after {
  display: block;
  position: absolute;
  font-weight: 500;
  font-size: clamp( 10px, 1.4145810676cqi, 13px ); /* 22/13 */
  text-align: center;
  white-space: nowrap;
}

.articleList__item.--thumbnail .thumbnail a:before {
  right: .7692307692em; /* 10/13 */
  top: calc( 100% - ( ( 1.6923076932em + 2px ) / 2 ) ); 
  -webkit-transform: translateY( -50% ) rotate( 45deg );
      -ms-transform: translateY( -50% ) rotate( 45deg );
       -o-transform: translateY( -50% ) rotate( 45deg );
          transform: translateY( -50% ) rotate( 45deg );
  aspect-ratio: 1 / 1;
  width: .4615384625em; /* 6/13 */
  border-top: 1px solid var(--color);
  border-right: 1px solid var(--color);
  content: " ";
}

.articleList__item.--thumbnail .thumbnail a:after {
  right: 0;
  bottom: 0;
  padding-inline: 1.8461538466em 2.1538461544em; /* 24/13 28/13 */
  border: 1px solid var(--color);
  border-radius: .5lh;
  line-height: 1.6923076932em; /* 22/13 */
  content: "もっと見る";
}



/* -----------------------------------
  articleListLabel
----------------------------------- */
.articleListLabel {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: center;
      align-items: center;
  gap: .33333333em .66666667em; /* 5/15 10/15 */
}


/*  articleListLabel__item
------------------------ */
/*  --category  */


/*  --issue  */
.articleListLabel__item.--issue {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
}



/* -----------------------------------
  articleListSummary
----------------------------------- */
/*  articleListSummary__item
------------------------ */
.articleListSummary__item + .articleListSummary__item {
  margin-top: .933333333em; /* 14/15 */
}


/*  --title  */


/*  --body  */



/* -----------------------------------
  articleListTitle
----------------------------------- */
.articleListTitle {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  max-height: 3lh;
  overflow: hidden;
  font-weight: 600;
  font-size: clamp( 17px, 1.533333333vw, 23px ); /* 23/15 */
  line-height: 1.4;
  -webkit-line-clamp: 3;
  line-break: anywhere;
  font-family: var(--font-family-serif);
}

.articleListTitle a {
  color: var(--color);
  text-decoration: none;
}

.articleListTitle a:before ,
.articleListTitle a:after {
  display: block;
  position: absolute;
  font-weight: 500;
  font-size: clamp( 10px, 1.4145810676cqi, 13px ); /* 13/9.19 */
  text-align: center;
  white-space: nowrap;
}

.articleListTitle a:before {
  right: .7692307692em; /* 10/13 */
  top: calc( 100% - ( ( 1.6923076922em + 2px ) / 2 ) ); /* 22/13 */
  -webkit-transform: translateY( -50% ) rotate( 45deg );
      -ms-transform: translateY( -50% ) rotate( 45deg );
       -o-transform: translateY( -50% ) rotate( 45deg );
          transform: translateY( -50% ) rotate( 45deg );
  aspect-ratio: 1 / 1;
  width: .4615384625em; /* 6/13 */
  border-top: 1px solid var(--color);
  border-right: 1px solid var(--color);
  content: " ";
}

.articleListTitle a:after {
  right: 0;
  bottom: 0;
  padding-inline: 1.8461538466em 2.1538461544em; /* 24/13 28/13 */
  border: 1px solid var(--color);
  border-radius: .5lh;
  line-height: 1.6923076922em; /* 22/13 */
  font-family: var(--font-family);
  content: "もっと見る";
}

.articleList:has( .articleList__item.--thumbnail ) .articleListTitle a:before ,
.articleList:has( .articleList__item.--thumbnail ) .articleListTitle a:after {
  content: none;
}

.articleListTitle span + span:before {
  display: inline;
  content: " ";
}



/* -----------------------------------
  articleListAuther
----------------------------------- */
.articleListAuther {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  max-height: 1lh;
  overflow: hidden;
  font-size: .933333333rem; /* 14/15 */
  line-height: 1.2;
  -webkit-line-clamp: 1;
}

.articleListTitle + .articleListAuther {
  margin-top: .5714285724em; /* 8/14 */
}

.articleListAuther a {
  color: var(--color-gray);
  text-decoration: none;
}



/* -----------------------------------
  articleListBody
----------------------------------- */
.articleListBody {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  max-height: 2lh;
  overflow: hidden;
  line-height: 1.64;
  -webkit-line-clamp: 2;
  line-break: anywhere;
}



/* -----------------------------------
  articleListsLoad
----------------------------------- */
#articleListsLoad {
  padding: 40px var(--inner);
  border-top: 1px solid var(--color-lightgray);
}

#articleListsLoad:not( :has( button ) ) {
  display: none;
}

#articleListsLoad button {
  display: block;
  margin-inline: auto;
  padding: .66666667em 1.66666667em; /* 10/15 25/15 */
  border: 1px solid var(--color-corporate);
  border-radius: 3lh;
  background-color: var(--color-corporate);
  color: var(--color-white);
  font-weight: 500;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

#articleListsLoad span {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
  column-gap: 1em;
  padding-left: .53333333em; /* 8/15 */
}

#articleListsLoad span:after {
  display: block;
  -webkit-transform: translateY( -2px ) rotate( 45deg );
      -ms-transform: translateY( -2px ) rotate( 45deg );
       -o-transform: translateY( -2px ) rotate( 45deg );
          transform: translateY( -2px ) rotate( 45deg );
  aspect-ratio: 1 / 1;
  width: .53333333em; /* 8/15 */
  border-right: 2px solid var(--color-white);
  border-bottom: 2px solid var(--color-white);
  content: " ";
}



/* -----------------------------------
  noArticle
----------------------------------- */
.noArticle {
  padding: 15lvh var(--inner);
  background-color: rgba( var(--color-whitegray-rgb), .3 );
  font-size: 1.2rem; /* 18/15 */
}

.subTitle + .noArticle {
  background-color: transparent;
}

.backNumber .noArticle {
  background-color: transparent;
}


/*  noArticle__item
------------------------ */
.noArticle__item {
  inline-size: fit-content;
  margin-inline: auto;
}



/* -----------------------------------
  bannerList
----------------------------------- */
#bannerList {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: center;
       align-items: center;
  gap: 1.0666666667em; /* 16/15 */
  margin-inline: auto;
}
@media ( min-width: 1024px ) {
  #bannerList {
    -webkit-flex-direction: column;
       -moz-flex-direction: column;
        -ms-flex-direction: column;
         -o-flex-direction: column;
            flex-direction: column;
  }
}
@media ( max-width: 1023.9px ) {
  #bannerList {
    -webkit-flex-wrap: wrap;
       -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
         -o-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}


/*  bannerList__item
------------------------ */
@media ( max-width: 1023.9px ) {
  .bannerList__item {
    width: clamp( 250px, 35vw, 300px );
  }
}



/* -----------------------------------
  bannerSwiper
----------------------------------- */
#bannerSwiper {
  container: bannerSwiper / inline-size;
}

@media ( max-width: 1023.9px ) {
  #bannerSwiper:has( .swiper-slide:only-child ) {
    width: clamp( 135px, 47.5%, 230px );
    margin-inline: auto;
  }
}

#bannerSwiper .swiper-slide {
  height: auto;
  cursor: pointer;
}

#bannerSwiper .swiper-slide a {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-direction: column;
     -moz-flex-direction: column;
      -ms-flex-direction: column;
       -o-flex-direction: column;
          flex-direction: column;
  justify-content: center;
  -ms-align-items: stretch;
      align-items: stretch;
  min-height: 100%;
}

#bannerSwiper .swiper-slide img {
  margin-inline: auto;
}

#bannerSwiper .swiper-pagination {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
  gap: .5em 1em;
  margin-top: 1.25em; /* 15/12 */
  font-size: clamp( 10px, 4cqi, 12px ); /* 12/3 */
}
@media ( max-width: 1023.9px ) {
  #bannerSwiper .swiper-pagination {
    padding-inline: var(--inner);
  }
}


#bannerSwiper .swiper-pagination-bullet {
  aspect-ratio: 1 / 1;
  width: 1em;
  border-radius: 50%;
  background-color: var(--color-lightgray);
  cursor: pointer;
}

#bannerSwiper .swiper-pagination-bullet-active {
  background-color: var(--color-corporate);
}



/* -----------------------------------
  section
----------------------------------- */
.section + .section {
  border-top: 1px solid var(--color-lightgray);
}

#mainWrapper__side .section {
  padding: var(--block) var(--inner);
}

@media ( max-width: 1023.9px ) {
  #mainWrapper__side .section:has( #bannerSwiper.swiper ) {
    padding-inline: 0;
  }
}


/*  section__item
------------------------ */
.section__item {
  padding: var(--block) var(--inner);
}

.section__item:has( .title ):has( + .section__item > #resultNumber ) {
  padding-block-end: clamp( 60px, 6vw, 90px ); /* 90/15 */
}

.section__item:has( .title.--category ) {
  padding-block-end: 15px;
}

.section__item:has( .articleLists ) {
  padding: 0;
}

.section__item:has( .backNumberTitle ) {
  padding: 0;
}

.section__item:has( :is( [class^="no"], [id^="no"] ) ) {
  padding: 0;
}

.section__item + .section__item {
  border-top: 1px solid var(--color-lightgray);
}



/* -----------------------------------
  title
----------------------------------- */
.title {
  font-weight: 400;
  font-size: 1.2rem; /* 18/15 */
  line-height: 1;
}


/*  title__main
------------------------ */
.title__main {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: baseline;
      align-items: baseline;
  column-gap: .777777778em; /* 14/18 */
  font-weight: inherit;
  font-size: inherit;
}

.title__main:before {
  display: block;
  padding-bottom: .375em; /* 24/64 */
  border-bottom: 5px solid var(--color-corporate);
  font-size: clamp( 48px, 4.2666666667vw, 64px ); /* 64/15 */
  line-height: .8;
  font-family: var(--font-family-pathway);
  text-transform: capitalize;
  content: attr(data-title);
}



/* -----------------------------------
  --category
----------------------------------- */
.title.--category .title__main:before {
  border-bottom-width: 3px;
  font-size: 2em; /* 36/18 */
}



/* -----------------------------------
  subTitle
----------------------------------- */
.subTitle {
  padding: clamp( 20px, 2.666666667vw, 40px ) var(--inner); /* 40/15 */
  border-bottom: 1px solid var(--color-lightgray);
  background-color: rgba( var(--color-whitegray-rgb), .3 );
}


/*  subTitle__main
------------------------ */
.subTitle__main {
  padding-left: 20px;
  border-left: 5px solid var(--color-corporate);
  font-weight: 700;
  font-size: clamp( 20px, 1.733333333vw, 26px ); /* 26/15 */
}



/* -----------------------------------
  heading
----------------------------------- */
.heading {
  font-size: 1.2rem; /* 18/15 */
}

.heading a {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: space-between;
  -ms-align-items: center;
      align-items: center;
  column-gap: 20px;
  padding-block: clamp( 25px, 3vw, 45px ); /* 45/15 */
  padding-inline: var(--inner);
  background-color: rgba( var(--color-whitegray-rgb), .3 );
  color: var(--color);
  text-decoration: none;
}

.heading a:after {
  display: block;
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  -webkit-transform: translateX( -2px ) rotate( 45deg );
      -ms-transform: translateX( -2px ) rotate( 45deg );
       -o-transform: translateX( -2px ) rotate( 45deg );
          transform: translateX( -2px ) rotate( 45deg );
  aspect-ratio: 1 / 1;
  width: .77777778em; /* 14/18 */
  border-top: 1px solid var(--color);
  border-right: 1px solid var(--color);
  content: " ";
}



/* -----------------------------------
  headingWrapper
----------------------------------- */
.headingWrapper {
  line-height: 1;
}


/*  headingWrapper__main
------------------------ */
.headingWrapper__main {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-direction: column;
     -moz-flex-direction: column;
      -ms-flex-direction: column;
       -o-flex-direction: column;
          flex-direction: column;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  gap: .666666667em .88888889em; /* 12/18 16/18 */
  font-weight: inherit;
  font-size: inherit;
}

.headingWrapper__main:before {
  display: block;
  font-size: 2.11111111em; /* 38/18 */
  line-height: .8;
  font-family: var(--font-family-pathway);
  text-transform: capitalize;
  content: attr(data-title);
}


/*  headingWrapper__sub
------------------------ */



/* -----------------------------------
  --border
----------------------------------- */
.heading.--border {
  margin-bottom: 1.66666667em; /* 30/18 */
  padding-bottom: 1.66666667em;
  border-bottom: 1px solid var(--color-lightgray);
}



/* -----------------------------------
  --mark
----------------------------------- */
.heading.--mark:has( a ) {
  border-bottom: 1px solid var(--color-lightgray);
}

.heading.--mark a {
  padding-inline-start: clamp( 20px, 2.33333333vw, 35px ); /* 35/15 */
}

.heading.--mark .headingWrapper {
  position: relative;
  z-index: 0;
  padding-top: .555555556em; /* 10/18 */
  padding-left: 1.944444444em; /* 35/18 */
}

.heading.--mark .headingWrapper:before {
  display: block;
  position: absolute;
  top: clamp( -15px, -1vw, -8px ); /* 15/15 */
  left: 0;
  z-index: -1;
  aspect-ratio: 1 / 1;
  width: 2.88888889em; /* 52/18 */
  border-radius: 50%;
  background-color: var(--color-corporate-sub);
  content: " ";
}



/* -----------------------------------
  issueWrapper
----------------------------------- */
/*  issueWrapper__item
------------------------ */
.issueWrapper__item {
  position: relative;
}

.issueWrapper__item + .issueWrapper__item {
  border-top: 1px solid var(--color-lightgray);
}


/*  --hero  */
.issueWrapper__item.--hero {
  padding: clamp( 40px, 4vw, 60px ) var(--inner); /* 60/15 */
}

.issueWrapper__item.--hero:after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -9999;
  background-color: var(--color-whitegray);
  content: " ";
}


/*  --card  */
.issueWrapper__item.--card {
  padding: 40px var(--inner);
}

.issueWrapper__item.--card:has( .articleCards.--lower ) {
  padding-block: clamp( 40px, 3.33333333vw, 50px ); /* 50/15 */
}


/*  --list  */


/*  --news  */


/*  --footer  */
.issueWrapper__item.--footer {
  padding: 40px var(--inner);
}



/* -----------------------------------
  issueTitle
----------------------------------- */
.issueTitle {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: flex-start;
  -ms-align-items: baseline;
      align-items: baseline;
  column-gap: .1632653079em; /* 16/98 */
  position: relative;
  z-index: 0;
  margin-bottom: .4081632664em; /* 40/98 */
  padding: .1020408176em 0 0 .2653061236em; /* 10/98 26/98 */
  font-weight: 400;
  font-size: min( 15.3125vw, 6.533333333rem ); /* 49/3.2 98/15 */
  line-height: 1;
  font-family: var(--font-family-pathway);
}

.issueWrapper__item.--hero:has( .issueTitle:only-child ) .issueTitle {
  margin-bottom: 0;
}

.backNumberTitle__main .issueTitle {
  -webkit-flex-wrap: nowrap;
     -moz-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
       -o-flex-wrap: nowrap;
          flex-wrap: nowrap;
  gap: 2px 5px;
  margin: 0;
  padding: 0;
  font-size: 2.533333333rem; /* 38/15 */
}
@media ( max-width: 400px ) {
  .backNumberTitle__main .issueTitle {
    -webkit-flex-direction: column;
       -moz-flex-direction: column;
        -ms-flex-direction: column;
         -o-flex-direction: column;
            flex-direction: column;
  }
}

.issueTitle:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  aspect-ratio: 1 / 1;
  width: .5306122452em; /* 52/98 */
  border-radius: 50%;
  background-color: var(--color-corporate-sub);
  content: " ";
}

.backNumberTitle__main .issueTitle:before {
  content: none;
}


/*  issueTitle__item
------------------------ */
.issueTitle__item {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -ms-align-items: flex-end;
      align-items: flex-end;
  position: relative;
  overflow: hidden;
}

.backNumberTitle__main .issueTitle__item {
  -ms-align-items: baseline;
      align-items: baseline;
}

.issueTitle__item:before ,
.issueTitle__item:after {
  display: block;
}

.issueTitle__item:before {
  content: attr(data-number);
}

.issueTitle__item:after {
  content: attr(data-text);
}

.issueTitle__item span {
  display: block;
  position: absolute;
  top: 0;
  left: 200%;
  white-space: nowrap;
}


/*  --month  */
.issueTitle__item.--month {
  -webkit-flex-direction: row;
     -moz-flex-direction: row;
      -ms-flex-direction: row;
       -o-flex-direction: row;
          flex-direction: row;
  justify-content: flex-start;
  column-gap: 4px;
}

.backNumberTitle__main .issueTitle__item.--month {
  gap: 0;
}

.issueTitle__item.--month:after {
  margin-bottom: .5lh;
  font-weight: 700;
  font-size: .2551020415em; /* 25/98 */
  font-family: var(--font-family);
  writing-mode: vertical-lr;
  text-orientation: upright;
}

.backNumberTitle__main .issueTitle__item.--month:after {
  margin-bottom: 0;
  font-size: .4210526324em; /* 16/38 */
  writing-mode: horizontal-tb;
  text-orientation: mixed;
}


/*  --number  */
.issueTitle__item.--number {
  -webkit-flex-direction: row-reverse;
     -moz-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
       -o-flex-direction: row-reverse;
          flex-direction: row-reverse;
  justify-content: flex-end;
  column-gap: .15em;
  font-size: .3571428581em; /* 35/98 */
  text-transform: capitalize;
}

.backNumberTitle__main .issueTitle__item.--number {
  font-size: .6842105275em; /* 26/38 */
}

.backNumberTitle__main .issueTitle__item.--number:after {
  content: none;
}



/* -----------------------------------
  backNumber
----------------------------------- */
.backNumber {
  border-top: 1px solid var(--color-lightgray);
}



/* -----------------------------------
  issueEditor
----------------------------------- */
#issueEditor {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-direction: row-reverse;
     -moz-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
       -o-flex-direction: row-reverse;
          flex-direction: row-reverse;
  justify-content: flex-end;
  column-gap: clamp( 20px, 2.666666667vw, 40px ); /* 40/15 */
}
@media ( min-width: 1024px ) {
  #issueEditor {
    -ms-align-items: center;
        align-items: center;
  }
}
@media ( max-width: 1023.9px ) {
  #issueEditor {
    -ms-align-items: flex-start;
        align-items: flex-start;
  }
}

#issueEditor:has( + .articleCards ) {
  margin-bottom: clamp( 40px, 4vw, 60px ); /* 60/15 */
}


/*  issueEditor__summay
------------------------ */
#issueEditor__summay {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
}


/*  issueEditor__thumbnail
------------------------ */
#issueEditor__thumbnail {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: max( 100px, 28.2916213282% ); /* 260/9.19 */
  overflow: hidden;
  border-radius: clamp( 12px, 1.6vw, 24px ); /* 24/15 */
}



/* -----------------------------------
  issueEditorSummay
----------------------------------- */
/*  issueEditorSummay__item
------------------------ */
.issueEditorSummay__item + .issueEditorSummay__item {
  margin-top: 10px;
}


/*  --title  */
.issueEditorSummay__item.--title {
  font-weight: 600;
  font-size: 1.533333333rem; /* 23/15 */
  line-height: 1.4;
  font-family: var(--font-family-serif);
}


/*  --text  */
.issueEditorSummay__item.--text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  max-height: 3lh;
  overflow: hidden;
  line-height: 1.64;
  -webkit-line-clamp: 3;
}


/*  --more  */
.issueEditorSummay__item.--more {
  width: max( 32.95638126009693%, 153px ); /* 204/6.19 */
  margin-inline: auto 0;
}



/* -----------------------------------
  issueNews
----------------------------------- */
#issueNews a {
  display: block;
  padding-block: 40px;
  padding-inline: clamp( 20px, 2.33333333vw, 35px ) var(--inner); /* 35/15 */
  background-color: rgba( var(--color-corporate-sub-rgb), .2 );
  color: var(--color);
  text-decoration: none;
}



/* -----------------------------------
  issueNewsWrapper
----------------------------------- */
#issueNewsWrapper {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  gap: 20px clamp( 20px, 3.33333333vw, 50px ); /* 50/15 *//
}
@media ( min-width: 684.1px ) {
  #issueNewsWrapper {
    -webkit-flex-wrap: wrap;
       -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
         -o-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
@media ( max-width: 684px ) {
  #issueNewsWrapper {
    -webkit-flex-direction: column;
       -moz-flex-direction: column;
        -ms-flex-direction: column;
         -o-flex-direction: column;
            flex-direction: column;
  }
}


/*  issueNewsWrapper__title
------------------------ */
@media ( min-width: 684.1px ) {
  #issueNewsWrapper__title {
    -ms-align-self: center;
        align-self: center;
  }
}


/*  issueNewsWrapper__text
------------------------ */
#issueNewsWrapper__text {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: center;
      align-items: center;
  gap: var(--inner);
}
@media ( min-width: 684.1px ) {
  #issueNewsWrapper__text {
    -webkit-flex: 1;
       -moz-flex: 1;
        -ms-flex: 1;
         -o-flex: 1;
            flex: 1;
  }
}

#issueNewsWrapper__text p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
    -webkit-flex: 1;
       -moz-flex: 1;
        -ms-flex: 1;
         -o-flex: 1;
            flex: 1;
  max-height: 3lh;
  overflow: hidden;
  line-height: 1.64;
  -webkit-line-clamp: 3;
}

#issueNewsWrapper__text:after {
  display: block;
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  -webkit-transform: translateX( -2px ) rotate( 45deg );
      -ms-transform: translateX( -2px ) rotate( 45deg );
       -o-transform: translateX( -2px ) rotate( 45deg );
          transform: translateX( -2px ) rotate( 45deg );
  aspect-ratio: 1 / 1;
  width: .77777778em; /* 14/18 */
  border-top: 1px solid var(--color);
  border-right: 1px solid var(--color);
  content: " "
}



/* -----------------------------------
  articleWrapper
----------------------------------- */
/*  articleWrapper__body
------------------------ */
#articleWrapper__body {
  padding: var(--block) var(--inner);
}


/*  articleWrapper__related
------------------------ */
#articleWrapper__related {
  border-top: 1px solid var(--color-lightgray);
}



/* -----------------------------------
  articler
----------------------------------- */
#article {
  --articleTheme-color: var(--color-corporate);
}



/* -----------------------------------
  articleHeader
----------------------------------- */
#articleHeader {
  margin-bottom: 40px;
}
@media ( min-width: 400.1px ) {
  #articleHeader {
    padding-left: 1.8em; /* 27/15 */
    border-left: 5px solid var(--articleTheme-color);
  }
}
@media ( max-width: 400px ) {
  #articleHeader {
    padding-bottom: 1.8em; /* 27/15 */
    border-bottom: 5px solid var(--articleTheme-color);
  }
}


/*  articleHeader__item
------------------------ */
.articleHeader__item + .articleHeader__item {
  margin-top: .8em; /* 12/15 */
}



/* -----------------------------------
  articleHeaderLabel
----------------------------------- */
#articleHeaderLabel {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  inline-size: fit-content;
  font-size: .933333333rem; /* 14/15 */
  line-height: 1.2;
}
@media ( min-width: 400.1px ) {
  #articleHeaderLabel {
    -ms-align-items: stretch;
        align-items: stretch;
  }
}
@media ( max-width: 400px ) {
  #articleHeaderLabel {
    -webkit-flex-direction: column;
       -moz-flex-direction: column;
        -ms-flex-direction: column;
         -o-flex-direction: column;
            flex-direction: column;
    -ms-align-items: flex-start;
        align-items: flex-start;
  }
}


/*  articleHeaderLabel__item
------------------------ */
.articleHeaderLabel__item > :is( a, span ) {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: center;
      align-items: center;
  position: relative;
  min-height: 100%;
  padding-block: 4px;
  text-decoration: none;
}

.articleHeaderLabel__item > :is( a, span ):after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
  background-color: var(--articleTheme-color);
  content: " ";
}


/*  --category  */
.articleHeaderLabel__item.--category a {
  padding-inline: 1.1428571433em; /* 16/14 */
  color: var(--color);
  font-weight: 700;
}

.articleHeaderLabel__item.--category a:after {
  opacity: .45;
}

/*  --issue  */
.articleHeaderLabel__item.--issue > :is( a, span ) {
  padding-inline: .8571428581em; /* 12/14 */
  color: var(--color-gray);
}

.articleHeaderLabel__item.--issue > :is( a, span ):after {
  opacity: .15;
}



/* -----------------------------------
  articleHeaderTitle
----------------------------------- */
#articleHeaderTitle {
  font-weight: 600;
  font-size: clamp( 16px, 1.466666667vw, 22px ); /* 22/15 */
  line-height: 1.4;
  font-family: var(--font-family-serif);
}


/*  articleHeaderTitle__item
------------------------ */
.articleHeaderTitle__item {
  display: block;
}


/*  --title  */
.articleHeaderTitle__item.--title {
  font-size: 1.63636363636em; /* 36/22 */
}


/*  --subTitle  */
.articleHeaderTitle__item.--subTitle {
  margin-top: .15lh;
}



/* -----------------------------------
  articleHeaderAuther
----------------------------------- */
#articleHeaderAuther {
  font-size: .933333333rem; /* 14/15 */
  line-height: 1.2;
}

#articleHeaderTitle + #articleHeaderAuther {
  margin-top: .7142857153em; /* 10/14 */
}

#articleHeaderAuther a {
  color: var(--color-gray);
  text-decoration: none;
}



/* -----------------------------------
  articleMain
----------------------------------- */



/* -----------------------------------
  articleMainText
----------------------------------- */
#articleMainText {
  /* font-size: 1.066666667rem; 16/15 */
  font-size: 110%;
}

#articleMainText:after {
  display: block;
  clear: both;
  content: " ";
}

#articleMainText > p {
  line-height: 2;
}

#articleMainText > p + p {
  margin-top: 1em;
}

#articleMainText > p:has( + h2 ) {
  margin-bottom: 2.75em; /* 44/16 */
}

#articleMainText > p:has( + h3 ) {
  margin-bottom: 2em;
}

#articleMainText > p:has( + .articleImage ) {
  margin-bottom: 2em; /* 32/16 */
}

#articleMainText > h2 {
  margin-bottom: 1em;
  padding-left: .9090909091em; /* 20/22 */
  border-left: 5px solid var(--articleTheme-color);
  font-weight: 600;
  font-size: 1.375em; /* 22/16 */
  font-family: var(--font-family-serif);
}

#articleMainText > h3 {
  margin-bottom: 1em;
  font-size: 1.125em; /* 18/16 */
}

#articleMainText a {
  color: #278f95;
}

#articleMainText a:visited {
  color: #39125d;
}

@media ( hover: hover ) and ( pointer: fine ){
  #articleMainText a:hover {
    text-decoration: none;
  }
}

#articleMainText .dots {
  -webkit-text-emphasis: filled;
          text-emphasis: filled;
}

#articleMainText .indent2-1 {
  text-indent: 1em;
}

#articleMainText .indent2-2 {
  text-indent: 2em;
}

#articleMainText p > img {
  max-width: 564px;
  margin-inline: auto;
}

#articleMainText p > img[style*="float: left"] ,
#articleMainText p > img[style*="float: right"] {
  width: 40%;
  max-width: 360px;
  min-width: 120px;
  margin-bottom: 1em;
}

#articleMainText p > img[style*="float: left"] {
  margin-right: 2.5em; /* 40/16 */
}

#articleMainText p > img[style*="float: right"] {
  margin-left: 2.5em; /* 40/16 */
}

#articleMainText .articleImage {
  inline-size: fit-content;
  max-width: 564px;
  margin-inline: auto !important;
  padding: 1em;
  background-color: rgba( var(--color-whitegray-rgb), .3 );
  font-size: .8125em; /* 13/16 */
}

#articleMainText .articleImage:has( + p ) {
  margin-bottom: 2em; /* 32/16 */
}

#articleMainText .articleImage:has( + .articleImage ) {
  margin-bottom: 2em; /* 32/16 */
}

#articleMainText .articleImage[style*="float: left"] ,
#articleMainText .articleImage[style*="float: right"] {
  width: 40%;
  max-width: 360px;
  min-width: 160px;
}

#articleMainText .articleImage[style*="float: left"] {
  margin-right: 2.5em !important; /* 40/16 */
}

#articleMainText .articleImage[style*="float: right"] {
  margin-left: 2.5em !important; /* 40/16 */
}

#articleMainText .articleImage__title {
  margin-bottom: .625em; /* 10/16 */
  font-weight: 700;
}

#articleMainText .articleImage img {
  margin-inline: auto;
}

#articleMainText .articleImage img + p {
  margin-top: .625em; /* 10/16 */
}

#articleMainText .articleImage > p + p {
  margin-top: 4px;
  font-size: .8461538472em; /* 11/13 */
}

#articleMainText iframe {
  display: block;
  aspect-ratio: 16 / 9;
  max-width: 100%;
  height: 100%;
  margin-inline: auto;
  object-fit: cover;
}



/* -----------------------------------
  articleResize
----------------------------------- */
#articleResize {
  position: sticky;
  right: 0;
  bottom: 20px;
  margin-top: 20px;
}



/* -----------------------------------
  fontSizeToggle
----------------------------------- */
#fontSizeToggle {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-end;
  -ms-align-items: center;
      align-items: center;
  inline-size: fit-content;
  column-gap: .533333333em; /* 8/15 */
  margin-left: auto;
  /* margin-bottom: 1.33333333em; 20/15 */
  padding: .533333333em;
  background-color: rgba( var(--color-white-rgb), .5 );
  backdrop-filter: blur(2px);
}


/*  fontSizeToggle__label
------------------------ */
.fontSizeToggle__label {
  padding-inline: .4em; /* 6/15 */
  color: var(--color-gray);
}


/*  fontSizeToggle__button
------------------------ */
.fontSizeToggle__button {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
  aspect-ratio: 1 / 1;
  width: 2.44444444em; /* 44/18 */
  padding: 0;
  border: 1px solid var(--color-lightgray);
  border-radius: .33333333em; /* 6/18 */
  background-color: var(--color-white);
  color: var(--color-gray);
  font-size: 1.2em; /* 18/15 */
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

@media ( hover: hover ) and ( pointer: fine ){
  .fontSizeToggle__button:hover {
    border-color: var(--color-corporate);
    color: var(--color-corporate);
  }
}

.fontSizeToggle__button.is-active {
  border-color: var(--color-corporate);
  background-color: var(--color-corporate);
  color: var(--color-white);
  font-weight: 700;
}



/* -----------------------------------
  articleFooter
----------------------------------- */
#articleFooter {
  margin-top: 40px;
}



/* -----------------------------------
  searchWidget
----------------------------------- */
.searchWidget {
  max-width: 700px;
}

.title + .searchWidget {
  margin-top: var(--block);
}


/*  searchWidget__text
------------------------ */
.searchWidget__text {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: flex-start;
      align-items: flex-start;
  column-gap: .44444444em; /* 8/18 */
  margin-bottom: .555555556em; /* 10/18 */
  font-weight: 700;
  font-size: 1.2em; /* 18/15 */
}

.searchWidget__text:before {
  display: block;
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  aspect-ratio: 1 / 1;
  width: 1.3888888889em; /* 25/18 */
  background-position: 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  content: " ";
}

.searchWidget__text div {
  -ms-align-self: center;
      align-self: center;
}


/*  searchWidget__input
------------------------ */



/*  --search  */
.searchWidget.--search .searchWidget__text:before {
  background-image: url("/assets/public/images/icon/word.svg");
}


/*  --filter  */
.searchWidget.--filter .searchWidget__text:before {
  background-image: url("/assets/public/images/icon/search.svg");
}



/* -----------------------------------
  searchInput
----------------------------------- */
.searchInput {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  overflow: hidden;
  border: 1px solid var(--color);
  border-radius: 10px;
  font-size: 1.33333333rem; /* 20/15 */
}

.searchInput input {
  width: 100%;
  padding: 1em 1.2em; /* 24/20 */
  border: none;
  background-color: transparent;
  color: inherit;
  font-size: inherit;
  line-height: 1.4; /* 28/20 */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.searchInput input:focus::placeholder {
  color: transparent;
}


/*  searchInput__text
------------------------ */
.searchInput__text {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
}


/*  searchInput__button
------------------------ */
.searchInput__button {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: 3.3em; /* 66/20 */
}

.searchInput__button button {
  display: block;
  width: 100%;
  min-height: 100%;
  padding: 0;
  overflow: hidden;
  border: none;
  background-image: url("/assets/public/images/icon/search.svg");
  background-position: 50%;
  -webkit-background-size: 39.3939393939%; /* 26/.66 */
          background-size: 39.3939393939%;
  background-repeat: no-repeat;
  background-color: transparent;
  text-indent: 200%;
  white-space: nowrap;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}



/* -----------------------------------
  searchSelect
----------------------------------- */
.searchSelect {
  overflow: hidden;
  border: 1px solid var(--color);
  border-radius: 10px;
  font-size: 1.33333333rem; /* 20/15 */
}

.searchSelect div {
  position: relative;
}

.searchSelect div:after {
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  width: 3.3em; /* 66/20 */
  background-image: url("/assets/public/images/icon/filter.svg");
  background-position: 50%;
  -webkit-background-size: 39.3939393939%; /* 26/.66 */
          background-size: 39.3939393939%;
  background-repeat: no-repeat;
  content: " ";
}

.searchSelect select {
  width: 100%;
  padding-block: 1em; /* 24/20 */
  padding-inline: 1.2em 3.3em; /* 66/20 */
  border: none;
  background-color: transparent;
  color: inherit;
  font-size: inherit;
  line-height: 1.4; /* 28/20 */
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}



/* -----------------------------------
  resultNumber
----------------------------------- */
#resultNumber {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: center;
      align-items: center;
  position: relative;
  top: calc( ( 1lh + .8em ) * -1 ); /* 12/15 */
  padding-inline: var(--inner);
  line-height: 1.2;
}


/*  resultNumber__text
------------------------ */
#resultNumber__text:after {
  display: inline;
  content: "：";
}


/*  resultNumber__count
------------------------ */
#resultNumber__count span {
  font-size: 1.066666667em; /* 16/15 */
  line-height: 1;
  font-family: var(--font-family-pathway);
}



/* -----------------------------------
  noResult
----------------------------------- */
#noResult {
  padding: 15lvh var(--inner);
  background-color: rgba( var(--color-whitegray-rgb), .3 );
  font-size: 1.2rem; /* 18/15 */
}


/*  noResult__item
------------------------ */
.noResult__item {
  inline-size: fit-content;
  margin-inline: auto;
}



/* -----------------------------------
  backNumberTitle
----------------------------------- */
.backNumberTitle {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: space-between;
  -ms-align-items: center;
      align-items: center;
  column-gap: clamp( 20px, 2.666666667vw, 40px); /* 40/15 */
  padding: 40px var(--inner);
  background-color: rgba( var(--color-whitegray-rgb), .3 );
}


/*  backNumberTitle__main
------------------------ */
.backNumberTitle__main {
  padding-left: 1em;
  border-left: 5px solid var(--color-corporate);
}


/*  backNumberTitle__sub
------------------------ */
.backNumberTitle:has( .backNumberTitle__trigger ) .backNumberTitle__sub {
  margin-inline-start: auto;
}

.backNumberTitle__sub a {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: center;
  align-items: center;
  column-gap: .8em; /* 12/15 */
  color: var(--color);
  text-decoration: none;
  white-space: nowrap;
}

.backNumberTitle__sub a:before {
  aspect-ratio: 16 / 13;
  width: 2.133333333em; /* 32/15 */
  background-image: url("/assets/public/images/icon/list.svg");
  background-position: 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  content: " ";
}


/*  backNumberTitle__trigger
------------------------ */
.backNumberTitle__trigger {
  position: relative;
  aspect-ratio: 1 / 1;
  width: 1.4666666667em; /* 22/15 */
  overflow: hidden;
  background-image: url("/assets/public/images/icon/plus.svg");
  background-position: 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  backface-visibility: hidden;
  cursor: pointer;
}

.backNumberTitle__trigger span {
  position: absolute;
  top: 0;
  left: 120%;
  white-space: nowrap;
}


/*  --isOpen  */
.backNumberTitle__trigger.--isOpen {
  background-image: url("/assets/public/images/icon/minus.svg");
}



/* -----------------------------------
  infomationList
----------------------------------- */
.infomationList {
  list-style: none;
  padding: 0;
}


/*  infomationList__item
------------------------ */
.infomationList__item + .infomationList__item {
  margin-top: 2.666666667em; /* 40/15 */
}

#mainWrapper__side .infomationList__item + .infomationList__item {
  margin-top: 2em; /* 30/15 */
}



/* -----------------------------------
  infomationItem
----------------------------------- */
.infomationItem {
  font-size: 1.066666667rem; /* 16/15 */
}


/*  infomationItem__date
------------------------ */
.infomationItem__date {
  margin-bottom: .75em; /* 12/16 */
  color: var(--color-gray);
  line-height: 1;
  font-family: var(--font-family-pathway);
}


/*  infomationItem__title
------------------------ */
.infomationItem__title a {
  color: var(--color);
  text-decoration: none;
}

@media ( hover: hover ) and ( pointer: fine ){
  .infomationItem__title a:hover {
    text-decoration: underline;
  }
}



/* -----------------------------------
  infomation
----------------------------------- */
#infomation {
  padding: var(--block) var(--inner);
}



/* -----------------------------------
  infomationHeader
----------------------------------- */
#infomationHeader {
  position: relative;
  margin-bottom: 40px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--color-lightgray);
  font-size: 1.33333333rem; /* 20/15 */
}

#infomationHeader:after {
  display: block;
  position: absolute;
  top: calc( 100% - 1px );
  left: 0;
  border-top: 3px solid var(--color-corporate);
  width: 4.2em;
  content: " ";
}


/*  infomationHeader__date
------------------------ */
.infomationHeader__date {
  margin-bottom: .75em; /* 15/20 */
  line-height: 1;
  font-family: var(--font-family-pathway);
}


/*  infomationHeader__title
------------------------ */
.infomationHeader__title {
  font-weight: 600;
  font-size: 1.4em; /* 28/20 */
  line-height: 1.3;
  font-family: var(--font-family-serif);
}



/* -----------------------------------
  infomationMain
----------------------------------- */
#infomationMain {
  font-size: 1.0666666667em; /* 16/15 */
  line-height: 2;
}



/* -----------------------------------
  infomationFooter
----------------------------------- */
#infomationFooter {
  margin-top: 40px;
}



/* -----------------------------------
  noInfomation
----------------------------------- */
#noInfomation {
  padding: 15lvh var(--inner);
  background-color: rgba( var(--color-whitegray-rgb), .3 );
  font-size: 1.2rem; /* 18/15 */
}

#mainWrapper__side #noInfomation {
  padding: 10lvh 0;
  font-size: 1rem;
}


/*  noInfomation__item
------------------------ */
.noInfomation__item {
  inline-size: fit-content;
  margin-inline: auto;
}



/* -----------------------------------
  JS-toggleTrigger
----------------------------------- */



/* -----------------------------------
  JS-toggleTarget
----------------------------------- */
.JS-toggleTarget {
  display: none;
}



/* -----------------------------------
  error
----------------------------------- */
#error {
  max-width: 750px;
  margin-inline: auto;
  padding: 15lvh var(--inner);
  container: error / inline-size;
}


/*  error__title
------------------------ */
#error__title {
  inline-size: fit-content;
  margin-inline: auto;
  line-height: 1;
  font-family: var(--font-family-pathway);
}


/*  --404  */
#error__title.--404 {
  font-size: 16cqi;
}


/*  --500  */
#error__title.--500 {
  font-size: 12cqi;
}


/*  error__body
------------------------ */
#error__body {
  margin-top: 3lvh;
}



/* -----------------------------------
  errorText
----------------------------------- */
/*  errorText__item
------------------------ */
.errorText__item span {
  display: block;
  inline-size: fit-content;
  margin-inline: auto;
}

.errorText__item span + span {
  margin-top: .25em;
}

.errorText__item + .errorText__item {
  margin-top: 1.5em;
}


/*  --message  */
.errorText__item.--message {
  padding: 1.5em;
  background-color: rgba( var(--color-whitegray-rgb), .3 );
}