@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.
*/
#inquiry #section-1 {
  width: 96.88%;
  padding: 20px 0;
  margin: 0 auto;
}
#inquiry h3 {
  font-family: inherit;
  color: #217ba1;
  padding: 20px 0;
  line-height: 1.2em;
  text-align: center;
}
#inquiry .area_box {
  background: #fffef9;
  margin: 0 0 20px 0;
}
#inquiry .area_box .inner {
  border-left: 4px solid #217ba1;
}
#inquiry .area_box .inner dt, #inquiry .area_box .inner .left, #inquiry .area_box .inner h4 {
  padding: 0 3.23%;
  margin: 0 auto;
}
#inquiry .area_box .inner h4 {
  font: normal 1.4rem "inherit";
  color: #217ba1;
  padding-top: 16px;
  padding-bottom: 10px;
}
#inquiry .area_box .inner ul, #inquiry .area_box .inner dl {
  color: #7b7b7b;
  width: 100%;
}
#inquiry .area_box .inner dt, #inquiry .area_box .inner dd {
  width: 100%;
}
#inquiry .area_box .inner dt {
  font-size: 18px;
  font-weight: bold;
}
#inquiry .area_box .inner .left {
  padding-top: 2px;
  padding-bottom: 16px;
}
#inquiry .area_box .inner li, #inquiry .area_box .inner dd {
  font-size: 14px;
}
#inquiry .area_box .inner li {
  list-style: none;
}
#inquiry .area_box .inner .button, #inquiry .area_box .inner .right {
  border-top: 2px #f4f2e8 solid;
  position: relative;
  padding: 20px 3.23%;
  font-weight: bold;
  font-size: 13px;
}
#inquiry .area_box .inner .button span:nth-child(1), #inquiry .area_box .inner .right span:nth-child(1) {
  font-size: 16px;
}
#inquiry .area_box .inner .button span:nth-child(3), #inquiry .area_box .inner .right span:nth-child(3) {
  font-weight: normal;
  font-size: 12px;
  display: inline-block;
  text-indent: 2.5em;
}
#inquiry .area_box .inner .button span:nth-child(4), #inquiry .area_box .inner .right span:nth-child(4) {
  font-weight: none;
  font-size: 20px;
  width: 6px;
  height: 18px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 3.125%;
  bottom: 0;
}
#inquiry .area_box .inner .button.left span:nth-child(1), #inquiry .area_box .inner .left.right span:nth-child(1) {
  position: absolute;
  top: 0;
  right: 3.125%;
  bottom: 0;
  width: 6px;
  height: 18px;
  margin: auto;
  font-weight: none;
  font-size: 20px;
}
/* section-3 */
#inquiry #section-3 .caution {
  color: #f52549;
  font-weight: bold;
}
#inquiry #section-3 .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;
}

#inquiry #section-3 .terms-agree {
  margin-top: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4c4c4c;
}
#inquiry #section-3 .terms-agree label {
  cursor: pointer;
}
#inquiry #section-3 .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;
}

#inquiry #section-3 .terms-wrapper {
  margin: 0 auto 1.5em;
}

