@charset "UTF-8";

@media screen and (min-width: 768px),print {
nav.seo_bread_list {max-width: 1200px;font-size: 18px;padding: 27px 0 40px;}

/*Tabだけ表示追加*/
.tab { display: none !important; }

/*インナー幅設定*/
.l-inner {
	max-width: 1920px;
	width: 100%;
	margin-inline: auto;
}

/*ショールームFV*/
.p-showroom__fv {
	background: url(../images/common-fv/fv_bg.jpg) no-repeat top center/cover;
	height: 100%;
	position: relative;
	width: 100%;
}

.l-inner.l-showroom-fv {
	padding-top: 85px;
}

.p-showroom__fv-ttl {
	margin-bottom: 55px;
	text-align: center;
}

.p-showroom__fv-garden {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: -91px;
	margin-inline: auto;
	max-width: 900px;
	width: 100%;
}

.p-showroom__fv-garden img {
	width: 141px;
	height: auto;
}

.p-showroom__fv-ttl-center {
	display: grid;
	grid-template-columns: repeat(1,1fr);
	gap: 34px 0;
	margin-bottom: 66px;
	place-items: center;
}

.p-showroom__fv-ttl-center img.top {
	width: 406px;
	height: auto;
}

.p-showroom__fv-ttl-center img.bottom {
	width: 896px;
	height: auto;
}

.p-showroom__fv-ttl-bottom {
	text-align: center;
	position: relative;
	z-index: 2;
	width: 28%;
	margin-inline: auto;
	margin-bottom: -160px;
}

.p-showroom__fv-ttl-bottom::after {
	content: "";
	position: absolute;
	background: url('../images/common-fv/fv_ttl4.svg') no-repeat center center / contain;
	width: 100%;
	height: 441px;
	left: calc(50% + 124px);
	top: 0;
}

.p-showroom__fv-ttl-bottom img.top {
	width: 536px;
	height: auto;
}

.p-showroom__fv-shop {
	margin-inline: auto;
}

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

.p-showroom__fv-human {
	bottom: 0;
	content: "";
	position: absolute;
	z-index: 3;
	width: 56%;
	margin-inline: auto;
	left: 50%;
	transform: translateX(-50%);
}

.p-showroom__fv-human.set {
	width: 43%;
}

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

/*リフォームのFV*/
.p-showroom__fv.set {
	margin-bottom: 40px;
}

.l-inner.l-set-fv {
	padding-top: 75px;
}

.p-showroom__fv-ttl.set {
	margin-bottom: 67px;
}

.p-showroom__fv-ttl-center.set {
	gap: 40px 0;
	margin-bottom: 84px;
}

.p-showroom__fv-ttl-center.set img.top {
	width: 406px;
	height: auto;
}

.p-showroom__fv-ttl-center.set img.bottom {
	width: 1153px;
	height: auto;
}

.p-showroom__fv-ttl-bottom.set::after {
	content: none;
}

.p-showroom__fv-garden.set {
	max-width: 790px;
	margin-bottom: -81px;
}

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

#set .p-showroom__txt { 
	margin-bottom: 100px;
}

.p-showroom__fv-ttl-bottom.set {
	margin-bottom: -178px;
}



/*バナー一覧*/
.p-page__link {
	margin-bottom: 94px;
}

.p-page__link.reform {
	padding-bottom: 108px;
	margin-bottom: -28px;
}

.l-inner.l-page-link {
	margin-inline: auto;
	max-width: 1100px;
	width: 95%;
}

.l-inner.l-set {
	max-width: 1328px;
	width: 95%;
	margin-inline: auto;
}

.l-page__link-ttl {
	display: grid;
	gap: 23px 0;
	grid-template-columns: repeat(1, 1fr);
	margin-bottom: 54px;
	place-items: center;
}

.l-page__link-ttl img.top {
	width: 18.8vw;
	height: auto;
}

.l-page__link-ttl img {
	width: 35.2vw;
	height: auto;
}

.l-page__link-ttl.reform img.top {
	width: 24.8vw;
	height: auto;
}

.l-page__link-ttl.reform img.bottom {
	width: 30.2vw;
	height: auto;
}

.p-page__link-items {
	display: grid;
	gap: 0 40px;
	grid-template-columns: repeat(2, 1fr);
}

.p-page__link-item a {
	display: grid;
	gap: 15px 0;
	grid-template-columns: repeat(1, 1fr);
}

.p-page__link-item a img {
	height: auto;
	width: 100%;
}

.p-page__link-item a p {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 1.875;
	text-align: center;
	text-decoration: underline;
}

.p-page__link.page-link-more {
	margin-bottom: 0;
	padding: 109px 0 82px;
}

.l-inner.l-page-link-more {
	margin-inline: auto;
	max-width: 1920px;
	width: 100%;
}

.p-page__link-items.top {
	margin-bottom: 50px;
	margin-inline: auto;
	max-width: 1100px;
	width: 95%;
}

.p-page__link-reform-items {
	display: grid;
	gap: 0 20px;
	grid-template-columns: repeat(4, 1fr);
	margin-inline: auto;
	max-width: 1260px;
	width: 95%;
}

