@charset "utf-8";

/* css for kinezo corporate website */

/* z-index layer
120:.dropdown-el(form popup)
110:#mask
100:#header
12 :#bt_scrolltop
11 :#bottom_links
10 :ul#service_tabs_box
6  :ul#gnavi>li ul
5  :ul#gnavi>li>a,ul#gnavi>li>label
4  :.bx-wrapper .bx-controls-direction a {
3  :.bx-wrapper .bx-loading
*/

/* -------------------------------------------- */
/* common ------------------------------------- */
/* -------------------------------------------- */

html {
	overflow-y: scroll;
}

body {
	width: 100%;
	padding: 0;
	overflow-x: auto;
	overflow-y: auto;
	-webkit-text-size-adjust: 100%;
	-webkit-user-select: default;
	-webkit-font-smoothing: antialiased;
	font-family:'ヒラギノ角ゴ Pro W4', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 'ＭＳ Ｐゴシック', sans-serif;
	/*text-shadow: 0 1px 1px #000000;*/
	font-size: 16px;
	line-height:32px;
	color:#000000;
}

h1,h2,h3,h4,h5,h6 {
	font-weight:bold;
	margin: 0;
	padding: 0;
}

h1 {
	font-size:30px;
	font-weight:normal;
	line-height:100px;
	border-left: 5px solid #DE0051;
	/*height:48px;*/
	line-height:48px;
	padding:26px 0 26px 34px;

	margin: 60px 0 30px 0;
}

h2 {
	font-size:20px;
	font-weight:bold;
	line-height:30px;

	margin: 50px 0 20px 0;
	padding-left:1.5em;
}

h2::before {
	content: "● ";
	color: #DE0051;
	margin-left:-1.5em;
}

h2 small {
	font-weight:normal;
	font-size:16px;
}

ul,
p,
form {
	margin: 0;
	padding: 0;
}

input {
	outline: none;
}

li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-indent: 0;
}

a {
	text-decoration: none;
	color: #0050C8;
}

a:hover {
	text-decoration: underline;
	color:#0050C8;
}

a img {
	border: none;
}

.fbox {
	zoom: 100%;
}

.fbox:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

sup {
	position:relative;
	top:-0.4em;
	_top:0px;
}

.hd {
	text-indent:-9999px;
}

.opa60 {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";

	-webkit-transition: all .1s;
	-moz-transition: all .1s;
	-ms-transition: all .1s;
	-o-transition: all .1s;
	transition: all .1s;
}

.opa60:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";

	-webkit-transition: all .1s;
	-moz-transition: all .1s;
	-ms-transition: all .1s;
	-o-transition: all .1s;
	transition: all .1s;
}

#mbflg { /* flg obj for mobile css detection for js */
	width:1px;
	height:1px;
	position:absolute;
	left:-1px;
	top:0;
	overflow:hidden;
}

.show_only_pc.inline {
	display:inline;
}

.show_only_mobile {
	display:none !important;
}

.for_kinezo_pc.inline {
	display:inline;
}

.for_kinezo_mobile {
	display:none !important;
}

.noborder {
	border:none !important;
}

/* common end */

/* color setting */
.color_main  { color:#DE0051; }
.color_sub   { color:#FFF1C5; }
.color_blue  { color:#0050C8; }
.color_gray1 { color:#EFEFEF; }
.color_gray2 { color:#E1E1E1; }
.color_gray3 { color:#D2D2D2; }
.color_gray4 { color:#737373; }
.color_bg_main  { background-color:#DE0051; }
.color_bg_sub   { background-color:#FFF1C5; }
.color_bg_blue  { background-color:#0050C8; }
.color_bg_gray1 { background-color:#EFEFEF; }
.color_bg_gray2 { background-color:#E1E1E1; }
.color_bg_gray3 { background-color:#D2D2D2; }
.color_bg_gray4 { background-color:#737373; }

/* contents */

body {
	position:relative;
}

/* -------------------------------------------- */
/* header ------------------------------------- */
/* -------------------------------------------- */

#header {
	width:1000px;
	min-height:96px;
	margin:0 auto;
	position:relative;
	z-index:100;
}

#header a#logo {
	width:131px;
	height:60px;
	background:url(../images/common/tjoy_logo.svg) center center no-repeat;
	background-size:131px 60px;
	position:absolute;
	left:0px;
	top:18px;

	display:block;
}

#header #header_translate_li {
	position:absolute;
	right:10px;
	/*top:12px;*/
	top:-34px;
}

.goog-te-gadget .goog-te-combo { /* hack google translate */
	height:2.4em;
}

ul#gnavi {
	position:relative;
	float:right;
	margin-top: 44px;
	right:0;
	bottom:0;
	min-height:52px;
	/*max-width:800px;*/
	max-width:1024px;	/* for tablet */
}

.translated-ltr ul#gnavi {
	max-width:850px;
}

ul#gnavi>li {
	float:left;
	position:relative;
}

ul#gnavi>li>a,
ul#gnavi>li>label {
	color:#000000;
	height:52px;
	font-size:16px;
	line-height:52px;
	padding: 0px 10px;
	display:block;

	z-index:5;
}

ul#gnavi>li>label {
	cursor:default;
}

ul#gnavi>li>a:hover,
ul#gnavi>li>label:hover {
	text-decoration:none;
	color:#DE0051;
}

ul#gnavi>li ul {
	height: 0;
	padding: 0;
	overflow:hidden; /* 非表示時に隣のメニューの邪魔をしないために必要 */
	opacity: 0;
	transition: 0.4s; /* animation speed */

	position:absolute;
	top:52px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);

	z-index:6;
}

/*ul#gnavi>li:hover ul,*/ /* delete for accept tablet on pc layout */
ul#gnavi>li.on ul {
	overflow:visible;
	opacity: 1;
	height:auto;
}

ul#gnavi ul>li {
	display:block;
}

ul#gnavi ul>li a {
	background-color:#000000;
	color:#FFFFFF;
	line-height:52px;
	display:block;
	padding:0 20px 0 34px;
	overflow:visible;
	white-space:nowrap;
	position: relative;
}

ul#gnavi ul>li a:hover {
	text-decoration:none;
	background-color:#DE0051;
}

/* global navigation with talking tongue */
ul#gnavi ul>li:first-child>a::before {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: -webkit-calc(50% - 18px);
	left: calc(50% - 18px);
	top: -12px;
	border-right: 18px solid transparent;
	border-bottom: 18px solid #000000;
	border-left: 18px solid transparent;
}

ul#gnavi ul>li:first-child>a:hover::before {
	border-right: 18px solid transparent;
	border-bottom: 18px solid #DE0051;
	border-left: 18px solid transparent;
}

/* global navigation with triangle */
ul#gnavi ul>li>a::after {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 18px;
	top: calc(50% - 6px);
	border-left: 6px solid #FFFFFF;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
}

/* ic_arrow used at mobile gnavi,fnavi and pc/mobile lnavi */
.ic_arrow {
	display: block;
	color: #000;
}

.ic_arrow::before {
	display:block;
	content: "";
	position: absolute;
	top: -6px;
	bottom: 0;
	right: 13px;
	margin: auto;

	width: 12px;
	height: 12px;
	border-top: 2px solid #000000;
	border-right: 2px solid #000000;
	transition: all .2s ease-out;

	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

#gnavi .ic_arrow::before,
#fnavi .ic_arrow::before,
#service_c02_accordion li .ic_arrow::before {
	display:none;
}

#bt_menu {
	display:none;
}

.hidden_nav_chkbox { /* for mobile but always hidden */
	display:none;
}

#gnavi ul>li#bt_menu_close {
	display:none;
}


/* header end */

/* -------------------------------------------- */
/* head visual -------------------------------- */
/* -------------------------------------------- */

