@charset "UTF-8";
/**********************************************************
 index
***********************************************************/
.page-index #container {padding-bottom: 0; }
.page-index .under-linkSection{ margin-top:60px;}

.page-index .innerStyle{
	width:840px;
	padding-top:46px;
}
.page-index .innerStyle .tableStyle01{
	margin-bottom: 50px;
}
.page-index .innerStyle th{
	font-weight:normal;
}
.page-index .innerStyle td a{
	color:#2188C4;
}
.page-index .innerStyle td a:hover{
	text-decoration:underline;
}


.company-index-history-h{
	text-align: left;
	padding-left: 20px;
	margin: 0 0 34px 0;
}
.company-index-history-table th,
.company-index-history-table td{
	border-top: 1px dotted #ccc;
	padding: 10px 0;
	vertical-align: top;
}
.company-index-history-table th{
	font-weight: bold!important;
}
.company-index-history-table td{
	padding-left: 30px;
}



@media only screen and (max-width: 640px){
.page-index .innerStyle{
	width:auto;
	padding-top:40px;
}
.page-index .innerStyle th{
	width:auto;
	font-weight:bold;
}

.company-index-history-table,
.company-index-history-table tbody,
.company-index-history-table tr,
.company-index-history-table th,
.company-index-history-table td
{
	display: block;
}
.company-index-history-table tr{
	border-top: 1px dotted #ccc;
	padding: 10px 0;
}
.company-index-history-table th,
.company-index-history-table td
{
	border: none;
	padding: 0;
}
.company-index-history-table th{
	display: inline-block;
}
.company-index-history-table td{
	padding-left: 0;
	font-size: 0.8rem;
}

.company-index-history-table th.right{
	text-align: left!important;
}

}

/**********************************************************
 phirosophy
***********************************************************/
.page-phirosophy #container {padding-bottom: 0; }
.page-phirosophy .under-linkSection{ margin-top:60px;}

.page-phirosophy .innerStyle{
 	padding-top:40px;
}
.phirosophyWrap{
	border:1px solid #dcdcdc;
	text-align:center;
	font-size:16px;
}
.phirosophyWrapTxt{
	padding:50px 10px 60px;
	letter-spacing:1px;
}
.phirosophyWrapTxt h2{
	margin:0 0 10px 0;
}

@media only screen and (max-width: 640px){
.phirosophyWrapTxt{
	letter-spacing:0px;
	font-size:14px;
}
}

/**********************************************************
 message
***********************************************************/
.page-message #container {padding-bottom: 0; }
.page-message .under-linkSection{ margin-top:60px;}

.page-message .innerStyle{
 	padding-top:60px;
}
.messageWrap{
	width:860px;
	margin:0 auto;
}
.messageWrap h2{
	text-align:center;
	margin:0 0 60px 0;
}
.messageWrap .messagePh{
	float:right;
	width:212px;
}
.messageWrap .messageTxt{
	/*float:left;*/
	/*width:580px;*/
}
.messageWrap .messageTxt p{
	margin:0 0 26px 0;
}
.messageWrap .messageTxt dd{
	text-align: right;
}
.message-h{
	margin-bottom: 30px;
}
@media only screen and (max-width: 640px){
.page-message .innerStyle{
 	padding-top:40px;
}
.messageWrap{
	width:auto;
}
.messageWrap h2{
	margin:0 0 40px 0;
}
.messageCnt{
	width:auto;
	border:1px solid #dcdcdc;
	padding:20px 20px 10px;
}
.messageWrap .messagePh{
	width:30%;
	padding:0 0 0 20px;
}
.messageWrap .messageTxt{
	float:none;
	width:auto;
}
.message-face{
	/*width: 60%;*/
	margin: 0 auto 20px;

}
.message-name{
	text-align: right;
	
}
}

/**********************************************************
 access
***********************************************************/
.page-access #container {padding-bottom: 0; }
.page-access .under-linkSection{ margin-top:60px;}

.page-access .innerStyle{
 	padding-top:60px;
	width:100%;
}
.page-access .sectionIn{
	width:1060px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	*zoom:1;
}

.page-access .leadSection{
	text-align:center;
	padding:0 0 80px 0;
}
.page-access .leadSection h2{
	margin:0 0 20px 0;
}


.page-access .addressSection{
	padding:40px 0;
	background:#f9f9f9 url(/_common/img/common_module/bg_border_shadow_01.png) repeat-x 0 0;
}
.page-access .addressSection dl{
	float:left;
	padding:0 0 0 40px;
}
.page-access .addressSection dt{
	font-size:22px;
	font-weight:bold;
	margin:0 0 10px 0;
}
.page-access .addressSection dd{
	font-size:15px;
}
.page-access .addressSection img{
	float:right;
}



