@charset "UTF-8";
/*--------------------カスタム投稿タイプ：派遣ニュース関連----------*/
.news_body {background: #cfebfd;}
.news_header img,
.news_body img {max-width: 100%;}

/*固定ページお役立ち情報*/
.news_header {
	background: url("../img_new/useful_main_bg.png") no-repeat top center;
	background-size: 1750px auto;
	padding: 30px 0;
}
.news_header .content {padding: 0;}
.news_header .inner{
	background: rgba(256, 256, 256, 0.7);
	padding: 30px;
}
.news_header .inner .txt_box {text-align: left;}
.news_header .inner .txt_box h2 {
	font-size: 28px;
	font-weight: bold;
	line-height: 1.3;
	padding: 0;
	margin: 0 0 30px 0;
	color: #1466a2;
}
.news_header .inner .txt_box p {
	font-size: 16px;
}
.news-viewing-area {
    background: #FFF;
    padding: 20px;
    margin-bottom: 30px;
}
.tab-menu {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 2%;
}
.tab-menu li {
    width: 32%;
    background: #FFF;
    padding: 12px 0;
    cursor: pointer;
    position: relative;
}
.tab-menu li:hover::after,
.tab-menu li.active::after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: #1466a2;
    position:absolute;
    left: 0;
    top: 0;
}
.tab-menu li p {
    text-align: center;
    display: inline;
    margin: 0;
    color: #1466a2;
    padding: 5px 0 5px 30px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 25px auto;
}
.tab-menu li[data-tab="tab1"] p {
	background-image: url("../img_new/useful_tab_bg1.png");
}
.tab-menu li[data-tab="tab2"] p {
	background-image: url("../img_new/useful_tab_bg2.png");
}
.tab-menu li[data-tab="tab3"] p {
	background-image: url("../img_new/useful_tab_bg3.png");
}
.tab-content {display: none;}
.tab-content.active {display: block;}
.tab-content h3 {
	color: #1466a2;
	border-left: none;
	border-bottom: 2px solid #1466a2;
	padding: 3px 0 3px 30px;
	margin: 0 0 30px 0;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 25px auto;
	font-size: 18px;
	text-align: left;
}
.tab-content h3.bg_new{
	background-image: url("../img_new/useful_tab_bg1.png");
}
.tab-content h3.bg_useful{
	background-image: url("../img_new/useful_tab_bg2.png");
}
.tab-content h3.bg_seeds{
	background-image: url("../img_new/useful_tab_bg3.png");
}

/*投稿ループ*/
.usefulpage_content li{
	padding: 0 0 50px 0;
	text-align: left;
}
.usefulpage_content li + li {
	padding-top: 50px;
	border-top: 1px solid #ccc;
}
.usefulpage_left{position: relative;text-align: center;}
.usefulpage_left p{
	pointer-events: none !important;
	color: #FFF;
	font-size: 12px;
	padding: 4px 10px;
	position: absolute;
	left: 10px;
	top: -5px;
}
.usefulpage_left p.junle_useful{
	background: #2ea441;
}
.usefulpage_left p.junle_seeds{
	background: #e7735f;
}
.usefulpage_title{
	font-size: 20px;
	font-weight: bold;
	color: #000;
	line-height: 1.5;
}
p.useful_date{
	font-size: 13px;
	color: #888;
	margin: 5px 0;
}
.usefulpage_p{
	font-size: 14px;
	color: #8d8d8e;
	margin: 0;
	line-height: 2;
}
.archive-link.btn_area a {
	text-align: center;
	color: #1466a2;
	border-color: #1466a2;
}
.archive-link.btn_area a:hover {
	background: #1466a2;
	color: #FFF;
}

/*投稿一覧*/
.archive-page-ttl {
	color: #1466a2;
	border-bottom: 2px solid #1466a2;
	padding: 5px;
	margin: 0 0 30px 0;
	font-size: 21px;
	text-align: left;
}
.news_body .pagen {margin: 40px 0;}
.news_body .btn_area a {
	text-align: center;
	color: #1466a2;
	border-color: #1466a2;
}
.news_body .btn_area a:hover {
	background: #1466a2;
	color: #FFF;
}

