@charset "UTF-8";

/* -------------------------------------------------

slide（画像スライドショー）

------------------------------------------------- */
/* 背景画像
================================================== */
.main_photo {
	width: 100%;
	margin: 0px auto;
 position: relative;
}
.main_BG {
 width: 100%; 
 height: 94vh;
	position: relative;
}
.main_BG::after {
	content:"";
	position: absolute;
 bottom: 0;
 left: 0;
 width: 100%; 
 height: 0;
	padding-top: 56.25%;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjgwIDU0MCIgd2lkdGg9IjEwMCUiPjxwYXRoIGZpbGw9IiNmZGYyZjMiIGQ9Ik0wLDQ0MGwzNS41LTQwLjhDNzEsMzU4LjMsMTQyLDMxNi43LDIxMy4yLDMxMnMxNDIuNSw3LjcsMjEzLjYsNTEuM1M1NjksNDIyLDY0MCw0MDgsNzgyLDI5MSw4NTMuMiwyNTUuOHMxNDIuNS02Mi41LDIxMy42LTY5LjgsMTQyLjIsNS4zLDE3Ny43LDExLjdMMTI4MCwyMDRWNTQxSDBaIj48L3BhdGg+PC9zdmc+");
 background-size: cover;
 background-position: center bottom;
 background-repeat: no-repeat;
}
@media all and (max-width: 1240px) {
.main_BG {
 height: 80vh;
}
}
@media all and (max-width: 1100px) {
.main_BG {
 height: 70vh;
}
}
@media all and (max-width: 980px) {
.main_BG {
 height: 40vh;
}
}
@media all and (max-width: 768px) {
.main_BG::after {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3NjggMzAwIiB3aWR0aD0iMTAwJSI+PHBhdGggZmlsbD0iI2ZkZjJmMyIgZD0iTTc2OCwzMDFIMFYyMDFsMjEuMy01YzIxLjQtNSw2NC0xNSwxMDYuNy0yczg1LjMsNDksMTI4LDQ4LDg1LjMtMzksMTI4LTY4LjcsODUuMy01MSwxMjgtNTUuMSw4NS4zLDguOCwxMjgsMjguNiw4NS4zLDQ2LjUsMTA2LjcsNTkuOUw3NjgsMjIwWiI+PC9wYXRoPjwvc3ZnPg==");
}
}
@media all and (max-width: 640px) {
.main_BG {
 height: 30vh;
}
}
@media all and (max-width: 568px) {
.main_BG {
 height: 40vh;
}
}
@media all and (max-width: 480px) {
.main_BG {
 height: 30vh;
}
}
	

/* slider_Box
================================================== */
.slider_Box {
	display: flex;
	justify-content:flex-end !important;
	align-items: center;
	position: relative;
	z-index: 2;
	margin: 70px 0 0;
}
@media all and (max-width: 980px) {
.slider_Box {
	margin: 0px;
	flex-direction: column;
	justify-content:center !important;
	align-items: flex-end;
}
}


/* slider
================================================== */
.slider {
	max-width: 940px;
	width: 100%;
 height: 500px;
	position: relative;
	border-radius: 50px 0 0 50px;
 overflow: hidden; /* 画像がはみ出ないようにする */
	/*flex-grow: 1;*/
}
.slider::after {
	content: "";
	position: absolute;
	bottom: -3px;
	right:0;
	width: 100%;
	height: 54px;
	background-image: url("../images/top_img/slider_logo.svg");
	background-repeat: repeat-x;
	background-position: center;
	animation: main_bg 30s infinite linear;
	background-size: 1100px;
}
@keyframes main_bg {
	0% {
		background-position: left 1100px bottom 0;
	}
	100% {
		background-position: left -1100px bottom 0;
	}
}

@media all and (max-width: 1500px) {
.slider {
	max-width: 900px;
}
}
@media all and (max-width: 1400px) {
.slider {
	max-width: 800px;
 height: 460px;
}
}
@media all and (max-width: 1240px) {
.slider {
 height: 420px;
}
}
@media all and (max-width: 1200px) {
.slider {
	max-width: 700px;
}
}
@media all and (max-width: 1100px) {
.slider {
	max-width: 650px;
}
}
@media all and (max-width: 980px) {
.slider {
	max-width: 95%;
}
}
@media all and (max-width: 768px) {
.slider {
 height: 100%;
	}
}
@media all and (max-width: 480px) {
.slider {
	border-radius: 30px 0 0 30px;
}
.slider::after {
	height: 34px;
	background-size: 693px;
}
@keyframes main_bg {
	0% {
		background-position: left 693px bottom 0;
	}
	100% {
		background-position: left -693px bottom 0;
	}
}
}


/* slick-img
================================================== */
.slick-img img {
	max-width: 100%; /* 親要素の幅に合わせる */
 height: auto;    /* 縦横比を維持して高さを自動調整 */
 display: block;  /* 画像をブロック要素として扱い、余白をなくす */
	object-fit:cover;
	object-position: center center;
	image-rendering: -webkit-optimize-contrast;
}


/* slider_icon
================================================== */
.slider_icon {
	margin-right: 10vw;
	position: relative;
}
.slider_icon img {
	width: auto;
	height: auto;
}

@media all and (max-width: 1500px) {
.slider_icon {
	padding-left: 5%;
	margin-right: 5vw;
}
}
@media all and (max-width: 1240px) {
.slider_icon {
	padding-left: 2%;
}
.slider_icon img {
	width: 280px;
}
}
@media all and (max-width: 1100px) {
.slider_icon img {
	width: 240px;
}
}
@media all and (max-width: 980px) {
.slider_icon {
	margin: -6vh auto 4vw !important;
}
.slider_icon img {
	width: 200px;
}
}
@media all and (max-width: 640px) {
.slider_icon img {
	width: 140px;
}
}
@media all and (max-width: 568px) {
.slider_icon {
	margin: 1vh auto 4vw !important;
}
}
@media all and (max-width: 480px) {
.slider_icon img {
	width: 120px;
}
}
	

/* 画像の配置
================================================== */
.slider_logo {
	width: 100%;
	height: 54px;
	background-image: url("../images/top_img/slider_logo.svg");
	background-repeat: repeat-x;
	background-position: center;
	animation: main_bg 30s infinite linear;
	background-size: 898px;

}