@charset "UTF-8";
.clearfix {
  *zoom: 1
}

.clearfix:after {
  content: "";
  display: table;
  clear: both
}

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?t4wl70");
  src: url("../fonts/icomoon.eot?t4wl70#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?t4wl70") format("truetype"), url("../fonts/icomoon.woff?t4wl70") format("woff"), url("../fonts/icomoon.svg?t4wl70#icomoon") format("svg");
  font-weight: normal;
  font-style: normal
}

[class*=" icon-"], [class^=icon-] {
  font-family: 'icomoon'!important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-arrow-circle:before {
  content: "\e904"
}

.icon-arrow-u:before {
  content: "\e900"
}

.icon-arrow:before {
  content: "\e901"
}

.icon-three:before {
  content: "\e902"
}

.icon-phone:before {
  content: "\e903"
}

a, abbr, acronym, address, article, aside, audio, b, big, blockquote, body, button, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input[type=button], input[type=submit], ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}

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

ol, ul {
  list-style: none
}

img {
  vertical-align: bottom
}

input[type=mail], input[type=password], input[type=search], input[type=tel], input[type=text], textarea {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  font-size: 14px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

@font-face {
  font-family: 'mplus-1c-regular';
  src: url("../fonts/mplus-1c-regular.eot");
  src: url("../fonts/mplus-1c-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/mplus-1c-regular.woff") format("woff"), url("../fonts/mplus-1c-regular.ttf") format("truetype")
}

@font-face {
  font-family: 'mplus-1c-bold';
  src: url("../fonts/mplus-1c-bold.eot");
  src: url("../fonts/mplus-1c-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/mplus-1c-bold.woff") format("woff"), url("../fonts/mplus-1c-bold.ttf") format("truetype")
}

address, article, button, dd, dfn, div, dl, dt, em, footer, form, h1, h2, h3, h4, h5, h6, header, img, input, label, li, main, nav, ol, p, section, select, small, span, strong, td, textarea, th, time, ul {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box
}

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

img.default-size {
  width: auto
}

.strong, strong {
  font-weight: bold
}

.left {
  text-align: left!important
}

.right {
  text-align: right!important
}

.center {
  text-align: center!important
}

hr {
  margin: 0;
  padding: 20px 0
}

hr.separator {
  margin: 0;
  padding: 30px 0;
  border: none
}

.xx-large {
  font-size: 32px
}

.x-large {
  font-size: 24px
}

.large {
  font-size: 18px
}

.l-normal {
  font-size: 15px
}

.normal {
  font-size: 13px
}

.small {
  font-size: 12px
}

.x-small {
  font-size: 10px
}

.xx-small {
  font-size: 9px
}

.floatRight {
  float: right
}

.floatLeft {
  float: left
}

.floatClear {
  clear: both
}

.floatLeft img, .floatRight img {
  display: block
}

.margin-0-auto {
  margin: 0 auto
}

.margin-b0 {
  margin-bottom: 0!important
}

.margin-b10 {
  margin-bottom: 10px!important
}

.margin-b20 {
  margin-bottom: 20px!important
}

.margin-b30 {
  margin-bottom: 30px!important
}

.margin-b40 {
  margin-bottom: 40px!important
}

.margin-b50 {
  margin-bottom: 50px!important
}

.margin-t-6 {
  margin-top: -6px!important
}

.margin-t-10 {
  margin-top: -10px!important
}

.margin-t10 {
  margin-top: 10px!important
}

.margin-t20 {
  margin-top: 20px!important
}

.margin-t30 {
  margin-top: 30px!important
}

.margin-t40 {
  margin-top: 40px!important
}

.margin-t50 {
  margin-top: 50px!important
}

.margin-t-50 {
  margin-top: -50px!important
}

.margin-r8p {
  margin-right: 8%!important
}

.margin-r10 {
  margin-right: 10px!important
}

.margin-r20 {
  margin-right: 20px!important
}

.margin-r30 {
  margin-right: 30px!important
}

.margin-r40 {
  margin-right: 40px!important
}

.margin-r50 {
  margin-right: 50px!important
}

.margin-l10 {
  margin-left: 10px!important
}

.margin-l20 {
  margin-left: 20px!important
}

.margin-l30 {
  margin-left: 30px!important
}

.margin-l40 {
  margin-left: 40px!important
}

.margin-l50 {
  margin-left: 50px!important
}

.inline-block {
  letter-spacing: -.40em
}

.inline-block>li {
  letter-spacing: normal;
  display: inline-block
}

.inline {
  display: inline
}

.w510 {
  width: 510px
}

.w500 {
  width: 500px
}

.w450 {
  width: 450px
}

.w400 {
  width: 400px
}

.w350 {
  width: 350px
}

.w330 {
  width: 330px
}

.w300 {
  width: 300px
}

.w240 {
  width: 240px
}

.w200 {
  width: 200px
}

.w190 {
  width: 190px
}

.w180 {
  width: 180px
}

.w170 {
  width: 170px
}

.w160 {
  width: 160px
}

.w150 {
  width: 150px
}

.w140 {
  width: 140px
}

.w130 {
  width: 130px
}

.w120 {
  width: 120px
}

.w110 {
  width: 110px
}

.w100 {
  width: 100px
}

.w90 {
  width: 90px
}

.w80 {
  width: 80px
}

.w70 {
  width: 70px
}

.w60 {
  width: 60px
}

.w50 {
  width: 50px
}

.w40 {
  width: 40px
}

.w30 {
  width: 30px
}

.full-width {
  width: 100%
}

.vertical-top {
  vertical-align: top
}

.vertical-bottom {
  vertical-align: bottom
}

.vertical-middle {
  vertical-align: middle
}

.line-height-1em {
  line-height: 1em
}

.relative {
  position: relative
}

a {
  transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease
}

a:link, a:visited {
  text-decoration: none;
  color: #f7931e
}

a:hover {
  text-decoration: none;
  color: #4d4d4d
}

a.red {
  font-family: 'mplus-1c-bold', mplus-1c-bold, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"
}

a.red:link, a.red:visited {
  color: red
}

.textlink:hover {
  text-decoration: underline
}

main {
  display: block
}

body {
  letter-spacing: 1px;
  font-size: 14px;
  color: #1a1a1a;
  line-height: 1.8;
  font-family: 'mplus-1c-regular', mplus-1c-regular, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  -webkit-font-smoothing: none;
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  overflow-x: hidden
}

.section-inner {
  position: relative;
  width: 1024px;
  margin: 0 auto
}

.section-inner:after {
  content: '';
  display: block;
  clear: both
}

.section-inner .narrow-section {
  margin: 0 120px
}

.sp-overlay {
  display: none
}

.bg-gray {
  background: #eaeaea
}

.normal-section {
  padding: 10px 0;

}

.section-row .section-inner {
  -js-display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex
}

.second-page {
  margin-top: 80px
}

.second-page .normal-section {
  padding: 50px 0
}

.second-page h3 {
  font-size: 30px;
  text-align: center;
  margin-bottom: 30px;
  font-family: 'mplus-1c-bold', mplus-1c-bold, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"
}

.second-page h3.with-border {
  position: relative;
  font-family: 'mplus-1c-regular', mplus-1c-regular, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  margin-bottom: 50px
}

.second-page h3.with-border:after {
  position: absolute;
  display: block;
  content: "";
  height: 1px;
  width: 142px;
  bottom: -15px;
  left: 50%;
  margin-left: -71px;
  background: #1a1a1a
}

.second-page h4 {
  color: #f7931e;
  font-size: 24px;
  margin-bottom: 15px;
  font-family: 'mplus-1c-bold', mplus-1c-bold, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"
}

.section-title {
  font-size: 48px;
  font-family: 'mplus-1c-bold', mplus-1c-bold, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  line-height: 1.2;
  text-align: center;
  margin-bottom: 25px;
  padding-top: 50px
}

.section-title.bg-white {
  background: #fff
}

.section-title-ja {
  display: block;
  font-size: 16px;
  display: block;
  margin-top: 5px
}

#top .common-header {
  border-bottom: none
}

