@charset "UTF-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

li {
  list-style: none;
}

input[type="submit"], input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration {
  display: none;
}

input[type="submit"]:focus, input[type="button"]:focus {
  outline-offset: -2px;
}

*, *::before, *::after {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

input[type="submit"]:focus, input[type="password"]:focus, input[type="button"]:focus {
  outline: 0;
}

* {
  margin: 0;
  padding: 0;
  color: #231815;
  font-family: arial, Helvetica, "Hiragino Kaku Gothic ProN", "Meiryo", "MS PGothic", sans-serif;
}

a {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

html {
  overflow: auto;
}

html.hidden {
  overflow: hidden;
}

body {
  overflow: hidden;
  -webkit-text-size-adjust: 100%;
}

body.of_i {
  overflow: initial;
}

body.nav_fixed nav {
  position: fixed;
  top: 65px;
  left: 0;
}

main {
  display: block;
  position: relative;
}

section {
  position: relative;
}

div.content01 {
  width: 96%;
  margin: 0 auto;
}

h2, p, span, a, li, th, td, small, label {
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.1em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

img, video {
  width: 100%;
  vertical-align: bottom;
}

.note {
  font-size: 10px;
}

.caption {
  font-size: 10px;
  letter-spacing: 0;
  color: #fff;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5), -1px 1px 3px rgba(0, 0, 0, 0.5), 1px -1px 3px rgba(0, 0, 0, 0.5), -1px -1px 3px rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 5px;
  right: 5px;
}

span.sup {
  font-size: 10px;
  vertical-align: top;
  position: relative;
  top: -0.1em;
}

.co_000 {
  color: #000;
}

.co_fff {
  color: #fff;
}

.t_shdw_none {
  text-shadow: none;
}

.t_shdw_000 {
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5), -1px 1px 3px rgba(0, 0, 0, 0.5), 1px -1px 3px rgba(0, 0, 0, 0.5), -1px -1px 3px rgba(0, 0, 0, 0.5);
}

.t_shdw_fff {
  text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.5), -1px 1px 3px rgba(255, 255, 255, 0.5), 1px -1px 3px rgba(255, 255, 255, 0.5), -1px -1px 3px rgba(255, 255, 255, 0.5);
}

.txt_le {
  text-align: left;
}

.txt_ri {
  text-align: right;
}

.slick-slider div {
  -webkit-transition: none;
  transition: none;
}

.rellax {
  -webkit-transition: all 0s ease;
  transition: all 0s ease;
}

.rellax2 {
  -webkit-transition: all 0s ease;
  transition: all 0s ease;
}

@media screen and (min-width: 769px) {
  ._sp {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  ._pc {
    display: none !important;
  }
}

@media screen and (min-width: 769px) {
  ._nav {
    display: none !important;
  }
}

main {
  margin: 70px 0 0;
}

main.m0 {
  margin: 0;
}

#bodyGreeting main {
  background: url("/udhm_img/common/bg.jpg") repeat-y top center;
  background-size: 100% auto;
  padding: 0 0;
}

div.content01 {
  max-width: 930px;
}

a:hover {
  opacity: .7;
}

@media screen and (max-width: 768px) {
  main {
    margin: 64px 0 0;
  }
  /*@media screen end*/
}

@media screen and (max-width: 768px) {
  div.content01 {
    width: 90.66667vw;
  }
  a:hover {
    opacity: 1;
  }
  /*@media screen end*/
}

.loadwrap {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999999;
  background: #fff;
  opacity: 1;
}

.loadwrap.no_active {
  -webkit-animation-name: loadAnime;
          animation-name: loadAnime;
  -webkit-animation-duration: .5s;
          animation-duration: .5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}

@-webkit-keyframes loadAnime {
  0% {
    z-index: 99999;
    opacity: 1;
  }
  90% {
    z-index: 99999;
  }
  100% {
    z-index: -1;
    opacity: 0;
  }
}

@keyframes loadAnime {
  0% {
    z-index: 99999;
    opacity: 1;
  }
  90% {
    z-index: 99999;
  }
  100% {
    z-index: -1;
    opacity: 0;
  }
}

@media screen and (max-width: 768px) {
  /*@media screen end*/
}

.com_main_wrap {
  position: relative;
}

.com_main_wrap .main_txt {
  font-size: 26px;
  letter-spacing: 0.22em;
  color: #fff;
  position: absolute;
  left: 50%;
  width: 95%;
  max-width: 930px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.com_anker {
  display: block;
  -webkit-transform: translateY(-200px);
          transform: translateY(-200px);
}

@media screen and (max-width: 768px) {
  .com_main_wrap {
    max-height: 400px;
    height: 53.33333vw;
  }
  .com_main_wrap .main_txt {
    font-size: clamp(10px, 4.8vw, 26px);
    text-align: center;
  }
  .com_anker {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  /*@media screen end*/
}

.com_txt_box .tit_ja {
  font-size: 14px;
  margin: 0 0 10px;
  color: #a8806d;
}

.com_txt_box .tit_en {
  font-size: clamp(16px, 5vw, 59px);
  color: #a8806d;
  font-weight: 600;
  font-family: sans-serif, serif;
  letter-spacing: 0;
}

.com_txt_box.center p {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .com_txt_box .tit_ja {
    font-size: clamp(10px, 3.2vw, 14px);
  }
  .com_txt_box .tit_en {
    font-size: clamp(16px, 9.2vw, 59px);
  }
  .com_txt_box .ttl {
    font-size: 4.53333vw;
    font-size: clamp(10px, 4.53333vw, 24px);
  }
  .com_txt_box .lead {
    font-size: 4.0vw;
    font-size: clamp(10px, 4.0vw, 20px);
    margin: 4.0vw 0 0;
  }
  .com_txt_box .txt {
    font-size: 3.33333vw;
    font-size: clamp(10px, 3.33333vw, 15px);
    margin: 2.66667vw 0 0;
  }
  /*@media screen end*/
}

@media screen and (max-width: 768px) {
  /*@media screen end*/
}

.com_other_links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999;
}

.com_other_links a {
  width: 20%;
  height: 65px;
  background: #fff;
  position: relative;
}

.com_other_links a span {
  color: #231815;
}

.com_other_links a img {
  display: block;
  max-width: 60%;
  margin: 10px auto 0;
}

.com_other_links a::before {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.com_other_links a.outline {
  background: #e0e9e7;
}

.com_other_links a.outline::before {
  background: #fff;
}

.com_other_links a.map {
  background: #dcdddd;
}

.com_other_links a.map::before {
  background: #fff;
}

.com_other_links a.entry {
  background: #e0d7c2;
}

.com_other_links a.entry::before {
  background: #fff;
}

.com_other_links a.reserve {
  background: #990038;
}

.com_other_links a.reserve span {
  color: #fff;
}

.com_other_links a.reserve::before {
  background: #fff;
}

.com_other_links a.request {
  background: #e0d7c2;
}

.com_other_links a.request::before {
  background: #fff;
}

.com_other_links a.limited {
  background: #2b6b5d;
}

.com_other_links a.limited::before {
  background: #fff;
}

.com_other_links a.tel {
  background: #c7cec2;
}

.com_other_links a.tel::before {
  display: none;
}

@media screen and (max-width: 768px) {
  /*@media screen end*/
}

/* common___end*/
.c-bg {
  background: url(/udhm_img/common/bg.jpg) left top/100% auto repeat-y;
}

.c-link {
  display: block;
  max-width: 300px;
  background: #a6806d;
  color: #fff;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px 1%;
  position: relative;
  -webkit-box-shadow: 4px 4px 15px rgba(166, 128, 109, 0.8);
          box-shadow: 4px 4px 15px rgba(166, 128, 109, 0.8);
}

.c-link::after {
  content: "";
  background: url(/udhm_img/common/arrow.svg) left top/100% auto no-repeat;
  width: 32px;
  height: 7px;
  position: absolute;
  right: 5%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.c-link:hover::after {
  right: 2%;
}

@media screen and (max-width: 768px) {
  .c-link {
    width: 100%;
    padding: 5%;
  }
}

.a-anker {
  -webkit-transform: translateY(-200px);
          transform: translateY(-200px);
  display: block;
}

header {
  width: 100%;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  height: 70px;
}

header .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 96%;
  max-width: 930px;
  margin: 5px auto 0;
}

header .header .logo {
  width: 330px;
}

header .header_lead {
  width: calc(100% - 350px);
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: right;
  font-size: 10px;
}

header .header .other_links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

header .header .other_links a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100px;
  height: 50px;
  margin-right: 8px;
}

header .header .other_links a span {
  font-size: 12px;
  letter-spacing: 0.0em;
  line-height: 1.4;
  text-align: center;
  color: #231815;
}

header .header .other_links a.map {
  background: #dcdddd;
}

header .header .other_links a.outline {
  background: #e0e9e7;
}

header .header .other_links a.entry {
  background: #dfd7c2;
}

header .header .other_links a.reserve {
  background: #990038;
  margin-right: 0;
}

header .header .other_links a.reserve span {
  color: #fff;
}

nav {
  width: 100%;
  background: #fff;
  z-index: 5000;
  -webkit-box-shadow: 0 10px 7px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 7px rgba(0, 0, 0, 0.1);
}

nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 96%;
  max-width: 930px;
  margin: 5px auto 0;
}

nav ul li {
  width: 20%;
  margin: 10px 0px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-left: 1px solid #c8c8c8;
}

nav ul li:last-child {
  border-right: 1px solid #c8c8c8;
}

nav ul p,
nav ul a {
  text-align: center;
  display: block;
  padding: 5px 15px 7px;
}

nav ul p span {
  opacity: 0.4;
}

nav ul .s1 {
  display: block;
  color: #a8806d;
  font-size: 10px;
  margin-bottom: 5px;
  letter-spacing: 0.05em;
}

nav.fixed {
  position: fixed;
  top: 70px;
  left: 0;
  width: 100%;
  z-index: 10;
}

@media screen and (min-width: 768px) and (max-width: 1030px) {
  nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  nav ul a {
    padding: 0px 10px;
  }
  /*@media screen end*/
}

@media screen and (max-width: 768px) {
  header {
    height: 60px;
  }
  header .header {
    width: 90.66667vw;
    margin: 0 auto;
  }
  header .header .logo {
    width: 280px;
    margin: auto;
  }
  header .header_lead {
    width: 82%;
    margin: 10px auto;
    position: initial;
    text-align: center;
    line-height: 1.4;
  }
  header .header .other_links {
    display: none;
  }
  nav {
    opacity: 0;
    pointer-events: none;
    width: 100%;
    height: 100vh;
    background: #fff;
    margin: 0;
    position: fixed;
    top: 54px;
    left: 0;
  }
  nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 96%;
    margin: auto;
  }
  nav ul li {
    width: 100%;
    margin: 0;
    border-left: none;
    border-bottom: solid 1px rgba(35, 24, 21, 0.5);
    position: relative;
  }
  nav ul li.new::after {
    top: 5px;
  }
  nav ul li:last-child {
    border-right: none;
  }
  nav ul li::before {
    content: ">";
    font-size: 12px;
    color: rgba(35, 24, 21, 0.5);
    position: absolute;
    top: 50%;
    right: 1%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  nav ul p,
  nav ul a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 60px;
    padding: 10px 0 0 20px;
  }
  nav ul span {
    font-size: 13px;
    color: #231815;
  }
  nav ul span.s1 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin: 0 0 0 20px;
  }
  nav ul span.s2 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  nav {
    -webkit-transition: all .75s;
    transition: all .75s;
    left: 100vw;
  }
  nav.active {
    opacity: 1;
    pointer-events: all;
    left: 0vw;
  }
  .btn-trigger {
    width: 54px;
    height: 54px;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9999;
  }
  .btn-trigger span {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 25px;
    height: 2px;
    background-color: rgba(35, 24, 21);
  }
  .btn-trigger, .btn-trigger span {
    display: inline-block;
    -webkit-transition: all .75s;
    transition: all .75s;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .btn-trigger span:nth-of-type(1) {
    top: 16px;
  }
  .btn-trigger span:nth-of-type(2) {
    top: 26px;
  }
  .btn-trigger span:nth-of-type(3) {
    bottom: 16px;
  }
  .btn-trigger span:nth-of-type(1) {
    -webkit-animation: btn07-bar01 .75s forwards;
            animation: btn07-bar01 .75s forwards;
  }
  @-webkit-keyframes btn07-bar01 {
    0% {
      -webkit-transform: translateY(9.5px) rotate(45deg);
              transform: translateY(9.5px) rotate(45deg);
    }
    50% {
      -webkit-transform: translateY(9.5px) rotate(0);
              transform: translateY(9.5px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(0) rotate(0);
              transform: translateY(0) rotate(0);
    }
  }
  @keyframes btn07-bar01 {
    0% {
      -webkit-transform: translateY(9.5px) rotate(45deg);
              transform: translateY(9.5px) rotate(45deg);
    }
    50% {
      -webkit-transform: translateY(9.5px) rotate(0);
              transform: translateY(9.5px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(0) rotate(0);
              transform: translateY(0) rotate(0);
    }
  }
  .btn-trigger span:nth-of-type(2) {
    -webkit-transition: all .25s .25s;
    transition: all .25s .25s;
    opacity: 1;
  }
  .btn-trigger span:nth-of-type(3) {
    -webkit-animation: btn07-bar03 .75s forwards;
            animation: btn07-bar03 .75s forwards;
  }
  @-webkit-keyframes btn07-bar03 {
    0% {
      -webkit-transform: translateY(-9.5px) rotate(-45deg);
              transform: translateY(-9.5px) rotate(-45deg);
    }
    50% {
      -webkit-transform: translateY(-9.5px) rotate(0);
              transform: translateY(-9.5px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(0) rotate(0);
              transform: translateY(0) rotate(0);
    }
  }
  @keyframes btn07-bar03 {
    0% {
      -webkit-transform: translateY(-9.5px) rotate(-45deg);
              transform: translateY(-9.5px) rotate(-45deg);
    }
    50% {
      -webkit-transform: translateY(-9.5px) rotate(0);
              transform: translateY(-9.5px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(0) rotate(0);
              transform: translateY(0) rotate(0);
    }
  }
  .btn-trigger.active span:nth-of-type(1) {
    -webkit-animation: active-btn07-bar01 .75s forwards;
            animation: active-btn07-bar01 .75s forwards;
  }
  @-webkit-keyframes active-btn07-bar01 {
    0% {
      -webkit-transform: translateY(0) rotate(0);
              transform: translateY(0) rotate(0);
    }
    50% {
      -webkit-transform: translateY(9.5px) rotate(0);
              transform: translateY(9.5px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(9.5px) rotate(45deg);
              transform: translateY(9.5px) rotate(45deg);
    }
  }
  @keyframes active-btn07-bar01 {
    0% {
      -webkit-transform: translateY(0) rotate(0);
              transform: translateY(0) rotate(0);
    }
    50% {
      -webkit-transform: translateY(9.5px) rotate(0);
              transform: translateY(9.5px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(9.5px) rotate(45deg);
              transform: translateY(9.5px) rotate(45deg);
    }
  }
  .btn-trigger.active span:nth-of-type(2) {
    opacity: 0;
  }
  .btn-trigger.active span:nth-of-type(3) {
    -webkit-animation: active-btn07-bar03 .75s forwards;
            animation: active-btn07-bar03 .75s forwards;
  }
  @-webkit-keyframes active-btn07-bar03 {
    0% {
      -webkit-transform: translateY(0) rotate(0);
              transform: translateY(0) rotate(0);
    }
    50% {
      -webkit-transform: translateY(-9.5px) rotate(0);
              transform: translateY(-9.5px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(-9.5px) rotate(-45deg);
              transform: translateY(-9.5px) rotate(-45deg);
    }
  }
  @keyframes active-btn07-bar03 {
    0% {
      -webkit-transform: translateY(0) rotate(0);
              transform: translateY(0) rotate(0);
    }
    50% {
      -webkit-transform: translateY(-9.5px) rotate(0);
              transform: translateY(-9.5px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(-9.5px) rotate(-45deg);
              transform: translateY(-9.5px) rotate(-45deg);
    }
  }
  /*@media screen end*/
}

/* header___end */
.com_note_wrap .note {
  line-height: 1.6;
}

footer {
  background: #fff;
}

footer .com_note_wrap {
  padding: 60px 0 10px;
}

footer .com_note_wrap .note {
  line-height: 1.6;
}

footer .com_link {
  padding: 50px 0 100px;
}

footer .com_link .content01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

footer .com_link_tbox {
  padding: 0 50px 0 0;
}

footer .com_link a {
  display: block;
  color: #a8806d;
  margin-bottom: 25px;
  position: relative;
}

footer .com_link a::before {
  content: ">";
  margin-right: 5px;
}

footer .com_link p.nolink {
  display: block;
  color: #a8806d;
  opacity: 0.4;
  margin-bottom: 25px;
  position: relative;
}

footer .com_link p.nolink::before {
  content: ">";
  margin-right: 5px;
}

footer .com_link_tit {
  border-right: 1px solid #c8c8c8;
  padding: 0 30px 0 0;
  margin-right: 30px;
  display: inline-block !important;
  color: #000 !important;
}

footer .com_link_tit::before {
  display: none !important;
}

footer .com_link .hotel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-right: 0;
}

footer .com_flogo .content01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

footer .com_flogo .footer_lead {
  width: 100%;
  text-align: center;
  font-size: 10px;
  margin-bottom: 10px;
  line-height: 1.6;
}

footer .com_flogo a {
  margin: 0 2%;
}

footer .com_flogo .copy {
  width: 100%;
  text-align: center;
  font-size: 10px;
  margin: 20px auto;
}

@media screen and (max-width: 768px) {
  footer {
    padding: 0 0 10px;
  }
  footer .com_note_wrap {
    padding: 8.0vw 0 1.33333vw;
  }
  footer .com_link {
    padding: 6.66667vw 0 6.66667vw;
  }
  footer .com_link_tbox {
    width: 50%;
    padding: 0;
  }
  footer .com_link a {
    margin-bottom: 3.33333vw;
    font-size: clamp(10px, 3.2vw, 14px);
  }
  footer .com_link_tit {
    border-right: none;
    padding: 0 4.0vw 0 0;
    margin-right: 73vw;
  }
  footer .com_link_tit::after {
    content: "";
    background: #c8c8c8;
    height: 1px;
    width: 76vw;
    position: absolute;
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  footer .com_link .hotel {
    width: 100%;
    margin-top: 4.0vw;
  }
  footer .com_flogo .footer_lead {
    padding-bottom: 15px;
  }
  footer .com_flogo a {
    margin: 0 2% 20px;
  }
  /*@media screen end*/
}

/* footer___end */
/*動き*/
.m_left {
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  opacity: 0;
  -webkit-transform: translate(-50px, 0);
  transform: translate(-50px, 0);
}

.m_left_on {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.m_right {
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  opacity: 0;
  -webkit-transform: translate(50px, 0);
  transform: translate(50px, 0);
}

.m_right_on {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.m_op {
  -webkit-transition: all 1s;
  transition: all 1s;
  opacity: 0;
}

.m_op_on {
  opacity: 1;
}

.m_down {
  -webkit-transition: all 1.3s;
  transition: all 1.3s;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  opacity: 0;
}

.m_down_on {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
}

.m_up {
  -webkit-transition: all 1s;
  transition: all 1s;
  -webkit-transform: translateY(-100px);
          transform: translateY(-100px);
  opacity: 0;
}

.m_up_on {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
}

@media screen and (min-width: 769px) {
  .m_op_d1 {
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
  }
  .m_op_d2 {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
  }
  .m_op_d3 {
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }
  .m_op_d4 {
    -webkit-transition-delay: 0.7s;
            transition-delay: 0.7s;
  }
  .m_op_d5 {
    -webkit-transition-delay: 0.9s;
            transition-delay: 0.9s;
  }
  .m_op_d6 {
    -webkit-transition-delay: 1.1s;
            transition-delay: 1.1s;
  }
  .m_op_d7 {
    -webkit-transition-delay: 1.3s;
            transition-delay: 1.3s;
  }
  .m_op_d8 {
    -webkit-transition-delay: 1.5s;
            transition-delay: 1.5s;
  }
  .m_op_d9 {
    -webkit-transition-delay: 1.7s;
            transition-delay: 1.7s;
  }
}

#bodyTop {
  /* top ___end*/
}

#bodyTop .main_wrap {
  position: relative;
}

#bodyTop .main_wrap .mimg {
  position: relative;
}

#bodyTop .main_wrap .mimg .logo {
  width: 30%;
  max-width: 220px;
  position: absolute;
  bottom: 10%;
  right: 3%;
  background: #fff;
  padding: 2.5% 3%;
}

@media screen and (max-width: 768px) {
  #bodyTop .main_wrap .mimg .logo {
    bottom: 15%;
  }
}

#bodyTop .main_wrap .mimg .logo img {
  display: block;
  margin: auto;
}

#bodyTop .main_wrap .mimg .logo-2 {
  padding: 1.27% 3%;
}

#bodyTop .main_wrap .mimg .logo-2 img {
  width: 50%;
}

#bodyTop .main_wrap .mimg .logo-3 {
  padding: 1.042% 3%;
}

#bodyTop .main_wrap .mimg .logo-3 img {
  width: 50%;
}