.p-page__link-reform-items.set {

}

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

.p-page__link-item p {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 1.875;
	text-align: center;
}

/*ショールーム一覧のユニットバス・洗面台・トイレ・キッチンのアイコン*/
.p-showroom__shop-icon {
	align-items: center;
	justify-content: center;
	display: flex;
	gap: 0 19px;
}

.p-showroom__shop-icon-top {
	margin-bottom: -50px;
	text-align: center;
}

.p-showroom__shop-icon-bottom {
	background: #EEF1F1;
	width: 143px;
	height: 137px;
	padding: 58px 0 16px;
}

.p-showroom__shop-icon-bottom p {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0em;
	line-height: 2.1111111111;
	text-align: center;
	vertical-align: baseline;
}

.p-showroom__shop-icon-bottom p:first-child {
	margin-bottom: -4px;
}

.p-showroom__shop-icon-bottom p span {
	font-size: 36px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.0833333333;
}

/*リフォームストーリー*/
.p-reform__story {
	margin-bottom: 195px;
}

.p-reform__story-ttl {
	max-width: 644px;
	width: 95%;
	margin-inline: auto;
	margin-bottom: 16px;
}

.p-reform__story-ttl2 {
	text-align: center;
	position: relative;
	/* margin-bottom: -73px; */
}

.p-reform__story-ttl2 img {
	position: relative;
	z-index: 2;
}


.p-reform__story-ttl2::before {
	content: "";
	position: absolute;
	width: 37.5%;
	aspect-ratio: 1;
	background: #F9E7D8;
	margin-inline: auto;
	border-radius: 50%;
	top: 52px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}

#bathroom .p-reform__story-ttl2::before {
	background: #F6F2DF;
}

#toilet .p-reform__story-ttl2::before {
	background: #D8F1F9;
}

#washroom .p-reform__story-ttl2::before {
	background: #EAF9D8;
}

#set .p-reform__story-ttl2::before {
	background: #FFFFFF;
}

.p-reform__story .slick-slider{margin: -70px 0 0 0;}

.p-reform__story-items {
	margin: auto;
	width: 100%;
	position: relative;
	z-index: 3;
	margin-bottom: 75px;
}

.p-reform__story-items.less-than-3-items {
	display: flex;
	justify-content: center;
}

.p-reform__story-items .prev-arrow {
	position: relative;
	top: 280px;
	left: calc(50% - 384px);
}

.p-reform__story-items .next-arrow {
	position: relative;
	top: -306px;
	left: calc(50% + 292px);
}

.p-reform__story-item {
	max-width: 560px;
	width: 100%;
	margin: 0 60px;
}

.p-reform__story-item-top {
	align-items: center;
	display: flex;
	justify-content: flex-end;
	margin-bottom: 4px;
	color: #221714;
}

.p-reform__story-item-top.area {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.7142857143;
}

.p-reform__story-item-top.name {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.7142857143;
	text-align: center;
}

.p-reform__story-item-img {
	margin-bottom: 20px;
}

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

.p-reform__story-item-ttl {
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: 0.05em;
	text-align: center;
	color: #221714;
}

.p-reform__story-btn {
	text-align: center;
	position: relative;
	z-index: 2;
}

.p-reform__story-btn a {
	background: #BD9E78;
	border-radius: 200px;
	display: inline-block;
	padding: 29px 96px;
	position: relative;
}

.p-reform__story-btn a::after {
	background: url(../images/common-reform/white_arrow.svg) no-repeat center center/contain;
	content: "";
	height: 30px;
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
}

.p-reform__story-btn a::after::after {
	background: url(../images/common-reform/white_arrow.svg) no-repeat center center/contain;
	content: "";
	height: 21px;
	position: absolute;
	right: 18px;
	top: 50%;
	transform: translateY(-50%);
	width: 21px;
}

/*WORKS*/
.p-works {
	margin-bottom: 143px;
}

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

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

.p-works__content {
	background: #fff;
	margin-inline: auto;
	max-width: 1450px;
	padding: 61px 0 81px;
	width: 95%;
	margin-bottom: -25px;
}

.p-works__items {
	margin-inline: auto;
	max-width: 1280px;
	width: 95%;
}

.p-works__items.less-than-3-items {
	display: flex;
	justify-content: center;
}


.p-works__item {
	max-width: 400px;
	width: 100%;
	margin: 0 15px;
}

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

.p-works__item-category {
	background: #BD9E78;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
	padding: 10px 0;
	text-align: center;
}

#bathroom .p-works__item-category {
	background: #F47723;
}

#toilet .p-works__item-category {
	background: #00B5ED;
}

#washroom .p-works__item-category { 
	background: #38A21E;	
}

.p-works__item-bottom {
	border-bottom: 1px solid #D1D1D1;
	border-left: 1px solid #D1D1D1;
	border-right: 1px solid #D1D1D1;
	padding: 20px;
	color: #1A1A1A;
}

.p-works__item-area {
	border-bottom: 2px solid #E6E6E6;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
	margin-bottom: 14px;
	padding-bottom: 15px;
}

