@charset "utf-8";

/* for smartphones */
/*@media only screen and (max-width : 667px) {*/

/*
@media only screen and (max-device-width : 1024px) and (orientation : landscape),
only screen and (max-device-width : 768px) and (orientation : portrait) {
*/

@media only screen and (max-width : 1024px) {

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

body {
	font-size:14px;
	line-height:24px;
}

.show_only_pc {
	display:none !important;
}

.show_only_mobile {
	display:block !important;
}

.show_only_mobile.inline {
	display:inline !important;
}

.show_only_pc.inline {
	display:none !important;
}

#header, #footer, .head_visual, #top_content {
	width:100%;
	margin:0;
	min-width:320px;
}

h1 {
	font-size:18px;
	font-weight:normal;
	line-height:60px;
	border-left: 3px solid #DE0051;
	/*height:28px;*/
	line-height:28px;
	padding:16px 0 16px 18px;

	margin: 40px 0 20px 0;
}

h2 {
	font-size:15px;
	font-weight:bold;
	line-height:25px;

	margin: 30px 0 20px 0;
}

h2 small {
	font-size:13px;
	display:block;
	margin-left:16px;
}

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

#header {
	height:74px;
	min-height:auto;
}

#header a#logo {
	width:100px;
	height:46px;
	background-size:100px 46px;
	left:20px;
	top:14px;
}

#gnavi {
	display:none;
}

/* menu button for mobile only */

#bt_menu_open {
	position:absolute;
	right:0;
	top:0;
	width:74px;
	height:74px;
	display:block;
	background-color:#EFEFEF;
}

#bt_menu_open span {
	left:25px;
	top:28px;
}

#bt_menu_open span, #bt_menu_open span:before, #bt_menu_open span:after {
	content: '';
	position: absolute;
	height: 2px;
	width: 24px;
	background: #000000;
	display: block;
	cursor: pointer;
}

#bt_menu_open span:before {
	bottom: -8px;
}

#bt_menu_open span:after {
	bottom: -16px;
}

#bt_menu_open_chkbox:checked ~ #gnavi {
	display:block;
	transition: 0.4s; /* animation speed */
}

#bt_menu_close {
	display:block;
	width:100%;
	background-color:#EFEFEF;
	height:74px;
}

ul#gnavi {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	min-height:auto;
	margin-top:0;
}

ul#gnavi>li {
	width:-webkit-calc(100% - 2px);
	width:calc(100% - 2px);
	float:none;
	border:1px solid #000;
	border-top:none;
	background-color:#EFEFEF;
	min-height:54px;
	height:auto;
}

ul#gnavi>li>a,
ul#gnavi>li>label {
	height:54px;
	line-height:54px;
}

ul#gnavi>li:nth-child(2) {
	border-top:1px solid #000;
}

ul#gnavi>li#bt_menu_close {
	width:100%;
	border:none;
	height:74px;
	position:rerative;
}

ul#gnavi>li.noborder {
	width:100%;
}

ul#gnavi>li#bt_menu_close>label {
	width:74px;
	height:74px;
	display:block;
	position:absolute;
	right:0;
	top:0;
	padding:0;
}

.ic_cancel{
	display: inline-block;
	position: absolute;
	left:35px;/* bcz it's vertical line */
	top:15px;
	margin: 0;
	width: 4px;
	height: 44px;
	background: #737373;
	transform: rotate(45deg);
}

.ic_cancel:before{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: -20px;
	width: 44px;
	height: 4px;
	margin-top: -2px;
	background: #737373;
}

/* reset for 2nd layers of gnavi */
ul#gnavi>li>ul {
	position:relative;
	width:100%;
	left:0;
	top:0;
	-webkit-transform: none;
	transform: none;
}

ul#gnavi>li>ul>li {
	width:100%;
	border:none;
}

ul#gnavi>li>a,
ul#gnavi>li>label {
	padding:0 0 0 20px;
	position:relative;
}

ul#gnavi>li>ul>li:first-child {
	border-top:1px solid #000;
}

ul#gnavi>li>ul>li>a {
	background-color:#EFEFEF;
	color:#000;
	height:54px;
	line-height:54px;
}

ul#gnavi ul>li:first-child>a::before {
	display:none;
}

ul#gnavi>li>ul>li>a::after {
	display:none;
}

ul#gnavi>li:hover ul {
	overflow:hidden;
	opacity: 0;
	height:0;
}

/* -------------------------------------------- */
/* css accordion ------------------------------ */
/* -------------------------------------------- */
/* icon ">" */
/*
.ic_arrow {
	display: block;
	color: #000;
}

.ic_arrow::before {
	display:block;
	content: "";
	position: absolute;
	top: 0;
	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 {
	display:block;
}

#fnavi .ic_arrow::before {
	display:block;
}

ul#fnavi .ic_arrow::before {
	border-top: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
}

/* icon ">" end */

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

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

/* css accordion end */

ul#gnavi>li:last-child {
	padding-bottom:20px;
}

#header #header_translate_li {
	position:relative;
	right:auto;
	left:auto;
	top:0;
}

#header #header_translate_box {
	padding:20px 0;
	text-align:center;
	border:none;
	display:block;

}

ul#gnavi>li label#bt_menu_close_bottom {
	color:#FFF;
	background-color:#737373;
	padding:8px 0;
	height:1em;
	width:125px;
	text-align:center;
	line-height:1em;
	margin:0 auto;
}

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

.head_visual {
	background-size:contain !important;
	height:66px !important;
	background-size: cover !important;
	background-position: left center !important;
}

#hv_top {
	width:100%;
	height:164px !important;
	height:-webkit-calc( 100vw * 0.43 ) !important;
	height:calc( 100vw * 0.43 ) !important;
	background-size:cover !important;
	background-image:none;
}

#hv_top>div,
#hv_top>a {
	width:100%;
	height:164px !important;
	height:-webkit-calc( 100vw * 0.43 ) !important;
	height:calc( 100vw * 0.43 ) !important;
	background-size:cover !important;
	background-image:none;
}

