@charset "UTF-8";
/* Scss Document */
.ttl {
  text-align: center; }
  @media (max-width: 999px) {
    .ttl {
      font-size: 25px;
      letter-spacing: 5px; } }

h2 {
  display: flex;
  font-weight: 600; }
  @media (min-width: 1000px) {
    h2 {
      font-size: 2em;
      letter-spacing: 5px;
      margin-bottom: 3rem; } }
  @media (max-width: 999px) {
    h2 {
      font-size: 50px;
      line-height: 3rem;
      letter-spacing: 0rem;
      margin-bottom: 1rem; } }

h2 figure {
  margin-right: 1rem; }

@media (max-width: 999px) {
  .sp_line {
    width: 4%; } }

/* 
---------------------------------------
メインビジュアル
---------------------------------------
*/
#mv_slider {
  align-items: center;
  background-size: cover;
  background-position: center center;
  height: calc(100vh - 100px) !important;
  justify-content: center;
  position: relative; }
  @media (min-width: 1000px) {
    #mv_slider {
      width: 85%; } }

.kv_txt {
  position: absolute; }
  @media (min-width: 1000px) {
    .kv_txt {
      bottom: 10rem;
      right: 0px;
      z-index: 1; } }
  @media (max-width: 999px) {
    .kv_txt {
      bottom: -1rem;
      right: 10px;
      z-index: 1; } }

@media (min-width: 1000px) {
  .kv_txt h2 {
    font-size: 80px;
    line-height: 5rem;
    letter-spacing: -1px;
    margin-bottom: 2rem;
    font-weight: 400; } }

@media (min-width: 1000px) {
  .kv_txt .txt {
    font-size: 18px;
    letter-spacing: 3px; } }

.kv_txt .scissors {
  margin-left: 1rem;
  width: 50px; }

.kv_txt .Copy {
  margin: 1rem 0 0 3rem; }

/* 
---------------------------------------
home01(コンセプト)
---------------------------------------
*/
#home01 .hamon {
  background-size: cover;
  background-image: url("../img/bg_01.jpg");
  position: relative;
  z-index: 0; }
  @media (min-width: 1000px) {
    #home01 .hamon {
      padding: 6rem 0; } }

#home01 .box_sec {
  padding-top: 8rem;
  margin-left: 5%; }

@media (min-width: 1000px) {
  #home01 .box_thi {
    padding: 16rem 0 0 0;
    margin-left: 5%; } }
@media (max-width: 999px) {
  #home01 .box_thi {
    padding: 4rem 0 6rem 0;
    text-align: center; } }

#home01 .txt {
  line-height: 2rem; }

.AIR {
  position: absolute;
  z-index: 0; }
  @media (min-width: 1000px) {
    .AIR {
      right: 0;
      top: -14rem; } }
  @media (max-width: 999px) {
    .AIR {
      right: 0;
      top: 3rem; } }

.AIR img {
  width: 100%; }

@media (max-width: 999px) {
  #home01 .spView .flx {
    padding-top: 21rem; } }

/* 
---------------------------------------
home02(メニュー)
---------------------------------------
*/
#home02 {
  background-color: #fff;
  position: relative;
  z-index: -1;
  padding: 0; }
  @media (min-width: 1000px) {
    #home02 {
      padding: 1rem 0 6rem 0; } }
  @media (max-width: 999px) {
    #home02 {
      padding: 0; } }

#home02 .flx_box {
  position: relative; }
  @media (min-width: 1000px) {
    #home02 .flx_box {
      margin: 5rem 0 11rem 0; } }
  @media (max-width: 999px) {
    #home02 .flx_box {
      margin: 5rem 0 10rem 0; } }

@media (min-width: 1000px) {
  #home02 .box_menu {
    margin-top: 5rem; } }
@media (max-width: 999px) {
  #home02 .box_menu {
    margin-top: 12rem;
    z-index: 0; } }

@media (min-width: 1000px) {
  #home02 .staff {
    margin: 37rem 0 15rem 0 !important; } }
@media (max-width: 999px) {
  #home02 .staff {
    margin: 57rem 0 5rem 0 !important; } }

#home02 h3 {
  font-size: 22px; }
  @media (min-width: 1000px) {
    #home02 h3 {
      line-height: 3rem;
      padding-left: 3rem; } }
  @media (max-width: 999px) {
    #home02 h3 {
      margin-bottom: 2rem;
      line-height: 2rem; } }

