@charset "utf-8";

.angel-4-1 {
  position: absolute;
  width: 22%;
  top: -1.5rem;
  left: 5%;
}

.angel-4-2 {
  position: absolute;
  width: 20%;
  top: -1rem;
  right: 5%;
}

input::placeholder {
  text-align: left !important;
}

.participant {
  position: relative;
  width: 100%;
  padding: 2rem;
  margin: 0 0 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  background-color: rgba(0, 0, 0, 0.6);
  border: #ead39b double 3px;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.2vw;
}

.participant-inner {
  width: 100%;
  margin: 0 0 3rem;
}

.participant-inner:last-child {
  margin: 0;
}

.participant-h {
  width: 100%;
  margin: 0 0 .5em;
  padding: 0 0 .2em .6em;
  font-size: 3.73vw;
  font-weight: 600;
  border-left: #ff0000 solid 5px;
}

.participant-c {
  width: 100%;
}

.participant-note {
  margin: 0 0 .5em;
  font-size: 90%;
  padding-left: 1em;
  text-indent: -1em;
}

a.participant-btn,
button.participant-btn {
  display: block;
  width: 100%;
  margin: 1rem 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border: #fff solid 2px;
  border-radius: 6px;
  background-image: url(../../img/game/common/arrow.png);
  background-size: 3% auto;
  background-repeat: no-repeat;
  background-position: center right 4%;
  aspect-ratio: 1 / 0.177;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.73vw;
  color: #fff;
  cursor: pointer;
  text-align: center;
  background-color: transparent;
}


/* お問合せフォーム */

.contact {
  position: relative;
  width: 100%;
  padding: 2rem;
  margin: 0 0 4rem;
  flex-wrap: wrap;
  background-color: rgba(0, 0, 0, 0.6);
  border: #ead39b double 3px;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.2vw;
}

.contact-inner {
  width: 100%;
  margin: 0 0 2rem;
}

textarea {
  width: 100%;
  height: 10em;
  border-radius: 5px;
}