#bodyTop .main_wrap .slick {
  padding: 0;
  margin: 0;
  line-height: 0;
}

#bodyTop .main_wrap .slick-prev, #bodyTop .main_wrap .slick-next {
  border: none;
  /*background: transparent;*/
  font-size: 0;
  cursor: pointer;
  /*-webkit-transition: 0.5s;
  transition: 0.5s;*/
}

#bodyTop .main_wrap .slick-prev::after, #bodyTop .main_wrap .slick-next::after {
  content: "";
  background-position: center center;
  background-size: 16% auto;
  background-repeat: no-repeat;
  /*background-color: rgba(0, 0, 0, 0.5);*/
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(0.6, 1);
          transform: translateY(-50%) scale(0.6, 1);
  width: 8%;
  height: 30%;
  z-index: 1000;
}

@media screen and (max-width: 768px) {
  #bodyTop .main_wrap .slick-prev::after, #bodyTop .main_wrap .slick-next::after {
    background-size: 24% auto;
    width: 16%;
    height: 40%;
  }
}

#bodyTop .main_wrap .slick-prev::after {
  background-image: url(/udhm_img/common/slick-arrow-prev.svg);
  left: 11%;
}

@media screen and (max-width: 768px) {
  #bodyTop .main_wrap .slick-prev::after {
    left: -3%;
  }
}

