@charset "UTF-8";
/****************************************************
SCSSで制作しているため、このファイルは編集しないでください。

****************************************************/
/* local-path */
/* wp-path */
/* common
---------------------------------------------------*/
/* head */
.other-head {
  background: url(/wp/wp-content/uploads/img/other/bg_other.jpg) center top no-repeat;
  background-size: cover;
  padding-bottom: 40px;
  margin: 0 0 40px 0;
}

.other-section h2 {
  border-bottom: solid 1px #ccc;
  padding: 0 0 3px 0;
  margin: 0 0 10px 0;
}

.kgi {
  margin: 0 0 50px 0;
}
.kgi p {
  margin: 0 0 20px 0;
}
.kgi ul {
  clear: both;
  background: #f1f1f1;
  border-radius: 5px;
  padding: 15px 15px 5px;
  margin: 0 0 15px 0;
}
.kgi li {
  text-indent: -14px;
  margin: 0 0 5px 14px;
  color: #22589f;
}

/* @media (min-width: 768px)
---------------------------------------------------*/
@media screen and (min-width: 768px) {
  /* head */
  .page h1 {
    padding-bottom: 50px;
  }

  .other-head {
    margin: 0 0 50px 0;
    padding-bottom: 60px;
  }

  .kgi {
    margin: 0 0 70px 0;
  }
  .kgi p {
    margin: 0 0 30px 0;
  }
  .kgi .lead-sentence {
    float: left;
    width: 65%;
  }
  .kgi .fig-kgi {
    float: right;
    width: 30%;
  }
  .kgi ul {
    margin: 0 0 25px 0;
  }
  .kgi li {
    text-indent: -16px;
    margin: 0 0 5px 16px;
  }
}
/* @media (min-width: 1024px)
---------------------------------------------------*/
/* @media (min-width: 1230px)
---------------------------------------------------*/
@media screen and (min-width: 1230px) {
  .kgi .lead-sentence {
    width: 70%;
  }
  .kgi .fig-kgi {
    width: 25%;
  }
}
/* print
---------------------------------------------------*/
@media print {
  /* head */
  .page h1 {
    padding-bottom: 50px;
  }

  .other-head {
    margin: 0 0 50px 0;
    padding-bottom: 60px;
  }

  .kgi {
    margin: 0 0 70px 0;
  }
  .kgi p {
    margin: 0 0 30px 0;
  }
  .kgi .lead-sentence {
    float: left;
    width: 65%;
  }
  .kgi .fig-kgi {
    float: right;
    width: 30%;
  }
  .kgi ul {
    margin: 0 0 25px 0;
  }
  .kgi li {
    text-indent: -16px;
    margin: 0 0 5px 16px;
  }
}