.rc-anchor,
.grecaptcha-badge {
  display: none;
}

/*----------------------------
	Fonts
----------------------------*/
@font-face {
  font-family: "apricot";
  src: url("./font/ap.woff2") format("woff2"), url("./font/ap.woff") format("woff");
}
.ap {
  font-family: "apricot";
}

/* CSS Document */
body {
  font-family: "apricot", sans-serif;
}

main p.small, main p.nomal {
  font-family: "apricot", sans-serif;
  font-weight: 500;
}

strong, body {
  font-family: "apricot", sans-serif;
  font-weight: 500;
}

body {
  font-size: 18px;
  font-size: 1.125rem;
  color: #7e644d;
  padding: 0;
  margin: 0;
  line-height: 1.35;
  background-color: #fff;
}

:root {
  --vk-margin-xxs: 0.375rem;
  --vk-margin-xs: 0.75rem;
  --vk-margin-sm: 1rem;
  --vk-margin-md: 1.5rem;
  --vk-margin-lg: 2rem;
  --vk-margin-xl: 2.5rem;
  --vk-margin-xxl: 3rem;
}
@media (min-width: 768px) {
  :root {
    --vk-margin-xxs: 0.375rem;
    --vk-margin-xs: 0.75rem;
    --vk-margin-sm: 1.5rem;
    --vk-margin-md: 2.4rem;
    --vk-margin-lg: 4rem;
    --vk-margin-xl: 6rem;
    --vk-margin-xxl: 9rem;
  }
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  max-width: 1125px;
}

.container-md {
  max-width: 960px;
  padding-right: var(--bs-gutter-x, 1.25rem);
  padding-left: var(--bs-gutter-x, 1.25rem);
}
@media (min-width: 1125px) {
  .container-md {
    padding-right: var(--bs-gutter-x, 0rem);
    padding-left: var(--bs-gutter-x, 0%);
  }
}

.main_wrapper {
  position: relative;
  z-index: 1;
}

.top_image {
  background-image: url("images/mainvisual.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 93.78330373vw;
}

.padding_top {
  padding-top: 80px;
}
@media (min-width: 768px) {
  .padding_top {
    padding-top: 140px;
  }
}

header {
  gap: 0;
}

main {
  position: relative;
  z-index: 2;
}
main p {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.23;
  letter-spacing: 0.05em;
}
@media (min-width: 425px) {
  main p {
    font-size: clamp(17px, -8.3311258278px + 5.9602649007vw, 26px);
  }
}
@media (min-width: 576px) {
  main p {
    font-size: clamp(26px, -4px + 5.2083333333vw, 36px);
  }
}
@media (min-width: 768px) {
  main p {
    font-size: clamp(36px, 29.5462184874px + 0.8403361345vw, 39px);
  }
}
@media (min-width: 1125px) {
  main p {
    font-size: 39px;
    font-size: 2.4375rem;
  }
}
main p.nomal {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.16;
}
@media (min-width: 425px) {
  main p.nomal {
    font-size: clamp(16px, -3.701986755px + 4.6357615894vw, 23px);
  }
}
@media (min-width: 576px) {
  main p.nomal {
    font-size: clamp(23px, -4px + 4.6875vw, 32px);
  }
}
@media (min-width: 768px) {
  main p.nomal {
    font-size: clamp(32px, 23.3949579832px + 1.1204481793vw, 36px);
  }
}
@media (min-width: 1125px) {
  main p.nomal {
    font-size: 36px;
    font-size: 2.25rem;
  }
}
main p.large {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.23;
  letter-spacing: 0.05em;
}
@media (min-width: 425px) {
  main p.large {
    font-size: clamp(19px, -6.3311258278px + 5.9602649007vw, 28px);
  }
}
@media (min-width: 576px) {
  main p.large {
    font-size: clamp(28px, -2px + 5.2083333333vw, 38px);
  }
}
@media (min-width: 768px) {
  main p.large {
    font-size: clamp(38px, 29.3949579832px + 1.1204481793vw, 42px);
  }
}
@media (min-width: 1125px) {
  main p.large {
    font-size: 42px;
    font-size: 2.625rem;
  }
}
main p.small {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1.35;
}
@media (min-width: 425px) {
  main p.small {
    font-size: clamp(14px, -5.701986755px + 4.6357615894vw, 21px);
  }
}
@media (min-width: 576px) {
  main p.small {
    font-size: clamp(21px, -6px + 4.6875vw, 30px);
  }
}
@media (min-width: 768px) {
  main p.small {
    font-size: clamp(30px, 23.5462184874px + 0.8403361345vw, 33px);
  }
}
@media (min-width: 1125px) {
  main p.small {
    font-size: 33px;
    font-size: 2.0625rem;
  }
}

.back_gradient {
  padding: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#fdf9f4), color-stop(47%, #f3ddbe), color-stop(75%, #e3dee4), to(#e3dee4));
  background: -webkit-linear-gradient(top, #fdf9f4 0%, #f3ddbe 47%, #e3dee4 75%, #e3dee4 100%);
  background: linear-gradient(180deg, #fdf9f4 0%, #f3ddbe 47%, #e3dee4 75%, #e3dee4 100%);
}

.top_catchcopy {
  background-image: url(sumikko2026img/sumikko2026_kaisai_back.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: auto;
  aspect-ratio: 1125/431;
}

.drop_shadow {
  -webkit-filter: drop-shadow(7px 7px 5px rgba(206, 206, 231, 0.75));
          filter: drop-shadow(7px 7px 5px rgba(206, 206, 231, 0.75));
}

.group_shippoz {
  background-image: url(sumikko2026img/group_shippoz.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: auto;
  aspect-ratio: 942.6/469.56;
  gap: 16px;
}
@media (min-width: 768px) {
  .group_shippoz {
    gap: 28px;
  }
}
.group_shippoz .sippo_images {
  padding: 16px 0em 16px 16px;
}
@media (min-width: 768px) {
  .group_shippoz .sippo_images {
    padding: 30px 0em 30px 30px;
  }
}
.group_shippoz .sippo_txt {
  padding: 16px 16px 16px 0em;
}
@media (min-width: 768px) {
  .group_shippoz .sippo_txt {
    padding: 30px 30px 30px 0em;
  }
}

.mt-sm-n5 {
  margin-top: -2rem;
}
@media (min-width: 576px) {
  .mt-sm-n5 {
    margin-top: -5rem;
  }
}

@media (min-width: 576px) {
  br.sp {
    display: none;
  }
}

@media (min-width: 768px) {
  br.tab {
    display: none;
  }
}

a:hover img {
  opacity: 0.6;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

footer {
  position: relative;
  width: 100%;
  padding-bottom: 1rem;
}