@charaset"UTF-8";
@import "../common/common.css";

/*==================================================================*/
/* about css */
/*==================================================================*/
header #nav #nav-about a::after{transform: scale(1, 1);}

/* -------------------------------------------------------------- */
/* greeting */
/* -------------------------------------------------------------- */
#greeting{margin:0 auto 10px;}
#greeting dl{}
	/* clear hack */ #greeting dl{zoom:1;}#greeting dl:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

#greeting dt{
	float:left;
	width:220px;
    position: relative;
    z-index: 1;
	}

#greeting dt::before,
#greeting dt::after{
    content: "";
    width: 100%;
	height: 100%;
	position: absolute;
	}
#greeting dt::before{
    border:1px solid #ff4401;
    left:6px;
    top:6px;
    z-index: -1;
	}

#greeting dd{
	float:right;
	width:700px;
	}
#greeting dd p{margin:0 0 1em;}
#greeting dd #sign{text-align:right;}


/* -------------------------------------------------------------- */
/* about */
/* -------------------------------------------------------------- */
#about{}
#about dl{
	margin:0 30px 1em;
	padding:0 0 1em;
	border-bottom:1px solid #eee;
	}
	/* clear hack */ #about dl{zoom:1;}#about dl:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

#about dt{
	float:left;
	width:120px;
	}

#about dd{
	float:right;
	width:700px;
	}
	/* clear hack */ #about dd{zoom:1;}#about dd:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

#about dd p{
	color:#999;
	font-size:13px;
	text-align:right;
	}
#about dd p.map{float:right;}
#about dd p.map a{
	margin:0 auto;
	display:block;
	width:120px;
	list-style:none;
	border:1px solid #ff4401;
	border-radius:20px;
	box-sizing:border-box;
	text-align:center;
	}
#about dd p.map a:hover{
	border-color:#f58812;
	letter-spacing:2px;
	}

/* -------------------------------------------------------------- */
/* officer */
/* -------------------------------------------------------------- */
#officer{}
#officer dl{
	margin:0 30px 1em;
	padding:0 0 1em;
	border-bottom:1px solid #eee;
	}
	/* clear hack */ #officer dl{zoom:1;}#officer dl:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

#officer dt{
	float:left;
	width:120px;
	}
#officer dd{
	float:right;
	width:700px;
	}


/* -------------------------------------------------------------- */
/* company */
/* -------------------------------------------------------------- */
#company{
	margin:0 0 120px;
	}
#company ul{
	margin:0 30px;
	font-size:0;
	}

#company li{
	margin:0 8px 1em 0;
	padding:0;
	display:inline-block;
	position:relative;
	list-style:none;
	width:300px;
	vertical-align:top;
	font-size:16px;
	box-sizing:border-box;
	}
#company li:nth-of-type(3n){margin:0 0 0.2em;}

#company li::after{
	position:absolute;
	top:0;
	bottom:0;
	left: 0;
	content:'・';
	}

#company li a{
	padding:0 0 0 20px;
	display:block;
	color:#423e39;
	}
#company li a:hover{color:#ff4401}


/* -------------------------------------------------------------- */