/*
before after ビフォーアフターTOPページ
==========================================================*/
.before_after .sp--display {display: none;}
.pageWrap2--fullwide {width: 100%;}
/* .pageWrap2--fullwide:nth-child(even) {background: #EFF1F1;padding: 90px 0 90px;} */
/* .pageWrap2--fullwide:nth-child(odd) {background: #fff;padding: 90px 0 90px;} */
.pageWrap2--fullwide:nth-of-type(2) {padding-top: 68px}
.pageWrap2--fullwide:first-oc-type {padding-top:0;}
.categoryB-conteArea {width: 1200px;margin: 0 auto;}

.before_after--flex {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.before_after__items {
	width: 372px;
	font-size: 1.8rem;
	margin-bottom: 40px;
	margin-right: 40px;
}
.before_after__items:nth-child(3n) {
	margin-right: 0;
} 
.before_after__items img {vertical-align: bottom;}
.before_after__items h3 {
	text-align: center;
	background: #000;
	color: #fff;
	line-height: 44px;
	font-size: 1.8rem;
	margin-bottom: 0;
}
.before_after__items__text {
	padding: 24px 24px 52px;
	background: #EFF1F1;
}
.before_after__items__text p {
	display: flex;
	justify-content: space-between;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid rgba(0, 82, 151, 0.59);
	text-align: left;
}
.before_after__items__text p .request--blue {
	color: #005297;
	width: 35%;
}
.request__datailes {width: 100%;}
.before_after__btn {
	text-align: right;
	font-size: 1.6rem;
}
.before_after__btn a {color: #005297;}
.before_after__btn img {vertical-align: middle;padding-left: 5px;}
@media all and (max-width: 1024px) {
	/*common設定コード*/
	.before_after .categoryB-conteArea{width: 100%;padding: 0 15px;}
	.categoryB-conteArea {
		width: 100%;
		padding: 0 15px;
	}
}
@media all and (max-width: 1024px) {
	.before_after__items {
		width: 32%;
		margin-bottom: 2%;
		margin-right: 2%;
	}
	.before_after__items:nth-child(3n) {
		margin-right: 0;
	}
	.before_after__items h3,
	.before_after__items {font-size: 1.6rem;}
}
@media all and (max-width: 768px) {
	.before_after .sp--display {display: block;}
	.before_after__items h3 {line-height: initial;padding: 10px;padding: 8px;}
	.request__datailes {width: 60%;}
	.before_after__items__text {padding: 15px 15px 25px;}
	.before_after__items__text p {
	    padding-bottom: 10px;
	    margin-bottom: 10px;
	}
	.before_after__items h3,
	.before_after__items {
		font-size: 1.4rem;
		line-height: 140%;
	}
}/*メディアクエリ768px*/
@media all and (max-width: 570px) {
	.before_after__items {
		width: 100%;
		margin-right: 0;margin-bottom: 25px;
	}
	.request__datailes {width: 90%;}
	.before_after__items figure img {
		width: 100%;
	}
	.pageWrap2--fullwide:nth-child(odd) {
		padding:0;
	}

}/*メディアクエリ480px*/



/*
詳細ぺージ
==========================================================*/
.introduction__topbox {
	background: #EFF1F1;
	padding: 50px 0;
}

.introduction__findings h4,
.introduction__gallery--wrap h4{
	color: #005297;
	margin-bottom: 25px;
}
.introduction__findings h3,
.introduction__gallery--wrap h3 {
	margin-bottom: 30px;
}
.introduction__topbox--wrap,
.introduction__findings,
.introduction__request,
.introduction__outline,
.introduction__gallery--wrap {
	max-width: 1200px;
	width: 100%;
	margin: 30px auto;
}

.introduction__topbox--wrap {

	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}

.introduction__topbox--info,
.introduction__topbox--image {
	width: 47%;
}

.introduction__topbox--vol {
	font-weight: bold;
	font-size: 2rem;
	color: #005297;
	text-align: left;
}
.introduction__topbox--vol_big {
	font-size: 4rem;
	display: inline;
}
.introduction__topbox--title {
	text-align: center;
	background: #000;
	color: #fff;
	padding: 2% 1%;
	margin: 20px 0;
}
.introduction__topbox--info table {
	width: 100%;
}
.introduction__topbox--info table th {
	color: #005297;
	text-align: center;
	vertical-align: baseline;
	width: 25%;
	padding-top: 25px;
}
.introduction__topbox--info table td {
	padding: 25px 0;
}
.introduction__topbox--info table tr {
	border-top: 1px solid #005279;
	border-bottom: 1px solid #005279;
}
.introduction__topbox--tabletext {
	text-align: left;
}

.introduction__findings {
	text-align: left;
	margin-top: 100px;
}

.introduction__findings--imagewrap {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}
.introduction__findings--image {
	width: 19%;
}
.introduction__request {
	background: #EFF1F1;
	padding: 4%;
	margin-top: 90px;
}

.introduction__outline {
	text-align: left;
	margin: 120px auto;
}
ul.introduction__outline--list {
	list-style-type: square;
}
ul.introduction__outline--list li {
	color: #005279;
	padding: 3px;
	padding-left:1.6rem;
	text-indent:-1.6rem;
	
}
ul.introduction__outline--list li span {
	color: #000;
	display: inline;
}
ul.introduction__outline--list li::before {
	content: "■";
	color: #005297;
}
.introduction__outline--comment {
	margin-top: 3rem;	
}
.introduction__gallery--double,
.introduction__gallery--single {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}
.introduction__gallery--box {
	margin-bottom: 80px;
}

.introduction__gallery--before {
	background: #808080;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	margin-bottom: 20px;
}
.introduction__gallery--after {
	background: #005297;
	color: #fff;
	text-align: center;
	padding: 10px;
	font-weight: bold;
	margin-bottom: 20px;
}

.introduction__gallery--image {
	width: 45%;
}
.introduction__gallery--image img {
	width: 100%;
}
.introduction__gallery--sp {
	display: none;
}

@media all and (max-width: 1024px) {
	.introduction__topbox--wrap,
	.introduction__findings,
	.introduction__request,
	.introduction__outline,
	.introduction__gallery--wrap {
	    width: 90%;
	}
}

@media all and (max-width: 768px) {
	.introduction__topbox--wrap {
		display: block;
	}
	.introduction__topbox--info,
	.introduction__topbox--image {
    	width: 90%;
    	margin:auto;
	}

	.introduction__topbox--image {
		display: block;
		margin-bottom: 30px;
	}

	.introduction__topbox--wrap,
	.introduction__findings,
	.introduction__request,
	.introduction__outline,
	.introduction__gallery--wrap {
	    width: 90%;
	}

	.introduction__findings--imagewrap {
		display: block;
	}

	.introduction__findings--imagewrap img {
	    width: 49%;
	    margin: 20px auto;
	}
}

@media all and (max-width: 480px) {
	.introduction__gallery--double,
	.introduction__gallery--single {
		display: unset;
	}
	.introduction__gallery--double {
		flex-wrap:wrap;
	}
	.introduction__gallery--image {
		width: 100%;
	}
	.introduction__gallery--sp {
		display: block;
		margin: 20px auto;
	}
	.introduction__findings--imagewrap img {
	    width: 100%;
		display: block;
	}
	.introduction__gallery--pc {
		display: none;
	}
	
	.introduction__outline {
		margin: 70px auto;
	}
	.introduction__findings,
	.introduction__request {
		margin-top: 60px;
	}
}