.p-works__items-ttl {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.625;
}

.p-works__btn {
	text-align: center;
}

.p-works__btn a {
	background: #3D2810;
	border-radius: 200px;
	padding: 32px 145px 40px;
	position: relative;
}

.p-works__btn a::after {
	background: url(../images/common-reform/white_arrow.svg) no-repeat center center/contain;
	content: "";
	height: 30px;
	position: absolute;
	right: 44px;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
}

.p-works__items .prev-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -135px;
	width: 92px;
	aspect-ratio: 1;
}

.p-works__items .next-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -135px;
	width: 92px;
	aspect-ratio: 1;
}

/*ギャラリースライダー*/
.p-gallery {
	margin-bottom: 100px;
}

.l-inner.l-gallery {
	
}

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

.p-gallery__ttl2 {
	text-align: center;
	margin-bottom: 26px;
}

.p-gallery__slider {
	max-width: 1200px;
	width: 95%;
	margin-inline: auto;
	margin-bottom: 18px;
	position: relative;
}

.p-gallery__slider::after {
	content: "";
	position: absolute;
	background: url('../images/common-gallery/gallery.svg') no-repeat center center / contain;
	width: 447px;
	height: 154px;
	right: -77px;
	top: -74px;
}

.slick-img img {
	width: 100%;
	height: 620px;
	object-fit: cover;
}

.p-gallery__thumbnail {
	max-width: 1220px;
	width: 95%;
	margin-inline: auto;
}

.thumbnail-img img {
	width: 100%;
	height: 100px;
	object-fit: cover;
	padding: 0 10px;
}

.p-gallery__slider .prev-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -42px;
	z-index: 2;
	width: 92px;
	aspect-ratio: 1;
}

.p-gallery__slider .next-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -42px;
	width: 92px;
	aspect-ratio: 1;
}

.p-gallery__thumbnail .prev-arrow {
	position: absolute;
	top: 37%;
	left: -18px;
	z-index: 2;
	width: 12px;
	height: 20px;
}

.p-gallery__thumbnail .next-arrow {
	position: absolute;
	top: 37%;
	right: -18px;
	width: 12px;
	height: 20px;
}

/*お問い合わせからの流れ*/
.p-flow {
	margin-bottom: 37px;
}

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

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

.p-flow__ttl2 img {
	width: 25%;
	height: auto;
}

.p-flow__fv {
	margin-inline: auto;
	max-width: 1200px;
	width: 95%;
	display: grid;
	grid-template-columns: 686px 115px 492px;
}

.p-flow__fv li.left {
	max-width: 686px;
	width: 100%;
	margin-inline: auto;	
	background: #fff;
	border: 1px solid #F47723;
	padding: 54px 0 30px;
	position: relative;
	z-index: 1;
	height: 613px;
}

.p-flow__fv li.center {
	position: relative;
	top: 58px;
	right: 45px;
	z-index: 2;
	overflow:initial
}

.p-flow__fv li.right {
	max-width: 492px;
	width: 100%;
	margin-inline: auto;
	background: #fff;
	border: 1px solid #F47723;
	padding: 54px 0 30px;
	position: relative;
	left: -95px;
	z-index: 1;
	height: 613px;
}

.p-flow__fv-items-left {
	display: flex;
	gap: 0 23px;
	margin-bottom: 36px;
	position: relative;
	right: -51px;
	align-items: center;
}

.p-flow__fv-items-left li.arrow {
	text-align: center;
	position: relative;
	top: -21px;
}

.p-flow__fv-items-right li.arrow {
	position: relative;
	top: -20px;
}

.p-flow__fv-items-left li img {
	width: 115px;
	height: auto;
}

.p-flow__fv-items-left li.arrow img {
	width: 36px;
	height: auto;
}

.p-flow__fv-items-right li.arrow img {
	width: 36px;
	height: auto;
}

.p-flow__fv-items-right {
	display: flex;
	gap: 0 23px;
	margin-bottom: 33px;
	position: relative;
	left: 70px;
	align-items: center;
	overflow: hidden;
}

.p-flow__fv-items-right li img {
	width: 115px;
	height: auto;
}

.p-flow__fv li.left p.left {
	font-size: 16px;
	line-height: 2;
	letter-spacing: 0.06em;
	text-align: start;
	max-width: 598px;
	width: 95%;
	margin-inline: auto;
} 

.p-flow__fv li.right p.right {
	font-size: 16px;
	line-height: 2;
	letter-spacing: 0.06em;
	text-align: start;
	max-width: 403px;
	width: 95%;
	margin-inline: auto;
} 
}


