@charset "utf-8";
/* CSS Document */

/* スライドショーのコンテナ */
    .slider-js {
      width: 100%;
      max-width: 100%;
      height: 60vh;
      overflow: hidden;
      position: relative;
/*	  background: linear-gradient(-60deg,#4077EB,#024793,#0298D1);*/
    }

    /* スライド用の画像 */
    .slider-inner {
		width: 100%;
      	height: 58vh;
	    position: absolute;
		display: flex;
    	justify-content: center;
    	align-items: center;
/*		flex-wrap: wrap;*/
/*		padding: 30px;*/
		
		opacity: 0; /* 最初は非表示 */
      transform: scale(1); /* 初期状態でズームアップ */
      transition: opacity 2.5s, transform 4s; /* アニメーション設定 */
}

.slider-inner::after {
	content: '';
	position: absolute;
	background-color: rgba(26,44,97,0.33);
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 4;
}
/*
.slider-02 {
	background-image: url("../images/slider-bg-02.jpeg");
	background-size: cover;
}
*/
/* 画像をセンタリングするためのスタイル */
    .slider-inner img {
    	width: 100%;
		height: auto;
		object-fit: cover;
/*		max-height: calc( 100% - 60px);*/
		position: relative;
		z-index: 4;
    }

.slider-inner p {
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: bold;
	text-shadow: 0px 0px 10px #000;
	color: #fff;
	position: absolute;
	z-index: 5;
	margin: 0;
	font-size: clamp( 2.6rem, 4vw, 3.0rem );
}
.slider-inner p.shamei {
	font-size: 2.0rem;
	position: absolute;
	bottom: 50px;
	right: 10%;
}
@media screen and (max-width: 767.98px) {
	.slider-js {
		height: 220px;
	}
	.slider-inner {
		height: 220px;
	}
	.slider-inner p {
		font-size: clamp(13px, 3.2vw, 2.0rem );
	}
	.slider-inner p.shamei {
		font-size: clamp( 1.2rem, 3.2vw, 1.4rem);
		position: absolute;
		bottom: 20px;
		right: 10%;
	}
}
@media screen and (min-width:768px) and (max-width:991.98px) {
	.slider-js {
		height: 350px;
	}
	.slider-inner {
		height: 350px;
	}
	.slider-inner p {
		font-size: 3vw;
	}
}