@charset "UTF-8";
.hima-wrap {
  width: 90%;
  max-width: 600px;
  height: 200px;
  margin: 20px auto;
  border: 1px solid #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hima-button-green1 {
  display: block;
  width: 80%;
  background-color: #2e7d32; /* メインの緑 */
  border: 1px solid #2e7d32;
  color: #fff;
  margin: 30px auto;
  padding: 12px 24px;
  font-size: 20px;
  border-radius: 5px;
  transition: all 0.2s;
}
.hima-button-green1:hover, .hima-button-green1:focus {
  background-color: #388e3c; /* 少し明るい緑 */
  border-color: #388e3c;
  color: #fff;
  outline: none;
}
.hima-button-green1:active {
  background-color: #1b5e20; /* 濃い緑 */
  border-color: #1b5e20;
  color: #fff;
}
.hima-button-green1:disabled {
  opacity: 0.65;
  pointer-events: none;
}

.hima-button-green2 {
  display: block;
  width: 80%;
  background-color: #81c784; /* メインのパステルグリーン */
  border: 1px solid #81c784;
  color: #2e2e2e; /* 濃いグレーで見やすく */
  margin: 30px auto;
  padding: 12px 24px;
  font-size: 20px;
  border-radius: 5px;
  transition: all 0.2s;
}
.hima-button-green2:hover, .hima-button-green2:focus {
  background-color: #a5d6a7; /* さらに明るいグリーン */
  border-color: #a5d6a7;
  color: #2e2e2e; /* 文字は同じ濃いグレー */
  outline: none;
}
.hima-button-green2:active {
  background-color: #66bb6a; /* 少し濃いグリーン */
  border-color: #66bb6a;
  color: #fff; /* 濃い緑なので白文字に切り替え */
}
.hima-button-green2:disabled {
  opacity: 0.65;
  pointer-events: none;
}

.hima-button-green3 {
  display: block;
  width: 80%;
  background-color: #009688; /* メインのエメラルドグリーン */
  border: 1px solid #009688;
  color: #fff;
  margin: 30px auto;
  padding: 12px 24px;
  font-size: 20px;
  border-radius: 5px;
  transition: all 0.2s;
}
.hima-button-green3:hover, .hima-button-green3:focus {
  background-color: #26a69a; /* 明るめのエメラルド */
  border-color: #26a69a;
  color: #fff;
  outline: none;
}
.hima-button-green3:active {
  background-color: #00695c; /* 深いエメラルドで高級感 */
  border-color: #00695c;
  color: #fff;
}
.hima-button-green3:disabled {
  opacity: 0.65;
  pointer-events: none;
}