@charset "utf-8";
/* ===================================================================
	
	base
	
=================================================================== */
html {
	background: #f6f6f6;
	height: 100%;
	font-size: 77%;
}
body { 
	height: 100%;
}
ul { 
	margin: 0;
	padding: 0;
	list-style: none;
}
table {
	font-size: 1rem;
}
table th {
	font-size: 1.2rem;
}
table td {
	font-size: 0.7rem;
	line-height: 1.7;
}
#wrapper {
	position: relative;
	top: 0;
	left: 0;
	display: none;
	max-width: 650px;
}
#overlayBg {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 50;
	width: 100%;
	background: rgba(0, 0, 0, .8);
	display: none;
}

/* ===================================================================
	
	header
	
=================================================================== */
#header {
	position: absolute;
	top: -1px;
	left: 0;
	z-index: 100;
	display: block;
	width: 650px;
	height: 90px;
	background: url(../img/common/sp/bg_header.png) repeat-x 0 0;
	border-bottom: #009bd5 1px solid;
}
#header .logo {
	position: absolute;
	top: 0;
	left: 10px;
}
#menuIcon {
	position: absolute;
	top: 20px;
	right: 20px;
}
#overlayMenuItems {
	position: absolute;
	top: 90px;
	left: 0;
	z-index: 200;
	width: 650px;
	background: rgba(0, 0, 0, .8);
	display: none;
}
#overlayMenuItems ul {
	background: #00b9ff;
	overflow: hidden;
}
#overlayMenuItems li {
	display: block;
	width: 50%;
	border-bottom: #009bd5 1px solid;
	float: left;
}
#overlayMenuItems li:nth-child(odd) {
	width: 49.8%;
	border-right: #009bd5 1px solid;
}
#overlayMenuItems li a {
	display: block;
	padding: 33px 0 27px;
	height: 45px;
	text-align: center;
}
#overlayMenuItems li a img {
	width: 90%;
}

/* ===================================================================
	
	sidebar
	
=================================================================== */
#sidebar {
	display: none;
}

/* ===================================================================
	
	footer
	
=================================================================== */
#footer {
	/*position: relative;*/
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 117px;
}
#btnHome {
	position: absolute;
	top: 7px;
	left: 50%;
	margin-left: -210px;
}
#btnPageTop {
	position: absolute;
	top: 7px;
	right: 50%;
	margin-right: -210px;
}
#btnHome, #btnHome a,
#btnPageTop, #btnPageTop a {
	display: block;
	width: 205px;
	height: 46px;
}
#btnHome a { background: url(../img/common/sp/btn_home.png) no-repeat 0 0; }
#btnPageTop a { background: url(../img/common/sp/btn_pagetop.png) no-repeat 0 0; }
#footer .copyright {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	border-top: #009bd5;
	width: 100%;
	height: 42px;
	background: #00b9ff;
	text-align: center;
}
#footer .copyright img {
	padding: 17px 0 0;
}
.index #footer {
	height: 42px;
}
.index #btnHome,
.index #btnPageTop {
	display: none;
}

/* ===================================================================
	
	content
	
=================================================================== */
#contents {
	position: absolute;
	top: -1px;
	left: 0;
	z-index: 10;
	width: 100%;
	padding: 91px 0 118px;
}
.index #contents {
	padding-bottom: 70px;
}
#contents .main {
	line-height: 0;
}
#contents .main img {
	width: 100%;
}
#contents .pageHeader {
	position: relative;
	margin: 0 0 2.5% 0;
	width: 100%;
}
#contents .pageHeader .title,
#contents .pageHeader .subTitle {
	position: absolute;
	margin: 0;
	padding: 0;
	display: block;
}
#contents .pageHeader img {
	line-height: 0;
}
#contents .section {
	position: relative;
	display: block;
	width: 580px;
	padding: 20px;
	margin: 0 auto 2.5%;
	background: #fff;
}
#contents .article {
	display: block;
	line-height: 2;
	text-align: justify;
	overflow: hidden;
}
#contents .article.pc {
	display: none;
}
#contents .article .image {
	width: 100%;
	line-height: 0;
}
#contents .article .image img {
	width: 100%;
}
#contents .article h3 {
	margin: 0 0 10px;
	width: 100%;
	line-height: 0;
	background: #91571e;
}
#contents .article h3 img {
	width: 100%;
}
#contents .article p {
	margin: 0;
	padding: 0 16px 0;
}
#contents .article .att {
	text-decoration: underline;
	color: #f8850a;
	font-weight: bold;
}
#contents .section.navi {
	margin-top: 15px;
	margin-bottom: 10px;
	width: 618px;
	padding: 0;
	background: none;
}
#contents .section.navi ul {
	overflow: hidden;
}
#contents .section.navi li {
	width: 309px;
	float: left;
	background: #fff url(../img/common/icon_arrow_blue.png) no-repeat 16px center;
	background-color: #fff;
}
#contents .section.navi li a {
	display: block;
	padding: 0 20px 0 40px;
	width: 100%;
	height: 60px;
	text-decoration: none;
	color: #333;
	line-height: 60px;
	font-size: 17px;
}
.companyOutline #contents .section.navi li a:hover,
.fitLife #contents .section.navi li a:hover,
.fitTime #contents .section.navi li a:hover,
.fitWork #contents .section.navi li a:hover,
.companyOutline #contents .section.navi li.current a,
.fitLife #contents .section.navi li.current a,
.fitTime #contents .section.navi li.current a,
.fitWork #contents .section.navi li.current a {
	color: #fff;
	height: 60px;
	background: #f8850a url(../img/common/icon_arrow_white.png) no-repeat 16px center;
}
.fitCulture #contents .section.navi li a:hover,
.fitEnvironment #contents .section.navi li a:hover,
.fitCareer #contents .section.navi li a:hover,
.fitSenior #contents .section.navi li a:hover,
.fitCulture #contents .section.navi li.current a,
.fitEnvironment #contents .section.navi li.current a,
.fitCareer #contents .section.navi li.current a,
.fitSenior #contents .section.navi li.current a {
	border: #91571e 1px solid;
	color: #fff;
	height: 58px;
	background: #91571e url(../img/common/icon_arrow_white.png) no-repeat 16px center;
}

