@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Noto+Sans+JP:wght@400;700&display=swap");

:root {
  --sp-vh: 100vh
}

*,
*::after,
*::before {
  box-sizing: border-box
}

@media (min-width: 600px) {
  .hide-pc {
    display: none !important
  }
}

@media (max-width: 599px) {
  .hide-sp {
    display: none !important
  }
}

.is-fixed {
  overflow: hidden
}

main {
  padding-top: 11.2rem
}

@media (max-width: 599px) {
  main {
    padding-top: 0
  }
}

.l-breadcrumbs {
  width: 100%;
  overflow: hidden;
  position: absolute;
  z-index: 100
}

@media (max-width: 599px) {
  .l-breadcrumbs {
    display: none
  }
}

.l-breadcrumbs__inner {
  display: flex;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  align-items: center;
  height: 4rem;
  padding: 0 4.4rem
}

.l-breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.4rem
}

.l-breadcrumbs__item {
  align-items: center;
  display: flex;
  flex: 0 0 auto
}

.l-breadcrumbs__item:not(:first-child)::before {
  content: '';
  display: inline-block;
  flex: 0 0 auto;
  margin-right: .7em;
  width: 6px;
  height: 6px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(45deg)
}

.l-breadcrumbs__item:last-child .l-breadcrumbs__target {
  pointer-events: none;
  font-weight: 600
}

.l-breadcrumbs__target {
  color: #000;
  line-height: 1.3;
  margin-right: .5em;
  transition: color .2s ease-out
}

a.l-breadcrumbs__target {
  text-decoration: underline
}

a.l-breadcrumbs__target:hover {
  text-decoration: none
}

.l-drawer {
  background: #fff;
  height: 100vh;
  overflow-y: auto;
  position: absolute;
  right: 0;
  top: 0;
  transition: transform .2s ease-out;
  width: 480px;
  z-index: 2;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15)
}

.l-drawer[aria-hidden=true] {
  transform: translateX(100%)
}

@media (max-width: 599px) {
  .l-drawer {
    left: 0;
    right: auto;
    width: vpsp-vw(350)
  }

  .l-drawer[aria-hidden=true] {
    transform: translateX(-100%)
  }
}

.event-report .l-main {
  padding-bottom: 10rem
}

@media (max-width: 599px) {
  .event-report .l-main {
    padding-bottom: 7rem
  }
}

.p-event-report__movie {
  max-width: 87.5rem;
  width: 100%;
  margin: 0 auto 1rem
}

.p-event-report__container {
  max-width: 87.5rem;
  width: 100%;
  margin: 0 auto
}

