@charset "UTF-8";

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

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

------------------------------------------------- */
.main_photo {
	margin: 0 auto;
	width: 99%;
 position: relative;
}
.main_BG {		/* 画像の下背景1 */
	width: 96%;
	margin: auto;
	padding: 2%;
	background: #e3f6f5;
 position: relative;
}
.main_BG::after {		/* 画像の下背景2 */
	content: "";
	z-index: -1;
	background-color:#9ddcdc;
	width: 98%;
	height: 98%;
	position: absolute;
	bottom: -4%;
	left: -2%;
}

.slider_Box {
	display: flex;
	justify-content:space-between;
	align-items: flex-end;
	position: relative;
}
.slider {
	/*width: 1000px;*/
	max-width: 1000px;
	width: 100%;
 height: 100%;
 overflow: hidden; /* 画像がはみ出ないようにする */
	flex-grow: 1;
	position: relative;
}
.slick-img img {
	/*width: 100%;
 height: 100%;
	height: 100vw;
 max-height: 800px;*/
	max-width: 100%; /* 親要素の幅に合わせる */
  height: auto;    /* 縦横比を維持して高さを自動調整 */
  display: block-;  /* 画像をブロック要素として扱い、余白をなくす */
	object-fit:cover;
	image-rendering: -webkit-optimize-contrast;
}
a .slick-img img {
	transition: .3s ease-in-out;
}
a:hover .slick-img img {
	filter: brightness(80%);
}

.slider_icon {
	width: 600px;
	height: 576px;
	vertical-align:bottom;
	position: relative;
}
.slider_icon img {
	position: absolute;
	bottom: 0;
	left: -70px;
}
.SP_slider_icon {
	display: none;
}

@media all and (max-width: 1400px) {
.slider_icon {
	width: 500px;
	height: 480px;
}
.slider_icon img {
	left: -60px;
}
}
@media all and (max-width: 1140px) {
.slider_icon {
	width: 400px;
	height: 384px;
}
.slider_icon img {
	left: -40px;
}
}
@media all and (max-width: 898px) {
.main_BG::after {		/* 画像の下背景2 */
	bottom: -2.5%;
	left: -1.5%;
}
.slider_icon {
	display: none;
}
.SP_slider_icon {
	display: none;
}
/*.SP_slider_icon {
	display: block;
}
.SP_slider_icon img {
	position: absolute;
	top:50px;
	right: 10px;
	z-index: -1;
	height: 300px;
}*/
}
@media all and (max-width: 768px) {
.main_BG::after {		/* 画像の下背景2 */
	bottom: -2%;
	left: -2%;
}
/*.SP_slider_icon img {
	bottom: -15%;
	left: -10px;
	height: 240px;
}*/
}
@media all and (max-width: 568px) {
.main_BG {		/* 画像の下背景1 */
	padding: 2.4%;
}
/*.SP_slider_icon img {
	bottom: -10%;
	height: 200px;
}*/
}
@media all and (max-width: 480px) {
.main_BG {		/* 画像の下背景1 */
	padding: 3%;
}
/*.SP_slider_icon img {
	bottom: -25%;
	height: 140px;
}*/
}


/* 画像の配置
================================================== */
.ob_position__01 {
 object-position: center center;
}
.ob_position__02 {
 /*object-position: right 0px top 15%;*/
 object-position: right 0px top 35%;
}
.ob_position__03 {
 /*object-position: center top 25%;*/
 object-position: center center;
}
.ob_position__04 {
 object-position: right bottom;
}
.ob_position__05 {
 /*object-position: left center;*/
 object-position: center 0px top 45%;
}
.ob_position__06 {
 object-position: center center;
}
.ob_position__07 {
 object-position: center center;
}

@media all and (max-width: 414px) {
.ob_position__04 {
 object-position: left bottom;
}
}
@media all and (max-width: 375px) {
.ob_position__06 {
 object-position: 30%;
}
}


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


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

catch copy

------------------------------------------------- */
.anime_box	{
	position: absolute;
	bottom:0;
	left: -2%;
	/*transform: translate(-20%, -70%);*/
	z-index: 2;
	image-rendering: -webkit-optimize-contrast;		/*　拡大・縮小する画像のぼかし等を調整　*/
	visibility: hidden;
}
@media all and (max-width: 1280px) {
.anime_box img	{
	width: 70%;
	height: 70%;
	object-fit: cover;
	image-rendering: -webkit-optimize-contrast;
}
}
@media all and (max-width: 568px) {
.anime_box	{
	top:70%;
	left: 30%;
	transform: translate(-30%, -70%);
}
}
@media all and (max-width: 480px) {
.anime_box	{
	top:70%;
	left: 40%;
	transform: translate(-40%, -70%);
}
}