@charset "utf-8";
/**
 *
 * Generic CSS for CakePHP
 *
 * CakePHP(tm) : Rapid Development Framework (http://cakephp.org)
 * Copyright (c) Cake Software Foundation, Inc. (http://cakefoundation.org)
 *
 * Licensed under The MIT License
 * For full copyright and license information, please see the LICENSE.txt
 * Redistributions of files must retain the above copyright notice.
 *
 * @copyright     Copyright (c) Cake Software Foundation, Inc. (http://cakefoundation.org)
 * @link          http://cakephp.org CakePHP(tm) Project
 * @package       app.webroot.css
 * @since         CakePHP(tm)
 * @license       MIT License (http://www.opensource.org/licenses/mit-license.php)
 */
html * {
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
body {
	font-size: 16px;
}
.mt-5 {
	margin-top: 5px;
}
.mt-10 {
	margin-top: 10px;
}
.mt-20 {
	margin-top: 20px;
}
.mt-30 {
	margin-top: 30px;
}
.mb-5 {
	margin-bottom: 5px;
}
.mb-10 {
	margin-bottom: 10px;
}
.mb-20 {
	margin-bottom: 20px;
}
.mb-30 {
	margin-bottom: 30px;
}

#container img {
	max-width: 100%;
	height: auto;
}

a:hover img {
	opacity: 0.6;
}
#container .attention {
	color: #f00;
}

table {
	border-top: 1px solid #9c9d9d;
	border-left: 1px solid #9c9d9d;
}
th {
	white-space: nowrap;
	background: #f4f5f5;
}
th, td {
	border-right: 1px solid #9c9d9d;
	border-bottom: 1px solid #9c9d9d;
}

table tr:first-child th {
	border-top: 3px solid #727171;
}
table tr:first-child td {
	border-top: 3px solid #036eb5;
}

.input.radio label {
	padding-left: 0px;
}

.crumbs {
	margin-top: 10px;
}


/* error message */
#flashMessage.failure {
	margin-top: 30px;
	color: #f00;
}
form .error-message {
	color: #f00;
}
form .exp {
	color: #888;
	display: block;
}




/* navigation */
#pc_global_nav {
}
#pc_global_nav .navbar-nav {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
#pc_global_nav li {
	width: 14.28%;
}
#pc_global_nav li img {
	width: 100%;
	height: auto;
}


#nav_buttons {
}
#nav_buttons .login {
	color: #fff;
	background: #f09500;
}
#nav_buttons .logout {
	color: #fff;
	background: #f09500;
}
#nav_buttons .regist {
	color: #fff;
	background: #036eb5;
}


/* top slider */

#header_image_wrapper {
	position: relative;
}
#header_image_area {
	background: url(../img/background/bg_top_slider480.png) left top no-repeat;
	height: 194px;
}
#header_image_container {
	position: absolute;
	width: 166px;
	height: auto; /* 111px; */
	top: 7px;
	left: 92px;
}
@media (min-width: 768px) {
#header_image_area {
	background: url(../img/background/bg_top_slider480.png) center top no-repeat;
	height: 194px;
}
#header_image_container {
	position: absolute;
	width: 166px;
	height: auto; /* 111px; */
	top: 7px;
	left: 92px;
}
}
@media (min-width: 992px) {
#header_image_area {
	background: url(../img/background/bg_top_slider.png) center top no-repeat;
	height: 471px;
}
#header_image_container {
	position: absolute;
	width: 404px;
	height: auto;
	top: 15px;
	left: 125px;
}
}
@media (min-width: 1200px) {
#header_image_area {
	background: url(../img/background/bg_top_slider.png) center top no-repeat;
	height: 471px;
}
#header_image_container {
	position: absolute;
	width: 404px;
	height: auto;
	top: 15px;
	left: 225px;
}
}

#footer {
	padding: 20px;
}
#footer_container {
	text-align: center;
}


h2 {
	font-size: 1.8rem;
	font-weight: normal;
	margin-top: 1.8rem;
	margin-bottom: 1.2rem;
	border-left: 5px solid #036eb5;
	border-bottom: 5px solid #7fcdec;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}



/* right side menu */
#login_block h3 {
	font-size: 1.1rem;
}
#login_block .login_container {
	border-radius: 20px;
	border: 3px solid #ccc;
	box-sizing: border-box;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
}
#login_block .login_container .button_login {
	width: 60%;
	max-width: 100%;
}

