@charset "UTF-8";

section#formArea{
  background: #FFF;
  width: 100%;
  overflow: hidden;
  padding: 0 0 10% 0;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}


section#formArea > form{
  width: 90%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
}

.c-form__label{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 100%;
  margin: 0 auto;
}
.c-form__item{
  width: 100%;
  margin-bottom: 3%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
}

.c-form__item input{
    width: 98%;
    margin-left: 0;
    margin-right: auto;
    line-height: 1.6rem;
}

.c-form__item__inner{
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  flex-wrap:nowrap;
}

.c-form__required{
  background: #d04966;
  color: #FFF;
  width: 10%;
  border-radius: 3px;
  margin: 0 0 0 2%;
  font-size: small;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
  flex-wrap: nowrap;
}

.radio-details{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 100%;
}

.radio-detail{
  width: 10%;
  margin: 0;
  margin-right: 3%;
}

textarea#freetext{
  width: 98%;
  margin: 0 auto;
}

.c-form__item__inner input{
    width: 5%;
    margin-right: 2%;
  }
  .c-form__item__inner__label{
    width: calc(90% - 10%);
    margin-left: 0;
  text-align: left;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  }

#formIndex{
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
  background: rgba(208, 73, 102,0.23);
  width: 100%;
  margin-bottom:4%;
  font-size: 1.4rem;
  line-height: 1.8rem;
  padding:  0.5rem 0;
  text-align: center;

}

select#area,
select#resource{
  line-height: 1.6rem;
  height: 1.6rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
  padding: 1%;
  width: 100%;
}

.c-form__submit{
  width: 90%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
}

.c-form__submit button{
  border: none;
  background: #D04966;
  box-shadow: 2px 2px 0 #942940;
  box-sizing: border-box;
  border-radius: 1.8rem;
  color: #FFF;
  font-weight: bold;
  height: 80px;
  font-size: 1.6rem;
  text-shadow: 2px 2px 0 #942940;
  width: 100%;
}