@charset "utf-8";

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	margin: 0;
	padding: 0;
}

body {
	color: #333;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	margin: 0 auto;
	padding: 0;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
th,
td {
	margin: 0;
	padding: 0;
}

footer,
header,
nav,
article,
section,
aside,
details,
figcaption,
figure,
main {
	display: block;
}

table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: #cfcaaa solid 1px;
}

table th {
	width: 25%;
	background-color: #e3dcd1;
}

table td {
	width: auto;
	background-color: #fff;
}

table td p {
	margin: 0 !important;
	padding: 0 !important;
}

th,
td {
	border-bottom: #cfcaaa solid 1px;
	font-weight: normal;
	text-align: left;
}

th.nr,
td.nr {
	white-space: nowrap;
}

caption {
	font-weight: normal;
	text-align: left;
	border-left: #666 solid 5px;
	padding: 0 0 0 0.5em;
	margin: 0 0 0.3em;
}

table th+th,
table td {
	border-left: 1px solid #cfcaaa;
}

table tr:last-child th,
table tr:last-child td {
	border-bottom: none;
}

table tr:first-child th:first-child {
	border-radius: 4px 0 0 0;
}

table tr:first-child th:last-child {
	border-radius: 0 4px 0 0;
}

table tr:last-child th:first-child {
	border-radius: 0 0 0 4px;
}

table tr:last-child th:last-child {
	border-radius: 0 0 4px 0;
}

table tr:nth-child(even) td {
	background: #f7f5f2;
}

img {
	border: 0;
	max-width: 100%;
}

ul li,
ol li {
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}

hr {
	border: none;
	border-bottom: 1px #999 solid;
	margin: 3.0em 0 0;
}

hr.dot {
	border-bottom: 1px #999 dashed;
}

/* --------------------------------------------------
リンク
-------------------------------------------------- */
a {
	color: #158aa6;
}

a:visited {
	color: #888;
}

.rLink {
	padding: 1.0em;
	background-color: #e7f7f0;
}

.ar {
	text-decoration: underline;
}

.ar::before {
	color: #333;
	font-family: "Font Awesome 5 Free";
	content: " \f138";
	font-weight: 900;
	font-size: 1.4rem;
	display: inline-block;
	padding: 0 0.3em 0 0;
}

.ex::before {
	font-family: "Font Awesome 5 Free";
	content: " \f35d";
	font-weight: 900;
	font-size: 1.4rem;
	display: inline-block;
	padding: 0 0.3em 0 0;
}

.rLink a {}

.rLink a::before {
	font-family: "Font Awesome 5 Free";
	content: " \f138";
	font-weight: 900;
	font-size: 1.4rem;
	display: inline-block;
	padding: 0 0.5em 0 0;
	color: #999;
}

/* リンクボタン
-------------------------------------------------- */
#main p.link_btn {}

.link_btn a,
.link_btn .tanc {
	display: block;
	position: relative;
	margin: 0;
	padding: 10px 10px 10px 28px;
	border-radius: 15px;
	text-decoration: none;
	background-color: #555;
	color: #fff;
	box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2);
}

.link_btn a::before,
.link_btn .tanc::before {
	font-family: "Font Awesome 5 Free";
	content: " \f138";
	font-weight: 900;
	padding: 0;
	position: absolute;
	left: 10px;
	top: 10px;
}

.link_btn.line a {
	text-decoration: none;
	background-color: #fff;
	color: #333;
	border: #777 solid 1px;
	box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2);
	;
}

@media (min-width: 768px) {

	p.link_btn a,
	p.link_btn .tanc {
		margin-left: 100px;
		margin-right: 100px;
		font-size: 110%;
	}

	p.link_btn a:hover,
	p.link_btn .tanc:hover {
		opacity: 0.7;
		color: #fff;
	}

	p.link_btn.line a:hover {
		opacity: 0.5;
		color: #333;
	}
}

.link_btn_cl a {
	background-color: #555;
	border-radius: 15px;
	box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2);
	color: #fff;
	display: block;
	position: relative;
	margin: 0;
	padding: 1.0em 1.0em 1.0em;
	text-align: center;
	text-decoration: none;
}

.link_btn_cl a:hover {
	color: #fff;
	opacity: .9;
}

@media (min-width: 768px) {
	.link_btn_cl a {
		margin: 0 auto 0;
		width: 80%;
	}
}

/* 色展開 */
.link_btn_cl.green a {
	background-color: #02b47c;
}

.link_btn_cl.blue a {
	background-color: #077da1;
}

/* アイコン */
.link_btn_cl span::before {
	font-family: "Font Awesome 5 Free";
	content: " \f138";
	font-weight: 900;
	padding-right: 1.0em;
}

/* ページ内 */
.link_btn_cl.in_page span::before {
	content: " \f103";
}

/* 外部 */
.link_btn_cl.external span::before {
	content: " \f35d";
}


/* 広告リンク
-------------------------------------------------- */
/* aタグなし */
.tanc {
	color: #158aa6;
	cursor: pointer;
	text-decoration: underline;
}

.tanc.btn {
	background-color: #ff893b;
	border-radius: 8px;
	color: #fff;
	display: block;
	padding: .5em .5em;
	margin: 0 auto;
	text-align: center;
	text-decoration: none;
}

/* aタグなし・募集停止 */
.tanc.end {
	background-color: #666;
	color: #ccc;
	cursor: default;
}



/* 詳細ページ＆応募ボタン
-------------------------------------------------- */
ul.detailLinkBtn {
	margin: 0;
	padding: 0;
}

ul.detailLinkBtn.side {
	display: flex;
}

ul.detailLinkBtn li {
	margin: 0;
	padding: 0;
}

ul.detailLinkBtn li:not(:last-of-type) {
	margin: 0 0 5px 0;
}

ul.detailLinkBtn.side li:not(:last-of-type) {
	margin: 0 5px 0 0;
}

ul.detailLinkBtn li::before {
	content: "";
	margin: 0;
	padding: 0;
}

.detailLinkBtn a,
.detailLinkBtn .tanc {
	display: block;
	width: 100%;
	padding: 0.8em;
	box-sizing: border-box;
	border: #ccc solid 1px;
	border-radius: 7px;
	text-decoration: none;
	text-align: center;
	line-height: 1.2;
	white-space: nowrap;
}

.detailLinkBtn.side a {
	font-size: 1.0rem;
}

@media (min-width: 768px) {

	.detailLinkBtn a,
	.detailLinkBtn .tanc {
		padding: 0.5em;
	}

	.detailLinkBtn.side a {
		font-size: 1.6rem;
	}
}

.detailLinkBtn .more,
.detailLinkBtn .app {
	display: block;
}

.detailLinkBtn .more a {
	background-color: #fff;
}

.detailLinkBtn .app a,
.detailLinkBtn .app .tanc {
	background-color: #ff893b;
	border: #ff893b solid 1px;
	color: #fff;
}

.detailLinkBtn .app.end a,
.detailLinkBtn .app.end .tanc {
	background-color: #666;
	border: #666 solid 1px;
	color: #ccc;
}


/* --------------------------------------------------
テーブル
-------------------------------------------------- */
/* 2行おきに背景色が変わる（1行目のタイトルは除く）
-------------------------------------------------- */
.tb-2lines{
    border-collapse: collapse;
}
.tb-2lines tr:nth-child(even) td {
    background: initial;
    border-bottom: #d1cfc4 dashed 1px ;
}
.tb-2lines tr:nth-child(odd) td {
    border-bottom: #cfcaaa  solid 2px ;
}
.tb-2lines tr:nth-child(4n+2) td,
.tb-2lines tr:nth-child(4n+3) td {
    background: #f7f5f2;
}



/* リスト
-------------------------------------------------- */
ul,
ol {
	margin-top: 1.8em;
}

ul li {
	position: relative;
	margin: 0 1.0em 1.0em 1.0em;
	padding: 0 0 0 1.0em;
}

ul li::before {
	content: "●";
	color: #333;
	position: absolute;
	left: 0;
	top: 0.7em;
	font-size: 0.8rem;
}

ol {
	counter-reset: number;
}

ol li {
	position: relative;
	margin: 0 1.0em 1.0em 1.0em;
	padding: 0 0 0 2.0em;
}

ol li:before {
	width: 1.6em;
	height: 1.6em;
	counter-increment: number;
	content: counter(number);
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	background: #666;
	color: #fff;
	display: block;
	text-align: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	padding-top: 1px;
	position: absolute;
	left: 0;
	top: 0.1em;
	font-size: 1.2rem;
}

ul.mdList {}

ul.mdList li {
	position: relative;
	margin: 0 1.0em 0.5em 1.0em;
	padding: 0 0 0 1.3em;
}

ul.mdList li:before {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 100%;
}

ul.mdList li.maru:before {
	content: "◎";
	color: #f00;
}

ul.mdList li.sankaku:before {
	content: "▲";
	color: #97e097;
}

ul.mdList li.batsu:before {
	content: "×";
	color: #666;
	font-weight: bold;
}

ul.side {}

ul.side li {
	display: inline-block;
}

/* 定義
-------------------------------------------------- */
dl {
	margin: 30px 1.0em 0;
}

dl dt {
	font-weight: bold;
}

dl dd {
	margin: 0 0 1.0em;
}

dl.side {
	display: flex;
	flex-wrap: wrap;
}

dl.side dt {
	width: 3.0em;
}

dl.side dd {
	width: calc(100% - 5.0em);
}

dl.side.wd4 dt {
	width: 4.0em;
}

dl.side.wd4 dd {
	width: calc(100% - 6.0em);
}

dl.side.wd5 dt {
	width: 5.0em;
}

dl.side.wd5 dd {
	width: calc(100% - 7.0em);
}

dl.side.wd6 dt {
	width: 6.0em;
}

dl.side.wd6 dd {
	width: calc(100% - 8.0em);
}

dl.side.wd7 dt {
	width: 7.0em;
}

dl.side.wd7 dd {
	width: calc(100% - 9.0em);
}


/* --------------------------------------------------
汎用スタイル1
-------------------------------------------------- */

.clr {
	clear: both;
}

.inlineB {
	display: inline-block;
}

/* テキスト
-------------------------------------------------- */
.tx_red {
	color: #c00 !important;
}

.tx_pink {
	color: #fc62ac !important;
}

.tx_red2 {
	color: #fc62ac !important;
}

/*あとで消す*/
.tx_orange {
	color: #fe894f !important;
}

.tx_green {
	color: #2b9177 !important;
}

.tx_blue {
	color: #2e8fdf !important;
}

.tx_white {
	color: #fff !important;
}

