/*///////////////////////////////////////ABOUT/////////////*/
.lower#about h2 {
	background: url("../images/about/ttl_bg_about.jpg") no-repeat 50% 91%;
	background-size: cover;
}

/*/////////////////////////CONCEPT/////////////*/



#about #concept {
	border-bottom:1px solid #e5e5e5;
}
#about .sec_inner {
	width:1020px;
	margin:0 auto;
}

#about #concept p{
	text-align:center;
	line-height:1.8em;
	margin-bottom:120px;
}
#about #concept .ph {
	width:960px;
	display:block;
	margin:60px auto;
}
#about #concept .ph img{
	width:100%;
}
@media screen and (max-width:1080px){
#about .sec_inner {
	width:100%;
	padding:5%;
	box-sizing:border-box;
}	
#about #concept p {
	font-size:13px;
	margin-bottom:60px;
}
#about #concept .ph {
	width:100%;
}
}
@media screen and (max-width:780px){
#about #concept p {
	text-align:justify;
}
}

/*/////////////////////////FEATURE/////////////*/



#about #feature {
	margin:120px 0 0 0;
	padding-bottom:120px;
	border-bottom:1px solid #e5e5e5;
}
#about #feature ul {
	margin: 0 60px;
}
#about #feature ul li {
	margin-bottom: 30px;
}
#about #feature ul li{
	letter-spacing: -.4em; /* 文字間を詰めて隙間をなくす */
}
#about #feature ul li .left-box,
#about #feature ul li .right-box{
	float: none;
	display: inline-block;
	vertical-align: middle;
	letter-spacing: .1em;
}
#about #feature ul li .left-box{
	width: 35%;
	margin-right: 5%;
}
#about #feature ul li .right-box{
	width: 60%;
}
#about #feature .ph img{
	width:100%;
}
#about #feature ul li .right-box span,
#about #feature ul li .right-box h4{
	margin-bottom: 20px;
	display: block;
}
#about #feature ul li .right-box span{
	color: #999;
}
#about #feature ul li .right-box p{
	line-height: 1.5em;
}

@media screen and (max-width:1080px){
#about #feature {
	margin:60px 0 0 0;
	padding-bottom:60px;
}
#about #feature .sec_inner {
	padding:5%;
	
}
#about #feature ul {
	margin: 0;
}
}
@media screen and (max-width:780px){
#about #feature ul li .left-box{
	width: 100%;
	margin-right: 0%;
	margin-bottom: 30px;
}
#about #feature ul li .right-box{
	width: 100%;
	margin-bottom: 60px;
}
}



/*/////////////////////////STAFF/////////////*/

#about #staff {
	margin:120px 0 0 0;
	padding-bottom:120px;
	border-bottom:1px solid #e5e5e5;
}
#about #staff .sec_inner {
	padding:0 30px;
	box-sizing:border-box;
}
#about #staff .staff-list li{
	padding: 40px 0;
	border-bottom:1px dashed #e5e5e5;
}
#about #staff .staff-list li:last-child{
	padding-bottom:0;
	border:none;
}


#about #staff .staff-list .left-box {
	width:250px;
	margin:0 35px;
}
#about #staff .staff-list .left-box .ph {
	margin: 0 auto 20px;
    width: 220px;
}
#about #staff .staff-list .left-box .ph img{
	width:100%;
}
#about #staff .staff-list .left-box .hobby {
	font-size:11px;
	margin:0 auto;
}
#about #staff .staff-list .left-box .hobby dt{
	float:left;
	background:#fbf8ed;
	padding:12px 20px;
}
#about #staff .staff-list .left-box .hobby dd{
	float: left;
    width: 64%;
	margin-left:20px;
	padding-top:2px;
	line-height:1.5em;
}
#about #staff .staff-list .right-box {
	width:640px;
}
#about #staff .staff-list .right-box .name {
	margin-bottom:30px;
}
#about #staff .staff-list .right-box .name .crim{
	margin-left:25px;
	font-size:13px;
	font-style:italic;
}
#about #staff .staff-list .right-box p {
	text-align:justify;
	line-height:1.8em;
	margin-bottom:20px;
}
#about #staff .staff-list .right-box p:last-child {
	margin-bottom:0;
}
#about #staff .link-fb a{
	display:block;
	font-size:12px;
	color:#0099ff;
}

