/* --------------------------------------------
commen
-------------------------------------------- */
.ofsbtn,
a.ofsbtn {
	padding: .8em 1em .8em 1.5em;
	border-radius: 3px;
	background: #fcfcfc;
	color: #fff;
	text-decoration: none;
	position: relative;
	text-align: center;
}

.ofsbtn img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .5em;
	margin: auto;
}

.ofsbtn.l-label {
	padding-top: .5em;
	padding-bottom: .5em;
	font-weight: bold;
	font-size: .8em;
}

.ofsbtn.l-itemlabel {
	font-weight: bold;
}

.ofsbtn.c-standard {
	background: #ffaf2c;
}

.ofsbtn.c-blue {
	background: #75c4ff;
}

.ofsbtn.c-green {
	background: #79e0c7;
}

.ofsbtn.c-jobitem {
	background: #ecf3cd;
	color: #717071;
}

[aria-current].ofsbtn.c-standard,
a.ofsbtn.c-standard:hover {
	background: #ff9000;
}

[aria-current].ofsbtn.c-blue,
a.ofsbtn.c-blue:hover {
	background: #45afff;
}

[aria-current].ofsbtn.c-green,
a.ofsbtn.c-green:hover {
	background: #3ae0b7;
}

.gobtn,
a.gobtn {
	border-radius: 6px;
	color: #fff;
	font-weight: bold;
	font-size: 1.3125em;
	padding: 1.375em;
	text-align: center;
	text-decoration: none;
	-webkit-transition-duration: .2s;
	        transition-duration: .2s;
	line-height: 1;
}

.gobtn-img {
	border-radius: 6px;
	display: block;
}