.common-header {
  padding: 14px 0;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1000;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  border-bottom: 1px solid #e6e6e6
}

.common-header.is_scroll {
  background: rgba(255, 255, 255, 0.6)
}

.common-header h1 {
  width: 300px
}

.common-header .header-content {
  -js-display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1000
}

.common-header .header-content .header-description {
  margin-right: 15px
}

.common-header .header-content .nav-area {
  background: #000;
  -js-display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center
}

.common-header .header-content .nav-area .nav-text {
  color: #fff;
  font-weight: bold;
  padding: 25px;
  font-size: 16px
}

.nav-trigger {
  position: relative;
  width: 80px;
  height: 80px;
  cursor: pointer;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease
}

.nav-trigger:hover {
  background: #fff
}

.nav-trigger:hover span {
  background: #1a1a1a
}

.nav-trigger span {
  height: 2px;
  width: 30px;
  position: absolute;
  background: #fff;
  top: 50%;
  left: 25px;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg)
}

.nav-trigger .top {
  transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  -ms-transform: translateY(-5px)
}

.nav-trigger .bottom {
  transform: translateY(5px);
  -moz-transform: translateY(5px);
  -webkit-transform: translateY(5px);
  -o-transform: translateY(5px);
  -ms-transform: translateY(5px)
}

.nav-trigger.is_open .top {
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg)
}

.nav-trigger.is_open .bottom {
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg)
}

.gnav {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  display: none;
  background: rgba(0, 0, 0, 0.8);
  padding: 80px 0 60px
}

.gnav ul {
  text-align: center
}

.gnav ul li a {
  display: block;
  font-size: 18px;
  padding: 20px 0
}

.gnav ul li a:link, .gnav ul li a:visited {
  color: #fff
}

.gnav ul li a:hover {
  color: #f7931e
}

.common-footer {
  background: #1a1a1a;
  position: relative;
  padding: 70px 0 60px
}

.common-footer .btn-pagetop {
  width: 50px;
  height: 50px;
  position: absolute;
  top: -50px;
  right: 0
}

.common-footer .btn-pagetop i {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 1em;
  width: 1em;
  font-size: 18px;
  color: #fff
}

.common-footer .btn-pagetop a {
  display: block;
  height: 100%;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease
}

.common-footer .btn-pagetop a:link, .common-footer .btn-pagetop a:visited {
  color: #fff;
  background: #1a1a1a
}

.common-footer .btn-pagetop a:hover {
  background: #4d4d4d
}

.common-footer .footer-contact {
  border-bottom: 1px solid #666666;
  padding: 0 0 70px
}

.common-footer .footer-contact-logo {
  width: 225px;
  margin: 0 auto 80px
}

.common-footer .footer-contact p {
  color: #fff;
  margin-bottom: 50px;
  text-align: center;
  font-size: 16px
}

.common-footer .footer-contact .footer-contact-btn {
  display: inline-block;
  margin-bottom: 0
}

.common-footer .footer-contact .footer-contact-btn a {
  display: block;
  border: 2px solid #fff;
  padding: 15px 80px;
  font-family: 'mplus-1c-bold', mplus-1c-bold, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease
}

.common-footer .footer-contact .footer-contact-btn a:link, .common-footer .footer-contact .footer-contact-btn a:visited {
  color: #fff
}

.common-footer .footer-contact .footer-contact-btn a:hover {
  background: #fff;
  color: #1a1a1a
}

.common-footer .footer-access {
  color: #fff;
  padding: 90px 0 120px
}

.common-footer .footer-access .section-inner {
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center
}

.common-footer .footer-access .footer-company-name {
  font-size: 20px;
  width: 330px;
  border-right: 2px solid #fff;
  margin-right: 40px
}

.common-footer .footer-access .footer-address {
  font-size: 12px
}

.common-footer .footer-copyright {
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.common-footer .fnav {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-flex-order: 2;
  -moz-flex-order: 2;
  -webkit-order: 2;
  -moz-order: 2;
  order: 2;
  -webkit-box-flex: 1 0 0%;
  -moz-box-flex: 1 0 0%;
  -ms-flex: 1 0 0%;
  -webkit-flex: 1 0 0%;
  flex: 1 0 0%;
  font-size: 11px
}

.common-footer .fnav ul {
  letter-spacing: -.40em;
  text-align: right
}

.common-footer .fnav ul>li {
  letter-spacing: normal;
  display: inline-block
}

@-moz-document url-prefix() {
  .common-footer .fnav ul {
    word-spacing: 0
  }
}

.common-footer .fnav ul li {
  border-right: 1px solid #fff;
  padding-right: 10px;
  margin-right: 10px
}

.common-footer .fnav ul li:last-child {
  margin: 0;
  padding: 0;
  border: none
}

.common-footer .fnav ul li a:link, .common-footer .fnav ul li a:visited {
  color: #fff
}

.common-footer .fnav ul li a:hover {
  color: #f7931e
}

.common-footer .copyright {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-flex-order: 1;
  -moz-flex-order: 1;
  -webkit-order: 1;
  -moz-order: 1;
  order: 1;
  color: #fff
}

.btn-contact a, .btn-contact button, .btn-contact input {
  display: block;
  position: relative;
  padding: 20px;
  font-size: 20px;
  font-family: 'mplus-1c-bold', mplus-1c-bold, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  line-height: 1.1;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  background: #1a1a1a;
  color: #fff;
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box
}

.btn-contact a:after, .btn-contact button:after, .btn-contact input:after {
  font-family: 'icomoon'!important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e901";
  font-size: 80px;
  position: absolute;
  top: -10px;
  right: -20px;
  color: #f7931e;
  color: #ABBDDA;
}

.btn-contact a:link, .btn-contact a:visited, .btn-contact button:link, .btn-contact button:visited, .btn-contact input:link, .btn-contact input:visited {
  background: #1a1a1a;
  color: #fff
}

.btn-contact a:hover, .btn-contact button:hover, .btn-contact input:hover {
  background: #4d4d4d
}

.btn-normal a, .btn-normal button, .btn-normal input {
  display: block;
  position: relative;
  padding: 20px;
  font-size: 16px;
  text-align: center;
  font-family: 'mplus-1c-bold', mplus-1c-bold, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  line-height: 1.1;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  background: #f7931e;
  color: #fff;
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box
}

.btn-normal a:after, .btn-normal button:after, .btn-normal input:after {
  font-family: 'icomoon'!important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e901";
  font-size: 80px;
  position: absolute;
  top: -10px;
  right: -20px;
  color: #1a1a1a
}

.btn-normal a:link, .btn-normal a:visited, .btn-normal button:link, .btn-normal button:visited, .btn-normal input:link, .btn-normal input:visited {
  background: #5190A4;
  color: #fff
}

.btn-normal a:hover, .btn-normal button:hover, .btn-normal input:hover {
  background: #fbc280
}

.btn-detail a, .btn-detail button, .btn-detail input, .btn-reserve a, .btn-reserve button, .btn-reserve input {
  display: block;
  position: relative;
  padding: 20px;
  font-size: 16px;
  text-align: center;
  font-family: 'mplus-1c-bold', mplus-1c-bold, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  line-height: 1.1;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  background: #1a1a1a;
  color: #fff;
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box
}

.btn-detail a:after, .btn-detail button:after, .btn-detail input:after, .btn-reserve a:after, .btn-reserve button:after, .btn-reserve input:after {
  font-family: 'icomoon'!important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e901";
  font-size: 80px;
  position: absolute;
  top: -10px;
  right: -20px;
  color: #219DDD
}

.btn-detail a:link, .btn-detail a:visited, .btn-detail button:link, .btn-detail button:visited, .btn-detail input:link, .btn-detail input:visited, .btn-reserve a:link, .btn-reserve a:visited, .btn-reserve button:link, .btn-reserve button:visited, .btn-reserve input:link, .btn-reserve input:visited {
  background: #444f7c;
  color: #fff
}

.btn-detail a:hover, .btn-detail button:hover, .btn-detail input:hover, .btn-reserve a:hover, .btn-reserve button:hover, .btn-reserve input:hover {
  background: #4d4d4d
}

.btn-center {
  text-align: center
}

.btn-center [class^=btn-] {
  display: inline-block
}

.btn-center [class^=btn-] a, .btn-center [class^=btn-] button, .btn-center [class^=btn-] input {
  padding: 20px 100px
}

.btn-inline [class^=btn-] {
  display: inline-block
}

.btn-inline [class^=btn-] a, .btn-inline [class^=btn-] button, .btn-inline [class^=btn-] input {
  padding: 20px 100px
}

.btn-two-inline {
  -js-display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 15px 0
}

.btn-two-inline li {
  margin: 0 30px;
  width: 100%
}

.btn-two-inline li a, .btn-two-inline li button, .btn-two-inline li input {
  width: 100%
}

ul.normal-list {
  list-style: disc;
  margin-left: 20px
}

ul.normal-list li {
  margin-bottom: 10px
}

ol.normal-list {
  list-style: decimal;
  margin-left: 25px
}

ol.normal-list li {
  margin-bottom: 10px
}

#discount-price .top-content-title {
  margin-bottom: 60px
}

