/* 全体の背景 */
body {
  background-color: #f9f5ed;
}

.c-section.p-section-front-page-content {
  padding: 0;
}

/* ------------------------------------------------------共通 */
/* 虹色の区切り */
.rainbow-border {
  background: linear-gradient(to right,
      #f4bf36 0% 25%,
      #65bfdc 25% 50%,
      #f87b79 50% 75%,
      #d8f043 75% 100%);
}

/* ------------------------------------------------------ヘッダー */
/* ヘッダーの背景 */
.l-header {
  background-color: #f9f5ed;
}

/* ヘッダーのLINEボタン用 */
.header__btn--line {
  max-height: 60px;
  align-self: center;
}

.header__btn--line a {
  background-color: #06C755;
  /* LINEの緑 */
  color: #fff !important;
  padding: 0.6em 1.2em !important;
  border-radius: 5px;
  font-weight: 600;
  /* display: inline-block; */
  transition: all 0.3s ease !important;
}

.header__btn--line a:hover {
  opacity: 0.85;
}

/* ヘッダーのラインボタンのhover時の下線を消す。 */
.header__btn--line a:hover::after {
  width: 0 !important;
}


/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー3つの特徴 */
.feature__rainbow {

  background: conic-gradient(#f4bf36 0deg 90deg,
      #65bfdc 90deg 180deg,
      #f87b79 180deg 270deg,
      #d8f043 270deg 360deg);
}

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー中間CTA*/
.middle-cta__icon {
  font-size: 2rem;
}

@media screen and (max-width: 767px) {
  .middle-cta__icon {
    font-size: 1.5rem;
  }
}

.middle-cta__icon {
  color: #67C1DC;
}

.middle-cta__icon.fa-comments {
  color: #F87B79;
}

.middle-cta__icon.fa-users {
  color: #F5BF36;
}

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーサービス一覧*/
.service__btn-box {
  position: relative;
}

.service__btn-box-image01 {
  position: absolute;
  bottom: -30px;
  right: -30px;
}

.service__btn-box-image02 {
  position: absolute;
  top: -30px;
  left: -50px;
}

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーサービス一覧 */
.company__map iframe {
  filter: saturate(70%) brightness(105%) contrast(95%);
  border-radius: 10px;
}

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーお知らせ */
.c-entry-summary__term {
  border-radius: 1px 5px 0 5px;
}

.c-entry-summary__figure {
  border-radius: 8px;
}

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーフッター */
.c-copyright {
  background-color: #f4bf36;
}

.p-profile__read .smb-section-break-the-grid__content {
  border-radius: 10px;
}

.p-profile__read img {
  border-radius:10px 0 0px 10px;
}


.p-profile__message .smb-section-break-the-grid__content {
  border-radius: 10px;
}

.p-profile__message .smb-section-break-the-grid__figure img {
  border-radius: 10px;
}