@charset "UTF-8";
/* CSS Document */

.sponly
{
	display: none;
}
BODY{
	overflow : auto;
}
/*------------------------------
	footer
------------------------------*/
#footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 101;
	background-color: #f5f5f5;
	height: auto;
	overflow: auto;

	position: relative;
	background-color: #f5f5f5;
	border-top: none !important;
}
#footerBox {
	position: relative;
	width: auto;
	padding: 140px 10px 120px;
	max-width: 1150px;
	margin: 0 auto;
	height: auto;
}
#footer .copy {
	position: relative;
	right: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	background-color: #000000;
	color: #ffffff;
	font-size: 10px;
	line-height: 1.7;
	padding: 8px 0;
}
/*------------------------------*/
#footerBox .banner01 {
	position: absolute;
	top: 50px;
	left: 10px;
	width: 118px;
	height: 40px;
	background-color: #000000;
	display: table;
	border: solid 1px #000000;
	transition: 0.4s;
}
#footerBox .banner02 {
	position: absolute;
	top: 50px;
	left: 156px;
	width: 118px;
	height: 40px;
	background-color: #000000;
	display: table;
	border: solid 1px #000000;
	transition: 0.4s;
}
#footerBox .banner01 a,
#footerBox .banner02 a {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
	transition: 0.4s;
}
#footerBox .banner01:hover,
#footerBox .banner02:hover {
	background-color: #ffffff;
}
#footerBox .banner01 a:hover,
#footerBox .banner02 a:hover {
	color: #000000;
}
/*------------------------------*/
#footerBox .fNav1,
#footerBox .fNav2,
#footerBox .fNav3,
#footerBox .fNav4 {
	width: 25%;
	float: left;
}
#footerBox .fNav1 .title,
#footerBox .fNav2 .title,
#footerBox .fNav3 .title {
	padding-bottom: 8px;
	padding-top: 6px;
	border-bottom: dotted 1px #333333;
	margin-bottom: 10px;
	margin-right: 36px;
	padding-left: 24px;
}
#footerBox .fNav1 .title {
	background: url("../../common/bg_fnav_11.png") no-repeat left center;
}
#footerBox .fNav2 .title {
	background: url("../../common/bg_fnav_21.png") no-repeat left center;
}
#footerBox .fNav3 .title {
	background: url("../../common/bg_fnav_31.png") no-repeat left center;
}
#footerBox .fNav4 .title {
	background: url("../../common/bg_fnav_41.png") no-repeat left center;
	padding-bottom: 8px;
	padding-top: 6px;
	border-bottom: dotted 1px #333333;
	margin-bottom: 10px;
	padding-left: 24px;
}
#footerBox .fNav1 ul,
#footerBox .fNav2 ul,
#footerBox .fNav3 ul {
	margin-right: 36px;
}
#footerBox .fNav1 li,
#footerBox .fNav2 li,
#footerBox .fNav3 li {
	line-height: 2.1;
	font-size: 14px;
	padding-left: 12px;
}
#footerBox .fNav1 li {
	background: url("../../common/bg_fnav_12.png") no-repeat left center;
}
#footerBox .fNav2 li {
	background: url("../../common/bg_fnav_22.png") no-repeat left center;
}
#footerBox .fNav3 li {
	background: url("../../common/bg_fnav_32.png") no-repeat left center;
}
#footerBox .fNav4 li {
	background: url("../../common/bg_fnav_42.png") no-repeat left center;
	line-height: 2.1;
	font-size: 14px;
	padding-left: 12px;
}
#footerBox .fNav1 li a,
#footerBox .fNav2 li a,
#footerBox .fNav3 li a,
#footerBox .fNav4 li a {
	color: #000000;
	text-decoration: none;
}
#footerBox .fNav1 li a:hover,
#footerBox .fNav2 li a:hover,
#footerBox .fNav3 li a:hover,
#footerBox .fNav4 li a:hover {
	text-decoration: underline;
}

/*------------------------------
	kvArea
------------------------------*/
#kvArea {
	width: 100%;
	height: 100%;
	position: relative;
	height : calc(100vh - 122px);
	height : -webkit-calc(100vh - 122px);
	margin-top: 122px;
}
/*------------------------------*/
#kvArea.num01 .bgPicture{
	opacity : 0;
	width : 100%;
	height : 100%;
	top : 0px;
	background: url("../images/num01.jpg") no-repeat center center;
	background-size: 100% 100%;
	background-size: cover;
	position : absolute;
}
#kvArea.num02 .bgPicture{
	opacity : 0;
	width : 100%;
	height : 100%;
	top : 0px;
	background: url("../images/num02.jpg") no-repeat center center;
	background-size: 100% 100%;
	background-size: cover;
	position : absolute;
}
#kvArea.num03 .bgPicture{
	opacity : 0;
	width : 100%;
	height : 100%;
	top : 0px;
	background: url("../images/num03.jpg") no-repeat center center;
	background-size: 100% 100%;
	background-size: cover;
	position : absolute;
}
#kvArea.num04 .bgPicture{
	opacity : 0;
	width : 100%;
	height : 100%;
	top : 0px;
	background: url("../images/num04.jpg") no-repeat center center;
	background-size: 100% 100%;
	background-size: cover;
	position : absolute;
}
#kvArea.num05 .bgPicture{
	opacity : 0;
	width : 100%;
	height : 100%;
	top : 0px;
	background: url("../images/num05.jpg") no-repeat center center;
	background-size: 100% 100%;
	background-size: cover;
	position : absolute;
}
#kvArea.num06 .bgPicture{
	opacity : 0;
	width : 100%;
	height : 100%;
	top : 0px;
	background: url("../images/num06.jpg") no-repeat center center;
	background-size: 100% 100%;
	background-size: cover;
	position : absolute;
}
/*------------------------------*/
#interview #kvArea #h2Box {
	max-width: 1150px;
	height: 100%;
	padding: 0 10px;
	margin: 0 auto;
	position: relative;
}
#interview #kvArea #h2Box h2 {
	background: url("../images/bg_name.png");
	opacity : 0;
	position: absolute;
	left: 10px;
	bottom: 90px;
	font-size: 14px;
	padding: 30px 40px;
	line-height: 1.6;
	font-weight: normal;
}
#interview #kvArea #h2Box h2 span.green {
	color: #2e7e0b;
}
#interview #kvArea #h2Box h2 span.name {
	font-size: 24px;
	font-weight: bold;
}
#interview #kvArea #h2Box h2 img {
	vertical-align: bottom;
}
/*------------------------------*/
#interview #lead {
	background: #f9f9f9;
	padding: 60px 0;
}
#interview #lead h2 {
	background: #f9f9f9;
	font-weight: normal;
	font-size: 30px;
	line-height: 1.5;
	max-width: 1150px;
	margin: 0 auto;
	text-align: center;
	font-family: "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", 游明朝, "Yu Mincho",YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", メイリオ, Meiryo, serif;
}
/*------------------------------*/
#kvArea #nameArea {
	padding: 0px 0;
	background-color: #f5f5f5;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}