.head_visual {
	margin: 0 auto;
	position:relative;
	min-width:1000px;
	babkground-size:100% 100%;
	background-position: center top;
	background-repeat: no-repeat;
	height: 200px;
}


#hv_top {
	width:100%;
	height:607px;
	background-image:none;
	background-size: 1390px 607px;
	background-position: center center;
	background-repeat: no-repeat;
}

#hv_top>div,
#hv_top>a {
	display:block;
	width:100%;
	height:607px;
	background-image:none;
	background-size: 1390px 607px;
	background-position: center center;
	background-repeat: no-repeat;
}

/* slide images are set at 000top.php */

#hv_about {
	width:100%;
	background-color:#2A7ED7;
	background-image: url(../images/100about/100about_pc_main.jpg);
}

#hv_news {
	width:100%;
	background-color:#d58154;
	background-image: url(../images/200news/200news_pc_main.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	height: 200px;
}

#hv_service {
	width:100%;
	background-color:#f4a696;
	background-image: url(../images/300service/300service_pc_main.jpg);

}

#hv_business {
	width:100%;
	background-color:#B6D8EC;
	background-image: url(../images/500business/500business_pc_main.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	height: 200px;
}

#hv_theater {
	width:100%;
	background-color:#000000;
	background-image: url(../images/400theater/400theater_pc_main.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	height: 200px;
}

#hv_inquiry,
#hv_pp {
	width:100%;
	background-color: #F09B50;
	background-image: none;
	height: 140px;
}

#hv_job {
	width:100%;
	background-color:#354b69;
	background-image: url(../images/600job/600job_pc_main.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	height: 200px;
}

#hv_error {
	width:100%;
	background-color: #D2D2D2;
	background-image: none;
	height: 140px;
}

/* head visual leads */

#hv_text {
	position:absolute;
	font-size:40px;

	color:#FFFFFF;
	width:100%;

	display:block;
	text-align:center;
	left:0;

	font-size:40px;
	height:40px;
	line-height:1em;
	top:80px;
}

/* only top */
#hv_top #hv_text {
	top:223px;
	font-size:44px;
	height:-webkit-calc( 1em + 20px);
	height:calc( 1em + 20px);
	line-height:calc( 1em + 20px);

	text-shadow:
		#111 1px 1px 20px, #111 -1px 1px 20px,
		#111 1px -1px 20px, #111 -1px -1px 20px;
}

/* inquiry + privacy policy + 404 */
#hv_inquiry #hv_text,
#hv_pp #hv_text,
#hv_error #hv_text {
	top:50px;
}

/* top slider; overwrite jquery.bxslider.tjoy.css */
div.bx-wrapper {
 	max-width:1390px !important;
 	min-width:1000px !important;
 	margin: 0 auto 100px auto !important;
}

.bx-wrapper .bx-pager {
	bottom: -35px;
}


/* top slider end */


/* -------------------------------------------- */
/* top content -------------------------------- */
/* -------------------------------------------- */

#top_content {
	margin:0;
	position:relative;
	width:100%;
}

#top_content h3 {
	width:1000px;
	font-size:30px;
	text-align:center;
	margin:50px auto 0 auto;
	line-height:1em;
}

#news_head_block {
	width:1000px;
	margin: 34px auto 0 auto;
}

#news_head_block ul#news_tab_box {
	width:100%;
	margin:0 auto 34px auto;
}

#news_head_block ul#news_tab_box li {
	float:left;
	display:block;
}

#news_head_block ul#news_tab_box li a {
	display:block;
	width:500px;
	height:44px;
	line-height:44px;
	text-align:center;
	display:block;
	background-color:#EFEFEF;
	color:#000000;
	cursor:pointer;
}

#news_head_block ul#news_tab_box li a:hover {
	text-decoration:none;
	filter: saturate(110%);
	filter: brightness(90%);
}

#news_head_block ul#news_tab_box li.on a {
	background-color:#DE0051;
	color:#FFFFFF;
}

#news_head_block ul#news_tab_box li.on a:hover {
	text-decoration:none;
	filter: none;
	filter: none;
	cursor: default;
}

ul#news_list {
	width:100%;
}

ul#news_list>li {
	background-color:#EFEFEF;
	min-width:1000px;
}

ul#news_list>li:nth-child(even) {
	background-color:#E1E1E1;
}

ul#news_list>li.news_none>div {
	height:6em;
}

.news_entry ul#news_list>li {
	background-color:transparent !important;
}


ul#news_list>li>div {
	width:1000px;
	margin:0 auto;
	padding:13px 0;
}

ul#news_list>li>div>div {
	float:left;
	display:block;
}

ul#news_list>li>div>div.date {
	width:110px;
}

ul#news_list>li>div>div.icon {
	width:100px;
	margin-top:4px;
	margin-right:18px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:13px;
	text-align:center;
	background-color:#F00;
	line-height:24px;
	min-height:24px;
}

ul#news_list>li.news_campaign>div>div.icon {
	background-color:#008B4C;
}

ul#news_list>li.news_event>div>div.icon  {
	background-color:#9625B4;
}

ul#news_list>li.news_topics>div>div.icon  {
	background-color:#FF9900;
}

ul#news_list>li.news_theater>div>div.icon  {
	background-color:#135797;
}

ul#news_list>li.news_noicon>div>div.icon  {
	display:none;
}

ul#news_list>li>div>div.title {
	width:772px;
}

ul#news_list>li.news_noicon>div>div.title {
	width:890px;
}

ul#news_list>li>div>div.title a {
	line-height:1.4em;
}

ul#news_list>li>div>div.title span.ic_new {
	background-color:#FF0000;
	height:22px;
	line-height:22px;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	padding:0 10px;
	position:relative;
	top:-4px;
	_top:0px;
	margin-left:16px;

	display:inline-block;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

ul#news_list>li.new>div>div.title>a::after {
	content:"NEW";
	background-color: #FF0000;
	line-height: 22px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0 10px;
	height:22px;
	margin-left: 16px;
	display: inline-block;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	vertical-align:4px;
}

#news_bottom_btn_block {
	position:relative;
	text-align:right;
	width:1000px;
	margin: 20px auto 0 auto;
}

#news_bottom_btn_block a {
	display:inline-block;
	color:#000;
	border:2px solid #000;
	width:170px;
	height:34px;
	line-height:34px;
	text-align:center;
	font-weight:bold;
}

#news_bottom_btn_block a:hover {
	text-decoration:none;
	background-color:#DCDCDC;
}

#top_banner_block {
	min-width:1000px;
	margin-top:55px;
	background:url(../images/000top/000top_banner_bg.gif) left top repeat;
}

ul#banner_list {
	margin:0 auto;
	padding:35px 0;
	width:1000px;
	display:block;
}

ul#banner_list li {
	display:block;
	float:left;
	margin-right:32px;
	margin-bottom:32px;;
}

ul#banner_list li:nth-child(3n) {
	margin-right:0;
}

ul#banner_list li:nth-child(n+4) {
	margin-bottom:0;
}

ul#banner_list li a {
	width:312px;
	height:233px;
	display:block;
	position:relative;
}

ul#banner_list li a#bn_about_tjoy {
	background-image:url(../images/000top/000top_pc_01.jpg);
}

ul#banner_list li a#bn_about_kinezo {
	background-image:url(../images/000top/000top_pc_02.jpg);
}

ul#banner_list li a#bn_about_recruit {
	background-image:url(../images/000top/000top_pc_03.jpg);
}

ul#banner_list li a#bn_howtouse_kinezo {
	background-image:url(../images/000top/000top_pc_04.jpg);
}

ul#banner_list li a:hover {
	filter:saturate(140%);
	filter:brightness(110%);
}

