@charset "UTF-8";
/* Scss Document */
/* Scss Document */
@media (min-width: 992px) {
  .w-1140 {
    max-width: 1170px;
    margin-right: auto;
    margin-left: auto; } }
@media (min-width: 992px) {
  .w-1140-narrow {
    max-width: 1170px;
    margin-right: auto;
    margin-left: auto;
    margin-top: -39px; } }
@media (min-width: 992px) {
  .w-940 {
    max-width: 970px;
    margin-right: auto;
    margin-left: auto; } }
@media (min-width: 992px) {
  .w-800 {
    max-width: 830px;
    margin-right: auto;
    margin-left: auto; } }
.line-thick {
  border-top: solid 6px #ffd200; }

.line-thin {
  border-top: solid 1px #ffd200; }

body {
  font-size: 16px;
  background: #fff; }

html, body, p, h1, h2, h3, h4, h5, h6, .post-item .post-item-description > h2, .post-item .post-item-description > h2 > a {
  font-family: "游ゴシック", "YuGothic", "Meiryo", "メイリオ", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "sans-serif" !important;
  color: #382419;
  line-height: 1.8;
  font-size: 16px;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 500; }

@media (max-width: 991px) {
  html, body, p, h1, h2, h3, h4, h5, h6, .post-item .post-item-description > h2, .post-item .post-item-description > h2 > a {
    font-size: 14px; } }
/* リセット用
=================================================== */
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
  font-family: "游ゴシック", "YuGothic", "Meiryo", "メイリオ", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "sans-serif"; }

p, ul, dl, h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0; }

ul {
  padding-left: 0; }

li {
  list-style: none; }

section {
  padding: 0; }

a {
  color: #382419; }

a:hover, a:focus, a:active {
  text-decoration: none;
  outline: none;
  color: #382419; }

/* font-weight(Noto Sans JPなど)
=================================================== */
.weight100 {
  font-weight: 100; }

.weight300 {
  font-weight: 300; }

.weight400 {
  font-weight: 400; }

.weight500 {
  font-weight: 500; }

.weight600 {
  font-weight: 600; }

.weight700 {
  font-weight: 700; }

.weight900 {
  font-weight: 900; }

/* 文節下余白
=================================================== */
.sentence {
  margin-bottom: 35px; }

@media (max-width: 991px) {
  .sentence {
    margin-bottom: 20px; } }
.sentence02 {
  margin-bottom: 55px; }

@media (max-width: 991px) {
  .sentence02 {
    margin-bottom: 45px; } }
.sentence03 {
  margin-bottom: 80px; }

@media (max-width: 991px) {
  .sentence03 {
    margin-bottom: 50px; } }
/* 幅
=================================================== */
@media (min-width: 1200px) {
  .w-980 {
    width: 1010px; } }

/* カラム間余白調整
=================================================== */
@media (min-width: 768px) {
  .row-0 {
    margin-left: 0;
    margin-right: 0; }

  .row-0 > *[class^="col"] {
    padding-right: 0;
    padding-left: 0; }

  .row-6 {
    margin-left: -3px;
    margin-right: -3px; }

  .row-6 > *[class^="col"] {
    padding-right: 3px;
    padding-left: 3px; }

  .row-10 {
    margin-left: -5px;
    margin-right: -5px; }

  .row-10 > *[class^="col"] {
    padding-right: 5px;
    padding-left: 5px; }

  .row-16 {
    margin-left: -8px;
    margin-right: -8px; }

  .row-16 > *[class^="col"] {
    padding-right: 8px;
    padding-left: 8px; }

  .row-20 {
    margin-left: -10px;
    margin-right: -10px; }

  .row-20 > *[class^="col"] {
    padding-right: 10px;
    padding-left: 10px; }

  .row-26 {
    margin-left: -13px;
    margin-right: -13px; }

  .row-26 > *[class^="col"] {
    padding-right: 13px;
    padding-left: 13px; }

  .row-36 {
    margin-left: -18px;
    margin-right: -18px; }

  .row-36 > *[class^="col"] {
    padding-right: 18px;
    padding-left: 18px; }

  .row-40 {
    margin-left: -20px;
    margin-right: -20px; }

  .row-40 > *[class^="col"] {
    padding-right: 20px;
    padding-left: 20px; }

  .row-50 {
    margin-left: -25px;
    margin-right: -25px; }

  .row-50 > *[class^="col"] {
    padding-right: 25px;
    padding-left: 25px; }

  .row-60 {
    margin-left: -30px;
    margin-right: -30px; }

  .row-60 > *[class^="col"] {
    padding-right: 30px;
    padding-left: 30px; }

  .row-location {
    margin-left: -6px;
    margin-right: -6px; }

  .row-location > *[class^="col"] {
    padding-right: 6px;
    padding-left: 6px; } }
@media (max-width: 767px) {
  .row-0 {
    margin-left: 0;
    margin-right: 0; }

  .row-0 > *[class^="col"] {
    padding-right: 0;
    padding-left: 0; }

  .row-6 {
    margin-left: -3px;
    margin-right: -3px; }

  .row-6 > *[class^="col"] {
    padding-right: 3px;
    padding-left: 3px; }

  .row-10 {
    margin-left: -5px;
    margin-right: -5px; }

  .row-10 > *[class^="col"] {
    padding-right: 5px;
    padding-left: 5px; }

  .row-16 {
    margin-left: -8px;
    margin-right: -8px; }

  .row-16 > *[class^="col"] {
    padding-right: 8px;
    padding-left: 8px; }

  .row-20 {
    margin-left: -10px;
    margin-right: -10px; }

  .row-20 > *[class^="col"] {
    padding-right: 10px;
    padding-left: 10px; }

  .row-26 {
    margin-left: -13px;
    margin-right: -13px; }

  .row-26 > *[class^="col"] {
    padding-right: 13px;
    padding-left: 13px; }

  .row-36 {
    margin-left: -18px;
    margin-right: -18px; }

  .row-36 > *[class^="col"] {
    padding-right: 18px;
    padding-left: 18px; }

  .row-40 {
    margin-left: -20px;
    margin-right: -20px; }

  .row-40 > *[class^="col"] {
    padding-right: 20px;
    padding-left: 20px; }

  .row-50 {
    margin-left: -25px;
    margin-right: -25px; }

  .row-50 > *[class^="col"] {
    padding-right: 25px;
    padding-left: 25px; }

  .row-60 {
    margin-left: -30px;
    margin-right: -30px; }

  .row-60 > *[class^="col"] {
    padding-right: 30px;
    padding-left: 30px; }

  .row-location {
    margin-left: -3px;
    margin-right: -3px; }

  .row-location > *[class^="col"] {
    padding-right: 3px;
    padding-left: 3px; } }
.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0; }

/* 5列用
=================================================== */
.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5, .col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5, .col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5, .col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.col-xs-1-5 {
  width: 20%;
  float: left; }

.col-xs-2-5 {
  width: 40%;
  float: left; }

.col-xs-3-5 {
  width: 60%;
  float: left; }

.col-xs-4-5 {
  width: 80%;
  float: left; }

@media (min-width: 768px) {
  .col-sm-1-5 {
    width: 20%;
    float: left; }

  .col-sm-2-5 {
    width: 40%;
    float: left; }

  .col-sm-3-5 {
    width: 60%;
    float: left; }

  .col-sm-4-5 {
    width: 80%;
    float: left; } }
@media (min-width: 992px) {
  .col-md-1-5 {
    width: 20%;
    float: left; }

  .col-md-2-5 {
    width: 40%;
    float: left; }

  .col-md-3-5 {
    width: 60%;
    float: left; }

  .col-md-4-5 {
    width: 80%;
    float: left; } }
@media (min-width: 1200px) {
  .col-lg-1-5 {
    width: 20%;
    float: left; }

  .col-lg-2-5 {
    width: 40%;
    float: left; }

  .col-lg-3-5 {
    width: 60%;
    float: left; }

  .col-lg-4-5 {
    width: 80%;
    float: left; } }
/* hover時：透過
=================================================== */
.c-overwhite {
  transition: all 0.3s ease-in-out 0s !important; }

.c-overwhite:hover {
  opacity: 0.65;
  text-decoration: none !important; }

/* アンカー
=================================================== */
.nav-height:before {
  content: "";
  height: 75px;
  margin-top: -75px;
  display: block;
  visibility: hidden; }

@media (max-width: 767px) {
  .nav-height:before {
    content: "";
    height: 70px;
    margin-top: -70px;
    display: block;
    visibility: hidden; } }
/* poloオリジナルスタイル リセット用
=================================================== */
/* style.css
-------------------------------------- */
.row .col-sm-6:nth-child(2n+3), .row .col-sm-3:nth-child(4n+5), .row .col-sm-2:nth-child(6n+7), .row .col-sm-1:nth-child(12n+13) {
  clear: none; }

@media (min-width: 480px) and (max-width: 991px) {
  .col-sm-7 {
    width: 58.33333333% !important; }

  .col-sm-5 {
    width: 41.66666667% !important; } }
/* responsive.css
-------------------------------------- */
@media (max-width: 767px) {
  .col-xs-9 {
    width: 75% !important; }

  .col-xs-8 {
    width: 66.66666667% !important; }

  .col-xs-7 {
    width: 58.33333333% !important; }

  .col-xs-5 {
    width: 41.66666667% !important; }

  .col-xs-6 {
    width: 50% !important; }

  .col-xs-4 {
    width: 33.33333333% !important; }

  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-19, .col-md-11, .col-md-12 {
    clear: none; } }
/* theme-base.css
-------------------------------------- */
@media (max-width: 991px) {
  .col-sm-9 {
    width: 75%; }

  .col-sm-8 {
    width: 66.66666667%; }

  .col-sm-7 {
    width: 58.33333333%; }

  .col-sm-4 {
    width: 33.33333333%; }

  .col-sm-3 {
    width: 25%; } }
@media (max-width: 767px) {
  .col-xs-10 {
    width: 83.33333333% !important; }

  .col-md-6 {
    width: 50%; }

  .col-xs-3 {
    width: 25%; } }
@media (max-width: 479px) {
  .container {
    padding: 0 20px; } }
@media (max-width: 991px) and (min-width: 480px) {
  .col-sm-9 {
    width: 75% !important; }

  .col-sm-8 {
    width: 66.66666667% !important; }

  .col-sm-6 {
    width: 50% !important; }

  .col-sm-4 {
    width: 33.33333333% !important; }

  .col-sm-3 {
    width: 25% !important; }

  .col-sm-2 {
    width: 16.66666667% !important; } }
@media (min-width: 480px) and (max-width: 767px) {
  .col-sm-7 {
    width: 58.33333333%; } }
@media (min-width: 480px) and (max-width: 767px) {
  .container, #header.header-fullwidth .container {
    width: 100% !important; } }
/* plugins.css
-------------------------------------- */
.col-xs-6 {
  float: left !important; }

/* chromeハック（ぼやけ防止）
=================================================== */
img {
  backface-visibility: hidden; }

/* ヘッダー
=================================================== */
#header.header-sticky:not(.header-static) {
  height: 80px; }

