@charset "utf-8";
/* CSS Document */

h2 {
  width: 100%;
  height: fit-content;
  color: var(--color-primary);
  text-align: center;
}
h3 {
  width: 100%;
  font-size: 2rem;
  height: fit-content;
}
h3 span {
  display: block;
  width: 100%;
  font-size: 1.4rem;
}
article {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
  max-width: 960px;
  margin: 0 auto;
}
section {
  background: #fff;
  width: 100%;
  max-width: 100% !important;
  overflow: hidden;
}
header {
  background: #01c200;
}
/*特徴コンテンツ*/
.tokutyou {
}
.tokutyou-item {
  width: calc(50% - 4px);
}
.find {
}
.find-item {
  width: calc(50% - 4px);
  background: var(--color-ex-light-gray);
}

/*会員登録*/
.member {
}
.member-item {
  width: calc(33% - 4px);
  background: var(--color-ex-light-gray);
}
/*ボタン*/
.btn_blue {
  text-align: center;
}
/*CAMP HACK*/
.camphack {
}
.camphack-item {
  width: calc(50% - 4px);
}

@media all and (max-width: 768px) {
  .tokutyou,
  .find,
  .member,
  .camphack {
    flex-direction: column;
  }
  .tokutyou-item,
  .find-item,
  .member-item,
  .camphack-item {
    width: 100%;
  }
}