@charset "utf-8";

/*--------------------------------------------------------------
  Width
 --------------------------------------------------------------*/
@media only screen and (min-width: 769px) {
  .width-pc-10p {
    width: 10% !important;
  }
  .width-pc-20p {
    width: 20% !important;
  }
  .width-pc-30p {
    width: 30% !important;
  }
  .width-pc-40p {
    width: 40% !important;
  }
  .width-pc-50p {
    width: 50% !important;
  }
  .width-pc-60p {
    width: 60% !important;
  }
  .width-pc-70p {
    width: 70% !important;
  }
  .width-pc-80p {
    width: 80% !important;
  }
  .width-pc-90p {
    width: 90% !important;
  }
  .width-pc-100p {
    width: 100% !important;
  }

  .width-pc-100 {
    width: 100px !important;
  }
  .width-pc-140 {
    width: 140px !important;
  }
  .width-pc-150 {
    width: 150px !important;
  }
  .width-pc-160 {
    width: 160px !important;
  }
  .width-pc-170 {
    width: 170px !important;
  }
  .width-pc-180 {
    width: 180px !important;
  }
  .width-pc-185 {
    width: 185px !important;
  }
  .width-pc-190 {
    width: 190px !important;
  }
  .width-pc-200 {
    width: 200px !important;
  }
  .width-pc-250 {
    width: 250px !important;
  }
  .width-pc-260 {
    width: 260px !important;
  }
  .width-pc-270 {
    width: 270px !important;
  }
  .width-pc-280 {
    width: 280px !important;
  }
  .width-pc-290 {
    width: 290px !important;
  }
  .width-pc-300 {
    width: 300px !important;
  }
  .width-pc-350 {
    width: 350px !important;
  }
  .width-pc-400 {
    width: 400px !important;
  }
  .width-pc-450 {
    width: 450px !important;
  }
  .width-pc-500 {
    width: 500px !important;
  }
  .width-pc-530 {
    width: 530px !important;
  }
  .width-pc-540 {
    width: 540px !important;
  }
  .width-pc-550 {
    width: 550px !important;
  }
  .width-pc-560 {
    width: 560px !important;
  }
  .width-pc-570 {
    width: 570px !important;
  }
  .width-pc-580 {
    width: 580px !important;
  }
  .width-pc-590 {
    width: 590px !important;
  }
  .width-pc-600 {
    width: 600px !important;
  }
  .width-pc-650 {
    width: 650px !important;
  }
}
@media only screen and (max-width: 768px) {
  .width-sp-10p {
    width: 10% !important;
  }
  .width-sp-20p {
    width: 20% !important;
  }
  .width-sp-25p {
    width: 25% !important;
  }
  .width-sp-30p {
    width: 30% !important;
  }
  .width-sp-35p {
    width: 35% !important;
  }
  .width-sp-40p {
    width: 40% !important;
  }
  .width-sp-45p {
    width: 45% !important;
  }
  .width-sp-50p {
    width: 50% !important;
  }
  .width-sp-55p {
    width: 55% !important;
  }
  .width-sp-60p {
    width: 60% !important;
  }
  .width-sp-65p {
    width: 65% !important;
  }
  .width-sp-70p {
    width: 70% !important;
  }
  .width-sp-75p {
    width: 75% !important;
  }
  .width-sp-80p {
    width: 80% !important;
  }
  .width-sp-90p {
    width: 90% !important;
  }
  .width-sp-100p {
    width: 100% !important;
  }

  .width-sp-100 {
    width: 26.6666vw !important;
  }
  .width-sp-110 {
    width: 29.3333vw !important;
  }
  .width-sp-120 {
    width: 32vw !important;
  }
  .width-sp-130 {
    width: 34.6666vw !important;
  }
  .width-sp-140 {
    width: 37.3333vw !important;
  }
  .width-sp-150 {
    width: 40vw !important;
  }
  .width-sp-155 {
    width: 41.3333vw !important;
  }
  .width-sp-160 {
    width: 42.6666vw !important;
  }
  .width-sp-165 {
    width: 44vw !important;
  }
  .width-sp-170 {
    width: 45.3333vw !important;
  }
  .width-sp-175 {
    width: 46.6666vw !important;
  }
  .width-sp-180 {
    width: 48vw !important;
  }
  .width-sp-185 {
    width: 49.3333vw !important;
  }
  .width-sp-190 {
    width: 50.6666vw !important;
  }
  .width-sp-195 {
    width: 52vw !important;
  }
  .width-sp-200 {
    width: 53.3333vw !important;
  }
  .width-sp-210 {
    width: 56vw !important;
  }
  .width-sp-220 {
    width: 58.6666vw !important;
  }
  .width-sp-230 {
    width: 61.3333vw !important;
  }
  .width-sp-240 {
    width: 64vw !important;
  }
  .width-sp-250 {
    width: 66.6666vw !important;
  }
  .width-sp-260 {
    width: 69.3333vw !important;
  }
  .width-sp-270 {
    width: 72vw !important;
  }
  .width-sp-280 {
    width: 74.6666vw !important;
  }
  .width-sp-290 {
    width: 77.3333vw !important;
  }
  .width-sp-300 {
    width: 80vw !important;
  }
}


/*--------------------------------------------------------------
  Margin
 --------------------------------------------------------------*/
