@charset "utf-8";

/* ==========================================================================
   Foundation
   ========================================================================== */

/* Base
   ----------------------------------------------------------------- */

@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: thin;
	font-weight: 100;
	src: url("/fonts/NotoSansCJKjp-Thin.eot");
	src: url("/fonts/NotoSansCJKjp-Thin.eot?#iefix") format("embedded-opentype"), url("/fonts/NotoSansCJKjp-Thin.woff") format("woff"), url("/fonts/NotoSansCJKjp-Thin.ttf") format("truetype"), url("/fonts/NotoSansCJKjp-Thin.otf") format("opentype");
}
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 400;
	src: url("/fonts/NotoSansCJKjp-Regular.eot");
	src: url("/fonts/NotoSansCJKjp-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/NotoSansCJKjp-Regular.woff") format("woff"), url("/fonts/NotoSansCJKjp-Regular.ttf") format("truetype"), url("/fonts/NotoSansCJKjp-Regular.otf") format("opentype");
}
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: bold;
	font-weight: 700;
	src: url("/fonts/NotoSansCJKjp-Bold.eot");
	src: url("/fonts/NotoSansCJKjp-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/NotoSansCJKjp-Bold.woff") format("woff"), url("/fonts/NotoSansCJKjp-Bold.ttf") format("truetype"), url("/fonts/NotoSansCJKjp-Bold.otf") format("opentype");
}

html { font-size: 62.5%; }
body {
	font-size: 14px;
	font-family: 'Graphik Web',"Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Tahoma,sans-serif;
	word-break: break-all;
	word-wrap: break-word;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}
main { display: block; }

h1, h2, h3, h4 {
	text-transform: none;
	letter-spacing: normal;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	line-height: 1.5;
}
h3, h4, h5, h6 {
	font-size: inherit;
}
ul, ol {
	margin: 0;
	padding: 0;
}

input[type="text"], input[type="tel"], input[type="email"], input[type="date"], input[type="search"], input[type="password"], select, textarea {
	font-family: 'Graphik Web',"Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Tahoma,sans-serif;
	font-size: 16px;
}
select {
	padding-right: 31px;
}

input[type="text"].placeholder.active,
input[type="email"].placeholder.active,
input[type="number"].placeholder.active,
input[type="tel"].placeholder.active,
textarea.placeholder.active {
	color: #a1a1a1;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type="number"] {
	-moz-appearance: textfield;
}

.form .form-field input[type=checkbox]:checked+label:before, #formgen-list .formgen-boxes input[type=checkbox]:checked+label:before {
	padding-top: 3px;
}


/* ==========================================================================
   Layout
   ========================================================================== */

.sb-slide, #sb-site {
	min-height: auto !important;
}

.l-section {
	padding-top: 40px;
	padding-bottom: 50px;
}
.l-section.snp-bg-none + .l-section.snp-bg-none {
	padding-top: 0;
}
@media only screen and (min-width: 941px) {
	.l-section {
		padding-top: 80px;
		padding-bottom: 100px;
	}
}
.l-sec-hr {
	border-bottom: solid 1px #d7d7d7;
	padding: 20px 0;
}
@media only screen and (min-width: 941px) {
	.l-sec-hr {
		padding: 40px 0;
	}
}


/* Header
   ----------------------------------------------------------------- */

@media only screen and (min-width: 801px) {
	.masthead.nav-down {
		height: 180px;
	}
}

#office .job-search-header, #office .job-details-header { background-color: #e74536 !important; }
#factory .job-search-header, #factory .job-details-header { background-color: #2175d9 !important; }
#spot .job-search-header, #spot .job-details-header { background-color: #feb511 !important; }
#tenshoku .job-search-header, #tenshoku .job-details-header,
#professionals .job-search-header, #professionals .job-details-header { background-color: #0f1941 !important; }

#spot .job-search-header-brand, #spot .job-details-header .job-summary {
	color: #0f1941;
}
#spot .job-details-header .job_num {
	color: #0f1941;
	opacity: .8;
}
.header-dark .working_area a,
.header-dark .working_area > i {
	color: #0f1941;
	opacity: 1;
}

@media only screen and (min-width: 970px) {
	.masthead nav a, .masthead .nav-main2 a {
		font-size: 14px;
	}
}
@media only screen and (min-width: 801px) {
	.nav-utility label, .nav-utility a, .nav-utility a:visited, .nav-utility a:active, .nav-utility span {
		opacity: .6;
	}
	.my-randstad-login span, .my-randstad-login a:link, .my-randstad-login a:visited, .my-randstad-login a:active, .my-randstad-login a:hover {
		margin-top: 6px;
	}
	.nav-utility li.has-sep-none {
		padding-top: 5px;
	}
	.masthead nav li.active a {
		cursor: default;
		opacity: 1;
		text-decoration: none;
	}
}
@media only screen and (max-width: 800px) {
	.nav-utility .key-login-small {
		background-position: -198px -12px;
		background-size: 840px 660px;
	}
	.masthead.nav-down .nav-utility .key-login-small {
		background-position: -138px -12px;
	}
}
@media only screen and (min-width: 801px) {
	.my-randstad-login-panel--inner li {
		margin-bottom: 10px;
	}
}

.nav-page-header, .topinfoBox {
	position: relative;
}
.nav-down .nav-page-header, .nav-down .topinfoBox {
	display: none;
}
.nav-page-header > div, .working_area {
	z-index: 10;
	position: absolute;
	top: 8px;
	right: 100px;
}
.nav-page-header > div a, .working_area a {
	display: inline-block;
	color: #fff;
	opacity: .6;
}
.nav-page-header > div a:hover {
	text-decoration: underline;
}
@media only screen and (max-width: 800px) {
	.nav-page-header > div, .working_area {
		top: 15px;
		right: 50px;
	}
}
@media only screen and (max-width: 500px) {
	.nav-page-header > div, .working_area {
		right: 25px;
	}
}
.working_area .select_area {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
}
.working_area .area_txt {
	display: inline-block;
	margin-left: 10px;
	font-weight: normal;
	font-size: 12px;
}
.working_area a:hover .area_txt {
	text-decoration: underline;
}
.working_area > i {
	color: #fff;
	opacity: .6;
	margin-left: 5px;
	font-size: 11px;
	vertical-align: middle;
}

.nav-language li {
	float: left;
}
.nav-language li.has-sep:after {
	content: " | ";
	color: rgba(247,245,240,.4);
	display: inline-block;
	font-size: 14px;
	margin: 0 15px;
}
.nav-language li.selected a {
	opacity: 1;
}
.nav-language li.selected a:hover {
	text-decoration: none;
	cursor: default;
}


/* Nav
   ----------------------------------------------------------------- */

.breadcrumb {
	max-width: 65%;
	color: #fff;
	opacity: .6;
	text-transform: none;
}
.spot .breadcrumb {
	color: #0f1941;
	opacity: .8;
}
.breadcrumb a, .breadcrumb span {
	opacity: 1;
}
@media only screen and (max-width: 1150px) {
	.breadcrumb {
		max-width: 60%;
	}
}

@media only screen and (min-width: 1160px) {
	.nav-menu-item--registration {
		position: absolute;
		right: 60px;
	}
}
.nav-global-small > li:first-child {
	border-bottom: none;
}
.nav-global-small .active a {
	border-bottom: 1px solid #d7d7d7;
}
.nav-global-small .active.open a, .nav-global-small .open .nav-global-small-sub {
	border-bottom: none;
}
.nav-global-small > li.active {
	margin-bottom: 0;
	padding-top: 0;
}
/*
.nav-global-small > li.active.open {
	background-color: #f7f5f0;
}
.nav-global-small > li.active > a {
	padding: 16px 0;
}
.nav-global-small > li.active.open > a {
	border-bottom: 1px solid #d7d7d7;
	padding: 16px 0;
}
.nav-global-small > li.active li a {
	padding: 10px;
}
.nav-global-small > li.active > span {
	background-position: -410px -48px;
}
.nav-global-small > li.active.open > span {
	background-position: -460px -48px;
}
*/

#mypageNaviSmart {
	visibility: hidden;
	z-index: 0;
	overflow-y: scroll;
	position: fixed;
	top: 0;
	right: 0;
	display: none;
	width: 30%;
	height: 100%;
	background-color: #f7f5f0;
}
@media screen and (max-width: 800px) {
	#mypageNaviSmart {
		display: block;
		-webkit-transition: 0.3s linear 0.3s;
		transition: 0.3s linear 0.3s;
	}
	#mypageNaviSmart.active {
		visibility: visible;
		right: 0;
		-webkit-transition: 0.3s linear 0.0s;
		transition: 0.3s linear 0.0s;
	}
}
@media (max-width: 480px) {
	#mypageNaviSmart { width: 70%; }
	#header.click, #sb-site.active { transform: translate(-70%) !important; }
}
@media (min-width: 481px) {
	#mypageNaviSmart { width: 55%; }
	#header.click, #sb-site.active { transform: translate(-55%) !important; }
}
@media (min-width: 768px) {
	#mypageNaviSmart { width: 40%; }
	#header.click, #sb-site.active { transform: translate(-40%) !important; }
}

#mypageNaviSmart > ul {
	padding: 8px 10px;
	font-size: 16px;
}
#mypageNaviSmart > ul li {
	border-bottom: solid 1px #d7d7d7;
}
#mypageNaviSmart > ul li a {
	display: block;
	padding: 16px 0;
}
#mypageNaviSmart .button {
	padding: 10px 16px;
}


/* Color
   ----------------------------------------------------------------- */

