@charset "utf-8";
/* CSS Document */

/*common*/

/* left right */
@media (max-width: 1024px) {
  .tb > [class^="left-cmn"] {
    width: 100%;
  }

  .tb > [class^="right-cmn"] {
    width: 100%;
  }

  .tb > .right-cmn01 {
    margin-top: 10px;
  }

  .tb > .right-cmn02 {
    margin-top: 15px;
  }

  .tb > .right-cmn03 {
    margin-top: 20px;
  }

  .tb > .right-cmn {
    margin-top: 25px;
  }
}

@media (max-width: 599px) {
  [class^="left-cmn"] {
    width: 100%;
  }

  [class^="right-cmn"] {
    width: 100%;
  }

  .right-cmn01 {
    margin-top: 5px;
  }

  .right-cmn02 {
    margin-top: 10px;
  }

  .right-cmn03 {
    margin-top: 15px;
  }

  .right-cmn {
    margin-top: 20px;
  }
}

@media (max-width: 1024px) {
  .tb-br {
    display: block;
  }
}

@media (max-width: 599px) {
  .sp-br {
    display: block;
  }
}

/* float */
.up-fl-left {
  float: left;
}

.up-fl-right {
  float: right;
}

.up-fl-none {
  float: none;
}

.up-flc-left {
  clear: left;
}

.up-flc-rigjt {
  clear: right;
}

.up-flc-both {
  clear: both;
}

.float-box {
  display: block;
}

.float-box:before {
  content: "";
  display: block;
  clear: both;
}

.float-box:after {
  content: "";
  display: block;
  clear: both;
}

.float-box .float-box-img {
  float: right;
}

.float-box .float-box-title {
  float: left;
}

.float-box .float-box-content {
  float: left;
}

.float-box-alternate .float-box:nth-of-type(even) .float-box-img {
  float: left;
}

.float-box-alternate .float-box:nth-of-type(even) .float-box-title {
  float: right;
}

.float-box-alternate .float-box:nth-of-type(even) .float-box-content {
  float: right;
}

.float-box-alternate.-rowr .float-box:nth-of-type(odd) .float-box-img {
  float: left;
}

.float-box-alternate.-rowr .float-box:nth-of-type(odd) .float-box-title {
  float: right;
}

.float-box-alternate.-rowr .float-box:nth-of-type(odd) .float-box-content {
  float: right;
}

.float-box-alternate.-rowr .float-box:nth-of-type(even) .float-box-img {
  float: right;
}

.float-box-alternate.-rowr .float-box:nth-of-type(even) .float-box-title {
  float: left;
}

.float-box-alternate.-rowr .float-box:nth-of-type(even) .float-box-content {
  float: left;
}

@media (max-width: 1024px) {
  .up-fl-left\@tb {
    float: left;
  }

  .up-fl-right\@tb {
    float: right;
  }

  .up-fl-none\@tb {
    float: none;
  }

  .up-flc-left\@tb {
    clear: left;
  }

  .up-flc-rigjt\@tb {
    clear: right;
  }

  .up-flc-both\@tb {
    clear: both;
  }
}

@media (max-width: 599px) {
  .up-fl-left\@sp {
    float: left;
  }

  .up-fl-right\@sp {
    float: right;
  }

  .up-fl-none\@sp {
    float: none;
  }

  .up-flc-left\@sp {
    clear: left;
  }

  .up-flc-rigjt\@sp {
    clear: right;
  }

  .up-flc-both\@sp {
    clear: both;
  }
}

