@charset "UTF-8";
/* Scss Document */
/*---------------------------------------------*/
/* 基本		                                 */
/*---------------------------------------------*/
html {
  width: 100%;
  height: 100%;
  font-size: 62.5%; }

body {
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 175%;
  font-family: ryo-gothic-plusn, sans-serif;
  font-style: normal;
  font-weight: 200;
  color: #000; }

.fullimg {
  width: 100%; }

@media (min-width: 768px) {
  .pc-hide {
    display: none; } }
.mt-50 {
  margin-top: 50px; }

.mb-25 {
  margin-bottom: 25px; }

.arrow-font::before {
  content: "\f0a9";
  font-family: 'fontawesome-s';
  margin-right: 5px; }

@media (min-width: 1200px) {
  .container {
    max-width: 1200px; } }

/*---------------------------------------------*/
/* webfont load                                */
/*---------------------------------------------*/
@font-face {
  font-family: 'fontawesome';
  src: url("../fonts/fa-brands-400.eot");
  src: url("../fonts/fa-brands-400.eot") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("../fonts/fa-brands-400.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'fontawesome-s';
  src: url("../fonts/fa-solid-900.eot");
  src: url("../fonts/fa-solid-900.eot") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
/*---------------------------------------------*/
/* mixin load                                  */
/*---------------------------------------------*/
/* 天地左右中央合わせ */
/* 天地中央合わせ */
/* 左右中央合わせ */
/*---------------------------------------------*/
/* color                                       */
/*---------------------------------------------*/
/*-------------------------------------------*/
/* laoding                                   */
/*-------------------------------------------*/
#loader-bg {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  color: #000;
  z-index: 9999;
  overflow: hidden;
  background-color: #fff; }

#loader {
  display: block;
  position: fixed;
  width: 100px;
  height: 100px;
  text-align: center;
  z-index: 10000;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  #loader:after {
    content: "Now Loading";
    font-size: 14px; }

#wrapper {
  visibility: hidden; }

.sk-circle {
  margin: 10px auto;
  width: 70px;
  height: 70px;
  position: relative; }
  .sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }
  .sk-circle .sk-child:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #9e615c;
    border-radius: 100%;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; }
  .sk-circle .sk-circle2 {
    transform: rotate(30deg); }
  .sk-circle .sk-circle3 {
    transform: rotate(60deg); }
  .sk-circle .sk-circle4 {
    transform: rotate(90deg); }
  .sk-circle .sk-circle5 {
    transform: rotate(120deg); }
  .sk-circle .sk-circle6 {
    transform: rotate(150deg); }
  .sk-circle .sk-circle7 {
    transform: rotate(180deg); }
  .sk-circle .sk-circle8 {
    transform: rotate(210deg); }
  .sk-circle .sk-circle9 {
    transform: rotate(240deg); }
  .sk-circle .sk-circle10 {
    transform: rotate(270deg); }
  .sk-circle .sk-circle11 {
    transform: rotate(300deg); }
  .sk-circle .sk-circle12 {
    transform: rotate(330deg); }
  .sk-circle .sk-circle2:before {
    animation-delay: -1.1s; }
  .sk-circle .sk-circle3:before {
    animation-delay: -1s; }
  .sk-circle .sk-circle4:before {
    animation-delay: -0.9s; }
  .sk-circle .sk-circle5:before {
    animation-delay: -0.8s; }
  .sk-circle .sk-circle6:before {
    animation-delay: -0.7s; }
  .sk-circle .sk-circle7:before {
    animation-delay: -0.6s; }
  .sk-circle .sk-circle8:before {
    animation-delay: -0.5s; }
  .sk-circle .sk-circle9:before {
    animation-delay: -0.4s; }
  .sk-circle .sk-circle10:before {
    animation-delay: -0.3s; }
  .sk-circle .sk-circle11:before {
    animation-delay: -0.2s; }
  .sk-circle .sk-circle12:before {
    animation-delay: -0.1s; }

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    transform: scale(0); }
  40% {
    transform: scale(1); } }
/*---------------------------------------------*/
/* 見出し                                      */
/*---------------------------------------------*/
h1 {
  font-size: 46px;
  font-size: 4.6rem;
  line-height: 1.2; }

h2 {
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1.25; }

h3 {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.3; }

h4 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.35; }

h5 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4; }

h6 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.45; }

/*---------------------------------------------*/
/* スライダー                                  */
/*---------------------------------------------*/
#main-visual #anime-div {
  position: relative; }
  #main-visual #anime-div .border-box {
    border: 2px solid #000;
    padding: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    #main-visual #anime-div .border-box a {
      color: #000; }
      #main-visual #anime-div .border-box a .slide-div {
        position: relative;
        background-color: rgba(255, 255, 255, 0.6);
        width: 350px;
        height: 350px;
        text-align: center; }
        #main-visual #anime-div .border-box a .slide-div .label {
          width: 100%;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          margin-bottom: 0px; }
          #main-visual #anime-div .border-box a .slide-div .label .main {
            font-size: 62px;
            margin-bottom: 0px; }
          #main-visual #anime-div .border-box a .slide-div .label .sub {
            font-size: 32px;
            margin-bottom: 0px; }
        @media (max-width: 767px) {
          #main-visual #anime-div .border-box a .slide-div {
            width: 250px;
            height: 250px; }
            #main-visual #anime-div .border-box a .slide-div .label .main {
              font-size: 48px; }
            #main-visual #anime-div .border-box a .slide-div .label .sub {
              font-size: 22px; } }
  #main-visual #anime-div .top-img {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
    @media (max-width: 767px) {
      #main-visual #anime-div .top-img {
        display: none; } }

/*---------------------------------------------*/
/* インスタバナーエリア                                    */
/*---------------------------------------------*/

.banner-area {
    position: absolute;
    right: 40px;
    bottom: 120px;
    z-index: 10;
}
@media (max-width: 1200px) {
	.banner-area {
    bottom: 200px;
	}
}
@media (max-width: 767px) {
	.banner-area {
    bottom: 60px;
	}
}


/*---------------------------------------------*/
/* メニュー                                    */
/*---------------------------------------------*/
#header-wrap {
  position: relative;
  z-index: 100; }
  #header-wrap #header-in {
    padding: 20px 50px;
    background-color: #fff; }
    @media (max-width: 1200px) {
      #header-wrap #header-in {
        padding: 20px 0px; } }
    #header-wrap #header-in .header-logo {
      color: white;
      position: absolute;
      top: 18px;
      left: 15px;
      font-size: 32px;
      margin-bottom: 0px;
      z-index: 100; }
      @media (min-width: 768px) {
        #header-wrap #header-in .header-logo {
          display: none; } }
    #header-wrap #header-in .main-nav .menu {
      font-size: 16px;
      padding-left: 0px;
      margin-bottom: 0px;
      display: table;
      list-style-type: none;
      width: 100%; }
      #header-wrap #header-in .main-nav .menu li {
        display: table-cell;
        text-align: center;
        border-left: 1px dotted #c7c7c7;
        padding: 5px; }
        #header-wrap #header-in .main-nav .menu li:nth-last-child(1) {
          border-right: 1px dotted #c7c7c7; }
        @media (min-width: 768px) and (max-width: 1200px) {
          #header-wrap #header-in .main-nav .menu li {
            display: block;
            float: left;
            width: 20%;
            font-size: 14px; }
            #header-wrap #header-in .main-nav .menu li:nth-child(5) {
              border-right: 1px dotted #c7c7c7; }
            #header-wrap #header-in .main-nav .menu li:nth-child(1), #header-wrap #header-in .main-nav .menu li:nth-child(2), #header-wrap #header-in .main-nav .menu li:nth-child(3), #header-wrap #header-in .main-nav .menu li:nth-child(4), #header-wrap #header-in .main-nav .menu li:nth-child(5) {
              margin-bottom: 10px; } }
        #header-wrap #header-in .main-nav .menu li a {
          display: block;
          padding: 5px 0px;
          color: #000;
          text-decoration: none;
          transition: all 0.5s; }
          #header-wrap #header-in .main-nav .menu li a:hover {
            background-color: #e5d5d4; }
      #header-wrap #header-in .main-nav .menu li.active a {
        background-color: #e5d5d4; }

