@charset "UTF-8";
/* basic layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* ボタン */
/* ボタンの中のspan */
/* フォントサイズ */
/* 縦書き */
/* 内径 */
/* 文字 */
/* news
---------------------------------------------------------------------------*/
.news-wrap {
  position: relative;
  /* 1280 */
  width: 1080px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 96px;
  /*&::after {
  	@include deco-yellow;
  	top: 117px;
  	@include mq(xl) {
  		top: px2vw(117);
  	}
  }
  &::before {
  	@include deco-blue;
  	bottom: -346px;
  	@include mq(xl) {
  		bottom: px2vw(-346);
  	}
  }*/ }
  @media screen and (max-width: 1680px) {
    .news-wrap {
      width: 64.2857142857vw; } }
  @media screen and (max-width: 480px) {
    .news-wrap {
      width: 89.3333333333vw; } }
  @media screen and (max-width: 1680px) {
    .news-wrap {
      padding-top: 5.7142857143vw; } }
  @media screen and (max-width: 480px) {
    .news-wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding-top: 12.8vw; } }
.news-archive {
  width: 780px; }
  @media screen and (max-width: 1680px) {
    .news-archive {
      width: 46.4285714286vw; } }
  @media screen and (max-width: 480px) {
    .news-archive {
      width: 100%; } }
  .news-archive li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #a9a19e;
    padding-bottom: 24px; }
    @media screen and (max-width: 1680px) {
      .news-archive li {
        padding-bottom: 1.4285714286vw; } }
    @media screen and (max-width: 480px) {
      .news-archive li {
        padding-bottom: 5.3333333333vw; } }
    .news-archive li + li {
      margin-top: 24px; }
      @media screen and (max-width: 1680px) {
        .news-archive li + li {
          margin-top: 1.4285714286vw; } }
      @media screen and (max-width: 480px) {
        .news-archive li + li {
          margin-top: 5.3333333333vw; } }
  .news-archive-img {
    width: 300px; }
    @media screen and (max-width: 1680px) {
      .news-archive-img {
        width: 17.8571428571vw; } }
    @media screen and (max-width: 480px) {
      .news-archive-img {
        width: 44%; } }
    .news-archive-img img {
      border-radius: 10px; }
      @media screen and (max-width: 1680px) {
        .news-archive-img img {
          border-radius: 0.5952380952vw; } }
      @media screen and (max-width: 480px) {
        .news-archive-img img {
          border-radius: 1.3333333333vw; } }
  .news-archive-bd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 430px; }
    @media screen and (max-width: 1680px) {
      .news-archive-bd {
        width: 25.5952380952vw; } }
    @media screen and (max-width: 480px) {
      .news-archive-bd {
        width: 50%; } }
    .news-archive-bd > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      color: #585657;
      position: relative; }
    .news-archive-bd-date {
      font-size: 18px;
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-style: normal;
      letter-spacing: .1em;
      margin-right: 1em;
      white-space: nowrap;
      margin-bottom: 20px; }
      @media screen and (max-width: 1680px) {
        .news-archive-bd-date {
          font-size: 1.0714285714vw; } }
      @media screen and (max-width: 480px) {
        .news-archive-bd-date {
          font-size: 4.8vw; } }
      @media screen and (max-width: 1680px) {
        .news-archive-bd-date {
          margin-bottom: 1.1904761905vw; } }
      @media screen and (max-width: 480px) {
        .news-archive-bd-date {
          margin-bottom: 1.3333333333vw; } }
    .news-archive-bd-cat {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: #585657;
      color: #ffffff;
      padding: 0 1em;
      border-radius: 16px;
      height: 32px;
      margin-bottom: 20px; }
      @media screen and (max-width: 1680px) {
        .news-archive-bd-cat {
          border-radius: 0.9523809524vw;
          height: 1.9047619048vw;
          margin-bottom: 1.1904761905vw; } }
      @media screen and (max-width: 480px) {
        .news-archive-bd-cat {
          border-radius: 2.1333333333vw;
          height: 8.5333333333vw;
          margin-bottom: 2.6666666667vw; } }
      .news-archive-bd-cat span {
        display: block;
        width: 100%;
        white-space: nowrap;
        text-align: center;
        font-size: 16px;
        letter-spacing: .05em; }
        @media screen and (max-width: 1680px) {
          .news-archive-bd-cat span {
            font-size: 0.9523809524vw; } }
        @media screen and (max-width: 480px) {
          .news-archive-bd-cat span {
            font-size: 4.2666666667vw; } }
    .news-archive-bd-ttl {
      width: 350px;
      font-size: 18px; }
      @media screen and (max-width: 1680px) {
        .news-archive-bd-ttl {
          font-size: 1.0714285714vw; } }
      @media screen and (max-width: 480px) {
        .news-archive-bd-ttl {
          font-size: 4.8vw; } }
      @media screen and (max-width: 1680px) {
        .news-archive-bd-ttl {
          width: 20.8333333333vw; } }
      @media screen and (max-width: 480px) {
        .news-archive-bd-ttl {
          width: 100%; } }
    .news-archive-bd-btn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media screen and (max-width: 480px) {
        .news-archive-bd-btn {
          width: 100%;
          -webkit-box-pack: end;
          -ms-flex-pack: end;
          justify-content: flex-end; } }
      .news-archive-bd-btn a {
        display: block;
        position: relative;
        padding-bottom: 0.2em; }
        .news-archive-bd-btn a::before {
          position: absolute;
          content: "";
          bottom: 0;
          left: 0;
          width: 40px;
          height: 1px;
          background-color: #585657;
          transition-property: all;
          transition-duration: 0.3s;
          transition-timing-function: ease; }
        .news-archive-bd-btn a span {
          display: block;
          width: 100%;
          white-space: nowrap;
          text-align: center;
          font-size: 18px;
          letter-spacing: .2em;
          font-family: 'Roboto', sans-serif;
          font-weight: 300;
          font-style: normal; }
          @media screen and (max-width: 1680px) {
            .news-archive-bd-btn a span {
              font-size: 1.0714285714vw; } }
          @media screen and (max-width: 480px) {
            .news-archive-bd-btn a span {
              font-size: 4.8vw; } }
        .news-archive-bd-btn a:hover {
          opacity: 1; }
          .news-archive-bd-btn a:hover::before {
            width: 100%; }