@media screen and (min-width:768px) and ( max-width:1900px) {
/*set FV*/
.p-showroom__fv.set {
	margin-bottom: 2.105vw;
}

.l-inner.l-set-fv {
	padding-top: 3.947vw;
}

.p-showroom__fv-ttl.set {
	margin-bottom: 3.526vw;
}

.p-showroom__fv-garden img {
	width: 7.421vw;
	height: auto;
}

.p-showroom__fv-ttl-center.set {
	gap: 2.105vw 0;
	margin-bottom: 4.421vw;
}

.p-showroom__fv-ttl-center.set img.top {
	width: 21.368vw;
	height: auto;
}

.p-showroom__fv-ttl-center.set img.bottom {
	width: 60.684vw;
	height: auto;
}

.p-showroom__fv-ttl-bottom img.top {
	width: 28.211vw;
	height: auto;
}

.p-showroom__fv-ttl-bottom.set::after {
	content: none;
}

.p-showroom__fv-ttl-bottom.set {
	margin-bottom: -9.368vw;
}

.p-showroom__fv-garden.set {
	max-width: 41.579vw;
	margin-bottom: -4.263vw;
}

.p-showroom__txt {
	font-size: 1.053vw;
	font-weight: 700;
	letter-spacing: 0.12em;
	line-height: 1.95;
	margin-bottom: 3.474vw;
	text-align: center;
}

/*ショールームFV*/
.p-showroom__fv {
	background: url(../images/common-fv/fv_bg.jpg) no-repeat top center/cover;
	height: 100%;
	position: relative;
	width: 100%;
}

.l-inner.l-showroom-fv {
	padding-top: 4.474vw;
}

.p-showroom__fv-ttl {
	margin-bottom: 2.895vw;
	text-align: center;
}

.p-showroom__fv-ttl img {
	width: 8.9vw;
	height: auto;
}

.p-showroom__fv-garden {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: -4.789vw;
	margin-inline: auto;
	max-width: 47.368vw;
	width: 100%;
}

.p-showroom__fv-garden img {
	width: 7.421vw;
	height: auto;
}

.p-showroom__fv-ttl-center {
	display: grid;
	grid-template-columns: repeat(1,1fr);
	gap: 1.789vw 0;
	margin-bottom: 3.474vw;
	place-items: center;
}

.p-showroom__fv-ttl-center img.top {
	width: 21.368vw;
	height: auto;
}

.p-showroom__fv-ttl-center img.bottom {
	width: 47.158vw;
	height: auto;
}

.p-showroom__fv-ttl-bottom {
	text-align: center;
	position: relative;
	z-index: 2;
	width: 28%;
	margin-inline: auto;
	margin-bottom: -8.421vw;
}

.p-showroom__fv-ttl-bottom::after {
	content: "";
	position: absolute;
	background: url('../images/common-fv/fv_ttl4.svg') no-repeat center center / contain;
	width: 100%;
	height: 23.211vw;
	left: calc(50% + 6.526vw);
	top: 0;
}

.p-showroom__fv-ttl-bottom img.top {
	width: 28.211vw;
	height: auto;
}

.p-showroom__fv-shop {
	margin-inline: auto;
}

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

.p-showroom__fv-human {
	bottom: 0;
	content: "";
	position: absolute;
	z-index: 3;
	width: 56%;
	margin-inline: auto;
	left: 50%;
	transform: translateX(-50%);
}

.p-showroom__fv-human.set {
	width: 43%;
}

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


}

@media screen and (min-width:768px) and ( max-width:1600px) {
/*WORKS*/
.p-works {
	margin-bottom: 8.938vw;
}

.p-works__ttl {
	text-align: center;
	margin-bottom: 1vw;
}

.p-works__ttl2 {
	text-align: center;
	margin-bottom: -1vw;
}

.p-works__content {
	background: #fff;
	margin-inline: auto;
	max-width: 90.625vw;
	padding: 3.813vw 0 5.063vw;
	width: 95%;
	margin-bottom: -1.562vw;
}

.p-works__items {
	margin-inline: auto;
	max-width: 80vw;
	width: 95%;
}

.p-works__item {
	max-width: 25vw;
	width: 100%;
	margin: 0 0.938vw;
}

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

.p-works__item-category {
	background: #BD9E78;
	color: #fff;
	font-size: 1vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
	padding: 0.625vw 0;
	text-align: center;
}

#bathroom .p-works__item-category {
	background: #F47723;
}

#toilet .p-works__item-category {
	background: #00B5ED;
}

#washroom .p-works__item-category { 
	background: #38A21E;	
}

.p-works__item-bottom {
	border-bottom: 1px solid #D1D1D1;
	border-left: 1px solid #D1D1D1;
	border-right: 1px solid #D1D1D1;
	padding: 1.25vw;
	color: #1A1A1A;
}

.p-works__item-area {
	border-bottom: 2px solid #E6E6E6;
	font-size: 1vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
	margin-bottom: 0.875vw;
	padding-bottom: 0.938vw;
}

.p-works__items-ttl {
	font-size: 1vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.625;
}

.p-works__btn {
	text-align: center;
}

.p-works__btn a {
	background: #3D2810;
	border-radius: 12.5vw;
	padding: 2vw 9.063vw 2.5vw;
	position: relative;
}

.p-works__btn a::after {
	background: url(../images/common-reform/white_arrow.svg) no-repeat center center/contain;
	content: "";
	height: 1.875vw;
	position: absolute;
	right: 2.75vw;
	top: 50%;
	transform: translateY(-50%);
	width: 1.875vw;
}

