@charset "UTF-8";

.content-wrap > * + * {
	margin-top: 15px;
}

.min-content-wrap > * + * {
	margin-top: 10px;
}

.ttl-lv1,
.ttl-lv2,
.ttl-lv3,
.ttl-lv4 {
	font-weight: bold;
}

.ttl-lv1 { font-size: 18px; }
.ttl-lv2 { font-size: 16px; }
.ttl-lv3 { font-size: 14px; }

.ttl-lv1-underline,
.ttl-lv1-fullunderline {
	border-bottom: solid 3px #000;
}

.ttl-lv1-underline		{ display: inline-block; }
.ttl-lv1-fullunderline	{ display: block; }

.ttl-lv1-normal,
.ttl-lv2-normal {
	font-weight: normal;
}

.ttl-icn-new-pattern1-description { padding-left: 50px; }

.ttl-lv1 > a {
	display: block;
	color: #404454;
}

.txt-primary {
	font-size: 14px;
}

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

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

.txt-support {
	font-weight: bold;
}

.txt-support:before		{ content: "【"; }
.txt-support:after		{ content: "】"; }

.ehc-txt-bold {
	font-weight: bold;
}

.txt-fm-error {
	color: #ff0000;
	margin-bottom: 5px;
}

.txt-link-right {
	text-align: right;
}
.txt.is-selected {
	color: #FF0000;
	background: inherit;
}
.txt.is-non-active {
	color: #b3b4bb;
	background: inherit;
}
.txt-outer-centering  {
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.ehc-flex-align-items-center {
	display: flex;
	align-items: center;
}
.ehc-flex-align-items-self-start {
	display: flex;
	align-items: self-start;
}
.ehc-flex-align-items-center.ehc-flex-wrap{
	flex-wrap: wrap;
}
.ehc-mR5 {
	margin-right: 5px;
}
.ehc-mR10 {
	margin-right: 10px;
}

.ehc-mT5 {
	margin-top: 5px;
}
.ehc-mT10 {
	margin-top: 5px;
}

.ehc-pL20 {
	padding-left: 20px;
}

.ehc-visibility-hidden {
	visibility:hidden;
}
.pointer-events-none {
	pointer-events: none;
}

.ehc-list-with-dot > li:before {
	content: "・";
}

.ehc-list-separate-comma > * {
	margin-right: 5px;
}
.ehc-list-separate-comma > *:after {
	content: "、";
}
.ehc-list-separate-comma > *:last-child:after {
	content: "";
}

.bg-primary,
.bg-secondary {
	position: relative;
}

.bg-secondary {
	background: #ececee;
	padding: 7px 15px;
}

.bg-default {
	background-color: transparent;
	padding: 15px;
}

.bg-secondary-btn {
	display: table;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -1em;
}

.btn-link-primary,
.btn-link-secondary,
.btn-link-default,
.btn-function-primary,
.btn-function-secondary,
.btn-function-default {
	display: inline-block;
	line-height: 2.4;
	color: #ffffff;
	font-size: 150%;
	border-style: none;
	border-radius: 5px;
	padding: 0 50px;
	cursor: pointer;
}
.btn-link-default.ehc-btn-flex-items-center {
	display: flex;
	align-items: center;
}
.btn-link-default.ehc-btn-flex-items-center > .ehc-arrow-left {
	margin-right: 5px;
}
.btn-link-default.ehc-btn-flex-items-center > .ehc-arrow-right {
	margin-left: 5px;
}
.btn-link-default.ehc-btn-flex-items-center > .ehc-arrow-adjust {
	padding-bottom: 2px;
}
.btn-function-primary.txt-2-line {
	line-height: 1.4;
	padding: 15px 50px;
}

.btn-link-primary:hover,
.btn-link-secondary:hover,
.btn-link-default:hover,
.btn-function-primary:hover,
.btn-function-secondary:hover,
.btn-function-default:hover {
	color: #ffffff;
	text-decoration: none;
}

.btn-link-primary,
.btn-function-primary {
	background-color: #3f76d3;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #3f76d3),
		color-stop(1, #325ea8)
	);
	background-image: -moz-linear-gradient(bottom, #3f76d3 0%, #325ea8 100%);
	background-image: -webkit-linear-gradient(bottom, #3f76d3 0%, #325ea8 100%);
	background-image: -ms-linear-gradient(bottom, #3f76d3 0%, #325ea8 100%);
	background-image: linear-gradient(to bottom, #3f76d3 0%, #325ea8 100%);
}

a.btn-link-primary:hover,
a.btn-function-primary:hover {
	background-color: #4c86e8;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #4c86e8),
		color-stop(1, #3f71c5)
	);
	background-image: -moz-linear-gradient(bottom, #4c86e8 0%, #3f71c5 100%);
	background-image: -webkit-linear-gradient(bottom, #4c86e8 0%, #3f71c5 100%);
	background-image: -ms-linear-gradient(bottom, #4c86e8 0%, #3f71c5 100%);
	background-image: linear-gradient(to bottom, #4c86e8 0%, #3f71c5 100%);
}

.btn-link-primary.btn-link-disabled {
  background-color: #efefef;
  color: #ccc;
  background-image: none;
  cursor: default;
}

.btn-link-secondary,
.btn-function-secondary {
	background-color: #333333;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #555555),
		color-stop(1, #333333)
	);
	background-image: -moz-linear-gradient(bottom, #555555 0%, #333333 100%);
	background-image: -webkit-linear-gradient(bottom, #555555 0%, #333333 100%);
	background-image: -ms-linear-gradient(bottom, #555555 0%, #333333 100%);
	background-image: linear-gradient(to bottom, #555555 0%, #333333 100%);
}

a.btn-link-secondary:hover,
a.btn-function-secondary:hover {
	background-color: #555555;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #777777),
		color-stop(1, #555555)
	);
	background-image: -moz-linear-gradient(bottom, #777777 0%, #555555 100%);
	background-image: -webkit-linear-gradient(bottom, #777777 0%, #555555 100%);
	background-image: -ms-linear-gradient(bottom, #777777 0%, #555555 100%);
	background-image: linear-gradient(to bottom, #777777 0%, #555555 100%);
}

.btn-link-default,
.btn-function-default {
	background-color: #b3b4bb;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #b3b4bb),
		color-stop(1, #8e8f95)
	);
	background-image: -moz-linear-gradient(bottom, #b3b4bb 0%, #8e8f95 100%);
	background-image: -webkit-linear-gradient(bottom, #b3b4bb 0%, #8e8f95 100%);
	background-image: -ms-linear-gradient(bottom, #b3b4bb 0%, #8e8f95 100%);
	background-image: linear-gradient(to bottom, #b3b4bb 0%, #8e8f95 100%);
}

a.btn-link-default:hover,
a.btn-function-default:hover {
	background-color: #b3b4bb;
	background-image: none;
}

.btn-link-small,
.btn-function-small {
	line-height: 2;
	font-size: 100%;
	font-weight: normal;
	padding-left: 30px;
	padding-right: 30px;
	vertical-align: top;
}

.btn-link-smallest,
.btn-function-smallest {
	line-height: 1.5;
	font-size: 100%;
	font-weight: normal;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: top;
}

.btn-close {
	display: block;
	position: relative;
	width: 20px;
	height: 20px;
	color: #ffffff;
	background-color: #666976;
	border-radius: 12px;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	text-decoration: none;
}

.btn-close:hover {
	color: #ffffff;
	opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.btn-close:after {
	content: "×";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	text-indent: 0;
}

.btn-single {
	text-align: center;
}

.btn-double {
	display: table;
	margin-right: auto;
	margin-left: auto;
}

.btn-double > li {
	display: table-cell;
	padding-right: 7px;
	padding-left: 7px;
}

.btn-double-separate > li + li {
	margin-top: -3.6em;
}

.btn-double-separate-right	{ text-align: right; }
.btn-double-separate-left	{ text-align: left; }
.btn-double-separate-center	{ text-align: center; }

.is-non-active {
	background-color: #cccccc;
	cursor: text;
}
.is-non-active:hover {
	opacity: inherit;
}
.icn {
	position: relative;
}

.icn:before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background-image: url(/pc/img/spt-icn.png);
	background-repeat: no-repeat;
	margin-top: auto;
	margin-bottom: auto;
}

.icn-bar			{ padding-left: 35px; }
.icn-pin			{ padding-left: 14px; }
.icn-new-pattern1	{ padding-left: 50px; }

.icn-finger:before {
	position: static;
	vertical-align: middle;
	margin-right: 5px;
	width: 20px;
	height: 24px;
	background-position: 0 0;
}

.icn-bar:before {
	left: 15px;
	width: 6px;
	height: 16px;
	border-radius: 3px;
	background-image: none;
	margin-right: 10px;
}

.icn-pin:before {
	width: 14px;
	height: 18px;
	background-position: 0 -25px;
}

.icn-new-pattern1:before {
	width: 45px;
	height: 20px;
	background-position: 0 -42px;
}

.icn-tbe-required:before {
	content: "必須";
	height: 1.5em;
	line-height: 1.5em;
	width: 40px;
	text-align: center;
	background-color: #ff0000;
	background-image: none;
	color:#ffffff;
	font-weight: normal;
	position: absolute;
	top: 10px;
	left: 15px;
}

.icn-tbe-required-txt {
	display: inline-block;
	height: 1.5em;
	line-height: 1.5em;
	width: 40px;
	text-align: center;
	background-color: #ff0000;
	background-image: none;
	color:#ffffff;
	margin-right: 5px;
}

.icn-lv1-indent {
	text-indent: -100%;
	overflow: hidden;
}

.icn-lv1-new-pattern1 {
	display: inline-block;
	vertical-align: middle;
	width: 45px;
	height: 20px;
	background-image: url(/pc/img/spt-icn.png);
	background-repeat: no-repeat;
	background-position: 0 -42px;
}

.fm-default-txt-field {
	width: 100%;
	height: 2em;
	line-height: 2;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
	text-indent: 10px;
}

.fm-warning-txt-field {
	height: 2.2em;
	border-width: 2px;
	border-color: #ff0000;
	background-color: #ffebeb;
}

.fm-default-txt-field-small		{ width: 300px; }
.fm-default-txt-field-name		{ width: 12em; }
.fm-default-txt-field-tel		{ width: 20em; }
.fm-default-txt-field-postal	{ width: 8em; }

.fm-textarea {
	width: 100%;
	height: 100px;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
	padding: 5px 10px;
	resize: none;
}

.fm-pulldown {
	height: 2em;
	line-height: 2;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
	padding-left: 7px;
}

.fm-pulldown > option						{ color: #404454; }
.fm-pulldown-placeholder,
.fm-pulldown > .fm-pulldown-disabled		{ color: #999999; }

.fm-checkbox + label:before {
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-right: 5px;
	background-color: #FFF;
	border-style: solid;
	border-width: 1px;
	border-color: #b3b4bb;
	border-radius: 3px;
	vertical-align: middle;
}

.fm-checkbox:checked + label:before,
.fm-checkbox.input-checked + label:before {
	content: "\02714";
	color: #1d3994;
	font-size: 30px;
	line-height: 22px;
	text-align: center;
}

.fm-checkbox {
	position: absolute;
	visibility: hidden;
}

.fm-radio + label:before {
	content: "";
	display: inline-block;
	height: 1.3em;
	width: 1.3em;
	margin-right: 7px;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
	border-radius: 0.65em;
	vertical-align: middle;
}

.fm-radio:checked + label:before,
.fm-radio.input-checked + label:before {
	background-color: #404454;
	box-shadow: 0 0 0 3px #ffffff inset;
}

.fm-radio {
	position: absolute;
	visibility: hidden;
}
.fm-radio-hidden + label:before {
	display: none;
}
.fm-radio-content {
	padding-left: 25px;
}
.fm-radio.is-disabled + label,
.fm-radio.is-non-active + label {
	color: #b3b4bb;
}
.fm-radio.is-disabled + label:before,
.fm-radio.is-non-active + label:before {
	border-color: #b3b4bb;
}
.fm-radio.is-disabled.is-checked + label:before,
.fm-radio.is-non-active.is-checked + label:before {
	background: #b3b4bb;
}
a > .fm-radio + label {
	cursor: pointer;
}
a.is-selected > .fm-radio + label {
	cursor: default;
}

.fm-line > span {
	padding-left: 3px;
}

.fm-line > span + .fm-pulldown,
.fm-line > span + .fm-default-txt-field {
	margin-left: 15px;
}

.fm-line >.fm-line-connection {
	padding-left: 15px;
}

.list-horizon-bar > .is-non-active > span {
	color: #9fa1a9;
}

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

.fm-caption-small,
.fm-caption-rules {
	font-size: 85%;
	padding-top: 5px;
}

.fm-caption-rules {
	text-align: right;
}

.list-horizon-default,
.list-horizon-bar,
.list-horizon-btn {
	overflow: hidden;
}

.list-horizon-default > li,
.list-horizon-bar > li,
.list-horizon-btn > li,
.list-horizon-selection > li {
	float: left;
}

.list-horizon-default > li + li:before{
	content: "|";
	color: #333333;
	margin-right: 5px;
	margin-left: 5px;
}

.list-horizon-default > li > .pager--is-end:before{
	content: "･･･";
	color: #333333;
	margin-right: 5px;
	margin-left: 5px;
}

.list-horizon-default > li > .pager--is-start:after{
	content: "･･･";
	color: #333333;
	margin-right: 5px;
	margin-left: 5px;

}
.list-horizon-default > li .is-selected {
	color: #FF0000;
	cursor: default;
	text-decoration: none;
}
.list-horizon-bar-outer {
	overflow: hidden;
}

.list-horizon-bar {
	margin-left: -24px;
}

.list-horizon-bar > li:before{
	content: "|";
	color: #9fa1a9;
	padding-left: 10px;
	padding-right: 10px;
}

.list-horizon-selection-outer {
	overflow: hidden;
}

.list-horizon-selection {
	margin-left: -50px;
}

.list-horizon-selection > li {
	min-width: 7em;
	padding-left: 50px;
	margin-top: 7px;
	white-space: nowrap;
}

.list-horizon-selection-small > li {
	min-width: 3em;
}

.list-horizon-selection-cuff {
	display: inline-block;
	vertical-align: top;
	line-height: 22px;
	overflow: hidden;
}

.text-line-wrap {
	overflow: hidden;
}

.text-line {
	margin-left: -1em;
}

.text-line > * {
	display: inline-block;
}

.text-line > li:first-child {
	text-indent: 1em;
}

.text-line > * + * {
	margin-left: 1em;
}

.list-horizon-btn > li + li {
	margin-left: 3px;
}

.list-horizon-btn > li > a:hover {
	opacity: 0.6;
}

.list-horizon-btn > li > a {
	display: block;
	width: 3.2em;
	color: #333333;
	background-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	border-color: #c4c2ba;
	box-shadow: 0 0 0 1px #ffffff inset;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
	padding: 4px 3px 1px;
}

.list-horizon-btn > li > span {
	display: block;
	width: 3.2em;
	color: #CCCCCC;
	background-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	border-color: #c4c2ba;
	box-shadow: 0 0 0 1px #ffffff inset;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
	padding: 4px 3px 1px;
}

.list-horizon-btn > li > .is-non-active {
	background-color: #ffffff;
	cursor: text;
}

.slider-same-height {
	min-height: 241px;
}

.list-horizon-btn-single > li		{ width: 49%; }
.list-horizon-btn-double > li		{ width: 49%; }
.list-horizon-btn-triple > li		{ width: 32%; }
.list-horizon-btn-quadruple > li	{ width: 48%; }
.list-horizon-btn-more > li			{ width: 23%; }

.list-horizon-btn-double > li + li,
.list-horizon-btn-triple > li + li {
	margin-left: 2%;
}

.list-horizon-btn-quadruple > li + li,
.list-horizon-btn-more > li + li {
	margin-left: 1%;
}

.list-horizon-btn-quadruple,
.list-horizon-btn-more {
	margin-top: -10px;
}

.list-horizon-btn-quadruple > li,
.list-horizon-btn-more > li {
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 10px;
}

.list-horizon-btn-single > li > a,
.list-horizon-btn-double > li > a,
.list-horizon-btn-triple > li > a,
.list-horizon-btn-single > li > span,
.list-horizon-btn-double > li > span,
.list-horizon-btn-triple > li > span,
.list-horizon-btn-quadruple > li > a,
.list-horizon-btn-more > li > a,
.list-horizon-btn-quadruple > li > span,
.list-horizon-btn-more > li > span{
	width: auto;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.list-horizon-header-small,
.list-horizon-header-large,
.list-horizon-header-largest {
	float: left;
	font-weight: bold;
}

.list-horizon-header-large + *,
.list-horizon-header-largest + * {
	line-height: 1.6;
}

.list-horizon-header-small {
	width: 6em;
	padding-right: 10px;
}

.list-horizon-header-large {
	min-width: 150px;
	padding-right: 20px;
}

.list-horizon-header-largest {
	min-width: 220px;
	padding-right: 20px;
}

.list-horizon-header-small-bar,
.list-horizon-header-large-bar,
.list-horizon-header-largest-bar {
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #9fa1a9;
	margin-right: 10px;
}

.list-horizon-bd-bottom {
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #ececee;
	padding-left: 0;
	padding-right: 0;
}

.list-horizon-bd-bottom-outer {
	padding-left: 15px;
	padding-right: 15px;
}

.list-horizon-bd-bottom-outer > .non-bd {
	border-style: none;
}

.list-horizon-bd-top {
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #ececee;
	padding-left: 0;
	padding-right: 0;
}

.list-horizon-bd-top-outer {
	padding-left: 15px;
	padding-right: 15px;
}

.list-horizon-bd-top-outer > .non-bd {
	border-style: none;
}

.tbe-vertical,
.tbe-entry {
	font-size: 14px;
}

.tbe-entry {
	table-layout: fixed;
}
.tbe-vertical > tbody > tr,
.tbe-vertical > tbody > tr > th,
.tbe-vertical > tbody > tr > td,
.tbe-entry > tbody > tr,
.tbe-entry > tbody > tr > th,
.tbe-entry > tbody > tr > td {
	padding: 10px 15px;
	border-width: 1px;
	border-color: #e5e5e5;
	vertical-align: top;
}
.tbe-vertical > tbody > tr > td.ehc-vertical-align-middle {
	vertical-align: middle;
}

.tbe-vertical > tbody > tr > th {
	white-space: nowrap;
	background:#f5f5f6;
	font-weight: bold;
	text-align: left;
}

.tbe-entry > tbody > tr > th {
	font-weight: bold;
	white-space: inherit;
}

.tbe-entry > tbody > tr > th.icn-tbe-required {
	position: relative;
	padding-left: 60px;
	word-break: break-word;
}

.tbe-entry .th-entry {
	width: 170px;
}

.tbe-vertical-str5 {
	width: 5em;
}
.tbe-vertical-str11 {
	width: 11em;
}

.tbe-vertical-small > tbody > tr > th {
	width: auto;
	padding-right: 15px;
	min-width: 5em;
}

.tbe-vertical-top-bottom > tbody > tr {
	border-bottom-style: solid;
}

.tbe-vertical-top-bottom > tbody > tr:first-child {
	border-top-style: solid;
}

.tbe-vertical-inborder > tbody > tr + tr {
	border-top-style: solid;
}
.tbe-vertical-fm > tbody > tr + tr {
	border-top-style: solid;
}

.tbe-vertical-fm > tbody > tr > th {
	width: 12em;
	background-color: transparent;
}

.tbe-vertical-fm > tbody > tr > th,
.tbe-vertical-fm > tbody > tr > td {
	padding-right: 0;
	padding-left: 0;
}

.tbe-vertical-fm > tbody > tr > .tbe-vertical-fm-rowspan {
	width: 2em;
	vertical-align: middle;
	padding-right: 1em;
	border-right-style: solid;
}

.tbe-vertical-fm > tbody > tr > .tbe-vertical-fm-rowspan-affect {
	width: 8em;
	padding-left: 1em;
}
.tbe-horizon {
	width: 100%;
	font-size: 14px;
	text-align: left;
}
.tbe-horizon-fixed {
	table-layout: fixed;
}
.tbe-horizon > thead > tr > th,
.tbe-horizon > tbody > tr > td {
	padding: 10px 15px;
	border-style: solid;
	border-width: 1px;
	border-color: #e5e5e5;
	vertical-align: middle;
}

.tbe-horizon > thead > tr > th {
	width: 10em;
	background:#f5f5f6;
	font-weight: bold;
}

.tbe-horizon > tbody > tr > .tbe-horizon-right-cell {
	text-align: right;
}

.tbe-horizon-small {
	width: auto;
}

.tbe-horizon-small > thead > tr > th {
	width: auto;
	font-size: 100%;
}

.tbe-horizon-fm > thead > tr > th {
	background-color: transparent;
}

.tbe-horizon-fm > thead > tr > th,
.tbe-horizon-fm > tbody > tr > td {
	border-style: none;
	padding-left: 0;
	padding-right: 0;
}

.tbe-horizon-fm > tbody > tr {
	border-top-style: solid;
	border-width: 1px;
	border-color: #e5e5e5;
}

.tbe-horizon-fm > tbody > .tbe-horizon-fm-separate {
	border-width: 2px;
}

.tbe-horizon > thead > tr > .tbe-horizon-nowrap-cell,
.tbe-horizon > tbody > tr > .tbe-horizon-nowrap-cell	{ white-space: nowrap;	padding-right: 15px; }
.tbe-horizon > thead > tr > .tbe-horizon-full-cell,
.tbe-horizon > tbody > tr > .tbe-horizon-full-cell		{ width: 100%;}
.tbe-horizon > thead > tr > .tbe-horizon-right-space,
.tbe-horizon > tbody > tr > .tbe-horizon-right-space	{ padding-right:30px; }

.tbe-horizon-item-w150 {
	display: inline-block;
	width: 150px;
}

.box-primary {
	border-style: solid;
	border-width: 1px;
	border-color: #aaaaaa;
	box-shadow: 0 0 7px #aaaaaa;
}
.box-secondary {
	border: 1px dotted #CCCCCC;
	padding: 10px;
}

.box-default {
	border-style: solid;
	border-width: 1px;
	border-color: #ececee;
}

.box-bold {
	border-style: solid;
	border-width: 2px;
	border-color: #e5e5e5;
	border-radius: 6px;
}
.box-horizon > p,
.box-horizon > div {
	display: inline-block;
	vertical-align: middle;
}

.box-horizon > * + * {
	margin-left: 7px;
}

.box-horizon-interval > * + * {
	margin-left: 45px;
}
.box-horizon:after {
	content: "";
	clear: both;
	display: block;
}
.box-horizon-left {
	float: left;
}
.box-horizon-right {
	float: right;
}

.box-separate {
	display: table;
	width: 100%
}

.box-separate > p {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
}

.box-separate > p:first-child {
	text-align: left;
}

.box-level-down {
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
}

.tags {
	margin-bottom: -5px;
	overflow: hidden;
}

.tags > li {
	float: left;
	width: 8em;
	padding: 3px 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #e5e5e5;
	text-align: center;
	margin-right: 7px;
	margin-bottom: 5px;
}

.container {
	position: relative;
	color: #404454;
	min-height: 100%;
	height: auto !important;
}

.container-centering {
	width: 100%;
	max-width: 1080px;
	background-color: #ffffff;
	margin-right: auto;
	margin-left: auto;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 15px;
	padding-bottom: 30px;
}

.modal-box {
	background-color: #ffffff;
}

.modal-bg {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin-top: 0;
	z-index: 99;
	background-color: #373a46;
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.separater-lv1,
.separater-content,
.separater-in-lv1,
.separater-same-lv,
.separater-in-same-lv,
.separater-min {
	border-bottom-style: solid;
	border-color: #e5e5e5;
}

.separater-lv1		{ border-width: 3px;	padding-bottom: 30px;	margin-bottom: 30px;}
.separater-content	{ border-width: 2px;	padding-bottom: 20px;}
.separater-in-lv1	{ border-width: 2px;	padding-bottom: 20px;}
.separater-same-lv	{ border-width: 1px;	padding-bottom: 15px;	margin-bottom: 15px}
.separater-min 		{ border-width: 2px;}

.separater-in-same-lv {
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.separater-in-same-lv.large {
	border-width: 2px;
}

.breadcrumbs {
	width: 100%;
	font-size: 85%;
}

.breadcrumbs > li {
	float: left;
	white-space: nowrap;
}

.breadcrumbs > li + li:before {
	content: ">";
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
}

.sns-logos {
	display: table;
	margin-left: auto;
}

.sns-logos > li {
	float: left;
	width: 26px;
	height: 26px;
	line-height: 26px;
	background-image: url(/pc/img/spt-sns.png);
	background-repeat: no-repeat;
}

.sns-logos > li + li {
	margin-left: 3px;
}

.sns-logos > li > a {
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

.sns-logos-fb	{ background-position: 0 0; }
.sns-logos-tw	{ background-position: -26px 0; }
.sns-logos > li.sns-logos-line {
	background-size: 26px;
  background-image: url(/pc/img/line_icon.png);
}

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

.horizon-search-header {
	width: 6em;
	font-weight: bold;
	padding-right: 20px;
}

.horizon-search-header,
.horizon-search {
	display: table-cell;
	vertical-align: middle;
}

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

.horizon-search-field,
.horizon-search-action {
	display: table-cell;
	vertical-align: middle;
}

.horizon-search-field {
	width: 100%;
	padding-right: 15px;
}

.description {
	font-size: 85%;
}

.definition-list > dt {
	font-weight: bold;
	margin-top: 25px;
}

.include-area {
	background-color: #ececee;
	padding-top: 10px;
	padding-bottom: 10px;
}

.include-area-banner {
	display: table;
	width: 100%;
}

.include-area-banner > li {
	display: table-cell;
	text-align: center;
}

.custom-word {
	text-align: right;
}

.bd-separator {
	border: none;
	border-bottom-style: solid;
	border-width: 3px;
	border-color: #e5e5e5;
	margin-top: 30px;
}

.function-accordion {
	display: block;
	position: relative;
	color: #404454;
	text-decoration: none;
}

.function-accordion:hover {
	color: #404454;
	text-decoration: none;
	opacity: 0.6;
}

.function-accordion:after {
	content: "";
	display: block;
	width: 18px;
	height: 11px;
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
	background-image: url(/pc/img/icn-more.png);
	background-repeat: no-repeat;
	background-position: 0 -11px;
}

.function-accordion.is-show:after { background-position: 0 0; }

.sg-accordion-byradio-content {
	height: 0;
	overflow: hidden;
}

.accordion-read-more {
	padding: 3px 0;
	text-align: right;
	display: inline-block;
}
.accordion-read-more > * {
	vertical-align: top;
}
.accordion-read-more:before {
	content: "もっと見る";
}
.is-show .accordion-read-more:before {
	content: "閉じる";
}
.accordion-read-more:after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-top: 2px;
	margin-left: 10px;
	vertical-align: top;
	border-right: solid 2px #404454;
	border-bottom: solid 2px #404454;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.is-show .accordion-read-more:after {
	margin-top: 6px;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.is-limitover {
	color: #ff0000;
}

.ellipsis {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}

.is-hidden {
	display: none;
}

.catch-box-header {
	position: relative;
}

.catch-box-ttl {
	padding-right: 130px;
}

.catch-box {
	display: table;
	width: 100%;
}

.catch-box-main,
.catch-box-slider,
.catch-box-img-outer,
.catch-box-search {
	display: table-cell;
	vertical-align: top;
}

.catch-box-main-h351	{ min-height: 351px; }

.catch-box-main-content {
	position: relative;
	height: auto;
}

.catch-box-main-non-slider {
	float: left;
}

.catch-box-main-area-outer {
	min-height: 241px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.catch-box-main-area-outer > .separater-same-lv {
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.catch-box-main-area {
	display: table;
	width: 100%;
	padding-top: 2px;
	padding-bottom: 2px;
}

.catch-box-main-area-header,
.catch-box-main-area-content {
	display: table-cell;
	vertical-align: middle;
}

.catch-box-main-area-header {
	width: 6em;
	padding-top: 4px;
	padding-right: 10px;
}

.catch-box-main-area-header + * {
	padding-left: 10px;
}

.catch-box-tbe				{ height: 130px; }
.catch-box-tbe-non-slider	{ height: 0; }
.catch-box-tbe-single-img	{ height: 80px; }

.catch-box-tbe > tbody > tr > th,
.catch-box-tbe > tbody > tr > td {
	padding: 10px 15px;
	border-style: solid;
	border-width: 1px;
	border-color: #e5e5e5;
	vertical-align: top;
}

.catch-box-tbe > tbody > tr > th {
	width: 10em;
	background:#ececee;
}

.catch-box-slider {
	width: 228px;
	overflow: hidden;
}

.catch-box-img,
.catch-box-slider-img {
	position: relative;
	width: 228px;
	height: 228px;
	vertical-align: middle;
	background-color: #333333;
	overflow: hidden;
}

.catch-box-img > img,
.catch-box-slider-img > img,
.catch-box-slider-thumb > li > img {
	display: block;
	max-width: 228px;
	max-height: 228px;
	width: auto;
	height: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
}

.catch-box-slider-thumb {
	width: 228px;
	margin-top: 5px;
}

.catch-box-slider-thumb:after {
	content: "";
	clear: both;
	display: block;
}

.catch-box-slider-thumb > li {
	float: left;
	width: 40px;
	height: 40px;
	position: relative;
	margin-left: 7px;
	background-color: #333333;
	overflow: hidden;
	cursor: pointer;
}

.catch-box-slider-thumb > li:first-child { margin-left: 0; }

.catch-box-slider-thumb > li:hover {
	opacity: 0.6;
}

.catch-box-slider-thumb > li > img {
	max-width: 40px;
	max-height: 40px;
}

.catch-box-slider-thumb > .is-active:before {
	content: "";
	color: #ffffff;
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background-color: #666976;
	opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.catch-box-search {
	vertical-align: middle;
	width: 400px;
	text-align: center;
}

.catch-box-search-item {
	margin-top: 15px;
}

.catch-box-img-outer {
	padding-right: 15px;
}

.catch-box-img:after {
	content: "";
	display: block;
	width: 228px;
}

.catch-box-country-main,
.catch-box-country-include {
	display: table-cell;
	vertical-align: top;
}

.catch-box-country-include {
	width: 412px;
	padding-right: 15px;
	overflow: hidden;
}
.catch-box-country-img {
	position: relative;
	width: 412px;
	height: 283px;
	overflow: hidden;
}
.sg-imageslider-mainimage {
	width: 100%;
	height: auto;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
}
.catch-box-country-img > img {
	height: auto;
	position: absolute;
}

.catch-box-country-thumb {
	width: 100%;
	margin-top: 5px;
}

.catch-box-country-thumb:after {
	content: "";
	clear: both;
	display: block;
}

.catch-box-country-thumb > li {
	float: left;
	width: 20%;
	height: 58px;
	background: #666666;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.catch-box-country-thumb > li:hover {
	opacity: 0.6;
}

.catch-box-country-thumb > li > img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
.catch-box-img, .catch-box-slider-img,
.catch-box-country-img,
.work-same-content-img-inner,
.job-same-header-img-inner,
.catch-box-slider-thumb > li,
.catch-box-country-thumb > li {
	background-color: #222;
}
.catch-box-country-thumb > .is-active {
	opacity: 0.6;
}
.catch-box-country-thumb > .is-active:before {
	content: "";
	color: #ffffff;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #666976;
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.catch-box-country-thumb > li:first-child {
	padding-left: 0;
}

.work-simple-header,
.work-simple-content {
	display: table;
	width: 100%;
}

.work-simple-header-img,
.work-simple-header-inner,
.work-simple-content-inner,
.work-simple-content-action {
	display: table-cell;
	vertical-align: middle;
}

.work-simple-content-img,
.work-simple-header-img {
	width: 200px;
	padding-right: 15px;
}

.work-simple-header-inner,
.work-simple-content-inner {
	width: 100%;
}

.work-simple-content-action {
	width: auto;
	white-space: nowrap;
	padding-left: 20px;
}

.work-same-header-btn {
	position: absolute;
	right: 15px;
	top: 0;
	white-space: nowrap;
}

.work-same-content {
	width: 100%;
	display: table;
}

.work-same-content-img,
.work-same-content-txt,
.work-same-content-action {
	display: table-cell;
	vertical-align: top;
}

.work-same-content-inner {
	display: table-cell;
	vertical-align: top;
}

.work-same-content-img,
.work-same-content-img-inner {
	width: 200px;
	height: 200px;
}

.work-same-content-img-inner {
	position: relative;
	background-color: #333333;
}

.work-same-content-img-inner > img {
	display: block;
	max-width: 200px;
	max-height: 200px;
	width: auto;
	height: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
}

.work-same-content-inner {
	width: 100%;
}

.work-same-content-img + .work-same-content-inner {
	padding-left: 15px;
}

.work-same-content-txt {
	padding-right: 20px;
}

.work-same-content-action {
	text-align: right;
	width: auto;
	white-space: nowrap;
}

.cassette-link {
	display: block;
}
.cassette-link:hover * {
	text-decoration: underline;
}

.cassette-link:hover .btn-link-primary,
.cassette-link:hover .btn-link-secondary,
.cassette-link:hover .btn-link-default,
.cassette-link:hover .btn-function-primary,
.cassette-link:hover .btn-function-secondary,
.cassette-link:hover .btn-function-default {
	text-decoration: none;
}

.cassette-link:hover {
	text-decoration: underline;
	opacity: 0.7;
}

.cassette-link:hover .btn-link-default {
	background-color: #b3b4bb;
	background-image: none;
}

.btn-link-fix {
	padding-right: 130px;
}

.sns-logos-fix {
	position: relative;
}

.sns-logos-fix > .sns-logos {
	position: absolute;
	bottom: 0;
	right: 0;
}

.main{
	padding-bottom: 300px;
	display: block;
}

.companies-color {
	background-color: #f5f3ef;
}

.companies-header,
.companies-footer {
	position: relative;
	width: 100%;
	color: #ffffff;
	border-width: 1px;
	border-color: #cbcbcb;
}

.companies-header {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-style: solid;
}

.companies-footer {
	position: absolute;
	bottom: 0;
	height: 300px;
	border-top-style: solid;
}

.companies-logo-outer,
.companies-header-head {
	width: 100%;
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
}

.companies-header-head {
	font-weight: normal;
	font-size: 100%;
	text-align: right;
}

.companies-logo {
	width: auto;
	height: 70px;
	margin-top: 5px;
}

.companies-copyright {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 15px;
	width: 100%;
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
}

.cf:after,
.content-header:after,
.breadcrumbs:after,
.sns-logos:after,
.btn-double:after,
.catch-box:after,
.catch-box-slider-thumb:after,
.list-horizon-default:after,
.list-horizon-bar:after,
.list-horizon-btn:after,
.list-horizon-selection:after,
.tags:after,
.work-simple:after {
	content: "";
	display: block;
	clear: both;
}

.catch-box-slider,
.catch-box-main-area-header,
.horizon-search-header,
.fm-default-txt-field,
.list-horizon-header-small,
.list-horizon-btn > li > a,
.list-horizon-btn > li > span,
.list-horizon-selection > li,
.tbe-vertical > tbody > tr > th,
.icn-tbe-required-txt {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.sg-imageslider-mainimage {
	bottom: 0;
	transition: bottom 0.1s ease-in-out;
	z-index: 0;
}
.sg-imageslider-mainimage.is-active {
	transition: bottom 1s ease-in-out;
	z-index: 1;
}
.sg-placeholder {
	color: #aaa;
}

.separate-contents-item > * + * {
	border-top-style: solid;
	border-top-color: #e5e5e5;
	border-top-width: 1px;
	padding-top: 15px;
	margin-top: 15px;
}

.separate-contents-section > * + * {
	border-top-style: solid;
	border-top-color: #e5e5e5;
	border-width: 3px;
	padding-top: 25px;
	margin-top: 30px;
}

.breadcrumbs + * {
	border: none;
	padding-top: 0;
	margin-top: 15px;
}

.separate-contents-section > .no-separate {
	border: none;
	padding-top: 0;
	margin-top: 15px;
}

.cassette-list > li + li {
	margin-top: 15px;
}
.cassette-control:first-child {
	margin-bottom: 20px;
}
.cassette-list + .cassette-control {
	margin-top: 13px;
}
.cassette-control:after {
	content: "";
	display: block;
	clear: both;
}
.cassette-control-message {
	float: left;
}
.cassette-control-pagenation {
	float: right;
	margin-top: 10px;
}
.cassette-control-num {
	color: #ff0000;
	font-size: 20px;
	font-weight: bold;
}
.cassette-control-text {
	font-size: 16px;
}
.cassette-control-status {
	font-size: 14px;
	color: #404454;
}
.page-description-text {
	padding-bottom: 10px;
}

.error-wrap {
	background-color: #FFEBEB;
	border: solid 2px #FC0D1B;
	padding: 15px 10px;
	border-radius: 5px;
}
.error-wrap > p,
.error-wrap > dt {
	font-size: 16px;
	color: #FC0D1B;
	font-weight: bold;
}
.error-wrap > dt + dd {
	margin-top: 5px;
}
.error-wrap > dd {
	text-indent: 1em;
}
.error-wrap > dd:before {
	content: "・";
}

.box-default {
	border-radius: 6px;
}

.content-size {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

.catch-box-slider {
	padding-right: 20px;
}

.catch-box-slider-mapImg {
	width: 608px;
	height: 350px;
	vertical-align: middle;
	background-color: #333333;
}

.modal-header-close {
	position: absolute;
	top: 7px;
	right: 15px;
}

.tbe-vertical,
.tbe-entry {
	width: 100%;
	text-align: left;
}

.tbe-vertical > tbody > tr:first-child,
.tbe-entry > tbody > tr:first-child {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #d9dadd;
}

.tbe-vertical > tbody > tr,
.tbe-entry > tbody > tr {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #d9dadd;
}

.tbe-vertical > tbody > tr > th,
.tbe-entry> tbody > tr > th {
	background:#f5f5f6;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #d9dadd;
	text-align: left;
}

.tbe-vertical-small > tbody > tr > th {
	width: 60px;
	padding-right: 15px;
}

.tbe-vertical-lv2 {
	width: 100%;
	font-size: 14px;
	text-align: left;
}

.tbe-vertical-lv2 > tbody > tr,
.tbe-vertical-lv2 > tbody > tr > th,
.tbe-vertical-lv2 > tbody > tr > td {
	padding: 10px 15px;
	border-width: 1px;
	border-color: #e5e5e5;
	vertical-align: top;
}

.tbe-vertical-lv2 > tbody > tr > th {
	width: 9em;
	background:#f5f5f6;
	font-weight: bold;
	text-align: left;
}

.tbe-header-fix > tbody > tr > th {
	width: 10em;
}

.list-pagenation-set > h2 {
	display: inline-block;
	margin-right: 15px;
}

.list-pagenation-set > .list-horizon-default {
	float: right;
}

.list-pagenation-set > h2 > strong {
	font-size: 18px;
	padding-right: 15px;
}

.ehc-list-pagenation-set-bottom > ul {
	display: flex;
	align-items: center;
	float: right;
}

.ehc-list-pagenation-set-bottom:after {
	content: "";
	display: block;
	clear: both;
}

.ehc-list-pagenation-set-bottom > ul > li {
	margin-right: 30px;
}

.ehc-list-pagenation-set-bottom > ul > li > a.list-pagenation-number {
	font-size: 14px;
}

.ehc-list-pagenation-set-bottom > ul > li.list-pagenation-next {
	margin-right: 0;
}

.list-horizon-selection {
	margin-top: -7px;
	margin-left: -9px;
}

.list-horizon-selection > li {
	margin-top: 7px;
	padding-left: 10px;
	float: left;
	vertical-align: middle;
}

.list-horizon-selection.job-list-search-narrow {
	margin-top: -4px;
}

.bg-job-list-search > .tbe-vertical-top-bottom > tbody > tr:first-child {
	border-top: none;
}

.bg-job-list-search > .tbe-vertical-top-bottom > tbody > tr:last-child {
	border-bottom: none;
}

.bg-job-list-search > .tbe-vertical-top-bottom > tbody > tr > td {
	vertical-align: middle;
}

.list-horizon-selection.job-list-search-narrow > li {
	font-size: 11px;
	margin-top: 4px;
	min-width: 0;
}

.list-horizon-selection.job-list-search-narrow > li > .fm-checkbox + label:before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 0;
	background-color: #FFF;
	border-style: solid;
	border-width: 1px;
	border-color: #b3b4bb;
	border-radius: 3px;
	vertical-align: middle;
}

.list-horizon-selection.job-list-search-narrow > li > .fm-checkbox:checked + label:before {
	content: "\02714";
	color: #1d3994;
	font-size: 10px;
	line-height: 13px;
	text-align: center;
}

.bg-pager-top-result-wrap {
	padding: 15px 15px 0;
}

.bg-pager-top-result {
	padding: 0 15px;
}

.ttl-lv2-size {
	margin-top: -20px;
}

.ttl-lv2-large {
	font-weight: bolder;
	font-size: xx-large;
	color: #FF0000;
}

.ttl-lv2-small {
	font-weight: lighter;
	font-size: small;
}

.tbe-horizon > thead > tr > .tbe-horizon-wid35 {
	width: 35%;
}

.list-info-wrap {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e5e5e5;
}

.list-info-item {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e5e5e5;
	display: table;
	width: 100%;
}

.list-info-item > p, div.ehc-list-info-item-div {
	padding: 10px;
	display: table-cell;
}

.list-info-ttl {
	width: 6em;
	font-weight: bold;
	background-color: #f5f5f6;
}

.txt-notice-outer {
	position: relative;
}

.catch-box-slider-thumb > li:hover {
	cursor: pointer;
}

.txt-notice {
	font-size: 16px;
	height: 1.5em;
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
}

.txt-notice-small {
	font-weight: bold;
	font-size: 85%;
	margin-left: 10px;
}

.txt-notice-rightspace {
	padding-right: 50px;
}

.content-top-space {
	margin-top: 80px;
}

.ellipsis-icn-space {
	padding-right: 35px;
}

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

.inactive {
	color: #cccccc;
}

.fm-select {
	position: relative;
	top: -1px;
	display: inline-block;
	height: 2em;
	line-height: 2;
	border-style: solid;
	border-width: 1px;
	border-color: #b3b4bb;
	background-color: #ffffff;
	background-image: url(/pc/img/fm-select.png);
	background-repeat: no-repeat;
	background-position: 90% center;
	padding-right: 20px;
	vertical-align: middle;
	overflow: hidden;
}

.fm-select > select {
	height: 100%;
	width: 170%;
	background-color: transparent;
	border-style: none;
	outline-style: none;
	padding-left: 5px;
	cursor: pointer;
	-webkit-appearance: none;
}
.fm-select > select::-ms-expand {
	display: none;
}

.fm-checkbox.is-non-active + label {
	color: #b3b4bb;
}

.fm-checkbox.is-non-active + label:before {
	background-color: #b3b4bb;
}

.list-display-frame-outer {
	height:300px;
	overflow: auto;
	border-width: 1px;
	border-style: solid;
	border-color: #d9dadd;
	border-radius: 6px;
}

.list-display-frame > li {
	width: 23%;
	display: inline-block;
	margin-bottom: 10px;
	padding-top: 2px;
	padding-left: 10px;
	position: relative;
	vertical-align: top;
}

.list-display-frame > li .start-aligned {
	padding-left: 30px;
	display: inline-block;
}

.list-display-frame > li > label:before {
	position: absolute;
	top: 0;
	left: 10px;
}
.btn-link-choose {
	display: inline-block;
	padding-right: 10px;
	vertical-align: top;
}

/*
ats/pc/account-1.php
フロレフ解除
*/
.list-display-frame:after {
	content: "";
	display: block;
	clear: both;
}

.tbe-horizon th {
	text-align: left;
}

.sg-modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}
.sg-modal.is-show {
	display: block;
}
.sg-modal.is-show .sg-modal-content {
	display: inline-block;
}
.sg-modal-layout-outer {
	position: relative;
	overflow: auto;
	height: 100%;
	z-index: 105;
}
.sg-modal-layout {
	display: table;
	width: 100%;
	height: 100%;
}
.sg-modal-layout-inner {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	padding: 20px;
	text-align: center;
}
.sg-modal-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #373a46;
	z-index: 101;
	opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.sg-modal-content {
	display: none;
	position: relative;
	max-width: 100%;
	max-height: 100%;
	min-width: 650px;
	z-index: 102;
	text-align: left;
}
.sg-modal-content-full {
	width: 100%;
}
.sg-modal-content-large {
	width: 80%;
}

.ml90 {margin-left: 90px;}

/* -----------------------
/pc/interview.php
----------------------- */

.confirmation-reservation {
	padding: 10px;
}
.confirmation-reservation th {
	width: 200px;
}

.tbe-week {
	width: 100%;
	border-collapse:collapse;
}
.tbe-week > tbody > tr > th {
	padding: 10px 0;
	text-align: center;
	border: solid 1px #d9dadd;
}
.tbe-week > tbody > tr > td {
	padding: 10px 0;
	text-align: center;
	border: solid 1px #d9dadd;
}

.static-box {
	max-width: 800px;
	margin: 100px auto;
}

.warning-index + * {
	margin-top: 15px;
}
.warning-index {
	background-color: #f24454;
	border-style: solid;
	border-width: 2px;
	border-color: #f24454;
	padding-top: 0;
	display: table;
	width: 100%;
}
.warning-index > * {
	display: table-cell;
	vertical-align: middle;
}
.warning-index > dt {
	color: #ffffff;
	padding: 20px;
	font-size: 15px;
	width: 160px;
}

.warning-index > dt:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	position: static;
	margin-right: 5px;
	margin-top: -2px;
	vertical-align: middle;
	background: url(/pc/img/icn-exclamation-white.png) no-repeat 0 0;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
}
.warning-index > dd {
	color: #f24454;
	padding: 5px 20px;
	overflow: hidden;
	background-color: #feecee;
}
.warning-index > dd header + * {
	padding-left: 1em;
}
.warning-list > li {
	padding-left: 1em;
	position: relative;
}
.warning-list > li:before {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 5px;
	background-color: #f24454;
	position: absolute;
	left: 1px;
	top: 7px;
}
.warning-list > li > a {
	color: #f24454;
	text-decoration: underline;
}
.warning-list > li > a:hover {
	text-decoration: none;
}
.work-same-content-img-inner > img.image-length-same {
	width: 100%;
	height: 100%;
}
.work-same-content-img-inner > img.image-vertically-long {
	width: 100%;
	height: auto;
}
.work-same-content-img-inner > img.image-oblong {
	width: auto;
	height: 100%;
}
/*
JS ContainerImage用class
*/
img.is-containerimage-square {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
}
img.is-containerimage-vertical {
	width: auto;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
}
img.is-containerimage-horizontal {
	width: 100%;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

.tbe-horizon > thead > tr > .shoplist-pref {
	width: 3em;
	padding-right: 0;
}
.tbe-horizon > tbody > tr > .shoplist-pref-name {
	vertical-align: top;
}
.tbe-horizon > thead > tr > .shoplist-area {
	width: 6em;
}
.areasearch > dt {
	font-weight: bold;
	float: left;
	margin-right: 18px;
}
.areasearch > dd {
	overflow: hidden;
	margin-left: 96px;
}
.areasearch > dd+dd {
	margin-top: 10px;
}

.areasearch-content > dt {
	float: left;
	margin-right: 6px;
}
.areasearch-content > dd {
	display: inline-block;
}
.areasearch-content > dd + dd {
	border-left: 1px solid  #7B7B86;
	padding-left: 8px;
	margin-left: 6px;
}
.list-horizon-bar > li {
	white-space: nowrap;
}

.grid-table__list {
	display: table;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 17px;
}
.grid-table__list:first-child {
	margin-top: -17px;
}

/*３列行*/
.grid-table__list--3col {
	display: table-row;
}

.grid-table__list--3col:after { /*rowクリアフィックス*/
    content:" ";
    display:block;
    clear:both;
}

.grid-table__list--3col > li {
	display: table-cell;
	table-layout:fixed;
	width: 33%;
	min-width: 33%;
	padding-right: 1em;
}

.grid-table__list .fm-checkbox + label:before {
	display: block;
	float: left;
}
/* --------------------------------------------------------------------
 * 面接枠選択ページ(カスタマ)のUI見直し
 * https://redmine.jobop.jp/issues/34209
 * 2017/07/18 kazuki okada
 */

#rhp-interview-reserve a:hover{
	text-decoration: none;
}

#rhp-interview-reserve .container {
	min-width: 1080px;
}

#rhp-interview-reserve .interview_reserve_wrapper_2column {
	clear: both;
	width: 980px;
	overflow: hidden;
}

#rhp-interview-reserve .interview_reserve_left_container,
#rhp-interview-reserve .interview_reserve_right_container {
	border-style: solid;
	border-width: 1px;
	border-color: #ececee;
	border-radius: 6px;
}

#rhp-interview-reserve .interview_reserve_left_container {
	width: 280px;
	float: left;
}

#rhp-interview-reserve .interview_reserve_left_container .interview_reserve_map-link {
	padding-left: 15px;
	background-image: url(/pc/img/map-icn.png);
	background-repeat: no-repeat;
	background-position: 3px 50%;
}

#rhp-interview-reserve .interview_reserve_right_container {
	width: 660px;
	float: right;
}
#rhp-interview-reserve .interview_reserve_right_container .interview_reserve_map-link {
	display: inline-block;
	color: #324fe1;
	padding-left: 15px;
	background-image: url(/pc/img/map-icn.png);
	background-repeat: no-repeat;
	background-position: 3px 50%;
}

#rhp-interview-reserve .interview_reserve_right_container .interview_reserve_note {
	position: relative;
}

#rhp-interview-reserve .interview_reserve_right_container .interview_reserve_note span {
	font-weight: normal;
	font-size: 11px;
	position: absolute;
	right: 5px;
	bottom: 10px;
}

#rhp-interview-reserve .interview_reserve_date_list li {
	height: 60px;
	font-size: 15px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #ececee;
	line-height: 59px;
}

#rhp-interview-reserve .interview_reserve_date_list li a {
	display: block;
	font-weight: bold;
	padding-left: 25px;
	background-image: url(/pc/img/icn-arrow.png);
	background-repeat: no-repeat;
	background-position: 630px 50%;
}

#rhp-interview-reserve .interview_reserve_date_ttl {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #ececee;
	background-image: url(/pc/img/icn-arrow-bottom.png);
	background-repeat: no-repeat;
	background-position: 625px 50%;
	position: relative;
	cursor: pointer;
}

#rhp-interview-reserve .interview_reserve_date_ttl_txt{
	padding: 30px 140px 30px 25px;
}
#rhp-interview-reserve .interview_reserve_date_ttl p:after {
	content: "日程を見る";
	position: absolute;
	top: 0;
	right: 50px;
	bottom: 0;
	margin: auto;
	width: 5em;
	height: 20px;
	color: #324fe1;
}
#rhp-interview-reserve .interview_reserve_another_date_ttl {
	height: 60px;
	font-size: 15px;
	line-height: 59px;
}

#rhp-interview-reserve .interview_reserve_another_date_ttl a {
	display: block;
	font-weight: bold;
	padding-left: 25px;
	background-image: url(/pc/img/icn-arrow-bottom.png);
	background-repeat: no-repeat;
	background-position: 625px 50%;
}

#rhp-interview-reserve .interview_reserve_another_date .is-show .interview_reserve_another_date_ttl a,
#rhp-interview-reserve .interview_reserve_date .is-show .interview_reserve_date_ttl {
	background-image: url(/pc/img/icn-arrow-top.png);
	background-repeat: no-repeat;
	background-position: 625px 50%;
}

#rhp-interview-reserve .interview_reserve_date .is-show .interview_reserve_date_ttl p:after {
	content: "閉じる";
	width: 3em;
}

#rhp-interview-reserve .interview_reserve_another_date_txt {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #ececee;
}

#map_modal_wrap {
	position: fixed;
	background: rgba(55,58,70,0.6);
	z-index: 101;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	padding: 20px;
}

#map_modal_content {
	z-index: 102;
	text-align: left;
	max-width: 100%;
	max-height: 100%;
	min-width: 650px;
	background-color: #ffffff;
	margin: 0 auto;
	padding: 0;
	display: inline-block;
	position: relative;
	border-radius: 6px;
}

/* --------------------------------------------------------------------
 * 詳細から一覧へのリンク追加
 * https://redmine.jobop.jp/issues/46439
 * 2017/11/7 kazuki okada
 */

.list-same-area {
	overflow: hidden;
}

.list-same-area .list-horizon-header-largest {
	width: 220px;
}

#entry_privacy_start {
	margin-top: 0;
}

.btn-note-txt {
	font-size: 13px;
}

#floating-btn {
	position: fixed;
	right: 50px;
	width: 355px;
	height: 223px;
	background-color: #c8c8ca;
	z-index: 100;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	box-shadow:0px 0px 9px 2px #969696;
	bottom: -230px;
	opacity: 0;
	visibility: hidden;
}

#floating-btn.show {
	opacity: 1.0;
	visibility: visible;
	bottom: 0;
	transition: .4s;
}

#floating-btn.hide {
	bottom: -230px;
	opacity: 0;
	visibility: hidden;
	transition: .4s;
}

#floating-btn > a.close-icn {
	position: absolute;
	display: table;
	top: 11px;
	right: 10px;
	width: 18px;
	height: 18px;
	border-radius: 9px;
	background: #000000;
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
	padding: 0;
}

#floating-btn > a.close-icn:before {
	content: "×";
	display: table-cell;
	font-size: 14px;
	line-height: 1em;
	vertical-align: middle;
	text-align: center;
}

#floating-btn > a {
	display: block;
	padding: 20px;
	text-decoration: none;
	color: #404454;
}

#floating-btn > a > .floating-ttl::before {
	content: "";
	background-image: url(/pc/img/floting-btn-ttl-icn.png);
	width: 24px;
	height: 24px;
	display: inline-block;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-right: 10px;
}
#floating-btn > a > * {
	margin-bottom: 20px;
}
#floating-btn > a > .place-name {
	background: #fff;
	width: 283px;
	height: 58px;
	font-size: 16px;
	margin: 0 auto 20px;
	display: table;
}

