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


/* add */
.fixed-btn.line-btn {
    bottom: 220px!important;
}
.fixed-btn.rental-btn {
width: 214px;
    bottom: 151px;
}
.fadeCom{
    transition: 700ms ease;
}
.fadeCom__On{
    transform: translate3d(0, 0, 0) scale(1,1);
    opacity: 1;
}
h3{
    margin: 16px 0 70px;
}
h4{
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 34px;
    color: #fff;
    display: inline-block;
    border-bottom: solid 4px #fff;
}
h4 span{
    font-size: 4rem;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    line-height: 1;
    margin-top: 18px;
}
/*btn*/
.info .section-inner{
    margin-right: 6vw;
    margin-left: 6vw;	
}
.wpcf7-spinner {
    display: none !important;
}
.t-box{
	display:block;
}
.catch-box {
    animation: fadeIn .7s ease-in 0s 1 normal;
}
@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(16px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

.section-inner{
	position:relative;
}
.wrap .col-6 p{
    line-height: 2;
	font-weight: 400;
	margin-top: 20px;
}

/*-----------------------------

bg-section	

-------------------------------*/
.bg-section,.bg-color-section{
	position:relative;
	overflow: hidden;
}
.bg-section:before{
	position:absolute;
	content:"";
	width:100%;
	height: 100%;
	top:0;
	left:0;
	z-index: -5;
	display:block;
	background-size: cover;
	background-position:center;
    background-image: url("../images/section-bg.jpg");
}
.bg-color-section:before{
	position:absolute;
	content:"";
	width:100%;
	height: 100%;
	top:0;
	left:0;
	z-index: -5;
	display:block;
    background-color: #C0A89E;
}
/*-----------------------------

kv		

-------------------------------*/
.kv-container{
	content:"";
	position:absolute;
	width:100%;
	height: 100%;
	display:block;
	z-index: 0;
}
.kv-container .kv-img{
position: absolute;
    width: 43%;
    height: calc(100% - 12vw);
    display: block;
    z-index: 1;
    top: 8vw;
    right: 15vw;
}
.kv-container{
position:relative;
    height: 100vh;
}
.catch-box{
	position: relative;
	z-index:2;
	width: 100%;
padding: 10% 6vw 14%;
    font-size: 7.4rem;
    color: #c1c1c1;
    line-height: 1.1;
}
.catch-box img{
	width: 100px;
}
.catch-text{
    font-size: 1.6rem;
    margin-top: 30px;
}
.kv-logo{
width: 260px;
    position: absolute;
    top: 86%;
    left: 50%;
    transform: translateX(-50%);
}
.fixed-btn{
	position: absolute;
    bottom: 30px;
    right: 30px;
    width: 250px;
	    z-index: 3;
}
.fixed-btn.line-btn{
	width: 140px;
	bottom: 150px;
}
.mv-bottom-content{
    position: absolute;
    bottom: 0.9vh;
    right: 14px;
    z-index: 800;
    gap: 15px;
}
.mv-bottom-content a.tel{
font-size: 1.9rem;
margin: 0;
line-height: 1;
}
.mv-bottom-content .icons {
    gap: 12px;
}
.kv{
    height: 100vh;
    display: flex;
    justify-content: flex-start;
}

.kv .catch-copy{
    padding: 14vw 0 0 11vw;
    color: #987F6C;
	z-index: 10;
}
.kv .catch-copy p{
 font-size: 6.4rem;
    font-weight: 500;
	line-height: 1.2;
	 font-family: "Marcellus", serif;
}
.kv .catch-copy p:last-of-type{
    font-size: 18px;
	font-family:"Zen Old Mincho", serif;
	    margin-top: 20px;
	    line-height: 1.6;
}

.kv .catch-copy .text-box .catchtext-ja{
    width: 100%;
    position: relative;
    font-size: 2.6rem;
    font-weight: 600;
 }
.kv .catch-copy .text-box .text-l1,.kv .catch-copy .text-box .text-l2,.kv .catch-copy .text-box .text-l3,.kv .catch-copy .text-box .text-l4{
    font-size: 8.2rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.04em;
    display: block;
    text-transform: uppercase;
}
.kv .catch-copy .text-box .text-l1 .bgappearTrigger,.kv .catch-copy .text-box .text-l2 .bgappearTrigger,.kv .catch-copy .text-box .text-l3 .bgappearTrigger,.kv .catch-copy .text-box .text-l4 .bgappearTrigger{
    position: relative;
}
.kv .catch-copy .text-box .text-l1 .bgappearTrigger:before,.kv .catch-copy .text-box .text-l2 .bgappearTrigger:before,.kv .catch-copy .text-box .text-l3 .bgappearTrigger:before,.kv .catch-copy .text-box .text-l4 .bgappearTrigger:before{
    position: absolute;
    bottom: -0.5rem;
    left: 0rem;
    right: 0rem;
    border-top: 5px solid #fff;
    content: '';
}
.kv .catch-copy .text-box span:nth-of-type(2){
    margin-top: 60px;
    margin-bottom: 16px;
}
.kv .catch-copy .text-box .text-l1:before{
    width: 46.6vw;
}

/*-----------------------------
  
concept  

-------------------------------*/
#concept{
	position:relative;
}
.about .text-box{
    padding: 5vw 20vw 12vw;
    text-align: center;
    letter-spacing: .04em;
}
.about .text-box p{
    line-height: 3;
    font-size: 1.8rem;
}
.about .about-box{
    margin: 18vw 0 130px;
    position: relative;
}
.about .col-8 {
    width: 76%;
}
.about .col-4 {
    position: absolute;
    right: 6vw;
    top: -10vw;
    width: 40%;
}
.about .col-4:after {
    content: '';
    position: absolute;
    left: -40px;
    top: 0;
    display: inline-block;
    width: 1px;
    height: 22vw;
    background-color: #333;
}
.about-box-container .about-box:nth-of-type(2) .wrap {
    flex-direction: row-reverse;
}
.about-box-container .about-box:nth-of-type(2) .wrap .col-4 {
	left: 7vw;
}
.about .about-box p{
    line-height: 2.8;
    font-size: 1.8rem;
}
.about-shop-container .wrap .col-6:first-of-type{
    padding: 0 6vw 0 0 ;
    box-sizing: border-box;
}
.shop-logo-outer{
    margin-bottom: 80px;
}
.shop-logo-outer img{
    height: 120px;
    width: auto;
}
.about-shop {
    margin-bottom: 100px;
}
.about-shop-container .wrap .col-6 a{
    margin-left: 0;
}
.about-shop-container .wrap .col-6.img-content{
position: relative;
}
.about .col-6 figure{
position: absolute;
    width: 20vw;
    top: 21vw;
    right: 2vw;
}
.about .col-6 figure:nth-of-type(2){
position: absolute;
 width: 16vw;
    left: 0;
	top: 0;
}
.about .col-6 figure span{
position: absolute;
    content: "";
    z-index: 1;
    font-size: 4.2rem;
    font-weight: 300;
    top: 5.8vw;
    left: -6.2vw;
    transform: rotate(-19deg);
    font-family: 'Oooh Baby';
}
.about .col-6 figure span.sub-img-deco{
    font-size: 3.7rem;
    top: 13.2vw;
    left: auto;
    right: -3.9vw;
    transform: rotate(12deg);
}
.about-shop-container .wrap .col-6.img-content .about-img{
    position: absolute;
    top: 0;
}
.about-shop-container .wrap .col-6.img-content .sub-img{

}
.about-shop-container {
    position: relative;
}
.about-shop-container .about-shop:nth-of-type(2) .wrap{
    flex-direction: row-reverse;
}
.about-shop-container .about-shop:nth-of-type(2) .wrap .col-6.text-content {
    padding: 0 6vw 0 0;
}
.about-shop-container .about-shop:nth-of-type(2) .shop-logo-outer img,.about-shop-container .about-shop:nth-of-type(3) .shop-logo-outer img{
    height: 140px;
}
.about-shop-container .about-shop:nth-of-type(2) .wrap .col-6.img-content .sub-img {
    left: 6vw;
    bottom: 5vw;
}
.about-shop-container .about-shop:nth-of-type(3) .wrap .col-6.img-content .sub-img {
    bottom: 2vw;
}
/*-----------------------------

target

-------------------------------*/
#target .wrap p{
    margin: 20px auto 0;
    display: block;
    padding: 16px 20px;
    box-sizing: border-box;
    text-align: center;
    line-height: 1.4;
    border: solid 1px #9C897B;
    border-radius: 40px;
    color: #656565;
    font-weight: 400;
    background-color: #F9F5F2;
    position: relative;
    letter-spacing: .002em;
    font-size: 1.8rem;
}
/*-----------------------------

menu

-------------------------------*/
#menu .lead-text {
    margin-top: 60px;
    margin-bottom: 20px;
}
#menu ul li{
	margin: 20px auto 0;
    display: block;
    padding: 20px 40px;
    line-height: 1;
    border: solid 1px #9C897B;
    border-radius: 16px;
    color: #656565;
    font-weight: 400;
    background-color: #F9F5F2;
    font-size: 1.8rem;
}
#menu ul li .wrap p:nth-of-type(1){
    color: #9C897B;
	    font-size: 1.8rem;
}
#menu ul li .wrap p:nth-of-type(2){
	margin: 12px 0;
    display: inline-block;
    padding: 8px 24px;
    line-height: 1;
    border: solid 1px #EA6D64;
    border-radius: 40px;
    color: #EA6D64;
    font-weight: 400;
    background-color: #F9F5F2;
    font-size: 1.8rem;
}
#menu ul li .wrap p:nth-of-type(3){
    font-size: 1.4rem;
}
#menu ul:last-of-type{
	margin-bottom: 40px;
}
#menu p a{
	color: #9C897B;
	    text-decoration: underline;
}
#menu .col-4 figure{
	text-align: right;
}
#menu .col-4 figure img{
	width: 270px;
}
/*-----------------------------

menu

-------------------------------*/
.cta .lp-link{
	margin: 12px auto 60px;
    display: block;
    padding: 20px 20px;
    line-height: 1.5;
    border: solid 1px #9C897B;
    border-radius: 60px;
    color: #fff;
    font-weight: 400;
    background-color: #9C897B;
    font-size: 2.2rem;
    text-align: center;
    width: 868px;
    text-decoration: underline;
    font-family: "Zen Old Mincho", serif;
	transition: .3s;
	box-sizing: border-box;
}
.cta .lp-link:hover {
  color: #9C897B;
	background-color: transparent;
}
.cta .wrap{
	width: 868px;
    margin: 0 auto;
}
/*-----------------------------

about-row

-------------------------------*/
.about-row{
	position:relative;
}
.about-row .section-inner{
	margin-bottom: 90px;
}
.about-row-container{
	position:relative;
	z-index:-3;
}
.about-row-container span{
    position: absolute;
    z-index: 1;
    top: auto;
    right: 6vw;
    bottom: 1vw;
    color: #F1EDE3;
    font-family: "Marcellus", serif;
    font-size: 10rem;
    font-weight: 300;
}
.about-row-container img{
		display: block;
	}