.office .nav-utility label, .office .nav-utility a, .office .nav-utility a:visited, .office .nav-utility a:active, .office .nav-utility span,
.factory .nav-utility label, .factory .nav-utility a, .factory .nav-utility a:visited, .factory .nav-utility a:active, .factory .nav-utility span,
.tenshoku .nav-utility label, .tenshoku .nav-utility a, .tenshoku .nav-utility a:visited, .tenshoku .nav-utility a:active, .tenshoku .nav-utility span,
.professionals .nav-utility label, .professionals .nav-utility a, .professionals .nav-utility a:visited, .professionals .nav-utility a:active, .professionals .nav-utility span {
	color: #fff;
}
.office .nav-utility li.has-sep:after,
.factory .nav-utility li.has-sep:after,
.tenshoku .nav-utility li.has-sep:after,
.professionals .nav-utility li.has-sep:after {
	color: rgba(247,245,240,.4);
}
.office .masthead .nav-main2 a,
.factory .masthead .nav-main2 a,
.tenshoku .masthead .nav-main2 a,
.professionals .masthead .nav-main2 a {
	color: #fff;
	opacity: .6;
}
.office .masthead .nav-main2 a:hover:after, .office .masthead .nav-main2 li.selected:after,
.factory .masthead .nav-main2 a:hover:after, .factory .masthead .nav-main2 li.selected:after,
.tenshoku .masthead .nav-main2 a:hover:after, .tenshoku .masthead .nav-main2 li.selected:after,
.professionals .masthead .nav-main2 a:hover:after, .professionals .masthead .nav-main2 li.selected:after {
	border-bottom-color: #fff;
}
.office .masthead nav a,
.factory .masthead nav a,
.tenshoku .masthead nav a,
.professionals .masthead nav a {
	color: #fff;
	opacity: .6;
}
.office .masthead nav a.active,
.factory .masthead nav a.active,
.tenshoku .masthead nav a.active,
.professionals .masthead nav a.active {
	opacity: 1;
}
.office .masthead-top.box-inner,
.factory .masthead-top.box-inner,
.tenshoku .masthead-top.box-inner,
.professionals .masthead-top.box-inner {
	border-bottom-color: #fff;
}
.office .breadcrumb-languages .breadcrumb a, .office .breadcrumb-languages .breadcrumb span,
.factory .breadcrumb-languages .breadcrumb a, .factory .breadcrumb-languages .breadcrumb span,
.tenshoku .breadcrumb-languages .breadcrumb a, .tenshoku .breadcrumb-languages .breadcrumb span,
.professionals .breadcrumb-languages .breadcrumb a, .professionals .breadcrumb-languages .breadcrumb span {
	color: #f7f5f0;
	opacity: 1;
}
.office .working_area a, .office .working_area > i,
.factory .working_area a, .factory .working_area > i,
.tenshoku .working_area a, .tenshoku .working_area > i,
.professionals .working_area a, .professionals .working_area > i {
	color: #fff;
	opacity: .6;
}

@media only screen and (max-width: 500px) {
	.snp-sp-bg-opt1 { background: #2175d9; }
	.snp-sp-bg-opt3 { background: #6ba5b4; }
}


/* Footer
   ----------------------------------------------------------------- */

.footer-main .footer-list-header a {
	font-size: 16px;
	opacity: 1;
}
.footer-main .footer-link-list a, .footer-main .footer-link-list a:visited, .footer-main .footer-link-list a:active {
	margin-bottom: 10px;
}
.footer-main .footer-link-list .footer-list-header-toggle > a {
	display: inline;
}
.footer-company {
	margin-bottom: 10px;
	opacity: .6;
}
.footer-address {
	opacity: .6;
}
@media only screen and (min-width: 601px) {
	.footer-main-col:nth-child(odd) {
		clear: both;
	}
}
@media only screen and (min-width: 801px) {
	.footer-link-list-sub {
		margin-top: 10px;
	}
	.footer-link-list-sub a, .footer-main-custom a, .trade-mark-wrapper {
		font-size: 13px;
	}
	.footer-company {
		font-size: 14px;
	}
	.footer-address {
		font-size: 13px;
	}
}
@media only screen and (min-width: 941px) {
	.footer-main-col:nth-child(odd) {
		clear: none;
	}
}
@media only screen and (max-width: 800px) {
	.footer-main .footer-list-header a {
		margin-bottom: 0;
	}
}

.quick-search-wrapper input[type="text"] {
	height: 50px !important;
	line-height: 50px !important;
	font-size: 14px;
}
.quick-search-wrapper .btn {
	display: table;
	height: 50px !important;
	line-height: 48px !important;
	padding: 0 !important;
}

/* 220407 footer */
.footer-main .footer-list-header-large {
	font-size: 20px;
}
.footer-main .footer-list-header-large a {
	font-size: 20px;
}


/* Main
   ----------------------------------------------------------------- */

.prim-job-search--header {
	white-space: nowrap;
}
.prim-job-search--header > span {
	display: block;
	font-size: 24px;
	letter-spacing: normal;
}
.prim-job-search--input input[type="text"] {
	font-size: 16px;
}
.prim-job-search--button.btn {
	background: #f7f5f0;
	border: 0;
	color: #2175d9;
	display: block;
	font-size: 20px;
}
.prim-job-search--registration {
	color: #fff;
	margin-top: 10px;
	font-size: 20px;
	text-align: right;
}
.prim-job-search--registration a {
	color: #fff;
}
.prim-job-search--registration a:hover {
	text-decoration: underline;
}
.prim-job-search--registration i {
	margin-left: 10px;
}

@media only screen and (min-width: 801px) {
	.prim-job-search--box.prim-job-search--input {
		width: 33.333%;
	}
	.prim-job-search-ng .btn::before {
		top: 18px;
	}
	.prim-job-search--button.btn {
		border-radius: 0;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
		height: 80px;
		font-size: 0;
		position: absolute;
		right: 0;
		top: 0;
		width: 100px;
	}
	.prim-job-search--button::before {
		font-size: 37px;
		margin-top: 20px;
		position: relative;
		top: 18px;
	}
	.prim-job-search--button:hover::before {
		color: #fff;
	}
	.prim-job-search--button:hover {
		background: #0071ce;
	}
}
@media only screen and (max-width: 800px) {
	.prim-job-search--header > span {
		font-size: 20px;
	}
	.prim-job-search--box.prim-job-search--input:nth-child(1) {
		float: left;
		width: 60%;
		margin-bottom: 10px;
		padding-right: 1px;
	}
	#professionals .prim-job-search--box.prim-job-search--input:nth-child(1) {
		float: none;
		width: 100%;
	}
	.prim-job-search--box.prim-job-search--input:nth-child(2) {
		float: left;
		width: 40%;
		margin-top: 0;
		margin-bottom: 10px;
		padding-right: 1px;
	}
	#professionals .prim-job-search--box.prim-job-search--input:nth-child(2) {
		width: 60%;
	}
	#office .prim-job-search--input:nth-child(1), #office .prim-job-search--input:nth-child(2),
	#factory .prim-job-search--input:nth-child(1), #factory .prim-job-search--input:nth-child(2),
	#spot .prim-job-search--input:nth-child(1), #spot .prim-job-search--input:nth-child(2) {
		width: 50%;
	}
	#tenshoku .prim-job-search--input:nth-child(1), #tenshoku .prim-job-search--input:nth-child(2) {
		float: none;
		width: 100%;
	}
	.prim-job-search--box.prim-job-search--input:nth-child(3) {
		clear: both;
	}
	#professionals .prim-job-search--box.prim-job-search--input:nth-child(3) {
		clear: none;
		float: left;
		width: 40%;
		margin-top: 0;
		margin-bottom: 10px;
		padding-left: 1px;
	}
	.prim-job-search-ng .btn, .prim-job-search--button {
		width: 100%;
		font-size: 20px;
		letter-spacing: normal;
	}
	.prim-job-search--button {
		margin-top: 10px;
	}
	.prim-job-search--button::before {
		display: none;
	}
}
@media only screen and (max-width: 500px) {
	.prim-job-search--box select {
		overflow: hidden;
		white-space: nowrap;
	}
}

#search_area02, #search_area03 {
	display: none;
}

.snp-page-header h1 {
	margin-bottom: 30px;
}
.snp-page-header .snp-page-header-text.has-button h1 {
	margin-bottom: 10px;
}
.snp-page-header .snp-page-header-text.has-button h2 {
	margin-bottom: 10px;
}
.snp-page-header h2 {
	line-height: 1;
}
.snp-page-header span {
	font-size: 28px;
	line-height: 1.3;
	letter-spacing: normal;
}
.snp-page-header h1 + p span {
	font-size: 24px;
	color: #0f1941;
}
.snp-page-header h2 + div p {
	margin-bottom: 0;
}
.snp-page-header-text h1 + p {
	margin-bottom: 0;
}
@media only screen and (min-width: 801px) {
	.snp-page-header h1 {
		margin-bottom: 44px;
	}
	.snp-page-header h2, .snp-page-header h1 + p {
		margin-top: 76px;
	}
	.snp-page-header span {
		font-size: 40px;
	}
	.snp-page-header h1 + p span {
		font-size: 30px;
	}
	.snp-page-header-text {
		min-height: 180px;
	}
	.snp-page-header-subtitle {
		display: block;
		text-align: right;
	}
	.snp-page-header .snp-page-header-text.has-button h2 {
		margin: 0 0 90px;
	}
	.snp-page-header-text.has-button .btn {
		position: static;
		right: auto;
		bottom: auto;
		float: right;
	}
}
@media only screen and (max-width: 800px) {
	.snp-page-header-text.has-button div + .btn {
		margin-top: 20px;
	}
}

