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

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes hot {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes hot {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes kv_line {
  0% {
    height: 0%;
  }
  70% {
    height: 100%;
  }
  100% {
    height: 100%;
  }
}
@keyframes kv_line {
  0% {
    height: 0%;
  }
  70% {
    height: 100%;
  }
  100% {
    height: 100%;
  }
}
@-webkit-keyframes circle-draw {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes circle-draw {
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes circle-arrow {
  100% {
    -webkit-transform: translate(-105%, -50%);
            transform: translate(-105%, -50%);
    opacity: 1;
  }
}
@keyframes circle-arrow {
  100% {
    -webkit-transform: translate(-105%, -50%);
            transform: translate(-105%, -50%);
    opacity: 1;
  }
}
@-webkit-keyframes arrow {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(25%);
            transform: translateY(25%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes arrow {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(25%);
            transform: translateY(25%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes kv_gray {
  0% {
    width: 0%;
  }
  40% {
    width: 20%;
  }
  70% {
    width: 20%;
  }
  100% {
    width: 125%;
  }
}
@keyframes kv_gray {
  0% {
    width: 0%;
  }
  40% {
    width: 20%;
  }
  70% {
    width: 20%;
  }
  100% {
    width: 125%;
  }
}
@-webkit-keyframes kv_gray_m {
  0% {
    width: 0%;
  }
  40% {
    width: 60%;
  }
  70% {
    width: 60%;
  }
  100% {
    width: 220%;
  }
}
@keyframes kv_gray_m {
  0% {
    width: 0%;
  }
  40% {
    width: 60%;
  }
  70% {
    width: 60%;
  }
  100% {
    width: 220%;
  }
}
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

a {
  text-decoration: none;
  cursor: pointer;
}

@font-face {
  font-family: Calibri;
  src: url("../fonts/Calibri.ttf") format("truetype");
  unicode-range: U+0025-00FF, U+0023, U+0022, U+0021, U+0020;
}
@font-face {
  font-family: Calibri;
  src: url("../fonts/Calibri-Bold.ttf") format("truetype");
  font-weight: 700;
  unicode-range: U+0025-00FF, U+0023, U+0022, U+0021, U+0020;
}
@font-face {
  font-family: Calibri;
  src: url("../fonts/Calibri.ttf") format("truetype");
  font-weight: 300;
  unicode-range: U+0025-00FF, U+0023, U+0022, U+0021, U+0020;
}
input, button, textarea, select {
  font-family: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border-radius: 0;
  font-family: "Noto Serif TC", "微軟正黑體", "Arial Black", "儷黑 Pro", "LiHei Pro", "Microsoft JhengHei", sans-serif !important;
}

textarea {
  resize: none;
}

html, body {
  color: #000;
  -webkit-text-size-adjust: none;
  -webkit-text-size-adjust: 100%;
  min-height: 100%;
  height: 100%;
  font-size: 14px;
  letter-spacing: 1px;
  background: #eeedea;
  position: relative;
  font-family: "Calibri", "Noto Serif TC", "微軟正黑體", "Arial Black", "儷黑 Pro", "LiHei Pro", "Microsoft JhengHei", sans-serif !important;
}

img {
  display: block;
  width: 100%;
  height: auto;
}

html.tablet #cursor {
  display: none;
}

html.mobile #cursor {
  display: none;
}

@media only screen and (max-width: 1023px) {
  body#feature_bg {
    background: none;
  }
  body#feature_bg:before {
    content: "";
    background: url(../images/feature_content_01.jpg) no-repeat center;
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: -1;
  }
}
#wrapper.inner > header, #wrapper .res > header, #wrapper .feature_kv > header {
  height: 130px;
}
#wrapper.inner > header .header_bar .logo, #wrapper .res > header .header_bar .logo, #wrapper .feature_kv > header .header_bar .logo {
  padding: 30px;
  padding: 3vh;
  width: 6%;
  min-width: 40px;
  min-width: 3vh;
  max-width: 60px;
  max-width: 6vh;
}
#wrapper.inner > header .header_bar .logo span .b, #wrapper .res > header .header_bar .logo span .b, #wrapper .feature_kv > header .header_bar .logo span .b {
  opacity: 1;
}
#wrapper.inner > header .header_bar label i, #wrapper.inner > header .header_bar label o, #wrapper.inner > header .header_bar label u, #wrapper .res > header .header_bar label i, #wrapper .res > header .header_bar label o, #wrapper .res > header .header_bar label u, #wrapper .feature_kv > header .header_bar label i, #wrapper .feature_kv > header .header_bar label o, #wrapper .feature_kv > header .header_bar label u {
  background-color: #000;
}
#wrapper.inner > header .header_bar .back, #wrapper .res > header .header_bar .back, #wrapper .feature_kv > header .header_bar .back {
  display: none;
}

#menu {
  display: none;
}

#menu:checked + #wrapper > header {
  background-color: rgb(14, 35, 31);
  height: 100%;
}
#menu:checked + #wrapper > header .header_bar {
  background: rgba(238, 237, 234, 0) !important;
}
#menu:checked + #wrapper > header .header_bar .logo .b {
  opacity: 0;
}
#menu:checked + #wrapper > header .header_bar .logo .w {
  opacity: 1;
}
#menu:checked + #wrapper > header .header_bar label:before {
  opacity: 1;
}
#menu:checked + #wrapper > header .header_bar label i, #menu:checked + #wrapper > header .header_bar label u, #menu:checked + #wrapper > header .header_bar label o {
  width: 0%;
}
#menu:checked + #wrapper > header .header_bar label o {
  background-color: #fff;
}
#menu:checked + #wrapper > header .header_bar label:hover o {
  width: 100%;
}
#menu:checked + #wrapper > header .header_bar .back {
  opacity: 0;
}
#menu:checked + #wrapper nav {
  height: 100%;
}

#wrapper > header {
  position: fixed;
  width: 100%;
  top: 0;
  height: 30%;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  z-index: 99;
  pointer-events: none;
}
#wrapper > header.b .header_bar label i, #wrapper > header.b .header_bar label o, #wrapper > header.b .header_bar label u {
  background-color: #0e231f;
}
#wrapper > header .header_bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#wrapper > header .header_bar .blank {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
#wrapper > header .header_bar .logo {
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
  position: relative;
  padding: 30px;
  padding: 3vh;
  width: 8%;
  min-width: 40px;
  min-width: 3vh;
  max-width: 60px;
  max-width: 6vh;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  pointer-events: auto;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#wrapper > header .header_bar .logo span {
  position: relative;
  display: block;
}
#wrapper > header .header_bar .logo span .w {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  opacity: 0;
}
#wrapper > header .header_bar .logo span .b {
  opacity: 0;
}
#wrapper > header .header_bar .back {
  width: 240px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
  pointer-events: auto;
}
#wrapper > header .header_bar .back.on {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#wrapper > header .header_bar .back i {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 1px;
  background-color: #7d7d7d;
}
#wrapper > header .header_bar .back span {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  color: #7d7d7d;
  margin-left: 3%;
}
#wrapper > header .header_bar label {
  width: 80px;
  height: 80px;
  position: absolute;
  top: 10px;
  right: 50px;
  padding: 20px;
  pointer-events: auto;
}
#wrapper > header .header_bar label:before {
  content: "close";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  color: #fff;
  margin-top: -4px;
}
#wrapper > header .header_bar label i, #wrapper > header .header_bar label o, #wrapper > header .header_bar label u {
  height: 2px;
  background-color: #fff;
  display: block;
  margin-top: 8px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 100%;
}
#wrapper > header nav {
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  height: 0%;
  overflow: hidden;
  position: fixed;
  width: 100%;
  pointer-events: auto;
}
#wrapper > header nav ul {
  text-align: center;
}
#wrapper > header nav ul li {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin: 0 3%;
}
#wrapper > header nav ul li dl dt {
  height: 2em;
  color: #fff;
}
#wrapper > header nav ul li dl dd.social {
  text-align: center;
}
#wrapper > header nav ul li dl dd.social a {
  display: block;
  height: 20px;
  margin: 3vh 0;
  padding: 0;
}
#wrapper > header nav ul li dl dd.social a img {
  width: auto;
  height: 100%;
  margin: 0 auto;
}
#wrapper > header nav ul li dl dd a {
  color: #fff;
  display: inline-block;
  padding: 8px 0;
  padding: 1.5vh 0;
}
#wrapper > header nav ul li dl dd a:hover {
  color: #ccc;
}

#fix_btns {
  position: fixed;
  top: 0;
  right: 220px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 98;
  white-space: nowrap;
}
#fix_btns #lan {
  display: inline-block;
  vertical-align: top;
  padding-top: 1rem;
  padding-right: 2rem;
}
#fix_btns #lan a {
  display: inline-block;
  vertical-align: middle;
  width: 2.5rem;
  line-height: 2.5rem;
  border: 1px solid #0e231f;
  text-align: center;
  color: #0e231f;
  margin: 0 0.5rem;
  font-weight: 700;
}
#fix_btns #lan a.on {
  background-color: #0e231f;
  color: #fff;
}
#fix_btns #lan a:hover {
  background-color: #0e231f;
  color: #fff;
}
#fix_btns a.reservation {
  background-color: #0e231f;
  color: #fff;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  padding: 0.5rem 2rem 1.5rem 2rem;
  line-height: 2em;
  letter-spacing: 2px;
  margin-bottom: 10px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#fix_btns a.reservation:hover {
  background-color: #666;
}
#fix_btns .social {
  background-color: #0e231f;
  text-align: center;
}
#fix_btns .social a {
  display: block;
  width: 34px;
  height: 34px;
  padding: 6px;
  text-align: center;
  margin: 15px auto;
}
#fix_btns .social a:hover img {
  opacity: 0.7;
}
#fix_btns .social a img {
  height: 100%;
  width: auto;
  display: inline-block;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

footer {
  margin: 0 14%;
}
footer .f_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 2%;
  border-bottom: 1px solid #d2d2d2;
  margin-bottom: 2%;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
footer .f_top .flogo {
  width: 80px;
}
footer .f_top ul {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
}
footer .f_top ul li {
  display: inline-block;
  vertical-align: middle;
}
footer .f_top ul li a {
  color: #000;
  padding: 5px 10px;
}
footer .f_bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 0 50px 0;
  font-size: 0.8em;
}
footer .f_bottom > span {
  color: #707070;
}
footer .f_bottom p {
  margin-left: 3%;
}
footer .f_bottom p span {
  text-decoration: underline;
}
footer .f_bottom .social {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
}
footer .f_bottom .social a {
  display: inline-block;
  vertical-align: middle;
  color: #000;
}

