/* ----------------------------------------------------------------
    Centering Content
----------------------------------------------------------------- */
.l-topContent-mv__inner, .l-topContent-area__inner {
  margin: auto 20px;
  max-width: 1200px;
  min-width: 280px;
}

@media only screen and (min-width: 768px) {
  .l-topContent-mv__inner, .l-topContent-area__inner {
    margin: auto 20px;
  }
}

@media only screen and (min-width: 1240px) {
  .l-topContent-mv__inner, .l-topContent-area__inner {
    margin: auto;
  }
}

/* ----------------------------------------------------------------
    Pseudo element (Block)
----------------------------------------------------------------- */
.unq-top-mvLink::before, .l-topContent-area--lifestage .l-topContent-area__inner::before, .l-topContent-area--event .l-topContent-area__inner::before, .unq-top-carousel::before, .unq-top-carousel::after, .unq-top-lineup__text::before, .unq-top-lifestage__title::before, .unq-top-event__link::after, .unq-top-event__buttonItem::after, .unq-top-infoList__link::after, .unq-top-infoList02__link::before {
  display: block;
  content: "";
}

/* ----------------------------------------------------------------
    Margin Reset
----------------------------------------------------------------- */
.unq-top-mvHdg__subText > :first-child, .l-topContent-area__inner > :first-child, .unq-top-event__heading > :first-child, .unq-top-event__content > :first-child, .unq-top-infoList__link > :first-child, .unq-top-infoList__text > :first-child {
  margin-top: 0;
}

.unq-top-mvHdg__subText > :last-child, .l-topContent-area__inner > :last-child, .unq-top-event__heading > :last-child, .unq-top-event__content > :last-child, .unq-top-infoList__link > :last-child, .unq-top-infoList__text > :last-child {
  margin-bottom: 0;
}

/* ----------------------------------------------------------------
  Link Angle
----------------------------------------------------------------- */
.unq-top-mvLink::before {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml; charset=utf-8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%20100%20100%22%3e%3cdefs%3e%3cstyle%3e%2ecls%2d1%7bfill%3a%230096b2;%7d%2ecls%2d2%7bfill%3a%23fff;%7d%3c%2fstyle%3e%3c%2fdefs%3e%3ccircle%20class%3d%22cls%2d1%22%20cx%3d%2250%22%20cy%3d%2250%22%20r%3d%2250%22%2f%3e%3cpath%20class%3d%22cls%2d2%22%20d%3d%22M46%2e09%2070%2e31a3%2e13%203%2e13%200%200%201%2d2%2e31%2d5%2e23l14%2e13%2d15%2e57%2d14%2e06%2d14%2e51a3%2e13%203%2e13%200%200%201%204%2e49%2d4%2e35l16%2e1%2016%2e62a3%2e13%203%2e13%200%200%201%20%2e07%204%2e28l%2d16%2e1%2017%2e73a3%2e14%203%2e14%200%200%201%2d2%2e32%201%2e03z%22%2f%3e%3c%2fsvg%3e");
  background-repeat: no-repeat;
  background-size: 24px 24px;
}

.unq-top-lineup__text::before, .unq-top-infoList02__link::before {
  background-image: url("data:image/svg+xml; charset=utf-8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%20100%20100%22%20fill%3d%22%230099b3%22%3e%3cpath%20d%3d%22M28%2e42%2099%2e49l%2d7%2e91%2d7%2e86a1%2e74%201%2e74%200%200%201%200%2d2%2e46l38%2e19%2d37%2e94a1%2e72%201%2e72%200%200%200%200%2d2%2e46l%2d38%2e19%2d37%2e94a1%2e74%201%2e74%200%200%201%200%2d2%2e46l7%2e91%2d7%2e86a1%2e76%201%2e76%200%200%201%202%2e48%200l48%2e59%2048%2e26a1%2e74%201%2e74%200%200%201%200%202%2e46l%2d48%2e59%2048%2e26a1%2e76%201%2e76%200%200%201%2d2%2e48%200z%22%2f%3e%3c%2fsvg%3e");
  background-repeat: no-repeat;
  background-size: 10px 10px;
  height: 10px;
  width: 10px;
}