/* ----- snp-branch-selector ----- */
.snp-branch-selector-jp .box-inner {
	padding-bottom: 50px;
	padding-top: 50px;
}
@media only screen and (min-width: 501px) {
	.snp-branch-selector-jp .box-inner {
		background-image: url("/images/system/content/snippets/pins.svg");
		background-position: 240% center;
		background-repeat: no-repeat;
		background-size: 70%;
		padding-bottom: 70px;
		padding-top: 70px;
		position: relative
	}
}
@media only screen and (min-width: 641px) {
	.snp-branch-selector-jp .box-inner {
		background-position: 180% center;
		background-size: 58%
	}
}
@media only screen and (min-width: 801px) {
	.snp-branch-selector-jp .box-inner {
		background-position: 95% center;
		background-size: 48%;
		padding-bottom: 150px;
		padding-top: 150px
	}
}
@media only screen and (min-width: 941px) {
	.snp-branch-selector-jp .box-inner {
		background-size: 45%
	}
}
@media only screen and (min-width: 1041px) {
	.snp-branch-selector-jp .box-inner {
		background-size: 35%
	}
}
@media only screen and (min-width: 1230px) {
	.snp-branch-selector-jp .box-inner {
		background-size: 30%
	}
}
@media only screen and (min-width: 1470px) {
	.snp-branch-selector-jp .box-inner {
		background-position: right center;
		background-size: 26%
	}
}
.snp-branch-selector-jp .btn {
	margin-top: 30px;
}
/* ----- / snp-branch-selector ----- */

@media only screen and (max-width: 800px) {
	.snp-full-slide {
		background-color: #fff;
	}
}

