/*mobile*/
@media screen and (max-width:600px) {
:root{
    --mt: 10px;
}
	
body{
	font-size: 14px;
	overflow: unset;
	height: 100%;
	}
	
	header{
		padding: 15px 0 0;
		height: 100%;
	}
	
.hidden-xs {
    display: none
}
.text-c-xs{
    text-align:center;
    display:inline-block;
}
.w-50,.w-33,.w-40,.w-66,.grid-item-slider{
		width:100%;
	}
.flex-column-mob{
		flex-direction:column;
	}    
.flex-reverse-mob{
    flex-direction:column-reverse;
}    
.just-space-center{
    flex-wrap:wrap;
}
.grid-2{
    grid-template-columns: 1fr ;
}
.grid-3,.grid-4,.grid-5{
    /* grid-template-columns: 1fr 1fr; */
}    

.pad-top {
    padding-top: 20px;
}
.pad-bot {
    padding-bottom: 50px;
}
.block {

}

h1 {
    font-size: 10vw;
}    
h2{
	font-size: 5vw;
}
.logo {
    width: 100%;
    padding: 15px 0;
}
.wrapper {
    padding-left: 15px;
    padding-right: 15px;
}
    

.container {
    padding-left: 15px;
    padding-right: 15px;
}	

.tel a{
	font-size:1em;
}
p.upper{
	text-align:center;
	font-size: 3vw;
}
button{
	padding:1em 2em;
	font-size:1.2em
}
.warning{
	font-size: 0.7em;
	position: relative;
	bottom: unset;
	left: unset;
	padding: 1em 3em 1em;
	margin-top: 3em;
}
.chat-open	{
	display:none;
	bottom:60px;
	left:15px;
	z-index: 2;
}
blockquote{
	width:100%;
	text-align: left;
	font-size: 0.8em;
	margin: 0;
	z-index: 1;
}	
blockquote .q{
	height:1em;
}	

.chat-body {
	bottom: 100px;
	width: calc(100% - 30px);
	left: 15px;
}
.chat-body .grid-3{
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	gap: 14px;
}
.chat-open.open{
	display:block;
	bottom: 260px;
}
	.chat-body, .chat-open.open{
	position:fixed;
}
}
@media only screen and (orientation: landscape) and (min-device-width: 320px) and (max-device-height: 1000px){
header,body{
	height:unset;
	overflow:auto;
}

:root{
    --mt: 15px;
}
	
.text-c-xs{
    text-align:center;
    display:inline-block;
}
.w-50,.w-33,.w-40,.w-66,.grid-item-slider{
		width:100%;
	}
 
.just-space-center{
    flex-wrap:wrap;
}
.grid-2{
    grid-template-columns: 1fr ;
}
.grid-3,.grid-4,.grid-5{
    /* grid-template-columns: 1fr 1fr; */
}    

.pad-top {
    padding-top: 20px;
}
.pad-bot {
    padding-bottom: 50px;
}
.block {

}
	header{
		padding: 15px 0 60px;
	}
h1 {
    font-size: 6vw;
}    
h2{
	font-size: 3vw;
}
.logo {
    width: 100%;
    padding: 15px 0;
}
.wrapper {
    padding-left: 15px;
    padding-right: 15px;
}
    
body{font-size: 14px;}

.container {
    padding-left: 15px;
    padding-right: 15px;
}	

.tel a{
	font-size:1em;
}
p.upper{
	text-align:center;
	font-size: 2vw;
}
button{
	padding:1em 2em;
	font-size:1.2em
}
.warning{
	font-size: 0.8em;
}

blockquote{
	/* width:100%; */
	/* text-align: left; */
	/* font-size: 0.8em; */
	margin: 0;
	z-index: 1;
}	
blockquote .q{
	height:1em;
}	
.chat-body, .chat-open.open{
	position:fixed;
}

/*end media*/	
}