.mt-pc-10 {
  margin-top: 10px !important;
}
.mt-pc-20 {
  margin-top: 20px !important;
}
.mt-pc-30 {
  margin-top: 30px !important;
}
.mt-pc-40 {
  margin-top: 40px !important;
}
.mt-pc-50 {
  margin-top: 50px !important;
}
.mt-pc-60 {
  margin-top: 60px !important;
}
.mt-pc-70 {
  margin-top: 70px !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}
.mb-pc-10 {
  margin-bottom: 10px !important;
}
.mb-pc-20 {
  margin-bottom: 20px !important;
}
.mb-pc-30 {
  margin-bottom: 30px !important;
}
.mb-pc-40 {
  margin-bottom: 40px !important;
}
.mb-pc-50 {
  margin-bottom: 50px !important;
}
.mb-pc-60 {
  margin-bottom: 60px !important;
}
.mb-pc-70 {
  margin-bottom: 70px !important;
}

@media only screen and (max-width: 768px) {
  .mt-sp-5 {
    margin-top: 1.3333vw !important;
  }
  .mt-sp-10 {
    margin-top: 2.6666vw !important;
  }
  .mt-sp-15 {
    margin-top: 4vw !important;
  }
  .mt-sp-20 {
    margin-top: 5.3333vw !important;
  }
  .mt-sp-25 {
    margin-top: 6.6666vw !important;
  }
  .mt-sp-30 {
    margin-top: 8vw !important;
  }
  .mt-sp-35 {
    margin-top: 9.3333vw !important;
  }
  .mt-sp-40 {
    margin-top: 10.6666vw !important;
  }
  .mt-sp-45 {
    margin-top: 12vw !important;
  }
  .mt-sp-50 {
    margin-top: 13.3333vw !important;
  }
  .mt-sp-55 {
    margin-top: 14.6666vw !important;
  }
  .mt-sp-60 {
    margin-top: 16vw !important;
  }

  .mb-sp-5 {
    margin-bottom: 1.3333vw !important;
  }
  .mb-sp-10 {
    margin-bottom: 2.6666vw !important;
  }
  .mb-sp-15 {
    margin-bottom: 4vw !important;
  }
  .mb-sp-20 {
    margin-bottom: 5.3333vw !important;
  }
  .mb-sp-25 {
    margin-bottom: 6.6666vw !important;
  }
  .mb-sp-30 {
    margin-bottom: 8vw !important;
  }
  .mb-sp-35 {
    margin-bottom: 9.3333vw !important;
  }
  .mb-sp-40 {
    margin-bottom: 10.6666vw !important;
  }
  .mb-sp-45 {
    margin-bottom: 12vw !important;
  }
  .mb-sp-50 {
    margin-bottom: 13.3333vw !important;
  }
  .mb-sp-55 {
    margin-bottom: 14.6666vw !important;
  }
  .mb-sp-60 {
    margin-bottom: 16vw !important;
  }
  .mb-sp-70 {
    margin-bottom: 18.6666vw !important;
  }
  .mb-sp-80 {
    margin-bottom: 21.3333vw !important;
  }
}

.pd-70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}
@media only screen and (max-width: 768px) {
  .pd-70 {
    padding-top: 18.6666vw !important;
    padding-bottom: 18.6666vw !important;
  }
}


/*--------------------------------------------------------------
  Text
 --------------------------------------------------------------*/
.bg--none {
  background: none !important;
}
.bg--beige {
  background-color: #e7e0d0;
}
.bg--gray {
  background-color: #eee;
}
.bg--white {
  background-color: #fff;
}
.bg--black {
  background-color: #333;
}
.text--beige {
  color: #af964f;
  font-weight: bold;
}
.text--red {
  color: #dd1f22;
}
.text-left {
  text-align: left !important;
}
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}
.text-small {
  display: block;
  font-size: 12px;
  line-height: 18px;
}
@media only screen and (min-width: 769px) {
  .text-left-pc {
    text-align: left !important;
  }
  .text-center-pc {
    text-align: center !important;
  }
  .text-right-pc {
    text-align: right !important;
  }
}
@media only screen and (max-width: 768px) {
  .text-left-sp {
    text-align: left !important;
  }
  .text-center-sp {
    text-align: center !important;
  }
  .text-right-sp {
    text-align: right !important;
  }
  .text-small {
    font-size: 3.2vw;
    line-height: 4.8vw;
  }
}


/*--------------------------------------------------------------
  Flex
 --------------------------------------------------------------*/
.gap-row-30 {
  row-gap: 30px !important;
}
.gap-row-40 {
  row-gap: 40px !important;
}
.gap-row-50 {
  row-gap: 50px !important;
}
.ai-center {
  align-items: center !important;
}
@media only screen and (max-width: 768px) {
  .gap-row-sp-0 {
    row-gap: 0 !important;
  }
  .flex-wrap-sp {
    flex-wrap: wrap !important;
  }
  .flex-no-wrap-sp {
    flex-wrap: nowrap !important;
  }
}

@media only screen and (min-width: 769px) {
  .ai-center-pc {
    align-items: center !important;
  }
  .list--col-pc-2 > li {
    width: calc((100% - 20px) / 2);
  }
  .list--col-pc-3 > li {
    width: calc((100% - 40px) / 3);
  }
  .list--col-pc-4 > li {
    width: calc((100% - 60px) / 4);
  }
}
@media only screen and (max-width: 768px) {
  .ai-center-sp {
    align-items: center !important;
  }
  .list--col-sp-1 > li {
    width: 100%;
  }
  .list--col-sp-2 > li {
    width: calc((100% - 5.3333vw) / 2);
  }
}