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

/*
------------------------------------*/
@font-face {
   font-family: MyWebFont;
   src: url('/group/about-us/by-the-numbers/image/font/FrutigerLTStd-Bold.otf') format("opentype");
}

.profileArea {
	overflow: hidden;
}


/*mainArea01
------------------------------------*/
.mainArea01 {
	margin:0 auto 77px auto;	
	}
.mainH2Area {
	background: url(/group/en/about-us/by-the-numbers/image/bgi_main01.jpg) no-repeat center top;
	}
.mainH2Area h1 {
	padding:0;
	margin:0;
	text-align:center;	
	}
.mainH2Area .mainareaLink {
	width:620px;
	margin:0 auto;
	text-align:right;
	padding-bottom:5px;
	}

.mainClickArea {
	background: url(/group/en/about-us/by-the-numbers/image/bgi_main02_1912.jpg) no-repeat center top;
	}

.mainClickArea ul {
	width:1015px;
	margin:0 auto;
	height:614px;
	position:relative;
	
	}
.mainClickArea li {
	position:absolute;
	}

.mainClickArea #click01 {	
	left:34px;
	top:83px;
	}
.mainClickArea #click02 {	
	left:173px;
	top:93px;
	}
.mainClickArea #click03 {	
	left:313px;
	top:91px;
	}
.mainClickArea #click04 {
	left:419px;
	top:36px;
	}
.mainClickArea #click05 {
	right:267px;
	top:84px;
	}
.mainClickArea #click06 {
	right:62px;
	top:79px;
	}
.mainClickArea #click07 {
	left:321px;
	top:241px;
	}
.mainClickArea #click08 {
	right:411px;
	top:233px;
	}
.mainClickArea #click09 {
	right:228px;
	top:211px;
	}
.mainClickArea #click10 {
	right:136px;
	top:237px;
	}
.mainClickArea #click11 {
	right:3px;
	top:238px;
	}
.mainClickArea #click12 {
	left:155px;
	top:367px;
	}

.mainClickArea #click13 {
	left:445px;
	top:442px;
	}
.mainClickArea #click14 {
	right:197px;
	top:347px;
	}

.mainClickArea #click15 {
	right:33px;
	top:347px;
	}

.mainClickArea li a:hover img {
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	}
/*.mainClickArea li img {
	transition: 0.2s;
	}
.mainClickArea li img:hover{
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
		}*/


#lean_overlay {
    position: fixed;
    z-index: 10000;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #FFF;
    display: none;
}
.mdlwindowA {
     width: 750px;
	padding:25px 25px 50px 25px; 
    display:none;	
    background: #fafafa;
    border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.7); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.7); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.7);   
	border:1px solid #52669d;
	/*font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	}
.mdlwindowA h4 {
	text-align:center;
	font-size:32px;
	color:#2645ae;
	font-weight:normal;
	margin-bottom:23px;
	padding-bottom:25px;
	border-bottom:1px solid #16408e;
	}
.mdlwindowA .mdlLead01 {
	font-size:14px;
	border-bottom:1px solid #16408e;
	margin:0 0 28px 0;
	padding:0 5px 25px 5px;
	}

.mdlwindowA .mdlLink01 {
	margin:0 5px;
	}
.mdlwindowA .mdlLink01 li {
	font-size:12px;
	padding-bottom:8px;
	}
.mdlwindowA .mdlLink01 li img {
	vertical-align:middle !important;
	}
.mdlwindowA .mdlLink01 li a {
	padding-right:8px;
	color:#0049c1 !important;
	}

.mdlwindowA .mdlLink01 {
	width:100%;
	border:none;
	border-collapse:collapse;
	}
.mdlwindowA .mdlLink01 td {
	font-size:12px;
	padding-bottom:12px;
	width:40%;
	padding-right:3%;
	}
.mdlwindowA .mdlLink01 td img {
	vertical-align:middle !important;
	}

.mdlwindowA .mdlLink01 td a {
	padding-right:8px !important;
	color:#0049c1 !important;
	}

.mdlwindowA .c-close-btn {
	position: absolute;
	top: 10px;
	right: 10px;
	height: 40px;
	width: 50px;
}


/*leadArea01
------------------------------------*/
.leadArea01 {
	margin:0 auto 16px auto;
	background-color:#16408e;
	border-top:1px solid #d4d0c8;
	text-align:center;
	}
