@charset "UTF-8";
@media screen and (min-width: 768px),print {
	
.p-works .p-works__item-img img{ width: 100%; height: 260px;}
.p-reform__story .p-reform__story-item-img img{width: 100%;height: 400px;}

#toilet .main-title {
	max-width: 1920px;
	min-width: 100%;
}

#toilet footer {
	overflow-x: hidden; 
	overflow-y: hidden; 
}

#toilet main {
	background: #EEF1F1;
	margin-inline: auto;
	max-width: 1920px;
	width: 100%;
	overflow-x: hidden; 
	overflow-y: hidden; 
	margin: 0;
}

.p-reform__fv {
	background: #EDEBDF;
	height: 721px;
	margin-bottom: 74px;
	width: 100%;
	padding-top: 40px;
}

.l-inner.l-reform-fv {
	margin-inline: auto;
	max-width: 1800px;
	width: 100%;
}

.p-reform__fv-img img {
	height: auto;
	width: 100%;
}

.p-reform__fv2 {
	margin-bottom: 111px;
}

.p-reform__fv2-ttl {
	margin-bottom: 25px;
	margin-inline: auto;
	max-width: 1183px;
	width: 95%;
}

.p-reform__fv2-ttl img {
	height: auto;
	width: 441px;
}

.p-reform__fv2-txt {
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0.16em;
	line-height: 1.5;
	margin-bottom: 39px;
	margin-inline: auto;
	max-width: 1195px;
	width: 95%;
}

.p-reform__fv2-img {
	margin-inline: auto;
	max-width: 1800px;
	width: 100%;
}

.p-reform__fv2-img img {
	height: auto;
	width: 100%;
}

.p-reform__thought {
	margin-bottom: 70px;
}

.p-reform__thought-items {
	display: grid;
	grid-template-columns: 710px 710px;
	margin-inline: auto;
	max-width: 1280px;
	width: 95%;
}

.p-reform__thought-txt {
	display: grid;
	gap: 45px 0;
	grid-template-columns: repeat(1, 1fr);
	margin-bottom: 66px;
	margin-left: auto;
	max-width: 1560px;
	width: 95%;
}

.p-reform__thought-txt img:nth-child(1) {
	width: 270px;
	height: auto;
}

.p-reform__thought-txt img:nth-child(2) {
	width: 410px;
	height: auto;
}

.p-reform__thought-txt img:nth-child(3) {
	width: 503px;
	height: auto;
}

.p-reform__thought-left {
	background: #fff;
	padding: 53px 66px 0;
	position: relative;
	width: 710px;
	height: 443px;
	z-index: 2;
}

.p-reform__thought-left h2 {
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0.12em;
	line-height: 2.375;
	margin-bottom: 15px;
}

.p-reform__thought-left p {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 2.375;
}

.p-reform__thought-left p.top {
	margin-bottom: 38px;
}

.p-reform__thought-left p.center {
	margin-bottom: 38px;
}

.p-reform__thought-right {
	position: relative;
	top: -75px;
	right: 139px;
	z-index: 1;
}

.p-reform__thought-right img {
	height: auto;
	width: 100%;
}

.p-reform__strong {
	margin-bottom: 100px;
}

.p-reform__strong-ttl {
	margin-bottom: 34px;
	text-align: center;
}

.p-reform__strong-items {
	display: grid;
	gap: 0 40px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-inline: auto;
	max-width: 1280px;
	width: 95%;
}

.p-reform__strong-item {
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 3;
}


.p-reform__strong-img img {
	width: 100%;
	height: auto;
}

.p-reform__strong-txt {
	background: #fff;
	padding-bottom: 43px;
}

.p-reform__strong-txt p {
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 2.1111111111;
	margin-inline: auto;
	width: 335px;
}

.p-reform__strong-txt-img {
	position: relative;
	top: -24px;
}

.p-reform__strong-txt-img img {
	width: 100%;
	height: auto;
} 

.p-reform__strong-txt-img.strong02 {
	width: 87%;
}


.p-reform__strong-maker {
	margin-bottom: 194px;
}

.p-reform__strong-maker-ttl {
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 1.9;
	margin-bottom: 17px;
	text-align: center;
}

.p-reform__strong-maker-slider {
	background: #fff;
	padding: 24px 0;
	text-align: center;
}

.p-reform__strong-maker-slider-img img {
	height: auto;
	width: 54%;
}

