@charset "UTF-8";


/*--------------------------------------------------------------------------
	override
--------------------------------------------------------------------------*/
#footer{
	margin-top: 0;
}



/*--------------------------------------------------------------------------
	メインビジュアル
--------------------------------------------------------------------------*/
#content .main-view{
	margin-bottom: 35px;
	float: none;
}

/* .sec01-way
-----------------------------------------------------------------*/

#content .sec01-way{
	padding-top: 10px;
}
#content .sec01-way h2{
	margin-bottom: 20px;
}

#content .sec01-way .box-hover.hover{
	filter: alpha(opacity=100);        /* ie8 lt */
	-ms-filter: "alpha(opacity=100)";  /* ie8 */
	opacity: 1;
}

#content .sec01-way .box-hover.hover *{
	color: #333 !important;
}

#content .sec01-way div{
	position: relative;
	overflow: hidden;
	float: left;
	width: 462px;
	height: 180px;
	margin: 0 16px 16px 0;
}

#content .sec01-way .sec01-way02,
#content .sec01-way .sec01-way04{
	margin-right: 0;
}

#content .sec01-way01{ background: #f08200 url(/company/saiyo/images/index/way01_bg.gif) no-repeat;}
#content .sec01-way02{ background: #3eb034 url(/company/saiyo/images/index/way02_bg.gif) no-repeat;}
#content .sec01-way03{ background: #f8b500 url(/company/saiyo/images/index/way03_bg.gif) no-repeat;}
#content .sec01-way04{ background: #8bd085 url(/company/saiyo/images/index/way04_bg.gif) no-repeat;}
#content .sec01-way dl{
	padding: 38px 180px 12px 25px;
}
#content .sec01-way dl,
#content .sec01-way a{
	color: #fff;
	text-decoration: none;
}
#content .sec01-way dt a{
	width:100%;
	display: inline-block;
	margin-bottom: 15px;
	padding: 0 0 0 15px;
	background: url(/company/saiyo/shared/images/ico_arw01.png) no-repeat 0 5px;
  /display: inline;
  /zoom: 1;
}
#content .sec01-way .hover dt a{
	background: url(/company/saiyo/shared/images/ico_arw03.png) no-repeat 0 5px;
}

#content .sec01-way dd{
	font-size: 108%;
	line-height: 1.8;
}
#content .sec01-way01 dl dt img{
	width:170px;
	height:18px;
	padding:3px 0 0;
}
#content .sec01-way02 dl dt img{
	width:170px;
	height:18px;
	padding:3px 0 0;
}
#content .sec01-way03 dl dt img{
	width:170px;
	height:18px;
	padding:3px 0 0;
}
#content .sec01-way04 dl dt img{
	width:170px;
	height:18px;
	padding:3px 0 0;
}
#content .sec01-way01 dl dd img{
	width:251px;
	height:37.5px;
}
#content .sec01-way02 dl dd img{
	width:237.5px;
	height:37.5px;
}
#content .sec01-way03 dl dd img{
	width:247.5px;
	height:37px;
}
#content .sec01-way04 dl dd img{
	width:232px;
	height:37.5px;
}

#content .sec01-way .box-hover p{
	position: absolute;
	top: 0;
	right: 0;
	margin-bottom: 0;
}

/* PC */
@media screen and (max-width:939px) {
	#content .sec01-way div{
		float: none;
		width: 100%;
		margin: 0 0 10px;
	}
}

/* SP */
@media screen and (max-width:767px) {
	#content .sec01-way{
		padding-top: 0;
	}
	#content .sec01-way h2{
		background: none;
	}
	#content .sec01-way div{
		border-radius: 3px;
		height: 130px;
	}

	#content .sec01-way dl{
		padding: 15px 140px 10px 10px;
	}
	#content .sec01-way dt a{
		width:auto;
		background-position: 0 6px;
		margin-bottom: 8px;
		padding-left: 12px;
		font-size: 108%;
	}

	#content .sec01-way dd{
		font-size: 85%;
		line-height: 1.5;
	}
	#content .sec01-way .box-hover p img{
		width: 130px;
		height: 130px;
	}
	#content .sec01-way01 dl dt img{
		width:100%;
		height:auto;
	}
	#content .sec01-way02 dl dt img{
		width:100%;
		height:auto;
	}
	#content .sec01-way03 dl dt img{
		width:100%;
		height:auto;
	}
	#content .sec01-way04 dl dt img{
		width:100%;
		height:auto;
	}
	#content .sec01-way01 dl dd img{
		width:180px;
		height:auto;
	}
	#content .sec01-way02 dl dd img{
		width:180px;
		height:auto;
	}
	#content .sec01-way03 dl dd img{
		width:180px;
		height:auto;
	}
	#content .sec01-way04 dl dd img{
		width:180px;
		height:auto;
	}
}


