@charset "utf-8";

.basic-txt{
	font-family: var(--mincho);
}
#shop.page-title-bg .page-title-area{
	background: url("../img/page-title-shop.jpg") no-repeat top center / cover;
}

/* -----------------------------
	intro-area
-------------------------------- */
.intro-area{
	/*padding: 120px 0 835px;*/
	padding: 140px 0 140px;
	position: relative;
}
.intro-area .red{
	color: #FF4520;
}
.intro-area::before,
.intro-area::after{
	content: '';
	position: absolute
}
/*.intro-area::before{
	width: 350px;
	height: 128px;
	top: 165px;
    left: 500px;
	background: url("../img/brush-deco08.png") no-repeat top center / contain;
}*/
.intro-area::after{
	top: 0;
    right: 0;
	background: url("../img/map-figure.png") no-repeat right center / contain;
	aspect-ratio: 1007 / 500;
	width: 1007px;
	height: auto;
	z-index: -1;
}
.intro-area .inner1400{
	position: relative;
}
.intro-area .catch{
	font-size: 4rem;
	padding: 0 0 0 100px;
    letter-spacing: 0;
    line-height: 1.9;
}
.intro-area .txt-box{
	padding: 10px 0 0 100px;
}
/*.intro-area .txt-box .txt02{
	padding: 20px 0 0;
}*/
.intro-area .img-wrap{
	position: absolute;
}
.intro-area .img-wrap img {
    width: auto;
    height: auto;
}
.intro-area .img01{
	right: -100px;
    top: -30px;
}
.intro-area .img02{
    left: 50px;
    top: 580px;
}
.intro-area .img03{
	right: 100px;
    top: 710px;
}

.shop-img-l{
    height: 30vw;
    min-height: 500px;
    overflow: hidden;
}

.shop-img-l .simpleParallax {
    height: 100%;
}

.shop-img-l img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}


@media screen and (max-width: 768px){
    .shop-img-l{
        height: 60vw;
        margin: 30px 0 0;
        min-height: initial;
    }
    
	.intro-area{
		padding: 40px 20px 320px;
	}
	.intro-area .txt-box{
		/*padding: 135vw 20px 0;*/
		padding: 0;
	}
	/*
	.intro-area::before{
		width: 80vw;
		left: initial;
		right: -20px;
        top: 20px;
        aspect-ratio: 350 / 128;
	}
	*/
	.intro-area::after{
		top: auto;
		bottom: 0;
		right: -30px;
		width: auto;
		height: 280px;
	}
	.intro-area .inner1400{
	}
	.intro-area .inner1400::before{
		width: 300px;
		bottom: auto;
		top: 200px;
	}
	.intro-area .catch{
		/*font-size: min(6cqw,3.6rem);
		padding: 0;
		position: absolute;
        z-index: 1;
        top: 52vw;
        right: 5vw;*/
		
		font-size: min(6cqw,3.6rem);
		padding: 0 0 10px;
		letter-spacing: 0;
	}

	.intro-area .img-wrap{
		position: static;
	}
	.intro-area .imgFilter::after {
		height: auto;
	}
	
	.intro-area .img-wrap img {
		width: 100%;
		height: 100%;
	}
	.intro-area .img01{
		/*width: 60vw;
		height: 40vw;
		top: 5vw;
		right: 5vw;*/
		position: static;
		top: auto;
		right: auto;
		padding: 30px 0;
	}
	.intro-area .img01 img{
		height: 200px;
		object-fit: cover;
	}
	.intro-area .img02{
		width: 30vw;
		height: 50vw;
		top: 20vw;
        left: 0;
	}
	.intro-area .img03{
		width: 90vw;
        height: 50vw;
        top: 80vw;
        right: initial;
        left: 5vw;
	}

}


/* -----------------------------
	〇〇〇
-------------------------------- */

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