#home02 .txt_box {
  background-color: white; }
  @media (min-width: 1000px) {
    #home02 .txt_box {
      height: 300px;
      margin-top: 2rem;
      padding: 3rem;
      width: 600px; } }
  @media (max-width: 999px) {
    #home02 .txt_box {
      padding: 2rem;
      width: 90%; } }

#home02 .txt_box .txt {
  line-height: 25px;
  margin-bottom: 3rem;
  z-index: -1;
  position: relative; }

@media (max-width: 999px) {
  #home02 .big_img .txt_box {
    margin-top: 13rem !important;
    width: 350px !important; } }

@media (max-width: 999px) {
  #home02 .big_img h2 {
    justify-content: flex-end; } }

@media (max-width: 999px) {
  #home02 .big_img h3 {
    text-align: end; } }

#home02 .box_img {
  top: 0rem;
  position: absolute;
  z-index: -1; }
  @media (min-width: 1000px) {
    #home02 .box_img {
      left: 25rem; } }
  @media (max-width: 999px) {
    #home02 .box_img {
      right: -3rem;
      z-index: -2; } }

@media (max-width: 999px) {
  #home02 .box_img img {
    height: auto;
    width: 400px; } }

@media (min-width: 1000px) {
  #home02 .link_btn {
    z-index: 0 !important; } }
@media (max-width: 999px) {
  #home02 .link_btn {
    z-index: 0 !important; } }

#home02 .square {
  position: absolute;
  width: 1100px;
  top: 21rem;
  height: 300px;
  background-color: #3069af;
  z-index: -1;
  left: -15rem; }

@media (min-width: 1000px) {
  .moviebox video {
    width: 600px;
    height: 600px; } }
@media (max-width: 999px) {
  .moviebox video {
    width: 100%;
    height: auto; } }

@media (min-width: 1000px) {
  .moviebox h2 {
    padding: 5rem 0 0 19rem; } }

@media (min-width: 1000px) {
  .moviebox h3 {
    padding: 0rem 0 0 22rem !important; } }

.salon {
  z-index: -1; }
  @media (min-width: 1000px) {
    .salon {
      width: 650px; } }
  @media (max-width: 999px) {
    .salon {
      height: auto;
      width: 400px;
      position: relative; } }

@media (max-width: 999px) {
  .salon figure {
    position: absolute;
    left: -3rem; } }

@media (max-width: 999px) {
  .salon figure img {
    height: auto;
    width: 400px; } }

.small_img {
  position: relative; }

.small_img figure {
  position: absolute; }
  @media (min-width: 1000px) {
    .small_img figure {
      left: 10rem;
      top: -23rem;
      width: 250px; } }
  @media (max-width: 999px) {
    .small_img figure {
      left: 0;
      top: 35rem;
      width: 200px; } }

@media (min-width: 1000px) {
  #home02 .big_img .flx_box {
    margin: 18rem 0 34rem 0 !important; } }
@media (max-width: 999px) {
  #home02 .big_img .flx_box {
    margin: 10rem 0 15rem 0 !important; } }

@media (max-width: 999px) {
  #home02 .big_img .pos_box {
    right: 0; } }

#home02 .deco {
  position: relative; }

#home02 .deco01, #home02 .deco02, #home02 .deco03, #home02 .deco04, #home02 .deco05, #home02 .deco06, #home02 .deco07 {
  position: absolute; }

#home02 .deco01, #home02 .deco02 {
  z-index: -1; }
  @media (min-width: 1000px) {
    #home02 .deco01, #home02 .deco02 {
      width: 1100px;
      height: 350px; } }
  @media (max-width: 999px) {
    #home02 .deco01, #home02 .deco02 {
      width: 1000px;
      height: 250px; } }

#home02 .deco01 {
  background-color: #ebf5f8; }
  @media (min-width: 1000px) {
    #home02 .deco01 {
      top: 22rem; } }
  @media (max-width: 999px) {
    #home02 .deco01 {
      top: 33rem; } }

#home02 .deco02 {
  background-color: #deeaf6; }
  @media (min-width: 1000px) {
    #home02 .deco02 {
      top: 125rem; } }
  @media (max-width: 999px) {
    #home02 .deco02 {
      top: 147rem; } }