#bodyTop .main_wrap .slick-next::after {
  background-image: url(/udhm_img/common/slick-arrow-next.svg);
  right: 11%;
}

@media screen and (max-width: 768px) {
  #bodyTop .main_wrap .slick-next::after {
    right: -3%;
  }
}

#bodyTop .main_wrap .slick-dots {
  position: absolute;
  bottom: 5%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 100px;
  width: 24%;
  z-index: 1000;
}

@media screen and (max-width: 768px) {
  #bodyTop .main_wrap .slick-dots {
    bottom: 10%;
  }
}

#bodyTop .main_wrap .slick-dots li {
  width: 20%;
  margin: 0;
}

#bodyTop .main_wrap .slick-dots li:hover {
  opacity: 0.7;
}

#bodyTop .main_wrap .slick-dots li button {
  border: none;
  background: rgba(255, 255, 255);
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 0;
  width: 15px;
  height: 15px;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  #bodyTop .main_wrap .slick-dots li button {
    width: 5vw;
    max-width: 15px;
    height: 5vw;
    max-height: 15px;
  }
}

#bodyTop .main_wrap .slick-dots li.slick-active button {
  background: rgba(166, 128, 109);
  border: solid 2px rgba(255, 255, 255);
}

#bodyTop .greet_wrap {
  padding: 100px 0 300px;
  background: url("/udhm_img/top/bg_greeting.png") no-repeat bottom center;
  background-size: cover;
}

