@CHARSET "utf-8";
/* flexの中にslickを使うと画面いっぱいに広がる対策 */
* {
	min-height:0;
	min-width : 0;
}

.top_slide_container {
	position: relative;
}

.top_slide_container .slide_area {

}

.top_slide_container .html_area {
	position: absolute;
	top: 0;
	width: 100%;
}

.top_slide_container .fixed_area {
	position: absolute;
	top: 200px;
	width: 100%;
	text-align: center;
}

.top_slide_container .fixed_area input[type="search"] {
	border: 1px solid #dddddd;
	margin: 0px;
	line-height: 50px;
	height: 50px;
	outline: medium none;
	padding: 0 10px;
	color: #333 !important;
	font-size: 1.6rem;
	resize: none;
	overflow: hidden;
	background: rgba(255,255,255,0.8);
}

.top_slide_container .fixed_area #search_area {
	width: 180px;
}

.top_slide_container .fixed_area #search_keyword {
	width: 300px;
	margin: 0 0 0 20px;
}

.top_slide_container .fixed_area #search_company_btn {
	border: none;
	margin: 0 0 0 20px;
	line-height: 50px;
	height: 50px;
	width: 100px;
	outline: medium none;
	color: #FFFFFF;
	font-size: 1.6rem;
	background: #d71718;
	padding: 0;
	cursor: pointer;
}

.top_slide_container .fixed_area .top_entry_btn {
	border: 2px solid #FFFFFF;
	margin: 40px 0 0;
	color: #FFFFFF;
	font-size: 1.8rem;
	background: transparent;
	display: inline-block;
	padding: 15px 80px;
	font-weight: bold;
}

.top_slide_container .fixed_area .top_entry_btn:hover {
	border: 2px solid #FBA20A;
	color: #FFF;
	background: rgba(251, 162, 10, 1);
}

article {
	padding: 0 0 40px 0;
}

.top_main_contents {
	padding: 0;
}

/* slick_top */
.slick_top li > img {
	width: 100%;
	height: auto;
}

.slick_top .pc {
	display: block !important;
}

.slick_top .mb {
	display: none !important;
}


.slick_top .slick_item {
	height: 100%;
}

.slick_top .slick_item > a {
	display: block;
	height: 100%;
}

.slick_top .slick_img {
	position: relative;
	width: 100%;
	height: 400px;
	background: #EEE;
	overflow: hidden;
}

.slick_top .slick_img_inner {
	width: 100%;
	height: 400px;
	background-color: #FFFFFF;
	display: flex;
	justify-content: center;
	align-items: center;
}

.slick_top .slick_img_inner img {
	height: 100%;
	width: auto;
	flex-shrink: 0;
}

/* news */
.news_container {
	background-color: #F5F5F5;
	display: flex;
}

.news_list {
	flex: 1;
	padding: 20px 20px 10px 20px;
}

.news_list li {
	display: flex;
	line-height: 2rem;
	margin: 0 0 10px;
}

.news_c {
	width: 90px;
}

.news_c span {
	color: #FFF;
	display: inline-block;
	font-size: 1.2rem;
	padding: 0;
	color: #FFF;
	width: 100%;
	text-align: center;
	vertical-align: middle;
}

.news_d {
	width: 150px;
}

.news_d span {
	display: inline-block;
	width: 100%;
	text-align: center;
	vertical-align: middle;
}

.news_t {
	flex: 1;
}

.news_t a {
	color: #333;
}


.news_btn {
	width: 200px;
	background-color: #00968d;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.news_btn a {
	color: #FFFFFF;
	font-size: 1.8rem;
}

/* company */
.company_list {
	display: inline-flex;
	flex-wrap: wrap;
	width: 100%;
}

.company_list section {
	width: calc((100% - 30px) / 3);
	margin: 0 15px 15px 0;
	vertical-align: top;
	background-color: #F5F5F5;
}

.company_list section a {
	display: block;
	height: 100%;
}

.company_list section:nth-child(3n) {
	margin: 0 0 15px 0;
}

.company_list section .thumbnail {
	position: relative;
	width: 100%;
	background-color: #D9EED8;
}

.company_list section .thumbnail::before {
	content: "";
	display: block;
	padding-top: 66.6%;
}