#kvArea #nameArea dl {
	max-width: 1150px;
	padding: 0 10px;
	margin: 0 auto;
}
#kvArea #nameArea dt {
	float: left;
	border-right: solid 1px #cecece;
	padding: 3px 0;
	padding-right: 35px;
	margin-right: 25px;
	line-height: 1.4;
	font-size: 12px;
	font-weight: normal;
}
#kvArea #nameArea dt span {
	font-size: 22px;
	font-weight: bold;
}
#kvArea #nameArea dd {
	font-size: 12px;
	line-height: 1.7;
	padding-top: 4px;
}
/*------------------------------*/
#interviewIndex #kvArea .bgPicture{
	opacity : 0;
	width : 100%;
	height : 100%;
	top : 0px;
	background: url("../images/interview.jpg") no-repeat center center;
	background-size: 100% 100%;
	background-size: cover;
	position : absolute;
}
/*------------------------------*/
#interviewIndex #kvArea #h2Box {
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: 0;
	margin-left: -207px;
	margin-top: -53px;
}
#interviewIndex #kvArea #h2Box h2 img {
	vertical-align: bottom;
}
/*------------------------------*/


/*------------------------------
	subNav
------------------------------*/
#subNav {
	position: fixed;
	z-index: 101;
	top: 77px;
	left: 0;
	width: 100%;
	height: 46px;
	background-color: #2e7e0b;

}
#subNav ul {
	max-width: 690px;
	margin: 0 auto;
}
#subNav li {
	float: left;
	margin: 3px 15px;
	font-size: 12px;
	height: 39px;
	display: table;
}
#subNav li a {
	background: url("../images/bg_nav_arrow.png") no-repeat 15px center;
	color: #ffffff;
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;
	padding: 0 15px;
	height: 39px;
	padding-left: 32px;
	transition: 0.4s;
}
#subNav li.active a {
	background: url("../images/bg_nav_arrow.png") no-repeat 15px center;
	background-color: #49a322;
	color: #ffffff;
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;
	padding: 0 15px;
	height: 39px;
	padding-left: 32px;
	transition: 0.4s;
}
#subNav li.active a:hover,
#subNav li a:hover {
	background: url("../images/bg_nav_arrow.png") no-repeat 15px center;
	background-color: #49a322;
	color: #ffffff;
}

/*------------------------------
	interviewBox
------------------------------*/
#interviewBox {
	padding: 90px 0 120px;
	max-width: 1200px;
	margin: 0 auto;
}
#interviewBox .block {
	float: left;
	width: 50%;
}
#interviewBox .block .textBox {
	margin: 0 25px;
	margin-bottom: 54px;
	border: solid 1px #d9d9d9;
	height: 335px;
	position: relative;
	overflow: hidden;
}
#interviewBox .block h3 {
	background-color: #e8f6e2;
	padding: 15px 0 14px;
	font-size: 17px;
	color: #2e7e0b;
	text-align: center;
}
#interviewBox .block p {
	padding: 40px 25px 0;
	font-size: 14px;
	line-height: 1.8;
}
#interviewBox .block .pic {
	margin: 0 25px;
	margin-bottom: 54px;
	height: 337px;
	overflow: hidden;
}
#interviewBox .block .pic img {
	height: 100%;
}

/*------------------------------
	msgBox
------------------------------*/
#msgBox1 {
	height: 569px;
	margin-bottom: 170px;
}
#msgBox1 .msgArea {
	max-width: 1150px;
	margin: 0 auto;
	position: relative;
}
#msgBox1.bgMsg1 .txtBox {
	position: absolute;
	background: url("../images/bg_white.png");
	left: 40px;
	top: 110px;
	width: 495px;
	padding: 40px;
}
#msgBox1.bgMsg2 .txtBox {
	position: absolute;
	background: url("../images/bg_white.png");
	left: 40px;
	top: 110px;
	width: 495px;
	padding: 40px;
}
#msgBox1.bgMsg3 .txtBox {
	position: absolute;
	background: url("../images/bg_white.png");
	left: 40px;
	top: 110px;
	width: 495px;
	padding: 40px;
}
#msgBox1.bgMsg4 .txtBox {
	position: absolute;
	background: url("../images/bg_white.png");
	left: 40px;
	top: 110px;
	width: 495px;
	padding: 40px;
}
#msgBox1.bgMsg5 .txtBox {
	position: absolute;
	background: url("../images/bg_white.png");
	left: 40px;
	top: 110px;
	width: 495px;
	padding: 40px;
}
#msgBox1.bgMsg6 .txtBox {
	position: absolute;
	background: url("../images/bg_white.png");
	right: 40px;
	top: 110px;
	width: 495px;
	padding: 40px;
}
#msgBox1 .txtBox h3 {
	text-align: center;
	font-size: 18px;
	line-height: 1.4;
	margin-bottom: 30px;
}
#msgBox1 .txtBox h3 span {
	padding-left: 35px;
	text-align: center;
	background: url("../images/bg_h3fuki.png") no-repeat left center;
}
#msgBox1 .txtBox p {
	font-size: 13px;
	line-height: 1.8;
}
/*------------------------------*/
#msgBox1.bgMsg1 {
	background: url("../images/bg_msg01.jpg") no-repeat center top;
	background-size: 100% 100%;
	background-size: cover;
}
#msgBox1.bgMsg2 {
	background: url("../images/bg_msg02.jpg") no-repeat center top;
	background-size: 100% 100%;
	background-size: cover;
}
#msgBox1.bgMsg3 {
	background: url("../images/bg_msg03.jpg") no-repeat center top;
	background-size: 100% 100%;
	background-size: cover;
}
#msgBox1.bgMsg4 {
	background: url("../images/bg_msg04.jpg") no-repeat center top;
	background-size: 100% 100%;
	background-size: cover;
}
#msgBox1.bgMsg5 {
	background: url("../images/bg_msg05.jpg") no-repeat center top;
	background-size: 100% 100%;
	background-size: cover;
}
#msgBox1.bgMsg6 {
	background: url("../images/bg_msg06.jpg") no-repeat center top;
	background-size: 100% 100%;
	background-size: cover;
}

