@charset "UTF-8";

/* ==========================================
  Index Common
========================================== */
.sec-heading {
  font-size: 6.75vw;
}
.sec-heading span {
  margin: 4.1666666vw 0 0;
}

/* ==========================================
  Page Header
========================================== */
.page-header {
  padding: 26vw 0 6vw;
}
.page-header h2 {
  font-size: 4.8vw;
}
.page-header p img {
  height: 30px;
}

/* ==========================================
  Breadcrumb List
========================================== */
.breadcrumb {
  font-size: 13px;
  font-size: 1.3rem;
  margin: 5.333333vw 0 10vw;
}

/* ==========================================
  Intro
========================================== */
.intro {
  width: 86.666666%;
  padding: 0 0 8vw;
  margin: 0 auto 8vw;
}
.intro p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
}

/* ==========================================
  Inquiry Form
========================================== */
.inquiry {
  width: 76%;
}
.inquiry input[type="text"], .inquiry input[type="tel"], .inquiry input[type="email"] {
  height: 50px;
}
.inquiry dl {
  font-size: 16px;
  font-size: 1.6rem;
}
.inquiry dl dd {
  margin: 5px 0 40px;
}
.inquiry dl dd label span {
  margin: 0 25px 0 0;
}
.inquiry dl dd .select-unit {
  width: 75%;
}
.inquiry dl dd .select-unit::after {
  width: 45px;
  height: 48px;
}
.inquiry dl dd select {
  height: 48px;
}
.agree label span {
  font-size: 16px;
  font-size: 1.6rem;
}
.agree label span::before {
  top: 1px;
  width: 20px;
  height: 20px;
}
.agree label input[type="checkbox"]:checked + span::after {
  top: -8px;
  left: 5px;
  width: 10px;
  height: 20px;
}

/* ==========================================
  Thanks
========================================== */
.thanks {
  width: 76%;
  margin: 0 auto;
  font-size: 3.2vw;
  padding: 0 0 10vw;
}
.thanks p {
  margin: 0 0 4vw;
}
.thanks p a {
  color: #000000;
  text-decoration: none;
}