#bodyTop .greet_wrap .content01 {
  position: relative;
}

#bodyTop .greet_wrap .greet_img1 {
  position: absolute;
  top: -10%;
  left: 0;
  width: 9%;
}

#bodyTop .greet_wrap .greet_img2 {
  position: absolute;
  top: 15%;
  left: 11%;
  width: 9%;
}

#bodyTop .greet_wrap .greet_img3 {
  position: absolute;
  top: 30%;
  right: 0;
  width: 21%;
}

#bodyTop .greet_wrap .com_txt_box {
  width: 55%;
  margin: 0 auto;
}

#bodyTop .greet_wrap .greet_txt {
  text-align: center;
  line-height: 2;
  margin: 30px auto;
  width: 55%;
}

@media screen and (max-width: 768px) {
  #bodyTop .greet_wrap {
    padding: 13.33333vw 0 40.0vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #bodyTop .greet_wrap .content01 {
    width: 90.66667vw;
  }
  #bodyTop .greet_wrap .greet_img1 {
    position: initial;
    width: calc(100% / 3);
  }
  #bodyTop .greet_wrap .greet_img2 {
    position: initial;
    width: calc(100% / 3);
  }
  #bodyTop .greet_wrap .greet_img3 {
    position: initial;
    width: calc(100% / 3);
  }
  #bodyTop .greet_wrap .com_txt_box {
    width: 100%;
  }
  #bodyTop .greet_wrap .greet_txt {
    font-size: clamp(10px, 3.2vw, 14px);
    width: 100%;
  }
}

