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



#bk23161 > div{
	padding-left: 100px;
    padding-top: 100px;
    padding-right: 0px;
    padding-bottom: 100px;
}
#bk23161 {
/*    background-image: url(http://localhost:8888/anden_test20250620_6_4_3/wp-content/themes/stinger8-child/css/_src/16641/z6k_05612.jpg);*/
	background-image: url("../images/saiyou/andens.jpg");
	background-position: center -50px;
    background-repeat: no-repeat;
}
#bk23042{
	margin-top: 20px;
	padding-top: 70px;
	padding-bottom: 30px;
	background-color: #f3f3f3;
}
#bk23241{
	background-color: #f3f3f3;
	padding-bottom: 50px;
}
#bk23042 > div{
	padding-bottom: 30px;
}
.number_contens_anden{
	max-width: 1200px;
	margin: 0 auto;
	
}
.center-wrapper-and {
  display: flex;
  justify-content: center;  /* 中央寄せ */
  align-items: center;
  padding: 0px 0px 50px 0px;
}

.text-with-icon-and {
  display: flex;
  align-items: center;
  gap: 12px;                /* 画像とテキストの間隔 */
  flex-wrap: wrap;         /* 小さい画面では折り返し */
  text-align: center;
}

.icon-ande {
  height: auto;
	width: 50px;
}

.text-anden {
  font-size: 2.3rem;       /* 見出しサイズ調整 */
  margin: 0;
  line-height: 1.4;
color: #50c845;
}

.image-grid {
  display: flex;
  flex-wrap: wrap;
	justify-content: center;
/*  gap: 16px;*/
}

.image-item {
/*  width: calc(33.333% - 12px);*/
 width: calc(33.333%);
	margin: -1px -1px;
}

/*
４カラム
.image-item {
  width: calc(25% - 12px); 
}
*/

.image-item img {
  width: 100%;
  height: auto;
  display: block;
}

/* タブレット・スマホ：2カラム */
@media (max-width: 768px) {
  .image-item {
    width: calc(50% - 8px);
  }
	#bk23161{
	background-position: center center;	
	}
.text-anden {
  font-size: 1.5rem;       /* 見出しサイズ調整 */
}
.icon-ande {
  width: 40px;
}
}

/* スマホ狭め：1カラムに切り替えやすくする場合（コメントアウトで調整可） */
/*
@media (max-width: 480px) {
  .image-item {
    width: 100%;
  }
}
*/

@media (max-width: 641px) {
	#bk23161 > div{
		padding-left: 20px;
        padding-top: 100px;
        padding-right: 20px;
        padding-bottom: 100px;
	}
	#bk23042 > div{
		padding-bottom: 80px;
	}
	#bk23161 .d-smallest_font {
    font-size: 60%;
}
}

@media (max-width: 480px) {
	.text-anden {
  font-size: 1.3rem;       /* 見出しサイズ調整 */
}
	.icon-ande {
    width: 30px;
}
}
@media (max-width: 400px) {
    #bk23161 .d-smallest_font {
        font-size: 55%;
    }
	.text-anden {
  font-size: 1.1rem;       /* 見出しサイズ調整 */
}
}