body {
  /* カーニングの設定 */
  letter-spacing: 1px;
  font-feature-settings: "palt"1;
  font-kerning: auto;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  min-height: 100vh;
}

a {
  color: #39B54A;
  cursor: pointer;
  text-decoration: none;
}

*:focus {
  outline: none;
}

body {
  display: flex;
  flex-flow: column;
  background-color: #f1f5e2;
  margin: 0;
  padding: 0;
  background: -webkit-linear-gradient(90deg, rgb(209, 243, 186), rgb(171, 243, 242));
  background: linear-gradient(90deg, rgb(209, 243, 186), rgb(171, 243, 242));
}

.section {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 3rem);
}

.choice {
  list-style: none;
  display: flex;
  padding-left: 0;
  font-family: Klee, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}

.choice-item {
  flex: auto;
  display: flex;
  flex-flow: column;
  align-items: center;
}

.choice-item:first-child {
  margin-right: 2rem;
}

.choice-item p {
  margin: 0;
  font-size: 1.5vw;
}

.choice-item p:first-child {
  margin-bottom: 1rem;
}

.choice-item p:last-child {
  font-size: 1.2vw;
}

.choice a {
  font-size: 1.6vw;
  color: #333;
  background-color: #fff;
  display: block;
  min-width: 24vw;
  text-align: center;
  padding: 2rem;
  border-radius: .4rem;
  transition: .3s;
}

.csm {
  border: 4px solid #39B54A;
  box-shadow: 0 8px 24px rgba(39, 142, 43, 0.4);
}

.csm3 {
  border: 4px solid #1dbfd5;
  box-shadow: 0 8px 24px rgba(37, 131, 148, 0.4);
}

.choice a:hover {
  transform: scale(1.1);
}

.footer {
  display: flex;
  justify-content: center;
  margin-top: auto;
  padding: 1rem 0;
}

.copyright {
  color: #666;
  font-size: .75rem;
  margin: 0;
}

.contact__area {
  display: none;
}