*,
:after,
:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0
}

:where([hidden]:not([hidden=until-found])) {
  display: none !important
}

:where(html) {
  -webkit-text-size-adjust: none;
  color-scheme: light
}

@supports not (min-block-size:100dvb) {
  :where(html) {
    block-size: 100%
  }
}

@media (prefers-reduced-motion: no-preference) {
  :where(html:focus-within) {
    scroll-behavior: smooth
  }
}

:where(body) {
  -webkit-font-smoothing: antialiased;
  block-size: 100%;
  block-size: 100 dvb;
  font-family: system-ui, sans-serif;
  line-height: 1.5
}

:where(input, button, textarea, select) {
  color: inherit;
  font: inherit
}

:where(textarea) {
  resize: vertical;
  resize: block
}

:where(button, label, select, summary, [role=button], [role=option]) {
  cursor: pointer
}

:where(:disabled) {
  cursor: not-allowed
}

:where(label:has(>input:disabled), label:has(+input:disabled)) {
  cursor: not-allowed
}

:where(button) {
  border-style: solid
}

:where(a) {
  text-underline-offset: .2ex
}

:where(ul, ol) {
  list-style: none
}

:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block
}

:where(img, picture, svg) {
  block-size: auto;
  max-inline-size: 100%
}

:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word
}

:where(hr) {
  -webkit-border-before: 1px solid;
  block-size: 0;
  border: none;
  border-block-start: 1px solid;
  color: inherit;
  overflow: visible
}

:where(:focus-visible) {
  outline: 2px solid var(--focus-color, Highlight);
  outline-offset: 2px
}

:where(.visually-hidden:not(:focus, :active, :focus-within, .not-visually-hidden)) {
  border: 0 !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important
}

#wpadminbar {
  display: none
}

.hidden {
  visibility: hidden;
}

.disp-none {
  display: none;
}

body,
html {
  background: #fff;
  color: #000;
  font-family: "Noto Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0 auto;
  padding: 0;
}

body *,
html * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

div,
span {
  margin: 0;
  padding: 0
}

address {
  font-style: normal
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1em;
  font-weight: 400
}

blockquote,
code,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
q,
span {
  margin: 0;
  padding: 0
}

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block
}

cite,
code,
dfn,
em,
strong,
var {
  font-style: normal;
  font-weight: 400
}

del,
ins {
  text-decoration: none
}

abbr,
acronym {
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  border: 0;
  font-variant: normal
}

sup {
  vertical-align: top
}

sub {
  vertical-align: baseline
}

img {
  border: 0;
  vertical-align: bottom;
  width: 100%;
  height: auto;
}

figure,
picture {
  display: block;
  margin: 0;
  padding: 0
}

.bold {
  font-weight: 700
}

a,
a:active,
a:hover,
a:link,
a:visited {
  color: inherit;
  outline: 0;
  text-decoration: none
}

a.over:hover img,
a.over:hover p {
  zoom: 1;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
  opacity: .8;
  -moz-opacity: .8
}

dd,
dl,
dt,
li,
ol,
ul {
  margin: 0;
  padding: 0
}

li {
  list-style: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

table,
tbody,
td,
tfoot,
th,
thead,
tr {
  margin: 0;
  padding: 0
}

caption,
th {
  font-weight: 400;
  text-align: left
}

.clearfix:after {
  clear: both;
  content: " ";
  display: block;
  height: 0;
  visibility: hidden
}

.relative {
  position: relative;
}

@media screen and (max-width: 767px) {
  body {
    font-size: 3.7333333333vw;
    line-height: 1.4285714286
  }
}

/*========================================header======================================== */

header {
  background: #fff;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 119px;
}

.header-body {
  width: 93.75%;
  margin: 0px auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}

header .logo img {
  width: 368PX;
}

.header-cta {
  padding: 11px 32px;
  border-radius: 10px;
  background: #FF4747;
  display: flex;
  gap: 15px;
  align-items: center;
  height: fit-content;
  box-shadow: 0rem 9px 0px rgba(202, 57, 57, 1);
  transition: 0.3s ease-in-out;
  margin-bottom: 9px;
}

.header-cta:hover {
  box-shadow: unset;
  transform: translateY(3px);
}

.header-cta img {
  width: 55px;
  height: 55px;
  border-radius: 100%;
}

.header-cta span {
  line-height: 1;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 27px;
  letter-spacing: 5%;
  color: #fff;
}

section.hero {
  padding: 0px;
}

/*========================================header======================================== */
section {
  padding: 0px 20px;
}

.sec-body {
  max-width: 1100px;
  margin: 0 auto;
}

.sec-title-group {
  display: flex;
  gap: 11px;
  align-items: flex-end;
  position: relative;
}

.sec01 .sec-body .sec-title-group .sec-title-img {
  left: 10px;
}

.sec-title-group::before {
  content: "";
  position: absolute;
  left: 0;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 70px;
  line-height: 100%;
  letter-spacing: 5%;
  color: #63BCFF;
  opacity: 0.3;
  z-index: 1;
}

.sec-title-img {
  position: relative;
  flex-shrink: 0;
  z-index: 2;
}

.sec-title-img img {
  width: 70px;
}

.sec-title-group h2 {
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: 2px;
  position: relative;
  z-index: 2;
}

.sec-title-group p {
  font-weight: 500;
  font-size: 25px;
  line-height: 115.99999999999999%;
  letter-spacing: 1.25px;
  margin-bottom: 4px;
}

.sec03 .sec-title-group h2 {
  margin-top: -10px;
}

.scroll-container {
  display: flex;
  align-items: center;
  margin-left: 207px;
}

.scroll-label {
  color: #63BCFF;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.5px;
}

/*=========================================sec01======================================== */
.sec01 {
  background: url(../img/sec01/bg.webp) top center / 100% auto no-repeat,
    #E8F5FF;
  background-size: cover;
  margin-top: -127px;
}

.sec01 .sec-body {
  padding: 158px 0px 105px 0px;
}

.sec01-group01 {
  width: 100%;
  padding: 36px 0px 31px 0px;
  border-radius: 30px;
  background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.5) 50%, #FFFFFF 100%);
  box-shadow: 0px 0px 20px 0px #0000004D;
  margin-bottom: 107px;
}

.sec01-group01 p {
  font-weight: 500;
  font-size: 25px;
  line-height: 42px;
  letter-spacing: 1.25px;
  text-align: center;

}