#cursor {
  position: fixed;
  pointer-events: none;
  z-index: 100;
}
#cursor.next .point {
  background: rgba(14, 35, 31, 0.6) url(../images/mouse_arrow_right.png) no-repeat center;
  background-size: 60% auto;
  border: 2px solid rgba(204, 204, 204, 0);
  width: 80px;
  height: 80px;
}
#cursor.prev .point {
  background: rgba(14, 35, 31, 0.6) url(../images/mouse_arrow_left.png) no-repeat center;
  background-size: 60% auto;
  border: 2px solid rgba(204, 204, 204, 0);
  width: 80px;
  height: 80px;
}
#cursor .point {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #ccc;
  background: rgba(14, 35, 31, 0);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#cursor.on .point {
  background: rgba(14, 35, 31, 0.6);
  border: 2px solid rgba(204, 204, 204, 0);
  width: 80px;
  height: 80px;
}
#cursor.btn-active .point {
  -webkit-transform: translate(-50%, -50%) scaleY(0.8) scaleX(1.1);
          transform: translate(-50%, -50%) scaleY(0.8) scaleX(1.1);
}

@media only screen and (max-width: 1280px) {
  footer {
    margin: 0 10%;
  }
}
@media only screen and (max-width: 1023px) {
  #wrapper.inner > header, #wrapper .res > header, #wrapper .feature_kv > header {
    height: 80px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  }
  #wrapper.inner > header .header_bar .logo, #wrapper .res > header .header_bar .logo, #wrapper .feature_kv > header .header_bar .logo {
    min-width: initial;
    max-width: initial;
    width: 40px;
    padding: 1rem;
  }
  #wrapper.inner > header .header_bar .back, #wrapper .res > header .header_bar .back, #wrapper .feature_kv > header .header_bar .back {
    width: 100px;
  }
  #menu:checked + #wrapper > header {
    z-index: 100;
  }
  #wrapper > header {
    z-index: 98;
  }
  #wrapper > header .header_bar label {
    top: 0;
    right: 0;
  }
  #wrapper > header nav {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  #wrapper > header nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 10px;
  }
  #wrapper > header nav ul li {
    min-width: 40%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  #wrapper > header nav ul li dl dd.social {
    text-align: left;
  }
  #wrapper > header nav ul li dl dd.social a img {
    margin: 0;
  }
  #fix_btns {
    right: 80px;
    z-index: 99;
    pointer-events: none;
  }
  #fix_btns #lan {
    padding-right: 0.5rem;
  }
  #fix_btns a.reservation {
    padding: 0.8rem 1rem 0.8rem 1rem;
  }
  #fix_btns a {
    pointer-events: auto;
  }
  footer {
    padding: 0 20px;
    margin: 0;
    background: #eeedea;
  }
  footer .f_top {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  footer .f_top .flogo {
    width: 50px;
  }
  footer .f_top ul {
    text-align: center;
  }
  footer .f_top ul li a {
    font-size: 3.2vw;
    padding: 5px 3px;
  }
  footer .f_bottom {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    line-height: 2em;
    padding: 10px 0;
    font-size: 3vw;
    display: block;
    text-align: center;
  }
  footer .f_bottom span, footer .f_bottom .social {
    min-width: 90%;
    text-align: center;
  }
}
#wrapper {
  height: 100%;
  position: relative;
}
#wrapper.inner {
  height: auto;
  padding-top: 130px;
}
#wrapper #kv {
  width: 100%;
  height: 100%;
  background-color: #0e231f;
  overflow: hidden;
  position: relative;
}
#wrapper #kv > a {
  position: absolute;
  z-index: 1;
  padding: 2rem 3rem;
  background-color: #0e231f;
  color: #fff;
}
#wrapper #kv.on .logo .g {
  opacity: 0;
}
#wrapper #kv.on .logo .w {
  opacity: 1;
}
#wrapper #kv.on .kv_img {
  opacity: 1;
}
#wrapper #kv .logo {
  width: 16%;
  max-width: 120px;
  min-width: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 3;
}
#wrapper #kv .logo .g {
  position: absolute;
  top: 0;
  -webkit-transition: opacity 1s 2.5s ease;
  transition: opacity 1s 2.5s ease;
}
#wrapper #kv .logo .w {
  opacity: 0;
  -webkit-transition: opacity 1s 2.5s ease;
  transition: opacity 1s 2.5s ease;
}
#wrapper #kv .gray_bg {
  width: 0%;
  background-color: #eeedea;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-animation: kv_gray 2.5s ease forwards;
          animation: kv_gray 2.5s ease forwards;
}
#wrapper #kv .gray_bg:before {
  content: "";
  padding-top: 100%;
  display: block;
}
#wrapper #kv .kv_img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 2;
  opacity: 0;
  -webkit-transition: opacity 1s 2.5s ease;
  transition: opacity 1s 2.5s ease;
}
#wrapper #kv .kv_img ul {
  width: 100%;
  height: 100%;
}
#wrapper #kv .kv_img ul li {
  width: 100%;
  height: 100%;
}
#wrapper #kv .kv_img ul li .photo {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  -webkit-transition: all 12s linear;
  transition: all 12s linear;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  position: absolute;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
#wrapper #kv .kv_img ul li.flex-active-slide .photo {
  -webkit-transform: scale(1);
          transform: scale(1);
}
#wrapper #kv .kv_img ul li:nth-child(1) .photo {
  background-image: url(../images/kv_bg1.jpg);
}
#wrapper #kv .kv_img ul li:nth-child(2) .photo {
  background-image: url(../images/kv_bg2.jpg);
}
#wrapper #kv .kv_img ul li:nth-child(3) .photo {
  background-image: url(../images/kv_bg3.jpg);
}
#wrapper #kv .scroll {
  position: absolute;
  left: 10%;
  bottom: 0;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 180px;
}
#wrapper #kv .scroll p {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  color: #fff;
  font-size: 1.2em;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-bottom: 10px;
}
#wrapper #kv .scroll .line {
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#wrapper #kv .scroll .line span {
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 0%;
  background-color: #fff;
  -webkit-animation: kv_line 2.5s forwards infinite;
          animation: kv_line 2.5s forwards infinite;
}
#wrapper #about {
  max-width: 1440px;
  margin: 0 auto;
  padding: 80px 20px 0 20px;
}
#wrapper #about > .title {
  text-align: center;
  font-size: 2em;
  font-weight: normal;
  padding: 80px 0 40px 0;
  position: relative;
}
#wrapper #about > .title:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 3%;
  height: 5px;
  -webkit-transform: skewX(-20deg) translateX(-50%);
          transform: skewX(-20deg) translateX(-50%);
  background: #000;
  display: none;
}
#wrapper #about > .sub_title {
  text-align: center;
  font-size: 1.2em;
  line-height: 2em;
  padding: 100px 0;
}
#wrapper #about > ul {
  padding: 40px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#wrapper #about > ul > li {
  min-width: 35%;
  max-width: 50%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#wrapper #about > ul > li:nth-child(odd) {
  margin-right: 6%;
}
#wrapper #about > ul > li ol li {
  margin-bottom: 10%;
  margin-bottom: 6vw;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