.mapSection{
	position:relative;
	background:#f9f9f9;
	padding:0 0 70px;
}
.mapSection:after{
	position:absolute;
	width:100%;
	height:10px;
	top:0px;
	left:0px;
	content:"";
	display:block;
	background: url(/_common/img/common_module/bg_border_shadow_01.png) repeat-x 0 0;
	z-index:10;
}
.mapSection #googleMaps{
	width:100%;
	height:450px;
	background:#ccc;
	margin:0 0 60px 0;
}
.mapSection .btn{
	position:absolute;
	top:390px;
	left:50%;
	z-index:1000;
	width:1060px;
	padding:0;
	margin:0 0 0 -530px;
	text-align:right;
}
.mapSection .sectionIn{
	overflow:visible;
}

.mapSection .sectionIn > div{
	text-align:center;
	width:435px;
	background: #FFF;
	padding: 20px 40px 0;
	min-height:236px;
	border: 1px solid #EAEAEA;
}
.boxshadow .mapSection .sectionIn > div {
	box-shadow: 0 1px 3px #E0E0E0;
	border: none;
}
.mapSection .sectionIn > div dt{
	font-size:20px;
	font-weight:bold;
	margin:0 0 15px 0;
	padding:66px 0 0 0;
	position:relative;
}
.mapSection .sectionIn > div dt:after{
	position:absolute;
	content:"";
	background:url(/_common/img/common_share/bg_sprite.png) no-repeat;
	width:60px;
	height:60px;
	top:0px;
	left:50%;
	margin:0 0 0 -30px;
}
.accessWayCar{
	float:left;
}
.mapSection .sectionIn .accessWayCar dt:after{
	background-position:0 -165px;
}
.accessWayTrain{
	float:right;
}
.mapSection .sectionIn .accessWayTrain dt:after{
	background-position:-60px -165px;
}





.gallerySection{
	padding:48px 0 0;
	background: url(/_common/img/common_module/bg_border_shadow_01.png) repeat-x 0 0;
}
.gallerySectionTit{
	font-size: 16px;
	text-align: center;
	margin: 0 0 46px 0;
	line-height: 1.6;
}
.gallerySectionTit span{
	font-size: 30px;
	font-family: 'Montserrat', sans-serif;
}
.gallerySection .list-gallery{
	width:1088px;
}
.gallerySection .list-gallery li{
	float:left;
	padding:0 28px 0 0;
	margin:0 0 30px 0;
	width:244px;
}
.gallerySection .list-gallery li dl{
	padding:10px 0 0 0;
	line-height:1.6;
	font-size:13px;
}
.gallerySection .list-gallery li dt{
	font-weight:bold;
}

@media only screen and (max-width: 640px){
.page-access .innerStyle{
	padding:0px;
 	padding-top:20px;
}
.page-access .sectionIn{
	width:auto;
	padding:10px;
}

.page-access .leadSection{
	text-align:left;
	padding:0 0 20px 0;
}
.page-access .leadSection br{
	display:none;
}
.page-access .leadSection h2{
	margin:0 0 20px 0;
}


.page-access .addressSection{
	padding:5px 0 10px;
}
.page-access .addressSection dl{
	float:none;
	padding:0;
}
.page-access .addressSection dt{
	font-size:16px;
	margin:15px 0 0px 0;
}
.page-access .addressSection dd{
	font-size:13px;
}
.page-access .addressSection img{
	float:none;
}



.mapSection{
	padding:0 0 10px;
}
.mapSection:after{
	position:absolute;
	width:100%;
	height:10px;
	top:0px;
	left:0px;
	content:"";
	display:block;
	background: url(/_common/img/common_module/bg_border_shadow_01.png) repeat-x 0 0;
	z-index:10;
}
.mapSection #googleMaps{
	width:100%;
	height:300px;
	background:#ccc;
	margin:0 0 20px 0;
}
.mapSection .btn{
	position:static;
	width:auto;
	padding:0px 20px 10px;
	margin:0;
}
.mapSection .sectionIn{
	overflow:visible;
}

.mapSection .sectionIn > div{
	width:auto;
	padding: 20px;
	margin:0 0 15px 0;
	min-height: inherit;
}
.boxshadow .mapSection .sectionIn > div {
	box-shadow: 0 1px 3px #E0E0E0;
	border: none;
}
.mapSection .sectionIn > div dt{
	font-size:16px;
	margin:0 0 15px 0;
	padding:66px 0 0 0;
	position:relative;
}
.mapSection .sectionIn > div dt:after{
	position:absolute;
	content:"";
	background:url(/_common/img/common_share/bg_sprite.png) no-repeat;
	width:60px;
	height:60px;
	top:0px;
	left:50%;
	margin:0 0 0 -30px;
}
.accessWayCar,
.accessWayTrain{
	float:none;
}
.mapSection .sectionIn .accessWayCar dt:after{
	background-position:0 -165px;
}
.mapSection .sectionIn .accessWayTrain dt:after{
	background-position:-60px -165px;
}





