@charset 'UTF-8';
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	font: inherit;
	font-size: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	border: 0
}
html {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 15px;
	height: 100%;
	margin: 0;
	background-color: #ffffff
}
a:link, a:visited {
	text-decoration: none;
	color: #fff
}
a:hover {
	text-decoration: none
}
ol, ul {
	list-style: none
}
img {
	max-width: 100%;
	vertical-align: middle
}
.clearfix:after {
	content: " ";
	display: block;
	clear: both
}
@font-face {
	font-family: 'icomoon';
	src: url('/fonts/icomoon.eot?txfvdh');
	src: url('/fonts/icomoon.eot?txfvdh#iefix') format('embedded-opentype'), url('/fonts/icomoon.ttf?txfvdh') format('truetype'), url('/fonts/icomoon.woff?txfvdh') format('woff'), url('/fonts/icomoon.svg?txfvdh#icomoon') format('svg');
	font-weight: normal;
	font-style: normal
}
[class*=" icon-"], [class^=icon-] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.icon-emblem:before {
	content: '\e900'
}
.icon-emblem2:before {
	content: '\e901'
}
.icon-arrow-up:before {
	content: '\e902'
}
.icon-arrow-down:before {
	content: '\e903'
}
.icon-arrow-left:before {
	content: '\e904'
}
.icon-arrow-right:before {
	content: '\e905'
}
.icon-arrow-up-right:before {
	content: '\e906'
}
.icon-arrow-down-right:before {
	content: '\e907'
}
.icon-arrow-down-left:before {
	content: '\e908'
}
.icon-arrow-up-left:before {
	content: '\e909'
}
.icon-arrows-top:before {
	content: '\e90a'
}
.icon-arrows-down:before {
	content: '\e90b'
}
.icon-arrows-left:before {
	content: '\e90c'
}
.icon-arrows-right:before {
	content: '\e90d'
}
.icon-circle-up:before {
	content: '\e90e'
}
.icon-circle-down:before {
	content: '\e90f'
}
.icon-circle-left:before {
	content: '\e910'
}
.icon-circle-right:before {
	content: '\e911'
}
.icon-dots:before {
	content: '\e912'
}
.icon-asterisk:before {
	content: '\e913'
}
.icon-cancel-circle:before {
	content: '\e914'
}
.icon-copyrighted:before {
	content: '\e915'
}
.icon-blocked:before {
	content: '\e919'
}
.icon-attachment:before {
	content: '\e91a'
}
.icon-bookmark2:before {
	content: '\e91b'
}
.icon-bookmarks:before {
	content: '\e91c'
}
.icon-bubble:before {
	content: '\e91d'
}
.icon-bubbles:before {
	content: '\e91e'
}
.icon-bubbles2:before {
	content: '\e91f'
}
.icon-calendar:before {
	content: '\e920'
}
.icon-camera:before {
	content: '\e921'
}
.icon-checkbox-checked:before {
	content: '\e922'
}
.icon-checkbox-unchecked:before {
	content: '\e923'
}
.icon-checkmark:before {
	content: '\e924'
}
.icon-checkmark22:before {
	content: '\e925'
}
.icon-clock:before {
	content: '\e926'
}
.icon-clock2:before {
	content: '\e927'
}
.icon-clubs:before {
	content: '\e928'
}
.icon-compass:before {
	content: '\e929'
}
.icon-copy:before {
	content: '\e92a'
}
.icon-cross:before {
	content: '\e92b'
}
.icon-diamonds:before {
	content: '\e92c'
}
.icon-display:before {
	content: '\e92d'
}
.icon-down:before {
	content: '\e92e'
}
.icon-download:before {
	content: '\e92f'
}
.icon-draw:before {
	content: '\e930'
}
.icon-email:before {
	content: '\e931'
}
.icon-embed:before {
	content: '\e932'
}
.icon-embed2:before {
	content: '\e933'
}
.icon-enlarge:before {
	content: '\e934'
}
.icon-enlarge2:before {
	content: '\e935'
}
.icon-file-empty:before {
	content: '\e936'
}
.icon-file-picture:before {
	content: '\e937'
}
.icon-files-empty:before {
	content: '\e938'
}
.icon-file-text:before {
	content: '\e939'
}
.icon-folder-download2:before {
	content: '\e93a'
}
.icon-folder-minus:before {
	content: '\e93b'
}
.icon-folder-plus:before {
	content: '\e93c'
}
.icon-folder-upload:before {
	content: '\e93d'
}
.icon-heart:before {
	content: '\e93e'
}
.icon-home:before {
	content: '\e93f'
}
.icon-image:before {
	content: '\e940'
}
.icon-info:before {
	content: '\e941'
}
.icon-iPhone:before {
	content: '\e942'
}
.icon-left:before {
	content: '\e943'
}
.icon-link:before {
	content: '\e944'
}
.icon-location:before {
	content: '\e945'
}
.icon-location2:before {
	content: '\e946'
}
.icon-lock:before {
	content: '\e947'
}
.icon-menu:before {
	content: '\e948'
}
.icon-menu2:before {
	content: '\e949'
}
.icon-menu3:before {
	content: '\e94a'
}
.icon-menu4:before {
	content: '\e94b'
}
.icon-minus:before {
	content: '\e94c'
}
.icon-movie:before {
	content: '\e94d'
}
.icon-multimedia:before {
	content: '\e94e'
}
.icon-play:before {
	content: '\e94f'
}
.icon-plus:before {
	content: '\e950'
}
.icon-price-tag:before {
	content: '\e951'
}
.icon-price-tags:before {
	content: '\e952'
}
.icon-qrcode:before {
	content: '\e953'
}
.icon-radio-checked:before {
	content: '\e954'
}
.icon-radio-checked2:before {
	content: '\e955'
}
.icon-radio-unchecked:before {
	content: '\e956'
}
.icon-right:before {
	content: '\e957'
}
.icon-rss:before {
	content: '\e958'
}
.icon-rss2:before {
	content: '\e959'
}
.icon-search:before {
	content: '\e95a'
}
.icon-sendmail:before {
	content: '\e95b'
}
.icon-shrink:before {
	content: '\e95c'
}
.icon-shrink2:before {
	content: '\e95d'
}
.icon-spades:before {
	content: '\e95e'
}
.icon-sphere:before {
	content: '\e95f'
}
.icon-spinner:before {
	content: '\e960'
}
.icon-stack:before {
	content: '\e961'
}
.icon-star:before {
	content: '\e962'
}
.icon-switch:before {
	content: '\e963'
}
.icon-switch2:before {
	content: '\e964'
}
.icon-top:before {
	content: '\e965'
}
.icon-trash:before {
	content: '\e966'
}
.icon-unlocked:before {
	content: '\e967'
}
.icon-upload:before {
	content: '\e968'
}
.icon-zoom-in:before {
	content: '\e969'
}
.icon-zoom-out:before {
	content: '\e96a'
}
.clearfix {
	content: "";
	clear: both;
	display: block
}
#content:after, .inner:after, .row:after, .wrap:after {
	display: block;
	clear: both;
	overflow: hidden;
	content: ''
}
body {
	z-index: -99999;
	font-family: 'Cinzel', '游明朝', 'YuMincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	font-size: 15px;
	color: #000000;
	height: 100%;
	margin: 0
}
header {
	width: 100%;
	background-color: #ffffff
}
header .wrap {
	position: relative;
	width: 100%;
	text-align: center
}
/*
header #logo {
	width: 200px;
	height: 60px;
	margin: 0;
	padding: 15px
}
*/
header #contact-nav {
	position: absolute;
	right: 0;
	bottom: 0
}
header #contact-nav li {
	float: left;
	width: 60px;
	margin: 0
}
header #contact-nav li img {
	width: 60px;
	height: auto
}
header #contact-nav li:last-child {
	margin: 0
}
/*
@media screen and (min-width:600px) and (max-width:960px) {
	header #logo {
		width: 200px;
		height: 60px;
		margin: 0 auto;
		padding: 15px 0
	}
}
@media screen and (min-width:960px) and (max-width:1280px) {
	header #logo {
		width: 200px;
		height: 60px;
		margin: 0 auto;
		padding: 15px 0
	}
}
@media screen and (min-width:1280px) {
	header #logo {
		width: 200px;
		height: 60px;
		margin: 0 auto;
		padding: 15px 0
	}
}
*/
#container {
	margin: 0 auto;
	width: 100%;
	padding: 0
}
#content {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 100%;
	color: #000000
}
footer {
	font-size: 14px;
	position: relative;
	clear: both;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	color: #e6e6e6;
	border-top: 1px solid #3d3d3d;
	background: #101010
}
footer a {
	color: #dcb478
}
footer a:hover {
	color: #dcb478
}
footer .storeinfo {
	margin: 0 0 25px;
	font-size: 12px;
	letter-spacing: 1.8px
}
footer .storeinfo a {
	text-decoration: underline
}
footer .menu h3 {
	font-size: 1.8em;
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	border-left: 5px solid #e6e6e6;
	line-height: 1.2em
}
footer .menu ul {
	font-size: 1em
}
footer .menu a {
	font-size: 12px;
	display: block;
	padding: 3px 10px 3px 9px;
	letter-spacing: 2px;
	color: #dcb478
}
footer .menu li {
	line-height: 0.6;
	float: left;
	margin: 3px 0;
	letter-spacing: 1px;
	border-left: 1px solid #c8af64
}
footer .menu li.first {
	padding: 0;
	border-left: none
}
@media screen and (max-width:480px) {
	footer .wrap {
		width: 100%;
		margin: 0 auto;
		padding: 10px
	}
	footer .menu {
		display: none
	}
	footer .storeinfo {
		width: 100%;
		float: none;
		margin: 0
	}
}
@media screen and (min-width:480px) and (max-width:600px) {
	footer .wrap {
		width: 100%;
		margin: 0 auto;
		padding: 10px
	}
	footer .menu {
		display: none
	}
	footer .storeinfo {
		width: 100%;
		float: none;
		margin: 0
	}
}
@media screen and (min-width:600px) and (max-width:960px) {
	footer .wrap {
		width: 100%;
		margin: 0 auto;
		padding: 10px
	}
	footer .menu {
		display: none
	}
	footer .storeinfo {
		width: 100%;
		float: none;
		margin: 0
	}
}
@media screen and (min-width:960px) and (max-width:1280px) {
	footer .wrap {
		width: 100%;
		margin: 0 auto;
		padding: 50px
	}
	footer .menu, footer .storeinfo {
		float: none;
		width: 100%
	}
}
@media screen and (min-width:1280px) {
	footer .wrap {
		width: 1200px;
		margin: 0 auto;
		padding: 25px 0 0 0
	}
	footer .storeinfo {
		float: right;
		width: 600px
	}
	footer .menu {
		float: left;
		width: 600px
	}
}
.copyright {
	font-size: 12px;
	clear: both;
	padding: 15px 0;
	letter-spacing: 1px;
	background: #202020
}
.copyright, .copyright a {
	text-align: center;
	color: #efefef
}
.copyright a:hover {
	color: #dcb478
}
.copyright p {
	width: 100%;
	margin: 0 auto
}
.hl-lower {
	font-family: 'Times New Roman', 'Marcellus', serif;
	font-size: 3em;
	line-height: 0.5em;
	width: 100%;
	height: 180px;
	padding-top: 60px;
	text-align: center;
	vertical-align: bottom;
	letter-spacing: 5px;
	color: #fff;
	-moz-text-shadow: 3px 3px 5px #000;
	-webkit-text-shadow: 3px 3px 5px #000;
	-o-text-shadow: 3px 3px 5px #000;
	text-shadow: 3px 3px 5px #000;
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: auto 100%
}
.h2-smallletter {
	font-size: 0.4em;
	letter-spacing: 12px
}
.title {
	font-size: 2.4em;
	font-weight: bold;
	line-height: 1em;
	overflow: hidden;
	text-align: center;
	letter-spacing: 0.1em;
	color: #000
}
.title-en {
	font-size: 2.4em;
	letter-spacing: 3.6px;
	color: #000
}
.title-ja {
	font-size: 2.4em;
	letter-spacing: 3.6px;
	color: #000
}
.separate {
	margin: 0 5px;
	color: #fff;
	-moz-text-shadow: 3px 3px 5px #000;
	-webkit-text-shadow: 3px 3px 5px #000;
	-o-text-shadow: 3px 3px 5px #000;
	text-shadow: 3px 3px 5px #000
}
@media screen and (max-width:480px) {
	.title-en {
		font-size: 1.4em
	}
	.separate {
		display: none
	}
}
@media screen and (min-width:480px) and (max-width:600px) {
	.separate {
		display: none
	}
}
@media screen and (min-width:600px) and (max-width:960px) {
	.hl-lower {
		font-size: 6em;
		height: 400px;
		padding-top: 150px
	}
	.title {
		font-size: 2.4em
	}
	.title .title-ja {
		font-size: 1.2em
	}
}
@media screen and (min-width:960px) and (max-width:1280px) {
	.hl-lower {
		font-size: 7em;
		height: 400px;
		padding-top: 150px
	}
	.title {
		font-size: 3.2em
	}
	.title .title-ja {
		font-size: 1.8em
	}
}
@media screen and (min-width:1280px) {
	.hl-lower {
		font-size: 8em;
		height: 400px;
		padding-top: 150px
	}
	.title {
		font-size: 3.2em
	}
	.title .title-ja {
		font-size: 1.8em
	}
}
.btn {
	cursor: pointer
}
.btn-one {
	color: #FFF;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: relative
}
.btn-one:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.5);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s
}
.btn-one:hover:before {
	opacity: 0;
	-webkit-transform: scale(0.5, 0.5);
	-ms-transform: scale(0.5, 0.5);
	transform: scale(0.5, 0.5)
}
.btn-one:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	border: 1px solid rgba(255, 255, 255, 0.5);
	-webkit-transform: scale(0.8, 0.8);
	-ms-transform: scale(0.8, 0.8);
	transform: scale(0.8, 0.8)
}
.btn-one:hover:after {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1)
}
.btn-content {
	width: 100%;
	max-width: 1080px;
	margin: 25px auto 50px;
	padding: 0
}
.btn-content-sp {
	width: 100%;
	margin: 0px;
	padding: 0;
	z-index:1000;
}
.button {
	display: block;
	padding: 25px;
	background: #960404;
}
.button:hover{
	color: #960404;
	background: #fff;
	border: 1px solid #960404;
}