.sec01-group01 p span {
  font-weight: 700;
  display: inline-block;
  background: linear-gradient(180deg, #63BCFF 0%, #233BB0 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.sec01-group01 p span.sec01-group01-txt01 {
  font-weight: 700;
  display: inline-block;
  background: linear-gradient(180deg, #63BCFF 0%, #233BB0 21.63%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.sec01 .sec-title-group h2 {
  padding-bottom: 5px;
}

.sec01 .sec-title-group::before {
  content: "SELECT";
  top: -19px;
}

.sec01-group02 {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-top: 28px;
}

.sec01-item {
  width: 31.36%;
  border-radius: 30px;
  box-shadow: 0px 0px 20px 0px #0000004D;
  padding: 2px;
}

.sec01-item01 {
  background: linear-gradient(180deg, #63BCFF 0%, #233BB0 100%);
}

.sec01-item02 {
  background: linear-gradient(180deg, #63FFE0 0%, #2392B0 100%);
}

.sec01-item03 {
  background: linear-gradient(180deg, #FFDB63 0%, #F7941C 100%);
}

.sec01-item-body {
  padding: 28px 23px 33px 23px;
  border-radius: 28px;
  background: #fff;
  height: 100%;
}

.sec01-item-tab {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 23px;
  line-height: normal;
  letter-spacing: 1.15px;
  text-align: center;
  color: #fff;
  width: 100%;
  border-radius: 50px;
  padding: 14px 0px;
}

.sec01-item01 .sec01-item-tab {
  background: linear-gradient(98.62deg, #63BCFF 2.68%, #233BB0 56.58%);
}

.sec01-item02 .sec01-item-tab {
  background: linear-gradient(105.88deg, #63FFE0 -16.44%, #2392B0 54.43%);
}

.sec01-item03 .sec01-item-tab {
  background: linear-gradient(109.71deg, #FFDB63 -28.19%, #F7941C 57.52%);
}

.sec01-item-img {
  margin-top: 7px;
  min-height: 88px;
  display: flex;
  align-items: center;
}

.sec01-item-txt {
  margin-top: 9px;
  padding-top: 10px;
  border-top: 1px solid #000;
  font-weight: 400;
  font-size: 17px;
  line-height: 29px;
  letter-spacing: 0%;
  text-align: center;
  margin-block-start: 0;
  margin-block-end: 0;
}

.sec01-item-txt span {
  display: inline-block;
  font-weight: 600;
  font-size: 21px;
  line-height: 29px;
  text-align: center;
}

.sec01-item01 .sec01-item-txt span.txt01 {
  background: linear-gradient(95.4deg, #63BCFF -16.33%, #233BB0 39.47%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.sec01-item01 .sec01-item-txt span.txt02 {
  color: #000;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 29px;
}

.sec01-item02 .sec01-item-txt span.txt01 {
  background: linear-gradient(97.93deg, #63FFE0 1.18%, #2392B0 27.54%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.sec01-item02 .sec01-item-txt span.txt02 {
  color: #000;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 29px;
}

.sec01-item03 .sec01-item-txt span.txt01 {
  background: linear-gradient(96.02deg, #FFDB63 -13.11%, #F7941C 40.37%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.sec01-item03 .sec01-item-txt span.txt02 {
  color: #000;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 29px;
}

/*======================================================== sec01======================================================== */
/*=================================================sec02========================================= */
.sec02 {
  background: url(../img/sec02/bg.png) no-repeat;
  background-size: cover;
  overflow: hidden;
}

.sec02 .sec-body {
  padding: 190px 0px 140px 0px;
}

.sec02 .sec-title-group {
  gap: 17px;
}

.sec02 .sec-title-group::before {
  content: "TABLE";
  top: -44px;
  left: 4px;
}

.sec02-group {
  margin-top: 60px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
  background: transparent;
  border-radius: 0px;
  padding: 0px 40px 0px 0px;
  box-shadow: none;
  width: calc(100% + 50vw - 50%);
  margin-left: 0;
  padding-left: 0;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.sec02-group::-webkit-scrollbar {
  display: none;
}

.sec02-table {
  width: 100%;
}

.sec02-table table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  padding-right: 8px;
}

.sec02-table tr {
  display: table-row;
  margin: 0;
}

.sec02-table td {
  border-bottom: 1px solid #63BCFF;
  border-right: 1px solid #63BCFF;
}

.sec02-table tr.tb-header td {
  background: #63BCFF !important;
  color: #fff !important;
  font-weight: 600;
  font-size: 17px;
  line-height: 1;
  letter-spacing: 0.85px;
  padding: 12px 10px;
  text-align: center;
  border: none !important;
  white-space: nowrap;
  border-radius: 10px 10px 0 0;
}

.sec02-table tr.tb-header td.tb-col01 {
  background: #fff !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 10px 0 0 0;
}

.sec02-table tr.tb-header td p {
  height: 22px;
}

.sec02-table td.tb-col01,
.sec02-table tr.tb-header td.tb-col01 {
  background: transparent !important;
  color: #333;
  width: 308px;
  min-width: 308px;
  max-width: 308px;
  text-align: center;
  position: sticky;
  left: 0;
  z-index: 10;
}

.sec02-table tr.tb-body td.tb-col01 {
  border-left: 1px solid #63BCFF;
  background: #fff !important;
  border-radius: 10px 0 0 10px;
  height: 114.2px;
}

.sec02-table tr.tb-body:nth-child(2) td.tb-col01 {
  border-top: 1px solid #63BCFF;
}

.sec02-table tr.tb-body:last-child td.tb-col01 {
  border-bottom: 1px solid #63BCFF;
}

.sec02-table tr.tb-body td:not(.tb-col01) {
  min-width: 189px;
  width: 189px;
  text-align: center;
  padding: 12px 10px;
  font-size: 15px;
  font-weight: 500;
  color: #333;
  vertical-align: middle;
}

.sec02-table tr.tb-body td:last-child {
  border-right: 1px solid #63BCFF;
}

.sec02-table tr.tb-body:last-child td:not(.tb-col01) {
  border-bottom: 1px solid #63BCFF;
}

.sec02-table tr.tb-body:last-child td:last-child {
  border-radius: 0 0 10px 0;
}

.sec02-table tr.tb-body td:nth-child(even):not(.tb-col01) {
  background: #DBEFFF !important;
}

.sec02-table tr.tb-body td:nth-child(odd):not(.tb-col01) {
  background: #ffffff !important;
}

.sec02-table .logo1-tbl {
  width: 237px;
  height: 67px;
  aspect-ratio: 237/67;
  margin: 0 auto;
}

.sec02-table .logo2-tbl {
  width: 237px;
  height: 45px;
  aspect-ratio: 79/15;
  margin: 0 auto;
}

.sec02-table .logo3-tbl {
  width: 237px;
  height: 51px;
  aspect-ratio: 79/17;
  margin: 0 auto;
}

.sec02-table .logo4-tbl {
  width: 237px;
  height: 61px;
  aspect-ratio: 237/61;
  margin: 0 auto;
}

.sec02-table .logo5-tbl {
  width: 237.899px;
  height: 51px;
  aspect-ratio: 129/109;
  margin: 0 auto;
}

.table-cell-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.table-cell-icon {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.table-cell-icon img,
.table-cell-icon svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.table-cell-txt {
  color: #000;
  text-align: center;
  font-size: 17px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.85px;
}

.sec02-btns {
  margin-top: 70px;
  display: flex;
  gap: 48px;
  width: 100%;
}

.sec02-btn-box {
  text-align: center;
  width: calc(50% - 15px);
}

.sec02-btn-note {
  color: #000;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 15px;
}

.sec02-btn {
  width: 527px;
  height: 87.46px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  border-radius: 10px;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  transition: 0.3s ease-in-out;
  box-shadow: 0rem 9px 0px rgba(202, 57, 57, 1);
  text-align: center;
}

.sec02-btn span {
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 1.5px;
  color: #fff;
}

.sec02-btn:hover {
  box-shadow: unset;
  transform: translateY(3px);
}

.sec02-text-btn {
  width: 377.87px;
  height: 37.002px;
  color: #FFF;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 1.5px;
}

.sec02-btn-icon-1,
.sec02-btn-icon-2 {
  width: 61.67px;
  height: 61.67px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.sec02-btn-icon-1 img {
  width: 41.398px;
  height: 41.576px;
  aspect-ratio: 41.40/41.58;
}

.sec02-btn-icon-2 img {
  width: 46px;
  height: 36px;
  aspect-ratio: 23/18;
}

.btn-red {
  background: #FF4747;
  box-shadow: 0rem 9px 0px rgba(202, 57, 57, 1);
}

.btn-red:hover {
  box-shadow: unset;
}

.btn-green {
  background: #00B07B;
  box-shadow: 0rem 9px 0px rgba(0, 140, 98, 1);
}

.btn-green:hover {
  box-shadow: unset;
}

.circle-arrow {
  display: flex;
  justify-items: center;
  align-items: center;
  margin-left: 8px;
}

.arrow-absolute {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}

.sec02-title-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}

.splash {
  width: 8.5px;
  height: 18.5px;
  margin-bottom: 6px;
}

.splash img {
  width: 100%;
  height: 100%;
}

.br-sp {
  display: none;
}

.br-sp-450 {
  display: none;
}

.br-sp-675 {
  display: none;
}

.br-860 {
  display: none;
}

/*=================================================sec02========================================= */
/*=================================================sec03========================================= */
.sec03 {
  background-color: rgba(99, 188, 255, 0.15);
  background-image: url('../img/sec03/bg_dash1.webp'), url('../img/sec03/bg_dash2.webp');
  background-position: -450px -255px, 117% 110%;
  background-repeat: no-repeat, no-repeat;
  background-size: 55% 25%;
}

.sec03 .sec-body {
  padding: 170px 0px 200px 0px;
}

.sec03 .sec-title-group::before {
  content: "RANKING";
  top: -54px;
  left: 3px;
}

.sec03 .sec-title-img {
  padding-bottom: 9px;
}

.sec03 .sec-title-group p {
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0px;
  position: relative;
  z-index: 1;
}

span.sec03-tilte-span01 {
  text-align: center;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 2px;
  background: linear-gradient(180deg, #63BCFF 0%, #233BB0 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

span.sec03-tilte-span02 {
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 3px;
  background: linear-gradient(180deg, #63BCFF 0%, #233BB0 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-left: 12px;
  display: inline-block;
}

.sec03-card-group {
  width: 100%;
  height: 100%;
  border-radius: 30px;
  background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.50) 50%, #FFF 100%);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.30);
  padding: 0 65px;
}

.sec03-rank-card {
  display: flex;
  justify-content: center;
  margin-bottom: 29px;
}

.sec03 .sec-body .sec-title-group {
  margin-bottom: 70px;
}

.sec03-img-rank {
  width: 174px;
  height: 189px;
  aspect-ratio: 58/63;
  margin-right: 21px;
}

.sec03-num-rank-header {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sec03-title-rank {
  color: #63BCFF;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1px;
  text-decoration: underline;
  text-decoration-color: #63BCFF;
  text-decoration-thickness: 2px;
  text-underline-offset: 7px;
  line-height: 41px;
}

.sec03-title-rank-main {
  color: #4B4B4B;
  font-family: "Inter", sans-serif;
  font-size: 45px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 2.25px;
  margin-top: 14px;
}

.sec03-star {
  display: flex;
  align-items: center;
  margin-top: 11px;
}

.sec03-star-group {
  display: flex;
  align-items: center;
  margin-right: 8px;
}

.sec03-star-group img {
  width: 39px;
  height: 39px;
}

.sec03-star span {
  color: #BF9F4E;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 1.1px;
  transform: translateY(4px);
}

.sec03-title-rank-wapper {
  margin-top: 35px;
}

.sec03-title-rank-wapper img {
  position: absolute;
  bottom: 4px;
  width: 271px;
}

.sec03-hero1 {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 36px;
}

.sec03-hero2 {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 41px;
}

.sec03-hero3 {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 21.13px;
}

.sec03-hero4 {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 70px;
}

.sec03-hero5 {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 32px;
}

.sec03-hero-img1 {
  width: 675px;
  height: 235px;
  aspect-ratio: 295/106;
}

.sec03-hero-img2 {
  width: 675px;
  height: 230px;
  aspect-ratio: 327/115;
}

.sec03-hero-img3 {
  width: 675.38px;
  height: 279.869px;
  aspect-ratio: 159/68;
}

.sec03-hero-img4 {
  width: 651px;
  height: 181px;
  aspect-ratio: 223/62;
}

.sec03-hero-img5 {
  width: 649px;
  height: 250px;
  aspect-ratio: 257/99;
}

.sec03-btn-cta {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  margin-bottom: 25px;
}

.sec03-btn-cta img {
  width: 232px;
  height: 46px;
}

.sec03-tags {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 25px;
}

.sec03-tags2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 36px;
}

.sec03-tag {
  border-radius: 50px;
  background: linear-gradient(109deg, #78C4FF 6.5%, #09F 69.45%);
  color: #fff;
  padding-left: 7px;
  display: flex;
  align-items: center;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  width: 232px;
  height: 46px;
  padding-bottom: 2px;
}

.tag-hash {
  background-color: #fff;
  color: #3b9bff;
  border-radius: 50%;
  width: 33px;
  height: 33px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  font-family: "Inter", sans-serif;
  flex-shrink: 0;
}

.tag-hash span {
  background: linear-gradient(180deg, #63BCFF 0%, #233BB0 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.tag-hash-txt {
  width: 100%;
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  padding-top: 2px;
}

.tag-hash-txt2 {
  width: 100%;
  color: #FFF;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  padding-right: 8px;
}

.tag-hash-txt3 {
  width: 100%;
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  padding-right: 6px;
}

.tag-hash-txt4 {
  width: 100%;
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  padding-right: 6px;
}

.tag-hash-txt5 {
  width: 100%;
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  padding-right: 6px;
}

.sec03-card-footer {
  text-align: center;
  margin-top: 53px;
  padding-bottom: 67px;
}

a.sec03-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: 5px solid #FF4747;
  border-radius: 50px;
  color: #FF4747;
  text-decoration: none;
  position: relative;
  transition: 0.3s ease-in-out;
  box-shadow: 0 4px 6px rgba(255, 77, 79, 0.2);
  width: 536px;
  height: 73px;
  font-family: "Inter", sans-serif;
  font-size: 23px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 1.15px;
}

.sec03-cta-btn:hover {
  background-color: #ff4d4f;
  color: #fff;
}

.sec03-cta-btn .arrow-icon {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #ff4d4f;
  color: #fff;
  border-radius: 50%;
  width: 46px;
  height: 46px;
  font-size: 18px;
  transition: 0.3s ease-in-out;
}

.sec03-cta-btn:hover .arrow-icon {
  background-color: #fff;
  color: #ff4d4f;
}

.sec03-cta-btn:hover .arrow-icon svg {
  color: #ff4d4f;
}

.sec03-list-body {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.sec03-list-header-checkbox {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 213px;
}

.sec03-list-header-checkbox>div:nth-child(2) {
  margin-top: 18px;
}

.sec03-checkbox+.sec03-checkbox {
  margin-top: 10px;
}

.sec03-title-list {
  display: flex;
  align-items: center;
  gap: 15px;
}

.sec03-title-list span {
  font-family: "Inter", sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 42px;
  letter-spacing: 1.25px;
  background: linear-gradient(180deg, #63BCFF 0%, #233BB0 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.sec03-lamp {
  width: 29px;
  height: 31px;
  aspect-ratio: 29/31;
  margin-bottom: 4px;
}

.sec03-checkbox {
  display: flex;
  gap: 21px;
}

.sec03-checkbox span {
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
}

.sec03-checkbox img {
  width: 23px;
  height: 23px;
}

.sec03-tbl-r1-html {
  width: 678.778px;
  height: 213px;
}

.r1-table {
  width: 100%;
  height: 100%;
  border-collapse: collapse;
  border: 1px solid #63BCFF;
}

.r1-table th,
.r1-table td {
  border: 1px solid #233BB0;
  text-align: center;
  vertical-align: middle;
}

.r1-table th,
.r1-table td {
  width: 25%;
}

.r1-table th {
  background-color: #63BCFF;
  padding: 4px 0px 4.87px 0px;
  color: #FFF;
  text-align: center;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.85px;
}

.r1-table td {
  background-color: #eaf4ff;
  padding: 6.125px 0px 9px 0px;
}

.r1-cell-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.r1-circle {
  width: 36px;
  height: 36px;
}

.r1-cell-txt {
  color: #000;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.75px;
}

.sec03-para0 {
  color: #000;
  font-size: 17px;
  font-weight: 400;
  line-height: 29px;
  margin-bottom: 24px;
  letter-spacing: 0.85px;
}

.sec03-para {
  color: #000;
  font-size: 17px;
  font-weight: 400;
  line-height: 29px;
  margin-bottom: 24px;
  font-family: "Inter", sans-serif;
}

.mt-110 {
  margin-top: 110px;
}

/*=========================================sec03======================================== */
/*======================================== sec04 ======================================== */
.sec04-about-container {
  position: relative;
  padding-top: 90px;
}

.sec04-worry .sec-title-group .sec-title-img {
  margin-bottom: 12px;
}

.sec04-worry-container {
  background-image: url(../img/sec04/bg.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-top: 242px;
  padding-bottom: 125px;
  margin-top: -112px;
}

.sec04-worry-container .sec-title-group::before {
  content: "WORRY";
  top: -36px;
  left: -10px;
}

.sec04-about-box {
  background: #20458B;
  border-radius: 30px;
  padding: 56px 60px 70px 58px;
  margin-top: 50px;
  position: relative;
  color: #fff;
  text-align: center;
}

.about-title-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -55px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  border: 8px solid #20458B;
  border-radius: 20px;
  width: 662px;
  height: 94px;
  white-space: nowrap;
}

.about-title-circle {
  position: absolute;
  background: #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
}

.about-title {
  color: #20458B;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 35px;
  font-weight: 700;
  line-height: 148.2%;
}

.about-subtitle {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin-top: 5px;
}

.about-lamp-icon {
  width: 42px;
  height: 45px;
  aspect-ratio: 14/15;
}

.about-subtitle h4 {
  color: #FFE785;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 27px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 1.35px;
  text-decoration: underline;
  text-decoration-color: #FFE785;
  text-decoration-style: solid;
  text-decoration-thickness: 3px;
  text-underline-offset: 10px;
  margin-top: 2px;
}

.about-desc {
  margin-bottom: 32px;
  margin-top: 31.5px;
  text-align: left;
  display: inline-block;
  color: #FFF;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 33px;
}

.about-cards {
  display: flex;
  justify-content: space-between;
  gap: 29px;
}

.about-card {
  background: #fff;
  border-radius: 30px;
  padding: 29px 24px 32px 24px;
  flex: 1;
  color: #333;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.acard-img {
  margin-bottom: 9px;
  min-height: 89px;
}

.acard-img01 img {
  width: 117px;
}

.acard-img02 img {
  width: 83px;
}

.acard-img03 img {
  width: 106px;
}

.about-card-custom img {
  width: 89px;
  height: 89px;
}

.acard-title {
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 148.2%;
  letter-spacing: 1.25px;
  background: linear-gradient(180deg, #63BCFF 0%, #233BB0 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.acard-txt {
  color: #000;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  margin-top: 6px;
}

.sec04-worry {
  position: relative;
}

.worry-bg-text {
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  font-size: 100px;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 900;
  letter-spacing: 10px;
  z-index: -1;
  line-height: 1;
  text-align: left;
}

.worry-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-bottom: 40px;
}

.worry-icon img {
  width: 80px;
}

.worry-header-text {
  text-align: left;
}

.worry-subtitle {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 5px;
}

.worry-title {
  font-size: 32px;
  font-weight: 700;
  margin: 0;
}

.worry-balloons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
  max-width: 950px;
  margin: 30px auto 74px auto;
}

.worry-balloon {
  width: 442px;
  height: 87px;
  border-radius: 10px;
  background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.50) 50%, #FFF 100%);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.30);
  padding: 15px 20px;
  font-size: 22px;
  font-weight: 500;
  position: relative;
  line-height: 1;
  letter-spacing: 1.1px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.worry-balloon::before,
.worry-balloon::after {
  content: '';
  position: absolute;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.worry-balloon::before {
  width: 25px;
  height: 25px;
  bottom: -10px;
}

.worry-balloon::after {
  width: 17px;
  height: 17px;
  bottom: -24px;
}

.balloon-left::before {
  right: 290px;
}

.balloon-left::after {
  right: 270px;
}

.balloon-right {
  margin-top: 30px;
}

.balloon-right::before {
  left: 218px;
}

.balloon-right::after {
  left: 199px;
}

.balloon-center {
  margin-right: 135px;
}

.balloon-center::before {
  left: 170px;
}

.balloon-center::after {
  left: 196px;
}

.worry-solution-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 32px;
  margin: 0 auto;
}

.ws-card {
  position: relative;
  border: 2px solid transparent;
  background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.50) 50%, #FFF 100%);
  background-clip: padding-box;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.30);
  border-radius: 20px;
  width: 345px;
  height: 291px;
  display: flex;
  flex-direction: column;
  z-index: 1;
}

.ws-card::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  padding: 2px;
  background: linear-gradient(180deg, #63BCFF 0%, #233BB0 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  pointer-events: none;
}

.ws-card-head {
  margin: 24px 12px 0 12px;
  height: 42px;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  border-radius: 50px;
  background: linear-gradient(99deg, #63BCFF 2.68%, #233BB0 56.58%);
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Inter", sans-serif;
}

.ws-card-img {
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  margin-bottom: 14px;
}

.ws-card-img .card-img1 {
  width: 132.5px;
  height: 119.5px;
  margin-top: -12px;
}

.ws-card-img .card-img2 {
  width: 114px;
  height: 84px;
}

.ws-card-img .card-img3 {
  width: 132.5px;
  height: 105px;
}

.ws-card-img .card-img4 {
  width: 125px;
  height: 119px;
  margin-top: -10px;
}

.ws-card-img .card-img5 {
  width: 101px;
  height: 88px;
}

.ws-card-txt {
  text-align: left;
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 29px;
  margin: 0 24px;
}

.worry-solution-cards .ws-card:nth-child(n+4) {
  margin-top: -2px;
}

.sec04-arrow-down {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0 40px 0;
}

.sec04-arrow-down img {
  width: 86px;
  height: 61px;
  animation: bounceUpDown 1.5s ease-in-out infinite;
}

@keyframes bounceUpDown {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(10px);
  }
}

.sec04-chosen-container {
  padding-bottom: 125px;
}

.sec04-chosen {
  text-align: center;
  margin-top: 40px;
}

.chosen-title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 40px;
}

.chosen-cards {
  display: flex;
  justify-content: space-between;
  gap: 15px;
}

.c-card {
  position: relative;
  width: 260px;
  height: 318px;
  border-radius: 20px;
  border: 3px solid transparent;
  background-clip: padding-box;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.30);
  padding: 21px;
  flex: 1;
  z-index: 1;
}

.c-card::before {
  content: "";
  position: absolute;
  inset: -3px;
  border-radius: inherit;
  padding: 3px;
  background: linear-gradient(109deg, #78C4FF 6.5%, #09F 69.45%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  pointer-events: none;
}

.c-card-img {
  height: 120px;
  margin-bottom: 14px;
  border-radius: 5px;
  overflow: hidden;
}

.c-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-card-title {
  text-align: center;
  font-size: 25px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 1.25px;
  background: linear-gradient(180deg, #63BCFF 0%, #233BB0 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 12px;
}

.c-card-txt {
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 29px;
  text-align: left;
}

/*=========================================sec04======================================== */
/*======================================== sec05 ======================================== */
.sec05 {
  background: url(../img/sec05/bg.png) no-repeat top center;
  overflow: hidden;
}

.sec05 .sec-body {
  padding: 145px 0px 145px 0px;
}

.sec05 .sec-body .sec-title-group::before {
  content: "FAQ";
  top: -52px;
}

.sec-title-group::before {
  content: "";
  position: absolute;
  left: 0;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 70px;
  line-height: 1;
  letter-spacing: 3.5px;
  color: #63BCFF;
  opacity: 0.3;
  z-index: 1;
}

.sec05 .sec-body .sec-title-group h2 {
  color: #000;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.15;
  margin-bottom: 18px;
}

.sec05 .faq {
  margin-top: 40px;
}

.sec05 .faq-item {
  margin-bottom: 35px;
}

.sec05 .faq-item:last-child {
  margin-bottom: 0;
}

.sec05 .faq-head-group {
  display: flex;
  align-items: flex-end;
  padding-bottom: 11px;
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid #707070;
}

.sec05 .faq-head-q {
  font-family: "Inter", sans-serif;
  color: #63BCFF;
  margin-right: 13px;
  text-align: center;
  font-size: 30px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 1.5px;
}

.sec05 .faq-head-txt {
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 3px;
}

.sec05 .faq-head-group::before,
.sec05 .faq-head-group::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  width: 18px;
  height: 1px;
  background-color: #000;
  transition: transform 0.3s;
}

.sec05 .faq-item:not(.active) .faq-head-group::before {
  transform: translateY(-50%) rotate(0deg);
}

.sec05 .faq-item:not(.active) .faq-head-group::after {
  transform: translateY(-50%) rotate(90deg);
}

.sec05 .faq-item.active .faq-head-group::before {
  transform: translateY(-50%) rotate(45deg);
}

.sec05 .faq-item.active .faq-head-group::after {
  transform: translateY(-50%) rotate(-45deg);
}

.sec05 .faq-answer {
  display: none;
}

.sec05 .faq-answer-group {
  display: flex;
  padding-top: 10px;
  align-items: baseline;
}

.sec05 .faq-answer-a {
  color: #233BB0;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 1.5px;
  margin-right: 13px;
}

.sec05 .faq-answer-txt {
  flex: 1;
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 4px;
}

@media screen and (max-width: 768px) {
  .sec05 .sec-body {
    padding: 70px 0px 90px 0px;
  }

  .sec05 .sec-body .sec-title-group h2 {
    font-size: 25px;
    letter-spacing: 1.25px;
    line-height: 115.8%;
    margin-bottom: 9px;
  }

  .sec05 .sec-body .sec-title-group {
    gap: 14px;
  }

  .sec05 .sec-title-img {
    margin-left: 0;
    margin-top: 8px;
  }

  .sec05 .sec-title-img img {
    width: 53px;
  }

  .sec05 .sec-body .sec-title-group::before {
    top: -24px;
    left: -22.5px;
  }

  .sec05 .faq-head-q,
  .sec05 .faq-answer-a {
    font-size: 23px;
    margin-right: 4px;
  }

  .sec05 .faq-item {
    margin-bottom: 28px;
  }

  .sec05 .faq-head-group::before,
  .sec05 .faq-head-group::after {
    top: 10px;
    width: 29.5px;
    right: 5px;
  }

  .faq-answer-group {
    margin-bottom: -8px;
  }

  .sec05 .faq-head-txt {
    font-size: 17px;
    padding-right: 25px;
  }

  .sec05 .faq-answer-txt {
    line-height: 24px;
    margin-top: -2px;
  }
}

/*=========================================sec05======================================== */
/*======================================== sec06 ======================================== */
.sec06 .sec-body {
  padding: 120px 0px 45px 0px;
}

.sec-title-group-quote {
  display: flex;
  gap: 11px;
  align-items: center;
  position: relative;
}

.sec-title-group-quote h2 {
  color: #000;
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  z-index: 2;
}

.sec06 .sec-body .sec-title-group-quote::before {
  content: "SELECT";
  top: -20px;
}

.sec-title-group-quote .sec-title-img img {
  width: 69px;
  height: 75px;
  aspect-ratio: 23/25;
}

.sec-title-group-quote::before {
  content: "";
  position: absolute;
  left: -3;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 70px;
  line-height: 100%;
  letter-spacing: 3.5px;
  color: #63BCFF;
  opacity: 0.3;
  z-index: 1;
}

.sec-title-text {
  margin-top: 18px;
}

.sec06-btns {
  margin-top: 0;
}

.sec06-note {
  margin-top: 60px;
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 27px;
}

.sec06-note p {
  margin: 0;
}

.divider-card {
  width: 98%;
  height: 1px;
  background: #000;
  margin: 0 auto;
}

.footer-cr {
  width: 100%;
  height: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #63BCFF;
}

.cr-txt {
  color: #FFF;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
}

.sec06-group02 {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-top: 35px;
  margin-bottom: 70px;
}

.sec06-item01 {
  background: linear-gradient(180deg, #63BCFF 0%, #233BB0 100%);
}

.sec06-item {
  width: 31.36%;
  border-radius: 30px;
  box-shadow: 0px 0px 20px 0px #0000004D;
  padding: 2px;
}

.sec06-item-body {
  padding: 28px 23px 33px 23px;
  border-radius: 28px;
  background: #fff;
  height: 100%;
}

.sec06-item01 .sec06-item-tab {
  background: linear-gradient(98.62deg, #63BCFF 2.68%, #233BB0 56.58%);
}

.sec06-item-tab {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 23px;
  line-height: 1;
  letter-spacing: 1.15px;
  text-align: center;
  color: #fff;
  width: 100%;
  border-radius: 50px;
  padding: 14px 0px;
}

.sec06-item-img {
  margin-top: 7px;
  min-height: 88px;
  display: flex;
  align-items: center;
}

.sec06-item-txt {
  margin-top: 9px;
  padding-top: 10px;
  border-top: 1px solid #000;
  font-weight: 400;
  font-size: 17px;
  line-height: 29px;
  letter-spacing: 0%;
  text-align: center;
}

.sec06-item01 .sec06-item-txt span.txt01 {
  background: linear-gradient(95.4deg, #63BCFF -16.33%, #233BB0 39.47%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  font-weight: 600;
  font-size: 21px;
  line-height: 1;
}

.sec06-item01 .sec06-item-txt span.txt02,
.sec06-item02 .sec06-item-txt span.txt02,
.sec06-item03 .sec06-item-txt span.txt02 {
  font-family: "Inter", sans-serif;
}

.sec06-item02 {
  background: linear-gradient(180deg, #63FFE0 0%, #2392B0 100%);
}

.sec06-item02 .sec06-item-tab {
  background: linear-gradient(105.88deg, #63FFE0 -16.44%, #2392B0 54.43%);
}

.sec06-item02 .sec06-item-txt span.txt01 {
  background: linear-gradient(97.93deg, #63FFE0 1.18%, #2392B0 27.54%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  font-weight: 600;
  font-size: 21px;
  line-height: 1;
}

.sec06-item03 {
  background: linear-gradient(180deg, #FFDB63 0%, #F7941C 100%);
}

.sec06-item03 .sec06-item-tab {
  background: linear-gradient(109.71deg, #FFDB63 -28.19%, #F7941C 57.52%);
}

.sec06-item03 .sec06-item-txt span.txt01 {
  background: linear-gradient(96.02deg, #FFDB63 -13.11%, #F7941C 40.37%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  font-weight: 600;
  font-size: 21px;
  line-height: 1;
}

.mobile-only {
  display: none;
}

@media screen and (max-width: 1155px) {

  .sec01-group02 {
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
  }

  .sec01-item {
    width: 45%;
    min-width: 320px;
  }

  .sec02-btns {
    flex-direction: column;
    align-items: stretch;
    width: max-content;
    max-width: 100%;
    margin: 0 auto;
    gap: 30px;
    padding-top: 29px;
  }

  .sec02-btn-box {
    width: 100%;
  }

  .sec02-btn {
    width: 100%;
    padding: 0 42px;
  }

  .scroll-container {
    margin-right: 15px;
  }

  /* sec03 responsive fixes for 1155px to 860px */
  .sec03-list-body {
    flex-direction: column;
  }

  .sec03-checkbox br {
    display: none;
  }

  .sec03-checkbox-m3 {
    display: none;
  }

  .sec03-checkbox-m4 {
    display: none;
  }

  .sec03-checkbox-m5 {
    display: none;
  }

  .sec03-tbl-r1-html {
    width: 100%;
    height: auto;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .r1-table {
    min-width: 500px;
  }

  .sec03-hero1 img,
  .sec03-hero2 img,
  .sec03-hero3 img,
  .sec03-hero4 img,
  .sec03-hero5 img {
    width: 100%;
    height: auto;
  }

  .sec03-tags,
  .sec03-tags2 {
    justify-content: center;
    gap: 15px;
  }

  /* sec04 tablet fixes */
  .chosen-cards {
    flex-wrap: wrap;
    justify-content: center;
  }
}

.about-title-m4 {
  display: none;
}

.br-sec-title-m4 {
  display: none;
}

.space-title_m {
  display: none;
}

@media screen and (max-width: 460px) {
  .about-title-m4 {
    display: inline;
  }
}

@media screen and (max-width: 860px) {
  .fs-11 {
    font-size: 11px !important;
  }

  .space-title_d {
    display: none;
  }

  .space-title_m {
    display: block;
  }

  .desktop-only {
    display: none !important;
  }

  section {
    padding: 0px 18px;
  }

  section.sec04-about-container {
    padding-left: 25px;
    padding-right: 25px;
  }

  .br-sec-title-m4 {
    display: block;
  }

  .sec04-worry .sec-title-group .sec-title-img {
    margin-bottom: 30px;
  }

  .acard-txt-d4 {
    display: none;
  }

  .about-subtitle h4 {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1px;
  }

  .sec03 {
    background-color: rgba(99, 188, 255, 0.15);
    background-image: url(../img/sec03/bg_dash1.webp), url(../img/sec03/bg_dash2.webp);
    background-position: -86px -269px, -100% -100%;
    background-repeat: no-repeat, no-repeat;
    background-size: 120% 15%;
  }

  /* sec04 mobile fixes */
  .sec04-about-box {
    padding: 40px 25px 35px;
    margin-top: 40px;
    border-radius: 20px;
  }

  .sec04-worry .sec-title-group .sec-title-txt {
    margin-top: 18px;
    margin-left: 3px;
  }

  .about-title-wrap {
    width: 90%;
    height: auto;
    padding: 15px;
    flex-wrap: wrap;
    text-align: center;
    white-space: normal;
    top: -40px;
  }

  .about-title {
    font-size: 23px;
    line-height: 115.2%;
  }

  .about-cards {
    flex-direction: column;
    gap: 19px;
  }

  .about-card {
    width: 100%;
    flex: unset;
    max-width: 350px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 83.46px 1fr;
    grid-template-rows: auto auto;
    column-gap: 7.54px;
    align-items: center;
    padding: 30.57px 0 30.61px 17px;
  }

  .about-card .acard-img {
    grid-row: 1 / span 2;
    grid-column: 1;
    margin-bottom: 0;
    min-height: unset;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .about-card .acard-img01 img {
    width: 83.46px;
    height: 63.49px;
  }

  .about-card .acard-img02 img {
    width: 63.49px;
    height: 63.49px;
  }

  .about-card .acard-img03 img {
    width: 75.62px;
    height: 63.49px;
  }

  .about-card .acard-title {
    grid-row: 1;
    grid-column: 2;
    text-align: left;
    font-size: 20px;
    align-self: end;
    font-size: 20px;
    letter-spacing: 1px;
  }

  .about-card .acard-txt {
    grid-row: 2;
    grid-column: 2;
    text-align: left;
    margin-top: 5px;
    align-self: start;
    font-size: 13px;
    line-height: 20px;
    padding-right: 52px;
  }

  .sec04-worry .sec-title-group .sec-title-img img {
    width: 53px;
  }

  .sec04-worry .sec-title-group p {
    font-size: 20px;
    font-weight: 500;
    line-height: 115.8%;
    letter-spacing: 1px;
  }

  .sec04-worry .sec-title-group h2 {
    font-size: 25px;
    font-weight: 700;
    line-height: 115.8%;
    letter-spacing: 1.25px;
  }

  .sec04-worry-container {
    padding-top: 138px;
    padding-bottom: 40px;
    margin-top: -92px;
    background-position: 0px 15px;
    background-size: 100% 69%;
    background-image: url(../img/sec04/bg_m.png);
  }

  .sec04-worry-container .sec-title-group::before {
    top: -23px;
    left: -21px;
    line-height: normal;
  }

  .worry-bg-text {
    font-size: 50px;
    top: -10px;
  }

  .worry-balloons {
    flex-direction: column;
    align-items: center;
    gap: 39.5px;
    margin: 19px 0 47px;
  }

  .balloon-left::before {
    left: 62px;
    right: unset;
  }

  .balloon-left::after {
    left: 87px;
    right: unset;
  }

  .balloon-right::before {
    right: 45px;
    left: unset;
  }

  .balloon-right::after {
    right: 70px;
    left: unset;
  }

  .balloon-center::before {
    left: 55px;
    right: unset;
  }

  .balloon-center::after {
    left: 82px;
    right: unset;
  }

  .worry-balloon {
    width: 100%;
    transform: none;
    margin: 0 auto !important;
    font-size: 17px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.85px;
  }

  .ws-card {
    height: unset;
  }

  .ws-card-head {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 1px;
    margin: 21px 22px 0 21px;
  }

  .ws-card-head3 {
    letter-spacing: normal;
  }

  .ws-card-img .card-img1 {
    margin-top: 0;
  }

  .ws-card-img {
    margin-bottom: 24px;
  }

  .ws-card-img2 {
    margin-top: 14px;
    margin-bottom: 28px;
  }

  .ws-card-img3 {
    margin-bottom: 8px;
  }

  .ws-card-img4 {
    margin-bottom: 12px;
  }

  .ws-card-img5 {
    margin-bottom: 8px;
  }

  .ws-card-txt {
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    margin: 0 19px 0 20px;
    padding-bottom: 21px;
  }

  .worry-solution-cards {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }

  .worry-solution-cards .ws-card {
    width: 100%;
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .sec04-arrow-down {
    margin: 0 0 20px 0;
  }

  .sec04-chosen {
    margin-top: 20px;
  }

  .sec04-chosen-container {
    padding-bottom: 90px;
  }

  .chosen-title {
    width: 209px;
    font-size: 25px;
    font-weight: 700;
    line-height: 129.8%;
    letter-spacing: 1.25px;
    margin: 0 auto 41px auto;
  }

  .chosen-cards {
    flex-direction: row;
    align-items: stretch;
    gap: 20px;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 20px;
    -webkit-overflow-scrolling: touch;
    justify-content: unset;
  }

  .chosen-cards::-webkit-scrollbar {
    height: 10px;
  }

  .chosen-cards::-webkit-scrollbar-track {
    background: #E0E0E0;
    border-radius: 10px;
  }

  .chosen-cards::-webkit-scrollbar-thumb {
    background: #63BCFF;
    border-radius: 10px;
  }

  .c-card {
    flex: 0 0 auto;
    max-width: unset;
    height: 282px;
    padding: 21px 21px 12px 21px;
  }

  .c-card-img {
    height: 144px;
  }

  .c-card-title {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 1px;
    margin-bottom: 6px;
  }

  .c-card-txt {
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
  }

  .mobile-only {
    display: block !important;
  }

  .hero {
    position: relative;
    z-index: 5;
  }

  .mobile-cta-wrapper {
    padding: 0 25px;
    position: absolute;
    bottom: 16px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 10;
  }

  .mobile-cta {
    display: flex !important;
    width: 100%;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    padding: 4px 0 0;
    margin-bottom: 0;
    box-shadow: 0px 9px 0px rgba(202, 57, 57, 1);
    background: #FF4747;
    gap: 14px;
  }

  .mobile-cta img {
    width: 55px;
    height: 55px;
    border-radius: 100%;
  }

  .mobile-cta span {
    color: #fff;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 23px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.15px;
  }

  header {
    height: 67px;
    padding: 0;
    display: flex;
    align-items: center;
  }

  .header-body {
    justify-content: flex-start;
    padding-left: 17px;
    height: auto;
  }

  header .logo img {
    width: 188px;
  }

  main {
    padding-top: 67px;
  }

  .sec01 {
    margin-top: -16vw;
    position: relative;
    z-index: 1;
    background: url(../img/sec01/bg.webp) center calc(16vw + 117px) / 485% 65% no-repeat, #E8F5FF;
  }

  .sec01 .sec-body {
    padding-top: calc(16vw + 30px);
    padding-bottom: 95px;
  }

  .sec01-group01 {
    padding: 26px 16px 26px 17px;
    margin-bottom: 65px;
    border-radius: 20px;
  }

  .sec01-group01 p {
    color: #000;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0.75px;
  }

  .sec01-group01 p span {
    font-size: 15px;
  }

  .sec01 .sec-body .sec-title-group .sec-title-img img {
    width: 53px;
  }

  .sec01 .sec-title-group::before {
    top: -15px;
    left: -20px;
    line-height: normal;
  }

  .sec01 .sec-body .sec-title-group .sec-title-img {
    margin-top: 20px;
    left: 9px;
  }

  .sec01 .sec-title-group h2.sec-title {
    font-size: 27px;
    letter-spacing: 1.35px;
    padding-bottom: 0;
    margin-bottom: -6px;
    margin-left: 10px;
  }

  .sec01-group02 {
    flex-direction: column;
    gap: 20px;
    align-items: center;
    margin-top: 30px;
  }

  .sec01-item {
    width: 100%;
    max-width: 350px;
  }

  .sec01-item-body {
    padding: 22px 23px 21px 23px;
  }

  .sec01-item-tab {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
  }

  .sec01-item-txt {
    font-size: 17px;
    line-height: 1.7;
    margin-top: 15px;
  }

  .sec01-item-txt span:first-child {
    font-size: 21px;
  }

  /*================ sec02 ================*/
  .sec02 .sec-body {
    padding: 95px 0 90px 0;
  }

  .sec02 .sec-body .sec-title-group .sec-title-img {
    margin-top: 20px;
    margin-left: 5px;
  }

  .sec02 .sec-body .sec-title-group .sec-title-img img {
    width: 53px;
  }

  .sec02 .sec-title-group {
    gap: 11px;
    flex-wrap: wrap;
  }

  .sec02 .sec-title-group>div:not(.sec-title-img):not(.scroll-container) {
    flex: 1;
    min-width: 0;
  }

  .sec02-btn {
    height: 87px;
    gap: 14px;
    padding: 0 0 0 42px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
  }

  .sec02-btn-m1 {
    display: flex;
    justify-content: space-between;
    padding-right: 42px;
  }

  .sec02-btn_m2 {
    display: flex;
    justify-content: space-between;
    padding-right: 66px;
  }

  .sec02-btn .sec02-text-btn {
    color: #FFF;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 23px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.15px;
    width: unset;
    height: unset;
    min-width: 210px;
  }

  .sec02-btn-icon-1,
  .sec02-btn-icon-2 {
    width: 55px;
    height: 55px;
  }

  .sec02-btn-icon-1 img {
    width: 37px;
    height: 37px;
  }

  .sec02-btn-icon-2 img {
    width: 40.477px;
    height: 32.106px;
  }

  @media screen and (max-width: 528px) {
    .sec02 .sec-body .sec-title-group .sec-title-img {
      margin-top: 0;
      margin-bottom: 30px;
    }

    .sec02 .sec-title-group>div:not(.sec-title-img):not(.scroll-container) {
      margin-top: 20px;
    }
  }

  .sec02 .sec-title-group::before {
    font-size: 70px;
    letter-spacing: 3.5px;
    top: -25px;
    left: -25px;
  }

  .sec02 .sec-title-group p {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 122.8%;
    letter-spacing: 1px;
    margin-bottom: 0;
  }

  .sec02 .sec-title-group h2.sec-title {
    color: #000;
    font-size: 25px;
    font-weight: 700;
    line-height: 122.8%;
    letter-spacing: 1.25px;
  }

  .scroll-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 5px;
    width: 100%;
  }

  .scroll-label {
    font-size: 20px;
    font-weight: 500;
  }

  .sec02-group {
    margin-top: 30px;
    width: 100%;
    margin-left: 0;
    padding-left: 15px;
  }

  /* ===== Transpose Table for Mobile ===== */
  .sec02-group {
    margin-top: 30px;
    width: 100%;
    margin-left: 0;
    padding-left: 15px;
    margin-bottom: 29px;
  }

  .sec02-table table {
    display: flex !important;
    flex-direction: row !important;
    width: max-content !important;
    border: none !important;
    padding-right: 15px;
  }

  .sec02-table tbody {
    display: flex !important;
    flex-direction: row !important;
  }

  .sec02-table tr {
    display: flex !important;
    flex-direction: column !important;
    margin: 0 !important;
  }

  /* Reset default td */
  .sec02-table td {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    text-align: center !important;
  }

  .sec02-table td .table-cell-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding-left: 17px;
    box-sizing: border-box;
    gap: 8px;
  }

  .sec02-table .logo-wrap {
    width: 168px;
    height: 48px;
    margin: 0 auto;
    aspect-ratio: auto !important;
    /* reset desktop */
  }

  .sec02-table .logo-wrap img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .sec02-table tr.tb-header td.tb-col01 {
    height: 66px !important;
    /* Khớp với logo: 48 + 8.4 + 7.5 + 2 borders = 65.9px */
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
  }

  .sec02-table tr.tb-body td.tb-col01 {
    height: 66px !important;
    width: 100% !important;
    background: #fff !important;
    border-top: 1px solid #63BCFF !important;
    border-right: 1px solid #63BCFF !important;
    border-left: none !important;
    border-radius: 0 !important;
    padding: 8.4px 17px 7.5px 16.1px !important;
    border-bottom: 1px solid #63BCFF !important;
    box-sizing: border-box !important;
    min-width: unset;
  }

  .sec02-table tr.tb-body:nth-child(2) td.tb-col01 {
    border-left: 1px solid #63BCFF !important;
    border-radius: 10px 0 0 0 !important;
  }

  .sec02-table tr.tb-body:nth-child(2) td:not(.tb-col01) {
    border-left: 1px solid #63BCFF !important;
  }

  .sec02-table tr.tb-body:last-child td.tb-col01 {
    border-radius: 0 10px 0 0 !important;
  }

  .sec02-table tr.tb-body:last-child td:last-child {
    border-radius: 0 0 10px 0 !important;
  }

  .sec02-table tr.tb-header {
    width: 95px !important;
  }

  .sec02-table tr.tb-header td:not(.tb-col01) {
    height: 90px !important;
    width: 100% !important;
    background: #63BCFF !important;
    color: #fff !important;
    border: none !important;
    border-bottom: 1px solid #fff !important;
    border-radius: 0 !important;
    padding: 14px 10px 14px 8px;
  }

  .sec02-table tr.tb-header td:not(.tb-col01) p {
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.85px;
    height: unset;
  }

  .sec02-table tr.tb-header td:nth-child(2) {
    border-radius: 10px 0 0 0 !important;
  }

  .sec02-table tr.tb-header td:last-child {
    border-radius: 0 0 0 10px !important;
    border-bottom: none !important;
  }

  .sec02-table tr.tb-body {
    width: max-content !important;
  }

  .sec02-table tr.tb-body td:not(.tb-col01) {
    height: 90px !important;
    width: 100% !important;
    min-width: auto !important;
    border-bottom: 1px solid #63BCFF !important;
    border-right: 1px solid #63BCFF !important;
    border-radius: 0 !important;
    padding: 18px 0 13px 0;
  }

  .sec02-btns {
    flex-direction: column;
    align-items: stretch;
    width: max-content;
    max-width: 100%;
    margin: 0 auto;
    gap: 30px;
    padding-top: 0;
  }

  .sec02-btn-box {
    width: 100%;
    max-width: 527px;
  }

  /* sec03 title adjustments */
  .sec03 .sec-body {
    padding: 60px 0px 90px 0px;
  }

  .sec03 .sec-body .sec-title-group {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center;
    gap: 0 !important;
    margin-bottom: 17px;
  }

  .sec03 .sec-body .sec-title-group .sec-title-img img {
    width: 53px;
    margin-right: 18px;
  }

  .sec03 .sec-title-group>div {
    text-align: center;
    width: 100%;
  }

  .sec03 .sec-title-img {
    padding-bottom: 10px;
    display: flex;
    justify-content: center;
  }

  .sec03 .sec-title-group::before {
    top: 15px;
    font-size: 70px;
    left: -22px;
  }

  .sec03 .sec-title-group p {
    font-size: 19px;
    line-height: 27px;
  }

  .sec03 .sec-title-group h2 {
    margin-top: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 30px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.5px;
  }

  .sec03 .sec-title-group h2 .br-sp {
    display: none !important;
  }

  span.sec03-tilte-span01 {
    font-size: 30px;
    letter-spacing: 1.5px;
    line-height: normal;
  }

  span.sec03-tilte-span02 {
    font-size: 60px;
    letter-spacing: 3px;
    display: inline-block;
    margin-top: 5px;
    margin-left: 0;
  }

  .sec03-card-group {
    padding: 30px 23px;
    margin-top: 35px;
    border-radius: 20px;
  }

  .sec03-rank-card {
    display: grid !important;
    grid-template-columns: auto 1fr;
    grid-template-rows: max-content 1fr auto;
    grid-template-areas:
      "img sub"
      "img star"
      "main main";
    text-align: left !important;
    column-gap: 23px;
    margin-bottom: 8px;
  }

  .sec03-title-gr {
    display: contents !important;
  }

  .sec03-img-rank {
    grid-area: img;
    width: 130px !important;
    height: 141px !important;
    margin: -30px 0 0 -30px !important;
  }

  .sec03-hero1 {
    margin-bottom: 14px;
  }

  .sec03-title-rank-wapper {
    grid-area: sub;
    margin-top: 25px !important;
    align-self: start;
    justify-self: start;
    border-bottom: 3px solid #63BCFF;
    padding-bottom: 2px;
    min-width: 172px;
  }

  .sec03-title-rank-wapper img {
    width: 200px;
    bottom: -2px;
  }

  .sec03-star {
    grid-area: star;
    margin-top: 10px !important;
    align-self: start;
  }

  .sec03-title-rank-main {
    grid-area: main;
    margin-top: 8px !important;
    font-size: 30px !important;
    line-height: 42px !important;
    text-align: left;
    letter-spacing: normal;
  }

  .sec03-title-rank {
    font-size: 17px;
    line-height: 23px;
    text-decoration: none !important;
    letter-spacing: 0.85px;
  }

  .sec03-title-rank-m2 {
    line-height: 22px;
    letter-spacing: normal;
  }

  .sec03-star-group img {
    width: 23px;
    height: 23px;
  }

  .sec03-star span {
    transform: translateY(2px);
    color: #BF9F4E;
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 0.85px;
  }

  .sec03-hero1 img,
  .sec03-hero2 img,
  .sec03-hero3 img,
  .sec03-hero4 img,
  .sec03-hero5 img {
    width: 100%;
    height: auto;
  }

  .sec03-hero2 {
    margin-bottom: 15px;
  }

  .sec03-hero3 {
    margin-bottom: 18.47px;
  }

  .sec03-hero4 {
    margin-bottom: 14px;
  }

  .sec03-hero5 {
    margin-bottom: 14px;
  }

  .sec03-tags,
  .sec03-tags2 {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
    justify-content: center;
    margin-bottom: 18px;
  }

  .sec03-tag {
    width: 100%;
    height: 38px;
    padding-left: 4px;
    padding-right: 4px;
  }

  .tag-hash {
    width: 24px;
    height: 24px;
    font-size: 15px;
  }

  .tag-hash-txt,
  .tag-hash-txt2,
  .tag-hash-txt3,
  .tag-hash-txt4,
  .tag-hash-txt5 {
    padding-top: 0;
    padding-right: 0;
    height: unset;
  }

  .tag-hash-txt1 {
    font-size: 12px;
  }

  .tag-hash-txt2 {
    font-size: 12px;
  }

  .tag-hash-txt3 {
    font-size: 12px;
  }

  .tag-hash-txt4 {
    font-size: 12px;
  }

  .tag-hash-txt5 {
    font-size: 12px;
    line-height: 12px;
  }

  .sec03-para0,
  .sec03-para {
    margin-bottom: 15px;
    text-align: left;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.75px;
    font-family: 'Noto Sans JP', sans-serif;
  }

  .sec03-para-m2 {
    line-height: 29px;
    letter-spacing: normal;
  }

  .sec03-list-header-checkbox {
    height: auto;
  }

  .sec03-title-list {
    gap: 6px;
  }

  .sec03-title-list span {
    font-size: 20px;
    font-weight: 600;
    line-height: 27px;
    letter-spacing: 1px;
  }

  .sec03-list-header-checkbox>div:nth-child(2) {
    margin-top: 19px;
  }

  .sec03-checkbox+.sec03-checkbox {
    margin-top: 8.39px;
  }

  .sec03-lamp {
    width: 29px;
    height: 31px;
  }

  .sec03-checkbox span,
  .sec03-checkbox p {
    font-size: 15px;
  }

  .sec03-checkbox-m3 {
    display: none;
  }

  .sec03-checkbox-m4 {
    display: none;
  }

  .sec03-checkbox-m5 {
    display: none;
  }

  .sec03-checkbox br {
    display: none;
  }

  .sec03-checkbox img {
    width: 18px;
    height: 18px;
  }

  .sec03-list-body {
    flex-direction: column;
  }

  .sec03-tbl-r1-html {
    width: 100%;
    height: auto;
    margin-top: 23px;
    padding-bottom: 10px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .sec03-tbl-r1-html-m2 {
    margin-top: 16.17px;
  }

  .sec03-tbl-r1-html-m3 {
    margin-top: 15.17px;
  }

  .sec03-tbl-r1-html-m4 {
    margin-top: 17.17px;
  }

  .sec03-tbl-r1-html-m5 {
    margin-top: 16.17px;
  }

  .r1-table {
    min-width: 500px;
  }

  .sec03-tbl-r1-html::-webkit-scrollbar {
    height: 10px;
  }

  .sec03-tbl-r1-html::-webkit-scrollbar-track {
    background: #E0E0E0;
    border-radius: 10px;
  }

  .sec03-tbl-r1-html::-webkit-scrollbar-thumb {
    background: #63BCFF;
    border-radius: 10px;
  }

  .r1-table th {
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.75px;
  }

  .r1-table td {
    padding: 5.125px 0px 7px 0px;
  }

  .r1-cell-txt {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.65px;
  }

  .sec03-card-footer {
    margin-top: 19px;
    padding-bottom: 30px;
    text-align: center;
  }

  .sec03-card-footer2 {
    padding-bottom: 9px;
  }

  .sec03-card-footer3 {
    padding-bottom: 10px;
  }

  a.sec03-cta-btn {
    width: 100%;
    font-size: 20px;
    display: flex;
    justify-content: space-between;
    gap: 30px;
    padding: 5px 8px;
    height: auto;
    min-height: 60px;
    line-height: 1.4;
  }

  a.sec03-cta-btn::before {
    content: "";
    width: 40px;
    flex-shrink: 0;
  }

  .sec03-cta-btn .arrow-icon {
    position: static;
    transform: none;
    width: 36px;
    height: 36px;
    flex-shrink: 0;
  }

  .sec06-group02 {
    flex-direction: column;
    gap: 20px;
    align-items: center;
  }

  .sec06-item {
    width: 100%;
    max-width: 400px;
  }

  .sec02-btn-note {
    color: #000;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
  }
}

.br-about-desc {
  display: none;
}

@media screen and (max-width: 675px) {
  .br-sp-675 {
    display: block;
  }

  .about-subtitle {
    flex-direction: column;
    gap: 6px;
    margin-top: 25px;
  }

  .about-subtitle h4 {
    width: 100%;
    white-space: normal;
    text-decoration: none;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1px;
    border-bottom: 3px solid #FFE785;
    padding-bottom: 11px;
  }

  .about-desc {
    margin-top: 19px;
    margin-bottom: 19px;
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
    padding-right: 1px;
  }

  .br-about-desc {
    display: block;
  }
}

.sec02-text-btn_m {
  display: none;
}

/* Responsive */
@media screen and (max-width: 768px) {
  .sec06 .sec-body {
    padding: 90px 0px 34px 0px;
  }

  .sec-title-group-quote-m {
    display: none;
  }

  .sec06 .sec-body .sec-title-group-quote::before {
    top: -20px;
    left: -20px;
  }

  .sec-title-group-quote h2 {
    font-size: 27px;
    line-height: 34px;
    letter-spacing: 1.35px;
  }

  .sec-title-group-quote .sec-title-img img {
    width: 48px;
    height: auto;
  }

  .sec-title-group-quote {
    align-items: flex-start;
  }

  .sec06-group02 {
    margin-top: 25px;
    margin-bottom: 50px;
    gap: 19px;
    padding: 0 7px;
  }

  .sec06-item-tab {
    font-size: 20px;
    padding: 9.5px 0px;
  }

  .sec06-item-body {
    padding: 22px 22px 21px 22px;
  }

  .sec02-text-btn_m {
    display: block;
  }

  .sec06-note {
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    padding: 0 7px;
    margin-top: 40px;
  }

  .cr-txt {
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
  }
}

.sec02-table td .tbl-cell_m3 {
  display: none;
}

@media screen and (max-width: 860px) {
  .br-sp {
    display: block;
  }

  .br-860 {
    display: block;
  }

  .table-cell-txt {
    text-align: left;
    line-height: 24px;
  }

  .table-cell-icon {
    width: 38px;
    height: 38px;
  }

  .sec02-table td .tbl-cell_d3 {
    display: none;
  }

  .sec02-table td .tbl-cell_m3 {
    display: flex;
  }
}

@media screen and (max-width: 450px) {
  .br-sp-450 {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .sec02-btns {
    gap: 20px;
  }

  .sec02-btn-icon {
    width: 40px;
    height: 40px;
  }

  .sec02-btn-icon img {
    width: 22px;
    height: 22px;
  }
}

@media screen and (max-width: 390px) {
  .sec03-card-group {
    padding: 30px 10px;
  }

  section.sec06 {
    padding: 0px 9px;
  }
}

/* Mobile Fixed Bottom CTA */
.mobile-fixed-cta {
  display: none;
}

@media screen and (max-width: 860px) {
  .mobile-fixed-cta {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 70px;
    z-index: 9999;
    background-color: transparent;
    color: #fff;
  }

  .m-cta-green .m-cta-icon {
    margin-right: 19px;
  }

  .m-cta-btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: 700;
    height: 100%;
  }

  .m-cta-red {
    background-color: #FF4747;
    border-top-left-radius: 10px;
  }

  .m-cta-green {
    background-color: #00B07B;
    border-top-right-radius: 10px;
  }

  .m-cta-icon {
    width: 33.978px;
    height: 33.978px;
    background-color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    flex-shrink: 0;
  }

  .m-cta-icon img {
    width: 25.006px;
    height: auto;
    display: block;
  }

  .m-cta-text {
    font-family: "Inter", sans-serif;
    color: #FFF;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.75px;
  }

  .footer-cr {
    height: auto !important;
    padding: 20px 10px 90px 10px !important;
    display: block !important;
    text-align: center !important;
  }
}

.f-inter {
  font-family: "Inter", sans-serif !important;
}