/* CSS Document */

.box-video {
width:100%;
height:auto;
position:relative;
}

video {
position: relative;
right: 0;
bottom: 0;
min-width: 100%;
width: 100%;
height: auto;
z-index: -100;
}



#right h3 {
	font-size:32px;
	font-weight:bold;
}

#right h4 {
	margin:15px 0px 10px 0px;
	font-size:24px;
	font-weight:bold;
}

#right h5 {
	margin:0px 0px 10px 0px;
	border-bottom:1px solid #666666;
	font-size:20px;
	font-weight:bold;
}

#container {
	margin:0px 0px 0px 0;
	padding:0px 15px 50px 0px;
}

.main {
	margin:40px 0px;
	position:relative;
}

.main img {
	width:100%;
	z-index:1;
}

.main p.title {
	position:absolute;
	right:30px;
	bottom:15px;
	font-size:36px;
	color:#333333;
	text-align:right;
	z-index:2;
}

.main p.title span {
	color:#ffffff;
	text-shadow:1px 1px 2px #000000;
}

.pagecontents {
	padding:0px 1%;
	font-size:14px;
}

.pagecontents p {
	padding:0px 0px 15px 0px;
}

.pagecontents i {
	margin:0px 5px;
}

.pagemain {
	margin:0px 0px 15px 0px;
	padding:15px;
	background:rgba(255,255,255,0.5);
}

.pagemain img {
	width:100%;
	padding:0px 0px 15px 0px;
}

.pagemain p {
	font-size:18px;
}

p.list_title {
	margin:30px 1% 15px 1%;
	font-size:24px;
	font-weight:bold;
}

.contentslist {
	width:45%;
	margin:2%;
	float:left;
}

.contentslist p {
	margin:0px 2%;
	font-size:18px;
	font-weight:bold;
}

.name {
	font-size:18px;
	text-align:right;
}

.name span {
	font-size:12px;
}

.guide dl {
}

.guide ul {
}

.guide dl {
	width:100%;
	margin:15px 0px 50px 0px;
	border-bottom:1px #333333 dotted;
}

.guide dl dt,
.guide dl dd {
	border-top:1px #333333 dotted;
	padding:1%;
}

.guide dl dt.top,
.guide dl dd.top {
	border-top:none;
}

.guide dl dt {
	float: left;
	width: 18%;
}

.guide dl dd {
	_height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
	margin-left: 20%;
}




.office_left {
	width:65%;
	float:left;
}

.office_right {
	width:33%;
	float:right;
}

.office dl {
}

.office ul {
}

.office dl {
	width:100%;
	margin:15px 0px 50px 0px;
	border-bottom:1px solid #333333;
}

.office dl dt,
.office dl dd {
	border-top:1px solid #333333;
	padding:1%;
}

.office dl dt.top,
.office dl dd.top {
	border-top:none;
}

.office dl dt {
	float: left;
	width: 18%;
}

.office dl dd {
	_height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
	margin-left: 20%;
}

#map {
	width:100%;
	height:600px;
}



.gallery {
}

.gallery img {
	width:45%;
	margin:1%;
	float:left;
}

.office iframe {
	width:100%;
	height:300px;
}


/* 沿革 */

.timeline {
	margin:0px 20px;
}
.timeline > li {
}

/* for Desktop */
@media screen and (min-width: 640px) {
  .timeline > li {
    overflow: hidden;
    margin: 0;
    position: relative;
  }
  .timeline-date {
    width: 110px;
    float: left;
    margin: 20px 0px 0px 0px;
	font-size:16px;
  }
  .timeline-content {
    width: 75%;
    float: left;
    border-left: 3px #e5e5d1 solid;
    padding:20px 0px 0px 30px;
	font-size:18px;
  }
  .timeline-content:before {
    content: '';
    width: 12px;
    height: 12px;
	background: #c22947;
    position: absolute;
    left: 106px;
    top: 24px;
    border-radius: 100%;
  }
}

/* business */
p.business_main img {
	width:100%;
}



/* スラグ事業 */

ul.slag_lineup {
}

ul.lineup li {
	width:23%;
	margin:0px 1% 15px 1%;
	font-size:14px;
	float:left;
}

ul.lineup li img {
	width:100%;
	margin:0px 0px 5px 0px;
}

/* 物流 */

.col3 > div {
	width:32%;
	margin:1% 0 1% 2%;
	float:left;
}

.col3 > div:first-child {
	margin:1% 0;
}

.col3 img {
	width:100%;
}

.btn_butsuryu_rec a {
	padding:10px 20px;
	font-size:18px;
	background:#282bac;
	color:#ffffff;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	float:right;
}

/* 太陽光事業 */

#right .solarlist h5 {
	font-size:110%;
}

.solarlist {
	width:23%;
	margin:0px 1% 15px 1%;
	font-size:14px;
	float:left;
}

.solarlist img {
	width:100%;
	margin:0px 0px 5px 0px;
}



ul.sitemap {
	padding:5px 15px;
	font-size:16px;
}

ul.sitemap li {
	padding:5px 0px;
}

ul.sitemap a {
	color:#333333;
}

@media screen and (max-width: 768px) {

h1 {
	position:absolute;
	width:100%;
	padding:20px 0px;
	top:0px;
	left:0%;
	background:#282bac;
}

h1 a {
	width:40%;
	margin:0px auto;
}

#container {
	margin:0px;
	padding:150px 15px 50px 0px;
}

#right .contentslist h3 {
	font-size:18px;
}

.office_left,
.office_right {
	width:100%;
	float:none;
}

#map {
	width:100%;
	height:300px;
}

#right .col4 div {
	width:48%;
	margin:1%;
	float:left;
}

#right .col4 div:last-child {
	margin:1%;
}


.contentslist {
	width:100%;
	margin:1% 0;
	float:none;
}

.contentslist p {
	margin:0px 1%;
	font-size:16px;
	font-weight:bold;
}

.guide dl {
	border:none;
}

.guide dl dt {
	border:none;
	float:none;
	width:98%;
}

.guide dt {
	font-size:16px;
	font-weight:bold;
}

.guide dt span {
	font-size:12px;
	font-weight:normal;
}

.guide dl dd {
	border-top:none;
	border-bottom:1px solid #333333;
	margin:0px 0px 10px 0px;
	padding:1%;
	_height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
	margin-left:0;
}

.office dl {
	width:100%;
	border-bottom:none;
}

.office dl dt,
.office dl dd {
	border-top:none;
	padding:1%;
}

.office dl dt.top,
.office dl dd.top {
	border-top:none;
}

.office dl dt {
	width: 98%;
	padding:2% 0 0 0;
	font-weight:bold;
	float:none;
}

.office dl dd {
	border-bottom:1px solid #333333;
	_height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
	margin-left: 0;
}

ul.lineup li {
	width:98%;
	margin:0px 1% 5% 1%;
	font-size:16px;
	font-weight:bold;
	float:none;
}

.solarlist {
	width:98%;
	margin:0px 1% 15px 1%;
	font-size:16px;
	float:none;
}

}