#home02 .deco03 {
  z-index: -2; }
  @media (min-width: 1000px) {
    #home02 .deco03 {
      top: -32rem;
      left: -40rem; } }
  @media (max-width: 999px) {
    #home02 .deco03 {
      top: -16rem;
      left: -18rem; } }

#home02 .deco04 {
  z-index: -2; }
  @media (min-width: 1000px) {
    #home02 .deco04 {
      top: 25rem;
      width: 600px; } }
  @media (max-width: 999px) {
    #home02 .deco04 {
      top: 45rem;
      width: 400px; } }

#home02 .deco05 {
  z-index: -3; }
  @media (min-width: 1000px) {
    #home02 .deco05 {
      top: 78rem; } }
  @media (max-width: 999px) {
    #home02 .deco05 {
      top: 100rem; } }

#home02 .deco06 {
  z-index: -2; }
  @media (min-width: 1000px) {
    #home02 .deco06 {
      top: 13rem;
      right: -50rem; } }
  @media (max-width: 999px) {
    #home02 .deco06 {
      top: 67rem;
      left: -18rem; } }

#home02 .deco07 {
  z-index: -2; }
  @media (min-width: 1000px) {
    #home02 .deco07 {
      top: 130rem;
      right: -30rem; } }
  @media (max-width: 999px) {
    #home02 .deco07 {
      top: 157rem;
      right: -27rem; } }

#home02 .btn {
  margin-right: 0;
  margin-left: auto; }

/* 
---------------------------------------
home03(ハティア)
---------------------------------------
*/
#home03, #home05, #home06 {
  background-color: #fff; }

#home03 {
  background-color: #fff;
  padding: 5rem 0 3rem 0; }

#home03 .btn {
  margin: 2rem 0; }

.deco00 {
  background-color: #fff;
  position: absolute;
  width: 100%;
  z-index: 2; }
  @media (min-width: 1000px) {
    .deco00 {
      top: -4rem;
      height: 50px; } }

/* 
---------------------------------------
home04(ギャラリー)
---------------------------------------
*/
#home04 {
  background-size: cover;
  background-image: url("../img/bg_03.jpg");
  text-align: center; }

@media (min-width: 1000px) {
  #home04 .jquery-ripples {
    padding: 8rem 0; } }
@media (max-width: 999px) {
  #home04 .jquery-ripples {
    padding: 5rem 0; } }

#home04 canvas {
  height: 730px !important;
  width: 100% !important; }

#home04 .boxs_5 {
  position: absolute;
  flex-wrap: wrap; }
  @media (min-width: 1000px) {
    #home04 .boxs_5 {
      margin: 0 auto 30px;
      max-width: 1000px;
      justify-content: space-between;
      width: 100%; } }

@media (min-width: 1000px) {
  #home04 .boxs_5 .pic {
    width: 20%; } }
@media (max-width: 999px) {
  #home04 .boxs_5 .pic {
    width: 30%;
    margin: 5px; } }

@media (min-width: 1000px) {
  #home04 .pcView {
    margin-bottom: 3rem; } }

#home04 h2 {
  justify-content: center; }

#home04 .btn, #home05 .btn, #home07 .btn {
  margin: 0 auto; }

@media (min-width: 1000px) {
  #home05 h2, #home06 h2 {
    justify-content: center; } }

@media (max-width: 999px) {
  #home01 h2, #home05 h2, #home06 h2 {
    justify-content: center; } }

/* 
---------------------------------------
home05(お知らせ)
---------------------------------------
*/
@media (min-width: 1000px) {
  #home05 {
    padding: 8rem 0; } }
@media (max-width: 999px) {
  #home05 {
    padding: 8rem 0 6rem 0; } }

#home05 .deco {
  position: relative; }

#home05 .deco01, #home05 .deco02 {
  position: absolute; }

#home05 .deco01 {
  top: -34rem;
  left: -43rem;
  z-index: -1; }

#home05 .deco02 {
  top: 3rem;
  right: -50rem;
  z-index: -1; }

#home05 .ttl {
  text-align: center;
  margin-bottom: 10px; }

#home05 .smttl {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px; }

#home05 .list .sttl {
  display: flex;
  flex-wrap: nowrap; }

#home05 .list .sttl p {
  padding: 1rem 0 0 0; }