#bodyTop .cbtn_wrap {
  padding: 80px 0;
}

#bodyTop .cbtn_wrap .content01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#bodyTop .cbtn_wrap .content01 figure {
  width: 58%;
  position: relative;
  z-index: 2;
}

#bodyTop .cbtn_wrap .content01 figure::before {
  content: "";
  position: absolute;
  top: 3%;
  width: 110%;
  height: 115%;
}

#bodyTop .cbtn_wrap .content01 figure.outline_img::before {
  background: url(/udhm_img/top/outline_bg.png) left top/100% auto no-repeat;
  left: 3%;
}

#bodyTop .cbtn_wrap .content01 figure.hotel_img::before {
  background: url(/udhm_img/top/hotel_bg.png) left top/100% auto no-repeat;
  right: 3%;
}

#bodyTop .cbtn_wrap .content01 figure.recruit_img::before {
  background: url(/udhm_img/top/recruit_bg.png) left top/100% auto no-repeat;
  left: 3%;
  top: initial;
  bottom: 3%;
}

#bodyTop .cbtn_wrap .content01 .txt_wrap {
  width: 33%;
}

#bodyTop .cbtn_wrap .content01 .txt_wrap .com_txt_box .tit_ja {
  margin-bottom: 20px;
  position: relative;
}

