* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style-type: none;
  text-decoration: none;
}

body {
  font-family: "Noto Sans JP", sans-serif;
}

img {
  max-width: -moz-max-content;
  max-width: max-content;
  width: 100%;
  display: block;
  margin: auto;
}

.ff-serif {
  font-family: "Noto Serif JP", serif;
}

* {
  color: #340008;
}

main {
  overflow-x: hidden;
  padding-top: 150px;
}
@media (max-width: 780px) {
  main {
    padding-top: 60px;
  }
}

.sp-only {
  display: none;
}
@media (max-width: 480px) {
  .sp-only {
    display: block;
  }
}

.tab-only {
  display: none;
}
@media (max-width: 780px) {
  .tab-only {
    display: block;
  }
}

.pc-only {
  display: block;
}
@media (max-width: 780px) {
  .pc-only {
    display: none;
  }
}

.bg-link {
  background-color: #004b9b !important;
  text-decoration: underline;
}

.bg-primary {
  background-color: #007bff !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

.bg-success {
  background-color: #28a745 !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

.bg-bk {
  background-color: #340008 !important;
}

.bg-white {
  background-color: #ffffff !important;
}

.bg-black {
  background-color: #000000 !important;
}

.bg-gray {
  background-color: #6c757d !important;
}

.bg-gray-light {
  background-color: #f1f1f1 !important;
}

.bg-blue {
  background-color: #0d6efd !important;
}

.bg-yellow {
  background-color: #ffc107 !important;
}

.bg-green {
  background-color: #5da513 !important;
}

.bg-green-light {
  background-color: #c0d73b !important;
}

.bg-green-dark {
  background-color: #3f720e !important;
}

.bg-red {
  background-color: #dc3545 !important;
}

.bg-orange {
  background-color: #f39700 !important;
}

.bg-purple {
  background-color: #6f42c1 !important;
}

.bg-pink {
  background-color: #e83e8c !important;
}

.bg-beige {
  background-color: #f5f0e8 !important;
}

.bg-navy {
  background-color: #1a2b4c !important;
}

.bg-gold {
  background-color: #d4af37 !important;
}

.bg-pale-gold {
  background-color: #f7f6f0 !important;
}

.text-link {
  color: #004b9b !important;
  text-decoration: underline;
}

.text-primary {
  color: #007bff !important;
}

.text-secondary {
  color: #6c757d !important;
}

.text-success {
  color: #28a745 !important;
}

.text-danger {
  color: #dc3545 !important;
}

.text-warning {
  color: #ffc107 !important;
}

.text-info {
  color: #17a2b8 !important;
}

.text-light {
  color: #f8f9fa !important;
}

.text-dark {
  color: #343a40 !important;
}

.text-bk {
  color: #340008 !important;
}

.text-white {
  color: #ffffff !important;
}

.text-black {
  color: #000000 !important;
}

.text-gray {
  color: #6c757d !important;
}

.text-gray-light {
  color: #f1f1f1 !important;
}

.text-blue {
  color: #0d6efd !important;
}

.text-yellow {
  color: #ffc107 !important;
}

.text-green {
  color: #5da513 !important;
}

.text-green-light {
  color: #c0d73b !important;
}

.text-green-dark {
  color: #3f720e !important;
}

.text-red {
  color: #dc3545 !important;
}

.text-orange {
  color: #f39700 !important;
}

.text-purple {
  color: #6f42c1 !important;
}

.text-pink {
  color: #e83e8c !important;
}

.text-beige {
  color: #f5f0e8 !important;
}

.text-navy {
  color: #1a2b4c !important;
}

.text-gold {
  color: #d4af37 !important;
}

.text-pale-gold {
  color: #f7f6f0 !important;
}

.bg-transparent {
  background-color: transparent !important;
}
.bg-fab {
  background: url(../images/bg-fab.webp) repeat;
  background-size: contain;
}
.bg-saiyo {
  background: url(../images/bg-saiyo.webp) no-repeat;
  background-size: cover;
  background-position: center;
}

.gap-0 {
  gap: 0;
}
@media (max-width: 780px) {
  .gap-0-tab {
    gap: 0 !important;
  }
}
@media (max-width: 480px) {
  .gap-0-sp {
    gap: 0 !important;
  }
}

.m-0 {
  margin: 0;
}

.p-0 {
  padding: 0;
}

.mt-0 {
  margin-top: 0;
}

.mb-0 {
  margin-bottom: 0;
}

.ml-0 {
  margin-left: 0;
}

.mr-0 {
  margin-right: 0;
}

.pt-0 {
  padding-top: 0;
}

.pb-0 {
  padding-bottom: 0;
}

.pl-0 {
  padding-left: 0;
}

.pr-0 {
  padding-right: 0;
}

@media (max-width: 780px) {
  .m-0-tab {
    margin: 0 !important;
  }
  .p-0-tab {
    padding: 0 !important;
  }
  .mt-0-tab {
    margin-top: 0 !important;
  }
  .mb-0-tab {
    margin-bottom: 0 !important;
  }
  .ml-0-tab {
    margin-left: 0 !important;
  }
  .mr-0-tab {
    margin-right: 0 !important;
  }
  .pt-0-tab {
    padding-top: 0 !important;
  }
  .pb-0-tab {
    padding-bottom: 0 !important;
  }
  .pl-0-tab {
    padding-left: 0 !important;
  }
  .pr-0-tab {
    padding-right: 0 !important;
  }
}
@media (max-width: 480px) {
  .m-0-sp {
    margin: 0 !important;
  }
  .p-0-sp {
    padding: 0 !important;
  }
  .mt-0-sp {
    margin-top: 0 !important;
  }
  .mb-0-sp {
    margin-bottom: 0 !important;
  }
  .ml-0-sp {
    margin-left: 0 !important;
  }
  .mr-0-sp {
    margin-right: 0 !important;
  }
  .pt-0-sp {
    padding-top: 0 !important;
  }
  .pb-0-sp {
    padding-bottom: 0 !important;
  }
  .pl-0-sp {
    padding-left: 0 !important;
  }
  .pr-0-sp {
    padding-right: 0 !important;
  }
}
.gap-2 {
  gap: 2px;
}
@media (max-width: 780px) {
  .gap-2-tab {
    gap: 2px !important;
  }
}
@media (max-width: 480px) {
  .gap-2-sp {
    gap: 2px !important;
  }
}

.m-2 {
  margin: 2px;
}

.p-2 {
  padding: 2px;
}

.mt-2 {
  margin-top: 2px;
}

.mb-2 {
  margin-bottom: 2px;
}

.ml-2 {
  margin-left: 2px;
}

.mr-2 {
  margin-right: 2px;
}

.pt-2 {
  padding-top: 2px;
}

.pb-2 {
  padding-bottom: 2px;
}

.pl-2 {
  padding-left: 2px;
}

.pr-2 {
  padding-right: 2px;
}

@media (max-width: 780px) {
  .m-2-tab {
    margin: 2px !important;
  }
  .p-2-tab {
    padding: 2px !important;
  }
  .mt-2-tab {
    margin-top: 2px !important;
  }
  .mb-2-tab {
    margin-bottom: 2px !important;
  }
  .ml-2-tab {
    margin-left: 2px !important;
  }
  .mr-2-tab {
    margin-right: 2px !important;
  }
  .pt-2-tab {
    padding-top: 2px !important;
  }
  .pb-2-tab {
    padding-bottom: 2px !important;
  }
  .pl-2-tab {
    padding-left: 2px !important;
  }
  .pr-2-tab {
    padding-right: 2px !important;
  }
}
@media (max-width: 480px) {
  .m-2-sp {
    margin: 2px !important;
  }
  .p-2-sp {
    padding: 2px !important;
  }
  .mt-2-sp {
    margin-top: 2px !important;
  }
  .mb-2-sp {
    margin-bottom: 2px !important;
  }
  .ml-2-sp {
    margin-left: 2px !important;
  }
  .mr-2-sp {
    margin-right: 2px !important;
  }
  .pt-2-sp {
    padding-top: 2px !important;
  }
  .pb-2-sp {
    padding-bottom: 2px !important;
  }
  .pl-2-sp {
    padding-left: 2px !important;
  }
  .pr-2-sp {
    padding-right: 2px !important;
  }
}
.gap-4 {
  gap: 4px;
}
@media (max-width: 780px) {
  .gap-4-tab {
    gap: 4px !important;
  }
}
@media (max-width: 480px) {
  .gap-4-sp {
    gap: 4px !important;
  }
}

.m-4 {
  margin: 4px;
}

.p-4 {
  padding: 4px;
}

.mt-4 {
  margin-top: 4px;
}

.mb-4 {
  margin-bottom: 4px;
}

.ml-4 {
  margin-left: 4px;
}

.mr-4 {
  margin-right: 4px;
}

.pt-4 {
  padding-top: 4px;
}

.pb-4 {
  padding-bottom: 4px;
}

.pl-4 {
  padding-left: 4px;
}

.pr-4 {
  padding-right: 4px;
}

@media (max-width: 780px) {
  .m-4-tab {
    margin: 4px !important;
  }
  .p-4-tab {
    padding: 4px !important;
  }
  .mt-4-tab {
    margin-top: 4px !important;
  }
  .mb-4-tab {
    margin-bottom: 4px !important;
  }
  .ml-4-tab {
    margin-left: 4px !important;
  }
  .mr-4-tab {
    margin-right: 4px !important;
  }
  .pt-4-tab {
    padding-top: 4px !important;
  }
  .pb-4-tab {
    padding-bottom: 4px !important;
  }
  .pl-4-tab {
    padding-left: 4px !important;
  }
  .pr-4-tab {
    padding-right: 4px !important;
  }
}
@media (max-width: 480px) {
  .m-4-sp {
    margin: 4px !important;
  }
  .p-4-sp {
    padding: 4px !important;
  }
  .mt-4-sp {
    margin-top: 4px !important;
  }
  .mb-4-sp {
    margin-bottom: 4px !important;
  }
  .ml-4-sp {
    margin-left: 4px !important;
  }
  .mr-4-sp {
    margin-right: 4px !important;
  }
  .pt-4-sp {
    padding-top: 4px !important;
  }
  .pb-4-sp {
    padding-bottom: 4px !important;
  }
  .pl-4-sp {
    padding-left: 4px !important;
  }
  .pr-4-sp {
    padding-right: 4px !important;
  }
}
.gap-8 {
  gap: 8px;
}
@media (max-width: 780px) {
  .gap-8-tab {
    gap: 8px !important;
  }
}
@media (max-width: 480px) {
  .gap-8-sp {
    gap: 8px !important;
  }
}

.m-8 {
  margin: 8px;
}

.p-8 {
  padding: 8px;
}

.mt-8 {
  margin-top: 8px;
}

.mb-8 {
  margin-bottom: 8px;
}

.ml-8 {
  margin-left: 8px;
}

.mr-8 {
  margin-right: 8px;
}

.pt-8 {
  padding-top: 8px;
}

.pb-8 {
  padding-bottom: 8px;
}

.pl-8 {
  padding-left: 8px;
}

.pr-8 {
  padding-right: 8px;
}

@media (max-width: 780px) {
  .m-8-tab {
    margin: 8px !important;
  }
  .p-8-tab {
    padding: 8px !important;
  }
  .mt-8-tab {
    margin-top: 8px !important;
  }
  .mb-8-tab {
    margin-bottom: 8px !important;
  }
  .ml-8-tab {
    margin-left: 8px !important;
  }
  .mr-8-tab {
    margin-right: 8px !important;
  }
  .pt-8-tab {
    padding-top: 8px !important;
  }
  .pb-8-tab {
    padding-bottom: 8px !important;
  }
  .pl-8-tab {
    padding-left: 8px !important;
  }
  .pr-8-tab {
    padding-right: 8px !important;
  }
}
@media (max-width: 480px) {
  .m-8-sp {
    margin: 8px !important;
  }
  .p-8-sp {
    padding: 8px !important;
  }
  .mt-8-sp {
    margin-top: 8px !important;
  }
  .mb-8-sp {
    margin-bottom: 8px !important;
  }
  .ml-8-sp {
    margin-left: 8px !important;
  }
  .mr-8-sp {
    margin-right: 8px !important;
  }
  .pt-8-sp {
    padding-top: 8px !important;
  }
  .pb-8-sp {
    padding-bottom: 8px !important;
  }
  .pl-8-sp {
    padding-left: 8px !important;
  }
  .pr-8-sp {
    padding-right: 8px !important;
  }
}
.gap-12 {
  gap: 12px;
}
@media (max-width: 780px) {
  .gap-12-tab {
    gap: 12px !important;
  }
}
@media (max-width: 480px) {
  .gap-12-sp {
    gap: 12px !important;
  }
}

.m-12 {
  margin: 12px;
}

.p-12 {
  padding: 12px;
}

.mt-12 {
  margin-top: 12px;
}

.mb-12 {
  margin-bottom: 12px;
}

.ml-12 {
  margin-left: 12px;
}

.mr-12 {
  margin-right: 12px;
}

.pt-12 {
  padding-top: 12px;
}

.pb-12 {
  padding-bottom: 12px;
}

.pl-12 {
  padding-left: 12px;
}

.pr-12 {
  padding-right: 12px;
}

@media (max-width: 780px) {
  .m-12-tab {
    margin: 12px !important;
  }
  .p-12-tab {
    padding: 12px !important;
  }
  .mt-12-tab {
    margin-top: 12px !important;
  }
  .mb-12-tab {
    margin-bottom: 12px !important;
  }
  .ml-12-tab {
    margin-left: 12px !important;
  }
  .mr-12-tab {
    margin-right: 12px !important;
  }
  .pt-12-tab {
    padding-top: 12px !important;
  }
  .pb-12-tab {
    padding-bottom: 12px !important;
  }
  .pl-12-tab {
    padding-left: 12px !important;
  }
  .pr-12-tab {
    padding-right: 12px !important;
  }
}
@media (max-width: 480px) {
  .m-12-sp {
    margin: 12px !important;
  }
  .p-12-sp {
    padding: 12px !important;
  }
  .mt-12-sp {
    margin-top: 12px !important;
  }
  .mb-12-sp {
    margin-bottom: 12px !important;
  }
  .ml-12-sp {
    margin-left: 12px !important;
  }
  .mr-12-sp {
    margin-right: 12px !important;
  }
  .pt-12-sp {
    padding-top: 12px !important;
  }
  .pb-12-sp {
    padding-bottom: 12px !important;
  }
  .pl-12-sp {
    padding-left: 12px !important;
  }
  .pr-12-sp {
    padding-right: 12px !important;
  }
}
.gap-16 {
  gap: 16px;
}
@media (max-width: 780px) {
  .gap-16-tab {
    gap: 16px !important;
  }
}
@media (max-width: 480px) {
  .gap-16-sp {
    gap: 16px !important;
  }
}

.m-16 {
  margin: 16px;
}

.p-16 {
  padding: 16px;
}

.mt-16 {
  margin-top: 16px;
}

.mb-16 {
  margin-bottom: 16px;
}

.ml-16 {
  margin-left: 16px;
}

.mr-16 {
  margin-right: 16px;
}

.pt-16 {
  padding-top: 16px;
}

.pb-16 {
  padding-bottom: 16px;
}

.pl-16 {
  padding-left: 16px;
}

.pr-16 {
  padding-right: 16px;
}

@media (max-width: 780px) {
  .m-16-tab {
    margin: 16px !important;
  }
  .p-16-tab {
    padding: 16px !important;
  }
  .mt-16-tab {
    margin-top: 16px !important;
  }
  .mb-16-tab {
    margin-bottom: 16px !important;
  }
  .ml-16-tab {
    margin-left: 16px !important;
  }
  .mr-16-tab {
    margin-right: 16px !important;
  }
  .pt-16-tab {
    padding-top: 16px !important;
  }
  .pb-16-tab {
    padding-bottom: 16px !important;
  }
  .pl-16-tab {
    padding-left: 16px !important;
  }
  .pr-16-tab {
    padding-right: 16px !important;
  }
}
@media (max-width: 480px) {
  .m-16-sp {
    margin: 16px !important;
  }
  .p-16-sp {
    padding: 16px !important;
  }
  .mt-16-sp {
    margin-top: 16px !important;
  }
  .mb-16-sp {
    margin-bottom: 16px !important;
  }
  .ml-16-sp {
    margin-left: 16px !important;
  }
  .mr-16-sp {
    margin-right: 16px !important;
  }
  .pt-16-sp {
    padding-top: 16px !important;
  }
  .pb-16-sp {
    padding-bottom: 16px !important;
  }
  .pl-16-sp {
    padding-left: 16px !important;
  }
  .pr-16-sp {
    padding-right: 16px !important;
  }
}
.gap-20 {
  gap: 20px;
}
@media (max-width: 780px) {
  .gap-20-tab {
    gap: 20px !important;
  }
}
@media (max-width: 480px) {
  .gap-20-sp {
    gap: 20px !important;
  }
}

.m-20 {
  margin: 20px;
}

.p-20 {
  padding: 20px;
}

.mt-20 {
  margin-top: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.ml-20 {
  margin-left: 20px;
}

.mr-20 {
  margin-right: 20px;
}

.pt-20 {
  padding-top: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pl-20 {
  padding-left: 20px;
}

.pr-20 {
  padding-right: 20px;
}

@media (max-width: 780px) {
  .m-20-tab {
    margin: 20px !important;
  }
  .p-20-tab {
    padding: 20px !important;
  }
  .mt-20-tab {
    margin-top: 20px !important;
  }
  .mb-20-tab {
    margin-bottom: 20px !important;
  }
  .ml-20-tab {
    margin-left: 20px !important;
  }
  .mr-20-tab {
    margin-right: 20px !important;
  }
  .pt-20-tab {
    padding-top: 20px !important;
  }
  .pb-20-tab {
    padding-bottom: 20px !important;
  }
  .pl-20-tab {
    padding-left: 20px !important;
  }
  .pr-20-tab {
    padding-right: 20px !important;
  }
}
@media (max-width: 480px) {
  .m-20-sp {
    margin: 20px !important;
  }
  .p-20-sp {
    padding: 20px !important;
  }
  .mt-20-sp {
    margin-top: 20px !important;
  }
  .mb-20-sp {
    margin-bottom: 20px !important;
  }
  .ml-20-sp {
    margin-left: 20px !important;
  }
  .mr-20-sp {
    margin-right: 20px !important;
  }
  .pt-20-sp {
    padding-top: 20px !important;
  }
  .pb-20-sp {
    padding-bottom: 20px !important;
  }
  .pl-20-sp {
    padding-left: 20px !important;
  }
  .pr-20-sp {
    padding-right: 20px !important;
  }
}
.gap-24 {
  gap: 24px;
}
@media (max-width: 780px) {
  .gap-24-tab {
    gap: 24px !important;
  }
}
@media (max-width: 480px) {
  .gap-24-sp {
    gap: 24px !important;
  }
}

.m-24 {
  margin: 24px;
}

.p-24 {
  padding: 24px;
}

.mt-24 {
  margin-top: 24px;
}

.mb-24 {
  margin-bottom: 24px;
}

.ml-24 {
  margin-left: 24px;
}

.mr-24 {
  margin-right: 24px;
}

.pt-24 {
  padding-top: 24px;
}

.pb-24 {
  padding-bottom: 24px;
}

.pl-24 {
  padding-left: 24px;
}

.pr-24 {
  padding-right: 24px;
}

@media (max-width: 780px) {
  .m-24-tab {
    margin: 24px !important;
  }
  .p-24-tab {
    padding: 24px !important;
  }
  .mt-24-tab {
    margin-top: 24px !important;
  }
  .mb-24-tab {
    margin-bottom: 24px !important;
  }
  .ml-24-tab {
    margin-left: 24px !important;
  }
  .mr-24-tab {
    margin-right: 24px !important;
  }
  .pt-24-tab {
    padding-top: 24px !important;
  }
  .pb-24-tab {
    padding-bottom: 24px !important;
  }
  .pl-24-tab {
    padding-left: 24px !important;
  }
  .pr-24-tab {
    padding-right: 24px !important;
  }
}
@media (max-width: 480px) {
  .m-24-sp {
    margin: 24px !important;
  }
  .p-24-sp {
    padding: 24px !important;
  }
  .mt-24-sp {
    margin-top: 24px !important;
  }
  .mb-24-sp {
    margin-bottom: 24px !important;
  }
  .ml-24-sp {
    margin-left: 24px !important;
  }
  .mr-24-sp {
    margin-right: 24px !important;
  }
  .pt-24-sp {
    padding-top: 24px !important;
  }
  .pb-24-sp {
    padding-bottom: 24px !important;
  }
  .pl-24-sp {
    padding-left: 24px !important;
  }
  .pr-24-sp {
    padding-right: 24px !important;
  }
}
.gap-32 {
  gap: 32px;
}
@media (max-width: 780px) {
  .gap-32-tab {
    gap: 32px !important;
  }
}
@media (max-width: 480px) {
  .gap-32-sp {
    gap: 32px !important;
  }
}

.m-32 {
  margin: 32px;
}

.p-32 {
  padding: 32px;
}

.mt-32 {
  margin-top: 32px;
}

.mb-32 {
  margin-bottom: 32px;
}

.ml-32 {
  margin-left: 32px;
}

.mr-32 {
  margin-right: 32px;
}

.pt-32 {
  padding-top: 32px;
}

.pb-32 {
  padding-bottom: 32px;
}

.pl-32 {
  padding-left: 32px;
}

.pr-32 {
  padding-right: 32px;
}

@media (max-width: 780px) {
  .m-32-tab {
    margin: 32px !important;
  }
  .p-32-tab {
    padding: 32px !important;
  }
  .mt-32-tab {
    margin-top: 32px !important;
  }
  .mb-32-tab {
    margin-bottom: 32px !important;
  }
  .ml-32-tab {
    margin-left: 32px !important;
  }
  .mr-32-tab {
    margin-right: 32px !important;
  }
  .pt-32-tab {
    padding-top: 32px !important;
  }
  .pb-32-tab {
    padding-bottom: 32px !important;
  }
  .pl-32-tab {
    padding-left: 32px !important;
  }
  .pr-32-tab {
    padding-right: 32px !important;
  }
}
@media (max-width: 480px) {
  .m-32-sp {
    margin: 32px !important;
  }
  .p-32-sp {
    padding: 32px !important;
  }
  .mt-32-sp {
    margin-top: 32px !important;
  }
  .mb-32-sp {
    margin-bottom: 32px !important;
  }
  .ml-32-sp {
    margin-left: 32px !important;
  }
  .mr-32-sp {
    margin-right: 32px !important;
  }
  .pt-32-sp {
    padding-top: 32px !important;
  }
  .pb-32-sp {
    padding-bottom: 32px !important;
  }
  .pl-32-sp {
    padding-left: 32px !important;
  }
  .pr-32-sp {
    padding-right: 32px !important;
  }
}
.gap-40 {
  gap: 40px;
}
@media (max-width: 780px) {
  .gap-40-tab {
    gap: 40px !important;
  }
}
@media (max-width: 480px) {
  .gap-40-sp {
    gap: 40px !important;
  }
}

.m-40 {
  margin: 40px;
}

.p-40 {
  padding: 40px;
}

.mt-40 {
  margin-top: 40px;
}

.mb-40 {
  margin-bottom: 40px;
}

.ml-40 {
  margin-left: 40px;
}

.mr-40 {
  margin-right: 40px;
}

.pt-40 {
  padding-top: 40px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pl-40 {
  padding-left: 40px;
}

.pr-40 {
  padding-right: 40px;
}

@media (max-width: 780px) {
  .m-40-tab {
    margin: 40px !important;
  }
  .p-40-tab {
    padding: 40px !important;
  }
  .mt-40-tab {
    margin-top: 40px !important;
  }
  .mb-40-tab {
    margin-bottom: 40px !important;
  }
  .ml-40-tab {
    margin-left: 40px !important;
  }
  .mr-40-tab {
    margin-right: 40px !important;
  }
  .pt-40-tab {
    padding-top: 40px !important;
  }
  .pb-40-tab {
    padding-bottom: 40px !important;
  }
  .pl-40-tab {
    padding-left: 40px !important;
  }
  .pr-40-tab {
    padding-right: 40px !important;
  }
}
@media (max-width: 480px) {
  .m-40-sp {
    margin: 40px !important;
  }
  .p-40-sp {
    padding: 40px !important;
  }
  .mt-40-sp {
    margin-top: 40px !important;
  }
  .mb-40-sp {
    margin-bottom: 40px !important;
  }
  .ml-40-sp {
    margin-left: 40px !important;
  }
  .mr-40-sp {
    margin-right: 40px !important;
  }
  .pt-40-sp {
    padding-top: 40px !important;
  }
  .pb-40-sp {
    padding-bottom: 40px !important;
  }
  .pl-40-sp {
    padding-left: 40px !important;
  }
  .pr-40-sp {
    padding-right: 40px !important;
  }
}
.gap-48 {
  gap: 48px;
}
@media (max-width: 780px) {
  .gap-48-tab {
    gap: 48px !important;
  }
}
@media (max-width: 480px) {
  .gap-48-sp {
    gap: 48px !important;
  }
}

.m-48 {
  margin: 48px;
}

.p-48 {
  padding: 48px;
}

.mt-48 {
  margin-top: 48px;
}

.mb-48 {
  margin-bottom: 48px;
}

.ml-48 {
  margin-left: 48px;
}

.mr-48 {
  margin-right: 48px;
}

.pt-48 {
  padding-top: 48px;
}

.pb-48 {
  padding-bottom: 48px;
}

.pl-48 {
  padding-left: 48px;
}

.pr-48 {
  padding-right: 48px;
}

@media (max-width: 780px) {
  .m-48-tab {
    margin: 48px !important;
  }
  .p-48-tab {
    padding: 48px !important;
  }
  .mt-48-tab {
    margin-top: 48px !important;
  }
  .mb-48-tab {
    margin-bottom: 48px !important;
  }
  .ml-48-tab {
    margin-left: 48px !important;
  }
  .mr-48-tab {
    margin-right: 48px !important;
  }
  .pt-48-tab {
    padding-top: 48px !important;
  }
  .pb-48-tab {
    padding-bottom: 48px !important;
  }
  .pl-48-tab {
    padding-left: 48px !important;
  }
  .pr-48-tab {
    padding-right: 48px !important;
  }
}
@media (max-width: 480px) {
  .m-48-sp {
    margin: 48px !important;
  }
  .p-48-sp {
    padding: 48px !important;
  }
  .mt-48-sp {
    margin-top: 48px !important;
  }
  .mb-48-sp {
    margin-bottom: 48px !important;
  }
  .ml-48-sp {
    margin-left: 48px !important;
  }
  .mr-48-sp {
    margin-right: 48px !important;
  }
  .pt-48-sp {
    padding-top: 48px !important;
  }
  .pb-48-sp {
    padding-bottom: 48px !important;
  }
  .pl-48-sp {
    padding-left: 48px !important;
  }
  .pr-48-sp {
    padding-right: 48px !important;
  }
}
.gap-64 {
  gap: 64px;
}
@media (max-width: 780px) {
  .gap-64-tab {
    gap: 64px !important;
  }
}
@media (max-width: 480px) {
  .gap-64-sp {
    gap: 64px !important;
  }
}

.m-64 {
  margin: 64px;
}

.p-64 {
  padding: 64px;
}

.mt-64 {
  margin-top: 64px;
}

.mb-64 {
  margin-bottom: 64px;
}

.ml-64 {
  margin-left: 64px;
}

.mr-64 {
  margin-right: 64px;
}

.pt-64 {
  padding-top: 64px;
}

.pb-64 {
  padding-bottom: 64px;
}

.pl-64 {
  padding-left: 64px;
}

.pr-64 {
  padding-right: 64px;
}

@media (max-width: 780px) {
  .m-64-tab {
    margin: 64px !important;
  }
  .p-64-tab {
    padding: 64px !important;
  }
  .mt-64-tab {
    margin-top: 64px !important;
  }
  .mb-64-tab {
    margin-bottom: 64px !important;
  }
  .ml-64-tab {
    margin-left: 64px !important;
  }
  .mr-64-tab {
    margin-right: 64px !important;
  }
  .pt-64-tab {
    padding-top: 64px !important;
  }
  .pb-64-tab {
    padding-bottom: 64px !important;
  }
  .pl-64-tab {
    padding-left: 64px !important;
  }
  .pr-64-tab {
    padding-right: 64px !important;
  }
}
@media (max-width: 480px) {
  .m-64-sp {
    margin: 64px !important;
  }
  .p-64-sp {
    padding: 64px !important;
  }
  .mt-64-sp {
    margin-top: 64px !important;
  }
  .mb-64-sp {
    margin-bottom: 64px !important;
  }
  .ml-64-sp {
    margin-left: 64px !important;
  }
  .mr-64-sp {
    margin-right: 64px !important;
  }
  .pt-64-sp {
    padding-top: 64px !important;
  }
  .pb-64-sp {
    padding-bottom: 64px !important;
  }
  .pl-64-sp {
    padding-left: 64px !important;
  }
  .pr-64-sp {
    padding-right: 64px !important;
  }
}
.gap-72 {
  gap: 72px;
}
@media (max-width: 780px) {
  .gap-72-tab {
    gap: 72px !important;
  }
}
@media (max-width: 480px) {
  .gap-72-sp {
    gap: 72px !important;
  }
}

.m-72 {
  margin: 72px;
}

.p-72 {
  padding: 72px;
}

.mt-72 {
  margin-top: 72px;
}

.mb-72 {
  margin-bottom: 72px;
}

.ml-72 {
  margin-left: 72px;
}

.mr-72 {
  margin-right: 72px;
}

.pt-72 {
  padding-top: 72px;
}

.pb-72 {
  padding-bottom: 72px;
}

.pl-72 {
  padding-left: 72px;
}

.pr-72 {
  padding-right: 72px;
}

@media (max-width: 780px) {
  .m-72-tab {
    margin: 72px !important;
  }
  .p-72-tab {
    padding: 72px !important;
  }
  .mt-72-tab {
    margin-top: 72px !important;
  }
  .mb-72-tab {
    margin-bottom: 72px !important;
  }
  .ml-72-tab {
    margin-left: 72px !important;
  }
  .mr-72-tab {
    margin-right: 72px !important;
  }
  .pt-72-tab {
    padding-top: 72px !important;
  }
  .pb-72-tab {
    padding-bottom: 72px !important;
  }
  .pl-72-tab {
    padding-left: 72px !important;
  }
  .pr-72-tab {
    padding-right: 72px !important;
  }
}
@media (max-width: 480px) {
  .m-72-sp {
    margin: 72px !important;
  }
  .p-72-sp {
    padding: 72px !important;
  }
  .mt-72-sp {
    margin-top: 72px !important;
  }
  .mb-72-sp {
    margin-bottom: 72px !important;
  }
  .ml-72-sp {
    margin-left: 72px !important;
  }
  .mr-72-sp {
    margin-right: 72px !important;
  }
  .pt-72-sp {
    padding-top: 72px !important;
  }
  .pb-72-sp {
    padding-bottom: 72px !important;
  }
  .pl-72-sp {
    padding-left: 72px !important;
  }
  .pr-72-sp {
    padding-right: 72px !important;
  }
}
.gap-80 {
  gap: 80px;
}
@media (max-width: 780px) {
  .gap-80-tab {
    gap: 80px !important;
  }
}
@media (max-width: 480px) {
  .gap-80-sp {
    gap: 80px !important;
  }
}

.m-80 {
  margin: 80px;
}

.p-80 {
  padding: 80px;
}

.mt-80 {
  margin-top: 80px;
}

.mb-80 {
  margin-bottom: 80px;
}

.ml-80 {
  margin-left: 80px;
}

.mr-80 {
  margin-right: 80px;
}

.pt-80 {
  padding-top: 80px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pl-80 {
  padding-left: 80px;
}

.pr-80 {
  padding-right: 80px;
}

@media (max-width: 780px) {
  .m-80-tab {
    margin: 80px !important;
  }
  .p-80-tab {
    padding: 80px !important;
  }
  .mt-80-tab {
    margin-top: 80px !important;
  }
  .mb-80-tab {
    margin-bottom: 80px !important;
  }
  .ml-80-tab {
    margin-left: 80px !important;
  }
  .mr-80-tab {
    margin-right: 80px !important;
  }
  .pt-80-tab {
    padding-top: 80px !important;
  }
  .pb-80-tab {
    padding-bottom: 80px !important;
  }
  .pl-80-tab {
    padding-left: 80px !important;
  }
  .pr-80-tab {
    padding-right: 80px !important;
  }
}
@media (max-width: 480px) {
  .m-80-sp {
    margin: 80px !important;
  }
  .p-80-sp {
    padding: 80px !important;
  }
  .mt-80-sp {
    margin-top: 80px !important;
  }
  .mb-80-sp {
    margin-bottom: 80px !important;
  }
  .ml-80-sp {
    margin-left: 80px !important;
  }
  .mr-80-sp {
    margin-right: 80px !important;
  }
  .pt-80-sp {
    padding-top: 80px !important;
  }
  .pb-80-sp {
    padding-bottom: 80px !important;
  }
  .pl-80-sp {
    padding-left: 80px !important;
  }
  .pr-80-sp {
    padding-right: 80px !important;
  }
}
.gap-88 {
  gap: 88px;
}
@media (max-width: 780px) {
  .gap-88-tab {
    gap: 88px !important;
  }
}
@media (max-width: 480px) {
  .gap-88-sp {
    gap: 88px !important;
  }
}

.m-88 {
  margin: 88px;
}

.p-88 {
  padding: 88px;
}

.mt-88 {
  margin-top: 88px;
}

.mb-88 {
  margin-bottom: 88px;
}

.ml-88 {
  margin-left: 88px;
}

.mr-88 {
  margin-right: 88px;
}

.pt-88 {
  padding-top: 88px;
}

.pb-88 {
  padding-bottom: 88px;
}

.pl-88 {
  padding-left: 88px;
}

.pr-88 {
  padding-right: 88px;
}

@media (max-width: 780px) {
  .m-88-tab {
    margin: 88px !important;
  }
  .p-88-tab {
    padding: 88px !important;
  }
  .mt-88-tab {
    margin-top: 88px !important;
  }
  .mb-88-tab {
    margin-bottom: 88px !important;
  }
  .ml-88-tab {
    margin-left: 88px !important;
  }
  .mr-88-tab {
    margin-right: 88px !important;
  }
  .pt-88-tab {
    padding-top: 88px !important;
  }
  .pb-88-tab {
    padding-bottom: 88px !important;
  }
  .pl-88-tab {
    padding-left: 88px !important;
  }
  .pr-88-tab {
    padding-right: 88px !important;
  }
}
@media (max-width: 480px) {
  .m-88-sp {
    margin: 88px !important;
  }
  .p-88-sp {
    padding: 88px !important;
  }
  .mt-88-sp {
    margin-top: 88px !important;
  }
  .mb-88-sp {
    margin-bottom: 88px !important;
  }
  .ml-88-sp {
    margin-left: 88px !important;
  }
  .mr-88-sp {
    margin-right: 88px !important;
  }
  .pt-88-sp {
    padding-top: 88px !important;
  }
  .pb-88-sp {
    padding-bottom: 88px !important;
  }
  .pl-88-sp {
    padding-left: 88px !important;
  }
  .pr-88-sp {
    padding-right: 88px !important;
  }
}
.gap-96 {
  gap: 96px;
}
@media (max-width: 780px) {
  .gap-96-tab {
    gap: 96px !important;
  }
}
@media (max-width: 480px) {
  .gap-96-sp {
    gap: 96px !important;
  }
}

.m-96 {
  margin: 96px;
}

.p-96 {
  padding: 96px;
}

.mt-96 {
  margin-top: 96px;
}

.mb-96 {
  margin-bottom: 96px;
}

.ml-96 {
  margin-left: 96px;
}

.mr-96 {
  margin-right: 96px;
}

.pt-96 {
  padding-top: 96px;
}

.pb-96 {
  padding-bottom: 96px;
}

.pl-96 {
  padding-left: 96px;
}

.pr-96 {
  padding-right: 96px;
}

@media (max-width: 780px) {
  .m-96-tab {
    margin: 96px !important;
  }
  .p-96-tab {
    padding: 96px !important;
  }
  .mt-96-tab {
    margin-top: 96px !important;
  }
  .mb-96-tab {
    margin-bottom: 96px !important;
  }
  .ml-96-tab {
    margin-left: 96px !important;
  }
  .mr-96-tab {
    margin-right: 96px !important;
  }
  .pt-96-tab {
    padding-top: 96px !important;
  }
  .pb-96-tab {
    padding-bottom: 96px !important;
  }
  .pl-96-tab {
    padding-left: 96px !important;
  }
  .pr-96-tab {
    padding-right: 96px !important;
  }
}
@media (max-width: 480px) {
  .m-96-sp {
    margin: 96px !important;
  }
  .p-96-sp {
    padding: 96px !important;
  }
  .mt-96-sp {
    margin-top: 96px !important;
  }
  .mb-96-sp {
    margin-bottom: 96px !important;
  }
  .ml-96-sp {
    margin-left: 96px !important;
  }
  .mr-96-sp {
    margin-right: 96px !important;
  }
  .pt-96-sp {
    padding-top: 96px !important;
  }
  .pb-96-sp {
    padding-bottom: 96px !important;
  }
  .pl-96-sp {
    padding-left: 96px !important;
  }
  .pr-96-sp {
    padding-right: 96px !important;
  }
}
.gap-104 {
  gap: 104px;
}
@media (max-width: 780px) {
  .gap-104-tab {
    gap: 104px !important;
  }
}
@media (max-width: 480px) {
  .gap-104-sp {
    gap: 104px !important;
  }
}

.m-104 {
  margin: 104px;
}

.p-104 {
  padding: 104px;
}

.mt-104 {
  margin-top: 104px;
}

.mb-104 {
  margin-bottom: 104px;
}

.ml-104 {
  margin-left: 104px;
}

.mr-104 {
  margin-right: 104px;
}

.pt-104 {
  padding-top: 104px;
}

.pb-104 {
  padding-bottom: 104px;
}

.pl-104 {
  padding-left: 104px;
}

.pr-104 {
  padding-right: 104px;
}

@media (max-width: 780px) {
  .m-104-tab {
    margin: 104px !important;
  }
  .p-104-tab {
    padding: 104px !important;
  }
  .mt-104-tab {
    margin-top: 104px !important;
  }
  .mb-104-tab {
    margin-bottom: 104px !important;
  }
  .ml-104-tab {
    margin-left: 104px !important;
  }
  .mr-104-tab {
    margin-right: 104px !important;
  }
  .pt-104-tab {
    padding-top: 104px !important;
  }
  .pb-104-tab {
    padding-bottom: 104px !important;
  }
  .pl-104-tab {
    padding-left: 104px !important;
  }
  .pr-104-tab {
    padding-right: 104px !important;
  }
}
@media (max-width: 480px) {
  .m-104-sp {
    margin: 104px !important;
  }
  .p-104-sp {
    padding: 104px !important;
  }
  .mt-104-sp {
    margin-top: 104px !important;
  }
  .mb-104-sp {
    margin-bottom: 104px !important;
  }
  .ml-104-sp {
    margin-left: 104px !important;
  }
  .mr-104-sp {
    margin-right: 104px !important;
  }
  .pt-104-sp {
    padding-top: 104px !important;
  }
  .pb-104-sp {
    padding-bottom: 104px !important;
  }
  .pl-104-sp {
    padding-left: 104px !important;
  }
  .pr-104-sp {
    padding-right: 104px !important;
  }
}
.gap-112 {
  gap: 112px;
}
@media (max-width: 780px) {
  .gap-112-tab {
    gap: 112px !important;
  }
}
@media (max-width: 480px) {
  .gap-112-sp {
    gap: 112px !important;
  }
}

.m-112 {
  margin: 112px;
}

.p-112 {
  padding: 112px;
}

.mt-112 {
  margin-top: 112px;
}

.mb-112 {
  margin-bottom: 112px;
}

.ml-112 {
  margin-left: 112px;
}

.mr-112 {
  margin-right: 112px;
}

.pt-112 {
  padding-top: 112px;
}

.pb-112 {
  padding-bottom: 112px;
}

.pl-112 {
  padding-left: 112px;
}

.pr-112 {
  padding-right: 112px;
}

@media (max-width: 780px) {
  .m-112-tab {
    margin: 112px !important;
  }
  .p-112-tab {
    padding: 112px !important;
  }
  .mt-112-tab {
    margin-top: 112px !important;
  }
  .mb-112-tab {
    margin-bottom: 112px !important;
  }
  .ml-112-tab {
    margin-left: 112px !important;
  }
  .mr-112-tab {
    margin-right: 112px !important;
  }
  .pt-112-tab {
    padding-top: 112px !important;
  }
  .pb-112-tab {
    padding-bottom: 112px !important;
  }
  .pl-112-tab {
    padding-left: 112px !important;
  }
  .pr-112-tab {
    padding-right: 112px !important;
  }
}
@media (max-width: 480px) {
  .m-112-sp {
    margin: 112px !important;
  }
  .p-112-sp {
    padding: 112px !important;
  }
  .mt-112-sp {
    margin-top: 112px !important;
  }
  .mb-112-sp {
    margin-bottom: 112px !important;
  }
  .ml-112-sp {
    margin-left: 112px !important;
  }
  .mr-112-sp {
    margin-right: 112px !important;
  }
  .pt-112-sp {
    padding-top: 112px !important;
  }
  .pb-112-sp {
    padding-bottom: 112px !important;
  }
  .pl-112-sp {
    padding-left: 112px !important;
  }
  .pr-112-sp {
    padding-right: 112px !important;
  }
}
.gap-120 {
  gap: 120px;
}
@media (max-width: 780px) {
  .gap-120-tab {
    gap: 120px !important;
  }
}
@media (max-width: 480px) {
  .gap-120-sp {
    gap: 120px !important;
  }
}

.m-120 {
  margin: 120px;
}

.p-120 {
  padding: 120px;
}

.mt-120 {
  margin-top: 120px;
}

.mb-120 {
  margin-bottom: 120px;
}

.ml-120 {
  margin-left: 120px;
}

.mr-120 {
  margin-right: 120px;
}

.pt-120 {
  padding-top: 120px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pl-120 {
  padding-left: 120px;
}

.pr-120 {
  padding-right: 120px;
}

@media (max-width: 780px) {
  .m-120-tab {
    margin: 120px !important;
  }
  .p-120-tab {
    padding: 120px !important;
  }
  .mt-120-tab {
    margin-top: 120px !important;
  }
  .mb-120-tab {
    margin-bottom: 120px !important;
  }
  .ml-120-tab {
    margin-left: 120px !important;
  }
  .mr-120-tab {
    margin-right: 120px !important;
  }
  .pt-120-tab {
    padding-top: 120px !important;
  }
  .pb-120-tab {
    padding-bottom: 120px !important;
  }
  .pl-120-tab {
    padding-left: 120px !important;
  }
  .pr-120-tab {
    padding-right: 120px !important;
  }
}
@media (max-width: 480px) {
  .m-120-sp {
    margin: 120px !important;
  }
  .p-120-sp {
    padding: 120px !important;
  }
  .mt-120-sp {
    margin-top: 120px !important;
  }
  .mb-120-sp {
    margin-bottom: 120px !important;
  }
  .ml-120-sp {
    margin-left: 120px !important;
  }
  .mr-120-sp {
    margin-right: 120px !important;
  }
  .pt-120-sp {
    padding-top: 120px !important;
  }
  .pb-120-sp {
    padding-bottom: 120px !important;
  }
  .pl-120-sp {
    padding-left: 120px !important;
  }
  .pr-120-sp {
    padding-right: 120px !important;
  }
}
.gap-128 {
  gap: 128px;
}
@media (max-width: 780px) {
  .gap-128-tab {
    gap: 128px !important;
  }
}
@media (max-width: 480px) {
  .gap-128-sp {
    gap: 128px !important;
  }
}

.m-128 {
  margin: 128px;
}

.p-128 {
  padding: 128px;
}

.mt-128 {
  margin-top: 128px;
}

.mb-128 {
  margin-bottom: 128px;
}

.ml-128 {
  margin-left: 128px;
}

.mr-128 {
  margin-right: 128px;
}

.pt-128 {
  padding-top: 128px;
}

.pb-128 {
  padding-bottom: 128px;
}

.pl-128 {
  padding-left: 128px;
}

.pr-128 {
  padding-right: 128px;
}

@media (max-width: 780px) {
  .m-128-tab {
    margin: 128px !important;
  }
  .p-128-tab {
    padding: 128px !important;
  }
  .mt-128-tab {
    margin-top: 128px !important;
  }
  .mb-128-tab {
    margin-bottom: 128px !important;
  }
  .ml-128-tab {
    margin-left: 128px !important;
  }
  .mr-128-tab {
    margin-right: 128px !important;
  }
  .pt-128-tab {
    padding-top: 128px !important;
  }
  .pb-128-tab {
    padding-bottom: 128px !important;
  }
  .pl-128-tab {
    padding-left: 128px !important;
  }
  .pr-128-tab {
    padding-right: 128px !important;
  }
}
@media (max-width: 480px) {
  .m-128-sp {
    margin: 128px !important;
  }
  .p-128-sp {
    padding: 128px !important;
  }
  .mt-128-sp {
    margin-top: 128px !important;
  }
  .mb-128-sp {
    margin-bottom: 128px !important;
  }
  .ml-128-sp {
    margin-left: 128px !important;
  }
  .mr-128-sp {
    margin-right: 128px !important;
  }
  .pt-128-sp {
    padding-top: 128px !important;
  }
  .pb-128-sp {
    padding-bottom: 128px !important;
  }
  .pl-128-sp {
    padding-left: 128px !important;
  }
  .pr-128-sp {
    padding-right: 128px !important;
  }
}
.gap-136 {
  gap: 136px;
}
@media (max-width: 780px) {
  .gap-136-tab {
    gap: 136px !important;
  }
}
@media (max-width: 480px) {
  .gap-136-sp {
    gap: 136px !important;
  }
}

.m-136 {
  margin: 136px;
}

.p-136 {
  padding: 136px;
}

.mt-136 {
  margin-top: 136px;
}

.mb-136 {
  margin-bottom: 136px;
}

.ml-136 {
  margin-left: 136px;
}

.mr-136 {
  margin-right: 136px;
}

.pt-136 {
  padding-top: 136px;
}

.pb-136 {
  padding-bottom: 136px;
}

.pl-136 {
  padding-left: 136px;
}

.pr-136 {
  padding-right: 136px;
}

@media (max-width: 780px) {
  .m-136-tab {
    margin: 136px !important;
  }
  .p-136-tab {
    padding: 136px !important;
  }
  .mt-136-tab {
    margin-top: 136px !important;
  }
  .mb-136-tab {
    margin-bottom: 136px !important;
  }
  .ml-136-tab {
    margin-left: 136px !important;
  }
  .mr-136-tab {
    margin-right: 136px !important;
  }
  .pt-136-tab {
    padding-top: 136px !important;
  }
  .pb-136-tab {
    padding-bottom: 136px !important;
  }
  .pl-136-tab {
    padding-left: 136px !important;
  }
  .pr-136-tab {
    padding-right: 136px !important;
  }
}
@media (max-width: 480px) {
  .m-136-sp {
    margin: 136px !important;
  }
  .p-136-sp {
    padding: 136px !important;
  }
  .mt-136-sp {
    margin-top: 136px !important;
  }
  .mb-136-sp {
    margin-bottom: 136px !important;
  }
  .ml-136-sp {
    margin-left: 136px !important;
  }
  .mr-136-sp {
    margin-right: 136px !important;
  }
  .pt-136-sp {
    padding-top: 136px !important;
  }
  .pb-136-sp {
    padding-bottom: 136px !important;
  }
  .pl-136-sp {
    padding-left: 136px !important;
  }
  .pr-136-sp {
    padding-right: 136px !important;
  }
}
.gap-144 {
  gap: 144px;
}
@media (max-width: 780px) {
  .gap-144-tab {
    gap: 144px !important;
  }
}
@media (max-width: 480px) {
  .gap-144-sp {
    gap: 144px !important;
  }
}

.m-144 {
  margin: 144px;
}

.p-144 {
  padding: 144px;
}

.mt-144 {
  margin-top: 144px;
}

.mb-144 {
  margin-bottom: 144px;
}

.ml-144 {
  margin-left: 144px;
}

.mr-144 {
  margin-right: 144px;
}

.pt-144 {
  padding-top: 144px;
}

.pb-144 {
  padding-bottom: 144px;
}

.pl-144 {
  padding-left: 144px;
}

.pr-144 {
  padding-right: 144px;
}

@media (max-width: 780px) {
  .m-144-tab {
    margin: 144px !important;
  }
  .p-144-tab {
    padding: 144px !important;
  }
  .mt-144-tab {
    margin-top: 144px !important;
  }
  .mb-144-tab {
    margin-bottom: 144px !important;
  }
  .ml-144-tab {
    margin-left: 144px !important;
  }
  .mr-144-tab {
    margin-right: 144px !important;
  }
  .pt-144-tab {
    padding-top: 144px !important;
  }
  .pb-144-tab {
    padding-bottom: 144px !important;
  }
  .pl-144-tab {
    padding-left: 144px !important;
  }
  .pr-144-tab {
    padding-right: 144px !important;
  }
}
@media (max-width: 480px) {
  .m-144-sp {
    margin: 144px !important;
  }
  .p-144-sp {
    padding: 144px !important;
  }
  .mt-144-sp {
    margin-top: 144px !important;
  }
  .mb-144-sp {
    margin-bottom: 144px !important;
  }
  .ml-144-sp {
    margin-left: 144px !important;
  }
  .mr-144-sp {
    margin-right: 144px !important;
  }
  .pt-144-sp {
    padding-top: 144px !important;
  }
  .pb-144-sp {
    padding-bottom: 144px !important;
  }
  .pl-144-sp {
    padding-left: 144px !important;
  }
  .pr-144-sp {
    padding-right: 144px !important;
  }
}
.gap-152 {
  gap: 152px;
}
@media (max-width: 780px) {
  .gap-152-tab {
    gap: 152px !important;
  }
}
@media (max-width: 480px) {
  .gap-152-sp {
    gap: 152px !important;
  }
}

.m-152 {
  margin: 152px;
}

.p-152 {
  padding: 152px;
}

.mt-152 {
  margin-top: 152px;
}

.mb-152 {
  margin-bottom: 152px;
}

.ml-152 {
  margin-left: 152px;
}

.mr-152 {
  margin-right: 152px;
}

.pt-152 {
  padding-top: 152px;
}

.pb-152 {
  padding-bottom: 152px;
}

.pl-152 {
  padding-left: 152px;
}

.pr-152 {
  padding-right: 152px;
}

@media (max-width: 780px) {
  .m-152-tab {
    margin: 152px !important;
  }
  .p-152-tab {
    padding: 152px !important;
  }
  .mt-152-tab {
    margin-top: 152px !important;
  }
  .mb-152-tab {
    margin-bottom: 152px !important;
  }
  .ml-152-tab {
    margin-left: 152px !important;
  }
  .mr-152-tab {
    margin-right: 152px !important;
  }
  .pt-152-tab {
    padding-top: 152px !important;
  }
  .pb-152-tab {
    padding-bottom: 152px !important;
  }
  .pl-152-tab {
    padding-left: 152px !important;
  }
  .pr-152-tab {
    padding-right: 152px !important;
  }
}
@media (max-width: 480px) {
  .m-152-sp {
    margin: 152px !important;
  }
  .p-152-sp {
    padding: 152px !important;
  }
  .mt-152-sp {
    margin-top: 152px !important;
  }
  .mb-152-sp {
    margin-bottom: 152px !important;
  }
  .ml-152-sp {
    margin-left: 152px !important;
  }
  .mr-152-sp {
    margin-right: 152px !important;
  }
  .pt-152-sp {
    padding-top: 152px !important;
  }
  .pb-152-sp {
    padding-bottom: 152px !important;
  }
  .pl-152-sp {
    padding-left: 152px !important;
  }
  .pr-152-sp {
    padding-right: 152px !important;
  }
}
.gap-160 {
  gap: 160px;
}
@media (max-width: 780px) {
  .gap-160-tab {
    gap: 160px !important;
  }
}
@media (max-width: 480px) {
  .gap-160-sp {
    gap: 160px !important;
  }
}

.m-160 {
  margin: 160px;
}

.p-160 {
  padding: 160px;
}

.mt-160 {
  margin-top: 160px;
}

.mb-160 {
  margin-bottom: 160px;
}

.ml-160 {
  margin-left: 160px;
}

.mr-160 {
  margin-right: 160px;
}

.pt-160 {
  padding-top: 160px;
}

.pb-160 {
  padding-bottom: 160px;
}

.pl-160 {
  padding-left: 160px;
}

.pr-160 {
  padding-right: 160px;
}

@media (max-width: 780px) {
  .m-160-tab {
    margin: 160px !important;
  }
  .p-160-tab {
    padding: 160px !important;
  }
  .mt-160-tab {
    margin-top: 160px !important;
  }
  .mb-160-tab {
    margin-bottom: 160px !important;
  }
  .ml-160-tab {
    margin-left: 160px !important;
  }
  .mr-160-tab {
    margin-right: 160px !important;
  }
  .pt-160-tab {
    padding-top: 160px !important;
  }
  .pb-160-tab {
    padding-bottom: 160px !important;
  }
  .pl-160-tab {
    padding-left: 160px !important;
  }
  .pr-160-tab {
    padding-right: 160px !important;
  }
}
@media (max-width: 480px) {
  .m-160-sp {
    margin: 160px !important;
  }
  .p-160-sp {
    padding: 160px !important;
  }
  .mt-160-sp {
    margin-top: 160px !important;
  }
  .mb-160-sp {
    margin-bottom: 160px !important;
  }
  .ml-160-sp {
    margin-left: 160px !important;
  }
  .mr-160-sp {
    margin-right: 160px !important;
  }
  .pt-160-sp {
    padding-top: 160px !important;
  }
  .pb-160-sp {
    padding-bottom: 160px !important;
  }
  .pl-160-sp {
    padding-left: 160px !important;
  }
  .pr-160-sp {
    padding-right: 160px !important;
  }
}
.rounded {
  border-radius: 16px;
  overflow: hidden;
}
.rounded-circle {
  border-radius: 50%;
  overflow: hidden;
}
.rounded-pill {
  border-radius: 9999px;
  overflow: hidden;
}
.rounded-sm {
  border-radius: 4px;
  overflow: hidden;
}
.rounded-lg {
  border-radius: 12px;
  overflow: hidden;
}
.rounded-0 {
  border-radius: 0;
  overflow: hidden;
}

.ovf-h {
  overflow: hidden;
}
.ovf-a {
  overflow: auto;
}

.pos-r {
  position: relative;
}
.pos-a {
  position: absolute;
}
.pos-f {
  position: fixed;
}
.pos-c {
  margin-left: auto;
  margin-right: auto;
}
.pos-l {
  margin-right: auto;
}
.pos-r {
  margin-left: auto;
}

.d-f {
  display: flex;
}
.d-g {
  display: grid;
}
.d-n {
  display: none;
}
.d-b {
  display: block;
}

.flex-w {
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  .flex-w-sp {
    flex-wrap: wrap !important;
  }
}
.flex-nw {
  flex-wrap: nowrap;
}
@media (max-width: 480px) {
  .flex-nw-sp {
    flex-wrap: nowrap !important;
  }
}
.flex-c {
  flex-direction: column;
}
.flex-c-r {
  flex-direction: column-reverse;
}
@media (max-width: 780px) {
  .flex-c-r-tab {
    flex-direction: column-reverse !important;
  }
}
@media (max-width: 480px) {
  .flex-c-r-sp {
    flex-direction: column-reverse !important;
  }
}
@media (max-width: 780px) {
  .flex-c-tab {
    flex-direction: column !important;
  }
}
@media (max-width: 480px) {
  .flex-c-sp {
    flex-direction: column !important;
  }
}

.j-c {
  justify-content: center;
}
@media (max-width: 780px) {
  .j-c-tab {
    justify-content: center !important;
  }
}
@media (max-width: 480px) {
  .j-c-sp {
    justify-content: center !important;
  }
}
.j-b {
  justify-content: space-between;
}
@media (max-width: 780px) {
  .j-b-tab {
    justify-content: space-between !important;
  }
}
@media (max-width: 480px) {
  .j-b-sp {
    justify-content: space-between !important;
  }
}
.j-fs {
  justify-content: flex-start;
}
@media (max-width: 780px) {
  .j-fs-tab {
    justify-content: flex-start !important;
  }
}
@media (max-width: 480px) {
  .j-fs-sp {
    justify-content: flex-start !important;
  }
}
.j-fe {
  justify-content: flex-end;
}
@media (max-width: 780px) {
  .j-fe-tab {
    justify-content: flex-end !important;
  }
}
@media (max-width: 480px) {
  .j-fe-sp {
    justify-content: flex-end !important;
  }
}

.ai-c {
  align-items: center;
}
.ai-s {
  align-items: stretch;
}

.ta-c {
  text-align: center;
}
@media (max-width: 780px) {
  .ta-c-tab {
    text-align: center !important;
  }
}
@media (max-width: 480px) {
  .ta-c-sp {
    text-align: center !important;
  }
}
.ta-l {
  text-align: left;
}
@media (max-width: 780px) {
  .ta-l-tab {
    text-align: left !important;
  }
}
@media (max-width: 480px) {
  .ta-l-sp {
    text-align: left !important;
  }
}
.ta-r {
  text-align: right;
}
@media (max-width: 780px) {
  .ta-r-tab {
    text-align: right !important;
  }
}
@media (max-width: 480px) {
  .ta-r-sp {
    text-align: right !important;
  }
}

.fw-b {
  font-weight: 700;
}
.fw-m {
  font-weight: 500;
}

.ly-100 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.ly-mid {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.ly-content {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.ly-content-inner {
  max-width: 1000px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.ly-header {
  max-width: 1200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}
.ly-footer {
  max-width: 1200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}

.ly-5 {
  width: 5% !important;
}
@media (max-width: 780px) {
  .ly-5-tab {
    width: 5% !important;
  }
}
@media (max-width: 480px) {
  .ly-5-sp {
    width: 5% !important;
  }
}

.ly-10 {
  width: 10% !important;
}
@media (max-width: 780px) {
  .ly-10-tab {
    width: 10% !important;
  }
}
@media (max-width: 480px) {
  .ly-10-sp {
    width: 10% !important;
  }
}

.ly-15 {
  width: 15% !important;
}
@media (max-width: 780px) {
  .ly-15-tab {
    width: 15% !important;
  }
}
@media (max-width: 480px) {
  .ly-15-sp {
    width: 15% !important;
  }
}

.ly-20 {
  width: 20% !important;
}
@media (max-width: 780px) {
  .ly-20-tab {
    width: 20% !important;
  }
}
@media (max-width: 480px) {
  .ly-20-sp {
    width: 20% !important;
  }
}

.ly-25 {
  width: 25% !important;
}
@media (max-width: 780px) {
  .ly-25-tab {
    width: 25% !important;
  }
}
@media (max-width: 480px) {
  .ly-25-sp {
    width: 25% !important;
  }
}

.ly-30 {
  width: 30% !important;
}
@media (max-width: 780px) {
  .ly-30-tab {
    width: 30% !important;
  }
}
@media (max-width: 480px) {
  .ly-30-sp {
    width: 30% !important;
  }
}

.ly-35 {
  width: 35% !important;
}
@media (max-width: 780px) {
  .ly-35-tab {
    width: 35% !important;
  }
}
@media (max-width: 480px) {
  .ly-35-sp {
    width: 35% !important;
  }
}

.ly-40 {
  width: 40% !important;
}
@media (max-width: 780px) {
  .ly-40-tab {
    width: 40% !important;
  }
}
@media (max-width: 480px) {
  .ly-40-sp {
    width: 40% !important;
  }
}

.ly-45 {
  width: 45% !important;
}
@media (max-width: 780px) {
  .ly-45-tab {
    width: 45% !important;
  }
}
@media (max-width: 480px) {
  .ly-45-sp {
    width: 45% !important;
  }
}

.ly-50 {
  width: 50% !important;
}
@media (max-width: 780px) {
  .ly-50-tab {
    width: 50% !important;
  }
}
@media (max-width: 480px) {
  .ly-50-sp {
    width: 50% !important;
  }
}

.ly-55 {
  width: 55% !important;
}
@media (max-width: 780px) {
  .ly-55-tab {
    width: 55% !important;
  }
}
@media (max-width: 480px) {
  .ly-55-sp {
    width: 55% !important;
  }
}

.ly-60 {
  width: 60% !important;
}
@media (max-width: 780px) {
  .ly-60-tab {
    width: 60% !important;
  }
}
@media (max-width: 480px) {
  .ly-60-sp {
    width: 60% !important;
  }
}

.ly-65 {
  width: 65% !important;
}
@media (max-width: 780px) {
  .ly-65-tab {
    width: 65% !important;
  }
}
@media (max-width: 480px) {
  .ly-65-sp {
    width: 65% !important;
  }
}

.ly-70 {
  width: 70% !important;
}
@media (max-width: 780px) {
  .ly-70-tab {
    width: 70% !important;
  }
}
@media (max-width: 480px) {
  .ly-70-sp {
    width: 70% !important;
  }
}

.ly-75 {
  width: 75% !important;
}
@media (max-width: 780px) {
  .ly-75-tab {
    width: 75% !important;
  }
}
@media (max-width: 480px) {
  .ly-75-sp {
    width: 75% !important;
  }
}

.ly-80 {
  width: 80% !important;
}
@media (max-width: 780px) {
  .ly-80-tab {
    width: 80% !important;
  }
}
@media (max-width: 480px) {
  .ly-80-sp {
    width: 80% !important;
  }
}

.ly-85 {
  width: 85% !important;
}
@media (max-width: 780px) {
  .ly-85-tab {
    width: 85% !important;
  }
}
@media (max-width: 480px) {
  .ly-85-sp {
    width: 85% !important;
  }
}

.ly-90 {
  width: 90% !important;
}
@media (max-width: 780px) {
  .ly-90-tab {
    width: 90% !important;
  }
}
@media (max-width: 480px) {
  .ly-90-sp {
    width: 90% !important;
  }
}

.ly-95 {
  width: 95% !important;
}
@media (max-width: 780px) {
  .ly-95-tab {
    width: 95% !important;
  }
}
@media (max-width: 480px) {
  .ly-95-sp {
    width: 95% !important;
  }
}

.ly-100 {
  width: 100% !important;
}
@media (max-width: 780px) {
  .ly-100-tab {
    width: 100% !important;
  }
}
@media (max-width: 480px) {
  .ly-100-sp {
    width: 100% !important;
  }
}

.w-100 {
  width: 100% !important;
}

.h-100 {
  height: 100% !important;
}

.shadow {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.cursor-pointer {
  cursor: pointer;
}

.ts {
  text-shadow: 1px 1px 9px #333;
}

.fs-ttl-att {
  font-size: clamp(40px, 6vw, 54px);
}
.fs-ttl-lg {
  font-size: clamp(24px, 5vw, 40px);
}
.fs-ttl-mid {
  font-size: clamp(18px, 3.5vw, 24px);
}
.fs-ttl-min {
  font-size: clamp(16px, 3vw, 20px);
}
.fs-text-lg {
  font-size: clamp(14px, 3vw, 18px);
}
.fs-text-mid {
  font-size: clamp(14px, 2.8vw, 16px);
}
.fs-text-min {
  font-size: clamp(12px, 2vw, 13px);
}

.aspect-rect {
  aspect-ratio: 1/1;
}

.bl-section-title .main {
  font-size: clamp(24px, 5vw, 40px);
}
.bl-section-title .en {
  font-size: clamp(11px, 2vw, 14px);
}
.bl-section-title p {
  font-size: clamp(16px, 2.5vw, 18px);
}
.bl-tell small {
  font-size: clamp(20px, 5vw, 40px);
}
.bl-tell strong {
  font-size: clamp(40px, 6vw, 80px);
}
.bl-btn {
  min-width: 160px;
  width: -moz-max-content;
  width: max-content;
  position: relative;
}
.bl-btn.size-lg {
  min-height: 64px;
}
.bl-btn.has-icon {
  padding-right: 32px;
}
.bl-btn-text {
  line-height: 120%;
  text-align: center;
}
.bl-btn-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.bl-btn-icon {
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  height: 100%;
}
.bl-btn-icon.pre {
  width: 24px;
  margin-right: 4px;
}
.bl-btn-icon.post {
  width: 16px;
  position: absolute;
  right: 8px;
}
.bl-footer-inner i {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 780px) {
  .bl-footer-inner {
    flex-flow: column;
  }
}
.bl-header {
  position: fixed;
  top: 0;
  z-index: 1000;
  background: #fff;
  height: 154px;
}
@media (max-width: 780px) {
  .bl-header {
    height: 60px;
  }
}
.bl-header-upper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 780px) {
  .bl-header-upper {
    height: 60px;
  }
  .bl-header-upper-logo {
    width: 156px;
  }
  .bl-header-upper-logo img,
  .bl-header-upper-logo picture {
    width: 100%;
    display: block;
  }
}
.bl-header-upper-nav {
  width: 100%;
}
.bl-header-upper-copy p {
  font-size: clamp(10px, 1.8vw, 12px);
}
@media (max-width: 780px) {
  .bl-header-lower {
    width: 100%;
    height: 100%;
    padding-top: 60px;
  }
}
.bl-header-nav {
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.bl-header-nav::-webkit-scrollbar {
  display: none;
}
.bl-header-nav-item {
  padding: 0 20px;
}
.bl-header-nav-item strong {
  font-size: clamp(16px, 3vw, 16px);
}
.bl-header-nav-item small {
  font-size: clamp(10px, 2vw, 11px);
}
.bl-header-nav-item strong,
.bl-header-nav-item small {
  word-break: keep-all;
}
.bl-header-nav-item:not(:last-child) {
  border-right: 1px solid #fff;
}
@media (max-width: 780px) {
  .bl-header-nav-item:not(:last-child) {
    border-right: none;
    border-bottom: 1px solid #fff;
  }
}
@media (max-width: 780px) {
  .bl-header-nav-ul {
    flex-flow: column;
  }
}
.bl-indexfv {
  min-height: 320px;
}
@media (max-width: 480px) {
  .bl-indexfv {
    min-height: unset;
  }
}
.bl-indexfv-copy {
  position: absolute;
  z-index: 22;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
@media (max-width: 780px) {
  .bl-indexfv-copy {
    top: 10%;
    left: 0;
    bottom: unset;
    margin: auto;
    right: 0;
  }
}
.bl-indexfv-copy .slick-dots {
  position: relative;
  bottom: 0;
}
.bl-indexfv-copy strong.main {
  font-size: clamp(56px, 5vw, 64px);
}
.bl-indexfv-copy strong.sub {
  font-size: clamp(28px, 4vw, 32px);
}
.bl-indexfv-copy small {
  font-size: clamp(16px, 3vw, 18px);
  font-weight: normal;
  display: inline-block;
  margin: clamp(16px, 3vw, 24px) 0 0;
}
.bl-indexfv {
  position: relative;
}
.bl-indexfv::after {
  content: "";
  width: 100%;
  height: 80px;
  background: url(../images/fv-shadow-pc.webp);
  background-size: cover;
  background-position: center;
  position: absolute;
  display: block;
  bottom: 40px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 10;
}
@media (max-width: 780px) {
  .bl-indexfv::after {
    content: "";
    width: 100%;
    height: 80px;
    background: url(../images/fv-shadow-sp.webp);
    background-size: cover;
    background-position: center;
    position: absolute;
    display: block;
    bottom: 40px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;
  }
}
.bl-indexfv::before {
  content: "";
  width: 100%;
  height: 80px;
  background: #fff;
  position: absolute;
  display: block;
  bottom: -20px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 8;
}
@media (max-width: 780px) {
  .bl-indexfv::before {
    content: "";
    width: 100%;
    height: 40px;
    background: #fff;
    position: absolute;
    display: block;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 8;
  }
}
.bl-indexfv-slides {
  max-height: 556px;
  overflow: hidden;
  position: relative;
}
.bl-indexfv-slides img {
  height: 100%;
  width: auto;
}
.bl-indexfv-slides::before {
  content: "";
  width: 50%;
  height: 100%;
  background: linear-gradient(90deg, rgba(23, 144, 17, 0.8509803922) 0%, rgba(23, 144, 17, 0.8509803922) 90%, transparent 100%);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
  z-index: 1;
}
@media (max-width: 780px) {
  .bl-indexfv-slides::before {
    height: 80%;
    bottom: unset;
    top: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(23, 144, 17, 0.8509803922) 0%, rgba(23, 144, 17, 0.8509803922) 70%, transparent 90%);
  }
}
.bl-indexfv.noslide::after, .bl-indexfv.noslide::before {
  display: none;
}
.bl-slick > div:not(.bl-slick > div:first-child,
.bl-slick > li:first-child,
.bl-slick > span:first-child),
.bl-slick > li:not(.bl-slick > div:first-child,
.bl-slick > li:first-child,
.bl-slick > span:first-child),
.bl-slick > span:not(.bl-slick > div:first-child,
.bl-slick > li:first-child,
.bl-slick > span:first-child) {
  display: none;
}
.bl-slick.slick-initialized > div:not(.bl-slick.slick-initialized > div:first-child,
.bl-slick.slick-initialized > li:first-child,
.bl-slick.slick-initialized > span:first-child),
.bl-slick.slick-initialized > li:not(.bl-slick.slick-initialized > div:first-child,
.bl-slick.slick-initialized > li:first-child,
.bl-slick.slick-initialized > span:first-child),
.bl-slick.slick-initialized > span:not(.bl-slick.slick-initialized > div:first-child,
.bl-slick.slick-initialized > li:first-child,
.bl-slick.slick-initialized > span:first-child) {
  display: block;
}
.bl-cross-order-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
@media (max-width: 780px) {
  .bl-cross-order-links {
    grid-template-columns: 1fr;
  }
}
.bl-cross-order-links .bl-btn {
  width: 100%;
  text-align: center;
}
.bl-news-item-inner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 480px) {
  .bl-news-item-inner {
    flex-wrap: wrap;
    gap: 8px 0;
  }
}
.bl-news-item {
  border-bottom: 1px solid #340008;
}
.bl-news-cat {
  background: #fff;
  border: 1px solid #3f720e;
  word-break: keep-all;
}
.bl-flow-item {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 24px;
}
@media (max-width: 780px) {
  .bl-flow-item {
    grid-template-columns: 60px 1fr;
    gap: 16px;
  }
}
@media (max-width: 480px) {
  .bl-flow-item {
    grid-template-columns: 40px 1fr;
    gap: 8px;
  }
}
.bl-flow-item .num {
  position: relative;
}
.bl-flow-item .num img {
  position: relative;
  z-index: 10;
}
.bl-flow-item:not(.bl-flow-item:last-child) .num::after {
  content: "";
  width: 48px;
  height: 100%;
  z-index: 1;
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  margin: auto;
  background: #e0dcdc;
}
@media (max-width: 780px) {
  .bl-flow-item:not(.bl-flow-item:last-child) .num::after {
    width: 24px;
    top: 40px;
  }
}
@media (max-width: 480px) {
  .bl-flow-item:not(.bl-flow-item:last-child) .num::after {
    width: 8px;
  }
}
.bl-shipping-method {
  padding-left: 40px;
  position: relative;
  margin-bottom: 40px;
}
@media (max-width: 480px) {
  .bl-shipping-method {
    padding-left: 0px;
  }
  .bl-shipping-method-title {
    padding-left: 28px;
  }
}
.bl-shipping-method-content {
  display: flex;
  flex-wrap: wrap;
  padding-top: 24px;
}
@media (max-width: 480px) {
  .bl-shipping-method-content {
    padding-top: 16px;
  }
}
.bl-shipping-method-content .flow {
  width: 100%;
}
.bl-shipping-method-content .body {
  padding-left: 24px;
  width: 70%;
}
@media (max-width: 480px) {
  .bl-shipping-method-content .body {
    width: 100%;
    padding-left: 0;
  }
}
.bl-shipping-method-content .thumb {
  width: 30%;
}
@media (max-width: 480px) {
  .bl-shipping-method-content .thumb {
    width: 100%;
    padding-left: 0;
  }
}
.bl-shipping-method-title-icon {
  position: absolute;
  left: -4px;
  top: -4px;
  width: 36px;
}
@media (max-width: 480px) {
  .bl-shipping-method-title-icon {
    width: 24px;
    top: 0px;
    left: -2px;
  }
}
.bl-ttl-line {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  word-break: keep-all;
}
.bl-ttl-line::after {
  width: 100%;
  height: 2px;
  background: #f39700;
  display: block;
  content: "";
}
.bl-qa-item .text h4 {
  border-bottom: 1px solid #340008;
  padding-bottom: 8px;
}
.bl-hr-green {
  height: 1px;
  width: auto;
  background: #5da513;
  display: block;
  border: none;
}
.bl-message-portrait {
  border: 4px solid #d4af37;
}
.bl-tenpo-item img {
  max-width: unset;
}
.bl-tenpo-item .address {
  text-indent: -13px;
  padding-left: 18px;
}
.bl-tenpo-item .address i {
  display: inline-block;
  height: 16px;
  position: relative;
  top: 2px;
  left: -4px;
}
.bl-tenpo-list-selector {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
@media (max-width: 780px) {
  .bl-tenpo-list-selector {
    flex-flow: column;
  }
  .bl-tenpo-list-selector button {
    width: 100%;
  }
}
.bl-tenpo-list-selector button {
  border: 2px solid #5da513;
  border-radius: 24px;
  padding: 8px 0;
  min-width: 240px;
  text-align: center;
  color: #5da513;
  background: #fff;
  font-weight: bold;
  font-size: clamp(18px, 3vw, 23px);
  transition: 0.3s;
}
.bl-tenpo-list-selector button:hover {
  background: #5da513;
  color: #fff;
}
.bl-tenpo-list-selector button.selected {
  background: #5da513;
  color: #fff;
}

.slick-dots button:before {
  opacity: 1 !important;
  color: #ffffff !important;
}
.slick-dots .slick-active button:before {
  color: #ffff00 !important;
}

.kyusyu {
  display: none;
}

.kansai {
  display: none;
}

.kanto {
  display: none;
}

#kyusyu .kyusyu {
  display: block !important;
}

#kansai .kansai {
  display: block !important;
}

#kanto .kanto {
  display: block !important;
}

#three_business .bl-section-inner {
  position: relative;
}
#three_business .bl-section-inner::after {
  content: "";
  z-index: 3;
  background: url(../images/syokuzai.webp);
  display: block;
  height: 180px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  bottom: -12%;
}
#three_business .bl-section-inner::before {
  content: "";
  z-index: 3;
  background: url(../images/tamanegi.webp);
  display: block;
  width: 260px;
  height: 170px;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  right: -15%;
  top: -10%;
}
@media (max-width: 480px) {
  #three_business .bl-section-inner::before {
    display: none;
  }
}

@media (max-width: 780px) {
  #for_business {
    padding-top: 0 !important;
  }
}
#for_business .bl-section-inner {
  position: relative;
}
#for_business .bl-section-inner::before {
  content: "";
  z-index: 3;
  background: url(../images/ninjin.webp);
  display: block;
  width: 260px;
  height: 170px;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  left: -15%;
  bottom: 0;
}
@media (max-width: 480px) {
  #for_business .bl-section-inner::before {
    display: none;
  }
}
#for_business .for_business-suggest {
  position: relative;
  z-index: 2;
}
@media (max-width: 780px) {
  #for_business .for_business-suggest {
    flex-flow: column;
  }
}
#for_business .for_business-suggest-item {
  background: url(../images/dish.webp) no-repeat;
  background-size: contain;
  background-position: center;
  min-height: 400px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
