@charset "UTF-8";
:root {
  --section_margin: 160px;
  --block_margin: 60px;
  --title_margin: 50px;
  --text_margin: 35px;
  --brand-color01: #1C1C1C;
  --brand-color02: #B0B2AF;
  --brand-color03: #EEF0F2;
  --brand-color04: #ECEBE4;
  --brand-color05: #D1D1D1;
}

@media screen and (max-width: 768px) {
  :root {
    --section_margin: 80px;
    --block_margin: 50px;
    --title_margin: 35px;
    --text_margin: 20px;
  }
}
/*---全体----*/
*:not(header, footer) {
  letter-spacing: unset;
}

@media screen and (min-width: 769px) {
  .pc {
    display: block;
  }
}
.bold {
  font-family: "游ゴシック体 Pr6N B", "Yu Gothic Pr6N B", "游ゴシック体 Bold", "Yu Gothic Bold", YuGothic, 游ゴシック, "Yu Gothic", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN W6", Arial, Helvetica, メイリオ, Meiryo, "ＭＳ ゴシック", sans-serif;
}

.ft-bold {
  font-family: "Frutiger LT W01_65 Bold1475746", sans-serif;
}

.en {
  font-family: "Frutiger LT W01_45 Ligh1475730", "游ゴシック体 Pr6N R", "Yu Gothic Pr6N R", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  letter-spacing: 0.05em;
}

.serif {
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

#pankuzu {
  top: 110px;
}

@media screen and (max-width: 768px) {
  #pankuzu {
    top: 75px;
  }
}
.base_btn {
  display: inline-block;
}
.base_btn span {
  font-size: clamp(12px, 1.56vw, 14px);
}

.fv_wrapper {
  width: 100%;
  padding-top: 100px;
  background: url(../trends/assets/images/bg_line_figure.png) center/cover no-repeat;
}
.fv_wrapper .top-text-sp {
  display: none;
}
.fv_wrapper .tag_and_date {
  display: flex;
  width: 77%;
  margin: 0 0 0 auto;
  justify-content: space-between;
  margin-bottom: 10px;
  align-items: baseline;
}
.fv_wrapper .tag-list {
  width: auto;
  margin: 0;
  display: flex;
  gap: 10px;
}
.fv_wrapper .tag-list li {
  font-size: clamp(12px, 1.5vw, 15px);
  line-height: 1;
  color: #ffffff;
  text-align: center;
  padding: 6px 15px;
  background: var(--brand-color02);
  border-radius: 4px;
}
.fv_wrapper .date {
  font-size: clamp(12px, 1.5vw, 15px);
  letter-spacing: 0.05em;
  text-align: right;
  margin: 0 15px 0 0;
}
.fv_wrapper .top {
  display: flex;
  align-items: end;
  position: relative;
}
.fv_wrapper .top .top-text-pc {
  width: 23%;
  margin: 0 auto;
}
.fv_wrapper .top .top-text-pc p {
  writing-mode: vertical-rl;
  letter-spacing: 0.05em;
  font-size: clamp(15px, 1.6vw, 21px);
  margin: 0 auto;
}
.fv_wrapper .top .key-visual {
  width: 77%;
  margin: 0 0 0 auto;
}
.fv_wrapper .top .key-visual img {
  width: 100%;
  aspect-ratio: 1052/627;
}
.fv_wrapper .top .title-logo {
  position: absolute;
  top: 10px;
  left: 30px;
  display: block;
  width: 27vw;
}
.fv_wrapper .top .title-logo img {
  width: 100%;
  aspect-ratio: 419/213;
}
.fv_wrapper .heading-article-title {
  font-size: clamp(22px, 2.8vw, 30px);
  text-align: justify;
  line-height: 1.7;
  margin: 40px 2vw 30px auto;
  width: 75%;
}