.mk_pink {
	background: linear-gradient(transparent 70%, #ffd3d3 70%);
}

.mk_yellow {
	background: linear-gradient(transparent 70%, #ffff66 70%);
}

.mk_green {
	background: linear-gradient(transparent 70%, #c0e5dc 70%);
}

.mk_blue {
	background: linear-gradient(transparent 70%, #9ecaee 70%);
}

.mk_gray {
	background: linear-gradient(transparent 70%, #d6d6d6 70%);
}

.bg_red {
	background-color: #c00;
}

.bg_pink {
	background-color: #ffefef;
}

.bg_pink2 {
	background-color: #ffd3d3;
}

.bg_yellow {
	background-color: #fffedc;
}

.bg_yellow2 {
	background-color: #fffb85;
}

.bg_orange {
	background-color: #ffdeb4;
}

.bg_green {
	background-color: #dfffe3;
}

.bg_blue {
	background-color: #e0f7ff;
}

.bg_gray {
	background-color: #dbdbdb;
}

.bg_gray2 {
	background-color: #666;
}


.tx_r {
	text-align: right !important;
}

.tx_l {
	text-align: left !important;
}

.tx_c {
	text-align: center !important;
}

.fL {
	float: left !important;
}

.fR {
	float: right !important;
}


/* PCはpc.cssで指定 */
.font_ss,
.font_ss a {
	font-size: 1.0rem !important;
}

.font_s,
.font_s a {
	font-size: 1.2rem !important;
}

.font_m,
.font_m a {
	font-size: 1.6rem !important;
}

.font_l,
.font_l a {
	font-size: 1.8rem !important;
}

.font_ll,
.font_ll a {
	font-size: 2.0rem !important;
}

.font_lll,
.font_lll a {
	font-size: 2.2rem !important;
}

/* 表示 */
.no_display {
	display: none !important;
}

/* 余白
-------------------------------------------------- */
.mp00 {
	margin: 0 !important;
	padding: 0 !important;
}

.mt00 {
	margin-top: 0 !important;
}

.mt05 {
	margin-top: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt25 {
	margin-top: 25px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt35 {
	margin-top: 35px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mt45 {
	margin-top: 45px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mt55 {
	margin-top: 55px !important;
}

.mt60 {
	margin-top: 60px !important;
}

.mt65 {
	margin-top: 65px !important;
}

.mt70 {
	margin-top: 70px !important;
}

.mt75 {
	margin-top: 75px !important;
}

.mt80 {
	margin-top: 80px !important;
}

.mt85 {
	margin-top: 85px !important;
}

.mt90 {
	margin-top: 90px !important;
}

.mt95 {
	margin-top: 95px !important;
}

.mt100 {
	margin-top: 100px !important;
}

.mb00 {
	margin-bottom: 0 !important;
}

.mb05 {
	margin-bottom: 5px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb25 {
	margin-bottom: 25px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb35 {
	margin-bottom: 35px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mb45 {
	margin-bottom: 45px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.mb55 {
	margin-bottom: 55px !important;
}

.mb60 {
	margin-bottom: 60px !important;
}

.mb65 {
	margin-bottom: 65px !important;
}

.mb70 {
	margin-bottom: 70px !important;
}

.mb75 {
	margin-bottom: 75px !important;
}

.mb80 {
	margin-bottom: 80px !important;
}

.mb85 {
	margin-bottom: 85px !important;
}

.mb90 {
	margin-bottom: 90px !important;
}

.mb95 {
	margin-bottom: 95px !important;
}

.mb100 {
	margin-bottom: 100px !important;
}

.mr00 {
	margin-right: 0 !important;
}

.mr05 {
	margin-right: 5px !important;
}

.mr10 {
	margin-right: 10px !important;
}

.mr15 {
	margin-right: 15px !important;
}

.mr20 {
	margin-right: 20px !important;
}

.mr25 {
	margin-right: 25px !important;
}

.mr30 {
	margin-right: 30px !important;
}

.mr35 {
	margin-right: 35px !important;
}

.mr40 {
	margin-right: 40px !important;
}

.mr45 {
	margin-right: 45px !important;
}

.mr50 {
	margin-right: 50px !important;
}

.mr55 {
	margin-right: 55px !important;
}

.mr100 {
	margin-right: 100px !important;
}


.ml00 {
	margin-left: 0 !important;
}

.ml05 {
	margin-left: 5px !important;
}

.ml10 {
	margin-left: 10px !important;
}

.ml15 {
	margin-left: 15px !important;
}

.ml20 {
	margin-left: 20px !important;
}

.ml25 {
	margin-left: 25px !important;
}

.ml30 {
	margin-left: 30px !important;
}

.ml35 {
	margin-left: 35px !important;
}

.ml40 {
	margin-left: 40px !important;
}

.ml45 {
	margin-left: 45px !important;
}

.ml50 {
	margin-left: 50px !important;
}

.ml55 {
	margin-left: 55px !important;
}

.ml100 {
	margin-left: 100px !important;
}


.pt00 {
	padding-top: 0 !important;
}

.pt05 {
	padding-top: 5px !important;
}

.pt10 {
	padding-top: 10px !important;
}

.pt15 {
	padding-top: 15px !important;
}

.pt20 {
	padding-top: 20px !important;
}

.pt25 {
	padding-top: 25px !important;
}

.pt30 {
	padding-top: 30px !important;
}

.pt35 {
	padding-top: 35px !important;
}

.pt40 {
	padding-top: 40px !important;
}

.pt45 {
	padding-top: 45px !important;
}

.pt50 {
	padding-top: 50px !important;
}

.pt100 {
	padding-top: 100px !important;
}

.pb00 {
	padding-bottom: 0 !important;
}

.pb05 {
	padding-bottom: 5px !important;
}

.pb10 {
	padding-bottom: 10px !important;
}

.pb15 {
	padding-bottom: 15px !important;
}

.pb20 {
	padding-bottom: 20px !important;
}

.pb25 {
	padding-bottom: 25px !important;
}

.pb30 {
	padding-bottom: 30px !important;
}

.pb35 {
	padding-bottom: 35px !important;
}

.pb40 {
	padding-bottom: 40px !important;
}

.pb45 {
	padding-bottom: 45px !important;
}

.pb50 {
	padding-bottom: 50px !important;
}

.pb55 {
	padding-bottom: 55px !important;
}

.pb60 {
	padding-bottom: 60px !important;
}

.pb65 {
	padding-bottom: 65px !important;
}

.pb70 {
	padding-bottom: 70px !important;
}

.pb100 {
	padding-bottom: 100px !important;
}

.pb60 {
	padding-bottom: 60px !important;
}

.pr00 {
	padding-right: 0 !important;
}

.pr05 {
	padding-right: 5px !important;
}

.pr10 {
	padding-right: 10px !important;
}

.pr15 {
	padding-right: 15px !important;
}

.pr20 {
	padding-right: 20px !important;
}

.pr25 {
	padding-right: 25px !important;
}

.pr30 {
	padding-right: 30px !important;
}

.pr35 {
	padding-right: 35px !important;
}

.pr40 {
	padding-right: 40px !important;
}

.pr45 {
	padding-right: 45px !important;
}

.pr50 {
	padding-right: 50px !important;
}

.pr55 {
	padding-right: 55px !important;
}

.pr100 {
	padding-right: 100px !important;
}

.pl00 {
	padding-left: 0 !important;
}

.pl05 {
	padding-left: 5px !important;
}

.pl10 {
	padding-left: 10px !important;
}

.pl15 {
	padding-left: 15px !important;
}

.pl20 {
	padding-left: 20px !important;
}

.pl25 {
	padding-left: 25px !important;
}

.pl30 {
	padding-left: 30px !important;
}

.pl35 {
	padding-left: 35px !important;
}

.pl40 {
	padding-left: 40px !important;
}

.pl45 {
	padding-left: 45px !important;
}

.pl50 {
	padding-left: 50px !important;
}

.pl55 {
	padding-left: 55px !important;
}

.pl100 {
	padding-left: 100px !important;
}



.mt_e_10 {
	margin-top: 1.0em !important;
}

.mt_e_15 {
	margin-top: 1.5em !important;
}

.mt_e_20 {
	margin-top: 2.0em !important;
}

.mt_e_25 {
	margin-top: 2.5em !important;
}

.mt_e_30 {
	margin-top: 3.0em !important;
}

.mt_e_35 {
	margin-top: 3.5em !important;
}

.mt_e_40 {
	margin-top: 4.0em !important;
}

.mt_e_45 {
	margin-top: 4.5em !important;
}

.mt_e_50 {
	margin-top: 5.0em !important;
}

.mt_e_55 {
	margin-top: 5.5em !important;
}

.mt_e_60 {
	margin-top: 6.0em !important;
}

.mt_e_65 {
	margin-top: 6.5em !important;
}

.mt_e_70 {
	margin-top: 7.0em !important;
}


.mb_e_10 {
	margin-bottom: 1.0em !important;
}

.mb_e_15 {
	margin-bottom: 1.5em !important;
}

.mb_e_20 {
	margin-bottom: 2.0em !important;
}

.mb_e_25 {
	margin-bottom: 2.5em !important;
}

.mb_e_30 {
	margin-bottom: 3.0em !important;
}

.mb_e_35 {
	margin-bottom: 3.5em !important;
}

.mb_e_40 {
	margin-bottom: 4.0em !important;
}

.mb_e_45 {
	margin-bottom: 4.5em !important;
}

.mb_e_50 {
	margin-bottom: 5.0em !important;
}

.mb_e_55 {
	margin-bottom: 5.5em !important;
}

.mb_e_60 {
	margin-bottom: 6.0em !important;
}

.mb_e_65 {
	margin-bottom: 6.5em !important;
}

.mb_e_70 {
	margin-bottom: 7.0em !important;
}


/* 幅調整
-------------------------------------------------- */
.wp10 {
	width: 10% !important;
}

.wp15 {
	width: 15% !important;
}

.wp20 {
	width: 20% !important;
}

.wp25 {
	width: 25% !important;
}

.wp30 {
	width: 30% !important;
}

.wp35 {
	width: 35% !important;
}

.wp40 {
	width: 40% !important;
}

.wp45 {
	width: 45% !important;
}

.wp50 {
	width: 50% !important;
}

.wp55 {
	width: 55% !important;
}

.wp60 {
	width: 60% !important;
}

.wp65 {
	width: 65% !important;
}

.wp70 {
	width: 70% !important;
}

.wp75 {
	width: 75% !important;
}

.wp80 {
	width: 80% !important;
}

.wp85 {
	width: 85% !important;
}

.wp90 {
	width: 90% !important;
}

.wp95 {
	width: 95% !important;
}


/* width指定
-------------------------------------------------- */

.w1 {
	width: 1.0em !important;
}

.w2 {
	width: 2.0em !important;
}

.w3 {
	width: 3.0em !important;
}

.w4 {
	width: 4.0em !important;
}

.w5 {
	width: 5.0em !important;
}

.w6 {
	width: 6.0em !important;
}

.w7 {
	width: 7.0em !important;
}

.w8 {
	width: 8.0em !important;
}

.w9 {
	width: 9.0em !important;
}

.w10 {
	width: 10.0em !important;
}

.w11 {
	width: 11.0em !important;
}

.w12 {
	width: 12.0em !important;
}

.w13 {
	width: 13.0em !important;
}

.w14 {
	width: 14.0em !important;
}

.w15 {
	width: 15.0em !important;
}

.w16 {
	width: 16.0em !important;
}

.w17 {
	width: 17.0em !important;
}

.w18 {
	width: 18.0em !important;
}

.w19 {
	width: 19.0em !important;
}

.w20 {
	width: 20.0em !important;
}


/* --------------------------------------------------
見出し
-------------------------------------------------- */

/* スタンダード
-------------------------------------------------- */
#contents .ttlGen {
	margin-left: 10px;
	margin-right: 10px;
	padding: .5em 1.0em;
	background-color: #333;
	color: #fff;
}

#contents .ttlGen.gray {
	background-color: #888;
}

#contents .ttlGen.pink {
	background-color: #ff9e9e;
}

#contents .ttlGen.pink2 {
	background-color: #e27575;
}

#contents .ttlGen.sky {
	background-color: #6bb0d8;
}

#contents .ttlGen.blue {
	background-color: #2d7ead;
}

#contents .ttlGen.ygreen {
	background-color: #3ac428;
}

#contents .ttlGen.green {
	background-color: #329275;
}

#contents .ttlGen.orange {
	background-color: #f7914d;
}

#contents .ttlGen.lbrown {
	background-color: #9e7a44;
}

#contents .ttlGen.brown {
	background-color: #553607;
}

/* ふきだし
-------------------------------------------------- */
#contents .ttlBl {
	position: relative;
	padding: .5em 1.0em;
	background-color: #6bb0d8;
	border-radius: 15px;
	text-align: center;
	margin: 40px 10px 20px;
	color: #fff;
	border: none;
	display: table;
}

.ttlBl:before {
	position: absolute;
	top: 100%;
	left: 40%;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #6bb0d8;
}

.ttlBl:after {
	border: none;
}

#contents .ttlBl.pink {
	background-color: #ff9e9e;
}

#contents .ttlBl.pink:before {
	border-top: 15px solid #ff9e9e;
}

#contents .ttlBl.gray {
	background-color: #666;
}

#contents .ttlBl.gray:before {
	border-top: 15px solid #666;
}


#contents .ttlBl.line {
	background-color: #fff;
	border: 1px solid #999;
	color: #333;
}

.ttlBl.line:before,
.ttlBl.line:after {
	position: absolute;
	top: 100%;
	left: 40%;
	content: '';
	height: 0;
	width: 0;
	border: 10px solid transparent;
}

.ttlBl.line:before {
	border-top: 15px solid #999;
}

.ttlBl.line:after {
	margin-top: -2px;
	border-top: 15px solid #fff;
}

#contents .ttlBl+h2,
#contents .ttlBl+h3,
#contents .ttlBl+h4 {
	margin-top: 0;
}


/* ＼こんな感じの／
-------------------------------------------------- */
#contents .ttl_slash {
	text-align: center;
}

#contents .ttl_slash span {
	display: inline-block;
	padding: 0 8px 0;
}

#contents .ttl_slash:before {
	content: "＼";
}

#contents .ttl_slash:after {
	content: "／";
}

#contents .ttl_slash+h2,
#contents .ttl_slash+h3,
#contents .ttl_slash+h4 {
	margin-top: 0;
}

#contents .subSet h2 {
	position: relative;
	margin-top: 4.0em;
}

#contents h2 .ttl_slash {
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	top: -1.5em;
	left: 0;
	text-align: center;
	color: #333;
}

/* --------------------------------------------------
ボックス
-------------------------------------------------- */
blockquote {
	margin: 50px 1.0em 0;
	padding: 25px 20px 30px;
	background-color: #f2f2f2;
	border: 1px solid #999;
	position: relative;
}

blockquote:before,
blockquote:after {
	width: 24px;
	height: 18px;
	content: "";
	position: absolute;
	display: block;
	color: #ccc;
}

blockquote:before {
	top: 0;
	left: 10px;
	font-family: "Font Awesome 5 Free";
	content: " \f10d";
	font-weight: 900;
}

blockquote:after {
	bottom: 10px;
	right: 0;
	font-family: "Font Awesome 5 Free";
	content: " \f10e";
	font-weight: 900;
}

#contents blockquote p {
	margin: 25px 0 0;
}

#contents blockquote p:first-child {
	margin: 0;
}

.quoteLink {
	padding-left: 3em;
	text-align: right;
}

.quoteLink a {
	color: #969696;
}

.quoteLink:before {
	content: "参考：";
}


.boxY,
.boxR,
.boxB,
.boxG,
.boxN,
.boxLine {
	margin: 30px 1.0em 0;
	padding: 0 20px 20px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: solid 1px #ccc;
}

#contents .boxY p,
#contents .boxR p,
#contents .boxB p,
#contents .boxG p,
#contents .boxN p,
#contents .boxLine p {
	margin: 20px 0 0;
}

#contents .boxY ul li,
#contents .boxR ul li,
#contents .boxB ul li,
#contents .boxG ul li,
#contents .boxN ul li,
#contents .boxLine ul li {
	margin: 0 0 1.0em;
}

#contents .boxY ol li,
#contents .boxR ol li,
#contents .boxB ol li,
#contents .boxG ol li,
#contents .boxN ol li,
#contents .boxLine ol li {
	margin: 0 0 1.0em;
}

#contents .boxY ul li:last-of-type,
#contents .boxR ul li:last-of-type,
#contents .boxB ul li:last-of-type,
#contents .boxG ul li:last-of-type,
#contents .boxN ul li:last-of-type,
#contents .boxLine ul li:last-of-type {
	margin: 0 0 0;
}

#contents .boxY ol li:last-of-type,
#contents .boxR ol li:last-of-type,
#contents .boxB ol li:last-of-type,
#contents .boxG ol li:last-of-type,
#contents .boxN ol li:last-of-type,
#contents .boxLine ol li:last-of-type {
	margin: 0 0 0;
}

.boxY {
	background-color: #fffbe8;
}

.boxR {
	background-color: #fadfda;
}

.boxB {
	background-color: #def0f4;
}

.boxG {
	background-color: #def4e5;
}

.boxN {
	border: solid 2px #c7dfeb;
}

.fBox {
	margin: 30px 1.0em 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.fBox div {
	margin: 0 20px 0 0;
}

.fBox div:last-child {
	margin: 0 0 0 0;
}

.fBox.c2 div {
	width: 50%;
}

.fBox.c3 div {
	width: 33%;
}

.movieBox {
	margin-top: 30px;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.movieBox iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mapBox {
	margin-top: 30px;
	position: relative;
	padding-bottom: 80%;
	height: 0;
	overflow: hidden;
}

.mapBox iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* 人物入りふきだし
-------------------------------------------------- */
.balloon-box {
	display: flex;
	justify-content: space-between;
	margin: 3.0em 1.0em 0;
}

@media (min-width: 768px) {
	.balloon-box {
		width: 80%;
		margin: 3.0em auto 0;
	}
}

/* ふきだし部分　枠線あり ----------------------- */
.balloon-box .talk {
	background-color: #faf6f4;
	border: 2px solid #aaa;
	border-radius: 10px;
	box-sizing: border-box;
	display: table;
	position: relative;
	padding: 0 1.0em 1.5em;
	margin-bottom: 1em;
	width: calc(100% - 1.5em - 60px);
}

.balloon-box .talk::before {
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	content: '';
	position: absolute;
	top: 30px;
	transform: translateY(-50%);
}

.balloon-box .talk::after {
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	content: '';
	position: absolute;
	top: 30px;
	transform: translateY(-50%);
}

/* 右 */
.balloon-box.right .talk {
	margin-right: 1.5em;
}

.balloon-box.right .talk::before {
	border-left: 1.5em solid #aaa;
	right: -1.5em;
}

.balloon-box.right .talk::after {
	border-left: 1.5em solid #faf6f4;
	right: calc(4px - 1.5em);
}

/* 左 */
.balloon-box.left {
	flex-direction: row-reverse;
}

.balloon-box.left .talk {
	margin-left: 1.5em;
}

.balloon-box.left .talk::before {
	border-right: 1.5em solid #aaa;
	left: -1.5em;
}

.balloon-box.left .talk::after {
	border-right: 1.5em solid #faf6f4;
	left: calc(4px - 1.5em);
}

#main .balloon-box .talk p {
	margin: 1.5em 0 0;
	padding: 0;
}


/* ふきだし部分　塗りつぶし ----------------------- */
.balloon-box .talk_bg {
	background-color: #f5f5ec;
	border-radius: 10px;
	box-sizing: border-box;
	display: table;
	position: relative;
	padding: 0 1.0em 1.5em;
	margin-bottom: 1em;
	width: calc(100% - 1.5em - 60px);
}

.balloon-box .talk_bg::before {
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	content: '';
	position: absolute;
	top: 30px;
	transform: translateY(-50%);
}

/* 右 */
.balloon-box.right .talk_bg {
	margin-right: 1.5em;
}

.balloon-box.right .talk_bg::before {
	border-left: 1.5em solid #f5f5ec;
	right: -1.5em;
}

/* 左 */
.baloon-box2.left .talk_bg {
	margin-left: 1.5em;
}

.balloon-box.left .talk_bg::before {
	border-right: 1.5em solid #f5f5ec;
	left: -1.5em;
}

#contents .balloon-box .talk_bg p {
	margin: 1.5em 0 0;
	padding: 0;
}

