@keyframes h_slide {
  100% {
    transform: translate(-100%);
  }
}
@keyframes rand1Move {
  0% {
    transform: translate(-10%, 10%) scale(1);
  }
  25% {
    transform: translate(20%, -5%) scale(1.1);
  }
  50% {
    transform: translate(55%, 15%) scale(0.95);
  }
  75% {
    transform: translate(25%, 35%) scale(1.05);
  }
  100% {
    transform: translate(70%, 0%) scale(1);
  }
}
@keyframes rand2Move {
  0% {
    transform: translate(40%, -10%) scale(0.95);
  }
  20% {
    transform: translate(65%, 15%) scale(1.05);
  }
  55% {
    transform: translate(10%, 35%) scale(1);
  }
  80% {
    transform: translate(30%, 5%) scale(0.9);
  }
  100% {
    transform: translate(75%, 25%) scale(1.02);
  }
}
@keyframes reflect-mv1 {
  0% {
    background-position: 0 0, 15% 35%, 70% 60%;
  }
  25% {
    background-position: 0 0, 35% 20%, 70% 60%;
  }
  50% {
    background-position: 0 0, 55% 50%, 70% 60%;
  }
  75% {
    background-position: 0 0, 25% 70%, 70% 60%;
  }
  100% {
    background-position: 0 0, 80% 30%, 70% 60%;
  }
}
@keyframes reflect-mv2 {
  0% {
    background-position: 0 0, 15% 35%, 70% 60%;
  }
  20% {
    background-position: 0 0, 15% 35%, 90% 40%;
  }
  55% {
    background-position: 0 0, 15% 35%, 30% 80%;
  }
  80% {
    background-position: 0 0, 15% 35%, 50% 20%;
  }
  100% {
    background-position: 0 0, 15% 35%, 95% 70%;
  }
}
@keyframes gradient-move-1 {
  0% {
    background-position: 20% 30%, 60% 70%, 80% 20%, 40% 80%;
  }
  25% {
    background-position: 40% 10%, 60% 70%, 80% 20%, 40% 80%;
  }
  50% {
    background-position: 70% 50%, 60% 70%, 80% 20%, 40% 80%;
  }
  75% {
    background-position: 10% 80%, 60% 70%, 80% 20%, 40% 80%;
  }
  100% {
    background-position: 90% 20%, 60% 70%, 80% 20%, 40% 80%;
  }
}
@keyframes gradient-move-2 {
  0% {
    background-position: 20% 30%, 60% 70%, 80% 20%, 40% 80%;
  }
  30% {
    background-position: 20% 30%, 80% 40%, 80% 20%, 40% 80%;
  }
  60% {
    background-position: 20% 30%, 30% 90%, 80% 20%, 40% 80%;
  }
  80% {
    background-position: 20% 30%, 50% 20%, 80% 20%, 40% 80%;
  }
  100% {
    background-position: 20% 30%, 95% 60%, 80% 20%, 40% 80%;
  }
}
@keyframes gradient-move-3 {
  0% {
    background-position: 20% 30%, 60% 70%, 80% 20%, 40% 80%;
  }
  20% {
    background-position: 20% 30%, 60% 70%, 20% 60%, 40% 80%;
  }
  40% {
    background-position: 20% 30%, 60% 70%, 60% 80%, 40% 80%;
  }
  70% {
    background-position: 20% 30%, 60% 70%, 40% 10%, 40% 80%;
  }
  100% {
    background-position: 20% 30%, 60% 70%, 90% 70%, 40% 80%;
  }
}
@keyframes gradient-move-4 {
  0% {
    background-position: 20% 30%, 60% 70%, 80% 20%, 40% 80%;
  }
  35% {
    background-position: 20% 30%, 60% 70%, 80% 20%, 70% 30%;
  }
  55% {
    background-position: 20% 30%, 60% 70%, 80% 20%, 20% 60%;
  }
  75% {
    background-position: 20% 30%, 60% 70%, 80% 20%, 80% 90%;
  }
  100% {
    background-position: 20% 30%, 60% 70%, 80% 20%, 10% 40%;
  }
}
#t_fv {
  position: relative;
  background-color: #EFF7FF;
}
@media screen and (max-width: 768px) {
  #t_fv {
    padding-top: 150rem;
  }
}
#t_fv .text {
  padding-top: 300px;
  padding-left: 175px;
  letter-spacing: 3px;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 1900px) {
  #t_fv .text {
    padding-top: 300rem;
    padding-left: 175rem;
  }
}
@media screen and (max-width: 768px) {
  #t_fv .text {
    padding: 0 40rem;
  }
}
#t_fv .text .f-80 {
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  #t_fv .text .f-80 {
    text-align: center;
    font-size: 58rem;
  }
}
#t_fv .text .f-80 .underline {
  position: relative;
}
#t_fv .text .f-80 .underline::after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #3393EA;
  animation: a-line 1s ease-out 0s 1 normal forwards;
}
#t_fv .text .f-80 .underline.c-gra::after {
  animation-delay: 0.5s;
}
#t_fv .text .f-48 {
  margin-top: 30px;
}
@media screen and (max-width: 1900px) {
  #t_fv .text .f-48 {
    margin-top: 30rem;
  }
}
@media screen and (max-width: 768px) {
  #t_fv .text .f-48 {
    width: 100%;
  }
}
#t_fv .text .f-48 .border {
  color: #3393EA;
  background-color: #fff;
  border: 2px solid #3393EA;
  padding: 5px 20px;
}
@media screen and (max-width: 1900px) {
  #t_fv .text .f-48 .border {
    padding: 5rem 20rem;
  }
}
@media screen and (max-width: 768px) {
  #t_fv .text .f-48 .border {
    display: block;
    text-align: center;
    margin-top: 20rem;
    padding: 10rem;
  }
}
#t_fv .animation-text {
  margin-top: -45px;
  position: relative;
  overflow: hidden;
  z-index: -1;
  width: 1178px;
  height: 221px;
}
@media screen and (max-width: 1900px) {
  #t_fv .animation-text {
    margin-top: -45rem;
    width: 1178rem;
    height: 221rem;
  }
}
@media screen and (max-width: 768px) {
  #t_fv .animation-text {
    margin-top: -13rem;
    width: 100%;
    height: 140rem;
  }
}
#t_fv .animation-text .txt {
  position: absolute;
  z-index: -3;
  left: 0;
  top: 0;
  opacity: 1;
}
#t_fv .animation-text .animation {
  -webkit-mask-image: url(../img/t_story.svg);
          mask-image: url(../img/t_story.svg);
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  position: absolute;
  z-index: -2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#t_fv .animation-text .rand1,