.gallerySection{
	padding:20px 0 0;
	background: url(/_common/img/common_module/bg_border_shadow_01.png) repeat-x 0 0;
}
.gallerySectionTit{
	font-size: 14px;
	margin: 0 0 20px 0;
}
.gallerySectionTit span{
	font-size: 16px;
}
.gallerySection .list-gallery{
	width:100%;
}
.gallerySection .list-gallery li{
	float:left;
	padding:0;
	margin:0 1% 15px;
	width:48%;
}
.gallerySection .list-gallery li dl{
	padding:10px 0 0 0;
	line-height:1.6;
	font-size:13px;
}
.gallerySection .list-gallery li dt{
	font-weight:bold;
}

}



/**********************************************************
 recuruit
***********************************************************/
.page-recuruit #container {padding-bottom: 0; }
.page-recuruit .under-linkSection{ margin-top:60px;}

.page-recuruit .innerStyle{
 	padding-top:60px;
}
.page-recuruit .lead{
	text-align:center;
	margin:0 0 50px 0;
	padding:0 10px 0;
	word-break:break-all;
}
.page-recuruit .lead h2{
	margin:0 0 30px 0;
}
.page-recuruit .recuruitJobList ul{
	width:1090px;
	margin:0 0 20px 0;
}
.page-recuruit .recuruitJobList li {
	float:left;
	width:513px;
	border:1px solid #dcdcdc;
	margin:0 30px 30px 0;
	padding:30px 0 40px 0;
}
.page-recuruit .recuruitJobList dt{
	text-align:center;
	font-size:20px;
	font-weight:bold;
	margin:0 0 18px 0;
}
.page-recuruit .recuruitJobList dd{
	padding:0 44px 30px;
	word-break:break-all;
}
.page-recuruit .recuruitContact{
	background:#e6f2f9;
	padding:20px 30px 30px;
	text-align:center;
}
.page-recuruit .recuruitContact h3{
	font-size:20px;
	margin:0 0 18px 0;
	letter-spacing:1px;
}
.page-recuruit .recuruitContact ul{
}
.page-recuruit .recuruitContact li{
	background:#fff;
	text-align:center;
}
.page-recuruit .recuruitContact dl{
	min-height:110px;
	padding:20px 0 0;
}
.page-recuruit .recuruitContact dt{
	font-size:15px;
	margin:0 0 14px 0;
	position:relative;
}
.page-recuruit .recuruitContact .rwd_sprite_be:before{
	width:30px;
	height:30px;
	position:static;
	display:inline-block;
	vertical-align:middle;
	margin:0 8px 0 0;
}
.page-recuruit .recuruitContact .ico-tel:before{ background-position:-410px -65px; }
.page-recuruit .recuruitContact .ico-mail:before{ background-position:-380px -65px; }

.page-recuruit .recuruitContact .tel{
	font-size:25px;
	display:block;
	line-height:1.0;
}



.page-recuruitDetail .lead{
	margin:0 0 60px 0;
}
.page-recuruitDetail .innerStyle .tableStyle01{
	margin:0 auto 40px;
}


@media only screen and (max-width: 640px){
.page-recuruit .innerStyle{
 	padding-top:40px;
}
.page-recuruit .recuruitJobList ul{
	width:auto;
	margin:0 0 20px 0;
}
.page-recuruit .recuruitJobList li {
	float:none;
	width:auto;
	margin:0 0 15px 0;
	padding:30px 0 10px 0;
}
.page-recuruit .recuruitJobList dt{
	font-size:16px;
	margin:0 0 20px 0;
}
.page-recuruit .recuruitJobList dd{
	padding:0 20px 10px;
}
.page-recuruit .recuruitContact{
	padding:20px 10px 1px;
}
.page-recuruit .recuruitContact h3{
	font-size:18px;
	margin:0 0 15px 0;
	letter-spacing:1px;
}
.page-recuruit .recuruitContact ul{
	width:auto;
}
.page-recuruit .recuruitContact li{
	float:none;
	margin:0 0 10px 0;
}
.page-recuruit .recuruitContact dl{
	width:auto;
	min-height: inherit;
	padding:18px 10px 10px ;
}
.page-recuruit .recuruitContact dt{
	font-size:15px;
	margin:0 0 6px 0;
	font-weight:bold;
}
.page-recuruit .recuruitContact .rwd_sprite_be:before{
	width:30px;
	height:30px;
	margin:0 8px 0 0;
}
.page-recuruit .recuruitContact .ico-tel:before{ background-position:-120px -148px; }
.page-recuruit .recuruitContact .ico-mail:before{ background-position:-90px -148px; }

.page-recuruit .recuruitContact .tel{
	line-height:1.5;
}
}