@charset "utf-8";

/*=========================================*/
/* 職場紹介 */
/*=========================================*/


/*-- CONTENTS --*/

@media screen and (min-width:1201px){

#department_main_image{
	border-top:1px solid #ffffff;
	border-bottom:1px solid #cdc3b9;
}

#department_main_image img{
	width:100%;
}

#department_area{
	padding:50px 50px 70px 50px;
	border-top:1px solid #ffffff;
}

.department_main_text{
	padding:0px 10px 50px 10px;
	text-align:left;
	font-size:100%;
	line-height:180%;
	color:#645a5a;
	font-weight:bold;
}

.department_sub_title{
	padding:15px 20px 10px 20px;
	background-image:url(../images/common_sub_title_back.jpg);
	border-top:1px solid #d7d2cd;
	border-left:1px solid #d7d2cd;
	border-right:1px solid #fffafa;
	border-bottom:1px solid #fffafa;
	box-sizing:border-box;
	font-size:100%;
	line-height:150%;
	color:#322d2d;
	font-weight:normal;
	text-align:left;
	/* radius */
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	    -ms-border-radius:3px;
		 -o-border-radius:3px;
		    border-radius:3px;
}

#department_floor_area{
	padding:0px 0px 30px 0px;
}

.department_floor{
	padding:30px 0px 30px 0px;
	border-bottom:1px dotted #cdc3b9;
	overflow:hidden;
}

.department_floor .image{
	float:left;
	width:40%;
}

.department_floor .image p{
	padding:0px 30px 0px 0px;
}

.department_floor .image p img{
	width:100%;
}

.department_floor .image_sp{
	display:none;
}

.department_floor .text_area{
	float:left;
	width:60%;
}

.department_floor .text_area .title{
	padding:10px 0px 10px 0px;
	font-size:120%;
	color:#322d2d;
}

.department_floor .text_area .text{
	padding:0px 10px 0px 0px;
	font-size:80%;
	line-height:180%;
	color:#645a5a;
}

}

@media screen and (max-width:1200px){

#department_main_image{
	border-top:1px solid #ffffff;
	border-bottom:1px solid #cdc3b9;
}

#department_main_image img{
	width:100%;
}

#department_area{
	padding:50px 50px 70px 50px;
	border-top:1px solid #ffffff;
}

.department_main_text{
	padding:0px 10px 50px 10px;
	text-align:left;
	font-size:90%;
	line-height:180%;
	color:#645a5a;
	font-weight:bold;
}

.department_br{
	display:none;
}

.department_sub_title{
	padding:13px 20px 10px 20px;
	background-image:url(../images/common_sub_title_back.jpg);
	border-top:1px solid #d7d2cd;
	border-left:1px solid #d7d2cd;
	border-right:1px solid #fffafa;
	border-bottom:1px solid #fffafa;
	box-sizing:border-box;
	font-size:95%;
	line-height:150%;
	color:#322d2d;
	font-weight:normal;
	text-align:left;
	/* radius */
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	    -ms-border-radius:3px;
		 -o-border-radius:3px;
		    border-radius:3px;
}

#department_floor_area{
	padding:0px 0px 30px 0px;
}

.department_floor{
	padding:30px 0px 30px 0px;
	border-bottom:1px dotted #cdc3b9;
	overflow:hidden;
}

.department_floor .image{
	display:none;
}

.department_floor .image_sp{
	width:100%;
}

.department_floor .image_sp p{
	padding:0px 10px 0px 10px;
}

.department_floor .image_sp p img{
	width:100%;
}

.department_floor .text_area{
	width:100%;
}

.department_floor .text_area .title{
	padding:20px 10px 5px 10px;
	font-size:100%;
	color:#322d2d;
}

.department_floor .text_area .text{
	padding:0px 10px 0px 10px;
	font-size:80%;
	line-height:180%;
	color:#645a5a;
}

}

@media screen and (max-width:640px){

#department_area{
	padding:50px 30px 70px 30px;
}

.department_main_text{
	padding:0px 10px 30px 10px;
	font-size:80%;
}

.department_sub_title{
	padding:10px 20px 8px 20px;
	font-size:90%;
}

#department_floor_area{
	padding:0px 0px 20px 0px;
}

.department_floor{
	padding:20px 0px 20px 0px;
}

.department_floor .image_sp p{
	padding:0px 5px 0px 5px;
}

.department_floor .text_area .title{
	padding:15px 5px 5px 5px;
	font-size:90%;
}

.department_floor .text_area .text{
	padding:0px 5px 0px 5px;
	font-size:75%;
}

}

@media screen and (max-width:480px){

#department_area{
	padding:30px 20px 50px 20px;
}

}

@media screen and (max-width:320px){

#department_area{
	padding:30px 10px 50px 10px;
}

}