/* margin padding reset */

body, div, p, ul, ol, li, dl, dt, dd, table, th, td, img, figure,
h1, h2, h3, h4, h5, h6, form, select {
	margin: 0;
	padding: 0;
}

/* remove list point mark */
ul,
ol {
	list-style: none;
}

/* remove border & off descender */
img {
	border: 0;
	vertical-align: middle;
}

/* remove descender */
svg,
input,
select,
textarea,
label {
	vertical-align: middle;
}

/* set collapse */
table {
	border-collapse: collapse;
}

/* break word for all elements */
*,
*:before,
*:after {
	word-break: break-all;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

pre {
	white-space: pre-wrap;
}

/* [IE8-] New Tag from HTML5 */
main, article, aside, figcaption, figure,
footer, header, nav, section, details, summary {
	display: block;
}

address {
	font-style: normal;
}

/*-------------------------------------------------------------------------------
BASE STYLE
-------------------------------------------------------------------------------*/
/* font-family */
html, body {
	font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
}

/* font-style */
html {
	line-height: 1.5;
	font-size: 14px;
	-webkit-text-size-adjust: 100%;
}

body {
	-webkit-font-smoothing: subpixel-antialiased;
}

/* base font color */
html, input, select, textarea {
	color: #212121;
}

/* normalize size */
input, textarea {
	font-size: 100%;
}

select {
	font-size: 16px;
	font-size: 1.2rem;
}

/* normalize size & weight */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

/* normalize style & weight */
strong, em, small {
	font-style: inherit;
	font-weight: inherit;
}

/*-------------------------------------------------------------------------------
ANCHORS STYLE
-------------------------------------------------------------------------------*/
a:link {
	color: #369FB7;
}

a:visited {
	color: #42B6D0;
}

a:hover {
	color: #ff6a00;
	text-decoration: none;
}

a:active {
	color: #2f6a9d;
	text-decoration: none;
}

* {
	box-sizing: border-box;
}

p.common-text {
	font-size: 14px;
	color: #3D443E;
}

@media screen and (max-width: 736px) {
	p.common-text {
		font-size: 12px;
	}
}

.link-text {
	color: #43B5CF;
}

p.small-text,
a.small-text,
span.small-text {
	font-size: 12px;
}

@media screen and (max-width: 736px) {
	p.small-text,
	a.small-text,
	span.small-text {
		font-size: 10px;
	}
}

.common-btn.small-text {
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}

p.large-text,
a.large-text,
span.large-text {
	font-size: 20px !important;
}

@media screen and (max-width: 736px) {
	p.large-text,
	a.large-text,
	span.large-text {
		font-size: 14px !important;
	}
}

.bold-text {
	font-weight: bold;
}

span.text-marker {
	display: inline-block;
	color: #FFFFFF;
	background-color: #55ACEE;
	padding: 3px 10px;
	font-weight: normal;
	font-size: 16px;
}

.line-throuth {
	text-decoration: line-through;
}

.pc-nowrap {
	white-space: nowrap;
}

@media screen and (max-width: 736px) {
	.pc-nowrap {
		white-space: normal;
	}
}

.common-image {
	display: inline-block;
	width: 100%;
}

.common-image > img {
	width: 100%;
	height: auto;
}

.common-image.mypage-image {
	width: 67px;
}

@media screen and (max-width: 736px) {
	.common-image.event-traffic {
		height: 0;
		background-image: url(/_common/themes/jobcafe/img/top/event_traffic_image_sp.png);
		background-repeat: no-repeat;
		background-size: contain;
		padding-bottom: 72%;
	}
	.common-image.event-traffic img {
		display: none;
	}

	.common-image > img {
		width: 160px;
		height: auto;
	}
}

.centering-image {
	text-align: center;
}

.advisor-image {
	height: 200px;
	background-color: #E2E2E2;
}

.advisor-image > img {
	width: auto;
	height: inherit;
}

.actual-image {
	width: auto;
}

.kurashimanet-image > img {
	width: 50%;
	height: auto;
}

.jobcafe-image > img {
	width: 70px;
	height: auto;
}

.zaidan-image > img {
	width: 70px;
	height: auto;
}

.common-btn {
	box-sizing: border-box;
	-webkit-appearance: none;
	appearance: none;
	display: inline-block;
	cursor: pointer;
	margin-left: auto;
	margin-right: auto;
	border: none;
	color: #FFFFFF !important;
	text-align: center;
	line-height: normal;
	text-decoration: none;
	-webkit-transition: 0.2s linear;
	transition: 0.2s linear;
	border-radius: 4px;
	background-color: #55ACEE;
	padding: 0.6em 1em;
	font-size: 14px;
	border: 2px solid #55ACEE;
	white-space: nowrap;
}

.common-btn:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.common-btn.primary-btn {
	background-color: #FF6400;
	border-color: #FF6400;
}

.common-btn.secondary-btn {
	background-color: #FC931A;
	border-color: #FC931A;
}

.common-btn.concern-btn {
	background-color: #FFC717;
	border-color: #FFC717;
}

.common-btn.noprimary-btn {
	background-color: #FFFFFF;
	border-color: #55ACEE;
	color: #55ACEE !important;
}

.common-btn.disabled-btn {
	background-color: #DBDCDB;
	border-color: #DBDCDB;
}

.common-btn.disabled-btn:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	cursor: default;
}

.common-btn.twitter-btn, .common-btn.facebook-btn {
	padding: 1em 4em;
	padding-left: 9em;
	font-size: 0.8em;
	text-align: left;
	background-repeat: no-repeat;
	background-position: 40px 50%;
	background-size: 40px;
}

.common-btn.twitter-btn {
	background-image: url(/_common/themes/jobcafe/img/top/btn_twitter.png);
	background-color: #55ACEE;
	border-color: #55ACEE;
}

.common-btn.facebook-btn {
	background-image: url(/_common/themes/jobcafe/img/top/btn_facebook.png);
	background-color: #3B5997;
	border-color: #3B5997;
}

@media screen and (max-width: 736px) {
	.common-btn {
		font-size: 12px;
	}
	.common-btn.twitter-btn, .common-btn.facebook-btn {
		min-width: 100px;
		padding: 1em 1em;
		font-size: 12px;
		padding-left: 50px;
		padding-right: 20px;
		text-align: right;
		background-size: 40px;
		background-position: 20px 50%;
	}
}

.btn-right {
	text-align: right;
}

@media screen and (max-width: 736px) {
	.btn-right {
		text-align: center;
	}
	.btn-right > .common-btn {
		width: 100%;
	}
}

* + .btn-right {
	margin-top: 20px;
}

@media screen and (max-width: 736px) {
	* + .btn-right {
		margin-top: 20px;
	}
}

.common-label {
	position: relative;
}

.common-label:before {
	content: "ジョブカフェ";
	display: inline-block;
	color: #FFFFFF;
	padding: 2px 6px;
	margin-right: 5px;
	font-size: 0.8em;
	background-color: #55ACEE;
	border: 2px solid #77BDF1;
}

.common-label.event-label:before {
	content: "イベント";
	background-color: #FF8382;
	border: 2px solid #F7B1B3;
}

.common-label.offer-label:before {
	content: "求人情報";
	background-color: #F8B61A;
	border: 2px solid #F9C548;
}

.contact-table {
	display: table;
	width: 100%;
}

.contact-table > * {
	display: table-cell;
	vertical-align: bottom;
}

.contact-table > * + * {
	text-align: right;
}

@media screen and (max-width: 736px) {
	.contact-table {
		display: block;
	}
	.contact-table > * {
		display: block;
		float: none;
	}
	.contact-table > * + * {
		float: none;
		margin-top: 15px;
	}
}

.transition-link a,
a.transition-link {
	font-size: 14px;
	color: #43B5CF !important;
	text-decoration: none;
	vertical-align: middle;
}

.transition-link a:before,
a.transition-link:before {
	display: inline-block;
	content: " ";
	width: 0;
	height: 0;
	margin-right: 5px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 10px solid #0299F0;
}

.transition-link a:hover,
a.transition-link:hover {
	opacity: 0.7;
	filter: alpha(opaciry=70);
}

@media screen and (max-width: 736px) {
	.transition-link a,
	a.transition-link {
		font-size: 12px;
	}
	.transition-link a:before,
	a.transition-link:before {
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		border-left: 6px solid #0299F0;
	}
}

.transition-link a + a {
	margin-left: 10px;
}

.transition-link.text-right {
	text-align: right;
}

a.common-link {
	font-size: 14px;
	text-decoration: none;
}

@media screen and (max-width: 736px) {
	a.common-link {
		font-size: 12px;
	}
}

.form-text {
	display: block;
	box-sizing: border-box;
	-webkit-appearance: none;
	appearance: none;
	outline: none;
	width: 100%;
	padding: 4px 6px;
	background-color: #F4F4F4;
	border: 3px solid transparent;
	font-size: 0.8em;
	vertical-align: middle;
	font-size: 14px;
	color: #3D443E;
}

.form-text:focus {
	border-color: #55ACEE;
}

@media screen and (max-width: 736px) {
	.form-text {
		font-size: 12px;
	}
}

.form-checkbox {
	outline: none;
	border: none;
	display: inline-block;
	background-color: #F4F4F4;
	vertical-align: middle;
}

.form-pulldown > select,
select.form-pulldown {
	display: inline-block;
	width: 100%;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	outline: none;
	border: none;
	border-radius: 0;
	padding: 4px 6px;
	font-size: 14px;
	color: #3D443E;
	background-color: #F4F4F4;
	background-image: url(/tanki/assets/img/common/icon_pulldown.png);
	background-position: 100% 50%;
	padding-right: 30px;
	background-repeat: no-repeat;
}

@media screen and (max-width: 736px) {
	.form-pulldown > select,
	select.form-pulldown {
		font-size: 12px;
		background-size: 16px auto;
		padding-right: 20px;
		max-width: 100%;
	}
}

.section-icon > * {
	display: inline-block;
	vertical-align: bottom;
}

.section-icon.section-icon:before {
	content: " ";
	display: inline-block;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	-webkit-background-size: contain;
	background-size: contain;
	vertical-align: bottom;
}

.section-icon.searchengine-icon:before {
	width: 30px;
	height: 30px;
	background-image: url(/_common/themes/jobcafe/img/icon/searchengine_icon.png);
}
.section-icon.search-company-icon:before {
	width: 30px;
	height: 30px;
	background-image: url(/_common/themes/jobcafe/img/icon/search_company_icon.png);
}
.section-icon.login-icon:before {
	width: 27px;
	height: 30px;
	background-image: url(/_common/themes/jobcafe/img/icon/login_icon.png);
}

.section-icon.session-icon:before {
	width: 28px;
	height: 30px;
	background-image: url(/_common/themes/jobcafe/img/icon/session_icon.png);
}

.section-icon.topics-icon:before {
	width: 36px;
	height: 30px;
	background-image: url(/_common/themes/jobcafe/img/icon/topics_icon.png);
}

.section-icon.workplace-icon:before {
	width: 20px;
	height: 39px;
	background-image: url(/_common/themes/jobcafe/img/icon/workplace_icon.png);
}

.section-icon.internship-icon:before {
	width: 42px;
	height: 32px;
	background-image: url(/_common/themes/jobcafe/img/icon/tanki_icon.png);
}

.section-icon.registration-icon:before {
	width: 29px;
	height: 33px;
	background-image: url(/_common/themes/jobcafe/img/icon/registration_icon.png);
}

.section-icon.banner-icon:before {
	width: 31px;
	height: 27px;
	margin-top: -2px;
	background-image: url(/_common/themes/jobcafe/img/icon/banner_icon.png);
}

.section-icon.event-icon:before {
	width: 29px;
	height: 29px;
	background-image: url(/_common/themes/jobcafe/img/icon/event_icon.png);
}

.section-icon.advisorroom-icon:before {
	width: 38px;
	height: 32px;
	background-image: url(/_common/themes/jobcafe/img/icon/advisorroom_icon.png);
}

.section-icon.miniseminar-icon:before {
	width: 37px;
	height: 32px;
	background-image: url(/_common/themes/jobcafe/img/icon/miniseminar_icon.png);
}

.section-icon.yoshidapickup-icon:before {
	background-image: url(/_common/themes/jobcafe/img/icon/yoshidapickup_icon.png);
	width: 120px;
	height: 101px;
	margin-bottom: -10px;
}

.section-icon.yoshidaoffer-icon:before {
	width: 122px;
	height: 101px;
	margin-bottom: -10px;
	background-image: url(/_common/themes/jobcafe/img/icon/yoshidaoffer_icon.png);
}

.section-icon.yoshidaevent-icon:before {
	width: 97px;
	height: 119px;
	margin-bottom: -10px;
	background-image: url(/_common/themes/jobcafe/img/icon/yoshidaevent_icon.png);
}

