@charset "utf-8";


/* // TopMv
----------------------------------------------- */
#TopMv {
	background:url(../img/company_top_mv.jpg) center top no-repeat;
	background-size:cover;
	position:relative;
	text-align:center;
}
#TopMv h1.categoryTitleA {
	margin-top:85px;
}
#TopMv h1.categoryTitleA .en {
}
#TopMv h1.categoryTitleA .ja {
}
#TopMv .leadBlock {
	margin-top:130px;
	// background-color:rgba(0,44,26,0.7);
	background-color:rgba(0,0,0,0.6);
	padding:30px 0;
	color:#FFF;
}
#TopMv .leadBlock p {
	text-align:center;
	-moz-text-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
	-webkit-text-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
	text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	font-size:114%;
	line-height:2.2;
}

/* // ContentsItem
----------------------------------------------- */
#ContentsItem {
	margin-top:85px;
	margin-bottom:80px;
}

#ContentsItem .item a {
	display:block;
	width:100%;
	height:280px;
	position:relative;
	overflow:hidden;
	background-color:#000;
}
#ContentsItem .plain {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	border: 2px solid #CCC;
	box-sizing: border-box;
	padding: 20px;
	min-height: 120px !important;
	position: relative;
}
#ContentsItem .plain span {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 125%;
	font-weight: 400;
}
#ContentsItem .plain ul {
	display: flex;
	justify-content: center;
	margin: 10px 0 0 0;
}
#ContentsItem .plain ul li {
	margin: 0 10px;
	padding: 0 20px 0 0;
	background: url("../img/blank_icon.png") 100% 9px no-repeat;
}
#ContentsItem .plain ul li a {
	position: relative !important;
	width: auto;
	height: auto;
	display: inline-block;
}
#ContentsItem .plain ul li a {
  padding-bottom: 5px;
  position: relative;
}
#ContentsItem .plain ul li a:hover {
	background-color:transparent;
}
#ContentsItem .plain ul li a::before {
  background: #CCC;
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: auto;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .3s;
}
#ContentsItem .plain ul li a:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}
#ContentsItem .plain a {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	background: #FFF; 
}
#ContentsItem .plain a:hover {
	background-color: #EEE;
}
#ContentsItem .item a .txBox {
	display:block;
	width:100%;
	height:280px;
	background-color: rgba(0,0,0,0.6);
	position:absolute;
	bottom:-190px;
	left:0;
	padding:15px;
	box-sizing: border-box;
	-webkit-transition: all 0.15s;
	-moz-transition: all 0.15s;
	-ms-transition: all 0.15s;
	-o-transition: all 0.15s;
	transition: all 0.15s;
}


#ContentsItem .item a .txBox p {
	text-align:center;
	color:#FFF;
}
#ContentsItem .item a .txBox p.en {
	font-size:107%;
	color:#fff;
	opacity:0.4;
	margin-bottom:2px
}
#ContentsItem .item a .txBox p.ja {
	font-size:125%;
	font-weight:400;
}
#ContentsItem .item a .txBox p.sub {
	line-height:1.7;
	margin-top:20px;
	color:#EEE;
}
html:not(.tbsp) #ContentsItem .item a:hover .txBox {
	background-color: rgba(0,0,0,0.9);
}




/* // ■topmessage
----------------------------------------------- */
.topmessage .contents .widthFix {
/* 
	background:url(../img/company_topmsg_img_01.jpg) right top no-repeat;
	padding-right:440px;
 */
}

.topmessage .contents .headTx {
	font-weight:500;
	font-size:158%;
	line-height:1.7;
	color:#000;
	margin-bottom:30px;
	margin-left:-12px;
}
.topmessage .contents .name {
	text-align:right;
	line-height:1.6;
	font-size:88%;
	margin-top:30px;
}


/* // ■officer
----------------------------------------------- */
.officer .contents .item {
	padding-bottom:50px;
	margin-bottom:50px;
	border-bottom:1px solid #DDD;
}
.officer .contents .item .photo {
	width:400px;
	float:left;
}
.officer .contents .item .photo img {
	width:100%;
}

