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

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


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

#contents .sec-nav {
	border-bottom: 6px solid #40CFB9;
}
#contents .sec-nav ul .current span {
	background: #40CFB9;
}
#contents .sec-nav.btm {
	border-top: 6px solid #40CFB9;
}

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

/* sec01 */
#contents .sec01 {
	padding: 60px 0 142px 0;
	width: 880px;
	margin: 0 auto;
	position: relative;
	background: url(../../../images/business/business03/sec01_img_deco_btm.png) no-repeat 50% 100%;
}
#contents .sec01 .b-wrap {
	text-align: center;
	width: 880px;
}

/* sec02 */
#contents .sec02 {
	width: 100%;
	height: 624px;
	background: url(../../../images/business/business03/sec02_bg.png) no-repeat 50% 0;
}

#contents .sec02 .b-wrap {
	text-align: center;
	width: 880px;
	height: 624px;
}
#contents .sec02 .b-wrap:after {
	content: ' ';
	width: 614px;
	height: 204px;
	background: url(../../../images/business/business03/sec02_img_deco_btm.png) no-repeat 50% 0;
	position: absolute;
	left: 135px;
	bottom: -204px;
}
#contents .sec02 h1 {
	padding: 48px 0 20px;
	margin-left: -64px;
}

#contents .sec02 .modal {
	position: absolute;
}
#contents .sec02 .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 .sec02 .modal .ttl span {
	display: block;
	font-weight: bold;
}
#contents .sec02 .modal .ttl .txt01 {
	margin-bottom: 10px;
	font-size: 15px;
}
#contents .sec02 .modal .ttl .txt02 {
	font-size: 20px;
}
#contents .sec02 .modal .btn {
	position: relative;
}
#contents .sec02 .modal .btn img {
	opacity: 1;
	transition: opacity .2s ease-in;
}
#contents .sec02 .modal .btn a {
	display: block;
}
#contents .sec02 .modal .btn {
	background: url(../../../images/business/business03/sec02_btn_modal_on.png) no-repeat 50% 0;
}
#contents .sec02 .modal .btn:after {
	display: block;
	position: absolute;
	bottom: 0;
}
#contents .sec02 .modal .btn:after {
	content: url(../../../images/business/business03/sec02_deco_shadow.png);
	right: -121px;
}

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


#contents .sec02 .person .ttl {
	position: absolute;
	left: 10px;
	top: 308px;
}
#contents .sec02 .person ul {
	position: absolute;
	left: 96px;
	top: 280px;
}