/* ふきだし部分　背景色パターン  */
/* ピンク */
.balloon-box .talk_bg.pink {
	background-color: #fae5e5;
}

.balloon-box.right .talk_bg.pink::before {
	border-left: 1.5em solid #fae5e5;
}

.balloon-box.left .talk_bg.pink::before {
	border-right: 1.5em solid #fae5e5;
}

/* 青 */
.balloon-box .talk_bg.blue {
	background-color: #e5f0fa;
}

.balloon-box.right .talk_bg.blue::before {
	border-left: 1.5em solid #e5f0fa;
}

.balloon-box.left .talk_bg.blue::before {
	border-right: 1.5em solid #e5f0fa;
}

/* オレンジ */
.balloon-box .talk_bg.orange {
	background-color: #f7ece1;
}

.balloon-box.right .talk_bg.orange::before {
	border-left: 1.5em solid #f7ece1;
}

.balloon-box.left .talk_bg.orange::before {
	border-right: 1.5em solid #f7ece1;
}

/* 緑 */
.balloon-box .talk_bg.green {
	background-color: #f0f5ec;
}

.balloon-box.right .talk_bg.green::before {
	border-left: 1.5em solid #f0f5ec;
}

.balloon-box.left .talk_bg.green::before {
	border-right: 1.5em solid #f0f5ec;
}

/* 灰色 */
.balloon-box .talk_bg.gray {
	background-color: #ebebeb;
}

.balloon-box.right .talk_bg.gray::before {
	border-left: 1.5em solid #ebebeb;
}

.balloon-box.left .talk_bg.gray::before {
	border-right: 1.5em solid #ebebeb;
}


/* 執筆者 ----------------------- */
.balloon-box .author-ph {
	width: 60px;
}

.balloon-box .author-ph img {
	border-radius: 50%;
}

/* ポイント ----------------------- */
#contents .balloon-box .talk_bg .point {
	display: flex;
	justify-content: center;
	margin: -0.7em 0 0 0;
}

.balloon-box .point span {
	background-color: #333;
	border-radius: 5px;
	color: #fff;
	display: flex;
	font-size: 85%;
	padding: .3em .7em;
}


/* 開閉ボックス
-------------------------------------------------- */
.acd-check {
	display: none;
}

.acd-label {
	background: #0068b7;
	color: #fff;
	display: block;
	margin-bottom: 1px;
	padding: 10px;
	position: relative;
}

.acd-label:after {
	box-sizing: border-box;
	display: block;
	font-family: "Font Awesome 5 Free";
	content: '\f067';
	font-weight: 900;
	padding: 10px 20px;
	position: absolute;
	right: 0;
	top: 0px;
}

.acd-content {
	border: 1px solid #333;
	display: block;
	height: 0;
	opacity: 0;
	padding: 0;
	transition: .5s;
	visibility: hidden;
}

.acd-check:checked+.acd-label:after {
	content: '\f068';
}

.acd-check:checked+.acd-label+.acd-content {
	height: auto;
	opacity: 1;
	padding: 0 1.0em 1.5em;
	visibility: visible;
}

/* FAQ
-------------------------------------------------- */
.faq {
	background-color: #eee;
	padding: 10px;
}

.faq dl {
	margin: 0;
	padding: 0;
}

.faq dl dt {
	background-color: #fff;
	margin: 10px 0 0;
	padding: 20px 30px 20px 50px;
	position: relative;
}

.faq dl dt:first-of-type {
	margin: 0 0 0;
}

.faq dl dt::before {
	content: "Q";
	color: #3cbada;
	font-size: 2.0rem;
	line-height: 1.1;
	position: absolute;
	top: 1.0em;
	left: 15px;
}

.faq dl dd {
	background-color: #fff;
	border-top: #ccc dashed 1px;
	margin: 0;
	padding: 20px 30px 30px 50px;
	position: relative;
}

.faq dl dd::before {
	content: "A";
	color: #d17b7b;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.1;
	position: absolute;
	top: 1.0em;
	left: 15px;
}

#main .faq dl dd p {
	margin: 1.5em 0 0;
	padding: 0;
}

#main .faq dl dd p:first-of-type {
	margin: 0;
}


/* 人気メーカーリスト
-------------------------------------------------- */
.popular_lists {
	background-color: #f1f1f1;
	margin: 10px 0 0;
	padding: 1px 8px 8px;
}

.popular_box {
	background-color: #fff;
	border: #ccc solid 1px;
	border-radius: 5px;
	box-shadow: 2px 2px 0 0 rgba(0, 0, 0, .05);
	margin: 20px 0 0;
	overflow: hidden;
}

.popular_box:first-child {
	background-color: #fff;
	margin: 10px 0 0;
}

#main .popular_box .name {
	background-color: #333;
	color: #fff;
	display: flex;
	align-items: center;
	margin: 0;
	padding: 2px 10px 2px 10px;
}

#main .popular_box .name::before {
	color: #fcd810;
	font-family: "Font Awesome 5 Free";
	content: " \f521";
	font-weight: 900;
	font-size: 2.2rem;
	margin: 0 5px 0 0;
}

#main .popular_box .name strong {
	display: block;
	font-size: 1.8rem;
}

#main .popular_box .name span {
	display: block;
	margin-left: auto;
}

.popular_box .data {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 1.5em 0 0;
	padding: 0 10px 0;
}

#main .popular_box .data p {
	margin: 0;
	text-align: center;
	width: 40%;
}

#main .popular_box .data p img {
	width: 80%;
}

.popular_box .data div {
	width: 60%;
}

#main .popular_box .data table {
	margin: 0 auto 0 0;
	max-width: 100%;
	width: 100%;
}

.popular_box .data table th {
	white-space: nowrap;
}

.popular_box .mdList {
	border: #eee solid 3px;
	margin: 1.0em 10px 0;
	padding: 10px 0 0;
}

.popular_box .comment {
	margin: 1.0em 20px;
}

#main .popular_box .comment p {
	margin: 1.0em 0 0;
}

.popular_box .links {
	background-color: #c2e4b4;
	display: flex;
	justify-content: space-between;
	margin: 1.0em 0 0;
	padding: 10px;
}

#main .popular_box .links p {
	margin: 0;
	width: 100%;
}

#main .popular_box .links .btn_1 {
	margin: 0 10px 0 0;
}

.popular_box .links a {
	border-radius: 5px;
	box-shadow: 2px 2px 0 0 rgba(0, 0, 0, .1);
	display: block;
	padding: .5em 0;
	text-align: center;
	text-decoration: none;
	width: 100%;
}

.popular_box .links .btn_1 a {
	background-color: #fff;
}

.popular_box .links .btn_2 a,
.popular_box .links .btn_2 .tanc {
	background-color: #20753d;
	color: #fff;
}


@media (min-width: 768px) {
	.popular_lists {
		background-color: #f1f1f1;
		margin: 20px 0 0;
		padding: 1px 40px 8px;
	}

	.popular_box .data {
		padding: 0 40px 0;
	}

	#main .popular_box .data p {
		width: 30%;
	}

	.popular_box .data div {
		width: 65%;
	}

	.popular_box .mdList {
		margin: 1.0em 40px 0;
	}

	.popular_box .comment {
		margin: 2.0em 40px;
		font-size: 1.4rem;
	}

	.popular_box .links {
		margin: 1.5em 0 0;
		padding: 10px;
	}
}

/* 応募の流れ
-------------------------------------------------- */
.flow {
	counter-reset: num 0;
}

.flow ol {
	margin: 0 10px;
	padding: 0;
}

.flow li {
	background-color: #f5f5f5;
	box-sizing: border-box;
	margin: 10px 0 0;
	padding: 1.0em;
	position: relative;
}

/* 番号 */
.flow li::before {
	background: initial;
	content: "";
	border-radius: inherit;
	border: #000 solid 20px;
	border-right: transparent solid 20px;
	border-bottom: transparent solid 20px;
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
}

.flow li dl::before {
	color: #fff;
	counter-increment: num 1;
	/* numの増加数 */
	content: counter(num);
	/* 表示形式 */
	font-size: 1.8rem;
	position: absolute;
	left: 8px;
	top: 0;
}

.flow dl {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0;
	padding: 0;
}

.flow dt {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	width: 43%;
}

.flow dt strong {
	display: block;
	font-size: 1.8rem;
	width: 70%;
	text-align: center;
}

.flow dt span {
	display: block;
	width: 30%;
}

.flow dt img {
	border-radius: 50%;
	display: block;
}

.flow dd {
	margin: 0;
	width: 53%;
}

/* テキスト画像の場合 */
.flow dd img {
	display: block;
}


@media (min-width: 768px) {
	.flow ol {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -5px 0;
	}

	.flow li {
		margin: 10px 5px 0;
		padding: 1.5em .8em 1.5em .5em;
		width: calc((100% / 2) - 10px);
	}

	.flow dt {
		width: 40%;
	}

	.flow dt img {
		width: 100%;
	}

	.flow dd {
		font-size: 1.2rem;
		width: 55%;
	}
}

.flow-detail {
	counter-reset: num 0;
	margin: 0 10px;
}

.flow-detail dt {
	border-bottom: #333 solid 1px;
	display: flex;
	align-items: center;
	font-size: 1.8rem;
	margin: 1.0em 0 0;
	padding: 0 0 0 .5em;
	position: relative;
}

.flow-detail dt span {
	display: block;
	margin-left: auto;
	text-align: right;
}

.flow-detail dt span img {
	width: 40%;
	display: block;
	margin-left: auto;
}

.flow-detail dt::before {
	counter-increment: num 1;
	/* numの増加数 */
	content: counter(num);
	/* 表示形式 */
	margin: 0 .5em 0 0;
}

.flow-detail dd {
	background-color: #f5f5f5;
	margin: 0;
	padding: 1px 1.0em 1.5em;
}

#contents .flow-detail dd p {
	font-size: 1.2rem;
}

@media (min-width: 768px) {
	.flow-detail dd {
		padding: .5em 2.5em 2.5em;
	}

	#contents .flow-detail dd p {
		font-size: 1.4rem;
	}
}


/* 給料支給イメージ
-------------------------------------------------- */
.salary-example {
	background-color: #f1f1f1;
	padding: 1px 10px 10px;
	margin: 20px 0 0;
}

.salary-example .group {
	border-bottom: #a5a5a5 solid 1px;
	display: flex;
	align-items: center;
	margin: 10px 0 0;
}

.salary-example .month {
	font-size: 1.0rem;
	padding: .5em 0 0;
	min-width: 3.5em;
}

.salary-example .graph {
	font-size: 1.2rem;
	width: calc(100% - (3.5em + 7.0em));
}

.salary-example .graph .inner {
	display: flex;
	width: 100%;
}

.salary-example .graph .inner div {
	box-sizing: border-box;
	border-right: #fff solid 1px;
	border-bottom: #fff solid 1px;
	color: #fff;
	font-size: 1.2rem;
	padding: .5em;
	text-align: center;
}

.salary-example .graph .inner div:last-of-type {}

.salary-example .graph .g-blue {
	background-color: #2792c4;
}

.salary-example .graph .g-green {
	background-color: #29977f;
}

.salary-example .graph .g-pink {
	background-color: #e16e73;
}

.salary-example .graph .g-orange {
	background-color: #cc790c;
}

.salary-example .graph span {
	display: block;
}

.salary-example .remarks {
	font-size: 1.2rem;
	margin-left: auto;
	max-width: 7.0em;
	text-align: right;
}

#contents .salary-example .notes {
	font-size: 1.0rem;
	margin: .3em 0 0;
	text-align: right;
}

@media (min-width: 768px) {
	.salary-example {
		padding: 1px 50px 20px;
		margin: 20px 0 0;
	}

	.salary-example .month {
		font-size: 1.4rem;
	}

	.salary-example .group {
		margin: 20px 0 0;
	}

	.salary-example .graph .inner div {
		font-size: 1.6rem;
		padding: .6em;
	}

	.salary-example .graph span {
		display: inline-block;
	}

	#contents .salary-example .notes {
		font-size: 1.2rem;
		margin: .5em 0 0;
	}
}

/* 面接
-------------------------------------------------- */
.interview-questions {
	padding: 0;
	margin: 0 10px 0;
}

#contents .interview-questions h2.ttl,
#contents .interview-questions h3.ttl,
#contents .interview-questions h4.ttl {
	background-color: initial;
	border-bottom: #333 solid 2px;
	color: #333;
	font-size: 1.8rem;
	margin: 3.0em 0 0 0;
	padding: .5em 0 .5em 0;
	position: relative;
	text-align: center;
}

#contents .interview-questions h2.ttl::before,
#contents .interview-questions h3.ttl::before,
#contents .interview-questions h4.ttl::before {
	background-color: initial;
	content: "";
	position: absolute;
	top: auto;
	bottom: -25px;
	left: 50%;
	z-index: 2;
	margin-left: -16px;
	border: 13px solid transparent;
	border-top: 13px solid #FFF;
	width: auto;
	height: auto;
}

#contents .interview-questions h2.ttl::after,
#contents .interview-questions h3.ttl::after,
#contents .interview-questions h4.ttl::after {
	content: "";
	position: absolute;
	bottom: -29px;
	left: 50%;
	margin-left: -17px;
	border: 14px solid transparent;
	border-top: 14px solid #333;
	z-index: 1;
}

