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

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


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


/* sec-nav */
#contents .sec-nav {
	border-bottom: 6px solid #34BEFF;
}
#contents .sec-nav ul .current span {
	background: #34BEFF;
}
#contents .sec-nav.btm {
	border-top: 6px solid #34BEFF;
}


#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 .sec02-01 .modal .btn {
	background: url(../../../images/business/business02/sec02_btn_modal01_on.png) no-repeat 50% 0;
}
#contents .sec02-02 .modal .btn {
	background: url(../../../images/business/business02/sec02_btn_modal02_on.png) no-repeat 50% 0;
}
#contents .modal .btn:after {
	display: block;
	position: absolute;
	bottom: 0;
}
#contents .sec02-01 .modal .btn:after {
	content: url(../../../images/business/business02/sec02_deco_shadow.png);
	right: -123px;
}
#contents .sec02-02 .modal .btn:after {
	content: url(../../../images/business/business02/sec02_deco_shadow.png);
	right: -122px;
}

/*hover*/
#contents .modal .btn a:hover img {
	opacity: 0;
}


#contents .sec-wrap {
	background-color: #EDEDED;
}

/* sec01 */
#contents .sec01 {
	padding: 60px 0 401px 0;
	width: 980px;
	margin: 0 auto;
	position: relative;
	z-index: 10;
	background: url(../../../images/business/business02/sec01_img_deco_btm.png) no-repeat 50% 100%;
}
#contents .sec01 .b-wrap {
	height: 245px;
}


#contents .sec01-01 {
	width: 476px;
	height: 245px;
	position: absolute;
	top: 0;
	left: 0;
}
#contents .sec01-01 h1 {
	text-align: center;
}
#contents .sec01-01 p.img {
	position: relative;
	top: -20px;
}

#contents .sec01-01 .person .ttl {
	position: absolute;
	left: 446px;
	top: 0;
}
#contents .sec01-01 .person ul {
	position: absolute;
	left: 212px;
	top: 28px;
	width: 555px;
}
#contents .sec01-02 {
	width: 476px;
	height: 245px;
	position: absolute;
	top: 0;
	right: 0;
}
#contents .sec01-02 h1 {
	text-align: center;
	padding: 5px 0 9px 0;
}

/* sec02 */
#contents .sec02 {
	width: 1050px;
	margin: 0 auto 20px;
	padding: 0 0 100px;
	position: relative;
	background: url(../../../images/business/business02/sec02_img_deco_btm1.png) no-repeat 50% 100%;
}
#contents .sec02:after {
	content: ' ';
	width: 614px;
	height: 204px;
	background: url(../../../images/business/business02/sec02_img_deco_btm2.png) no-repeat 50% 100%;
	position: absolute;
	bottom: -204px;
	left: 218px;
}
#contents .sec02 .b-wrap {
	width: 1050px;
	height: 724px;
	position: relative;
	top: -30px;
}

#contents .sec02-01 {
	width: 520px;
	height: 562px;
	background: url(../../../images/business/business02/sec02_illust01.png) no-repeat 50% 0%;
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
}
#contents .sec02-01 h1 {
	text-align: center;
	padding: 40px 0 0 0;
}
#contents .sec02-01 .modal {
	padding: 120px 0 0 55px;
}
#contents .sec02-01 .ttl .txt02 {
	font-size: 16px;
}
#contents .sec02-01 .person .ttl {
	position: absolute;
	left: 214px;
	top: 398px;
}
#contents .sec02-01 .person ul {
	position: absolute;
	left: 186px;
	top: 440px;
}

#contents .sec02-02 {
	width: 520px;
	height: 562px;
	background: url(../../../images/business/business02/sec02_illust02.png) no-repeat 50% 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
#contents .sec02-02 h1 {
	text-align: center;
	padding: 40px 0 0 0;
}
#contents .sec02-02 .modal {
	padding: 150px 0 0 55px;
}
#contents .sec02-02 .ttl .txt02 {
	font-size: 15px;
}