.gobtn.c-green {
	background : -ms-linear-gradient(90deg, rgba(135, 188, 31, 1) 0%, rgba(181, 224, 31, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#87BC1F', endColorstr='#B5E01F' ,GradientType=0)";
	background : -webkit-gradient(linear, left bottom, left top, from(rgba(135, 188, 31, 1)), to(rgba(181, 224, 31, 1)));
	background : linear-gradient(0deg, rgba(135, 188, 31, 1) 0%, rgba(181, 224, 31, 1) 100%);
	opacity: 1;
}

.gobtn.c-green:hover {
	background : -ms-linear-gradient(90deg, rgba(181, 224, 31, 1) 0%, rgba(181, 224, 31, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#B5E01F', endColorstr='#B5E01F' ,GradientType=0)";
	background : -webkit-gradient(linear, left bottom, left top, from(rgba(181, 224, 31, 1)), to(rgba(181, 224, 31, 1)));
	background : linear-gradient(0deg, rgba(181, 224, 31, 1) 0%, rgba(181, 224, 31, 1) 100%);
}

.gobtn.c-pink {
	background : -ms-linear-gradient(90deg, rgba(255, 76, 129, 1) 0%, rgba(255, 161, 174, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF4C81', endColorstr='#FFA1AE' ,GradientType=0)";
	background : -webkit-gradient(linear, left bottom, left top, from(rgba(255, 76, 129, 1)), to(rgba(255, 161, 174, 1)));
	background : linear-gradient(0deg, rgba(255, 76, 129, 1) 0%, rgba(255, 161, 174, 1) 100%);
	opacity: 1;
}

.gobtn.c-pink:hover {
	background : -ms-linear-gradient(90deg, rgba(255, 161, 174, 1) 0%, rgba(255, 161, 174, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF4C81', endColorstr='#FFA1AE' ,GradientType=0)";
	background : -webkit-gradient(linear, left bottom, left top, from(rgba(255, 161, 174, 1)), to(rgba(255, 161, 174, 1)));
	background : linear-gradient(0deg, rgba(255, 161, 174, 1) 0%, rgba(255, 161, 174, 1) 100%);
}

.gobtn.b-line {
	border: 2px solid #fff;
}

.gobtn.b-arr {
	position: relative;
}

.gobtn.b-arr::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1em;
	display: block;
	height: 2.875em;
	width: 3.5em;
	background: url(../images/icon-arr-white.svg) right center no-repeat;
	background-size: contain;
	margin: auto;
	z-index: 1;
}

.gobtn.b-arr.arr-small::after {
	right: .5em;
	height: 2.2em;
	width: 2.2em;
}

.gobtn.w-large {
	width: 60%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.gobtn.w-full {
	display: block;
	width: 100%;
}

.gobtn.fz-large {
	font-size: 1.75em;
}

.gobtn.fz-small {
	font-size: .8em;
}

.topbtn,
a.topbtn {
	background: #fff;
	border: 1px solid #df0012;
	border-radius: 30px;
	color: #df0012;
	font-size: 1.2em;
	font-weight: bold;
	padding: .5em 2em;
	text-decoration: none;
}

.topbtn:hover,
a.topbtn:hover {
	background: #df0012;
	color: #fff;
}

.ofrbox-wrapper {
	align-items: stretch;
}

.ofrbox {
	border: 1px solid #df0012;
	padding: .5em;
	margin: 2em 1em;
	position: relative;
}

.ofrbox.offers-rcmd-box {
	padding-top: 1em;
	padding-left: 1em;
	padding-right: 1em;
}

.ofrbox.b-list {
	border-color: #ec9000;
	border-radius: 6px;
	height: calc(100% - 4em);
	display: flex;
	flex-direction: column;
}
.b-list .offers-each-more {
	margin-top: auto;
}

.ofrbox.b-botline::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 4px;
	width: 100%;
	background: #c2c3c4;
	margin: auto;
	z-index: 1;
}

.ofrbox.b-list.b-botline::after {
	bottom: 1.5px;
	width: 98%;
}

.b-shadow {
	-webkit-box-shadow: 2px 2px 2px #b7b3b3;
	        box-shadow: 2px 2px 2px #b7b3b3;
}

.gobtn.b-shadow:hover,
.gobtn-img.b-shadow:hover {
	-webkit-transform: translate(2px,2px);
	        transform: translate(2px,2px);
	-webkit-box-shadow: 0px 0px 4px #b7b3b3;
	        box-shadow: 0px 0px 4px #b7b3b3;
}

/* --------------------------------------------
refine
-------------------------------------------- */
.offers-search-list {
	padding: 1.5em;
}

.offers-search-list li {
	list-style: none;
	padding: .5em;
}

.offers-search-list li a {
	display: block;
	font-weight: bold;
	width: 100%;
}

/* --------------------------------------------
archive
-------------------------------------------- */
.offer-post-header {
	border-bottom: 4px solid #df0012;
}

.offer-post-title {
	font-size: 1.3125em;
}

.offer-post-cathch {
	font-weight: bold;
}

.offers-each-details dt,
.offers-each-details dd {
	padding: .3em 0;
	margin-bottom: 1em;
	border-bottom: .99px solid #ccc;
	/* -webkit-box-shadow: 0 .5px 0 #717071; */
	        /* box-shadow: 0 .5px 0 #717071; */
}

.offers-detail-info .offers-each-details dt,
.offers-detail-info .offers-each-details dd,
.offers-rcmd-box .offers-each-details dt,
.offers-rcmd-box .offers-each-details dd
{
	margin-bottom: .2em;
}

.offers-each-details dt span {
	display: block;
	width: 100%;
}

/* --------------------------------------------
single
-------------------------------------------- */
.offers-term {
	background: #f1f1f1;
	border-radius: 3px;
	padding: .3em 1em;
}

.offers-term dt img {
	vertical-align: bottom;
}

h4.offers-freetitle {
	background: #f1af2c;
	border-radius: 3px;
	color: #fff;
	font-size: 1.125em;
	padding-bottom: .3em;
}

.offers-freecontents {
	background: #fff8e8;
	border-radius: 3px;
	padding: .5em 1em;
}

h4.offers-title {
	background: #fef7fa;
	text-align: left;
	border: none;
	font-size: 1.375em;
	margin-bottom: .8em;
	position: relative;
}

h4.offers-title::after {
	content: "";
	position: absolute;
	right: 0;
	left: 0;
	bottom: -4px;
	height: 4px;
	width: 99%;
	background: #df0012;
	margin: auto;
}

.offers-interview_content {
	-ms-flex: 1;
	-webkit-box-flex: 1;
	        flex: 1;
	padding-right: 1em;
}

.offers-rcmd-title {
	font-size: 1.25em;
	font-weight: bold;
	padding: .5em 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.offers-each-details {
	gap: 0.5em;
}

.offers-each-details dt {
	width: 7em;
}

.offers-rcmd-item-cont {
	width:calc(100% - 7.5em);
}

.offers-rcmd-item-cont span {
	font-size: .8em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 最大行数制限：3行（仕事内容・給与） */
.offers-rcmd-item-cont.substance span,
.offers-rcmd-item-cont.compensation span {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

/* 最大行数制限：1行（勤務地） */
.offers-rcmd-item-cont.work-location span {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}