@charset "utf-8";

h1{
	margin: 0;
	font-size: 2rem;
}

.fixed-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	background: url('../image/kv_bg_sub.webp') center/cover no-repeat;
  z-index: -1;
  pointer-events: none;
}


.p-fixed-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	background: url('../image/kv_bg_sub_long.webp') top/cover no-repeat;
  z-index: -10;
  pointer-events: none;
	-webkit-transform: translateZ(0);
  transform: translateZ(0);
  backface-visibility: hidden;

}

.next-bg{
	position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -9;
  pointer-events: none;
	-webkit-transform: translateZ(0);
  transform: translateZ(0);
  backface-visibility: hidden;
  opacity: 0;
  pointer-events: none;
}


./* main visual */
.main-visual-outer{
	width: 100%;
  height: 100vh;
	position: relative;
}

.main-visual{
	position: relative;
  height: 100vh;
}

.main-visual .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.main-visual h1{

  width: 100%;
  height: 100%;
}


.main-visual .masked-text {
  position: absolute;
  left: 0;
  top:0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: black;
  background-color: rgba(255, 255, 255, 0.8);
	mix-blend-mode: screen;

 }

.main-visual .box{
	width: max-content;
}
.main-visual h1 .poppins{
  white-space: nowrap;
	font-size: 5.2rem;
	line-height: 1.16em;
  position: absolute;
  z-index: 2;
  color: var(--color-brighter-green);
	transform-origin: 50% calc(50% + 130px);
	position: absolute;
	left: 50%;
	top:calc(50% - 130px);
	transform: translate(-50%, -50%) 
}
.main-visual h1 .poppins-bold {
  white-space: nowrap;
	font-size: 20rem;
	transform-origin: 50% 50%;
	line-height: 1em;
	text-align: center;
  transition: font-size 0.3s ease;
	
}

@media screen and (max-width: 1500px) {
	.main-visual h1 .poppins-bold {
		font-size: 16rem;
	}	
}
@media screen and (max-width: 1200px) {
	.main-visual h1 .poppins-bold {
		font-size: 14rem;
	}	
}

@media screen and (max-width: 1000px) {
	.main-visual h1 .poppins-bold {
		font-size: 12rem;
	}	
}


@media screen and (max-width: 767px) {
	.main-visual h1 .poppins{
		font-size: 5.2083vw;
		top:calc(50% - 15.6250vw);
		transform-origin: 50% calc(50% + 15.6250vw);
	}
	.main-visual h1 .poppins-bold {
		font-size: 12.3229vw;
	}	
}
.section-contents img{
	width: 100%;
}



.section-contents .title-outer{
	margin-bottom: 200px;
}

.section-contents .radius{
	border-radius: 20px;
	overflow: hidden;
	transform-style: flat;
}



/* オーバーレイ全体 */
.fixed-title-layer {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}

/* クローンタイトル */
.overlay-title {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: clamp(4rem, 10vw, 12rem);
  line-height: 1;
  margin: 0;
  opacity: 1;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  word-break: normal;
  overflow: visible;
  pointer-events: none;
}

/* 一文字ごとの span */
.overlay-title span {
  display: inline-block;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  padding: 0;
  margin: 0;
  transform-origin: bottom;
  will-change: transform, opacity;
  white-space: pre;
}


.section-contents h2{
  visibility: hidden;
}

.video-thumbnail-wrapper::before {
	display: none;
}
@media screen and (max-width: 767px) {

	.overlay-title {

  	line-height: .7;
  }

	.section-contents .inner{
    padding: 0 5.2083vw;
	}

	.overlay-title{
		font-size: 10.4167vw;
		padding-top: 23.4375vw;
		padding-bottom: 13.0208vw;	

	}
	.overlay-title > span{
		font-size: 10.4167vw;
		padding-top: 2.6042vw;
	}	
}

/* パララックス親ラッパー */
.parallax {
  position: relative;

}

