/* =========================================================
   HQ Background: Layout
   key: concept-axis-clean
   name: コンセプト｜Axisクリーン型（生成り＋下フェード）
   group: partial
   type: layout
   layer: concept
   ========================================================= */

/* =========================================================
   Concept Layout
   ========================================================= */

.p-concept {
  position: relative;
  padding: 0 0 56px;
  overflow: hidden;

  /* 下だけ白に溶かす */
  background: linear-gradient(
    to bottom,
    #f5efe3 0%,
    #f5efe3 82%,
    #ffffff 100%
  );
}

.p-concept__inner {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  background: transparent; /* ←被せない */
}

.p-concept__heading {
  margin: 0;
}

.p-concept__bg {
  display: none;
}

.p-concept__body {
  padding: 40px 32px 48px;
  color: #1f2f53;
  font-size: 15px;
  line-height: 2;
}

.p-concept__body p {
  margin: 0 0 1.8em;
}

.p-concept__body p:last-child {
  margin-bottom: 0;
}

/* =========================================================
   SP
   ========================================================= */

@media (max-width: 767px) {
  .p-concept {
    padding-bottom: 48px;
  }

  .p-concept__body {
    padding: 36px 24px 44px;
    font-size: 15px;
    line-height: 2;
  }
}