2982F22982F22982F2#topInfo .span_9 a:hover#topInfo .span_9 a:hover#topInfo .span_9 a:hover@charset "UTF-8";

/* *****************************************************************************************************
*
*  common.css
* 
* -------------------------------------------------------------------------------------
* 
*   ---- FONT-SIZE -----
*	
*	 9px	69%			|		18px	138.5%
*	10px	77%			|		19px	146.5%
*	11px	85%			|		20px	153.9%
*	12px	93%			|		21px	161.6%
*	13px	100%		|		22px	167%
*	14px	108%		|		23px	174%
*	15px	116%		|		24px	182%
*	16px	123.1%		|		25px	189%
*	17px	131%		|		26px	197%
*
*
***************************************************************************************************** */

/* ============================================================
	
	html, body
	
   ============================================================ */

html { height:100%; scroll-behavior: smooth; }
body {
	color:#333;
	font-family: "qMmpS Pro W3", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", verdana, "CI", Meiryo, Osaka, "lr oSVbN", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
    font-feature-settings: "palt";
}

/* ============================================================
	
	img
	
   ============================================================ */
 
img { 
	max-width: 100%;
	height: auto;
	display:block;
}

/* ============================================================
	
	.none

   ============================================================ */
.none {
	display:none !important;
}

.text-bold {
	font-weight: bold !important;
	font-size: 1.5em;
	line-height: 2em;
}
.mlrauto { margin-left: auto !important; margin-right: auto !important; }

/* ============================================================
	
	margin

   ============================================================ */
.mb10 { margin-bottom:1.5625%; } /* 10px */
.mb20 { margin-bottom:2.8450% !important; } /* 20px */
.mb30 { margin-bottom: 22px !important; }
.mb40 { margin-bottom: 40px !important; }
.mt10 { margin-top:1.5625%; }
.mt0 { margin-top: 0 !important; }
.mr100 {
	margin-right: 100px !important;
}

.pl3 { padding-left: 3.125vw; }

.large { font-size: 1.125rem; }

.hideXs { display: block !important; }
.visible-xs, .dispXs { display: none !important; }
.sideHomeLink { display: none !important; }

@media ( max-width : 767px ) {
	.mb20-xs { margin-bottom:20px !important; }
	.visible-xs, .dispXs { display: block !important; }
	.hideXs { display: none !important; }
	.sideHomeLink { display: block !important; }
}

.page-bottom span {
	display: inline-block !important;
}
.page-bottom .btmTel {
	font-size: 1.75em;
	font-weight: bold;
    white-space: nowrap;
}
.page-bottom p.conTel span.office-name { font-size: 1.5em; padding: 0 15px; line-height: 1.125em; margin-top: -10px;  }
.page-bottom p.conTel span.office-name > span { font-size: .875em; }
@media ( min-width : 768px ) { .page-bottom p.conTel span.office-name > span { display: block !important; font-size: 0.75rem; margin-bottom: 2px; } }
#contactUs .conTel {
    padding-left: 5px;
    padding-right: 5px;
}
/* ============================================================
	
	border

   ============================================================ */
.bb { border-bottom:1px dotted #999; }

/* ============================================================
	
	#container

   ============================================================ */
#container {
	width: 100%;
	min-height:100%;
}

/* ============================================================

	header

   ============================================================ */
header {
	height:45px;
	background-color:rgba(255,255,255,0.9);
	box-shadow:rgba(0, 0, 0, 0.21) 0px 2px 6px -3px;
	position: fixed;
	top: 0;
	right:0;
	left: 0;
	z-index: 1030;
	margin-bottom: 0;
}
header h1 a {
	display:block;
	width:41px;
	height:26px;
	float:left;
	margin:10px 0 0 10px;
	background-size:100%;
    text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden;
}
header h1 img { height: 62px; }
header nav h2 {
	float:right;
	width:48px;
	height:45px;
	margin:0 10px 0 0;
}
header nav h2 a {
	display:block;
	background:url(../images/sp_menu.png) 0 0 no-repeat;
    text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
	width:48px;
	height:45px;
	background-size:100%;
}
#sidr-right { display:none; }
#sidr-right p {
	line-height:48px;
	margin:0;
	background-color:#FFF;
	box-shadow:rgba(51, 51, 51, 0.2) 16px 16px 4px -13px inset;
	-webkit-box-shadow:rgba(51, 51, 51, 0.2) 16px 16px 4px -13px inset;
	-moz-box-shadow:rgba(51, 51, 51, 0.2) 16px 16px 4px -13px inset;
	font-size:100%;
}
#sidr-right p a {
	text-decoration:none;
	color:#333;
	display:block;
	padding:0 0 0 38%;
	background-image:url(../images/sp_close.png);
	background-position:63% 50%;
	background-repeat:no-repeat;
	background-size:10px;
}

