/*ここからブロック*/
.block1-w{
width:100%;
padding: 90px 0 90px;
}
.block1{
width:1000px;
max-width:90%;
padding:30px 0;
margin:0 auto;
}
.block1-i{

}
/*ここまでブロック*/

/*ここからブロック*/
.block2-w{
width:100%;
background-color:#e6e5e3;
padding:60px 0 90px;
}
.block2{
width:1000px;
max-width:90%;
padding:30px 0;
margin:0 auto;
}
.block2-i{
min-height:300px;
}
/*ここまでブロック*/

/*ここからブロック*/
.block3-w{
width:100%;
padding:90px 0;
}
.block3{
width:1000px;
max-width:90%;
padding:30px 0;
margin:0 auto;
}
.block3-i{

}
/*ここまでブロック*/

/*ここからブロック*/
.block4-w{
width:100%;
background-color:#004ab7;
padding:90px 0;
}
.block4{
width:1000px;
max-width:90%;
padding:30px 0;
margin:0 auto;
}
.block4-i{

}
/*ここまでブロック*/

/*ここからブロック*/
.block5-w{
width:100%;
background-color:#e6e5e3;
padding:90px 0;
}
.block5{
width:1000px;
max-width:90%;
padding:30px 0;
margin:0 auto;
}
.block5-i{

}
/*ここまでブロック*/




  /* ---- 上部：アイコン・タイトル・リード文 ---- */
  .water-head {
    text-align: center;
    margin-bottom: 90px;
  }

  .water-icon {
    display: block;
    width: 90px;
    height: 90px;
    margin: 0 auto 18px;
    object-fit: contain;
  }

    .water-icon2 {
    display: block;
    width: 90px;
    height: 90px;
    margin: 0 auto 30px;
    object-fit: contain;
  }

  .water-title {
    margin: 0 0 50px;
    font-size: 1.2rem;
    font-weight: normal;
    letter-spacing: 0.08em;
	font-weight:bold;
  }

.blue{
color: #0a4bb4;
}

.white{
color: #fff;
}

  .water-lead {
    margin: 0;
    font-size: 0.8rem;
    line-height: 1.8;
    letter-spacing: 0.1em;
  }

  /* ---- 白いボックス ---- */
  .water-box {
    max-width: 100%;
    padding: 75px 50px 60px 65px;
    background: #fff;
    border-radius: 50px;
  }

  /* ========== 1項目：画像＋説明（flex） ========== */
  .water-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 75px;
  }
  .water-item:last-child { margin-bottom: 0; }

  /* 画像部分（画像＋注記） */
  .water-photo {
    flex-shrink: 0;
    width: 206px;
    margin-right: 28px;
    text-align: center;
  }

  /* 画像：正方形を border-radius で円形に */
  .water-img {
    display: block;
    width: 206px;
    height: 206px;
    border-radius: 50%;
    object-fit: cover;
    background: #ddd;   /* 画像がないうちの仮の色 */
  }

  /* ※イメージ画像です */
  .water-note {
    margin: 22px 0 0;
    color: #0a4bb4;
    font-size: 14px;
    letter-spacing: 0.1em;
  }

  /* 説明部分 */
  .water-text {
    flex: 1;
    padding-top: 18px;
  }

  .water-text h3 {
    margin: 0 0 36px;
    padding-bottom: 32px;
    border-bottom: 3px solid #0a4bb4;
    color: #0a4bb4;
    font-size: 1.2rem;
    font-weight: normal;
    letter-spacing: 0.08em;
	font-weight:bold;
  }

  .water-text p {
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: 0.08em;
  }



.sub-title{
height:230px;
background-image:url(../image/sub2.jpg);
background-size:cover;
margin-top:116px;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}

.ap1{
width:1000px;
margin:0 auto;
max-width:90%;
}

/* H1：ページタイトル（p → h1 に変更） */
.ap2{
margin: 0 0 30px; /* h1デフォルトmarginをリセット */
color:#fff;
font-size:2rem;
letter-spacing:5px;
font-weight:400;
padding-bottom:30px;
border-bottom:solid 5px #004ab7;
}

/* H2：ページ概要見出し（p → h2 に変更） */
.ap3{
margin: 0 0 60px; /* h2デフォルトmarginをリセット */
font-size:1.2rem;
letter-spacing:3px;
font-weight:600;
color:#0049a7;
text-align:center;
}

.ap4{
text-align:center;
line-height:1.7;
font-weight:500;
}

.box1{
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}

.box1-1, .box1-2{
width:48%;
}

.sp1{
font-size:0.8rem;
padding-top:10px;
text-align:right;
}




/* 画面幅1024以下 PC*/
@media screen and (max-width: 1024px) {

}


/* 画面幅768px以下 タブレット*/
@media screen and (max-width: 768px) {

.box1-1, .box1-2{
width:100%;
}

.water-box {
padding: 75px 5% 60px 5%;
}

.water-item {
flex-direction:column;
}

.water-photo {
  flex-shrink: 0;
  width: fit-content;
  margin-right: 0;
  margin:0 auto;
  text-align: center;

}

.water-text h3 {
text-align:center;
}

.water-lead {
text-align:left;
}

.box1-2{
margin-top:20px;
}


}

/* 画面幅375px以下　モバイル*/
@media screen and (max-width: 375px) {



}