.kc-search-results-list h3 {
	font-size: 20px;
	line-height: 1.3;
}
.kc-search-results-article-info {
	color: #000;
	font-size: 11px;
}
.kc-search-results-article-info-intro-wrapper span {
	color: #000;
	margin: 0;
	font-size: 14px;
}
@media only screen and (max-width: 800px) {
	.kc-search-results-article-info-intro-wrapper span {
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 940px) {
	.kc-latest-insights article:first-child {
		border-top: solid 1px #d7d7d7;
		margin-top: 40px;
		padding-top: 50px;
	}
}
@media only screen and (max-width: 800px) {
	.kc-latest-insights article:first-child {
		margin-top: 20px;
		padding-top: 25px;
	}
}

.links-list-wrapper + .links-list-wrapper {
	padding-top: 0;
}
.links-list-wrapper {
	font-size: 16px;
	line-height: 1.4;
}
.links-list a:link, .links-list a:visited, .links-list a:active {
	font-size: 16px;
	letter-spacing: normal;
}
@media only screen and (max-width: 600px) {
	.links-list li {
		float: none;
		width: auto;
	}
}
.links-list.is-multiline a:link, .links-list.is-multiline a:visited, .links-list.is-multiline a:active {
	height: auto;
	padding: 15px 0;
	line-height: 1.3;
	text-overflow: clip;
	white-space: normal;
	overflow: visible;
}
@media only screen and (min-width: 941px) {
	.links-list.is-multiline a:link, .links-list.is-multiline a:visited, .links-list.is-multiline a:active {
		padding: 20px 0;
	}
	.links-list.is-narrow {
		margin-top: -15px;
	}
	.links-list.is-narrow a:link, .links-list.is-narrow a:visited, .links-list.is-narrow a:active {
		height: 62px;
		line-height: 62px;
	}
}

.article-content a {
	line-height: 1.3;
}
.article-inner {
	padding-bottom: 30px;
}
.article-content {
	padding-bottom: 0;
}
@media only screen and (min-width: 941px) {
	.article-content a {
		font-size: 20px;
		letter-spacing: normal;
	}
}
.kc-latest-insights-item {
	border-bottom: solid 1px #d7d7d7;
	margin-bottom: 40px;
}
@media only screen and (max-width: 940px) {
	.kc-latest-insights-item:first-child {
		border-top: solid 1px #d7d7d7;
		margin-top: 40px;
		padding-top: 40px;
	}
}
@media only screen and (min-width: 501px) {
	.kc-latest-insights .kc-latest-insights-item:nth-child(4) {
		display: block;
	}
	.article-list img {
		position: static;
	}
}

@media only screen and (max-width: 500px) {
	.snp-txt-img-cta-boxed > .box-inner > div[class*=snp-bg-] {
		max-width: none;
		margin-right: -25px;
		margin-left: -25px;
	}
}

@media only screen and (min-width: 801px) {
	.snp-txt-img-cta-wide .snp-txt-img-cta-txt {
		padding-left: calc(4/58*100%);
	}
	.snp-txt-img-cta-wide.snp-txt-img-cta-rev .snp-txt-img-cta-txt {
		padding-left: 0;
		padding-right: calc(4/58*100%);
	}
}


/* ==========================================================================
   Object
   ========================================================================== */

/* Component
   ----------------------------------------------------------------- */

ul.grid-wrap {
	list-style: none;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}
@media only screen and (max-width: 800px) {
	.accordionBox01 .acCon ul.grid-wrap {
		margin-left: 0;
	}
}
@media only screen and (max-width: 600px) {
	.grid-wrap {
		margin-left: 0;
	}
}
.grid-col-1-2 {
	margin-bottom: 40px;
}
.grid-col-1-2:last-child {
	margin-bottom: 0;
}
.grid-col-1-4 {
	margin-bottom: 25px;
}
.grid-col-1-2_4 {
	margin-bottom: 40px;
}
.grid-col-1-4:last-child, .grid-col-1-2_4:last-child {
	margin-bottom: 0;
}
.grid-col-1-2_4 .grid-col-1-2 {
	float: left;
	width: 50%;
	margin-bottom: 0;
}
.grid-col-1-2_4 .grid-col-1-2:nth-child(odd) {
	padding-right: 12.5px;
}
.grid-col-1-2_4 .grid-col-1-2:nth-child(even) {
	padding-left: 12.5px;
}
.grid-cols-3 .grid-col-1-3 {
	margin-bottom: 25px;
}
.grid-cols-3 .grid-col-1-3:last-child {
	margin-bottom: 0;
}
@media only screen and (min-width: 501px) {
	.grid-col-1-2 {
		float: none;
		width: auto;
	}
	.grid-col-1-2_4 .grid-col-1-2 {
		margin-bottom: 0;
	}
}
@media only screen and (min-width: 601px) {
	.grid-col-1-2:nth-last-child(-n+2) {
		margin-bottom: 0;
	}
	.grid-col-1-2, .grid-col-1-4, .grid-col-1-2_4 {
		float: left;
		margin-bottom: 40px;
		padding-left: 40px;
		width: 50%;
	}
	.grid-col-1-2:nth-child(odd), .grid-col-1-4:nth-child(odd) {
		clear: both;
	}
	.grid-col-1-4:nth-last-child(-n+2) {
		margin-bottom: 0;
	}
	.grid-col-1-2_4 .grid-col-1-2:nth-child(odd) {
		padding-right: 0;
	}
	.grid-col-1-2_4 .grid-col-1-2:nth-child(even) {
		padding-left: 40px;
	}
	.grid-cols-3 .grid-col-1-3 {
		float: left;
		margin-bottom: 0;
		padding-left: 40px;
	}
}
@media only screen and (min-width: 941px) {
	.grid-col-1-2:nth-child(odd) {
		padding-right: 60px;
	}
	.grid-col-1-2:nth-child(even) {
		padding-left: 100px;
	}
	.grid-col-1-4 {
		width: 25%;
	}
	.grid-col-1-4:nth-child(odd) {
		clear: none;
	}
	.grid-col-1-4:nth-child(4n+1) {
		clear: both;
	}
	.grid-col-1-4:nth-last-child(-n+4) {
		margin-bottom: 0;
	}
}
@media only screen and (-ms-high-contrast: none) and (min-width: 941px),
(-ms-high-contrast: active) and (min-width: 941px) {
	.grid-col-1-3 {
		width: calc(1/3*99.99%)
	}
}

.snp-bg-half .grid-col-1-2 {
	margin-bottom: 0;
}
@media only screen and (min-width: 601px) {
	.snp-bg-half {
		background: linear-gradient(90deg, #2175d9 0%, #2175d9 50%, #f7f5f0 50%, #f7f5f0 100%);
	}
	#office .snp-bg-half,
	#factory .snp-bg-half {
		background: linear-gradient(90deg, #6ba5b4 0%, #6ba5b4 50%, #f7f5f0 50%, #f7f5f0 100%);
	}
	#spot .snp-bg-half {
		background: linear-gradient(90deg, #2175d9 0%, #2175d9 50%, #fff 50%, #fff 100%);
	}
	.snp-bg-half .grid-col-1-2:nth-child(1), .snp-bg-half .grid-col-1-2:nth-child(3) {
		color: #fff;
	}
	.snp-bg-half .grid-col-1-2:nth-child(2) {
		float: right;
	}
	.snp-bg-half .grid-col-1-2:nth-child(1) a:not(.btn), .snp-bg-half .grid-col-1-2:nth-child(3) a:not(.btn) {
		color: #fff;
	}
	.snp-bg-half .grid-col-1-2 > div {
		border-bottom: solid 1px #77a8e2;
		margin-bottom: 40px;
		padding-bottom: 40px;
	}
	#office .snp-bg-half .grid-col-1-2:nth-child(1) > div,
	#factory .snp-bg-half .grid-col-1-2:nth-child(1) > div {
		border-bottom: solid 1px #fff;
	}
	.snp-bg-half .grid-col-1-2:nth-child(2) > div {
		border-bottom-color: #d7d7d7;
	}
	.snp-bg-half .grid-col-1-2:nth-child(2) > div:last-child, .snp-bg-half .grid-col-1-2:nth-child(3) > div:last-child {
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.snp-bg-half .grid-col-1-2:nth-child(odd) {
		clear: none;
	}
}

.flex-wrap + .flex-wrap {
	margin-top: 30px;
}
.flex-wrap.has-hr + .flex-wrap.has-hr {
	margin-top: 20px;
}
.flex-wrap.has-hr .flex-col-right {
	border-bottom: solid 1px #d7d7d7;
	padding-bottom: 20px;
}
@media only screen and (min-width: 941px) {
	.flex-wrap, .flex-wrap.accordionBox01 dl, .links-list-wrapper.accordionBox01 dl {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
	}
	.flex-col-left, .flex-wrap.accordionBox01 dt, .links-list-wrapper.accordionBox01 dt {
		-ms-flex: 0 0 26%;
		flex: 0 0 26%;
		padding-right: 40px;
	}
	.flex-col-right, .flex-wrap.accordionBox01 dd, .links-list-wrapper.accordionBox01 dd {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}
	.flex-wrap.accordionBox01 dt > .flex-col-left, .links-list-wrapper.accordionBox01 dt > .links-list-header {
		flex-basis: 100%;
		padding-right: 0;
	}
	.flex-wrap + .flex-wrap {
		margin-top: 60px;
	}
	.flex-wrap.has-hr + .flex-wrap.has-hr {
		margin-top: 40px;
	}
	.flex-wrap.has-hr .flex-col-right {
		padding-bottom: 40px;
	}
	.float-col-left {
		float: left;
		width: 26%;
	}
	.float-col-right {
		float: left;
		width: 74%;
	}
}

.job-links-lists-wrapper {
	padding-top: 40px;
	padding-bottom: 40px;
}
@media only screen and (min-width: 601px) {
	.job-links-lists-wrapper {
		padding-top: 55px;
		padding-bottom: 65px;
	}
}
.job-links-lists-header {
	margin-bottom: 20px;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}
@media only screen and (max-width: 600px) {
	.job-links-lists-header {
		margin-bottom: 17px;
	}
	.grid-col-1-4.dummy {
		margin-bottom: 0;
	}
	.job-links-lists-header.dummy {
		display: none;
	}
}
.job-links-list li {
	margin-bottom: 0;
}
.job-links-list a:link,
.job-links-list a:visited,
.job-links-list a:active {
	border-bottom: 1px solid #d7d7d7;
	display: block;
	height: 52px;
	line-height: 52px;
	font-size: 16px;
	letter-spacing: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}
.job-links-list a:hover {
	text-decoration: underline
}
.job-links-list a > span {
	font-size: 12px;
}

.snp-link-list.snp-bg-opt1 { background: #2175d9; }
.snp-link-list.snp-bg-opt2 { background: #0f1941; }
.snp-link-list.snp-bg-opt3 { background: #6ba5b4; }
.snp-link-list.snp-bg-none { background: none; }

.snp-link-list.snp-bg-opt1 .links-list-header,
.snp-link-list.snp-bg-opt2 .links-list-header,
.snp-link-list.snp-bg-opt3 .links-list-header {
	color: #fff;
}
.snp-link-list.snp-bg-opt1 .links-list a:link, .snp-link-list.snp-bg-opt1 .links-list a:visited, .snp-link-list.snp-bg-opt1 .links-list a:active,
.snp-link-list.snp-bg-opt2 .links-list a:link, .snp-link-list.snp-bg-opt2 .links-list a:visited, .snp-link-list.snp-bg-opt2 .links-list a:active,
.snp-link-list.snp-bg-opt3 .links-list a:link, .snp-link-list.snp-bg-opt3 .links-list a:visited, .snp-link-list.snp-bg-opt3 .links-list a:active {
	color: #fff;
	border-bottom-color: rgba(215,215,215,.4);
}
/* ----- slider ----- */
@media only screen and (min-width: 801px) {
	.snp-full-slide .snp-img-text-inner.snp-img-text-width-460 {
		width: 460px;
	}
}
@media only screen and (max-width: 600px) {
	.snp-full-slide .snp-full-slide-img.hide-for-small + .snp-img-text {
		padding-top: 30px;
	}
	.snp-txt-img-cta .snp-txt-img-cta-img.hide-for-small + .snp-txt-img-cta-txt {
		padding-top: 30px;
	}
	#spot .snp-txt-img-cta:first-of-type {
		background-color: #fff;
		padding-bottom: 30px;
	}
}
.vertical-slider.slick-vertical {
	padding-right: 40px;
}
.vertical-slider li {
	outline: none;
}
.vertical-slider .slick-prev {
	background: url(/images/system/backgrounds/sprite.png) no-repeat -415px -65px;
	top: 10px;
	right: 0;
	left: auto;
}
.vertical-slider .slick-next {
	background: url(/images/system/backgrounds/sprite.png) no-repeat -465px -65px;
	top: auto;
	right: 0;
	bottom: 20px;
}
.snp-bg-opt2 .vertical-slider .slick-prev {
	background-position: -165px -65px;
}
.snp-bg-opt2 .vertical-slider .slick-next {
	background-position: -115px -65px;
}
/* ----- / slider ----- */

.btn-quat,
.btn-quat:link,
.btn-quat:visited,
.btn-quat:active {
	background-color: transparent;
	border-color: #0f1941;
	color: #0f1941;
}
.btn-quat:hover,
.btn-quat:focus {
	background-color: #0f1941;
	color: #fff;
}
.btn-prim.reverse, .btn-prim.reverse:link, .btn-prim.reverse:visited {
	background-color: #2175d9;
	color: #fff;
}
.btn-prim.reverse:hover, .btn-prim.reverse:focus {
	background-color: #fff;
	color: #2175d9;
}

.btn.btn-small {
	height: 47px;
	line-height: 43px;
}
.btn.is-multiline {
	height: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 1.3;
	white-space: normal;
}
.btn.is-flex {
	display: flex !important;
	align-items: center;
	justify-content: center;
	line-height: 1.3;
	white-space: normal;
}
.snippet .btn-prim.is-bg-wh {
	background: #fff;
	color: #2175d9;
}
.btn-prim.is-bg-wh:hover {
	background: #2175d9;
	color: #fff;
}
.btn-prim.hov-bg-tp:hover {
	background: transparent;
}
@media only screen and (max-width: 940px) {
	.btn.btn-small {
		height: 45px;
	}
	.btn.is-multiline {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}
@media only screen and (max-width: 500px) {
	.btn.is-sp-full {
		width: 100%;
	}
}
@media only screen and (max-width: 800px) {
	.btn-tert.is-sp-sec {
		background-color: transparent;
	}
	.btn.is-flex {
		height: auto;
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

a.telephone_check {
	color: inherit;
	cursor: default;
}

.snp-bg-opt7 {
	background: #f9f9f9;
}

.icon-right-m {
	font-size: 12px;
	margin-left: 5px;
}


/* Project
   ----------------------------------------------------------------- */

.snp-txt-img-cta-txt p, .snp-branch-selector-jp p, .snp-full-slide .snp-img-text p {
	font-size: 16px;
	line-height: 1.4;
}
.snp-txt-img-cta-txt ul, .snp-txt-img-cta-txt ol {
	margin: 0;
	padding: 0 0 0 1.5em;
	font-size: 16px;
	line-height: 1.4;
}
.snp-txt-img-cta-txt ul.list-clean, .snp-txt-img-cta-txt ol.list-clean {
	padding: 0;
}
.snp-txt-img-cta-txt ul li:not(:last-child) {
	margin-bottom: 10px;
}
.snp-txt-img-cta-txt address {
	color: #2175d9;
	font-size: 24px;
	font-style: normal;
	line-height: 1.3;
}
.article-list header p {
	color: #000;
	line-height: 1.5;
}
.snp-full-slide .snp-img-text-inner.snp-img-text-color-2 *:not(a) {
	color: #0f1941;
}
@media only screen and (max-width: 600px) {
	.snp-full-slide .snp-img-text-inner img {
		max-width: 100%;
	}
}

*[class^=p-title-lv-],
*[class*= p-title-lv-] {
	margin-bottom: 20px;
}
.p-title-lv-01 {
	font-size: 24px !important;
	line-height: 1.3 !important;
	letter-spacing: normal !important;
}
.p-title-lv-02 {
	font-size: 24px !important;
	line-height: 1.3 !important;
	letter-spacing: normal !important;
}
.p-title-lv-03 {
	font-size: 24px !important;
	line-height: 1.3 !important;
	letter-spacing: normal !important;
}
.p-title-lv-04 {
	font-size: 20px !important;
	line-height: 1.3 !important;
	letter-spacing: normal !important;
}
@media only screen and (min-width: 941px) {
	.p-title-lv-01 { font-size: 38px !important; }
	.p-title-lv-02 { font-size: 30px !important; }
}
.p-title-lv-04 > span {
	font-size: 13px;
}

.p-list-default li {
	position: relative;
	border-bottom: solid 1px rgba(215,215,215,.4);
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.p-list-default .slick-vertical .slick-slide {
	border-bottom: solid 1px rgba(215,215,215,.4);
}
.p-list-default.snp-bg-opt5 li,
.p-list-default.snp-bg-none li,
.p-list-default.snp-bg-opt5 .slick-vertical .slick-slide,
.p-list-default.snp-bg-none .slick-vertical .slick-slide {
	border-bottom-color: rgba(215,215,215,1);
}
.p-list-default li:last-child {
	margin-bottom: 0;
}
.p-list-default a:hover {
	text-decoration: underline;
}
.p-list-default li .date-label {
	display: block;
	margin-top: 10px;
	font-size: 11px;
}
.p-list-default li .new {
	display: block;
}
@media only screen and (min-width: 601px) {
	.p-list-default li .new {
		position: absolute;
		top: 0;
		left: 0;
	}
	.p-list-default li .new + a {
		display: inline-block;
		margin-left: 3em;
	}
}
.p-list-default.snp-bg-opt1,
.p-list-default.snp-bg-opt2,
.p-list-default.snp-bg-opt3 {
	color: #fff;
}
.p-list-default.snp-bg-opt1 a,
.p-list-default.snp-bg-opt2 a,
.p-list-default.snp-bg-opt3 a {
	color: #fff;
}
.p-list-default .btn {
	margin-top: 40px;
}

.p-sec-nav {
	color: #fff;
}
.p-sec-nav a {
	color: #fff;
}
.p-sec-nav a:hover .p-title-lv-04 {
	text-decoration: underline;
}
.p-sec-nav p {
	margin-bottom: 0;
	line-height: 1.5;
}
.p-sec-nav-item {
	border-bottom: solid 1px rgba(215,215,215,.4);
	padding-bottom: 20px;
}
@media only screen and (min-width: 601px) {
	.p-sec-nav-item {
		padding-bottom: 30px;
	}
}

.p-sec-banner {
	padding-top: 40px;
	padding-bottom: 40px;
}
.p-sec-banner dt > * {
	margin-bottom: 0;
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: normal;
}
.p-sec-banner dt, .p-sec-banner dd {
	display: table-cell;
	vertical-align: middle;
}
.p-sec-banner dt {
	padding-right: 10px;
}
.p-sec-banner ul {
	letter-spacing: -.4em;
}
.p-sec-banner li {
	display: inline-block;
	margin-right: 10px;
	letter-spacing: normal;
}
.p-sec-banner li:last-child {
	margin-right: 0;
}
.p-sec-banner li img {
	max-width: 100%;
}
@media only screen and (max-width: 600px) {
	.p-sec-banner li {
		width: 50%;
		margin-right: 0;
	}
	.p-sec-banner li:nth-child(odd) {
		padding-right: 5px;
	}
	.p-sec-banner li:nth-child(even) {
		padding-left: 5px;
	}
	.p-sec-banner dt, .p-sec-banner dd {
		display: block;
	}
	.p-sec-banner dt {
		margin-bottom: 10px;
	}
}

.p-sec-text p {
	color: #000;
	margin-bottom: 0;
	font-size: 16px;
	line-height: 2.0;
}

.p-sec-pagetop {
	padding: 20px 0;
	text-align: right;
}
.p-sec-pagetop .box-inner {
	position: relative;
}
.p-sec-pagetop .icon-chevron-down:before {
	color: #0f1941;
	margin-right: 5px;
	vertical-align: middle;
}
.p-sec-pagetop .back {
	position: relative;
}
.p-sec-pagetop .back a {
	position: absolute;
	left: 0;
}
.p-sec-pagetop .icon-chevron-left:before {
	color: #0f1941;
	margin-right: 5px;
	vertical-align: middle;
}
@media only screen and (min-width: 601px) {
	.p-sec-pagetop {
		padding: 40px 0;
	}
}

.p-sec-lead li > div {
	border-bottom: solid 1px #d7d7d7;
}
.p-sec-lead li p {
	margin-bottom: 20px;
}
.p-sec-lead li.grid-col-1-3 {
	margin-bottom: 25px;
}
.p-sec-lead li.grid-col-1-3:last-child {
	margin-bottom: 0;
}
@media only screen and (min-width: 601px) {
	.p-sec-lead li.grid-col-1-3 {
		margin-bottom: 40px;
	}
	.p-sec-lead li.grid-col-1-3:nth-last-child(-n+2) {
		margin-bottom: 0;
	}
}
@media only screen and (min-width: 941px) {
	.p-sec-lead li.grid-col-1-3 {
		margin-bottom: 0;
	}
}
@media only screen and (min-width: 501px) {
	.p-sec-lead li.grid-col-1-3 > div {
		margin-left: 40px;
	}
}

.p-sec-links {
	color: #fff;
}
.p-sec-links a {
	display: block;
	border-bottom: solid 1px rgba(215,215,215,.4);
	color: #fff;
	padding: 20px 0;
	font-size: 16px;
	line-height: 1.4;
}
.p-sec-links a:hover {
	text-decoration: underline;
}

.p-mod-tittex p {
	margin-bottom: 0;
}
.p-mod-tittex .privacy > div > div {
	display: table-cell;
	vertical-align: middle;
}

.p-mod-list-desc dt:before {
	content: "●";
}
.p-mod-list-desc dd:not(:last-child) {
	margin-bottom: 1.5em;
}

/* 171130 */
.p-sec-notice {
	padding: 30px 0;
}
.p-sec-notice .box-inner > div {
	border: solid 1px #0f1941;
	padding: 20px;
}
@media only screen and (min-width: 601px) {
	.p-sec-notice {
		padding: 40px 0;
	}
}

/* 190112, 190118 */
.p-sec-registration.snp-bg-opt2,
.p-sec-registration.snp-bg-opt2 p a {
	color: #fff;
}
.p-sec-registration.snp-bg-opt2 p a:hover {
	text-decoration: underline;
}
.p-sec-registration .box-button > div > div {
	float: left;
	width: 50%;
	font-size: 0;
}
.p-sec-registration .box-button > div > div:nth-child(odd) { padding-right: 5px; }
.p-sec-registration .box-button > div > div:nth-child(even) { padding-left: 5px; }

.p-sec-registration .box-button > p {
	margin-top: 20px;
	font-size: 16px;
}
.p-sec-registration .box-button > p i {
	margin-left: 10px;
	font-size: smaller;
}
.p-sec-registration .btn {
	width: 100%;
	height: auto;
	line-height: inherit;
	font-size: 14px;
}
.p-sec-registration .btn strong {
	display: block;
	font-size: 22px;
}
.btn-red, .btn-red:link, .btn-red:visited, .btn-red:active {
	background-color: #e74536;
	border-color: #e74536;
}
.btn-red:hover {
	background-color: #fff;
	color: #e74536;
}
.btn-orange, .btn-orange:link, .btn-orange:visited, .btn-orange:active {
	background-color: #ffb511;
	color: #000;
	border-color: #ffb511;
}
.btn-orange:hover {
	background-color: #fff;
}
.p-sec-registration__txt {
	padding: 20px 0;
}
.p-sec-registration__txt i {
	margin-right: 5px;
}
.p-sec-registration__txt i > img {
	width: 28px;
	vertical-align: middle;
}
@media only screen and (min-width: 501px) {
	.p-sec-registration {
		padding-bottom: 80px;
	}
	.p-sec-registration .box-button {
		margin-top: 40px;
	}
	.p-sec-registration .btn {
		height: 96px;
		line-height: 92px;
	}
	.p-sec-registration .btn strong {
		display: inline-block;
		margin-left: 10px;
	}
	.p-sec-registration .box-button > div > div:nth-child(odd) { padding-right: 20px; }
	.p-sec-registration .box-button > div > div:nth-child(even) { padding-left: 20px; }

	.p-sec-registration__txt {
		background: none;
		text-align: right;
	}
}
@media only screen and (min-width: 801px) {
	.p-sec-registration .box-button > p {
		font-size: 22px;
	}
	.p-sec-registration .btn {
		font-size: 20px;
	}
	.p-sec-registration .btn strong {
		font-size: 36px;
	}
	.p-sec-registration__txt {
		font-size: 22px;
	}
	.p-sec-registration__txt i > img {
		width: 38px;
	}
}
@media only screen and (max-width: 500px) {
	.p-sec-registration {
		padding-bottom: 40px;
	}
	.p-sec-registration .btn {
		padding: 15px 0;
	}
}

/* 191028 */
.p-sec-promotion.mt20 {
	margin-top: 20px;
}
.p-sec-promotion img {
	max-width: 100%;
}
.p-sec-promotion p {
	font-size: 16px;
	line-height: 1.4;
}
.p-sec-promotion .btn {
	margin-top: 30px;
}
.p-sec-promotion.no-text .btn {
	margin-top: 0;
}
.p-sec-promotion__img {
	max-width: 450px;
}
.p-sec-promotion__img.is-img-large {
	max-width: 550px;
}
.p-sec-promotion.no-text .p-sec-promotion__cont {
	font-size: 0;
}
@media only screen and (min-width: 501px) {
	.p-sec-promotion__wrap {
		position: relative;
	}
	.p-sec-promotion__img {
		position: absolute;
		top: 0;
		right: 0;
		width: 50%;
		padding-left: calc(6/58*100%);
	}
	.p-sec-promotion__head,
	.p-sec-promotion__cont {
		width: 50%;
	}
}
@media only screen and (min-width: 801px) {
}
@media only screen and (min-width: 941px) {
	.p-sec-promotion.no-text {
		padding-bottom: 80px;
	}
	.p-sec-promotion__head,
	.p-sec-promotion__cont {
		max-width: 460px;
		/* padding-right: calc(6/58*100%); */
	}
	.p-sec-promotion .btn {
		margin-top: 60px;
	}
	.p-sec-promotion.no-text .btn {
		margin-top: 30px;
	}
}
@media only screen and (max-width: 500px) {
	.p-sec-promotion,
	.p-sec-promotion .box-inner {
		padding: 0;
	}
	.p-sec-promotion__wrap,
	.p-sec-promotion__img {
		height: auto !important;
	}
	.p-sec-promotion__head {
		display: flex;
		align-items: center;
		padding: 20px 25px;
	}
	.p-sec-promotion__ttl {
		/* flex-shrink: 0; */
		margin-bottom: 0;
		font-size: 16px !important;
		font-weight: bold;
		line-height: 1.4 !important;
	}
	.p-sec-promotion__img {
		flex-basis: 110px;
		margin-left: auto;
		padding-left: 10px;
	}
	.p-sec-promotion__cont {
		background-color: #fff;
		padding: 30px 25px;
	}
}

/* ----- / ----- */

.has-bg-img-2x > i { background: url(/images/system/backgrounds/sprite@2x.png) no-repeat; }
.has-bg-img-2x > i.icon-chevron-down-w {
	display: inline-block;
	background-position: -240px -140px;
	width: 22px;
	height: 22px;
	margin-left: 10px;
	vertical-align: middle;
}
.has-bg-img-2x:hover > i.icon-chevron-down-w {
	background-position: -940px -140px;
}
.has-bg-img-2x > i.icon-chevron-down-b {
	display: inline-block;
	background-position: -940px -140px;
	width: 22px;
	height: 22px;
	margin-left: 10px;
	vertical-align: middle;
}
.has-bg-img-2x:hover > i.icon-chevron-down-b, .has-bg-img-2x:focus > i.icon-chevron-down-b {
	background-position: -240px -140px;
}

/* dropdowns */
.btn-group {
	position: relative;
}
.btn-group > a {
	margin-bottom: 0 !important;
}
.btn-group .dropdown-menu {
	border: solid 1px #0071ce;
	margin-top: 2px !important;
}
#randstad-apply-list li {
	border-bottom: solid 1px #e5e5e5;
}
#randstad-apply-list li > a {
	padding: 12px 10px;
	font-size: 18px;
}
#randstad-apply-list i {
	display: inline-block;
	width: 35px;
	height: 35px;
	margin-right: 10px;
	vertical-align: middle;
}
#randstad-apply-list .randstad-apply-btn i {
	background: url(/images/system/backgrounds/modules/randstad_wings.svg) no-repeat center;
}
#randstad-apply-list .linkedin-apply-btn i {
	background: url(/images/system/backgrounds/modules/linkedin-square.svg) no-repeat center;
	background-color: #0177b5;
	background-size: 26px 26px;
}

/* resume */
.ng-hide {
	display: none;
}
.resume-name {
	margin-bottom: 5px;
}
.text-success {
	color: #3c763d;
	margin-right: 5px;
}
.img-circle {
	border-radius: 50%;
}
@font-face {
	font-family: 'Glyphicons Halflings';
	src: url('/fonts/glyphicons-halflings-regular.eot');
	src: url('/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.glyphicon-ok:before {
    content: "\e013";
}
.resume-upload-buttons .button {
    background-color: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 0;
    display: inline-block;
	padding: 0 10px;
    /* margin-right: -3px; */
    color: #0f1941;
    text-align: center;
    position: relative;
	display: table-cell;
	vertical-align: middle;
}
.resume-upload-buttons-3 .resume-upload-buttons .button {
	width: 33% !important;
	width: calc(100% / 3) !important;
}
.resume-upload-buttons-4 .resume-upload-buttons .button {
	width: 25% !important;
	width: calc(100% / 4) !important;
}
@media only screen and (min-width: 641px) {
	.resume-upload-buttons-4 .resume-upload-buttons {
		float: left;
		width: 50%;
	}
	.resume-upload-buttons-4 .resume-upload-buttons .button {
		width: 50% !important;
		width: calc(100% / 2) !important;
	}
}
.button-inner {
    height: 66px;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
	font-size: 14px;
	width: 300px;
}
.resume-upload-buttons input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    font-size: 16px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    height: 100%;
	border: none;
	width: 100% !important;
}
.resume-upload-buttons .button:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.resume-upload-buttons .button:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    /* margin-left: -1px; */
    /* overflow: hidden; */
}
.resume-expand-panel .google-drive-btn {
    border-radius: 0;
}
.group-buttons div {
    width: 33%;
}
.google-drive-btn, .google-drive-btn:hover, .google-drive-btn:link, .google-drive-btn:visited {
	border: none;
	color: #0f1941 !important;
	display: table-cell;
    font-family: Graphik-Regular-Web,Tahoma,sans-serif;
    text-decoration: none;
	font-size: 14px !important;
	height: 66px !important;
	line-height: 1.2 !important;
	width: 300px;
	margin-top: 0;
	padding: 0 !important;
	vertical-align: middle;
	white-space: normal;
}
.resume-upload-buttons .google-drive-btn:before {
	/* top: 50%; */
	/* margin-top: -11px; */
	position: static;
	vertical-align: middle;
}
.resume-upload-buttons .google-drive-btn:hover {
	background: none !important;
	color: inherit !important;
}
.resume-upload-buttons .google-drive-btn:hover:before {
	background-image: url(/images/system/backgrounds/modules/google-drive.svg);
}
@media (min-width:768px) {
    .google-drive-btn,.google-drive-btn:link {
        padding-left: 0;
    }
}
.dropbox-dropin-btn, .dropbox-dropin-btn:hover, .dropbox-dropin-btn:link, .dropbox-dropin-btn:visited {
	color: #0f1941 !important;
    text-decoration: none;
    text-align: center;
	font-size: 14px !important;
    background: 0 0!important;
  display: table-cell !important;
	margin-top: 0;
	margin-left: 0;
    border: 0;
	border: none !important;
    font-weight: 400;
    font-family: Graphik-Regular-Web,Tahoma,sans-serif;
	height: 66px !important;
	line-height: 1.2 !important;
	width: 300px;
	padding: 0 !important;
	vertical-align: middle;
	white-space: normal;
}
.dropbox-dropin-btn .dropin-btn-status {
    background: 0 0!important;
}
.resume-upload-buttons .dropbox-dropin-btn:before, .resume-upload-buttons .dropbox-dropin-btn:hover:before {
	position: static;
	background: url(/images/system/backgrounds/modules/dropbox-color.svg) no-repeat;
	background-size: 25px;
	vertical-align: middle;
}
.resume-upload-buttons .one-drive-btn {
	display: table-cell;
	color: #0f1941;
	width: 300px;
	height: 66px;
	vertical-align: middle;
}
.resume-upload-buttons .one-drive-btn:before {
	background: url(/images/system/backgrounds/modules/onedrive.png) no-repeat;
	background-size: 25px 15px;
	content: "";
	display: inline-block;
	width: 25px;
	height: 16px;
	margin-right: 10px;
	vertical-align: middle;
}
.resume-upload-buttons .icloud-btn {
	display: table-cell;
	color: #0f1941;
	width: 300px;
	height: 66px;
	vertical-align: middle;
}
.resume-upload-buttons .icloud-btn:before {
	background: url(/images/system/backgrounds/modules/icloud.png) no-repeat;
	background-size: 30px;
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 10px;
	vertical-align: middle;
}
@media only screen and (max-width: 501px) {
	.resume-upload-buttons .button {
		padding: 0;
	}
	.resume-upload-buttons .google-drive-btn:before {
		display: block;
		margin: 0 auto 2px;
	}
	.resume-upload-buttons .dropbox-dropin-btn:before {
		display: block;
		margin: 0 auto 2px;
	}
	.resume-upload-buttons .one-drive-btn:before {
		display: block;
		margin: 0 auto 2px;
	}
	.resume-upload-buttons .icloud-btn:before {
		display: block;
		margin: -5px auto -5px;
	}
}

/* ----- modal ----- */
#area_modal { display: none }
.area_modal_on #area_modal { display: block }

#area_modal .modal_bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background: #000;
	opacity: .5;
	z-index: 100;
}
#area_modal .modal_body {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 200px;
	left: 50%;
	width: 600px;
	min-height: 430px;
	margin: 0 0 0 -300px;
	padding: 30px 0 50px;
	background: url(/images/office/index/modal_bg_pc.png) 0 0 no-repeat;
	z-index: 101;
}
@media screen and (max-width: 640px) {
	#area_modal .modal_body {
		top: 100px;
		left: 50%;
		width: 280px;
		min-height: 0;
		margin: 0 0 0 -140px;
		padding: 15px 0 10px;
		background: url(/images/office/index/modal_bg_sp.png) 0 0 no-repeat;
		-webkit-background-size: 280px auto;
		background-size: 280px auto;
	}
}
#area_modal .modal_body .btn_close_top {
	position: absolute;
	top: 0;
	right: 0;
	width: 35px;
}
#area_modal .modal_body .btn_close_top img {
	width: 100%;
}
#area_modal .modal_body .ttl01 {
	margin-bottom: 10px;
	color: #0f1941;
	font-size: 36px;
	text-align: center;
}
@media screen and (max-width: 640px) {
	#area_modal .modal_body .ttl01 {
		margin-bottom: 20px;
		padding: 0 20px;
		font-size: 25px;
		text-align: left;
		line-height: 1.2;
	}
}
#area_modal .modal_body .ttl01 br {
	display: none;
}
@media screen and (max-width: 640px) {
	#area_modal .modal_body .ttl01 br {
		display: inline;
	}
}

