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

/*================================================
 *  タブレット向けデザイン （スクロールバーを考慮して20px大きいサイズで切り替え）
 = 画面の横幅が979pxまで
 ================================================*/

 @media screen and (max-width:979px) {
  /*================================================
 *  一般・共通設定
 ================================================*/
#inner {
	width:100%;
}

#contents {/* シャープでなくドットだと反応しなくなる？*/
	box-sizing:border-box;
	width:100%;
	margin-top:0em;
}




footer {
	width:100%;
}
}


/*================================================
 *  小型タブレット／スマートフォン向けデザイン=画面の横幅が767pxまで
 ================================================*/
@media screen and (max-width:767px) {
	.lock {
	overflow:hidden;
	}

	header {
	z-index:2;
	box-sizing:border-box;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	padding:15px 10px;
	}
/* summary */
	.summary {
	position:relative;
	top:auto;
	right:auto;
	margin-top:-10px;
	padding:10px;
	}
	
/*元	.summary {
		position:relative;
		top:auto;
		right:auto;
		margin-top:15px;
	}
	*/
	
	.bsummary {
	display:block; width:70%;  
	padding:10px;

}

#contents {
	margin-top:11em;
}

/* main sub */
	#main {
	float:none;
	width:100%;
	}

	#sub {
	float:none;
	width:100%;
	}
	
/*================================================
 *  クラス
 ================================================*/
 
.col_two_one ul {
	margin-right:0;
	}
.col_two_one li {
	width:100%;
	}
.col_two_one li:nth-child(2n+1) {
	clear:both;
	}
.col_three_one ul {
	margin-right:0;
	}
	
.col_three_one li {
	width:100%;
	}
	
.col_three_one li:nth-child(2n+1) {
	clear:both;
	}	

/*========= 003から移植 =========*/

.photo {
	margin-right:0;
	}

.photo img {
	display:block;
	box-sizing:border-box;
	width:100%;
	float:none;
	margin-right:0;
	margin-bottom:10px;
	}   
	
.catalog {
	margin-right:-2%;
	}
	
.catalog li {
	float:left;
	width:23%;
	margin:0 2% 2% 0;
	}

.catalog li img {
	width:100%;
	}
 
/* モバイル時に拡大するためのオリジナル */ 
.service {
	margin-right:0;
	}
.service li {
	list-style:none;
	float:left;
	width:100%;
	margin:0 2% 10px 0;
	}
.service li img {
	display:block;
	box-sizing:border-box;
	width:100%;
	float:none;
	margin-right:0;
	margin-bottom:10px;
	}

.staff {
	margin:10px -3% 0 0;
}
.staff div {
	float:left;
	width:100%;
	margin-right:2%;
}
.staff div img {
	width:97%;
	margin-bottom:10px;
}

.staff2 {
	margin:10px -3% 0 0;
}
.staff2 div {
	float:left;
	width:100%;
	margin-right:2%;
}
.staff2 div img {
	width:97%;
	margin-bottom:10px;
}



.bnr2_left {
	float:left;
	margin-top:5px;
}
.bnr2_right {
	float:right;
		margin-top:-5px;
}	
.bnr2 img {
	width:49%;
}	

/*================================================
 *  トップナビ
 ================================================*/
.topNavi {
	margin-right:0;
}
.topNaviColumn {
	display:block;
box-sizing:border-box;
	width:100%;
	float:none;
	margin-right:0;
	margin-bottom:10px;
}
   
  /* トップナビ 1*/
  .topNavi1 {
	margin-right:0;
}

.topNaviColumn1 {
	display:block;
	box-sizing:border-box;
	width:100%;
	float:left;
	margin-right:1%;
	margin-left:1%;
	margin-bottom:10px;
}
   
/* トップナビ 2*/
.topNavi2 {
	margin-right:0;
}

.topNaviColumn2 {
	display:block;
	box-sizing:border-box;
	width:48%;
	float:left;
	margin-right:1%;
	margin-left:1%;
	margin-bottom:10px;
}

/* トップナビ 4*/
.topNavi4 {
	margin-right:0;
}

.topNaviColumn4 {
	display:block;
	box-sizing:border-box;
	width:48%;
	float:left;
	margin-right:1%;
	margin-left:1%;
	margin-bottom:10px;
}

.topNaviPhoto4 img {
	width:100%;
}

/* トップナビ 3*/
.topNavi3 {
	margin-right:0;
}

.topNaviColumn3 {
	display:block;
	box-sizing:border-box;
	width:48%;
	float:left;
	margin-right:1%;
	margin-left:1%;
	margin-bottom:10px;
}

.topNaviPhoto3 img {
	width:100%;
}

/* トップナビ 5*/
.topNavi5 {
	margin-left:0%;
}

.topNaviColumn5 {
	margin: 0 auto;/* センタリング(効果は？)*/
	display:block;
	box-sizing:border-box;
	width:31%;
	float:left;
	margin-right:1%;
	margin-left:1%;
	margin-bottom:10px;
}

.topNaviPhoto5 img {
	width:100%;
}



 /* トップナビ 6*/
  .topNavi6 {
	margin-right:0;
}

.topNaviColumn6 {
	display:block;
	box-sizing:border-box;
	width:100%;
	float:left;
	margin-right:1%;
	margin-left:1%;
	margin-bottom:10px;
}


/* トップナビ 7*/
.topNavi7 {
	margin-right:0;
}

.topNaviColumn7 {
	display:block;
	box-sizing:border-box;
	width:31%;
	float:left;
	margin-right:1%;
	margin-left:1%;
	margin-bottom:10px;
}





}

/*===============================================
スマートフォン 横(ランドスケープ) =画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){

#contents {
	margin-top:150px;
}


/*================================================
 *  メールフォーム／inqtable
 ================================================*/
.mailform { /* これないけど？ */
	width:100%;
	margin: 0 auto;
}



/*===============================================
スマートフォン 縦(ポートレート)=画面の横幅が480pxまで
===============================================*/
@media screen and (max-width:480px){
	header {
	margin-bottom:-15px;
	}
	
.bsummary {
	display:block; width:90%;  
	padding:10px;

}
.logo{
	display:none;
}
	
.logo img{
	width:100%; 
}
	
.logosp{
	display:none;/*block*/
	opacity: 0.5;
	margin-bottom:0px;
}
	
.logosp img{
	width:100%; 
}	

#contents {
	margin-top:0em;
}
	

/*================================================
 *  メールフォーム／inqtable
 ================================================*/

.mailform { /* これないけど？ */
	width:100%;
	margin: 0 auto;
}	
 /*================================================
 *  スライドショー
 ================================================*/
 .slide {
display: none;
}	


	}