/*  レイアウト  */
.cross-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.cross-item:nth-of-type(odd) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.cross-item:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.cross.-rowr .cross-item:nth-of-type(odd) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.cross.-rowr .cross-item:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.cross.-none .cross-item:nth-of-type(odd) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.cross.-none .cross-item:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.parallel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.parallel.-jc-fs {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.parallel.-jc-fe {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.parallel.-jc-c {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.parallel.-rowr {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media (max-width: 1024px) {
  .cross.-rowr\@tb .cross-item:nth-of-type(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .cross.-rowr\@tb .cross-item:nth-of-type(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .cross.-none\@tb .cross-item:nth-of-type(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .cross.-none\@tb .cross-item:nth-of-type(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .parallel.-jc-fs\@tb {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .parallel.-jc-fe\@tb {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .parallel.-jc-c\@tb {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .parallel.-row\@tb {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .parallel.-rowr\@tb {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}

@media (max-width: 599px) {
  .cross.-rowr\@sp .cross-item:nth-of-type(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .cross.-rowr\@sp .cross-item:nth-of-type(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .cross.-none\@sp .cross-item:nth-of-type(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .cross.-none\@sp .cross-item:nth-of-type(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .parallel.-jc-fs\@sp {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .parallel.-jc-fe\@sp {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .parallel.-jc-c\@sp {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .parallel.-row\@sp {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .parallel.-rowr\@sp {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}

/*  Y方向の余白（margin）  */
.space-v0 > .space + .space {
  margin-top: 0;
}

.space-v5 > .space + .space {
  margin-top: 5px;
}

.space-v10 > .space + .space {
  margin-top: 10px;
}

.space-v15 > .space + .space {
  margin-top: 15px;
}

.space-v20 > .space + .space {
  margin-top: 20px;
}

.space-v25 > .space + .space {
  margin-top: 25px;
}

.space-v30 > .space + .space {
  margin-top: 30px;
}

.space-v35 > .space + .space {
  margin-top: 35px;
}

.space-v40 > .space + .space {
  margin-top: 40px;
}

.space-v45 > .space + .space {
  margin-top: 45px;
}

.space-v50 > .space + .space {
  margin-top: 50px;
}

.space-v55 > .space + .space {
  margin-top: 55px;
}

.space-v60 > .space + .space {
  margin-top: 60px;
}

.space-v65 > .space + .space {
  margin-top: 65px;
}

.space-v70 > .space + .space {
  margin-top: 70px;
}

.space-v75 > .space + .space {
  margin-top: 75px;
}

.space-v80 > .space + .space {
  margin-top: 80px;
}

.space-v85 > .space + .space {
  margin-top: 85px;
}

.space-v90 > .space + .space {
  margin-top: 90px;
}

.space-v95 > .space + .space {
  margin-top: 95px;
}

.space-v100 > .space + .space {
  margin-top: 100px;
}

@media (max-width: 1024px) {
  .space-v0\@tb > .space + .space {
    margin-top: 0;
  }

  .space-v5\@tb > .space + .space {
    margin-top: 5px;
  }

  .space-v10\@tb > .space + .space {
    margin-top: 10px;
  }

  .space-v15\@tb > .space + .space {
    margin-top: 15px;
  }

  .space-v20\@tb > .space + .space {
    margin-top: 20px;
  }

  .space-v25\@tb > .space + .space {
    margin-top: 25px;
  }

  .space-v30\@tb > .space + .space {
    margin-top: 30px;
  }

  .space-v35\@tb > .space + .space {
    margin-top: 35px;
  }

  .space-v40\@tb > .space + .space {
    margin-top: 40px;
  }

  .space-v45\@tb > .space + .space {
    margin-top: 45px;
  }

  .space-v50\@tb > .space + .space {
    margin-top: 50px;
  }

  .space-v55\@tb > .space + .space {
    margin-top: 55px;
  }

  .space-v60\@tb > .space + .space {
    margin-top: 60px;
  }

  .space-v65\@tb > .space + .space {
    margin-top: 65px;
  }

  .space-v70\@tb > .space + .space {
    margin-top: 70px;
  }

  .space-v75\@tb > .space + .space {
    margin-top: 75px;
  }

  .space-v80\@tb > .space + .space {
    margin-top: 80px;
  }

  .space-v85\@tb > .space + .space {
    margin-top: 85px;
  }

  .space-v90\@tb > .space + .space {
    margin-top: 90px;
  }

  .space-v95\@tb > .space + .space {
    margin-top: 95px;
  }

  .space-v100\@tb > .space + .space {
    margin-top: 100px;
  }
}

@media (max-width: 599px) {
  .space-v0\@sp > .space + .space {
    margin-top: 0;
  }

  .space-v5\@sp > .space + .space {
    margin-top: 5px;
  }

  .space-v10\@sp > .space + .space {
    margin-top: 10px;
  }

  .space-v15\@sp > .space + .space {
    margin-top: 15px;
  }

  .space-v20\@sp > .space + .space {
    margin-top: 20px;
  }

  .space-v25\@sp > .space + .space {
    margin-top: 25px;
  }

  .space-v30\@sp > .space + .space {
    margin-top: 30px;
  }

  .space-v35\@sp > .space + .space {
    margin-top: 35px;
  }

  .space-v40\@sp > .space + .space {
    margin-top: 40px;
  }

  .space-v45\@sp > .space + .space {
    margin-top: 45px;
  }

  .space-v50\@sp > .space + .space {
    margin-top: 50px;
  }

  .space-v55\@sp > .space + .space {
    margin-top: 55px;
  }

  .space-v60\@sp > .space + .space {
    margin-top: 60px;
  }

  .space-v65\@sp > .space + .space {
    margin-top: 65px;
  }

  .space-v70\@sp > .space + .space {
    margin-top: 70px;
  }

  .space-v75\@sp > .space + .space {
    margin-top: 75px;
  }

  .space-v80\@sp > .space + .space {
    margin-top: 80px;
  }

  .space-v85\@sp > .space + .space {
    margin-top: 85px;
  }

  .space-v90\@sp > .space + .space {
    margin-top: 90px;
  }

  .space-v95\@sp > .space + .space {
    margin-top: 95px;
  }

  .space-v100\@sp > .space + .space {
    margin-top: 100px;
  }
}

.gm-style .gm-svpc img {
  height: 35px !important;
  max-width: inherit !important;
}

h1 {
  position: absolute;
  top: 0%;
  z-index: 1;
  font-size: 10px;
  width: 120%;
  left: -5%;
}

_::-webkit-full-page-media, _:future, :root h1 {
  left: 1%;
}

.h1-txt.clone {
  white-space: nowrap;
}

@media (max-width:1024px) {
  .h1-txt.clone {
    white-space: unset;
  }
}
.under h3 {
    position: relative;
    text-shadow: 0 0 2px white;
    padding: 20px 0;
}

.under h3:before {
    content: "";
    position: absolute;
    background: rgb(243 229 201 / 70%);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    top: 50%;
    /* border: dashed 1px white; */
    left: -15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
}


#gnav.fix .h1-txt {
  display: none;
}

#wrapper > .h1-txt {
  display: none;
}

.view01 a {
  display: inline-block;
}

.view01 .btn {
  display: inline-block;
  border-bottom: 1px solid;
}

.tit01 .jp {
  display: block;
}

.tit02 .icon01 {
  max-width: 24px;
  display: inline-block;
  vertical-align: sub;
}

.tit02 .icon01 img {
  vertical-align: text-top;
}

.tit02 {
  overflow: hidden;
}

.tit02.fl .en:first-letter {
  font-size: 150%;
}

.tit02 .t {
  display: inline-block;
  position: relative;
  padding-right: 1em;
}

.tit02 .t:after {
  position: absolute;
  top: 50%;
  left: 100%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 300vw;
  height: 1px;
  border-bottom: 1px solid;
  content: "";
}

@media (max-width: 1024px) {
  .tit02 .icon01 {
    max-width: 18px;
  }
}

.tit03 {
  overflow: hidden;
}

.tit03 .jp {
  display: block;
}

.tit03.fl .en:first-letter {
  font-size: 150%;
}

.tit03 .t {
  display: inline-block;
  position: relative;
  padding: 0 1em;
}

.tit03 .t:before {
  position: absolute;
  top: 50%;
  right: 100%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 300vw;
  height: 1px;
  border-bottom: 1px solid;
  content: "";
}

.tit03 .t:after {
  position: absolute;
  top: 50%;
  left: 100%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 300vw;
  height: 1px;
  border-bottom: 1px solid;
  content: "";
}

.tit04 {
  background: #33120d;
  color: #fff;
  padding: 0.5em 1em;
}

.subtit01 {
  padding-left: 2.5em;
  padding-bottom: 0.5em;
  position: relative;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
}

.subtit01:before {
  content: "\f00c";
  font-family: FontAwesome;
  position: absolute;
  left: 0.5em;
}

.title-01 {
  font-size: 22px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
}

.title-02 {
  font-weight: bold;
  font-size: 20px;
  position: relative;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
}

.view02 a {
  display: inline-block;
  position: relative;
  overflow: hidden;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.view02 .btn {
  display: inline-block;
  padding: 1em;
  border: 2px solid;
  text-align: center;
  width: 400px;
  max-width: 100%;
}

/* .view02.dr .btn {
  background: #33120d;
  color: #fff;
  border-color: #33120d;
} */

.view02.dr a {
  background: #33120d;
  color: #fff;
  border-color: #33120d;
}
.view02.xs .btn {
  width: 200px;
  padding: 0.5em;
}

.view02.icon-btn .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.view02.icon-btn .btn img,
.view02.icon-btn .btn .icon {
  margin-right: 10px;
}


.view02 a:hover {
  color: #fff;
  opacity: 1;
}

.view02 a::before,.view02 a::after,.view02 span::before,.view02 span::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: rgb(51 18 13 / 25%);
  content: "";
  -webkit-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  z-index: -1;
  -webkit-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.view02 a:hover::before,.view02 a:hover::after,.view02 a:hover span::before,.view02 a:hover span::after {
  height: 80px;
}

.view02 a span::before,.view02 a span::after {
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
     transition-delay: 0.4s;
}

.view02 a:after, .view02 a span:before {
  top: auto;
  bottom: 0;
}
.view02.dr a::before, .view02.dr a::after, .view02.dr span::before, .view02.dr span::after {
  background-color: rgb(255 255 255 / 25%);
  z-index: 1;
}
.view02.dr a:hover {
/*   color: #33120d; */
  background: unset;
}

.view02.dr a:hover .btn {
  color: #33120d;
  z-index: 1;
  position: relative;
}

.fcGRY {
  color: #535353;
}

.fcP {
  color: #fa227e;
}

.bgTan {
  background: #e8dace;
}

.bgDR {
  background: #33120d;
}

.bgGRY {
  background: #eeeeee;
}

.bg01 {
  background: #f9f6fd;
}

.bg02 {
  background: #daeae1;
}

.bg03 {
  background: #dbe0f3;
}

.logo01 {
  display: inline-block;
  max-width: 280px;
}

.fl:first-letter {
  font-size: 150%;
}

@media only screen and (max-width: 1024px) {
  h1 {
    width: 100%;
    left: 0%;
    position: static;
  }
  .view02 .btn {
    width: 300px;
    padding: 0.75em;
  }
}

@media only screen and (max-width: 599px) {
  .view02 .btn {
    width: 200px;
    padding: 0.5em;
  }
}

/*header*/

.headinnC {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  display: none;
}

[data-element-id].headinnC {
  display: block;
}

.headinnL {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: 48%;
  display: block;
}

.headinnL.fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.headinnLinn .btnlist li + li {
  margin-left: 10px;
}

.headinnLinn .btnlist li {
  width: 48%;
  cursor: pointer;
  background: #fff;
}

.headinnR {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  width: 40%;
}

.hlogo {
  text-align: center;
}

.hlogo a {
  display: inline-block;
  max-width: 190px;
}

.headinnLinn .btnlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.headinnL .web {
  display: block;
  padding: 0.4em;
  border: 2px solid;
  text-align: center;
}

.headinnL .web .icon {
  padding-left: 20px;
  background: url(/import/tenant_1/160.16.235.111/html/images/pc01.png) left center / 14px no-repeat;
}
.headinnL .tell .icon {
  padding-left: 20px;
  background: url(/upload/tenant_1/a617bed2f1b5151cc1dd87e21f594b2b.png) left center / 14px no-repeat;
}

.headinnL .tell {
  display: block;
  padding: 0.4em;
  border: 2px solid;
  text-align: center;
}

.headinnL .tel .icon {
  padding-left: 20px;
  background: url(/import/tenant_1/160.16.235.111/html/images/top/header-tel.png) left center / 14px no-repeat;
}

.headinnL .snslist li {
  margin: 0.5em;
  text-align: center;
}

.headinnL .snslist li a {
  display: inline-block;
  max-width: 36px;
}

.hinfolist li {
  margin-bottom: 0.5em;
  text-align: right;
}

.hinfolist li:nth-child(1) {
  width: 70%;
}

.hinfolist li:nth-child(2) {
  width: 40%;
}

.headinnR .hinfolist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

#header .address-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}

#header .address-box .address01 {
  font-size: 10px;
}

#header .address-box .address02 {
  font-size: 10px;
  margin-left: 20px;
}

@media only screen and (max-width: 1024px) {
  .headinnLinn {
    max-width: 100%;
  }

  .hinfolist .str150 {
    font-size: 140%;
  }

  .headinnC {
    width: 100%;
  }
  .headinnC {
    display: block;
  }

  .headinnL {
    display: none;
  }

  .headinnR {
    display: none;
  }
  #header .address-box {
    display: none;
  }
  #header .address-box.clone {
    position: relative;
    display: block;
  }
  #header .address-box .address02 {
    margin-left: 0;
    font-size: inherit;
  }
  
  #header .address-box .address01 {
    font-size: inherit;
  }
  .headinnR .hinfolist {
    display: block;
  }
  .headinn {
    position: absolute;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
  }
  .hlogo a img {
    filter: drop-shadow(1px 1px 2px white) drop-shadow(1px 1px 2px white);
  }

}

@media (max-width:599px) {
  .hlogo a {
    width: 130px;
  }
  .under .headinnC {
    display: none;
  }
  .under .mainImg .pic {
    padding-top: 50%;
  }
}



/*gnav*/

#gnav p.toggle span.n {
  display: none;
}

#gnav {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 200;
  width: 100%;
  position: absolute;
}

#gnav .gnavinn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#gnav .head-logo {
  width: 25%;
  filter: drop-shadow(0 0 10px #fff);
}

[data-element-id]#gnav .head-logo {
    width: 11%;
}

#gnav .head-logo img {
  max-width: 200px!important;
  -webkit-transition: 0.7s all ease;
    transition: 0.7s all ease;
}

#gnav.fix .head-logo img {
  max-width: 120px!important;
}

#gnav ul {
  width: 70%;
}

[data-element-id]#gnav ul {
  width: 80%;
  align-items: flex-start;
}
 
#gnav .glist li {
  text-align: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

[data-element-id] #gnav .pcnone {
  display: block;
  border: 2px solid green;
  position: relative;
}

[data-element-id] #gnav .pcnone:before {
  content: "モバイル用";
  background: green;
  display: block;
  color: #fff;
  font-size: 10px;
}

#gnav .pcnone {
  display: none;
}

#gnav .glist li a {
  width: 100%;
  display: block;
  font-weight: 600;
  padding: 40px 0;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  text-shadow: 0px 0px 2px #ffffff, white 1px 1px 2px, white -1px 1px 2px, white 1px -1px 2px, white -1px -1px 2px;
}

#gnav.fix {
  position: fixed;
  z-index: 200;
  top: 0;
  background: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
}

#gnav.fix .glist li a {
  padding: 20px 0;
}

.fix .accordion-toggle {
  opacity: 0.8;
}

.gnavinn .headinnR {
  width: 100%;
  display: none;
}

.gnavinn .headinnL {
  width: 100%;
  display: none;
}


#gnav .glist li.pullbox dt {
        width: 100%;
    display: block;
    font-weight: 600;
    padding: 40px 0;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    text-align: center;
    text-shadow: 0px 0px 2px #ffffff, white 1px 1px 2px, white -1px 1px 2px, white 1px -1px 2px, white -1px -1px 2px;
    cursor: pointer;
}
#gnav.fix .glist li.pullbox dt{
      padding: 20px 0;
      cursor: pointer;
}
#gnav li .pull {
    position: relative;
}

#gnav li:hover .pulllist {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
}

#gnav li .pulllist:before {
    bottom: 100%;
    left: 50%;
    content: '';
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border: 6px solid transparent;
    border-bottom-color: rgba(51, 18, 13, 0.9);
    position: absolute;
}

[data-element-id] #gnav li .pulllist {
    visibility: visible;
    opacity: 1;-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
position: relative;
}
[data-element-id] #gnav li .pulllist:before {
  content: none;
}

#gnav li .pulllist {
    visibility: hidden;
    opacity: 0;
    border-radius: 4px;
    -webkit-transition: 0.6s all ease;
    transition: 0.6s all ease;
    position: absolute;
    -webkit-transform: translate(-50%, -60px);
    -ms-transform: translate(-50%, -60px);
    transform: translate(-50%, -60px);
    left: 50%;
    width: 200px;
    z-index: 10;
    padding: 10px;
    background: rgba(51, 18, 13, 0.9);
}

#gnav li .pulllist li {
    width: 100%;
}

[data-element-id] #gnav li .pulllist li {
  width: auto;
}

#gnav li .pulllist li a {
    padding: 10px;
    font-size: 12px;
    text-align: left;
    color: #fff;
    text-shadow: none;
}