/* ===================================================================
	
	content > index
	
=================================================================== */
.index #contents ul {
	position: relative;
	margin: 17px 0 20px 8px;
	width: 642px;
	display: block;
	overflow: hidden;
}
.index #contents ul li {
	width: 314px;
	/*height: 239px;*/
	padding-bottom: 5px;
	float: left;
}
.index #contents ul li a {
	display: block;
}
.index #contents ul li a img {
	width: 100%;
}

/* ===================================================================
	
	content > company
	
=================================================================== */
.companyOutline #contents .pageHeader {
	height: 80px;
	background: #f8850a;
}
.companyOutline #contents .pageHeader .title {
	top: 30px;
	left: 20px;
}
.companyOutline #contents table {
	margin: 0;
	border: none;
	width: 100%;
	border-bottom: #ccc 1px solid;
}
.companyOutline #contents table th,
.companyOutline #contents table td {
	vertical-align: middle;
	border-top: #ccc 1px solid;
	border-left: none;
	border-right: none;
	border-bottom: none;
	font-weight: normal;
	text-align: left;
}
.companyOutline #contents table th {
	padding: 20px 10px 17px;
	width: 100px;
}
.companyOutline #contents table td {
	padding: 20px 10px 17px;
}

/* ===================================================================
	
	content > FIT CARRER
	
=================================================================== */
.fitCareer #contents .section {
	width: 620px !important;
	padding: 0 0 2.5% 0 !important;
}
.fitCareer #contents .pageHeader {
	height: 150px;
	background: #91571e;
}
.fitCareer #contents .pageHeader .title {
	top: 30px;
	left: 20px;
}
.fitCareer #contents .pageHeader .subTitle {
	bottom: 24px;
	right: 20px;
}
.fitCareer #contents .section {
	padding: 0;
}

/* ===================================================================
	
	content > FIT CULTURE
	
=================================================================== */
.fitCulture #contents .section {
	width: 620px !important;
	padding: 0 0 2.5% 0 !important;
}
.fitCulture #contents .pageHeader {
	height: 150px;
	background: #91571e;
}
.fitCulture #contents .pageHeader .title {
	top: 30px;
	left: 20px;
}
.fitCulture #contents .pageHeader .subTitle {
	bottom: 24px;
	right: 20px;
}

/* ===================================================================
	
	content > FIT LIFE
	
=================================================================== */
.fitLife #contents .section {
	width: 620px !important;
	padding: 0 0 1% 0 !important;
}
.fitLife #contents .pageHeader {
	height: 80px;
	background: #f8850a;
}
.fitLife #contents .pageHeader .title {
	top: 30px;
	left: 20px;
}
.fitLife #contents .head {
	line-height: 0;
	border-bottom: #ccc 2px solid;
}
.fitLife #contents .head img {
	width: 100%;
}
.fitLife #contents .text {
	line-height: 2;
	padding: 25px 4% 0;
}

.fitLife #contents p {
	text-align: justify;
	padding: 0 4%;
}
.fitLife #contents .drawing {
	padding-top: 2.5%;
}
.fitLife #contents .drawing img {
	width: 100%;
}

/* ===================================================================
	
	content > FIT TIME
	
=================================================================== */
.fitTime #contents .section {
	width: 620px !important;
	padding: 0 0 1% 0 !important;
}
.fitTime #contents .pageHeader {
	height: 80px;
	background: #f8850a;
}
.fitTime #contents .pageHeader .title {
	top: 30px;
	left: 20px;
}
.fitTime #contents .head {
	line-height: 0;
}
.fitTime #contents .head img {
	width: 100%;
}
.fitTime #contents p {
	text-align: justify;
	padding: 0 4%;
	line-height: 2;
}
.fitTime #contents .point {
	padding: 5px 4% 10px;
	list-style: none;
}
.fitTime #contents .point li {
	background: url(../img/time/icon_list_arr.png) no-repeat 2px 13px;
	padding: 0 0 10px 26px;
	text-align: justify;
	line-height: 1.8;
}

