@charset "UTF-8";

nav #nav_wrap .inner ul li#nav4 a {
      border-bottom: 3px solid #ffafaf;
}

@media only screen and (max-width: 650px) {
  nav #nav_wrap .inner ul li#nav4 a {
      border: none!important;
  }
}

/* ============================================================
COMPANY PLOFILE
============================================================ */
.ctsList {
    max-width: 880px;
    margin: 0 auto;
}
.ctsList ul {
	float: left;
	width: 45%;
	letter-spacing: -0.05%;
}
.ctsList ul.list_01 {
	margin-right: 10%
}
.ctsList ul li {
	margin-bottom: 0;
	padding: 25px 0;
	letter-spacing: -0.02em;
}
.ctsList ul li dl {
	font-size: 12px
}
.ctsList ul li dl dt {
   font-weight: bold;
   float: left;
   width: 25%;
   margin-right: 2%;
}
.ctsList ul li dl dd {
   margin-left: 27%
}
.ctsList ul li dl dd a.textlink {
    display: inline-block;
    margin-bottom: 8px;
}
.ctsList ul li dl dd a.pdficon {
    display: inline-block;
    margin-bottom: 20px;
}

/* ============================================================
MAP
============================================================ */
#map {
	margin: 30px auto;
	max-width: 880px;
	margin-bottom: 100px
}
#map_canvas {
	margin: 0 0 50px 0;
	width: 100%;
	height: 300px;
}
#address {
	font-size: 12px;
}

/* ============================================================
@media only screen and (max-width: 650px)
============================================================ */
@media only screen and (max-width: 650px) { 
    .here {
        border: none!important;
    }
    .ctsList ul {
        padding: 0 30px;
        width: 100%;
    }
    .ctsList ul {
        padding: 0 30px;
        width: 100%;
    }
	.ctsList ul li {
		border-bottom: 1px dotted #C7C7C7;
		line-height: 1.8;
	}
	.ctsList ul li dl dt br {
		display: none
	}
    #map {
        max-width: auto;
        padding: 0 10px;
    }
    #map_canvas {
        margin: 0 0 30px 0
    }
    #address {
        padding: 0 20px;
        line-height: 1.8;
    }
}