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

/*
BUSINESS index
========================================================================================== */


/* contents -- common */
#contents {
	min-width: 1154px;
}
#contents .b-wrap {
	position: relative;
	width: 980px;
	margin: 0 auto;
}

#contents .modal {
	position: absolute;
}
#contents .modal .ttl {
	width: 160px;
	height: 80px;
	margin: 0 auto -6px auto;
	padding-top: 20px;
	background: #fff;
	border-radius: 80px 80px 0 0;
	text-align: center;
}
#contents .modal .ttl span {
	display: block;
	font-weight: bold;
}
#contents .modal .ttl .txt01 {
	margin-bottom: 10px;
	font-size: 15px;
}
#contents .modal .ttl .txt02 {
	font-size: 20px;
}
#contents .modal .btn {
	position: relative;
}
#contents .modal .btn img {
	opacity: 1;
	transition: opacity .2s ease-in;
}
#contents .modal .btn a {
	display: block;
}
#contents .sec01 .modal .btn {
	background: url(../../../images/business/index/sec01_btn_modal_on.png) no-repeat 50% 0;
}
#contents .sec02 .modal .btn {
	background: url(../../../images/business/index/sec02_btn_modal_on.png) no-repeat 50% 0;
}
#contents .sec03-01 .modal .btn {
	background: url(../../../images/business/index/sec03-01_btn_modal_on.png) no-repeat 0 0;
}
#contents .sec03-02 .modal .btn {
	background: url(../../../images/business/index/sec03-02_btn_modal_on.png) no-repeat 0 0;
}
#contents .sec03-btm .modal .btn {
	background: url(../../../images/business/index/sec03-03_btn_modal_on.png) no-repeat 50% 0;
}
#contents .modal .btn:after {
	display: block;
	position: absolute;
	bottom: 0;
}
#contents .sec01 .modal .btn:after {
	content: url(../../../images/business/index/sec01_deco_shadow.png);
	right: -123px;
}
#contents .sec02 .modal .btn:after {
	content: url(../../../images/business/index/sec02_deco_shadow.png);
	right: -122px;
}
#contents .sec03-01 .modal .btn:after {
	content: url(../../../images/business/index/sec03-01_deco_shadow.png);
	right: 0;
}
#contents .sec03-02 .modal .btn:after {
	content: url(../../../images/business/index/sec03-02_deco_shadow.png);
	right: 0;
}
#contents .sec03-btm .modal .btn:after {
	content: url(../../../images/business/index/sec03-03_deco_shadow.png);
	right: -116px;
}
/*hover*/
#contents .modal .btn a:hover img {
	opacity: 0;
}

/* sec01 */
#contents .sec01{
	height: 624px;
	background-image: url(../../../images/business/index/sec01_bg_wave.png), url(../../../images/business/index/sec01_bg_illust.png), url(../../../images/business/index/sec01_bg.jpg);
	background-position: 0 100%, 50% 100%, 0 0;
	background-repeat: repeat-x, no-repeat, repeat-x;
}
#contents .sec01 h1 {
	padding: 56px 0 0 46px;
}
#contents .sec01 .modal {
	top: 125px;
	left: 470px;
}
#contents .sec01 .person {
	top: 374px;
	left: 408px;
}

/* sec02 */
#contents .sec02 {
	height: 685px;
	background-image:  url(../../../images/business/index/sec02_bg_illust.png), url(../../../images/business/index/sec02_bg.jpg);
	background-position: 50% 100%, 0 0;
	background-repeat: no-repeat, repeat-x;
}
#contents .sec02 h1 {
	padding: 64px 0 0 550px;
}
#contents .sec02 .modal {
	top: 126px;
	left: 28px;
}
#contents .sec02 .person {
	top: 370px;
	left: -28px;
}
#contents .sec02 .person p.ttl {
	position: absolute;
	top: 40px;
	left: -5px;

}
#contents .sec02 .person ul {
	display: block;
	position: absolute;
	left: 85px;
	top: 10px;
	width: 280px;
}
#contents .sec02 .person ul:last-of-type {
	top: 150px;
}

/* sec03 */
#contents .sec03 {
	position: relative;
	background-color: #eee;
}
#contents .sec03:before {
	content: url(../../../images/business/index/sec03_img_deco_left.png);
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -580px;
	z-index: 2;
}

#contents .sec03 .sec03-top {
	position: relative;
	width: 1280px;
	margin: 0 auto;
	padding: 261px 0 120px 0;
}
#contents .sec03 .sec03-top:before {
	content: url(../../../images/business/index/sec03_img_deco_top.png);
	display: block;
	position: absolute;
	top: 0;
	left: 230px;
	z-index: 9;
}
#contents .sec03 .sec03-top .person.float{
	position: absolute;
	top: 70px;
	left: 308px;
	z-index: 19;
}
#contents .sec03 .sec03-top .person.float li:first-child{
	margin-right: 343px;
}
#contents .sec03 .sec03-01 {
	position: relative;
	width: 472px;
	height: 724px;
	margin-left: 225px;
	background: url(../../../images/business/index/sec03-01_bg.png) repeat-x 0 0;
	z-index: 6;
}
#contents .sec03 .sec03-02 {
	position: absolute;
	top: 261px;
	right: 100px;
	width: 474px;
	height: 524px;
	background: url(../../../images/business/index/sec03-02_bg.png) repeat-x 0 0;
	z-index: 6;
}
#contents .sec03 .sec03-top h1 {
	padding: 38px 0 26px 0;
	text-align: center;
	line-height: 0;
}
#contents .sec03 .sec03-top .img {
	margin-bottom: 38px;
}
#contents .sec03 .sec03-top .modal {
	position: relative;
	margin: 0 0 25px 25px;
}
#contents .sec03 .sec03-top .sec03-02 .modal {
	position: relative;
	margin-left: 23px;
}
#contents .sec03 .sec03-top .person {
	position: relative;
	text-align: center;
}

#contents .sec03 .sec03-btm {
	position: relative;
	max-width: 1280px;
	margin: auto;
}
#contents .sec03 .sec03-btm:before {
	content: url(../../../images/business/index/sec03_img_deco_middle.png);
	display: block;
	position: absolute;
	top: -500px;
	left: 225px;
	z-index: 5;
}
#contents .sec03 .sec03-btm:after {
	content: url(../../../images/business/index/sec03_img_deco_btm.png);
	display: block;
	position: absolute;
	bottom: -133px;
	left: 765px;
	z-index: 9;
}
#contents .sec03 .sec03-btm .inner {
	position: relative;
	width: 1035px;
	height: 763px;
	margin-left: 225px;
	background: url(../../../images/business/index/sec03-03_bg.png) no-repeat 50% 0;
	z-index: 22;
}
#contents .sec03 .sec03-btm h1 {
	padding: 55px 0 0 62px;
}
#contents .sec03 .sec03-btm .modal {
	top: 186px;
	left: 60px;
}
#contents .sec03 .sec03-btm .person {
	width: 280px;
	top: 230px;
	left: 620px;
}