#header.header-sticky:not(.header-static) nav#mainMenu ul.main-menu, #header.header-sticky:not(.header-static) #header-wrap {
  height: auto; }

.nav-pills .concept img {
  width: 80px; }

.nav-pills .landplan img {
  width: 69px; }

.nav-pills .plan img {
  width: 51px; }

.nav-pills .bunjo img {
  width: 115px; }

.nav-pills .location img {
  width: 77px; }

.nav-pills .access img {
  width: 66px;
  position: relative;
  top: 1px; }

#mainMenu .nav-pills .access a {
  padding-bottom: 19px; }

.nav-pills .outline img {
  width: 78px; }

.logo {
  width: 231px;
  float: left; }

@media (min-width: 992px) and (max-width: 1199px) {
  .logo {
    width: 204px; } }
@media (max-width: 767px) {
  .logo {
    width: 181px; } }
.navigation-wrap {
  display: none; }

#mainMenu {
  float: none;
  padding: 0 100px; }

@media (max-width: 991px) {
  #mainMenu {
    padding: 0; } }
@media (max-width: 991px) {
  #mainMenu {
    padding: 15px 25px; } }
#header-wrap {
  padding: 0;
  background: #3e3a39; }

@media (max-width: 767px) {
  #header-wrap {
    padding: 0; } }