.p-works__items .prev-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -8.437vw;
	width: 5.75vw;
	aspect-ratio: 1;
}

.p-works__items .next-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -8.437vw;
	width: 5.75vw;
	aspect-ratio: 1;
}
}

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


/*ショールーム一覧のユニットバス・洗面台・トイレ・キッチンのアイコン*/
.p-showroom__shop-icon {
	align-items: center;
	justify-content: center;
	display: flex;
	gap: 0 1.319vw;
}

.p-showroom__shop-icon-top {
	margin-bottom: -3.472vw;
	text-align: center;
}

.p-showroom__shop-icon-bottom {
	background: #EEF1F1;
	width: 9.931vw;
	height: 9.514vw;
	padding: 4.028vw 0 1.111vw;
}

.p-showroom__shop-icon-bottom p {
	font-size: 1.25vw;
	font-weight: 700;
	letter-spacing: 0em;
	line-height: 2.1111111111;
	text-align: center;
	vertical-align: baseline;
}

.p-showroom__shop-icon-bottom p:first-child {
	margin-bottom: -0.278vw;
}

.p-showroom__shop-icon-bottom p span {
	font-size: 2.5vw;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.0833333333;
}


}

@media screen and (min-width:768px) and ( max-width:1350px) {
/*ギャラリースライダー*/
.p-gallery {
	margin-bottom: 7.407vw;
}

.l-inner.l-gallery {
	
}

.p-gallery__ttl {
	text-align: center;
	margin-bottom: 1.185vw;
}

.p-gallery__ttl2 {
	text-align: center;
	margin-bottom: 1.926vw;
}

.p-gallery__slider {
	max-width: 88.889vw;
	width: 95%;
	margin-inline: auto;
	margin-bottom: 1.333vw;
	position: relative;
}

.p-gallery__slider::after {
	content: "";
	position: absolute;
	background: url('../images/common-gallery/gallery.svg') no-repeat center center / contain;
	width: 33.111vw;
	height: 11.407vw;
	right: -5.704vw;
	top: -5.481vw;
}

.slick-img img {
	width: 100%;
	height: 45.926vw;
	object-fit: cover;
}

.p-gallery__thumbnail {
	max-width: 90.37vw;
	width: 95%;
	margin-inline: auto;
}

.thumbnail-img img {
	width: 100%;
	height: 7.407vw;
	object-fit: cover;
	padding: 0 0.741vw;
}

.p-gallery__slider .prev-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -3.111vw;
	z-index: 2;
	width: 6.815vw;
	aspect-ratio: 1;
}

.p-gallery__slider .next-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -3.111vw;
	width: 6.815vw;
	aspect-ratio: 1;
}

.p-gallery__thumbnail .prev-arrow {
	position: absolute;
	top: 37%;
	left: -1.333vw;
	z-index: 2;
	width: 0.889vw;
	height: 1.481vw;
}

.p-gallery__thumbnail .next-arrow {
	position: absolute;
	top: 37%;
	right: -1.333vw;
	width: 0.889vw;
	height: 1.481vw;
}
}


@media screen and (min-width:768px) and ( max-width:1250px) {
/*お問い合わせからの流れ*/
.p-flow {
	margin-bottom: 2.96vw;
}

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

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

.p-flow__fv {
	margin-inline: auto;
	max-width: 96vw;
	width: 95%;
	display: grid;
	grid-template-columns: 54.88vw 9.2vw 39.36vw;
}

.p-flow__fv li.left {
	max-width: 54.88vw;
	width: 100%;
	margin-inline: auto;	
	background: #fff;
	border: 1px solid #F47723;
	padding: 4.32vw 0 2.4vw;
	position: relative;
	z-index: 1;
	height: 49.04vw;
}

.p-flow__fv li.center {
	position: relative;
	top: 4.64vw;
	right: 3.6vw;
	z-index: 2;
}

.p-flow__fv li.right {
	max-width: 39.36vw;
	width: 100%;
	margin-inline: auto;
	background: #fff;
	border: 1px solid #F47723;
	padding: 4.32vw 0 2.4vw;
	position: relative;
	left: -7.6vw;
	z-index: 1;
	height: 49.04vw;
}

.p-flow__fv-items-left {
	display: flex;
	gap: 0 1.84vw;
	margin-bottom: 2.88vw;
	position: relative;
	right: -4.08vw;
	align-items: center;
}

.p-flow__fv-items-left li.arrow {
	text-align: center;
	position: relative;
	top: -1.68vw;
}

.p-flow__fv-items-right li.arrow {
	position: relative;
	top: -1.6vw;
}

.p-flow__fv-items-left li img {
	width: 9.2vw;
	height: auto;
}

.p-flow__fv-items-left li.arrow img {
	width: 2.88vw;
	height: auto;
}

.p-flow__fv-items-right li.arrow img {
	width: 2.88vw;
	height: auto;
}

.p-flow__fv-items-right {
	display: flex;
	gap: 0 1.84vw;
	margin-bottom: 2.64vw;
	position: relative;
	left: 5.6vw;
	align-items: center;
}

.p-flow__fv-items-right li img {
	width: 9.2vw;
	height: auto;
}

.p-flow__fv li.left p.left {
	font-size: 1.28vw;
	line-height: 2;
	letter-spacing: 0.06em;
	text-align: start;
	max-width: 47.84vw;
	width: 95%;
	margin-inline: auto;
} 

.p-flow__fv li.right p.right {
	font-size: 1.28vw;
	line-height: 2;
	letter-spacing: 0.06em;
	text-align: start;
	max-width: 32.24vw;
	width: 95%;
	margin-inline: auto;
} 

}








