@charset "utf-8";
/* CSS Document */
/********************************************************************
	company.css
*********************************************************************/
#pagettl {
  background-image:url(../05/pagettl_bg_cp.jpg);
  background-size:cover;
  background-position: center top;
}
/*==========================================================================
	サービスメニュー
============================================================================*/
/*--- メニューリスト ---*/
.serviceMenu {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content:center;
  list-style: none;
}
.serviceMenu li {
  border-radius: 15px;
  border: solid 1px #CCCCCC;
  box-sizing: border-box;
  margin-bottom: 10px;
  background-color: #FFFFFF;
}
.serviceMenu li a {
  display: block;
  padding: 30px;
}
.serviceMenu li .pic {
  padding-bottom: 20px;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 20px;
  text-align: center;
}
.serviceMenu li .ttl {
  font-size: 14px;
  padding-left: 1.5em;
  text-indent: -1.5em;
  line-height: 1.4;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.serviceMenu li .ttl::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0a9";
  padding-right: 5px;
}
.serviceMenu li p {
  font-size: 14px;
  color: #333333;
}
/*-- リンク --*/
.serviceMenu li a:hover img {
  filter: alpha(opacity=60);
	opacity:0.6;
}
/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
  /*--- メニューリスト ---*/
  .serviceMenu {
    flex-direction: row;
  }
  .serviceMenu li {
    width: 49%;
    margin:0.5%;
  }
}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
  /*--- メニューリスト ---*/
  .serviceMenu li {
    width: 24%;
  }
}

/*==========================================================================
	会社概要
============================================================================*/
.Officer {
}
.Officer dt {
  width: 100%;
}
.Officer dd {
  width: 100%;
}
/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
  .Officer dt {
    width: 200px;
    float: left;
  }
  .Officer dd {
    float: none;
    margin-left: 210px;
    width: auto;
  }
}
/*==========================================================================
	アクセスマップ
============================================================================*/
/*-- googlemap埋込 --*/
.ggmap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-bottom: 20px;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*==========================================================================
	企業理念
============================================================================*/
.bg_rinen {
  background-image:url(../05/rinen_bg.png);
  background-size:cover;
  background-position: center bottom;
}
.bg_rinen2 {
  background-image:url(../05/rinen_bg2.png);
  background-size:cover;
  background-position: center bottom;
}

/*==========================================================================
	沿革
============================================================================*/
/*-- タブ --*/
.tab {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 10px;
}
.tab li {
  font-size: 12px;
  box-sizing: border-box;
  border-radius: 22px;
  padding: 5px 10px;
  margin-bottom: 10px;
  border: solid 1px #CCCCCC;
  cursor: pointer;
  text-align: center;
  width: 49%;
  color: #6699ff;
}
.tab .is-active {
  color: #666666;
}


dl.hist dt {
 text-align: center;
 padding: 10px;
 background-color: #F5F4F4;
 border: 1px solid #CCCCCC;
 margin-bottom: 5px;
}
dl.hist dt:hover {
 cursor: pointer;
}
dl.hist dt.plus {
  background-image: url(../05/gnav_bg_plus.png);
  background-position: center right;
  background-repeat: no-repeat;
}
dl.hist dt.minus {
  background-image: url(../05/gnav_bg_minus.png);
  background-position: center right;
  background-repeat: no-repeat;
}

/*--　沿革一覧 --*/
.history {
	margin-bottom:20px;
}

.history table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-left-color: #CCC;
	margin:0px auto 0px;
}
.history th,
.history td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	padding:7px;
  display: block;
  background-color: #FFFFFF;
}
.history th {
	padding:10px;
	background-color: #f3f5f5;
  text-align: center;
}
.history .cat01 {
	color:#cc6600;
}
.history .cat02 {
	color:#006699;
}
.history .cat03 {
	color:#cc3366;
}
.history .cat04 {
	color:#009933;
}
/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {

  .history table th,
  .history table td {
	  display: table-cell;
  }
  .history table th {
    width: 8%;
  }
}