@media only screen and (max-width: 1024px) {
  #gnav .pcnone {
    display: block;
  } 
  #gnav .head-logo {
    width: 100%;
  }
  .index #gnav .head-logo {
    display: none;
  }

  #gnav .gnavinn {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    opacity: 0;
    -webkit-transition: height ease 0.1s, opacity ease 0.4s;
    transition: height ease 0.1s, opacity ease 0.4s;
    padding: 0;
    border: none;
    padding-bottom: 0;
    background: rgba(255, 255, 255, 0.95);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
    z-index: -10;
  }

  #gnav .gnavinn .glist {
    padding: 0;
    margin-bottom: 30px;
  }

  .gnavinn .headinnR {
    display: block;
  }

  .gnavinn .headinnR .view02 {
    text-align: center;
  }

  .gnavinn .headinnL {
    display: block;
  }

  .gnavinn .hinfolist li {
    text-align: left;
  }

  #gnav .glist li {
    display: block !important;
    width: 100%;
    text-align: center;
    position: static;
    padding: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
  }

  #gnav p.toggle {
    display: block !important;
    position: fixed;
    width: 38px;
    height: 38px;
    top: 6px;
    right: 10px;
    cursor: pointer;
    opacity: 0.8;
    margin: 2px;
    z-index: 251;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
  }

  #gnav.action .gnavinn {
    height: 100vh;
    opacity: 1;
    z-index: 250;
    padding: 60px 3% 80px;
    display: block;
  }

  #gnav p.toggle span.n {
    display: block;
    background: #323232;
    height: 2px;
    width: 26px;
    text-indent: 9999px;
    padding: 0;
    top: 50%;
    left: 6px;
    margin-top: -1px;
    position: absolute;
  }

  #gnav p.toggle span.n:before {
    display: block;
    content: "";
    background: #323232;
    height: 2px;
    width: 26px;
    position: absolute;
    top: -8px;
    left: 0;
  }

  #gnav p.toggle span.n:after {
    display: block;
    content: "";
    background: #323232;
    height: 2px;
    width: 26px;
    position: absolute;
    top: 8px;
    left: 0;
  }

  #gnav.action p.toggle span.n {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: ease 0.1s;
    transition: ease 0.1s;
  }

  #gnav.action p.toggle span.n:after,
  #gnav.action p.toggle span.n:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 0;
    left: 0;
  }

  #gnav .gnavinn .glist {
    width: 100%;
  }

  #gnav .gnavinn .glist a {
    height: auto;
    display: block;
    text-align: left;
    padding: 10px 10px 10px 20px;
    border: none !important;
    text-transform: capitalize;
  }

  #gnav.fix {
    padding: 0;
  }

  .overlay {
    height: 100%;
    overflow: hidden;
  }

  .overlay:after {
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0.3;
    z-index: 100;
  }
    #gnav .gnavinn .glist .pullbox dt {
        padding: 10px 10px 10px 20px;
        text-align: left;
        position: relative;
    }
    #gnav .gnavinn .glist .pullbox dt.dropdown:after {
    content: "\f055";
    font-size: 80%;
    font-family: "font awesome 5 free";
    font-weight: bold;
    margin-left: 10px;
  }
  #gnav .gnavinn .glist .pullbox dt.dropdown.is-parent::after {
    content: "\f056";
  }
    #gnav.action li .pulllist{
      visibility: visible;
    }
    #gnav li .pulllist {
        width: 100%;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        position: static;
        left: 15px;
        opacity: 1;
        margin-bottom: 0;
        padding: 0;
            background: none;
    }
    
    #gnav li .pulllist:before {
        left: 27px;
        display: none;
    }
    #gnav li .pulllist li a {
       font-size: 14px;
       color: rgba(51, 18, 13, 255);
    }
    #gnav li .pull {
    display: none;
    background: rgb(51 18 13 / 30%);
    border-radius: 5px;
  }

}

@media only screen and (max-width: 599px) {
  #gnav ul {
    width: 100%;
  } 
  #gnav.action .gnavinn {
    padding: 60px 3% 33%;
  }
}

/*スライドショー mainImg*/

.homeSlide {
  position: relative;
  overflow: hidden;
}

.homeSlide h2 {
  width: 90%;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: #fff;
  text-shadow: 0px 0px 20.52px rgba(0, 0, 0, 0.18);
}

.homeSlide .uk-slidenav-position {
  text-align: center;
  position: relative;
  overflow: hidden;
  min-width: 500px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.homeSlide .uk-slidenav-position:after {
  padding-top: 54%;
  content: "";
  display: block;
}

.homeSlide .uk-slideshow {
  position: absolute;
  top: 0;
  height: 100% !important;
}

.homeSlide .uk-slideshow * {
  height: 100% !important;
}

/*footer*/

footer {
  border-top: 1px solid #33120d;
}

.flogo {
  text-align: center;
}

.flogo a {
  display: inline-block;
  max-width: 280px;
}
.flogo img {
  width: 110px;
}

.fnav {
  margin: 30px auto;
  max-width: 812px;
}

.fnav li {
  text-align: center;
}

.fnav li.pcnone {
  display: none;
}

.fnav li a {
  width: 100%;
  display: block;
  font-weight: 600;
  padding: 0.5em 2em;
}

.footinn .snslist li {
  margin: 0.5em;
  text-align: center;
}

.footinn .snslist li a {
  display: inline-block;
  max-width: 23px;
}

.footbtm {
  margin-bottom: 60px;
}

.copy {
  text-align: center;
  background: #33120d;
  padding: 1em 0;
  color: #fff;
  padding-bottom: 80px;
}

@media only screen and (max-width: 1024px) {
  footer {
    margin-top: 80px;
  }

  .fnav li {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 33.333%;
  }

  .copy {
    padding-bottom: 55px;
  }
}

@media only screen and (max-width: 599px) {
  footer {
    margin-top: 60px;
  }

  .fnav li {
    width: 48%;
  }
}

/*totop*/

#totop {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 99;
  text-align: center;
}

#totop a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-weight: 500;
}

#totop a .pic {
  display: inline-block;
  max-width: 140px;
}

#totop a .t {
  /* margin-left: 3em; */
  margin-top: 0.25em;
  display: inline-block;
  text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

.ffix {
  display: none;
}

[data-element-id] .ffix {
  display: block;
  position: static;
}

.ffixlist li a {
  display: block;
}

.ffixlist {
  background: #fff;
  padding: 0.25em;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}


.ffixlist li:not {
  font-size: 16px;
  padding: 0.5em;
  text-align: center;
  color: #33120d;
  font-weight: 700;
}

[data-element-id] #fixtel {
  display: block !important;
  position: static;
}

#fixtel {
  position: fixed;
  bottom: 85px;
  right: 10px;
  z-index: 99;
}

#tel {
  width: 70px;
  height: 70px;
  font-size: 12px;
  border-radius: 50%;
  padding: 0.5em;
  text-align: center;
  background: #33120d;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#fixtel .web {
  width: 70px;
  height: 70px;
  font-size: 12px;
  border-radius: 50%;
  padding: 0.5em;
  text-align: center;
  background: #33120d;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#totop a .pic img {
  filter: drop-shadow(0px 0px 3px #ffff);
}

@media only screen and (max-width: 1024px) {
  #totop a .pic {
    max-width: 90px;
  }

  .ffix {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
    z-index: 99;
  }

  #totop {
    bottom: 60px;
  }
}

@media only screen and (max-width: 599px) {
  #totop a .t {
    margin-left: 1em;
  }

  #totop a .pic {
    max-width: 40px;
  }

  .ffixlist li {
    font-size: 14px;
  }
}

@media only screen and (min-width: 600px) {
  #fixtel {
    display: none !important;
  }
}

/*home*/

.home01inn {
  padding: 1.5em;
  background: rgba(255, 255, 255, 0.8);
  max-width: 750px;
  margin-left: auto;
  -webkit-transform: translate(0, -90%);
  transform: translate(0, -90%);
  -webkit-box-shadow: 3px 3px 3px #ddd;
  box-shadow: 3px 3px 3px #ddd;
}

.home01innL {
  width: 20%;
}

.home01innC {
  width: 56%;
}

.home01innR {
  width: 20%;
}

