@charset "UTF-8";

a{text-decoration: none;}
#main{margin-bottom: 3em;}

a:hover {
    color: #333;
    text-decoration: underline;
}

.company h3{text-align: left;
    font-size: 1.5em;
    font-weight: 600;
    color: #066ca2;
    border-bottom: 1px solid #ddd;
    padding: 0 0 10px 0;
    margin-bottom: 10px;
 margin-top: 40px;}

div#main p.date{text-align: right;
	margin: 0 5px 5px 0;
}
.company #main strong{
	color: #666;
	
}
.company ol {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}
 

#wrap,#wrap2{
    position: relative;
}
#wrap div,#wrap2 div{
    width: 100%;
    height: 40px;
    position: relative;
}
#wrap span,#wrap2 span{
    position: absolute;
}



#wrap .title,#wrap2 .title
{
    left: 0px;
	font-weight: 600;
	color: #666;
}
#wrap .name,#wrap2 .name
{left: 10em;
}
.button a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5em 1.5em;
  width: 250px;
  color: #333;
  font-weight: 700;
  background-color: #cccccc;
  border-radius: 50vh;
margin: 10px 50px 50px 0;
}

.button a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #333333;
  border-right: 3px solid #333333;
  transform: rotate(45deg);
}

.button a:hover {
  text-decoration: none;
  background-color: #bbbbbb;
}
.license{;margin: auto;}
#main img{margin: 0 0 10px 0;}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {

.button a {
  width:auto;
    margin: 0;
}
#main img{width: 100%;}
}