/* スマホ時メニューの処理 */
#nav-toggle {
  display: block; }

@media (max-width: 767px) {
  #header-in {
    position: fixed;
    top: 0;
    left: 0;
    height: 70px;
    width: 100%;
    background-color: #623c38 !important; }
    #header-in #nav-toggle {
      display: block;
      position: fixed;
      top: 0;
      right: 0;
      width: 70px;
      height: 70px;
      z-index: 100;
      background-color: #623c38;
      cursor: pointer;
      -webkit-transition: 0.5s ease-in-out;
      -moz-transition: 0.5s ease-in-out;
      transition: 0.5s ease-in-out; }
      #header-in #nav-toggle div {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 35px;
        height: 25px; }
        #header-in #nav-toggle div span {
          display: block;
          height: 2px;
          background-color: #fff;
          position: absolute;
          width: 100%;
          left: 0;
          -webkit-transition: 0.5s ease-in-out;
          -moz-transition: 0.5s ease-in-out;
          transition: 0.5s ease-in-out; }
          #header-in #nav-toggle div span:nth-child(1) {
            top: 0px; }
          #header-in #nav-toggle div span:nth-child(2) {
            top: 12px; }
          #header-in #nav-toggle div span:nth-child(3) {
            top: 24px; }
    #header-in .main-nav {
      display: none;
      overflow: auto;
      position: fixed !important;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-color: #fff;
      z-index: 99;
      margin-top: 70px;
	padding-bottom: 70px;}
      #header-in .main-nav .menu {
        display: block;
        transition: all 0.5s; }
        #header-in .main-nav .menu li {
          display: block !important;
          text-align: left !important;
          width: 100%;
          border-bottom: 1px solid #623c38;
          border-left: none !important; }
          #header-in .main-nav .menu li a {
            padding: 15px 0px !important;
            padding-left: 15px !important; }

  /* スマホ時メニューオープン */
  #header-in.nav-open #nav-toggle {
    background-color: #fff;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out; }
    #header-in.nav-open #nav-toggle div span {
      background: #623c38; }
      #header-in.nav-open #nav-toggle div span:nth-child(1) {
        top: 12px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        transform: rotate(135deg); }
      #header-in.nav-open #nav-toggle div span:nth-child(2) {
        width: 0;
        left: 50%; }
      #header-in.nav-open #nav-toggle div span:nth-child(3) {
        top: 12px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        transform: rotate(-135deg); } }
/*---------------------------------------------*/
/* footer                                      */
/*---------------------------------------------*/
#footer {
  width: 100%;
  padding: 50px 0px;
  background-color: #623c38;
  position: relative; }
  #footer .page-top-div {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 1; }
    @media (max-width: 767px) {
      #footer .page-top-div {
        height: 60px;
        position: absolute;
        top: 0; } }
    #footer .page-top-div a {
      position: relative;
      display: block;
      width: 60px;
      height: 60px;
      background-color: #9e615c; }
      #footer .page-top-div a::after {
        content: "\f062";
        font-family: "fontawesome-s";
        color: #fff;
        font-size: 22px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      @media (max-width: 767px) {
        #footer .page-top-div a {
          width: 100%; } }
    @media (max-width: 767px) {
      #footer .page-top-div {
        width: 100%; } }
  #footer .footer-in {
    text-align: center; }
    #footer .footer-in p {
      color: #fff;
      font-size: 16px; }

/*---------------------------------------------*/
/* トップページ                                */
/*---------------------------------------------*/
.top-message {
  text-align: center;
  margin-top: 50px; }
  .top-message .title {
    position: relative;
    margin-bottom: 50px; }
    .top-message .title h2 {
      font-size: 32px;
      margin-bottom: 0px;
      line-height: 42px; }
    .top-message .title::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 100px;
      height: 100px;
      background-color: #e5d5d4;
      z-index: -1;
      border-radius: 50%; }
  .top-message p {
    margin-bottom: 0px;
    font-size: 16px;
    line-height: 32px; }

.contents {
  padding: 0px;
  margin-top: 50px; }
  .contents .row {
    margin: 0px !important; }
  .contents .photo-mask {
    overflow: hidden;
    position: relative;
    padding: 0px !important; }
    .contents .photo-mask::before {
      content: "";
      padding-top: 90%;
      width: 100%;
      display: block; }
    .contents .photo-mask img {
      display: inline-block;
      width: 100%;
      height: auto;
      position: absolute;
      top: 0;
      left: 0;
      transition: all 1s; }
    .contents .photo-mask .overlay {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.5);
      transition: all 1s; }
    .contents .photo-mask p {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 100%;
      text-align: center;
      color: #fff;
      font-size: 36px;
      transition: all 1s;
      line-height: 40px; }
      .contents .photo-mask p span {
        font-size: 60px; }
    .contents .photo-mask:hover img {
      transform: scale(1.1); }
    .contents .photo-mask:hover .overlay {
      background-color: rgba(0, 0, 0, 0); }
    .contents .photo-mask:hover p {
      text-shadow: 1px 1px 5px #000; }

.vr360 {
  width: 100%;
  padding: 75px 0;
  background-image: url(../img/bg360.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; }
  .vr360::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(158, 97, 92, 0.6);
    z-index: 1; }
  .vr360::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
    display: block;
    background-image: linear-gradient(-45deg, rgba(0, 0, 0, 0.5) 25%, rgba(0, 187, 90, 0) 25%, rgba(0, 187, 90, 0) 50%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.5) 75%, rgba(0, 187, 90, 0) 75%, rgba(0, 187, 90, 0));
    background-size: 3px 3px; }
  .vr360 .contents360 {
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 10; }
    .vr360 .contents360 h3 {
      font-size: 32px;
      margin-bottom: 0px; }
      .vr360 .contents360 h3::before {
        content: "\f03d";
        font-family: 'fontawesome-s';
        display: block;
        margin-bottom: 15px; }
    .vr360 .contents360 p {
      font-size: 18px;
      margin: 50px 0px;
      font-weight: bold;
      line-height: 32px;
      letter-spacing: 1px; }
      .vr360 .contents360 p sup {
        margin-right: -7px; }
    .vr360 .contents360 .link360 {
      border: 1px solid #fff;
      width: 90%;
      margin: 0 auto; }
      .vr360 .contents360 .link360 a {
        font-size: 24px;
        color: #fff;
        text-decoration: none;
        display: block;
        padding: 25px 0;
        transition: all 0.5s; }
        .vr360 .contents360 .link360 a:hover {
          background-color: rgba(0, 0, 0, 0.5); }
        .vr360 .contents360 .link360 a::before {
          content: "\f0a9";
          font-family: 'fontawesome-s';
          padding-right: 10px; }
      @media (max-width: 767px) {
        .vr360 .contents360 .link360:nth-child(1) {
          margin-bottom: 15px; } }

