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


@media (min-width : 480px){
	.flex-item-30-pc{
		width: 30%;
	}
	.flex-item-70-pc{
		width: 70%;
	}	
	}
@media (max-width: 767px) {
  .flex-box.reverse {
    flex-direction: column-reverse; /* スマホ時に逆に */
  }
}	
	.bg-bk{
		background:black;
	}	
	
	.wwm-wrapper{
		padding:0px 40px;
	}
	.wwm-wrapper p,.wwm-wrapper li{
		color:white;
	}	
	.wwm-sec-1 p{
		font-size: 20px;
	}
	.wwm-sec-2 p{
		font-size: 40px;
	}
		.wwm-sec-3 li{
		font-size: 16px;
	}
		.wwm-sec-4 p{
		font-size:30px;
	}
	
	.note-text p{
		color:white;
		text-align: end;
		padding: 10px 5px;
	}
	/**************Gallery******************/
    .car-showcase {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 20px;
    }
    .car-showcase-column-left,
    .car-showcase-column-right {
      display: grid;
      width: 50%;
    }
	@media(max-width:479px){
	    .car-showcase-column-left,
    .car-showcase-column-right {
      display: grid;
      width: 100%;
    }
	}	
    /* 4 枚用：2 列×2 行 */
    .car-showcase-column-left.multi,
    .car-showcase-column-right.multi {
      grid-template-columns: repeat(2, 1fr);
    }
    /* 1 枚用：1 列 */
    .car-showcase-column-left.single,
    .car-showcase-column-right.single {
      grid-template-columns: 1fr;
    }
    .car-showcase-item {
      width: 100%;
      object-fit: cover;
    }
    .load-more {
      padding: 10px 20px;
      font-size: 16px;
      cursor: pointer;
      border: none;
      background-color: #007BFF;
      color: white;
      margin: 0 auto;
    display: block;
    border-radius: 30px;
    }
    .load-more:hover {
      background-color: #0056b3;
    }
	/**************Gallery******************/
	
	
	
	
/****スライド部分*******/
	
	
/****************************************secSwiper********************************************************/
.splide-block {
  padding-left: 40px;
  margin-bottom: 5em;
	padding:0px 0px 0px  20px!important;
	
}

@media (min-width : 480px){
	.splide-block {
  margin-bottom: 5rem;
		/*height: 750px;*/
}
}

.splide__track {
  overflow: visible;
}
.splide-controller {}
.splide__pagination {
  display: flex;
  flex-wrap: nowrap !important;
  justify-content: flex-start;
  margin: 0 !important;
  padding-right: 40px;
}
.splide__pagination li {
  width: 100%;
}
.splide__pagination__page {
  border: none;
  height: 5px;
  width: 100%;
}
.splide__pagination__page.is-active {
  background: #333;
}
.splide__arrows {
  display: none;
}
.slide-content {
  padding: 1em;
}
.slide-content p {
  font-size: 1em
}
.slide .img-cover {
  position: relative;
	aspect-ratio: 1/1;
}
	
.splide__slide{
	    background: white;
    border-radius: 18px;
	box-shadow: 2px 4px 12px #00000014;
}
@media (min-width: 480px) {
	.splide__slide{
    border-radius: 25px;
	}
}
.splide__slide img{
	border-radius: 18px 18px 0 0!important;
}
@media (min-width: 480px) {
	.splide__slide img{
	border-radius: 25px 25px 0 0!important;
}
}
.splide__track{
	padding-bottom: 25px;
}

.movie .splide__slide{
	padding: 20px;
}
.title-left-wrapper{
	padding: 0px 0px 0px 20px;
}
	
.title-left {
        padding: 70px 10px 0 0;
    }	
@media(max-width:479px){
.title-left {
    padding: 45px 10px 25px 0;
}	
		}
	
.title-left h5 {
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 1em;
}		
@media (min-width : 480px){
	.title-left h5 {
	    font-size: 50px;
    line-height: 1.6em;
	}
	}
.title-left p {
    font-size: 14px;
    font-weight: 400;
    max-width: 940px;
    letter-spacing: 0.04em;
    line-height: 120%;
}	
	
	

.title-left .slide p{
	margin:0;
	padding: 0;
	font-size: 16px;
}