#hv_about { background-image:url(../images/100about/100about_sp_main@100.jpg); }
#hv_news { background-image:url(../images/200news/200news_sp_main@100.jpg); }
#hv_service { background-image:url(../images/300service/300service_sp_main@100.jpg); }
#hv_theater { background-image:url(../images/400theater/400theater_sp_main@100.jpg); }
#hv_business { background-image:url(../images/500business/500business_sp_main@100.jpg); }

@media (min-resolution: 2dppx),
(-webkit-min-device-pixel-ratio: 2),
(min-width : 376px) {

	#hv_top { background-image: url(../images/000top/000top_sp_main@200.jpg); }
	#hv_about { background-image:url(../images/100about/100about_sp_main@200.jpg); }
	#hv_news { background-image:url(../images/200news/200news_sp_main@200.jpg); }
	#hv_service { background-image:url(../images/300service/300service_sp_main@200.jpg); }
	#hv_theater { background-image:url(../images/400theater/400theater_sp_main@200.jpg); }
	#hv_business { background-image:url(../images/500business/500business_sp_main@200.jpg); }
}

@media (min-resolution: 3dppx),
(-webkit-min-device-pixel-ratio: 3),
(min-width : 751px) {

	#hv_top { background-image: url(../images/000top/000top_sp_main@300.jpg); }
	#hv_about { background-image:url(../images/100about/100about_sp_main@300.jpg); }
	#hv_news { background-image:url(../images/200news/200news_sp_main@300.jpg); }
	#hv_service { background-image:url(../images/300service/300service_sp_main@300.jpg); }
	#hv_theater { background-image:url(../images/400theater/400theater_sp_main@300.jpg); }
	#hv_business { background-image:url(../images/500business/500business_sp_main@300.jpg); }
}

#hv_top #hv_text,
#hv_inquiry #hv_text,
#hv_pp #hv_text,
#hv_error #hv_text,
#hv_text  {
	font-weight:bold;
	white-space:nowrap;
	top:28%;
	font-size:20px;
	width:12em;
	left:-100%;
	right:-100%;
	margin:auto;
	line-height:1.5em;
}

/* top slider; overwrite jquery.bxslider.tjoy.css */
.bx-wrapper .bx-controls-direction {
	display:none !important;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	width: 26px !important;
	height: 5px !important;
	margin: 0 2px !important;
	-moz-border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	border-radius: 3px !important;
}

.bx-pager {
	bottom: -18px !important;
}

div.bx-wrapper {
	margin: 0 auto 50px auto !important;
	min-width:100% !important;
}

#top_content h3 {
	width:100%;
	font-size:18px;
	margin:22px auto 0 auto;
}

#news_head_block {
	width:-webkit-calc(100% - 40px);
	width:calc(100% - 40px);
	padding:0 20px;
	margin-top:20px;
}

#news_head_block ul#news_tab_box {
	margin-bottom:30px;
}

#news_head_block ul#news_tab_box li {
	width:50%;
}

#news_head_block ul#news_tab_box li a {
	width:100%;
}

ul#news_list>li {
	background-color:transparent !important;
	margin:0 20px;
	border-bottom:1px solid #E1E1E1;
	min-width:auto;
}

ul#news_list>li>div {
	width:100%;
	padding:16px 0 13px 0;
}

ul#news_list>li>div>div.date {
	font-size:14px;
	line-height:18px;
	width:7em;
}

ul#news_list>li>div>div.icon {
	font-size:12px;
	line-height:18px;
	min-height:18px;
	margin-top:0;
	position:relative;
}

ul#news_list>li>div>div.title {
	clear:left;
	float:none;
	width:100%;
	padding-top:0.4em;
	font-size:14px;
	line-height:24px;
}

ul#news_list>li.news_noicon>div>div.title {
	width:100%;
}

ul#news_list>li.news_noicon>div>div.icon  {
	display:block;
	width:0px;
	height:1em;
	font-size:1px;
	white-space:nowrap;
}

ul#news_list>li.new .icon::after {
	content:"NEW";
	background-color: #FF0000;
	line-height: 18px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0 10px;
	top:0;
	right: -5em;
	margin-left: 16px;
	display: block;
	float:left;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	position:absolute;
}

ul#news_list>li.news_noicon.new .icon::after {
	right:-4em;
}

ul#news_list>li.new>div>div.title>a::after {
	display:none;
}

#news_bottom_btn_block {
	width:auto;
	margin:20px 20px 0 0;
}

#top_banner_block {
	margin-top:20px;
	min-width:auto !important;
}

ul#banner_list {
	width:-webkit-calc(100% - 40px);
	width:calc(100% - 40px);
	padding: 20px;
}

ul#banner_list li {
	margin-right:8px;
	margin-bottom:8px;

	width:-webkit-calc(50% - 4px);
	width:calc(50% - 4px);

}

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

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

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

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

ul#banner_list li a {
	width:100%;

	height: -webkit-calc((100vw - 48px)*0.37);
	height: calc((100vw - 48px)*0.37);
	background-size:cover;

	display:table;
}

ul#banner_list li a>div {
	width:100%;
	display:table-row;
}

ul#banner_list li a>div>span {
	line-height:1.5em;
	height:50px;
	min-width:100%;
	max-width:100%;
	width:100%;
	width:-webkit-calc(50vw - 24px);
	width:calc(50vw - 24px);
	white-space:nowrap;
	vertical-align:middle;
	text-align:center;
	display:table-cell;
}

.translated-ltr ul#banner_list li a>div>span {
	white-space:normal;
}

ul#banner_list li a#bn_about_tjoy      { background-image: url(../images/000top/000top_sp_01@100.jpg); }
ul#banner_list li a#bn_about_kinezo    { background-image: url(../images/000top/000top_sp_02@100.jpg); }
ul#banner_list li a#bn_about_recruit   { background-image: url(../images/000top/000top_sp_03@100.jpg); }
ul#banner_list li a#bn_howtouse_kinezo { background-image: url(../images/000top/000top_sp_04@100.jpg); }

