@charset "UTF-8";
/* CSS Document */
@media only screen and (max-width: 767px){
	
	h1, #hdrOuter, header nav ul, #mainImage, .contents_wrap, .wrap{
		width: 100%;
	}
	#hdrOuter,#hdrInner,#titletxt h1{
		display: none;
	}
	.flexContainer{
		display: block;
	}
	#hdrInner .hdrContact{
		margin-right: 0;
		margin-bottom: 10px;
	}
	#hdrInner{
		text-align: center!important;
	}
	#hdrInner .flexContainer{
		display: flex;
	}
	/*#mainImage{
		display: none;
	}*/
	
	.strength .strengthContent .strengthTx{
		margin-top: 20px;
	}
	.strength .strengthContent img{
		position: relative;
	}
	.strength .strengthContent{
		margin: 40px 0;
	}
	.service ul li{
		width: 100%;
	}
	
	
	.voice_img{
		width: 100px;
		height: 100px;
	}
	.voice_title{
		height: initial;
		left: 0;
		padding: 10px 0 10px 100px;
		width: 100%;
		min-height: 50px;
	}
	.voiceList li:nth-child(2n) .voice_title{
		padding: 10px 100px 10px 10px!important;
	}
	.voice_content{
		left: 0;
		padding: 25px 10px 10px 10px!important;
		width: 100%;
	}
	
	.voice .btnLink a{
		width: 100%;
	}
	
	.greeting{
		text-align: center;
	}
	.greeting .greetingTx{
		margin: 10px;
	}
	
	.about table.infoTable{
		width: 100%;
	}
	.infoTable table th{
		padding: 10px;
	}
	
	#blog .colum_box{
		width: 100%!important;
	}
	#blog .postContainer{
		width: 100%;
	}
	#blog #side{
		width: 100%;
		margin-top: 30px!important;
	}
	
	
	
	
}