#social_buttons {
}
#social_buttons ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#social_buttons li {
	float: left;
	margin-left: 5px;
}

/* home */
#home_search_area h3.search_title {
	background: url(../img/icon/ico_search_title.png) no-repeat left 10px center #2ea4dd;
	color: #fff;
	box-sizing: border-box;
	padding: 10px 20px 10px 50px;
}
#home_search_area #search_area_by_jobtype ul {
	list-style: none;
	margin: 0;
	margin-left: 20px;
	padding: 0;
}
#home_search_area #search_area_by_jobtype ul li {
	padding: 3px;
}
#home_search_area #search_area_by_jobtype ul li:before {
	content: '';
	display: inline-block;
	background: url(../img/icon/ico_jobtype.png) no-repeat center center;
	background-size: contain;
	width: 17px;
	height: 17px;
	margin-right: 10px;
}
#news_block h3.news_title {
	background: url(../img/icon/ico_info_title.png) no-repeat left 10px center #f09500;
	color: #fff;
	box-sizing: border-box;
	padding: 10px 20px 10px 50px;
}
#news_block dl {
	padding: 0 20px;
}
#news_block dl dt {
	padding-top: 10px;
}
#news_block dl dd {
	display: block;
	padding-left: 10px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #ccc;
}
#news_eve_block h3.news_title {
	background: url(../img/icon/ico_info_title.png) no-repeat left 10px center #ff72ee;
	color: #fff;
	box-sizing: border-box;
	padding: 10px 20px 10px 50px;
}
#news_eve_block dl {
	padding: 0 20px;
}
#news_eve_block dl dt {
	padding-top: 10px;
}
#news_eve_block dl dd {
	display: block;
	padding-left: 10px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #ccc;
}

/* companies list */
#search_result .company_list {
	list-style: none;
	margin: 10px 0;
	padding: 0;
}
#search_result .company_list > li {
	border: 1px solid #ccc;
}
.industry_class {
	color: #888;
	padding: 5px;
}
.opening_list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.company_detail_container {
	padding: 10px 20px;
}
.opening_box h3 {
	background: #00a0e9;
	color: #fff;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom: 2px solid #d9dada;
	padding: 5px 10px;
	margin-bottom: 0;
	font-size: 1.2rem;
}
.company_box > h3,
.company_info_box > h3 {
	margin: 0;
	background: #8e8eff;
	height: 55px;
	box-sizing: border-box;
	padding: 20px;
	font-size: 1.2rem;
	color: #fff;
	text-shadow: 1px 1px 3px gray;
}
.opening_container {
	padding: 10px 20px;
	background: #efffff;
	border-bottom: 1px solid #eee;
}
.opening_list .job_type {
	float: left;
	display: inline-block;
	border: 1px solid #eee;
	border-radius: 5px;
}
.opening_list .job_type_2 {
	float: left;
	display: inline-block;
	border: 1px solid #eee;
	border-radius: 5px;
}
.opening_list .job_type_3 {
	float: left;
	display: inline-block;
	border: 1px solid #eee;
	border-radius: 5px;
}
.opening_list .job_type_4 {
	float: left;
	display: inline-block;
	border: 1px solid #eee;
	border-radius: 5px;
}
.opening_list .job_type_5 {
	float: left;
	display: inline-block;
	border: 1px solid #eee;
	border-radius: 5px;
}
.opening_list .job_type_6 {
	float: left;
	display: inline-block;
	border: 1px solid #eee;
	border-radius: 5px;
}
.opening_list .job_type_7 {
	float: left;
	display: inline-block;
	border: 1px solid #eee;
	border-radius: 5px;
}
.opening_list .job_type_8 {
	float: left;
	display: inline-block;
	border: 1px solid #eee;
	border-radius: 5px;
}
.opening_list .job_type_9 {
	float: left;
	display: inline-block;
	border: 1px solid #eee;
	border-radius: 5px;
}
.opening_list .job_type_10 {
	float: left;
	display: inline-block;
	border: 1px solid #eee;
	border-radius: 5px;
}
.opening_list .job_type_11 {
	float: left;
	display: inline-block;
	border: 1px solid #eee;
	border-radius: 5px;
}
.opening_list .job_type_12 {
	float: left;
	display: inline-block;
	border: 1px solid #eee;
	border-radius: 5px;
}
.opening_list .job_type_13 {
	float: left;
	display: inline-block;
	border: 1px solid #eee;
	border-radius: 5px;
}
.opening_list .job_type_14 {
	float: left;
	display: inline-block;
	border: 1px solid #eee;
	border-radius: 5px;
}
.opening_list .job_type_15 {
	float: left;
	display: inline-block;
	border: 1px solid #eee;
	border-radius: 5px;
}
.opening_list .job_type_16 {
	float: left;
	display: inline-block;
	border: 1px solid #eee;
	border-radius: 5px;
}
.opening_list .job_type_17 {
	float: left;
	display: inline-block;
	border: 1px solid #eee;
	border-radius: 5px;
}
.opening_list .job_type_18 {
	float: left;
	display: inline-block;
	border: 1px solid #eee;
	border-radius: 5px;
}
.opening_list .job_type_19 {
	float: left;
	display: inline-block;
	border: 1px solid #eee;
	border-radius: 5px;
}
/*
.opening_list .job_type span {
	display: inline-block;
	border-radius: 5px;
	background: #2ea4dd;
	padding: 3px 5px;
	color: #fff;
}*/
/*農業・林業 */
.opening_list .job_type span {
	display: inline-block;
	border-radius: 5px;
	background: forestgreen;
	padding: 3px 5px;
	color: #fff;
}
/*漁業*/
.opening_list .job_type_2 span {
	display: inline-block;
	border-radius: 5px;
	background: lightseagreen;
	padding: 3px 5px;
	color: #fff;
}