#for_business .for_business-suggest .bl-btn {
  max-width: 198px;
}
#for_business .for_business-suggest .bl-btn picture {
  height: 100px;
}
#for_business .for_business-suggest .bl-btn picture img {
  height: 100%;
  width: auto;
}

@media (max-width: 780px) {
  .hamburger {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    border: none;
    border-radius: 0;
    background: #3f720e;
    backdrop-filter: blur(12px);
    cursor: pointer;
    z-index: 1001;
    transition: 0.3s;
  }
  .hamburger span {
    display: block;
    height: 2px;
    width: 24px;
    background: white;
    border-radius: 999px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    transition: 0.3s;
  }
  .hamburger span:first-child {
    top: 25%;
  }
  .hamburger span:last-child {
    top: -25%;
  }
  .hamburger:hover {
    background: #3f720e;
    opacity: 0.8;
  }
  .hamburger:hover span:nth-child(2) {
    opacity: 0;
  }
  .hamburger:hover span:first-child {
    transform: rotate(-45deg);
    top: 0%;
  }
  .hamburger:hover span:last-child {
    top: 0%;
    transform: rotate(45deg);
  }
  .menu {
    position: fixed;
    inset: 0;
    background: #fff;
    backdrop-filter: blur(18px);
    background: #3f720e;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 28px;
    opacity: 0;
    visibility: hidden;
    transform: scale(1.05);
    transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s;
  }
  .menu.active {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    z-index: 100;
  }
  .menu a {
    color: white;
    text-decoration: none;
    font-size: clamp(24px, 4vw, 42px);
    font-weight: 600;
    letter-spacing: 0.04em;
    transition: 0.25s;
    line-height: 100%;
  }
  .menu a:hover {
    opacity: 0.6;
    transform: translateY(-2px);
  }
}
.status-menu-open .hamburger span:nth-child(2) {
  opacity: 0;
}
.status-menu-open .hamburger span:first-child {
  transform: rotate(-45deg);
  top: 0%;
}
.status-menu-open .hamburger span:last-child {
  top: 0%;
  transform: rotate(45deg);
}