#area_modal .modal_body .inn {
	padding: 0 38px;
}
@media screen and (max-width: 640px) {
	#area_modal .modal_body .inn {
		padding: 0 20px;
	}
}
#area_modal .modal_body ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#area_modal .modal_body .list01 {
	margin-bottom: 25px;
}
@media screen and (max-width: 640px) {
	#area_modal .modal_body .list01 {
		margin-bottom: 15px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
}
#area_modal .modal_body .list01 li {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 50%;
	padding: 0 15px 0 0;
}
#area_modal .modal_body .list01 li:nth-child(even) {
	float: right;
	padding: 0 0 0 15px;
}
@media screen and (max-width: 640px) {
	#area_modal .modal_body .list01 li {
		padding: 0 5px 0 0;
	}
	#area_modal .modal_body .list01 li:nth-child(even) {
		padding: 0 0 0 5px;
	}
}
#area_modal .modal_body .list01 li a {
	display: block;
	padding: 15px 20px;
	border-bottom: 1px solid #ccc;
	background: url(/images/iconArrowBlue.png) 95% 50% no-repeat;
	-webkit-background-size: 5px 9px;
	background-size: 5px 9px;
	font-size: 20px;
}
@media screen and (max-width: 640px) {
	#area_modal .modal_body .list01 li a {
		padding: 15px 0 15px 5px;
		font-size: 16px;
		background-position: 100% 50%;
	}
}
#area_modal .modal_body .list01 li:last-child a,
#area_modal .modal_body .list01 li:nth-last-child(2):nth-child(odd) a {
	border-bottom: none;
}
#area_modal .modal_body .info_txt {
	color: #666;
	font-size: 12px;
}
#area_modal .modal_body .btn_close_btm {
	display: none;
}
@media screen and (max-width: 640px) {
	#area_modal .modal_body .btn_close_btm {
		display: block;
		margin-top: 10px;
		padding: 10px 0;
		border-top: 1px solid #ccc;
		text-align: center;
	}
	#area_modal .modal_body .btn_close_btm a {
		padding-left: 20px;
		background: url(/images/office/index/ico_close.png) 0 50% no-repeat;
		-webkit-background-size: 15px auto;
		background-size: 15px auto;
		color: #525252;
		font-size: 16px;
	}
}