/* 各画像アイテム（個別のパララックス対象） */
.p-item {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
	display: block;
  width: 100%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.p-item-normal{
  
  border-radius: 20px;
	display: block;
  width: 100%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);

}


/* 動かす内側ラッパー */
.p-inner {
  width: 100%;
  height: 100%;
}

/* 中の画像。パララックスで動かすため、縦方向を広めに */
.p-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  object-position: center bottom;
}
.p-item.scale{
	box-shadow:none;
}
.p-inner img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}


.left-item{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	position: relative;
  left: calc(-50vw + 50%);
}

.left-item-c{
	position: relative;
  left: calc(-50vw + 50%);
}


.right-item{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	position: relative;
	right: calc(-50vw + 50%);
	margin-left: auto;
}

.right-item-c{
	position: relative;
	right: calc(-50vw + 50%);
	margin-left: auto;
}
.full-img{
	width: 100vw;
  margin-left: calc(-50vw + 50%);
	border-radius: 0;
	/*height: 650px;*/
	height: 40vw;
	margin-top: 200px;
	margin-bottom: 200px;
}

.full-img-anime{
	--clipT: 60px;
  --clipR: 60px;
  --clipB: 60px;
  --clipL: 60px;
 	inset: 0;
  clip-path: inset(var(--clipT) var(--clipR) var(--clipB) var(--clipL));
	width: 100%;
  height: 100%;
}

.img-box{
	display: flex;
	justify-content: space-between;
}
.img-box{
	margin-bottom: 7.81%;
}


.p-item.switch-img,
.p-item.clip-img,
.p-item.slide-img {
  position: relative;
  overflow: hidden;
}


.slide-img .slide-img2,
.slide-img .slide-img3{
	position: absolute;
	top:0;
	left: 0;
  opacity: 0;
}

.switch-img .switch-img-next,
.clip-img .clip-img-next{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  object-fit: cover;
  clip-path: inset(0 100% 0 0);
}



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

	.inner{
		padding: 0px clamp(0px, 4.69%, 60px);
	}
	
	.p-item.scale{
		width: 100vw;
	  margin-left: calc(-50vw + 50%);
		border-radius: 0;
		height: 45vw;	
		margin-top: 15.6250vw;
		margin-bottom: 15.6250vw;
	}
}
@media screen and (max-width: 767px) {
	.p-item {
		border-radius: 2.6vw;
	}

	.full-img{
		width: 100vw;
	  margin-left: calc(-50vw + 50%);
		border-radius: 0;
		height: 65.1042vw;	
		margin-top: 15.6250vw;
		margin-bottom: 15.6250vw;
	}

	.sp-full-width {
		width: 100vw;
	  margin-left: calc(-50vw + 50%);
		border-radius: 0;
	}
	.sp-full-width img{
		width: 100vw;
	}


	.p-item.scale{
		width: 100vw;
	  margin-left: calc(-50vw + 50%);
		border-radius: 0;
		height: 60vw;	
		margin-top: 15.6250vw;
		margin-bottom: 15.6250vw;
	}
	.p-item.scale-small{
		height: 50vw;	
	}

	.sp-left-item{
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		position: relative;
		left: calc(-50vw + 50%);
	}
	
	.sp-right-item{
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		position: relative;
		right: calc(-50vw + 50%);
		margin-left: auto;
	}


}