@media (min-resolution: 2dppx),
(-webkit-min-device-pixel-ratio: 2),
(min-width : 376px) {
	ul#banner_list li a#bn_about_tjoy      { background-image: url(../images/000top/000top_sp_01@200.jpg); }
	ul#banner_list li a#bn_about_kinezo    { background-image: url(../images/000top/000top_sp_02@200.jpg); }
	ul#banner_list li a#bn_about_recruit   { background-image: url(../images/000top/000top_sp_03@200.jpg); }
	ul#banner_list li a#bn_howtouse_kinezo { background-image: url(../images/000top/000top_sp_04@200.jpg); }
}

@media (min-resolution: 3dppx),
(-webkit-min-device-pixel-ratio: 3),
(min-width : 751px) {
	ul#banner_list li a#bn_about_tjoy      { background-image: url(../images/000top/000top_sp_01@300.jpg); }
	ul#banner_list li a#bn_about_kinezo    { background-image: url(../images/000top/000top_sp_02@300.jpg); }
	ul#banner_list li a#bn_about_recruit   { background-image: url(../images/000top/000top_sp_03@300.jpg); }
	ul#banner_list li a#bn_howtouse_kinezo { background-image: url(../images/000top/000top_sp_04@300.jpg); }
}

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

section.contents {
	width:-webkit-calc(100% - 40px);
	width:calc(100% - 40px);
	display:block;
	margin:40px 20px 0 20px;
}

ul#bc {
	display:none;
}

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

.box_right { /* コンテンツ領域 */
	float:none;
	width:100%;
	margin-left:0px;
}

.box_left { /* ローカルナビ領域 */
	width:100%;
	float:none;

	margin-top:30px;
}

.box_single {
	width:100%;
	float:none;
}

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

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

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

div.scbox h3 {
	text-align:center;
	font-size:18px;
	min-height:1em;
	margin-bottom:20px;
	margin-top:14px;
	font-weight:normal;
}

div.scbox h4 {
	text-align:center;
	font-weight:normal;
	background-color:#000;
	color:#FFF;
	font-size:15px;
	line-height:1.5em;
	height:auto;
	margin-bottom:15px;
	padding: 10px 10px 8px 10px;
	/*white-space:nowrap;*/
}

/* table type 01 */
dl.table01 dt,
dl.table01 dd{
	border-top:none;
	padding:6px 0 6px 5px;
	float:none;
	display:block;

	width:-webkit-calc(100% - 6px);
	width:calc(100% - 6px);
}

dl.table01 dt {
	clear:left;
	background-color:#E1E1E1;
}

dl.table01 dd {
}

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

.about_map {
	width:100%;
	width:-webkit-calc(100vw - 40px);
	width:calc(100vw - 40px);
	height:210px;
	margin-top:10px;
	margin-left:-6px;
}

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

dl.table01.history dt.year {
	width:-webkit-calc(100% - 5px);
	width:calc(100% - 5px);
	float:none;
	font-size:15px;
	text-align:left;
	padding-right:5px;
}

dl.table01.history dt.date {
	width:-webkit-calc(100% - 5px);
	width:calc(100% - 5px);
	float:none;
	font-size:15px;
	text-align:left;
	background-color:transparent;
}

/* 沿革テキスト */
dl.table01.history dd {
	width:-webkit-calc(100% - 5px);
	width:calc(100% - 5px);
	padding-left:5px;
	padding-top:0;
	padding-bottom:10px;
}

/* 同一年内の2行目以降 */
dl.table01.history.same-year dt,
dl.table01.history.same-year dd {
	padding-top:0px;
}

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

/* partners */
dl.table01.partners dd ul li {
	padding-top:7px;
}

dl.table01.partners dd ul li:last-child {
	padding-bottom:7px;
}

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

#news_content.contents {
	width:100%;
	margin:0;
}

#news_content > .pseudo_content_block {
	margin:0 20px;
	width:-webkit-calc(100% - 40px);
	width:calc(100% - 40px);
}

#news_head_block ul#news_year_box,
#news_head_block ul#news_genre_box {
	margin-bottom:20px;
	margin-left:-8px;
	width:-webkit-calc(100% + 8px);
	width:calc(100% + 8px);
}

#news_head_block ul#news_year_box li {
	width:-webkit-calc((100% - 32px)/4);
	width:calc((100% - 32px)/4);
	margin: 0 0 8px 8px;
	padding: 0;
	text-align:center;
}

#news_head_block ul#news_year_box li a {
	padding:0;
	margin:0;
}

#news_head_block ul#news_genre_box li {
	margin: 0 0 8px 8px;
	text-align:center;
}
#news_head_block ul#news_genre_box li a {
	padding:0 8px;
	margin:0;
}

/* news entry */
.news_entry {
	width:100%;
}

.news_entry h3 {
	font-size:15px;
	font-weight:normal;
	line-height:1.8em;
}

.news_entry ul#news_list>li {
	margin:0;
	border-bottom:none;
}

.news_entry ul#news_list>li>div {
	padding-top:30px;
}

.news_entry ul#news_list>li>div>div.text,
.news_entry ul#news_list>li.new>div>div.text,
.news_entry ul#news_list>li.news_noicon>div>div.text,
.news_entry ul#news_list>li.news_noicon.new>div>div.text {
	margin-top:30px;
	width:100%;
	padding-left:0;
}

.news_entry ul#news_list>li.new>div>div.text::before {
	display:none;
}

.news_entry ul#news_list>li.new>div>div.text p+p {
	margin-top:1em;
}

.page_navigation {
	margin-bottom:30px;
	margin-top:45px;
}

/* -------------------------------------------- */
/* page:service ------------------------------- */
/* -------------------------------------------- */


#service_kinezo_logo {
	width:233px;
	height:97px;
	margin:40px 0 50px 0;
	max-width:100%;
}

dl.service_speciality {
	width:100%;
}

dl.service_speciality dt,
.translated-ltr dl.service_speciality dt {
	border-radius:6px 6px 0 0;
	-moz-border-radius:6px 6px 0 0;
	-webkit-border-radius:6px 6px 0 0;

	font-size:20px;

	position:relative;
	display:block;
	width:100%;
	height:38px;
	line-height:38px;
	left:0;
	top:0px;
	bottom:0px;
	margin:auto;

	text-align:center;
}