/*鉱業*/
.opening_list .job_type_3 span {
	display: inline-block;
	border-radius: 5px;
	background: sandybrown;
	padding: 3px 5px;
	color: #fff;
}

/*建設業*/
.opening_list .job_type_4 span {
	display: inline-block;
	border-radius: 5px;
	background: gray;
	padding: 3px 5px;
	color: #fff;
}

/*製造業*/
.opening_list .job_type_5 span {
	display: inline-block;
	border-radius: 5px;
	background: goldenrod;
	padding: 3px 5px;
	color: #fff;
}

/*電気*/
.opening_list .job_type_6 span {
	display: inline-block;
	border-radius: 5px;
	background: orangered;
	padding: 3px 5px;
	color: #fff;
}

/*情報通信*/
.opening_list .job_type_7 span {
	display: inline-block;
	border-radius: 5px;
	background: slateblue;
	padding: 3px 5px;
	color: #fff;
}

/*運送業*/
.opening_list .job_type_8 span {
	display: inline-block;
	border-radius: 5px;
	background: red;
	padding: 3px 5px;
	color: #fff;
}
/*卸売業*/
.opening_list .job_type_9 span {
	display: inline-block;
	border-radius: 5px;
	background: darkolivegreen;
	padding: 3px 5px;
	color: #fff;
}
/*金融業*/
.opening_list .job_type_10 span {
	display: inline-block;
	border-radius: 5px;
	background: blue;
	padding: 3px 5px;
	color: #fff;
}
/*不動産業*/
.opening_list .job_type_11 span {
	display: inline-block;
	border-radius: 5px;
	background: maroon;
	padding: 3px 5px;
	color: #fff;
}
/*学術研究*/
.opening_list .job_type_12 span {
	display: inline-block;
	border-radius: 5px;
	background: navy;
	padding: 3px 5px;
	color: #fff;
}
/*宿泊業*/
.opening_list .job_type_13 span {
	display: inline-block;
	border-radius: 5px;
	background: coral;
	padding: 3px 5px;
	color: #fff;
}
/*娯楽業*/
.opening_list .job_type_14 span {
	display: inline-block;
	border-radius: 5px;
	background: blueviolet;
	padding: 3px 5px;
	color: #fff;
}
/*教育*/
.opening_list .job_type_15 span {
	display: inline-block;
	border-radius: 5px;
	background: teal;
	padding: 3px 5px;
	color: #fff;
}
/*医療*/
.opening_list .job_type_16 span {
	display: inline-block;
	border-radius: 5px;
	background: royalblue;
	padding: 3px 5px;
	color: #fff;
}
/*複合サービス*/
.opening_list .job_type_17 span {
	display: inline-block;
	border-radius: 5px;
	background: lightpink;
	padding: 3px 5px;
	color: #fff;
}
/*サービス業*/
.opening_list .job_type_18 span {
	display: inline-block;
	border-radius: 5px;
	background: fuchsia;
	padding: 3px 5px;
	color: #fff;
}
/*公務*/
.opening_list .job_type_19 span {
	display: inline-block;
	border-radius: 5px;
	background: limegreen;
	padding: 3px 5px;
	color: #fff;
}