#t_fv .animation-text .rand2 {
  mix-blend-mode: overlay;
  width: 200px;
  height: 200px;
  position: absolute;
  mix-blend-mode: overlay;
  pointer-events: none;
}
@media screen and (max-width: 1900px) {
  #t_fv .animation-text .rand1,
  #t_fv .animation-text .rand2 {
    width: 200rem;
    height: 200rem;
  }
}
#t_fv .animation-text .rand1 {
  top: -50%;
  left: 0;
  animation: aurora-1 6s ease-in-out infinite, aurora-1 12s ease-in-out infinite alternate;
}
#t_fv .animation-text .rand2 {
  right: 0;
  bottom: -50%;
  animation: aurora-2 6s ease-in-out infinite, aurora-4 24s ease-in-out infinite alternate;
}
#t_fv .f-150 {
  margin-top: -65px;
  rotate: -9deg;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 40px;
}
@media screen and (max-width: 1900px) {
  #t_fv .f-150 {
    margin-top: -65rem;
    margin-left: 40rem;
  }
}
@media screen and (max-width: 768px) {
  #t_fv .f-150 {
    margin-top: -30rem;
    margin-left: 30rem;
    font-size: 100rem;
  }
}
#t_fv .img {
  position: absolute;
  z-index: 4;
  width: 870px;
  top: 100px;
  right: 125px;
}
@media screen and (max-width: 1900px) {
  #t_fv .img {
    width: 870rem;
    top: 100rem;
    right: 125rem;
  }
}
@media screen and (max-width: 768px) {
  #t_fv .img {
    width: 100%;
    position: relative;
    top: unset;
    right: unset;
    padding: 0 40rem;
  }
}
#t_fv .scroll {
  position: absolute;
  z-index: 5;
  bottom: 0;
  left: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1900px) {
  #t_fv .scroll {
    left: 120rem;
  }
}
@media screen and (max-width: 768px) {
  #t_fv .scroll {
    left: unset;
    right: 40rem;
    bottom: 370rem;
  }
}
#t_fv .scroll .f-16 {
  writing-mode: vertical-lr;
}
#t_fv .scroll .line {
  width: 1px;
  height: 240px;
  margin-top: 15px;
  background-color: #383838;
  position: relative;
}
@media screen and (max-width: 1900px) {
  #t_fv .scroll .line {
    height: 240rem;
    margin-top: 15rem;
  }
}
@media screen and (max-width: 768px) {
  #t_fv .scroll .line {
    height: 395rem;
  }
}
#t_fv .scroll .line .dot {
  position: absolute;
  top: 0;
  left: 50%;
  width: 12px;
  height: 12px;
  background: #383838;
  border-radius: 999px;
  transform: translateX(-50%);
  animation: loop-bottom 2s ease-in-out infinite;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1900px) {
  #t_fv .scroll .line .dot {
    width: 12rem;
    height: 12rem;
  }
}
#t_fv::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 780px;
  height: 240px;
  background-color: #3393EA;
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
@media screen and (max-width: 1900px) {
  #t_fv::before {
    width: 780rem;
    height: 240rem;
  }
}
#t_fv::after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  width: 1420px;
  height: 110px;
  background-color: #3393EA;
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
}
@media screen and (max-width: 1900px) {
  #t_fv::after {
    width: 1420rem;
    height: 110rem;
  }
}
#t_fv .notification {
  position: absolute;
  bottom: 5px;
  right: 155px;
  z-index: 10;
  width: 564px;
  height: auto;
}
@media screen and (max-width: 1900px) {
  #t_fv .notification {
    right: 155rem;
    width: 564rem;
  }
}
@media screen and (max-width: 768px) {
  #t_fv .notification {
    width: 100%;
    right: unset;
    bottom: unset;
    position: relative;
    margin-top: 15rem;
  }
}
#t_fv .notification .f-header {
  background: linear-gradient(180deg, #FFA800 0%, #FF8A00 100%);
  padding: 25px;
  text-align: center;
}
@media screen and (max-width: 1900px) {
  #t_fv .notification .f-header {
    padding: 25rem;
  }
}
@media screen and (max-width: 768px) {
  #t_fv .notification .f-header {
    padding: 20rem;
  }
}
#t_fv .notification .content {
  background-color: #fff;
  padding: 40px 60px 30px;
  border: 1px solid #f6f6f6;
}
@media screen and (max-width: 1900px) {
  #t_fv .notification .content {
    padding: 40rem 60rem 30rem;
  }
}
@media screen and (max-width: 768px) {
  #t_fv .notification .content {
    padding: 20rem 40rem;
  }
}
#t_fv .notification .content p.f-16 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#t_fv .notification .content p.f-16 img {
  width: 22px;
}
@media screen and (max-width: 1900px) {
  #t_fv .notification .content p.f-16 img {
    width: 22rem;
  }
}
#t_fv .notification .content p.f-16 span {
  margin-left: 13px;
}
@media screen and (max-width: 1900px) {
  #t_fv .notification .content p.f-16 span {
    margin-left: 13rem;
  }
}
#t_fv .notification .content .btn {
  margin: auto;
  margin-top: 40px;
}
@media screen and (max-width: 1900px) {
  #t_fv .notification .content .btn {
    margin-top: 40rem;
  }
}
#t_fv .sp-text {
  display: none;
}
@media screen and (max-width: 768px) {
  #t_fv .sp-text {
    display: block;
    position: relative;
    margin-top: -140rem;
    z-index: 2;
  }
}