.leadArea01 h3 {
	}


.profileArea {
	width:950px;
	margin:0 auto 14px auto;
	}
.profileArea .profileBox {
	position:relative;
	}
.profileArea .numbering {
	color:#D54100;
	font-family:MyWebFont, Arial, Helvetica, sans-serif;
	/*font-family:'Droid Sans', Arial, Helvetica, sans-serif;*/
	line-height:100% !important;
	/*font-weight:bold;*/
	position:absolute;
	}
.profileArea .profileTxt {
	position:absolute;
	}


.profileArea .numbering .unit {
	color: #2846a5;
	font-weight: bold;
	position:absolute;
	line-height:100% !important;
}


.profileArea #profileBox01 {
	width:624px;
	height:395px;
	float:left;
	background:url(/group/en/about-us/by-the-numbers/image/bgi_prof01_01.jpg) no-repeat left top;
	}
.profileArea #profileBox01 .numbering {
	font-size:164px;
	letter-spacing:0px;
	bottom:215px;
	right:324px;
	}
.profileArea #profileBox01 .profileTxt {
	top:66px;
	right:43px;
	}


.profileArea #profileBox02 {
	width:312px;
	height:395px;
	float:right;
	background:url(/group/en/about-us/by-the-numbers/image/bgi_prof02_01.jpg) no-repeat left top;
	}
.profileArea #profileBox02 .numbering {
	font-size:75px;
	letter-spacing:0px;
	bottom:300px;
	right:57px;
	}
.profileArea #profileBox02 .profileTxt {
	top:107px;
	left:22px;
	}


.profileArea #profileBox03 {
	width:310px;
	height:491px;
	float:left;
	background:url(/group/en/about-us/by-the-numbers/image/bgi_prof03_01.jpg) no-repeat left top;
	}
.profileArea #profileBox03 .numbering {
	font-size:53px;
	letter-spacing:0px;
	top:24px;
	right:24px;
	}
.profileArea #profileBox03 .profileTxt {
	top:91px;
	left:16px;
	}


.profileArea #profileBox04 {
	width:628px;
	height:491px;
	float:right;
	background:url(/group/en/about-us/by-the-numbers/image/bgi_prof04_01.jpg) no-repeat left top;
	}
.profileArea #profileBox04 .numbering {
	font-size:150px;
	letter-spacing:0px;
	bottom:340px;
	right:439px;
	}
.profileArea #profileBox04 .profileTxt {
	top:149px;
	left:28px;
	}


.profileArea #profileBox05 {
	width:322px;
	height:442px;
	float:left;
	background:url(/group/en/about-us/by-the-numbers/image/bgi_prof05_01.jpg) no-repeat left top;
	}
.profileArea #profileBox05 .numbering {
	font-size:58px;
	letter-spacing:0px;
	top:24px;
	right:43px;
	}
.profileArea #profileBox05 .profileTxt {
	top:88px;
	left:18px;
	}


.profileArea #profileBox06 {
	width:307px;
	height:442px;
	float:left;
	background:url(/group/en/about-us/by-the-numbers/image/bgi_prof06_01_1911.jpg) no-repeat left top;
	}
.profileArea #profileBox06 .numbering {
	font-size:83px;
	letter-spacing:0px;
	bottom:173px;
	right:136px;
	}
.profileArea #profileBox06 .profileTxt {
	top:262px;
	left:15px;
	}
.profileArea #profileBox06 .numbering .unit {
	font-size: 40px;
	right: -40px;
	bottom: 10px;
}


.profileArea #profileBox07 {
	width:307px;
	height:442px;
	float:right;
	background:url(/group/en/about-us/by-the-numbers/image/bgi_prof07_01_1911.jpg) no-repeat left top;
	}
.profileArea #profileBox07 .numbering {
	font-size:98px;
	letter-spacing:0px;
	bottom:320px;
	right:160px;
	}
.profileArea #profileBox07 .profileTxt {
	top:115px;
	left:20px;
	}