dl#service_speciality03 dt {
	height:38px;
}

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

	float:none;
	width:100%;
}

dl.service_speciality dd ul {
	margin:0;
	padding:14px 5px 14px 10px;
}

#service_kinepass_logo {
	margin-bottom:16px;
	background-image: url(../images/300service/300service_sp_kinepass@100.jpg);
}

@media (min-resolution: 2dppx),
(-webkit-min-device-pixel-ratio: 2),
(min-width : 376px) {
	#service_kinepass_logo { background-image: url(../images/300service/300service_sp_kinepass@200.jpg); }
}

@media (min-resolution: 3dppx),
(-webkit-min-device-pixel-ratio: 3),
(min-width : 751px) {
	#service_kinepass_logo { background-image: url(../images/300service/300service_sp_kinepass@300.jpg); }
}

ul.text_accordion .ic_arrow::before {
	background: url(../images/common/accordion_icon.svg) no-repeat;
	background-size: 9px 12px;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	content: "";
	width: 9px;
	height: 12px;
	display: inline-block !important;
	margin-right: 5px;
	position:relative;
	border:none;
	right:0;
}

dl.service_dl {
	width:-webkit-calc(100% - 32px);
	width:calc(100% - 32px);
	padding:10px 14px;
	position:relative;
	margin-top:18px;
}

dl.service_dl dt {
	float:none;
	white-space:nowrap;
	width:100%;
	text-align:center;
	margin-bottom:6px;
}

dl.service_dl dd {
	float:left;
	position:relative;
}

dd.service_dl_ios {
	top:0;
	right:0;
	width:-webkit-calc((100% - 10px)/373*166);
	width:calc((100% - 10px)/373*166);
	margin-right:10px;
}

dd.service_dl_android {
	top:0;
	right:0;
	width:-webkit-calc((100% - 10px)/373*207);
	width:calc((100% - 10px)/373*207);
}

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

}

dd.service_dl_ios a {
	width:100%;
	height:auto;
	min-height:50px;
}

dd.service_dl_android a {
	width:100%;
	height:auto;
	min-height:50px;
}

/* service 310 */
ul#service_tabs_box {
	width:100%;
	width:-webkit-calc(100vw - 40px);
	width:calc(100vw - 40px);
}

ul#service_tabs_box.fixed {
	position:fixed;
	width:-webkit-calc(100% - 40px);
	width:calc(100% - 40px);
	top:0;
	left:20px;
}

ul#service_tabs_box li {
	width:32px;
	width:-webkit-calc((100% - 12px)/3);
	width:calc((100% - 12px)/3);
}

_:-ms-lang(x), ul#service_tabs_box li { /* ie10 */
	width:32px;
	width:calc((100% - 12px)/3 - 1px);
}

_:-ms-lang(x)::-ms-backdrop, ul#service_tabs_box li { /* ie11 */
	width:32px;
	width:calc((100% - 12px)/3 - 1px);
}

.translated-ltr ul#service_tabs_box li span:last-child {
	white-space:normal !important;
	font-size:80%;
	line-height:14px;
}

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

ul#service_tabs_box li span:first-child {
	font-size:14px;
}

ul#service_tabs_box li span:last-child {
	font-size:15px;
	white-space:nowrap;
}

/* 以下、#service_tab_c0x_img0x はPC画面を狭くしたときにPC用スクリーンショットを出すための記述 */
/* 画像サイズ幅＜ウィンドウ幅 まではPC版と同じ */

@media (max-width : 609px) { /* 569px;image-max + margin 40px */
	#service_tab_c01_img01 {
		width:100%;
		height:-webkit-calc((100vw - 40px)/569*363);
		height:calc((100vw - 40px)/569*363);
		background-size:contain;
	}
}

@media (max-width : 361px) { /* 321px;image-max + margin 40px */
	#service_tab_c02_img01 {
		width:100%;
		height:-webkit-calc((100vw - 40px)/321*192);
		height:calc((100vw - 40px)/321*192);
		background-size:contain;
	}
}

@media (max-width : 506px) { /* 466px;image-max + margin 40px */
	#service_tab_c03_img01 {
		width:100%;
		height:-webkit-calc((100vw - 40px)/466*215);
		height:calc((100vw - 40px)/466*215);
		background-size:contain;
	}
}

.button {
	width:260px;
	min-height:16px;
	line-height:16px;
	font-size:16px;
	font-weight:bold;
}

/* -------------------------------------------- */
/* theater ------------------------------------ */
/* -------------------------------------------- */

h3.theater_type {
	width:-webkit-calc(100% - 10px);
	width:calc(100% - 10px);
	padding-left:10px;
	height:25px;
	line-height:25px;
	font-size:14px;
}

dl.theater_list { /* 地域別のリスト */
	margin-top:20px;
	background-color:transparent;
}

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

dl.theater_list>dt{
	display:block;
	width:100%;
	height:25px;
	line-height:25px;
	position:relative;
	margin:0 0;
	background-color:#D3D3D3;
}

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

dl.theater_list>dd {
	position:relative;
	left:0em;
	width:100%;
	background-color:#FFF;
	margin-top:10px;
}

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

	border:none;
}

dl.theater_list>dd>dl>dt {
	display:block;
	width:auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height:25px;
	line-height:25px;
	position:relative;
	margin:0 0;
	border:1px solid #D3D3D3;
}

dl.theater_list>dd>dl>dt>div { /* 都道府県名 */
	position:relative;
	width:-webkit-calc( 100% - 9px );
	width:calc( 100% - 9px );
	text-align:left;
	padding-left:9px;
	display:block;
	color:#000;
}

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

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

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

dl.theater_list>dd>dl>dd>dl>dt { /* 劇場名のbox */
	padding: 0 0;
	width:100%;
	height:25px;
	line-height:25px;
	position:relative;
	margin:15px 0 0 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:0;
	border-left: none;
	padding:0 0;
}

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

ul.list_with_circle.horizontal li {
	display:block;
	margin-left:0;
}

span.tel>a {
	cursor:pointer;
	text-decoration:inherit;
	color:#0050C8;
}

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

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

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

