@charset "utf-8";


.bg{
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: -1;
}
@media print, screen and (min-width:781px) {
  .bg{
    background-image: url("../img/img_main.jpg");
  }  
}
@media screen and (max-width: 780px) {
  .bg{
    background-image: url("../img/img_main_sp.jpg");
  }
}


.figure-main{
  color: #FFF;
}
.figure-main-head{
  text-align: center;
}
.figure-main-head h1{
  font-weight: 700;
}
.figure-main-head p{
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  letter-spacing: .03em;
  line-height: 1;
}
@media print, screen and (min-width:781px) {
  .figure-main{
    padding: 120px 0;
    margin: 0 auto;
    width: 90%;
    max-width: 1088px;
  }
  .figure-main > p{
    text-align: center;
    margin-top: 50px;
  }
  .figure-main-head h1{
    font-size: 2.6rem;
  }
  .figure-main-head p{
    font-size: 1.4rem;
    margin-top: 10px;
  }
}
@media screen and (max-width: 780px) {
  .figure-main{
    padding: 75px 0;
  }
  .figure-main > p{
    font-size: 1.3rem;
    text-align: center;
    margin-top: 30px;
  }
  .figure-main-head h1{
    font-size: 2.0rem;
  }
  .figure-main-head p{
    font-size: 1.1rem;
    margin-top: 10px;
  }
}



.figure-contens{
  counter-reset: number 0;
}
.figure-sec{
  background-color: #FFF;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.figure-sec:first-child{
  margin-top: 0;
}
.figure-sec > .figure-sec-head-sub{
  color: #999999;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}
.figure-sec > .figure-sec-head-sub:after{
  counter-increment: number 1;
  content: " " counter(number,decimal-leading-zero);
}
.figure-sec-head{
  font-weight: 700;
  line-height: 1.56;
  position: relative;
}
.figure-sec-head:before,
.figure-sec-head:after{
  background-repeat: no-repeat;
  content: "";
  display: block;
  position: absolute;
}
.figure-sec-head:before{
  background-image: url("../img/img_d_quotation1.svg");
}
.figure-sec-head:after{
  background-image: url("../img/img_d_quotation2.svg");
}
.figure-sec-head strong{
  background-color: #DBF9FF;
}
.figure-sec > ul{
  font-weight: 700;
}
@media print, screen and (min-width:781px) {
  .figure-contens{
    margin: 0 auto 0;
    padding-bottom: 295px;
    width: 90%;
    max-width: 904px;
  }
  .figure-sec{
    margin-top: 50px;
    padding: 60px 60px 70px;
    text-align: center;
  }
  .figure-sec-head{
    font-size: 3.2rem;
    margin-top: 40px;
  }
  .figure-sec-head:before,
  .figure-sec-head:after{
    background-size: 43px auto;
    height: 36px;
    width: 43px;
    top: 10px;
  }
  .figure-sec-head:before{
    left: -10px;
    transform: translate(-100%,-100%)
  }
  .figure-sec-head:after{
    right: -10px;
    transform: translate(100%,-100%)
  }
  .figure-sec > ul{
    font-size: 1.8rem;
    margin-top: 20px;
  }
  .figure-sec > ul > li:before{
    content: "・";
  }
}
@media screen and (max-width: 780px) {
  .figure-contens{
    margin: 0 20px 0;
    padding-bottom: 150px;
  }
  .figure-sec{
    margin-top: 50px;
    padding: 90px 40px 70px;
    text-align: center;
  }
  .figure-sec-head{
    font-size: 2.2rem;
    margin-top: 40px;
  }
  .figure-sec-head:before,
  .figure-sec-head:after{
    background-size: 25px auto;
    height: 20px;
    width: 25px;
    top: 5px;
  }
  .figure-sec-head:before{
    left: -5px;
    transform: translate(-100%,-100%)
  }
  .figure-sec-head:after{
    right: -5px;
    transform: translate(100%,-100%)
  }
  .figure-sec > ul{
    font-size: 1.3rem;
  }
  .figure-sec > ul > li{
    margin-top: 30px;
  }
}