@charset "UTF-8";

#home header{
	margin-bottom: 110px
}

#home #movie{
	padding-bottom: 200px;
	position: relative;
}

#home #movie:after{
	background-color: #3c4043;
	display: block;
	width: 100%;
	height: 420px;
	bottom: 0;
	content: "";
	z-index: 8;
	position: absolute;
}

#home #movie .outer{
	position: relative;
	z-index: 9
}

#home #movie .outer video{
	width: 100%
}

#home #movie .outer h2{
	font-size: 36px;
	letter-spacing: 1.8px;
	text-align: right;
	font-weight: 300;
	margin-bottom: 12px
}

#home #atmosphere .area {
  height: 100dvh;
  position: relative;
  display: flex;
  align-items: flex-end;
}

#home #atmosphere .area-a {
  background: url(/wp/wp-content/themes/pp/img/atmosphere-a.jpg) no-repeat center / cover;
}

#home #atmosphere .area-b {
  background: url(/wp/wp-content/themes/pp/img/atmosphere-b.jpg) no-repeat center / cover;
}

#home #atmosphere .area-c {
  background: url(/wp/wp-content/themes/pp/img/atmosphere-c.jpg) no-repeat center / cover;
}

#home #atmosphere .area .inner{
  align-items: flex-end;
}

#home #atmosphere .area .txt {
	font-size: 14px;
	color: #fff;
	letter-spacing: 1.5px;
	margin-bottom: 30px
}

#home #introduction{
	padding-top: 180px;
	background: url(/wp/wp-content/themes/pp/img/bg_introduction.jpg) no-repeat center -240px / cover;
	color: #fff
}

#home #introduction .inner{
	margin-bottom: 260px
}

#home #introduction .label,
#home #products .label{
	margin-bottom: 140px
}

#home #introduction .box{
	max-width: 910px;
	width: 100%;
	justify-content: space-between;
	margin-bottom: 180px;
	flex-direction: row
}

#home #introduction .box dt{
	margin-left: -5px
}

#home #introduction .box h4{
	font-size: 48px;
	letter-spacing: 1.8px;
	font-weight: 300
}

#home #introduction .box dd{
	margin-left: -5px;
	font-size: 16px;
	line-height: 36px;
	letter-spacing: 0.8px;
	max-width: 460px;
	width: 100%;
}

#home #introduction .box dd p+p{
	margin-top: 36px
}

#home #introduction .swiper {
  width: 100%;
  overflow: hidden;
  padding: 0 10%;
  box-sizing: border-box;
  position: relative;
}

#home #introduction .swiper:after{
	height: 50%;
	display: block;
	position: absolute;
	width: 100%;
	background-color: #fff;
	content: "";
	bottom: 0;
	left: 0
}

#home #introduction .swiper-wrapper {
  transition-timing-function: linear !important;
  will-change: transform;
  display: flex;
}

#home #introduction .swiper-slide {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

#home #introduction .swiper-slide {
  width: 1000px;
  display: flex;
  gap: 40px;
}

#home #introduction .swiper-slide img{
	width: 480px
}

#home #products{
	padding-top: 240px;
	padding-bottom: 200px;
	background: url(/wp/wp-content/themes/pp/img/bg_products.jpg) no-repeat center 240px / 1700px 950px;
}

#home #products .auxiliary{
	display: flex;
	justify-content: center;
}

#home #products .box{
	max-width: 780px;
	width: 100%;
	margin: 0 0 210px -120px;
}

#home #products .box dt{
	margin-bottom: 260px;
}

#home #products .box h4{
	font-size: 48px;
	line-height: 72px;
	letter-spacing: 1.8px;
	font-weight: 300
}

#home #products .box dd{
	font-size: 16px;
	line-height: 36px;
	letter-spacing: 0.8px;
	max-width: 780px;
	width: 100%;
	display: flex;
	flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-end;
}

#home #products .box dd p{
	max-width: 510px;
	width: 100%;	
}

#home #products .box dd p+p{
	margin-top: 36px
}

#home #gallery{
	background-color: #3c4043;
	color: #fff;
	padding-top: 200px;
	padding-bottom: 350px;
	display: flex;
	justify-content: center;
}

#home #gallery .inner{
	position: absolute;
}

#home #gallery .box{
	position: relative;
	width: 100%;
	height: 770px;
	margin-top: -15px;
}

#home #gallery h4{
	font-size: 72px;
	line-height: 90px;
	letter-spacing: 1.6px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 380px;
	z-index: 2
}

#home #gallery .swiper {
  overflow: hidden;
  position: relative;
  padding-bottom: 50px;
}

#home #gallery .swiper-slide{
	width: 960px;
	height: 640px;
	transition: 0.2s;
	padding: 0 20px
}

#home #gallery .swiper-slide a{
	color: #fff
}

#home #gallery .swiper-slide img{
	width: 100%
}

#home #gallery .swiper-slide .cap {
  text-align: right;
  margin-top: 28px;
  font-size: 12px;
}

#home #gallery .swiper-button-next,
#home #gallery .swiper-button-prev {
  content: '';
  width: 30px;
  height: 30px;
  top: auto;
  bottom: 80px;
  transition: .2s ease-in-out;
}

#home #gallery .swiper-slide-prev{
	opacity: 0;
	filter: blur(6px);
}

#home #gallery .swiper-button-next {
  right: 0px;
  background: url(/wp/wp-content/themes/pp/img/arrow_next.svg) no-repeat;
}

#home #gallery .swiper-button-prev {
  left: auto;
  right: 40px;
  background: url(/wp/wp-content/themes/pp/img/arrow_prev.svg) no-repeat;
}

