@charset "utf-8";

.f_header .p_hdInner .p_menu .p_left ul li a span {
	text-shadow: 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #ffffff;
}

.loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: #ffffff;
	z-index: 1200;
}

.loading .loadingCnt {
	display: flex;
	width: 100%;
	height: 100%;
	padding: 10px;
}

.loading .loadingCnt img {
	margin: auto;
	align-self: flex-end;
	flex-basis: 340px;
	width: 340px;
}

.mainvisualArea {
	position: relative;
	background: #aaaaaa;
}

.mainvisualArea .bg {
	position: absolute;
	width: 100%;
}

.mainvisualArea .bg img {
	width: 100%;
	max-width: none;
}

.mainvisualArea .title {
	width: 42.1875%;
	height: 51.69%;
	position: absolute;
	z-index: 20;
	top: 17.45%;
	left: 53.12%;
}

.mainvisualArea .logo {
	width: 36.875%;
	height: 14.2156%;
	position: absolute;
	z-index: 10;
	top: 30.588%;
	left: 8.125%;
}

.mainvisualArea .logo img {
	filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.7));
}

@media all and (-ms-high-contrast: none) {
	*::-ms-backdrop, .mainvisualArea .logo p {
		background-size: cover;
	}

	*::-ms-backdrop, .mainvisualArea .logo img {
		opacity: 0;
	}
}

.mainvisualArea .btn {
	position: absolute;
	top: calc(17% - 220px);
	left: 0;
	right: 0;
	bottom: 0;
	width: 330px;
	height: 44px;
	margin: auto;
}

.mainvisualArea .visual {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.mainvisualArea .visual li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mainvisualArea.s_translate .visual li {
	transform: scale(1.1) translateX(0);
	transform-origin: left;
	transition: transform 6s linear;
}

.mainvisualArea.s_translate .visual li.current {
	transform: scale(1.1) translateX(-50px);
}

.mainvisualArea .visual li {
	z-index: 10;
}

.mainvisualArea .visual li:first-child {
	z-index: 20;
}

.mainvisualArea .visual li img {
	position: absolute;
	width: auto;
	height: auto;
	min-height: 100%;
	min-width: 100%;
	max-width: inherit;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.curtainSlider {
	position: relative;
	z-index: 0;
	margin: 0 auto;
	height: 100%;
}

.curtainSlider::before,
.curtainSlider::after {
	content: "";
	display: block;
	width: 100%;
	padding-top: 320px;
	position: absolute;
	z-index: 10;
	left: 0;
	right: 0;
	margin: auto;
}

.curtainSlider::before {
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9ffffff', endColorstr='#00ffffff', GradientType=0);
	top: 0;
}

.curtainSlider::after {
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.9) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.9) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#e6000000', GradientType=0);
	bottom: 0;
}

.curtainSliderInner {
	position: relative;
	z-index: 0;
	height: 100%;
}

.curtainSliderList {
	min-height: 800px;
}

.curtainSliderList li {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	overflow: hidden;
	width: 100%;
	height: 100%;
	transition: width 1.5s ease-in-out;
}

.curtainSliderList li:first-child {
	display: block;
}

.curtainSliderList li.s_end {
	width: 0;
	z-index: 1020;
}

.curtainSliderList li.s_active {
	z-index: 1010;
}

.curtainSliderList li.s_next {
	z-index: 1000;
}

.curtainSliderList li .listImg {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100vw + 100px);
	height: 100%;
	z-index: 1;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	transform: translateX(0);
	transition: transform 15s linear;
}

.curtainSliderList li.s_end .listImg,
.curtainSliderList li.s_active .listImg,
.curtainSliderList li.s_next .listImg {
	transform: translateX(-100px);
}

.curtainSliderList li .listImg.img01 {
	background-image: url('../images/DSC_3497_s.JPG');
}

.curtainSliderList li .listImg.img02 {
	background-image: url('../images/DSC_3503_s.JPG');
}

.curtainSliderList li .listImg.img03 {
	background-image: url('../images/DSC_3506_s.JPG');
}

.curtainSliderList li .listImg.img04 {
	background-image: url('../images/DSC_3512_s.JPG');
}

.curtainSliderList li .listImg.img05 {
	background-image: url('../images/slider-image1.jpg');
}

.curtainSliderList li .listImg.img06 {
	background-image: url('../images/slider-image2.jpg');
}

.curtainSliderList li .listImg.img07 {
	background-image: url('../images/slider-image3.jpg');
}

.curtainSliderList li .listImg.img08 {
	background-image: url('../images/slider-image4.jpg');
}

.curtainSliderList li .listImg.noImg {
	background-image: none;
}

@media screen and (min-width: 1281px) {
	.mainvisualArea .visual li img {
		width: 100%;
		height: auto;
	}
}

@media screen and (max-width: 768px) {
	.curtainSlider::before,
	.curtainSlider::after {
		display: none;
	}

	.curtainSliderList li .listImg {
		transition: transform 20s linear;
	}

	.mainvisualArea .title {
		top: 23.037%;
		left: 0;
		right: 0;
		bottom: 0;
		width: 84%;
		height: auto;
		margin: auto;
	}

	.mainvisualArea .title h1 {
		display: block;
		width: 100%;
		padding-top: 99.523%;
		position: relative;
		z-index: 0;
	}

	.mainvisualArea .title h1 a {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
	}

	.mainvisualArea .logo {
		display: none;
	}
}