.interview-questions h2+.answer,
.interview-questions h3+.answer,
.interview-questions h4+.answer {
	margin: 0 0 0;
}

#contents .interview-questions .sub {
	background-color: #333;
	color: #fff;
	display: table;
	margin: 1.5em auto;
	padding: .5em;
	width: auto;
}

/* 回答例　---------- */
.interview-questions .answer {
	background-color: #f7f7f7;
	margin: 10px 0 0;
	padding: 1.5em 1.0em 1.5em;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.interview-questions .answer .im {
	background-color: #fff;
	border-radius: 50%;
	display: block;
	overflow: hidden;
	padding: 5px;
	width: 50px;
	height: 50px;
}

.interview-questions .answer .tx {
	width: calc(100% - 60px);
}

#contents .interview-questions .answer .tx p:first-of-type {
	margin-top: 0
}

/* ポイント　---------- */
.interview-questions .point {
	margin: 10px 0 0;
	padding: 1px 1.0em 1.0em;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.interview-questions .mark {
	background-color: #000;
	border-radius: 50%;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	text-align: center;
}

.interview-questions .point .tx {
	margin: 0 auto;
	width: calc(100% - 60px);
}

@media (min-width: 768px) {
	.interview-questions {
		margin: 0 60px 0;
	}

	#contents .interview-questions h2.ttl,
	#contents .interview-questions h3.ttl,
	#contents .interview-questions h4.ttl {
		font-size: 2.2rem;
	}

	.interview-questions .answer {
		padding: 1.5em 2.5em 1.5em;
	}

	.interview-questions .answer .tx {
		width: calc(100% - 150px);
	}

	.interview-questions .answer .im {
		padding: 10px;
		width: 80px;
		height: 80px;
	}

	.interview-questions .point {
		padding: 1px 2.5em 1.5em;
	}

	.interview-questions .point .mark {
		padding: 10px;
		width: 80px;
		height: 80px;
	}

	.interview-questions .point .tx {
		margin: 0 auto;
		width: calc(100% - 150px);
	}
}



/* 面接時の服装
-------------------------------------------------- */
.interview-attire {}

.interview-attire .remarks {
	border-bottom: #333 solid 1px;
}

@media (min-width: 768px) {
	.interview-attire {
		display: flex;
		justify-content: space-between;
	}

	.interview-attire div:first-of-type {
		margin: 0 20px 0 0;
	}
}

/* 面接で落ちる人
-------------------------------------------------- */
.interview-fusaiyou {}

#contents .interview-fusaiyou h2.ttl,
#contents .interview-fusaiyou h3.ttl,
#contents .interview-fusaiyou h4.ttl {
	background-color: initial;
	border: none;
	color: #008eb2;
	display: flex;
	align-items: center;
	font-size: 1.8rem;
	margin: 3.0em 0 0 1.0em;
	padding: 0;
	position: relative;
	text-align: left;
}

#contents .interview-fusaiyou h2.ttl::before,
#contents .interview-fusaiyou h3.ttl::before,
#contents .interview-fusaiyou h4.ttl::before {
	background-color: initial;
	font-family: "Font Awesome 5 Free";
	content: " \f06a";
	font-weight: 900;
	font-size: 3.0rem;
	margin: 0 .3em 0 0;
	position: relative;
	top: auto;
	left: auto;
	width: auto;
	height: auto;
}

.interview-fusaiyou .short {
	background-color: #f7f7f7;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 10px 10px 0;
	padding: .8em .5em;
}

.interview-fusaiyou .short span {
	background-color: #333;
	border-radius: 50%;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	width: 50px;
	height: 50px;
	text-align: center;
}

.interview-fusaiyou .short dl {
	margin: 0;
	padding: 0;
	width: calc(100% - 60px);
}

.interview-fusaiyou .short dt {
	border-bottom: #333 solid 1px;
	font-size: 1.6rem;
	margin: 0;
	padding: 0 0 .3em;
}

.interview-fusaiyou .short dd {
	margin: 0;
	padding: .5em 0 0;
}

#main .interview-fusaiyou .short dl dt img {
	height: 14px;
	width: auto;
}

#main .interview-fusaiyou .short dl dd img {
	height: 11px;
	width: auto;
}

@media (min-width: 768px) {

	#contents .interview-fusaiyou h2.ttl,
	#contents .interview-fusaiyou h3.ttl,
	#contents .interview-fusaiyou h4.ttl {
		font-size: 2.2rem;
		margin: 3.0em 0 0 0;
	}

	.interview-fusaiyou .tx {
		margin: 0 0 0 40px;
	}

	.interview-fusaiyou .tx img {
		width: 70%;
	}

	.interview-fusaiyou .short {
		margin: 40px 0 0 40px;
	}

	.interview-fusaiyou .short span {
		width: 80px;
		height: 80px;
	}

	.interview-fusaiyou .short dl {
		width: calc(100% - 90px);
	}

	.interview-fusaiyou .short dt {
		font-size: 1.8rem;
	}

	.interview-fusaiyou .short dd {
		font-size: 1.4rem;
	}

	#main .interview-fusaiyou .short dl dt img {
		height: 20px;
		width: auto;
	}

	#main .interview-fusaiyou .short dl dd img {
		height: 16px;
		width: auto;
	}

}


/* PCのみ2カラム
-------------------------------------------------- */
.clnBox_p {
	margin: 30px 1.0em 0;
}

.clnBox_p div {
	margin: 15px 0 0;
}

/* --------------------------------------------------
ソーシャル
-------------------------------------------------- */
.pocket-color {
	background: #EE4256;
}

.facebook-color {
	background: #445FAC;
}

.twitter-color {
	background: #00a8e8;
}

.google-color {
	background: #DE5644;
}

.hatena-color {
	background: #2C6EBD;
}

.line-color {
	background: #5AE628;
}

.feedly-color {
	background: #4DBB28;
}

.linkedin-color {
	background: #02679D;
}

@font-face {
	font-family: 'icomoon';
	src: url('fonts/icomoon.eot?-qz7pb2');
	src: url('fonts/icomoon.eot?#iefix-qz7pb2') format('embedded-opentype'),
		url('fonts/icomoon.woff?-qz7pb2') format('woff'),
		url('fonts/icomoon.ttf?-qz7pb2') format('truetype'),
		url('fonts/icomoon.svg?-qz7pb2#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-evernote:before {
	content: "\e004";
}

.icon-feedly:before {
	content: "\e007";
}

.icon-pocket:before {
	content: "\e008";
}

.icon-line:before {
	content: "\e009";
}

.icon-hatena:before {
	content: "\e00a";
}

.icon-feedly-square:before {
	content: "\e601";
}

.icon-googleplus:before {
	content: "\e608";
}

.icon-facebook:before {
	content: "\e60d";
}

.icon-instagram:before {
	content: "\e610";
}

.icon-twitter:before {
	content: "\e611";
}

.icon-feed:before {
	content: "\e614";
}

.icon-youtube:before {
	content: "\e617";
}

.icon-flickr2:before {
	content: "\e61e";
}

.icon-githubmark:before {
	content: "\e626";
}

.icon-github:before {
	content: "\e627";
}

.icon-wordpress:before {
	content: "\e629";
}

.icon-tumblr:before {
	content: "\e62d";
}

.icon-yahoo:before {
	content: "\e62f";
}

.icon-apple:before {
	content: "\e631";
}

.icon-android:before {
	content: "\e633";
}

.icon-windows:before {
	content: "\e634";
}

.icon-windows8:before {
	content: "\e635";
}

.icon-skype:before {
	content: "\e636";
}

.icon-delicious:before {
	content: "\e638";
}

.icon-pinterest:before {
	content: "\e63a";
}

/* --------------------------------------------------
画像スタイル
-------------------------------------------------- */
.imgL img {
	float: left !important;
}

.imgR img {
	float: right !important;
}

figure {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

figure figcaption {
	color: #83695a;
	text-align: center;
}

.img_fit {
	text-align: center;
}

#contents .img_fit img {
	width: 100%;
	max-width: 500px;
}

#contents .img_fit.w400 img {
	max-width: 400px;
}

#contents .img_fit.w600 img {
	max-width: 600px;
}

/* --------------------------------------------------
パンくず
-------------------------------------------------- */
.breadcrumb {
	padding: 5px 10px 3px;
	margin: 10px 0 0;
	font-size: 1.0rem;
}

.breadcrumb ul {
	padding: 0;
	margin: 0;
}

.breadcrumb ul li {
	display: inline-block;
	font-size: 1.0rem;
	padding: 0;
	margin: 0;
	line-height: 1.2;
}

.breadcrumb ul li:before {
	content: "";
}

/* --------------------------------------------------
ページナビ
-------------------------------------------------- */
ul.pagination {
	margin: 20px 0 10px;
	padding: 0;
	background: #fff;
	text-align: center;
}

ul.pagination li {
	display: inline;
	margin: 0 1px;
	padding: 0;
	font-size: 1.2rem;
	line-height: 1.1;
}

ul.pagination li:before {
	content: "";
}

ul.pagination li span,
ul.pagination li a {
	display: inline-block;
	padding: 8px 10px;
	background: #e4f2f6;
	text-decoration: none;
	vertical-align: middle;
}

ul.pagination li span,
ul.pagination li span a,
ul.pagination li a span {
	color: #fff;
	background: #3db0cc;
	border-color: #3db0cc;
}

ul.pagination li.current a {
	padding: 0;
	margin-bottom: 0;
}

ul.pagination li span a {
	padding: 0;
	margin-bottom: 0;
}

ul.pagination li.prev a,
ul.pagination li.next a {
	background: #fff;
}

ul.pagination li a:hover {
	color: #15667a;
	background: #9cd8e7;
}

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


/* --------------------------------------------------
フッター
-------------------------------------------------- */
footer {
	margin: 2.0em 0 0;
	padding: 1.5em 1.0em 4.5em;
	background-color: #d5ebf1;
}

footer .copy {
	font-size: 1.2rem;
	text-align: center;
}

footer .f_logo {
	text-align: center;
	padding: 0 0 1.0em;
}

footer .f_logo a {
	display: inline-block;
}

footer .f_logo span {
	font-size: 1.2rem;
	padding: 0 1.0em 0 0;
	display: inline-block;
}

footer .f_logo img {
	width: 150px;
	vertical-align: bottom;
}

footer ul {
	margin: 20px 0 5px;
	text-align: center;
}

footer ul li {
	margin: 0;
	display: inline-block;
	font-size: 11px;
}

footer ul li:before {
	content: "";
}

/* --------------------------------------------------
サイド・フッタナビ
-------------------------------------------------- */
#navi ul {
	margin: 0;
	padding: 0;
}

#navi ul li {
	margin: 0;
	padding: 0;
}

#navi ul li:before {
	content: "";
}

#navi .categoryList {
	margin-top: 15px;
}

#navi .categoryList .ttl {
	background-color: #eee;
	padding: 7px 0 8px 10px;
	border-top: #ccc solid 1px;
}

#navi .categoryList ul {
	border-top: #ccc solid 1px;
	border-left: #ccc solid 1px;
}

#navi .categoryList ul li {
	width: 100%;
	position: relative;
}

#navi .categoryList ul li a {
	display: block;
	padding: 10px 20px 10px 5px;
	text-decoration: none;
	font-size: 1.2rem;
	border-bottom: #ccc solid 1px;
	border-right: #ccc solid 1px;
	color: #333;
}

#navi .categoryList ul li:after {
	font-family: "Font Awesome 5 Free";
	content: " \f105";
	font-weight: 900;
	color: #ccc;
	position: absolute;
	top: 26%;
	right: 10px;
}

#navi .reco {
	margin-top: 15px;
}

#navi .reco .ttl {
	background-color: #3db0cc;
	color: #fff;
	padding: 7px 0 8px 10px;
}

#navi .reco ul,
#navi .reco ol {
	margin-top: 5px;
}

#navi .reco ul li,
#navi .reco ol li {
	margin: 0;
	padding: 10px 10px 10px;
	border-bottom: #ccc solid 1px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#navi .reco ul li a,
#navi .reco ol li a {
	text-decoration: none;
	color: #333;
}

#navi .reco ul li span,
#navi .reco ol li span {
	display: block;
}

#navi .reco ul li span.im,
#navi .reco ol li span.im {
	width: 30%;
	max-height: 60px;
	overflow: hidden;
	text-align: center;
	position: relative;
}

#navi .reco ul li span.im img,
#navi .reco ol li span.im img {
	width: 90%;
}

#navi .reco ul li span.tx,
#navi .reco ol li span.tx {
	width: 66%;
}

#navi .reco ol li {
	position: relative;
	z-index: 1;
}

#navi .reco ol li:before {
	background: #da5757;
	color: #fff;
	position: absolute;
	left: 5px;
	top: 5px;
	font-size: 1.2rem;
	z-index: 10;
}

#navi .reco.ranking ul li span.im i {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	background-color: #da5757;
	color: #fff;
	font-size: 1.2rem;
	line-height: 20px;
	font-style: normal;
	text-align: center;
}

/* 
期間工メーカー一覧
-------------------------------------------------- */
#navi .maker {}

#navi .maker .ttl {
	background-color: #3db0cc;
	color: #fff;
	padding: 7px 0 8px 10px;
}

#navi .maker ul {
	margin: 0;
	padding: 0;
	font-size: 0;
	/* inline-blockのすきまを無くすため */
}

#navi .maker ul li {
	display: inline-block;
	width: 50%;
	margin: 0;
	padding: 0;
	background-color: #fff;
	border-bottom: #ccc solid 1px;
	font-size: 1.2rem;
	line-height: 1.2;
}

#navi .maker ul li:nth-child(odd) {
	border-right: #ccc solid 1px;
	box-sizing: border-box;
}

#navi .maker ul li a {
	display: block;
	text-decoration: none;
	background-color: #fff;
	color: #333;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px 5px 10px 5px;
}

#navi .maker ul li a img {
	max-width: 34px;
	display: none;
	flex: 1;
	margin: 0 10px 0 0;
}

#navi .maker ul li a span {
	display: block;
	flex: 3.5;
}

/* --------------------------------------------------
投稿一覧
-------------------------------------------------- */


/* --------------------------------------------------
投稿記事
-------------------------------------------------- */
#entryArea {}

/* タイトル周り */
.entryTtl {
	margin: 20px 0 0;
	padding: 0;
}

.Headline_img {
	text-align: center;
}

@media screen and (min-width:768px) {
	.Headline_img img {
		max-height: 400px;
		width: auto;
	}
}

.entryTtl ul.tag {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 0 0 10px;
	padding: 0;
}