.button span {
	display: inline-block;
	width: 100%;
	line-height: 1em
}
.button .label {
	font-size: 1.8em;
	letter-spacing: 0.2em
}
.button .label:before {
	content: "";
	display: inline-block;
	width: 33px;
	height: 29px;
	margin-bottom: -0.25em;
	margin-right: 0.3em;
	background-image: url(../img/email.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain
}
.widget_readmore {
	font-size: 100%;
	line-height: 46px;
	height: 46px;
	margin: 0;
	text-align: center;
	border: 1px solid #303030;
	background-color: rgba(255, 255, 255, 0.9)
}
.widget_readmore a {
	display: block;
	height: 46px;
	background-image: url(/img/icon/icon_next.svg);
	background-repeat: no-repeat;
	background-position: 98% center;
	background-size: 12px;
	color: #303030
}
.read-more-contents {
	display: inline-block
}
input[type=email], input[type=password], input[type=tel], input[type=text] {
	font-size: 100%;
	max-width: 100%;
	height: 36px;
	margin: 0;
	padding: 3px 4px;
	color: #000;
	background-color: #fff;
	border: 1px solid #303030;
	outline: 0
}
input[type=email]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=text]:focus {
	color: #000;
	border: 1px solid #303030;
	background-color: #fff
}
input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: none;
	font-family: Helvetica, Arial, Verdana, "メイリオ", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	font-weight: bold;
	width: 100%;
	padding: 10px;
	color: #fff;
	background-color: #e2558f
}
input[type=button] {
	-webkit-appearance: none;
	font-size: 100%;
	padding: 10px;
	color: #fff;
	background-color: #606060
}
input[type=text].text_xs {
	width: 40px
}
input[type=text].text_s {
	width: 80px
}
input[type=text].text_m {
	width: 160px
}
input[type=text].text_l {
	width: 240px
}
input[type=text].text_xl {
	width: 320px
}
input[type=text].text_xxl {
	width: 480px
}
textarea {
	font-size: 100%;
	width: 100%;
	height: 80px;
	margin: 0;
	padding: 10px;
	color: #000;
	border: 1px solid #303030;
	outline: 0;
	background-color: #fff
}
.button {
	width: 100%;
	text-align: center
}
.pagenavi {
	width: 100%;
	margin: 0 0 20px;
	padding: 10px 8px;
	text-align: center;
	color: #fff
}
.pagenavi .pager {
	font-size: 90%
}
.pagenavi .pager a {
	font-size: 75%;
	line-height: 34px;
	display: inline-block;
	margin-left: -1px;
	padding: 0 14px;
	text-decoration: none;
	color: #fff;
	border: 1px solid #303030;
	background-color: #ffffff
}
.pagenavi .pager b {
	font-size: 75%;
	line-height: 34px;
	display: inline-block;
	margin-left: -1px;
	padding: 0 14px;
	text-decoration: none;
	color: #fff;
	border: 1px solid #303030;
	background-color: #c8af64
}
#job-find h1 {
	margin-bottom: 25px;
	color: #f47c7d
}
#job-find h2 {
	margin-bottom: 50px
}
#job-find #mainvisual {
	text-align: center;
	background-color: #fff
}
#job-find #mainvisual .wrap {
	width: 100%
}
#job-find #mainvisual .wrap img {
	width: 100%;
	height: auto
}
@media screen and (max-width:640px) {
	#job-find #mainvisual {
		text-align: center
	}
	#job-find #mainvisual .wrap {
		width: 100%
	}
	#job-find #mainvisual .wrap img {
		width: 100%;
		height: auto
	}
}
@media screen and (min-width:640px) and (max-width:960px) {
	#job-find #mainvisual {
		text-align: center
	}
	#job-find #mainvisual .wrap {
		width: 100%;
		height: 640px;
		margin: 0 auto;
		background-image: url(../img/mainvisual_large2.jpg);
		background-size: auto 100%;
		background-position: 50% 0%;
		background-repeat: no-repeat
	}
	#job-find #mainvisual .wrap img {
		display: none
	}
}
@media screen and (min-width:960px) and (max-width:1280px) {
	#job-find #mainvisual {
		text-align: center
	}
	#job-find #mainvisual .wrap {
		width: 100%;
		height: 640px;
		margin: 0 auto;
		background-image: url(../img/mainvisual_large2.jpg);
		background-size: auto 100%;
		background-position: 50% 0%;
		background-repeat: no-repeat
	}
	#job-find #mainvisual .wrap img {
		display: none
	}
}
@media screen and (min-width:1280px) {
	#job-find #mainvisual {
		text-align: center
	}
	#job-find #mainvisual .wrap {
		width: 100%;
		height: 640px;
		margin: 0 auto;
		background-image: url(../img/mainvisual_large2.jpg);
		background-size: auto 100%;
		background-position: 50% 0%;
		background-repeat: no-repeat
	}
	#job-find #mainvisual .wrap img {
		display: none
	}
}