#spotModal { display: none }
#spotModal .modal_bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background: #000;
	opacity: .5;
	z-index: 100;
}
#spotModal .modal_body {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 200px;
	left: 50%;
	width: 600px;
	min-height: 430px;
	margin: 0 0 0 -300px;
	z-index: 101;
}
@media screen and (max-width: 640px) {
	#spotModal .modal_body {
		top: 100px;
		left: 50%;
		width: 350px;
		min-height: 0;
		margin: 0 0 0 -175px;
	}
}
/* ----- /modal ----- */

/* 200701 */
.h-scroll-list .slick-list {
	margin: 0 -8px;
	overflow: visible;
}
.h-scroll-list .h-scroll-list-item {
	padding: 0 8px;
}
@media only screen and (min-width: 375px) {
	.h-scroll-list .slick-list {
		margin: 0 -13px;
	}
	.h-scroll-list .h-scroll-list-item {
		padding: 0 13px;
	}
}
@media only screen and (min-width: 1101px) {
	.h-scroll-list .slick-list {
		margin: 0 -15px;
		overflow: visible;
	}
	.h-scroll-list .h-scroll-list-item {
		padding: 0 15px;
	}
}
@media only screen and (min-width: 1201px) {
	.h-scroll-list .slick-list {
		margin: 0 -18px;
	}
	.h-scroll-list .h-scroll-list-item {
		padding: 0 18px;
	}
}
@media only screen and (min-width: 1261px) {
	.h-scroll-list .slick-list {
		margin: 0 -21px;
	}
	.h-scroll-list .h-scroll-list-item {
		padding: 0 21px;
	}
}
.h-scroll-list .slick-arrow {
	background: rgba(0, 0, 0, .4);
	margin-top: 0;
	opacity: 0;
	top: 0;
	transition: opacity .2s;
	width: 50px;
	z-index: 1;
}
.h-scroll-list-hover .slick-arrow {
	opacity: 1;
}
.h-scroll-list .slick-prev {
	left: 0;
}
.h-scroll-list .slick-next {
	right: 0;
}
.h-scroll-list .slick-disabled {
	display: none !important;
}
.h-scroll-list .slick-arrow::before {
	color: #fff;
	font-family: 'icomoon' !important;
	font-size: 20px;
}
.h-scroll-list .slick-next::before {
	content: "";
}
.h-scroll-list .slick-prev::before {
	content: "";
}
.h-scroll-list .box-inner {
	margin-bottom: 0;
}
@media only screen and (min-width: 1640px) {
	.h-scroll-list .slick-prev,
	.h-scroll-list .slick-next {
		width: 150px;
	}
	.h-scroll-list .slick-arrow::before {
		font-size: 34px;
	}
}
@media only screen and (min-width: 2668px) {
	.h-scroll-list .box-inner {
		max-width: 2520px;
		overflow-x: hidden;
	}
	.h-scroll-list .slick-arrow {
		top: 0 !important;
	}
}

