@import "https://fonts.googleapis.com/css?family=Noto+Sans:400,700";
/* line 1, reset.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
/* line 22, reset.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* line 26, reset.scss */
body {
  line-height: 1.1;
}

/* line 29, reset.scss */
ol, ul {
  list-style: none;
}

/* line 32, reset.scss */
blockquote, q {
  quotes: none;
}

/* line 35, reset.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* line 40, reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*mediaquery*/
/*set*/
/*margin*/
/* line 63, reset.scss */
.mauto {
  margin: 0 auto;
}

/* line 64, reset.scss */
.mt0 {
  margin-top: 0;
}

/* line 65, reset.scss */
.mt05 {
  margin-top: 0.5em;
}

/* line 66, reset.scss */
.mt1 {
  margin-top: 1em;
}

/* line 67, reset.scss */
.mt2 {
  margin-top: 2em;
}

/* line 68, reset.scss */
.mb0 {
  margin-bottom: 0;
}

/* line 69, reset.scss */
.mb05 {
  margin-bottom: 0.5em;
}

/* line 70, reset.scss */
.mb1 {
  margin-bottom: 1em;
}

/* line 71, reset.scss */
.mb2 {
  margin-bottom: 2em;
}

/* line 72, reset.scss */
.mr0 {
  margin-right: 0;
}

/* line 73, reset.scss */
.mr05 {
  margin-right: 0.5em;
}

/* line 74, reset.scss */
.mr1 {
  margin-right: 1em;
}

/* line 75, reset.scss */
.mr2 {
  margin-right: 2em;
}

/* line 76, reset.scss */
.ml0 {
  margin-left: 0;
}

/* line 77, reset.scss */
.ml05 {
  margin-left: 0.5em;
}

/* line 78, reset.scss */
.ml1 {
  margin-left: 1em;
}

/* line 79, reset.scss */
.ml2 {
  margin-left: 2em;
}

/*width*/
/* line 82, reset.scss */
.w100 {
  width: 100%;
}

/* line 83, reset.scss */
.w90 {
  width: 90%;
}

/* line 84, reset.scss */
.w80 {
  width: 80%;
}

/* line 85, reset.scss */
.w70 {
  width: 70%;
}

/* line 86, reset.scss */
.w60 {
  width: 60%;
}

/* line 87, reset.scss */
.w55 {
  width: 55%;
}

/* line 88, reset.scss */
.w50 {
  width: 50%;
}

/* line 89, reset.scss */
.w45 {
  width: 45%;
}

/* line 90, reset.scss */
.w40 {
  width: 40%;
}

/* line 91, reset.scss */
.w35 {
  width: 35%;
}

/* line 92, reset.scss */
.w30 {
  width: 30%;
}

/* line 93, reset.scss */
.w20 {
  width: 20%;
}

/* line 94, reset.scss */
.w10 {
  width: 10%;
}

@media screen and (max-width: 640px) {
  /* line 96, reset.scss */
  .w100, .w90, .w80, .w70, .w60, .w55, .w50, .w45, .w40, .w35, .w30, .w20, .w10 {
    width: 100%;
  }
}

/*img*/
/* line 103, reset.scss */
img {
  display: block;
}

/*text*/
/* line 106, reset.scss */
.txtc {
  text-align: center;
}

/* line 107, reset.scss */
.txtr {
  text-align: right;
}

/* line 108, reset.scss */
.txtl {
  text-align: left;
}

/*font-size*/
/* line 111, reset.scss */
.fs15 {
  font-size: 1.5em;
}

/* line 112, reset.scss */
.fs13 {
  font-size: 1.3em;
}

/* line 113, reset.scss */
.fs09 {
  font-size: 0.9em;
}

/* line 114, reset.scss */
.fs08 {
  font-size: 0.8em;
}

/*float*/
/* line 117, reset.scss */
.fl {
  float: left;
}
@media screen and (max-width: 640px) {
  /* line 117, reset.scss */
  .fl {
    float: none;
  }
}

/* line 124, reset.scss */
.fr {
  float: right;
}
@media screen and (max-width: 640px) {
  /* line 124, reset.scss */
  .fr {
    float: none;
  }
}

/*mediaquery*/
/* -------------------------------- 
Primary style
-------------------------------- */
/* line 38, style.scss */
*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 44, style.scss */
a {
  color: #444;
  text-decoration: none;
}

/* -------------------------------- 
Main components 
-------------------------------- */
/* line 52, style.scss */
html {
  min-height: 100%;
  position: relative;
}

