@charset "UTF-8";
/*
Template Name: corporation
Theme Name: Gifted Style
Author: Hashikure@Polyphony

運営法人ページ用のCSS
*/

/* タイトル */
.entry-title::before {
  background-image: url(../imgs/icon00.svg);
  width: 87px;
  height: 87px;
}

/* 会社情報 */
#about {
  border-image: conic-gradient(#f7f7f7 0 0) fill 0 / 0 / 0 100vw;
  display: flex;
  flex-flow: row wrap;
  margin: 0 auto 45px;
  max-width: 1000px;
  padding: 130px 0;
  & dt,
  & dd {
    font-size: 1.375rem;
    &:not(:first-of-type) {
      padding-top: 12px;
    }
    &:not(:last-of-type) {
      border-bottom: 1px solid #74c3d6;
      padding-bottom: 12px;
    }
  }
  & dt {
    flex: 1 0 20%;
    font-weight: 700;
    padding-left: 20px;
  }
  & dd {
    flex: 0 1 80%;
    margin: 0;
  }
  /* 事業内容リスト */
  & .businesses {
    margin-bottom: 0;
    padding-left: 24px;
    & li {
      margin: 0;
    }
  }
}

/* Google Map */
.entry-content iframe {
  display: block;
  margin: 0 auto 48px;
}


/* -----
レスポンシブ対応
----- */

/* W640px以下 */
@media (width <= 640px) {
  /* 会社情報 */
  #about {
    display: block;
    padding: 64px 48px;
    margin-bottom: 48px;
    & dt {
      font-size: 1.25rem;
      padding-left: 0;
      &:not(:first-of-type) {
        padding-top: 24px;
      }
      &:not(:last-of-type) {
        border-bottom: none;
        padding-bottom: 0;
      }
    }
    & dd {
      font-size: 1.125rem;
      margin-top: 4px;
      &:not(:first-of-type) {
        padding-top: 0;
      }
      &:not(:last-of-type) {
        padding-bottom: 24px;
      }
    }
  }

  /* Google Map */
  .entry-content iframe {
    height: 268px;
    margin-bottom: 120px;
  }
}