ul#banner_list li a>div {
	color:#FFF;
	text-align:center;
	position:absolute;
	bottom:0;
	left:0;
	width:312px;
	height:50px;
	line-height:50px;
	font-weight:500;
}

/* top content end */

/* -------------------------------------------- */
/* general pages ------------------------------ */
/* -------------------------------------------- */

section.contents {
	width:1000px;
	display:block;
	margin:18px auto 0 auto;
}

#news_content {
	width:100%;
}

#news_content > .pseudo_content_block {
	width:1000px;
	margin-top:0;
	margin:0 auto;
}

ul#bc {
	width:100%;
}

ul#bc li {
	display:inline;
	font-size:16px;
}

ul#bc li a {
	color:#000000;
}

ul#bc li:not(:last-child)::after {
	content:">";
	margin: 0 10px;
}

.wrapper {
	margin-top:50px;
	position:relative;
}

.box_right { /* コンテンツ領域 */
	float:right;
	width:656px;
	margin-left:86px;
}

.box_left { /* ローカルナビ領域 */
	width:258px;
	float:right;
}

.box_single {
	width:100%;
}

/* local navigation */
#lnavi {
	width:100%;
}

#lnavi li {
	margin:0;
	padding:0;
	width:100%;
	display:block;
	border-top:1px solid #FFFFFF;
}

#lnavi li:first-child {
	border-top:none;
}

#lnavi li a {
	display:block;
	/*height:60px;
	line-height:60px;*/
	min-height: 20px;
	line-height: 20px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 20px;

	font-size:16px;
	color:#000;
	padding-left:32px;
	width:-webkit-calc(100% - 42px);
	width:calc(100% - 42px);
	backgroun-image:none;
	background-position: 10px 24px;
	background-repeat:no-repeat;
	background-color:#EFEFEF;
	background-size: 9px 12px;
}

#lnavi li.on a {
	background-color:#DE0051;
	color:#FFFFFF;
	background-image:url(../images/common/localnavi_pager_icon_w.svg);
}

#lnavi li a:hover {
	background-color:#D2D2D2;
	text-decoration:none;
	background-image:url(../images/common/localnavi_pager_icon_w.svg);
}

/* lnavi 2nd layer added padding-left for 600job */

#job_content ul#lnavi>li>ul>li>a {
	padding-left:52px;
	width:-webkit-calc(100% - 72px);
	width:calc(100% - 72px);
}

/* lnavi 2nd layer end */

/* lnavi accordion (used at 410 theater) */
#lnavi li.theater_type {
	background-color:#737373;
	color:#FFF;
	font-size:16px;
	height:60px;
	line-height:60px;
	padding-left:17px;
	width:-webkit-calc(100% - 17px);
	width:calc(100% - 17px);
}

#lnavi li.theater_type.twolines {
	height:50px;
	line-height:20px;
	padding-top:10px;
}

#lnavi li.theater_type small {
	font-size:14px;
}

#lnavi li label {
	display:block;
	position:relative;
	height:60px;
	line-height:60px;
	font-size:16px;
	color:#000;
	padding-left:17px;
	width:-webkit-calc(100% - 17px);
	width:calc(100% - 17px);
	background-color:#EFEFEF;
	cursor:pointer;
}

#lnavi .ic_arrow::before {
	border-top: 2px solid #000000;
	border-right: 2px solid #000000;
	top:-6px;
	right:17px;
}

ul#lnavi>li>input:checked ~ ul {
	overflow:visible;
	opacity: 1;
	height:auto;
	transition: all .2s ease-out; /* animation speed */
}

ul#lnavi>li>input:checked ~ label { /* 開いているときのlabel */
	background-color:#D2D2D2;
}

ul#lnavi>li>input:checked ~ label.ic_arrow::before { /* rotate icon */
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top:8px;
}

ul#lnavi>li>label + ul,
ul#lnavi>li>a + ul {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.4s;
}

ul#lnavi>li>ul>li {
	border-top:1px solid #FFF;
}

ul#lnavi>li>ul>li>a {
	background-image:none;
	height:auto;
	min-height:20px;
	line-height:20px;
	padding-right:20px;
	padding-top:20px;
	padding-bottom:20px;
	width: -webkit-calc(100% - 52px);
    width: calc(100% - 52px);
}

ul#lnavi>li>ul>li>a:hover {
	background-image:url(../images/common/localnavi_pager_icon_w.svg);
}

ul#lnavi>li>ul>li.nolink {
	display:block;
	font-size:16px;
	color:#000;
	padding-left:32px;
	backgroun-image:none;
	background-position: 10px 24px;
	background-repeat:no-repeat;
	background-color:#EFEFEF;
	background-size: 9px 12px;
	background-image:none;
	height:auto;
	min-height:20px;
	line-height:20px;
	padding-right:20px;
	padding-top:20px;
	padding-bottom:20px;
	width: -webkit-calc(100% - 52px);
    width: calc(100% - 52px);
}

/* lnavi accordion end */

section:first-child>h1 {
	margin-top:0;
}

.box_right section>div {
	padding:0;
	margin:0;
}

.box_right section>div>p+p {
	margin-top:1em;
}

/* text accordion */
ul.text_accordion label {
	color:#0050C8;
	cursor:pointer;
}

ul.text_accordion label::before {
	background:url(../images/common/accordion_icon.svg) no-repeat;
	background-size:9px 12px;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	content:"";
	width:9px;
	top:0;
	height:12px;
	display:inline-block;
	margin-right:10px;
}

input.hidden_nav_chkbox:checked + label::before {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

ul.text_accordion .ac_content {
	display:none;
}

input.hidden_nav_chkbox:checked ~ div.ac_content {
	display:block;
}

ul.text_accordion label:hover {
	text-decoration:underline;
}


/* general pages end */

/* -------------------------------------------- */
/* page:about --------------------------------- */
/* -------------------------------------------- */

div.scbox {
	border:3px solid #000;
	padding:27px;
	background-color:#FFF1C5;
}

div.scbox:last-child {
	border-top:0;
}

div.scbox h3 {
	text-align:center;
	font-size:26px;
	min-height:1em;
	margin-bottom:22px;
	font-weight:normal;
}

div.scbox h4 {
	text-align:center;
	font-weight:normal;
	background-color:#000;
	color:#FFF;
	font-size:20px;
	line-height:41px;
	min-height:41px;
	margin-bottom:28px;
}

div.scbox.noborder { /* 400theaterで利用 */
	border:none;
}

ul.list_with_circle {
	margin-left:1em;
}

ul.list_with_circle li:not(:last-child) {
	margin-bottom:10px;
}

ul.list_with_circle li::before {
	content:"◎";
	margin-left:-1em;
}

ul.list_with_circle.horizontal { /* 400theaterで利用 */
	margin-left:0em;
	margin-bottom:1em;;
}

ul.list_with_circle.horizontal li {
	display:inline;
	margin-left:1em;
	font-weight:bold;
}

ul.list_with_circle.horizontal li:first-child {
	margin-left:0;
}

ul.list_with_circle.horizontal li:not(:last-child) {
	margin-bottom:0px;
}

ul.list_with_circle.horizontal li::before {
	content:"◎";
	margin-left:0em;
}

/* table type 01 */
dl.table01 dt,
dl.table01 dd{
	border-top:1px solid #D2D2D2;
	padding:20px 0 20px 0;
	float:left;
	display:block;
}

dl.table01 dt {
	width:210px;
	clear:left;
}

dl.table01 dd {
	width:446px;
}

dl.table01:first-child dt:first-of-type,
dl.table01:first-child dd:first-of-type {
	border-top:none;
	padding-top:6px;
}

/* table type 01.history */
dl.table01.history:first-child {
	margin-top:30px;
}

dl.table01.history dt,
dl.table01.history dd {
	padding-top:6px;
	padding-bottom:4px;
	line-height:1.4em;
}

dl.table01.history dt.year {
	width:70px;
	clear:left;
	font-size:15px;
	text-align:right;
	padding-right:5px;
}

dl.table01.history dt.date {
	width:70px;
	clear:none;
	font-size:15px;
	text-align:right;
}

/* 沿革テキスト */
dl.table01.history dd {
	width:487px;
	font-size:15px;

	padding-left:24px;
}

/* 沿革リンク */

dl.table01.history dd span.color1 { /* 予備カラー：初期値 青 */
	/*color:#0050C8; 色付けは一旦外す*/
	text-decoration:none;
}

dl.table01.history dd span.color2 { /* 予備カラー：初期値 赤 */
	/*color:#DE0051; 色付けは一旦外す*/
	text-decoration:none;
}

/* 最初のdateの上ボーダーを削除 */
dl.table01.history:first-child dt:nth-of-type(2) {
	border-top:none;
}

/* 同一年内の2行目以降はボーダーなし */
dl.table01.history.same-year dt,
dl.table01.history.same-year dd {
	border-top:none;
	padding-top:3px;
}

/* 同一年内の二つ目以降の年表示はなし */
dl.table01.history.same-year dt.year span {
	display:none;
}


/* map */
.about_map {
	width:100%;
	height:300px;
	margin-top:16px;
}


/* page:about end */

/* -------------------------------------------- */
/* page:news ---------------------------------- */
/* -------------------------------------------- */

#news_head_block ul#news_year_box,
#news_head_block ul#news_genre_box {
	width:100%;
	margin:0 auto 26px auto;
}