#home05 h3 {
  align-items: center;
  border-bottom: solid 1px #d1d6e2; }
  @media (min-width: 1000px) {
    #home05 h3 {
      padding: 2rem 0; } }
  @media (max-width: 999px) {
    #home05 h3 {
      display: block !important;
      padding: 1rem 0; } }

#home05 time {
  font-size: 18px;
  font-weight: 600; }

#home05 span {
  background-color: #3b5190;
  border-radius: 20px;
  color: #fff;
  text-align: center; }
  @media (min-width: 1000px) {
    #home05 span {
      width: 110px;
      margin: 0 3rem 0 2rem;
      padding-top: 3px; } }
  @media (max-width: 999px) {
    #home05 span {
      width: 200px;
      margin: 0 1rem;
      padding: 4px 22px; } }

@media (min-width: 1000px) {
  #home05 .list {
    margin: 3rem 0; } }
@media (max-width: 999px) {
  #home05 .list {
    margin: 1rem 0 3rem 0; } }

/*パララックス*/
.interior {
  height: 500px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
  @media (min-width: 1000px) {
    .interior {
      background-image: url("../img/pic12.jpg");
      background-attachment: fixed; } }
  @media (max-width: 999px) {
    .interior {
      background-image: url("../sp/pic12.jpg"); } }

/*パラ*/
.main_flx .box:nth-child(2) {
  background-color: #fff; }
  @media (min-width: 1000px) {
    .main_flx .box:nth-child(2) {
      width: 15%; } }

@media (max-width: 999px) {
  .main_flx {
    display: block; } }

#aside01 {
  background-color: #fff; }
  @media (min-width: 1000px) {
    #aside01 {
      padding: 5rem 0; } }
  @media (max-width: 999px) {
    #aside01 {
      padding: 3rem 0; } }

#para {
  font-size: 100px;
  width: 100%;
  height: 50vh;
  position: relative; }

#para:before, #no_para:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: rgba(48, 40, 40, 0.7); }
  @media (min-width: 1000px) {
    #para:before, #no_para:before {
      height: 100%; } }
  @media (max-width: 999px) {
    #para:before, #no_para:before {
      height: 98%; } }

#no_para video {
  height: 300px; }

#no_para {
  position: relative; }

#b {
  background-color: #fff; }

#para video {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  min-width: 100vw;
  min-height: 100vh;
  width: auto;
  height: auto;
  z-index: -100; }

/*home06*/
@media (min-width: 1000px) {
  #home06 {
    padding: 5rem 0; } }
@media (max-width: 999px) {
  #home06 {
    padding: 4rem 0 1rem 0; } }

@media (max-width: 999px) {
  #home06 .calendar-container {
    margin: 0 1rem;
    width: 90% !important; } }

/*-----------矢印表示----------*/
#home06 .slick-next {
  right: 0 !important; }

#home06 .slick-prev {
  left: 0 !important; }

#home06 .slick-arrow {
  width: initial !important;
  height: initial !important;
  z-index: 2 !important; }

#home06 .slick-arrow:before {
  font-size: 30px !important; }

#home06 .slick-prev:before, .slick-next:before {
  color: #3069af !important; }

/*------------------------------*/
#home06 .txt {
  text-align: center; }

#home06 table {
  table-layout: fixed; }
  @media (min-width: 1000px) {
    #home06 table {
      width: 245px; } }

#home06 table tbody {
  text-align: center; }

#home06 table tr {
  text-align: center; }

#home06 table th {
  padding: 10px 0;
  text-align: center; }

@media (max-width: 999px) {
  #home06 table td {
    padding: 5px 0; } }

#home06 .hol {
  background-color: #2a4287;
  border-radius: 50%;
  display: inline-block;
  width: 22px;
  height: 22px;
  color: #fff; }

#home06 .cal_ttl {
  padding: 1rem 0;
  border-bottom: solid 1px #d1d6e2;
  font-size: 12px;
  margin-bottom: 2rem; }
  @media (max-width: 999px) {
    #home06 .cal_ttl {
      justify-content: center; } }

#home06 .round {
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #2a4287;
  margin-right: 20px; }

@media (max-width: 999px) {
  #home06 .hol_txt {
    display: block; } }

@media (min-width: 1000px) {
  #home06 .hol_txt li {
    width: 500px; } }
@media (max-width: 999px) {
  #home06 .hol_txt li {
    margin-bottom: 3rem; } }