/*-----------------------------

owner

-------------------------------*/
.owner figure img{
	width: 380px;
}
.owner h3,.owner p{
color: #fff;
}
.owner .keyvisual {
    z-index: -1;
}
.owner .keyvisual__scroll {
	 bottom: 2vw;
    right: 10vw;
}
/*-----------------------------

blog News

-------------------------------*/
.blog .figure-outer  {
	    width: 100%;
}
/*-----------------------------

about shop-info

-------------------------------*/
.about.shop-info .wrap{
	flex-direction: row-reverse;
}
.about.shop-info .about-shop-container .wrap .col-6:first-of-type {
    padding: 0;
}
.about.shop-info .keyvisual__scroll {
    bottom: -8vw;
}
.about.shop-info .col-6 figure {
	width: 29vw;
    top: 0;
    left: 0;
}
.about.shop-info .col-6 figure:nth-of-type(2) {
    width: 21vw;
    top: 23vw;
    right: 1vw;
    left: auto;
}
.shop-info .about-shop-container .wrap .col-6 p {
    line-height: 2.2;
    margin-bottom: 42px;
}
/*-----------------------------

products
	
-------------------------------*/
.products figure{
    margin-left: 180px;
    margin-top: 90px;
}
.products figure img{
	width: 252px;
}
.products h3,.products p{
color: #fff;
}
.products .keyvisual__scroll {
    width: 162px;
    height: 162px;
    position: absolute;
    bottom: auto;
    right: auto;
    top: -360px;
    left: 60px;
}
/*-----------------------------

contact
	
-------------------------------*/
.contact{
	position: relative;
}
.contact .flow-area{
	    bottom: -3vw;
	    top: auto;
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
js
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* オープンシャッター */
.shutter{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#1e1e1e;
    z-index:1000;
  }
  .shutter::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    background-color: #fff;
    width: 0;
    height: 1px;
  }
  .shutter {
    -webkit-animation: byeShutter 2.6s forwards;
            animation: byeShutter 2.6s forwards;
  }
  .shutter::before {
    -webkit-animation: shutterOpen 2.6s forwards;
            animation: shutterOpen 2.6s forwards;
  }
  
  @keyframes byeShutter {
    70% {
      opacity: 1;
    }
    100% {
      opacity: 0;
      display: none;
      z-index: -1;
    }
  }
  @keyframes shutterOpen {
    0% {
      width: 0;
      height: 1px;
    }
    50% {
      width: 100%;
      height: 1px;
    }
    90% {
      width: 100%;
      height: 100%;
    }
    100% {
      width: 100%;
      height: 100%;
    }
  }
  /* ローディングアニメーション */
  #loading{
    position:absolute;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
    animation: byeShutter 2s forwards;
    z-index: 9999;
  
  }
  #loading img{
    width: 80px;
    height: 80px;
  } 
 /* スライド02-pc*/
