@charset "UTF-8";
@import url(breakpoints.css);

:root {
 /* 見出し バー色 */
  --var-heading-bar-from:#6DA6D9;
  --var-heading-bar-to:#1F4F7B;

  /* 前置き はみ出た分の背景色 */
  --var-preface-back: rgb(197, 223, 248);

  /* 前置き 文字色 */
  --var-preface-text: #5f5f86;

  /* 理念見出し */
  --var-philosophy:#3535ad;
  /* 理念境界 バー色 */
  --var-philosophy-bar:#a5a5b6;
}

/* #region ===== 見出し===== */
h2 {
  position: relative;
  padding: 1.5em 0.5em 0 0;
  font-size: 2rem;
}

h2:after {
  content: "";
  display: block;
  height: 5px;
  background: linear-gradient(to right, var(--var-heading-bar-from), var(--var-heading-bar-to));
}

/* #endregion */

section{
  padding: 18px;
}

.philosophy-over {
  margin: 10px auto;
  max-width: 720px;
}

/* #region ===== 企業理念・品質方針 ===== */
.company_d_list {
  margin: 70px 0 0;
  position: relative;
}

.company_d_list._philosophy dl {
  padding: 32px 0;
  position: relative;
  z-index: 3;
}

.company_d_list._philosophy dl:before {
  content: "";
  width: 262px;
  height: 108px;
  position: absolute;
  right: -40px;
  bottom: -40px;
  z-index: 3;
  display: block;
}

.company_d_list._philosophy dt {
  position: relative;
  z-index: 2;
  line-height: 1;
  font-weight: 500;
  font-size: 40px;
  color: var(--var-philosophy);
}

.company_d_list dt {
  width: 27.8%;
  font-weight: 700;
}

.company_d_list dl {
  padding: 16px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 2px var(--var-philosophy-bar) solid;
}

.company_d_list ._head {
  margin-bottom: 5px;
  display: block;
  font-weight: 700;
  font-size: 21px;
}

.all_text {
  letter-spacing: 0.05em;
  line-height: 2;
  font-size: 18px;
}

.all_font_poppins {
  font-weight: 400;
  font-family: "Poppins", sans-serif;
}

.company_d_list._philosophy dd {
  position: relative;
  z-index: 2;
}

.company_d_list dd {
  width: 77.2%;
}
/* #endregion */
/* #region ===== 前口上 ===== */

.company_sec h2+div {
  background-image: url(/images/cbg_comp01.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 100%;
  align-items: center;
  color: var(--var-preface-text);
  text-align: left;
  padding: 20px;
  background-color: var(--var-preface-back);
}

.company_sec h2+div p {
  margin: 10px 0;
  font-size: 18px;
  font-weight: 450;
}


/* #endregion */