@media screen and (max-width: 767px) {
/*Tabだけ表示追加*/
.tab { display: none !important; }

/*main-title*/
.main-title {
	/* width: 100%; */
	/* background: #EDEBDF; */
	/* color: #3D2810; */
	/* padding: 24vw 0 12vw; */
	/* text-align: center; */
}

.main-title .jp {
	display: block;
	font-size: 6.8vw;
	font-weight: bold;
}

/*ショールームFV*/
.p-showroom__fv {
	margin-top: -4vw;
	background: url(../images/common-fv/sp_fv_bg.jpg) no-repeat top center / cover;
	width: 100%;
	height: 100%;
	position: relative;
}

.l-inner.l-showroom-fv {
	padding-top: 14.3vw;
}

.p-showroom__fv-ttl {
	margin-bottom: -4.8vw;
	text-align: center;
}

.p-showroom__fv-ttl img {
	width: 29.2vw;
}

.p-showroom__fv-garden {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 3.2vw;
	margin-inline: auto;
	max-width: 94.2vw;
	width: 95%;
}

.p-showroom__fv-garden img {
	width: 20.29vw;
}

.p-showroom__fv-ttl-center {
	display: grid;
	gap: 5.8vw 0;
	grid-template-columns: repeat(1, 1fr);
	margin-bottom: 11.1vw;
	place-items: center;
}

.p-showroom__fv-ttl-center img.top {
	width: 53.865vw;
}

.p-showroom__fv-ttl-center img.bottom {
	width: 63.285vw;
}

.p-showroom__fv-ttl-bottom {
	display: grid;
	gap: 7.5vw 0;
	grid-template-columns: repeat(1, 1fr);
	margin-bottom: -2vw;
	margin-inline: auto;
	max-width: 89.3vw;
	place-items: center;
	width: 95%;
}

.p-showroom__fv-ttl-bottom img.top {
	width: 75.1vw;
}

.p-showroom__fv-human {
	bottom: 0;
	content: "";
	position: absolute;
	z-index: 3;
	left: 12%;
}

.p-showroom__fv-human img {
	width: 80vw;
}

.p-showroom__txt {
	font-size: 4.831vw;
	font-weight: 700;
	letter-spacing: 0.12em;
	line-height: 1.9;
	margin: 8.6vw 0 10.4vw;
	text-align: center;
}

/*リフォームFV*/
.l-inner.l-set-fv {
	padding-top: 14vw;
}

.p-showroom__fv-ttl-bottom {
	margin-bottom: 6vw;
}


/*バナー一覧*/
.p-page__link {

}

.p-page__link.reform {
	padding-bottom: 22vw;
	margin-bottom: -15vw;
}

.l-inner.l-page-link {
	max-width: 82.1vw;
	width: 95%;
	margin-inline: auto;
}

.l-page__link-ttl {
	display: grid;
	grid-template-columns: repeat(1,1fr);
	place-items: center;
	gap: 7.2vw 0;
	margin-bottom: 10.87vw;
}

.l-page__link-ttl.reform {
	margin-bottom: 8.8vw;
}

.l-page__link-ttl.reform img {
	width: 75.3vw;
} 

.l-page__link-ttl.reform img.bottom {
	width: 57.9vw;
}

.l-page__link-ttl img.top {
	width: 56.5vw;
}

.p-page__link-items {
	display: grid;
	grid-template-columns: repeat(1,1fr);
	gap: 6.5vw 0;
}

.p-page__link-item {

}

.p-page__link-item a {
	display: grid;
	grid-template-columns: repeat(1,1fr);
	gap: 2.1vw 0;
}

.p-page__link-item a p {
	text-align: center;
	font-size: 3.865vw;
	line-height: 1.875;
	letter-spacing: 0.06em;
	text-decoration: underline;
	white-space: nowrap;
}

.p-page__link.page-link-more {
	margin-bottom: 0;
	padding: 18.1vw 0 7.1vw;
}

.l-inner.l-page-link-more {
	margin-inline: auto;
	width: 100%;
}

.p-page__link-items.top {
	margin-bottom: 6vw;
	margin-inline: auto;
	max-width: 82.1vw;
	width: 95%;
}

.p-page__link-reform-items {
	width: 72.4vw;
	margin-inline: auto;
	display: grid;
	grid-template-columns: repeat(1,1fr);
	gap: 7.2vw 0;
}

.p-page__link-item img.reform {
	width: 72.4vw;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

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

.p-page__link-item p {
	font-size: 3.865vw;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 1.875;
	text-align: center;
}

.p-showroom__shop-icon {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 3.6vw 5vw;
	margin-bottom: 6vw;
}

.p-showroom__shop-icon-top {
	margin-bottom: -12.077vw;
	text-align: center;
}

.p-showroom__shop-icon-bottom {
	background: #EEF1F1;
	width: 34.5vw;
	height: 32vw;
	padding: 14vw 0 3.8vw;
}

.p-showroom__shop-icon-bottom p {
	font-size: 4.348vw;
	font-weight: 700;
	letter-spacing: 0em;
	line-height: 2.1111111111;
	text-align: center;
	vertical-align: baseline;
}

.p-showroom__shop-icon-bottom p:first-child {
	margin-bottom: -2.9vw;
}

.p-showroom__shop-icon-bottom p span {
	font-size: 9.179vw;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.0833333333;
	vertical-align: baseline;
}

.p-showroom__shop-icon.show-room-detail {
	margin-bottom: 10vw;
}

/*リフォームストーリー*/
.p-reform__story {
	margin-bottom: 27.4vw;
}

.p-reform__story-ttl {
	margin-bottom: 2vw;
}

.p-reform__story-ttl img {
	width: 60.6vw;
}

.p-reform__story-ttl2 {
	margin-bottom: 12vw;
}

.p-reform__story-ttl2 img {
	width: 69.565vw;
}

.p-reform__story-btn {
	text-align: center;
}

.p-reform__story-btn a {
	background: #BD9E78;
	border-radius: 48.309vw;
	display: inline-block;
	padding: 4.6vw 18.8vw 4.6vw 8.2vw;
	position: relative;
}

.p-reform__story-btn a::after {
	background: url(../images/common-reform/white_arrow.svg) no-repeat center center/contain;
	content: "";
	height: 5.072vw;
	position: absolute;
	right: 6.3vw;
	top: 50%;
	transform: translateY(-50%);
	width: 5.072vw;
}

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

.p-reform__story-items {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	place-items: center;
	gap: 7.6vw 3.2vw;
	margin-bottom: 10vw;
}

.p-reform__story-item {
	position: relative;
	z-index: 2;
}

.p-reform__story-item:before {
	content: "";
	position: absolute;
	background: #F9E7D8;
	width: 43.478vw;
	aspect-ratio: 1;
	border-radius: 50%;
	left: 50%;
	transform: translateX(-50%);
	top: -6vw;
	z-index: 1;
}

.p-reform__story-item:nth-child(2):before {
	background: #F6F2DF;
}

.p-reform__story-item:nth-child(3):before {
	background: #F1FBEE;
}

.p-reform__story-item:nth-child(4):before {
	background: #F7EFD4;
}


.p-reform__story-item a {
	display: grid;
	grid-template-columns: repeat(1,1fr);
	position: relative;
	z-index: 2;
}


.p-reform__story-item-top {
	display: flex;
	gap: 0 0.9vw;
	align-items: center;
	order: 2;
	margin-bottom: 1vw;
}

.p-reform__story-item-top.area {
	font-size: 3.382vw;
	line-height: 1.7;
	letter-spacing: 0.05em;
	margin-bottom: 2.415vw;
}

.p-reform__story-item-top.line {
	font-size: 3.382vw;
	line-height: 1.7;
	letter-spacing: 0.05em;
}

.p-reform__story-item-top.name {
	font-size: 3.382vw;
	line-height: 1.7;
	letter-spacing: 0.05em;
}

.p-reform__story-item-img {
	margin-bottom: 0.4vw;
	text-align: center;
	order: 1;
}

.p-reform__story-item-img img {
	width: 38.647vw;
}

.p-reform__story-item-ttl {
	font-size: 3.382vw;
	line-height: 1.7;
	letter-spacing: 0.05em;
	order: 3;
}


/*WORKS*/
.p-works {
	margin-bottom: 15vw;
}

.p-works__ttl {
	text-align: center;
	margin-bottom: 4vw;
}

.p-works__ttl img {
	width: 18.3vw;
}

.p-works__ttl2 {
	text-align: center;
	margin-bottom: -3vw;
}

.p-works__ttl2 img {
	width: 75%;
}

#toilet .p-works__ttl2 img {
	width: 66%;
}

#bathroom .p-works__ttl2 img {
	width: 68%;
}