@keyframes aurora-1 {
  0% {
    top: -50%;
    left: -50%;
  }
  60% {
    top: 100%;
    left: -20%;
  }
  85% {
    top: -20%;
    left: 25%;
  }
  100% {
    top: -50%;
    left: 0%;
  }
}
@keyframes aurora-2 {
  0% {
    bottom: 0;
    right: 0;
  }
  50% {
    bottom: 0%;
    right: 40%;
  }
  90% {
    bottom: 50%;
    right: 25%;
  }
  100% {
    bottom: -50%;
    right: 0;
  }
}
@keyframes loop-bottom {
  100% {
    top: 100%;
  }
}
@keyframes a-line {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform-origin: right top;
    transform: scale(0, 1);
  }
  51% {
    transform-origin: left top;
  }
  100% {
    transform: scale(1, 1);
    transform-origin: left top;
  }
}
@keyframes h_slide {
  100% {
    transform: translateX(100%);
  }
}
@keyframes slide_top {
  100% {
    transform: translateY(100%);
  }
}
@keyframes slide_down {
  100% {
    transform: translateY(-100%);
  }
}
.t_msg {
  background-color: #3393EA;
  margin-top: -1px;
}
.t_msg::after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 250px;
  background-color: #C8E5FF;
  clip-path: polygon(0 0, 100% 100%, 0 100%);
}
@media screen and (max-width: 1900px) {
  .t_msg::after {
    height: 250rem;
  }
}
.t_msg .container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-right: 80px;
}
@media screen and (max-width: 1900px) {
  .t_msg .container {
    padding-right: 80rem;
  }
}
@media screen and (max-width: 768px) {
  .t_msg .container {
    flex-direction: column;
    padding-right: 0;
  }
}
.t_msg .container .main-img {
  width: 620px;
}
@media screen and (max-width: 1900px) {
  .t_msg .container .main-img {
    width: 620rem;
  }
}
@media screen and (max-width: 768px) {
  .t_msg .container .main-img {
    width: 100%;
  }
}
.t_msg .container .main-img img {
  width: 544px;
}
@media screen and (max-width: 1900px) {
  .t_msg .container .main-img img {
    width: 544rem;
  }
}
@media screen and (max-width: 768px) {
  .t_msg .container .main-img img {
    width: 100%;
  }
}
.t_msg .container .main-img .f-64 {
  rotate: -4deg;
  white-space: nowrap;
  letter-spacing: 2px;
  color: #fff;
  margin-top: -20px;
}
@media screen and (max-width: 1900px) {
  .t_msg .container .main-img .f-64 {
    margin-top: -20rem;
  }
}
.t_msg .container .main-img .deco {
  width: 530px;
}
@media screen and (max-width: 1900px) {
  .t_msg .container .main-img .deco {
    width: 530rem;
  }
}
@media screen and (max-width: 768px) {
  .t_msg .container .main-img .deco {
    width: 50%;
  }
}
.t_msg .container .main-img .deco img {
  width: 100%;
}
.t_msg .container .text {
  padding-top: 90px;
  padding-left: 30px;
  width: 630px;
  color: #fff;
}
@media screen and (max-width: 1900px) {
  .t_msg .container .text {
    padding-top: 90rem;
    padding-left: 30rem;
    width: 630rem;
  }
}
@media screen and (max-width: 768px) {
  .t_msg .container .text {
    width: 100%;
    padding: 80rem 40rem;
  }
}
.t_msg .container .text .f-48 {
  line-height: 1.5;
  margin-top: 20px;
}
@media screen and (max-width: 1900px) {
  .t_msg .container .text .f-48 {
    margin-top: 20rem;
  }
}
.t_msg .container .text .f-20 {
  margin-top: 40px;
}
@media screen and (max-width: 1900px) {
  .t_msg .container .text .f-20 {
    margin-top: 40rem;
  }
}
.t_msg .container .text .btn {
  margin-top: 40px;
}
@media screen and (max-width: 1900px) {
  .t_msg .container .text .btn {
    margin-top: 40rem;
  }
}
@media screen and (max-width: 768px) {
  .t_msg .container .text .btn {
    margin: auto;
    margin-top: 60rem;
  }
}
.t_msg .container .sub-imgs {
  width: 522px;
}
@media screen and (max-width: 1900px) {
  .t_msg .container .sub-imgs {
    width: 522rem;
  }
}
@media screen and (max-width: 768px) {
  .t_msg .container .sub-imgs {
    width: 100%;
    margin-top: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: flex-end;
  }
}
.t_msg .container .sub-imgs img:first-child {
  width: 330px;
  margin: auto;
  margin-right: 0;
  margin-top: 45px;
}
@media screen and (max-width: 1900px) {
  .t_msg .container .sub-imgs img:first-child {
    width: 330rem;
    margin-top: 45rem;
  }
}
@media screen and (max-width: 768px) {
  .t_msg .container .sub-imgs img:first-child {
    width: 100%;
    margin: 0;
  }
}
.t_msg .container .sub-imgs img:nth-child(2) {
  width: 100%;
  margin-top: 200px;
}
@media screen and (max-width: 1900px) {
  .t_msg .container .sub-imgs img:nth-child(2) {
    margin-top: 200rem;
  }
}
@media screen and (max-width: 768px) {
  .t_msg .container .sub-imgs img:nth-child(2) {
    width: 100%;
    margin: 0;
  }
}

.t_issues {
  background-color: #C8E5FF;
}
@media screen and (max-width: 768px) {
  .t_issues .w-1440 {
    padding: 0 40rem;
  }
}
.t_issues .w-1440 .issues-box {
  background-color: #fff;
  padding: 40px 60px 70px;
  position: absolute;
  width: 1440px;
  top: -150px;
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (max-width: 1900px) {
  .t_issues .w-1440 .issues-box {
    padding: 40rem 60rem 70rem;
    width: 1440rem;
    top: -150rem;
  }
}
@media screen and (max-width: 768px) {
  .t_issues .w-1440 .issues-box {
    width: 90%;
  }
}
.t_issues .w-1440 .issues-box::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 70%);
  width: 97px;
  height: 64px;
  background-color: #fff;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