.home01innR {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.home01item dt {
  width: 7em;
}

.home01item dd {
  width: calc(100% - 7em);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home01item a {
  display: block;
  padding: 0.25em 0;
}

.home02 {
  padding-top: 0;
}

.home02 .tfmp > .ofiImg.tc {
  left: 0;
  -webkit-transform: none;
  transform: none;
  max-width: 540px;
  max-height: 500px;
  overflow: hidden;
}

.home02 .tfmp > .ofiImg.tc:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: -webkit-gradient(linear, right top, left top, from(white), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to left, white, rgba(255, 255, 255, 0));
}

.home02cont .titbox * {
  text-shadow: #fff 1px 1px 0, #fff -1px -1px 0, #fff -1px 1px 0, #fff 1px -1px 0, #fff 0px 1px 0, #fff 0-1px 0, #fff -1px 0 0, #fff 1px 0 0;
}

.home02item {
  position: relative;
  padding: 1.5em;
  overflow: hidden;
}

.home02item .tbox {
  padding: 1em;
  background: rgba(255, 255, 255, 0.8);
  min-height: 260px;
  position: relative;
  z-index: 1;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.home02item .tbox dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.home02item .tbox dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  letter-spacing: 0;
}

.home03item a {
  display: block;
}

[data-element-id].home03list > div {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

[data-element-id].home03list > div li {
  width: 33.333%;
}

.rec-style .home03item a {
  position: relative;
}

.rec-style .home03item .tit {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
    padding: 0.5em;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(51, 18, 13, 0.7);
    color: #fff;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    visibility: hidden;
    opacity: 0;
    font-size: 16px;
}

.rec-style .home03item a:hover .tit {
    visibility: visible;
    opacity: 1;
}

.rec-style .home03item a:hover {
    opacity: 1;
}





.home04item a {
  display: block;
}

.home04item dd {
  margin: 0.5em 0;
}

/* .home04item dd.tit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
} */

.home04item dd.view01 {
  margin-top: 2em;
}

.home04item img {
  border: 1px solid;
}

.home05 {
  padding-bottom: 0;
  overflow: hidden;
}

.home05item a {
  display: block;
}

.home05iteminn .pbox {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  width: 40%;
}

.home05iteminn .pbox .pic {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.home05iteminn .tbox {
  margin-top: 8em;
  width: 50%;
}

.home05iteminn .tbox .posi {
  text-align: right;
  position: relative;
  padding: 0.25em 0;
}

.home05iteminn .tbox .posi:before {
  position: absolute;
  right: 0;
  bottom: 0;
  content: "";
  border-bottom: 1px solid;
  height: 1px;
  width: 125%;
  content: "";
}

.home05iteminn .tbox .posi .inb {
  text-align: left;
}

.home05iteminn .tbox dd {
  margin: 2em 0;
}

.home05iteminn .tbox .name p {
  margin: 0.5em 0;
  text-align: right;
}

.home05iteminn .tbox .name span {
  display: inline-block;
  text-align: left;
}

.home05iteminn .tbox .name .en span:first-letter {
  font-size: 250%;
}

.home06cont .titbox .balloon01 .inb {
  -webkit-transform: rotate(-4deg);
  transform: rotate(-4deg);
}

.home06cont .titbox .balloon01 .inb:after {
  content: "";
  display: block;
  width: 360px;
  height: 70px;
  background: url(/import/tenant_1/160.16.235.111/html/images/ballon01.png) center center / 100% 100% no-repeat;
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
  margin: 0 auto;
  margin-top: -1em;
  margin-bottom: 0.5em;
}

.home06cont .tbox dt {
  margin: 1em 0;
}

.home06cont .tbox dd {
  margin: 1em 0;
}

.home06cont .view02 {
  margin-bottom: 0;
}

.home06 .pic:before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.7;
  position: absolute;
  top: 0;
  left: 0;
}

.home07boxR .map:after {
  padding-top: 35%;
}

.home07infoitem {
  margin: 1em 0;
}

.home07infoitem dt {
  width: 5.5em;
}

.home07infoitem dd {
  width: calc(100% - 5.5em);
}

.home07 .snslist .sns {
  width: 20px;
}

.home07 .snslist .sns + .sns {
  margin-left: 5px;
}

.home08item a {
  display: block;
}

@media only screen and (max-width: 1024px) {
  .home01inn {
    max-width: 100%;
    -webkit-transform: none;
    transform: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 60px 0;
    width: 96%;
    margin: 0 auto;
  }

  .home02 .tfmp {
    padding-top: 40px;
  }

  .home02item {
    width: 48%;
    padding: 1em;
  }

  .home02item .tbox {
    min-height: 150px;
  }

  .home02 .tfmp > .ofiImg.tc {
    max-width: 400px;
    max-height: 360px;
  }

  .home05iteminn .pbox {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
  }

  .home05iteminn .tbox {
    margin-top: 30%;
  }
}

@media only screen and (max-width: 599px) {
  .home01inn {
    padding: 40px 0;
    width: 94%;
  }

  .home01innL {
    width: 100%;
  }

  .home01innC {
    width: 100%;
  }

  .home01innR {
    width: 100%;
  }

  .home01innR .view01 {
    text-align: right;
    margin: 1em 0;
  }
  .home02item {
    width: 31.333%;
  }

  .home02item {
    padding: 0.5em;
  }

  .home02item .tbox {
    padding: 0.5em;
    min-height: 120px;
  }

  .home02item .tbox dt {
    font-size: 13px;
  }
  .home04item {
    width: 100%;
  }
  .home04item:not(:last-of-type) {
      margin-bottom: 20px;
  }
    
  .home04item dl {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
  }
  
  .home04item dl .pbox {
      width: 35%;
  }
  
  .home04item dl .tbox {
      width: 60%;
  }


  .home05cont .tit01 {
    margin-bottom: 2em;
  }

  .home06cont .titbox .balloon01 .inb {
    -webkit-transform: none;
    transform: none;
  }

  .home06cont .titbox .balloon01 .inb:after {
    width: 300px;
    height: 55px;
    margin-top: -0.5em;
  }

  .home07infoitem dt {
    width: 100%;
    margin-bottom: 0.25em;
  }

  .home07infoitem dd {
    width: 100%;
  }

  .home07box h2 {
    text-align: center;
  }

  .home07box .view02 {
    text-align: center;
    margin-top: 5%;
  }
  .home08item:nth-child(n+10) {
    display: none;
  }
}

/*under*/

/*concept*/

.concept02item {
  margin-bottom: 80px;
}

.concept02list .concept02item:last-of-type {
  margin-bottom: 0;
}

.concept02list .concept02item:nth-of-type(odd) .concept02iteminn {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.concept02list .concept02item:nth-of-type(even) .concept02iteminn .pbox {
  left: auto;
  right: 0;
}

.concept02iteminn {
  position: relative;
  overflow: hidden;
}

.concept02iteminn .tbox {
  padding: 3em;
  margin: 2em 0 6em;
  background: rgba(255, 255, 255, 0.8);
  position: relative;
  z-index: 1;
  min-height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.concept02iteminn .pbox {
  position: absolute;
  width: 500px;
  height: 100%;
  left: 0;
  top: 0;
}

.concept02iteminn .pic {
  height: 100%;
  max-width: 100%;
}

.concept03box .tbox .txt {
  height: 100%;
  width: 110%;
  padding: 3em;
  margin: 2em 0 2em;
  background: rgba(255, 255, 255, 0.8);
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 1024px) {
}

@media only screen and (max-width: 599px) {
  .concept02iteminn {
    padding: 1em;
  }

  .concept02iteminn .tbox {
    padding: 1.5em;
    margin: 1.5em 0;
    min-height: 300px;
  }

  .concept03box .tbox .txt {
    height: auto;
    width: 100%;
    padding: 0;
    margin: 0;
  }
}

/*salon*/

.salon02 .ofiImg.tc:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.7);
  content: "";
}
/*
.salon02list {
  max-width: 800px;
  margin: 40px auto;
} */

.salon02item {
  padding: 1em;
  border-bottom: 1px solid #bfbfbf;
}

.salon02item dt {
  width: 8em;
}

.salon02item dd {
  width: calc(100% - 10em);
  font-weight: 500;
}

.salon02item dd * {
  font-weight: 500;
}
.salon02 .map:after {
  padding-top: 90%;
}
.salon02.map-small .map:after {
  padding-top: 40%;
}
.salon03item .tbox {
  width: 50%;
  padding: 4em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.salon03item .pbox {
  width: 50%;
}

.salon03list {
  counter-reset: number;
}

.salon03item .tbox dt {
  position: relative;
  padding-left: 1.5em;
}

.salon03item .tbox dt:before {
  position: absolute;
  top: 0;
  left: 0;
  counter-increment: number;
  content: counter(number) ".";
}

@media only screen and (max-width: 1024px) {
  .salon03item .tbox {
    padding: 2em;
  }
}

@media only screen and (max-width: 599px) {
  .salon02item {
    padding: 1em;
  }

  .salon02item dt {
    width: 100%;
    margin-bottom: 0.25em;
  }

  .salon02item dd {
    width: 100%;
  }

  .salon03list .salon03item:last-of-type {
    margin-bottom: 0;
  }

  .salon03item {
    margin-bottom: 40px;
  }

  .salon03item .tbox {
    padding: 1em 0;
    width: 100%;
  }

  .salon03item .pbox {
    width: 100%;
  }
}

/*menu*/

.menu01 {
  overflow: hidden;
}

.menunavitem a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.5em;
  background: #33120d;
  color: #fff;
  height: 100%;
}

.menunavitem a span {
  text-align: center;
}

.menu01box01 .pbox {
  position: relative;
}

.menu01box01 .pic {
  position: absolute;
  right: -10vw;
  top: 0;
  width: 50vw;
  max-width: 1000px;
  max-height: 90%;
  overflow: hidden;
}

.menu01box01 .tbox {
  padding: 4em;
  background: #fff;
  border: 1px solid;
  position: relative;
  z-index: 1;
  margin: 6em 0 0;
}

.menu01item01 {
  padding: 1.5em;
  border-bottom: 1px solid #bfbfbf;
}

.menu01box02 .ofiImg.tc:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  content: "";
}

.menu01list02 {
  max-width: 600px;
  margin: 0 auto;
  padding: 1.5em;
}

.menu01item02 {
  padding: 1em;
  border-bottom: 1px solid #bfbfbf;
}

.menu01box03 .pbox {
  position: relative;
}

.menu01box03 .pic {
  position: absolute;
  right: 0;
  top: 0;
  width: 40vw;
  max-width: 1000px;
  max-height: 90%;
  overflow: hidden;
}

.menu01box03 .pic:before {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 101%;
  width: 101%;
  background: url(/import/tenant_1/160.16.235.111/html/images/bg01.png) center center / 100% 100% no-repeat;
  content: "";
}

.menu01box03 .tbox {
  padding: 4em;
  background: #fff;
  position: relative;
  z-index: 1;
  margin: 6em 0 0;
}

.menu01item03 {
  padding: 1.5em;
  border-bottom: 1px solid #bfbfbf;
}

.menu01list04itemlistitem {
  padding: 1.5em;
  border-bottom: 1px solid #bfbfbf;
}

@media only screen and (max-width: 1024px) {
  .menu01box01 .tbox {
    padding: 3em;
  }

  .menu01item01 {
    padding: 1em;
  }

  .menu01box03 .tbox {
    padding: 3em;
  }

  .menu01item03 {
    padding: 1em;
  }

  .menu01list04itemlistitem {
    padding: 1em;
  }

  .menunavitem {
    width: 31.333%;
  }
}

@media only screen and (max-width: 599px) {
  .menu01box01 .tbox {
    padding: 3em 1.5em;
    margin-top: 1em;
  }

  .menu01item01 {
    padding: 0.5em 0;
  }

  .menu01box01 .pic {
    position: static;
    width: 100%;
    max-height: 100%;
  }

  .menu01item02 {
    padding: 0.5em 0;
  }

  .menu01box03 .tbox {
    padding: 0 1.5em 3em;
    margin-top: 0em;
  }

  .menu01item03 {
    padding: 0.5em 0;
  }

  .menu01box03 .pic {
    position: static;
    width: 100%;
    max-height: 100%;
  }

  .menu01item04 [class*="heightLine"] {
    height: auto !important;
  }

  .menu01list04itemlistitem {
    padding: 0.5em 0;
  }

  .menu01list04 .menu01item04:last-of-type {
    margin-bottom: 0;
  }

  .menu01item04 {
    margin-bottom: 40px;
  }

  .menunavitem {
    width: 48%;
  }
  .menu01box01 .pbox {
    margin-top: 20px;
  }
}

/*specialcare*/

.specialcare01list .specialcare01item:last-of-type {
  margin-bottom: 0;
}

.specialcare03list .specialcare01item:last-of-type {
  margin-bottom: 0;
}

@media only screen and (max-width: 1024px) {
}

@media only screen and (max-width: 599px) {
}

/*sp_aesthetic*/

.sp_aesthetic01list .sp_aesthetic01item:last-of-type {
  margin-bottom: 0;
}

.sp_aesthetic01item .tbox {
  padding: 2em 0;
}

.sp_aesthetic04list {
  counter-reset: number;
}

.sp_aesthetic04list .sp_aesthetic04item {
  position: relative;
  padding-left: 70px;
  padding-top: 15px;
  margin-bottom: 40px;
}

.sp_aesthetic04list .sp_aesthetic04item:before {
  position: absolute;
  top: 0;
  left: 0;
  counter-increment: number;
  content: counter(number);
  width: 50px;
  height: 50px;
  background: #fff;
  border: 1px solid;
  line-height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  font-size: 150%;
}

@media only screen and (max-width: 1024px) {
  .sp_aesthetic04list .sp_aesthetic04item:before {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 125%;
  }

  .sp_aesthetic04list .sp_aesthetic04item {
    padding-left: 60px;
    padding-top: 10px;
  }
}

@media only screen and (max-width: 599px) {
  .sp_aesthetic04list .sp_aesthetic04item:before {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 100%;
  }

  .sp_aesthetic04list .sp_aesthetic04item {
    padding-left: 50px;
    padding-top: 7px;
  }
}

/*staff*/

.staff0item {
  width: 25.333%;
  margin: 4%;
}

.staff0item.アイリスト {
  order: 0;
}

.staff0item:not(.アイリスト) {
  order: 1;
}


.staff0item a {
  display: block;
}

.staff0item dt {
  margin-bottom: 2em;
}

.staff0item dd {
  margin: 0.5em 0;
  text-align: center;
}

.staffarea .logo {
  border-top: 1px solid #eeeeee;
}
.staffdetailsinglebox {
  padding-bottom: 100px;
}

.staffdetailsinglebox .tbox dt {
  text-align: right;
  border-bottom: 1px solid;
  padding: 0.5em 0;
  margin-bottom: 1em;
}

.staffdetailsinglebox .tbox dd:not(.tbox) {
  text-align: right;
}

.staffdetailsinglebox .tbox dd.tbox {
  padding: 30px 0;
}
.list-box01 .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: 1px dashed #333;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.list-box01 .list .tit {
  width: 30%;
  font-weight: bold;
}

