.inside_width {
	margin-bottom: 130px;
}

#records {
	overflow: hidden;
	position: relative;
	margin-bottom: 86px;
}

.title_renovation,
.info_renovation {
	width: calc(50% - 12px);
	float: left;
}

.title_renovation h1,
.title_renovation p:nth-of-type(2) {
	font-size: 1.5rem;
}

.title_renovation p:nth-of-type(1) {
	clear: both;
	color: #2e95d0;
	line-height: 1.5;
	margin-top: 25px;
	font-size: 2.4rem;
}

.img_renovation {
	width: calc(50% - 12px);
	float: right;
}

.img_renovation p {
	width: 100%;
	text-align: center;
	font-size: 1.8rem;
	height: 44px;
	padding: calc((44px - 1.8rem) / 2);
	background: #e0e0e0;
}

.after {
	margin-bottom: 20px;
}

.after img,
.before img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: contain;
	background: #f5f5f5;
}

.before {
	width: 50%;
}

.info_renovation > p {
	margin-top: 25px;
}

.info_renovation > table {
	margin-top: 75px;
	width: 100%;
	text-align: left;
}

.info_renovation p {
	font-size: 1.4rem;
	font-weight: normal;
	line-height:1.5;
}

.info_renovation table {
	font-size: 1.5rem;
	border-collapse: collapse;
}

.info_renovation tr {
	border-top: 1px solid #e0e0e0;
}

.info_renovation tr:nth-last-of-type(1) {
	border-bottom: 1px solid #e0e0e0;
}

.info_renovation th,
.info_renovation td {
	padding: 15px;
}

.info_renovation th {
	background: #e1f1fa;
}

.info_renovation td {
	width: calc(100% * 359 / 537);
	font-weight: normal;
}

.info_renovation td span {
	display: inline-block;
	margin: 3px;
}

.purpose {
	display: inline-block;
	padding: 2px 6px;
}

#records section {
	margin-top: 60px;
}

#records section h2 {
	font-size: 1.9rem;
	color: #ffc300;
	padding: 8px 57px;
	border-bottom: 3px solid #ffc300;
	background: url(../images/common/fig_feedback.png) left 10px bottom no-repeat;
}

#records section i {
	font-style: normal;
	font-size: 1.4rem;
	font-weight: normal;
	display: block;
	padding: 27px 22px;
	background: #fffdeb;
}

.mt-madoshop-case-block {
	clear: both;
	margin-top: 32px !important;
}

.mt-madoshop-case-photos {
	margin-bottom: 16px;
}

.mt-madoshop-case-photo {
	margin: 0;
}

.mt-madoshop-case-photo img {
	display: block;
	width: 100%;
	height: auto;
}

.mt-madoshop-case-photo figcaption {
	padding: 8px 10px;
	background: #e0e0e0;
	font-size: 1.3rem;
	font-weight: normal;
	text-align: center;
}

.mt-madoshop-case-text {
	margin-top: 16px;
}