.entryTtl ul.tag li {
	margin: 0 5px 0 0;
	padding: 0;
}

.entryTtl ul.tag li:before {
	content: "";
}

.entryTtl ul.tag li a {
	display: block;
	border: #15667a solid 1px;
	padding: 3px 5px 2px;
	text-decoration: none;
	color: #15667a;
	font-size: 1.2rem;
}

.entryTtl .date {
	margin: 5px 0 0 10px;
	color: #999;
	font-size: 1.0rem;
	display: block;
}

#contents .entryTtl h1 {
	border-bottom: #3db0cc solid 5px;
	padding: 0 0 10px 0;
	margin-top: 5px;
}

/* 
報酬インクルード　調整
-------------------------------------------------- */
/* 非表示 -------------------------- */

/* 給料オフ */
.inc_non_k td:nth-of-type(2),
.inc_non_k th:nth-of-type(2) {
	display: none;
}

/* 入社祝い金オフ */
.inc_non_n td:nth-of-type(3),
.inc_non_n th:nth-of-type(3) {
	display: none;
}

/* 満了金オフ */
.inc_non_m td:nth-of-type(4),
.inc_non_m th:nth-of-type(4) {
	display: none;
}

/* 応募オフ */
.inc_non_o td:nth-of-type(5),
.inc_non_o th:nth-of-type(5) {
	display: none;
}

/* 強調 -------------------------- */

/* 給料 強調 金額のみ */
.inc_strong_k td:nth-of-type(2),
.inc_strong_k th:nth-of-type(2) {
	color: #f00;
}

.inc_strong_k td:nth-of-type(2) .font_ss,
.inc_strong_k th:nth-of-type(2) .font_ss {
	color: initial;
}

/* 入社祝い金 強調 金額のみ */
.inc_strong_n td:nth-of-type(3),
.inc_strong_n th:nth-of-type(3) {
	color: #f00;
}

.inc_strong_n td:nth-of-type(3) .font_ss,
.inc_strong_n th:nth-of-type(3) .font_ss {
	color: initial;
}

/* 満了金 強調 金額のみ */
.inc_strong_m td:nth-of-type(4),
.inc_strong_m th:nth-of-type(4) {
	color: #f00;
}

.inc_strong_m td:nth-of-type(4) .font_ss,
.inc_strong_m th:nth-of-type(4) .font_ss {
	color: initial;
}


/* --------------------------------------------------
記事下のおすすめ記事
-------------------------------------------------- */
.rec_PostList {
	padding: 1.0em 0;
}

#contents .rec_PostList p {
	margin: 0;
	padding: 0;
}

#contents .rec_PostList .ttl {
	font-weight: bold;
	margin: 0 0 1.0em;
	padding: 0.5em;
	background-color: #f5f5f5;
	border-bottom: #ccc solid 1px;
}

.rec_PostList ul {
	margin: 0 1.0em;
	padding: 0;
}

.rec_PostList ul li {
	margin: 0 0 1.0em;
	padding: 0;
	border-bottom: #ccc solid 1px;
}

.rec_PostList ul li:before {
	content: "";
}

.rec_PostList ul li a {
	display: flex;
	display: -ms-flexbox;
	justify-content: space-between;
	-ms-flex-pack: justify;
	align-items: center;
	-ms-flex-align: center;
	text-decoration: none;
}

.rec_PostList .im {
	width: 25%;
}

.rec_PostList dl {
	width: 72%;
	margin: 0;
	padding: 0;
}

.rec_PostList dl dt {
	font-weight: bold;
}

.rec_PostList a dl dd {
	color: #777;
}

.rec_PostList.noim dl {
	width: 100%;
}

/* --------------------------------------------------
記事下の求人検索
-------------------------------------------------- */

.simSearch {
	width: 90%;
	margin: 4.0em auto 0;
	background-image: url(../images/ill_koujou.png);
	background-position: right 0;
	background-repeat: no-repeat;
	background-size: 40% auto;
}

.simSearch .ttl {
	padding: 0 0 0 10px;
}

.simSearch .ttl img {
	width: 40%;
}

.simSearch .select {
	padding: 20px 0 20px;
	border-radius: 10px;
	border: #333 solid 1px;
	background-color: #3db0cc;
}

.cp_ipselect {
	overflow: hidden;
	width: 80%;
	margin: 0 auto 10px;
	text-align: center;
}

.cp_ipselect select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}

.cp_ipselect select::-ms-expand {
	display: none;
}

.cp_ipselect.cp_sl01 {
	position: relative;
	border: 1px solid #ccc;
	border-radius: 2px;
	background: #ffffff;
}

.cp_ipselect.cp_sl01::before {
	position: absolute;
	top: 0.8em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}

.cp_ipselect.cp_sl01 select {
	padding: 8px 38px 8px 8px;
	color: #666666;
}

.simSearch input#submit01 {
	display: block;
	width: 50%;
	margin: 20px auto 0;
	padding: 8px 0 8px 8px;
	background-color: #fff;
	background-image: url(../images/icon_search.png);
	background-position: 10px 8px;
	background-size: 20px auto;
	background-repeat: no-repeat;
	color: #3db0cc;
	border: none;
	border-radius: 20px;
	font-weight: bold;
}

/* --------------------------------------------------
もくじ 手動 ※202103～使用停止予定
-------------------------------------------------- */
#main #mokuzi {
	margin: 25px 8px 0;
	padding: 15px 10px;
	border: 1px solid #bbb;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

#main #mokuzi:before {
	content: "[ 記事のポイント ]";
	display: inline-block;
	margin: 0;
	padding: 0 0 10px 10px;
	font-size: 1.3rem;
}

#main #mokuzi ul {
	margin: 0;
	padding: 0;
	border-top: 1px solid #bbb;
}

#main #mokuzi ul li {
	margin: 1.2em 8px 0;
	padding: 0 10px 0 15px;
	font-size: 1.4rem;
	line-height: 1.3;
	position: relative;
}

#main #mokuzi ul li a {
	padding-bottom: 5px;
	color: #666;
}

#main #mokuzi ul li a:hover,
#main #mokuzi ul li a:visited {
	color: #969696;
}

#main #mokuzi ul li:before {
	content: "▼";
	position: absolute;
	left: 0;
	top: 0.5em;
	font-size: 0.9rem;
	color: #15667a;
}

#main #mokuzi ul li ul {
	margin: 0;
	padding: 0;
	border-top: none;
}

#main #mokuzi ul li ul li {
	font-size: 1.2rem;
}


/* --------------------------------------------------
編集者
-------------------------------------------------- */
.author {
	margin: 50px auto 20px;
	padding: 10px 20px;
	background: #f3f3f3;
}

.author h4.author_title {
	margin-top: 0 !important;
	margin-bottom: 10px !important;
	font-weight: normal !important;
	color: #333 !important;
}

.author .author_img {
	border-radius: 50%;
	vertical-align: bottom;
}

.author dl {
	margin-top: 0;
}

.author dl dt a {
	color: #333;
}

/*
ページ分割・ページ送り
-------------------------------------------------- */
.nextpage_label {
	margin: 2.0em 1.0em 0;
	padding: 10px;
	/*background-color:#F1F1E4;*/
	background-color: #eee;
	border: #62c1ce solid 1px;
	line-height: 1.5;
}

.nextpage_label a {
	display: block;
	text-decoration: none;
}

.nextpage_label a,
.nextpage_label a:visited {
	color: #333;
}

.nextpage_label span {
	display: block;
	margin: 0 8px 0 0;
	padding: 3px;
	color: #00bcd4;
	font-weight: bold;
}

.nextpage_label span:before {
	font-family: "Font Awesome 5 Free";
	content: " \f152";
	font-weight: 900;
	color: #00bcd4;
	padding: 0 7px 0 0;
}

.pagination_clm {
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	margin: 2.0em 0 0;
	padding: 1.2em 0 1.4em;
}

.pagination_clm a {
	text-decoration: none;
}

.pagination_clm .prevBox {
	position: absolute;
	left: 0;
	top: -4px;
}

.pagination_clm .nextBox {
	position: absolute;
	right: 0;
	top: -4px;
}

.pagination_clm .prevBox a,
.pagination_clm .nextBox a {
	font-size: 20px;
	padding: 0 1.0em 0;
	color: #999;
	border: none !important;
}

.pagination_clm .prevBox a:hover,
.pagination_clm .nextBox a:hover {
	color: #ccc;
}

.pagination_clm .numBox {
	position: relative;
	text-align: center;
	margin: 0 10px;
}

.pagination_clm .numBox a {
	display: inline-block;
	padding: 2px 10px;
	color: #666;
	border: #999 solid 1px;
}

.pagination_clm .numBox a:hover {
	background-color: #00bcd4;
	color: #fff;
}

.pagination_clm .numBox span.current {
	display: inline-block;
	padding: 2px 10px;
	background-color: #00bcd4 !important;
	color: #fff;
	border: #62c1ce solid 1px;
}

/* --------------------------------------------------
次ページ
-------------------------------------------------- */

/*
.next_page_desctiption {
		display:inline-block;
    position: relative;
    margin: 1.5em 1em;
    padding: 0.5em;
    border: solid 3px #62c1ce;
    border-radius: 8px;
}
.next_page_desctiption .next_info {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #62c1ce;
    font-weight: bold;
}
.next_page_desctiption p {
    margin: 0.5em !important;
    padding: 0;
}
.nextpage_box {
	margin:0.5em 1em;
}
.nextpage_link,
.previouspage_link {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.5em 1em;
  text-decoration: none;
  color: #FFF;
  background: #00bcd4;
  transition: .4s;
}
.nextpage_link:hover {
  background: #1ec7bb;
}
.nextpage_link i,
.previouspage_link i {
	padding-right:0.5em;
}
.previouspage_link {
  background: #ddd;
	display:none !important;
}
*/


/* --------------------------------------------------
期間工カテゴリ　トップ
-------------------------------------------------- */
#contents .ttl_info {
	text-align: center;
	margin: 0 0 10px;
	padding: 0;
	color: #2a9ebb;
}

.ttl_info::before {
	font-family: "Font Awesome 5 Free";
	content: " \f05a";
	font-weight: 900;
}

.kikankou_area_listBox {
	padding: 10px 0 0 0;
	background-color: #f4f8ee;
}

.kikankou_area_listBox ul {
	margin: 0 0 0 3%;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}

.kikankou_area_listBox ul li {
	margin: 0 3% 10px 0;
	padding: 0;
}

.kikankou_area_listBox ul li::before {
	content: "";
}

.kikankou_area_listBox ul li a {
	display: block;
	width: 4.6em;
	padding: .4em 0;
	text-align: center;
	text-decoration: none;
	border: #ccc solid 1px;
	border-radius: 5px;
	font-size: 4.5vw;
	box-shadow: 2px 2px 0px rgba(0, 0, 0, .1);
	background-color: #fff;
	color: #333;
}

#contents h1.kikankouTop {
	background-color: #333;
	color: #fff;
	font-size: 1.2rem;
	margin: 0;
	padding: 3px 5px;
}

.kikankou_rec_listBox {
	background-color: #f1f1f1;
	padding: 10px 0 0 5px;
}

.kikankou_rec_listBox ul {
	margin: 0;
	padding: 0;
	font-size: 0;
}

.kikankou_rec_listBox ul li:before {
	content: "";
}

.kikankou_rec_listBox ul li {
	margin: 0 1% 5px 0;
	padding: 0;
	display: inline-block;
	width: 49%;
	font-size: 1.2rem;
}

.kikankou_rec_listBox ul li a {
	display: block;
	margin: 0;
	padding: 0;
}

.kikankou_rec_listBox ul li a img {
	display: block;
	width: 100%;
}

.kikankou_kihon_listBox {
	margin: 15px 5px 0 5px;
}

#main .kikankou_kihon_listBox ul {
	margin: 0;
	padding: 0;
}

.kikankou_kihon_listBox ul li:before {
	content: "";
}

.kikankou_kihon_listBox ul li {
	margin: 0 0 10px 0;
	padding: 0;
}

.kikankou_kihon_listBox ul li a {
	display: block;
	padding: 8px;
	text-decoration: none;
	border: #ccc solid 1px;
}

.kikankou_kihon_listBox ul li strong {
	display: block;
	margin: 0 0 5px;
	text-align: center;
}

.kikankou_kihon_listBox ul li div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.kikankou_kihon_listBox ul li div em {
	display: block;
	width: 30%;
}

.kikankou_kihon_listBox ul li div em img {
	display: block;
	width: 100%;
}

.kikankou_kihon_listBox ul li div span {
	display: block;
	width: 65%;
	color: #333;
}

.newEntry {
	margin: 30px 10px 0;
	padding: 0;
	border-radius: 10px;
	border: #ccc solid 1px;
}

#main .newEntry .ttl {
	margin: 0;
	padding: 5px 0 0 10px;
	background-color: #333;
	color: #fff;
	border-radius: 10px 10px 0 0;
}

.newEntry ul {
	margin: 0;
	padding: 0;
	height: 500px;
	overflow: scroll;
}

.newEntry ul li {
	margin: 0;
	padding: 10px 10px 10px 10px;
	border-top: #ccc solid 1px;
}

.newEntry ul li:before {
	content: "";
}

.newEntry ul li:nth-child(even) {
	background-color: #eff3f7;
}

.newEntry ul li a {}

.newEntry ul li .cat {
	margin: 0 0.5em;
	padding: 0 3px;
	display: inline-block;
	background-color: #333;
	color: #fff;
	;
	font-size: 1.0rem;

}

/* --------------------------------------------------
期間工求人リスト
-------------------------------------------------- */
.k_jobList_wrap {}

.k_jobList_contents {
	margin: 0 10px 5.0em;
}

#contents .k_jobList_contents h2 {
	margin: 0;
}

#contents .k_jobList_contents p {
	margin: 0;
}

.k_jobList_contents .info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.k_jobList_contents .info .im {
	flex: 1;
}

#contents .k_jobList_contents .info .tx {
	padding: 10px 0 0 10px;
	line-height: 1.4;
	flex: 1;
}

.k_jobList_contents dl {
	margin: 10px 0 0;
	font-size: 1.2rem;
}

.k_jobList_contents dl dt {
	float: left;
	clear: both;
	width: 5.5em;
	text-align: center;
	background-color: #333;
	color: #fff;
}

.k_jobList_contents dl dd {
	padding: 0 0 5px 6.0em;
	margin: 0 0 5px;
	border-bottom: #aaa dashed 1px;
}

/* 募集終了
-------------------------------------------------- */
.k_jobList_contents.end {
	background-color: #eee;
	position: relative;
	z-index: 0;
}

.k_jobList_contents.end:before {
	content: "募集\A終了";
	white-space: pre;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	margin: auto;
	padding: 0 0.5em;
	font-size: 5.0rem;
	line-height: 1.3;
	background-color: #000;
	color: #fff;
	opacity: 65%;
}