@media (max-width: 780px) {
  #reason .bl-reason {
    flex-flow: column;
  }
}

@media (max-width: 780px) {
  #flow .bl-reason {
    flex-flow: column-reverse;
  }
}

.deco-paprica-post::before {
  content: "";
  width: 240px;
  height: 140px;
  background: url(../images/paprica.webp) no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  bottom: 24px;
  right: 0;
}
@media (max-width: 780px) {
  .deco-paprica-post::before {
    right: 0px;
    bottom: 0;
    width: 140px;
  }
}
@media (max-width: 480px) {
  .deco-paprica-post::before {
    bottom: -15%;
    width: 112px;
  }
}

#page_archive .pagination {
  margin-top: 24px;
}
#page_archive .pagination .navigation {
  width: 100%;
}
#page_archive .pagination .screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
#page_archive .pagination .nav-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
#page_archive .pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  height: 48px;
  padding-inline: 16px;
  border: 1px solid #d9d9d9;
  border-radius: 999px;
  color: #5da513;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
#page_archive .pagination .page-numbers:hover {
  border-color: #5da513;
}
#page_archive .pagination .page-numbers.current {
  border-color: #5da513;
  background: #5da513;
  color: #fff;
  pointer-events: none;
}
#page_archive .pagination .prev,
#page_archive .pagination .next {
  padding-inline: 24px;
}
@media (max-width: 480px) {
  #page_archive .pagination {
    margin-top: 48px;
  }
  #page_archive .pagination .nav-links {
    gap: 8px;
  }
  #page_archive .pagination .page-numbers {
    min-width: 42px;
    height: 42px;
    padding-inline: 12px;
    font-size: 14px;
  }
  #page_archive .pagination .prev,
  #page_archive .pagination .next {
    padding-inline: 18px;
  }
}
#page_single .post-navigation {
  margin-top: 80px;
  padding-top: 40px;
  border-top: 1px solid #ddd;
}
#page_single .post-navigation .screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
#page_single .post-navigation .nav-links {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
#page_single .post-navigation .nav-previous,
#page_single .post-navigation .nav-next {
  min-width: 0;
}
#page_single .post-navigation .nav-previous a,
#page_single .post-navigation .nav-next a {
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 100%;
  padding: 24px;
  border: 1px solid #ddd;
  border-radius: 12px;
  text-decoration: none;
  color: #340008;
  transition: border-color 0.2s ease, transform 0.2s ease;
}
#page_single .post-navigation .nav-previous a:hover,
#page_single .post-navigation .nav-next a:hover {
  border-color: #340008;
  transform: translateY(-2px);
}
#page_single .post-navigation .nav-next {
  text-align: right;
}
#page_single .post-navigation .nav-next a {
  align-items: flex-end;
}
#page_single .post-navigation .nav-subtitle {
  font-size: 13px;
  font-weight: 700;
  opacity: 0.6;
  text-transform: uppercase;
}
#page_single .post-navigation .nav-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
  word-break: break-word;
  overflow-wrap: break-word;
}
@media (max-width: 480px) {
  #page_single .post-navigation {
    margin-top: 56px;
    padding-top: 32px;
  }
  #page_single .post-navigation .nav-links {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  #page_single .post-navigation .nav-next {
    text-align: left;
  }
  #page_single .post-navigation .nav-next a {
    align-items: flex-start;
  }
  #page_single .post-navigation .nav-previous a,
  #page_single .post-navigation .nav-next a {
    padding: 20px;
  }
  #page_single .post-navigation .nav-title {
    font-size: 16px;
  }
}
#page_single .entry-content {
  line-height: 1.9;
  word-break: break-word;
  overflow-wrap: break-word;
}
#page_single .entry-content > *:first-child {
  margin-top: 0;
}
#page_single .entry-content > *:last-child {
  margin-bottom: 0;
}
#page_single .entry-content h1,
#page_single .entry-content h2,
#page_single .entry-content h3,
#page_single .entry-content h4,
#page_single .entry-content h5,
#page_single .entry-content h6 {
  font-weight: 700;
  line-height: 1.4;
  margin-top: 72px;
  margin-bottom: 24px;
}
#page_single .entry-content h1 {
  font-size: clamp(32px, 4vw, 48px);
}
#page_single .entry-content h2 {
  font-size: clamp(28px, 3vw, 40px);
  padding-bottom: 12px;
  border-bottom: 1px solid #ddd;
}
#page_single .entry-content h3 {
  font-size: clamp(24px, 2.4vw, 32px);
}
#page_single .entry-content h4 {
  font-size: 24px;
}
#page_single .entry-content h5 {
  font-size: 20px;
}
#page_single .entry-content h6 {
  font-size: 18px;
}
#page_single .entry-content p,
#page_single .entry-content ul,
#page_single .entry-content ol,
#page_single .entry-content dl,
#page_single .entry-content table,
#page_single .entry-content blockquote,
#page_single .entry-content pre,
#page_single .entry-content figure,
#page_single .entry-content iframe {
  margin-top: 24px;
  margin-bottom: 24px;
}
#page_single .entry-content p:empty {
  display: none;
}
#page_single .entry-content a {
  text-decoration: underline;
  text-underline-offset: 0.15em;
}
#page_single .entry-content a:hover {
  text-decoration: none;
}
#page_single .entry-content strong,
#page_single .entry-content b {
  font-weight: 700;
}
#page_single .entry-content em,
#page_single .entry-content i {
  font-style: italic;
}
#page_single .entry-content small {
  font-size: 0.875em;
}
#page_single .entry-content mark {
  padding: 0.1em 0.25em;
}
#page_single .entry-content hr {
  margin: 56px 0;
  border: 0;
  border-top: 1px solid #ddd;
}
#page_single .entry-content ul,
#page_single .entry-content ol {
  padding-left: 1.5em;
  list-style-position: outside;
}
#page_single .entry-content ul li + li,
#page_single .entry-content ol li + li {
  margin-top: 0.5em;
}
#page_single .entry-content ul ul,
#page_single .entry-content ul ol,
#page_single .entry-content ol ul,
#page_single .entry-content ol ol {
  margin-top: 12px;
}
#page_single .entry-content ul li {
  list-style-type: disc;
}
#page_single .entry-content ul ul li {
  list-style-type: circle;
}
#page_single .entry-content ul ul ul li {
  list-style-type: square;
}
#page_single .entry-content ol li {
  list-style-type: decimal;
}
#page_single .entry-content ol ol li {
  list-style-type: lower-alpha;
}
#page_single .entry-content ol ol ol li {
  list-style-type: lower-roman;
}
#page_single .entry-content dl dt {
  font-weight: 700;
}
#page_single .entry-content dl dd {
  margin-top: 8px;
  margin-left: 0;
}
#page_single .entry-content dl dd + dt {
  margin-top: 20px;
}
#page_single .entry-content blockquote {
  padding: 24px;
  border-left: 4px solid #222;
  background: #f7f7f7;
}
#page_single .entry-content blockquote > *:first-child {
  margin-top: 0;
}
#page_single .entry-content blockquote > *:last-child {
  margin-bottom: 0;
}
#page_single .entry-content img {
  display: block;
  max-width: 100%;
  height: auto;
}
#page_single .entry-content figure {
  margin-inline: auto;
}
#page_single .entry-content figure img {
  width: 100%;
}
#page_single .entry-content figcaption {
  margin-top: 12px;
  font-size: 14px;
  text-align: center;
}
#page_single .entry-content video,
#page_single .entry-content iframe {
  width: 100%;
  max-width: 100%;
}
#page_single .entry-content .wp-block-embed,
#page_single .entry-content .wp-block-video {
  margin-block: 40px;
}
#page_single .entry-content table {
  width: 100%;
  border-collapse: collapse;
  display: block;
  overflow-x: auto;
  white-space: nowrap;
}
#page_single .entry-content th,
#page_single .entry-content td {
  padding: 16px;
  border: 1px solid #ddd;
}
#page_single .entry-content th {
  font-weight: 700;
  background: #f7f7f7;
}
#page_single .entry-content code {
  padding: 0.2em 0.4em;
  font-size: 0.9em;
  border-radius: 4px;
  background: #f3f3f3;
}
#page_single .entry-content pre {
  padding: 24px;
  overflow-x: auto;
  border-radius: 8px;
  background: #111;
}
#page_single .entry-content pre code {
  padding: 0;
  background: transparent;
}
#page_single .entry-content .aligncenter {
  margin-inline: auto;
  text-align: center;
}
#page_single .entry-content .alignright {
  margin-left: auto;
}
#page_single .entry-content .alignleft {
  margin-right: auto;
}
#page_single .entry-content .wp-caption,
#page_single .entry-content .wp-block-image,
#page_single .entry-content .wp-block-gallery {
  max-width: 100%;
}
#page_single .entry-content .wp-block-button {
  margin-top: 32px;
}
#page_single .entry-content .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 32px;
  border-radius: 999px;
  text-decoration: none;
}
@media (max-width: 480px) {
  #page_single .entry-content {
    line-height: 1.8;
  }
  #page_single .entry-content h1,
  #page_single .entry-content h2,
  #page_single .entry-content h3,
  #page_single .entry-content h4,
  #page_single .entry-content h5,
  #page_single .entry-content h6 {
    margin-top: 48px;
    margin-bottom: 20px;
  }
  #page_single .entry-content table {
    font-size: 14px;
  }
  #page_single .entry-content pre,
  #page_single .entry-content blockquote {
    padding: 20px;
  }
}
@media (max-width: 780px) {
  #page_home .bl-indexfv {
    margin-bottom: -32px;
  }
}
#page_inshoku .bl-indexfv-slides::before {
  display: none;
}