/* lesson */
#job-find #lesson {
	background: #fff
}
#job-find #lesson .wrap {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	padding: 10px
}
#job-find #lesson .title {
	width: 220px;
	margin: 0 auto 50px;
	padding: 10px;
	font-size: 1.8em;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000
}
#job-find #lesson .catch h3{font-size:1.6rem;text-align:center;margin-bottom:20px;color:#960404;}
#job-find #lesson .catch p{font-size:1rem;}

@media screen and (min-width:480px) and (max-width:600px) {

}
@media screen and (min-width:600px){
	#job-find #lesson .catch h3{font-size:2rem;text-align:center;margin-bottom:20px;}
	#job-find #lesson .catch p{font-size:1.2rem;}
}
@media screen and (min-width:600px) and (max-width:960px) {
	#job-find #lesson .wrap {
		padding: 25px
	}
}
@media screen and (min-width:960px) and (max-width:1280px) {
	#job-find #lesson .wrap {
		padding: 25px
	}
	#job-find #recruitment .title {
		width: 240px;
		font-size: 2.4em
	}
}
@media screen and (min-width:1280px) {
	#job-find #lesson .wrap {
		padding: 25px
	}
	#job-find #lesson .title {
		width: 240px;
		font-size: 2.4em
	}
}


/* recruitment */
#job-find #recruitment {
	background: #fff
}
#job-find #recruitment .wrap {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	padding: 10px
}
#job-find #recruitment .title {
	width: 100%;
	margin: 20px auto 50px;
	padding: 10px;
	font-size: 1.5em;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000
}
#job-find #recruitment dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}
#job-find #recruitment dl dd, #job-find #recruitment dl dt {
	margin: -1px 0 0 0;
	padding: 15px;
	border: 1px solid #c8b4a0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