.news-side {
  width: 260px;
  color: #585657; }
  @media screen and (max-width: 1680px) {
    .news-side {
      width: 15.4761904762vw; } }
  @media screen and (max-width: 480px) {
    .news-side {
      width: 100%;
      margin-top: 12.8vw; } }
  .news-side-box {
    margin-bottom: 96px; }
    @media screen and (max-width: 1680px) {
      .news-side-box {
        margin-bottom: 5.7142857143vw; } }
    @media screen and (max-width: 480px) {
      .news-side-box {
        margin-bottom: 12.8vw; } }
    .news-side-box:last-of-type {
      margin-bottom: 0; }
    .news-side-box-ttl {
      font-size: 18px;
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-style: normal;
      letter-spacing: .1em; }
      @media screen and (max-width: 1680px) {
        .news-side-box-ttl {
          font-size: 1.0714285714vw; } }
      @media screen and (max-width: 480px) {
        .news-side-box-ttl {
          font-size: 4.8vw; } }
    .news-side-box-ja {
      font-size: 18px;
      letter-spacing: .05em;
      margin-bottom: 0.5em; }
      @media screen and (max-width: 1680px) {
        .news-side-box-ja {
          font-size: 1.0714285714vw; } }
      @media screen and (max-width: 480px) {
        .news-side-box-ja {
          font-size: 4.8vw; } }
    .news-side-box-catlist a {
      display: block;
      position: relative;
      padding: 1em 1.5em 1em 3em;
      font-size: 16px; }
      @media screen and (max-width: 1680px) {
        .news-side-box-catlist a {
          font-size: 0.9523809524vw; } }
      @media screen and (max-width: 480px) {
        .news-side-box-catlist a {
          font-size: 4.2666666667vw; } }
      .news-side-box-catlist a::before {
        position: absolute;
        content: "";
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        width: 11px;
        height: 11px;
        background-image: url(../img/news/arw-right-new@2x.png);
        top: 50%;
        transform: translateY(-50%);
        left: 1.5em; }
        @media screen and (max-width: 1680px) {
          .news-side-box-catlist a::before {
            width: 0.6547619048vw;
            height: 0.6547619048vw; } }
        @media screen and (max-width: 480px) {
          .news-side-box-catlist a::before {
            width: 1.4666666667vw;
            height: 1.4666666667vw; } }
      .news-side-box-catlist a span {
        display: inline-block;
        margin-left: 1em; }
      .news-side-box-catlist a:hover {
        /*background-color: #f9f8f7;*/
        background-color: #bfa46f;
        opacity: 1;
        color: #ffffff; }
        .news-side-box-catlist a:hover::before {
          background-image: url(../img/news/arw-right-white.png); }
    .news-side-box-catlist li {
      border-bottom: 1px solid #a9a19e; }
      .news-side-box-catlist li:nth-of-type(1) a {
        /*background-color: #bfa46f;*/
        /*color: clr(w);*/ }
        .news-side-box-catlist li:nth-of-type(1) a::before {
          background-image: url(../img/news/arw-right-new@2x.png); }
        .news-side-box-catlist li:nth-of-type(1) a:hover::before {
          background-image: url(../img/news/arw-right-white.png); }
  .news-side .list_parent > span {
    display: block;
    position: relative;
    padding: 1em 1.5em 1em 3em;
    font-size: 16px;
    border-bottom: 1px solid #a9a19e;
    /*background-color: #bfa46f;*/
    /*color: clr(w);*/
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease; }
    @media screen and (max-width: 1680px) {
      .news-side .list_parent > span {
        font-size: 0.9523809524vw; } }
    @media screen and (max-width: 480px) {
      .news-side .list_parent > span {
        font-size: 4.2666666667vw; } }
    .news-side .list_parent > span::before {
      position: absolute;
      content: "";
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      width: 11px;
      height: 11px;
      background-image: url(../img/news/arw-right-new@2x.png);
      /*background-image: url(../img/news/arw-right-white.png);*/
      /*background-image: url(../img/news/arw-down-w@2x.png);*/
      top: 50%;
      transform: translateY(-50%);
      left: 1.5em; }
      @media screen and (max-width: 1680px) {
        .news-side .list_parent > span::before {
          width: 0.6547619048vw;
          height: 0.6547619048vw; } }
      @media screen and (max-width: 480px) {
        .news-side .list_parent > span::before {
          width: 1.4666666667vw;
          height: 1.4666666667vw; } }
  .news-side .list_parent:hover {
    background-color: #bfa46f; }
    .news-side .list_parent:hover > span {
      color: #ffffff; }
      .news-side .list_parent:hover > span::before {
        background-image: url(../img/news/arw-right-white.png); }
  .news-side .list_parent.active {
    background-color: #bfa46f; }
    .news-side .list_parent.active > span {
      color: #ffffff; }
      .news-side .list_parent.active > span::before {
        background-image: url(../img/news/arw-down-w@2x.png); }
  .news-side .list_parent + ul {
    display: none; }
    .news-side .list_parent + ul li {
      border-bottom: 1px solid #a9a19e; }
      .news-side .list_parent + ul li a {
        display: block;
        position: relative;
        padding: 1em 1.5em 1em 4em;
        font-size: 16px; }
        @media screen and (max-width: 1680px) {
          .news-side .list_parent + ul li a {
            font-size: 0.9523809524vw; } }
        @media screen and (max-width: 480px) {
          .news-side .list_parent + ul li a {
            font-size: 4.2666666667vw; } }
        .news-side .list_parent + ul li a::before {
          position: absolute;
          content: "";
          background-repeat: no-repeat;
          background-position: center;
          background-size: contain;
          width: 11px;
          height: 11px;
          background-image: url(../img/news/arw-right-new@2x.png);
          top: 50%;
          transform: translateY(-50%);
          left: 2.5em; }
          @media screen and (max-width: 1680px) {
            .news-side .list_parent + ul li a::before {
              width: 0.6547619048vw;
              height: 0.6547619048vw; } }
          @media screen and (max-width: 480px) {
            .news-side .list_parent + ul li a::before {
              width: 1.4666666667vw;
              height: 1.4666666667vw; } }
        .news-side .list_parent + ul li a span {
          display: inline-block;
          margin-left: 1em; }
        .news-side .list_parent + ul li a:hover {
          background-color: #f9f8f7;
          opacity: 1; }
.news-detail-hd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #585657;
  border-bottom: 1px solid #a9a19e;
  padding-bottom: 24px; }
  @media screen and (max-width: 1680px) {
    .news-detail-hd {
      padding-bottom: 1.4285714286vw; } }
  @media screen and (max-width: 480px) {
    .news-detail-hd {
      padding-bottom: 3.2vw; } }
  .news-detail-hd .news-archive-bd-ttl {
    width: 100%; }
    .news-detail-hd .news-archive-bd-ttl h2 {
      font-size: 18px;
      letter-spacing: .05em; }
      @media screen and (max-width: 1680px) {
        .news-detail-hd .news-archive-bd-ttl h2 {
          font-size: 1.0714285714vw; } }
      @media screen and (max-width: 480px) {
        .news-detail-hd .news-archive-bd-ttl h2 {
          font-size: 4.8vw; } }
.news-detail-bd {
  padding-top: 64px;
  padding-bottom: 96px;
  color: #585657;
  line-height: 2.22;
  font-size: 18px;
  letter-spacing: .05em; }
  @media screen and (max-width: 1680px) {
    .news-detail-bd {
      font-size: 1.0714285714vw; } }
  @media screen and (max-width: 480px) {
    .news-detail-bd {
      font-size: 4.8vw; } }
  @media screen and (max-width: 1680px) {
    .news-detail-bd {
      padding-top: 3.8095238095vw;
      padding-bottom: 5.7142857143vw; } }
  @media screen and (max-width: 480px) {
    .news-detail-bd {
      padding-top: 8.5333333333vw;
      padding-bottom: 12.8vw;
      line-height: 1.66; } }
  .news-detail-bd p + p {
    margin-top: 1em; }
.news-detail-pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #a9a19e;
  padding-bottom: 24px;
  color: #585657; }
  @media screen and (max-width: 1680px) {
    .news-detail-pager {
      padding-bottom: 1.4285714286vw; } }
  @media screen and (max-width: 480px) {
    .news-detail-pager {
      padding-bottom: 3.2vw; } }
  .news-detail-pager > div {
    width: 38%; }
    .news-detail-pager > div a {
      display: block;
      position: relative;
      font-size: 18px;
      letter-spacing: .05em;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      width: 100%; }
      @media screen and (max-width: 1680px) {
        .news-detail-pager > div a {
          font-size: 1.0714285714vw; } }
      @media screen and (max-width: 480px) {
        .news-detail-pager > div a {
          font-size: 4.8vw; } }
      .news-detail-pager > div a::before {
        position: absolute;
        content: "";
        width: 7px;
        height: 11px;
        top: 50%;
        transform: translateY(-50%);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain; }
        @media screen and (max-width: 1680px) {
          .news-detail-pager > div a::before {
            width: 0.4166666667vw;
            height: 0.6547619048vw; } }
        @media screen and (max-width: 480px) {
          .news-detail-pager > div a::before {
            width: 0.9333333333vw;
            height: 1.4666666667vw; } }
    .news-detail-pager > div.prev a {
      padding-left: 1em; }
      .news-detail-pager > div.prev a::before {
        left: 0;
        background-image: url(../img/news/prev@2x.png); }
    .news-detail-pager > div.next a {
      padding-right: 1em;
      text-align: right; }
      .news-detail-pager > div.next a::before {
        right: 0;
        background-image: url(../img/news/next@2x.png); }
.news-detail-tolist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 48px; }
  @media screen and (max-width: 1680px) {
    .news-detail-tolist {
      margin-top: 2.8571428571vw; } }
  @media screen and (max-width: 480px) {
    .news-detail-tolist {
      margin-top: 6.4vw; } }
  .news-detail-tolist a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 160px;
    height: 40px;
    font-size: 18px;
    border: 1px solid #585657;
    border-radius: 8px;
    color: #585657; }
    @media screen and (max-width: 1680px) {
      .news-detail-tolist a {
        font-size: 1.0714285714vw; } }
    @media screen and (max-width: 480px) {
      .news-detail-tolist a {
        font-size: 4.8vw; } }
    @media screen and (max-width: 1680px) {
      .news-detail-tolist a {
        width: 9.5238095238vw;
        height: 2.380952381vw;
        border-radius: 0.4761904762vw; } }
    @media screen and (max-width: 480px) {
      .news-detail-tolist a {
        width: 42.6666666667vw;
        height: 10.6666666667vw;
        border-radius: 2.1333333333vw; } }
    .news-detail-tolist a span {
      display: block;
      width: 100%;
      white-space: nowrap;
      text-align: center; }

.wp-pagenavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 48px; }
  @media screen and (max-width: 1680px) {
    .wp-pagenavi {
      padding-top: 2.8571428571vw; } }
  @media screen and (max-width: 480px) {
    .wp-pagenavi {
      padding-top: 6.4vw; } }
  .wp-pagenavi span, .wp-pagenavi a {
    display: block;
    line-height: 40px;
    border: 1px solid #797879 !important;
    border-radius: 8px;
    text-align: center;
    min-width: 40px;
    color: #585657; }
    @media screen and (max-width: 1680px) {
      .wp-pagenavi span, .wp-pagenavi a {
        min-width: 2.380952381vw;
        line-height: 2.380952381vw;
        border-radius: 0.4761904762vw; } }
    @media screen and (max-width: 480px) {
      .wp-pagenavi span, .wp-pagenavi a {
        min-width: 10.6666666667vw;
        line-height: 10.6666666667vw;
        border-radius: 2.1333333333vw; } }
  .wp-pagenavi a:hover,
  .wp-pagenavi span.current {
    border-color: #797879 !important;
    background-color: #585657;
    color: #ffffff;
    font-size: 18px;
    letter-spacing: .05em; }
    @media screen and (max-width: 1680px) {
      .wp-pagenavi a:hover,
      .wp-pagenavi span.current {
        font-size: 1.0714285714vw; } }
    @media screen and (max-width: 480px) {
      .wp-pagenavi a:hover,
      .wp-pagenavi span.current {
        font-size: 4.8vw; } }
  .wp-pagenavi a.nextpostslink,
  .wp-pagenavi a.previouspostslink {
    position: relative;
    padding: 0 24px 0 16px;
    padding-top: 0.05em; }
    @media screen and (max-width: 1680px) {
      .wp-pagenavi a.nextpostslink,
      .wp-pagenavi a.previouspostslink {
        padding: 0 1.4285714286vw 0 2.1333333333vw; } }
    @media screen and (max-width: 480px) {
      .wp-pagenavi a.nextpostslink,
      .wp-pagenavi a.previouspostslink {
        padding: 0 6.4vw 0 4.2666666667vw; } }
    .wp-pagenavi a.nextpostslink::before,
    .wp-pagenavi a.previouspostslink::before {
      position: absolute;
      content: "";
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      top: 50%;
      transform: translateY(-50%);
      width: 8px;
      height: 11px; }
      @media screen and (max-width: 1680px) {
        .wp-pagenavi a.nextpostslink::before,
        .wp-pagenavi a.previouspostslink::before {
          width: 0.4761904762vw;
          height: 0.6547619048vw; } }
      @media screen and (max-width: 480px) {
        .wp-pagenavi a.nextpostslink::before,
        .wp-pagenavi a.previouspostslink::before {
          width: 2.1333333333vw;
          height: 2.9333333333vw; } }
  .wp-pagenavi a.nextpostslink::before {
    right: 12px;
    background-image: url(../img/news/paginavi-next@2x.png); }
    @media screen and (max-width: 1680px) {
      .wp-pagenavi a.nextpostslink::before {
        right: 0.7142857143vw; } }
    @media screen and (max-width: 480px) {
      .wp-pagenavi a.nextpostslink::before {
        right: 3.2vw; } }
  .wp-pagenavi a.previouspostslink::before {
    left: 12px;
    background-image: url(../img/news/paginavi-prev@2x.png); }
    @media screen and (max-width: 1680px) {
      .wp-pagenavi a.previouspostslink::before {
        left: 0.7142857143vw; } }
    @media screen and (max-width: 480px) {
      .wp-pagenavi a.previouspostslink::before {
        left: 3.2vw; } }