#home #showroom{
	background: url(/wp/wp-content/themes/pp/img/bg_showroom.jpg) no-repeat center / cover;
	color: #fff;
	padding-top: 200px;
	padding-bottom: 200px;
}

#home #showroom .inner .label{
	margin-bottom: 80px
}

#home #showroom .inner .box{
	max-width: 360px;
	width: 100%;
	margin-bottom: 90px
}

#home #showroom .inner .box h4{
	font-size: 48px;
	line-height: 74px;
	letter-spacing: 1.8px;
	margin-bottom: 60px;
	font-weight: 300;
}

#home #showroom .inner .box p{
	text-align: justify;
	font-size: 16px;
	line-height: 32px;
	letter-spacing: 1.8px;
}

#home #news{
	padding-top: 200px
}

#home #news .inner .box{
	margin-top: -15px;
	justify-content: center;
	width: 100%;
	position: relative;
	z-index: 3;
	margin-bottom: 100px;
	flex-direction: row;
}

#home #news .inner ul{
	max-width: 880px;
	width: 100%;
	border-bottom: 1px solid rgba(60,64,67,0.08);
	margin-right: -100px
}

#home #news .inner li{
	border-top: 1px solid rgba(60,64,67,0.08);
}

#home #news .inner li a{
	display: flex;
	align-items: center;
	padding: 30px 0;
	position: relative;
}

#home #news .inner li a:after{
	content: "";
	position: absolute;
	display: block;
	width: 18px;
	height: 18px;
	right: 20px;
	background: url(/wp/wp-content/themes/pp/img/icon_arrow.svg) no-repeat center / cover;
}

#home #news .inner dl{
	font-size: 15px;
	font-family: "EB Garamond", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	display: flex;
	max-width: 210px;
	width: 100%;
	margin-right: 40px
}

#home #news .inner dl .date{
	max-width: 100px;
	width: 100%;
}

#home #news .inner dl .tags{
	max-width: 110px;
	width: 100%;
	text-align: center;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

#home #news .inner dl .tags:before{
	content: "";
	position: absolute;
	display: block;
	width: 1px;
	height: 2px;
	left: 0;
	background: url(/wp/wp-content/themes/pp/img/icon_dot.svg) no-repeat center / cover;
}

#home #news .inner dl .tags:after{
	content: "";
	position: absolute;
	display: block;
	width: 1px;
	height: 2px;
	right: 0;
	background: url(/wp/wp-content/themes/pp/img/icon_dot.svg) no-repeat center / cover;
}

#home #news .inner li p{
	font-size: 16px;
	max-width: 590px;
	width: 100%
}

#promises nav,#promises nav a,#promises #head{
	color: #fff;
}
#promises main{
	padding-bottom: unset;
}
#promises #content{
	padding-bottom: 200px;
}
#promises #head{
	min-height: 1100px;
	margin-bottom: unset;
}

#promises .outfit{
	position: relative;
	padding-bottom: 180px;
	width: 100%;
	overflow-x: clip;
}
#promises .outfit #head{
	min-height: unset;
}
#promises .outfit>img{
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
	min-width: 1720px;
}

#promises .head-bar{
	margin-bottom: 140px;
}

#promises .head-intro{
	display: flex;
	justify-content: flex-end;
}

#promises .head-intro .into-box{
	width: 540px;
}

#promises .head-intro h3{
	font-size: 36px;
	margin-bottom: 100px;
}

#promises .head-intro p{
	font-size: 16px;
	line-height: 32px;
	letter-spacing: 0.8px;
	text-align: justify;
}
#promises .head-intro p+p{
	margin-top: 38px;
}
#promises #content{
	width: 100%;
	background-color: #fff;
	padding-top: 140px;
}
#promises #content .block+.block{
	margin-top: 200px;
}
#promises #content .num-block{
	position: relative;
	display: flex;
  justify-content: center;
  align-items: flex-start;
}
#promises #content .num-block img{
	max-width: 1280px;
	width: 100%;
}

#promises #content .num-block .num{
	font-size: 200px;
	color: #fff;
	font-family: "EB Garamond", serif;
	font-optical-sizing: auto;
	font-weight: 400;
  font-style: normal;
	position: absolute;
	left: 30px;
	top: 0;
}

#promises #content .promises-detail{
	display: flex;
	max-width: 1080px;
	margin: 140px auto 0;
	justify-content: space-between;
}

#promises #content .promises-detail dt{
	max-width: 490px;
	width: 100%;
}

#promises #content .promises-detail dt h4{
	font-size: 72px;
	letter-spacing: 1px;
	margin-top: 40px;
}

#promises #content .promises-detail dt h4 span{
	margin-top: 50px;
	font-size: 24px;
	letter-spacing: 0;
}

#promises #content .promises-detail dd{
	max-width: 540px;
	width: 100%;
	font-size: 16px;
	line-height: 32px;
	letter-spacing: 0.8px;
	text-align: justify;
}

#promises #content .promises-detail dd p+p{
	margin-top: 32px;
}

.gallery.second .outline .detail dt{
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.gallery.second .img-gallery{
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
	margin-top: 160px;
}
.gallery.second .img-gallery li{
	width: calc(50% - 3px);
}
.gallery.second .img-gallery img{
	width: 100%;
}


.gallery.second .others .caption{
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.products.second .cat-terms{
	display: flex;

}

.products.second .cat-name{
	font-family: "EB Garamond", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size: 13px;
	margin-right: 26px;
}

.products.second .cat-terms ul{
	display: flex;
	gap: 12px;
}

.products.second .others{
	margin-top: 190px;
}