@media screen and (max-width: 1900px) {
  .t_issues .w-1440 .issues-box::after {
    width: 97rem;
    height: 64rem;
  }
}
.t_issues .w-1440 .issues-box .ttl-div {
  position: relative;
}
.t_issues .w-1440 .issues-box .ttl-div .f-20,
.t_issues .w-1440 .issues-box .ttl-div .f-32 {
  text-align: center;
}
.t_issues .w-1440 .issues-box .ttl-div img {
  width: 63px;
  position: absolute;
  bottom: 40px;
  right: 26%;
}
@media screen and (max-width: 1900px) {
  .t_issues .w-1440 .issues-box .ttl-div img {
    width: 63rem;
    bottom: 40rem;
  }
}
@media screen and (max-width: 768px) {
  .t_issues .w-1440 .issues-box .ttl-div img {
    right: 10%;
  }
}
.t_issues .w-1440 .issues-box .issue-list {
  margin-top: 45px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 30px;
}
@media screen and (max-width: 1900px) {
  .t_issues .w-1440 .issues-box .issue-list {
    margin-top: 45rem;
    gap: 30rem;
  }
}
@media screen and (max-width: 768px) {
  .t_issues .w-1440 .issues-box .issue-list {
    grid-template-columns: 1fr;
    gap: 20rem;
  }
}
.t_issues .w-1440 .issues-box .issue-list .issue {
  width: 100%;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #8C8C8C;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 1900px) {
  .t_issues .w-1440 .issues-box .issue-list .issue {
    height: 160rem;
  }
}
.t_issues .w-1440 .solution {
  text-align: center;
  padding-top: 320px;
  line-height: 2;
}
@media screen and (max-width: 1900px) {
  .t_issues .w-1440 .solution {
    padding-top: 320rem;
  }
}
@media screen and (max-width: 768px) {
  .t_issues .w-1440 .solution {
    padding-top: 900rem;
  }
}
.t_issues .w-1440 p.f-20 {
  text-align: center;
}
.t_issues .w-1440 .t_contact-box {
  margin-top: 45px;
  background: linear-gradient(180deg, #FFA800 0%, #FF8A00 100%);
  padding: 100px 150px;
}
@media screen and (max-width: 1900px) {
  .t_issues .w-1440 .t_contact-box {
    margin-top: 45rem;
    padding: 100rem 150rem;
  }
}
@media screen and (max-width: 768px) {
  .t_issues .w-1440 .t_contact-box {
    margin-top: 50rem;
    padding: 80rem 40rem;
  }
}
.t_issues .w-1440 .t_contact-box .inner {
  display: flex;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .t_issues .w-1440 .t_contact-box .inner {
    flex-direction: column;
    gap: 70rem;
  }
}
.t_issues .w-1440 .t_contact-box .inner .left {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .t_issues .w-1440 .t_contact-box .inner .left {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}
.t_issues .w-1440 .t_contact-box .inner .left h2 {
  padding-top: 40px;
  line-height: 1;
}
@media screen and (max-width: 1900px) {
  .t_issues .w-1440 .t_contact-box .inner .left h2 {
    padding-top: 40rem;
  }
}
.t_issues .w-1440 .t_contact-box .inner .left .f-16 {
  margin-top: 30px;
}
@media screen and (max-width: 1900px) {
  .t_issues .w-1440 .t_contact-box .inner .left .f-16 {
    margin-top: 30rem;
  }
}
.t_issues .w-1440 .t_contact-box .inner .left .phone-div {
  margin-top: 40px;
}
@media screen and (max-width: 1900px) {
  .t_issues .w-1440 .t_contact-box .inner .left .phone-div {
    margin-top: 40rem;
  }
}
.t_issues .w-1440 .t_contact-box .inner .left .phone-div .link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
  margin-top: 15px;
}
@media screen and (max-width: 1900px) {
  .t_issues .w-1440 .t_contact-box .inner .left .phone-div .link {
    gap: 15rem;
    margin-top: 15rem;
  }
}
.t_issues .w-1440 .t_contact-box .inner .left .phone-div .link svg {
  width: 56px;
  height: 56px;
}
@media screen and (max-width: 1900px) {
  .t_issues .w-1440 .t_contact-box .inner .left .phone-div .link svg {
    width: 56rem;
    height: 56rem;
  }
}
.t_issues .w-1440 .t_contact-box .inner .left .phone-div .link span {
  color: #fff;
  transition: all 0.3s ease-in-out;
}
.t_issues .w-1440 .t_contact-box .inner .left .phone-div .link:hover span {
  color: #C8E5FF;
}
.t_issues .w-1440 .t_contact-box .inner .left .phone-div .link:hover svg path {
  fill: #C8E5FF;
}
.t_issues .w-1440 .t_contact-box .inner .left .phone-div .link:hover svg circle {
  stroke: #C8E5FF;
}
.t_issues .w-1440 .t_contact-box .inner .right {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .t_issues .w-1440 .t_contact-box .inner .right {
    width: 100%;
  }
}
.t_issues .add {
  position: relative;
  width: 100%;
  z-index: 5;
  margin-top: -80px;
  padding-right: 60px;
}
@media screen and (max-width: 1900px) {
  .t_issues .add {
    margin-top: -88rem;
    padding-right: 60rem;
  }
}
@media screen and (max-width: 768px) {
  .t_issues .add {
    padding: 0;
    margin-top: 0;
  }
}

.t_service {
  background: url("../img/t_service-bg.png") no-repeat center/cover;
  padding: 50px 0 100px;
}
@media screen and (max-width: 1900px) {
  .t_service {
    padding: 50rem 0 100rem;
  }
}
@media screen and (max-width: 768px) {
  .t_service {
    padding: 40rem 40rem 80rem;
  }
}
.t_service .w-1440 .service-box .f-200 {
  letter-spacing: 5px;
}
.t_service .w-1440 .service-box h2.f-48 {
  margin-top: 30px;
}
@media screen and (max-width: 1900px) {
  .t_service .w-1440 .service-box h2.f-48 {
    margin-top: 30rem;
  }
}
.t_service .w-1440 .service-box p.f-20 {
  margin-top: 50px;
}
@media screen and (max-width: 1900px) {
  .t_service .w-1440 .service-box p.f-20 {
    margin-top: 50rem;
  }
}
.t_service .w-1440 .service-box .service-list {
  margin-top: 120px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 85px 50px;
}
@media screen and (max-width: 1900px) {
  .t_service .w-1440 .service-box .service-list {
    margin-top: 120rem;
    gap: 85rem 50rem;
  }
}
@media screen and (max-width: 768px) {
  .t_service .w-1440 .service-box .service-list {
    grid-template-columns: 1fr;
    gap: 50rem;
    margin-top: 70rem;
  }
}
.t_service .w-1440 .service-box .service-list .service-item {
  background-color: #FFFFFF;
}
.t_service .w-1440 .service-box .service-list .service-item .text {
  padding: 30px;
}
@media screen and (max-width: 1900px) {
  .t_service .w-1440 .service-box .service-list .service-item .text {
    padding: 30rem;
  }
}
.t_service .w-1440 .service-box .service-list .service-item .text .ttl .f-48 {
  position: relative;
  padding-bottom: 10px;
}
@media screen and (max-width: 1900px) {
  .t_service .w-1440 .service-box .service-list .service-item .text .ttl .f-48 {
    padding-bottom: 10rem;
  }
}
.t_service .w-1440 .service-box .service-list .service-item .text .ttl .f-48::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 3px;
  background-color: #3393EA;
}
@media screen and (max-width: 1900px) {
  .t_service .w-1440 .service-box .service-list .service-item .text .ttl .f-48::after {
    width: 50rem;
    height: 3rem;
  }
}
.t_service .w-1440 .service-box .service-list .service-item .text .ttl .f-32 {
  margin-left: 40px;
}
@media screen and (max-width: 1900px) {
  .t_service .w-1440 .service-box .service-list .service-item .text .ttl .f-32 {
    margin-left: 40rem;
  }
}
.t_service .w-1440 .service-box .service-list .service-item .text .f-16 {
  margin-top: 40px;
}
@media screen and (max-width: 1900px) {
  .t_service .w-1440 .service-box .service-list .service-item .text .f-16 {
    margin-top: 40rem;
  }
}
.t_service .w-1440 .service-box .btn {
  margin: auto;
  margin-top: 85px;
}
@media screen and (max-width: 1900px) {
  .t_service .w-1440 .service-box .btn {
    margin-top: 85rem;
  }
}
.t_service .w-1440 .price-box {
  margin-top: 160px;
}
@media screen and (max-width: 1900px) {
  .t_service .w-1440 .price-box {
    margin-top: 160rem;
  }
}
.t_service .w-1440 .price-box .w-1100 .btn {
  margin: auto;
  margin-right: 0;
  margin-top: 70px;
}
@media screen and (max-width: 1900px) {
  .t_service .w-1440 .price-box .w-1100 .btn {
    margin-top: 70rem;
  }
}
@media screen and (max-width: 768px) {
  .t_service .w-1440 .price-box .w-1100 .btn {
    margin: auto;
    margin-top: 50rem;
  }
}

