a.btn.btn-mail {
  margin-left: 20px;
  color: #fff;
  width: 188px;
  padding: 4px;
  justify-content: flex-start;
  border-radius: 35px;
  font-family: "Yusei Magic", sans-serif;
  background: linear-gradient(90deg, rgb(65, 225, 229) 0%, rgb(247, 233, 33) 100%);
  box-shadow: 0px 0px 15px 0px rgba(42, 166, 221, 0.45);
}
a.btn.btn-mail::after {
  width: 25px;
  height: 25px;
  background-image: url(../images/index/icon-right.svg);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  right: 20px;
}
a.btn.btn-mail:hover span {
  background-color: transparent;
}
a.btn.btn-mail span {
  padding-left: 35px;
  background-color: #0071b7;
  border-radius: 33px;
  width: 100%;
  height: 100%;
  min-height: 68px;
  display: flex;
  align-items: center;
  transition: 0.3s;
  font-size: 2.6rem;
  letter-spacing: 0.1em;
  justify-content: flex-start;
}

.box-banner-bg {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.banner-img {
  width: 50%;
}

.banner-1 img {
  margin-left: -82px;
}

.banner-2 {
  padding-right: 45px;
  text-align: right;
}

.banner-3 {
  padding-top: 55px;
  padding-left: 70px;
}

.banner-4 {
  text-align: right;
}
.banner-4 img {
  margin-top: -115px;
  margin-right: -135px;
}

#banner-home {
  padding-top: 150px;
  position: relative;
}
#banner-home::after {
  content: "";
  width: 100%;
  height: 950px;
  background-image: url(../images/index/bg-banner.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  z-index: -3;
  top: 0;
  left: 0;
}

.img-banner-main {
  width: 842px;
  position: absolute;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -30px;
}