/*------------------------------
	scheduleBox
------------------------------*/
#scheduleBox {
	max-width: 1150px;
	margin: 0 auto;
	padding: 0 10px;
	margin-bottom: 220px;
}
#scheduleBox h3 {
	text-align: center;
	font-size: 14px;
	line-height: 1.3;
	margin-bottom: 70px;
	font-weight: normal;
}
#scheduleBox h3 span {
	text-align: center;
	font-family: "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", 游明朝, "Yu Mincho",YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", メイリオ, Meiryo, serif;
	font-size: 32px;
}
#scheduleBox .lineBox {
	width: 100%;
	height: 28px;
	position: relative;
	border-bottom: dotted 1px #000000;
	margin-bottom: 150px;
}
/*------------------------------*/
#scheduleBox .lineBox .time {
	width: 54px;
	margin: 0 auto;
	background-color: #2e7e0b;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	padding: 20px 0;
	border-radius: 50% 50%;
	margin-bottom: 10px;
}
#scheduleBox .lineBox .title {
	margin-bottom: 8px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}
#scheduleBox .lineBox p {
	line-height: 1.7;
	font-size: 12px;
}
/*------------------------------*/
#scheduleBox.person01 .lineBox .event01 {
	position: absolute;
	left: 0;
	top: 0;
	width: 180px;
}
#scheduleBox.person01 .lineBox .event02 {
	position: absolute;
	left: 220px;
	top: 0;
	width: 180px;
}
#scheduleBox.person01 .lineBox .event03 {
	position: absolute;
	left: 440px;
	top: 0;
	width: 180px;
}
#scheduleBox.person01 .lineBox .event04 {
	position: absolute;
	left: 660px;
	top: 0;
	width: 180px;
}
#scheduleBox.person01 .lineBox .event05 {
	position: absolute;
	left: 900px;
	top: 0;
	width: 180px;
}
@media (max-width: 1100px) {
	#scheduleBox.person01 .lineBox .event02 {
	left: 210px;
	width: 140px;
	}
	#scheduleBox.person01 .lineBox .event03 {
	left: 380px;
	width: 140px;
	}
	#scheduleBox.person01 .lineBox .event04 {
	left: 550px;
	width: 140px;
	}
	#scheduleBox.person01 .lineBox .event05 {
	left: 730px;
	width: 140px;
	}
}
/*------------------------------*/
#scheduleBox.person02 .lineBox .event01 {
	position: absolute;
	left: 0;
	top: 0;
	width: 150px;
}
#scheduleBox.person02 .lineBox .event02 {
	position: absolute;
	left: 164px;
	top: 0;
	width: 150px;
}
#scheduleBox.person02 .lineBox .event03 {
	position: absolute;
	left: 328px;
	top: 0;
	width: 150px;
}
#scheduleBox.person02 .lineBox .event04 {
	position: absolute;
	left: 492px;
	top: 0;
	width: 150px;
}
#scheduleBox.person02 .lineBox .event05 {
	position: absolute;
	left: 656px;
	top: 0;
	width: 150px;
}
#scheduleBox.person02 .lineBox .event06 {
	position: absolute;
	left: 820px;
	top: 0;
	width: 150px;
}
#scheduleBox.person02 .lineBox .event07 {
	position: absolute;
	left: 984px;
	top: 0;
	width: 150px;
}
@media (max-width: 1100px) {
	#scheduleBox.person02 .lineBox .event02 {
		left: 160px;
	}
	#scheduleBox.person02 .lineBox .event03 {
		left: 320px;
	}
	#scheduleBox.person02 .lineBox .event04 {
		left: 480px;
	}
	#scheduleBox.person02 .lineBox .event05 {
		left: 640px;
	}
	#scheduleBox.person02 .lineBox .event06 {
		left: 800px;
	}
}
/*------------------------------*/
#scheduleBox.person03 .lineBox .event01 {
	position: absolute;
	left: 0;
	top: 0;
	width: 150px;
}
#scheduleBox.person03 .lineBox .event02 {
	position: absolute;
	left: 180px;
	top: 0;
	width: 150px;
}
#scheduleBox.person03 .lineBox .event03 {
	position: absolute;
	left: 360px;
	top: 0;
	width: 150px;
}
#scheduleBox.person03 .lineBox .event04 {
	position: absolute;
	left: 540px;
	top: 0;
	width: 150px;
}
#scheduleBox.person03 .lineBox .event05 {
	position: absolute;
	left: 720px;
	top: 0;
	width: 150px;
}
#scheduleBox.person03 .lineBox .event06 {
	position: absolute;
	left: 900px;
	top: 0;
	width: 150px;
}
@media (max-width: 1100px) {
	#scheduleBox.person03 .lineBox .event02 {
		left: 160px;
	}
	#scheduleBox.person03 .lineBox .event03 {
		left: 320px;
	}
	#scheduleBox.person03 .lineBox .event04 {
		left: 480px;
	}
	#scheduleBox.person03 .lineBox .event05 {
		left: 640px;
	}
	#scheduleBox.person03 .lineBox .event06 {
		left: 800px;
	}
}
/*------------------------------*/
#scheduleBox.person04 .lineBox .event01 {
	position: absolute;
	left: 0;
	top: 0;
	width: 150px;
}
#scheduleBox.person04 .lineBox .event02 {
	position: absolute;
	left: 180px;
	top: 0;
	width: 150px;
}
#scheduleBox.person04 .lineBox .event03 {
	position: absolute;
	left: 360px;
	top: 0;
	width: 150px;
}
#scheduleBox.person04 .lineBox .event04 {
	position: absolute;
	left: 540px;
	top: 0;
	width: 150px;
}
#scheduleBox.person04 .lineBox .event05 {
	position: absolute;
	left: 720px;
	top: 0;
	width: 150px;
}
#scheduleBox.person04 .lineBox .event06 {
	position: absolute;
	left: 900px;
	top: 0;
	width: 150px;
}
@media (max-width: 1100px) {
	#scheduleBox.person04 .lineBox .event02 {
		left: 160px;
	}
	#scheduleBox.person04 .lineBox .event03 {
		left: 320px;
	}
	#scheduleBox.person04 .lineBox .event04 {
		left: 480px;
	}
	#scheduleBox.person04 .lineBox .event05 {
		left: 640px;
	}
	#scheduleBox.person04 .lineBox .event06 {
		left: 800px;
	}
}
/*------------------------------*/
#scheduleBox.person05 .lineBox .event01 {
	position: absolute;
	left: 0;
	top: 0;
	width: 110px;
}
#scheduleBox.person05 .lineBox .event02 {
	position: absolute;
	left: 130px;
	top: 0;
	width: 130px;
}
#scheduleBox.person05 .lineBox .event03 {
	position: absolute;
	left: 290px;
	top: 0;
	width: 130px;
}
#scheduleBox.person05 .lineBox .event04 {
	position: absolute;
	left: 450px;
	top: 0;
	width: 130px;
}
#scheduleBox.person05 .lineBox .event05 {
	position: absolute;
	left: 600px;
	top: 0;
	width: 150px;
}
#scheduleBox.person05 .lineBox .event06 {
	position: absolute;
	left: 780px;
	top: 0;
	width: 135px;
}
#scheduleBox.person05 .lineBox .event07 {
	position: absolute;
	left: 940px;
	top: 0;
	width: 135px;
}
@media (max-width: 1100px) {
	#scheduleBox.person05 .lineBox .event02 {
		left: 120px;
		width: 95px;
	}
	#scheduleBox.person05 .lineBox .event03 {
		left: 240px;
		width: 110px;
	}
	#scheduleBox.person05 .lineBox .event04 {
		left: 375px;
		width: 120px;
	}
	#scheduleBox.person05 .lineBox .event05 {
		left: 515px;
	}
	#scheduleBox.person05 .lineBox .event06 {
		left: 685px;
		width: 110px;
	}
	#scheduleBox.person05 .lineBox .event07 {
		left: 815px;
		width: 135px;
	}
}
/*------------------------------*/
#scheduleBox.person06 .lineBox .event01 {
	position: absolute;
	left: 0;
	top: 0;
	width: 110px;
}
#scheduleBox.person06 .lineBox .event02 {
	position: absolute;
	left: 130px;
	top: 0;
	width: 130px;
}
#scheduleBox.person06 .lineBox .event03 {
	position: absolute;
	left: 290px;
	top: 0;
	width: 130px;
}
#scheduleBox.person06 .lineBox .event04 {
	position: absolute;
	left: 450px;
	top: 0;
	width: 130px;
}
#scheduleBox.person06 .lineBox .event05 {
	position: absolute;
	left: 600px;
	top: 0;
	width: 150px;
}
#scheduleBox.person06 .lineBox .event06 {
	position: absolute;
	left: 780px;
	top: 0;
	width: 135px;
}
#scheduleBox.person06 .lineBox .event07 {
	position: absolute;
	left: 940px;
	top: 0;
	width: 135px;
}
@media (max-width: 1100px) {
	#scheduleBox.person06 .lineBox .event02 {
		left: 120px;
		width: 95px;
	}
	#scheduleBox.person06 .lineBox .event03 {
		left: 240px;
		width: 110px;
	}
	#scheduleBox.person06 .lineBox .event04 {
		left: 375px;
		width: 120px;
	}
	#scheduleBox.person06 .lineBox .event05 {
		left: 515px;
	}
	#scheduleBox.person06 .lineBox .event06 {
		left: 685px;
		width: 110px;
	}
	#scheduleBox.person06 .lineBox .event07 {
		left: 815px;
		width: 135px;
	}
}

