@charset "utf-8";

#kv{ transform:scale(1.2); opacity:0; transition:all 300ms 0ms ease; }
#kv.slick-initialized{ transform:scale(1); opacity:1; }

#kv picture{ overflow:hidden; display:block; width:100%; height:100%; overflow:hidden; position:relative; }
#kv picture img{ width:100%; height:100%; max-width:none; object-fit:cover; opacity:0; transition:all 3000ms 0ms ease; }
#kv picture .read{ position:absolute; }
#kv picture .read .text{ color:#333333; writing-mode:vertical-rl; text-orientation:upright; }
#kv picture .read .logo{ opacity:0; transition:opacity 600ms 0ms ease; }
#kv picture .read .text>*{ transform:translateX(-100%); opacity:0; transition:transform 600ms 0ms ease, opacity 600ms 0ms ease; }

#kv.on picture.slick-active{ opacity:1; transition:opacity 1200ms 0ms ease; }
#kv.on picture.slick-active img{ opacity:1; }
#kv.on picture.slick-active .read .logo{ opacity:1; transition:opacity 1200ms 600ms ease; }
#kv.on picture.slick-active .read .text>*{ transform:translateX(0); opacity:1; }
#kv.on picture.slick-active .read .text>*:nth-child(1){ transition:transform 600ms 1200ms ease, opacity 600ms 1200ms ease; }
#kv.on picture.slick-active .read .text>*:nth-child(2){ transition:transform 600ms 1400ms ease, opacity 600ms 1400ms ease; }
#kv.on picture.slick-active .read .text>*:nth-child(3){ transition:transform 600ms 1600ms ease, opacity 600ms 1600ms ease; }

#kv.slick-dotted.slick-slider{ margin-bottom:0; }
#kv .slick-dots{ left:0; bottom:0; width:auto; padding:5rem; }
#kv .slick-dots li{ width:auto; height:auto; margin:0; }
#kv .slick-dots li button{ display:flex; justify-content:center; align-items:center; width:auto; height:auto; padding:5rem; }
#kv .slick-dots li button::before{ font-size:16rem; line-height:1.0; position:static; width:auto; height:auto; }

/* PC */
@media screen and (min-width:768px) {
	#kv picture{ width:100vw; height:calc(100vh - 42rem); }
	#kv .read{ left:calc(100vw / 1920 * 339); top:calc(100vh / 1040 * 175); }
	#kv .read .logo{ width:calc(100vh / 1040 * 202); margin:0 auto calc(100vh / 1040 * 30); }
	#kv .read .text{ font-size:calc(100vh / 1040 * 40); line-height:1.6; }
}
/* SP */
@media screen and (max-width:767px) {
	#kv .read{ left:calc(100vw / 750 * 30); top:calc(100vw / 750 * 230); }
	#kv .read .logo{ width:calc(100vw / 750 * 200); margin:0 auto calc(100vw / 750 * 20); }
	#kv .read .text{ font-size:calc(100vw / 750 * 33); line-height:1.6; }
}

/* PC */
@media screen and (min-width:768px) {
	#news{ padding:80rem 0 90rem; }
}
/* SP */
@media screen and (max-width:767px) {
	#news{ padding:80rem 0 90rem; }
}

/* } */

#selection .f_read .img img{ object-fit:cover; object-position:right center; width:100%; max-width:none; height:100%; }
#selection .f_read .text{ text-align:center; color:#333333; }
#selection .more{ text-align:center; }

/* PC */
@media screen and (min-width:768px) {
	#selection{ padding:90rem 0 }
	#selection .selection_list{ margin-bottom:40rem; }
	#selection .f_read{ margin-bottom:50rem; }
	#selection .f_read .text{ font-size:20rem; line-height:1.75; margin-bottom:55rem; }
	#selection .f_read .img{ width:calc(1100rem + (100vw - 1100rem) / 2); height:182rem; }
}
/* SP */
@media screen and (max-width:767px) {
	#selection{ padding:70rem 0 }
	#selection .selection_list{ margin-bottom:80rem; }
	#selection .f_read{ margin-bottom:50rem; }
	#selection .f_read .text{ font-size:26rem; line-height:1.75; margin-bottom:35rem; }
	#selection .f_read .img{ width:100vw; height:182rem; margin-left:-108rem; }
}

#special{}
#special .list{ display:grid; }
#special .list .item{ display:block; }
#special .list .sub,
#special .list .read{ text-align:center; }
#special .list .img{ box-shadow:4rem 4rem 13rem rgba(160,153,146,0.78); }
#special .list .img img{ object-fit:cover; aspect-ratio:533 / 314; width:100%; }
#special .list .more{ text-align:center; }
/* PC */
@media screen and (min-width:768px) {
	#special{ padding:90rem 0; }
	#special .list{ grid-template-columns:1fr 1fr; gap:32rem; }
	#special .list .sub{ font-size:26rem; line-height:1.75; margin-top:30rem; }
	#special .list .read{ font-size:16rem; line-height:1.75; margin-top:10rem; }
	#special .list .more{ margin-top:20rem; }
}
/* SP */
@media screen and (max-width:767px) {
	#special{ padding:120rem 0 80rem; }
	#special .list{ grid-template-columns:1fr; gap:90rem; padding:30rem 30rem 0; }
	#special .list .sub{ font-size:34rem; line-height:1.75; margin-top:30rem; }
	#special .list .read{ font-size:24rem; line-height:1.75; margin-top:20rem; }
	#special .list .more{ margin-top:30rem; }
}