/*正社員*/
.opening_list .jobkbn span {
	float: left;
	display: inline-block;
	border-radius: 5px;
	background: aquamarine;
	padding: 3px 5px;
	color: #000;
}
/*正社員以外*/
.opening_list .jobkbn_2 span {
	float: left;
	display: inline-block;
	border-radius: 5px;
	background:greenyellow;
	padding: 3px 5px;
	color: #000;
}
/*パートタイム*/
.opening_list .jobkbn_3 span {
	float: left;
	display: inline-block;
	border-radius: 5px;
	background: bisque;
	padding: 3px 5px;
	color: #000;
}
/*派遣*/
.opening_list .Haken span {
	display: inline-block;
	border-radius: 5px;
	background:gray;
	padding: 3px 5px;
	color: #fff;
}
/*派遣*/
.opening_list .NoHaken span {
	display: inline-block;
	border-radius: 5px;
	padding: 3px 5px;
	color: #fff;
}


.company_container {
	padding-bottom: 20px;
}
.company_info_box {
	margin-top: 20px;
}

.paging_info {
	margin-top: 20px;
	text-align: center;
}
.paging {
	text-align: center;
	margin: 10px 0;
}
.paging span {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #ccc;
}
.paging .prev,
.paging .next {
}
.paging .current {
	background: #d1ffd1;
}


/* event list */
#search_result .event_list {
	list-style: none;
	margin: 0;
	padding: 0;
}
#search_result .event_type {
	margin: 10px 0;
}
#search_result .event_type span {
	display: inline-block;
	border-radius: 5px;
	background: #2ea4dd;
	padding: 3px 5px;
	color: #fff;
}



/* about */
#about_container h2.find_job_in_asago {
	padding-top: 10px;
	padding-bottom: 20px;
}
#about_container h2.find_job_in_asago:before {
	content: '';
	display: block;
	float: left;
	width: 50px;
	height: 40px;
	background: url(../img/background/bg_abouts_title1.png) no-repeat center center;
}
#about_container h3 {
	color: #005bac;
	margin-top: 20px;
	margin-bottom: 20px;
}
#about_container span.target {
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.2em;
}
#about_container .abouts_text {
	color: #e1007f;
}
ol.whats_item {
	margin: 0;
	padding: 0;
	list-style: none;
}
ol.whats_item li {
	color: #036eb5;
	font-size: 1.1rem;
	font-weight: bold;
	padding: 15px;
	padding-left: 45px;
	background-size: contain;
	border-bottom: 1px dashed #ccc;
}
ol.whats_item li p {
	color: #ff0000;
	font-size: .8rem;
}
ol.whats_item li:nth-child(1) {
	background: url(../img/icon/ico_about_1.png) no-repeat left center;
}
ol.whats_item li:nth-child(2) {
	background: url(../img/icon/ico_about_2.png) no-repeat left center;
}
ol.whats_item li:nth-child(3) {
	background: url(../img/icon/ico_about_3.png) no-repeat left center;
}
ol.whats_item li:nth-child(4) {
	background: url(../img/icon/ico_about_4.png) no-repeat left center;
}
ol.whats_item li:nth-child(5) {
	background: url(../img/icon/ico_about_5.png) no-repeat left center;
}
ol.whats_item li:nth-child(6) {
	background: url(../img/icon/ico_about_6.png) no-repeat left center;
}
#about_container .supports {
	border-radius: 10px;
	border: 1px solid #2ea4dd;
	padding: 15px 30px;
	padding-left: 120px;
	margin: 10px 0;
	background: url(../img/background/bg_abouts_support.png) no-repeat left 10px center;
	font-weight: bold;
}