.section-icon.contact-icon:before {
	width: 31px;
	height: 31px;
	background-image: url(https://www.gogo-jobcafe-shimane.jp/_common/themes/jobcafe/img/icon/contact_icon.png);
}

.section-icon.kurashimanet-icon:before {
	width: 38px;
	height: 30px;
	background-image: url(/_common/themes/jobcafe/img/icon/kurashimanet_icon.png);
}

.section-icon.pickevent-icon:before {
	width: 40px;
	height: 30px;
	background-image: url(/_common/themes/jobcafe/img/icon/pickevent_icon.png);
}

@media screen and (max-width: 736px) {
	.section-icon:before {
		margin-left: 10px;
		margin-right: 0;
	}
	.section-icon.yoshidapickup-icon:before {
		width: 60px;
		height: 50px;
		margin-right: 10px;
	}
	.section-icon.yoshidaoffer-icon:before {
		width: 56px;
		height: 50px;
		margin-right: 10px;
	}
	.section-icon.yoshidaevent-icon:before {
		width: 47px;
		height: 58px;
		margin-right: 10px;
	}
}

@media screen and (max-width: 736px) {
	.arrow-icon {
		position: relative;
	}
	.arrow-icon:before {
		position: absolute;
		content: "";
		font-size: 24px;
		line-height: 1;
		width: 14px;
		height: 14px;
		display: block;
		top: 0;
		bottom: 0;
		margin-bottom: auto;
		margin-top: auto;
		right: 20px;
		vertical-align: middle;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		border: solid #BABABA;
		border-color: #BABABA;
		border-width: 2px 2px 0 0;
	}
}

.about-facility,
.about-event,
.about-transmission {
	background-repeat: no-repeat;
	padding-left: 50px;
	line-height: 2;
	margin-top: 10px;
	background-size: auto 75%;
	background-position: 0 50%;
}

@media screen and (max-width: 736px) {
	.about-facility,
	.about-event,
	.about-transmission {
		background-size: auto 75%;
		background-position: 0 50%;
	}
}

.about-facility {
	padding-left: 36px;
	background-image: url(/_common/themes/jobcafe/img/edit/about_facility.png);
}

@media screen and (max-width: 736px) {
	.about-facility {
		padding-left: 25px;
	}
}

.about-event {
	padding-left: 40px;
	background-image: url(/_common/themes/jobcafe/img/edit/about_event.png);
}

@media screen and (max-width: 736px) {
	.about-event {
		padding-left: 28px;
	}
}

.about-transmission {
	padding-left: 42px;
	background-image: url(/_common/themes/jobcafe/img/edit/about_transmission.png);
}

@media screen and (max-width: 736px) {
	.about-transmission {
		padding-left: 30px;
	}
}

.edit-area {
	margin-bottom: 10px;
}

.edit-area h2 {
	/*		color: $COLOR_BASE;
		font-size: $FONT_SIZE_H2;
		line-height: 1;
		font-weight: bold;
		margin: 0;
		padding-right: 5px;
		padding-bottom: 10px;
		border-bottom: 3px solid $COLOR_BASE;*/
	color: #3D443E;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}

.edit-area > * + h2 {
	padding-top: 20px;
	margin-top: 20px;
	border-top: 3px solid #D5D5D5;
}

.edit-area h3 {
	/*		color: $COLOR_TEXT;
		font-size: $FONT_SIZE_H3;
		font-weight: bold;
		margin-bottom: 5px;*/
	color: #3D443E;
	font-size: 15px;
	font-weight: bold;
	padding-left: 27px;
	min-height: 19px;
	line-height: 26px;
	background-position: 0 3px;
	background-repeat: no-repeat;
	background-image: url(/assets/portal/common/icon_h4.png);
}

.edit-area > * + h3 {
	margin-top: 15px;
}

.edit-area h4 {
	font-weight: bold;
}

.edit-area * + h4 {
	margin-top: 15px;
}

.edit-area h4 + * {
	margin-top: 10px;
}

.edit-area h5 {
	font-weight: bold;
}

.edit-area * + h5 {
	margin-top: 5px;
}

.edit-area p {
	color: #3D443E;
	font-size: 14px;
}

.edit-area p + p {
	margin-top: 10px;
}

.edit-area a {
	color: #43B5CF;
	font-size: 14px;
	text-decoration: none;
}

.edit-area a:hover {
	color: #FF6A00;
}

.edit-area ul + ul {
	margin-top: 10px;
}

.edit-area ol + ol {
	margin-top: 10px;
}

.edit-area li {
	color: #3D443E;
	font-size: 14px;
	list-style: none;
}

.edit-area table {
	width: 100%;
	table-layout: fixed;
}

.edit-area th {
	color: #3D443E;
	font-size: 14px;
	padding: 5px 15px;
	text-align: left;
	vertical-align: top;
}

.edit-area td {
	color: #3D443E;
	font-size: 14px;
	background-color: #F7F7F7;
	padding: 15px;
	text-align: left;
	vertical-align: top;
}

.edit-area caption {
	color: #3D443E;
	font-size: 14px;
	text-align: left;
}

.edit-area blockquote {
	position: relative;
	border: none;
	padding: 15px 40px;
	font-style: italic;
	margin: 0;
}

.edit-area blockquote:before, .edit-area blockquote:after {
	display: block;
	content: "";
	width: 26px;
	height: 22px;
	position: absolute;
	top: 5px;
	background-repeat: no-repeat;
}

.edit-area blockquote:before {
	left: 0;
	background-image: url(/_common/themes/jobcafe/img/edit/bq_before.png);
}

.edit-area blockquote:after {
	right: 0;
	background-image: url(/_common/themes/jobcafe/img/edit/bq_after.png);
}

.edit-area em {
	color: #C1272D;
	font-style: normal;
}

.edit-area strong {
	font-weight: bold;
}

@media screen and (max-width: 736px) {
	.edit-area h1 {
		font-size: 18px;
		width: auto;
		padding-left: 10px;
		margin-left: -20px;
		margin-right: -20px;
	}
	.edit-area h2 {
		font-size: 16px;
	}
	.edit-area h3 {
		font-size: 14px;
		background-size: 12px;
		background-position: 0 7px;
		min-height: 0;
		padding-left: 17px;
	}
	.edit-area h4 {
		font-weight: bold;
	}
	.edit-area p {
		font-size: 12px;
	}
	.edit-area p + p {
		margin-top: 0;
	}
	.edit-area a {
		font-size: 12px;
	}
	.edit-area li {
		font-size: 12px;
	}
	.edit-area table img {
		width: 100%;
		height: auto;
	}
	.edit-area th {
		font-size: 12px;
	}
	.edit-area td {
		font-size: 12px;
	}
	.edit-area caption {
		font-size: 12px;
	}
	.edit-area blockquote {
		padding-left: 15px;
		padding-right: 15px;
	}
	.edit-area blockquote:before, .edit-area blockquote:after {
		width: 10px;
		height: 9px;
		background-size: 10px 9px;
	}
}

.co-event .edit-area h1 {
	color: #FF8382;
	border-bottom-color: #FF8382;
}

.co-offer .edit-area h1 {
	color: #FCB91A;
	border-bottom-color: #FCB91A;
}

* + .edit-area {
	margin-top: 10px;
}

.edit-area .bg-base table tbody > tr + tr {
	border-top: 4px solid #E9F5FF;
}

.edit-area .bg-base table th {
	background: none;
}

.edit-area .bg-base table td {
	background-color: #FFFFFF;
}

.edit-area .bg-base table td + td {
	border-left: 2px solid #E9F5FF;
}

.edit-area .table-wrapper {
	padding: 15px;
}

.edit-area * + .floor-list {
	margin-top: 30px;
}

.edit-area .floor-list > li + li {
	margin-top: 15px;
}

.edit-area .floor-list .number-text {
	color: #55ACEE;
	margin-right: 5px;
}

.edit-area .floor-list h3 {
	background: none;
	padding-left: 0;
}

.edit-area .floor-list h3 + * {
	margin-top: 0;
}

.edit-area .floor-list img {
	max-width: 185px;
	height: aut;
}

@media screen and (max-width: 736px) {
	.edit-area .floor-list img {
		width: 100%;
	}
}

.edit-area .news-list > li {
	padding-left: 20px;
	padding-right: 20px;
}

.edit-area .news-list > li + li {
	margin-top: 10px;
}

.edit-area .news {
	padding: 0px 20px;
	/*background-color: $COLOR_BASE_LIGHT;*/
}

.edit-area .news:after {
	display: block;
	content: "";
	clear: both;
}

.edit-area .news > .news-date {
	float: left;
	color: #3D443E;
	padding: 5px 10px;
	font-weight: normal;
	line-height: 1;
	width: 10.2em;
}

.edit-area .news > .news-category {
	float: left;
	width: 80px;
	min-height: 1px;
}

.edit-area .news .news-tag {
	box-sizing: border-box;
	padding: 1px 4px;
	display: inline-block;
	min-width: 60px;
	width: 100%;
	text-align: center;
	line-height: 1.2;
	font-size: 12px;
	margin-right: 5px;
	border-width: 2px;
	border-style: solid;
}

.edit-area .news .news-tag.event-tag {
	color: #FFFFFF;
	background-color: #FF8382;
	border-color: #F7B1B3;
}

.edit-area .news .news-tag.company-tag {
	color: #FFFFFF;
	background-color: #25CED1;
	border-color: #A8EBED;
}

.edit-area .news .news-tag.offer-tag {
	color: #FFFFFF;
	background-color: #F8B61A;
	border-color: #F9C548;
}

.edit-area .news .news-tag.notice-tag {
	color: #FFFFFF;
	background-color: #22A1AA;
	border-color: #7AC7CC;
}

.edit-area .news .news-tag.seminar-tag {
	color: #FFFFFF;
	background-color: #FC844F;
	border-color: #FCB092;
}

.edit-area .news .news-tag.adaption-tag {
	color: #FFFFFF;
	background-color: #55ACEE;
	border-color: #AEECEF;
}

.edit-area .news .news-tag.scout-tag {
	color: #FFFFFF;
	background-color: #F99900;
	border-color: #FAAD33;
}

.edit-area .news .news-tag.pr-tag {
	color: #FFFFFF;
	background-color: #AFACDF;
	border-color: #CFCDEC;
}

.edit-area .news .news-tag.reply-tag {
	color: #FFFFFF;
	background-color: #0071BC;
	border-color: #338DC9;
}

.edit-area .news > .news-desc {
	padding-left: 15px;
	overflow: hidden;
}

.edit-area .news > .news-desc + .news-category,
.edit-area .news > .news-desc + .news-category + .news-desc {
	margin-top: 10px;
}

@media screen and (max-width: 736px) {
	.edit-area .table-wrapper {
		margin-top: 0;
		padding: 0;
	}
	.edit-area .table-wrapper.bg-event {
		background: none;
	}
	.edit-area .news > .news-category {
		float: right;
		width: 60px;
	}
	.edit-area .news > .news-category > img {
		vertical-align: middle;
	}
	.edit-area .news > .news-desc {
		clear: both;
		overflow: auto;
		padding-left: 0;
		padding-top: 10px;
	}
}

.edit-area + * .pagination-list {
	float: none;
}

.edit-area > .question-list {
	border-top: 2px solid #D5D5D5;
	margin-top: 40px;
	padding-top: 40px;
}

.header-update-date {
	font-size: 10px;
}

@media screen and (max-width: 736px) {
	.header-update-date {
		font-size: 8px;
	}
}

.section-header {
	display: table;
	width: 100%;
	padding-right: 5px;
	padding-bottom: 10px;
	border-bottom: 3px solid #565656;
	border-collapse: initial;
}

.section-header.co-base {
	border-bottom-color: #55ACEE;
}

.section-header.co-accent {
	border-bottom-color: #FDBA19;
}

.section-header.co-event {
	border-bottom-color: #FF8382;
}

.section-header.co-offer {
	border-bottom-color: #FCB91A;
}

.section-header.co-reversal {
	border-bottom-color: #FFFFFF;
}

.section-header.co-kurashimanet {
	border-bottom-color: #259994;
}

.section-header > * {
	display: table-cell;
	text-align: left;
	vertical-align: bottom;
}

.section-header > * + * {
	text-align: right;
}

.section-header + .section-body {
	margin-top: 20px;
}

.section-header + .section-tab {
	margin-top: 15px;
}

.section-header > .section-hed {
	font-size: 20px;
	line-height: 1;
	font-weight: bold;
	margin: 0;
}

.section-header > .section-hed h1 {
	font-weight: bold;
}

.section-header > .section-hed.co-base {
	color: #55ACEE;
}

.section-header > .section-hed.co-accent {
	color: #FDBA19;
}

.section-header > .section-hed.co-event {
	color: #FF8382;
}

.section-header > .section-hed.co-offer {
	color: #FCB91A;
}

.section-header > .section-hed.co-reversal {
	color: #FFFFFF;
}

.section-header > .section-hed.co-kurashimanet {
	color: #259994;
}

@media screen and (max-width: 736px) {
	.section-header {
		display: block;
		width: auto;
		padding-left: 10px;
	}
	.section-header > * {
		display: block;
	}
	.section-header + .section-body {
		margin-top: 10px;
	}
	.section-header .transition-link {
		display: none;
	}
	.section-header .section-hed {
		font-size: 18px;
		font-weight: bold;
	}
}

.section-tab {
	padding-left: 20px;
}

@media screen and (max-width: 736px) {
	.section-tab {
		margin-left: -20px;
		margin-right: -20px;
		margin-bottom: 15px;
		padding-left: 0;
	}
}

.section-body.co-base, .section-body.co-accent, .section-body.co-offer, .section-body.co-event, .section-body.co-kurashimanet {
	border-width: 4px;
	border-style: solid;
	padding: 20px;
}

.section-body.co-base {
	border-color: #55ACEE;
}

.section-body.co-accent {
	border-color: #FDBA19;
}

.section-body.co-event {
	border-color: #FF8382;
}

.section-body.co-event .post-item {
	background-color: #F2F2F2;
}

.section-body.co-offer {
	border-color: #FCB91A;
}

.section-body.co-kurashimanet {
	border-color: #259994;
}

.section-body.section-post, .section-body.section-banner {
	padding: 0;
	border-style: none;
}

.section-body.section-post.section-advisorroom {
	border-width: 4px;
	border-style: solid;
	border-color: #FF8382;
}

.section-body.bg-image {
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
}

.section-body.bg-image > .bg-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.85);
}

.section-body.bg-image > .bg-overlay + * {
	position: relative;
}

.section-body.bg-image.bg-internship {
	background-image: url(/_common/themes/jobcafe/img/top/bg_internship.png);
}

.section-body.bg-image.bg-resistration {
	background-image: url(/_common/themes/jobcafe/img/top/bg_resistration.png);
}

.section-body.bg-image.bg-kurashimanet {
	background-image: url(/_common/themes/jobcafe/img/top/bg_kurashimanet.png);
}

.section-body.bg-image.bg-student {
	background-image: url(/_common/themes/jobcafe/img/top/bg_student.png);
}

.section-body.section-workplace {
	padding: 0;
	background-image: url(/_common/themes/jobcafe/img/top/bg_workplace_yoshida.png);
	background-repeat: no-repeat;
	background-position: 95% 95%;
}

.section-body.section-mypage > * + * {
	margin-top: 10px;
}

.section-body.section-login > * + * {
	margin-top: 7px;
}

.section-body.section-searchengine {
	padding-bottom: 72px;
	background-image: url(/_common/themes/jobcafe/img/top/bg_searchengine_yoshida.png);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}
.section-body.section-searchengine.section-searchengine-company {
	background-image: url(/_common/themes/jobcafe/img/top/bg_searchengine_company.png);
}

.section-body > .free-search + .condition-search {
	margin-top: 28px;
	padding-top: 28px;
	border-top: 3px solid #D4D4D5;
}

.section-body .condition-search + .transition-link {
	margin-top: 20px;
}

.section-body .section-subheader.col-ab {
	display: table;
	width: 100%;
}

.section-body .section-subheader.col-ab > * {
	display: table-cell;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
}

.section-body .section-subheader.col-ab > * + * {
	text-align: right;
	white-space: normal;
}

.section-body .section-subheader .section-subhed {
	font-size: 18px;
	font-weight: bold;
	margin: 0;
}

.section-body .section-subbody > * + * {
	margin-top: 20px;
}

.section-body .section-subbody + .section-subheader,
.section-body .section-subbody + .section-subbody,
.section-body .section-subheader + .section-subheader {
	padding-top: 20px;
	margin-top: 20px;
	border-top: 3px solid #D5D5D5;
}

.section-body .section-subheader + .section-subbody {
	margin-top: 20px;
}

.section-body .tab-list + .question-list {
	margin-top: 20px;
}

