@charset "utf-8";

:root {
  --deli-commoncolor: #171717;
  --deli-maincolor: #f36440;
  --deli-subcolor: #fff537;
  --deli-backcolor: #fcf8b7;
  --deli-oisixcolor: #006d32;
  --deli-noshcolor: #5db534;
  --deli-greencolor: #009781;
  --deli-radishcolor: #0f4f3d;
  --deli-fitdishcolor: #ee5121;
  --deli-delicolor: #c4305c;
  --deli-tsukuriokicolor: #f5732d;
  --deli-moviecolor: #7f0019;
  --box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
}

.backImg {
  position: fixed;
  top: 0px;
  width: 100%;
  height: 100vh;
  background-color: var(--deli-backcolor);
  opacity: 1;
  z-index: -10;
}

.aboutBox {
  background-image: url(/image/common/aboutImg2.webp);
}

/* PC */
@media only screen and (min-width: 720px) {
  .backImg {
    top: 120px;
    padding: 16px 40px 80px;
  }
}

/* PC WIDE */
@media only screen and (min-width: 1050px) {
  .backImg {
    top: 80px;
    padding: 16px 40px 80px;
  }
}

/* 画像 */
.watashi {
  width: 120px;
  margin: 24px auto 0;
}

.bentou {
  width: 130px;
}

.yorugohan {
  width: 150px;
}

.matome {
  width: 180px;
}

.aboutImg {
  width: 100%;
  margin-bottom: 24px;
}

.about_watashi {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.about_watashi p {
  font-size: 14px;
}

.about_family {
  display: flex;
  justify-content: center;
  max-width: 320px;
  margin: 0 auto 24px;
  gap: 24px;
}

.about_family li {
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  font-size: 14px;
}

.about .ctt_ttl::after {
  display: none;
}

.about h3 {
  background-color: royalblue;
}

.about h4 {
  border-left: solid royalblue 5px;
  color: royalblue;
}