.profileArea #profileBox07 .numbering .unit {
	font-size: 40px;
	right: -40px;
	bottom: 10px;
}


.profileArea #profileBox08 {
	width:629px;
	height:395px;
	float:left;
	background:url(/group/en/about-us/by-the-numbers/image/bgi_prof08_01_1911.jpg) no-repeat left top;
	}
.profileArea #profileBox08 .numbering {
	font-size:150px;
	letter-spacing:-3px;
	bottom:2px;
	right:330px;
	}
.profileArea #profileBox08 .profileTxt {
	top:246px;
	left:366px;
	}
.profileArea #profileBox08 .numbering .unit {
	font-size: 45px;
	right: -40px;
	bottom: 20px;
}



.profileArea #profileBox09 {
	width:307px;
	height:395px;
	float:right;
	background:url(/group/en/about-us/by-the-numbers/image/bgi_prof09_01_1911.jpg) no-repeat left top;
	}
.profileArea #profileBox09 .numbering {
	font-size:53px;
	letter-spacing:0px;
	bottom:315px;
	left:21px;
	}
.profileArea #profileBox09 .profileTxt {
	top:246px;
	left:21px;
	}
.profileArea #profileBox09 .numbering .unit {
	font-size: 25px;
	right: 100px;
	bottom: -30px;
}



.profileArea #profileBox10 {
	width:468px;
	height:436px;
	float:left;
	background:url(/group/en/about-us/by-the-numbers/image/bgi_prof10_01_1911.jpg) no-repeat left top;
	}
.profileArea #profileBox10 .numbering {
	font-size:124px;
	letter-spacing:-2px;
	bottom:280px;
	right:145px;
	}
.profileArea #profileBox10 .numbering .pointD {
	font-size:90px;
	}
.profileArea #profileBox10 .profileTxt {
	top:148px;
	left:30px;
	}
.profileArea #profileBox10 .numbering .unit {
	font-size: 45px;
	right: -50px;
	bottom: 30px;
}



.profileArea #profileBox11 {
	width:468px;
	height:436px;
	float:right;
	background:url(/group/en/about-us/by-the-numbers/image/bgi_prof11_01.jpg) no-repeat left top;
	}
.profileArea #profileBox11 .numbering {
	font-size:116px;
	letter-spacing:0;
	bottom:276px;
	left:24px;
	}
.profileArea #profileBox11 .numbering .pointD {
	font-size:50px;
	}
.profileArea #profileBox11 .profileTxt {
	top:145px;
	left:24px;
	}


.profileArea #profileBox12 {
	width:468px;
	height:378px;
	float:left;
	background:url(/group/en/about-us/by-the-numbers/image/bgi_prof12_01.jpg) no-repeat left top;
	}
.profileArea #profileBox12 .numbering {
	font-size:120px;
	letter-spacing:-3px;
	bottom:225px;
	left:24px;
	}
.profileArea #profileBox12 .numbering .pointD {
	font-size:100px;
	}
.profileArea #profileBox12 .numbering .pointD2 {
	font-size:75px;
	}
.profileArea #profileBox12 .profileTxt {
	top:138px;
	left:24px;
	}



.profileArea #profileBox13 {
	width:468px;
	height:378px;
	float:right;
	background:url(/group/en/about-us/by-the-numbers/image/bgi_prof13_01_1911.jpg) no-repeat left top;
	}
.profileArea #profileBox13 .numbering {
	font-size:100px;
	letter-spacing:0;
	bottom:245px;
	left:185px;
	}
.profileArea #profileBox13 .numbering .pointD {
	font-size:50px;
	}

.profileArea #profileBox13 .profileTxt {
	top:138px;
	left:24px;
	}
.profileArea #profileBox13 .numbering .unit {
	font-size: 35px;
	bottom: 15px;
	left: -150px;
}




.ico-blank-img{padding-left:0.5em;} ul{list-style-type: none;}

@media screen and (max-width: 1015px) {
	.mainClickArea ul {
		left: -30px;
	}
}

.graph-area{width:950px;margin:0 auto 77px;}
.graph-area img{text-align: center;}