.p-showroom__ttl {
	margin-bottom: 38px;
	text-align: center;
}

/*工事の流れ*/
.p-flow02 {
	margin-bottom: 110px;
}

.p-flow {
	margin-bottom: -17px;
}

.p-flow__ttl {
	margin-bottom: 16px;
	text-align: center;
}

.p-flow__ttl2 {
	margin-bottom: 35px;
	text-align: center;
}

.p-flow__ttl2.flow02 {
	margin-bottom: -109px;
}

.p-flow__ttl2.flow02 img {
	width: 216px;
	height: auto;
}

.p-flow02__img {
	position: relative;
	right: -196px;
	text-align: center;
}

.p-flow02__img img {
	width: 148px;
}

.p-flow02__content {
	background: #fff;
	border: 3px solid #F47723;
	margin-inline: auto;
	max-width: 1450px;
	padding: 86px 0 67px;
	width: 95%;
}

.p-flow02__items {
	background: #C6DEDE;
	margin-bottom: 30px;
	margin-inline: auto;
	max-width: 1280px;
	padding: 60px 304px;
	position: relative;
	width: 95%;
}

.p-flow02__items.toilet {	
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 0 36px;
	margin-bottom: 20px;
}


.p-flow02__items::after {
	background: url(../images/toilet/saitan.svg) no-repeat center center/contain;
	content: "";
	height: 194px;
	position: absolute;
	right: 38px;
	top: -145px;
	width: 194px;
}

.p-flow02__item {
	position: relative;
}

.p-flow02__item:last-child {
	position: static;
}

.p-flow02__item:last-child::after {
	content: none;
}

.p-flow02__item::after {
	background: url(../images/common-reform/black_arrow.svg) no-repeat center center/contain;
	content: "";
	height: 16px;
	position: absolute;
	right: -22px;
	top: 62px;
	width: 16px;
}

.p-flow02__item img {
	height: auto;
	width: 100%;
}

.p-flow02__item h3 {
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 0.022em;
	line-height: 1.7727272727;
	margin: 12px 0 -2px;
	text-align: center;
}

.p-flow02__item p {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0em;
	line-height: 1.625;
	text-align: center;
}

.p-flow02__txt {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.12em;
	line-height: 1.95;
	text-align: center;
}

.p-flow02__content2 p {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 1.8571428571;
	margin-inline: auto;
	max-width: 340px;
	width: 95%;
}

}

@media screen and (min-width:768px) and ( max-width:1900px) {
.p-reform__fv {
	background: #EDEBDF;
	height: 37.947vw;
	margin-bottom: 3.895vw;
	width: 100%;
	padding-top: 2.105vw;
}

.l-inner.l-reform-fv {
	margin-inline: auto;
	max-width: 94.737vw;
	width: 100%;
}

.p-reform__fv-img img {
	height: auto;
	width: 100%;
}
}

@media screen and (min-width:768px) and ( max-width:1400px) {
/*工事の流れ*/
.p-flow02 {
	margin-bottom: 7.857vw;
}

.p-flow {
	margin-bottom: -1.214vw;
}

.p-flow__ttl {
	margin-bottom: 1.143vw;
	text-align: center;
}

.p-flow__ttl2 {
	margin-bottom: 2.5vw;
	text-align: center;
}

.p-flow__ttl2.flow02 {
	margin-bottom: -7.786vw;
}

.p-flow__ttl2.flow02 img {
	width: 15.429vw;
	height: auto;
}

.p-flow02__img {
	position: relative;
	right: -14vw;
	text-align: center;
}

.p-flow02__img img {
	width: 10.571vw;
}

.p-flow02__content {
	background: #fff;
	border: 3px solid #F47723;
	margin-inline: auto;
	max-width: 103.571vw;
	padding: 6.143vw 0 4.786vw;
	width: 95%;
}

.p-flow02__items {
	background: #C6DEDE;
	margin-bottom: 2.143vw;
	margin-inline: auto;
	max-width: 91.429vw;
	padding: 4.286vw 21.714vw;
	position: relative;
	width: 95%;
}

.p-flow02__items.toilet {	
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 0 2.571vw;
	margin-bottom: 1.429vw;
}


.p-flow02__items::after {
	background: url(../images/toilet/saitan.svg) no-repeat center center/contain;
	content: "";
	height: 13.857vw;
	position: absolute;
	right: 2.714vw;
	top: -10.357vw;
	width: 13.857vw;
}

.p-flow02__item {
	position: relative;
}

.p-flow02__item:last-child {
	position: static;
}

.p-flow02__item:last-child::after {
	content: none;
}

.p-flow02__item::after {
	background: url(../images/common-reform/black_arrow.svg) no-repeat center center/contain;
	content: "";
	height: 1.143vw;
	position: absolute;
	right: -1.571vw;
	top: 4.429vw;
	width: 1.143vw;
}

.p-flow02__item img {
	height: auto;
	width: 100%;
}

.p-flow02__item h3 {
	font-size: 1.571vw;
	font-weight: 700;
	letter-spacing: 0.022em;
	line-height: 1.7727272727;
	margin: 0.857vw 0 -0.143vw;
	text-align: center;
}

.p-flow02__item p {
	font-size: 1.143vw;
	font-weight: 400;
	letter-spacing: 0em;
	line-height: 1.625;
	text-align: center;
}

.p-flow02__txt {
	font-size: 1.429vw;
	font-weight: 700;
	letter-spacing: 0.12em;
	line-height: 1.95;
	text-align: center;
}

.p-flow02__content2 p {
	font-size: 1vw;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 1.8571428571;
	margin-inline: auto;
	max-width: 24.286vw;
	width: 95%;
}
}

