@charset "utf-8";
/* --------------------------------------------

s1
土木工事事業

---------------------------------------------- */
/* --------------------------------------------
施工事例ピックアップ
---------------------------------------------- */
.s1-worksWrap {
	padding: 0 0 8rem;
  text-align: center;
}
.s1-worksItem {
	position: relative;
  display: inline-block;
  width: 46%;
  margin: 0 0.1% 4em;
}


.s1-worksItem__photo {
	position: relative;
  width: 100%;
	margin-bottom: 1em;
	cursor: pointer !important
}
.s1-worksItem__photo img {
  width: 100%;
}

.swiper-pagination {
	position: absolute;
	width: 5.5rem !important;
	right: 0 !important;
	bottom: -1.5rem !important;
	text-align: left !important
}
.swiper-pagination-bullet {
	float: left;
	width: 0.8rem !important;
	height: 0.8rem !important;
	margin: 0rem 0.4rem !important;
	border-radius: 0 !important;
	background:#000!important;
}




.s1-worksItem h3 {
	padding-left: 2rem;
	font-size: 19px; font-size: 1.9rem;
}
.s1-worksItem span {
  display: block;
	margin-bottom: 0.5em;
  font-weight: normal;
	font-size: 13px; font-size: 1.3rem;
}
/*.s1-worksItem span::before {
  content: "Date";
  display: inline-block;
	padding: 0.1em 0.8em;
  margin-right: 0.5em;
	font-family: 'Oswald', sans-serif;
  font-weight: 500;
	letter-spacing: 0.15em;
  border: 1px solid #000;
}*/
.s1-worksItem dl {
	margin:0em 0 1em 2rem;
	font-weight: bold;
  text-align: left;
}
.s1-worksItem dt {
  float: left;
  width: 5.5em;
  display: inline-block;
	padding: 0.0em 0em;
  margin-right: 0.5em;
	text-align: center;
	color: #EBE9E6;
	font-size: 12px; font-size: 1.2rem;
	font-family: 'Oswald', sans-serif;
  font-weight: 500;
	letter-spacing: 0.15em;
  border: 1px solid #0096AE;
	background: #0096AE;
}
.s1-worksItem dd {
  padding: 0 0 0 5.5em;
	font-size: 14px; font-size: 1.4rem;
}
/*.s1-worksItem dd::before {
	content: "： ";
}*/
.s1-worksItem p {
	font-size: 15px; font-size: 1.5rem;
}


.s1-worksItem-new:after {
	content: "NEW";
	display: block;
	position: absolute;
	top: 15.5vw; right: 0.7em;
	width: 3.5em; height: 3.5em;
	color: #A7926C;
	font-size: 24px; font-size: 2.4rem;
	font-family: 'Oswald', sans-serif;
  font-weight: 500;
	text-align: center;
	line-height: 3.5;
	border-radius: 50%;
	background: #141414;
}



/*--- Responsive ---*/
@media screen and (max-width:960px) {
.s1-worksItem {
  width: 86%;
  margin: 0 3.5% 2em;
}
.s1-worksItem__photo {
  width: 100%;
	height: 52vw;
}
.s1-worksItem h3 {
	padding-top: 1em;
}
.s1-worksItem-new:after {
	top: 40.5vw; right: 0.7em;
	font-size: 18px; font-size: 1.8rem;
}
}





/* --------------------------------------------
施工ギャラリー
---------------------------------------------- */
.s1-worksPhoto {
	display: flex;
	height: 43vw;
	flex-direction: column;
	flex-wrap: wrap;
}
.s1-worksPhoto a {
	overflow: hidden;
	width: 25%;
	height: 33.3333%;
}
.s1-worksPhoto a:nth-child(2),
.s1-worksPhoto a:nth-child(6) {
	height: 66.66%
}
.s1-worksPhoto img {
	width: 110%;
	height: auto;
	filter: grayscale(0.8);
	transform: scale(1);
	transition: 0.5s;
}
.s1-worksPhoto img:hover {
	filter: grayscale(0);
	transform: scale(1.03);
}



/*--- Responsive ---*/
@media screen and (max-width:960px) {
.s1-worksPhoto {
	width: 100%;
	height: 200vw;
}
.s1-worksPhoto a {
	overflow: hidden;
	width: 50%;
	height: 16.6666%
}
.s1-worksPhoto a:nth-child(9) img {
	height: 210%
}
.s1-worksPhoto a:nth-child(2),
.s1-worksPhoto a:nth-child(6) {
	height: 33.3333%;
}
.s1-worksPhoto img {
	width: 100%;
	height: 100%;
}


}


.mfp-fade.mfp-bg {
  opacity: 0;

  transition: all 0.3s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  transition: all 0.3s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}