@charset "utf-8";
/* CSS Document */
.wrap {
	overflow: hidden;
}
img { max-width: 100%;}

/*ボタン　カーソル当てると動く　もっと見る*/
.button {
	background: #fff;
	border: none;
	padding: 0;
	cursor: pointer;
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 243px;
	text-align: center;
	border-radius: 40px;
}

.button.linkall { max-width: 350px;}

@media screen and (max-width: 767px) {
.button.linkall { max-width: 100%; width: 100%;}
}


.button a {
	display: block;
	border-radius: 40px;
}
.button a:before {
	content: "";
	position: absolute;
	left: -25%;
	width: 150%;
	padding-top: 150%;
	transition: all 0.3s ease;
	border-radius: 999px;
	top: -300%;
}
.button-link--purple {
	border: 2px solid #5A70E1;
	background: #fff;
}
.button-link--purple:hover .more {
	color: #5A70E1;
}
@media screen and (max-width:654px) {
.button-link--purple:hover .more {
		color: #fff;
}
}
.button-link--purple:before {
	background: #5A70E1;
}

.button-link--green {
	border: 2px solid #009E99;
	background: #fff;
}
.button-link--green:hover .more {
	color: #009E99;
}
@media screen and (max-width:654px) {
.button-link--green:hover .more {
		color: #fff;
}
}
.button-link--green:before {
	background: #009E99;
}

/*ブルーボタン*/
.button-link--blue {
	border: 2px solid #3C8FE2;
	background: #fff;
}
.button-link--blue:hover .more {
	color: #3C8FE2;
}
@media screen and (max-width:654px) {
	.button-link--blue:hover .more {
		color: #fff;
}
}
.button-link--blue:before {
	background: #3C8FE2;
}