@media (max-width: 991px) {
  .sp-fixed #header-wrap, #lower #header-wrap {
    border-bottom: solid 1px #892261; } }
.open #header-wrap {
  background-color: #3e3a39;
  opacity: 0.98; }

.nav > li > a {
  padding: 10px 20px; }

@media (min-width: 992px) and (max-width: 1199px) {
  .nav > li > a {
    padding: 10px 11px; } }
.nav > li > a:focus, .nav > li > a:hover {
  text-decoration: none;
  background: none; }

.nav-main-menu-responsive .lines-button {
  height: auto;
  display: block;
  padding-top: 22px;
  padding-left: 23px; }
  @media (max-width: 767px) {
    .nav-main-menu-responsive .lines-button {
      padding-left: 15px; } }

@media all and (-ms-high-contrast: none) {
  .nav-main-menu-responsive .lines-button {
    padding-top: 18px; } }
.header-fixed .nav-main-menu-responsive .lines-button {
  padding-top: 17px;
  padding-left: 20px; }

@media all and (-ms-high-contrast: none) {
  /* IE10以降 */
  .header-fixed .nav-main-menu-responsive .lines-button {
    padding-top: 17px;
    padding-left: 20px;
    margin-top: 5px; } }
@media all and (-ms-high-contrast: none) {
  .header-fixed .nav-main-menu-responsive .lines-button {
    padding-top: 14px; } }
