@charset "UTF-8";



/*===========================================================================*/
/* [[イベントリスト用 CSS]] */
/*===========================================================================*/
/*共通：章の内容*/
.eventChapter {
	padding-top: 40px;
}
.jobkita.eventChapter {
	padding-top: 0;
}
.eventChapter_title {
    padding: 10px 0;
	color: #000;
    font-weight: bold;
    font-size: 18px;
    border-top: solid 5px #49c;
    border-bottom: solid 1px #ddd;
}
.eventChapter_titleImg {
	max-width: 140px;
	padding-right: 5px;
	vertical-align: center;
}
.eventChapter_text {
    padding-top: 20px;
	font-size: 14px;
}
.eventChapter_attention {
	padding-top: 20px;
	font-size: 12px;
	color: #ff0000;
}

/*共通：段落の内容*/
.eventSection {
	/*現在指定なし*/
}
.eventSection_title {
	margin-top: 20px;
	padding: 7px 10px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	border-radius: 5px;
	background-color: #88bbee;
}
.eventSection_lead {
	margin: 0 20px;
	padding-top: 20px;
	font-size: 16px;
	font-weight: bold;
}
.eventSection_text {
	margin: 0 20px;
	padding-top: 10px;
	font-size: 14px;
}

/*共通：イベント要素*/
.eventSectionList {
	margin: 0 20px;
}