/*ブルーボタン2
------------------------------------*/
.button-link--blue2 {	background: #fff; border: 2px solid #3D8FE2;}
.button-link--blue2:hover .more {	color: #3D8FE2;}
@media screen and (max-width:654px) {
.button-link--blue2:hover .more {	color: #fff;}
}
.button-link--blue2:before {background: #3D8FE2;}


.button-link--yellow {
	border: 2px solid #FFB553;
	background: #fff;
}
.button-link--yellow:hover .more {
	color: #FFB553;
}
@media screen and (max-width:654px) {
	.button-link--yellow:hover .more {
		color: #fff;
}
}
.button-link--yellow:before {
	background: #FFB553;
}
.button-link--navi {
	border: 2px solid #00589E;
	background: #fff;
}
.button-link--navi:hover .more {
	color: #00589E;
}
@media screen and (max-width:654px) {
	.button-link--navi:hover .more {
		color: #fff;
}
}
.button-link--navi:before {
	background: #00589E;
}
.button-link--green:before {
	background: #089E99;
}
.button-link--green {
	border: 2px solid #089E99;
}
.button-link--green:hover span {
	color: #089E99;
	z-index: 2;
	position: relative;
}
span.more {
	display: block;
	padding: 15px 30px;
	position: relative;
	z-index: 2;
	color: #ffff;
    font-weight: 700;
}

@media screen and (max-width: 767px) {
span.more {	padding: 13px 30px;}
}


.button a:hover::before {
	top: 100%;
}
@media screen and (max-width:654px) {
	.button a:hover::before {
		top: -300% !important;
}
}

/*ボタン　カーソル当てると動く　続きを読む*/
.button-continued {
	background: #eab364;
	border: none;
	padding: 5px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	transition: all .35s ease-in-out .35s;
	float: right;
	font-size: 13px;
}
@media screen and (max-width:576px) {
	.button-continued {
		padding: 0;
}
}
.button-continued a {
	color: #fff !important;
}
span.continued-more {
	display: block;
	padding: 8px 32px;
	position: relative;
	transition: all .35s ease-in-out .35s;
	background-color: #e83817;
	color: white !important;
}
.button-continued:hover span {
	background: #ffff00;
	color: #a9a9a9;
	transition: all .35s ease-in-out .35s;
}
.button-continued:after {
	bottom: -100%;
	right: -100%;
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	background: #fcfcd2;
	transition: all .35s ease-in-out .5s;
}
.button-continued:hover:after {
	right: 0;
	bottom: 0;
	transition: all ease-in-out .35s;
}
.button-continued:before {
	top: -100%;
	left: -100%;
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	background: #fcfcd2;
	transition: all .35s ease-in-out .5s;
	background: #ffff00;
	color: #a9a9a9;
}
.button-continued:hover:before {
	left: 0;
	top: 0;
	transition: all ease-in-out .35s;
}
@media screen and (max-width:575px) {
	.button-continued {
		text-align: center;
		margin: 0 auto;
		float: right;
		display: block;
		width: 100px;
}
}
/*Resources*/
/* 共通装飾 */
/*フォント*/
body {
	line-height: 1.5rem;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	/*Chrome,Safari*/
	-ms-text-size-adjust: 100%;
	/*EgdeMobile*/
	-moz-text-size-adjust: 100%;
	/*firefox*/
	font-size: 15px;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-weight: 500;
	overflow-x: hidden;
	min-width: 320px;
	color: #000;
}
/*共通*/
p {
	line-height: 2em;
    font-weight: 500;
}
@media (max-width: 767px) {
	p {
		line-height: 1.5em;
	
}
}
li {
	margin: 0;
}
a {
	color: #000 !important;
}
a:hover {
	text-decoration: none !important;
	color: #a9a9a9;
}
a .icon-facebook:hover, a .icon-twitter:hover, a .icon-instagram:hover {
	text-decoration: none !important;
	color: #a9a9a9 !important;
}
span.continued-more a {
	color: white !important;
}
span.continued-more a:hover {
	color: #a9a9a9 !important;
}
ul {
	list-style: none;
}
/*画像にカーソルあてると薄くなる*/
figure {
	/* 	overflow: hidden; */
	/* 	transition: .2s opacity ease-out; */
}
@media (max-width: 767px) {
	figure {
		text-align: center;
	}
	figure img {
		width: 100% !important;
		height: auto !important;
}
}
a:hover figure {
	opacity: .8;
}
.breadcrumb {
	margin-top: 10px;
}
/*検索窓*/
input#s-box {
	border-radius: 0;
}

/*スライダー*/
.slider-top {	margin-top: 85px;}
@media (max-width: 768px) {
.slider-top {	margin-top: 65px;}
}
@media (max-width: 395px) {
.slider-top {	margin-top: 55px;}
}

.slider-top_item {
	width: 776px;
	border: 1px solid #ccc;
	padding: 18px 20px;
	margin: 46px 17px 20px 17px;
	background: #fff;
	transition: all .3s;
}
@media screen and (max-width: 991px) {
	.slider-top_item {
		width: calc(100vw - 30px) !important;
		margin: 30px 15px 50px !important;
}
}
.slider-top_item_figure {
	position: relative;
	overflow: hidden;
	margin: 0 0 15px 0;
	padding: 0;
}


/*=======================================================
【トップページ】【スライダー】
=======================================================*/
/*スライダーの画像サイズを16:9に
------------------------------------*/
.slider-top_item_figure img { aspect-ratio: 16 / 9; height: 100%; object-fit: cover; object-position: center; width: 100%;}

/*スライダー内コンテンツの大枠
------------------------------------*/
.slider-top_content { display: grid; align-items: center;}
.slider-top_content a { transition: all .3s;}

@media screen and (max-width: 767px) {
.slider-top_content { padding: 0;}
}

/*スライダー内の記事タイトル
------------------------------------*/
.slider-top_content_title {	font-size: 16px; font-weight: 700; line-height: 1.4;	margin: 0 0 15px 0;}
@media screen and (max-width: 767px) {
.slider-top_content_title {	font-size: 16px; line-height: 1.4;}
}

/*スライダー内の記事タイトルの下の枠
-----------------------------------------*/
.slider-top_content_under { display: flex; align-items: center; gap: 10px; margin: 0; padding: 0;}
.slider-top_content_under .wrapBox a { margin: 0; padding: 0;}
/*著者アバター*/
.slider-top_content_under .avatar { border-radius: 50%; height: 35px; width: 35px;}
/*投稿時間とview数*/
.slider-top_content_under .time_view { color: rgba(128, 128, 128, 1); font-size: 13px; font-weight: 500; line-height: 1; white-space: nowrap;}


/*スライダー下の枚数を表す楕円
------------------------------------*/
.slick-dots {	bottom: -20px !important;}
@media screen and (max-width: 767px) {
.slick-dots {	bottom: 16px !important;}
}

.slick-dots li { background: #fff; border: 1px solid #ddd; border-radius: 10px; height: 10px !important; opacity: .7; width: 60px !important; }
.slick-dots li.slick-active { background: #eee; border: 1px solid #ddd; }
@media screen and (max-width: 767px) {
.slick-dots li { height: 5px !important; width: 30px !important; }
}

.slick-active { opacity: 1 !important;}
.slick-dots li button {	display: none !important;}


/*=======================================================
【共用】【タグリスト】
=======================================================*/
.tag {	padding-left: 0px;	margin-bottom: 0px;	line-height: 2;}
.tag-pick-up {line-height: 2;	margin-left: 0px;}
@media screen and (max-width: 991px) {
.tag-pick-up { margin-left: 2px;}
}
.tag-pick-up-sub { display: flex;	flex-wrap: wrap; line-height: 2.5;}
@media screen and (max-width: 767px) {
.tag-pick-up-sub { margin-left: 2px; margin-top: 10px;}
}
.tag-pick-up-main { margin-top: 10px; margin-left: -10px;}
@media screen and (max-width: 767px) {
.tag-pick-up-main {margin-left: 0px;}
}

.tag-item { display: inline-block; font-size: 13px; font-weight: normal; margin: 0 10px 0 0; padding: 0 5px 0 0; }
.tag-item a { border: 1px solid #707070 !important; border-radius: 2px; color: #555555 !important; padding: 1px 5px; transition: all .3s; }
.tag-item--first a:first-child { display: none; }
.tag-item a:hover { border: 1px solid #a9a9a9 !important; color: #a9a9a9 !important; }
.tag-item a:before { content: "#"; display: inline-block; }


/*=======================================================
【共用】【カテゴリーリスト】
=======================================================*/
ul.cat {margin: 0; padding: 0;}

@media screen and (max-width: 767px) {
ul.cat { display: flex; flex-wrap: wrap;}
}

.cat-item { background: #ccc; display: inline-block; margin: 0 10px 5px 0 !important; padding: 3px 8px 5px 8px;}
.cat-item a { color: #fff !important; margin: 0; padding: 0; transition: all .3s;}
.cat-item span { display: block; font-size: clamp(13px, calc(13px + (16 - 13) * ((100vw - 320px) / (1920 - 320))), 16px); font-weight: 700; line-height: 1.2;}
.slider-top_content_under .cat-item span { font-size: 14px;}

/*共通の各カテゴリーの配色
PHP側のclass名は「.cat-スラッグ名」で自動で付く
-----------------------------------------*/
.cat-new-graduate { background: #3CC0E2;} /*新卒・第二新卒・就活*/
.cat-halfway { background: #3E8DCC;} /*転職・中途*/
.cat-internship { background: #009E99;} /*インターンシップ*/

.cat-part { background: #01589E;} /*アルバイト・パート*/
.cat-know-how { background: #5A70E1;} /*採用を勝ち取るノウハウ*/
.cat-recruit { background: #6EBF6B;} /*求人・採用媒体*/

.cat-change { background: #3D8FE2;} /*積極採用中の企業紹介*/
.cat-adopter { background: #FFB553;} /*採用担当者向け*/
.cat-ather  { background: #FFA5A5;} /*その他・採用関係*/
.cat-business  { background: #FF6B8B;} /*ビジネス関連*/

.cat-fukugyo { background: rgba(242, 114, 75, 1);} /*副業*/
.cat-pickup { background: rgba(0, 158, 153, 1);} /*ピックアップ*/



/*サイドバーのランキング*/
.ranking-wrap { margin: 0 0 50px 0;}

.tab-switch {
	display: none;
}
.tab-menu {
	padding-left: 0px;
	display: flex;
	overflow: hidden;
}
.tab-menu li {
	width: 33.3333333%;
	text-align: center;
	color: #fff;
	margin: 0px 5px;
	font-size: 19px;
	line-height: 1;
	border-radius: 10px 10px 0px 0px;
	overflow: hidden;
}
.tab-label {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
    font-weight: 500;
	transition: transform .2s 80ms, opacity .2s 80ms;
	cursor: pointer;
	position: relative;
	border-radius: 10px 10px 0px 0px;
	    padding: 8px 0 10px 0;
	box-sizing: border-box;
}
.tab-label span {
	color: #fff;
	z-index: 2;
}
.tab-label:hover::before {
	top: 150%;
}
.tab-label:before {
	content: "";
	position: absolute;
	left: -25%;
	width: 150%;
	padding-top: 200px;
	transition: all 0.3s ease;
	border-radius: 999px;
	top: -280%;
}
@media screen and (max-width: 654px) {
	.tab-label:hover::before {
		top: -280%;
}
}
.tab-label:after {
	content: "";
	width: 100%;
	height: 3px;
	display: inline-block;
	background: #FFB553;
	position: absolute;
	bottom: 0px;
	opacity: 0;
	transition: all .3s;
	transform: translateX(-100%);
}
.tab-menu li:nth-child(1) .tab-label {
	box-shadow: inset 0px 0px 0px 2px #089E99;
	border-bottom: none;
}
.tab-menu li:nth-child(1) .tab-label:before {
	background: #089E99;
}
.tab-menu li:nth-child(1) .tab-label:hover span {
	color: #089E99;
}
@media screen and (max-width: 654px) {
	.tab-menu li:nth-child(1) .tab-label:hover span {
		color: #fff;
}
}
.tab-menu li:nth-child(2) .tab-label {
	box-shadow: inset 0px 0px 0px 2px #6DBF6B;
	border-bottom: none;
}
.tab-menu li:nth-child(2) .tab-label:before {
	background: #6DBF6B;
}
.tab-menu li:nth-child(2) .tab-label:hover span {
	color: #6DBF6B;
}
@media screen and (max-width: 654px) {
	.tab-menu li:nth-child(2) .tab-label:hover span {
		color: #fff;
}
}
.tab-menu li:nth-child(3) .tab-label {
	box-shadow: inset 0px 0px 0px 2px #3D8DCC;
	border-bottom: none;
}
.tab-menu li:nth-child(3) .tab-label:before {
	background: #3D8DCC;
}
.tab-menu li:nth-child(3) .tab-label:hover span {
	color: #3D8DCC;
}
@media screen and (max-width: 654px) {
	.tab-menu li:nth-child(3) .tab-label:hover span {
		color: #fff;
}
}
.tab-menu input:checked+.tab-label:after {
	opacity: 1 !important;
	transform: translateX(0);
}
.tab-content {
	padding: 0 5px;
}
@media screen and (max-width: 991px) {
.tab-content {
    margin-bottom: 50px;
}
}
.tab-content ol {
	padding-left: 0px;
}
.ranking-contents {
	border-bottom: 1px solid #089E99;
	display: flex;
	width: 100%;
	padding-bottom: 16px;
	margin-bottom: 16px;
	list-style-type: none;
	counter-increment: cnt;
	
}
@media screen and (min-width: 990px) and (max-width:1199px) {
	.ranking-contents-div {
		width: 100%;
		max-width: 168px;
		margin-bottom: 10px;
		overflow: hidden;
	}
	
}
.ranking-contents:last-child {
	margin-bottom: 0px;
}
.tab-content {
	display: none;
}
.tab-content.is-tab-side-active {
	display: block;
}
.ranking-contents-div {
	margin-right: 14px;
	position: relative;
}
.ranking-contents-div:before {
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
	width: 20px;
	height: 20px;
	background: #fff;
	color: #707070;
	padding: 0 5px;
	line-height: 1.5;
}
.ranking-contents-div { aspect-ratio: 16 / 9; flex: 0 0 auto; overflow: hidden; max-width: 100%; width: 169px; box-sizing: border-box;}
.ranking-contents-div img {width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;}

.rankink__title {
	font-size: 13px;
	line-height: 1.5;
}
.rankink__title a {
	transition: color .3s;
}
.rankink__title a:hover {
	color: #a9a9a9 !important;
}
.rankink__title .wpp-views {
	color: #6D6D6D;
	margin-top: 10px;
	display: block;
}
@media screen and (max-width: 767px) {
	.ranking-wrap {
		margin-bottom: 30px;
}
}
/*固定ページのランキング*/
.tab-menu-main {
	padding-left: 0px;
	display: flex;
	overflow: hidden;
}
.tab-menu-main li {
	width: 33.3333333%;
	text-align: center;
	color: #fff;
	margin: 0px 5px;
	padding-bottom: 5px;
}
.tab-menu-main input:checked+.tab-label-k {
	opacity: .8;
}
.tab-menu-main input:checked+.tab-label-k:after {
	opacity: 1 !important;
	transform: translateX(0);
}
.tab-label-k {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	border-radius: 5px 5px 0px 0px;
	transition: transform .2s 80ms, opacity .2s 80ms;
	cursor: pointer;
	position: relative;
	padding: 5px 0px;
}
.tab-label-k:after {
	content: "";
	width: 100%;
	height: 5px;
	display: inline-block;
	background: #FFB553;
	position: absolute;
	bottom: -5px;
	opacity: 0;
	transition: all .3s;
	transform: translateX(-100%);
}
.tab-menu-main li:nth-child(1) .tab-label-k {
	background: #089E99;
}
.tab-menu-main li:nth-child(2) .tab-label-k {
	background: #6DBF6B;
}
.tab-menu-main li:nth-child(3) .tab-label-k {
	background: #3D8DCC;
}
.tab-switch-k {
	display: none;
}
.ranking-contents-k {
	display: flex;
	margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
	.ranking-contents-k {
		display: block;
		margin-bottom: 20px;
	}
	.ranking-thum-k {
		margin-right: 0px;
		width: 100%;
	}
	.ranking-thum-k {
		margin-bottom: 10px;
	}
	.ranking-thum-k img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.ranking-contents-div:before {
		background: #009E99;
		color: #fff;
}
}
.tab-content-k {
	display: none;
}
.tab-content-k.is-tab-main-active {
	display: block;
}
.tab-content-k ul {
	padding-left: 0px;
}
.ranking-thum-k {
	margin-right: 15px;
	position: relative;
}
.ranking-stats-k {
	text-align: right;
	display: block;
	width: 100%;
	margin-top: 20px;
	position: relative;
}
.tab-content-k .wpp-views {
	color: #6D6D6D;
}
.ranking-num-k-01, .ranking-num-k-02, .ranking-num-k-03 {
	padding-left: 0px;
}
.ranking-num-k-01 li {
	list-style-type: none;
	counter-increment: cnt-main;
}
.ranking-num-k-02 li {
	list-style-type: none;
	counter-increment: cnt-main-week;
}
.ranking-num-k-03 li {
	list-style-type: none;
	counter-increment: cnt-main-manth;
}
.ranking-num-k-01__side, .ranking-num-k-02__side, .ranking-num-k-03__side {
	padding-left: 0px;
}
.ranking-num-k-01__side li {
	list-style-type: none;
	counter-increment: cnt-side;
}
.ranking-num-k-02__side li {
	list-style-type: none;
	counter-increment: cnt-side-week;
}
.ranking-num-k-03__side li {
	list-style-type: none;
	counter-increment: cnt-side-manth;
}
.ranking-thum-k:before, .ranking-contents-div:before {
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
	width: 30px;
	height: 30px;
	background: #FFB553;
	color: #fff;
	padding: 7px 0;
	line-height: 1;
	z-index: 1;
	text-align: center;
}
@media screen and (max-width: 767px) {
.ranking-thum-k:before, .ranking-contents-div:before {
    width: 22px;
    height: 22px;
		padding: 3px 0;
}
}

.ranking-contents-div {
	position: relative;
}
.ranking-num-k-01__side .ranking-contents-div:before {
	content: counter(cnt-side);
}
.ranking-num-k-02__side .ranking-contents-div:before {
	content: counter(cnt-side-week);
}
.ranking-num-k-03__side .ranking-contents-div:before {
	content: counter(cnt-side-manth);
}
.ranking-num-k-01 li .ranking-thum-k:before {
	content: counter(cnt-main);
}
.ranking-num-k-02 li .ranking-thum-k:before {
	content: counter(cnt-main-week);
}
.ranking-num-k-03 li .ranking-thum-k:before {
	content: counter(cnt-main-manth);
}
.ranking-contents-div a {
	    display: contents;
	overflow: hidden;
	position: relative;
}
.ranking-contents-div a:before {
	content: "";
	position: absolute;
	left: -25%;
	background: #fff;
	opacity: .3;
	width: 150%;
	padding-top: 400px;
	transition: all 0.3s ease;
	border-radius: 50%;
	top: 300%;
}
.ranking-contents-div a:hover::before {
	top: -100%;
}
@media screen and (max-width: 654px) {
	.ranking-contents-div a:hover::before {
		top: 300% !important;
}
}
/*ヘッダー*/
.header-bg {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	margin: 0 auto;
	z-index: 999;
	background-color: #fff;
	border-bottom: 1px solid #009E99;
	}

ol, ul, li {
	list-style: none;
}
ul .sns-icon li {
	color: #ffffff;
}
#nav-pc {
	text-align: center;
	padding: 35px;
}
#nav-pc ul li a {
	width: 100%;
	height: auto;
	font-size: 16px;
	padding-right: 50px;
	padding-left: 50px;
}
@media screen and (max-width: 1272px) {
	#nav-pc ul li a {
		padding-right: 42px;
		padding-left: 42px;
}
}
@media screen and (max-width: 1199px) {
	#nav-pc ul li a {
		padding-right: 25px;
		padding-left: 25px;
}
}
#sub_navi ul li a.icon {
	background: url(../images/navi_icon_02.png) no-repeat center 23px;
}

li.item-nav-left {
	display: inline-block;
	border-left: 1px solid #bebebe;
}



.nav-menu-text {
	font-size: 14px;
	line-height: 1.308;
	letter-spacing: 0.08em;
	color: #089E99;
	text-align: center;
}
@media screen and (max-width:767px) {
	.nav-menu-text {
		font-size: 9px;
}
}

/*=======================================================
ヘッダーまわり
=======================================================*/
.header-bar { background: #fff; display: flex; align-items: center; align-content: center; justify-content: space-around; position:relative; }
@media(max-width:767px) {
.header-bar { align-items: flex-start; justify-content: left;}
}

.head-left-waku {display: flex;align-items: flex-start; align-content: center;justify-content: flex-start;}

.head-left-waku,
.header-center-logo,
.right-tool { flex: 0 0 calc((100% / 3) - 0px); background: #fff;}

@media(max-width:1100px) {
.head-left-waku,
.header-center-logo { flex: 0 0 calc((100% / 2) - 0px);}
}
@media(max-width:768px) {
.head-left-waku { flex: 1 1 auto;  min-width: 0;}
.header-center-logo { flex: 0 0 220px;}
}
@media(max-width:320px) {
.header-center-logo { flex: 0 0 200px;}
}

/*ロゴ*/
img.h-logo { width: 100%;}
@media(max-width:1100px) {
img.h-logo { padding-left: 0;}
}

.right-tool {	display: flex; align-items: center; justify-content: flex-end; font-size: 12px; line-height: 1; }
@media (max-width: 1100px) {
.right-tool {	 display: none; }
}
.right-tool a {	display: inline-block;  font-weight: 500; line-height: 1.2; text-align: center;}
.right-tool img { max-width: 340px; width: 100%; }
.writer-entry img {width: 70% !important;}
br.right-tool-br { display: block; content: ""; margin: -4px 0;}


.right-tool span img { height: 40px;}
.right-tool span { font-size: 12px; text-align: center; margin: 0 0 0 50px;white-space: nowrap; }

@media (max-width: 1362px) {
.right-tool span {margin: 0 0 0 25px;}
}
@media (max-width: 1287px) {
.right-tool span {margin: 0 0 0 10px;}
}

.right-tool span a {transition: all .3s;}
.right-tool span a:hover {color: #a9a9a9 !important;}
.right-tool span:last-child {	padding-right: 0;}

/*検索エリア*/
.humb-serch form { float: right; display: inline-block;	margin-top: -27px;}
.sm-serch-form form { margin: 0 0 54px 0;	padding: 0; text-align: left;}
.sm-serch-form form .serchArea { width: 255px; }

@media screen and (max-width:767px) {
.sm-serch-form form { margin: 0 30px 54px 30px;	padding: 0 10px; text-align: left;}
.sm-serch-form form .serchArea { width: 100%; }
}

.drawer { align-items: center; flex-direction: row; padding: 15px 24px; position: fixed; z-index: 9999; }
@media screen and (max-width:767px) {
.drawer { height: 70px; padding: 15px 15px; }
}


/*=======================================================
【ハンバーガメニュー】
=======================================================*/
.openbtn1 { display: flex; height: 40px; z-index: 10000; }

.gnav { position: fixed; top: 0; right: 0; left: 0; width: 100%; height: 100vw; display: none; z-index: 999!important; box-sizing: border-box; }
.gnav.panelactive { background: #fff; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; width: 100%; height: 100vh; box-sizing: border-box;}
.panelactive-bg { background: #fff; height: 100vh; width: 100%; z-index: 999!important;  box-sizing: border-box;}

@media screen and (max-width: 767px) {
.gnav.panelactive { margin-top: 70px;}
}

.navbar_toggle { cursor: pointer;}

/*トグルボタン（2本線のやつ）
-------------------------------------------------------*/
.navbar_toggle_icon { background: #089E99; border-radius: 10px; display: block; height:5px; position: relative;  text-align: center; transition: ease .5s; width: 60px; }
.navbar_toggle_icon:nth-child(1) {top: 0;}
.navbar_toggle_icon:nth-child(2) {top: 10px; margin: 0 0 10px 0;}

/*OPEN時のトグルボタン（2本線のやつ）の動き
-------------------------------------------------------*/
.navbar_toggle.open .navbar_toggle_icon:nth-child(1) {top: 10px; transform: rotate(205deg);}
.navbar_toggle.open .navbar_toggle_icon:nth-child(2) {top: 5px; transform: rotate(-205deg);}

@media screen and (max-width: 768px) {
.navbar_toggle.open .navbar_toggle_icon:nth-child(1) {top: 6px; transform: rotate(205deg);}
.navbar_toggle.open .navbar_toggle_icon:nth-child(2) {top: 1px; transform: rotate(-205deg);}
}

/*トグルボタンの下の「MENU」
-------------------------------------------------------*/
.nav-menu-text { position: absolute; bottom: 5px; font-size: 14px; color: rgb(35, 23, 20); line-height: 1.308; letter-spacing: 5px; font-weight: 700; transition: all .3s; font-family: 'Montserrat', 'Zen Kaku Gothic Antique', sans-serif; text-align: center; width: 60px; }

.nav-menu-text--close{ letter-spacing: 2px !important; opacity: 0; }
.open .nav-menu-text--close { opacity: 1; }
.open .nav-menu-text--open { opacity: 0; }
@media screen and (max-width:1100px) {
.nav-menu-text { bottom: -5px;}
}
.nav-menu-text i { font-style: normal; }


/*展開先のスクロールバーは非表示に*/
.gnav { scrollbar-width: none; -ms-overflow-style: none;}
.gnav::-webkit-scrollbar { display: none;}

span.first-serch { padding: 0 0 0 37px; }
span.first-serch-sm {	padding-left: 9px; text-align: left;}

@media screen and (max-width:1140px) {
span.first-serch { padding: 0 0 0 18px; }
}

@media screen and (max-width:1100px) {
span.first-serch,
span.first-serch-sm{display: none;}
}


/*=======================================================
【ハンバーガーメニューの展開後の中身】
=======================================================*/
/*全体の大枠*/
.navHolder { display: flex; justify-content: center; margin: 0 auto; padding: 100px 0 0 0; max-width: 1920px; box-sizing: border-box;}
@media screen and (max-width: 768px) {
.navHolder { display: flex; padding: 0 0 160px 0; }/*ホームバーで隠れるのを対処*/
}

/*左右を同じ比率で等分させる*/
.navHolder_R,
.navHolder_L { flex: 1; padding: 0 80px; max-width: 920px; box-sizing: border-box; }

/*境界線を引く*/
.navHolder_R { border-left: 1px solid #919191;  text-align: center;}

/*段階的に余白を狭くしていく*/
@media screen and (max-width:1200px) { .navHolder_R, .navHolder_L { padding: 0 40px; } }
@media screen and (max-width:1024px) { .navHolder_R, .navHolder_L { padding: 0 20px; } }

/*SPでは左右の枠を縦並びに*/
@media screen and (max-width:767px) {
.navHolder { display: block;}
.navHolder_R,
.navHolder_L { flex: 1; padding: 30px 0 20px 0; box-sizing: border-box; }

/*境界線を無しに*/
.navHolder_R { border-left: none;}
}

/*基本のコーナー毎の枠
-------------------------------------------------------*/
.navHolder_cont { padding: 0 0 25px 0;}

@media screen and (max-width:767px) {
.navHolder_cont { padding: 0 13px 25px 13px;}
}

/*SNS
-------------------------------------------------------*/
.navHolder_cont_sns { display: flex; justify-content: flex-start; align-items: center; gap: 0 28px; padding: 0 0 25px 0;}

@media screen and (max-width:835px) {
.navHolder_cont_sns { gap: 0 13px;}
}

.navHolder_cont_sns h3 { font-size: 16px; font-weight: 600; line-height: 1; margin: 0; padding: 0; }
.navHolder_cont_sns ul { display: flex; gap: 0 35px; margin: 0; padding: 0;}

@media screen and (max-width:835px) {
.navHolder_cont_sns ul { display: flex; gap: 0 20px;}
}

@media screen and (max-width:775px) {
.navHolder_cont_sns ul { display: flex; gap: 0 10px;}
}

.navHolder_cont_sns ul li {}
.navHolder_cont_sns ul li span { display: inline-block; font-size: 13px; font-weight: 600; line-height: 1; margin: 0; padding: 0 0 0 17px;}

@media screen and (max-width: 767px) {
.navHolder_cont_sns { gap: 20px 0; flex-direction: column-reverse;}
.navHolder_cont_sns ul li span { display: none;}
}

/*バナー
-------------------------------------------------------*/
.navHolder_cont_bnr { padding: 13px 13px 40px 13px;}
.navHolder_cont_bnr img { max-width: 340px; width: 100%; }

/*ロゴ
-------------------------------------------------------*/
.navHolder_cont_logo { padding: 13px 13px 40px 13px;}
.navHolder_cont_logo img { max-width: 340px; width: 100%;}


/*罫線付きのカテゴリタイトル
-------------------------------------------------------*/
h2.headermenu_ttl { color: #BEBEBE; display: flex; align-items: center; font-size: 14px; font-weight: 600; line-height: 1; margin: 0 0 24px 0;	padding: 0;}
h2.headermenu_ttl::before { border-top: 1px solid #BEBEBE; content: ""; margin-right: 0.5em; width: 50px;}

/*右側の矢印付きメニュー
-------------------------------------------------------*/
.navHolder_R h2 { display: block; font-size: 16px; font-weight: 700; line-height: 1.2; margin: 0 0 25px 0; padding: 0; position: relative; overflow: hidden;}
.navHolder_R h2::after { background: url("../img/arrow.svg") no-repeat center center; background-size: contain; content: ""; position: absolute; top: 2px; height: 16px; margin: 0 0 0 10px; width: 16px;}

/*幅が狭くなったら左寄せ*/
@media screen and (max-width:510px) {
.navHolder_cont { text-align: left;}
}

/*共通で使っているタグリストの設定をハンバーガーメニュー用に矯正
-------------------------------------------------------*/
.navHolder_R .tag-new  { padding: 0 0 25px 0;}
.navHolder_R .tag-item a { border: 1px solid #3D8FE2 !important;	color: #3D8FE2 !important;}
.navHolder_R .tag-item a:hover { opacity: 0.7;}

/*ハンバーガーメニュー内その他のメニュー
-------------------------------------------------------*/
.menu_others { margin: 30px 0px; padding: 0 13px;}
.menu_others_group { display: flex; flex-wrap: wrap; justify-content: center; align-content: center; align-items: flex-start; margin: 0; padding: 0;	}

.menu_others_group li { display: inline-flex; align-items: center; font-size: 12px; line-height: 1; margin: 0 33px 13px 0; padding: 0; }
.menu_others_group li::after { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="11" viewBox="0 0 5 11" fill="none"><path d="M0.684326 1.24902L4.31571 5.3329L0.684326 9.75127" stroke="%23868484" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>'); background-repeat: no-repeat; background-size: contain; content: ""; display: inline-block; height: 12px; margin-left: 9px; width: 12px; }
.menu_others_group li:last-child { margin: 0;}

.menu_others_group li a {color: #868484;}

/*幅が狭くなったら左寄せ*/
@media screen and (max-width:510px) {
.menu_others_group { display: flex; align-items: flex-start; justify-content: flex-start; margin: 0; padding: 0;	}
.menu_others_group li { margin: 0 20px 16px 0; }
}

/*=======================================================
メニュー用カテゴリーリスト基本設定
=======================================================*/
.menu-item {padding: 0 27px 18px 0;}
.menu-item:nth-child(2n) {padding: 0 0 18px 0;}

@media screen and (max-width:767px) {
.menu-item {padding: 0 2% 2% 0;}
.menu-item:nth-child(2n) {padding: 0 0 2% 0;}
}

.menu-category-content { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 25px; width: 100%;}

/*サイドメニューの時用
-------------------------------------------------------*/
.menu-category--sidebar {	margin: 0 0 35px 0;	padding: 0;}
.menu-category--sidebar .menu-category-content {padding: 0;}
.menu-category-content--sidebar .menu-item {padding: 0 10px 10px 0;}
.menu-category-content--sidebar .menu-item:nth-child(2n) {padding: 0 0 10px 0;}

.menu-category-content--sidebar .menu-item_link span br {display: none;}
@media screen and (max-width: 1199px) and (min-width: 992px) {
.menu-category-content--sidebar .menu-item_link span br {display: block;}
}

/*ハンバーガーメニューの時用
-------------------------------------------------------*/
.navHolder_cont .menu-category-content { padding: 0; }
.navHolder_cont .menu-item { padding: 0 16px 16px 0; max-width: 284px;}
@media screen and (max-width:2024px) {
.navHolder_cont .menu-item:nth-child(2n) {padding: 0 0 16px 0 !important;}
}

.navHolder_cont .menu-item_link { height: 70px;}
.navHolder_cont .menu-item_link:before {top: -140%;}

@media screen and (max-width:767px) {
.navHolder_cont .menu-category-content { justify-content: center;}
.navHolder_cont .menu-item_link { height: 50px;}
.navHolder_cont .menu-item_link:before {top: -267%;}
}

.navHolder_cont .menu-category-content br.forsp {display:none;}
@media screen and (max-width: 480px) {
.navHolder_cont .menu-category-content br.forsp {display:block;}
}


/*=======================================================
トップページ用カテゴリーリスト
=======================================================*/
.category-row {	margin: 10px 0 42px 0; padding: 0;}
@media screen and (max-width:767px) {
.category-row { margin-bottom: 30px; padding: 0; }
}

.menu-item_link { background: #fff !important; border-radius: 5px; color: #fff !important; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 14px; height: 50px; line-height: 1.2; max-width: 284px; overflow: hidden; position: relative; text-align: center; transition: all .3s; width: 100%; }

@media screen and (max-width:1199px) {
.menu-item_link { font-size: 12px; }
}

@media screen and (max-width:991px) {
.menu-item_link { max-width: 100%; }
}

.menu-item_link:before { border-radius: 999px; content: ""; left: -25%; padding-top: 200px; position: absolute; top: -267%; transition: all 0.3s ease; width: 150%; z-index: 1; }
.menu-item_link:hover::before { top: 100%; }

.menu-item_link span { font-weight: 700; position: relative; z-index: 2; }


/*共用のカテゴリーリストのカラー
=======================================================*/
a.menu-item_link--new-graduate {	border: 2px solid #3CC0E2;}
a.menu-item_link--new-graduate:before {background: #3CC0E2;}
a.menu-item_link--new-graduate:hover span {color: #3CC0E2;}
a.menu-item_link--second-graduate:before {background: #3D8DCC;}
a.menu-item_link--second-graduate {border: 2px solid #3D8DCC;}
a.menu-item_link--second-graduate:hover span {color: #3D8DCC;}
a.menu-item_link--halfway:before {background: #3C8FE2;}
a.menu-item_link--halfway {border: 2px solid #3C8FE2;}
a.menu-item_link--halfway:hover span {	color: #3C8FE2;}
a.menu-item_link--internship:before { background: #089E99;}
a.menu-item_link--internship { border: 2px solid #089E99;}
a.menu-item_link--internship:hover span {color: #089E99;}
a.menu-item_link--part:before {background: #00589E;}
a.menu-item_link--part {	border: 2px solid #00589E;}
a.menu-item_link--part:hover span {color: #00589E;}
a.menu-item_link--know-how:before {background: #5970E1;}
a.menu-item_link--know-how {	border: 2px solid #5970E1;}
a.menu-item_link--know-how:hover span {color: #5970E1;}
a.menu-item_link--recruit:before {background: #6DBF6B;}
a.menu-item_link--recruit {border: 2px solid #6DBF6B;}
a.menu-item_link--recruit:hover span {color: #6DBF6B;}
a.menu-item_link--category-change:before {	background: #3C8FE2;}
a.menu-item_link--category-change {border: 2px solid #3C8FE2;}
a.menu-item_link--category-change:hover span {color: #3C8FE2;}
a.menu-item_link--adopter:before {	background: #FFB553;}
a.menu-item_link--adopter {border: 2px solid #FFB553;}
a.menu-item_link--adopter:hover span {color: #FFB553;}
a.menu-item_link--ather:before {	background: #FFA5A5;}
a.menu-item_link--ather {border: 2px solid #FFA5A5;}
a.menu-item_link--ather:hover span {	color: #FFA5A5;}
a.menu-item_link--business:before {	background: #FF6B8B;}
a.menu-item_link--business {border: 2px solid #FF6B8B;}
a.menu-item_link--business:hover span {	color: #FF6B8B;}






.menu-button {
	margin-top: 30px;
	text-align: center;
	padding: 0px 20px;
}
.menu-button a {
	color: #fff !important;
	background: #fff;
	border-radius: 40px;
	display: block;
	width: 100% !important;
	padding: 10px 0px;
	border: 2px solid #089E99;
	position: relative;
	overflow: hidden;
}
.menu-button a:before {
	content: "";
	position: absolute;
	left: -25%;
	background: #089E99;
	width: 150%;
	padding-top: 200px;
	transition: all 0.3s ease;
	border-radius: 50%;
	top: -300%;
	z-index: 1;
}
.menu-button span {
	color: #fff;
	position: relative;
	z-index: 2;
    font-weight: 700;
}
.menu-button a:hover::before {
	top: 100%;
}
.menu-button a:hover span {
	color: #089E99;
}
@media screen and (max-width:654px) {
	.menu-button a:hover::before {
		top: -300%;
	}
	.menu-button a:hover span {
		color: #fff;
}
}




table {
	width: 100%;
	background: #ffffff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}
th {
	text-align: center !important;
	padding: 15px;
}
i.fas.fa-angle-right.sp-navi {
	float: right;
	margin-top: 4px;
}
@media screen and (max-width: 425px) {
	th {
		font-size: 12px;
}
}
p {
	vertical-align: middle;
}
/*ページトップに戻る　ボタン*/
#pageTop {
	z-index: 999;
	position: fixed;
	bottom: 34px;
	right: 0px;
}
@media screen and (max-width: 767px) {
	#pageTop {
		bottom: 60px;
}
}
.p-pagetop {
	display: none;
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 90;
}
.p-pagetop a {
	background: #fff;
	display: block;
	position: relative;
	height: 58px;
	line-height: 58px;
	text-align: center;
	width: 58px;
	border-radius: 100px 0 0 100px;
	overflow: hidden;
}
.p-pagetop a:after {
	position: relative;
	z-index: 2;
	color: #fff;
	transition: all .3s;
}
.p-pagetop a:before {
	content: "";
	position: absolute;
	left: -25%;
	background: #000;
	width: 150%;
	padding-top: 200px;
	transition: all 0.3s ease;
	border-radius: 50%;
	top: -200%;
}
.p-pagetop a:hover::before {
	top: 100%;
}
.p-pagetop a:hover::after {
	color: #000;
}
@media screen and (max-width: 767px) {
	.p-pagetop a {
		margin-bottom: 10px;
}
}
@media screen and (max-width: 654px) {
	.p-pagetop a:hover::before {
		top: -200%;
	}
	.p-pagetop a:hover::after {
		color: #fff;
}
}
.p-pagetop a::after {
	content: "\f106";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 14px;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin-right: -8px;
}

/*検索フォーム*/
button#s-btn-area {
	border: none;
}
input#s-box {
	border-radius: 20px;
    font-weight: 500;
}
.search_container {
	position: relative;
	display: block;
	border-radius: 20px;
	height: 2.3em;
	width: 260px;
	left: 43%;
	top: -39px;
}
@media screen and (max-width:1199px) {
	.search_container {
		left: 23%;
}
}
.search_container input[type="text"] {
	border: none;
	border-radius: 10px;
	padding-left: 5px;
}
@media screen and (max-width:575px) {
	.search_container input[type="text"] {
		display: none;
}
}
.search_container input[type="text"]:focus {
	outline: 0;
}
.search_container input[type="submit"] {
	cursor: pointer;
	font-family: FontAwesome;
	font-size: 1.3em;
	border: none;
	background: none;
	position: absolute;
	width: 2.5em;
	height: 2.5em;
	right: 17%;
	top: -10px;
	outline: none;
}
@media screen and (max-width:1199px) {
	.search_container input[type="submit"] {
		right: 18%;
}
}
@media screen and (max-width:575px) {
	.search_container input[type="submit"] {
		display: none;
}
}
.ow-b #form {
	padding: 20px;
}
/*以下で固定*/
@media screen and (max-width: 991px) {
	.md-header {
		position: fixed;
		top: 0px;
		box-sizing: content-box;
		z-index: 90;
		width: 100%;
}
}



/* === 検索全体のBOX ============================ */

.serchArea {
	position: relative;
	width: 200px;
	height: 40px;
	letter-spacing: 0.1em;
	font-weight: bold;
	line-height: 0;
    margin-top: 0;
}

.notfoundBox .serchArea { margin: 30px 0 80px 0; width: 100%; }

@media screen and (max-width:767px) {
.serchArea { margin-top: 0; margin-bottom: 20px; width: 100%; }
}

/* === テキスト入力欄のSTYLE設定 ============================= */

.serchText {
	position: absolute;
	display: block;
	box-sizing: border-box;
	height: 40px;
	width: 100%;
	margin: 0;
	padding: 0 40px 0 15px;
	border: 1px solid #009E99;
	border-radius: 6px;
	color: #000;
	font-size: 13px;
	outline: 0;
	font-weight: lighter;
}
/* === 検索ボタン欄のSTYLE設定 =============================== */

.serchButton {
	position: absolute;
	box-sizing: border-box;
	height: 28px;
	margin: 0;
	padding: 6px 10px;
	top: 4px;
	right: 4px;
	border: none;
	border-radius: 6px;
	background:none;
	color: #fff;
	cursor: pointer;
}
/* ボタンのフォーカス時のスタイルを調整 */
.serchButton:focus {
    outline: none;
    border: none;
    box-shadow: none;
}
.serchText:focus {
	background: #fff;
}


.header-center-logo {
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
}

@media(max-width:1100px) {
.header-center-logo { order: 1; justify-content: flex-start;}
.head-left-waku  { order: 2; justify-content: flex-end;}
}

@media screen and (max-width: 991px) {
	.header-center-logo img {
		right: 20px;
}
}
@media screen and (max-width: 767px) {
	.header-center-logo img {
		width: 220px !important;
		
}
}

@media screen and (max-width: 767px) {
	.header-center-logo {
		padding-right: 0;
}
}
@media screen and (max-width: 767px) {
	.header-center-logo {
		text-align: left;
	}
}
@media screen and (max-width: 375px) {
	.header-center-logo {
		text-align: left;
}
}

/*メイン画像内のカテゴリー見出しカラー*/

span.mein-kategori-a-text {
	background-color: #ff4500;
	border-radius: 10px;
	padding: 4px;
	font-size: 13px;
}
span.mein-kategori-b-text {
	background-color: #3cb371;
	border-radius: 10px;
	padding: 4px;
	font-size: 13px;
}
span.mein-kategori-c-text {
	background-color: #deb887;
	border-radius: 10px;
	padding: 4px;
	font-size: 13px;
}
span.mein-kategori-d-text {
	background-color: #ffd700;
	border-radius: 10px;
	padding: 4px;
	font-size: 13px;
}
span.mein-kategori-e-text {
	background-color: #8a2be2;
	border-radius: 10px;
	padding: 4px;
	font-size: 13px;
}
span.mein-kategori-e-text {
	background-color: #53cadc;
	border-radius: 10px;
	padding: 4px;
	font-size: 13px;
}
span.mein-kategori-x-text {
	background-color: #747d7e;
	border-radius: 10px;
	padding: 4px;
	font-size: 13px;
}
/*メイン画像内の記事タイトル*/

p.mein-kijititle {
	margin-top: -13px;
	font-size: 18px;
	color: white;
}
@media screen and (min-width:2000px) {
	p.mein-kijititle {
		font-size: 20px;
}
}
@media screen and (max-width:991px) {
	p.mein-kijititle {
		font-size: 16px;
}
}
p.mein-kijititle a {
	color: white !important;
}
@media screen and (max-width:767px) {
	p.mein-kijititle {
		width: 95%;
		line-height: 1.2;
}
}
/*メイン画像内の日付*/

.modified_date {
	padding-left: 15px;
}
@media screen and (min-width:424px) {
	.modified_date-br {
		display: none;
}
}
@media screen and (max-width:423px) {
	.modified_date-s {
		padding-left: 0;
}
}

.mein-a {
	max-width: 100%;
	height: 506px;
	object-fit: cover;
}

/*新着情報　横スライドへ*/

@media screen and (min-width:768px) {
	.top-new-content {
		margin-bottom: 22px !important;
}
}
.post-content {
	font-size: 15px;
	margin-bottom: 5px;
	line-height: 1.6;
}
@media screen and (max-width:767px) {
	.post-content {
		font-size: 11px;
		line-height: 1.6;
}
}

/*content-2 特集*/

/*トップページの大きな広告ボックス*/
.bigBnrBox { margin: 0 0 50px 0; }


@media screen and (max-width: 425px) {
	.content-2 {
		margin-top: 0;
}
}
.om-title {
border-bottom: 1px solid #000;
	font-size: 20px !important;
    font-weight: 500;
	line-height: 1.4;
	text-align: left;
	margin: 0 0 16px 0;
	padding: 0 0 7px 0;
	letter-spacing: 0.05em;
	width: 100%;
}
.top-title {
	text-align: center;
	margin: 50px 0;
}
.top-title-sp {
	display: none;
}
@media screen and (max-width: 768px) {
	.om-title {
	margin: 0 0 13px 0;
	}
	.top-title {
		display: none;
	}
	.top-title-sp {
		width: 100%;
		margin-top: 50px;
		margin-bottom: 30px;
		padding: 0px 30px;
		display: block;
	}
	.top-title-sp img {
		width: 100%;
}
}

.fa-list {color: #3CC0E2;	margin-right: 10px;}
.fa-clock {color: #5A70E1;	margin-right: 10px;}
.fa-star {color: #FFB553;	margin-right: 10px;}
.fa-bullhorn {color: #3D8FE2;	margin-right: 10px;}
.fa-briefcase {color: #FF6B8B;	margin-right: 10px;}


.tag-key-list-t {
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
}
.tag-key-list-t {
	padding: 0 10px;
}
.tag-key-list-t li {
	padding: 4px 5px 4px 0;
}
.tag-key-list-t li a {
	font-size: 15px;
	padding: 4px 10px;
	display: inline-block;
	margin: 5px;
	border: 1px solid #ffa3b4;
	font-weight: 500;
	letter-spacing: 2px;
}
.tag-more {

	text-align: left;
	color: #3D8FE2 !important;

}
@media screen and (max-width: 767px) {
.tag-more {
    
}
}
.tag-more p {
	transition: all .3s;
	display: inline-block;
	border-bottom: 1px solid #3D8FE2;
	padding: 0;
	margin: 30px 0 50px 0;
	color: #3D8FE2 !important;
		font-size: 15px;
	line-height: 1.8;
}
.tag-more p:hover {
	color: #3C8FE2 !important;
}
.area-height img {
	padding: 10px 0;
	display: block;
	max-width: 100%;
	width: 100%;
	height: auto;
}
.category-group {
	position: absolute;
	z-index: 1;
	padding-left: 0px;
	display: flex;
	bottom: 0px;
	left: 30px;
}
@media screen and (max-width: 767px) {
	.category-group {
		display: block;
		text-align: left;
		left: 10px;
		line-height: 2.5;
}
}

.category-box {
	position: relative;
}

/*カテゴリー一覧
-----------------------------------------*/
.category-box { padding: 27px 10px; text-align: center;}
.category-box span { color: #fff; font-size: 18px; }

/*SP用の改行*/
.category-box br {display: none;}

.om-title-h2 { display: inline-block; font-size: 20px !important;	font-weight: 700; margin-bottom: 0;}
.om-title-h2 .fa { color: #3CC0E2; margin-right: 10px;}
.om-title-h2 img {	height: 25px; vertical-align: bottom;}

@media screen and (max-width: 767px) {
	.keyword-title {
		margin-top: 15px;
}
}

p.random-kategori {	margin-bottom: 3px;}
p.random-kategori a { display: inline-block; margin: 0 5px 0 0;}

@media screen and (max-width:767px) {
p.random-kategori { margin-bottom: 10px; margin-top: 5px;}
}

.featured-1 figure {
	width: 100%;
}
.top-news-contents .anim {
margin-bottom: 10px;
	width: 368px;
}

@media screen and (max-width:576px) {
	.featured-1 figure {
		height: auto;
}
}
@media screen and (max-width:575px) {
	.con-2-img {
		height: 211px;
}
}
@media screen and (max-width:767px) {
	.top-news-contents .anim {
		width: 100%;
	}
	.top-news-contents .anim a {
		padding: 0px 15px;
	}
	.top-news-contents .anim img {
		width: 100% !important;
		height: auto !important;
}
}

/*新着記事のアバターと投稿日時を横並びにする*/
.post-meta { display: flex; align-items: center; gap: 0 8px; margin: 20px 0 0 0;}
.post-meta .avatar { border-radius: 50%; height: 45px; width: 45px;}
.post-meta .time { color: #808080; font-size: 14px;}


@media screen and (min-width:1199px) {
	.pl-lg {
		padding-left: inherit;
		line-height: 1;
}
}
.writer-mark {
	height: 39px;
}
@media screen and (min-width:768px) and ( max-width:991px) {
	.pl-lg {
		padding-left: 15px !important;
}
}


	.featured-box {
		margin-bottom: 35px;
	}

@media screen and (max-width:767px) {
	.featured-box {
		margin-bottom: 20px !important;
	}
	.featured-box .row {
		display: block;
	}
	.featured-box .col-5 {
		width: 100%;
		height: 211px;
		max-width: inherit;
	}
	.featured-box .col-7 {
		width: 100%;
		max-width: inherit;
}
}
@media screen and (max-width:575px) {
	.row.featured-box {
		padding: 0 30px;
	}
	.col-lg-8.col-md-8.col-12.special-title {
		padding-left: 0;
	}
	.col-lg-4.col-md-4.col-12.featured-1 {
		padding: 0;
}
}
.col-lg-8.col-md-8.col-12.special-title {
	overflow: hidden;
	color: #999;
}
/*ランダム　カテゴリー　見出し*/
/* カテゴリー・タグ共通 */

.random-kategori a[rel*="category"], .random-kategori a[rel*="tag"] {
	color: #fff;
	text-decoration: none;
	border-radius: 10px;
	padding: 4px;
	font-size: 13px;
}
@media screen and (max-width:480px) {
	span.kategori-f-text.text-white {
}
}

/*ランダム　カテゴリー　テキスト内*/
p.random-kategori-t {
	font-size: 17px;
	line-height: 1.4;
	margin-bottom: 10px;
    font-weight: 600;
}
p.random-kategori-t a {
	transition: color .3s;
}
p.random-kategori-t a:hover {
	color: #a9a9a9 !important;
}

/*サムネイルを16:9で表示*/
.top-news-contents_figure img { aspect-ratio: 16 / 9; height: 100%; object-fit: cover; object-position: center; width: 100%; border: 1px solid #eee; box-sizing: border-box;}

.top-news-contents_figure a {
	display: block;
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
	overflow: hidden;
	position: relative;
}
.top-news-contents_figure a:before {
	content: "";
	position: absolute;
	left: -25%;
	background: #fff;
	opacity: .3;
	width: 150%;
	padding-top: 400px;
	transition: all 0.3s ease;
	border-radius: 50%;
	top: 300%;
	z-index: 1;
}
.top-news-contents_figure a:hover::before {
	top: -100%;
}
@media screen and (max-width:654px) {
	.top-news-contents_figure a:hover::before {
		top: 300% !important;
}
}
@media screen and (max-width:767px) {
	.top-news-contents_figure a:hover::before {
		top: -20%;
}
}
.top-news-content_category {
	transition: .3s;
}
.top-news-content_category span {
	transition: .3s;
	padding: 0px 3px;
}
.top-news-content_category:hover span {
	color: #fff !important;
}

@media screen and (max-width: 425px) {
	p.random-kategori-t {
		font-size: 16px;
}
}
span.text-white.mein-a {
	padding: 1px 10px 1px 0;
}
.contents-parts {
	border-bottom: 1px solid #9c9c9c;
	width: 80%;
	margin: 20px auto;
	margin-top: 2px;
}
@media screen and (max-width: 425px) {
	.contents-parts {
		margin-top: 0;
}
}
.border-margin {
	margin-bottom: 0;
}
/*もっと見る　ボタン*/

@media screen and (max-width: 425px) {
	.see-more {
		margin-top: 0px;
}
}
.ad-01 {
	padding-bottom: 20px;
	max-width: 100%;
	padding: 0 15px 20px 15px;
}
@media screen and (max-width: 767px) {
	.ad-01 {
		margin-bottom: 25px;
}
}
.light-button.button-wrapper {
	margin: 50px 0;
}
@media screen and (max-width: 768px) {
.light-button.button-wrapper {
	margin: 40px 0;
}
}

	.pickup-list-title {
		margin-top: 20px !important;
	}
	.shintyaku-more {
		margin-top: 30px !important;
}
@media screen and (max-width: 767px) {
	.shintyaku-more {
		margin-top: 20px !important;
}
}

.special-waku img {
	padding: 20px 0;
}
.sp-new-thumb {
	padding: 0 15px 0 15px !important;
}
@media screen and (max-width: 767px) {
	.sp-new-thumb {
		margin-bottom: 10px;
}
}
/*content-3 特集*/

.content-3-bg {
	background-color: #fff9ee;
	margin-top: 115px;
}
@media screen and (max-width: 767px) {
	.content-3-bg {
		margin-top: 70px;
}
}
@media screen and (max-width: 425px) {
	.content-3-bg {
		margin-top: 45px;
}
}
.content-3-width {
	padding: 60px 0px 90px;
}
@media screen and (max-width: 767px) {
	.content-3-width {
		padding: 60px 0px 60px;
}
}
@media screen and (max-width: 576px) {
	.content-3-width {
		width: 100% !important;
}
}
/*特集*/

.featured-1 {
	text-align: right;
}
@media screen and (max-width: 767px) {
	.featured-1 {
		text-align: center;
}
}
@media screen and (max-width: 575px) {
	.featured-1 h2 {
		margin-right: 15px !important;
		margin-left: 15px !important;
}
}
p .featured-1 {
	font-weight: bold;
}
.featured-1 h2 {
	border: 1px solid #ddd;
	color: #000;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: -1px;
	padding: 14px 18px;
	text-align: center;
}
@media screen and (min-width:768px) and (max-width:991px) {
	.kategori-title1 {
		font-size: 14px;
}
}
.img-3-1 {
	width: 385px !important;
	height: 180px !important;
	object-fit: cover;
}
.special-list {
	border: 1px solod #231714;
}
@media(min-width:768px) {
	.special-list {
		margin-bottom: 20px;
}
}
@media(max-width:767px) {
	.special-list {
		text-align: center;
		margin-bottom: 20px;
}
}
.special-list img {
	max-width: 100%;
}
p.coupon-title {
	font-size: 14px;
	line-height: 1.4;
	color: #797776;
	padding: 20px 0;
}
/*特集一覧*/

.featured-2 {
	text-align: right;
	margin-top: 10px;
	margin-left: -15px;
}
@media screen and (max-width: 576px) {
	.featured-2 {
		text-align: center;
}
}
/*続きを読む　ボタン*/

.read-more {
	text-align: right;
}
@media screen and (max-width:767px) {
	.read-more {
		text-align: center;
}
}
.read-more span {
	background-color: #cccccc;
	padding: 6px 50px;
}
@media screen and (max-width: 767px) {
	.read-more span {
		padding: 6px 30px;
}
}
@media screen and (max-width: 375px) {
	.read-more span {
		padding: 6px 18px;
}
}
.top-date-text {
	font-size: 12px;
	color: grey;
}
.special-row {
	/*margin-bottom: 16px;*/
	padding: 0 8px;
}
.row .special-row p {
	line-height: 1.5;
	font-weight: 700;
	margin-bottom: 0.5rem;
}

.col-12.featured-1 {
	margin-bottom: 60px;
}
/*/////////////積極採用中の企業紹介/////////////*/

@media screen and (max-width: 575px) {
	.special-row {
		padding: 0 5px;
}
}
.col-12.featured-1 {
	margin-bottom: 60px;
}
/*コンテンツ内*/

.pick-row {
	position: relative;
	width: 100%;
}
@media screen and (max-width:575px) {
	.pick-row {
		padding: 0 !important;
}
}
figure.anim {
	width: 100%;
	margin: 0 0 11px 0;
}
.change-title {
	width: 92%;
	padding: 8px 20px;
	position: absolute;
	left: 0;
	bottom: 16px;
	margin: 0 auto;
	right: 0;
	height: 38%;
	background-color: rgb(45, 119, 193, 0.8);
	line-height: 1.3;
	color: #fff !important;
}
@media screen and (max-width:1199px) {
	.change-title {
		width: 91%;
		padding: 10px 15px;
}
}
@media screen and (min-width:768px) and (max-width:1190px) {
	.change-title {
		width: 91%;
		height: 43%;
}
}
@media screen and (max-width:767px) {
	.change-title {
		width: 94.5%;
		height: 31%;
}
}
@media screen and (max-width:480px) {
	.change-title {
		width: 94%;
}
}
@media screen and (max-width:425px) {
	.change-title {
		width: 93%;
}
}
@media screen and (max-width:375px) {
	.change-title {
		width: 92%;
		padding: 8px 15px;
}
}
@media screen and (max-width:320px) {
	.change-title {
		padding: 5px 15px;
}
}
.change-title a {
	color: #fff !important;
}
.change-cat-ul {
	display: flex;
	justify-content: flex-start;
	padding-left: 0;
	margin-bottom: 7px;
}
.change-cat {
	border: 1px solid #fff;
	margin: 0 3px;
	padding: 0 3px;
	display: inline;
	font-size: 80%;
	font-weight: 500;
}
@media screen and (max-width:767px) {
	.change-cat {
		font-size: 9px;
}
}
.title-before {
	margin-top: 3px;
	line-height: 1.5;
	font-weight: 700;
	letter-spacing: 0.05em;
	white-space: normal;
}
@media screen and (max-width:767px) {
	.sm-top-date-text {
		color: #fff;
		font-size: 10px;
}
}

i.fas.fa-bell {	color: #3C8FE2;}



/*=======================================================
ピックアップ
=======================================================*/

i.fas.fa-star {	color: #FFB553;}

.pick-row {	padding: 0 8px; position: relative;	width: 100%;}

@media screen and (max-width: 767px) {
.pick-row .anim { margin-bottom: 5px !important;}
}
.pick-row figure {width: 100%;}

.title-before a {	transition: color .3s;}
.title-before a:hover {	color: #a9a9a9 !important;}

/*=======================================================
横並びスクロールになる枠
=======================================================*/
.work-slide { align-items: flex-start; display: flex; flex-wrap: wrap;}

@media screen and (max-width:767px) {
.work-slide { align-items: flex-start; display: flex; flex-wrap: nowrap; margin-left: 5px; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; white-space: nowrap !important; }
.work-slide-item { display: inline-block !important; overflow: hidden !important; padding-right: 15px !important; width: 80% !important; }
}


/*コンテンツ４*/

.con-4-ranking {
	padding: 60px 0px 90px;
}
.con-4-ranking h2 {
	border: 1px solid #ddd;
	color: #000;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: -1px;
	padding: 14px 18px;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.con-4-ranking {
		padding: 60px 0px 60px;
}
}
.con-ranking-mt {
	margin-top: 70px;
	max-width: 1400px;
}
.ranking-box {
	margin-right: 45px;
}
.ranking-text {
	font-size: 16px;
	margin-top: 20px;
}
/*content-5 おすすめ記事*/

.content-5-bg {
	background-color: #fff9ee;
}
.con5-osusuke {
	padding: 60px 0px 90px;
}
.con5-osusuke h2 {
	border: 1px solid #ddd;
	color: #000;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: -1px;
	padding: 14px 18px;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.con5-osusuke {
		padding: 60px 0px 60px;
}
}
.con5-kategori {
	margin-top: 30px;
}
@media screen and (max-width: 767px) {
	.con5-kategori {
		margin-top: 0;
	}
	p.text-center.sm-osusume-title {
		margin-bottom: 0;
}
}
.con5-list {
	text-align: center;
	margin-top: 10px;
	padding-right: 15px;
}
img.img-3.wp-post-image,
img.img-3.anim {aspect-ratio: 16 / 9; height: 100%; object-fit: cover; object-position: center; width: 100%; border: 1px solid #eee; box-sizing: border-box;}
@media screen and (max-width: 1024px) {

	.push-time-text {
		font-size: 13px;
		font-weight: normal;
		color: gray;
	}
	/*content-6 タグ*/
	.con6-tagu {
		padding: 60px 0px 90px;
	}
	.con6-tagu h2 {
		border: 1px solid #ddd;
		color: #000;
		font-size: 20px;
		font-weight: 700;
		line-height: 1.4;
		margin-bottom: -1px;
		padding: 14px 18px;
		text-align: center;
}
}
@media screen and (max-width: 767px) {
		.con6-tagu {
			padding: 60px 0px 60px;
}
}
@media screen and (max-width: 425px) {
		.con6-tagu {
			padding: 45px 0px 45px;
}
}
span.keyword a {
		font-size: 13px;
		color: #3D8FE2 !important;
		padding: 3px 5px;
		display: inline-block;
		margin: 5px;
		border-radius: 3px;
		border: 1px solid #3D8FE2;
    font-weight: 500;
	}
	span.keyword a::before {
		content: "\0023";
	}
	span.keyword a {
		transition: all .3s;
	}
	span.keyword a:hover {
		color: #a9a9a9 !important;
		border: 1px solid #a9a9a9;
	}
	
/*最新記事内の日時*/
@media screen and (max-width: 1024px) {
		.time-text {
			margin-bottom: 15px;
}
}
@media screen and (max-width: 768px) {
		.time-text {
			margin-top: -10px;
}
}
	.views {
		color: #999;
		font-size: 13px;
	}
	.single-tagu-title {
		color: #383838;
		font-size: 20px;
		margin-bottom: 10px !important;
	}
	.single-tagu-title img {
		vertical-align: bottom;
		width: 30px;
		height: 25px;
		position: relative;
		top: -5px;
	}
	.single-writer-title {
		color: #383838;
		font-size: 20px;
		font-weight: 700;
	}
	.single-writer-title img {
		vertical-align: bottom;
		width: 30px;
		height: 25px;
	}
	
/*=======================================================
サイドバーのタグ一覧
=======================================================*/
.keyword-box { margin-top: 30px;}
.keyword-box--sidebar { margin-top: 0px;}
	
/*共通で使っているタグ一覧の配色をsiderbar.php用に矯正*/
.keyword-box--sidebar .tag-item a { border: 1px solid #3D8FE2 !important;	color: #3D8FE2 !important;}
.keyword-box--sidebar .tag-item a:hover { opacity: 0.7;}
	
	
	.single-post-img img {
		max-width: 100%;
		width: 200px;
		height: 144px;
		object-fit: cover;
		margin-bottom: 5px;
	}
	@media screen and (max-width:1199px) {
		.single-post-img img {
			width: 100%;
}
}
	.user-title {
		font-size: 12px;
		width: 200px;
	}
	@media screen and (max-width:1199px) {
		.user-title {
			width: 100%;
}
}
	.writer-post-list.row {
		display: flex;
		justify-content: start;
	}
	.post-col4 {
		margin-bottom: 30px;
	}
@media only screen and (max-width: 767px) {
		ul.related_post li {
			width: 46% !important;
}
}
@media only screen and (max-width: 767px) {
		.post-col4:nth-child(2n) {
			/*	padding-right: 0 !important;*/
			margin-left: -15px;
}
}
/*フッター*/

footer { width: 100%;}

.footer-bg {
		background-color: #F1F1F1;
		width: 100%;
		padding: 100px 0px 100px 0px;
}
@media screen and (max-width: 991px) {
		.footer-bg {
			padding: 15px 0px 20px 0px;
}
}
@media screen and (max-width: 575px) {
		.footer-bg {
			margin-top: 30px;
}
}
.footer-bm-bg {
		background-color: #089E99;
		width: 100%;
		clear: both;
}
@media screen and (max-width: 767px) {
		.footer-bm-bg {
    margin-bottom: 80px;
}
}
	.footer-left {
		float: left;
		overflow: hidden;
	}
@media screen and (max-width: 991px) {
		.footer-left {
			float: none;
			text-align: center;
}
}
	.footer-nav {
		padding-left: 0px;
	}
@media screen and (max-width: 1199px) {
.footer-nav {
    padding-left: 40px;
}
}
	.footer-nav li {
		padding: 5px 0;
	}
	.footer-nav li {
		font-size: 13px;
	}
@media (min-width: 768px) {
		.footer-nav li {
			font-size: calc(13px + ((1vw - 7.68px)*0.231));
}
}
@media (min-width: 1200px) {
		.footer-nav li {
			font-size: 14px;
}
}
	.footer-nav li a {
		color: #424242 !important;
	}
	p.footer-home {
		margin-left: 55px;
	}
	.footer_logo {
		padding-top: 38px;
		margin-bottom: 20px;
	}
	.footer_logo a {
		transition: all .3s;
	}
	.footer_logo a:hover {
		opacity: .7;
	}
@media screen and (max-width: 991px) {
		.footer_logo {
			padding-bottom: 0px;
		}
		.footer_logo p {
			width: 100%;
			display: block;
			margin: auto;
			margin-top: 10px;
}
}
/*右側*/
	.footer-nav a {
		transition: all .3s;
	}
	.footer-nav a:hover {
		color: #a9a9a9 !important;
	}
@media screen and (max-width: 991px) {
		.footer-right {
			padding-top: 0px;
}
}
@media screen and (max-width: 1199px) {
		ul.footer-nav.d-none.d-lg-block {
			margin-left: -40px;
}
}
	.footer-right-waku {
		display: flex;
	}
	ul.footer-nav1 {
		padding: 0;
		list-style-type: none;
		display: flex;
		flex-wrap: wrap;
	    margin-right: -30px;
	}
	
/*202509追加*/
ul.footer-nav_mini { display: flex !important; flex-wrap: wrap; margin: 47px 0 0 0; padding: 0;	}
ul.footer-nav_mini li { align-items: center; display: inline-flex; font-size: 12px; line-height: 1; margin: 0 33px 0 0; padding: 0; }
ul.footer-nav_mini li::after { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="11" viewBox="0 0 5 11" fill="none"><path d="M0.684326 1.24902L4.31571 5.3329L0.684326 9.75127" stroke="%23868484" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>'); background-repeat: no-repeat; background-size: contain; content: ""; display: inline-block; height: 12px; margin-left: 9px; width: 12px; }
ul.footer-nav_mini li:last-child { margin: 0;}
ul.footer-nav_mini li a {color: #868484 !important;}



@media screen and (max-width: 1199px) {
ul.footer-nav1 {
    margin-right: -30px;
}
}
	ul.footer-nav1 li {
		width: 50%;
		padding: 5px 0;
	}
	.f-menu-title {
		color: #808080;
		font-size: 16px;
		font-weight: 400;
		margin: 0 0 10px 0;
	}
	.f-menu-title--site {
		text-align: center;
	}
.footer-cat-menu {
	padding-left: 75px;
}
@media screen and (max-width:1199px) {
.footer-cat-menu {
	padding-left: 65px;
}
}
.footer-cat-menu2 {
	padding-left: 169px;
}
@media screen and (max-width:1199px) {
.footer-cat-menu2 {
	padding-left: 60px;
}
}
@media screen and (max-width:1199px) {
		.f-menu-title1 {
			padding-left: 0;
		}
		.f-menu-title {
			font-size: 14px;
}
}
	.copyright {
		text-align: center;
		color: #ffffff;
		margin: 0;
		padding: 9px 0;
		font-size: 13px;
		font-weight: 400;
		line-height: 1;
	}
@media screen and (max-width:767px) {
		.copyright {
			margin-bottom: -20px;
}
}
	.rogo-bm {
		margin-top: -30px;
	}
	img.rogo-bm {
		width: 100%;
	}
@media screen and (max-width: 767px) {
		.footer_menu ul .footer_menu_category {
			padding-left: 0px !important;
			text-align: center;
}
}
	.footer-site {
		padding-left: 0px;
		text-align: center;
	}
	/*横スライド*/
	.row.top-news-waku {
		padding-left: 0;
	}
	.row.top-news-waku.slide-ul {
		margin-top: 60px;
	}
@media screen and (max-width:576px) {
		.slide-ul {
			overflow-x: auto;
			white-space: nowrap;
			-webkit-overflow-scrolling: touch;
}
}
@media screen and (max-width:576px) {
		.featured-box {
			display: inline-block !important;
			overflow: hidden;
}
}
@media screen and (max-width:576px) {
		p.random-kategori-t {
			overflow: hidden;
}
}
@media screen and (max-width:576px) {
		.slide-ul-1 {
			overflow-x: auto;
			white-space: nowrap;
			-webkit-overflow-scrolling: touch !important;
			display: block !important;
}
}
@media screen and (max-width:576px) {
		.featured-box-1 {
			display: inline-block !important;
			padding: 0 10px;
			padding: 0 30px;
}
}
@media screen and (max-width:576px) {
		.sm-osusume-title {
			overflow: hidden;
}
}
@media screen and (max-width:576px) {
		.row.slide-ul-1 {
			padding: 0 15px;
}
}
	.row.slide-ul-1 {
		margin-top: 60px;
	}
	.col-md-4.col-12.featured-box-1 {
		padding: 0 30px;
	}
@media screen and (max-width:576px) {
		.col-md-4.col-12.featured-box-1 {
			padding: 0 15px;
			padding-left: 0;
			margin-right: 15px;
}
}
	.con5-kategori .col-12 {
		padding: 0;
	}
	.sp-slide-img-3 {
		padding: 0;
	}
	.con5-kategori.col-12 {
		padding: 0;
	}
	.col-12.sp-slide-img-3 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

		.row.top-news-waku {
			padding-left: 0px !important;
}
}
	div#metaslider_container_470 {
		margin-top: 95px;
	}
@media screen and (max-width:767px) {
		.col-12.featured-1 {
			padding-right: 0;
			padding-left: 0;
}
}
	.last-slash:last-child {
		display: none;
	}
@media screen and (max-width:1199px) {
		.rank-side-waku img {
			width: 100% !important;
}
}
	/*スクロールナビ*/
	header {
		position: relative;
		width: 100%;
	}
	.g-nav {
		width: 100%;
		z-index: 1000000;
	}
	.sc-menu {
		text-align: center;
	}
	.sc-menu li {
		color: #fff;
		list-style-type: none;
		display: inline-block;
		line-height: 80px;
	}
	.fixed {
		position: fixed;
		top: 0;
		left: 0;
	}
	.fixed .sc-menu li {
		line-height: 40px;
	}
	.nav-cover {
		background: rgba(255, 255, 255, 0.8);
		padding: 5px 0 0 0;
	}
	/*広告設定*/
	.b-add {
		width: 100%;
		height: auto;
	}
	img.image.wp-image-9892.attachment-full.size-full {
		width: 100%;
	}
	/*メルマガ*/
	.content3 {
		background-image: url("../imgs/back-color.png");
		background-repeat: repeat-x;
		padding: 50px 0;
	}
@media (max-width: 767px) {
		.content3 {
			padding: 0;
}
}
	.line-koushiki-title {
		margin: 0 auto;
		padding: 30px 0;
	}
	.line-sp-friend {
		text-align: center;
		padding-top: 20px;
	}
@media (max-width: 767px) {
		.content3 {
			background-size: cover;
			padding-bottom: 20px;
		}
		.line-koushiki-title {
			padding: 10px 0;
			padding-bottom: 0;
		}
		.member-left-svg {
			padding-top: 0px !important;
}
}

	.member-left-svg {
		padding-top: 5px !important;
	}
	.mm-ul li {
		padding: 10px 0;
		color: #fff;
		font-size: 17px;
	}
	.sp-line-title {
		width: 100%;
		padding: 15px;
	}
@media (max-width: 767px) {
		.mm-ul li {
font-size: 14px;
		}
}
@media (max-width: 767px) {
		ul.mm-ul {
			padding-left: 0;
}
}
	.mm-ul li.first::before {
		content: '';
		display: inline-block;
		width: 35px;
		height: 34px;
		background-image: url(../imgs/flower-01.png);
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: middle;
	}
@media (max-width: 767px) {
		.mm-ul li.first::before {
			width: 24px;
			height: 23px;
}
}
	.mm-ul li.second::before {
		content: '';
		display: inline-block;
		width: 35px;
		height: 34px;
		background-image: url(../imgs/flower-02.png);
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: middle;
	}
@media (max-width: 767px) {
		.mm-ul li.second::before {
			width: 24px;
			/*画像の幅*/
			height: 23px;
			/*画像の高さ*/
}
}
	.mm-ul li.thrd::before {
		content: '';
		/*何も入れない*/
		display: inline-block;
		/*忘れずに！*/
		width: 35px;
		/*画像の幅*/
		height: 34px;
		/*画像の高さ*/
		background-image: url(../imgs/flower-03.png);
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: middle;
	}
@media (max-width: 767px) {
		.mm-ul li.thrd::before {
			width: 24px;
			/*画像の幅*/
			height: 23px;
			/*画像の高さ*/
}
}
	.mm-text {
		color: #5e4d3d;
		font-size: 25px;
		font-weight: bold;
		padding: 60px 0px 0px 40px;
	}
@media (max-width: 1199px) {
		.mm-text {
			font-size: 19px;
			font-weight: bold;
			padding: 10px;
			line-height: 1.5;
}
}
	span.now {
		display: block;
		padding: 10px 30px;
		position: relative;
		color: #5e4d3d;
	}
	.see-now {
		background-color: #FFF;
	}
	.mm-member {
		padding: 30px;
	}
@media (max-width: 767px) {
		.mm-member {
			padding-bottom: 10px;
			padding: 0;
		}
		.writer-title img {
			width: 40px;
			height: 25px;
}
}
	img.mm-member {
		max-width: 100%;
	}
	/*ライター一覧*/
.writer-title-grop {
    display: flex;
    justify-content: center;
}
	.writer-first {
		font-size: 39px;
	}
	img.pen-nib-solid {
		width: 23px!important;
	}
	span.writer {
		font-size: 17px;
		color: #5e4d3d;
	}
	.waku-up {
		display: flex;
	}
	.wr-img {
		padding-right: 10px;
	}
	.katagaki {
		font-size: 13px;
	}
@media screen and (max-width:575px) {
		.katagaki {
			font-size: 11px;
}
}
	.wr-name {
		font-size: 18px;
		font-weight: bold;
	}
@media screen and (max-width:575px) {
		.wr-name {
			font-size: 17px;
}
}
	.wr-info {
		font-size: 15px;
		line-height: 1;
	}
@media screen and (max-width:575px) {
		.wr-info {
			white-space: pre-line;
			font-size: 13px;
}
}
.writer-title {
	padding-left: 10px;
	font-size: 20px;
	margin-bottom: 0rem;
}
	.writer-title img {
		width: 50px;
		height: 35px;
	}
	.wr-kiji-list {
		text-align: center;
		color: #fff;
		clear: both;
		margin-top: 15px;
	}
	.wr-kiji-list-1 {
		width: 100%;
	}
	.wr-kiji-list-single {
		display: flow-root;
		clear: none;
		margin-top: 30px;
	}
	.writer-profile-single {
		padding-left: 0 !important;
	}
	.authors-button:first-child {
		background: #000 !important;
	}
	.authors-button {
		border-radius: 40px;
		display: block;
		text-decoration: none;
		background-color: transparent;
		-webkit-text-decoration-skip: objects;
		position: relative;
		overflow: hidden;
		text-align: center;
	}
	.authors-button:before {
		content: "";
		position: absolute;
		left: -25%;
		width: 150%;
		padding-top: 150%;
		transition: all 0.3s ease;
		border-radius: 999px;
		top: -300%;
		z-index: 1;
	}
	.authors-button span {
		display: block;
		padding: 15px 30px;
		position: relative;
		z-index: 1;
		transition: all .3s ease;
		font-weight: 500;
		color: #fff;
		z-index: 2;
	}
	.authors-button:hover::before {
		top: 100%;
	}
@media screen and (max-width:654px) {
		.authors-button:hover::before {
			top: -300%;
}
}
	.authors-button--1 {
		border: 2px solid #3DC0E2;
	}
	.authors-button--1:before {
		background: #3DC0E2;
	}
	.authors-button--1:hover span {
		color: #3DC0E2;
	}
@media screen and (max-width:654px) {
		.authors-button--1:hover span {
			color: #fff;
}
}
	.authors-button--2 {
		border: 2px solid #3D8DCC;
	}
	.authors-button--2:before {
		background: #3D8DCC;
	}
	.authors-button--2:hover span {
		color: #3D8DCC;
	}
@media screen and (max-width:654px) {
		.authors-button--2:hover span {
			color: #fff;
}
}
	.authors-button--3 {
		border: 2px solid #3C8FE2;
	}
	.authors-button--3:before {
		background: #3C8FE2;
	}
	.authors-button--3:hover span {
		color: #3C8FE2;
	}
@media screen and (max-width:654px) {
		.authors-button--3:hover span {
			color: #fff;
}
}
	.authors-button--4 {
		border: 2px solid #6EBF6B;
	}
	.authors-button--4:before {
		background: #6EBF6B;
	}
	.authors-button--4:hover span {
		color: #6EBF6B;
	}
@media screen and (max-width:654px) {
		.authors-button--4:hover span {
			color: #fff;
}
}
	.authors-button--5 {
		border: 2px solid #FFB553;
	}
	.authors-button--5:before {
		background: #FFB553;
	}
	.authors-button--5:hover span {
		color: #FFB553;
	}
@media screen and (max-width:654px) {
		.authors-button--5:hover span {
			color: #fff;
}
}
	.authors-button--6 {
		border: 2px solid #FFA5A5;
	}
	.authors-button--6:before {
		background: #FFA5A5;
	}
	.authors-button--6:hover span {
		color: #FFA5A5;
	}
@media screen and (max-width:654px) {
		.authors-button--6:hover span {
			color: #fff;
}
}
@media screen and (max-width:991px) and (min-width:768px) {
		.writer-profile--top figure.eyecatch {
			float: none;
		}
		.writer-profile--top .eyecatch img {
			width: 100%;
			height: auto;
}
}
@media screen and (max-width:768px) {
		.writer-profile .eyecatch {
			width: 50%;
}
}
	/*test*/
	.writer-profile-single img {
		margin-right: 6px;
		vertical-align: middle;
	}
	.profiletxt-single {
		display: inline-block;
		vertical-align: middle;
	}
	.col-12.col-md-4.writer-profile {
		padding-top: 30px;
	}
	figure.eyecatch.eyecatch-single {
		width: 35%;
	}
	.wr-kiji-list a {
		border-radius: 40px;
		display: block;
		text-decoration: none;
		background-color: transparent;
		-webkit-text-decoration-skip: objects;
		position: relative;
		padding: 15px 0px;
		overflow: hidden;
	}
	.wr-kiji-list a:before {
		content: "";
		position: absolute;
		left: -25%;
		width: 150%;
		padding-top: 150%;
		transition: all 0.3s ease;
		border-radius: 999px;
		top: -300%;
		z-index: 1;
	}
	.wr-kiji-list a span {
		color: #fff;
		position: relative;
		z-index: 2;
	    font-weight: bold;
	}
	.wr-kiji-list a:hover::before {
		top: 100%;
	}
@media screen and (max-width:654px) {
		.wr-kiji-list a:hover::before {
			top: -300%;
}
}
	.wr-kiji-list_button--1 {
		border: 2px solid #3DC0E2;
	}
	.wr-kiji-list_button--1:before {
		background: #3DC0E2;
	}
	.wr-kiji-list_button--1:hover span {
		color: #3DC0E2;
	}
@media screen and (max-width:654px) {
		.wr-kiji-list_button--1:hover span {
			color: #fff;
}
}
	.wr-kiji-list_button--2 {
		border: 2px solid #3D8DCC;
	}
	.wr-kiji-list_button--2:before {
		background: #3D8DCC;
	}
	.wr-kiji-list_button--2:hover span {
		color: #3D8DCC;
	}
@media screen and (max-width:654px) {
		.wr-kiji-list_button--2:hover span {
			color: #fff;
}
}
	.wr-kiji-list_button--3 {
		border: 2px solid #3C8FE2;
	}
	.wr-kiji-list_button--3:before {
		background: #3C8FE2;
	}
	.wr-kiji-list_button--3:hover span {
		color: #3C8FE2;
	}
@media screen and (max-width:654px) {
		.wr-kiji-list_button--3:hover span {
			color: #fff;
}
}
	.wr-kiji-list_button--4 {
		border: 2px solid #6EBF6B;
	}
	.wr-kiji-list_button--4:before {
		background: #6EBF6B;
	}
	.wr-kiji-list_button--4:hover span {
		color: #6EBF6B;
	}
@media screen and (max-width:654px) {
		.wr-kiji-list_button--4:hover span {
			color: #fff;
}
}
	.wr-kiji-list_button--5 {
		border: 2px solid #FFB553;
	}
	.wr-kiji-list_button--5:before {
		background: #FFB553;
	}
	.wr-kiji-list_button--5:hover span {
		color: #FFB553;
	}
@media screen and (max-width:654px) {
		.wr-kiji-list_button--5:hover span {
			color: #fff;
}
}
	.wr-kiji-list_button--6 {
		border: 2px solid #FFA5A5;
	}
	.wr-kiji-list_button--6:before {
		background: #FFA5A5;
	}
	.wr-kiji-list_button--6:hover span {
		color: #FFA5A5;
	}
@media screen and (max-width:654px) {
		.wr-kiji-list_button--6:hover span {
			color: #fff;
}
}
@media screen and (max-width:767px) {
		.writers {
			padding-left: 0px;
		    padding-right: 0px;
}
}
	.writers-item {
		margin-bottom: 60px;
	}
@media screen and (max-width:767px) {
		.writers-item {
			padding: 0px 10px;
		}
		.writers-item .writer-profile {
			padding: 0px 0px;
}
}
	.writers-item .writer-profile {
		margin-bottom: 0px;
	}
	.writers-item a .wr-kiji-list {
		padding: 20px;
		transition: all .3s;
	}
	.wr-kiji-list a {
		color: #fff !important;
	}
@media screen and (max-width:991px) {
		.wr-kiji-list {
			margin-top: 15px;
}
}
	.wr-kiji-list2 {
		background-color: #c193ae;
		padding: 10px 20px;
		text-align: center;
		color: #fff;

	}
	.wr-kiji-list3 {
		background-color: #aec7bf;
		padding: 10px 20px;
		text-align: center;
		color: #fff;
	}
	/*コピペ用*/
	.writers {
		overflow: hidden;
	}
@media screen and (max-width:767px) {
		.row.writers {
			flex-wrap: nowrap;
			overflow-x: scroll;
		}
		.col-12.col-md-4.writer-profile {
			flex: 0 0 80%;
}
}
	.writer-profile-1 {
		margin: 30px 0;
	}
	.writer-profile .name {
	font-size: 18px;
		font-weight: bold;
		padding: 0px 0 0 0;
		margin: 0;
		text-align: left;
	}
	.single-katagaki-field {
		font-size: 14px;
		padding: 0;
		font-weight: 500;
	}
	.writer-profile {
		display: flex;
	}
	.writer-profile .description {
		font-size: 0.8em;
		font-weight: 500;
	}
	.writer-profile .button a {
		font-size: 0.8em;
	}
	.writer-profile .button a:after {
		content: ' >';
	}
	.writer-profile--top {
		display: block;
	}
	.eyecatch_link {
		position: relative;
		overflow: hidden;
		display: block;
	}
	.eyecatch_link:before {
		content: "";
		position: absolute;
		left: -25%;
		background: #fff;
		opacity: .3;
		width: 150%;
		padding-top: 600px;
		transition: all 0.3s ease;
		border-radius: 50%;
		top: 300%;
	}
	.eyecatch_link:hover::before {
		top: -100%;
	}
@media(max-width:654px) {
		.eyecatch_link:hover::before {
			top: 300% !important;
}
}
	/*コピペ用ここまで*/
	figure.eyecatch {
		float: left;
	}
	.eyecatch img {
		padding-right: 10px;
	}
	.eyecatch-single img {
		padding-right: 36px;
		width: 100%;
		height: auto;
	}
@media screen and (max-width:767px) {
		.eyecatch-single img {
			padding-right: 0;
}
}
	.eyecatch img {
		padding-right: 10px;
		width: 165px;
		height: auto;
	}
@media screen and (max-width: 424px) {
		.eyecatch img {
			width: 135px!important;
			height: 125px!important;
}
}

	.user-description {
		clear: both;
		border-top: 1px dotted #089E99;
		padding-top: 15px;
	}
	.dispyai-name {
		font-weight: bold;
	}
	.content4 {
		margin-bottom: 90px;
		margin-top: 14px;
	}
@media screen and (max-width:767px) {
		.content4 {
			margin-top: 20px;
}
}
@media screen and (max-width: 575px) {
		.scroll_list {
			margin: 0 auto;
			padding: 0;
			width: 90%;
			/* コンテンツが見切れて見えるようにする */
			overflow-x: auto;
			/* 横スクロールの指定 */
			white-space: nowrap !important;
			/* 横スクロールの指定 */
			overflow-scrolling: touch;
			/* スクロールを滑らかにする */
			-webkit-overflow-scrolling: touch;
			/* スクロールを滑らかにする */
			flex-wrap: nowrap !important;
		}
		.scroll_list .sp-writer-li {
			display: inline-block !important;
			/* 横並びにする指定 */
			list-style: none;
}
}
/*サイドバー*/

.wrap-kaso .side-right-parts { padding: 0 0 0 20px; }
@media screen and (max-width: 1199px) {
.side-right-parts { padding: 0 0 0 29px; }
}
@media(max-width:991px) {
.side-right-parts { padding: 0; }
.wrap-kaso .side-right-parts { padding: 0; }
}
	.categories-list {
		padding: 0 10px 40px;
		text-align: center;
	}
	.side-kat-margin {
		margin-bottom: 20px !important;
	}
	li#media_image-2 {
		margin-bottom: 20px;
	}
	li#media_image-8 {
		margin-bottom: 20px;
	}
	.side-cat-name {
		font-size: 12px;
		text-align: center;
		font-weight: bold;
		padding-top: 10px;
	}
@media(max-width:767px) {
		.side-cat-name {
			padding-top: 0;
			line-height: 1.2;
			letter-spacing: 1;
}
}
	.cat-list-col4 {
		padding: 15px;
		padding-left: 5px;
		padding-right: 5px;
	}
@media(min-width:768px) {
		.cat-list-col4 {
			padding-left: 5px;
			padding-right: 5px;
}
}
@media(max-width:768px) {
		.cat-list-col4 {
			padding-left: 15px;
			padding-right: 15px;
}
}
@media(max-width:767px) {
		.cat-list-col4 {
			padding: 5px 10px 5px 10px;
}
}
@media(max-width:767px) {
		.cat-list-col4 {
			padding-top: 15px;
			padding-bottom: 15px;
}
}
@media screen and (min-width:769px) and ( max-width:783px) {
		.cat-list-col4 {
			padding: 5px;
}
}
@media screen and (min-width:768px) and ( max-width:782px) {
		.dd-menu-mt {
			margin-top: 20px;
}
}
	.cat-list-col4:hover {
		opacity: 0.6;
	}
	/*SP検索サーチフォーム*/
	.search-form {
		display: block;
		position: relative;
	}
	.search-form:before, .search-text {
		position: absolute;
		top: 0;
		left: 0;
		width: 3em;
		height: 3em;
		margin: 0;
		border-radius: 1.5em;
		font-size: 1em;
	}
	.search-form:before {
		z-index: 100;
		line-height: 3em;
		background: #65b1e4;
		color: #FFF;
		text-align: center;
	}
	.search-text {
		opacity: 0;
		z-index: 200;
		cursor: pointer;
		transition: .5s;
		outline: 0;
		border: solid 1px #ccc;
		border-radius: 1.5em;
		padding-left: 1em;
	}
	.search-text:focus {
		opacity: 1;
		width: 100%;
		cursor: text;
	}
	.search-form input[type="submit"] {
		display: none;
	}
	/*下から出てくるメニュー*/
@media only screen and (min-width: 768px) {
		#nav8 {
			display: none;
}
}
	#nav8 {
		z-index: 999;
		position: fixed;
		bottom: -60px;
		/*下から出てくる高さ*/
		left: 0;
		width: 100%;
		height: 60px !important;
		/*高さ*/
		color: #fff;
	}
	#nav8 .inner {
		width: 100%;
		margin: 0;
		padding: 0;
		min-width: 320px;
		overflow: hidden;
	}
	#nav8 .inner a {
		display: block;
	}
	.footer_var {
		width: 33.3333333333%;
	}
	.footer_var_box {
		position: relative;
	}
	.footer_var_box i {
		position: absolute;
		font-size: 40px;
		left: 0;
		top: 0;
	}
	.footer_var a {
		color: #fff;
	}
	.footer_var p {
		font-size: 20px;
		margin-top: 0;
		font-family: 'YuGothic', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'ヒラギノ丸ゴ ProN', 'Hiragino Maru Gothic ProN', sans-serif !important;
		font-weight: 500;
		letter-spacing: 1px;
	}
	.monitor_xs {
		background: #3C8FE2;
	}
	.monitor_xs p {
		padding-left: 60px;
	}
	.monitor_xs_box {
		max-width: 140px;
		width: 95%;
		margin: 0 auto;
	}
	.file_xs {
		background: #00589E;
	}
	.file_xs p {
		padding-left: 40px;
		padding-top: 12px;
	}
	.file_xs_box {
		max-width: 140px;
		width: 95%;
		margin: 0 auto;
	}
	.inst_xs {
		background: #089E99;
	}
	.inst_xs p {
		padding-left: 40px;
		padding-top: 12px
	}
	.inst_xs_box {
		max-width: 140px;
		width: 95%;
		margin: 0 auto;
	}
	.menu-header_info2 {
		padding-left: 0px;
		display: flex;
	}
	.footer_var_box {
		width: 100%;
		display: flex;
		height: 100%;
	}
	.footer_var_box a {
		display: flex !important;
		width: 100%;
		align-items: center;
		padding: 15px 0px 30px;
	}
	.footer_var_box a span {
		flex: 1;
		text-align: left;
		font-size: 12px;
		color: #fff;
		line-height: 1.3;
		font-weight: 500;
}
br.d-365-none {display:block;}

@media only screen and (max-width: 365px) {
br.d-365-none {display:none;}
}
@media only screen and (max-width: 320px) {
		.footer_var_box a span {
			font-size: 10px;
			line-height: 1;
}
}
	.footer_var:first-child img {
		width: 29px;
		height: 24px;
		margin: 0px 10px;
	}
	.footer_var:nth-child(2) img {
		width: 32px;
		height: 29px;
		margin: 0px 10px 0px 17px;
	}
	.footer_var:nth-child(3) img {
		width: 27px;
		height: 20px;
		margin: 0px 10px;
	}
	/*下から出てくるメニューここまで*/
	/*SP検索*/
	#sm-serch-wrap {
		/*  margin: 5px;*/
		display: inline-block !important;
		position: relative;
		text-align: center;
		padding-left: 10%;
	}
@media screen and (max-width:767px) {
		#sm-serch-wrap {
			padding-top: 15px;
}
}
@media screen and (max-width:425px) {
		#sm-serch-wrap {
			padding-left: 0;
}
}
	input#sm-search[type="text"] {
		height: 60px;
		font-size: 14px;
		display: inline-block;
		font-family: "Lato";
		font-weight: 100;
		border: none;
		outline: none;
		/*  color: #555;*/
		padding: 3px;
		padding-right: 60px;
		width: 0px;
		position: absolute;
		top: 0;
		right: 0;
		background: none;
		z-index: 3;
		transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
		cursor: pointer;
	}
	input#sm-search[type="text"]:focus:hover {
		border-bottom: 1px solid #BBB;
	}
	input#sm-search[type="text"]:focus {
		width: 200px;
		z-index: 1;
		border-bottom: 1px solid #BBB;
		cursor: text;
		background-color: #fff;
	}
	input#sm-search_submit[type="submit"] {
		height: 60px;
		width: 60px;
		display: inline-block;
		float: right;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNQTFRFU1NT9fX1lJSUXl5e1dXVfn5+c3Nz6urqv7+/tLS0iYmJqampn5+fysrK39/faWlp/////////////////////////wAlrZliAAABLklEQVR42rVi4ZywAAABF0Uk5TSWWRbDIAhFHeOUtN3/ags1zaA4cHrKZ8JFRHwoXkwTvwGP1Qo0bYObAPwiLmbNAHBWFBZlD9j0JxflDViIObNHG/Do8PRHTJk0TezAhv7qloK0JJEBh+F8+U/hopIELOWfiZUCDOZD1RADOQKA75oq4cvVkcT+OdHnqqpQCITWAjnWVgGQUWz12lJuGwGoaWgBKzRVBcCypgUkOAoWgBX/L0CmxN40u6xwcIJ1cOzWYDffp3axsQOyvdkXiH9FKRFwPRHYZUaXMgPLeiW7QhbDRciyLXJaKheCuLbiVoqx1DVRyH26yb0hsuoOFEPsoz+BVE0MRlZNjGZcRQyHYkmMp2hBTIzdkzCTc/pLqOnBrk7/yZdAOq/q5NPBH1f7x7fGP4C3AAMAQrhzX9zhcGsAAAAASUVORK5CYII=) center center no-repeat;
		text-indent: -10000px;
		border: none;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 2;
		opacity: 0.4;
		cursor: pointer;
		transition: opacity .4s ease;
		background-color: white;
	}
	input#sm-search_submit[type="submit"]:hover {
		opacity: 0.8;
	}
	span.sm-serch-under-text {
		display: block;
		font-size: 9px;
		font-family: "Ten Mincho Text";
		color: rgb(35, 23, 20);
		line-height: 1.308;
		letter-spacing: 3px;
	}
@media (max-width: 374px) {
		span.sm-serch-under-text {
			letter-spacing: 1.5px;
}
}
	/*会員ログイン*/
	.member-login-text {
		display: flex;
		align-items: center;
	}
	.member-login-text-1 {
		font-size: 12px;
	}
	.member-login-text-2 {
		margin-left: 15px;
		font-size: 12px;
	}
	/* RSS */
	#text-2 h2.widgettitle {
		font-size: 20px !important;
		text-align: left;
	}
	/* ウィジェットSNS */
	.textwidget {
		display: flex;
		justify-content: space-between;
	}
	.textwidget img {
		margin-right: 10px;
		width: 50px;
		height: 50px;
	}
	li#text-2 {
		margin-bottom: 10px;
	}
	@media (max-width: 767px) {
		li#text-2 {
			margin-bottom: 50px;
}
}
	.grecaptcha-badge {
		visibility: hidden;
	}
	.google-rc {
		font-size: 10px;
		text-align: center;
	}
	div.footer_explanation {
		font-size: 10px;
		text-align: center;
	}
	/*スライダー調整*/
	/*インターネット・光回線総合比較メディア：厳選　コラボ企画ページ*/
	img.gensen_banner_img {
		display: block;
		margin: auto;
		width: 100%;
		height: auto;
	}
	p.gensen_banner_text {
		text-align: center;
		margin-top: 70px;
		font-size: 18px;
		line-height: 2;
	}
@media (max-width: 1199px) {
		p.gensen_banner_text {
			font-size: 15px;
}
}
@media (max-width: 767px) {
		p.gensen_banner_text {
			font-size: 15px;
			text-align: left;
			margin-top: 30px;
}
}
	span.gensen_banner_text_blue {
		font-weight: 700;
		color: #1E73BE;
		font-size: 23px;
	}
@media (max-width: 1199px) {
		span.gensen_banner_text_blue {
			font-size: 20px;
}
}
@media (max-width: 767px) {
		span.gensen_banner_text_blue {
			font-size: 16px;
}
}
	.gensen_top_con2 {
		margin-top: 100px;
	}
@media (max-width: 1199px) {
		.gensen_top_con2 {
			margin-top: 60px;
}
}
@media (max-width: 767px) {
		.gensen_top_con2 {
			margin-top: 30px;
}
}
	p.gensen_subtitle {
		color: #58C3E0;
		text-align: center;
		font-size: 15px;
		padding-top: 50px;
		margin-bottom: 0rem;
	}
	.gensen_title {
		font-size: 30px;
		text-align: center;
		font-weight: 700;
	}
@media (max-width: 1199px) {
		.gensen_title {
			font-size: 25px;
}
}
@media (max-width: 767px) {
		.gensen_title {
			font-size: 19px;
}
}
	p.gensen_answer_text {
		font-size: 18px;
		text-align: center;
		font-weight: 700;
		margin-top: 20px;
	}
@media (max-width: 1199px) {
		p.gensen_answer_text {
			font-size: 15px;
			margin-top: 5px;
}
}
@media (max-width: 767px) {
		p.gensen_answer_text {
			font-size: 13px;
}
}
@media (max-width: 320px) {
		p.gensen_answer_text {
			font-size: 11px;
}
}
	p.gensen_answer_text_a {
		text-align: center;
		font-size: 18px;
		margin-top: 50px;
		font-weight: 500;
	}
@media (max-width: 767px) {
		p.gensen_answer_text_a {
			font-size: 15px;
			margin-top: 20px;
}
}
	/*ネット回線　料金表*/
	section.gensen_con3 {
		margin-top: 70px;
	}
@media (max-width: 1199px) {
		section.gensen_con3 {
			margin-top: 0px;
}
}
	.gensen_service_logo {
		width: 55%;
		height: auto;
	}
	table.gensen_hutu_area {
		width: 100%;
	}
@media (max-width: 991px) {
		.gensen_scroll-table {
			overflow: auto;
			white-space: nowrap;
}
}
@media (max-width: 767px) {
		img.gensen_service_logo {
			width: 55%;
			height: auto;
}
}
@media (max-width: 425px) {
		img.gensen_service_logo {
			width: 100%;
}
}
	.gensen_scroll-table {
		background-color: #fff;
		border: solid 1px #0d6fb8;
		font-weight: 500;
		text-align: center;
	}
	tr.gensen_table_title td, tr.gensen_table_title th {
		font-size: 20px;
	}
@media (max-width: 1199px) {
		tr.gensen_table_title td, tr.gensen_table_title th {
			font-size: 15px;
}
}
@media (max-width: 767px) {
		tr.gensen_table_title td, tr.gensen_table_title th {
			font-size: 13px;
			padding: 5px;
}
}
@media (max-width: 425px) {
		tr.gensen_table_title td, tr.gensen_table_title th {
			font-size: 12px;
}
}
	.gensen_scroll-table td, .gensen_scroll-table th {
		border: solid 1px #C3DAEE;
		font-size: 20px;
		padding: 0px;
	}
@media (max-width: 767px) {
		.gensen_scroll-table td, .gensen_scroll-table th {
			font-size: 13px;
			padding: 5px;
}
}
	td.gensen_table_blue {
		background-color: #E8F1F9;
		padding: 10px 5px;
		font-size: 15px;
	}
	.gensen_table_blue--2 {
		width: 35%;
	}
	.gensen_table_blue {
		background-color: #E8F1F9;
	}
	.gensen_table_beige {
		background-color: #FEFBED;
		padding: 10px 5px;
		font-size: 20px;
	}
@media (max-width: 767px) {
td.gensen_table_blue, .gensen_table_beige {
			font-size: 13px;
}
}
	img.gensen_net_img {
		display: block;
		margin: 100px auto 0;
		width: 100%;
		height: auto;
	}
@media (max-width: 767px) {
		img.gensen_net_img {
			display: block;
			margin: 30px auto 0;
			width: 80%;
			height: auto;
}
}
	p.gensennet_text {
		font-size: 18px;
		text-align: center;
		line-height: 2;
	}
@media (max-width: 1199px) {
		p.gensennet_text {
			font-size: 16px;
}
}
	p.gensennet_text2 {
		font-size: 22px;
		text-align: center;
		margin-top: 70px;
	}
@media (max-width: 1199px) {
		p.gensennet_text2 {
			font-size: 15px;
}
}
@media (max-width: 767px) {
		p.gensennet_text2 {
margin-top: 30px;
}
}
	p.gensennet_text2 span {
		border-bottom: dotted 5px #005BA4;
	}
	/*お申込み・相談フォーム*/
	dl.contact7_gensen {
		max-width: 100%;
		box-sizing: border-box;
		padding: 0px;
	}
@media (max-width: 767px) {
		.contact7_gensen dt {
			margin-bottom: 5px;
}
}
	.top_con4_bg {
		background-color: #E6F1FA;
		padding: 0px 20px 50px;
		margin: 50px 0 50px;
	}
@media (max-width: 767px) {
		.top_con4_bg {
			margin: 50px 0 50px;
			padding: 0px;
}
}
@media screen and (min-width: 768px) {
		.contact7_gensen dt {
			float: left;
			clear: left;
			padding: 5px 10px 5px 0;
		}
		.shopping-form dt {
			float: left;
			clear: left;
			padding: 5px 10px 5px 0;
			width: 43%;
		}
		dd.shop-contact {
			margin-left: 0;
			display: flex;
}
}
	span.gensen-must {
		color: #FFF;
		border-radius: 3px;
		font-size: 10px;
		margin-left: 10px;
		padding: 5px 10px;
		letter-spacing: 2px;
		background-color: #1E73BE;
	}
@media (max-width: 767px) {
		span.gensen-must {
			padding: 2px 5px;
}
}
	p.gensen_from_text {
		text-align: center;
		margin-top: 30px;
		line-height: 2;
		font-size: 14px;
	}
@media (max-width: 767px) {
		p.gensen_from_text {
			text-align: left;
			font-size: 13px;
			line-height: 1.5;
}
}
	p.gensen_maintitle {
		font-size: 17px;
		text-align: center;
		font-weight: bold;
		margin-top: 50px;
	}
@media screen and (max-width: 1199px) {
		p.gensen_maintitle {
			font-size: 14px;
}
}
@media screen and (max-width: 767px) {
		p.gensen_maintitle {
			font-size: 16px;
}
}
	img.gensen_answer_img {
		display: block;
		margin: auto;
		margin-top: 30px;
		width: 100%;
		height: auto;
	}
	p.gensennet_text1 {
		text-align: center;
		margin-top: 20px;
	}
@media screen and (max-width: 1199px) {
		p.gensennet_text1 {
			font-size: 13px;
}
}
@media screen and (max-width: 767px) {
		p.gensennet_text1 {
			text-align: left;
}
}
	.contact7_gensen dd {
		margin: 0 0 30px 0;
	}
@media screen and (min-width: 1199px) {
		.contact7_gensen dd {
			margin-left: 41%;
}
}
@media screen and (min-width: 1199px) {
		.contact7_gensen dd {
			margin-left: 40%;
}
}
	.gensen-btn_contact7 input {
		width: 40%;
		background-color: #1E73BE;
		color: #FFF;
		font-size: 1.1em;
		font-weight: bold;
		letter-spacing: 0.2em;
		border: 1px solid #1E73BE;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		-ms-transition: 0.3s;
		transition: 0.3s;
		border-radius: 30px;
	}
@media screen and (max-width: 767px) {
		.gensen-btn_contact7 input {
			width: 100%;
}
}
	p.gensen-btn_contact7 {
		display: block;
		margin: auto;
		text-align: center;
	}
@media screen and (max-width: 767px) {
		dl.contact7_gensen input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, dl.contact7_gensen textarea.wpcf7-form-control.wpcf7-textarea {
			width: 100%;
}
}


	
	.gensen {
		margin: 45px auto;
	}
	.gensen img {
		width: 100%;
		height: auto;
	}
@media screen and (max-width: 767px) {
.row.special-row.pick-row-waku {
    padding: 0 15px;
}
}
/*タグから探す*/
span.keyword {
		font-size: 14px;
		color: #707070 !important;
		display: inline-block;
}
/*PR広告用のテキスト*/
p.pr-text {
    line-height: 0em;
    text-align: right;
    padding-top: 40px;
    font-size: 13px;
    letter-spacing: 0.05em;
    margin-bottom: 0.5rem;
}
/*わくわくポータルのバナー*/
.wakopo_bnr-item img{
    width: 100%;
}

/*sidebarのバナー*/
.sidebarBnr { margin: 0 0 45px 0; padding: 0; }
.sidebarBnr span.prTxt { display: block; font-size: 13px; font-weight: 400; line-height: 1; margin: 0 0 5px 0; text-align: right;}
.sidebarBnr img { width: 100%;}


.catchPhrase { margin: 50px 0; text-align: center;}

@media screen and (max-width: 767px) {
.catchPhrase { margin: 20px 0 35px 0; text-align: center;}
}


/*ソーシャルワイヤー用*/
.businessList { margin: 0 0 40px 0; padding: 0;}
.businessList ul { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0; margin: 0; padding: 0;}
.businessList ul li {  flex: 0 0 32%; margin: 0 0 20px 0; }
.businessList ul li img { aspect-ratio: 16 / 9; border: 1px solid #eee; height: auto; object-fit: cover; object-position: center; width: 100%;  border: 1px solid #eee; box-sizing: border-box;}

.businessList ul li span { display: block; font-size: 12px; font-weight: 500; line-height: 1; margin: 5px 0;}
.businessList ul li time { color: #919191; display: block; font-size: 10px; font-weight: 500; line-height: 1; margin: 5px 0 0 0;}

@media screen and (max-width:767px) {
.businessList ul li {flex: 0 0 calc((100% - 30px) / 2); }
.businessList ul > li:nth-of-type(n+7) { display: none;}
}

@media screen and (max-width:320px) {
.businessList ul li {flex: 0 0 100%; }
.businessList ul > li:nth-of-type(n+4) { display: none;}
}

.button-link--pink {
	border: 2px solid #FF6B8B;
	background: #fff;
}
.button-link--pink:hover .more {
	color: #FF6B8B;
}
@media screen and (max-width:654px) {
.button-link--pink:hover .more {
		color: #fff;
}
}
.button-link--pink:before {
	background: #FF6B8B;
}

/*トップページの新着情報
=======================================================*/
.news-row { padding: 0 8px;}
ul.newsList { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }
ul.newsList > li { flex: 0 0 50%; margin: 0 0 16px 0; }


/*3個目から1記事を横並びにしたい場合*/
ul.newsList > li:nth-of-type(3) { margin-top: 10px;}
ul.newsList > li:nth-of-type(n+3) { flex: 0 0 100%; position: relative; }
/*罫線*/
ul.newsList > li:nth-of-type(n+3)::before { border-top: 1px solid #9c9c9c; content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 80%;}

ul.newsList > li:nth-of-type(n+3) .news-row { display: flex; padding-top: 36px; padding-bottom: 8px; }
ul.newsList > li:nth-of-type(n+3) .news-row .news-row-L { flex: 0 0 48%; margin: 0 16px 0 0;}
ul.newsList > li:nth-of-type(n+3) .news-row .news-row-R { flex: 0 0 50%;}

@media screen and (max-width: 767px) {
.news-row { padding: 0 8px;}
ul.newsList { display: flex;}
ul.newsList > li { flex: 0 0 100%;}

/*罫線*/
ul.newsList > li:nth-of-type(n+2) { position: relative; }
ul.newsList > li:nth-of-type(n+2)::before { border-top: 1px solid #9c9c9c; content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%;}
ul.newsList > li:nth-of-type(n+2) .news-row { padding-top: 36px; padding-bottom: 8px; }

ul.newsList > li:nth-of-type(n+3) { flex: 0 0 100%; }
ul.newsList > li:nth-of-type(n+3) .news-row { display: block; }
ul.newsList > li:nth-of-type(n+3) .news-row .news-row-L { flex: 0 0 100%; margin: 0;}
ul.newsList > li:nth-of-type(n+3) .news-row .pick-row-R { flex: 0 0 100%;}

ul.newsList > li:nth-of-type(n+4) { display: none;}
}


/*トップページ「ピックアップ」用
=======================================================*/
.pickList-row { padding: 0 8px;  }
ul.pickList { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }
ul.pickList > li { flex: 0 0 50%;  margin: 0 0 16px 0;}

@media screen and (max-width: 767px) {
.pickList-row { padding: 0 10px 0 3px;  }
ul.pickList { display: flex; flex-wrap: nowrap;}
ul.pickList > li { flex: 0 0 40%;  margin: 0 0 16px 0;}
}

@media screen and (max-width: 400px) {
ul.pickList > li { flex: 0 0 32%;}
}


/*トップページ「積極採用中の企業紹介」用
=======================================================*/
ul.specialList { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }
ul.specialList > li { flex: 0 0 50%; margin: 0 0 16px 0;}

@media screen and (max-width: 767px) {
.special-row { padding: 0 10px 0 5px;}
ul.specialList { display: flex; flex-wrap: nowrap;}
ul.specialList > li { flex: 0 0 40%;}
}

@media screen and (max-width:400px) {
ul.specialList > li { flex: 0 0 32%;}
}

/*トップページのカテゴリ一覧
=======================================================*/
.menu-category-top { display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 25px 0; padding: 0; width: 100%;}
.menu-category-top li { margin: 0; padding: 0 6px 28px 0; }
.menu-category-top li:nth-child(4n) { padding: 0 0 28px 0;}

.menu-category-top li span {font-size: clamp(15px, calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))), 20px); font-weight: 700; line-height: 1.4; margin: 0; padding: 0; }

.menu-category-top li span br,
.menu-category-top li span br.forsp,
.menu-category-top li span br.forsp_320 {display: none;}

@media screen and (max-width: 1199px) {
.menu-category-top li span br {display: block;}
}
@media screen and (max-width: 991px) {
.menu-category-top li span br {display: none;}
}
@media screen and (max-width: 430px) {
.menu-category-top li span br,
.menu-category-top li span br.forsp {display: block;}
}
@media screen and (max-width: 320px) {
.menu-category-top li span br.forsp_320 {display: block;}
}

@media screen and (max-width: 1199px) {
.menu-category-top li { padding: 5px 8px 5px 0; }
.menu-category-top li:nth-child(4n) { padding: 5px 0 5px 8px;}
}

@media screen and (max-width: 991px) {
.menu-category-top li { padding: 5px 8px 5px 0; }
.menu-category-top li:nth-child(2n) { padding: 5px 0 5px 8px;}
}

.menu-category-top .menu-item_link {height: auto; padding: 27px 10px;}
.menu-category-top .menu-item_link:before {top: -70%;}
.menu-category-top .menu-item_link:hover::before {top: 100%;}

@media screen and (max-width: 991px) {
.menu-category-top .menu-item_link {height: auto; padding: 16px 5px;}
}


/*トップページだけで使うカラムの調整用CSS
=======================================================*/
.nopadding { padding-left: 0; padding-right: 0; }
.nopadding_730 { padding-left: 0; padding-right: 0; max-width: 730px;}
.nopadding_350 { margin: 0 0 0 52px; padding-left: 0; padding-right: 0; max-width: 350px;}

@media screen and (max-width: 1199px) {
.nopadding { padding-left: 10px; padding-right: 10px;}
.nopadding_730 { padding-left: initial; padding-right: 16px; max-width: initial;}
.nopadding_350 { margin: initial; padding-left: initial; padding-right: initial; max-width: initial;}
}


/*SPではhoverを行わないための矯正
=======================================================*/
@media screen and (max-width:767px) {
a.menu-item_link--new-graduate:hover span,
a.menu-item_link--halfway:hover span,
a.menu-item_link--internship:hover span,
a.menu-item_link--part:hover span,
a.menu-item_link--know-how:hover span,
a.menu-item_link--recruit:hover span,
a.menu-item_link--category-change:hover span,
a.menu-item_link--adopter:hover span,
a.menu-item_link--ather:hover span,
a.menu-item_link--business:hover span {color: #fff;}

.menu-category-top .menu-item_link { background:none;}
.menu-category-top .menu-item_link:hover::before {top: -100%;}

.menu-category-content--sidebar .menu-item_link { background:none;}
.menu-category-content--sidebar .menu-item_link:hover::before {top: -100%;}

.navHolder_cont .menu-item_link { background:none;}
.navHolder_cont .menu-item_link:before {}
.navHolder_cont .menu-item_link:hover::before {top: -100%;}
}