#news_head_block ul#news_year_box li,
#news_head_block ul#news_genre_box li {
	float:left;
	display:block;
}

#news_head_block ul#news_year_box li a,
#news_head_block ul#news_genre_box li a {
	display:block;
	padding:0 20px;
	margin-right:10px;
	margin-bottom:10px;
	height:42px;
	line-height:42px;
	text-align:center;
	display:block;
	background-color:#EFEFEF;
	border:1px solid #EFEFEF;
	color:#000000;
}


#news_head_block ul#news_genre_box li a {
	padding: 0 10px;
	height:31px;
	line-height:31px;
}

#news_head_block ul#news_year_box li a:hover,
#news_head_block ul#news_genre_box li a:hover {
	text-decoration:none;
	filter: saturate(110%);
	filter: brightness(90%);
}

#news_head_block ul#news_year_box li.on a,
#news_head_block ul#news_genre_box li.on a {
	border-color:#DE0051;
	color:#DE0051;
	background-color:#FFF1C5;
}

#news_head_block ul#news_year_box li.on a:hover,
#news_head_block ul#news_genre_box li.on a:hover {
	text-decoration:none;
	filter: none;
	filter: none;
	cursor: default;
}

/* news individual entry */
.news_entry h3 {
	font-size:24px;
	line-height:2em;
}

.news_entry ul#news_list>li>div>div.text { /* アイコンあり、newなし */
	width:772px; /*784-12*/
	padding-left:12px;
}

.news_entry ul#news_list>li>div>div.icon {
	margin-right:6px;
}

.news_entry ul#news_list>li.new>div>div.text { /* アイコンあり、newあり */
	width: 718px;
	padding-left:66px;
}

.news_entry ul#news_list>li.news_noicon>div>div.text { /* アイコンなし、newなし */
	width: 878px; /* 772 + 106 ( icon = 106px ) */
	padding-left:12px;
}

.news_entry ul#news_list>li.news_noicon.new>div>div.text { /* アイコンなし、newあり */
	width: 824px; /* 718 + 106 ( icon = 106px ) */
	padding-left:66px;
}



.news_entry ul#news_list>li.new>div>div.text::before {
	content:"NEW";
	background-color: #FF0000;
	line-height: 24px;
	height:24px;
	margin-top:4px;
	margin-left:-66px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	padding: 0 10px;
	display: block;
	float:left;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	vertical-align:4px;
}

#news_file_links {
	margin-top:20px;
}

#news_file_links li {
	line-height:1.8em;
	margin-bottom:1em;
}

#news_file_links li {
	padding-left:40px;
	display:block;
	background:url(../images/200news/pdf_logo@1.jpg) no-repeat;
}

#news_file_links li span.size {
	margin-left:1em;
}

.page_navigation {
	margin-top:60px;
	margin-bottom:55px;
}

.page_navigation a {
	height:77px;
	line-height:77px;
	display:block;
}

.page_navigation a.prev {
	float:left;
}

.page_navigation a.prev::before {
	background-color#EFEFEF;
	display:block;
	float:left;
	width:38px;
	height:77px;
	background:url(../images/common/localnavi_pager_icon_b.svg) #EFEFEF center center no-repeat;
	background-size: 9px 17px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	content:"";
	margin-right:16px;
}

.page_navigation a.next {
	float:right;
}

.page_navigation a.next::before {
	background-color#EFEFEF;
	display:block;
	float:right;
	width:38px;
	height:77px;
	background:url(../images/common/localnavi_pager_icon_b.svg) #EFEFEF center center no-repeat;
	background-size: 9px 17px;
	content:"";
	margin-left:16px;
}

.page_navigation a:hover::before  {
	filter: saturate(110%);
	filter: brightness(90%);
}

/* page:news end */

/* -------------------------------------------- */
/* page:services ------------------------------ */
/* -------------------------------------------- */

#service_kinezo_logo {
	width:403px;
	height:167px;
	margin:40px 0 50px 0;
	max-width:100%;
	background:url(../images/300service/kinezo_logo.svg) 0 0 no-repeat;
	background-size:contain;
}

#service_kinezo_logo img {
	width:100%;
}

dl.service_speciality {
	width:656px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;

	position: relative;
	margin-bottom:16px;
}

dl.service_speciality dt {
	border-radius:6px 0 0 6px;
	-moz-border-radius:6px 0 0 6px;
	-webkit-border-radius:6px 0 0 6px;
	color:#FFFFFF;
	font-size:26px;
	font-weight:bold;

	position:absolute;
	width:160px;
	width:-webkit-calc( 80px + 1.5em );
	width:calc( 80px + 1.5em );
	height:1em;
	left:-webkit-calc( 80px - 1.5em );
	left:calc( 80px - 1.5em );
	top:-500px;
	bottom:-500px;
	margin:auto;
}

.translated-ltr dl.service_speciality dt {
	font-size:16px;
	left:20px;
}

dl#service_speciality03 dt {
	height:64px;
}

dl#service_speciality03 dt span {
	display:inline-block;
	white-space:nowrap;
}

dl.service_speciality dd {
	font-size:17px;
	font-weight:bold;
	border-radius:0 6px 6px 0;
	-moz-border-radius:0 6px 6px 0;
	-webkit-border-radius:0 6px 6px 0;

	float:right;
	width:496px;
}

dl.service_speciality dd ul {
	padding:22px 0;
}

dl.service_speciality dd ul li {
	list-style-type:disc;
	margin-left:2em;
}

dl#service_speciality01 { background-color:#E40065; }
dl#service_speciality02 { background-color:#F9AA00; }
dl#service_speciality03 { background-color:#5876B8; }
dl#service_speciality01 dd { background-color:#FED2E6; }
dl#service_speciality02 dd { background-color:#FFF1C5; }
dl#service_speciality03 dd { background-color:#CCDCFF; }

div.service_available_theaters_box {
	overflow:hidden;
}

dl.service_available_theaters {
	margin-left:-1em;
	display:block;
	width:100%;
}

dl.service_available_theaters dt {
	font-size:16px;
	border:1px solid #000;
	width:84px;
	height:24px;
	line-height:24px;
	text-align:center;
	margin-bottom:0.4em;
	margin-left:1em;
}

