/* color */
@media screen and (min-width: 768px) {
  #data .list {
    display: grid;
    grid-template-columns: 34.765625vw 12.5vw 34.765625vw;
    grid-template-areas: "i01 i01 i03" "i02 i02 i03" "i06 i04 i04" "i06 i05 i05";
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #data .list {
    grid-column-gap: 2.34375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #data .list {
    grid-column-gap: 30px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #data .list {
    grid-row-gap: 3.515625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #data .list {
    grid-row-gap: 45px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #data .list {
    grid-template-columns: 445px 160px 445px;
  }
}
#data .list li {
  background: #fff;
}
@media screen and (min-width: 768px) {
  #data .list li {
    text-align: center;
    box-shadow: -1.5625vw 1.5625vw 3.125vw rgba(14, 42, 122, 0.02);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #data .list li {
    border-radius: 0.9375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #data .list li {
    border-radius: 12px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #data .list li {
    padding-top: 2.96875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #data .list li {
    padding-top: 38px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #data .list li {
    padding-bottom: 2.96875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #data .list li {
    padding-bottom: 38px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #data .list li {
    padding-left: 5.078125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #data .list li {
    padding-left: 65px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #data .list li {
    padding-right: 5.078125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #data .list li {
    padding-right: 65px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #data .list li {
    box-shadow: -20px 20px 40px rgba(14, 42, 122, 0.02);
  }
}
@media screen and (max-width: 767px) {
  #data .list li {
    border-radius: 3.0769230769vw;
  }
}
@media screen and (max-width: 767px) {
  #data .list li + li {
    margin-top: 7.6923076923vw;
  }
}
#data .list li .tt {
  font-weight: 500;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  #data .list li .tt {
    font-size: 32px;
    font-size: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #data .list li .tt {
    font-size: 32px;
  }
}
#data .list li .highlight {
  color: #D9032D;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  #data .list li .tx {
    font-size: 4.358974359vw;
    line-height: 7.6923076923vw;
  }
}
#data .list li .im {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
}
#data .list li .im p {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
  #data .list li.col {
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-areas: "tt im" "highlight im" "tx im";
    justify-content: space-between;
    grid-template-columns: 17.65625vw 16.40625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #data .list li.col {
    grid-template-columns: 226px 210px;
  }
}
@media screen and (max-width: 767px) {
  #data .list li.col {
    position: relative;
    padding: 5.8974358974vw 8.7179487179vw 6.1538461538vw 5.1282051282vw;
    overflow: hidden;
  }
}
@media screen and (min-width: 768px) {
  #data .list li.col .tt {
    grid-area: tt;
    align-self: end;
  }
}
@media screen and (max-width: 767px) {
  #data .list li.col .tt {
    font-size: 6.1538461538vw;
    line-height: 9.2307692308vw;
    position: relative;
    z-index: 1;
  }
}
@media screen and (min-width: 768px) {
  #data .list li.col .highlight {
    grid-area: highlight;
    align-self: center;
  }
}
@media screen and (max-width: 767px) {
  #data .list li.col .highlight {
    margin-top: 5.1282051282vw;
    position: relative;
    z-index: 1;
  }
}
@media screen and (min-width: 768px) {
  #data .list li.col .tx {
    grid-area: tx;
    align-self: start;
    font-size: 16px;
    font-size: 1.25vw;
    line-height: 1.875;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #data .list li.col .tx {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #data .list li.col .tx {
    margin-top: 5.1282051282vw;
    position: relative;
    z-index: 1;
  }
}
@media screen and (min-width: 768px) {
  #data .list li.col .im {
    grid-area: im;
    align-self: center;
    padding-top: 100%;
  }
}
@media screen and (max-width: 767px) {
  #data .list li.col .im {
    position: absolute;
    top: 7.9487179487vw;
    right: 2.5641025641vw;
    width: 42.0512820513vw;
    height: 42.0512820513vw;
  }
}
#data .list li.row {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 767px) {
  #data .list li.row {
    padding: 8.4615384615vw 0 7.6923076923vw;
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  #data .list li.row .tt {
    font-size: 6.6666666667vw;
    line-height: 10.2564102564vw;
    position: absolute;
    top: 12.8205128205vw;
    left: 6.4102564103vw;
  }
}
@media screen and (max-width: 767px) {
  #data .list li.row .highlight {
    padding-left: 17.6923076923vw;
  }
}
@media screen and (min-width: 768px) {
  #data .list li.row .tx {
    font-size: 16px;
    font-size: 1.25vw;
    line-height: 1.875;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #data .list li.row .tx {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #data .list li.row .tx {
    margin-top: 3.0769230769vw;
    text-align: center;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #data .list li.row .im {
    width: 17.96875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #data .list li.row .im {
    width: 230px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #data .list li.row .im {
    height: 17.96875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #data .list li.row .im {
    height: 230px;
  }
}
@media screen and (max-width: 767px) {
  #data .list li.row .im {
    margin-top: 3.0769230769vw;
    width: 48.7179487179vw;
    height: 48.7179487179vw;
  }
}
@media screen and (min-width: 768px) {
  #data .list li.i01 {
    grid-area: i01;
  }
}
@media screen and (min-width: 768px) {
  #data .list li.i01 .tt {
    letter-spacing: 0.3em;
  }
}
@media screen and (max-width: 767px) {
  #data .list li.i01 .tt {
    letter-spacing: 0.1em;
  }
}
@media screen and (min-width: 768px) {
  #data .list li.i01 .highlight {
    font-size: 110px;
    font-size: 8.59375vw;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #data .list li.i01 .highlight {
    font-size: 110px;
  }
}
@media screen and (max-width: 767px) {
  #data .list li.i01 .highlight {
    font-size: 30.7692307692vw;
    letter-spacing: -0.04em;
  }
}
#data .list li.i01 .highlight span {
  font-weight: 900;
}
@media screen and (min-width: 768px) {
  #data .list li.i01 .highlight span {
    font-size: 40px;
    font-size: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #data .list li.i01 .highlight span {
    font-size: 40px;
  }
}
@media screen and (max-width: 767px) {
  #data .list li.i01 .highlight span {
    margin-left: 2.0512820513vw;
    font-size: 12.8205128205vw;
  }
}
@media screen and (min-width: 768px) {
  #data .list li.i02 {
    grid-area: i02;
  }
}
#data .list li.i02 .tt {
  letter-spacing: 0.1em;
}
#data .list li.i02 .highlight {
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  #data .list li.i02 .highlight {
    font-size: 110px;
    font-size: 8.59375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #data .list li.i02 .highlight {
    font-size: 110px;
  }
}
@media screen and (max-width: 767px) {
  #data .list li.i02 .highlight {
    font-size: 30.7692307692vw;
  }
}
#data .list li.i02 .highlight span {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  #data .list li.i02 .highlight span {
    font-size: 40px;
    font-size: 3.125vw;
    position: relative;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #data .list li.i02 .highlight span {
    font-size: 40px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #data .list li.i02 .highlight span {
    margin-left: 0.859375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #data .list li.i02 .highlight span {
    margin-left: 11px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #data .list li.i02 .highlight span {
    bottom: 0.15625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #data .list li.i02 .highlight span {
    bottom: 2px;
  }
}
@media screen and (max-width: 767px) {
  #data .list li.i02 .highlight span {
    margin-left: 2.0512820513vw;
    font-size: 10.2564102564vw;
  }
}
#data .list li.i02 .im {
  background: #F9FAFA;
}
#data .list li.i02 .im p.svg {
  width: 64%;
}
#data .list li.i02 .im p.img {
  display: none;
}
@media screen and (min-width: 768px) {
  #data .list li.i03 {
    grid-area: i03;
  }
}
@media screen and (min-width: 768px) {
  #data .list li.i03 .tt {
    letter-spacing: 0.3em;
  }
}
@media screen and (max-width: 767px) {
  #data .list li.i03 .tt {
    letter-spacing: 0.05em;
  }
}
#data .list li.i03 .highlight {
  letter-spacing: -0.05em;
}
@media screen and (min-width: 768px) {
  #data .list li.i03 .highlight {
    font-size: 130px;
    font-size: 10.15625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #data .list li.i03 .highlight {
    margin-top: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #data .list li.i03 .highlight {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #data .list li.i03 .highlight {
    font-size: 130px;
  }
}
@media screen and (max-width: 767px) {
  #data .list li.i03 .highlight {
    font-size: 28.2051282051vw;
    display: flex;
  }
}
#data .list li.i03 .highlight span {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  #data .list li.i03 .highlight span {
    font-size: 40px;
    font-size: 3.125vw;
    letter-spacing: 0.15em;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #data .list li.i03 .highlight span {
    font-size: 40px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #data .list li.i03 .highlight span {
    margin-left: 0.78125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #data .list li.i03 .highlight span {
    margin-left: 10px;
  }
}
@media screen and (max-width: 767px) {
  #data .list li.i03 .highlight span {
    margin-left: 2.5641025641vw;
    font-size: 8.9743589744vw;
    line-height: 10.2564102564vw;
    position: relative;
    top: 4.358974359vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #data .list li.i03 .tx {
    margin-top: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #data .list li.i03 .tx {
    margin-top: 20px;
  }
}
#data .list li.i03 .im {
  background: #F9FAFA;
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #data .list li.i03 .im {
    margin-top: 3.515625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #data .list li.i03 .im {
    margin-top: 45px;
  }
}
#data .list li.i03 .im p.svg {
  width: 110%;
  height: 110%;
  margin: -2% 0 0 3%;
}
#data .list li.i03 .im p.img {
  display: none;
}
@media screen and (min-width: 768px) {
  #data .list li.i04 {
    grid-area: i04;
  }
}
@media screen and (min-width: 768px) {
  #data .list li.i04 .tt {
    letter-spacing: 0.3em;
  }
}
@media screen and (max-width: 767px) {
  #data .list li.i04 .tt {
    letter-spacing: 0.15em;
  }
}
@media screen and (min-width: 768px) {
  #data .list li.i04 .highlight {
    font-size: 150px;
    font-size: 11.71875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #data .list li.i04 .highlight {
    font-size: 150px;
  }
}
@media screen and (max-width: 767px) {
  #data .list li.i04 .highlight {
    margin-left: 3.0769230769vw;
    font-size: 30.7692307692vw;
  }
}
#data .list li.i04 .highlight span {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  #data .list li.i04 .highlight span {
    font-size: 40px;
    font-size: 3.125vw;
    position: relative;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #data .list li.i04 .highlight span {
    font-size: 40px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #data .list li.i04 .highlight span {
    margin-left: 0vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #data .list li.i04 .highlight span {
    margin-left: 0px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #data .list li.i04 .highlight span {
    bottom: 0.46875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #data .list li.i04 .highlight span {
    bottom: 6px;
  }
}
@media screen and (max-width: 767px) {
  #data .list li.i04 .highlight span {
    margin-left: 0.2564102564vw;
    position: relative;
    bottom: 2.0512820513vw;
    font-size: 7.6923076923vw;
  }
}
#data .list li.i04 .im p.img {
  display: none;
}
@media screen and (min-width: 768px) {
  #data .list li.i05 {
    grid-area: i05;
  }
}
#data .list li.i05 .tt {
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  #data .list li.i05 .tt {
    font-size: 28px;
    font-size: 2.1875vw;
    line-height: 1.5357142857;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #data .list li.i05 .tt {
    font-size: 28px;
  }
}
@media screen and (min-width: 768px) {
  #data .list li.i05 .highlight {
    font-size: 120px;
    font-size: 9.375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #data .list li.i05 .highlight {
    font-size: 120px;
  }
}
@media screen and (max-width: 767px) {
  #data .list li.i05 .highlight {
    margin-top: -0.2564102564vw;
    margin-left: 6.6666666667vw;
    font-size: 30.7692307692vw;
  }
}
#data .list li.i05 .highlight span {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  #data .list li.i05 .highlight span {
    font-size: 40px;
    font-size: 3.125vw;
    position: relative;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #data .list li.i05 .highlight span {
    margin-left: 0.46875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #data .list li.i05 .highlight span {
    margin-left: 6px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #data .list li.i05 .highlight span {
    font-size: 40px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #data .list li.i05 .highlight span {
    bottom: 0.390625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #data .list li.i05 .highlight span {
    bottom: 5px;
  }
}
@media screen and (max-width: 767px) {
  #data .list li.i05 .highlight span {
    margin-left: 1.0256410256vw;
    font-size: 10.2564102564vw;
    position: relative;
    bottom: 1.5384615385vw;
  }
}
@media screen and (max-width: 767px) {
  #data .list li.i05 .tx {
    margin-top: 0vw;
  }
}
#data .list li.i05 .im {
  background: #F9FAFA;
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #data .list li.i05 .im {
    margin-top: 2.578125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #data .list li.i05 .im {
    margin-top: 33px;
  }
}
#data .list li.i05 .im p.svg {
  width: 95%;
  height: 95%;
  margin: 2% 0 0 2%;
}
#data .list li.i05 .im p.img {
  display: none;
}
@media screen and (min-width: 768px) {
  #data .list li.i06 {
    grid-area: i06;
  }
}
@media screen and (min-width: 768px) {
  #data .list li.i06 .tt {
    letter-spacing: 0.3em;
  }
}
@media screen and (max-width: 767px) {
  #data .list li.i06 .tt {
    letter-spacing: 0.05em;
  }
}
#data .list li.i06 .highlight {
  position: relative;
}
@media screen and (min-width: 768px) {
  #data .list li.i06 .highlight {
    font-size: 150px;
    font-size: 11.71875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #data .list li.i06 .highlight {
    margin-top: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #data .list li.i06 .highlight {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #data .list li.i06 .highlight {
    font-size: 150px;
  }
}
@media screen and (max-width: 767px) {
  #data .list li.i06 .highlight {
    font-size: 28.2051282051vw;
    display: flex;
    align-items: baseline;
  }
}
#data .list li.i06 .highlight span.t1 {
  font-weight: 500;
  color: #0B191F;
  position: absolute;
  right: 0;
  letter-spacing: 0.3em;
}
@media screen and (min-width: 768px) {
  #data .list li.i06 .highlight span.t1 {
    font-size: 32px;
    font-size: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #data .list li.i06 .highlight span.t1 {
    font-size: 32px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #data .list li.i06 .highlight span.t1 {
    top: 3.515625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #data .list li.i06 .highlight span.t1 {
    top: 45px;
  }
}
@media screen and (max-width: 767px) {
  #data .list li.i06 .highlight span.t1 {
    font-size: 8.2051282051vw;
    line-height: 15.3846153846vw;
    top: 0.7692307692vw;
  }
}
#data .list li.i06 .highlight span.t2 {
  font-weight: 700;
  letter-spacing: 0.15em;
}
@media screen and (min-width: 768px) {
  #data .list li.i06 .highlight span.t2 {
    font-size: 30px;
    font-size: 2.34375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #data .list li.i06 .highlight span.t2 {
    margin-left: 0.3125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #data .list li.i06 .highlight span.t2 {
    margin-left: 4px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #data .list li.i06 .highlight span.t2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  #data .list li.i06 .highlight span.t2 {
    margin-left: 4.1025641026vw;
    font-size: 7.6923076923vw;
    line-height: 15.3846153846vw;
    position: relative;
    bottom: 0.7692307692vw;
  }
}
#data .list li.i06 .highlight span.t3 {
  font-weight: 700;
  letter-spacing: 0.15em;
}
@media screen and (min-width: 768px) {
  #data .list li.i06 .highlight span.t3 {
    font-size: 40px;
    font-size: 3.125vw;
    position: relative;
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #data .list li.i06 .highlight span.t3 {
    font-size: 40px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #data .list li.i06 .highlight span.t3 {
    bottom: 0.15625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #data .list li.i06 .highlight span.t3 {
    bottom: 2px;
  }
}
@media screen and (max-width: 767px) {
  #data .list li.i06 .highlight span.t3 {
    font-size: 10.2564102564vw;
    line-height: 15.3846153846vw;
    position: relative;
    bottom: 0.7692307692vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #data .list li.i06 .tx {
    margin-top: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #data .list li.i06 .tx {
    margin-top: 20px;
  }
}
#data .list li.i06 .im {
  background: #F9FAFA;
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #data .list li.i06 .im {
    margin-top: 4.6875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #data .list li.i06 .im {
    margin-top: 60px;
  }
}
#data .list li.i06 .im p.svg {
  width: 108%;
  height: 108%;
  margin: 0% 0 0 0%;
}
#data .list li.i06 .im p.img {
  display: none;
}
/*# sourceMappingURL=data.css.map */