@charset "utf-8";

/* お客さまインタビュー（トップページ）
---------------------------------------------- */
.itop-txt{
	margin:0 0 50px;
}
.itop-box{
    display: flex;
	padding:30px 20px;
	border-bottom:1px dotted #CCCCCC;
	overflow:auto;
}
#main div > div.itop-box:last-child {
    border-bottom: none;
}
.itop-box img{
	margin:0 40px 0 0;
    border: 1px solid #CCC;
	float:left;
}
.itop-box dt{
	font-size:2rem;
	font-weight:bold;
	margin:0 0 16px 0;
}
.itop-box dt a{
    color: #1C2F61 !important;
	text-decoration:none;
}
.itop-box dt a:hover{
	color:#FF6600 !important;
}

.itop-box dd p.itop-order{
    font-weight: bold;
	color:#333;
    margin-bottom: 5px;
}



/*　お客様インタビュー　≪各企業様設定≫ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/*　目次部分　*/
#mokuji{
	font-size:14px;
	margin-bottom:40px;
	padding:40px 30px 10px 30px;
	border:1px solid #CCCCCC;
	background:#FBF3E1 url(../img/h_mokuji.gif) no-repeat 15px 10px;
}

#mokuji li{
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px dashed #CCCCCC;
}

#mokuji li a{
	text-decoration:none;
}


/*　見出し　*/
#interview-box h4{
	margin:0 0 10px 0;
	padding:2px 0 2px 10px;
	font-size:14px;
	clear:both;
	background:#003366;
	color:#FFFFFF;
}


/*　写真（画像）表示部分　*/
.img-center{
	margin:0 0 30px 0;
	text-align:center;
}

#interview-box dl{
	width:280px;
	margin-left:11px;
	float:left;
}

#interview-box dt img{
	margin:0 10px 0 0;
	padding:20px 20px 20px 10px;
	background:url(../img/bg_img.jpg) no-repeat 0 0;
}
/*　写真キャップション*/
#interview-box dd{
	text-align:center;
	letter-spacing:0px;
	line-height:110%;
	font-size: 93%;
}


/*　段落　*/
#interview-box p{
	margin:0 0 20px 15px;
	font-size:1.6rem;
}


/*　スタッフのささやき部分　*/
.staff{
	margin:0 0 0 15px;
	padding:0 0 0 39px;
	background:url(../img/staff.gif) no-repeat 0 0;
}

#interview-box .staff p{
	font-weight:bold;
	padding:9px 10px;
	margin:0 0 20px 0;
	border:1px solid #003399;
	color:#666666;
	background:#F4F9FF;
/*	background: #3399FF;
	color:#FFFFFF;*/
}





/*　お客様インタビュー　≪トップ・エンド画像設定≫ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/*　jaeトップ画像　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#jae-top{
	width:600px;
	height:320px;
	margin:0 0 20px 0;
	background:url(../img/jae/top.jpg) no-repeat 0 0;
	text-indent:-9999px;
}

#jae-top h4{
	margin:0;
	padding:0;
	background:none !important;
    border-left: none !important;
}

/*　jaeエンド画像　－－－－－－－－－－*/

#jae-end{
	width:600px;
	height:210px;
	margin:40px 0 50px 0;
	background:url(../img/jae/end.jpg) no-repeat 0 0;
	text-indent:-9999px;
}



/*　minervaトップ画像　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#min-top{
	width:600px;
	height:320px;
	margin:0 0 20px 0;
	background:url(../img/min/top.jpg) no-repeat 0 0;
	text-indent:-9999px;
}

#min-top h4{
	margin:30px 0 0 0;
	padding:0;
	background:none !important;
    border-left: none !important;
}

/*　minervaエンド画像　－－－－－－－－－－*/

#min-end{
	width:600px;
	height:210px;
	margin:40px 0 50px 0;
	background:url(../img/min/end.jpg) no-repeat 0 0;
	text-indent:-9999px;
}


/*　queensトップ画像　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#queen-top{
	width:600px;
	height:320px;
	margin:0 0 20px 0;
	background:url(../img/queens/top.jpg) no-repeat 0 0;
	text-indent:-9999px;
}

#queen-top h4{
	margin:30px 0 0 0;
	padding:0;
	background:none !important;
    border-left: none !important;
}

/*　minervaエンド画像　－－－－－－－－－－*/

#queen-end{
	width:600px;
	height:210px;
	margin:40px 0 50px 0;
	background:url(../img/queens/end.jpg) no-repeat 0 0;
	text-indent:-9999px;
}

