@charset "UTF-8";
/**************************************************************************************************
 *
 * お問い合わせ
 *
 *************************************************************************************************/
/*
Variables
----------------------------------------------------------------
*/
/*
Mixins
----------------------------------------------------------------
*/
/*
Clearfix
Source: http://nicolasgallagher.com/micro-clearfix-hack/

For modern browsers
1. The space content is one way to avoid an Opera bug when the
   contenteditable attribute is included anywhere else in the document.
   Otherwise it causes space to appear at the top and bottom of elements
   that are clearfixed.
2. The use of `table` rather than `block` is only necessary if using
   `:before` to contain the top-margins of child elements.
*/
#form-section {
  padding: 0 0 30px 0;
}
#form-section p {
  width: 96.88%;
  margin: 0 auto 0 auto;
  text-align: center;
  padding: 0 0 10px 0;
  color: #4c4c4c;
}
#form-section h3 {
  font-family: inherit;
  color: #217ba1;
  padding: 20px 0;
  line-height: 1.2em;
  text-align: center;
}
#form-section .caution {
  color: #f52549;
  font-weight: bold;
  background: #fff;
}
#form-section .terms-container {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  height: 200px;
  padding: 1em;
  border: 1px solid #ccc;
  overflow-y: scroll;
  background-color: #fafafa;
  position: relative;
  font-size: 14px;
  line-height: 1.6;
}
#form-section .terms-agree {
  margin-top: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4c4c4c;
}
#form-section .terms-agree label {
  cursor: pointer;
}
#form-section .terms-agree input[type="checkbox"] {
  border: solid 1px #d3d3d3;
  margin-left: 30px;
  margin-right: 10px;
  padding: 8px;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  cursor: pointer;
  -webkit-appearance: checkbox;
}
#form-section .terms-wrapper {
  margin: 0 auto 1.5em;
}
#form-section .terms-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0.5em;
  text-align: center;
}
#form-section .terms-body {
  padding-bottom: 10px;
  line-height: 1.8;
}
#form-section .terms-body p {
  text-align: left;
  padding: 0;
}
#form-section .terms-body p a {
  text-decoration: underline;
}
#form-section .terms-body + .terms-title {
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  #form-section {
    padding: 0 0 30px 0;
  }
  #form-section h3 {
    font-size: 30px;
  }
  #form-section .terms-body p.indent {
    text-indent: 4em;
  }
}
@media screen and (min-width: 1024px) {
  #form-section {
    width: 1000px;
    margin: 60px auto 0;
  }
}

/*# sourceMappingURL=inquiry.css.map */