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

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

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

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

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

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


.sub-title{
height:230px;
background-image:url(../image/sub4.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 30px; /* h2デフォルトmarginをリセット */
font-size:1.5rem;
letter-spacing:3px;
font-weight:600;
color:#0049a7;
}

/* H2：セクション見出し（p → h2 に変更） */
.ap3a{
margin: 0 0 60px; /* h2デフォルトmarginをリセット */
font-size:1.5rem;
letter-spacing:3px;
font-weight:600;
color:#0049a7;
}

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

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

.box1-1{
width:60%;
}

.box1-2{
width:30%;
}

/* H3：小見出し（p → h3 に変更） */
.pp1{
margin: 0 0 20px; /* h3デフォルトmarginをリセット */
font-weight:bold;
font-size:1.3rem;
}

.pp2{
font-size:1.1rem;
line-height:1.7;
}




  /* ========== 会社概要テーブル ========== */
  .company {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
  }

  /* 1行 = 項目名＋内容 */
  .company-row {
    display: flex;
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 1.65;
  }
  .company-row:last-child { margin-bottom: 0; }

  /* 項目名（左のグレー） */
  .company-row dt {
    flex-shrink: 0;
    width: 142px;
    padding: 11px 0 11px 34px;
    background: #e6e6e6;
  }

  /* 項目名を4文字分の幅で均等割り付け（会 社 名／設　　立 など） */
  .company-row dt span {
    display: inline-block;
    width: 4em;
    text-align-last: justify;
  }
  .company-row dt span.no-justify {
    width: auto;
    text-align-last: auto;
  }

  /* 内容（右側：1行おきに薄いグレー） */
  .company-row dd {
    flex: 1;
    margin: 0;
    padding: 11px 0 11px 36px;
  }
  .company-row:nth-child(odd) dd { background: #f2f2f2; }

  /* 営業所：営業所名と住所を横並び */
  .company-branch {
    display: flex;
  }
  .company-branch-name {
    flex-shrink: 0;
    width: 146px;
  }

.map iframe{
width:100%;
}




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

}


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

    .company-row {
      flex-direction: column;
      margin-bottom: 16px;
      font-size: 14px;
    }

    .company-row dt {
      width: auto;
      padding: 8px 16px;
    }

    .company-row dd {
      padding: 12px 16px;
      background: #f2f2f2;   /* 2行表示では全行同じ色に */
    }

    .company-branch { flex-direction: column; }
    .company-branch-name { width: auto; }

.box1-1 {
  width: 100%;
  margin-bottom:30px;
}

.box1-2 {
  width: 100%;
}

.pp1 {
  font-size: 1.1rem;
}

.pp2{
font-size:0.9rem;
}

.block4 {
  padding: 30px 0;
}




}

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



}