dl.service_available_theaters dd {
	display:inline;
	white-space:nowrap;
	margin-right:10px;
}

dl.service_available_theaters dd::before {
	content: " | ";
	display:inline-block;
	width:1em;
}

dl.service_available_theaters dd + dt {
	margin-top:0.6em;
}

#service_kinepass_logo {
	width:122px;
	height:122px;
	margin-bottom:20px;
	background:url(../images/300service/300service_pc_kinepass.jpg) 0 0 no-repeat;
	background-size:contain;
}

dl.service_dl {
	border:2px solid #D0121B;
	color:#D0121B;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	width:-webkit-calc(100% - 52px);
	width:calc(100% - 52px);
	padding:24px;
	position:relative;
	margin-top:24px;
}

dl.service_dl dt {
	float:left;
	font-weight:bold;
	width:8em;
}

dl.service_dl dt span {
	white-space:nowrap;
	display:inline-block;
}

dl.service_dl dd {
	float:none;
	position:absolute;
}

dd.service_dl_ios {
	top:26px;
	right:253px;
}

dd.service_dl_android {
	top:26px;
	right:24px;
}

dl.service_dl dd a {
	display:block;
	background-repeat:no-repeat;
	background-size:contain;

}

dd.service_dl_ios a {
	width:166px;
	height:62px;
	background-image:url(../images/300service/App_Store_Badge.svg);
}

dd.service_dl_android a {
	width:207px;
	height:62px;
	background-image:url(../images/300service/google-play-badge.svg);
}

dl.service_dl + .page_navigation {
	margin-top:30px;
}

/* service p02 how to use kinezo */

#service_tabs_area {
	width:100%;
	height:64px;
	position:relative;
}

ul#service_tabs_box {
	width:656px;
	background-color:#FFFFFF;
	z-index:10;
}

ul#service_tabs_box.fixed {
	position:fixed;
	top:0;
}

ul#service_tabs_box.abs {
	position:absolute;
	left:0;
}

ul#service_tabs_box li {
	width:214px;
	float:left;
	margin-right:6px;
	background-color:#EFEFEF;
	display:block;
	cursor:pointer;

	border-radius:6px 6px 0 0;
	-moz-border-radius:6px 6px 0 0;
	-webkit-border-radius:6px 6px 0 0;
}

ul#service_tabs_box li:last-child {
	margin-right:0;
}

ul#service_tabs_box li.on {
	background-color:#DE0051;
	color:#FFF;
}

ul#service_tabs_box li:hover {
	background-color:#D2D2D2;
	color:#000;
}

ul#service_tabs_box li span {
	display:block;
	text-align:center;
	line-height:30px;
}

ul#service_tabs_box li span:first-child {
	font-size:16px;
	margin-top:4px;
}

ul#service_tabs_box li span:last-child {
	font-size:18px;
}

.service_tab_content {
	display:none;
}

.service_tab_content.on {
	display:block;
}

.service_tab_content h3 {
	margin-top:1em;
	margin-left:2em;
}

.service_tab_content h3.nopad {
	margin-left:0;
}

.service_tab_content h3 span.num {
	color:#DE0051;
	margin-right:1em;
	margin-left:-2em;
}

#service_tab_c01_img01 {
	width:569px;
	height:363px;
	background:url(../images/300service/310service_pc_01.jpg) 0 0 no-repeat;
	background-size:contain;
}

.service_tab_content h3 + div.desc {
	padding-left:2em;
}

/* 18/07/26 画像を１枚にしたのでそれ用に再調整 */
#service_tab_c02_img01 {
	width:321px;
	height:192px;
	background:url(../images/300service/310service_pc_02.jpg) 0 0 no-repeat;
	background-size:contain;
}
/*
#service_tab_c02_imgbox {
	margin-top:1em;
}

#service_tab_c02_img01 {
	float:left;
	width:321px;
	height:192px;
	background:url(../images/300service/310service_pc_02.jpg) 0 0 no-repeat;
	margin-right:10px;
}

#service_tab_c02_img02 {
	float:left;
	width:321px;
	height:192px;
	background:url(../images/300service/310service_pc_03.jpg) 0 0 no-repeat;
}
*/

.service_tab_content .note {
	margin-left:1em;
}

.service_tab_content .note::before {
	content:'※';
	margin-left:-1em;
}

.service_tab_content ul.square li {
	font-weight:bold;
}

.service_tab_content ul.square li::before {
	content:'◆';
}

.service_tab_content ul.circle li {
	font-weight:normal;
	margin-left:1.5em;
}

.service_tab_content ul.circle li::before {
	content:'●';
	margin-left:-1.3em;
	display:inline-block;
	width:1.3em;
}

.service_tab_content .ac_content {
	padding-left:1em;
}

#service_tab_c03_img01 {
	margin-top:1em;
	width:466px;
	height:215px;
	background:url(../images/300service/310service_pc_04.jpg) 0 0 no-repeat;
	background-size:contain;
}

/* page:services end */

/* -------------------------------------------- */
/* page: 400theater --------------------------- */
/* -------------------------------------------- */

h3.theater_type {
	width:-webkit-calc(100% - 20px);
	width:calc(100% - 20px);
	background-color:#737373;
	color:#FFF;
	padding-left:20px;
	height:50px;
	line-height:50px;
	font-size:20px;
}

dl.theater_list { /* 地域別のリスト */
	margin-top:10px;
	width:100%;
	position:relative;

	background-color:#D3D3D3;
}

dl.theater_list + h3.theater_type {
	margin-top:40px;
}

dl.theater_list>dt{
	display:block;
	width:5em;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height:1em;
	line-height:1em;
	position:absolute;
	margin:auto 0;
}

dl.theater_list>dt>div { /* 地域 */
	position:relative;
	text-align:center;
	display:block;
	color:#000;
}

dl.theater_list>dd {
	position:relative;
	left:5em;

	width:-webkit-calc(100% - 5em);
	width:calc(100% - 5em);
	background-color:#FFF;
}

dl.theater_list>dd>dl { /* 都道府県別のリスト */
	background-color:#FFF;
	margin-left:5px;
	width:-webkit-calc(100% - 7px);
	width:calc(100% - 7px);
	position:relative;

	border:1px solid #D3D3D3;
}

dl.theater_list>dd>dl+dl { /* 都道府県別の空隙 */
	margin-top:10px;
}

dl.theater_list>dd>dl>dt {
	display:block;
	width:6em;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height:1em;
	line-height:1em;
	position:absolute;
	margin:auto 0;
}

dl.theater_list>dd>dl>dt>div { /* 都道府県名 */
	position:relative;
	width:100%;
	text-align:center;
	display:block;
	color:#000;
}

dl.theater_list>dd>dl>dd {
	position:relative;
	padding-left:6em;
}

dl.theater_list>dd>dl>dd>dl { /* 劇場名+住所+Telのリスト */
	border-left:1px solid #D3D3D3;
	position:relative;
	border-top: 1px solid #D3D3D3;
}

dl.theater_list>dd>dl>dd:first-of-type>dl {
	border-top:none;
}

dl.theater_list>dd>dl>dd>dl>dt { /* 劇場名のbox */
	padding: 0 14px;
	display:block;
	width:16em; /* リバーウォーク北九州を基準とした横幅 */
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height:1em;
	line-height:1em;
	position:absolute;
	margin:auto 0;
}

dl.theater_list>dd>dl>dd>dl>dt>div { /* 劇場名 */
	width:100%;
	text-align:left;
	display:block;
}

dl.theater_list>dd>dl>dd>dl>dd { /* 住所+tel */
	margin-left:-webkit-calc(16em + 29px);
	margin-left:calc(16em + 29px);
	border-left: 1px solid #D3D3D3;
	padding:0 14px;
}

span.tel>a { /* pc版ではtelリンクなし */
	cursor:default;
	text-decoration:none;
	color:#000;
}

