@charset "UTF-8";

:root {
  --CONTENTS-WIDHT: 1120px;
}

p {
  margin: 0;
}

a {
  transition: all var(--TRANSITION);
  &:hover {
    opacity: .7;
  }
}

/* header */
.lp-layout-header-content {
  display: flex;
  align-items: center;
  max-width: 1960px;
  margin: 0 auto;
  padding: 22px 140px;
}
@media screen and (max-width: 1920px) {
  .lp-layout-header-content {
    padding: 22px calc(2rem + (1vw - 0.97rem) * (12.6315789474));
  }
}
@media screen and (max-width: 969px) {
  .lp-layout-header-content {
    justify-content: center;
    padding: 20px 20px 24px;
  }
}
.lp-layout-header-content > *:last-child {
  margin-bottom: 0;
}
.lp-layout-header-logo {
  margin-bottom: 0;
  line-height: 1;
}
.lp-layout-header-logo a {
  display: inline-block;
}
.lp-layout-header-logo img {
  width: 126px;
}
@media screen and (max-width: 969px) {
  .lp-layout-header-logo img {
    width: 104px;
  }
}
.lp-layout-header-utilityGroup {
  flex: 1;
  margin-left: 24px;
}
.lp-layout-header-utilityList {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  margin-top: -16px;
  margin-right: -16px;
}
.lp-layout-header-utilityList > li {
  margin-top: 16px;
  padding-right: 16px;
}
.lp-layout-header-utilityList > li > *:last-child {
  margin-bottom: 0;
}

.lp-textPhone {
  display: block;
  margin-bottom: 24px;
}
.lp-textPhone > *:last-child {
  margin-bottom: 0;
}
.lp-textPhone-body > *:last-child {
  margin-bottom: 0;
}
.lp-textPhone-number {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1;
}
.lp-textPhone-numberGroup {
  display: flex;
  align-items: flex-start;
  margin-top: 0 !important;
  margin-bottom: 8px;
}
.lp-textPhone-note {
  display: block;
  margin-top: 0 !important;
  margin-bottom: 8px;
  font-size: 1.2rem;
  line-height: 1.2;
}
.lp-textPhone-icon {
  width: 36px;
  min-width: 36px;
  height: 20px;
  min-height: 20px;
  margin-top: 0.2rem;
  margin-right: 8px;
}
.lp-textPhone-icon .of-iconColor-primary {
  fill: #00a23f;
}
.lp-textPhone-icon .of-iconColor-secondary {
  fill: #fe8800;
}
.lp-textPhone-icon .of-iconColor-tertiary {
  fill: #0086b1;
}
.lp-textPhone-icon .of-iconColor-quaternary {
  fill: #838079;
}
.lp-textPhone-icon .of-iconColor-quinary {
  fill: #1e1c1c;
}
.lp-textPhone.of-center {
  text-align: center;
}
.lp-textPhone.of-center.lp-textPhone-numberGroup {
  justify-content: center;
}
.lp-textPhone-group {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1365px) {
  .lp-textPhone-group {
    flex-direction: column;
  }
}
@media only screen and (max-width: 1365px) {
  .lp-textPhone-group > * {
    width: 100%;
  }
}

a.lp-textPhone-body,
a:hover.lp-textPhone-body {
  display: inline-block;
  opacity: 1;
  color: #333;
  text-decoration: none;
  cursor: default;
}

a.lp-textPhone-body.of-textColor-primary,
a:hover.lp-textPhone-body.of-textColor-primary {
  color: #fff;
}