.bt_area.for3 .button,
.bt_area.for3 .button:last-child {
	float:none;
	width:100%;
	margin-bottom:15px;
	margin-right:auto;
	margin-left:auto;
	max-width:260px;
}

.bt_area.for3 .button.lines2 {
	padding-top:13px;
	padding-bottom:13px;
	line-height:1.2em;
	min-height:16px;
}

.bt_area.for3 .button.lines3 {

	min-height:32px;
	padding-top:7px;
	padding-bottom:7px;
}

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

.inquiry_faq dt,
.job_faq dt {
	font-size:15px;
	font-weight:normal;
	margin-top:30px;
	min-height:15px;
	padding:14px 15px;
}

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

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

.inquiry_faq dd label::before,
.job_faq  dd label::before {
	background-position: center center;
}

.inquiry_faq dd div.ac_content {
	padding-left:1em;
	padding-bottom:0.5em;
}

.job_faq  dd div.ac_content {
	padding-left:0;
	padding-bottom:0.5em;
}

.job_faq dd label::before {
	margin-top:7px;
}

.job_faq dd label span.cap {
	width:28px;
}

.job_faq dd label span.cap + span {
	width:calc(100% - 49px);
}

.job_faq dd div.ac_content span.cap {
	width:47px;
}

.job_faq dd div.ac_content span.cap + span {
	width:calc(100% - 47px);
}

/* check indicator box */
.check_label:before {
	top: 3px;
	margin-top: 0px;
}

/* check indicator check */

.check_label:after {
	top: 0;
	margin-top: 4px;
}

/* form */
span.ic_required {
	padding:0 6px;
	margin:0 8px 0 0;
	height:19px;
	line-height:19px;
	font-size:12px;
	vertical-align:2px;
}

dt span.ic_required {
	margin: 0 0 0 8px;
}

.dropdown-el {
	width:-webkit-calc(100% - 2px);
	width:calc(100% - 2px);
}

.dropdown-el label,
.dropdown-el div.toplabel {
	font-size:15px;
	padding-left:25px;
	padding-right:8px;
	margin-left:8px;
	margin-right:8px;
	background:url(../images/common/form_circle_off.svg) left center no-repeat;
	background-size: 20px 20px;
	width:-webkit-calc(100% - 49px);
	width:calc(100% - 49px);
}

.dropdown-el label:nth-child(n+2) {
	border-top:1px solid #D2D2D2;
	margin-right
}

/**/
.dropdown-el div.toplabel {
	background:none;
	padding-left:8px;
	padding-right:8px;
	margin-right:30px;
	margin-left:0px;
	border-top:none;
	width:-webkit-calc(100% - 54px);
	width:calc(100% - 54px);
	max-height:39px;
}

.dropdown-el.expanded input:checked + label {
	background:url(../images/common/form_circle_on.svg) left center no-repeat;
	background-size: 20px 20px;
	color:#000;
}

.dropdown-el.expanded label:hover { /* 展開時の色 */
	color: #000;
	background-color:transparent;
}

/* form - confirm */

dl.form_confirm {
	margin-top:40px;
	font-size:16px;
	border-bottom:none;
	padding-bottom:0px;
	margin-bottom:12px;
}

dl.form_confirm dt,
dl.form_confirm dd {
	float:none;
	border-top:none;
}

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

dl.form_confirm dt {
	width:100%;
	clear:left;
	margin-top:8px;
	padding-top:30px;
	border-top:1px solid #D2D2D2;
}

dl.form_confirm dd {
	width:100%;
	margin-top:0px;
	padding-top:18px;
	border-top:none;
}

span.needborder_onlysp {
	display:block;
	border:1px solid #D2D2D2;
	padding:8px;
	font-size:14px;
	width:-webkit-calc(100% - 18px);
	width:calc(100% - 18px);
}

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

ul.radio_list li + li {
	margin-top: 10px;
}

/* -------------------------------------------- */
/* 400theater --------------------------------- */
/* -------------------------------------------- */

section.theater_detail .description {
	font-size:15px;
	line-height:30px;
}

section.theater_detail .image {
	margin-top:20px;
}

section.theater_detail dl.data {
	background-color:transparent;
	margin-top:20px;
	border-bottom:none;
	font-size:14px;
}

section.theater_detail dl.data dt {
	border-top:none;
	float:none;
	width:-webkit-calc(100% - 20px);
	width:calc(100% - 20px);
	padding:6px 10px;
	white-space:normal;
	background-color:#E1E1E1;
	line-height:1em;
}

section.theater_detail dl.data dd {
	border-top:none;
	float:none;
	width:-webkit-calc(100% - 20px);
	width:calc(100% - 20px);
	padding:6px 10px;
	background-color:#FFF;
}

section.theater_detail dl.data dd small {
	font-size:13px;
	display:block;
}

section.theater_detail dl.data dd a span.url_func {
	display:inline-block;
}

ul.specs {
	margin-top:20px;
	width:100%;
	width:-webkit-calc(100% + 10px);
	width:calc(100% + 10px);
}

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

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

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

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

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

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

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

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

ul.specs li.ic_dolby {
	background-image:url(../images/400theater/400theater_sp_spec_dolby_@100.jpg);
	width:110px;
} /* ? */

ul.specs li.ic_dolbyatmos {
	background-image:url(../images/400theater/400theater_sp_spec_dolbyatmos_@100.jpg);
	width:110px;
} /* ? */

@media (min-resolution: 2dppx),
(-webkit-min-device-pixel-ratio: 2),
(min-width : 376px) {
	ul.specs li.ic_imax        { background-image:url(../images/400theater/400theater_sp_spec_imax_@200.jpg); }
	ul.specs li.ic_mx4d        { background-image:url(../images/400theater/400theater_sp_spec_mx4d_@200.jpg); }
	ul.specs li.ic_tlex        { background-image:url(../images/400theater/400theater_sp_spec_tlex_@200.jpg); }
	ul.specs li.ic_dolby3d     { background-image:url(../images/400theater/400theater_sp_spec_dolby3d_@200.jpg); }
	ul.specs li.ic_xpand       { background-image:url(../images/400theater/400theater_sp_spec_xpand_@200.jpg); }
	ul.specs li.ic_dolby7      { background-image:url(../images/400theater/400theater_sp_spec_dolby7_@200.jpg); }
	ul.specs li.ic_masterimage { background-image:url(../images/400theater/400theater_sp_spec_masterimage_@200.jpg); }
	ul.specs li.ic_dolby      { background-image:url(../images/400theater/400theater_sp_spec_dolby_@200.jpg); }
	ul.specs li.ic_dolbyatmos      { background-image:url(../images/400theater/400theater_sp_spec_dolbyatmos_@200.jpg); }
}

