@charset "UTF-8";

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

html,body {
	background-color: #fff;
	color: #222;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	height: 100%;
}
h1 {
	font-size: 2em;
	padding: 1em 0;
}
h2{
	font-size: 1.5em;
	padding-top: 10px;
}
a {
	color: #222;
}
a:hover {
	text-decoration: underline;
}
/* Common Class */
.wfont{
	font-family: 'Josefin Sans', sans-serif;
}
.clear {
	clear: both;
}
.em {
	color: #f39;
}
.hoverIcon {
	max-width: 200px;
	margin: 0 auto;
	position: relative;
	width: 100%;
}
/* Style */
header {
	padding-top: 50px;
	text-align: center;
}
#business {
	padding-top: 50px;
	text-align: center;
}
#business ul {
	padding-top: 20px;
	list-style: none;
	margin: 0 auto;
	max-width: 100%;
	width: 900px;
}
#business ul li{
	float: left;
	line-height: 180%;
	padding: 0 10px;
	width: 33%;
}
#business ul li a{
	display: block;
	text-decoration: none;
	text-align: center;
}
#business ul li p{
	font-size: 1.2em;
	font-weight: bold;
}
.hoverIcon img{
	width: 100%;
}
img.hover{
	-webkit-transition: opacity 0.2s linear 0;
	-moz-transition: opacity 0.2s linear 0;
	-o-transition: opacity 0.2s linear 0;
	-ms-transition: opacity 0.2s linear 0;
	transition: opacity 0.2s linear 0;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
}
img.hover:hover {
	opacity: 1;
}
#company {
	clear: both;
	padding-top: 80px;
	text-align: center;
}
#company ul {
	font-size: 1.2em;
	font-weight: bold;
}
#company ul li{
	padding: 0.5em;
}
#social {
	padding-top: 50px;
}
footer {
	padding: 80px 0;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
}
/* For Smartphone */
@media screen and (max-width: 480px){
	h1 {font-size: 2em }
	h2 {font-size: 1.5em }
	#business { padding-top: 30px; }
	#business ul li { float:none;margin-bottom:50px;width:100%; }
	#company { padding-top: 30px; }
	#company ul { font-size: 1em }
	footer { font-size: 1em }
}

/* social button */
.social-button {list-style-type: none;padding: 30px 0 0 20px; width: 340px; margin: 0 auto;}
.social-button li {float: left;margin: 0 5px 0 0;padding: 0;}
.social-button li div {display: inline;}
.social-button:before, .social-button:after { content: " "; display: table; }
.social-button:after {clear: both;}
.social-button { *zoom: 1; }
.social-button iframe.twitter-share-button {width: 90px !important;}