@media screen and (max-width: 736px) {
	.section-body, .section-body.co-base, .section-body.co-accent, .section-body.co-offer, .section-body.co-event, .section-body.co-minor {
		padding: 0;
		border: none;
	}
	.section-body.section-enterprise {
		border-width: 4px;
		border-style: solid;
		border-color: #FEBA00;
		padding: 20px;
	}
	.section-body.section-internship {
		border-width: 4px;
		border-style: solid;
		border-color: #FF8382;
		padding: 20px;
	}
	.section-body.section-student {
		border-width: 4px;
		border-style: solid;
		border-color: #FDBA19;
		padding: 20px;
	}
	.section-body.section-searchengine {
		padding-bottom: 30px;
		background-size: auto 20%;
	}
	.section-body.section-searchengine.section-searchengine-company {
		background-size: auto 25%;
	}
	.section-body > .free-search + .condition-search {
		margin-top: 10px;
		padding-top: 10px;
	}
	.section-body .section-subheader > .section-subhed {
		font-size: 16px;
	}
	.section-body .section-subheader + .section-subbody {
		margin-top: 10px;
	}
	.section-body .section-subbody + .section-subheader {
		margin-top: 10px;
		padding-top: 10px;
	}
	.section-body .section-subbody > * + * {
		margin-top: 10px;
	}
	.section-body .section-subheader + .section-subheader {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.section-body .tab-list + .question-list {
		margin-top: 10px;
	}
	.section-body .section-subbody + .section-subheader,
	.section-body .section-subbody + .section-subbody {
		margin-top: 30px;
		padding-top: 30px;
	}
	.section-body.section-miniseminar .section-subheader + .section-subbody,
	.section-body.section-miniseminar .section-subbody + .section-subheader,
	.section-body.section-miniseminar .section-subbody + .section-subody {
		margin-top: 0;
		border-top: none;
	}
}

.site-logo {
	display: table;
}

.site-logo > * {
	display: table-cell;
	vertical-align: bottom;
}

.site-logo > * + * {
	padding-left: 15px;
}

.site-logo:after {
	content: " ";
	display: block;
	clear: both;
}

.site-logo > .tag-line {
	font-size: 14px;
	line-height: normal;
	margin: 0;
}

.site-logo > .tag-line > h1 {
	font-size: 20px;
	margin: 0;
}

.site-logo > .tag-line > p {
	font-size: 12px;
	margin: 0;
}

.site-logo > .logo-image {
	width: 113px;
	height: 73px;
}

.site-logo > .logo-image > a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

@media screen and (max-width: 736px) {
	.site-logo > .tag-line > h1 {
		font-size: 12px;
	}
	.site-logo > .tag-line > p {
		font-size: 10px;
	}
	.site-logo > .logo-image {
		font-size: 0;
		width: 60px;
		height: auto;
		vertical-align: middle;
	}
	.site-logo > .logo-image > a:active {
		opacity: 0.7;
		filter: alpha(opacity=70);
	}
	.site-logo > * + * {
		padding-left: 5px;
	}
}

.site-nav > .nav-list {
	display: table;
	width: 700px;
	table-layout: fixed;
	margin: 0;
}

.site-nav > .nav-list > * {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
	border-left: 1px solid #D5D5D5;
	border-right: 1px solid #D5D5D5;
	text-align: center;
}

.site-nav > .nav-list > * + * {
	border-left: none;
}

.site-nav > .nav-list .nav-bit {
	display: block;
	box-sizing: border-box;
	font-size: 14px;
	color: #3D443E !important;
	text-decoration: none;
	text-align: center;
	line-height: 1.2;
}

.site-nav > .nav-list .nav-bit:hover, .site-nav > .nav-list .nav-bit.is-active {
	color: #55ACEE !important;
}

.site-nav > .nav-list .nav-bit > .small-text {
	font-size: 10px;
}

.site-nav > .sp-humburger {
	display: none;
}

@media screen and (max-width: 736px) {
	.site-nav > .nav-list {
		display: none;
		width: 100%;
	}
	.site-nav > .nav-list > * {
		display: block;
		border: none;
	}
	.site-nav > .nav-list > * + * {
		margin-top: 20px;
	}
	.site-nav > .nav-list .nav-bit {
		padding: 0;
		list-style: none;
		text-align: left;
		font-size: 1.077em;
	}
	.site-nav > .nav-list .nav-bit > br {
		display: none;
	}
	.site-nav > .sp-humburger {
		position: relative;
		display: block;
		width: 44px;
		height: 40px;
		table-layout: auto;
	}
	.site-nav > .sp-humburger > .hamburger-text {
		position: absolute;
		display: block;
		font-size: 0.65714em;
		color: #55ACEE;
		top: 0;
		left: 0;
		right: 0;
		text-align: center;
		line-height: 1;
	}
	.site-nav > .sp-humburger > .hamburger-bar {
		position: absolute;
		display: block;
		width: 80%;
		height: 4px;
		background-color: #55ACEE;
		border-radius: 4px;
		transition: all .4s;
		-ms-transition: all .4s;
		-moz-transition: all .4s;
		-webkit-transition: all .4s;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
	}
	.site-nav > .sp-humburger > .hamburger-bar:nth-of-type(1), .site-nav > .sp-humburger > .hamburger-bar:nth-of-type(2) {
		top: 36%;
	}
	.site-nav > .sp-humburger > .hamburger-bar:nth-of-type(2) {
		margin-top: auto;
		margin-bottom: auto;
	}
	.site-nav > .sp-humburger > .hamburger-bar:nth-of-type(2), .site-nav > .sp-humburger > .hamburger-bar:nth-of-type(3) {
		bottom: 10%;
	}
	.site-nav > .sp-humburger.is-active > .hamburger-bar {
		width: 80%;
	}
	.site-nav > .sp-humburger.is-active > .hamburger-bar:nth-of-type(1), .site-nav > .sp-humburger.is-active > .hamburger-bar:nth-of-type(3) {
		left: 0;
		right: 0;
	}
	.site-nav > .sp-humburger.is-active > .hamburger-bar:nth-of-type(1) {
		-ms-transform: translateY(10px) rotate(-45deg);
		-moz-transform: translateY(10px) rotate(-45deg);
		-webkit-transform: translateY(10px) rotate(-45deg);
		transform: translateY(10px) rotate(-45deg);
	}
	.site-nav > .sp-humburger.is-active > .hamburger-bar:nth-of-type(2) {
		opacity: 0;
		filter: alpha(opacity=0);
		-ms-filter: alpha(opacity=0);
	}
	.site-nav > .sp-humburger.is-active > .hamburger-bar:nth-of-type(3) {
		-ms-transform: translateY(-7px) rotate(45deg);
		-moz-transform: translateY(-7px) rotate(45deg);
		-webkit-transform: translateY(-7px) rotate(45deg);
		transform: translateY(-7px) rotate(45deg);
	}
}

.modal-nav > li + li {
	margin-top: 20px;
}

.modal-nav .nav-bit {
	text-decoration: none;
}

.modal-nav .nav-bit.registration-bit {
	color: #FF6400 !important;
}

.modal-nav .nav-bit.login-bit {
	color: #FC931A !important;
}

@media screen and (max-width: 736px) {
	.modal-nav {
		padding-left: 20px;
	}
	.modal-nav .nav-bit {
		font-size: 14px;
		line-height: 1.3;
	}
}

.site-action > .action-list {
	margin: 0;
	display: none;
}

.site-action > .action-list:after {
	display: block;
	content: "";
	clear: both;
}

.site-action > .action-list > * {
	float: right;
	list-style: none;
}

.site-action > .action-list > * + * {
	margin-right: 10px;
}

.site-action > .action-list .action-bit {
	font-size: 14px;
}

.site-action > .action-list .action-bit.new-mail {
	display: block;
	width: 150px;
	vertical-align: bottom;
}

.site-action > .action-list .action-bit.common-btn {
	height: 35px;
	padding: 0 10px;
	line-height: 31px;
}

.site-action > .action-list .action-bit.common-btn > .count-number {
	font-size: 14px;
	font-weight: bold;
}

@media screen and (max-width: 736px) {
	.site-action {
		display: none;
	}
}

@media screen and (max-width: 736px) {
	.site-login {
		height: 30px;
		line-height: 30px;
		display: none;
	}
	.site-login > .sp-login {
		height: inherit;
		line-height: inherit;
	}
	.site-login > .sp-login:after {
		content: '';
		clear: both;
		display: block;
	}
	.site-login > .sp-login > a {
		font-size: 12px;
		display: block;
		float: right;
		height: inherit;
		line-height: inherit;
		text-decoration: none;
		padding-left: 10px;
		padding-right: 10px;
		border-left: 1px solid #BABABA;
	}
	.site-login > .sp-login a.login-text {
		color: #FDBA19;
	}
	.site-login > .sp-login a.registration-text {
		color: #FF6400;
	}
}

.site-search {
	display: block;
	width: 44px;
	height: 40px;
	right: 60px;
	top: 15px;
}

.site-search > .search-text,
.site-search > .search-icon {
	display: block;
	text-align: center;
}

.site-search > .search-text {
	font-size: 0.65714em;
	color: #55ACEE;
	top: 0;
	left: 0;
	right: 0;
	line-height: 1;
	letter-spacing: 4px;
}

.site-search > .search-icon {
	position: relative;
}

.site-search > .search-icon:before {
	content: '';
	display: block;
	position: absolute;
	width: 18px;
	height: 18px;
	transition: linear all .2s;
	border: solid 3px #55ACEE;
	top: 2px;
	left: 0;
	right: 10px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 18px;
}

.site-search > .search-icon:after {
	content: '';
	display: block;
	position: absolute;
	width: 15px;
	height: 3px;
	background-color: #55ACEE;
	transition: linear all .2s;
	top: 19px;
	left: 9px;
	right: 0;
	margin-right: auto;
	margin-left: auto;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.site-search.is-active .search-icon:before {
	margin-top: 0;
	margin-left: auto;
	background-color: #55ACEE;
	border: none;
	top: 14px;
	left: 4px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.site-search.is-active .search-icon:after {
	margin-top: 0;
	top: 15px;
	left: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.site-search.is-active .search-icon:before,
.site-search.is-active .search-icon:after {
	border-radius: 4px;
	width: 35px;
	height: 4px;
}

.search-container {
	width: 100%;
}

.search-container .site-search-form {
	z-index: 10000;
	position: absolute;
	top: 14px;
	left: 10px;
	right: 10px;
	background-color: white;
	border: 6px solid #55ACEE;
}

.search-container .site-search-form:before, .search-container .site-search-form:after {
	position: absolute;
	content: " ";
	display: block;
	width: 0;
	height: 0;
}

.search-container .site-search-form:before {
	border: 16px solid transparent;
	border-top-width: 0;
	border-bottom: 20px solid #55ACEE;
	top: -20px;
	right: 50px;
}

.search-container .site-search-form:after {
	border: 10px solid transparent;
	border-top-width: 0;
	border-bottom: 14px solid white;
	top: -14px;
	right: 56px;
}

.search-container .site-search-form > .site-search-form-input-holder,
.search-container .site-search-form > .site-search-form-submit-holder {
	height: 40px;
}

.search-container .site-search-form > .site-search-form-input-holder {
	overflow: hidden;
}

.search-container .site-search-form > .site-search-form-input-holder > input {
	width: 100%;
	height: 100%;
	outline: none;
	-webkit-outline: none;
	-moz-outlune: none;
	border: none;
	padding: 4px 38px 4px 10px;
}

.search-container .site-search-form > .site-search-form-submit-holder {
	width: 38px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden;
	text-indent: -9999px;
	background-image: url(/_common/themes/jobcafe/img/icon/search-icon.png);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 20px;
}

.search-container .site-search-form > .site-search-form-submit-holder > .site-search-form-submit {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	background: none;
}

.site-catchcopy {
	padding: 8px;
	background-color: #55ACEE;
	text-align: center;
}

.site-catchcopy > .catchcopy-text {
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 1px;
	margin: 0;
}

.site-catchcopy > .catchcopy-text > br {
	display: none;
}

.site-catchcopy > .catchcopy-text > br + span {
	margin-left: 20px;
}

.site-catchcopy > .catchcopy-text > .new-label {
	cursor: pointer;
	color: #FFFFFF;
	text-decoration: none;
}

.site-catchcopy > .catchcopy-text > .new-label:hover {
	text-decoration: underline;
}

.site-catchcopy > .catchcopy-text > .new-label:hover:before {
	background-image: url(https://www.gogo-jobcafe-shimane.jp/_common/themes/jobcafe/img/icon/icon_new_hover.png);
}

.site-catchcopy > .catchcopy-text > .new-label:before,
.site-catchcopy > .catchcopy-text > .skype-label:before {
	content: "";
	display: inline-block;
	vertical-align: bottom;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-size: contain;
}

.site-catchcopy > .catchcopy-text > .new-label:before {
	background-image: url(https://www.gogo-jobcafe-shimane.jp/_common/themes/jobcafe/img/icon/icon_new.png);
	width: 40px;
	height: 22px;
}

.site-catchcopy > .catchcopy-text > .skype-label:before {
	background-image: url(https://www.gogo-jobcafe-shimane.jp/_common/themes/jobcafe/img/icon/icon_skype.png);
	width: 28px;
	height: 27px;
}

@media screen and (max-width: 736px) {
	.site-catchcopy {
		padding-left: 0;
		padding-right: 0;
	}
	.site-catchcopy > .catchcopy-text {
		line-height: 1.5;
		font-size: 12px;
	}
	.site-catchcopy > .catchcopy-text > br {
		display: inline;
	}
	.site-catchcopy > .catchcopy-text > span + br + span {
		margin-left: 0;
		margin-top: 5px;
	}
	.site-catchcopy > .catchcopy-text > .new-label:before {
		background-image: url(https://www.gogo-jobcafe-shimane.jp/_common/themes/jobcafe/img/icon/sp_icon_new.png);
		width: 27px;
		height: 15px;
		background-size: contain;
		vertical-align: middle;
	}
	.site-catchcopy > .catchcopy-text > .skype-label:before {
		background-image: url(https://www.gogo-jobcafe-shimane.jp/_common/themes/jobcafe/img/icon/sp_icon_skype.png);
		width: 16px;
		height: 16px;
		background-size: contain;
		vertical-align: middle;
	}
}

.sitemap-list {
	margin: 0;
	padding: 0;
}

.sitemap-list > * {
	list-style: none;
}

.sitemap-list .sitemap-item {
	margin: 0;
}

.sitemap-list .sitemap-item + .sitemap-item {
	margin-top: 40px;
}

.sitemap-list .sitemap-item > * {
	margin-left: 0;
	margin-top: 20px;
}

.sitemap-list .sitemap-hed {
	color: #DBDCDB !important;
	font-size: 18px;
	font-weight: bold;
}

.sitemap-list .sitemap-hed a {
	color: #DBDCDB !important;
	text-decoration: none;
}

.sitemap-list .sitemap-hed a:hover {
	color: #FF6A00 !important;
}

.sitemap-list .sitemap-bit > a {
	color: #FFFFFF !important;
	text-decoration: none;
}

.sitemap-list .sitemap-bit > a:hover {
	color: #FF6A00 !important;
}

@media screen and (max-width: 736px) {
	.sitemap-list > li + li + li {
		margin-top: -160px;
	}
	.sitemap-list > li.active-company + li + li {
		margin-top: -120px;
	}
	.sitemap-list .sitemap-hed {
		font-size: 12px;
	}
	.sitemap-list .sitemap-hed:after {
		content: "　";
		display: inline-block;
		width: 0;
		height: 0;
		border: 4px solid transparent;
		border-top: 8px solid #DBDCDB;
		border-bottom: none;
		margin-top: -2px;
		margin-left: 10px;
		vertical-align: middle;
	}
	.sitemap-list .sitemap-bit {
		font-size: 12px;
		font-weight: bold;
	}
}

.sns-group {
	text-align: right;
}

.sns-group > .sns-btn {
	display: inline-block;
	position: relative;
	vertical-align: top;
}

.sns-group > .sns-btn + .sns-btn {
	margin-left: 20px;
}

.sns-group > .sns-btn iframe {
	vertical-align: bottom;
}

.sns-group > .sns-btn .fb-like {
	vertical-align: top;
}

.sns-group > .sns-btn img {
	margin-top: 2px !important;
}

@media screen and (max-width: 736px) {
	.sns-group {
		text-align: center;
	}
}

.free-search {
	display: table;
	width: 100%;
}

.free-search > * {
	position: relative;
	display: table-cell;
	width: 100%;
	vertical-align: middle;
}

.free-search > * + * {
	padding-left: 30px;
}

.free-search .common-btn {
	white-space: nowrap;
}

.free-search .form-text {
	position: absolute;
	top: 0;
	bottom: 0;
}

@media screen and (max-width: 736px) {
	.free-search > * + * {
		padding-left: 0;
	}
}

.condition-search {
	display: table;
	width: 100%;
}

.condition-search > * {
	position: relative;
	display: table-cell;
	width: 100%;
	vertical-align: middle;
}

.condition-search > * + * {
	padding-left: 30px;
}

.condition-search .common-btn {
	white-space: nowrap;
}

.condition-search .condition-item {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	margin-left: -27px;
}

.condition-search .condition-item * {
	height: inherit;
}

@media screen and (max-width: 736px) {
	.condition-search {
		display: block;
	}
	.condition-search > * {
		display: block;
		position: static;
	}
	.condition-search > * + * {
		padding-left: 0;
		margin-top: 10px;
	}
	.condition-search .common-btn {
		width: 100%;
	}
	.condition-search .condition-item {
		position: static;
		margin-left: 0;
	}
	.condition-search .condition-item * {
		height: auto;
	}
}

.condition-item {
	margin: 0;
}

.condition-item:after {
	content: " ";
	display: block;
	clear: both;
}

.condition-item > * {
	float: left;
	width: 33.3333%;
	white-space: nowrap;
	display: table;
	text-align: center;
}

.condition-item > *:before {
	content: "　";
	display: table-cell;
	width: 27px;
	padding-left: 5px;
	padding-right: 5px;
	color: #3D443E;
	text-align: center;
	vertical-align: middle;
}

.condition-item > * + *:before {
	content: "×";
}

.condition-item > * + .form-pulldown {
	display: table-cell;
	width: 100%;
}

@media screen and (max-width: 736px) {
	.condition-item {
		padding: 0;
	}
	.condition-item > * {
		float: none;
		width: 100%;
	}
	.condition-item > * + * {
		margin-top: 5px;
	}
	.condition-item > *:before {
		display: none;
	}
	.condition-item > * + *:before {
		display: inline-block;
		text-align: center;
		margin-bottom: 5px;
		font-size: 16px;
		line-height: 1;
	}
}

.auto-form > * + * {
	margin-left: 10px;
	vertical-align: middle;
}

.login-submit > .common-btn {
	width: 100%;
}

.mypage-name {
	font-weight: bold;
}

.notice-box {
	font-size: 12px;
	font-weight: bold;
}

.notice-box .new-mail {
	line-height: 1;
}

.notice-box .new-mail:before {
	content: "　";
	display: inline-block;
	width: 27px;
	height: 15px;
	vertical-align: bottom;
	background-image: url(/_common/themes/jobcafe/img/icon/unread_mail_small.png);
	margin-right: 10px;
}

@media screen and (max-width: 736px) {
	.notice-box {
		font-size: 12px;
	}
}

.topics-list {
	margin: 0;
	padding: 0;
	font-size: 0;
}

.topics-list.inner-scroll {
	overflow-y: scroll;
	height: 150px;
}

.topics-list > * {
	list-style: none;
}

.topics-list > * + * {
	margin-top: 5px;
}

.topics-list .topics-tag {
	white-space: nowrap;
}

.topics-list .topics-text {
	text-align: left;
	width: 100%;
	vertical-align: middle;
}

@media screen and (max-width: 736px) {
	.topics-list.inner-scroll {
		height: 160px;
	}
	.topics-list > * + * {
		margin-top: 10px;
	}
}

.topics-item {
	display: table;
	width: 100%;
	margin: 0;
	table-layout: fixed;
}

.topics-item > * {
	vertical-align: top;
	display: table-cell;
	width: 115px;
	font-size: 12px;
}

.topics-item > * + * {
	width: 60px;
}

.topics-item > * + * + * {
	width: 100%;
}

.topics-item .topics-tag {
	box-sizing: border-box;
	padding: 0 4px;
	display: inline-block;
	min-width: 60px;
	text-align: center;
	line-height: 1.2;
	font-size: 12px;
	margin-right: 5px;
	border-width: 2px;
	border-style: solid;
}

.topics-item .topics-tag.event-tag {
	color: #FFFFFF;
	background-color: #FF8382;
	border-color: #F7B1B3;
}

.topics-item .topics-tag.company-tag {
	color: #FFFFFF;
	background-color: #25CED1;
	border-color: #A8EBED;
}

.topics-item .topics-tag.offer-tag {
	color: #FFFFFF;
	background-color: #F8B61A;
	border-color: #F9C548;
}

.topics-item .topics-tag.notice-tag {
	color: #FFFFFF;
	background-color: #22A1AA;
	border-color: #7AC7CC;
}

.topics-item .topics-tag.seminar-tag {
	color: #FFFFFF;
	background-color: #FC844F;
	border-color: #FCB092;
}

.topics-item .topics-tag.adaption-tag {
	color: #FFFFFF;
	background-color: #55ACEE;
	border-color: #AEECEF;
}

.topics-item .topics-tag.scout-tag {
	color: #FFFFFF;
	background-color: #F99900;
	border-color: #FAAD33;
}

.topics-item .topics-tag.pr-tag {
	color: #FFFFFF;
	background-color: #AFACDF;
	border-color: #CFCDEC;
}

.topics-item .topics-tag.reply-tag {
	color: #FFFFFF;
	background-color: #0071BC;
	border-color: #338DC9;
}

.topics-item .topics-text {
	font-size: 12px;
	line-height: 1.2;
	vertical-align: middle;
	padding-left: 10px;
}

.topics-item .topics-text > a {
	color: #43B5CF;
	text-decoration: none;
}

.topics-item .topics-text > a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

@media screen and (max-width: 736px) {
	.topics-item {
		display: block;
	}
	.topics-item > * {
		display: inline-block;
	}
	.topics-item .topics-text {
		display: block;
		margin-top: 5px;
		padding-left: 0;
	}
}

.post-list {
	margin: 0;
	padding: 0;
}

.post-list > li {
	list-style: none;
}

.post-list + .transition-link {
	margin-top: 20px;
}

.post-item {
	position: relative;
	display: block;
	text-decoration: none;
	background-color: #FFFFFF;
}

.post-item > .hover-item {
	cursor: pointer;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
	border-color: transparent;
	-webkit-transition: border-color linear 0.2s;
	transition: border-color linear 0.2s;
	outline: none;
	-webkit-outline: none;
}

.post-item .post-header {
	min-height: 60px;
}

.post-item .post-header .post-hed {
	font-size: 15px;
	font-weight: bold;
}

.post-item .post-body {
	display: table;
	width: 100%;
	border-collapse: initial;
}

.post-item .post-body > * {
	display: table-cell;
	vertical-align: top;
}

.post-item .post-body > * + * {
	padding-left: 15px;
	text-align: right;
}

.post-item .post-body .common-btn {
	white-space: nowrap;
}

.post-item .post-body .post-desc {
	color: #A1A9A1;
	font-size: 12px;
}

.post-item .post-image {
	position: relative;
	height: 225px;
	overflow: hidden;
}

.post-item .post-image img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.post-item .post-image + *,
.post-item .post-thumbnail + * {
	padding: 18px 20px 30px;
}

.post-item .post-thumbnail {
	position: relative;
	width: 100%;
}

.post-item .post-thumbnail.common-label:before {
	position: absolute;
}

.post-item .post-thumbnail.common-label.base-label:before, .post-item .post-thumbnail.common-label.offer-label:before, .post-item .post-thumbnail.common-label.event-label:before {
	left: 0;
	bottom: 0;
}

.post-item .post-thumbnail.common-label.base-label:before {
	display: none;
}

.post-item .post-thumbnail .thumbnail-header {
	position: absolute;
	width: 100.111%;
	left: 0;
	right: 0;
	bottom: 0;
	border: none;
	padding: 1% 6%;
	background-color: rgba(255, 255, 255, 0.5);
	transition: 0.2s;
}

.post-item .post-thumbnail .thumbnail-hed {
	font-size: 20px;
	color: #3D443E;
	transition: 0.2s;
}

.post-item > .thumbnail-image {
	width: 100%;
}

.post-item:hover .common-btn,
.post-item:hover a.transition-link,
.post-item:hover .transition-link a {
	position: relative;
	z-index: 1;
}

.post-item:hover .post-thumbnail .thumbnail-header {
	background-color: rgba(0, 0, 0, 0.5);
}

.post-item:hover .post-thumbnail .thumbnail-hed {
	color: #FFFFFF;
}

.post-item:hover > .hover-item.co-base {
	border: 4px solid #55ACEE;
}

.post-item:hover > .hover-item.co-offer {
	border: 4px solid #FCB91A;
}

.post-item:hover > .hover-item.co-event {
	border: 4px solid #FF8382;
}

.post-item:hover > .hover-item.co-event {
	border: 4px solid #FF8382;
}

@media screen and (max-width: 736px) {
	.post-item {
		border: none;
	}
	.post-item:hover {
		border: none;
	}
	.post-item:hover > .hover-item.co-base,
	.post-item:hover > .hover-item.co-offer,
	.post-item:hover > .hover-item.co-event,
	.post-item:hover > .hover-item.co-event {
		border: none;
	}
	.post-item .post-header .post-hed {
		font-size: 12px;
		font-weight: bold;
	}
	.post-item .post-body,
	.post-item .post-body > * {
		display: block;
	}
	.post-item .post-body .post-desc {
		color: #A1A9A1;
		font-size: 14px;
	}
	.post-item .post-image {
		position: static;
		height: auto;
	}
	.post-item .post-image img {
		position: static;
	}
}

.co-event .post-image {
	background-color: #FFFFFF;
	border: 1px solid #f2f2f2;
}

.co-offer .post-image {
	background-color: #F7EAD5;
}

@media screen and (max-width: 736px) {
	.post-sideways.post-list {
		overflow: hidden;
	}
	.post-sideways.post-list .post-item {
		display: table;
		position: relative;
		table-layout: fixed;
		min-height: 110px;
	}
	.post-sideways.post-list .post-item.arrow-icon:after {
		position: absolute;
		content: "";
		font-size: 24px;
		line-height: 1;
		width: 14px;
		height: 14px;
		display: block;
		top: 0;
		bottom: 0;
		margin-bottom: auto;
		margin-top: auto;
		right: 20px;
		vertical-align: middle;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		border: solid #BABABA;
		border-color: #BABABA;
		border-width: 2px 2px 0 0;
	}
	.post-sideways.post-list .post-item > .post-image {
		display: table-cell;
		width: 40%;
		vertical-align: middle;
		border: none;
		background-color: #F2F2F2;
	}
	.post-sideways.post-list .post-item > .post-image + * {
		vertical-align: top;
		display: table-cell;
		width: 60%;
		padding: 10px;
		position: relative;
	}
	.post-sideways.post-list .post-item > .post-image + * .post-header,
	.post-sideways.post-list .post-item > .post-image + * .post-body {
		position: absolute;
		left: 10px;
	}
	.post-sideways.post-list .post-item .post-header,
	.post-sideways.post-list .post-item .post-body {
		padding-right: 40px;
	}
	.post-sideways.post-list .post-item > .post-image + * .post-header {
		top: 10px;
	}
	.post-sideways.post-list .post-item > .post-image + * .post-body {
		bottom: 10px;
	}
	.post-sideways.post-list .post-item > .post-image + * .post-body .common-btn {
		display: none;
	}
	.post-sideways.post-list .post-item .common-btn.offer-btn {
		position: absolute;
		left: 2%;
		bottom: 2%;
	}
	.post-sideways.post-list .post-item .post-header {
		min-height: 0;
		overflow: hidden;
	}
	.post-sideways.post-list .post-item .post-hed {
		font-size: 14px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
	}
	.post-sideways .post-desc {
		font-size: 12px;
		min-height: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}
	.post-sideways .post-text {
		font-size: 12px;
	}
}

.banner-list {
	padding: 0;
	margin: 0;
	width: 325px;
	margin-left: auto;
	margin-right: auto;
}

.banner-list > li {
	list-style: none;
	width: auto;
}

.banner-list > li a {
	transition: opacity 0.2s;
}

.banner-list > li a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.banner-list > li + li {
	margin-top: 10px;
}

@media screen and (max-width: 736px) {
	.banner-list {
		margin-top: 0;
		width: 100%;
	}
	.banner-list > li {
		float: none;
		width: 100%;
		margin-left: 0;
	}
	.banner-list > li + li {
		margin-top: 10px;
	}
}

.col-ab {
	width: auto;
	margin: -5px;
	overflow: hidden;
}

.col-ab:after {
	content: " ";
	display: block;
	clear: both;
}

.col-ab > * {
	box-sizing: border-box;
	float: left;
	width: 50%;
	padding: 5px;
}

.col-ab.space-wide {
	margin: -20px;
}

.col-ab.space-wide > * {
	padding: 20px;
}

@media screen and (max-width: 736px) {
	.col-ab {
		margin: -5px;
	}
	.col-ab > * {
		padding: 5px;
	}
}

.col-abc {
	width: auto;
	margin: -5px;
	overflow: hidden;
}

.col-abc > * {
	box-sizing: border-box;
	float: left;
	width: 33.3333333%;
	padding: 5px;
}

.col-abc:after {
	content: " ";
	display: block;
	clear: both;
}

.col-abcd {
	width: auto;
	margin: -5px;
	overflow: hidden;
}

.col-abcd:after {
	content: " ";
	display: block;
	clear: both;
}

.col-abcd > * {
	box-sizing: border-box;
	float: left;
	width: 25%;
	padding: 5px;
}

@media screen and (max-width: 736px) {
	.col-abcd {
		margin: -5px;
	}
	.col-abcd > * {
		padding: 5px;
	}
}

@media screen and (max-width: 736px) {
	.sp-a {
		display: block;
		margin: 0;
	}
	.sp-a > * {
		display: block;
		float: none;
		width: 100%;
		margin-top: 10px;
		margin-left: 0;
		margin-right: 0;
		padding: 0;
	}
	.sp-a .common-btn {
		width: 100%;
	}
}

@media screen and (max-width: 736px) {
	.sp-ab {
		margin: -5px;
	}
	.sp-ab > * {
		width: 50%;
		margin: 0;
		padding: 5px;
	}
	.sp-ab .common-btn {
		width: 100%;
	}
}

.btn-group > * + * {
	margin-top: 15px;
}

.btn-group .common-btn {
	width: 100%;
}

.btn-group.col-ab {
	margin-top: -20px;
}

.btn-group.col-ab > * {
	margin-top: 20px;
}

.btn-group.col-abcd {
	margin-top: -20px;
}

.btn-group.col-abcd > * {
	margin-top: 20px;
}

.btn-group.btn-right > * {
	margin-top: 0;
}

.btn-group.btn-right > * + * {
	margin-left: 15px;
}

.btn-group.btn-right .common-btn {
	width: auto;
}

@media screen and (max-width: 736px) {
	.btn-group.btn-right .common-btn {
		width: 100%;
		margin-left: 0;
	}
	.btn-group.btn-right .common-btn + .common-btn {
		margin-top: 10px;
	}
	.btn-group.col-abcd .common-btn {
		padding: 5px;
	}
	.btn-group.sp-a {
		margin-top: 0;
	}
	.btn-group.sp-a > * {
		margin-top: 0;
	}
	.btn-group.sp-a > * + * {
		margin-top: 10px;
	}
}

.link-group > * + * {
	margin-top: 5px;
}

.link-group a {
	display: inline-block;
}

.tab-list {
	display: table;
	table-layout: fixed;
}

.tab-list > li {
	list-style: none;
	display: table-cell;
	text-align: center;
}

.tab-list > li + li {
	padding-left: 10px;
}

.tab-list .tab-bit {
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
	padding: 8px 15px 5px;
	border-radius: 6px 6px 0 0;
}

.tab-list .tab-bit.is-active, .tab-list .tab-bit:hover {
	position: relative;
	color: #3D443E;
	background-color: white;
}

.tab-list .tab-bit.is-active:after, .tab-list .tab-bit:hover:after {
	position: absolute;
	content: " ";
	display: block;
	width: 100%;
	height: 4px;
	background-color: white;
	left: 0;
	right: 0;
	bottom: -4px;
}

.tab-list.co-base .tab-bit {
	color: #55ACEE;
	border-top: 4px solid #55ACEE;
	border-left: 4px solid #55ACEE;
	border-right: 4px solid #55ACEE;
	border-bottom: 0 solid #55ACEE;
	background-color: #E9F5FF;
}

.tab-list.co-base .tab-bit.is-active, .tab-list.co-base .tab-bit:hover {
	color: #3D443E;
	background-color: white;
}

.tab-list.co-event .tab-bit {
	color: #FF8382;
	border-top: 4px solid #FF8382;
	border-left: 4px solid #FF8382;
	border-right: 4px solid #FF8382;
	border-bottom: 0 solid #FF8382;
	background-color: #FFE6E6;
}

.tab-list.co-event .tab-bit.is-active, .tab-list.co-event .tab-bit:hover {
	color: #FF8382;
	background-color: white;
}

.tab-list.co-offer .tab-bit {
	color: #FCB91A;
	background-color: #FCB91A;
}

.tab-list.co-offer .tab-bit.is-active, .tab-list.co-offer .tab-bit:hover {
	color: #3D443E;
	background-color: white;
}

@media screen and (max-width: 736px) {
	.tab-list {
		width: 100%;
	}
	.tab-list > li + li {
		padding: 0;
	}
	.tab-list .tab-bit {
		font-size: 12px;
		padding: 10px 5px;
		border-radius: 0;
	}
	.tab-list.co-base .tab-bit, .tab-list.co-event .tab-bit, .tab-list.co-offer .tab-bit {
		border-top-width: 2px;
		border-bottom-width: 2px;
		border-left-width: 0;
		border-right-width: 0;
	}
	.tab-list.co-base > li + li .tab-bit, .tab-list.co-event > li + li .tab-bit, .tab-list.co-offer > li + li .tab-bit {
		border-left-width: 2px;
	}
}

.question-list {
	margin: 0;
	padding: 0;
}

.question-list > li {
	list-style: none;
	background: none;
	padding: 0;
}

.question-list > li + li {
	margin-top: 20px;
}

.question-list .question-bit {
	margin: 0;
	padding: 0;
}

.question-list .question-bit > dt {
	position: relative;
	background-color: #E9F5FF;
	padding: 10px 15px;
	font-size: 14px;
	padding-left: 45px;
	font-weight: bold;
}

.question-list .question-bit > dt:before {
	position: absolute;
	content: "Q.";
	display: inline;
	margin-right: 20px;
	left: 15px;
	color: #55ACEE;
}

.question-list .question-bit > dt a {
	color: #43B5CF;
	text-decoration: none;
}

.question-list .question-bit > dt a:hover {
	color: #FF6A00;
}

.question-list .question-bit > dd {
	margin: 0;
	padding: 15px;
	border: 4px solid #E9F5FF;
	border-top: none;
	font-size: 14px;
	color: #3D443E;
}

.question-list ＆.co-base .question-bit > dt:before {
	color: #55ACEE;
}

.question-list.co-offer .question-bit > dt:before {
	color: #FCB91A;
}

.question-list.co-event .question-bit > dt {
	background-color: #FFE6E6;
}

.question-list.co-event .question-bit > dt:before {
	color: #FF8382;
}

.question-list.co-event .question-bit > dd {
	border: 4px solid #FFE6E6;
	border-top: none;
}

.question-list.question-head > li + li {
	margin-top: 0;
}

.question-list.question-head .question-bit > dt {
	background: none;
	padding-top: 5px;
	padding-bottom: 5px;
}

@media screen and (max-width: 736px) {
	.question-list .question-bit > dt {
		font-size: 12px;
		padding: 10px;
		padding-left: 30px;
	}
	.question-list .question-bit > dt:before {
		left: 10px;
	}
	.question-list .question-bit > dt a:active {
		color: #FF6A00;
	}
	.question-list .question-bit > dd {
		font-size: 12px;
	}
}

.wrap-col:after {
	content: "";
	clear: both;
	display: block;
}

.wrap-col > .common-image {
	float: left;
	width: 67px;
}

.wrap-col > .common-image + * {
	overflow: hidden;
	padding-left: 20px;
}

.breadcrumb-list {
	font-size: 12px;
	margin: 0;
	padding: 0;
}

.breadcrumb-list:after {
	display: block;
	content: "";
	clear: both;
}

.breadcrumb-list > li {
	float: left;
	list-style: none;
}

.breadcrumb-list > li a {
	color: #43B5CF;
	vertical-align: top;
	display: inline-block;
	text-decoration: none;
}

.breadcrumb-list > li a:hover {
	color: #FF6A00;
}

.breadcrumb-list > li span {
	display: inline-block;
	vertical-align: top;
}

.breadcrumb-list > li + li:before {
	content: "＞";
	font-size: 12px;
	display: inline-block;
	margin: 0 6px;
	color: #D5D5D5;
}

@media screen and (max-width: 736px) {
	.breadcrumb-list {
		overflow-x: scroll;
		font-size: 10px;
		white-space: nowrap;
	}
	.breadcrumb-list > li {
		float: none;
		display: inline-block;
	}
	.breadcrumb-list > li + li:before {
		margin: 0 6px;
		font-size: 10px;
	}
}

#breadCrumbs {
	font-size: 12px;
	color: #D5D5D5;
}

#breadCrumbs a {
	color: #43B5CF;
	vertical-align: top;
	display: inline-block;
	text-decoration: none;
}

#breadCrumbs a:hover {
	color: #FF6A00;
}

.google-map {
	position: relative;
	padding-bottom: 40.566%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.google-map iframe,
.google-map object,
.google-map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.contact-block {
	background-color: #FFFFFF;
	padding: 20px;
}

.contact-block > .contact-header:after {
	content: "";
	display: block;
	clear: both;
}

.contact-block > .contact-header .contact-hed {
	color: #3D443E;
	font-weight: bold;
	font-size: 18px;
	float: left;
}

.contact-block > .contact-header .contact-hed + * {
	float: right;
}

.contact-block > .contact-header .contact-hed + *:after {
	content: "";
	display: block;
	clear: both;
}

.contact-block > .contact-header .contact-hed + * > * {
	float: right;
	margin-left: 20px;
}

.contact-block > .contact-header .contact-hed + * > * + * {
	margin-left: 0;
}

.contact-block > .contact-header .tel-image {
	width: 200px;
}

.contact-block > .contact-header .common-btn {
	padding-top: 0;
	padding-bottom: 0;
	height: 28px;
	line-height: 24px;
}

.contact-block > .contact-header + .contact-body {
	margin-top: 20px;
}

.contact-block > .contact-body > .contact-desc {
	font-size: 12px;
}

.contact-block > .contact-body > .contact-desc p {
	margin: 0;
	line-height: 1.5;
}

@media screen and (max-width: 736px) {
	.contact-block {
		padding: 10px;
	}
	.contact-block > .contact-header .contact-hed {
		font-size: 16px;
		float: none;
	}
	.contact-block > .contact-header .contact-hed + * {
		float: none;
		margin-top: 10px;
	}
	.contact-block > .contact-header .contact-hed + * > * {
		width: 30%;
		margin-left: 0;
	}
	.contact-block > .contact-header .contact-hed + * > * + * {
		width: 70%;
		padding-right: 10px;
	}
	.contact-block > .contact-header .common-image {
		height: 28px;
	}
	.contact-block > .contact-header .common-image > img {
		max-width: 200px;
		vertical-align: bottom;
	}
	.contact-block > .contact-header .common-btn {
		width: 100%;
	}
	.contact-block > .contact-header + .contact-body {
		margin-top: 10px;
	}
	.contact-block > .contact-body .contact-desc p {
		font-size: 10px;
	}
}

.horizontal-lr:after {
	content: "";
	display: block;
	clear: both;
}

.horizontal-lr > * {
	float: left;
}

.horizontal-lr > * + * {
	float: right;
}

@media screen and (max-width: 736px) {
	.horizontal-lr > * {
		float: none;
	}
	.horizontal-lr > * + * {
		float: none;
		margin-top: 10px;
	}
	.horizontal-lr:after {
		display: none;
	}
}

.horizontal-rl:after {
	content: "";
	display: block;
	clear: both;
}

.horizontal-rl > * {
	float: right;
}

.horizontal-rl > * + * {
	float: left;
}

@media screen and (max-width: 736px) {
	.horizontal-rl > * {
		float: none;
	}
	.horizontal-rl > * + * {
		float: none;
		margin-top: 10px;
	}
	.horizontal-rl:after {
		display: none;
	}
}

.horizontal-ll:after {
	content: "";
	display: block;
	clear: both;
}

.horizontal-ll > * {
	float: left;
}

.horizontal-ll > * + * {
	margin-left: 20px;
}

.horizontal-ll.narrow-space > * + * {
	margin-left: 5px;
}

.horizontal-rr:after {
	content: " ";
	display: block;
	clear: both;
}

.horizontal-rr > * {
	float: right;
}

.horizontal-rr > * + * {
	margin-right: 20px;
}

.horizontal-rr.narrow-space > * + * {
	margin-right: 5px;
}

@media screen and (max-width: 736px) {
	.horizontal-rr {
		float: left;
	}
	.horizontal-rr > * {
		display: inline-block;
	}
}

.horizontal-textleft:after {
	content: " ";
	display: block;
	clear: both;
}

.horizontal-textleft > * {
	float: right;
	margin-left: 20px;
}

.horizontal-textleft > * + * {
	float: none;
	overflow: hidden;
	margin-left: 0;
}

.horizontal-textleft.narrow-space > * + * {
	margin-right: 5px;
}

@media screen and (max-width: 736px) {
	.horizontal-textleft > * {
		float: none;
		margin-left: 0;
	}
	.horizontal-textleft > * + * {
		margin-top: 10px;
	}
	.horizontal-textleft .common-btn {
		width: 100%;
	}
}

.pagination-right {
	text-align: center;
	width: auto;
	margin-left: -20px;
	margin-right: -20px;
	padding-right: 20px;
}

.pagination-right > .pagination-list {
	display: inline-block;
	vertical-align: middle;
}

@media screen and (max-width: 736px) {
	.pagination-right {
		background-color: #F7F7F7;
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

.pagination-list:after {
	content: "";
	display: block;
	clear: both;
}

.pagination-list > * {
	float: left;
}

.pagination-list > * + * {
	margin-left: 15px;
}

.pagination-list > li.current .pagination-bit,
.pagination-list > li.disabled .pagination-bit {
	color: #DBDCDB;
}

.pagination-list > li.disabled .prev-btn:before {
	border-right-color: #DBDCDB;
}

.pagination-list > li.disabled .next-btn:before {
	border-left-color: #DBDCDB;
}

.pagination-list .pagination-bit {
	color: #43B5CF;
	text-decoration: none;
	text-align: center;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
}

.pagination-list .pagination-bit.prev-btn, .pagination-list .pagination-bit.next-btn {
	overflow: hidden;
	position: relative;
	color: #FFFFFF;
}

.pagination-list .pagination-bit.prev-btn:before, .pagination-list .pagination-bit.next-btn:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 5px solid transparent;
}

.pagination-list .pagination-bit.prev-btn:before {
	border-right: 10px solid #6ED2CE;
	border-left: none;
}

.pagination-list .pagination-bit.next-btn:before {
	border-left: 10px solid #6ED2CE;
	border-right: none;
}

.pagination-list a.pagination-bit:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: alpha(opacity=70);
}

@media screen and (max-width: 736px) {
	.pagination-list > li {
		display: none;
	}
	.pagination-list > li:first-child,
	.pagination-list > li:last-child,
	.pagination-list > li.current {
		display: block;
	}
	.pagination-list > li.current .pagination-bit {
		color: #333333;
		font-weight: bold;
	}
	.pagination-list > li:first-child .pagination-bit,
	.pagination-list > li:last-child .pagination-bit {
		color: #FFFFFF;
		background-color: #FFFFFF;
		border: 2px solid #E6E6E6;
		width: 26px;
		height: 26px;
		border-radius: 2px;
	}
	.pagination-list .pagination-bit.prev-btn:before,
	.pagination-list .pagination-bit.next-btn:before {
		border-width: 4px;
	}
	.pagination-list .pagination-bit.prev-btn:before {
		border-right-width: 8px;
	}
	.pagination-list .pagination-bit.next-btn:before {
		border-left-width: 8px;
	}
}

.flow-vert > .flow-main .process-list {
	width: inherit;
}

.flow-vert > .flow-main .process-list > li {
	position: relative;
	width: 590px;
	padding-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	background-color: #F2F2F2;
}

.flow-vert > .flow-main .process-list > li:last-child:after {
	display: none;
}

.flow-vert > .flow-main .process-list > li:before,
.flow-vert > .flow-main .process-list > li:after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 295px solid transparent;
	border-bottom: 0;
	border-top: 55px solid #FFFFFF;
}

.flow-vert > .flow-main .process-list > li:before {
	top: 0;
	left: 0;
}

.flow-vert > .flow-main .process-list > li:after {
	border-top-color: #F2F2F2;
	bottom: -55px;
	left: 0;
	z-index: 1;
}

.flow-vert > .flow-main .process-list > li + li {
	margin-top: 20px;
}

.flow-vert > .flow-main .process-list h4 {
	color: #55ACEE;
}

.carousel-body {
	position: relative;
	height: 440px;
	min-width: 1020px;
	/*	overflow: hidden; プラグイン導入のため一時的にコメント*/
	padding: 7px 0;
	background-color: #F5F5F5;
}

.carousel-body .post-item {
	width: 640px;
}

.carousel-body .section-subheader + .section-subbody {
	margin-top: 10px;
}

.carousel-body .post-text {
	line-height: 1.5;
	min-height: 0;
	color: #3D443E;
}

.carousel-body .carousel-btn {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
	cursor: pointer;
	width: 57px;
	height: 78px;
	background-color: rgba(255, 255, 255, 0.4);
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1;
	-webkit-background-size: 50% auto;
	background-size: 50% auto;
	-webkit-transition: background-color linear 0.2s;
	transition: background-color linear 0.2s;
}

.carousel-body .carousel-btn:hover {
	background-color: rgba(0, 0, 0, 0.4);
}

.carousel-body .carousel-btn:before {
	content: "";
	display: block;
	width: 60%;
	height: 40%;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	border-left: solid 3px #FFFFFF;
	border-bottom: solid 3px #FFFFFF;
	margin: auto;
}

.carousel-body .carousel-btn.prev-btn {
	left: 0;
}

.carousel-body .carousel-btn.prev-btn:before {
	left: 21px;
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.carousel-body .carousel-btn.next-btn {
	right: 0;
}

.carousel-body .carousel-btn.next-btn:before {
	left: -21px;
	-ms-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.carousel-body + .carousel-indicator {
	margin-top: 30px;
}

.carousel-body .section-subheader {
	height: 3.5em;
	line-height: 1.5;
	overflow: hidden;
}

.carousel-body .section-subheader .section-subhed {
	font-size: 15px;
	font-weight: bold;
	margin: 0;
}

.carousel-body .section-subbody {
	height: 58px;
	overflow: hidden;
}

.carousel-body .post-body {
	margin-top: -7px;
}

@media screen and (max-width: 736px) {
	.carousel-body {
		height: 308px;
	}
	.carousel-body .post-item {
		width: 320px;
	}
	.carousel-body .carousel-btn {
		display: none !important;
	}
	.carousel-body .section-subheader {
		height: 50px;
	}
	.carousel-body .section-subheader .section-subhed {
		font-size: 16px;
		font-weight: bold;
	}
	.carousel-body .section-subbody {
		height: 55px;
	}
	.carousel-body .section-subbody .post-text {
		font-size: 12px;
	}
}

.carousel-indicator {
	text-align: center;
	min-width: 1020px;
	margin-top: 30px;
}

.carousel-indicator > * {
	display: inline-block;
}

.carousel-indicator > * + * {
	margin-left: 20px;
}

.carousel-indicator button {
	outline: none;
	text-indent: -9999px;
	appearance: none;
	border: none;
	-webkit-appearance: none;
	cursor: pointer;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #999;
	padding: 0;
}

.carousel-indicator button:hover {
	background-color: #55ACEE;
}

@media screen and (max-width: 736px) {
	.carousel-indicator {
		min-width: 320px;
	}
}

.carousel-list {
	position: absolute;
	width: 10000px;
	left: 0;
}

.carousel-list:after {
	content: "";
	display: block;
	clear: both;
}

@media screen and (max-width: 736px) {
	.carousel-list > * {
		float: left;
		width: 736px;
	}
	.carousel-list > * + * {
		margin-left: 7px;
	}
}

/*== carousel plugin 用 ==*/
.table-group {
	display: table;
	width: 100%;
}

.table-group > .table-item {
	display: table-cell;
	vertical-align: top;
}

.table-group > .table-item.icon-image {
	width: 8%;
}

.table-group > .table-item.full-content {
	width: 100%;
	padding-left: 20px;
}

@media screen and (max-width: 736px) {
	.table-group > .table-item.icon-image {
		width: 15%;
	}
	.table-group > .table-item.full-content {
		padding-left: 5px;
	}
}

.bg-common {
	background-color: #F7F7F7;
}

.bg-base {
	background-color: #E9F5FF;
}

.bg-event {
	background-color: #FFE6E6;
}

.profile-body {
	padding: 20px;
}

.profile-body > * + * {
	margin-top: 15px;
}

.profile-body .horizontal-lr > * {
	width: 30%;
}

.profile-body .horizontal-lr > * + * {
	width: 70%;
	padding-left: 20px;
}

.profile-body .profile-item > h3 + p {
	margin-top: 5px;
	padding-left: 30px;
}

.profile-body h2 {
	margin-bottom: 0;
}

.profile-body span.text-marker {
	padding-left: 20px;
	padding-right: 20px;
}

@media screen and (max-width: 736px) {
	.profile-body h2 {
		margin-left: 0;
	}
	.profile-body span.text-marker {
		width: 100%;
	}
	.profile-body .horizontal-lr > *,
	.profile-body .horizontal-lr > * + * {
		width: 100%;
		padding-left: 0;
	}
	.profile-body .profile-item > h3 + p {
		padding-left: 0;
	}
	.profile-body .profile-item > p + h3 {
		margin-top: 10px;
	}
}

.section-subbody > .edit-body {
	padding: 24.6px 20px 44px 20px;
}

@media screen and (max-width: 736px) {
	.section-subbody > .edit-body {
		padding: 20px;
	}
}

.edit-body {
	padding: 30px 20px;
}

.edit-body + .edit-body {
	margin-top: 10px;
}

@media screen and (max-width: 736px) {
	.edit-body {
		padding: 10px;
	}
}

.merit-list > li {
	padding-top: 10px;
	padding-bottom: 10px;
}

.merit-list > li + li {
	margin-top: 20px;
}

.merit-list .wrap-col > .common-image {
	width: 81px;
}

@media screen and (max-width: 736px) {
	.merit-list > li + li {
		margin-top: 0;
	}
	.merit-list .wrap-col > .common-image {
		width: 60px;
	}
}

.seminar-table > li + li {
	margin-top: 4px;
}

.seminar-table.cell-112p4 .seminar-row > * {
	width: 25%;
}

.seminar-table.cell-112p4 .seminar-row > * + * + * {
	width: 50%;
}

.seminar-table.cell-1112p5 .seminar-row > * {
	width: 20%;
}

.seminar-table.cell-1112p5 .seminar-row > * + * + * + * {
	width: 60%;
}

.seminar-table.bg-gray .seminar-row {
	background-color: #F7F7F7;
}

.seminar-table .seminar-row {
	width: 100%;
	display: table;
	table-layout: fixed;
	border-collapse: collapse;
	text-decoration: none;
	font-size: 14px;
	background-color: #FFFFFF;
}

.seminar-table .seminar-row > * {
	display: table-cell;
	padding: 5px 20px;
	color: #3D443E;
}

.seminar-table .seminar-row.table-head {
	font-weight: bold;
	background: none;
}

.seminar-table .seminar-row.table-head > * {
	padding-top: 0;
	padding-bottom: 0;
	color: #3D443E;
}

.seminar-table.first-highlight a.seminar-row > * {
	color: #43B5CF;
}

.seminar-table.first-highlight a.seminar-row:hover > * {
	color: #FF6A00;
}

.seminar-table.first-highlight a.seminar-row > * + *,
.seminar-table.first-highlight a.seminar-row:hover > * + * {
	color: #3D443E;
}

.seminar-table.first-highlight a.seminar-row.table-head > * {
	color: #3D443E;
}

.seminar-table.third-highlight a.seminar-row > * + * + * {
	color: #43B5CF;
}

.seminar-table.third-highlight a.seminar-row:hover > * + * + * {
	color: #FF6A00;
}

.seminar-table.third-highlight .seminar-row.table-head > * + * + * {
	color: #3D443E;
}

@media screen and (max-width: 736px) {
	.seminar-table {
		margin-left: -20px;
		margin-right: -20px;
		border-top: 2px solid #F2F2F2;
		border-bottom: 2px solid #F2F2F2;
	}
	.seminar-table > li + li + li {
		border-top: 2px solid #F2F2F2;
	}
	.seminar-table.cell-112p4 .seminar-row > * {
		width: 60%;
	}
	.seminar-table.cell-112p4 .seminar-row > * + * {
		width: 40%;
		text-align: right;
		pading-left: 15px;
	}
	.seminar-table.cell-112p4 .seminar-row > * + * + * {
		width: 100%;
		margin-top: 10px;
		padding-left: 0;
		text-align: left;
	}
	.seminar-table.cell-1112p5 .seminar-row > * {
		width: auto;
	}
	.seminar-table.cell-1112p5 .seminar-row > * + * {
		margin-left: 15px;
	}
	.seminar-table.cell-1112p5 .seminar-row > * + * + * {
		margin-top: 10px;
		margin-left: 0;
	}
	.seminar-table.cell-1112p5 .seminar-row > * + * + * + * {
		margin-top: 0;
	}
	.seminar-table .seminar-row {
		display: block;
		font-size: 12px;
		padding: 10px 35px 10px 25px;
		background: none;
	}
	.seminar-table .seminar-row.table-head {
		display: none;
	}
	.seminar-table .seminar-row:after {
		content: " ";
		display: block;
		clear: both;
	}
	.seminar-table .seminar-row > * {
		display: block;
		padding: 0;
		float: left;
		font-size: 14px;
	}
	.seminar-table .seminar-row > * + * + * {
		clear: both;
	}
}

.change-tab-trigger {
	margin-left: -20px;
	margin-right: -20px;
}

.change-tab-trigger:after {
	content: " ";
	display: block;
	clear: both;
}

.change-tab-trigger > * {
	float: left;
	width: 50%;
	text-align: center;
	background-color: #F0F0F0;
	color: #999999 !important;
	border-top: 2px solid #D6D6D6;
	border-bottom: 2px solid #D6D6D6;
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 1.2;
}

.change-tab-trigger > * + * {
	border-left: 2px solid #D6D6D6;
}

.change-tab-trigger > .is-active {
	background-color: #FFFFFF;
	color: #3D443E !important;
	border-bottom: 2px solid transparent;
}

@media screen and (max-width: 736px) {
	.change-tab-target {
		display: none;
	}
	.change-tab-target.is-active {
		display: block;
	}
}

.terms-content > * + h2 {
	margin-top: 40px;
	padding-top: 0;
	border-top: none;
}

.terms-content > * + h3 {
	margin-top: 30px;
}

.terms-content h3 {
	padding-left: 0;
	background: none;
}

.terms-content .terms-body,
.terms-content .terms-subbody {
	padding-left: 20px;
	padding-right: 20px;
}

.terms-content .terms-body > * + *,
.terms-content .terms-subbody > * + * {
	margin-top: 10px;
}

.terms-content .terms-list > li > * + * {
	margin-top: 10px;
}

.terms-content .terms-list > li + li {
	margin-top: 20px;
}

.terms-content .terms-sublist > li + li {
	margin-top: 15px;
}

.terms-content .terms-sublist .listmark-shift + * {
	padding-left: 20px;
}

@media screen and (max-width: 736px) {
	.terms-content > * + h2 {
		margin-top: 20px;
	}
	.terms-content .terms-body,
	.terms-content .terms-subbody {
		padding-left: 15px;
		padding-right: 0;
	}
	.terms-content .terms-body > * + *,
	.terms-content .terms-subbody > * + * {
		margin-top: 10px;
	}
	.terms-content .terms-list > li > * + * {
		margin-top: 10px;
	}
	.terms-content .terms-list > li + li {
		margin-top: 15px;
	}
}

.listmark-shift {
	padding-left: 1.5em;
	text-indent: -1.5em;
}

.jobcafe-manual-list > li {
	padding-left: 30px;
	background: url(/_common/themes/jobcafe/images/pdf_icon.gif) no-repeat;
}

.jobcafe-manual-list > li + li {
	margin-top: 15px;
}

.index-block + .index-block {
	margin-top: 35px;
}

.index-block > .btn-group {
	padding: 0 24px;
}

.index-block > .btn-group + .btn-group {
	margin-top: 15px;
}

.index-block.snsbuttom-block {
	margin-top: 20px;
}

.index-block.snsbuttom-block + .index-block {
	margin-top: 20px;
}

.index-block + .link-group {
	margin-top: 15px;
}

@media screen and (max-width: 736px) {
	.index-block .section-header {
		margin-left: -20px;
		margin-right: -20px;
	}
	.index-block .post-list.post-sideways {
		margin-left: -20px !important;
		margin-right: -20px !important;
	}
	.index-block > .btn-group {
		padding-left: 0;
		padding-right: 0;
	}
	.index-block > .btn-group + .btn-group {
		margin-top: 10px;
	}
}

.carousel-block {
	width: 100%;
	position: relative;
}

.grid12-8-4:after {
	content: "";
	display: block;
	clear: both;
}

.grid12-8-4 > * {
	float: left;
	width: 67.46031%;
	margin-right: 1.58730%;
}

.grid12-8-4 > * + * {
	width: 30.95238%;
	margin-right: 0;
}

.centering-body {
	width: 1060px;
	max-width: 1260px;
	min-width: 1020px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 736px) {
	.centering-body {
		width: 100%;
		min-width: 0;
	}
}

.site-header,
.site-footer,
.main,
.section-landing,
.site-kv,
.site-kv > .index-block,
.carousel-body {
	min-width: 1190px;
}

@media screen and (max-width: 736px) {
	.site-header,
	.site-footer,
	.main,
	.section-landing,
	.site-kv,
	.site-kv > .index-block,
	.carousel-body {
		min-width: 320px;
	}
}

.section-company .post-item .post-body {
	min-height: 0;
}

.section-company .post-item .post-body .post-text {
	font-weight: bold;
}

.pc-block {
	display: block;
}

@media screen and (max-width: 736px) {
	.pc-block {
		display: none;
	}
}

.sp-block {
	display: none;
}

@media screen and (max-width: 736px) {
	.sp-block {
		display: block;
	}
}

.modal-wrapper,
.modal-wrapper + .modal-contents {
	display: none;
}

.modal-wrapper > .back-layer {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 10;
}

.modal-wrapper > .content-box {
	position: absolute;
	top: 105px;
	right: 0;
	left: 0;
	margin: auto;
	width: 80%;
	padding: 20px;
	margin: auto;
	background-color: #FFFFFF;
	z-index: 1000;
}

.modal-wrapper > .content-box.modal-search {
	position: absolute;
	background: none;
	z-index: 100000;
	top: 84px;
	right: 0;
	width: 100%;
	height: auto;
	padding: 0;
	bottom: initial;
	min-height: 0;
	height: 66px;
}

.modal-wrapper > .content-box .section-header {
	padding-left: 20px;
}

.modal-wrapper > .content-box .section-body .site-nav {
	display: block;
}

.modal-nav li + li {
	margin-top: 10px;
}

.modal-nav .nav-bit {
	font-size: 12px;
	line-height: 1.2;
}

.site-header {
	background-color: #FFFFFF;
}

.site-header .header-middle {
	height: 160px;
	position: relative;
}

.site-header .header-middle > * {
	position: absolute;
}

.site-header .header-middle > .site-logo {
	top: 15px;
	left: 20px;
}

.site-header .header-middle > .site-nav {
	position: absolute;
	top: 70px;
	right: 35px;
}

.site-header .header-middle > .site-action {
	top: 15px;
	right: 35px;
}

.site-header .header-bottom {
	position: relative;
}

.site-header .header-bottom > * {
	position: absolute;
}

.site-header .header-bottom > .site-catchcopy {
	left: 0;
	right: 0;
	bottom: 0;
}

@media screen and (max-width: 736px) {
	.site-header .header-top {
		position: relative;
		z-index: 10000;
		background-color: #FFFFFF;
		height: 30px;
		border-bottom: 1px solid #BABABA;
	}
	.site-header .header-middle {
		z-index: 10000;
		height: 68px;
		background-color: #FFFFFF;
	}
	.site-header .header-middle > .site-logo {
		top: 4px;
		left: 10px;
	}
	.site-header .header-middle > .site-nav {
		top: 15px;
		right: 10px;
	}
	.site-header .header-middle > .site-login {
		display: block;
		top: 10px;
		right: 60px;
	}
	.site-header .header-middle > .site-action {
		display: none;
	}
	.site-header .header-bottom {
		height: 30px;
	}
}

.site-footer {
	padding: 50px 50px 180px;
	background-color: #55ACEE;
}

.site-footer .sitemap-list + .index-block {
	margin-top: 50px;
}

@media screen and (max-width: 736px) {
	.site-footer {
		padding: 30px 10px 100px;
	}
	.site-footer .sitemap-list + .index-block {
		margin-top: 50px;
	}
	.site-footer .index-block .section-header {
		margin-left: -10px;
		margin-right: -10px;
	}
}

.site-kv + * {
	margin-top: -35px;
}

@media screen and (max-width: 736px) {
	.site-kv {
		overflow: hidden;
	}
}

.section-landing {
	padding-left: 50px;
	padding-right: 50px;
}

.section-landing.section-company {
	background-color: #F7F7F7;
}

.section-landing.section-recruit {
	background-color: #F3EDED;
}

.section-landing.section-event {
	background-color: #F2F2F2;
}

.section-landing.sns-landing {
	padding-bottom: 0;
}

.section-landing.information-landing {
	margin-bottom: 60px;
}

@media screen and (max-width: 736px) {
	.section-landing {
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
	}
	.section-landing + .section-landing {
		padding-top: 20px;
	}
	.section-landing.sns-landing {
		margin-top: 40px;
	}
	.section-landing.information-landing {
		padding: 0 10px;
		margin-bottom: 0;
	}
}

.adm-main {
	padding-top: 30px;
	padding-bottom: 60px;
}

@media screen and (max-width: 736px) {
	.adm-main {
		padding-top: 10px;
	}
}

.adm-wrapper {
	min-width: 1024px;
}

@media screen and (max-width: 736px) {
	.adm-wrapper {
		min-width: 320px;
	}
}

#page-index #jobcafeNews .pieceHeader,
#page-index #enterpriseNews .pieceHeader {
	display: none;
}

#page-index .topics-item > .topics-text:first-child {
	padding-left: 75px;
}

.page-top .section-landing {
	padding-bottom: 60px;
}

.page-top .section-landing.sns-landing {
	padding-bottom: 0;
}

.page-top .section-landing + .section-landing {
	padding-top: 60px;
}

.page-top .sns-landing + .section-landing {
	padding-top: 20px;
}

@media screen and (max-width: 736px) {
	.page-top .section-landing {
		padding-bottom: 30px;
	}
	.page-top .section-landing + .section-landing {
		padding-top: 30px;
	}
}

/*====================================================================
# TOPページ
====================================================================*/
.post-error {
	text-align: center;
	font-size: 20px;
	padding-top: 50px;
	padding-bottom: 60px;
	background-color: #F2F2F2;
}

#page-event1-gakuroku .edit-area table {
	width: 100% !important;
}

#page-event1-index .edit-area {
	overflow-x: scroll;
}

/*====================================================================
# template アクセス
====================================================================*/
#page-access .list-body {
	min-height: 200px;
	padding: 20px 15px;
}

@media screen and (max-width: 736px) {
	#page-access .list-body {
		min-height: 150px;
		padding: 15px 10px;
	}
}

#page-access .google-map + .transition-link {
	margin-top: 10px;
}

/*====================================================================
# 就活アドバイザールーム
====================================================================*/
/*====================================================================
# フロア案内
====================================================================*/
.floor-list .wrap-col > .common-image {
	width: auto;
}

@media screen and (max-width: 736px) {
	.floor-list .wrap-col > * {
		float: none;
	}
	.floor-list .wrap-col > * + * {
		padding-left: 0;
		margin-top: 5px;
	}
}

/*====================================================================
# 就活Q&A　タブ部分
====================================================================*/
#page-advisorRoom-qa-index .qa1,
#page-advisorRoom-qa-qa2 .qa2,
#page-advisorRoom-qa-qa3 .qa3,
#page-advisorRoom-qa-qa4 .qa4 {
	position: relative;
	background-color: white;
}

