/* =========================== Concept ページ専用 =========================== */

/* 背景画像 */
.sub-main-inner::before {
  background-image: url("../images/concept-bg.jpg");
  background-size: cover;
  background-position: center top 45%;
  max-width: 1200px;
  margin: 0 auto;
}

/* Concept文章だけ */
.shop-concept {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
}

/* ===========================
section-body
=========================== */

/* 共通 */
.section-body img {
  width: 100%;
  border-radius: 8px;
  margin: 0 auto;
}

.section-body .shop-concept-img {
  width: 100%;
}

.section-body h4 {
  margin: 16px 0;
  font-size: 1.6rem;
  text-align: center;
}

.section-body p {
  line-height: 1.7;
  padding-top: 20px;
}

/* ===========================
   大切にしている思い・価値観
=========================== */
.concept-item {
  margin-bottom: 30px;
}

/* ===========================
   オーナーメッセージ
=========================== */
.owner-message {
  margin-top: 20px;
}

.owner-text dl {
  margin-top: 20px;
}

.owner-text dt {
  margin-top: 16px;
  font-weight: bold;
}

.owner-text dd {
  margin-left: 0;
  margin-top: 8px;
}

/* ===========================
   社会的取り組み
=========================== */
.activity-item {
  margin-bottom: 40px;
}

/* ===========================
   Shop Info
=========================== */

.shop-info-detail h4 {
  text-align: center;
  margin-bottom: 16px;
  padding: 12px 0;
}

.shop-info-detail img {
  padding: 20px 0;
  border-radius: 0;
}

.shop-info-detail div {
  border-top: 1px solid #7c7c7c;
  border-bottom: 1px solid #7c7c7c;
}

.shop-info-list {
  margin-top: 20px;
}

.shop-info-list li {
  margin-bottom: 16px;
}

.shop-info-list .label {
  display: block;
  font-weight: bold;
  margin-bottom: 4px;
}

.shop-info-list .value {
  line-height: 1.7;
}

.shop-info-list small {
  display: block;
  margin-top: 6px;
  font-size: 0.85rem;
  color: #666;
}

/* Google Map */
.shop-info-map {
  margin: 40px 0px 20px 0px;
}

.shop-info-map iframe {
  width: 100%;
  height: 300px;
  border: none;
  border-radius: 8px;
}

/* ===========================
   Tablet
=========================== */
@media screen and (min-width: 768px) {

.section-body img {
  width: 85%;
  border-radius: 8px;
  margin: 0 auto;
}

.section-body .shop-concept-img {
  width: 85%;
}

  .section-body h4 {
    font-size: 1.8rem;
  }

  .section-body p {
    font-size: 1.05rem;
  }

  /* Shop Info */

  .shop-info-detail img {
    width: 40%;
  }
  .shop-info-map iframe {
    height: 360px;
  }
}

/* ===========================
   PC
=========================== */
@media screen and (min-width: 1024px) {
  .section-body h4 {
    font-size: 1.3em;
  }

  /* 想い・価値観：2列 */
  .concept-values {
    display: flex;
    gap: 40px;
  }

  .concept-item {
    width: 50%;
    margin-bottom: 0;
  }

  /* オーナーメッセージ：2列 */
  .owner-message {
    display: flex;
    gap: 30px;
    align-items: flex-start;
  }

  .owner-text dl {
    margin-top: 0;
  }

  .owner-image {
    width: 40%;
  }

  .owner-text {
    width: 60%;
  }

  /* 社会的取り組み：2列 */
  .social-activities {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
  }

  .activity-item {
    width: calc(50% - 20px);
    margin-bottom: 0;
  }

  /* Shop Info */

  .shop-info-map iframe {
    height: 250px;
  }

}