.navbar-brand img {
  width: 100px; /* 幅を150pxに設定（任意のサイズに変更） */
  height: auto; /* 高さは自動で調整 */
}

.photo{
  width: 100%;
  height: 250px;
  position: relative;
  margin-top: 75px;
}

.photo2{
  width: 100%;
  height: 300px;
}

.information1 {
  position: absolute;/*重ねたい子要素にabsolute*/
  top:50%;
  left: 50%;
 -ms-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
  -webkit-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
  transform: translate(-50%,-50%);/*センター寄せの修正*/
  color: #fff;
  font-size: 1.8rem;
  margin: 0!important;/*文字がずれている場合や*/
  padding: 0!important;/*文字が折り返される場合*/

}

.main1{
 text-align: center;
 color: rgb(89, 97, 249);
 margin-bottom: 40px;
 width: 100%;
 margin-top: 67px;
}

.main2{
 text-align: center;
 color: #0ca48d;
 font-size: 25px;
 width: 100%;
 margin-top: 20px;
}
.main3{
 text-align: left;
 font-weight: bold;
 margin-top: 20px;
 color: #060606;
}

.main4{
 color: rgb(89, 97, 249);
 font-weight: bold;
}

.gyoumu{
  padding: 16px;
  box-sizing: border-box;
  }



.boshuu{
  justify-content: center;
  
}
.tbl-r02 th{
 background-color: #76bfea70;
 color: #0e0e0e;
 padding: 10px;
 width: 23%;
 border: solid 1px #ccc;
 
}

.img_tokucho{
  width: 100%;
  height: auto;
  margin-right: 10px;
}





.footer {
  padding: 1rem;
  font-size: 15px;
  color: #040e21;
  background:  #0066FF;
  width: 100%;
  margin-top: 50px;
}

.footer-name {
 color: #0c0c0c;
 text-align: center;
 font-weight: lighter;
}


  @media screen and (max-width: 959px) {
    body {
      .slide img {
        width: 100%;    /* スマホ画面に合わせて画像の幅を100%に設定 */
        height: auto;   /* アスペクト比を保つために高さを自動調整 */
        left: 0;        /* スライドの初期位置を画面の左端に設定 */
    }
    }/* 959px以下に適用されるCSS（タブレット用） */
  }
  @media screen and (max-width: 480px) {
    .slide img {
      width: 100%;   /* スマホでは画像の幅を画面いっぱいに */
      height: auto;  /* 高さは自動調整 */
      left: 0;       /* 左端に配置 */
    }/* 480px以下に適用されるCSS（スマホ用） */
    .tbl-r02 th{
      text-align: center !important;
      
     }
  }
  
  /* スマホ用のCSSはメディアクエリの外に記述する */
  
  @media screen and (min-width: 481px) {
    body {
      font-size: 15px; /* タブレット用のフォントサイズ */
      margin-bottom: auto;
    }/* 481px以上に適用されるCSS（タブレット用） */
  }
  @media screen and (min-width: 960px) {
    .container {
      width: 1200px;
      margin: 0 auto;
      margin-bottom: auto;
    }/* 960px以上に適用されるCSS（PC用） */
  }