/* ハンバーガー　*/
.lines, .lines:before, .lines:after {
  background-color: #f39800; }

.nav-main-menu-responsive {
  position: relative;
  line-height: inherit;
  display: block;
  width: 75px;
  height: 75px;
  background-color: #000;
  transition: initial;
  float: right;
  margin-top: -75px; }

.lower .nav-main-menu-responsive {
  margin-top: -75px; }

@media (max-width: 767px) {
  .lower .nav-main-menu-responsive {
    margin-top: -38px; } }
.header-fixed .nav-main-menu-responsive {
  width: 62px;
  height: 62px;
  margin-top: -70px; }

.nav-kansei {
  position: relative;
  line-height: inherit;
  display: block;
  float: right; }

@media (max-width: 767px) {
  .nav-main-menu-responsive, .header-fixed .nav-main-menu-responsive {
    width: 60px;
    height: 70px;
    position: relative;
    margin-top: 0; } }
.nav-kansei {
  position: relative;
  line-height: inherit;
  display: block;
  float: right; }

@media (max-width: 767px) {
  .nav-main-menu-responsive, .header-fixed .nav-main-menu-responsive {
    width: 60px;
    height: 70px;
    position: relative;
    margin-top: 0; } }
.nav-kansei a {
  color: #fff;
  font-size: 14px;
  line-height: 1.3;
  display: block;
  text-align: center;
  padding-top: 12px;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background-color: #1c2c54; }

.header-fixed .nav-kansei a {
  font-size: 13px;
  padding-top: 13px;
  width: 58px;
  height: 58px; }

@media all and (-ms-high-contrast: none) {
  .nav-kansei a {
    padding-top: 15px; } }
@media (max-width: 767px) {
  .nav-kansei a, .header-fixed .nav-kansei a {
    font-size: 11px;
    padding-top: 9px;
    width: 47px;
    height: 47px; } }
.lines::before {
  top: 8px; }

.lines::after {
  top: -8px; }

.lines {
  width: 30px; }

#header-wrap > .container, #mainMenu > .container {
  width: 100% !important; }

.nav-pills li::before {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  color: #f39800;
  float: right;
  font-size: 14px;
  margin-top: 20px;
  font-weight: 900; }
  @media (max-width: 767px) {
    .nav-pills li::before {
      margin-top: 15px; } }

@media (max-width: 991px) {
  .nav-pills li:before {
    right: -5px;
    top: 20px; } }
@media (max-width: 991px) {
  .nav-pills li.link-pref {
    z-index: 10; } }
#mainMenu ul > li > a {
  height: auto;
  padding: 22px 0px 18px; }

@media (max-width: 991px) {
  #mainMenu ul > li > a {
    padding: 17px 0; } }
.main-menu ul.nav-pills {
  padding-top: 20px;
  padding-bottom: 150px; }

@media (max-width: 991px) {
  .main-menu ul.nav-pills {
    padding-top: 0; } }
.main-menu, .main-menu ul.nav-pills, .main-menu ul.nav-pills li {
  display: none; }

.navigation-active .main-menu, .navigation-active .main-menu ul.nav-pills, .navigation-active .main-menu ul.nav-pills li {
  display: block; }

@media (max-width: 767px) {
  .main-menu ul.nav-pills li {
    padding-left: 10px;
    padding-right: 10px; } }
#header-wrap {
  /*height: 125px;*/
  height: 100%; }

.header-fixed #header-wrap {
  background: #fff;
  padding: 4px 0 10px;
  border-bottom: solid 4px #ffd200;
  opacity: 0.98; }

@media (max-width: 991px) {
  .header-fixed #header-wrap {
    padding: 8px 0;
    border-bottom: solid 2px #ffd200;
    border: none; } }
@media (max-width: 991px) {
  .lower #header-wrap {
    border-bottom: solid 2px #ffd200;
    border: none; } }
.header-wrap-inner {
  margin: 0 auto;
  padding-right: 0;
  padding-left: 0;
  clear: both;
  height: 100%; }

.head-txt, .device-xxs .head-txt {
  display: none; }

.header-fixed .head-txt {
  display: block;
  float: left;
  position: relative;
  top: 19px;
  left: 25px;
  color: #a50006; }

@media all and (-ms-high-contrast: none) {
  .header-fixed .head-txt {
    top: 22px; } }
.navigation-wrap.navigation-active {
  display: block;
  width: 100%;
  height: 100%; }

@media (min-width: 992px) {
  .navigation-wrap.navigation-active {
    position: relative; } }
.main-menu ul li {
  /*padding: 0;*/
  margin: 0;
  float: none;
  display: block; }

@media (min-width: 992px) {
  .main-menu ul li {
    clear: none;
    float: left;
    padding-right: 15px;
    padding-left: 15px; }

  .main-menu {
    margin-right: -15px;
    margin-left: -15px; } }
#mainMenu ul > li > a, #mainMenu ul > li > span, #mainMenu .mega-menu-title, #mainMenu .mega-menu-content a {
  border-bottom: 1px solid #4c4c4c !important; }

#mainMenu ul > li > a.bd-none {
  border-bottom: none !important; }

#mainMenu ul > li > a, #mainMenu ul > li > span {
  line-height: 20px;
  outline: none;
  border-radius: 0;
  color: #f39800;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0.08em; }

#mainMenu ul > li > a span {
  font-family: 'Oswald', sans-serif !important;
  font-weight: bold; }

#mainMenu ul > li > a.sumai-navi span {
  color: #db3a02; }

