/* Scss Document */
/* Scss Document */
html, body {
  width: 100%;
  color: #664935;
  background: #ffffff;
  line-height: 1.2;
  font-family: "Noto Sans JP", "Meiryo", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "sans-serif";
  text-size-adjust: 100%; }

p, a {
  -webkit-font-smoothing: antialiased; }

a {
  color: #664935;
  text-decoration: none; }

h2 {
  font-size: 38px;
  color: #f08200; }
  @media screen and (max-width: 480px) {
    h2 {
      font-size: 24px; } }

h3 {
  font-size: 24px; }

img {
  width: 100%;
  vertical-align: bottom; }

.article {
  margin: 0 auto;
  width: 960px;
  margin-top: 100px;
  margin-bottom: 100px; }
  .article__title {
    margin-bottom: 50px;
    text-align: center; }
  @media screen and (max-width: 960px) and (min-width: 480px) {
    .article {
      width: 90%;
      max-width: 780px; } }
  @media screen and (max-width: 480px) {
    .article {
      width: 90%;
      max-width: 480px; } }

.form {
  margin: 0 auto;
  width: 100%; }
  .form__label {
    display: block;
    padding-top: 50px; }
    .form__input.err, .form__textarea.err, .form__select.err{
      background: #f7dcd9; }
  .form__input, .form__textarea {
    width: 100%;
    margin: 0 auto;
    background-color: #fefbf7;
    border: 1px solid #ffedd8; }
  .form__input {
    height: 40px; }
  .form__textarea {
    height: 300px; }
  .form__btnArea {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; }
    .form__btnArea--btn {
      height: 50px;
      width: 300px;
      background-color: #f08200;
      border: none;
      color: #ffffff;
      margin-top: 50px;
      font-size: 24px;
      transition: .3s; }
      .form__btnArea--btn:hover {
        cursor: pointer;
        background-color: #fefbf7;
        transition: .3s;
        color: #664935;
        border: 1px solid #ffedd8; }
  .form__select {
    width: 30%;
    height: 50px;
		margin-top: 20px;
    font-size: 16px;
    background-color: #fefbf7;
    border: 1px solid #ffedd8; }
@media screen and (max-width: 480px) {
	.form__select{
		width: 80%;} }


.area-msg {
  color: red; }

.requiredIcon{
	font-size:8px;
	color:#fff;
	background:#d0544d;
	padding:3px;
	border-radius:10px; }

.confirmation__table {
  width: 90%;
  border-collapse: collapse; }
  .confirmation__table th, .confirmation__table td {
    padding: 20px;
    border: 1px solid #f08200; }
  .confirmation__table th {
    background-color: #ffedd8;
    font-weight: normal;
    text-align: left;
    width: 30%; }
  .confirmation__table td {
    background-color: #fefbf7;
    width: 70%; }

.goBack {
  text-decoration: underline;
  transition: .3s; }
  .goBack:hover {
    color: #f08200;
    transition: .3s;
    cursor: pointer; }

.complete {
  text-align: center; }