@charset "utf-8";
/* CSS Document */
.common .main-image {
  background-image: url(../images/corp1.jpg);
  background-position: left -5rem center
}
.company-copy {
	font-size: 1.8rem;
	font-weight: bold;
}
.top-btn {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 5rem;
}
.top-btn li {
  width: 48%;
  margin-bottom: 1.5rem;
}
.top-btn li:nth-child(n+2) {
  margin-bottom: 0;
}

.greets-photo li{
	margin-bottom: 2rem;
}
.greets-sign {
	width: 18rem;
	margin-left: auto;
}
.text-greets img{
		width: 80%;
	}
.summary-table dt {
	float: left;
	width: 20em;
	font-weight: normal;
}
.summary-table dd {
	width: 3em;
}
.map {
	margin-bottom: 3rem;
}
a.btn-lg {
	text-decoration: none!important;
	border-radius: 50px;
	padding: 1rem 2rem;
	background-color:#164574;
}
.access {
	text-align: center;
}
.timeline {
  list-style: none;
  display: inline-block;
}
.column-list {
	display: flex;
	flex-wrap: wrap;
}
.column-list li {
	width: 50%;
}
.column-list li:nth-child(2n) {
	
}
.iso img {
    width: 200px;
    border: 1px solid #CCC;
}
.iso {
	margin-bottom: 10px;
}


/*************
/* ここからSP用
*************/
@media screen and (max-width: 991.98px) {
	.timeline-date {
		margin-bottom: 0;
		font-weight: bold;
	}
	.timeline > li {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px dotted #CCC; 
}
	.timeline > li:last-of-type {
  margin-bottom: 0rem;
  padding-bottom: 2rem; 
}
}



/*************
/* ここからPC用
*************/
@media print, screen and (min-width: 992px) {
  .common .main-image {
    background-image: url(../images/corp1.jpg);
    background-position: center center;
	  background-size: auto;
  }
  .company-copy {
	font-size: 2.6rem;
	text-align: center;
}
  .top-btn {
  	justify-content: space-between;
  	margin-bottom: 8.5rem;
  	margin-top: -1.4rem;
  }
  .top-btn li {
    width: 350px;
  }
	.greets-photo{
	width: 30%;
}
	.greets-photo li{
	margin-bottom: 3rem;
}
	.greets-sign {
	width: 24.5rem;
	margin-left: auto;
}
	.greets-photo {
		margin-top: 1rem;
	}	
	.text-greets img{
		width: 490px;
	}
  .map {
    margin: 0 calc(50% - 50vw) 03em;
    height: 400px;
    margin-bottom: 5rem;
    padding-bottom: 0px;
  }
	.access-map {
		display: flex;
	}
	.map-img {
		width: 46rem;
		margin-right: 3rem;
	}
	.access {
	text-align: left;
}
.access .btn-lg {
	font-size: 2rem!important
}
.timeline-box {
    text-align: center;
}
.timeline > li {
  overflow: hidden;
  margin: 0;
  position: relative;
  /* display: inline-block; */
  text-align: left;
}
.timeline-date {
  width: 220px;
  float: left;
  /* margin-top: 20px; */
  margin-bottom: 0;
}
.timeline-content {
  width: 75%;
  float: left;
  border-left: 6px #CCC solid;
  padding-left: 30px;
  padding-bottom: 2rem;
}
.timeline-content:before {
  content: '\2022';
  font-size: 40px;
  position: absolute;
  left: 212px;
  color: #164574;
  top: -2.4rem;
}	
    .iso-ul {
        margin-right: 50px;
    }	
    .iso img {
        width: 150px;
    }
	.iso {
	margin-left: 15px;
		margin-bottom: 0
}
	
	
	
}