/* color */
#mv .main_title.sub .im img {
  object-position: center 47%;
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #mv .main_title.sub .text {
    margin-top: -18.984375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #mv .main_title.sub .text {
    margin-top: -243px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #mv .main_title.sub .text .tt {
    width: 23.4375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #mv .main_title.sub .text .tt {
    width: 300px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #mv .main_title.sub .text .tx {
    width: 62.8125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #mv .main_title.sub .text .tx {
    width: 804px;
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 {
    margin-top: 11.71875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 {
    margin-top: 150px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 {
    padding-bottom: 15.625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 {
    padding-bottom: 200px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 {
    margin-top: 15.3846153846vw;
    padding-bottom: 15.3846153846vw;
  }
}
#sec01 .hd01 {
  color: #00A291;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  #sec01 .hd01 {
    text-align: center;
    font-size: 60px;
    font-size: 4.6875vw;
    line-height: 1.1666666667;
    letter-spacing: 0.15em;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .hd01 {
    font-size: 60px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .hd01 {
    margin-left: 11.7948717949vw;
    font-size: 10.7692307692vw;
    line-height: 15.8974358974vw;
    letter-spacing: 0.1em;
  }
}
#sec01 .figure {
  position: relative;
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure {
    margin-top: 9.296875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure {
    margin-top: 119px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure {
    margin-left: -5.78125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure {
    margin-left: -74px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure {
    width: 118.671875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure {
    width: 1519px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .figure {
    margin-top: 30.7692307692vw;
  }
}
#sec01 .figure .list li {
  background: rgba(255, 255, 255, 0.97);
  position: absolute;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  #sec01 .figure .list li {
    box-shadow: -1.5625vw 1.5625vw 3.125vw rgba(14, 42, 122, 0.02);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li {
    border-radius: 0.9375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li {
    border-radius: 12px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li {
    padding-top: 0.78125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li {
    padding-top: 10px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li {
    padding-left: 2.65625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li {
    padding-left: 34px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li {
    padding-right: 2.65625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li {
    padding-right: 34px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li {
    padding-bottom: 2.34375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li {
    padding-bottom: 30px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li {
    box-shadow: -20px 20px 40px rgba(14, 42, 122, 0.02);
  }
}
@media screen and (max-width: 767px) {
  #sec01 .figure .list li {
    top: 0;
    left: 7.6923076923vw;
    right: 7.6923076923vw;
    border-radius: 3.0769230769vw;
    padding: 1.2820512821vw 4.6153846154vw 3.8461538462vw;
    box-shadow: -5.1282051282vw 5.1282051282vw 10.2564102564vw rgba(14, 42, 122, 0.02);
  }
}
#sec01 .figure .list li .tt {
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  #sec01 .figure .list li .tt {
    font-size: 24px;
    font-size: 1.875vw;
    line-height: 2.5;
    letter-spacing: 0.1em;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li .tt {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .figure .list li .tt {
    font-size: 4.6153846154vw;
    line-height: 7.1794871795vw;
    letter-spacing: 0.07em;
  }
}
#sec01 .figure .list li .tt b {
  position: relative;
  font-weight: 500;
  font-style: italic;
  color: #00A291;
}
@media screen and (min-width: 768px) {
  #sec01 .figure .list li .tt b {
    font-size: 60px;
    font-size: 4.6875vw;
    line-height: 1.1666666667;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li .tt b {
    font-size: 60px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li .tt b {
    margin-right: 1.171875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li .tt b {
    margin-right: 15px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li .tt b {
    top: 0.3125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li .tt b {
    top: 4px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .figure .list li .tt b {
    font-size: 10.2564102564vw;
    line-height: 10.2564102564vw;
    margin-right: 2.5641025641vw;
    top: 1.0256410256vw;
  }
}
@media screen and (min-width: 768px) {
  #sec01 .figure .list li .tx {
    font-size: 15px;
    font-size: 1.171875vw;
    line-height: 2;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li .tx {
    font-size: 15px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .figure .list li .tx {
    margin-top: 1.2820512821vw;
    font-size: 3.8461538462vw;
    line-height: 7.6923076923vw;
  }
}
@media screen and (min-width: 768px) {
  #sec01 .figure .list li.i01 {
    z-index: 1;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i01 {
    top: 2.8125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i01 {
    top: 36px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i01 {
    left: 14.765625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i01 {
    left: 189px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i01 {
    width: 33.59375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i01 {
    width: 430px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .figure .list li.i01 {
    margin-top: -12.0512820513%;
  }
}
#sec01 .figure .list li.i01:before {
  content: "";
  position: absolute;
  background: url(../img/sec01_im02.svg) center center no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i01:before {
    top: -4.375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i01:before {
    top: -56px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i01:before {
    left: 23.75vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i01:before {
    left: 304px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i01:before {
    width: 8.59375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i01:before {
    width: 110px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i01:before {
    height: 8.59375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i01:before {
    height: 110px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .figure .list li.i01:before {
    top: -27.6923076923vw;
    right: -2.5641025641vw;
    width: 33.3333333333vw;
    height: 33.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i02 {
    top: 4.21875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i02 {
    top: 54px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i02 {
    left: 64.53125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i02 {
    left: 826px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i02 {
    width: 35.390625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i02 {
    width: 453px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .figure .list li.i02 {
    margin-top: 95.1282051282%;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i03 {
    top: 24.765625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i03 {
    top: 317px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i03 {
    left: 9.6875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i03 {
    left: 124px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i03 {
    width: 35.15625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i03 {
    width: 450px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .figure .list li.i03 {
    margin-top: 150.2564102564%;
  }
}
#sec01 .figure .list li.i04 {
  border: solid #00A291;
}
@media screen and (min-width: 768px) {
  #sec01 .figure .list li.i04 {
    z-index: 1;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i04 {
    top: 37.5vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i04 {
    top: 480px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i04 {
    left: 49.53125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i04 {
    left: 634px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i04 {
    width: 38.984375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i04 {
    width: 499px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i04 {
    border-radius: 1.40625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i04 {
    border-radius: 18px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i04 {
    border-width: 0.46875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i04 {
    border-width: 6px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i04 {
    padding-top: 3.515625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i04 {
    padding-top: 45px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i04 {
    padding-left: 3.203125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i04 {
    padding-left: 41px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i04 {
    padding-right: 2.8125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i04 {
    padding-right: 36px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i04 {
    padding-bottom: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i04 {
    padding-bottom: 24px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .figure .list li.i04 {
    margin-top: 329.7435897436%;
    border-width: 1.0256410256vw;
    padding: 10.7692307692vw 7.6923076923vw 6.9230769231vw;
    z-index: 1;
  }
}
#sec01 .figure .list li.i04 .im {
  position: absolute;
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i04 .im {
    top: -5.15625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i04 .im {
    top: -66px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i04 .im {
    left: 10.546875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i04 .im {
    left: 135px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i04 .im {
    width: 17.96875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i04 .im {
    width: 230px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i04 .im {
    height: 13.28125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i04 .im {
    height: 170px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .figure .list li.i04 .im {
    top: -8.9743589744vw;
    left: 22.5641025641vw;
    width: 37.6923076923vw;
    height: 23.0769230769vw;
  }
}
#sec01 .figure .list li.i04 .im:before {
  content: "";
  position: absolute;
  background: #fff;
  border: solid #00A291;
  border-radius: 50%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i04 .im:before {
    border-width: 0.46875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i04 .im:before {
    border-width: 6px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .figure .list li.i04 .im:before {
    border-width: 1.0256410256vw;
  }
}
#sec01 .figure .list li.i04 .im:after {
  content: "";
  position: absolute;
  background: #fff;
  left: 0;
  right: 0;
  bottom: 0;
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i04 .im:after {
    top: 5.15625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i04 .im:after {
    top: 66px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .figure .list li.i04 .im:after {
    top: 8.9743589744vw;
  }
}
#sec01 .figure .list li.i04 .im img {
  position: absolute;
  z-index: 1;
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i04 .im img {
    top: 2.421875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i04 .im img {
    top: 31px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i04 .im img {
    left: 5.078125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i04 .im img {
    left: 65px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i04 .im img {
    width: 8.90625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i04 .im img {
    width: 114px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .figure .list li.i04 .im img {
    top: 4.358974359vw;
    left: 8.9743589744vw;
    width: 20vw;
  }
}
#sec01 .figure .list li.i04 .tt {
  position: relative;
}
@media screen and (min-width: 768px) {
  #sec01 .figure .list li.i04 .tt {
    font-size: 28px;
    font-size: 2.1875vw;
    line-height: 1.2142857143;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i04 .tt {
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .figure .list li.i04 .tt {
    font-size: 5.641025641vw;
    line-height: 7.6923076923vw;
  }
}
@media screen and (min-width: 768px) {
  #sec01 .figure .list li.i04 .tt b {
    font-size: 80px;
    font-size: 6.25vw;
    line-height: 1;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i04 .tt b {
    font-size: 80px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i04 .tt b {
    margin-right: 0.9375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i04 .tt b {
    margin-right: 12px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .figure .list li.i04 .tt b {
    font-size: 15.3846153846vw;
    line-height: 15.3846153846vw;
  }
}
#sec01 .figure .list li.i04 .tx {
  position: relative;
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i04 .tx {
    margin-top: 0.546875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i04 .tx {
    margin-top: 7px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .figure .list li.i04 .tx {
    margin-top: 4.1025641026vw;
  }
}
#sec01 .figure .list li.i04 .tx b {
  display: block;
  font-weight: 500;
  color: #00A291;
}
@media screen and (min-width: 768px) {
  #sec01 .figure .list li.i04 .tx b {
    font-size: 20px;
    font-size: 1.5625vw;
    line-height: 1.5;
    letter-spacing: 0.01em;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i04 .tx b {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i04 .tx b {
    margin-bottom: 0.390625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i04 .tx b {
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .figure .list li.i04 .tx b {
    font-size: 4.8717948718vw;
    line-height: 7.6923076923vw;
    margin-bottom: 3.8461538462vw;
  }
}
@media screen and (min-width: 768px) {
  #sec01 .figure .list li.i05 {
    z-index: 1;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i05 {
    top: 67.03125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i05 {
    top: 858px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i05 {
    left: 57.03125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i05 {
    left: 730px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i05 {
    width: 33.59375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i05 {
    width: 430px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .figure .list li.i05 {
    margin-top: 527.6923076923%;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i06 {
    top: 88.28125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i06 {
    top: 1130px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i06 {
    left: 48.671875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i06 {
    left: 623px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure .list li.i06 {
    width: 33.59375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure .list li.i06 {
    width: 430px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .figure .list li.i06 {
    margin-top: 624.1025641026%;
  }
}
#sec01 .figure ul.im li {
  position: absolute;
}
#sec01 .figure ul.im li p {
  position: absolute;
  top: 0;
  left: 0%;
  width: 100%;
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure ul.im li.i01 {
    top: 40.78125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure ul.im li.i01 {
    top: 522px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure ul.im li.i01 {
    left: 5.078125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure ul.im li.i01 {
    left: 65px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure ul.im li.i01 {
    width: 31.09375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure ul.im li.i01 {
    width: 398px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .figure ul.im li.i01 {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  #sec01 .figure ul.im li.i02 {
    z-index: 1;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure ul.im li.i02 {
    top: 42.1875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure ul.im li.i02 {
    top: 540px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure ul.im li.i02 {
    left: 85.703125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure ul.im li.i02 {
    left: 1097px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure ul.im li.i02 {
    width: 15.15625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure ul.im li.i02 {
    width: 194px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .figure ul.im li.i02 {
    top: 0;
    left: 0;
    margin-top: 293.3333333333%;
    margin-left: 8.2051282051%;
    width: 54.1025641026%;
  }
}
#sec01 .figure ul.im li.i02 p.img {
  display: none;
}
#sec01 .figure ul.im li.i02 p.svg1 {
  width: 67.5%;
  margin: -6% 0 0 -5%;
}
#sec01 .figure ul.im li.i02 p.svg2 {
  width: 57%;
  margin: -7% 0 0 46%;
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure ul.im li.i03 {
    top: 88.4375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure ul.im li.i03 {
    top: 1132px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure ul.im li.i03 {
    left: 3.828125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure ul.im li.i03 {
    left: 49px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure ul.im li.i03 {
    width: 33.75vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure ul.im li.i03 {
    width: 432px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .figure ul.im li.i03 {
    top: 0;
    left: 0;
    margin-top: 678.9743589744%;
    margin-left: -0.7692307692%;
    width: 106.1538461538%;
  }
}
#sec01 .figure ul.im li.i03 p.img {
  display: none;
}
#sec01 .figure ul.im li.i03 p.svg {
  width: 69%;
  margin: 6% 0 0 19%;
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure ul.im li.i04 {
    top: 17.96875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure ul.im li.i04 {
    top: 230px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure ul.im li.i04 {
    left: 51.953125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure ul.im li.i04 {
    left: 665px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure ul.im li.i04 {
    width: 22.34375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure ul.im li.i04 {
    width: 286px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .figure ul.im li.i04 {
    top: 0;
    left: 0;
    margin-top: 53.3333333333%;
    margin-left: 23.0769230769%;
    width: 53.0769230769%;
  }
}
#sec01 .figure ul.im li.i04 p.img {
  display: none;
}
#sec01 .figure ul.im li.i04 p.svg {
  width: 148%;
  margin: -29% 0 0 -40%;
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure ul.im li.i05 {
    top: 63.046875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure ul.im li.i05 {
    top: 807px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure ul.im li.i05 {
    left: 39.296875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure ul.im li.i05 {
    left: 503px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .figure ul.im li.i05 {
    width: 18.59375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .figure ul.im li.i05 {
    width: 238px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .figure ul.im li.i05 {
    top: 0;
    left: 0;
    margin-top: 430.5128205128%;
    margin-left: 46.1538461538%;
    width: 44.4487179487%;
  }
}
#sec01 .figure ul.im li.i05 p.img {
  display: none;
}
#sec01 .figure ul.im li.i05 p.svg {
  width: 200%;
  margin: -54% 0 0 -6%;
}
@media screen and (min-width: 768px) {
  #sec01 .message {
    position: relative;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .message {
    margin-top: 7.8125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .message {
    margin-top: 100px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .message {
    width: 84.140625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .message {
    width: 1077px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .message {
    margin: 20.5128205128vw 7.6923076923vw 0;
    background: #fff;
    border-radius: 3.0769230769vw;
  }
}
@media screen and (min-width: 768px) {
  #sec01 .message .fuki {
    box-sizing: border-box;
    background: #fff;
    position: relative;
    font-size: 16px;
    font-size: 1.25vw;
    line-height: 2.25;
    box-shadow: 1.5625vw 2.1875vw 6.25vw rgba(23, 61, 132, 0.05);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .message .fuki {
    border-radius: 1.71875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .message .fuki {
    border-radius: 22px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .message .fuki {
    width: 64.453125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .message .fuki {
    width: 825px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .message .fuki {
    padding-top: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .message .fuki {
    padding-top: 40px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .message .fuki {
    padding-left: 5.078125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .message .fuki {
    padding-left: 65px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .message .fuki {
    padding-right: 5.078125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .message .fuki {
    padding-right: 65px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .message .fuki {
    padding-bottom: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .message .fuki {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .message .fuki {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .message .fuki {
    box-shadow: 20px 28px 80px rgba(23, 61, 132, 0.05);
  }
}
@media screen and (max-width: 767px) {
  #sec01 .message .fuki {
    padding: 5.8974358974vw 7.6923076923vw 0;
    font-size: 4.1025641026vw;
    line-height: 8.7179487179vw;
  }
}
@media screen and (min-width: 768px) {
  #sec01 .message .fuki:after {
    content: "";
    position: absolute;
    border: solid;
    border-color: transparent transparent transparent #fff;
    border-width: 2.5vw 0 2.5vw 5vw;
    transform: rotate(-24deg);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .message .fuki:after {
    top: 13.28125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .message .fuki:after {
    top: 170px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .message .fuki:after {
    right: -2.65625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .message .fuki:after {
    right: -34px;
  }
}
@media screen and (min-width: 768px) {
  #sec01 .message .im {
    position: absolute;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .message .im {
    top: 7.34375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .message .im {
    top: 94px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .message .im {
    right: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .message .im {
    right: 8px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .message .im {
    width: 14.375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .message .im {
    width: 184px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .message .im {
    position: relative;
    margin: 5.3846153846vw auto 0;
    width: 47.1794871795vw;
    height: 54.8717948718vw;
  }
}
@media screen and (min-width: 768px) {
  #sec01 .message .im p {
    position: absolute;
    top: 0;
    left: 0%;
    width: 100%;
  }
}
#sec01 .message .im p.img {
  display: none;
}
#sec01 .message .im p.svg {
  width: 115%;
  margin: -13% 0 0 -7%;
}
/*# sourceMappingURL=index.css.map */