/*$color-sub01: mix($color-main01, $color-main02, 3%);
$color-sub02: mix($color-main02, #eee, 35%);*/
/*
@mixin left-top-shadow {
  box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}

@mixin top-shadow {
  box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

@mixin bottom-shadow {
  box-shadow: 0 -1px 3px rgba(0,0,0,0.2);
}

@mixin hoge($color: #fff, $fSize: 16px) {
  color: $color;
  font-size: $fSize;
}
  //.text {
    //@include hoge(black, 20px);
  //}

@mixin sp-width {
  width: $sp-width;
  margin: auto;
}

@mixin pc-width {
  width: $pc-width;
  margin: auto;
}
*/
/*--------------------------------------------
    about
---------------------------------------------*/
#statement {
  width: 240px;
  max-width: 100%;
  margin: auto;
}

@media screen and (max-width: 959px) {
  .contents .align-center--sp-justify br {
    display: none;
  }
  .contents {
    margin-bottom: 60px;
  }
}


/*--------------------------------------------
    company
---------------------------------------------*/
.company-table .table-box__ttl {
  width: 8em;
}

.timeline > li {
  clear: both;
  overflow: hidden;
  margin: 0;
  position: relative;
}

.timeline__date {
  width: 20%;
  float: left;
  padding-top: 15px;
  margin-right: 1%;
}

.timeline__content {
  width: 73%;
  float: left;
  border-left: 3px solid #f5efe2;
  padding: 15px 0 15px 6%;
  margin: 0 !important;
  position: relative;
}

.timeline__content:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #dec082;
  border-radius: 100%;
  position: absolute;
  left: -7px;
  top: 20px;
}

@media screen and (max-width: 445px) {
  .timeline__date {
    width: 25%;
  }
  .timeline__content {
    width: 68%;
  }
}

@media screen and (max-width: 345px) {
  .timeline__date {
    width: 28%;
  }
  .timeline__content {
    width: 65%;
  }
}


.img-text-flex {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  flex-wrap: wrap;
  margin-top: 40px;
}

.img-text-flex img {
  max-width: 150px;
  height: auto;
}