/* jlpgastyle */
@media screen and (min-width: 768px) {
	
	.section-jlpgastyle{
		padding-top: 400px;
	}
	
	.section-jlpgastyle .img01{
		max-width: 66.17%; 
	}
	.section-jlpgastyle .img06,
	.section-jlpgastyle .img05,
	.section-jlpgastyle .img03,
	.section-jlpgastyle .img02{
		max-width: 49.22%; 
	}
	.section-jlpgastyle .img07{
		max-width: 32.27%; 
	}
	
	.section-jlpgastyle .img06,
	.section-jlpgastyle .img02{
		margin-left: auto;
	}
	.section-jlpgastyle .img03,
	.section-jlpgastyle .img02{
		margin-top: -4.69%
	}
	
	.section-jlpgastyle .img02{
		z-index: 3;
	}
	.section-jlpgastyle .img03{
		margin-left: 8.4%;
		z-index: 2;
	}

	.section-jlpgastyle .img08,
	.section-jlpgastyle .img07,
	.section-jlpgastyle .img04,
	.section-jlpgastyle .img03{
		margin-bottom: 7.81%;
	}
	
	.section-jlpgastyle .img06{
		margin-left: auto;
		margin-top: -14.45%;
	}
	.section-jlpgastyle .img07{
		margin-top: -9.84%;
		margin-left: 25.31%;
		z-index: 3;
	}
}
@media screen and (max-width: 767px) {
	.section-jlpgastyle{
		padding-top: 52.0833vw;
	}

	.section-jlpgastyle .img01{
		max-width: 78.1250vw; 
	}

	.section-jlpgastyle .img06,
	.section-jlpgastyle .img05,
	.section-jlpgastyle .img03,
	.section-jlpgastyle .img02{
		max-width: 54.8177vw; 
	}
	.section-jlpgastyle .img07{
		max-width: 43.4896vw; 
	}
	
	.section-jlpgastyle .img06,
	.section-jlpgastyle .img02{
		margin-left: auto;
	}
	.section-jlpgastyle .img03,
	.section-jlpgastyle .img02{
		margin-top: -6.5104vw;
	}
	.section-jlpgastyle .img02{
		z-index: 3;
	}
	.section-jlpgastyle .img03{
		z-index: 2;
	}
	.section-jlpgastyle .img04{
		z-index: 0;
	}
	.section-jlpgastyle .img08,
	.section-jlpgastyle .img07,
	.section-jlpgastyle .img04,
	.section-jlpgastyle .img03{
		margin-bottom: 10.4167vw;
	}
	
	.section-jlpgastyle .img06{
		margin-left: auto;
		margin-top: 5.2083vw;
	}
	.section-jlpgastyle .img07{
		margin-top: -20.8333vw;
		margin-left: 0;
		z-index: 3;
	}
}

/* award */

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

	.section-award{
		padding-top: 340px;
	}
	.award-title .overlay-title{
		font-size: 12rem;
	}	
	
	.section-award .img01{
		max-width: 57.66%; 
		margin-left: 33.83%;
		z-index: 3;
		margin-bottom:10%;
	}
	
	.section-award .img02{
		max-width: 49.22%; 
		margin-top: -4.30%;
		z-index: 2;
	}
	
	.section-award .img03{
		max-width: 49.22%; 
		margin-left: 37.11%;
		margin-top: -12.11%;
		margin-bottom: 7.81%;
	}
	
	.section-award .img04{
		z-index: -2;
		width: 100vw;
		height: auto;
	  margin-left: calc(-50vw + 50%);
		border-radius: 0;
		object-fit: cover;
		margin-top: 200px;
		margin-bottom: 200px;
		aspect-ratio: 16 / 9;      /* アスペクト比を指定 */

	}

	.section-award .img04 video {
	  width: 100vw;
	  height: auto;
	}
	
	.section-award .img05{
		max-width: 66.17%; 
	}
	
	.section-award .img06{
		max-width: 49.22%; 
		margin-left: 50.00%;
		z-index: 2;
		
	}
	
	.section-award .img07{
		max-width: 57.66%; 
		margin-left: 6.88%;
		margin-top: -8.75%;
		margin-bottom: 7.81%;
		z-index: 3;
	}
	.section-award .img08{
		max-width: 100%; 
		margin-bottom: 7.81%;
	}
	
	.section-award .img09{
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.section-award{
		padding-top: 52.0833vw;
	}

	.section-award .img01{
		max-width: 78.1250vw; 
		margin-left: auto;
		margin-right: 0.5208vw;
		margin-bottom: 10%;
		z-index: 3;
	}
	.section-award .img02{
		max-width: 54.9479vw; 
		margin-top: -5.2083vw;
		z-index: 2;
	}
	.section-award .img03{
		max-width: 54.9479vw;
		margin-left: 23.1771vw;
		margin-top: -5.8594vw;
		margin-bottom: 5.2083vw;
	}


	.section-award .img04{
		z-index: -2;
		width: 100vw;
		height: auto;
	  margin-left: calc(-50vw + 50%);
		border-radius: 0;
		object-fit: cover;
		aspect-ratio: 16 / 9;      /* アスペクト比を指定 */
		margin-top: 10vw;
		margin-bottom: 10vw;

	}

	.section-award .img04 video {
	  width: 100vw;
	  height: auto;
	}

	.section-award .img05{
		max-width: 65.1042vw; 
	}
	.section-award .img06{
		max-width: 54.9479vw;
		margin-left: auto;
		z-index: 2;
	}
	.section-award .img07{
		max-width: 54.9479vw;
		margin-bottom: 10.4167vw;
		margin-top: -3.3854vw;
		z-index: 3;
	}
	.section-award .img08{
		width: 100vw;
		margin-bottom: 10.4167vw;
	}
}


