@charset "UTF-8";
* {
    box-sizing: border-box;
}

.sp_wrapper {
    position: relative;
    background-color: #ffffff;
    height: 100%;
    overflow: hidden;
    margin: auto;
}

/*-------------------------------------*/

.news_header {
    height: 130rem;
    padding-top: 80rem;
    box-sizing: content-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #B39A47;
}
.news_header_en {
    display: block;
    color: #FFF;
    font-size: 16rem;
    margin-bottom: 6rem;
}
.news_header_jp {
    display: inline-block;
    color: #FFF;
    font-size: 19rem;
    letter-spacing: 4rem;
    padding-bottom: 16rem;
    border-bottom: 1px solid #FFF;
    width: 329rem;
}

.top_body {
    position: relative;
    width: 100%;
    height: auto;
}

.sec_news {
    position: relative;
    width: 100%;
    padding-left: 20rem;
    padding-right: 20rem;
}

.news_head_block {
    position: relative;
    width: 100%;
    height: auto;
    font-family: "BIZ UDPMincho", serif;
    text-align: center;
    padding-top: 102rem;
}

.news_head_block span a {
    font-family: "BIZ UDPMincho", serif;
    font-size: 14rem;
    color: #B39A47;
    line-height: 14rem;
}

.news_head_block span b {
    position: relative;
    top: 4rem;
    font-size: 24rem;
    font-weight: 400;
    color: #000;
    line-height: 24rem;
    letter-spacing: 0.7rem;
}

.news_body_block {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 50rem;
}

.news_body_pt_block {
    position: relative;
}

.news_td1,
.news_td2,
.news_td3,
.news_td4,
.news_td5 {
    position: relative;
    height: 12rem;
    margin-bottom: 8rem;
    font-size: 12rem;
    color: #B39A47;
    letter-spacing: 0.6rem;
}

.news_t1,
.news_t2,
.news_t3,
.news_t4,
.news_t5 {
    position: relative;
    width: 100%;
    height: auto;
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
    font-size: 14rem;
    color: #000;
    line-height: 17rem;
}

.news_t1 span,
.news_t2 span,
.news_t3 span,
.news_t4 span,
.news_t5 span {
    position: relative;
    width: 100%;
    height: auto;
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
    font-size: 14rem;
    font-weight: 400;
    line-height: 17rem;
    color: #000;
}

.sp_line {
    position: relative;
    width: 100%;
    height: 33rem;
}

.hr_line {
    position: relative;
    top: 16rem;
    width: 100%;
    border: 1rem solid #e6e6e6;
}

.news_btn {
    position: relative;
    width: 100%;
    height: 40rem;
    margin-bottom: 57rem;
    padding-left: 133rem;
    padding-right: 7rem;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 4rem;
    background-color: #B39A47;
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
    text-align: center;
    font-size: 14rem;
    font-weight: 400;
    letter-spacing: 0;
}
.news_btn::after {
  content: "";
  display: block;
  width: 14rem;
  height: 14rem;
  background-image: url(../img/common/arrow03.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}


.wp-pagenavi {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20rem;
  margin-bottom: 48rem;
  font-size: 14rem;
}
.page,
.current,
.first,
.last,
.nextpostslink,
.previouspostslink {
  width: 40rem;
  height: 40rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: #ffffff;
  background-color: #B39A47;
}
.current {
  color: #B39A47;
  background-color: #fff;
  border: 1px solid #B39A47;;
}
.extend {
  display: flex;
  justify-content: center;
  align-items: center;
}