#bodyTop .cbtn_wrap .content01 .txt_wrap .com_txt_box .tit_ja::after {
  content: "";
  background: #000;
  height: 1px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 80px;
  width: 50vw;
  overflow: hidden;
  z-index: 1;
}

#bodyTop .cbtn_wrap .content01 .txt_wrap .com_txt_box .tit_en {
  margin-bottom: 50px;
}

#bodyTop .cbtn_wrap .content01 .txt_wrap .txt {
  line-height: 1.8;
  margin-bottom: 50px;
}

#bodyTop .cbtn_wrap .content01 .txt_wrap .no_recruit {
  background: #666666;
  color: #fff;
  text-align: center;
  padding: 20px 1%;
}

#bodyTop .cbtn_wrap.outline {
  margin-top: -220px;
}

#bodyTop .cbtn_wrap.hotel .tit_ja::after {
  left: 60px !important;
  width: calc(930px - 60px) !important;
}

#bodyTop .cbtn_wrap.recruit {
  padding-top: 180px;
  margin-top: -100px;
}

@media screen and (max-width: 768px) {
  #bodyTop .cbtn_wrap .content01 figure {
    width: 94%;
    margin-bottom: 10%;
    margin-left: 3%;
  }
  #bodyTop .cbtn_wrap .content01 .txt_wrap {
    width: 100%;
  }
  #bodyTop .cbtn_wrap .content01 .txt_wrap .com_txt_box .tit_ja::after {
    left: 18vw;
    width: calc(100% - 18vw);
  }
  #bodyTop .cbtn_wrap .content01 .txt_wrap .com_txt_box .tit_en {
    text-align: center;
    margin-bottom: 6.66667vw;
  }
  #bodyTop .cbtn_wrap .content01 .txt_wrap .txt {
    font-size: clamp(10px, 3.2vw, 14px);
    text-align: center;
    margin-bottom: 6.66667vw;
  }
  #bodyTop .cbtn_wrap .content01 .txt_wrap .c-link {
    margin: auto;
  }
  #bodyTop .cbtn_wrap.outline {
    margin-top: -24.0vw;
  }
  #bodyTop .cbtn_wrap.hotel .txt_wrap {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  #bodyTop .cbtn_wrap.hotel .txt_wrap .tit_ja::after {
    left: 16vw !important;
    width: calc(100% - 16vw);
  }
  #bodyTop .cbtn_wrap.hotel .hotel_img {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #bodyTop .cbtn_wrap.hotel .hotel_img::before {
    left: 3%;
  }
  #bodyTop .cbtn_wrap.recruit {
    padding-top: 24.0vw;
    margin-top: -13.33333vw;
  }
}

#bodyTop .news_wrap {
  padding: 150px 0;
  margin-top: -50px;
  position: relative;
}

#bodyTop .news_wrap .content01 {
  max-width: 720px;
}

#bodyTop .news_wrap .com_txt_box {
  margin-bottom: 50px;
}

#bodyTop .news_wrap .news_list {
  height: 440px;
  overflow-y: scroll;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 40px;
}

#bodyTop .news_wrap .news_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: solid 2px #c6c6c6;
  padding: 20px 0;
}

#bodyTop .news_wrap .news_list li P {
  line-height: 1.6;
}

#bodyTop .news_wrap .news_list li P.date {
  width: 18%;
  color: #808080;
  text-align: center;
}

#bodyTop .news_wrap .news_list li P.cnt {
  width: 80%;
  color: #333333;
}

@media screen and (max-width: 768px) {
  #bodyTop .news_wrap {
    padding: 20.0vw 0;
    margin-top: -6.66667vw;
  }
  #bodyTop .news_wrap .com_txt_box {
    margin-bottom: 6.66667vw;
  }
  #bodyTop .news_wrap .news_list {
    height: 300px;
    padding: 0 5.33333vw;
  }
  #bodyTop .news_wrap .news_list li {
    padding: 2.66667vw 0;
  }
  #bodyTop .news_wrap .news_list li P {
    line-height: 1.4;
    font-size: clamp(10px, 3.2vw, 14px);
  }
  #bodyTop .news_wrap .news_list li P.date {
    width: 100%;
    text-align: left;
    margin-bottom: 2.66667vw;
  }
  #bodyTop .news_wrap .news_list li P.cnt {
    width: 100%;
  }
  #bodyTop .news_wrap .news_list li P.cnt a {
    font-size: clamp(10px, 3.2vw, 14px);
  }
}

@media screen and (max-width: 768px) {
  #bodyTop {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #bodyTop {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #bodyTop {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #bodyTop {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #bodyTop {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #bodyTop {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #bodyTop {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #bodyTop {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #bodyTop {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #bodyTop {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #bodyTop {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #bodyTop {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #bodyTop {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #bodyTop {
    /*@media screen end*/
  }
}

#bodyGreeting {
  /* top ___end*/
}