/*共通：通常時*/
.eventSectionListItem {
	position: relative;
	margin-top: 20px;
	padding: 20px 50px 20px 20px;
	border-radius: 8px;
	border: 1px solid #f1f6fd;
	box-shadow: 0px 0px 4px 0px #88bbee59;
	background-color: #fff;
}
.eventSectionListItem_links:hover {
	text-decoration: none;
}
.eventSectionListItem:before {
	position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    content: "";
    width: 10px;
    height: 17px;
    margin: auto 0;
    background: url(https://image.haj.co.jp/jobkita/primary/pc/event/icon_link_thumbType.png) no-repeat right center;
	background-size: 10px 17px;
}

/*共通：通常時アイコン設定*/
.eventSectionListItemType {
	display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.eventSectionListItemType_icon {
	font-size: 11px
}
.eventSectionListItemType_icon-new {
	padding: 2px 10px;
	color: #ff0000;
	border: 1px solid #ff0000;
}
.eventSectionListItemType_icon-jobFair {
	padding: 2px 10px;
	color: #fff;
	border: 1px solid #4499cc;
	background-color: #4499cc;
}
.eventSectionListItemType_icon-pickup {
	padding: 2px 10px;
	color: #fff;
	border: 1px solid #ff0000;
	background-color: #ff0000;
}
.eventSectionListItemType_icon-pr {
	padding: 2px 10px;
	color: #666666;
	border: 1px solid #666666;
}
.eventSectionListItemType_icon-seminar {
	padding: 2px 10px;
	color: #fff;
	border: 1px solid #ffcc33;
	background-color: #ffcc33;
}
.eventSectionListItemType_icon-text {
	padding: 2px 10px;
	color: #4499cc;
	border: 1px solid #4499cc;
}

/*通常時バナー要素セット*/
.eventSectionListItemSet {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: row-reverse;
}
.eventSectionListItemType + .eventSectionListItemSet {
	padding-top: 10px;
}
.eventSectionListItemSet_column {
	/*現在指定なし*/
}
.eventSectionListItemSet_column:nth-child(2) {
	width: 630px;
}
.eventSectionListItemSet_title {
	font-size: 18px;
	font-weight: bold;
	color: #4499cc;
}
.eventSectionListItemSet_date {
	padding-top: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #4499cc;
}
.eventSectionListItemSet_lead {
	color: #333;
	padding-top: 5px;
	font-size: 14px;
}
.eventSectionListItemSet_image {
	display: block;
	max-width: 220px;
	padding-left: 20px;
}
.eventSectionListItemSetState {
	font-size: 0;
}
.eventSectionListItemSetState .eventSectionListItemSetState_tag {
	display: inline-block;
	margin-top: 10px;
	color: #ff0000;
	font-size: 11px;
}
.eventSectionListItemSetState .eventSectionListItemSetState_tag-new,
.eventSectionListItemSetState .eventSectionListItemSetState_tag-soon {
	margin-right: 5px;
	padding: 5px 10px;
	color: #fff;
	border-radius: 30px;
	background-color: #ff0000;
}

/*共通：準備中*/
.eventSectionListItem.eventSectionListItem-pre {
	background-color: #F5F5FA;
	box-shadow: none;
	border: none;
	padding: 20px;
}
.eventSectionListItem.eventSectionListItem-pre:before {
	display: none;
}
.eventSectionListItem-pre .eventSectionListItem_title {
	padding-top: 0;
	font-size: 18px;
	font-weight: bold;
	color: #4499CC;
}

/*共通：終了時*/
.eventSectionListItem.eventSectionListItem-end {
	color: #666666;
	box-shadow: none;
	border: none;
	background-color: #F3F3F3;
}
.eventSectionListItem-end .eventSectionListItemSet_title {
	color: #666666;
}
.eventSectionListItem-end .eventSectionListItemSet_date {
	color: #666666;
}
.eventSectionListItem-end .eventSectionListItemSet_lead {
	color: #666666;
}
/*共通：終了時アイコン設定*/
.eventSectionListItem-end .eventSectionListItemType_icon-new {
	color: #ccc;
	border: 1px solid #ccc;
}
.eventSectionListItem-end .eventSectionListItemType_icon-jobFair {
	color: #fff;
	border: 1px solid #ccc;
	background-color: #ccc;
}
.eventSectionListItem-end .eventSectionListItemType_icon-pickup {
	color: #fff;
	border: 1px solid #ccc;
	background-color: #ccc;
}
.eventSectionListItem-end .eventSectionListItemType_icon-pr {
	color: #ccc;
	border: 1px solid #ccc;
}
.eventSectionListItem-end .eventSectionListItemType_icon-seminar {
	color: #fff;
	border: 1px solid #ccc;
	background-color: #ccc;
}
.eventSectionListItem-end .eventSectionListItemType_icon-text {
	color: #ccc;
	border: 1px solid #ccc;
}



/*ジョブキタ：イベント情報*/
.eventFeature {
	margin-top: 20px;
	padding: 20px;
	background-color: #eef6ff;
}
.eventFeatureVisual {
	text-align: center;
}
.eventFeatureVisual_image {
	display: block;
	width: 900px;
}
.eventFeature_title {
	padding-top: 20px;
	font-weight: bold;
	font-size: 16px;
}
.eventFeature_lead {
	padding-top: 10px;
	font-size: 14px;
}
.eventFeature_links {
	display: block;
	position: relative;
	margin-top: 20px;
	padding: 20px;
	border-radius: 8px;
	border: 1px solid #f1f6fd;
	box-shadow: 0px 0px 4px 0px #88bbee59;
	font-size: 18px;
	font-weight: bold;
	color: #4499cc;
	background-color: #fff;
}
.eventFeature_links:hover {
	color: #4499cc;
	text-decoration: none;
}
.eventFeature_links:before {
	position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    content: "";
    width: 10px;
    height: 17px;
    margin: auto 0;
    background: url(https://image.haj.co.jp/jobkita/primary/pc/event/icon_link_thumbType.png) no-repeat right center;
	background-size: 10px 17px;
}

/*ジョブキタ：注目イベント*/
.eventFeatureList {
	/*現在指定なし*/
}

/*通常時*/
.eventFeatureListItem {
	position: relative;
	margin-top: 20px;
	padding: 20px 50px 20px 20px;
	border-radius: 8px;
	box-shadow: 0px 0px 4px 0px #88bbee59;
	background-color: #fff;
}
.eventFeatureListItem_links:hover {
	text-decoration: none;
}
.eventFeatureListItem:before {
	position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    content: "";
    width: 10px;
    height: 17px;
    margin: auto 0;
    background: url(https://image.haj.co.jp/jobkita/primary/pc/event/icon_link_thumbType.png) no-repeat right center;
	background-size: 10px 17px;
}

/*通常時アイコン設定*/
.eventFeatureListItemType {
	display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.eventFeatureListItemType_icon {
	font-size: 11px
}
.eventFeatureListItemType_icon-new {
	padding: 2px 10px;
	color: #ff0000;
	border: 1px solid #ff0000;
}
.eventFeatureListItemType_icon-jobFair {
	padding: 2px 10px;
	color: #fff;
	border: 1px solid #4499cc;
	background-color: #4499cc;
}
.eventFeatureListItemType_icon-pickup {
	padding: 2px 10px;
	color: #fff;
	border: 1px solid #ff0000;
	background-color: #ff0000;
}
.eventFeatureListItemType_icon-pr {
	padding: 2px 10px;
	color: #666666;
	border: 1px solid #666666;
}
.eventFeatureListItemType_icon-seminar {
	padding: 2px 10px;
	color: #fff;
	border: 1px solid #ffcc33;
	background-color: #ffcc33;
}
.eventFeatureListItemType_icon-text {
	padding: 2px 10px;
	color: #4499cc;
	border: 1px solid #4499cc;
}

/*通常時バナー要素セット*/
.eventFeatureListItemSet {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: start;
	flex-direction: row-reverse;
}
.eventFeatureListItemType + .eventFeatureListItemSet {
	padding-top: 10px;
}
.eventFeatureListItemSet_column {
	/*現在指定なし*/
}
.eventFeatureListItemSet_column:nth-child(2) {
	width: 590px;
}
.eventFeatureListItemSet_title {
	font-size: 18px;
	font-weight: bold;
	color: #4499cc;
}
.eventFeatureListItemSet_date {
	padding-top: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #4499cc;
}
.eventFeatureListItemSet_lead {
	color: #333;
	padding-top: 5px;
	font-size: 14px;
}
.eventFeatureListItemSet_image {
	display: block;
	max-width: 220px;
	padding-left: 20px;
}
.eventFeatureListItemSetState {
	font-size: 0;
}
.eventFeatureListItemSetState .eventFeatureListItemSetState_tag {
	display: inline-block;
	margin-top: 10px;
	color: #ff0000;
	font-size: 11px;
}
.eventFeatureListItemSetState .eventFeatureListItemSetState_tag-new,
.eventFeatureListItemSetState .eventFeatureListItemSetState_tag-soon {
	margin-right: 5px;
	padding: 5px 10px;
	color: #fff;
	border-radius: 30px;
	background-color: #ff0000;
}


/*準備中*/
.eventFeatureListItem.eventFeatureListItem-pre {
	box-shadow: none;
	padding: 20px;
}
.eventFeatureListItem-pre .eventFeatureListItem_title {
	color: #4499CC;
	font-size: 18px;
	font-weight: bold;
}
.eventFeatureListItem.eventFeatureListItem-pre:before {
	display: none;
}

/*終了時*/
.eventFeatureListItem.eventFeatureListItem-end {
	color: #666666;
	box-shadow: none;
	background-color: #F3F3F3;
}
.eventFeatureListItem-end .eventFeatureListItemSet_title {
	color: #666666;
}
.eventFeatureListItem-end .eventFeatureListItemSet_date {
	color: #666666;
}
.eventFeatureListItem-end .eventFeatureListItemSet_lead {
	color: #666666;
}
/*終了時アイコン設定*/
.eventFeatureListItem-end .eventFeatureListItemType_icon-new {
	color: #ccc;
	border: 1px solid #ccc;
}
.eventFeatureListItem-end .eventFeatureListItemType_icon-jobFair {
	color: #fff;
	border: 1px solid #ccc;
	background-color: #ccc;
}
.eventFeatureListItem-end .eventFeatureListItemType_icon-pickup {
	color: #fff;
	border: 1px solid #ccc;
	background-color: #ccc;
}
.eventFeatureListItem-end .eventFeatureListItemType_icon-pr {
	color: #ccc;
	border: 1px solid #ccc;
}
.eventFeatureListItem-end .eventFeatureListItemType_icon-seminar {
	color: #fff;
	border: 1px solid #ccc;
	background-color: #ccc;
}
.eventFeatureListItem-end .eventFeatureListItemType_icon-text {
	color: #ccc;
	border: 1px solid #ccc;
}


/*姉妹サイト：イベントリスト*/
.relatedSiteList {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: start;
	gap: 20px;

	padding-top: 20px;
}
.relatedSiteListItem {
	width: calc(100% / 4 - 15px);
}
.relatedSiteListItem.relatedSiteListItem-pre {
	width: 100%;
	background-color: #F5F5FA;
	box-shadow: none;
	border: none;
	border-radius: 8px;
	margin: 0 20px;
	padding: 20px;
}
.relatedSiteListItem-pre .relatedSiteListItem_title {
	color: #4499CC;
	font-size: 18px;
	font-weight: bold;
}
.relatedSiteListItemVisual {

}
.relatedSiteListItemVisual_image {
	display: block;
	max-width: 220px;
}
.relatedSiteListItem_text {
	margin-top: 5px;
	color: #333;
	font-size: 14px;
}
.relatedSiteListItem_links:hover {
	text-decoration: none;
}


/* [[=====================================================================]] */
/* [[▽print style]] */
/*===========================================================================*/
@media print {
pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -o-pre-wrap;
	white-space: -pre-wrap;
	word-wrap: break-word;
}



}/*△print style*/



/* [[=====================================================================]] */
/* [[▽clearfix]] */
/*===========================================================================*/
.containe,
.chapter .textSet,
.block_sisterSite dl,
.clearfix
{ zoom:1; }

.containe:after,
.chapter .textSet:after,
.block_sisterSite dl:after,
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

* html .containe,
* html .chapter .textSet,
* html .block_sisterSite dl,
* html .clearfix
{
	display:inline-table;
	/*\*/display:block;/**/
}