@charset "UTF-8";
/* basic layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* medium: 500, bold: 700, black: 900 */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* regular: 400 */
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* 角丸 */
/* ボタン */
/* ボタンの中のspan */
/* フォントサイズ */
/* 余白 */
/* 縦書き */
/* 内径 */
/* main
---------------------------------------------------------------------------*/
main {
  padding-bottom: 0; }

/* intr
---------------------------------------------------------------------------*/
.intr .pg-ancbtns {
  margin-top: 80px; }
  @media screen and (max-width: 1300px) {
    .intr .pg-ancbtns {
      margin-top: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .intr .pg-ancbtns {
      margin-top: 10.6666666667vw; } }

/* mission
---------------------------------------------------------------------------*/
.mission {
  background-color: #0F478B;
  padding-top: 90px; }
  @media screen and (max-width: 1300px) {
    .mission {
      padding-top: 6.9230769231vw; } }
  @media screen and (max-width: 480px) {
    .mission {
      padding-top: 12vw; } }
  .mission-wrap {
    position: relative;
    /* 1080 */
    width: 1080px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-bottom: 380px; }
    @media screen and (max-width: 1300px) {
      .mission-wrap {
        width: 83.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .mission-wrap {
        width: 86.6666666667vw; } }
    @media screen and (max-width: 1300px) {
      .mission-wrap {
        padding-bottom: 29.2307692308vw; } }
    @media screen and (max-width: 480px) {
      .mission-wrap {
        padding-bottom: 50.6666666667vw; } }
  .mission-ttl {
    position: relative;
    font-family: "Roboto Condensed", sans-serif;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: italic;
    letter-spacing: .05em;
    font-size: 220px;
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 61%, #0F478B 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 40px; }
    @media screen and (max-width: 1300px) {
      .mission-ttl {
        font-size: 16.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .mission-ttl {
        font-size: 52.1481253333vw; } }
    @media screen and (max-width: 1300px) {
      .mission-ttl {
        margin-bottom: 3.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .mission-ttl {
        margin-bottom: 5.3333333333vw; } }
    @media screen and (max-width: 480px) {
      .mission-ttl {
        font-size: 21.3333333333vw; } }
    .mission-ttl::before, .mission-ttl::after {
      position: absolute;
      content: "";
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      width: 165px;
      height: 165px;
      background-image: url(../img/cmn/footer-deco.png); }
      @media screen and (max-width: 1300px) {
        .mission-ttl::before, .mission-ttl::after {
          width: 12.6923076923vw;
          height: 12.6923076923vw; } }
      @media screen and (max-width: 480px) {
        .mission-ttl::before, .mission-ttl::after {
          width: 22vw;
          height: 22vw; } }
    .mission-ttl::before {
      left: -64px;
      top: -160px; }
      @media screen and (max-width: 1300px) {
        .mission-ttl::before {
          left: -4.9230769231vw;
          top: -12.3076923077vw; } }
      @media screen and (max-width: 480px) {
        .mission-ttl::before {
          left: -2.6666666667vw;
          top: -22.6666666667vw; } }
    .mission-ttl::after {
      right: -170px;
      bottom: -68px; }
      @media screen and (max-width: 1300px) {
        .mission-ttl::after {
          right: -13.0769230769vw;
          bottom: -7.6923076923vw; } }
      @media screen and (max-width: 480px) {
        .mission-ttl::after {
          right: -11vw;
          bottom: -19.4666666667vw; } }
  .mission-hdl {
    font-size: 48px;
    color: #ADCBE8;
    line-height: 1.42;
    font-weight: 900;
    margin-bottom: 60px; }
    @media screen and (max-width: 1300px) {
      .mission-hdl {
        font-size: 3.6923076923vw; } }
    @media screen and (max-width: 480px) {
      .mission-hdl {
        font-size: 11.3777728vw; } }
    @media screen and (max-width: 1300px) {
      .mission-hdl {
        margin-bottom: 4.6153846154vw; } }
    @media screen and (max-width: 480px) {
      .mission-hdl {
        margin-bottom: 8vw; } }
    @media screen and (max-width: 480px) {
      .mission-hdl {
        font-size: 6.8vw; } }
  .mission-lead {
    color: #ffffff;
    font-size: 32px;
    font-weight: 900;
    line-height: 1.91; }
    @media screen and (max-width: 1300px) {
      .mission-lead {
        font-size: 2.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .mission-lead {
        font-size: 7.5851818667vw; } }
    @media screen and (max-width: 480px) {
      .mission-lead {
        font-size: 4.8vw; } }
  .mission-img {
    position: absolute;
    width: 1380px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -456px;
    z-index: 10; }
    @media screen and (max-width: 1300px) {
      .mission-img {
        width: 106.1538461538vw;
        bottom: -35.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .mission-img {
        width: 100vw; }
        .mission-img img {
          width: 100%;
          height: 86vw;
          object-fit: cover;
          object-position: center;
          font-family: "object-fit: cover; object-position: center;"; } }

/* mission2
---------------------------------------------------------------------------*/
.mission2 {
  padding-top: 454px; }
  @media screen and (max-width: 1300px) {
    .mission2 {
      padding-top: 34.9230769231vw; } }
  @media screen and (max-width: 480px) {
    .mission2 {
      padding-top: 60.5333333333vw; } }
  @media screen and (max-width: 480px) {
    .mission2 {
      padding-top: 40vw; } }
  .mission2-wrap {
    /* 1080 */
    width: 1080px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 96px; }
    @media screen and (max-width: 1300px) {
      .mission2-wrap {
        width: 83.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .mission2-wrap {
        width: 86.6666666667vw; } }
    @media screen and (max-width: 1300px) {
      .mission2-wrap {
        margin-bottom: 7.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .mission2-wrap {
        margin-bottom: 12.8vw; } }
    @media screen and (max-width: 480px) {
      .mission2-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
  .mission2-tx {
    width: 50%; }
    @media screen and (max-width: 480px) {
      .mission2-tx {
        width: 100%;
        margin-bottom: 8vw; } }
    .mission2-tx .pg-hdl {
      margin-bottom: 38px; }
      @media screen and (max-width: 1300px) {
        .mission2-tx .pg-hdl {
          margin-bottom: 2.9230769231vw; } }
      @media screen and (max-width: 480px) {
        .mission2-tx .pg-hdl {
          margin-bottom: 5.0666666667vw; } }
  .mission2-img {
    width: 50%; }
    @media screen and (max-width: 480px) {
      .mission2-img {
        width: 100%; } }
    .mission2-img > div {
      width: 1034px;
      margin-left: 14px;
      margin-right: -507px; }
      @media screen and (max-width: 1300px) {
        .mission2-img > div {
          width: 79.5384615385vw;
          margin-left: 1.0769230769vw;
          margin-right: -67.6vw; } }
      @media screen and (max-width: 480px) {
        .mission2-img > div {
          width: 100%;
          margin: 0; } }
  .mission2-wrap2 {
    /* 1080 */
    width: 1080px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding-bottom: 150px; }
    @media screen and (max-width: 1300px) {
      .mission2-wrap2 {
        width: 83.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .mission2-wrap2 {
        width: 86.6666666667vw; } }
    @media screen and (max-width: 1300px) {
      .mission2-wrap2 {
        padding-bottom: 11.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .mission2-wrap2 {
        padding-bottom: 20vw; } }
    @media screen and (max-width: 480px) {
      .mission2-wrap2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .mission2-wrap2 .mission2-tx {
      margin: 0 0 0 auto; }
    .mission2-wrap2 .mission2-img > div {
      width: 630px;
      margin-right: 87px;
      margin-left: -177px;
      margin-top: -80px; }
      @media screen and (max-width: 1300px) {
        .mission2-wrap2 .mission2-img > div {
          width: 48.4615384615vw;
          margin-right: 6.6923076923vw;
          margin-left: -13.6153846154vw;
          margin-top: -6.1538461538vw; } }
      @media screen and (max-width: 480px) {
        .mission2-wrap2 .mission2-img > div {
          width: 100%;
          margin: 0; } }

/* value
---------------------------------------------------------------------------*/
.value {
  position: relative;
  /* 1080 */
  width: 1080px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 1300px) {
    .value {
      width: 83.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .value {
      width: 86.6666666667vw; } }
  .value::before {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 340px;
    height: 340px;
    top: -60px;
    left: 637px;
    background-image: url(../img/about/value-deco.png); }
    @media screen and (max-width: 1300px) {
      .value::before {
        width: 26.1538461538vw;
        height: 26.1538461538vw; } }
  .value .pg-decottl {
    font-family: "Roboto Condensed", sans-serif;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: italic;
    letter-spacing: .05em;
    font-size: 220px;
    color: #5B98D2; }
    @media screen and (max-width: 1300px) {
      .value .pg-decottl {
        font-size: 16.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .value .pg-decottl {
        font-size: 52.1481253333vw; } }
    @media screen and (max-width: 480px) {
      .value .pg-decottl {
        font-size: 21.3333333333vw; } }
  .value-catch {
    font-size: 40px;
    color: #5B98D2;
    font-weight: 900;
    margin-top: -36px;
    margin-bottom: 70px; }
    @media screen and (max-width: 1300px) {
      .value-catch {
        font-size: 3.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .value-catch {
        font-size: 9.4814773333vw; } }
    @media screen and (max-width: 1300px) {
      .value-catch {
        margin-top: -2.7692307692vw; } }
    @media screen and (max-width: 480px) {
      .value-catch {
        margin-top: -4.8vw; } }
    @media screen and (max-width: 1300px) {
      .value-catch {
        margin-bottom: 5.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .value-catch {
        margin-bottom: 9.3333333333vw; } }
  .value-desc {
    font-size: 20px;
    line-height: 2;
    margin-bottom: 70px; }
    @media screen and (max-width: 1300px) {
      .value-desc {
        font-size: 1.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .value-desc {
        font-size: 4.7407386667vw; } }
    @media screen and (max-width: 1300px) {
      .value-desc {
        margin-bottom: 5.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .value-desc {
        margin-bottom: 9.3333333333vw; } }
    .value-desc strong {
      font-size: 120%;
      font-weight: 900;
      color: #5B98D2; }
  .value-box {
    position: relative;
    color: #ffffff;
    z-index: 100;
    padding: 64px 40px; }
    @media screen and (max-width: 1300px) {
      .value-box {
        padding: 4.9230769231vw 3.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .value-box {
        padding: 8.5333333333vw 5.3333333333vw; } }
    .value-box::before {
      position: absolute;
      content: "";
      width: calc(50% + 50vw);
      height: 100%;
      top: 0;
      z-index: -2; }
    .value-box::after {
      position: absolute;
      content: "";
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      width: 572px;
      height: 572px;
      background-image: url(../img/about/value-deco.png);
      top: 0;
      z-index: -1; }
      @media screen and (max-width: 1300px) {
        .value-box::after {
          width: 44vw;
          height: 44vw; } }
    .value-box-tx {
      width: 720px; }
      @media screen and (max-width: 1300px) {
        .value-box-tx {
          width: 55.3846153846vw; } }
      @media screen and (max-width: 480px) {
        .value-box-tx {
          width: 100%; } }
    .value-box-catch {
      font-size: 24px;
      font-weight: 700;
      line-height: 1.5;
      border-bottom: 1px solid #ADCBE8;
      padding-bottom: 20px;
      margin-bottom: 14px; }
      @media screen and (max-width: 1300px) {
        .value-box-catch {
          font-size: 1.8461538462vw; } }
      @media screen and (max-width: 480px) {
        .value-box-catch {
          font-size: 5.6888864vw; } }
      @media screen and (max-width: 1300px) {
        .value-box-catch {
          padding-bottom: 1.5384615385vw; } }
      @media screen and (max-width: 480px) {
        .value-box-catch {
          padding-bottom: 2.6666666667vw; } }
      @media screen and (max-width: 1300px) {
        .value-box-catch {
          margin-bottom: 1.0769230769vw; } }
      @media screen and (max-width: 480px) {
        .value-box-catch {
          margin-bottom: 1.8666666667vw; } }
    .value-box .pg-hdl {
      color: #ffffff;
      margin-bottom: 30px; }
      @media screen and (max-width: 1300px) {
        .value-box .pg-hdl {
          margin-bottom: 2.3076923077vw; } }
      @media screen and (max-width: 480px) {
        .value-box .pg-hdl {
          margin-bottom: 4vw; } }
    .value-box .pg-desc strong {
      font-size: 133%;
      font-weight: 700; }
    .value-box-img {
      position: absolute; }
      @media screen and (max-width: 480px) {
        .value-box-img {
          position: relative;
          width: 100% !important;
          top: auto !important;
          left: auto !important;
          right: auto !important;
          margin-top: 9.2vw; } }
    @media screen and (max-width: 480px) {
      .value-box.box01, .value-box.box03 {
        padding-right: 0; } }
    .value-box.box01::before, .value-box.box03::before {
      background-color: #5B98D2;
      border-top-left-radius: 12px;
      border-bottom-left-radius: 12px;
      left: 0; }
      @media screen and (max-width: 1300px) {
        .value-box.box01::before, .value-box.box03::before {
          border-top-left-radius: 0.9230769231vw;
          border-bottom-left-radius: 0.9230769231vw; } }
      @media screen and (max-width: 480px) {
        .value-box.box01::before, .value-box.box03::before {
          border-top-left-radius: 1.6vw;
          border-bottom-left-radius: 1.6vw; } }
    .value-box.box01::after, .value-box.box03::after {
      left: 0; }
    .value-box.box01 .value-box-img, .value-box.box03 .value-box-img {
      width: 543px;
      top: -40px;
      left: 774px; }
      @media screen and (max-width: 1300px) {
        .value-box.box01 .value-box-img, .value-box.box03 .value-box-img {
          width: 41.7692307692vw;
          top: -3.0769230769vw;
          left: 59.5384615385vw; } }
    .value-box.box02, .value-box.box04 {
      margin-top: 64px; }
      @media screen and (max-width: 1300px) {
        .value-box.box02, .value-box.box04 {
          margin-top: 4.9230769231vw; } }
      @media screen and (max-width: 480px) {
        .value-box.box02, .value-box.box04 {
          margin-top: 8.5333333333vw; } }
      @media screen and (max-width: 480px) {
        .value-box.box02, .value-box.box04 {
          padding-left: 0; } }
      .value-box.box02::before, .value-box.box04::before {
        background-color: #121B38;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
        right: 0; }
        @media screen and (max-width: 1300px) {
          .value-box.box02::before, .value-box.box04::before {
            border-top-right-radius: 0.9230769231vw;
            border-bottom-right-radius: 0.9230769231vw; } }
        @media screen and (max-width: 480px) {
          .value-box.box02::before, .value-box.box04::before {
            border-top-right-radius: 1.6vw;
            border-bottom-right-radius: 1.6vw; } }
      .value-box.box02::after, .value-box.box04::after {
        right: 0; }
      .value-box.box02 .value-box-tx, .value-box.box04 .value-box-tx {
        margin: 0 0 0 auto; }
      .value-box.box02 .value-box-img, .value-box.box04 .value-box-img {
        width: 547px;
        top: -42px;
        right: 810px; }
        @media screen and (max-width: 1300px) {
          .value-box.box02 .value-box-img, .value-box.box04 .value-box-img {
            width: 42.0769230769vw;
            top: -3.2307692308vw;
            right: 62.3076923077vw; } }
    .value-box.box03 {
      margin-top: 64px; }
      @media screen and (max-width: 1300px) {
        .value-box.box03 {
          margin-top: 4.9230769231vw; } }
      @media screen and (max-width: 480px) {
        .value-box.box03 {
          margin-top: 8.5333333333vw; } }
      .value-box.box03::before {
        background-color: #0F478B; }
    .value-box.box04::before {
      background-color: #5B98D2; }

.about-dot {
  padding-bottom: 370px; }
  @media screen and (max-width: 1300px) {
    .about-dot {
      padding-bottom: 28.4615384615vw; } }
  @media screen and (max-width: 480px) {
    .about-dot {
      padding-bottom: 49.3333333333vw; } }

/* boxes
---------------------------------------------------------------------------*/
.boxes {
  /* 1280 */
  width: 1280px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  z-index: 100;
  padding: 80px 100px;
  color: #ffffff; }
  @media screen and (max-width: 1300px) {
    .boxes {
      width: 98.4615384615vw; } }
  @media screen and (max-width: 480px) {
    .boxes {
      width: 93.3333333333vw; } }
  @media screen and (max-width: 1300px) {
    .boxes {
      padding: 6.1538461538vw 7.6923076923vw; } }
  @media screen and (max-width: 480px) {
    .boxes {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 8.5333333333vw 2.6666666667vw 8.5333333333vw 5.3333333333vw; } }
  .boxes-bg {
    background-color: #ffffff;
    padding-bottom: 120px; }
    @media screen and (max-width: 1300px) {
      .boxes-bg {
        padding-bottom: 9.2307692308vw; } }
    @media screen and (max-width: 480px) {
      .boxes-bg {
        padding-bottom: 16vw; } }
  .boxes::before {
    position: absolute;
    content: "";
    width: calc(50% + 50vw);
    height: 100%;
    top: 0;
    left: 0;
    z-index: -2;
    background-color: #3F6CA2;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px; }
    @media screen and (max-width: 1300px) {
      .boxes::before {
        border-top-left-radius: 0.9230769231vw;
        border-bottom-left-radius: 0.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .boxes::before {
        border-top-left-radius: 1.6vw;
        border-bottom-left-radius: 1.6vw; } }
  .boxes::after {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 480px;
    height: 480px;
    background-image: url(../img/about/value-deco.png);
    top: 0;
    left: 0;
    z-index: -1; }
    @media screen and (max-width: 1300px) {
      .boxes::after {
        width: 36.9230769231vw;
        height: 36.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .boxes::after {
        width: 64vw;
        height: 64vw; } }
  .boxes-ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1em;
    margin-bottom: 60px; }
    @media screen and (max-width: 1300px) {
      .boxes-ttl {
        margin-bottom: 4.6153846154vw; } }
    @media screen and (max-width: 480px) {
      .boxes-ttl {
        margin-bottom: 8vw; } }
    @media screen and (max-width: 480px) {
      .boxes-ttl {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: .5em; } }
    .boxes-ttl .en {
      font-family: "Roboto Condensed", sans-serif;
      font-optical-sizing: auto;
      font-weight: 800;
      font-style: italic;
      letter-spacing: .05em;
      font-size: 40px;
      white-space: nowrap; }
      @media screen and (max-width: 1300px) {
        .boxes-ttl .en {
          font-size: 3.0769230769vw; } }
      @media screen and (max-width: 480px) {
        .boxes-ttl .en {
          font-size: 9.4814773333vw; } }
    .boxes-ttl .ja {
      font-size: 24px; }
      @media screen and (max-width: 1300px) {
        .boxes-ttl .ja {
          font-size: 1.8461538462vw; } }
      @media screen and (max-width: 480px) {
        .boxes-ttl .ja {
          font-size: 5.6888864vw; } }
  .boxes-tx {
    width: 590px; }
    @media screen and (max-width: 1300px) {
      .boxes-tx {
        width: 45.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .boxes-tx {
        width: 100%;
        margin-bottom: 8vw; } }
  .boxes-img {
    width: 312px; }
    @media screen and (max-width: 1300px) {
      .boxes-img {
        width: 24vw; } }
    @media screen and (max-width: 480px) {
      .boxes-img {
        width: 100%; } }
    .boxes-img img {
      border-radius: 12px; }
      @media screen and (max-width: 1300px) {
        .boxes-img img {
          border-radius: 0.9230769231vw; } }
      @media screen and (max-width: 480px) {
        .boxes-img img {
          border-radius: 3.2vw; } }
  .boxes dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 2.5; }
    @media screen and (max-width: 480px) {
      .boxes dl {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .boxes dl dt {
      width: 110px; }
      @media screen and (max-width: 1300px) {
        .boxes dl dt {
          width: 8.4615384615vw; } }
      @media screen and (max-width: 480px) {
        .boxes dl dt {
          width: 100%; } }
    .boxes dl dd {
      flex: 1; }
      @media screen and (max-width: 480px) {
        .boxes dl dd {
          width: 100%; } }
    .boxes dl + dl {
      margin-top: 2.5em; }
      @media screen and (max-width: 480px) {
        .boxes dl + dl {
          border-top: 1px solid rgba(255, 255, 255, 0.5);
          margin-top: 1.5em;
          padding-top: 1.5em; } }

#company {
  margin-top: -266px; }
  @media screen and (max-width: 1300px) {
    #company {
      margin-top: -20.4615384615vw; } }
  @media screen and (max-width: 480px) {
    #company {
      margin-top: -35.4666666667vw; } }

#story {
  margin-top: 80px; }
  @media screen and (max-width: 1300px) {
    #story {
      margin-top: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    #story {
      margin-top: 10.6666666667vw; } }