@charset "UTF-8";
/* sub_common
----------------------------------------------------------- */
.sub__visual {
  width: 100%;
  position: relative;
  padding-top: 200px; }

.sub__visual__inner {
  width: 100%;
  position: relative;
  height: 620px;
  background: url("../images/news_visual.jpg") no-repeat top center/cover; }

.sub-page-ttl {
  padding-left: 6.5vw;
  position: relative;
  top: -50px; }
  .sub-page-ttl .en {
    color: #c5b5a6;
    font-size: clamp(130px, calc( 130px + (160 - 130) * ((100vw - 769px) / (1680 - 769)) ), 160px); }
  .sub-page-ttl .ja {
    color: #fff;
    font-size: 2.4rem;
    position: relative;
    margin-top: 1em;
    letter-spacing: 0.2em; }

@media screen and (min-width: 769px) and (max-width: 1680px) {
  /*.sub-page-ttl {
      .en {
          font-size: clamp(130px, 8vw, 160px);
      }
  }*/ }
.sub__visual.noimg .sub__visual__inner {
  height: auto;
  background: none; }

.breadCrumb {
  width: 100%;
  position: relative;
  text-align: right;
  padding: 2em 5% 120px; }
  .breadCrumb li {
    display: inline-block;
    font-size: 1.2rem;
    color: #fff; }
    .breadCrumb li a {
      color: #fff; }
      .breadCrumb li a:hover {
        text-decoration: underline; }
    .breadCrumb li::after {
      content: "/";
      margin-left: 1em;
      padding-right: 0.5em; }
    .breadCrumb li:last-child::after {
      content: ""; }

main {
  width: 100%;
  position: relative; }

section {
  width: 100%;
  position: relative; }

/* news
----------------------------------------------------------- */
.news__list {
  background: url("../images/common/bg_water_br.jpg10.jpg") no-repeat top left; }

.news__inner {
  width: min(90%, 1560px);
  background: #f5f4f4;
  padding-bottom: 240px; }

.page__inner {
  width: min(90%, 1560px);
  background: #f5f4f4;
  padding-bottom: 140px; }

.card__list {
  width: min(90%, 900px);
  margin: 0 auto;
  padding-top: 130px; }
  .card__list li {
    border-bottom: 1px solid rgba(197, 181, 166, 0.5); }
  .card__list a {
    display: flex;
    align-items: center;
    padding: 2em 0; }
    .card__list a:hover {
      opacity: 0.5;
      filter: alpha(opacity=50); }
  .card__list .news__thum {
    width: 200px;
    margin-right: 60px; }
  .card__list .news__detail {
    flex: 1; }
  .card__list .date {
    font-size: 1.4rem;
    color: #b49d87; }
  .card__list .ttl {
    margin-top: .5em;
    line-height: 2.0; }

.news__article {
  width: min(90%, 900px);
  margin: 0 auto;
  padding-top: 120px; }

.article__ttl {
  padding-bottom: 3em;
  margin-bottom: 3em;
  border-bottom: 1px solid rgba(197, 181, 166, 0.5); }
  .article__ttl .date {
    font-size: 1.8rem;
    color: #b49d87; }
  .article__ttl .ttl {
    font-size: 3.2rem;
    margin-top: .5em;
    line-height: 1.6; }

.article__content {
  padding-bottom: 80px;
  border-bottom: 1px solid rgba(197, 181, 166, 0.5); }

.page__inner .article__content {
  padding-bottom: 80px;
  border-bottom: none; }

.news__btn {
  margin-top: 100px; }

.btn--back {
  font-size: 2rem;
  font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;
  line-height: 1.0;
  font-weight: 300;
  font-style: normal;
  font-weight: 500;
  line-height: 1.0;
  letter-spacing: 0;
  display: block;
  transition: all .3s;
  position: relative;
  padding-left: 60px;
  padding-bottom: 18px;
  inline-size: fit-content; }
  .btn--back::before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #b49d87;
    border-radius: 50%;
    left: 28px;
    top: 8px; }
  .btn--back::after {
    content: '';
    position: absolute;
    background: url("../images/common/arrow_corner.svg") no-repeat right center;
    width: 185px;
    height: 41px;
    left: 0;
    bottom: 0;
    transform: scaleX(-1); }
  .btn--back:hover {
    opacity: 0.5;
    filter: alpha(opacity=50); }

/* WordPress
----------------------------------------------------------- */
.pagenav {
  width: min(90%, 900px);
  color: #608686;
  margin: 0 auto;
  padding-top: 100px;
  line-height: 2em;
  text-align: left; }
  .pagenav a {
    display: inline;
    color: #608686; }

.pagenav a.page-numbers, .pagenav .current {
  padding: .4em .8em;
  text-decoration: none;
  font-size: 1.4rem;
  background: #FFF;
  border: 1px solid #608686; }

.pagenav .current {
  background: #608686;
  color: #fff;
  font-weight: bold; }

.pagenav a.page-numbers:hover {
  color: #FFF;
  background: #608686; }

.article__content strong {
  font-weight: bold; }

.article__content strong span {
  font-weight: bold; }

.article__content em {
  font-style: italic; }

.article__content img.alignright {
  display: block;
  margin: 0 0 0 auto; }

.article__content img.alignleft {
  display: block;
  margin: 0 auto 0 0; }

.article__content img.aligncenter {
  display: block;
  margin: 0 auto; }

.article__content a {
  color: #608686;
  text-decoration: underline; }

.article__content a:hover {
  text-decoration: none; }

.article__content p {
  margin-bottom: 2em; }

.article__content ul {
  list-style: disc; }
.article__content ol {
  list-style-type: decimal; }
.article__content ul, .article__content ol {
  padding-left: 1.3em; }
  .article__content ul ul, .article__content ul ol, .article__content ol ul, .article__content ol ol {
    margin-top: 0.7em;
    padding-inline-start: 40px; }
.article__content li {
  line-height: 1.6;
  margin-bottom: 0.5em; }

/* contact
----------------------------------------------------------- */
.sup {
  background: #ce6448;
  color: #fff;
  font-size: 1.2rem;
  padding: 0.3em 0.6em;
  margin-left: 0.6em;
  vertical-align: middle; }

.err {
  color: #ce6448;
  margin-bottom: 2em; }

.error {
  color: #ce6448;
  margin-top: 1em; }

.contact-input th {
  width: 30%;
  vertical-align: top; }
.contact-input td {
  width: 70%; }

.contact-input input {
  border: 1px solid #d1c0a5;
  background: #FFF;
  font-size: 1.6rem; }
  .contact-input input.middle {
    width: 320px;
    height: 40px; }
  .contact-input input.long {
    width: 560px;
    height: 40px; }
.contact-input textarea {
  width: 560px;
  height: 200px;
  border: 1px solid #d1c0a5;
  background: #FFF;
  font-size: 1.6rem;
  font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif; }
.contact-input label {
  line-height: 2.0; }

.submit.btn {
  display: block; }
  .submit.btn input {
    cursor: pointer;
    background: #c09f81;
    border: 1px solid #FFF;
    color: #FFF;
    display: block;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    line-height: 60px;
    outline: none;
    transition: all .3s;
    margin: 60px auto 0;
    padding-top: 4px;
    width: 36%; }
    .submit.btn input:hover {
      text-decoration: none;
      background: #FFF;
      border: 1px solid #c09f81;
      color: #c09f81; }

.soushin.btn {
  width: 100%;
  margin: 0 auto;
  position: relative; }
  .soushin.btn input {
    cursor: pointer;
    background: #c09f81;
    border: 1px solid #FFF;
    color: #FFF;
    display: block;
    font-size: 1.8rem;
    font-weight: 500;
    text-align: center;
    line-height: 60px;
    outline: none;
    transition: all .3s;
    margin: 60px auto 0;
    padding-top: 4px;
    width: 36%; }
    .soushin.btn input:hover {
      text-decoration: none;
      background: #FFF;
      border: 1px solid #c09f81;
      color: #c09f81; }
    .soushin.btn input.inback {
      background: #aaa;
      color: #FFF;
      font-size: 1.4rem;
      line-height: 40px;
      position: absolute;
      top: -50px;
      left: 0;
      width: 18%; }
      .soushin.btn input.inback:hover {
        background: #FFF;
        border: 1px solid #aaa;
        color: #aaa; }

.finish-info {
  border: 1px solid rgba(43, 36, 33, 0.2);
  text-align: center;
  padding: 30px 0;
  margin: 40px 0; }
  .finish-info p {
    font-size: 2rem;
    font-family: "Cormorant Garamond", serif;
    font-optical-sizing: auto;
    line-height: 1.0;
    font-weight: 300;
    font-style: normal; }

.finish-back {
  width: 100%;
  margin: 0 auto; }
  .finish-back .btn {
    display: inline;
    margin-right: 1em; }
    .finish-back .btn a {
      display: inline-block;
      font-size: 1.3rem;
      width: 200px;
      background: #333;
      line-height: 40px; }
      .finish-back .btn a:hover {
        background: #9C7D64;
        color: #FFF; }