@charset "utf-8";

/* 一覧{ */
.tel a{ display:flex; align-items:center; gap:0.25em; text-decoration:none; }
.tel a::before{ display:block; content:""; background:url("../img/tel.svg") no-repeat center/cover; aspect-ratio:1 / 1; }

#read{}
/* PC */
@media screen and (min-width:768px) {
}
/* SP */
@media screen and (max-width:767px) {
	#read{  padding:0 30rem; }
}
#shop .recruit{ background:#fcfbf7; overflow:hidden; }
#shop .area{ display:flex; }
#shop .area>*{ display:inline-block; vertical-align:top; }
#shop .area span{ width:5.5em; }
#shop .area::after{ content:""; height:50%; width:calc(100% - 5.5em); border-bottom:1rem solid #707070; }
#shop .e_list .item{ background:#ecebea; overflow:hidden; box-shadow:4rem 4rem 13rem rgba(160,153,146,0.78); }
#shop .e_list .img{ display:block; }
#shop .e_list .img img{ width:100%; height:100%; object-fit:cover; }
#shop .e_list .name{ font-weight:700; }
#shop .e_list .zip{ font-weight:700; }
#shop .e_list .tel{ font-weight:900; }
#shop .e_list .more{ text-align:right; }
#shop .e_list .note{ background:#f4f2ed; }
#shop .recruit .text .btns a{ display:flex; justify-content:center; align-items:center; text-decoration:none; background:#ffffff; border:1px solid #707070; transition:all 300ms 0s ease; }
#shop .recruit .text .btns a:hover{ background:#707070; color:#ffffff; }
#shop .e_list .note a{ display:block; text-decoration:none; }
#shop .e_list .note img{ display:inline-block; }
/* PC */
@media screen and (min-width:768px) {
	#shop{ margin:120rem 0; padding:90rem 0; }
	#shop .area{ font-size:19rem; line-height:24rem; height:24rem; margin-bottom:20rem; }
	#shop .e_list{ display:flex; flex-flow:column; gap:28rem; max-width:890rem; margin:0 auto 80rem; }
	#shop .e_list .item{ display:flex; align-items:center; min-height:212rem; position:relative; }
	#shop .e_list .img{ width:calc(100% / 890 * 312); height:100%; }
	#shop .e_list .text{ width:calc(100% / 890 * (890 - 312 - 220 - 20)); min-height:100%; padding:10rem 20rem 10rem 30rem; }
	#shop .e_list .name{ font-size:22rem; line-height:1.0; margin-bottom:10rem; }
	#shop .e_list .zip{ font-size:14rem; line-height:1.6; margin-bottom:10rem; }
	#shop .e_list .tel{ font-size:21rem; line-height:1.0; margin-bottom:10rem; }
	#shop .e_list .tel a::before{ width:33rem; }
	#shop .e_list .more{ position:absolute; right:40rem; bottom:20rem; }
	#shop .e_list .more .bt{ font-size:14rem; min-width:180rem; min-height:40rem; }
	#shop .e_list .info{ font-size:14rem; line-height:18rem; }
		#shop .e_list .box1 .info{ font-size:15rem; line-height:18rem; }
	
	#shop .e_list .note{
		display:flex; justify-content:center; gap:20rem;
		width:220rem; padding:10rem; font-size:14rem; line-height:1.2; border-radius:12rem;
		margin:10rem 20rem 70rem 0;
	}
	
	#shop .e_list .note a{ text-align:center; }
	#shop .e_list .note img{ width:70rem; margin:0 auto 5rem; }
}
/* SP */
@media screen and (max-width:767px) {
	#shop{ margin:120rem 0; padding:90rem 30rem; }
	#shop .area{ font-size:30rem; line-height:30rem; height:30rem; margin:0 0 30rem; }
	#shop .area span{ width:6em; text-align:center; }
	#shop .area::after,
	#shop .area::before{ content:""; height:50%; width:calc((100% - 6em) / 2); border-bottom:1rem solid #707070; }
	#shop .e_list{ display:flex; flex-flow:column; gap:28rem; margin:0 70rem 100rem; }
	#shop .e_list .item{ position:relative; }
	#shop .e_list .img{ margin-bottom:10rem; }
	#shop .e_list .img img{ width:100%; aspect-ratio:565 / 205; object-fit:cover; }
	#shop .e_list .text{ padding:30rem 40rem; }
	#shop .e_list .name{ font-size:28rem; line-height:1.6; margin-bottom:20rem; }
	#shop .e_list .zip{ font-size:24rem; line-height:1.6; margin-bottom:16rem; }
	#shop .e_list .tel{ font-size:26rem; line-height:1.0; margin-bottom:16rem; }
	#shop .e_list .tel a::before{ width:40rem; }
	#shop .e_list .info{ font-size:24rem; line-height:14rem; margin-bottom:40rem; }
	#shop .e_list .box1 .info{ font-size:24rem; line-height:28rem; margin-bottom:20rem; }
	#shop .e_list .more{ text-align:center; }
	#shop .e_list .note{
		display:flex; justify-content:center; gap:40rem;
		margin-top:20rem; padding:30rem; border-radius:12rem; font-size:26rem; line-height:1.6; border-radius:12rem; }
	
	#shop .e_list .note a{ text-align:center; }
	#shop .e_list .note img{ width:60rem; margin:0 auto 10rem; }
}
/* } */

