/* CSS Document */
@charset "UTF-8";

html, body {
	height:100%;
}
body {
	position:relative;
	background:#f5f5f5;
	padding:0;
	margin:0;
	color:#222;
}

#bodyContainer {
	position:relative;
	background:#fff;
	width:640px;
	box-shadow:0px 0px 80px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 0px 80px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 0px 80px rgba(0,0,0,0.2);
}
header {
	background:#fff;
	border-bottom:6px #404040 solid;
	width:640px;
	height:128px;
	text-align:left;
}
header h1 {
	display:inline-block;
	background:url(../images/logo.png) no-repeat;
	margin:20px 0 0 21px;
	width:290px;
	height:85px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	opacity:0;
}

a.menubtn {
	position:fixed;
	top:0;
	right:50%;
	background:url(../images/btn_menu.png) no-repeat;
	margin-right:-320px;
	width:205px;
	height:128px;
	z-index:101;
}
a.callbtn {
	position:fixed;
	bottom:0;
	left:50%;
	background:url(../images/btn_call.png) no-repeat;
	margin-left:-320px;
	width:240px;
	height:143px;
	z-index:101;
}


.nav-bg {
	display:none;
	position:fixed;
	top:0;
	left:0;
	background:#fff;
	width:100%;
	height:100%;
	opacity:0.5;
	z-index:97;
}
.gnav {
	display:none;
	position:fixed;
	top:0;
	right:-306px;
	background:#3c3c3c url(../images/gnav_bg.jpg) no-repeat;
	border-radius:0 0 0 22px;
	padding:128px 0 30px;
	width:306px;
	height:80%;
	overflow:auto;
	z-index:1000;
}
.gnav ul {
	padding:0;
	margin:0;
	list-style:none;
}
.gnav ul li a {
	display:block;
	background:#fff;
	background:rgba(255,255,255,.8);
	padding:14px 20px;
	margin:2px 0 2px 2px;
	width:262px;
	font-family:'IBM Plex Serif', serif;
	font-size:18px;
	font-size:1.8rem;
	font-weight:200;
	color:#222;
	text-align:left;
}

.ft-logo {
	background:url(../images/logo.png) no-repeat;
	margin:85px 0 20px;
	width:290px;
	height:85px;
	opacity:.6;
}
footer {
	position:relative;
	background:#404040;
	padding:20px 15px 20px;
	width:610px;
	color:#eee;
	text-align:center;
	overflow:hidden;
}
footer .shopinfo {
	padding:0 0 0 225px;
	font-size:10px;
	font-size:1.0rem;
	line-height:1.2em;
	text-align:left;
}
footer .shopinfo a {
	color:#fff;
}
footer .cr {
	display:inline-block;
	padding:10px 0 0;
	font-size:9px;
	font-size:0.9rem;
	letter-spacing:2px;
}



/* トップページ */
.ind-acc {
	padding:10px 20px 40px;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.2em;
	text-align:left;
}
.ind-acc span {
	display:block;
	font-size:18px;
	font-size:1.8rem;
	line-height:1.3em;
	color:#940000;
	text-align:center;
}
.ind-acc .info {
	display:inline-block;
	padding-top:25px;
	font-size:15px;
	font-size:1.5rem;
	line-height:1.6em;
	text-align:left;
}

.ind-rec {
	padding:0 20px 40px;
	color:#777;
	text-align:left;
}
.ind-rec table {
	border:none;
	border-spacing:4px;
	border-collapse:separate;
}
.ind-rec th {
	background:#ffdede;
	border-radius:16px;
	padding:16px 20px;
	font-size:22px;
	font-size:2.2rem;
	font-weight:normal;
	color:#222;
	text-align:center;
	word-break:keep-all;
}
.ind-rec td {
	padding:20px;
	font-size:16px;
	font-size:1.6rem;
	line-height:1.3em;
	color:#222;
	text-align:left;
}



.contentsContainer {
	top:300px;
	animation:contentsAnim .5s ease-out .2s both;
}
@keyframes contentsAnim {
  0% {
    transform:translateY(300px); }
  100% {
    transform:translateY() }
}

.contentsTitle {
	background:url(../images/symbol_red.png) center top no-repeat;
	border-bottom:2px #ccc solid;
	padding:43px 0 0;
	margin:0 0 15px;
	font-family:'IBM Plex Serif', serif;
	font-weight:200;
	font-style:normal;
	font-size:30px;
	font-size:3.0rem;
	line-height:.8em;
	text-align:center;
}

.contentsPgTitle {
	position:relative;
	padding:170px 0 0;
	margin:0 0 52px;
	height:365px;
	font-family:'Sawarabi Mincho', sans-serif;
	font-weight:200;
	font-style:normal;
	font-size:30px;
	font-size:3.0rem;
	line-height:.8em;
	text-align:center;
}
.contentsPgTitle.w {
	color:#fff;
}
.contentsPgTitle.b {
	color:#000;
}
.contentsPgTitle span {
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:640px;
	font-size:20px;
	font-size:2.0rem;
	line-height:1.4em;
	color:#222;
	text-align:center;
}
.contentsPgTitle.sys {
	background:url(../images/pgtitle_system.jpg) center top no-repeat;
}
.contentsPgTitle.stf {
	background:url(../images/pgtitle_staff.jpg) center top no-repeat;
}
.contentsPgTitle.info {
	background:url(../images/pgtitle_information.jpg) center top no-repeat;
}
.contentsPgTitle.eve {
	background:url(../images/pgtitle_event.jpg) center top no-repeat;
}
.contentsPgTitle.acc {
	background:url(../images/pgtitle_access.jpg) center top no-repeat;
}
.contentsPgTitle.rec {
	background:url(../images/pgtitle_recruit.jpg) center top no-repeat;
}