#job-find #recruitment dl dt {
	width: 100%;
	background-color: #c8b4a0;
	color: #fff;
	font-size:1.2rem;
}
#job-find #recruitment dl dd {
	width: 100%;
	font-size:1.1rem;
}
#job-find #recruitment dl dd span{color:#ff0000;}
#job-find #recruitment dl dd .pickup {
	padding: 5px;
	background-color: #0faab2
}
#job-find #recruitment dl dd .pickup span {
	display: inline-block;
	width: 100%;
	padding: 15px 0;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	border: 1px solid #fff;
	color: #fff
}
#job-find #recruitment dl dd a {
	color:#960404;
	text-decoration:underline;
}
#job-find #recruitment dl dd a:hover{text-decoration:none;}

@media screen and (min-width:480px) and (max-width:600px) {
	#job-find #recruitment dl dd, #job-find #recruitment dl dt {
		font-size: 1em;
		margin: -1px -1px 0 0;
		padding: 25px
	}
	#job-find #recruitment dl dt {
		width: 100%
	}
	#job-find #recruitment dl dd {
		width: 100%
	}
	#job-find #recruitment dl dd .pickup span {
		display: inline-block;
		padding: 25px 0
	}
}
@media screen and (max-width:600px){
	#job-find #recruitment dl dd, #job-find #recruitment dl dt {
		font-size: 1.2rem;
	}
}
@media screen and (min-width:600px){
	#job-find #recruitment dl dt {
		width: 30%;
		background-color: #f5f5f5;
		color:#000;
	}
}
@media screen and (min-width:600px) and (max-width:960px) {
	#job-find #recruitment .wrap {
		padding: 25px
	}
	#job-find #recruitment dl dd, #job-find #recruitment dl dt {
		font-size: 1em;
		margin: -1px -1px 0 0;
		padding: 25px
	}
	#job-find #recruitment dl dd {
		width: 70%
	}
	#job-find #recruitment dl dd .pickup span {
		display: inline-block;
		padding: 25px 0;
		font-size: 1.2em
	}
}
@media screen and (min-width:960px) and (max-width:1280px) {
	#job-find #recruitment .wrap {
		padding: 25px
	}
	#job-find #recruitment .title {
		width: 540px;
		font-size: 2.4em
	}
	#job-find #recruitment dl dd, #job-find #recruitment dl dt {
		font-size: 1.3em;
		margin: -1px -1px 0 0;
		padding: 25px
	}
	#job-find #recruitment dl dd {
		width: 70%
	}
	#job-find #recruitment dl dd .pickup span {
		display: inline-block;
		padding: 25px 0;
		font-size: 1.2em
	}
}
@media screen and (min-width:1280px) {
	#job-find #recruitment .wrap {
		padding: 25px
	}
	#job-find #recruitment .title {
		width: 540px;
		font-size: 2.4em
	}
	#job-find #recruitment dl dd, #job-find #recruitment dl dt {
		font-size: 1.3em;
		margin: -1px -1px 0 0;
		padding: 25px
	}
	#job-find #recruitment dl dd {
		width: 70%
	}
	#job-find #recruitment dl dd .pickup span {
		display: inline-block;
		padding: 25px 0;
		font-size: 1.2em
	}
}