#mainMenu ul > li > a.sumai-navi span span {
  color: #343434; }

@media (max-width: 991px) {
  #mainMenu ul > li > a, #mainMenu ul > li > span, #mainMenu ul > li > a.sumai-navi {
    text-align: left;
    font-size: 13.5px; } }
@media (max-width: 767px) {
  #mainMenu ul > li > a.img-pattern img {
    max-width: 93%;
    text-align: left;
    margin: -9px 0px -9px; } }
@media (min-width: 768px) and (max-width: 991px) {
  #mainMenu ul > li > a.img-pattern img {
    max-width: 35%;
    text-align: left;
    margin: -5px 0; } }
@media (min-width: 992px) and (max-width: 1199px) {
  #mainMenu ul > li > a.img-pattern img {
    max-width: 90%;
    margin: -13px auto -10px;
    height: 47px; } }
@media (min-width: 1200px) {
  #mainMenu ul > li > a.img-pattern img {
    max-width: 90%;
    margin: -14px auto -9px;
    height: 47px; } }
.top-logo {
  display: block;
  width: 143px;
  top: 8px;
  margin: 0 auto; }

@media (min-width: 992px) {
  .header-fixed .top-logo {
    padding-top: 5px;
    width: 115px; } }
@media all and (-ms-high-contrast: none) {
  .header-fixed .top-logo {
    padding-top: 6px; } }
@media (max-width: 767px) {
  .top-logo {
    width: 80px;
    padding-top: 7px;
    top: 0; }

  .header-fixed .top-logo {
    padding-top: 2px; } }
.lower-logo {
  margin-bottom: 0 !important;
  display: block;
  width: 168px;
  margin: 0 auto 0; }
  @media (max-width: 767px) {
    .lower-logo {
      padding: 17px 0 0 15px;
      float: left; } }

.lower-logo img {
  width: 168px; }
  @media (max-width: 767px) {
    .lower-logo img {
      width: 140px; } }

@media (max-width: 767px) {
  .header-fixed .lower-logo {
    width: 140px !important;
    float: left;
    padding: 16px 0 19px 15px; } }
@media all and (-ms-high-contrast: none) {
  .header-fixed .lower-logo {
    padding-top: 6px; } }
@media (max-width: 767px) {
  .header-fixed .lower-logo {
    padding-top: 2px; } }
.open {
  /*position: fixed;*/
  width: 100%;
  height: 100%; }

.navigation-wrap {
  overflow: auto;
  overflow-x: hidden; }

.navigation-wrap {
  display: none;
  clear: both; }

.navbar-fixed-top {
  height: auto; }

/* plugin.cssを上書き　*/
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
  max-height: 100%; }

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {
  padding-right: inherit;
  padding-left: inherit; }

.navbar-collapse.collapse {
  /* overflow: auto !important; */ }

.navbar-collapse {
  border-top: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

/* plugin.cssを上書き　ここまで　*/
.open #gNavi-top-change {
  height: 100%; }

.open .header-fixed .nav-main-menu-responsive .lines-button {
  padding-top: 6px;
  padding-left: 13px; }

.open .nav-main-menu-responsive .lines-button {
  padding-top: 24px;
  padding-left: 19px; }

@media (max-width: 767px) {
  .open .nav-main-menu-responsive .lines-button {
    padding-left: 12px;
    padding-top: 23px !important; } }
/* ACCESS TEL のリンク */
.head-menu {
  float: right; }

.head-menu .access a {
  width: 55px;
  height: 18px;
  display: block;
  position: relative;
  float: right;
  transition: all 0.3s ease-in-out 0s !important;
  background: url(/wing-field/img/head-access.png) no-repeat;
  margin-top: -46px;
  margin-right: 164px;
  background-size: 55px 18px; }
  @media (max-width: 767px) {
    .head-menu .access a {
      width: 44px;
      height: 16px;
      background-size: 44px 16px;
      margin-top: 28px;
      margin-right: 69px; } }
  @media (max-width: 374px) {
    .head-menu .access a {
      margin-right: 42px; } }

.head-menu .tel a {
  width: 24px;
  height: 18px;
  display: block;
  position: relative;
  float: right;
  transition: all 0.3s ease-in-out 0s !important;
  background: url(/wing-field/img/head-tel.png) no-repeat;
  margin-top: -46px;
  margin-right: 113px;
  background-size: 24px 18px; }
  @media (max-width: 767px) {
    .head-menu .tel a {
      width: 19px;
      height: 16px;
      background-size: 19px 16px;
      margin-top: -16px;
      margin-right: 25px; } }
  @media (max-width: 767px) and (max-width: 374px) {
    .head-menu .tel a {
      margin-right: 11px; } }

.head-menu .access a:hover, .head-menu .tel a:hover {
  opacity: 0.8; }