#floating-btn > a > .place-name > p {
	display: table-cell;
	vertical-align: middle;
	background-image: url(/pc/img/icn-arrow-bottom.png);
	background-repeat: no-repeat;
	background-position: 14px 50%;
}

 /*
 * （メールアドレス入力時に＠以降のドメインをサジェストを表示する START）
 * https://redmine.jobop.jp/issues/34112
 */

.ui-autocomplete {
	display: block;
	background: #fff;
	border: 1px solid #cccccc;
	line-height: 2;
	width: 30px;
	border-radius: 5px;
	text-indent: 10px;
	padding: 5px 0;
}

.ui-autocomplete .ui-menu-item:hover {
	background-color: #f5f5f6;
}
.ui-helper-hidden-accessible {
	display: none;
}

.job-detail-list {
	display: table;
	margin-bottom: 10px;
}

.job-detail-list > * {
	display: table-cell;
	vertical-align: middle;
}

.job-detail-list > dt {
	width: 60px;
}

.job-detail-list > dt.wide {
	width: 180px;
}

.job-detail-list > dd:before{
	content: "････････";
}

.atmosphere-wrap {
	display: table;
	margin-bottom: 10px;
}

.atmosphere-wrap > * {
	display: table-cell;
	vertical-align: middle;
}

.atmosphere-wrap > p {
	width: 170px;
}

