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

#pageOffice {}

#pageOffice .boxSkill {
	border:solid 1px #ccc;
	padding:25px 35px;
	margin-bottom:35px;
}

#pageOffice .boxSkill dl {
	border-bottom:solid 1px #ccc;
	color:#666;
	font-size:1.05em;
	padding:20px 10px;
}

#pageOffice .boxSkill dt {
	float:left;
	width:100px;
}
#pageOffice .boxSkill dd {
	margin-left:120px;
}

#pageOffice .boxGallary {}

#pageOffice .boxGallary .boxMap {
	width:350px;
	float:left;
}
#pageOffice .boxGallary .boxMap iframe {
	width:100%;
	height:350px;
}

#pageOffice .boxGallary .photo {
	width:350px;
	float:right;
	line-height:0;
}
#pageOffice .boxGallary .photo img {
	width:100%;
	height:auto;
}

#pageOffice .boxSkill li {
	background:url(../../default/css/css_img/iconListP01.png) no-repeat -4px -6px;
}

/**************************************************************************************
**************************************************************************************
画面サイズが640pxより小さい場合
**************************************************************************************
**************************************************************************************/


@media screen and (max-width: 640px){
	#pageOffice .boxGallary .boxMap {
		width:48%;
	}
	#pageOffice .boxGallary .boxMap iframe {
		height:280px;
	}
	
	#pageOffice .boxGallary .photo {
		width:48%;
	}
}

/**************************************************************************************
**************************************************************************************
画面サイズが460pxより小さい場合
**************************************************************************************
**************************************************************************************/


@media screen and (max-width: 460px){
	
	#pageOffice .boxSkill dt {
		float:none;
		width:auto;
		margin-bottom:15px;
	}
	#pageOffice .boxSkill dd {
		margin-left:0;
	}
	
	#pageOffice .boxGallary .boxMap {
		width:auto;
		float:none;
		margin-bottom:15px;
	}
	#pageOffice .boxGallary .boxMap iframe {
		height:320px;
	}
	
	#pageOffice .boxGallary .photo {
		width:auto;
		float:none;
	}
	
}