@charset "UTF-8";


/* 一覧 */

.solution {
	margin-top: 80px;
	width: 100%;
}

.solSame {
	background: #7fc4d7;
  color: #ffffff;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}

.solution .solSame:nth-child(n + 2) {
	margin-top: 50px;
}

.solImg {
  max-width: 385px;
  width: 32.0833333333%;
}


.solImg img {
	width: auto;
	height: auto;
	max-width: 100%;
}

.solText {
	width: 65%;
}

.solBtn {
	text-align: right;
	margin-top: 30px;
}

.leadText {
	font-size: 16px;
}


@media screen and (max-width: 768px) {
	
	
	.solution {
		margin-top: 50px;
	}

	.solSame {
		padding: 20px 5%;
		display: block;
	}

	.solImg {
		aspect-ratio: none;
		max-width: 100%;
		width: 100%;
		margin-bottom: 20px;
	}

	.solText {
		width: auto;
	}
	
	
}



/* 詳細 */

.detail {
	width: 100%;
}

.detail img {
	width: auto;
	height: auto;
	max-width: 100%;
}


.dtYear {
	text-align: right;
	margin-bottom: 10px;
}

.dtPhoto {
	text-align: center;
	margin-bottom: 30px;
}

.dtPhoto img {
	margin: 0 auto;
}


.dtText {
	overflow: hidden;
	zoom:1;
	position: relative;
}

.backLink {
	margin-top: 50px;
}



@media screen and (max-width: 768px) {
}



/** wp-pagenavi **/
.wp-pagenavi{
	color: #fff;
	font-size: 16px;
	line-height: 1em;
	letter-spacing: 0;
	text-align: center;
	padding:50px 0 0;
}
.wp-pagenavi .pages{
	display: none;
}
.wp-pagenavi .first{
	display: none;
}
.wp-pagenavi .last{
	display: none;
}

.wp-pagenavi .current{
  display: inline-block;
	width: 30px;
  height: 30px;
	background: #008aaf;
	color: #fff;
  line-height: 30px;
  text-align: center; 
  margin: 0 4px;
	border: 1px solid #cfcfcf;
	border-radius: 5px;
}

.wp-pagenavi .current,
.wp-pagenavi a.page:hover,
.wp-pagenavi a.previouspostslink:hover,
.wp-pagenavi a.nextpostslink:hover {
	background: #008aaf;
	color: #fff;
}

.wp-pagenavi a.page {
  display: inline-block;
	width: 30px;
  height: 30px;
	color: #008aaf;
  line-height: 30px;
  text-align: center; 
  margin: 0 4px;
	border: 1px solid #cfcfcf;
	border-radius: 5px;
}

.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink {
	display: inline-block;
	width: 30px;
  height: 30px;
	color: #008aaf;
  line-height: 30px;
  text-align: center; 
  margin: 0 4px;
	border: 1px solid #cfcfcf;
	border-radius: 5px;
}

.wp-pagenavi .extend{
	margin: 0 4px;
}
.wp-pagenavi a:hover{
	text-decoration: none;
}