/* ----------------------------------------------------------------
  .l-topContent-mv
----------------------------------------------------------------- */
.l-topContent-mv {
  background-image: url(./img.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.l-topContent-mv__inner {
  padding-bottom: 20px;
  padding-top: 180px;
}

@media only screen and (min-width: 768px) {
  .l-topContent-mv__inner {
    padding-bottom: 0;
    padding-top: 300px;
  }
}

/* ----------------------------------------------------------------
.unq-top-mvHdg
----------------------------------------------------------------- */
.unq-top-mvHdg {
  margin-bottom: 25px;
}

.unq-top-mvHdg__title {
  font-size: 2.2rem;
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 1.7;
  margin-bottom: 20px;
  text-shadow: 0 0 2px #fff, 0 0 10px #fff;
}

.unq-top-mvHdg--color01 .unq-top-mvHdg__title {
  color: #fff;
  text-shadow: 0 0 2px #000, 0 0 10px #000;
}

@media only screen and (min-width: 768px) {
  .unq-top-mvHdg {
    margin-bottom: 17px;
  }
  .unq-top-mvHdg__title {
    font-size: 3.6rem;
    margin-bottom: 15px;
  }
}

/* ----------------------------------------------------------------
  .unq-top-mvLink
----------------------------------------------------------------- */
.unq-top-mvLink {
  display: inline-block;
  position: relative;
}

.unq-top-mvLink__txt {
  color: #333;
  display: inline-block;
  padding-left: 35px;
  text-shadow: 0 0 5px #fff, 0 0 10px #fff;
  word-break: break-all;
  word-wrap: break-word;
}

.unq-top-mvLink::before {
  left: 0;
  position: absolute;
  top: 2px;
}

.unq-top-mvLink--color01 .unq-top-mvLink__txt {
  color: #fff;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.8), 0 0 10px #000;
}

@media only screen and (min-width: 768px) {
  .unq-top-mvLink__txt {
    -webkit-text-decoration: underline transparent;
    text-decoration: underline transparent;
    transition: -webkit-text-decoration 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: text-decoration 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: text-decoration 0.5s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-text-decoration 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .unq-top-mvLink:hover .unq-top-mvLink__txt, .unq-top-mvLink:focus .unq-top-mvLink__txt {
    text-decoration: underline;
    -webkit-text-decoration-color: #333;
    text-decoration-color: #333;
  }
  .unq-top-mvLink::before {
    top: 5px;
  }
}

/* ----------------------------------------------------------------
.l-topContent-area
----------------------------------------------------------------- */
.l-topContent-area {
  overflow: hidden;
}

.l-topContent-area__inner {
  padding-bottom: 30px;
  padding-top: 30px;
}

.l-topContent-area--navi {
  background-color: #0099b3;
  color: #fff;
}

.l-topContent-area--navi .l-topContent-area__inner {
  padding-bottom: 20px;
  padding-top: 20px;
}

.l-topContent-area--important .l-topContent-area__inner {
  padding-bottom: 0;
  padding-top: 25px;
}

.l-topContent-area--image {
  background-image: url(/-/media/tb/home/img/bg-area-image.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 4px solid #fff;
  margin-top: 30px;
}

.l-topContent-area--lineup .l-topContent-area__inner {
  padding-bottom: 55px;
}

.l-topContent-area--lifestage .l-topContent-area__inner {
  position: relative;
}

.l-topContent-area--lifestage .l-topContent-area__inner::before {
  background-image: url(/-/media/tb/home/img/bg-area-lineup-02.png);
  background-repeat: no-repeat;
  background-size: contain;
  height: 300px;
  left: -25px;
  max-width: 340px;
  position: absolute;
  top: 0;
  width: 100%;
}

.l-topContent-area--privatebanking .l-topContent-area__inner {
  padding-bottom: 50px;
  padding-top: 0;
}

.l-topContent-area--event {
  margin-bottom: 50px;
}

.l-topContent-area--event .l-topContent-area__inner {
  padding: 0;
  position: relative;
}

.l-topContent-area--info .l-topContent-area__inner {
  padding-bottom: 65px;
  padding-top: 0;
}

.l-topContent-area--banner .l-topContent-area__inner {
  padding-bottom: 40px;
  padding-top: 0;
}

.l-topContent-area--links {
  background-color: #edf7fa;
}

.l-topContent-area--links .l-topContent-area__content {
  margin-bottom: 30px;
}

.l-topContent-area--links .l-topContent-area__content02Lead {
  font-size: 1.8rem;
  margin-bottom: 20px;
}

.l-topContent-area--links .l-topContent-area__content02Media {
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .l-topContent-area--lifestage .l-topContent-area__inner {
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) {
  .l-topContent-area__inner {
    padding-bottom: 80px;
    padding-top: 80px;
  }
  .l-topContent-area--navi {
    display: none;
  }
  .l-topContent-area--important .l-topContent-area__inner {
    padding-bottom: 0;
  }
  .l-topContent-area--image {
    margin-top: 80px;
  }
  .l-topContent-area--image .l-topContent-area__inner {
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .l-topContent-area--lineup .l-topContent-area__inner {
    padding-bottom: 85px;
  }
  .l-topContent-area--lifestage .l-topContent-area__inner::before {
    background-image: url(/-/media/tb/home/img/bg-area-lineup-01.png);
    height: 540px;
    left: -80px;
    max-width: 1080px;
  }
  .l-topContent-area--privatebanking .l-topContent-area__inner {
    padding-bottom: 80px;
  }
  .l-topContent-area--event {
    margin-bottom: 90px;
  }
  .l-topContent-area--event .l-topContent-area__inner::before {
    background-color: #edf7fa;
    height: 100%;
    position: absolute;
    right: 100%;
    top: 0;
    width: calc((100vw - 50%) / 2);
  }
  .l-topContent-area--banner .l-topContent-area__inner {
    padding-bottom: 60px;
  }
  .l-topContent-area--links .l-topContent-area__inner {
    display: flex;
    padding-bottom: 50px;
    padding-top: 50px;
  }
  .l-topContent-area--links .l-topContent-area__content {
    flex-basis: 69.58333%;
    margin-bottom: 0;
    max-width: 69.58333%;
    padding-right: 60px;
  }
  .l-topContent-area--links .l-topContent-area__content02 {
    flex-basis: 30.41667%;
    max-width: 30.41667%;
  }
  .l-topContent-area--links .l-topContent-area__content02Lead {
    font-size: 2.4rem;
    line-height: 1.2;
  }
  .l-topContent-area--links .l-topContent-area__content02Media {
    margin-bottom: 25px;
  }
}

/* ----------------------------------------------------------------
.unq-top-hdg
----------------------------------------------------------------- */
.unq-top-hdg {
  margin-bottom: 25px;
  position: relative;
}

.unq-top-hdg__title {
  font-size: 2.2rem;
  font-weight: 400;
  line-height: 1.4;
}

@media only screen and (min-width: 768px) {
  .unq-top-hdg {
    margin-bottom: 40px;
  }
  .unq-top-hdg__title {
    color: #000;
    font-size: 3.6rem;
  }
  .unq-top-hdg--min {
    margin-bottom: 20px;
  }
  .unq-top-hdg--min .unq-top-hdg__title {
    font-size: 2.8rem;
  }
}

/* ----------------------------------------------------------------
.unq-top-carousel
----------------------------------------------------------------- */
.unq-top-carousel {
  position: relative;
}

.unq-top-carousel__inner {
  margin: 0 auto;
  width: 100%;
}

.unq-top-carousel__content {
  display: flex;
  position: relative;
}

.js-on .unq-top-carousel__list {
  display: flex;
  flex-wrap: nowrap;
}

.unq-top-carousel__list.is-animate {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}

.unq-top-carousel__list.is-swipe {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}

.unq-top-carousel__list.is-update {
  transition: none !important;
}

.unq-top-carousel__link {
  display: block;
  padding: 0 5px;
}

.unq-top-carousel__media {
  width: 100%;
}

.unq-top-carousel__tool {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: center;
  line-height: 1;
  margin: 0 auto;
  position: relative;
  width: 100%;
}

.unq-top-carousel__tool::before {
  background-color: #fff;
  content: "";
  height: 100%;
  left: 51%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
}

.unq-top-carousel__arrow {
  overflow: hidden;
  position: relative;
}

.unq-top-carousel__arrowButton {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border-radius: 4px;
  height: 34px;
  transition: opacity 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  width: 34px;
}

.unq-top-carousel__arrowButton:focus {
  opacity: .75;
}

.unq-top-carousel__arrowImage {
  height: 18px;
  width: 18px;
}

.unq-top-carousel__controlButton {
  background-color: #fff;
  cursor: pointer;
  height: 34px;
  position: relative;
  width: 34px;
}

.unq-top-carousel__controlButton::before, .unq-top-carousel__controlButton::after {
  background-color: #0096b2;
  content: "";
  height: 20px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 3px;
}

.unq-top-carousel__controlButton::before {
  margin-left: -6px;
}

.unq-top-carousel__controlButton::after {
  margin-left: 6px;
}

.unq-top-carousel__controlButton.is-press::before {
  background-color: #0096b2;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  height: 20px;
  margin-left: 3px;
  width: 14px;
}

.unq-top-carousel__controlButton.is-press::after {
  display: none;
}

.unq-top-carousel__indicator {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 16px;
  position: relative;
}

.unq-top-carousel__dot {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 30px;
}

.unq-top-carousel__dot:last-child {
  margin-right: 0;
}

.unq-top-carousel__dotButton {
  background-image: url("data:image/svg+xml; charset=utf-8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2014%2014%22%20fill%3d%22%23fff%22%3e%3cdefs%3e%3cstyle%3e%2ecls%2d1%20%7bstroke%3a%20%23999;stroke%2dwidth%3a%202px;%7d%3c%2fstyle%3e%3c%2fdefs%3e%3ccircle%20class%3d%22cls%2d1%22%20cx%3d%227%22%20cy%3d%227%22%20r%3d%226%22%2f%3e%3c%2fsvg%3e");
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  height: 12px;
  width: 12px;
}

.unq-top-carousel__dotButton.is-current {
  background-image: url("data:image/svg+xml; charset=utf-8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2014%2014%22%20fill%3d%22%230099b3%22%3e%3ccircle%20class%3d%22cls%2d1%22%20cx%3d%227%22%20cy%3d%227%22%20r%3d%226%22%2f%3e%3c%2fsvg%3e");
}

.unq-top-carousel__toolText {
  color: transparent;
  display: block;
  height: 0;
  overflow: hidden;
  white-space: nowrap;
  width: 0;
}

@media only screen and (max-width: 767px) {
  .unq-top-carousel__content {
    left: 50%;
    margin-bottom: 0;
    top: 0;
    transform: translateX(-50%);
    width: 250px;
  }
  .unq-top-carousel__list {
    display: flex;
  }
  .unq-top-carousel__item {
    position: relative;
  }
  .unq-top-carousel__item::before {
    background-color: rgba(0, 0, 0, 0);
    content: "";
    height: 100%;
    left: 0;
    margin: 0 auto;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 240px;
    z-index: 1;
  }
  .unq-top-carousel__item[aria-hidden="true"]::before {
    background-color: rgba(0, 0, 0, 0.4);
    transition: .3s background-color ease-in-out;
  }
  .unq-top-carousel__tool {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
  }
  .unq-top-carousel__tool::before {
    display: none;
  }
  .unq-top-carousel__indicator, .unq-top-carousel__control {
    display: none;
  }
  .unq-top-carousel__arrow--prev {
    left: -500%;
    position: absolute;
  }
  .unq-top-carousel__arrow--next {
    right: -500%;
  }
}

@media only screen and (min-width: 768px) {
  .unq-top-carousel {
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0.5) 66%, transparent 66%);
    width: 100%;
  }
  .unq-top-carousel::before, .unq-top-carousel::after {
    background-color: rgba(255, 255, 255, 0.5);
    bottom: 0;
    height: 66%;
    position: absolute;
    width: calc((100vw - 100%) / 2);
  }
  .unq-top-carousel::before {
    right: 100%;
  }
  .unq-top-carousel::after {
    left: 100%;
  }
  .unq-top-carousel__inner {
    margin: 0 0 0 -14px;
    position: relative;
  }
  .unq-top-carousel__content {
    margin-bottom: 19px;
    overflow: hidden;
  }
  .unq-top-carousel__list {
    display: flex;
    padding-bottom: 6px;
    padding-top: 6px;
  }
  .unq-top-carousel__link:hover .unq-top-carousel__media, .unq-top-carousel__link:focus .unq-top-carousel__media {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  }
  .unq-top-carousel__media {
    transition: box-shadow 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .unq-top-carousel__arrowButton:hover, .unq-top-carousel__arrowButton:focus {
    opacity: .75;
  }
  .js-on .unq-top-carousel .unq-top-carousel__item {
    flex-shrink: 0;
  }
  .unq-top-carousel.is-static .unq-top-carousel__inner {
    padding-left: 0;
  }
  .unq-top-carousel.is-static .unq-top-carousel__body {
    width: 100%;
  }
  .unq-top-carousel.is-static .unq-top-carousel__list {
    justify-content: center;
  }
}

/* ----------------------------------------------------------------
.unq-top-navi
----------------------------------------------------------------- */
.unq-top-navi__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 -2px -2px;
}

.unq-top-navi__item {
  flex-basis: calc(25% - 2px);
  margin: 0 0 2px 2px;
  max-width: calc(25% - 2px);
  min-height: 94px;
  position: relative;
}

.unq-top-navi__item--02 .unq-top-navi__text {
  font-size: 1rem;
  line-height: 1.4;
}

.unq-top-navi__item--02 .unq-top-navi__media {
  height: 45px;
  width: 45px;
}

.unq-top-navi__link {
  align-items: center;
  background-color: #fff;
  color: #000;
  display: flex;
  flex-direction: column-reverse;
  height: 100%;
  justify-content: flex-end;
  padding: 5px 5px 10px;
  text-align: center;
}

.unq-top-navi__text {
  font-size: 1.4rem;
  line-height: 1.2;
  width: 100%;
}

.unq-top-navi__icon {
  margin-bottom: 10px;
}

.unq-top-navi__media {
  height: 40px;
  min-height: calc(0%);
  width: 40px;
}

/* ----------------------------------------------------------------
.unq-top-lineup
----------------------------------------------------------------- */
.unq-top-lineup {
  margin-bottom: 30px;
}

.unq-top-lineup__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: -15px;
}

.unq-top-lineup__item {
  flex-basis: calc(50% - 10px);
  margin-top: 15px;
  max-width: calc(50% - 10px);
}

.unq-top-lineup__link {
  color: #333;
  display: block;
}

.unq-top-lineup__media {
  text-align: center;
}

.unq-top-lineup__text {
  padding-left: 15px;
  position: relative;
}

.unq-top-lineup__text::before {
  left: 0;
  position: absolute;
  top: 8px;
}

@media only screen and (min-width: 768px) {
  .unq-top-lineup {
    margin-bottom: 50px;
  }
  .unq-top-lineup__list {
    margin-top: -30px;
  }
  .unq-top-lineup__item {
    flex-basis: calc(25% - 1.6%);
    margin-top: 30px;
    max-width: calc(25% - 1.6%);
  }
  .unq-top-lineup__link:hover .unq-top-lineup__media, .unq-top-lineup__link:focus .unq-top-lineup__media {
    opacity: .75;
  }
  .unq-top-lineup__media {
    margin-bottom: 5px;
    transition: opacity 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .unq-top-lineup__text::before {
    top: 11px;
  }
}

/* ----------------------------------------------------------------
.unq-top-lifestage
----------------------------------------------------------------- */
.unq-top-lifestage {
  border-bottom: 2px solid #eee;
  margin-bottom: 30px;
  padding-bottom: 30px;
  position: relative;
}

.unq-top-lifestage__lead {
  letter-spacing: .05em;
  margin-bottom: 50px;
  max-width: 300px;
}

.unq-top-lifestage__inner {
  position: relative;
}

.unq-top-lifestage__body {
  overflow: hidden;
}

.js-on .unq-top-lifestage__list {
  display: flex;
  flex-wrap: nowrap;
}

.unq-top-lifestage__list.is-animate {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}

.unq-top-lifestage__list.is-swipe {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}

.unq-top-lifestage__list.is-update {
  transition: none !important;
}

.unq-top-lifestage__link {
  color: #333;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.unq-top-lifestage__linkInner {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
}

.unq-top-lifestage__media {
  margin-bottom: 15px;
  min-height: calc(0%);
  text-align: center;
}

.unq-top-lifestage__title {
  font-size: 1.8rem;
  margin-bottom: 10px;
  padding-bottom: 5px;
  position: relative;
}

.unq-top-lifestage__title::before {
  background-image: url("data:image/svg+xml; charset=utf-8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%20100%20100%22%20fill%3d%22%239c0%22%3e%3ccircle%20class%3d%22st0%22%20cx%3d%2220%22%20cy%3d%2250%22%20r%3d%2220%22%2f%3e%3c%2fsvg%3e");
  background-repeat: repeat-x;
  background-size: 10px 10px;
  bottom: 0;
  height: 10px;
  left: 0;
  position: absolute;
  width: 100%;
}

.unq-top-lifestage__title--color-02::before {
  background-image: url("data:image/svg+xml; charset=utf-8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%20100%20100%22%20fill%3d%22%2300979c%22%3e%3ccircle%20class%3d%22st0%22%20cx%3d%2220%22%20cy%3d%2250%22%20r%3d%2220%22%2f%3e%3c%2fsvg%3e");
}

.unq-top-lifestage__title--color-03::before {
  background-image: url("data:image/svg+xml; charset=utf-8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%20100%20100%22%20fill%3d%22%23409ad6%22%3e%3ccircle%20class%3d%22st0%22%20cx%3d%2220%22%20cy%3d%2250%22%20r%3d%2220%22%2f%3e%3c%2fsvg%3e");
}

.unq-top-lifestage__accent {
  font-size: 3.2rem;
  font-weight: 400;
}

.unq-top-lifestage__text {
  margin-bottom: 15px;
}

.unq-top-lifestage__icon {
  margin-top: auto;
}

.unq-top-lifestage__iconImage {
  height: 28px;
  width: 28px;
}

.unq-top-lifestage__tool {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: space-between;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.unq-top-lifestage__arrow + .unq-top-lifestage__arrow {
  margin-left: 15px;
}

.unq-top-lifestage__arrowButton {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
}

.unq-top-lifestage__arrowButton:disabled {
  opacity: .5;
}

.unq-top-lifestage__arrowImage {
  height: 18px;
  width: 18px;
}

@media only screen and (max-width: 767px) {
  .unq-top-lifestage__inner {
    padding-right: 20px;
  }
  .unq-top-lifestage__item + .unq-top-lifestage__item {
    margin-top: 20px;
  }
  .js-on .unq-top-lifestage .unq-top-lifestage__inner {
    padding-left: 18.66667%;
    padding-right: 9.33333%;
  }
  .js-on .unq-top-lifestage .unq-top-lifestage__content {
    position: relative;
    top: 0;
  }
  .js-on .unq-top-lifestage .unq-top-lifestage__body {
    margin-right: -13.72549%;
  }
  .js-on .unq-top-lifestage .unq-top-lifestage__list {
    display: flex;
  }
  .js-on .unq-top-lifestage .unq-top-lifestage__item {
    margin-top: 0;
    padding: 0 5px;
  }
}

@media only screen and (min-width: 768px) {
  .unq-top-lifestage {
    padding-bottom: 70px;
  }
  .unq-top-lifestage__lead {
    max-width: none;
  }
  .unq-top-lifestage__list {
    display: flex;
  }
  .unq-top-lifestage__item {
    width: calc(100% / 3);
  }
  .unq-top-lifestage__item + .unq-top-lifestage__item {
    margin-left: 3.75%;
  }
  .unq-top-lifestage__link {
    background-color: #fff;
  }
  .unq-top-lifestage__link:hover .unq-top-lifestage__media,
  .unq-top-lifestage__link:hover .unq-top-lifestage__iconImage, .unq-top-lifestage__link:focus .unq-top-lifestage__media,
  .unq-top-lifestage__link:focus .unq-top-lifestage__iconImage {
    opacity: .75;
  }
  .unq-top-lifestage__media {
    transition: opacity 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .unq-top-lifestage__title {
    font-size: 2.4rem;
    margin-bottom: 15px;
  }
  .unq-top-lifestage__accent {
    font-size: 4rem;
  }
  .unq-top-lifestage__text {
    margin-bottom: 20px;
  }
  .unq-top-lifestage__iconImage {
    height: 36px;
    transition: opacity 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    width: 36px;
  }
  .unq-top-lifestage__tool {
    display: none;
  }
}

/* ----------------------------------------------------------------
.unq-top-privatebanking
----------------------------------------------------------------- */
.unq-top-privatebanking__inner {
  text-align: center;
}

.unq-top-privatebanking__item {
  display: inline-block;
}

@media only screen and (min-width: 768px) {
  .unq-top-privatebanking {
    margin-top: 30px;
  }
  .unq-top-privatebanking__item {
    transition: opacity 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .unq-top-privatebanking__item:hover, .unq-top-privatebanking__item:focus {
    opacity: .9;
  }
}

/* ----------------------------------------------------------------
.unq-top-event
----------------------------------------------------------------- */
.unq-top-event__heading {
  margin-bottom: 20px;
}

.unq-top-event__list {
  border-bottom: 1px solid #eee;
  margin-bottom: 30px;
}

.unq-top-event__item {
  border-top: 1px solid #eee;
}

.unq-top-event__link {
  display: block;
  padding: 15px 40px 15px 0;
  position: relative;
}

.unq-top-event__link::after {
  background-image: url("data:image/svg+xml; charset=utf-8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%20100%20100%22%20fill%3d%22%230099B3%22%3e%3cpolygon%20points%3d%2226%2e75,100%2022,95%2e15%2068%2e28,50%2022,4%2e85%2026%2e75,0%2078,50%20	%22%2f%3e%3c%2fsvg%3e");
  background-size: 22px 22px;
  height: 22px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
}

.unq-top-event__linkTitle {
  font-size: 1.8rem;
}

.unq-top-event__linkText {
  color: #333;
  font-size: 1.3rem;
}

.unq-top-event__buttonItem {
  align-items: center;
  background-color: #fff;
  border: 2px solid #0099b3;
  color: #006680;
  display: flex;
  flex-direction: row-reverse;
  line-height: 1.5;
  padding: 19px 40px 19px 20px;
  position: relative;
  text-align: center;
  width: 100%;
}

.unq-top-event__buttonItem::after {
  background-image: url("data:image/svg+xml; charset=utf-8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%20100%20100%22%20fill%3d%22%230099b3%22%3e%3cpath%20d%3d%22M28%2e42%2099%2e49l%2d7%2e91%2d7%2e86a1%2e74%201%2e74%200%200%201%200%2d2%2e46l38%2e19%2d37%2e94a1%2e72%201%2e72%200%200%200%200%2d2%2e46l%2d38%2e19%2d37%2e94a1%2e74%201%2e74%200%200%201%200%2d2%2e46l7%2e91%2d7%2e86a1%2e76%201%2e76%200%200%201%202%2e48%200l48%2e59%2048%2e26a1%2e74%201%2e74%200%200%201%200%202%2e46l%2d48%2e59%2048%2e26a1%2e76%201%2e76%200%200%201%2d2%2e48%200z%22%2f%3e%3c%2fsvg%3e");
  background-repeat: no-repeat;
  background-size: 12px 12px;
  height: 12px;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
}

.unq-top-event__buttonText {
  flex-grow: 1;
}

.unq-top-event__buttonMainText {
  color: #333;
  display: inline-block;
}

.unq-top-event__buttonSubText {
  color: #bb3015;
  display: block;
  font-size: 1.2rem;
}

.unq-top-event__buttonIcon {
  flex-shrink: 0;
  margin-right: auto;
}

.unq-top-event__buttonMedia {
  height: 25px;
  width: 25px;
}

@media only screen and (min-width: 768px) {
  .unq-top-event__inner {
    display: flex;
  }
  .unq-top-event__heading {
    background-color: #edf7fa;
    flex-basis: 38%;
    flex-shrink: 0;
    margin-bottom: 0;
    max-width: 380px;
    padding-bottom: 70px;
    padding-right: 40px;
    padding-top: 70px;
  }
  .unq-top-event__lead {
    padding-right: 40px;
  }
  .unq-top-event__content {
    flex-basis: 62%;
    padding-left: 90px;
    padding-top: 55px;
  }
  .unq-top-event__list {
    margin-bottom: 40px;
  }
  .unq-top-event__link {
    padding-left: 20px;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .unq-top-event__link::after {
    right: 20px;
  }
  .unq-top-event__link:hover, .unq-top-event__link:focus {
    background-color: #edf7fa;
  }
  .unq-top-event__link:hover .unq-top-event__linkTitle, .unq-top-event__link:focus .unq-top-event__linkTitle {
    text-decoration: underline;
    -webkit-text-decoration-color: #a3bcc6;
    text-decoration-color: #a3bcc6;
  }
  .unq-top-event__linkTitle {
    -webkit-text-decoration: underline transparent;
    text-decoration: underline transparent;
    transition: -webkit-text-decoration 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: text-decoration 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: text-decoration 0.5s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-text-decoration 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .unq-top-event__buttonItem {
    padding: 24px 48px 24px 30px;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .unq-top-event__buttonItem::after {
    right: 18px;
  }
  .unq-top-event__buttonItem:hover, .unq-top-event__buttonItem:focus {
    background-color: #edf7fa;
  }
  .unq-top-event__buttonSubText {
    display: inline-block;
    font-size: 1.4rem;
  }
}

/* ----------------------------------------------------------------
  .unq-top-infoList
----------------------------------------------------------------- */
.unq-top-infoList {
  border-top: 1px solid #e6e6e6;
  margin-bottom: 20px;
}

.unq-top-infoList__item {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
}

.unq-top-infoList__link {
  color: #333;
  display: flex;
  flex-wrap: wrap;
  padding: 20px 40px 20px 0;
  position: relative;
}

.unq-top-infoList__link::after {
  background-image: url("data:image/svg+xml; charset=utf-8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%20100%20100%22%20fill%3d%22%230099B3%22%3e%3cpolygon%20points%3d%2226%2e75,100%2022,95%2e15%2068%2e28,50%2022,4%2e85%2026%2e75,0%2078,50%20	%22%2f%3e%3c%2fsvg%3e");
  background-size: 22px 22px;
  height: 22px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
}

.unq-top-infoList__date {
  flex-shrink: 0;
  margin-right: 20px;
}

.unq-top-infoList__text {
  flex-grow: 1;
  margin-top: 5px;
  width: 100%;
}

.unq-top-infoList__text:first-child {
  margin-top: 0;
}

@media only screen and (min-width: 768px) {
  .unq-top-infoList {
    border-top: none;
    margin-bottom: 30px;
  }
  .unq-top-infoList__link {
    flex-wrap: nowrap;
    padding-left: 20px;
    transition: background-color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .unq-top-infoList__link::after {
    right: 20px;
  }
  .unq-top-infoList__link .unq-top-infoList__text {
    -webkit-text-decoration: underline transparent;
    text-decoration: underline transparent;
    transition: color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-text-decoration 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: text-decoration 0.5s cubic-bezier(0.25, 0.8, 0.25, 1), color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: text-decoration 0.5s cubic-bezier(0.25, 0.8, 0.25, 1), color 0.5s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-text-decoration 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .unq-top-infoList__link:hover, .unq-top-infoList__link:focus {
    background-color: #edf7fa;
  }
  .unq-top-infoList__link:hover .unq-top-infoList__text, .unq-top-infoList__link:focus .unq-top-infoList__text {
    color: #006680;
    text-decoration: underline;
    -webkit-text-decoration-color: #a3bcc6;
    text-decoration-color: #a3bcc6;
  }
  .unq-top-infoList__date {
    flex-shrink: 0;
    font-size: 1.5rem;
    margin-right: 30px;
  }
  .unq-top-infoList__text {
    margin-top: -4px;
  }
}

/* ----------------------------------------------------------------
  .unq-top-infoList02
----------------------------------------------------------------- */
.unq-top-infoList02 {
  line-height: 1.6;
}

@media only screen and (max-width: 767px) {
  .unq-top-infoList02[data-col-narrow] .unq-top-infoList02__list {
    display: flex;
    flex-wrap: wrap;
  }
  .unq-top-infoList02[data-col-narrow] .unq-top-infoList02__list > .unq-top-infoList02__item {
    flex-shrink: 0;
    margin: 10px 0 0 2.98507%;
  }
  .unq-top-infoList02[data-col-narrow='1'] .unq-top-infoList02__list > .unq-top-infoList02__item {
    flex-basis: 100%;
    max-width: 100%;
  }
  .unq-top-infoList02[data-col-narrow='1'] .unq-top-infoList02__list > .unq-top-infoList02__item:nth-child(-n+1) {
    margin-top: 0;
  }
  .unq-top-infoList02[data-col-narrow='1'] .unq-top-infoList02__list > .unq-top-infoList02__item:nth-of-type(1n+1) {
    margin-left: 0;
  }
  .unq-top-infoList02[data-col-narrow='2'] .unq-top-infoList02__list > .unq-top-infoList02__item {
    flex-basis: 48.50746%;
    max-width: 48.50746%;
  }
  .unq-top-infoList02[data-col-narrow='2'] .unq-top-infoList02__list > .unq-top-infoList02__item:nth-child(-n+2) {
    margin-top: 0;
  }
  .unq-top-infoList02[data-col-narrow='2'] .unq-top-infoList02__list > .unq-top-infoList02__item:nth-of-type(2n+1) {
    margin-left: 0;
  }
  .unq-top-infoList02[data-col-narrow="auto"] .unq-top-infoList02__list {
    flex-basis: 102.98507%;
    margin: -10px 0 0 -2.98507%;
  }
  .unq-top-infoList02[data-col-narrow="auto"] .unq-top-infoList02__list > .unq-top-infoList02__item {
    max-width: 97.01493%;
  }
}

@media only screen and (min-width: 767px) {
  .unq-top-infoList02[data-col-wide] .unq-top-infoList02__list {
    display: flex;
    flex-wrap: wrap;
  }
  .unq-top-infoList02[data-col-wide] .unq-top-infoList02__list > .unq-top-infoList02__item {
    flex-shrink: 0;
    margin: 5px 0 0 5%;
  }
  .unq-top-infoList02[data-col-wide='1'] .unq-top-infoList02__list > .unq-top-infoList02__item {
    flex-basis: 100%;
    max-width: 100%;
  }
  .unq-top-infoList02[data-col-wide='1'] .unq-top-infoList02__list > .unq-top-infoList02__item:nth-child(-n+1) {
    margin-top: 0;
  }
  .unq-top-infoList02[data-col-wide='1'] .unq-top-infoList02__list > .unq-top-infoList02__item:nth-of-type(1n+1) {
    margin-left: 0;
  }
  .unq-top-infoList02[data-col-wide='2'] .unq-top-infoList02__list > .unq-top-infoList02__item {
    flex-basis: 47.5%;
    max-width: 47.5%;
  }
  .unq-top-infoList02[data-col-wide='2'] .unq-top-infoList02__list > .unq-top-infoList02__item:nth-child(-n+2) {
    margin-top: 0;
  }
  .unq-top-infoList02[data-col-wide='2'] .unq-top-infoList02__list > .unq-top-infoList02__item:nth-of-type(2n+1) {
    margin-left: 0;
  }
  .unq-top-infoList02[data-col-wide="auto"] .unq-top-infoList02__list {
    flex-basis: 105%;
    margin: -5px 0 0 -5%;
  }
  .unq-top-infoList02[data-col-wide="auto"] .unq-top-infoList02__list > .unq-top-infoList02__item {
    max-width: 95%;
  }
}

.unq-top-infoList02__link {
  color: #333;
  display: inline-block;
  padding-left: 20px;
  position: relative;
}

.unq-top-infoList02__link::before {
  left: 0;
  position: absolute;
  top: 9px;
}

@media only screen and (min-width: 768px) {
  .unq-top-infoList02__link {
    -webkit-text-decoration: underline transparent;
    text-decoration: underline transparent;
    transition: -webkit-text-decoration 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: text-decoration 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: text-decoration 0.5s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-text-decoration 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .unq-top-infoList02__link:hover, .unq-top-infoList02__link:focus {
    text-decoration: underline;
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor;
  }
}