/*------------------------------
	personList
------------------------------*/
#personArea {
	border-top: solid 2px #2e7e0b;
	padding: 80px 10px 50px 150px;
}
#personList {
	margin: 0 auto;
	max-width: 1150px;
}
#personList ul {
	width: 80%;
	float: left;
	margin: 0 auto;
}
#personList li {
	width: 33.3%;
	float: left;
}
#personList li.active .pic {
	opacity: 0.6;
	-moz-opacity: 0.60;
	filter: alpha(opacity=60);
}
#personList li .pic {
	max-width: 143px;
	margin: 0 auto;
}
#personList li .pic img {
	width: 100%;
}
#personList li .pic a:hover {
	opacity: 0.6;
	-moz-opacity: 0.60;
	filter: alpha(opacity=60);
}

/*------------------------------
	return
------------------------------*/
#return {
	width: 100%;
	padding-bottom: 140px;
}
#return .btnBox {
	width: 260px;
	margin: 0 auto;
	height: 40px;
	display: table;
	background-color: #2e7e0b;
	transition: 0.4s;
}
#return .btnBox a {
	display: table-cell;
	width: 260px;
	text-align: center;
	text-decoration: none;
	height: 40px;
	vertical-align: middle;
	color: #ffffff;
}
#return .btnBox:hover {
	opacity: 0.6;
	-moz-opacity: 0.60;
	filter: alpha(opacity=60);
}