.atmosphere-wrap > div {
	font-size: 0;
	text-align: center;
	vertical-align: middle;
	padding: 0 15px;
	width: 70px;
}

.atmosphere-wrap > div > span:first-child {
	float: left;
}

.atmosphere-wrap > div > span:last-child {
	float: right;
}
.atmosphere-wrap > div > span {
	text-align: center;
	background-color: #b2b2b2;
	border-radius: 50%;
	display: inline-block;
	margin-top: 2px;
	height: 4px;
	width: 4px;
}

.atmosphere-wrap > div > span.checked {
	background-color: #404454;
	margin-top: 0;
	height: 8px;
	width: 8px;
}

#re-search {
	width: 210px;
	height: 76px;
	position: fixed;
	background: #FFFFFF;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	z-index: 98;
}

#re-search > ul {
	padding: 18px 0;
}

#re-search > ul > li > .re-search-list-button ::before {
	content: "";
	background-image: url(/pc/img/icn_search_pc.png);
	width: 30px;
	height: 30px;
	display: inline-block;
	background-repeat: no-repeat;
	vertical-align: middle;
}

.btn-link-primary.re-search-button {
	font-size: 14px;
	width: 130px;
	height: 40px;
	padding: 0;
	margin-left: 5px;
}

#re-search.hide {
	top: -80px;
	transition: all 500ms 0s ease;
}