.k_jobList_contents.end h2,
.k_jobList_contents.end div,
.k_jobList_contents.end p,
.k_jobList_contents.end dl {
	opacity: 50%;
}


/* --------------------------------------------------
表スクロール
-------------------------------------------------- */
.scroll-box {
	margin: 1.0em 0 0 10px;
	padding-bottom: 10px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

/*スクロールバー全体の高さ*/
.scroll-box::-webkit-scrollbar {
	height: 10px;
}

/*スクロールバー全体の背景*/
.scroll-box::-webkit-scrollbar-track {
	background: #eee;
}

/*スクロールバーの動く部分*/
.scroll-box::-webkit-scrollbar-thumb {
	background: #aaa;
	border: none;
}

/*スクロールバーの動く部分のホバー（マウスオーバー）*/
.scroll-box::-webkit-scrollbar-thumb:hover {
	background: #999;
}

#main .scroll-box table {
	margin: 0;
	width: auto;
	max-width: 98%;
	min-width: 50%;
}

#main .scroll-box table td {
	min-width: 8.0em;
}

/* 左列固定 */
.scroll-box .item_sticky {
	max-width: 10.0em;
	min-width: 7.0em;
	position: sticky;
	left: 0;
	z-index: 100;
}

.scroll-box .item_sticky:before {
	border: 1px solid #ccc;
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	width: 100%;
	height: 100%;
}

.scroll-box .item_sticky a {
	position: relative;
	z-index: 10;
}

.scroll-box caption {
	position: sticky;
	left: 0;
	max-width: 335px;
}

@media screen and (min-width:390px) {
	.scroll-box caption {
		max-width: 350px;
	}
}

@media screen and (min-width:768px) {
	.scroll-box caption {
		max-width: 700px;
	}
}

/* td/th幅指定
-------------------------------------------------- */

/* td幅指定・全体（固定値） */
#main table.w_mw_3 td {
	min-width: 3.0em;
}

#main table.w_mw_4 td {
	min-width: 4.0em;
}

#main table.w_mw_5 td {
	min-width: 5.0em;
}

#main table.w_mw_6 td {
	min-width: 6.0em;
}

#main table.w_mw_7 td {
	min-width: 7.0em;
}

#main table.w_mw_8 td {
	min-width: 8.0em;
}

#main table.w_mw_9 td {
	min-width: 9.0em;
}

#main table.w_mw_10 td {
	min-width: 10.0em;
}

#main table.w_mw_11 td {
	min-width: 11.0em;
}

#main table.w_mw_12 td {
	min-width: 12.0em;
}

/* th幅指定・全体（固定値） */
#main table.th_mw_4 tr th:first-of-type {
	min-width: 4.0em;
}

#main table.th_mw_5 tr th:first-of-type {
	min-width: 5.0em;
}

#main table.th_mw_6 tr th:first-of-type {
	min-width: 6.0em;
}

/* td改行なし */
#main table.nowrap td {
	white-space: nowrap;
}

/* td/th幅指定・個別 */
.w_mw_3,
.w_mw_3 p {
	min-width: 3.0em !important;
	white-space: normal !important;
}

.w_mw_4,
.w_mw_4 p {
	min-width: 4.0em !important;
	white-space: normal !important;
}

.w_mw_5,
.w_mw_5 p {
	min-width: 5.0em !important;
	white-space: normal !important;
}

.w_mw_6,
.w_mw_6 p {
	min-width: 6.0em !important;
	white-space: normal !important;
}

.w_mw_7,
.w_mw_7 p {
	min-width: 7.0em !important;
	white-space: normal !important;
}

.w_mw_8,
.w_mw_8 p {
	min-width: 8.0em !important;
	white-space: normal !important;
}

.w_mw_9,
.w_mw_9 p {
	min-width: 9.0em !important;
	white-space: normal !important;
}

.w_mw_10,
.w_mw_10 p {
	min-width: 10.0em !important;
	white-space: normal !important;
}

.w_mw_11,
.w_mw_11 p {
	min-width: 11.0em !important;
	white-space: normal !important;
}

.w_mw_12,
.w_mw_12 p {
	min-width: 12.0em !important;
	white-space: normal !important;
}





/* --------------------------------------------------
スペック
-------------------------------------------------- */
/* table base
-------------------------------------------------- */

/* DL base
-------------------------------------------------- */
.spec dl {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: 1.0em 2.5em 0;
	padding: 0;
}

.spec dl dt {
	margin: 0;
	padding: 0;
	width: 6.0em;
}

.spec dl dd {
	border-bottom: #ccc dashed 1px;
	margin: 0;
	padding: .2em 0 .2em 0;
	width: calc(100% - 6.0em);
}

@media screen and (min-width:768px) {
	.spec dl {
		display: flex;
		margin: 1.0em 4.5em 0;
	}
}

/* 星評価
-------------------------------------------------- */
.evaluation {
	color: #f58b00;
	font-size: 1.5rem;
	letter-spacing: -0.2em;
}

.evaluation span {
	color: #cacaca;
}

/* 年齢
-------------------------------------------------- */
.spec .age td {
	vertical-align: top;
}

.spec dd.age {
	padding-top: .5em;
	padding-bottom: .5em;
}

.spec .age span {
	background-color: #bee0d5;
	display: inline-block;
	margin: 0 2px 2px 0;
	padding: .2em .5em;
}

.spec .age span:nth-of-type(2) {
	background-color: #aed3c7;
}

.spec .age span:nth-of-type(3) {
	background-color: #9bc5b8;
}

.spec .age span:nth-of-type(4) {
	background-color: #8db8aa;
}

/* 縦 */
.spec .age.vertical span {
	display: block;
	margin: 0 0 2px;
	padding: .2em;
}

/* 比率
-------------------------------------------------- */
.spec .ratio td {
	vertical-align: top;
}

.spec dd.ratio {
	padding-top: .5em;
	padding-bottom: .5em;
}

/* 男女比 */
.spec .ratio .gender {
	background-color: #2988c7;
	display: block;
	width: 100%;
	height: 15px;
}

.spec .ratio .gender i {
	background-color: #ff9f9f;
	display: block;
	height: 100%;
}

/* 比率変更 */
.spec .ratio i.w05 {
	width: 5%;
}

.spec .ratio i.w10 {
	width: 10%;
}

.spec .ratio i.w15 {
	width: 15%;
}

.spec .ratio i.w20 {
	width: 20%;
}

.spec .ratio i.w25 {
	width: 25%;
}

.spec .ratio i.w30 {
	width: 30%;
}

.spec .ratio i.w35 {
	width: 35%;
}

.spec .ratio i.w40 {
	width: 40%;
}

.spec .ratio i.w45 {
	width: 45%;
}

.spec .ratio i.w50 {
	width: 50%;
}

.spec .ratio i.w55 {
	width: 55%;
}

.spec .ratio i.w60 {
	width: 60%;
}

.spec .ratio i.w65 {
	width: 65%;
}

.spec .ratio i.w70 {
	width: 70%;
}

.spec .ratio i.w75 {
	width: 75%;
}

.spec .ratio i.w80 {
	width: 80%;
}

.spec .ratio i.w85 {
	width: 85%;
}

.spec .ratio i.w90 {
	width: 90%;
}

.spec .ratio i.w95 {
	width: 95%;
}

/* 他
-------------------------------------------------- */
.spec .note {
	display: block;
	font-size: 80%;
}

/* --------------------------------------------------
比較表
-------------------------------------------------- */
.comparison {}

#main .scroll-box table.comparison td {
	text-align: center;
}

.comparison .name {
	background-color: #fff8b7;
	color: #098bbe;
	font-weight: bold;
	min-width: 6.0em;
	text-align: center;
}

/* ロゴあり */
.comparison .name img {
	display: none;
	margin: 0 auto;
	width: 60%;
}

.comparison .point td {
	font-weight: bold;
}

.comparison .good {
	background-color: #ffefef;
}


/* --------------------------------------------------
求人情報詳細
-------------------------------------------------- */
.recommend_detail {
	background-color: #e7eef3;
	padding: 1.0em;
}

.recommend_detail .inner {
	background-color: #fff;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, .15);
	border-radius: 3px;
	padding: 0 0 2.0em;
}

@media screen and (min-width:768px) {
	.recommend_detail {
		padding: 20px;
	}

	#contents .recommend_detail p {
		margin: 2.0em 2.0em 0;
	}
}

.recommend_detail .ttl {
	border-bottom: #999 dashed 1px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 1.0em;
	padding: 1.5em 0;
}

#contents .recommend_detail h3 {
	background-color: initial;
	color: #333;
	font-size: 2.4rem;
	padding: .2em 0;
	margin: 0;
}

#contents .recommend_detail h3::before {
	position: relative;
}

.recommend_detail .catch {
	width: 50%;
}

.recommend_detail .catch strong {
	display: block;
	font-size: 1.5rem;
}

.recommend_detail .catch span {
	display: block;
}

.recommend_detail .catch .area {
	font-size: 1.2rem;
}

.recommend_detail .catch .link {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.recommend_detail .catch .link a {
	font-size: 1.0rem;
	text-decoration: none;
}

.recommend_detail .catch .link a:link,
.recommend_detail .catch .link a:visited,
.recommend_detail .catch .link a:hover,
.recommend_detail .catch .link a:active {
	color: #aaaaaa;
}

.recommend_detail .ttl img {
	display: block;
	width: 40%;
}

.recommend_detail .point {
	background-color: #f7f7f7;
	display: flex;
	flex-wrap: wrap;
	margin: 0 1.0em 0;
	padding: .8em .5em;
}

.recommend_detail .point li {
	border: #e0e0e0 solid 1px;
	background-color: #e0e0e0;
	border-radius: 5px;
	color: #979797;
	font-size: 1.1rem;
	margin: 0 4px 5px 0;
	padding: .2em .5em;
}

.recommend_detail .point li::before {
	content: "";
	position: relative;
}

.recommend_detail .point .on {
	border: #f0bdbd solid 1px;
	background-color: #ffd4d4;
	color: #333;
	display: flex;
}

@media screen and (min-width:768px) {
	#main .recommend_detail table {
		text-align: center;
		min-width: 80%;
		margin: 30px auto 0;
	}
}


/* --------------------------------------------------
期間工/地域別
-------------------------------------------------- */
/* 地域別期間工求人　おすすめリスト大
========================== */
.area_bg {
	margin-top: 10px;
	padding: 1px 0 10px;
	background-color: #f7f5ef;
}

.area_pickup {
	position: relative;
	box-sizing: border-box;
	margin: 2.0em 10px 1.0em;
	padding: 10px;
	border: #ddd solid 1px;
	border-top: #24ac8e solid 5px;
	background-color: #fff;
	font-size: 3.8vw;
}

#contents .area_pickup p {
	margin: 0;
	padding: 0;
	font-size: 3.4vw;
}

.area_pickup dl,
.area_pickup dl dt,
.area_pickup dl dd {
	margin: 0;
	padding: 0;
}

.area_pickup ul {
	margin: 0;
	padding: 0;
}

.area_pickup ul li {
	margin: 0;
	padding: 0;
}

.area_pickup ul li::before {
	content: "";
}

.area_pickup .inner {}

.area_pickup .maker {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 10px 0 0;
}

.area_pickup .maker .name {}

.area_pickup .maker .name dt {
	font-size: 6.6vw;
	font-weight: bold;
	line-height: 1.2;
}

.area_pickup .maker .name dd {}

.area_pickup .maker p {}

.area_pickup .maker img {
	display: block;
	border: #ccc solid 1px;
}

.area_pickup .info {
	margin: 10px 0 0;
	padding: .5em;
	background-color: #efefef;
	font-size: 3.0vw;
}

.area_pickup .point {
	margin: 10px 10px 0;
	box-sizing: border-box;
	text-align: center;
}

#main .area_pickup .point table {
	width: 100%;
	border: none;
}

#main .area_pickup .point table tr:nth-child(even) td {
	background: #fff;
}

#main .area_pickup .point th {
	width: 7.5em;
	padding: .5em;
	line-height: 1.0;
	font-size: 85%;
	background-color: #333;
	color: #fff;
	text-align: center;
}

#main .area_pickup .point td {
	border-bottom: #ccc solid 1px;
}

.area_pickup .point ul li {
	display: inline-block;
	font-size: 85%;
}

.area_pickup .point ul li:not(:last-of-type)::after {
	content: "/";
	margin-left: 0.5em;
}

.area_pickup .app a,
.area_pickup .app .tanc {
	position: relative;
	display: block;
	margin: 18px 0 0;
	padding: .3em 0;
	background-color: #24ac8e;
	border-radius: 10px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	box-shadow: 0 2px 1px rgba(21, 146, 119, 1.0);
	box-shadow: 1px 2px 3px rgba(0, 0, 0, .2);
}

.area_pickup .app.end a,
.area_pickup .app.end .tanc,
.area_pickup .app .tanc.end {
	background-color: #999;
	color: #eee;
}

.area_pickup .app a::before,
.area_pickup .app .tanc::before {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	content: "";
	width: 8px;
	height: 8px;
	border: 1px solid transparent;
	border-top-color: transparent;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: transparent;
	border-right-style: solid;
	border-right-width: 1px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
}

/* アイコン */
.area_pickup .icon {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	z-index: 0;
	padding: 0 20px 0 0;
}

.area_pickup .icon li {
	position: relative;
	height: 24px;
	margin: 0 1% 5px 0;
	padding: 0 8px 0 5vw;
	border: #ccc solid 1px;
	border-radius: 5px;
	color: #666;
	font-size: 3.2vw;
	text-align: center;
	line-height: 24px;
}

.area_pickup .icon li span {
	font-size: 2.4vw;
}

.area_pickup .icon li::before {
	position: absolute;
	top: calc(50% - 12px);
	left: 2px;
	font-size: 3.5vw;
	font-family: "Font Awesome 5 Free";
	content: " \f058";
	font-weight: 900;
	color: #666;
}

.area_pickup .icon li.iwaikin,
.area_pickup .icon li.kyuryo,
.area_pickup .icon li.nenshu {
	padding-left: 4vw;
	color: #db4b4b;
	border: #fdafaf solid 1px;
	background-color: #fff5f5;
}

.area_pickup .icon li.iwaikin::before,
.area_pickup .icon li.kyuryo::before,
.area_pickup .icon li.nenshu::before {
	content: " \f157";
	color: #db4b4b;
	left: 3px;
}

.area_pickup .icon li.seishain,
.area_pickup .icon li.nenrei,
.area_pickup .icon li.keisagyou,
.area_pickup .icon li.woman {
	background-color: #eff8ff;
}

