@charset "shift_jis";


/* **************************************************

Name: interview.css

Description: Setting of Interview page

Create: 2015.05.21
Update: 2015.05.28

Copyright 2015 Hitachi, Ltd. 

***************************************************** */
* { word-break: break-word;}

dt.Left {
	float: left;
}

dt.Left + dd {
  margin: 0px 80px 10px 80px;
  padding: 10px 0 10px;
  line-height: 1.35;
  background-color: #faf9f3;
  padding: 10px;
  font-size: 90%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  max-width:100%;
}
dt.Left + dd:after {
	content: "";
	display: block;
	clear: both;
	}

dt.Right {
	float: right;
}

dt.Right + dd {
  margin: 0px 80px 10px 80px;
  padding: 10px 0 10px;
  line-height: 1.35;
  background-color: #faf9f3;
  padding: 10px;
  font-size: 90%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  max-width:100%;
}

dt.Right + dd:after {
	content: "";
	display: block;
	clear: both;
	}

.Prof {
	width: 95%;
	margin: 0 auto;
	}

.Prof:after {
	content: "";
	display: block;
	clear: both;
	}

.Prof img {
	padding: 0;
	margin: 0 1em 0 0;
	float: left;
	}

.Prof.Pk div {
	padding: 1em;
	background: #fceff8;	
	min-height: 279px;
	}
	
.Prof.Mt div {
	padding: 1em;
	background: #e6fbea;
	min-height: 279px;	
	}

.Prof  .P_name	 { font-size: 100%;}

.Prof .P_txt {
	font-size: 90%;
	line-height: 140%;
	}

h2.Title_Prof {
	background: #ecf9ff;
	padding: .45em 1em .5em .6em;
	margin: 1em 0;
	}
h2.Title_Prof:before {
	position: relative;
	top: .3em;
	margin-right:.25em;
	content: url("/it-pf/mag/ryoko/image/icon/icon_eyecatch.png");
}

h2.Title_Prof  span {
/*	background-color: transparent;
/*	background-image: url("/it-pf/mag/sample/image/icon/icon_eyecatch.png");
	background-position: top left ;*/
/*	margin:0 0 0 3em;
	padding:0;
*/	}
	


.BoxPattern_R {
	clear: both;
	margin: 0 0 15px;
	padding: 5px 0 5px 0;
	background-color: #FFECF7;
	zoom: 1;
}
.BoxPattern_R:after {
	content: "";
	display: block;
	clear: both;
}
.BoxPattern_R h2.Title {
	padding: .0 1em .1em .6em;
	margin: 3px 0;
	font-weight:bold;
	}
.BoxPattern_R h2.Title:before {
	position: relative;
	top: .3em;
	margin-right:.25em;
	content: url("/it-pf/mag/ryoko/image/icon/icon_eyecatch2.png");
}
.BoxPattern_R p {
	margin-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
}











@media screen and (max-width:767px)	{
	dt.Left ,
	dt.Right  {
		width: 60px;
	}
	dt.Right + dd { margin: 0px 60px 10px 0px;}
	dt.Left + dd { margin: 0px 0px 10px 60px;}
	.Prof { width:100%}
	.Prof img { width: 35%;}
	}