#bodyGreeting .greeting_tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 50px;
}

#bodyGreeting .greeting_tit .t1 {
  border-top: 4px solid #a6806d;
  width: 150px;
  text-align: center;
  font-size: 22px;
  color: #a6806d;
  padding: 8px 0 0;
}

@media screen and (max-width: 768px) {
  #bodyGreeting .greeting_tit .t1 {
    font-size: clamp(10px, 4.26667vw, 22px);
  }
}

#bodyGreeting .greeting_tit .t2 {
  border-top: 4px solid #808080;
  width: calc(100% - 150px);
  color: #808080;
  padding: 12px 0 0;
}

@media screen and (max-width: 768px) {
  #bodyGreeting .greeting_tit {
    margin-bottom: 6.66667vw;
  }
  #bodyGreeting .greeting_tit .t1 {
    border-top: 2px solid #a6806d;
    width: 27vw;
    padding: 2vw 0 0;
  }
  #bodyGreeting .greeting_tit .t2 {
    border-top: 2px solid #808080;
    font-size: clamp(10px, 3.2vw, 14px);
    width: calc(100% - 27vw);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 2.6vw 0 0 2.6vw;
  }
}

#bodyGreeting .message_wrap .content01,
#bodyGreeting .property_wrap .content01,
#bodyGreeting .history_wrap .content01 {
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 4%;
}

#bodyGreeting .message_wrap {
  padding: 80px 0 40px;
}

#bodyGreeting .message_wrap .message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  max-width: 620px;
  margin: 0 auto;
}

#bodyGreeting .message_wrap .message_tbox {
  width: 64%;
}

#bodyGreeting .message_wrap .message_tbox p {
  margin-bottom: 20px;
  line-height: 1.7;
}

#bodyGreeting .message_wrap .message_tbox p:last-of-type {
  margin-bottom: 0;
}

#bodyGreeting .message_wrap .message_ibox {
  width: 30%;
}

@media screen and (max-width: 768px) {
  #bodyGreeting .message_wrap {
    padding: 10.66667vw 0 5.33333vw;
  }
  #bodyGreeting .message_wrap .message {
    max-width: 620px;
    margin: 0 auto;
  }
  #bodyGreeting .message_wrap .message_tbox {
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  #bodyGreeting .message_wrap .message_tbox p {
    font-size: clamp(10px, 3.2vw, 14px);
    margin-bottom: 2.66667vw;
  }
  #bodyGreeting .message_wrap .message_ibox {
    width: 50%;
    margin: 0 auto 5vw;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

#bodyGreeting .property_wrap {
  padding: 0 0 40px;
}

#bodyGreeting .property_wrap .property {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 620px;
  margin: 0 auto;
}

#bodyGreeting .property_wrap .property dl {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#bodyGreeting .property_wrap .property dl dd, #bodyGreeting .property_wrap .property dl dt {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px 0;
  border-bottom: 1px solid #d2d2d2;
  line-height: 1.5;
}

#bodyGreeting .property_wrap .property dl dt {
  width: 160px;
}

#bodyGreeting .property_wrap .property dl dd {
  width: calc(100% - 160px);
}

@media screen and (max-width: 768px) {
  #bodyGreeting .property_wrap {
    padding: 0 0 5.33333vw;
  }
  #bodyGreeting .property_wrap .property dl dd, #bodyGreeting .property_wrap .property dl dt {
    padding: 2.66667vw 0;
    font-size: clamp(10px, 3.2vw, 14px);
  }
  #bodyGreeting .property_wrap .property dl dt {
    width: 50px;
  }
  #bodyGreeting .property_wrap .property dl dd {
    width: calc(100% - 50px);
  }
}

#bodyGreeting .history_wrap {
  padding: 0 0 80px;
}

#bodyGreeting .history_wrap .history {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 620px;
  margin: 0 auto;
}

#bodyGreeting .history_wrap .history dl {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#bodyGreeting .history_wrap .history dl dd, #bodyGreeting .history_wrap .history dl dt {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px 0;
  border-bottom: 1px solid #d2d2d2;
  line-height: 1.5;
}

#bodyGreeting .history_wrap .history dl dt {
  width: 120px;
  border-right: 1px solid #d2d2d2;
  text-align: center;
}

#bodyGreeting .history_wrap .history dl dd {
  width: calc(100% - 120px);
  padding: 20px 20px;
}

@media screen and (max-width: 768px) {
  #bodyGreeting .history_wrap {
    padding: 0 0 10.66667vw;
  }
  #bodyGreeting .history_wrap .history dl dd, #bodyGreeting .history_wrap .history dl dt {
    padding: 2.66667vw 0;
    font-size: clamp(10px, 3.2vw, 14px);
  }
  #bodyGreeting .history_wrap .history dl dt {
    width: 50px;
    border-right: 1px solid #d2d2d2;
    text-align: center;
  }
  #bodyGreeting .history_wrap .history dl dd {
    width: calc(100% - 50px);
    padding: 2.66667vw;
  }
  #bodyGreeting .history_wrap .history dl dd.ls-003 {
    letter-spacing: -0.03em;
  }
  #bodyGreeting .history_wrap .history dl dd.ls-009 {
    letter-spacing: -0.09em;
  }
}