.news-div {
  background-color: #ececec;
  padding-top: 75px;
  padding-bottom: 50px; }
  .news-div h2 {
    text-align: center;
    font-size: 32px;
    margin-bottom: 10px; }
  .news-div p {
    text-align: center;
    font-size: 16px; }
  .news-div .row {
    margin-top: 50px; }
    .news-div .row .news h4 {
      text-align: center;
      font-size: 18px;
      font-weight: bold; }
      .news-div .row .news h4 span {
        border-bottom: 2px solid #000;
        padding: 0px 20px;
        display: inline-block;
        width: 185px; }
    .news-div .row .news .news-list {
      list-style-type: none;
      padding-left: 0px;
      margin-top: 50px;
      margin-bottom: 0px;
      font-size: 16px; }
      .news-div .row .news .news-list a {
        color: #000;
        text-decoration: none;
        display: block;
        padding: 10px;
        transition: all 0.5s;
        margin: 10px 0; }
        .news-div .row .news .news-list a li .news-cont {
          list-style-type: none;
          padding-left: 0px;
          margin-bottom: 0px;
          display: table;
          width: 100%; }
          .news-div .row .news .news-list a li .news-cont li {
            display: table-cell;
            vertical-align: middle; }
          .news-div .row .news .news-list a li .news-cont .category1 {
            border: 2px solid #000;
            padding: 2.5px 5px;
            font-weight: bold;
            width: 15%;
            text-align: center; }
          .news-div .row .news .news-list a li .news-cont .category2 {
            background-color: #000;
            color: #fff;
            padding: 4.5px 7px;
            font-weight: bold;
            width: 15%;
            text-align: center; }
          .news-div .row .news .news-list a li .news-cont .time {
            padding-left: 15px;
            font-weight: bold;
            width: 15%;
            text-align: center; }
          .news-div .row .news .news-list a li .news-cont .title {
            padding-left: 15px;
            width: 70%; }
          @media (max-width: 767px) {
            .news-div .row .news .news-list a li .news-cont {
              display: block; }
              .news-div .row .news .news-list a li .news-cont li {
                display: block; }
              .news-div .row .news .news-list a li .news-cont .category1, .news-div .row .news .news-list a li .news-cont .category2 {
                float: left;
                width: 30%; }
              .news-div .row .news .news-list a li .news-cont .time {
                padding-left: 0px;
                float: left;
                padding: 5px 5px 5px 10px; }
              .news-div .row .news .news-list a li .news-cont .title {
                clear: both;
                padding-left: 0px;
                width: 100%;
                padding-top: 5px; } }
        .news-div .row .news .news-list a:hover {
          background-color: #e5d5d4; }
    .news-div .row .news .staff .time {
      padding-left: 0px !important;
      text-align: left !important; }
    .news-div .row .news .link-btn {
      display: block;
      text-align: center;
      border: 1px solid #000;
      color: #000;
      font-size: 16px;
      font-weight: bold;
      padding: 15px 0;
      text-decoration: none;
      transition: all 0.5s;
      margin: 0 10px; }
      .news-div .row .news .link-btn:hover {
        background-color: #e5d5d4;
        border: 1px solid #623c38; }
    .news-div .row .flyer {
      background-color: #d5d5d5;
      padding: 25px 15px; }
      .news-div .row .flyer h4 {
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 25px; }
        .news-div .row .flyer h4 span {
          border-bottom: 2px solid #000;
          padding: 0px 20px;
          display: inline-block;
          width: 200px; }
      .news-div .row .flyer a img {
        width: 100%; }
      .news-div .row .flyer a:hover img {
        opacity: 0.8; }
      @media (max-width: 991px) {
        .news-div .row .flyer {
          margin-top: 50px; } }
    @media (max-width: 991px) {
      .news-div .row .fb-div {
        margin-top: 50px; } }

.contents-bar {
  margin-top: 75px;
  width: 100%; }
  .contents-bar .photo-mask::before {
    padding-top: 17%; }
    @media (max-width: 767px) {
      .contents-bar .photo-mask::before {
        padding-top: 35%; } }
  .contents-bar .photo-mask a {
    color: #fff;
    text-decoration: none !important; }
    @media (min-width: 768px) {
      .contents-bar .photo-mask a .bed-center {
        top: -80%; } }
    .contents-bar .photo-mask a .cont-text {
      transition: all 0.5s;
      position: absolute;
      bottom: 45px;
      left: 45px; }
      .contents-bar .photo-mask a .cont-text h2 {
        font-size: 32px; }
      .contents-bar .photo-mask a .cont-text h3 {
        font-size: 20px; }
      @media (max-width: 991px) {
        .contents-bar .photo-mask a .cont-text {
          bottom: 25px;
          left: 25px; } }
    .contents-bar .photo-mask a:hover .cont-text {
      text-shadow: 2px 2px 6px black; }
  .contents-bar .bar-text {
    text-align: center;
    margin-bottom: 30px; }
    .contents-bar .bar-text h2 {
      font-size: 32px;
      margin-bottom: 10px; }
    .contents-bar .bar-text p {
      text-align: center;
      font-size: 16px; }

.wrap {
  max-width: 500px;
  margin: 0 auto;
  padding: 30px 0; }

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style] {
  width: 100% !important; }

/*---------------------------------------------*/
/* 中ページ                                    */
/*---------------------------------------------*/
#header-wrap .top-img-div {
  text-align: center;
  width: 100%;
  margin-bottom: 5px; }
  @media (max-width: 767px) {
    #header-wrap .top-img-div {
      display: none; } }

@media (max-width: 767px) {
  .inner-page {
    margin-top: 70px; } }
.inner-page .contents-top {
  padding-top: 25px; }

