@charset "UTF-8";
/*+ front-page +*/
/*+++ main-visual +++*/
.main-visual {
  height: max(100svh - var(--header-height), 512px);
  display: grid;
  grid-template-rows: 50% 1fr auto;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width:500px) {
  .main-visual {
    grid-template-rows: 35% 1fr auto;
  }
}
@media print, screen and (min-width:768px) {
  .main-visual {
    grid-template-columns: 75% 25%;
    grid-template-rows: 1fr 5.5rem;
  }
}
@media screen and (min-width:768px) and (max-width:1536px) {
  .main-visual {
    aspect-ratio: 2/1;
    height: auto;
  }
}
body.admin-bar .main-visual {
  height: max(100svh - (var(--header-height) + var(--wp-admin--admin-bar--height)), 512px);
}
@media screen and (min-width:768px) and (max-width:1536px) {
  body.admin-bar .main-visual {
    height: auto;
  }
}
.main-visual_img {
  grid-column: 1/2;
  grid-row: 1/2;
}
.main-visual_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media print, screen and (min-width:768px) {
  .main-visual_img {
    grid-row: 1/3;
  }
}
.main-visual_catch-jp, .main-visual_catch-en {
  grid-column: 1/2;
  justify-self: center;
  align-self: center;
}
@media print, screen and (min-width:768px) {
  .main-visual_catch-jp, .main-visual_catch-en {
    grid-column: 2/3;
    grid-row: 1/3;
  }
}
.main-visual_catch-jp {
  grid-row: 1/3;
  color: #111A12;
  font-family: "Zen Old Mincho", "Noto Serif JP", serif;
  font-size: clamp(3rem, 6.25vw + -1rem, 4rem);
  font-weight: 400;
  text-indent: -1em;
  line-height: 1.2;
  writing-mode: vertical-rl;
  margin-inline-start: 1em;
  -webkit-text-stroke: 2px #F6F4F4;
  paint-order: stroke;
  transform: translateY(25%);
  z-index: 3;
}
@media screen and (max-height:500px) {
  .main-visual_catch-jp {
    writing-mode: horizontal-tb;
  }
}
@media print, screen and (min-width:768px) {
  .main-visual_catch-jp {
    transform: translate(0, 0);
  }
}
.main-visual_catch-en {
  grid-row: 2/3;
  color: #F4BEC2;
  font-size: 5rem;
  white-space: nowrap;
  transform: rotate(25deg);
  opacity: 0.4;
  position: absolute;
  z-index: 1;
  font-family: "Allison", serif;
  font-weight: 400;
}
@media print, screen and (min-width:768px) {
  .main-visual_catch-en {
    bottom: 0.5em;
    transform: rotate(25deg) translateX(-25%);
  }
}
.main-visual_scroll {
  color: #616161;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  grid-column: 1/2;
  grid-row: 2/3;
  justify-self: end;
  align-self: end;
  z-index: 2;
  font-family: "Ovo", "Noto Serif JP", serif;
  font-weight: 400;
}
.main-visual_scroll::after {
  content: "";
  background: currentColor;
  vertical-align: baseline;
  margin-block-start: 0.25rem;
  margin-inline-start: 0.5rem;
  width: 1px;
  height: 1.5rem;
  display: inline-block;
}
@media print, screen and (min-width:768px) {
  .main-visual_scroll {
    color: #fff;
    margin-block-end: 1.5rem;
    grid-row: 1/2;
    justify-self: start;
  }
}
@media print {
  .main-visual {
    height: 512px;
  }
}

