@media screen and (max-width: 767px) {
  .pagevessel-intro {
    text-align: center;
  }
  .pagevessel-intro h3 {
    font-size: 5.13vw;
    font-weight: bold;
    margin-top: 6%;
  }
  .pagevessel-intro h3 span {
    font-size: 3.2vw;
    display: block;
    margin-top: 2%;
    color: #178dc6;
  }
  .pagevessel-intro p {
    width: 81.4%;
    margin: 5% auto 0;
    font-size: 3.46vw;
    line-height: 1.8;
    text-align: left;
  }
  .pagevessel-intro__img {
    margin: 6% auto 0;
  }
  .pagevessel-intro__table {
    width: 81.4%;
    margin: 6% auto 0;
  }
  .pagevessel-show {
    margin-top: 15%;
    padding: 20% 0 10%;
    background: linear-gradient(to bottom, #FFFFFF 0.1%, #0874BC 7%, #2182C3 20%, #4898CD 40%, #80B7DC 60%, #ADD1E8 80%, #D1E5F2, #EAF3F9, #F9FCFD, #FFFFFF);
  }
  .pagevessel-show h2 {
    font-size: 5.13vw;
    font-weight: bold;
    color: #fff;
    text-align: center;
    position: relative;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto;
    line-height: 1.5;
  }
  .pagevessel-show h2::before, .pagevessel-show h2::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 13vw;
    height: 10vw;
    background-image: url(../images/business-page-aword-ttl-icon-01.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  .pagevessel-show h2::before {
    left: -15vw;
  }
  .pagevessel-show h2::after {
    right: -13vw;
    background-image: url(../images/business-page-aword-ttl-icon-02.png);
  }
  .pagevessel-show__content {
    width: 81.4%;
    margin: 0 auto;
  }
  .pagevessel-show__content + .pagevessel-show__content {
    margin-top: 11%;
  }
  .pagevessel-show__box {
    width: 100%;
    margin: 13% 0 0;
    display: flex;
    flex-direction: column;
    color: #fff;
  }
  .pagevessel-show__boxImg {
    box-shadow: 8px 17px 21px rgba(0, 79, 163, 0.65), 0 2px 6px rgba(0, 79, 163, 0.25);
    border-radius: 4vw;
    margin: 0;
    width: 90.7vw;
    position: relative;
    left: calc(50% - 50vw);
  }
  .pagevessel-show__boxInner {
    width: 100%;
    margin-top: 11%;
  }
  .pagevessel-show__boxInner h3 {
    font-size: 4.27vw;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.08em;
  }
  .pagevessel-show__boxInner p {
    font-size: 3.46vw;
    margin-top: 4%;
    line-height: 1.8;
  }
  .pagevessel-show__content + .pagevessel-show__content .pagevessel-show__boxImg {
    left: auto;
  }
  .pagevessel-show__img {
    width: 66.9767443%;
    margin: 65% 0 0;
  }
  .pagevessel-about {
    margin-top: -19%;
    position: relative;
    color: #103380;
  }
  .pagevessel-about__tanker {
    width: 77%;
    position: absolute;
    top: -4.95%;
    left: 11%;
  }
  .pagevessel-about__contentWrapper {
    position: absolute;
    width: 81.4%;
    margin: 0 auto;
    padding: 0 0 20%;
    top: 4%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    color: #fff;
  }
  .pagevessel-about__content h2 {
    font-size: 5.13vw;
    font-weight: bold;
    text-align: center;
    position: relative;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto;
  }
  .pagevessel-about__content h2::before, .pagevessel-about__content h2::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 13vw;
    height: 10vw;
    background-image: url(../images/business-page-aword-ttl-icon-01.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  .pagevessel-about__content h2::before {
    left: -14vw;
  }
  .pagevessel-about__content h2::after {
    right: -13vw;
    background-image: url(../images/business-page-aword-ttl-icon-02.png);
  }
  .pagevessel-about__content + .pagevessel-about__content {
    margin-top: 17%;
  }
  .pagevessel-about__content:nth-child(2) p {
    font-size: 3.46vw;
    width: 100%;
    margin-top: 4%;
    line-height: 1.8;
  }
  .pagevessel-about__img {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-top: 13%;
  }
  .pagevessel-about__box h3 {
    font-size: 4.27vw;
    font-weight: bold;
    text-align: center;
    margin-top: 12%;
    line-height: 1.5;
  }
  .pagevessel-about__box p {
    font-size: 3.46vw;
    margin: 4% auto 0;
    width: 100%;
    line-height: 1.8;
  }
  .pagevessel-about__boxImg {
    width: 100%;
    margin: 10% auto 0;
  }
  .pagevessel-about ul {
    width: 100%;
    margin: 12% auto 0;
    display: grid;
    display: block;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5% 3%;
  }
  .pagevessel-about ul li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }
  .pagevessel-about ul li .pagevessel-about__itemImg {
    width: 100%;
  }
  .pagevessel-about ul li .pagevessel-about__itemContent {
    margin-top: 5%;
  }
  .pagevessel-about ul li .pagevessel-about__itemContent h3 {
    font-size: 3.46vw;
    font-weight: bold;
    line-height: 1.5;
  }
  .pagevessel-about ul li .pagevessel-about__itemContent p {
    font-size: 3.2vw;
    margin-top: 1%;
    line-height: 1.8;
  }
  .pagevessel-about ul li + li {
    margin-top: 12%;
  }
  .pagevessel-bottom {
    margin-top: -45%;
    position: relative;
    z-index: 2;
  }
  .footer {
    margin-top: -29%;
    position: relative;
    z-index: 1;
  }
}
@media screen and (min-width: 768px) {
  .pagevessel-intro {
    position: relative;
    text-align: center;
  }
  .pagevessel-intro .page-ttl::before, .pagevessel-intro .page-ttl::after {
    width: 15%;
    left: -15%;
  }
  .pagevessel-intro .page-ttl::after {
    left: auto;
    right: -15%;
  }
  .pagevessel-intro .page-ttl span::before, .pagevessel-intro .page-ttl span::after {
    width: 180%;
    left: -199%;
  }
  .pagevessel-intro .page-ttl span::after {
    left: auto;
    right: -199%;
  }
  .pagevessel-intro h3 {
    font-size: 2.34375vw;
    margin-top: 5%;
  }
  .pagevessel-intro h3 span {
    font-size: 1.0416667vw;
    display: block;
    margin-top: 1%;
    color: #178dc6;
  }
  .pagevessel-intro p {
    margin-top: 5%;
    font-size: 0.9375vw;
  }
  .pagevessel-intro__img {
    margin-top: 2%;
  }
  .pagevessel-intro p {
    width: 48%;
    margin: 3% auto 0;
    line-height: 1.5;
    font-size: 0.9375vw;
    text-align: left;
  }
  .pagevessel-intro__table {
    width: 60%;
    margin: 2% auto 0;
  }
  .pagevessel-show {
    margin-top: 5%;
    padding: 13% 0 10%;
    background: linear-gradient(to bottom, #FFFFFF 0.1%, #0874BC 7%, #2182C3, #4898CD, #80B7DC, #ADD1E8, #D1E5F2, #EAF3F9, #F9FCFD, #FFFFFF);
  }
  .pagevessel-show h2 {
    position: relative;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto;
    font-size: 2.0833vw;
    color: #fff;
  }
  .pagevessel-show h2::before, .pagevessel-show h2::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 37.53%;
    height: 274.15%;
    background-image: url(../images/business-page-aword-ttl-icon-01.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  .pagevessel-show h2::before {
    left: -41%;
  }
  .pagevessel-show h2::after {
    right: -37%;
    background-image: url(../images/business-page-aword-ttl-icon-02.png);
  }
  .pagevessel-show__content + .pagevessel-show__content {
    margin-top: 10%;
  }
  .pagevessel-show__content + .pagevessel-show__content .pagevessel-show__box {
    flex-direction: row-reverse;
    margin-left: auto;
  }
  .pagevessel-show__box {
    width: 84.375%;
    margin: 5% 0 0;
    display: flex;
    justify-content: space-between;
    align-items: end;
    color: #fff;
  }
  .pagevessel-show__boxImg {
    width: 62%;
    box-shadow: 8px 17px 21px rgba(0, 79, 163, 0.65), 0 2px 6px rgba(0, 79, 163, 0.25);
    border-radius: 3vw;
  }
  .pagevessel-show__boxInner {
    width: 35%;
  }
  .pagevessel-show__boxInner h3 {
    font-size: 1.92708333vw;
    line-height: 1.5;
    letter-spacing: 0.01em;
  }
  .pagevessel-show__boxInner p {
    font-size: 0.83333vw;
    margin-top: 3%;
    line-height: 1.5;
  }
  .pagevessel-show__img {
    width: 62%;
    margin-top: 66%;
  }
  .pagevessel-about {
    margin-top: -19%;
    position: relative;
    z-index: 0;
    color: #fff;
  }
  .pagevessel-about__tanker {
    width: 74.427%;
    position: absolute;
    top: -16.35%;
    left: 8%;
  }
  .pagevessel-about__contentWrapper {
    position: absolute;
    top: 12.5%;
  }
  .pagevessel-about__contentWrapper h2 {
    position: relative;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto;
    font-size: 2.0833vw;
    color: #fff;
  }
  .pagevessel-about__contentWrapper h2::before, .pagevessel-about__contentWrapper h2::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 37.53%;
    height: 274.15%;
    background-image: url(../images/business-page-aword-ttl-icon-01.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  .pagevessel-about__contentWrapper h2::before {
    left: -41%;
  }
  .pagevessel-about__contentWrapper h2::after {
    right: -37%;
    background-image: url(../images/business-page-aword-ttl-icon-02.png);
  }
  .pagevessel-about__content + .pagevessel-about__content {
    margin-top: 13%;
  }
  .pagevessel-about__content:nth-child(2) p {
    font-size: 1.35416667vw;
    width: 46%;
    margin-top: 3%;
  }
  .pagevessel-about__img {
    margin-top: 6%;
  }
  .pagevessel-about__box h3 {
    font-size: 2.08333vw;
    text-align: center;
    margin-top: 6%;
  }
  .pagevessel-about__box p {
    font-size: 0.9375vw;
    margin: 4% auto 0;
    width: 40%;
    line-height: 1.5;
  }
  .pagevessel-about__boxImg {
    width: 60.1%;
    margin: 5% auto 0;
  }
  .pagevessel-about ul {
    margin: 10% auto 0;
    width: 52.8125%;
  }
  .pagevessel-about ul li {
    display: flex;
    align-items: end;
    gap: 4%;
  }
  .pagevessel-about ul li .pagevessel-about__itemImg {
    width: 45%;
  }
  .pagevessel-about ul li .pagevessel-about__itemContent h3,
  .pagevessel-about ul li .pagevessel-about__itemContent p {
    font-size: 0.9375vw;
  }
  .pagevessel-about ul li .pagevessel-about__itemContent p {
    margin-top: 5%;
    line-height: 1.5;
  }
  .pagevessel-about ul li + li {
    margin-top: 5%;
  }
  .pagevessel-bottom {
    margin-top: -27%;
    position: relative;
    z-index: 1;
  }
}/*# sourceMappingURL=vessel.css.map */