@charset "utf-8";

/*事業内容*/
.frameWork {
	width:100%;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
}
.frameWork .box{
	margin:0 1% 10px 1%;
	width:30%;
}
.frameWork h4{
	margin: 0 0 10px 0;
	padding: 5px;
	text-align-last:center;
	border-bottom: 1px solid #5b9355;
	border-left: 1px solid #5b9355;
	background: #88bd8b;
	color:#fff;
	font-size: 18px;
	font-weight:normal;
	transform:skewX(-25deg);
}
.frameWork h4 span{
	background:none;
	padding: 0;
	transform:skewX(25deg);
	display:block;
}

h4:before{
	margin-right:0;
	content:"";
}

.frameWork .photo{
	margin:0 auto 10px auto;
	text-align:center;
}
.frameWork .photo img{
	margin:0 auto;
	max-width:100%;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.frameWork .txt{
	padding:0 20px;
}
.frameWork .btn{
	margin:10px 0;
	text-align:center;
}
.frameWork .btn p{
	display:inline-block;
}
.frameWork .btn p a{
	margin:0 5px;
	padding:5px 20px 4px 20px;
	display:inline-block;
	background-color:#fff;
	text-align:center;
	border:1px solid #d8e8da;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	display:block;
}
.frameWork .btn p a:hover{
	background-color:#fbffd2;
}
.frameWork .btn p img{
	display:block;
}

@media screen and (max-width: 979px) {
/*tablet*/
.frameWork .box h3 span{
	padding: 0 0 0 20px;
}
}
@media screen and (max-width: 768px){
/*smart phone*/
.frameWork .box{
	margin:10px auto;
	width: 48%;
}
.frameWork .box h3 span{
	padding: 0;
}
}
@media screen and (max-width: 620px) {
/*sp*/
.frameWork .box{
	margin:10px auto;
	width: 96%;
}
}
@media screen and (max-width: 480px){
} 


/*アクセス*/
#accessmap .frameMap{
	width:46%;
	float:right;
}
#accessmap .frameTxt{
	width:52%;
	float:left;
}
@media screen and (max-width: 979px) {
/*tablet*/
}
@media screen and (max-width: 768px){
/*smart phone*/
#accessmap .frameMap,
#accessmap .frameTxt{
	margin-top:15px;
	width: 100%;
	float: none;
}
}
@media screen and (max-width: 620px) {
/*sp*/
}
@media screen and (max-width: 480px){
#accessmap table,
#accessmap table tbody,
#accessmap table thead,
#accessmap table tr,
#accessmap table th,
#accessmap table td{
	display:block;
}
}