@charset "UTF-8";
/**@mixin en{
	font-family: "century-gothic", sans-serif;
	font-weight: 700;
	font-style: normal;
}**/
html {
  overflow-y: scroll; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

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

fieldset, img {
  border: 0; }

img {
  vertical-align: bottom; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

li {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

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

abbr, acronym {
  border: 0;
  font-variant: normal; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

/*to enable resizing for IE*/
input, textarea, select {
  *font-size: 100%; }

/*because legend doesn't inherit in IE */
legend {
  color: #000; }

del, ins {
  text-decoration: none; }

/**********************************

SLIDESHOW

**********************************/
.slide {
  width: 100%;
  padding-top: 3rem;
  padding-bottom: 0;
  max-width: 80rem;
  margin: auto; }
  .slide .slick-dots {
    bottom: -4rem;
    display: flex;
    justify-content: center; }
    .slide .slick-dots li {
      width: 1.5rem;
      height: 1.5rem;
      background: #b6b6b6;
      text-indent: -9999px;
      border-radius: 50%; }
      .slide .slick-dots li button {
        display: none; }
      .slide .slick-dots li.slick-active {
        background: #705914; }
  .slide .slick-prev,
  .slide .slick-next {
    height: 6rem;
    width: 6rem;
    background: rgba(112, 89, 20, 0.6);
    position: absolute;
    top: 50%;
    z-index: 5;
    border-radius: 50%;
    text-align: center;
    opacity: 0.7;
    transition: 0.5s; }
    .slide .slick-prev:before,
    .slide .slick-next:before {
      content: "";
      width: 1.2rem;
      height: 1.2rem;
      border-bottom: 1px solid #fff;
      border-right: 1px solid #fff;
      position: absolute;
      top: 50%; }
    .slide .slick-prev:hover,
    .slide .slick-next:hover {
      opacity: 1 !important; }
  .slide .slick-prev {
    left: 0;
    transform: translateX(-50%) translateY(-25%); }
    .slide .slick-prev:before {
      transform: translateX(-25%) translateY(-50%) rotate(135deg); }
  .slide .slick-next {
    right: 0;
    transform: translateX(50%) translateY(-25%); }
    .slide .slick-next:before {
      transform: translateX(-75%) translateY(-50%) rotate(-45deg); }
  @media screen and (max-width: 600px) {
    .slide .img img {
      width: 100%;
      height: 40rem;
      object-fit: cover; } }
  @media screen and (max-width: 500px) {
    .slide .img img {
      width: 100%;
      height: 35rem;
      object-fit: cover; } }

/**********************************

SLIDESHOW

**********************************/
.sub-nav {
  background: #d9d9d9; }
  .sub-nav ul {
    margin: auto;
    max-width: 1000px;
    display: flex;
    flex-wrap: wrap;
    width: 90%;
    padding: 1.5rem 0;
    justify-content: center; }
    .sub-nav ul li {
      width: 50%;
      max-width: 350px;
      box-sizing: border-box;
      padding: 1rem; }
      .sub-nav ul li a {
        display: block;
        width: 100%;
        height: 6.5rem;
        box-sizing: border-box;
        border-radius: 0.6rem;
        border: 1px solid rgba(255, 255, 255, 0.9);
        position: relative;
        transition: filter 0.5s; }
        .sub-nav ul li a .copy {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translateX(-50%) translateY(-50%);
          white-space: nowrap;
          text-align: center; }
          .sub-nav ul li a .copy .kana {
            font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
            -webkit-font-smoothing: antialiased;
            font-feature-settings: "palt";
            font-weight: 300;
            font-size: 2.4rem;
            line-height: 1.1;
            color: #fff;
            display: block; }
          .sub-nav ul li a .copy .en {
            font-family: trajan-pro-3, serif;
            font-weight: 400;
            font-style: normal;
            font-size: 1.2rem;
            line-height: 1.1;
            color: #fff;
            display: block; }
          @media screen and (max-width: 500px) {
            .sub-nav ul li a .copy {
              left: 45%; } }
        .sub-nav ul li a .cercle {
          position: absolute;
          top: 50%;
          right: 1.5rem;
          transform: translateY(-50%);
          width: 2.5rem;
          height: 2.5rem;
          box-sizing: border-box;
          border: 1px solid rgba(255, 255, 255, 0.6);
          background: rgba(0, 0, 0, 0.3);
          border-radius: 50%; }
        .sub-nav ul li a:before, .sub-nav ul li a:after {
          content: "";
          position: absolute; }
        .sub-nav ul li a:before {
          width: 0.7rem;
          height: 0.7rem;
          border-right: 1px solid #fff;
          border-bottom: 1px solid #fff;
          top: 50%;
          right: 1.9rem;
          z-index: 4;
          transform: translateX(-50%) translateY(-50%) rotate(45deg); }
        .sub-nav ul li a:after {
          width: 1px;
          height: 1.1rem;
          background: #fff;
          top: 50%;
          right: 2.6rem;
          z-index: 4;
          transform: translateY(-50%); }
        .sub-nav ul li a:hover {
          filter: brightness(1.3); }
      .sub-nav ul li.common-btn a {
        background: linear-gradient(to right, #877842, #e0b930); }
      .sub-nav ul li.equipment-btn a {
        background: linear-gradient(to right, #1a676a, #37aaae); }

.sup-midashi {
  border-top: 1px solid #705914;
  border-bottom: 1px solid #705914;
  padding: 2rem 0;
  text-align: center;
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "palt";
  font-weight: 300; }
  .sup-midashi .furi {
    display: block;
    text-align: center;
    font-size: 1.8rem;
    line-height: 1.4;
    margin-top: 0.5rem; }
  .sup-midashi .kana {
    font-size: 1.8rem;
    line-height: 1.4;
    font-size: 3.6rem;
    color: #705914; }

.sup-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }
  .sup-box .img {
    margin-top: 6rem;
    width: 54%; }
  .sup-box .txt-box {
    width: 42%;
    padding-top: 2rem; }
    .sup-box .txt-box .komidashi {
      margin-top: 4rem;
      color: #705914; }
    .sup-box .txt-box .lead {
      margin-top: 1rem; }
  @media screen and (max-width: 600px) {
    .sup-box {
      display: block; }
      .sup-box .img {
        margin-top: 4rem;
        width: 100%; }
      .sup-box .txt-box {
        width: 100%;
        padding-top: 1rem; }
        .sup-box .txt-box .komidashi {
          margin-top: 3rem; } }

.inner.wide-box {
  max-width: 1100px;
  padding: 0 !important; }
.inner .lead.center {
  text-align: center;
  margin-top: 3rem; }
.inner .note.center {
  text-align: center;
  margin-top: 3rem; }

.common01 {
  background: #f0ece9; }
  .common01 .inner {
    padding: 8rem 0 6rem; }
  .common01 .fix01 {
    display: flex;
    justify-content: space-between;
    padding-top: 2rem; }
    .common01 .fix01 .left {
      width: 30%;
      margin-top: 3rem; }
      .common01 .fix01 .left .lead {
        text-align: left; }
    .common01 .fix01 .right {
      margin-top: 3rem;
      width: 65%;
      box-sizing: border-box;
      background: #8a817b;
      padding: 3rem;
      display: flex;
      justify-content: space-between; }
      .common01 .fix01 .right .copy {
        width: 30%;
        text-align: center;
        color: #fff; }
        .common01 .fix01 .right .copy .en {
          border-top: 1px solid rgba(255, 255, 255, 0.5);
          border-bottom: 1px solid rgba(255, 255, 255, 0.5);
          padding: 2rem 0;
          margin-bottom: 1.8rem;
          font-size: 2rem;
          display: block; }
        .common01 .fix01 .right .copy .kana {
          font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
          -webkit-font-smoothing: antialiased;
          font-feature-settings: "palt";
          font-weight: 300;
          font-size: 2rem; }
      .common01 .fix01 .right .img {
        width: 65%; }
  @media screen and (max-width: 768px) {
    .common01 .inner {
      padding: 5rem 0; }
    .common01 .fix01 {
      display: flex;
      flex-wrap: wrap; }
      .common01 .fix01 .left {
        width: 100%;
        margin-top: 0; }
      .common01 .fix01 .right {
        margin-top: 3rem;
        width: 100%; } }
  @media screen and (max-width: 500px) {
    .common01 .inner {
      padding: 5rem 0; }
    .common01 .fix01 .right {
      display: block; }
      .common01 .fix01 .right .copy {
        width: 100%; }
      .common01 .fix01 .right .img {
        width: 100%;
        margin-top: 2.5rem; } }

.common02 .inner {
  padding: 8rem 0 6rem; }
.common02 .com02 {
  padding-top: 3rem; }
@media screen and (max-width: 768px) {
  .common02 .inner {
    padding: 5rem 0; } }

.common03 {
  background: #f0ece9; }
  .common03 .inner {
    padding: 8rem 0 6rem; }
  .common03 .com03 {
    padding-top: 3rem; }
  .common03 .slide .slide-common {
    display: flex;
    flex-wrap: wrap; }
    .common03 .slide .slide-common .img {
      width: 57.5%; }
      .common03 .slide .slide-common .img img {
        width: 100%;
        height: 30rem; }
    .common03 .slide .slide-common .copy {
      width: 42.5%;
      background: #fff;
      box-sizing: border-box;
      padding: 4rem 3rem; }
      .common03 .slide .slide-common .copy .ttl {
        font-size: 2.4rem;
        margin-bottom: 1rem;
        color: #705914; }
  @media screen and (max-width: 768px) {
    .common03 .inner {
      padding: 5rem 0; } }
  @media screen and (max-width: 600px) {
    .common03 .inner {
      padding: 5rem 0; }
    .common03 .slide .slide-common .img {
      width: 100%; }
      .common03 .slide .slide-common .img img {
        width: 100%;
        height: 30rem; }
    .common03 .slide .slide-common .copy {
      width: 100%; } }

.main-eq .page-name .en {
  color: #6da8aa; }
.main-eq:after {
  background: url("../images/common/main-bg.jpg") center top;
  background-size: cover; }

.equipment01 {
  background: #e9f0ee; }
  .equipment01 .plan {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .equipment01 .plan .spec {
      width: 40%; }
      .equipment01 .plan .spec .ttl {
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        padding: 2rem 0;
        margin-bottom: 2rem;
        font-size: 1.6rem;
        line-height: 1.3; }
        .equipment01 .plan .spec .ttl b {
          font-weight: lighter;
          font-size: 3rem; }
    .equipment01 .plan .common-btn {
      margin-top: 4rem; }
      .equipment01 .plan .common-btn a {
        display: block;
        box-sizing: border-box;
        border: 2px solid #a4212c;
        text-align: center;
        color: #a4212c;
        font-size: 1.6rem;
        line-height: 1.5;
        text-decoration: none;
        background: #fff;
        padding: 1rem 0.5rem;
        transition: opacity 0.5s; }
        .equipment01 .plan .common-btn a:hover {
          opacity: 0.5; }
    .equipment01 .plan .zumen {
      width: 55%; }
  @media screen and (max-width: 500px) {
    .equipment01 .plan .spec {
      width: 100%; }
    .equipment01 .plan .zumen {
      width: 100%;
      margin-top: 3rem; } }

.eq-midashi {
  border-top: 1px solid #705914;
  border-bottom: 1px solid #705914;
  padding: 1.5rem 0;
  text-align: center;
  margin-top: 5rem;
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "palt";
  font-weight: 300; }
  .eq-midashi .en {
    display: block;
    text-align: center;
    font-size: 2.8rem;
    line-height: 1.4;
    font-family: trajan-pro-3, serif;
    font-weight: 400;
    font-style: normal;
    color: #6da9ab; }
  .eq-midashi .kana {
    line-height: 1.4;
    font-size: 1.4rem;
    color: #000; }

.eq-list01 {
  padding-top: 3rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .eq-list01 li {
    margin-top: 2.5rem;
    width: 31%; }
    .eq-list01 li .eq-ttl {
      font-size: 1.6rem;
      text-align: left;
      padding-left: 2.5rem;
      margin-top: 1rem;
      position: relative; }
      .eq-list01 li .eq-ttl .num {
        position: absolute;
        width: 2rem;
        height: 2rem;
        font-size: 1.5rem;
        text-align: center;
        line-height: 2rem;
        color: #fff;
        left: 0;
        top: 0.1rem; }
        .eq-list01 li .eq-ttl .num.gr {
          background: #018888; }
        .eq-list01 li .eq-ttl .num.red {
          background: #a4212c; }
  @media screen and (max-width: 600px) {
    .eq-list01 li {
      width: 48%; } }

.eq-list02 {
  padding-top: 3rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .eq-list02:after {
    content: "";
    width: 22%; }
  .eq-list02 li {
    margin-top: 2.5rem;
    width: 22%; }
    .eq-list02 li .ttl {
      font-size: 1.7rem;
      color: #6da9ab;
      margin-top: 1rem; }
    .eq-list02 li .lead {
      font-size: 1.4rem !important;
      margin-top: 0.5rem; }
  @media screen and (max-width: 600px) {
    .eq-list02 li {
      width: 48%; } }

.equipment02 .inner {
  padding-top: 2rem; }