/* teaching */

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

	.section-teaching{
		padding-top: 100px;
	}
	.section-teaching .img01{
		max-width: 57.66%;
		z-index: 3;
	} 
	.section-teaching .img02{
		max-width: 49.22%;
		margin-top: -5.94%;
		z-index: 2;
	} 
	.section-teaching .img03{
		max-width: 49.22%;
		margin-left: 13.13%;
		margin-top: -17.19%;
		margin-bottom: 7.81%;
	} 
	.section-teaching .img04{
/*		max-width: 100%;*/
		margin-bottom: 7.81%;
	} 
	.section-teaching .img05{
		max-width: 49.22%;
		margin-left: auto;
	} 
	.section-teaching .img06{
		max-width: 40.78%;
		margin-top: -18.75%;
		z-index: 2;
	} 
	.section-teaching .img07{
		max-width: 49.22%;
		margin-left: 33.83%;
		margin-top: -22.66%;
		margin-bottom: 7.81%;
		z-index: 3;
	} 
	.section-teaching .img08{
		max-width: 100%;
	} 

	.section-teaching	.p-item.scale{
		height: 55vw;	
	}
}

@media screen and (max-width: 767px) {
	.section-teaching{
		padding-top: 32.0833vw;
	}

	.section-teaching .img01{
		max-width: 78.1250vw;
		z-index: 3;
	} 
	.section-teaching .img02{
		max-width: 54.9479vw;
		margin-top: -5.2083vw;
		z-index: 2;
	} 
	.section-teaching .img03{
		max-width: 54.9479vw;
		margin-left: 22.3958vw;
		margin-top: -5.8594vw;
		margin-bottom: 10.4167vw;
	} 
	.section-teaching .img04{
		margin-bottom: 10.4167vw;
	} 
	.section-teaching .img05{
		max-width: 54.9479vw;
		margin-left: auto;
		margin-bottom: 5.2083vw;
	} 
	.section-teaching .img06{
		max-width: 62.7604vw;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		position: relative;
	  left: calc(-50vw + 50%);

	} 
	.section-teaching .img07{
		max-width: 54.9479vw;
		margin-left: 30.8594vw;
		margin-top: -27.8646vw;
		margin-bottom: 10.4167vw;
		z-index: 3;
	} 
	.section-teaching .img08{
		max-width: 100%;
	} 
}

/* The Major */

