/* screen - top */

body{
  font-family: var(--font-family-noto_sans_jp);
}

.top{
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  position: relative;
}

.header {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex: 0 0 auto;
  gap: 17.4vw;
  padding: 1.2vw 3.12vw;
  position: relative;
  width: 100%;
}

.frame-20 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  justify-content: space-between;
  position: relative;
}

.frame-19 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 2.6vw;
  position: relative;
}

.logo-1 {
  width: 20vw;
}

.logo-2 {
  width: 20vw;
}

.frame-19-item {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.frame-21 {
  align-items: flex-end;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 0.52vw;
  justify-content: center;
  position: relative;
}

.theme_color_button_sm {
  align-items: center;
  background: linear-gradient(.25turn, rgb(209, 116, 154) 0%, rgb(23, 143, 210) 100%);
  border-radius: 60px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 0.52vw;
  justify-content: center;
  min-height: 60px;
  padding: 8px 20px;
  position: relative;
}

.theme_color_button {
  align-items: center;
  background: linear-gradient(.25turn, rgb(209, 116, 154) 0%, rgb(23, 143, 210) 100%);
  border-radius: 60px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 0.52vw;
  justify-content: center;
  min-height: 60px;
  padding: 8px 60px;
  position: relative;
}

.text {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xl);
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.header_n_impact{
  background-image: url("../img/mainvisual.png");
  background-size:cover;
  background-position: center center;
}

.mainvisual {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 12.19vw;
  justify-content: space-around;
  padding: 2.08vw 7.81vw;
  position: relative;
  width: 100%;

}

.frame-5 {
  height: 31.25vw;
  left: 40.1vw;
  position: absolute;
  top: -3.85vw;
  width: 31.25vw;
}

.ellipse-3 {
  height: 31.25vw;
  left: 29vw;
  position: absolute;
  top: 21.72vw;
  width: 28.65vw;
}

.ellipse-2 {
  height: 27.4vw;
  left: 0;
  position: absolute;
  top: 3.85vw;
  width: 31.25vw;
}

.frame-23 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 7.81vw;
  justify-content: center;
  position: relative;
}

.frame-6 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 5.21vw;
  justify-content: center;
  position: relative;
}

.frame-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4vh;
  justify-content: center;
  position: relative;
  width: 100%;
}

.place {
  align-self: stretch;
}

.text-3 {
  color: var(--eerie-black);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.it {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 2rem;
}

.image-1 {
  height: 0.46vw;
  position: relative;
  width: 0.73vw;
}

.scroll {
  align-items:center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 1rem;
  position: relative;
  justify-content: center;
}

.ellipse-1 {
  align-content: center;
  background-color: var(--charm);
  border-radius: 30px;
  height: 30px;
  width: 30px;
}

.scroll-1 {
  align-content: center;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(.25turn, rgb(209, 116, 154) 0%, rgb(23, 143, 210) 100%);
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxl);
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.05vw;
  position: relative;
  text-fill-color: transparent;
  width: fit-content;
}

.image-2 {
  height: 20px;
  width: 20px;
  margin-left: auto;
  margin-right: auto;
}

.frame-7 {
  display: flex;
  gap: 0.78vw 1.67vw;
  flex-direction: column;
}

.mask-group-1 {
  height: 22.92vw;
  position: relative;
  width: 31.25vw;
}

.frame-22 {
  align-items: center;
  display: inline-flex;
  /* flex: 0 0 auto; */
  position: relative;
  width: 100%;
  justify-content: flex-start;
  gap:20px;
}

.frame-2 {
  align-items: center;
  display: flex;
  gap: 10px;
  /* position: relative; */
  /* width: ; */
  /* width: 70%; */
}

.ellipse-4 {
  background-color: var(--charm);
  border-radius: 10px;
  height: 10px;
  position: relative;
  width: 10px;
}

.music-business {
  color: var(--charm);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  /* margin-top: -0.05vw; */
  position: relative;
  /* width: fit-content; */
}

.frame-3 {
  align-items: center;
  display: flex;
  gap: 0.36vw;
  position: relative;
  width: 4.74vw;
}

.ellipse-5 {
  background-color: #178fd2;
  border-radius: 10px;
  height: 10px;
  position: relative;
  width: 10px;
}

.it-services {
  color: #178fd2;
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.05vw;
  position: relative;
  width: fit-content;
}