.area_pickup .icon li.seishain::before,
.area_pickup .icon li.nenrei::before,
.area_pickup .icon li.keisagyou::before,
.area_pickup .icon li.woman::before {
	color: #2080ce;
}

.area_pickup .icon li.tanki {
	background-color: #fff6ea;
	color: #e0731a;
	border: #fdc1af solid 1px;
}

.area_pickup .icon li.seishain::before {
	content: " \f508";
}

.area_pickup .icon li.nenrei::before {
	content: " \f234";
}

.area_pickup .icon li.keisagyou::before {
	content: " \f7d9";
}

.area_pickup .icon li.woman {
	padding-left: 4vw;
}

.area_pickup .icon li.woman::before {
	content: " \f182";
	left: 3px;
}

.area_pickup .icon li.tanki::before {
	content: " \f073";
	color: #ee950f;
}

.area_pickup .icon li.ryo,
.area_pickup .icon li.ryo_free {
	background-color: #f0feff;
}

.area_pickup .icon li.ryo::before,
.area_pickup .icon li.ryo_free::before {
	content: " \f1ad";
	color: #008388;
}

.area_pickup .icon li.none {
	color: #999;
	background-color: #eee;
	border: #ccc solid 1px;
}

.area_pickup .icon li.none::before {
	color: #999;
}


/* 帯 */
.ribbon18-content {
	position: absolute;
	top: -11px;
	right: -6px;
	z-index: 1;
	width: 89px;
	height: 91px;
	overflow: hidden;
}

.ribbon18 {
	display: inline-block;
	position: absolute;
	padding: 7px 0;
	left: -23px;
	top: 22px;
	width: 160px;
	text-align: center;
	font-size: 16px;
	line-height: 16px;
	background: linear-gradient(to right, #fa4242 0%, #ff8f8f 100%);
	color: #fff;
	text-shadow: 0 2px 2px #f35656;
	letter-spacing: 0.05em;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.ribbon18:before,
.ribbon18:after {
	position: absolute;
	content: "";
	border-top: 4px solid #b63636;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	bottom: -4px;
}

.ribbon18:before {
	left: 14px;
}

.ribbon18:after {
	right: 18px;
}

/* おすすめリスト（中）
========================== */
.area_pickup.med {
	font-size: 85%;
	border: #ddd solid 1px;
}

.area_pickup.med .inner {
	display: flex;
	justify-content: space-between;
}

.area_pickup.med .maker {
	width: 40%;
}

.area_pickup.med .maker .name dt {
	font-size: 5.0vw;
}

.area_pickup.med .point {
	width: 60%;
}

.area_pickup.med .info {
	font-size: 90%;
}

.area_pickup.med .app a {
	font-size: 3.4vw;
}

/* おすすめリスト（小）
========================== */
.area_pickup.sma {
	font-size: 85%;
	border: #ddd solid 1px;
}

.area_pickup.sma .inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.area_pickup.sma .maker {
	max-width: 64%;
}

.area_pickup.sma .maker .name dt {
	font-size: 5.0vw;
}

.area_pickup.sma .maker .name dd {
	padding: 0 0 0 0;
}

.area_pickup.sma .info {
	font-size: 90%;
}

.area_pickup.sma .app {
	min-width: 34%;
}

.area_pickup.sma .app a {
	margin: 0;
	padding: .5em 0;
	font-size: 3.4vw;
	border-radius: 10px;
}

.area_pickup.sma .app a::before {}

/* 共通
========================== */
.area_common {
	position: relative;
	margin: 0;
	padding: 10px 0 10px 0;
	background-color: #f0f7ee;
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}

.ribbon15 {
	display: inline-block;
	position: absolute;
	top: -6px;
	right: 10px;
	margin: 0;
	padding: 10px 0;
	z-index: 2;
	width: 40px;
	text-align: center;
	color: white;
	font-size: 17px;
	background: linear-gradient(#ff785b 0%, #e95738 100%);
	border-radius: 2px 0 0 0;
	line-height: 1.4;
}

.ribbon15:before {
	position: absolute;
	content: '';
	top: 0;
	right: -6px;
	border: none;
	border-bottom: solid 6px #cf4a2d;
	border-right: solid 6px transparent;
}

.ribbon15:after {
	content: '';
	position: absolute;
	left: 0;
	top: 100%;
	height: 0;
	width: 0;
	border-left: 20px solid #e95738;
	border-right: 20px solid #e95738;
	border-bottom: 10px solid transparent;
}

/* --------------------------------------------------
派遣カテゴリ　トップ
-------------------------------------------------- */
/* 派遣求人　おすすめリスト
========================== */
.haken_intro {
	background-color: #eff3f7;
	background-color: rgb(239, 243, 247);
	padding: 0.1em 0 1.0em;
}

.haken_pickup {
	position: relative;
	background-color: #fff;
	border-radius: 10px;
	margin: 1.0em 1.0em 1.0em;
	padding: 1.0em;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.haken_pickup::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 15px;
	height: 100%;
	background-color: #24ac8e;
	border-radius: 0 10px 10px 0;
}

.haken_pickup::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: -1px;
	box-sizing: border-box;
	margin: auto;
	vertical-align: middle;
	width: 5px;
	height: 5px;
	border: 5px solid transparent;
	border-left: 5px solid #fff;
}

#contents .haken_pickup p {
	margin: 0;
	padding: 0;
}

.haken_pickup a {
	display: flex;
	text-decoration: none;
	color: #333;
}

.haken_pickup dl {
	margin: 0;
	padding: 0;
	width: 40%;
}

.haken_pickup dl dt {
	font-size: 5vw;
}

.haken_pickup dl dd {
	font-size: 3.2vw;
	margin: 0;
	padding: 0 0 0 1.0em;
}

.haken_pickup ul {
	margin: 0;
	padding: 0;
}

.haken_pickup ul li {
	margin: 0;
	padding: 0;
}

.haken_pickup ul li::before {
	content: "";
}

.haken_pickup .point {
	box-sizing: border-box;
	text-align: center;
	width: 30%;
	border-left: #ccc solid 1px;
}

#contents .haken_pickup .point .ttl {
	display: inline-block;
	padding: .5em;
	line-height: 1.0;
	font-size: 85%;
	background-color: #333;
	color: #fff;
}

.haken_pickup .point .data strong {
	font-size: 200%;
}

.haken_pickup .point .data span {
	font-size: 85%;
}










/* もっと見る　============================== */
.haken_intro .readmore {
	position: relative;
	box-sizing: border-box;
}

.haken_intro .readmore-content {
	position: relative;
	overflow: hidden;
	/*高さの初期値*/
	height: 740px;
}

.haken_intro .readmore-content::before {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	content: "";
	/*以下お好み グラデーションの色と高さ 高さはreadmoreのheight以下にすること*/
	height: 100px;
	z-index: 100;
	background: -webkit-linear-gradient(top, rgba(239, 243, 247, 0) 0%, rgba(239, 243, 247, 0.8) 50%, rgba(239, 243, 247, 0.8) 50%, rgba(239, 243, 247, 1.0) 100%);
	background: linear-gradient(top, rgba(239, 243, 247, 0) 0%, rgba(239, 243, 247, 0.8) 50%, rgba(239, 243, 247, 0.8) 50%, rgba(239, 243, 247, 1.0) 100%);
}

/* 続きを読むボタン */
.haken_intro .readmore-label {
	display: table;
	bottom: 0;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	margin: 0 auto;
	z-index: 200;
	width: 90%;
	margin: 10px 10 0;
	padding: 10px 0;
	background-color: #ff7777;
	color: #FFF;
	border-radius: 10px;
	text-align: center;
	cursor: pointer;
}

.haken_intro .readmore-label::before {
	content: '▼寮付き派遣をもっと見る';
}

.haken_intro .readmore-check {
	display: none;
}

/*チェック時にボタンを非表示*/
.haken_intro .readmore-check:checked~.readmore-label {
	position: static;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	/* 「続きを読む」を押した後、元に戻す必要がない場合は、上のオプションを消してこの1行だけにする */
	/* display: none; */
}

.haken_intro .readmore-check:checked~.readmore-label::before {
	content: '▲閉じる';
}

/*チェック時に高さを自動に戻す*/
.haken_intro .readmore-check:checked~.readmore-content {
	height: auto;
}

/*チェック時グラデーション等を削除*/
.haken_intro .readmore-check:checked~.readmore-content::before {
	display: none;
}



/* --------------------------------------------------
体験談・口コミ・アンケート
-------------------------------------------------- */

/* 
ユーザー情報
-------------------------------------------------- */
.experience_info {}

.experience_info .ph {}

.experience_info dl {
	padding: 1.0em;
	background-color: #f3f0e9;
}

.experience_info dl dt {
	position: absolute;
	width: 8.0em;
}

.experience_info dl dd {
	padding: 0 0 0 7.0em;
}

/* 
動画部分
-------------------------------------------------- */
.experience_video {
	width: 100%;
	padding-bottom: 56.25%;
	/*(16:9)*/
	height: 0px;
	position: relative;
}

.experience_video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* 
記事部分
-------------------------------------------------- */
.experience_talk {}

#contents .experience_talk h2 {
	font-size: 1.8rem;
}

#contents .experience_talk h3 {
	background: none;
	border-bottom: #333 solid 1px;
	color: #15667a;
	font-size: 1.8rem;
	line-height: 1.7;
	padding: 0 0 5px;
}

#contents .experience_talk h3::before {
	position: relative;
}

#contents .experience_talk .q {
	background: none;
	border: none;
	color: #333;
	font-weight: bold;
	font-size: 1.5rem;
	margin: 2.5em 10px 0;
}

#contents .experience_talk .q:before {
	content: "－ ";
}

#contents .experience_talk .q+p {
	margin-top: 0.5em;
}

#contents .experience_talk p {
	font-size: 1.5rem;
	margin-top: 1.0em;
}

@media screen and (min-width:768px) {
	#contents .experience_talk .q {
		font-size: 1.6rem;
	}

	#contents .experience_talk p {
		font-size: 1.6rem;
		line-height: 1.8;
	}
}


/* 写真
-------------------------------------------------- */
.experience_ph {
	background-color: #f2f7f7;
	margin-top: 20px;
	padding: 10px;
}

.experience_ph img {
	display: block;
	margin-bottom: 10px;
}

.experience_ph img.bdr {
	border: #999 solid 1px;
}

.experience_ph span {
	display: block;
	font-size: 85%;
}

/* 写真2枚それぞれにキャプション */
.experience_ph.ph2 dl {
	margin: 0;
	padding: 0;
}

.experience_ph.ph2 dl dd {
	font-size: 85%;
}

/* 写真横幅いっぱい */
.experience_ph.full {
	padding: 0 0 10px;
}

.experience_ph.ph2 dl dd,
.experience_ph.full span {
	padding: 0 10px 0;
}

@media screen and (min-width:768px) {
	.experience_ph.ph2 div {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}

	.experience_ph.ph2 img {
		width: 49%;
		max-width: 49%;
		height: auto;
	}

	/* 写真2枚それぞれにキャプション */
	.experience_ph.ph2 dl {
		width: 49%;
		max-width: 49%;
	}

	.experience_ph.ph2 dl img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}

	.experience_ph.ph2 dl dd {
		font-size: 85%;
	}

	/* 写真にリンク */
	.experience_ph.ph2 a {
		width: 49%;
		max-width: 49%;
		height: auto;
	}

	.experience_ph.ph2 a img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}
}





.interview dl {
	line-height: 1.8;
}



.interview dl dt {
	margin: 0 0 1.5em;
	padding: 0 0 0 0;
	position: relative;
	font-weight: normal;
}

.interview dl dt::before {
	content: "――";
	padding: 0 0.5em 0 0;
}

.interview dl dd {
	padding: 0 0 1.5em;
}

.interview dl dd .name {
	font-weight: bold;
	color: #333;
	display: inline-block;
	padding-right: 1.0em;
}

/* 編集部補足 */
.experience_note {
	background-color: #fffbe8;
	border: #3db0cc solid 1px;
	margin: 30px 1.0em 0;
	padding: 0;
}

.experience_note dt {
	background: #3db0cc;
	color: #fff;
	display: inline-block;
	font-weight: normal;
	padding: .3em 1.0em;
	position: relative;
	margin: -1px 0 0 -10px;
}

.experience_note dt::before {
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 0;
	height: 0;
	content: '';
	border-top: 10px solid #22849c;
	border-left: 10px solid transparent;
}

.experience_note dt::after {
	font-family: "Font Awesome 5 Free";
	content: " \f5a1";
	font-weight: 900;
}

.experience_note dd {
	margin: 0;
	padding: 1.0em;
	font-size: 85%;
}

/* おすすめ度 */
.experience_rec {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 1.0em 10px 0;
	padding: 1.0em;
	position: relative;
}

.experience_rec::before {
	content: "";
	position: absolute;
	top: 5px;
	bottom: 5px;
	left: 5px;
	right: 5px;
	background: #fff;
	z-index: -1;
}

.experience_rec::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: repeating-linear-gradient(-45deg, #fff, #fff 3px, #ccc 0, #ccc 6px);
	z-index: -2;
}

.experience_rec dt {
	color: #ffc400;
	font-size: 250%;
	margin: 0;
	text-align: center;
}

.experience_rec dt em {
	color: #ccc;
}

.experience_rec dd {
	color: #666;
	font-size: 1.2rem;
	margin: 0;
}



/* メーカーPの体験談抜粋
-------------------------------------------------- */

.experience_excerpt {
	border: #ccc solid 1px;
	margin: 2.0em 10px;
	padding: 0 0 10px;
}

.experience_excerpt dl {
	margin: 0;
}

.experience_excerpt dl dt {
	background-color: #e9f5f7;
	padding: 10px 0 10px;
	margin: 0 0 20px;
	text-align: center;
}

.experience_excerpt dl dd {
	border: #aab2b9 dashed 1px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 30px;
}

.experience_excerpt dl dd strong {
	color: #ffc400;
	display: inline-block;
	font-size: 200%;
	letter-spacing: -.1em;
}

.experience_excerpt dl dd strong em {
	color: #ccc;
}


/* 執筆者 詳細
-------------------------------------------------- */
#writer_box {}

.writer_detail {
	max-width: 350px;
	margin: 0 auto;
}

.writer_header {
	align-items: center;
	display: flex;
	margin: 1.5em 1.0em 0;
}

.writer_header p {
	margin: 0 !important;
}

.writer_photo {
	border-radius: 50%;
	vertical-align: bottom;
}

.writer_info {
	margin-left: 20px;
}

ul.writer_tags {
	display: flex;
	flex-wrap: wrap;
	margin: 15px 0 0;
	padding: 0;
}

ul.writer_tags li {
	border: 1px solid #ccc;
	font-size: 10px;
	margin: 0 7px 10px 0;
	padding: 3px;
}

