@charset "utf-8";
/* fv */
.fv{
  background-image: url(./images/img_fv.png);
}
.fv .bubbles .bubble em{
  font-size: 38px;
}
.fv .bubbles .bubble:nth-child(1) {
  width: 180px;
  height: 180px;
  right: 209px;
}
.fv .bubbles .bubble:nth-child(2) {
  width: 230px;
  height: 230px;
  top: 20px;
}
.fv .bubbles .bubble:nth-child(3) {
  width: 152px;
  height: 152px;
  right: 114px;
  top: 213px;
}
/*.solution {*/
.solution::after {
  background-image: url(./images/img_app_pc.png);
}
.solution::before{
  background-image: url(./images/img_app_sp.png);
}
.feature2 .image p{
  text-align: right;
  font-size: 12px;
}
.feature2 .txt{
  margin-bottom: 40px;
}
.feature3 .image p {
  text-align: right;
  font-size: 12px;
}

.usescene .layout{
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 20px 0;
}

/* tbl */
@media screen and (min-width:768px) and (max-width: 994px) {
  .fv h1 .part4 {
    font-size: 32px;
  }
}

/* sp */
@media screen and (max-width: 767px) {
  .fv{
    background-image: url(./images/img_fv_sp.png);
  }
  .feature .layout.type1{
    display: flex !important;
    flex-direction: column-reverse;
  }
  .feature .layout.type2 .images .image:first-child{
    margin-bottom: 20px;
  }
  .usescene .layout{
    display: block;
    padding: 50px 20px 20px 20px;
  }
  .usescene .serifu{
    margin-bottom: 40px;
  }
}