/* @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css"); */

:root {
  /* Toyota-Brand-Color */
  --toyota-red: #eb0a1e;
  --toyota-red-90: #ff4c51;
  --toyota-red-50: #ffb6b6;
  --toyota-black: #000;

  /* Gray-Scale */
  --gray-10: #f2f2f2;
  --gray-20: #e5e5e5;
  --gray-30: #d8d8d8;
  --gray-40: #b9b9b9;
  --gray-50: #8e8e8e;
  --gray-60: #58595b;
  --gray-70: #3f3f3f;
  --gray-80: #292929;
  --gray-90: #212121;
  --gray-100: #111111;

  /* TMKR-Color */
  --Brown-70: #5f4b44;
  --Brown-100: #3f322e;

  /* Surface */
  --background-color: #f7f7f7;
  --background2-color: #fafafa;

  /* etc */
  --etc-blue: #0026c7;
  --etc-green: #40d438;
  --etc-green-10: #E2F9E1;
  --etc-yellow: #FFBD22;
  --etc-yellow-10: #FFF5DE;
  --etc-red-10: #FCDADD;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Pretendard", sans-serif;
  text-decoration: inherit;
  color: inherit;
  word-break: keep-all;
  letter-spacing: -0.003em;
}

li {
  list-style: none;
}

img,
iframe,
svg,
canvas {
  display: block;
}

iframe,
fieldset {
  border: none;
}

button {
  border: none;
  background: none;
  cursor: pointer;
}

textarea {
  resize: none;
}

.hidden {
  visibility: hidden;
  position: absolute;
  left: -9999px;
}

table {
  border-collapse: collapse;
}

input,
textarea,
select {
  outline: none;
}

table th,
td {
  text-align: start;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url("../img/icon/arrow/bt_arrow_down2.png");
  background-repeat: no-repeat;
  background-size: 24px;
  max-height: 163px; 
}
.red-text {
  color: var(--toyota-red);
}
/*
.dsplay1 {
  font-size: 72px;
  font-weight: 700;
  line-height: 80px;
}

.Heading1 {
  font-size: 40px;
  font-weight: 700;
  line-height: 38px;
}

.title1 {
  font-size: 22px;
  font-weight: 700;
  line-height: 34px;
}

.title2 {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.title3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}

.body1 {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

.body2 {
  font-size: 17px;
  font-weight: 500;
  line-height: 25px;
}

.body3 {
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

.body4 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.body5 {
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
}

.body6 {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.body7 {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.body8 {
  font-size: 13px;
  font-weight: 500;
  line-height: 21px;
}

.body9 {
  font-size: 13px;
  font-weight: 400;
  line-height: 21px;
}
.caption1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 19px;
} 
*/
/* v1.1 */
.dsplay1 {
  font-size: 68px;
  font-weight: 700;
  line-height: 80px;
}

.Heading1 {
  font-size: 38px;
  font-weight: 700;
  line-height: 38px;
}

.title1 {
  font-size: 20px;
  font-weight: 700;
  line-height: 34px;
}

.title2 {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}

.title3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
}

.body1 {
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

.body2 {
  font-size: 15px;
  font-weight: 500;
  line-height: 25px;
}

.body3 {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
}

.body4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.body5 {
  font-size: 13px;
  font-weight: 400;
  line-height: 23px;
}

.body6 {
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}

.body7 {
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
}

.body8 {
  font-size: 11px;
  font-weight: 500;
  line-height: 21px;
}

.body9 {
  font-size: 11px;
  font-weight: 400;
  line-height: 21px;
}
.caption1 {
  font-size: 10px;
  font-weight: 400;
  line-height: 19px;
}