@charset "UTF-8";

/* =======================================================
 *   ページ全体
 * ======================================================= */

header, 
footer {
  margin-left: auto;
  margin-right: auto;
}


/* =======================================================
 *   ヘッダー
 * ======================================================= */

header {
  margin-top: 30px;
}

header #logo {
  float: left;
  /*width: 360px;*/
  margin: 0 0 0.5rem;
  font-size: 1rem;
}


#top_img, 
#page_name {
  clear: left;
  margin-top: 0;
}

header nav li {
  display: inline;
  vertical-align: -40px;
  margin: 0 0.4em;
}

header nav ul {
  text-align: right;
}

#top_img {
  width: 100%;
}

  .lps img:hover {
    transition: 0.2s;
    transform:  translateY(-3px) ;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.6);
  }




/* =======================================================
 *   メインコンテンツ
 * ======================================================= */

#home main {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

 #home main h2 {
  margin-top: 0;
}

#home main section:nth-child(1) {
  width: 55%;
}

#home main section:nth-child(2) {
  margin-top: 0;
  border-top: none;
  width: 42%;
}

#home main #news dl {
  font-size: 1em;
}


#home main #news a:link {
  color: #568fcc;
}

#home main #news a:visited {
  color: #666;
}

#home main #news a:hover {
  text-decoration: underline;
  color: #f60;
}

#personal main table,
#about main table {
  font-size:  1em;
}

#about main #about_fl {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

#about main #about_fl p {
  width: 52%;
}
#about main #about_fl table {
  margin-top: 0px;
  width: 46%;
}



 /* --- 業務内容 --- */
#services main .hidden_show {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

#services main .item {
  width: calc(100% / 2.2);
  padding: 0px 0px;
  margin-left: 2em;
}



/*  詳細表示ボタン隠して常に詳細表示 コンサル*/
#services main #consul_box label {
  display: none;
}

#services main #consul_box .hidden_show {
  padding: 10px 0;
  height: auto;
  overflow: visible;
  opacity: 1;
}

#services main #consul_box dl {
  margin-top: 0;
  padding: 0;

}


/*  詳細表示ボタン隠して常に詳細表示 教育*/
#services main #educate_box label {
  display: none;
}

#services main #educate_box .edu_hidden_show {
  padding: 10px 0;
  height: auto;
  overflow: visible;
  opacity: 1;
}

#services main #educate_box dl {
  margin-top: 0;
  padding: 0;

}

#services main #price_tbl {
  display: flex;
  width: 100%;
}



#services main #price_tbl table {
  width: calc(100% / 3);
  padding: 0px 0px;
  margin-left: 1em;
}


#personal main #career th {
  width: 4em;
}

#personal main #career td {

  width: 16em;
}

#personal main #license th {
  width: 11em;
}

#personal main #license td {
  width: 9em;
  text-align: center;
}
#personal main #personal_fl {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-evenly;
}


/* ---お問い合わせボタン--- */
#contact main #contact_pc {
  display: block;
}

#contact main #contact_tab {
  display: none;
}

#contact main #contact_sp {
  display: none;
}


/* =======================================================
 *   フッター
 * ======================================================= */