@charset "UTF-8";
/*==========================================================================================
	CSS index style
	Date: 2013-06-04(+09:00)
	Maintained: Toshiya Shimizu
==========================================================================================*/
/* このスタイルシートの構成
/* ------------------
 *
 * 001:	メインパネル
 * 002:	.newsBlock .newsUnit
 * 003:	.worksBlock .worksUnit
 */
/*==========================================================================================

	001:	メインパネル

==========================================================================================*/
#mainPanel {
  margin: 0 0 28px;
}

@media (max-width: 977px) {
  #mainPanel {
    margin: 0 calc(50% - 50vw);
    width: 100vw;
  }
}

@media (max-width: 977px) {
  .mainPanelIn {
    padding: 0 !important;
  }
  .mainPanelIn img {
    height: auto;
  }
}

/*==========================================================================================

	002:	.newsBlock .newsUnit

==========================================================================================*/
.siteIndex .newsBlock .newsUnit {
  margin: 0 0 64px;
}

@media (max-width: 977px) {
  .siteIndex .worksBlock .worksUnit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.siteIndex .worksBlock .worksUnit li {
  width: 224px;
  margin: 0 0 12px 27px;
  float: left;
}

@media (max-width: 977px) {
  .siteIndex .worksBlock .worksUnit li {
    margin: 0 auto 12px;
    float: none;
  }
}

.siteIndex .worksBlock .worksUnit li:first-child {
  margin-left: 0;
}

@media (max-width: 977px) {
  .siteIndex .worksBlock .worksUnit li:first-child {
    margin: 0 auto 12px;
  }
}

.siteIndex .worksBlock .worksUnit a img {
  border: 1px solid #bac5c1;
  margin: 0 0 16px;
}

.siteIndex .worksBlock .worksUnit .unitTitle {
  margin: 0 0 8px;
}

.siteIndex .worksBlock .worksUnit .unitTitle a {
  color: #1b1e88;
  font-size: 14px;
  font-size: 1.4rem;
}

.siteIndex .worksBlock .worksUnit .unitTitle a:hover {
  color: #f00;
}

/*==========================================================================================

	003:	.worksBlock .worksUnit

==========================================================================================*/
/*==========================================================================================

	floatさせたボックスが親ボックスの外にはみ出す現象を回避

==========================================================================================*/
/*　IE6、IE7対策
==========================================================================================*/
.clearFix, .cFix {
  zoom: 1;
}

/* 以外のブラウザ
==========================================================================================*/
.clearFix:after, .cFix:after {
  content: "";
  display: block;
  clear: both;
}

/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */
/*# sourceMappingURL=index.css.map */