#discount-price .price-catch {
  width: 70%;
  margin: 0 0 20px
}

#discount-price .price-catch-row {
  -js-display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 10px
}

#discount-price .price-catch-col {
  -webkit-box-flex: 1 0 0%;
  -moz-box-flex: 1 0 0%;
  -ms-flex: 1 0 0%;
  -webkit-flex: 1 0 0%;
  flex: 1 0 0%
}

#discount-price .price-catch-col-discount {
  margin-top: 120px;
  margin-left: 25px;
  width: 150px;
  height: 150px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -o-border-radius: 100%;
  -ms-border-radius: 100%;
  background: #1a1a1a;
  color: #fff;
  font-size: 28px;
  text-align: center;
  position: relative
}

#discount-price .price-catch-col-discount span {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 1em;
  line-height: 1.1
}

#discount-price .price-catch-title {
  font-size: 46px;
  font-family: 'mplus-1c-bold', mplus-1c-bold, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  line-height: 1.1;
  margin-bottom: 20px;
}

#discount-price .price-catch-price {
  font-size: 40px;
  font-family: 'mplus-1c-bold', mplus-1c-bold, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  line-height: 1.1;
  margin-left: 30px;
  margin-bottom: 20px;
  letter-spacing: 2px
}

#discount-price .price-catch-price span {
  font-size: 60px;
  color: #f7931e
}

#discount-price .price-catch-sample {
  -js-display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  font-size: 18px;
}

#discount-price .price-catch-note {
  -js-display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  font-size: 18px;
}

#discount-price .price-catch-note span {
  -webkit-box-flex: 1 0 0%;
  -moz-box-flex: 1 0 0%;
  -ms-flex: 1 0 0%;
  -webkit-flex: 1 0 0%;
  flex: 1 0 0%;
  display: block;
  background: #f7931e;
  color: #fff;
  text-align: center;
  padding: 5px;
  line-height: 1.1;
  font-size: 18px;
  margin-left: 15px;
  font-family: 'mplus-1c-bold', mplus-1c-bold, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"
}

#discount-price .price-add {
  font-family: 'mplus-1c-bold', mplus-1c-bold, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  letter-spacing: 3px
}

#discount-price .price-add span {
  display: block;
  font-size: 32px;
  line-height: 1.4
}

#discount-price .price-add strong {
  display: block;
  font-size: 48px;
  color: #f7931e;
  line-height: 1.4
}

#discount-price .price-notice {
  background: #fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  padding: 15px 230px 15px 30px;
  position: relative;
  margin-bottom: 40px
}

#discount-price .price-notice p {
  margin-bottom: 20px
}

#discount-price .price-notice .bg-price-notice {
  width: 223px;
  position: absolute;
  bottom: 0;
  right: 20px;
  margin: 0
}

.second-page #discount-price .price-notice {
  background: #eaeaea
}

.price-plan-table {
  border-top: 2px solid #1a1a1a;
  -js-display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex
}

.price-plan-table:last-child {
  border-bottom: 2px solid #1a1a1a
}

.price-plan-table dt {
  color: #f7931e;
  width: 300px;
  padding: 20px
}

.price-plan-table dd {
  -webkit-box-flex: 1 0 0%;
  -moz-box-flex: 1 0 0%;
  -ms-flex: 1 0 0%;
  -webkit-flex: 1 0 0%;
  flex: 1 0 0%;
  padding: 20px
}

.equipment-list {
  -js-display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex-wrap: wrap;
  -moz-box-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.equipment-list>li {
  width: 32%;
  margin-bottom: 50px;
  margin-right: 2%
}

.equipment-list>li:nth-child(3n) {
  margin-right: 0
}

.equipment-list-thumb {
  border: 1px solid #666666;
  margin-bottom: 8px
}

.equipment-list-photo {
  position: relative;
  height: 280px;
  padding: 10px;
  width: 100%;
  text-align: center;
  overflow: hidden
}

.equipment-list-photo img {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto
}

.equipment-list-photo img.vertical {
  width: 240px;
  height: auto
}

.equipment-list-photo img.horizontal {
  width: auto;
  height: 240px
}

.equipment-list-name {
  background: #4d4d4d;
  color: #fff;
  font-size: 16px;
  padding: 10px;
  line-height: 1.1;
  text-align: center
}

.equipment-list-detail {
  color: #f7931e
}

.equipment-list dl dd ul {
  list-style: disc;
  margin-left: 20px
}

.equipment-list-price {
  color: #f7931e
}

.about-company {
  background: #fff;
  padding: 30px
}

.about-company-table {
  border-top: 2px solid #1a1a1a;
  -js-display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex
}

.about-company-table:last-child {
  border-bottom: 2px solid #1a1a1a
}

.about-company-table dt {
  color: #f7931e;
  width: 240px;
  padding: 20px
}

.about-company-table dd {
  -webkit-box-flex: 1 0 0%;
  -moz-box-flex: 1 0 0%;
  -ms-flex: 1 0 0%;
  -webkit-flex: 1 0 0%;
  flex: 1 0 0%;
  padding: 20px
}

.map-catch {
  margin-bottom: 30px
}

.map-area {
  margin-bottom: 30px
}

.map-and-street {
  margin-bottom: 30px
}

.map-illust {
  margin-right: 30px
}

.map-street {
  -webkit-box-flex: 1 0 0%;
  -moz-box-flex: 1 0 0%;
  -ms-flex: 1 0 0%;
  -webkit-flex: 1 0 0%;
  flex: 1 0 0%
}

.map-street-text {
  background: #eaeaea;
  padding: 5px 10px
}

.reserve-check {
  margin: 30px 0
}

.reserve-calendar-legend {
  letter-spacing: -.40em;
  margin-bottom: 15px
}

.reserve-calendar-legend>li {
  letter-spacing: normal;
  display: inline-block
}

@-moz-document url-prefix() {
  .reserve-calendar-legend {
    word-spacing: 0
  }
}

.reserve-calendar-legend li {
  margin-right: 20px
}

.reserve-all, .reserve-icon-all, .reserve-icon-ok, .reserve-ok {
  color: red
}

.reserve-all a:link, .reserve-all a:visited, .reserve-icon-all a:link, .reserve-icon-all a:visited, .reserve-icon-ok a:link, .reserve-icon-ok a:visited, .reserve-ok a:link, .reserve-ok a:visited {
  color: red
}

.reserve-icon-ng, .reserve-ng {
  color: blue
}

.reserve-icon-ng a:link, .reserve-icon-ng a:visited, .reserve-ng a:link, .reserve-ng a:visited {
  color: blue
}

.reserve-all, .reserve-ng, .reserve-ok {
  position: absolute;
  font-size: 22px;
  top: 50%;
  margin-top: -11px;
  line-height: 1.1;
  left: 15px
}

.reserve-calendar {
  border: 1px solid #cccccc;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  padding: 5px
}

.reserve-calendar-header {
  border: 1px solid #cccccc;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  padding: 10px;
  background: #eaeaea;
  position: relative;
  margin-bottom: 30px
}

.reserve-calendar-header h3 {
  margin: 0
}

.reserve-calendar-ctl {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10
}

.reserve-calendar-next, .reserve-calendar-prev {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  color: #1a1a1a;
  z-index: 11;
  cursor: pointer;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease
}

.reserve-calendar-next:hover, .reserve-calendar-prev:hover {
  opacity: 0.8
}

.reserve-calendar-next:before, .reserve-calendar-prev:before {
  font-family: 'icomoon'!important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  content: "\e904";
  font-size: 30px
}

.reserve-calendar-prev {
  left: 20px
}

.reserve-calendar-prev:before {
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg)
}