.l-headerGlobalSearch__segment+.l-headerGlobalSearch__segment {
  position: relative;
}
.l-headerGlobalSearch__segment+.l-headerGlobalSearch__segment::before {
  background: #d1d1d1;
  content: "";
  display: block;
  height: 100%;
  left: -13px;
  position: absolute;
  top: 0;
  width: 1px;
}
.l-headerGlobalSearch__segment>:last-child:not(.m-widget-dialog), body>:last-child:not(.m-widget-dialog), .l-footerCopyright__inner>:last-child:not(.m-widget-dialog), .l-footerDataSheet__inner>:last-child:not(.m-widget-dialog), .l-navigationTop__inner>:last-child:not(.m-widget-dialog), .l-footerNavigation__list>:last-child:not(.m-widget-dialog), .l-footerContact__inner>:last-child:not(.m-widget-dialog), .l-headerGlobalDataSheet__inner>:last-child:not(.m-widget-dialog), .l-headerGlobalSearch__inner>:last-child:not(.m-widget-dialog), .l-navigationGlobalLinkExplanation>:last-child:not(.m-widget-dialog), .l-navigationGlobalLink>:last-child:not(.m-widget-dialog), .l-navigationGlobalProduct__inner>:last-child:not(.m-widget-dialog), .l-headerGlobal__inner>:last-child:not(.m-widget-dialog) {
  margin-bottom: 0 !important;
}
.l-headerGlobalSearch__aiChat:any-link {
  text-decoration: none;
}
.l-headerGlobalSearch__segment>:first-child, body>:first-child, .l-footerCopyright__inner>:first-child, .l-footerDataSheet__inner>:first-child, .l-navigationTop__inner>:first-child, .l-footerNavigation__list>:first-child, .l-footerContact__inner>:first-child, .l-headerGlobalDataSheet__inner>:first-child, .l-headerGlobalSearch__inner>:first-child, .l-navigationGlobalLinkExplanation>:first-child, .l-navigationGlobalLink>:first-child, .l-navigationGlobalProduct__inner>:first-child, .l-headerGlobal__inner>:first-child {
  margin-top: 0 !important;
}
.l-headerGlobalSearch__aiChat {
  align-items: center;
  align-self: center;
  background-image: linear-gradient(102deg, #ff4c76 0%, #7266f8 51%, #2bdfe8 100%);
  border-radius: var(--BORDER_RADIUS_SMALL);
  color: var(--KEYENCE_COLOR_BASE_BLACK);
  display: inline-flex;
  flex-direction: row-reverse;
  font-size: 1.4rem;
  font-weight: 500;
  gap: 8px;
  height: 100%;
  justify-content: center;
  line-height: 1;
  padding: 11px 16px 11px 16px;
  position: relative;
}
.l-headerGlobalSearch__aiChat::before {
  background-color: var(--KEYENCE_COLOR_BASE_WHITE);
  border-radius: 2px;
  content: "";
  display: block;
  height: calc(100% - 4px);
  left: 2px;
  position: absolute;
  top: 2px;
  transition: opacity var(--TRANSITION);
  width: calc(100% - 4px);
}
.l-headerGlobalSearch__aiChatText {
  flex: 1;
  position: relative;
}
.l-headerGlobalSearch__aiChat::after {
  background-image: url(/img/common/icon_ai-chat.svg);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 20px;
  margin-left: auto;
  position: relative;
  width: 20px;
}

.prd-seriesHeader-navigationListWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: var(--CONTENTS-WIDHT);
  margin-inline: auto;
}
.prd-seriesHeader.of-secondary .prd-seriesHeader-commonInner {
  padding: 1.6rem 0;

  @media screen and (max-width: 969px) {
    padding: 0;
  }
}
.prd-layout-container {
  max-width: 1120px;
  width: 100%;
  padding: 0;

  .prd-seriesHeader-commonInner {
    padding: 0;

    .prd-seriesHeader-navigationListWrapper {
      justify-content: space-between;
    }
  }
}

.prd-seriesHeader.of-primary .prd-seriesHeader-navigationLink, .prd-seriesHeader.of-secondary .prd-seriesHeader-navigationLink {
  font-weight: 700;
  opacity: 1;
  position: relative;
  padding-bottom: .4rem;

  &::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;

    width: 100%;
    height: .1rem;
    background-color: var(--KEYENCE_COLOR_RED);

    transform: scaleX(0);
    transform-origin: center;

    transition: transform 0.3s ease-out;
  }

  &[href]:hover {
    color: var(--KEYENCE_COLOR_RED);
    text-decoration: none;

    &::after {
      transform: scaleX(1);
    }
  }

  .prd-seriesHeader-navigationLinkLabel {
    padding-top: 0;
    padding-bottom: 0;
  }
}