/* 中ページトップイメージ */
.inner-img {
  overflow: hidden;
  position: relative;
  padding: 0px !important; }
  .inner-img img {
    display: inline-block;
    width: 100%;
    height: auto; }
  .inner-img .photo-mask {
    overflow: hidden;
    position: relative;
    padding: 0px !important; }
    .inner-img .photo-mask::before {
      content: "";
      padding-top: 25%;
      width: 100%;
      display: block; }
      @media (max-width: 767px) {
        .inner-img .photo-mask::before {
          padding-top: 33%; } }
    .inner-img .photo-mask > img {
      display: inline-block;
      width: 100%;
      height: auto;
      position: absolute;
      top: 0;
      left: 0;
      transition: all 1s; }
  .inner-img .inner-title {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 36px !important;
    color: #fff;
    font-weight: normal;
    margin-bottom: 0px;
    text-shadow: 0px 0px 15px #000; }
    @media (max-width: 767px) {
      .inner-img .inner-title {
        font-size: 26px !important; } }
  .inner-img .inner-title.black {
    color: #000;
    text-shadow: 0px 0px 15px #fff; }
  .inner-img .inner-title.page3d {
    text-shadow: 0px 0px 7px #000; }
  @media (max-width: 767px) {
    .inner-img::before {
      padding-top: 50%; }
    .inner-img .inner-title {
      width: 100%;
      text-align: center; }
    .inner-img .brand-top {
      font-size: 26px !important; } }

/* 中ページサブメニュー */
.inner-menu {
  width: 70%;
  margin: 50px auto 0; }
  .inner-menu ul {
    margin-bottom: 0px;
    padding-left: 0px;
    list-style-type: none;
    font-size: 16px;
    display: table;
    width: 100%; }
    .inner-menu ul li {
      display: table-cell;
      width: 25%;
      text-align: center; }
      @media (min-width: 768px) {
        .inner-menu ul li {
          padding: 0 5px; } }
      .inner-menu ul li a {
        color: #000;
        display: block;
        padding: 5px 0;
        text-decoration: none;
        transition: all 0.5s; }
        .inner-menu ul li a::before {
          content: "\f13a";
          font-family: 'fontawesome-s';
          margin-right: 15px; }
          @media (max-width: 767px) {
            .inner-menu ul li a::before {
              margin-right: 5px; } }
        .inner-menu ul li a:hover {
          background-color: #f3efef; }
    .inner-menu ul li.sub-act a {
      background-color: #f3efef; }
  @media (max-width: 991px) {
    .inner-menu {
      width: 100%; } }
  @media (max-width: 767px) {
    .inner-menu {
      margin: 25px auto; }
      .inner-menu ul li {
        display: block;
        width: calc(50% - 5px);
        float: left;
        border: 1px dotted #c7c7c7; }
        .inner-menu ul li:nth-child(2), .inner-menu ul li:nth-child(4) {
          margin-left: 10px; }
        .inner-menu ul li:nth-child(1), .inner-menu ul li:nth-child(2) {
          margin-bottom: 10px; } }

/* 中ページ見出し */
.catch {
  text-align: center;
  font-size: 32px;
  position: relative;
  margin-bottom: 75px;
  margin-top: 50px; }
  .catch::before {
    content: "";
    display: inline-block;
    width: 30%;
    height: 4px;
    background-color: #000;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -50px; }
  @media (max-width: 767px) {
    .catch {
      font-size: 32px; }
      .catch::before {
        width: 70%; } }

.catch.bed-page {
  margin-top: 125px; }

/* 中ページトップテキスト */
.catch-message {
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 50px;
  padding: 0 15px; }

/* 中ページ360リンクボタン */
.btn360 {
  width: 60%;
  height: auto;
  margin: 50px auto;
  color: #000;
  text-decoration: none;
  display: block;
  text-align: center;
  font-size: 30px;
  padding: 30px 0;
  padding-bottom: 25px;
  border: 2px solid #000;
  transition: all 0.5s; }
  .btn360 sup {
    margin-right: -15px; }
  .btn360:hover {
    text-decoration: none;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5); }
  .btn360::before {
    content: "\f0a9";
    font-family: 'fontawesome-s';
    margin-right: 10px; }
  @media (max-width: 991px) {
    .btn360 {
      width: 100%; } }
  @media (max-width: 767px) {
    .btn360 {
      font-size: 22px;
      padding: 25px 0px 20px; } }

/*---------------------------------------------*/
/* こだわり SCSS                               */
/*---------------------------------------------*/
/* 中ページ各コンテンツの設定 */
#tsudou, #yasuragu {
  background-color: #f3efef; }

.kodawari {
  padding: 100px 0 50px;
  /* スマホ時の背景高さ */
  /* それぞれの背景画像 */ }
  .kodawari h2 {
    text-align: center;
    margin-bottom: 50px;
    line-height: 36px;
    position: relative; }
    .kodawari h2 span {
      font-size: 24px; }
    .kodawari h2::before {
      content: "";
      display: inline-block;
      width: 300px;
      height: 4px;
      background-color: #000;
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      top: -40px; }
  .kodawari .row {
    margin-bottom: 50px; }
    .kodawari .row .text-box {
      padding-left: 50px; }
      .kodawari .row .text-box p {
        margin-bottom: 20px; }
        .kodawari .row .text-box p:nth-last-child(1) {
          margin-bottom: 0px;
          padding-right: 50px;
          text-align: right; }
      @media (max-width: 767px) {
        .kodawari .row .text-box {
          padding-left: 0px; }
          .kodawari .row .text-box p:nth-last-child(1) {
            padding-right: 0px; } }
    @media (min-width: 768px) {
      .kodawari .row .text-box.right-padding {
        padding-right: 50px; } }
  .kodawari p {
    margin-bottom: 0px; }
  @media (max-width: 767px) {
    .kodawari .bg-size {
      height: 300px;
      margin-bottom: 50px; } }
  .kodawari .tsudou-bg {
    background-image: url("../negai/img/tsudou.jpg");
    background-repeat: no-repeat;
    background-size: cover; }
  .kodawari .kutsurogu-bg {
    background-image: url("../negai/img/kutsurogu.jpg");
    background-repeat: no-repeat;
    background-size: cover; }
  .kodawari .yasuragu-bg {
    background-image: url("../negai/img/yasuragu.jpg");
    background-repeat: no-repeat;
    background-size: cover; }

.swiper-slide img {
  width: 100%; }

/*---------------------------------------------*/
/* 本館 SCSS                                   */
/*---------------------------------------------*/
#honkan {
  padding-top: 75px; }
  @media (max-width: 767px) {
    #honkan {
      padding-top: 30px; } }

#honkan-div {
  margin-top: 50px; }
  #honkan-div .floor {
    padding: 100px 0;
    text-align: center; }
    @media (max-width: 767px) {
      #honkan-div .floor {
        padding-bottom: 50px; } }
    #honkan-div .floor .circle {
      font-size: 52px;
      margin-bottom: 25px;
      position: relative; }
      #honkan-div .floor .circle span {
        position: relative;
        z-index: 1; }
      #honkan-div .floor .circle::before {
        content: "";
        display: inline-block;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        top: -25px;
        z-index: 0;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%); }
    #honkan-div .floor p {
      font-size: 22px; }
    #honkan-div .floor .photo-mask {
      margin-top: 15px;
      overflow: hidden;
      position: relative;
      padding: 0px !important; }
      #honkan-div .floor .photo-mask::before {
        content: "";
        padding-top: 30%;
        width: 100%;
        display: block; }
        @media (max-width: 767px) {
          #honkan-div .floor .photo-mask::before {
            padding-top: 40%; } }
      #honkan-div .floor .photo-mask img {
        display: inline-block;
        width: 100%;
        height: auto;
        position: absolute;
        top: 0;
        left: 0; }
    #honkan-div .floor .brand {
      border: 1px solid #000;
      position: relative;
      padding: 50px 25px;
      margin-top: 75px;
      margin-bottom: 50px; }
      @media (max-width: 767px) {
        #honkan-div .floor .brand {
          padding: 25px 15px; } }
      #honkan-div .floor .brand h4 {
        display: inline-block;
        font-weight: bold;
        margin-bottom: 0px;
        top: -12px;
        padding: 0 25px;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%); }
        @media (max-width: 767px) {
          #honkan-div .floor .brand h4 {
            width: 85%; } }
      #honkan-div .floor .brand a img {
        max-width: 100%;
        opacity: 1;
        transition: all 0.5s ease; }
      #honkan-div .floor .brand a:hover img {
        opacity: 0.6; }
    #honkan-div .floor .tour360 .photo-mask {
      overflow: hidden;
      position: relative;
      padding: 0px !important;
      margin-top: 0px;
      text-align: center; }
      #honkan-div .floor .tour360 .photo-mask::before {
        content: "";
        padding-top: 15%;
        width: 100%;
        display: block; }
        @media (max-width: 767px) {
          #honkan-div .floor .tour360 .photo-mask::before {
            padding-top: 30%; } }
      #honkan-div .floor .tour360 .photo-mask::after {
        content: "";
        display: inline-block;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        position: absolute;
        top: 0;
        left: 0;
        transition: all 0.5s ease; }
      #honkan-div .floor .tour360 .photo-mask img {
        display: inline-block;
        width: 70%;
        height: auto;
        transition: all 0.5s ease;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      #honkan-div .floor .tour360 .photo-mask p {
        margin-bottom: 0px;
        font-size: 36px;
        width: 100%;
        color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 1; }
        #honkan-div .floor .tour360 .photo-mask p sup {
          margin-right: -15px; }
        @media (max-width: 767px) {
          #honkan-div .floor .tour360 .photo-mask p {
            font-size: 22px; } }
        #honkan-div .floor .tour360 .photo-mask p::before {
          content: "\f0a9";
          font-family: 'fontawesome-s';
          padding-right: 10px; }
    #honkan-div .floor .tour360:hover .photo-mask::after {
      background-color: rgba(0, 0, 0, 0.3); }
    #honkan-div .floor .tour360:hover .photo-mask img {
      width: 80%; }
  #honkan-div .first-floor .circle::before {
    background-color: #e5d5d4; }
  #honkan-div .first-floor .brand h4 {
    background-color: #fff; }
  #honkan-div .second-floor {
    background-color: #f3efef; }
    #honkan-div .second-floor .circle::before {
      background-color: #fff; }
    #honkan-div .second-floor .brand h4 {
      background-color: #f3efef; }
    #honkan-div .second-floor .tour360 .photo-mask {
      background-color: #fafcf9; }