/* ============================================================

	footer

   ============================================================ */
footer {
	margin-top:0.5%;
	border-top:1px #D6D6D6 solid;
	padding-top:0.3333%;
}
footer a:hover img { opacity:0.8; }
.footerMenu {
	background:url(../images/info_bg.jpg) 0 0 repeat-x;
	padding-top:2.8333%;
}
.footerMenu h3 {
	font-size:108%;
	padding:0 5.5% 2.8333%;
}
.footerMenu li a:hover { color:#727BA1; }
.footerService li a, .footerAbout li a {
	border-top:1px #D6D6D6 solid;
	font-size:93%;
	font-weight:bold;
	color:#333;
	display:block;
	text-decoration:none;
}
@media (max-width:767px) {
	.footerService li.homeLink a {
		border-top: none;
		border-bottom:1px #D6D6D6 solid;
	}
}
.footerService li a {
	background:url(../images/sp_service_li.gif) 5.5% center no-repeat;
	background-size:8px 7.5px;
	padding:5% 0 5% 9.3%;
}
.footerAbout h3 { display:none; }
.footerAbout li a { padding:5% 5.5%; }
.footerAzul {
	border-top:1px #D6D6D6 solid;
	border-bottom:1px #D6D6D6 solid;
}
.footerAzul a {
	padding:4.1666% 5.5%;
	text-decoration:none;
	color:#333;
	display:table;
	width:100%;
}
.footerAzul p {
	font-size:77%;
	display:table-cell;
	width:67%;
	font-weight:bold;
	vertical-align:middle;
	padding-left:5%;
}
.footerInfo { padding:6.6666% 5.5% 3%; }
.footerInfo h2 {
	width:34%;
	margin-bottom:5%;
}
.footerInfo p {
	font-size:77%;
	line-height:1.7;
}
.footerInfo p a {
	text-decoration:none;
	color:#5D6484;
	font-weight:bold;
}
.copyright {
	text-align:right;
	margin-top:3%;
	color:#999;
}
@media all and (orientation: landscape) {
	.footerService li a { padding:2.5% 0 2.5% 9.3%; }
	.footerAbout li a { padding:2.5% 2.25%; }
}

/* ============================================================

	#mainContents

   ============================================================ */
#mainContents { padding-top:45px; }
.inline { display: inline; }
/* ============================================================
	
	#pagetop
	
   ============================================================ */
#pagetop { display:none; }

/* New Charactor Show Staff */

.cssBox { display: flex; flex-wrap: nowrap; }
.cssBox div:first-child { width: 65.2173913043478%; }
.cssBox div:last-child { width: 34.7826086956522%; }
#cssSlide { position: relative; }
#cssSlide img { position: absolute; left: 0; top: 0; }

.tar { text-align: right; }
.small { font-size: .75em; }
.pt5 { padding-top: 5px; }

a > p { color: #333; }

.link::after { content: url("../images/icon_link.svg"); display: inline-block; width: 12px; height: 12px; margin-left: 3px; }
strong { font-weight: bold; color: #000; }
a:hover strong { color: #2982F2; }

/* Recruit Banner */

#footerBnr { width: 100vw; display: flex; justify-content: center; position: fixed; bottom: 0; z-index: 9999; background-color: #FB5A00; opacity: .92; }
#footerBnr img { width: auto; max-height: 50px; }
.hidden-xs { display: block; }
.visible-xs { display: none !important; }
.clm4Box { margin-left: -30px; }
@media (max-width: 767px) { .hidden-xs { display: none; } .visible-xs { display: block !important;; } }