@charset "UTF-8";
/* CSS Document */

@media screen and (max-width: 719px) {
	body,body img,#wrapper,#header,
	#main,#sidebar
	table,iframe{
		width:100%;
		height:auto;
		float:none;
		padding:0;
	}
	
	#header{
		background:none;
	}
	
	#container{
		width:96%;
		padding:0 2%;
	}
	.hdrContact p {margin-right: 0px; }
	
	.hdrContact p.tel{
	width: 100%;
    font-size: 21px;
    letter-spacing: 1px;
	margin-left: 0px;
	display: ruby;
	}

	.hdrContact{display: flex;  padding: 5px; box-sizing: border-box;}
	
	.hdrContact p.tel img{width:10%;}
	
	#hdrOuter_sp{background-color:#fff;}
	
	.address_sp{
		width: 50%;
		margin-left: 10px;
	}
	
	.hdbtn {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 60px;
    background-color: #008dd1;
    
    border-radius: 8px;
    padding-top: 0px;
}
	.hdaddress p {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 10px;
}
	
	
	.slicknav_menu{
		display:block;
	}

	.row {padding: 0px 5px;}

	#main h2{
    margin: 5px 0px;
    height: auto;
    line-height: 1.3em;
    padding: 12px 10px;
    background-size: 250%;
    font-size: 18px;
	
	}
	
	#main h4.title_bl{
		background-size: 200%;
	}
	
	#main h4.title_bl{
		background-size: 200%;
	}
	#main h4.title_gr{
	  background-size: 200%;
	}
	
	#main p.withImage{
		width:100%;
		height:auto;
		margin:0;
	}
	
	#main p.withImage img{
		width:auto;
	}
	
	#main .bannerM img{
		padding:0;
		margin-bottom:10px;
	}
	
	#main .withImage {
	flex-wrap: wrap;
    flex-direction: column-reverse;
    align-items: center;;}

	#main .withImage p {width: 100%}
	
	#main .withImage img{
		width: 50%;
		justify-content: center;
	}
	
	#main .o-service {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
	}
	
	#main .o-service img{
		margin: 5px;
		margin: 5px 10px;
	}
	
	#sidebar{
		width: 100%;
		margin-top:20px;
	}
	
	#sidebar h3{
		color:#fff;
		background-size: 100%;
		height: 75px;
		font-size: 20px;
		padding-top: 12px;
	}
	
	#sidebar ul{
		margin:0;
	}
	
	
	#sidebar ul li{
		padding: 0px 0px 15px 20px;
	}
	
	#footer .box li{
		padding:5px 0;
	}
	
	
	table.basic-table{
		width:100%;
		margin:0;
	}
	
	table.basic-table td{
		padding:4px;
		width:70%;
		word-break:break-all;
	}
	
	
	img.ajax-loader{
		width:10%;
	}
	
		.wpcf7-submit{
		width:100%;
		height:50px;
	}
	
	#footer #logo img {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}
	#main ul, #footer ul {
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style: none;
}
	#main ul, #footer ul li {
    width: 100%;
    padding: 5px 19px;
	border: none;
}
	#main ul, #footer ul li a{
	}
	#main .container {}
	
	#main .page .withImage p {
    margin: 10px 0;
    padding: 0px 0;
    width:100%;
}
	#main .page .withImage img {
    margin: 10px 0;
    padding: 0px 0;
    width:100%;
}
	#main .page h4{
    margin: 10px 0;
    padding: 0px 0;
    width:100%;
}
	
	.mt10{margin-top: 10px;}
	
}