/***********************반응형***************************************/

@media (max-width:1280px) {

}

@media (max-width:1024px){
	#pccon1, #pccon2{
		display:none;	
	}
.side-quick .sq-mo{
display:block !important;
margin-bottom:0;
box-sizing: border-box;
}
.sq03{
display:block;
}
.sq04{
display:none;
}
    .header-link2{
    display:none;
    }
	.sub-menu{
	display:none;
	}
	.mo-sub-menu{
	display:block;
	background:#2a000d;
	}
	.mo-sub-menu select{
	border:0;
	background:transparent;
	width:100%;
	margin:0 auto;
	padding:10px;
	color:#fff;
	}
	.gnb-close-btn{
	position:absolute;
	right:281px;
	top:0;
	z-index:99999;
	background:#200c12;
	width:35px;
	height:35px;
	line-height:35px;
	text-align:center;
	color:#fff;
	font-size:25px;
	display:block;
	}
	
	.mobile-open-btn{
	z-index:99999;
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	color:#fff;
	font-size:28px;
	display:block;
	border:2px #e0e0e0 solid;
	color:#000;
	}
	.mobile-open-btn i{
	line-height:50px;
	}

	#sidebar{
	position:fixed;
	top:0;
	bottom:0; 
	display:none; 
	right:-200px; 
	z-index:9999999; 
	-webkit-transition: right 1s;  
	transition: right 1s; 
	width:auto; 
	overflow:visible; 
	background:#000;
	margin-left:0;
	left:auto;
	border:0;
	}

	.sidebg{
	display:block;
	position: fixed;
	height: 150%;
	background: rgba(0,0,0,0.5);
	width: 100%;
	top: 0;
	right: 0;
	z-index: 44;
	}
	.menu{
	position:relative;
	z-index:55; 
	width:280px; 
	left:auto; 
	right:0; 
	overflow-x:hidden; 
	overflow-y:auto; 
	height:100%; 
	background:#b72450;
	display:block;
	text-align:left;
	box-sizing:border-box;
	padding:0 20px;
	}

	.menu > li{
	display:block;
	width:100%;
	box-sizing:border-box;
	border-left:0;
	box-sizing:border-box;
	margin-bottom:10px;
	border-bottom:1px rgba(255,255,255,0.2) solid;
	}

	.menu > li > ul > li{
	}

	.menu > li > a{
	height:20px;
	line-height:20px;
	font-weight:800;
	display:block;
	width:100%;
	margin:10px 0 5px;
	color:#fff;
	}

	.menu > li > ul > li > a{
	display:block;
	line-height:1.5em;
	color:#fff;
	}
	
	
	.side-quick{
	width:100%;
	top:0;
	left:0;
	}
	.side-quick ul{
	flex-direction: row;
	height:auto;
	}
	.side-quick ul li{
	width:33%;
	height:100px;
	}
	.side-quick ul li.sq01{
	height:auto;
	}
    .side-quick ul li.sq03{
	display:none;
	}
	.side-quick ul li a{
	gap:0px;
	}
	.side-quick ul li a span{
	font-size:18px;
	}
	.side-quick ul li a span br{
	/*display:none;*/
	}
	.side-quick ul li a img{
	width:40px;
	}
	header{
	padding-top:100px;
	}
	.header-lg{
	display:none;
	}
	.header-link{
	display:none;
	}
	.header-gnb{
	display:none;
	}
	.header-logo{
	display:none;
	}
	.header-logo.hl-mo{
	display:block;
	}
	.header-logo a{
	display:block;
	width:280px;
	}
	.header-tel{
	width:40%;
	text-align:center;
	}
	
	.main-menu-box{
	flex-wrap:wrap;
	}
	
	.mv-img{
	display:none;
	}
	.mo-mv-img{
	display:block;
	}
	.mo-mv-img img{
	width:100%;
	}
	.mv-box{
	width:100%; 
	left:0;
	margin-left:0;
	}
	.mmb-slide{
	display:none;
	}
	.mbs-mo{
	display:block;
	}
	#main-visual .slick-arrow{
	font-size:40px;
	left:5px;
	}
	#main-visual .slick-arrow.slick-next{
	right:5px;
	}
	
	.main-menu-box > section{
	width:100%;
	
	}
	.main-menu-box > section > a{
	padding-top:43.5%;
	}
	.mmb-txt{
	align-items: flex-start;
	padding:0 30px;
	box-sizing:border-box;
	justify-content: center;
	}
	.mmb-txt p{
	text-align:left;
	word-break: keep-all;
	}
	.mmb-txt p b{
	text-align:left;
	word-break: keep-all;
	}
	.mmb-txt p br{
	display:none;
	}
	
	.main-banner02-box{
	display:block;
	}
	.main-banner02-box > div{
	width:100%;
	display:flex;
	justify-content: center;
	margin:10px 0;
	box-sizing: border-box;
	}
	.main-banner02{
	padding:10px 0;
	}
	
	.mobile-banner{
	display:block;
	background:#1e2121;
	text-align:center;
	box-sizing:border-box;
	padding:20px;
    display:none;
	}
	.mobile-banner p{
	color:#fae77e;
	font-size:30px;
	font-weight:600;
	}
	.mobile-banner a{
	display:block;
	width:100%;
	height:80px;
	display:flex;
	justify-content: space-between;
	box-sizing:border-box;
	padding-left:28px;
	color:#fff;
	background-image: linear-gradient(#59279c, #6c24ce);
	border-radius:10px;
	margin-top:10px;
	align-items: center;
	font-size:30px;
	font-weight:600;
	overflow:hidden;
	}
	.mobile-banner i{
	width:100px;
	background:#471d81;
	height:100%;
	display:flex;
	justify-content: center;
	align-items: center;
	font-size:40px;
	}
	@keyframes blink-a1{
	0% {background-image: linear-gradient(#59279c, #6c24ce);}
	100% {background-image: linear-gradient(#8b35ff, #b822ed);}
	}
	@keyframes blink-a2{
	0% {background-image: linear-gradient(#9c275e, #b14578);}
	100% {background-image: linear-gradient(#f80276, #bd015a);}
	}
	@keyframes blink-a3{
	0% {background-image: linear-gradient(#59279c, #b14578);}
	100% {background-image: linear-gradient(#8b35ff, #bd015a);}
	}
	.mobile-banner a.fl-a1{
	animation: blink-a1 0.3s ease-in-out infinite alternate;
	}
	.mobile-banner a.fl-a2{
	background-image: linear-gradient(#9c275e, #b14578);
	animation: blink-a2 0.3s ease-in-out infinite alternate;
	}
	.mobile-banner a.fl-a3{
	background-image: linear-gradient(#59279c, #b14578);
	animation: blink-a3 0.3s ease-in-out infinite alternate;
	}
	.mobile-banner a.fl-a2 i{
	background:#810d43;
	}
	.main-customer-box{
	font-size:32px;
	}
	.store-link-box p{
	font-size:32px;
	}
	
	.fa-link{
	display:none;
	}
	.fa-info ul{
	text-align:center;
	}
	.fa-info > p{
	text-align:center;
	}
	
	.main-board-box{
	display:block;
	}
	
	#estimate{
	margin-top:30px;
	}
	
	
	.sub-tit{
	font-size:40px;
	}
	.pay-btn{
	padding:5px 0px;
	margin-left:0;
	display:block;
	width:180px;
	text-align:center;
	}
	.sub-customer{
	display:block;
	}
}

@media (max-width:768px){
	body, th, td, input, select, textarea, button{
	font-size:18px;
	}
	
	.side-quick ul li a span{
	text-align:center;
	}
	.header-logo.hl-mo{
	width:45%;
	}
	.header-logo a{
	width:100%;
	}
	.header-tel a{
	font-size:12px;
	}
	.header-tel a p{
	font-size:25px;
	line-height:1.1em;
	}
	.header-tel a br{
	display:block;
	}
	.mobile-open-btn{
	width:40px;
	height:40px;
	line-height:40px;
	}
	
	.mobile-open-btn i{
	line-height:40px;
	}
	
    .mb01a-txt{
    text-align:center;
    padding-left:0;
    }
	.mb01-t1{
	font-size:18px;
	}
	.mb01-t1 span{
	display:block;
	}
	.mb01-t2{
	font-size:16px;
	}
	.mb01-t2 span{
	margin:2px 0;
	}
	.mb01-t3{
	font-size:14px;
	}
	.mb01-area img{
	width:90px;
	}
	
	.mmb-txt p{
	font-size:22px;
	}
	.mmb-txt p b{
	font-size:22px;
	color:#fff;
	font-weight:900;
	}
	.mmb-txt span{
	margin-top:10px;
	font-size:18px;
	padding:0px 10px;
	}
	.mmb-txt p em{
	margin-top:5px;
	}	
	.mmb-txt p br{
	display:block;
	}
	#mmb01 .mmb-txt p br{
	display:none;
	}
	.mobile-banner a{
	font-size:28px;
	padding-left:15px;
	}
	.mobile-banner i{
	width:70px;
	}
	
	.main-banner02-box > div > a{
	background-size:75px 81px;
	padding-left:90px;
	background-position:10px 50%;
	}
	.mb02c-t1{
	font-size:18px;
	}
	.mb02c-t2{
	font-size:40px;
	}
	.mb02c-t3{
	font-size:14px;
	}
	.main-banner02-box > div.mb02-specialty > a{
	background-size:75px 81px;
	padding-left:85px;
	background-position:0px 50%;
	}
	.mb02s-t1{
	font-size:15px;
	}
	.mb02s-t2{
	font-size:30px;
	}
	.mb02s-t3{
	font-size:22px;
	}
	#main-certif{
	/*padding:35px 0;*/
	display:none;
	}
	.mcb-t1{
	font-size:32px;
	}
	.mcb-t2{
	font-size:18px;
	word-break:keep-all;
	}
	.mcb-t2 br{
	display:none;
	}
	.main-customer-box{
	display:block;
	height:auto;
	font-size:24px;
	line-height:1.1em;
	padding:10px 0;
	}
	.main-customer-box span{
	font-size:24px;
	}
	.store-link-box{
	gap:10px;
	height:auto;
	padding:10px 0;
	}
	.store-link-box img{
	flex-shrink: 0;
	width:40px;
	}
	.store-link-box a{
	height:30px;
	font-size:15px;
	padding:0 5px;
	width:80px;
	flex-shrink: 0;
	text-align:center;
	justify-content: center; 
	}
	.store-link-box p{
	font-size:22px;
	word-break:keep-all;
	flex-grow: 1;
	line-height:1.1em;
	}
	
	.main-board{
	padding:30px 0;
	}
	.board-ul li{
	line-height:35px;
	height:35px;
	}
	.mb-more a{
	font-size:15px;
	}
	
	.fa-info > p{
	font-size:35px;
	}
	.fa-info li{
	font-size:16px;
	margin:5px;
	}
	.fa-info a{
	font-size:22px;
	}
	
	.foot-area{
	padding:15px 0;
	}
	
	.sub-visual{
	display:none;
	}
	.sv-mo{
	display:block;
	}
	.sv-mo img{
	width:100%;
	}
	
	.sub-content{
	margin:35px auto;
	}
	
	.sub-tit{
	font-size:22px;
	text-align:center;
	word-break:keep-all;
	line-height:1.25em;
	}
	.sub-sns{
	top:60px;
	width:100%;
	left:0;
	justify-content: center; 
	}
	
	.sub-sns a{
	width:30px;
	}
	.sub-customer{
	margin-top:55px;
	padding:15px;
	}
	.sub-customer dl{
	font-size:18px;
	}
	.form-box li{
	display:block;
	}
	
	.filebox .upload-name{
	width:50%;
	}
	
	.list-tab{
	position:unset;
	justify-content: flex-end; 
	margin-bottom:10px;
	}
	.list-tab a{
	width:32px;
	height:32px;
	font-size:20px;
	}
	
	.list-type01 ul li{
	width:100%;
	}
	
	.list-type02 ul li{
	width:49%;
	margin-bottom
	}
	.list-type02 ul li a{
	gap:5px;
	}
	
	.detail-top{
	display:block;
	}
	.dtl_img{
	width:100%;
	}
	.detail-info{
	padding-top:20px;
	}


	.lt-t1{
	font-weight:700;
	font-size:15px;
	}

	.lt-t2{
	line-height:1em;
	max-height:27em;
	overflow:hidden;
	margin:5px 0;
	font-size:12px;
	}
	.lt-t3 strong{
	color:#bc194c;
	font-weight:700;
	font-size:15px;
	}
	.lt-t3 span{
	font-size:13px;
	}

	.detail-btn a{
	flex-grow: 1;
	text-align:center;
	padding:10px 0;
	font-size:14px;
	font-weight:600;
	color:#fff;
	}

	.detail-title{
	font-weight:700;
	font-size:21px;
	}
	.detail-text{
	font-size:16px;
	font-weight:500;
	margin-top:10px;
	}
	.detail-li{
	border-bottom:1px #e0e0e0 solid;
	margin-top:10px;
	}


	.foot-copy{
	padding:20px 0;
	border-top:1px rgba(255,255,255, 0.1) solid;
	color:#fff;
	letter-spacing:0.05em;
	font-weight:500;
	}
	.foot-copy-area{
	width:96%;
	max-width:1280px;
	margin:0 auto;
	display:flex;
	justify-content: space-between;
	}
	.foot-copy-area p{
		opacity:0.6;
	}
	.foot-copy-area a{
	width:18%;
	line-height:100%;
	}
	.form-box li > div.radio-box{
	display:block;
	}
}