@media screen and (min-width: 768px) {
	.major-title .overlay-title{
		font-size: 12rem;
	}

	.section-the-major-sony{
		padding-top: 100px;
	}
	.section-the-major-sony .img01{
		max-width: 57.66%; 
		z-index: 2;
	}
	
	.section-the-major-sony .img02{
		max-width: 49.22%; 
		margin-left: auto;
		margin-right: 6.88%;
		margin-top: -9.38%;
		z-index: 1;
	}
	
	.section-the-major-sony .img03{
		max-width: 49.22%; 
		margin-left: 8.44%;
		margin-top: -3.91%;
		margin-bottom: 7.81%;
	}
	

	
	.section-the-major-sony .img04{
		width: 34.30%;
		left: -1.56%;
		position: relative;
	}
	
	.section-the-major-sony .img05{
		width: 66.17%;
	}

	.section-the-major-tour{
		padding-top: 0px;
	}


	.section-the-major-tour .img07{
		width: 57.66%;
		margin-left: auto;
		z-index: 2;
	}
	.section-the-major-tour .img08{
		width: 49.22%;
		margin-top: -9.38%;
		margin-bottom: 3.91%;
	}
	.section-the-major-tour .img09{
		width: 49.22%;
		margin-left: auto;
		margin-right: 5.00%;
		z-index: 2;
	}
	.section-the-major-tour .img10{
		width: 64.61%;
		margin-top: -15.63%;
		margin-left: 3.44%;
		margin-bottom: 7.81%;
	}
	.section-the-major-tour .img11{
		width: 57.66%;
	}

	.section-the-major-tour .img12{
		width: 40.78%;
	}

	.section-the-major-legends{
		padding-top: 0px;
	}

	.section-the-major-legends .img14{
		width: 57.66%;
		z-index: 2;
	}
	.section-the-major-legends .img15{
		width: 49.22%;
		margin-left: auto;
		margin-top: -9.38%;
		margin-bottom: 7.81%;
	}
	.section-the-major-legends .img16{
		margin-bottom: 7.81%;
	}

}