.snp-topic-list {
	padding: 40px 0 60px;
	position: relative;
}
.snp-topic-list .box-inner {
	visibility: hidden;
}
.h-scroll-list-ready .box-inner {
	animation: .2s forwards fadeInElement;
	visibility: visible;
}
.snp-topic-list-header {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.snp-topic-list-header-content {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	margin-right: 20px;
	max-width: 100%;
}
.snp-topic-list-header h2 {
}
.snp-topic-list-intro {
	margin: 10px 0 0;
	font-size: 16px;
}
.snp-topic-list-intro p:last-of-type {
	margin-bottom: 0;
}
.topic-list-wrapper {
	width: calc(18/28*100%);
}
.topic-list:not(.slick-slider) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: none;
}
.topic-list .slick-list {
	overflow: visible;
}
.topic-list:not(.slick-slider) .topic-list-item {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	padding: 0;
	width: calc(18/28*100%);
}
.topic-list:not(.slick-slider) .topic-list-item+.topic-list-item {
	margin-left: calc(2/28*100%);
}
.topic-list-item img {
	display: block;
	width: 100%;
}
.snp-topic-list .slick-prev {
	left: 0;
}
.snp-topic-list .slick-next {
	right: 0;
}
@media only screen and (min-width: 501px) {
	.snp-topic-list-header {
		margin-bottom: 50px;
	}
	.snp-topic-list-header h2 {
	}
	.snp-topic-list-intro {
		font-size: 18px;
	}
	.topic-list:not(.slick-slider) .topic-list-item {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: calc(18/58*100%);
	}
	.topic-list:not(.slick-slider) .topic-list-item+.topic-list-item {
		margin-left: calc(2/58*100%);
	}
	.topic-list-wrapper {
		width: calc(33/58*100%);
	}
}
@media only screen and (min-width: 801px) {
	.topic-list-wrapper {
		width: auto;
	}
}
@media only screen and (min-width: 941px) {
	.topic-list-wrapper {
		width: auto;
	}
	.snp-topic-list {
		padding: 100px 0;
	}
}
@media only screen and (min-width: 2668px) {
	.topic-list:not(.slick-slider) .topic-list-item {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: calc(18/118*100%);
	}
	.topic-list:not(.slick-slider) .topic-list-item+.topic-list-item {
		margin-left: calc(2/118*100%);
	}
	.topic-list-wrapper {
		margin: 0 -100px;
		padding: 0;
	}
	.snp-topic-list .box-inner {
		max-width: 2520px;
		overflow-x: hidden;
	}
	.h-scroll-list-default .box-inner {
		max-width: 1440px;
	}
	.h-scroll-list-default .topic-list-wrapper,
	.h-scroll-list-default .snp-topic-list-header {
		margin-left: 0;
		margin-right: 0;
	}
	.snp-topic-list.h-scroll-items-4 .box-inner {
		max-width: 1670px;
	}
	.snp-topic-list.h-scroll-items-5 .box-inner {
		max-width: 2104px;
	}
	.snp-topic-list-header {
		margin-left: -100px;
		margin-right: -100px;
	}
	.topic-list .slick-arrow {
		top: 0 !important;
	}
	.snp-topic-list .slick-arrow::before {
		font-size: 34px;
	}
}

/* 200710 */
.has-icon i {
	background-image: url("/images/system/backgrounds/sprite.png");
	background-repeat: no-repeat;
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
}
.has-icon.fl-r {
	display: block;
	clear: both;
}
.has-icon.fl-r i {
	float: right;
}
.has-icon .arrow-down-blue {
	background-position: -465px -65px;
}
@media only screen and (min-width: 801px) {
	.snp-page-header-text div.text-width-wide {
		width: 70%;
	}
}

@media only screen and (max-width: 500px) {
	.snp-txt-img-cta-fixed .snp-txt-img-cta-img {
		margin: 0 auto 30px;
		max-width: 60vw;
	}
	.snp-txt-img-cta-fixed .snp-txt-img-cta-img-slider {
		max-height: none;
	}
	.snp-txt-img-cta-fixed .snp-txt-img-cta-img img {
		max-width: 100%;
		margin: 0 auto;
	}
}
@media only screen and (min-width: 501px) {
	.snp-txt-img-cta-fixed .box-inner {
		position: relative;
	}
	.snp-txt-img-cta-fixed .snp-txt-img-cta-img-slider .slick-slide {
		display: flex;
		align-items: center;
	}
	.snp-txt-img-cta-fixed .slick-slide img {
		position: relative;
		top: 0;
		right: 0;
		left: auto;
		width: 100%;
		height: auto;
		min-width: 0;
		min-height: 0;
		transform: none;
	}
}
@media only screen and (min-width: 941px) {
	.snp-txt-img-cta-fixed .snp-txt-img-cta-img {
		margin-left: 100px;
	}
	.snp-txt-img-cta-fixed.snp-txt-img-cta-rev .snp-txt-img-cta-img {
		margin-right: 100px;
		margin-left: 50%;
	}
}

/* 200910 */
.grid-mh-wrap li a {
	display: flex;
	align-items: center;
}
.grid-mh-wrap .grid-col-multiline a {
	display: block;
}

