/*-------------------------------
nav
-------------------------------*/
.nav {
  letter-spacing: 0.025em;
  text-align: center;
}

.nav a {
  display: block;
  transition: 0.3s;
}

.nav a:active {
  color: #ffa904;
}

@media (hover: hover) {
  .nav a:hover {
    color: #ffa904;
  }
}

@media (hover: hover) {
  .nav a:hover img {
    transform: scale(0.95);
  }
}

.nav img {
  -webkit-filter: drop-shadow(0 5px 8px rgba(0, 0, 0, 0.19));
  display: block;
  width: 50px;
  margin: 0 auto 0.6em;
          filter: drop-shadow(0 5px 8px rgba(0, 0, 0, 0.19));
  transition: 0.3s;
}

@media (min-width: 48.0625em) {
  .nav img {
    width: 85px;
  }
}




/*-------------------------------
overseas
-------------------------------*/
.frameButton {
  display: inline-block;
  position: relative;
  padding: 0.45em 0.8em;
  border: 3px solid #426396;
  border-radius: 8px;
  outline: none;
  color: #426396;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0.075em;
  line-height: 1;
  transition: 0.3s;
}

@media (hover: hover) {
  .frameButton:hover {
    background-color: #426396;
    color: #fff;
  }
}

.frameButton:active {
  background-color: #426396;
  color: #fff;
}

