/* CSS Document */

.cnt_header {
  background-image: url(/wp-content/themes/kitchen-coishi/assets/images/header-about_bg.jpg);
  background-size: cover;
  background-position: center;
}

.about_message {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2.5rem;
  padding-top: 0 !important;
}
.about_message-text {
  width: calc(65% - 2.5rem);
}
.about_message-text p {
  line-height: 200% !important;
}
.about_message-text p:first-child {
margin-bottom: 1.25rem !important;
}
.about_message-image {
  width: 35%;
}
.about_message-image img {
  aspect-ratio: 430 / 280;
  object-fit: cover;
}

.about_business {
  margin-top: min(15vw, 8rem) !important;
  padding: 0 min(5vw, 6.25rem) !important;
}
.about_business-inner {
  background-color: var(--color_cream);
  padding: min(5vw, 5rem) !important;
  padding-top: min(5.5vw, 2.5rem) !important;
}
.about_business-text {
  text-align: center;
  line-height: 160%;
  margin-bottom: 1.875rem !important;
}
.about_btns {
  margin: 0 !important;
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem;
}
.about_btns-inner {
  width: calc((100% - 2.5rem) / 2);
}
.about_btn {
  width: 100%;
  height: min(20vw, 140px);
  background-color: #ffffff !important;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1rem 0 0;
}
.about_btn::before {
  content:'';
  width: min(20vw, 140px);
  height: min(20vw, 140px);
  aspect-ratio: 1 / 1;
  position: relative;
}
.about_btn.studio::before {
  background-image: url(/wp-content/themes/kitchen-coishi/assets/images/about_btn-img01.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.about_btn.kitchen::before {
  background-image: url(/wp-content/themes/kitchen-coishi/assets/images/about_btn-img02.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.about_btn strong {
  margin: 0 auto;
  font-weight: 500;
  text-align: left;
}
.about_btn::after {
  background-image: url(/wp-content/themes/kitchen-coishi/assets/images/icon-arrow-green.svg);
  content:'';
  width: 1.125rem;
  height: 1.125rem;
  display: inline-block;
  aspect-ratio: 1 / 1;
}

.about_offer {
  padding: 0 min(5vw, 6.25rem) !important;
  margin: 0 !important;
  margin-top: min(15vw, 8rem) !important;
}
.about_offer-inner {
  border: 1px solid var(--color_line);
  border-top: 2px solid var(--color_green);
  padding: min(5vw, 3.125rem) !important;
  margin: 0 4rem !important;
}
.about_offer-title {
  text-align: center;
  font-weight: 700;
  line-height: 160%;
  margin-bottom: 0.625rem !important;
}
.about_offer-lists {
  width: 100%;
  max-width: 450px;
  margin: 0 auto !important;
  list-style: disc;
  padding-left: 1rem;
  margin-bottom: 1.25rem !important;
}
.about_offer-lists li::marker {
  color: var(--color_green);
}
.about_offer-lists li:last-child {
  text-align: right;
}
.about_offer-lists li:last-child::marker {
  color: transparent;
}
.about_offer-message {
  text-align: center;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 140%;
  color: var(--color_green);
  margin-bottom: 1.875rem !important;
}

@media screen and (max-width:768px) {
  .about_message-text, 
  .about_message-image {
    width: 100%;
  }
  .about_message-image img {
    width: calc(100% + 4rem);
    max-width: none;
  }
  .about_business-inner, 
  .about_btns-inner, 
  .about_offer-inner{
    width: 100%;
    margin: 0 !important;
  }
}