/*
@keyframes kf_4_119_width_0 {
  0% {
    animation-timing-function: ease-out;
    width: 0px;
  }
  100% {
    width: 56px;
  }
}
@keyframes kf_4_119_translate_0 {
  0% {
    animation-timing-function: ease-out;
    translate: 0px 0px;
  }
  100% {
    translate: -28px 0px;
  }
}

@keyframes kf_4_118_color_0 {
  0% {
    animation-timing-function: ease-out;
    color: #222;
  }
  100% {
    color: #EA0437;
  }
}
*/

/* footer */
.lp-layout-footer {
  background: var(--KEYENCE_COLOR_FOREGROUND_BLACK);
  color: var(--KEYENCE_COLOR_BASE_WHITE);
  font-size: 1.3rem;
  line-height: 1.53;
}
.lp-layout-footer-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  max-width: 1960px;
  margin: 0 auto;
  padding: 12px 20px;
}
@media screen and (max-width: 969px) {
  .lp-layout-footer-content {
    flex-direction: column;
    padding: 16px 20px;
  }
}
.lp-layout-footer-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: -8px;
  text-align: center;
}
.lp-layout-footer-list > li {
  position: relative;
  margin-top: 8px;
  margin-left: 36px;
  line-height: 1.2;
}
.lp-layout-footer-list > li::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -18px;
  width: 1px;
  height: 19px;
  transform: translateY(-50%);
  background: var(--KEYENCE_COLOR_BASE_WHITE);
}
.lp-layout-footer-list > li a {
  color: var(--KEYENCE_COLOR_BASE_WHITE);
  font-size: 1.3rem;
  line-height: 1;
  text-decoration: none;
}
.lp-layout-footer-list > li:first-child::before {
  content: none;
}
@media screen and (max-width: 969px) {
  .lp-layout-footer-list > li.lp-layout-footer-copyright {
    width: 100%;
    margin-left: 0;
    text-align: center;
  }
}
@media screen and (max-width: 969px) {
  .lp-layout-footer-list > li.lp-layout-footer-copyright::before {
    content: none;
  }
}

/* main */
.l-main-container {
  display: flex;
  flex-direction: column;
  gap: 5.6rem;

  @media screen and (max-width: 969px) {
    gap: 4.8rem;
  }
}

.l-contents {
  max-width: var(--CONTENTS-WIDHT);
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3.2rem;

  @media screen and (max-width: 969px) {
    padding: 0 1.5rem;
    gap: 2.4rem;
  }
}

.l-contents.--gap-s {
  gap: 2.4rem;
}

.l-mv {
  background: url("/img/support/startup-guide/fr/img_kv.jpg") lightgray 50% / cover no-repeat;

  .c-ttl-grp {
    max-width: var(--CONTENTS-WIDHT);
    padding: 5.6rem 0;
    margin-inline: auto;

    .c-ttl {
      display: flex;
      flex-direction: column;
      gap: 1.6rem;
      margin-bottom: 3.2rem;
    }

    .c-ttl-subtxt {
      color: var(--KEYENCE_COLOR_RED);
      font-size: 2.4rem;
      font-weight: 700;
      line-height: 130%;

      @media screen and (max-width: 969px) {
        font-size: 2rem;
      }
    }

    .c-ttl-txt {
      font-size: 6.4rem;
      font-weight: 700;
      line-height: 100%;

      @media screen and (max-width: 969px) {
        font-size: 4.8rem;
      }
    }

    @media screen and (max-width: 969px) {
      text-align: center;
    }
  }

  @media screen and (max-width: 969px) {
    background: url("/img/support/startup-guide/fr/img_kv_sp.jpg") lightgray 50% / cover no-repeat;
  }
}