.req{ display:flex; justify-content:center; align-items:center; background:#8b6192; color:#FFFFFF; }
#message input,
#message select,
#message option,
#message textarea{ font-family:inherit; color:inherit; font-size:100%; line-height:inherit; border:1px solid #828282; background:#FFFFFF; }
#message *::placeholder{ color:#828282; opacity:1; }
#message select{ padding:0.25em 0.5em; }
#message .btns .bt,
#message input[type="submit"],
#message input[type="button"]{ background:#8b6192; color:#FFFFFF; border:1px solid #8b6192; transition:all 300ms 0s ease; }
#message .btns .bt:hover,
#message input[type="submit"]:hover,
#message input[type="button"]:hover{ background:#FFFFFF; color:#8b6192; }

#message form .btns{ text-align:center; }
#message form .bt.arr1::after{ background: url("../img/bt_arr1_on.svg") no-repeat center/cover; }
#message form .bt.arr1:hover::after{ background: url("../img/bt_arr1_on2.svg") no-repeat center/cover; }
#message .btns .bt.back{ color:#ffffff; background:#707070; border:1px solid #707070; transition:all 300ms 0s ease; }
#message .btns .bt.back:hover{ color:#707070; background:#ffffff; }

#message input[type="text"],
#message input[type="tel"],
#message input[type="email"],
#message textarea{ width:100%; padding:0.25em 0.5em; }
#message form .privacy input{ margin-right:0.25em; }
.form_box .wrap_1{ display:flex; align-items:center; gap:1em; }
.form_box .wrap_1 p{ width:2em; white-space:nowrap; color:#828282; }
.form_box .wrap_1>*:not(p){ width:calc((100% - 7em) / 2) !important; }


/* PC */
@media screen and (min-width:768px) {
	#message{ padding-bottom:90rem }
	#message form{ width:770rem; margin:0 auto;}
	#message input,
	#message select,
	#message option,
	#message textarea{ border-radius:3rem; }
	#message input[type="submit"],
	#message input[type="button"]{ width:390rem; height:60rem; font-size:18rem; }
	#message .btns{ gap:20rem; align-items:center; }
	#message .btns .bt.conf{ width:390rem; height:60rem; font-size:18rem; }
	#message .btns .bt.back{ width:220rem; height:50rem; font-size:18rem; }
	.form_box{ display:table; width:100%; }
	.form_box>dl{ display:table-row; }
	.form_box>dl>*{ display:table-cell; text-align:left; vertical-align:middle; padding-bottom:40rem; }
	.form_box>dl>*.t{ vertical-align:top; }
	.form_box dt{ padding-right:35rem; }
	.form_box dd:nth-of-type(1){ width:calc(58rem + 35rem); padding-right:35rem; }
	.form_box dd:nth-of-type(2){ width:calc(100% / 770 * 505); }
	.form_box .req{ font-size:15rem; width:58rem; height:28rem; border-radius:14rem; }
	#message form .read{ font-size:16rem; line-height:22rem; text-align:center; margin-top:80rem; }
	#message form .privacy{ font-size:16rem; line-height:22rem; text-align:center; margin-top:30rem; }
	#message form .btns{ margin-top:50rem; }
	#message textarea{ height:260rem; }
	
}

/* SP */
@media screen and (max-width:767px) {
	#message{ padding:0 30rem 90rem }
	#message input,
	#message select,
	#message option,
	#message textarea{ border-radius:6rem; }
	#message input[type="submit"],
	#message input[type="button"]{ width:400rem; height:60rem; font-size:26rem; }
	#message .btns{ gap:20rem; align-items:center; }
	#message .btns .bt.conf{ width:400rem; height:60rem; font-size:28rem; }
	#message .btns .bt.back{ width:300rem; height:40rem; font-size:26rem; }
	
	.form_box>dl{ display:flex; align-items:center;  flex-wrap:wrap; margin-bottom:30rem; }
	.form_box dd:nth-of-type(1){ margin-left:10rem; }
	.form_box dd:nth-of-type(2){ width:100%; padding-top:20rem; }
	
	.form_box .req{ font-size:20rem; width:70rem; height:30rem; border-radius:15rem; }
	#message form .read{ font-size:26rem; line-height:1.6; margin-top:30rem; }
	#message form .privacy{ font-size:26eem; line-height:1.6; margin-top:30rem; }
	#message form .btns{ margin-top:40rem; }
	
	#message textarea{ height:200rem; }
}

main .step{
	display:grid;
	grid-template-rows:1fr;
	transition:all 300ms 0ms ease;
}
main .step > div{
	overflow:hidden;
}

main.step_1 .step.conf,
main.step_1 .step.thnk,
main.step_2 .step.input,
main.step_2 .step.thnk,
main.step_3 .step.input,
main.step_3 .step.conf{
	grid-template-rows:0fr;
}

main:not(.step_1):not(.step_2):not(.step_3) .step.conf,
main:not(.step_1):not(.step_2):not(.step_3) .step.thnk{
	transition:all 0ms 0ms ease;
	grid-template-rows:0fr;
}

main .err{ color:#dc3232; font-size:1em; font-weight:inherit; display:block; }

/* end */