@media screen and (max-width:1080px){
#about #staff {
	margin:60px 0 0 0;
	padding-bottom:60px;
}
#about #staff .sec_inner {
	padding:5%;
	
}
#about #staff .staff-list li:first-child{
	padding:0 0 40px 0;
}
#about #staff .staff-list .left-box {
	width:100%;
	margin:0 auto 30px;
}
#about #staff .staff-list .right-box .name {
	font-size:18px;
	margin-bottom:20px;
}
#about #staff .staff-list .left-box .hobby dd{
    width: 74%;
    padding-top:12px;
}
#about #staff .staff-list .left-box .ph{
	text-align:center;
	width:auto;
}
#about #staff .staff-list .right-box {
	width:100%;
}
#about #staff .staff-list .right-box p {
	line-height:1.5em;
	margin-bottom:15px;
}
#about #staff .staff-list .right-box .name .crim {
	margin-left:10px;
}
#about #staff .staff-list .left-box .ph img{
	width:50%;
}
}


/*/////////////////////////COMPANY, Recruit/////////////*/

#about #recruit p{
	text-align: center;
    margin-bottom: 60px;
    line-height: 1.5em;
}
#about .tbl_layout {
	margin:120px 0 0 0;
	padding-bottom:60px;
	border-bottom:1px solid #e5e5e5;
}
#about .tbl_layout table {
	width:780px;
	margin:0 auto 60px;
	font-size:12px;
}
#about .tbl_layout tr{
	border-bottom:1px dashed #e5e5e5;
}
#about .tbl_layout tr:last-child{
	border:none;
}
#about .tbl_layout table td {
	text-align:justify;
	padding:20px;
	line-height:1.5em;
}
#about .tbl_layout table .ttl {
	width:25%;
	font-szie:12px;
}
#about .tbl_layout table td a{
	color:#0099ff;
}
@media screen and (max-width:1080px){
#about .tbl_layout {
	margin:60px 0 0 0;
	padding-bottom:60px;

}
#about #recruit p{
	text-align: left;
    margin-bottom: 40px;
}
#about .tbl_layout table {
	width:100%;
}
#about .tbl_layout table .ttl {
	width:100%;
	font-weight:bold;
	margin:20px 0 10px 0;
}
#about .tbl_layout table td {
	display:block;
	width:100%;
	padding:0;
	margin-bottom:20px;
	line-height:1.2em;
}
}




/*/////////////////////////ACCESS/////////////*/
#about #access {
	margin:120px 0 0 0;
	padding-bottom:120px;
}

#about #access #map_canvas {
	width:100%;
	height:350px;
	border:none;
	margin-bottom:60px;
}

#about #access p {
	text-align:center;
	margin-bottom:15px;
	line-height: 1.5em;
}

#about #access .note {
	font-size: 12px;
	color: rgb(222, 57, 57);
	text-align: center;
	display: block;
	line-height: 1.5em;
	margin: 0 auto 60px;
}
#about #access .note a{
	display: initial;
	color: rgb(222, 57, 57);
	text-decoration: underline;
}
#about #access .traffic {
	width:585px;
	margin:0 auto 80px;
}
#about #access .traffic li {
	display:block;
	text-align:center;
	float:left;
	line-height: 1.1em;
	height:110px;
}
#about #access .traffic li:first-child {
	padding-right:50px;
	margin-right:50px;
	border-right:1px dashed #e5e5e5;
}
#about #access .traffic dt{
	font-size:16px;
	margin-bottom:20px;
}
#about #access .traffic dd{
	font-size:12px;
}

@media screen and (max-width:1080px){
#about #access {
	margin:60px 0 0 0;
	padding-bottom:40px;	
}
#about #access p {
	text-align:left;
	margin-bottom:40px;
}
#about #access #map_canvas {
	margin-bottom:30px;
}
#about #access .traffic {
	width:100%;
	margin-bottom:40px;
}
#about #access .traffic li {
	text-align:left;
	float:none;
	height:auto;
}
#about #access .traffic dt{
	font-weight:bold;
	margin-bottom:10px;
}
#about #access .traffic li:first-child {
	padding:0 0 20px;
	margin:0 0 20px;
	border-right:none;
	border-bottom:1px dashed #e5e5e5;
}
}