@charset 'utf-8';
/* 緊急行動 */


html {
  scroll-behavior: smooth;
}
figcaption{
	line-height:1.5em;
}
.kinkyu_all{
	max-width:1200px;
	margin:0 auto;
}

main
{background-color:#fff100;}

.blue {
  color: #00aaba;
}

.kinkyu_senden{
margin: 0px 20px 40px 20px;
  padding: 40px 40px 20px 40px;
  background-color: white;
  border-radius: 40px;
}

.kinkyu_senden ul{
margin-top:40px;
}

.kinkyu_senden ul li{
	margin-bottom:30px;
	text-align:center;

}

.kinkyu_senden ul li img{
	width:100%;
	  margin-bottom: 10px;
  border: 1px solid lightgrey;
  object-fit:cover;
  transition: transform 0.3s ease, filter 0.3s ease;
}

.kinkyu_senden ul li img:hover {
  filter: brightness(0.85); /* グレーがかる */
  transform: scale(1.05); /* 1.05倍に拡大 */
}

.kinkyu_shokuin{
  margin: 0px 20px 40px 20px;
  padding: 40px 20px 20px 20px;
  background-color: white;
  border-radius: 40px;
  width:auto;
}


.kinkyu_shokuin ul{
	margin:40px auto;
}



.kinkyu_content {
  margin: 0px 20px 40px 20px;
  padding: 40px 20px 20px 20px;
  background-color: white;
  border-radius: 40px;
}
.kinkyu_content_wrap{
	display:block;
}



.kinkyu_content ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  max-width: 1000px;
  gap:10px;
  margin: 0 auto; /* ul自体を中央 */
  justify-content: center; /* 全体を左右中央に */
}

.kinkyu_content ul li {
	width:130px;
	margin:20px auto;
  text-align: center;
}



.kinkyu_content ul li img {
  margin-bottom: 10px;
  border: 1px solid lightgrey;
  object-fit:cover;
  transition: transform 0.3s ease, filter 0.3s ease;
}


.kinkyu_content ul li img:hover {
  filter: brightness(0.85); /* グレーがかる */
  transform: scale(1.05); /* 1.05倍に拡大 */
}


.cover {
  object-fit: cover;
}

.kinkyu_fv {
  width: 100%;
  margin-top: -30px;

}

.kinkyu_siryo{
  border-radius: 40px;
  margin: 0px 20px 40px 20px;
	width:calc(100% - 40px);
}

.shomei_button {
  width: 80px;
  height: 80px;
  display: flex; /* ブロックではなくflexに */
  justify-content: center; /* 横方向センター */
  align-items: center; /* 縦方向センター */
  text-align: center; /* 複数行の中央揃え */
  padding: 5px;
  border-radius: 50%; /* 円形 */
  background-color: #e5004f;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: white !important;
  box-sizing: border-box; /* padding込みでサイズを計算 */
  position: fixed;
  right: 30px;
  bottom: 30px;
    z-index: 999;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
}

.shomei_button:hover{
  background-color: #a0174b;
  transition: transform 0.3s ease, filter 0.3s ease;
}



#shomei_dl {
  scroll-margin-top: 40px; 

}

.kinkyu_kaicho_title {
  text-align: justify;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 30px;
line-height:50px;
}

	.kaicho_br{
		display:none;
	}

@media (min-width:1000px){
	.kinkyu_kaicho_title {
  text-align: center;
}
	.kaicho_br{
		display:block;
	}
}

.kinkyu_title {
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 30px;
line-height:50px;
}

.kinkyu_title span {
  background: linear-gradient(transparent 70%, #fff100 70%);
}

.kinkyu_kaicho_title span {
  background: linear-gradient(transparent 70%, #fff100 70%);
}

.right{
	margin-top:10px;
	text-align:right;
}

.kinkyu_movie {
  margin: 30px auto;
  width: 95%;
  aspect-ratio: 16 / 9;
}

.news_button {
  background-color: #00aaba;
  width: 180px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  border-radius: 20px;
  display: block;
  margin: 30px auto;
  font-weight: 500;
  color: white !important;
}


.arrow {
	&::before {
		content: "";
		display: inline-block;
		width: 10px;
		height: 10px;
		border-top: 3px solid #ffffff;
		border-right: 3px solid #ffffff;
		transform: rotate(45deg);
	}
}


.arrow_back{
		&::before {
		content: "";
		display: inline-block;
		width: 10px;
		height: 10px;
		border-top: 3px solid #ffffff;
		border-right: 3px solid #ffffff;
		transform: rotate(-135deg);
	}
}

.news_button:hover {
  background-color: #366d8e;
  transition: transform 0.3s ease, filter 0.3s ease;
}




.kinkyu_aisatsu{
	line-height:1.7em;
	column-count: 1;
	text-align:justify;
}
.kinkyu_kaicho{
	width:100%;
	border-radius:20px;
	margin-bottom:10px;
}

.kinkyu_kaicho_caption{
	text-align:center;
	margin-bottom:30px;
}


/* デフォルト（画面幅1200px未満）：40px角丸 */
.slide_kadomaru {
  border-radius: 40px;
}


@media (min-width: 600px) {
	.kinkyu_kaicho_box{
	width:32%;
	float:left;
	margin-right:30px;
}
	

	.kinkyu_content ul {
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}

.kinkyu_content ul li {
	width:160px;
}

	
		.kinkyu_senden ul{
		display:flex;
		gap:20px;
	}
	

	
  .kinkyu_shokuin ul{
    display:flex;
    gap:20px;
    width:380px;
    margin:0 auto;
  }

}

@media (min-width: 1200px) {
	
.kinkyu_content_wrap{
	display:flex;
}
	.kinkyu_aisatsu{
	column-count: 2;
		column-gap:30px;
}
 	.kinkyu_siryo{
  border-radius: 20px;
}
	.kinkyu_content{
		  border-radius: 20px;
	}

		.kinkyu_senden{
		border-radius: 20px;
	}
	

		.kinkyu_senden ul{
		display:flex;
	}
		.60%{
		width:60%;
	}
	
		.100%{
		width:100%
	}
		.40%{
		width:40%;
	}
		.kinkyu_shokuin{
		width:400px !important;
		border-radius: 20px;
	}
	
			.kinkyu_shokuin ul{
		display:block;
			gap:20px;
			width:180px;
			margin:100px auto;
	}
	  .slide_kadomaru {
    border-radius: 20px;
  }
}