.reserve-calendar-next {
  right: 20px
}

.reserve-calendar-table {
  width: 100%;
  border-collapse: separate
}

.reserve-calendar-table thead th {
  font-weight: bold;
  font-size: 30px;
  text-align: center;
  width: 14.28571%
}

.reserve-calendar-table tbody td {
  width: 14.28571%;
  border: 1px solid #cccccc;
  padding: 15px 6px;
  text-align: right;
  font-size: 30px;
  background: #f6f6f6;
  position: relative
}

.reserve-calendar-table tbody td.blank {
  border: none;
  background: none
}

.reserve-calendar-table tbody td.today {
  background: #fef899;
  border: 1px solid #d9d36a
}

.cancel-form-table {
  width: 100%;
  margin: 30px 0
}

.cancel-form-table dl {
  margin-bottom: 5px;
  -js-display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex
}

.cancel-form-table dt {
  background: #1a1a1a;
  color: #fff;
  padding: 25px;
  width: 300px;
  font-size: 18px
}

.cancel-form-table dd {
  -webkit-box-flex: 1 0 0%;
  -moz-box-flex: 1 0 0%;
  -ms-flex: 1 0 0%;
  -webkit-flex: 1 0 0%;
  flex: 1 0 0%;
  border: 1px solid #cccccc;
  background: #fff;
  padding: 20px
}

.cancel-form-table dd select {
  font-size: 16px;
  padding: 10px;
  margin-right: 4px
}

.cancel-form-table #cancel_text {
  border: 1px solid #cccccc;
  padding: 3px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  margin-right: 4px
}

.reserve-option {
  margin-bottom: 30px
}

.reserve-option-table {
  width: 100%;
  border-collapse: collapse;
  margin: 10px 0
}

.reserve-option-table td {
  border: 1px solid #cccccc;
  padding: 10px
}

.reserve-other-table {
  width: 100%;
  border-collapse: collapse;
  margin: 10px 0
}

.reserve-other-table th {
  background: #f0f0f0;
  padding: 10px;
  text-align: left;
  width: 350px;
  vertical-align: top;
  border: 1px solid #cccccc
}

.reserve-other-table td {
  padding: 10px;
  border: 1px solid #cccccc
}

.reserve-other-table td input, .reserve-other-table td textarea {
  border: 1px solid #cccccc;
  padding: 3px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  width: 100%
}

.reserve .btn-normal a, .reserve .btn-normal button, .reserve .btn-normal input {
  color: #fff
}

.reserve-price-table {
  margin-bottom: 40px
}

.reserve-price-table dl {
  margin-bottom: 10px;
  -js-display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex
}

.reserve-price-table dl dt {
  font-size: 18px;
  padding: 25px;
  background: #1a1a1a;
  color: #fff;
  width: 240px;
  font-family: 'mplus-1c-bold', mplus-1c-bold, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"
}

.reserve-price-table dl dd {
  text-align: right;
  font-size: 18px;
  font-family: 'mplus-1c-bold', mplus-1c-bold, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  -webkit-box-flex: 1 0 0%;
  -moz-box-flex: 1 0 0%;
  -ms-flex: 1 0 0%;
  -webkit-flex: 1 0 0%;
  flex: 1 0 0%;
  padding: 25px 80px;
  background: #fff;
  border: 1px solid #cccccc
}

.faq-list {
  margin-bottom: 50px
}

.faq-list .faq-title {
  font-size: 16px;
  border: 1px solid #cccccc;
  padding: 15px 30px;
  font-family: 'mplus-1c-regular', mplus-1c-regular, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  text-align: left;
  margin-bottom: 10px;
  position: relative
}

.faq-list .faq-title:after {
  font-family: 'icomoon'!important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900";
  position: absolute;
  top: 50%;
  font-size: 12px;
  right: 15px;
  margin-top: -6px;
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease
}

.faq-list .faq-title.is_open:after {
  transform: rotate(0);
  -moz-transform: rotate(0);
  -webkit-transform: rotate(0);
  -o-transform: rotate(0);
  -ms-transform: rotate(0)
}

.faq-list dl {
  display: none;
  margin-bottom: 30px
}

.faq-list dl.is_open {
  display: block
}

.faq-list dl dt {
  padding: 15px 0 0
}

.faq-list dl dt:before {
  content: "Q.";
  font-size: 20px;
  color: #1a1a1a;
  margin: 0 5px 0 0
}

.faq-list dl dd {
  padding: 0 0 15px;
  border-bottom: 1px solid #cccccc
}

.faq-list dl dd:last-child {
  border: none
}

.faq-list dl dd:before {
  content: "A.";
  font-size: 20px;
  color: #f7931e;
  margin: 0 5px 0 0
}

.faq-list dl dd .img_card em {
  background: #eaeaea;
  display: block;
  padding: 5px;
  margin-bottom: 10px
}

.agreement h3 {
  font-size: 16px;
  text-align: left
}

.agreement p {
  margin-bottom: 15px
}

.agreement ol {
  list-style: decimal;
  margin-left: 25px;
  margin-bottom: 20px
}

.agreement ol>li {
  margin-bottom: 10px
}

.agreement ol>li:last-child {
  margin-bottom: 0
}

.agreement ul {
  list-style: disc;
  margin-left: 20px
}

.low-table dl {
  margin-bottom: 10px;
  -js-display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex
}

.low-table dl dt {
  font-size: 16px;
  padding: 15px;
  background: #1a1a1a;
  color: #fff;
  width: 240px;
  font-family: 'mplus-1c-bold', mplus-1c-bold, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"
}

.low-table dl dd {
  font-size: 16px;
  -webkit-box-flex: 1 0 0%;
  -moz-box-flex: 1 0 0%;
  -ms-flex: 1 0 0%;
  -webkit-flex: 1 0 0%;
  flex: 1 0 0%;
  padding: 15px 40px;
  background: #fff;
  border: 1px solid #cccccc
}

.privacy-catch {
  margin-bottom: 80px
}

.privacy-content h3 {
  font-size: 16px;
  margin-bottom: 10px;
  text-align: left
}

.privacy-content p {
  margin-bottom: 10px
}

.privacy-content ol {
  margin-bottom: 10px
}

.privacy-content-inner {
  margin-bottom: 30px
}

.privacy-contact {
  border: 1px solid #666666;
  padding: 40px 120px
}

.room-list {
  margin: 60px 0 0 0
}