.img-wrap {
    position: relative;
}
.img-wrap .img {
    position: absolute; 
    height: 100svh;
    object-fit: cover;
}
.img-wrap a.img {
display:block;
width:100%;
height:100%;
}

/* スライド02-sp*/
.spimg-wrap {
    position: relative;
}
.spimg-wrap .img {
    width:100%;
    position: absolute;
    height: 100svh;
    object-fit: cover;
}
.spimg-wrap .img.topright {
    object-position: right top;
}
/* キャッチコピーエフェクト*/
.bgextend{
    animation-name:bgextendAnimeBase;
    animation-duration:1s;
    animation-fill-mode:forwards;
    position: relative;
    overflow: hidden;/*　はみ出た色要素を隠す　*/
    opacity:0;
  }
  
  @keyframes bgextendAnimeBase{
    from {
      opacity:0;
    }
  
    to {
      opacity:1;  
  }
  }
  
  /*中の要素*/
  .bgappear{
    animation-name:bgextendAnimeSecond;
    animation-duration:1s;
    animation-delay: 0.6s;
    animation-fill-mode:forwards;
    opacity: 0;
  }
  
  @keyframes bgextendAnimeSecond{
    0% {
    opacity: 0;
    }
    100% {
    opacity: 1;
  }
  }
  
  /*左から右*/
  .bgLRextend::before{
    animation-name:bgLRextendAnime;
    animation-duration:1s;
    animation-fill-mode:forwards;
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #111;/*伸びる背景色の設定*/
  }
  @keyframes bgLRextendAnime{
    0% {
      transform-origin:left;
      transform:scaleX(0);
    }
    50% {
      transform-origin:left;
      transform:scaleX(1);
    }
    50.001% {
      transform-origin:right;
    }
    100% {
      transform-origin:right;
      transform:scaleX(0);
    }
  }
  
  /* スクロールをしたら出現する要素にはじめに透過0を指定　*/
  .bgappearTrigger,
  .bgLRextendTrigger{
      opacity: 0;
  }
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
tab-yoko
---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:992px) and ( max-width:1199px) {
.kv .catch-copy {
    padding: 17vw 7vw 0;
}
.b-icon {
position: absolute;
bottom: 20px;
left: 372px;
}
.img-wrap .img {
width:100%;
}
.about-shop-container .wrap .col-6 p {
    font-size: 1.4rem;
}
.about .col-6 figure span {
    left: -13.2vw;
}
.about-shop-container .wrap .col-6:last-of-type .sub-img {
    top: -19vw;
}
.about .col-6 figure span.sub-img-deco {
    font-size: 3rem;
    top: -4.8vw;
    right: -3vw;
}
.service .banner .col-4 a .box,.service .banner .col-12 a .box {
    padding: 64px 32px 0;
}
h4 span {
    font-size: 3.4rem;
}
.f-banner .en-text {
    font-size: 5.4rem;
}
.news .date, .info .date {
padding-left: 20px;
}
	
   .about .col-6 figure span.sub-img-deco {
        top: 12.2vw;
	}
	.card-item figure {
    height: 160px;
	}
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
sp tab-tate
---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width:991px){
	#loading {
    transform: translate(-30%, -50%);
}
/*add*/
.fixed-btn.line-btn {
    margin-bottom: 12px !important;
}
.fixed-btn.rental-btn {
    width: 226px !important;
    margin-bottom: 12px !important;
}
h2 {
    font-size: 2.7rem;
    line-height: 1.5;
	}
	.catch-text {
    font-size: 1.3rem;
	}