.mt-madoshop-case-text p {
	margin-top: 12px;
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 1.7;
}
.product_lead_gocontact {
	position: relative;
}
.product_lead_gocontact p {
	padding: 1px;
	background: #00af4b;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}
.product_lead_gocontact p:hover {
	background: #2e95d0;
}
.product_lead_gocontact p a {
	font-weight: bold;
	display: block;
	width: 100%;
	border: 2px solid #fff;
	color: #fff;
	text-align: center;
}
.product_lead_gocontact p a {
	padding: 25px 0 25px 45px;
	-webkit-background-size: 30px auto;
	-moz-background-size: 30px auto;
	-ms-background-size: 30px auto;
	-o-background-size: 30px auto;
	background-size: 30px auto;
}
.product_lead_gocontact p a {
	background: #00af4b url("../images/product/icon_contact.svg") 20px center no-repeat;
}
.product_lead_goestimate_non {
	position: relative;
}
.product_lead_goestimate_non p {
	padding: 1px;
	background: #ff9600;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}
.product_lead_goestimate_non p:hover {
	background: #2e95d0;
}
.product_lead_goestimate_non p a {
	font-weight: bold;
	display: block;
	width: 100%;
	border: 2px solid #fff;
	color: #fff;
	text-align: center;
}
.product_lead_goestimate_blue a{
		font-size: 1.6rem;
		color: #2e95d0;
    text-decoration: underline;
		font-weight: bold!important;
	}
.product_lead_goproposal {
	position: relative;
}
.product_lead_goproposal p {
	padding: 1px;
	background: #00af4b;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}
.product_lead_goproposal p:hover {
	background: #2e95d0;
}
.product_lead_goproposal p a {
	display: block;
	width: 100%;
	border: 2px solid #fff;
	color: #fff;
	text-align: center;
}
.product_lead_goproposal p a {
		font-size: 1.6rem;
		padding: 25px 0 25px 45px;
		-webkit-background-size: 30px auto;
		-moz-background-size: 30px auto;
		-ms-background-size: 30px auto;
		-o-background-size: 30px auto;
		background-size: 30px auto;
	}
.product_lead_goproposal p a {
		background: #00af4b url(../images/product/icon_proposal.svg) 15px center no-repeat;
		font-weight: bold!important;
	}
.product_read_txt{
	margin-top: 30px;
	margin-bottom: 8px;
	color: #000;
	font-weight: bold!important;
}

.mt-empty-case-detail .title_renovation {
	min-height: 196px;
}

.mt-empty-case-detail .after::before,
.mt-empty-case-detail .before::before {
	content: "";
	display: block;
	width: 100%;
	aspect-ratio: 530 / 298;
}

@media screen and (min-width: 1367px) {
	.product_lead_gocontact p a {
		font-size: 2.3rem;
		padding: 25px 0 25px 58px;
	}
	.product_lead_gocontact p a {
		background: #00af4b url("../images/product/icon_contact.svg") 20px center no-repeat;
	}
	.product_lead_gocontact p:hover a {
		background: #2e95d0 url(../images/product/icon_contact.svg) 20px center no-repeat;
	}
	.product_lead_goestimate_non p a {
		font-size: 2.3rem;
		padding: 25px 0 25px 58px;
	}
	.product_lead_goestimate_non p a {
		background: #ff9600 url(../images/product/icon_estimate.svg) 20px center no-repeat;
	}
	.product_lead_goestimate_non p:hover a {
		background: #2e95d0 url(../images/product/icon_estimate.svg) 20px center no-repeat;
	}
		.product_lead_goproposal p a {
		font-size: 2.3rem;
		padding: 25px 0 25px 58px;
	}
	.product_lead_goproposal p a {
		background: #00af4b url(../images/product/icon_proposal.svg) 20px center no-repeat;
	}
	.product_lead_goproposal p:hover a {
		background: #2e95d0 url(../images/product/icon_proposal.svg) 20px center no-repeat;
	}
}
@media screen and (max-width: 1366px) and (min-width: 881px) {
	.product_lead_gocontact p a {
		font-size: 1.8rem;
	}
	.product_lead_gocontact p a {
		background: #00af4b url(../images/product/icon_contact.svg) 20px center no-repeat;
	}
	.product_lead_gocontact p:hover a {
		background: #2e95d0 url(../images/product/icon_contact.svg) 20px center no-repeat;
	}
	.product_lead_goproposal p a {
		font-size: 1.6rem;
	}
	.product_lead_goproposal p a {
		background: #00af4b url(../images/product/icon_proposal.svg) 20px center no-repeat;
	}
	.product_lead_goproposal p:hover a {
		background: #2e95d0 url(../images/product/icon_proposal.svg) 20px center no-repeat;
	}
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
	.product_lead_goestimate_non p a {
		font-size: 1.8rem;
		padding: 25px 0 25px 58px;
	}
	.product_lead_goestimate_non p a {
		background: #ff9600 url(../images/product/icon_estimate.svg) 20px center no-repeat;
	}
	.product_lead_goestimate_non p:hover a {
		background: #2e95d0 url(../images/product/icon_estimate.svg) 20px center no-repeat;
	}
}
@media screen and (min-width: 769px) {
	.product_lead_goestimate_non {
		margin-top: 25px;
	}
	.product_read_txt{
		text-align: left;
		font-size: 2.1rem!important;
		margin-top: 40px!important;
	}
	.product_lead_goestimate_blue a{
		font-size: 2.1rem;
	}
	.product_lead_goestimate_blue a{
		font-size: 2.1rem;
	}
	.product_lead_goestimate_blue a:hover{
		opacity: .8;;
	}
}
@media screen and (max-width: 768px) {
	.product_lead_goestimate_non {
		margin-top: 15px;
	}
	.product_lead_goestimate_non p a {
		font-size: 1.4rem;
		padding: 25px 5px 25px 60px;
		-webkit-background-size: 30px auto;
		-moz-background-size: 30px auto;
		-ms-background-size: 30px auto;
		-o-background-size: 30px auto;
		background-size: 30px auto;
	}
	.product_lead_goestimate_non p a {
		background: #ff9600 url(../images/product/icon_estimate.svg) 15px center no-repeat;
	}
	.product_lead_goestimate_non p:hover a {
		background: #2e95d0 url(../images/product/icon_estimate.svg) 15px center no-repeat;
		-webkit-background-size: 30px auto;
		-moz-background-size: 30px auto;
		-ms-background-size: 30px auto;
		-o-background-size: 30px auto;
		background-size: 30px auto;
	}
	.product_read_txt{
		font-size: 1.6rem!important;
		text-align: center;
		margin-top: 30px!important;
    margin-bottom: 15px;
	}
	.product_lead_goestimate_blue a{
		margin-top: 20px;
	}
}
@media screen and (min-width: 641px) {
	.product_lead_gocontact {
		margin-top: 35px;
	}
	.product_lead_goproposal {
		margin-top: 15px;
	}
}
@media screen and (max-width: 640px) {
	.product_lead_gocontact {
		margin-top: 25px;
	}
	.product_lead_gocontact p a {
		padding: 25px 5px 25px 60px;
		-webkit-background-size: 30px auto;
		-moz-background-size: 30px auto;
		-ms-background-size: 30px auto;
		-o-background-size: 30px auto;
		background-size: 30px auto;
	}
	.product_lead_gocontact p a {
		background: #00af4b url(../images/product/icon_contact.svg) 15px center / 39px no-repeat;
	}
	.product_lead_gocontact p:hover a {
		background: #2e95d0 url(../images/product/icon_contact.svg) 15px center / 39px no-repeat;
		-webkit-background-size: 30px auto;
		-moz-background-size: 30px auto;
		-ms-background-size: 30px auto;
		-o-background-size: 30px auto;
		background-size: 30px auto;
	}
	.product_lead_goproposal p a {
		font-size: 1.6rem;
		padding: 25px 10px 25px 55px;
		line-height: 1.35;
		-webkit-background-size: 30px auto;
		-moz-background-size: 30px auto;
		-ms-background-size: 30px auto;
		-o-background-size: 30px auto;
		background-size: 30px auto;
	}
	.product_lead_goproposal p a {
		background: #00af4b url(../images/product/icon_proposal.svg) 15px center no-repeat;
	}
	.product_lead_goproposal p:hover a {
		background: #2e95d0 url(../images/product/icon_proposal.svg) 15px center no-repeat;
		-webkit-background-size: 30px auto;
		-moz-background-size: 30px auto;
		-ms-background-size: 30px auto;
		-o-background-size: 30px auto;
		background-size: 30px auto;
	}
}
@media screen and (max-width: 880px) {
	.title_renovation,
	.info_renovation {
		width: 100%;
	}
	.mt-empty-case-detail .title_renovation {
		min-height: 211px;
	}
	.img_renovation {
		margin-top: 25px;
		width: 100%;
	}
	.img_renovation div {
		width: 49%;
	}
	.after {
		float: right;
	}
}