.room-list ol {
  -js-display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex-wrap: wrap;
  -moz-box-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

.room-list ol li {
  width: 31%;
  margin-bottom: 30px
}

.room-list-photo {
  margin-bottom: 15px
}

.room-list-description {
  -js-display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex
}

.room-list-number {
  margin-right: 15px;
  width: 50px;
  padding: 6px;
  text-align: center;
  border: 3px solid #1a1a1a;
  font-size: 30px;
  line-height: 1.1;
  font-family: 'Oswald', sans-serif
}

.room-list-number:before {
  font-size: 14px;
  content: "VOL.";
  display: block
}

.room-list-name {
  font-size: 24px;
  font-family: 'mplus-1c-bold', mplus-1c-bold, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  line-height: 1.4
}

.room-list-name span {
  font-size: 14px;
  font-family: 'mplus-1c-regular', mplus-1c-regular, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"
}

.flow-content h3 {
  color: #f7931e;
  font-size: 18px;
  margin-bottom: 10px;
  text-align: left
}

.flow-content ol {
  counter-reset: li;
  list-style: none;
  padding-left: 0
}

.flow-content ol>li {
  position: relative
}

.flow-content ol>li:before {
  content: counter(li) "";
  counter-increment: li;
  display: inline-block
}

.flow-content ol li {
  border: 1px solid #666666;
  padding: 15px 30px 10px 90px;
  margin-bottom: 10px;
  background: #fff
}

.flow-content ol li:before {
  position: absolute;
  top: 0;
  left: 30px;
  margin-right: 6px;
  font-size: 30px;
  font-family: 'mplus-1c-bold', mplus-1c-bold, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  color: #f7931e;
  content: counter(li, decimal-leading-zero) "."
}

.flow-content ol li p {
  margin-bottom: 15px
}

.flow-content ol li p:last-child {
  margin: 0
}

.visual {
  position: relative;
  margin-bottom: 50px
}

.visual .section-inner.section-btn {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -512px
}

.visual .section-inner.section-btn .btn-contact {
  position: absolute;
  top: 60%;
  z-index: 500
}

.visual .section-inner.section-btn .btn-contact a {
  display: block;
  padding: 20px 100px
}

.visual .visual-text {
  background: #1a1a1a
}

.visual .visual-text .section-inner {
  padding: 15px 0;
  color: #fff;
  -js-display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.visual .visual-text .section-inner p {
  letter-spacing: normal;
  font-size: 13px
}

.visual .visual-text .section-inner .visual-text-tel {
  color: #ABBDDA;
  font-family: 'mplus-1c-bold', mplus-1c-bold, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-size: 24px
}

.visual .visual-text .section-inner .visual-text-tel:before {
  position: relative;
  font-family: 'icomoon'!important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e903";
  font-size: 36px;
  top: 5px;
  color: #ABBDDA;
}

.visual .visual-text .section-inner .visual-text-tel a:link, .visual .visual-text .section-inner .visual-text-tel a:visited {
  color: #f7931e
}

.flexslider {
  margin-bottom: 0
}

.flex-control-nav {
  bottom: -120px;
  left: 0;
  right: 0
}

.flex-control-paging li a {
  background: #ABBDDA
}

.yotsuya-contact {
  position: relative
}

.yotsuya-contact:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  content: "";
  display: block;
  background: #4d4d4d;
  width: 30%;
  z-index: 0
}

.yotsuya-contact:after {
  position: absolute;
  top: 0;
  left: 30%;
  bottom: 0;
  content: "";
  display: block;
  /* background: #f7931e; */
  background: #2E4B71;
  width: 70%;
  z-index: -1
}

.yotsuya-contact .section-inner {
  -js-display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center
}

.yotsuya-contact .section-inner .yotsuya-contact-logo {
  width: 35%;
  padding: 15px 50px;
  background: #4d4d4d
}

.yotsuya-contact .section-inner .nakame-contact-logo {
  width: 35%;
  padding: 15px 50px;
  background: #fffff;
}

.yotsuya-contact .section-inner .yotsuya-contact-btn {
  -js-display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1 0 0%;
  -moz-box-flex: 1 0 0%;
  -ms-flex: 1 0 0%;
  -webkit-flex: 1 0 0%;
  flex: 1 0 0%;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  /* background: #f7931e; */
  background: #2E4B71;
  padding: 0 0 0 50px
}

.yotsuya-contact .section-inner .yotsuya-contact-btn dt {
  font-size: 22px;
  color: #fff;
  line-height: 1.4
}

.yotsuya-contact .section-inner .yotsuya-contact-btn dd {
  position: relative
}

.yotsuya-contact .section-inner .yotsuya-contact-btn dd:before {
  font-family: 'icomoon'!important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e902";
  font-size: 46px;
  color: #fff;
  margin-left: 20px;
  position: absolute;
  left: -80px;
  top: 0
}

.yotsuya-contact .section-inner .yotsuya-contact-btn dd a {
  border: 1px solid #fff;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  -o-border-radius: 30px;
  -ms-border-radius: 30px;
  display: block;
  padding: 10px 40px;
  font-family: 'mplus-1c-bold', mplus-1c-bold, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  line-height: 1.1;
  font-size: 20px
}

.yotsuya-contact .section-inner .yotsuya-contact-btn dd a:link, .yotsuya-contact .section-inner .yotsuya-contact-btn dd a:visited {
  color: #fff
}


.nakame-contact {
  position: relative;
  margin-top: 10px;
}

.nakame-contact:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  content: "";
  display: block;
  background: #fffff;
  width: 40%;
  z-index: 0
}

.nakame-contact:after {
  position: absolute;
  top: 0;
  left: 40%;
  bottom: 0;
  content: "";
  display: block;
  background: #f7931e;
  width: 60%;
  z-index: -1
}

.nakame-contact .section-inner {
  -js-display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center
}

.nakame-contact .section-inner .nakame-contact-logo {
  width: 35%;
  padding: 15px 50px;
  background: #ffffff;
}

.nakame-contact .section-inner .nakame-contact-btn {
  -js-display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1 0 0%;
  -moz-box-flex: 1 0 0%;
  -ms-flex: 1 0 0%;
  -webkit-flex: 1 0 0%;
  flex: 1 0 0%;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background: #f7931e;
  padding: 0 0 0 50px
}

.nakame-contact .section-inner .nakame-contact-btn dt {
  font-size: 22px;
  color: #fff;
  line-height: 1.4
}

.nakame-contact .section-inner .nakame-contact-btn dd {
  position: relative
}

.nakame-contact .section-inner .nakame-contact-btn dd:before {
  font-family: 'icomoon'!important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e902";
  font-size: 46px;
  color: #fff;
  margin-left: 20px;
  position: absolute;
  left: -80px;
  top: 0
}

.nakame-contact .section-inner .nakame-contact-btn dd a {
  border: 1px solid #fff;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  -o-border-radius: 30px;
  -ms-border-radius: 30px;
  display: block;
  padding: 10px 40px;
  font-family: 'mplus-1c-bold', mplus-1c-bold, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  line-height: 1.1;
  font-size: 20px
}

.nakame-contact .section-inner .nakame-contact-btn dd a:link, .nakame-contact .section-inner .nakame-contact-btn dd a:visited {
  color: #fff
}


.top-content .btn-normal a:link, .top-content .btn-normal a:visited, .top-content .btn-normal button:link, .top-content .btn-normal button:visited, .top-content .btn-normal input:link, .top-content .btn-normal input:visited {
  color: #fff
}

.top-content-concept {
  background: url(../../img/bg_concept.png) no-repeat 100% 100%;
  padding: 90px 0 70px
}

.top-content-concept p {
  margin-bottom: 60px;
  position: relative
}

.top-content-concept p:after {
  position: absolute;
  bottom: -30px;
  left: 50%;
  width: 130px;
  height: 1px;
  display: block;
  content: "";
  background: #4d4d4d;
  margin-left: -65px
}

.top-content-concept p:last-child {
  margin-bottom: 0
}

.top-content-concept p:last-child:after {
  display: none
}

.top-content-title {
  font-size: 48px;
  font-family: 'mplus-1c-bold', mplus-1c-bold, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  line-height: 1.2;
  text-align: center;
  margin-bottom: 25px
}

.top-content-title-ja {
  display: block;
  font-size: 16px;
  display: block;
  margin-top: 5px
}

.top-content .concept-text {
  width: 60%;
  text-align: center
}

.top-content .concept-catch {
  font-size: 18px
}

.top-content-row .section-inner {
  -js-display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex
}

.top-content-row:nth-child(2n-1) .section-inner {
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.top-content-row:nth-child(2n) .section-inner {
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end
}

.top-content-row#oneday {
  background: #eaeaea url(../../img/bg_oneday.png) no-repeat 0 0;
  background-size: cover
}