/* .sec01-saiyo
-----------------------------------------------------------------*/
#content .sec01-saiyo{
	padding: 40px 0 50px;
}

#content .sec01-saiyo h2{
/*	margin-bottom: 20px;
	border: none;
	font-size: 262%;*/
}

#content .sec01-saiyo-box {
	margin: 25px -8px 0;
}

#content .sec01-saiyo .box{
	float: left;
	width: 460px;
	height: 152px;
	margin: 0 8px 16px;
}
#content .sec01-saiyo .box dl{
	padding: 30px 180px 25px 25px;
}
#content .sec01-saiyo .box dt{
	margin-bottom: 5px;
}
#content .sec01-saiyo .box dd{
	font-size: 86%;
	line-height: 1.8;
}

/* PC */
@media screen and (max-width:939px) {
	#content .sec01-saiyo-box {
		margin: 20px 0 0;
	}

	#content .sec01-saiyo{
		padding: 20px 0 30px;
	}

	#content .sec01-saiyo .box{
		width: 100%;
		float: none;
		margin: 0 0 8px;
	}

	#content .sec01-saiyo .sec01-saiyo01 dl{
		padding: 20px 160px 25px 25px;
	}
}

/* SP */
@media screen and (max-width:767px) {
	#content .sec01-saiyo-box {
		margin: 15px 0 0;
	}
	#content .sec01-saiyo .box{
		margin: 0 0 10px;
		height: 109px;
	}

	#content .sec01-saiyo .sec01-saiyo01{
		height: 130px;
	}
	#content .sec01-saiyo .box dl{
		padding: 8px 140px 10px 10px;
	}
	#content .sec01-saiyo .box dt{
		margin-bottom: 0;
		line-height: 1.2;
	}
	#content .sec01-saiyo .box dt a{
		min-height: 19px;
		padding-top: 4px;
		margin-bottom: 3px;
		font-size: 108%;
	}
	#content .sec01-saiyo .box dd{
		line-height: 1.5;
	}
	#content .sec01-saiyo .box p img{
		width: 130px;
	}
}



/*--------------------------------------------------------------------------
	Message
--------------------------------------------------------------------------*/
#message{
}
#message-bg{
	width: 940px;
	margin: 0 auto;
	background:url(/company/saiyo/images/index/message_bg_base.png) repeat-y 0 0;
}
#message-inner{
	width:100%;
	background:url(/company/saiyo/images/index/message_bg_top.png) no-repeat 0 0;
}
#message-inline{
	padding:50px 30px 240px 230px;
	background:url(/company/saiyo/images/index/message_bg_bottom.png) no-repeat 0 100%;
}
#message h2{
	margin-bottom: 20px;
	border: none;
	font-size: 262%;
	font-family:arial,sans-serif;
	font-weight: normal;
	background: none;
}
#message p{
	line-height: 1.8;
}
#message p.lead{
	margin-bottom: 20px;
	font-size: 116%;
}

#message p.nav-top{
	width: 940px;
	margin: 0 auto;
	padding: 50px 0 70px;
}

/* PC */
@media screen and (max-width:939px) {
	#message{
		padding:0 10px;
	}
	#message-bg{
		overflow:hidden;
		border: 1px solid #ebebeb;
		background: #fafafa;
		border-radius: 5px;
		box-sizing: border-box;
		width: 100%;
	}
	#message-inner{
		width:100%;
		background: url(/company/saiyo/images/index/message_img01.gif) no-repeat 10px 20%;
	}
	#message-inline{
		margin-bottom:-50px;
		padding:20px 10px 200px 200px;
		background:url(/company/saiyo/images/index/message_bg_bottom.png) no-repeat 50% 100%;
	}
	#message p.nav-top{
		width: auto;
		padding: 50px 15px 70px;
	}
}

/* SP */
@media screen and (max-width:767px) {
	#message-inner{
		background:none;
	}
	#message-inline{
		padding:10px 10px 200px;
	}
	#message p.nav-top{
		padding: 25px 15px;
	}
}