.img-home-about-1 {
  position: relative;
}
.img-home-about-1::after {
  content: "";
  width: 98px;
  height: 91px;
  background-image: url(../images/index/af-1.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 100px;
  top: -120px;
}
.img-home-about-1 img {
  border-radius: 100px;
}

.main-title {
  font-size: 3.5rem;
  font-weight: bold;
  text-align: center;
  color: #0071b7;
  letter-spacing: 0.1em;
  padding-bottom: 35px;
  position: relative;
}
.main-title::after {
  content: "";
  width: 84px;
  height: 9px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  background: linear-gradient(90deg, rgb(41, 166, 221) 0%, rgb(65, 225, 229) 100%);
  border-radius: 5px;
}

.home-about {
  position: relative;
}
.home-about::after {
  content: "";
  width: 100%;
  height: 850px;
  background-image: url(../images/index/bg-1.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: -150px;
  left: 0;
  z-index: -5;
}
.home-about::before {
  content: "";
  width: 1078px;
  height: 594px;
  background-image: url(../images/index/af-2.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  right: -275px;
  bottom: -289px;
}

.img-data {
  margin-bottom: 30px;
}

.home-product {
  position: relative;
}
.home-product::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #dff6fe;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -5;
}
.home-product .container::after {
  content: "";
  width: 372px;
  height: 299px;
  top: 340px;
  left: -275px;
  background-image: url(../images/index/af-3.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  z-index: -2;
}
.home-product .container::before {
  content: "";
  width: 638px;
  height: 350px;
  right: -305px;
  bottom: 300px;
  background-image: url(../images/index/af-4.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  z-index: -2;
}
.home-product .main-title::before {
  content: "";
  width: 111px;
  height: 123px;
  background-image: url(../images/index/after-pro.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: -50px;
  right: -23px;
}

.box-home-job {
  max-width: 745px;
  margin: 0 auto;
}

.job-slide-img {
  position: relative;
}

.job-slide-img img {
  border-radius: 30px;
}

.job-tag {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -45px;
  min-height: 93px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.91);
  width: -moz-max-content;
  width: max-content;
  padding: 0 30px;
  border-radius: 40px;
  color: #0071b7;
  font-weight: bold;
  font-size: 4rem;
  letter-spacing: 0.1em;
}

.job-slide-text {
  padding-top: 30px;
}

.job-slide-text p {
  line-height: 1.875;
  letter-spacing: 0.1em;
  font-weight: 500;
}

.home-job-slide .slick-list {
  overflow: visible;
  margin: 0 -20px;
}
.home-job-slide .slick-slide {
  padding: 0 20px;
}
.home-job-slide .slide-arrow {
  position: absolute;
  top: 205px;
  left: -55px;
  width: 71px;
  height: 71px;
  padding: 0;
  background: transparent;
  border-radius: 50%;
  border: none;
  box-shadow: 5px 5px 0px 0px rgb(0, 113, 183);
  cursor: pointer;
  z-index: 1;
}
.home-job-slide .slide-arrow.next-arrow {
  left: auto;
  right: -55px;
}
.home-job-slide ul.slick-dots {
  bottom: -55px;
}

.home-job {
  position: relative;
}
.home-job::after {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(../images/index/bg-job.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -5;
}
.home-job::before {
  content: "";
  width: 1078px;
  height: 594px;
  background-image: url(../images/index/af-5.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: -400px;
  left: -455px;
  z-index: -2;
}
.home-job .main-title::before {
  content: "";
  width: 97px;
  height: 91px;
  background-image: url(../images/index/af-1.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: -100px;
}

h3.title-cs {
  font-size: 2.8rem;
  font-weight: bold;
  text-align: center;
  padding-bottom: 10px;
  position: relative;
  letter-spacing: 0.1em;
  color: #000;
}
h3.title-cs::after {
  content: "";
  width: 224px;
  height: 24px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  background: linear-gradient(90deg, rgb(65, 225, 229) 0%, rgb(247, 233, 33) 100%);
  border-radius: 15px;
  z-index: -1;
}

ul.tabs-nav {
  display: flex;
  justify-content: center;
}
ul.tabs-nav li {
  width: 290px;
  margin-right: 16px;
  min-height: 93px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  border: 2px solid #0071b7;
  border-radius: 20px 20px 0 0;
  background-color: #fff;
  border-bottom: none;
}
ul.tabs-nav li:last-child {
  margin-right: 0;
}
ul.tabs-nav li.active {
  background-color: #0071b7;
  color: #fff;
}
ul.tabs-nav li.active p,
ul.tabs-nav li.active h4 {
  color: #fff;
}
ul.tabs-nav li h4 {
  font-size: 2.3rem;
  font-weight: bold;
  color: #0071b7;
  letter-spacing: 0.1em;
}
ul.tabs-nav li h4 span {
  font-size: 2.5rem;
}
ul.tabs-nav li p {
  font-size: 1.7rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #0071b7;
}

ul.tabs-nav {
  display: flex;
  justify-content: center;
}

ul.tabs-nav li {
  width: 290px;
  margin-right: 16px;
}

.box-content-flow {
  border: 1px solid #000;
  border-radius: 20px;
  padding: 35px 50px 55px;
  background-color: #fff;
  position: relative;
}
.box-content-flow::after {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgb(41, 166, 221) 0%, rgb(65, 225, 229) 100%);
  position: absolute;
  top: 15px;
  border-radius: 20px;
  left: 15px;
  z-index: -1;
}

.title-flow {
  font-size: 2.6rem;
  font-weight: bold;
  color: #0071b7;
  letter-spacing: 0.1em;
  text-align: center;
  padding-bottom: 23px;
  border-bottom: 2px solid;
  margin-bottom: 27px;
}

.box-flex-flow {
  display: flex;
}

.box-flow-left {
  width: 400px;
  text-align: center;
}

.box-flow-right {
  flex: 1;
  padding-right: 32px;
}

.box-flex-flow > img {
  max-width: 228px;
}

.name-flow {
  display: flex;
  min-height: 49px;
  align-items: center;
  padding-left: 15px;
  font-size: 2.7rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  background: linear-gradient(90deg, rgb(65, 225, 229) 0%, rgb(247, 233, 33) 100%);
  margin-bottom: 25px;
  max-width: 454px;
}

.img-flow > img {
  border-radius: 20px;
}

.box-flow-left > img {
  max-width: 228px;
}

.box-flow-right p {
  padding-top: 30px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.875;
}

.tab-content {
  display: none;
}
.tab-content.active {
  display: block;
}

.home-flow {
  position: relative;
}
.home-flow::after {
  content: "";
  width: 100%;
  height: 794px;
  background-image: url(../images/index/after-flow-1.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  z-index: -5;
  top: 0;
  left: 0;
}
.home-flow::before {
  content: "";
  width: 100%;
  height: 508px;
  background-image: url(../images/index/after-flow-2.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  z-index: -5;
  bottom: 0;
  left: 0;
}

#home-flow {
  position: relative;
}
#home-flow::before {
  content: "";
  width: 1078px;
  height: 594px;
  background-image: url(../images/index/af-2.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: -270px;
  right: -273px;
  z-index: -2;
}
#home-flow::after {
  content: "";
  width: 1078px;
  height: 594px;
  background-image: url(../images/index/af-5.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -190px;
  left: -455px;
  z-index: -2;
}

.box-slide-employee {
  max-width: 400px;
  margin: 0 auto;
}

.slide-employee-item {
  padding: 0 0 90px;
  position: relative;
}

.slide-employee-img {
  position: relative;
}
.slide-employee-img::after {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(../images/index/af-em.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 25px;
  left: 25px;
  z-index: -1;
}

.slide-employee-img img {
  border-radius: 90px;
}

.box-employee .cat-employee {
  left: 0;
}

.cat-employee {
  letter-spacing: 0.1em;
  position: absolute;
  font-size: 2.5rem;
  width: -moz-max-content;
  width: max-content;
  padding: 0 10px;
  height: 65px;
  border-radius: 33px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0071b7;
  top: -5px;
  left: -22px;
  font-weight: 500;
}

.slide-employee-text {
  position: absolute;
  max-width: 372px;
  padding: 65px 53px 0;
  right: -120px;
  bottom: 35px;
  z-index: 1;
}
.slide-employee-text::after {
  content: "";
  width: 100%;
  height: 268px;
  background-image: url(../images/index/af-6.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.slide-employee-text::before {
  content: "";
  width: 52px;
  height: 52px;
  background-image: url(../images/index/icon-open.svg);
  box-shadow: 3px 3px 0px 0px rgb(0, 113, 183);
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  right: 51px;
  z-index: 2;
}

.except-employee {
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1.5;
  margin-bottom: 15px;
}

ul.list-dot li {
  font-weight: bold;
  letter-spacing: 0.1em;
  position: relative;
  padding-left: 22px;
  line-height: 1.875;
}
ul.list-dot li::before {
  content: "";
  width: 16px;
  height: 16px;
  background-color: #0071b7;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 8px;
}
ul.list-dot li span {
  color: #0071b7;
}

.slide-employee .slick-list {
  overflow: visible;
  margin: 0 -80px;
}
.slide-employee .slick-slide {
  margin: 0 80px;
}
.slide-employee .slide-arrow {
  width: 52px;
  height: 52px;
  position: absolute;
  left: -120px;
  top: 205px;
  background-color: transparent;
  border-radius: 50%;
  padding: 0;
  border: none;
  cursor: pointer;
  z-index: 1;
  box-shadow: 3px 3px 0px 0px rgb(0, 113, 183);
}
.slide-employee .slide-arrow.next-arrow {
  right: -120px;
  left: auto;
}
.slide-employee ul.slick-dots {
  bottom: -50px;
}

.popup-item {
  position: fixed;
  max-width: 1216px;
  background-color: #fff;
  top: 50%;
  left: 50%;
  z-index: 10;
  transform: translate(-50%, -50%);
  width: 100%;
  max-height: calc(100vh - 100px);
  opacity: 0;
  z-index: -1;
  transition: opacity 0.3s;
}

.popup-item.show {
  opacity: 1;
  z-index: 10;
}

.box-popup-cs {
  position: relative;
}

.box-popup-cs:after {
  content: "";
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #0071b7;
  opacity: 0;
  z-index: -5;
  transition: 0.3s;
}

.box-popup-cs.show:after {
  opacity: 0.25;
  z-index: 9;
}

html.show-popup {
  overflow: hidden;
}

.show .popup-item-cont {
  opacity: 1;
}

.popup-item-cont {
  padding: 60px 30px;
  padding-right: 80px;
  opacity: 0;
}
.popup-item-cont .popup-item-cont-inner {
  max-height: 600px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.popup-item-cont .popup-item-cont-inner::-webkit-scrollbar {
  width: 8px;
  position: absolute;
  right: -30px;
}
.popup-item-cont .popup-item-cont-inner::-webkit-scrollbar-thumb {
  background-color: #c7c7c7;
  border-radius: 10px;
}
.popup-item-cont .popup-item-cont-inner::-webkit-scrollbar-track {
  background-color: transparent;
}
.popup-item-cont .box-cross-talk {
  box-shadow: none;
}
.popup-item-cont .box-cross-talk::before {
  display: none;
}
.popup-item-cont p.link-cross-cs::before {
  display: none;
}
.popup-item-cont::after {
  content: "";
  width: 100%;
  height: 620px;
  background-image: url(../images/index/after-entry-1.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
}

.box-culture a {
  color: #8e278a;
  letter-spacing: 0.1em;
  line-height: 1.625;
  text-decoration: underline;
}

.close-popup-cs,
.close-video {
  position: absolute;
  width: 109px;
  height: 105px;
  top: -30px;
  right: -30px;
  background-image: url(../images/index/close-popup.svg);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: 2;
}

.list-box {
  position: relative;
  margin-left: 65px;
}
.list-box::after {
  content: "";
  width: 9px;
  height: 100%;
  background: linear-gradient(180deg, rgb(65, 225, 229) 0%, rgb(247, 233, 33) 100%);
  position: absolute;
  top: 0;
  left: 135px;
  border-radius: 8px;
}

.box-time-employ {
  display: flex;
  align-items: center;
  color: #0071b7;
  font-weight: 500;
  position: relative;
}

.time-employ {
  width: 165px;
  font-size: 3rem;
  font-weight: bold;
  color: #0071b7;
  letter-spacing: 0.1em;
}

.cont-employ {
  flex: 1;
  font-size: 2rem;
  letter-spacing: 0.05em;
}

.box-qna-item {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 70px;
}

.qna-title {
  width: 100%;
  display: flex;
  align-items: flex-end;
  font-size: 2.5rem;
  font-weight: 500;
  border-bottom: 3px solid #0071b7;
  padding-bottom: 10px;
  margin-bottom: 35px;
  letter-spacing: 0.05em;
}

.qna-title span {
  font-size: 3.5rem;
  letter-spacing: 0.1em;
  color: #0071b7;
  margin-right: 20px;
}

.qna-content {
  flex: 1;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 2.1875;
}

.qna-image {
  width: 50%;
  padding-right: 50px;
}

.popup-item.show {
  opacity: 1;
  z-index: 10;
}

.box-employee {
  display: flex;
  align-items: center;
}

.box-employee-img {
  position: relative;
}
.box-employee-img::after {
  content: "";
  width: 100%;
  height: 100%;
  border: 5px solid #0071b7;
  background: linear-gradient(90deg, rgb(65, 225, 229) 0%, rgb(247, 233, 33) 100%);
  position: absolute;
  top: 25px;
  left: 25px;
  z-index: -1;
  border-radius: 90px;
}

.box-employee-img img {
  border-radius: 90px;
}

.box-employee-info {
  flex: 1;
  padding-left: 55px;
}

.title-employee {
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.73;
  letter-spacing: 0.1em;
  margin-bottom: 45px;
}

.box-employe-cont {
  padding-left: 65px;
  padding-right: 0;
}

.home-employee {
  position: relative;
}
.home-employee::after {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(../images/index/bg-em.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -5;
}

.name-sp {
  font-size: 2.5rem;
  font-weight: bold;
  text-align: center;
  margin: 15px 0 10px;
  letter-spacing: 0.1em;
}

.support-cont p {
  font-weight: 500;
  line-height: 1.625;
  letter-spacing: 0.1em;
}

.home-support {
  position: relative;
}
.home-support::after {
  content: "";
  width: 100%;
  height: 794px;
  background-image: url(../images/index/after-entry-1.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  z-index: -5;
  top: 0;
  left: 0;
}
.home-support::before {
  content: "";
  width: 100%;
  height: 508px;
  background-image: url(../images/index/after-flow-2.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  z-index: -5;
  bottom: 0;
  left: 0;
}

.box-location {
  margin-bottom: 50px;
}

.location-image img {
  border-radius: 10px;
}

.name-loc {
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin: 8px 0;
}

.location-cont p {
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin-bottom: 15px;
}

a.btn.btn-loca {
  font-size: 1.3rem;
  font-weight: bold;
  color: #0071b7;
  max-width: 173px;
  min-height: 40px;
  border-radius: 20px;
  border: 1px solid #000;
  text-decoration: underline;
  letter-spacing: 0.1em;
  background-color: #fff;
}

.home-location {
  position: relative;
}
.home-location::after {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(../images/index/bg-location.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  z-index: -5;
  top: 0;
  left: 0;
}

#home-location {
  position: relative;
}
#home-location::before {
  content: "";
  width: 1078px;
  height: 594px;
  background-image: url(../images/index/af-2.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -240px;
  right: -273px;
  z-index: -2;
}
#home-location::after {
  content: "";
  width: 1078px;
  height: 594px;
  background-image: url(../images/index/af-5.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: -350px;
  left: -455px;
  z-index: -2;
}

.qna-home {
  margin-bottom: 30px;
}
.qna-home .toggle-hd {
  min-height: 88px;
  border-radius: 40px;
  display: flex;
  align-items: center;
  border: 1px solid #000;
  font-size: 2.5rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  padding-left: 35px;
  box-shadow: 11px 11px 0px 0px #0071b7;
  position: relative;
  background-color: #fff;
  z-index: 1;
  margin-right: 11px;
}
.qna-home .toggle-hd::after {
  content: "";
  width: 54px;
  height: 54px;
  background-image: url(../images/index/icon-open-2.svg);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  right: 35px;
  top: 50%;
  transform: translateY(-50%);
}
.qna-home .toggle-hd.active::after {
  background-image: url(../images/index/icon-close-2.svg);
}
.qna-home .toggle-cont {
  padding-top: 50px;
  padding-left: 110px;
  padding-right: 45px;
}
.qna-home .answer-box {
  position: relative;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.05em;
  padding-bottom: 20px;
}
.qna-home .answer-box::after {
  content: "A.";
  font-size: 3.5rem;
  font-weight: bold;
  color: #e81c24;
  letter-spacing: 0.1em;
  position: absolute;
  top: 0;
  left: -50px;
  line-height: 1;
}

.box-qna-entry .qna-home .toggle-cont {
  padding: 90px 50px;
  border: 3px solid #0071b7;
  border-radius: 20px;
  margin-top: 0;
  margin-bottom: 45px;
  background-color: #fff;
  position: relative;
  top: -42px;
}

.entry-box h3 {
  font-size: 2.5rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin-bottom: 35px;
  color: #0071b7;
  text-align: center;
}
.entry-box table {
  width: 100%;
}
.entry-box table td {
  height: 60px;
  border: 1px solid #cccccc;
  letter-spacing: 0.05em;
  padding-left: 23px;
  padding-bottom: 10px;
  padding-top: 10px;
  padding-right: 10px;
}
.entry-box table td:nth-child(1) {
  width: 195px;
  font-weight: bold;
  color: #0071b7;
  background-color: #ebf3f7;
}

.box-step-flex {
  display: flex;
  align-items: stretch;
  margin-bottom: 60px;
  gap: 8px;
  position: relative;
}
.box-step-flex:last-child .step-right::after {
  display: none;
}

.step-left {
  width: 165px;
  padding-left: 15px;
  font-size: 2.5rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #0071b7;
  padding-bottom: 30px;
}

.step-right {
  flex: 1;
  border-bottom: 1px solid #0071b7;
  position: relative;
  padding-bottom: 30px;
  width: calc(50% - 85px);
}
.step-right:after {
  content: "";
  width: 21px;
  height: 18px;
  background-color: #0071b7;
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
          clip-path: polygon(0 0, 50% 100%, 100% 0);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -35px;
}
.step-right:last-child {
  margin-bottom: 0;
}

.step-right-2 {
  position: relative;
}
.step-right-2:after {
  content: "";
  width: 21px;
  height: 18px;
  background-color: #0071b7;
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
          clip-path: polygon(0 0, 50% 100%, 100% 0);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -35px;
}

.step-right p {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.05em;
}

a.btn.btn-entry {
  margin-left: 0;
  margin-right: auto;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 30px;
}
a.btn.btn-entry img {
  border-radius: 34px;
  box-shadow: 0px 0px 5px 0px rgba(42, 166, 221, 0.45);
}

.home-entry {
  position: relative;
}
.home-entry::after {
  content: "";
  width: 100%;
  height: 721px;
  background-image: url(../images/index/after-entry-1.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  z-index: -5;
  top: 100px;
  left: 0;
}
.home-entry::before {
  content: "";
  width: 100%;
  height: 613px;
  background-image: url(../images/index/after-entry-2.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  z-index: -5;
  bottom: 0;
  left: 0;
}

footer {
  padding: 35px 0;
  position: relative;
}
footer::after {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgb(65, 225, 229) 0%, rgb(247, 233, 33) 100%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -5;
}

.footer {
  border-radius: 30px;
  background-color: rgba(68, 174, 226, 0.75);
  text-align: center;
  position: relative;
}
.footer::after {
  content: "";
  width: 224px;
  height: 130px;
  background-image: url(../images/index/after-footer.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: -115px;
  left: 50%;
  transform: translateX(-50%);
}

a.btn.btn-footer img {
  border-radius: 34px;
  box-shadow: 0px 0px 5px 0px rgba(42, 166, 221, 0.45);
}/*# sourceMappingURL=style-2.css.map */