@charset "UTF-8";

@media (max-width: 1270px) and (min-width: 1000px) {

.v-img1 img{
	vertical-align: bottom;
}

.v-img3 img{
	vertical-align: top;
}

#access-box .cont .pic{
	float: none;
}

.pc,
.flow-box .cont .sp,
#access-box .cont .pic,
#sidesp,
#globalheader #campaign .sp,
#form .data br{
	display: none;
}

.sp,
.flow-box .pc,
#access-box .cont .conts .pic,
#side.pc,
#globalheader #campaign .pc{
	display: block;
}

#access-box .cont .conts{
	margin: 0px;
	float: none;
}

ul#hdr-tel li{
	width: 23%;
	margin-left: 1%;
	margin-right: 1%;
}

#access-box .cont .pic img{
	object-fit: cover;
	font-family: 'object-fit: cover;';
	height: 350px;
}

#access-box .cont{
	padding-bottom: 50px;
}

.flow-cont .snk{
	left: auto;
	right: 50px;
}

ul#hdr-tel li img,
.try-cont .right img,
#distinction ul#promise li .img img,
ul.ba-list li:first-child img,
ul.ba-list li:last-child img,
ul.voice li .v-img2 .pic img,
.flow-cont .pic img,
#flow-click img,
#access-box .cont .conts img,
#ftr-btn a img,
.try-cont .left{
	width: 100%;
}

ul.ba-list li:first-child img, ul.ba-list li:last-child img{
	width: 100% !important;
}

#ftr-btn a{
	width: 43%;
	margin: 0px 1.5%;
}

.flow-cont .cont .num img{
	width: 120px;
}

.faq-box .cont,
#access-box .cont{
	width: 49%;
}

.faq-box .cont div p{
	font-size: 14px;
}

.faq-box .cont div{
	height: auto;
}

ul.voice li .v-img2 .pic,
.flow-cont .pic{
	width: 30%;
}

ul.voice li .v-img2 .cont,
.flow-cont .cont{
	width: 65%;
}

#globalheader h1{
	padding-left: 50px;
}

.flow-box .tel{
	bottom: auto;
	top: 0px;
}

.flow-box .tel img{
	width: 125px;
}

.try-cont .right{
	width: 35%;
}

.flow-cont .cont2{
	margin-left: 30px;
	padding-top: 20px;
}

.try-cont .left{
	width: 60%;
}

ul.voice li .v-img2 .cont p{
	font-size: 14px;
}

ul.voice li .v-img2 .cont h3{
	font-size: 20px;
	padding-top: 5px;
}

ul.voice{
	padding-bottom: 30px;
}

ul.voice li{
	margin-bottom: 30px;
}

.try-cont h4{
	padding-top: 30px;
}

.try-cont h4 img{
	width: 70%;
}

.try-cont p,
.flow-cont .cont .ttl{
	font-size: 18px;
}

p#flow-txt span{
	font-size: 20px;
}

.try-cont p span,
#distinction ul#promise li .cont h3,
.flow-cont .cont .ttl span{
	font-size: 22px;
}

#distinction ul#promise li .cont h3 span{
	font-size: 24px;
}

#pointtxt img{
	width: 800px;
}

ul#promise3 li{
	width: 33.33333333%;
}

#distinction ul#promise{
	margin-left: 15%;
	width: 85%;
	padding-left: 0px;
}

#distinction ul#promise li .img{
	width: 15%;
	margin-right: 0px;
}

#distinction ul#promise li .cont{
	width: 75%;
	padding-left: 5%;
}

#distinction ul#promise li{
	padding-bottom: 50px;
}

ul.ba-list li:first-child,
ul.ba-list li:last-child{
	width: 40%;
}

ul.ba-list li:nth-child(2){
	padding: 85px 25px 0px;
}

.thorough img{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

p#flow-txt{
	padding-left: 3%;
	padding-right: 3%;
	font-size: 16px;
}



	
}

