:root{--font-gothic: "Noto Sans JP", sans-serif;--font-inter: "Inter", sans-serif;--font-mplus: "M PLUS 1p", sans-serif;--font-weight-basic: 400;--line-height-basic: 1.6}:root{--color-basic: #333;--color-basic-rgb: 51, 51, 51;--color-white: #fff;--color-main: #0242B0;--color-text-blue: #0242B0;--color-blue1: #AFF0FF;--color-blue2: #5CB8FF;--color-blue3: #35CBED;--color-bg_blue: #0050E5;--color-bg_blue1: #D0F1FF;--color-bg_blue2: #CBF5F7;--color-bg_blue3: #ECF9FF;--color-grade01: linear-gradient(180deg, #d9f6ff 0%, #99e7ff 95.9%);--color-orange: #FF8400;--color-yellow: #FFE941;--color-pink: #EC0046;--color-pink2: #FF5F8E}:root{--fs-52: 2rem;--fs-38: 1.5714rem;--fs-37: 1.5714rem;--fs-32: 1.4286rem;--fs-30: 1.3571rem;--fs-28: 1.2857rem;--fs-25: 1.2857rem;--fs-24: 1.2857rem;--fs-22: 1.1429rem;--fs-20: 1.1429rem;--fs-18: 1rem;--fs-17: 1rem;--fs-15: 0.9286rem;--fs-14: 0.8571rem;--fs-footer-nav-heading: 1rem}@media screen and (min-width: 576px){:root{--fs-52: 2.4286rem;--fs-38: 1.8571rem;--fs-37: 1.8571rem;--fs-32: 1.7143rem;--fs-30: 1.5714rem;--fs-28: 1.5rem;--fs-25: 1.5rem;--fs-24: 1.4286rem;--fs-22: 1.2857rem;--fs-20: 1.1429rem;--fs-18: 1.0714rem;--fs-17: 1rem;--fs-15: 0.9286rem;--fs-14: 0.8571rem;--fs-footer-nav-heading: 1rem}}@media screen and (min-width: 992px){:root{--fs-52: 3rem;--fs-38: 2.4286rem;--fs-37: 2.2857rem;--fs-32: 2rem;--fs-30: 1.8571rem;--fs-28: 1.7143rem;--fs-25: 1.6429rem;--fs-24: 1.5714rem;--fs-22: 1.4286rem;--fs-20: 1.2857rem;--fs-18: 1.1429rem;--fs-17: 1.0714rem;--fs-15: 1rem;--fs-14: 0.9286rem;--fs-footer-nav-heading: 1.0714rem}}@media screen and (min-width: 1200px){:root{--fs-52: 3.25rem;--fs-38: 2.375rem;--fs-37: 2.3125rem;--fs-32: 2rem;--fs-30: 1.875rem;--fs-28: 1.75rem;--fs-25: 1.5625rem;--fs-24: 1.5rem;--fs-22: 1.375rem;--fs-20: 1.25rem;--fs-18: 1.125rem;--fs-17: 1.0625rem;--fs-15: 0.9375rem;--fs-14: 0.875rem;--fs-footer-nav-heading: 1.0625rem}}@media screen and (min-width: 1400px){:root{--fs-footer-nav-heading: 1.125rem}}:root{--br-10: 5px;--br-16: 8px;--br-20: 10px;--br-30: 15px;--br-40: 20px}@media screen and (min-width: 992px){:root{--br-10: 10px;--br-16: 16px;--br-20: 20px;--br-30: 30px;--br-40: 40px}}.ocean-going-sec01{padding-top:.625rem;padding-bottom:4.5714285714rem}@media screen and (min-width: 992px){.ocean-going-sec01{padding-top:5rem;padding-bottom:8.125rem}}.ocean-going-hero{max-width:82.4375rem;width:100%;margin:0 auto;position:relative;z-index:1}.ocean-going-hero__image{position:static;margin-bottom:1.875rem}@media screen and (min-width: 992px){.ocean-going-hero__image{position:absolute;top:50%;right:-25rem;transform:translateY(-50%);width:68.6875rem;margin-bottom:0rem}}@media screen and (min-width: 992px){.ocean-going-hero__copy{position:relative;margin:0;padding-left:1.5rem;max-width:36.5rem}}.ocean-going-hero__heading{display:inline-block;font-size:1.25rem;font-weight:700;color:var(--color-text-blue);margin-bottom:1.75rem;transform:translateX(0.625rem);position:relative;z-index:1}@media screen and (min-width: 992px){.ocean-going-hero__heading{transform:translateX(0)}}.ocean-going-hero__heading::before{content:"";position:absolute;top:-1.0625rem;left:-1.125rem;background-image:url(../images/common/fukidasi-white.svg);background-repeat:no-repeat;background-position:center;background-size:contain;width:9.25rem;height:4.875rem;z-index:-1}.ocean-going-hero__catch{margin:0 0 1.125rem;font-size:1.25rem;font-weight:700;line-height:1.4;letter-spacing:.04em;color:var(--color-basic)}@media screen and (min-width: 768px){.ocean-going-hero__catch{font-size:1.5rem}}@media screen and (min-width: 992px){.ocean-going-hero__catch{margin-bottom:1.125rem;font-size:1.75rem}}.ocean-going-hero__catch--pink{color:var(--color-pink);font-size:1.75rem;letter-spacing:.03em}@media screen and (min-width: 768px){.ocean-going-hero__catch--pink{font-size:2rem}}@media screen and (min-width: 992px){.ocean-going-hero__catch--pink{font-size:2.375rem}}.ocean-going-hero__catch--blue{color:var(--color-text-blue);font-size:1.75rem;letter-spacing:.03em}@media screen and (min-width: 768px){.ocean-going-hero__catch--blue{font-size:2rem}}@media screen and (min-width: 992px){.ocean-going-hero__catch--blue{font-size:2.375rem}}.ocean-going-hero__wave{display:inline-block;position:relative}.ocean-going-hero__wave::before{content:"";position:absolute;bottom:-0.3125rem;left:0;background-image:url(../images/common/text-wave2.svg);background-repeat:repeat;background-position:center;background-size:contain;width:100%;height:.5rem}.ocean-going-hero__lead{font-size:var(--fs-18);font-weight:500;line-height:1.8}.ocean-going-sec02__area{position:relative}.ocean-going-sec02__inner{padding:4.5714285714rem 0 7.0535714286rem}@media screen and (min-width: 992px){.ocean-going-sec02__inner{padding:7.1875rem 0 12.5rem}}.ocean-going-sec02-list{display:grid;grid-template-columns:1fr;column-gap:1.4285714286rem;row-gap:1.4285714286rem}@media screen and (min-width: 992px){.ocean-going-sec02-list{grid-template-columns:repeat(3, 1fr);column-gap:1.75rem}}.ocean-going-sec02-list__item{display:flex;flex-direction:column;align-items:center;height:100%;padding:1.2857142857rem;background:var(--color-white);border:2px solid var(--color-text-blue);border-radius:var(--br-16)}@media screen and (min-width: 992px){.ocean-going-sec02-list__item{padding:1.25rem}}.ocean-going-sec02-card__image-wrap{display:block;max-width:32.1428571429rem;width:100%;margin:0 auto 1rem}@media screen and (min-width: 992px){.ocean-going-sec02-card__image-wrap{max-width:auto}}.ocean-going-sec02-card__image-wrap img{width:100%}.ocean-going-sec02-card__ttl{margin-bottom:.5rem;font-size:var(--fs-20);font-weight:700;line-height:1.4;color:var(--color-text-blue)}.ocean-going-sec02-card__text{font-size:1rem;line-height:1.4}.ocean-going-sec02__bg01{position:absolute;top:12.5rem;right:-1.875rem;width:7rem;z-index:-1}@media screen and (min-width: 992px){.ocean-going-sec02__bg01{top:8.125rem;width:12.6875rem}}.ocean-going-sec02__bg02{position:absolute;top:42.4375rem;left:-1.875rem;width:7rem;z-index:-1}@media screen and (min-width: 992px){.ocean-going-sec02__bg02{top:66.875rem;width:12.6875rem}}.ocean-going-sec02__bg03{position:absolute;top:265rem;right:-1.875rem;width:7rem;z-index:-1}@media screen and (min-width: 992px){.ocean-going-sec02__bg03{top:114.9375rem;width:12.6875rem}}.ocean-going-sec02__bg04{position:absolute;top:28.125rem;left:-7.5625rem;width:22.5rem;z-index:-1}@media screen and (min-width: 992px){.ocean-going-sec02__bg04{top:42.5rem;width:33.75rem}}.ocean-going-sec02__bg05{position:absolute;top:250rem;right:-7.5625rem;width:22.5rem;z-index:-1}@media screen and (min-width: 992px){.ocean-going-sec02__bg05{top:105.625rem;width:33.75rem}}.ocean-going-sec03__area{position:relative;z-index:1}.ocean-going-sec03-list{display:grid;grid-template-columns:1fr;column-gap:1.4285714286rem;row-gap:1.4285714286rem}@media screen and (min-width: 992px){.ocean-going-sec03-list{grid-template-columns:repeat(4, 1fr);column-gap:1.5rem}}.ocean-going-sec03-list__item{height:100%;background:var(--color-white);border:2px solid var(--color-text-blue);border-radius:var(--br-16)}.ocean-going-sec03-list__link{display:flex;flex-direction:column;width:100%;height:100%;padding:1.2857142857rem}@media screen and (min-width: 992px){.ocean-going-sec03-list__link{padding:1.25rem}}.ocean-going-sec03-card__image-wrap{display:block;max-width:32.1428571429rem;width:100%;margin:0 auto 1.1428571429rem}@media screen and (min-width: 992px){.ocean-going-sec03-card__image-wrap{max-width:auto}}.ocean-going-sec03-card__image-wrap img{width:100%}.ocean-going-sec03-card__ttl{margin-bottom:.5rem;font-size:var(--fs-20);font-weight:700;line-height:1.4;color:var(--color-text-blue)}.ocean-going-sec03-card__text{font-size:1rem;line-height:1.4;color:var(--color-basic);margin-bottom:.5rem}.ocean-going-sec03-card__arrow{display:block;margin-top:auto;align-self:flex-end;position:relative}.ocean-going-sec03-card__arrow-orange{transition:all .3s}.ocean-going-sec03-list__link:hover .ocean-going-sec03-card__arrow-orange{opacity:0;transition:all .3s}.ocean-going-sec03-card__arrow-blue{position:absolute;top:0;right:0;opacity:0;transition:all .3s}.ocean-going-sec03-list__link:hover .ocean-going-sec03-card__arrow-blue{opacity:1;transition:all .3s}/*# sourceMappingURL=style-ocean-going-vessels.css.map */