.fade{
  width: 30vw;
}

.hidden-service-ellipse{
  background-color: #999;
  border-radius: 10px;
  height: 10px;
  position: relative;
  width: 10px;
}

.hidden-service-label{
  color: #999;
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.05vw;
  position: relative;
  width: fit-content;
}

.about {
  align-items: flex-start;
  align-self: stretch;
  background: linear-gradient(.25turn, rgb(209, 116, 154) 0%, rgb(23, 143, 210) 100%);
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 2.6vw 11.04vw;
  padding: 6.67vw 4vw;
  position: relative;
  width: 100%;
}

.about-my-pop {
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxl);
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.05vw;
  position: relative;
  width: fit-content;
}

.frame-8 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 2.6vw;
  justify-content: center;
  position: relative;
}

.it-1 {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xxxxl);
  font-weight: 600;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 3rem;
  margin-bottom: 3rem;
  position: relative;
  width: fit-content;
}

.it-2 {
  align-self: stretch;
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xl);
  /* font-weight: 400; */
  letter-spacing: 0;
  line-height: calc(var(--font-size-xl) * 2);
  position: relative;
}

.services {
  text-align: center;
  padding: 7rem 0;
  background-image: url("../img/service.png");
  background-size:cover;
  background-position: center center;
  width: 100%;
}

.news{
  padding: 20px;
}

.rectangle {
  background-color: var(--white);
  border-radius: 0.62vw;
  height: 29.43vw;
  position: relative;
  width: 37.5vw;
}

.section-title {
  font-size: 2.5rem;
  font-weight: bold;
  background: linear-gradient(.25turn, rgb(209, 116, 154) 10%, rgb(23, 143, 210) 100%);
  -webkit-background-clip: text;
  color: transparent;
  margin-bottom: 2rem;
  font-family: var(--font-family-poppins);
  /* font-weight: 500; */

}

.service-container {
  display: flex;
  justify-content: center;
  gap:4vw;
  flex-wrap: wrap;
}

.service-card {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  /* margin: 5rem ; */
  text-align: left;
  position: relative;
  flex: 1;
}

.service-it {
  /* background: radial-gradient(circle, rgb(23, 143, 210) 0%, rgba(23, 143, 210, 0) 100%); */
  margin: 5rem 0 5rem 8vw;

}

.service-music {
  /* background: radial-gradient(circle, rgb(209, 116, 154) 0%, rgba(209, 116, 154, 0) 100%); */
  margin: 5rem 8vw 5rem 0;
}

.service-content{
  padding: 1rem;
}

.service-image {
  width: 100%;
  height: auto;
  margin-bottom: 1rem;
}

.service-title {
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxl);
  font-weight: 500;
  margin-top: 4px;
}

.service-subtitle {
  color: var(--eerie-black);
  font-size: var(--font-size-xxl);
  font-weight: 600;
  font-family: var(--font-family-noto_sans_jp);
}

.it-color {
  color: #178fd2;
}

.music-color {
  color: #D1749A;
}

.service-01 {
  color: #178fd2;
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxxl);
  font-weight: 500;
  left: 6.77vw;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 24.95vw;
}



.service-description {
  font-size: 1rem;
  color: #555;
  margin: 1.5rem 0;
  line-height: 2rem;
}

.view-more {
  display: flex;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: var(--font-family-poppins);
  align-items: center;
}

.view-more div {
  text-decoration: underline;
  display: flex;
  align-items: center;
  gap: 10px ;
}

.ellipse-6 {
  border: 2px solid;
  border-color: #178fd2;
  border-radius: 25px;
  height: 25px;
  width: 25px;
  text-align: center;
  display: flex;
justify-content: center;
}

.ellipse-6 img{
  width:12px;
}

.ellipse-6-music{
  border-color:#D1749A;
}

.ellipse-6-news{
  border-color:#1A1A1A;
}


.news_company {
  align-items: center;
  align-self: stretch;
  background-color: #f1f2f3;
  border-radius: 3.12vw;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 0.36vw;
  justify-content: center;
  overflow: hidden;
  padding: 0.0vw 100.0vw;
  position: relative;
  width: 100%;
}

.frame-3-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: 9.9vw;
  height: 23.49vw;
  justify-content: center;
  position: relative;
  width: 100%;
}

.frame-1-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 1.98vw;
  height: 9.38vw;
  position: relative;
  width: 7.92vw;
}

