@charset "UTF-8";
/* CSS Document */
/*----------------------------------------------------  HOME. ---*/
#m-img-box{
	position: relative;
	height: auto;/* 1130px */
}
#m-img-box::after{
    content: '';
    display: block;
	padding-top: 20.6%;
}
.m-scroll-img{
	position: absolute;
	width: 70.6%;/* 1130px */
	height: auto;/* 800px */
	border-radius: 0 20px 20px 0;
	overflow: hidden;
	top: 280px;/* 280px */
	left: 0;
    list-style: none;
}
.m-scroll-img::after{
    content: '';
    display: block;
    padding-top: 70.8%;
}
.m-msg1{
	position: absolute;
	font-family: "Zen Old Mincho", serif;
    font-weight: 600;
    font-style: normal;
	font-size: 150px;/* 150px */
	color: #FFFFFF;
	top: 100px;/* 100px */
	left: 3%;/* 50px */
}
.m-msg2{
	position: absolute;
	font-family: "Zen Old Mincho", serif;
    font-weight: 600;
    font-style: normal;
	font-size: 23px;/* 23px */
	color: #FFFFFF;
	top: 300px;/* 360px */
	left: 3%;/* 50px */
}
.m-msg3{
    position: absolute;
	font-family: "Zen Old Mincho", serif;
    font-weight: 500;
    font-style: normal;
	font-size: 34px;/* 34px */
	top: 270px;/* 270px */
	right: 270px;/* 270px */
	writing-mode: vertical-rl;
}
.m-msg4{
    position: absolute;
    display: block;
    width: 600px;/* 600px */
    height: auto;/* 300px */
    right: 50px;/* 50px */
    bottom: 0;
}
/*----------*/
.home-box1{
	position: relative;
	height: auto;/* 950px */
}
.home-box1::after{
	content: '';
	display: block;
	padding-top: 59.4%;
}
.home-img1-1{
	position: absolute;
	display: block;
	width: 30%;/* 480px */
	height: auto;/* 630px */
	top: 14.7%;/* 100px */
	right: 3%;/* 50px */
	overflow: hidden;
	border-radius: 15px;
}
.home-img1-2{
	position: absolute;
	display: block;
	width: 18.7%;/* 300px */
	height: auto;/* 380px */
	top: 48.4%;/* 420px */
	right: 30%;/* 480px */
	overflow: hidden;
	border-radius: 15px;
}
.home-mark1{
	position: absolute;
	width: 40.6%;/* 650px */
	top: 21%;/* 200px */
	left: 3%;/* 50px */
}
/*----------*/
.home-box2{
	position: relative;
	height: auto;
	background: #FFFFFF;
	overflow: hidden;
}
.home-mark2{
	text-align: center;
	padding: 80px 0 0;
}
.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: 37%;/* 600px */
	display: flex;
	overflow: hidden;
}
.home-sc-box-mm{
	position: relative;
	width: 68.8%;/* 1100px */
	height: auto;/* 600px */
	margin-right: 3%;/* 50px */
	flex-shrink: 0;
}
.home-sc-box-mm::after{
	content: '';
	display: block;
	padding-top: 37.5%;
}
.mm1{
	margin-left: 11%;/* 180px */
}
.home-img2-1{
	position: absolute;
	display: block;
	width: 52.7%;/* 580px */
	height: auto;/* 400px */
	top: 0;
	bottom: 0;
	left: 0.9%;/* 10px */
	margin: auto;
	border-radius: 20px;
}
.home-mark2-2{
	position: absolute;
	width: 40%;/* 440px */
	top: 27%;/* 160px */
	right: 3.6%;/* 40px */
}
.home-no{
    font-family: "Zen Old Mincho", serif;
    font-weight: 500;
    font-style: normal;
    font-size: 80px;/* 36px */
    line-height: 1.2;
    margin-bottom: 10px;
}
.home-no span{
    font-family: "Zen Old Mincho", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 36px;/* 36px */
    line-height: 1.2;
    vertical-align: middle;
}
/*----------*/
.home-box3{
	position: relative;
	height: auto;/* 1300px */
	background: #ece6dc;
}
.home-box3::after{
	content: '';
	display: block;
	padding-top: 81%;
}
.home-img3{
	position: absolute;
	display: block;
	width: 39.4%;/* 630px */
	height: auto;/* 800px */
	top: 7.6%;/* 100px */
	left: 3.7%;/* 60px */
	background: #E4E4E4;
	border-radius: 20px;
	
}
.home-img3-sp{
	display: none;
}
.home-mark3{
	position: absolute;
	width: 43.7%;/* 700px */
	top: 11.5%;/* 150px */
	right: 6.3%;/* 100px */
}
.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;
	font-family: "Zen Old Mincho", serif;
    font-weight: 600;
    font-style: normal;
	font-size: 18px;/* 19px */
	line-height: 1.5;
	border-radius: 10px;
	margin-bottom: 6px;
	color: #FFFFFF;
}
.blue{
	background: #6598A8;
}
.yellow{
	background-color: #907F3F;
}
/*----------*/
.home-box4{
	position: relative;
	height: 600px;/* 600px */
	background: #892022;
	border-radius: 90px 90px 0 0;
}
.home-mark4{
	text-align: center;
	padding: 80px 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: 18px;/* 19px */
	color: #FFFFFF;
}
/*---------------------------------------------------------------  当店について　------------*/
.ab-box1{
    position: relative;
    height: auto;/* 900px */
}
.ab-box1::after{
	content: '';
	display: block;
	padding-top: 56.3%;
}
.ab-img1{
    position: absolute;
    width: 26%;/* 420px */
    height: auto;/* 630px */
    top: 20%;/* 180px */
    left: 6.3%;/* 100px */
    z-index: 10;
}
.ab-img2{
    position: absolute;
    width: 46.9%;/* 760px */
    height: auto;/*　500px */
    top: 61%;/* 550px */
    right: 6.3%;/* 100px */
    z-index: 10;
}
.ab-mark1{
    position: absolute;
    width: 47.5%;/* 760px */
    top: 17.7%;/* 160px */
    right: 6.3%;/* 100px */
}
/*--------*/
.ab-box2{
    position: relative;
    height: auto;/* 850px */
    background: #FFFFFF;
}
.ab-box2::after{
	content: '';
	display: block;
	padding-top: 53%;
}
.ab-img3{
    position: absolute;
    width: 41.8%;/* 670px */
    height: auto;/* 410px */
    top: 32.9%;/* 280px */
    left: 6%;/* 100px */
}
.ab-mark2{
    position: absolute;
    width: 40%;/* 640px */
    top: 35.3%;/* 250px */
    right: 6%;/* 100px */
}
/*--------*/
.ab-box3{
    position: relative;
    padding: 8.7% 0;/* 140px */
}
.ab-img4{
    display: block;
    width: 62.5%;/* 1000px */
    height: auto;/* 430px */
    margin: auto;
}
.ab-mark3{
    width: 65.5%;/* 1000px */
    margin: 50px 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: 600px;/* 600px */
	display: flex;
	overflow: hidden;
}
.ab-mark4{
	text-align: center;
	padding: 80px 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: 1100px;/* 1100px */
	height: 600px;/* 600px */
	margin-right: 50px;/* 50px */
	flex-shrink: 0;
}
.ems-point::after{
	content: '';
	display: block;
	padding-top: 37.5%;
}
.ems-img{
	position: absolute;
	display: block;
	width: 52.7%;/* 580px */
	height: auto;/* 400px */
	top: 0;
	bottom: 0;
	left: 0.9%;/* 10px */
	margin: auto;
	border-radius: 20px;
}
.ems-mark{
    position: absolute;
	width: 40%;/* 440px */
	top: 20%;/* 120px */
	right: 3.6%;/* 40px */
    color: #FFFFFF;
}
/*--------*/
.ab-box5{
    position: relative;
    height: auto;/* 1150px */
}
.ab-box5::after{
	content: '';
	display: block;
	padding-top: 71.8%;
}
.ab-img5{
    position: absolute;
	display: block;
	width: 39.3%;/* 630px */
	height: auto;/* 800px */
	top: 13%;/* 150px */
	left: 9.3%;/* 150px */
	border-radius: 20px;
}
.ab-img5-sp{
    display: none;
}
.flow-title1{
    display: block;
    padding: 7px 10px;
    background: #3a3a3a;;
    font-family: "Zen Old Mincho", serif;
    font-weight: 700;
    font-style: normal;
	font-size: 26px;/* 26px */
	line-height: 1;
    color: #FFFFFF;
    margin-bottom: 6px
}
.flow-box{
    position: absolute;
    display: flex;
    flex-direction: column;
    width: 37.5%;/* 600px */
    top: 13%;/* 150px */
    right: 9.3%;/* 150px */
}
.flow-box .flow{
    position: relative;
    flex-direction: row;
    width: 100%;/* 600px */
    height: auto;/* 170px */
    padding: 10px 0;/* 10px 0*/
    margin-bottom: 10px;
}
.flow-box .flow::after{
	content: '';
	display: block;
	padding-top: 28%;
}
.flow-box .flow .flow-tag{
    position: absolute;
    width: 20%;/* 125px */
    height: auto;/* 125px */
    border-radius: 50%;
    top: 0;
    bottom: 0;
    left: 1.6%;/* 10px */
    margin: auto;
}
.flow-box .flow .flow-mark{
    position: absolute;
    width: 71.6%;/* 430px */
    top: 11.7%;/* 20px */
    right: 1.6%;/* 10px */
}
.flow-tlt{
    font-family: "Zen Old Mincho", serif;
    font-weight: 700;
    font-style: normal;
	font-size: 22px;/* 22px */
	line-height: 1.5;
}
/*----------------------------------------------　メニュー -----------*/
.mu-box1{
    padding: 130px 0;/* 130px 0*/
}
.mu-mark1{
    text-align: center;
    margin-bottom: 60px;/* 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: row;
    flex-wrap: wrap;
    width: 75%;/* 1200px */
    height: auto;/* 390px */
    margin: 0 auto 6.25%;/* 100px */
    justify-content: space-between;
}
.menu-img{
    width: 45%;/* 540px */
    height: auto;/* 370px */
    overflow: hidden;
    border-radius: 20px;
}
.menu-txt{
    width: 50%;/* 600px */
    padding: 10px 0;/* 10px 0*/
}
.menu-tlt{
    font-family: "Zen Old Mincho", serif;
    font-weight: 700;
    font-style: normal;
	font-size: 26px;/* 26px */
	line-height: 1.5;
}
.menu-msg{
    width: 100%;
    height: 100px;/* 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: 18px;/* 19px */
	line-height: 1.5;
}
.menu-price tr th{
    width: 32.3%;/* 200px */
    padding: 10px 15px;/* 10px 15px */
    text-align: left;
}
.menu-price tr td{}
/*---------------------------------------------------  よくあるご質問　---*/
.qu-box1{
	padding: 140px 0;
	height: 1300px;
}
/*------- よくあるご質問　------------------*/
.question{
	width: 84.6%;/* 1100px */
	margin: 4.3% auto 0;/* 70px auto 0*/
	list-style: none;
}
.question li{
	background: #FFFFFF;
	overflow: hidden;
	margin-top: 2.8%;/* 30px */
}
.question li dl{
	width: 100%;
}
.question dl dt{
	position: relative;
	padding: 1.1% 6.6%;/* 12px 70px */
	border-bottom: 1px solid #FFFFFF;
	font-family: "Zen Old Mincho", serif;
    font-weight: 400;
    font-style: normal;
	font-size: 16px;/*16px*/
	line-height: 1.8;
}
.question dl dd{
	position: relative;
	padding: 1.1% 6.6%;/* 12px 70px */
	border-top: 1px dotted #8E8E8E;
	font-family: "Zen Old Mincho", serif;
    font-weight: 400;
    font-style: normal;
	font-size: 16px;/*9 16px*/
	line-height: 1.8;
}
.question dl dd a{
	text-decoration: none;
	color: #007BC2;
}
.faq-q{}
.faq-a{
	display: none;
}
/* ± */
.faq-q.plus span{
	position: absolute;
	width: 20px;/* 20px */
	height: 20px;/* 20px */
	right: 10px;/* 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: 8% 0;/* 130px */
}
.shop-img1{
	display: block;
	width: 84.6%;/* 1100px */
	height: auto;/* 550px*/
	margin: auto;
	border-radius: 20px;
}
.shop-box{
	position: relative;
	height: auto;/* 500px */
	width: 84.6%;/* 1100px */
	margin: 7.6% auto 0;/* 100px auto 0*/
}
.shop-box::after{
	content: '';
	display: block;
	padding-top: 45.4%;
}
.shop-info{
	position: absolute;
	width: 45.5%;/* 500px */
	border-collapse: collapse;
}
.shop-info tr{
	border-bottom: 2px dotted #C3C3C3;
}
.shop-info tr th{
	width: 28%;/* 140px */
	padding: 10px;/* 10px */
	vertical-align: middle;
}
.shop-info tr td{
	padding: 10px;
	vertical-align: middle;
}
.gmap{
	position: absolute;
	width: 45.4%;/* 500px */
	padding-top: 45.4%;
	right: 0;
}
.gmap iframe{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}