#page-advisorRoom-qa-index .qa1:after,
#page-advisorRoom-qa-qa2 .qa2:after,
#page-advisorRoom-qa-qa3 .qa3:after,
#page-advisorRoom-qa-qa4 .qa4:after {
	position: absolute;
	content: " ";
	display: block;
	width: 100%;
	height: 4px;
	background-color: white;
	left: 0;
	right: 0;
	bottom: -4px;
}

/*====================================================================
# ジョブカフェからのお知らせ　タブ部分
====================================================================*/
#page-news-index .tab-new,
#page-news-category-seminar-index .tab-seminar,
#page-news-category-event-index .tab-event,
#page-news-category-forEnterprise-index .tab-enterprise,
#page-news-category-information-index .tab-notice,
#page-news-more .tab-new,
#page-news-category-seminar-more .tab-seminar,
#page-news-category-event-more .tab-event,
#page-news-category-forEnterprise-more .tab-enterprise,
#page-news-category-information-more .tab-notice {
	position: relative;
	background-color: white;
}

#page-news-index .tab-new:after,
#page-news-category-seminar-index .tab-seminar:after,
#page-news-category-event-index .tab-event:after,
#page-news-category-forEnterprise-index .tab-enterprise:after,
#page-news-category-information-index .tab-notice:after,
#page-news-more .tab-new:after,
#page-news-category-seminar-more .tab-seminar:after,
#page-news-category-event-more .tab-event:after,
#page-news-category-forEnterprise-more .tab-enterprise:after,
#page-news-category-information-more .tab-notice:after {
	position: absolute;
	content: " ";
	display: block;
	width: 100%;
	height: 4px;
	background-color: white;
	left: 0;
	right: 0;
	bottom: -4px;
	z-index: 1;
}