.news-1 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(.25turn, rgb(209, 116, 154) 0%, rgb(23, 143, 210) 100%);
  background-clip: text;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.05vw;
  text-fill-color: transparent;
}

.text-1 {
  align-self: stretch;
  color: var(--eerie-black);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xxxxl);
  font-weight: 600;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  margin:50px 0px;
}

.view-all {
  height: 1.15vw;
  position: relative;
  width: 4.53vw;
}

.overlap-group-1 {
  border-radius: 0.57vw;
  height: 1.15vw;
  left: 3.28vw;
  position: absolute;
  top: 0;
  width: 1.15vw;
}



.ellipse-6-2 {
  border-color: var(--eerie-black);
}

.article {
  position: relative;
  width: 61.35vw;
}

.frame-11-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 0.89vw;
  position: relative;
  width: 61.35vw;
}

.rectangle-1 {
  background-color: var(--white);
  border-radius: 2.6vw;
  height: 5.21vw;
  position: relative;
  width: 61.35vw;
}

.date {
  top: 7.76vw;
}

.date-1 {
  top: 1.67vw;
}

.rectangle-6 {
  background-color: var(--gallery);
  border-radius: 1.25vw;
  height: 1.46vw;
  left: 5.47vw;
  position: absolute;
  top: 7.97vw;
  width: 4.11vw;
}

.date-2 {
  top: 13.85vw;
}

.date-3 {
  top: 19.95vw;
}

.text-9 {
  left: 6.61vw;
  letter-spacing: 0;
  line-height: 1.67vw;
  position: absolute;
  top: 7.76vw;
  white-space: nowrap;
  width: 1.88vw;
}

.rectangle-4 {
  background-color: var(--gallery);
  border-radius: 1.25vw;
  height: 1.46vw;
  left: 5.47vw;
  position: absolute;
  top: 1.88vw;
  width: 4.11vw;
}

.text-10 {
  left: 10.36vw;
  letter-spacing: 0;
  line-height: 1.67vw;
  position: absolute;
  top: 7.76vw;
  white-space: nowrap;
  width: 14.58vw;
}

.rectangle-8 {
  background-color: var(--gallery);
  border-radius: 1.25vw;
  height: 1.46vw;
  left: 5.47vw;
  position: absolute;
  top: 14.06vw;
  width: 4.11vw;
}

.rectangle-10 {
  background-color: var(--gallery);
  border-radius: 1.25vw;
  height: 1.46vw;
  left: 5.47vw;
  position: absolute;
  top: 20.16vw;
  width: 4.11vw;
}

.image-3 {
  height: 0.47vw;
  left: 59.06vw;
  position: absolute;
  top: 8.44vw;
  width: 0.73vw;
}

.text-11 {
  left: 6.3vw;
  letter-spacing: 0;
  line-height: 1.67vw;
  position: absolute;
  top: 1.67vw;
  white-space: nowrap;
  width: 2.5vw;
}

.text-12 {
  left: 6.3vw;
  letter-spacing: 0;
  line-height: 1.67vw;
  position: absolute;
  top: 13.85vw;
  white-space: nowrap;
  width: 2.5vw;
}

.it-5 {
  left: 6.61vw;
  letter-spacing: 0;
  line-height: 1.67vw;
  position: absolute;
  top: 19.95vw;
  white-space: nowrap;
  width: 1.82vw;
}

.text-13 {
  left: 10.36vw;
  letter-spacing: 0;
  line-height: 1.67vw;
  position: absolute;
  top: 1.67vw;
  white-space: nowrap;
  width: 14.58vw;
}

.text-14 {
  left: 10.36vw;
  letter-spacing: 0;
  line-height: 1.67vw;
  position: absolute;
  top: 13.85vw;
  white-space: nowrap;
  width: 14.58vw;
}

.text-15 {
  left: 10.36vw;
  letter-spacing: 0;
  line-height: 1.67vw;
  position: absolute;
  top: 19.95vw;
  white-space: nowrap;
  width: 14.58vw;
}

.image-4 {
  height: 0.47vw;
  left: 59.06vw;
  position: absolute;
  top: 2.34vw;
  width: 0.73vw;
}

.image-5 {
  height: 0.47vw;
  left: 59.06vw;
  position: absolute;
  top: 14.53vw;
  width: 0.73vw;
}

