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

#contents{
	background:#f0fbfa;
	}

.inner-tile{
	text-align: center;
	padding:  0 8%;
}

.box{
	position: relative;
	width: 100%;
	padding: 45% 0 0 0;
	margin: 0 0 4% 0;
	background: #9A9A9A;
	color: #fff;
	overflow: hidden;
	}
	
h2{
	padding: 5% 0;
	text-align: center;
	color: #004ea2;
	font-weight: bold;
	font-family: Helvetica, sans-serif;
	font-size: 20px;
	letter-spacing: 0.1em;
	}
	
.box .text{
	padding: 3%;
	position: absolute;
	width: 100%;
	bottom: 0;
	right: 0;
	border-top-left-radius: 23px;
	letter-spacing: 0.05em;
	}	

.box p{
	width: 100%;
	text-align: center;
	}

#tile a:link,#tile a:visited{
	text-decoration: none;
	}
	
.box:hover .soon{
	opacity: 1;
	}
	

.orange{
	background: rgb(218,90,36);
	}

.rightblue{
	background: rgb(0, 159,163);
	}
	
.blue,.text.team{
	background: rgb(0,78,162);
	}
	
.green{
	background: #43b149;
	}
	
	
.title-english{
	display: block;
	text-align: center;
	font-size: 1.0rem;
	font-style: italic;
	}	
.title{
	font-size:1.4rem;
	font-weight: bold;
	
}

.bt-message{
	background: url(images/bg_sp_message.jpg) center center no-repeat;
	background-size: 100% auto;
}

.bt-products{
	background: url(images/bn_pc_products.jpg) center center no-repeat;
	background-size: 100% auto;
}

.bt-fivepoints{
	background: url(images/bn_pc_work.jpg) center top no-repeat;
	background-size: 100% auto;
}

.bt-role{
	background: url(images/bg_sp_role.jpg) center top no-repeat;
	background-size: 100% auto;
}

.bt-team{
	background: url(images/bg_sp_team.jpg) center top no-repeat;
	background-size: 100% auto;
}

.bt-crosstalk{
	background: url(images/bg_sp_crosstalk.jpg) center 20% no-repeat;
	background-size: 100% auto;
}

.bt-recruit{
	background: url(images/bn_pc_recruit.jpg) center center no-repeat;
	background-size: 100% auto;
}