.c-page-title {
  --bgi: url("/_assets/about/img/ttl-main.svg");
}
@media only screen and (max-width: 768px) {
  .c-page-title .c-page-title-en {
    left: -5.4545454545vw;
    top: -9.3181818182vw;
    width: 19.0909090909vw;
  }
}
@media print, screen and (min-width: 769px) {
  .c-page-title .c-page-title-en {
    left: -30px;
    top: -79px;
    width: 169px;
  }
}

@media only screen and (max-width: 768px) {
  .c-mv {
    --bgi: url("/_assets/about/img/img-main_sp.jpg");
    margin-bottom: 15.2272727273vw;
  }
}
@media print, screen and (min-width: 769px) {
  .c-mv {
    --bgi: url("/_assets/about/img/img-main.jpg");
    margin-bottom: 96px;
  }
}

@media only screen and (max-width: 768px) {
  .p-about {
    margin-bottom: 18.1818181818vw;
  }
}
@media print, screen and (min-width: 769px) {
  .p-about {
    margin-bottom: 100px;
  }
}

@media only screen and (max-width: 768px) {
  .p-business {
    margin-bottom: 19.5454545455vw;
    padding-inline: 4.5454545455vw;
  }
}
@media print, screen and (min-width: 769px) {
  .p-business {
    margin-bottom: 200px;
    margin-inline: auto;
    max-width: 1400px;
  }
}
@media print, screen and (min-width: 769px) {
  .p-business .c-ttl03 {
    margin-bottom: 100px;
  }
}
@media print, screen and (min-width: 769px) {
  .p-business .p-business-item {
    display: -ms-grid;
    display: grid;
    gap: 30px 110px;
    -ms-grid-rows: auto 30px auto;
    -ms-grid-columns: 1fr 110px 670px;
        grid-template: auto auto/1fr 670px;
    padding-inline: 190px 30px;
  }
}
@media only screen and (max-width: 768px) {
  .p-business .p-business-item + .p-business-item {
    margin-top: 15.9090909091vw;
  }
}
@media print, screen and (min-width: 769px) {
  .p-business .p-business-item + .p-business-item {
    margin-top: 120px;
  }
}
@media print, screen and (min-width: 769px) {
  .p-business .p-business-item:nth-child(even) {
    -ms-grid-rows: auto auto;
    -ms-grid-columns: 670px 1fr;
        grid-template: auto auto/670px 1fr;
    padding-inline: 30px 190px;
  }
}
@media print, screen and (min-width: 769px) {
  .p-business .p-business-item:nth-child(even) .p-business-title {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 1/2/2/3;
  }
}
@media print, screen and (min-width: 769px) {
  .p-business .p-business-item:nth-child(even) .p-business-image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 1/1/3/2;
  }
}
@media print, screen and (min-width: 769px) {
  .p-business .p-business-item:nth-child(even) .p-business-detail {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 2/2/3/3;
  }
}
@media only screen and (max-width: 768px) {
  .p-business .p-business-title {
    margin-bottom: 5vw;
  }
}
@media print, screen and (min-width: 769px) {
  .p-business .p-business-title {
    -ms-grid-row-align: end;
        align-self: end;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 1/1/2/2;
  }
}
@media only screen and (max-width: 768px) {
  .p-business .p-business-title-main {
    font-size: 5.4545454545vw;
    line-height: 1.666;
    text-align: center;
  }
}
@media print, screen and (min-width: 769px) {
  .p-business .p-business-title-main {
    font-size: 2.8rem;
    line-height: 1.571;
  }
}
.p-business .p-business-title-sub {
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .p-business .p-business-title-sub {
    font-size: 3.6363636364vw;
    text-align: center;
  }
}
@media print, screen and (min-width: 769px) {
  .p-business .p-business-title-sub {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 768px) {
  .p-business .p-business-image {
    margin-bottom: 7.5vw;
  }
}
@media print, screen and (min-width: 769px) {
  .p-business .p-business-image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 1/2/3/3;
  }
}
@media only screen and (max-width: 768px) {
  .p-business .p-business-image img {
    height: auto;
    width: 100%;
  }
}
@media print, screen and (min-width: 769px) {
  .p-business .p-business-detail {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 2/1/3/2;
  }
}
@media only screen and (max-width: 768px) {
  .p-business .p-business-text {
    font-size: 4.0909090909vw;
  }
}
@media print, screen and (min-width: 769px) {
  .p-business .p-business-text {
    font-size: 1.8rem;
  }
}