@media screen and (max-width: 767px) {
	.section-the-major-sony{
		padding-top: 32.0833vw;
	}

	.section-the-major-sony .img01{
		max-width: 77.9948vw; 
		z-index: 2;
	}
	
	.section-the-major-sony .img02{
		max-width: 54.8177vw; 
		margin-left: auto;
		right: calc(-50vw + 50%);
		margin-top: -5.2083vw;
		z-index: 1;
	}
	
	.section-the-major-sony .img03{
		max-width: 54.8177vw; 
		margin-left: 10.4167vw;
		margin-top: -5.2083vw;
		margin-bottom: 5.2083vw;
	}
	

	
	.section-the-major-sony .img04{
		width: 32.1615vw;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	
	.section-the-major-sony .img05{
		width: 65.1042vw;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}

	.section-the-major-tour{
		padding-top: 32.0833vw;
	}


	.section-the-major-tour .img07{
		width: 77.9948vw;
		margin-left: auto;
		z-index: 2;
	}
	.section-the-major-tour .img08{
		width: 54.8177vw;
		margin-top: -5.2083vw;
		margin-bottom: 5.2083vw;
	}
	.section-the-major-tour .img09{
		width: 54.8177vw;
		margin-left: auto;
		z-index: 2;
	}
	.section-the-major-tour .img10{
		width: 66.4063vw;
		margin-top: -13.0208vw;
		margin-left: 2.6042vw;
		margin-bottom: 15.3646vw;
	}
	.section-the-major-tour .img11{
		width: 60.1563vw;
		margin-left: -5.2083vw;
	}

	.section-the-major-tour .img12{
		width: 36.9792vw;
		margin-left: auto;
		margin-right: -5.2083vw;
	}

	.section-the-major-legends{
		padding-top: 32.0833vw;
	}

	.section-the-major-legends .img14{
		width: 77.9948vw;
		z-index: 2;
	}
	.section-the-major-legends .img15{
		width: 54.8177vw;
		margin-left: auto;
		margin-right: -5.2083vw;
		margin-top: -5.2083vw;
		margin-bottom: 10.4167vw;
	}
	.section-the-major-legends .img16{
		margin-bottom: 10.4167vw;
	}



}


/* csr */
@media screen and (min-width: 768px) {

	.csr-title .overlay-title{
		font-size: 12rem;
	}

	.section-csr-hello{
		padding-top: 500px;
	}
	.section-csr-hello .img01{
		max-width: 57.66%;

	}
	.section-csr-hello .img02{
		max-width: 40.78%;
		margin-left: 13.13%;
		margin-top: -9.38%;
	}
	.section-csr-hello .img03{
		max-width: 49.22%;
		margin-left: auto;
		margin-right: 3.83%;
		margin-top: -22.66%;
		margin-bottom: 4.69%;
		z-index: 2;
	}
	.section-csr-hello .img04{
		max-width: 57.66%; 
	}
	.section-csr-hello .img05{
		max-width: 49.22%;
		margin-top: -7.19%;
		margin-bottom: 7.81%;
		margin-left:15.67%;
	}
	.section-csr-hello .img06{
		max-width: 66.17%; 
	}
	.section-csr-hello .img07{
		max-width: 32.27%;
		margin-left: 7.93%;
		z-index: 2;
		margin-top: 30.63%;
	}
	.section-csr-hello .img08{
	}
	
	.section-csr-future{
		padding-top: 300px;
	}
	
	.section-csr-future .img09{
		max-width: 57.66%; 
		margin-left: 3.75%;
		z-index: 2;
	}
	.section-csr-future .img10{
		max-width: 40.78%;
		margin-right: 4.69%;
		margin-left: auto;
		margin-top: -16.33%;
		margin-bottom: 4.69%;
	}
	.section-csr-future .img11{
		max-width: 49.22%; 
		margin-top: -19.53%;
	}
	.section-csr-future .img12{
		max-width: 49.22%;
		margin-left: 29.14%;
		margin-top: -5.47%;
		margin-bottom: 4.69%;
		z-index: 2;
	}
	.section-csr-future .img13{
		max-width: 53.1%; 
		margin-left: 7.67%;
		margin-bottom: 4.69%;
	}

}


@media screen and (max-width: 767px) {
	.scr-title .overlay-title{
		font-size: 8.8542vw;
	}


	.section-csr-hello{
		padding-top: 52.0833vw;
	}

	.section-csr-hello .img01{
		max-width: 77.9948vw;
		position: relative;
		right: calc(-50vw + 50%);
		margin-left: auto;

	}
	.section-csr-hello .img02{
		max-width: 43.4896vw;
		position: relative;
		left: calc(-50vw + 50%);
		margin-top: -5.4688vw;

	}
	.section-csr-hello .img03{
		max-width: 54.8177vw;
		margin-left: auto;
		margin-right: 2.6042vw;
		margin-top: -20.5729vw;
		margin-bottom: 5.2083vw;
		z-index: 2;
	}


	.section-csr-hello .img04{
		max-width: 57.66%; 
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		
	}
	.section-csr-hello .img05{
		max-width: 49.22%; 
		margin-top: -7.19%;
		margin-bottom: 7.81%;
		margin-left:15.67%;

	}

	.section-csr-hello .img07{
		max-width: 32.27%;
		margin-left: 7.93%;
		z-index: 2;
		margin-top: 30.63%;
	}

	
	
	
	

	.section-csr-future{
		padding-top: 30.0833vw;
	}
	
	.section-csr-future .img09{
		max-width: 77.9948vw; 
		position: relative;
		left: calc(-50vw + 50%);
		z-index: 2;
	}
	.section-csr-future .img10{
		max-width: 43.4896vw;
		margin-top: -11.7188vw;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		position: relative;
		right: calc(-50vw + 50%);
		margin-left: auto;		
		
	}
	.section-csr-future .img11{
		max-width: 51.3021vw; 
		margin-top: -23.4375vw;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;

	}
	.section-csr-future .img12{
		max-width: 54.8177vw;
		margin-left: 29.14%;
		margin-top: -2.6042vw;
		margin-bottom: 5.2083vw;
		z-index: 2;
	}
	.section-csr-future .img13{
		max-width: 68.8177vw; 
		margin-top: -6.5104vw;
		margin-bottom: 10.4167vw;

		max-width: 53.1%; 
		margin-left: 7.67%;
		margin-bottom: 4.69%;

	}


}

/* tour */
@media screen and (min-width: 768px) {
	.tour-title .overlay-title{
		font-size: 12rem;
	}

	.section-tour{
		padding-top: 450px;
	}
	.section-tour .img01{
		max-width: 59.38%;
		position: relative;
		margin-left: auto;
		margin-bottom: 3.13%;

	}

	.section-tour .img02{
		max-width: 67.66%;
		z-index: 2;
	}
	.section-tour .img03{
		max-width: 61.86%;
		margin-top: -3.13%;
		margin-left: 28.52%;
		margin-bottom: 7.81%;
	}
	.section-tour .img04{
		width: 100%;
		margin-bottom: 7.81%;
	}
	
	.section-tour .img04 video{
		position: absolute;
		width: 29%;
		top:2%;
		left:26%;
	}


	.section-tour .img05{
		max-width: 67.66%;
		margin-left: 28.20%;
		z-index: 2;
		
	}	
	.section-tour .img06{
		max-width: 68.59%;
		margin-top: -3.13%;
		margin-left: 4.38%;
		margin-bottom: 7.81%;
	}	
	.section-tour .img07{
		width: 100%;
		margin-bottom: 10.71%;
	}	
	.section-tour .img08{
		max-width: 69.30%;
	}
	.section-tour .img09{
		max-width: 67.97%;
		margin-top: -5.71%;
		margin-bottom: 7.81%;
		margin-left: auto;
	}
	.section-tour .img10{
		width: 100%;
		margin-bottom: 10%;
	}
	

	.section-tour .tour-lists .swiper-wrapper{
		display: flex;
		flex-wrap: wrap;
		gap: 30px 16px;
	}

	.tour-videos video,
	.tour-lists video{
		width: 100%;
		height: auto;	
	}
	.tour-videos video,
	.tour-lists video{
		border-radius: 20px;	
	}	

	.section-tour .tour-lists{
		margin-bottom: 80px;
	}

	.section-tour .tour-lists .swiper-slide{
		width: calc(33.33% - 12px);
		padding-bottom: 10px;
	}
	.section-tour .tour-lists .swiper-slide picture img{
		aspect-ratio: 108 / 135;
		border-radius: 20px;
		overflow: hidden;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);	
	}
  .section-tour .tour-lists .swiper-slide video{
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);	
  

  }
	
	.section-tour .tour-videos{
		margin-bottom: 234px;
		border-radius: 20px;
		overflow: hidden;
	}
  .section-tour .tour-videos video{
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);	
  }

	.section-tour .tour-videos .swiper-wrapper{
		display: flex;
		flex-wrap: wrap;
		gap: 20px 22px;
	}

	.section-tour .tour-videos .swiper-slide{
		width: calc(50% - 11px);
		border-radius: 20px;
		overflow: hidden;
	}

}