#re-search.show {
	top: 0;
	transition: all 500ms 0s ease;
}

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

.ehc-application-input-interview-calender {
	padding: 10px 0;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	background-color: #FCFCFC;
}
.ehc-application-input-interview-calender-contents {
	padding: 10px 30px;
}

.ehc-application-input-interview-calender-contents .ehc-header {
	justify-content: space-between;
	padding-bottom: 10px;
}
.ehc-application-input-interview-calender-contents .ehc-year {
	font-size: 24px;
}
.ehc-application-input-interview-calender-contents .ehc-candidate-dates {
	width: 160px;
	margin-right: 20px;
}
.ehc-application-input-interview-calender-contents .ehc-candidate-dates-date {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
.ehc-application-input-interview-calender-contents .ehc-candidate-dates-times {
	font-size: 16px;
	margin-top: 20px;
}
.ehc-application-input-interview-calender-contents .ehc-selected-dates-wrap {
	font-size: 14px;
	margin-top: 20px;
}

.ehc-application-input-interview-calender-contents .ehc-candidate-dates-times > li {
	display: flex; /* for IE11 bug  */
	justify-content: space-around; /* for IE11 bug  */
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	padding: 8px 15px;
	margin-bottom: 10px;
	line-height: 1;
	background: #FFFFFF;
	cursor: pointer;
}
.ehc-application-input-interview-calender-contents .ehc-candidate-dates-times > li.ehc-selected {
	background-color: #0090DC;
	color: #ffffff;
}
.ehc-application-input-interview-calender-contents .ehc-selected-dates > li {
	width: 292px;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	padding: 8px 6px;
	line-height: 1;
	background: #FFFFFF;
	justify-content: space-around;
}
.ehc-application-input-interview-calender-contents .ehc-selected-dates > li:nth-child(3){
	margin-right: 0;
}
.ehc-application-input-interview-calender-contents .ehc-selected-dates > li .ehc-selected-date-delete {
	display: block;
	position: relative;
	width: 16px;
	height: 16px;
	cursor: pointer;
}
.ehc-application-input-interview-calender-contents .ehc-selected-dates > li .ehc-selected-date-delete:before,
.ehc-application-input-interview-calender-contents .ehc-selected-dates > li .ehc-selected-date-delete::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1px;
	height: 16px;
	background: #324FE1;
}
.ehc-application-input-interview-calender-contents .ehc-selected-dates > li .ehc-selected-date-delete:before {
	transform: translate(-50%,-50%) rotate(45deg);
}
.ehc-application-input-interview-calender-contents .ehc-selected-dates > li .ehc-selected-date-delete::after {
	transform: translate(-50%,-50%) rotate(-45deg);
}