#job-find #certification {
	background-color: #fff5cc;
}
#job-find #certification .wrap {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 50px 10px
}
#job-find #certification .title {
	font-size: 1.5em;
	line-height:1.5;
	padding:0;
	margin-bottom:30px;
}
#job-find #certification .catch {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 0 20px;
	padding: 0 25px;
	font-size:1rem;
}
#job-find #certification .catch img {
	width: 30%;
	max-width: 220px;
	padding-right: 10px
}
#job-find #certification .catch p {
	padding: 0 0 0 0px;
	font-size: 1em
}
#job-find #certification .type {
	margin: 0 0 10px;
	padding: 25px;
	background: #fff;
	border: #cdd2dc 5px solid;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
#job-find #certification .type h3 {
	margin-bottom: 25px;
	font-size: 1.8em;
	line-height: 0.5em;
	letter-spacing: 1px;
	text-align: center
}
#job-find #certification .type h3 span.ja {
	font-size: 0.36em
}
#job-find #certification .type .font-arapey {
	font-family: 'Arapey', serif;
	font-style: italic;
	line-height: 1em
}
#job-find #certification .type div {
	width: 100%
}
#job-find #certification .type figure {
	width: 100%;
	margin: 0;
	text-align: center
}
#job-find #certification .type img {
	margin-top: 20px
}
#job-find #certification .type p {
	font-size: 1em
}
#job-find #certification .text {
	margin-top:30px;
}
@media screen and (max-width:480px) {
	#job-find #certification .type div {
		width: 100%
	}
	#job-find #certification .type p {
		font-size: 1em
	}
}
@media screen and (max-width:600px){
	#job-find #certification .wrap {
		padding: 20px;
	}
	#job-find #certification .title{
		font-size:1.5rem;
		
	}
	#job-find #certification .catch{margin:0;}
	#job-find #certification .catch p {
		margin-top:0px;
	}
	#job-find #certification .text {
		margin-top:0px;
		padding:30px 0 20px 0;
	}
}
@media screen and (min-width:600px){
	#job-find #certification .wrap {
		padding: 60px 25px 100px;
	}
	#job-find #certification .catch p {
		margin-top:20px;
	}
}
@media screen and (min-width:600px) and (max-width:960px) {
	#job-find #certification .title {
		font-size: 1.8em;
	}
	#job-find #certification .catch {
		margin: 0 0 50px
	}
	#job-find #certification .catch img {
		width: 220px;
		padding-right: 25px;
	}
	#job-find #certification .catch p {
		font-size: 1.2em;
	}
	#job-find #certification .type {
		margin: 0 0 20px;
		padding: 25px;
		background: #fff;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	#job-find #certification .type div {
		float: left;
		width: 70%
	}
	#job-find #certification .type figure {
		float: right;
		width: 30%;
		padding-left: 25px
	}
	#job-find #certification .type img {
		width: 220px;
		margin: 0
	}
	#job-find #certification .type p {
		font-size: 1em
	}
}
@media screen and (min-width:960px) and (max-width:1280px) {
	#job-find #certification .title {
		font-size: 2.4em
	}
	#job-find #certification .catch {
		margin: 0 0 50px
	}
	#job-find #certification .catch img {
		width: 220px;
		padding-right: 25px
	}
	#job-find #certification .catch p {
		font-size: 1.4em
	}
	#job-find #certification .type {
		margin: 0 0 20px;
		padding: 25px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	#job-find #certification .type h3 {
		font-size: 2.8em;
		margin: 0 0 10px
	}
	#job-find #certification .type div {
		width: 75%
	}
	#job-find #certification .type figure {
		width: 25%;
		padding-left: 25px
	}
	#job-find #certification .type img {
		width: 220px;
		margin: 0
	}
	#job-find #certification .type p {
		font-size: 1.2em
	}
}
@media screen and (min-width:1280px) {
	#job-find #certification .title {
		font-size: 2.4em
	}
	#job-find #certification .catch {
		margin: 0 0 50px
	}
	#job-find #certification .catch img {
		width: 220px;
		padding-right: 25px
	}
	#job-find #certification .catch p {
		font-size: 1.4em
	}
	#job-find #certification .type {
		margin: 0 0 20px;
		padding: 25px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	#job-find #certification .type h3 {
		font-size: 2.8em;
		margin: 0 0 10px
	}
	#job-find #certification .type div {
		float: left;
		width: 650px
	}
	#job-find #certification .type figure {
		float: right;
		width: 220px
	}
	#job-find #certification .type img {
		width: 220px;
		margin: 0
	}
	#job-find #certification .type p {
		font-size: 1.2em
	}
}
#job-find #profile .wrap {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 100px 10px
}
#job-find #profile .title {
	width: 220px;
	margin: 0 auto 50px;
	padding: 10px;
	font-size: 1.8em;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000
}
#job-find #profile h3 {
	margin-bottom: 20px;
	font-size: 1.8em
}
#job-find #profile .prof div {
	margin-bottom: 100px;
	font-size: 1.2em;
	background: #fff;
	border: 1px solid #e2558f
}
#job-find #profile .prof div span {
	font-size: 1.2em;
	font-weight: bold;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(30%, #d8eddb));
	background: -webkit-linear-gradient(transparent 70%, #d8eddb 30%);
	background: -o-linear-gradient(transparent 70%, #d8eddb 30%);
	background: linear-gradient(transparent 70%, #d8eddb 30%)
}
#job-find #profile .prof div img {
	float: left;
	margin-right: 10px
}
#job-find #profile .bio {
	margin-bottom: 100px;
	padding: 25px;
	font-size: 1.2em;
	background: #fff;
	border: 1px solid #e2558f
}
#job-find #profile .bio p {
	text-indent: 1em;
}
#job-find #profile .capacity {
	padding: 25px;
	background-color: #fff;
	border: 5px solid #ededed;
}
#job-find #profile .capacity ul li {
	margin-bottom: 20px;
	margin-left: 1.5em;
	list-style-type: circle;
	font-size: 1.2em;
}
#job-find #profile .capacity ul li li {
	margin-bottom: 0;
	margin-left: 1.5em;
	list-style-type: square;
	font-size: 1em
}
@media screen and (max-width:480px) {

	#job-find #profile .prof div img {
		width: 110px
	}
	#job-find #profile .bio {
		margin-bottom: 50px;
		padding: 25px;
		font-size: 1em;
	}

}
@media screen and (max-width:600px) {
	#job-find #profile .prof div {
		margin-bottom: 50px;
		padding: 25px;
		font-size: 1rem;
		line-height:1.5;
	}

	#job-find #profile .prof div span {
		font-size: 1.4rem;

		margin-bottom:-30px;
		line-height:1.1;
		font-weight: bold;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(30%, #d8eddb));
		background: -webkit-linear-gradient(transparent 70%, #d8eddb 30%);
		background: -o-linear-gradient(transparent 70%, #d8eddb 30%);
		background: linear-gradient(transparent 70%, #d8eddb 30%);
	}
	#job-find #profile .bio p {
		font-size: 1.1rem;
		text-indent: 1em;
	}
	#job-find #profile .capacity {
		padding: 25px;
		background-color: #fff;
		border: 5px solid #ededed;
	}
	#job-find #profile .capacity ul li {
		margin-bottom: 20px;
		margin-left: 0em;
		list-style-type: none;
		font-size: 1.1rem;
	}
	#job-find #profile .capacity ul li li {
		margin-bottom: 0;
		margin-left: 1.5em;
		list-style-type: square;
		font-size: 1em;
	}

}
@media screen and (min-width:480px) and (max-width:600px) {
	#job-find #profile .prof div {
		margin-bottom: 50px;
		padding: 15px;
		font-size: 1em;
	}
	#job-find #profile .prof div span {
		font-size: 1.2em;
		font-weight: bold;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(30%, #d8eddb));
		background: -webkit-linear-gradient(transparent 70%, #d8eddb 30%);
		background: -o-linear-gradient(transparent 70%, #d8eddb 30%);
		background: linear-gradient(transparent 70%, #d8eddb 30%)
	}
	#job-find #profile .prof div img {
		width: 220px;
	}
}
@media screen and (min-width:600px) and (max-width:960px) {
	#job-find #profile .wrap {
		padding: 100px 25px
	}
	#job-find #profile .prof div {
		margin-bottom: 50px;
		padding: 25px;
		font-size: 1.4em
	}
	#job-find #profile .prof div span {
		font-size: 1.4em;
		font-weight: bold;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(30%, #d8eddb));
		background: -webkit-linear-gradient(transparent 70%, #d8eddb 30%);
		background: -o-linear-gradient(transparent 70%, #d8eddb 30%);
		background: linear-gradient(transparent 70%, #d8eddb 30%)
	}
	#job-find #profile .prof div img {
		width: 220px;
		float: left;
		margin-right: 50px
	}
	#job-find #profile .bio {
		margin-bottom: 50px;
		padding: 25px
	}
}
@media screen and (min-width:960px) and (max-width:1280px) {
	#job-find #profile .wrap {
		padding: 100px 25px
	}
	#job-find #profile .title {
		width: 240px;
		font-size: 2.4em
	}
	#job-find #profile .prof div {
		margin-bottom: 50px;
		padding: 50px;
		font-size: 1.4em
	}
	#job-find #profile .prof div span {
		font-size: 1.4em;
		font-weight: bold;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(30%, #d8eddb));
		background: -webkit-linear-gradient(transparent 70%, #d8eddb 30%);
		background: -o-linear-gradient(transparent 70%, #d8eddb 30%);
		background: linear-gradient(transparent 70%, #d8eddb 30%)
	}
	#job-find #profile .prof div img {
		width: 220px;
		float: left;
		margin-right: 50px
	}
	#job-find #profile .bio {
		margin-bottom: 50px;
		padding: 50px
	}
}
@media screen and (min-width:1280px) {
	#job-find #profile .wrap {
		padding: 100px 25px
	}
	#job-find #profile .title {
		width: 240px;
		font-size: 2.4em
	}
	#job-find #profile .prof div {
		margin-bottom: 50px;
		padding: 50px;
		font-size: 1.4em
	}
	#job-find #profile .prof div span {
		font-size: 1.4em;
		font-weight: bold;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(30%, #d8eddb));
		background: -webkit-linear-gradient(transparent 70%, #d8eddb 30%);
		background: -o-linear-gradient(transparent 70%, #d8eddb 30%);
		background: linear-gradient(transparent 70%, #d8eddb 30%)
	}
	#job-find #profile .prof div img {
		width: 220px;
		float: left;
		margin-right: 50px
	}
	#job-find #profile .bio {
		margin-bottom: 50px;
		padding: 50px
	}
}
#job-find #profile:before {
	position: fixed;
	z-index: -1;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100vh;
	content: '';
	background: url(../img/bg01.jpg) 50% no-repeat;
	background-size: cover;
}