@media screen and (max-width: 1000px) {
	.major-title .overlay-title{
		font-size: 8rem;
	}
	.tour-title .overlay-title{
		font-size: 10rem;
	}
}

@media screen and (max-width: 767px) {
	.tour-title .overlay-title{
		font-size: 8.8542vw;
	}


	.section-tour{
		padding-top: 52.0833vw;
	}

	.section-tour .swiper{
		overflow: visible;
	}
	.section-tour .tour-lists .swiper-slide{
		width: 56.9010vw;
		border-radius: 2.6vw;
		overflow: hidden;
	}

	.section-tour .tour-lists .swiper-slide picture{
		display: inline-flex;
	}
	.section-tour .tour-lists .swiper-slide picture img{
		aspect-ratio: 108 / 135;
		border-radius: 2.6vw;
		overflow: hidden;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);	
	}

	.tour-videos video,
	.tour-lists video{
		width: 100%;
		height: auto;	
		pointer-events: none;
		object-fit: cover;
	}
	.tour-videos video,
	.tour-lists video{
		border-radius: 2.6vw;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	}
	
	.section-tour .tour-videos .swiper-slide{
		width: 84.8958vw;
		border-radius: 2.6vw;
		overflow: hidden;
	}
	.section-tour .tour-lists{
		margin-bottom: 10.4167vw;
	}
	
	.section-tour .videoSwiper{
			padding-bottom: 5.4688vw;
			margin-bottom: 26.0417vw;
	}
	/* スクロールバーのスタイルカスタマイズ*/
	.section-tour .swiper-scrollbar {
	  background: rgba(255, 255, 255, 0.5);
	  height: 1px !important;
	  position: relative;
	  margin-top: 8px;
	  border-radius: 1px;
	  transition: opacity 0.3s ease;
	}
	
	.section-tour .swiper-scrollbar-drag {
	background: #ffffff;
	  height: 4px;
	  top: -1.5px;
	  border-radius: 4px;
	  position: absolute;
	}

	.section-tour .img01{
		max-width: 74.2188vw;
		margin-left: auto;
		margin-bottom: 3.9063vw;
	}
	.section-tour .img02{
		max-width: 66.4063vw;
		position: relative;
	  left: calc(-50vw + 50%);
	  z-index: 2;
	}
	.section-tour .img03{
		max-width: 66.4063vw;
		margin-left: 10.0625vw;
		margin-bottom: 6.5104vw;
		margin-top: -3.2552vw;
	}	
	.section-tour .img04{
		margin-bottom: 10.4167vw;
	}
	
	.section-tour .img04 video{
		position: absolute;
		width: 29%;
		top:2%;
		left:26.5%;
	}
	
	.section-tour .img05{
		max-width: 66.4063vw;
		margin: 0 auto;
		z-index: 2;
	}
	.section-tour .img06{
		max-width: 66.4063vw;
		margin-left: auto;
		margin-top: -2.8646vw;
		margin-bottom: 6.5104vw;
	}

	.section-tour .img07{
		margin-bottom: 15.6250vw;
	}
	.section-tour .img14,
	.section-tour .img13,
	.section-tour .img12{
		max-width: 66.4063vw;
	}
	
	.section-tour .img08{
		max-width: 66.545vw;
	}
	.section-tour .img09{
		max-width: 66.545vw;
		margin-left: auto;
		z-index: 2;
	}
		
	.section-tour .img13{
		margin-top: -3.9063vw;
		margin-left: auto;
		z-index: 2;
	}
	.section-tour .img14{
		margin: -3.9063vw auto 10.4167vw;
	}
	.section-tour .img15{
		max-width: 151.0417vw;
	}
	.section-tour .tour-winners .swiper-slide{
		width: 151.0417vw;
		border-radius: 2.6vw;
		overflow: hidden;

	}	
	
	.section-tour .winnersSwiper{
		padding-bottom: 5.4688vw;
		margin-bottom: 10.4167vw;
	}	
	
	.section-tour .img10{
		margin-bottom: 26.0417vw;
	}
	.section-tour .img18,
	.section-tour .img17,
	.section-tour .img16{
		margin-bottom: 3.9063vw;
	}
	.section-tour .img18{
		margin-bottom: 10vw;
	}

	.section-tour .img20{
		border-radius: 0px;
		margin-bottom: 15.6250vw;
	}
.section-tour .swiper-slide{
	/* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);*/
}