.top-content-row#meeting4F {
  background: #eaeaea url(../../img/bg_4f-meeting.png) no-repeat 0 0;
  background-size: cover
}

.top-content-row#meeting3F {
  background: #eaeaea url(../../img/bg_3f-meeting.png) no-repeat 0 0;
  background-size: cover
}

.top-content-row#meeting2nd {
  background: #eaeaea url(../../img/bg_2nd-meeting.png) no-repeat 0 0;
  background-size: cover
}
.top-content-row#meeting2nd_1 {
  background: #eaeaea url(../../img/img_iot.png) no-repeat 0 0;
  background-size: cover
}

.top-content-row#reception {
  background: url(../../img/bg_reception2.png) no-repeat 0 0;
  background-size: cover
}
.top-content-row#reception1 {
  background: url(../../img/bg_reception.png) no-repeat 0 0;
  background-size: cover
}

.top-content-col {
  width: 50%;
  padding: 60px 0 30px 0
}

.top-content-col p {
  margin-bottom: 15px
}

.top-content-catch {
  text-align: center;
  margin-bottom: 30px!important
}

.top-content-thumbs {
  -js-display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px
}

.top-content-thumbs li {
  border: 1px solid #fff;
  width: 30%
}

.top-content-reserve {
  border: 1px solid #666666;
  padding: 10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  background: #fff;
  margin-bottom: 15px;
  -js-display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-direction: colum;
  flex-direction: column
}

.top-content-reserve p {
  margin: 0 10px
}

.top-content-reserve select {
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto
}

.top-content .blank p {
  background: #4d4d4d;
  color: #fff;
  text-align: center;
  padding: 15px
}

.top-content .normal-section .top-content-title {
  text-align: left
}

.top-content #top-news.section-col {
  -webkit-box-flex: 1 0 0%;
  -moz-box-flex: 1 0 0%;
  -ms-flex: 1 0 0%;
  -webkit-flex: 1 0 0%;
  flex: 1 0 0%
}

.top-content .top-news-list {
  border-top: 1px solid #666666;
  margin-bottom: 30px
}

.top-content .top-news-list li {
  border-bottom: 1px solid #666666;
  padding: 30px 0;
  line-height: 2
}

.top-content .top-news-list li a:link, .top-content .top-news-list li a:visited {
  color: #1a1a1a
}

.top-content .top-news-list li a:hover {
  color: #f7931e
}

.top-content .section-col-side {
  width: 800px;
  margin-left: 55px;
  margin-bottom: 60px;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}

.top-content .section-col-side #top-access {
  margin-bottom: 60px;
  width: 330px;
}

.top-content .section-col-side #top-qrcode {
  margin-bottom: 60px;
  margin-left: 55px;
  width: 330px;
}

.top-content .section-col-side #top-qrcode ul {
  text-align: center;
}

.top-content .section-col-side #top-qrcode ul li {
  display: inline-block;
  width: 45%;
}

.top-content .section-col-side #top-vr {
  width: 330px;
}

.top-content .section-col-side #top-vr a {
  display: block;
  background: #1a1a1a;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease
}

.top-content .section-col-side #top-vr a img {
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  backface-visibility: hidden
}

.top-content .section-col-side #top-vr a:link, .top-content .section-col-side #top-vr a:visited {
  color: #fff
}

.top-content .section-col-side #top-vr a:hover {
  background: #4d4d4d
}

.top-content .section-col-side #top-vr a:hover img {
  opacity: 0.8
}

.top-content .section-col-side #top-vr p span {
  display: block;
  padding: 6px;
  text-align: center;
  font-size: 18px
}

@media screen and (max-width:768px) {
  .visual {
    margin-bottom: 0px;
    -js-display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .visual .section-inner.section-btn {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    margin-left: 0;
    padding: 0;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-flex-order: 2;
    -moz-flex-order: 2;
    -webkit-order: 2;
    -moz-order: 2;
    order: 2;
    width: 100%;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0
  }
  .visual .section-inner.section-btn .btn-contact {
    text-align: center;
    position: relative;
    top: auto;
    z-index: 500;
    border-bottom: 1px solid #666666
  }
  .visual .section-inner.section-btn .btn-contact a {
    display: block;
    padding: 20px 100px
  }
  .visual .flexslider {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-flex-order: 1;
    -moz-flex-order: 1;
    -webkit-order: 1;
    -moz-order: 1;
    order: 1;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0
  }
  .visual .visual-text {
    background: #1a1a1a;
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -webkit-flex-order: 3;
    -moz-flex-order: 3;
    -webkit-order: 3;
    -moz-order: 3;
    order: 3;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0
  }
  .visual .visual-text .section-inner {
    padding: 10px;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .visual .visual-text .section-inner p {
    letter-spacing: normal;
    font-size: 13px;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    /* color: #ABBDDA; */
  }
  .flex-control-nav {
    display: none
  }
  .yotsuya-contact:after, .yotsuya-contact:before {
    display: none
  }
  .yotsuya-contact .section-inner {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0
  }
  .yotsuya-contact .section-inner .yotsuya-contact-logo {
    width: auto;
    padding: 10px 10%;
    background: #4d4d4d;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0
  }
  .yotsuya-contact .section-inner .yotsuya-contact-btn {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%;
    padding: 10px
  }
  .yotsuya-contact .section-inner .yotsuya-contact-btn dt {
    font-size: 16px;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0
  }
  .yotsuya-contact .section-inner .yotsuya-contact-btn dd {
    margin-top: 40px;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0
  }
  .yotsuya-contact .section-inner .yotsuya-contact-btn dd:before {
    font-size: 46px;
    left: 50%;
    margin-left: -23px;
    top: -40px;
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg)
  }

  .nakame-contact:after, .nakame-contact:before {
    display: none
  }
  .nakame-contact .section-inner {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0
  }
  .nakame-contact .section-inner .nakame-contact-logo {
    width: auto;
    padding: 10px 10%;
    background: #ffffff;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0
  }
  .nakame-contact .section-inner .nakame-contact-btn {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%;
    padding: 10px
  }
  .nakame-contact .section-inner .nakame-contact-btn dt {
    font-size: 16px;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0
  }
  .nakame-contact .section-inner .nakame-contact-btn dd {
    margin-top: 40px;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0
  }
  .nakame-contact .section-inner .nakame-contact-btn dd:before {
    font-size: 46px;
    left: 50%;
    margin-left: -23px;
    top: -40px;
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg)
  }

  .top-content-concept {
    background: none;
    padding: 30px 0
  }
  .top-content-concept p {
    margin-bottom: 60px;
    position: relative
  }
  .top-content-title {
    font-size: 30px;
    margin-bottom: 20px
  }
  .top-content-title-ja {
    font-size: 14px
  }
  .top-content .concept-text {
    width: auto;
    text-align: left
  }
  .top-content .concept-catch {
    font-size: 16px
  }
  .top-content-row .section-inner {
    background: rgba(255, 255, 255, 0.7)
  }
  .top-content-row:nth-child(2n-1) .section-inner {
    -webkit-justify-content: stretch;
    -moz-justify-content: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch
  }
  .top-content-row:nth-child(2n) .section-inner {
    -webkit-justify-content: stretch;
    -moz-justify-content: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch
  }
  .top-content-row#meeting4F {
    background: #eaeaea url(../../img/bg_4f-meeting.png) no-repeat 100% 0
  }
  .top-content-row#reception {
    background: #eaeaea url(../../img/yoru_sp.jpg) no-repeat 100% 0
  }
  .top-content-row#meeting2nd{
    background: url(../../img/bento_sp.jpg) no-repeat 100% 0
  }
  .top-content-row#meeting2nd_1 {
    background: #eaeaea url(../../img/img_iot_sp.png) no-repeat 0 0;
    background-size: cover
  }
  .top-content-col {
    width: auto;
    padding: 30px 0 0
  }
  .top-content-col p {
    margin-bottom: 15px
  }
  .top-content-catch {
    text-align: left
  }
  .top-content .blank p {
    margin-bottom: 0
  }
  .top-content .normal-section.section-row .section-inner {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .top-content .normal-section .top-content-title {
    text-align: left
  }
  .top-content .top-news-list {
    border-top: 1px solid #666666;
    margin-bottom: 15px
  }
  .top-content .top-news-list li {
    border-bottom: 1px solid #666666;
    padding: 15px 0;
    line-height: 2
  }
  .top-content #top-news {
    margin-bottom: 30px;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0
  }
  .top-content .section-col-side {
    display:block;
    width: auto;
    margin-left: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0
  }
  .top-content .section-col-side #top-access {
    width: 100%;
    margin-bottom: 30px;
  }

  .top-content .section-col-side #top-qrcode {
    width: 100%;
    margin-left: 0px;
    margin-bottom: 30px;
  }
  .top-content .section-col-side #top-qrcode ul li {
    width: 40%;
  }
  .top-content .section-col-side #top-vr {
    width: 100%;
  }
}