.price-list {
  margin-top: 85px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 90px 36px;
}
@media screen and (max-width: 1900px) {
  .price-list {
    margin-top: 85rem;
    gap: 90rem 36rem;
  }
}
@media screen and (max-width: 768px) {
  .price-list {
    grid-template-columns: 1fr;
    gap: 50rem;
  }
}
.price-list .price-item h4 {
  position: relative;
}
.price-list .price-item h4::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 50px;
  height: 2px;
  background-color: #383838;
}
@media screen and (max-width: 1900px) {
  .price-list .price-item h4::after {
    bottom: -10rem;
    width: 50rem;
  }
}
.price-list .price-item table {
  margin-top: 50px;
  width: 100%;
  border-collapse: collapse;
}
@media screen and (max-width: 1900px) {
  .price-list .price-item table {
    margin-top: 50rem;
  }
}
.price-list .price-item table th,
.price-list .price-item table td {
  border: 5px solid #EFF7FF;
  text-align: center;
}
.price-list .price-item table th {
  background-color: #3393EA;
  color: #FFFFFF;
  padding: 15px;
}
@media screen and (max-width: 1900px) {
  .price-list .price-item table th {
    padding: 15rem;
  }
}
.price-list .price-item table td {
  background-color: #FFFFFF;
  color: #383838;
  padding: 20px;
}
@media screen and (max-width: 1900px) {
  .price-list .price-item table td {
    padding: 20rem;
  }
}