span.tel_func {
	margin-left:0.5em;
}

/* theater detail */
section.theater_detail .description {
	font-size:24px;
	line-height:48px;
}

section.theater_detail .image {
	margin-top:50px;
	width:100%;
}

section.theater_detail .image img {
	max-width:100%;
	display:block;
}

section.theater_detail dl.data {
	background-color:#EFEFEF;
	margin-top:30px;
	border-bottom:1px solid #D2D2D2;
	zoom: 100%;
	font-size:16px;
}

section.theater_detail dl.data:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

section.theater_detail dl.data dt {
	border-top:1px solid #D2D2D2;
	float:left;
	clear:left;
	width:143px;
	padding:10px 0 10px 17px;
	white-space:nowrap;
}

section.theater_detail dl.data dd {
	border-top:1px solid #D2D2D2;
	float:left;
	width:462px;
	padding:10px 17px;
	background-color:#FFF;
}

section.theater_detail dl.data dd small {
	font-size:14px;
}

section.theater_detail dl.data dd a {
	word-wrap:break-word;
	overflow-wrap:break-word;
}

section.theater_detail dl.data dd a span.url_func {
	display:inline;
	margin-left:0.5em;
}


/* theater specs */
ul.specs {
	margin-top:30px;
	zoom: 100%;
	margin-left:-10px;
	width:666px;
}

ul.specs:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

ul.specs li {
	display:block;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
	height:30px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
}

ul.specs li.ic_imax {
	background-image:url(../images/400theater/400theater_pc_spec_imax.jpg);
	width:118px;
} /* 118x22 */

ul.specs li.ic_mx4d {
	background-image:url(../images/400theater/400theater_pc_spec_mx4d.jpg);
	width:94px;
} /* 94x31 */

ul.specs li.ic_tlex {
	background-image:url(../images/400theater/400theater_pc_spec_tlex.jpg);
	width:79px;
} /* 79x29 */

ul.specs li.ic_dolby3d {
	background-image:url(../images/400theater/400theater_pc_spec_dolby3d.jpg);
	width:71px;
} /* 71x29 */

ul.specs li.ic_xpand {
	background-image:url(../images/400theater/400theater_pc_spec_xpand.jpg);
	width:64px;
} /* 64x29 */

ul.specs li.ic_dolby7 {
	background-image:url(../images/400theater/400theater_pc_spec_dolby7.jpg);
	width:85px;
} /* 85x29 */

ul.specs li.ic_masterimage {
	background-image:url(../images/400theater/400theater_pc_spec_masterimage.jpg);
	width:79px;
} /* 79x31 */

ul.specs li.ic_dolby {
	background-image:url(../images/400theater/400theater_pc_spec_dolby.jpg);
	width:150px;
} /* 150x29 */

ul.specs li.ic_dolbyatmos {
	background-image:url(../images/400theater/400theater_pc_spec_dolbyatmos.jpg);
	width:150px;
} /* 150x29 */

section.theater_detail .theater_map {
	margin-top:30px;
	width:100%;
	height:410px;
	background-color:#EFEFEF;
}

section.theater_detail .map + div {
	margin-top:10px;
}

section.theater_detail .page_navigation {
	margin-top:50px;
}

/* page:theater end */

/* -------------------------------------------- */
/* page: 500business -------------------------- */
/* -------------------------------------------- */


ul.list_with_dot {
	margin-left:1em;
}

ul.list_with_dot li:not(:last-child) {
	margin-bottom:0px;
}

ul.list_with_dot li::before {
	content:"・";
	margin-left:-1em;
}

.bt_area,
.box_right section>div.bt_area {
	margin-top:50px;
}

.button {
	border:none;
	display:block;
	text-align:center;
	color:#FFFFFF;
	margin:0 auto;
	width:500px;
	min-height:16px;
	line-height:16px;
	padding-top:25.5px;
	padding-bottom:25.5px;
	font-size:16px;
	font-weight:bold;
	cursor:pointer;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	background: #e90055; /* Old browsers */
	background: -moz-linear-gradient(top, #e90055 0%, #ad003f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e90055 0%,#ad003f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e90055 0%,#ad003f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e90055', endColorstr='#ad003f',GradientType=0 ); /* IE6-9 */
}

.button:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	text-decoration:none;
	color:#FFFFFF;
}

.button.disabled {
	background:#D2D2D2 !important;
	cursor:default;
}

.button.disabled:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

.button.gray {
	background: #737373; /* Old browsers */
	background: -moz-linear-gradient(top, #737373 0%, #4e4e4e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #737373 0%,#4e4e4e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #737373 0%,#4e4e4e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#737373', endColorstr='#4e4e4e',GradientType=0 ); /* IE6-9 */
}

.button small {
	font-size:14px;
}

.button small.smaller {
	font-size:12px;
}

.bt_area.for2 {
	/*white-space:nowrap;*/
}

.bt_area.for2 .button {
	display:block;
	float:left;
	width: 323px;
	width: -webkit-calc(50% - 5px);
	width: calc(50% - 5px);
}

.bt_area.for2 .button:first-child {
	margin-right:10px;
}

.bt_area.for3 {
	white-space:nowrap;
}

.bt_area.for3 .button {
	display:block;
	float:left;
	height:67px;
	line-height:1.2em;
	width: 212px;
	width: -webkit-calc((100% - 20px) / 3);
	width: calc((100% - 20px) / 3);
}

.bt_area.for3 .button {
	margin-right:10px;
}

.bt_area.for3 .button:last-child {
	margin-right:0px;
}

.bt_area.for3 .button.lines2,
.button.lines2 {
	padding-top:17px;
	padding-bottom:17px;
	height:auto;
	min-height:40px;
	line-height:1.2em;
	white-space:normal;
}

.bt_area.for3 .button.lines3 {
	padding-top:8px;
	min-height:58px;
	height:auto;
	line-height:1.2em;
	padding-bottom:8px;
	white-space:normal;
}

/* page:business end */

/* -------------------------------------------- */
/* page:job ----------------------------------- */
/* -------------------------------------------- */

.job_image,
.job_copy {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}

.job_image { /* basic size */
	height:402px;
	width:100%;
}

#job_content .box_right section>div + div,
#job_content .box_right section>ul + div {
	margin-top:20px;
}

#job_img00_01 {
	height:195px;
	background-image:url(../images/600job/600job_pc_01.jpg);
}

#job_img00_02 {
	width:100%;
	background-image:url(../images/600job/600job_pc_02.jpg);
}

#job_copy00_02 {
	width:100%;
	height:48px;
	background-image:url(../images/600job/600job_03.svg);
}

#job_content .page_navigation {
	margin-top:50px;
}

#job_img01_01 {
	background-image:url(../images/600job/610job_pc_01.jpg);
}

#job_img01_02 {
	background-image:url(../images/600job/610job_pc_02.jpg);
}

#job_img01_03 {
	height:253px;
	background-image:url(../images/600job/610job_03.svg);
}

#job_content .box_right section>ul.list_with_dot {
	margin-top:15px;
	font-weight:bold;
}

#job_img02_01 {
	background-image:url(../images/600job/620job_pc_01.jpg);
}

.job_img_box_for2>div{
	float:left;
}

.job_img_box_for2>div:first-child {
	margin-right:6px;
}

#job_img02_02 {
	width:325px;
	height:227px;
	background-image:url(../images/600job/620job_pc_02.jpg);
}

#job_img02_03 {
	width:325px;
	height:227px;
	background-image:url(../images/600job/620job_pc_03.jpg);
}

#job_img02_04 {
	background-image:url(../images/600job/620job_pc_04.jpg);
}

#job_img02_05 {
	background-image:url(../images/600job/620job_pc_05.jpg);
}