h2 span.en {
    font-size: 1.6rem !important;
    margin-top: 30px;
    line-height: 2;
}
	h3{
    margin: 16px 0 50px;
}
h4 {
    font-size: 1.4rem;
    font-weight: 600;
	}
h4 span {
    font-size: 3.6rem;
    margin-top: 12px;
}
.slide {
    bottom: 18%;
}
.slide .slideshow .content {
    min-width: 900px;
}
.about-row .container, .info .container, .recruit .container {
    padding-left: 0;
    padding-right: 0;
}
.about .wrap,.shop .wrap{
    gap: 24px;
}
.tag {
    margin-bottom: 10px;
}
/*-----------------------------

deco-img		

-------------------------------*/
/*------r-about--------*/
.about.r-about .section-inner:before{
        top: 3vw;
        left: -2vw;
        width: 58vw;
        height: 27vw;
}
/*------gallery-------*/
.gallery .section-inner:before{
top: 10vw;
        left: auto;
        right: -1vw;
        width: 42vw;
        height: 24.9vw;
}
.gallery .section-inner:after{
        top: auto;
        bottom: 5vw;
        right: auto;
        left: -2vw;
        width: 61vw;
        height: 31.3vw;
}
.about-row .section-inner:before{
        top: 46vw;
        right: 12vw;
        width: 71.5vw;
        height: 47.5vw;
}
/*-----instagram--------*/
.instagram {
    overflow: hidden;
}
.instagram .section-inner:before{
    top: 9vw;
    left: -2vw;
	width: 42vw;
	height: 24.9vw;
}
/*------news--------*/
.blog .section-inner:before{
top: auto;
        bottom: 3vw;
        left: auto;
        right: -4vw;
        width: 62.5vw;
        height: 38.9vw;
}
/*------shop info--------*/
.shop-info .section-inner:after{
top: auto;
        left: -3vw;
        right: auto;
        width: 56.6vw;
        height: 31.9vw;
        bottom: 14vw;
}
/*-----------------------------

kv

-------------------------------*/
.kv{
    height: 100svh;
    width: 100%;
    margin-bottom: 30px;
    top: 70px;
    overflow: hidden;
 }
 .kv .catch-copy {
padding: 36vw 6vw 0vw;
}
	.kv .catch-copy p {
    font-size: 3.7rem;
	}