.t_str {
  background-color: #FFFDEA;
  padding: 110px 0 50px;
}
@media screen and (max-width: 1900px) {
  .t_str {
    padding: 110rem 0 50rem;
  }
}
@media screen and (max-width: 768px) {
  .t_str {
    padding: 80rem 40rem 40rem;
  }
}
.t_str .upper-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .t_str .upper-bg {
    height: 1000rem;
  }
  .t_str .upper-bg img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.t_str .w-1440 {
  text-align: center;
}
.t_str .w-1440 .f-128 {
  color: #FFFFFF;
  letter-spacing: 5px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  border-bottom: 3px solid #FFFFFF;
  line-height: 1.5;
}
@media screen and (max-width: 1900px) {
  .t_str .w-1440 .f-128 {
    border-bottom: 3rem solid #FFFFFF;
  }
}
.t_str .w-1440 h2 {
  color: #FFFFFF;
  margin-top: 30px;
}
@media screen and (max-width: 1900px) {
  .t_str .w-1440 h2 {
    margin-top: 30rem;
  }
}
.t_str .w-1440 .f-20 {
  margin-top: 40px;
  color: #FFFFFF;
}
@media screen and (max-width: 1900px) {
  .t_str .w-1440 .f-20 {
    margin-top: 40rem;
  }
}
.t_str .w-1440 .str-list {
  margin-top: 100px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 35px;
}
@media screen and (max-width: 1900px) {
  .t_str .w-1440 .str-list {
    margin-top: 100rem;
    gap: 35rem;
  }
}
@media screen and (max-width: 768px) {
  .t_str .w-1440 .str-list {
    grid-template-columns: 1fr;
    gap: 50rem;
    margin-top: 70rem;
  }
}
.t_str .w-1440 .str-list .str-item {
  position: relative;
  background-color: #FFFFFF;
}
.t_str .w-1440 .str-list .str-item .num {
  width: 128px;
  height: auto;
  aspect-ratio: 2/1;
  background-color: #3393EA;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  margin: 0 auto;
  line-height: 1;
}
@media screen and (max-width: 1900px) {
  .t_str .w-1440 .str-list .str-item .num {
    width: 128rem;
  }
}
.t_str .w-1440 .str-list .str-item .item-ttl {
  margin-top: 30px;
}
@media screen and (max-width: 1900px) {
  .t_str .w-1440 .str-list .str-item .item-ttl {
    margin-top: 30rem;
  }
}
.t_str .w-1440 .str-list .str-item img {
  margin-top: 30px;
}
@media screen and (max-width: 1900px) {
  .t_str .w-1440 .str-list .str-item img {
    margin-top: 30rem;
  }
}
.t_str .w-1440 .str-list .str-item .f-16 {
  padding: 30px;
  text-align: left;
}
@media screen and (max-width: 1900px) {
  .t_str .w-1440 .str-list .str-item .f-16 {
    padding: 30rem;
  }
}
.t_str .w-1440 .btn {
  margin: auto;
  margin-top: 85px;
  background-color: #FFFDEA;
}
.t_str .w-1440 .btn:hover {
  background-color: #383838;
}
@media screen and (max-width: 1900px) {
  .t_str .w-1440 .btn {
    margin-top: 85rem;
  }
}
@media screen and (max-width: 768px) {
  .t_str .w-1440 .btn {
    margin-top: 50rem;
  }
}
.t_str .add {
  width: 590px;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (max-width: 1900px) {
  .t_str .add {
    width: 590rem;
  }
}

.t_news {
  background-color: #FFFDEA;
  padding: 70px 0 160px;
}
@media screen and (max-width: 1900px) {
  .t_news {
    padding: 70rem 0 160rem;
  }
}
@media screen and (max-width: 768px) {
  .t_news {
    padding: 80rem 40rem 120rem;
  }
}
.t_news .ttl-div {
  display: flex;
  align-items: baseline;
  gap: 50px;
}
@media screen and (max-width: 1900px) {
  .t_news .ttl-div {
    gap: 50rem;
  }
}
.t_news .blog-list {
  margin-top: 130px;
  margin-left: 410px;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 1900px) {
  .t_news .blog-list {
    margin-top: 130rem;
    margin-left: 410rem;
  }
}
@media screen and (max-width: 768px) {
  .t_news .blog-list {
    width: 100%;
    margin: auto;
    margin-top: 70rem;
  }
}
.t_news .blog-list .wrapper {
  overflow: hidden;
  width: 100%;
}
.t_news .blog-list .inner {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  gap: 30px;
  transition: transform 0.3s ease;
}
@media screen and (max-width: 1900px) {
  .t_news .blog-list .inner {
    gap: 30rem;
  }
}
.t_news .blog-list .inner .blog-item {
  transition: opacity 0.3s ease;
}
.t_news .btn {
  margin: auto;
  margin-top: 100px;
  margin-right: 300px;
  background-color: #FFFDEA;
}
@media screen and (max-width: 1900px) {
  .t_news .btn {
    margin-top: 100rem;
    margin-right: 300rem;
  }
}
.t_news .sync-scrollbar {
  position: absolute;
  left: 260px;
  bottom: 200px;
  width: 930px;
  height: 9px;
  background-color: #D9D9D9;
  z-index: 10;
}
@media screen and (max-width: 1900px) {
  .t_news .sync-scrollbar {
    left: 260rem;
    bottom: 200rem;
    width: 930rem;
    height: 9rem;
  }
}
@media screen and (max-width: 768px) {
  .t_news .sync-scrollbar {
    display: none;
  }
}
.t_news .sync-scrollbar .slider {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #D9D9D9;
}
.t_news .sync-scrollbar .slider-btn {
  width: 180px;
  height: 9px;
  background: linear-gradient(180deg, #FFA800 0%, #FF8A00 100%);
  position: absolute;
  top: 0;
  left: 0;
  cursor: grab;
  transition: left 0.1s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 4px;
}
@media screen and (max-width: 1900px) {
  .t_news .sync-scrollbar .slider-btn {
    width: 180rem;
    height: 9rem;
  }
}
.t_news .sync-scrollbar .slider-btn:hover {
  background: linear-gradient(180deg, #FF8A00 0%, #FFA800 100%);
}
.t_news .sync-scrollbar .slider-btn:active {
  cursor: grabbing;
}

.blog-item {
  width: 530px;
}
@media screen and (max-width: 1900px) {
  .blog-item {
    width: 530rem;
  }
}
@media screen and (max-width: 768px) {
  .blog-item {
    width: 670rem;
  }
}
.blog-item .img {
  overflow: hidden;
  aspect-ratio: 16/9;
}
.blog-item .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog-item .meta {
  margin-top: 12px;
  display: flex;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 1900px) {
  .blog-item .meta {
    margin-top: 12rem;
    gap: 20rem;
  }
}
@media screen and (max-width: 768px) {
  .blog-item .meta {
    margin-top: 25rem;
  }
}
.blog-item .meta .cat {
  width: 150px;
  padding: 12px;
  text-align: center;
  color: #FFFFFF;
  line-height: 1;
}
@media screen and (max-width: 1900px) {
  .blog-item .meta .cat {
    width: 150rem;
    padding: 12rem;
  }
}
.blog-item .meta .cat[data-cat=blog] {
  background-color: #3393EA;
}
.blog-item .meta .cat[data-cat=news] {
  background-color: #C8E5FF;
}
.blog-item .meta .cat[data-cat=work] {
  background: linear-gradient(180deg, #FFA800 0%, #FF8A00 100%);
}
.blog-item .meta .cat[data-cat=column] {
  background: #C8E5FF;
}
.blog-item .meta .date {
  color: #BFBFBF;
}
.blog-item .item-ttl {
  margin-top: 15px;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1900px) {
  .blog-item .item-ttl {
    margin-top: 15rem;
  }
}
.blog-item:hover .img img {
  scale: 1.1;
}
.blog-item:hover .item-ttl {
  color: #3393EA;
  text-decoration: underline;
}

.s_p-contact_type,
.t_contact-type {
  padding: 220px 0 150px;
  background: url("../img/t_link-grp-bg.png") no-repeat bottom/cover;
  width: calc(100% - 80px);
}
@media screen and (max-width: 1900px) {
  .s_p-contact_type,
  .t_contact-type {
    padding: 220rem 0 150rem;
    width: calc(100% - 80rem);
  }
}
@media screen and (max-width: 768px) {
  .s_p-contact_type,
  .t_contact-type {
    padding: 150rem 40rem 100rem;
    width: 100%;
  }
}
.s_p-contact_type .w-1440,
.t_contact-type .w-1440 {
  max-width: 1440px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 1900px) {
  .s_p-contact_type .w-1440,
  .t_contact-type .w-1440 {
    max-width: 1440rem;
  }
}
@media screen and (max-width: 768px) {
  .s_p-contact_type .w-1440,
  .t_contact-type .w-1440 {
    max-width: 100%;
    flex-direction: column;
    gap: 70rem;
  }
}
.s_p-contact_type .w-1440 .left,
.t_contact-type .w-1440 .left {
  width: 595px;
}
@media screen and (max-width: 1900px) {
  .s_p-contact_type .w-1440 .left,
  .t_contact-type .w-1440 .left {
    width: 595rem;
  }
}
@media screen and (max-width: 768px) {
  .s_p-contact_type .w-1440 .left,
  .t_contact-type .w-1440 .left {
    width: 100%;
  }
}
.s_p-contact_type .w-1440 .left .f-48 .bg-white,
.t_contact-type .w-1440 .left .f-48 .bg-white {
  padding: 5px 35px;
  background-color: #FFFFFF;
  margin-bottom: 10px;
  display: block;
}
@media screen and (max-width: 1900px) {
  .s_p-contact_type .w-1440 .left .f-48 .bg-white,
  .t_contact-type .w-1440 .left .f-48 .bg-white {
    padding: 5rem 35rem;
  }
}
@media screen and (max-width: 768px) {
  .s_p-contact_type .w-1440 .left .f-48 .bg-white,
  .t_contact-type .w-1440 .left .f-48 .bg-white {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.s_p-contact_type .w-1440 .left .f-20,
.t_contact-type .w-1440 .left .f-20 {
  margin-top: 40px;
}
@media screen and (max-width: 1900px) {
  .s_p-contact_type .w-1440 .left .f-20,
  .t_contact-type .w-1440 .left .f-20 {
    margin-top: 40rem;
  }
}
@media screen and (max-width: 768px) {
  .s_p-contact_type .w-1440 .left .f-20,
  .t_contact-type .w-1440 .left .f-20 {
    padding: 5rem 20rem;
    background-color: rgba(255, 255, 255, 0.5333333333);
  }
}
.s_p-contact_type .w-1440 .right,
.t_contact-type .w-1440 .right {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 40px;
  width: 780px;
}
@media screen and (max-width: 1900px) {
  .s_p-contact_type .w-1440 .right,
  .t_contact-type .w-1440 .right {
    width: 780rem;
    gap: 40rem;
  }
}
@media screen and (max-width: 768px) {
  .s_p-contact_type .w-1440 .right,
  .t_contact-type .w-1440 .right {
    width: 100%;
  }
}
.s_p-contact_type .w-1440 .right .item,
.t_contact-type .w-1440 .right .item {
  background-color: #FFFFFF;
  border: 2px solid #3393EA;
  padding: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 30px;
  min-height: 540px;
}
@media screen and (max-width: 1900px) {
  .s_p-contact_type .w-1440 .right .item,
  .t_contact-type .w-1440 .right .item {
    padding: 25rem;
    gap: 30rem;
    min-height: 540rem;
  }
}
@media screen and (max-width: 768px) {
  .s_p-contact_type .w-1440 .right .item,
  .t_contact-type .w-1440 .right .item {
    padding: 40rem 15rem;
  }
}
.s_p-contact_type .w-1440 .right .item .f-32,
.t_contact-type .w-1440 .right .item .f-32 {
  writing-mode: vertical-lr;
  letter-spacing: 4px;
}
.s_p-contact_type .btn,
.t_contact-type .btn {
  margin: 0 auto;
  margin-top: 135px;
}
@media screen and (max-width: 1900px) {
  .s_p-contact_type .btn,
  .t_contact-type .btn {
    margin-top: 135rem;
  }
}

.s_voice,
.t_voice {
  padding: 145px 0 130px;
  background-color: #3393EA;
}
@media screen and (max-width: 1900px) {
  .s_voice,
  .t_voice {
    padding: 145rem 0 130rem;
  }
}
@media screen and (max-width: 768px) {
  .s_voice,
  .t_voice {
    padding: 100rem 40rem 80rem;
  }
}
.s_voice .container .ttl-div .en,
.s_voice .container .ttl-div .f-20,
.s_voice .container .ttl-div .f-24,
.t_voice .container .ttl-div .en,
.t_voice .container .ttl-div .f-20,
.t_voice .container .ttl-div .f-24 {
  text-align: center;
  line-height: 1.5;
}
.s_voice .container .ttl-div .f-24,
.t_voice .container .ttl-div .f-24 {
  margin-top: 30px;
}
@media screen and (max-width: 1900px) {
  .s_voice .container .ttl-div .f-24,
  .t_voice .container .ttl-div .f-24 {
    margin-top: 30rem;
  }
}
.s_voice .container .voice-list,
.t_voice .container .voice-list {
  margin-top: 120px;
  position: relative;
}
@media screen and (max-width: 1900px) {
  .s_voice .container .voice-list,
  .t_voice .container .voice-list {
    margin-top: 120rem;
  }
}
.s_voice .container .voice-list::before,
.t_voice .container .voice-list::before {
  content: "";
  width: 375px;
  height: 100%;
  z-index: 2;
  background-color: #3393EA;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1900px) {
  .s_voice .container .voice-list::before,
  .t_voice .container .voice-list::before {
    width: 375rem;
  }
}
@media screen and (max-width: 768px) {
  .s_voice .container .voice-list::before,
  .t_voice .container .voice-list::before {
    display: none;
  }
}
.s_voice .container .voice-list::after,
.t_voice .container .voice-list::after {
  content: "";
  width: 375px;
  height: 100%;
  z-index: 2;
  background-color: #3393EA;
  opacity: 0.5;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 1900px) {
  .s_voice .container .voice-list::after,
  .t_voice .container .voice-list::after {
    width: 375rem;
  }
}
@media screen and (max-width: 768px) {
  .s_voice .container .voice-list::after,
  .t_voice .container .voice-list::after {
    display: none;
  }
}
.s_voice .container .voice-list .inner,
.t_voice .container .voice-list .inner {
  width: 100%;
}
.s_voice .container .voice-list .inner .item,
.t_voice .container .voice-list .inner .item {
  background-color: #fff;
  position: relative;
  padding: 25px;
  height: 100%;
  min-height: 450px;
  width: 340px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1900px) {
  .s_voice .container .voice-list .inner .item,
  .t_voice .container .voice-list .inner .item {
    padding: 25rem;
    width: 340rem;
    min-height: 450rem;
  }
}
.s_voice .container .voice-list .inner .item .img,
.t_voice .container .voice-list .inner .item .img {
  width: 120px;
  margin: 0 auto;
  margin-top: -60px;
}
@media screen and (max-width: 1900px) {
  .s_voice .container .voice-list .inner .item .img,
  .t_voice .container .voice-list .inner .item .img {
    width: 120rem;
    margin-top: -60rem;
  }
}
.s_voice .container .voice-list .inner .item .item-name,
.t_voice .container .voice-list .inner .item .item-name {
  text-align: right;
  margin-top: 20px;
}
@media screen and (max-width: 1900px) {
  .s_voice .container .voice-list .inner .item .item-name,
  .t_voice .container .voice-list .inner .item .item-name {
    margin-top: 20rem;
  }
}
.s_voice .container .voice-list .inner .item .item-ttl,
.t_voice .container .voice-list .inner .item .item-ttl {
  padding: 20px 0;
  border-bottom: 2px solid #3393EA;
  color: #3393EA;
  margin-top: 15px;
}
@media screen and (max-width: 1900px) {
  .s_voice .container .voice-list .inner .item .item-ttl,
  .t_voice .container .voice-list .inner .item .item-ttl {
    padding: 20rem 0;
    margin-top: 15rem;
  }
}
.s_voice .container .voice-list .inner .item .text,
.t_voice .container .voice-list .inner .item .text {
  margin-top: 20px;
}
@media screen and (max-width: 1900px) {
  .s_voice .container .voice-list .inner .item .text,
  .t_voice .container .voice-list .inner .item .text {
    margin-top: 20rem;
  }
}
.s_voice .container .voice-list .inner .slick-slide,
.t_voice .container .voice-list .inner .slick-slide {
  margin: 0 15px;
  padding-top: 40px;
}
@media screen and (max-width: 1900px) {
  .s_voice .container .voice-list .inner .slick-slide,
  .t_voice .container .voice-list .inner .slick-slide {
    margin: 0 15rem;
    padding-top: 40rem;
  }
}
.s_voice .container .voice-list .inner .slick-list,
.t_voice .container .voice-list .inner .slick-list {
  overflow: visible;
}
.s_voice .container .voice-list .btn-div,
.t_voice .container .voice-list .btn-div {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  height: 0;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 10;
}
.s_voice .container .voice-list .btn-div .prev,
.s_voice .container .voice-list .btn-div .next,
.t_voice .container .voice-list .btn-div .prev,
.t_voice .container .voice-list .btn-div .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: all;
  cursor: pointer;
  transition: transform 0.2s ease;
  z-index: 11;
}
.s_voice .container .voice-list .btn-div .prev svg,
.s_voice .container .voice-list .btn-div .next svg,
.t_voice .container .voice-list .btn-div .prev svg,
.t_voice .container .voice-list .btn-div .next svg {
  width: 54px;
  height: 54px;
}
@media screen and (max-width: 1900px) {
  .s_voice .container .voice-list .btn-div .prev svg,
  .s_voice .container .voice-list .btn-div .next svg,
  .t_voice .container .voice-list .btn-div .prev svg,
  .t_voice .container .voice-list .btn-div .next svg {
    width: 54rem;
    height: 54rem;
  }
}
.s_voice .container .voice-list .btn-div .prev,
.t_voice .container .voice-list .btn-div .prev {
  left: 345px;
}
@media screen and (max-width: 1900px) {
  .s_voice .container .voice-list .btn-div .prev,
  .t_voice .container .voice-list .btn-div .prev {
    left: 345rem;
  }
}
@media screen and (max-width: 768px) {
  .s_voice .container .voice-list .btn-div .prev,
  .t_voice .container .voice-list .btn-div .prev {
    left: 0;
  }
}
.s_voice .container .voice-list .btn-div .next,
.t_voice .container .voice-list .btn-div .next {
  right: 345px;
}
@media screen and (max-width: 1900px) {
  .s_voice .container .voice-list .btn-div .next,
  .t_voice .container .voice-list .btn-div .next {
    right: 345rem;
  }
}
@media screen and (max-width: 768px) {
  .s_voice .container .voice-list .btn-div .next,
  .t_voice .container .voice-list .btn-div .next {
    right: 0;
  }
}
.s_voice .container .voice-list .btn-div .prev:hover,
.s_voice .container .voice-list .btn-div .next:hover,
.t_voice .container .voice-list .btn-div .prev:hover,
.t_voice .container .voice-list .btn-div .next:hover {
  transform: translateY(-50%) scale(1.05);
}

.t_faq {
  background-color: #C8E5FF;
  padding-bottom: 200px;
}
@media screen and (max-width: 1900px) {
  .t_faq {
    padding-bottom: 200rem;
  }
}
@media screen and (max-width: 768px) {
  .t_faq {
    padding: 40rem;
    padding-bottom: 160rem;
  }
}
.t_faq .h_slider {
  width: 100%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.t_faq .h_slider .inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
}
.t_faq .h_slider .inner .f-128 {
  color: #FFFFFF;
  letter-spacing: 5px;
  line-height: 1;
  padding: 0 40px;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  animation: h_slide 20s linear infinite;
}
@media screen and (max-width: 1900px) {
  .t_faq .h_slider .inner .f-128 {
    padding: 0 40rem;
  }
}
.t_faq .w-1100 .btn {
  margin: auto;
  margin-top: 60px;
}
@media screen and (max-width: 1900px) {
  .t_faq .w-1100 .btn {
    margin-top: 60rem;
  }
}
.t_faq .add {
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% - 80px);
}
@media screen and (max-width: 1900px) {
  .t_faq .add {
    width: calc(100% - 80rem);
  }
}
@media screen and (max-width: 768px) {
  .t_faq .add {
    width: 100%;
  }
}

.faq-list {
  margin-top: 60px;
  display: flex;
  flex-direction: column;
  gap: 35px;
}
@media screen and (max-width: 1900px) {
  .faq-list {
    margin-top: 60rem;
    gap: 35rem;
  }
}
.faq-list .faq-item {
  padding: 25px;
  cursor: pointer;
  position: relative;
  background-color: #FFFFFF;
}
@media screen and (max-width: 1900px) {
  .faq-list .faq-item {
    padding: 25rem;
  }
}
@media screen and (max-width: 768px) {
  .faq-list .faq-item {
    padding: 20rem;
  }
}
.faq-list .faq-item .icon {
  width: 30px;
  margin-right: 10px;
}
@media screen and (max-width: 1900px) {
  .faq-list .faq-item .icon {
    width: 30rem;
    margin-right: 10rem;
  }
}
.faq-list .faq-item .q_div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  position: relative;
}
.faq-list .faq-item .q_div .arw {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
}
@media screen and (max-width: 1900px) {
  .faq-list .faq-item .q_div .arw {
    right: 30rem;
    width: 30rem;
    height: 30rem;
  }
}
@media screen and (max-width: 768px) {
  .faq-list .faq-item .q_div .arw {
    right: 0;
  }
}
.faq-list .faq-item .q_div .arw.is_open .bar1 {
  rotate: 180deg;
}
.faq-list .faq-item .q_div .arw.is_open .bar2 {
  rotate: 270deg;
}
.faq-list .faq-item .q_div .arw .bar1,
.faq-list .faq-item .q_div .arw .bar2 {
  width: 22px;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background-color: #383838;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1900px) {
  .faq-list .faq-item .q_div .arw .bar1,
  .faq-list .faq-item .q_div .arw .bar2 {
    width: 22rem;
  }
}
.faq-list .faq-item .q_div .arw .bar2 {
  transform: rotate(90deg);
}
@media screen and (max-width: 768px) {
  .faq-list .faq-item .q_div .q_content {
    width: calc(100% - 50rem);
    padding-right: 30rem;
  }
}
.faq-list .faq-item .a_div {
  padding-top: 20px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
@media screen and (max-width: 1900px) {
  .faq-list .faq-item .a_div {
    padding-top: 20rem;
  }
}
.faq-list .faq-item .a_div .a_content {
  width: calc(100% - 100px);
}
@media screen and (max-width: 1900px) {
  .faq-list .faq-item .a_div .a_content {
    width: calc(100% - 100rem);
  }
}

.t_area {
  padding-top: 335px;
  padding-bottom: 145px;
  background-color: #fff;
}
@media screen and (max-width: 1900px) {
  .t_area {
    padding-top: 335rem;
    padding-bottom: 145rem;
  }
}
@media screen and (max-width: 768px) {
  .t_area {
    padding: 40rem 40rem 100rem;
  }
}
.t_area .content {
  width: 1200px;
  padding: 100px;
  padding-left: 260px;
  padding-top: 0;
  background: linear-gradient(180deg, #FFA800 0%, #FF8A00 100%);
}
@media screen and (max-width: 1900px) {
  .t_area .content {
    width: 1200rem;
    padding: 100rem;
    padding-left: 260rem;
    padding-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .t_area .content {
    width: 100%;
    margin-top: -200rem;
    padding: 80rem 40rem;
  }
}
.t_area .content img {
  width: 600px;
  transform: translate(30px, -40%);
  margin: auto;
  margin-right: 0;
}
@media screen and (max-width: 1900px) {
  .t_area .content img {
    width: 600rem;
    transform: translate(30rem, -40rem);
  }
}
.t_area .content .text {
  background-color: #FFFFFF;
  padding: 50px 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
}
@media screen and (max-width: 1900px) {
  .t_area .content .text {
    padding: 50rem 100rem;
  }
}
@media screen and (max-width: 768px) {
  .t_area .content .text {
    padding: 20rem;
  }
}
.t_area .content .text h3 {
  margin-top: 20px;
  padding: 40px 0;
  border-top: 3px solid #383838;
  width: 100%;
  font-size: 36px;
  line-height: 1.5;
}
@media screen and (max-width: 1900px) {
  .t_area .content .text h3 {
    padding: 40rem 0;
    margin-top: 20rem;
    font-size: 36rem;
  }
}
@media screen and (max-width: 768px) {
  .t_area .content .text h3 {
    font-size: 40rem;
  }
}
.t_area .map {
  width: 830px;
  position: absolute;
  z-index: -1;
  top: 70px;
  right: 140px;
}
@media screen and (max-width: 1900px) {
  .t_area .map {
    width: 830rem;
    top: 70rem;
    right: 140rem;
  }
}
@media screen and (max-width: 768px) {
  .t_area .map {
    position: relative;
    top: unset;
    right: unset;
    width: 100%;
  }
}/*# sourceMappingURL=top.css.map */