.p-event-report__container:nth-child(n+2) {
  margin-top: 4rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .p-event-report__container:nth-child(n+2) {
    margin-top: calc(40 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .p-event-report__container:nth-child(n+2) {
    margin-top: calc(40 / 375 * 100vw)
  }
}

.p-event-report__container dt {
  font-weight: 700;
  margin-bottom: 2rem;
  font-size: 2.4rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .p-event-report__container dt {
    margin-bottom: calc(20 / 1280 * 100vw);
    font-size: calc(24 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .p-event-report__container dt {
    margin-bottom: calc(20 / 375 * 100vw);
    font-size: calc(18 / 375 * 100vw)
  }
}

.p-event-report__container dd p {
  line-height: 1.8
}

.p-event-report__container dd p:nth-child(n+2) {
  margin-top: 2rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .p-event-report__container dd p:nth-child(n+2) {
    margin-top: calc(20 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .p-event-report__container dd p:nth-child(n+2) {
    margin-top: calc(20 / 375 * 100vw)
  }
}

.p-event-report__container dd p a {
  display: inline-block
}

.p-event-report__container dd .clm {
  display: flex;
  align-items: flex-start;
  margin-top: 3rem;
  margin-bottom: 3rem
}

@media (max-width: 599px) {
  .p-event-report__container dd .clm {
    flex-direction: column;
    margin-top: 2rem;
    margin-bottom: 2rem
  }
}

.p-event-report__container dd .clm .img {
  width: calc((100% - 4rem) / 2);
  margin-left: 4rem;
  order: 2
}

@media (max-width: 599px) {
  .p-event-report__container dd .clm .img {
    width: 100%;
    margin: 0 0 2rem 0;
    order: 1
  }
}

.p-event-report__container dd .clm .txt {
  order: 1;
  width: calc((100% - 4rem) / 2)
}

@media (max-width: 599px) {
  .p-event-report__container dd .clm .txt {
    width: 100%;
    order: 2
  }
}

.p-event-report__container dd .clm .txt p:first-child {
  margin-top: 0
}

.p-event-report__container dd .clm .video {
  max-width: calc((100% - 4rem) / 2);
  width: 100%;
  margin: 0 auto 1rem
}

@media (max-width: 599px) {
  .p-event-report__container dd .clm .video {
    max-width: 100%
  }

  .p-event-report__container dd .clm .video.mt {
    margin-top: 2rem
  }
}

@media (max-width: 599px) {
  .p-event-report__container dd .clm.order .img {
    margin: 2rem 0 0 0;
    order: 2
  }
}

@media (max-width: 599px) {
  .p-event-report__container dd .clm.order .txt {
    order: 1
  }
}

.p-event-report__container dd .clm-img {
  display: flex;
  flex-wrap: wrap;
  margin-top: 3rem;
  margin-bottom: 3rem
}

.p-event-report__container dd .clm-img figure {
  width: calc((100% - 4rem) / 2)
}

@media (max-width: 599px) {
  .p-event-report__container dd .clm-img figure {
    width: calc((100% - 1rem) / 2)
  }
}

.p-event-report__container dd .clm-img figure:nth-child(n+3) {
  margin-top: 2rem
}

@media (max-width: 599px) {
  .p-event-report__container dd .clm-img figure:nth-child(n+3) {
    margin-top: 1rem
  }
}

.p-event-report__container dd .clm-img figure:nth-child(odd) {
  margin-right: 2rem
}

@media (max-width: 599px) {
  .p-event-report__container dd .clm-img figure:nth-child(odd) {
    margin-right: 1rem
  }
}

.p-event-report__container dd .main-img {
  max-width: 80rem;
  width: 100%;
  margin: 3rem auto 0
}

.p-event-report__container dd ul {
  margin-top: 1rem
}

.p-event-report__container dd ul li {
  position: relative;
  padding-left: 2rem
}

.p-event-report__container dd ul li:nth-of-type(n+2) {
  margin-top: 1rem
}

.p-event-report__container dd ul li::after {
  content: '';
  position: absolute;
  top: 1rem;
  left: 0;
  width: 1rem;
  height: 1rem;
  background: url(/assets/img/ico_list--red.svg) center center no-repeat;
  background-size: contain
}

.event-report .l-main {
  padding-bottom: 10rem
}

@media (max-width: 599px) {
  .event-report .l-main {
    padding-bottom: 7rem
  }
}

@media (max-width: 599px) {
  .event-report .l-hero-a--red .l-hero-c__title {
    width: calc(240 / 375 * 100vw);
    margin: calc(20 / 375 * 100vw) auto calc(20 / 375 * 100vw)
  }
}

.l-following {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%
}

.l-following.UpMove {
  animation: UpAnime 0.5s forwards
}

@keyframes UpAnime {
  from {
    opacity: 1;
    transform: translateY(0)
  }

  to {
    opacity: 0;
    transform: translateY(-120px)
  }
}

.l-following.DownMove {
  animation: DownAnime 0.5s forwards
}

@keyframes DownAnime {
  from {
    opacity: 0;
    transform: translateY(-120px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

.is-scroll .simplebar-track.simplebar-vertical {
  width: 8px
}

.simplebar-track .simplebar-scrollbar:before {
  opacity: 1;
  background: #fff
}

.simplebar-track .simplebar-scrollbar.simplebar-visible:before {
  opacity: 1;
  background: #fff
}

@keyframes border {
  0% {
    width: 0%
  }

  100% {
    width: 100%
  }
}

.l-hero__inner {
  width: 100%;
  height: 32rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-hero__inner {
    height: calc(320 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-hero__inner {
    height: 19.6rem
  }
}

.l-hero .l-container {
  position: relative;
  padding-top: 9.4rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-hero .l-container {
    padding-top: calc(94 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-hero .l-container {
    padding-top: calc(40 / 375 * 100vw)
  }
}

.l-hero .l-container::before {
  content: '';
  position: absolute;
  z-index: 0;
  right: -13rem;
  top: -14.2rem;
  width: 81.5rem;
  height: 68.2rem;
  background: url(/assets/img/shape_mv_bg-white.svg) center center no-repeat;
  background-size: contain
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-hero .l-container::before {
    right: calc(-130 / 1280 * 100vw);
    top: calc(-142 / 1280 * 100vw);
    width: calc(815 / 1280 * 100vw);
    height: calc(682 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-hero .l-container::before {
    right: calc(-15 / 375 * 100vw);
    top: calc(-193 / 375 * 100vw);
    width: calc(420 / 375 * 100vw);
    height: calc(351 / 375 * 100vw)
  }
}

.l-hero .l-container::after {
  content: '';
  position: absolute;
  z-index: 0;
  right: 23.6rem;
  top: -14rem;
  width: 79.3rem;
  height: 55.4rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-hero .l-container::after {
    right: calc(236 / 1280 * 100vw);
    top: calc(-140 / 1280 * 100vw);
    width: calc(793 / 1280 * 100vw);
    height: calc(554 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-hero .l-container::after {
    right: calc(24 / 375 * 100vw);
    top: calc(-20 / 375 * 100vw);
    width: calc(329 / 375 * 100vw);
    height: calc(230 / 375 * 100vw)
  }
}

.l-hero-top__container {
  display: flex;
  height: 54rem;
  align-items: center
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-hero-top__container {
    height: calc(540 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-hero-top__container {
    flex-direction: column;
    height: auto;
    padding-top: calc(40 / 375 * 100vw);
    padding-bottom: calc(50 / 375 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-hero-top__textarea {
    width: 100%;
    padding: 0 calc(20 / 375 * 100vw)
  }
}

.l-hero-top__title {
  display: flex;
  margin-bottom: 5.4rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-hero-top__title {
    margin-bottom: calc(54 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-hero-top__title {
    align-items: center;
    margin-bottom: calc(30 / 375 * 100vw)
  }
}

.l-hero-top__title-hero {
  position: relative;
  width: 23.3rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-hero-top__title-hero {
    width: calc(233 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-hero-top__title-hero {
    width: calc(142 / 375 * 100vw)
  }
}

.l-hero-top__title-hero .main {
  z-index: 10;
  position: relative
}

.l-hero-top__title-hero .bg {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0, 0);
  transition: all .6s
}

.l-hero-top__title-hero .bg.is-show {
  transform: translate(0.5rem, 0.6rem)
}

@media (max-width: 599px) {
  .l-hero-top__title-hero .bg.is-show {
    transform: translate(0.2rem, 0.3rem)
  }
}

.l-hero-top__title-text {
  width: 32.3rem;
  padding: .5rem 0 0 2rem;
  overflow: hidden
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-hero-top__title-text {
    width: calc(323 / 1280 * 100vw);
    padding: calc(5 / 1280 * 100vw) 0 0 calc(20 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-hero-top__title-text {
    width: calc(184 / 375 * 100vw);
    padding: 0rem 0 0 1rem
  }
}

.l-hero-top__title-text p {
  overflow: hidden;
  transform: translate(-120%, 0);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s
}

.l-hero-top__title-text p:nth-child(n+2) {
  margin-top: 1.8rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-hero-top__title-text p:nth-child(n+2) {
    margin-top: calc(18 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-hero-top__title-text p:nth-child(n+2) {
    margin-top: calc(2 / 375 * 100vw)
  }
}

.l-hero-top__title-text span {
  display: block;
  transform: translate(100%, 0);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s
}

.l-hero-top__title-text .text01 {
  width: 30.3rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-hero-top__title-text .text01 {
    width: calc(303 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-hero-top__title-text .text01 {
    width: 100%
  }
}

.l-hero-top__title-text .text02 {
  width: 21.6rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-hero-top__title-text .text02 {
    width: calc(216 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-hero-top__title-text .text02 {
    width: calc(131 / 375 * 100vw)
  }
}

.l-hero-top__title-text .text03 {
  width: 9.3rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-hero-top__title-text .text03 {
    width: calc(93 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-hero-top__title-text .text03 {
    width: calc(57 / 375 * 100vw)
  }
}

.l-hero-top__title-text.is-show p {
  transform: translate(0, 0)
}

.l-hero-top__title-text.is-show span {
  transform: translate(0, 0)
}

.l-hero-top__title-text.is-show .text01 {
  transition-delay: 0s
}

.l-hero-top__title-text.is-show .text02 {
  transition-delay: .3s
}

.l-hero-top__title-text.is-show .text03 {
  transition-delay: .6s
}

.l-hero-top__title-text.is-show .text01 span {
  transition-delay: 0s
}

.l-hero-top__title-text.is-show .text02 span {
  transition-delay: .3s
}

.l-hero-top__title-text.is-show .text03 span {
  transition-delay: .6s
}

.l-hero-top__text {
  font-size: 1.8rem;
  line-height: 2;
  overflow: hidden;
  transform: translate(-100%, 0);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  transition-delay: 1s
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-hero-top__text {
    font-size: calc(18 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-hero-top__text {
    margin-bottom: calc(20 / 375 * 100vw);
    font-size: calc(12 / 375 * 100vw)
  }
}

.l-hero-top__text span {
  display: block;
  transform: translate(100%, 0);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  transition-delay: 1s
}

.l-hero-top__text.is-show {
  transform: translate(0, 0)
}

.l-hero-top__text.is-show span {
  transform: translate(0, 0)
}

.l-hero-top__img {
  margin-left: 5rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-hero-top__img {
    margin-left: calc(50 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-hero-top__img {
    width: 70%;
    margin: 0 auto
  }
}

.l-hero-top .l-container {
  position: relative
}

.l-hero-top .l-container::before {
  content: '';
  position: absolute;
  z-index: 0;
  right: -13rem;
  top: -14.2rem;
  width: 81.5rem;
  height: 68.2rem;
  background: url(/assets/img/shape_mv_bg-white.svg) center center no-repeat;
  background-size: contain
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-hero-top .l-container::before {
    right: calc(-130 / 1280 * 100vw);
    top: calc(-142 / 1280 * 100vw);
    width: calc(815 / 1280 * 100vw);
    height: calc(682 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-hero-top .l-container::before {
    right: calc(-73 / 375 * 100vw);
    top: calc(93 / 375 * 100vw);
    width: calc(504 / 375 * 100vw);
    height: calc(421 / 375 * 100vw)
  }
}

.l-hero-a__inner {
  position: relative;
  z-index: 10;
  height: 25rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-hero-a__inner {
    height: calc(250 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-hero-a__inner {
    height: calc(170 / 375 * 100vw)
  }
}

.l-hero-a__inner>* {
  text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3)
}

.l-hero-a__title {
  margin-bottom: 3rem;
  font-size: 6.4rem;
  line-height: 1
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-hero-a__title {
    margin-bottom: calc(30 / 1280 * 100vw);
    font-size: calc(64 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-hero-a__title {
    margin-bottom: calc(18 / 375 * 100vw);
    font-size: calc(32 / 375 * 100vw)
  }
}

.l-hero-a__text {
  font-size: 2.4rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-hero-a__text {
    font-size: calc(24 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-hero-a__text {
    font-size: calc(18 / 375 * 100vw)
  }
}

.l-hero-a--blue .l-container::after {
  background: url(/assets/img/shape_mv_bg-blue.svg) center center no-repeat;
  background-size: contain
}

.l-hero-a--orange .l-container::after {
  background: url(/assets/img/shape_mv_bg-orange.svg) center center no-repeat;
  background-size: contain
}

.l-hero-a--red .l-container::after {
  background: url(/assets/img/shape_mv_bg-red.svg) center center no-repeat;
  background-size: contain
}

@media (max-width: 599px) {
  .l-hero-b {
    height: calc(213 / 375 * 100vw)
  }
}

.l-hero-b__inner {
  position: relative
}

@media (max-width: 599px) {
  .l-hero-b__inner {
    padding-top: calc(2 / 375 * 100vw)
  }
}

.l-hero-b__number {
  margin-bottom: 1.8rem;
  font-size: 11rem;
  line-height: 1;
  font-weight: bold !important;
  text-shadow: rgba(0, 0, 0, 0.3) 1px 0 10px
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-hero-b__number {
    margin-bottom: calc(18 / 1280 * 100vw);
    font-size: calc(110 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-hero-b__number {
    font-size: calc(48 / 375 * 100vw)
  }
}

.l-hero-b__number span {
  font-size: 3.2rem;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
  line-height: 1;
  position: relative;
  top: 0.3rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-hero-b__number span {
    font-size: calc(32 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-hero-b__number span {
    font-size: calc(14 / 375 * 100vw)
  }
}

.l-hero-b__title {
  font-size: 3.8rem;
  line-height: 1.4;
  filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.3))
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-hero-b__title {
    font-size: calc(38 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-hero-b__title {
    font-size: calc(18 / 375 * 100vw)
  }
}

.l-hero-b--blue .l-container {
  z-index: 20
}

.l-hero-b--blue .l-container::before {
  z-index: -2
}

.l-hero-b--blue .l-container::after {
  z-index: -1;
  background: url(/assets/img/shape_mv_bg-blue.svg) center center no-repeat;
  background-size: contain
}

.l-hero-b--orange .l-container {
  z-index: 20
}

.l-hero-b--orange .l-container::before {
  z-index: -2
}

.l-hero-b--orange .l-container::after {
  z-index: -1;
  background: url(/assets/img/shape_mv_bg-orange.svg) center center no-repeat;
  background-size: contain
}

.l-hero-c__inner {
  padding: 10.6rem 2rem 0
}

@media (max-width: 599px) {
  .l-hero-c__inner {
    padding-top: 5rem
  }
}

.l-hero-c__title {
  max-width: 39rem;
  width: 100%;
  margin: 0 auto 2rem
}

@media (max-width: 599px) {
  .l-hero-c__title {
    margin-bottom: 1rem
  }
}

.l-hero-c__text {
  font-size: 2.4rem
}

@media (max-width: 599px) {
  .l-hero-c__text {
    font-size: 2rem
  }
}

.l-hero-c .l-container::after {
  background: url(/assets/img/shape_mv_bg-red.svg) center center no-repeat;
  background-size: contain
}

.l-intro {
  position: relative;
  z-index: 100
}

.l-intro__container {
  width: 100%;
  background-color: #fff;
  overflow: hidden;
  border-radius: 25px;
  padding: 3rem 3rem 3.5rem;
  filter: drop-shadow(0 0 0.75rem rgba(0, 0, 0, 0.3))
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-intro__container {
    padding: calc(30 / 1280 * 100vw) calc(30 / 1280 * 100vw) calc(35 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-intro__container {
    flex-direction: column;
    border-radius: 0;
    padding: calc(30 / 375 * 100vw) calc(40 / 375 * 100vw)
  }
}

.l-intro-profile {
  width: 100%;
  display: flex
}

@media (max-width: 599px) {
  .l-intro-profile {
    flex-direction: column
  }
}

.l-intro-profile__picture {
  order: 1;
  width: 24rem;
  margin-right: 2rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-intro-profile__picture {
    width: calc(240 / 1280 * 100vw);
    margin-right: calc(20 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-intro-profile__picture {
    order: 2;
    width: calc(166 / 375 * 100vw);
    margin: 0 auto calc(20 / 375 * 100vw)
  }
}

.l-intro-profile__wrap {
  order: 2;
  width: 31.5rem;
  margin-right: 3rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-intro-profile__wrap {
    width: calc(315 / 1280 * 100vw);
    margin-right: calc(30 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-intro-profile__wrap {
    order: 1;
    width: 100%
  }
}

.l-intro-profile__wrap .position {
  margin-bottom: 1.2rem;
  font-size: 2.4rem;
  line-height: 1.3
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-intro-profile__wrap .position {
    margin-bottom: calc(12 / 1280 * 100vw);
    font-size: calc(24 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-intro-profile__wrap .position {
    margin-bottom: calc(10 / 375 * 100vw);
    font-size: calc(18 / 375 * 100vw)
  }
}

.l-intro-profile__wrap .affiliation {
  margin-bottom: 1rem;
  font-size: 1.6rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-intro-profile__wrap .affiliation {
    margin-bottom: calc(10 / 1280 * 100vw);
    font-size: calc(16 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-intro-profile__wrap .affiliation {
    margin-bottom: calc(10 / 375 * 100vw);
    font-size: calc(14 / 375 * 100vw)
  }
}

.l-intro-profile__wrap .name {
  margin-bottom: 1.5rem;
  font-size: 3.2rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-intro-profile__wrap .name {
    margin-bottom: calc(15 / 1280 * 100vw);
    font-size: calc(32 / 1280 * 100vw)
  }
}

@media (min-width: 600px) and (max-width: 1980px) and (max-width: 599px) {
  .l-intro-profile__wrap .name {
    margin-bottom: calc(10 / 375 * 100vw);
    font-size: calc(24 / 375 * 100vw)
  }
}

.l-intro-profile__wrap .eb {
  font-size: 1.6rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-intro-profile__wrap .eb {
    font-size: calc(16 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-intro-profile__wrap .eb {
    margin-bottom: calc(20 / 375 * 100vw);
    font-size: calc(14 / 375 * 100vw)
  }
}

.l-intro-profile__textwrap {
  order: 3;
  width: 45rem;
  padding-left: 3rem;
  border-left: solid 0.1rem #3BB0FF
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-intro-profile__textwrap {
    width: calc(450 / 1280 * 100vw);
    padding-left: calc(30 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-intro-profile__textwrap {
    width: 100%;
    margin-bottom: calc(20 / 375 * 100vw);
    padding: calc(20 / 375 * 100vw) 0 0;
    border-left: none;
    border-top: solid 0.1rem #3BB0FF
  }
}

.l-intro-profile__textwrap .title {
  margin-bottom: 1rem;
  font-size: 1.8rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-intro-profile__textwrap .title {
    margin-bottom: calc(10 / 1280 * 100vw);
    font-size: calc(18 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-intro-profile__textwrap .title {
    margin-bottom: calc(10 / 375 * 100vw) 0 0;
    font-size: calc(18 / 375 * 100vw)
  }
}

.l-intro-profile__textwrap .text {
  font-size: 1.4rem;
  line-height: 2
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-intro-profile__textwrap .text {
    font-size: calc(14 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-intro-profile__textwrap .text {
    font-size: calc(14 / 375 * 100vw)
  }
}

.sip .l-intro-profile__wrap .position {
  color: #3BB0FF
}

.sip .l-intro-profile__textwrap {
  border-color: #3BB0FF
}

.bridge .l-intro-profile__wrap .position {
  color: #FFB562
}

.bridge .l-intro-profile__textwrap {
  border-color: #FFB562
}

.l-lead__title {
  margin-bottom: 2rem;
  font-size: 2.4rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-lead__title {
    margin-bottom: calc(20 / 1280 * 100vw);
    font-size: calc(24 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-lead__title {
    margin-bottom: calc(20 / 375 * 100vw);
    font-size: calc(18 / 375 * 100vw)
  }
}

.l-lead .l-lead-a__text--small {
  margin-top: 2rem;
  font-size: 1.4rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-lead .l-lead-a__text--small {
    margin-top: calc(20 / 1280 * 100vw);
    font-size: calc(14 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-lead .l-lead-a__text--small {
    margin-top: calc(20 / 375 * 100vw);
    font-size: calc(14 / 375 * 100vw)
  }
}

.l-lead-a {
  z-index: 10;
  position: relative
}

.l-lead-a__inner {
  margin: 0 8rem 0;
  border-radius: 20px;
  padding: 3rem 4rem 4rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-lead-a__inner {
    margin: 0 calc(80 / 1280 * 100vw) 0;
    padding: calc(30 / 1280 * 100vw) calc(40 / 1280 * 100vw) calc(40 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-lead-a__inner {
    margin: calc(-30 / 375 * 100vw) calc(20 / 375 * 100vw) 0;
    padding: calc(30 / 375 * 100vw) calc(20 / 375 * 100vw)
  }
}

.l-lead-b {
  position: relative;
  z-index: 100;
  margin-top: 5.4rem;
  margin-bottom: 8rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-lead-b {
    margin-top: calc(54 / 1280 * 100vw);
    margin-bottom: calc(80 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-lead-b {
    margin-top: calc(30 / 375 * 100vw);
    margin-bottom: calc(80 / 375 * 100vw)
  }
}

.l-lead-b::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: -8rem;
  width: 60rem;
  height: 50rem;
  background: url(/assets/img/shape_left_bg-white.svg) center center no-repeat;
  background-size: contain
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-lead-b::before {
    left: calc(-80 / 1280 * 100vw);
    width: calc(600 / 1280 * 100vw);
    height: calc(500 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-lead-b::before {
    top: calc(53 / 375 * 100vw);
    left: calc(-30 / 375 * 100vw);
    width: calc(387 / 375 * 100vw);
    height: calc(324 / 375 * 100vw)
  }
}

.l-lead-b__title {
  margin-bottom: 3.8rem;
  font-size: 3.6rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-lead-b__title {
    margin-bottom: calc(38 / 1280 * 100vw);
    font-size: calc(36 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-lead-b__title {
    margin-bottom: calc(30 / 375 * 100vw);
    font-size: calc(18 / 375 * 100vw)
  }
}

.l-lead-b__container {
  display: flex;
  padding: 0 3rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-lead-b__container {
    padding: 0 calc(30 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-lead-b__container {
    flex-direction: column;
    padding: 0 calc(20 / 375 * 100vw)
  }
}

.l-lead-b__img {
  width: 30rem;
  margin-right: 6rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-lead-b__img {
    width: calc(300 / 1280 * 100vw);
    margin-right: calc(60 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-lead-b__img {
    width: calc(240 / 375 * 100vw);
    margin: 0 auto calc(30 / 375 * 100vw)
  }
}

.l-lead-b__text {
  width: -moz-fit-content;
  width: fit-content
}

@media (max-width: 599px) {
  .l-lead-b__text {
    width: 100%
  }
}

.l-list {
  margin: 4rem 0
}

.l-list:nth-child(n+2) {
  margin-top: 10rem
}

@media (max-width: 599px) {
  .l-list:nth-child(n+2) {
    margin-top: 5rem
  }
}

.l-list__title {
  margin-bottom: 2rem
}

.l-list__text {
  margin: 0 auto 2rem
}

.l-list__link {
  display: flex;
  flex-wrap: wrap
}

.l-list__link__child {
  background-color: #fff;
  border: solid 1px #D6D6D6;
  border-radius: 10px;
  overflow: hidden;
  width: calc((100% - 6rem) / 4)
}

@media (min-width: 600px) {
  .l-list__link__child:not(:nth-child(4n)) {
    margin-right: 2rem
  }

  .l-list__link__child:nth-child(n+5) {
    margin-top: 2rem
  }
}

@media (max-width: 599px) {
  .l-list__link__child {
    width: calc((100% - 1.5rem) / 2)
  }

  .l-list__link__child:nth-child(odd) {
    margin-right: 1.5rem
  }

  .l-list__link__child:nth-child(n+3) {
    margin-top: 1.5rem
  }
}

.l-list__link__child a {
  display: block;
  width: 100%;
  height: 100%;
  transition: background-color 0.3s, color 0.3s
}

.l-list__link__child a p {
  color: #000;
  padding: 1rem 1.8rem
}

@media (max-width: 599px) {
  .l-list__link__child a p {
    padding: 1rem 1rem;
    font-size: 1.2rem
  }
}

.l-list__link__child a figure {
  width: 100%
}

.l-list__link__child a figure .mask {
  display: block;
  width: 100%;
  padding-top: 48%;
  background: #EA6DA4;
  -webkit-mask: url(/assets/img/list/sip/ico_01.svg) no-repeat center center/contain;
  mask: url(/assets/img/list/sip/ico_01.svg) no-repeat center center/contain
}

@media (min-width: 600px) {
  .l-list__link__child a:hover {
    background-color: #3BB0FF
  }

  .l-list__link__child a:hover figure .mask {
    background-color: #fff
  }

  .l-list__link__child a:hover p {
    color: #fff
  }
}

@media (min-width: 600px) {
  .bridge .l-list__link__child a:hover {
    background-color: #D67C00
  }

  .bridge .l-list__link__child a:hover figure .mask {
    background-color: #fff
  }

  .bridge .l-list__link__child a:hover p {
    color: #fff
  }
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
  .l-list__link__child a p {
    font-size: 1.4rem
  }
}

.l-list__link.l-list__link--sip .l-list__link__child:nth-child(1) a figure .mask {
  background: #EA6DA4;
  -webkit-mask: url(/assets/img/list/sip/ico_01.svg) no-repeat center center/contain;
  mask: url(/assets/img/list/sip/ico_01.svg) no-repeat center center/contain
}

.l-list__link.l-list__link--sip .l-list__link__child:nth-child(2) a figure .mask {
  background: #E95457;
  -webkit-mask: url(/assets/img/list/sip/ico_02.svg) no-repeat center center/contain;
  mask: url(/assets/img/list/sip/ico_02.svg) no-repeat center center/contain
}

.l-list__link.l-list__link--sip .l-list__link__child:nth-child(3) figure .mask {
  background: #E51B19;
  -webkit-mask: url(/assets/img/list/sip/ico_03.svg) no-repeat center center/contain;
  mask: url(/assets/img/list/sip/ico_03.svg) no-repeat center center/contain
}

.l-list__link.l-list__link--sip .l-list__link__child:nth-child(4) figure .mask {
  background: #F29624;
  -webkit-mask: url(/assets/img/list/sip/ico_04.svg) no-repeat center center/contain;
  mask: url(/assets/img/list/sip/ico_04.svg) no-repeat center center/contain
}

.l-list__link.l-list__link--sip .l-list__link__child:nth-child(5) figure .mask {
  background: #EFCF22;
  -webkit-mask: url(/assets/img/list/sip/ico_05.svg) no-repeat center center/contain;
  mask: url(/assets/img/list/sip/ico_05.svg) no-repeat center center/contain
}

.l-list__link.l-list__link--sip .l-list__link__child:nth-child(6) figure .mask {
  background: #6FB92C;
  -webkit-mask: url(/assets/img/list/sip/ico_06.svg) no-repeat center center/contain;
  mask: url(/assets/img/list/sip/ico_06.svg) no-repeat center center/contain
}

.l-list__link.l-list__link--sip .l-list__link__child:nth-child(7) figure .mask {
  background: #18933B;
  -webkit-mask: url(/assets/img/list/sip/ico_07.svg) no-repeat center center/contain;
  mask: url(/assets/img/list/sip/ico_07.svg) no-repeat center center/contain
}

.l-list__link.l-list__link--sip .l-list__link__child:nth-child(8) figure .mask {
  background: #1C969B;
  -webkit-mask: url(/assets/img/list/sip/ico_08.svg) no-repeat center center/contain;
  mask: url(/assets/img/list/sip/ico_08.svg) no-repeat center center/contain
}

.l-list__link.l-list__link--sip .l-list__link__child:nth-child(9) figure .mask {
  background: #369BD9;
  -webkit-mask: url(/assets/img/list/sip/ico_09.svg) no-repeat center center/contain;
  mask: url(/assets/img/list/sip/ico_09.svg) no-repeat center center/contain
}

.l-list__link.l-list__link--sip .l-list__link__child:nth-child(10) figure .mask {
  background: #186FAC;
  -webkit-mask: url(/assets/img/list/sip/ico_10.svg) no-repeat center center/contain;
  mask: url(/assets/img/list/sip/ico_10.svg) no-repeat center center/contain
}

.l-list__link.l-list__link--sip .l-list__link__child:nth-child(11) figure .mask {
  background: #911882;
  -webkit-mask: url(/assets/img/list/sip/ico_11.svg) no-repeat center center/contain;
  mask: url(/assets/img/list/sip/ico_11.svg) no-repeat center center/contain
}

.l-list__link.l-list__link--sip .l-list__link__child:nth-child(12) figure .mask {
  background: #1F2C5C;
  -webkit-mask: url(/assets/img/list/sip/ico_12.svg) no-repeat center center/contain;
  mask: url(/assets/img/list/sip/ico_12.svg) no-repeat center center/contain
}

@media (min-width: 600px) {
  .l-list__link.l-list__link--sip .l-list__link__child a:hover figure .mask {
    background-color: #fff
  }
}

.l-list__link.l-list__link--prism01 .l-list__link__child:nth-child(1) a figure .mask {
  background: #EA6DA4;
  -webkit-mask: url(/assets/img/list/prism/ico_01-01.svg) no-repeat center center/contain;
  mask: url(/assets/img/list/prism/ico_01-01.svg) no-repeat center center/contain
}

.l-list__link.l-list__link--prism01 .l-list__link__child:nth-child(2) a figure .mask {
  background: #209BD9;
  -webkit-mask: url(/assets/img/list/prism/ico_01-02.svg) no-repeat center center/contain;
  mask: url(/assets/img/list/prism/ico_01-02.svg) no-repeat center center/contain
}

.l-list__link.l-list__link--prism01 .l-list__link__child:nth-child(3) figure .mask {
  background: #45B68F;
  -webkit-mask: url(/assets/img/list/prism/ico_01-03.svg) no-repeat center center/contain;
  mask: url(/assets/img/list/prism/ico_01-03.svg) no-repeat center center/contain
}

.l-list__link.l-list__link--prism01 .l-list__link__child:nth-child(4) figure .mask {
  background: #6FB92C;
  -webkit-mask: url(/assets/img/list/prism/ico_01-04.svg) no-repeat center center/contain;
  mask: url(/assets/img/list/prism/ico_01-04.svg) no-repeat center center/contain
}

@media (min-width: 600px) {
  .l-list__link.l-list__link--prism01 .l-list__link__child a:hover figure .mask {
    background-color: #fff
  }
}

.l-list__link.l-list__link--prism02 .l-list__link__child:nth-child(1) a figure .mask {
  background: #A69F31;
  -webkit-mask: url(/assets/img/list/prism/ico_02-01.svg) no-repeat center center/contain;
  mask: url(/assets/img/list/prism/ico_02-01.svg) no-repeat center center/contain
}

.l-list__link.l-list__link--prism02 .l-list__link__child:nth-child(2) a figure .mask {
  background: #267EDA;
  -webkit-mask: url(/assets/img/list/prism/ico_02-02.svg) no-repeat center center/contain;
  mask: url(/assets/img/list/prism/ico_02-02.svg) no-repeat center center/contain
}

.l-list__link.l-list__link--prism02 .l-list__link__child:nth-child(3) figure .mask {
  background: #8447C8;
  -webkit-mask: url(/assets/img/list/prism/ico_02-03.svg) no-repeat center center/contain;
  mask: url(/assets/img/list/prism/ico_02-03.svg) no-repeat center center/contain
}

.l-list__link.l-list__link--prism02 .l-list__link__child:nth-child(4) figure .mask {
  background: #DB1E76;
  -webkit-mask: url(/assets/img/list/prism/ico_02-04.svg) no-repeat center center/contain;
  mask: url(/assets/img/list/prism/ico_02-04.svg) no-repeat center center/contain
}

@media (min-width: 600px) {
  .l-list__link.l-list__link--prism02 .l-list__link__child a:hover figure .mask {
    background-color: #fff
  }
}

.l-list__link.js-fadein .l-list__link__child {
  opacity: 0;
  transform: translateY(20px);
  transition: all .5s
}

.l-list__link.js-fadein.is-show .l-list__link__child {
  opacity: 1;
  transform: translateY(0)
}

.l-list__link.js-fadein.is-show .l-list__link__child:nth-of-type(1) {
  transition-delay: 0s
}

.l-list__link.js-fadein.is-show .l-list__link__child:nth-of-type(2) {
  transition-delay: .12s
}

.l-list__link.js-fadein.is-show .l-list__link__child:nth-of-type(3) {
  transition-delay: .24s
}

.l-list__link.js-fadein.is-show .l-list__link__child:nth-of-type(4) {
  transition-delay: .36s
}

.l-list__link.js-fadein.is-show .l-list__link__child:nth-of-type(5) {
  transition-delay: .48s
}

.l-list__link.js-fadein.is-show .l-list__link__child:nth-of-type(6) {
  transition-delay: .6s
}

.l-list__link.js-fadein.is-show .l-list__link__child:nth-of-type(7) {
  transition-delay: .72s
}

.l-list__link.js-fadein.is-show .l-list__link__child:nth-of-type(8) {
  transition-delay: .84s
}

.l-list__link.js-fadein.is-show .l-list__link__child:nth-of-type(9) {
  transition-delay: .96s
}

.l-list__link.js-fadein.is-show .l-list__link__child:nth-of-type(10) {
  transition-delay: 1.08s
}

.l-list__link.js-fadein.is-show .l-list__link__child:nth-of-type(11) {
  transition-delay: 1.2s
}

.l-list__link.js-fadein.is-show .l-list__link__child:nth-of-type(12) {
  transition-delay: 1.32s
}

.l-list.brige {
  margin-top: 3rem;
  margin-bottom: 0rem
}

.l-list.brige .l-list__text {
  color: #FFA949;
  border-color: #FFA949;
  margin-bottom: 0
}

.l-main {
  position: relative;
  max-width: 1280px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  background-color: #F9F2ED
}

.l-nav__container {
  padding: 4rem 0rem 3.4rem;
  background-color: #fff;
  margin-bottom: 6rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-nav__container {
    padding: calc(40 / 1280 * 100vw) 0 calc(34 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-nav__container {
    padding: calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) calc(30 / 375 * 100vw)
  }
}

.l-nav__title {
  margin-bottom: 2.3rem;
  padding-top: .8em;
  font-size: 2.4rem;
  text-align: center
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-nav__title {
    margin-bottom: calc(23 / 1280 * 100vw);
    padding-top: calc(8 / 1280 * 100vw);
    font-size: calc(24 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-nav__title {
    margin-bottom: calc(28 / 375 * 100vw);
    padding-top: calc(8 / 375 * 100vw);
    font-size: calc(14 / 375 * 100vw)
  }
}

.l-nav__subtitle {
  margin: 1.6rem
}

.l-nav__button-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.l-nav__button-wrap li {
  margin: 0 .4rem 1.6rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-nav__button-wrap li {
    margin: 0 calc(4 / 1280 * 100vw) calc(16 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-nav__button-wrap li {
    margin: 0 0 calc(10 / 375 * 100vw);
    flex: 0 0 100%
  }
}

.l-nav__button-wrap li.space {
  width: 100%
}

@media (max-width: 599px) {
  .l-nav__button-wrap li.space {
    display: none
  }
}

.l-nav__button-wrap li a {
  display: inline-flex;
  align-items: center;
  height: 3.6rem;
  padding: 0 2rem;
  background-color: #fff;
  border: solid 1px #308FCF;
  border-radius: 25px;
  color: #308FCF;
  transition: background-color 0.3s, color 0.3s;
  font-size: 1.4rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-nav__button-wrap li a {
    height: calc(36 / 1280 * 100vw);
    padding: 0 calc(20 / 1280 * 100vw);
    font-size: calc(14 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-nav__button-wrap li a {
    display: flex;
    height: calc(44 / 375 * 100vw);
    padding: 0 calc(15 / 375 * 100vw);
    border-radius: 0;
    font-size: calc(14 / 375 * 100vw);
    line-height: 1.2
  }
}

@media (min-width: 600px) {
  .l-nav__button-wrap li a:hover {
    background-color: #308FCF;
    color: #fff
  }
}

.l-nav--bridge .l-nav__subtitle {
  margin: 1.6rem
}

.l-nav--bridge .l-nav__button-wrap li a {
  border: solid 1px #D67C00;
  color: #D67C00
}

@media (min-width: 600px) {
  .l-nav--bridge .l-nav__button-wrap li a:hover {
    background-color: #D67C00;
    color: #fff
  }
}

.l-page {
  position: relative;
  z-index: 100
}

.l-page:nth-of-type(odd)::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 7rem;
  right: -8rem;
  width: 65.1rem;
  height: 54.5rem;
  background: url(/assets/img/shape_right_bg-white.svg) center center no-repeat;
  background-size: contain
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-page:nth-of-type(odd)::before {
    top: calc(70 / 1280 * 100vw);
    right: calc(-80 / 1280 * 100vw);
    width: calc(651 / 1280 * 100vw);
    height: calc(545 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-page:nth-of-type(odd)::before {
    top: calc(40 / 375 * 100vw);
    right: calc(-30 / 375 * 100vw);
    width: calc(387 / 375 * 100vw);
    height: calc(324 / 375 * 100vw)
  }
}

.l-page:nth-of-type(even)::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 7rem;
  left: -8rem;
  width: 60rem;
  height: 50rem;
  background: url(/assets/img/shape_left_bg-white.svg) center center no-repeat;
  background-size: contain
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-page:nth-of-type(even)::before {
    top: calc(70 / 1280 * 100vw);
    width: calc(600 / 1280 * 100vw);
    height: calc(500 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-page:nth-of-type(even)::before {
    top: calc(0 / 375 * 100vw);
    left: calc(-30 / 375 * 100vw);
    width: calc(387 / 375 * 100vw);
    height: calc(324 / 375 * 100vw)
  }
}

.l-page .l-container {
  padding: 0 11rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-page .l-container {
    padding: 0 calc(110 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-page .l-container {
    padding: 0 calc(20/ 375 * 100vw)
  }
}

.l-page .small {
  margin-top: .8rem;
  font-size: 1.2rem
}

.l-page__title {
  margin-bottom: 2rem
}

.l-page__subtitle {
  display: inline-flex;
  align-items: center;
  margin-bottom: 3.4rem;
  padding: 1rem;
  color: #fff;
  font-size: 2.4rem;
  line-height: 1.2
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-page__subtitle {
    margin-bottom: calc(34 / 1280 * 100vw);
    padding: calc(10/ 1280 * 100vw);
    font-size: calc(24/ 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-page__subtitle {
    margin-bottom: calc(25 / 375 * 100vw);
    padding: calc(5 / 375 * 100vw) calc(10/ 375 * 100vw);
    font-size: calc(16/ 375 * 100vw)
  }
}

.l-page__subtitle:nth-of-type(n+2) {
  margin-top: 7rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-page__subtitle:nth-of-type(n+2) {
    margin-top: calc(70 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-page__subtitle:nth-of-type(n+2) {
    margin-top: calc(60 / 375 * 100vw)
  }
}

.l-page__text {
  margin-bottom: 3.5rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-page__text {
    margin-bottom: calc(35 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-page__text {
    margin-bottom: calc(20 / 375 * 100vw)
  }
}

.l-page__text-small {
  margin-top: 1rem
}

@media (max-width: 599px) {
  .l-page__list {
    padding: 0
  }
}

@media (max-width: 599px) and (min-width: 600px) and (max-width: 1980px) {
  .l-page__list {
    padding: 0 calc(110 / 1280 * 100vw)
  }
}

.l-page__list:nth-of-type(n+2) {
  margin-top: 5rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-page__list:nth-of-type(n+2) {
    margin-top: calc(50/ 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-page__list:nth-of-type(n+2) {
    margin-top: calc(20/ 375 * 100vw)
  }
}

.l-page__list dt {
  display: flex;
  margin-bottom: 2rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-page__list dt {
    margin-bottom: calc(20/ 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-page__list dt {
    margin-bottom: calc(20/ 375 * 100vw)
  }
}

.l-page__list dt .title {
  font-size: 2.4rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-page__list dt .title {
    font-size: calc(24 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-page__list dt .title {
    font-size: calc(16/ 375 * 100vw)
  }
}

.l-page__list dt .circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  margin-right: 1rem;
  border-radius: 50%;
  color: #fff;
  font-size: 3.2rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-page__list dt .circle {
    width: calc(50/ 1280 * 100vw);
    height: calc(50/ 1280 * 100vw);
    margin-right: calc(10/ 1280 * 100vw);
    font-size: calc(32 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-page__list dt .circle {
    width: calc(32 / 375 * 100vw);
    height: calc(32 / 375 * 100vw);
    margin-right: calc(10/ 375 * 100vw);
    font-size: calc(16/ 375 * 100vw)
  }
}

.l-page__list dd .text-large {
  font-size: 1.8rem;
  margin-bottom: 2rem
}

@media (max-width: 599px) {
  .l-page__list dd .text-large {
    font-size: calc(16/ 375 * 100vw)
  }
}

.l-page__list--circle dt .title {
  width: calc(100% - 6rem)
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-page__list--circle dt .title {
    width: calc(100% - (60 / 1280 * 100vw))
  }
}

@media (max-width: 599px) {
  .l-page__list--circle dt .title {
    width: calc(100% - (100 / 1280 * 100vw)) !important
  }
}

.l-page__list--circle dd {
  padding-left: 6rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-page__list--circle dd {
    padding-left: calc(60 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-page__list--circle dd {
    padding-left: calc(42 / 375 * 100vw)
  }
}

.l-page__list__grid {
  display: flex;
  margin-top: 3rem;
  padding: 0 3rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-page__list__grid {
    padding: 0 calc(30 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-page__list__grid {
    flex-direction: column;
    padding: 0
  }
}

.l-page__list__grid .child {
  flex: 1 1 100%
}

.l-page__list__grid .child:not(:first-child) {
  margin-left: 2rem
}

@media (max-width: 599px) {
  .l-page__list__grid .child:not(:first-child) {
    margin-left: 0
  }
}

.l-page__list__grid .child:not(:last-child) {
  margin-right: 2rem
}

@media (max-width: 599px) {
  .l-page__list__grid .child:not(:last-child) {
    margin-right: 0
  }
}

@media (max-width: 599px) {
  .l-page__list__grid .child:nth-child(n+2) {
    margin-top: calc(15 / 375 * 100vw)
  }
}

.l-page__list__grid .child dt {
  margin-bottom: 2rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-page__list__grid .child dt {
    margin-bottom: calc(20 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-page__list__grid .child dt {
    margin-bottom: calc(10 / 375 * 100vw)
  }
}

.l-page__list__grid .child dt .circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  margin-right: 1rem;
  border-radius: 50%;
  font-size: 1.4rem;
  color: #fff
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-page__list__grid .child dt .circle {
    width: calc(20 / 1280 * 100vw);
    height: calc(20 / 1280 * 100vw);
    margin-right: calc(10 / 1280 * 100vw);
    font-size: calc(14 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-page__list__grid .child dt .circle {
    width: calc(20 / 375 * 100vw);
    height: calc(20 / 375 * 100vw);
    margin-right: calc(10 / 375 * 100vw);
    font-size: calc(14 / 375 * 100vw)
  }
}

.l-page__list__grid .child dt .title {
  font-size: 1.8rem;
  line-height: 1.2;
  width: calc(100% - 2rem)
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-page__list__grid .child dt .title {
    font-size: calc(18 / 1280 * 100vw);
    width: calc(100% - (20 / 1280 * 100vw))
  }
}

@media (max-width: 599px) {
  .l-page__list__grid .child dt .title {
    font-size: calc(16 / 375 * 100vw);
    width: calc(100% - (20 / 375 * 100vw))
  }
}

.l-page__list__grid .child .grid {
  display: flex
}

.l-page__list__grid .child .grid p {
  width: 60%;
  padding-right: 2rem
}

.l-page__list__grid .child .grid figure {
  width: 40%
}

.l-page__list__grid .child .grid .small {
  width: 100%;
  padding-right: 0
}

.l-page__list02 {
  display: flex;
  flex-wrap: wrap
}

.l-page__list02:nth-of-type(n+2) {
  margin-top: 5rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-page__list02:nth-of-type(n+2) {
    margin-top: calc(50/ 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-page__list02:nth-of-type(n+2) {
    margin-top: calc(20/ 375 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-page__list02 {
    flex-direction: column
  }
}

.l-page__list02 .child {
  width: calc((100% - 4rem) / 2)
}

.l-page__list02 .child:nth-child(odd) {
  margin-right: 4rem
}

.l-page__list02 .child:nth-child(n+3) {
  margin-top: 3.3rem
}

@media (max-width: 599px) {
  .l-page__list02 .child {
    width: 100%
  }

  .l-page__list02 .child:nth-child(odd) {
    margin-right: 0
  }

  .l-page__list02 .child:nth-child(n+3) {
    margin-top: 0
  }

  .l-page__list02 .child:nth-child(n+2) {
    margin-top: calc(25 / 375 * 100vw)
  }
}

.l-page__list02--clm {
  flex-direction: column
}

.l-page__list02--clm .child {
  width: 100%;
  margin: 0
}

.l-page__list02--clm .child:nth-child(n+2) {
  margin-top: 3rem
}

.l-page__grid {
  display: flex
}

.l-page__grid:nth-of-type(n+2) {
  margin-top: 5rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-page__grid:nth-of-type(n+2) {
    margin-top: calc(50/ 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-page__grid:nth-of-type(n+2) {
    margin-top: calc(20/ 375 * 100vw)
  }
}

.l-page__grid__child {
  flex: 1 1 100%
}

.l-page__grid__child:not(:first-child) {
  margin-left: 2rem
}

@media (max-width: 599px) {
  .l-page__grid__child:not(:first-child) {
    margin-left: 1rem
  }
}

.l-page__grid__child:not(:last-child) {
  margin-right: 2rem
}

@media (max-width: 599px) {
  .l-page__grid__child:not(:last-child) {
    margin-right: 1rem
  }
}

.l-page__grid__child .l-page__list02 .child {
  width: 100%
}

.l-page__grid__child .l-page__list02 .title {
  width: 100%
}

@media (max-width: 599px) {
  .l-page__grid--clm {
    flex-direction: column
  }
}

@media (max-width: 599px) {
  .l-page__grid--clm .l-page__grid__child:first-child {
    margin-right: 0
  }
}

@media (max-width: 599px) {
  .l-page__grid--clm .l-page__grid__child:not(:first-child) {
    margin: calc(20 / 375 * 100vw) 0 0
  }
}

@media (max-width: 599px) {
  .l-page__grid--small {
    flex-direction: row
  }
}

.l-page__grid--small .text {
  flex: auto;
  width: calc(100% - 18.8rem);
  margin: 0;
  padding-right: 2rem
}

@media (max-width: 599px) {
  .l-page__grid--small .text {
    width: 60%
  }
}

.l-page__grid--small .img {
  flex: auto;
  width: 18.8rem;
  margin: 0
}

@media (max-width: 599px) {
  .l-page__grid--small .img {
    width: 40%
  }
}

.l-page .l-page__grid+.l-page__subtitle {
  margin-top: 7rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-page .l-page__grid+.l-page__subtitle {
    margin-top: calc(70 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-page .l-page__grid+.l-page__subtitle {
    margin-top: calc(60 / 375 * 100vw)
  }
}

.l-page .l-page__subtitle+.l-page__list {
  margin-top: 0
}

.l-page .l-page__subtitle+.l-page__grid {
  margin-top: 0
}

.l-page .list {
  position: relative;
  padding-left: 2rem
}

.l-page .list::after {
  content: '';
  position: absolute;
  top: 1rem;
  left: 0;
  width: 1rem;
  height: 1rem;
  background-size: contain
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-page .list::after {
    top: calc(10/ 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-page .list::after {
    top: calc(10/ 375 * 100vw)
  }
}

.l-page .list:nth-of-type(n+2) {
  margin-top: 1rem
}

.l-page .img-bg--white {
  background-color: #fff;
  padding: .5rem
}

.sip .l-page__list .circle {
  background-color: #3BB0FF
}

.sip .l-page__subtitle {
  background-color: #3BB0FF
}

.sip .list::after {
  background: url(/assets/img/ico_list--blue.svg) center center no-repeat
}

.sip .l-page__list__grid .child .circle {
  background-color: #3BB0FF
}

.sip .l-page__list__grid .child .title {
  color: #3BB0FF
}

.bridge .l-page__list .circle {
  background-color: #D67C00
}

.bridge .l-page__subtitle {
  background-color: #D67C00
}

.bridge .l-page__list__grid .child .circle {
  background-color: #D67C00
}

.bridge .l-page__list__grid .child .title {
  color: #D67C00
}

.task03__layout--style-01 {
  width: 10.3rem;
  margin: 2rem auto
}

.task04__layout--style-01 {
  max-width: 60rem;
  margin: 2rem auto 0
}

.task07__layout--style-01,
.task07__layout--style-02,
.task07__layout--style-03,
.task07__layout--style-04,
.task07__layout--style-05 {
  align-items: center
}

@media (max-width: 599px) {

  .task07__layout--style-01,
  .task07__layout--style-02,
  .task07__layout--style-03,
  .task07__layout--style-04,
  .task07__layout--style-05 {
    align-items: flex-start;
    flex-direction: column
  }
}

.task07__layout--style-01 .label,
.task07__layout--style-02 .label,
.task07__layout--style-03 .label,
.task07__layout--style-04 .label,
.task07__layout--style-05 .label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: solid .2rem #03503C;
  color: #03503C;
  font-size: 2rem;
  line-height: 1;
  padding: .5rem 1rem;
  margin-right: 1rem
}

@media (max-width: 599px) {

  .task07__layout--style-01 .label,
  .task07__layout--style-02 .label,
  .task07__layout--style-03 .label,
  .task07__layout--style-04 .label,
  .task07__layout--style-05 .label {
    font-size: calc(16 / 375 * 100vw);
    margin-bottom: .5rem
  }
}

.task07__layout--style-02 .label {
  border: solid .2rem #00A5A5;
  color: #00A5A5
}

.task07__layout--style-03 .label {
  border: solid .2rem #2B7598;
  color: #2B7598
}

.task07__layout--style-04 .label {
  border: solid .2rem #E88035;
  color: #E88035
}

.task07__layout--style-05 .label {
  border: solid .2rem #53943C;
  color: #53943C
}

.task08__layout--style-01 {
  margin-bottom: 5rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .task08__layout--style-01 {
    margin-bottom: calc(50 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .task08__layout--style-01 {
    margin-bottom: calc(20 / 375 * 100vw)
  }
}

.task12__layout--style-01 {
  margin-top: 3rem !important
}

@media (min-width: 600px) and (max-width: 1980px) {
  .task12__layout--style-01 {
    margin-top: calc(30 / 1280 * 100vw) !important
  }
}

@media (max-width: 599px) {
  .task12__layout--style-01 {
    margin-top: calc(20 / 375 * 100vw) !important
  }
}

.task12__layout--style-01 dt .circle {
  background-color: transparent !important
}

.task12__layout--style-02 {
  margin-top: 5rem !important
}

@media (min-width: 600px) and (max-width: 1980px) {
  .task12__layout--style-02 {
    margin-top: calc(50 / 1280 * 100vw) !important
  }
}

@media (max-width: 599px) {
  .task12__layout--style-02 {
    margin-top: calc(20 / 375 * 100vw) !important
  }
}

@media (max-width: 599px) {
  .task12__layout--style-03 {
    display: none
  }
}

.target04__layout--style-01 {
  margin-top: 2rem
}

.l-nav--bridge {
  margin-top: 5rem
}

.sip:not(.task10):not(.task12) .l-nav {
  margin-top: 5rem
}

section {
  padding: 70px 0 30px
}

@media (max-width: 599px) {
  section {
    padding: 40px 0 0
  }
}

section.js-fadein {
  opacity: 0;
  overflow: hidden;
  transform: translateY(50px);
  transition: all 1s
}

@media (max-width: 599px) {
  section.js-fadein {
    transform: translateY(30px)
  }
}

section.js-fadein.is-show {
  opacity: 1;
  overflow: visible;
  transform: translateY(0)
}

.l-symposium {
  margin-top: 2.5rem;
  background-size: inherit
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-symposium {
    margin-top: calc(25 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-symposium {
    background: none;
    margin-bottom: calc(30 / 375 * 100vw)
  }
}

.l-symposium__inner {
  position: relative;
  z-index: 100;
  width: 73.2rem;
  margin: 0 auto;
  padding: 4rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-symposium__inner {
    width: calc(732 / 1280 * 100vw);
    padding: calc(40 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-symposium__inner {
    width: calc(335 / 375 * 100vw);
    padding: calc(40 / 375 * 100vw) calc(20 / 375 * 100vw)
  }
}

.l-symposium__title {
  width: 39rem;
  margin: 0 auto 2rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-symposium__title {
    width: calc(390 / 1280 * 100vw);
    margin-bottom: calc(20 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-symposium__title {
    width: calc(292 / 375 * 100vw)
  }
}

.l-symposium__date {
  margin-bottom: 2rem;
  font-size: 2.4rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-symposium__date {
    margin-bottom: calc(20 / 1280 * 100vw);
    font-size: calc(24 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-symposium__date {
    margin-bottom: calc(20 / 375 * 100vw);
    font-size: calc(18 / 375 * 100vw)
  }
}

.l-symposium__text {
  margin-bottom: 3rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-symposium__text {
    margin-bottom: calc(30 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-symposium__text {
    margin-bottom: calc(20 / 375 * 100vw)
  }
}

.l-symposium__button {
  margin: 0 auto
}

.l-symposium__button.event {
  margin-top: 3rem;
  text-align: center;
  width: 30rem;
  height: 7rem;
  font-weight: 700
}

.l-symposium__button.event .c-arrow {
  flex-direction: column;
  line-height: 1.3
}

.l-symposium__button.event .c-arrow span {
  font-size: 1.3rem
}

@media (max-width: 599px) {
  .l-symposium__button.event {
    width: calc(226 / 375 * 100vw);
    height: calc(48 / 375 * 100vw)
  }
}

.index .l-symposium {
  padding-bottom: 12rem
}

@media (max-width: 599px) {
  .index .l-symposium {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0rem
  }
}

.index .l-symposium .l-container {
  position: relative
}

@media (max-width: 599px) {
  .index .l-symposium .l-container {
    margin-top: calc(50 / 375 * 100vw);
    margin-bottom: calc(100 / 375 * 100vw)
  }
}

.index .l-symposium .l-container::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -12rem;
  width: 52.2rem;
  height: 74.3rem;
  background: url(/assets/img/shape_top_03-red.svg) center center no-repeat;
  background-size: contain
}

@media (min-width: 600px) and (max-width: 1980px) {
  .index .l-symposium .l-container::before {
    width: calc(522 / 1280 * 100vw);
    height: calc(743 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .index .l-symposium .l-container::before {
    width: calc(335 / 375 * 100vw);
    height: calc(505 / 375 * 100vw)
  }
}

.index .l-symposium .l-container::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -12rem;
  width: 52.2rem;
  height: 74.3rem;
  background: url(/assets/img/shape_top_03-white.svg) center center no-repeat;
  background-size: contain
}

@media (min-width: 600px) and (max-width: 1980px) {
  .index .l-symposium .l-container::after {
    width: calc(522 / 1280 * 100vw);
    height: calc(743 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .index .l-symposium .l-container::after {
    width: calc(335 / 375 * 100vw);
    height: calc(505 / 375 * 100vw)
  }
}

.l-container {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 0 8rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .l-container {
    padding: 0 calc(80 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .l-container {
    padding: 0
  }
}

.l-container-pd {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 0 4rem
}

@media (max-width: 599px) {
  .l-container-pd {
    padding: 0 2rem
  }
}

.l-container-pd_sp {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 0 4rem
}

@media (max-width: 599px) {
  .l-container-pd_sp {
    padding: 0 2rem
  }
}

[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0
}

.simplebar-content:after,
.simplebar-content:before {
  content: ' ';
  display: table
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden
}

[data-simplebar].simplebar-dragging {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px
}

.simplebar-scrollbar:before {
  position: absolute;
  content: '';
  background: #000;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity .2s .5s linear
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: .5;
  transition-delay: 0s;
  transition-duration: 0s
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px
}

.simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 0;
  bottom: 0;
  min-height: 0;
  min-width: 10px;
  width: auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0
}

.simplebar-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: scrollbar !important
}

.simplebar-dummy-scrollbar-size>div {
  width: 200%;
  height: 200%;
  margin: 10px 0
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none
}

@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal
}

:root {
  --swiper-theme-color: #007aff
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1
}

.swiper-vertical>.swiper-wrapper {
  flex-direction: column
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0)
}

.swiper-pointer-events {
  touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform
}

.swiper-slide-invisible-blank {
  visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15)
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
  margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
  margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size)
}

:root {
  --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev'
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next'
}

.swiper-button-lock {
  display: none
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33)
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2)
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}

.swiper-pagination-bullet:only-child {
  display: none !important
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0
}

.swiper-pagination-lock {
  display: none
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1)
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0
}

.swiper-scrollbar-cursor-drag {
  cursor: move
}

.swiper-scrollbar-lock {
  display: none
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.swiper-slide-zoomed {
  cursor: move
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(360deg)
  }
}

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
  flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-cube {
  overflow: visible
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: .6;
  z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px)
}

.swiper-flip {
  overflow: visible
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height
}

.swiper-cards {
  overflow: visible
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden
}

.c-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-right: 4rem;
  padding-bottom: .5rem;
  position: relative
}

.c-arrow::after {
  content: '';
  display: inline-block;
  width: 2rem;
  height: 1.8rem;
  -webkit-mask-image: url(/common/images/ico_arrow.svg);
  mask-image: url(/common/images/ico_arrow.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #000;
  position: absolute;
  right: 0;
  line-height: 1
}

.c-arrow::before {
  content: "";
  display: block;
  height: 1px;
  background-color: #000;
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s
}

@media (min-width: 600px) {
  .c-arrow:hover::before {
    width: 100%;
    transform-origin: left top;
    transform: scale(1, 1)
  }
}

.c-arrow--white::after {
  background-color: #fff
}

.c-arrow--white::before {
  background-color: #fff
}

.c-bg {
  background: url(/common/images/bg_gray.png) repeat;
  background-size: inherit
}

.c-bg--fix {
  position: relative
}

.c-bg--video {
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
  background: url(/common/images/bg.png) no-repeat center/cover
}

@media (max-width: 599px) {
  .c-bg--video {
    background-position: left top;
    background-size: auto 100%
  }
}

.c-bg--video::after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(/common/images/bg--mask.png) no-repeat center/cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1
}

.c-bg--video video {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 177.77777778vh;
  height: 56.25vw;
  min-height: 100%;
  min-width: 100%;
  opacity: .2
}

.c-banner-img__target {
  display: inline-block
}

.c-banner-a {
  background: #fff;
  border-radius: .5em;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  padding: 40px
}

.c-banner-a__heading {
  margin-bottom: .5em
}

.c-banner-a__desc {
  margin-bottom: 2.5em
}

.c-banner-a__body {
  margin-bottom: 2em;
  text-align: center
}

.c-button {
  pointer-events: all;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22rem;
  height: 6rem;
  background-color: #000;
  border: solid 1px #000;
  border-radius: 50px;
  color: #fff;
  font-size: 1.8rem;
  position: relative;
  transition: all .5s
}

@media (max-width: 599px) {
  .c-button {
    width: 20rem;
    height: 5rem;
    font-size: 1.5rem
  }
}

.c-button span {
  display: inline-flex;
  align-items: center
}

.c-button::after {
  content: '';
  display: inline-block;
  width: 2rem;
  height: 1.8rem;
  -webkit-mask-image: url(/common/images/ico_arrow.svg);
  mask-image: url(/common/images/ico_arrow.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #fff;
  position: absolute;
  right: 2rem;
  transition: all .3s
}

@media (min-width: 600px) {
  .c-button:hover {
    background-color: #fff;
    color: #000
  }

  .c-button:hover::after {
    background-color: #000
  }
}

.c-button--white {
  background-color: #fff;
  border: solid 1px #fff;
  color: #000
}

.c-button--white::after {
  background-color: #000
}

@media (min-width: 600px) {
  .c-button--white:hover {
    background-color: #000;
    color: #fff
  }

  .c-button--white:hover::after {
    background-color: #fff
  }
}

.c-cntw {
  margin: 0 auto;
  max-width: 1240px;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%
}

.c-cntw__inner {
  position: relative
}

.c-cntw--full {
  max-width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important
}

.c-cntw--1 {
  max-width: 1040px
}

.c-cntw--2 {
  max-width: 1010px
}

.c-cntw--3 {
  max-width: 1060px
}

.c-cntw--4 {
  max-width: 840px
}

.c-cntw--5 {
  max-width: 782px
}

.c-cntw--5.nopad {
  max-width: 742px;
  padding-left: 0;
  padding-right: 0
}

@media (max-width: 599px) {
  .c-cntw {
    padding-left: vpsp-vw(15);
    padding-right: vpsp-vw(15)
  }
}

.c-copyright__text {
  color: #fff;
  font-size: 1.2rem;
  letter-spacing: .1em
}

.c-copyright--center .c-copyright__text {
  text-align: center
}

.c-desvg--blue g,
.c-desvg--blue path {
  fill: #3BB0FF
}

.c-desvg--white g,
.c-desvg--white path {
  fill: white
}

.c-desvg--blue-stroke g,
.c-desvg--blue-stroke path {
  stroke: #3BB0FF
}

.c-dlist-a__list {
  display: flex
}

.c-dlist-a__term {
  width: 9em
}

.c-dlist-b {
  align-items: flex-start;
  display: flex
}

.c-dlist-b__term {
  flex: 0 0 auto;
  margin-right: .2em
}

.c-dlist-b--br {
  display: block
}

.c-dlist-c {
  display: table
}

.c-dlist-c__list {
  display: table-row
}

.c-dlist-c__term,
.c-dlist-c__desc {
  display: table-cell
}

.c-dlist-fig {
  display: flex;
  font-size: 1.2rem
}

.c-dlist-fig__figure {
  margin-right: .8em
}

.c-dlist-fig__figure.c-icon {
  top: .5em
}

.c-dlist-fig__list {
  line-height: 1.5
}

.c-dlist-fig__term {
  font-weight: 500
}

.c-fixed {
  overflow-y: hidden
}

.c-grid {
  margin: 0
}

.c-grid__wrap {
  display: flex;
  flex-wrap: wrap
}

.c-grid--center .c-grid__wrap {
  justify-content: center
}

@media (max-width: 599px) {
  .c-grid__wrap {
    flex-wrap: wrap
  }
}

.c-gutter-v0px>*:not(:last-child) {
  margin-bottom: 0px
}

.c-gutter-v5px>*:not(:last-child) {
  margin-bottom: 5px
}

.c-gutter-v10px>*:not(:last-child) {
  margin-bottom: 10px
}

.c-gutter-v15px>*:not(:last-child) {
  margin-bottom: 15px
}

.c-gutter-v20px>*:not(:last-child) {
  margin-bottom: 20px
}

.c-gutter-v25px>*:not(:last-child) {
  margin-bottom: 25px
}

.c-gutter-v30px>*:not(:last-child) {
  margin-bottom: 30px
}

.c-gutter-v35px>*:not(:last-child) {
  margin-bottom: 35px
}

.c-gutter-v40px>*:not(:last-child) {
  margin-bottom: 40px
}

.c-gutter-v45px>*:not(:last-child) {
  margin-bottom: 45px
}

.c-gutter-v50px>*:not(:last-child) {
  margin-bottom: 50px
}

.c-gutter-v55px>*:not(:last-child) {
  margin-bottom: 55px
}

.c-gutter-v60px>*:not(:last-child) {
  margin-bottom: 60px
}

.c-gutter-v65px>*:not(:last-child) {
  margin-bottom: 65px
}

.c-gutter-v70px>*:not(:last-child) {
  margin-bottom: 70px
}

.c-gutter-v75px>*:not(:last-child) {
  margin-bottom: 75px
}

.c-gutter-v80px>*:not(:last-child) {
  margin-bottom: 80px
}

.c-gutter-v85px>*:not(:last-child) {
  margin-bottom: 85px
}

.c-gutter-v90px>*:not(:last-child) {
  margin-bottom: 90px
}

.c-gutter-v95px>*:not(:last-child) {
  margin-bottom: 95px
}

.c-gutter-v100px>*:not(:last-child) {
  margin-bottom: 100px
}

.c-gutter-v105px>*:not(:last-child) {
  margin-bottom: 105px
}

.c-gutter-v110px>*:not(:last-child) {
  margin-bottom: 110px
}

.c-gutter-v115px>*:not(:last-child) {
  margin-bottom: 115px
}

.c-gutter-v120px>*:not(:last-child) {
  margin-bottom: 120px
}

.c-gutter-v125px>*:not(:last-child) {
  margin-bottom: 125px
}

.c-gutter-v130px>*:not(:last-child) {
  margin-bottom: 130px
}

.c-gutter-v135px>*:not(:last-child) {
  margin-bottom: 135px
}

.c-gutter-v140px>*:not(:last-child) {
  margin-bottom: 140px
}

.c-gutter-v145px>*:not(:last-child) {
  margin-bottom: 145px
}

.c-gutter-v150px>*:not(:last-child) {
  margin-bottom: 150px
}

@media (max-width: 599px) {
  .c-gutter-v0px-sp>*:not(:last-child) {
    margin-bottom: 0px
  }

  .c-gutter-v5px-sp>*:not(:last-child) {
    margin-bottom: 5px
  }

  .c-gutter-v10px-sp>*:not(:last-child) {
    margin-bottom: 10px
  }

  .c-gutter-v15px-sp>*:not(:last-child) {
    margin-bottom: 15px
  }

  .c-gutter-v20px-sp>*:not(:last-child) {
    margin-bottom: 20px
  }

  .c-gutter-v25px-sp>*:not(:last-child) {
    margin-bottom: 25px
  }

  .c-gutter-v30px-sp>*:not(:last-child) {
    margin-bottom: 30px
  }

  .c-gutter-v35px-sp>*:not(:last-child) {
    margin-bottom: 35px
  }

  .c-gutter-v40px-sp>*:not(:last-child) {
    margin-bottom: 40px
  }

  .c-gutter-v45px-sp>*:not(:last-child) {
    margin-bottom: 45px
  }

  .c-gutter-v50px-sp>*:not(:last-child) {
    margin-bottom: 50px
  }

  .c-gutter-v55px-sp>*:not(:last-child) {
    margin-bottom: 55px
  }

  .c-gutter-v60px-sp>*:not(:last-child) {
    margin-bottom: 60px
  }

  .c-gutter-v65px-sp>*:not(:last-child) {
    margin-bottom: 65px
  }

  .c-gutter-v70px-sp>*:not(:last-child) {
    margin-bottom: 70px
  }

  .c-gutter-v75px-sp>*:not(:last-child) {
    margin-bottom: 75px
  }

  .c-gutter-v80px-sp>*:not(:last-child) {
    margin-bottom: 80px
  }

  .c-gutter-v85px-sp>*:not(:last-child) {
    margin-bottom: 85px
  }

  .c-gutter-v90px-sp>*:not(:last-child) {
    margin-bottom: 90px
  }

  .c-gutter-v95px-sp>*:not(:last-child) {
    margin-bottom: 95px
  }

  .c-gutter-v100px-sp>*:not(:last-child) {
    margin-bottom: 100px
  }

  .c-gutter-v105px-sp>*:not(:last-child) {
    margin-bottom: 105px
  }

  .c-gutter-v110px-sp>*:not(:last-child) {
    margin-bottom: 110px
  }

  .c-gutter-v115px-sp>*:not(:last-child) {
    margin-bottom: 115px
  }

  .c-gutter-v120px-sp>*:not(:last-child) {
    margin-bottom: 120px
  }

  .c-gutter-v125px-sp>*:not(:last-child) {
    margin-bottom: 125px
  }

  .c-gutter-v130px-sp>*:not(:last-child) {
    margin-bottom: 130px
  }

  .c-gutter-v135px-sp>*:not(:last-child) {
    margin-bottom: 135px
  }

  .c-gutter-v140px-sp>*:not(:last-child) {
    margin-bottom: 140px
  }

  .c-gutter-v145px-sp>*:not(:last-child) {
    margin-bottom: 145px
  }

  .c-gutter-v150px-sp>*:not(:last-child) {
    margin-bottom: 150px
  }
}

.c-gutter-rem1>*:not(:last-child) {
  margin-bottom: 1rem
}

.c-gutter-rem2>*:not(:last-child) {
  margin-bottom: 2rem
}

.c-gutter-rem3>*:not(:last-child) {
  margin-bottom: 3rem
}

.c-gutter-rem4>*:not(:last-child) {
  margin-bottom: 4rem
}

.c-gutter-rem5>*:not(:last-child) {
  margin-bottom: 5rem
}

.c-gutter-rem6>*:not(:last-child) {
  margin-bottom: 6rem
}

.c-gutter-rem7>*:not(:last-child) {
  margin-bottom: 7rem
}

.c-gutter-rem8>*:not(:last-child) {
  margin-bottom: 8rem
}

.c-gutter-rem9>*:not(:last-child) {
  margin-bottom: 9rem
}

.c-gutter-rem10>*:not(:last-child) {
  margin-bottom: 10rem
}

.c-gutter-rem11>*:not(:last-child) {
  margin-bottom: 11rem
}

.c-gutter-rem12>*:not(:last-child) {
  margin-bottom: 12rem
}

.c-gutter-rem13>*:not(:last-child) {
  margin-bottom: 13rem
}

.c-gutter-rem14>*:not(:last-child) {
  margin-bottom: 14rem
}

.c-gutter-rem15>*:not(:last-child) {
  margin-bottom: 15rem
}

.c-link {
  display: flex;
  align-items: center;
  padding-right: 4rem;
  border-bottom: 1px solid #000;
  position: relative
}

.c-link::after {
  content: '';
  display: inline-block;
  width: 2rem;
  height: 1.8rem;
  -webkit-mask-image: url(/common/images/ico_arrow.svg);
  mask-image: url(/common/images/ico_arrow.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #000;
  position: absolute;
  right: 0;
  line-height: 1
}

.c-link::before {
  content: "";
  display: block;
  height: 1px;
  background-color: #000;
  bottom: 0;
  left: 0;
  position: absolute;
  width: 0;
  transition: all .2s ease-out
}

@media (min-width: 600px) {
  .c-link:hover::before {
    width: 100%
  }
}

.c-link--white::after {
  background-color: #fff
}

.c-link--white::before {
  background-color: #fff
}

.c-list-a {
  margin-left: 1em;
  text-indent: -1em
}

.c-list-a.s-10 {
  margin-left: 10px;
  text-indent: -10px
}

.c-list-a.s-11 {
  margin-left: 11px;
  text-indent: -11px
}

.c-list-a.s-12 {
  margin-left: 12px;
  text-indent: -12px
}

.c-list-a.s-13 {
  margin-left: 13px;
  text-indent: -13px
}

.c-list-a.s-14 {
  margin-left: 14px;
  text-indent: -14px
}

.c-list-a.s-15 {
  margin-left: 15px;
  text-indent: -15px
}

.c-list-a.s-16 {
  margin-left: 16px;
  text-indent: -16px
}

.c-list-a.s-17 {
  margin-left: 17px;
  text-indent: -17px
}

.c-list-a.s-18 {
  margin-left: 18px;
  text-indent: -18px
}

.c-list-a.s-19 {
  margin-left: 19px;
  text-indent: -19px
}

.c-list-a.s-20 {
  margin-left: 20px;
  text-indent: -20px
}

.c-list-a.s-21 {
  margin-left: 21px;
  text-indent: -21px
}

.c-list-a.s-22 {
  margin-left: 22px;
  text-indent: -22px
}

.c-list-a.s-23 {
  margin-left: 23px;
  text-indent: -23px
}

.c-list-a.s-24 {
  margin-left: 24px;
  text-indent: -24px
}

.c-list-a.s-25 {
  margin-left: 25px;
  text-indent: -25px
}

.c-list-a.s-26 {
  margin-left: 26px;
  text-indent: -26px
}

.c-list-a.s-27 {
  margin-left: 27px;
  text-indent: -27px
}

.c-list-a.s-28 {
  margin-left: 28px;
  text-indent: -28px
}

.c-list-a.s-29 {
  margin-left: 29px;
  text-indent: -29px
}

.c-list-a.s-30 {
  margin-left: 30px;
  text-indent: -30px
}

.c-list-a.s-31 {
  margin-left: 31px;
  text-indent: -31px
}

.c-list-a.s-32 {
  margin-left: 32px;
  text-indent: -32px
}

.c-list-a.s-33 {
  margin-left: 33px;
  text-indent: -33px
}

.c-list-a.s-34 {
  margin-left: 34px;
  text-indent: -34px
}

.c-list-a.s-35 {
  margin-left: 35px;
  text-indent: -35px
}

.c-list-a--icon .c-list-a__item {
  align-items: center;
  display: flex
}

.c-list-a--2 {
  margin-left: 2em;
  text-indent: -2em
}

.c-list-a--2.c-list-a--noindent {
  margin-left: 0;
  text-indent: 0
}

.c-list-a--3 {
  margin-left: 3em;
  text-indent: -3em
}

@media (max-width: 599px) {
  .c-list-a.s-10-sp {
    margin-left: 10px;
    text-indent: -10px
  }

  .c-list-a.s-11-sp {
    margin-left: 11px;
    text-indent: -11px
  }

  .c-list-a.s-12-sp {
    margin-left: 12px;
    text-indent: -12px
  }

  .c-list-a.s-13-sp {
    margin-left: 13px;
    text-indent: -13px
  }

  .c-list-a.s-14-sp {
    margin-left: 14px;
    text-indent: -14px
  }

  .c-list-a.s-15-sp {
    margin-left: 15px;
    text-indent: -15px
  }

  .c-list-a.s-16-sp {
    margin-left: 16px;
    text-indent: -16px
  }

  .c-list-a.s-17-sp {
    margin-left: 17px;
    text-indent: -17px
  }

  .c-list-a.s-18-sp {
    margin-left: 18px;
    text-indent: -18px
  }

  .c-list-a.s-19-sp {
    margin-left: 19px;
    text-indent: -19px
  }

  .c-list-a.s-20-sp {
    margin-left: 20px;
    text-indent: -20px
  }

  .c-list-a.s-21-sp {
    margin-left: 21px;
    text-indent: -21px
  }

  .c-list-a.s-22-sp {
    margin-left: 22px;
    text-indent: -22px
  }

  .c-list-a.s-23-sp {
    margin-left: 23px;
    text-indent: -23px
  }

  .c-list-a.s-24-sp {
    margin-left: 24px;
    text-indent: -24px
  }

  .c-list-a.s-25-sp {
    margin-left: 25px;
    text-indent: -25px
  }

  .c-list-a.s-26-sp {
    margin-left: 26px;
    text-indent: -26px
  }

  .c-list-a.s-27-sp {
    margin-left: 27px;
    text-indent: -27px
  }

  .c-list-a.s-28-sp {
    margin-left: 28px;
    text-indent: -28px
  }

  .c-list-a.s-29-sp {
    margin-left: 29px;
    text-indent: -29px
  }

  .c-list-a.s-30-sp {
    margin-left: 30px;
    text-indent: -30px
  }
}

.c-list-b {
  margin-left: 2em;
  text-indent: -2em
}

.c-list-b__num {
  color: #3BB0FF;
  display: inline-block;
  font-weight: 600;
  margin-right: .8em;
  text-align: right;
  width: 1.3em
}

.c-list-c {
  margin-left: 1em;
  text-indent: -1em
}

.c-list-c__item::before {
  color: #AEBAF8;
  content: '●';
  font-size: .7em;
  margin-right: .5em;
  vertical-align: .1em
}

.c-list-c--col {
  display: flex
}

.c-list-c--col .c-list-c__list {
  padding: 1em
}

.c-list-c--col .c-list-c__list:first-child {
  padding-left: 2em
}

.c-list-c--col .c-list-c__list:not(:last-child) {
  margin-right: 2em
}

.c-list-c--bg-blue-exlight {
  background: #dbf0fa
}

@media (max-width: 599px) {
  .c-list-c--col {
    margin-left: 0
  }
}

.c-media-a__target {
  display: block
}

.c-media-a__target:hover .c-media-a__media img {
  transform: translateX(-50%) scale(1.05)
}

.c-media-a__media {
  overflow: hidden;
  padding-top: 66.47399%;
  position: relative
}

.c-media-a__media img,
.c-media-a__media iframe {
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  transition: transform .2s ease-out;
  width: 100%
}

.c-media-a__media iframe {
  width: 100%
}

.c-media-a__thumb {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.c-media-a--video .c-media-a__media::before,
.c-media-a--video .c-media-a__media::after {
  content: '';
  display: block;
  z-index: 1;
  position: absolute
}

.c-media-a--video .c-media-a__media::before {
  background-color: rgba(0, 0, 0, 0.45);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%
}

.c-media-a--video .c-media-a__media::after {
  background-image: url(/assets/img/ico_play_01.svg);
  height: 70px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 70px
}

.c-media-a--video .c-media-a__thumb {
  -o-object-fit: cover;
  object-fit: cover
}

.c-media-a--video-aspect .c-media-a__media {
  padding-top: 56.25%
}

.c-media-a--link .c-media-a__target[href=''] {
  pointer-events: none
}

.c-media-a__media {
  background: #C3C3C3
}

.c-media-a__caption {
  color: #000;
  margin-top: .5em
}

.c-media-a--expand-img .c-media-a__media::after {
  background: url(/assets/img/ico_expand_01.svg) no-repeat;
  content: '';
  bottom: 15px;
  display: block;
  height: 33px;
  position: absolute;
  right: 15px;
  width: 33px
}

.c-media-a--no-img .c-media-a__target:hover .c-media-a__media::before {
  transform: scale(1.08)
}

.c-media-a--no-img .c-media-a__media::before {
  background: url(/assets/img/logo_site_04.svg) no-repeat center;
  content: '';
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  transition: transform .2s ease-out;
  top: 0;
  width: 100%
}

@media (max-width: 599px) {
  .c-media-a--expand-img .c-media-a__target {
    pointer-events: none
  }

  .c-media-a--expand-img .c-media-a__media::after {
    content: none
  }
}

.c-media-b {
  height: 100%
}

.c-media-b__target {
  display: block
}

.c-media-b__target:hover .c-media-b__media img {
  transform: translateX(-50%) scale(1.05)
}

.c-media-b__media {
  overflow: hidden;
  padding-top: 66.47399%;
  position: relative
}

.c-media-b__media img,
.c-media-b__media iframe {
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  transition: transform .2s ease-out;
  width: 100%
}

.c-media-b__media iframe {
  width: 100%
}

.c-media-b__thumb {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.c-media-b--video .c-media-b__media::before,
.c-media-b--video .c-media-b__media::after {
  content: '';
  display: block;
  z-index: 1;
  position: absolute
}

.c-media-b--video .c-media-b__media::before {
  background-color: rgba(0, 0, 0, 0.45);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%
}

.c-media-b--video .c-media-b__media::after {
  background-image: url(/assets/img/ico_play_01.svg);
  height: 70px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 70px
}

.c-media-b--video .c-media-b__thumb {
  -o-object-fit: cover;
  object-fit: cover
}

.c-media-b--video-aspect .c-media-b__media {
  padding-top: 56.25%
}

.c-media-b--link .c-media-b__target[href=''] {
  pointer-events: none
}

.c-media-b__target {
  height: 100%
}

.c-media-b__fig {
  background: #1B96D5;
  border-radius: 7px;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden
}

.c-media-b__caption {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px 30px 30px
}

.c-media-b__p {
  color: #3BB0FF;
  line-height: 1.8;
  text-align: center
}

.c-media-b__p:not(:last-child) {
  margin-bottom: 1em
}

.c-media-b--download .c-media-b__fig {
  background: #C3C3C3;
  padding-top: 30px;
  transition: background .2s ease-out
}

.c-media-b--download .c-media-b__fig:hover {
  background: #1B96D5
}

.c-media-b--download .c-media-b__media {
  height: 200px;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  padding: 0 30px;
  text-align: center
}

.c-media-b--download .c-media-b__thumb {
  position: static;
  transform: none !important
}

.c-modal {
  display: none;
  position: fixed;
  z-index: 10010;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.c-modal--w {
  max-width: 1000px;
  width: 90%
}

.c-modal--h {
  height: 95%
}

@media (max-width: 599px) {
  .c-modal {
    width: 95%;
    height: 80%
  }
}

.c-modal__overlay {
  display: none;
  position: fixed;
  z-index: 10009;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(17, 17, 17, 0.7)
}

.c-modal__close {
  position: fixed;
  z-index: 10010;
  right: -0;
  top: -0;
  width: 80px;
  height: 80px;
  padding: 0;
  margin: 0;
  border: none;
  background-color: #000;
  cursor: pointer;
  transition: background-color 0.3s;
  font-size: 0
}

@media (max-width: 599px) {
  .c-modal__close {
    width: 6rem;
    height: 6rem
  }
}

.c-modal__close::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 50px;
  background-color: #fff;
  transform: translate(-50%, -50%) rotate(45deg)
}

@media (max-width: 599px) {
  .c-modal__close::before {
    height: 25px
  }
}

.c-modal__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 50px;
  background-color: #fff;
  transform: translate(-50%, -50%) rotate(-45deg)
}

@media (max-width: 599px) {
  .c-modal__close::after {
    height: 25px
  }
}

.c-modal__container {
  position: relative
}

@media (max-width: 599px) {
  .c-modal__container {
    width: 100%;
    width: 100%;
    overflow: auto
  }

  .c-modal__container img {
    max-width: 150%
  }
}

.c-modal__container .is-scrollhint {
  display: none
}

@media (max-width: 599px) {
  .c-modal__container .is-scrollhint {
    display: block;
    z-index: 10;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(17, 17, 17, 0.7)
  }
}

.c-modal__container .is-scrollhint__ico {
  display: none
}

@media (max-width: 599px) {
  .c-modal__container .is-scrollhint__ico {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
  }

  .c-modal__container .is-scrollhint__ico p {
    font-size: 1.2rem;
    margin: 1rem
  }

  .c-modal__container .is-scrollhint__ico figure {
    width: 4rem
  }
}

.c-modal__ico {
  position: relative
}

.c-modal__ico::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 4.8rem;
  height: 4.8rem;
  background: url(/assets/img/ico_modal_open.svg) center center no-repeat
}

.fixd {
  overflow-y: hidden
}

.c-overview {
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: 20px;
  padding: 4rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .c-overview {
    padding: calc(40 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .c-overview {
    padding: calc(40 / 375 * 100vw) calc(20 / 375 * 100vw);
    flex-direction: column
  }
}

.c-overview__picture {
  width: 27.2rem;
  margin-right: 9rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .c-overview__picture {
    width: calc(272 / 1280 * 100vw);
    margin-right: calc(90 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .c-overview__picture {
    width: calc(200 / 375 * 100vw);
    margin: 0 auto calc(20 / 375 * 100vw)
  }
}

.c-overview__picture img {
  width: 100%
}

.c-overview__text {
  width: -moz-fit-content;
  width: fit-content
}

.c-pad-a {
  padding: 40px
}

@media (max-width: 599px) {
  .c-pad-a {
    padding: 30px 15px
  }
}

.c-pagetop {
  position: fixed;
  z-index: 1000;
  opacity: .9;
  right: 2rem;
  bottom: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.3rem;
  height: 5.3rem;
  background-color: #000;
  border: solid 1px #000;
  border-radius: 50%;
  transition: background-color 0.3s, color 0.3s
}

@media (max-width: 599px) {
  .c-pagetop {
    right: 1rem;
    bottom: 1rem
  }
}

.c-pagetop span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%
}

.c-pagetop span::before {
  position: absolute;
  margin-top: .8rem;
  content: url(/assets/img/pagetop__arrow-white.svg);
  width: 2rem
}

@media (min-width: 600px) {
  .c-pagetop:hover {
    background-color: #fff
  }

  .c-pagetop:hover span::before {
    content: url(/assets/img/pagetop__arrow-black.svg)
  }
}

.c-par-1em:not(:last-child) {
  margin-bottom: 1em
}

.c-par-2em:not(:last-child) {
  margin-bottom: 2em
}

.c-par-3em:not(:last-child) {
  margin-bottom: 3em
}

.c-par-4em:not(:last-child) {
  margin-bottom: 4em
}

.c-par-5em:not(:last-child) {
  margin-bottom: 5em
}

.c-par-05em:not(:last-child) {
  margin-bottom: .5em
}

.c-par-15em:not(:last-child) {
  margin-bottom: 1.5em
}

.c-par-25em:not(:last-child) {
  margin-bottom: 2.5em
}

.c-par-35em:not(:last-child) {
  margin-bottom: 3.5em
}

.c-par-45em:not(:last-child) {
  margin-bottom: 4.5em
}

.c-par-55em:not(:last-child) {
  margin-bottom: 5.5em
}

@media (max-width: 599px) {
  .c-par-1em-sp:not(:last-child) {
    margin-bottom: 1em
  }

  .c-par-2em-sp:not(:last-child) {
    margin-bottom: 2em
  }

  .c-par-3em-sp:not(:last-child) {
    margin-bottom: 3em
  }

  .c-par-4em-sp:not(:last-child) {
    margin-bottom: 4em
  }

  .c-par-5em-sp:not(:last-child) {
    margin-bottom: 5em
  }

  .c-par-05em-sp:not(:last-child) {
    margin-bottom: .5em
  }

  .c-par-15em-sp:not(:last-child) {
    margin-bottom: 1.5em
  }

  .c-par-25em-sp:not(:last-child) {
    margin-bottom: 2.5em
  }

  .c-par-35em-sp:not(:last-child) {
    margin-bottom: 3.5em
  }

  .c-par-45em-sp:not(:last-child) {
    margin-bottom: 4.5em
  }

  .c-par-55em-sp:not(:last-child) {
    margin-bottom: 5.5em
  }
}

.c-plate-a {
  background: white;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15)
}

.c-plate-a--white {
  background: #fff
}

.c-plate-a--navy {
  background: #F2F3F8
}

@media (max-width: 599px) {
  .c-plate-a--sp-full {
    border-radius: 0;
    margin-left: calc((100vw - 1200px) / 2 * -1);
    margin-right: calc((100vw - 1200px) / 2 * -1)
  }
}

@media only screen and (max-width: 599px) and (max-width: 1240px) {
  .c-plate-a--sp-full {
    margin-left: -20px
  }
}

@media only screen and (max-width: 599px) and (max-width: 599px) {
  .c-plate-a--sp-full {
    margin-left: vpsp-vw(-15)
  }
}

@media only screen and (max-width: 599px) and (max-width: 1240px) {
  .c-plate-a--sp-full {
    margin-right: -20px
  }
}

@media only screen and (max-width: 599px) and (max-width: 599px) {
  .c-plate-a--sp-full {
    margin-right: vpsp-vw(-15)
  }
}

.c-plate-b {
  background: white;
  border: 1px solid #E5E5E5
}

.c-plate-b--navy {
  background: #F2F3F8
}

@media (max-width: 599px) {
  .c-plate-b--sp-full {
    border-radius: 0;
    margin-left: calc((100vw - 1200px) / 2 * -1);
    margin-right: calc((100vw - 1200px) / 2 * -1)
  }
}

@media only screen and (max-width: 599px) and (max-width: 1240px) {
  .c-plate-b--sp-full {
    margin-left: -20px
  }
}

@media only screen and (max-width: 599px) and (max-width: 599px) {
  .c-plate-b--sp-full {
    margin-left: vpsp-vw(-15)
  }
}

@media only screen and (max-width: 599px) and (max-width: 1240px) {
  .c-plate-b--sp-full {
    margin-right: -20px
  }
}

@media only screen and (max-width: 599px) and (max-width: 599px) {
  .c-plate-b--sp-full {
    margin-right: vpsp-vw(-15)
  }
}

.l-related {
  padding-top: 5rem
}

@media (max-width: 599px) {
  .l-related {
    padding-top: 2rem
  }
}

.l-related:last-of-type {
  padding-bottom: 10rem
}

@media (max-width: 599px) {
  .l-related:last-of-type {
    padding-bottom: 7rem
  }
}

.l-related__title {
  margin-bottom: 2rem
}

.l-related__link {
  display: flex;
  flex-wrap: wrap
}

.l-related__link__child {
  width: calc((100% - 6rem) / 4)
}

@media (min-width: 600px) {
  .l-related__link__child:not(:nth-child(4n)) {
    margin-right: 2rem
  }

  .l-related__link__child:nth-child(n+5) {
    margin-top: 2rem
  }
}

@media (max-width: 599px) {
  .l-related__link__child {
    width: calc((100% - 2rem) / 2)
  }

  .l-related__link__child:nth-child(odd) {
    margin-right: 2rem
  }

  .l-related__link__child:nth-child(n+3) {
    margin-top: 2rem
  }
}

.l-related__link__child a figure {
  width: 100%;
  margin-bottom: 0.8rem;
  overflow: hidden
}

.l-related__link__child a figure img {
  transition: 1s all
}

.l-related__link__child a p {
  color: #000
}

.l-related__link__child a[href*="https://"] span {
  display: inline
}

.l-related__link__child a[href*="https://"] span::after {
  content: "";
  display: inline-block;
  transform: rotate(0deg);
  border: none;
  width: 1.2rem;
  height: 1.2rem;
  margin-left: 0.4rem;
  background-color: #000;
  -webkit-mask: url(/assets/img/arrow__blank.svg) no-repeat 0/contain;
  mask: url(/assets/img/arrow__blank.svg) no-repeat 0/contain;
  transition: background-image .5s
}

.l-related__link__child a[href*=".pdf"] span {
  display: inline
}

.l-related__link__child a[href*=".pdf"] span::after {
  content: "(PDF形式)";
  display: inline-block;
  transform: rotate(0deg);
  border: none;
  margin-left: 0rem;
  background: none
}

.l-related__link__child a:hover figure {
  opacity: .8
}

.l-related__link__child a:hover figure img {
  transform: scale(1.5, 1.5);
  transition: .3s all
}

.l-related__link__child a:hover p {
  color: #3BB0FF
}

.l-related__list__child:not(:first-child) {
  margin-top: 2rem
}

@media (max-width: 599px) {
  .l-related__list__child:not(:first-child) {
    margin-top: 1rem
  }
}

.l-related__list__child a[href*="https://"] span {
  position: relative;
  display: inline
}

.l-related__list__child a[href*="https://"] span::after {
  content: "";
  display: inline-block;
  transform: rotate(0deg);
  border: none;
  width: 1.2rem;
  height: 1.2rem;
  margin-left: 0.4rem;
  background-color: #000;
  -webkit-mask: url(/assets/img/arrow__blank.svg) no-repeat 0/contain;
  mask: url(/assets/img/arrow__blank.svg) no-repeat 0/contain;
  transition: background-image .5s
}

.l-related__list__child a[href*=".pdf"] span {
  display: inline
}

.l-related__list__child a[href*=".pdf"] span::after {
  content: "(PDF形式)";
  display: inline-block;
  transform: rotate(0deg);
  margin-left: 0rem;
  text-decoration: underline;
  background: none
}

.l-related__list__child a:hover[href=".pdf"] span::after {
  text-decoration: none
}

.c-shadow-a {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15)
}

.c-signature-a__content {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.75;
  text-align: left
}

.c-signature-a--right {
  text-align: right
}

.c-text-lead {
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: .1em;
  line-height: 1.5
}

.c-text-lead--white {
  color: #fff
}

.c-text-lead--mb {
  margin-bottom: 1.8em
}

.c-text-lead--mb1 {
  margin-bottom: 2.4em
}

.c-text-lead--mb2 {
  margin-bottom: 3em
}

@media (max-width: 599px) {
  .c-text-lead {
    font-size: 1.6rem;
    letter-spacing: .025em;
    line-height: 2
  }

  .c-text-lead--mb {
    margin-bottom: 2.5em
  }

  .c-text-lead--sp-left {
    text-align: left
  }
}

.c-text-body {
  font-size: 1.8rem;
  line-height: 1.5
}

.c-text-body__p:not(:last-child) {
  margin-bottom: 1em
}

.c-text-body--mb1 {
  margin-bottom: 3em
}

@media (max-width: 599px) {
  .c-text-body {
    font-size: 1.6rem
  }
}

.c-text-notes {
  font-size: 1.6rem
}

@media (max-width: 599px) {
  .c-text-notes {
    font-size: 1.4rem
  }
}

.c-text-marker {
  display: inline;
  background: linear-gradient(transparent 37.03704%, #FFF365 0%);
  padding-bottom: 0px
}

.c-text-marker--1 {
  background: linear-gradient(transparent 90.625%, #FFB562 0%);
  padding-bottom: 2px
}

.c-title {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  font-size: 3.6rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .c-title {
    font-size: calc(36 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .c-title {
    font-size: calc(18 / 375 * 100vw)
  }
}

.c-title span {
  font-size: 1.8rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .c-title span {
    font-size: calc(18 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .c-title span {
    font-size: calc(16 / 375 * 100vw)
  }
}

.c-title-blue {
  color: #308FCF
}

@media (max-width: 599px) {
  .c-title-blue {
    font-size: calc(40 / 375 * 100vw)
  }
}

.c-title-orange {
  color: #D67C00
}

@media (max-width: 599px) {
  .c-title-orange {
    font-size: calc(40 / 375 * 100vw)
  }
}

.c-title-white {
  color: #fff;
  font-size: 3.6rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .c-title-white {
    font-size: calc(36 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .c-title-white {
    font-size: calc(24 / 375 * 100vw)
  }
}

.c-title-related {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 600
}

.c-title-related::after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 0
}

.c-title-related span {
  background-color: #F9F2ED;
  padding-right: 1rem;
  z-index: 1
}

.c-toggler {
  border: none;
  height: 100%;
  transition: background .2s ease-out;
  width: 100%
}

.c-toggler__icon {
  height: 28px;
  position: relative;
  width: 30px
}

.c-toggler__icon span {
  background: white;
  height: 4px;
  position: absolute;
  width: 100%
}

.c-toggler__icon span:nth-child(1) {
  top: 0
}

.c-toggler__icon span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%)
}

.c-toggler__icon span:nth-child(3) {
  bottom: 0;
  right: 0;
  width: 50%
}

.c-toggler__text {
  color: #fff;
  font-size: .9rem;
  margin-top: 4px
}

.c-toggler__text::before {
  content: 'メニュー'
}

.c-toggler__text.is-open::before {
  content: '閉じる'
}

.c-toggler span {
  display: block;
  margin-left: auto;
  margin-right: auto;
  transition: transform .2s ease-out
}

.c-toggler[aria-expanded=true] .c-toggler__icon span:nth-child(2) {
  display: none
}

.c-toggler[aria-expanded=true] .c-toggler__icon span:nth-child(1),
.c-toggler[aria-expanded=true] .c-toggler__icon span:nth-child(3) {
  top: 50%
}

.c-toggler[aria-expanded=true] .c-toggler__icon span:nth-child(1) {
  transform: rotate(45deg)
}

.c-toggler[aria-expanded=true] .c-toggler__icon span:nth-child(3) {
  transform: rotate(-45deg);
  width: 100%
}

.c-toggler[aria-expanded=true] .c-toggler__text .default {
  display: none
}

.c-toggler[aria-expanded=false] .c-toggler__text .expanded {
  display: none
}

.c-toggler:hover .c-toggler__icon {
  transform: scale(1.2)
}

.c-video-a {
  margin: 0 auto;
  max-width: 880px;
  width: 100%
}

.c-video-a__inner {
  height: 0;
  line-height: 0;
  padding-top: 56.25%;
  position: relative
}

.c-video-a__inner::before,
.c-video-a__inner::after {
  border-width: 42px 56px;
  border-style: solid;
  border-color: transparent;
  content: '';
  display: block;
  position: absolute;
  z-index: 1
}

.c-video-a__inner::before {
  border-top-color: #3BB0FF;
  border-left-color: #3BB0FF;
  left: -10px;
  top: -10px
}

.c-video-a__inner::after {
  border-bottom-color: #FFF365;
  border-right-color: #FFF365;
  bottom: -10px;
  right: -10px
}

.c-video-a__video {
  cursor: pointer
}

.c-video-a iframe,
.c-video-a video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.c-video-a--modal .c-video-a__inner {
  height: auto;
  padding-top: 0
}

.c-video-a--modal .c-video-a__img {
  cursor: pointer
}

@media (max-width: 599px) {
  .c-video-a {
    padding: 0 vpsp-vw(10)
  }

  .c-video-a__inner::before,
  .c-video-a__inner::after {
    border-width: vpsp-vw(23) vpsp-vw(30)
  }
}

.c-youtube {
  position: relative;
  width: 100%;
  height: 46rem;
  margin: 10rem auto 0rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .c-youtube {
    height: calc(460 / 1280 * 100vw);
    margin-top: calc(100 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .c-youtube {
    margin: calc(30 / 375 * 100vw) auto 0;
    height: calc(416 / 375 * 100vw)
  }
}

.c-youtube__movie {
  position: absolute;
  width: 68%;
  top: 0;
  right: 0;
  filter: drop-shadow(0 0 0.75rem rgba(0, 0, 0, 0.3));
  margin-top: 3rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .c-youtube__movie {
    margin-top: calc(30 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .c-youtube__movie {
    width: 98%;
    right: calc(-20 / 375 * 100vw);
    margin-top: calc(220 / 375 * 100vw)
  }
}

.c-youtube__wrap {
  z-index: 0;
  position: relative;
  width: 39.1rem;
  height: 35.7rem;
  padding: 3.5rem 4rem 0
}

@media (min-width: 600px) and (max-width: 1980px) {
  .c-youtube__wrap {
    width: calc(391 / 1280 * 100vw);
    height: calc(357 / 1280 * 100vw);
    padding: calc(35 / 1280 * 100vw) calc(40 / 1280 * 100vw) 0
  }
}

@media (max-width: 599px) {
  .c-youtube__wrap {
    left: calc(-20 / 375 * 100vw);
    width: calc(240 / 375 * 100vw);
    height: calc(240 / 375 * 100vw);
    padding: calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) 0
  }
}

.c-youtube__wrap__title {
  margin-bottom: 1rem;
  font-size: 2.5rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .c-youtube__wrap__title {
    margin-bottom: calc(10 / 1280 * 100vw);
    font-size: calc(25 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .c-youtube__wrap__title {
    font-size: calc(18 / 375 * 100vw)
  }
}

.c-youtube__wrap.blue {
  background-color: #3BB0FF
}

.c-youtube__wrap.orange {
  background-color: #FFB562
}

.sip .c-youtube__wrap {
  background-color: #3BB0FF
}

.bridge .c-youtube__wrap {
  background-color: #FFB562
}

.u-align--center {
  text-align: center
}

@media (min-width: 600px) {
  .u-align--center_pc {
    text-align: center
  }
}

@media (max-width: 599px) {
  .u-align--center_sp {
    text-align: center
  }
}

.u-align--left {
  text-align: left
}

.u-align--right {
  text-align: right
}

.u-border-t-none {
  border-top: none !important
}

.u-border-b-none {
  border-bottom: none !important
}

.u-border-l-none {
  border-left: none !important
}

.u-border-r-none {
  border-right: none !important
}

.u-circumference-border {
  border: 1px solid #d3d3d3
}

.u-clearfix:before,
.u-clearfix:after {
  content: "";
  display: table
}

.u-clearfix:after {
  clear: both
}

.u-color-black {
  color: #000
}

.u-color-white {
  color: #fff;
  fill: #fff
}

.u-color-blue {
  color: #3BB0FF
}

.u-color-blue-dark {
  color: #308FCF
}

.u-color-orange {
  color: #FFB562
}

.u-color-orange-dark {
  color: #D67C00
}

.u-bgcolor-white {
  background-color: #fff
}

.u-bgcolor-white-light {
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 20px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2)
}

.u-bgcolor-blue {
  background-color: #3BB0FF
}

.u-opacity-0 {
  opacity: 0
}

.u-column {
  align-items: flex-start;
  display: flex;
  flex-direction: column
}

.only-pc {
  display: block !important
}

@media (max-width: 599px) {
  .only-pc {
    display: none !important
  }
}

.only-sp {
  display: none !important
}

@media (max-width: 599px) {
  .only-sp {
    display: block !important
  }
}

.u-only-sp {
  display: none !important
}

.u-only-pc {
  display: none
}

@media (max-width: 599px) {
  .u-only-pcpc {
    display: none !important
  }

  .u-only-pcsp {
    display: inherit !important
  }
}

@media (max-width: 599px) {
  .u-onlypc {
    display: none !important
  }

  .u-onlysp {
    display: inherit !important
  }
}

@media (min-width: 980px) {
  .u-only-min980 {
    display: inherit
  }
}

@media (max-width: 979px) {
  .u-only-min980 {
    display: none
  }
}

@media (max-width: 980px) {
  .u-only-max980 {
    display: inherit
  }
}

@media (min-width: 981px) {
  .u-only-max980 {
    display: none
  }
}

@media (max-width: 599px) {
  .u-only-max980 {
    display: none
  }
}

.u-block {
  display: block
}

.u-iblock {
  display: inline-block
}

.u-inline {
  display: inline
}

.u-flex {
  display: flex
}

.u-flex>* {
  flex: 0 1 auto
}

>.u-flex__img {
  flex: 0 0 auto
}

.u-flex-inline {
  display: inline-flex
}

.u-flex-center {
  justify-content: center
}

.u-flex-between {
  justify-content: space-between
}

.u-flex-around {
  justify-content: space-around
}

.u-flex-stretch {
  align-items: stretch
}

.u-flex-align-c {
  align-items: center
}

.u-flex-align-end {
  align-items: flex-end
}

.u-flex-wrap {
  flex-wrap: wrap
}

.u-flex-column {
  flex-direction: column
}

.u-flex-shrink-0 {
  flex-shrink: 0
}

@media (max-width: 599px) {
  .u-flex-sp {
    display: flex
  }

  .u-flex-center-sp {
    justify-content: center
  }

  .u-flex-between-sp {
    justify-content: space-between
  }

  .u-flex-around-sp {
    justify-content: space-around
  }

  .u-flex-stretch-sp {
    align-items: stretch
  }

  .u-flex-align-center-sp {
    align-items: center
  }

  .u-flex-align-end-sp {
    align-items: flex-end
  }

  .u-flex-wrap-sp {
    flex-wrap: wrap
  }

  .u-flex-column-sp {
    flex-direction: column
  }

  .u-flex-spcol-sp {
    flex-direction: column
  }

  .u-flex-spblock-sp {
    display: block
  }

  .u-flex-align-start-sp {
    align-items: flex-start
  }
}

.u-order0 {
  order: 0
}

@media (max-width: 599px) {
  .u-order0-sp {
    order: 0
  }
}

@media (min-width: 600px) {
  .u-order0-pc {
    order: 0
  }
}

.u-order1 {
  order: 1
}

@media (max-width: 599px) {
  .u-order1-sp {
    order: 1
  }
}

@media (min-width: 600px) {
  .u-order1-pc {
    order: 1
  }
}

.u-order2 {
  order: 2
}

@media (max-width: 599px) {
  .u-order2-sp {
    order: 2
  }
}

@media (min-width: 600px) {
  .u-order2-pc {
    order: 2
  }
}

.u-order3 {
  order: 3
}

@media (max-width: 599px) {
  .u-order3-sp {
    order: 3
  }
}

@media (min-width: 600px) {
  .u-order3-pc {
    order: 3
  }
}

.u-order4 {
  order: 4
}

@media (max-width: 599px) {
  .u-order4-sp {
    order: 4
  }
}

@media (min-width: 600px) {
  .u-order4-pc {
    order: 4
  }
}

.u-order5 {
  order: 5
}

@media (max-width: 599px) {
  .u-order5-sp {
    order: 5
  }
}

@media (min-width: 600px) {
  .u-order5-pc {
    order: 5
  }
}

.u-order6 {
  order: 6
}

@media (max-width: 599px) {
  .u-order6-sp {
    order: 6
  }
}

@media (min-width: 600px) {
  .u-order6-pc {
    order: 6
  }
}

.u-order7 {
  order: 7
}

@media (max-width: 599px) {
  .u-order7-sp {
    order: 7
  }
}

@media (min-width: 600px) {
  .u-order7-pc {
    order: 7
  }
}

.u-order8 {
  order: 8
}

@media (max-width: 599px) {
  .u-order8-sp {
    order: 8
  }
}

@media (min-width: 600px) {
  .u-order8-pc {
    order: 8
  }
}

.u-order9 {
  order: 9
}

@media (max-width: 599px) {
  .u-order9-sp {
    order: 9
  }
}

@media (min-width: 600px) {
  .u-order9-pc {
    order: 9
  }
}

.u-order10 {
  order: 10
}

@media (max-width: 599px) {
  .u-order10-sp {
    order: 10
  }
}

@media (min-width: 600px) {
  .u-order10-pc {
    order: 10
  }
}

.u-h5px {
  height: 5px !important
}

.u-h10px {
  height: 10px !important
}

.u-h15px {
  height: 15px !important
}

.u-h20px {
  height: 20px !important
}

.u-h25px {
  height: 25px !important
}

.u-h30px {
  height: 30px !important
}

.u-h35px {
  height: 35px !important
}

.u-h40px {
  height: 40px !important
}

.u-h45px {
  height: 45px !important
}

.u-h50px {
  height: 50px !important
}

.u-h55px {
  height: 55px !important
}

.u-h60px {
  height: 60px !important
}

.u-h65px {
  height: 65px !important
}

.u-h70px {
  height: 70px !important
}

.u-h75px {
  height: 75px !important
}

.u-h80px {
  height: 80px !important
}

.u-h85px {
  height: 85px !important
}

.u-h90px {
  height: 90px !important
}

.u-h95px {
  height: 95px !important
}

.u-h100px {
  height: 100px !important
}

.u-h5 {
  height: 5% !important
}

.u-h10 {
  height: 10% !important
}

.u-h15 {
  height: 15% !important
}

.u-h20 {
  height: 20% !important
}

.u-h25 {
  height: 25% !important
}

.u-h30 {
  height: 30% !important
}

.u-h35 {
  height: 35% !important
}

.u-h40 {
  height: 40% !important
}

.u-h45 {
  height: 45% !important
}

.u-h50 {
  height: 50% !important
}

.u-h55 {
  height: 55% !important
}

.u-h60 {
  height: 60% !important
}

.u-h65 {
  height: 65% !important
}

.u-h70 {
  height: 70% !important
}

.u-h75 {
  height: 75% !important
}

.u-h80 {
  height: 80% !important
}

.u-h85 {
  height: 85% !important
}

.u-h90 {
  height: 90% !important
}

.u-h95 {
  height: 95% !important
}

.u-h100 {
  height: 100% !important
}

@media only screen and (max-width: 599px) {
  .u-height-sp100 {
    width: 100%
  }
}

.ie img.u-object-fit {
  font-family: 'object-fit: cover;'
}

.u-lh5 {
  line-height: .5
}

.u-lh6 {
  line-height: .6
}

.u-lh7 {
  line-height: .7
}

.u-lh8 {
  line-height: .8
}

.u-lh9 {
  line-height: .9
}

.u-lh10 {
  line-height: 1
}

.u-lh11 {
  line-height: 1.1
}

.u-lh12 {
  line-height: 1.2
}

.u-lh13 {
  line-height: 1.3
}

.u-lh14 {
  line-height: 1.4
}

.u-lh15 {
  line-height: 1.5
}

.u-lh16 {
  line-height: 1.6
}

.u-lh17 {
  line-height: 1.7
}

.u-lh18 {
  line-height: 1.8
}

.u-lh19 {
  line-height: 1.9
}

.u-lh20 {
  line-height: 2
}

.u-lh21 {
  line-height: 2.1
}

.u-lh22 {
  line-height: 2.2
}

.u-lh23 {
  line-height: 2.3
}

.u-lh24 {
  line-height: 2.4
}

.u-lh25 {
  line-height: 2.5
}

.u-lh26 {
  line-height: 2.6
}

.u-lh27 {
  line-height: 2.7
}

.u-lh28 {
  line-height: 2.8
}

.u-lh29 {
  line-height: 2.9
}

.u-lh30 {
  line-height: 3
}

@media only screen and (max-width: 599px) {
  .u-lh5-sp {
    line-height: .5
  }

  .u-lh6-sp {
    line-height: .6
  }

  .u-lh7-sp {
    line-height: .7
  }

  .u-lh8-sp {
    line-height: .8
  }

  .u-lh9-sp {
    line-height: .9
  }

  .u-lh10-sp {
    line-height: 1
  }

  .u-lh11-sp {
    line-height: 1.1
  }

  .u-lh12-sp {
    line-height: 1.2
  }

  .u-lh13-sp {
    line-height: 1.3
  }

  .u-lh14-sp {
    line-height: 1.4
  }

  .u-lh15-sp {
    line-height: 1.5
  }

  .u-lh16-sp {
    line-height: 1.6
  }

  .u-lh17-sp {
    line-height: 1.7
  }

  .u-lh18-sp {
    line-height: 1.8
  }

  .u-lh19-sp {
    line-height: 1.9
  }

  .u-lh20-sp {
    line-height: 2
  }

  .u-lh21-sp {
    line-height: 2.1
  }

  .u-lh22-sp {
    line-height: 2.2
  }

  .u-lh23-sp {
    line-height: 2.3
  }

  .u-lh24-sp {
    line-height: 2.4
  }

  .u-lh25-sp {
    line-height: 2.5
  }

  .u-lh26-sp {
    line-height: 2.6
  }

  .u-lh27-sp {
    line-height: 2.7
  }

  .u-lh28-sp {
    line-height: 2.8
  }

  .u-lh29-sp {
    line-height: 2.9
  }

  .u-lh30-sp {
    line-height: 3
  }
}

.u-overflow-h {
  overflow: hidden
}

.u-rel {
  position: relative
}

.u-abs {
  position: absolute
}

.u-fix {
  position: fixed
}

.u-left0 {
  left: 0px !important
}

.u-right0 {
  right: 0px !important
}

.u-top0 {
  top: 0px !important
}

.u-bottom0 {
  bottom: 0px !important
}

.u-left5 {
  left: 5px !important
}

.u-right5 {
  right: 5px !important
}

.u-top5 {
  top: 5px !important
}

.u-bottom5 {
  bottom: 5px !important
}

.u-left10 {
  left: 10px !important
}

.u-right10 {
  right: 10px !important
}

.u-top10 {
  top: 10px !important
}

.u-bottom10 {
  bottom: 10px !important
}

.u-left15 {
  left: 15px !important
}

.u-right15 {
  right: 15px !important
}

.u-top15 {
  top: 15px !important
}

.u-bottom15 {
  bottom: 15px !important
}

.u-left20 {
  left: 20px !important
}

.u-right20 {
  right: 20px !important
}

.u-top20 {
  top: 20px !important
}

.u-bottom20 {
  bottom: 20px !important
}

.u-left25 {
  left: 25px !important
}

.u-right25 {
  right: 25px !important
}

.u-top25 {
  top: 25px !important
}

.u-bottom25 {
  bottom: 25px !important
}

.u-left30 {
  left: 30px !important
}

.u-right30 {
  right: 30px !important
}

.u-top30 {
  top: 30px !important
}

.u-bottom30 {
  bottom: 30px !important
}

.u-left35 {
  left: 35px !important
}

.u-right35 {
  right: 35px !important
}

.u-top35 {
  top: 35px !important
}

.u-bottom35 {
  bottom: 35px !important
}

.u-left40 {
  left: 40px !important
}

.u-right40 {
  right: 40px !important
}

.u-top40 {
  top: 40px !important
}

.u-bottom40 {
  bottom: 40px !important
}

.u-left45 {
  left: 45px !important
}

.u-right45 {
  right: 45px !important
}

.u-top45 {
  top: 45px !important
}

.u-bottom45 {
  bottom: 45px !important
}

.u-left50 {
  left: 50px !important
}

.u-right50 {
  right: 50px !important
}

.u-top50 {
  top: 50px !important
}

.u-bottom50 {
  bottom: 50px !important
}

.u-left1 {
  left: 1px !important
}

.u-right1 {
  right: 1px !important
}

.u-top1 {
  top: 1px !important
}

.u-top-1 {
  top: -1px !important
}

.u-bottom1 {
  bottom: 1px !important
}

.u-left2 {
  left: 2px !important
}

.u-right2 {
  right: 2px !important
}

.u-top2 {
  top: 2px !important
}

.u-top-2 {
  top: -2px !important
}

.u-bottom2 {
  bottom: 2px !important
}

.u-left3 {
  left: 3px !important
}

.u-right3 {
  right: 3px !important
}

.u-top3 {
  top: 3px !important
}

.u-top-3 {
  top: -3px !important
}

.u-bottom3 {
  bottom: 3px !important
}

.u-left4 {
  left: 4px !important
}

.u-right4 {
  right: 4px !important
}

.u-top4 {
  top: 4px !important
}

.u-top-4 {
  top: -4px !important
}

.u-bottom4 {
  bottom: 4px !important
}

.u-left5 {
  left: 5px !important
}

.u-right5 {
  right: 5px !important
}

.u-top5 {
  top: 5px !important
}

.u-top-5 {
  top: -5px !important
}

.u-bottom5 {
  bottom: 5px !important
}

.u-left6 {
  left: 6px !important
}

.u-right6 {
  right: 6px !important
}

.u-top6 {
  top: 6px !important
}

.u-top-6 {
  top: -6px !important
}

.u-bottom6 {
  bottom: 6px !important
}

.u-left7 {
  left: 7px !important
}

.u-right7 {
  right: 7px !important
}

.u-top7 {
  top: 7px !important
}

.u-top-7 {
  top: -7px !important
}

.u-bottom7 {
  bottom: 7px !important
}

.u-left8 {
  left: 8px !important
}

.u-right8 {
  right: 8px !important
}

.u-top8 {
  top: 8px !important
}

.u-top-8 {
  top: -8px !important
}

.u-bottom8 {
  bottom: 8px !important
}

.u-left9 {
  left: 9px !important
}

.u-right9 {
  right: 9px !important
}

.u-top9 {
  top: 9px !important
}

.u-top-9 {
  top: -9px !important
}

.u-bottom9 {
  bottom: 9px !important
}

.u-left10 {
  left: 10px !important
}

.u-right10 {
  right: 10px !important
}

.u-top10 {
  top: 10px !important
}

.u-top-10 {
  top: -10px !important
}

.u-bottom10 {
  bottom: 10px !important
}

@media (max-width: 599px) {
  .u-left0-sp {
    left: 0px !important
  }

  .u-right0-sp {
    right: 0px !important
  }

  .u-top0-sp {
    top: 0px !important
  }

  .u-bottom0-sp {
    bottom: 0px !important
  }

  .u-left5-sp {
    left: 5px !important
  }

  .u-right5-sp {
    right: 5px !important
  }

  .u-top5-sp {
    top: 5px !important
  }

  .u-bottom5-sp {
    bottom: 5px !important
  }

  .u-left10-sp {
    left: 10px !important
  }

  .u-right10-sp {
    right: 10px !important
  }

  .u-top10-sp {
    top: 10px !important
  }

  .u-bottom10-sp {
    bottom: 10px !important
  }

  .u-left15-sp {
    left: 15px !important
  }

  .u-right15-sp {
    right: 15px !important
  }

  .u-top15-sp {
    top: 15px !important
  }

  .u-bottom15-sp {
    bottom: 15px !important
  }

  .u-left20-sp {
    left: 20px !important
  }

  .u-right20-sp {
    right: 20px !important
  }

  .u-top20-sp {
    top: 20px !important
  }

  .u-bottom20-sp {
    bottom: 20px !important
  }

  .u-left25-sp {
    left: 25px !important
  }

  .u-right25-sp {
    right: 25px !important
  }

  .u-top25-sp {
    top: 25px !important
  }

  .u-bottom25-sp {
    bottom: 25px !important
  }

  .u-left30-sp {
    left: 30px !important
  }

  .u-right30-sp {
    right: 30px !important
  }

  .u-top30-sp {
    top: 30px !important
  }

  .u-bottom30-sp {
    bottom: 30px !important
  }

  .u-left35-sp {
    left: 35px !important
  }

  .u-right35-sp {
    right: 35px !important
  }

  .u-top35-sp {
    top: 35px !important
  }

  .u-bottom35-sp {
    bottom: 35px !important
  }

  .u-left40-sp {
    left: 40px !important
  }

  .u-right40-sp {
    right: 40px !important
  }

  .u-top40-sp {
    top: 40px !important
  }

  .u-bottom40-sp {
    bottom: 40px !important
  }

  .u-left45-sp {
    left: 45px !important
  }

  .u-right45-sp {
    right: 45px !important
  }

  .u-top45-sp {
    top: 45px !important
  }

  .u-bottom45-sp {
    bottom: 45px !important
  }

  .u-left50-sp {
    left: 50px !important
  }

  .u-right50-sp {
    right: 50px !important
  }

  .u-top50-sp {
    top: 50px !important
  }

  .u-bottom50-sp {
    bottom: 50px !important
  }
}

.u-mt0 {
  margin-top: 0px !important
}

.u-mt0 {
  margin-top: 0px !important
}

.u-mr0 {
  margin-right: 0px !important
}

.u-mb0 {
  margin-bottom: 0px !important
}

.u-mb0 {
  margin-bottom: 0px !important
}

.u-ml0 {
  margin-left: 0px !important
}

.u-pt0 {
  padding-top: 0px !important
}

.u-pr0 {
  padding-right: 0px !important
}

.u-pb0 {
  padding-bottom: 0px !important
}

.u-pl0 {
  padding-left: 0px !important
}

.u-pv0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important
}

.u-ph0 {
  padding-left: 0px !important;
  padding-right: 0px !important
}

.u-pa0 {
  padding: 0px !important
}

.u-mt5 {
  margin-top: 5px !important
}

.u-mt-5 {
  margin-top: -5px !important
}

.u-mr5 {
  margin-right: 5px !important
}

.u-mb5 {
  margin-bottom: 5px !important
}

.u-mb-5 {
  margin-bottom: -5px !important
}

.u-ml5 {
  margin-left: 5px !important
}

.u-pt5 {
  padding-top: 5px !important
}

.u-pr5 {
  padding-right: 5px !important
}

.u-pb5 {
  padding-bottom: 5px !important
}

.u-pl5 {
  padding-left: 5px !important
}

.u-pv5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important
}

.u-ph5 {
  padding-left: 5px !important;
  padding-right: 5px !important
}

.u-pa5 {
  padding: 5px !important
}

.u-mt10 {
  margin-top: 10px !important
}

.u-mt-10 {
  margin-top: -10px !important
}

.u-mr10 {
  margin-right: 10px !important
}

.u-mb10 {
  margin-bottom: 10px !important
}

.u-mb-10 {
  margin-bottom: -10px !important
}

.u-ml10 {
  margin-left: 10px !important
}

.u-pt10 {
  padding-top: 10px !important
}

.u-pr10 {
  padding-right: 10px !important
}

.u-pb10 {
  padding-bottom: 10px !important
}

.u-pl10 {
  padding-left: 10px !important
}

.u-pv10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important
}

.u-ph10 {
  padding-left: 10px !important;
  padding-right: 10px !important
}

.u-pa10 {
  padding: 10px !important
}

.u-mt15 {
  margin-top: 15px !important
}

.u-mt-15 {
  margin-top: -15px !important
}

.u-mr15 {
  margin-right: 15px !important
}

.u-mb15 {
  margin-bottom: 15px !important
}

.u-mb-15 {
  margin-bottom: -15px !important
}

.u-ml15 {
  margin-left: 15px !important
}

.u-pt15 {
  padding-top: 15px !important
}

.u-pr15 {
  padding-right: 15px !important
}

.u-pb15 {
  padding-bottom: 15px !important
}

.u-pl15 {
  padding-left: 15px !important
}

.u-pv15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important
}

.u-ph15 {
  padding-left: 15px !important;
  padding-right: 15px !important
}

.u-pa15 {
  padding: 15px !important
}

.u-mt20 {
  margin-top: 20px !important
}

.u-mt-20 {
  margin-top: -20px !important
}

.u-mr20 {
  margin-right: 20px !important
}

.u-mb20 {
  margin-bottom: 20px !important
}

.u-mb-20 {
  margin-bottom: -20px !important
}

.u-ml20 {
  margin-left: 20px !important
}

.u-pt20 {
  padding-top: 20px !important
}

.u-pr20 {
  padding-right: 20px !important
}

.u-pb20 {
  padding-bottom: 20px !important
}

.u-pl20 {
  padding-left: 20px !important
}

.u-pv20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important
}

.u-ph20 {
  padding-left: 20px !important;
  padding-right: 20px !important
}

.u-pa20 {
  padding: 20px !important
}

.u-mt25 {
  margin-top: 25px !important
}

.u-mt-25 {
  margin-top: -25px !important
}

.u-mr25 {
  margin-right: 25px !important
}

.u-mb25 {
  margin-bottom: 25px !important
}

.u-mb-25 {
  margin-bottom: -25px !important
}

.u-ml25 {
  margin-left: 25px !important
}

.u-pt25 {
  padding-top: 25px !important
}

.u-pr25 {
  padding-right: 25px !important
}

.u-pb25 {
  padding-bottom: 25px !important
}

.u-pl25 {
  padding-left: 25px !important
}

.u-pv25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important
}

.u-ph25 {
  padding-left: 25px !important;
  padding-right: 25px !important
}

.u-pa25 {
  padding: 25px !important
}

.u-mt30 {
  margin-top: 30px !important
}

.u-mt-30 {
  margin-top: -30px !important
}

.u-mr30 {
  margin-right: 30px !important
}

.u-mb30 {
  margin-bottom: 30px !important
}

.u-mb-30 {
  margin-bottom: -30px !important
}

.u-ml30 {
  margin-left: 30px !important
}

.u-pt30 {
  padding-top: 30px !important
}

.u-pr30 {
  padding-right: 30px !important
}

.u-pb30 {
  padding-bottom: 30px !important
}

.u-pl30 {
  padding-left: 30px !important
}

.u-pv30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important
}

.u-ph30 {
  padding-left: 30px !important;
  padding-right: 30px !important
}

.u-pa30 {
  padding: 30px !important
}

.u-mt35 {
  margin-top: 35px !important
}

.u-mt-35 {
  margin-top: -35px !important
}

.u-mr35 {
  margin-right: 35px !important
}

.u-mb35 {
  margin-bottom: 35px !important
}

.u-mb-35 {
  margin-bottom: -35px !important
}

.u-ml35 {
  margin-left: 35px !important
}

.u-pt35 {
  padding-top: 35px !important
}

.u-pr35 {
  padding-right: 35px !important
}

.u-pb35 {
  padding-bottom: 35px !important
}

.u-pl35 {
  padding-left: 35px !important
}

.u-pv35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important
}

.u-ph35 {
  padding-left: 35px !important;
  padding-right: 35px !important
}

.u-pa35 {
  padding: 35px !important
}

.u-mt40 {
  margin-top: 40px !important
}

.u-mt-40 {
  margin-top: -40px !important
}

.u-mr40 {
  margin-right: 40px !important
}

.u-mb40 {
  margin-bottom: 40px !important
}

.u-mb-40 {
  margin-bottom: -40px !important
}

.u-ml40 {
  margin-left: 40px !important
}

.u-pt40 {
  padding-top: 40px !important
}

.u-pr40 {
  padding-right: 40px !important
}

.u-pb40 {
  padding-bottom: 40px !important
}

.u-pl40 {
  padding-left: 40px !important
}

.u-pv40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important
}

.u-ph40 {
  padding-left: 40px !important;
  padding-right: 40px !important
}

.u-pa40 {
  padding: 40px !important
}

.u-mt45 {
  margin-top: 45px !important
}

.u-mt-45 {
  margin-top: -45px !important
}

.u-mr45 {
  margin-right: 45px !important
}

.u-mb45 {
  margin-bottom: 45px !important
}

.u-mb-45 {
  margin-bottom: -45px !important
}

.u-ml45 {
  margin-left: 45px !important
}

.u-pt45 {
  padding-top: 45px !important
}

.u-pr45 {
  padding-right: 45px !important
}

.u-pb45 {
  padding-bottom: 45px !important
}

.u-pl45 {
  padding-left: 45px !important
}

.u-pv45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important
}

.u-ph45 {
  padding-left: 45px !important;
  padding-right: 45px !important
}

.u-pa45 {
  padding: 45px !important
}

.u-mt50 {
  margin-top: 50px !important
}

.u-mt-50 {
  margin-top: -50px !important
}

.u-mr50 {
  margin-right: 50px !important
}

.u-mb50 {
  margin-bottom: 50px !important
}

.u-mb-50 {
  margin-bottom: -50px !important
}

.u-ml50 {
  margin-left: 50px !important
}

.u-pt50 {
  padding-top: 50px !important
}

.u-pr50 {
  padding-right: 50px !important
}

.u-pb50 {
  padding-bottom: 50px !important
}

.u-pl50 {
  padding-left: 50px !important
}

.u-pv50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important
}

.u-ph50 {
  padding-left: 50px !important;
  padding-right: 50px !important
}

.u-pa50 {
  padding: 50px !important
}

.u-mt55 {
  margin-top: 55px !important
}

.u-mt-55 {
  margin-top: -55px !important
}

.u-mr55 {
  margin-right: 55px !important
}

.u-mb55 {
  margin-bottom: 55px !important
}

.u-mb-55 {
  margin-bottom: -55px !important
}

.u-ml55 {
  margin-left: 55px !important
}

.u-pt55 {
  padding-top: 55px !important
}

.u-pr55 {
  padding-right: 55px !important
}

.u-pb55 {
  padding-bottom: 55px !important
}

.u-pl55 {
  padding-left: 55px !important
}

.u-pv55 {
  padding-top: 55px !important;
  padding-bottom: 55px !important
}

.u-ph55 {
  padding-left: 55px !important;
  padding-right: 55px !important
}

.u-pa55 {
  padding: 55px !important
}

.u-mt60 {
  margin-top: 60px !important
}

.u-mt-60 {
  margin-top: -60px !important
}

.u-mr60 {
  margin-right: 60px !important
}

.u-mb60 {
  margin-bottom: 60px !important
}

.u-mb-60 {
  margin-bottom: -60px !important
}

.u-ml60 {
  margin-left: 60px !important
}

.u-pt60 {
  padding-top: 60px !important
}

.u-pr60 {
  padding-right: 60px !important
}

.u-pb60 {
  padding-bottom: 60px !important
}

.u-pl60 {
  padding-left: 60px !important
}

.u-pv60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important
}

.u-ph60 {
  padding-left: 60px !important;
  padding-right: 60px !important
}

.u-pa60 {
  padding: 60px !important
}

.u-mt65 {
  margin-top: 65px !important
}

.u-mt-65 {
  margin-top: -65px !important
}

.u-mr65 {
  margin-right: 65px !important
}

.u-mb65 {
  margin-bottom: 65px !important
}

.u-mb-65 {
  margin-bottom: -65px !important
}

.u-ml65 {
  margin-left: 65px !important
}

.u-pt65 {
  padding-top: 65px !important
}

.u-pr65 {
  padding-right: 65px !important
}

.u-pb65 {
  padding-bottom: 65px !important
}

.u-pl65 {
  padding-left: 65px !important
}

.u-pv65 {
  padding-top: 65px !important;
  padding-bottom: 65px !important
}

.u-ph65 {
  padding-left: 65px !important;
  padding-right: 65px !important
}

.u-pa65 {
  padding: 65px !important
}

.u-mt70 {
  margin-top: 70px !important
}

.u-mt-70 {
  margin-top: -70px !important
}

.u-mr70 {
  margin-right: 70px !important
}

.u-mb70 {
  margin-bottom: 70px !important
}

.u-mb-70 {
  margin-bottom: -70px !important
}

.u-ml70 {
  margin-left: 70px !important
}

.u-pt70 {
  padding-top: 70px !important
}

.u-pr70 {
  padding-right: 70px !important
}

.u-pb70 {
  padding-bottom: 70px !important
}

.u-pl70 {
  padding-left: 70px !important
}

.u-pv70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important
}

.u-ph70 {
  padding-left: 70px !important;
  padding-right: 70px !important
}

.u-pa70 {
  padding: 70px !important
}

.u-mt75 {
  margin-top: 75px !important
}

.u-mt-75 {
  margin-top: -75px !important
}

.u-mr75 {
  margin-right: 75px !important
}

.u-mb75 {
  margin-bottom: 75px !important
}

.u-mb-75 {
  margin-bottom: -75px !important
}

.u-ml75 {
  margin-left: 75px !important
}

.u-pt75 {
  padding-top: 75px !important
}

.u-pr75 {
  padding-right: 75px !important
}

.u-pb75 {
  padding-bottom: 75px !important
}

.u-pl75 {
  padding-left: 75px !important
}

.u-pv75 {
  padding-top: 75px !important;
  padding-bottom: 75px !important
}

.u-ph75 {
  padding-left: 75px !important;
  padding-right: 75px !important
}

.u-pa75 {
  padding: 75px !important
}

.u-mt80 {
  margin-top: 80px !important
}

.u-mt-80 {
  margin-top: -80px !important
}

.u-mr80 {
  margin-right: 80px !important
}

.u-mb80 {
  margin-bottom: 80px !important
}

.u-mb-80 {
  margin-bottom: -80px !important
}

.u-ml80 {
  margin-left: 80px !important
}

.u-pt80 {
  padding-top: 80px !important
}

.u-pr80 {
  padding-right: 80px !important
}

.u-pb80 {
  padding-bottom: 80px !important
}

.u-pl80 {
  padding-left: 80px !important
}

.u-pv80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important
}

.u-ph80 {
  padding-left: 80px !important;
  padding-right: 80px !important
}

.u-pa80 {
  padding: 80px !important
}

.u-mt85 {
  margin-top: 85px !important
}

.u-mt-85 {
  margin-top: -85px !important
}

.u-mr85 {
  margin-right: 85px !important
}

.u-mb85 {
  margin-bottom: 85px !important
}

.u-mb-85 {
  margin-bottom: -85px !important
}

.u-ml85 {
  margin-left: 85px !important
}

.u-pt85 {
  padding-top: 85px !important
}

.u-pr85 {
  padding-right: 85px !important
}

.u-pb85 {
  padding-bottom: 85px !important
}

.u-pl85 {
  padding-left: 85px !important
}

.u-pv85 {
  padding-top: 85px !important;
  padding-bottom: 85px !important
}

.u-ph85 {
  padding-left: 85px !important;
  padding-right: 85px !important
}

.u-pa85 {
  padding: 85px !important
}

.u-mt90 {
  margin-top: 90px !important
}

.u-mt-90 {
  margin-top: -90px !important
}

.u-mr90 {
  margin-right: 90px !important
}

.u-mb90 {
  margin-bottom: 90px !important
}

.u-mb-90 {
  margin-bottom: -90px !important
}

.u-ml90 {
  margin-left: 90px !important
}

.u-pt90 {
  padding-top: 90px !important
}

.u-pr90 {
  padding-right: 90px !important
}

.u-pb90 {
  padding-bottom: 90px !important
}

.u-pl90 {
  padding-left: 90px !important
}

.u-pv90 {
  padding-top: 90px !important;
  padding-bottom: 90px !important
}

.u-ph90 {
  padding-left: 90px !important;
  padding-right: 90px !important
}

.u-pa90 {
  padding: 90px !important
}

.u-mt95 {
  margin-top: 95px !important
}

.u-mt-95 {
  margin-top: -95px !important
}

.u-mr95 {
  margin-right: 95px !important
}

.u-mb95 {
  margin-bottom: 95px !important
}

.u-mb-95 {
  margin-bottom: -95px !important
}

.u-ml95 {
  margin-left: 95px !important
}

.u-pt95 {
  padding-top: 95px !important
}

.u-pr95 {
  padding-right: 95px !important
}

.u-pb95 {
  padding-bottom: 95px !important
}

.u-pl95 {
  padding-left: 95px !important
}

.u-pv95 {
  padding-top: 95px !important;
  padding-bottom: 95px !important
}

.u-ph95 {
  padding-left: 95px !important;
  padding-right: 95px !important
}

.u-pa95 {
  padding: 95px !important
}

.u-mt100 {
  margin-top: 100px !important
}

.u-mt-100 {
  margin-top: -100px !important
}

.u-mr100 {
  margin-right: 100px !important
}

.u-mb100 {
  margin-bottom: 100px !important
}

.u-mb-100 {
  margin-bottom: -100px !important
}

.u-ml100 {
  margin-left: 100px !important
}

.u-pt100 {
  padding-top: 100px !important
}

.u-pr100 {
  padding-right: 100px !important
}

.u-pb100 {
  padding-bottom: 100px !important
}

.u-pl100 {
  padding-left: 100px !important
}

.u-pv100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important
}

.u-ph100 {
  padding-left: 100px !important;
  padding-right: 100px !important
}

.u-pa100 {
  padding: 100px !important
}

.u-mt105 {
  margin-top: 105px !important
}

.u-mt-105 {
  margin-top: -105px !important
}

.u-mr105 {
  margin-right: 105px !important
}

.u-mb105 {
  margin-bottom: 105px !important
}

.u-mb-105 {
  margin-bottom: -105px !important
}

.u-ml105 {
  margin-left: 105px !important
}

.u-pt105 {
  padding-top: 105px !important
}

.u-pr105 {
  padding-right: 105px !important
}

.u-pb105 {
  padding-bottom: 105px !important
}

.u-pl105 {
  padding-left: 105px !important
}

.u-pv105 {
  padding-top: 105px !important;
  padding-bottom: 105px !important
}

.u-ph105 {
  padding-left: 105px !important;
  padding-right: 105px !important
}

.u-pa105 {
  padding: 105px !important
}

.u-mt110 {
  margin-top: 110px !important
}

.u-mt-110 {
  margin-top: -110px !important
}

.u-mr110 {
  margin-right: 110px !important
}

.u-mb110 {
  margin-bottom: 110px !important
}

.u-mb-110 {
  margin-bottom: -110px !important
}

.u-ml110 {
  margin-left: 110px !important
}

.u-pt110 {
  padding-top: 110px !important
}

.u-pr110 {
  padding-right: 110px !important
}

.u-pb110 {
  padding-bottom: 110px !important
}

.u-pl110 {
  padding-left: 110px !important
}

.u-pv110 {
  padding-top: 110px !important;
  padding-bottom: 110px !important
}

.u-ph110 {
  padding-left: 110px !important;
  padding-right: 110px !important
}

.u-pa110 {
  padding: 110px !important
}

.u-mt115 {
  margin-top: 115px !important
}

.u-mt-115 {
  margin-top: -115px !important
}

.u-mr115 {
  margin-right: 115px !important
}

.u-mb115 {
  margin-bottom: 115px !important
}

.u-mb-115 {
  margin-bottom: -115px !important
}

.u-ml115 {
  margin-left: 115px !important
}

.u-pt115 {
  padding-top: 115px !important
}

.u-pr115 {
  padding-right: 115px !important
}

.u-pb115 {
  padding-bottom: 115px !important
}

.u-pl115 {
  padding-left: 115px !important
}

.u-pv115 {
  padding-top: 115px !important;
  padding-bottom: 115px !important
}

.u-ph115 {
  padding-left: 115px !important;
  padding-right: 115px !important
}

.u-pa115 {
  padding: 115px !important
}

.u-mt120 {
  margin-top: 120px !important
}

.u-mt-120 {
  margin-top: -120px !important
}

.u-mr120 {
  margin-right: 120px !important
}

.u-mb120 {
  margin-bottom: 120px !important
}

.u-mb-120 {
  margin-bottom: -120px !important
}

.u-ml120 {
  margin-left: 120px !important
}

.u-pt120 {
  padding-top: 120px !important
}

.u-pr120 {
  padding-right: 120px !important
}

.u-pb120 {
  padding-bottom: 120px !important
}

.u-pl120 {
  padding-left: 120px !important
}

.u-pv120 {
  padding-top: 120px !important;
  padding-bottom: 120px !important
}

.u-ph120 {
  padding-left: 120px !important;
  padding-right: 120px !important
}

.u-pa120 {
  padding: 120px !important
}

.u-mt125 {
  margin-top: 125px !important
}

.u-mt-125 {
  margin-top: -125px !important
}

.u-mr125 {
  margin-right: 125px !important
}

.u-mb125 {
  margin-bottom: 125px !important
}

.u-mb-125 {
  margin-bottom: -125px !important
}

.u-ml125 {
  margin-left: 125px !important
}

.u-pt125 {
  padding-top: 125px !important
}

.u-pr125 {
  padding-right: 125px !important
}

.u-pb125 {
  padding-bottom: 125px !important
}

.u-pl125 {
  padding-left: 125px !important
}

.u-pv125 {
  padding-top: 125px !important;
  padding-bottom: 125px !important
}

.u-ph125 {
  padding-left: 125px !important;
  padding-right: 125px !important
}

.u-pa125 {
  padding: 125px !important
}

.u-mt130 {
  margin-top: 130px !important
}

.u-mt-130 {
  margin-top: -130px !important
}

.u-mr130 {
  margin-right: 130px !important
}

.u-mb130 {
  margin-bottom: 130px !important
}

.u-mb-130 {
  margin-bottom: -130px !important
}

.u-ml130 {
  margin-left: 130px !important
}

.u-pt130 {
  padding-top: 130px !important
}

.u-pr130 {
  padding-right: 130px !important
}

.u-pb130 {
  padding-bottom: 130px !important
}

.u-pl130 {
  padding-left: 130px !important
}

.u-pv130 {
  padding-top: 130px !important;
  padding-bottom: 130px !important
}

.u-ph130 {
  padding-left: 130px !important;
  padding-right: 130px !important
}

.u-pa130 {
  padding: 130px !important
}

.u-mt135 {
  margin-top: 135px !important
}

.u-mt-135 {
  margin-top: -135px !important
}

.u-mr135 {
  margin-right: 135px !important
}

.u-mb135 {
  margin-bottom: 135px !important
}

.u-mb-135 {
  margin-bottom: -135px !important
}

.u-ml135 {
  margin-left: 135px !important
}

.u-pt135 {
  padding-top: 135px !important
}

.u-pr135 {
  padding-right: 135px !important
}

.u-pb135 {
  padding-bottom: 135px !important
}

.u-pl135 {
  padding-left: 135px !important
}

.u-pv135 {
  padding-top: 135px !important;
  padding-bottom: 135px !important
}

.u-ph135 {
  padding-left: 135px !important;
  padding-right: 135px !important
}

.u-pa135 {
  padding: 135px !important
}

.u-mt140 {
  margin-top: 140px !important
}

.u-mt-140 {
  margin-top: -140px !important
}

.u-mr140 {
  margin-right: 140px !important
}

.u-mb140 {
  margin-bottom: 140px !important
}

.u-mb-140 {
  margin-bottom: -140px !important
}

.u-ml140 {
  margin-left: 140px !important
}

.u-pt140 {
  padding-top: 140px !important
}

.u-pr140 {
  padding-right: 140px !important
}

.u-pb140 {
  padding-bottom: 140px !important
}

.u-pl140 {
  padding-left: 140px !important
}

.u-pv140 {
  padding-top: 140px !important;
  padding-bottom: 140px !important
}

.u-ph140 {
  padding-left: 140px !important;
  padding-right: 140px !important
}

.u-pa140 {
  padding: 140px !important
}

.u-mt145 {
  margin-top: 145px !important
}

.u-mt-145 {
  margin-top: -145px !important
}

.u-mr145 {
  margin-right: 145px !important
}

.u-mb145 {
  margin-bottom: 145px !important
}

.u-mb-145 {
  margin-bottom: -145px !important
}

.u-ml145 {
  margin-left: 145px !important
}

.u-pt145 {
  padding-top: 145px !important
}

.u-pr145 {
  padding-right: 145px !important
}

.u-pb145 {
  padding-bottom: 145px !important
}

.u-pl145 {
  padding-left: 145px !important
}

.u-pv145 {
  padding-top: 145px !important;
  padding-bottom: 145px !important
}

.u-ph145 {
  padding-left: 145px !important;
  padding-right: 145px !important
}

.u-pa145 {
  padding: 145px !important
}

.u-mt150 {
  margin-top: 150px !important
}

.u-mt-150 {
  margin-top: -150px !important
}

.u-mr150 {
  margin-right: 150px !important
}

.u-mb150 {
  margin-bottom: 150px !important
}

.u-mb-150 {
  margin-bottom: -150px !important
}

.u-ml150 {
  margin-left: 150px !important
}

.u-pt150 {
  padding-top: 150px !important
}

.u-pr150 {
  padding-right: 150px !important
}

.u-pb150 {
  padding-bottom: 150px !important
}

.u-pl150 {
  padding-left: 150px !important
}

.u-pv150 {
  padding-top: 150px !important;
  padding-bottom: 150px !important
}

.u-ph150 {
  padding-left: 150px !important;
  padding-right: 150px !important
}

.u-pa150 {
  padding: 150px !important
}

.u-mt1 {
  margin-top: 1px !important
}

.u-mt-1 {
  margin-top: -1px !important
}

.u-mb1 {
  margin-bottom: 1px !important
}

.u-mb-1 {
  margin-bottom: -1px !important
}

.u-ml1 {
  margin-left: 1px !important
}

.u-mr1 {
  margin-right: 1px !important
}

.u-mt2 {
  margin-top: 2px !important
}

.u-mt-2 {
  margin-top: -2px !important
}

.u-mb2 {
  margin-bottom: 2px !important
}

.u-mb-2 {
  margin-bottom: -2px !important
}

.u-ml2 {
  margin-left: 2px !important
}

.u-mr2 {
  margin-right: 2px !important
}

.u-mt3 {
  margin-top: 3px !important
}

.u-mt-3 {
  margin-top: -3px !important
}

.u-mb3 {
  margin-bottom: 3px !important
}

.u-mb-3 {
  margin-bottom: -3px !important
}

.u-ml3 {
  margin-left: 3px !important
}

.u-mr3 {
  margin-right: 3px !important
}

.u-mt4 {
  margin-top: 4px !important
}

.u-mt-4 {
  margin-top: -4px !important
}

.u-mb4 {
  margin-bottom: 4px !important
}

.u-mb-4 {
  margin-bottom: -4px !important
}

.u-ml4 {
  margin-left: 4px !important
}

.u-mr4 {
  margin-right: 4px !important
}

.u-mt5 {
  margin-top: 5px !important
}

.u-mt-5 {
  margin-top: -5px !important
}

.u-mb5 {
  margin-bottom: 5px !important
}

.u-mb-5 {
  margin-bottom: -5px !important
}

.u-ml5 {
  margin-left: 5px !important
}

.u-mr5 {
  margin-right: 5px !important
}

.u-mt6 {
  margin-top: 6px !important
}

.u-mt-6 {
  margin-top: -6px !important
}

.u-mb6 {
  margin-bottom: 6px !important
}

.u-mb-6 {
  margin-bottom: -6px !important
}

.u-ml6 {
  margin-left: 6px !important
}

.u-mr6 {
  margin-right: 6px !important
}

.u-mt7 {
  margin-top: 7px !important
}

.u-mt-7 {
  margin-top: -7px !important
}

.u-mb7 {
  margin-bottom: 7px !important
}

.u-mb-7 {
  margin-bottom: -7px !important
}

.u-ml7 {
  margin-left: 7px !important
}

.u-mr7 {
  margin-right: 7px !important
}

.u-mt8 {
  margin-top: 8px !important
}

.u-mt-8 {
  margin-top: -8px !important
}

.u-mb8 {
  margin-bottom: 8px !important
}

.u-mb-8 {
  margin-bottom: -8px !important
}

.u-ml8 {
  margin-left: 8px !important
}

.u-mr8 {
  margin-right: 8px !important
}

.u-mt9 {
  margin-top: 9px !important
}

.u-mt-9 {
  margin-top: -9px !important
}

.u-mb9 {
  margin-bottom: 9px !important
}

.u-mb-9 {
  margin-bottom: -9px !important
}

.u-ml9 {
  margin-left: 9px !important
}

.u-mr9 {
  margin-right: 9px !important
}

.u-mt10 {
  margin-top: 10px !important
}

.u-mt-10 {
  margin-top: -10px !important
}

.u-mb10 {
  margin-bottom: 10px !important
}

.u-mb-10 {
  margin-bottom: -10px !important
}

.u-ml10 {
  margin-left: 10px !important
}

.u-mr10 {
  margin-right: 10px !important
}

.u-mt1em {
  margin-top: 1em !important
}

.u-mb1em {
  margin-bottom: 1em !important
}

.u-ml1em {
  margin-left: 1em !important
}

.u-mr1em {
  margin-right: 1em !important
}

.u-mt2em {
  margin-top: 2em !important
}

.u-mb2em {
  margin-bottom: 2em !important
}

.u-ml2em {
  margin-left: 2em !important
}

.u-mr2em {
  margin-right: 2em !important
}

.u-mt3em {
  margin-top: 3em !important
}

.u-mb3em {
  margin-bottom: 3em !important
}

.u-ml3em {
  margin-left: 3em !important
}

.u-mr3em {
  margin-right: 3em !important
}

.u-mt4em {
  margin-top: 4em !important
}

.u-mb4em {
  margin-bottom: 4em !important
}

.u-ml4em {
  margin-left: 4em !important
}

.u-mr4em {
  margin-right: 4em !important
}

.u-mt5em {
  margin-top: 5em !important
}

.u-mb5em {
  margin-bottom: 5em !important
}

.u-ml5em {
  margin-left: 5em !important
}

.u-mr5em {
  margin-right: 5em !important
}

.u-mt0_5em {
  margin-top: 0.5em !important
}

.u-mb0_5em {
  margin-bottom: 0.5em !important
}

.u-ml0_5em {
  margin-left: 0.5em !important
}

.u-mr0_5em {
  margin-right: 0.5em !important
}

.u-mt1_5em {
  margin-top: 1.5em !important
}

.u-mb1_5em {
  margin-bottom: 1.5em !important
}

.u-ml1_5em {
  margin-left: 1.5em !important
}

.u-mr1_5em {
  margin-right: 1.5em !important
}

.u-mt2_5em {
  margin-top: 2.5em !important
}

.u-mb2_5em {
  margin-bottom: 2.5em !important
}

.u-ml2_5em {
  margin-left: 2.5em !important
}

.u-mr2_5em {
  margin-right: 2.5em !important
}

.u-mt3_5em {
  margin-top: 3.5em !important
}

.u-mb3_5em {
  margin-bottom: 3.5em !important
}

.u-ml3_5em {
  margin-left: 3.5em !important
}

.u-mr3_5em {
  margin-right: 3.5em !important
}

.u-mt4_5em {
  margin-top: 4.5em !important
}

.u-mb4_5em {
  margin-bottom: 4.5em !important
}

.u-ml4_5em {
  margin-left: 4.5em !important
}

.u-mr4_5em {
  margin-right: 4.5em !important
}

.u-mt5_5em {
  margin-top: 5.5em !important
}

.u-mb5_5em {
  margin-bottom: 5.5em !important
}

.u-ml5_5em {
  margin-left: 5.5em !important
}

.u-mr5_5em {
  margin-right: 5.5em !important
}

@media only screen and (max-width: 599px) {
  .u-mt0-sp {
    margin-top: 0px !important
  }

  .u-mt0-sp {
    margin-top: 0px !important
  }

  .u-mr0-sp {
    margin-right: 0px !important
  }

  .u-mr0-sp {
    margin-right: 0px !important
  }

  .u-mb0-sp {
    margin-bottom: 0px !important
  }

  .u-mb0-sp {
    margin-bottom: 0px !important
  }

  .u-ml0-sp {
    margin-left: 0px !important
  }

  .u-ml0-sp {
    margin-left: 0px !important
  }

  .u-pt0-sp {
    padding-top: 0px !important
  }

  .u-pr0-sp {
    padding-right: 0px !important
  }

  .u-pb0-sp {
    padding-bottom: 0px !important
  }

  .u-pl0-sp {
    padding-left: 0px !important
  }

  .u-pv0-sp {
    padding-top: 0px !important;
    padding-bottom: 0px !important
  }

  .u-ph0-sp {
    padding-left: 0px !important;
    padding-right: 0px !important
  }

  .u-pa0-sp {
    padding: 0px !important
  }

  .u-mt5-sp {
    margin-top: 5px !important
  }

  .u-mt-5-sp {
    margin-top: -5px !important
  }

  .u-mr5-sp {
    margin-right: 5px !important
  }

  .u-mr-5-sp {
    margin-right: -5px !important
  }

  .u-mb5-sp {
    margin-bottom: 5px !important
  }

  .u-mb-5-sp {
    margin-bottom: -5px !important
  }

  .u-ml5-sp {
    margin-left: 5px !important
  }

  .u-ml-5-sp {
    margin-left: -5px !important
  }

  .u-pt5-sp {
    padding-top: 5px !important
  }

  .u-pr5-sp {
    padding-right: 5px !important
  }

  .u-pb5-sp {
    padding-bottom: 5px !important
  }

  .u-pl5-sp {
    padding-left: 5px !important
  }

  .u-pv5-sp {
    padding-top: 5px !important;
    padding-bottom: 5px !important
  }

  .u-ph5-sp {
    padding-left: 5px !important;
    padding-right: 5px !important
  }

  .u-pa5-sp {
    padding: 5px !important
  }

  .u-mt10-sp {
    margin-top: 10px !important
  }

  .u-mt-10-sp {
    margin-top: -10px !important
  }

  .u-mr10-sp {
    margin-right: 10px !important
  }

  .u-mr-10-sp {
    margin-right: -10px !important
  }

  .u-mb10-sp {
    margin-bottom: 10px !important
  }

  .u-mb-10-sp {
    margin-bottom: -10px !important
  }

  .u-ml10-sp {
    margin-left: 10px !important
  }

  .u-ml-10-sp {
    margin-left: -10px !important
  }

  .u-pt10-sp {
    padding-top: 10px !important
  }

  .u-pr10-sp {
    padding-right: 10px !important
  }

  .u-pb10-sp {
    padding-bottom: 10px !important
  }

  .u-pl10-sp {
    padding-left: 10px !important
  }

  .u-pv10-sp {
    padding-top: 10px !important;
    padding-bottom: 10px !important
  }

  .u-ph10-sp {
    padding-left: 10px !important;
    padding-right: 10px !important
  }

  .u-pa10-sp {
    padding: 10px !important
  }

  .u-mt15-sp {
    margin-top: 15px !important
  }

  .u-mt-15-sp {
    margin-top: -15px !important
  }

  .u-mr15-sp {
    margin-right: 15px !important
  }

  .u-mr-15-sp {
    margin-right: -15px !important
  }

  .u-mb15-sp {
    margin-bottom: 15px !important
  }

  .u-mb-15-sp {
    margin-bottom: -15px !important
  }

  .u-ml15-sp {
    margin-left: 15px !important
  }

  .u-ml-15-sp {
    margin-left: -15px !important
  }

  .u-pt15-sp {
    padding-top: 15px !important
  }

  .u-pr15-sp {
    padding-right: 15px !important
  }

  .u-pb15-sp {
    padding-bottom: 15px !important
  }

  .u-pl15-sp {
    padding-left: 15px !important
  }

  .u-pv15-sp {
    padding-top: 15px !important;
    padding-bottom: 15px !important
  }

  .u-ph15-sp {
    padding-left: 15px !important;
    padding-right: 15px !important
  }

  .u-pa15-sp {
    padding: 15px !important
  }

  .u-mt20-sp {
    margin-top: 20px !important
  }

  .u-mt-20-sp {
    margin-top: -20px !important
  }

  .u-mr20-sp {
    margin-right: 20px !important
  }

  .u-mr-20-sp {
    margin-right: -20px !important
  }

  .u-mb20-sp {
    margin-bottom: 20px !important
  }

  .u-mb-20-sp {
    margin-bottom: -20px !important
  }

  .u-ml20-sp {
    margin-left: 20px !important
  }

  .u-ml-20-sp {
    margin-left: -20px !important
  }

  .u-pt20-sp {
    padding-top: 20px !important
  }

  .u-pr20-sp {
    padding-right: 20px !important
  }

  .u-pb20-sp {
    padding-bottom: 20px !important
  }

  .u-pl20-sp {
    padding-left: 20px !important
  }

  .u-pv20-sp {
    padding-top: 20px !important;
    padding-bottom: 20px !important
  }

  .u-ph20-sp {
    padding-left: 20px !important;
    padding-right: 20px !important
  }

  .u-pa20-sp {
    padding: 20px !important
  }

  .u-mt25-sp {
    margin-top: 25px !important
  }

  .u-mt-25-sp {
    margin-top: -25px !important
  }

  .u-mr25-sp {
    margin-right: 25px !important
  }

  .u-mr-25-sp {
    margin-right: -25px !important
  }

  .u-mb25-sp {
    margin-bottom: 25px !important
  }

  .u-mb-25-sp {
    margin-bottom: -25px !important
  }

  .u-ml25-sp {
    margin-left: 25px !important
  }

  .u-ml-25-sp {
    margin-left: -25px !important
  }

  .u-pt25-sp {
    padding-top: 25px !important
  }

  .u-pr25-sp {
    padding-right: 25px !important
  }

  .u-pb25-sp {
    padding-bottom: 25px !important
  }

  .u-pl25-sp {
    padding-left: 25px !important
  }

  .u-pv25-sp {
    padding-top: 25px !important;
    padding-bottom: 25px !important
  }

  .u-ph25-sp {
    padding-left: 25px !important;
    padding-right: 25px !important
  }

  .u-pa25-sp {
    padding: 25px !important
  }

  .u-mt30-sp {
    margin-top: 30px !important
  }

  .u-mt-30-sp {
    margin-top: -30px !important
  }

  .u-mr30-sp {
    margin-right: 30px !important
  }

  .u-mr-30-sp {
    margin-right: -30px !important
  }

  .u-mb30-sp {
    margin-bottom: 30px !important
  }

  .u-mb-30-sp {
    margin-bottom: -30px !important
  }

  .u-ml30-sp {
    margin-left: 30px !important
  }

  .u-ml-30-sp {
    margin-left: -30px !important
  }

  .u-pt30-sp {
    padding-top: 30px !important
  }

  .u-pr30-sp {
    padding-right: 30px !important
  }

  .u-pb30-sp {
    padding-bottom: 30px !important
  }

  .u-pl30-sp {
    padding-left: 30px !important
  }

  .u-pv30-sp {
    padding-top: 30px !important;
    padding-bottom: 30px !important
  }

  .u-ph30-sp {
    padding-left: 30px !important;
    padding-right: 30px !important
  }

  .u-pa30-sp {
    padding: 30px !important
  }

  .u-mt35-sp {
    margin-top: 35px !important
  }

  .u-mt-35-sp {
    margin-top: -35px !important
  }

  .u-mr35-sp {
    margin-right: 35px !important
  }

  .u-mr-35-sp {
    margin-right: -35px !important
  }

  .u-mb35-sp {
    margin-bottom: 35px !important
  }

  .u-mb-35-sp {
    margin-bottom: -35px !important
  }

  .u-ml35-sp {
    margin-left: 35px !important
  }

  .u-ml-35-sp {
    margin-left: -35px !important
  }

  .u-pt35-sp {
    padding-top: 35px !important
  }

  .u-pr35-sp {
    padding-right: 35px !important
  }

  .u-pb35-sp {
    padding-bottom: 35px !important
  }

  .u-pl35-sp {
    padding-left: 35px !important
  }

  .u-pv35-sp {
    padding-top: 35px !important;
    padding-bottom: 35px !important
  }

  .u-ph35-sp {
    padding-left: 35px !important;
    padding-right: 35px !important
  }

  .u-pa35-sp {
    padding: 35px !important
  }

  .u-mt40-sp {
    margin-top: 40px !important
  }

  .u-mt-40-sp {
    margin-top: -40px !important
  }

  .u-mr40-sp {
    margin-right: 40px !important
  }

  .u-mr-40-sp {
    margin-right: -40px !important
  }

  .u-mb40-sp {
    margin-bottom: 40px !important
  }

  .u-mb-40-sp {
    margin-bottom: -40px !important
  }

  .u-ml40-sp {
    margin-left: 40px !important
  }

  .u-ml-40-sp {
    margin-left: -40px !important
  }

  .u-pt40-sp {
    padding-top: 40px !important
  }

  .u-pr40-sp {
    padding-right: 40px !important
  }

  .u-pb40-sp {
    padding-bottom: 40px !important
  }

  .u-pl40-sp {
    padding-left: 40px !important
  }

  .u-pv40-sp {
    padding-top: 40px !important;
    padding-bottom: 40px !important
  }

  .u-ph40-sp {
    padding-left: 40px !important;
    padding-right: 40px !important
  }

  .u-pa40-sp {
    padding: 40px !important
  }

  .u-mt45-sp {
    margin-top: 45px !important
  }

  .u-mt-45-sp {
    margin-top: -45px !important
  }

  .u-mr45-sp {
    margin-right: 45px !important
  }

  .u-mr-45-sp {
    margin-right: -45px !important
  }

  .u-mb45-sp {
    margin-bottom: 45px !important
  }

  .u-mb-45-sp {
    margin-bottom: -45px !important
  }

  .u-ml45-sp {
    margin-left: 45px !important
  }

  .u-ml-45-sp {
    margin-left: -45px !important
  }

  .u-pt45-sp {
    padding-top: 45px !important
  }

  .u-pr45-sp {
    padding-right: 45px !important
  }

  .u-pb45-sp {
    padding-bottom: 45px !important
  }

  .u-pl45-sp {
    padding-left: 45px !important
  }

  .u-pv45-sp {
    padding-top: 45px !important;
    padding-bottom: 45px !important
  }

  .u-ph45-sp {
    padding-left: 45px !important;
    padding-right: 45px !important
  }

  .u-pa45-sp {
    padding: 45px !important
  }

  .u-mt50-sp {
    margin-top: 50px !important
  }

  .u-mt-50-sp {
    margin-top: -50px !important
  }

  .u-mr50-sp {
    margin-right: 50px !important
  }

  .u-mr-50-sp {
    margin-right: -50px !important
  }

  .u-mb50-sp {
    margin-bottom: 50px !important
  }

  .u-mb-50-sp {
    margin-bottom: -50px !important
  }

  .u-ml50-sp {
    margin-left: 50px !important
  }

  .u-ml-50-sp {
    margin-left: -50px !important
  }

  .u-pt50-sp {
    padding-top: 50px !important
  }

  .u-pr50-sp {
    padding-right: 50px !important
  }

  .u-pb50-sp {
    padding-bottom: 50px !important
  }

  .u-pl50-sp {
    padding-left: 50px !important
  }

  .u-pv50-sp {
    padding-top: 50px !important;
    padding-bottom: 50px !important
  }

  .u-ph50-sp {
    padding-left: 50px !important;
    padding-right: 50px !important
  }

  .u-pa50-sp {
    padding: 50px !important
  }

  .u-mt55-sp {
    margin-top: 55px !important
  }

  .u-mt-55-sp {
    margin-top: -55px !important
  }

  .u-mr55-sp {
    margin-right: 55px !important
  }

  .u-mr-55-sp {
    margin-right: -55px !important
  }

  .u-mb55-sp {
    margin-bottom: 55px !important
  }

  .u-mb-55-sp {
    margin-bottom: -55px !important
  }

  .u-ml55-sp {
    margin-left: 55px !important
  }

  .u-ml-55-sp {
    margin-left: -55px !important
  }

  .u-pt55-sp {
    padding-top: 55px !important
  }

  .u-pr55-sp {
    padding-right: 55px !important
  }

  .u-pb55-sp {
    padding-bottom: 55px !important
  }

  .u-pl55-sp {
    padding-left: 55px !important
  }

  .u-pv55-sp {
    padding-top: 55px !important;
    padding-bottom: 55px !important
  }

  .u-ph55-sp {
    padding-left: 55px !important;
    padding-right: 55px !important
  }

  .u-pa55-sp {
    padding: 55px !important
  }

  .u-mt60-sp {
    margin-top: 60px !important
  }

  .u-mt-60-sp {
    margin-top: -60px !important
  }

  .u-mr60-sp {
    margin-right: 60px !important
  }

  .u-mr-60-sp {
    margin-right: -60px !important
  }

  .u-mb60-sp {
    margin-bottom: 60px !important
  }

  .u-mb-60-sp {
    margin-bottom: -60px !important
  }

  .u-ml60-sp {
    margin-left: 60px !important
  }

  .u-ml-60-sp {
    margin-left: -60px !important
  }

  .u-pt60-sp {
    padding-top: 60px !important
  }

  .u-pr60-sp {
    padding-right: 60px !important
  }

  .u-pb60-sp {
    padding-bottom: 60px !important
  }

  .u-pl60-sp {
    padding-left: 60px !important
  }

  .u-pv60-sp {
    padding-top: 60px !important;
    padding-bottom: 60px !important
  }

  .u-ph60-sp {
    padding-left: 60px !important;
    padding-right: 60px !important
  }

  .u-pa60-sp {
    padding: 60px !important
  }

  .u-mt65-sp {
    margin-top: 65px !important
  }

  .u-mt-65-sp {
    margin-top: -65px !important
  }

  .u-mr65-sp {
    margin-right: 65px !important
  }

  .u-mr-65-sp {
    margin-right: -65px !important
  }

  .u-mb65-sp {
    margin-bottom: 65px !important
  }

  .u-mb-65-sp {
    margin-bottom: -65px !important
  }

  .u-ml65-sp {
    margin-left: 65px !important
  }

  .u-ml-65-sp {
    margin-left: -65px !important
  }

  .u-pt65-sp {
    padding-top: 65px !important
  }

  .u-pr65-sp {
    padding-right: 65px !important
  }

  .u-pb65-sp {
    padding-bottom: 65px !important
  }

  .u-pl65-sp {
    padding-left: 65px !important
  }

  .u-pv65-sp {
    padding-top: 65px !important;
    padding-bottom: 65px !important
  }

  .u-ph65-sp {
    padding-left: 65px !important;
    padding-right: 65px !important
  }

  .u-pa65-sp {
    padding: 65px !important
  }

  .u-mt70-sp {
    margin-top: 70px !important
  }

  .u-mt-70-sp {
    margin-top: -70px !important
  }

  .u-mr70-sp {
    margin-right: 70px !important
  }

  .u-mr-70-sp {
    margin-right: -70px !important
  }

  .u-mb70-sp {
    margin-bottom: 70px !important
  }

  .u-mb-70-sp {
    margin-bottom: -70px !important
  }

  .u-ml70-sp {
    margin-left: 70px !important
  }

  .u-ml-70-sp {
    margin-left: -70px !important
  }

  .u-pt70-sp {
    padding-top: 70px !important
  }

  .u-pr70-sp {
    padding-right: 70px !important
  }

  .u-pb70-sp {
    padding-bottom: 70px !important
  }

  .u-pl70-sp {
    padding-left: 70px !important
  }

  .u-pv70-sp {
    padding-top: 70px !important;
    padding-bottom: 70px !important
  }

  .u-ph70-sp {
    padding-left: 70px !important;
    padding-right: 70px !important
  }

  .u-pa70-sp {
    padding: 70px !important
  }

  .u-mt75-sp {
    margin-top: 75px !important
  }

  .u-mt-75-sp {
    margin-top: -75px !important
  }

  .u-mr75-sp {
    margin-right: 75px !important
  }

  .u-mr-75-sp {
    margin-right: -75px !important
  }

  .u-mb75-sp {
    margin-bottom: 75px !important
  }

  .u-mb-75-sp {
    margin-bottom: -75px !important
  }

  .u-ml75-sp {
    margin-left: 75px !important
  }

  .u-ml-75-sp {
    margin-left: -75px !important
  }

  .u-pt75-sp {
    padding-top: 75px !important
  }

  .u-pr75-sp {
    padding-right: 75px !important
  }

  .u-pb75-sp {
    padding-bottom: 75px !important
  }

  .u-pl75-sp {
    padding-left: 75px !important
  }

  .u-pv75-sp {
    padding-top: 75px !important;
    padding-bottom: 75px !important
  }

  .u-ph75-sp {
    padding-left: 75px !important;
    padding-right: 75px !important
  }

  .u-pa75-sp {
    padding: 75px !important
  }

  .u-mt80-sp {
    margin-top: 80px !important
  }

  .u-mt-80-sp {
    margin-top: -80px !important
  }

  .u-mr80-sp {
    margin-right: 80px !important
  }

  .u-mr-80-sp {
    margin-right: -80px !important
  }

  .u-mb80-sp {
    margin-bottom: 80px !important
  }

  .u-mb-80-sp {
    margin-bottom: -80px !important
  }

  .u-ml80-sp {
    margin-left: 80px !important
  }

  .u-ml-80-sp {
    margin-left: -80px !important
  }

  .u-pt80-sp {
    padding-top: 80px !important
  }

  .u-pr80-sp {
    padding-right: 80px !important
  }

  .u-pb80-sp {
    padding-bottom: 80px !important
  }

  .u-pl80-sp {
    padding-left: 80px !important
  }

  .u-pv80-sp {
    padding-top: 80px !important;
    padding-bottom: 80px !important
  }

  .u-ph80-sp {
    padding-left: 80px !important;
    padding-right: 80px !important
  }

  .u-pa80-sp {
    padding: 80px !important
  }

  .u-mt85-sp {
    margin-top: 85px !important
  }

  .u-mt-85-sp {
    margin-top: -85px !important
  }

  .u-mr85-sp {
    margin-right: 85px !important
  }

  .u-mr-85-sp {
    margin-right: -85px !important
  }

  .u-mb85-sp {
    margin-bottom: 85px !important
  }

  .u-mb-85-sp {
    margin-bottom: -85px !important
  }

  .u-ml85-sp {
    margin-left: 85px !important
  }

  .u-ml-85-sp {
    margin-left: -85px !important
  }

  .u-pt85-sp {
    padding-top: 85px !important
  }

  .u-pr85-sp {
    padding-right: 85px !important
  }

  .u-pb85-sp {
    padding-bottom: 85px !important
  }

  .u-pl85-sp {
    padding-left: 85px !important
  }

  .u-pv85-sp {
    padding-top: 85px !important;
    padding-bottom: 85px !important
  }

  .u-ph85-sp {
    padding-left: 85px !important;
    padding-right: 85px !important
  }

  .u-pa85-sp {
    padding: 85px !important
  }

  .u-mt90-sp {
    margin-top: 90px !important
  }

  .u-mt-90-sp {
    margin-top: -90px !important
  }

  .u-mr90-sp {
    margin-right: 90px !important
  }

  .u-mr-90-sp {
    margin-right: -90px !important
  }

  .u-mb90-sp {
    margin-bottom: 90px !important
  }

  .u-mb-90-sp {
    margin-bottom: -90px !important
  }

  .u-ml90-sp {
    margin-left: 90px !important
  }

  .u-ml-90-sp {
    margin-left: -90px !important
  }

  .u-pt90-sp {
    padding-top: 90px !important
  }

  .u-pr90-sp {
    padding-right: 90px !important
  }

  .u-pb90-sp {
    padding-bottom: 90px !important
  }

  .u-pl90-sp {
    padding-left: 90px !important
  }

  .u-pv90-sp {
    padding-top: 90px !important;
    padding-bottom: 90px !important
  }

  .u-ph90-sp {
    padding-left: 90px !important;
    padding-right: 90px !important
  }

  .u-pa90-sp {
    padding: 90px !important
  }

  .u-mt95-sp {
    margin-top: 95px !important
  }

  .u-mt-95-sp {
    margin-top: -95px !important
  }

  .u-mr95-sp {
    margin-right: 95px !important
  }

  .u-mr-95-sp {
    margin-right: -95px !important
  }

  .u-mb95-sp {
    margin-bottom: 95px !important
  }

  .u-mb-95-sp {
    margin-bottom: -95px !important
  }

  .u-ml95-sp {
    margin-left: 95px !important
  }

  .u-ml-95-sp {
    margin-left: -95px !important
  }

  .u-pt95-sp {
    padding-top: 95px !important
  }

  .u-pr95-sp {
    padding-right: 95px !important
  }

  .u-pb95-sp {
    padding-bottom: 95px !important
  }

  .u-pl95-sp {
    padding-left: 95px !important
  }

  .u-pv95-sp {
    padding-top: 95px !important;
    padding-bottom: 95px !important
  }

  .u-ph95-sp {
    padding-left: 95px !important;
    padding-right: 95px !important
  }

  .u-pa95-sp {
    padding: 95px !important
  }

  .u-mt100-sp {
    margin-top: 100px !important
  }

  .u-mt-100-sp {
    margin-top: -100px !important
  }

  .u-mr100-sp {
    margin-right: 100px !important
  }

  .u-mr-100-sp {
    margin-right: -100px !important
  }

  .u-mb100-sp {
    margin-bottom: 100px !important
  }

  .u-mb-100-sp {
    margin-bottom: -100px !important
  }

  .u-ml100-sp {
    margin-left: 100px !important
  }

  .u-ml-100-sp {
    margin-left: -100px !important
  }

  .u-pt100-sp {
    padding-top: 100px !important
  }

  .u-pr100-sp {
    padding-right: 100px !important
  }

  .u-pb100-sp {
    padding-bottom: 100px !important
  }

  .u-pl100-sp {
    padding-left: 100px !important
  }

  .u-pv100-sp {
    padding-top: 100px !important;
    padding-bottom: 100px !important
  }

  .u-ph100-sp {
    padding-left: 100px !important;
    padding-right: 100px !important
  }

  .u-pa100-sp {
    padding: 100px !important
  }

  .u-mt105-sp {
    margin-top: 105px !important
  }

  .u-mt-105-sp {
    margin-top: -105px !important
  }

  .u-mr105-sp {
    margin-right: 105px !important
  }

  .u-mr-105-sp {
    margin-right: -105px !important
  }

  .u-mb105-sp {
    margin-bottom: 105px !important
  }

  .u-mb-105-sp {
    margin-bottom: -105px !important
  }

  .u-ml105-sp {
    margin-left: 105px !important
  }

  .u-ml-105-sp {
    margin-left: -105px !important
  }

  .u-pt105-sp {
    padding-top: 105px !important
  }

  .u-pr105-sp {
    padding-right: 105px !important
  }

  .u-pb105-sp {
    padding-bottom: 105px !important
  }

  .u-pl105-sp {
    padding-left: 105px !important
  }

  .u-pv105-sp {
    padding-top: 105px !important;
    padding-bottom: 105px !important
  }

  .u-ph105-sp {
    padding-left: 105px !important;
    padding-right: 105px !important
  }

  .u-pa105-sp {
    padding: 105px !important
  }

  .u-mt110-sp {
    margin-top: 110px !important
  }

  .u-mt-110-sp {
    margin-top: -110px !important
  }

  .u-mr110-sp {
    margin-right: 110px !important
  }

  .u-mr-110-sp {
    margin-right: -110px !important
  }

  .u-mb110-sp {
    margin-bottom: 110px !important
  }

  .u-mb-110-sp {
    margin-bottom: -110px !important
  }

  .u-ml110-sp {
    margin-left: 110px !important
  }

  .u-ml-110-sp {
    margin-left: -110px !important
  }

  .u-pt110-sp {
    padding-top: 110px !important
  }

  .u-pr110-sp {
    padding-right: 110px !important
  }

  .u-pb110-sp {
    padding-bottom: 110px !important
  }

  .u-pl110-sp {
    padding-left: 110px !important
  }

  .u-pv110-sp {
    padding-top: 110px !important;
    padding-bottom: 110px !important
  }

  .u-ph110-sp {
    padding-left: 110px !important;
    padding-right: 110px !important
  }

  .u-pa110-sp {
    padding: 110px !important
  }

  .u-mt115-sp {
    margin-top: 115px !important
  }

  .u-mt-115-sp {
    margin-top: -115px !important
  }

  .u-mr115-sp {
    margin-right: 115px !important
  }

  .u-mr-115-sp {
    margin-right: -115px !important
  }

  .u-mb115-sp {
    margin-bottom: 115px !important
  }

  .u-mb-115-sp {
    margin-bottom: -115px !important
  }

  .u-ml115-sp {
    margin-left: 115px !important
  }

  .u-ml-115-sp {
    margin-left: -115px !important
  }

  .u-pt115-sp {
    padding-top: 115px !important
  }

  .u-pr115-sp {
    padding-right: 115px !important
  }

  .u-pb115-sp {
    padding-bottom: 115px !important
  }

  .u-pl115-sp {
    padding-left: 115px !important
  }

  .u-pv115-sp {
    padding-top: 115px !important;
    padding-bottom: 115px !important
  }

  .u-ph115-sp {
    padding-left: 115px !important;
    padding-right: 115px !important
  }

  .u-pa115-sp {
    padding: 115px !important
  }

  .u-mt120-sp {
    margin-top: 120px !important
  }

  .u-mt-120-sp {
    margin-top: -120px !important
  }

  .u-mr120-sp {
    margin-right: 120px !important
  }

  .u-mr-120-sp {
    margin-right: -120px !important
  }

  .u-mb120-sp {
    margin-bottom: 120px !important
  }

  .u-mb-120-sp {
    margin-bottom: -120px !important
  }

  .u-ml120-sp {
    margin-left: 120px !important
  }

  .u-ml-120-sp {
    margin-left: -120px !important
  }

  .u-pt120-sp {
    padding-top: 120px !important
  }

  .u-pr120-sp {
    padding-right: 120px !important
  }

  .u-pb120-sp {
    padding-bottom: 120px !important
  }

  .u-pl120-sp {
    padding-left: 120px !important
  }

  .u-pv120-sp {
    padding-top: 120px !important;
    padding-bottom: 120px !important
  }

  .u-ph120-sp {
    padding-left: 120px !important;
    padding-right: 120px !important
  }

  .u-pa120-sp {
    padding: 120px !important
  }

  .u-mt125-sp {
    margin-top: 125px !important
  }

  .u-mt-125-sp {
    margin-top: -125px !important
  }

  .u-mr125-sp {
    margin-right: 125px !important
  }

  .u-mr-125-sp {
    margin-right: -125px !important
  }

  .u-mb125-sp {
    margin-bottom: 125px !important
  }

  .u-mb-125-sp {
    margin-bottom: -125px !important
  }

  .u-ml125-sp {
    margin-left: 125px !important
  }

  .u-ml-125-sp {
    margin-left: -125px !important
  }

  .u-pt125-sp {
    padding-top: 125px !important
  }

  .u-pr125-sp {
    padding-right: 125px !important
  }

  .u-pb125-sp {
    padding-bottom: 125px !important
  }

  .u-pl125-sp {
    padding-left: 125px !important
  }

  .u-pv125-sp {
    padding-top: 125px !important;
    padding-bottom: 125px !important
  }

  .u-ph125-sp {
    padding-left: 125px !important;
    padding-right: 125px !important
  }

  .u-pa125-sp {
    padding: 125px !important
  }

  .u-mt130-sp {
    margin-top: 130px !important
  }

  .u-mt-130-sp {
    margin-top: -130px !important
  }

  .u-mr130-sp {
    margin-right: 130px !important
  }

  .u-mr-130-sp {
    margin-right: -130px !important
  }

  .u-mb130-sp {
    margin-bottom: 130px !important
  }

  .u-mb-130-sp {
    margin-bottom: -130px !important
  }

  .u-ml130-sp {
    margin-left: 130px !important
  }

  .u-ml-130-sp {
    margin-left: -130px !important
  }

  .u-pt130-sp {
    padding-top: 130px !important
  }

  .u-pr130-sp {
    padding-right: 130px !important
  }

  .u-pb130-sp {
    padding-bottom: 130px !important
  }

  .u-pl130-sp {
    padding-left: 130px !important
  }

  .u-pv130-sp {
    padding-top: 130px !important;
    padding-bottom: 130px !important
  }

  .u-ph130-sp {
    padding-left: 130px !important;
    padding-right: 130px !important
  }

  .u-pa130-sp {
    padding: 130px !important
  }

  .u-mt135-sp {
    margin-top: 135px !important
  }

  .u-mt-135-sp {
    margin-top: -135px !important
  }

  .u-mr135-sp {
    margin-right: 135px !important
  }

  .u-mr-135-sp {
    margin-right: -135px !important
  }

  .u-mb135-sp {
    margin-bottom: 135px !important
  }

  .u-mb-135-sp {
    margin-bottom: -135px !important
  }

  .u-ml135-sp {
    margin-left: 135px !important
  }

  .u-ml-135-sp {
    margin-left: -135px !important
  }

  .u-pt135-sp {
    padding-top: 135px !important
  }

  .u-pr135-sp {
    padding-right: 135px !important
  }

  .u-pb135-sp {
    padding-bottom: 135px !important
  }

  .u-pl135-sp {
    padding-left: 135px !important
  }

  .u-pv135-sp {
    padding-top: 135px !important;
    padding-bottom: 135px !important
  }

  .u-ph135-sp {
    padding-left: 135px !important;
    padding-right: 135px !important
  }

  .u-pa135-sp {
    padding: 135px !important
  }

  .u-mt140-sp {
    margin-top: 140px !important
  }

  .u-mt-140-sp {
    margin-top: -140px !important
  }

  .u-mr140-sp {
    margin-right: 140px !important
  }

  .u-mr-140-sp {
    margin-right: -140px !important
  }

  .u-mb140-sp {
    margin-bottom: 140px !important
  }

  .u-mb-140-sp {
    margin-bottom: -140px !important
  }

  .u-ml140-sp {
    margin-left: 140px !important
  }

  .u-ml-140-sp {
    margin-left: -140px !important
  }

  .u-pt140-sp {
    padding-top: 140px !important
  }

  .u-pr140-sp {
    padding-right: 140px !important
  }

  .u-pb140-sp {
    padding-bottom: 140px !important
  }

  .u-pl140-sp {
    padding-left: 140px !important
  }

  .u-pv140-sp {
    padding-top: 140px !important;
    padding-bottom: 140px !important
  }

  .u-ph140-sp {
    padding-left: 140px !important;
    padding-right: 140px !important
  }

  .u-pa140-sp {
    padding: 140px !important
  }

  .u-mt145-sp {
    margin-top: 145px !important
  }

  .u-mt-145-sp {
    margin-top: -145px !important
  }

  .u-mr145-sp {
    margin-right: 145px !important
  }

  .u-mr-145-sp {
    margin-right: -145px !important
  }

  .u-mb145-sp {
    margin-bottom: 145px !important
  }

  .u-mb-145-sp {
    margin-bottom: -145px !important
  }

  .u-ml145-sp {
    margin-left: 145px !important
  }

  .u-ml-145-sp {
    margin-left: -145px !important
  }

  .u-pt145-sp {
    padding-top: 145px !important
  }

  .u-pr145-sp {
    padding-right: 145px !important
  }

  .u-pb145-sp {
    padding-bottom: 145px !important
  }

  .u-pl145-sp {
    padding-left: 145px !important
  }

  .u-pv145-sp {
    padding-top: 145px !important;
    padding-bottom: 145px !important
  }

  .u-ph145-sp {
    padding-left: 145px !important;
    padding-right: 145px !important
  }

  .u-pa145-sp {
    padding: 145px !important
  }

  .u-mt150-sp {
    margin-top: 150px !important
  }

  .u-mt-150-sp {
    margin-top: -150px !important
  }

  .u-mr150-sp {
    margin-right: 150px !important
  }

  .u-mr-150-sp {
    margin-right: -150px !important
  }

  .u-mb150-sp {
    margin-bottom: 150px !important
  }

  .u-mb-150-sp {
    margin-bottom: -150px !important
  }

  .u-ml150-sp {
    margin-left: 150px !important
  }

  .u-ml-150-sp {
    margin-left: -150px !important
  }

  .u-pt150-sp {
    padding-top: 150px !important
  }

  .u-pr150-sp {
    padding-right: 150px !important
  }

  .u-pb150-sp {
    padding-bottom: 150px !important
  }

  .u-pl150-sp {
    padding-left: 150px !important
  }

  .u-pv150-sp {
    padding-top: 150px !important;
    padding-bottom: 150px !important
  }

  .u-ph150-sp {
    padding-left: 150px !important;
    padding-right: 150px !important
  }

  .u-pa150-sp {
    padding: 150px !important
  }
}

@media only screen and (max-width: 599px) {
  .u-sp-fit {
    margin-left: -vpsp-vw(15);
    margin-right: -vpsp-vw(15)
  }
}

.u-fz8 {
  font-size: 0.8rem !important
}

.u-fz9 {
  font-size: 0.9rem !important
}

.u-fz10 {
  font-size: 1rem !important
}

.u-fz11 {
  font-size: 1.1rem !important
}

.u-fz12 {
  font-size: 1.2rem !important
}

.u-fz13 {
  font-size: 1.3rem !important
}

.u-fz14 {
  font-size: 1.4rem !important
}

.u-fz15 {
  font-size: 1.5rem !important
}

.u-fz16 {
  font-size: 1.6rem !important
}

.u-fz17 {
  font-size: 1.7rem !important
}

.u-fz18 {
  font-size: 1.8rem !important
}

.u-fz19 {
  font-size: 1.9rem !important
}

.u-fz20 {
  font-size: 2rem !important
}

.u-fz21 {
  font-size: 2.1rem !important
}

.u-fz22 {
  font-size: 2.2rem !important
}

.u-fz23 {
  font-size: 2.3rem !important
}

.u-fz24 {
  font-size: 2.4rem !important
}

.u-fz25 {
  font-size: 2.5rem !important
}

.u-fz26 {
  font-size: 2.6rem !important
}

.u-fz27 {
  font-size: 2.7rem !important
}

.u-fz28 {
  font-size: 2.8rem !important
}

.u-fz29 {
  font-size: 2.9rem !important
}

.u-fz30 {
  font-size: 3rem !important
}

.u-fz31 {
  font-size: 3.1rem !important
}

.u-fz32 {
  font-size: 3.2rem !important
}

.u-fz33 {
  font-size: 3.3rem !important
}

.u-fz34 {
  font-size: 3.4rem !important
}

.u-fz35 {
  font-size: 3.5rem !important
}

.u-fz36 {
  font-size: 3.6rem !important
}

.u-fz37 {
  font-size: 3.7rem !important
}

.u-fz38 {
  font-size: 3.8rem !important
}

.u-fz39 {
  font-size: 3.9rem !important
}

.u-fz40 {
  font-size: 4rem !important
}

.u-fz41 {
  font-size: 4.1rem !important
}

.u-fz42 {
  font-size: 4.2rem !important
}

.u-fz43 {
  font-size: 4.3rem !important
}

.u-fz44 {
  font-size: 4.4rem !important
}

.u-fz45 {
  font-size: 4.5rem !important
}

.u-fz46 {
  font-size: 4.6rem !important
}

.u-fz47 {
  font-size: 4.7rem !important
}

.u-fz48 {
  font-size: 4.8rem !important
}

.u-fz49 {
  font-size: 4.9rem !important
}

.u-fz50 {
  font-size: 5rem !important
}

.u-fz51 {
  font-size: 5.1rem !important
}

.u-fz52 {
  font-size: 5.2rem !important
}

.u-fz53 {
  font-size: 5.3rem !important
}

.u-fz54 {
  font-size: 5.4rem !important
}

.u-fz55 {
  font-size: 5.5rem !important
}

.u-fz56 {
  font-size: 5.6rem !important
}

.u-fz57 {
  font-size: 5.7rem !important
}

.u-fz58 {
  font-size: 5.8rem !important
}

.u-fz59 {
  font-size: 5.9rem !important
}

.u-fz60 {
  font-size: 6rem !important
}

.u-fz61 {
  font-size: 6.1rem !important
}

.u-fz62 {
  font-size: 6.2rem !important
}

.u-fz63 {
  font-size: 6.3rem !important
}

.u-fz64 {
  font-size: 6.4rem !important
}

.u-fz65 {
  font-size: 6.5rem !important
}

.u-fz66 {
  font-size: 6.6rem !important
}

.u-fz67 {
  font-size: 6.7rem !important
}

.u-fz68 {
  font-size: 6.8rem !important
}

.u-fz69 {
  font-size: 6.9rem !important
}

.u-fz70 {
  font-size: 7rem !important
}

@media (max-width: 900px) {
  .u-fz8-mid {
    font-size: 0.8rem !important
  }

  .u-fz9-mid {
    font-size: 0.9rem !important
  }

  .u-fz10-mid {
    font-size: 1rem !important
  }

  .u-fz11-mid {
    font-size: 1.1rem !important
  }

  .u-fz12-mid {
    font-size: 1.2rem !important
  }

  .u-fz13-mid {
    font-size: 1.3rem !important
  }

  .u-fz14-mid {
    font-size: 1.4rem !important
  }

  .u-fz15-mid {
    font-size: 1.5rem !important
  }

  .u-fz16-mid {
    font-size: 1.6rem !important
  }

  .u-fz17-mid {
    font-size: 1.7rem !important
  }

  .u-fz18-mid {
    font-size: 1.8rem !important
  }

  .u-fz19-mid {
    font-size: 1.9rem !important
  }

  .u-fz20-mid {
    font-size: 2rem !important
  }

  .u-fz21-mid {
    font-size: 2.1rem !important
  }

  .u-fz22-mid {
    font-size: 2.2rem !important
  }

  .u-fz23-mid {
    font-size: 2.3rem !important
  }

  .u-fz24-mid {
    font-size: 2.4rem !important
  }

  .u-fz25-mid {
    font-size: 2.5rem !important
  }

  .u-fz26-mid {
    font-size: 2.6rem !important
  }

  .u-fz27-mid {
    font-size: 2.7rem !important
  }

  .u-fz28-mid {
    font-size: 2.8rem !important
  }

  .u-fz29-mid {
    font-size: 2.9rem !important
  }

  .u-fz30-mid {
    font-size: 3rem !important
  }

  .u-fz31-mid {
    font-size: 3.1rem !important
  }

  .u-fz32-mid {
    font-size: 3.2rem !important
  }

  .u-fz33-mid {
    font-size: 3.3rem !important
  }

  .u-fz34-mid {
    font-size: 3.4rem !important
  }

  .u-fz35-mid {
    font-size: 3.5rem !important
  }

  .u-fz36-mid {
    font-size: 3.6rem !important
  }

  .u-fz37-mid {
    font-size: 3.7rem !important
  }

  .u-fz38-mid {
    font-size: 3.8rem !important
  }

  .u-fz39-mid {
    font-size: 3.9rem !important
  }

  .u-fz40-mid {
    font-size: 4rem !important
  }

  .u-fz41-mid {
    font-size: 4.1rem !important
  }

  .u-fz42-mid {
    font-size: 4.2rem !important
  }

  .u-fz43-mid {
    font-size: 4.3rem !important
  }

  .u-fz44-mid {
    font-size: 4.4rem !important
  }

  .u-fz45-mid {
    font-size: 4.5rem !important
  }

  .u-fz46-mid {
    font-size: 4.6rem !important
  }

  .u-fz47-mid {
    font-size: 4.7rem !important
  }

  .u-fz48-mid {
    font-size: 4.8rem !important
  }

  .u-fz49-mid {
    font-size: 4.9rem !important
  }

  .u-fz50-mid {
    font-size: 5rem !important
  }

  .u-fz51-mid {
    font-size: 5.1rem !important
  }

  .u-fz52-mid {
    font-size: 5.2rem !important
  }

  .u-fz53-mid {
    font-size: 5.3rem !important
  }

  .u-fz54-mid {
    font-size: 5.4rem !important
  }

  .u-fz55-mid {
    font-size: 5.5rem !important
  }

  .u-fz56-mid {
    font-size: 5.6rem !important
  }

  .u-fz57-mid {
    font-size: 5.7rem !important
  }

  .u-fz58-mid {
    font-size: 5.8rem !important
  }

  .u-fz59-mid {
    font-size: 5.9rem !important
  }

  .u-fz60-mid {
    font-size: 6rem !important
  }

  .u-fz61-mid {
    font-size: 6.1rem !important
  }

  .u-fz62-mid {
    font-size: 6.2rem !important
  }

  .u-fz63-mid {
    font-size: 6.3rem !important
  }

  .u-fz64-mid {
    font-size: 6.4rem !important
  }

  .u-fz65-mid {
    font-size: 6.5rem !important
  }

  .u-fz66-mid {
    font-size: 6.6rem !important
  }

  .u-fz67-mid {
    font-size: 6.7rem !important
  }

  .u-fz68-mid {
    font-size: 6.8rem !important
  }

  .u-fz69-mid {
    font-size: 6.9rem !important
  }

  .u-fz70-mid {
    font-size: 7rem !important
  }
}

@media (max-width: 599px) {
  .u-fz8-sp {
    font-size: 0.8rem !important
  }

  .u-fz9-sp {
    font-size: 0.9rem !important
  }

  .u-fz10-sp {
    font-size: 1rem !important
  }

  .u-fz11-sp {
    font-size: 1.1rem !important
  }

  .u-fz12-sp {
    font-size: 1.2rem !important
  }

  .u-fz13-sp {
    font-size: 1.3rem !important
  }

  .u-fz14-sp {
    font-size: 1.4rem !important
  }

  .u-fz15-sp {
    font-size: 1.5rem !important
  }

  .u-fz16-sp {
    font-size: 1.6rem !important
  }

  .u-fz17-sp {
    font-size: 1.7rem !important
  }

  .u-fz18-sp {
    font-size: 1.8rem !important
  }

  .u-fz19-sp {
    font-size: 1.9rem !important
  }

  .u-fz20-sp {
    font-size: 2rem !important
  }

  .u-fz21-sp {
    font-size: 2.1rem !important
  }

  .u-fz22-sp {
    font-size: 2.2rem !important
  }

  .u-fz23-sp {
    font-size: 2.3rem !important
  }

  .u-fz24-sp {
    font-size: 2.4rem !important
  }

  .u-fz25-sp {
    font-size: 2.5rem !important
  }

  .u-fz26-sp {
    font-size: 2.6rem !important
  }

  .u-fz27-sp {
    font-size: 2.7rem !important
  }

  .u-fz28-sp {
    font-size: 2.8rem !important
  }

  .u-fz29-sp {
    font-size: 2.9rem !important
  }

  .u-fz30-sp {
    font-size: 3rem !important
  }

  .u-fz31-sp {
    font-size: 3.1rem !important
  }

  .u-fz32-sp {
    font-size: 3.2rem !important
  }

  .u-fz33-sp {
    font-size: 3.3rem !important
  }

  .u-fz34-sp {
    font-size: 3.4rem !important
  }

  .u-fz35-sp {
    font-size: 3.5rem !important
  }

  .u-fz36-sp {
    font-size: 3.6rem !important
  }

  .u-fz37-sp {
    font-size: 3.7rem !important
  }

  .u-fz38-sp {
    font-size: 3.8rem !important
  }

  .u-fz39-sp {
    font-size: 3.9rem !important
  }

  .u-fz40-sp {
    font-size: 4rem !important
  }

  .u-fz41-sp {
    font-size: 4.1rem !important
  }

  .u-fz42-sp {
    font-size: 4.2rem !important
  }

  .u-fz43-sp {
    font-size: 4.3rem !important
  }

  .u-fz44-sp {
    font-size: 4.4rem !important
  }

  .u-fz45-sp {
    font-size: 4.5rem !important
  }

  .u-fz46-sp {
    font-size: 4.6rem !important
  }

  .u-fz47-sp {
    font-size: 4.7rem !important
  }

  .u-fz48-sp {
    font-size: 4.8rem !important
  }

  .u-fz49-sp {
    font-size: 4.9rem !important
  }

  .u-fz50-sp {
    font-size: 5rem !important
  }

  .u-fz51-sp {
    font-size: 5.1rem !important
  }

  .u-fz52-sp {
    font-size: 5.2rem !important
  }

  .u-fz53-sp {
    font-size: 5.3rem !important
  }

  .u-fz54-sp {
    font-size: 5.4rem !important
  }

  .u-fz55-sp {
    font-size: 5.5rem !important
  }

  .u-fz56-sp {
    font-size: 5.6rem !important
  }

  .u-fz57-sp {
    font-size: 5.7rem !important
  }

  .u-fz58-sp {
    font-size: 5.8rem !important
  }

  .u-fz59-sp {
    font-size: 5.9rem !important
  }

  .u-fz60-sp {
    font-size: 6rem !important
  }
}

.u-fz10per {
  font-size: 10% !important
}

.u-fz20per {
  font-size: 20% !important
}

.u-fz30per {
  font-size: 30% !important
}

.u-fz40per {
  font-size: 40% !important
}

.u-fz50per {
  font-size: 50% !important
}

.u-fz60per {
  font-size: 60% !important
}

.u-fz70per {
  font-size: 70% !important
}

.u-fz80per {
  font-size: 80% !important
}

.u-fz90per {
  font-size: 90% !important
}

.u-fz100per {
  font-size: 100% !important
}

.u-fz110per {
  font-size: 110% !important
}

.u-fz120per {
  font-size: 120% !important
}

.u-fz130per {
  font-size: 130% !important
}

.u-fz140per {
  font-size: 140% !important
}

.u-fz150per {
  font-size: 150% !important
}

.u-fz160per {
  font-size: 160% !important
}

.u-fz170per {
  font-size: 170% !important
}

.u-fz180per {
  font-size: 180% !important
}

.u-fz190per {
  font-size: 190% !important
}

.u-fz200per {
  font-size: 200% !important
}

.u-fz210per {
  font-size: 210% !important
}

.u-fz220per {
  font-size: 220% !important
}

.u-text-bold {
  font-weight: 600
}

@media (min-width: 600px) {
  .u-text-bold_pc {
    font-weight: 600
  }
}

@media (max-width: 599px) {
  .u-text-bold_sp {
    font-weight: 600
  }
}

.u-text-link {
  color: #000;
  text-decoration: underline;
  transition: -webkit-text-decoration 0.3;
  transition: text-decoration 0.3;
  transition: text-decoration 0.3, -webkit-text-decoration 0.3
}

.u-text-link:hover {
  text-decoration: none
}

.u-text-small {
  font-size: 1.2rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .u-text-small {
    font-size: calc(12 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .u-text-small {
    font-size: calc(12 / 375 * 100vw)
  }
}

.u-text-attention {
  margin-top: 1rem;
  font-size: 1.2rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .u-text-attention {
    font-size: calc(12 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .u-text-attention {
    font-size: calc(12 / 375 * 100vw)
  }
}

.u-text-en {
  font-family: "Oswald";
  font-weight: 300
}

.u-text-mid {
  font-weight: 600 !important
}

.u-text-medium {
  font-weight: 500
}

.u-text-normal {
  font-weight: 400
}

.u-text-loose {
  letter-spacing: .087em
}

.u-text-serif {
  font-family: 'Shippori Mincho', serif
}

.u-text-roboto {
  font-family: 'Roboto', sans-serif
}

.u-text-arial {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif
}

.u-text-sub {
  font-size: .5em;
  margin: 0 .1em
}

.u-text-sub--entity {
  font-size: 1.2rem
}

.u-text-sup {
  font-size: 60%;
  margin: 0 .2em 0 0;
  vertical-align: super
}

.u-text-tight {
  letter-spacing: -.01em
}

.u-text-underline {
  text-decoration: underline
}

.u-text-vertical {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl
}

.u-text-nowrap {
  white-space: nowrap
}

.u-text-strong {
  font-size: 130%
}

.u-text-vert {
  text-orientation: upright;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl
}

.u-text-indent-init {
  text-indent: 0
}

.u-text-line-through {
  text-decoration: line-through
}

.u-text-line-through.w-1 {
  text-decoration-thickness: 1px
}

.u-text-line-through.w-2 {
  text-decoration-thickness: 2px
}

.u-text-line-through.w-3 {
  text-decoration-thickness: 3px
}

.u-text-line-through.w-4 {
  text-decoration-thickness: 4px
}

.u-text-line-through.w-5 {
  text-decoration-thickness: 5px
}

@media only screen and (max-width: 599px) {
  .u-text-align-l-sp {
    text-align: left
  }

  .u-text-align-r-sp {
    text-align: right
  }

  .u-text-align-c-sp {
    text-align: center
  }

  .u-text-vertical-sp {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
  }
}

.u-title {
  font-size: 12rem;
  line-height: 1
}

@media (max-width: 599px) {
  .u-title {
    font-size: 6rem
  }
}

.u-title small {
  display: block;
  margin-top: 1rem;
  font-size: 2.4rem
}

@media (max-width: 599px) {
  .u-title small {
    font-size: 2rem
  }
}

.u-video {
  position: relative;
  width: 100%;
  padding-top: 56.25%
}

.u-video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important
}

.u-jost--light {
  font-family: 'Jost', sans-serif;
  font-weight: 300
}

.u-jost--bold {
  font-family: 'Jost', sans-serif;
  font-weight: 600
}

.u-noto--light {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300
}

.u-noto--bold {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600
}

:root {
  --sp-vh: 100vh
}

.p-band-favorite {
  background: #000;
  bottom: 0;
  left: 0;
  position: fixed;
  transition: transform .2s ease-out;
  width: 100%;
  z-index: 2
}

.p-band-favorite__desc {
  align-items: center;
  color: white;
  display: flex;
  justify-content: center;
  line-height: 1.5;
  padding: .6em 0
}

.p-band-favorite__icon {
  margin-right: .5em
}

.p-band-favorite__text .favorite-text[aria-hidden=true] {
  display: none
}

.p-band-favorite[aria-hidden=true] {
  transition: transform .4s ease-out;
  transform: translateY(100%)
}

.p-band-favorite.is-added .p-band-favorite__icon .c-icon-a.stroke {
  display: none
}

.p-band-favorite.is-added .p-band-favorite__text .favorite-text.removed {
  display: none
}

.p-band-favorite.is-removed .p-band-favorite__icon .c-icon-a.fill {
  display: none
}

.p-band-favorite.is-removed .p-band-favorite__text .favorite-text.added {
  display: none
}

.p-band-news {
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  line-height: 1.75
}

.p-band-news__inner {
  display: flex;
  padding: 1em 0
}

.p-band-news__heading {
  font-family: 'Shippori Mincho', serif;
  margin-right: 2.2em
}

.p-band-news__content {
  display: flex
}

.p-band-news__term {
  margin-right: 2.2em
}

.p-band-news__target {
  color: #fff
}

@media (max-width: 599px) {
  .p-band-news__heading {
    margin-right: 1em
  }

  .p-band-news__content {
    flex-direction: column
  }

  .p-band-news__term {
    margin-bottom: .5em
  }
}

.p-boards-a__list {
  display: flex;
  position: relative
}

.p-boards-a__item {
  width: cnt2-per(500)
}

.p-boards-a__item:not(:last-child) {
  margin-right: cnt2-per(100)
}

.p-boards-a__item .c-board-a {
  height: 100%
}

.p-boards-a__item .c-board-a__p {
  line-height: 2
}

.p-boards-a__x {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%)
}

.p-boards-a .c-icon-x {
  width: 60px;
  height: 60px
}

.p-boards-a .c-icon-x::before,
.p-boards-a .c-icon-x::after {
  height: 2px;
  background: #3BB0FF
}

@media (max-width: 599px) {
  .p-boards-a__list {
    flex-direction: column
  }

  .p-boards-a__item {
    width: 100%
  }

  .p-boards-a__item:not(:last-child) {
    margin: 0
  }

  .p-boards-a__x {
    margin: 1em 0;
    position: static;
    text-align: center;
    transform: none
  }
}

.p-boards-b:not(:last-child) {
  margin-bottom: 50px
}

.p-boards-b .c-board-b {
  height: 100%
}

@media (max-width: 900px) {
  .p-boards-b .c-board-b__heading .c-heading-d__main {
    font-size: 2.8rem
  }

  .p-boards-b .c-board-b__heading .c-heading-d__sub {
    font-size: 1.8rem
  }

  .p-boards-b--2cols .c-board-b__icon {
    width: 80px
  }

  .p-boards-b--2cols .c-board-b__text .c-tel-a__number {
    font-size: 4.4rem
  }

  .p-boards-b--2cols .c-board-b__p {
    font-size: 1.4rem
  }
}

@media (max-width: 599px) {
  .p-boards-b:not(:last-child) {
    margin-bottom: vpsp-vw(30)
  }

  .p-boards-b--2cols .c-board-b__icon {
    width: 120px
  }

  .p-boards-b--2cols .c-board-b__p {
    font-size: 1.6rem
  }
}

.p-boards-c:not(:last-child) .p-boards-c__inner {
  margin-bottom: cnt2-per(60)
}

.p-boards-c__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: cnt2-per(360) 40px 1fr;
  grid-template-columns: cnt2-per(360) 1fr;
  -ms-grid-rows: auto 40px auto;
  grid-template-areas: 'areaA areaB' 'areaA areaC';
  gap: 40px
}

.p-boards-c__item:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  grid-area: areaA
}

.p-boards-c__item:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: areaB
}

.p-boards-c__item:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: areaC
}

.p-boards-c .c-board-b {
  height: 100%
}

@media (max-width: 599px) {
  .p-boards-c:not(:last-child) .p-boards-c__inner {
    margin-bottom: vpsp-vw(40)
  }

  .p-boards-c__inner {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    -ms-grid-rows: auto vpsp-vw(30) auto vpsp-vw(30) auto;
    grid-template-areas: 'areaA' 'areaB' 'areaC';
    gap: vpsp-vw(30)
  }

  .p-boards-c__item:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1
  }

  .p-boards-c__item:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1
  }

  .p-boards-c__item:nth-child(3) {
    -ms-grid-row: 5;
    -ms-grid-column: 1
  }
}

.p-carousel-a {
  position: relative
}

.p-carousel-a__container {
  overflow: hidden;
  padding: 0 150px
}

.p-carousel-a__arrow {
  position: absolute;
  top: 50%;
  z-index: 1
}

.p-carousel-a__arrow.f-left {
  left: 0;
  transform: translate(-50%, -50%)
}

.p-carousel-a__arrow.f-right {
  right: 0;
  transform: translate(50%, -50%)
}

@media (max-width: 599px) {
  .p-carousel-a__container {
    padding: 0 vpsp-vw(80)
  }

  .p-carousel-a__item {
    width: vpsp-vw(150)
  }

  .p-carousel-a__arrow.f-left {
    left: vpsp-vw(30)
  }

  .p-carousel-a__arrow.f-right {
    right: vpsp-vw(30)
  }
}

.p-column-a {
  background: white;
  border: 2px solid #3BB0FF;
  border-radius: .4em
}

.p-column-a__list {
  display: flex;
  font-weight: 700;
  line-height: 1.5;
  max-width: 825px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased
}

.p-column-a__term {
  align-items: center;
  background: #3BB0FF;
  color: white;
  display: flex;
  flex: 0 1 310px;
  font-size: 2rem;
  line-height: 1.5;
  padding: 1.3em 2em;
  text-align: center
}

.p-column-a__desc {
  align-items: center;
  color: #3BB0FF;
  display: flex;
  padding: 1.3em 2.5em;
  text-align: left
}

.p-column-a__desc .c-list-a {
  font-size: 2rem
}

@media (max-width: 599px) {
  .p-column-a__list {
    flex-direction: column
  }

  .p-column-a__term {
    flex: 0 1 auto;
    font-size: 1.4rem;
    justify-content: center;
    padding: .7em 1em
  }

  .p-column-a__desc {
    padding: 1em
  }

  .p-column-a__desc .c-list-a {
    font-size: 1.4rem
  }
}

.p-column-b {
  background: #fff;
  border-radius: .3em;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16)
}

.p-column-b__heading {
  background: #3BB0FF;
  border-top-left-radius: .3em;
  border-top-right-radius: .3em;
  padding: 1em;
  text-align: center
}

.p-column-b__body {
  padding: 40px
}

.p-column-b__text .dlist__term {
  margin-bottom: .8em
}

@media (max-width: 599px) {
  .p-column-b__heading {
    padding: .8em
  }

  .p-column-b__heading .c-heading-s--mark.mark-left .c-heading-s__mark {
    margin-right: 8px
  }

  .p-column-b__heading .c-heading-s__mark img {
    height: 28px;
    width: 58px
  }

  .p-column-b__heading .c-heading-s__main {
    text-align: left
  }

  .p-column-b__body {
    padding: 30px vpsp-vw(15)
  }

  .p-column-b__text {
    font-size: 1.3rem
  }

  .p-column-b__text .c-text-body {
    font-size: 1.3rem
  }
}

.p-column-c__heading {
  margin-bottom: 1.8em;
  padding: 0 20px
}

.p-column-c__icon {
  align-items: flex-end;
  display: flex;
  height: 97px;
  justify-content: center;
  margin-bottom: 20px
}

.p-column-c__icon .c-icon-c:not(:last-child) {
  margin-right: 30px
}

.p-column-c__fig {
  text-align: center
}

@media (max-width: 1240px) {
  .p-column-c__icon {
    height: brk-vw(97);
    margin-bottom: brk-vw(20)
  }

  .p-column-c__icon .c-icon-c:not(:last-child) {
    margin-right: brk-vw(30)
  }

  .p-column-c__icon .c-icon-c__fig {
    width: brk-vw(114)
  }

  .p-column-c__icon .c-icon-c__text {
    font-size: brk-vw(16)
  }
}

@media (max-width: 599px) {
  .p-column-c__heading {
    margin-bottom: 1.4em;
    padding: 0 10px
  }

  .p-column-c__icon {
    height: auto;
    margin-bottom: 11px
  }

  .p-column-c__icon .c-icon-c__fig {
    width: 89px
  }

  .p-column-c__icon .c-icon-c__text {
    font-size: 12px
  }
}

.p-column-d__heading {
  padding: 30px 20px 0
}

.p-column-d__heading .c-heading-s {
  border-bottom: 1px solid #C3C3C3;
  padding-bottom: .7em;
  width: 100%
}

.p-column-d__body {
  padding: 13px 20px 30px
}

.p-column-d__figure {
  margin-bottom: 20px
}

.p-column-d__text {
  font-size: 1.4rem
}

.p-column-d__text .dlist__unit:not(:last-child) {
  margin-bottom: 1.2em
}

.p-column-d__text .dlist__term {
  margin-bottom: .5em
}

.p-column-d__button {
  margin-top: 1.5em
}

@media (max-width: 599px) {
  .p-column-d__heading {
    padding: 20px 15px 0
  }

  .p-column-d__heading .c-heading-s {
    padding-bottom: 20px
  }

  [aria-expanded=false] .p-column-d__heading .c-heading-s {
    border: none
  }

  .p-column-d__toggler {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%)
  }
}

@media (min-width: 600px) {
  .p-column-d__toggler {
    display: none
  }
}

.p-column-e__wrapper {
  padding-top: 20px;
  position: relative
}

.p-column-e__heading {
  left: 40px;
  min-width: 400px;
  position: absolute;
  top: 0
}

.p-column-e__body {
  padding: 50px 40px
}

.p-column-e__content {
  display: flex
}

.p-column-e__subsec:not(:first-child) {
  margin-top: 40px
}

.p-column-e__subsec .p-column-e__icon {
  margin-right: 10.10101% !important
}

.p-column-e__subsec .p-column-e__icon img {
  filter: none !important
}

.p-column-e__icon {
  display: flex;
  flex: 1 1 400px;
  justify-content: center;
  margin: 0 7.14286% 0 0;
  min-height: 300px;
  padding-top: 45px;
  text-align: center
}

.p-column-e__icon--wide {
  flex-basis: 500px !important
}

.p-column-e__icon--wide+.p-column-e__desc {
  flex-basis: 390px !important
}

.p-column-e__desc {
  display: flex;
  flex: 1 1 640px;
  flex-direction: column;
  justify-content: center
}

.p-column-e--quality .p-column-e__icon {
  margin: 0 8.92857% 0 0;
  min-height: auto;
  padding-top: 0
}

.p-column-e--quality .p-column-e__icon img {
  filter: drop-shadow(0 10px 10px rgba(0, 0, 0, 0.1))
}

.p-column-e--type2 .p-column-e__body {
  padding: 50px 105px
}

.p-column-e--type2 .p-column-e__content {
  align-items: center;
  margin-top: 30px
}

.p-column-e--type2 .p-column-e__icon {
  align-self: flex-start;
  flex: 0 1 auto;
  margin-right: 15.15152%
}

.p-column-e--type2 .p-column-e__desc {
  flex: 0 1 550px
}

.p-column-e .s-chooseable {
  align-items: center;
  display: flex
}

.p-column-e .s-chooseable__or {
  font-size: 3.2rem;
  margin: 0 15px;
  position: relative;
  top: -.7em
}

@media (max-width: 1240px) {
  .p-column-e--type2 .p-column-e__body {
    padding: 50px brk-vw(105)
  }

  .p-column-e--type2 .p-column-e__icon img {
    height: 100%
  }
}

@media (max-width: 980px) {
  .p-column-e .s-chooseable__caption * {
    font-size: 1.4rem !important
  }
}

@media (max-width: 599px) {
  .p-column-e__heading {
    left: 50%;
    min-width: vpsp-vw(320);
    transform: translateX(-50%)
  }

  .p-column-e__body {
    padding: 40px 20px 20px
  }

  .p-column-e__content {
    flex-direction: column
  }

  .p-column-e__subsec:not(:first-child) {
    margin-top: 40px
  }

  .p-column-e__subsec .p-column-e__icon {
    margin-right: 0 !important
  }

  .p-column-e__icon {
    flex: 1 1 auto;
    justify-content: center;
    margin: 0 0 15px;
    min-height: auto;
    padding-top: 0
  }

  .p-column-e__icon--wide {
    flex-basis: auto !important
  }

  .p-column-e__icon--wide+.p-column-e__desc {
    flex-basis: auto !important
  }

  .p-column-e .s-chooseable__caption * {
    font-size: 1.2rem !important
  }

  .p-column-e .s-chooseable__or {
    font-size: 2rem;
    margin: 0 10px
  }

  .p-column-e__desc {
    flex: 1 1 auto
  }

  .p-column-e--quality .p-column-e__icon {
    margin: 0 8.92857% 0 0;
    min-height: auto;
    padding-top: 0
  }

  .p-column-e--quality .p-column-e__icon img {
    filter: drop-shadow(0 10px 10px rgba(0, 0, 0, 0.1))
  }

  .p-column-e--type2 .p-column-e__body {
    padding: 40px 20px 20px
  }

  .p-column-e--type2 .p-column-e__content {
    align-items: center;
    margin-top: 0
  }

  .p-column-e--type2 .p-column-e__icon {
    margin: 0 auto 20px;
    width: 100%
  }

  .p-column-e--type2 .p-column-e__icon img {
    width: 162px
  }

  .p-column-e--type2 .p-column-e__desc {
    flex: 0 1 auto
  }
}

.p-column-scroll__content {
  border: 1px solid #C3C3C3;
  height: 222px;
  padding: 1em 1.3em;
  overflow: auto
}

.p-contact-a {
  background: #fff;
  border: 1px solid #3BB0FF;
  border-radius: .5em;
  padding: 10px;
  text-align: center
}

.p-contact-a__container {
  padding: .8em
}

.p-contact-a__term {
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: .5em
}

.p-contact-a__term .term-text {
  font-weight: 500
}

.p-contact-a .c-address-a__content {
  font-size: 5.2rem
}

.p-contact-a .c-address-a__recept {
  font-size: 1.4rem;
  margin-top: .3em
}

.p-contact-a--row {
  display: flex
}

.p-contact-a--row .p-contact-a__container {
  flex: 0 1 50%
}

.p-contact-a--row .p-contact-a__container:not(:last-child) {
  border-right: 1px solid #3BB0FF
}

.l-drawer .p-contact-a {
  padding: 1em
}

.l-drawer .p-contact-a .p-contact-a__container {
  padding: 0
}

.l-drawer .p-contact-a .p-contact-a__term {
  font-size: 1.6rem
}

.l-drawer .p-contact-a .c-address-a__content {
  font-size: 3.8rem
}

.l-drawer .p-contact-a .c-address-a__recept {
  font-size: 1.2rem;
  margin-top: .5em
}

@media (max-width: 900px) {
  .p-contact-a__term {
    font-size: 1.7rem
  }

  .p-contact-a .c-address-a__content {
    font-size: 4.2rem
  }

  .p-contact-a .c-button-b__target {
    font-size: 1.8rem
  }
}

@media (max-width: 599px) {
  .p-contact-a__term {
    font-size: 1.6rem
  }

  .p-contact-a .c-address-a__content {
    font-size: 3.8rem
  }

  .p-contact-a .c-address-a__recept {
    font-size: 1.2rem
  }

  .p-contact-a .c-button-b__target {
    font-size: 1.6rem
  }

  .p-contact-a--row.sp-col {
    flex-direction: column
  }

  .p-contact-a--row.sp-col .p-contact-a__container:not(:last-child) {
    border-right: none;
    border-bottom: 1px solid #3BB0FF
  }

  .p-contact-a--row.sp-col .p-contact-a__container:first-child {
    padding-top: .4em;
    padding-bottom: 1.2em
  }

  .p-contact-a--row.sp-col .p-contact-a__container:not(:first-child) {
    padding-top: 1.3em
  }
}

.p-controls-a__section {
  padding: 20px 0
}

.p-controls-a__section--gray {
  background: #f5f5f5
}

.p-controls-a__primary {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-top: 3px;
  position: relative
}

.p-controls-a__primary .p-panel-filter {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1
}

@media (max-width: 1040px) {
  .p-controls-a__primary .p-panel-filter {
    max-width: 500px
  }
}

@media (max-width: 930px) {
  .p-controls-a__primary .p-panel-filter {
    max-width: 400px
  }
}

@media (max-width: 820px) {
  .p-controls-a__primary .p-panel-filter {
    max-width: 350px
  }
}

@media (max-width: 599px) {
  .p-controls-a__primary {
    justify-content: center
  }
}

.p-figure-a {
  text-align: center
}

.p-figure-a__label {
  position: relative;
  z-index: 1
}

.p-figure-a__icon {
  margin-top: -1em
}

.p-figure-a__caption {
  line-height: 1.5;
  margin-top: .8em;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased
}

.p-figure-a__caption .cap-text {
  font-size: 2rem;
  font-weight: 700
}

.p-figure-a__caption .notes {
  font-size: 1.2rem;
  margin-top: .3em
}

.p-figure-a__caption .desc {
  font-size: 1.4rem;
  margin-top: .6em
}

.p-hgroup-a {
  border-bottom: 1px solid rgba(59, 176, 255, 0.2);
  padding-bottom: 2em
}

.p-hgroup-a__heading {
  margin-bottom: .5em
}

.p-hgroup-a__meta {
  align-items: center;
  display: flex
}

.p-hgroup-a__date {
  font-size: 1.4rem;
  margin-right: 1.5em
}

.p-hgroup-a--mb {
  margin-bottom: cnt4-per(60)
}

@media (max-width: 599px) {
  .p-hgroup-a__heading {
    margin-bottom: .8em
  }

  .p-hgroup-a--mb {
    margin-bottom: 2.5em
  }
}

.p-list-thumb__shoulder {
  font-size: 1.4rem;
  margin-bottom: .7em
}

.p-list-thumb__shoulder.is-nodata {
  margin-bottom: 60px
}

@media (max-width: 599px) {
  .p-list-thumb__section:not(:last-child) {
    margin-bottom: 40px
  }

  .p-list-thumb__shoulder.is-nodata {
    margin-bottom: 0
  }
}

.p-media-a {
  background: #1B96D5;
  padding: 40px
}

.p-media-a:not(:last-child) {
  margin-bottom: 20px
}

.p-media-a__heading {
  color: #3BB0FF;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 1.2em
}

.p-media-a__content {
  display: flex
}

.p-media-a__img {
  flex: 0 0 300px;
  margin-right: 2em
}

.p-media-a__img img {
  width: 100%
}

.p-media-a__text {
  display: flex;
  flex-direction: column;
  width: 100%
}

.p-media-a__text .term {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: .7em
}

.p-media-a__text .desc {
  margin-bottom: 1em
}

.p-media-a__text .button {
  margin-top: auto;
  text-align: right;
  width: 100%
}

@media (max-width: 599px) {
  .p-media-a {
    padding: 20px
  }

  .p-media-a__heading {
    margin-bottom: .7em;
    text-align: center
  }

  .p-media-a__img {
    flex: 1 1 auto;
    margin-right: 0;
    margin-bottom: 1.5em
  }

  .p-media-a__content {
    flex-direction: column
  }
}

.p-media-b__text {
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  margin: -155px auto 0;
  padding: 30px;
  position: relative;
  width: 80%
}

.p-media-b__heading {
  margin-bottom: 1em
}

.p-media-b__desc {
  margin-bottom: 1em
}

.p-media-b__button {
  text-align: right
}

@media (max-width: 970px) and (min-width: 600px) {
  .c-grid--2cols-b .p-media-b__heading .c-heading-d__main {
    font-size: 3rem
  }

  .c-grid--2cols-b .p-media-b__heading .c-heading-d__sub {
    font-size: 2rem
  }
}

@media (max-width: 599px) {
  .p-media-b__text {
    margin-top: -60px;
    width: vpsp-vw(360)
  }
}

.p-media-c {
  display: flex
}

.p-media-c__text {
  background: linear-gradient(120deg, #3BB0FF 40%, #28ac97 100%);
  color: #fff;
  flex: 1 1 auto;
  margin: 40px -25px 0 -277px;
  transform: skewX(-4deg)
}

.p-media-c__text-inner {
  max-width: 806px;
  padding: 60px 75px;
  transform: skewX(4deg)
}

.p-media-c__text--product {
  align-items: center;
  background-image: url(/assets/img/bg_product_01.png), linear-gradient(140deg, #3BB0FF 40%, #28ac97 100%);
  background-blend-mode: screen;
  background-position: center bottom;
  background-repeat: no-repeat;
  display: flex
}

.p-media-c__text--product .p-media-c__text-inner {
  padding: 0 vp-vw(160) 0 vp-vw(180) !important
}

.p-media-c__heading {
  margin-bottom: 1.8em
}

.p-media-c__desc {
  margin-bottom: 1em;
  max-width: 650px
}

.p-media-c--reverse .p-media-c__img {
  margin-left: -110px;
  order: 2
}

.p-media-c--reverse .p-media-c__text {
  margin: 70px 0 0 -50px
}

@media (min-width: 1401px) {
  .c-cntw--full .p-media-c__text-inner {
    max-width: 100%;
    padding: vp-vw(60) vp-vw(75)
  }

  .c-cntw--full .p-media-c__heading {
    margin-bottom: vp-vw(30)
  }

  .c-cntw--full .p-media-c__heading .c-heading-d__main {
    font-size: vp-vw(40)
  }

  .c-cntw--full .p-media-c__heading .c-heading-d__sub {
    font-size: vp-vw(24)
  }

  .c-cntw--full .p-media-c__desc {
    font-size: vp-vw(16);
    margin-bottom: vp-vw(30);
    max-width: 100%
  }

  .c-cntw--full .p-media-c__button .c-button-a {
    border-radius: vp-vw(30);
    padding: vp-vw(10);
    width: vp-vw(220)
  }

  .c-cntw--full .p-media-c__button .c-button-a__text {
    font-size: vp-vw(16)
  }

  .c-cntw--full .p-media-c__button .c-button-a__arrow {
    right: vp-vw(14)
  }

  .c-cntw--full .p-media-c__button .c-button-a__arrow .c-arrow-a {
    border-width: vp-vw(2);
    height: vp-vw(9);
    width: vp-vw(9)
  }

  .c-cntw--full .p-media-c__button .c-button-a__arrow img {
    width: vp-vw(16)
  }

  .c-cntw--full .p-media-c__button .c-button-a:hover {
    box-shadow: 0 vp-vw(3) vp-vw(4) rgba(0, 0, 0, 0.2)
  }

  .c-cntw--full .p-media-c__img {
    flex: 0 0 auto;
    width: vp-vw(780)
  }

  .c-cntw--full .p-media-c__img img {
    width: 100%
  }
}

@media (max-width: 1240px) {
  .c-cntw--full .p-media-c__img {
    margin-left: -150px;
    width: brk-vw(900)
  }

  .c-cntw--full .p-media-c__img img {
    width: 100%
  }

  .c-cntw--full .p-media-c__text {
    margin-left: brk-vw(-340)
  }

  .c-cntw--full .p-media-c--reverse .p-media-c__text {
    margin: 70px 0 0 -50px
  }

  .c-cntw--full .p-media-c--reverse .p-media-c__img {
    margin-left: brk-vw(-150)
  }
}

@media (max-width: 599px) {
  .p-media-c {
    flex-direction: column
  }

  .c-cntw .p-media-c__img {
    margin-left: 0;
    width: 100%
  }

  .c-cntw .p-media-c__text {
    margin: -57px 0 0 vpsp-vw(15);
    transform-origin: left bottom
  }

  .c-cntw .p-media-c__text-inner {
    padding: 45px
  }

  .c-cntw .p-media-c__desc {
    margin-bottom: 2em
  }

  .c-cntw .p-media-c--reverse .p-media-c__img {
    margin-left: 0
  }

  .c-cntw .p-media-c--reverse .p-media-c__text {
    margin: -80px vpsp-vw(40) 0 vpsp-vw(-30);
    order: 2
  }

  .c-cntw .p-media-c--reverse .p-media-c__text--product {
    background-size: 170%, auto
  }

  .c-cntw .p-media-c--reverse .p-media-c__text-inner {
    padding: 80px 40px 75px vpsp-vw(35) !important
  }
}

.p-media-d {
  position: relative
}

.p-media-d__content {
  display: inline-flex
}

.p-media-d__fig {
  margin-right: 50px
}

.p-media-d__body {
  padding-bottom: 75px;
  text-align: left
}

.p-media-d__button {
  bottom: 0;
  position: absolute
}

.p-media-d--pamph {
  text-align: center
}

.p-media-d--pamph .p-media-d__content {
  max-width: 800px;
  width: 100%
}

.p-media-d--pamph .p-media-d__fig {
  margin-right: 10%
}

@media (max-width: 599px) {
  .p-media-d__fig {
    flex-shrink: 0;
    margin-bottom: 25px
  }

  .p-media-d__body {
    padding-bottom: 25px
  }

  .p-media-d__button {
    display: flex;
    justify-content: center;
    position: static
  }

  .p-media-d__button .c-button-b {
    width: 100%
  }

  .p-media-d--pamph .p-media-d__fig {
    margin-right: 22px;
    width: 90px
  }
}

.p-media-e__heading {
  margin-bottom: 1.3em
}

.p-media-e__meta {
  display: flex;
  justify-content: space-between
}

.p-media-e__fig {
  margin-top: 80px;
  text-align: center
}

@media (max-width: 599px) {
  .p-media-e__fig {
    margin-top: 50px
  }
}

.p-modal-a {
  display: none
}

.p-modal-a.is-open {
  display: block;
  position: relative;
  z-index: 10
}

.p-modal-a__overlay {
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.6);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  overflow-y: auto;
  position: fixed;
  right: 0;
  top: 0
}

.p-modal-a__container {
  background: #C3C3C3;
  border-radius: 8px;
  line-height: 0;
  margin: 240px 15px 0;
  max-width: 880px;
  position: relative;
  text-align: center;
  width: 100%
}

.p-modal-a__video .vimeo-iframe {
  border-radius: 6px
}

.p-modal-a__dialog {
  background: #fff;
  padding: 80px 30px
}

.p-modal-a__dialog .c-heading-c {
  line-height: 1.5;
  margin-bottom: 1.7em
}

.p-modal-a__dialog .c-text-body {
  margin-bottom: 2.8em
}

.p-modal-a__close {
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(-120%)
}

@media (max-width: 880px) {
  .p-modal-a__video iframe {
    height: 54.33239vw;
    width: 100%
  }
}

@media (orientation: landscape) {

  .c-media-a--video+.p-modal-a .p-modal-a__container,
  .c-media-b--video+.p-modal-a .p-modal-a__container {
    max-height: 495px
  }
}

@media (max-width: 599px) {
  .p-modal-a__container {
    margin: vpsp-vw(240) vpsp-vw(15) 0
  }

  .p-modal-a__video iframe {
    height: vpsp-vw(194)
  }
}

@media (max-width: 599px) and (orientation: landscape) {
  .p-modal-a__container {
    margin-top: vpsp-vw(30)
  }
}

.p-newslist__item {
  border-bottom: 1px solid rgba(59, 176, 255, 0.2)
}

.p-newslist__item:first-child {
  border-top: 1px solid rgba(59, 176, 255, 0.2)
}

.p-newslist__target {
  display: flex
}

.p-newslist__date {
  color: rgba(0, 0, 0, 0.5);
  margin-right: 3em
}

.p-newslist__target {
  color: #000;
  padding: 1.3em 1em 1.3em 1.7em;
  transition: box-shadow .2s linear
}

.p-newslist__target:hover {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1)
}

.p-newslist__button {
  margin-top: 2.5em;
  text-align: center
}

@media (max-width: 599px) {
  .p-newslist__target {
    flex-direction: column;
    padding: 1em 0
  }
}

.p-pagination-a {
  align-items: center;
  display: flex;
  justify-content: center
}

.p-pagination-a__list {
  display: flex;
  margin: 0 .7em
}

.p-pagination-a__item a {
  border-right: 1px solid #ccc;
  padding: .3em 1em;
  transition: background .2s ease-out
}

.p-pagination-a__item a[aria-current=page] {
  background: #000;
  color: #fff;
  pointer-events: none
}

.p-pagination-a__item a:hover {
  background: #ccc
}

.p-pagination-a__item:first-child a {
  border-left: 1px solid #ccc
}

.p-pagination-b {
  align-items: center;
  display: flex;
  justify-content: center
}

.p-pagination-b__list {
  display: flex;
  margin: 0 6px
}

.p-pagination-b__item:not(:last-child) {
  margin-right: 6px
}

.p-pagination-b__target {
  align-items: center;
  border: 1px solid #C3C3C3;
  border-radius: 50%;
  color: #000;
  display: flex;
  font-size: 1.7rem;
  height: 40px;
  justify-content: center;
  line-height: 1;
  transition: background .2s ease-out;
  width: 40px;
  font-family: 'Roboto', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased
}

.p-pagination-b__target[aria-current=page] {
  background: #3BB0FF;
  border: none;
  color: #fff;
  pointer-events: none
}

.p-pagination-b__target:hover {
  background: #dbf0fa
}

.p-pagination-b__pager {
  align-items: center;
  display: flex
}

.p-pagination-b__pager>*:not(:last-child) {
  margin-right: 6px
}

@media (max-width: 599px) {
  .p-pagination-b__target {
    height: 36px;
    width: 36px
  }
}

.p-panel-filter {
  background: #fff;
  border: 2px solid #000;
  font-size: 1.4rem;
  max-width: 600px;
  width: 100%
}

.p-panel-filter__tab {
  transition: border .2s ease-out, background .2s ease-out;
  border-bottom: 2px solid transparent
}

[aria-expanded=true] .p-panel-filter__tab {
  border-bottom: 2px solid #000
}

.p-panel-filter__tab .filter-tab {
  padding: 10px
}

.p-panel-filter__tab .filter-tab__content {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.p-panel-filter__tab:hover {
  background: #f5f5f5
}

.p-panel-filter__panel .filter-panel {
  padding: 30px 18px
}

.p-panel-filter__panel .filter-panel__button {
  display: flex;
  justify-content: center;
  margin-top: 30px
}

.p-panel-filter__panel .filter-panel__button .c-button-c:not(:last-child) {
  margin-right: 20px
}

.p-panel-filter__panel .filter-control__unit:not(:last-child) {
  margin-bottom: 1em
}

.p-panel-filter__panel .filter-control__term {
  font-weight: 600;
  margin-bottom: .7em
}

.p-panel-filter__panel .filter-control__desc {
  display: flex;
  flex-wrap: wrap;
  margin-top: -1em
}

.p-panel-filter__panel .filter-control__item {
  margin-top: 1em
}

.p-panel-filter__panel .filter-control__item:not(:last-child) {
  margin-right: 1.5em
}

#append-panel-filter {
  position: relative
}

#append-panel-filter .p-panel-filter {
  position: absolute;
  width: vpsp-vw(360);
  z-index: 1
}

@media (max-width: 599px) {
  #append-panel-filter {
    padding-bottom: 68px
  }
}

.p-panel-modal {
  height: 100%;
  left: 0;
  opacity: 1;
  overflow: auto;
  position: fixed;
  top: 0;
  visibility: visible;
  width: 100%;
  z-index: 2
}

.p-panel-modal[aria-hidden=true] {
  display: none
}

.p-panel-modal__wrapper {
  display: table;
  height: 100%;
  width: 100%
}

.p-panel-modal__container {
  display: table-cell;
  padding: 20px 0;
  vertical-align: middle
}

.p-panel-modal__content {
  background: #fff;
  margin: 0 auto;
  max-width: 640px;
  padding: 40px;
  position: relative;
  text-align: center;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15)
}

.p-panel-modal__imgwrap {
  margin-bottom: 20px;
  position: relative
}

.p-panel-modal__imgwrap::before {
  content: '';
  display: block;
  padding-top: 100%
}

.p-panel-modal__img {
  bottom: 0;
  filter: drop-shadow(0 0 7px rgba(0, 0, 0, 0.12));
  height: 100%;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
  font-family: 'object-fit: contain;';
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}

.p-panel-modal__favorite {
  bottom: 0;
  position: absolute;
  right: 0px
}

.p-panel-modal__caption .modal-caption__desc {
  align-items: center;
  display: flex;
  justify-content: center
}

.p-panel-modal__caption .modal-caption__id {
  font-size: 1.4rem;
  font-weight: 600;
  margin: 0 auto
}

.ie .p-panel-modal__caption .modal-caption__id {
  width: 100%
}

.p-panel-modal__caption .modal-caption__pager {
  line-height: 1
}

.ie .p-panel-modal__caption .modal-caption__pager {
  flex: 1 1 auto
}

.p-panel-modal__caption .modal-caption__pager .c-arrow-line--half {
  position: relative;
  top: 2px
}

.p-panel-modal__caption .modal-caption__button {
  margin-top: 20px
}

.p-panel-modal__closebutton {
  position: absolute;
  right: 0;
  top: 0
}

@media (max-width: 599px) {
  .p-panel-modal__content {
    padding: vpsp-vw(30) vpsp-vw(20);
    width: vpsp-vw(360)
  }

  .p-panel-modal__closebutton .c-button-cross {
    height: vpsp-vw(50);
    width: vpsp-vw(50)
  }

  .p-panel-modal__closebutton .c-button-cross .c-icon-cross {
    height: vpsp-vw(15);
    width: vpsp-vw(15)
  }

  .p-panel-modal__closebutton .c-button-cross .c-icon-cross::before,
  .p-panel-modal__closebutton .c-button-cross .c-icon-cross::after {
    height: vpsp-vw(2)
  }
}

.p-privacy {
  position: relative;
  z-index: 10;
  padding-bottom: 5rem
}

@media (max-width: 599px) {
  .p-privacy {
    padding: 0 calc(20 / 375 * 100vw) calc(50 / 375 * 100vw)
  }
}

.p-privacy__container {
  max-width: 998px;
  width: 100%;
  margin: -8rem auto 0;
  padding: 5rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .p-privacy__container {
    margin-top: calc(-80 / 1280 * 100vw);
    padding: calc(50 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .p-privacy__container {
    margin-top: calc(-60 / 375 * 100vw);
    padding: calc(50 / 375 * 100vw) calc(20 / 375 * 100vw)
  }
}

.p-privacy__container dl:nth-child(n+2) {
  margin-top: 4rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .p-privacy__container dl:nth-child(n+2) {
    margin-top: calc(40 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .p-privacy__container dl:nth-child(n+2) {
    margin-top: calc(40 / 375 * 100vw)
  }
}

.p-privacy__container dl dt {
  margin-bottom: 2rem;
  font-size: 2.4rem;
  line-height: 1
}

@media (min-width: 600px) and (max-width: 1980px) {
  .p-privacy__container dl dt {
    margin-bottom: calc(20 / 1280 * 100vw);
    font-size: calc(24 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .p-privacy__container dl dt {
    margin-bottom: calc(10 / 375 * 100vw);
    font-size: calc(22 / 375 * 100vw);
    line-height: 1.2;
    padding-left: 3.5rem;
    text-indent: -3.5rem
  }
}

.p-privacy__container dl dd p.list {
  padding-left: 4.8rem;
  text-indent: -4.8rem
}

@media (max-width: 599px) {
  .p-privacy__container dl dd p.list {
    padding-left: 4rem;
    text-indent: -4rem
  }
}

.privacy .l-hero-a__title {
  margin-top: 5rem;
  font-size: 3.6rem
}

@media (min-width: 600px) and (max-width: 1980px) {
  .privacy .l-hero-a__title {
    margin-top: calc(50 / 1280 * 100vw);
    font-size: calc(36 / 1280 * 100vw)
  }
}

@media (max-width: 599px) {
  .privacy .l-hero-a__title {
    font-size: calc(24 / 375 * 100vw)
  }
}

.p-section-a {
  display: flex;
  justify-content: space-between
}

.p-section-a__text {
  flex: 0 1 590px;
  margin-right: 40px
}

.p-section-a__heading {
  margin-bottom: 1.4em
}

.p-section-a__button {
  margin-top: 1.7em
}

.p-section-a__button>* {
  display: inline-block
}

.p-section-a__figure {
  flex: 0 1 370px
}

.p-section-a--reverse {
  flex-direction: row-reverse
}

.p-section-a--reverse .p-section-a__text {
  margin-right: 0
}

.p-section-a--reverse .p-section-a__figure {
  margin-right: 40px
}

@media (max-width: 599px) {
  .p-section-a {
    flex-direction: column
  }

  .p-section-a__text {
    flex: 1 1 100%;
    margin-right: 0;
    order: 0
  }

  .p-section-a__heading {
    margin-bottom: 1em
  }

  .p-section-a__heading .c-heading-s__mark .c-icon-b {
    font-size: 1.8rem !important;
    height: 30px;
    width: 30px
  }

  .p-section-a__heading .c-heading-s__main {
    font-size: 2rem
  }

  .p-section-a__button {
    order: 2;
    margin-top: 1.5em;
    text-align: center
  }

  .p-section-a__button .c-button-b {
    width: 100%
  }

  .p-section-a__figure {
    flex: 1 1 100%;
    margin-top: 1.2em;
    order: 1
  }

  .p-section-a--reverse .p-section-a__figure {
    margin-right: 0
  }
}

.p-section-b {
  background: #fff;
  padding: cnt2-per(40) cnt2-per(50)
}

.p-section-b:not(:last-child) {
  margin-bottom: cnt2-per(40)
}

.p-section-b__heading {
  margin-bottom: .3em
}

.p-section-b__content {
  font-family: 'Shippori Mincho', serif
}

.p-section-b__section:not(:last-child) {
  margin-bottom: 1.8em
}

.p-section-b__term {
  font-size: 2.2rem
}

.p-section-b__desc {
  font-size: 2rem
}

@media (max-width: 599px) {
  .p-section-b {
    padding: vpsp-vw(30) vpsp-vw(20)
  }

  .p-section-b:not(:last-child) {
    margin-bottom: vpsp-vw(20)
  }

  .p-section-b__heading {
    font-size: 2.8rem
  }
}

.p-service .gNavi-js,
.p-service .gNavi {
  display: none
}

.p-service main {
  width: 100%;
  /* overflow: hidden; */
  padding-top: 0
}

.p-service main img {
  max-width: 100%;
  pointer-events: none
}

.p-service section {
  position: relative;
  z-index: 0
}

.p-service__title {
  margin: 0 2rem 3rem;
  font-size: 3rem
}

@media (max-width: 599px) {
  .p-service__title {
    margin: 0 0 2rem;
    font-size: 2.4rem;
    text-align: center
  }
}

.p-service__contaietr {
  max-width: 1240px;
  width: 100%;
  margin: 0 auto
}

.p-service__wrapper {
  width: 100%;
  padding: 10rem 0 25rem;
  border-radius: 7rem 7rem 0 0;
  position: relative;
  z-index: 0
}

@media (max-width: 599px) {
  .p-service__wrapper {
    padding: 7rem 2.5rem 15rem;
    border-radius: 4rem 4rem 0 0
  }
}

.p-service-mv {
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
  padding: 22.8rem 2rem 10rem;
  color: #fff;
  position: relative;
  z-index: 10
}

@media (max-width: 750px) {
  .p-service-mv {
    padding: 10rem 2.5rem 5rem
  }
}

.p-service-mv__title {
  margin-bottom: 2rem;
  font-size: 10rem;
  line-height: 1.2;
  position: relative;
  z-index: 10
}

@media (max-width: 750px) {
  .p-service-mv__title {
    font-size: 6rem
  }
}

.p-service-mv__title small {
  display: block;
  font-size: 2rem
}

@media (max-width: 750px) {
  .p-service-mv__title small {
    margin-top: 1rem
  }
}

.p-service-mv__text {
  font-size: 1.6rem;
  line-height: 1.8;
  position: relative;
  z-index: 10
}

@media (max-width: 750px) {
  .p-service-mv__text {
    font-size: 1.3rem
  }
}

.p-service-mv__polygon {
  position: absolute
}

.p-service-mv__polygon--red {
  width: 41.8rem;
  top: 4.3rem;
  right: -18rem;
  z-index: 3
}

@media (max-width: 750px) {
  .p-service-mv__polygon--red {
    width: 26rem;
    top: -11.3rem;
    right: -11.5rem
  }
}

.p-service-mv__polygon--blue {
  width: 27rem;
  bottom: -14rem;
  right: -5rem;
  z-index: 1
}

@media (max-width: 750px) {
  .p-service-mv__polygon--blue {
    width: 17rem;
    top: 4.3rem;
    right: -4.5rem
  }
}

.p-service-mv__polygon--purple {
  width: 43.8rem;
  bottom: -5rem;
  right: 12rem;
  z-index: 2
}

@media (max-width: 750px) {
  .p-service-mv__polygon--purple {
    width: 25.3rem;
    bottom: auto;
    top: 7rem;
    right: 4.8rem
  }
}

.p-service-mv__polygon--yellow {
  width: 35.5rem;
  top: 9.8rem;
  right: 14rem;
  z-index: 4
}

@media (max-width: 750px) {
  .p-service-mv__polygon--yellow {
    width: 22.4rem;
    top: -7.8rem;
    right: 7.5rem
  }
}

.p-service-list__contaietr {
  margin: -10px auto 0;
  padding: calc(10rem + 10px) 0 10rem;
  border-bottom: solid 1px #000
}

@media (max-width: 599px) {
  .p-service-list__contaietr {
    margin-top: 0;
    margin-bottom: 5rem;
    padding: 0 0 5rem
  }
}

.p-service-list__title {
  margin: 0 3rem 3rem;
  font-size: 3rem
}

@media (max-width: 599px) {
  .p-service-list__title {
    margin: 0 0 2rem;
    font-size: 2.4rem;
    text-align: center
  }
}

.p-service-list__lists {
  display: flex;
  flex-wrap: wrap;
  width: 100%
}

@media (max-width: 599px) {
  .p-service-list__lists {
    flex-direction: column
  }
}

.p-service-list__lists .list {
  width: calc((100% - 18rem) / 3);
  margin: 0 3rem
}

@media (min-width: 600px) {
  .p-service-list__lists .list:nth-child(n+4) {
    margin-top: 6rem
  }

  .p-service-list__lists .list:nth-child(3n) {
    margin-right: 2rem
  }

  .p-service-list__lists .list:nth-child(3n+1) {
    margin-left: 2rem
  }
}

@media (max-width: 599px) {
  .p-service-list__lists .list {
    width: 100%;
    margin: 0
  }

  .p-service-list__lists .list:nth-child(n+2) {
    margin-top: 4rem
  }
}

.p-service-list__lists .list a {
  display: block
}

@media (min-width: 600px) {
  .p-service-list__lists .list a:hover .img img {
    opacity: 1;
    transform: scale(1.1)
  }
}

.p-service-list__lists .list a .img {
  margin-bottom: 1rem;
  border-radius: .8rem;
  overflow: hidden
}

.p-service-list__lists .list a .img img {
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -moz-transition: all .3s ease
}

.p-service-list__lists .list a .textarea .title {
  margin-top: 1rem;
  font-size: 2rem
}

@media (max-width: 599px) {
  .p-service-list__lists .list a .textarea .title {
    font-size: 1.5rem
  }
}

.p-service-list__lists .list a .textarea .text {
  font-size: 1.6rem
}

@media (max-width: 599px) {
  .p-service-list__lists .list a .textarea .text {
    font-size: 1.3rem
  }
}

.p-service-related__contaietr {
  padding: 0
}

@media (min-width: 600px) {
  .p-service-related__contaietr {
    margin: -10px auto 0;
    padding-top: calc(10rem + 10px)
  }
}

.p-service-related__links {
  display: flex;
  flex-wrap: wrap;
  width: 100%
}

@media (max-width: 599px) {
  .p-service-related__links {
    flex-direction: column
  }
}

.p-service-related__links .link {
  width: calc((100% - 16.8rem) / 3);
  margin: 0 3.2rem
}

@media (min-width: 600px) {
  .p-service-related__links .link:nth-child(n+4) {
    margin-top: 3rem
  }

  .p-service-related__links .link:nth-child(3n) {
    margin-right: 2rem
  }

  .p-service-related__links .link:nth-child(3n+1) {
    margin-left: 2rem
  }
}

@media (max-width: 599px) {
  .p-service-related__links .link {
    width: 100%;
    margin: 0
  }
}

.p-service-related__links .link a {
  font-size: 2.4rem;
  height: 6rem
}

@media (max-width: 599px) {
  .p-service-related__links .link a {
    font-size: 2rem;
    height: 7rem
  }
}

.p-service footer {
  position: relative;
  margin-top: calc(-100px * var(--font-ratio));
}

@media (max-width: 768px) {
  .p-service footer {
    margin-top: calc(-50px * var(--font-ratio));
  }
}

/* @media (max-width: 599px) {
    .p-service footer {
        padding: 6rem 0 2rem !important
    }
} */

@media (max-width: 599px) {
  .p-service__bg {
    background-size: 280% 180vw
  }
}

@media (max-width: 599px) {
  .p-service__bg .p-service__bg--video {
    width: 600vw;
    height: auto;
    top: 0;
    left: 0;
    transform: translate(0)
  }
}

.p-sitemap__inner {
  display: flex;
  flex-wrap: wrap
}

.p-sitemap__block {
  width: cnt4-per(240)
}

.p-sitemap__block:not(:nth-child(3n)) {
  margin-right: cnt4-per(40)
}

.p-sitemap__block:not(:nth-last-child(-n+3)) {
  margin-bottom: cnt4-per(20)
}

.p-sitemap__unit {
  border-top: 1px solid rgba(59, 176, 255, 0.2);
  padding: 1em
}

.p-sitemap__upper:not(:last-child) {
  margin-bottom: .8em
}

.p-sitemap__lower {
  padding-left: 1em
}

.p-sitemap__lower .lower-list__item:not(:last-child) {
  margin-bottom: .8em
}

.p-sitemap__text {
  color: #000;
  display: block;
  font-size: 1.8rem;
  transition: color .2s ease-out
}

.p-sitemap__text--upper {
  align-items: center;
  display: flex;
  font-weight: 700;
  justify-content: space-between
}

a.p-sitemap__text:hover {
  color: #3BB0FF
}

@media (max-width: 599px) {
  .p-sitemap__inner {
    flex-direction: column
  }

  .p-sitemap__block {
    width: 100%
  }

  .p-sitemap__block:not(:nth-child(3n)) {
    margin-right: 0
  }

  .p-sitemap__block:not(:nth-last-child(-n+3)) {
    margin-bottom: 0
  }
}

.p-thumb-a__target {
  background: #fff;
  border: 1px solid #E5E5E5;
  display: block;
  position: relative;
  transition: background .2s ease-out, border .2s ease-out
}

.p-thumb-a__target::before {
  content: '';
  display: block;
  padding-top: 100%
}

a.p-thumb-a__target:hover {
  background: #f2f9fd;
  border-color: #1B96D5
}

.p-thumb-a__thumb {
  bottom: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0
}

.p-thumb-a__thumb img {
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.1));
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  font-family: 'object-fit: contain;';
  padding: 10px;
  width: 100%
}

.p-thumb-a__favorite {
  bottom: 8px;
  right: 10px;
  position: absolute;
  width: 10.52632%
}

.p-thumb-a__favorite .c-icon-favorite {
  width: 100%
}

.p-thumb-a__rank {
  left: 0;
  position: absolute;
  top: 0
}

.p-thumb-a--nolink .p-thumb-a__target {
  border: none;
  pointer-events: none
}

.p-thumb-a--nolink .p-thumb-a__thumb img {
  padding: 0
}

@media (max-width: 599px) {
  .p-thumb-a__favorite .c-icon-favorite {
    height: vpsp-vw(20);
    width: vpsp-vw(20)
  }
}

.p-top-kv {
  position: relative;
  z-index: 10
}

.p-top-kv__scroll {
  position: absolute;
  right: 1.5625vw;
  bottom: 1.5625vw;
  z-index: 10;
  width: 5.20833vw;
  height: 5.20833vw
}

.p-top-kv__scroll svg:first-child {
  width: 100%;
  height: 100%;
  font-family: 'Jost';
  font-size: 13px;
  font-weight: 700;
  letter-spacing: normal;
  animation: rotate 5s infinite linear
}

.p-top-kv__scroll .ar {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 1.04167vw;
  transform: translate(-50%, -50%) rotate(90deg);
  fill: #000;
  width: 1em;
  height: 1em
}

.p-top-kv__filter {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100lvh;
  background: #FFF;
  transition: opacity .3s
}

.p-top-kv__wrap {
  position: relative;
  display: flex;
  height: 100svh;
  padding: 1.04167vw
}

.p-top-kv__inr {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: 0 0 repeat;
  background-image: -webkit-image-set(url("/images/bg_kv.png") 1x, url("/images/bg_kv@2x.png") 2x);
  background-image: image-set(url("/images/bg_kv.png") 1x, url("/images/bg_kv@2x.png") 2x);
  border-radius: 2.08333vw;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.p-top-kv__typo {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  margin: 8.51064% 0 0 5.55556%;
  font-family: 'Jost';
  font-size: 10.6383vw;
  font-weight: 300;
  color: #000;
  pointer-events: none;
  opacity: 0
}

.p-top-kv__typo.cr {
  opacity: .2
}

.p-top-kv__cnt {
  position: absolute;
  top: 50%;
  z-index: 10;
  width: 31.91489%;
  margin-top: 3.19149%;
  margin-left: 10.6383%;
  transform: translateY(-50%)
}

.p-top-kv__cnt.hide {
  opacity: 0
}

.p-top-kv__ul {
  position: absolute;
  top: 0;
  z-index: 10;
  width: 31.91489%;
  height: 100%;
  margin-left: 10.6383%;
  list-style-type: none
}

.p-top-kv__ul li {
  display: none;
  position: absolute;
  top: calc(50% + 3.125vw);
  left: 0;
  min-height: 23.4375vw;
  padding: 0;
  margin: 0;
  transform: translateY(-50%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.p-top-kv__ul [data-current="true"] {
  display: block
}

.p-top-kv__visual {
  position: absolute;
  top: 50%;
  left: 32.12766%;
  width: 71.80851%;
  height: 0;
  padding-top: 70.74468%;
  margin: 2.65957% -3.40426% 0 0;
  transform: translateY(-50%);
  z-index: 10
}

.p-top-kv__navigation {
  position: absolute;
  z-index: 100;
  top: 50%;
  left: 32.12766%;
  width: 71.80851%;
  margin: 17.02128% -3.40426% 0 0
}

.p-top-kv__navigation>div {
  position: absolute;
  display: flex;
  align-items: center;
  left: 50%;
  transform: translateX(-50%)
}

.p-top-kv__navigation .play {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(/images/controller.svg) no-repeat 0 100%/200%
}

.p-top-kv__navigation .play[aria-pressed="true"] {
  background-position-y: 0%
}

@media (any-hover: hover) {
  .p-top-kv__navigation .play:hover {
    background-position-x: 100%
  }
}

.p-top-kv__navigation .bullets {
  display: flex;
  margin-left: 2rem
}

.p-top-kv__navigation .bullets>button {
  cursor: pointer;
  display: block;
  position: relative;
  width: 5rem;
  height: 3rem;
  transition: width .25s
}

.p-top-kv__navigation .bullets>button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 5px;
  transform: translateY(-50%);
  background: rgba(153, 153, 153, 0.5);
  transition: height .2s
}

.p-top-kv__navigation .bullets>button>i {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 0;
  width: 0;
  height: 5px;
  transform: translateY(-50%);
  background: #000;
  transition: height .2s
}

.p-top-kv__navigation .bullets>button.cr {
  pointer-events: none;
  width: 9rem
}

.p-top-kv__navigation .bullets>button~button {
  margin-left: .6rem
}

.p-top-kv .copy {
  font-family: 'jost';
  font-size: 6.25vw;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: normal
}

.p-top-kv .copy>span {
  position: relative;
  display: block;
  white-space: nowrap
}

.p-top-kv .copy>span:nth-child(2) {
  margin-left: .5em
}

.p-top-kv .lead {
  font-size: 1.66667vw;
  font-weight: 700
}

.p-top-kv .label {
  font-size: 2.08333vw;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: normal
}

.p-top-kv .ttl {
  font-size: 3.125vw;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: normal
}

.p-top-kv .txt {
  font-size: 1.45833vw;
  text-decoration: underline
}

.p-top-kv .btn {
  margin-top: 6.66667%
}

.p-top-kv .btn a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 11.45833vw;
  min-height: 3.4375vw;
  padding: 0 2em 0 1em;
  overflow: hidden;
  font-family: "Jost";
  font-size: .9375vw;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  background: #000;
  border-radius: 2.08333vw;
  transition: color .2s, background-color .2s
}

.p-top-kv .btn a .ar {
  display: block;
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  fill: currentColor;
  width: 1em;
  height: 1em
}

.p-top-kv .img {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  width: 55.55556%;
  height: 0;
  padding-top: 37.03704%;
  margin: auto;
  -webkit-mask: url("/images/mask_kv.svg") no-repeat 0 0/100%;
  mask: url("/images/mask_kv.svg") no-repeat 0 0/100%;
  transform: translate(-50%, -50%)
}

.p-top-kv .img>div {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.p-top-kv .img>div img {
  display: block;
  width: 100%
}

.p-top-kv .obj {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  opacity: .1;
  transition: opacity .5s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: opacity
}

.p-top-kv .obj:nth-of-type(1) {
  z-index: 4;
  width: 48.2963%;
  height: 0;
  padding-top: 53.18519%;
  margin: 7.48148% 0 0 8.66667%;
  background: no-repeat 0 0 / 100%;
  background-image: -webkit-image-set(url("/images/fig_kv_01.png") 1x, url("/images/fig_kv_01@2x.png") 2x);
  background-image: image-set(url("/images/fig_kv_01.png") 1x, url("/images/fig_kv_01@2x.png") 2x)
}

.p-top-kv .obj:nth-of-type(2) {
  z-index: 3;
  width: 56.81481%;
  height: 0;
  padding-top: 58.22222%;
  margin: 0 0 0 43.18519%;
  background: no-repeat 0 0 / 100%;
  background-image: -webkit-image-set(url("/images/fig_kv_02.png") 1x, url("/images/fig_kv_02@2x.png") 2x);
  background-image: image-set(url("/images/fig_kv_02.png") 1x, url("/images/fig_kv_02@2x.png") 2x)
}

.p-top-kv .obj:nth-of-type(3) {
  z-index: 1;
  width: 36.74074%;
  height: 0;
  padding-top: 65.18519%;
  margin: 33.33333% 0 0 47.55556%;
  background: no-repeat 0 0 / 100%;
  background-image: -webkit-image-set(url("/images/fig_kv_04.png") 1x, url("/images/fig_kv_04@2x.png") 2x);
  background-image: image-set(url("/images/fig_kv_04.png") 1x, url("/images/fig_kv_04@2x.png") 2x)
}

.p-top-kv .obj:nth-of-type(4) {
  z-index: 1;
  width: 59.62963%;
  height: 0;
  padding-top: 50.66667%;
  margin: 34.81481% 0 0 0;
  background: no-repeat 0 0 / 100%;
  background-image: -webkit-image-set(url("/images/fig_kv_03.png") 1x, url("/images/fig_kv_03@2x.png") 2x);
  background-image: image-set(url("/images/fig_kv_03.png") 1x, url("/images/fig_kv_03@2x.png") 2x)
}

.p-top-kv[data-current="0"] .obj {
  opacity: .8
}

.p-top-kv[data-current="1"] .obj:nth-of-type(1) {
  opacity: .8
}

.p-top-kv[data-current="2"] .obj:nth-of-type(2) {
  opacity: .8
}

.p-top-kv[data-current="3"] .obj:nth-of-type(3) {
  opacity: .8
}

.p-top-kv[data-current="4"] .obj:nth-of-type(4) {
  opacity: .8
}

@media (max-width: 890px) {
  .p-top-kv__scroll {
    display: none
  }

  .p-top-kv__typo {
    display: none
  }

  .p-top-kv__ul {
    top: 55%;
    width: 100%;
    height: auto;
    margin: 0 auto;
    transform: translateY(0)
  }

  .p-top-kv__ul li {
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    min-height: 0;
    padding: 0 5.61798vw;
    transform: translateY(0)
  }

  .p-top-kv__ul li:first-child {
    text-align: center
  }

  .p-top-kv__visual {
    position: relative;
    top: 50%;
    left: -16.53333%;
    width: 133.33333%;
    padding-top: 131.46667%;
    margin: 10.66667% 0 0 0;
    transform: translateY(-75%)
  }

  .p-top-kv__navigation {
    top: auto;
    bottom: 5.61798%;
    left: 0;
    width: 100%;
    margin-top: 0
  }

  .p-top-kv__navigation .bullets>button {
    cursor: pointer;
    display: block;
    position: relative;
    width: 3rem;
    height: 2rem
  }

  .p-top-kv__navigation .bullets>button.cr {
    width: 5rem
  }

  .p-top-kv .copy {
    display: inline-block;
    text-align: left;
    font-size: 10.66667vw
  }

  .p-top-kv .lead {
    display: inline-block;
    text-align: left;
    font-size: 3.2vw
  }

  .p-top-kv .label {
    font-size: 5.33333vw
  }

  .p-top-kv .ttl {
    font-size: 8vw
  }

  .p-top-kv .txt {
    font-size: 3.73333vw
  }
}

@media (max-width: 599px) {
  .p-top-kv__wrap {
    padding: 2.66667vw
  }

  .p-top-kv__inr {
    border-radius: 5.33333vw
  }

  .p-top-kv__visual {
    top: 45%;
    transform: translateY(-75%)
  }

  .p-top-kv__cnt {
    top: 48%
  }

  .p-top-kv__ul {
    top: 50%
  }

  .p-top-kv__ul li {
    padding: 0 4vw
  }

  .p-top-kv .copy {
    font-size: 16vw;
    line-height: 1.2
  }

  .p-top-kv .lead {
    font-size: 4.26667vw
  }

  .p-top-kv .label {
    font-size: 6.4vw
  }

  .p-top-kv .ttl {
    margin-bottom: 2.66667vw;
    font-size: 8.53333vw;
    line-height: 1.2
  }

  .p-top-kv .txt {
    font-size: 4.26667vw
  }

  .p-top-kv .btn {
    margin-top: 10.66667%
  }

  .p-top-kv .btn a {
    width: 53.33333vw;
    min-height: 13.33333vw;
    font-size: 4vw;
    border-radius: 13.33333vw
  }
}

@keyframes rotate {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(360deg)
  }
}

.p-top main {
  width: 100%;
  overflow: hidden;
  position: relative
}

.p-top main img,
.p-top main picture {
  max-width: 100%;
  pointer-events: none
}

.p-top main i {
  font-style: normal
}

.p-top section {
  position: relative;
  z-index: 0
}

@media (max-width: 599px) {
  .p-top .p-top--video {
    background-position: center top
  }
}

.p-top__title {
  margin-bottom: 4rem;
  position: relative
}

.p-top__title.js-title--white {
  color: #777
}

.p-top__title.js-title--white i {
  display: inline-block;
  opacity: 0;
  visibility: visible;
  transform: translateY(100%);
  line-height: 1
}

.p-top__title.js-title--white small {
  opacity: 0;
  visibility: visible;
  transform: translateY(100%);
  line-height: 1
}

.p-top__title.js-title {
  color: #e0e0e0
}

.p-top__title.js-title i {
  display: inline-block;
  opacity: 0;
  visibility: visible;
  transform: translateY(100%);
  line-height: 1
}

.p-top__title.js-title small {
  opacity: 0;
  visibility: visible;
  transform: translateY(100%);
  line-height: 1
}

.p-top-mv {
  width: 100%;
  height: 100svh;
  padding: calc(20 / 1980 * 100vw);
  position: relative;
  z-index: 100;
  transition: all 1.75s ease
}

@media (max-width: 599px) {
  .p-top-mv {
    height: calc(var(--sp-vh) * 100);
    padding: 1rem
  }
}

.p-top-mv__container {
  position: relative;
  border-radius: 5rem;
  overflow: hidden;
  width: 100%;
  height: 100%
}

@media (max-width: 599px) {
  .p-top-mv__container {
    border-radius: 2rem
  }
}

.p-top-mv__ico {
  position: absolute;
  right: calc(20 / 1980 * 100vw);
  bottom: calc(20 / 1980 * 100vw);
  width: 100px;
  opacity: 0;
  transition: all 1s;
  z-index: 20
}

.p-top-mv__ico .scroll-down-box {
  display: block;
  position: relative;
  text-decoration: none
}

.p-top-mv__ico .scroll-down-box svg {
  fill: #111
}

.p-top-mv__ico .scroll-down-box .scroll-text {
  width: 100px;
  height: auto;
  animation: rotation 10s infinite linear
}

.p-top-mv__ico .scroll-down-box .scroll-icon {
  width: 25px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.2s ease-in
}

.p-top-mv__ico .scroll-down-box:hover .scroll-icon {
  animation: move 1s infinite linear
}

.p-top-mv__hero {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1
}

@media (max-width: 599px) {
  .p-top-mv__hero {
    flex-direction: column
  }
}

.p-top-mv__hero .space {
  width: calc(644 / 1980 * 100vw);
  height: calc(560 / 1980 * 100vw)
}

@media (max-width: 599px) {
  .p-top-mv__hero .space {
    order: 2;
    width: 100%;
    height: calc(340 / 375 * 100vw)
  }
}

.p-top-mv__hero .heroes {
  width: calc(750 / 1980 * 100%);
  height: calc(500 / 1980 * 100vw);
  filter: drop-shadow(0 0 40px rgba(0, 0, 0, 0.1));
  position: relative
}

@media (max-width: 599px) {
  .p-top-mv__hero .heroes {
    margin-top: calc(50 / 375 * 100vw);
    width: calc(278 / 375 * 100vw);
    height: calc(185 / 375 * 100vw)
  }
}

.p-top-mv__hero .heroes .lead {
  position: absolute;
  top: calc(-150 / 1980 * 100vw);
  left: calc(-766 / 1980 * 100vw);
  white-space: nowrap;
  font-size: calc(200 / 1980 * 100vw);
  letter-spacing: -0.5rem;
  z-index: 99;
  opacity: 0;
  transition: all .5s
}

.p-top-mv__hero .heroes .lead.is-active {
  opacity: .1
}

.p-top-mv__hero .heroes .mask {
  width: 100%;
  height: 100%;
  -webkit-mask-image: url(/images/top-mv__thmb--mask.svg);
  mask-image: url(/images/top-mv__thmb--mask.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  position: relative;
  z-index: 100;
  overflow: hidden;
  opacity: 0;
  transition: all 1.75s ease;
  transition-delay: 1.1s
}

.p-top-mv__hero .heroes .mask .thmb {
  display: block;
  position: absolute;
  opacity: 0;
  filter: blur(10px);
  transform: scale(1);
  transition: all 1.75s ease
}

@media (max-width: 599px) {
  .p-top-mv__hero .heroes .mask .thmb {
    transition: all 1s ease
  }
}

.p-top-mv__hero .heroes .mask .thmb.is-active {
  opacity: 1;
  filter: blur(0);
  transform: scale(1.1)
}

.p-top-mv__hero .heroes .thmb--01 {
  z-index: 10
}

.p-top-mv__hero .heroes .thmb--02 {
  z-index: 20
}

.p-top-mv__hero .heroes .thmb--03 {
  z-index: 30
}

.p-top-mv__hero .heroes .thmb--04 {
  z-index: 40
}

.p-top-mv__hero .heroes .thmb--05 {
  z-index: 50
}

.p-top-mv__hero .heroes .polygon {
  position: absolute;
  z-index: 100;
  width: initial;
  opacity: .2;
  transition: all 1.75s ease
}

.p-top-mv__hero .heroes .polygon.is-active {
  opacity: 1
}

.p-top-mv__hero .heroes .polygon--red {
  width: calc(767 / 1980 * 100vw);
  height: calc(786 / 1980 * 100vw);
  top: calc(-324 / 1980 * 100vw);
  right: calc(-347 / 1980 * 100vw);
  z-index: 3;
  transform: translate(100%, -100%);
  background: url(/common/images/polygon_bg--red.png) no-repeat center center;
  background-size: 100% 100%
}

@media (max-width: 599px) {
  .p-top-mv__hero .heroes .polygon--red {
    width: calc(284 / 375 * 100vw);
    height: calc(291 / 375 * 100vw);
    top: calc(-134 / 375 * 100vw);
    right: calc(-97 / 375 * 100vw)
  }
}

.p-top-mv__hero .heroes .polygon--blue {
  width: calc(495 / 1980 * 100vw);
  height: calc(880 / 1980 * 100vw);
  right: calc(-125 / 1980 * 100vw);
  bottom: calc(-492 / 1980 * 100vw);
  z-index: 1;
  transform: translate(100%, 100%);
  background: url(/common/images/polygon_bg--blue.png) no-repeat center center;
  background-size: 100% 100%
}

@media (max-width: 599px) {
  .p-top-mv__hero .heroes .polygon--blue {
    width: calc(184 / 375 * 100vw);
    height: calc(326 / 375 * 100vw);
    bottom: calc(-188 / 375 * 100vw);
    right: calc(-12 / 375 * 100vw)
  }
}

.p-top-mv__hero .heroes .polygon--purple {
  width: calc(805 / 1980 * 100vw);
  height: calc(684 / 1980 * 100vw);
  bottom: calc(-319 / 1980 * 100vw);
  left: calc(-277 / 1980 * 100vw);
  z-index: 2;
  transform: translate(-100%, 100%);
  background: url(/common/images/polygon_bg--purple.png) no-repeat center center;
  background-size: 100% 100%
}

@media (max-width: 599px) {
  .p-top-mv__hero .heroes .polygon--purple {
    width: calc(298 / 375 * 100vw);
    height: calc(254 / 375 * 100vw);
    bottom: calc(-102 / 375 * 100vw);
    left: calc(-127 / 375 * 100vw)
  }
}

.p-top-mv__hero .heroes .polygon--yellow {
  width: calc(652 / 1980 * 100vw);
  height: calc(718 / 1980 * 100vw);
  top: calc(-246/ 1980 * 100vw);
  left: calc(-108 / 1980 * 100vw);
  transform: translate(-100%, -100%);
  z-index: 4;
  background: url(/common/images/polygon_bg--yellow.png) no-repeat center center;
  background-size: 100% 100%
}

@media (max-width: 599px) {
  .p-top-mv__hero .heroes .polygon--yellow {
    width: calc(241 / 375 * 100vw);
    height: calc(266 / 375 * 100vw);
    top: calc(-90 / 375 * 100vw);
    left: calc(-87 / 375 * 100vw)
  }
}

.p-top-mv__textarea {
  position: relative;
  z-index: 2
}

.p-top-mv__textarea .swiper-wrapper {
  height: 100svh
}

@media (max-width: 599px) {
  .p-top-mv__textarea .swiper-wrapper {
    height: calc(var(--sp-vh) * 100)
  }
}

.p-top-mv__textarea .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100svh
}

@media (max-width: 599px) {
  .p-top-mv__textarea .swiper-slide {
    height: calc(var(--sp-vh) * 100);
    align-items: flex-start
  }
}

.p-top-mv__textarea .swiper-slide .space {
  width: calc(750 / 1980 * 100%)
}

@media (max-width: 599px) {
  .p-top-mv__textarea .swiper-slide .space {
    display: none
  }
}

.p-top-mv__textarea .swiper-slide .textarea {
  width: calc(644 / 1980 * 100vw);
  height: calc(560 / 1980 * 100vw);
  opacity: 0;
  filter: blur(10px);
  transform: translateX(-30%);
  transition: all 1.5s ease;
  transition-delay: 1s;
  -webkit-transition-delay: 1s;
  -ms-transition-delay: 1s;
  -moz-transition-delay: 1s
}

@media (max-width: 599px) {
  .p-top-mv__textarea .swiper-slide .textarea {
    order: 2;
    width: 100%;
    height: calc(340 / 375 * 100vw);
    padding: calc(var(--sp-vh) * 45) calc(10 / 375 * 100vw) 0
  }
}

.p-top-mv__textarea .swiper-slide .textarea .title {
  margin-top: calc(70 / 1980 * 100vw);
  margin-bottom: calc(40 / 1980 * 100vw);
  font-size: calc(60 / 1980 * 100vw);
  line-height: 1.2
}

@media (max-width: 599px) {
  .p-top-mv__textarea .swiper-slide .textarea .title {
    margin-top: 0;
    margin-bottom: calc(15 / 375 * 100vw);
    font-size: calc(38 / 375 * 100vw);
    height: calc(134 / 375 * 100vw)
  }
}

.p-top-mv__textarea .swiper-slide .textarea .title small {
  display: block;
  margin-bottom: calc(40 / 1980 * 100vw);
  font-size: calc(40 / 1980 * 100vw)
}

@media (max-width: 599px) {
  .p-top-mv__textarea .swiper-slide .textarea .title small {
    margin-bottom: calc(10 / 375 * 100vw);
    font-size: calc(26 / 375 * 100vw)
  }
}

.p-top-mv__textarea .swiper-slide .textarea .text {
  margin-bottom: calc(40 / 1980 * 100vw);
  font-size: calc(28 / 1980 * 100vw);
  line-height: 1.6
}

@media (max-width: 599px) {
  .p-top-mv__textarea .swiper-slide .textarea .text {
    font-size: calc(17 / 375 * 100vw);
    margin-bottom: calc(20 / 375 * 100vw)
  }
}

.p-top-mv__textarea .swiper-slide .textarea .text u {
  display: inline-flex;
  position: relative;
  align-items: end
}

.p-top-mv__textarea .swiper-slide .textarea .text u ::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000
}

.p-top-mv__textarea .swiper-slide .textarea h1.title {
  margin-top: calc(40 / 1980 * 100vw);
  margin-bottom: 0;
  font-size: calc(120 / 1980 * 100vw);
  line-height: 1
}

@media (max-width: 599px) {
  .p-top-mv__textarea .swiper-slide .textarea h1.title {
    font-size: calc(60 / 375 * 100vw);
    display: flex;
    flex-direction: column;
    width: calc(285 / 375 * 100vw);
    margin: calc(10 / 375 * 100vw) auto 0;
    height: calc(210 / 375 * 100vw)
  }
}

.p-top-mv__textarea .swiper-slide .textarea h1.title span {
  display: inline-block;
  margin-bottom: calc(20 / 1980 * 100vw)
}

@media (max-width: 599px) {
  .p-top-mv__textarea .swiper-slide .textarea h1.title span {
    margin-bottom: calc(10 / 375 * 100vw)
  }
}

.p-top-mv__textarea .swiper-slide .textarea h1.title span:nth-child(2) {
  text-indent: .8em
}

@media (max-width: 599px) {
  .p-top-mv__textarea .swiper-slide .textarea h1.title span:nth-child(2) {
    text-indent: 1em
  }
}

.p-top-mv__textarea .swiper-slide .textarea .copy {
  font-size: calc(32 / 1980 * 100vw);
  line-height: 1.4
}

@media (max-width: 599px) {
  .p-top-mv__textarea .swiper-slide .textarea .copy {
    width: 100%;
    font-size: calc(15 / 375 * 100vw);
    display: flex;
    margin-left: 2rem
  }
}

.p-top-mv__textarea .swiper-slide-active .p-top-mv__button {
  visibility: visible;
  transition: visibility 1.75s ease background-color 0.3s
}

.p-top-mv__textarea .p-top-mv__button {
  visibility: hidden;
  transition: visibility 1.75s ease background-color 0.3s
}

.p-top-mv__controller {
  display: flex;
  align-items: center;
  position: absolute;
  width: calc(322 / 1980 * 100vw);
  bottom: auto;
  z-index: 50;
  opacity: 0;
  transition: all 1s;
  transition-delay: 1.1s
}

@media (min-width: 600px) {
  .p-top-mv__controller {
    height: calc(20 / 1980 * 100vw);
    top: 50%;
    left: 50%;
    transform: translate(50%, 12vw)
  }
}

@media (max-width: 599px) {
  .p-top-mv__controller {
    width: calc(322 / 375 * 100vw);
    bottom: calc(35 / 375 * 100vw);
    right: 0;
    left: 0;
    margin: 0 auto
  }
}

.p-top-mv__controller .swiper-pagination {
  display: flex;
  left: auto;
  bottom: auto;
  right: 0;
  width: calc(284 / 1980 * 100vw)
}

@media (max-width: 599px) {
  .p-top-mv__controller .swiper-pagination {
    width: calc(284 / 375 * 100vw)
  }
}

.p-top-mv__controller .swiper-pagination .swiper-pagination-bullet {
  border-radius: 0;
  width: calc(40 / 1980 * 100vw);
  height: 4px;
  cursor: pointer;
  display: block;
  position: relative;
  transition: width .25s;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 1
}

@media (max-width: 599px) {
  .p-top-mv__controller .swiper-pagination .swiper-pagination-bullet {
    width: calc(40 / 375 * 100vw)
  }
}

.p-top-mv__controller .swiper-pagination .swiper-pagination-bullet i {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 0;
  width: 0;
  height: 0.4rem;
  transform: translateY(-50%);
  background: #000000
}

.p-top-mv__controller .swiper-pagination .swiper-pagination-bullet i::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0.4rem;
  transform: translateY(-50%);
  background: #000000;
  transition: width .2s
}

.p-top-mv__controller .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: calc(80 / 1980 * 100vw);
  opacity: 1
}

@media (max-width: 599px) {
  .p-top-mv__controller .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: calc(80 / 375 * 100vw)
  }
}

.p-top-mv__controller .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active i {
  width: 100%;
  transition: width 5s
}

.p-top-mv__controller .controllbutton {
  width: calc(18 / 1980 * 100vw);
  height: calc(20 / 1980 * 100vw);
  -webkit-mask: url(/images/top-mv__controller.svg) no-repeat bottom center/100%;
  mask: url(/images/top-mv__controller.svg) no-repeat bottom center/100%;
  font-size: 0;
  background: #000
}

@media (max-width: 599px) {
  .p-top-mv__controller .controllbutton {
    width: calc(18 / 375 * 100vw);
    height: calc(20 / 375 * 100vw)
  }
}

.p-top-mv__controller .controllbutton.paused {
  -webkit-mask: url(/images/top-mv__controller.svg) no-repeat top center/100%;
  mask: url(/images/top-mv__controller.svg) no-repeat top center/100%
}

.p-top-mv.is-active .p-top-mv__ico {
  opacity: 1
}

.p-top-mv.is-active .p-top-mv__hero .polygon {
  transform: translate(0, 0)
}

.p-top-mv.is-active .p-top-mv__hero .mask {
  opacity: 1
}

.p-top-mv.is-active .p-top-mv__hero .mask .thmb.thmb--01 {
  opacity: 1;
  filter: blur(0);
  transform: scale(1.1)
}

.p-top-mv.is-active .p-top-mv__textarea .textarea {
  transform: translateX(0);
  opacity: 1;
  filter: blur(0)
}

.p-top-mv.is-active .p-top-mv__controller {
  opacity: 1
}

.p-top-mv.is-opacity {
  opacity: 0
}

.p-top-service {
  padding: 0 0 20rem;
  color: #fff;
  position: relative;
  z-index: 2 !important
}

@media (max-width: 599px) {
  .p-top-service {
    padding-bottom: 10rem
  }
}

.p-top-service__container {
  max-width: 1640px;
  width: 100%;
  margin: 0 auto 0;
  padding-top: 20rem;
  position: relative
}

@media (max-width: 599px) {
  .p-top-service__container {
    padding-top: 10rem
  }
}

.p-top-service__slider {
  max-width: 1240px;
  width: 100%;
  margin: 0 auto 6rem;
  padding: 0 2rem
}

.p-top-service__slider .swiper-wrapper {
  position: relative
}

.p-top-service__slider .swiper-slide {
  display: flex;
  position: relative;
  z-index: 10
}

@media (max-width: 599px) {
  .p-top-service__slider .swiper-slide {
    flex-direction: column
  }
}

.p-top-service__slider .swiper-slide .img {
  flex: 1 1 100%;
  margin-left: 6rem;
  background-color: #fff;
  border-radius: 1rem;
  overflow: hidden
}

@media (min-width: 600px) {
  .p-top-service__slider .swiper-slide .img {
    -webkit-clip-path: polygon(0% 0%, 0% 0%, -4% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 0% 0%, -4% 100%, 0% 100%);
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.24, 0.63, 0.41, 1);
    -webkit-transition: all 0.5s cubic-bezier(0.24, 0.63, 0.41, 1);
    -ms-transition: all 0.5s cubic-bezier(0.24, 0.63, 0.41, 1);
    -moz-transition: all 0.5s cubic-bezier(0.24, 0.63, 0.41, 1)
  }
}

@media (max-width: 599px) {
  .p-top-service__slider .swiper-slide .img {
    margin: 0 0 2rem
  }
}

.p-top-service__slider .swiper-slide .img img {
  overflow: hidden;
  transition: transform 15s linear, filter 1s cubic-bezier(0.24, 0.63, 0.41, 1);
  -webkit-transition: transform 15s linear, filter 1s cubic-bezier(0.24, 0.63, 0.41, 1);
  -ms-transition: transform 15s linear, filter 1s cubic-bezier(0.24, 0.63, 0.41, 1);
  -moz-transition: transform 15s linear, filter 1s cubic-bezier(0.24, 0.63, 0.41, 1)
}

.p-top-service__slider .swiper-slide .textarea {
  flex: 1 1 100%
}

@media (max-width: 599px) {
  .p-top-service__slider .swiper-slide .textarea {
    order: 2
  }
}

.p-top-service__slider .swiper-slide .textarea .title {
  display: inline-block;
  margin-bottom: 2rem;
  font-size: 4rem;
  position: relative;
  overflow: hidden
}

@media (max-width: 599px) {
  .p-top-service__slider .swiper-slide .textarea .title {
    margin-bottom: 1rem;
    font-size: 3rem
  }
}

.p-top-service__slider .swiper-slide .textarea .title i {
  display: inline-block
}

@media (min-width: 600px) {
  .p-top-service__slider .swiper-slide .textarea .title i {
    transform: translate(0, 50%);
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    opacity: 0;
    filter: blur(3px)
  }

  .p-top-service__slider .swiper-slide .textarea .title i:nth-child(1) {
    transition-delay: 0.05s;
    -webkit-transition-delay: 0.05s;
    -ms-transition-delay: 0.05s;
    -moz-transition-delay: 0.05s
  }

  .p-top-service__slider .swiper-slide .textarea .title i:nth-child(2) {
    transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s
  }

  .p-top-service__slider .swiper-slide .textarea .title i:nth-child(3) {
    transition-delay: 0.15s;
    -webkit-transition-delay: 0.15s;
    -ms-transition-delay: 0.15s;
    -moz-transition-delay: 0.15s
  }

  .p-top-service__slider .swiper-slide .textarea .title i:nth-child(4) {
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s
  }

  .p-top-service__slider .swiper-slide .textarea .title i:nth-child(5) {
    transition-delay: 0.25s;
    -webkit-transition-delay: 0.25s;
    -ms-transition-delay: 0.25s;
    -moz-transition-delay: 0.25s
  }

  .p-top-service__slider .swiper-slide .textarea .title i:nth-child(6) {
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s
  }

  .p-top-service__slider .swiper-slide .textarea .title i:nth-child(7) {
    transition-delay: 0.35s;
    -webkit-transition-delay: 0.35s;
    -ms-transition-delay: 0.35s;
    -moz-transition-delay: 0.35s
  }

  .p-top-service__slider .swiper-slide .textarea .title i:nth-child(8) {
    transition-delay: 0.4s;
    -webkit-transition-delay: 0.4s;
    -ms-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s
  }

  .p-top-service__slider .swiper-slide .textarea .title i:nth-child(9) {
    transition-delay: 0.45s;
    -webkit-transition-delay: 0.45s;
    -ms-transition-delay: 0.45s;
    -moz-transition-delay: 0.45s
  }

  .p-top-service__slider .swiper-slide .textarea .title i:nth-child(10) {
    transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s
  }

  .p-top-service__slider .swiper-slide .textarea .title i:nth-child(11) {
    transition-delay: 0.55s;
    -webkit-transition-delay: 0.55s;
    -ms-transition-delay: 0.55s;
    -moz-transition-delay: 0.55s
  }

  .p-top-service__slider .swiper-slide .textarea .title i:nth-child(12) {
    transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;
    -ms-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s
  }

  .p-top-service__slider .swiper-slide .textarea .title i:nth-child(13) {
    transition-delay: 0.65s;
    -webkit-transition-delay: 0.65s;
    -ms-transition-delay: 0.65s;
    -moz-transition-delay: 0.65s
  }

  .p-top-service__slider .swiper-slide .textarea .title i:nth-child(14) {
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
    -ms-transition-delay: 0.7s;
    -moz-transition-delay: 0.7s
  }

  .p-top-service__slider .swiper-slide .textarea .title i:nth-child(15) {
    transition-delay: 0.75s;
    -webkit-transition-delay: 0.75s;
    -ms-transition-delay: 0.75s;
    -moz-transition-delay: 0.75s
  }

  .p-top-service__slider .swiper-slide .textarea .title i:nth-child(16) {
    transition-delay: 0.8s;
    -webkit-transition-delay: 0.8s;
    -ms-transition-delay: 0.8s;
    -moz-transition-delay: 0.8s
  }

  .p-top-service__slider .swiper-slide .textarea .title i:nth-child(17) {
    transition-delay: 0.85s;
    -webkit-transition-delay: 0.85s;
    -ms-transition-delay: 0.85s;
    -moz-transition-delay: 0.85s
  }

  .p-top-service__slider .swiper-slide .textarea .title i:nth-child(18) {
    transition-delay: 0.9s;
    -webkit-transition-delay: 0.9s;
    -ms-transition-delay: 0.9s;
    -moz-transition-delay: 0.9s
  }

  .p-top-service__slider .swiper-slide .textarea .title i:nth-child(19) {
    transition-delay: 0.95s;
    -webkit-transition-delay: 0.95s;
    -ms-transition-delay: 0.95s;
    -moz-transition-delay: 0.95s
  }

  .p-top-service__slider .swiper-slide .textarea .title i:nth-child(20) {
    transition-delay: 1s;
    -webkit-transition-delay: 1s;
    -ms-transition-delay: 1s;
    -moz-transition-delay: 1s
  }

  .p-top-service__slider .swiper-slide .textarea .title i:nth-child(21) {
    transition-delay: 1.05s;
    -webkit-transition-delay: 1.05s;
    -ms-transition-delay: 1.05s;
    -moz-transition-delay: 1.05s
  }

  .p-top-service__slider .swiper-slide .textarea .title i:nth-child(22) {
    transition-delay: 1.1s;
    -webkit-transition-delay: 1.1s;
    -ms-transition-delay: 1.1s;
    -moz-transition-delay: 1.1s
  }

  .p-top-service__slider .swiper-slide .textarea .title i:nth-child(23) {
    transition-delay: 1.15s;
    -webkit-transition-delay: 1.15s;
    -ms-transition-delay: 1.15s;
    -moz-transition-delay: 1.15s
  }

  .p-top-service__slider .swiper-slide .textarea .title i:nth-child(24) {
    transition-delay: 1.2s;
    -webkit-transition-delay: 1.2s;
    -ms-transition-delay: 1.2s;
    -moz-transition-delay: 1.2s
  }

  .p-top-service__slider .swiper-slide .textarea .title i:nth-child(25) {
    transition-delay: 1.25s;
    -webkit-transition-delay: 1.25s;
    -ms-transition-delay: 1.25s;
    -moz-transition-delay: 1.25s
  }
}

@media (min-width: 600px) {
  .p-top-service__slider .swiper-slide .textarea .title:after {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0
  }
}

.p-top-service__slider .swiper-slide .textarea .text {
  font-size: 2rem;
  line-height: 1.6;
  margin-bottom: 2rem
}

@media (max-width: 599px) {
  .p-top-service__slider .swiper-slide .textarea .text {
    font-size: 1.7rem
  }
}

@media (min-width: 600px) {
  .p-top-service__slider .swiper-slide .textarea .text {
    transform: translateY(10%);
    opacity: 0;
    filter: blur(10px);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition-delay: .25s;
    -webkit-transition-delay: all .25s ease;
    -ms-transition-delay: all .25s ease;
    -moz-transition-delay: all .25s ease
  }
}

.p-top-service__slider .swiper-slide .textarea .link {
  pointer-events: all;
  color: #fff
}

@media (min-width: 600px) {
  .p-top-service__slider .swiper-slide .textarea .link {
    transform: translateY(10%);
    opacity: 0;
    filter: blur(5px);
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition-delay: .55s;
    -webkit-transition-delay: all .55s ease;
    -ms-transition-delay: all .55s ease;
    -moz-transition-delay: all .55s ease
  }
}

.p-top-service__slider .swiper-slide.swiper-slide-active {
  z-index: 100
}

@media (min-width: 600px) {
  .p-top-service__slider .swiper-slide.swiper-slide-active .img {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    opacity: 1
  }

  .p-top-service__slider .swiper-slide.swiper-slide-active .img img {
    animation: servicesliderimg 7s linear 0s normal both
  }
}

.p-top-service__slider .swiper-slide.swiper-slide-active .title i {
  transform: translate(0px, 0%);
  filter: blur(0);
  opacity: 1
}

.p-top-service__slider .swiper-slide.swiper-slide-active .title::after {
  animation: servicesliderdorder .5s ease
}

.p-top-service__slider .swiper-slide.swiper-slide-active .text,
.p-top-service__slider .swiper-slide.swiper-slide-active .link {
  transform: translateY(0);
  opacity: 1;
  filter: blur(0)
}

.p-top-service__thumb {
  width: 100%;
  margin: 0 auto 6rem;
  padding: 0 2rem;
  overflow: hidden
}

.p-top-service__thumb .swiper-slide {
  cursor: pointer
}

.p-top-service__thumb .swiper-slide .img {
  pointer-events: auto;
  background-color: #000;
  border-radius: 1rem;
  overflow: hidden
}

.p-top-service__thumb .swiper-slide .img img {
  opacity: .4;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -moz-transition: all .5s ease
}

@media (min-width: 600px) {
  .p-top-service__thumb .swiper-slide:hover .img img {
    opacity: 1;
    transform: scale(1.1)
  }
}

.p-top-service__thumb .swiper-slide-thumb-active .img img {
  opacity: 1
}

.p-top-service__button {
  display: flex !important;
  margin: 0 auto;
  text-align: center
}

.p-top-service .swiper-3d .swiper-slide-shadow-right,
.p-top-service .swiper-3d .swiper-slide-shadow-left {
  background-image: none
}

.p-top-service__bg {
  width: 100%;
  height: 5rem;
  position: absolute;
  top: 0;
  left: calc(-95 / 1980 * 100vw);
  mix-blend-mode: overlay;
  opacity: .5;
  z-index: -1
}

.p-top-service__bg--polygon {
  position: absolute;
  visibility: hidden;
  opacity: .5;
  filter: blur(10px);
  transition: all 1s cubic-bezier(0.24, 0.63, 0.41, 1);
  -webkit-transition: all 1s cubic-bezier(0.24, 0.63, 0.41, 1);
  -ms-transition: all 1s cubic-bezier(0.24, 0.63, 0.41, 1);
  -moz-transition: all 1s cubic-bezier(0.24, 0.63, 0.41, 1)
}

.p-top-service__bg--polygon.is-active {
  transform: translate(0);
  visibility: visible;
  opacity: 1;
  filter: blur(0)
}

.p-top-service__bg--red {
  width: calc(528 / 1980 * 100vw);
  top: calc(-206 / 1980 * 100vw);
  left: calc(220 / 1980 * 100vw);
  z-index: 3;
  transform: translate(100%, -100%)
}

@media (max-width: 599px) {
  .p-top-service__bg--red {
    width: calc(264 / 375 * 100vw);
    top: calc(-113 / 375 * 100vw);
    left: calc(26 / 375 * 100vw)
  }
}

.p-top-service__bg--blue {
  width: calc(342 / 1980 * 100vw);
  top: calc(144 / 1980 * 100vw);
  left: calc(259 / 1980 * 100vw);
  z-index: 1;
  transform: translate(100%, 100%)
}

@media (max-width: 599px) {
  .p-top-service__bg--blue {
    width: calc(171 / 375 * 100vw);
    top: calc(43 / 375 * 100vw);
    left: calc(46 / 375 * 100vw)
  }
}

.p-top-service__bg--purple {
  width: calc(555 / 1980 * 100vw);
  top: calc(122 / 1980 * 100vw);
  left: calc(-175 / 1980 * 100vw);
  z-index: 2;
  transform: translate(-100%, 100%)
}

@media (max-width: 599px) {
  .p-top-service__bg--purple {
    width: calc(277 / 375 * 100vw);
    top: calc(49 / 375 * 100vw);
    left: calc(-175 / 375 * 100vw)
  }
}

.p-top-service__bg--yellow {
  width: calc(449 / 1980 * 100vw);
  top: calc(-128 / 1980 * 100vw);
  left: calc(-96 / 1980 * 100vw);
  z-index: 4;
  transform: translate(-100%, -100%)
}

@media (max-width: 599px) {
  .p-top-service__bg--yellow {
    width: calc(224 / 375 * 100vw);
    top: calc(-78 / 375 * 100vw);
    left: calc(-134 / 375 * 100vw)
  }
}

.p-top-service__object {
  width: calc(340 / 1980 * 100vw);
  max-width: 34rem;
  position: absolute;
  z-index: -1;
  bottom: 0;
  right: calc(-120 / 1980 * 100vw);
  will-change: transform
}

@media (max-width: 599px) {
  .p-top-service__object {
    width: calc(220 / 375 * 100vw);
    max-width: 22rem;
    bottom: 0;
    right: calc(-120 / 375 * 100vw)
  }
}

.p-top-works {
  width: 100%;
  position: relative;
  color: #fff;
  padding: 0rem;
  z-index: 0 !important;
  overflow: hidden;
  transition: all .25s
}

.p-top-works__container {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
  background-color: #000;
  opacity: 0;
  position: fixed;
  z-index: -1;
  top: 0;
  transition: all .4s ease
}

.p-top-works__container::after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  background: url(/common/images/bg--mask.png) no-repeat center/cover;
  transform: translate(-50%, -50%);
  transition: all 1s ease
}

.p-top-works__container .p-top-works__bg {
  opacity: 0;
  visibility: hidden;
  transition: all .4s ease
}

.p-top-works__container.is-active {
  opacity: 1
}

.p-top-works__container.is-active .p-top-works__bg {
  opacity: 0.3;
  visibility: visible
}

.p-top-works__lists {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 20rem;
  position: relative;
  border-radius: 0 0 10rem 10rem;
  overflow: hidden
}

@media (max-width: 599px) {
  .p-top-works__lists {
    padding-bottom: 10rem;
    border-radius: 0 0 2rem 2rem
  }
}

.p-top-works__lists .inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 2rem
}

.p-top-works__lists .inner .wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5rem;
  position: relative
}

@media (max-width: 599px) {
  .p-top-works__lists .inner .wrap {
    flex-direction: column
  }
}

.p-top-works__lists .inner .wrap li {
  width: calc((100% - 8rem) / 3)
}

@media (max-width: 599px) {
  .p-top-works__lists .inner .wrap li {
    width: 100%
  }

  .p-top-works__lists .inner .wrap li:nth-child(n+2) {
    margin-top: 4rem;
    margin-left: 0
  }
}

@media (max-width: 599px) and (max-width: 599px) {
  .p-top-works__lists .inner .wrap li:nth-child(n+5) {
    display: none
  }
}

.p-top-works__lists .inner .wrap li a {
  display: block;
  color: #fff
}

.p-top-works__lists .inner .wrap li a .img {
  margin-bottom: 2rem;
  overflow: hidden
}

@media (min-width: 600px) {
  .p-top-works__lists .inner .wrap li a .img {
    height: calc(175 / 1240 * 100vw);
    max-height: 175px
  }
}

@media (max-width: 599px) {
  .p-top-works__lists .inner .wrap li a .img {
    height: calc(140 / 375 * 100vw)
  }
}

.p-top-works__lists .inner .wrap li a .title {
  margin-bottom: 1rem;
  font-size: 1.6rem
}

.p-top-works__lists .inner .wrap li a .title span {
  position: relative
}

.p-top-works__lists .inner .wrap li a .title span::before {
  content: '��';
  display: inline-block
}

.p-top-works__lists .inner .wrap li a .text {
  font-size: 1.3rem
}

.p-top-works__button {
  display: flex !important;
  margin: 3rem auto 0;
  text-align: center;
  position: relative;
  z-index: 5
}

@media (max-width: 599px) {
  .p-top-works__button {
    margin-top: 2.5rem
  }
}

.p-top-works__bg {
  pointer-events: none;
  display: flex;
  position: absolute;
  z-index: 0;
  width: 100vw;
  height: 200vh;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-30deg)
}

@media (max-width: 599px) {
  .p-top-works__bg {
    width: 160%;
    height: 100vh
  }
}

.p-top-works__bg div {
  width: 290px;
  height: 100%;
  background: url(/images/top-works__bg--01.png) top left repeat-y;
  background-size: 100%
}

.p-top-works__bg div:nth-child(n+2) {
  margin-left: 1.5rem
}

.p-top-works__bg div:nth-child(2n) {
  background-image: url(/images/top-works__bg--02.png)
}

.p-top-works__bg div:nth-child(3n) {
  background-image: url(/images/top-works__bg--03.png)
}

.p-top-works__bg div:nth-child(4n) {
  background-image: url(/images/top-works__bg--04.png)
}

.p-top-works__bg div:nth-child(5n) {
  background-image: url(/images/top-works__bg--01.png)
}

.p-top-works__bg div:nth-child(even) {
  animation: worksbgscroll_even 40s linear infinite
}

.p-top-works__bg div:nth-child(odd) {
  animation: worksbgscroll_odd 40s linear infinite
}

@media (max-width: 599px) {
  .p-top-works__bg div:nth-child(even) {
    animation: worksbgscroll_even 15s linear infinite
  }

  .p-top-works__bg div:nth-child(odd) {
    animation: worksbgscroll_odd 15s linear infinite
  }
}

.p-top-topics {
  padding: 20rem 0 19rem;
  z-index: 2 !important
}

@media (max-width: 599px) {
  .p-top-topics {
    padding: 14rem 2.5rem 10rem
  }
}

.p-top-topics__contaier {
  position: relative;
  display: flex;
  max-width: 1240px;
  width: 100%;
  margin: 0 auto
}

@media (max-width: 599px) {
  .p-top-topics__contaier {
    flex-direction: column
  }
}

.p-top-topics__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: calc((100% - 8rem) / 2);
  margin: 0 2rem
}

@media (max-width: 599px) {
  .p-top-topics__wrap {
    width: 100%;
    margin: 0
  }

  .p-top-topics__wrap:nth-child(n+2) {
    margin-top: 4rem
  }
}

.p-top-topics__wrap h3 {
  font-size: 2.4rem
}

@media (max-width: 599px) {
  .p-top-topics__wrap h3 {
    font-size: 2rem
  }
}

.p-top-topics__wrap a {
  font-size: 1.8rem
}

@media (max-width: 599px) {
  .p-top-topics__wrap a {
    font-size: 1.5rem
  }
}

.p-top-topics__lists {
  width: 100%
}

.p-top-topics__lists article {
  width: 100%;
  margin-top: 2rem;
  filter: drop-shadow(0 0 0.8rem rgba(0, 0, 0, 0.2))
}

@media (max-width: 599px) {
  .p-top-topics__lists article {
    margin-top: 1.5rem
  }
}

.p-top-topics__lists article a {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 2rem;
  background-color: #fff;
  border-radius: 1rem
}

@media (max-width: 599px) {
  .p-top-topics__lists article a {
    padding: 1.5rem
  }
}

.p-top-topics__lists article a figure {
  width: 12rem;
  margin-right: 2rem;
  position: relative;
  overflow: hidden
}

@media (max-width: 599px) {
  .p-top-topics__lists article a figure {
    width: 10rem;
    margin-right: 1.5rem
  }
}

.p-top-topics__lists article a figure img {
  transition: all .35s ease-out;
  -webkit-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -moz-transition: all .35s ease;
  position: relative
}

@media (min-width: 600px) {

  .p-top-topics__lists article a figure::before,
  .p-top-topics__lists article a figure::after {
    content: '';
    position: absolute;
    border: solid #D6D6D6;
    width: 0px;
    height: 0px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    z-index: 2
  }

  .p-top-topics__lists article a figure::before {
    top: 0;
    left: 0;
    border-width: 1px 0 0 1px
  }

  .p-top-topics__lists article a figure::after {
    bottom: 0;
    right: 0;
    border-width: 0 1px 1px 0
  }
}

.p-top-topics__lists article a dl {
  width: calc(100% - 14rem)
}

@media (max-width: 599px) {
  .p-top-topics__lists article a dl {
    width: calc(100% - 11.5rem)
  }
}

.p-top-topics__lists article a dl dt {
  font-size: 1.6rem;
  color: #D6D6D6;
  margin-bottom: 1rem
}

@media (max-width: 599px) {
  .p-top-topics__lists article a dl dt {
    font-size: 1.3rem
  }
}

.p-top-topics__lists article a dl dd {
  font-size: 1.6rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}

@media (max-width: 599px) {
  .p-top-topics__lists article a dl dd {
    -webkit-line-clamp: 4;
    font-size: 1.3rem
  }
}

@media (min-width: 600px) {

  .p-top-topics__lists article a:hover figure::before,
  .p-top-topics__lists article a:hover figure::after {
    width: 100%;
    height: 100%;
    border-color: #D6D6D6
  }

  .p-top-topics__lists article a:hover figure img {
    transform: scale(1.2)
  }
}

.p-top-topics__object {
  position: absolute;
  top: calc(-240 / 1980 * 100vw);
  left: 10%;
  width: calc(400 / 1980 * 100vw);
  transform: translate(-50%, 0)
}

@media (max-width: 599px) {
  .p-top-topics__object {
    top: calc(-100 / 375 * 100vw);
    left: calc(33 / 375 * 100vw);
    width: calc(150 / 375 * 100vw)
  }
}

.p-top-column {
  padding: 1rem 0 20rem
}

@media (max-width: 599px) {
  .p-top-column {
    padding: 1rem 0 10rem
  }
}

.p-top-column__contaier {
  max-width: 1660px;
  margin: 0 auto;
  padding: 0 2rem;
  position: relative
}

.p-top-column__bg {
  position: absolute;
  top: 0;
  z-index: -1;
  height: 60rem;
  right: 0;
  width: 1600px;
  min-width: 1600px;
  height: 60rem;
  padding-right: 4rem
}

@media screen and (min-width: 1601px) {
  .p-top-column__bg {
    width: 2000px
  }
}

@media screen and (min-width: 2001px) {
  .p-top-column__bg {
    width: 2500px
  }
}

@media screen and (min-width: 2501px) {
  .p-top-column__bg {
    width: 3000px
  }
}

@media (max-width: 599px) {
  .p-top-column__bg {
    width: 100%;
    height: 50rem
  }
}

.p-top-column__bg div {
  position: relative
}

.p-top-column__bg--video {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  height: 100%;
  overflow: hidden;
  border-radius: 0 10rem 0 0;
  background: url(/common/images/bg.png) no-repeat top right/cover
}

@media (max-width: 599px) {
  .p-top-column__bg--video {
    background-position: left 5% top;
    background-size: auto;
    border-radius: 0 5rem 0 0
  }
}

.p-top-column__bg--video::after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(/common/images/bg--mask.png) no-repeat center/cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1
}

.p-top-column__bg--video video {
  position: absolute;
  z-index: -1;
  min-height: 100%;
  min-width: 100%;
  opacity: .2
}

.p-top-column__bg--video video::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  background-color: #000
}

.p-top-column__link {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: end;
  justify-content: space-between;
  max-width: 1260px;
  width: 100%;
  margin: 0 auto 4rem;
  padding: 0 4rem 0 2rem;
  color: #fff
}

.p-top-column__link h2 {
  margin-top: 14rem;
  margin-bottom: 0
}

@media (max-width: 599px) {
  .p-top-column__link {
    flex-direction: column;
    align-items: start;
    padding: 0 4rem 0 0;
    margin-bottom: 2rem
  }

  .p-top-column__link h2 {
    margin-top: 7rem;
    margin-bottom: 2rem
  }
}

.p-top-column__link p {
  font-size: 1.8rem
}

@media (max-width: 599px) {
  .p-top-column__link p {
    font-size: 1.5rem;
    margin: 0 0 0 auto
  }
}

.p-top-column__articles {
  max-width: 1280px;
  margin: 0 auto;
  position: relative
}

.p-top-column__articles .wrap {
  width: 56rem
}

@media (max-width: 599px) {
  .p-top-column__articles .wrap {
    width: 32.5rem
  }
}

.p-top-column__articles .contaier {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start
}

.p-top-column__articles .contaier article {
  width: 52rem;
  height: 54.6rem;
  padding-right: 4rem;
  filter: drop-shadow(0 0 0.8rem rgba(0, 0, 0, 0.2));
  transition: all .5s
}

@media (max-width: 599px) {
  .p-top-column__articles .contaier article {
    width: 30.5rem;
    height: 34.5rem;
    padding-right: 2rem
  }
}

.p-top-column__articles .contaier article .inner {
  width: 100%;
  height: 100%;
  border-radius: 1rem;
  transform-origin: center left;
  will-change: transform;
  background-color: #fff;
  position: relative
}

.p-top-column__articles .contaier article a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 8rem 6rem 0;
  overflow: hidden;
  z-index: 20
}

.p-top-column__articles .contaier article a::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0);
  transition: all 1.75s ease
}

@media (max-width: 599px) {
  .p-top-column__articles .contaier article a {
    padding: 4rem 3rem 0
  }
}

.p-top-column__articles .contaier article a figure {
  max-width: 25rem;
  margin: 0 auto 4rem
}

@media (max-width: 599px) {
  .p-top-column__articles .contaier article a figure {
    max-width: 15rem;
    margin-bottom: 2rem
  }
}

.p-top-column__articles .contaier article a dl dt {
  margin-bottom: 2rem;
  color: #D6D6D6;
  font-size: 1.6rem
}

@media (max-width: 599px) {
  .p-top-column__articles .contaier article a dl dt {
    margin-bottom: 1rem;
    font-size: 1.3rem
  }
}

.p-top-column__articles .contaier article a dl dd {
  font-size: 1.8rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}

@media (max-width: 599px) {
  .p-top-column__articles .contaier article a dl dd {
    font-size: 1.5rem
  }
}

.p-top-column__articles .contaier article.swiper-slide-prev a::after {
  background-color: rgba(0, 0, 0, 0.2)
}

.p-top-column__articles .swiper-scrollbar {
  width: 1200px !important;
  margin: 8rem auto 0;
  height: 4px;
  background: #fff;
  border-radius: 2px;
  position: relative
}

@media (max-width: 599px) {
  .p-top-column__articles .swiper-scrollbar {
    margin-top: 4rem;
    width: 100% !important
  }
}

.p-top-column__articles .swiper-scrollbar .swiper-scrollbar-drag {
  background: #999999;
  pointer-events: auto
}

@media (max-width: 599px) {
  .p-top-column::after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100rem;
    background: url(/common/images/bg_gray.png) repeat;
    background-size: inherit;
    position: absolute;
    top: -100rem;
    left: 0;
    z-index: -1
  }
}

.p-top-column::before {
  content: '';
  display: inline-block;
  width: 100%;
  height: 100rem;
  background: url(/common/images/bg_gray.png) repeat;
  background-size: inherit;
  position: absolute;
  bottom: -95rem;
  left: 0;
  z-index: -5
}

.p-top-category {
  padding: 0
}

.p-top-category__bg {
  position: absolute;
  border-radius: 10rem;
  overflow: hidden;
  width: 100%;
  margin: 0 auto 0;
  position: absolute;
  z-index: -2;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #001A26
}

.p-top-category__bg::after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(/common/images/bg--mask.png) no-repeat center/cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1
}

@media (max-width: 599px) {
  .p-top-category__bg {
    border-radius: 5rem
  }
}

.p-top-category__bg video {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 56.25vw;
  min-height: 80%;
  min-width: 100%;
  opacity: .3
}

@media (max-width: 599px) {
  .p-top-category__bg video {
    height: 40vw
  }
}

.p-top-category__container {
  position: relative;
  max-width: 1240px;
  padding: 15rem 2rem 8rem;
  width: 100%;
  margin: 0 auto
}

@media (max-width: 599px) {
  .p-top-category__container {
    padding: 10rem 2.5rem
  }
}

.p-top-category__links .link {
  padding: 6rem 0
}

.p-top-category__links .link:nth-child(n+2) {
  border-top: solid 1px rgba(255, 255, 255, 0.7)
}

@media (max-width: 599px) {
  .p-top-category__links .link {
    padding: 4rem 0
  }
}

.p-top-category__links .link a {
  display: flex;
  align-items: end;
  justify-content: space-between;
  color: #fff;
  transition: all 1s;
  -webkit-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition-delay: .5s;
  -webkit-transition-delay: .5s;
  -ms-transition-delay: .5s;
  -moz-transition-delay: .5s
}

@media (max-width: 599px) {
  .p-top-category__links .link a {
    flex-direction: column;
    align-items: start
  }
}

.p-top-category__links .link a dl dt {
  font-size: 12rem;
  line-height: 1;
  overflow: hidden
}

@media (max-width: 599px) {
  .p-top-category__links .link a dl dt {
    font-size: 6rem
  }
}

.p-top-category__links .link a dl dt i:nth-child(1) {
  animation-delay: 0.05s
}

.p-top-category__links .link a dl dt i:nth-child(2) {
  animation-delay: 0.1s
}

.p-top-category__links .link a dl dt i:nth-child(3) {
  animation-delay: 0.15s
}

.p-top-category__links .link a dl dt i:nth-child(4) {
  animation-delay: 0.2s
}

.p-top-category__links .link a dl dt i:nth-child(5) {
  animation-delay: 0.25s
}

.p-top-category__links .link a dl dt i:nth-child(6) {
  animation-delay: 0.3s
}

.p-top-category__links .link a dl dt i:nth-child(7) {
  animation-delay: 0.35s
}

.p-top-category__links .link a dl dt i:nth-child(8) {
  animation-delay: 0.4s
}

.p-top-category__links .link a dl dt i:nth-child(9) {
  animation-delay: 0.45s
}

.p-top-category__links .link a dl dt i:nth-child(10) {
  animation-delay: 0.5s
}

.p-top-category__links .link a dl dt i:nth-child(11) {
  animation-delay: 0.55s
}

.p-top-category__links .link a dl dt i:nth-child(12) {
  animation-delay: 0.6s
}

.p-top-category__links .link a dl dt i:nth-child(13) {
  animation-delay: 0.65s
}

.p-top-category__links .link a dl dt i:nth-child(14) {
  animation-delay: 0.7s
}

.p-top-category__links .link a dl dt i:nth-child(15) {
  animation-delay: 0.75s
}

.p-top-category__links .link a dl dt i:nth-child(16) {
  animation-delay: 0.8s
}

.p-top-category__links .link a dl dt i:nth-child(17) {
  animation-delay: 0.85s
}

.p-top-category__links .link a dl dt i:nth-child(18) {
  animation-delay: 0.9s
}

.p-top-category__links .link a dl dt i:nth-child(19) {
  animation-delay: 0.95s
}

.p-top-category__links .link a dl dt i:nth-child(20) {
  animation-delay: 1s
}

.p-top-category__links .link a dl dt i:nth-child(21) {
  animation-delay: 1.05s
}

.p-top-category__links .link a dl dt i:nth-child(22) {
  animation-delay: 1.1s
}

.p-top-category__links .link a dl dt i:nth-child(23) {
  animation-delay: 1.15s
}

.p-top-category__links .link a dl dt i:nth-child(24) {
  animation-delay: 1.2s
}

.p-top-category__links .link a dl dt i:nth-child(25) {
  animation-delay: 1.25s
}

.p-top-category__links .link a dl dd {
  font-size: 2.4rem
}

@media (max-width: 599px) {
  .p-top-category__links .link a dl dd {
    font-size: 2rem
  }
}

.p-top-category__links .link a p {
  font-size: 1.8rem
}

@media (max-width: 599px) {
  .p-top-category__links .link a p {
    font-size: 1.5rem;
    margin: 0 0 0 auto
  }
}

@media (min-width: 600px) {
  .p-top-category__links .link a:hover p::before {
    width: 100%
  }

  .p-top-category__links .link a:hover dt i {
    animation: categorytext .15s linear 0s normal both
  }
}

.p-top-category__object {
  width: calc(300 / 1980 * 100vw);
  max-width: 30rem;
  position: absolute;
  top: -8rem;
  z-index: -1;
  right: calc(-300 / 1980 * 100vw);
  will-change: transform
}

@media (max-width: 599px) {
  .p-top-category__object {
    width: calc(150 / 375 * 100vw);
    max-width: 150rem;
    top: -8rem;
    right: calc(-50 / 375 * 100vw)
  }
}

.p-top-solution {
  padding: 20rem 0
}

@media (max-width: 599px) {
  .p-top-solution {
    padding: 10rem 2.5rem
  }
}

.p-top-solution__contaier {
  max-width: 1240px;
  padding: 0 2rem;
  width: 100%;
  margin: 0 auto
}

@media (max-width: 599px) {
  .p-top-solution__contaier {
    padding: 0
  }
}

.p-top-solution__title {
  color: #e0e0e0
}

.p-top-solution__links {
  display: flex;
  flex-wrap: wrap
}

@media (max-width: 599px) {
  .p-top-solution__links {
    padding: 0
  }
}

.p-top-solution__links .banner {
  width: calc((100% - 6rem) / 4)
}

@media (min-width: 600px) {
  .p-top-solution__links .banner:nth-child(n+5) {
    margin-top: 2rem
  }

  .p-top-solution__links .banner:not(:nth-child(4n)) {
    margin-right: 2rem
  }
}

@media (max-width: 599px) {
  .p-top-solution__links .banner {
    width: calc((100% - 2.5rem) / 2);
    margin: 0
  }

  .p-top-solution__links .banner:nth-child(2n) {
    margin-left: 2.5rem
  }

  .p-top-solution__links .banner:nth-child(n+3) {
    margin-top: 2.5rem
  }
}

.p-top-solution__links .banner figure {
  filter: drop-shadow(0 0 0.8rem rgba(0, 0, 0, 0.1))
}

.p-top footer {
  margin-top: -5rem;
  padding-top: 12rem !important;
  position: relative
}

@media (max-width: 599px) {
  .p-top footer {
    padding: 6rem 0 2rem !important
  }
}

.p-top footer::after {
  content: '';
  display: inline-block;
  width: 30rem;
  height: 24.5rem;
  background: url(/common/images/polygon_object--red.svg) no-repeat center;
  background-size: inherit;
  position: absolute;
  top: -8.4rem;
  left: 50%;
  margin-left: -70rem;
  transform: translate(-50%, 0)
}

.js-i i {
  display: inline-block
}

@keyframes servicesliderimg {
  0% {
    transform: scale(1);
    opacity: 0.8
  }

  5% {
    opacity: 1
  }

  100% {
    transform: scale(1.1);
    opacity: 1
  }
}

@keyframes servicesliderdorder {
  0% {
    width: 0%;
    left: 0%
  }

  50% {
    width: 100%;
    left: 0%
  }

  100% {
    width: 0;
    left: 100%
  }
}

@keyframes worksbgscroll_even {
  0% {
    background-position: 0 0
  }

  100% {
    background-position: 0 50vw
  }
}

@keyframes worksbgscroll_odd {
  0% {
    background-position: 0 050vw
  }

  100% {
    background-position: 0 0
  }
}

@keyframes categorytext {
  0% {
    transform: translateY(100%)
  }

  100% {
    transform: translateY(0%)
  }
}

@keyframes rotation {
  from {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(359deg)
  }
}

@keyframes move {
  0% {
    transform: translate(-50%, -50%)
  }

  25% {
    transform: translate(-50%, -35%)
  }

  50% {
    transform: translate(-50%, -50%)
  }

  75% {
    transform: translate(-50%, -65%)
  }

  100% {
    transform: translate(-50%, -50%)
  }
}

.l-header__inr {
      -webkit-backdrop-filter: blur(20px);
      backdrop-filter: blur(20px);
}