#wrapper #about > ul > li ol li.aos-animate {
  opacity: 1;
}
#wrapper #about > ul > li ol li a {
  display: block;
  margin-right: 3em;
  position: relative;
}
#wrapper #about > ul > li ol li a:hover .photo .hover {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1.05);
          transform: translate(-50%, -50%) scale(1.05);
}
#wrapper #about > ul > li ol li a .photo {
  overflow: hidden;
  position: relative;
}
#wrapper #about > ul > li ol li a .photo .hover {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
#wrapper #about > ul > li ol li a .photo .hover.black .text .core_name {
  color: #fff;
}
#wrapper #about > ul > li ol li a .photo .hover.black .text > p {
  color: #fff;
}
#wrapper #about > ul > li ol li a .photo .hover.black .text .core_name {
  color: #fff;
}
#wrapper #about > ul > li ol li a .photo .hover.black .text > p {
  color: #fff;
}
#wrapper #about > ul > li ol li a .photo .hover .text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
}
#wrapper #about > ul > li ol li a .photo .hover .text .core_name {
  font-size: 3em;
  color: #313131;
}
#wrapper #about > ul > li ol li a .photo .hover .text > p {
  color: #313131;
  margin-top: 1.8em;
}
#wrapper #about > ul > li ol li a > p {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translateX(200%);
          transform: translateX(200%);
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-align: center;
  text-transform: uppercase;
  color: #313131;
  padding: 1em 0;
  border-top: 1px solid #313131;
  border-bottom: 1px solid #313131;
}
#wrapper #feature {
  padding-top: 80px;
}
#wrapper #feature > .title {
  font-size: 2rem;
  font-weight: normal;
  padding: 40px 0;
  position: relative;
  text-align: center;
}
#wrapper #feature > .title span {
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  padding-bottom: 2rem;
}
#wrapper #feature > .title span:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 20%;
  height: 3px;
  -webkit-transform: skewX(-20deg) translateY(-50%);
          transform: skewX(-20deg) translateY(-50%);
  background: #000;
  display: none;
}
#wrapper #feature > .title p {
  display: inline-block;
  vertical-align: bottom;
  font-size: 1rem;
  padding-bottom: 2rem;
}
#wrapper #feature ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#wrapper #feature ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 40%;
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
#wrapper #feature ul li.aos-animate {
  opacity: 1;
}
#wrapper #feature ul li:nth-child(odd) {
  margin-right: 3%;
}
#wrapper #feature ul li .desc {
  text-align: center;
  padding: 2rem 0;
}
#wrapper #feature ul li .desc p {
  display: inline-block;
  vertical-align: middle;
  font-weight: 700;
  font-size: 1.1rem;
}
#wrapper #feature ul li .desc > span {
  display: inline-block;
  vertical-align: middle;
  padding-left: 1rem;
  border-left: 1px solid #000;
  margin-left: 1rem;
}
#wrapper #feature ul li .desc a {
  display: inline-block;
  vertical-align: middle;
  margin-left: 1.5rem;
}
#wrapper .miniMore {
  color: #000;
  line-height: 1em;
  border-bottom: 1px solid #000;
  padding: 0 1.5rem 0.2rem 0.5rem;
  position: relative;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#wrapper .miniMore span {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#wrapper .miniMore:after {
  position: absolute;
  height: 10px;
  width: 1px;
  right: 0;
  bottom: 0;
  content: "";
  background-color: #000;
  -webkit-transform: skewX(45deg) translateX(-5px);
          transform: skewX(45deg) translateX(-5px);
}
#wrapper .miniMore:hover {
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}
#wrapper .miniMore:hover span {
  -webkit-transform: translateX(-10px);
          transform: translateX(-10px);
}
#wrapper .more {
  color: #000;
  position: relative;
}
#wrapper .more .arrow {
  position: absolute;
  width: 64px;
  top: 50%;
  -webkit-transform: translate(-105%, -50%);
          transform: translate(-105%, -50%);
  opacity: 1;
}
#wrapper .more:hover .arrow {
  -webkit-transform: translate(-200%, -50%);
          transform: translate(-200%, -50%);
  opacity: 0;
  -webkit-animation: circle-arrow 0.5s 0.5s linear forwards;
          animation: circle-arrow 0.5s 0.5s linear forwards;
}
#wrapper .more:hover .cycle svg {
  stroke-dashoffset: 2000;
  stroke-dasharray: 2000;
  -webkit-animation: circle-draw 1.5s linear forwards;
          animation: circle-draw 1.5s linear forwards;
}
#wrapper .more .cycle {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
}
#wrapper .more .cycle svg {
  width: 130px;
  height: 130px;
}
#wrapper .more .cycle svg circle {
  stroke: black;
  stroke-width: 1px;
  fill: none;
  width: 130px;
  height: 130px;
}
#wrapper .more .cycle svg rect {
  stroke-width: 0px;
  fill: none;
}
#wrapper #service {
  max-width: 1440px;
  margin: 0 auto;
  padding: 80px 20px 0 20px;
}
#wrapper #service > .title {
  text-align: center;
  font-size: 2em;
  font-weight: normal;
  padding: 80px 0 40px 0;
  position: relative;
  z-index: 1;
}
#wrapper #service > .title:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 3%;
  height: 5px;
  -webkit-transform: skewX(-20deg) translateX(-50%);
          transform: skewX(-20deg) translateX(-50%);
  background: #000;
  display: none;
}
#wrapper #service ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0% auto;
  padding: 10% 0;
  position: relative;
  z-index: 1;
}
#wrapper #service ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 40%;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  margin-bottom: 10%;
}
#wrapper #service ul li.aos-animate .cover:before {
  height: 0%;
}
#wrapper #service ul li:nth-child(odd) {
  margin-right: 10%;
}
#wrapper #service ul li:nth-child(even) {
  -webkit-transform: translateY(30%);
          transform: translateY(30%);
}
#wrapper #service ul li a {
  display: block;
}
#wrapper #service ul li a:hover .cover img {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}
#wrapper #service ul li a:hover .cover .more .arrow {
  -webkit-transform: translate(-200%, -50%);
          transform: translate(-200%, -50%);
  opacity: 0;
  -webkit-animation: circle-arrow 0.5s 0.5s linear forwards;
          animation: circle-arrow 0.5s 0.5s linear forwards;
}
#wrapper #service ul li a:hover .cover .more .cycle svg {
  stroke-dashoffset: 2000;
  stroke-dasharray: 2000;
  -webkit-animation: circle-draw 1.5s linear forwards;
          animation: circle-draw 1.5s linear forwards;
}
#wrapper #service ul li a .cover {
  position: relative;
}
#wrapper #service ul li a .cover img {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#wrapper #service ul li a .cover:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #eeedea;
  -webkit-transition: height 0.5s ease;
  transition: height 0.5s ease;
}
#wrapper #service ul li a .cover .more {
  position: absolute;
  right: 5%;
  bottom: 0%;
  font-size: 1em;
  -webkit-transform: scale(0.8) translateY(300%);
          transform: scale(0.8) translateY(300%);
}
#wrapper #service ul li a > p {
  color: #000;
  font-size: 1.2em;
  line-height: 3em;
}
#wrapper #service ul li a > span {
  color: #000;
  font-size: 1.2em;
  line-height: 2em;
  padding-right: 120px;
  display: block;
}
#wrapper .serviceKV {
  position: relative;
  z-index: 1;
}
#wrapper #infomation {
  padding-top: 100px;
  position: relative;
}
#wrapper #infomation > .title {
  font-size: 2rem;
  font-weight: normal;
  padding: 40px 0;
  position: relative;
  text-align: center;
}
#wrapper #infomation > .title span {
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  padding-bottom: 2rem;
}
#wrapper #infomation > .title span:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 20%;
  height: 3px;
  -webkit-transform: skewX(-20deg) translateY(-50%);
          transform: skewX(-20deg) translateY(-50%);
  background: #000;
  display: none;
}
#wrapper #infomation > .title p {
  display: inline-block;
  vertical-align: bottom;
  font-size: 1rem;
  padding-bottom: 2rem;
}
#wrapper #infomation ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1440px;
  margin: 0 auto;
}
#wrapper #infomation ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 40%;
}
#wrapper #infomation ul li:first-child {
  margin-right: 5%;
}
#wrapper #infomation ul li dl dt {
  padding: 2rem;
  border-bottom: 1px solid #c7c7c5;
}
#wrapper #infomation ul li dl dt span {
  text-transform: uppercase;
  background-color: #0e231f;
  color: #fff;
  padding: 5px 10px;
}
#wrapper #infomation ul li dl dd {
  border-bottom: 1px solid #c7c7c5;
  position: relative;
}
#wrapper #infomation ul li dl dd:before {
  position: absolute;
  z-index: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  height: 100%;
  width: 0%;
  background-color: #fff;
  content: "";
}
#wrapper #infomation ul li dl dd:hover:before {
  width: 100%;
}
#wrapper #infomation ul li dl dd a {
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #000;
  font-size: 1.2rem;
  position: relative;
  z-index: 1;
}
#wrapper #infomation ul li dl dd a span {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  min-width: 10%;
  color: #626262;
  margin-right: 5%;
}
#wrapper #infomation ul li dl dd a p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#wrapper #infomation .infoNext {
  position: absolute;
  width: 12%;
  height: 80%;
  right: 0;
  bottom: 0;
  z-index: 10;
}
#wrapper #infomation .infoPrev {
  position: absolute;
  width: 12%;
  height: 80%;
  left: 12%;
  bottom: 0;
  z-index: 10;
}
#wrapper #infomation .slides {
  margin-left: 10%;
  overflow-y: hidden;
  overflow-x: scroll;
  position: relative;
}
#wrapper #infomation .slides::-webkit-scrollbar {
  height: 3px;
}
#wrapper #infomation .slides::-webkit-scrollbar-track {
  background: #d2d2d2;
}
#wrapper #infomation .slides::-webkit-scrollbar-thumb {
  background-color: #000;
}
#wrapper #infomation .slides ul {
  white-space: nowrap;
}
#wrapper #infomation .slides ul li {
  display: inline-block;
  vertical-align: top;
  width: 40%;
  padding: 5% 0;
  margin-right: 1%;
}
#wrapper #infomation .slides ul li:last-child {
  margin-right: 0;
}
#wrapper #infomation .slides ul li a:hover .cover {
  -webkit-transform: scale(0.96);
          transform: scale(0.96);
}
#wrapper #infomation .slides ul li a:hover .cover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
#wrapper #infomation .slides ul li a .cover {
  -webkit-transition: all 1.2s ease;
  transition: all 1.2s ease;
  overflow: hidden;
}
#wrapper #infomation .slides ul li a .cover img {
  -webkit-transition: all 1.2s ease;
  transition: all 1.2s ease;
}
#wrapper #infomation .slides ul li p {
  line-height: 3em;
  color: #000;
}
#wrapper #join {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 4%;
  margin: 150px 0;
}
#wrapper #join .content {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  padding: 20px 100px 20px 10%;
  position: relative;
  width: 635px;
}
#wrapper #join .content > .title {
  font-size: 2em;
  font-weight: normal;
  padding: 0 0 40px 0;
  position: relative;
}
#wrapper #join .content p {
  line-height: 2em;
}
#wrapper #join .content dl {
  margin-top: 5%;
}
#wrapper #join .content dl dt {
  padding-left: 1em;
  line-height: 1.6em;
}
#wrapper #join .content dl dd {
  line-height: 1.6em;
}
#wrapper #join .content .more {
  position: absolute;
  bottom: 15%;
  right: 20%;
}
#wrapper #join .cover {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 480px;
  position: relative;
  overflow: hidden;
}
#wrapper #join .cover.aos-animate:before {
  height: 0%;
}
#wrapper #join .cover:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #eeedea;
  -webkit-transition: height 0.5s ease;
  transition: height 0.5s ease;
  z-index: 1;
}
#wrapper #join .cover img {
  width: auto;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#wrapper .inner_content {
  position: relative;
  padding-right: 5%;
}
#wrapper .inner_content:before {
  content: "Loading..";
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 97;
  color: #000;
  font-size: 1.2rem;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
#wrapper .inner_content.on:before {
  opacity: 0;
}
#wrapper .inner_content.on .inner_content_left {
  opacity: 1;
}
#wrapper .inner_content.on .inner_content_right {
  opacity: 1;
}
#wrapper .inner_content.on .list_content {
  opacity: 1;
}
#wrapper .inner_content .right_title {
  position: fixed;
  right: 5%;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  z-index: 1;
}
#wrapper .inner_content .inner_content_left {
  position: fixed;
  width: 38%;
  left: 6.5%;
  padding-right: 10px;
  padding-bottom: 1vh;
  overflow: auto;
  height: calc(95vh - 130px);
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
#wrapper .inner_content .inner_content_left::-webkit-scrollbar {
  width: 3px;
  background-color: #fff;
}
#wrapper .inner_content .inner_content_left::-webkit-scrollbar-button {
  background: transparent;
  border-radius: 0px;
}
#wrapper .inner_content .inner_content_left::-webkit-scrollbar-track-piece {
  background: transparent;
}
#wrapper .inner_content .inner_content_left::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background: #000;
}
#wrapper .inner_content .inner_content_left::-webkit-scrollbar-track {
  background: #fff;
  margin-top: 0px;
}
#wrapper .inner_content .inner_content_left .core_title {
  text-transform: uppercase;
  font-size: 1.2rem;
  margin: 1em 0 3em 0;
}
#wrapper .inner_content .inner_content_left .core_story {
  font-size: 1.1rem;
  line-height: 1.5em;
  margin-bottom: 3rem;
}
#wrapper .inner_content .inner_content_left > ul {
  margin-bottom: 3em;
}
#wrapper .inner_content .inner_content_left > ul li {
  line-height: 1.3em;
  padding: 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#wrapper .inner_content .inner_content_left > ul li span {
  width: 6em;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
