@charset "UTF-8";


/*  l-intro
--------------------------------------------------*/
.l-intro {
	position: relative;
	padding-block: 21.0rem 15.0rem;
}
.l-intro::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	aspect-ratio: 1920 / 1312;
	height: auto;
	background: url('../imgs/bg_intro.webp') no-repeat center top /cover;
}
.intro-contents {
	position: relative;
	width: min(95%,1740px);
	z-index: 1;
}
.intro-contents__photo1 {
	width: calc(1400 / 1740 * 100%);
	margin-inline: 0 auto;
}
.intro-contents__photo2 {
	width: calc(630 / 1740 * 100%);
	margin-inline: auto 0;
	margin-top: calc(-150 / 1740 * 100%);
}
@media screen and (max-width: 768px){
	.l-intro {
		padding-block: 14.0rem 10.0rem;
	}
	.l-intro::before {
		aspect-ratio: 380 / 553;
		background: url('../imgs/bg_intro-sp.webp') no-repeat center top /cover;
	}
	.intro-contents {
		width: 100%;
	}
	.intro-contents__photo1 {
		width: calc(350 / 380 * 100%);
	}
	.intro-contents__photo2 {
		width: calc(257 / 380 * 100%);
		margin-top: calc(-30 / 380 * 100%);
	}
}



/*  l-slider
--------------------------------------------------*/
.l-slider {
	position: relative;
	padding-bottom: 20.0rem;
}
.l-slider::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: calc(100% - 24.4rem);
	background: linear-gradient(141.58deg, #2D2B2B 0%, #222020 70.6%, #3B321F 100%);
}
.slider-inner {
	z-index: 1;
}
.slider-slide {
	background: linear-gradient(141.58deg, #2D2B2B 0%, #222020 70.6%, #3B321F 100%);
}
:root .slider-slide .swiper-pagination{
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  width: 100%;
  height: 14px;
  border-radius: 0;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2.5rem auto 0;
  gap: 20px;
  z-index: 2;
}
:root .slider-slide .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0;
  top: auto;
  position: relative;
  display: block;
  border-radius: 50%;
  background: #fff;
  transform-origin: center center;
  opacity: 1;
}
:root .slider-slide .swiper-pagination-bullet.swiper-pagination-bullet-active {
  transform: scale(1.4);
  background: #B49B5E;
}
@media screen and (max-width: 768px){
	.l-slider {
		padding-bottom: 8.0rem;
	}
	.l-slider::before {
		height: calc(100% - 11.0rem);
	}
	:root .slider-slide .swiper-pagination{
		height: 12px;
	  margin: 2.5rem auto 0;
	}
	:root .slider-slide .swiper-pagination-bullet {
	  width: 8px;
	  height: 8px;
	}
}




/*  l-gallery
--------------------------------------------------*/
.l-gallery {
	position: relative;
}
.l-gallery::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: calc(100% - 25.0rem);
	background: linear-gradient(141.58deg, #2D2B2B 0%, #222020 70.6%, #3B321F 100%);
}
.gallery-box {
	position: relative;
}
.gallery-box1 {
	width: 100%;
	margin-bottom: 20.0rem;
}
.gallery-box2 {
	margin-bottom: 20.0rem;
}
.gallery-box2__contents {
	width: min(95%,1820px);
	margin-inline: 0 auto;
}
.gallery-box2__contents__item1 {
	width: calc(1000 / 1820 * 100%);
}
.gallery-box2__contents__item2 {
	width: calc(720 / 1820 * 100%);
}
.gallery-box2__contents__item2__photo1 {
	width: calc(640 / 720 * 100%);
	margin-inline: 0 auto;
	z-index: 1;
}
.gallery-box2__contents__item2__photo2 {
	width: calc(400 / 720 * 100%);
	margin-inline: auto 0;
	margin-top: calc(-50 / 720 * 100%);
}
.gallery-box3__contents {
	width: min(95%,1740px);
	margin-inline: auto 0;
}
.gallery-box3__contents__item {
	width: calc(560 / 1740 * 100%);
}
@media screen and (max-width: 768px){
	.l-gallery::before {
		height: calc(100% - 7.5rem);
	}
	.gallery-box1 {
		margin-bottom: 8.0rem;
	}
	.gallery-box2 {
		margin-bottom: 8.0rem;
	}
	.gallery-box2__contents {
		width: 100%;
		margin-inline: auto;
	}
	.gallery-box2__contents__item1 {
		width: calc(350 / 380 * 100%);
		margin-inline: 0 auto;
		margin-bottom: 8.0rem;
	}
	.gallery-box2__contents__item2 {
		width: calc(330 / 380 * 100%);
		margin-inline: auto 0;
	}
	.gallery-box2__contents__item2__photo1 {
		width: calc(300 / 330 * 100%);
	}
	.gallery-box2__contents__item2__photo2 {
		width: calc(186 / 330 * 100%);
		margin-top: calc(-20 / 330 * 100%);
	}
	.gallery-box3__contents {
		width: 100%;
		margin-inline: auto;
	}
	.gallery-box3__contents__item {
		width: calc(122 / 380 * 100%);
	}
}





/*  l-outro
--------------------------------------------------*/
.l-outro {
	padding-block: 20.0rem;
}
.outro-box1 {
	margin-bottom: 20.0rem;
}
@media screen and (max-width: 768px){
	.l-outro {
		padding-block: 8.0rem;
	}
	.outro-box1 {
		margin-bottom: 8.0rem;
	}
}