@charset "UTF-8";
/* ===========================================
home
=========================================== */
/* ------------------------
*	billboard
*/
.billboard {
  position: relative;
  width: 100%;
  overflow: hidden; }
  @media (max-width: 767px) {
    .billboard {
      height: 180vw; } }
  @media (min-width: 768px) {
    .billboard {
      height: 53vw; } }
  .billboard_content {
    position: relative; }
    @media (max-width: 767px) {
      .billboard_content {
        width: 100vw;
        height: 181.1vw; } }
    @media (min-width: 768px) {
      .billboard_content {
        width: 102%;
        margin-left: -1%;
        height: 57vw;
        margin-top: -30px; } }
  .billboard .loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2; }

/* ------------------------
*	sec1
*/
.sec1 {
  position: relative; }
  @media (max-width: 767px) {
    .sec1 {
      margin-top: 37px; } }
  @media (min-width: 768px) {
    .sec1 {
      margin-top: 116px;
      padding-bottom: 150px; } }
  .sec1-head {
    font-weight: 500; }
    @media (max-width: 767px) {
      .sec1-head {
        font-size: 2.4rem; } }
    @media (min-width: 768px) {
      .sec1-head {
        font-size: 3rem;
        letter-spacing: .15em; } }
    @media (max-width: 767px) {
      .sec1-head {
        margin-top: 21px;
        margin-bottom: 17px; } }
    @media (min-width: 768px) {
      .sec1-head {
        margin-top: 39px;
        margin-bottom: 23px; } }

/* ------------------------
*	sec2
*/
@media (min-width: 768px) {
  .sec2 {
    padding-bottom: 150px; } }