#inquiry #section-3 .terms-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0.5em;
  text-align: center;
}
#inquiry #section-3 .terms-body {
  padding-bottom: 10px;
  line-height: 1.8;
}
#inquiry #section-3 .terms-body p {
  text-align: left;
  padding: 0;
}
#inquiry #section-3 .terms-body p a {
  text-decoration: underline;
}
#inquiry #section-3 .terms-body + .terms-title {
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  #inquiry h3 {
    font-size: 30px;
  }
  #inquiry .area_box {
    padding: 20px 0 30px 0;
    margin-bottom: 2px;
  }
  #inquiry .area_box.charter {
    padding-bottom: 20px;
  }
  #inquiry .area_box.highway {
    padding-bottom: 40px;
  }
  #inquiry .highway .second span:first-child {
    padding-left: 3.3%;
  }
  #inquiry .area_box .inner {
    border: none;
    width: 95%;
    margin: 0 auto;
  }
  #inquiry .area_box .inner dt, #inquiry .area_box .inner .left, #inquiry .area_box .inner h4 {
    padding: 0;
  }
  #inquiry .area_box .inner h4 {
    font-size: 20px;
    padding-bottom: 15px;
  }
  #inquiry .area_box .inner dt {
    font-size: 26px;
  }
  #inquiry .area_box .inner ul, #inquiry .area_box .inner dl {
    position: relative;
  }
  #inquiry .area_box .inner .left {
    padding: 10px 0 0 0;
  }
  #inquiry .area_box .inner ul {
    padding: 0;
    width: 95%;
    margin: 0 auto;
    padding: 30px 0;
  }
  #inquiry .area_box .inner .button, #inquiry .area_box .inner .right, #inquiry .area_box .inner .right {
    border-top: none;
    width: 50%;
  }
  #inquiry .area_box .inner .right {
    text-align: right;
    font-size: 20px;
    white-space: nowrap;
    border-top: none;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
    top: 0;
    left: 50%;
  }
  #inquiry .area_box .inner .right.second {
    top: 25px;
  }
  #inquiry .area_box .inner ul > .button span:nth-child(1), #inquiry .area_box .inner ul > .right span:nth-child(1), #inquiry .area_box .inner dl > .right span:nth-child(1) {
    font-size: 26px;
  }
  #inquiry .area_box .inner ul > .button span:nth-child(3), #inquiry .area_box .inner ul > .right span:nth-child(3), #inquiry .area_box .inner dl > .right span:nth-child(3) {
    text-indent: 0;
  }
  #inquiry .area_box .inner dl > .right.first span:nth-child(3) {
    display: none;
  }
  #inquiry .area_box .inner ul > .button.left span:nth-child(1), #inquiry .area_box .inner ul > .left.right span:nth-child(1), #inquiry .area_box .inner ul > .button span:nth-child(4), #inquiry .area_box .inner ul > .right span:nth-child(4), #inquiry .area_box .inner dl > .right span:nth-child(4) {
    display: none;
  }
  #inquiry .area_box .inner .button.left, #inquiry .area_box .inner .left.right, #inquiry .area_box .inner .button.right, #inquiry .area_box .inner .right {
    width: 50%;
    padding: 0;
  }
  #inquiry .area_box .inner .button.right, #inquiry .area_box .inner .right {
    float: right;
    text-align: right;
    font-size: 20px;
  }
  #inquiry .area_box .inner .button.left, #inquiry .area_box .inner .left.right {
    float: left;
    font-size: 18px;
  }
  #inquiry .area_box .inner .button.left a:hover, #inquiry .area_box .inner .left.right a:hover {
    text-decoration: underline;
  }
  #inquiry .area_box .inner .button.left.centering, #inquiry .area_box .inner .left.centering.right {
    float: none;
    width: auto;
  }
  #inquiry #section-3 .terms-body p.indent {
    text-indent: 4em;
  }
}
#inquiry #section-2 .section-inner {
  width: 96.88%;
  padding: 0 0 30px 0;
  margin: 0 auto;
}
#inquiry #section-2 h3 {
  padding: 30px 0 10px 0;
}
#inquiry #section-2 .area_box {
  margin-bottom: 0;
}
#inquiry #section-2 .area_box dl {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  #inquiry #section-2 .area_box .inner dl {
    padding-top: 0;
  }
}
#inquiry #section-3 {
  padding: 0 0 30px 0;
}
#inquiry #section-3 p, #inquiry #section-3 .area_box {
  width: 96.88%;
  margin: 0 auto 0 auto;
}
#inquiry #section-3 p {
  text-align: center;
  padding: 0 0 10px 0;
  color: #4c4c4c;
}
@media screen and (min-width: 768px) {
  #inquiry #section-3 {
    padding: 0 0 30px 0;
  }
  #inquiry #section-3 .area_box {
    width: 96.88%;
    margin: 0 auto;
    padding: 0;
  }
  #inquiry #section-3 .area_box .inner {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  #inquiry #section-3 .area_box .inner ul .button.right, #inquiry #section-3 .area_box .inner ul .right {
    position: static;
  }
  #inquiry .highway .second span:first-child {
    padding-left: 2.7%;
  } 
}
@media screen and (min-width: 1024px) {
  #inquiry #section-3, #inquiry #section-2 .section-inner, #inquiry #section-1 {
    width: 1000px;
  }
  #inquiry #section-3 {
    margin: 0 auto;
  }
  #inquiry #section-3 .area_box {
    width: 100%;
  }
  #inquiry .area_box .inner {
    width: 90%;
  }
  #inquiry .area_box .inner ul {
    width: 90%;
  }
  #inquiry .area_box .inner ul .button.left, #inquiry .area_box .inner ul .left.right {
    font-size: 26px;
  }
}

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