.c-ttl2-grp {
  padding-left: 2rem;
  border-left: .4rem solid var(--KEYENCE_COLOR_RED);
  display: flex;
  flex-direction: column;
  gap: .8rem;

  .c-ttl2-subtxt {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 130%;

    @media screen and (max-width: 969px) {
      font-size: 2rem;
    }
  }

  .c-ttl2-txt {
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: 0.32rem;
    color: var(--KEYENCE_COLOR_RED);

    @media screen and (max-width: 969px) {
      font-size: 2.4rem;
    }
  }
}

.c-ttl3 {
  border-left: .2rem solid var(--KEYENCE_COLOR_RED);
  padding-left: .8rem;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 130%;
}

.l-point {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;

  .prd-disclosure {
    border: none;
    box-shadow: none;
  }

  .prd-disclosure {
    border-radius: 8px;
  }
  .prd-slate {
    background: none;
    padding: 0 16.4rem;
    display: flex;
    flex-direction: column;
    gap: 2.4rem;

    @media screen and (max-width: 969px) {
      padding: 0 1.5rem;
      gap: 1.6rem;
    }
  }
  .prd-disclosure-button {
    padding: 3.2rem 2.4rem;

    .l-disclosure-icon {
      text-align: right;
      display: inline-flex;
      justify-content: end;
      align-items: center;
      gap: .8rem;

      .c-icon-txt {
        transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
        color: var(--KEYENCE_COLOR_RED);
        font-weight: 700;
        font-size: 1.6rem;

        @media screen and (max-width: 969px) {
          display: none;
        }
      }
    }

    [class^="c-point-label"] {
      position: relative;
      display: flex;
      align-items: center;
      gap: .8rem;

      &::before {
        content: "";
        width: 5.7rem;
        height: 3.9rem;
        flex-shrink: 0;

        @media screen and (max-width: 969px) {
          width: 6.4rem;
          height: 4.6rem;
        }
      }
    }

    .c-point-label01::before {
      background: url("/img/support/startup-guide/fr/label_number01.svg") center center / cover no-repeat;
    }
    .c-point-label02::before {
      background: url("/img/support/startup-guide/fr/label_number02.svg") center center / cover no-repeat;
    }
    .c-point-label03::before {
      background: url("/img/support/startup-guide/fr/label_number03.svg") center center / cover no-repeat;
    }
    .c-point-label04::before {
      background: url("/img/support/startup-guide/fr/label_number04.svg") center center / cover no-repeat;
    }
    .c-point-label05::before {
      background: url("/img/support/startup-guide/fr/label_number05.svg") center center / cover no-repeat;
    }

    &:hover {
      color: var(--KEYENCE_COLOR_BASE_BLACK);
      text-decoration: none;
    }

    @media screen and (max-width: 969px) {
      /*padding: 3.2rem 1.5rem 2.4rem;*/
      padding: 3.2rem 1.5rem;
    }
  }

  .prd-disclosure-button [aria-expanded=true] .prd-disclosure-icon.of-collapsed, .prd-disclosure-button [aria-expanded=false] .prd-disclosure-icon.of-expanded {
    opacity: 0;
  }

  .prd-disclosure-button [aria-expanded=true] .c-icon-txt {
    opacity: 0;
  }

  .prd-disclosure-iconWrapper {
    display: inline-block;
    width: 4.4rem;
    height: 4.4rem;
    margin: 0;
  }
}

.l-ai,.l-contact,.l-thanks {
  padding: 5.6rem 0;

  @media screen and (max-width: 969px) {
    padding: 4.8rem 0;
  }
}