.list-box01 .list .text {
  width: 70%;
}
.list-box01 .list:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 1024px) {
  .staff0item {
    width: 29.333%;
    margin: 2%;
  }

  .staffarea .logo {
    padding-top: 60px;
  }

  .staffdetailsinglebox {
    padding-bottom: 80px;
  }

  .staffdetailsinglebox .tbox dd.tbox {
    padding: 20px 0;
  }
  .list-box01 .list .tit {
    width: 100%;
  }
  .list-box01 .list {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .list-box01 .list .text {
    width: 100%;
    margin-top: 5px;
  }
}

@media only screen and (max-width: 599px) {
  .staff0item {
    width: 44%;
    margin: 3%;
  }
  .staff0item dd {
    font-size: 14px;
  }

  .staffarea .logo {
    padding-top: 40px;
  }

  .staffdetailsinglebox {
    padding-bottom: 40px;
  }

  .staffdetailsinglebox .tbox dd.tbox {
    padding: 10px 0;
  }
}

/*catalog*/

.catalogitem a {
  display: block;
  opacity: 1;
}

.catalogitem dl {
  position: relative;
  overflow: hidden;
  padding: 0.5em;
  border: 1px solid;
}

.catalogitem dt {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  width: 100%;
  padding: 0.5em;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(51, 18, 13, 0.7);
  color: #fff;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  visibility: hidden;
  opacity: 0;
}

.catalogitem:hover dt {
  visibility: visible;
  opacity: 1;
}

.catalogsinglebox {
  max-width: 800px;
  margin: 0 auto;
}

.catalogsinglebox .pbox li {
  width: 33.333%;
}

.catalogsinglebox .tbox .commentbox dt {
  margin-bottom: 1em;
  overflow: hidden;
}

.catalogsinglebox .tbox .commentbox dt span {
  display: inline-block;
  padding-right: 1em;
  position: relative;
}

.catalogsinglebox .tbox .commentbox dt span:after {
  position: absolute;
  left: 100%;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 100vw;
  height: 1px;
  border-bottom: 1px solid;
  content: "";
}

.catalogsinglebox .mainPic {
  margin-bottom: 40px;
}

.catalogsinglebox .datalist .datalistitem:first-of-type {
  border-top: 1px solid #ccc;
}

.catalogsinglebox .datalistitem {
  padding: 1em 0;
  border-bottom: 1px solid #ccc;
}

.catalogsinglebox .datalistitem .tit {
  width: 5em;
  font-weight: 500;
}

.catalogsinglebox .datalistitem .databox {
  width: calc(100% - 5em);
}

.catalogsinglebox .datalistitemlistitem {
  width: 29.333%;
  margin: 2%;
  padding: 0.25em 0.5em;
  border: 1px solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.subPicList img {
  cursor: pointer;
}

.髪の長さ.短い .短い {
  background: #33120d;
  color: #fff;
}

.髪の長さ.普通 .普通 {
  background: #33120d;
  color: #fff;
}

.髪の長さ.長い .長い {
  background: #33120d;
  color: #fff;
}

.髪の量.多い .多い {
  background: #33120d;
  color: #fff;
}

.髪の量.普通 .普通 {
  background: #33120d;
  color: #fff;
}

.髪の量.少ない .少ない {
  background: #33120d;
  color: #fff;
}

.髪質.硬い .硬い {
  background: #33120d;
  color: #fff;
}

.髪質.普通 .普通 {
  background: #33120d;
  color: #fff;
}

.髪質.柔らかい .柔らかい {
  background: #33120d;
  color: #fff;
}

[data-element-id].catalogarea .col >div {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

[data-element-id].catalogarea .col >div li {
  width: 20%;
}


@media only screen and (max-width: 1024px) {
  .catalogitem dt {
    font-size: 14px;
  }

  .catalogsinglebox .datalistitem .tit {
    width: 100%;
    font-weight: 700;
  }

  .catalogsinglebox .datalistitem .databox {
    width: 100%;
  }
}

@media only screen and (max-width: 599px) {
  .catalogsinglebox .mainPic {
    margin-bottom: 2%;
  }
}

/*product*/

.product01bgwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product01bgbox {
  position: relative;
  width: 100%;
  min-height: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 80px 0;
}

.product01bgbox .ofiImg.tc {
  width: 100vw;
}

.product01bgbox .ofiImg.tc:before {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(51, 18, 13, 0.4);
  content: "";
}

.product01box {
  width: 100%;
}

.product01box * {
  color: #fff;
  text-shadow: 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000, 0 0 10px #000;
}

.product01box .pbox img {
  border: 5px solid #cfa972;
}

.productitem a {
  display: block;
}

.productitem * {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
  text-align: center;
  font-weight: 700;
}

.productitem dt {
  margin-bottom: 1em;
}

.productitem dd {
  margin-bottom: 0.5em;
}

.productitem dd.data {
  margin: 2em 0;
}

.productsinglebox .pbox .mainPic {
  margin-bottom: 40px;
}

.productsinglebox .pbox .subPicList li {
  width: 31.333%;
  margin: 0 1%;
}

.productsinglebox .tbox * {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
}

.productsinglebox .tbox .name span {
  display: block;
  margin: 0.25em 0;
}

.productsinglebox .tbox :not(.txt) {
  font-weight: 700;
}

.productsinglebox .tbox .dataD dt {
  border-bottom: 1px solid #bfbfbf;
  padding-bottom: 0.25em;
}

@media only screen and (max-width: 1024px) {
  .product01bgbox {
    min-height: 500px;
  }

  .productsinglebox .pbox .mainPic {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 599px) {
  .product01bgbox {
    min-height: 400px;
  }

  .productitem .fs16 {
    font-size: 14px;
  }

  .productsinglebox .pbox .mainPic {
    margin-bottom: 2%;
  }

  .productsinglebox .pbox {
    margin-bottom: 40px;
  }
}

/*blog*/

.blog01cont .postcont {
  width: 70%;
}

.blog01cont .caarea {
  width: 26%;
}

.postitem {
  margin-bottom: 40px;
  width: 48%;
}

.postitem.row3 {
  width: 31.333%;
}

.postitem a {
  display: block;
}

.postitem dt {
  margin-bottom: 20px;
}

.postitem dd {
  margin: 0.5em 0;
}
/* .postitem dd.tit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
} */

.postitem img {
  border: 1px solid;
}

.calist * {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
}

.caitem {
  margin-bottom: 40px;
}

.caitem dt {
  text-align: center;
  color: #fff;
  background: #33120d;
  width: 100%;
  padding: 0.5em 1em;
  margin-bottom: 1em;
  position: relative;
  cursor: pointer;
}

.caitem dt:after {
  position: absolute;
  top: 50%;
  right: 0.5em;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  content: "\f105";
  font-family: FontAwesome;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.caitem dt.open:after {
  -webkit-transform: translate(0, -50%) rotate(90deg);
  transform: translate(0, -50%) rotate(90deg);
}

.caitem li a {
  display: block;
  padding: 1em;
  border-bottom: 1px solid #bfbfbf;
}

.pagenav {
  margin: 80px 0;
}

.pagenav ul {
  max-width: 300px;
  margin: 0 auto;
}

.pagenav li {
  width: 14%;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
}

.pagenav li a {
  border: 1px solid;
  width: 2em;
  height: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
}

.pagenav li.now a {
  background: #33120d;
  color: #fff;
  border: none;
}

.datebox {
  padding: 80px 1em;
  border-top: 1px solid;
  border-bottom: 1px solid;
  margin-bottom: 80px;
}

[data-element-id].datebox.up-d-none {
  display: block;
  border: 2px solid green;
  position: relative;
}

[data-element-id].datebox.up-d-none:before {
  content: "モバイル表示";
  background: green;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  color: #fff;
}


[data-element-id] #date {
  display: block;
}

#date {
  display: none;
}

.datelist * {
  font-weight: 700;
  text-align: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
}

.datelist .day {
  font-size: 100px;
  line-height: 120%;
}

.postsinglebox {
  padding: 40px;
  border: 1px solid;
}

.postsinglebox .tit {
  padding-bottom: 1em;
  border-bottom: 1px solid;
  margin-bottom: 2em;
}

.blog_detail .blog01cont .postsinglebox h2 {
  padding: 1rem 2rem;
  border-top: 6px double #000;
  border-bottom: 6px double #000;
  margin-bottom: 30px;
  font-size: 26px;
}

.blog_detail .blog01cont .postsinglebox h3 {
  padding: 1rem 2rem;
  border-bottom: 3px solid #000;
  margin-bottom: 20px;
  font-size: 22px;
  text-shadow: none;
}
.blog_detail .blog01cont .postsinglebox h3:before {
  display: none;
}

.blog_detail .blog01cont .postsinglebox h4 {
  padding: 1rem 2rem;
  border-left: 4px solid #000;
  margin-bottom: 15px;
  font-size: 18px;
}

.postsinglebox .blog-info {
    margin-top: 40px;
    border-top: 2px dashed rgba(51, 18, 13, 255);
    padding-top: 25px;
}

.postsinglebox .blog-info .sub-tit {
    text-align: center;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 18px;
}

.postsinglebox .blog-info .info-box dl {
    position: relative;
    margin-top: 15px;
}

.postsinglebox .blog-info .info-box dt {
    position: absolute;
    top: 0;
    left: 0;
    font-weight: bold;
    border-bottom: 1px solid;
}

.postsinglebox .blog-info .info-box dd {
    width: calc(100% - 100px);
    margin-left: auto;
}



@media only screen and (max-width: 1024px) {
  .blog01cont .postcont {
    width: 100%;
  }

  .blog01cont .caarea {
    width: 100%;
  }

  .datelist .day {
    font-size: 80px;
  }

  .datebox {
    padding: 60px 1em;
    margin-bottom: 60px;
  }
  .blog_detail .blog01cont .postsinglebox h2 {
    font-size: 22px;
  }
  
  .blog_detail .blog01cont .postsinglebox h3 {
      font-size: 18px;
  }
  
  .blog_detail .blog01cont .postsinglebox h4 {
      font-size: 16px;
  }

}

@media only screen and (max-width: 599px) {
  .pagenav {
    margin: 40px 0 0;
  }
  .blog01cont .caarea {
    margin-top: 40px;
  }
  .datelist .day {
    font-size: 60px;
  }

  .datebox {
    padding: 40px 1em;
    margin-bottom: 40px;
  }

  .brogreco .postitem.row3 {
    width: 100%;
  }
  .brogreco .postitem .pbox {
    width: 35%;
    margin-bottom: 0;
  }
  
  .brogreco .postitem .tbox {
      width: 60%;
  }
  
  .brogreco .postitem dl {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
  }

  .postsinglebox {
    padding: 2em;
  }

  .postsinglebox .tit {
    padding-bottom: 0.5em;
    margin-bottom: 1.5em;
    font-size: 20px;
  }
  .blog_detail .blog01cont .postsinglebox h2 {
      padding: 0.6rem 1.2rem;
      font-size: 20px;
  }
  
  .blog_detail .blog01cont .postsinglebox h3 {
      padding: 0.6rem 1.2rem;
  }
  
  .blog_detail .blog01cont .postsinglebox h4 {
      padding: 0.6rem 1rem;
  }
  .postcont .datebox {
    padding: 20px 0;
  }
  
  .postcont .datebox .day {
      font-size: 40px;
  }
  .postsinglebox .blog-info .info-box dd {
    width: 100%;
    padding-top: 40px;
  }
  .postsinglebox .blog-info .sub-tit {
    font-size: 16px;
  }
}

/*voice*/

.voiceitem {
  margin-bottom: 40px;
}

.voiceitem a {
  display: block;
}

.voiceitem dt {
  margin: 0 0 1em;
}

.voicesinglebox .tbox .name {
  padding-bottom: 1em;
  border-bottom: 1px solid;
}

.voicesinglebox .tbox .menuD {
  padding: 1.5em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.voicesinglebox .tbox .menuD dl {
  width: 31%;
  margin: 0 1%;
}
.voicesinglebox .tbox .menuD dt,
.voicesinglebox .tbox .menuD dd {
  text-align: center;
}

/* .voicesinglebox .tbox .menuD .txt {
  padding-left: 1em;
} */

.voicesinglebox .tbox .review {
  padding: 2em;
  border: 1px solid;
  background: #fff;
}

@media only screen and (max-width: 1024px) {
}

@media only screen and (max-width: 599px) {
  .voicesinglebox .tbox .name {
    padding: 1em 0;
  }

  .voicesinglebox .tbox .review {
    padding: 1.5em;
  }
}

/*qa*/

.qaitem {
  padding: 40px 0;
  border-bottom: 1px solid #7d7d7d;
}

.qaitem dt {
  padding-left: 60px;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 40px;
  position: relative;
}

.qaitem dt:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "Q";
  font-size: 24px;
  width: 40px;
  height: 40px;
  background: #33120d;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
}

.qaitem dd {
  padding-left: 60px;
  padding-top: 8px;
  padding-bottom: 8px;
  position: relative;
  margin-left: 40px;
}

.qaitem dd:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "A";
  font-size: 24px;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
}

@media only screen and (max-width: 1024px) {
  .qaitem {
    padding: 30px 0;
  }

  .qaitem dt {
    margin-bottom: 30px;
    padding-left: 50px;
  }

  .qaitem dt:before {
    font-size: 22px;
    width: 35px;
    height: 35px;
  }

  .qaitem dd {
    padding-left: 50px;
    margin-left: 30px;
  }

  .qaitem dt:before {
    font-size: 22px;
    width: 35px;
    height: 35px;
  }
}

@media only screen and (max-width: 599px) {
  .qaitem {
    padding: 20px 0;
  }

  .qaitem dt {
    margin-bottom: 20px;
    padding-left: 40px;
  }

  .qaitem dt:before {
    font-size: 20px;
    width: 30px;
    height: 30px;
  }

  .qaitem dd {
    padding-left: 40px;
    margin-left: 20px;
  }

  .qaitem dt:before {
    font-size: 20px;
    width: 30px;
    height: 30px;
  }
}

/*recruit*/

.recruit01boxwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.recruit01box {
  padding: 1.5em;
  min-height: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.recruit01box * {
  color: #fff;
}

.recruit01box .ofiImg.tc:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
}

.recruit02item * {
  text-align: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
  color: #fff;
}

.recruit02item {
  background: #5c413d;
  padding: 3em;
  width: 48%;
}

.recruit02item dt:after {
  content: "";
  display: block;
  width: 100px;
  max-width: 100%;
  height: 3px;
  margin: 0.5em auto 1.5em;
  border-bottom: dotted 3px;
}

.recruit02piclist {
  border: 1px solid;
  padding: 1%;
  position: relative;
}
.recruit02piclist .tit {
  position: absolute;
  top: -5%;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  padding: 0 5%;
  font-weight: bold;
}

.recruit02piclist .pbox {
  position: relative;
}

.recruit02piclist .pbox .item {
  width: 23%;
  margin: 1%;
}
.recruit02piclist .pbox .item .pic {
  box-shadow: 1px 1px 5px black;
}

.recruit02piclist .pbox .item:nth-child(1) {
  -webkit-transform: rotate(350deg);
  transform: rotate(350deg);
}

.recruit02piclist .pbox .item:nth-child(2) {
  -webkit-transform: rotate(15deg) translateY(20%);
  transform: rotate(15deg) translateY(20%);
}

.recruit02piclist .pbox .item:nth-child(4) {
  -webkit-transform: rotate(350deg) translateY(20%);
  transform: rotate(350deg) translateY(20%);
}

.recruit02piclist .pbox .item:nth-child(3) {
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
  width: 15%;
}

.recruit02piclist .pbox .item:nth-child(2n) {
  position: relative;
  top: 5%;
}

.recruit02piclist .tbox01 {
  position: relative;
  text-align: right;
}

.recruit02piclist .tbox01 .txt01 {
  display: inline-block;
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
}
.recruit02piclist .tbox02 {
  position: relative;
  text-align: left;
}

.recruit02piclist .tbox02 .txt01 {
  display: inline-block;
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
}

.recruit03 {
  position: relative;
}
.recruit03 .tbox {
  position: relative;
  z-index: 1;
}

.recruit03 .bg-image {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.recruit03 .bg-image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.8);
  z-index: 1;
}
.recruit03 .bg-image {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.recruit03list .recruit03item:last-of-type {
  margin-bottom: 0;
}

.recruit03item {
  margin-bottom: 40px;
}

.recruit03item .tit {
  width: 100%;
}

.recruit03item .fullyear ul {
  background: #d2d2d2;
  padding: 0.5em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.recruit03item .fullyear .flex {
  background: #d2d2d2;
}

.recruit03item .fullyear li {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
  font-size: 24px;
  font-weight: 700;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  text-align: center;
}
.recruit03item .fullyear ul:nth-child(1) li:not(:first-of-type) {
  margin-left: 15px;
}

.recruit03item .fullyear ul:nth-child(2) li:not(:first-of-type) {
  margin-left: 6%;
}
.recruit03item .menulist ul {
  padding: 0.5em;
}
.recruit03item .menulist ul:nth-child(1) {
  width: 22%;
}
.recruit03item .menulist ul:nth-child(2) {
  width: calc(100% - 22%);
}

.recruit03item .menulist li {
  width: 60px;
  margin-top: 30px;
  /* background: url(/import/tenant_1/160.16.235.111/html/images/doublearrow01.png) top center / contain no-repeat; */
  text-align: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
  font-size: 16px;
  font-weight: 700;
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
}

.recruit03item .menulist ul:nth-child(1) li:not(:first-of-type) {
  margin-left: 15px;
}

.recruit03item .menulist ul:nth-child(2) li:not(:first-of-type) {
  margin-left: 6%;
}

.recruit03item .menulist li .inb {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.recruit03item .fullyear ul:nth-child(1) {
  width: 22%;
}

.recruit03item .fullyear ul:nth-child(2) {
  width: calc(100% - 22%);
}

.recruit03item .fullyear ul:nth-child(1) li:not(:first-of-type) {
  margin-left: 10px;
}


.recruit04cont .list dl {
  position: relative;
}


.recruit04cont .list dl:after {
  content: "";
  position: absolute;
  top: 0;
  left: 20%;
  background: #000;
  width: 2px;
  height: 100%;
}


.recruit04cont .list dt {
  margin: 3% 0;
}

.recruit04cont .list dd {
  margin: 3% 0;
}

.recruit04cont .arrow {
  position: relative;
}

.recruit04cont .arrow:before {
  content: "\f063";
  font-family: fontAwesome;
  display: block;
  font-weight: bold;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 40px;
}

.recruit04cont .pbox {
  position: relative;
}

.recruit04cont .pbox .pic:nth-child(1) {
  transform: rotate(-15deg);
}

.recruit04cont .pbox .pic {
  border: 10px solid #fff;
  box-shadow: 1px 1px 5px black;
}

.recruit04cont .pbox .pic:not(:first-of-type) {
  margin-top: 50px;
}

.recruit04cont .pbox .pic:nth-child(2) {
  transform: rotate(3deg);
}

.recruit04cont .pbox .pic:nth-child(3) {
  transform: rotate(-10deg);
}




.recruit04cont table th {
  background: #fff;
  font-size: 24px;
  padding: 10px 0;
  border-bottom: 2px solid;
}

.recruit04cont table td {
  border-bottom: 2px solid rgba(51, 18, 13, 255);
  border-collapse: collapse;
  background: #fff;
}
.recruit04cont table tr td:nth-child(1) {
  border-right: 2px solid rgba(51, 18, 13, 255);
}

.recruit04cont table td.bb {
  border-bottom: 2px solid rgba(51, 18, 13, 255)!important;
}

.recruit04cont table {
  width: 100%;
  border-spacing: 0;
}


.recruit04cont table tr td.ver {
  text-align: center;
  background: #e6d1bd;
  color: #fff;
  padding: 5px 0;
  min-height: 200px;
  border-bottom: 2px solid white;
}
.recruit04cont table tr td.ver .text {
  color: rgba(51, 18, 13, 255);
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
          margin: auto;
}


.recruit04cont table tr td.ver .comb {
  text-combine-upright: all;
}

.recruit04cont table tr td.num-second, .recruit04cont table tr td.num-third {
    display: none;
}


.recruit04cont table tr td.spring {
  background: #33120d;
}

.recruit04cont table tr td.summer {
  background: #33120d;
}

.recruit04cont table tr td.autumn {
  background: #33120d;
}

.recruit04cont table tr td.winter {
  background: #33120d;
}

.recruit04cont table tr td.num {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  width: 20%;
  color: #fff;
  border-bottom-color: #fff;
}

.recruit04cont table tr:last-of-type td.num {
  border-bottom-color: rgba(51, 18, 13, 255);
}

.recruit04cont table tr td.color02 {
  background: #573e26;
}
.recruit04cont table tr td.color01 .text {
    color: #fff;
}
.recruit04cont table tr td.color01 {
  background: #573e26;
}
.recruit04cont table tr td.color02 .text {
    color: #fff;
}
.recruit04cont table tr td.color03 {
 background: #573e26;
}
.recruit04cont table tr td.color03 .text {
    color: #fff;
}
.recruit04cont table tr td.first {
/*   background: #eeeeca; */
  width: 80%;
  padding: 0 3%;
  background: #fff;
}

.recruit04cont table tr td.second {
/*   background: #f1e2c6; */
  width: 80%;
  padding: 0 3%;
  background: #fff;
}

.recruit04cont table tr td.third {
/*   background: #ffdee4; */
  width: 80%;
  padding: 0 3%;
  background: #fff;
}
.recruit04cont .col-wrap {
  overflow-x: scroll;
}
.recruit04cont .col {
  min-width: 1000px;
}

/* .recruit04cont table td.blank-first {
  background: #eeeeca;
} */

/* .recruit04cont table td.blank-third {
  background: #ffdee4;
} */


@media (max-width: 1024px) {
  .recruit03item .fullyear ul:nth-child(1) {
    width: 30%;
  }
  .recruit03item .fullyear ul:nth-child(2) {
    width: calc(100% - 30%);
  }
  .recruit03item .menulist ul:nth-child(1) {
    width: 30%;
  }

  .recruit03item .menulist ul:nth-child(1) li:not(:first-of-type) {
    margin-left: 10px;
  }

  .recruit03item .menulist li {
    width: 40px;
  }

  .recruit03item .menulist ul:nth-child(2) {
    width: calc(100% - 30%);
  }
}

@media (max-width: 599px) {
  .recruit03item .fullyear .flex {
    display: block;
  }

  .recruit03item .fullyear ul:nth-child(1) {
    width: 100%;
  }

  .recruit03item .fullyear ul:nth-child(2) {
    width: 100%;
  }

  .recruit03item .fullyear ul:nth-child(1) li:not(:first-of-type) {
    margin-left: 0;
    margin-top: 15%;
  }

  .recruit03item .fullyear ul:nth-child(2) li:not(:first-of-type) {
    margin-left: 0;
    margin-top: 50%;
  }
  .recruit03iteminn .menulist .flex {
    display: block;
  }

  .recruit03item .menulist ul:nth-child(1) {
    width: 100%;
  }

  .recruit03item .menulist ul:nth-child(2) {
    width: 100%;
  }

  .recruit03item .menulist ul:nth-child(1) li:not(:first-of-type) {
    margin-left: 0;
    margin-top: 6px;
  }

  .recruit03item .menulist ul:nth-child(2) li:not(:first-of-type) {
    margin-left: 0;
    margin-top: 20px;
  }
  .recruit04cont .pbox {
      width: 90%;
      margin: auto;
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
  }
  
  .recruit04cont .pbox .pic {
      width: 33.333%;
      border: 5px solid #fff;
  }
  .recruit04cont .list dt {
      margin: 1% 0;
  }
  
  .recruit04cont .list dd {
      margin: 1% 0;
  }
  
  
  .recruit04cont .arrow:before {
      font-size: 30px;
  }
  .recruit04cont table tr td.num {
    width: 15%;
  }
  .recruit04cont table tr td.num-second, .recruit04cont table tr td.num-third {
    display: table-cell;
  }
  .recruit04cont table tr td.first {
    width: 65%;
    padding: 10px;
    font-size: 10px;
  }
  .recruit04cont table tr td.second{
    width: 65%;
    padding: 10px;
    font-size: 10px;
  }
  .recruit04cont table tr td.third {
    width: 65%;
    padding: 10px;
    font-size: 10px;
  }
  .recruit04cont table tr td.ver {
    width: 10%;
  }
  .recruit04cont .col {
    min-width: auto;
  }
  .recruit04cont .col .table:not(:first-of-type) {
    margin-top: 5%;
  }
  .recruit04cont table td {
      display: table-cell;
  }
}

.recruit04item {
  border: 1px solid;
}

.recruit04item dt {
  padding: 2em 1.5em 1.5em;
  position: relative;
}

.recruit04item dt .posi {
  padding: 0.25em 1em;
  background: #33120d;
  color: #fff;
  width: 130px;
  max-width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.recruit04item dt .posi:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #fff)) no-repeat top left/100% 100%;
  background: linear-gradient(to bottom right, rgba(255, 255, 255, 0) 50%, #fff 50.5%) no-repeat top left/100% 100%;
  height: 100%;
  width: 1em;
}

.recruit04item dd {
  padding: 1.5em;
  border-top: 1px solid;
}

.recruit05cont .m800 {
  width: 100%;
}

.recruit05item {
  padding: 2em;
  border-bottom: 1px solid;
}

.recruit05item dd li {
  margin-bottom: 0.5em;
}

.recruit05guideline dt,
.recruit05guideline dd {
  padding: 2em;
}

.recruit05guideline {
  border-bottom: 2px solid;
}

.recruit05guideline dt {
  border-bottom: 2px solid;
}

.recruit05guideline dd {
  border-bottom: 1px solid;
}

.recruit05guideline dd:last-of-type {
  border-bottom: none;
}

.recruit05guideline dd li {
  margin-bottom: 1em;
}

@media only screen and (max-width: 1024px) {
  .recruit02item {
    padding: 1.5em 0.5em;
  }

  .recruit02item dt {
    font-size: 16px;
  }

  .recruit02item dd {
    font-size: 14px;
  }

  .recruit03item .fullyear li {
    width: 40px;
    height: 40px;
    font-size: 20px;
  }

  .recruit03item .menulist li {
    font-size: 14px;
  }

  .recruit04cont .introboxL .flexsb dt,
  .recruit04cont .introboxL .flexsb dd {
    width: 100%;
  }

  .recruit04item dt {
    padding: 3em 2em 2em;
    position: relative;
  }

  .recruit05item {
    padding: 1.5em;
  }

  .recruit05guideline dt,
  .recruit05guideline dd {
    padding: 1.5em;
  }
  .recruit05 .home02item {
    width: 48%;
  }
}

@media only screen and (max-width: 599px) {
  .recruit02item {
    width: 100%;
  }
  .recruit02item:nth-child(2) {
    margin-top: 5%;
  }
  .recruit03item ul.flexs {
    display: block;
    padding: 0.5em;
  }

  .recruit03iteminn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .recruit03iteminn .menulist {
    width: calc(100% - 60px);
  }

  .recruit03item .menulist li {
    width: 100%;
    margin-top: 0;
    margin-left: 0.5em;
    padding-top: 0;
    padding-left: 30px;
    /* background: url(/import/tenant_1/160.16.235.111/html/images/doublearrow02.png) left center / auto 100% no-repeat; */
    margin-bottom: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    margin-left: 0;
    padding-left: 10px;
    -webkit-writing-mode: unset;
    -ms-writing-mode: unset;
    writing-mode: unset;
    height: 40px;
  }

  .recruit03item .fullyear li {
    margin-bottom: 5px;
  }

  .recruit05item {
    padding: 1em;
  }

  .recruit05guideline dt,
  .recruit05guideline dd {
    padding: 1em;
  }
}

/*coupon*/

.couponitem {
  border: 1px solid;
  padding: 2em 1em;
  position: relative;
}

.couponitem:after {
  position: absolute;
  top: -3px;
  right: -3px;
  width: 45px;
  height: 45px;
  background: url(/import/tenant_1/160.16.235.111/html/images/label01.png) center center / 100% 100% no-repeat;
  content: "";
}

.couponitem dt span {
  margin: 1%;
}

.couponitem .cat {
  padding: 0.25em 1em;
  border: 1px solid;
  border-radius: 15px;
}

.couponitem .price {
  padding-bottom: 0.25em;
  border-bottom: 1px dotted #494949;
  margin-bottom: 1em;
  letter-spacing: 2px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.couponitem dd[class*="heightLine"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.couponitem dd.price[class*="heightLine"] {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media only screen and (max-width: 1024px) {
}

@media only screen and (max-width: 768px) {
  .couponitem {
    width: 48%;
  }
}

@media only screen and (max-width: 599px) {
}

@media only screen and (max-width: 414px) {
  .couponitem {
    width: 100%;
  }

  .couponitem [class*="heightLine"] {
    height: auto !important;
  }
}

/*form*/

.form dl {
  padding: 20px 0;
  border-bottom: 1px solid #fff;
}

.form dl:last-of-type {
  border-bottom: none;
}

.form dt {
  width: 36%;
  font-weight: 600;
}

.form dt .reqw {
  font-size: 14px;
  text-align: center;
  padding: 0 10px;
  background: #d5262b;
  color: #fff;
  margin-left: 10px;
  border-radius: 5px;
}

.form dd {
  width: 60%;
}

.form dd input {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
}

.form dd select {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
}

.form dd input[type="radio"] {
  display: none;
}

.form dd input[type="radio"] + label {
  padding-left: 20px;
  position: relative;
  margin-right: 20px;
  line-height: 200%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.form dd input[type="radio"] + label::before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
  width: 10px;
  height: 10px;
  border: 1px solid #303841;
  border-radius: 50%;
  background: #fff;
}

.form dd input[type="radio"]:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 2px;
  width: 8px;
  height: 8px;
  background: #303841;
  border-radius: 50%;
}

.form dd input[type="radio"]:checked + label {
  border-bottom: 1px solid;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.form dd textarea {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
  font-size: 16px;
  font-family: "游ゴシック", YuGothic, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  height: 300px;
}

.formbtn li button {
  text-align: center;
  color: #fff;
  display: block;
  background: #33120d;
  padding: 20px 40px;
  position: relative;
  z-index: 1;
  opacity: 1;
  overflow: hidden;
  border: none;
  width: 100%;
  margin: 80px auto;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}

.formbtn li button:after {
  position: absolute;
  font-family: FontAwesome;
  content: "\f105";
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 20px;
}

/* .formbtn li + li button {
  margin-bottom: 0;
} */

.formbtn2 li:nth-of-type(odd) button:after {
  right: auto;
  left: 20px;
  content: "\f104";
}

.formbtn li button:hover {
  opacity: 0.6;
  cursor: pointer;
}

.formbtn li {
  width: 100%;
  max-width: 320px;
  margin: auto;
}

.formbtn2 li {
  max-width: 250px;
}

@media only screen and (max-width: 1024px) {
  .form dt {
    width: 100%;
    padding-bottom: 1em;
  }

  .form dd {
    width: 100%;
  }

  .form dl {
    padding: 15px 0;
  }


  .formbtn li button {
    margin: 60px auto;
    padding: 15px 40px;
  }

  .formbtn2 li {
    max-width: 200px;
  }
}

@media only screen and (max-width: 599px) {
  .formbtn li button {
    margin: 40px auto 0;
    padding: 10px 40px;
    max-width: 250px;
  }

  .formbtn2 li {
    max-width: 130px;
  }
}

/* home-banner */
.home-banner .item {
  position: relative;
  overflow: hidden;
}

.home-banner .item .tbox .tbox-inner {
  -webkit-transform: skewX(-15deg);
  transform: skewX(-15deg);
}

.home-banner .item .pbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}

.home-banner .item .tbox {
  position: relative;
  z-index: 1;
  width: 60%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8% 7.5% 5% 7.5%;
  -webkit-transform: skewX(15deg);
  transform: skewX(15deg);
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  background: rgb(122 107 81 / 70%);
}

.home-banner .item .tbox .tit-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.home-banner .item .tbox .tit-box .sub-tit {
  position: relative;
}

.home-banner .item .tbox .sub-tit:after {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  margin-left: 10px;
  display: inline-block;
}

.home-banner .item .tbox a:hover .sub-tit:after {
  -webkit-transform: translateX(3px);
  transform: translateX(3px);
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}

.home-banner .item .tbox .tit {
  font-size: 36px;
  font-weight: 100;
  font-family: "Raleway", sans-serif;
  margin-right: 1em;
}

.home-banner .item .tbox * {
  color: #fff;
}

@media (max-width: 1024px) {
  .home-banner .item .tbox {
    padding: 4% 5.5% 2% 5.5%;
  }

  .home-banner .item .tbox .tit-box {
    display: block;
    margin-bottom: 10px;
  }

  .home-banner .item .tbox .tit-box .sub-tit {
    text-align: right;
  }
}

@media (max-width: 599px) {
  .home-banner .item .tbox .tit {
    font-size: 24px;
  }

  .home-banner .item .tbox * {
    line-height: 1.6;
    font-size: 12px;
  }

  .home-banner .item .tbox {
    padding: 4% 3.5% 2% 7.5%;
  }
}

/* area-01 */
.menu-table dl:first-of-type {
  padding-top: 15px;
}

.menu-table dl {
  border-bottom: 1px dashed #cdcdcd;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.menu-table dt {
  width: 70%;
}

.menu-table dd:nth-of-type(2) {
  margin: 10px 0;
  width: 100%;
  text-align: left;
}

@media (max-width: 1024px) {
  .menu-table dd {
    width: 30%;
    text-align: right;
  }
}

/* contact */
/*contact*/

.contactarea h3:after {
  content: "";
  height: 2px;
  width: 50%;
  background: #aaa;
  margin: 15px auto;
  display: block;
}

.contact dl {
  padding: 20px 0;
}

.contact dt {
  width: 20%;
  float: left;
  font-weight: 700;
  padding: 10px;
}

.contact dd {
  width: 80%;
  padding-left: 2em;
  float: right;
}

.contact dd div {
  padding: 10px;
}

.contact dd input {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
}

.contact dd select {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
}

.contact .radio dd {
  padding: 10px 0 0 2em;
}
.contact02 .radio dd {
  padding: 0 0 0 2em;
}
.contact .radio dd input {
  width: auto;
}

.contact .radio dd label {
  margin: 0 5px;
}

.contact dd textarea {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}

.formbtn2 #check {
  width: 200px;
}

#check a {
  display: block;
  color: #fff;
}

#check:after {
  position: absolute;
  content: "\f105";
  font-family: FontAwesome;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 15px;
}
.formbtn2 li:nth-of-type(1) #check:after {
  left: 15px;
  right: auto;
  content: "\f104";
}
#check:hover {
  opacity: 0.6;
  cursor: pointer;
}

@media only screen and (max-width: 1024px) {
  .contact dt {
    width: 100%;
    float: none;
    padding: 5px;
    padding-bottom: 1em;
  }

  .contact dd {
    width: 100%;
    float: none;
    padding-left: 0;
  }
  .contact dd div {
    padding: 5px;
  }
  .contact dd input {
    padding: 5px;
  }
  .contact02 .radio dd {
    padding: 0;
  }
  .contact dl {
    padding: 15px 0;
  }
  #check {
    margin: 40px auto;
    width: 250px;
    padding: 10px 0;
  }
  .formbtn2 #check {
    width: 200px;
  }
  .contactarea h3 {
    padding-bottom: 50px;
  }
}