@media screen and (min-width:768px) and ( max-width:1350px) {
.p-reform__thought {
	margin-bottom: 5.185vw;
}

.p-reform__thought-items {
	display: grid;
	grid-template-columns: 52.593vw 52.593vw;
	margin-inline: auto;
	max-width: 94.815vw;
	width: 95%;
}

.p-reform__thought-txt {
	display: grid;
	gap: 3.333vw 0;
	grid-template-columns: repeat(1, 1fr);
	margin-bottom: 4.889vw;
	margin-left: auto;
	max-width: 115.556vw;
	width: 95%;
}

.p-reform__thought-txt img:nth-child(1) {
	width: 20vw;
	height: auto;
}

.p-reform__thought-txt img:nth-child(2) {
	width: 30.37vw;
	height: auto;
}

.p-reform__thought-txt img:nth-child(3) {
	width: 37.259vw;
	height: auto;
}

.p-reform__thought-left {
	background: #fff;
	padding: 3.926vw 4.889vw 0;
	position: relative;
	width: 52.593vw;
	height: 32.815vw;
	z-index: 2;
}

.p-reform__thought-left h2 {
	font-size: 1.778vw;
	font-weight: 700;
	letter-spacing: 0.12em;
	line-height: 2.375;
	margin-bottom: 1.111vw;
}

.p-reform__thought-left p {
	font-size: 1.185vw;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 2.375;
}

.p-reform__thought-left p.top {
	margin-bottom: 2.815vw;
}

.p-reform__thought-left p.center {
	margin-bottom: 2.815vw;
}

.p-reform__thought-right {
	position: relative;
	top: -5.556vw;
	right: 10.296vw;
	z-index: 1;
}

.p-reform__thought-right img {
	height: auto;
	width: 100%;
}
}

@media screen and (min-width:768px) and ( max-width:1250px) {
.p-reform__fv2-ttl img {
	height: auto;
	width: 35.28vw;
}

.p-reform__fv2-txt {
	font-size: 1.92vw;
	font-weight: 700;
	letter-spacing: 0.16em;
	line-height: 1.5;
	margin-bottom: 3.12vw;
	margin-inline: auto;
	max-width: 95.6vw;
	width: 95%;
}

.p-reform__strong {
	margin-bottom: 8vw;
}

.p-reform__strong-ttl {
	margin-bottom: 2.72vw;
	text-align: center;
}

.p-reform__strong-items {
	display: grid;
	gap: 0 3.2vw;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-inline: auto;
	max-width: 102.4vw;
	width: 95%;
}

.p-reform__strong-item {
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 3;
}


.p-reform__strong-img img {
	width: 100%;
	height: auto;
}

.p-reform__strong-txt {
	background: #fff;
	padding-bottom: 3.44vw;
}

.p-reform__strong-txt p {
	font-size: 1.44vw;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 2.1111111111;
	margin-inline: auto;
	width: 26.8vw;
}

.p-reform__strong-txt-img {
	position: relative;
	top: -1.92vw;
}

.p-reform__strong-txt-img img {
	width: 100%;
	height: auto;
} 

.p-reform__strong-txt-img.strong02 {
	width: 87%;
}


.p-reform__strong-maker {
	margin-bottom: 15.52vw;
}

.p-reform__strong-maker-ttl {
	font-size: 2.4vw;
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 1.9;
	margin-bottom: 1.36vw;
	text-align: center;
}

.p-reform__strong-maker-slider {
	background: #fff;
	padding: 1.92vw 0;
	text-align: center;
}

.p-reform__strong-maker-slider-img img {
	height: auto;
	width: 54%;
}

}