.l-ai {
  .c-question-ttl {
    color: var(--KEYENCE_COLOR_FOREGROUND_GRAY);
    font-size: 1.4rem;
    line-height: 100%;
  }

  .l-question {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.2rem;
    margin-top: -2.4rem;

    > div {
      padding: .8rem 1.2rem;
      border-radius: 20px;
      border: 1px solid var(--KEYENCE_COLOR_FOREGROUND_GRAY);
      color: #6F6F6F;
      font-size: 1.4rem;
      line-height: 150%;
    }

    @media screen and (max-width: 969px) {
      flex-direction: column;
      margin-top: -1.6rem;
    }
  }
}

.l-contact .c-form {
  display: flex;
  justify-content: center;
  text-align: center;
  gap: 2.4rem;
  width: 100%;

  > div {
    background: var(--KEYENCE_COLOR_BASE_WHITE);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.6rem;
    padding: 3.2rem 2.4rem;
    flex-basis: 50%;
  }

  @media screen and (max-width: 969px) {
    flex-direction: column;
  }
}

.l-thanks {
  margin-top: -5.6rem;

  .l-thanks-bottom {
    border-radius: 8px;
    background: var(--KEYENCE_COLOR_BASE_WHITE);
    max-width: var(--CONTENTS-WIDHT);
    width: 100%;
    padding: 3.2rem 2.4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.6rem;
  }
}

.c-btn-ai {
  display: flex;
  padding: 1.6rem 2.4rem;
  justify-content: center;
  align-items: center;
  gap: 1.6rem;
  border-radius: .8rem;
  background: linear-gradient(145deg, #4FD0FF -17.93%, #764DF1 39.67%, #FC4F6E 97.27%);
  text-decoration: none;
  color: var(--KEYENCE_COLOR_BASE_WHITE);
  font-weight: 700;
  line-height: 100%;

  &::after {
    content: "";
    color: var(--KEYENCE_COLOR_BASE_WHITE);
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-left: 2px  solid #fff;
    transform: rotate(135deg);
  }
}

.c-text-link {
  display: flex;
  justify-content: space-between;
  align-items: center;

  @media screen and (max-width: 969px) {
    justify-content: center;
    flex-direction: column;
    gap: 2.4rem;
    text-align: center;
  }
}

.c-notice {
  color: var(--KEYENCE_COLOR_FOREGROUND_GRAY);
  font-size: 1.4rem;
  line-height: 150%;
}

.c-anchor-a {
  display: inline-flex;
  text-decoration: none;
  color: var(--KEYENCE_COLOR_BASE_BLACK);
  line-height: 100%;
  position: relative;
  gap: .8rem;
  line-height: 1;
  padding-left: 20px;

  &:hover {
    color: #dc002f;
  }

  &::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 10px;
    height: 10px;
    border-top: 2px solid var(--KEYENCE_COLOR_RED);
    border-left: 2px solid var(--KEYENCE_COLOR_RED);
    transform: rotate(135deg);
  }
}

.c-btn-a {
  display: inline-flex;
  padding: 1.6rem 2.4rem;
  justify-content: center;
  align-items: center;
  gap: 1.6rem;
  border-radius: 8px;
  background: var(--KEYENCE_COLOR_RED);
  color: var(--KEYENCE_COLOR_BASE_WHITE);
  text-decoration: none;
  font-weight: 700;
  line-height: 100%;

  &::after {
    content: "";
    width: 10px;
    height: 10px;
    border-top: 2px solid var(--KEYENCE_COLOR_BASE_WHITE);
    border-left: 2px solid var(--KEYENCE_COLOR_BASE_WHITE);
    transform: rotate(135deg);
  }
}

.c-btn-b {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  gap: .8rem;
  color: var(--KEYENCE_COLOR_RED);
  text-decoration: none;
  font-weight: 700;
  line-height: 100%;
  position: relative;

  &::before {
    content: "";
    position: absolute;
    right: 17px;
    width: 15px;
    height: 15px;
    border-top: 4px solid var(--KEYENCE_COLOR_RED);
    border-left: 4px solid var(--KEYENCE_COLOR_RED);
    transform: rotate(135deg);
  }

  &::after {
    content: "";
    width: 4.4rem;
    height: 4.4rem;
    border: 1px solid var(--KEYENCE_COLOR_RED);
    border-radius: 50%;
  }
}