/*サイドバー*/
.post_ranking{
	background: #FFF;
	padding: 10px;
	margin-top: 30px;
}
.ranking_content {
	display: flex;
	gap: 0 2%;
	text-align: left;
	position: relative;
}
.ranking_content + .ranking_content {margin-top: 10px;}
.side_post_title{
	font-size: 18px;
	padding: 0 0 0 26px;
	margin: 0 0 10px 0;
	line-height: 2;
	border-left: none;
	text-align: left;
	border-bottom: 2px solid #1466a2;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 23px auto;
}
.side_post_title.ninki{
	background-image: url("../img_new/useful_ranking_bg.png");
}
.side_post_title.picup{
	background-image: url("../img_new/useful_picup_bg.png");
}
.ranking_content > a:has(img) {width: 35%;	}
.ranking_content .ranking_content_p{width: 63%;}
.ranking_content .ranking_content_p p{
	font-size: 12px;
	line-height: 1.5;
}
.ranking_number::after{
	width: 25px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 0;
	color: #FFF;
    font-size: 12px;
    font-weight: bold;
    z-index: 10;
    padding-top: 1px;
    text-align: center;
}
.ranking_number:nth-child(1)::after{
	content: "1";
    background: #c69b19;
}
.ranking_number:nth-child(2)::after{
	content: "2";
    background: #797878;
}
.ranking_number:nth-child(3)::after{
	content: "3";
    background: #b04815;
}

/*投稿ページ*/
.news_post {text-align: left;}
.news_post p a:not(:has(img)) {
	color: #1466a2;
	text-decoration: underline;
	word-break: break-all;
}
.news_post p a:not(:has(img)):hover {opacity: .7;}
.news_title {
	font-size: 24px;
	font-weight: bold;
	color: #1466a2;
	padding: 0;
	margin-bottom: 10px;
	line-height: 1.5;
}
.news_date {
	font-size: 13px;
	color: #888;
	margin-bottom: 10px;
}
img.useful_img{
	margin-bottom: 20px;
	width: 100%;
}
h2.useful_h2{
	font-size: 22px;
	color: #1466a2;
	background: #cfebfd;
	border-left: 8px solid #1466a2;
	line-height: 2;
	box-sizing: border-box;
	padding: 8px 0 8px 10px;
}
h3.useful_h3{
	padding: 0 0 0 15px;
	line-height: 1.5;
	margin: 1em 0 10px 0;
	color: #666;
	font-size: 18px;
	border-left: none;
	position: relative;
}
h3.useful_h3::before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #1466a2;
	position: absolute;
	left: 0;
	top: .5em;
}
.useful_important{
	background: #feecd0;
	padding: 10px;
	margin: 20px 0;
}
.useful_important ul{
	box-sizing: border-box;
	border: 1px solid #ed7d31;
	margin: 0;
	padding: 20px 10px;
}
.useful_important ul li{
	color: #666;
	padding-left: 18px;
	background: url(../img/knowledge/useful_important_bg-1.png) no-repeat left top 3px;
	background-size: 10px auto;
	margin-bottom: 15px;
	font-size: 15PX;
}
.useful_important ul li:last-child{
	margin-bottom: 0;
}
.useful_strong{
	background: #F8E0F1;
	padding: 10px;
	margin: 20px 0;
}
.useful_green{
	background: #e0f9d9;
	padding: 10px;
	margin: 20px 0;
}
.useful_orange{
	background: #fcdcc7;
	padding: 10px;
	margin: 20px 0;
}
p.useful_under{
	font-size: 15px;
	border-bottom: 1px solid #1466a2;
	margin-bottom: 10px;
	color: #555;
	letter-spacing: 2px;
}
p.useful_p1{
	margin: 6px 0;
	line-height: 1.8;
	color: #555;
	letter-spacing: 2px;
	font-size: 15px;
	box-sizing: border-box;
}
.useful_sippitsu{
	clear: both;
	background: #feecd0;
	padding: 20px;
	overflow: hidden;
	margin-bottom: 30px;
	box-sizing: border-box;
}
p.sippitsu_name{
	font-size: 18px;
	margin-bottom: 10px;
}
p.sippitsu_name span{
	font-size: 14px;
}
p.sippitsu_title{
	border-bottom: 1px solid #ed7d31;
	padding-left: 30px;
	background: url(../img/knowledge/useful_sippitsu.png) no-repeat left center;
	background-size: 20px auto;
	line-height: 2;
	margin-bottom: 10px;
}
p.sippitsu_p1{
	margin: 0;
	line-height: 1.6;
	font-size: 14px;
}
.sippitsu_left{
	float: left;
	width: 20%;
}
.sippitsu_right{
	float: right;
	width: 78%;
}

