@charset "UTF-8";

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

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

------------------------------------------------- */
.main_photo {
 position: relative;
}

.slider {
	width: 100%;
 height: 640px;
 margin-inline: auto;
	margin: auto;
 /* overflow: hidden; 画像がはみ出ないようにする */
	/* background-color: #eee; 画像下の背景色 */
	position: relative;
}
.slick-img img {
 width: 100%;
	height: 640px;
	object-fit: cover;
	image-rendering: -webkit-optimize-contrast;
}

@media all and (max-width: 898px) {
.slider {
 height: 400px;
}
.slick-img img {
	height: 400px;
}
}
@media all and (max-width: 768px) {
.slider {
 height: 280px;
}
.slick-img img {
	height: 280px;
}
}
@media all and (max-width: 480px) {
.slider {
 height: 220px;
}
.slick-img img {
	height: 220px;
}
}


/* 画像の配置
================================================== */
.ob_position__01 {
 object-position: center center;
}
.ob_position__02 {
 object-position: left 0px top 15%;
}
.ob_position__03 {
 object-position: center  top 25%;
}


/* ズーム設定
================================================== */
@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.12); /* 拡大率 scale(1.15) */
  }
}
.add-animation {
 /*animation: zoomUp 10s linear 0s normal both;*/
 animation: zoomUp 8s linear 0s normal both;
}
.slick-track {
 display: flex;
}
.slick-slide {
 height: auto !important;
}


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

slick-arrow（矢印ボタン）

------------------------------------------------- */
.slick-arrow::before{
	content:"" !important;
}
.slick-arrow::before{
 content:"" !important;
 width: 100% !important;
 height: 100% !important;
 position: absolute;
 top: 0;
 left: 0;
}

.slick-next::before{
 background: url(../images/arrow_r.png) !important;
 background-size: contain !important;
}

.slick-prev::before{
 background: url(../images/arrow_l.png) !important;
 background-size: contain !important;
}