/*------------------------------
	interview index
------------------------------*/
#interviewIndex #listbox {
	margin-top: 130px;
	margin-bottom: 80px;
}
#interviewIndex #listbox .interviewlist {
	max-width: 1068px;
	margin: 0 auto;
}
#interviewIndex #listbox .interviewlist ul li {
	float: left;
	width: 316px;
	margin: 0 20px;
	margin-bottom: 70px;
	position: relative;
	height: 585px;
}
#interviewIndex #listbox .interviewlist ul li .pic {
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	z-index: 7;
}
#interviewIndex #listbox .interviewlist ul li img {
	width: 100%;
}
@media (max-width: 1100px) {
	#interviewIndex #listbox .interviewlist {
		max-width: 900px;
		margin: 0 auto;
	}
	#interviewIndex #listbox .interviewlist ul li {
		float: left;
		width: 270px;
		margin: 0 15px;
		margin-bottom: 70px;
		position: relative;
		height: 500px;
	}
	#interviewIndex #listbox .interviewlist ul li .pic {
		position: absolute;
		left: 0;
		top: 0;
		width: 270px;
		z-index: 7;
	}
}
/*------------------------------*/
#interviewIndex #listbox .anime1 .aff1 {
	position: absolute;
	left: 70px;
	top: 20px;
	width: 50px;
	z-index: 5;
}
#interviewIndex #listbox .anime1 .aff2 {
	position: absolute;
	left: 70px;
	top: 20px;
	width: 50px;
	z-index: 6;
}
#interviewIndex #listbox .anime1:hover .aff1 {
	-webkit-animation: raito 0.6s linear infinite;
	animation: raito 0.6s linear infinite;
}
#interviewIndex #listbox .anime1:hover .aff2 {
	-webkit-animation: raito2 0.6s linear infinite;
	animation: raito2 0.6s linear infinite;
}
@-webkit-keyframes raito {
	0% {-webkit-transform: translate(0px, 0px);}
	50% {-webkit-transform: translate(-2px, 2px);}
	100% {-webkit-transform: translate(0px, 0px);}
}
@keyframes raito {
	0% {-webkit-transform: translate(0px, 0px);}
	50% {-webkit-transform: translate(-2px, 2px);}
	100% {-webkit-transform: translate(0px, 0px);}
}
@-webkit-keyframes raito2 {
	0% {-webkit-transform: translate(0px, 0px);}
	50% {-webkit-transform: translate(2px, -2px);}
	100% {-webkit-transform: translate(0px, 0px);}
}
@keyframes raito2 {
	0% {-webkit-transform: translate(0px, 0px);}
	50% {-webkit-transform: translate(2px, -2px);}
	100% {-webkit-transform: translate(0px, 0px);}
}
@media (max-width: 1100px) {
	#interviewIndex #listbox .anime1 .aff1 {
		position: absolute;
		left: 60px;
		top: 0;
		width: 50px;
		z-index: 5;
	}
	#interviewIndex #listbox .anime1 .aff2 {
		position: absolute;
		left: 60px;
		top: 0;
		width: 50px;
		z-index: 6;
	}
}
/*------------------------------*/
#interviewIndex #listbox li.anime2 {
	overflow: hidden;
}
#interviewIndex #listbox .anime2 .aff1 {
	position: absolute;
	left: 60px;
	top: 30px;
	width: 76px;
	z-index: 5;
}
#interviewIndex #listbox .anime2 .aff2 {
	position: absolute;
	left: 60px;
	top: 30px;
	width: 86px;
	z-index: 6;
	opacity: 0;
}
#interviewIndex #listbox .anime2:hover .aff2 {
	opacity: 1;
	-webkit-animation: naname 1.2s linear infinite;
	animation: naname 1.2s linear infinite;
}
@-webkit-keyframes naname {
	0% {-webkit-transform: translate(0px, 0px);}
	55% {-webkit-transform: translate(-76px, -89px);}
	100% {-webkit-transform: translate(-76px, -89px);}
}
@keyframes naname {
	0% {-webkit-transform: translate(0px, 0px);}
	55% {-webkit-transform: translate(-76px, -89px);}
	100% {-webkit-transform: translate(-76px, -89px);}
}
@media (max-width: 1100px) {
	#interviewIndex #listbox .anime2 .aff1 {
		position: absolute;
		left: 35px;
		top: 15px;
		width: 76px;
		z-index: 5;
	}
	#interviewIndex #listbox .anime2 .aff2 {
		position: absolute;
		left: 35px;
		top: 15px;
		width: 86px;
		z-index: 6;
		opacity: 0;
	}
}
/*------------------------------*/
#interviewIndex #listbox .anime3 .aff1 {
	position: absolute;
	left: 148px;
	top: 40px;
	width: 77px;
	z-index: 5;
}
#interviewIndex #listbox .anime3:hover .aff1 {
	-webkit-animation: bound 1.2s linear infinite;
	animation: bound 1.2s linear infinite;
}
@-webkit-keyframes bound {
	0% {-webkit-transform: translateY(0px);}
	50% {-webkit-transform: translateY(-30px);}
	100% {-webkit-transform: translateY(0px);}
}
@keyframes bound {
	0% {transform: translateY(0px);}
	50% {transform: translateY(-30px);}
	100% {transform: translateY(0px);}
}
@media (max-width: 1100px) {
	#interviewIndex #listbox .anime3 .aff1 {
		position: absolute;
		left: 140px;
		top: 30px;
		width: 77px;
		z-index: 5;
	}
}
/*------------------------------*/
#interviewIndex #listbox .anime4 .aff1 {
	position: absolute;
	left: -10px;
	top: 0;
	width: 53px;
	z-index: 5;
}
#interviewIndex #listbox .anime4 .aff2 {
	position: absolute;
	left: 170px;
	top: 80px;
	width: 42px;
	z-index: 6;
}
#interviewIndex #listbox .anime4:hover .aff1 {
	-webkit-animation: kira 1.6s linear infinite;
	animation: kira 1.6s linear infinite;
}
#interviewIndex #listbox .anime4:hover .aff2 {
	-webkit-animation: kira2 1.6s linear infinite;
	animation: kira2 1.6s linear infinite;
}
@-webkit-keyframes kira {
	0% {-webkit-transform: scale3d(1.0, 1.0, 1.0);}
	25% {-webkit-transform: scale3d(1.3, 1.3, 1.3);}
	50% {-webkit-transform: scale3d(1.3, 1.3, 1.3);}
	75% {-webkit-transform: scale3d(1.0, 1.0, 1.0);}
	100% {-webkit-transform: scale3d(1.0, 1.0, 1.0);}
}
@keyframes kira {
	0% {-webkit-transform: scale3d(1.0, 1.0, 1.0);}
	25% {-webkit-transform: scale3d(1.3, 1.3, 1.3);}
	50% {-webkit-transform: scale3d(1.3, 1.3, 1.3);}
	75% {-webkit-transform: scale3d(1.0, 1.0, 1.0);}
	100% {-webkit-transform: scale3d(1.0, 1.0, 1.0);}
}
@-webkit-keyframes kira2 {
	0% {-webkit-transform: scale3d(1.0, 1.0, 1.0);}
	25% {-webkit-transform: scale3d(1.0, 1.0, 1.0);}
	50% {-webkit-transform: scale3d(1.3, 1.3, 1.3);}
	75% {-webkit-transform: scale3d(1.3, 1.3, 1.3);}
	100% {-webkit-transform: scale3d(1.0, 1.0, 1.0);}
}
@keyframes kira2 {
	0% {-webkit-transform: scale3d(1.0, 1.0, 1.0);}
	25% {-webkit-transform: scale3d(1.0, 1.0, 1.0);}
	50% {-webkit-transform: scale3d(1.3, 1.3, 1.3);}
	75% {-webkit-transform: scale3d(1.3, 1.3, 1.3);}
	100% {-webkit-transform: scale3d(1.0, 1.0, 1.0);}
}
@media (max-width: 1100px) {
	#interviewIndex #listbox .anime4 .aff1 {
		position: absolute;
		left: -20px;
		top: 10px;
		width: 53px;
		z-index: 5;
	}
	#interviewIndex #listbox .anime4 .aff2 {
		position: absolute;
		left: 150px;
		top: 70px;
		width: 42px;
		z-index: 6;
	}
}
/*------------------------------*/
#interviewIndex #listbox .anime5 .aff1 {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -114px;
	margin-top: -260px;
	width: 116px;
	z-index: 5;
}
#interviewIndex #listbox .anime5:hover .aff1 {
	-webkit-animation: spin 3.6s linear infinite;
	animation: spin 3.6s linear infinite;
}
@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
@media (max-width: 1100px) {
	#interviewIndex #listbox .anime5 .aff1 {
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -104px;
		margin-top: -220px;
		width: 106px;
		z-index: 5;
	}
}
/*------------------------------*/
#interviewIndex #listbox li.anime6 {
	overflow: hidden;
}
#interviewIndex #listbox .anime6 .aff1 {
	position: absolute;
	left: 81px;
	top: 0px;
	width: 76px;
	z-index: 5;
}
#interviewIndex #listbox .anime6 .aff2 {
	position: absolute;
	left: 45px;
	top: 500px;
	width: 51px;
	z-index: 6;
}
#interviewIndex #listbox .anime6:hover .aff1 {
	-webkit-animation: hikoki 2.8s linear infinite;
	animation: hikoki 2.8s linear infinite;
}
#interviewIndex #listbox .anime6:hover .aff2 {
	-webkit-animation: kaban 1.8s linear infinite;
	animation: kaban 1.8s linear infinite;
}
@-webkit-keyframes hikoki {
	0% {-webkit-transform: translate(-200px, 40px);}
	80% {-webkit-transform: translate(260px, 0px);}
	100% {-webkit-transform: translate(260px, 0px);}
}
@keyframes hikoki {
	0% {-webkit-transform: translate(-200px, 40px);}
	80% {-webkit-transform: translate(260px, 0px);}
	100% {-webkit-transform: translate(260px, 0px);}
}
@-webkit-keyframes kaban {
	0% {-webkit-transform: rotate(0deg);}
	20% {-webkit-transform: rotate(-25deg);}
	60% {-webkit-transform: rotate(-25deg);}
	80% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(0deg);}
}
@keyframes kaban {
	0% {-webkit-transform: rotate(0deg);}
	20% {-webkit-transform: rotate(-25deg);}
	60% {-webkit-transform: rotate(-25deg);}
	80% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(0deg);}
}
@media (max-width: 1100px) {
	#interviewIndex #listbox .anime6 .aff1 {
		position: absolute;
		left: 51px;
		top: 0px;
		width: 76px;
		z-index: 5;
	}
	#interviewIndex #listbox .anime6 .aff2 {
		position: absolute;
		left: 35px;
		top: 420px;
		width: 51px;
		z-index: 6;
	}
}
/*------------------------------*/