#job-find #contact .wrap {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 50px 10px 100px
}
#job-find #contact .title {
	width: 220px;
	margin: 0 auto;
	margin-top:10px;
	padding: 10px;
	font-size: 1.8em;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000
}
#job-find #contact h3 {
	font-size: 1.2rem;
	margin-top:30px;
	line-height: 1.3;
	text-align: center;
	letter-spacing: 0.1em;
}
#job-find #contact .line-counter {
	font-family: Helvetica, Arial, Verdana, 'メイリオ', 'ヒラギノ角ゴPro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	clear: both;
	width: 100%;
	max-width: 480px;
	margin: 0 auto 50px;
	padding: 26px 0 28px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000
}
#job-find #contact .line-counter .counter {
	font-size: 1.2em;
	font-weight: 800;
	line-height: 75px;
	width: 100%;
	margin: 20px auto 0;
	text-align: center;
	letter-spacing: 0.05em
}
#job-find #contact .line-counter .counter a {
	color: #000
}
#job-find #contact .table-dl-row {
/*
	font-family: Helvetica, Arial, Verdana, 'メイリオ', 'ヒラギノ角ゴPro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif
*/
}
#job-find #contact .table-dl-row dd{
	font-family: Helvetica, Arial, Verdana, "メイリオ", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#job-find #contact input[type=email], #job-find #contact input[type=tel], #job-find #contact input[type=text]{
	width: 100%;
	padding: 20px 1em 20px;
	font-size:1.2rem;
}
#job-find #contact textarea{
	width: 100%;
	height:100px;
	padding: 10px 1em 10px;
	font-size:1.2rem;
	
}
#job-find #contact input[type=date]{
	padding: 10px 1em 10px;
	border:1px solid #000;
}