.ehc-application-input-interview-setting-operation-area > * + * {
	margin-top: 25px;
}

.ehc-application-input-interview-setting-type-both {
	margin-top: 40px;
}

.ehc-job-detail-floating-btn-apply-wrapper {
	width: 100%;
	background-color: rgba(255,255,255,0.8);
	position: fixed;
	bottom: -72px;
	top: auto;
	left: 0;
	z-index: 999;
	padding: 12px 20px;
	box-shadow:1px 0px 3px 0px rgba(0,0,0,0.4);
	visibility: hidden;
	opacity: 0;
}
.ehc-job-detail-floating-btn-apply-wrapper.show {
	opacity: 1.0;
	visibility: visible;
	bottom: 0;
	transition: .4s;
}
.ehc-job-detail-floating-btn-apply-wrapper.hide {
	opacity: 0;
	visibility: hidden;
	bottom: -72px;
	transition: .4s;
}
.ehc-job-detail-job-tag-wrapper > li {
	font-size: 13px;
	padding: 3px 10px;
	background: #F6F6F6;
	margin-right: 5px;
	margin-bottom: 5px;
	border-radius: 3px;
}
.ehc-job-detail-contents-with-job-tag-top > .ehc-job-detail-job-tag-wrapper + * {
	margin-top: 5px;
}

.ehc-job-type-select-register-selected-list:not(:last-child):after {
	content: "／";
	margin-right: 2px;
	margin-left: 2px;
}
.ehc-job-type-select-register-selected-list > *:not(:last-child):after {
	content: "|";
	margin-right: 2px;
	margin-left: 2px;
}

.ehc-container-adnet {
	overflow: hidden;
	min-width: 1080px;
	height: 100%;
	min-height: auto;
}