#event .more{ text-align:center; }

@media screen and (min-width:768px) {
	#event{ padding:70rem 0; }
}
/* SP */
@media screen and (max-width:767px) {
	#event{ padding:70rem 0; }
}

#cleaning .img{ background:#ecebea; box-shadow:4rem 4rem 13rem rgba(160,153,146,0.78); }
#cleaning .more{ text-align:center; }

@media screen and (min-width:768px) {
	#cleaning{ padding:70rem 0; }
	#cleaning .wrap{ display:flex; flex-flow:row-reverse; align-items:center; gap:38rem; }
	#cleaning .read{ font-size:18rem; line-height:1.75; }
	#cleaning .more{ margin-top:30rem; }
}
/* SP */
@media screen and (max-width:767px) {
	#cleaning{ padding:70rem 30rem 70rem; }
	#cleaning .read{ font-size:24rem; line-height:1.75; text-align:center; margin-top:30rem; }
	#cleaning .more{ margin-top:30rem; }
}

#service{}
#service .list{ display:grid; }
#service .list .item{ display:block; }
#service .list .sub,
#service .list .read{ text-align:center; }
#service .list .img{ box-shadow:4rem 4rem 13rem rgba(160,153,146,0.78); }
#service .list .img img{ object-fit:cover; aspect-ratio:533 / 314; width:100%; }
#service .list .more{ text-align:center; }
/* PC */
@media screen and (min-width:768px) {
	#service{ padding:70rem 0; }
	#service .list{ grid-template-columns:1fr 1fr; gap:32rem; }
	#service .list .sub{ font-size:26rem; line-height:1.75; margin-top:30rem; }
	#service .list .more{ margin-top:20rem; }
}
/* SP */
@media screen and (max-width:767px) {
	#service{ padding:70rem 30rem; }
	#service .list{ grid-template-columns:1fr; gap:90rem; padding:30rem 30rem 0; }
	#service .list .sub{ font-size:34rem; line-height:1.75; margin-top:30rem; }
	#service .list .more{ margin-top:30rem; }
}

#shop{}
#shop .item{ background:#ecebea; box-shadow:4rem 4rem 13rem rgba(160,153,146,0.78); text-decoration:none; }
#shop .item .img{ overflow:hidden; }
#shop .item .img img{ object-fit:cover; width:100%; }
#shop .item .text .name{ font-weight:700; letter-spacing:-0.05em; }
#shop .item .text .tel{ font-weight:800; }
#shop .item .text .tel svg{ fill:#82786e; height:1em; vertical-align:bottom; }
#shop .item .text .info{ font-weight:500; }

/* PC */
@media screen and (min-width:768px) {
	#shop{ padding:70rem 0; }
	#shop .wrap{ display:flex; gap:32rem; align-items:stretch; }
	#shop .area:nth-child(1){ width:calc((100% - 3 * 32rem) / 5 * 4 + 3 * 32rem); }
	#shop .area:nth-child(2){ width:calc((100% - 3 * 32rem) / 5 * 1); }
	#shop .list{ display:flex; gap:32rem; align-items:stretch; height:calc(100% - 22rem - 30rem); }
	#shop .item .img img{ aspect-ratio:250 / 232; transition:all 300ms 0s ease; }
	#shop .item:hover .img img{ transform:scale(1.2); }
	#shop .item .text{ padding:20rem 10rem; }
	#shop .item .text .name{ font-size:16rem; line-height:1.2; }
	#shop .item .text .tel{ font-size:16rem; line-height:1.2; margin-top:10rem; }
	#shop .item .text .info{ font-size:14rem; line-height:1.2; margin-top:10rem; }
}
/* SP */
@media screen and (max-width:767px) {
	#shop{ padding:70rem 30rem 120rem; }
	#shop .wrap{ display:flex; flex-flow:column; gap:80rem; }
	#shop .list{ display:flex; flex-flow:column; gap:40rem; }
	#shop .item{ display:flex; align-items:stretch; }
	#shop .item .img{ width:calc(100vw / 750 * 250); }
	#shop .item .img img{ aspect-ratio:250 / 205; height:100%; }
	#shop .item .text{ width:calc(100% - (100vw / 750 * 250)); padding:25rem 0 25rem 25rem; }
	#shop .item .text .name{ font-size:28rem; line-height:1.2; }
	#shop .item .text .tel{ font-size:26rem; line-height:1.2; margin-top:20rem; }
	#shop .item .text .info{ font-size:24rem; line-height:1.2; margin-top:20rem; }
}

/* end */