/*------------------------------
	step
------------------------------*/
#step #kvArea .bgPicture{
	opacity : 0;
	width : 100%;
	height : 100%;
	top : 0px;
	background: url("../images/bg_step.jpg") no-repeat center center;
	background-size: 100% 100%;
	background-size: cover;
	position : absolute;
}
#step #kvArea #h2Box {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -248px;
	margin-top: -56px;
}
/*------------------------------*/
#step h3 {
	font-size: 20px;
	background-color: #f5f5f5;
	text-align: center;
	padding: 25px 0;
}
/*------------------------------*/
#step #modelArea .picArea {
	width: 100%;
	position: relative;
}
#step #modelArea .picArea .pic1 {
	position: absolute;
	right: 0;
	top: 0;
	width: 75px;
}
#step #modelArea .picArea .pic2 {
	position: absolute;
	right: 106px;
	top: 208px;
	width: 110px;
}
#step #modelArea .picArea .pic3 {
	position: absolute;
	right: 0px;
	top: 498px;
	width: 81px;
}
#step #modelArea .picArea .pic4 {
	position: absolute;
	right: 107px;
	top: 770px;
	width: 100px;
}
#step #modelArea .picArea .pic1 img,
#step #modelArea .picArea .pic2 img,
#step #modelArea .picArea .pic3 img,
#step #modelArea .picArea .pic4  img{
	width: 100%;
}
/*------------------------------*/
#step #modelArea {
	padding: 60px 10px 150px;
	max-width: 1150px;
	margin: 0 auto;
}
#step #modelArea .model1,
#step #modelArea .model2,
#step #modelArea .model3,
#step #modelArea .model4 {
	padding: 0 240px 0 85px;
	position: relative;
	margin-bottom: 20px;
}
#step #modelArea p {
	background: url("../images/bg_h4_line.gif") repeat-x left top;
	padding-top: 22px;
	line-height: 1.8;
	font-size: 14px;
	padding-bottom: 60px;
}
#step #modelArea .model1 .arrow img,
#step #modelArea .model2 .arrow img,
#step #modelArea .model3 .arrow img,
#step #modelArea .model4 .arrow img {
	padding-top: 25px;
}
#step #modelArea .model1 h4 {
	background: url("../images/bg_h4_01.png") no-repeat left 10px;
	color: #97b201;
	font-weight: normal;
	font-size: 20px;
	line-height: 1.3;
	padding: 6px 10px 20px 25px;
}
#step #modelArea .model1 .arrow {
	width: 60px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	background: url("../images/bg_step_arrow01.gif") no-repeat left bottom;
	background-color: #f5fbd4;
}
#step #modelArea .model2 h4 {
	background: url("../images/bg_h4_02.png") no-repeat left 10px;
	color: #5aa90c;
	font-weight: normal;
	font-size: 20px;
	line-height: 1.3;
	padding: 6px 10px 20px 25px;
}
#step #modelArea .model2 .arrow {
	width: 60px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	background: url("../images/bg_step_arrow02.gif") no-repeat left bottom;
	background-color: #e1f8ca;
}
#step #modelArea .model3 h4 {
	background: url("../images/bg_h4_03.png") no-repeat left 10px;
	color: #238108;
	font-weight: normal;
	font-size: 20px;
	line-height: 1.3;
	padding: 6px 10px 20px 25px;
}
#step #modelArea .model3 .arrow {
	width: 60px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	background: url("../images/bg_step_arrow03.gif") no-repeat left bottom;
	background-color: #c6eabc;
}
#step #modelArea .model4 .arrow {
	width: 60px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	background: url("../images/bg_step_arrow04.gif") no-repeat left bottom;
	background-color: #299e42;
}
#step #modelArea .model4 p {
	background: none;
	line-height: 2.1;
	font-size: 14px;
	padding-top: 50px;
	padding-bottom: 80px;
}
#step #modelArea .model4 p span {
	font-weight: bold;
	color: #299e42;
}
/*------------------------------*/
#step .lead {
	padding: 45px 10px 50px;
	max-width: 1150px;
	margin: 0 auto;
	font-size: 14px;
}
#step #caseBox {
	max-width: 1190px;
	margin: 0 auto;
	margin-bottom: 120px;
}
#step .caseList {
	float: left;
	width: 33.3%;
}
#step .caseList .case1,
#step .caseList .case2,
#step .caseList .case3 {
	padding: 0 20px;
}
#step .caseList .arrow {
	text-align: center;
	padding: 10px 0 8px;
}
#step .caseList .case1 h4 {
	padding: 20px 0;
	text-align: center;
	padding-bottom: 25px;
	background-color: #e1ad11;
	color: #ffffff;
	font-weight: normal;
}
#step .caseList .case1 h4 span {
	background: url("../images/bg_h4_case.png") no-repeat left center;
	padding: 5px 40px;
}
#step .caseList .case1 .point {
	padding: 8px 10px 14px;
	border: solid 2px #e1ad11;
	text-align: center;
	line-height: 1.4;
	font-size: 20px;
}
#step .caseList .case1 .point span {
	font-size: 12px;
	color: #e1ad11;
}
#step .caseList .case2 h4 {
	padding: 20px 0;
	text-align: center;
	padding-bottom: 25px;
	background-color: #0069b5;
	color: #ffffff;
	font-weight: normal;
}
#step .caseList .case2 h4 span {
	background: url("../images/bg_h4_case.png") no-repeat left center;
	padding: 5px 40px;
}
#step .caseList .case2 .point {
	padding: 8px 10px 14px;
	border: solid 2px #0069b5;
	text-align: center;
	line-height: 1.4;
	font-size: 20px;
}
#step .caseList .case2 .point span {
	font-size: 12px;
	color: #0069b5;
}
#step .caseList .case3 h4 {
	padding: 20px 0;
	text-align: center;
	padding-bottom: 25px;
	background-color: #da3d3d;
	color: #ffffff;
	font-weight: normal;
}
#step .caseList .case3 h4 span {
	background: url("../images/bg_h4_case.png") no-repeat left center;
	padding: 5px 40px;
}
#step .caseList .case3 .point {
	padding: 8px 10px 14px;
	border: solid 2px #da3d3d;
	text-align: center;
	line-height: 1.4;
	font-size: 20px;
}
#step .caseList .case3 .point span {
	font-size: 12px;
	color: #da3d3d;
}
/*------------------------------*/

