@charset "UTF-8";
.box01 {
  padding: 60px 0;
  background: #f2f0ed;
}

@media (max-width: 767px) {
  .box01 {
    padding: 8% 2.66667%;
  }
}

.box02 {
  background: #f2f0ed;
  padding: 0 0 20px;
}

.box02 h4 {
  text-align: center;
  margin: 0 0 40px;
}

.box02 h4 small {
  color: #c2b9ad;
  display: block;
  text-align: center;
  font-size: 2.4rem;
}

.box02 .captxt {
  right: 1rem;
  bottom: 1rem;
}

.box02 .map figure {
  font-size: 0;
  line-height: 0;
}

.box02 .map p.txt {
  text-align: center;
  font-size: 1.6rem;
  color: #333;
  padding: 40px 0;
}

.box02 .map img {
  width: 100%;
}

.box02 .map .outer-min {
  position: relative;
  z-index: 2;
}

.box02 .map p {
  font-size: 8.0rem;
  color: #c2b9ad;
  margin-top: -1em;
}

.box02 div.flex {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.box02 div.flex > figure {
  width: 50%;
  text-align: center;
}

.box02 div.flex dl {
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 58px;
}

.box02 div.flex dt {
  background: -webkit-gradient(linear, left top, right top, from(#6f6554), color-stop(50%, #938670), to(#6f6554));
  background: linear-gradient(to right, #6f6554 0%, #938670 50%, #6f6554 100%);
  text-align: center;
  color: #fff;
  font-size: 2.0rem;
  padding: .1em 0;
  margin: 0 0 20px;
}

.box02 div.flex dd p {
  text-align: center;
  margin: 0 0 20px;
}

.box02 div.flex dd p small {
  display: block;
  text-align: right;
  font-size: 1.2rem;
}

.box02 div.flex dd figure {
  font-size: 0;
  line-height: 0;
}

.box02 div.flex dd figure div {
  margin: 0 0 4%;
}

@media (max-width: 767px) {
  .box02 {
    padding: 0 0 3%;
  }
  .box02 h4 {
    margin: 0 0 6%;
  }
  .box02 .map figure {
    font-size: 0;
    line-height: 0;
  }
  .box02 .map p.txt {
    font-size: 1.2rem;
    text-align: left;
    padding: 4% 2.8169%;
  }
  .box02 .map p {
    font-size: 4.0rem;
    padding: 0 2.8169%;
  }
  .box02 div.flex {
    padding: 0 2.8169%;
    display: block;
  }
  .box02 div.flex > figure {
    width: 100%;
    margin: 0 auto 8%;
  }
  .box02 div.flex dl {
    width: 100%;
    padding: 0;
    margin: 0 auto;
  }
  .box02 div.flex dt {
    font-size: 1.6rem;
    margin: 0 0 3%;
  }
  .box02 div.flex dd p {
    margin: 0 0 3%;
  }
}

.box03 {
  background: #f2f0ed;
  padding: 40px 0 50px;
}

.box03 .flex {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.box03 .captxt {
  right: 1rem;
  bottom: 1rem;
}

.box03 h4 {
  text-align: center;
  margin: 0 0 40px;
}

.box03 .flex > div {
  width: 430px;
}

.box03 .flex > div figure {
  margin: 0 0 20px;
  font-size: 0;
  line-height: 0;
}

.box03 .flex > div figure + figure {
  margin: 0;
}

.box03 .flex > figure {
  font-size: 0;
  line-height: 0;
  width: 500px;
}

@media (max-width: 767px) {
  .box03 {
    padding: 0 2.66667%;
  }
  .box03 .flex {
    display: block;
  }
  .box03 h4 {
    text-align: center;
    margin: 0 0 6%;
  }
  .box03 .flex > div {
    width: auto;
    margin: 0 0 6%;
  }
  .box03 .flex > div figure {
    margin: 0 0 3%;
  }
  .box03 .flex > figure {
    font-size: 0;
    line-height: 0;
    width: 100%;
    margin: 0 auto;
  }
}

.box04 {
  padding: 40px 0 50px;
  background: #f2f0ed;
}

.box04 h4 {
  font-size: 2.4rem;
  text-align: center;
  color: #7e7260;
  font-weight: normal;
  margin: 0 0 30px;
}

.box04 figure {
  font-size: 0;
  line-height: 0;
  margin: 0 0 40px;
}

.box04 .list {
  margin: 0 0 40px;
}

.box04 .list h5 {
  color: #704e17;
}

.box04 .list > div {
  width: 49%;
  margin-right: 2%;
}

.box04 .list > div:last-child {
  margin: 0;
}

.box04 .list ul {
  margin: 0 0 40px;
}

.box04 .list ul:last-child {
  margin: 0;
}

.box04 .list li {
  position: relative;
  font-size: 1.6rem;
  overflow: hidden;
}

.box04 .list li:before {
  content: "・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 2;
}

.box04 .list li dl {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  z-index: 3;
}

.box04 .list li dt {
  background: #f2f0ed;
  padding-right: .2em;
}

.box04 .list li dd {
  background: #f2f0ed;
  padding-left: .2em;
  min-width: 147px;
}

.box04 .pickup {
  background: #fff;
  border: 1px solid #a70536;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 0;
}

.box04 .pickup:before {
  content: "NEW";
  background: #a70536;
  border-radius: 100%;
  color: #fff;
  width: 4.8em;
  height: 4.8em;
  font-size: 1.2rem;
  text-align: center;
  line-height: 4;
  margin-right: 20px;
}

.box04 .pickup dt {
  font-size: 2.0rem;
  color: #da2a3a;
}

.box04 .pickup dd {
  font-size: 1.6rem;
}

@media (max-width: 767px) {
  .box04 {
    padding: 10% 2.66667%;
  }
  .box04 h4 {
    font-size: 2.4rem;
    margin: 0 0 6%;
  }
  .box04 figure {
    margin: 0 0 6%;
  }
  .box04 .list {
    margin: 0 0 6%;
    display: block;
  }
  .box04 .list > div {
    width: 100%;
    margin: 0;
  }
  .box04 .list ul {
    width: 100%;
    margin: 0 0 4%;
  }
  .box04 .list ul:last-child {
    margin: 0;
  }
  .box04 .list li {
    font-size: 1.2rem;
  }
  .box04 .pickup {
    background: #fff;
    border: 1px solid #a70536;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px 0;
  }
  .box04 .pickup:before {
    margin-right: 4%;
  }
  .box04 .pickup dl {
    width: 70%;
  }
  .box04 .pickup dt {
    font-size: 2.0rem;
  }
  .box04 .pickup dd {
    font-size: 1.6rem;
  }
}

.boxes {
  padding: 0 0 80px;
}

.boxes h4 {
  font-size: 2.4rem;
  line-height: 1.6;
  margin: 0 0 20px;
  font-weight: normal;
}

.boxes h4 small {
  font-size: 1.2rem;
  display: block;
  color: #c2b9ad;
  margin: 0 0 20px;
}

.boxes img {
  width: 100%;
}

.boxes div.flex {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.boxes div.flex > figure {
  width: 57.62712%;
  text-align: center;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  font-size: 0;
  line-height: 0;
}

.boxes div.flex > figure img {
  width: 100%;
}

.boxes div.flex div {
  width: 38.13559%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.boxes div.flex div p {
  margin: 0 0 40px;
}

.boxes div.flex div figure {
  text-align: center;
  font-size: 0;
  line-height: 0;
}

@media (max-width: 767px) {
  .boxes {
    padding: 0 2.66667% 10%;
  }
  .boxes h4 {
    font-size: 1.6rem;
    margin: 0 0 3%;
  }
  .boxes div.flex {
    display: block;
  }
  .boxes div.flex > figure {
    width: 100%;
    margin: 0 auto;
  }
  .boxes div.flex div {
    width: auto;
    padding: 0;
    margin: 0 auto 4%;
  }
  .boxes div.flex div p {
    margin: 0 0 4%;
  }
}

.box05 {
  background: #f2f0ed;
  padding: 0 0 80px;
}

.box05 div.flex > figure {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.box05 div.flex > figure .captxt {
  right: 1rem;
  bottom: 52%;
}

.box05 div.flex > figure .captxt + .captxt {
  bottom: 1rem;
}

.box05 div.flex div {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.box05 div.flex div figure .captxt {
  right: 1rem;
  bottom: 1rem;
}

@media (max-width: 767px) {
  .box05 {
    padding: 0 2.66667% 10%;
  }
}

.box06 {
  background: #fff;
  padding: 80px 0;
}

.box06 div.flex > figure {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.box06 div.flex > figure .captxt {
  right: 1rem;
  bottom: 1rem;
}

.box06 div.flex div {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.box06 div.flex div figure .captxt {
  right: 1rem;
  bottom: 1rem;
}

@media (max-width: 767px) {
  .box06 {
    padding: 10% 2.66667%;
  }
}

.box07 {
  background: #f2f0ed;
  padding: 80px 0;
}

.box07 div.flex > figure {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.box07 div.flex > figure .captxt {
  right: 1rem;
  bottom: 1rem;
}

.box07 div.flex div {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.box07 div.flex div figure .captxt {
  right: 1rem;
  bottom: 1rem;
}

@media (max-width: 767px) {
  .box07 {
    padding: 10% 2.66667%;
  }
}

.box08 {
  background: #f2f0ed;
  padding: 0 0 80px;
}

.box08 img {
  width: 100%;
}

@media (max-width: 767px) {
  .box08 {
    padding: 0 2.66667% 10%;
  }
}
/*# sourceMappingURL=location.css.map */