@charset "UTF-8";
/* CSS Document */
@media screen and (max-width:770px) {
/*----------------------------------------------------  HOME. ---*/
#m-img-box{
	position: relative;
	height: 90vh;/* 1130px */
}
#m-img-box::after{
    display: none;
}
.m-scroll-img{
	position: absolute;
	width: 90%;/* 1130px */
	height: auto;/* 800px */
	border-radius: 0 20px 20px 0;
	overflow: hidden;
	top: 40px;/* 280px */
	left: 0;
    list-style: none;
}
.m-scroll-img::after{
    content: '';
    display: block;
    padding-top: 144.7%;/* 550px */
}
.m-msg1{
	position: absolute;
	font-family: "Zen Old Mincho", serif;
    font-weight: 600;
    font-style: normal;
	font-size: 45px;/* 150px */
	color: #FFFFFF;
	top: 0;/* 100px */
	left: 2.5%;/* 50px */
}
.m-msg2{
	position: absolute;
	font-family: "Zen Old Mincho", serif;
    font-weight: 600;
    font-style: normal;
	font-size: 14px;/* 23px */
	color: #FFFFFF;
	top: 11.8%;/* 360px */
	left: 2.5%;/* 50px */
}
.m-msg3{
    position: absolute;
	font-family: "Zen Old Mincho", serif;
    font-weight: 500;
    font-style: normal;
	font-size: 26px;/* 34px */
	top: 36.3%;/* 270px */
	right: 2.5%;/* 270px */
	writing-mode: vertical-rl;
}
.m-msg4{
    position: absolute;
    display: block;
    width: 55%;/* 600px */
    height: auto;/* 300px */
    right: 2.5%;/* 50px */
    bottom: -10px;/* -50px*/
}
/*----------*/
.home-box1{
	position: relative;
	height: auto;/* 950px */
}
.home-box1::after{
	content: '';
	display: block;
	padding-top: 200%;/*800px */
}
.home-img1-1{
	position: absolute;
	display: block;
	width: 50%;/* 480px */
	height: auto;/* 630px */
	top: 6.3%;/* 100px */
	right: 5%;/* 50px */
	overflow: hidden;
	border-radius: 15px;
}
.home-img1-2{
	position: absolute;
	display: block;
	width: 35%;/* 300px */
	height: auto;/* 380px */
	top: 23.8%;/* 190px */
	right: 52.5%;/* 210px */
	overflow: hidden;
	border-radius: 15px;
}
.home-mark1{
	position: absolute;
	width: 90%;/* 650px */
	top: 50%;/* 200px */
	left: 0;/* 50px */
	right: 0;
	margin: auto;
}
/*----------*/
.home-box2{
	position: relative;
	height: auto;
	background: #FFFFFF;
	overflow: hidden;
}
.home-mark2{
	text-align: center;
	padding: 12.5% 0 0;/* 50px 00*/
}
.home-title1::before{
	content: 'ABOUT';
	display: block;
	text-align: center;
	font-family: "Zen Old Mincho", serif;
    font-weight: 500;
    font-style: normal;
	font-size: 18px;/* 19px */
	color: #000000;
}
.home-sc-box{
	width: 100%;
	height: auto;/* 650px */
	display: flex;
	overflow: hidden;
}
	.home-sc-box::after{
		content: '';
		display: block;
		padding-top: 162.5%;
	}
