@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; }
/* TAB */
@media screen and (max-width:1629px) and (min-width:768px) {
	main section{ padding:0 calc(100vw / 1920 * 52); }
}
/* 一覧{ */

#shop h3{ font-weight:500; }
#shop .recruit{ background:#fcfbf7; overflow:hidden; }
#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 .recruit .text .btns a{ display:flex; justify-content:center; align-items:center; color:#707070; text-decoration:none; background:#ffffff; border:1px solid #707070; transition:all 300ms 0s ease; }
#shop .recruit .text .btns a:hover{ background:#707070; color:#ffffff; }

/* PC */
@media screen and (min-width:768px) {
	#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)); min-height:100%; padding: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 .info{ font-size:14rem; line-height:18rem; }
	#shop .e_list .more{ position:absolute; right:30rem; bottom:30rem; }
	#shop .e_list .more .bt{ font-size:14rem; min-width:180rem; min-height:40rem; }
	
	#shop .recruit{ display:flex; align-items:center; border:1rem solid #707070; border-radius:38rem; max-width:1238rem; margin:50rem auto 0; }
	#shop .recruit .img{ width:calc(100% / 1238 * 486); min-height:194rem; height:100%; object-fit:cover; }
	#shop .recruit .text{ width:calc(100% / 1238 * (1365 - 486)); padding:20rem; text-align:center; }
	#shop .recruit .text h4{ font-size:28rem; line-height:1.0; margin-bottom:40rem; }
	#shop .recruit .text .btns{ display:flex; justify-content:center; gap:30rem; }
	#shop .recruit .text .btns a{ max-width:290rem; width:100%; height:48rem; }
}
/* SP */
@media screen and (max-width:767px) {
	#shop{ margin:0 30rem; }
	#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 .more{ text-align:center; }
	
	#shop .recruit{ border-radius:10rem; margin-top:60rem; box-shadow:2rem 2rem 6rem rgba(35,24,21,0.4); }
	#shop .recruit .img{ width:100%; }
	#shop .recruit .img img{ width:100%; aspect-ratio:327 / 70; object-fit:cover; }
	#shop .recruit .text{ padding:25rem 0; text-align:center; }
	#shop .recruit .text h4{ font-size:14rem; line-height:1.0; margin-bottom:20rem; }
	#shop .recruit .text .btns{ display:flex; flex-flow:column; justify-content:center; align-items:center; gap:20rem;}
	#shop .recruit .text .btns a{ width:200rem; height:42rem; border-radius:6rem; }
}
/* } */
/* 詳細{ */

#map iframe{ width:100% !important; height:100% !important; }
#staff{}
#staff h3{ display:flex; font-weight:700; text-align:center; }
#staff h3>*{ display:inline-block; vertical-align:top; }
#staff h3 span{ width:7em; }
#staff h3::after{ content:""; height:50%; width:calc(100% - 7em); border-bottom:1rem solid #707070; }
#staff .list{ display:flex; flex-wrap:wrap; }
#staff .person figure{ overflow:hidden; border-radius:50%; border:1rem solid #707070; }
#staff .person figcaption{ text-align:center; font-weight:700; }