/*目次*/
.news_body div#ez-toc-container{
	padding: 10px 20px 20px 20px;
	border: none;
	border-top: 4px solid #1466a2;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
	border-radius: 0;
	margin: 20px 0;
}
.news_body div#ez-toc-container p.ez-toc-title {
	text-align: left;
	padding-left: 30px;
	background: url(../img/knowledge/useful_mokuji.png) no-repeat left center;
	background-size: 23px auto;
    line-height: 2.4;
	font-size: 20px;
}
div#ez-toc-container ul li {
	margin-bottom: 8px;
	margin-top: 8px;
	line-height: 2;
	font-size: 14px;
}
div#ez-toc-container ul li ul li a{
	color: #666464 !important;
}

/*関連記事*/
.kanren {
	background: #FFF;
    padding: 20px;
    margin-bottom: 30px;
}
.kanren .kanren_title {
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
	border-bottom: 2px solid #1466a2;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	border-left: none;
}
.kanren .kanren_list_wrap li {
	padding: 10px;
	text-align: left;
}
.kanren .kanren_list_wrap li a {display: flex;gap: 0 2%;}
.kanren .kanren_list_wrap li a img {width: 40%;}
.kanren .kanren_list_wrap li a p {width: 58%;}

@media (min-width:769px) {
	.only_sp {display: none;}
    .col-wrap {
        display: flex;
        justify-content: space-between;
        gap: 0 30px;
    }
    .col-main {flex: 1;}
    .col-side {width: 250px;position: relative;}
	
	.news_header .content,
	.news_body .content {
		width: auto;
		max-width: 1080px;
	}
	.news_header .inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.news_header .inner .txt_box {flex: 1;}
	.news_header .inner .img {
	    width: auto;
	    height: 260px;
	    padding: 0 50px;
	}
	.usefulpage_content li {
		display: flex;
		gap: 0 2%;
	}
	.usefulpage_left{width: 30%;}
	.usefulpage_right{width: 68%;}
	.kanren .kanren_list_wrap {
		display: flex;
		flex-wrap: wrap;
		gap: 4%;
	}
	.kanren .kanren_list_wrap li {width: 48%;}
}
@media (max-width:768px) {
	.news_body {padding: 0 2.5%;}
	.news_header .inner{
		width: 95%;
        margin: 0 auto;
	}
	.news_header .inner .txt_box h2 {font-size: 18px;}
	.news_header .inner .txt_box p {font-size: 13px;}
	.news_header .inner .img {display: none;}
	.tab-menu li p {
		padding: 0;
		background-image: none !important;
	}
	.usefulpage_left {margin-bottom: 10px;}
	.usefulpage_content li{padding: 0 0 30px 0;}
	.usefulpage_content li + li {padding-top: 40px;}
	.archive-page-ttl {font-size: 19px;}
	.kanren .kanren_list_wrap li a p {font-size: 12px;}
	
}