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

/*----------------------------------------------------
	☆uniq
----------------------------------------------------*/

#contents .company01{
	background:url(../../lib/cmn_img/bg_world.png) center top no-repeat;
	padding:60px 3.5%;
	text-align:center;
	margin-bottom:0;
}
.bx-wrapper{
	margin-bottom:30px !important;
	width:100% !important;
}
.bx-viewport,
#contents .company01 #slider li{
	width:100% !important;
}
#contents .company01 #slider{
	width:100% !important;
}
#contents .company01 #slider li img{
	width:100%;
	max-width:693px;
}
#contents .company01 .title01{
	font-size:3.07em;
	line-height:1.5em;
	margin-bottom:20px;
}
#contents .company01 .title02{
	margin-bottom:20px;
	font-size:1.38em;
	line-height:1.3em;
	font-weight:normal;
}
#contents .company01 .title03{
	margin-bottom:30px;
	font-size:1.23em;
	line-height:1.3em;
}
#contents .company01 .tx{
	line-height:1.7em;
	font-size:1.08em;
	margin-bottom:30px;
}
#contents .company01 .sign,
#contents .company01 .name01{
	margin-bottom:10px;
	line-height:1.5em;
}
#contents .company01 .name01{
	font-size:1.23em;
}
#contents .company01 .name02{
	line-height:1.5em;
	font-family: 'Montserrat', sans-serif;
	letter-spacing:0.1em;
}
#contents .company01 .name02 span{
	font-size:1.16em;
}
/*-----------------*/
#contents .company02 .balloon{
	text-align:center;
	width:40%;
	max-width:264px;
	margin:0 auto;
	z-index:2;
	text-align:center;
}
#contents .company02 .balloon img{
	width:100%;
}
#contents .company02 .inner{
	background:url(../../lib/cmn_img/bg_01.gif) left top repeat;
	color:#FFF;
	padding:30px;
	width:100%;
	z-index:1;
	margin-top:-70px;
}
#contents .company02 ul{
	max-width:1200px;
	width:100%;
	margin:0 auto;
	overflow:hidden;
}
#contents .company02 ul li{
	width:21%;
	margin:0 2% 3%;
	float:left;
}
#contents .company02 ul li .number{
	text-align:center;
	background:url(../images/img_index_03.png) center top no-repeat;
	padding:25px 15px 0 0;
	margin-bottom:10px;
	line-height:1em;
	color:#46d7c6;
	font-style:italic;
	font-size:7.69em;
	font-family: 'Montserrat', sans-serif;
}
#contents .company02 ul li .unit{
	color:#f7bc00;
	text-align:center;
	font-style:italic;
	font-family: 'Montserrat', sans-serif;
	line-height:1.3em;
	margin-bottom:10px;
	font-size:1.16em;
	text-transform:uppercase;
	padding-right:10px;
	letter-spacing:0.1em;
}
#contents .company02 ul li .unit span{
	font-size:1.16em;
}
#contents .company02 ul li .txjp{
	margin-bottom:10px;
}
#contents .company02 ul li .txjp,
#contents .company02 ul li .txen{
	line-height:1.5em;
}
#contents .company02 ul li.li02 .number{ font-size:3em; padding:55px 15px 30px 0;}

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

#contents .historyList{
	background: url(../images/bg_index_01.gif) 2.5em 15px repeat-y;
}
#contents .historyList dl{
	overflow:hidden;
	margin-bottom:20px;
}
#contents .historyList dl:last-child{ margin-bottom:0;}
#contents .historyList dt{
	float:left;
	width:5em;
	text-align:center;
	background:#FFF;
	line-height:1em;
	padding:5px 0;
	font-weight:bold;
	font-size:1.08em;
}
#contents .historyList dd{
	background:url(../images/tri_01.gif) left 5px no-repeat;
	float:right;
	padding-left:10px;
	width:calc(100% - 6em);
	width:-webkit-calc(100% - 6em);
}
#contents .historyList dd p{
	background:#e1e9f0;
	padding:15px 20px 20px;
	line-height:1.7em;
}

@media screen and (max-width:1080px) {
/*-----------------*/
#contents .company02 ul li{
	width:46%;
	margin:0 2% 3%;
	float:left;
}
#contents .company02 ul li:nth-child(2n+1){
	clear:both;
}
/*--------*/
}

@media screen and (max-width:768px) {
/*-----------*/
#contents .company01{
	background-size: 100% auto, 15px 15px;
	padding:25px 3.5%;
}
.bx-wrapper{	margin-bottom:15px !important;}
#contents .company01 .title01{
	font-size:1.8em;
	margin-bottom:15px;
}
#contents .company01 .title02{	font-size:1.08em;}
#contents .company01 .title03{
	text-align:left;
	margin-bottom:15px;
	font-size:1.08em;
}
#contents .company01 .tx{
	text-align:left;
	line-height:1.5em;
	font-size:1em;
	margin-bottom:15px;
}
/*-----------*/
#contents .company02 ul li .number{
	padding:25px 15px 0 0;
	font-size:5em;
}
#contents .company02 ul li .unit{
	margin-bottom:10px;
	font-size:1.16em;
	padding-right:10px;
}
#contents .company02 ul li .unit span{
	font-size:1.16em;
}
#contents .company02 ul li.li02 .number{ font-size:2em; padding:45px 15px 16px 0;}
}
@media screen and (max-width:640px) {
#contents .company02 .inner{
	padding:30px 10px;
	margin-top:-45px;
}
}
@media screen and (max-width:480px) {
#contents .company02 ul li .number{	font-size:4em;}
#contents .company02 ul li.li02 .number{	font-size:1.5em;}
}