@charset "utf-8";
/* /////////////////////////////////////////////////////////
	会社概要
///////////////////////////////////////////////////////// */

/*=================================
	header
==================================*/
#header{
	width:100%;
	height:783px;
	background:url(../work/images/background.jpg) center top no-repeat;
}

/* h-con */
#header #h-con{
	width:1280px;
	margin:0 auto;
	padding-top:94px;
	position:relative;
}

/* h1 */
#header #h-con h1{
	width:1040px;
	height:0px;
	padding-top:245px;
	background:url(../work/images/logo.png) no-repeat;
	display:block;
	overflow:hidden;
	margin-left:105px;
}

/* ====================================
	catch-phrase
==================================== */
#catch-phrase{
	width:720px;
	height:0;
	padding-top:470px;
	display:block;
	overflow:hidden;
	background:url(../work/images/catch-phrase.png) 0 -83px no-repeat;
	position:absolute;
	left:120px;
	top:313px;
}

/* ====================================
	work
==================================== */
#work{
	width:1100px;
	padding:40px 90px;
}

/* ====================================
	intro
==================================== */
.intro{
	width:1100px;
	border-bottom:2px solid #DDD;
	padding:80px 0;
}
.intro:first-child{
	padding-top:0;
	padding-bottom:70px;
}
.intro:last-child{
	border-bottom:none;
}

/* profile01・profile02 */
#profile01,
#profile02{
	width:1100px;
	height:0;
	padding-top:346px;
	display:block;
	overflow:hidden;
	margin-bottom:58px;
}
#profile01{
	background:url(../work/images/profile01.jpg) no-repeat;
}
#profile02{
	background:url(../work/images/profile02.jpg) no-repeat;
}

/* interview */
.interview{
	margin-bottom:45px;
}
.interview h3{
	width:700px;
	height:0;
	padding-top:82px;
	display:block;
	overflow:hidden;
	background:url(../work/images/interview-title.png) no-repeat;
	margin-bottom:23px;
}
.interview ul{
	width:640px;
	padding:0 30px;
}
.interview li{
	padding:7px 0;
}

.interview li h4{
	color:#0F57BF;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:1.9rem;
	font-weight:bolder;
	line-height:45px;
	background:url(../images/common/q-icon.png) left center no-repeat;
	margin-bottom:8px;
	padding-left:65px;
}
.interview li p{
	min-height:45px;
	line-height:24px;
	background:url(../images/common/a-icon.png) left 2px no-repeat;
	margin-bottom:7px;
	padding-left:65px;
}

/* message */
.message h3{
	width:700px;
	height:0;
	padding-top:82px;
	display:block;
	overflow:hidden;
	background:url(../work/images/message-title.png) no-repeat;
	margin-bottom:23px;
}

.message p{
	width:640px;
	padding:0 30px;
	margin-bottom:30px;
}
.message p:last-child{
	margin-bottom:0;
}

/* interview・message */
.interview,
.message{
	width:1100px;
}
.interview div,
.message div{
	width:700px;
	float:right;
}

.interview figure,
.message figure{
	width:376px;
	float:left;
	padding:0 5px 10px 5px;
}
.interview figure img,
.message figure img{
	width:376px;
	height:360px;
	display:block;
	box-shadow:rgba(153, 153, 153, 0.8) 0px 3px 3px 1px;
	-webkit-box-shadow:rgba(153, 153, 153, 0.8) 0px 3px 3px 1px;
	-moz-box-shadow:rgba(153, 153, 153, 0.8) 0px 3px 3px 1px;
}

/*=================================
	footer
==================================*/
#footer{
	margin:20px auto 90px auto;
}

#main-menu #m02 a{
	background-position:0 -78px;
}