@media (min-resolution: 3dppx),
(-webkit-min-device-pixel-ratio: 3),
(min-width : 751px) {
	ul.specs li.ic_imax        { background-image:url(../images/400theater/400theater_sp_spec_imax_@300.jpg); }
	ul.specs li.ic_mx4d        { background-image:url(../images/400theater/400theater_sp_spec_mx4d_@300.jpg); }
	ul.specs li.ic_tlex        { background-image:url(../images/400theater/400theater_sp_spec_tlex_@300.jpg); }
	ul.specs li.ic_dolby3d     { background-image:url(../images/400theater/400theater_sp_spec_dolby3d_@300.jpg); }
	ul.specs li.ic_xpand       { background-image:url(../images/400theater/400theater_sp_spec_xpand_@300.jpg); }
	ul.specs li.ic_dolby7      { background-image:url(../images/400theater/400theater_sp_spec_dolby7_@300.jpg); }
	ul.specs li.ic_masterimage { background-image:url(../images/400theater/400theater_sp_spec_masterimage_@300.jpg); }
	ul.specs li.ic_dolby      { background-image:url(../images/400theater/400theater_sp_spec_dolby_@300.jpg); }
	ul.specs li.ic_dolbyatmos      { background-image:url(../images/400theater/400theater_sp_spec_dolbyatmos_@300.jpg); }
}

section.theater_detail .theater_map {
	margin-top:20px;
	height:190px;
}

section.theater_detail .page_navigation {
	margin-top:30px;
	position:relative;
	width:100%;
	height:77px;
	display:table;
}

section.theater_detail .page_navigation a {
	/*
	max-width:-webkit-calc(50% - 54px);
	max-width:calc(50% - 54px);
	*/
	width:-webkit-calc(50% - 54px);
	width:calc(50% - 54px);
	width:50%;
	position:relative;
	line-height:1.2em;
	display:table-cell;
	vertical-align:middle;
	float:none;
	word-break:break-word;
	overflow-wrap: break-word;
}

section.theater_detail .page_navigation a.next {
	text-align:right;
	padding-right:54px;
}

section.theater_detail .page_navigation a.prev {
	padding-left:54px;
}

section.theater_detail .page_navigation a.next::before {
	top:0;
	bottom:0;
	right:0;
	position:absolute;
	height:100%;
}

section.theater_detail .page_navigation a.prev::before {
	top:0;
	bottom:0;
	left:0;
	position:absolute;
	height:100%;
}

/* -------------------------------------------- */
/* 600job ------------------------------------- */
/* -------------------------------------------- */

.job_image {
	height: 196px;
	height: -webkit-calc((100vw - 40px) * 0.611);
	height: calc((100vw - 40px) * 0.611);
}

#job_img00_01 {
	height: 101px;
	height: -webkit-calc((100vw - 40px) * 0.316);
	height: calc((100vw - 40px) * 0.316);
	background-image:url(../images/600job/600job_sp_01_@100.jpg) ;
}

#job_img00_02 { /* basic size w:656px h:402px */
	height: 196px;
	height: -webkit-calc((100vw - 40px) * 0.611);
	height: calc((100vw - 40px) * 0.611);
	background-image:url(../images/600job/600job_sp_02_@100.jpg);
}

#job_copy00_02 {
	height: 24px;
	height: -webkit-calc((100vw - 40px) * 0.073);
	height: calc((100vw - 40px) * 0.073);
	background-image:url(../images/600job/600job_03.svg);
}

#job_img01_01 {
	height: 196px;
	height: -webkit-calc((100vw - 40px) * 0.611);
	height: calc((100vw - 40px) * 0.611);
	background-image:url(../images/600job/610job_sp_01_@100.jpg);
}

#job_img01_02 {
	height: 196px;
	height: -webkit-calc((100vw - 40px) * 0.611);
	height: calc((100vw - 40px) * 0.611);
	background-image:url(../images/600job/610job_sp_02_@100.jpg);
}

#job_img01_03 {
	height:108px;
	height: -webkit-calc((100vw - 40px) * 0.385);
	height: calc((100vw - 40px) * 0.385);
	background-image:url(../images/600job/610job_03.svg);
}

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

#job_content .box_right section>ul.list_with_dot small {
	font-weight:normal;
	display:block;
}

.job_img_box_for2>div{
	float:none;
}

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

#job_img02_02 {
	width: 100%;
	height: 196px;
	height: -webkit-calc((100vw - 40px) * 0.611);
	height: calc((100vw - 40px) * 0.611);
	background-image:url(../images/600job/620job_sp_02_@100.jpg);
}

#job_img02_03 {
	width: 100%;
	height: 196px;
	height: -webkit-calc((100vw - 40px) * 0.611);
	height: calc((100vw - 40px) * 0.611);
	background-image:url(../images/600job/620job_sp_03_@100.jpg);
}

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

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

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


#job_img04_01 {
	width: 100%;
	height: 264px;
	height: -webkit-calc((100vw - 40px) * 0.614);
	height: calc((100vw - 40px) * 0.614);
	background-image:url(../images/600job/640job_sp_01_@100.jpg);
}

#job_img04_02 {
	width: 100%;
	height: 196px;
	height: -webkit-calc((100vw - 40px) * 0.612);
	height: calc((100vw - 40px) * 0.612);
	background-image:url(../images/600job/640job_sp_02_@100.jpg);
}

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

#job_img07_01 {
	height: 94px;
	height: -webkit-calc((100vw - 40px) * 0.316);
	height: calc((100vw - 40px) * 0.316);
	background-image:url(../images/600job/670job_sp_01_@100.jpg);
}