/*---------------------------------------------*/
/* 一枚板 SCSS                                 */
/*---------------------------------------------*/
#ichimai {
  padding-top: 75px; }
  @media (max-width: 767px) {
    #ichimai {
      padding-top: 30px; } }

#ichimai-div .section01 {
  padding: 50px 0;
  background-color: #f3efef;
  text-align: center; }
  #ichimai-div .section01 .col-md-6:not(:nth-child(1)) {
    margin-top: 25px; }
  @media (min-width: 768px) {
    #ichimai-div .section01 .col-md-6:nth-child(2) {
      margin-top: 0px !important; } }
  #ichimai-div .section01 .col-md-6 img {
    max-width: 100%; }
  #ichimai-div .section01 .col-md-6 p {
    margin-bottom: 0px; }
    @media (min-width: 768px) {
      #ichimai-div .section01 .col-md-6 p {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); } }
#ichimai-div .section02 {
  text-align: center;
  padding: 50px 0; }
  #ichimai-div .section02 .container > img {
    max-width: 100%; }
  #ichimai-div .section02 .container > h2 {
    margin-top: 25px; }
  #ichimai-div .section02 .container > p {
    margin: 25px 0;
    line-height: 30px; }
  #ichimai-div .section02 .container .row .material p {
    margin-top: 10px;
    margin-bottom: 0px; }
  @media (max-width: 991px) {
    #ichimai-div .section02 .container .row .material:nth-child(3), #ichimai-div .section02 .container .row .material:nth-child(4) {
      margin-top: 25px; } }
  #ichimai-div .section02 .container .material-list {
    margin-top: 50px; }
    #ichimai-div .section02 .container .material-list p {
      display: inline-block;
      font-weight: bold;
      border: 1px solid #000;
      font-size: 18px;
      padding: 10px 50px;
      margin-bottom: 0px; }
    #ichimai-div .section02 .container .material-list ul {
      margin-top: 25px;
      margin-bottom: 0px;
      list-style-type: none;
      padding-left: 0px; }
#ichimai-div .section03 {
  background-color: #f3efef;
  padding: 50px 0; }
  #ichimai-div .section03 .catch {
    margin-top: 75px; }

/*---------------------------------------------*/
/* ベッド館 SCSS                               */
/*---------------------------------------------*/
.inner-page .bed-info {
  text-align: center; }
  .inner-page .bed-info a {
    display: inline-block;
    text-decoration: none;
    color: #000;
    border: 1px solid #000;
    padding: 15px 50px;
    transition: all 0.5s ease; }
    .inner-page .bed-info a::before {
      content: "\f0a9";
      font-family: 'fontawesome-s';
      padding-right: 5px; }
    .inner-page .bed-info a:hover {
      background-color: #000;
      color: #fff; }

#bed-div {
  margin-top: 50px; }
  #bed-div .floor {
    padding: 100px 0;
    text-align: center; }
    @media (max-width: 767px) {
      #bed-div .floor {
        padding-bottom: 25px; } }
    #bed-div .floor .circle {
      font-size: 52px;
      margin-bottom: 25px;
      position: relative; }
      #bed-div .floor .circle span {
        position: relative;
        z-index: 1; }
      #bed-div .floor .circle::before {
        content: "";
        display: inline-block;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        top: -25px;
        z-index: 0;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%); }
    #bed-div .floor p {
      font-size: 22px; }
    #bed-div .floor .photo-mask {
      margin-top: 15px;
      overflow: hidden;
      position: relative;
      padding: 0px !important; }
      #bed-div .floor .photo-mask::before {
        content: "";
        padding-top: 30%;
        width: 100%;
        display: block; }
        @media (max-width: 767px) {
          #bed-div .floor .photo-mask::before {
            padding-top: 40%; } }
      #bed-div .floor .photo-mask img {
        display: inline-block;
        width: 100%;
        height: auto;
        position: absolute;
        top: 0;
        left: 0; }
    #bed-div .floor .description {
      margin: 75px 0; }
      #bed-div .floor .description h3 {
        font-size: 30px;
        margin-bottom: 25px; }
      #bed-div .floor .description p {
        font-size: 16px;
        margin-bottom: 0px; }
      #bed-div .floor .description > img {
        max-width: 100%;
        margin-top: 25px; }
      #bed-div .floor .description .brand-sub {
        margin-top: 25px;
        padding: 0 15px; }
        #bed-div .floor .description .brand-sub .photo-mask::before {
          padding-top: 70%; }
        #bed-div .floor .description .brand-sub .photo-mask img {
          width: calc(100% - 10px);
          left: 50%;
          transform: translateX(-50%); }
        #bed-div .floor .description .brand-sub .photo-mask p {
          display: block;
          position: absolute;
          top: 25px;
          right: 5px;
          background-color: #e5d5d4;
          font-weight: bold;
          padding: 10px 20px; }
      #bed-div .floor .description .brand-sub.asleep .photo-mask::before {
        padding-top: 60%; }
      @media (max-width: 767px) {
        #bed-div .floor .description {
          margin-bottom: 30px; } }
    #bed-div .floor .brand {
      border: 1px solid #000;
      position: relative;
      padding: 50px 25px;
      margin-top: 0px;
      margin-bottom: 50px; }
      @media (max-width: 767px) {
        #bed-div .floor .brand {
          padding: 25px 15px; } }
      #bed-div .floor .brand h4 {
        display: inline-block;
        font-weight: bold;
        margin-bottom: 0px;
        top: -12px;
        padding: 0 25px;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%); }
        @media (max-width: 767px) {
          #bed-div .floor .brand h4 {
            width: 85%; } }
      #bed-div .floor .brand a img {
        max-width: 100%;
        opacity: 1;
        transition: all 0.5s ease; }
      #bed-div .floor .brand a:hover img {
        opacity: 0.6; }
    #bed-div .floor .bed360 {
      color: #000;
      text-decoration: none;
      display: block;
      font-size: 28px;
      border: 1px solid #000;
      padding-top: 25px;
      padding-bottom: 20px;
      transition: all 0.5s ease; }
      #bed-div .floor .bed360 sup {
        margin-right: -7px; }
      #bed-div .floor .bed360::before {
        content: "\f0a9";
        font-family: 'fontawesome-s';
        padding-right: 7px; }
      #bed-div .floor .bed360:hover {
        color: #fff;
        background-color: #623c38;
        border: 1px solid #623c38; }
      @media (max-width: 767px) {
        #bed-div .floor .bed360 {
          font-size: 22px; } }
  #bed-div .first-floor {
    background-color: #f3efef; }
    #bed-div .first-floor .circle::before {
      background-color: #fff; }
    #bed-div .first-floor .brand h4 {
      background-color: #f3efef; }
  #bed-div .second-floor .circle::before {
    background-color: #e5d5d4; }
  #bed-div .second-floor .brand h4 {
    background-color: #fff; }