#page-news-index .section-body,
#page-news-category-seminar-index .section-body,
#page-news-category-event-index .section-body,
#page-news-category-forEnterprise-index .section-body,
#page-news-category-information-index .section-body,
#page-news-more .section-body,
#page-news-category-seminar-more .section-body,
#page-news-category-event-more .section-body,
#page-news-category-forEnterprise-more .section-body,
#page-news-category-information-more .section-body {
	position: relative;
}

#page-news-index .section-body > .unit-list,
#page-news-category-seminar-index .section-body > .unit-list,
#page-news-category-event-index .section-body > .unit-list,
#page-news-category-forEnterprise-index .section-body > .unit-list,
#page-news-category-information-index .section-body > .unit-list,
#page-news-more .section-body > .unit-list,
#page-news-category-seminar-more .section-body > .unit-list,
#page-news-category-event-more .section-body > .unit-list,
#page-news-category-forEnterprise-more .section-body > .unit-list,
#page-news-category-information-more .section-body > .unit-list {
	position: asbolute;
	left: 0;
	top: 0;
}

/*====================================================================
# 企業からのお知らせ　タブ部分
====================================================================*/
#page-enterpriseNews-index .tab-new,
#page-enterpriseNews-category-recruitment-index .tab-accept,
#page-enterpriseNews-category-jobsInfo-index .tab-offer,
#page-enterpriseNews-category-pr-index .tab-pr,
#page-enterpriseNews-more .tab-new,
#page-enterpriseNews-category-recruitment-more .tab-accept,
#page-enterpriseNews-category-jobsInfo-more .tab-offer,
#page-enterpriseNews-category-pr-more .tab-pr {
	position: relative;
	background-color: white;
}