#job_img07_02 {
	float:left;
	margin-right:6px;
	margin-bottom:0;
	width: 49%;
	width: -webkit-calc(50% - 3px);
	width: calc(50% - 3px);
	height: 94px;
	height: -webkit-calc((50vw - 20px) * 0.603);
	height: calc((50vw - 20px) * 0.603);
	background-image:url(../images/600job/670job_sp_02_@100.jpg);
}

#job_img07_03 {
	float:left;
	margin-bottom:0;
	width: 49%;
	width: -webkit-calc(50% - 3px);
	width: calc(50% - 3px);
	height: 94px;
	height: -webkit-calc((50vw - 20px) * 0.603);
	height: calc((50vw - 20px) * 0.603);
	background-image:url(../images/600job/670job_sp_03_@100.jpg);
}


@media (min-resolution: 2dppx),
(-webkit-min-device-pixel-ratio: 2),
(min-width : 376px) {
	#job_img00_01 { background-image:url(../images/600job/600job_sp_01_@200.jpg); }
	#job_img00_02 { background-image:url(../images/600job/600job_sp_02_@200.jpg); }
	#job_img01_01 { background-image:url(../images/600job/610job_sp_01_@200.jpg); }
	#job_img01_02 { background-image:url(../images/600job/610job_sp_02_@200.jpg); }
	#job_img02_01 { background-image:url(../images/600job/620job_sp_01_@200.jpg); }
	#job_img02_02 { background-image:url(../images/600job/620job_sp_02_@200.jpg); }
	#job_img02_03 { background-image:url(../images/600job/620job_sp_03_@200.jpg); }
	#job_img02_04 { background-image:url(../images/600job/620job_sp_04_@200.jpg); }
	#job_img02_05 { background-image:url(../images/600job/620job_sp_05_@200.jpg); }
	#job_img03_01 { background-image:url(../images/600job/630job_sp_01_@200.jpg); }
	#job_img04_01 { background-image:url(../images/600job/640job_sp_01_@200.jpg); }
	#job_img04_02 { background-image:url(../images/600job/640job_sp_02_@200.jpg); }
	#job_img05_01 { background-image:url(../images/600job/650job_sp_01_@200.jpg); }
	#job_img07_02 { background-image:url(../images/600job/670job_sp_01_@200.jpg); }
	#job_img07_02 { background-image:url(../images/600job/670job_sp_02_@200.jpg); }
	#job_img07_03 { background-image:url(../images/600job/670job_sp_03_@200.jpg); }
}

@media (min-resolution: 3dppx),
(-webkit-min-device-pixel-ratio: 3),
(min-width : 751px) {
	#job_img00_01 { background-image:url(../images/600job/600job_sp_01_@300.jpg); }
	#job_img00_02 { background-image:url(../images/600job/600job_sp_02_@300.jpg); }
	#job_img01_01 { background-image:url(../images/600job/610job_sp_01_@300.jpg); }
	#job_img01_02 { background-image:url(../images/600job/610job_sp_02_@300.jpg); }
	#job_img02_01 { background-image:url(../images/600job/620job_sp_01_@300.jpg); }
	#job_img02_02 { background-image:url(../images/600job/620job_sp_02_@300.jpg); }
	#job_img02_03 { background-image:url(../images/600job/620job_sp_03_@300.jpg); }
	#job_img02_04 { background-image:url(../images/600job/620job_sp_04_@300.jpg); }
	#job_img02_05 { background-image:url(../images/600job/620job_sp_05_@300.jpg); }
	#job_img03_01 { background-image:url(../images/600job/630job_sp_01_@300.jpg); }
	#job_img04_01 { background-image:url(../images/600job/640job_sp_01_@300.jpg); }
	#job_img04_02 { background-image:url(../images/600job/640job_sp_02_@300.jpg); }
	#job_img05_01 { background-image:url(../images/600job/650job_sp_01_@300.jpg); }
	#job_img07_02 { background-image:url(../images/600job/670job_sp_01_@300.jpg); }
	#job_img07_02 { background-image:url(../images/600job/670job_sp_02_@300.jpg); }
	#job_img07_03 { background-image:url(../images/600job/670job_sp_03_@300.jpg); }

}

.box_right section>div + div {
	margin-top:15px;
}

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


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

dl.job_schedule dt {
	color:#DE0051;
	font-size:18px;
	font-weight:bold;
	float:none;

	width:auto;
	display:inline;
	margin-top:0px;
}

dl.job_schedule dd {
	width:auto;
	float:none;
	display:inline;
	margin-top:0px;
	margin-left:1em;
}

dl.job_schedule dd h3 {
	display:inline;
}

dl.job_schedule dd > div {
	display:block;
	margin-bottom:1.6em;
	margin-top:1em;
}

dl.job_schedule dd:last-of-type > div  {
	margin-bottom:0;
}

h3.redbox {
	height:29px;
	line-height:32px;
	padding-left:18px;
	font-size:15px;
	margin-top:20px;
}

h4.redline span {
	font-size:14px;
}

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

dl.table02 dt,
dl.table02 dd {
	border-top:none;
	padding:3px 6px;
	float:none ;
	font-size:14px;
}

dl.table02 dt {
	width:-webkit-calc(100% - 12px);
	width:calc(100% - 12px);
	background-color:#E1E1E1;
	margin-top:15px;
}

dl.table02 dd {
	padding:6px 0 0 0;
	width:100%;
}

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

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

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

/* -------------------------------------------- */
/* 800privacy_policy -------------------------- */
/* -------------------------------------------- */

section.contents#pp_content {
	background-color:#FFF1C5;
	margin: 0;
	padding: 20px;
}

section div#pp_body {
	padding:0;
}

section div#pp_body h3 {
	font-size:17px;
}

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

#footer {
	margin-top:30px;
}

#footer_content_box {
	width:100%;
	padding:0;
	background-color:#242424;
}

ul#fnavi {
	width:-webkit-calc(100% - 40px);
	width:calc(100% - 40px);
	padding: 20px;
}