.slick-track {
  display: flex;
}

.slick-slide {
  height: inherit !important;
}

.bl-history {
  border-radius: 8px;
  overflow: hidden;
}
.bl-history tr td {
  border-right: none;
}
.bl-history tr th {
  border-left: none;
}
.bl-history tr:first-child td,
.bl-history tr:first-child th {
  border-top: none;
}
.bl-history tr:last-child td,
.bl-history tr:last-child th {
  border-bottom: none;
}

.bl-history,
td,
th {
  border: 1px solid #d4af37;
}

table,
td,
th {
  border-collapse: collapse;
}

@media (max-width: 780px) {
  .flow-list-item:not(:last-child) {
    position: relative;
  }
  .flow-list-item:not(:last-child)::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -10px;
    height: 50px;
    width: 17px;
    right: 0;
    left: 0;
    transform: rotate(90deg);
    background: url(../images/next-icon.webp) no-repeat;
    background-size: contain;
    margin: auto;
    background-position: center;
  }
}
.flow-list-item:not(:last-child) .image {
  position: relative;
}
.flow-list-item:not(:last-child) .image::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  height: 50px;
  width: 17px;
  right: -17px;
  background: url(../images/next-icon.webp) no-repeat;
  background-size: contain;
  margin: auto;
  background-position: center;
}
@media (max-width: 780px) {
  .flow-list-item:not(:last-child) .image::after {
    display: none;
  }
}