.image-6 {
  height: 0.47vw;
  left: 59.06vw;
  position: absolute;
  top: 20.62vw;
  width: 0.73vw;
}

.company {
  flex: 0 0 auto;
  width: 100%;
}

.frame-4-1 {
  align-items: flex-start;
  display: flex;
  gap: 9.84vw;
  height: 35.31vw;
  left: 7.29vw;
  position: absolute;
  top: 6.77vw;
  width: 75.0vw;
}

.frame-2-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 0.68vw;
  position: relative;
  width: 7.97vw;
}

.company-profile {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(.25turn, rgb(209, 116, 154) 0%, rgb(23, 143, 210) 100%);
  background-clip: text;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.05vw;
  text-fill-color: transparent;
}

.content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 2.03vw;
  margin-right: -4.17vw;
  position: relative;
  width: 61.35vw;
}

.line-1 {
  align-self: stretch;
  margin-top: -0.05vw;
  position: relative;
  width: 100%;
}

.group {
  height: 3.85vw;
  margin-right: -0.21vw;
  position: relative;
  width: 61.56vw;
}

.line {
  left: 0;
  position: absolute;
  top: 3.8vw;
  width: 61.35vw;
}

.text-container {
  align-items: flex-start;
  display: flex;
  gap: 10.42vw;
  height: 1.67vw;
  left: 1.56vw;
  min-width: 18.44vw;
  position: absolute;
  top: 0;
}

.text-2 {
  letter-spacing: 0;
  line-height: 1.67vw;
  min-width: 1.46vw;
  white-space: nowrap;
}

.text-17 {
  letter-spacing: 0;
  line-height: 1.67vw;
  white-space: nowrap;
}

.text-container-1 {
  gap: 6.77vw;
  min-width: 13.54vw;
}

.text-20 {
  letter-spacing: 0;
  line-height: 1.67vw;
  min-width: 5.1vw;
  white-space: nowrap;
}

.text-19 {
  letter-spacing: 0;
  line-height: 1.67vw;
  white-space: nowrap;
}

.text-container-2 {
  gap: 10.42vw;
  min-width: 15.36vw;
}

.text-21 {
  letter-spacing: 0;
  line-height: 1.67vw;
  white-space: nowrap;
}

.flex-row {
  align-items: flex-start;
  display: flex;
  gap: 8.96vw;
  height: 1.67vw;
  left: 1.56vw;
  min-width: 17.66vw;
  position: absolute;
  top: 0;
}

.text-23 {
  letter-spacing: 0;
  line-height: 1.67vw;
  min-width: 2.92vw;
  white-space: nowrap;
}

.it-6 {
  letter-spacing: 0;
  line-height: 1.67vw;
  white-space: nowrap;
}

.text-container-3 {
  gap: 10.42vw;
  min-width: 20.1vw;
}

.text-24 {
  letter-spacing: 0;
  line-height: 1.67vw;
  white-space: nowrap;
}

.flex-row-1 {
  align-items: flex-start;
  display: flex;
  gap: 9.69vw;
  height: 1.67vw;
  left: 1.56vw;
  min-width: 17.86vw;
  position: absolute;
  top: 0;
}

.text-26 {
  letter-spacing: 0;
  line-height: 1.67vw;
  min-width: 2.19vw;
  white-space: nowrap;
}

.tel-000-000-0000 {
  letter-spacing: 0;
  line-height: 1.67vw;
  white-space: nowrap;
}

.logo2-1 {
  height: 13.65vw;
  left: 2.6vw;
  object-fit: cover;
  position: absolute;
  top: 32.6vw;
  width: 18.18vw;
}

.contact {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  /* gap: 1.41vw; */
  min-height: 30vh;
  padding: 6.51vw 0;
  position: relative;
  width: 100%;
}

.contact-section {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 5vh;
  position: relative;
  width: 100%;
}

.place-1 {
  color: transparent;
  font-family: var(--font-family-poppins);
  font-size: 2.08vw;
  font-weight: 700;
  width: fit-content;
}

