.ts-icon {
  position: relative;
  display: inline-block;
  line-height: 1.1
}

.ts-icon.ts-icon--arrow {
  margin-left: 1vw;
  top: -.6vw;
  width: 1.4vw;
  height: 1.4vw;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  transform: rotate(45deg)
}

.ts-header {
  margin: 12vw 5vw 0 5vw;
  padding-bottom: 5px;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 5vw;
  text-align: center;
  border-bottom: 2px solid #000;
  font-weight: bold
}

.ts-list {
  background: #f8f8f8;
  font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", sans-serif
}

.ts-list__item {
  background: #FFF;
  margin: 5.5vw 5vw;
  border: 1px solid #d2d2d2
}

.ts-list__item a {
  display: block
}

.ts-list__item figure img {
  width: 100%
}

.ts-list__item .ts-list__ttl {
  margin-bottom: 4vw
}

.ts-list__item .ts-list__ttl p {
  font-size: 3.8vw;
  font-weight: bold
}

.ts-list__item .ts-list__ttl small {
  font-size: 80%;
  font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", sans-serif
}

.ts-list__item .ts-list__ttl .ts-list__name {
  font-size: 5.3vw
}

.ts-list__item .ts-list__ttl .end {
  color: #555555;
  font-size: 76%;
  font-weight: normal
}

.ts-list__item .ts-list__text {
  padding: 4vw;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif
}

.ts-list__item .ts-list__icons {
  float: left
}

.ts-list__item .ts-list__more, .ts-list__item .ts-list__soon {
  float: right;
  padding-top: .9vw;
  font-size: 4.0vw
}

.ts-list__item .ts-list__more {
  text-decoration: underline
}

.ts-list__item .ts-list__soon {
  color: #b9003d
}

.ts-list__item .ts-list__icons .ts-icon {
  font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", sans-serif;
  background: #d9ecdd;
  margin-right: 1vw;
  padding: 2vw 1vw;
  color: #3c3c3c;
  font-size: 3.2vw;
  width: 21vw;
  text-align: center
}

.ts-list__item .ts-list__icons .ts-icon.ts-icon-kayanoya {
  background: #eee8e0
}

.ts-list__item .ts-list__icons .ts-icon.ts-icon-amakoji {
  background: #fffafa
}

.ts-list__item .ts-list__icons .ts-icon.ts-icon-shoyu {
  background: #eee8e0
}

.ts-list__item .ts-list__icons .ts-icon.ts-icon-hibana {
  background: #f5dbdb
}

.ts-list__item .ts-list__icons .ts-icon.ts-icon-kaiingentei {
  background: #ffdbdb
}

.ts-list__item .ts-list__icons .ts-icon.ts-icon-netgentei {
  background: #dbdbff
}

.ts-list__item .ts-list__icons .ts-icon.ts-icon-kazugentei {
  background: #ffffdb
}

.ts-list__item .ts-list__icons .ts-icon.ts-icon-tokituge {
  background: #dbedff;
}

.ts-list__item .ts-list__icons .ts-icon.ts-icon-kisetsugentei {
  background: #eaffea;
}

.ts-wrap-btn {
  margin: 13vw 5vw 8vw
}

.ts-wrap-btn a {
  position: relative;
  display: block;
  background: #FFF;
  padding: 2.5vw;
  border: 2px solid #000;
  text-align: center;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 4.8vw;
  font-weight: bold
}

.ts-wrap-btn a .ts-icon {
  position: absolute;
  transform: rotate(-45deg);
  top: 50%;
  right: 4vw
}

.ts-banner {
  margin: 8vw 5vw 14vw
}

.ts-banner div {
  margin: 8vw 0
}



/*------------------------------
		2023.2.6
		global navi renewal
------------------------------*/
.section_ts {
  padding-top: 5.5vw;
}
.ts-list .ts-list__item:nth-child(1) {
  margin-top: 0;
}
