@charset "UTF-8";

.lowerPage {
}
.lowerPage .mainArea {
  padding-top: min(10vw, 128px);
}
.lowerPage .breadLists {
  display: flex;
  width: 90%;
  margin: 1em auto 2em;
}
.lowerPage .breadLists .breadList {
}
.lowerPage .breadLists .breadList + .breadList {
  margin-left: 1em;
}
.lowerPage .breadLists .breadList + .breadList::before {
  content: ">";
  margin: 0 1em 0 0;
}
.lowerPage .ttlGlp {
  border-bottom: 1px solid var(--clr-line);
  padding: 0 0 10%;
}
.lowerPage .ttlGlp .ttlObj {
}
@media screen and (min-width: 769px) {
  .lowerPage {
  }
  .lowerPage .mainArea {
    padding-top: min(10vw, 90px);
  }
  .lowerPage .ttlGlp {
    padding: 0 0 80px;
  }
  .lowerPage .breadLists {
  }
  .lowerPage .breadLists .breadList {
  }
  .lowerPage .breadLists .breadList + .breadList {
  }
  .lowerPage .breadLists .breadList + .breadList::before {
  }

  .lowerPage .ttlGlp .ttlObj {
  }
}
/* ===========================
TopicsArea
=============================*/

.TopicsArea .topicsLists {
}
.TopicsArea .topicsLists .topicsList {
}
.TopicsArea .topicsLists .topicsList .date {
  text-align: right;
}
.TopicsArea .topicsLists .topicsList a {
  width: 100%;
  text-decoration: none;
}
.TopicsArea .topicsLists .topicsList .imgObj {
  margin: 5% auto 8%;
  width: 100%;
}
.TopicsArea .topicsLists .topicsList .imgObj.nMgn {
  margin: 0 auto;
}
.TopicsArea .topicsLists .topicsList .imgObj.size-s {
  width: 80%;
}
.TopicsArea .topicsLists .topicsList .imgObj .txtObj {
}
.TopicsArea .topicsLists .topicsList .ttlObj {
  text-align: left;
  margin: 0 auto;
}
.TopicsArea .topicsLists .topicsList .txtObj {
  white-space: normal;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0.15em;
}
.TopicsArea .btnObj {
  width: 71%;
  margin: 0 auto;
}
.TopicsArea .btnObj.mainBtn {
}
.TopicsArea .btnObj.mainBtn a {
  text-decoration: none;
  width: 100%;
  border: 1px solid #b2b2b2;
  padding: 1em 1.5em;
  position: relative;
  text-align: left;
  transition: all ease 0.4s;
}
.TopicsArea .btnObj.mainBtn a::before {
  content: "";
  position: absolute;
  border-right: 0.11em solid;
  border-bottom: 0.11em solid;
  width: 0.5em;
  height: 0.5em;
  top: 50%;
  right: 5%;
  transform: rotate(-45deg) translate(0, -50%);
  transition: all ease 0.4s;
}
.TopicsArea .btnObj.mainBtn a::after {
  content: "";
  position: absolute;
  width: 1.15em;
  height: 0.1em;
  right: calc(5% + 1px);
  top: calc(50% + 1px);
  background: var(--clr-def);
  transform: translate(0, -50%);
  transition: all ease 0.4s;
}
.TopicsArea .btnObj.mainBtn a:hover {
  background: var(--clr-base);
  color: var(--clr-wh);
}

.TopicsArea .btnObj.mainBtn a:hover::before {
  right: 4%;
}
.TopicsArea .btnObj.mainBtn a:hover::after {
  background: var(--clr-wh);
  right: calc(4% + 1px);
}

/* 横スクロール用ラッパー */
.TopicsArea .topicsLists.horizontal-scroll {
  display: flex;
  /* 要素間の余白 */
  overflow-x: auto; /* 横スクロール */
  overflow-y: hidden; /* 縦スクロール防止 */
  padding: 0 0 10%;
  width: 90%;
  margin: 5% 0 0 auto;
}

/* SimpleBar が生成するラッパー内部 */
.TopicsArea .topicsLists.horizontal-scroll .simplebar-content {
  display: flex;
  /* gap: 10%; */
}

/* 各トピック */
.TopicsArea .topicsLists .topicsList {
  width: 100%;
  flex-direction: column;
  overflow: hidden;
  display: flex;
  padding: 0 0 12%;
  border-bottom: 1px solid var(--clr-line);
}
.TopicsArea .topicsLists .topicsList + .topicsList {
  margin: 12% auto 0;
}

.TopicsArea .topicsLists .topicsList .tpSet {
  width: 90%;
  margin: 0 auto;
}
.TopicsArea .topicsLists .topicsList .tpSet .mainImgObj {
  margin: 0 auto 5%;
}

/* 画像 */
.TopicsArea .topicsLists .topicsList .imgObj img {
  display: block;
  width: 100%;
  height: auto;
}

/* テキスト */
.TopicsArea .topicsLists .topicsList .txtObj {
  margin: 2em auto 0;
}
.TopicsArea .topicsLists .topicsList .txtObj + .txtObj {
  margin-top: 2.5em;
}

@media screen and (min-width: 769px) {
  .TopicsArea {
    /* width: min(70%, 900px); */
    margin: 0 auto;
  }
  .TopicsArea .ttlGlp {
  }
  .TopicsArea .ttlGlp .ttlObj {
    width: 100%;
  }
  .TopicsArea .topicsLists {
    width: 100%;
    padding: 0 0 40px;
  }
  .TopicsArea .topicsLists.horizontal-scroll {
    width: 100%;
    padding: 0 0 40px;
  }
  .TopicsArea .topicsLists .topicsList {
    width: 100%;
    padding: 0 0 6% 0;
  }
  .TopicsArea .topicsLists .topicsList + .topicsList {
    margin: 6% auto 0;
  }
  .TopicsArea .topicsLists .topicsList .tpSet {
    width: min(85%, 650px);
  }
  .TopicsArea .topicsLists .topicsList .tpSet .mainImgObj {
  }
  .TopicsArea .topicsLists .topicsList .date {
  }
  .TopicsArea .topicsLists .topicsList a {
  }
  .TopicsArea .topicsLists .topicsList .imgObj {
  }
  .TopicsArea .topicsLists .topicsList .txtObj {
  }
  .TopicsArea .btnObj {
    width: min(45%, 320px);
    margin: 0 auto;
  }
  .TopicsArea .btnObj.mainBtn {
  }
  .TopicsArea .btnObj.mainBtn a {
  }

  .TopicsArea .btnObj.mainBtn a::before {
  }
  .TopicsArea .btnObj.mainBtn a::after {
  }
}