@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&family=Roboto+Mono&display=swap);
body {
  background-color: #040000;
}

.p-lifestyle {
  align-items: center;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  height: 100vh;
  justify-content: center;
  padding: 24px;
  width: 100%;
}
.p-lifestyle__inner {
  box-sizing: border-box;
  max-height: 100%;
  overflow: auto;
  padding: 24px;
  text-align: center;
}
.p-lifestyle__layer {
  display: inline-block;
  text-align: left;
}
.p-lifestyle__hd {
  color: #fff;
  font-size: 6.86875rem;
  font-family: "Roboto", sans-serif;
  font-weight: 500 !important;
  margin-bottom: 2.1875rem;
  text-align: left;
}
.p-lifestyle__btn-back {
  margin-top: 3.171875rem;
}
.p-lifestyle__btn-back a {
  align-items: center;
  background-color: #2bb8ed;
  color: #fff;
  display: flex;
  height: 3.084375rem;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  width: 11.659375rem;
}
.p-lifestyle__btn-back span {
  display: inline-block;
  font-size: 1.3125rem;
  font-family: "Roboto", sans-serif;
  font-weight: 500 !important;
  padding-left: 2.296875rem;
  padding-right: 1.203125rem;
  position: relative;
}
.p-lifestyle__btn-back span::after {
  background: url(../images/lifestyle/ico-arrow-01.svg) 0% 0% no-repeat;
  background-size: 100% 100%;
  content: "";
  display: block;
  height: 0.2625rem;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 1.378125rem;
}
.p-lifestyle.--age .p-lifestyle__items {
  background: url(../images/lifestyle/bg-age-01.svg) 100% 0% no-repeat;
  background-size: 0.721875rem auto;
  box-sizing: border-box;
  margin-bottom: -0.984375rem;
  display: flex;
  flex-wrap: wrap;
  padding-right: 2.975rem;
  width: 23.471875rem;
}
.p-lifestyle.--age .p-lifestyle__items__item {
  border: 1px solid #2bb8ed;
  box-sizing: border-box;
  height: 4.50625rem;
  margin-right: 0.984375rem;
  margin-bottom: 0.984375rem;
  position: relative;
  width: 5.184375rem;
}
.p-lifestyle.--age .p-lifestyle__items__item::after {
  background: #2bb8ed;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
  content: "";
  display: block;
  height: 0.74375rem;
  position: absolute;
  right: -1px;
  top: -1px;
  width: 0.875rem;
}
.p-lifestyle.--age .p-lifestyle__items__item:nth-child(3n) {
  margin-right: 0;
}
.p-lifestyle.--age .p-lifestyle__items__item.--is-blank {
  border: 0;
}
.p-lifestyle.--age .p-lifestyle__items__item.--is-blank::after {
  display: none;
}
.p-lifestyle.--age .p-lifestyle__items__item a {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 1.05rem;
  font-family: "Roboto", sans-serif;
  font-weight: 500 !important;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.p-lifestyle.--types .p-lifestyle__items {
  display: flex;
  flex-direction: column;
}
.p-lifestyle.--types .p-lifestyle__items__item {
  border: 2px solid #2bb8ed;
  box-sizing: border-box;
  margin-bottom: 1.225rem;
}
.p-lifestyle.--types .p-lifestyle__items__item:last-child {
  margin-bottom: 0;
}
.p-lifestyle.--types .p-lifestyle__items__item a {
  align-items: flex-start;
  color: #fff;
  display: flex;
  flex-direction: column;
  padding: 0.65625rem 0.875rem;
}
.p-lifestyle.--types .p-lifestyle__items__item a span:nth-child(1) {
  font-size: 1.6625rem;
  font-family: "Roboto", sans-serif;
  font-weight: 500 !important;
  position: relative;
}
.p-lifestyle.--types .p-lifestyle__items__item a span:nth-child(1)::after {
  background: #fff;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
.p-lifestyle.--types .p-lifestyle__items__item a span:nth-child(2) {
  font-size: 0.809375rem;
  margin-top: 0.8em;
}
.p-lifestyle.--problem .p-lifestyle__items {
  display: flex;
  flex-direction: column;
}
.p-lifestyle.--problem .p-lifestyle__items__item {
  border: 2px solid #2bb8ed;
  box-sizing: border-box;
  margin-bottom: 0.6125rem;
}
.p-lifestyle.--problem .p-lifestyle__items__item:last-child {
  margin-bottom: 0;
}
.p-lifestyle.--problem .p-lifestyle__items__item a {
  align-items: flex-start;
  color: #fff;
  display: flex;
  font-size: 1.05rem;
  flex-direction: column;
  padding: 0.65625rem 1.3125rem;
}
.p-lifestyle.--texture .p-lifestyle__items {
  display: flex;
  flex-direction: column;
}
.p-lifestyle.--texture .p-lifestyle__items__item {
  border: 2px solid #2bb8ed;
  box-sizing: border-box;
  margin-bottom: 0.6125rem;
}
.p-lifestyle.--texture .p-lifestyle__items__item:last-child {
  margin-bottom: 0;
}
.p-lifestyle.--texture .p-lifestyle__items__item a {
  align-items: flex-start;
  color: #fff;
  display: flex;
  font-size: 1.05rem;
  flex-direction: column;
  padding: 1.09375rem 1.3125rem;
}
.p-lifestyle.--gift .p-lifestyle__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: -1.96875rem;
  width: 21.04375rem;
}
.p-lifestyle.--gift .p-lifestyle__items__item {
  aspect-ratio: 1/1;
  box-sizing: border-box;
  border: 4px solid #2bb8ed;
  margin-bottom: 1.96875rem;
  width: 9.5375rem;
}
.p-lifestyle.--gift .p-lifestyle__items__item a {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 0.984375rem;
  height: 100%;
  justify-content: center;
}
@media screen and (max-width: 1179px){
  .p-lifestyle {
    height: auto;
    display: block;
  }
  .p-lifestyle__inner {
    max-height: none;
    padding: 0;
  }
  .p-lifestyle__hd {
    font-size: 3.925rem;
  }
  .p-lifestyle.--age .p-lifestyle__items {
    margin-bottom: -3%;
    padding-right: 10vw;
    width: 100%;
  }
  .p-lifestyle.--age .p-lifestyle__items__item {
    margin-right: 3%;
    margin-bottom: 3%;
    width: 30%;
  }
  .p-lifestyle.--gift .p-lifestyle__items {
    margin-bottom: -8%;
    width: 100%;
  }
  .p-lifestyle.--gift .p-lifestyle__items__item {
    width: 46%;
    margin-bottom: 8%;
  }
}
/*# sourceMappingURL=../map/lifestyle.css.map */