@media screen and (min-width:768px) and ( max-width:1024px) {
.p-flow__fv li.right {
	left: -8.6vw;
}

}

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

.p-works .p-works__item-img img{width: 100%;height: 30vw;}
.p-reform__story .p-reform__story-item-img img{width: 100%;height: 28vw;}

#toilet main {
	background: #EEF1F1;
	margin-inline: auto;
	width: 100%;
}

.p-reform__fv {
	background: #EDEBDF;
	height: 125.1vw;
	margin: 13vw 0 27.4vw;
	padding-top: 11.6vw;
	width: 100%;
}

.l-inner.l-reform-fv {
	margin-inline: auto;
	max-width: 94.203vw;
	width: 95%;
}

.p-reform__fv-img img {
	height: auto;
	width: 100%;
}

.p-reform__fv2 {
	margin-bottom: 24.396vw;
}

.p-reform__fv2-ttl {
	margin-inline: auto;
	max-width: 73vw;
	width: 95%;
	margin-bottom: 5vw;
}

.p-reform__fv2-txt {
	font-size: 4.831vw;
	font-weight: 700;
	letter-spacing: 0.16em;
	line-height: 1.9;
	margin-inline: auto;
	max-width: 89.3vw;
	text-align: center;
	width: 95%;
	margin-bottom: 4vw;
}

.p-reform__fv2-img {
	margin-inline: auto;
	width: 100%;
	margin-bottom: -8vw;
}

.p-reform__fv2-img img {
	height: auto;
	width: 100%;
}

.p-reform__thought {
	margin-bottom: 14.3vw;
}

.p-reform__thought-items {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	width: 100%;
}

.p-reform__thought-txt {
	margin-inline: auto;
	max-width: 87.8vw;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(1,1fr);
	gap: 8vw 0;
	margin-bottom: 11vw;
}

.p-reform__thought-left {
	background: #fff;
	margin-left: auto;
	max-width: 96.6vw;
	order: 2;
	padding: 5.6vw 7.2vw 8.6vw;
	top: -6.6vw;
	width: 100%;
	position: relative;
	z-index: 2;
}

.p-reform__thought-left h2 {
	font-size: 4.831vw;
	font-weight: 700;
	letter-spacing: 0.12em;
	line-height: 2.85;
	margin-bottom: 0.8vw;
}

.p-reform__thought-left p {
	font-size: 3.865vw;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 1.875;
}

.p-reform__thought-left p.top {
	margin-bottom: 7vw;
}

.p-reform__thought-left p.center {
	margin-bottom: 7vw;
}

.p-reform__thought-right {
	order: 1;
	position: relative;
	top: 0;
	z-index: 1;
}

.p-reform__thought-right img {
	height: auto;
	width: 96%;
}

.p-reform__strong {
	margin-bottom: 17.5vw;
}

.p-reform__strong-ttl {
	margin-bottom: 9.7vw;
	margin-inline: auto;
	text-align: center;
	width: 74.396vw;
}

.p-reform__strong-ttl img {
	height: auto;
	width: 100%;
}

.p-reform__strong-items {
	display: grid;
	gap: 7.2vw 0;
	grid-template-columns: repeat(1, 1fr);
	margin-inline: auto;
	max-width: 89.372vw;
	width: 95%;
}

.p-reform__strong-txt {
	background: #fff;
	padding-bottom: 8.3vw;
}

.p-reform__strong-txt p {
	font-size: 3.865vw;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 1.875;
	margin-inline: auto;
	max-width: 79.71vw;
	width: 95%;
}

.p-reform__strong-txt-img {
	position: relative;
	top: -10.7vw;
	right: -4vw;
	margin-bottom: -7vw;
}

