/* Google Fonts読み込み */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&display=swap");

/* 共通部分
------------------------------- */
html {
    font-size: 100%;
}
body{
    /*font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;*/
	font-family: 'Philosopher', serif;
	/*padding-top: 60px;  ヘッダーの高さ分の余白をいれ、うしろの要素が隠れないようにする */
}
.collection-title {
	font-family: "Cormorant Garamond", serif;
	font-optical-sizing: auto;
	font-weight: normal;
	font-style: normal;
}
a {
    text-decoration: none;
}
a:link {
    color: #333;
    text-decoration: none;
}
a:visited {
	color: #432;
}
a:hover {
    color: #0bd;
    text-decoration: none;
}
img {
    max-width: 100%;
}
.text-shadow-white {
	text-shadow:
	black 1px 1px 2px, black -1px 1px 2px,
	black 1px -1px 2px, black -1px -1px 2px;
	font-weight: bold;
	color: white;
}
.img-shadow {
	filter: drop-shadow(2px 2px 2px #000) drop-shadow(2px 2px 2px #000);
}
.padding-bottom5 {
	padding-bottom: 5%;
}
.padding-bottom10 {
	padding-bottom: 10%;
}

/* 簡易リセットCSS */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/******* ヘッダーのスタイル ********/
header {
    position: fixed; /*** ← fixedで固定 ***/
    width: 100%; 
    height: 50px; 
    padding: 20px 60px; 
    box-sizing: border-box;
	background-color: rgba(255,255,255,0.5);
    top: 0; 
    left: 0; 
	border-bottom: rgba(183,141,74,.5) solid 1px;
	z-index: 100;
	/* ロゴとメニューを横並びにする */
    display: flex; 
    align-items: center; 
    justify-content:space-between;
}

header .nav .menu {
    display: flex; 
	align-items: center;
	text-align: center;
}

header .nav .menu li {
    list-style: none; 
    margin-left: 40px;
}

header .nav .menu li a{
   color: #333;
   font-weight: lighter;
   text-decoration: none;
}
header .logo {
    width: 150px;
    margin: 7px 0 0 0;
}

/*※※※※※※※※※※※※※※※※※※※※※※※※*/
@media screen and (max-width: 959px) {/* 959px以下に適用されるCSS（タブレット用） */

}
@media screen and (max-width: 480px) {/* 480px以下に適用されるCSS（スマホ用） */
	
}
/*※※※※※※※※※※※※※※※※※※※※※※※※*/


/* 垂直スライダー */
.vertical-slider {
	width: 100%;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	content-visibility: auto;
	contain-intrinsic-size: 100%
}

/* 水平スライダー */
.horizontal-slider {
	height: 100%;
	width: 100%;
	content-visibility: auto;
	contain-intrinsic-size: 100%
}

/* 垂直スライダー&水平スライダーのスライド */
.vertical-slider__slide,
.horizontal-slider__slide {
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1rem;
	font-weight: bold;
	color: #000;
	content-visibility: auto;
	contain-intrinsic-size: 100%
}

/* 垂直スライダー SLIDE 1 */
.vertical-slider__slide:nth-child(1) {
	background-color: #fff;
}

/* 垂直スライダー SLIDE 2 */
.vertical-slider__slide:nth-child(2) {
	background-color: #fff;
}

/* 垂直スライダー SLIDE 3 */
.vertical-slider__slide:nth-child(3) {
	background-color: #fff;
}

/* 垂直スライダー SLIDE 4 */
.vertical-slider__slide:nth-child(4) {
	background-color: #fff;
}

/* 垂直スライダー SLIDE 5 */
.vertical-slider__slide:nth-child(5) {
	background-color: #fff;
}

/* 垂直スライダー SLIDE 6 */
.vertical-slider__slide:nth-child(6) {
	background-color: #fff;
}

/* 垂直スライダー SLIDE 7 */
.vertical-slider__slide:nth-child(7) {
	background-color: #fff;
}


/* 水平スライダー SLIDE 1 */
.horizontal-slider__slide:nth-child(1) {
	background-color: #fff;
}

/* 水平スライダー SLIDE 2 */
.horizontal-slider__slide:nth-child(2) {
	background-color: #fff;
}

/* 水平スライダー SLIDE 3 */
.horizontal-slider__slide:nth-child(3) {
	background-color: #fff;
}

/* 水平スライダー SLIDE 4 */
.horizontal-slider__slide:nth-child(4) {
	background-color: #fff;
}

/* 水平スライダー SLIDE 5 */
.horizontal-slider__slide:nth-child(5) {
	background-color: #fff;
}

/* SP時の文字サイズ調整 */
@media (max-width: 599px) {
	.vertical-slider__slide {
		font-size: 16vw;
	}
}
.swiper-container {
	overflow:hidden;
}
/* swipercustomize　*/
.swiper-pagination-bullet {
	width: 15px;
	height: 15px;/*ドットのサイズを変更*/
}
.swiper-pagination-bullet {	
	margin: 20px 20px 0px 20px !important;/*ドットの間隔を変更*/
}
.swiper-pagination-bullet {
	opacity: 0.5; /*透過度を変更*/
}
.swiper-pagination-bullet-active {
	opacity: 1;/*アクティブなドットの透過度を1にする*/
}

.swiper-slide .slide-img {
	position: relative;
	object-fit: cover;
	height: 100vh;
	width: 100vw;
	object-position: center;
}
.swiper-slide .slide-img-tablet {
	position: relative;
	object-fit: cover;
	height: 100vh;
	width: 100vw;
	object-position: 90% center;
}
.swiper-slide .logo-main01 {
	position: absolute;
	width: 35vw;
	top: 50%;
	left: 5%;
	transform: translate(0%,-50%);
	z-index: 20;
	text-shadow:
		#000 1px 1px 1px, #000 -1px 1px 1px,
		#000 1px -1px 1px, #000 -1px -1px 1px;
/*
	text-shadow:
		#414141 1px 1px 1px, #414141 -1px 1px 1px,
		#414141 1px -1px 1px, #414141 -1px -1px 1px;
*/
}
@media (max-width: 1024px) {
	.swiper-slide .logo-main01 {
		top: 65%;
		width: 70vw;
		left: 0%;
	}	
}
@media (max-width: 600px) {
	.swiper-slide .logo-main01 {
		width: 100vw;
		top: 60%;
		left: 0%;
		color: white;
	}
}
.swiper-slide .logo-main02 {
	position: absolute;
	top: 10%;
	right: 5%;
	width: 200px;
	z-index: 20;
}
.swiper-slide .logo-text1 {
	position: absolute;
	top: 45%;
	left: 20%;
	width: 350px;
	text-align: center;
	line-height: 1.75;
	z-index: 20;
	transform: translate(-50%,-50%);
}
.logo-text1 h2 {
	padding-left: 1rem;
	font-size: 2rem;
	line-height: normal;
}
@media (max-width: 600px) {
	.swiper-slide .logo-text1 {
		line-height: normal;
	}
	.logo-text1 h2 {
		font-size: 1.5rem;
	}
}
.main-title-mobile {
	position: absolute;
	top: 12.5%;
	left: 50%;
	height: 55px;
	width: 100vw;
	z-index: 20;
	text-align: center;
	transform: translate(-50%,-50%);
}
.main-title-mobile img {
	width: 250px;
}
.swiper-slide .logo-text2 {
	position: absolute;
	top: 45%;
	left: 20%;
	line-height: 1.75;
	width: 300px;
	text-align: center;
	z-index: 20;
	transform: translate(-50%,-50%);
}
.swiper-slide .logo-text3 {
	position: absolute;
	color: white;
	text-shadow:
	black 1px 1px 2px, black -1px 1px 2px,
	black 1px -1px 2px, black -1px -1px 2px;
	top: 45%;
	left: 20%;
	width: 400px;
	text-align: center;
	z-index: 20;
	transform: translate(-50%,-50%);
}
.swiper-slide .logo-text1 img,.swiper-slide .logo-text3 img,.swiper-slide .logo-text4 img {
	max-width: 300px;
}
@media (max-width: 1024px) {
	.swiper-slide .logo-text1 img {
		max-width: 300px;	
	}
	.swiper-slide .logo-text3 img,.swiper-slide .logo-text4 img {
		max-width: 350px;	
	}
}
@media (max-width: 600px) {
	.swiper-slide .logo-text1 img {
		max-width: 200px;	
	}
	.swiper-slide .logo-text2 img {
		max-width: 300px;	
	}
	.swiper-slide .logo-text3 img,.swiper-slide .logo-text4 img {
		max-width: 250px;	
	}
}
.swiper-slide .logo-text1 img {
	margin: 0 auto 10%;
}
.swiper-slide .logo-text2 img {
	margin: 0 auto 1rem;
}
.swiper-slide .logo-text3 img {
	margin: 0 auto 1rem;
}
.swiper-slide .logo-text4 img {
	margin: 0 auto 2rem;
}
.swiper-slide .logo-text6 img {
	max-width: 200px;
}
.swiper-slide .logo-text4 {
	position: absolute;
	top: 45%;
	left: 20%;
	width: 600px;
	text-align: center;
/*
	color: aliceblue;
	text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
*/
	z-index: 20;
	transform: translate(-50%,-50%);
}
@media (max-width: 600px) {
	.swiper-slide .logo-text3 img {
		margin: 0 auto;
	}
	.swiper-slide .logo-text4 img {
		margin: 0 auto 0.5rem;
	}
}
.swiper-slide .logo-text4-item {
/*	color: aliceblue;*/
	text-align: left;
}
.swiper-slide .logo-text5 {
	position: absolute;
	top: 45%;
	left: 25%;
	width: 400px;
	text-align: center;
	z-index: 20;
	transform: translate(-50%,-50%);
}
.swiper-slide .logo-text5 img {
	max-width: 400px;
}
.swiper-slide .logo-text6 {
	position: absolute;
	top: 40%;
	left: 20%;
	width: 300px;
	text-align: center;
	z-index: 20;
	transform: translate(-50%,-50%);
}
.swiper-slide .logo-text6 img {
	max-width: 500px;
}

.swiper-slide .logo-text1 p,
.swiper-slide .logo-text2 p,
.swiper-slide .logo-text3 p,
.swiper-slide .logo-text4 p,
.swiper-slide .logo-text5 p,
.swiper-slide .logo-text6 p {
/*	padding-left: 1rem;*/
	font-size: 1.175rem;
}
.swiper-button-next,.swiper-button-prev {
	padding: 0 60px;
}
.horizontal-item {
	height: 100vh;
/*	width: 100vw;*/
	object-fit: cover;
	object-position: center;
}
.horizontal-item-t {
	height: 100vh;
	object-fit: cover;
}
.swiper-slide .detail,
.swiper-slide .detail-left,
.swiper-slide .detail-down  {
	position: absolute;
	top: 45%;
	left: 20%;
	max-width: 350px;
	z-index: 20;
	transform: translate(-50%,-50%);
}
.swiper-slide .detail-down {
	background-color: rgba(255,255,255,.75);
}
.swiper-slide .detail img,
.swiper-slide .detail-left img,
.swiper-slide .detail-down img {
	width: 300px;
	padding-bottom: 2rem;
}
@media (max-width: 1024px) {
	.swiper-slide .detail img,
	.swiper-slide .detail-left img,
	.swiper-slide .detail-down img {
		padding-bottom: 1rem;
	}
}
.swiper-slide .detail p,
.swiper-slide .detail-left p,
.swiper-slide .detail-down p{
	font-size: 1.175rem;
	font-weight: normal;
}
.swiper-slide .detail-left p,
.swiper-slide .detail-down p{
	padding-left: 1rem;
}
.swiper-slide .detail p span,
.swiper-slide .detail-left p span,
.swiper-slide .detail-down p span{
	font-size: 1.175rem;
	font-weight: normal;
}
.gradation {
    background: linear-gradient(to right, #3388dd 0%, #fff 40%, #fff 60%, #3388dd 100%);
}
.gradation1 {
    background: linear-gradient(to right, #fff 0%, #3388dd 40%, #3388dd 60%, #fff 100%);
}
.gradation-green-1 {
    background: linear-gradient(to right, #fff 0%, #fff 20%, rgba(44,228,109,0.30) 40%, rgba(44,228,109,0.30) 60%, #fff 80%, #fff 100%);
}
.gradation-silver-1 {
    background: linear-gradient(to right, #fff 0%, #fff 20%,rgba(220,220,220,1) 40%, rgba(220,220,220,1) 60%, #fff 80%,#fff 100%);
}
.gradation-pink-1 {
    background: linear-gradient(to right, #fff 0%, #fff 20%, rgba(255,204,204,.75) 40%, rgba(255,204,204,.75) 60%, #fff 80%,#fff 100%);
}
.gradation-blue-1 {
    background: linear-gradient(to right, #fff 0%, #fff 20%, rgba(0,32,187,0.2) 40%, rgba(0,32,187,0.2) 60%, #fff 80%,#fff 100%),;
}
.gradation-creamyellow-1 {
    background: linear-gradient(to right, #fff 0%, #fff 20%, rgba(255,243,184,0.75) 40%, rgba(255,243,184,.75) 60%, #fff 80%,#fff 100%);
}


/*スライダー関連ここまでend*/

/*下スクロール*/
.container {
	position: absolute;
	bottom: 20%;
	width: 24px;
	height: 24px;
}

.chevron {
  position: absolute;
  width: 28px;
  height: 3px;
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  animation: move 3s ease-out infinite;
}

.chevron:first-child {
  animation: move 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
  animation: move 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
  content: ' ';
  position: absolute;
  top: 0;
  height: 100%;
  width: 51%;
  background: #000000;
}

.chevron:before {
  left: 0;
  transform: skew(0deg, 30deg);
}

.chevron:after {
  right: 0;
  width: 50%;
  transform: skew(0deg, -30deg);
}

@keyframes move {
  25% {
    opacity: 1;

  }
  33% {
    opacity: 1;
    transform: translateY(30px);
  }
  67% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}

.text {
	display: block;
	margin-top: 75px;
	margin-left: -30px;
	font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	text-transform: uppercase;
	white-space: nowrap;
	opacity: .25;
	animation: pulse 2s linear alternate infinite;
}

@keyframes pulse {
	to {
		opacity: 1;
	}
}

/*下スクロール誘導*/
	.container-up {
		position: absolute;
		right: 49.5%;
		bottom: 15%;
		width: 16px;
		height: 16px;
	}	
	.container-down,.container-down-w {
		position: absolute;
		bottom: 21%;
		right: 49.5%;
		width: 16px;
		height: 16px;
	}
	.container-right,.container-right-w {
		position: absolute;
		bottom: 20%;
		right: 8%;
		width: 16px;
		height: 16px;
	}
	.container-left {
		position: absolute;
		bottom: 20%;
		left: 10%;
		width: 16px;
		height: 16px;
	}

	
	.chevron-down,.chevron-down-w {
		position: absolute;
		width: 20px;
		height: 2px;
		opacity: 0;
		transform: scale3d(0.5, 0.5, 0.5);
		animation: move 3s ease-out infinite;
	}
	
	.chevron-down:first-child,.chevron-down-w:first-child {
		animation: move 3s ease-out 1s infinite;
	}
	
	.chevron-down:nth-child(2),.chevron-down-w:nth-child(2) {
		animation: move 3s ease-out 2s infinite;
	}
	
	.chevron-down:before,
	.chevron-down:after,
	.chevron-down-w:before,
	.chevron-down-w:after {
		content: ' ';
		position: absolute;
		top: 0;
		height: 100%;
		width: 51%;
		background: #000000;
	}

	.chevron-down:before,.chevron-down-w:before {
		left: 0;
		transform: skew(0deg, 30deg);
	}
	
	.chevron-down:after,.chevron-down-w:after {
		right: 0;
		width: 50%;
		transform: skew(0deg, -30deg);
	}
	
	@keyframes move {
		25% {
			opacity: 1;
		}
		33% {
			opacity: 1;
			transform: translateY(30px);
		}
		67% {
			opacity: 1;
			transform: translateY(40px);
		}
		100% {
			opacity: 0;
			transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
		}
	}
	.text-down,.text-down-w {
		display: block;
		margin-top: 65px;
		margin-left: -30px;
		font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
		font-size: 10px;
		font-weight: lighter;
		color: #000000;
		text-transform: uppercase;
		white-space: nowrap;
		opacity: .25;
		animation: pulse 2s linear alternate infinite;
	}
	.text-down-w {
		color: #FFF;	
	}
	.chevron-down-w:before,
	.chevron-down-w:after {
		background: #FFF;
	}
	
	/*右へスクロール誘導*/

	.chevron-right,.chevron-right-w {
		position: absolute;
		width: 2px;
		height: 20px;
		opacity: 0;
		transform: scale3d(0.5, 0.5, 0.5);
		animation: move1 3s ease-out infinite;
	}
	
	.chevron-right:first-child,.chevron-right-w:first-child {
		animation: move1 3s ease-out 1s infinite;
	}
	
	.chevron-right:nth-child(2),.chevron-right-w:nth-child(2) {
		animation: move1 3s ease-out 2s infinite;
	}
	
	.chevron-right:before,
	.chevron-right:after,
	.chevron-right-w:before,
	.chevron-right-w:after {
		content: ' ';
		position: absolute;
		top: 0;
		height: 100%;
		width: 51%;
		background: #000000;
	}
	
	.chevron-right:before,.chevron-right-w:before {
		bottom: 0;
		height: 50%;
		transform: skew(30deg, 0deg);
	}
	
	.chevron-right:after,.chevron-right-w:after {
		top: 50%;
		height: 50%;
		transform: skew(-30deg, 0deg);
	}
	
	@keyframes move1 {
		25% {
			opacity: 1;
		}
		33% {
			opacity: 1;
			transform: translateX(30px);
		}
		67% {
			opacity: 1;
			transform: translateX(40px);
		}
		100% {
			opacity: 0;
			transform: translateX(55px) scale3d(0.5, 0.5, 0.5);
		}
	}
	.text-right,.text-right-w {
		display: block;
		margin-top: 30px;
		/*margin-left: -15px;*/
		font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
		font-size: 10px;
		font-weight: lighter;
		color: #000000;
		text-transform: uppercase;
		white-space: nowrap;
		opacity: .25;
		animation: pulse 2s linear alternate infinite;
	}
	.text-right-w {
		color: #FFF;	
	}
	.chevron-right-w:before,
	.chevron-right-w:after {
		background: #FFF;
	}
	
	/*上にスクロール*/
	
	.chevron-up {
		position: absolute;
		width: 20px;
		height: 2px;
		opacity: 0;
		transform: scale3d(0.5, 0.5, 0.5);
		animation: move2 3s ease-out infinite;
	}
	
	.chevron-up:first-child {
		animation: move2 3s ease-out 1s infinite;
	}
	
	.chevron-up:nth-child(2) {
		animation: move2 3s ease-out 2s infinite;
	}
	
	.chevron-up:before,
	.chevron-up:after {
		content: ' ';
		position: absolute;
		bottom: 0;
		height: 100%;
		width: 51%;
		background: #000000;
	}
	
	.chevron-up:before {
		left: 0;
		transform: skew(0deg, -30deg);
	}
	
	.chevron-up:after {
		right: 0;
		width: 50%;
		transform: skew(0deg, 30deg);
	}
	
	@keyframes move2 {
		0% {
			transform: translateY(70px) scale3d(0.5, 0.5, 0.5);
		}
		33% {
			opacity: 1;
			transform: translateY(55px);
		}
		67% {
			opacity: 1;
			transform: translateY(45px);
		}
		100% {
			opacity: 0;
			transform: translateY(30px) scale3d(0.5, 0.5, 0.5);
		}
	}
	.text-up {
		display: block;
		margin-top: 85px;
		margin-left: -20px;
		font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
		font-size: 10px;
		font-weight: lighter;
		color: #000000;
		text-transform: uppercase;
		white-space: nowrap;
		opacity: .25;
		animation: pulse 2s linear alternate infinite;
	}
	
	/*左へスクロール誘導*/

	.chevron-left {
		position: absolute;
		width: 2px;
		height: 20px;
		opacity: 0;
		transform: scale3d(0.5, 0.5, 0.5);
		animation: move3 3s ease-out infinite;
	}
	
	.chevron-left:first-child {
		animation: move3 3s ease-out 1s infinite;
	}
	
	.chevron-left:nth-child(2) {
		animation: move3 3s ease-out 2s infinite;
	}
	
	.chevron-left:before,
	.chevron-left:after {
		content: ' ';
		position: absolute;
		top: 0;
		height: 100%;
		width: 51%;
		background: #000000;
	}
	
	.chevron-left:before {
		bottom: 0;
		height: 50%;
		transform: skew(-30deg, 0deg);
	}
	
	.chevron-left:after {
		top: 50%;
		height: 50%;
		transform: skew(30deg, 0deg);
	}
	
	@keyframes move3 {
		25% {
			opacity: 1;
		}
		33% {
			opacity: 1;
			transform: translateX(-30px);
		}
		67% {
			opacity: 1;
			transform: translateX(-40px);
		}
		100% {
			opacity: 0;
			transform: translateX(-55px) scale3d(0.5, 0.5, 0.5);
		}
	}
	.text-left {
		display: block;
		margin: 30px -70px 0;
		font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
		font-size: 10px;
		font-weight: lighter;
		color: #000000;
		text-transform: uppercase;
		white-space: nowrap;
		opacity: .25;
		animation: pulse 2s linear alternate infinite;
	}
	
	@keyframes pulse {
		to {
			opacity: 1;
		}
	}
	.box-shadow {
		box-shadow: 0px 0px 10px 10px rgba(245,245,245,1.00);
	}
	
/*スクロール系　end*/

/*swiperオプションセット*/
.swiper-pagination-bullet {
	box-shadow: 0px 0px 10px 10px rgba(245,245,245,1.00);
}
.horizontal-slider__pagination>.swiper-pagination-bullet {
	border-radius: 0%;
	width: 30px;
	height: 30px;
	margin: 0 20px 5px!important;
	padding: 5px;
	text-align: center;
	line-height: 20px;
	font-size: 1.25rem;
	color: #fff;
	opacity: 1;
	/*background: rgba(0, 0, 0, 0.2);*/
}
@media (max-width: 600px) {
	.horizontal-slider__pagination>.swiper-pagination-bullet {
		margin: 0 10px 5px!important;
	}
}

/*swiperオプションセット　end*/

.pc {
	display: block;
}
.tablet {
	display: none;
}
.mobile {
	display: none;
}
.pc-tablet {
	display: block;
}
.tablet-mobile {
	display: none;
}
.img-brightness105 {
	filter: brightness(1.05);
}
.img-brightness110 {
	filter: brightness(1.1);
}
.img-brightness115 {
	filter: brightness(1.15);
}
.img-brightness120 {
	filter: brightness(1.2);
}


/*※※※※※※※※※※※※※※※※※※※※※※※※*/
@media (max-width: 1024px) {/* 959px以下に適用されるCSS（タブレット用） */
	.swiper-slide .slide-img {
		object-position: center;
	}
	.pc {
		display: none;
	}
	.tablet {
		display: block;
	}
	.mobile {
		display: none;
	}
	.pc-tablet {
		display: block;
	}
	.tablet-mobile {
		display: block;
	}
	.container-down,.container-down-w {
		bottom: 15%;
	}
	.container-up {
		position: absolute;
		top: 5%;
		left: 50%;
	}	
	.swiper-slide .logo-text1 {
		top: 70%;
		left: 50%;
		width: 500px;
		text-align: center;
	}
	.swiper-slide .logo-text2 {
		top: 70%;
		left: 50%;
		width: 500px;
		text-align: center;
	}
	.swiper-slide .logo-text3 {
		top: 75%;
		left: 50%;
		width: 600px;
	}
	.swiper-slide .logo-text4 {
		top: 75%;
		left: 50%;
		width: 700px;
	}
	.swiper-slide .logo-text5 {
		top: 65%;
		left: 50%;
		width: 500px;
	}
	.swiper-slide .logo-text1 p,
	.swiper-slide .logo-text2 p,
	.swiper-slide .logo-text3 p,
	.swiper-slide .logo-text4 p,
	.swiper-slide .logo-text5 p
	{
		font-size: 1.675rem;
		font-weight: normal;
	}
	.swiper-slide .detail {
		position: absolute;
		top: 77%;
		left: 50%;
		max-width: 500px;
		text-align: center;
		z-index: 20;
		transform: translate(-50%,-50%);
	}
	.swiper-slide .detail p {
		font-size: 1.3rem;
		line-height: 1.5;
	}
	.swiper-slide .detail-left {
		position: absolute;
		top: 45%;
		left: 20%;
		max-width: 350px;
		z-index: 20;
		transform: translate(-50%,-50%);
	}
	.swiper-slide .detail-left p {
		padding-left: 3rem;
	}
	.swiper-slide .detail-down {
		position: absolute;
		top: 80%;
		left: 50%;
		max-width: 350px;
		z-index: 20;
		transform: translate(-50%,-50%);
	}
	.swiper-slide .detail-down p {
		text-align: center;
		padding-left: 0rem;
	}
	.swiper-slide .detail-down img {
		margin-bottom: 5%;
	}
	.container-down,.container-down-w {
		right: 48%;
	}
}

@media (max-width: 600px) {/* 480px以下に適用されるCSS（スマホ用） */
	.pc {
		display: none
	}
	.tablet {
		display: none;
	}
	.mobile {
		display: block;
	}
	.pc-tablet {
		display: none;
	}
	.tablet-mobile {
		display: block;
	}
	.swiper-slide .logo-text1 {
		top: 65%;
	}
	.swiper-slide .logo-text2 {
		top: 65%;
		left: 50%;
		width: 400px;
	}
	.swiper-slide .logo-text3 {
		top: 65%;
		left: 50%;
		width: 400px;
	}
	.swiper-slide .logo-text4 {
		top: 75%;
		left: 50%;
		width: 400px;
	}
	.swiper-slide .logo-text5 {
		top: 70%;
		left: 50%;
		width: 400px;
	}
	.swiper-slide .logo-text1 p {
		padding-left: 0;		
	}
	.swiper-slide .logo-text1 p,
	.swiper-slide .logo-text2 p,
	.swiper-slide .logo-text3 p,
	.swiper-slide .logo-text4 p,
	.swiper-slide .logo-text5 p
	{
		font-size: 0.875rem;
		font-weight: normal;
	}
	.swiper-slide .detail {
		top: 70%;
		left: 50%;
		max-width: inherit;
		text-align: center;
		z-index: 20;
		transform: translate(-50%,-50%);
	}
	.swiper-slide .slide4 .detail {
		top: 75%;
		left: 50%;
		max-width: inherit;
		text-align: center;
		z-index: 20;
		transform: translate(-50%,-50%);
	}
	.swiper-slide .slide3 .detail {
		top: 75%;
	}
	.swiper-slide .slide5 .detail {
		top: 75%;
	}
	.swiper-slide .detail img,
	.swiper-slide .detail-left img,
	.swiper-slide .detail-down img {
		margin-bottom: 1.5rem;
		width: 250px;
		padding-bottom: 0rem;
	}
	.swiper-slide .detail p {
		font-size: 1rem;
		padding-left: 0;
		width: 100vw;
	}
	.swiper-slide .detail-left {
		position: absolute;
		top: 50%;
		left: 20%;
		max-width: 150px;
		z-index: 20;
		transform: translate(-50%,-50%);
	}
	.swiper-slide .detail-down {
		position: absolute;
		top: 75%;
		left: 50%;
		max-width:inherit;
		text-align: center;
		z-index: 20;
		transform: translate(-50%,-50%);
	}
	.swiper-slide .detail-left p {
		padding-left: 1rem;
		font-size: 1rem;
		width: 100vw;
	}
	.swiper-slide .detail-down p {
		padding-left: 0rem;
		font-size: 1rem;
		width: 100vw;
	}	
	.container-right,.container-right-w {
		bottom: 15%;
		right: 15%;
	}
	.container-left {
		bottom: 15%;
		left: 20%;
	}
	.container-down,.container-down-w {
		bottom: 20%;
	}
}
/*※※※※※※※※※※※※※※※※※※※※※※※※*/
.top-title {
	font-size: 4rem;
	font-weight: lighter;
	color: white;
	line-height: 1.25;
	text-shadow: 0 0 10px rgba(255,255,255,0.5), 0 0 20px rgba(252,252,252,0.5), 0 0 30px rgba(252,252,252,0.5), 0 0 40px rgba(144,187,255,0.5);
}
.top-title span {
	display: inline-block;
	font-size: 1.75rem;
	line-height: 1.3;
}
@media (max-width: 1024px) {
	.top-title {
		font-size: 4rem;
	}
	.top-title span {
		font-size: 2rem;
	}
}
@media (max-width: 600px) {
	.top-title {
		font-size: 2.25rem;
	}
	.top-title span {
		font-size: 1.375rem;
	}
}