img {
  max-width: 100%;
}

.wrapper {
  max-width: 960px;
  padding: 0 4%;
  margin: 0 auto;
}

.section-title {
  font-size: 50px;
  font-weight: bold;
  text-decoration: underline 2px;
  text-underline-offset: 20px;
  text-align: center;
}

/* ヘッダー */
.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0;
}

.header-logo img {
  height: 50px;
}

.header-list {
  display: flex;
  gap: 30px;
  /* メニュー項目間のスペース  */
  /* margin-left: 30px; */
}

/* メインビジュアル */
.mainvisual {
  margin-bottom: 100px;
}

.mainvisual img {
  width: 100%;
  height: 600px;
  object-fit: cover;
}

/* アバウト */
.About {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 100px;
  font-size: 18px;
}

.About-contents img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
}

.About-contents {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 80px auto;
}

.About-text {
  margin-left: 50px;
}

.About-text h3 {
  font-size: 25px;
  font-weight: bold;
  padding-bottom: 20px;
}

/* バイシクル */
.bicycle {
  font-size: 18px;
  margin-bottom: 100px;
}

.Bicycle-contents img {
  width: 350px;
}

.Bicycle-contents {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin: 80px auto;
}

.Bicycle-text {
  text-align: center;
  padding: 20px;
}

/* フッター */
.footer {
  text-align: center;
  font-size: 14px;
}
/* レスポンシブ */
@media screen and (max-width: 600px) {
  .About-contents {
    flex-direction: column;
  }
  img {
    margin-bottom: 32px;
  }
  .About-text {
    margin-left: 0px;
  }
  .Bicycle-contents {
    flex-direction: column;
  }
  .Bicycle-contents img {
    width: 100%;
  }
}