.c-links {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2.4rem;
}

.c-table {
  border-collapse: collapse;
  line-height: 150%;

  th,td {
    border: 1px solid var(--KEYENCE_COLOR_FOREGROUND_GRAY);
  }

  thead th {
    padding: .8rem;
    font-weight: 700;
    background: var(--KEYENCE_COLOR_BASE_BLACK);
    color: var(--KEYENCE_COLOR_BASE_WHITE);
  }
  tbody td {
    padding: .4rem .8rem;
    color: #6f6f6f;
  }
}

.l-flex {
  display: flex;
  &.of-column {
    flex-direction: column;
  }
  &.of-gap-s {
    gap: .4rem;
  }
  &.of-gap-m {
    gap: .8rem;
  }
  &.of-gap-l {
    gap: 1.2rem;
  }
}

.c-tip-ttl {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 150%;
  padding-left: 1rem;
  position: relative;

  &::before {
    content: "";
    position: absolute;
    top: .7rem;
    left: 0;
    width: .6rem;
    height: .6rem;
    background: var(--KEYENCE_COLOR_RED);
    transform: rotate(45deg);
  }
}

.c-recommended-ttl {
  color: var(--KEYENCE_COLOR_RED);
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 150%;
  padding-left: 2rem;
  position: relative;

  &::before {
    content: "";
    position: absolute;
    top: .3rem;
    left: 0;
    width: 1.6rem;
    height: 1.6rem;
    border: 2px solid var(--KEYENCE_COLOR_RED);
    border-radius: 50%;
  }
}

.prd-annotationList-item.--point {
  padding-left: 7rem;

  .prd-annotationList-marker {
    color: var(--KEYENCE_COLOR_RED);
    font-size: 14px;
    line-height: 150%;

    @media screen and (max-width: 969px) {
      position: static;
      transform: none;
    }
  }

  @media screen and (max-width: 969px) {
    padding-left: 0;
  }
}

.c-bulleted-list {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;

  .c-bulleted-list-item {
    position: relative;
    padding-left: 2rem;

    &::before {
      content: "・";
      position: absolute;
      top: 0;
      left: 0;
    }
  }
}

.prd-layout-stack.of-space-1 > * + * {
  margin-top: 1.2rem;
}

.c-ai-icon {
  padding-top: 6rem;
  position: relative;

  &::before {
    content: "";
    background: url("/img/support/startup-guide/fr/icon_ai.svg") center center / cover no-repeat;
    width: 10.3rem;
    height: 10.3rem;
    position: absolute;
    top: -2.33rem;
    left: 50%;
    transform: translateX(-50%);
  }
}

/* utility */
@media screen and (max-width: 969px) {
  .lp-smallScreen-hide {
    display: none;
  }

  .prd-utility-heading-2 {
    font-size: 2.4rem;
  }

  .prd-utility-heading-4 {
    font-size: 1.6rem;
  }

  .u-small-text-align-center {
    text-align: center;
  }
}

.u-color-white {
  color: var(--KEYENCE_COLOR_BASE_WHITE);
}

.u-background-gray {
  background: var(--KEYENCE_COLOR_BACKGROUND_EX_LIGHTGRAY);
}

.u-background-black {
  background: var(--KEYENCE_COLOR_BASE_BLACK);
}

.u-background-white {
  background: var(--KEYENCE_COLOR_BASE_WHITE);
}

.u-border-radius {
  border-radius: 8px;
}

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

.u-align-self-center {
  align-self: center;
}

.u-heading-3 {
  font-size: 3rem;

  @media screen and (max-width: 969px) {
    font-size: 1.6rem;
  }
}

.u-heading-4 {
  font-size: 2rem;

  @media screen and (max-width: 969px) {
    font-size: 1.6rem;
  }
}

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

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