.kv .catch-copy .text-box:before {
    width: 87vw;
}
.kv .catch-copy .catchtext-ja span {
    font-size: 2.4rem;
}
.kv .catch-copy .text-l1 span,.kv .catch-copy .text-l2 span,.kv .catch-copy .text-l3 span,.kv .catch-copy .text-l4 span {
    font-size: 5.5rem;
    letter-spacing: 0.03rem;
}
.kv .catch-copy .text-box .text-l1,.kv .catch-copy .text-box .text-l2,.kv .catch-copy .text-box .text-l3,.kv .catch-copy .text-box .text-l4{
    font-size: 7.6rem;
}
.kv .catch-copy .text-box span:nth-of-type(2) {
    margin-bottom: 0;
    margin-top: 20px;
}
.kv .img-wrap img{
    height: 100svh;
	width: auto;
    overflow: hidden;
}
.kv-container {
    height: 100svh;
    overflow: hidden;
}
.kv-container .kv-img {
        top: 76vw;
        right: 6vw;
        height: auto;
        width: calc(100% - 16vw);
	}	
.catch-box {
padding: 44% 4vw 0;
    box-sizing: border-box;
}
.fixed-btn.pc-none {
    width: 286px;
    margin: 0 auto;
	position: inherit;
}
.fixed-btn.line-btn {
    width: 140px;
    margin-bottom: 20px;
	}