#wrapper .inner_content .inner_content_left > ul li p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#wrapper .inner_content .inner_content_left > ul li p i {
  color: #535353;
}
#wrapper .inner_content .inner_content_left > ul li p a {
  color: #000;
  padding-bottom: 3px;
  border-bottom: 1px solid #000;
}
#wrapper .inner_content .inner_content_left > ul li p a:hover {
  font-weight: bold;
}
#wrapper .inner_content .inner_content_left .control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
}
#wrapper .inner_content .inner_content_left .control > a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
}
#wrapper .inner_content .inner_content_left .control > a:hover div {
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}
#wrapper .inner_content .inner_content_left .control > a:hover div span {
  -webkit-transform: translateX(-10px);
          transform: translateX(-10px);
}
#wrapper .inner_content .inner_content_left .control > a.hide {
  opacity: 0;
  pointer-events: none;
}
#wrapper .inner_content .inner_content_left .control > a.prev {
  text-align: left;
}
#wrapper .inner_content .inner_content_left .control > a.prev div {
  padding: 0 0.5rem 0.2rem 1.5rem;
}
#wrapper .inner_content .inner_content_left .control > a.prev div:after {
  right: auto;
  left: 0;
  -webkit-transform: skewX(-45deg) translateX(5px);
          transform: skewX(-45deg) translateX(5px);
}
#wrapper .inner_content .inner_content_left .control > a.prev:hover div {
  -webkit-transform: translateX(-10px);
          transform: translateX(-10px);
}
#wrapper .inner_content .inner_content_left .control > a.prev:hover div span {
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}
#wrapper .inner_content .inner_content_left .control > a div {
  color: #000;
  line-height: 1em;
  border-bottom: 1px solid #000;
  padding: 0 1.5rem 0.2rem 0.5rem;
  position: relative;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  display: inline-block;
  vertical-align: middle;
}
#wrapper .inner_content .inner_content_left .control > a div span {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#wrapper .inner_content .inner_content_left .control > a div:after {
  position: absolute;
  height: 10px;
  width: 1px;
  right: 0;
  bottom: 0;
  content: "";
  background-color: #000;
  -webkit-transform: skewX(45deg) translateX(-5px);
          transform: skewX(45deg) translateX(-5px);
}
#wrapper .inner_content .inner_content_right {
  position: absolute;
  width: 46%;
  right: 4%;
  padding-bottom: 5%;
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
#wrapper .inner_content .inner_content_right .photo_list ol li {
  margin-bottom: 20px;
}
#wrapper .inner_content .inner_content_right p.tip {
  font-size: 1rem;
  line-height: 2em;
}
#wrapper .inner_content .inner_content_right dl dt {
  font-size: 1.1rem;
  font-weight: bold;
  padding: 2em 0;
  margin-top: 10px;
}
#wrapper .inner_content .inner_content_right dl dd {
  line-height: 2em;
}
#wrapper .inner_content .list_content {
  position: absolute;
  width: 100%;
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
#wrapper .inner_content .list_content > ul {
  padding-left: 13%;
}
#wrapper .inner_content .list_content > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2%;
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
#wrapper .inner_content .list_content > ul > li.aos-animate {
  opacity: 1;
}
#wrapper .inner_content .list_content > ul > li#service_content_01 .photo {
  padding-left: 5%;
  -webkit-box-flex: 1.2;
      -ms-flex: 1.2;
          flex: 1.2;
}
#wrapper .inner_content .list_content > ul > li#service_content_02 .photo {
  -webkit-box-flex: 0.8;
      -ms-flex: 0.8;
          flex: 0.8;
}
#wrapper .inner_content .list_content > ul > li#service_content_02 .text {
  padding-left: 5%;
}
#wrapper .inner_content .list_content > ul > li#service_content_02 .text span {
  max-width: 550px;
}
#wrapper .inner_content .list_content > ul > li#service_content_03 {
  padding-right: 13%;
}
#wrapper .inner_content .list_content > ul > li#service_content_03 .photo {
  -webkit-box-flex: 0.95;
      -ms-flex: 0.95;
          flex: 0.95;
  padding-left: 10%;
}
#wrapper .inner_content .list_content > ul > li#fullPhoto {
  padding-right: 13%;
  margin: 8% 0;
}
#wrapper .inner_content .list_content > ul > li#service_content_04 {
  padding-right: 13%;
}
#wrapper .inner_content .list_content > ul > li#service_content_04 .photo {
  padding: 0 8% 0 5%;
  -webkit-box-flex: 0.9;
      -ms-flex: 0.9;
          flex: 0.9;
}
#wrapper .inner_content .list_content > ul > li .text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#wrapper .inner_content .list_content > ul > li .text h6 {
  font-weight: bold;
  font-size: 1.1rem;
  margin-bottom: 2rem;
}
#wrapper .inner_content .list_content > ul > li .text p {
  line-height: 2em;
  padding: 5px 0;
}
#wrapper .inner_content .list_content > ul > li .text span {
  line-height: 1.8em;
  margin-bottom: 2rem;
  display: block;
  color: #535353;
}
#wrapper .inner_content .list_content > ul > li .photo {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#wrapper .inner_content .list_content > ul > li ul {
  list-style: disc;
  padding-left: 1em;
}
#wrapper .inner_content .list_content > ul > li ul li {
  line-height: 2em;
  padding: 3px 0;
  font-size: 1rem;
  color: #535353;
}
#wrapper #join_content {
  padding-right: 0;
}
#wrapper #join_content .join_content {
  width: 80%;
  max-width: 1440px;
  margin: 0 auto;
  padding-top: 3%;
}
#wrapper #join_content .join_content .content {
  padding: 5rem;
}
#wrapper #join_content .join_content .content h6 {
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 3rem;
}
#wrapper #join_content .join_content .content > p {
  line-height: 2em;
}
#wrapper #join_content .join_content .content .list {
  margin-top: 3rem;
  line-height: 1.5em;
  color: #0e231f;
  padding-bottom: 6rem;
  border-bottom: 1px solid #d3d2cf;
  margin-bottom: 6rem;
}
#wrapper #join_content .join_content .content .list > p {
  font-size: 0.8rem;
  padding: 0.3rem 0;
}
#wrapper #join_content .join_content .content .list ul {
  list-style: decimal;
  padding-left: 1.2em;
}
#wrapper #join_content .join_content .content .list ul li {
  padding: 0.3rem 0;
}
#wrapper #join_content .join_content .content .list2 {
  margin-top: 3rem;
  line-height: 1.5em;
  color: #0e231f;
  padding-bottom: 5rem;
}
#wrapper #join_content .join_content .content .list2 > p {
  font-size: 0.8rem;
  padding: 0.3rem 0;
}
#wrapper #join_content .join_content .content .list2 ul {
  list-style: disc;
  padding-left: 1.2em;
}
#wrapper #join_content .join_content .content .list2 ul li {
  padding: 0.3rem 0;
}
#wrapper #join_content .join_content .content .moreBtn {
  text-align: right;
  margin-bottom: 5rem;
}
#wrapper #join_content .join_content .content .moreBtn a {
  display: inline-block;
}
#wrapper #infomation_content {
  width: 90%;
  max-width: 1280px;
  margin: 5% auto;
}
#wrapper #infomation_content .title {
  font-size: 2rem;
}
#wrapper #infomation_content .infomation_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 5rem;
}
#wrapper #infomation_content .infomation_content .backBtn {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 10rem;
}
#wrapper #infomation_content .infomation_content .backBtn .back {
  color: #000;
  font-size: 1.2rem;
  color: #000;
  line-height: 1em;
  border-bottom: 3px solid #000;
  padding: 0 0.5rem 0.2rem 1.5rem;
  position: relative;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  display: block;
}
#wrapper #infomation_content .infomation_content .backBtn .back span {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#wrapper #infomation_content .infomation_content .backBtn .back:after {
  position: absolute;
  height: 10px;
  width: 3px;
  left: 0;
  bottom: 0;
  content: "";
  background-color: #000;
  -webkit-transform: skewX(-45deg) translateX(5px);
          transform: skewX(-45deg) translateX(5px);
}
#wrapper #infomation_content .infomation_content .backBtn .back:hover {
  -webkit-transform: translateX(-10px);
          transform: translateX(-10px);
}
#wrapper #infomation_content .infomation_content .backBtn .back:hover span {
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}
#wrapper #infomation_content .infomation_content .content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#wrapper #infomation_content .infomation_content .content .top .date span {
  display: inline-block;
  vertical-align: middle;
  background-color: #0e231f;
  color: #fff;
  padding: 0.5rem 1rem;
}
#wrapper #infomation_content .infomation_content .content .top .date p {
  display: inline-block;
  vertical-align: middle;
  color: #626262;
  margin-left: 1rem;
}
#wrapper #infomation_content .infomation_content .content .top > p {
  font-size: 1.4rem;
  color: #000;
  padding: 2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #c7c7c5;
  margin-bottom: 2rem;
}
#wrapper #infomation_content .infomation_content .content .btm {
  font-size: 1rem;
}
#wrapper #infomation_content .infomation_content .content .btm b {
  font-weight: 700;
  line-height: 1.8em;
  margin-bottom: 1rem;
  display: block;
}
#wrapper #infomation_content .infomation_content .content .btm p {
  margin-bottom: 1.5rem;
  line-height: 1.8em;
}
#wrapper #infomation_content .infomation_content .content .btm > img {
  margin-bottom: 3rem;
}
#wrapper #infomation_content .infomation_content .content .btm ul {
  list-style: disc;
  padding-left: 1.2rem;
  margin-bottom: 2rem;
}
#wrapper #infomation_content .infomation_content .content .btm ul li {
  padding: 0.5rem 0;
}
#wrapper #info_list {
  width: 90%;
  max-width: 1280px;
  margin: 5% auto;
}
#wrapper #info_list .title {
  font-size: 2rem;
}
#wrapper #info_list .info_list_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5%;
}
#wrapper #info_list .info_list_content .info_list_menu {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 5%;
}
#wrapper #info_list .info_list_content .info_list_menu ul li {
  border-bottom: 3px solid #eeedea;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#wrapper #info_list .info_list_content .info_list_menu ul li.on {
  border-bottom: 3px solid #0e231f;
}
#wrapper #info_list .info_list_content .info_list_menu ul li.on a {
  color: #0e231f;
}
#wrapper #info_list .info_list_content .info_list_menu ul li a {
  color: #707070;
  padding: 2rem 2rem 2rem 0;
  display: block;
  font-weight: 700;
}
#wrapper #info_list .info_list_content .info_list {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#wrapper #info_list .info_list_content .info_list ul {
  border-top: 1px solid #c7c7c5;
  margin-top: 5rem;
}
#wrapper #info_list .info_list_content .info_list ul li {
  padding: 2rem 0;
  border-bottom: 1px solid #c7c7c5;
  position: relative;
}
#wrapper #info_list .info_list_content .info_list ul li:hover:before {
  width: 100%;
}
#wrapper #info_list .info_list_content .info_list ul li:before {
  content: "";
  width: 0%;
  height: 100%;
  background-color: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: absolute;
  z-index: 0;
  top: 0;
}
#wrapper #info_list .info_list_content .info_list ul li a {
  display: block;
  position: relative;
  z-index: 1;
  padding: 0 1rem;
}
#wrapper #info_list .info_list_content .info_list ul li a .date span {
  display: inline-block;
  vertical-align: middle;
  background-color: #0e231f;
  color: #fff;
  padding: 0.5rem 1rem;
}
#wrapper #info_list .info_list_content .info_list ul li a .date p {
  display: inline-block;
  vertical-align: middle;
  color: #626262;
  margin-left: 1rem;
}
#wrapper #info_list .info_list_content .info_list ul li a > p {
  font-size: 1.4rem;
  color: #000;
  padding-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#wrapper #info_list .info_list_content .info_list ul li a > p span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: 700;
}
#wrapper #info_list .info_list_content .info_list ul li a > p i {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-size: 2rem;
}
#wrapper div[data-aos=zoom-in] {
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
#wrapper div[data-aos=zoom-in].aos-animate {
  opacity: 1;
}
#wrapper .feature_kv {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
#wrapper.feature_kv {
  background: url(../images/feature_content_01.jpg) no-repeat center;
  background-size: cover;
  background-attachment: fixed;
}
#wrapper #service_content {
  padding-right: 0;
}
#wrapper #service_content .service_content .text {
  padding: 5rem 0;
}
#wrapper #service_content .service_content .text h6 {
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 3rem;
}
#wrapper #service_content .service_content .text h6 span {
  font-size: 1rem;
  font-weight: 500;
}
#wrapper #service_content .service_content .text > h5 {
  line-height: 1.5em;
  font-weight: 700;
  margin-bottom: 1rem;
}
#wrapper #service_content .service_content .text > p {
  line-height: 1.5em;
  margin-bottom: 1rem;
}
#wrapper #service_content .service_content .text > p a {
  color: #000;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid #000;
}
#wrapper #service_content .service_content .text ul {
  list-style: disc;
  padding-left: 1.2rem;
  font-size: 0.8rem;
}
#wrapper #service_content .service_content .text ul li {
  padding: 0.3rem 0;
  line-height: 1.5em;
}
#wrapper #service_content .service_content .text ul li a {
  color: #000;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid #000;
  margin: 0 0.3rem 0.3rem 0.3rem;
  display: inline-block;
}
#wrapper #service_content .service_content .sec1 {
  width: 80%;
  max-width: 1280px;
  margin: 0 auto;
}
#wrapper #service_content .service_content .sec2 .serviceNext {
  position: absolute;
  width: 12%;
  height: 80%;
  right: 0;
  bottom: 0;
  z-index: 10;
}
#wrapper #service_content .service_content .sec2 .servicePrev {
  position: absolute;
  width: 12%;
  height: 80%;
  left: 0%;
  bottom: 0;
  z-index: 10;
}
#wrapper #service_content .service_content .sec2 .slides {
  position: relative;
  overflow-y: hidden;
  overflow-x: scroll;
  position: relative;
  height: 500px;
  padding-bottom: 100px;
}
#wrapper #service_content .service_content .sec2 .slides::-webkit-scrollbar {
  height: 3px;
}
#wrapper #service_content .service_content .sec2 .slides::-webkit-scrollbar-track {
  background: #d2d2d2;
}
#wrapper #service_content .service_content .sec2 .slides::-webkit-scrollbar-thumb {
  background-color: #000;
}
#wrapper #service_content .service_content .sec2 .slides ul {
  height: 100%;
  white-space: nowrap;
}
#wrapper #service_content .service_content .sec2 .slides ul li {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
#wrapper #service_content .service_content .sec2 .slides ul li img {
  width: auto;
  height: 100%;
}
#wrapper #service_content .service_content .sec3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 5rem auto;
  width: 80%;
  max-width: 1280px;
  padding: 4rem;
}
#wrapper #service_content .service_content .sec3 .photo {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 45%;
}
#wrapper #service_content .service_content .sec3 .text {
  padding: 5rem 3rem;
}
#wrapper #feature_content {
  padding-right: 0;
}
#wrapper #feature_content .right_title {
  top: 130px;
}
#wrapper #feature_content .sec1 {
  width: 80%;
  max-width: 1280px;
  margin: 0 auto;
}
#wrapper #feature_content .sec2 {
  width: 90%;
  max-width: 1440px;
  margin: 0 auto;
}
#wrapper #feature_content .sec3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10rem;
}
#wrapper #feature_content .sec3 .photo {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 60%;
}
#wrapper #feature_content .sec3 .text {
  padding: 5rem 3rem;
}
#wrapper #feature_content .photos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#wrapper #feature_content .photos div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#wrapper #feature_content .photos div:nth-child(2) {
  margin-left: 2rem;
}
#wrapper #feature_content .text {
  padding: 5rem 0;
}
#wrapper #feature_content .text h6 {
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 3rem;
}
#wrapper #feature_content .text h6 span {
  font-size: 1rem;
  font-weight: 500;
}
#wrapper #feature_content .text > p {
  line-height: 1.5em;
  font-weight: 700;
  margin-bottom: 1rem;
}
#wrapper #feature_content .text > p.mt {
  margin-top: 1rem;
}
#wrapper #feature_content .text ul {
  list-style: disc;
  padding-left: 1.2rem;
  font-size: 0.8rem;
}
#wrapper #feature_content .text ul li {
  padding: 0.3rem 0;
  line-height: 1.5em;
}
#wrapper #feature_content .text ul li a {
  color: #000;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid #000;
}
#wrapper #price_content {
  width: 90%;
  max-width: 1280px;
  margin: 2rem auto;
  padding-right: 0;
}
#wrapper #price_content .top {
  padding: 2rem 0.5rem;
  border-bottom: 1px solid #d2d2d2;
  margin: 0 0.5rem;
}
#wrapper #price_content .top h6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5rem 0;
  font-weight: 700;
  line-height: 1.5em;
}
#wrapper #price_content .top h6 p {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  position: relative;
}
#wrapper #price_content .top h6 p a {
  color: #000;
  text-decoration: underline;
}
#wrapper #price_content .top h6 p i {
  z-index: 1;
  position: relative;
}
#wrapper #price_content .top h6 p:before {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 50%;
  background-color: #e2d721;
  content: "";
  bottom: 0;
  display: none;
}
#wrapper #price_content .top h6 > span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#wrapper #price_content .top2 {
  padding: 2rem 0.5rem;
  margin: 0 0.5rem;
}
#wrapper #price_content .top2 p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5rem 0;
  font-weight: 700;
}
#wrapper #price_content .top2 p.hightlight {
  color: #c61414;
}
#wrapper #price_content .top2 p.hightlight span {
  border: 1px solid #c61414;
}
#wrapper #price_content .top2 p span {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 24px;
  height: 24px;
  line-height: 20px;
  letter-spacing: 0;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #000;
  font-weight: 700;
  margin-right: 1rem;
}
#wrapper #price_content ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#wrapper #price_content ul li {
  width: 47%;
  max-width: 47%;
  font-size: 1rem;
  margin-bottom: 6rem;
}
#wrapper #price_content ul li:nth-child(odd) {
  margin-right: 6%;
}
#wrapper #price_content ul li > .title {
  background-color: #0e231f;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  line-height: 2em;
  margin-bottom: 0.5rem;
}
#wrapper #price_content ul li .tb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
#wrapper #price_content ul li .tb .title {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-size: 1.2rem;
  font-weight: 700;
  padding: 1rem 0.5rem;
  line-height: 1.2em;
}
#wrapper #price_content ul li .tb .td {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#wrapper #price_content ul li .tb .cloum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-left: 1px solid #000;
  position: relative;
}
#wrapper #price_content ul li .tb .cloum .date {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  border-bottom: 1px solid #000;
  text-align: center;
  padding: 0.5rem;
}
#wrapper #price_content ul li .tb .cloum .price {
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#wrapper #price_content ul li .tb .cloum .price.oneline {
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#wrapper #price_content ul li .tb .cloum .price h6 {
  display: inline-block;
  font-size: 2rem;
  font-weight: 700;
  padding: 1.5rem 0.5rem;
}
#wrapper #price_content ul li .tb .cloum .price h6 span {
  font-size: 1rem;
}
#wrapper #price_content ul li .tb .cloum .price > p {
  font-size: 0.8rem;
}
#wrapper #footer_content {
  margin: 0 14%;
  padding: 2% 0;
}
#wrapper #footer_content.miniLi dl dd ul li {
  padding: 0.3em 0;
}
#wrapper #footer_content dl {
  border-bottom: 1px solid #dbdad8;
  margin-bottom: 3em;
}
#wrapper #footer_content dl:last-child {
  border-bottom: 0 solid #000;
}
#wrapper #footer_content dl dt {
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 2.5em;
  margin-top: 2.5em;
}
#wrapper #footer_content dl dd {
  margin-bottom: 2.5em;
  line-height: 2em;
}
#wrapper #footer_content dl dd span.tip {
  color: #a40000;
}
#wrapper #footer_content dl dd table {
  margin: 1rem 2rem;
  font-size: 0.8rem;
}
#wrapper #footer_content dl dd table thead tr th {
  border: 1px solid #000;
  padding: 0.5rem;
  text-align: center;
}
#wrapper #footer_content dl dd table tbody tr td {
  border: 1px solid #000;
  padding: 0.5rem;
  text-align: center;
}
#wrapper #footer_content dl dd b {
  font-weight: bold;
  line-height: 3em;
  margin-right: 0.5rem;
}
#wrapper #footer_content dl dd a {
  text-decoration: underline;
  color: #000;
}
#wrapper #footer_content dl dd ul {
  list-style: decimal;
  padding-left: 2em;
}
#wrapper #footer_content dl dd ul li {
  padding: 1em 0;
}
#wrapper #footer_content dl dd > p {
  padding: 5px 0;
}
#wrapper #footer_content dl dd > p b {
  font-size: 1.2rem;
}
#wrapper #footer_content dl dd .qa_list .qbox {
  border-bottom: 1px solid #dbdad8;
  padding: 2em 0;
}
#wrapper #footer_content dl dd .qa_list .qbox .q {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
#wrapper #footer_content dl dd .qa_list .qbox .q.on:after {
  content: "^";
}
#wrapper #footer_content dl dd .qa_list .qbox .q:after {
  content: "+";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 1.2rem;
}
#wrapper #footer_content dl dd .qa_list .qbox .q .qhead {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 5px;
}
#wrapper #footer_content dl dd .qa_list .qbox .q .qContent {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#wrapper #footer_content dl dd .qa_list .qbox .a {
  display: none;
}
#wrapper #footer_content dl dd .qa_list .qbox .a .abox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 1em;
}
#wrapper #footer_content dl dd .qa_list .qbox .a .abox .ahead {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 5px;
}
#wrapper #footer_content dl dd .qa_list .qbox .a .abox .aContent {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#wrapper #footer_content dl dd .qa_list .qbox .a .abox .aContent span {
  font-size: 0.8rem;
  display: block;
  line-height: 2em;
}
#wrapper #reservation {
  width: 100%;
  height: 100%;
  background: #c8c2c2 url(../images/reservation_bg.jpg) no-repeat center;
  background-size: cover;
  overflow: hidden;
  position: relative;
  margin-bottom: 5%;
}
#wrapper #reservation .content {
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: #fff;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 4rem;
}
#wrapper #reservation .content > a {
  text-align: center;
  display: block;
  color: #0e231f;
}
#wrapper #reservation .content > a:hover > p.link span {
  padding-left: 10px;
}
#wrapper #reservation .content > a.personal {
  padding: 0 5rem 2rem 5rem;
  border-bottom: 1px solid #0e231f;
  margin-bottom: 4rem;
}
#wrapper #reservation .content > a.personal .title {
  color: #0e231f;
}
#wrapper #reservation .content > a.company .title {
  background-color: #0e231f;
  color: #fff;
}
#wrapper #reservation .content > a.company > a {
  margin-bottom: 0;
}
#wrapper #reservation .content > a .title {
  font-size: 2.4rem;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: 6px;
  line-height: 1.2em;
  border: 1px solid #0e231f;
  padding: 6px 6px 6px 12px;
  color: #0e231f;
}
#wrapper #reservation .content > a > p {
  margin-top: 1.5rem;
}
#wrapper #reservation .content > a > p.link {
  margin-bottom: 2rem;
  display: inline-block;
}
#wrapper #reservation .content > a > p.link span {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#wrapper #terms {
  max-width: 1440px;
  width: 96%;
  margin: 0 auto;
  padding: 0 70px;
}
#wrapper #terms section {
  padding: 5rem 0;
  border-bottom: 1px solid #dfdfdc;
}
#wrapper #terms section:last-child {
  border-bottom: 0 solid #000;
}
#wrapper #terms section > h6 {
  font-weight: 700;
  font-size: 1.2rem;
  padding-bottom: 2rem;
}
#wrapper #terms section > div {
  padding: 0 1rem;
}
#wrapper #terms section > div .tip {
  border: 1px solid #000;
  padding: 1rem;
  margin-top: 2rem;
  display: inline-block;
}
#wrapper #terms section > div .tip p {
  line-height: 2em;
}
#wrapper #terms section > div > ul {
  list-style: decimal;
  padding-left: 1.2em;
}
#wrapper #terms section > div > ul li {
  line-height: 1.5em;
  padding: 0.5rem 0;
}
#wrapper #terms section > div > ul li a {
  color: #000;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid #000;
}
#wrapper #terms section > div > ul li.fontb {
  font-weight: bold;
}
#wrapper #terms section > div > ul li > p {
  margin-top: 1rem;
}
#wrapper #terms section > div > ul li > p span {
  display: block;
  margin-top: 0.5rem;
}
#wrapper #terms section > div > ul li ol {
  list-style: disc;
  padding-left: 1.2rem;
  margin-top: 0.3rem;
}
#wrapper #terms section > div > ul li ol li {
  line-height: 1.3em;
  padding: 0.2rem 0;
}
#wrapper #terms section > div b {
  font-weight: 700;
  line-height: 1.5em;
  margin-top: 2rem;
  display: block;
}
#wrapper #terms section > div o {
  font-weight: 700;
  line-height: 1.5em;
  display: block;
}
#wrapper #terms section > div > p {
  line-height: 2em;
}
#wrapper #terms section > div > p a {
  border-bottom: 1px solid #000;
  padding-bottom: 0.2rem;
  color: #000;
}
#wrapper #terms section .placeName {
  background-color: #0e231f;
  color: #fff;
  display: inline-block;
  padding: 0.5rem;
  margin-bottom: 1rem;
}
#wrapper #date_table {
  max-width: 800px;
  width: 96%;
  margin: 50px auto 80px auto;
}
#wrapper #date_table h2 {
  text-align: center;
  font-size: 1.3rem;
  line-height: 2em;
}
#wrapper #date_table .title {
  text-align: center;
  background-color: #000;
  color: #fff;
  font-weight: 700;
  font-size: 1.2rem;
  padding: 1rem 0;
}
#wrapper #date_table table {
  border: 1px solid #000;
  width: 100%;
}
#wrapper #date_table table th {
  padding: 1rem 0.5rem;
  border: 1px solid #000;
  text-align: center;
  line-height: 1.3em;
}
#wrapper #date_table table td {
  padding: 1rem 0.5rem;
  border: 1px solid #000;
  text-align: center;
  line-height: 1.5em;
}
#wrapper #bookComplete {
  max-width: 1440px;
  width: 84%;
  margin: 0 auto;
}
#wrapper #bookComplete .title {
  padding-bottom: 3px;
  border-bottom: 2px solid #000;
}
#wrapper #bookComplete .title h6 {
  text-align: center;
  font-size: 2.4rem;
  font-weight: 700;
}
#wrapper #bookComplete .title p {
  font-weight: 700;
  font-size: 1.2rem;
  text-align: center;
  padding: 2rem 0;
  border-bottom: 2px solid #000;
}
#wrapper #bookComplete .menu {
  margin: 3rem 0;
}
#wrapper #bookComplete .menu ul {
  text-align: center;
}
#wrapper #bookComplete .menu ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 1rem;
}
#wrapper #bookComplete .menu ul li a {
  display: block;
  padding: 1rem 4rem 1rem 2rem;
  background-color: #fff;
  border: 1px solid #000;
  color: #000;
  font-weight: 700;
  font-size: 1.2rem;
  position: relative;
}
#wrapper #bookComplete .menu ul li a:hover:before {
  right: 1rem;
}
#wrapper #bookComplete .menu ul li a:hover:after {
  right: 1rem;
}
#wrapper #bookComplete .menu ul li a:before {
  position: absolute;
  width: 2rem;
  height: 1px;
  background-color: #000;
  content: "";
  top: 50%;
  right: 1.5rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#wrapper #bookComplete .menu ul li a:after {
  position: absolute;
  height: 6px;
  width: 6px;
  right: 1.5rem;
  top: 50%;
  content: "";
  border-right: 1px solid #000;
  -webkit-transform: skewX(45deg) translate(50%, -100%);
          transform: skewX(45deg) translate(50%, -100%);
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#wrapper #bookComplete section {
  padding: 2rem 0;
  border-bottom: 1px solid #dfdfdc;
}
#wrapper #bookComplete section:last-child {
  border-bottom: 0 solid #000;
  margin-bottom: 3rem;
}
#wrapper #bookComplete section > h6 {
  font-weight: 700;
  font-size: 1.2rem;
  padding-bottom: 2rem;
}
#wrapper #bookComplete section > div {
  padding: 0 1rem;
}
#wrapper #bookComplete section > div table {
  margin: 1rem 2rem;
  font-size: 0.8rem;
  line-height: 2em;
}
#wrapper #bookComplete section > div table thead tr th {
  border: 1px solid #000;
  padding: 0.5rem;
  text-align: center;
}
#wrapper #bookComplete section > div table tbody tr td {
  border: 1px solid #000;
  padding: 0.5rem;
  text-align: center;
}
#wrapper #bookComplete section > div > ul {
  list-style: decimal;
  padding-left: 1.2em;
}
#wrapper #bookComplete section > div > ul li {
  line-height: 1.5em;
  padding: 0.5rem 0;
}
#wrapper #bookComplete section > div b {
  font-weight: 700;
  line-height: 1.5em;
  margin-top: 2rem;
  display: block;
}
#wrapper #bookComplete section > div o {
  font-weight: 700;
  line-height: 1.5em;
  display: block;
}
#wrapper #bookComplete section > div > p {
  line-height: 2em;
}
#wrapper #bookComplete section > div > p.bold {
  font-weight: bold;
}
#wrapper #bookComplete section > div > p a {
  border-bottom: 1px solid #000;
  padding-bottom: 0.2rem;
  color: #000;
}
#wrapper #bookComplete section > div .map {
  max-width: 990px;
}
#wrapper #bookComplete section .placeName {
  background-color: #0e231f;
  color: #fff;
  display: inline-block;
  padding: 0.5rem;
  margin-bottom: 1rem;
}
#wrapper #bookComplete section .map {
  padding: 2rem 0;
}
#wrapper #bookComplete section .place {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1440px;
}
#wrapper #bookComplete section .place > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#wrapper #bookComplete section .place > div:first-child {
  margin-right: 2rem;
}
#wrapper #bookComplete section .place > div dl dt {
  font-weight: 700;
  line-height: 1.5em;
}
#wrapper #bookComplete section .place > div dl dd {
  line-height: 1.5em;
  padding: 0.5rem 0;
}
#wrapper #goTop {
  position: fixed;
  width: 5rem;
  height: 5rem;
  background-color: #0e231f;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  right: 2rem;
  bottom: 5rem;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#wrapper #goTop:hover {
  background-color: #000;
}
#wrapper #goTop p {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 1.1rem;
  line-height: 1.2em;
}
#wrapper #goTop p span {
  font-size: 1.4rem;
  padding-bottom: 0.5rem;
  display: block;
}
#wrapper #formPop {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
}
#wrapper #formPop .content {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 4rem;
  text-align: center;
  line-height: 2em;
}
#wrapper #formPop .content .agree {
  margin-top: 3rem;
}
#wrapper #formPop .content .agree a {
  display: inline-block;
  padding: 0.5rem 2rem;
  background-color: #000;
  color: #fff;
}
#wrapper #form {
  width: 84%;
  margin: 0 auto;
  max-width: 1140px;
}
#wrapper #form .title {
  text-align: center;
  line-height: 2em;
  padding-bottom: 3rem;
}
#wrapper #form > section {
  padding: 6rem 0 3rem 0;
}
#wrapper #form > section .nextBtn {
  padding: 8rem 0;
  text-align: right;
}
#wrapper #form > section .nextBtn a {
  display: inline-block;
}
#wrapper #form > section ul {
  width: 72%;
  margin: 0 auto;
}
#wrapper #form > section ul li {
  padding: 2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#wrapper #form > section ul li .dataName {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  line-height: 1.5em;
  margin-right: 1rem;
}
#wrapper #form > section ul li .data {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#wrapper #form > section ul li .data input {
  border: 0;
  background: none;
  border-bottom: 1px solid #d1d0ce;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 1px;
  font-size: 1.2rem;
}
#wrapper #form > section ul li .data input::-webkit-input-placeholder {
  color: #d1d0ce;
}
#wrapper #form > section ul li .data input::-moz-placeholder {
  color: #d1d0ce;
}
#wrapper #form > section ul li .data input:-ms-input-placeholder {
  color: #d1d0ce;
}
#wrapper #form > section ul li .data input::-ms-input-placeholder {
  color: #d1d0ce;
}
#wrapper #form > section ul li .data input::placeholder {
  color: #d1d0ce;
}
#wrapper #form > section ul li .data dl:before {
  content: "";
  height: 100%;
  display: inline-block;
  vertical-align: bottom;
  width: 1px;
}
#wrapper #form > section ul li .data dl dd {
  display: inline-block;
  vertical-align: bottom;
}
#wrapper #form > section ul li .data dl dd input {
  display: none;
}
#wrapper #form > section ul li .data dl dd input:checked + label span {
  background-color: #000;
}
#wrapper #form > section ul li .data dl dd label {
  margin-right: 1rem;
}
#wrapper #form > section ul li .data dl dd label span {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: 1px solid #000;
  display: inline-block;
  vertical-align: middle;
}
#wrapper #form > section ul li .data dl dd label p {
  margin-left: 0.2rem;
  display: inline-block;
  vertical-align: middle;
}
#wrapper #form > section#step2 {
  display: none;
}
#wrapper #form > section#step3 {
  display: none;
}

