:root {
	--osf-color-user:#68D095;
	--osf-color-company:#74BDED;
	--osf-color-news: #FADC6F;
	--osf-color-point:#F17F81;
	--osf-color-bg:#F4F0E7;
}


/* リンク */
a{
	color:#151515;
	text-decoration:none;
}
a:hover{
	filter: brightness(1.1);
}
a button:hover{
	curser:pointer !important;
}
.osf_news .l-entry-content a,
.osf_news .p-entry-content a{
	border-bottom:2px dotted #151515;
}
.l-entry-content a[target="_blank"]:after,
.p-entry-content a[target="_blank"]:after{
	content:' \f35d';
	font-family:'Fontawesome';
}
.p-information a{
	border-bottom:none !important;
}



footer.l-footer{
	background-color: var(--osf-color-news);
}
.p-footer-widget,
.p-footer-nav{
	background-color:transparent;
}
.p-footer-nav-wrap{
	max-width:1000px;
	margin:auto;
	background:url(https://info.shigotofield.jp/wp-content/themes/lab23-child/osf/img/osf_bg_random1.png) no-repeat bottom right;
	min-height:300px;
}
.p-footer-nav-wrap .p-footer-nav ul{
	margin:auto;
	padding-top:250px;
	width:1000px;
	justify-content:left;
}
.p-footer-nav ul:before{
}

/* コメント欄無効化 */
#comments{
	display:none;
	pointer-events : none;
}

/* OSFジョブインフォ専用フッターウィジェット */

.osf_footer-widget{
	width:50%;
}
.osf_footer-widget figure{
	text-align:center;
}
.osf_footer-widget figure img{
	max-width:80%;
	margin:auto;
}
.osf_footer-widget-full{
	width:100%;
	text-align:center;
}
.osf_footer-widget-full li,
.osf_footer-widget li{
	list-style-type:none;
}







/* 共通部品 */

.osf_dotline{
	display:block;
	margin:5vh auto;
}
.pagenation{
	padding-top:3vh;
	text-align:center;
	border-top:1px solid #eee;
}

.eyecatch{
	width:100% !important;
	aspect-ratio:1.91/1;
	overflow:hidden;
}
.eyecatch img{
	width:100% !important;
}

/* ------------------------------------------------------------------------------------------------------------
 ヘッダ
------------------------------------------------------------------------------------------------------------ */

.l-global-nav a[href="/"]:before,
.p-footer-nav a[href="/"]:before{
	content:"\f015　";
	font-family:"Fontawesome";
}

/* ------------------------------------------------------------------------------------------------------------
　フロントページ
------------------------------------------------------------------------------------------------------------ */

/* スライダー */
.slider_wrap{
}
.slider{
	visibility: hidden;
}
.slider.slick-initialized {
	visibility: visible;
}

.slider div{
	position:relative;
}
.slider div img{
	width:100%;
	object-fit:cover;
	aspect-ratio:1.91/1;
}
.slider div p.slide-title{
	display:block;
	position:absolute;
	bottom:0;
	width:100%;
	height:10%;
	margin:0;
	padding:10px;
	background-color:rgba(255,255,255,0.5);
}




.l-content-wrap--front-page .l-content-wrap__inner{
	background-color: transparent !important;
}

.l-content-wrap--front-page section{
	margin:10vh auto;
}

.l-content-wrap--front-page h2 img{
	margin-right:15px;
	max-height:2em;
}

.osf_front_news{
	
}
.osf_front_news h2{
	display:inline-block;
	width:50%;
}
.osf_front_news .osf_front_news-more{
	display:inline-block;
	width:50%;
	text-align:right;
}
.osf_front_news ul{
	margin:0;
	padding:25px 50px;
	background-color:#fff;
	border-radius:25px;
}
.osf_front_news ul a{
	text-decoration:none;
	color:#151515;
}
.osf_front_news ul li{
	margin:15px 0;
	padding-bottom:10px;
	list-style-type:none;
	border-bottom:2px solid #262626;
}
.osf_front_news-date{
	display:inline-block;
	width:15%;
}
.osf_front_news-categories{
	display:inline-block;
	width:20%;
}
.osf_front_news-categories object{
	display:inline-block;
	padding:5px 8px;
	margin-right:5px;
	background-color:var(--osf-color-bg);
	font-size:80%;
	border-radius:5px;
}
.osf_front_news-categories object a{
	color:#fff !important;
}
.osf_front_news-categories object.osf_front_news-new{
	background-color:var(--osf-color-point);
	color:#fff !important;
}
.osf_front_news-categories object:has(a[href="https://info.shigotofield.jp/category/user/"]){
	background-color:var(--osf-color-user);
}
.osf_front_news-categories object:has(a[href="https://info.shigotofield.jp/category/company/"]){
	background-color:var(--osf-color-company);
}
.osf_front_news-title{
	display:inline-block;
	width:55%;
}
.osf_front_news-icon{
	display:inline-block;
	width:10%;
	text-align:right;
}