#washroom .p-works__ttl2 img {
	width: 62%;
}

#set .p-works__ttl2 img {
	width: 68%;
}

.p-works__content {
	background: #fff;
	margin-inline: auto;
	max-width: 94.203vw;
	padding: 14.4vw 0 19.4vw;
	width: 95%;
	margin-bottom: -4vw;
}

.p-works__items {
	display: grid;
	gap: 2.415vw;
	grid-template-columns: repeat(2, 1fr);
	margin-inline: auto;
	max-width: 89.372vw;
	width: 95%;
}

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

.p-works__item-category {
	background: #BD9E78;
	color: #fff;
	font-size: 3.382vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2.2857142857;
	text-align: center;
}

#bathroom .p-works__item-category {
	background: #F47723;
}

#toilet .p-works__item-category {
	background: #00B5ED;
}

#washroom .p-works__item-category {
	background: #38A21E;
}

.p-works__item-bottom {
	border-bottom: 1px solid #D1D1D1;
	border-left: 1px solid #D1D1D1;
	border-right: 1px solid #D1D1D1;
	padding: 2.3vw 3.8vw 5.3vw;
}

.p-works__item-area {
	border-bottom: 2px solid #E6E6E6;
	font-size: 3.382vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2.2857142857;
	margin-bottom: 0.4vw;
}