.box2{ background:#f5f7f7; }
.box2 .eve .item .e_meta{ display:flex; justify-content:space-between; align-items:center; }
.box2 .eve .slick-arrow{ display:none !important; }
.box2 .more{ font-weight:600; text-align:right; }

/* PC */
@media screen and (min-width:768px) {
	
	#top{ margin-bottom:135rem; }
	#top .info{ font-size:14rem; line-height:1.6; padding-top:40rem; }
	#top .info .name{ font-size:22rem; line-height:1.2; margin-bottom:10rem; }
	#top .info .zip{ font-size:14rem; line-height:1.6; margin-bottom:10rem; }
	#top .info .tel{ font-size:21rem; line-height:1.2; margin-bottom:10rem; }
	#top .info .tel a::before{ width:32rem; }
	
	#map{ height:410rem; margin-bottom:110rem; }
	
	#staff{ margin-bottom:80rem; }
	#staff h3{ font-size:27rem; line-height:32rem; height:32rem; margin-bottom:40rem; }
	#staff .read{ font-size:20rem; line-height:24rem; padding:0 calc(100% / 1390 * 50) 45rem; }
	#staff .list{ gap:calc(100% / 1390 * 120); padding:0 calc(100% / 1390 * 50); }
	#staff .person{ width:calc((100% - (100% / 1390 * 120) * 2) / 3); }
	#staff .person fieldset{ margin-bottom:30rem; }
	#staff .person figure{ margin-bottom:25rem; }
	#staff .person figcaption{ font-size:26rem; line-height:1.75; }
	#staff .person .job{ font-size:18rem; line-height:1.2; margin-bottom:25rem; }
	#staff .person .com{ font-size:16rem; line-height:1.2; }
	
	#contact{ margin-bottom:125rem; }

	.events{ padding-top:80rem; padding-bottom:20rem; }
	
	#news{ margin-top:40rem; padding:40rem 0 110rem; }
	
	.care_res{ gap:calc(100% / 1390 * 65); padding:50rem calc(100% / 1390 * 135); }
	.care_res .text{ width:calc(100% / 965 * 600); }
	.care_res .btns{ width:calc(100% / 965 * 300); grid-template-columns:1fr; }
	.care_res .btns a.s{ font-size:16rem; }
	
	
	.box2{ padding:70rem 0 20rem; }
	.box2 .inner{ max-width:1490rem; margin-bottom:100rem; }
	.box2 h3{ font-size:27rem; line-height:1.0; margin-bottom:45rem; }
	.box2 .more{ font-size:15rem; line-height:1.4; }
	
	.box2 .wrap{ max-width:1215rem; }
	.box2 .eve{ padding:10rem 0 10rem calc(100% / 1390 * 85); }
	.box2 .eve .eve_list{ margin:-10rem 0 0 -10rem;}
	.box2 .eve .item time{ float:right; }
	.box2 .eve .item .e_read{ font-size:15rem; line-height:26rem; -webkit-line-clamp:3; max-height:calc(26rem * 3); }
	.box2 .eve .slick-track .item{ margin-right:50rem; }
	.box2 .eve .slick-list{ overflow:visible; margin-right:-50rem; padding-bottom:35rem; }
	.box2 .eve .slick-track{ display:flex; margin-right:50rem; }
	.box2 .eve .slick-track .item{ margin-right:50rem; }
	.box2 .eve .eve_arr{ margin-bottom:35rem; }
	
	.box2 .posts{ padding-left:calc(100% / 1390 * 85); }
	.box2 .posts .list{ margin-bottom:60rem; }
}
/* SP */
@media screen and (max-width:767px) {
	
	#top{ margin-bottom:80rem; }
	#top .info{ font-size:24rem; margin-top:40rem; }
	#top .info .name{ font-size:28rem; line-height:1.2; margin-bottom:20rem; }
	#top .info .zip{ font-size:24rem; line-height:1.2; margin-bottom:20rem; }
	#top .info .tel{ font-size:26zem; line-height:1.0; margin-bottom:20rem; }
	#top .info .tel a::before{ width:40rem; }
	
	#map{ height:700rem; margin:0 30rem 120rem; }
	
	#staff{ margin:0 30rem 120rem; }
	#staff h3{ font-size:28rem; line-height:1; height:1em; margin-bottom:40rem; }
	#staff h3::after,
	#staff h3::before{ content:""; height:50%; width:calc((100% - 5.5em) / 2); border-bottom:2rem solid #707070; }
	#staff .read{ font-size:26rem; line-height:1.6; margin-bottom:30rem; }
	#staff .list{ flex-flow:column; align-items:center; gap:48rem; }
	#staff .person{ width:calc(100vw / 375 * 240); }
	#staff .person fieldset{ margin-bottom:10rem; }
	#staff .person figure{ width:157rem; margin:0 auto 10rem; }
	#staff .person figcaption{ font-size:28rem; line-height:1.75; }
	#staff .person .job{ font-size:24rem; line-height:1.2; text-align:center; margin-bottom:10rem; }
	#staff .person .com{ font-size:26rem; line-height:1.2; }
	
	#contact{ margin-bottom:120rem; }

	.events{ padding:80rem 30rem 40rem; }
	
	#news{ margin-top:40rem; padding:40rem 0 120rem; }
	
	
	.box2{ padding:40rem 30rem; }
	.box2 h3{ font-size:21rem; line-height:1.0; margin-bottom:30rem; }
	.box2 .more{ font-size:14rem; line-height:1.4; }
	.box2 .inner{ margin-bottom:60rem; }
	.box2 .eve_list{ display:flex; flex-flow:column; gap:30rem; margin-bottom:30rem; }
	.box2 .eve .item time{ float:right; }
	.box2 .eve .item .e_ttl{ margin-bottom:0; }
	.box2 .eve .item .e_read{ display:none; }
	.box2 .eve .slick-track .item{ margin-right:50rem; }
	.box2 .eve .slick-list{ overflow:visible; margin-right:-50rem; padding-bottom:35rem; }
	.box2 .eve .slick-track{ display:flex; margin-right:50rem; }
	.box2 .eve .slick-track .item{ margin-right:50rem; }
	
	.box2 .posts .list{ margin-bottom:30rem; }
}

/* } */

/* end */