@charset "utf-8";

.lower__news {
    padding-block: 80rem;
    background: var(--gy);
}

.lower__news .container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.news__categoryList {
    width: fit-content;
    flex-shrink: 0;
}

.news__categoryList li:not(:first-child) {
    margin-top: 20rem;
}

.news__categoryItem {
    position: relative;
    padding-left: 17rem;
    font-size: 16rem;
    line-height: 1.4;
    letter-spacing: 0.12em;
    opacity: 0.4;
}

.news__categoryItem.current {
    opacity: 1;
    pointer-events: none;
}

.news__categoryItem.current::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: inline-block;
    transform: translateY(-2rem);
    width: 8rem;
    height: 8rem;
    background: var(--main);
    border-radius: 50%;
}

.news__categoryItem:hover {
    opacity: 1;
}

.news__listWrap {
    margin-left: 220rem;
    flex-grow: 1;
}

.news__list {
    margin-bottom: 48rem;
}

.news__item {
    position: relative;
    display: flex;
    align-items: flex-start;
    flex-shrink: 0;
    padding: 24rem 64rem 32rem 0;
    border-bottom: 1px solid var(--gy2);
}

.news__item:hover {
    color: var(--txt);
}

.news__list li:first-child .news__item {
    border-top: 1px solid var(--gy2);
}

.news__item::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 4rem;
    transform: translateY(-50%);
    width: 32rem;
    height: 32rem;
    background: url(../img/arrow-wh-bk.svg) no-repeat center / contain;
    transition: .3s ease-out;
}


@media(hover: hover) {
    .news__item:hover::after {
        background: url(../img/arrow-og.svg) no-repeat center / contain;
    }
}

.news__item[target="_blank"]::after {
    background: url(../img/arrow-wh-bk-diagonal.svg) no-repeat center / contain;
}

@media(hover: hover) {
    .news__item[target="_blank"]:hover::after {
        background: url(../img/arrow-og-diagonal.svg) no-repeat center / contain;
    }
}

.news__item[href="javascript:void(0);"] {
    cursor: default;
}

.news__item[href="javascript:void(0);"]::after {
    display: none;
}

.news__date {
    font-family: var(--akshar);
    font-size: 12rem;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0;
    flex-shrink: 0;
    margin-top: 10rem;
}

.news__category {
    color: var(--main);
    font-size: 10rem;
    font-weight: 500;
    line-height: 1.4;
    margin-left: 24rem;
    padding: 4rem 10rem;
    border: 1px solid var(--main);
    border-radius: 11rem;
    flex-shrink: 0;
    margin-top: 6rem;
    text-align: center;
    width: 12.8%;
}

.news__title {
    margin-top: 4rem;
    margin-left: 60rem;
}

.nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-links .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48rem;
    height: 48rem;
    background: var(--wh);
    border-radius: 50%;
    font-family: var(--akshar);
    font-size: 16rem;
    line-height: 1.5;
    letter-spacing: 0;
    transition: .3s ease-out;
}

.nav-links .page-numbers:not(:first-child) {
    margin-left: 24rem;
}

@media(hover: hover) {
    .nav-links a.page-numbers:hover {
        background: var(--bg);
        color: var(--wh);
    }
}

.nav-links .page-numbers.current {
    background: var(--bg);
    color: var(--wh);
}

.nav-links .page-numbers.prev,
.nav-links .page-numbers.next {
    font-size: 0;
    background-color: transparent;
}

.nav-links .page-numbers.prev {
    background: url(../img/arrow-wh-bk-back.svg) no-repeat center / contain;
}

.nav-links .page-numbers.next {
    background: url(../img/arrow-wh-bk.svg) no-repeat center / contain;
}

@media(hover: hover) {
    .nav-links .page-numbers.prev:hover {
        background: url(../img/arrow-back.svg) no-repeat center / contain;
    }

    .nav-links .page-numbers.next:hover {
        background: url(../img/arrow-bk.svg) no-repeat center / contain;
    }
}

@media screen and (max-width: 768px) {
    .lower__news {
        padding-block: 164rem;
    }
    
    .lower__news .container {
        display: block;
    }

    .news__categoryList {
        position: relative;
        width: 100%;
    }

    .news__categoryList::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 49rem;
        transform: translateY(-50%);
        width: 66rem;
        height: 66rem;
        background: url(../img/arrow-select.svg) no-repeat center / contain;
        pointer-events: none;
    }
    
    .news__categorySelect {
        position: relative;
        width: 100%;
        padding: 36rem 82rem;
        background: var(--wh);
        border-radius: 57rem;
        color: var(--main);
        font-family: var(--akshar);
        font-size: 28rem;
        font-weight: 600;
        line-height: 1.5;
        letter-spacing: -0.02em;
    }

    .news__categorySelect option {
        color: var(--txt);
        font-family: var(--sans);
        font-size: 32rem;
        font-weight: 600;
        line-height: 2;
        letter-spacing: 0.04em;
    }

    .news__listWrap {
        margin-top: 82rem;
        margin-left: 0;
    }
    
    .news__list {
        margin-bottom: 48rem;
    }
    
    .news__item {
        flex-wrap: wrap;
        padding: 49rem 131rem 66rem 0;
    }
    
    .news__item::after {
        right: 8rem;
        width: 66rem;
        height: 66rem;
    }
    
    .news__date {
        font-size: 25rem;
        margin-top: 21rem;
    }
    
    .news__category {
        font-size: 21rem;
        font-weight: 600;
        margin-left: 0;
        padding: 8rem 21rem;
        border-radius: 23rem;
        margin-top: 12rem;
        width: auto;
    }
    
    .news__title {
        width: 100%;
        margin-top: 15rem;
        margin-left: 0;
    }
    
    .nav-links .page-numbers {
        width: 98rem;
        height: 98rem;
        font-size: 33rem;
    }
    
    .nav-links .page-numbers:not(:first-child) {
        margin-left: 33rem;
    }
}