#page-enterpriseNews-index .tab-new:after,
#page-enterpriseNews-category-recruitment-index .tab-accept:after,
#page-enterpriseNews-category-jobsInfo-index .tab-offer:after,
#page-enterpriseNews-category-pr-index .tab-pr:after,
#page-enterpriseNews-more .tab-new:after,
#page-enterpriseNews-category-recruitment-more .tab-accept:after,
#page-enterpriseNews-category-jobsInfo-more .tab-offer:after,
#page-enterpriseNews-category-pr-more .tab-pr:after {
	position: absolute;
	content: " ";
	display: block;
	width: 100%;
	height: 4px;
	background-color: white;
	left: 0;
	right: 0;
	bottom: -4px;
	z-index: 1;
}

.contentArticleRecentDocs .feed,
.contentArticleAttributeDetail .feed,
.contentArticleAttributeUnit .feed,
.contentArticleDepartment .latest .feed {
	text-align: right;
	margin-bototm: 10px;
}

.contentArticleRecentDocs .feed > *,
.contentArticleAttributeDetail .feed > *,
.contentArticleAttributeUnit .feed > *,
.contentArticleDepartment .latest .feed > * {
	box-sizing: border-box;
	-webkit-appearance: none;
	appearance: none;
	display: inline-block;
	cursor: pointer;
	margin-left: auto;
	margin-right: auto;
	border: none;
	color: #FFFFFF !important;
	text-align: center;
	line-height: normal;
	text-decoration: none;
	-webkit-transition: 0.2s linear;
	transition: 0.2s linear;
	border-radius: 4px;
	background-color: #55ACEE;
	padding: 0.4em;
	width: 70px;
	font-size: 12px;
	border: 2px solid #55ACEE;
}