#job-find #contact dd label{
	font-family: 'Cinzel', '游明朝', 'YuMincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	padding-left:30px;			/* ラベルの位置 */
	font-size:1.2rem;
	line-height:28px;
	display:inline-block;
	cursor:	pointer;
	position:relative;
	margin-right:10px;
}
#job-find #contact dd label:before{
	content:'';
	width:	28px;			/* ボックスの横幅 */
	height:	28px;			/* ボックスの縦幅 */
	display:inline-block;
	position:absolute;
	left:0;
	background-color:#fff;
	box-shadow:inset 1px 2px 3px 1px #999;
	border-radius:3px 3px 3px 3px;
}

#job-find #contact input[type=checkbox]{
	display:none;
}
#job-find #contact input[type=checkbox]:checked + label:before {
	content:		'\2713';		/* チェックの文字 */ 
	font-size:		32px;			/* チェックのサイズ */
	color:			#fff;			/* チェックの色 */
	background-color:	#06f;			/* チェックした時の色 */
	background-color:	#000;			/* チェックした時の色 */
}
@media screen and (max-width:600px) {
	#job-find #contact dd label{
		margin-bottom:10px;
	}
	#job-find #contact input[placeholder]{
		font-size:0.9rem;
	}
}
@media screen and (min-width:600px) and (max-width:960px) {
	#job-find #contact .title {
		font-size: 1.8em
	}
}
@media screen and (min-width:960px) and (max-width:1280px) {
	#job-find #contact .title {
		font-size: 2.4em
	}
}
@media screen and (min-width:1280px) {
	#job-find #contact .title {
		font-size: 2.4em
	}
}
#job-find #contact dl {
	padding: 20px 0;
}
#job-find #contact dl dt {
	font-size: 1.2em;
	margin-bottom:3px;
}
#job-find #contact dl dd {
	margin-bottom:20px;
}
/*
#job-find #contact dl .required:before {
	content: '必須';
	margin-right: 5px;
	padding: 1px 5px 0;
	border: 1px solid #c00;
	border-radius: 4px;
	font-size: 1em;
	color: #c00;
	line-height: 1
}
*/
#job-find #contact dl .required:after {
	content: '必須';
	margin-left: 5px;
	padding: 2px 5px 2px;
