/* ------------ colors ------------ */
/* ------------------------------- */
/* ------------ text-color ------------ */
/* ------------ border-color ------------ */
/* ------------ background-color ------------ */
/* ------------ system-color ------------ */
/* ------------ cv ------------ */
/* ------------ menu ------------ */
/* ------------ NEW ------------ */
/* ------------ slick-color ------------ */
.l-top {
  overflow-x: hidden;
}
.l-top main {
  padding-bottom: 0;
  margin-top: 0;
}

/* ------------------------------------

main

------------------------------------ */
@media screen and (min-width: 761px) {
  .l-main .main {
    height: 746px;
    background: url(../images/main.jpg) no-repeat center top;
    background-size: auto 100%;
    margin-bottom: 20px;
  }
  .l-main .main .inner {
    width: 1100px;
    margin: 0 auto;
    position: relative;
  }
  .l-main .main .inner p {
    position: absolute;
    text-align: left;
    font-size: 18px;
    color: #71634f;
    font-weight: 600;
    line-height: 1.8;
    left: 45px;
    bottom: 60px;
  }
}
@media screen and (max-width: 740px) {
  .l-main .main {
    background: url(../images/main_sp.jpg) no-repeat center top;
    background-size: 100% auto;
    margin-bottom: 19%;
  }
  .l-main .main .inner {
    width: 90%;
    margin: 0 5%;
    padding-top: 118vw;
  }
  .l-main .main .inner p {
    text-align: left;
    font-size: 4vw;
    color: #71634f;
    font-weight: 600;
    line-height: 1.8;
  }
}
/* ------------------------------------

section01

------------------------------------ */
@media screen and (min-width: 761px) {
  .l-main .section01 {
    background: #fef6f1;
    padding: 0 0 60px;
    position: relative;
    height: 318px;
    margin-bottom: 75px;
  }
  .l-main .section01 .title {
    width: 1100px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    top: -50px;
  }
  .l-main .section01 .inner {
    margin: 0 auto;
    padding-top: 138px;
    width: 1100px;
  }
  .l-main .section01 ul {
    float: left;
    font-size: 24px;
    font-family: fot-tsukubrdgothic-std, sans-serif;
    font-weight: 700;
    float: left;
    margin-right: 25px;
  }
  .l-main .section01 ul:last-child {
    margin-right: 0;
  }
  .l-main .section01 ul li {
    background: url(../images/ico_check.png) no-repeat left center;
    background-size: 29px auto;
    padding-left: 38px;
  }
}
@media screen and (max-width: 740px) {
  .l-main .section01 {
    background: #fef6f1;
    padding: 13% 0 5%;
    position: relative;
    margin-bottom: 13%;
  }
  .l-main .section01 .title {
    width: 100%;
    position: relative;
    margin: -22% 0 5%;
  }
  .l-main .section01 .inner {
    margin: 0 auto;
    width: 85%;
  }
  .l-main .section01 ul {
    float: left;
    letter-spacing: -1px;
    font-size: 4.53vw;
    font-family: fot-tsukubrdgothic-std, sans-serif;
    font-weight: 700;
    text-align: left;
  }
  .l-main .section01 ul li {
    background: url(../images/ico_check.png) no-repeat left center;
    background-size: 23px auto;
    padding-left: 30px;
    margin-bottom: 3%;
  }
}
/* ------------------------------------

section02

------------------------------------ */
@media screen and (min-width: 761px) {
  .l-main .section02 {
    margin-bottom: 70px;
    text-align: center;
  }
  .l-main .section02 .title {
    font-size: 40px;
    font-weight: 700;
    font-family: fot-tsukubrdgothic-std, sans-serif;
    color: #e48764;
    letter-spacing: 2px;
    margin-bottom: 10px;
  }
  .l-main .section02 .txt {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.8;
  }
}
@media screen and (max-width: 740px) {
  .l-main .section02 {
    margin-bottom: 13%;
    text-align: center;
  }
  .l-main .section02 .title {
    font-size: 8vw;
    font-weight: 700;
    font-family: fot-tsukubrdgothic-std, sans-serif;
    color: #e48764;
    letter-spacing: 2px;
    margin-bottom: 2%;
  }
  .l-main .section02 .txt {
    font-size: 4vw;
    font-weight: 600;
    line-height: 2;
  }
}
/* ------------------------------------

section03

------------------------------------ */
@media screen and (min-width: 761px) {
  .l-main .section03 {
    margin-bottom: 70px;
    text-align: center;
  }
  .l-main .section03 .title {
    font-size: 40px;
    font-weight: 700;
    font-family: fot-tsukubrdgothic-std, sans-serif;
    color: #71634f;
    letter-spacing: 2px;
    margin-bottom: 20px;
  }
  .l-main .section03 .icon {
    width: 1100px;
    margin: 0 auto 60px;
  }
  .l-main .section03 .txt {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.8;
    margin-bottom: 30px;
  }
  .l-main .section03 .catch {
    font-size: 28px;
    font-weight: 700;
    font-family: fot-tsukubrdgothic-std, sans-serif;
    color: #e48764;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 740px) {
  .l-main .section03 {
    margin-bottom: 10%;
    text-align: center;
  }
  .l-main .section03 .title {
    font-size: 8vw;
    font-weight: 700;
    font-family: fot-tsukubrdgothic-std, sans-serif;
    color: #71634f;
    letter-spacing: 2px;
    margin-bottom: 5%;
  }
  .l-main .section03 .icon {
    width: 85%;
    margin: 0 auto 13%;
  }
  .l-main .section03 .txt {
    font-size: 4vw;
    font-weight: 600;
    line-height: 2;
    margin-bottom: 3%;
  }
  .l-main .section03 .catch {
    font-size: 8vw;
    font-weight: 700;
    font-family: fot-tsukubrdgothic-std, sans-serif;
    color: #e48764;
    line-height: 1.3;
  }
}
/* ------------------------------------

section04

------------------------------------ */
@media screen and (min-width: 761px) {
  .l-main .section04 {
    text-align: center;
    height: 180px;
    background: url(../images/footer.jpg) no-repeat center bottom;
    background-size: auto 118px;
  }
  .l-main .section04 .txt {
    width: 803px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 740px) {
  .l-main .section04 {
    text-align: center;
    padding-bottom: 30%;
    background: url(../images/footer_sp.jpg) no-repeat center bottom;
    background-size: 100% auto;
  }
  .l-main .section04 .txt {
    width: 85%;
    margin: 0 auto;
  }
}

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