/* フッター */
footer {
  background-color: #282524; }
  footer .foot-upper .mail-mgz {
    background: #dee1e4;
    border-top: solid 1px #d2d2d2; }
    footer .foot-upper .mail-mgz .mail-mgz-inner {
      width: 800px;
      margin: 0 auto;
      padding: 37px 0 45px; }
      @media (max-width: 991px) {
        footer .foot-upper .mail-mgz .mail-mgz-inner {
          width: 90%;
          padding: 10px 0 32px; } }
      @media (max-width: 991px) {
        footer .foot-upper .mail-mgz .mail-mgz-inner .mail-mgz-wrap {
          display: table;
          margin: 0 auto; } }
      footer .foot-upper .mail-mgz .mail-mgz-inner .mail-mgz-wrap .mail-mgz-logo {
        display: block;
        width: 205px;
        margin: 0 auto 20px;
        text-align: center; }
        @media (max-width: 991px) {
          footer .foot-upper .mail-mgz .mail-mgz-inner .mail-mgz-wrap .mail-mgz-logo {
            display: table-cell;
            width: 160px;
            vertical-align: middle; } }
      footer .foot-upper .mail-mgz .mail-mgz-inner .mail-mgz-wrap .txt {
        text-align: center;
        display: block;
        margin-bottom: 15px; }
        @media (max-width: 991px) {
          footer .foot-upper .mail-mgz .mail-mgz-inner .mail-mgz-wrap .txt {
            text-align: left;
            padding: 22px 0 15px 20px;
            line-height: 1.5;
            display: table-cell; } }
      footer .foot-upper .mail-mgz .mail-mgz-inner .mail-mgz-btn {
        width: 280px;
        margin: 0 auto; }
  footer .foot-upper .reservation {
    background: #3e3a39;
    padding-bottom: 70px;
    position: relative; }
    footer .foot-upper .reservation .reservation-inner {
      width: 570px;
      margin: 0px auto 20px; }
      @media (max-width: 991px) {
        footer .foot-upper .reservation .reservation-inner {
          width: 100%; } }
      footer .foot-upper .reservation .reservation-inner .pht {
        margin-top: -40px;
        padding: 0; }
        @media (max-width: 991px) {
          footer .foot-upper .reservation .reservation-inner .pht {
            margin-top: -32px; } }
      footer .foot-upper .reservation .reservation-inner .txt {
        color: #fff;
        padding-top: 100px; }
        @media (max-width: 991px) {
          footer .foot-upper .reservation .reservation-inner .txt {
            padding: 30px 25px 0 20px; } }
    footer .foot-upper .reservation .reservation-btn {
      width: 280px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 42px;
      margin: 0 auto;
      text-align: center; }
  footer .f-menu {
    padding: 55px 0 65px; }
    @media (max-width: 991px) {
      footer .f-menu {
        padding: 0; } }
    @media (max-width: 991px) {
      footer .f-menu .container {
        width: 100% !important;
        padding: 0 !important; } }
    @media (min-width: 992px) {
      footer .f-menu .container .row {
        margin: 0 -5px; } }
    @media (max-width: 991px) {
      footer .f-menu .container .row {
        margin: 0 auto; } }
    footer .f-menu .container .row .f-section {
      /*width: 21%;*/ }
      @media (min-width: 992px) {
        footer .f-menu .container .row .f-section {
          padding: 0 5px; } }
      @media (max-width: 991px) {
        footer .f-menu .container .row .f-section {
          float: none;
          padding: 0;
          width: 100%; } }
      footer .f-menu .container .row .f-section li {
        padding-bottom: 6px;
        position: relative; }
        @media (max-width: 991px) {
          footer .f-menu .container .row .f-section li {
            width: 50%;
            float: left;
            border-right: solid 1px #3e3a39;
            border-bottom: solid 1px #3e3a39;
            padding: 12px 18px; } }
        @media (max-width: 991px) {
          footer .f-menu .container .row .f-section li.none {
            border-right: none; } }
        footer .f-menu .container .row .f-section li a {
          font-size: 16px;
          color: #f39800; }
          @media (max-width: 991px) {
            footer .f-menu .container .row .f-section li a {
              font-size: 14px;
              text-align: left;
              display: block; } }
          footer .f-menu .container .row .f-section li a span {
            font-family: 'Oswald', sans-serif !important;
            font-weight: bold;
            letter-spacing: 0.08em; }
        footer .f-menu .container .row .f-section li.link-none a {
          color: #503920; }
    footer .f-menu .container .row .corporate {
      background: #282524; }
      @media (min-width: 992px) {
        footer .f-menu .container .row .corporate {
          padding: 8px 5px; } }
      @media (max-width: 991px) {
        footer .f-menu .container .row .corporate {
          clear: both;
          padding: 25px 0 15px;
          background: #dee1e4; } }
      footer .f-menu .container .row .corporate .fresco-logo {
        font-size: 10px;
        color: #fff; }
        @media (max-width: 991px) {
          footer .f-menu .container .row .corporate .fresco-logo {
            display: table;
            margin: 0 auto;
            text-align: center;
            color: #333; } }
        footer .f-menu .container .row .corporate .fresco-logo img {
          display: block;
          margin-right: 10px;
          position: relative;
          top: -3px;
          width: 30%; }
          @media (max-width: 991px) {
            footer .f-menu .container .row .corporate .fresco-logo img {
              display: inline-block !important;
              top: -4px;
              width: 17%; } }
        @media (max-width: 991px) {
          footer .f-menu .container .row .corporate .fresco-logo .not-visible {
            display: none !important; } }
      footer .f-menu .container .row .corporate .fresco-logo-btm {
        padding-top: 10px; }
        @media (max-width: 991px) {
          footer .f-menu .container .row .corporate .fresco-logo-btm {
            text-align: center; } }
        footer .f-menu .container .row .corporate .fresco-logo-btm a img {
          width: 48%;
          text-align: left;
          margin-left: 0;
          padding-top: 5px; }
          @media (max-width: 991px) {
            footer .f-menu .container .row .corporate .fresco-logo-btm a img {
              text-align: center;
              margin: 0 auto;
              width: 42%;
              padding-top: 0; } }
      footer .f-menu .container .row .corporate .fresco-tel {
        padding-top: 9px; }
        @media (max-width: 991px) {
          footer .f-menu .container .row .corporate .fresco-tel {
            text-align: center;
            padding-top: 15px; } }
        footer .f-menu .container .row .corporate .fresco-tel a img {
          width: 82%;
          text-align: left;
          margin-left: 0; }
          @media (max-width: 991px) {
            footer .f-menu .container .row .corporate .fresco-tel a img {
              text-align: center;
              margin: 0 auto;
              width: 60%; } }
  footer .copyright {
    font-size: 14px;
    color: #000;
    text-align: center;
    background-color: #dee1e4;
    padding: 8px 0 11px;
    font-weight: 500; }
    @media (max-width: 991px) {
      footer .copyright {
        font-size: 12px; } }
    @media (max-width: 500px) {
      footer .copyright {
        margin-bottom: 51px; } }

@media (max-width: 500px) {
  .form .copyright {
    margin-bottom: 0; } }

/* バナーエリア */
@media (min-width: 991px) {
  .footer-bnr-area {
    background-color: #eee;
    padding: 30px 0 35px;
    margin-top: 0; } }
@media (max-width: 991px) {
  .footer-bnr-area {
    background-color: #eee;
    margin-top: 0;
    padding: 20px 0 15px; }

  .footer-bnr-area li {
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 3px; }

  .footer-bnr-area .row {
    margin-right: -3px;
    margin-left: -3px; }

  footer .tel-link a {
    display: inline-block;
    margin-left: -10px; } }
/* ページトップ */
#totop a {
  width: 60px;
  position: fixed;
  bottom: 93px;
  right: 17px;
  display: block;
  z-index: 5000; }

.open #totop {
  display: none !important; }

@media (max-width: 991px) {
  #totop a {
    width: 45px;
    position: fixed;
    bottom: 60px;
    right: 15px;
    display: block;
    z-index: 5000; } }
.container {
  position: relative; }

/* ----------------------------------------------------------------
GO TO TOP BUTTON
-----------------------------------------------------------------*/
#goToTop {
  opacity: 0;
  position: fixed;
  text-align: center;
  line-height: 12px !important;
  right: 26px;
  bottom: 0;
  color: #fff;
  cursor: pointer;
  border-radius: 6px;
  z-index: 999;
  height: 44px;
  width: 44px;
  background-repeat: no-repeat;
  background-position: center;
  transition: opacity 0.3s, bottom 0.5s, box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1), background-color 0.1s linear;
  background-color: black !important;
  overflow: hidden; }

#goToTop i {
  line-height: 39px !important;
  width: 39px !important;
  height: 39px !important;
  font-size: 20px !important;
  top: 2px !important;
  left: 0px !important;
  text-align: center !important;
  position: relative;
  z-index: 10;
  background-color: transparent !important;
  transform: translate(0, 0px);
  transition: transform 0.2s ease; }

#goToTop:hover {
  transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1), background-color 0.05s linear 0.25s;
  background-color: transparent !important; }

#goToTop:hover i {
  transform: translate(0, -39px) !important; }

#goToTop:after, #goToTop:before {
  display: block;
  content: ' ';
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #f39800;
  transform: scale(0);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  border-radius: 6px; }