@media only screen and (max-width: 599px) {
  #check {
    margin: 30px auto;
    width: 200px;
    padding: 5px 0;
  }
  .contact {
    padding: 0;
  }
  .formbtn #check {
    width: 130px;
  }
  .contactarea h3 {
    padding-bottom: 40px;
  }
  .contact .radio dd {
    padding: 5px 0;
  }
}


.ffixlist li.web {
  width: 48%;
    margin: 0 auto;
    background: #583101;
    border-radius: 5px;
    text-align: center;
    padding: 10px 0;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    display: block;}

.ffixlist li.tell {
    width: 48%;
    margin: 0 auto;
    background: #583101;
    border-radius: 5px;
    text-align: center;
    padding: 10px 0;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    display: block;
}

.ffixlist.type-b li.web {
  background: #758679;
}

.ffixlist.type-b li.tell {
  background: #758679;
}
.popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10001;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .6s;
    transition: .6s;
/*     display: none; */
}

.popup.is-show {
    opacity: 1;
    visibility: visible;
}

.popup-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
    max-width: 600px;
    padding: 44px 10px 30px;
    background-color: #fff;
    z-index: 2;
}

.popup-inner img {
    width: 100%;
}

.close-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
}

.close-btn i {
    font-size: 20px;
    color: #333;
}