.pc-none {
  display: none!important
}

.sp-none {
  display: block!important
}

span.pc-none {
  display: none!important
}

span.sp-none {
  display: inline!important
}

img.default-size {
  width: auto
}

@media screen and (max-width:768px) {
  #layout, body {
    overflow-x: hidden
  }
  #layout {
    margin: 0
  }
  .section-inner {
    width: auto;
    padding: 10px
  }
  .section-inner .narrow-section {
    margin: 0
  }
  img.default-size {
    width: auto
  }
  .pc-none {
    display: block!important
  }
  .sp-none {
    display: none!important
  }
  span.pc-none {
    display: inline!important
  }
  span.sp-none {
    display: none!important
  }
  .normal-section {
    padding: 30px 0
  }
  .second-page {
    margin-top: 60px
  }
  .second-page .normal-section {
    padding: 30px 0
  }
  .second-page h3 {
    font-size: 20px;
    margin-bottom: 15px
  }
  .second-page h4 {
    font-size: 18px;
    margin-bottom: 10px
  }
  .section-title {
    font-size: 30px
  }
  .section-title-ja {
    font-size: 14px
  }
  .section-row .section-inner {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .section-row .section-col {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0
  }
  .common-header {
    padding: 0
  }
  .common-header .section-inner {
    padding: 14px 10px
  }
  .common-header h1 {
    width: 180px
  }
  .common-header .header-content .header-description {
    display: none
  }
  .common-header .header-content .nav-area .nav-text {
    padding: 15px
  }
  .nav-trigger {
    width: 60px;
    height: 60px
  }
  .nav-trigger span {
    width: 25px;
    left: 20px
  }
  .gnav {
    padding: 60px 0 30px
  }
  .gnav ul li a {
    font-size: 16px;
    padding: 15px 0
  }
  .btn-contact a, .btn-contact button, .btn-contact input {
    padding: 15px;
    font-size: 16px;
    display: block;
    width: 100%
  }
  .btn-contact a:after, .btn-contact button:after, .btn-contact input:after {
    font-size: 60px;
    position: absolute;
    top: 0px;
    right: 10px
  }
  .btn-normal a, .btn-normal button, .btn-normal input {
    padding: 15px;
    font-size: 16px;
    display: block;
    width: 100%
  }
  .btn-normal a:after, .btn-normal button:after, .btn-normal input:after {
    font-size: 60px;
    top: 0px;
    right: 10px
  }
  .btn-detail a, .btn-detail button, .btn-detail input, .btn-reserve a, .btn-reserve button, .btn-reserve input {
    padding: 15px;
    font-size: 16px;
    display: block;
    width: 100%
  }
  .btn-detail a:after, .btn-detail button:after, .btn-detail input:after, .btn-reserve a:after, .btn-reserve button:after, .btn-reserve input:after {
    font-size: 60px;
    top: 0px;
    right: 10px
  }
  .btn-center {
    text-align: center
  }
  .btn-center [class^=btn-] {
    display: block
  }
  .btn-center [class^=btn-] a, .btn-center [class^=btn-] button, .btn-center [class^=btn-] input {
    padding: 15px 0
  }
  .btn-inline [class^=btn-] {
    display: block
  }
  .btn-inline [class^=btn-] a, .btn-inline [class^=btn-] button, .btn-inline [class^=btn-] input {
    padding: 15px 0
  }
  .btn-two-inline {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .btn-two-inline li {
    margin: 0 0 10px;
    width: 100%;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0
  }
  #discount-price .top-content-title {
    margin-bottom: 30px
  }
  #discount-price .price-catch {
    width: auto;
    margin: 0 0 20px
  }
  #discount-price .price-catch-row {
    -js-display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 10px
  }
  #discount-price .price-catch-col {
    -webkit-box-flex: 1 0 0%;
    -moz-box-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    -webkit-flex: 1 0 0%;
    flex: 1 0 0%
  }
  #discount-price .price-catch-col-discount {
    margin-top: 75px;
    margin-left: 10px;
    margin-right: 5px;
    width: 75px;
    height: 75px;
    font-size: 12px;
    text-align: center;
    position: relative
  }
  #discount-price .price-catch-col-discount span {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    height: 1em;
    line-height: 1.1
  }
  #discount-price .price-catch-title {
    font-size: 18px
  }
  #discount-price .price-catch-price {
    margin-left: 0px;
    font-size: 20px;
    letter-spacing: normal
  }
  #discount-price .price-catch-price span {
    font-size: 25px
  }
  #discount-price .price-catch-sample {
    font-size: 10px
  }
  #discount-price .price-catch-note {
    font-size: 12px
  }
  #discount-price .price-add {
    letter-spacing: normal;
    font-size: 16px
  }
  #discount-price .price-add span {
    font-size: 18px;
    text-align: center
  }
  #discount-price .price-add strong {
    font-size: 24px;
    text-align: center
  }
  #discount-price .price-notice {
    padding: 15px;
    margin-bottom: 20px
  }
  #discount-price .price-notice .bg-price-notice {
    display: none
  }
  .equipment-list {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .equipment-list>li {
    width: 100%;
    margin-bottom: 30px;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    margin-right: 0
  }
  .equipment-list>li:nth-child(3n) {
    margin-right: 0
  }
  .equipment-list-photo {
    height: 260px
  }
  .about-company, .price-plan {
    padding: 15px
  }
  .about-company-table, .price-plan-table {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .about-company-table dt, .price-plan-table dt {
    color: #f7931e;
    width: auto;
    padding: 10px 10px 5px;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0
  }
  .about-company-table dd, .price-plan-table dd {
    -webkit-box-flex: 1 0 0%;
    -moz-box-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    -webkit-flex: 1 0 0%;
    flex: 1 0 0%;
    padding: 5px 10px 10px;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0
  }
  .map-catch {
    margin-bottom: 15px
  }
  .map-area {
    margin-bottom: 15px
  }
  .map-and-street {
    margin-bottom: 15px
  }
  .map-illust {
    margin: 0 0 15px
  }
  .map-street {
    -webkit-box-flex: 1 0 0%;
    -moz-box-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    -webkit-flex: 1 0 0%;
    flex: 1 0 0%
  }
  .map-street iframe {
    width: 100%
  }
  .map-street-text {
    background: #eaeaea;
    padding: 5px 10px
  }
  .reserve-all, .reserve-ng, .reserve-ok {
    font-size: 14px;
    margin-top: -7px;
    left: 5px
  }
  .reserve-calendar-header h3 {
    font-size: 18px
  }
  .reserve-calendar-next, .reserve-calendar-prev {
    width: 18px;
    height: 18px;
    margin-top: -9px
  }
  .reserve-calendar-next:before, .reserve-calendar-prev:before {
    font-size: 18px
  }
  .reserve-calendar-prev {
    left: 10px
  }
  .reserve-calendar-next {
    right: 10px
  }
  .reserve-calendar-table thead th {
    font-size: 16px
  }
  .reserve-calendar-table tbody td {
    padding: 10px 6px;
    font-size: 14px
  }
  .cancel-form-table {
    margin: 20px 0
  }
  .cancel-form-table dl {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .cancel-form-table dt {
    padding: 10px;
    width: 100%;
    font-size: 16px;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0
  }
  .cancel-form-table dd {
    padding: 10px;
    width: 100%;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0
  }
  .cancel-form-table dd select {
    font-size: 16px;
    padding: 10px;
    margin-right: 4px
  }
  .reserve-other-table tr:first-child th {
    border-top: 1px solid #cccccc
  }
  .reserve-other-table th {
    display: block;
    width: auto;
    border-top: 0
  }
  .reserve-other-table td {
    display: block;
    border-top: 0
  }
  .reserve-price-table dl {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .reserve-price-table dl dt {
    font-size: 16px;
    padding: 15px;
    text-align: center;
    width: 100%;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0
  }
  .reserve-price-table dl dd {
    font-size: 16px;
    width: 100%;
    padding: 15px;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0
  }
  .faq-list {
    margin-bottom: 30px
  }
  .faq-list .faq-title {
    padding: 10px
  }
  .faq-list dl {
    margin-bottom: 20px
  }
  .low-table dl {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .low-table dl dt {
    width: 100%;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0
  }
  .low-table dl dd {
    width: 100%;
    padding: 15px;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0
  }
  .privacy-catch {
    margin-bottom: 40px
  }
  .privacy-content h3 {
    font-size: 16px;
    margin-bottom: 5px
  }
  .privacy-content p {
    margin-bottom: 5px
  }
  .privacy-content ol {
    margin-bottom: 5px
  }
  .privacy-content-inner {
    margin-bottom: 20px
  }
  .privacy-contact {
    padding: 10px
  }
  .room-list {
    margin: 30px 0 0 0
  }
  .room-list ol {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .room-list ol li {
    width: 100%;
    margin-bottom: 20px;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0
  }
  .room-list-photo {
    margin-bottom: 10px
  }
  .flow-content ol li {
    padding: 10px 10px 10px 45px
  }
  .flow-content ol li:before {
    top: 10px;
    left: 10px;
    line-height: 1.1;
    font-size: 18px
  }
  .common-footer {
    padding: 0 0 10px
  }
  .common-footer .btn-pagetop {
    width: auto;
    height: auto;
    position: relative;
    top: auto;
    right: auto;
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid #fff
  }
  .common-footer .btn-pagetop i {
    position: relative
  }
  .common-footer .btn-pagetop a {
    display: block;
    height: 100%
  }
  .common-footer .footer-contact {
    padding: 20px 10px 30px
  }
  .common-footer .footer-contact-logo {
    width: 120px;
    margin: 0 auto 20px
  }
  .common-footer .footer-contact p {
    margin-bottom: 20px;
    font-size: 14px
  }
  .common-footer .footer-access {
    padding: 30px 0
  }
  .common-footer .footer-access .section-inner {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .common-footer .footer-access .footer-company-name {
    font-size: 18px;
    width: 100%;
    border-right: none;
    border-bottom: 2px solid #fff;
    padding: 0 0 15px;
    margin: 0 0 15px 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0
  }
  .common-footer .footer-access .footer-address {
    font-size: 12px;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0
  }
  .common-footer .footer-copyright .section-inner {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .common-footer .fnav {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-flex-order: 1;
    -moz-flex-order: 1;
    -webkit-order: 1;
    -moz-order: 1;
    order: 1;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0
  }
  .common-footer .fnav ul {
    text-align: center;
    width: 100%
  }
  .common-footer .fnav ul li {
    display: block;
    border-right: none;
    border-bottom: 1px solid #fff;
    padding: 0;
    margin: 0
  }
  .common-footer .fnav ul li a {
    display: block;
    padding: 15px 0
  }
  .common-footer .copyright {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-flex-order: 2;
    -moz-flex-order: 2;
    -webkit-order: 2;
    -moz-order: 2;
    order: 2;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    font-size: 10px;
    text-align: center
  }
}

@media screen and (max-width:340px) {
  .normal-section {
    padding: 20px 0
  }
  .second-page {
    margin-top: 50px
  }
  .second-page .normal-section {
    padding: 20px 0
  }
  .second-page h3 {
    font-size: 18px
  }
  .second-page h4 {
    font-size: 16px
  }
  .section-title {
    font-size: 24px;
    padding-top: 25px;
    margin-bottom: 10px
  }
  .section-title-ja {
    font-size: 12px
  }
  .common-header {
    padding: 0
  }
  .common-header .section-inner {
    padding: 12px 10px
  }
  .common-header h1 {
    width: 140px
  }
  .common-header .header-content .header-description {
    display: none
  }
  .common-header .header-content .nav-area {
    font-size: 12px
  }
  .common-header .header-content .nav-area .nav-text {
    padding: 11px
  }
  .nav-trigger {
    width: 50px;
    height: 50px
  }
  .nav-trigger span {
    width: 20px;
    left: 16px
  }
  .gnav {
    padding: 50px 0 10px
  }
  .gnav ul li a {
    font-size: 14px;
    padding: 6px 0
  }
  .btn-contact a:after, .btn-contact button:after, .btn-contact input:after {
    top: 10px;
    font-size: 40px
  }
  .btn-normal a:after, .btn-normal button:after, .btn-normal input:after {
    top: 10px;
    font-size: 40px
  }
  .btn-detail a:after, .btn-detail button:after, .btn-detail input:after, .btn-reserve a:after, .btn-reserve button:after, .btn-reserve input:after {
    top: 10px;
    font-size: 40px
  }
  #discount-price .top-content-title {
    margin-bottom: 20px
  }
  #discount-price .price-catch {
    margin: 0 0 10px
  }
  #discount-price .price-catch-col-discount {
    margin-top: 50px;
    margin-left: 5px;
    width: 50px;
    height: 50px;
    font-size: 8px;
    text-align: center;
    position: relative
  }
  #discount-price .price-catch-col-discount span {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    height: 1em;
    line-height: 1.1
  }
  #discount-price .price-catch-title {
    font-size: 16px;
    margin-bottom: 5px
  }
  #discount-price .price-catch-price {
    margin-left: 0px;
    font-size: 14px;
    letter-spacing: normal
  }
  #discount-price .price-catch-price span {
    font-size: 14px
  }
  #discount-price .price-catch-sample {
    font-size: 8px
  }
  #discount-price .price-catch-note {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
  #discount-price .price-catch-note strong {
    line-height: 1.2;
    font-size: 12px
  }
  #discount-price .price-catch-note span {
    display: block;
    width: 100%;
    margin: 0;
    padding: 3px
  }
  #discount-price .price-add {
    letter-spacing: normal
  }
  #discount-price .price-add span {
    font-size: 16px
  }
  #discount-price .price-add strong {
    font-size: 20px;
    text-align: center
  }
  #discount-price .price-notice {
    padding: 15px;
    margin-bottom: 20px
  }
  .reserve-all, .reserve-ng, .reserve-ok {
    font-size: 12px
  }
  .reserve-calendar-header {
    padding: 5px 0;
    margin-bottom: 10px
  }
  .reserve-calendar-header h3 {
    margin-bottom: 0
  }
  .reserve-calendar-table tbody td {
    padding: 5px 4px;
    font-size: 12px;
    letter-spacing: normal
  }

}
.top-content-thumbs li.li_solid{
  border: 0px solid;
}

@media screen and (max-width:375px){
  .top-content-row#meeting2nd_1 {
    background: #eaeaea url(../../img/img_bento_sp.png) no-repeat 0 0!important;
    background-size: cover
  }
  .top-content-row#meeting2nd {
    background: #eaeaea url(../../img/bg_2nd-meeting_sp.png) no-repeat 0 0!important;
    background-size: cover
  }
}

/* .app_background{
  background-color:rgba(255,255,255,0.8);
} */


@media screen and (max-width: 768px){
  .flexslider .slides img {
    width: auto;
    height: 480px;
    -moz-user-select: none;
}
}