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

.businessBtn {
	width: 29%;
	height: 200px;
	margin-right: 25px;
	margin-bottom: 40px;
	position: relative;
	display: inline-block;
	cursor: pointer;
	color: #F08C27;
	border: 5px solid #DCDCDC;
}
.businessBtn:hover {
	border: 5px solid #F08C27;
	transition: all 0.3s linear;
	background-color: #FFFBE7;
}
.businessBtnNoBottom {
	margin-bottom: 0px;
}
.businessBtn h4 {
	font-size: 30px;
	text-align: center;
	line-height: 1.2;
	margin-top: 15px;
}
.businessBtn h4:hover {
	color: #F08C27;
  -webkit-animation-name: tada;
  animation-name: tada;
}
.businessBtn h4 span {
	font-size: 50px;
	color: #DCDCDC;
	line-height: 1.5;
	font-weight: bold;
}
.businessBtn h4:hover span {
	color: #FFCF7D;
}

@media only screen and (max-width: 641px) {
.businessBtn {
	width: 48%;
	height: 130px;
	margin-right: 5px;
	margin-bottom: 20px;
}
.businessBtnNoBottom {
	margin-bottom: 20px;
}
.businessBtn h4 {
	font-size: 20px;
	margin-top: 10px;
}
.businessBtn h4:hover {
  -webkit-animation-name: none;
  animation-name: none;
}
.businessBtn h4 span {
	font-size: 30px;
}
}


/* メインコンテナ内サブコンテンツ */
.subContents {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
}
.subContents p {
	padding-left: 65px;
	padding-right: 20px;
}

#bottom0 {
	padding-bottom: 0px;
}
.business-contents {
	font-size: 20px;
	color: #333333;
	border-top: 1px solid #DBDBDB;
	position: relative;
	padding-left: 65px;
	padding-top: 23px;
	font-weight: bold;
}
.business-contents img {
	position: absolute;
	left: 0px;
	top: 0px;
}


@media only screen and (max-width: 641px) {
.subContents {
	margin-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 15px;
}
.subContents p {
	padding-left: 0px;
	padding-right: 0px;
}
}