.osf_front_infomation{
	display:flex;
	flex-wrap: wrap;
}
.osf_front_infomation .card{
	width:23.5%;
	margin-right:1vw;
	margin-bottom:2vh;
	background-color:#fff;
	border:10px solid #fff;
	border-radius:15px;
}
.osf_front_infomation .card:nth-child(4n){
	margin-right:0 !important;
}
.osf_front_infomation .card a{
	text-decoration:none;
	color:#151515;
}
.osf_front_infomation .card h4{
	margin-bottom:10px;
}
.osf_front_infomation .card div.osf_infomation-overview{
	font-size:80%;
}
.osf_front_infomation .card button{
	width:100%;
	margin:10px auto;
	padding:5px;
	color:#fff;
}
.osf_front_user .osf_front_infomation .card button{
	background-color:var(--osf-color-user);
	border:1px solid var(--osf-color-user);
}
.osf_front_company .osf_front_infomation .card button{
	background-color:var(--osf-color-company);
	border:1px solid var(--osf-color-company);
}




/* ------------------------------------------------------------------------------------------------------------
　お知らせページ
------------------------------------------------------------------------------------------------------------ */

/* パンくずリスト */
.osf_news_breadcrumbs{
}
.osf_news_breadcrumbs a{
}
.osf_news_breadcrumbs a:before{
	content: ' > ';
}
.osf_news_breadcrumbs a:first-child:before{
	content: '';
}










/* ------------------------------------------------------------------------------------------------------------
　情報一覧ページ
------------------------------------------------------------------------------------------------------------ */

/* アーカイブ */
.osf_infomation_archive{
}
.osf_infomation_archive .p-entry-item{
	width:25%;
}
.osf_infomation_archive .p-entry-item h2{
	font-size:100%;
}

.osf_infomation_archive_index{
	margin:30px;
	padding:20px;
	background-color:var(--osf-color-bg);
	border-radius:15px;
}
.osf_infomation_archive_index li{
	margin-bottom:5px;
}
.osf_infomation_archive_index li a:hover{
	border-bottom:dotted 2px #151515;
}
.osf_infomation_archive_index li a:hover:after{
	content:" に移動";
}

.osf_infomation_archive_cat h2{
	margin:30px !important;
	padding:10px 30px;
	color:#fff;
	font-size:150% !important;
	border-radius:10px;
}
.osf_infomation_user .osf_infomation_archive_cat h2{
	background-color:var(--osf-color-user);
}
.osf_infomation_company .osf_infomation_archive_cat h2{
	background-color:var(--osf-color-company);
}
.osf_infomation_archive_cat h2 a{
	margin-left:30px;
	color:#fff;
	font-size:75% !important;
}
.osf_infomation_archive_cat h2 a:hover{
	color:var(--osf-color-news);
}

.osf_infomation_archive_entries{
	display:flex;
	flex-wrap: wrap;
	margin:30px;
}
.osf_infomation_archive_entry{
	width:25%;
}
.osf_infomation_archive_entry_card{
	margin:10px;
	border-radius:10px;
	border:1px solid #eee;
}
.osf_infomation_archive_entry_card h3{
	font-size:100% !important;
	padding:0 15px;
}
.osf_infomation_archive_entry a[target="_blank"] h3:after{
	margin-left:10px;
	content:"\f35d";
	font-family:"FontAwesome";
}
.osf_infomation_archive_entry_card div:has(img){
	width:100%;
	border-radius:10px 10px 0 0;
	aspect-ratio:1.91/1;
	overflow:hidden;
}
.osf_infomation_archive_entry_card img{
	border-radius:10px 10px 0 0;
}

/* パンくずリスト */
.osf_infomation_breadcrumbs{
}
.osf_infomation_breadcrumbs a{
}
.osf_infomation_breadcrumbs a:before{
	content: ' > ';
}
.osf_infomation_breadcrumbs a:first-child:before{
	content: '';
}

/* 親 */

.osf_infomation{
}

.osf_infomation .p-entry-header{
	border:none;
}

.osf_infomation h1{
	font-size:250%;
	text-align:center;
}
/*
.osf_infomation h1:before{
	content:'支援メニュー';
	display:block;
	width:25%;
	margin:auto auto 1vh auto;
	font-size:60%;
	border-bottom:1px solid #151515;
}
*/

.osf_infomation .l-content{
	margin:auto;
	max-width:1000px;
}
.osf_infomation .l-article{
	margin-bottom:-7vh;
}
.osf_infomation .l-article .empty{
	margin-bottom:7vh;
	text-align:center;
}

.osf_infomation_overview{
	margin:3vh 2vw;
}
.osf_infomation_overview h1:before,
.osf_infomation_overview h1:after{
	content:initial !important;

}

