@charset "UTF-8";
html {
  font-size: 62.5%;
}

@media screen and (min-width: 768px) and (max-width: 1280px) {
  html {
    font-size: calc(10* (100vw / 1280));
  }
}

@media screen and (max-width: 767px) {
  html {
    font-size: calc(10* (100vw / 750));
  }
}

body {
  width: 100%;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.news__container img,
.news__container video {
  width: 100%;
  height: auto;
}

.news__container a {
  display: block;
}

@media screen and (min-width: 768px) {
  .news__container .sp_component {
    display: none;
  }
  .news__container .sp_only {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .news__container .pc_component {
    display: none;
  }
  .news__container .pc_only {
    display: none;
  }
  .news__container .order_1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .news__container .order_2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

/*//////////////////////////////////////////////////

Title : _main.css
For   : "news pages" styles of the site

Created       : 2021-08-25
Last Modified : 2021-08-25

==========================================

Content

    common

//////////////////////////////////////////////////*/
/* ==============================================================================================
                                            common
============================================================================================== */
.news__container {
  width: 100%;
  margin: 0 auto;
  line-height: 2;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  letter-spacing: 0.025em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #272727;
}

@media screen and (min-width: 768px) {
  .news__container {
    max-width: 1280px;
    padding: 0 40px;
    font-size: 14px;
    line-height: 1.5;
  }
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                          for mobile
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 767px) {
  .news-container {
    width: 100%;
    font-size: calc(28* (100vw / 750));
    padding-bottom: calc(180* (100vw / 750));
  }
}

/*//////////////////////////////////////////////////

Title : _content.css
For   : "news list" styles of the site

Created       : 2021-08-25
Last Modified : 2021-08-25

==========================================

Content

    content

//////////////////////////////////////////////////*/
/* ==============================================================================================
																					news list
============================================================================================== */
@media screen and (min-width: 768px) {
  .news__container--list {
    text-align: center;
  }
}

.news__container--list .news__wrapper {
  position: relative;
}

@media screen and (min-width: 768px) {
  .news__container--list .news__wrapper {
    padding-top: 60px;
  }
}

.news__container--list .news__heading {
  font-family: pragmatica, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.25em;
  font-weight: 300;
}

@media screen and (min-width: 768px) {
  .news__container--list .news__heading {
    font-size: 18px;
  }
}

.news__container--list .news__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .news__container--list .news__list {
    max-width: 760px;
    margin-top: 10px;
  }
}

.news__container--list .news__list li {
  position: relative;
}

@media screen and (min-width: 768px) {
  .news__container--list .news__list li {
    max-width: 320px;
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .news__container--list .news__list li {
    margin: 50px 0;
  }
}

@media screen and (min-width: 768px) {
  .news__container--list .news__text {
    margin-top: 20px;
  }
}

.news__container--list .news__text .date {
  font-family: pragmatica, sans-serif;
  font-style: normal;
  font-weight: 400;
}

@media screen and (min-width: 768px) {
  .news__container--list .news__text .date {
    font-size: 12px;
  }
}

.news__container--list .news__text .title {
  letter-spacing: 0.18em;
}

@media screen and (min-width: 768px) {
  .news__container--list .news__text .title {
    margin-top: 10px;
  }
}

@media screen and (min-width: 768px) {
  .news__container--list .panel-footer {
    margin-top: 50px;
  }
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                          for mobile
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 767px) {
  .news__container--list .news__wrapper {
    padding-top: calc(100* (100vw / 750));
    padding-bottom: calc(195* (100vw / 750));
  }
  .news__container--list .news__heading {
    font-size: calc(36* (100vw / 750));
    text-align: center;
    line-height: 1;
  }
  .news__container--list .news__list {
    margin-top: calc(100* (100vw / 750));
    padding: 0 calc(37.5* (100vw / 750));
  }
  .news__container--list .news__list li {
    width: calc(320* (100vw / 750));
  }
  .news__container--list .news__list li:not(:nth-of-type(-n + 2)) {
    margin-top: calc(75* (100vw / 750));
  }
  .news__container--list .news__text {
    margin-top: calc(30* (100vw / 750));
  }
  .news__container--list .news__text .date {
    font-size: calc(18* (100vw / 750));
    letter-spacing: 0.25em;
    line-height: 1;
  }
  .news__container--list .news__text .title {
    margin-top: calc(16* (100vw / 750));
    font-size: calc(22* (100vw / 750));
    text-align: justify;
    word-break: break-all;
    letter-spacing: 0.1em; /* 2025/06/20 追加 */
  }
}
/*# sourceMappingURL=layout.css.map */