@media
only screen and (max-width : 999px){

img{
	height: auto !important;
}

a[href^="tel:"] {
	pointer-events: inherit;
}

.pc,
ul.ba-list li:nth-child(2),
.flow-cont .cont2 .sp{
	display: none;
}

.try-cont .right,
.try-cont .left,
#access-box .cont .pic{
	float: none;
}

.sp{
	display: block;
}

.menu-trigger{
	display: inherit;
}

.formTable th,
.formTable td{
	display: block;
	font-size: 14px;
}

.formTable th{
	padding-top: 20px;
}

.formTable td{
	padding: 0px;
}

#recommend img{
	width: 94%;
}

ul#hdr-tel li{
	width: 48%;
	margin: 0px 1% 10px;
}

ul.ba-list li{
	width: 50%;
}

ul#hdr-tel li img,
#globalheader #search img,
#distinction ul#promise li .img img,
#distinction ul#promise li .cont p,
ul.ba-list li img,
.flow-cont .cont .sp img,
#flow-click img,
.faq-box .cont,
#access-box .cont .conts .a-tel img,
#access-box .cont .pic img,
#ftr-btn a img,
#form .i-ltl input,
.try-cont .left,
ul.ba-list li img{
	width: 100%;
}

#pointtxt img,
#map img,
#c-flow img,
p#c-txt{
	width: 94%;
	margin: 0 auto;
}

.try-cont .right img{
	width: 250px;
	margin: 0 auto;
}

#form .checkbox label{
	font-size: 14px;
	margin-bottom: 10px;
	display: block;
	margin-right: 0px;
}

.data{
	font-size: 12px;
}

#globalheader #campaign img{
	width: 70%;
	margin: 0 auto;
}

#globalheader #campaign{
	width: 100%;
	height: auto;
}

#map{
	padding-top: 25px;
}

#globalheader #campaign{
	position: static;
	padding-top: 10px;
}

#globalheader h1{
	position: fixed;
	width: 75px;
	text-align: center;
	top: 0px;
	left: 0px;
	border: 1px solid #000;
	background-color: #fff;
	padding: 10px 0px;
	z-index: 10;
}

.faq-box .cont div{
	height: auto;
}

#globalheader{
	padding-bottom: 10px;
}

#globalheader h1,
#globalheader #search,
ul.voice li .v-img2 .pic,
ul.voice li .v-img2 .cont{
	float: none;
}

ul.voice li .v-img2 .cont{
	width: 100%;
	margin-left: 0px;
}

#globalheader #search{
	margin-left: 80px;
}

header{
	padding: 20px 0px 10px;
}

#globalheader h1{
	padding-left: 0px;
}

#globalheader h1 img{
	width: 50px;
}

#submit input,
a#top_back{
	width: 250px;
	line-height: 50px;
	font-size: 14px;
	height: 50px;
}

#banner{
	padding: 25px 0px;
}

p#c-txt{
	padding-bottom: 20px;
}

#form p.ttl{
	font-size: 14px;
	padding: 20px 0px 5px;
}

#contact{
	padding: 50px 0px 40px;
}

h3#try{
	padding-top: 10px;
}

h3#try img{
	width: 200px;
}

h3.thorough img{
	width: 300px !important;
	margin: 0 auto;
}

.flow-cont .cont2{
	padding-top: 10px;
	margin-left: 0px;
}

#totry{
	padding: 30px 0px 35px;
}

.try-cont{
	padding-top: 25px;
}

.try-cont p{
	padding-top: 10px;
	font-size: 14px;
}

#distinction ul#promise li .cont p,
p#flow-txt,
.flow-cont .cont p.txt,
.faq-box .cont h3 p,
p#c-txt{
	font-size: 14px;
}

#footer-logo{
	padding: 35px 0px 25px;
}

#footer-logo img{
	width: 100px;
}

small{
	margin-bottom: 15px;
	font-size: 10px;
}

.try-cont p span,
p#flow-txt span{
	font-size: 16px;
}

.try-cont h4{
	padding-bottom: 40px;
	padding-top: 20px;
}

h2.ttl2 img{
	width: 90%;
	margin: 0 auto;
}

#distinction ul#promise li .cont p{
	padding-top: 10px;
}

