@charset "utf-8";

/*強みの内容ここから*/
#works {
  position: relative;
  padding: 0 0 40px;
  color: #555;
}

#works-first {
  text-align: center;
  padding: 0 0 40px;
  background-color: #ffe4ef;
}

#works h2 {
  padding: 50px 0;
  background-color: #333;
  color: #fff;
}


#works small {
  color: #ccc;
}

#works p {
  line-height: 2;
	text-align:center;
}

.works dl {
  border-top: dashed 1px #ccc;
  padding: 15px 0;
}

.works dl:last-child {
  border-bottom: dashed 1px #ccc;
}

.works dt {
  text-align: center;
  font-weight: 700;
}


/*強みの内容ここまで*/

#works h3 {
	color:#705b67;
	font-size:170%;
	position: relative;
	padding: .5em .75em;
	background-color: #ffe6f0;
}
#works h3::before,
#works h3::after {
	position: absolute;
	bottom: 8px;
	z-index: -1;
	content: '';
	width: 50%;
	height: 50%;
	box-shadow: 0 10px 15px rgba(0, 0, 0, .2);
}
#works h3.ago::before, #works h3.ago::after {
	bottom:15px;
}
#works h3::before {
	-webkit-transform: rotate(-3deg);
	transform: rotate(-3deg);
	left: .3em;
}
#works h3::after {
	-webkit-transform: rotate(3deg);
	transform: rotate(3deg);
	right: .3em;
}



/*#works h4 {
  text-align: center;
  font-size: 120%;
  font-weight: 700;
  padding: 13px 15px 11px;
  padding-bottom: .5em;
	border-bottom: 3px double #ccc;
  line-height: 1;
}

#works h4 time {
  margin-top: 4px;
  font-size: 70%;
}

#works h4 a {
  cursor: text;
}
*/

#works h4 {
	position: relative;
	padding: 1em 0;
}
#works h4::before,
#works h4::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 6px;
	box-sizing: border-box;
}
#works h4::before {
	top: 0;
	border-top: 2px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#works h4::after {
	bottom: 0;
	border-top: 1px solid #ccc;
	border-bottom: 2px solid #ccc;
}

/*.works-txt {
  margin: 15px 0 0 15px;
  line-height: 1.6;
}
*/
/*.photo a {
  display: block;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.photo div {
  position: relative;
}

.photo h4 {
  position: absolute;
  bottom: 3px;
  left: 0;
  text-align: center;
  width: 100%;
}

.photo h4 span {
  display: inline-block;
  background-color: rgba(0,0,0,.5);
  padding: 5px 15px 4px;
  color: #fff;
  border-radius: 15px;
  border: solid 1px rgba(255,255,255,.1);
}
*/


@media (max-width: 1199px){

}

@media (max-width: 991px){
  /*#works li {
    height: 420px;
  }*/
	
	#works p {
  line-height: 2;
	text-align:left;
	}
}

@media (max-width: 767px){
	
	/*強みの内容ここから*/
		
	#works p {
    text-align: left;
    padding: 0 15px;
  }
  #works dt {
    text-align: left;
  }
  #works dt,
  #works dd {
    padding: 0;
		text-align:center;
  }

	/*強みの内容ここまで*/
	
  .works-txt {
    font-size: 90%;
  }
  #works h4 {
    font-size: 100%;
    padding: 10px 10px 9px;
  }
  #works li {
    height: auto;
    /*margin-bottom: 50px;*/
    padding: 0;
  }
  .photo0 {
    margin-bottom: 7px;
  }
	.works-img {
		width:80%;
		height:auto;
		margin:0 auto;
		margin-bottom:10px;
	}
	
}

@media (max-width: 500px){

  
}

@media (max-width: 400px){
  .logo-area img {
    max-width: 200px;
  }
}