/*+++ information +++*/
.front-info {
  grid-column: 1/2;
  grid-row: 3/4;
  background: rgba(255, 255, 255, 0.64);
  padding-inline-start: max(min(0.03125 * (100vw - var(--scrollbar-size)), 40px), (100vw - var(--scrollbar-size) - 1200px) / 2);
  min-height: 5.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  -moz-column-gap: clamp(1rem, 1.77vw + 0.5856rem, 2rem);
       column-gap: clamp(1rem, 1.77vw + 0.5856rem, 2rem);
}
@media print, screen and (min-width:768px) {
  .front-info {
    background: #F6F4F4;
    width: 90%;
    grid-row: 2/3;
  }
}
@media print, screen and (min-width:1024px) {
  .front-info {
    flex-wrap: nowrap;
  }
}
.front-info_headline {
  color: #111A12;
  font-size: clamp(1.125rem, 0.66vw + 0.9696rem, 1.5rem);
  text-transform: uppercase;
  flex-shrink: 0;
  font-family: "Ovo", "Noto Serif JP", serif;
  font-weight: 400;
}
.front-info_headline::first-letter {
  color: #A71D26;
}
.front-info_content {
  flex-grow: 1;
}
@media print, screen and (min-width:1024px) {
  .front-info_content {
    height: 100%;
  }
}
.front-info_content a {
  color: #616161;
  line-height: 1.4;
  padding-block: clamp(0.25rem, 1.02vw + 0.0115rem, 0.5rem);
  padding-inline-end: clamp(1rem, 0.88vw + 0.7928rem, 1.5rem);
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: auto 1fr 1.5rem;
  align-items: center;
  -moz-column-gap: clamp(1rem, 0.88vw + 0.7928rem, 1.5rem);
       column-gap: clamp(1rem, 0.88vw + 0.7928rem, 1.5rem);
}
.front-info_content a::after {
  content: "";
  background-image: url("../img/icon/move-right_info.svg");
  width: 1.5rem;
  aspect-ratio: 1/1;
  transition: transform 0.3s;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
@media screen and (max-width:500px) {
  .front-info_content a::after {
    grid-row: 2/3;
  }
}
@media (hover: hover) {
  .front-info_content a:where(:-moz-any-link, :enabled, summary):hover {
    color: #A71D26;
  }
  .front-info_content a:where(:any-link, :enabled, summary):hover {
    color: #A71D26;
  }
  .front-info_content a:where(:-moz-any-link, :enabled, summary):hover::after {
    transform: translateX(0.25rem);
  }
  .front-info_content a:where(:any-link, :enabled, summary):hover::after {
    transform: translateX(0.25rem);
  }
}
@media screen and (max-width:500px) {
  .front-info_time {
    font-size: 0.875rem;
  }
}
.front-info_title {
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3; /* 3行まで表示 */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media screen and (max-width:500px) {
  .front-info_title {
    grid-column: 1/3;
    grid-row: 2/3;
  }
}

/*+++ inner +++*/
.m-inner {
  margin-block-start: clamp(3rem, 1.77vw + 2.5856rem, 4rem);
}

/*+++ company +++*/
.front-company {
  margin-inline: calc(min(0.03125 * (100vw - var(--scrollbar-size)), 40px) * -1);
  display: grid;
  gap: clamp(1.5rem, 1.77vw + 1.0856rem, 2.5rem);
}
@media print, screen and (min-width:768px) {
  .front-company {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto auto;
  }
}
.front-company_item {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
}
.front-company_item.mission {
  background-image: url("../img/company/company_mission.webp");
}
.front-company_item.mission .headline::after {
  color: #F4BEC2;
}
.front-company_item.vision {
  background-image: url("../img/company/company_vision.webp");
}
.front-company_item.vision .headline::after {
  color: #fff;
}
.front-company_headline {
  color: #F6F4F4;
  font-size: clamp(3rem, 5.3vw + 1.7569rem, 6rem);
  line-height: 0.8;
  text-align: center;
  margin-block-end: 1.4em;
  transform: translateY(-0.25rem);
  font-family: "Ovo", "Noto Serif JP", serif;
  font-weight: 400;
}
.front-company_text {
  color: #111A12;
  padding: min(0.03125 * (100vw - var(--scrollbar-size)), 40px);
  background: rgba(255, 255, 255, 0.64);
  backdrop-filter: blur(30px) brightness(115%);
  -webkit-backdrop-filter: blur(30px) brightness(115%);
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
}
.front-company_text .headline {
  font-size: 1.5rem;
  text-align: center;
  line-height: 1.4;
  margin-block-end: 1.5rem;
  position: relative;
  z-index: 1;
}
.front-company_text .headline::after {
  content: attr(data-en);
  font-family: "Allison", serif;
  font-size: 2rem;
  font-weight: 400;
  display: block;
  position: absolute;
  bottom: -0.5em;
  right: 0;
  opacity: 0.4;
}

/*+++ business +++*/
.our-business {
  margin: clamp(1rem, 1.77vw + 0.5856rem, 2rem) min(min(0.03125 * (100vw - var(--scrollbar-size)), 40px) * -1, (1200px - (100vw - var(--scrollbar-size))) / 2) 0;
}
.our-business_item {
  display: grid;
  grid-template-columns: min(0.03125 * (100vw - var(--scrollbar-size)), 40px) 1fr min(100% - min(0.03125 * (100vw - var(--scrollbar-size)), 40px) * 4, 1200px) 1fr min(0.03125 * (100vw - var(--scrollbar-size)), 40px);
  grid-template-rows: min(0.03125 * (100vw - var(--scrollbar-size)), 40px) 1fr min(0.03125 * (100vw - var(--scrollbar-size)), 40px);
  position: relative;
}
.our-business_item::before {
  content: "";
  grid-row: 1/4;
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.our-business_item::after {
  content: attr(data-en);
  grid-row: 1/4;
  color: #F6F4F4;
  font-size: clamp(3rem, 5.3vw + 1.7569rem, 6rem);
  line-height: 0.8;
  display: block;
  position: absolute;
  inset-block-start: -0.25rem;
  z-index: 2;
  font-family: "Ovo", "Noto Serif JP", serif;
  font-weight: 400;
}
.our-business_item:nth-child(odd)::before {
  grid-column: 2/6;
}
.our-business_item:nth-child(odd)::after {
  grid-column: 2/6;
  inset-inline-start: -0.25rem;
}
.our-business_item:nth-child(odd) .our-business_text {
  justify-self: end;
}
.our-business_item:nth-child(even)::before {
  grid-column: 1/5;
}
.our-business_item:nth-child(even)::after {
  grid-column: 1/5;
  inset-inline-end: -0.25rem;
}
.our-business_item:nth-child(even) .our-business_text {
  justify-self: start;
}
.our-business_item.hotel::before {
  background-image: url("../img/company/company_hotel.webp");
}
@media screen and (max-width:600px) {
  .our-business_item.hotel::before {
    background-image: url("../img/company/company_hotel_sp.webp");
  }
}
.our-business_item.banquet::before {
  background-image: url("../img/company/company_banquet.webp");
}
@media screen and (max-width:600px) {
  .our-business_item.banquet::before {
    background-image: url("../img/company/company_banquet_sp.webp");
  }
}
.our-business_item.wedding::before {
  background-image: url("../img/company/company_wedding.webp");
}
@media screen and (max-width:600px) {
  .our-business_item.wedding::before {
    background-image: url("../img/company/company_wedding_sp.webp");
  }
}
@media screen and (max-width:1023.99px) and (min-width:600px) {
  .our-business_item.wedding::before {
    background-position: right 20% center;
    background-size: 150%;
  }
}
.our-business_item.restaurant::before {
  background-image: url("../img/company/company_restaurant.webp");
}
@media screen and (max-width:600px) {
  .our-business_item.restaurant::before {
    background-image: url("../img/company/company_restaurant_sp.webp");
  }
}
@media screen and (max-width:1023.99px) and (min-width:600px) {
  .our-business_item.restaurant::before {
    background-position: left bottom 30%;
    background-size: 150%;
  }
}
.our-business_item.sweets-catering::before {
  background-image: url("../img/company/company_sweets-catering.webp");
}
@media screen and (max-width:600px) {
  .our-business_item.sweets-catering::before {
    background-image: url("../img/company/company_sweets-catering_sp.webp");
  }
}
@media screen and (max-width:1023.99px) and (min-width:600px) {
  .our-business_item.sweets-catering::before {
    background-position: right center;
    background-size: 140%;
  }
}
.our-business_item.sweets-catering::after {
  width: 5em;
}
.our-business_item + .our-business_item {
  margin-top: clamp(2rem, 3.54vw + 1.1713rem, 4rem);
}
.our-business_text {
  grid-column: 3/4;
  grid-row: 2/3;
  color: #111A12;
  padding: min(0.03125 * (100vw - var(--scrollbar-size)), 40px);
  width: 60%;
  display: grid;
  place-content: center;
  z-index: 2;
  background: rgba(255, 255, 255, 0.64);
  backdrop-filter: blur(30px) brightness(115%);
  -webkit-backdrop-filter: blur(30px) brightness(115%);
}
@media print, screen and (min-width:1024px) {
  .our-business_text {
    width: min(40%, 384px);
    aspect-ratio: 1/1;
  }
}
@media screen and (max-width:600px) {
  .our-business_text {
    margin-block-start: 60%;
    width: 90%;
  }
}
.our-business_text h4 {
  font-size: clamp(1.125rem, 0.66vw + 0.9696rem, 1.5rem);
  margin-block-end: 0.75rem;
}
@media screen and (max-width:600px) {
  .our-business_text h4 {
    font-weight: 900;
  }
}

/*+++ works +++*/
.front-course_headline {
  justify-content: center;
}
.front-course_item {
  color: #111A12;
  padding: min(0.03125 * (100vw - var(--scrollbar-size)), 40px);
  display: grid;
  gap: clamp(1rem, 2.65vw + 0.3785rem, 2.5rem);
  position: relative;
}
.front-course_item > * {
  position: relative;
}
.front-course_item::before {
  content: "";
  position: absolute;
  inset: 0 calc(50% - (50vw - var(--scrollbar-size) / 2) + min(0.03125 * (100vw - var(--scrollbar-size)), 40px));
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media print, screen and (min-width:768px) {
  .front-course_item {
    grid-template-columns: calc(50% + min(0.03125 * (100vw - var(--scrollbar-size)), 40px) / 2) 1fr;
    grid-template-rows: 1fr auto 1fr;
  }
}
@media print, screen and (min-width:1280px) {
  .front-course_item {
    margin-inline: clamp(-40px, -50vw + 640px, 0px);
  }
}
.front-course_item + .front-course_item {
  margin-block-start: 3.5rem;
}
.front-course_item .headline {
  display: flex;
  align-items: baseline;
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
@media print, screen and (min-width:768px) {
  .front-course_item .headline {
    grid-column: 2/3;
    align-self: end;
  }
}
.front-course_item .headline::before {
  content: attr(data-en);
  font-size: clamp(1.25rem, 1.33vw + 0.9392rem, 2rem);
  text-transform: uppercase;
  line-height: 1;
  font-family: "Ovo", "Noto Serif JP", serif;
  font-weight: 400;
}
@media print, screen and (min-width:768px) {
  .front-course_item .content {
    grid-column: 2/3;
  }
}
.front-course_item .wp-block-buttons {
  margin-block-start: 1rem;
  justify-content: flex-end;
}
@media print, screen and (min-width:768px) {
  .front-course_item .wp-block-buttons {
    grid-column: 2/3;
    align-self: start;
  }
}
.front-course_item figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media print, screen and (min-width:768px) {
  .front-course_item figure {
    grid-column: 1/2;
    grid-row: 1/4;
  }
}
.front-course_item.generalist::before {
  background-image: url("../img/works/course_generalist_bg.webp");
}
.front-course_item.specialist::before {
  background-image: url("../img/works/course_specialist_bg.webp");
}

.front-interview {
  display: grid;
  grid-template-columns: 1fr 7rem;
  gap: clamp(1rem, 1.77vw + 0.5856rem, 2rem);
}
.front-interview_headline {
  grid-column: 1/2;
  grid-row: 1/2;
  margin-block-end: 0;
}
.front-interview_arrows {
  grid-column: 2/3;
  grid-row: 1/2;
  display: flex;
  gap: 1rem;
}
.front-interview_arrows button {
  color: #616161;
  background: transparent;
  width: 3rem;
  height: 3rem;
  border: 1px solid #616161;
  position: static;
  transform: none;
}
.front-interview_arrows button:focus-visible {
  outline-width: 2px !important;
  outline-color: #19918a !important;
  outline-offset: 2px !important;
}
.front-interview_arrows svg {
  fill: none;
  width: 1.5rem;
  height: 1.5rem;
}
.front-interview_arrows-prev svg {
  transform: none;
}
.front-interview_track {
  grid-column: 1/4;
  grid-row: 2/3;
  margin-inline-end: min(min(0.03125 * (100vw - var(--scrollbar-size)), 40px) * -1, (1200px - (100vw - var(--scrollbar-size))) / 2);
}
.front-interview_item a {
  color: #616161;
  display: block;
}
@media (hover: hover) {
  .front-interview_item a:where(:-moz-any-link, :enabled, summary):hover {
    color: #A71D26;
  }
  .front-interview_item a:where(:any-link, :enabled, summary):hover {
    color: #A71D26;
  }
}
.front-interview_img {
  position: relative;
}
.front-interview_img::after {
  content: attr(data-en);
  color: #fff;
  font-size: 1.5rem;
  text-shadow: 0 3px 6px rgba(17, 26, 18, 0.32);
  text-transform: capitalize;
  line-height: 1;
  writing-mode: vertical-lr;
  position: absolute;
  inset-block-end: clamp(0.5rem, 0.88vw + 0.2928rem, 1rem);
  inset-inline-start: clamp(1rem, 0.88vw + 0.7928rem, 1.5rem);
  font-family: "Ovo", "Noto Serif JP", serif;
  font-weight: 400;
}
.front-interview_caption {
  margin-block-start: 1rem;
  display: block;
}

.more-works {
  color: #111A12;
  padding: min(0.03125 * (100vw - var(--scrollbar-size)) * 2, 96px) min(0.03125 * (100vw - var(--scrollbar-size)), 40px);
  margin-inline: auto;
}
.more-works, .more-works > * {
  position: relative;
  z-index: 2;
}
.more-works::before {
  content: "";
  background-image: url("../img/works/works_more.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: absolute;
  inset: 0 min(min(0.03125 * (100vw - var(--scrollbar-size)), 40px) * -1, (1200px - (100vw - var(--scrollbar-size))) / 2);
  display: block;
  z-index: 0;
}
.more-works::after {
  content: "";
  background: rgba(255, 255, 255, 0.64);
  backdrop-filter: blur(30px) brightness(115%);
  -webkit-backdrop-filter: blur(30px) brightness(115%);
  position: absolute;
  inset: min(0.03125 * (100vw - var(--scrollbar-size)), 40px) 0;
  display: block;
  z-index: 1;
}
.more-works_buttons {
  margin-block-start: clamp(24px, 2.65vw + 14.0552px, 48px);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem clamp(1rem, 2.65vw + 0.3785rem, 2.5rem);
}

/*+++ environment +++*/
.front-environment {
  display: grid;
  gap: clamp(1.5rem, 1.77vw + 1.0856rem, 2.5rem);
}
@media print, screen and (min-width:1024px) {
  .front-environment {
    grid-template-columns: 1fr 50%;
    grid-template-rows: 320px auto 32rem;
  }
  .front-environment_start {
    grid-column: 1/2;
    grid-row: 1/3;
  }
}
.front-environment > div > * + * {
  margin-block-start: 1.75em;
}
.front-environment_headline {
  padding-inline-start: clamp(1rem, 1.77vw + 0.5856rem, 2rem);
  margin-block-end: clamp(1.75rem, 3.09vw + 1.0249rem, 3.5rem);
  border-inline-start: 8px solid #A71D26;
}
.front-environment_img {
  margin-inline-end: min(min(0.03125 * (100vw - var(--scrollbar-size)), 40px) * -1, (1200px - (100vw - var(--scrollbar-size))) / 2);
}
.front-environment_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media print, screen and (min-width:1024px) {
  .front-environment_img {
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .front-environment_img + p {
    grid-column: 2/3;
    grid-row: 2/3;
  }
}
.front-environment_message {
  background-image: url("../img/environment/environment_tokushima2.webp");
  padding: min(0.03125 * (100vw - var(--scrollbar-size)), 40px);
  margin-inline: calc(50% - (50vw - var(--scrollbar-size) / 2) + min(0.03125 * (100vw - var(--scrollbar-size)), 40px));
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}
.front-environment_message,
.front-environment_message > * {
  position: relative;
}
@media print, screen and (min-width:1024px) {
  .front-environment_message {
    grid-column: 1/3;
    grid-row: 3/4;
  }
}
.front-environment_message p {
  color: #111A12;
  font-size: clamp(1.125rem, 0.22vw + 1.0732rem, 1.25rem);
  padding: min(0.03125 * (100vw - var(--scrollbar-size)), 40px) calc(min(0.03125 * (100vw - var(--scrollbar-size)), 40px) * 2);
  max-width: 960px;
  background: rgba(255, 255, 255, 0.64);
  backdrop-filter: blur(16px) brightness(115%);
  -webkit-backdrop-filter: blur(16px) brightness(115%);
}

.front-facilities_item + .front-facilities_item {
  margin-block-start: 1.5rem;
}
@media print, screen and (min-width:768px) {
  .front-facilities_item {
    display: flex;
  }
  .front-facilities_item:nth-child(odd) {
    flex-direction: row-reverse;
  }
  .front-facilities_item:nth-child(odd) .front-facilities_text {
    padding-inline-start: min(0.03125 * (100vw - var(--scrollbar-size)), 40px);
  }
  .front-facilities_item:nth-child(even) .front-facilities_text {
    padding-inline-end: min(0.03125 * (100vw - var(--scrollbar-size)), 40px);
  }
  .front-facilities_item + .front-facilities_item {
    margin-block-start: 0;
  }
  .front-facilities_item > * {
    width: 50%;
  }
}
.front-facilities_item.gp img {
  -o-object-position: bottom center;
     object-position: bottom center;
}
.front-facilities_item.ag img {
  -o-object-position: bottom center;
     object-position: bottom center;
}
.front-facilities_text {
  padding-block: min(0.03125 * (100vw - var(--scrollbar-size)), 40px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width:767.99px) {
  .front-facilities_img {
    height: 320px;
  }
}
.front-facilities_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.front-facilities_headline {
  color: #111A12;
  font-size: clamp(1.5rem, 2.65vw + 0.8785rem, 3rem);
  font-family: "Ovo", "Noto Serif JP", serif;
  font-weight: 400;
}
.front-facilities_sub {
  color: #111A12;
  font-size: clamp(1.125rem, 0.22vw + 1.0732rem, 1.25rem);
  margin-block-end: clamp(1.5rem, 1.77vw + 1.0856rem, 2.5rem);
}
.front-facilities_button {
  margin-block-start: clamp(2rem, 2.65vw + 1.3785rem, 3.5rem);
  justify-content: flex-end;
}
.front-facilities_button .wp-block-button__link::after {
  background-image: url("../img/icon/external-link_button-light.svg") !important;
}
@media (hover: hover) {
  .front-facilities_button .wp-block-button__link:where(:-moz-any-link, :enabled, summary):hover::after {
    transform: none;
  }
  .front-facilities_button .wp-block-button__link:where(:any-link, :enabled, summary):hover::after {
    transform: none;
  }
}

/*+++ support & culture +++*/
.front-sc {
  display: grid;
  gap: clamp(3.5rem, 4.42vw + 2.4641rem, 6rem) clamp(1.5rem, 1.77vw + 1.0856rem, 2.5rem);
}
.front-sc .content-subsection + .content-subsection {
  margin-block-start: 0;
}
.front-sc .content-subsection_headline {
  padding-block-end: clamp(1.5rem, 0.88vw + 1.2928rem, 2rem);
  margin-block-end: clamp(1.5rem, 1.77vw + 1.0856rem, 2.5rem);
  border-block-end: 1px solid #A71D26;
}
.front-sc::after {
  content: "";
  background-image: url("../img/support-culture.webp");
  display: block;
  width: 100%;
  height: 320px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media print, screen and (min-width:768px) {
  .front-sc {
    display: grid;
    grid-template-columns: min(35%, 400px) 1fr;
  }
  .front-sc::after {
    grid-column: 1/2;
    grid-row: 1/3;
    margin-inline-start: min(min(0.03125 * (100vw - var(--scrollbar-size)), 40px) * -1, (1200px - (100vw - var(--scrollbar-size))) / 2);
    width: auto;
    height: 704px;
  }
  .front-sc .support {
    align-self: end;
  }
  .front-sc .culture {
    align-self: start;
  }
}