/* ===============================================
# 個別ページ
=============================================== */
.single {}

body.single strong {
    color:#FF5900;
}

body.single h3 {
    color:#FF5900;
    font-size: 30rem;
    margin-top: 10rem;
    font-weight: 500;
}

body.single h4 {
    color:#FF5900;
    font-size: 25rem;
    font-weight: 500;
}

body.single h5 {
    font-size: 20rem;
}

div.post__detail p{
    margin-bottom: 14rem !important;
    font-size: 15rem;
}
.single .pankuzu {
    justify-content: flex-end;
}

.single .lower__top {
    padding-bottom: 40rem;
}

.single .lower__top .container {
    display: block;
}

.post__info {
    max-width: 790rem;
    margin-inline: auto;
    margin-top: 30rem;
}

.post__title {
    font-size: 32rem;
    line-height: 1.5;
    letter-spacing: 0.08em;
    margin-top: 40rem;
}

.single .lower__news {
    padding-block: 40rem;
}

.single .lower__news .container {
    display: block;
    max-width: 790rem;
}

.post__detail {
    margin-bottom: 56rem;
    font-weight: 500;
}

.post__detail > *:not(:last-child) {
    margin-bottom: 5rem;
}

.post__thumbnail {
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
}

.post__detail img {
    width: auto;
    max-width: 100%;
    margin-inline: auto;
}

.post__detail a {
    display: inline-block;
    text-decoration: underline;
}

.post__detail a[target="_blank"] {
    position: relative;
    padding-right: 18rem;
    margin-inline: 3rem;
}

.post__detail a[target="_blank"]::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 12rem;
    height: 12rem;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="x,y"><path fill="%2320222C" d="M7.5 0C7.08516 0 6.75 0.335156 6.75 0.75C6.75 1.16484 7.08516 1.5 7.5 1.5H9.43828L4.72031 6.22031C4.42734 6.51328 4.42734 6.98906 4.72031 7.28203C5.01328 7.575 5.48906 7.575 5.78203 7.28203L10.5 2.56172V4.5C10.5 4.91484 10.8352 5.25 11.25 5.25C11.6648 5.25 12 4.91484 12 4.5V0.75C12 0.335156 11.6648 0 11.25 0H7.5ZM1.875 0.75C0.839062 0.75 0 1.58906 0 2.625V10.125C0 11.1609 0.839062 12 1.875 12H9.375C10.4109 12 11.25 11.1609 11.25 10.125V7.5C11.25 7.08516 10.9148 6.75 10.5 6.75C10.0852 6.75 9.75 7.08516 9.75 7.5V10.125C9.75 10.3313 9.58125 10.5 9.375 10.5H1.875C1.66875 10.5 1.5 10.3313 1.5 10.125V2.625C1.5 2.41875 1.66875 2.25 1.875 2.25H4.5C4.91484 2.25 5.25 1.91484 5.25 1.5C5.25 1.08516 4.91484 0.75 4.5 0.75H1.875Z" /></svg>') no-repeat center / contain;
    transition: ease .5s;
}

.wp-block-button a {
    text-decoration: none;
}

@media(hover: hover) {
    .post__detail a[target="_blank"]:hover::after {
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="x,y"><path fill="%23EE7800" d="M7.5 0C7.08516 0 6.75 0.335156 6.75 0.75C6.75 1.16484 7.08516 1.5 7.5 1.5H9.43828L4.72031 6.22031C4.42734 6.51328 4.42734 6.98906 4.72031 7.28203C5.01328 7.575 5.48906 7.575 5.78203 7.28203L10.5 2.56172V4.5C10.5 4.91484 10.8352 5.25 11.25 5.25C11.6648 5.25 12 4.91484 12 4.5V0.75C12 0.335156 11.6648 0 11.25 0H7.5ZM1.875 0.75C0.839062 0.75 0 1.58906 0 2.625V10.125C0 11.1609 0.839062 12 1.875 12H9.375C10.4109 12 11.25 11.1609 11.25 10.125V7.5C11.25 7.08516 10.9148 6.75 10.5 6.75C10.0852 6.75 9.75 7.08516 9.75 7.5V10.125C9.75 10.3313 9.58125 10.5 9.375 10.5H1.875C1.66875 10.5 1.5 10.3313 1.5 10.125V2.625C1.5 2.41875 1.66875 2.25 1.875 2.25H4.5C4.91484 2.25 5.25 1.91484 5.25 1.5C5.25 1.08516 4.91484 0.75 4.5 0.75H1.875Z" /></svg>') no-repeat center / contain;
    }
}