.company_list section .thumbnail p {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.company_list section .thumbnail img {
	width: 100%;
	height: 100%;
}

.company_list section .thumbnail .no_image {
	height: 100%;
	width: 100%;
}

.company_list section .detail {
	padding: 10px;
}

.company_list section .detail .company_name h3 {
	color: #0a2a59;
	font-weight: bold;
	font-size: 1.8rem;
	padding: 0 0 10px 0;
}

.company_list section .detail .address {
	margin: 0 0 10px 0;
}

.company_list section .detail .address * {
	color: #999999;
	display: inline;
}

.company_list section .detail .pr span {
	display: block;
	color: #0a2a59;
	font-size: 1.4rem;
/*
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
*/
}

.company_list section .detail .industry span {
	display: inline-block;
	padding: 3px;
	background-color: #00968d;
	border: solid 1px #00968d;
	font-size: 1rem;
	color: #FFF;
	margin: 0 5px 5px 0;
}

.company_list section:hover {
	background-color: #00968d;
}

.company_list section:hover * {

}

.company_list section a:hover .detail .company_name h3,
.company_list section a:hover .detail .address *,
.company_list section a:hover .detail .pr span {
	color: #FFFFFF;
}

.company_list section:hover .industry span {
	border: solid 1px #FFFFFF;
}

.search_wrap {
	width: 100%;
}

.search_wrap + .search_wrap {
	margin-top: 20px;
}

.search_wrap h3 {
	width: 100%;
	font-size: 1.5rem;
	font-weight: bold;
    font-family: "Yu Gothic",YuGothic,"Hiragino Sans","Hiragino Kaku Gothic ProN",Verdana,"メイリオ",Meiryo,sans-serif;
	padding: 5px 0;
	text-align: center;
	border-bottom: 2px solid #00968d;
}

.search_wrap > div {
	padding: 10px;
}

.search_wrap > div input[type='text'] {
	width: 100%;
	font-size: 16px;
    padding: 7px 10px;
    border: 1px solid #00968d;
    border-radius: 3px;
    margin: 10px 0;
}

.search_wrap > div button {
	color: #fff;
	background: #00968d;
    border: none;
    padding: 7px 25px;
    cursor: pointer;
}

.search_wrap > div button i {
	font-size: 1.5rem;
	margin: 0 0 0 5px;
}

.search_wrap > div a {
	color: #0b1e47;
	font-size: 1.4rem;
	display: flex;
    align-items: center;
    margin: 0px 0 2px;
    padding: 3px 5px;
}

.search_wrap > div a i {
	color: #f8910d;
    font-size: 1.2rem;
    margin: 0 5px 0 0;
}

.bg_silver {
	background: #f2f2f2;
}



/* mobile */
@media screen and (max-width: 767px) {
	/* slick_top */
	.slick_top .pc {
		display: none !important;
	}

	.slick_top .mb {
		display: block !important;
	}

	.slick_top .slick_img {
		position: relative;
		width: 100%;
		height: 500px;
		background: #EEE;
		overflow: hidden;
	}

	.slick_top .slick_img_inner {
		width: 100%;
		height: 500px;
		background-color: #FFFFFF;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.top_slide_container .fixed_area {
		top: 200px;
	}

	.top_slide_container .fixed_area .search_contents span::before {
		content: "\A";
		white-space: pre;
	}

	.top_slide_container .fixed_area .search_contents span:first-child::before {
		display: none;
	}

	.top_slide_container .fixed_area input[type="search"] {
		border: 1px solid #dddddd;
		margin: 0px;
		line-height: 40px;
		height: 40px;
		outline: medium none;
		padding: 0 10px;
		color: #333 !important;
		font-size: 1.6rem;
		resize: none;
		overflow: hidden;
		background: rgba(255,255,255,0.8);
		border-radius: 0;
	}

	.top_slide_container .fixed_area #search_area {
		width: 300px;
		margin: 0 0 10px;
	}

	.top_slide_container .fixed_area #search_keyword {
		width: 300px;
		margin: 0 0 10px;
	}

	.top_slide_container .fixed_area #search_company_btn {
		line-height: 40px;
		height: 40px;
		width: 150px;
		margin: 0;
	}

	.top_slide_container .fixed_area .top_entry_btn {
		margin: 30px 0 0;
		max-width: 500px;
		padding: 15px 12%;
	}

	.top_slide_container .fixed_area .top_entry_btn:hover {
		border: 2px solid #FBA20A;
		color: #FBA20A;
	}

	/* news */
	.news_container {
		background-color: transparent;
		display: block;
	}

	.news_list {
		padding: 10px 5px 0;
		background-color: #F5F5F5;
	}

	.news_list li {
		display: block;
		padding: 0 0 10px;
	}

	.news_c {
		display: inline-block;
	}

	.news_d {
		display: inline-block;
		margin: 0 0 0 10px;
	}

	.news_d span {
		text-align: left;
	}

	.news_t {
		display: block;
		margin: 5px 0 0;
		padding: 0 0 0 10px;
	}

	.news_t a {
		color: #333;
	}

	.news_btn {
		width: 100%;
		display: block;
		text-align: center;
		background: transparent;
		margin: 20px 0 0;
	}

	.news_btn a {
		width: 200px;
		background-color: #00968d;
		text-align: center;
		display: inline-block;
		color: #FFFFFF;
		font-size: 1.8rem;
		padding: 10px 0;
	}

	/* company */

	.company_list {
		display: inline-flex;
		flex-wrap: wrap;
	}

	.company_list section {
		width: 100%;
		margin: 0 0 15px 0;
		vertical-align: top;
		background-color: #F5F5F5;
	}

	.company_list section:nth-child(3n) {
		margin: 0 0 15px 0;
	}

	.company_list section a {
		display: block;
		height: 100%;
	}

	.company_list section .thumbnail {
		position: relative;
		width: 100%;
		background-color: #D9EED8;
	}

	.company_list section .thumbnail::before {
		content: "";
		display: block;
		padding-top: 66.6%;
	}

	.company_list section .thumbnail p {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}

	.company_list section .thumbnail img {
		width: 100%;
		height: 100%;
	}

	.company_list section .thumbnail .no_image {
		height: 100%;
		width: 100%;
		background-color: #9BC8C5;
	}

	.company_list section .thumbnail .no_image::after {
		color: #0a2a59;
	}

	.company_list section .detail {
		padding: 10px;
	}

	.company_list section .detail .company_name h3 {
		color: #0a2a59;
		font-weight: bold;
		font-size: 1.8rem;
		padding: 0 0 10px 0;
	}

	.company_list section .detail .address {
		margin: 0 0 10px 0;
	}

	.company_list section .detail .address * {
		color: #999999;
		display: inline;
	}

	.company_list section .detail .industry span {
		display: inline-block;
		padding: 3px;
		background-color: #00968d;
		border: solid 1px #00968d;
		font-size: 1rem;
		color: #FFF;
		margin: 0 5px 5px 0;
	}

	.company_list section:hover {
		background-color: #00968d;
	}

	.company_list section:hover * {

	}

	.company_list section a:hover .detail .company_name h3,
	.company_list section a:hover .detail .address * {
		color: #FFFFFF;
	}

	.company_list section:hover .industry span {
		border: solid 1px #FFFFFF;
	}

}