.contact-description {
  color: var(--eerie-black);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 30px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.footer {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  width: 100%;
}

.frame-17 {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 3vh 3vw;
  position: relative;
  width: 100%;
}

.frame-15 {
  align-items: center;
  display: flex;
  gap: 2vw;
}

.frame-15-item {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.05vw;
  position: relative;
  width: fit-content;
}

.frame-16 {
  align-items: center;
  align-self: stretch;
  background: linear-gradient(.25turn, rgb(209, 116, 154) 0%, rgb(23, 143, 210) 100%);
  display: flex;
  /* gap: 0.52vw; */
  height: 4vh;
  justify-content: center;
  /* padding: 0.26vw 43.39vw; */
  text-align: center;
  position: relative;
  width: 100%;
}

.mypop-co-ltd {
  color: var(--white);
  flex: 1;
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-s);
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.company-1 {
  align-self: stretch;
  position: relative;
}

.date-4 {
  left: 1.56vw;
  letter-spacing: 0;
  line-height: 1.67vw;
  position: absolute;
  white-space: nowrap;
  width: 3.12vw;
}

.ellipse-6-3 {
  border: 0.05vw solid;
  border-radius: 0.57vw;
  height: 1.15vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 1.15vw;
}

.line-2 {
  height: 0.05vw;
  object-fit: cover;
}

.news-2 {
  align-self: stretch;
  position: relative;
}

.place-2 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(.25turn, rgb(209, 116, 154) 0%, rgb(23, 143, 210) 100%);
  background-clip: text;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.05vw;
  position: relative;
  text-fill-color: transparent;
}

.text-container-4 {
  align-items: flex-start;
  display: flex;
  height: 1.67vw;
  left: 1.56vw;
  position: absolute;
  top: 0;
}

.company-tr {
  border-top: solid 1px #CCC;
  line-height: 20px;
}

.company-tr th {
  width: 40%;
}

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

  body {
    font-size: 14px;
  }

  .frame-1 {
    gap: 2vh;
  }

  .mainvisual {
    padding: 2vh 4vw;
  }


  .theme_color_button {
    min-height: 10px;
  }

  .theme_color_button_sm {
    min-height: 10px;
    font-size: 14px;
  }

  .header_n_impact {
    background-image: url("../img/mainvisual.png");
    background-size: cover;
    background-position: center;
  }


  .header_n_impact {
    background-image: url("../img/mainvisual.png");
    background-size: cover;
    background-position: center;
  }

  .service-container {
    flex-direction: column;
  }

  .service-it {
    margin: 0;
  }

  .service-music {
    margin: 0;
  }

  .service-card {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    /* margin: 5rem ; */
    text-align: left;
    position: relative;
    margin: 0 5vw;
    /* flex: 1; */
  }

  .about {
    flex-direction: column;
  }

  .text-3 {
    font-size: 2.5rem;
  }


  .it-1 {
    font-size: calc(var(--font-size-xxxxl)*0.7);
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .it-2 {
    /* font-size: var(--font-size-xl)*0.8; */
    line-height: calc(var(--font-size-xl) * 2*0.8);
    font-size: 14px;
    margin: 1vh 0;
  }

  .frame-23 {
    flex-direction: column-reverse;
  }

  .frame-6 {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-grow: 1;
    gap: 5.21vw;
    justify-content: center;
    position: relative;
  }

  .text-1 {
    margin: 10px 0px;
  }

  .service-description {
    font-size: 14px;
    line-height: 24px;
  }

  .place {
    align-self: stretch;
  }

  .frame-7 {
    display: flex;
    gap: 0.78vw 1.67vw;
    flex-direction: column-reverse;
    margin-top: 5vh;
  }

  .frame-22 {
    justify-content: flex-end;
  }

  .services {
    text-align: center;
    padding: 3rem 0;
    background-image: url("../img/service.png");
    background-size: cover;
    background-position: center center;
    width: 100%;

  }

  .news {
    padding: 10px 18px;
  }

  .contact-section {
    gap: 1vh;
  }

  .contact-description {
    font-size: 14px;
  }

  .section-title {
    font-size: 2rem;
  }

  .text-1 {
    font-size: calc(var(--font-size-xxxxl)*0.8);
  }

  .frame-17 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 3vh 3vw;
    flex-direction: column;
    width: 100%;
  }

  .logo-1 {
    width: 40vw;
  }

  .logo-2 {
    width: 50vw;
  }

  .frame-15 {
    margin-top: 5vh;
    margin-bottom: 3vh;
    gap: 5vw;
  }

  .fade {
    width: 90vw;
  }

  .image-1 {
    height: 0.46vw;
    position: relative;
    width: 0.73vw;
  }

  .mask-group-1 {
    height: 100%;
    position: relative;
    width: 100%;
  }
}