@charset "UTF-8";
/* ONSEN
*****************************************************************/
/* mixin
********************************************************************/
/* カラー */
/* media query */
/* SP縦から */
/* SP横から */
/* タブレット縦から */
/* フルワイド */
/* ちょっと狭い */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&family=Noto+Serif+TC:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");
.area_onsen {
  position: relative;
  padding: 120px 0 0; }
  @media all and (max-width: 896px) {
    .area_onsen {
      padding: 60px 0 0; } }
  .area_onsen .block_bg {
    background-color: #EDEAE4;
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0px;
    bottom: 0px; }
    @media all and (max-width: 480px) {
      .area_onsen .block_bg {
        height: 70%; } }
  .area_onsen .block_onsen {
    position: relative;
    padding: 0 8vw 20px;
    text-align: center; }
    @media all and (max-width: 896px) {
      .area_onsen .block_onsen {
        padding: 0 20px 20px; } }
    .area_onsen .block_onsen h2 {
      font-size: 2.8rem;
      font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 'Noto Serif TC', "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      line-height: 1.2em;
      font-weight: 400; }
    .area_onsen .block_onsen ul {
      display: flex;
      flex-wrap: wrap;
      padding: 10px 0 0;
      margin: 0 -25px; }
      @media all and (max-width: 896px) {
        .area_onsen .block_onsen ul {
          margin: 0 -10px; } }
      @media all and (max-width: 480px) {
        .area_onsen .block_onsen ul {
          margin: 0 -10px; } }
      .area_onsen .block_onsen ul li {
        width: 50%;
        padding: 25px;
        box-sizing: border-box;
        text-align: left; }
        @media all and (max-width: 896px) {
          .area_onsen .block_onsen ul li {
            padding: 10px; } }
        @media all and (max-width: 480px) {
          .area_onsen .block_onsen ul li {
            width: 100%; } }
        .area_onsen .block_onsen ul li .box_img {
          line-height: 0em; }
          .area_onsen .block_onsen ul li .box_img img {
            width: 100%;
            height: auto; }
        .area_onsen .block_onsen ul li p {
          font-size: 1.5rem;
          line-height: 1.4em;
          padding: 8px 0 0; }

.area_about {
  padding: 120px 20px 0; }
  @media all and (max-width: 896px) {
    .area_about {
      padding: 60px 20px 0; } }
  .area_about .block_about {
    max-width: 1100px;
    margin: 0 auto;
    background-color: #EDEAE4;
    padding: 0 0 25px;
    background-image: url("../images/bg_onsen.png");
    background-position: left bottom;
    background-repeat: no-repeat; }
    @media all and (max-width: 896px) {
      .area_about .block_about {
        padding: 0 0 15px; } }
    .area_about .block_about h2 {
      font-size: 3.2rem;
      line-height: 1.3em;
      font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 'Noto Serif TC', "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-weight: 400;
      text-align: center;
      padding: 35px 0 0; }
      @media all and (max-width: 896px) {
        .area_about .block_about h2 {
          font-size: 2.8rem;
          padding: 20px 0 0; } }
    .area_about .block_about .box_spec {
      padding: 5px 25px 0;
      display: flex;
      flex-wrap: wrap; }
      @media all and (max-width: 896px) {
        .area_about .block_about .box_spec {
          padding: 0px 15px 0; } }
      .area_about .block_about .box_spec .side_img, .area_about .block_about .box_spec .side_txt, .area_about .block_about .box_spec .side_img_yu, .area_about .block_about .box_spec .side_txt_yu {
        padding: 15px;
        box-sizing: border-box; }
        @media all and (max-width: 896px) {
          .area_about .block_about .box_spec .side_img, .area_about .block_about .box_spec .side_txt, .area_about .block_about .box_spec .side_img_yu, .area_about .block_about .box_spec .side_txt_yu {
            padding: 10px; } }
        .area_about .block_about .box_spec .side_img h3, .area_about .block_about .box_spec .side_txt h3, .area_about .block_about .box_spec .side_img_yu h3, .area_about .block_about .box_spec .side_txt_yu h3 {
          font-size: 2.5rem;
          line-height: 1.3em;
          font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 'Noto Serif TC', "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
          font-weight: 400;
          border-bottom: #666 dotted 1px;
          padding: 0 0 8px;
          margin-bottom: 10px; }
          @media all and (max-width: 896px) {
            .area_about .block_about .box_spec .side_img h3, .area_about .block_about .box_spec .side_txt h3, .area_about .block_about .box_spec .side_img_yu h3, .area_about .block_about .box_spec .side_txt_yu h3 {
              font-size: 2rem; } }
      .area_about .block_about .box_spec .side_img {
        width: 40%; }
        @media all and (max-width: 480px) {
          .area_about .block_about .box_spec .side_img {
            width: 100%; } }
        .area_about .block_about .box_spec .side_img .inner {
          line-height: 0em; }
          .area_about .block_about .box_spec .side_img .inner img {
            width: 100%;
            height: auto; }
        .area_about .block_about .box_spec .side_img dl {
          font-size: 1.4rem;
          line-height: 1.6em;
          padding: 10px 0 0; }
          .area_about .block_about .box_spec .side_img dl dt {
            font-weight: 700; }
      .area_about .block_about .box_spec .side_txt {
        width: 60%; }
        @media all and (max-width: 480px) {
          .area_about .block_about .box_spec .side_txt {
            width: 100%; } }
        .area_about .block_about .box_spec .side_txt p {
          font-size: 1.4rem;
          line-height: 1.8em; }
      .area_about .block_about .box_spec .side_img_yu {
        width: 46%; }
        @media all and (max-width: 480px) {
          .area_about .block_about .box_spec .side_img_yu {
            width: 100%; } }
        .area_about .block_about .box_spec .side_img_yu .inner {
          line-height: 0em; }
          .area_about .block_about .box_spec .side_img_yu .inner img {
            width: 100%;
            height: auto; }
        .area_about .block_about .box_spec .side_img_yu dl {
          font-size: 1.4rem;
          line-height: 1.6em;
          padding: 10px 0 0; }
          .area_about .block_about .box_spec .side_img_yu dl dt {
            font-weight: 700; }
      .area_about .block_about .box_spec .side_txt_yu {
        width: 54%; }
        @media all and (max-width: 480px) {
          .area_about .block_about .box_spec .side_txt_yu {
            width: 100%; } }
        .area_about .block_about .box_spec .side_txt_yu table {
          font-size: 1.4rem;
          line-height: 1.6em; }
          .area_about .block_about .box_spec .side_txt_yu table th, .area_about .block_about .box_spec .side_txt_yu table td {
            padding: 4px 0;
            text-align: left;
            font-weight: 400; }
          .area_about .block_about .box_spec .side_txt_yu table th {
            white-space: nowrap; }
          .area_about .block_about .box_spec .side_txt_yu table td {
            text-indent: -1em;
            padding-left: 1em; }
            .area_about .block_about .box_spec .side_txt_yu table td::before {
              content: "／"; }
        .area_about .block_about .box_spec .side_txt_yu dl {
          font-size: 1.4rem;
          line-height: 1.8em;
          padding: 13px 0 0;
          letter-spacing: 0em; }
          .area_about .block_about .box_spec .side_txt_yu dl dt {
            font-weight: 700; }