@charset "utf-8";

/* CSS information ===================================================

	 file name : style.css
	style info : コンテンツ部分スタイルシート

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

/*----------------------------------------------------------
/* .hero メインビジュアル
----------------------------------------------------------*/
.hero {
	width:100%;
	height:429px;
	margin-top:98px;
	/margin-top:-8px;
	background-color:#38BF00;
}
.hero div.inner01 {
	position:relative;
	width:980px;
	margin:0 auto;
}
.hero div.inner02 {
	width:1280px;
	margin:0 -150px;
}
.hero p {
	position:absolute;
	left:12px;
	bottom:52px;
}

/*----------------------------------------------------------
/* .content メインコンテンツ
----------------------------------------------------------*/
.content {
	position:relative;
	width:980px;
	margin:0 auto;
	padding-bottom:113px;
	background:url(../img/psys_bg04.png) no-repeat center bottom;
	z-index:1;
}
.content section {
	position:relative;
	margin-top:-98px;
	/margin-top:0;
	padding-top:98px;
	/padding-top:0;
	background:url(../img/psys_bg03.png) no-repeat center bottom;
}
.content h2 {
	margin-bottom:50px;
	font-size:276.9%;
	font-weight:bold;
	text-align:center;
}
.content h3 {
	padding-bottom:20px;
	font-size:184.6%;
	font-weight:bold;
}
.content p {
	font-size:123.1%;
	line-height:2.0;
}

/* .section01 ピーシスとは
------------------------------------------------*/
.content section.section01 h2 {
	margin-bottom:20px;
	font-size:184.6%;
	font-weight:bold;
	text-align:left;
}
.section01 div.inner {
	padding:70px 60px 130px 0;
}
.section01 div.txt {
	float:left;
	width:634px;
}
.section01 figure {
	float:right;
}

/* .section02 ピーシスとは
------------------------------------------------*/
.section02 div.inner {
	padding:50px 0 120px;
}
.section02 ul li {
	float:left;
	width:141px;
	height:267px;
	padding-top:60px;
	font-size:200.0%;
	font-weight:bold;
	text-align:center;
	line-height:1.2;
	color:#FFF;
}
.section02 ul li.case01 {
	margin-left:91px;
	background:url(../img/psys_img02.png) no-repeat center top;
}
.section02 ul li.case02 {
	margin-left:191px;
	background:url(../img/psys_img03.png) no-repeat center top;
}
.section02 ul li.case03 {
	margin-left:191px;
	background:url(../img/psys_img04.png) no-repeat center top;
}

/* .section03 特徴
------------------------------------------------*/
.section03 div.inner {
	padding:10px 0 110px;
}
.section03 div.block {
	position:relative;
}
.section03 div.txt01 {
	clear:both;
	float:left;
	width:634px;
	padding:80px 0 40px;
}
.section03 div.txt02 {
	clear:both;
	float:right;
	width:634px;
	padding:80px 0 40px;
}
.section03 div.txt03 {
	clear:both;
	float:left;
	width:634px;
	padding:80px 0 40px;
}
.section03 figure.img01 {
	float:right;
	margin-right:-20px;
}
.section03 figure.img02 {
	float:left;
	margin-left:-20px;
}
.section03 figure.img03 {
	float:right;
	margin-right:-20px;
}

/* .section04 管理方法
------------------------------------------------*/
.section04 div.inner {
	padding:50px 0 80px;
}
.section04 div.txt {
	clear:both;
	float:right;
	width:680px;
	margin-bottom:50px;
	padding-top:30px;
}
.section04 figure {
	float:left;
	width:279px;
	margin-bottom:50px;
	
}

/* .section05 お問い合わせ
------------------------------------------------*/
.content section.section05 {
	background:none;
}
.section05 div.inner {
	padding:50px 0;
}
.section05 h2 {
	margin-bottom:30px;
}
.section05 p {
	margin-bottom:30px;
}

/* .section06 お問い合わせ完了
------------------------------------------------*/
.content section.section06 {
	background:none;
	margin:98px auto 0;
	/margin-top:-8px;
	padding-top:0;
}
.section06 div.inner {
	padding:50px 0;
}
.section06 h2 {
	margin-bottom:30px;
}
.section06 p {
	margin-bottom:40px;
}