@charset "UTF-8";


body{
  background-color: #f9f4d3;
  font-family: 'Zen Kaku Gothic New', sans-serif;

.about {/*親div*/
  position: relative;/*相対配置*/
  }


.about p {
  color: #403e06;
text-align: center;
font-family:Zen Kaku Gothic New Bold;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;


  position: static;/*絶対配置*/
  top: 0;
  left: 0;
  }

.about img {
  display: block;
  margin: 0 auto; /* 中央揃え */
  padding: 0;
  width: 100%;
  max-width: 500px; /* 画像の最大幅を500pxに制限する */
  height: auto; /* 高さを自動調整してアスペクト比を維持する */

  }

  /* 入ってみるボタン */
.jikkou{

  text-decoration: none; /* 下線を消す */
  width: 208px;
   height: 64px; 
   position: relative;
  font: size 64px;
  font-family:Zen Kaku Gothic New Bold;
  font-weight: 700;
  color:#F8F4D8;
  text-align:center;
  display:block;
  padding:8px 0 4px;
  margin:8px 84px;
   border-radius: 71px;
  background: #E4781D;

}



.footer-social-links {
  display: flex; /* Flexboxを使う */
  justify-content: center; /* 水平方向の中央揃え */
  align-items: center; /* 垂直方向の中央揃え */
  gap: 20px; /* アイコン間のスペース */
  padding-top: 56px;
  padding-bottom: 0;
}

.social-link {
  text-decoration: none; /* テキストの下線を消す */
}

.social-link img {
  width: 24px; /* アイコンの幅 */
  height: auto; /* アイコンの高さ、アスペクト比を維持したい場合はautoにする */
  /* その他のスタイリングを追加、例えばホバー時のエフェクトなど */
}

.corpolatelogo img{
  display: block;
  margin:5vw auto; /* 中央揃え */
  padding-top: 2px;
  padding-bottom: 1.5px;
  width: 30%;
  max-width: 500px; /* 画像の最大幅を500pxに制限する */
  height: auto; 

}


.dotted {
padding: 2px;
border-style: dotted;
border-width: 2px;
border-color:red
}

.dotted p {
  color: #403e06;
  text-align: center;
  font-family:Zen Kaku Gothic New Bold;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  
  
    position: static;/*絶対配置*/
    top: 0;
    left: 0;
}




}