/* CSS Document */
.home__topics__list li {
  zoom: 1;
}

.home__topics__list li:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-color-index: 0) {
  .home__topics__list li:after {
    color: #fff;
    content: "";
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  ::i-block-chrome,
  body {
    font-feature-settings: "pkna";
  }
}

/*----------------------------------------
	home.scss
----------------------------------------*/
.home {
  /*	home__pickup
-------------------*/
  /*	home__drone
-------------------*/
  /*	sec02
-------------------*/
  /*	home__topics
-------------------*/
}

.home__pickup .item {
  box-sizing: border-box;
  margin-bottom: 8%;
  padding-left: 36.8%;
  position: relative;
}

.home__pickup .item .photo {
  left: 0;
  max-width: 140px;
  position: absolute;
  top: -12%;
  width: 32%;
}

.home__pickup .item .photo img {
  border-radius: 100%;
  box-shadow: 3px 3px 9px 0px rgba(35, 24, 21, 0.3);
}

.home__pickup .item .button {
  width: 100%;
}

.home__pickup .item .text {
  margin-top: 10px;
}

.home__pickup .item .notes {
  margin-top: 5px;
}

@media (min-width: 641px) and (max-width: 768px) {
  .home__pickup .item .photo {
    left: 6%;
    position: absolute;
    top: -25px;
  }
  .home__pickup .item .photo img {
    border-radius: 100%;
    box-shadow: 3px 3px 9px 0px rgba(35, 24, 21, 0.3);
  }
}

@media (min-width: 769px) {
  .home__pickup .home__pickup__list {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .home__pickup .item {
    margin-bottom: 0;
    padding-left: 0;
    width: 33.3333%;
  }
  .home__pickup .item:first-of-type .border:before {
    border-right: 2px #00a0e9 solid;
    bottom: -10px;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 150px;
    left: 0;
    padding: 0 0 10px 0;
    position: absolute;
  }
  .home__pickup .item .border {
    position: relative;
  }
  .home__pickup .item .border:after {
    border-right: 2px #00a0e9 solid;
    bottom: -10px;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 150px;
    padding: 0 0 10px 0;
    position: absolute;
    right: 0;
  }
  .home__pickup .item .photo {
    margin: 0 auto 20px;
    position: relative;
    width: 136px;
  }
  .home__pickup .item .photo img {
    border-radius: 100%;
    box-shadow: 6px 5px 15px 0px rgba(35, 24, 21, 0.3);
  }
  .home__pickup .item .text {
    margin-top: 30px;
    padding: 0 10px 0;
  }
  .home__pickup .item .notes {
    padding: 0 10px 0;
  }
}

.home__drone .text {
  margin-bottom: 4%;
}

.home__drone .button {
  margin-bottom: 10.66667%;
}

@media (min-width: 769px) and (max-width: 959px) {
  .home__drone {
    float: right;
    width: 38.54167% !important;
  }
}

@media (min-width: 769px) {
  .home__drone {
    float: right;
    width: 360px;
  }
  .home__drone .text {
    margin-bottom: 30px;
  }
  .home__drone .button {
    margin-bottom: 0;
  }
}

.home .sec02 .container {
  padding-top: 4% !important;
}

@media (min-width: 769px) {
  .home .sec02 .container {
    padding-bottom: 0 !important;
  }
}

.home__topics .head img {
  margin-bottom: 2.66667%;
  width: 24.96%;
}

.home__topics__list {
  list-style: none;
  text-align: left;
}

.home__topics__list li {
  margin-bottom: 10px;
}

.home__topics__list .date {
  border: 2px #00a0e9 solid;
  border-radius: 8px;
  box-sizing: border-box;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 6px;
  padding: 6px 10px;
  vertical-align: middle;
}

.home__topics__list .title {
  display: table-cell;
  line-height: 1.4;
  padding-left: 10px;
  vertical-align: middle;
  width: 100%;
  font-size: 17px;
  line-height: 1.8;
}

@media (min-width: 769px) {
  .home__topics {
    display: flex;
    width: 58.33333%;
  }
  .home__topics .head img {
    margin: -18px -2px 0 0;
    width: 95px;
  }
  .home__topics__list {
    border-radius: 0 10px 0 0;
    border-right: 4px #00a0e9 solid;
    border-top: 4px #00a0e9 solid;
    box-sizing: border-box;
    margin-top: 20px;
    padding: 30px 10px;
  }
  .home__topics__list li {
    display: table;
    font-size: 1.4rem;
    margin-bottom: 10px;
  }
  .home__topics__list li:last-child {
    margin-bottom: 0;
  }
  .home__topics__list .date {
    display: table-cell;
    margin-bottom: 0;
    padding: 7px 12px;
    width: 100px;
  }
  .home__topics__list .title {
    display: table-cell;
    width: 100%;
  }
}