.post__detail ul,
.post__detail ul li {
    list-style: disc;
    margin-left: 0.5em;
}

.post__detail ol,
.post__detail ol li {
    list-style: decimal;
    margin-left: 0.5em;
}

.post__detail strong {
    font-weight: 700;
}

.post__detail h1,
.post__detail h2,
.post__detail h3,
.post__detail h4 {
    font-weight: 700;
}

.post__detail h1 {
    font-size: 30rem;
}
.post__detail h2 {
    font-size: 25rem;
}
.post__detail h3 {
    font-size: 20rem;
}
.post__detail h4 {
    font-size: 15rem;
}
@media screen and (max-width: 768px) {
    .post__detail h1 {
        font-size: 60rem;
    }
    .post__detail h2 {
        font-size: 50rem;
    }
    .post__detail h3 {
        font-size: 40rem;
    }
    .post__detail h4 {
        font-size: 30rem;
    }
}

.post__detail table td,
.post__detail table th {
    border: 1px solid;
    padding: 0.5em;
}

.single .btn.wh::after {
    display: none;
}

@media screen and (max-width: 768px) {
    .single .pankuzu {
        justify-content: flex-start;
    }

    .single .lower__top {
        padding-bottom: 60rem;
    }
    
    .post__info {
        max-width: 100%;
        margin-top: 0;
    }
    
    .post__title {
        font-size: 49rem;
        margin-top: 66rem;
    }
    
    .single .lower__news {
        padding-top: 60rem;
        padding-bottom: 164rem;
    }
    
    .single .lower__news .container {
        max-width: 100%;
    }
    
    .post__detail {
        margin-bottom: 5rem;
    }
    
    .post__detail > *:not(:last-child) {
        margin-bottom: 5rem;
    }
    div.post__detail p {
        margin-bottom: 20rem !important;
        font-size: 18rem;
    }
    body.single h4 {
        font-size: 25rem;
    }
    body.single h5 {
        font-size: 25rem;
    }
    /* .post__detail .flex {
        display: block;
    }
    
    .post__detail .flex > * {
        width: 100%;
    }

    .post__detail .flex > *:first-child {
        margin-bottom: 49rem;
    } */
    
    .post__detail a[target="_blank"] {
        padding-right: 37rem;
        margin-inline: 6rem;
    }
    
    .post__detail a[target="_blank"]::after {
        width: 25rem;
        height: 25rem;
    }
}
@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");

.rbtn,
a.rbtn,
button.rbtn {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.3;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  color: #212529;
  border-radius: 0.5rem;
}

.rbtn-wrap-pc-sp {
  max-width: 435px;
  margin: 0 auto 20px;
}

a.rbtn-pc-sp {
  line-height: 1.4;

  width: 49.5%;
  padding: 1.25rem 0;

  color: #ffff;
}

a.rbtn--contact {
  font-size: 35rem;
  margin: 0 auto;
  display: block;
  width: 570rem;
  padding: 1.6rem 0 1.6rem 2.2rem;
  color: #fff;
  border-radius: 100vh;
  background: #FF5900;
  -webkit-box-shadow: 0 5px 0 #d25600;
  box-shadow: 0 5px 0 #d25600;
}

a.rbtn--contact i {
  font-size: 29rem;
}

a.rbtn--contact i.fa-position-left {
  font-size: 30rem;
  left: 115rem;
}

a.rbtn--contact .number {
  line-height: 1;
  display: inline-block;
  margin-top: 0.5rem;
  padding: 0.25rem 2rem;
  letter-spacing: 0;
  color: #eb6100;
  border-radius: 0.5rem;
  background: #fff;
}
i.fas.fa-angle-right.fa-position-right {
    right: 34rem;
}

a.rbtn--contact:hover {
  color: #fff;
}

a.rbtn--tel {
  display: block;
  margin-top: 15px;
  padding: 1rem 0 1rem 2.2rem;
  color: #fff;
  border-radius: 100vh;
  background: #094;
  -webkit-box-shadow: 0 5px 0 #008039;
  box-shadow: 0 5px 0 #008039;
}

a.rbtn--tel i {
  font-size: 2rem;
}

a.rbtn--tel i.fa-position-left {
  font-size: 3rem;

  left: 2rem;
}

a.rbtn--tel .number {
  line-height: 1;

  display: inline-block;

  margin-top: 0.5rem;
  padding: 0.25rem 2rem;

  letter-spacing: 0;

  color: #094;
  border-radius: 0.5rem;
  background: #fff;
}

a.rbtn--tel:hover {
  color: #fff;
}

.fa-position-left {
  position: absolute;
  top: calc(50% - 0.5em);
  left: 1rem;
}

.fa-position-right {
  position: absolute;
  top: calc(50% - 0.5em);
  right: 1rem;
}