#home06 .hol_txt h4 {
  font-weight: 600;
  margin-bottom: 1rem; }

/*home07*/
#home07 {
  position: relative;
  z-index: 1;
  background-color: #fff; }

#home07 .btn {
  padding-bottom: 2rem; }

.map_bg01 {
  background-size: cover;
  color: #fff; }
  @media (min-width: 1000px) {
    .map_bg01 {
      width: 50%;
      height: 500px; } }
  @media (max-width: 999px) {
    .map_bg01 {
      width: 100%;
      height: 400px;
      padding: 3rem; } }

.map_bg02 {
  background-size: cover;
  height: 500px; }
  @media (min-width: 1000px) {
    .map_bg02 {
      width: 50%; } }
  @media (max-width: 999px) {
    .map_bg02 {
      height: 200px;
      width: 100%; } }

.map_bg01 {
  background-image: url("../img/bg_05.jpg");
  position: relative; }

.map_bg01 .ttl, .map_bg01 .sttl, .map_bg01 .txt {
  color: #fff; }
  @media (min-width: 1000px) {
    .map_bg01 .ttl, .map_bg01 .sttl, .map_bg01 .txt {
      position: absolute;
      width: 100%;
      transform: translate(-50%, -50%); } }

@media (min-width: 1000px) {
  .map_bg01 .ttl {
    top: 27%;
    left: 100%; } }

.map_bg01 .sttl {
  font-weight: 600; }
  @media (min-width: 1000px) {
    .map_bg01 .sttl {
      top: 39%;
      left: 100%; } }

.map_bg01 .txt {
  top: 61%;
  left: 100%; }

.map_bg02 {
  background-image: url("../img/bg_06.jpg"); }

.googlemap-bw iframe {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  margin-bottom: 1rem; }

/*bnr*/
.bnr {
  margin-top: 4rem;
  justify-content: space-evenly; }
  @media (min-width: 1000px) {
    .bnr {
      margin-bottom: 4rem; } }
  @media (max-width: 999px) {
    .bnr {
      display: block;
      margin-bottom: 2rem; } }

@media (min-width: 1000px) {
  .bnr .online01 {
    width: 55%;
    height: auto; } }

@media (min-width: 1000px) {
  .bnr .online02 {
    width: 30%;
    height: auto; } }

@media (max-width: 999px) {
  .bnr img {
    margin-bottom: 2rem; } }

/*メインビジュアル*/
.logo {
  position: relative; }
  @media (min-width: 1000px) {
    .logo {
      max-width: 15%;
      z-index: 999; } }
  @media (max-width: 999px) {
    .logo {
      max-width: 40%;
      z-index: 1; } }

.pcNav {
  padding-top: 2rem;
  margin-left: auto;
  margin-right: auto; }

@media (min-width: 1000px) {
  h1 {
    margin: 1rem 0 0 3rem; } }
@media (max-width: 999px) {
  h1 {
    margin: 1rem 0 0 1rem; } }

.shop a {
  color: #fff !important; }

#aside01 h2 {
  justify-content: center; }

@media (min-width: 1000px) {
  .cal_flx {
    display: flex;
    justify-content: space-evenly; } }

@media (max-width: 999px) {
  #home06 table {
    width: 90%;
    margin: 0 auto; } }

.calendar-container {
  background-color: #deeaf6;
  padding: 1rem;
  border-radius: 10px; }

/*カレンダー
.xo-months{
	height: auto;
	@include pc{
		display: flex;
    justify-content: space-evenly;
	}
}
.month-dayname{
	    padding-top: 10px!important;
}
.month-event-space{
	margin-bottom: 10px;
}
.holiday-all{
	color: #fff;
}
.xo-event-calendar table.xo-month{
	border-right: 1px solid #ccc!important;
}
.xo-event-calendar table.xo-month .month-dayname td div{
	text-align: center!important;
	line-height:inherit!important;
	border-left:1px solid #fff!important;
	height: inherit!important;
	
	
}
.xo-event-calendar table.xo-month td{
	border:none!important;
}
.xo-event-calendar table.xo-month .month-dayname td{
	border:none!important;
}
.xo-event-calendar table.xo-month>thead th{
	    border-bottom: 1px solid #ccc!important;
	border-right: none!important;
}

.xo-event-calendar table.xo-month .month-header button{
	@include pc{
		display: none;
	}
}*/