@charset "UTF-8";
@import url("base.css");
/*共通設定-------------------------------------------------------------------------------------------------------------------------------------*/
/*基本設定*/
/*ヘッダー*/
.con {
  display: none; }

/*メイン*/
#m_top {
  position: relative;
  background-image: url("../img/business/top_img.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh; }
  #m_top h1 {
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    font-size: 200%;
    color: #fff; }
    #m_top h1 img {
      width: 256px;
      display: block; }

#specialist {
  width: 80%;
  margin: 5em auto 0; }
  #specialist h2 {
    font-size: 200%;
    text-align: center;
    color: #232584; }
  #specialist p {
    margin: 1em 0 0;
    text-align: center; }
  #specialist ul {
    margin: 3em 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #specialist ul li {
      width: 48%; }
      #specialist ul li:nth-child(n+3) {
        margin: 3em 0 0; }
      #specialist ul li figure {
        width: 100%; }
      #specialist ul li h3 {
        color: #fff;
        font-size: 187%;
        background-color: #232584;
        padding: 0.25em 2%;
        text-align: center; }
      #specialist ul li ul {
        width: 100%;
        margin: 1em 0;
        flex-direction: column; }
        #specialist ul li ul li {
          width: 100%;
          list-style: disc;
          list-style-position: outside;
          font-weight: bold;
          margin: 0 0 0 1em; }
          #specialist ul li ul li:nth-child(n+2) {
            margin: 0.25em 0 0 1em; }
          #specialist ul li ul li:nth-child(n+3) {
            margin: 0.25em 0 0 1em; }
      #specialist ul li p {
        text-align: left; }
  #specialist #other {
    width: 96%;
    padding: 1em 2%;
    margin: 3em 0 0;
    background-color: rgba(35, 37, 132, 0.2); }
    #specialist #other h3 {
      font-size: 187%;
      text-align: center;
      color: #232584; }
    #specialist #other ul {
      margin: 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      #specialist #other ul li {
        width: auto;
        background-color: #232584;
        color: #fff;
        font-weight: bold;
        padding: 0.5em 1%;
        display: inline-block;
        border-radius: 10px;
        font-size: 110%;
        margin: 1em 0 0 0.5em;
        text-align: center; }
        #specialist #other ul li:nth-child(n+2) {
          margin: 1em 0 0 0.5em; }
        #specialist #other ul li:nth-child(n+3) {
          margin: 1em 0 0 0.5em; }

#safety {
  width: 80%;
  margin: 5em auto 0; }
  #safety h2 {
    margin: 1em 0;
    font-size: 200%;
    border-left: 10px solid #232584;
    padding: 0 0 0 1em; }
  #safety #s_inner {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #safety #s_inner figure {
      width: 48%; }
    #safety #s_inner #i_list {
      width: 48%; }
      #safety #s_inner #i_list h3 {
        font-size: 187%;
        color: #232584; }
      #safety #s_inner #i_list h4 {
        margin: 2em 0 0.5em;
        font-size: 130%;
        border-bottom: 2px solid #232584; }
      #safety #s_inner #i_list p span {
        font-size: 130%;
        color: #232584;
        vertical-align: middle;
        font-weight: bold; }
      #safety #s_inner #i_list dl {
        margin: 1em 0 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        #safety #s_inner #i_list dl dt {
          width: 70px;
          font-weight: bold;
          color: #232584;
          font-weight: bold; }
        #safety #s_inner #i_list dl dd {
          width: calc(100% - 80px); }

/*フッター*/
/*共通設定ここまで-------------------------------------------------------------------------------------------------------------------------------------*/
/* pc */
@media screen and (min-width: 1300px) {
  /*ヘッダー*/
  /*メイン*/
  /*フッター*/ }
/* tablet1 */
@media only screen and (min-width: 1024px) and (max-width: 1299px) {
  /*基本設定*/
  /*ヘッダー*/
  /*メイン*/
  /*フッター*/ }
/* tablet2  */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /*基本設定*/
  /*ヘッダー*/
  /*メイン*/
  /*フッター*/ }
/* tablet3  */
@media only screen and (max-width: 767px) {
  /*基本設定*/
  /*ヘッダー*/
  /*メイン*/
  #m_top h1 img {
    width: 200px; }

  #specialist {
    width: 90%;
    margin: 2.5em auto 0; }
    #specialist h2 {
      font-size: 187%; }
    #specialist ul {
      margin: 1.5em 0 0;
      flex-direction: column; }
      #specialist ul li {
        width: 100%; }
        #specialist ul li:nth-child(n+2) {
          margin: 1.5em 0 0; }
        #specialist ul li figure {
          width: 100%; }
        #specialist ul li h3 {
          font-size: 156%; }
    #specialist #other {
      margin: 1.5em 0 0; }
      #specialist #other h3 {
        font-size: 156%; }
      #specialist #other ul {
        margin: 0;
        flex-direction: column; }
        #specialist #other ul li {
          font-size: 110%;
          margin: 1em 0 0 0;
          text-align: center; }
          #specialist #other ul li:nth-child(n+2) {
            margin: 1em 0 0 0; }
          #specialist #other ul li:nth-child(n+3) {
            margin: 1em 0 0 0; }

  #safety {
    width: 90%;
    margin: 2.5em auto 0; }
    #safety h2 {
      font-size: 187%; }
    #safety #s_inner {
      flex-direction: column; }
      #safety #s_inner figure {
        width: 80%;
        margin: 0 auto 1em; }
      #safety #s_inner #i_list {
        width: 100%; }
        #safety #s_inner #i_list h3 {
          font-size: 156%; }
        #safety #s_inner #i_list h4 {
          margin: 1em 0 0.5em;
          font-size: 110%; }
        #safety #s_inner #i_list p span {
          font-size: 110%;
          color: #232584; }

  /*フッター*/ }
/* smartPhone1 */
@media only screen and (max-width: 499px) {
  /*基本設定*/
  /*ヘッダー*/
  /*メイン*/
  /*フッター*/ }