/* ===================================================================
	
	content > FIT SENIOR
	
=================================================================== */
.fitSenior #contents .pageHeader {
	height: 80px;
	background: #91571e;
}
.fitSenior #contents .pageHeader .title {
	top: 30px;
	left: 20px;
}
.fitSenior #contents p {
	text-align: justify;
	padding: 0 10px;
	line-height: 2;
}
.fitSenior #contents .fits {
	padding: 2px 0 0;
	width: 100%;
	overflow: hidden;
}
.fitSenior #contents .fits li {
	padding: 0 1%;
	width: 48%;
	height: 278px;
	float: left;
	text-align: justify;
	line-height: 1.6;
}
.fitSenior #contents .fits li img {
	width: 100%;
}

/* ===================================================================
	
	content > FIT ENVIRONMENT
	
=================================================================== */
.fitEnvironment #contents .section {
	width: 620px !important;
	padding: 0 0 1% 0 !important;
}
.fitEnvironment #contents .pageHeader {
	height: 150px;
	background: #91571e;
}
.fitEnvironment #contents .pageHeader .title {
	top: 30px;
	left: 20px;
}
.fitEnvironment #contents .pageHeader .subTitle {
	bottom: 24px;
	right: 20px;
}

/* ===================================================================
	
	content > FIT WORK
	
=================================================================== */
.fitWork #contents .section {
	width: 620px !important;
	padding: 0 0 1% 0 !important;
}
.fitWork #contents .pageHeader {
	height: 80px;
	background: #f8850a;
}
.fitWork #contents .pageHeader .title {
	top: 30px;
	left: 20px;
}
.fitWork #contents .head {
	line-height: 0;
}
.fitWork #contents .head img {
	width: 100%;
}
.fitWork #contents p {
	text-align: justify;
	padding: 0 4%;
	line-height: 2;
}
.fitWork #contents .drawing {
	padding-top: 2.5%;
}
.fitWork #contents .drawing img {
	width: 100%;
}

/* ===================================================================
	
	content > RECRUIT
	
=================================================================== */
.recruit #contents .pageHeader {
	height: 80px;
	background: #9dea4a;
}
.recruit #contents .pageHeader .title {
	top: 30px;
	left: 20px;
}
.recruit #contents .data table {
	margin: 0;
	border: none;
	width: 100%;
	border-bottom: #ccc 1px solid;
}
.recruit #contents .data table th,
.recruit #contents .data table td {
	vertical-align: middle;
	border-top: #ccc 1px solid;
	border-left: none;
	border-right: none;
	border-bottom: none;
	font-weight: normal;
	text-align: left;
}
.recruit #contents .data table th {
	padding: 20px 10px 17px;
	width: 90px;
}
.recruit #contents .data table td {
	padding: 20px 10px 17px;
}
.recruit #contents .data table td span {
	font-size: 85%;
}
.recruit #contents .section.message {
	width: 620px !important;
	padding: 0 0 1% 0 !important;
}
.recruit #contents .message .head {
	line-height: 0;
}
.recruit #contents .message .head img {
	width: 100%;
}
.recruit #contents .message p {
	text-align: justify;
	padding: 0 4%;
	line-height: 2;
}
.recruit #contents .message .drawing {
	padding-top: 2.5%;
	text-align: center;
}
.recruit #contents .message .drawing img {
	width: 100%;
}

/* ===================================================================
	
	content > ENTRY
	
=================================================================== */
.entry #contents .pageHeader {
	height: 80px;
	background: #3548d5;
}
.entry #contents .pageHeader .title {
	top: 30px;
	left: 20px;
}
.entry #contents .text {
	text-align: center;
	padding: 20px 0 15px;
}
.entry #contents .banner {
	width: 420px;
	margin: 0 auto;
}
.entry #contents .banner th,
.entry #contents .banner td {
	border: none;
}
.entry #contents .banner td {
	text-align: center;
	vertical-align: middle;
}
.entry #contents .banner img {
	border: #ccc 1px solid;
}

/* ===================================================================
	
	content > ACCESS
	
=================================================================== */
.access #contents .pageHeader {
	height: 80px;
	background: #be85c8;
	background-color: #be85c8;
}
.access #contents .pageHeader .title {
	top: 30px;
	left: 20px;
}
.access #contents .section {
	width: 620px !important;
	padding: 0 0 1% 0 !important;
}
.access #contents .mapCanvas {
	width: 620px;
	display: block;
	text-align: center;
}
.access #contents .mapCanvas iframe {
	width: 620px !important;
}
.access #contents .address {
	padding: 20px 20px 0 20px;
	line-height: 1.6;
}