.home-sc-box-mm{
	position: relative;
	width: 80%;/* 1100px */
	height: auto;/* 600px */
	margin-right: 5%;/* 50px */
	flex-shrink: 0;
}
.home-sc-box-mm::after{
	content: '';
	display: block;
	padding-top: 92.3%;/* 600px */
}
.mm1{
	margin-left: 5%;/* 20px */
}
.home-img2-1{
	position: absolute;
	display: block;
	width: 100%;/* 580px */
	height: auto;/* 400px */
	top: 5%;/* 30px */
	bottom: inherit;
	left: 0;/* 10px */
	right: 0;
	margin: auto;
	border-radius: 10px;
}
.home-mark2-2{
	position: absolute;
	width: 100%;/* 440px */
	top: 46.6%;/* 280px */
	right: 0;/* 40px */
	left: 0;
	margin: auto;
}
.home-no{
    font-family: "Zen Old Mincho", serif;
    font-weight: 500;
    font-style: normal;
    font-size: 40px;/* 36px */
    line-height: 1.2;
    margin-bottom: 0;
}
.home-no span{
    font-family: "Zen Old Mincho", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 30px;/* 36px */
    line-height: 1.5;
    vertical-align: middle;
}
/*----------*/
.home-box3{
	position: relative;
	height: auto;/* 1300px */
	background: #ece6dc;
}
.home-box3::after{
	content: '';
	display: block;
	padding-top: 250%;/*950px */
}
.home-img3{
	display: none;
}
.home-img3-sp{
	display: block;
	position: absolute;
	width: 90%;/* 360px */
	height: auto;/* 250px */
	top: 7.8%;/* 70px */
	left: 0;
	right: 0;
	margin: auto;
}
.home-mark3{
	position: absolute;
	width: 90%;/* 700px */
	top: 37.7%;/* 340px */
	right: 0;/* 100px */
	left: 0;
	margin: auto;
}
.home-menu-point{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;/* 600px */
	justify-content: space-between;
	margin-top: 50px;
}
.home-menu-point li{
	width: 32.5%;/* 195px */
	height: 80px;/* 100px */
	display: grid;
	place-content: center;
	text-align: center;
	font-family: "Zen Old Mincho", serif;
    font-weight: 600;
    font-style: normal;
	font-size: 16px;/* 19px */
	border-radius: 10px;
	margin-bottom: 6px;
}
.blue{
	background: #6598A8;
}
.yellow{
	background-color: #907F3F;
}
/*----------*/
.home-box4{
	position: relative;
	height: 500px;/* 600px */
	background: #892022;
	border-radius: 30px 30px 0 0;
}
.home-mark4{
	text-align: center;
	padding: 50px 0 0;
    color: #FFFFFF;
}
.home-title2::before{
	content: 'NEWS';
	display: block;
	text-align: center;
	font-family: "Zen Old Mincho", serif;
    font-weight: 500;
    font-style: normal;
	font-size: 15px;/* 19px */
	color: #FFFFFF;
}
/*---------------------------------------------------------------  当店について　------------*/
.ab-box1{
    position: relative;
    height: auto;/* 900px */
}
.ab-box1::after{
	content: '';
	display: block;
	padding-top: 255%;/* 970px */
}
.ab-img1{
    position: absolute;
    width: 40%;/* 420px */
    height: auto;/* 630px */
    top: 5%;/* 180px */
    left: 2.6%;/* 10px */
    z-index: 10;
	border-radius: 15px;
}
.ab-img2{
    position: absolute;
    width: 90%;/* 760px */
    height: auto;/*　500px */
    top: 70%;/* 680px */
    right: 0;/* 100px */
	left: 0;
	margin: auto;
    z-index: 10;
	border-radius: 15px;
}
.ab-mark1{
    position: absolute;
    width: 90%;/* 760px */
    top: 31.9%;/* 160px */
    right: 0;/* 100px */
	left: 0;
	margin: auto;
}
/*--------*/
.ab-box2{
    position: inherit;
    height: auto;/* 850px */
    background: #FFFFFF;
	padding: 15.8% 0;/* 60px 0 */
}
.ab-box2::after{
	display: none;
}
.ab-img3{
    position: inherit;
	display: block;
    width: 90%;/* 670px */
    height: auto;/* 410px */
    top: inherit;/* 280px */
    left: inherit;/* 100px */
	margin: auto;
	border-radius: 15px;
}
.ab-mark2{
    position: inherit;
    width: 90%;/* 640px */
    top: inherit;/* 250px */
    right: inherit;/* 100px */
	margin: 15px auto 0;/* 15px auto 0*/
}
/*--------*/
.ab-box3{
    position: inherit;
    padding: 15.8% 0;/* 60px */
}
.ab-img4{
    display: block;
    width: 90%;/* 1000px */
    height: auto;/* 430px */
    margin: auto;
	border-radius: 15px;
}
.ab-mark3{
    width: 90%;/* 1000px */
    margin: 20px auto 0;
    text-align: center;
}
/*--------*/
.ab-box4{
	position: relative;
	height: auto;
	overflow: hidden;
}
.ab-box4-2{
	background-image: url("./img/about/ems-back.jpg");
    background-size: cover;
}
/*--------EMS-point*/
.ems-sc-box{
    width: 100%;
	height: auto;/* 600px */
	display: flex;
	overflow: hidden;
}
.ab-mark4{
	text-align: center;
	padding: 50px 0 0;/* 80px 0 0*/
    color: #FFFFFF;
}
.ab-title1::before{
	content: 'BODY MAINTENANCE';
	display: block;
	text-align: center;
	font-family: "Zen Old Mincho", serif;
    font-weight: 500;
    font-style: normal;
	font-size: 18px;/* 19px */
	color: #FFFFFF;
}
.ems-point{
    position: relative;
	width: 80%;/* 1100px */
	height: auto;/* 600px */
	margin-right: 20px;/* 50px */
	flex-shrink: 0;
	vertical-align: top;
}
.ems-point::after{
	content: '';
	display: block;
	padding-top: 192%;/* 730px */
}
.ems-img{
	position: absolute;
	display: block;
	width: 100%;/* 580px */
	height: auto;/* 400px */
	top: 5%;/* 30px */
	bottom: inherit;
	left: 0;/* 10px */
	right: 0;
	margin: auto;
	border-radius: 10px;
}
.ems-mark{
    position: absolute;
	width: 100%;/* 440px */
	top: 41.6%;/* 250px */
	right: 0;/* 40px */
	left: 0;
	margin: auto;
    color: #FFFFFF;
}
/*--------*/
.ab-box5{
    position: inherit;
    height: auto;/* 1150px */
	padding: 18% 0;/* 70px 0*/
}
.ab-box5::after{
	display: none;
}
.ab-img5{
    display: none;
}
.ab-img5-sp{
    display: block;
	position: inherit;
	width: 90%;/* 350px */
	height: auto;/* 250px */
	top: inherit;
	left: inherit;
	right: inherit;
	margin: auto;
}
.flow-box{
    position: inherit;
    display: flex;
    flex-direction: column;
    width: 85%;/* 600px */
    top: inherit;/* 150px */
    right: inherit;/* 150px */
	margin: 7.9% auto 0;/* 30px auto 0*/
}
.flow-title1{
    display: block;
    padding: 7px 10px;
    background: #3a3a3a;
    font-family: "Zen Old Mincho", serif;
    font-weight: 700;
    font-style: normal;
	font-size: 21px;/* 26px */
	line-height: 1;
    color: #FFFFFF;
}
.flow-box .flow{
    position: inherit;
    flex-direction: column;
    width: 100%;/* 600px */
    height: auto;/* 170px */
    padding: 10px 0;/* 10px 0*/
    margin-bottom: 15px;
}
.flow-box .flow::after{
	display: none;
}
.flow-box .flow .flow-tag{
    position: inherit;
	display: block;
    width: 40%;/* 125px */
    height: auto;/* 125px */
    border-radius: 50%;
    top: inherit;
    bottom: inherit;
    left: inherit;/* 10px */
    margin: auto;
}
.flow-box .flow .flow-mark{
    position: inherit;
    width: 100%;/* 430px */
    top: inherit;/* 20px */
    right: inherit;/* 10px */
	margin: 3% auto 0;/* 12px auto 0*/
}
.flow-tlt{
    font-family: "Zen Old Mincho", serif;
    font-weight: 700;
    font-style: normal;
	font-size: 21px;/* 22px */
	line-height: 1.5;
}
/*----------------------------------------------　メニュー -----------*/
.mu-box1{
    padding: 13% 0;/* 50px 0*/
}
.mu-mark1{
    text-align: center;
    margin-bottom: 15.7%;/* 60px */
}
.mu-title1::before{
    content: 'MENU';
    display: block;
	text-align: center;
	font-family: "Zen Old Mincho", serif;
    font-weight: 500;
    font-style: normal;
	font-size: 18px;/* 18px */
}
/*-----------------------*/
.menu-box{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 90%;/* 1200px */
    height: auto;/* 390px */
    margin: 0 auto 40px;/* 100px */
    justify-content: space-between;
}
.menu-img{
    width: 100%;/* 540px */
    height: auto;/* 370px */
    overflow: hidden;
    border-radius: 10px;
}
.menu-txt{
    width: 100%;/* 600px */
    padding: 10px 0;/* 10px 0*/
}
.menu-tlt{
    font-family: "Zen Old Mincho", serif;
    font-weight: 700;
    font-style: normal;
	font-size: 21px;/* 26px */
	line-height: 1.5;
}
.menu-msg{
    width: 100%;
    height: auto;/* 100px */
    font-family: "Zen Old Mincho", serif;
    font-weight: 400;
    font-style: normal;
	font-size: 16px;/* 17px */
	line-height: 1.5;
    margin: 10px auto;/* 10px auto*/
}
/*-------------*/
.menu-price{
    width: 100%;
    border-collapse: collapse;
}
.menu-price tr{
    border-bottom: 2px dotted #9A9A9A;
    font-family: "Zen Old Mincho", serif;
    font-weight: 700;
    font-style: normal;
	font-size: 16px;/* 19px */
	line-height: 1.5;
}
.menu-price tr th{
    width: 25%;/* 150px */
    padding: 5px 15px;/* 10px 15px */
    text-align: left;
}
.menu-price tr td{}
/*----------------------------------------  よくあるご質問　--*/
.qu-box1{
	padding: 15.7% 0;/* 60px 0*/
}
.question{
	width: 90%;/* 1050px */
	margin: 30px auto 0;/* 70px auto 0*/
	list-style: none;
}
.question li{
	background: #FFFFFF;
	overflow: hidden;
	margin-top: 15px;/* 30px */
}
.question li dl{
	width: 100%;
}
.question dl dt{
	position: relative;
	padding: 7px 30px 7px 10px;/* 12px 70px */
	border-bottom: 1px solid #FFFFFF;
	font-family: "Zen Old Mincho", serif;
    font-weight: 400;
    font-style: normal;
	font-size: 15px;/*16px*/
	line-height: 1.8;
}
.question dl dd{
	position: relative;
	padding: 7px 10px;/* 12px 70px */
	border-top: 1px dotted #8E8E8E;
	font-family: "Zen Old Mincho", serif;
    font-weight: 400;
    font-style: normal;
	font-size: 15px;/*9 16px*/
	line-height: 1.8;
}
.faq-q{}
.faq-a{
	display: none;
}
/* ± */
.faq-q.plus span{
	position: absolute;
	width: 15px;/* 20px */
	height: 15px;/* 20px */
	right: 5px;/* 10px */
	top: 0;
	bottom: 0;
	margin: auto;
}
.faq-q.plus span::before,.faq-q.plus span::after{
	content: '';
    display: inline-block;
    position: absolute;
    width: 2px;/* 2px */
    height: 20px;/* 20px */
    background-color: #000066;
	transition: 1s;
}
.faq-q.plus span::after{
	transform: rotate(90deg);
}
.faq-q.plus.show span::after{
	opacity: 0;
}
.faq-q.plus.show span::before{
	transform: rotate(90deg);
}

/*-----------------------------------------------------  店舗情報　---*/
.info-box1{
	padding: 15.7% 0;/* 130px */
}
.shop-img1{
	display: block;
	width: 90%;/* 1100px */
	height: auto;/* 550px*/
	margin: auto;
	border-radius: 10px;
}
.shop-box{
	position: inherit;
	height: auto;/* 500px */
	width: 90%;/* 1100px */
	margin: 10.5% auto 0;/* 100px auto 0*/
}
.shop-box::after{
	display: none;
}
.shop-info{
	position: inherit;
	width: 100%;/* 500px */
	border-collapse: collapse;
	margin-bottom: 35px;
}
.shop-info tr{
	border-bottom: 2px dotted #C3C3C3;
}
.shop-info tr th{
	display: block;
	width: 100%;/* 140px */
	padding: 5px 10px;/* 10px */
	vertical-align: middle;
	text-align: left;
}
.shop-info tr td{
	display: block;
	width: 100%;
	padding: 5px 10px;
	vertical-align: middle;
}
.gmap{
	position: relative;
	width: 100%;/* 500px */
	padding-top: 78.9%;/* 300px */
	right: 0;
}
.gmap iframe{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
}