@charset "UTF-8";
html {
  scroll-behavior: smooth;
}
body {
  font-family: 'GenJyuuGothic';
}

.bg-main {
  background-color: #ea5605;
}
.bg-main2 {
  background-color: #f1d8c8;
}
.bg-main3 {
  background-color: #f19a8f;
}
.bg-sub {
  background-color: #376ea7;
}
.bg-sub2 {
  background-color: #fffff1;
}
.text-main {
  color: #ea5605;
}
.text-main2 {
  color: #ea5605;
}
.text-sub {
  color: #376ea7;
}
.text-sub3 {
  color: #ffff8a;
}
.border-main {
  border-color: #ee8065;
}
.border-main2 {
  border-color: #ad2a23;
}
.border-main3 {
  border-color: #ea5605;
}
.border-sub {
  border-color: #376ea7;
}

.max-width-600 {
  max-width: 600px;
}

.max-width-960 {
  max-width: 960px;
}

.concept {
  width: 100vw; /* 画面幅いっぱいに広げます */
  margin: 0; /* ボディのマージンを0に設定し、余白をなくします */
  padding: 0; /* ボディのパディングを0に設定し、余白をなくします */
  background-color: #fffff1;
}

.price-border {
  border: #ea5605 1px solid;
  border-radius: 24px;
}

.img_center{
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding:0 0 20px 0;
}

footer p {
  padding-top: 20px;
}

footer ul {
  padding-bottom: 20px;
}

@media (min-width: 640px) {
  .top-img {
    height: 628px;
    width: 100%;
    object-fit: cover;
  }
  .bg-main {
    height: 110px;
  }
  .bg-main .ml-4 {
    width: 10rem;
    margin-left: 0;
    margin-top: 1em;
  }
  .bg-main2 .text-sm {
    width: 90%;
    margin: 0 auto;
    padding-top: 0.12rem;
    padding-bottom: 0.12rem;
    justify-content: right;
    font-size: 16px;
    letter-spacing: 1px;
  }
  .mr-2 .w-4 {
    width: 1.3rem;
  }
  .akane-foot {
    max-width: 1000px;
    margin: 0 auto;
  }
  .basis-full .mb-6 {
    font-size: min(2vw, 20px);
  }
  .text-main .mr-4 {
    font-size: min(3vw, 25px);
  }
  .text-main .text-3xl {
    font-size: min(4vw, 35px);
  }
}
