@charset "UTF-8";
/*======================================================================
   contact layout
======================================================================*/
#contact #mainVisual {
 background-image: url(../img/contact/mainimg.jpg);
}

#ask .txtArea {
 text-align: center;
 margin-bottom: 1.5em;
}

#ask .txtArea a {
 color: inherit;
 text-decoration: underline;
}

#ask .linkArea {
 border-radius: 20px;
 display: table;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}

#ask .linkArea p {
 margin-bottom: 0.6em;
}

#ask .linkArea p:last-child {
 margin-bottom: 0;
}

#formArea {
 background-image: url(../img/bg_gara01.png);
}

#formArea #askform {
 max-width: 600px;
 padding-bottom: 2.5em;
}

#formArea #askform .txtArea {
 margin-bottom: 30px;
}

#formArea #askform h3 {
 text-align: center;
 margin-bottom: 30px;
 padding-bottom: 19px;
}

#formArea #askform form {
 padding-left: 1em;
 padding-right: 2em;
 margin-bottom: 2em;
}

#formArea #askform form input,
#formArea #askform form textarea,
#formArea #askform form select {
 font-family: 'Noto Sans JP', YuGothic, "游ゴシック体", "Yu Gothic Medium", "游ゴシック Medium", "メイリオ", sans-serif;
 font-size: 1.5rem;
 background: #fff;
 vertical-align: middle;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 border: 1px solid #987;
 height: auto;
 margin: 0 2px 4px;
}

#formArea #askform form select {
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
}

#formArea #askform form input,
#formArea #askform form textarea {
 padding: 5px 10px;
 max-width: 100%;
}

#formArea #askform form .submit.submit-btn {
 background: url(../img/mat_green.png);
 width: 260px;
 font-size: 1.5rem;
 line-height: 1;
 text-align: center;
 color: #fff;
 padding: 15px;
 cursor: pointer;
}

#formArea #askform dl {
 margin-bottom: 1em;
}

#formArea #askform dl > * {
 line-height: 34px;
}

@media screen and (min-width: 768px) {
 #formArea #askform dl.list-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
 }
 #formArea #askform dl.list-col > dt {
  width: 30%;
 }
 #formArea #askform dl.list-col > dd {
  width: 70%;
  padding-left: 3%;
 }
}

#formArea #askform dl.list-border {
 border-top: 1px solid #ccc;
}

#formArea #askform dl.list-border > dd {
 border-bottom: 1px solid #ccc;
 padding-top: 10px;
 padding-bottom: 10px;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}

@media screen and (min-width: 768px) {
 #formArea #askform dl.list-border > dt {
  border-bottom: 1px solid #ccc;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
 }
}

#formArea #askform dt.required {
 position: relative;
}

#formArea #askform dt.required::after {
 content: "必須";
 color: #fff;
 background: #af1f1f;
 width: 3em;
 display: block;
 position: absolute;
 right: 0;
 top: 15px;
 text-align: center;
 font-size: 1.1rem;
 font-weight: bold;
 line-height: 1em;
 padding: 0.5em;
}

#formArea #askform dd span {
 display: inline;
}

.bnrArea {
 text-align: center;
 padding: 4em 0;
}
/*# sourceMappingURL=contact.css.map */