@media only screen and (max-width: 768px) {
  .p-ship {
    padding-inline: 4.5454545455vw;
  }
}
@media only screen and (max-width: 768px) {
  .p-ship .p-ship-main {
    margin-bottom: 70px;
  }
}
@media print, screen and (min-width: 769px) {
  .p-ship .p-ship-main {
    background: url("/_assets/about/img/img-marine.jpg") no-repeat center center/cover;
    display: -ms-grid;
    display: grid;
    height: 600px;
    margin-bottom: 74px;
    padding-right: 190px;
    place-content: center end;
  }
}
@media print, screen and (min-width: 769px) {
  .p-ship .p-ship-main .c-link04 p {
    border-color: #fff;
  }
}
@media print, screen and (min-width: 769px) {
  .p-ship .p-ship-main .c-link04 a {
    color: #fff;
  }
}
@media print, screen and (min-width: 769px) {
  .p-ship .p-ship-main .c-link04 a::after {
    background: #fff;
  }
}
@media print, screen and (min-width: 769px) {
  .p-ship .p-ship-detail {
    color: #fff;
    width: 382px;
  }
}
@media only screen and (max-width: 768px) {
  .p-ship .p-ship-heading {
    font-size: 5.4545454545vw;
    line-height: 1.666;
    margin-bottom: 30px;
    text-align: center;
  }
}
@media print, screen and (min-width: 769px) {
  .p-ship .p-ship-heading {
    font-size: 2.8rem;
    line-height: 1.571;
    margin-bottom: 28px;
  }
}
@media only screen and (max-width: 768px) {
  .p-ship .p-ship-image {
    margin: 0 -4.5454545455vw 5.6818181818vw;
  }
}
@media print, screen and (min-width: 769px) {
  .p-ship .p-ship-image {
    display: none;
  }
}
.p-ship .p-ship-image img {
  height: auto;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .p-ship .p-ship-text {
    font-size: 4.0909090909vw;
  }
}
@media print, screen and (min-width: 769px) {
  .p-ship .p-ship-text {
    font-size: 1.8rem;
    margin-bottom: 28px;
  }
}
@media print, screen and (min-width: 769px) {
  .p-ship .p-seabass {
    margin-inline: auto;
    max-width: 1100px;
    padding-inline: 60px;
  }
}
.p-ship .p-seabass-title {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .p-ship .p-seabass-title {
    font-size: 5.4545454545vw;
    line-height: 1.666;
    margin-bottom: 32px;
  }
}
@media print, screen and (min-width: 769px) {
  .p-ship .p-seabass-title {
    font-size: 2.8rem;
    line-height: 1.571;
    margin-bottom: 28px;
  }
}
.p-ship .p-seabass-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 768px) {
  .p-ship .p-seabass-items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5vw;
  }
}
@media print, screen and (min-width: 769px) {
  .p-ship .p-seabass-items {
    gap: 70px;
  }
}
@media print, screen and (min-width: 769px) {
  .p-ship .p-seabass-item {
    width: 280px;
  }
}
@media only screen and (max-width: 768px) {
  .p-ship .p-seabass-image {
    margin: 0 auto 4.0909090909vw;
    width: 63.6363636364vw;
  }
}
@media print, screen and (min-width: 769px) {
  .p-ship .p-seabass-image {
    margin-bottom: 18px;
  }
}
.p-ship .p-seabass-image img {
  height: auto;
  width: 100%;
}
.p-ship .p-seabass-heading {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .p-ship .p-seabass-heading {
    font-size: 4.5454545455vw;
    margin-bottom: 3.6363636364vw;
  }
}
@media print, screen and (min-width: 769px) {
  .p-ship .p-seabass-heading {
    font-size: 2rem;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 768px) {
  .p-ship .p-seabass-text {
    font-size: 4.0909090909vw;
  }
}
@media print, screen and (min-width: 769px) {
  .p-ship .p-seabass-text {
    font-size: 1.8rem;
  }
}