/*------------------------------
	index
------------------------------*/
#index #kvArea .bgPicture{
	opacity : 0;
	width : 100%;
	height : 100%;
	top : 0px;
	background: url("../images/bg_index.jpg") no-repeat center center;
	background-size: 100% 100%;
	background-size: cover;
	position : absolute;
}
#index #kvArea #h2Box {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -115px;
	margin-top: -55px;
}
/*------------------------------*/
#index #contentsBox {
	padding: 90px 10px 120px;
	margin: 0 auto;
	max-width: 1150px;
}
#index #contentsBox .leftBox {
	margin-bottom: 80px;
	padding: 0px 10px 10px 450px;
	position: relative;
	min-height: 381px;
}
#index #contentsBox .leftBox .pic {
	position: absolute;
	left: 0;
	top: 0;
	width: 381px;
}
#index #contentsBox .rightBox {
	margin-bottom: 80px;
	padding: 0px 450px 10px 10px;
	position: relative;
	min-height: 381px;
}
#index #contentsBox .rightBox .pic {
	position: absolute;
	right: 0;
	top: 0;
	width: 381px;
}
#index #contentsBox h3 {
	margin-top: 60px;
	padding: 16px 10px 35px 20px;
	font-size: 30px;
	font-weight: normal;
	background: url("../images/bg_index_h3.gif") no-repeat left top;
	font-family: "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", 游明朝, "Yu Mincho",YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", メイリオ, Meiryo, serif;
}
#index #contentsBox p {
	font-size: 14px;
	line-height: 1.9;
}
#index #contentsBox .leftBox .pic img,
#index #contentsBox .rightBox .pic img {
	width: 100%;
}




/*------------------------------
	solution
------------------------------*/
#solution #kvArea .bgPicture{
	opacity : 0;
	width : 100%;
	height : 100%;
	top : 0px;
	background: url("../images/bg_solution.jpg") no-repeat center top;
	background-size: 100% 100%;
	background-size: cover;
	position : absolute;
}
#solution #kvArea #h2Box {
	width : 100%;
	height : 100%;
	position: relative;
	overflow: hidden;
}
#solution #kvArea #h2Box .nameBox {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	background: url("../images/bg_name.png");
	width: 100%;
}
#solution #kvArea #h2Box .nameBox .boxInner {
	padding: 30px 0;
	position: relative;
}
#solution #kvArea #h2Box2 .h2Pos {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 673px;
	margin-top: -87px;
	opacity: 0;
}
/*
#solution #kvArea h2 {
	width: 269px;
	margin: 0 auto;
	padding: 45px 10px;
}
*/
#solution #kvArea h2 img {
	width: 100%;
}
#solution #kvArea .name1 {
	margin-left: 10%;
	float: left;
}
#solution #kvArea .title {
	color: #2e7e0b;
	padding: 4px 0 4px 10px;
	border-left: solid 6px #2e7e0b;
	margin-bottom: 6px;
}
#solution #kvArea .job {
	line-height: 1.6;
	font-size: 14px;
}
#solution #kvArea .job span {
	font-weight: bold;
	font-size: 20px;
}
#solution #kvArea .name2 {
	margin-left: 10%;
	float: left;
}
@media (max-width: 1370px) {
	#solution #kvArea #h2Box .nameBox h2 {
		position: absolute;
		left: 50%;
		bottom: 230px;
		margin-left: -130px;
		width: 600px;
	}
	#solution #kvArea #h2Box2 .h2Pos {
		position: absolute;
		left: 50%;
		top: 50%;
		width: 600px;
		margin-left: -60px;
		margin-top: -87px;
	}
}

/*------------------------------*/