@media (min-width: 48.0625em) {
  .frameButton {
    font-size: 2.2rem;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .link01 {
    position: absolute;
    top: -9em;
    right: 0;

  }
}



.frameButton__icon {
  display: inline-block !important;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  width: 0.7em !important;
  height: 0.7em !important;
  margin-top: -1px;
  margin-left: 0.4em;
}

.frameButton__icon::before {
  height: 4px !important;
}

.frameButton__icon::after {
  width: 4px !important;
}
.customers {
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 48.0625em) {
  .customers {
    width: 600px;
  }
}

.customers__header {
  padding: 0.5em;
  background-color: #425396;
  color: #fff;
  font-size: 1.71em;
  font-weight: 500;
  letter-spacing: 0.025em;
  line-height: 1.25;
  text-align: center;
}

.customers__content {
  padding: 1.5em;
  background-color: #fff;
}

.customers a {
  color: #ff8100;
  text-decoration: underline;
}


/*-------------------------------
infomation
-------------------------------*/
.info {
  overflow: hidden;
  color: #454545;
}

.info__header {
  position: relative;
  padding: 0.9em 0 1em;
  background-color: #f4fafe;
  cursor: pointer;
}

.info__headerInner {
  position: relative;
  pointer-events: none;
}

.info__trigger {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  pointer-events: all;
  transition: 0.3s;
}

.info__trigger:active {
  background-color: rgba(0, 0, 0, 0.07);
}

.info__head {
  margin-bottom: 0.3em;
  font-size: 1.57em;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1.5;
  text-align: center;
}

.info__head > img {
  width: 1.15em;
  height: 1.15em;
  padding-top: 0.7rem;
  margin-top: -0.15em;
  margin-right: 0.2em;
}

.info__more {
  margin: 0.5em 0 0;
  padding: 0.5em 1em 0 0;
  border-top: 1px solid;
  font-size: 1.21em;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-align: right;
  pointer-events: none;
}

.info__icon {
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 0.4em;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23262626%22%3E%3Cpath%20d%3D%22M0%207.33l2.829-2.83%209.175%209.339%209.167-9.339%202.829%202.83-11.996%2012.17z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  vertical-align: middle;
  transition: 0.2s;
}

.info__icon.is-active {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}



.info__item {
  padding: 0.25em;
  font-size: 1.14em;
  font-weight: bold;
  letter-spacing: 0.05em;
}

.info__item--first {
  /*padding: 0 0.25rem;*/
  pointer-events: all;
}

.info__item a {
  -webkit-transition: 0.2s 0.1s;
  -o-transition: 0.2s 0.1s;
  display: block;
  position: relative;
  margin: -0.25em;
  padding: 0.25em;
  transition: 0.2s 0.1s;
}

.info__item a::before {
  -webkit-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 0;
  height: 0;
          transform: translateX(-20px);
  border-top: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  border-left: 0.7em solid #ffa904;
  content: '';
  opacity: 0;
  pointer-events: none;
  transition: 0.2s;
}

.info__item time {
  display: block;
  margin-right: 1em;
  color: #7b7b7b;
  font-size: 0.94em;
}

.info__item a span::after {
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  margin: 0 0 -0.05em 0.5em;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M13.025%201l-2.847%202.828%206.176%206.176h-16.354v3.992h16.354l-6.176%206.176%202.847%202.828%2010.975-11z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  content: '';
}

.info__content {
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  max-height: 0;
  background-color: rgba(255, 248, 171, 0.8);
  pointer-events: none;
  transition: 0.2s ease-in-out;
}

.info__content.is-active {
  max-height: 210px;
  pointer-events: all;
}

.info__content > * {
  -webkit-transform: translateY(8px);
      -ms-transform: translateY(8px);
  -webkit-transition: 0.2s ease-in-out 0.05s;
  -o-transition: 0.2s ease-in-out 0.05s;
          transform: translateY(8px);
  opacity: 0;
  transition: 0.2s ease-in-out 0.05s;
}

.info__content.is-active > * {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.info__contentInner {
  padding: 15px 0;
}

.info__scroll {
  position: relative;
  max-height: 180px;
  padding-right: 18px;
  display: none;
}

.info .ps__thumb-y,
.info .ps__rail-y {
  width: 10px;
}

.info .ps__rail-y {
  background-color: #fff;
}

@media (hover: hover) {
  .info__trigger:hover {
    background-color: rgba(0, 0, 0, 0.07);
  }
  .info__item a:hover {
    -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
            transform: translateX(20px);
    transition: 0.2s;
  }
  .info__item a:hover::before {
    -webkit-transform: translateX(-16px);
        -ms-transform: translateX(-16px);
    -webkit-transition: 0.2s 0.1s;
    -o-transition: 0.2s 0.1s;
            transform: translateX(-16px);
    opacity: 1;
    transition: 0.2s 0.1s;
  }
}

@media (min-width: 48.0625em) {
  .info__head {
    margin-bottom: 0;
    text-align: left;
  }
  .info__more {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding: 0;
    border: none;
  }
  .info__item time {
    display: inline;
    float: left;
  }
  .info__item span {
    display: table;
  }
  .info__item a span::after {
    content: none;
  }
  .info__contentInner {
    padding-left: 24rem;
  }
}
/*# sourceMappingURL=style.css.map */

/*-----------------------------------
Utility
-----------------------------------*/
.u-d-b {
  display: block;
}

.u-d-n {
  display: none;
}

.u-d-i {
  display: inline;
}

.u-d-ib {
  display: inline-block;
}

.u-d-t {
  display: table;
}

.u-d-f {
  display: flex;
}

@media (min-width: 48.0625em) {
  .u-pc-d-b {
    display: block;
  }
  .u-pc-d-n {
    display: none;
  }
  .u-pc-d-i {
    display: inline;
  }
  .u-pc-d-ib {
    display: inline-block;
  }
  .u-pc-d-t {
    display: table;
  }
  .u-pc-d-f {
    display: flex;
  }
}

.u-z-n3 {
  z-index: -3;
}

.u-z-n2 {
  z-index: -2;
}

.u-z-n1 {
  z-index: -1;
}

.u-z-1 {
  z-index: 1;
}

.u-z-2 {
  z-index: 2;
}

.u-z-3 {
  z-index: 3;
}

.u-pos-a {
  position: absolute;
}

.u-pos-r {
  position: relative;
}

.u-ai-c {
  align-items: center;
}

.u-ai-e {
  align-items: flex-end;
}

@media (min-width: 48.0625em) {
  .u-pc-ai-c {
    align-items: center;
  }
  .u-pc-ai-e {
    align-items: flex-end;
  }
}

.u-jc-c {
  justify-content: center;
}

.u-jc-e {
  justify-content: flex-end;
}

.u-jc-sb {
  justify-content: space-between;
}

.u-jc-sa {
  justify-content: space-around;
}

@media (min-width: 48.0625em) {
  .u-pc-jc-c {
    justify-content: center;
  }
  .u-pc-jc-e {
    justify-content: flex-end;
  }
  .u-pc-jc-sb {
    justify-content: space-between;
  }
  .u-pc-jc-sa {
    justify-content: space-around;
  }
}

.u-fd-c {
  flex-direction: column;
}

.u-fd-cr {
  flex-direction: column-reverse;
}

.u-fd-r {
  flex-direction: row;
}

.u-fd-rr {
  flex-direction: row-reverse;
}

@media (min-width: 48.0625em) {
  .u-pc-fd-c {
    flex-direction: column;
  }
  .u-pc-fd-cr {
    flex-direction: column-reverse;
  }
  .u-pc-fd-r {
    flex-direction: row;
  }
  .u-pc-fd-rr {
    flex-direction: row-reverse;
  }
}

.u-fw-w {
  flex-wrap: wrap;
}

.u-fw-nw {
  flex-wrap: nowrap;
}

@media (min-width: 48.0625em) {
  .u-pc-fw-w {
    flex-wrap: wrap;
  }
  .u-pc-fw-nw {
    flex-wrap: nowrap;
  }
}

.u-color-text {
  color: #262626;
}

.u-color-link {
  color: #226FFF;
}

.u-color-yellow {
  color: #fff36e;
}

.u-color-white {
  color: #fff;
}

.u-bg-text {
  background-color: #262626;
}

.u-bg-link {
  background-color: #226FFF;
}

.u-bg-yellow {
  background-color: #fff36e;
}

.u-bg-white {
  background-color: #fff;
}

.u-fs-base {
  font-size: 1.2rem;
}

@media (min-width: 48.0625em) {
  .u-fs-base {
    font-size: 1.4rem;
  }
}

.u-fs-i {
  font-size: inherit !important;
}

.u-fs-30 {
  font-size: 30% !important;
}

.u-fs-40 {
  font-size: 40% !important;
}

.u-fs-50 {
  font-size: 50% !important;
}

.u-fs-60 {
  font-size: 60% !important;
}

.u-fs-70 {
  font-size: 70% !important;
}

.u-fs-80 {
  font-size: 80% !important;
}

.u-fs-90 {
  font-size: 90% !important;
}

.u-fs-100 {
  font-size: 100% !important;
}

.u-fs-110 {
  font-size: 110% !important;
}

.u-fs-120 {
  font-size: 120% !important;
}

.u-fs-130 {
  font-size: 130% !important;
}

.u-fs-140 {
  font-size: 140% !important;
}

.u-fs-150 {
  font-size: 150% !important;
}

.u-fs-160 {
  font-size: 160% !important;
}

.u-fs-170 {
  font-size: 170% !important;
}

.u-fs-180 {
  font-size: 180% !important;
}

.u-fs-200 {
  font-size: 200% !important;
}

.u-fs-250 {
  font-size: 250% !important;
}

.u-fs-300 {
  font-size: 300% !important;
}

.u-fs-400 {
  font-size: 400% !important;
}

@media (min-width: 48.0625em) {
  .u-pc-fs-i {
    font-size: inherit !important;
  }
  .u-pc-fs-30 {
    font-size: 30% !important;
  }
  .u-pc-fs-40 {
    font-size: 40% !important;
  }
  .u-pc-fs-50 {
    font-size: 50% !important;
  }
  .u-pc-fs-60 {
    font-size: 60% !important;
  }
  .u-pc-fs-70 {
    font-size: 70% !important;
  }
  .u-pc-fs-80 {
    font-size: 80% !important;
  }
  .u-pc-fs-90 {
    font-size: 90% !important;
  }
  .u-pc-fs-100 {
    font-size: 100% !important;
  }
  .u-pc-fs-110 {
    font-size: 110% !important;
  }
  .u-pc-fs-120 {
    font-size: 120% !important;
  }
  .u-pc-fs-130 {
    font-size: 130% !important;
  }
  .u-pc-fs-140 {
    font-size: 140% !important;
  }
  .u-pc-fs-150 {
    font-size: 150% !important;
  }
  .u-pc-fs-160 {
    font-size: 160% !important;
  }
  .u-pc-fs-170 {
    font-size: 170% !important;
  }
  .u-pc-fs-180 {
    font-size: 180% !important;
  }
  .u-pc-fs-200 {
    font-size: 200% !important;
  }
  .u-pc-fs-250 {
    font-size: 250% !important;
  }
  .u-pc-fs-300 {
    font-size: 300% !important;
  }
  .u-pc-fs-400 {
    font-size: 400% !important;
  }
}

.u-weight-s {
  font-weight: normal;
}

.u-weight-m {
  font-weight: 500;
}

.u-weight-l {
  font-weight: bold;
}

.u-weight-base {
  font-weight: normal;
}

.u-style-i {
  font-style: italic;
}

.u-style-n {
  font-style: normal;
}

.u-lh-50 {
  line-height: 0.5 !important;
}

.u-lh-60 {
  line-height: 0.6 !important;
}

.u-lh-70 {
  line-height: 0.7 !important;
}

.u-lh-80 {
  line-height: 0.8 !important;
}

.u-lh-90 {
  line-height: 0.9 !important;
}

.u-lh-100 {
  line-height: 1 !important;
}

.u-lh-110 {
  line-height: 1.1 !important;
}

.u-lh-120 {
  line-height: 1.2 !important;
}

.u-lh-130 {
  line-height: 1.3 !important;
}

.u-lh-140 {
  line-height: 1.4 !important;
}

.u-lh-150 {
  line-height: 1.5 !important;
}

.u-lh-160 {
  line-height: 1.6 !important;
}

.u-lh-170 {
  line-height: 1.7 !important;
}

.u-lh-180 {
  line-height: 1.8 !important;
}

.u-lh-190 {
  line-height: 1.9 !important;
}

.u-lh-200 {
  line-height: 2 !important;
}

@media (min-width: 48.0625em) {
  .u-pc-lh-50 {
    line-height: 0.5 !important;
  }
  .u-pc-lh-60 {
    line-height: 0.6 !important;
  }
  .u-pc-lh-70 {
    line-height: 0.7 !important;
  }
  .u-pc-lh-80 {
    line-height: 0.8 !important;
  }
  .u-pc-lh-90 {
    line-height: 0.9 !important;
  }
  .u-pc-lh-100 {
    line-height: 1 !important;
  }
  .u-pc-lh-110 {
    line-height: 1.1 !important;
  }
  .u-pc-lh-120 {
    line-height: 1.2 !important;
  }
  .u-pc-lh-130 {
    line-height: 1.3 !important;
  }
  .u-pc-lh-140 {
    line-height: 1.4 !important;
  }
  .u-pc-lh-150 {
    line-height: 1.5 !important;
  }
  .u-pc-lh-160 {
    line-height: 1.6 !important;
  }
  .u-pc-lh-170 {
    line-height: 1.7 !important;
  }
  .u-pc-lh-180 {
    line-height: 1.8 !important;
  }
  .u-pc-lh-190 {
    line-height: 1.9 !important;
  }
  .u-pc-lh-200 {
    line-height: 2 !important;
  }
}

.u-letter-xs {
  letter-spacing: 0.025em;
}

.u-letter-s {
  letter-spacing: 0.05em;
}

.u-letter-m {
  letter-spacing: 0.075em;
}

.u-letter-l {
  letter-spacing: 0.125em;
}

.u-letter-xl {
  letter-spacing: 0.2em;
}

.u-letter-base {
  letter-spacing: 0;
}

.u-ta-r {
  text-align: right;
}

.u-ta-l {
  text-align: left;
}

.u-ta-c {
  text-align: center;
}

.u-ta-j {
  text-align: justify;
}

@media (min-width: 48.0625em) {
  .u-pc-ta-r {
    text-align: right;
  }
  .u-pc-ta-l {
    text-align: left;
  }
  .u-pc-ta-c {
    text-align: center;
  }
  .u-pc-ta-j {
    text-align: justify;
  }
}

.u-vertical-tb {
  vertical-align: text-bottom;
}

.u-vertical-m {
  vertical-align: middle;
}

.u-vertical-s {
  vertical-align: super;
}

.u-td-lt {
  text-decoration: line-through;
}

.u-td-ul {
  text-decoration: underline;
}

.u-family-sans-serif {
  font-family: Noto Sans Noto Sans CJK JP Noto Sans CJK JP Subset -apple-system BlinkMacSystemFont Arial YuGothic Yu Gothic Hiragino Kaku Gothic ProN ヒラギノ角ゴ ProN W3 Osaka Meiryo メイリオ sans-serif;
}

.u-family-base {
  font-family: Noto Sans Noto Sans CJK JP Noto Sans CJK JP Subset -apple-system BlinkMacSystemFont Arial YuGothic Yu Gothic Hiragino Kaku Gothic ProN ヒラギノ角ゴ ProN W3 Osaka Meiryo メイリオ sans-serif;
}

.u-white-nw {
  white-space: nowrap;
}

.u-w-10 {
  width: 10% !important;
}

.u-w-20 {
  width: 20% !important;
}

.u-w-30 {
  width: 30% !important;
}

.u-w-40 {
  width: 40% !important;
}

.u-w-50 {
  width: 50% !important;
}

.u-w-60 {
  width: 60% !important;
}

.u-w-70 {
  width: 70% !important;
}

.u-w-80 {
  width: 80% !important;
}

.u-w-90 {
  width: 90% !important;
}

.u-w-100 {
  width: 100% !important;
}

.u-w-auto {
  width: auto !important;
}

@media (min-width: 48.0625em) {
  .u-pc-w-10 {
    width: 10% !important;
  }
  .u-pc-w-20 {
    width: 20% !important;
  }
  .u-pc-w-30 {
    width: 30% !important;
  }
  .u-pc-w-40 {
    width: 40% !important;
  }
  .u-pc-w-50 {
    width: 50% !important;
  }
  .u-pc-w-60 {
    width: 60% !important;
  }
  .u-pc-w-70 {
    width: 70% !important;
  }
  .u-pc-w-80 {
    width: 80% !important;
  }
  .u-pc-w-90 {
    width: 90% !important;
  }
  .u-pc-w-100 {
    width: 100% !important;
  }
  .u-pc-w-auto {
    width: auto !important;
  }
}

.u-mw-10 {
  max-width: 10% !important;
}

.u-mw-20 {
  max-width: 20% !important;
}

.u-mw-30 {
  max-width: 30% !important;
}

.u-mw-40 {
  max-width: 40% !important;
}

.u-mw-50 {
  max-width: 50% !important;
}

.u-mw-60 {
  max-width: 60% !important;
}

.u-mw-70 {
  max-width: 70% !important;
}

.u-mw-80 {
  max-width: 80% !important;
}

.u-mw-90 {
  max-width: 90% !important;
}

.u-mw-100 {
  max-width: 100% !important;
}

.u-mw-none {
  max-width: none !important;
}

@media (min-width: 48.0625em) {
  .u-pc-mw-10 {
    max-width: 10% !important;
  }
  .u-pc-mw-20 {
    max-width: 20% !important;
  }
  .u-pc-mw-30 {
    max-width: 30% !important;
  }
  .u-pc-mw-40 {
    max-width: 40% !important;
  }
  .u-pc-mw-50 {
    max-width: 50% !important;
  }
  .u-pc-mw-60 {
    max-width: 60% !important;
  }
  .u-pc-mw-70 {
    max-width: 70% !important;
  }
  .u-pc-mw-80 {
    max-width: 80% !important;
  }
  .u-pc-mw-90 {
    max-width: 90% !important;
  }
  .u-pc-mw-100 {
    max-width: 100% !important;
  }
  .u-pc-mw-none {
    max-width: none !important;
  }
}

.u-h-10 {
  height: 10% !important;
}

.u-h-20 {
  height: 20% !important;
}

.u-h-30 {
  height: 30% !important;
}

.u-h-40 {
  height: 40% !important;
}

.u-h-50 {
  height: 50% !important;
}

.u-h-60 {
  height: 60% !important;
}

.u-h-70 {
  height: 70% !important;
}

.u-h-80 {
  height: 80% !important;
}

.u-h-90 {
  height: 90% !important;
}

.u-h-100 {
  height: 100% !important;
}

.u-h-auto {
  height: auto !important;
}

@media (min-width: 48.0625em) {
  .u-pc-h-10 {
    height: 10% !important;
  }
  .u-pc-h-20 {
    height: 20% !important;
  }
  .u-pc-h-30 {
    height: 30% !important;
  }
  .u-pc-h-40 {
    height: 40% !important;
  }
  .u-pc-h-50 {
    height: 50% !important;
  }
  .u-pc-h-60 {
    height: 60% !important;
  }
  .u-pc-h-70 {
    height: 70% !important;
  }
  .u-pc-h-80 {
    height: 80% !important;
  }
  .u-pc-h-90 {
    height: 90% !important;
  }
  .u-pc-h-100 {
    height: 100% !important;
  }
  .u-pc-h-auto {
    height: auto !important;
  }
}

.u-nm-xxs {
  margin: -0.5rem !important;
}

.u-nm-xs {
  margin: -1rem !important;
}

.u-nm-s {
  margin: -1.5rem !important;
}

.u-nm-m {
  margin: -2.5rem !important;
}

.u-nm-l {
  margin: -4rem !important;
}

.u-nm-xl {
  margin: -6.5rem !important;
}

.u-nm-xxl {
  margin: -10.5rem !important;
}

@media (min-width: 48.0625em) {
  .u-pc-nm-xxs {
    margin: -0.5rem !important;
  }
  .u-pc-nm-xs {
    margin: -1rem !important;
  }
  .u-pc-nm-s {
    margin: -1.5rem !important;
  }
  .u-pc-nm-m {
    margin: -2.5rem !important;
  }
  .u-pc-nm-l {
    margin: -4rem !important;
  }
  .u-pc-nm-xl {
    margin: -6.5rem !important;
  }
  .u-pc-nm-xxl {
    margin: -10.5rem !important;
  }
}

.u-nmt-xxs, .u-nmy-xxs {
  margin-top: -0.5rem !important;
}

.u-nmt-xs, .u-nmy-xs {
  margin-top: -1rem !important;
}

.u-nmt-s, .u-nmy-s {
  margin-top: -1.5rem !important;
}

.u-nmt-m, .u-nmy-m {
  margin-top: -2.5rem !important;
}

.u-nmt-l, .u-nmy-l {
  margin-top: -4rem !important;
}

.u-nmt-xl, .u-nmy-xl {
  margin-top: -6.5rem !important;
}

.u-nmt-xxl, .u-nmy-xxl {
  margin-top: -10.5rem !important;
}

@media (min-width: 48.0625em) {
  .u-pc-nmt-xxs, .u-pc-nmy-xxs {
    margin-top: -0.5rem !important;
  }
  .u-pc-nmt-xs, .u-pc-nmy-xs {
    margin-top: -1rem !important;
  }
  .u-pc-nmt-s, .u-pc-nmy-s {
    margin-top: -1.5rem !important;
  }
  .u-pc-nmt-m, .u-pc-nmy-m {
    margin-top: -2.5rem !important;
  }
  .u-pc-nmt-l, .u-pc-nmy-l {
    margin-top: -4rem !important;
  }
  .u-pc-nmt-xl, .u-pc-nmy-xl {
    margin-top: -6.5rem !important;
  }
  .u-pc-nmt-xxl, .u-pc-nmy-xxl {
    margin-top: -10.5rem !important;
  }
}

.u-nmb-xxs, .u-nmy-xxs {
  margin-bottom: -0.5rem !important;
}

.u-nmb-xs, .u-nmy-xs {
  margin-bottom: -1rem !important;
}

.u-nmb-s, .u-nmy-s {
  margin-bottom: -1.5rem !important;
}

.u-nmb-m, .u-nmy-m {
  margin-bottom: -2.5rem !important;
}

.u-nmb-l, .u-nmy-l {
  margin-bottom: -4rem !important;
}

.u-nmb-xl, .u-nmy-xl {
  margin-bottom: -6.5rem !important;
}

.u-nmb-xxl, .u-nmy-xxl {
  margin-bottom: -10.5rem !important;
}

@media (min-width: 48.0625em) {
  .u-pc-nmb-xxs, .u-pc-nmy-xxs {
    margin-bottom: -0.5rem !important;
  }
  .u-pc-nmb-xs, .u-pc-nmy-xs {
    margin-bottom: -1rem !important;
  }
  .u-pc-nmb-s, .u-pc-nmy-s {
    margin-bottom: -1.5rem !important;
  }
  .u-pc-nmb-m, .u-pc-nmy-m {
    margin-bottom: -2.5rem !important;
  }
  .u-pc-nmb-l, .u-pc-nmy-l {
    margin-bottom: -4rem !important;
  }
  .u-pc-nmb-xl, .u-pc-nmy-xl {
    margin-bottom: -6.5rem !important;
  }
  .u-pc-nmb-xxl, .u-pc-nmy-xxl {
    margin-bottom: -10.5rem !important;
  }
}

.u-nmr-xxs, .u-nmx-xxs {
  margin-right: -0.5rem !important;
}

.u-nmr-xs, .u-nmx-xs {
  margin-right: -1rem !important;
}

.u-nmr-s, .u-nmx-s {
  margin-right: -1.5rem !important;
}

.u-nmr-m, .u-nmx-m {
  margin-right: -2.5rem !important;
}

.u-nmr-l, .u-nmx-l {
  margin-right: -4rem !important;
}

.u-nmr-xl, .u-nmx-xl {
  margin-right: -6.5rem !important;
}

.u-nmr-xxl, .u-nmx-xxl {
  margin-right: -10.5rem !important;
}

@media (min-width: 48.0625em) {
  .u-pc-nmr-xxs, .u-pc-nmx-xxs {
    margin-right: -0.5rem !important;
  }
  .u-pc-nmr-xs, .u-pc-nmx-xs {
    margin-right: -1rem !important;
  }
  .u-pc-nmr-s, .u-pc-nmx-s {
    margin-right: -1.5rem !important;
  }
  .u-pc-nmr-m, .u-pc-nmx-m {
    margin-right: -2.5rem !important;
  }
  .u-pc-nmr-l, .u-pc-nmx-l {
    margin-right: -4rem !important;
  }
  .u-pc-nmr-xl, .u-pc-nmx-xl {
    margin-right: -6.5rem !important;
  }
  .u-pc-nmr-xxl, .u-pc-nmx-xxl {
    margin-right: -10.5rem !important;
  }
}

.u-nml-xxs, .u-nmx-xxs {
  margin-left: -0.5rem !important;
}

.u-nml-xs, .u-nmx-xs {
  margin-left: -1rem !important;
}

.u-nml-s, .u-nmx-s {
  margin-left: -1.5rem !important;
}

.u-nml-m, .u-nmx-m {
  margin-left: -2.5rem !important;
}

.u-nml-l, .u-nmx-l {
  margin-left: -4rem !important;
}

.u-nml-xl, .u-nmx-xl {
  margin-left: -6.5rem !important;
}

.u-nml-xxl, .u-nmx-xxl {
  margin-left: -10.5rem !important;
}

@media (min-width: 48.0625em) {
  .u-pc-nml-xxs, .u-pc-nmx-xxs {
    margin-left: -0.5rem !important;
  }
  .u-pc-nml-xs, .u-pc-nmx-xs {
    margin-left: -1rem !important;
  }
  .u-pc-nml-s, .u-pc-nmx-s {
    margin-left: -1.5rem !important;
  }
  .u-pc-nml-m, .u-pc-nmx-m {
    margin-left: -2.5rem !important;
  }
  .u-pc-nml-l, .u-pc-nmx-l {
    margin-left: -4rem !important;
  }
  .u-pc-nml-xl, .u-pc-nmx-xl {
    margin-left: -6.5rem !important;
  }
  .u-pc-nml-xxl, .u-pc-nmx-xxl {
    margin-left: -10.5rem !important;
  }
}

.u-m-xxs {
  margin: 0.5rem !important;
}

.u-m-xs {
  margin: 1rem !important;
}

.u-m-s {
  margin: 1.5rem !important;
}

.u-m-m {
  margin: 2.5rem !important;
}

.u-m-l {
  margin: 4rem !important;
}

.u-m-xl {
  margin: 6.5rem !important;
}

.u-m-xxl {
  margin: 10.5rem !important;
}

.u-m-0 {
  margin: 0 !important;
}

.u-m-auto {
  margin: auto !important;
}

@media (min-width: 48.0625em) {
  .u-pc-m-xxs {
    margin: 0.5rem !important;
  }
  .u-pc-m-xs {
    margin: 1rem !important;
  }
  .u-pc-m-s {
    margin: 1.5rem !important;
  }
  .u-pc-m-m {
    margin: 2.5rem !important;
  }
  .u-pc-m-l {
    margin: 4rem !important;
  }
  .u-pc-m-xl {
    margin: 6.5rem !important;
  }
  .u-pc-m-xxl {
    margin: 10.5rem !important;
  }
  .u-pc-m-0 {
    margin: 0 !important;
  }
  .u-pc-m-auto {
    margin: auto !important;
  }
}

.u-mt-xxs, .u-my-xxs {
  margin-top: 0.5rem !important;
}

.u-mt-xs, .u-my-xs {
  margin-top: 1rem !important;
}

.u-mt-s, .u-my-s {
  margin-top: 1.5rem !important;
}

.u-mt-m, .u-my-m {
  margin-top: 2.5rem !important;
}

.u-mt-l, .u-my-l {
  margin-top: 4rem !important;
}

.u-mt-xl, .u-my-xl {
  margin-top: 6.5rem !important;
}

.u-mt-xxl, .u-my-xxl {
  margin-top: 10.5rem !important;
}

.u-mt-0, .u-my-0 {
  margin-top: 0 !important;
}

.u-mt-auto, .u-my-auto {
  margin-top: auto !important;
}

@media (min-width: 48.0625em) {
  .u-pc-mt-xxs, .u-pc-my-xxs {
    margin-top: 0.5rem !important;
  }
  .u-pc-mt-xs, .u-pc-my-xs {
    margin-top: 1rem !important;
  }
  .u-pc-mt-s, .u-pc-my-s {
    margin-top: 1.5rem !important;
  }
  .u-pc-mt-m, .u-pc-my-m {
    margin-top: 2.5rem !important;
  }
  .u-pc-mt-l, .u-pc-my-l {
    margin-top: 4rem !important;
  }
  .u-pc-mt-xl, .u-pc-my-xl {
    margin-top: 6.5rem !important;
  }
  .u-pc-mt-xxl, .u-pc-my-xxl {
    margin-top: 10.5rem !important;
  }
  .u-pc-mt-0, .u-pc-my-0 {
    margin-top: 0 !important;
  }
  .u-pc-mt-auto, .u-pc-my-auto {
    margin-top: auto !important;
  }
}

.u-mb-xxs, .u-my-xxs {
  margin-bottom: 0.5rem !important;
}

.u-mb-xs, .u-my-xs {
  margin-bottom: 1rem !important;
}

.u-mb-s, .u-my-s {
  margin-bottom: 1.5rem !important;
}

.u-mb-m, .u-my-m {
  margin-bottom: 2.5rem !important;
}

.u-mb-l, .u-my-l {
  margin-bottom: 4rem !important;
}

.u-mb-xl, .u-my-xl {
  margin-bottom: 6.5rem !important;
}

.u-mb-xxl, .u-my-xxl {
  margin-bottom: 10.5rem !important;
}

.u-mb-0, .u-my-0 {
  margin-bottom: 0 !important;
}

.u-mb-auto, .u-my-auto {
  margin-bottom: auto !important;
}

@media (min-width: 48.0625em) {
  .u-pc-mb-xxs, .u-pc-my-xxs {
    margin-bottom: 0.5rem !important;
  }
  .u-pc-mb-xs, .u-pc-my-xs {
    margin-bottom: 1rem !important;
  }
  .u-pc-mb-s, .u-pc-my-s {
    margin-bottom: 1.5rem !important;
  }
  .u-pc-mb-m, .u-pc-my-m {
    margin-bottom: 2.5rem !important;
  }
  .u-pc-mb-l, .u-pc-my-l {
    margin-bottom: 4rem !important;
  }
  .u-pc-mb-xl, .u-pc-my-xl {
    margin-bottom: 6.5rem !important;
  }
  .u-pc-mb-xxl, .u-pc-my-xxl {
    margin-bottom: 10.5rem !important;
  }
  .u-pc-mb-0, .u-pc-my-0 {
    margin-bottom: 0 !important;
  }
  .u-pc-mb-auto, .u-pc-my-auto {
    margin-bottom: auto !important;
  }
}

.u-mr-xxs, .u-mx-xxs {
  margin-right: 0.5rem !important;
}

.u-mr-xs, .u-mx-xs {
  margin-right: 1rem !important;
}

.u-mr-s, .u-mx-s {
  margin-right: 1.5rem !important;
}

.u-mr-m, .u-mx-m {
  margin-right: 2.5rem !important;
}

.u-mr-l, .u-mx-l {
  margin-right: 4rem !important;
}

.u-mr-xl, .u-mx-xl {
  margin-right: 6.5rem !important;
}

.u-mr-xxl, .u-mx-xxl {
  margin-right: 10.5rem !important;
}

.u-mr-0, .u-mx-0 {
  margin-right: 0 !important;
}

.u-mr-auto, .u-mx-auto {
  margin-right: auto !important;
}

.u-mr-1e, .u-mx-1e {
  margin-right: 1em !important;
}

@media (min-width: 48.0625em) {
  .u-pc-mr-xxs, .u-pc-mx-xxs {
    margin-right: 0.5rem !important;
  }
  .u-pc-mr-xs, .u-pc-mx-xs {
    margin-right: 1rem !important;
  }
  .u-pc-mr-s, .u-pc-mx-s {
    margin-right: 1.5rem !important;
  }
  .u-pc-mr-m, .u-pc-mx-m {
    margin-right: 2.5rem !important;
  }
  .u-pc-mr-l, .u-pc-mx-l {
    margin-right: 4rem !important;
  }
  .u-pc-mr-xl, .u-pc-mx-xl {
    margin-right: 6.5rem !important;
  }
  .u-pc-mr-xxl, .u-pc-mx-xxl {
    margin-right: 10.5rem !important;
  }
  .u-pc-mr-0, .u-pc-mx-0 {
    margin-right: 0 !important;
  }
  .u-pc-mr-auto, .u-pc-mx-auto {
    margin-right: auto !important;
  }
  .u-pc-mr-1e, .u-pc-mx-1e {
    margin-right: 1em !important;
  }
}

.u-ml-xxs, .u-mx-xxs {
  margin-left: 0.5rem !important;
}

.u-ml-xs, .u-mx-xs {
  margin-left: 1rem !important;
}

.u-ml-s, .u-mx-s {
  margin-left: 1.5rem !important;
}

.u-ml-m, .u-mx-m {
  margin-left: 2.5rem !important;
}

.u-ml-l, .u-mx-l {
  margin-left: 4rem !important;
}

.u-ml-xl, .u-mx-xl {
  margin-left: 6.5rem !important;
}

.u-ml-xxl, .u-mx-xxl {
  margin-left: 10.5rem !important;
}

.u-ml-0, .u-mx-0 {
  margin-left: 0 !important;
}

.u-ml-auto, .u-mx-auto {
  margin-left: auto !important;
}

.u-ml-1e, .u-mx-1e {
  margin-left: 1em !important;
}

@media (min-width: 48.0625em) {
  .u-pc-ml-xxs, .u-pc-mx-xxs {
    margin-left: 0.5rem !important;
  }
  .u-pc-ml-xs, .u-pc-mx-xs {
    margin-left: 1rem !important;
  }
  .u-pc-ml-s, .u-pc-mx-s {
    margin-left: 1.5rem !important;
  }
  .u-pc-ml-m, .u-pc-mx-m {
    margin-left: 2.5rem !important;
  }
  .u-pc-ml-l, .u-pc-mx-l {
    margin-left: 4rem !important;
  }
  .u-pc-ml-xl, .u-pc-mx-xl {
    margin-left: 6.5rem !important;
  }
  .u-pc-ml-xxl, .u-pc-mx-xxl {
    margin-left: 10.5rem !important;
  }
  .u-pc-ml-0, .u-pc-mx-0 {
    margin-left: 0 !important;
  }
  .u-pc-ml-auto, .u-pc-mx-auto {
    margin-left: auto !important;
  }
  .u-pc-ml-1e, .u-pc-mx-1e {
    margin-left: 1em !important;
  }
}

.u-mrc-xxs > :not:last-child {
  margin-right: 0.5rem !important;
}

.u-mrc-xs > :not:last-child {
  margin-right: 1rem !important;
}

.u-mrc-s > :not:last-child {
  margin-right: 1.5rem !important;
}

.u-mrc-m > :not:last-child {
  margin-right: 2.5rem !important;
}

.u-mrc-l > :not:last-child {
  margin-right: 4rem !important;
}

.u-mrc-xl > :not:last-child {
  margin-right: 6.5rem !important;
}

.u-mrc-xxl > :not:last-child {
  margin-right: 10.5rem !important;
}

@media (min-width: 48.0625em) {
  .u-pc-mrc-xxs > :not:last-child {
    margin-right: 0.5rem !important;
  }
  .u-pc-mrc-xs > :not:last-child {
    margin-right: 1rem !important;
  }
  .u-pc-mrc-s > :not:last-child {
    margin-right: 1.5rem !important;
  }
  .u-pc-mrc-m > :not:last-child {
    margin-right: 2.5rem !important;
  }
  .u-pc-mrc-l > :not:last-child {
    margin-right: 4rem !important;
  }
  .u-pc-mrc-xl > :not:last-child {
    margin-right: 6.5rem !important;
  }
  .u-pc-mrc-xxl > :not:last-child {
    margin-right: 10.5rem !important;
  }
}

.u-mbc-xxs > :not:last-child {
  margin-bottom: 0.5rem !important;
}

.u-mbc-xs > :not:last-child {
  margin-bottom: 1rem !important;
}

.u-mbc-s > :not:last-child {
  margin-bottom: 1.5rem !important;
}

.u-mbc-m > :not:last-child {
  margin-bottom: 2.5rem !important;
}

.u-mbc-l > :not:last-child {
  margin-bottom: 4rem !important;
}

.u-mbc-xl > :not:last-child {
  margin-bottom: 6.5rem !important;
}

.u-mbc-xxl > :not:last-child {
  margin-bottom: 10.5rem !important;
}

@media (min-width: 48.0625em) {
  .u-pc-mbc-xxs > :not:last-child {
    margin-bottom: 0.5rem !important;
  }
  .u-pc-mbc-xs > :not:last-child {
    margin-bottom: 1rem !important;
  }
  .u-pc-mbc-s > :not:last-child {
    margin-bottom: 1.5rem !important;
  }
  .u-pc-mbc-m > :not:last-child {
    margin-bottom: 2.5rem !important;
  }
  .u-pc-mbc-l > :not:last-child {
    margin-bottom: 4rem !important;
  }
  .u-pc-mbc-xl > :not:last-child {
    margin-bottom: 6.5rem !important;
  }
  .u-pc-mbc-xxl > :not:last-child {
    margin-bottom: 10.5rem !important;
  }
}

.u-p-xxs {
  padding: 0.5rem !important;
}

.u-p-xs {
  padding: 1rem !important;
}

.u-p-s {
  padding: 1.5rem !important;
}

.u-p-m {
  padding: 2.5rem !important;
}

.u-p-l {
  padding: 4rem !important;
}

.u-p-xl {
  padding: 6.5rem !important;
}

.u-p-xxl {
  padding: 10.5rem !important;
}

.u-p-0 {
  padding: 0 !important;
}

@media (min-width: 48.0625em) {
  .u-pc-p-xxs {
    padding: 0.5rem !important;
  }
  .u-pc-p-xs {
    padding: 1rem !important;
  }
  .u-pc-p-s {
    padding: 1.5rem !important;
  }
  .u-pc-p-m {
    padding: 2.5rem !important;
  }
  .u-pc-p-l {
    padding: 4rem !important;
  }
  .u-pc-p-xl {
    padding: 6.5rem !important;
  }
  .u-pc-p-xxl {
    padding: 10.5rem !important;
  }
  .u-pc-p-0 {
    padding: 0 !important;
  }
}

.u-pt-xxs, .u-py-xxs {
  padding-top: 0.5rem !important;
}

.u-pt-xs, .u-py-xs {
  padding-top: 1rem !important;
}

.u-pt-s, .u-py-s {
  padding-top: 1.5rem !important;
}

.u-pt-m, .u-py-m {
  padding-top: 2.5rem !important;
}

.u-pt-l, .u-py-l {
  padding-top: 4rem !important;
}

.u-pt-xl, .u-py-xl {
  padding-top: 6.5rem !important;
}

.u-pt-xxl, .u-py-xxl {
  padding-top: 10.5rem !important;
}

.u-pt-0, .u-py-0 {
  padding-top: 0 !important;
}

@media (min-width: 48.0625em) {
  .u-pc-pt-xxs, .u-pc-py-xxs {
    padding-top: 0.5rem !important;
  }
  .u-pc-pt-xs, .u-pc-py-xs {
    padding-top: 1rem !important;
  }
  .u-pc-pt-s, .u-pc-py-s {
    padding-top: 1.5rem !important;
  }
  .u-pc-pt-m, .u-pc-py-m {
    padding-top: 2.5rem !important;
  }
  .u-pc-pt-l, .u-pc-py-l {
    padding-top: 4rem !important;
  }
  .u-pc-pt-xl, .u-pc-py-xl {
    padding-top: 6.5rem !important;
  }
  .u-pc-pt-xxl, .u-pc-py-xxl {
    padding-top: 10.5rem !important;
  }
  .u-pc-pt-0, .u-pc-py-0 {
    padding-top: 0 !important;
  }
}

.u-pb-xxs, .u-py-xxs {
  padding-bottom: 0.5rem !important;
}

.u-pb-xs, .u-py-xs {
  padding-bottom: 1rem !important;
}

.u-pb-s, .u-py-s {
  padding-bottom: 1.5rem !important;
}

.u-pb-m, .u-py-m {
  padding-bottom: 2.5rem !important;
}

.u-pb-l, .u-py-l {
  padding-bottom: 4rem !important;
}

.u-pb-xl, .u-py-xl {
  padding-bottom: 6.5rem !important;
}

.u-pb-xxl, .u-py-xxl {
  padding-bottom: 10.5rem !important;
}

.u-pb-0, .u-py-0 {
  padding-bottom: 0 !important;
}

@media (min-width: 48.0625em) {
  .u-pc-pb-xxs, .u-pc-py-xxs {
    padding-bottom: 0.5rem !important;
  }
  .u-pc-pb-xs, .u-pc-py-xs {
    padding-bottom: 1rem !important;
  }
  .u-pc-pb-s, .u-pc-py-s {
    padding-bottom: 1.5rem !important;
  }
  .u-pc-pb-m, .u-pc-py-m {
    padding-bottom: 2.5rem !important;
  }
  .u-pc-pb-l, .u-pc-py-l {
    padding-bottom: 4rem !important;
  }
  .u-pc-pb-xl, .u-pc-py-xl {
    padding-bottom: 6.5rem !important;
  }
  .u-pc-pb-xxl, .u-pc-py-xxl {
    padding-bottom: 10.5rem !important;
  }
  .u-pc-pb-0, .u-pc-py-0 {
    padding-bottom: 0 !important;
  }
}

.u-pr-xxs, .u-px-xxs {
  padding-right: 0.5rem !important;
}

.u-pr-xs, .u-px-xs {
  padding-right: 1rem !important;
}

.u-pr-s, .u-px-s {
  padding-right: 1.5rem !important;
}

.u-pr-m, .u-px-m {
  padding-right: 2.5rem !important;
}

.u-pr-l, .u-px-l {
  padding-right: 4rem !important;
}

.u-pr-xl, .u-px-xl {
  padding-right: 6.5rem !important;
}

.u-pr-xxl, .u-px-xxl {
  padding-right: 10.5rem !important;
}

.u-pr-0, .u-px-0 {
  padding-right: 0 !important;
}

@media (min-width: 48.0625em) {
  .u-pc-pr-xxs, .u-pc-px-xxs {
    padding-right: 0.5rem !important;
  }
  .u-pc-pr-xs, .u-pc-px-xs {
    padding-right: 1rem !important;
  }
  .u-pc-pr-s, .u-pc-px-s {
    padding-right: 1.5rem !important;
  }
  .u-pc-pr-m, .u-pc-px-m {
    padding-right: 2.5rem !important;
  }
  .u-pc-pr-l, .u-pc-px-l {
    padding-right: 4rem !important;
  }
  .u-pc-pr-xl, .u-pc-px-xl {
    padding-right: 6.5rem !important;
  }
  .u-pc-pr-xxl, .u-pc-px-xxl {
    padding-right: 10.5rem !important;
  }
  .u-pc-pr-0, .u-pc-px-0 {
    padding-right: 0 !important;
  }
}

.u-pl-xxs, .u-px-xxs {
  padding-left: 0.5rem !important;
}

.u-pl-xs, .u-px-xs {
  padding-left: 1rem !important;
}

.u-pl-s, .u-px-s {
  padding-left: 1.5rem !important;
}

.u-pl-m, .u-px-m {
  padding-left: 2.5rem !important;
}

.u-pl-l, .u-px-l {
  padding-left: 4rem !important;
}

.u-pl-xl, .u-px-xl {
  padding-left: 6.5rem !important;
}

.u-pl-xxl, .u-px-xxl {
  padding-left: 10.5rem !important;
}

.u-pl-0, .u-px-0 {
  padding-left: 0 !important;
}

@media (min-width: 48.0625em) {
  .u-pc-pl-xxs, .u-pc-px-xxs {
    padding-left: 0.5rem !important;
  }
  .u-pc-pl-xs, .u-pc-px-xs {
    padding-left: 1rem !important;
  }
  .u-pc-pl-s, .u-pc-px-s {
    padding-left: 1.5rem !important;
  }
  .u-pc-pl-m, .u-pc-px-m {
    padding-left: 2.5rem !important;
  }
  .u-pc-pl-l, .u-pc-px-l {
    padding-left: 4rem !important;
  }
  .u-pc-pl-xl, .u-pc-px-xl {
    padding-left: 6.5rem !important;
  }
  .u-pc-pl-xxl, .u-pc-px-xxl {
    padding-left: 10.5rem !important;
  }
  .u-pc-pl-0, .u-pc-px-0 {
    padding-left: 0 !important;
  }
}

.u-radius-base {
  border-radius: 24px;
}

.u-float-r {
  float: right;
}

.u-float-l {
  float: left;
}

.u-float-n {
  float: none;
}

.u-link {
  color: #226FFF;
  text-decoration: underline;
}

.u-disable {
  cursor: default;
  opacity: 0.4;
  pointer-events: none;
}

.u-fluid {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
}

@media (min-width: 48.0625em) {
  .u-pc-fluid {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
  }
}

.u-bullet,
.u-bullets > * {
  padding-left: 1em;
  text-indent: -1em;
}

.u-bullet-off {
  padding-left: 0;
  text-indent: 0;
}

.u-hanging,
.u-hangings > * {
  display: table;
}

.u-hanging > *,
.u-hangings > * > * {
  display: table-cell;
  position: relative;
  right: -1px;
  white-space: nowrap;
}

.u-clearfix::after {
  display: block;
  clear: both;
  content: '';
}

.u-visuallyHidden {
  clip: rect(0, 0, 0, 0);
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  white-space: nowrap;
}

@media (min-width: 48.0625em) {
  .u-pc-visuallyHidden {
    clip: rect(0, 0, 0, 0);
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    border: 0;
    white-space: nowrap;
  }
}

.u-hover {
  transition: 0.4s;
}

@media (min-width: 48.0625em) {
  .u-hover:hover {
    opacity: 0.7;
  }
}

.u-hover:active {
  transform: scale(0.95);
  transition: 0.2s;
}

.u-ti-1 {
  text-indent: .05rem;
}




/*----------------------------------
grid
----------------------------------*/
.grid {
  display: flex;
  flex-wrap: wrap;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
  word-wrap: break-word;
  min-width: 0;
}

.col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 48.0625em) {
  .pc-col-1, .pc-col-2, .pc-col-3, .pc-col-4, .pc-col-5, .pc-col-6, .pc-col-7, .pc-col-8, .pc-col-9, .pc-col-10, .pc-col-11, .pc-col-12 {
    word-wrap: break-word;
    min-width: 0;
  }
  .pc-col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .pc-col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .pc-col-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .pc-col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .pc-col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .pc-col-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .pc-col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .pc-col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .pc-col-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .pc-col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .pc-col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .pc-col-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.col-auto {
  word-wrap: break-word;
  flex: 0 0 auto;
  width: auto;
  min-width: 0;
  max-width: 100%;
}

@media (min-width: 48.0625em) {
  .pc-col-auto {
    word-wrap: break-word;
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
    max-width: 100%;
  }
}


/*-----------------------------
product
-----------------------------*/
.product {
  position: relative;
  padding: 8px 8px 0;
  overflow: hidden;
  /*background: linear-gradient(to bottom, #4f4f4f 0%, #393939 100%);*/
  box-shadow: 0 13px 43px 0 rgba(0, 0, 0, 0.43);
}

@media (min-width: 48.0625em) {
  .product {
    padding: 22px 22px 0;
  }
}

.product::before {
  z-index: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 55%;
  height: 100%;
  transform: skew(25deg);
  transform-origin: 100% 0;
  /*background: linear-gradient(0deg, #424242 0%, #606060 100%);*/
  content: '';
}

.product:not(:last-child) {
  margin-bottom: 2.5rem;
}

@media (min-width: 48.0625em) {
  .product:not(:last-child) {
    margin-bottom: 6.5rem;
  }
}

.product__inner {
  z-index: 1;
  position: relative;
  padding: 1.5rem 1.5rem 3.5rem;
  background: linear-gradient(45deg, #e9e9e9 0%, #fff 37.5%, #fff 100%);
}

@media (min-width: 48.0625em) {
  .product__inner {
    padding: 4rem 4rem 5rem;
    border-width: 18px;
  }
}

.product__title {
  margin-bottom: 1.5em;
  padding-left: 1em;
  border-left: 12px solid #426396;
  letter-spacing: 0.075em;
  line-height: 1.5;
  color: #000;
}

@media (min-width: 48.0625em) {
  .product__title {
    margin-bottom: 2em;
    border-width: 20px;
  }
}

.product__subTitle {
  display: block;
  font-size: 1.1rem;
}

@media (min-width: 48.0625em) {
  .product__subTitle {
    font-size: 1.6rem;
  }
}

.product__mainTitle {
  display: block;
  font-size: 1.4rem;
  font-weight: bold;
}

@media (min-width: 48.0625em) {
  .product__mainTitle {
    font-size: 2.6rem;
  }
}

.product__imageOuter {
  position: relative;
  padding-bottom: 1.5rem;
  border: 1px solid #dfdfdf;
  background-color: #fff;
}

.product__imageLink {
  outline: none;
}

.product__period {
  margin-bottom: 1em;
  padding: 1em 0.5em;
  background-image: linear-gradient(45deg, transparent 24.95%, #fff4d4 25%, #fff4d4 49.95%, transparent 50%, transparent 74.95%, #fff4d4 75%);
  background-size: 5.65685px 5.65685px;
  color: #425396;
  font-size: 1.05rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1.5;
  text-align: center;
}

@media (min-width: 48.0625em) {
  .product__period {
    font-size: 1.4rem;
    letter-spacing: 0.075em;
  }
}

.product__period b {
  margin: 0 0.05em;
  font-size: 1.7em;
  letter-spacing: 0;
  line-height: 1;
  vertical-align: -0.05em;
}

@media (min-width: 48.0625em) {
  .product__period b {
    font-size: 2em;
  }
}

.product__period img {
  width: 2em;
  height: 2em;
  margin-right: 0.5em;
  vertical-align: -0.5em;
}

.product__release {
  margin-bottom: 1em;
}

.product__releaseLabel {
  margin-right: 0.5em;
  padding: 0.5em;
  background-image: linear-gradient(45deg, transparent 24.95%, #fff4d4 25%, #fff4d4 49.95%, transparent 50%, transparent 74.95%, #fff4d4 75%);
  background-size: 5.65685px 5.65685px;
  color: #425396;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1.5;
}

.product__releaseDate {
  font-size: 1.05em;
  font-weight: 500;
  letter-spacing: 0.025em;
  color: #000;
}

.product__price {
  margin-bottom: 0.1em;
  font-size: 1.29em;
  font-weight: 500;
  letter-spacing: 0.05em;
  color: #000;
}

.product__desc {
  margin-bottom: 1.5em;
  font-weight: 500;
  letter-spacing: 0.025em;
  line-height: 1.8;
  text-align: justify;
  color: #000;
}

.product__scene {
  display: table;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

.product__scene img {
  width: 100%;
}

.product__movie {
  display: block;
  position: relative;
  transition: 0.3s;
}

.product__movie::before, .product__movie::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: '';
}

.product__movie::before {
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.4);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 24.95%, transparent 25%, transparent 49.95%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 74.95%, transparent 75%);
  background-size: 28.28427px 28.28427px;
}

.product__movie::after {
  z-index: 2;
  width: 5em;
  height: 5em;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23ffc000%22%3E%3Cpath%20d%3D%22M12%202c5.514%200%2010%204.486%2010%2010s-4.486%2010-10%2010-10-4.486-10-10%204.486-10%2010-10zm0-2c-6.627%200-12%205.373-12%2012s5.373%2012%2012%2012%2012-5.373%2012-12-5.373-12-12-12zm-3%2017v-10l9%205.146-9%204.854z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}

@media (hover: hover) {
  .product__movie:hover {
    opacity: 0.7;
  }
}

.product__movie:active {
  transform: scale(0.95);
}

.product__detailButton {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 48.0625em) {
  .product__detailButton {
    width: auto;
  }
}

.product__frameText {
  position: relative;
  width: 50%;
  margin-right: auto;
  margin-left: auto;
  padding: 1.5rem 0;
}

@media (min-width: 48.0625em) {
  .product__frameText {
    width: 181px;
  }
}

.product__frameText::before {
  display: block;
  padding-top: 8.29%;
  background-image: url(../img/frame-text.png);
  background-size: cover;
  content: '';
}

.product .slick-arrow {
  top: auto;
}

.product .slick-prev {
  left: 1rem;
}

.product .slick-next {
  right: 1rem;
}


.arrowAnimationButton {
  display: table;
  z-index: 0;
  position: relative;
  padding: 0.75rem 4rem 1.25rem;
  overflow: hidden;
  border-radius: 100px;
  background-color: #daf0fe;
  box-shadow: 0 13px 10px 0 rgba(0, 0, 0, 0.13);
  transition: 0.3s;
}

.arrowAnimationButton:active {
  transform: scale(0.95);
}

.arrowAnimationButton::before, .arrowAnimationButton::after {
  display: block;
  position: absolute;
  content: '';
}

.arrowAnimationButton::before {
  z-index: 1;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  background-color: #fff;
  transition: 0.3s 0.1s;
}

@media (hover: hover) {
  .arrowAnimationButton:hover::before {
    transform: translateX(-40px);
  }
}

.arrowAnimationButton::after {
  z-index: 2;
  top: 0;
  right: 10px;
  bottom: 0;
  width: 20px;
  height: 20px;
  margin: auto;
  transform: translateX(-10px);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23ffc000%22%3E%3Cpath%20d%3D%22M13.025%201l-2.847%202.828%206.176%206.176h-16.354v3.992h16.354l-6.176%206.176%202.847%202.828%2010.975-11z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  opacity: 0;
  transition: 0.3s;
}

@media (hover: hover) {
  .arrowAnimationButton:hover::after {
    transform: translateX(0);
    opacity: 1;
    transition: 0.3s 0.2s;
  }
}

.arrowAnimationButton img {
  transition: 0.3s 0.2s;
}

@media (hover: hover) {
  .arrowAnimationButton:hover img {
    transform: translateX(-15px);
    transition: 0.3s;
  }
}


/*--------------------------------
slick
--------------------------------*/
.slick-slider {
  padding: 0 3rem;
}

.slick-arrow,
.slick-dots button {
  z-index: 1;
  position: relative;
  outline: none;
  font-size: 0;
  touch-action: manipulation;
}

.slick-arrow::before,
.slick-dots button::before {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  bottom: -0.5rem;
  left: -0.5rem;
  content: '';
}

.slick-arrow {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 3rem;
  height: 3rem;
  margin: auto;
  background-color: rgba(230, 230, 230, 0);
  color: #425396;
}

.slick-arrow.slick-disabled {
  opacity: 0.5;
}

.slick-arrow::after {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(1);
  border-radius: 50%;
  background-color: #e6e6e6;
  content: '';
  opacity: 0;
  transition: 0.2s;
}

.slick-arrow:hover::after {
  transform: scale(1.5);
  opacity: 1;
}

.slick-prev {
  left: 0;
}

.slick-next {
  right: 0;
}

.slick-prev-icon,
.slick-next-icon {
  display: block;
  position: absolute;
  top: 0.5rem;
  width: 2rem;
  height: 2rem;
}

.slick-prev-icon::before, .slick-prev-icon::after,
.slick-next-icon::before,
.slick-next-icon::after {
  position: absolute;
  border-radius: 50px;
  background-color: currentColor;
  content: '';
}

.slick-prev-icon::before,
.slick-next-icon::before {
  top: 0;
  width: 100%;
  height: 6px;
}

.slick-prev-icon::after,
.slick-next-icon::after {
  top: 0;
  width: 6px;
  height: 100%;
}

.slick-prev-icon {
  right: 0.225rem;
  transform: rotate(-45deg);
}

.slick-prev-icon::before, .slick-prev-icon::after {
  left: 0;
}

.slick-next-icon {
  left: 0.225rem;
  transform: rotate(45deg);
}

.slick-next-icon::before, .slick-next-icon::after {
  right: 0;
}

.slick-dots {
  margin: -0.5rem;
  text-align: center;
  pointer-events: none;
}

.slick-dots li {
  display: inline-block;
  margin: 0.5rem;
}

.slick-dots button {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background-color: #bcbcbc;
  color: #426396;
  pointer-events: all;
}

.slick-active button {
  background-color: currentColor;
}