ul#fnavi>li {
	float:none;
	color:#FFFFFF;
	border: 1px solid #FFFFFF;
	border-top:none;
	border-bottom:none;
	width:-webkit-calc( 100% - 2px);
	width:calc( 100% - 2px);
}

ul#fnavi>li:first-child {
	/*border-top:1px solid #FFFFFF;*/
}

ul#fnavi>li>a,
ul#fnavi>li>label,
ul#fnavi>li>ul>li>a {
	min-height:54px;
	line-height:54px;
	color:#FFFFFF;
	position:relative;
	font-weight:normal;
	padding-left:20px;

	display:block;
	width:-webkit-calc( 100% - 20px);
	width:calc( 100% - 20px);
}

ul#fnavi>li>ul>li>a {
	height:39px;
	min-height:39px;
	line-height:39px;
}

ul#fnavi>li>ul>li:first-child>a {
	padding-top:5px;
}

ul#fnavi>li>ul>li:last-child>a {
	padding-bottom:5px;
}

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

ul#fnavi>li>a,
ul#fnavi>li>label {
	border-top: 1px solid #FFFFFF;
}

ul#fnavi>li>input:checked ~ label {
	border-top: 1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
}

ul#fnavi>li:last-child {
	border-bottom:1px solid #FFFFFF;
}

#footer #bottom_links {
	height:114px;
}

#footer #bottom_links>div {
	width:100%;
	height:114px;
	position:relative;
}

#footer #bottom_links>div>a.text {
	line-height:2em;
	display:block;
	text-align:left;
	margin-left:20px;
	text-decoration:none;
}

#footer #bottom_links a.text+a.text {
	margin-left:20px;
}

#footer #bottom_links>div>a#ic_facebook {
	bottom:20px;
	top:auto;
	left:20px;
}

#footer #bottom_links>div>a#ic_twitter {
	bottom:20px;
	top:auto;
	left:78px;
}

#footer_content_box #bt_scrolltop {
	right:20px;
	bottom:-74px;
	width:54px;
	height:54px;
	background-size:contain;
}

#bt_scrolltop_fixed {
	left:auto;
	right:20px;
	bottom:54px;
	width:54px;
	height:54px;
	background-size:contain;
}

#copyright {
	width:-webkit-calc( 100% - 20px);
	width:calc( 100% - 20px);
	min-width: 0;
	padding-left:20px;
	background-color: #FFFFFF;
	font-size: 12px;
	height: 34px;
	line-height: 34px;
	text-align: left;
}

/* media filter end */
}

/* for link/screenshots to/of kinezo PC/SP added 20180927 */
@media only screen and (max-device-width : 1024px) and (orientation : landscape),
only screen and (max-device-width : 768px) and (orientation : portrait) {

	.for_kinezo_pc {
		display:none !important;
	}

	.for_kinezo_mobile {
		display:block !important;
	}

	.for_kinezo_mobile.inline {
		display:inline !important;
	}

	.for_kinezo_pc.inline {
		display:none !important;
	}

	#service_tab_c01_img01 {
		margin: 0 auto;
		width: 219px;
		height: 323px;
		background-image: url(../images/300service/310service_sp_01@100.jpg);
		background-size:contain;
	}

	#service_tab_c02_img01 {
		margin: 0 auto;
		/* step1に合わせてサイズを調整. リソースファイルのサイズは異なっているので注意.
		width: 163px;
		height: 219px;
		*/
		width: 219px;
		height: 323px;
		background-image: url(../images/300service/310service_sp_03@100.jpg);
		background-size:contain;
	}
	/*
	#service_tab_c02_img01 {
		margin: 0 auto 10px auto;
		width: 163px;
		width:-webkit-calc(50% - 5px);
		width:calc(50% - 5px);
		margin-right:10px;
		height: 219px;
		height: -webkit-calc((50vw - 25px)*1.626 );
		height: calc((50vw - 25px)*1.626 );
		background-image: url(../images/300service/310service_sp_03@100.jpg); /= img01,02 順序注意 =/
		background-position: right top;
		float:left;
		background-size:contain;
	}

	#service_tab_c02_img02 {
		margin: 0 auto;
		width: 163px;
		width:-webkit-calc(50% - 5px);
		width:calc(50% - 5px);
		height: 219px;
		height: -webkit-calc((50vw - 25px)*1.626 );
		height: calc((50vw - 25px)*1.626 );
		background-image: url(../images/300service/310service_sp_02@100.jpg); /= img01,02 順序注意 =/
		background-position: left top;
		float:left;
		background-size:contain;
	}
	*/
	#service_tab_c03_img01 {
		width: 336px;
		max-width:100%;
		height: 156px;
		margin: 0 auto;
		background-image: url(../images/300service/310service_sp_04@100.jpg);
		background-size:contain;
	}

	@media (min-resolution: 2dppx),
	(-webkit-min-device-pixel-ratio: 2),
	(min-width : 376px) {
		 /* c02_img01,02 順序注意 */
		#service_tab_c01_img01 { background-image: url(../images/300service/310service_sp_01@200.jpg); }
		#service_tab_c02_img01 { background-image: url(../images/300service/310service_sp_03@200.jpg); }
		#service_tab_c02_img02 { background-image: url(../images/300service/310service_sp_02@200.jpg); }
		#service_tab_c03_img01 { background-image: url(../images/300service/310service_sp_04@200.jpg); }
	}

	@media (min-resolution: 3dppx),
	(-webkit-min-device-pixel-ratio: 3),
	(min-width : 751px) {
		/* c02_img01,02 順序注意 */
		#service_tab_c01_img01 { background-image: url(../images/300service/310service_sp_01@300.jpg); }
		#service_tab_c02_img01 { background-image: url(../images/300service/310service_sp_03@300.jpg); }
		#service_tab_c02_img02 { background-image: url(../images/300service/310service_sp_02@300.jpg); }
		#service_tab_c03_img01 { background-image: url(../images/300service/310service_sp_04@300.jpg); }
	}

}

/* for old smartphones ( before iPhone 5S/SE; max-device-width:320px;) */
@media only screen and (max-width : 320px) {

.bt_area.for2 .button {
	display: block;
	float: none;
	width: 100%;
	margin-right:0;
}

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


/* media filter end */
}