#solutionArea {
	padding-top: 50px;
	padding-bottom: 50px;
	border-bottom: solid 1px #dadada;
}
#solutionBox {
	max-width: 765px;
	margin: 0 auto;
	padding: 0 10px;
	background: url("../images/img_solution01.jpg") no-repeat left top;
	min-height: 147px;
	padding-left: 385px;
}
#solutionBox .title{
	color: #000000;
	font-size: 20px;
	line-height: 1.5;
	padding-bottom: 10px;
	margin-bottom: 16px;
	border-bottom: dotted 1px #232323;
}
#solutionBox .title span {
	font-family: serif;
	color: #43872b;
	font-size: 24px;
	padding-right: 20px;
}

#solutionBox p{
	color: #000000;
	line-height: 1.8;
	font-size: 14px;
}

.solutionArea03{
	background: #f9fff6;
	padding-top: 50px;
	padding-bottom: 50px;
}

/*------------------------------*/
#exampleArea {
	padding: 0 10px;
	padding-top: 50px;
	padding-bottom: 30px;
}
/*------------------------------*/
#exampleArea #exampleBox01 .title {
	max-width: 1150px;
	margin: 0 auto;
	padding: 0 10px;
	background: url("../images/h3_01.jpg") no-repeat left center;
	background-color:#f3f3f3;
	height: 120px;
	margin-bottom: 40px;
}
#exampleArea #exampleBox01 .title h3 {
	color: #2e7e0b;
	font-size: 24px;
	font-family: "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", 游明朝, "Yu Mincho",YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", メイリオ, Meiryo, serif;
	font-weight: bold;
	line-height: 1.4;
	padding: 45px 0 0 150px;
}
#exampleBox01 .ex01 {
	max-width: 1150px;
	margin: 0 auto;
	padding: 0 10px;
	background: url("../images/ex_01.jpg") no-repeat right top;
	min-height: 191px;
	margin-bottom: 110px;
}
#exampleBox01 .ex01 p {
	color: #000000;
	line-height: 1.8;
	font-size: 14px;
	padding: 0 370px 0 0;
}

/*------------------------------*/
#exampleArea #exampleBox02 .title {
	max-width: 1150px;
	margin: 0 auto;
	padding: 0 10px;
	background: url("../images/h3_02.jpg") no-repeat left center;
	background-color:#f3f3f3;
	height: 120px;
	margin-bottom: 40px;
}
#exampleArea #exampleBox02 .title h3 {
	color: #2e7e0b;
	font-size: 24px;
	font-family: "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", 游明朝, "Yu Mincho",YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", メイリオ, Meiryo, serif;
	font-weight: bold;
	line-height: 1.4;
	padding: 45px 0 0 150px;
}
#exampleBox02 .ex02 {
	max-width: 1150px;
	margin: 0 auto;
	padding: 0 10px;
	background: url("../images/ex_02.jpg") no-repeat left top;
	min-height: 191px;
	margin-bottom: 110px;
}
#exampleBox02 .ex02 p {
	color: #000000;
	line-height: 1.8;
	font-size: 14px;
	padding: 0 0 0 370px;
}

/*------------------------------*/
#exampleArea #exampleBox03 .title {
	max-width: 1150px;
	margin: 0 auto;
	padding: 0 10px;
	background: url("../images/h3_03.jpg") no-repeat left center;
	background-color:#f3f3f3;
	height: 120px;
	margin-bottom: 40px;
}
#exampleArea #exampleBox03 .title h3 {
	color: #2e7e0b;
	font-size: 24px;
	font-family: "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", 游明朝, "Yu Mincho",YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", メイリオ, Meiryo, serif;
	font-weight: bold;
	line-height: 1.4;
	padding: 45px 0 0 150px;
}
#exampleBox03 .ex03 {
	max-width: 1150px;
	margin: 0 auto;
	padding: 0 10px;
	background: url("../images/ex_03.jpg") no-repeat right top;
	min-height: 191px;
	margin-bottom: 110px;
}
#exampleBox03 .ex03 p {
	color: #000000;
	line-height: 1.8;
	font-size: 14px;
	padding: 0 370px 0 0;
}

/*------------------------------*/
#exampleArea #exampleBox04 .title {
	max-width: 1150px;
	margin: 0 auto;
	padding: 0 10px;
	background: url("../images/h3_04.jpg") no-repeat left center;
	background-color:#f3f3f3;
	height: 120px;
	margin-bottom: 40px;
}
#exampleArea #exampleBox04 .title h3 {
	color: #2e7e0b;
	font-size: 24px;
	font-family: "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", 游明朝, "Yu Mincho",YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", メイリオ, Meiryo, serif;
	font-weight: bold;
	line-height: 1.4;
	padding: 45px 0 0 150px;
}
#exampleBox04 .ex04 {
	max-width: 1150px;
	margin: 0 auto;
	padding: 0 10px;
	background: url("../images/ex_04.jpg") no-repeat left top;
	min-height: 191px;
	margin-bottom: 110px;
}
#exampleBox04 .ex04 p {
	color: #000000;
	line-height: 1.8;
	font-size: 14px;
	padding: 0 0 0 370px;
}

/*------------------------------*/
.solutionArea03 #solutionBox03{
    max-width: 789px;
	margin: 0 auto;
	padding: 0 10px;
	background: url("../images/img_03.jpg") no-repeat right top;
	min-height: 231px;
	padding-right: 359px;
	background-color: #f9fff6;
	}

#solutionBox03 .title {
	position: relative;
	background: url("../images/border.png") repeat-x right bottom;
	color: #2e7e0b;
	font-size: 20px;
	padding: 12px 0 32px 50px;
}
.solutionArea03 #solutionBox03 .icon001{
	position: absolute;
	left: 0;
	top: 0;
}


#solutionBox03 p{
	color: #000000;
	line-height:1.8;
	font-size: 14px;
	padding: 20px 0px 31px 0;
}



.solutionArea03 #solutionBox04{
    max-width: 789px;
	margin: 0 auto;
	padding: 0 10px;
	background: url("../images/img_04.jpg") no-repeat left top;
	min-height: 231px;
	padding-left: 359px;
	padding-bottom: 100px;
	background-color: #f9fff6;
}

#solutionBox04 .title {
	position: relative;
	background: url("../images/border.png") repeat-x left bottom;
	color: #2e7e0b;
	font-size: 20px;
	padding: 12px 0 32px 50px;
}

.solutionArea03 #solutionBox04 .icon002{
	position: absolute;
	left: 0;
	top: 0;
}


#solutionBox04 p{
	color: #000000;
	line-height: 1.8;
	font-size: 14px;
	padding: 20px 0px 31px 0;
}