/* GLOBAL */
* { 
  box-sizing: border-box;
}

html {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  background: #EBF0EF;
  overflow-x: hidden;
}

a {
  all: unset;
  cursor: pointer;
}

/* MEYER RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

/* FONTS */
.font-noto { font-family: "Noto Sans JP", "Yu Gothic UI", "Meiryo", sans-serif; }
.font-hira { font-family: "Hiragino Sans", "Noto Sans JP", "Yu Gothic UI", "Meiryo", sans-serif; }
.font-poppins { font-family: "Poppins", "Yu Gothic UI", "Meiryo", sans-serif; }

/* FONT WEIGHTS */
.font500 { font-weight: 500; }
.font600 { font-weight: 600; }
.font700 { font-weight: 700; }
.font800 { font-weight: 800; }
.font900 { font-weight: 900; }

/* TEXT COLORS */
.gray { color: #333; }
.gray2 { color: #62665B; }
.gray3 { color: #656565; }
.darkgray { color: #5D5D5D; }
.white { color: #FFF; }
.green { color: #76AC23; }
.green2 { color: #075E4E; }
.green3 { color: #264233; }
.green4 { color: #71BB00; }
.green5 { color: #02843E; }
.green6 { color: #E8FFC5; }
.green7 { color: #6FB800; }
.orange { color: #EB5110; }

/* BACKGROUND COLORS */
.bg-white { background: #FFF; }
.bg-gray { background: #D8E3E1; }
.bg-green { background: #76AC23; }
.bg-green2 { background: #DFFFAD; }
.bg-green3 { background: #71BB00; }
.bg-green4 { background: #075E4E; }
.bg-orange { background: #F14B0A; }
.bg-orange2 { background: #EB5110; }

/* DISPLAY */
.flex { display: flex; }
.inflex { display: inline-flex; }
.flex-col { flex-direction: column; }
.flex-center { display: flex; align-items: center; }
.grid { display: grid; }
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); }
.block { display: block; }
.inblock { display: inline-block; }
.justify-c { justify-content: center; }

/* POSITIONING */
.absolute { position: absolute; }
.relative { position: relative; }
.z1 { z-index: 1; }

/* SIZES */
.w1440 { max-width: 1440px; }
.w1280 { max-width: 1280px; }

/* BUTTONS */
.btn {
  border-radius: 6px;
  border: 1px solid #FFF;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15);
  color: #FFF;
  font-size: 20px;
  letter-spacing: -0.2px;
  gap: 10px;
  align-items: center;
  display: inline-flex;
  font-family: "Hiragino Sans", "Noto Sans JP", "Yu Gothic UI", "Meiryo", sans-serif;
  font-weight: 700;
  cursor: pointer;
  justify-content: center;
  box-sizing: border-box;
  transition: .3s;
  height: 84px;
}

.btn span {
  margin-top: -2px;
}

.btn:hover svg {
  transform: translateX(5px);
  transition: .3s;
}

.btn svg {
  transition: .3s;
}

/* MISC */
.m-auto { margin: 0 auto; }
.center { text-align: center; }

.d--sp { display: none; }

@media (max-width: 1024px) {
  .d--sp { display: block; }
  .d--pc { display: none; }

  .btn {
    font-size: 18px;
    letter-spacing: 0.72px;
    gap: 5px;
  }
}

/* HERO */
.hero {
  padding-top: 20px;
}

.hero__top-left-text-1 {
  font-size: 24px;
}

.hero__top-left-text-2 {
  font-size: 32px;
  letter-spacing: 0.96px;
  border-bottom: 2px solid #76AC23;
}

.hero__top-left-text-2 span {
  font-size: 21px;
  letter-spacing: 0.63px;
}

.hero__top-left {
  transform: rotate(-3deg);
  margin: 0 0 0 79px;
}

.hero__container {
  margin-top: 20px;
}

.hero__top-col-1 {
  margin: 0 0 0 160px;
}

.hero__title-1 {
  font-size: 54px;
  line-height: 0;
  letter-spacing: 1.08px;
  margin: 40px 0 0;
}

.hero__title-1 span {
  font-size: 32px;
  line-height: 63px;
}

.hero__title-2 img {
  max-height: 80px;
  margin: 8px 0 12px;
}

.hero__top-col-2 {
  max-width: 625px;
  object-fit: contain;
}

.hero__bottom {
  margin: 0 160px;
  gap: 2px;
}

.hero__bottom-col {
  border-radius: 3px;
  height: 133px;
  flex-direction: column;
  padding-top: 8px;
}

.hero__bottom-col-top {
  gap: 4px;
}

.hero__bottom-number {
  font-size: 54px;
  letter-spacing: -1.62px;
}

.hero__bottom-title {
  font-size: 22px;
  letter-spacing: -0.22px;
}

.hero__bottom-text {
  font-size: 17px;
  line-height: 20px;
  letter-spacing: 0.34px;
}

.hero__bottom-col:first-child .hero__bottom-text,
.hero__bottom-col:last-child .hero__bottom-text {
  margin-top: -10px;
}

.hero__bg-img-01 {
  top: 20px;
  left: 524px;
  z-index: -1;
}

.hero__bg-img-02 {
  top: 488.5px;
  left: 450px;
  z-index: -1;
}

.hero__btn {
  width: 447px;
}

.hero__btn:hover {
  border: 2px solid #F14B0A;
  background: #FFF;
  color: #F14B0A;
  transition: .3s;
}

.hero__btn:hover path {
  stroke: #F14B0A;
  transition: .3s;
}

@media (max-width: 1439px) and (min-width: 1025px) {
  .hero__title-1 {
    font-size: 3.75vw;
    margin: 2.77vw 0 0;
  }

  .hero__title-1 span {
    font-size: 2.22vw;
    line-height: 4.37vw;
  }

  .hero__top-col-2 {
    max-width: 43.40vw;
  }

  .hero__btn {
    width: 31.04vw;
  }

  .btn {
    font-size: 1.38vw;
  }

  .hero__title-2 img {
    max-height: 5.55vw;
    margin: 0.55vw 0 0.83vw;
  }

  .hero__top-col-1 {
    margin: 0 0 0 11.11vw;
  }

  .hero__bottom {
    margin: 0 11.11vw;
  }

  .hero__bottom-col {
    height: 9.23vw;
  }

  .hero__bottom-number {
    font-size: 3.75vw;
  }

  .hero__bottom-title {
    font-size: 1.52vw;
  }

  .hero__bottom-text {
    font-size: 1.18vw;
    line-height: 1.38vw;
    letter-spacing: 0.34px;
  }

  .hero__top-left {
    transform: rotate(-3deg);
    margin: 0 0 0 5.48vw;
  }

  .hero__top-left-text-1 {
    font-size: 1.66vw;
  }

  .hero__top-left-text-2 {
    font-size: 2.22vw;
  }

  .hero__bg-img-01 {
    top: 1.38vw;
    left: 36.38vw;
    width: 28.54vw;
  }

  .hero__bg-img-02 {
    top: 33.92vw;
    left: 31.25vw;
    width: 36.66vw;
  }
}

@media (max-width: 1024px) {
  .hero__top {
    flex-direction: column;
  }

  .hero__top-left-text-1 {
    text-align: center;
    font-size: 16px;
    margin-bottom: 7px;
  }

  .hero__top-left-text-2 {
    font-size: 22px;
    letter-spacing: 0.66px;
    text-align: center;
  }

  .hero__top-left-text-2 span {
    font-size: 16px;
    letter-spacing: 0.48px;
  }

  .hero__top-left {
    margin: 0;
    text-align: center;
  }
  .hero__top-col-1 {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .hero__title-1 {
    font-size: 30px;
    line-height: 35px;
    letter-spacing: 0.6px;
    margin: 0;
    display: inline-block;
  }

  .hero__title-1 span {
    font-size: 16px;
    line-height: 35px;
  }

  .hero__title-2 img {
    max-width: 260px;
    margin: 10px 0 23.5px;
  }

  .hero__btn {
    display: none;
  }

  .hero__top-col-2 {
    max-width: 342px;
    width: 100%;
    margin: 0 auto;
  }

  .hero__bottom {
    margin: 18px 0 0;
    grid-template-columns: 1fr;
  }

  .hero__bottom-col-top {
    gap: 8px;
  }

  .hero__bottom-number {
    font-size: 47px;
    letter-spacing: -3.29px;
  }

  .hero__bottom-title {
    font-size: 15px;
    letter-spacing: -0.15px;
  }

  .hero__bottom-text {
    font-size: 16px;
    letter-spacing: 0.32px;
  }

  .hero__bg-img-01 {
    top: 29px;
    left: 50%;
    z-index: -1;
    width: 223px;
    margin-left: -35.5px;
  }

  .hero__bg-img-02 {
    top: 510px;
    left: calc(50% - 157.5px);
    z-index: -1;
    width: 315px;
  }
}

/* SLIDER */
.home-slider {
  border: 1px solid #02843E;
  height: 48px;
  margin-top: 32px;
}

.home-slider__arrow-left {
  margin-right: 38px;
}

.home-slider__date {
  margin-right: 35px;
  font-size: 12px;
  letter-spacing: -0.12px;
  margin-top: 16px;
}

.home-slider__title {
  width: 512px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 48px;
  font-size: 14px;
  letter-spacing: -0.14px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  margin-top: 13px;
  transition: .3s;
}

.home-slider__arrow-right,
.home-slider__arrow-left {
  width: 11px;
  height: 100%;
  transition: .3s;
  cursor: pointer;
  padding: 0 18.5px;
  box-sizing: content-box;
}

.home-slider__arrow-right:hover,
.home-slider__arrow-left:hover {
  transition: .3s;
  transform: scale(1.15);
}

.home-slider__arrow-right:hover path,
.home-slider__arrow-left:hover path {
  stroke: #075E4E;
}

.home-slider__arrow-right {
  margin-right: 12px;
}

.home-slider__more {
  margin-top: 14px;
  font-size: 12px;
  letter-spacing: -0.12px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  padding: 0 10px;
  cursor: pointer;
}

.home-slider__more:hover {
  transition: .3s;
  color: #76AC23;
}

.home-slider__center:hover .home-slider__title {
  color: #76AC23;
  transition: .3s;
}

.home-slider__center {
  cursor: pointer;
}

@media (max-width: 1439px) and (min-width: 1025px) {
  .home-slider__title {
    width: 35.55vw;
    margin-right: 3.33vw;
  }

  .home-slider__date {
    margin-right: 2.43vw;
  }

  .home-slider__arrow-left {
    margin-right: 2.63vw;
  }

  .home-slider__arrow-right {
    margin-right: 0.83vw;
  }
}

@media (max-width: 1024px) {
  .home-slider {
    margin-top: 20px;
    height: 100%;
    flex-direction: column;
    padding: 0 46px 10px;
    position: relative;
  }

  .home-slider__center {
    flex-direction: column;
    width: 100%;
  }

  .home-slider__arrow-left {
    margin-right: 0;
  }

  .home-slider__arrow-right {
    margin-right: 0;
  }

  .home-slider__title {
    width: 100%;
    white-space: wrap;
    margin-top: 4px;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .home-slider__arrow-right,
  .home-slider__arrow-left {
    position: absolute;
  }

  .home-slider__arrow-left {
    left: 0;
    top: 0;
  }

  .home-slider__arrow-right {
    top: 0;
    right: 0;
  }

  .home-slider__more {
    padding: 0;
    margin-top: 16px;
    margin-left: auto;
  }

  .home-slider__date {
    margin-top: 24px;
  }
}

/* SEARCH */
.home-search {
  padding: 80px 0 120px;
}

.home-search__sub {
  font-size: 16px;
  letter-spacing: 0.8px;
  margin-bottom: 8px;
}

.home-search__title {
  font-size: 34px;
  line-height: 46px;
  letter-spacing: 1.7px;
  margin-bottom: 24px;
}

.home-search__text {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 40px;
}

.home-search__bottom {
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.10);
  border: 1px solid #CCC;
  border-radius: 5px;
  overflow: hidden;
}

.home-search__bottom:hover .home-search__btn {
  background: #075E4E;
}

.home-search__input {
  width: 646px;
  padding: 0 22px;
  height: 68px;
  font-size: 18px;
  letter-spacing: -0.18px;
  outline-width: 0;
  border: none;
}

.home-search__input::placeholder {
  color: #8E8E8E;
  transition: .2s;
}

.home-search__btn {
  width: 90px;
  height: 68px;
  gap: 10px;
  border: none;
  transition: .3s;
  cursor: pointer;
}

@media (max-width: 1439px) and (min-width: 1025px) {
  .home-search__input {
    width: 44.86vw;
    padding: 0 22px;
    font-size: 18px;
    outline-width: 0;
    border: none;
  }
}

@media (max-width: 1024px) {
  .home-search {
    padding: 80px 0 100px;
  }

  .home-search__sub {
    font-size: 14px;
    letter-spacing: 0.7px;
    margin-bottom: 2px;
  }

  .home-search__title {
    font-size: 32px;
    letter-spacing: 1.6px;
    margin-bottom: 16px;
  }

  .home-search__text {
    line-height: 27px;
    margin-bottom: 24px;
  }

  .home-search__input {
    width: 100%;
    font-size: 14px;
    letter-spacing: -0.14px;
  }

  .home-search__btn {
    width: 56px;
    height: 68px;
    gap: 10px;
    border: none;
    transition: .3s;
    cursor: pointer;
  }
}

/* FEATURE */
.home-feat {
  padding-top: 120px;
  margin-bottom: 239px;
}

.home-feat__sub {
  font-size: 16px;
  letter-spacing: 0.8px;
  margin-bottom: 8px;
}

.home-feat__title {
  font-size: 34px;
  line-height: 46px;
  letter-spacing: 1.7px;
  margin-bottom: 25px;
}

.home-feat__text {
  font-size: 16px;
  line-height: 31px;
  letter-spacing: 0.32px;
  margin-bottom: 66px;
}

.home-feat__icon-title {
  font-size: 24px;
  letter-spacing: 0.96px;
  margin: 10px 0 2px;
}

.home-feat__icon-img {
  width: 81px;
}

.home-feat__icon-text {
  font-size: 14px;
  font-style: italic;
}

.home-feat__left,
.home-feat__right {
  gap: 44px;
}

.home-feat__mid {
  width: 357.15px;
  margin: 0 62px -58px 21px;
}

@media (max-width: 1439px) and (min-width: 1025px) {
  .home-feat {
    padding-top: 120px;
    margin-bottom: 16.59vw;
  }

  .home-feat__text {
    font-size: 1.11vw;
    line-height: 2.15vw;
  }

  .home-feat__icon-img {
    width: 5.62vw;
  }

  .home-feat__icon-title {
    font-size: 1.66vw;
    letter-spacing: 0.06vw;
  }

  .home-feat__icon-text {
    font-size: 0.97vw;
  }

  .home-feat__mid {
    width: 24.80vw;
    margin: 0 4.30vw -4.02vw 1.45vw;
  }

  .home-feat__left, .home-feat__right {
    gap: 3.05vw;
  }
}

@media (max-width: 1024px) {
  .home-feat {
    padding: 80px 30px;
    margin-bottom: 179px;
  }

  .home-feat__sub {
    font-size: 14px;
    letter-spacing: 0.7px;
    margin-bottom: 2px;
  }

  .home-feat__title {
    font-size: 32px;
    letter-spacing: 1.6px;
    margin-bottom: 16px;
  }

  .home-feat__text {
    line-height: 27px;
    margin-bottom: 19px;
    text-align: left;
  }

  .home-feat__bottom {
    display: grid;
    text-align: left;
  }

  .home-feat__mid {
    order: -1;
    width: 232.153px;
    margin: 0 auto 50px;
  }

  .home-feat__icon {
    flex-direction: row;
    gap: 16px;
    align-items: center;
  }

  .home-feat__icon-img {
    margin: 0;
    width: 60px;
  }

  .home-feat__icon-title {
    font-size: 20px;
    letter-spacing: 0.8px;
    margin: 0 0 2px;
  }

  .home-feat__icon-text {
    font-size: 12px;
  }

  .home-feat__left,
  .home-feat__right {
    gap: 20px;
  }

  .home-feat__left {
    margin-bottom: 20px;
  }
}

/* POINT */
.home-point {
  margin-bottom: 160px;
}

.home-point__top {
  border: 1px solid rgba(204, 204, 204, 0.80);
  height: 370px;
  margin-right: calc((100% - 1280px)/2);
  padding-top: 100px;
  max-width: 1360px;
  margin-left: auto;
  padding-left: 80px;
}

.home-point__top-sub {
  font-size: 16px;
  letter-spacing: 0.8px;
  margin-bottom: 6px;
}

.home-point__top-title {
  font-size: 40px;
  line-height: 46px;
  letter-spacing: 2px;
}

.home-point__bottom {
  padding: 120px 80px 144px;
  margin-top: -144px;
  row-gap: 54px;
  column-gap: 32px;
  justify-items: center;
  box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.08);
  border: 1px solid #CCC;
}

.home-point__icon {
  width: 100%;
}

.home-point__icon-img {
  margin-left: auto;
  margin-right: 106px;
  margin-bottom: 24px;
}

.home-point__icon-title {
  font-size: 22px;
  line-height: 32px;
  margin-bottom: 14px;
  letter-spacing: 1.32px;
}

.home-point__icon-title span {
  transform: rotate(12deg) translateY(1.75px);
  margin-left: 5px;
  font-size: 26px;
  letter-spacing: 0.52px;
  margin-bottom: -60.55px;
}

.home-point__icon-text {
  font-size: 15px;
  line-height: 25px;
  letter-spacing: -0.15px;
  max-width: 252px;
}

@media (max-width: 1439px) and (min-width: 1025px) {
  .home-point__top {
    height: 25.69vw;
    margin-right: calc((100% - 88.88vw) / 2);
    padding-top: 6.94vw;
    padding-left: 5.55vw;
  }

  .home-point__top-sub {
    font-size: 1.11vw;
    margin-bottom: 0.41vw;
  }

  .home-point__top-title {
    font-size: 2.77vw;
    line-height: 3.19vw;
    letter-spacing: 2px;
  }

  .home-point__bottom {
    padding: 8.33vw 5.55vw 10vw;
    margin-top: -10vw;
    row-gap: 3.75vw;
    column-gap: 2.22vw;
    max-width: 88.88vw;
  }

  .home-point__icon-img {
    margin-right: 7.361vw;
    margin-bottom: 1.66vw;
    height: 11.736vw;
  }

  .home-point__icon-title {
    font-size: 1.528vw;
    line-height: 2.222vw;
    margin-bottom: 0.972vw;
    letter-spacing: 0.092vw;
  }

  .home-point__icon-text {
    font-size: 1.042vw;
    line-height: 1.736vw;
    letter-spacing: -0.01vw;
    max-width: 17.5vw;
  }
}

@media (max-width: 1024px) {
  .home-point {
    margin-bottom: 60px;
  }

  .home-point__top {
    border: 1px solid rgba(204, 204, 204, 0.80);
    margin: 0 auto;
    height: auto;
    padding: 50px 0 50px 50px;
    position: relative;
    align-items: flex-start;
    max-width: 1280px;
    transform: translateX(-20px);
  }

  .home-point__top-sub {
    font-size: 14px;
    letter-spacing: 0.7px;
  }

  .home-point__top-title {
    font-size: 32px;
    letter-spacing: 1.6px;
  }

  .home-point__bottom {
    padding: 130px 0 80px;
    margin-top: -80px;
    row-gap: 50px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }

  .home-point__icon-img {
    width: 136px;
    margin: 0 auto 16px;
  }

  .home-point__icon-title {
    font-size: 20px;
    line-height: 29px;
    margin-bottom: 10px;
    letter-spacing: 1.2px;
  }
}

/* COLLECT */
.home-collect {
  margin-right: calc((100% - 1280px)/2);
  padding: 104px 150px 97px 160px;
  grid-template-columns: 406px 1fr;
  gap: 74px;
  margin-bottom: 171px;
  max-width: 1361px;
  margin-left: auto;
}

.home-collect__img {
  margin-top: 24px;
}

.home-collect > div {
  z-index: 1;
}

.home-collect__sub-text {
  font-size: 18px;
  line-height: 44px;
  margin-top: -2px;
  letter-spacing: 2.52px;
  padding: 0 11px;
}

.home-collect__title {
  font-size: 90px;
  letter-spacing: -3.6px;
  align-items: baseline;
  margin-top: -21px;
}

.home-collect__title span:nth-child(2) {
  font-size: 26px;
  line-height: 44px;
  letter-spacing: 3.12px;
  margin: 0 3px 0 10px;
  top: -4px;
}

.home-collect__title span:nth-child(3) {
  font-size: 36px;
  letter-spacing: 0.72px;
  transform: rotate(12deg);
}

.home-collect__tags {
  gap: 8px;
  align-items: end;
  margin-bottom: 11px;
}

.home-collect__tag-item {
  border-radius: 50px;
  border: 2px solid #FFF;
  padding: 6px 29px;
  font-size: 24px;
  letter-spacing: 1.44px;
}

.home-collect__nado {
  font-size: 22px;
  line-height: 44px;
  letter-spacing: -0.22px;
  margin-bottom: -7px;
}

.home-collect__text {
  font-size: 26px;
  line-height: 44px;
  margin-bottom: 40px;
  white-space: nowrap;
}

.home-collect__btn {
  width: 417px;
}

.home-collect__btn:hover {
  border: 2px solid #075E4E;
  background: #FFF;
  color: #075E4E;
  transition: .3s;
}

.home-collect__btn:hover path {
  stroke: #075E4E;
  transition: .3s;
}

.home-collect__img-2 {
  right: 81px;
  top: -108px;
  z-index: 0;
}

@media (max-width: 1439px) and (min-width: 1025px) {
  .home-collect {
    margin-right: calc((100% - 88.889vw) / 2);
    padding: 7.222vw 10.417vw 6.736vw 11.111vw;
    grid-template-columns: 28.194vw 1fr;
    gap: 5.139vw;
    margin-bottom: 11.875vw;
    max-width: 94.514vw;
  }

  .home-collect__img {
    margin-top: 1.667vw;
    width: 100%;
  }

  .home-collect__sub-text {
    font-size: 1.25vw;
    line-height: 3.056vw;
    margin-top: -0.139vw;
    letter-spacing: 0.175vw;
    padding: 0 0.764vw;
  }

  .home-collect__title {
    font-size: 6.25vw;
    letter-spacing: -0.25vw;
    margin-top: -1.458vw;
  }

  .home-collect__title span:nth-child(2) {
    font-size: 1.806vw;
    line-height: 3.056vw;
    letter-spacing: 0.217vw;
    margin: 0 0.208vw 0 0.694vw;
    top: -0.278vw;
  }

  .home-collect__title span:nth-child(3) {
    font-size: 2.5vw;
    letter-spacing: 0.05vw;
  }

  .home-collect__tags {
    gap: 0.556vw;
    margin-bottom: 0.764vw;
  }

  .home-collect__tag-item {
    padding: 0.417vw 2.014vw;
    font-size: 1.667vw;
    letter-spacing: 0.1vw;
  }

  .home-collect__nado {
    font-size: 1.528vw;
    line-height: 3.056vw;
    letter-spacing: -0.015vw;
    margin-bottom: -0.486vw;
  }

  .home-collect__text {
    font-size: 1.806vw;
    line-height: 3.056vw;
    margin-bottom: 2.778vw;
  }

  .home-collect__btn {
    width: 28.958vw;
  }

  .home-collect__img-2 {
    right: 5.625vw;
    top: -7.5vw;
    width: 27.153vw;
  }
}

@media (max-width: 1024px) {
  .home-collect {
    margin-right: 0;
    padding: 50px 0 60px;
    grid-template-columns: 1fr;
    margin-bottom: 79px;
    text-align: center;
  }

  .home-collect__sub {
    justify-content: center;
  }

  .home-collect__sub-text {
    font-size: 16px;
    margin-top: -2px;
    letter-spacing: 2.24px;
    padding: 0 10px;
  }

  .home-collect__title {
    font-size: 84px;
    letter-spacing: -3.36px;
    margin-top: -19px;
    display: grid;
    grid-template-columns: repeat(2, auto);
    justify-content: center;
  }

  .home-collect__title span:first-child {
    grid-column: 1 / -1;
  }

  .home-collect__title span:nth-child(2) {
    font-size: 20px;
    letter-spacing: 2.4px;
    top: -4px;
    text-align: end;
    margin: -20px 0 0;
  }

  .home-collect__title span:nth-child(3) {
    font-size: 24px;
    letter-spacing: 0.48px;
    transform: rotate(12deg) translate(-27px, 3px);
    margin: -20px 0 0;
  }

  .home-collect__img {
    width: 36.8vw;
    max-width: 300px;
    margin: 10px auto 20px;
  }

  .home-collect__text {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 40px;
    white-space: wrap;
  }

  .home-collect__btn {
    width: 294px;
  }

  .home-collect__tags {
    flex-wrap: wrap;
    justify-content: center;
    max-width: 300px;
    margin: 0 auto 20px;
  }

  .home-collect__tag-item {
    padding: 6px 20px;
    font-size: 20px;
    letter-spacing: 1.2px;
  }

  .home-collect__img-2 {
    width: 173px;
    right: auto;
    left: 50%;
    top: -44px;
  }
}

/* FREE */
.home-free {
  border: 1px solid #CCC;
  margin-bottom: 239px;
}

.home-free__icon {
  margin-top: -51px;
  margin-bottom: 32px;
}

.home-free__title {
  font-size: 34px;
  letter-spacing: -0.34px;
  margin-bottom: 46px;
}

.home-free__bottom {
  grid-template-columns: 583px 1fr;
  padding-left: 39px;
  margin-bottom: -162px;
  gap: 31px;
}

.home-free__devices {
  width: 100%;
  margin-top: 73px;
}

.home-free__point {
  gap: 10px;
  align-items: baseline;
}

.home-free__text {
  font-size: 18px;
  line-height: 32px;
  letter-spacing: -0.18px;
}

.home-free__text span {
  font-size: 22px;
  line-height: 32px;
  letter-spacing: -0.22px;
  position: relative;
}

.home-free__check {
  bottom: -3px;
}

.home-free__right > div,
.home-free__right > a {
  z-index: 1;
}

.home-free__rect-01 {
  top: 194px;
  right: 130px;
  z-index: 0;
}

.home-free__rect-02 {
  top: 250px;
  right: 160px;
  z-index: 0;
}

.home-free__rect-03 {
  top: 340px;
  right: 130px;
  z-index: 0;
}

.home-free__rect-04 {
  top: 373px;
  right: 501px;
  z-index: 0;
}

.home-free__point:nth-child(2) {
  margin: 21px 0 23px;
}

.home-free__btn {
  margin-top: 40px;
  width: 543px;
}

.home-free__btn:hover {
  border: 2px solid #EB5110;
  background: #FFF;
  color: #EB5110;
  transition: .3s;
}

.home-free__btn:hover path {
  stroke: #EB5110;
  transition: .3s;
}

@media (max-width: 1439px) and (min-width: 1025px) {
  .home-free {
    margin-bottom: 16.597vw;
    max-width: 88.889vw;
  }

  .home-free__title {
    font-size: 2.361vw;
    letter-spacing: -0.024vw;
    margin-bottom: 3.194vw;
  }

  .home-free__bottom {
    grid-template-columns: 40.486vw 1fr;
    padding-left: 2.708vw;
    margin-bottom: -11.25vw;
    gap: 2.153vw;
  }

  .home-free__devices {
    margin-top: 5.069vw;
  }

  .home-free__point {
    gap: 0.694vw;
  }

  .home-free__check {
    bottom: -0.208vw;
    height: 1.389vw;
  }

  .home-free__text {
    font-size: 1.25vw;
    line-height: 2.222vw;
    letter-spacing: -0.013vw;
  }

  .home-free__text span {
    font-size: 1.528vw;
    line-height: 2.222vw;
    letter-spacing: -0.015vw;
  }

  .home-free__point:nth-child(2) {
    margin: 1.458vw 0 1.597vw;
  }

  .home-free__btn {
    margin-top: 2.778vw;
    width: 37.708vw;
  }

  .home-free__rect-01 {
    top: 13.472vw;
    right: 9.028vw;
    width: 18.889vw;
  }

  .home-free__rect-02 {
    top: 17.361vw;
    right: 11.111vw;
    width: 19.306vw;
  }

  .home-free__rect-03 {
    top: 23.611vw;
    right: 9.028vw;
    width: 21.111vw;
  }

  .home-free__rect-04 {
    top: 25.903vw;
    right: 34.792vw;
    width: 6.319vw;
  }

  .home-free__icon {
    margin-top: -3.542vw;
    margin-bottom: 2.222vw;
    width: 8.681vw;
  }
}

@media (max-width: 1024px) {
  .home-free__icon {
    margin-top: -39px;
    margin-bottom: 20px;
    width: 99px;
  }

  .home-free__title {
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 29px;
  }

  .home-free {
    width: calc(100% - 40px);
    margin-bottom: 82px;
  }

  .home-free__bottom {
    grid-template-columns: 1fr;
    padding-left: 0;
    gap: 0;
    text-align: center;
    justify-content: center;
    position: relative;
    width: 294px;
    margin: 0 auto -40px;
  }

  .home-free__devices {
    width: 100%;
    margin: 0 auto;
    max-width: 274px;
  }

  .home-free__btn {
    margin-top: 37px;
    width: 294px;
  }

  .home-free__point {
    gap: 8px;
    flex-direction: column;
    align-items: center;
    width: 266px;
    margin: 0 auto;
  }

  .home-free__point:nth-child(2) {
    margin: 20px auto;
  }

  .home-free__text {
    font-size: 16px;
    line-height: 27px;
    letter-spacing: -0.16px;
  }

  .home-free__text span {
    font-size: 20px;
    line-height: 27px;
    letter-spacing: -0.2px;
  }

  .home-free__rect-01 {
    top: 256px;
    right: 24px;
    width: 253px;
    height: 8px;
    object-fit: cover;
    z-index: -1;
  }
  
  .home-free__rect-02 {
    top: 361px;
    right: 25px;
    width: 253px;
    height: 8px;
    object-fit: cover;
    z-index: -1;
  }
  
  .home-free__rect-03 {
    top: 388px;
    right: 213px;
    width: 44px;
    height: 8px;
    object-fit: cover;
    z-index: -1;
  }
  
  .home-free__rect-04 {
    top: 490px;
    right: 17px;
    width: 263px;
    height: 12px;
    object-fit: cover;
    z-index: -1;
  }
  
  .home-free__rect-05 {
    top: 518px;
    right: 100px;
    width: 109px;
    height: 12px;
    object-fit: cover;
    z-index: -1;
  }
}

/* REGION */
.home-region {
  margin-top: 140px;
}

.home-region__top {
  margin-right: calc((100% - 1280px)/2);
  border: 1px solid rgba(204, 204, 204, 0.80);
  padding-top: 100px;
  max-width: 1360px;
  margin-left: auto;
  padding-left: 80px;
}

.home-region__top-sub {
  font-size: 16px;
  letter-spacing: 0.8px;
}

.home-region__top-title {
  font-size: 40px;
  font-weight: 800;
  line-height: 40px;
  letter-spacing: 2px;
  margin-bottom: 50px;
}

.home-region__top-fields {
  gap: 4px;
  padding-bottom: 100px;
}

.home-region__top-fields .home-region__dropdown {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 0 !important;
  outline-width: 0;
  border-radius: 2px;
  border: 1px solid #FFF;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  width: 300px;
  gap: 10px;
  font-size: 18px;
  letter-spacing: -0.18px;
  height: 54px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("../images/top26/select-icon.svg");
  background-repeat: no-repeat;
  background-position-y: 50%;
  background-color: #EFF9DF;
  line-height: 1;
  transition: .3s;
  cursor: pointer;
}

.home-region__top-fields .home-region__dropdown:hover {
  transition: .3s;
  border-radius: 2px;
  background-color: #FFF;
  box-shadow: none;
}

.home-region__dropdown.home-region__drop-1 {
  background-position-x: 220px;
  padding-left: 86px;
}

.home-region__dropdown.home-region__drop-2 {
  background-position-x: 246.5px;
  padding-left: 59.5px;
}

.home-region__dropdown.home-region__drop-3 {
  background-position-x: 264.5px;
  padding-left: 41.5px;
}

.home-region__bottom {
  margin-top: -68px;
  padding: 108px 0 288px;
  border: 1px solid #CCC;
  background: #FFF;
  box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.08);
  margin-bottom: 80px;
}

.home-region__bottom-sub {
  font-size: 14px;
  letter-spacing: 0.7px;
  margin-bottom: 8px;
}

.home-region__bottom-title {
  font-size: 34px;
  line-height: 34px;
  letter-spacing: 1.7px;
  margin-bottom: 52px;
}

.home-region__map {
  margin-left: 189px;
}

.home-region__area-1 {
  top: 328px;
  left: 443px;
  width: 233px;
}

.home-region__area-1-title {
  background: #89BC65;
}

.home-region__area-2 {
  top: 482px;
  left: 335px;
  width: 233px;
}

.home-region__area-2-title {
  background: #A25E52;
}

.home-region__area-3 {
  top: 553px;
  left: 80px;
  width: 233px;
}

.home-region__area-3-title {
  background: #6C5C99;
}

.home-region__area-4 {
  top: 874px;
  left: 365px;
  width: 172px;
}

.home-region__area-4-title {
  background: #A3599E;
}

.home-region__area-5 {
  top: 874px;
  left: 559px;
  width: 172px;
}

.home-region__area-5-title {
  background: #B3763C;
}

.home-region__area-6 {
  top: 807px;
  left: 753px;
  width: 172px;
}

.home-region__area-6-title {
  background: #CCB93C;
}

.home-region__area-7 {
  top: 631px;
  left: 870px;
  width: 302px;
}

.home-region__area-7-title {
  background: #5E9E90;
}

.home-region__area-8 {
  top: 482px;
  left: 870px;
  width: 233px;
}

.home-region__area-8-title {
  background: #6B7AA3;
}

.home-region__area-9 {
  top: 328px;
  left: 953px;
  width: 123px;
}

.home-region__area-9-title {
  background: #70A6B6;
}

[class*="home-region__area-"][class*="-title"] {
  font-size: 20px;
  letter-spacing: 2px;
  align-items: end;
  gap: 6px;
  height: 30px;
  padding-bottom: 1px;
  border-radius: 2px;
}

.home-region__marker {
  padding-bottom: 4.165px;
}

.home-region__area-list {
  margin-top: 18px;
  display: flex;
  flex-flow: wrap;
  column-gap: 14px;
  row-gap: 10px;
  padding-left: 20px;
}

.home-region__area-item {
  font-size: 18px;
  letter-spacing: 0.18px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  transition: .3s;
}

.home-region__area-item:hover {
  color: #EB5110;
}

@media (max-width: 1439px) and (min-width: 1025px) {
  .home-region {
    margin-top: 9.722vw;
  }

  .home-region__top {
    margin-right: calc((100% - 88.889vw) / 2);
    padding-top: 6.944vw;
    max-width: 94.444vw;
    padding-left: 5.556vw;
  }

  .home-region__top-sub {
    font-size: 1.111vw;
    letter-spacing: 0.056vw;
  }

  .home-region__top-title {
    font-size: 2.778vw;
    line-height: 2.778vw;
    letter-spacing: 0.139vw;
    margin-bottom: 3.472vw;
  }

  .home-region__top-fields {
    gap: 0.278vw;
    padding-bottom: 6.944vw;
  }

  .home-region__top-fields .home-region__dropdown {
    width: 20.833vw;
    gap: 0.694vw;
    font-size: 1.25vw;
    letter-spacing: -0.013vw;
  }

  .home-region__dropdown.home-region__drop-1 {
    background-position-x: 15.167vw;
    padding-left: 5.972vw;
  }

  .home-region__dropdown.home-region__drop-2 {
    background-position-x: 17.007vw;
    padding-left: 4.132vw;
  }

  .home-region__dropdown.home-region__drop-3 {
    background-position-x: 18.257vw;
    padding-left: 2.882vw;
  }

  .home-region__bottom {
    max-width: 88.889vw;
    margin-top: -4.722vw;
    padding: 7.5vw 0 20vw;
    margin-bottom: 5.556vw;
  }

  .home-region__bottom-sub {
    font-size: 0.972vw;
    letter-spacing: 0.049vw;
    margin-bottom: 0.556vw;
  }

  .home-region__bottom-title {
    font-size: 2.361vw;
    line-height: 2.361vw;
    letter-spacing: 0.118vw;
    margin-bottom: 3.611vw;
  }

  .home-region__map {
    margin-left: 13.125vw;
    width: 50.139vw;
  }

  [class*="home-region__area-"][class*="-title"] {
    font-size: 1.389vw;
    letter-spacing: 0.139vw;
    gap: 0.417vw;
    height: 2.083vw;
    padding-bottom: 0.069vw;
    border-radius: 0.139vw;
  }

  .home-region__marker {
    padding-bottom: 0.289vw;
    width: 1.042vw;
  }

  .home-region__area-list {
    margin-top: 1.25vw;
    column-gap: 0.972vw;
    row-gap: 0.694vw;
    padding-left: 1.389vw;
  }

  .home-region__area-item {
    font-size: 1.25vw;
    letter-spacing: 0.013vw;
  }

  .home-region__area-1 {
    top: 22.778vw;
    left: 30.764vw;
    width: 16.181vw;
  }

  .home-region__area-2 {
    top: 33.472vw;
    left: 23.264vw;
    width: 16.181vw;
  }

  .home-region__area-3 {
    top: 38.403vw;
    left: 5.556vw;
    width: 16.181vw;
  }

  .home-region__area-4 {
    top: 60.694vw;
    left: 25.347vw;
    width: 11.944vw;
  }

  .home-region__area-5 {
    top: 60.694vw;
    left: 38.819vw;
    width: 11.944vw;
  }

  .home-region__area-6 {
    top: 56.042vw;
    left: 52.292vw;
    width: 11.944vw;
  }

  .home-region__area-7 {
    top: 43.819vw;
    left: 60.417vw;
    width: 20.972vw;
  }

  .home-region__area-8 {
    top: 33.472vw;
    left: 60.417vw;
    width: 16.181vw;
  }

  .home-region__area-9 {
    top: 22.778vw;
    left: 66.181vw;
    width: 8.542vw;
  }
}

@media (max-width: 1024px) {
  .home-region {
    margin-top: 40px;
  }

  .home-region__top {
    margin: 0 auto;
    height: auto;
    padding: 50px 0 50px 30px;
    position: relative;
    max-width: 1280px;
    transform: translateX(-20px);
    text-align:  left;
    z-index: 1;
    display: grid;
    justify-content: center;
  }

  .home-region__top-sub {
    font-size: 14px;
    letter-spacing: 0.7px;
    margin-bottom: 6px;
  }

  .home-region__top-title {
    font-size: 32px;
    line-height: 46px;
    letter-spacing: 1.6px;
    margin-bottom: 30px;
  }

  .home-region__top-fields {
    gap: 8px;
    padding-bottom: 0;
    flex-direction: column;
    padding-left: 20px;
  }

  .home-region__top-fields .home-region__dropdown {
    width: 275px;
    gap: 10px;
    font-size: 14px;
    letter-spacing: -0.14px;
    height: 42px;
    padding-left: 20px;
  }

  [class*="home-region__drop-"] {
    background-position-x: calc(100% - 20px) !important;
  }

  .home-region__bottom {
    margin-top: -102px;
    padding: 152px 0 80px;
    border: 1px solid #CCC;
    background: #FFF;
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.08);
    margin-bottom: 20px;
  }

  .home-region__bottom-sub {
    font-size: 12px;
    letter-spacing: 0.6px;
  }

  .home-region__bottom-title {
    font-size: 26px;
    letter-spacing: 1.3px;
    margin-bottom: 30px;
  }

  .home-region__areas {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .home-region__map {
    margin: 0 auto 30px;
    width: 294px;
  }

  .home-region__area-1,
  .home-region__area-2,
  .home-region__area-3,
  .home-region__area-4,
  .home-region__area-5,
  .home-region__area-6,
  .home-region__area-7,
  .home-region__area-8,
  .home-region__area-9 {
    top: unset;
    left: unset;
    width: 315px;
    position: relative;
    margin: 0 auto;
  }

  [class*="home-region__area-"][class*="-title"] {
    font-size: 16px;
    letter-spacing: 1.6px;
    height: 28px;
    align-items: center;
  }

  .home-region__marker {
    padding-bottom: 0;
    width: 12px;
  }

  .home-region__area-list {
    margin-top: 16px;
    column-gap: 0;
    row-gap: 10px;
    padding-left: 0;
    display: grid;
    grid-template-columns: repeat(3, 105px);
    text-align: center;
  }

  .home-region__area-item {
    font-size: 16px;
    letter-spacing: 0.16px;
  }
}

/* ORG */
.home-org {
  border: 1px solid #CCC;
  box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.08);
  padding: 100px 100px 87px;
  margin-bottom: 80px;
}

.home-org__sub {
  font-size: 14px;
  letter-spacing: 0.7px;
  margin-bottom: 8px;
}

.home-org__title {
  font-size: 34px;
  line-height: 34px;
  letter-spacing: 1.7px;
  margin-bottom: 80px;
}

.home-org__list {
  column-count: 2;
  column-gap: 64px;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.4px;
}

.home-org__item {
  justify-content: space-between;
  border-bottom: thin solid #075E4E;
  padding-bottom: 12px;
  margin-bottom: 20px;
}

.home-org__item__text {
  transition: .3s;
}

.home-org__item:hover .home-org__item__text {
  color: #075E4E;
  transition: .3s;
}

.home-org__item img:first-child {
  margin-right: -23px;
  transition: .3s;
}

.home-org__item img:last-child {
  transition: .3s;
}

.home-org__item:hover img:last-child {
  opacity: 0;
  transition: .3s;
}

@media (max-width: 1439px) and (min-width: 1025px) {
  .home-org {
    padding: 6.944vw 6.944vw 6.042vw;
    margin-bottom: 5.556vw;
    max-width: 88.889vw;
  }

  .home-org__sub {
    font-size: 0.972vw;
    letter-spacing: 0.049vw;
    margin-bottom: 0.556vw;
  }

  .home-org__title {
    font-size: 2.361vw;
    line-height: 2.361vw;
    letter-spacing: 0.118vw;
    margin-bottom: 5.556vw;
  }

  .home-org__list {
    column-gap: 4.444vw;
    font-size: 1.389vw;
    line-height: 2.083vw;
    letter-spacing: 0.028vw;
  }

  .home-org__item {
    padding-bottom: 0.833vw;
    margin-bottom: 1.389vw;
  }

  .home-org__item img {
    width: 1.597vw;
  }

  .home-org__item img:first-child {
    margin-right: -1.597vw;
  }
}

@media (max-width: 1024px) {
  .home-org {
    border: 1px solid #CCC;
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.08);
    padding: 50px 30px 60px;
    margin-bottom: 20px;
  }

  .home-org__sub {
    font-size: 12px;
    letter-spacing: 0.6px;
  }

  .home-org__title {
    font-size: 26px;
    letter-spacing: 1.3px;
    margin-bottom: 30px;
  }

  .home-org__list {
    column-count: 1;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.32px;
    max-width: 768px;
    margin: 0 auto;
  }

  .home-org__item {
    justify-content: space-between;
    border-bottom: thin solid #075E4E;
    margin-bottom: 18px;
  }
}

/* CAT */
.home-cat {
  border: 1px solid #CCC;
  box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.08);
  padding: 100px 100px 161px;
  margin-bottom: 160px;
}

.home-cat__sub {
  font-size: 14px;
  letter-spacing: 0.7px;
  margin-bottom: 8px;
}

.home-cat__title {
  font-size: 34px;
  line-height: 34px;
  letter-spacing: 1.7px;
}

.home-cat__list {
  column-count: 2;
  column-gap: 64px;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.4px;
}

.home-cat__item {
  justify-content: space-between;
  border-bottom: thin solid #075E4E;
  padding-bottom: 12px;
  margin-bottom: 20px;
}

.home-cat__item__text {
  transition: .3s;
}

.home-cat__item:hover .home-cat__item__text {
  color: #075E4E;
  transition: .3s;
}

.home-cat__item img:first-child {
  margin-right: -23px;
  transition: .3s;
}

.home-cat__item img:last-child {
  transition: .3s;
}

.home-cat__item:hover img:last-child {
  opacity: 0;
  transition: .3s;
}

.home-cat__divider {
  font-size: 20px;
  letter-spacing: 1.4px;
  padding: 10px;
  gap: 10px;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 42px;
  margin-top: 80px;
}

@media (max-width: 1439px) and (min-width: 1025px) {
  .home-cat {
    max-width: 88.889vw;
    padding: 6.944vw 6.944vw 11.181vw;
    margin-bottom: 11.111vw;
  }

  .home-cat__sub {
    font-size: 0.972vw;
    letter-spacing: 0.049vw;
    margin-bottom: 0.556vw;
  }

  .home-cat__title {
    font-size: 2.361vw;
    line-height: 2.361vw;
    letter-spacing: 0.118vw;
  }

  .home-cat__divider {
    font-size: 1.389vw;
    letter-spacing: 0.097vw;
    padding: 0.694vw;
    gap: 0.694vw;
    margin-left: -1.389vw;
    margin-right: -1.389vw;
    margin-bottom: 2.917vw;
    margin-top: 5.556vw;
  }

  .home-cat__list {
    column-gap: 4.444vw;
    font-size: 1.389vw;
    line-height: 2.083vw;
    letter-spacing: 0.028vw;
  }

  .home-cat__item {
    padding-bottom: 0.833vw;
    margin-bottom: 1.389vw;
  }

  .home-cat__item img {
    width: 1.597vw;
  }

  .home-cat__item img:first-child {
    margin-right: -1.597vw;
    transition: .3s;
  }
}

@media (max-width: 1024px) {
  .home-cat {
    padding: 50px 20px 80px;
    margin-bottom: 50px;
  }

  .home-cat__sub {
    font-size: 12px;
    letter-spacing: 0.6px;
  }

  .home-cat__title {
    font-size: 26px;
    letter-spacing: 1.3px;
  }

  .home-cat__divider {
    font-size: 18px;
    letter-spacing: 1px;
    margin: 50px auto 20px;
    max-width: 768px;
  }

  .home-cat__list {
    column-count: 1;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.32px;
    max-width: 768px;
    margin: 0 auto;
    padding: 0 10px;
  }

  .home-cat__item {
    padding-bottom: 12px;
    margin-bottom: 18px;
  }

  .home-cat__item:last-child {
    margin-bottom: 0;
  }
}

/* PRESENT */
.home-present__sub {
  font-size: 14px;
  letter-spacing: 0.7px;
}

.home-present__title {
  font-size: 34px;
  line-height: 48px;
  letter-spacing: 1.7px;
  margin-bottom: 80px;
}

.home-present__grid {
  grid-template-columns: 256px 287px 256px;
  gap: 65px;
  margin-bottom: 40px;
}

[class*="home-present__num-"] {
  font-size: 22px;
  letter-spacing: 1.1px;
  width: 44px;
  height: 44px;
  border: 2px solid #fff;
  border-radius: 44px;
  margin: 0 auto 16px;
}

.home-present__box {
  position: relative;
}

.home-present__box:nth-child(odd) {
  margin: 44px 0 38px;
}

.home-present__num-1::after,
.home-present__num-2::after {
  content: "";
  width: 191px;
  height: 2px;
  background: #71BB00;
  display: block;
  position: absolute;
  top: 20px;
  left: 147px;
  z-index: -1;
}

.home-present__num-3::after,
.home-present__num-4::after {
  content: "";
  width: 191px;
  height: 2px;
  background: #71BB00;
  display: block;
  position: absolute;
  top: 20px;
  right: 132px;
  z-index: -1;
}

.home-present__wp {
  width: 100%;
  display: block;
}

.home-present__middle::after {
  content: "";
  width: 254px;
  height: 64px;
  border-radius: 60px;
  background: #D9D9D9;
  mix-blend-mode: multiply;
  filter: blur(24.049999237060547px);
  display: block;
  position: absolute;
  bottom: -30px;
  left: 17px;
  z-index: -1;
}

.home-present__text {
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.36px;
}

.home-present__bottom {
  width: 1120px;
  padding: 100px 192px 93px;
  margin-bottom: 191px;
}

.home-present__bottom-sub {
  font-size: 14px;
  letter-spacing: 0.7px;
  margin-bottom: 2px;
}

.home-present__bottom-title {
  font-size: 32px;
  letter-spacing: 0.96px;
  margin-bottom: 30px;
}

.home-present__bottom-text-2 {
  margin: 16px 0 44px;
}

[class*="home-present__bottom-text-"] {
  font-size: 16px;
  line-height: 28px;
}

.home-present__bottom-link {
  padding: 6px 10px 6px 18px;
  border-radius: 50px;
  background: #EBF0EF;
  font-size: 13px;
  letter-spacing: -0.13px;
}

.home-present__bottom-link a {
  font-size: 13px;
  letter-spacing: -0.13px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

@media (max-width: 1439px) and (min-width: 1025px) {
  .home-present__sub {
    font-size: 0.972vw;
    letter-spacing: 0.049vw;
  }

  .home-present__title {
    font-size: 2.361vw;
    line-height: 3.333vw;
    letter-spacing: 0.118vw;
    margin-bottom: 5.556vw;
  }

  .home-present__grid {
    grid-template-columns: 17.778vw 19.931vw 17.778vw;
    gap: 4.514vw;
    margin-bottom: 2.778vw;
  }

  [class*="home-present__num-"] {
    font-size: 1.528vw;
    letter-spacing: 0.076vw;
    width: 3.056vw;
    height: 3.056vw;
    margin: 0 auto 1.111vw;
  }

  .home-present__box:nth-child(odd) {
    margin: 3.056vw 0 2.639vw;
  }

  .home-present__num-1::after, .home-present__num-2::after {
    width: 13.264vw;
    top: 1.389vw;
    left: 10.208vw;
  }

  .home-present__num-3::after, .home-present__num-4::after {
    width: 13.264vw;
    top: 1.389vw;
    right: 9.167vw;
  }

  .home-present__text {
    font-size: 1.25vw;
    line-height: 1.944vw;
    letter-spacing: 0.025vw;
  }

  .home-present__wp {
    width: 19.931vw;
  }

  .home-present__middle::after {
    width: 17.639vw;
    height: 4.444vw;
    bottom: -2.083vw;
    left: 1.181vw;
  }

  .home-present__bottom {
    width: 77.778vw;
    padding: 6.944vw 13.333vw 6.458vw;
    margin-bottom: 13.264vw;
  }

  .home-present__bottom-sub {
    font-size: 0.972vw;
    letter-spacing: 0.049vw;
    margin-bottom: 0.139vw;
  }

  .home-present__bottom-title {
    font-size: 2.222vw;
    letter-spacing: 0.067vw;
    margin-bottom: 2.083vw;
  }

  [class*="home-present__bottom-text-"] {
    font-size: 1.111vw;
    line-height: 1.944vw;
  }

  .home-present__bottom-text-2 {
    margin: 1.111vw 0 3.056vw;
  }

  .home-present__bottom-link {
    padding: 0.417vw 0.694vw 0.417vw 1.25vw;
    border-radius: 3.472vw;
    font-size: 0.903vw;
    letter-spacing: -0.009vw;
  }

  .home-present__bottom-link a {
    font-size: 0.903vw;
    letter-spacing: -0.009vw;
  }
}

@media (max-width: 1024px) {
  .home-present__sub {
    font-size: 12px;
    letter-spacing: 0.6px;
    margin-bottom: 8px;
  }

  .home-present__title {
    font-size: 26px;
    line-height: 34px;
    letter-spacing: 1.3px;
    margin-bottom: 30px;
  }

  .home-present__grid {
    grid-template-columns: 1fr;
    gap: 0;
    margin-bottom: 60px;
  }

  .home-present__middle {
    order: -1;
    margin-bottom: 20px;
  }

  .home-present__wp {
    width: 100%;
    display: block;
    width: 235px;
    margin: 0 auto;
  }

  .home-present__middle::after {
    content: "";
    width: 196px;
    height: 64px;
    border-radius: 60px;
    background: #D9D9D9;
    mix-blend-mode: multiply;
    filter: blur(24.049999237060547px);
    display: block;
    position: absolute;
    bottom: -30px;
    left: calc(50% - 98px);
    z-index: -1;
  }

  .home-present__box:nth-child(odd) {
    margin: 20px 0;
  }

  .home-present__box {
    max-width: 314px;
    width: 100%;
  }

  .home-present__col-1,
  .home-present__col-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  [class*="home-present__num-"] {
    font-size: 16px;
    letter-spacing: 0.8px;
    width: 36px;
    height: 36px;
    margin: 0 auto 10px;
  }

  [class*="home-present__num-"]::after {
    display: none;
  }

  .home-present__bottom {
    width: 100%;
    padding: 50px 30px 80px;
    margin-bottom: 80px;
  }

  .home-present__bottom-sub {
    font-size: 12px;
    letter-spacing: 0.6px;
    margin-bottom: 8px;
  }

  .home-present__bottom-title {
    font-size: 26px;
    line-height: 34px;
    letter-spacing: 1.3px;
  }

  [class*="home-present__bottom-text-"] {
    font-size: 16px;
    line-height: 28px;
    text-align: left;
    max-width: 768px;
    margin: 0 auto;
  }

  .home-present__bottom-text-2 {
    margin: 16px auto 20px;
  }

  .home-present__bottom-link {
    max-width: 315px;
    display: block;
    margin: 0 auto;
  }
}

/* NEWS */
.home-news {
  margin: 20px auto 80px;
  padding: 100px 240px 120px;
}

.home-news__sub {
  font-size: 14px;
  letter-spacing: 0.7px;
  margin-bottom: 8px;
}

.home-news__title {
  font-size: 34px;
  line-height: 34px;
  letter-spacing: 1.7px;
  margin-bottom: 80px;
}

.home-news__item {
  grid-template-columns: 100px 1fr;
  gap: 30px;
  align-items: baseline;
  border-bottom: thin solid #02843E;
  padding-bottom: 14px;
  cursor: pointer;
}

.home-news__list {
  gap: 27px;
}

.home-news__date {
  font-size: 20px;
  letter-spacing: 0.2px;
}

.home-news__text {
  font-size: 18px;
  letter-spacing: 0.36px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 500px;
  transition: .3s;
}

.home-news__item:hover .home-news__text {
  color: #075E4E;
}

.home-news__btn {
  width: 417px;
  margin-top: 60px
}

.home-news__btn:hover {
  border: 2px solid #075E4E;
  background: #FFF;
  color: #075E4E;
  transition: .3s;
}

.home-news__btn:hover path {
  stroke: #075E4E;
  transition: .3s;
}

@media (max-width: 1439px) and (min-width: 1025px) {
  .home-news {
    max-width: 88.889vw;
    margin: 1.389vw auto 5.556vw;
    padding: 6.944vw 16.667vw 8.333vw;
  }

  .home-news__sub {
    font-size: 0.972vw;
    letter-spacing: 0.049vw;
    margin-bottom: 0.556vw;
  }

  .home-news__title {
    font-size: 2.361vw;
    line-height: 2.361vw;
    letter-spacing: 0.118vw;
    margin-bottom: 5.556vw;
  }

  .home-news__list {
    gap: 1.875vw;
  }

  .home-news__item {
    grid-template-columns: 6.944vw 1fr;
    gap: 2.083vw;
    padding-bottom: 0.972vw;
  }

  .home-news__date {
    font-size: 1.389vw;
    letter-spacing: 0.014vw;
  }

  .home-news__text {
    font-size: 1.25vw;
    letter-spacing: 0.025vw;
    max-width: 34.722vw;
  }

  .home-news__btn {
    width: 28.958vw;
    margin-top: 4.167vw;
  }
}

@media (max-width: 1024px) {
  .home-news {
    margin: 20px auto 40px;
    padding: 80px 30px 80px;
  }

  .home-news__sub {
    margin-bottom: 2px;
  }

  .home-news__title {
    font-size: 32px;
    line-height: 46px;
    letter-spacing: 1.6px;
    margin-bottom: 40px;
  }

  .home-news__list {
    gap: 20px;
    max-width: 768px;
    margin: 0 auto;
  }

  .home-news__item {
    grid-template-columns: 1fr;
    gap: 2px;
    align-items: baseline;
    border-bottom: thin solid #02843E;
    padding-bottom: 16px;
    cursor: pointer;
  }

  .home-news__date {
    font-size: 14px;
    letter-spacing: 0.14px;
  }

  .home-news__text {
    font-size: 16px;
    letter-spacing: 0.32px;
    max-width: 500px;
  }

  .home-news__btn {
    width: 100%;
    max-width: 294px;
    margin-top: 40px;
  }
}

/* SCROLL */
.home-scroll {
  position: absolute;
  bottom: 12.417vw;
  right: 16px;
  gap: 16px;
  cursor: pointer;
  transition: .3s;
}

.home-scroll:hover {
  transform: translateY(4px);
  transition: .3s;
}

.home-scroll:hover .home-scroll__text {
  transition: .3s;
  color: #075E4E;
}

.home-scroll__text {
  writing-mode: sideways-rl;
  transition: .3s;
}

.home-scroll__text {
  font-size: 1.5vw;
  line-height: 1;
  letter-spacing: 0.36px;
}

.home-scroll svg {
  background: #EB5110;
  padding: 1.8vw 0;
  width: 5vw;
  height: 5vw;
  border: thin solid #fff;
  border-radius: 100%;
  transition: .3s;
}

.home-scroll:hover svg  {
  transition: .3s;
  background: #075E4E;
  padding: 2vw 0 1.6vw;
}

@media (max-width: 1024px) {
  .home-scroll {
    display: none;
  }
}

/* FREE RIGHT */
.home-freeright {
  bottom: 20px;
  right: 0;
  position: fixed;
  z-index: 1;
}

.home-freeright__img {
  width: 75px;
  margin-bottom: -26px;
  margin-left: 32px;
}

.home-freeright__bottom {
  box-shadow: 0 0 0 1px white;
  font-size: 20px;
  line-height: 22px;
  letter-spacing: -2.4px;
  height: 95px;
  width: 160px;
  padding-top: 30px;
  box-sizing: border-box;
  transition: .3s;
}

.home-freeright__bottom:hover {
  box-shadow: 0 0 0 2px #EB5110;
  background: #FFF;
  transition: .3s;
  color: #EB5110;
}

.home-freeright__bottom:hover .home-freeright__line-1,
.home-freeright__bottom:hover .home-freeright__line-2 {
  background: #EB5110;
  transition: .3s;
}

.home-freeright__span-1 {
  letter-spacing: 1.8px;
}

.home-freeright__span-2 {
  font-size: 12px;
  letter-spacing: 0.36px;
}

.home-freeright__span-3 {
  font-size: 18px;
  letter-spacing: 0.54px;
}

.home-freeright__span-4 {
  font-size: 14px;
  letter-spacing: 0.42px;
}

.home-freeright__span-5 {
  font-size: 18px;
  line-height: 25px;
}

.home-freeright__line-1 {
  width: 97px;
  height: 1px;
  left: 31px;
  top: 55.5px;
  transition: .3s;
}

.home-freeright__line-2 {
  width: 80px;
  height: 1px;
  left: 40px;
  top: 80px;
  transition: .3s;
}

@media (max-width: 1439px) and (min-width: 1025px) {
  .home-freeright {
    bottom: 1.389vw;
  }

  .home-freeright__img {
    width: 5.208vw;
    margin-bottom: -1.806vw;
    margin-left: 2.222vw;
  }

  .home-freeright__bottom {
    font-size: 1.389vw;
    line-height: 1.528vw;
    letter-spacing: -0.167vw;
    height: 6.597vw;
    width: 11.111vw;
    padding-top: 2.083vw;
  }

  .home-freeright__span-1 {
    letter-spacing: 0.125vw;
  }

  .home-freeright__span-2 {
    font-size: 0.833vw;
    letter-spacing: 0.025vw;
  }

  .home-freeright__span-3 {
    font-size: 1.25vw;
    letter-spacing: 0.037vw;
  }

  .home-freeright__span-4 {
    font-size: 0.972vw;
    letter-spacing: 0.029vw;
  }

  .home-freeright__span-5 {
    font-size: 1.25vw;
    line-height: 1.736vw;
  }

  .home-freeright__line-1 {
    width: 6.736vw;
    left: 2.153vw;
    top: 3.854vw;
  }

  .home-freeright__line-2 {
    width: 5.556vw;
    left: 2.778vw;
    top: 5.556vw;
  }
}

@media (max-width: 1024px) {
  .home-freeright {
    top: unset;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 2;
  }

  .home-freeright__bottom {
    font-size: 22px;
    line-height: 22px;
    letter-spacing: -2.64px;
    height: 80px;
    width: 100%;
    padding-top: 28px;
  }

  .home-freeright__img {
    width: 63px;
    margin-bottom: -27px;
    margin-left: calc(50% - 31.5px);
  }

  .home-freeright__span-1 {
    letter-spacing: 1.98px;
  }

  .home-freeright__span-2 {
    font-size: 14px;
    letter-spacing: 0.42px;
  }

  .home-freeright__span-3 {
    font-size: 20px;
    letter-spacing: 0.6px;
  }

  .home-freeright__span-4 {
    font-size: 16px;
    letter-spacing: 0.48px;
  }

  .home-freeright__span-5 {
    font-size: 20px;
  }

  [class*="home-freeright__line-"] {
    display: none;
  }
}