.contentArticleRecentDocs .feed > *:hover,
.contentArticleAttributeDetail .feed > *:hover,
.contentArticleAttributeUnit .feed > *:hover,
.contentArticleDepartment .latest .feed > *:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.contentArticleRecentDocs .feed > * + *,
.contentArticleAttributeDetail .feed > * + *,
.contentArticleAttributeUnit .feed > * + *,
.contentArticleDepartment .latest .feed > * + * {
	margin-left: 10px;
}

.contentArticleRecentDocs .attributes,
.contentArticleAttributeDetail .attributes,
.contentArticleAttributeUnit .attributes,
.contentArticleDepartment .latest .attributes {
	margin-top: 20px;
}

.contentArticleRecentDocs .attributes ul > li + li,
.contentArticleAttributeDetail .attributes ul > li + li,
.contentArticleAttributeUnit .attributes ul > li + li,
.contentArticleDepartment .latest .attributes ul > li + li {
	margin-top: 10px;
}

.contentArticleRecentDocs .attribute,
.contentArticleAttributeDetail .attribute,
.contentArticleAttributeUnit .attribute,
.contentArticleDepartment .latest .attribute {
	box-sizing: border-box;
	padding: 0 4px;
	display: inline-block;
	min-width: 60px;
	text-align: center;
	line-height: 1.2;
	font-size: 12px;
	margin-right: 5px;
	border-width: 2px;
	border-style: solid;
}

.contentArticleRecentDocs .attribute.attributeEvent,
.contentArticleAttributeDetail .attribute.attributeEvent,
.contentArticleAttributeUnit .attribute.attributeEvent,
.contentArticleDepartment .latest .attribute.attributeEvent {
	color: #FFFFFF;
	background-color: #FF8382;
	border-color: #F7B1B3;
}

.contentArticleRecentDocs .attribute.attributeForEnterprise,
.contentArticleAttributeDetail .attribute.attributeForEnterprise,
.contentArticleAttributeUnit .attribute.attributeForEnterprise,
.contentArticleDepartment .latest .attribute.attributeForEnterprise {
	color: #FFFFFF;
	background-color: #25CED1;
	border-color: #A8EBED;
}

.contentArticleRecentDocs .attribute.attributeJobsInfo,
.contentArticleAttributeDetail .attribute.attributeJobsInfo,
.contentArticleAttributeUnit .attribute.attributeJobsInfo,
.contentArticleDepartment .latest .attribute.attributeJobsInfo {
	color: #FFFFFF;
	background-color: #F8B61A;
	border-color: #F9C548;
}

.contentArticleRecentDocs .attribute.attributeInformation,
.contentArticleAttributeDetail .attribute.attributeInformation,
.contentArticleAttributeUnit .attribute.attributeInformation,
.contentArticleDepartment .latest .attribute.attributeInformation {
	color: #FFFFFF;
	background-color: #22A1AA;
	border-color: #7AC7CC;
}

.contentArticleRecentDocs .attribute.attributeSeminar,
.contentArticleAttributeDetail .attribute.attributeSeminar,
.contentArticleAttributeUnit .attribute.attributeSeminar,
.contentArticleDepartment .latest .attribute.attributeSeminar {
	color: #FFFFFF;
	background-color: #FC844F;
	border-color: #FCB092;
}

.contentArticleRecentDocs .attribute.attributeRecruitment,
.contentArticleAttributeDetail .attribute.attributeRecruitment,
.contentArticleAttributeUnit .attribute.attributeRecruitment,
.contentArticleDepartment .latest .attribute.attributeRecruitment {
	color: #FFFFFF;
	background-color: #55ACEE;
	border-color: #AEECEF;
}

.contentArticleRecentDocs .attribute.attributePr,
.contentArticleAttributeDetail .attribute.attributePr,
.contentArticleAttributeUnit .attribute.attributePr,
.contentArticleDepartment .latest .attribute.attributePr {
	color: #FFFFFF;
	background-color: #AFACDF;
	border-color: #CFCDEC;
}

.contentArticleRecentDocs .pagination,
.contentArticleAttributeDetail .pagination,
.contentArticleAttributeUnit .pagination,
.contentArticleDepartment .latest .pagination {
	text-align: center;
	margin-top: 20px;
}

.contentArticleRecentDocs .docs {
	margin-top: 20px;
}

.contentArticleRecentDocs .date {
	font-size: 14px;
}

.contentArticleRecentDocs ul + .date {
	margin-top: 15px;
}

.contentArticleAttributeDetail {
	position: relative;
	margin-top: 60px;
}

.contentArticleAttributeDetail .feed {
	position: absolute;
	top: -50px;
	right: 0;
}

.contentArticleAttributeDetail ul > li {
	position: relative;
	padding-left: 75px;
}

.contentArticleAttributeDetail ul > li + li {
	margin-top: 5px;
}

.contentArticleAttributeDetail .attribute {
	position: absolute;
	left: 0;
}

.contentArticleAttributeDetail .more {
	text-align: right;
	margin-top: 10px;
}

.contentArticleAttributeDetail .unit + .unit {
	margin-top: 20px;
}

.contentArticleAttributeDetail .unit > h3 + ul {
	margin-top: 10px;
}

.contentArticleAttributeUnit ul > li + li {
	margin-top: 5px;
}

/*====================================================================
# ジョブカフェしまねのお知らせ　詳細
====================================================================*/
.contentArticleDoc {
	position: relative;
}

.contentArticleDoc .header {
	position: absolute;
	top: -20px;
	right: 0;
}

.contentArticleDoc .header h1 {
	display: none;
}

.contentArticleDoc .header .publishedAt {
	font-weight: bold;
	color: #55ACEE;
}

.contentArticleDoc .header .publishedAt:before {
	content: "更新日：";
	display: inline;
	color: #55ACEE;
}

.contentArticleDoc .body {
	margin-top: 20px;
}

@media screen and (max-width: 736px) {
	.contentArticleDoc .header {
		position: static;
	}
	.contentArticleDoc .publishedAt {
		font-size: 12px;
	}
	.contentArticleDoc .body {
		margin-top: 20px;
	}
}

/*====================================================================
# よくあるご質問
====================================================================*/
#page-faq-event .faq1,
#page-faq-event .faq2 {
	position: relative;
	background-color: white;
}

#page-faq-event .faq1:after,
#page-faq-event .faq2:after {
	position: absolute;
	content: " ";
	display: block;
	width: 100%;
	height: 4px;
	background-color: white;
	left: 0;
	right: 0;
	bottom: -4px;
	z-index: 1;
}

/*====================================================================
# コンテンツ - 02.インターンシップ体験記
====================================================================*/
/*====================================================================
# コンテンツ - 04.内定者の就活メモ
====================================================================*/
#shukatsuNoteLead .pieceHeader + .pieceBody {
	margin-top: 30px;
}

#shukatsuNoteLead h2 {
	text-align: center;
}

#shukatsuNoteLead ul:after {
	content: " ";
	display: block;
	clear: both;
}

#shukatsuNoteLead ul > li {
	float: left;
}

#shukatsuNoteLead ul img {
	vertical-align: bottom;
}

.shukatsuNoteContent .tab {
	display: none;
}

.shukatsuNoteContent .btn {
	display: none;
}

.shukatsuNoteContent .btn:after {
	content: " ";
	display: block;
	clear: both;
}

.shukatsuNoteContent .btn > li {
	float: left;
}

.shukatsuNoteContent .btn > li + li {
	margin-left: 5px;
}

.shukatsuNoteContent .btn + .noteItem {
	margin-top: 30px;
}

.shukatsuNoteContent .noteItem + .noteItem {
	margin-top: 40px;
}

.shukatsuNoteContent .noteItem {
	padding: 15px 15px 30px;
	background-color: #E9F5FF;
	background-repeat: no-repeat;
	background-position: 100% 0;
}

.shukatsuNoteContent .noteItem.woman {
	background-image: url(/_common/themes/jobcafe/img/edit/img_shukatsu_woman.png);
}

.shukatsuNoteContent .noteItem.man {
	background-image: url(/_common/themes/jobcafe/img/edit/img_shukatsu_man.png);
}

.shukatsuNoteContent .noteItem .noteHeader {
	border-left: 5px solid #55ACEE;
	padding-left: 10px;
}

.shukatsuNoteContent .noteItem .noteHeader h2 {
	display: none;
}

.shukatsuNoteContent .noteItem .noteHeader + .noteBody {
	margin-top: 15px;
}

.shukatsuNoteContent .noteItem .noteBody {
	padding-left: 10px;
}

.shukatsuNoteContent .noteItem .noteBody h2 {
	font-weight: normal;
	font-size: 14px;
}

.shukatsuNoteContent .noteItem .noteBody h3 {
	background: none;
	padding-left: 0;
	font-size: 14px;
	font-weight: normal;
}

.shukatsuNoteContent .noteItem .noteBody p + p {
	margin-top: 10px;
}

@media screen and (max-width: 736px) {
	.shukatsuNoteContent .noteItem {
		background-size: 60px;
	}
	.shukatsuNoteContent .noteItem .noteHeader {
		padding-right: 50px;
	}
}

#page-shukatsuNote-fresh-index .tab-fresh,
#page-shukatsuNote-general-index .tab-general,
#page-shukatsuNote-testimonials .tab-testimonials {
	position: relative;
	background-color: white;
}

#page-shukatsuNote-fresh-index .tab-fresh:after,
#page-shukatsuNote-general-index .tab-general:after,
#page-shukatsuNote-testimonials .tab-testimonials:after {
	position: absolute;
	content: " ";
	display: block;
	width: 100%;
	height: 4px;
	background-color: white;
	left: 0;
	right: 0;
	bottom: -4px;
}

#page-shukatsuNote-testimonials .edit-area .body h2 {
	padding-left: 27px;
	background-image: url(/tanki/assets/img/common/icon_h4.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
}

/*====================================================================
# コンテンツ - 04.内定者の就活メモ 喜びの声
====================================================================*/
#page-shukatsuNote-testimonials * + h2 {
	margin-top: 30px;
}

/*====================================================================
# コンテンツ - 05.学生企業インタビュー
====================================================================*/
/*====================================================================
# コンテンツ - 06.スタッフのつぶやき
====================================================================*/
.diaryContent .topMsg + .article {
	margin-top: 20px;
}

.diaryContent .article {
	padding: 15px;
	position: relative;
	background-color: #E9F5FF;
}

.diaryContent .article h2 {
	border-left: 5px solid #55ACEE;
	padding-left: 10px;
}

.diaryContent .article .date {
	font-size: 15px;
	position: absolute;
	top: 18px;
	right: 15px;
}

.diaryContent .article .date + .diaryBody {
	margin-top: 15px;
}

.diaryContent .article .diaryBody p + p {
	margin-top: 1em;
}

@media screen and (max-width: 736px) {
	.diaryContent .article .date {
		position: static;
		font-size: 14px;
	}
	.diaryContent .article img {
		width: 100%;
		height: auto;
	}
}

.diaryContent .article + .article {
	margin-top: 20px;
}

.diaryContent .monthlyPagination {
	text-align: center;
}

.diaryContent .upperPagination,
.diaryContent .lowerPagination {
	padding-top: 10px;
	padding-bottom: 10px;
}

.diaryContent .upperPagination a,
.diaryContent .lowerPagination a {
	color: #43B5CF;
}

.diaryContent .upperPagination a:hover,
.diaryContent .lowerPagination a:hover {
	color: #FF6A00;
}

.diaryContent .month {
	color: #FFFFFF;
	background-color: #55ACEE;
	padding: 3px 10px;
	font-weight: bold;
	display: inline-block;
}

.diaryContent .pagination {
	text-align: center;
	margin-top: 10px;
}

#diaryMonthlyLinks + .diaryContent {
	margin-top: 15px;
}

#diaryMonthlyLinks:after {
	content: " ";
	display: block;
	clear: both;
}

#diaryMonthlyLinks h2 {
	float: left;
	font-weight: bold;
	margin-bottom: 0;
	font-size: 15px;
}

#diaryMonthlyLinks h2 > br {
	display: none;
}

#diaryMonthlyLinks select {
	float: left;
	display: block;
	-webkit-appearance: none;
	-ms-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #F4F4F4;
	font-size: 14px;
	color: #3D443E;
	margin-left: 10px;
	border-radius: 0;
	border: none;
	background-image: url(/tanki/assets/img/common/icon_pulldown.png);
	background-position: 100% 50%;
	padding: 1px 6px;
	padding-right: 30px;
	background-repeat: no-repeat;
}

#diaryMonthlyLinks .feed {
	float: left;
	margin-left: 20px;
}

#diaryMonthlyLinks .feed > a {
	box-sizing: border-box;
	-webkit-appearance: none;
	appearance: none;
	display: inline-block;
	cursor: pointer;
	margin-left: auto;
	margin-right: auto;
	border: none;
	color: #FFFFFF !important;
	text-align: center;
	line-height: normal;
	text-decoration: none;
	-webkit-transition: 0.2s linear;
	transition: 0.2s linear;
	border-radius: 4px;
	background-color: #55ACEE;
	padding: 0.1em 1em;
	width: 80px;
	font-size: 14px;
	border: 2px solid #55ACEE;
}

#diaryMonthlyLinks .feed > a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#diaryMonthlyLinks .feed > a + a {
	margin-left: 10px;
}

@media screen and (max-width: 736px) {
	#diaryMonthlyLinks {
		padding: 10px;
		background-color: #F2F2F2;
	}
	#diaryMonthlyLinks h2 {
		float: none;
		font-size: 14px;
	}
	#diaryMonthlyLinks select {
		float: none;
		margin-top: 10px;
		margin-left: 0;
		font-size: 12px;
		background-color: white;
		width: 100%;
	}
	#diaryMonthlyLinks .feed {
		width: auto;
		margin-top: 10px;
		margin-right: -1%;
		float: none;
		margin-top: 10px;
		margin-left: 0;
	}
	#diaryMonthlyLinks .feed > a {
		font-size: 12px;
		width: 48%;
		padding-right: 0;
		padding-left: 0;
		margin-right: 1%;
	}
	#diaryMonthlyLinks .feed > a + a {
		margin-left: 0;
	}
}

/*====================================================================
# コンテンツ - イベント申込フォーム & ジョブカフェしまねへのお問い合わせ & お問い合わせ & 就職決定報告 & 企業へのお問い合わせ
====================================================================*/
.enqueteForm .errorExplanation * {
	color: #C1272D !important;
}

.enqueteForm .errorExplanation * > h2 {
	font-weight: bold;
	font-size: 14px;
}

.enqueteForm .errorExplanation * > h2 + p {
	margin-top: 15px;
}

.enqueteForm .errorExplanation * > p {
	font-size: 14px;
	font-weight: bold;
}

.enqueteForm .errorExplanation * > p + ul {
	margin-top: 10px;
}

.enqueteForm .errorExplanation + .form {
	margin-top: 15px;
}

.enqueteForm .form {
	color: #3D443E;
}

.enqueteForm .form > .name {
	font-size: 20px;
	font-weight: bold;
}

.enqueteForm .form > .name + .enqueteForm .form > .body {
	margin-top: 15px;
}

.enqueteForm .form > .body {
	font-size: 14px;
}

.enqueteForm .form > .body p + p {
	margin-top: 5px;
}

@media screen and (max-width: 736px) {
	.enqueteForm .form > .name {
		font-size: 18px;
	}
}

.enqueteForm .form + .columns {
	margin-top: 20px;
	border-top: 3px solid #D5D5D5;
	padding-top: 20px;
}

.enqueteForm .columns .column + .column {
	margin-top: 15px;
}

.enqueteForm .columns .title {
	font-size: 16px;
	font-weight: bold;
	color: #3D443E;
	border-left: 20px solid #55ACEE;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
}

.enqueteForm .columns .name {
	font-size: 14px;
	color: #3D443E;
	border-left: 5px solid #55ACEE;
	padding-left: 10px;
}

.enqueteForm .columns .name > .required {
	font-size: 12px;
	color: #C1272D;
}

.enqueteForm .columns .name + .body {
	margin-top: 5px;
	font-size: 12px;
}

.enqueteForm .columns .name + .field,
.enqueteForm .columns .body + .field {
	margin-top: 10px;
}