@media only screen and (max-width: 1280px) {
  #wrapper #join {
    padding-left: 0;
  }
  #wrapper #infomation .slides {
    margin-left: 6%;
  }
  #wrapper .inner_content .list_content > ul > li#service_content_02 .text {
    padding-right: 5%;
  }
}
@media only screen and (max-width: 1023px) {
  #wrapper.feature_kv {
    background: none;
  }
  #wrapper.inner {
    padding-top: 80px;
  }
  #wrapper > .inner_content {
    padding: 3rem 2rem 3rem 1rem;
  }
  #wrapper > .inner_content .right_title {
    top: 100px;
    right: 0;
    width: 34px;
  }
  #wrapper > .inner_content .right_title p {
    margin: 0 auto;
    left: 50%;
    -webkit-transform: translateX(-60%);
            transform: translateX(-60%);
  }
  #wrapper > .inner_content .list_content > ul {
    padding-left: 0;
  }
  #wrapper > .inner_content .list_content > ul li {
    display: block;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 50px;
  }
  #wrapper > .inner_content .list_content > ul li#service_content_01 .photo {
    padding-left: 0;
  }
  #wrapper > .inner_content .list_content > ul li#service_content_02 .text {
    padding: 20px 0;
  }
  #wrapper > .inner_content .list_content > ul li#service_content_02 .text span {
    margin-bottom: 0;
  }
  #wrapper > .inner_content .list_content > ul li#service_content_03 {
    padding-right: 50px;
  }
  #wrapper > .inner_content .list_content > ul li#service_content_03 .photo {
    padding-left: 0;
  }
  #wrapper > .inner_content .list_content > ul li#fullPhoto {
    padding: 0;
  }
  #wrapper > .inner_content .list_content > ul li#service_content_04 {
    padding-right: 50px;
  }
  #wrapper > .inner_content .list_content > ul li#service_content_04 .photo {
    padding: 0;
  }
  #wrapper > .inner_content .list_content > ul li#service_content_04 .text {
    margin-top: 20px;
  }
  #wrapper > .inner_content .list_content > ul li#service_content_04 .text ul {
    padding-left: 1.2em;
  }
  #wrapper > .inner_content .list_content > ul li#service_content_04 .text ul li {
    display: list-item;
    margin-bottom: 10px;
    line-height: 1.6em;
  }
  #wrapper > .inner_content .inner_content {
    padding-right: 0;
  }
  #wrapper > .inner_content .inner_content .inner_content_left {
    position: relative;
    width: auto;
    left: 0;
    padding: 0 0px 0 0px;
  }
  #wrapper > .inner_content .inner_content .inner_content_left .control {
    position: fixed;
    width: 100%;
    bottom: 0;
    background-color: #fff;
    z-index: 60;
    left: 0;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  }
  #wrapper > .inner_content .inner_content .inner_content_left .control a {
    padding: 15px;
    margin: 0;
  }
  #wrapper > .inner_content .inner_content .inner_content_left .core_title {
    margin: 0px 0 20px 0;
    font-weight: 700;
    font-size: 1.5rem;
  }
  #wrapper > .inner_content .inner_content .inner_content_left > ul {
    margin-bottom: 20px;
  }
  #wrapper > .inner_content .inner_content .inner_content_right {
    width: auto;
    right: 0;
    padding-left: 0px;
    margin-top: 20px;
    padding-bottom: 50px;
  }
  #wrapper #kv .gray_bg {
    -webkit-animation: kv_gray_m 2.5s ease forwards;
            animation: kv_gray_m 2.5s ease forwards;
  }
  #wrapper #service_content {
    padding-top: 0;
    padding-right: 2rem;
  }
  #wrapper #service_content .service_content .text {
    padding: 3rem 0rem;
  }
  #wrapper #service_content .service_content .sec1 {
    width: auto;
    margin: 0;
    overflow-x: hidden;
  }
  #wrapper #service_content .service_content .sec1 > img {
    width: 200%;
    margin-left: -50vw;
  }
  #wrapper #service_content .service_content .sec2 .slides {
    height: 300px;
    padding-bottom: 30px;
  }
  #wrapper #service_content .service_content .sec3 {
    width: auto;
    margin: 3rem 1rem;
    padding: 0;
    display: block;
  }
  #wrapper #service_content .service_content .sec3 .photo {
    width: auto;
  }
  #wrapper #service_content .service_content .sec3 .photo ul:after {
    content: "";
    clear: both;
    display: block;
  }
  #wrapper #service_content .service_content .sec3 .text {
    padding: 3rem 2rem 1rem 1rem;
  }
  #wrapper #about {
    padding: 3rem 1rem 0 1rem;
  }
  #wrapper #about > .title {
    padding: 5vh 0 4vh 0;
  }
  #wrapper #about > .title:after {
    width: 10%;
  }
  #wrapper #about > .sub_title {
    padding: 3vh 0;
    font-size: 3.2vw;
  }
  #wrapper #about > ul {
    padding-top: 20px;
    display: block;
  }
  #wrapper #about > ul > li {
    min-width: initial;
    max-width: initial;
  }
  #wrapper #about > ul > li:nth-child(odd) {
    margin-right: 0;
  }
  #wrapper #about > ul > li ol li a .photo .hover .text {
    width: 100%;
  }
  #wrapper #about > ul > li ol li a .photo .hover .text .core_name {
    font-size: 8vw;
  }
  #wrapper #about > ul > li ol li a .photo .hover .text p {
    font-size: 3vw;
    margin-top: 3vw;
    letter-spacing: 1px;
  }
  #wrapper #feature {
    padding: 3rem 1rem 0 1rem;
  }
  #wrapper #feature > .title {
    padding: 2rem 0;
  }
  #wrapper #feature > .title span {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }
  #wrapper #feature > .title p {
    font-size: 0.8rem;
  }
  #wrapper #feature ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  #wrapper #feature ul li {
    min-height: initial;
  }
  #wrapper #feature ul li:nth-child(odd) {
    margin-right: 0;
  }
  #wrapper #feature ul li .text {
    position: relative;
    top: auto;
    width: auto;
    padding-left: 20px;
    -webkit-transform: none;
            transform: none;
    padding-bottom: 100px;
  }
  #wrapper #feature ul li .text > .title {
    padding: 4vh 0;
  }
  #wrapper #feature ul li .text > .title:after {
    width: 10%;
  }
  #wrapper #feature ul li .desc {
    padding: 1.2rem 0;
  }
  #wrapper #feature ul li .desc p {
    font-size: 1.2rem;
    display: block;
    text-align: center;
    margin-bottom: 0.5rem;
  }
  #wrapper #feature ul li .desc span {
    font-size: 0.8rem;
    margin-left: 0;
    padding-left: 0;
    border-left: 0 solid #000;
  }
  #wrapper #feature ul li .desc a {
    margin-left: 0.5rem;
  }
  #wrapper #feature_content {
    padding-right: 2rem;
    background-color: #eeedea;
  }
  #wrapper #feature_content .right_title {
    top: 100px;
  }
  #wrapper #feature_content .sec1 {
    width: auto;
    padding: 0;
  }
  #wrapper #feature_content .sec2 {
    padding: 0;
    width: auto;
  }
  #wrapper #feature_content .sec3 {
    display: block;
    margin-bottom: 3rem;
    padding: 0rem;
  }
  #wrapper #feature_content .sec3 + .sec2 {
    opacity: 1;
  }
  #wrapper #feature_content .sec3 .photo {
    width: auto;
  }
  #wrapper #feature_content .sec3 .text {
    padding: 3rem 0rem;
  }
  #wrapper #feature_content .text {
    padding: 3rem 0;
  }
  #wrapper #feature_content .text > p {
    margin-top: 1rem;
  }
  #wrapper #feature_content .text h6 {
    margin-bottom: 2rem;
  }
  #wrapper #feature_content .text h6 span {
    display: block;
    line-height: 1.5em;
    margin-top: 0.5rem;
  }
  #wrapper #feature_content .photos {
    display: block;
  }
  #wrapper #feature_content .photos div:nth-child(2) {
    margin-left: 0;
    margin-top: 1rem;
  }
  #wrapper #service {
    padding: 3rem 1rem 0 1rem;
  }
  #wrapper #service .title {
    padding: 5vh 0 4vh 0;
  }
  #wrapper #service .title:after {
    width: 10%;
  }
  #wrapper #service ul {
    display: block;
    padding: 2rem 0 0 0;
  }
  #wrapper #service ul li:nth-child(odd) {
    margin-right: 0;
  }
  #wrapper #service ul li:nth-child(2n) {
    -webkit-transform: none;
            transform: none;
  }
  #wrapper #service ul li a > p {
    font-size: 3.5vw;
    line-height: 2em;
    padding: 10px 0;
  }
  #wrapper #service ul li a > span {
    font-size: 3vw;
    min-height: 3em;
  }
  #wrapper .serviceKV {
    width: 100%;
    overflow-x: hidden;
  }
  #wrapper .serviceKV img {
    width: 200%;
    margin-left: -50vw;
  }
  #wrapper #infomation {
    padding: 3rem 1rem 0 1rem;
  }
  #wrapper #infomation .title {
    padding: 3vh 0;
  }
  #wrapper #infomation ul {
    display: block;
  }
  #wrapper #infomation ul li {
    display: block;
  }
  #wrapper #infomation ul li:first-child {
    margin-right: 0;
  }
  #wrapper #infomation ul li dl dt {
    padding: 1.5rem 1rem;
  }
  #wrapper #infomation ul li dl dd a {
    padding: 1.5rem 1rem;
  }
  #wrapper #join {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    overflow: hidden;
    margin: 5rem 0;
  }
  #wrapper #join .content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 3rem 1rem 3rem 1rem;
    width: auto;
  }
  #wrapper #join .content .more {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    right: 2rem;
    bottom: 25%;
  }
  #wrapper #join .cover {
    height: auto;
  }
  #wrapper #join .cover img {
    width: 100%;
    height: auto;
    position: relative;
  }
  #wrapper #footer_content {
    margin: 0 1rem 0 1rem;
    padding: 0;
  }
  #wrapper #footer_content dl dt {
    margin: 3vh 0;
  }
  #wrapper #footer_content dl dd {
    margin-bottom: 2vh;
    line-height: 1.6em;
  }
  #wrapper #footer_content dl dd table {
    width: 100%;
    margin: 1rem 0;
  }
  #wrapper #reservation .content {
    padding: 2rem;
    top: calc(50% + 40px);
  }
  #wrapper #reservation .content > a.personal {
    padding: 0 3rem 1rem 3rem;
    margin-bottom: 3rem;
  }
  #wrapper #reservation .content > a .title span {
    display: block;
    min-width: 6rem;
  }
  #wrapper #reservation .content > a > p.link {
    margin-bottom: 1.5rem;
  }
  #wrapper #info_list {
    width: auto;
    margin: 3rem 1rem;
  }
  #wrapper #info_list .info_list_content {
    display: block;
  }
  #wrapper #info_list .info_list_content .info_list_menu {
    margin-right: 0;
  }
  #wrapper #info_list .info_list_content .info_list_menu ul li {
    display: inline-block;
    margin-right: 1rem;
  }
  #wrapper #info_list .info_list_content .info_list ul {
    margin-top: 2rem;
  }
  #wrapper #info_list .info_list_content .info_list ul li {
    padding: 1.2rem 0;
  }
  #wrapper #info_list .info_list_content .info_list ul li a {
    padding: 0 0.5rem;
  }
  #wrapper #info_list .info_list_content .info_list ul li a > p {
    font-size: 1.2rem;
    padding-top: 1rem;
  }
  #wrapper #info_list .info_list_content .info_list ul li a > p span {
    padding-top: 0.5rem;
  }
  #wrapper #infomation_content {
    width: auto;
    margin: 3rem 1rem;
  }
  #wrapper #infomation_content .infomation_content {
    display: block;
    padding-top: 2rem;
  }
  #wrapper #infomation_content .infomation_content .backBtn {
    margin-bottom: 2rem;
    margin-right: 0;
    display: inline-block;
  }
  #wrapper #infomation_content .infomation_content .backBtn .back {
    font-size: 1rem;
  }
  #wrapper #infomation_content .infomation_content .content .top > p {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    font-weight: 700;
    font-size: 1.2rem;
  }
  #wrapper #infomation_content .infomation_content .content .btm ul li {
    font-size: 1rem;
    line-height: 1.5em;
  }
  #wrapper #infomation_content .infomation_content .content .btm p {
    font-size: 1rem;
  }
  #wrapper #join_content {
    padding-top: 0;
    padding-right: 2rem;
  }
  #wrapper #join_content .join_content {
    padding-top: 0;
    width: auto;
  }
  #wrapper #join_content .join_content .cover {
    overflow-x: hidden;
  }
  #wrapper #join_content .join_content .cover img {
    width: 200%;
    margin-left: -50vw;
  }
  #wrapper #join_content .join_content .content {
    padding: 3rem 0rem;
  }
  #wrapper #join_content .join_content .content h6 {
    line-height: 1.5em;
    margin-bottom: 2rem;
  }
  #wrapper #join_content .join_content .content > p {
    line-height: 1.8em;
  }
  #wrapper #join_content .join_content .content .list {
    margin-top: 2rem;
    padding-bottom: 3rem;
    margin-bottom: 3rem;
  }
  #wrapper #join_content .join_content .content .list > p {
    font-size: 1rem;
  }
  #wrapper #join_content .join_content .content .list2 {
    margin-top: 1rem;
  }
  #wrapper #price_content {
    width: auto;
    padding: 3rem 2rem 3rem 1rem;
    margin: 0;
  }
  #wrapper #price_content .top {
    padding: 0 0 1rem 0;
  }
  #wrapper #price_content .top h6 p:before {
    height: 0.5rem;
    top: 0.5rem;
  }
  #wrapper #price_content .top h6 span {
    margin-left: 0.5rem;
    line-height: 1.5em;
  }
  #wrapper #price_content .top2 {
    padding: 1rem 0;
  }
  #wrapper #price_content ul {
    display: block;
  }
  #wrapper #price_content ul li {
    width: auto;
    max-width: inherit;
    margin-bottom: 5rem;
  }
  #wrapper #price_content ul li:nth-child(odd) {
    margin-right: 0;
  }
  #wrapper #price_content ul li .tb .title {
    font-size: 1rem;
  }
  #wrapper #price_content ul li .tb .cloum .date {
    font-size: 0.8rem;
    padding: 0.5rem 0;
  }
  #wrapper #price_content ul li .tb .cloum .price.oneline h6 {
    padding: 0.5rem 0.1rem;
  }
  #wrapper #price_content ul li .tb .cloum .price h6 {
    font-size: 1.8rem;
    padding: 1rem 0.1rem;
  }
  #wrapper #price_content ul li .tb .cloum .price p {
    font-size: 0.8rem;
  }
  #wrapper #terms {
    padding: 0;
  }
  #wrapper #terms section {
    padding: 3rem 0;
  }
  #wrapper #date_table table th {
    font-size: 0.8rem;
  }
  #wrapper #date_table table td {
    font-size: 0.8rem;
  }
  #wrapper #bookComplete {
    padding: 3rem 1rem;
    width: auto;
  }
  #wrapper #bookComplete .title p {
    font-size: 1rem;
    padding: 1rem 0;
  }
  #wrapper #bookComplete .menu {
    margin: 1.5rem 0;
  }
  #wrapper #bookComplete .menu ul {
    text-align: center;
  }
  #wrapper #bookComplete .menu ul li {
    margin: 0;
  }
  #wrapper #bookComplete .menu ul li a {
    font-size: 0.8rem;
    padding: 1rem 0.5rem;
  }
  #wrapper #bookComplete .menu ul li a:before {
    display: none;
  }
  #wrapper #bookComplete .menu ul li a:after {
    display: none;
  }
  #wrapper #bookComplete section#p3 {
    padding-bottom: 0;
  }
  #wrapper #bookComplete section#p4 {
    margin-bottom: 0rem;
  }
  #wrapper #bookComplete section .place {
    display: block;
  }
  #wrapper #bookComplete section .place > div {
    margin-bottom: 2rem;
  }
  #wrapper #bookComplete section > h6 {
    padding-bottom: 1.5rem;
  }
  #wrapper #bookComplete section > div {
    padding: 0;
    font-size: 0.9rem;
  }
  #wrapper #bookComplete section > div b {
    margin-top: 1.5rem;
  }
  #wrapper #bookComplete section > div table {
    width: 100%;
    margin: 1rem 0;
  }
  #wrapper #bookComplete section > div ul li {
    padding: 0.3rem 0;
  }
  #wrapper #formPop .content {
    padding: 3rem 1rem;
    width: 96%;
  }
  #wrapper #formPop .content .agree {
    margin-top: 3rem;
  }
  #wrapper #formPop .content .agree a {
    display: inline-block;
    padding: 0.5rem 2rem;
    background-color: #000;
    color: #fff;
  }
  #wrapper #form {
    width: auto;
  }
  #wrapper #form .title {
    font-size: 1rem;
    padding-bottom: 2rem;
  }
  #wrapper #form .title span {
    display: block;
  }
  #wrapper #form > section {
    padding: 2rem 1rem 2rem 1rem;
  }
  #wrapper #form > section#step2 ul li {
    display: block;
  }
  #wrapper #form > section#step2 ul li .data {
    margin-top: 1rem;
  }
  #wrapper #form > section#step2 ul li .data dl:before {
    display: none;
  }
  #wrapper #form > section#step2 ul li .data dl dd {
    margin-bottom: 0.5rem;
  }
  #wrapper #form > section .nextBtn {
    padding: 6rem 0;
    text-align: center;
  }
  #wrapper #form > section ul {
    width: auto;
  }
  #wrapper #form > section ul li {
    padding: 1.5rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #wrapper #form > section ul li .dataName {
    margin-right: 0.5rem;
    font-size: 0.8rem;
  }
  #wrapper #form > section ul li .data input {
    font-size: 1rem;
  }
  #wrapper #form > section ul li .data dl dd label {
    margin-right: 0.5rem;
  }
}