@charset "UTF-8";
/* CSS Document */

/*============リンク============*/

.button020 a {
    position: relative;
    display: flex;
    align-items: left;
	text-align:  left;
    margin: 0 auto;
    max-width: 450px;
    padding: 20px 25px;
    color: #565656;
    transition: 0.3s ease-in-out;
    font-weight: 400;
	border-bottom: 1px solid #999;
	font-size:1.8rem;
}
@media screen and (min-width:960px){
.link_waku{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width:90%;
max-width: 1004px;
margin:0 auto;
}
.button020 a {
    padding: 30px 25px;
	font-size:2.0rem;
	width: 430px;
}
}
.button020 a:hover {
    color:#77c0aa;
	font-weight: 500;
}
.button020 a:before, .button020 a:after {
  content: "";
  position: absolute;
  display: block;
  transition: all 0.3s;
  right: 0.6rem;
  top: 50%;
}
.button020 a:before {
  width: 1.4rem;
  height: 2px;
  background: #999;
  transform: translateY(-50%);
}
.button020 a:after {
  opacity: 0;
  width: 0;
  height: 0;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.button020 a:hover:before {
  width: 1.5rem;
  background: #77c0aa;
}
.button020 a:hover:after {
  opacity: 1;
  width: 8px;
  height: 8px;
}

/**************** 本文 ****************/
h3{
font-size:1.5em;
font-weight: 500;
border-bottom: solid 3px #10b07f;
color:#10b07f;
margin:3em 0 1em 0;
}
/*============概要============*/

.gaiyou_hidari{
margin-bottom: 1em;
}
.gaiyou_migi{
width: 80%;
max-width: 600px;
margin:0 auto;
}
.gaiyou_migi img{
width: 100%;
}
@media screen and (min-width:960px){
.gaiyou_waku{
display: flex;
justify-content: space-between;
align-items:center;
width: 100%;
}
.gaiyou_hidari{
width: 46%;
}
.gaiyou_migi{
width: 50%;
max-width: 1000px;
margin-right: 0;
}
}
/*============沿革============*/
.timeline {
  list-style: none;
  margin-top:3em;
}
.timeline > li {
  margin-bottom: 30px;
}

h5{
font-weight: 500;
}
/* for Desktop */
@media ( min-width : 760px ){

  .timeline > li {
    overflow: hidden;
    margin: 0;
    position: relative;
  }
  .timeline-date {
    width: 160px;
    float: left;
    margin-top: 20px;
  }
  .timeline-content {
    width: 75%;
    float: left;
    border-left: 3px #f2f2f2 solid;
    padding-left: 30px;
  }
  .timeline-content:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #77c0aa;
    position: absolute;
    left: 156px;
    top: 24px;
    border-radius: 100%;
  }
  h5{
  margin-top:1.2em;
  }
}
@media ( max-width : 759px ){
h5{
color:#77c0aa;
}
.timeline > li {
  margin-bottom: 10px;
}
}