.flow-area p {
    font-size: 90px;
	}
	.mv-bottom-content{
		display:none;
	}
	.bg-section:before {
    background-position: left;
	}
/*-----------------------------

about

-------------------------------*/
.about .section-inner {
    padding: 56px 0 110vw;
}
.about .text-box {
    padding: 5vw 0 20vw;
}
.about .about-box {
    margin: 60px 0 100vw;
}
.about .col-8 {
    width: calc(100% - 6vw);
}
.about .col-4 {
    right: auto;
    top: auto;
    bottom: -77vw;
    left: 6vw;
    max-width: calc(100% - 12vw);
    width: 100%;
}
.about h4 span {
    margin: 14px 0 60px;
    font-size: 6rem;
}
.about .about-box:nth-of-type(3) h4 span {
    font-size: 5.6rem;
}
.about-box-container .about-box:nth-of-type(2) .wrap .col-4 {
    bottom: -82vw;
}
.about .about-box h4 span:before {
    right: -20px;
}
.about .col-4:after {
    left: -3vw;
    height: 41vw;
}
.about .about-box:nth-of-type(2) {
    margin: 60px 0 116vw;
}
.about .text-box p {
    font-size: 1.5rem;
}
.about-shop-container .wrap .col-6.text-content {
    padding: 0 6vw;
}
.about.shop-info .about-shop-container .wrap .col-6:first-of-type {
    padding: 0 6vw 210px;
}
.about.shop-info .keyvisual__scroll {
    bottom: -160px;
    right: 4vw;
}
.about .col-6 figure span {
font-size: 3.2rem;
        top: 11.2vw;
        left: -26vw;
}
.about .col-6 figure span.sub-img-deco {
    font-size: 2.6rem;
        top: 31.2vw;
        right: -11.2vw;
}
.about .col-6 figure {
        top: -2px;
        right: 6vw;
        width: 44vw;
	}
.about .col-6 figure:nth-of-type(2) {
width: 30vw;
        top: 47vw;
    right: auto;
    left: 6vw;
}
/*-----------------------------

menu

-------------------------------*/
 #menu ul li {
    padding: 20px 20px;
	}
 #menu .col-4 figure img {
    width: 100%;
    margin-top: 20px;
	}
 #menu .wrap .col-6 p {
    margin-top: 0px;
}
	#menu .lead-text {
    margin-top: 50px;
	}
/*-----------------------------

cta

-------------------------------*/
	.cta .lp-link {
    margin: 12px auto 60px;
    line-height: 1.6;
    font-size: 1.6rem;
    text-align: left;
    width: 100%;
}
	.cta .wrap {
    width: 100%;
	}
	 .cta .btn {
        margin: 16px auto;
    }
/*-----------------------------

about-row

-------------------------------*/
.about-row .card-item.card-01 figure {
    width: 68%;
}
.about-row .card-item.card-02 {
    width: 30%;
    padding-top: 26%;
}
.about-row .card-03 {
    width: 82%;
    margin-top: 12%;
}
.about-row-container span {
    bottom: 0;
    font-size: 3.2rem;
	}