.try-cont h4 img,
h2.ttl-distinction img,
.p-frame2 img{
	width: 70%;
	margin: 0 auto;
}

ul.voice li .v-img2 .pic img{
	width: 200px;
	margin: 0 auto;
	margin-top: 5px;
}

ul.voice li .v-img2 .cont h3{
	font-size: 18px;
	padding-top: 15px;
}

#c-logo img{
	width: 100px;
}

#c-logo,
h2.ttl2{
	margin-top: -50px;
}

h2.ttl2{
	padding: 80px 0px 30px;
}

#accessmap{
	padding: 40px 0px 40px;
}

ul#promise3 li{
	width: 94%;
}

ul#promise3 li p{
	font-size: 14px;
	padding: 20px 15px 0px;
}

ul#promise3 li h3 img{
	width: 250px;
}

h2.ttls{
	padding-top: 40px;
}

.faq-box{
	padding-top: 0px;
}

.faq-box .cont{
	padding-top: 30px;
}

h2.ttls img{
	width: 130px;
}

.v-img1 img,
.p-frame1 img{
	vertical-align: bottom;
}

.v-img3 img,
.p-frame3 img{
	vertical-align: top;
}

.faq-box .cont div p{
	font-size: 14px;
	padding-bottom: 0px;
}

#distinction ul#promise{
	padding: 20px 3% 0px;
}

#distinction ul#promise li .img{
	width: 15%;
	margin-right: 5%;
}

#distinction ul#promise li .cont{
	width: 78%;
}

#distinction ul#promise li .cont h3{
	font-size: 18px;
	line-height: 1.4em;
}

#distinction ul#promise li .cont h3 span{
	font-size: 20px;
}

#distinction ul#promise li{
	padding-bottom: 30px;
}

h2.ttl img{
	width: 300px;
}

#beforeafter{
	padding-bottom: 50px;
}

#access-box .cont .conts p.shopname{
	font-size: 20px;
}

h3.sk-ttl{
	margin-top: 50px;
	font-size: 20px;
}

ul.voice{
	padding-top: 30px;
}

ul.voice li{
	margin-bottom: 30px;
}

ul.ba-list li p,
ul.voice li .v-img2 .cont p{
	font-size: 14px !important;
}

p#flow-txt{
	padding-left: 3%;
	padding-right: 3%;
	padding-bottom: 40px;
}

.flow-cont .cont{
	padding-left: 0px;
	float: none;
}

.flow-cont .cont .num{
	text-align: center;
}

.flow-cont .cont .num img{
	width: 125px;
	margin: 0 auto 20px;
}

.flow-cont .snk{
	left: auto;
	right: 5%;
	width: 70px;
}

.flow-cont .snk img{
	width: 70px;
}

.flow-box .tel{
	bottom: 0px;
}

.flow-cont .cont .ttl{
	font-size: 18px;
	padding-bottom: 10px;
}

.flow-cont .cont .ttl span{
	font-size: 20px;
}

.flow-box .tel{
	padding-top: 20px;
}

.flow-box .tel a{
	background-color: #fce621;
	text-align: center;
}

.flow-box .tel a img{
	width: 100px;
}

.txt-right{
	padding-right: 120px;
}

#access-box .cont{
	padding-bottom: 40px;
}

#access-box{
	padding-top: 40px;
}

#access-box .cont .conts{
	float: none;
	margin: 0px;
}

#access-box .cont .pic img{
	object-fit: cover;
	font-family: 'object-fit: cover;';
	height: 250px !important;
}

#ftr-btn a{
	display: block;
	margin-left: 3%;
	margin-right: 3%;
}

#reservecontact{
	padding: 30px 3%;
}

#reservecontact p{
	font-size: 18px;
}

#reservecontact p span{
	font-size: 22px;
}

p#reserve_o{
	width: 250px;
	font-size: 34px;
}

ul.ba-list li:first-child img, ul.ba-list li:last-child img{
	width: 100% !important;
	height: 200px !important;
}


}

@media not screen and (1) { .page-top { position: static; } }/* Opera10以上 */