.p-works__items-ttl {
	font-size: 2.899vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.75;
}

.p-works__btn {
	text-align: center;
}

.p-works__btn a {
	background: #3D2810;
	border-radius: 48.3vw;
	padding: 6vw 22vw 8vw 9.4vw;
	position: relative;
}

.p-works__btn a::after {
	background: url(../images/common-reform/white_arrow.svg) no-repeat center center/contain;
	content: "";
	height: 5vw;
	position: absolute;
	right: 5.8vw;
	top: 50%;
	transform: translateY(-50%);
	width: 5vw;
}

/*ギャラリースライダー*/
.p-gallery {
	margin-bottom: 16.3vw;
}

.l-inner.l-gallery {
	
}

.p-gallery__ttl {
	text-align: center;
	margin-bottom: 3.865vw;
}

.p-gallery__ttl img {
	width: 39.13vw;
}

.p-gallery__ttl2 {
	text-align: center;
	margin-bottom: 4.7vw;
}

.p-gallery__ttl2 img {
	width: 77%;
}

.p-gallery__slider {
	max-width: 89.372vw;
	width: 95%;
	margin-inline: auto;
	margin-bottom: -1.9vw;
	position: relative;
}

.p-gallery__slider::after {
	content: "";
	position: absolute;
	background: url('../images/common-gallery/gallery.svg') no-repeat center center / contain;
	width: 26.812vw;
	height: 13.043vw;
	right: 0;
	top: -6.28vw;
}

.slick-img img {
	width: 100%;
	height: 48.2vw;
	object-fit: cover;
}

.p-gallery__thumbnail {
	max-width: 82.3vw;
	width: 95%;
	margin-inline: auto;
}

.thumbnail-img img {
	width: 26.5vw;
	height: 13.5vw;
	object-fit: cover;
}

.p-gallery__slider .prev-arrow {
	position: absolute;
	top: 41%;
	left: -3.6vw;
	z-index: 2;
	width: 6.7vw;
	height: 6.7vw;
}

.p-gallery__slider .next-arrow {
	position: absolute;
	top: 41%;
	right: -3.6vw;
	width: 6.7vw;
	height: 6.7vw;
}

.p-gallery__thumbnail .prev-arrow {
	position: absolute;
	top: 37%;
	left: -3.6vw;
	z-index: 2;
	width: 1.7vw;
	height: 2.7vw;
}

.p-gallery__thumbnail .next-arrow {
	position: absolute;
	top: 37%;
	right: -3.6vw;
	width: 1.7vw;
	height: 2.7vw;
}

/*お問い合わせからの流れ*/
.p-flow__fv {
	background: #fff;
	border: 0.2vw solid #F47723;
	margin-inline: auto;
	max-width: 94.2vw;
	padding: 9.6vw 0 0;
	text-align: center;
	width: 95%;
	margin-bottom: -5vw;
}

#set .p-flow__fv {
	margin-bottom: 21vw;
}

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

.p-flow__ttl img {
	width: 12vw;
}

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

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

.p-flow__fv li.left p.left {
	font-size: 3.382vw;
	line-height: 1.85;
	letter-spacing: 0.06em;
	text-align: start;
	max-width: 82.1vw;
	width: 95%;
	margin-inline: auto;
	margin: 3.8vw 0 8.6vw;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

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

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

.p-flow__fv-items-left {
	max-width: 82.126vw;
	width: 95%;
	margin-inline: auto;
	display: grid;
	grid-template-columns: repeat(1,1fr);
	place-items: center;
	gap: 2vw 0;
}

.p-flow__fv-items-bottom {
	max-width: 82.1vw;
	width: 95%;
	margin-inline: auto;
	display: grid;
	grid-template-columns: repeat(1,1fr);
	place-items: center;
	gap: 2vw 0;
	margin-bottom: 5vw;
}

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

#set .p-flow__fv li.center {
	max-width: 82.1vw;
	width: 95%;
	margin-inline: auto;
	margin-bottom: 1vw;
}

#set .p-flow__fv-items-right {
	max-width: 82.126vw;
	width: 95%;
	margin-inline: auto;
	display: grid;
	grid-template-columns: repeat(1,1fr);
	place-items: center;
	gap: 2vw 0;
}

#set .p-flow__fv li.right p.right {
	font-size: 3.382vw;
	line-height: 1.85;
	letter-spacing: 0.06em;
	text-align: start;
	max-width: 82.1vw;
	width: 95%;
	margin-inline: auto;
	margin: 3.8vw 0 8.6vw;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
}