#goToTop:before {
  background-color: rgba(255, 255, 255, 0.25);
  transform: scale(1);
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 0;
  z-index: 2; }

#goToTop:hover:after {
  transform: scale(1); }

#goToTop:active:before {
  opacity: 1; }

/* 電話番号 */
/*
.tel-link a{
	color: #da6820 !important;
}
*/
/* パンくず
=================================================== */
.breadcrumb {
  margin-top: 30px;
  padding: 0; }

.breadcrumb a {
  color: #0b8334; }

.breadcrumb > li + li:before {
  color: #382419; }

.breadcrumb.lower {
  margin-top: 0;
  padding: 0;
  margin-bottom: 15px; }

.bunjo .breadcrumb.lower, .model .breadcrumb.lower, .zeh .breadcrumb.lower, .form-list .breadcrumb.lower {
  margin-top: 20px; }

@media (max-width: 991px) {
  .breadcrumb.lower {
    padding: 0 15px; }

  .container .breadcrumb.lower li {
    padding-right: 0;
    padding-left: 0;
    line-height: 1.6; } }
.breadcrumb li + li:before {
  content: "\f105";
  padding: 0 6px 0 4px;
  font-family: FontAwesome; }

/* 固定バナー */
#bnr-fixed {
  position: fixed;
  left: 0px;
  bottom: 0;
  z-index: 1000; }

#bnr-fixed ul li {
  padding: 15px 0;
  background: #000; }
  #bnr-fixed ul li img {
    border-right: solid 1px #282524; }
    #bnr-fixed ul li img:first-of-type {
      border-left: solid 1px #282524; }

#bnr-fixed img {
  width: 100%; }