#job_img03_01 {
	background-image:url(../images/600job/630job_pc_01.jpg);
}

#job_img04_01 {
	width:275px;
	height:227px;
	background-image:url(../images/600job/640job_pc_01.jpg);
}

#job_img04_02 {
	width:375px;
	height:227px;
	background-image:url(../images/600job/640job_pc_02.jpg);
}

dl.job_schedule {
	margin-top:30px;
}

dl.job_schedule dt {
	color:#DE0051;
	font-size:18px;
	font-weight:bold;
	float:left;
	width:90px;
	display:block;
	margin-top:25px;
}

dl.job_schedule dd {
	width:565px;
	float:left;
	display:block;
	margin-top:25px;
}

dl.job_schedule dd h3 {
	color:#DE0051;
	font-size:18px;
	font-weight:bold;
}

dl.job_schedule dt:first-of-type,
dl.job_schedule dd:first-of-type {
	margin-top:0;
}

#job_img05_01 {
	background-image:url(../images/600job/650job_pc_01.jpg);
}

#job_img07_01 {
	height:195px;
	background-image:url(../images/600job/670job_pc_01.jpg);
}

#job_img07_02 {
	width:325px;
	height:227px;
	background-image:url(../images/600job/670job_pc_02.jpg);
}

#job_img07_03 {
	width:325px;
	height:227px;
	background-image:url(../images/600job/670job_pc_03.jpg);
}

#job_content .box_right section>div.job_image + div.job_img_box_for2 {
	margin-top:6px;
}

h3.redbox {
	border:2px solid #DE0051;
	height:36px;
	line-height:36px;
	padding-left:24px;
	color: #DE0051;
	font-size:20px;
	margin-top:30px;
}

#job_content .box_right section>div.jobdata_section {
	margin-top:30px;
}

#job_content .box_right section>div.jobdata_section + div.jobdata_section {
	margin-top:50px;
}

h4.redline {
	position:relative;
	color: #DE0051;
	font-size:18px;
	z-index:9;
	height:1em;
	display:block;
}

h4.redline span {
	background-color:#FFF;
	z-index:10;
	position:absolute;
	display:block;
	left:0;
	font-size:18px;
	line-height:1em;
	padding-right:10px;
	top:0;
	height:1em;
}

h4.redline::before {
	/*border-top:2px solid #DE0051;*/
	height:2px;
	background-color:#DE0051;

	content:"";
	position:absolute;
	top:6px;
	left:0;
	width:100%;
	z-index:9;
}

h4.redline + div {
	margin-top:20px;
}

dl.job_data {
	margin-top:30px;
}

/* table type 02 */
dl.table02 dt,
dl.table02 dd {
	border-top:1px solid #D2D2D2;
	padding:6px 0 6px 0;
	float:left;
	display:block;
	font-size:15px;
}

dl.table02 dt {
	width:156px;
	clear:left;
}

dl.table02 dd {
	width:500px;
}

dl.table02 dt:first-of-type,
dl.table02 dd:first-of-type {
	border-top:none;
}

dl.job_data dd ul {
	margin-left:1em;
}

dl.job_data dd ul li:not(:last-child) {
	margin-bottom:0px;
}

dl.job_data dd ul li::before {
	content:"・";
	margin-left:-1em;
}

#job_content .bt_area + h3.redbox {
	margin-top:55px;
}

#job_content h3.redbox + .bt_area,
#job_content h2 + .bt_area {
	margin-top:30px;
}

/* faq content are set together at inquiry section */

/* page:job end */

/* -------------------------------------------- */
/* page:inquiry ------------------------------- */
/* -------------------------------------------- */

.inquiry_faq dt,
.job_faq dt {
	display:block;
	background-color:#737373;
	color:#FFFFFF;
	font-size:22px;
	font-weight:bold;
	padding:14px 30px;
	min-height:22px;
	line-height:22px;

	margin-top:40px;
}

.inquiry_faq dt:first-child,
.job_faq dt:first-child {
	margin-top:0;
}

.inquiry_faq dd,
.job_faq dd {
	padding-left:5px;
	margin-top:20px;
}

.inquiry_faq ul.text_accordion li,
.job_faq ul.text_accordion li {
	margin-bottom:0.5em;
}

.inquiry_faq dd label,
.job_faq dd label {
	font-size:20px;
}

.job_faq dd label {
	display:block;
}

.job_faq dd label::before {
	vertical-align:top;
	margin-top:9px;
}

.job_faq dd label span.cap {
	display:inline-block;
	width:44px;
	vertical-align:top;
	text-align:right;
}

.job_faq dd label span.cap + span {
	display:inline-block;
	width:-webkit-calc(100% - 63px);
	width:calc(100% - 63px);
}

.job_faq dd div.ac_content span.cap {
	display:inline-block;
	width:44px;
	vertical-align:top;
	text-align:right;
}

.job_faq dd div.ac_content span.cap + span {
	display:inline-block;
	width:-webkit-calc(100% - 63px);
	width:calc(100% - 63px);
}

.inquiry_faq dd div.ac_content,
.job_faq dd div.ac_content {
	padding-left:1em;
	padding-bottom:1em;

}

input#pp_agreement_check {
	display:none;
}

.check_label {
	cursor:pointer;

	position: relative;
	display: inline-block;
	margin: 0;
	padding-left: 30px;
	vertical-align: middle;
	cursor: pointer;
}

/* check indicator box */

.check_label:hover:before {
	border-color: #5bb85b;
}

.check_label:before {
	position: absolute;
	top: 6px;
	left: 0;
	display: block;
	margin-top: 0px;
	width: 16px;
	height: 16px;
	border: 1px solid #d2d2d2;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	content: '';
}

input[type=checkbox]:checked + .check_label:before {
	background-color:#5bb85b;
	border-color:#5bb85b;
}

/* check indicator check */

