ｃ@charset "utf-8";

/* CSS Document */

/*------------------------
layout.css

data
20150623 creat

index
01 clearfix
02 common && smartdevice
03 mediaqueries min-w381px
04 mediaqueries min-w768px
05 mediaqueries min-w1024px

--------------------------*/






/*==================================================

02 common && smartdevice

==================================================*/
html{

}

/*大ボックス*/
.content{
	width:90%;
	margin:50px 5% 0px 5%;
}
/*小ボックス*/
.div_voice_left,.div_voice_right{
	width:100%;
	margin-top: 20px;
	background-color:white;
	border:solid 5px #f0f0f0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

}


.heightLine section {
	padding:40px 0;

}

/*仕事内容について・先輩社員の声のテキスト*/
.content h2{
	font-size:24px;
	font-weight:bold;
	text-align:center;
	line-height:26px;
}
/*仕事内容について・先輩社員の声の下ローマ字テキスト*/
p.roma{
	font-size:11px;
	font-weight:bold;
	text-align:center;
	color:#2f98e9;

}
/*画像まわりの余白取り*/
.pic_img_flame{
	width:90%;
	padding:20px 0px;
	margin:0 5%;

}
/*画像下のテキスト*/
p.setsumei{
	font-size:13px;
	text-align:center;
	color:black;
	line-height:18px;
}


.content a{
	color:#393939;

}
.content a:hover{
	text-decoration:none;

}
/*==================================================

03 mediaqueries min-w381px

==================================================*/
@media only screen and (min-width: 381px){


}
/*==================================================

04 mediaqueries min-w768px

==================================================*/
@media only screen and (min-width: 768px){

.content{
	margin-top:60px;
}

.div_voice_left,.div_voice_right{
	width:41%;
	margin-top: 0px;
	float:left;
}
/*左ボックス*/
.div_voice_left{
	margin-left:7%;
	margin-right:4%;
}
/*右ボックス*/
.div_voice_right{
	margin-right:7%;
}

ul#pankuzu{
	display:block;
}

}