.osf_infomation_case{
	display:flex;
	margin-bottom:3vh;
	padding-bottom:3vh;
	border-bottom:1px solid var(--osf-color-bg);
}
.osf_infomation_case_left,
.osf_infomation_case_right{
	width:50%;
}
.osf_infomation_case_left{
	padding-right:20px;
}
.osf_infomation-thumb img{
	width:100%;
}
.l-article div div.last-child:last-child{
	border-bottom:none;
}
.osf_infomation_case:last-of-child(){
	border-bottom:none;
}

.osf_infomation_relate{
	margin-top:5vh;
}
.osf_infomation_relate h3{
	text-align:center;
	margin:10vh auto 5vh auto;
}

.osf_infomation_relate_case{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.osf_infomation_relate_case div{
	display:block;
	width:24%;
	margin-bottom:1vh;
	padding:10px;
	background-color:#fff;
	border-radius:10px;
}
.osf_infomation_relate_case div h4{
	margin-bottom:0;
	text-align:center;
}
.osf_infomation_relate_case div p{
	font-size:80%
}

/* 親（求職者） */
.osf_infomation_user h1:after{
	content:'求職者向け';
	display:block;
	width:15%;
	margin:3vh auto auto auto;
	padding:5px 10px;
	text-align:center;
	font-size:50%;
	color:#fff;
	background-color:var(--osf-color-user);
	border-radius:10px;
}
.osf_infomation_user h2{
	font-size:180%;
	margin:auto auto 2vh auto;
}
.osf_infomation_user .osf_infomation_case_connected button,
.osf_infomation_user .osf_infomation_case_left button{
	display:block;
	width:100%;
	margin-top:2vh;
	padding:10px;
	text-align:center;
	background-color:var(--osf-color-user);
	color:#fff;
	border:var(--osf-color-user);
	border-radius:10px;
}
.osf_infomation_case:has(.osf_infomation_case_connected){
	display:block;
}

/* 親（企業） */
.osf_infomation_company h1:after{
	content:'企業向け';
	display:block;
	width:15%;
	margin:3vh auto auto auto;
	padding:5px 10px;
	text-align:center;
	font-size:50%;
	color:#fff;
	background-color:var(--osf-color-company);
	border-radius:10px;
}
.osf_infomation_company .osf_infomation_case_connected button,
.osf_infomation_company .osf_infomation_case_left button{
	display:block;
	width:100%;
	margin-top:2vh;
	padding:10px;
	text-align:center;
	background-color:var(--osf-color-company);
	color:#fff;
	border:var(--osf-color-user);
	border-radius:10px;
}
.osf_infomation_case:has(.osf_infomation_case_connected button){
	display:block;
}

/* 子 */
.osf_infomation_child .l-article{
	margin-bottom:1vh;
}

.osf_infomation_child .l-content-main__inner{
	margin-top:5vh;
}
.osf_infomation_child .l-content-main__inner button{
	width:100%;
	padding:20px;
	text-align:center;
	font-size:150%;
}
.osf_infomation_allcat li{
	display:inline;
	padding:10px 20px;
	style-type:none;
	background-color:#fff;
	border-radius:100px;
}

/* 情報紹介用CTA */
.cta_osf{
}
.cta_osf figure{
	margin-top:2vh;
	text-align:center;
}
.cta_osf img{
	max-width:70%;
	margin:auto;
}
.cta_osf_tel:before{
	content:"\f095 ";
	font-family:"Fontawesome";
}

/* ------------------------------------------------------------------------------------------------------------
　お知らせ
------------------------------------------------------------------------------------------------------------ */

/* 一覧 */
div.p-information-item__inner:after{
	content:"\f0a9";
	font-family:"Fontawesome";
}
div.p-information-item__inner:has(.link_out):after{
	content:"\f35d";
	font-family:"Fontawesome";
}

/* サイドバー */
#block-24 ul:before,
#block-21 > div:before{
	display:block;
	width:100%;
	padding:10px 20px 10px 20%;
	margin-bottom:2vh;
	background:url(https://info.shigotofield.jp/wp-content/themes/lab23-child/osf/img/mark_news_side.svg) left top no-repeat var(--osf-color-bg);
	background-size:12%;
	background-position:5% 50%;
	font-size:125%;
	border-radius:10px;
}
#block-24 ul:before{
	content:'お知らせのカテゴリ';
}
#block-24 ul li:before{
	content:'\f0da　';
	font-family:"Fontawesome";
}
#block-21 > div:before{
	content:'最新のお知らせ';
}

.osf_news ul.post-categories li a[href="https://info.shigotofield.jp/category/user/"],
.p-information-item__cat a[href="https://info.shigotofield.jp/category/user/"]{
	background-color:var(--osf-color-user);
	color:#fff;
}
.osf_news ul.post-categories li a[href="https://info.shigotofield.jp/category/company/"],
.p-information-item__cat a[href="https://info.shigotofield.jp/category/company/"]{
	background-color:var(--osf-color-company);
	color:#fff;
}