.check_label:after {
	position: absolute;
	top: 6px;
	left: 6px;
	display: block;
	margin-top: 2px;
	width: 5px;
	height: 9px;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	content: '';
	opacity: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

input[type=checkbox]:checked + .check_label:after {
	opacity: 1;
}

.pp_link {
	margin-left:30px;
}

/* form */

span.ic_required {
	background-color: #ff0902;
	color: #FFF;
	padding: 0 6px;
	margin: 0 8px 0 0;
	height: 22px;
	line-height: 22px;
	font-size: 13px;
	margin-left: 0px;
	vertical-align: 2px;
	font-size: 13px;
	display: inline-block;
}

dt span.ic_required {
	margin: 0 0 0 8px;
	font-size: 13px;
}

form dl dt span.ic_required {
	font-size: 13px;
	vertical-align: 5px;
}

.translated-ltr dt span.ic_required,
.translated-ltr form span.ic_required {
	vertical-align: middle !important;
}

form dl dt {
	margin-top:50px;
	font-size:22px;
	vertical-align:middle;
}

form dl dt:first-child {
	margin-top:40px;
}

form dl dd {
	margin-top:10px;
	position:relative;
}

form input {
	font-size:18px;
}

form input[type="text"] {
	display:block;
	padding: 0 9px;
	width:99.5%;
	width:-webkit-calc(100% - 20px);
	width:calc(100% - 20px);
	border:1px solid #D2D2D2;
	height:38px;
	line-height:38px;
}

.twoinputs input[type="text"] {
	width:48%;
	width:-webkit-calc(50% - 26px);
	width:calc(50% - 26px);
	display:inline-block;
}

.twoinputs input[type="text"]:first-of-type  {
	margin-right:10px;

}

form textarea {
	width:-webkit-calc(100% - 18px);
	width:calc(100% - 18px);
	padding:9px;
	font-size:18px;
	resize:none;
	overflow-y: auto;
	border: 1px solid #d2d2d2;
}

/* custom pulldown select box made with radios */


.dropdown-el {
	z-index:120;
	min-width: 12em;
	max-width:calc(100% - 20px);
	max-height:39px;
	position: relative;
	display: inline-block;
	margin-right: 1em;
	overflow: hidden;
	cursor: pointer;
	text-align: left;
	white-space: wrap;
	color: #000;
	outline: none;
	border: 1px solid #D2D2D2;
	background-color: #fff;
}

.dropdown-el input {
	display: none;
}


.dropdown-el label,
.dropdown-el div.toplabel {
	display: block;
	line-height:19px;
	font-size:18px;
	padding: 10px 30px 10px 9px;
	cursor: pointer;
	position: relative;
}

.dropdown-el div.toplabel {
	/*margin-top: 40px;*/
	display: block;
	border-top: none;
	position: relative;
	white-space:nowrap;
	overflow:hidden;
}

.dropdown-el input:checked + label { /* 既選択の選択肢(最上部に移動) */
	/*display: block;
	border-top: none;
	position: absolute;
	white-space:nowrap;
	overflow:hidden;
	top: 0;*/
}

.dropdown-el input:checked + label:hover {
	color:#000;
	background-color:#FFF;
}

/*
.dropdown-el input:checked + label:nth-child(2) {
	margin-top: 0;
	position: relative;
}*/

.dropdown-el::after {
	content: "";
	position: absolute;
	right: 0.8em;
	top: 1.2em;
	border: 0.3em solid #000;
	border-color: #000 transparent transparent transparent;
}
.dropdown-el.expanded {
	border: 1px solid #d2d2d2;
	background: #fff;
	border-radius: .5em;
	padding: 0;
	box-shadow: rgba(0, 0, 0, 0.4) 0 0 15px 0px;
	/*max-height: 15em;*/
}
.dropdown-el.expanded label {
}
.dropdown-el.expanded label:hover { /* 展開時の色 */
	color: #fff;
	background-color:#479aff;
}

.dropdown-el.expanded input:checked + label {
	color: #3694d7;
}
/*
.dropdown-el.expanded::after {
	transform: rotate(-180deg);
	top: .55em;
}
*/

/* validation */

form.validate label.error, label.error {
	color: #FFFFFF;
	background-color:#FF0902;
	padding:4px 8px;
	width:-webkit-calc(100% - 16px);
	width:calc(100% - 16px);
	display:block;
	margin-bottom:8px;
}

form.validate input.error,
form.validate span.dropdown-el.error {
	box-shadow:0px 0px 6px 1px #FF0902;
}

/* confirm */

dl.form_confirm {
	margin-top:50px;
	font-size:18px;
	border-bottom:1px solid #D2D2D2;
	padding-bottom:50px;
	margin-bottom:20px;
}

dl.form_confirm dt,
dl.form_confirm dd {
	float:left;
	border-top:1px solid #D2D2D2;
	padding-top:14px;
	margin-top:15px;
}

dl.form_confirm dt:first-of-type,
dl.form_confirm dd:first-of-type {
	border-top:none;
}

dl.form_confirm dt {
	width:258px;
	clear:left;
}

dl.form_confirm dd {
	width:398px;
}

/* public form */
ul.radio_list li {
	display:inline-block;
}

ul.radio_list label {
	display:inline-block;
	line-height:24px;
	font-size:14px;
	height:24px;
	cursor:pointer;

	padding-left:25px;
	padding-right:8px;
	margin-right:8px;
	background:url(../images/common/form_circle_off.svg) 4px center no-repeat;
	background-size:16px 16px;
	border:1px solid #D2D2D2;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;

	background-color:#FFF;
}

ul.radio_list input[type="radio"] {
	display:none;
	width:1em;
	margin:0;
}

ul.radio_list input[type="radio"]:checked + label {
	background:url(../images/common/form_circle_on.svg) 4px center no-repeat;
	background-size:16px 16px;
}



/* page:inquiry end */


/* -------------------------------------------- */
/* page:privacy policy ------------------------ */
/* -------------------------------------------- */

section div#pp_body {
	background-color:#FFF1C5;
	padding:50px;
}

section div#pp_body h3 {
	font-size:22px;
	margin-top:40px;
}

section div#pp_body h3 + p,
section div#pp_body h3 + ul,
section div#pp_body h3 + ol {
	margin-top:0.7em;
}
section div#pp_body ul,
section div#pp_body ol {
	padding-left:2.4em;
}

section div#pp_body ul li {
	list-style-type:none;
}

section div#pp_body ul li::before {
	content:'・';
	width:2em;
	margin-left:-2.4em;
	margin-right:0.4em;
	text-align:right;
	display:inline-block;
}

section div#pp_body ol li {
	list-style-type:decimal;
}

section div#pp_body ol li:not(:last-child) {
	margin-bottom:0.7em;
}

/* page:privacy policy end */

/* -------------------------------------------- */
/* footer ------------------------------------- */
/* -------------------------------------------- */

#footer {
	width:100%;
	min-width:1000px;
	margin-top:90px;
	background-color:#EFEFEF;
}

#footer_content_box {
	width:1000px;
	margin:0 auto 0 auto;
	padding:34px 0 55px 0;
	position:relative;
	z-index:10;
}

ul#fnavi {
	width:1000px;
	margin:0 auto 0 auto;
	display:block;
}

ul#fnavi>li {
	width:250px;
	display:block;
	float:left;
}

ul#fnavi>li>label,
ul#fnavi>li>a,
ul#fnavi>li>span {
	font-size:16px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	cursor:default;
}

ul#fnavi>li>ul>li>a {
	font-size:15px;
}

ul#fnavi>li>ul>li {
	line-height:1.8em;
}

ul#fnavi>li>ul+ul {
	margin-top:1em;
}

#footer_content_box #bt_scrolltop {
	display:none;
	position:absolute;
	right:-67px;
	bottom:10px;
	width:67px;
	height:67px;
	background:url(../images/common/page_up_pc.png);
	z-index:12;
}

@media (max-width: 1067px) {
	#footer_content_box #bt_scrolltop {
		right:0;
	}
}

#footer #bottom_links {
	height:57px;
	background-color:#242424;
	text-align:center;
	z-index:11;

}

#footer #bottom_links>div {
	width:1000px;
	margin: 0 auto;
	position:relative;
}

#footer #bottom_links a {
	font-size:15px;
	color:#FFFFFF;
	line-height:57px;
}

#footer #bottom_links a.text+a.text {
	margin-left:2em;
}

#footer #bottom_links>div>a.icon {
	position:absolute;
	width:29px;
	height:29px;
	display:block;
	background-size:100% 100%;
}

#footer #bottom_links>div>a#ic_facebook {
	background:url(../images/common/FB-fLogo_2016.svg);
	left:0;
	top:14px;
}

#footer #bottom_links>div>a#ic_twitter {
	background:url(../images/common/Twitter_logo.svg);
	left:48px;
	top:14px;
}

#copyright {
	width:100%;
	min-width:1000px;
	background-color:#FFFFFF;
	font-size:12px;
	height:57px;
	line-height:57px;
	text-align:center;
}

#mask {
	background-color:rgba(0,0,0,0.5);
	width:100%;
	height:100%;
	display:none;
	position:absolute;
	z-index:110;
	top:0;
}

#bt_scrolltop_fixed {
	position:fixed;

	left:-webkit-calc(50% + 500px);
	left:calc(50% + 500px);
	/*bottom:122px;*/
	bottom:32px;
	width:67px;
	height:67px;
	background:url(../images/common/page_up_pc.png);
	z-index:12;
}

@media (max-width: 1134px) {
	#bt_scrolltop_fixed {
		/*left:-webkit-calc(50% + 433px);
		left:calc(50% + 433px);*/
		left: auto;
		right: 32px;
	}
}