/*-----------------------------

owner

-------------------------------*/
.owner figure img {
    width: 80%;
}
.owner .keyvisual__scroll {
        bottom: 8vw;
}
/*-----------------------------

blog

-------------------------------*/
    .card-item {
	  margin-bottom: 0px;
	}
	    .card-item figure {
		height: 210px;
	}
/*-----------------------------

shop info

-------------------------------*/
	.access iframe{
		    height: 240px;
		margin-top: 30px;
	}
/*-----------------------------

products

-------------------------------*/	
.products figure {
    margin-left: 80px;
    margin-top: 50px;
}
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
tab-tate
---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:768px) and ( max-width:991px) {
.kv-container {
    height: 100svh;
}
.kv-container:after {
height: 100svh;
height: calc(100% - 29vw);
    top: 15vw;
}
.kv .sp-none{
    display: block !important;
}
.kv .pc-none{
    display: none !important;
}
.kv .catch-copy .text-l1 span, .kv .catch-copy .text-l2 span, .kv .catch-copy .text-l3 span, .kv .catch-copy .text-l4 span {
    font-size: 6.8rem;
}
h2 span {
    font-size: 5rem;
}
.kv .catch-copy .text-box:before {
    width: 52vw;
}
.about-shop-container .dc06 {
    width: 418vw;
    top: -4vw;
    left: -198vw;
}
.about .col-4 {
    bottom: -32vw;
}
.about h4 {
    font-size: 3rem;
}
.about h4 span {
    font-size: 8rem;
}
.about .about-box h4 span:before {
    right: auto;
    left: 36vw;
    bottom: -17px;
    font-size: 3.2rem;
}
.about .about-box:nth-of-type(3) h4 span {
    font-size: 8rem;
}
.about .about-box {
    margin: 60px 0 55vw;
}
.about .text-box {
    padding: 10vw 0vw;
}
.about .col-6 figure span {
    font-size: 4.4rem;
    top: 9.8vw;
    left: -11.2vw;
}
.about .col-6 figure span.sub-img-deco {
    font-size: 3.4rem;
    top: 56.2vw;
    right: -3.2vw;
}
.about-shop-container .wrap .col-6:last-of-type .sub-img {
    top: 41vw;
}
.about-box-container .about-box:nth-of-type(2) .wrap .col-4 {
    bottom: -37vw;
}
.about .about-box:nth-of-type(2) {
    margin: 60px 0 55vw;
}

	
	    h2 span {
        font-size: 6rem;
    }
    .kv-container .kv-img {
        top: 14vw;
        height: calc(100% - 22vw);
	}
	    .about .col-6 figure span.sub-img-deco {
        top: 33.2vw;
	}
	.works.post-section .card-item {
    width: 47% !important;
	}
	    .works .card-item figure {
        height: 40vw;
    }
	.keyvisual__scroll {
    bottom: 19vw;
    right: 10vw;
	width: 155px;
    height: 155px;
}
.keyvisual__scroll--arrow {
    width: 4vw;
}
.keyvisual__scroll:before {
    height: 110%;
    width: 110%;
    top: -18%;
    left: -18%;
}
	    .card-item figure {
        height: 14vw;
    }
	.post-section .card-item {
    width: 30% !important;
	}
		    .about.r-about .section-inner:before {
        top: 7vw;
        width: 41vw;
        height: 18vw;
    }
	    .gallery .section-inner:before {
        top: 5vw;
        width: 30vw;
        height: 16.9vw;
    }
	    .gallery .section-inner:after {
        bottom: 0vw;
        left: -2vw;
        width: 44vw;
        height: 21.3vw;
    }
	.about-row .keyvisual__scroll {
        bottom: 8vw;
	}
	    .about-row .section-inner:before {
        top: 39vw;
        right: 28vw;
        width: 51.5vw;
        height: 37.5vw;
    }
	    .instagram .section-inner:before {
        width: 26vw;
        height: 15.9vw;
    }
	    .blog .section-inner:before {
        width: 46.5vw;
        height: 27.9vw;
	}
	    .shop-info .section-inner:after {
        width: 36.6vw;
        height: 21.9vw;
        bottom: 9vw;
    }

}