.p-reform__strong-txt-img.strong01 img {
	width: 91%;
}

.p-reform__strong-txt-img.strong02 img {
	width: 81%;
}

.p-reform__strong-txt-img.strong03 img {
	width: 90%;
}

.p-reform__strong-maker {
	margin-bottom: 22.4vw;
}

.p-reform__strong-maker-ttl {
	font-size: 5.797vw;
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 1.9166666667;
	margin-bottom: 7.2vw;
	text-align: center;
}

.p-reform__strong-maker-slider {
	background: #fff;
	overflow: hidden;
	padding: 9.3vw 0 1.3vw;
}

.p-reform__strong-maker-slider-img {
	width: 90%;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.p-reform__strong-maker-slider-img img {
	height: auto;
	width: 100%;
}

.p-showroom__ttl {
	margin-bottom: 12vw;
	text-align: center;
}

.p-flow__ttl2.flow02 img {
	width: 34.3vw;
}

.p-flow__ttl2.flow02 {
	margin-bottom: -13.285vw;
}

.p-flow__ttl2 img {
	width: 75.845vw;
}

.p-flow02 {
	margin-bottom: 22vw;
}

.p-flow02__img {
	left: 8.937vw;
	position: relative;
	right: 0;
	text-align: start;
}

.p-flow02__img img {
	width: 22.464vw;
}

.p-flow02__content {
	background: #fff;
	border: 0.7vw solid #F47723;
	margin-inline: auto;
	padding: 11vw 0 12vw;
	width: 100%;
}

.p-flow02__items {
	background: #C6DEDE;
	margin-bottom: 7.2vw;
	margin-inline: auto;
	max-width: 89.3vw;
	padding: 7.4vw 0;
	position: relative;
	width: 95%;
	display: grid;
	grid-template-columns: repeat(1,1fr);
	gap: 14vw 0; 
}

.p-flow02__items::after {
	background: url(../images/toilet/saitan.svg) no-repeat center center/contain;
	content: "";
	height: 24.155vw;
	position: absolute;
	right: 0;
	top: -19.324vw;
	width: 24.155vw;
}

.p-flow02__item {
	display: grid;
	gap: 4.1176470588%;
	grid-template-columns: minmax(41.1764705882%, 140px) 1fr;
	margin-inline: auto;
	max-width: 82.126vw;
	position: relative;
	width: 95%;
}

.p-flow02__item-txt {
	position: relative;
	top: -1vw;
}

.p-flow02__item:last-child {
	position: static;
}

.p-flow02__item:last-child::after {
	content: none;
}

.p-flow02__item::after {
	background: url(../images/common-reform/sp_black_arrow.svg) no-repeat center center/contain;
	bottom: -9vw;
	content: "";
	height: 4.831vw;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 4.831vw;
}

.p-flow02__item img {
	height: auto;
	width: 100%;
}

.p-flow02__item h3 {
	font-size: 4.348vw;
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 2.1666666667;
	margin-bottom: -0.5vw;
}

.p-flow02__item p {
	font-size: 3.382vw;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 1.7142857143;
}

.p-flow02__txt {
	font-size: 4.831vw;
	font-weight: 700;
	letter-spacing: 0.12em;
	line-height: 1.9;
	max-width: 89.3vw;
	width: 95%;
	margin-inline: auto;
}

.p-flow02__content2 {
	background: #fff;
	border-bottom: 1px solid #F47723;
	border-left: 1px solid #F47723;
	border-right: 1px solid #F47723;
	margin-inline: auto;
	max-width: 94.203vw;
	padding: 4.8vw 0 7.6vw;
	width: 95%;
}

.p-flow02__content2 p {
	font-size: 14px;
	line-height: 1.8;
	letter-spacing: 0.06em;
	max-width: 82.1vw;
	width: 95%;
	margin-inline: auto;
}

.p-flow02__img2 {
	margin-bottom: 4.831vw;
	text-align: center;
}

.p-flow02__img2 img {
	width: 82.126vw;
}
	
.p-reform__thought-txt img:nth-child(1) {
	width: 43.3vw;
}

.p-reform__thought-txt img:nth-child(2) {
	width: 67.2vw;
}

.p-reform__thought-txt img:nth-child(3) {
	width: 83.6vw;
}

}

@media screen and (max-width: 390px) {
.p-reform__strong-txt-img {
	right: 0;
}

}