/* 201022 */
.snp-page-header.snp-full-slide {
	padding-top: 0;
}
.snp-page-header-low h1 {
	margin-bottom: 0;
}
.snp-page-header-low .snp-page-header-text {
	min-height: initial;
	min-height: auto;
}
.grid-col-img img {
	width: 100%;
	vertical-align: bottom;
}
.snp-text-rows p {
	margin-bottom: 1.5em;
}
.snp-text-rows p:last-child {
	margin-bottom: 0;
}
@media only screen and (min-width: 801px) {
	.snp-page-header.snp-full-slide {
		position: relative;
		overflow: hidden;
		padding-bottom: 0;
	}
	.snp-full-slide.snp-full-slide-img-tf-n .snp-full-slide-img img {
		transform: none;
	}
}
@media only screen and (min-width: 941px) {
	.snp-page-header.snp-full-slide {
		margin-top: -180px;
	}
}

/* 210126 */
#header.snp-bg-opt6 { background: #ffb511; }
@media only screen and (min-width: 801px) {
	.masthead-low {
		height: 120px;
	}
	.masthead-low .masthead-top.box-inner {
		height: auto;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.breadcrumb-low .breadcrumb {
		top: 83px;
	}
	.main-low .main:before {
		height: 120px;
	}
}
ul.p-list-disc {
	padding: 0 0 0 1.1em;
}
.p-list-disc li {
	list-style: disc outside;
	margin-bottom: .4em;
}
.p-box-border {
	border: solid 1px #d7d7d7;
	padding: 15px 20px;
}

/* 210419 */
@media only screen and (min-width: 801px) {
	.majestic .nav-utility .my-randstad-login:before {
		background-image: url(/images/humanforward/backgrounds/icon_myrandstad_w.svg);
		background-position: 0 0;
	}
}

@media (max-width: 800px) {
	.majestic .nav-utility {
		top: 0;
		right: 0;
		bottom: 0;
		min-width: 192px;
	}
	#header.majestic .nav-utility li {
		line-height: 1.5;
		height: auto;
		margin-left: 5px;
	}
	#header.majestic .nav-utility.tenshoku li {
		margin-left: 10px;
	}
	#header.majestic .toggle-menu label,
	#header.majestic .quick-login-small a,
	#header.majestic .key-registration a,
	#header.majestic .my-randstad-keep a {
		position: relative !important;
		background-image: none !important;
		margin: 0 !important;
		height: 40px;
		text-indent: 0;
		font-size: 11px;
		width: auto;
		min-width: 32px;
		padding-top: 25px;
		color: #fff;
		text-align: center;
		letter-spacing: -2px;
		text-decoration: none !important;
		overflow: visible;
	}
	#header.majestic .toggle-menu label:before,
	#header.majestic .quick-login-small a:before,
	#header.majestic .key-registration a:before,
	#header.majestic .my-randstad-keep a:before {
		content: '';
		background: no-repeat 50% 50%;
		background-size: contain;
		position: absolute;
		top: 0;
		left: 50%;
		height: 26px;
		width: 100%;
		line-height: 1;
		text-align: center;
		transform: translateX(-50%);
		background-size: 80% 80%;
	}
	#header.majestic .toggle-menu label:before {
		background-image: url(/images/humanforward/backgrounds/icon_menu_w.svg);
	}
	#header.majestic .quick-login-small a:before {
		background-image: url(/images/humanforward/backgrounds/icon_myrandstad_w.svg);
	}
	#header.majestic .key-registration a:before {
		background-image: url(/images/humanforward/backgrounds/icon_registration_w.svg);
	}
	#header.majestic .my-randstad-keep a:before {
		background-image: url(/images/humanforward/backgrounds/icon_star.svg);
	}
	#header.majestic.masthead.nav-down .toggle-menu label:before {
		background-image: url(/images/humanforward/backgrounds/icon_menu_b.svg);
	}
	#header.majestic.masthead.nav-down .quick-login-small a:before {
		background-image: url(/images/humanforward/backgrounds/icon_myrandstad_b.svg);
	}
	#header.majestic.masthead.nav-down .key-registration a:before {
		background-image: url(/images/humanforward/backgrounds/icon_registration_b.svg);
	}
	#header.majestic.masthead.nav-down .my-randstad-keep a:before {
		background-image: url(/images/humanforward/backgrounds/icon_star.svg);
	}
	#header.majestic.masthead.nav-down .toggle-menu label,
	#header.majestic.masthead.nav-down .quick-login-small a,
	#header.majestic.masthead.nav-down .key-registration a,
	#header.majestic.masthead.nav-down .my-randstad-keep a {
		color: #2175d9 !important;
	}
}

/* 210426 */
.p-box-bg-gray {
	background-color:#f3f3f3;
	padding: 15px 20px;
}
.p-box-img-flex {
	display: flex;
}
.p-box-img-flex img {
	width: 100%;
	vertical-align: bottom;
}
.chatbot .img-flex {
	width: 150px;
	margin: 0 auto;
}
.chatbot p {
	font-size: 16px;
}
@media only screen and (min-width: 501px) {
	.p-box-wrap-m {
		max-width: 600px;
		margin: 0 auto;
	}
	.p-box-img-flex {
		align-items: center;
	}
	.p-box-img-flex .img-flex {
		margin-right: 20px;
	}
	.chatbot p {
		font-size: 22px !important;
	}
}
@media only screen and (max-width: 500px) {
	.p-box-img-flex {
		flex-direction: column;
	}
	.p-box-img-flex .img-flex {
		margin-bottom: 10px;
	}
}

/* 220302 */
@media only screen and (min-width: 801px) {
	.header-dark .nav-main2 a,
	.header-dark .nav-utility a,
	.header-dark .nav-utility span,
	.masthead.header-dark nav a {
		opacity: 1;
	}
}


/* Utitlity
   ----------------------------------------------------------------- */

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

@media screen and (min-width: 641px) { .u-d-sp, .device-sp { display: none !important; } }
@media screen and (max-width: 640px) { .u-d-pc, .device-pc { display: none !important; } }
.hide-for-small-span { display: none; }
@media only screen and (min-width: 501px) { .hide-for-small-span { display: inline; } }

.u-list-disc {
	list-style: disc outside;
	margin: 0;
	padding: 0 0 0 1.5em;
}
.u-list-decimal {
	list-style: decimal outside;
	margin: 0;
	padding: 0 0 0 1.5em;
}

.u-c-wh { color: #fff !important; }
.u-c-rd { color: #f00 !important; }
.u-anchor-c-wh a:link, .u-anchor-c-wh a:visited, .u-anchor-c-wh a:active { color: #fff !important; }
@media screen and (min-width: 800px) {
	.u-anchor-c-wh-for-large a:link, .u-anchor-c-wh-for-large a:visited, .u-anchor-c-wh-for-large a:active { color: #fff !important; }
	.u-anchor-c-wh-for-large a:hover { text-decoration: underline !important; }
}

.u-anchor-tdn a { text-decoration: none !important; }
.u-anchor-tdn a:hover { text-decoration: underline !important; }
.u-anchor-tdu a { text-decoration: underline !important; }
.u-anchor-tdu a:hover { text-decoration: none !important; }

.u-w-100per { width: 100% !important; }
.u-mw-100per { max-width: 100% !important; }

.u-mt-l { margin-top: 60px !important; }
.u-mt-m { margin-top: 40px !important; }
.u-mt-s { margin-top: 20px !important; }
.u-mt-xs { margin-top: 10px !important; }
.u-mb-l { margin-bottom: 60px !important; }
.u-mb-m { margin-bottom: 40px !important; }
.u-mb-s { margin-bottom: 20px !important; }
.u-mb-xs { margin-bottom: 10px !important; }
.u-mb-0 { margin-bottom: 0 !important; }
.u-ml-xs { margin-left: 10px !important; }

.u-p-0 { padding: 0 !important; }
.u-pt-0 { padding-top: 0 !important; }
.u-pb-m { padding-bottom: 40px !important; }
@media screen and (min-width: 768px) {
	.u-pr-5 { padding-right: 5px !important; }
	.u-pl-5 { padding-left: 5px !important; }
}

.u-fs-xl { font-size: 18px !important; line-height: 1.4 !important; }
.u-fs-l { font-size: 16px !important; line-height: 1.4 !important; }
.u-fs-m { font-size: 14px !important; line-height: 1.5 !important; }
.u-fs-s { font-size: 13px !important; line-height: 1.5 !important; }
.u-fw-b { font-weight: bold !important; }

.u-ta-c { text-align: center !important; }
.u-ta-r { text-align: right !important; }
.u-ta-l { text-align: left !important; }

.u-td-n { text-decoration: none !important; }
.u-td-u { text-decoration: underline !important; }

.u-ml-ti-1 {
	margin-left: 1em;
	text-indent: -1em;
}

.u-lh-l { line-height: 2.1 !important; }
.u-lh-s { line-height: 1.1 !important; }

.u-ls-m1 { letter-spacing: -1px !important; }

.u-ws-nw { white-space: nowrap !important; }

.u-pos-r { position: relative !important; }
.u-pos-a { position: absolute !important; }
.u-pos-f { position: fixed !important; }

@media screen and (max-width: 767px) {
	.u-mt-l { margin-top: 30px !important; }
	.u-mb-l { margin-bottom: 30px !important; }
	.u-mt-m { margin-top: 20px !important; }
	.u-mb-m { margin-bottom: 20px !important; }

	.u-fs-l { font-size: 15px !important; }
}

.u-borer-n { border: none !important; }

/* 20101016 Add */
.factory.bannerArea {
	max-width: 1440px;
	padding-left: 100px;
	padding-right: 100px;
	margin: auto;
}
@media screen and (max-width: 767px) {
	.factory.bannerArea {
		padding-left: 0;
		padding-right: 0;
	}
}