@media screen and (min-width: 768px) {
	.sp {display: none}
	
}

@media screen and (max-width: 767px) {
	
	.pc {display: none}
	body {-webkit-text-size-adjust: 100%; font-size: 14px;}
	h3,h4 {font-size: 14px;}
	input[type="button"],input[type="text"],input[type="submit"],input[type="image"],textarea{
   -webkit-appearance: none;
   border-radius: 0;}
	
	/*スクロールした際にメニューの下地を表示させる*/
	.menu_bg {position: fixed; background-color:rgba(0,0,0,.8);}
	.menu_bg {width: 50px; height:50px; right: 0; top: 0;}
  
  .menu { height: 50px; width: 50px; display: block; position: fixed; right: 0; top: 0; z-index: 1001; }
	
	.menu .menuInner { width: 20px; height: 11px; position: relative; margin:19px 15px;}
	.menu.active .menuInner span { background-color: transparent; }
  .menu.active .menuInner span:before { transform: rotate(45deg)}
  .menu.active .menuInner span:after { transform: rotate(-45deg)}
	.menu .menuInner span { display: inline-block; position: absolute; left: 0; top: 50%; height: 1px; width: 20px; background-color: #FFF; }
  .menu .menuInner span:before, .menu .menuInner span:after { content: ''; display: block; position: absolute; height: 1px; width: 20px; background-color: #FFF; transition: transform 0.4s ease-out;}
	.menu .menuInner span:before { transform: translateY(-4px); }
  .menu .menuInner span:after { transform: translateY(4px); }
	
  .fixed {position: fixed;  width: 100%; height: 100%;}
	
  #drawer {width: 100%;  background-color:#000; display: none; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; overflow-y: scroll; -webkit-overflow-scrolling:touch; }
	#drawer #menu_logo {height: 63px; margin: 15px; padding-bottom: 40px; border-bottom: 1px solid #303030}
	#drawer ul{margin:40px 15px;}
	
	#wrapper {width:calc(100% - 30px); margin:0 15px; background:none;}
	h1#header_logo {height: 63px; margin:0; padding:15px 0 40px; border-bottom: 1px solid #303030}
		
	#leftarea { width:100%; float:none; padding:0;}
	#leftarea .menuarea li { padding: 0 14px 10px;}
	#leftarea .menuarea .on:before { margin: 9px 0 0 -14px;}
	
	#rightarea {width:100% ;float:none; margin: 20px 0 30px;}
	
	#footer_copy {position:relative; padding-top: 10px}
	
	#centerarea {width:100%; float:none;}
	#centercontent {padding:0;}
	
	.part .left_part img {width: 50px; height: auto}
	
	.news .part .left_part {width:65px;}
	.news .part .right_part {width:calc(100% - 65px); float:left; margin-top:-4px}
	.news .part .pagetop {clear:both; padding:10px 0;}
	
	.about .part {padding-top:10px;}
	.about .part .left_part img {margin-bottom:0;}
	.about .part .left_part {width:65px;}
	.about .part .right_part {width:calc(100% - 65px); float:left;}
	.about .part .right_part h3 { padding-bottom:6px;}
	.about .part .right_part p.headline { padding-top:10px;}
	.about .part .discription {padding-top: 24px; line-height: 1.5em;}
	.about .part .pagetop {clear:both; padding:20px 0 30px;}
	
	.works {margin-bottom:20px}
	.works #head_area {padding:10px 0 0;}
	.works #head_area a {padding:8px 0 0;}
	.works .part {padding-top:20px; margin-top: 6px}
	.works .part .left_part  {width:65px;}
	.works .part .right_part {width:calc(100% - 65px); float:left; margin-top:-4px}
	.works .part .right_part h4 { padding-bottom:1.0em;}
	.works .part .pagetop {clear:both; padding:10px 0 0;}

	.contact table {width:100%;margin-bottom:10px;}
	
	.contact table tr th,
	.contact form table tr th, 
	.contact table tr td,
	.contact form table tr td {padding-bottom:20px;}

	.contact table tr th,
	.contact form table tr th {width:120px;font-size:14px;}

	.contact table tr td,
	.contact form table tr td {width:auto}

	.contact form table tr td input {	width:100%;	height:30px;}
	.contact form table tr td input#submitbtn {	background: #303030; width:100%; height:40px;	font-size:14px;}
	.contact form table tr td textarea {width:100%;}

	.contact .errwrap {	text-align:left; margin-bottom: 30px}
	.contact .errwrap .errwidth { width:100%; margin:0;	}

	.contact .messagearea,
	.contact .errwrap .errwidth .messagearea {padding-bottom:30px;	}
	.contact .errwrap .errwidth .errmessage {	padding-bottom:30px;	}
	.contact .errwrap input#submitbtn {	background: #303030; width:240px; height:40px; font-size:14px;}
	
	.contact #sendouttable {margin-bottom:30px;}
	.contact #sendouttable tbody {}
	.contact #sendouttable tbody tr th,
	.contact #sendouttable tbody tr td { padding:15px 0;}
	.contact .sendoutwrap {margin-bottom: 30px}
	.contact .sendoutwrap input#submitbtn {	background: #303030; width:240px; height:40px; font-size:14px;}

}