.officer .contents .item .inner {
	width:600px;
	float:left;
	padding-left:30px;
	box-sizing: border-box;
}
.officer .contents .item.noPhoto .inner {
	width:100%;
	padding-left:0;
}

.inner:after {	 content: ".";	display: block;	height: 0;	font-size:0;	 clear: both;	visibility:hidden;}
.inner {	display: inline-block;} 
* html .inner {	height: 1%;	}
.inner {	display:block;	}

.officer .contents .item p,
.officer .contents .item span
 {
	float:left;
	display:inline-block;
	line-height:1.4;
	vertical-align:middle;
}

.officer .contents .item .position {
	font-size:108%;
	color:#007C2B;
	font-weight:400;
	margin-bottom:0;
	width:52%;
}
.officer .contents .item .position .ja {
	width:41%;
}
.officer .contents .item .position .en {
	color:#9DC6AB;
	padding-left:0;
	width:59%;
}
.officer .contents .item .position .en .line {
	display:block;
	float:none;
}
.officer .contents .item .name {
	margin-bottom:0;
	width:48%;
}
.officer .contents .item .name .ja {
	width:40%;
	font-weight:600;
	font-size:220%;
	color:#000;
}
.officer .contents .item .name .en {
	font-weight:600;
	font-size:160%;
	color:#CCC;
	width:60%;
}
.officer .contents .item .htxA {
	font-weight:400;
	color:#3F9E5E;
	margin-bottom:3px;
	font-size:110%;
}


/* // ■profile
----------------------------------------------- */
.profile .contents .profileTable th {
	width:30%;
}
.profile .contents .profileTable td {
	width:70%;
}

.profile .map #Map_canvas {
	width:100%;
	height:500px;
}

/* // ■history
----------------------------------------------- */
.history .contents .historyTable th {
	width:30%;
}
.history .contents .historyTable td {
	width:70%;
}

/* // ■office
----------------------------------------------- */
.office .navi {
	text-align:center;
	margin-bottom:40px;
}
.office .navi a {
	display:inline-block;
	margin:0 15px;
	width:250px;
}
.office .contents .item {
	border:8px solid #f3f3f3;
	box-sizing: border-box;
}
.office .contents .item .frame {
	border:1px solid #DDD;
	padding:15px 18px 20px;
}
.office .contents .item p {
	vertical-align:middle;
	line-height:1.8;
}
.office .contents .item .name {
	color:#000;
	font-weight:600;
	font-size:160%;
	line-height:1.3;
	padding-bottom:10px;
	margin-bottom:12px;
	border-bottom:1px dotted #CCC;
}
.office .contents .item .name .small {
	font-size:86%;
}
.office .contents .item .hxt {
	display:inline-block;
	background-color:#f5f5f5;
	color:#aaa;
	padding:0px 7px;
	margin-right:7px;
	line-height:1.7;
	font-size:85%;
	vertical-align:middle;
}
.office .contents .item .wrap {
	margin-right:15px;
}
.office .contents .item .area {
	margin-top:15px;
	line-height:1.5;
	font-size:80%;
	color:#888;
}
.office .contents .item .area .hxt {
	margin-bottom:3px;
	font-size:100%;
}
#Map_canvas.officeMap {
	width:971px;
	height:600px;
	background-color:#000;
	margin:0 auto;
}

#graph {
	margin: 60px auto;
	width: 1000px;
	text-align: center;
}
#graph img {
	max-width: 80%;
	height: auto;
}
#graph p {
	height: 500px;
	background: #CCC;
}

#mapFree {
	width: 100%;
	position: relative;
	overflow: hidden;
}
#mapFree iframe {
	width: 100%;
	height: 500px;
	line-height: 0;
}

/* // other
----------------------------------------------- */
/*#ContentsWrap.top {
	padding-bottom:600px;
	background:url(../img/company_top_img_01.jpg) center bottom no-repeat;
}
*/