@media screen and (max-width: 768px) {
  #bodyGreeting {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #bodyGreeting {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #bodyGreeting {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #bodyGreeting {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #bodyGreeting {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #bodyGreeting {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #bodyGreeting {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #bodyGreeting {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #bodyGreeting {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #bodyGreeting {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #bodyGreeting {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #bodyGreeting {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #bodyGreeting {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #bodyGreeting {
    /*@media screen end*/
  }
}

#bodyHotel {
  /* top ___end*/
}

#bodyHotel .c-bg {
  padding: 80px 0;
}

@media screen and (max-width: 768px) {
  #bodyHotel .c-bg {
    padding: 10.66667vw 0;
  }
}

#bodyHotel .c-bg .bg_white {
  background: #fff;
  padding: 60px 0;
  margin-bottom: 80px;
}

#bodyHotel .c-bg .bg_white .hotel_txt {
  font-size: 20px;
  text-align: center;
  line-height: 1.8;
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  #bodyHotel .c-bg .bg_white .hotel_txt {
    font-size: clamp(10px, 4.0vw, 20px);
  }
}

#bodyHotel .c-bg .bg_white ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#bodyHotel .c-bg .bg_white ul li {
  width: 24.5%;
}

#bodyHotel .c-bg .bg_white .com_txt_box {
  margin-bottom: 40px;
}

#bodyHotel .c-bg .bg_white.recruit_wrap {
  -webkit-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.2);
  margin-top: 180px;
}

@media screen and (max-width: 768px) {
  #bodyHotel .c-bg .bg_white {
    padding: 8.0vw 0;
    margin-bottom: 10.66667vw;
  }
  #bodyHotel .c-bg .bg_white .bg_white {
    margin-bottom: 5.33333vw;
    letter-spacing: 0em;
  }
  #bodyHotel .c-bg .bg_white ul li {
    width: 49%;
    margin-bottom: 2%;
  }
  #bodyHotel .c-bg .bg_white.recruit_wrap {
    margin-top: 24.0vw;
  }
}

#bodyHotel .c-bg .heading {
  font-size: 20px;
  border-bottom: solid 1px #808080;
  padding: 0 0 15px 15px;
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  #bodyHotel .c-bg .heading {
    font-size: clamp(10px, 4.0vw, 20px);
  }
}

#bodyHotel .c-bg .hotel_wrap {
  margin-bottom: 60px;
}

#bodyHotel .c-bg .hotel_wrap .img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
}

#bodyHotel .c-bg .hotel_wrap .img li {
  width: 49%;
}

#bodyHotel .c-bg .hotel_wrap .detail {
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 3% 5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#bodyHotel .c-bg .hotel_wrap .detail .txt {
  width: 60%;
}

#bodyHotel .c-bg .hotel_wrap .detail .txt .name {
  font-size: 20px;
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  #bodyHotel .c-bg .hotel_wrap .detail .txt .name {
    font-size: clamp(10px, 4.0vw, 20px);
  }
}

#bodyHotel .c-bg .hotel_wrap .detail .txt .access, #bodyHotel .c-bg .hotel_wrap .detail .txt .open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#bodyHotel .c-bg .hotel_wrap .detail .txt .access span, #bodyHotel .c-bg .hotel_wrap .detail .txt .open span {
  color: #333333;
  line-height: 1.8;
}

#bodyHotel .c-bg .hotel_wrap .detail .txt .access span:first-child, #bodyHotel .c-bg .hotel_wrap .detail .txt .open span:first-child {
  width: 30%;
}

#bodyHotel .c-bg .hotel_wrap .detail .txt .access span:last-child, #bodyHotel .c-bg .hotel_wrap .detail .txt .open span:last-child {
  width: 70%;
}

#bodyHotel .c-bg .hotel_wrap .detail .c-link {
  width: 30%;
}

@media screen and (max-width: 768px) {
  #bodyHotel .c-bg .hotel_wrap {
    margin-bottom: 8.0vw;
  }
  #bodyHotel .c-bg .hotel_wrap .detail {
    padding: 8% 5%;
  }
  #bodyHotel .c-bg .hotel_wrap .detail .txt {
    width: 100%;
  }
  #bodyHotel .c-bg .hotel_wrap .detail .txt .name {
    margin-bottom: 4.0vw;
    text-align: center;
  }
  #bodyHotel .c-bg .hotel_wrap .detail .txt .access, #bodyHotel .c-bg .hotel_wrap .detail .txt .open {
    width: 60%;
    margin: auto;
  }
  #bodyHotel .c-bg .hotel_wrap .detail .txt .access span, #bodyHotel .c-bg .hotel_wrap .detail .txt .open span {
    font-size: clamp(10px, 3.2vw, 14px);
  }
  #bodyHotel .c-bg .hotel_wrap .detail .c-link {
    width: 100%;
    margin: 5vw auto 0;
  }
}

@media screen and (max-width: 768px) {
  #bodyHotel {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #bodyHotel {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #bodyHotel {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #bodyHotel {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #bodyHotel {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #bodyHotel {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #bodyHotel {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #bodyHotel {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #bodyHotel {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #bodyHotel {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #bodyHotel {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #bodyHotel {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #bodyHotel {
    /*@media screen end*/
  }
}

@media screen and (max-width: 768px) {
  #bodyHotel {
    /*@media screen end*/
  }
}
/*# sourceMappingURL=style.css.map */




.mod-icon-pdf, .mod-icon-zip {
  width: 22px;
  height: 13px;
  margin-right: 5px;
  margin-left: 5px;
  vertical-align: baseline;
}