.form #bnr-fixed {
  display: none !important; }

/* ページャー
=================================================== */
.pagination-wrap {
  display: inline-block;
  padding: 20px 0 80px; }
  @media (max-width: 991px) {
    .pagination-wrap {
      padding-bottom: 45px; } }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  color: #fff;
  background-color: #b8cfc3;
  border: none; }

.pagination > li > a, .pagination > li > span {
  background-color: #d1d1d1;
  border: none;
  margin-left: 1px;
  color: #595959; }

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
  color: #fff;
  background-color: #b8cfc3;
  border: none; }

.pagination > li:first-child > a {
  margin-right: 0px; }

.pagination > li:last-child > a {
  margin-left: 1px; }

.pagination > li > a, .pagination > li > span {
  padding: 9px 15px; }
  @media (max-width: 991px) {
    .pagination > li > a, .pagination > li > span {
      padding: 9px 15px; } }

@media all and (-ms-high-contrast: none) {
  .pagination > li > a, .pagination > li > span {
    padding: 9px 12px 4px; } }
.pagination > .active > a {
  background-color: #f39800;
  color: #fff; }
  .pagination > .active > a:hover {
    background-color: #f39800; }

.pagination > li > a {
  background-color: #3e3a39;
  color: #f39800;
  padding: 6px 12px 8px;
  font-weight: 300; }
  .pagination > li > a:hover {
    background-color: #3e3a39;
    color: #f39800; }
  @media (max-width: 991px) {
    .pagination > li > a {
      font-weight: 400; } }
  .pagination > li > a:active, .pagination > li > a:focus {
    background-color: #3e3a39;
    color: #f39800; }

/* GoogleMap
=================================================== */
#map-wrap {
  height: 420px; }
  @media (max-width: 991px) {
    #map-wrap {
      height: 360px; } }

@media (max-width: 991px) {
  .map-btn-area {
    padding: 0 25px 0; } }

.googlemap {
  padding-top: 15px; }
  .googlemap a {
    display: block;
    text-align: center;
    color: #000;
    font-size: 17px; }
    .googlemap a i {
      display: inline-block;
      padding-right: 6px;
      font-size: 26px;
      position: relative;
      top: 2px;
      color: #f39800; }

.route-navi {
  background: #fff;
  display: block;
  text-decoration: none;
  text-align: center;
  border: solid 4px #c9c9c9;
  font-size: 13px;
  margin-top: 10px;
  padding: 12px 12px 11px;
  width: 100%; }
  .route-navi i {
    margin-right: 7px;
    color: #f39800; }
  .route-navi a {
    font-size: 11px; }
  .route-navi.by-googlemap {
    border: none;
    text-align: center;
    padding: 0 0 10px;
    background-color: #dee1e4;
    color: #000; }
    .route-navi.by-googlemap i {
      font-size: 16px;
      position: relative;
      top: 1px; }

.p-404-midashi {
  font-size: 28px;
  font-weight: 600;
  text-align: center;
  padding: 140px 0 30px;
  color: #333; }
  @media (max-width: 991px) {
    .p-404-midashi {
      font-size: 18px;
      padding: 100px 0 10px;
      display: block; } }

.p-404-sentence {
  text-align: center;
  font-size: 18px;
  padding-bottom: 80px; }
  @media (max-width: 991px) {
    .p-404-sentence {
      font-size: 13px;
      padding-bottom: 40px;
      padding-top: 10px;
      text-align: inherit; } }
  .p-404-sentence a {
    text-decoration: underline; }
    .p-404-sentence a:hover {
      text-decoration: none; }

/*# sourceMappingURL=common.css.map */