/*---------------------------------------------*/
/* 竹田家具の約束 SCSS                         */
/*---------------------------------------------*/
#yakusoku {
  text-align: center;
  padding-bottom: 100px;
  padding-top: 100px; }
  @media (max-width: 767px) {
    #yakusoku {
      padding-top: 30px; } }
  #yakusoku p {
    margin-bottom: 0px; }
    #yakusoku p:nth-child(1) {
      margin-bottom: 25px; }
  #yakusoku img {
    max-width: 100%;
    margin-top: 100px;
    box-shadow: 3px 3px 3px #623c38; }

/*---------------------------------------------*/
/* 3dプランニング SCSS                         */
/*---------------------------------------------*/
#page3d {
  padding-top: 75px; }
  @media (max-width: 767px) {
    #page3d {
      padding-top: 30px; } }

.simulate {
  text-align: center;
  padding: 50px 0; }
  .simulate p {
    margin-bottom: 0px; }
    .simulate p:nth-child(1) {
      font-weight: bold;
      font-size: 18px; }
  .simulate img {
    margin: 25px 0;
    max-width: 100%; }

.arrow {
  position: relative;
  height: 50px;
  width: 50px;
  margin: 0 auto; }
  .arrow::before {
    content: "\f063";
    font-family: 'fontawesome-s';
    font-size: 36px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.layout {
  margin-top: 50px;
  text-align: center;
  padding-bottom: 50px; }
  .layout h4 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 25px; }
  .layout img {
    width: 100%; }
  .layout p {
    margin-bottom: 0px;
    padding-top: 15px; }

/*---------------------------------------------*/
/* 家具の修理 SCSS                             */
/*---------------------------------------------*/
#repair {
  text-align: center;
  padding-top: 75px; }
  @media (max-width: 767px) {
    #repair {
      padding-top: 30px; } }
  #repair img {
    max-width: 100%;
    margin-bottom: 50px; }
    @media (max-width: 767px) {
      #repair img {
        max-width: 75%; } }
  #repair h3 {
    margin-bottom: 50px;
    font-weight: bold; }
    #repair h3 span {
      border: 2px solid #000;
      padding: 15px 50px; }

.repair-category {
  background-color: #f3efef;
  padding: 1px 0 50px;
  margin-top: 75px;
  padding-top: 50px; }
  .repair-category .repair-title {
    margin-bottom: 0px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    background-color: #fff;
    padding: 15px 0;
    margin-top: 50px; }
  .repair-category .row .category-number {
    text-align: center;
    padding-top: 25px;
    margin-top: 50px; }
    @media (max-width: 991px) {
      .repair-category .row .category-number {
        padding-right: 0px; } }
    .repair-category .row .category-number p {
      font-size: 36px;
      font-weight: bold;
      position: relative;
      margin-bottom: 0px; }
      .repair-category .row .category-number p span {
        position: relative;
        z-index: 1; }
      .repair-category .row .category-number p::before {
        content: "";
        display: inline-block;
        width: 70px;
        height: 70px;
        background-color: #fff;
        border-radius: 50%;
        z-index: 0;
        top: -25px;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%); }
  .repair-category .row .category-text {
    margin-top: 50px; }
    .repair-category .row .category-text p {
      margin-bottom: 0px; }
      .repair-category .row .category-text p:nth-child(1) {
        font-weight: bold;
        margin-bottom: 25px; }
  @media (min-width: 992px) {
    .repair-category .row .category-img {
      margin-top: 50px; } }
  @media (max-width: 991px) {
    .repair-category .row .category-img .row {
      margin-top: 50px; } }
  .repair-category .row .category-img .row .col-md-6 img {
    width: 100%; }
  .repair-category .row .category-img .row .before::after,
  .repair-category .row .category-img .row .after::after {
    display: block;
    background-color: #8f7474;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 1px;
    padding: 5px 15px;
    position: absolute;
    top: 10px;
    left: 15px; }
    @media (max-width: 767px) {
      .repair-category .row .category-img .row .before::after,
      .repair-category .row .category-img .row .after::after {
        top: 15px; } }
  .repair-category .row .category-img .row .before::after {
    content: "before"; }
  @media (max-width: 767px) {
    .repair-category .row .category-img .row .after {
      margin-top: 25px; } }
  .repair-category .row .category-img .row .after::after {
    content: "after"; }

