@charset "utf-8";

/*
==========================================================================
    small devices ~ large devices(media)
    #index
      #set-up
      #image-settings-sp
      #margins-sp
      #PC-settings
      #pc-images
      #pc-margins
========================================================================== 
*/

/*
==========================================================================
    #set-up
========================================================================== 
*/

@media all and (-ms-high-contrast: none) {
	/* IE IS GAAAAY */
	#ss2nd220401 div {
		min-height: 1px;
		min-width: 1px;
		max-width: 100%;
	}
	#ss2nd220401 .content-wrapper {
		max-width: 100%;
	}
}

#ss2nd220401 img {
	width: 100%;
	height: auto;
}

#ss2nd220401 {
	font-family: "ヒラギノ角ゴ ProN W3", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", sans-serif;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	width: 100%;
	font-size: 2.2rem;
	text-align: center;
}

#ss2nd220401 .swiper-slide {
	line-height: 0;
}

.coordinate {
	--wrapper-padding: 6rem;
	padding-left: var(--wrapper-padding);
	padding-right: var(--wrapper-padding);
}

.coordinate .content-wrapper {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-align: center;
	align-items: center;
}

.coordinate02,
.coordinate04,
.coordinate12,
.coordinate14 {
	--wrapper-padding: 0;
}

.image-row {
	width: 100%;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
}

.image-row .slide-wrapper {
	margin: 0;
}

.slide-wrapper {
	position: relative;
	z-index: 0;
	max-width: 100%;
}

.slide-wrapper > a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
}

.coordinate09 .image-row {
	flex-wrap: wrap;
	-webkit-box-pack: center;
	justify-content: center;
}

.coordinate09 .swiper-wrapper {
	height: auto;
}

.coordinate-credit {
	line-height: 1.8;
}
.coordinate-credit > * {
	font-family: acumin-pro, sans-serif;
	font-weight: 200;
	font-style: normal;
	letter-spacing: 0.05em;
}

.staff-area {
	text-align: left;
	border-top: 1px solid #808080;
	padding: 2.5rem 5rem 12.7rem;
}

.staff-credit {
	text-align: left;
	line-height: 1.8;
	letter-spacing: 0.05em;
}

.staff-list {
	font-family: acumin-pro, sans-serif;
	font-weight: 200;
	font-style: normal;
}

/*
==========================================================================
    #image-settings-sp
========================================================================== 
*/

.image-row > * {
	width: 36.6rem;
}

.coordinate-image__single {
	width: 45rem;
}

.coordinate11 .slide-wrapper {
	width: 50rem;
}

.btn-all {
	width: 46rem;
	margin-left: auto;
	margin-right: auto;
}

/*
==========================================================================
    #margins-sp (design)
========================================================================== 
*/

.first-view .first-view_text {
	margin: 7.6rem 0 16rem;
	line-height: 2;
	letter-spacing: 0.12em;
}

.coordinate {
	margin-bottom: 16.4rem;
}

.coordinate15 {
	margin-bottom: 14rem;
}

.coordinate-credit {
	margin-top: 4rem;
}

.coordinate01 .slide-wrapper {
	margin: 6rem 0 0;
}

.coordinate03 .coordinate-image__single {
	margin: 6rem 0;
}

.coordinate04 .image-row,
.coordinate12 .image-row,
.coordinate14 .image-row {
	margin-top: 6rem;
}

.coordinate09 .image-row .slide-wrapper:nth-child(1) {
	margin-bottom: 17rem;
}

/*
==========================================================================
    #PC-settings
========================================================================== 
*/

@media (min-width: 768px) {
	.main-area .main-inner {
		width: 100%;
		max-width: 100%;
	}

	.small-only {
		display: none !important;
	}

	#ss2nd220401 {
		font-size: 1.4rem;
		overflow-x: hidden;
		margin-bottom: 10rem;
	}

	.first-view {
		width: 100rem;
		margin-left: auto;
		margin-right: auto;
	}

	.slide-wrapper > a:hover {
		-webkit-filter: opacity(0.6);
		filter: opacity(0.6);
		background-color: #fff;
	}

	.coordinate {
		--wrapper-padding: 0;
		width: 81.5rem;
		margin-left: auto;
		margin-right: auto;
	}

	.staff-area {
		padding: 1.2rem 0 5.6rem;
	}

	.staff-credit {
		width: 112rem;
		margin-left: auto;
		margin-right: auto;
		line-height: 1.65;
	}

	/*
    ==========================================================================
        #pc-images
    ========================================================================== 
    */

	.image-row > * {
		width: 40rem;
	}

	.coordinate09 .image-row {
		-webkit-box-pack: justify;
		justify-content: space-between;
	}
	.coordinate-image__single {
		width: 35rem;
	}

	.coordinate01 .slide-wrapper,
	.coordinate05 .image-wrapper,
	.coordinate09 .slide-wrapper,
	.coordinate11 .image-wrapper {
		width: 35rem;
	}

	.coordinate03 .image-wrapper {
		width: 55rem;
	}
	.coordinate03 .slide-wrapper:not(.coordinate-image__single),
	.coordinate06 .slide-wrapper,
	.coordinate08 .slide-wrapper,
	.coordinate10 .slide-wrapper,
	.coordinate13 .slide-wrapper,
	.coordinate15 .slide-wrapper {
		width: 55rem;
	}

	/*
  ==========================================================================
	  #pc-margins
  ========================================================================== 
  */

	.first-view .first-view_text {
		margin: 7.3rem 0 11.3rem;
	}

	.coordinate {
		margin-bottom: 14.7rem;
	}
	.coordinate15 {
		margin-bottom: 10.7rem;
	}

	.coordinate-credit {
		margin-top: 2.4rem;
	}

	.coordinate01 .slide-wrapper {
		margin: 6rem 0 0;
	}

	.coordinate04 .image-row,
	.coordinate12 .image-row {
		margin-top: 6rem;
	}

	.coordinate09 .image-row .slide-wrapper:nth-child(1) {
		margin-bottom: 0;
	}
	.coordinate14 .image-row {
		margin-top: 6rem;
	}
}

@media (max-width: 767px) {
	html {
		font-size: calc(10 * (100vw / 750));
	}
	.main-area .main-inner {
		padding: 0;
		overflow-x: hidden;
	}

	.large-only {
		display: none !important;
	}

	#footer {
		border-top: 1px solid #000;
		padding-top: calc(75 * (100vw / 750));
		margin-top: calc(120 * (100vw / 750));
	}
}