@charset "UTF-8";

.history-content{
margin-bottom: 80px;
}

.history-block{
border-left:1px solid #d0d0d0;
padding-left: 25px;
padding-bottom: 30px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

.history-block:before{
content: "●";
color:var(--c-green);
position: absolute;
top: -.5em;
left: -.5em;
font-size: 20px;
}

.history-block.img .item:nth-of-type(1){
flex-basis: 100%;
}

.history-block.img .item:nth-of-type(2){
flex-basis: 47%;
margin-right: 6%;
}

.history-block.img .item:nth-of-type(3){
flex-basis: 47%;
}

.history-block .item:nth-of-type(1) p{
font-size: 14px;
}

.history-block .item:nth-of-type(1) p.date{
font-size: 16px;
font-weight: 700;
margin-top: 0;
}

.history-block .item img{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}


@media (min-width: 768px) {

.history-block.img .item:nth-of-type(1){
flex-basis: 50%;
margin-right: 3%;
}

.history-block.img .item:nth-of-type(2){
flex-basis: 22%;
margin-right: 3%;
}

.history-block.img .item:nth-of-type(3){
flex-basis: 22%;
}

.history-block .item:nth-of-type(1) p{
font-size: 16px;
}

.history-block .item:nth-of-type(1) p.date{
font-size: 18px;
}
}


@media (min-width: 1024px) {
}