/*	border: 1px solid #c00;*/
	border-radius: 4px;
	font-size: 0.8em;
	font-weight:bold;
	background-color: #c00;
	color:#fff;
	line-height: 1;
}
#job-find #contact .inner dd {
	font-size: 1.2em;
	color: #ff0000
}
#job-find #contact .inner dd a {
	font-size: 1.2em;
	color: #ff0000
}
#job-find #contact input[type=text] {
	font-size: 1.2em;
	padding: 20px 1em 20px
}
#job-find #contact select {
	width: 100%;
	padding: 10px 1em 10px;
	cursor: pointer;
	font-size: 1.2em;
	text-indent: 0.01px;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	background: transparent;
	background-image: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}
#job-find #contact .btn input{cursor: pointer;}
#job-find #contact .btn input[type=submit]{
	margin-top: 10px;
	font-size:1.5rem;
	font-weight:normal;
	border:1px solid #960404;
	background-color:#960404;
}
#job-find #contact .btn input[type=submit]:hover{background-color:#fff;color:#960404;}
#job-find #contact .submit-btn-wrap{
    display:block;
    position:relative;
    transition:all 0.3s;
}
#job-find #contact .submit-btn-wrap:after{
    content: "＞";
    font-weight: 900;
    font-size:1.4rem;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    position: absolute;
    right: 5%;
    top: 60%;
    transform: translateY(-50%);
    transition: all 0.3s;
    color:#fff;
}
#job-find #contact .submit-btn-wrap:hover::after{
    right:2%;
    color:#960404;
}

#job-find #contact .btn input[type=reset] {
	margin-top: 10px;
	border:1px solid #aaa;
	background-color:#aaa;
	font-weight:normal;
}
#job-find #contact .btn input[type=reset]:hover{background-color:#fff;color:#aaa;}

#job-find #contact .error h4 {
	margin-bottom: 25px
}
#job-find #contact .error .error-messege {
	color: #ff0000;
	margin: 0 0 15px 0
}
#job-find #fixedMenu .subnavi {
	position: fixed;
	bottom: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	background-color: #ffffff
}
#job-find .subnavi .logo {
	float: left;
	width: 40%
}
#job-find .subnavi .cell {
	float: left;
	width: 20%
}
#job-find .subnavi .cell img {
	width: 100%;
	height: auto
}


div.catch{}
div.catch p{font-size:1.2rem;line-height:1.8;}


.img-base{
    display:flex;
    width: 100%;
    height: ;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top:20px;
}
.img-container{
	width:33%;
}

h2.title{margin-top:30px;}
.card-base{
    display:flex;
    width: 100%;
    height: ;
    flex-wrap: wrap
}
.card-base p{margin:0 auto;text-align:center;font-size:1.2rem;margin-bottom:40px;}
.card-base p a{color:#960404;text-decoration:underline;}
.card-base p a:hover{text-decoration:none;}
.card-container{
    display:flex;
    width: 50%;
    height: ;
    margin-bottom:30px;
}
.card-container h4{font-size:1.5rem;color:#960404;border-bottom:1px dotted #960404;margin-bottom:3px;}

.card-img {width:40%;}
.card-img img{
    width:100%;
    height:auto;
}

.card-text{
    width:60%;
    margin: 0 15px 0 15px;
    font-size:1.0rem;
}
.card-text ul li{
	border-bottom:1px dotted #ccc;
	padding:5px 0;
}
.card-text ul li:last-child{
	border-bottom:none;
}


/* Page Top */
#page_top{
  width: 80px;
  height: 75px;
  position: fixed;
  right: 10px;
  bottom: 25px;
  background: #444;
  opacity: 0.6;
  z-index:1001;
}
#page_top a{
  position: relative;
  display: block;
  width: 80px;
  height: 75px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 35px;
  color: #fff;
  position: absolute;
  width: 35px;
  height: 35px;
  top: -10px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

@media screen and (max-width:600px) {
	.card-base{display:block;}
	.card-container{width:100%;}
	.card-img {width:45%;}
	.card-text{
		width:55%;
	    margin: 0 0px 0 15px;
	}

	/* Page Top */
	#page_top{
	  width: 40px;
	  height: 40px;
	  right: 5px;
	  bottom: 92px;
	}
	#page_top a{
	  width: 40px;
	  height: 40px;
	  text-decoration: none;
	}
	#page_top a::before{
	  font-size: 25px;
	    top: 100%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    -webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	}


}