.black-background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    z-index: 1;
    cursor: pointer;
}
.spreserve_tel-list li + li {
  margin-top: 10px;
}

.spreserve_tel-list li a {
    background: #daeae1;
    text-align: center;
    min-height: 90px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 1px;
    position: relative;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.spreserve_tel-list.web-list li a:before {
  content: "\f109";
  display: inline-block;
  margin-right: 5px;
  font-weight: bold;
  font-family: 'Font Awesome 5 Free';
}


.spreserve_tel-list li a .tell {
    position: relative;
    width: 100%;
    font-size: 22px;
}

.spreserve_tel-list li a .tell:before {
    content: "\f2a0";
    display: inline-block;
    margin-right: 5px;
    font-weight: bold;
    font-family: 'Font Awesome 5 Free';
    transform: rotate(325deg);
}


.spreserve_tel-list li.oomiya a {
    background: #dbe0f3;
}

.spreserve_tel-list li.eye a {
  background: #f9f6fd;
}

@media (max-width:1024px) {
    .sp-reserved {
        display: block;
    }
    .popup {
        display: block;
    }
}
[data-element-id] .sp-reserved{
  display: block;
  position: static !important;
}
[data-element-id] .sp-reserved li .pic{
  max-width: 40px;
}

[data-element-id].popup {
    display: block;
    position: static;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10001;
    opacity: 1;
    visibility: visible;
}
[data-element-id] .black-background{
  display: none;
}
[data-element-id] .popup-inner{
  position: static;
  transform: none;
}


/* mainImg */

.mainImg {
  position: relative;
}

.pagename {
  width: 50%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "optitimes-romanregular", "Noto Serif JP", serif;
  font-size: 35px;
  color: #fff;
  letter-spacing: 3px;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 2;
}


.pagename span {
  width: 100%;
  display: block;
  padding: 5px 30px 5px 5px;
  padding-left: calc(100% - 500px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.pagename span::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-animation: bar-animation 1 2s;
  animation: bar-animation 1 2s;
  background-color: #33120d;
  background-image: url("https://www.transparenttextures.com/patterns/binding-dark.png");
}



@media (max-width: 1024px) {
  .pagename {
      max-width: 320px;
      padding-left: 0;
  }

  .pagename span {
      width: 320px;
      padding-left: 30px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 24px;
  }

  .pagename span:after {
      left: 0;
  }
}

@media (max-width: 599px) {
  .pagename {
      width: 100%;
      max-width: 80%;
  }

  .pagename span {
      width: 80%;
      font-size: 18px;
      line-height: 20px;
  }
}

/* bredcrumbs */
.breadcrumbs {
    padding-top: 50px;
}

.breadcrumbs li {
    margin-right: 10px;
    position: relative;
}

.breadcrumbs li:not(:first-of-type) {
    padding-left: 20px;
}

.breadcrumbs li:not(:first-of-type):before {
    font-family: "Font Awesome 5 Free";
    content: '\f054';
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
}

.breadcrumbs li:first-of-type:before {
    font-family: "Font Awesome 5 Free";
    content: '\f015';
    font-weight: bold;
    font-size: 1.1em;
    color: #33120d;
    margin-right: 5px;
}

.js-c{
  justify-content: center;
}