.infobox {
	padding:20px;
	text-align:left;
}


ul.stflist {
	padding:80px 0 0;
	margin:0;
	list-style:none;
}
ul.stflist li {
	float:left;
	padding:0;
	margin:0;
}
ul.stflist li a.list {
	position:relative;
	display:block;
	background:#cf2020;
	width:320px;
	height:600px;
	padding:4px 0 0;
	margin:10px 0 10px;
	font-family:'IBM Plex Serif', serif;
	font-size:26px;
	font-size:2.6rem;
	line-height:1.0em;
	color:#fff;
	text-align:center;
}
ul.stflist li:nth-child(odd) {
	margin-top:-80px;
}
ul.stflist li a.none {
	cursor:default;
}
ul.stflist li a .img {
	width:320px;
	height:480px;
	overflow:hidden;
}
ul.stflist li a .img img {
	max-width:320px;
}

ul.stflist li a .newicon {
	position:absolute;
	top:-2px;
	right:0;
	background:url(../images/icon_new.png) no-repeat;
	width:124px;
	height:70px;
}
ul.stflist li a span {
	display:block;
	padding:20px 0 2px;
	font-size:10px;
	font-size:1.0rem;
	line-height:1.0em;
	letter-spacing:3px;
}

/* プロフィール */
.pr {
	position:relative;
	background:#cf2020;
	padding:30px 0 60px;
	margin-top:200px;
	width:640px;
	color:#fff;
}
.primg {
	display:inline-block;
	margin:-166px 0 14px;
	width:420px;
	height:630px;
	overflow:hidden;
}
.primg img {
	max-width:420px;
	height:auto;
}
.slick-slide {
	transition: all ease-in-out .3s;
	opacity: .4;
}
.slick-active {
	opacity: .5;
}
.slick-current {
	opacity: 1;
}
.prslider_prev, .prslider_prev a, .prslider_next, .prslider_next a {
	position:absolute;
	display:block;
	background:url(../images/btn_control.png) no-repeat;
	width:52px;
	height:74px;
	cursor:pointer;
	z-index:95;
}
.prslider_prev {
	top:360px;
	left:4px;
	background-position:0 -74px;
}
.prslider_next {
	top:360px;
	right:4px;
	background-position:-52px -74px;
}
.prslider_prev a {
	background-position:0 0;
}
.prslider_next a {
	background-position:-52px 0;
}

.pr .namae {
	padding:0 0 30px;
	font-family:'Sawarabi Mincho', sans-serif;
	font-style:normal;
	font-size:26px;
	font-size:2.6rem;
	text-align:center;
}
.pr .namae span {
	display:inline-block;
	font-size:12px;
	font-size:1.2rem;
	letter-spacing:2px;
}
.pr .cmt {
	padding:0 60px;
	text-align:left;
}


/* システム */
.sys-coution {
	display:inline-block;
	padding:10px 0;
	font-family:'Sawarabi Mincho', sans-serif;
	font-weight:200;
	font-style:normal;
	font-size:26px;
	font-size:2.6rem;
	color:#ae1919;
	letter-spacing:2px;
}


/* アクセス */
.acc-msg {
	display:inline-block;
	background:#ffe8e8;
	border-radius:20px;
	padding:20px;
	margin:30px 0 0;
}


/* 求人 */
.rec-hl {
	font-size:18px;
	font-size:1.8rem;
	color:#9c0000;
}




.tablelist table {
	border:none;
	border-spacing:4px;
	border-collapse:separate;
}
.tablelist th {
	border-bottom:3px #ddd solid;
	padding:14px;
	text-align:left;
	color:#a02967;
}
.tablelist td {
	border-bottom:3px #ddd solid;
	padding:14px;
	text-align:left;
}
.tablelist th.wr {
	display:inline-block;
	border-bottom:3px #ddd solid;
	padding:14px;
	width:575px;
	text-align:left;
	color:#a02967;
}
.tablelist td.wr {
	display:inline-block;
	border-bottom:3px #ddd solid;
	padding:14px;
	width:575px;
	text-align:left;
}
.tablelist td.sttl {
	border:none;
	border-bottom:7px #ddd solid;
	border-radius:none;
	padding:12px;
	font-size:16px;
	font-size:1.6rem;
	font-weight:500;
	color:#222;
}


a.txtbtn {
	display:inline-block;
	background:#3c3c3c;
	border-radius:14px;
	padding:18px;
	margin:10px 0;
	width:80%;
	font-size:16px;
	font-size:1.6rem;
	color:#f4a01d;
	text-align:center;
}

.atten {
	padding-left:1em;
	margin-bottom:4px;
	text-indent:-1em;
	line-height:1.2em;
	text-align:left;
}
.shadow {
	box-shadow:0px 0px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.1);
}
.clear {
	clear:both;
}