ul.writer_tags li::before {
	content: "";
}

h2.writer_name {
	background: none !important;
	color: #333 !important;
	font-size: 18px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.writer_profile p {
	background-image: linear-gradient(180deg, #ccc 1px, transparent 1px) !important;
	background-size: 100% 2.5em !important;
	line-height: 2.5em !important;
	padding-bottom: 1px !important;
}


/* 執筆者一覧
-------------------------------------------------- */
.ttl_writers {
	margin-top: 1em;
	text-align: center;
	width: 100%;
}

.ttl_writers h1 {
	font-size: 20px;
	position: relative;
	display: inline-block;
	padding: 0 55px;
}

.ttl_writers h1:before,
.ttl_writers h1:after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 45px;
	height: 1px;
	background-color: black;
}

.ttl_writers h1:before {
	left: 0;
}

.ttl_writers h1:after {
	right: 0;
}

.writer_category {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 1.5em 1.0em 2em;
}

.writer_category .writer_detail {
	background-color: #fafafa;
	display: block;
	width: 46%;
	max-width: auto;
	margin: 0 0 1em;
	padding: 1em 0;
}

.writer_category .writer_header {
	display: block;
	margin: 0 auto;
}

.writer_category .writer_info {
	margin: 10px auto 0;
}

.writer_category .writer_header p {
	margin: 0 auto !important;
}

.writer_category h2.writer_name {
	margin-bottom: 10px !important;
	text-align: center;
}

.writer_category ul.writer_tags {
	justify-content: center;
}

.writer_category .writer_link {
	color: #333;
	font-size: 12px !important;
	margin: 3px auto 5px !important;
	text-align: center;
}

.writer_category .writer_link a {
	color: #333;
}

/* --------------------------------------------------
スクロールヒント
-------------------------------------------------- */
@keyframes scroll-hint-appear {
	0% {
		transform: translateX(40px);
		opacity: 0;
	}

	10% {
		opacity: 1;
	}

	50%,
	100% {
		transform: translateX(-40px);
		opacity: 0;
	}
}

.scroll-hint.is-right-scrollable {
	background: linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-right-scrollable.is-left-scrollable {
	background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-left-scrollable {
	background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint-icon {
	position: absolute;
	top: calc(50% - 25px);
	left: calc(50% - 60px);
	box-sizing: border-box;
	width: 120px;
	height: 80px;
	border-radius: 5px;
	transition: opacity .3s;
	opacity: 0;
	background: rgba(0, 0, 0, .7);
	text-align: center;
	padding: 20px 10px 10px 10px;
}

.scroll-hint-icon-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-height: 100%;
	pointer-events: none;
}

.scroll-hint-text {
	font-size: 10px;
	color: #FFF;
	margin-top: 5px;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
	opacity: .8;
}

.scroll-hint-icon:before {
	display: inline-block;
	width: 40px;
	height: 40px;
	color: #FFF;
	vertical-align: middle;
	text-align: center;
	content: "";
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon:after {
	content: "";
	width: 34px;
	height: 14px;
	display: block;
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -20px;
	background-repeat: no-repeat;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
	opacity: 0;
	transition-delay: 2.4s;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
	opacity: 1;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
	animation: scroll-hint-appear 1.2s linear;
	animation-iteration-count: 2;
}

.scroll-hint-icon-white {
	background-color: #FFF;
	box-shadow: 0 4px 5px rgba(0, 0, 0, .4);
}

.scroll-hint-icon-white:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon-white:after {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}

.scroll-hint-icon-white .scroll-hint-text {
	color: #000;
}



/* --------------------------------------------------
求人比較機能
-------------------------------------------------- */

/* 比較チェックボックス
===================================== */

.comparison-check{
	cursor: pointer;
    display: flex;
    padding: .4em;
}
.comparison-check input{
	cursor: pointer;
}
.comparison-check.pick{
    background-color: #fffab4;
}
 /* これ以上比較追加できない場合（4つ選択時） */
input[type="checkbox"]:disabled + span{
    color: #999;
}
/* 下部固定　比較ボックス
===================================== */

/* Comparison-selectのスタイル */
#comparison-select {
	box-sizing: border-box;
    position: fixed;
    bottom: -100%; /* 最初は画面外に非表示 */
    left: 0;
	z-index: 900;
    background-color: #fff;
    width: 100%;
    transition: bottom 0.5s ease; /* スライドアニメーション */
	padding: 1.0em 1.0em 1.0em;
	box-shadow: 0px -3px 10px 0px rgba(0, 0, 0, .2);
}

/* Comparison-selectが表示される際のスタイル */
#comparison-select.active {
    bottom: 0; /* 画面の下部に表示 */
}

@media screen and (min-width:768px) {
	#comparison-select .inner {
        box-sizing: border-box;
		min-width: calc(768px - 2.0em);
        max-width: 1000px;
		margin: 0 auto;
	}
}
.comparison-btn-wrap{
	box-sizing: border-box;
	display: flex;
        align-items: center;
		justify-content: space-between;
}

/* Style for the button */
.comparison-btn-ac {
    cursor: pointer;
    position: relative;
    display: inline-flex;
    align-items: center;
    padding-right: 10px;
	cursor: pointer;
}
.comparison-btn-ac strong {
	font-size: 120%;
}
/* Add the arrow icon using ::after */
.comparison-btn-ac::after {
    content: '';
    display: inline-block;
    margin: 5px 0 0 10px;
    border: solid black;
    border-width: 0 2px 2px 0;
    padding: 5px;
    transform: rotate(-135deg); /* Upward arrow */
    transition: transform 0.3s ease;
}

/* Rotate the arrow upwards when .open is active */
.comparison-btn-ac.open::after {
    transform: rotate(45deg); /* Downward arrow */
    margin: 0 0 5px 10px;
}

/* Slide animation for the accordion */
.comparison-accordion.slide-down {
    display: block;
    max-height: 200px; /* Adjust according to content height */
}


.comparison-btn-do {
	background-color: #36466d;
	border-radius: 5px;
	cursor: pointer;
	color: #fff;
	padding: .5em 1.0em .5em;
}

@media screen and (min-width:1025px) {
	.comparison-btn-do {
		margin-right: 300px;
	}
}
.comparison-btn-re {
	cursor: pointer;
    margin-right: 1.0em;
    
}

/* Initially hide the accordion */
.comparison-accordion {
    display: none;
    overflow: hidden;
    transition: max-height 0.3s ease, transform 0.3s ease;
    max-height: 0;
	border-bottom: #ccc solid 1px;
	margin: 0 0 1.0em;
	padding: 0 0 .3em;
}
.comparison-accordion .close {
	background-color: #fff;
	border: #ccc solid 1px;
	border-radius: 50%;
	cursor: pointer;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	
}
.comparison-accordion ul {
	display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
	margin: 0;
	padding: 0;
}
@media screen and (min-width:768px) {
	.comparison-accordion ul {
		width: 700px;
		justify-content:flex-start;
	}
}
.comparison-accordion ul li {
	background-color: #eaecf1;
	box-sizing: border-box;
	width: 48%;
	display: flex;
		align-items: center;
		justify-content: space-between;	
	margin: 0 0 3px;
	padding: .5em;
	text-align: left;
}
@media screen and (min-width:768px) {
	.comparison-accordion ul li {
		width: 32%;
		margin-right: 1%;
	}
}
.comparison-accordion ul li::before {
	content:"";
}

/* 下部固定　比較ボックスからのモーダル
===================================== */
/* モーダル全体のスタイル */
.comparison-modal {
    display: none; /* 最初は非表示 */
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* 半透明の背景 */
}

/* モーダルコンテンツのスタイル */
.comparison-modal-content {
    background-color: #fff;
    margin: 5% auto;
    padding: 10px;
    border-radius: 5px;
    width: 90%;
    max-width: 500px;
    position: relative;
}

/* 閉じるボタンのスタイル */
.comparison-modal-close {
    position: absolute;
    bottom: 30px; /* モーダル下に配置 */
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    border: 2px solid #ddd;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.comparison-modal-close:hover {
    background-color: #f0f0f0;
}


.disp_pr {
	padding-top: 10px !important;
	display: flex;
	justify-content: space-between;
	align-items: center;
  }
  
  .check {
	background-color: #fadfda;
	padding: 2px 5px;
	font-weight: bold;
  }
  
  .pr {
	font-size: 11px;
	color: #999;
  }

/* for Win IE */
.cfix,
.imgR,
.imgL {
	zoom: 1;
}

/* for IE5 Mac start \*/
/*/
.cfix,
.imgR,.imgL {display:inline-table;}
/*for IE5 Mac end */
.cfix:after,
.imgR:after,
.imgL:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* =========================================================
   カスタム追記：Contact Form 7（お問い合わせ）＋ お知らせ枠
   minify を介さず css/style.css を直接読み込む運用（header.php で指定）。
   .wpcf7 / .info-notice スコープ限定。sp/pc は別管理（触らない）。
   ========================================================= */
.wpcf7 {
	max-width: 680px;
	margin: 0 auto;
}
.wpcf7-form p {
	margin: 0 0 1.25em;
	line-height: 1.7;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="number"],
.wpcf7-form input[type="date"],
.wpcf7-form select,
.wpcf7-form textarea {
	width: 100%;
	box-sizing: border-box;
	margin-top: .35em;
	padding: .7em .85em;
	border: 1px solid #c9c9c9;
	border-radius: 5px;
	background: #fff;
	color: #1a1a1a;
	font-size: 16px;
	line-height: 1.5;
	transition: border-color .15s ease, box-shadow .15s ease;
}
.wpcf7-form textarea {
	min-height: 150px;
	resize: vertical;
}
.wpcf7-form input:focus,
.wpcf7-form select:focus,
.wpcf7-form textarea:focus {
	outline: none;
	border-color: #2b6cb0;
	box-shadow: 0 0 0 3px rgba(43, 108, 176, .15);
}
.wpcf7-form .wpcf7-radio .wpcf7-list-item,
.wpcf7-form .wpcf7-checkbox .wpcf7-list-item {
	display: inline-block;
	margin: .3em 1.4em .3em 0;
}
.wpcf7-form .wpcf7-list-item-label {
	margin-left: .35em;
}
.wpcf7-form .wpcf7-submit {
	display: inline-block;
	width: auto;
	min-width: 220px;
	margin-top: .5em;
	padding: .85em 2.4em;
	border: 0;
	border-radius: 5px;
	background: #2b6cb0;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: .05em;
	cursor: pointer;
	transition: background .15s ease;
}
.wpcf7-form .wpcf7-submit:hover {
	background: #245a96;
}
.wpcf7-form .wpcf7-submit:disabled {
	opacity: .55;
	cursor: default;
}
.wpcf7-spinner {
	margin: .5em 0 0 .5em;
}
.wpcf7 .wpcf7-response-output {
	margin: 1.4em 0 0;
	padding: .85em 1.1em;
	border-radius: 5px;
	font-size: 15px;
	line-height: 1.6;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border: 1px solid #d9a400;
	background: #fff8e1;
	color: #6b5300;
}
.wpcf7 form.sent .wpcf7-response-output {
	border: 1px solid #38a169;
	background: #f0fff4;
	color: #22543d;
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border: 1px solid #e53e3e;
	background: #fff5f5;
	color: #742a2a;
}
.wpcf7-form .wpcf7-not-valid {
	border-color: #e53e3e !important;
}
.wpcf7-not-valid-tip {
	display: block;
	margin-top: .35em;
	color: #c53030;
	font-size: 13px;
}
.info-notice {
	margin: 1em 0 1.6em;
	padding: 1em 1.25em;
	border: 1px solid #2b6cb0;
	border-left-width: 5px;
	border-radius: 5px;
	background: #f3f8fd;
	color: #1a3a5c;
	line-height: 1.7;
}
.info-notice__ttl {
	margin: 0 0 .3em;
	font-size: 1.05em;
	font-weight: 700;
	color: #2b6cb0;
}
.info-notice p {
	margin: 0;
}
.info-notice a {
	color: #2b6cb0;
	font-weight: 700;
	white-space: nowrap;
}
@media (max-width: 600px) {
	.wpcf7-form .wpcf7-submit {
		width: 100%;
	}
	.info-notice {
		margin: .8em 12px 1.2em;
	}
}

/* =========================================================
   SDGs・CSR 固定ページ（旧 /common/css/style.css より移植）
   固定ページ /magazine/sdgs（page-drafts/sdgs.html）で使用。
   画像は /common/images/sdgs-csr/ を参照（新サイトに移行済み）。
   ========================================================= */
.sdg-goal {
	margin: 4.0em 0 0;
}
.sdg-example {
	border-top: #ccc solid 1px;
	margin: 4.0em auto 0;
	width: 94%;
}
.sdg-example dt {
	font-size: 2.0rem;
	margin: 2.0em 0 1.0em;
}
.sdg-example dt span {
	display: block;
	padding: 0 1.0em 0 0;
}
.sdg-example dd {
	border-bottom: #ccc solid 1px;
	padding: 0 0 2.5em;
}
.sdg-example dd strong {
	display: flex;
	justify-content: center;
	align-items: baseline;
	flex-wrap: wrap;
	margin: 0 0 1.0em;
	text-align: center;
}
.sdg-example dd p {
	margin: 0 0 0;
}
.sdg-example dd strong img {
	width: 36%;
}
.csr-list {
	background-color: #ebf3f2;
	border: #b1bbba solid 1px;
	margin: 1.0em 10px 0;
	padding: 1.0em 1.0em 1.5em;
}
.item-box {
	margin: 2.0em 0 0;
}
.item-box img {
	width: 65%;
	display: block;
	margin: 0 auto;
}
.item-box img.w_l {
	width: 90%;
}
.item-box img.bdr {
	border: #ccc solid 1px;
	padding: 10px;
}
@media screen and (min-width: 768px) {
	.sdg-example {
		border: #ccc solid 1px;
		border-radius: 20px;
		width: 100%;
		margin: 4.0em auto 0;
		padding: 0 3.0em 3.0em;
	}
	.sdg-example dd {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		flex-direction: row-reverse;
	}
	.sdg-example dd:last-of-type {
		border-bottom: none;
	}
	.sdg-example dd strong {
		display: flex;
		justify-content: right;
		align-items: baseline;
		flex-wrap: wrap;
		width: 28%;
		text-align: right;
	}
	.sdg-example dd strong img {
		width: 45%;
		height: auto;
		margin: 0 0 5px 5px;
	}
	.sdg-example dd .tx {
		width: 70%;
	}
	.csr-list {
		margin: 1.0em 0 0;
		padding: 2.0em 3.0em;
	}
	.item-box img {
		width: 50%;
	}
	.item-box img.w_l {
		width: 80%;
	}
}