/* line 57, style.scss */
body {
  color: #111;
  font-family: "Hiragino Kaku Gothic ProN", "Meiryo", "MS Gothic", Arial, Helvetica, sans-serif;
  font-size: 16px;
  letter-spacing: 0.05em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 63, style.scss */
header {
  position: fixed;
  padding: 25px 5%;
  width: 100%;
  height: 84px;
  background: #fff;
  z-index: 3;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
/* line 73, style.scss */
header h1 {
  float: left;
  margin: 0;
  width: 200px;
}
/* line 78, style.scss */
header h1 img {
  display: block;
  margin: 0 auto;
  width: 100%;
}
/* line 83, style.scss */
header h1 a {
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
/* line 87, style.scss */
header h1 a:hover {
  opacity: 0.85;
}
/* line 92, style.scss */
header div.headermail {
  position: absolute;
  display: block;
  top: 22px;
  right: calc(5% + 52px);
  width: 44px;
  height: 44px;
  border-radius: 22px;
  background: #eee;
}
/* line 103, style.scss */
header div.headermail i {
  color: #000;
  font-size: 22px;
  line-height: 44px;
}
/* line 108, style.scss */
header div.headermail ul {
  display: none;
  position: absolute;
  margin-top: 64px;
  padding: 4px 12px;
  left: -90px;
  font-size: 14px;
  text-align: center;
  border-radius: 12px;
  background: #eee;
}
/* line 119, style.scss */
header div.headermail ul li {
  background: #eee;
}
/* line 122, style.scss */
header div.headermail ul li:first-child {
  border-bottom: 1px dashed #410908;
}
/* line 125, style.scss */
header div.headermail ul li a {
  display: inline-block;
  padding: 12px 0;
  width: 200px;
}
/* line 129, style.scss */
header div.headermail ul li a:hover {
  font-weight: bold;
}
/* line 135, style.scss */
header div.headermail ul:before {
  background: url("../img/bk_arrow.png") no-repeat 0px center;
  content: "";
  margin: -22px auto 0px;
  display: block;
  height: 20px;
  width: 100%;
}
/* line 145, style.scss */
header div.headermail:hover {
  background: #ddd;
}
/* line 149, style.scss */
header div.headermail:hover ul {
  display: block;
  margin-top: 54px;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
}
/* line 159, style.scss */
header a.headertelicon {
  position: absolute;
  display: none;
  top: 22px;
  right: calc(5% + 104px);
  width: 44px;
  height: 44px;
  border-radius: 22px;
  background: #eee;
}
/* line 169, style.scss */
header a.headertelicon i {
  color: #000;
  font-size: 22px;
  line-height: 44px;
}
/* line 174, style.scss */
header a.headertelicon:hover {
  background: #ddd;
}
@media screen and (max-width: 640px) {
  /* line 159, style.scss */
  header a.headertelicon {
    display: block;
  }
}
/* line 181, style.scss */
header a.headertel {
  float: right;
  margin-right: 156px;
  width: 200px;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
/* line 188, style.scss */
header a.headertel img {
  width: 100%;
}
/* line 191, style.scss */
header a.headertel:hover {
  opacity: 0.85;
}
@media screen and (max-width: 640px) {
  /* line 181, style.scss */
  header a.headertel {
    display: none;
  }
}
/* line 198, style.scss */
header a.headerinsta {
  position: absolute;
  display: block;
  top: 22px;
  right: calc(5% + 104px);
  width: 44px;
  height: 44px;
  text-align: center;
  border-radius: 22px;
  background: #eee;
}
/* line 209, style.scss */
header a.headerinsta:hover {
  background: #ddd;
}
/* line 213, style.scss */
header a.headerinsta i {
  color: #000;
  font-size: 24px;
  line-height: 44px;
}
@media screen and (max-width: 640px) {
  /* line 222, style.scss */
  header h1 {
    margin: 0;
    width: auto;
  }
  /* line 226, style.scss */
  header h1 img {
    width: auto;
    height: 44px;
    padding: 8px 0;
  }
}

/* line 235, style.scss */
.fixed {
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px rgba(0, 0, 0, 0.1);
  /*
  	box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.1);
  	-webkit-box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.1);
  	-moz-box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.1);
  	*/
}

/*nav-trigger*/
/* line 246, style.scss */
.nav-trigger {
  position: fixed;
  display: inline-block;
  top: 22px;
  right: 5%;
  height: 44px;
  width: 44px;
  z-index: 10;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
/* line 259, style.scss */
.nav-trigger .icon {
  /* icon created in CSS */
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: inline-block;
  width: 18px;
  height: 3px;
  background-color: #000;
  z-index: 11;
}
/* line 277, style.scss */
.nav-trigger .icon::before, .nav-trigger .icon:after {
  /* upper and lower lines of the menu icon */
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* apply transition to transform property */
  -webkit-transition: -webkit-transform .3s;
  -moz-transition: -moz-transform .3s;
  transition: transform .3s;
}
/* line 298, style.scss */
.nav-trigger .icon::before {
  -webkit-transform: translateY(-6px) rotate(0deg);
  -moz-transform: translateY(-6px) rotate(0deg);
  -ms-transform: translateY(-6px) rotate(0deg);
  -o-transform: translateY(-6px) rotate(0deg);
  transform: translateY(-6px) rotate(0deg);
  content: '';
}
/* line 306, style.scss */
.nav-trigger .icon::after {
  -webkit-transform: translateY(6px) rotate(0deg);
  -moz-transform: translateY(6px) rotate(0deg);
  -ms-transform: translateY(6px) rotate(0deg);
  -o-transform: translateY(6px) rotate(0deg);
  transform: translateY(6px) rotate(0deg);
  content: '';
}
/* line 316, style.scss */
.nav-trigger::before, .nav-trigger::after {
  /* 2 rounded colored backgrounds for the menu icon */
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
}
/* line 336, style.scss */
.nav-trigger::before {
  background-color: #eee;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
  content: '';
}
/* line 351, style.scss */
.nav-trigger:hover::before {
  background-color: #ddd;
}
/* line 354, style.scss */
.nav-trigger::after {
  background-color: #eee;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
  content: '';
}
/* line 369, style.scss */
.nav-trigger:hover::after {
  background-color: #ddd;
}
/* line 374, style.scss */
.nav-trigger.close-nav::before {
  /* user clicks on the .nav-trigger element - 1st rounded background disappears */
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  content: '';
}
/* line 383, style.scss */
.nav-trigger.close-nav::after {
  /* user clicks on the .nav-trigger element - 2nd rounded background appears */
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
  content: '';
}
/* line 398, style.scss */
.nav-trigger.close-nav .icon {
  /* user clicks on the .nav-trigger element - transform the icon */
  background-color: rgba(255, 255, 255, 0);
}
/* line 402, style.scss */
.nav-trigger.close-nav .icon::before, .nav-trigger.close-nav .icon::after {
  background-color: #000;
}
/* line 406, style.scss */
.nav-trigger.close-nav .icon::before {
  -webkit-transform: translateY(0) rotate(45deg);
  -moz-transform: translateY(0) rotate(45deg);
  -ms-transform: translateY(0) rotate(45deg);
  -o-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
  content: '';
}
/* line 415, style.scss */
.nav-trigger.close-nav .icon::after {
  -webkit-transform: translateY(0) rotate(-45deg);
  -moz-transform: translateY(0) rotate(-45deg);
  -ms-transform: translateY(0) rotate(-45deg);
  -o-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
  content: '';
}

/*.nav-trigger*/
/* line 427, style.scss */
.primary-nav {
  /* by default it's hidden */
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  padding: 80px 5%;
  z-index: 9;
  background-color: #3c6b5c;
  overflow: auto;
  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: touch;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s, opacity 0.3s;
  -moz-transition: visibility 0s, opacity 0.3s;
  transition: visibility 0s, opacity 0.3s;
}
/* line 446, style.scss */
.primary-nav p {
  padding-top: 2em;
  color: #a6d5c3;
  text-align: center;
  font-size: 0.9em;
}
/* line 452, style.scss */
.primary-nav li {
  margin: 0.8em 0;
  text-align: center;
  text-transform: capitalize;
  color: #fff;
}
/* line 458, style.scss */
.primary-nav a {
  color: #fff;
  font-size: 18px;
  font-size: 1.3em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s;
}
/* line 468, style.scss */
.primary-nav a:hover {
  color: #f2f597;
  text-decoration: none;
}
/* line 473, style.scss */
.no-touch .primary-nav a:hover {
  color: #f2f597;
}
/* line 476, style.scss */
.primary-nav.fade-in {
  /* navigation visible at the end of the circle animation */
  visibility: visible;
  opacity: 1;
}
@media screen and (max-width: 1350px) {
  /* line 427, style.scss */
  .primary-nav {
    padding: 50px 5%;
  }
}
@media screen and (max-width: 640px) {
  /* line 427, style.scss */
  .primary-nav {
    top: -16px;
  }
  /* line 489, style.scss */
  .primary-nav p {
    padding-top: 0.5em;
    font-size: 0.75em;
  }
  /* line 493, style.scss */
  .primary-nav li {
    margin: 0.5em 0;
    line-height: 1.6;
  }
  /* line 497, style.scss */
  .primary-nav a {
    font-size: 1em;
  }
}

/* line 504, style.scss */
.overlay-nav, .overlay-content {
  /* containers of the 2 main rounded backgrounds - these containers are used to position the rounded bgs behind the menu icon */
  z-index: 6;
  position: fixed;
  top: 18px;
  right: 5%;
  height: 4px;
  width: 4px;
  -webkit-transform: translateX(-20px) translateY(20px);
  -moz-transform: translateX(-20px) translateY(20px);
  -ms-transform: translateX(-20px) translateY(20px);
  -o-transform: translateX(-20px) translateY(20px);
  transform: translateX(-20px) translateY(20px);
}
/* line 518, style.scss */
.overlay-nav span, .overlay-content span {
  background-color: #3c6b5c;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
/* line 543, style.scss */
.overlay-nav.is-hidden, .is-hidden.overlay-content {
  /* background fades out at the end of the animation */
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}

/* line 553, style.scss */
.overlay-content {
  z-index: 9;
}
/* line 557, style.scss */
.overlay-content span {
  background-color: #fff;
}

/* line 562, style.scss */
footer {
  position: absolute;
  background: #111;
  width: 100%;
  height: 70px;
  line-height: 70px;
  clear: both;
}
/* line 570, style.scss */
footer p {
  margin: 0;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 768px) {
  /* line 562, style.scss */
  footer {
    bottom: 0;
  }
}

/* line 581, style.scss */
.page__top {
  display: none;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 80px;
  height: 70px;
  font-size: 14px;
  line-height: 70px;
  text-align: center;
  z-index: 3;
}
/* line 593, style.scss */
.page__top a {
  display: block;
  color: #fff;
  background: #44344f;
}
/* line 597, style.scss */
.page__top a:hover {
  background: rgba(68, 52, 79, 0.8);
  color: #fff;
  text-decoration: none;
}

/* line 605, style.scss */
.spblock {
  display: none !important;
}
@media screen and (max-width: 768px) {
  /* line 605, style.scss */
  .spblock {
    display: inline-block !important;
  }
}

@media screen and (max-width: 768px) {
  /* line 613, style.scss */
  .spnone {
    display: none;
  }
}

/* line 620, style.scss */
br.spbr {
  display: none;
}
@media screen and (max-width: 640px) {
  /* line 620, style.scss */
  br.spbr {
    display: block;
  }
}

/* -------------------------------- 
pages style
-------------------------------- */
/*all pages*/
/* line 632, style.scss */
.content {
  width: 100%;
  margin: 0 auto 0;
  z-index: 1;
  /*padding-bottom:30px;*/
}
/* line 638, style.scss */
.content div.sectop {
  margin-top: -84px;
  padding-top: 84px;
  visibility: hidden;
}
/* line 643, style.scss */
.content section {
  padding: 60px 5%;
  overflow: hidden;
}
/* line 647, style.scss */
.content section .inner {
  margin: 0 auto;
  width: 100%;
  max-width: 1100px;
}
/* line 653, style.scss */
.content h2 {
  margin-bottom: 2em;
}
/* line 656, style.scss */
.content h2 img {
  max-width: 100%;
}
/* line 660, style.scss */
.content p.txt {
  font-size: 1.25em;
  line-height: 1.5em;
  letter-spacing: 0.2em;
}
/* line 665, style.scss */
.content a.btn {
  display: inline-block;
  padding: 0.5em 0.8em;
  margin: 2em 0;
  color: #000;
  font-size: 17px;
  font-weight: bolder;
  line-height: 28px;
  letter-spacing: 0.1em;
  background: #fff;
}
/* line 676, style.scss */
.content a.btn .fa-stack {
  margin-right: 0.2em;
  font-size: 15px;
}
/* line 680, style.scss */
.content a.btn .fa-stack .fa-inverse {
  color: #fff;
}
/* line 684, style.scss */
.content a.btn .btn_txt {
  vertical-align: middle;
}
/* line 687, style.scss */
.content a.btn:hover {
  background: #eee;
}
/* line 690, style.scss */
.content a.btn:hover .fa-inverse {
  color: #eee;
}
@media screen and (max-width: 1024px) {
  /* line 696, style.scss */
  .content p.txt {
    font-size: 1.15em;
  }
}
@media screen and (max-width: 768px) {
  /* line 701, style.scss */
  .content h2 {
    margin-bottom: 1.5em;
  }
  /* line 704, style.scss */
  .content p.txt {
    line-height: 1.3em;
  }
  /* line 707, style.scss */
  .content a.btn {
    font-size: 16px;
  }
  /* line 710, style.scss */
  .content a.btnmb0 {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 640px) {
  /* line 717, style.scss */
  .content section .inner {
    width: 94%;
  }
  /* line 721, style.scss */
  .content p.txt {
    font-size: 1em;
    line-height: 1.3em;
  }
  /* line 725, style.scss */
  .content a.btn {
    font-size: 14px;
  }
  /* line 728, style.scss */
  .content a.btnmb0 {
    margin-bottom: 0;
  }
}

/* -------------------------------- 
index
-------------------------------- */
/* line 739, style.scss */
section.top {
  padding: 84px 5% 0;
  /*swiper*/
  /*scroll*/
}
/* line 743, style.scss */
section.top .swiper-slide {
  text-align: center;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
/* line 759, style.scss */
section.top .swiper-slide img {
  width: 100%;
}
/* line 765, style.scss */
section.top .scroll {
  margin: 18px auto;
  padding: 8px 12px;
  width: 130px;
  border-radius: 6px;
  overflow: hidden;
}
/* line 772, style.scss */
section.top .scroll img {
  width: 100%;
}
/* line 775, style.scss */
section.top .scroll:hover {
  background: #E9E0D6;
}
@media screen and (max-width: 1350px) {
  /* line 781, style.scss */
  section.top .swiper-container {
    height: 438px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 788, style.scss */
  section.top .swiper-slide img {
    height: 100%;
  }
}
@media screen and (max-width: 768px) {
  /* line 739, style.scss */
  section.top {
    padding: 84px 0 0;
  }
  /* line 797, style.scss */
  section.top .swiper-container {
    height: 400px;
  }
  /* line 800, style.scss */
  section.top .swiper-slide {
    margin: 0 auto;
    display: block;
  }
  /* line 804, style.scss */
  section.top .swiper-slide img {
    display: block;
    margin-left: -116px;
    width: 1000px;
    height: 400px;
  }
  /* line 811, style.scss */
  section.top .scroll {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  /* line 817, style.scss */
  section.top .swiper-container {
    height: 300px;
  }
  /* line 821, style.scss */
  section.top .swiper-slide img {
    margin-left: -55px;
    width: 750px;
    height: 300px;
  }
}
@media screen and (max-width: 480px) {
  /* line 830, style.scss */
  section.top .swiper-container {
    height: 200px;
  }
  /* line 834, style.scss */
  section.top .swiper-slide img {
    margin-left: -10px;
    width: 500px;
    height: 200px;
  }
}

/*fb*/
/* line 848, style.scss */
.fb {
  color: #fff;
  background: #c0b1a1;
}
/* line 852, style.scss */
.fb a.btn {
  color: #c0b1a1;
}
/* line 855, style.scss */
.fb a.btn:hover {
  background: #ffffec;
}
/* line 858, style.scss */
.fb a.btn:hover .fa-inverse {
  color: #ffffec;
}
@media screen and (max-width: 768px) {
  /* line 864, style.scss */
  .fb .fl {
    float: none;
  }
  /* line 867, style.scss */
  .fb .fr {
    float: none;
    padding-top: 30px;
  }
  /* line 871, style.scss */
  .fb .w45 {
    width: 100%;
  }
}

/*rental space*/
/* line 882, style.scss */
.rs {
  color: #534741;
  background: #E9E0D6;
}
/* line 886, style.scss */
.rs a.btn {
  color: #534741;
}
/* line 889, style.scss */
.rs a.btn:hover {
  background: #D4EEF9;
}
/* line 892, style.scss */
.rs a.btn:hover .fa-inverse {
  color: #D4EEF9;
}
/* line 896, style.scss */
.rs .tel {
  font-family: "Noto Sans", sans-serif;
  font-size: 1.8em;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  /* line 903, style.scss */
  .rs .fl {
    float: none;
  }
  /* line 906, style.scss */
  .rs .fr {
    float: none;
    padding-top: 30px;
  }
  /* line 910, style.scss */
  .rs .w40 {
    width: 100%;
  }
  /* line 913, style.scss */
  .rs .w55 {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  /* line 918, style.scss */
  .rs .tel {
    font-size: 1.5em;
  }
}

/* line 924, style.scss */
.rs .box {
  float: left;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 16px;
  overflow: hidden;
}
/* line 931, style.scss */
.rs .box:nth-child(3n) {
  margin-right: 0;
}
/* line 934, style.scss */
.rs .box .roomname {
  font-size: 1.3em;
  margin-bottom: 8px;
}
/* line 938, style.scss */
.rs .box .roomname img {
  width: 100px;
}
/* line 942, style.scss */
.rs .box .img_wrap {
  margin: 0;
  overflow: hidden;
  position: relative;
  text-align: center;
}
/* line 948, style.scss */
.rs .box .img_wrap img {
  height: auto;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  width: 100%;
  vertical-align: bottom;
}
/* line 956, style.scss */
.rs .box .img_wrap figcaption {
  background-color: rgba(80, 60, 30, 0.6);
  color: #FFF;
  opacity: 0;
  font-size: 15px;
  position: absolute;
  text-align: center;
  font-weight: bold;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  padding-top: 42%;
  z-index: 2;
}
/* line 974, style.scss */
.rs .box .img_wrap p.info {
  padding: 8px;
  text-align: center;
  background: #fff;
  font-size: 0.9em;
  z-index: 1;
}
/* line 981, style.scss */
.rs .box .img_wrap:hover {
  cursor: pointer;
}
/* line 985, style.scss */
.rs .box:hover figure img {
  transform: scale(1.5, 1.5);
  -webkit-transform: scale(1.5, 1.5);
  -moz-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  -o-transform: scale(1.5, 1.5);
}
/* line 992, style.scss */
.rs .box:hover figure figcaption {
  opacity: 1;
}
@media screen and (max-width: 640px) {
  /* line 924, style.scss */
  .rs .box {
    width: 48%;
    margin-right: 2%;
  }
  /* line 1000, style.scss */
  .rs .box:nth-child(3n) {
    margin-right: 2%;
  }
  /* line 1003, style.scss */
  .rs .box:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  /* line 924, style.scss */
  .rs .box {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 24px;
  }
  /* line 1013, style.scss */
  .rs .box .roomname img {
    margin-bottom: 8px;
    width: 80px;
  }
  /* line 1017, style.scss */
  .rs .box:nth-child(3n) {
    margin-right: 0;
  }
}

/* line 1023, style.scss */
.rs .noimage:hover {
  cursor: default;
}

/* line 1027, style.scss */
.rs .noimage:hover figure img.noimage {
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
}

/*mordals*/
/* line 1037, style.scss */
.modal-content {
  position: fixed;
  display: none;
  z-index: 11;
  width: 50%;
  padding: 20px;
  background: #fff;
}
/* line 1045, style.scss */
.modal-content p {
  font-size: 0.9em;
}
/* line 1048, style.scss */
.modal-content .roomname {
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  /* line 1037, style.scss */
  .modal-content {
    width: 70%;
  }
  /* line 1055, style.scss */
  .modal-content .w50, .modal-content .w45 {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  /* line 1037, style.scss */
  .modal-content {
    width: 85%;
  }
}

/* line 1064, style.scss */
.modal-overlay {
  z-index: 10;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(80, 60, 30, 0.6);
}

/* line 1075, style.scss */
.modal-close {
  position: absolute;
  top: -70px;
  right: 0px;
  color: #fff;
  font-size: 70px;
}
/* line 1082, style.scss */
.modal-close:hover {
  cursor: pointer;
  color: #fefefe;
}

/*access space*/
/* line 1089, style.scss */
.content section.access {
  position: relative;
  padding: 0;
  overflow: hidden;
}
/* line 1094, style.scss */
.content section.access h2 {
  font-size: 2em;
  letter-spacing: 0.15em;
  line-height: 1.2em;
  margin-bottom: 0.5em;
}
/* line 1100, style.scss */
.content section.access h2 img {
  width: 80%;
}
/* line 1103, style.scss */
.content section.access h2 span {
  border-bottom: none;
  text-shadow: none;
}
/* line 1109, style.scss */
.content section.access .inner {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  height: 1px;
  overflow: visible;
  z-index: 2;
}
/* line 1119, style.scss */
.content section.access .inner .add {
  padding: 36px;
  height: 500px;
  background: rgba(45, 140, 100, 0.7);
  color: #fff;
}
/* line 1125, style.scss */
.content section.access .inner .add a {
  color: #fff;
  /*text-decoration:underline;*/
}
/* line 1129, style.scss */
.content section.access .inner .add p {
  line-height: 1.7em;
  font-size: 1.1em;
}
/* line 1133, style.scss */
.content section.access .inner .add p.nenshi {
  padding-left: 4.875rem;
}
@media screen and (max-width: 640px) {
  /* line 1133, style.scss */
  .content section.access .inner .add p.nenshi {
    padding-left: 4.4375rem;
  }
}
/* line 1139, style.scss */
.content section.access .inner .add a.btn {
  color: #82BC8F;
}
/* line 1142, style.scss */
.content section.access .inner .add a.btn:hover {
  background: #ffffec;
}
/* line 1145, style.scss */
.content section.access .inner .add a.btn:hover .fa-inverse {
  color: #ffffec;
}
/* line 1150, style.scss */
.content section.access .inner .fr {
  margin-top: 0;
}
/* line 1154, style.scss */
.content section.access #map {
  height: 500px;
}
@media screen and (max-width: 768px) {
  /* line 1089, style.scss */
  .content section.access {
    background: #2d8c64;
    padding: 60px 5%;
  }
  /* line 1163, style.scss */
  .content section.access h2 img {
    width: 70%;
    margin-bottom: 8px;
  }
  /* line 1168, style.scss */
  .content section.access .inner {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    height: auto;
  }
  /* line 1175, style.scss */
  .content section.access .inner .fr {
    float: none;
  }
  /* line 1178, style.scss */
  .content section.access .inner .w45 {
    width: 100%;
  }
  /* line 1181, style.scss */
  .content section.access .inner .add {
    padding: 0;
    height: auto;
    background: none;
  }
  /* line 1187, style.scss */
  .content section.access #map {
    width: 90%;
    height: 350px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 640px) {
  /* line 1195, style.scss */
  .content section.access h2 {
    font-size: 1.7em;
  }
  /* line 1200, style.scss */
  .content section.access .inner .add h3 {
    font-size: 2em;
  }
  /* line 1203, style.scss */
  .content section.access .inner .add p {
    font-size: 16px;
  }
  /* line 1207, style.scss */
  .content section.access .inner #map {
    height: 280px;
  }
}

/*contact us space*/
/* line 1220, style.scss */
.contact {
  color: #534741;
  background: #fff;
}
/* line 1224, style.scss */
.contact a.btn {
  color: #fff;
  background: #534741;
}
/* line 1229, style.scss */
.contact a.btn .fa-stack .fa-inverse {
  color: #534741;
}
/* line 1233, style.scss */
.contact a.btn:hover {
  background: #7C5C4E;
}
/* line 1236, style.scss */
.contact a.btn:hover .fa-invecue {
  color: #534741;
}
/* line 1240, style.scss */
.contact p.txt {
  font-size: 1.3em;
  line-height: 1.4em;
  letter-spacing: 0.1em;
}
/* line 1245, style.scss */
.contact .tel {
  margin-top: 0.5em;
  margin-bottom: 1em;
  font-family: "Noto Sans", sans-serif;
  font-size: 2em;
  letter-spacing: 0.1em;
}
/* line 1252, style.scss */
.contact .order_txt_wrapper {
  margin-bottom: 1em;
}
/* line 1255, style.scss */
.contact .order_txt_wrapper p.txt {
  font-size: 1.1em;
  line-height: 1.7em;
}
@media screen and (max-width: 768px) {
  /* line 1220, style.scss */
  .contact {
    padding-bottom: 80px !important;
  }
  /* line 1264, style.scss */
  .contact .fl {
    float: none;
  }
  /* line 1267, style.scss */
  .contact .fr {
    float: none;
    padding-top: 30px;
  }
  /* line 1271, style.scss */
  .contact .w35 {
    width: 100%;
  }
  /* line 1274, style.scss */
  .contact .w55 {
    width: 100%;
  }
  /* line 1277, style.scss */
  .contact .tel {
    font-size: 1.5em;
  }
}
@media screen and (max-width: 768px) {
  /* line 1282, style.scss */
  .contact .tel {
    font-size: 1.5em;
  }
  /* line 1286, style.scss */
  .contact .order_txt_wrapper p.txt {
    font-size: 1em;
    line-height: 1.5em;
  }
}

/*company profile space*/
/* line 1299, style.scss */
.cp {
  color: #534741;
  background: #F5F0EB;
}
/* line 1305, style.scss */
.cp dl dt {
  float: left;
  margin-bottom: 1em;
  font-size: 16px;
}
/* line 1310, style.scss */
.cp dl dd {
  margin-left: 4em;
  margin-bottom: 1em;
  font-size: 16px;
}
/* line 1315, style.scss */
.cp dl dd ul li {
  list-style: none;
}

/*sub page*/
/* line 1325, style.scss */
.sub .content section {
  padding: 84px 5% 40px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  /* line 1325, style.scss */
  .sub .content section {
    padding: 84px 5% 80px;
  }
}

/* line 1334, style.scss */
h3.sub_h3 {
  font-size: 1.2em;
  font-weight: bolder;
  text-align: center;
  margin: 0 0 1.5em 0;
}
/* line 1340, style.scss */
h3.sub_h3 .fa-stack {
  margin-right: 0.2em;
  font-size: 1.2em;
}
/* line 1344, style.scss */
h3.sub_h3 .fa-stack .fa-inverse {
  color: #fff;
}
@media screen and (max-width: 640px) {
  /* line 1334, style.scss */
  h3.sub_h3 {
    font-size: 1.1em;
  }
  /* line 1352, style.scss */
  h3.sub_h3 .fa-stack {
    /*display:block;*/
  }
}

/*calender*/
@media screen and (max-width: 640px) {
  /* line 1361, style.scss */
  .rental h3 {
    line-height: 1.3;
  }
  /* line 1363, style.scss */
  .rental h3 .ml1 {
    margin-left: 0;
  }
}
/*google calender*/
/* line 1372, style.scss */
.cal_wrapper {
  max-width: 800px;
  min-width: 300px;
  margin: 2.0833% auto;
}
/* line 1377, style.scss */
.cal_wrapper .googlecal {
  position: relative;
  padding-bottom: 75%;
  height: 0;
  overflow: hidden;
}
/* line 1383, style.scss */
.cal_wrapper .googlecal iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/*privacypolicy*/
/* line 1396, style.scss */
.privacy h4 {
  margin-top: 1.8em;
  margin-bottom: 0.5em;
  padding-bottom: 6px;
  font-size: 1.3em;
  border-bottom: 1px solid #C3C3C3;
}
/* line 1403, style.scss */
.privacy .privacy_wrapper {
  margin: 0 auto;
  max-width: 900px;
}
/* line 1407, style.scss */
.privacy .privacy_wrapper p {
  line-height: 1.5;
}

/*order*/
/* line 1417, style.scss */
.order .order_form_wrapper {
  margin: 0 auto;
  max-width: 900px;
}
/* line 1421, style.scss */
.order .order_form_wrapper h5 {
  margin-bottom: 15px;
  padding-bottom: 6px;
  font-size: 1.2em;
  border-bottom: 2px solid #777;
}
/* line 1427, style.scss */
.order .order_form_wrapper label {
  font-size: 15px;
}
/* line 1430, style.scss */
.order .order_form_wrapper .btn {
  font-weight: bold;
}
/* line 1433, style.scss */
.order .order_form_wrapper span.hissu {
  display: inline-block;
  margin-left: 0.5em;
  padding: 3px 5px 2px;
  color: #fff;
  font-size: 10.5px;
  font-weight: bold;
  vertical-align: top;
  background: #80B681;
}
/* line 1443, style.scss */
.order .order_form_wrapper span.tani {
  margin-left: 0.5em;
}
/* line 1446, style.scss */
.order .order_form_wrapper span.kome {
  display: block;
  margin-top: 6px;
  font-size: 0.9em;
  color: #80B681;
}
/* line 1452, style.scss */
.order .order_form_wrapper .bdr_b {
  padding-bottom: 15px;
  border-bottom: 1px solid #dedede;
}
/* line 1456, style.scss */
.order .order_form_wrapper .mb3 {
  margin-bottom: 3em;
}
/* line 1459, style.scss */
.order .order_form_wrapper .pp_link {
  font-size: 13px;
}
/* line 1461, style.scss */
.order .order_form_wrapper .pp_link a {
  color: #80B681;
}
/* line 1466, style.scss */
.order .order_form_wrapper #chance label {
  display: block;
  margin: .25rem 0 .75rem;
}
/* line 1469, style.scss */
.order .order_form_wrapper #chance label span {
  margin-left: 1.0rem;
}
/* line 1474, style.scss */
.order .order_form_wrapper div.info_wrap {
  margin-bottom: 2.0rem;
  padding: 1.5rem;
}
@media screen and (max-width: 640px) {
  /* line 1474, style.scss */
  .order .order_form_wrapper div.info_wrap {
    padding: 1.25rem;
  }
}
/* line 1480, style.scss */
.order .order_form_wrapper div.info_wrap p {
  font-size: 1.15rem;
  line-height: 1.5;
  padding-bottom: 1.5rem;
}
@media screen and (max-width: 640px) {
  /* line 1480, style.scss */
  .order .order_form_wrapper div.info_wrap p {
    font-size: 1.10rem;
  }
}
/* line 1487, style.scss */
.order .order_form_wrapper div.info_wrap p span {
  font-weight: bold;
}
/* line 1491, style.scss */
.order .order_form_wrapper div.info_wrap p:last-of-type {
  padding-bottom: 0;
}

/*thanks*/
/* line 1499, style.scss */
.thanks {
  margin: 0 auto;
  max-width: 1100px;
}
/* line 1503, style.scss */
.thanks p.txt {
  margin-bottom: 1em;
  text-align: center;
  font-size: 1.3em;
  line-height: 1.5em;
}
/* line 1509, style.scss */
.thanks a.btn {
  margin: 2em auto;
  text-align: center;
  display: block;
  width: 260px;
  max-width: 300px;
  color: #fff;
  background: #534741;
}
/* line 1519, style.scss */
.thanks a.btn .fa-stack .fa-inverse {
  color: #534741;
}
/* line 1523, style.scss */
.thanks a.btn:hover {
  background: #7C5C4E;
}
/* line 1526, style.scss */
.thanks a.btn:hover .fa-inverse {
  color: #7C5C4E;
}
@media screen and (max-width: 640px) {
  /* line 1531, style.scss */
  .thanks p.txt {
    font-size: 1em;
    line-height: 1.5em;
  }
}