.repair-flow {
  padding-top: 50px;
  padding-bottom: 100px; }
  .repair-flow .container .row .flow-cont {
    height: 100%;
    background-color: #e3dbd5;
    border-radius: 15px;
    padding: 25px; }
    .repair-flow .container .row .flow-cont ul {
      display: table;
      padding-left: 0px;
      margin-bottom: 0px;
      font-size: 24px;
      font-weight: bold; }
      .repair-flow .container .row .flow-cont ul li {
        display: table-cell; }
        .repair-flow .container .row .flow-cont ul li:nth-child(1) {
          font-size: 30px;
          padding-right: 10px; }
      .repair-flow .container .row .flow-cont ul .text-small {
        font-size: 18px; }
    .repair-flow .container .row .flow-cont .request {
      margin-top: 25px !important;
      font-weight: bold;
      margin-bottom: 5px; }
      .repair-flow .container .row .flow-cont .request:nth-child(3) {
        margin-top: 0px !important; }
      .repair-flow .container .row .flow-cont .request .number {
        letter-spacing: 3px;
        margin-right: 5px; }
      @media (min-width: 992px) {
        .repair-flow .container .row .flow-cont .request br {
          display: none; } }
      .repair-flow .container .row .flow-cont .request .flow-text {
        font-weight: normal;
        margin-left: 15px; }
        @media (max-width: 991px) {
          .repair-flow .container .row .flow-cont .request .flow-text {
            display: block;
            margin-left: 33px; } }
    .repair-flow .container .row .flow-cont p {
      margin-top: 25px; }
    .repair-flow .container .row .flow-cont .change {
      margin-top: 25px;
      padding: 20px;
      background-color: #f3efef; }
      .repair-flow .container .row .flow-cont .change p {
        margin: 0px !important; }
        .repair-flow .container .row .flow-cont .change p span {
          font-weight: bold; }
  .repair-flow .container .row .col-12 .flow-cont .flow-number {
    margin-bottom: 25px; }
  .repair-flow .container .row .col-lg-3 {
    margin-top: 25px; }

/*---------------------------------------------*/
/* 取扱いブランド SCSS                         */
/*---------------------------------------------*/
.brand-message {
  margin-top: 75px;
  margin-bottom: 100px; }
  @media (max-width: 767px) {
    .brand-message {
      margin-top: 25px;
      margin-bottom: 50px; } }

.japan {
  position: relative; }
  .japan::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5); }
  .japan .brand-in .brand-div {
    text-align: center; }
    .japan .brand-in .brand-div .catch {
      padding-top: 110px;
      margin-top: 0px;
      margin-bottom: 225px;
      color: #fff;
      font-size: 42px; }
      .japan .brand-in .brand-div .catch::before {
        top: 70px;
        background-color: #fff; }
    .japan .brand-in .brand-div p {
      margin-bottom: 0px;
      display: block;
      background-color: rgba(255, 255, 255, 0.4);
      color: #fff;
      position: relative;
      padding: 15px 0px 10px;
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 25px; }
    .japan .brand-in .brand-div .col-md-4 {
      margin-top: 25px; }
    .japan .brand-in .brand-div .col-md-4.mt-none {
      margin-top: 0px; }
    @media (max-width: 767px) {
      .japan .brand-in .brand-div .sp-mt-25 {
        margin-top: 25px !important; } }
    .japan .brand-in .brand-div .line {
      width: 100%;
      height: 1px;
      background-color: #fff;
      margin: 50px 0; }
    .japan .brand-in .brand-div a img {
      max-width: 100%;
      opacity: 1;
      transition: all 0.5s ease; }
    .japan .brand-in .brand-div a:hover img {
      opacity: 0.6; }
  .japan .brand-in .honkan {
    background-image: url("../brand/img/brand-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top; }
  .japan .brand-in .bedkan {
    padding-top: 0px;
    padding-bottom: 100px;
    margin-top: 50px;
    background-image: url("../brand/img/bed-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top; }

.world {
  padding-top: 75px;
  padding-bottom: 50px;
  text-align: center; }
  .world a img {
    max-width: 100%;
    opacity: 1;
    transition: all 0.5s ease; }
  .world a:hover img {
    opacity: 0.6; }

/*---------------------------------------------*/
/* 新着情報 SCSS                               */
/*---------------------------------------------*/
.news-back {
  padding-top: 100px;
  padding-bottom: 100px; }
  @media (max-width: 767px) {
    .news-back {
      padding-top: 50px;
      padding-bottom: 50px; } }
  .news-back .news-list {
    list-style-type: none;
    padding-left: 0px;
    margin-bottom: 0px;
    font-size: 16px; }
    .news-back .news-list a {
      color: #000;
      text-decoration: none;
      display: block;
      padding: 10px;
      transition: all 0.5s;
      margin: 10px 0; }
      .news-back .news-list a li .news-cont {
        list-style-type: none;
        padding-left: 0px;
        margin-bottom: 0px;
        display: table;
        width: 100%; }
        .news-back .news-list a li .news-cont li {
          display: table-cell;
          vertical-align: middle; }
        .news-back .news-list a li .news-cont .category1 {
          border: 2px solid #000;
          padding: 2.5px 5px;
          font-weight: bold;
          width: 15%;
          text-align: center; }
        .news-back .news-list a li .news-cont .category2 {
          background-color: #000;
          color: #fff;
          padding: 4.5px 7px;
          font-weight: bold;
          width: 15%;
          text-align: center; }
        .news-back .news-list a li .news-cont .time {
          padding-left: 15px;
          font-weight: bold;
          width: 15%;
          text-align: center; }
        .news-back .news-list a li .news-cont .title {
          padding-left: 15px;
          width: 70%; }
        @media (max-width: 767px) {
          .news-back .news-list a li .news-cont {
            display: block; }
            .news-back .news-list a li .news-cont li {
              display: block; }
            .news-back .news-list a li .news-cont .category1, .news-back .news-list a li .news-cont .category2 {
              float: left;
              width: 30%; }
            .news-back .news-list a li .news-cont .time {
              padding-left: 0px;
              float: left;
              padding: 5px 5px 5px 10px; }
            .news-back .news-list a li .news-cont .title {
              clear: both;
              padding-left: 0px;
              width: 100%;
              padding-top: 5px; } }
      .news-back .news-list a:hover {
        background-color: #e5d5d4; }
  .news-back .news-category {
    padding-left: 0px;
    margin-bottom: 0px;
    list-style-type: none; }
    .news-back .news-category li {
      border-bottom: 2px dotted #c7c7c7; }
      .news-back .news-category li a {
        display: block;
        color: #000;
        text-decoration: none;
        padding: 15px 0;
        padding-left: 5px;
        /*
        &::before {
        	content: ">";
        	margin-right: 5px;
        }
        */ }
        .news-back .news-category li a:hover {
          color: #E1452F; }
  .news-back .entry-news .entry-data {
    border-bottom: 2px dotted #c7c7c7;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-right: 5px;
    text-align: right; }
  .news-back .entry-news .entry-title {
    font-size: 26px;
    border-bottom: 2px dotted #c7c7c7;
    padding-bottom: 5px; }
  .news-back .entry-news .news-text img {
    max-width: 100%; }
  .news-back .entry-news .page-back a {
    color: #623c38;
    text-decoration: none;
    border: 1px solid #623c38;
    width: 50%;
    display: block;
    margin: 0 auto;
    text-align: center;
    padding: 15px 0 10px;
    font-weight: bold;
    margin-top: 50px;
    transition: all 0.5s ease; }
    .news-back .entry-news .page-back a:hover {
      background-color: #623c38;
      color: #fff; }
    .news-back .entry-news .page-back a::before {
      content: "\f0a9";
      font-family: "fontawesome-s";
      margin-right: 5px; }
  @media (max-width: 767px) {
    .news-back .entry-news .page-back {
      margin-bottom: 50px; } }

/*---------------------------------------------*/
/* スタッフブログ SCSS                         */
/*---------------------------------------------*/
label.screen-reader-text{ display: none; }
.staffblog #archives-dropdown-3 {padding: 10px; margin-bottom: 10px;}
.staffblog #searchform #s{ width: 75%; }
.staffblog {
  padding: 100px 0;
  /* ブログページ */
  /* ブログバックナンバーページ */ }
  @media (max-width: 767px) {
    .staffblog {
      padding: 50px 0; } }
  .staffblog .blog-contents {
    padding: 0 15px; }
    @media (max-width: 991px) {
      .staffblog .blog-contents {
        padding: 0px; } }
    .staffblog .blog-contents .entry-header {
      border-bottom: 2px dotted #c7c7c7; }
      .staffblog .blog-contents .entry-header .blog-category {
        list-style-type: none;
        padding-left: 0px; }
        .staffblog .blog-contents .entry-header .blog-category li span {
          border: 2px dotted #c7c7c7;
          padding: 7px 5px 2px; }
          .staffblog .blog-contents .entry-header .blog-category li span a {
            color: #000;
            text-decoration: none; }
        @media (min-width: 768px) {
          .staffblog .blog-contents .entry-header .blog-category {
            display: table;
            border-collapse: separate;
            border-spacing: 10px 5px;
            margin-bottom: 5px;
            margin-left: -10px; }
            .staffblog .blog-contents .entry-header .blog-category li {
              display: table-cell; } }
        @media (max-width: 767px) {
          .staffblog .blog-contents .entry-header .blog-category li {
            margin-bottom: 10px; }
            .staffblog .blog-contents .entry-header .blog-category li:not(:nth-child(1)) {
              float: left;
              margin-right: 10px; } }
      .staffblog .blog-contents .entry-header .blog-title {
        clear: both;
        color: #993300; }
    .staffblog .blog-contents .entry-contents {
      padding: 25px 0; }
      .staffblog .blog-contents .entry-contents img {
        max-width: 100%;
        margin-bottom: 25px; }
      .staffblog .blog-contents .entry-contents p {
        margin-bottom: 25px; }
    .staffblog .blog-contents .page-back a {
      color: #623c38;
      text-decoration: none;
      border: 1px solid #623c38;
      width: 50%;
      display: block;
      margin: 0 auto;
      text-align: center;
      padding: 15px 0 10px;
      font-weight: bold;
      margin-top: 0px;
      transition: all 0.5s ease; }
      .staffblog .blog-contents .page-back a:hover {
        background-color: #623c38;
        color: #fff; }
      .staffblog .blog-contents .page-back a::before {
        content: "\f0a9";
        font-family: "fontawesome-s";
        margin-right: 5px; }
    @media (max-width: 767px) {
      .staffblog .blog-contents .page-back {
        margin-bottom: 50px; } }
  @media (min-width: 768px) {
    .staffblog .blog-list {
      padding: 0 15px; } }
  .staffblog .blog-list > ul {
    list-style-type: none;
    padding-left: 0px;
    margin-bottom: 0px; }
    .staffblog .blog-list > ul > li {
      border-bottom: 2px dotted #c7c7c7;
      padding-left: 15px;
      padding-bottom: 5px;
      margin-bottom: 25px;
      transition: all 0.5s ease; }
      .staffblog .blog-list > ul > li:hover {
        border-bottom: 2px dotted #623c38; }
      @media (max-width: 767px) {
        .staffblog .blog-list > ul > li {
          padding-left: 5px; } }
      .staffblog .blog-list > ul > li .blog-category {
        list-style-type: none;
        padding-left: 0px;
        display: table;
        margin-left: -10px; }
        .staffblog .blog-list > ul > li .blog-category > li {
          display: table-cell; }
          .staffblog .blog-list > ul > li .blog-category > li span {
            border: 2px dotted #c7c7c7;
            padding: 7px 5px 2px; }
            .staffblog .blog-list > ul > li .blog-category > li span a {
              color: #000;
              text-decoration: none; }
        @media (min-width: 768px) {
          .staffblog .blog-list > ul > li .blog-category {
            border-collapse: separate;
            border-spacing: 10px 5px;
            margin-bottom: 5px; } }
        @media (max-width: 767px) {
          .staffblog .blog-list > ul > li .blog-category {
            margin-left: 0px; }
            .staffblog .blog-list > ul > li .blog-category > li {
              display: block;
              margin-bottom: 10px; }
              .staffblog .blog-list > ul > li .blog-category > li:not(:nth-child(1)) {
                float: left;
                margin-right: 10px; } }
      .staffblog .blog-list > ul > li .blog-title {
        margin-bottom: 0px;
        font-size: 26px; }
        @media (max-width: 767px) {
          .staffblog .blog-list > ul > li .blog-title {
            font-size: 24px; } }
        .staffblog .blog-list > ul > li .blog-title a {
          color: #993300;
          display: block;
          text-decoration: none; }
  .staffblog .pagination, .news-back .pagination {
    margin-top: 50px; }
    @media (max-width: 991px) {
      .staffblog .pagination, .news-back .pagination {
        margin-bottom: 50px; } }
    .staffblog .pagination .page-number, .news-back .pagination .page-number {
      margin: 0 auto;
      display: table;
      border-collapse: separate;
      border-spacing: 5px 0;
      line-height: 100%;
      padding: 0;
      list-style-type: none; }
      .staffblog .pagination .page-number li, .news-back .pagination .page-number li {
        display: table-cell; }
        .staffblog .pagination .page-number li a,.news-back .pagination .page-number li a {
          color: #000;
          text-decoration: none;
          padding: 15px 10px 10px;
          background-color: #f3efef; }
        .staffblog .pagination .page-number li a.prev::before,.news-back .pagination .page-number li a.prev::before {
          content: "\f104";
          font-family: "fontawesome-s";
          padding-right: 5px; }
        .staffblog .pagination .page-number li a.next::after, .news-back .pagination .page-number li a.next::after {
          content: "\f105";
          font-family: "fontawesome-s";
          padding-left: 5px; }
      .staffblog .pagination .page-number li.current a, .news-back .pagination .page-number li.current a {
        background-color: #623c38;
        color: #fff; }
  .staffblog .category-div .category-title {
    margin-bottom: 5px;
    background-color: #623c38;
    color: #fff;
    padding: 15px;
    font-weight: bold; }
  .staffblog .category-div ul {
    padding-left: 0px;
    list-style-type: none;
    margin: 10px 0; }
    .staffblog .category-div ul li {
      padding-left: 15px;
      /*border-bottom: 2px dotted #c7c7c7;*/ }
      .staffblog .category-div ul li:nth-last-child(1) {
        border-bottom: none; }
      .staffblog .category-div ul li a {
        color: #000;
        text-decoration: none;
        padding: 10px 0 5px;
        display: block; }
        .staffblog .category-div ul li a:hover {
          color: #E1452F; }
  .staffblog .category-div #archive {
    width: 100%;
    padding: 10px 0;
    padding-left: 15px;
    margin: 10px 0;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important; }
  .staffblog .category-div .search {
    margin-top: 10px; }
    .staffblog .category-div .search #search-box {
      width: 100%;
      padding: 10px 0 5px; }
    .staffblog .category-div .search #search-btn {
      width: 100%;
      margin-top: 10px;
      padding: 10px 0 5px;
      background-color: #f3efef;
      outline: 0;
      border: 1px solid #623c38; }
    @media (max-width: 991px) {
      .staffblog .category-div .search #search-box,
      .staffblog .category-div .search #search-btn {
        padding: 10px 0; } }

.contact-us .contents-top .catch {
  margin-top: 125px; }
.contact-us .contents-top .catch-message {
  margin-bottom: 25px;
  margin-top: 0px; }
.contact-us .contents-top .tell {
  text-align: center; }
  .contact-us .contents-top .tell p {
    display: inline-block;
    border: 1px dotted #660000;
    padding: 10px 15px 5px;
    margin-bottom: 0px; }
.contact-us .contents-top > p {
  margin-top: 25px;
  text-align: center; }
.contact-us .contact-in {
  margin-top: 50px; }
  .contact-us .contact-in .contact-form {
    width: 100%;
    margin-bottom: 25px; }
    .contact-us .contact-in .contact-form td:nth-child(1) {
      background-color: #f3efef;
      border-bottom: 2px solid #fff;
      padding: 15px 15px 10px; }
      @media (min-width: 992px) {
        .contact-us .contact-in .contact-form td:nth-child(1) {
          width: 30%; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .contact-us .contact-in .contact-form td:nth-child(1) {
          width: 40%; } }
      @media (max-width: 767px) {
        .contact-us .contact-in .contact-form td:nth-child(1) {
          border-bottom: none; } }
    .contact-us .contact-in .contact-form td:nth-child(2) {
      border-bottom: 2px solid #f3efef;
      padding: 15px; }
      @media (max-width: 767px) {
        .contact-us .contact-in .contact-form td:nth-child(2) {
          border-bottom: none; } }
    .contact-us .contact-in .contact-form td span {
      font-size: 14px; }
    .contact-us .contact-in .contact-form td input {
      padding: 5px 10px;
      width: 50%;
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important; }
    .contact-us .contact-in .contact-form td input.address {
      width: 75%; }
      @media (max-width: 991px) {
        .contact-us .contact-in .contact-form td input.address {
          width: 100%; } }
    .contact-us .contact-in .contact-form td input.clip {
      width: 100%;
      padding-top: 10px;
      padding-left: 0px; }
      .contact-us .contact-in .contact-form td input.clip:nth-child(1) {
        padding-top: 0px !important; }
    .contact-us .contact-in .contact-form td textarea {
      width: 100%; }
    @media (max-width: 767px) {
      .contact-us .contact-in .contact-form td {
        display: block; } }
    .contact-us .contact-in .contact-form .last-td {
      padding-bottom: 5px !important; }
  .contact-us .contact-in .enter {
    text-align: center;
    margin-bottom: 50px; }
    .contact-us .contact-in .enter input {
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important;
      padding: 5px 25px; }