/* for company page */
#for_company_container {
}
#for_company_container h3 {
	color: #ffffff;
	border-radius: 3px;
	text-decoration: none;
	margin-top: 1.8rem;
	margin-bottom: 1rem;
	padding: 8px 20px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #0089bc), color-stop(0.00, #036eb2));
	background: -webkit-linear-gradient(top, #036eb2 0%, #0089bc 88%);
	background: -moz-linear-gradient(top, #036eb2 0%, #0089bc 88%);
	background: -o-linear-gradient(top, #036eb2 0%, #0089bc 88%);
	background: -ms-linear-gradient(top, #036eb2 0%, #0089bc 88%);
	background: linear-gradient(to bottom, #036eb2 0%, #0089bc 88%);
}
#for_company_container h4 {
	margin-top: 20px;
	border-bottom: 2px solid #036eb2;
	padding-bottom: 5px;
}
#for_company_container p {
}
#for_company_container .usage_container {
}
#for_company_container .usage {
	background: #2ea1da;
	color: #fff;
	font-weight: bold;
	padding: 10px 20px;
	border-radius: 3px;
}
#for_company_container .usage ol {
	background: #bcffff;
	padding: 5px 10px 5px 35px;
	color: #7f7fff;
	border-radius: 5px;
}
#for_company_container .usage ol li {
	margin-bottom: 5px;
}
#for_company_container ol.flow {
	list-style: none;
	padding: 0;
	margin: 0;
}
#for_company_container ol.flow li {
	min-height: 60px;
	padding-top: 0px;
	padding-left: 70px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #afafb0;
}
#for_company_container ol.flow li:nth-child(1) {
	background: url(../img/company/ico_flow1.png) no-repeat left top;
}
#for_company_container ol.flow li:nth-child(2) {
	background: url(../img/company/ico_flow2.png) no-repeat left top;
}
#for_company_container ol.flow li:nth-child(3) {
	background: url(../img/company/ico_flow3.png) no-repeat left top;
}
#for_company_container ol.flow li:nth-child(4) {
	background: url(../img/company/ico_flow4.png) no-repeat left top;
}
#for_company_container ol.flow li:nth-child(5) {
	background: url(../img/company/ico_flow5.png) no-repeat left top;
}
#for_company_container .exploit {
	width: 80%;
	margin: auto;
	background: #e9f7fc;
	border: 1px solid #7fcdec;
	color: #2ea1da;
	font-size: 1.1rem;
	font-weight: bold;
	text-align: center;
	padding: 10px 20px;
	margin-bottom: 20px;
}


/* members */
#aboutmembers_container {
}
#aboutmembers_container h2.whats_mailmag {
	background: url(../img/background/bg_title_member_mail.png) no-repeat left 10px center;
	padding-left: 80px;
}
#aboutmembers_container h2.lets_entry {
	background: url(../img/background/bg_title_member_entry.png) no-repeat left 10px center;
	padding-left: 80px;
}
#aboutmembers_container .fee_free {
	color: #f00;
}


/* mypage */
#mymenu_index_container {
}
#mymenu_index_container ul.mypage_box_menu {
	margin: 0;
	padding: 0;
	list-style: none;
}
#mymenu_index_container ul.mypage_box_menu li {
	margin-top: 5px;
}
#mypage_menu {
}
#mypage_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#mypage_menu ul li {
	margin-top: 5px;
}





/* news */
#news_container {
}
#news_container .news_list {
	list-style: none;
	margin: 0;
	padding: 0;
}
#news_container .news_list li {
	background: url(../img/icon/ico_news_item.png) no-repeat left center;
	padding: 10px;
	padding-left: 15px;
	border-bottom: 1px dashed #ccc;
}
#news_container .news_list li span.news_title {
	margin-left: 10px;
}

/* right news block */
#news_block {
	text-align: left;
}
#news_block ul.news_list {
	list-style: none;
	margin: 0;
	padding: 0;
}
#news_block .news_list li {
	padding: 5px;
	border-bottom: 1px dashed #ccc;
}