.enqueteForm .columns .textField,
.enqueteForm .columns .textArea,
.enqueteForm .columns .select {
	outline: none;
	-ms-outline: none;
	-webkit-outline: none;
	-moz-outline: none;
	appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	-moz-appearance: none;
	color: #3D443E;
	background-color: #F7F7F7;
	border-radius: 0;
	border: 3px solid transparent;
	padding: 4px 6px;
	border-color: #53585d;
	/* border-width: 1px; */
}

@media screen and (max-width: 736px) {
	.enqueteForm .columns .textField,
	.enqueteForm .columns .textArea,
	.enqueteForm .columns .select {
		width: 100% !important;
		font-size: 12px;
	}
}

.enqueteForm .columns .textArea {
	width: 100% !important;
}

.enqueteForm .columns .select {
	border: none;
	background-image: url(/tanki/assets/img/common/icon_pulldown.png);
	background-position: 100% 50%;
	padding-right: 30px;
	background-repeat: no-repeat;
}

@media screen and (max-width: 736px) {
	.enqueteForm .columns .select {
		background-size: 16px auto;
		padding-right: 20px;
	}
}

.enqueteForm .columns .textField:focus,
.enqueteForm .columns .textArea:focus {
	border-color: #55ACEE;
}

.enqueteForm .columns .checkBox,
.enqueteForm .columns .radioButton {
	color: #3D443E;
}

.enqueteForm .columns .checkBox:after,
.enqueteForm .columns .radioButton:after {
	content: "";
	display: block;
	clear: both;
}

.enqueteForm .columns .checkBox > .element,
.enqueteForm .columns .radioButton > .element {
	float: left;
}

.enqueteForm .columns .checkBox > .element + .element,
.enqueteForm .columns .radioButton > .element + .element {
	margin-left: 10px;
}

.enqueteForm .columns .checkBox .input[type="checkbox"],
.enqueteForm .columns .checkBox .input[type="radio"],
.enqueteForm .columns .radioButton .input[type="checkbox"],
.enqueteForm .columns .radioButton .input[type="radio"] {
	margin-right: 5px;
}

.enqueteForm .columns + .submitters {
	margin-top: 30px;
}

.enqueteForm .submitters {
	text-align: center;
}

.enqueteForm .submitters > input {
	box-sizing: border-box;
	-webkit-appearance: none;
	appearance: none;
	display: inline-block;
	cursor: pointer;
	margin-left: auto;
	margin-right: auto;
	border: none;
	color: #FFFFFF !important;
	text-align: center;
	line-height: normal;
	text-decoration: none;
	-webkit-transition: 0.2s linear;
	transition: 0.2s linear;
	border-radius: 4px;
	padding: 0.6em 3em;
	font-size: 14px;
	border: 2px solid #FF6400;
	background-color: #FF6400;
}

.enqueteForm .submitters > input:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: alpha(opacity=70);
}

.enqueteForm .back {
	display: none;
}

/*====================================================================
# このサイトについて /about_site/
====================================================================*/
#page-aboutSite-index .edit-area h3 {
	background: none;
	padding-left: 0;
}

/*====================================================================
# 学録通信バックナンバー /advance_news/
====================================================================*/
#page-advanceNews-index .iconFile {
	display: block;
	font-size: 20px;
	padding: 4px 0 0 42px;
	background-image: url(/_common/themes/jobcafe/images/icon_advance.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	margin-top: 30px;
}

@media screen and (max-width: 736px) {
	#page-advanceNews-index .iconFile {
		font-size: 14px;
	}
}

/*====================================================================
# インターンシップ /tanki/faq.html
====================================================================*/
#page-internship-faq .edit-area h3 {
	background: none;
	padding-left: 0;
}

/*====================================================================
# 就活活動の流れ /advisor_room/flow/index.html
====================================================================*/
#page-advisorRoom-flow-index ul > li,
#page-advisorRoom-flow-index ol > li {
	background: none;
	padding: 0;
}

#page-advisorRoom-flow-index ul > li + li,
#page-advisorRoom-flow-index ol > li + li {
	margin-top: 0;
}

#page-advisorRoom-flow-index .flow-vert {
	width: 1012px;
}

#page-advisorRoom-flow-index .flow-vert > .flow-header {
	overflow: visible;
}

#page-advisorRoom-flow-index .flow-vert > .flow-header > * > * {
	padding-left: 200px;
}

#page-advisorRoom-flow-index .flow-vert > .flow-header .ownself-top,
#page-advisorRoom-flow-index .flow-vert > .flow-header .work-top {
	background: #F2F2F2;
	padding-top: 30px;
	padding-bottom: 20px;
	background-repeat: no-repeat;
	background-position: 15% 50%;
}

#page-advisorRoom-flow-index .flow-vert > .flow-header .ownself-top {
	background-image: url(/_common/themes/jobcafe/img/edit/img_s_yoshida_20.png);
}

#page-advisorRoom-flow-index .flow-vert > .flow-header .work-top {
	background-image: url(/_common/themes/jobcafe/img/edit/img_s_yoshida_24.png);
}

#page-advisorRoom-flow-index .flow-vert > .flow-header .ownself-bottom,
#page-advisorRoom-flow-index .flow-vert > .flow-header .work-bottom {
	padding-top: 20px;
	position: relative;
}

#page-advisorRoom-flow-index .flow-vert > .flow-header .ownself-bottom li,
#page-advisorRoom-flow-index .flow-vert > .flow-header .work-bottom li {
	color: #FFFFFF;
}

#page-advisorRoom-flow-index .flow-vert > .flow-header .ownself-bottom {
	background-color: #FCB91A;
	color: #FFFFFF;
}

#page-advisorRoom-flow-index .flow-vert > .flow-header .work-bottom {
	background-color: #55ACEE;
}

#page-advisorRoom-flow-index .flow-vert > .flow-header .ownself-bottom:after,
#page-advisorRoom-flow-index .flow-vert > .flow-header .work-bottom:after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	z-index: 1;
	left: 0;
	bottom: -100px;
}

#page-advisorRoom-flow-index .flow-vert > .flow-header .ownself-bottom:after {
	border-left: 501px solid transparent;
	border-top: 100px solid #FCB91A;
}

#page-advisorRoom-flow-index .flow-vert > .flow-header .work-bottom:after {
	border-right: 501px solid transparent;
	border-top: 100px solid #55ACEE;
}

#page-advisorRoom-flow-index .flow-vert > .flow-header + .flow-main {
	margin-top: 55px;
}

#page-advisorRoom-flow-index .flow-vert > .flow-main .process-list {
	text-align: center;
}

#page-advisorRoom-flow-index .flow-vert > .flow-main .process-list > li {
	background-color: #F2F2F2;
	padding-top: 80px;
	padding-bottom: 5px;
}

#page-advisorRoom-flow-index .flow-vert > .flow-main .process-list > li:last-child {
	padding-bottom: 40px;
}

#page-advisorRoom-flow-index .flow-vert > .flow-main .process-list > li + li {
	margin-top: 10px;
}

#page-advisorRoom-flow-index .flow-vert > .flow-main .process-list h3 {
	font-size: 22px;
}

#page-advisorRoom-flow-index .flow-vert > .flow-main h3 {
	padding-left: 0;
	background: none;
}

#page-advisorRoom-flow-index .flow-vert > .flow-main + .flow-footer {
	margin-top: 5px;
}

#page-advisorRoom-flow-index .flow-vert > .flow-footer h2 {
	text-align: center;
	margin-left: -40px;
}

#page-advisorRoom-flow-index .flow-vert > .flow-footer .adopted,
#page-advisorRoom-flow-index .flow-vert > .flow-footer .not-adopted {
	padding: 20px 30px 30px 60px;
	border: 4px solid #55ACEE;
}

#page-advisorRoom-flow-index .flow-vert > .flow-footer .adopted > * + *,
#page-advisorRoom-flow-index .flow-vert > .flow-footer .not-adopted > * + * {
	margin-top: 30px;
}

#page-advisorRoom-flow-index .flow-vert > .flow-footer .adopted {
	background-color: #55ACEE;
}

#page-advisorRoom-flow-index .flow-vert > .flow-footer .adopted > * {
	color: #FFFFFF;
}

@media screen and (max-width: 736px) {
	#page-advisorRoom-flow-index .flow-vert {
		width: 280px;
		margin-left: auto;
		margin-right: auto;
	}
	#page-advisorRoom-flow-index .flow-vert > .flow-header {
		overflow: visible;
	}
	#page-advisorRoom-flow-index .flow-vert > .flow-header > * > * {
		padding-left: 0;
	}
	#page-advisorRoom-flow-index .flow-vert > .flow-header .col-ab > .ownself-part,
	#page-advisorRoom-flow-index .flow-vert > .flow-header .col-ab > .work-part {
		padding-left: 5px;
	}
	#page-advisorRoom-flow-index .flow-vert > .flow-header .ownself-top,
	#page-advisorRoom-flow-index .flow-vert > .flow-header .work-top {
		padding-top: 75px;
		background-position: 50% 10px;
		background-size: 50%;
	}
	#page-advisorRoom-flow-index .flow-vert > .flow-header h2 {
		color: #FFFFFF;
		text-align: center;
		margin-bottom: 0;
	}
	#page-advisorRoom-flow-index .flow-vert > .flow-header .ownself-top > h2 {
		background-color: #FCB91A;
	}
	#page-advisorRoom-flow-index .flow-vert > .flow-header .work-top > h2 {
		background-color: #55ACEE;
	}
	#page-advisorRoom-flow-index .flow-vert > .flow-header .ownself-top > ul,
	#page-advisorRoom-flow-index .flow-vert > .flow-header .work-top > ul {
		padding-top: 10px;
		padding-left: 5px;
		padding-right: 5px;
		background-color: #F2F2F2;
	}
	#page-advisorRoom-flow-index .flow-vert > .flow-header .ownself-bottom,
	#page-advisorRoom-flow-index .flow-vert > .flow-header .work-bottom {
		padding-left: 21px;
		padding-bottom: 20px;
		font-weight: bold;
		padding-right: 5px;
	}
	#page-advisorRoom-flow-index .flow-vert > .flow-header .ownself-bottom:after,
	#page-advisorRoom-flow-index .flow-vert > .flow-header .work-bottom:after {
		border: 135px solid transparent;
		border-bottom: none;
		bottom: -40px;
	}
	#page-advisorRoom-flow-index .flow-vert > .flow-header .ownself-bottom:after {
		border-top: 40px solid #FCB91A;
		border-right-width: 0;
	}
	#page-advisorRoom-flow-index .flow-vert > .flow-header .work-bottom:after {
		border-top: 40px solid #55ACEE;
		border-left-width: 0;
	}
	#page-advisorRoom-flow-index .flow-vert > .flow-header .ownself-bottom > ol > li,
	#page-advisorRoom-flow-index .flow-vert > .flow-header .work-bottom > ol > li {
		text-indent: -1.3em;
	}
	#page-advisorRoom-flow-index .flow-vert > .flow-header + .flow-main {
		margin-top: 10px;
	}
	#page-advisorRoom-flow-index .flow-vert > .flow-main .process-list > li {
		width: 280px;
		padding-top: 50px;
		padding-bottom: 5px;
	}
	#page-advisorRoom-flow-index .flow-vert > .flow-main .process-list > li:before,
	#page-advisorRoom-flow-index .flow-vert > .flow-main .process-list > li:after {
		border-left-width: 140px;
		border-right-width: 140px;
		border-top-width: 40px;
	}
	#page-advisorRoom-flow-index .flow-vert > .flow-main .process-list > li:after {
		bottom: -40px;
	}
	#page-advisorRoom-flow-index .flow-vert > .flow-main .process-list > li:last-child {
		padding-bottom: 20px;
	}
	#page-advisorRoom-flow-index .flow-vert > .flow-main .process-list h3 {
		font-size: 14px;
	}
	#page-advisorRoom-flow-index .flow-vert > .flow-footer .adopted,
	#page-advisorRoom-flow-index .flow-vert > .flow-footer .not-adopted {
		height: 180px;
		padding-top: 10px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
	}
	#page-advisorRoom-flow-index .flow-vert > .flow-footer .adopted > * + *,
	#page-advisorRoom-flow-index .flow-vert > .flow-footer .not-adopted > * + * {
		margin-top: 20px;
	}
	#page-advisorRoom-flow-index .flow-vert > .flow-footer h2 {
		margin-left: 0;
	}
}

/*====================================================================
# ジョブカフェって何？ /about/index.html
====================================================================*/
.about-subhed > * {
	vertical-align: middle;
}

.about-subhed > * + * {
	margin-left: 5px;
}

.about-subhed > .subhed-emphasis {
	display: inline-block;
	border: 2px solid #029AF1;
	color: #029AF1;
	font-weight: bold;
	width: 125px;
	padding: 3px 0;
	margin-right: 5px;
	text-align: center;
}

@media screen and (max-width: 736px) {
	.about-subhed {
		margin-bottom: 10px;
	}
	.about-subhed > .subhed-emphasis {
		width: 110px;
		display: block;
		margin-bottom: 5px;
	}
	.about-subhed > * + * {
		margin-left: 0;
	}
	.about-subhed > * + * + * {
		margin-left: 5px;
	}
}

/*====================================================================
# 気になるモーダル
====================================================================*/
/* MODAL */
.modal {
	display: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0;
	z-index: 100;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.modal:before {
	content: '';
	display: block;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	opacity: .6;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000000;
}

.modal-cover {
	position: relative;
}

.modal-cover:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.modal-inner {
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 300px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	padding: 40px;
}

.modal-close {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 22px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

.modal-complete-msg {
	font-size: 18px;
	width: 500px;
}

.modal-complete-msg-image {
	float: left;
}

.modal-complete-msg-body {
	overflow: hidden;
	padding: 10px;
}

.modal-complete-msg-body-text {
	padding: 20px 0;
}

.modal-complete-msg-buttons {
	/* text-align: center; */
	white-space: nowrap;
	margin-top: 22px;
}

.modal-complete-msg-buttons .btn {
	min-width: 0;
	width: 170px;
}

.modal-complete-msg-buttons > li {
	display: inline-block;
	vertical-align: top;
}

/*moreview*/
.moreview {
	margin-top: 30px;
	text-align: center;
}

.moreview .btn {
	width: 33.333%;
	min-width: 250px;
}

.moreview-link {
	position: relative;
	display: block;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	color: #333 !important;
	border: 0;
	background-color: #F2F5F4;
}

.moreview-link:after {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	width: 10px;
	height: 10px;
	margin-top: -10px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border: 3px solid #666;
	border-top-width: 0;
	border-right-width: 0;
}

.modal-complete-msg-buttons .btn {
	box-sizing: border-box;
	-webkit-appearance: none;
	appearance: none;
	display: inline-block;
	cursor: pointer;
	margin-left: auto;
	margin-right: auto;
	border: none;
	color: #FFFFFF !important;
	text-align: center;
	line-height: normal;
	text-decoration: none;
	-webkit-transition: 0.2s linear;
	transition: 0.2s linear;
	border-radius: 4px;
	background-color: #55ACEE;
	padding: 0.6em 1em;
	font-size: 14px;
	border: 2px solid #55ACEE;
}

.modal-complete-msg-buttons .btn.btn-secondary {
	color: #FCB91A;
}

.jc-mypage-modal,
.jc-login-modal {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	left: 0;
	z-index: 10;
}

.jc-mypage-modal > .section-layer,
.jc-login-modal > .section-layer {
	position: fixed;
	top: 40px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 80%;
	overflow-y: scroll;
	padding: 20px;
	margin: auto;
	background-color: #FFFFFF;
	z-index: 20;
}

.jc-mypage-modal.is-active,
.jc-login-modal.is-active {
	display: block;
}

.jc-mypage-modal > .section-layer {
	height: 80%;
}

.jc-mypage-modal .notice-box {
	display: none;
}

.jc-mypage-modal .btn-group > * {
	display: block;
}

.jc-login-modal > .section-layer {
	height: 230px;
}

.jc-login-modal .section-body {
	margin-top: 40px;
}

/*====================================================================
# 左↓に出るセッション用のiframeを隠す
====================================================================*/
.site-iframe {
	visibility: hidden;
}

#floormap > area {
	-webkit-outline: none;
	-ms-outline: none;
	-moz-outline: none;
	outline: none;
}


/*====================================================================
# 2016.04 以降新規追加分
====================================================================*/

.sw_topb a{
	padding: 10px;
	background-color: #CCFF33;
	color: #969696;
	font-weight: bold;
	text-align: center;
	float: left;;
	width: 251px;
	margin-right: 2px;
	margin-bottom: 20px;
}

.new_practice_season_label {
	width: 60px;;
}