.sec2-head {
  font-weight: 500;
  line-height: 1.5;
  color: #944e20; }
  @media (max-width: 767px) {
    .sec2-head {
      font-size: 2rem; } }
  @media (min-width: 768px) {
    .sec2-head {
      font-size: 2.4rem; } }
  @media (max-width: 767px) {
    .sec2-head {
      margin-top: 25px;
      margin-bottom: 18px; } }
  @media (min-width: 768px) {
    .sec2-head {
      margin-top: 44px;
      margin-bottom: 24px; } }

.sec2-list dt {
  font-weight: 500;
  line-height: 1.5;
  color: #f15a24; }
  @media (max-width: 767px) {
    .sec2-list dt {
      font-size: 3rem; } }
  @media (min-width: 768px) {
    .sec2-list dt {
      font-size: 4rem; } }
  @media (max-width: 767px) {
    .sec2-list dt ~ dt {
      margin-top: 19px; } }
  @media (min-width: 768px) {
    .sec2-list dt ~ dt {
      margin-top: 45px; } }

.sec2-list dd {
  font-weight: 600;
  line-height: 1.5; }
  @media (max-width: 767px) {
    .sec2-list dd {
      font-size: 1.6rem; } }
  @media (min-width: 768px) {
    .sec2-list dd {
      font-size: 2rem; } }
  @media (max-width: 767px) {
    .sec2-list dd {
      margin-top: -1px; } }
  @media (min-width: 768px) {
    .sec2-list dd {
      margin-top: 5px; } }

/* ------------------------
*	sec3
*/
@media (min-width: 768px) {
  .sec3 {
    padding-bottom: 150px; } }

.sec3-head {
  font-weight: 500;
  line-height: 1.5;
  color: #944e20; }
  @media (max-width: 767px) {
    .sec3-head {
      font-size: 2rem; } }
  @media (min-width: 768px) {
    .sec3-head {
      font-size: 2.4rem; } }
  @media (max-width: 767px) {
    .sec3-head {
      margin-top: 25px;
      margin-bottom: 8px; } }
  @media (min-width: 768px) {
    .sec3-head {
      margin-top: 44px;
      margin-bottom: 21px; } }

.sec3-head2 {
  font-weight: 500; }
  @media (max-width: 767px) {
    .sec3-head2 {
      font-size: 2.8rem;
      line-height: 1.5; } }
  @media (min-width: 768px) {
    .sec3-head2 {
      font-size: 3.6rem;
      letter-spacing: .15em; } }
  @media (max-width: 767px) {
    .sec3-head2 {
      margin-bottom: 18px; } }

@media (max-width: 767px) {
  .sec3-txt {
    font-size: 1.6rem; } }

@media (min-width: 768px) {
  .sec3-txt {
    font-size: 2rem; } }

@media (max-width: 767px) {
  .sec3-txt {
    margin-bottom: 25px; } }

@media (min-width: 768px) {
  .sec3-txt {
    margin-bottom: 43px; } }

.sec3-img {
  width: 90%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto; }

/* ------------------------
*	sec4
*/
@media (min-width: 768px) {
  .sec4 {
    padding-bottom: 150px; } }

.sec4-head {
  font-weight: 500; }
  @media (max-width: 767px) {
    .sec4-head {
      font-size: 2.8rem;
      line-height: 1.5; } }
  @media (min-width: 768px) {
    .sec4-head {
      font-size: 3.6rem;
      letter-spacing: .15em; } }
  @media (max-width: 767px) {
    .sec4-head {
      margin-top: 25px;
      margin-bottom: 18px; } }
  @media (min-width: 768px) {
    .sec4-head {
      margin-top: 44px;
      margin-bottom: 20px; } }

@media (max-width: 767px) {
  .sec4-list {
    font-size: 1.6rem; } }

@media (min-width: 768px) {
  .sec4-list {
    font-size: 2rem; } }

@media (max-width: 767px) {
  .sec4-list {
    margin-bottom: 20px; } }

@media (min-width: 768px) {
  .sec4-list {
    margin-bottom: 36px; } }

.sec4-list li {
  padding-left: 1em;
  text-indent: -1em; }
  @media (max-width: 767px) {
    .sec4-list li ~ li {
      margin-top: 29px; } }
  @media (min-width: 768px) {
    .sec4-list li ~ li {
      margin-top: 16px; } }
  .sec4-list li::first-letter {
    color: #f15a24; }

.sec4-figure {
  width: 90%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 767px) {
    .sec4-figure ~ .sec4-figure {
      margin-top: 25px; } }
  @media (min-width: 768px) {
    .sec4-figure ~ .sec4-figure {
      margin-top: 55px; } }
  .sec4-figure--caption {
    font-weight: 600;
    line-height: 1.5; }
    @media (max-width: 767px) {
      .sec4-figure--caption {
        font-size: 1.6rem; } }
    @media (min-width: 768px) {
      .sec4-figure--caption {
        font-size: 2rem; } }
    @media (max-width: 767px) {
      .sec4-figure--caption {
        margin-bottom: 6px; } }
    @media (min-width: 768px) {
      .sec4-figure--caption {
        margin-bottom: 15px; } }
    .sec4-figure--caption::before {
      content: "●";
      color: #f15a24; }

/* ------------------------
*	sec5
*/
@media (min-width: 768px) {
  .sec5 {
    padding-bottom: 150px; } }

.sec5-head {
  font-weight: 500; }
  @media (max-width: 767px) {
    .sec5-head {
      font-size: 2.8rem;
      line-height: 1.5; } }
  @media (min-width: 768px) {
    .sec5-head {
      font-size: 3.6rem;
      letter-spacing: .15em; } }
  @media (max-width: 767px) {
    .sec5-head {
      margin-top: 25px;
      margin-bottom: 18px; } }
  @media (min-width: 768px) {
    .sec5-head {
      margin-top: 44px;
      margin-bottom: 20px; } }

.sec5-head2 {
  font-weight: 600;
  line-height: 1.5;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 767px) {
    .sec5-head2 {
      font-size: 1.6rem; } }
  @media (min-width: 768px) {
    .sec5-head2 {
      font-size: 2rem; } }
  @media (max-width: 767px) {
    .sec5-head2 {
      width: 90%;
      margin-top: 19px;
      margin-bottom: 6px; } }
  @media (min-width: 768px) {
    .sec5-head2 {
      width: 800px;
      margin-top: 55px;
      margin-bottom: 15px; } }
  .sec5-head2::before {
    content: "●";
    color: #f15a24; }

.sec5-list {
  width: 90%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 767px) {
    .sec5-list {
      margin-bottom: 26px; } }
  @media (min-width: 768px) {
    .sec5-list {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 40px; } }
  .sec5-list dt {
    background-color: #fde6de; }
    @media (max-width: 767px) {
      .sec5-list dt {
        margin-bottom: 6px;
        padding: 6px 5.5%; }
        .sec5-list dt ~ dt {
          margin-top: 26px; } }
    @media (min-width: 768px) {
      .sec5-list dt {
        width: 9em;
        padding: 14px 0 14px 40px; } }
  @media (max-width: 767px) {
    .sec5-list dd {
      padding: 0 5.5%; } }
  @media (min-width: 768px) {
    .sec5-list dd {
      width: calc(800px - 9em);
      padding: 14px 0 14px 40px; }
      .sec5-list dd ~ dd {
        border-top: solid 1px #fde6de; } }
  @media (max-width: 767px) {
    .sec5-list--note {
      line-height: 1.5;
      font-size: 1.2rem; } }
  @media (min-width: 768px) {
    .sec5-list--note {
      line-height: 1.65;
      font-size: 1.6rem; } }
  .sec5-list-ol li {
    padding-left: 1em;
    text-indent: -1em; }
    .sec5-list-ol li::first-letter {
      color: #f15a24; }

.sec5-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90%;
  max-width: 600px;
  height: 60px;
  border-radius: 30px;
  margin-left: auto;
  margin-right: auto;
  background-color: #944e20; }
  @media (max-width: 767px) {
    .sec5-btn--img {
      width: 82%; } }
  @media (min-width: 768px) {
    .sec5-btn--img {
      width: 311px; } }

@media (max-width: 767px) {
  .sec5-col {
    color: #f15a24; } }

/* ------------------------
*	sec6
*/
.sec6 {
  background: url(../images/sec6_img.png) no-repeat center bottom;
  background-size: 100% auto;
  padding-bottom: 42.865%; }
  .sec6-head {
    font-weight: 500; }
    @media (max-width: 767px) {
      .sec6-head {
        font-size: 2.8rem;
        line-height: 1.5; } }
    @media (min-width: 768px) {
      .sec6-head {
        font-size: 3.6rem;
        letter-spacing: .15em; } }
    @media (max-width: 767px) {
      .sec6-head {
        margin-top: 25px;
        margin-bottom: 19px;
        padding-left: 5.5%; } }
    @media (min-width: 768px) {
      .sec6-head {
        margin-top: 44px;
        margin-bottom: 22px; } }
  .sec6-txt, .sec6-head2 {
    font-weight: 600;
    line-height: 1.5;
    padding-left: 1em;
    text-indent: -1em; }
    @media (max-width: 767px) {
      .sec6-txt, .sec6-head2 {
        font-size: 1.6rem; } }
    @media (min-width: 768px) {
      .sec6-txt, .sec6-head2 {
        font-size: 2rem; } }
    .sec6-txt::before, .sec6-head2::before {
      content: "●";
      color: #f15a24; }
  @media (max-width: 767px) {
    .sec6-head2 {
      margin-top: 22px;
      margin-bottom: 6px; } }
  @media (min-width: 768px) {
    .sec6-head2 {
      margin-top: 50px;
      margin-bottom: -5px; } }
  @media (max-width: 767px) {
    .sec6-list {
      margin-bottom: 60px; } }
  @media (min-width: 768px) {
    .sec6-list {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 100px; } }
  .sec6-list > dt {
    background-color: #fde6de; }
    @media (max-width: 767px) {
      .sec6-list > dt {
        margin-bottom: 6px;
        padding: 6px 5.5%; }
        .sec6-list > dt ~ dt {
          margin-top: 26px; } }
    @media (min-width: 768px) {
      .sec6-list > dt {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100px;
        width: 150px;
        padding: 14px 0;
        margin-top: 20px; } }
  .sec6-list > dd {
    font-weight: 600;
    line-height: 1.5;
    color: #f15a24; }
    @media (max-width: 767px) {
      .sec6-list > dd {
        font-size: 1.6rem; } }
    @media (min-width: 768px) {
      .sec6-list > dd {
        font-size: 2rem; } }
    @media (max-width: 767px) {
      .sec6-list > dd {
        padding: 0 5.5%; } }
    @media (min-width: 768px) {
      .sec6-list > dd {
        display: flex;
        align-items: center;
        height: 100px;
        width: calc(800px - 150px);
        padding: 14px 0 14px 40px;
        margin-top: 20px; } }
  .sec6-list-dl dd {
    color: #4d4d4d; }
    @media (max-width: 767px) {
      .sec6-list-dl dd {
        line-height: 1.5;
        font-size: 1.2rem; } }
    @media (min-width: 768px) {
      .sec6-list-dl dd {
        line-height: 1.65;
        font-size: 1.6rem; } }
    @media (max-width: 767px) {
      .sec6-list-dl dd {
        margin-top: 2px; } }
    @media (min-width: 768px) {
      .sec6-list-dl dd {
        margin-top: 4px; } }

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