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

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

indeedページ

------------------------------ */
#indeed .h3{
	margin:50px 0 20px 0;
	padding: 5px 15px;
	color:#00a3d9;
	border-left: 5px solid #00a3d9;
}

#indeed .tablecell li{vertical-align: middle;}

#indeed img{box-shadow: 0 1px 3px rgba(0,0,0,0.3);}
#indeed img.indeed_img{
	max-width:100%;
	box-shadow:none;
}

#indeed .subtitle{
	font-size: 20px;
    font-weight: bold;
}

#indeed .markall{
	font-weight:bold;
	background: linear-gradient(transparent 0%, #ffff66 0%);
}

#indeed .small{font-size:12px;}

#indeed p{margin-bottom:20px;}
#indeed .btn3{margin-top:0;}

/*PC・タブレット*/
@media (min-width:768px){
#indeed .h2{margin-bottom:50px;}
#indeed .h3{margin-top:80px;}
#indeed .tablecell{border-spacing:30px 0;}
}

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

ブログリンク装飾

------------------------------ */
.indeed_bloglink{
	margin:30px 0;
	padding:20px;
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
	border-radius:3px;
}

.indeed_bloglink > img{
	display:block;
	box-shadow:none !important;
	border:1px solid #ddd;
	padding:10px;
	border-radius:3px;
	overflow:hidden;
}

.indeed_bloglink .h4{
	margin:20px 0;
	font-size: 20px;
	font-weight:bold;
}

.indeed_bloglink .btn_wrap{margin-bottom:0 !important;}

.indeed_bloglink .btn{
	padding:10px 30px 10px 60px;
	font-size:18px;
}

/*事例*/


.indeed_bloglink_jirei img{
	width:100%;
	padding:10px 10px 0 10px;
	box-shadow:none !important;
}

.indeed_bloglink_jirei .h4{
	padding:15px 20px;
	text-decoration:underline;
}

.indeed_bloglink_jirei .h4:hover{text-decoration:none;}

.indeed_bloglink_jirei li a{
	display:block;
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

@media (min-width:768px){
.indeed_bloglink > img{
	float:left;
	width:30%;
}

.indeed_bloglink > div{
	float:right;
	width:70%;
	padding-left:30px;
}

/*事例*/

.indeed_bloglink_jirei{
	margin:40px 0;
	display:table;
	width:100%;
	table-layout:fixed;
	border-collapse: separate;
	border-spacing:30px 0;
}

.indeed_bloglink_jirei li{
	display:table-cell;
}

}

@media screen and (max-width:767px){
.indeed_bloglink img{
	width:100%;
}

.indeed_bloglink_jirei{margin:30px 0;}
.indeed_bloglink_jirei li{margin-bottom:30px;}
}