@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@200;300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500&display=swap');

/* 画像の表示or非表示
------------------------------------------ */
img.is_SP{
	display: none;
}
@media screen and (max-width: 750px) {
img.is_SP{
	display: block;
}
img.is_PC{
	display: none;
}
}

/* メインイメージ（Swiper）
------------------------------------------ */
.mainImageSwiper-Showcase{
	position: relative;
	overflow: hidden;
}
.mainImageSwiper-Showcase .swiper-showcase {
	width: 100%;
}
.mainImageSwiper-Showcase .swiper-wrapper {
	height: 70vh;
}
.mainImageSwiper-Showcase .swiper-slide {
	height: 100%;
}
.mainImageSwiper-Showcase .swiper-slide .image{
	width: 100%;
	height: 100%;
}
.mainImageSwiper-Showcase .swiper-slide img{
	width: 100%;
    height: 100%;
	-o-object-fit: cover;
		object-fit: cover;
	-webkit-transition: 7s 1s ease-out;
		transition: 7s 1s ease-out;
}
.mainImageSwiper-Showcase .swiper-slide[class*=-active] img{
	-webkit-transition-delay: 0s;
		transition-delay: 0s;
	-webkit-transform: scale(1.15);
		transform: scale(1.15);
}
.mainImageSwiper-Showcase .swiper-slide .wrapper{
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.2);
	width: 100%;
    height: 100%;
}
.mainImageSwiper-Showcase .swiper-slide .wrapper .text{
	position: absolute;
	bottom: 30px;
	left: 30px;
	color: rgba(255,255,255,0.9);
}
.mainImageSwiper-Showcase .swiper-slide .wrapper .text.centering{
    position: absolute;
	bottom: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.mainImageSwiper-Showcase .swiper-slide.top .wrapper .text.centering{
    position: absolute;
	bottom: auto;
    top: 56%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
/* 「.text」の中身の部分 */
.mainImageSwiper-Showcase .swiper-slide .wrapper .text p{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	letter-spacing: 0.2em;
	font-size: 1.2rem;
	line-height: 1.8;
}
.mainImageSwiper-Showcase .swiper-slide .wrapper .text h1{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	letter-spacing: 0.2em;
	font-size: 3rem;
    line-height: 1.5;	
	text-align: center;
    white-space: nowrap;
}
.mainImageSwiper-Showcase .swiper-slide.trailer-text .wrapper{
	background: rgba(0,0,0,0.6);
}
.mainImageSwiper-Showcase .swiper-slide.trailer-text .wrapper .text p{
	font-family: 'Noto Serif JP', serif;
	font-weight: 200;
	letter-spacing: 0.2em;
	font-size: 2.5rem;
	line-height: 1.5;
	text-align: center;
	white-space: nowrap;
	-webkit-transition: 7s 1s ease-out;
		transition: 7s 1s ease-out;
}
.mainImageSwiper-Showcase .swiper-slide.trailer-text[class*=-active] .wrapper .text p{
	-webkit-transition-delay: 0s;
		transition-delay: 0s;
	-webkit-transform: scale(1.15);
		transform: scale(1.15);
}
.mainImageSwiper-Showcase .swiper-slide.trailer-text[class*=-active] img{
	-webkit-transition-delay: 0s;
		transition-delay: 0s;
	-webkit-transform: scale(1.02);
		transform: scale(1.02);
}
.mainImageSwiper-Showcase .swiper-slide .wrapper .text ul.sub-title{
	display: flex;
	justify-content: center;
	margin-bottom: 5px;
}
.mainImageSwiper-Showcase .swiper-slide .wrapper .text ul.sub-title li{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	letter-spacing: 0.2em;
	font-size: 1.3rem;
    line-height: 1.5;	
	text-align: center;
    white-space: nowrap;
}
.mainImageSwiper-Showcase .swiper-slide .wrapper .text ul.sub-title li.category::after{
	content: "\02F";
	margin-left: 10px;
	margin-right: 10px;
}
.mainImageSwiper-Showcase .swiper-slide .wrapper .text h1.main-title span{
	display: block;
}
.mainImageSwiper-Showcase .swiper-slide .wrapper .text h1.main-title span.big-size{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 200;
	letter-spacing: 0.2em;
	font-size: 4.5rem;
    line-height: 1.5;	
	text-align: center;
    white-space: nowrap;
}
.mainImageSwiper-Showcase .swiper-slide .wrapper .text h1.main-title span.small-size{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	letter-spacing: 0.2em;
	font-size: 2rem;
    line-height: 1.5;	
	text-align: center;
    white-space: nowrap;
	margin-top: 10px;
}
.mainImageSwiper-Showcase .fix-text.centering{
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	z-index: 2;
}
.mainImageSwiper-Showcase .fix-text.centering h1{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	letter-spacing: 0.2em;
	font-size: 3rem;
    line-height: 1.5;	
	text-align: center;
    white-space: nowrap;
	color: rgba(255,255,255,0.9);
}
.mainImageSwiper-Showcase.itemPageLP .fix-text.centering{
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	z-index: 2;
}
.mainImageSwiper-Showcase.itemPageLP .fix-text.centering h1{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	letter-spacing: 0.2em;
	font-size: 1.8rem;
    line-height: 1.5;
	text-align: center;
    white-space: nowrap;
	color: rgba(255,255,255,0.9);
	margin-bottom: 15px;
}
.mainImageSwiper-Showcase.itemPageLP .fix-text.centering p{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	letter-spacing: 0.2em;
	font-size: 1.5rem;
    line-height: 1.5;	
	text-align: center;
    white-space: nowrap;
	color: rgba(255,255,255,0.9);
}
.mainImageSwiper-Showcase.itemPageLP .fix-logo{
    display: none;
}
@media screen and (max-width: 750px) {
.mainImageSwiper-Showcase .swiper-slide .wrapper .text.centering h1{
	font-size: 2rem;
	line-height: 1.5;
}
.mainImageSwiper-Showcase .swiper-slide.trailer-text .wrapper .text p{
	font-size: 1.6rem;
}
.mainImageSwiper-Showcase .swiper-slide .wrapper .text ul.sub-title li{
	font-size: 1.2rem;
}
.mainImageSwiper-Showcase .swiper-slide .wrapper .text h1.main-title span.big-size{
	font-size: 2.5rem;
}
.mainImageSwiper-Showcase .swiper-slide .wrapper .text h1.main-title span.small-size{
	font-size: 1.2rem;
}
.mainImageSwiper-Showcase .fix-text.centering h1{
	font-size: 2rem;
}
.mainImageSwiper-Showcase.itemPageLP .fix-text.centering h1{
	font-size: 1.3rem;
	margin-bottom: 18px;
}
.mainImageSwiper-Showcase.itemPageLP .fix-text.centering p{
	font-size: 1.2rem;
}
.mainImageSwiper-Showcase.itemPageLP .fix-logo{
	display: block;
    position: absolute;
    bottom: 15px;
    left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 2;
}
.mainImageSwiper-Showcase.itemPageLP .fix-logo p span.logo_madrigal img {
    width: 60px;
}
}