@media screen and (max-width: 768px) {
  .fv_wrapper {
    width: 100%;
    padding-top: 0;
    background: url(../trends/assets/images/bg_line_figure.png) center/cover no-repeat;
  }
  .fv_wrapper .top-text-sp {
    display: block;
    text-align: center;
    margin: 30px 0;
    letter-spacing: 0.05em;
    font-size: 16px;
  }
  .fv_wrapper .tag_and_date {
    width: 95%;
    margin: 0 auto 30px;
  }
  .fv_wrapper .tag-list {
    width: 93%;
    margin: 0 auto 50px;
  }
  .fv_wrapper .tag-list li {
    font-size: 15px;
    color: #ffffff;
    text-align: center;
    padding: 6px 15px;
    background: var(--brand-color02);
    border-radius: 4px;
  }
  .fv_wrapper .date {
    margin: 0;
  }
  .fv_wrapper .top {
    display: flex;
    align-items: end;
    position: relative;
  }
  .fv_wrapper .top .top-text-pc {
    display: none;
  }
  .fv_wrapper .top .key-visual {
    width: 100%;
    margin: 0 auto;
  }
  .fv_wrapper .top .title-logo {
    top: -80px;
    left: 4vw;
    min-width: 220px;
    width: 40vw;
  }
  .fv_wrapper .top .title-logo img {
    width: 100%;
    aspect-ratio: 419/213;
  }
  .fv_wrapper .heading-article-title {
    margin: 30px auto;
    width: 93%;
  }
}
.btnArea2 {
  margin-top: 25px;
  /* width: 200px; */
}
.btnArea2 .base_btn {
  padding: 13px 32px;
  font-size: 12px;
  display: inline-block;
}
.btnArea2 .base_btn.--border_gray {
  border: solid 1px var(--brand-color02) !important;
}

@media screen and (max-width: 768px) {
  .btnArea2 {
    margin: 25px auto;
    max-width: 250px;
  }
  .btnArea2 .base_btn {
    margin: 25px auto;
    width: 100%;
  }
}
/* ----------下部コンテンツ---------- */
.child_cont div[class*=content] {
  width: 100%;
  padding-bottom: 60px;
  margin-top: 160px;
}

@media screen and (max-width: 768px) {
  .child_cont div[class*=content] {
    padding-bottom: 30px;
  }
}
.container {
  width: 93%;
  max-width: 1200px;
  margin: 160px auto;
}

@media screen and (max-width: 768px) {
  .container {
    margin: 80px auto;
  }
}
.title {
  padding-bottom: 80px;
  text-align: center;
}
.title h4 {
  font-size: clamp(19px, 2.8vw, 25px);
}

.child_cont h4 {
  font-size: clamp(21px, 2.8vw, 25px);
  line-height: 1.5;
  letter-spacing: 0.15ex;
}

/*------link------*/
.link {
  width: 100%;
  padding-bottom: 100px;
}

.link_item {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
}

.link_item:last-of-type {
  margin-bottom: 0;
}

.link_item:nth-of-type(2n) .text_box {
  order: 0;
}

.link_item:nth-of-type(2n) img {
  order: 1;
}

.link img {
  width: 50%;
  object-fit: cover;
}

.link .text_box {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.link .text_box > div {
  width: clamp(280px, 80%, 420px);
}

.link .text_box h4 {
  margin-bottom: 4px;
  letter-spacing: 0.08ex;
  font-size: clamp(19px, 2.8vw, 25px);
}

.link .text_box p {
  font-size: clamp(12px, 1.7vw, 14px);
  margin-bottom: 25px;
}

.link .text_box div > span,
.link_small_text {
  display: block;
  font-size: clamp(11px, 1.7vw, 13px);
  letter-spacing: 0.2ex;
  margin-bottom: 25px;
}

@media screen and (max-width: 768px) {
  .link {
    padding-bottom: 50px;
  }
  .link_item {
    flex-direction: column;
    margin-bottom: 50px;
  }
  .link_item:nth-of-type(2n) .text_box {
    order: 0;
  }
  .link_item:nth-of-type(2n) img {
    order: -1;
  }
  .link img {
    width: 100%;
    margin-bottom: 20px;
  }
  .link .text_box {
    text-align: center;
    width: 100%;
  }
  .link .text_box p {
    text-align: left;
  }
}/*# sourceMappingURL=child_style_trends.css.map */