.bl-contact-form {
  max-width: 800px;
  margin-inline: auto;
}
.bl-contact-form .form-group {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.bl-contact-form .form-group br {
  display: none;
}
.bl-contact-form .form-group label {
  display: flex;
  align-items: center;
  gap: 8px;
}
.bl-contact-form .form-group + .form-group, .bl-contact-form .form-group + fieldset {
  margin-top: 32px;
}
.bl-contact-form label,
.bl-contact-form legend {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
}
.bl-contact-form .required {
  margin-left: 8px;
  padding: 4px 8px;
  border-radius: 4px;
  background: #dc3545;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}
.bl-contact-form fieldset {
  padding: 0;
  border: 0;
  margin: 32px 0 0;
  min-width: 0;
}
.bl-contact-form input[type=text],
.bl-contact-form input[type=email],
.bl-contact-form input[type=tel],
.bl-contact-form textarea {
  width: 100%;
  padding: 16px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  background: #fff;
  font-size: 16px;
  line-height: 1.5;
  transition: border-color 0.2s ease;
}
.bl-contact-form input[type=text]:focus,
.bl-contact-form input[type=email]:focus,
.bl-contact-form input[type=tel]:focus,
.bl-contact-form textarea:focus {
  outline: none;
  border-color: #222;
}
.bl-contact-form input[type=text]::-moz-placeholder, .bl-contact-form input[type=email]::-moz-placeholder, .bl-contact-form input[type=tel]::-moz-placeholder, .bl-contact-form textarea::-moz-placeholder {
  color: #999;
}
.bl-contact-form input[type=text]::placeholder,
.bl-contact-form input[type=email]::placeholder,
.bl-contact-form input[type=tel]::placeholder,
.bl-contact-form textarea::placeholder {
  color: #999;
}
.bl-contact-form textarea {
  min-height: 180px;
  resize: vertical;
}
.bl-contact-form .wpcf7-radio {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 8px;
}
.bl-contact-form .wpcf7-radio .wpcf7-list-item {
  margin: 0;
}
.bl-contact-form .wpcf7-radio label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 400;
  cursor: pointer;
}
.bl-contact-form .form-submit {
  margin-top: 48px;
}
.bl-contact-form input[type=submit] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 320px;
  min-height: 60px;
  padding: 16px 32px;
  border: 0;
  border-radius: 999px;
  background: #5da513;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: opacity 0.2s ease;
  margin: auto;
  display: block;
}
.bl-contact-form input[type=submit]:hover {
  opacity: 0.8;
}
.bl-contact-form .wpcf7-not-valid-tip {
  margin-top: 4px;
  font-size: 14px;
}
.bl-contact-form .wpcf7-response-output {
  margin-top: 24px;
  padding: 16px;
  font-size: 14px;
}
@media (max-width: 480px) {
  .bl-contact-form .form-group + .form-group, .bl-contact-form .form-group + fieldset {
    margin-top: 24px;
  }
  .bl-contact-form input[type=text],
  .bl-contact-form input[type=email],
  .bl-contact-form input[type=tel],
  .bl-contact-form textarea {
    padding: 14px;
  }
  .bl-contact-form input[type=submit] {
    max-width: 100%;
  }
}
.bl-contact-form .form-title {
  margin-bottom: 40px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}
.bl-contact-form .confirm-list {
  border-top: 1px solid #ddd;
}
.bl-contact-form .confirm-list dt,
.bl-contact-form .confirm-list dd {
  padding: 24px;
  border-bottom: 1px solid #ddd;
}
.bl-contact-form .confirm-list dt {
  font-weight: 700;
  background: #f7f7f7;
}
.bl-contact-form .confirm-list dd {
  margin: 0;
  line-height: 1.8;
  word-break: break-word;
}
.bl-contact-form .complete-text {
  text-align: center;
  line-height: 2;
  font-size: 16px;
}
@media (max-width: 480px) {
  .bl-contact-form .form-title {
    margin-bottom: 32px;
    font-size: 24px;
  }
  .bl-contact-form .confirm-list dt,
  .bl-contact-form .confirm-list dd {
    padding: 18px;
  }
}/*# sourceMappingURL=style.css.map */