@charset "UTF-8";
 @font-face {font-family: 'icomoon';src: url(//www.oil-terminal.co.jp/css/fonts/icomoon.eot?tj663n);src: url(//www.oil-terminal.co.jp/css/fonts/icomoon.eot?tj663n#iefix) format('embedded-opentype'),url(//www.oil-terminal.co.jp/css/fonts/icomoon.ttf?tj663n) format('truetype'),url(//www.oil-terminal.co.jp/css/fonts/icomoon.woff?tj663n) format('woff'),url(//www.oil-terminal.co.jp/css/fonts/icomoon.svg?tj663n#icomoon) format('svg');font-weight: 400;font-style: normal;font-display: block}
[class^="icon-"],[class*=" icon-"] {font-family: 'icomoon'!important;speak: never;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.icon-new-tab:before {content: "\ea7e"}  @font-face {font-display: swap;font-weight: 100;font-style: normal;font-family: 'Noto Sans JP';src: url(//www.oil-terminal.co.jp/fonts/NotoSansJP-Thin.woff2) format("woff2")}
@font-face {font-display: swap;font-weight: 300;font-style: normal;font-family: 'Noto Sans JP';src: url(//www.oil-terminal.co.jp/fonts/NotoSansJP-Light.woff2) format("woff2");}
@font-face {font-display: swap;font-weight: 400;font-style: normal;font-family: 'Noto Sans JP';src: url(//www.oil-terminal.co.jp/fonts/NotoSansJP-Regular.woff2) format("woff2");}
@font-face {font-display: swap;font-weight: 500;font-style: normal;font-family: 'Noto Sans JP';src: url(//www.oil-terminal.co.jp/fonts/NotoSansJP-Medium.woff2) format("woff2");}
@font-face {font-display: swap;font-weight: 700;font-style: normal;font-family: 'Noto Sans JP';src: url(//www.oil-terminal.co.jp/fonts/NotoSansJP-Bold.woff2) format("woff2");}  body {font-family: "Noto Sans JP",sans-serif}
body {font-weight: 400}
body {color: #333;background-color: #fff}
html {font-size: 16px}
a {text-decoration: none;color: inherit}
*,*::before,*::after {-webkit-box-sizing: border-box;box-sizing: border-box}
ul,ol {padding: 0}
body,h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd {margin: 0}
html {scroll-behavior: smooth}
body {min-height: 100vh;text-rendering: optimizeSpeed;line-height: 1.5}
ul,ol {list-style: none}
a:not([class]) {text-decoration-skip-ink: auto}
img {max-width: 100%;display: block;width: 100%;height: auto}
article>*+* {margin-top: 1em}
input,button,textarea,select {font: inherit}
input,button,select,textarea {-webkit-appearance: none;-moz-appearance: none;appearance: none;background: transparent;border: none;border-radius: 0;font: inherit;outline: none}
textarea {resize: vertical}
input[type=checkbox],input[type=radio] {display: none}
input[type=submit],input[type=button],label,button,select {cursor: pointer}
select::-ms-expand {display: none}
@media (max-width: 425px) {
html {font-size:3.7647058824vw}
}
@media screen and (min-width: 768px) {
html {font-size:1.4814814815vw}
a[href^="tel:"] {pointer-events:none}
}
@media (min-width: 1080px) {
html {font-size:16px}
}  .u-desktop {display: none}
.word {display: inline-block!important}
.center {text-align: center !important;}
.inner {width: 100%;padding-right: 25px;padding-left: 25px;margin-right: auto;margin-left: auto}
.section-area {padding: 90px 0 110px;padding: 5.625rem 0 6.875rem}
.section-area__area {background: #E7ECF0}
.section-area__flow {background: #E7ECF0}
.section-title {text-align: center;color: #174F70;position: relative;padding-bottom: 10px;padding-bottom: .625rem}
.section-title::after {content: "";display: block;position: absolute;bottom: -10px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 80px;width: 5rem;height: 6px;height: .375rem;background: #857463}
.section-title__en {font-size: 53px;font-size: 3.3125rem;font-weight: 700;line-height: 1;display: block}
.section-title__ja {font-size: 16px;font-size: 1rem;font-weight: 700;line-height: 1.4;display: block;margin-top: 9px;margin-top: .5625rem}
.section-title__ja::before,.section-title__ja::after {content: "-";margin: 0 8px;margin: 0 .5rem}
.photos_2cols {display: flex;justify-content: space-between;gap: 1.375rem;margin-top: 1.5rem}
.photos_2cols>* {width: 100%}
.photos_2cols figcaption {text-align: center;margin-top: .5rem}
.photos_2cols2 {display: flex;justify-content: space-between;gap: 1.375rem}
.photos_2cols2>* {width: 100%}
.photos_2cols2 img {margin-top: 1.5rem}
.hd_bold {font-weight: 700;font-size: 30px;font-size: 1.875rem;margin: 2rem 0 1rem}
.text_link {font-size: 14px;font-size: .875rem;color: #004D7E}
.text_link:hover {text-decoration: underline}
.text_link[target="_blank"]::after {content: "\ea7e";font-family: 'icomoon'}
.fit_iframe {max-width: 100%}
.list {font-size: 16px;font-weight: 500;line-height: 1.5;margin: 1.75em auto 0;display: flex;flex-direction: column;gap: 1em}
.list__item {position: relative;padding-left: 1.2em}
.list__item::before {content: "・";position: absolute;left: 0;color: #e84907}
.image {margin: 1.5625rem auto 0;text-align: center}
.image2 {margin: 1.5625rem auto 0;text-align: center}
.image2 img {width: auto;display: inline}
.image4__infobtn {width: 220px;position: absolute;bottom: 20px;right: 0}
.justify {text-align: justify !important;}
.mt0   {margin-top:   0px !important;}
.mt10  {margin-top:  10px !important;}
.mt20  {margin-top:  20px !important;}
.mt30  {margin-top:  30px !important;}
.mt40  {margin-top:  40px !important;}
.mt50  {margin-top:  50px !important;}
.mt60  {margin-top:  60px !important;}
.mt70  {margin-top:  70px !important;}
.mt80  {margin-top:  80px !important;}
.mt90  {margin-top:  90px !important;}
.mt100 {margin-top: 100px !important;}
.mt110 {margin-top: 110px !important;}
.mt120 {margin-top: 120px !important;}
.pt0   {padding-top:   0px !important;}
.pt10  {padding-top:  10px !important;}
.pt20  {padding-top:  20px !important;}
.pt30  {padding-top:  30px !important;}
.pt40  {padding-top:  40px !important;}
.pt50  {padding-top:  50px !important;}
.pt60  {padding-top:  60px !important;}
.pt70  {padding-top:  70px !important;}
.pt80  {padding-top:  80px !important;}
.pt90  {padding-top:  90px !important;}
.pt100 {padding-top: 100px !important;}
.pt110 {padding-top: 110px !important;}
.pt120 {padding-top: 120px !important;}
@media screen and (max-width: 1099px) {
.image4__infobtn {right:20px}
}
@media screen and (min-width: 768px) {
.u-desktop {display:block}
.u-mobile {display:none}
.inner {max-width:1130px;padding-right: 25px;padding-left: 25px}
.section-title__en {font-size:4.375rem}
.section-title__ja {font-size:1.3125rem}
}
@media screen and (max-width: 767px) {
.photos_2cols {flex-wrap: wrap}
.photos_2cols2 {flex-wrap: wrap}
}
@media screen and (max-width: 540px) {
.image4__infobtn {width:42%;bottom: 35px}
}
.underlayer-main-visual__section {margin-top: 95px;margin-top: 5.9375rem;position: relative}
.underlayer-main-visual__image {position: relative;width: 100%}
.underlayer-main-visual__image img {-o-object-fit: cover;object-fit: cover;height: 393px;height: 24.5625rem}
.underlayer-main-visual__image::after {content: "";position: absolute;width: 100%;height: 100%;background: #333;top: 0;left: 0;opacity: .2}
.underlayer-main-visual__body {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);text-align: center;width: 100%;padding: 0 1rem}
.underlayer-main-visual__subtitle {font-size: 20px;font-size: 1.25rem;font-weight: 300;line-height: 1;color: #fff}
.underlayer-main-visual__title {font-size: 54px;font-size: 3.375rem;font-weight: 500;line-height: 1.11;color: #fff;white-space: nowrap;margin-top: 15px;margin-top: .9375rem;white-space: normal}
.underlayer-main-visual__title--news {font-size: 44px;font-size: 2.75rem;line-height: 1}
.underlayer-top__items {margin-top: 50px;margin-top: 3.125rem;display: grid;grid-template-columns: repeat(1,1fr);gap: 10px 13px;gap: .625rem .8125rem}
.underlayer-top__item {display: block;border: 3px solid #174F70;border: .1875rem solid #174F70;position: relative}
.underlayer-top__image {width: 100%;position: relative;padding-top: 53.86%}
.underlayer-top__image::after {content: "";position: absolute;width: 100%;height: 100%;background: #fff;display: block;top: 0;left: 0;opacity: 0;-webkit-transition: opacity 0.3s;transition: opacity 0.3s}
.underlayer-top__image img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover}
.underlayer-top__body {position: absolute;text-align: center;bottom: 0;background-color: rgba(51,51,51,.7);width: 100%;padding: 0 15px;padding: 0 .9375rem;-webkit-transition: background-color 0.3s;transition: background-color 0.3s}
.underlayer-top__link {font-size: 26px;font-size: 1.625rem;font-weight: 300;line-height: 1.11538;color: #fff;padding: 14px 34px 14px 0;padding: .875rem 2.125rem .875rem 0;position: relative;display: inline-block;text-align: left}
.underlayer-top__link::after {content: "";position: absolute;border-right: 3px solid #fff;border-right: .1875rem solid #fff;border-top: 3px solid #fff;border-top: .1875rem solid #fff;width: 12px;width: .75rem;height: 12px;height: .75rem;top: 41%;right: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.underlayer__section {padding: 42px 0;padding: 2.625rem 0}
.underlayer__inner {max-width: 650px;max-width: 40.625rem}
.underlayer__heading1 {font-size: 36px;font-size: 2.25rem;font-weight: 500;line-height: 1.44444}
.underlayer__heading2 {font-size: 30px;font-size: 1.875rem;font-weight: 500;line-height: 1.46666;color: #174F70;margin-top: 50px;margin-top: 3.125rem}
.underlayer__heading3 {font-size: 28px;font-size: 1.75rem;font-weight: 500;line-height: 1.42857;color: #174F70;padding-left: 20px;padding-left: 1.25rem;position: relative;margin-top: 62px;margin-top: 3.875rem}
.underlayer__heading3::before {position: absolute;content: "";height: 103%;width: 4px;width: .25rem;background: #D0DBE5;left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%)}
.underlayer__heading4 {font-size: 1.5rem;margin-bottom: 1rem}
.underlayer__heading5 {font-size: 1.3rem;font-weight: 500;line-height: 1.42857;color: #174F70;padding-left: 1.5rem;position: relative;margin-top: 2rem;}
.underlayer__heading5::before {content: "・";position: absolute;left: 0;}
.area__items + .underlayer__heading5 {margin-top: 3rem;}
.underlayer__text1 {font-size: 18px;font-size: 1.125rem;font-weight: 500;line-height: 1.44444;margin-top: 30px;margin-top: 1.875rem}
.underlayer__text2 {font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1.75;margin-top: 17px;margin-top: 1.0625rem}
.underlayer__text3 {font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1.75;margin-top: 12px;margin-top: .75rem}
.underlayer__text4 {font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1.75;padding-left: 20px;padding-left: 1.25rem;position: relative}
.underlayer__text4::before {content: "";position: absolute;width: 7px;width: .4375rem;height: 7px;height: .4375rem;border-radius: 50%;background: #9E9FA1;top: 12px;top: .75rem;left: 0}
.underlayer__separation {background: #DFDFDF;height: 1px;width: 100%;margin-top: 60px;margin-top: 3.75rem;margin-bottom: 50px;margin-bottom: 3.125rem}
@media screen and (min-width: 768px) {
.underlayer-main-visual__section {margin-top:4.625rem}
.underlayer-main-visual__image img {height:32.875rem}
.underlayer-main-visual__body {top:56%}
.underlayer-main-visual__title--news {font-size:3.375rem;line-height: 1.11}
.underlayer-top__items {grid-template-columns:repeat(4,1fr)}
.underlayer-top__item:hover .underlayer-top__image::after {opacity:.2}
.underlayer-top__item:hover .underlayer-top__image::after {opacity:.2}
.underlayer-top__item:hover .underlayer-top__body {background-color:rgba(51,51,51,.5)}
.underlayer-top__link {font-size:1.125rem;line-height: 1.11111;padding: .625rem 1.5625rem .625rem 0}
.underlayer-top__link::after {border-right:.125rem solid #fff;border-top: .125rem solid #fff;width: .5625rem;height: .5625rem;top: 41%}
.underlayer__section {padding:4.75rem 0}
.underlayer__inner {max-width:70.625rem}
.underlayer__text1 {font-size:1rem;font-weight: 500;line-height: 1.75}
}
@media screen and (max-width: 767px) {
.sp_justify {text-align: justify !important;}
}  .header-top__link:not(:last-child) {margin-right: 20px;margin-right: 1.25rem}
.header-top__link a {font-size: 14px;font-size: .875rem;font-weight: 500;line-height: 1;color: #5a5a5a;padding-right: 10px;padding-right: .625rem;display: inline-block;position: relative}
.header-top__link a::after {content: "";position: absolute;border-right: 2px solid #5a5a5a;border-right: .125rem solid #5a5a5a;border-top: 2px solid #5a5a5a;border-top: .125rem solid #5a5a5a;width: 5px;width: .3125rem;height: 5px;height: .3125rem;top: 5px;top: .3125rem;right: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.header-top__right-bottom {display: flex;gap: 10px;align-items: center;margin-top: .2rem}
.header-top__mynavi {width: 7.2rem}
.header-top__right-bottom .header-top__jrlogo {margin: 0}
.header {position: fixed;z-index: 300;top: 0;left: 0;right: 0;width: 100%;height: 95px;height: 5.9375rem;background: #fff;-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s}
.header.is-open {top: -25px;top: -1.5625rem}
.header.is-up {top: -25px;top: -1.5625rem}
.header__inner {height: inherit}
.header__lists {position: relative}
.header-nav__item a:hover {background: #fff;color: #174F70}
.header-nav__item--company.is-hover {background: #fff;color: #174F70}
.header-tab {background: #fff;position: absolute;top: 74px;top: 4.625rem;left: 0;right: 0;opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;margin: 0 calc(50% - 50vw);width: 100vw;padding: 1.875rem calc(50vw - 50% - -1.5625rem) 3.25rem}
.header-tab.is-hover {opacity: 1;visibility: visible}
.header-tab__heading {font-size: 42px;font-size: 2.625rem;font-weight: 300;line-height: 1;color: #C5CFD5;position: relative}
.header-tab__heading::after {content: "";position: absolute;width: 80.5%;height: 1px;background: #C5CFD5;top: 50%;left: 198px;left: 12.375rem;display: block}
.header-tab__heading::first-letter {text-transform: uppercase}
.header-tab__items {display: grid;grid-template-columns: repeat(4,1fr);gap: 10px 13px;gap: .625rem .8125rem;margin-top: 26px;margin-top: 1.625rem}
.header-tab__item {display: block;border: 3px solid #174F70;border: .1875rem solid #174F70;position: relative}
.header-tab__item:hover .header-tab__image::after {opacity: .2}
.header-tab__item:hover .header-tab__title {background: rgba(51,51,51,.5)}
.header-tab__image {padding-top: 63.466%;position: relative}
.header-tab__image::after {content: "";position: absolute;width: 100%;height: 100%;background: #fff;display: block;top: 0;left: 0;opacity: 0;-webkit-transition: opacity 0.3s;transition: opacity 0.3s}
.header-tab__image img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover}
.header-tab__title {text-align: center;background: rgba(51,51,51,.7);position: absolute;bottom: 0;left: 0;width: 100%}
.header-tab__title p {font-size: 18px;font-size: 1.125rem;font-weight: 300;line-height: 1;color: #fff;padding: 10px 0;padding: .625rem 0;padding-right: 20px;padding-right: 1.25rem;position: relative;display: inline-block}
.header-tab__title p::after {content: "";position: absolute;border-right: 2px solid #fff;border-right: .125rem solid #fff;border-top: 2px solid #fff;border-top: .125rem solid #fff;width: 10px;width: .625rem;height: 10px;height: .625rem;top: 15px;top: .9375rem;right: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.header-tab__heading::after {left: 510px;left: 15.075rem;width: calc(100% - 15.075rem)}
[data-slug*="logistics"] .header-tab__heading::after {left: 510px;left: 32rem;width: calc(100% - 32rem)}
.header-tab__tweak1 {font-size: 0.9rem!important}
.header-top {height: inherit}
.header-top__jrlogo {width: 129px;width: 8.0625rem;margin-left: 7px;margin-left: .4375rem;margin-top: 4px;margin-top: .25rem}
.header-top__oillogo {width: 292px;width: 18.25rem;margin-top: 6px;margin-top: .375rem;margin-left: 4px;margin-left: .25rem}
.header-top__drawer {height: 70px;height: 4.375rem;width: 68px;width: 4.25rem;background: #C80910;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: fixed;top: 0;right: 0;-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s}
.header-top__drawer.is-up {top: 0}
.header-top__drawer.is-open {top: 0;background: #333;width: 68px;width: 4.25rem;height: 70px;height: 4.375rem}
.header-top__drawer {background: #174f70}
@media screen and (min-width: 1130px) {
.header-nav__item a {font-size:.9375rem}
}
@media screen and (min-width: 768px) {
.header-nav {height:4.625rem;background: rgba(23,79,112,.75);margin: 0 calc(50% - 50vw);width: 100vw;padding: 0 calc(50vw - 50%)}
.header-nav__items {height:inherit;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}
.header-nav__item {height:inherit;position: relative;text-align: center}
.header-nav__item::before {position:absolute;content: "";height: 3.875rem;width: .0625rem;background: #fff;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);left: 0}
.header-nav__item:last-of-type::after {position:absolute;content: "";height: 3.875rem;width: .0625rem;background: #fff;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);right: 0}
.header-nav__item a {height:inherit;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding: 0rem 2.2rem;line-height: 1;position: relative;font-size: 0.82rem;font-weight: 700;color: #fff;-webkit-transition: background 0.3s,color 0.3s;transition: background 0.3s,color 0.3s;white-space: nowrap}
.header-nav__item a span {display:inline-block;margin-bottom: .3125rem}
.header-top {display:-webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse}
.header-top__jrlogo {width:10.25rem;margin-left: auto;margin-top: .625rem}
.header-top__oillogo {margin:0}
.header-top__drawer {display:none}
.header-top__nav {display:-webkit-box;display: -ms-flexbox;display: flex;justify-content: flex-end}
.header-top__link a {-webkit-transition:border-bottom 0.5s;transition: border-bottom 0.5s;border-bottom: 1px solid transparent}
.header-top__link a:hover {border-bottom:1px solid #5a5a5a}
.header-top__mynavi {width:4.7rem}
.header-top__right-bottom {margin: .25rem 0 0 .4375rem}
.header {height:4.625rem}
.header.is-up {top:0}
.header__inner {max-width:70.625rem;padding: 0 1.5625rem;margin: auto}
}
@media ( max-width: 767px ) {
.header-top {padding: 0.3125rem;}
.header-top__right-bottom {margin: 0;height: 100%;align-items: center;}
.header-top__jrlogo {height: 100%;display: flex;align-items: center;}
.header-top__mynavi {height: 100%;}
.header-top__right {height: 40%;}
.header-top__oillogo {margin: 0.1rem 0 0;height: 58%;}
.header-top__oillogo img {height: 100%;width: auto;object-fit: contain;}
}
.drawer {padding-top: 74px;padding-top: 4.625rem}
.drawer__content {position: fixed;top: 0;right: 0;left: 0;width: 100%;height: 100%;background: #fff;z-index: 299;-webkit-transform: translateX(105%);transform: translateX(105%);-webkit-transition: -webkit-transform 0.5s ease 0s;transition: -webkit-transform 0.5s ease 0s;transition: transform 0.5s ease 0s;transition: transform 0.5s ease 0s,-webkit-transform 0.5s ease 0s}
.drawer__content.is-open {-webkit-transform: translateX(0);transform: translateX(0)}
.drawer__items {overflow: scroll;width: 100%;height: 100%}
.drawer__item {border-top: 1px solid #C5CFD5}
.drawer__item:last-child {border-bottom: 1px solid #C5CFD5;margin-bottom: 113px;margin-bottom: 7.0625rem}
.drawer__item a {width: 100%;padding: 30px 20px 30px 25px;padding: 1.875rem 1.25rem 1.875rem 1.5625rem;display: block;line-height: 1;font-size: 19px;font-size: 1.1875rem;font-weight: 700;color: #174F70;position: relative}
.drawer__item a::after {content: "";position: absolute;background: transparent url(//www.oil-terminal.co.jp/images/top/drawer-icon.svg) no-repeat center center/contain;height: 14px;width: 8px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);right: 30px;right: 1.875rem}
.drawer__item-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;border-top: 1px solid #C5CFD5}
.drawer__item-sub {width: 50%}
.drawer__item-sub--right {width: 47%}
.drawer__item-sub--left {width: 53%}
.drawer__item-sub--center {width: 100%}
.drawer__item-sub a {font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1;padding: 12px 20px 12px 25px;padding: .75rem 1.25rem .75rem 1.5625rem;display: block;position: relative}
.drawer__item-sub--left a {padding-right: 0}
.drawer__item-sub--right a {padding-left: 0}
.drawer__item-sub a::after {content: "";position: absolute;background: transparent url(//www.oil-terminal.co.jp/images/top/drawer-icon.svg) no-repeat center center/contain;height: 14px;width: 8px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);right: 30px;right: 1.875rem}  .footer__section {margin-top: 50px;margin-top: 3.125rem}
.footer__line {height: 6px;height: .375rem;width: 100%;background: #E7ECF0}
.footer__inner {max-width: 600px;max-width: 37.5rem}
.footer__menu {margin-top: 20px;margin-top: 1.25rem}
.footer__oillogo {width: 292px;width: 18.25rem;margin: auto}
.footer__jrlogo {width: 164px;width: 10.25rem;margin: 14px auto 0;margin: .875rem auto 0}
.footer__mynavilogo {width: 15rem;max-width: 160px;margin: 1.5rem auto 0}
.footer__ecologo {width: 4rem;margin: 1.5rem auto 0}
.footer__items {margin-top: 32px;margin-top: 2rem}
.footer__item {border-top: 1px solid #DFDFDF}
.footer__item a {padding: 25px 0;padding: 1.5625rem 0;font-size: 18px;font-size: 1.125rem;font-weight: 500;line-height: 1;padding-right: 10px;padding-right: .625rem;display: inline-block;position: relative}
.footer__item a::after {content: "";position: absolute;border-right: 2px solid #C80910;border-right: .125rem solid #C80910;border-top: 2px solid #C80910;border-top: .125rem solid #C80910;width: 5px;width: .3125rem;height: 5px;height: .3125rem;top: 32px;top: 2rem;right: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.footer__lists {border-bottom: 1px solid #DFDFDF;padding-bottom: 25px;padding-bottom: 1.5625rem}
.footer__list {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap}
.footer__underlayer {width: 50%}
.footer__underlayer a {font-size: 14px;font-size: .875rem;font-weight: 500;line-height: 1.25;padding: 0;display: inline-block}
.footer__copyright {margin-top: 24px;margin-top: 1.5rem;background: #174F70;text-align: center}
.footer__copyright p {font-size: 12px;font-size: .75rem;font-weight: 100;line-height: 1;color: #fff;padding: 10px 0;padding: .625rem 0}
.footer__menus {margin-left: auto;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;border-bottom: 1px solid #DFDFDF;margin-top: 32px;margin-top: 32px;margin-top: 2rem}
.footer__lists {width: 100%;padding: 0;border: none}
.footer__list {padding-bottom: 25px;padding-bottom: 25px;padding-bottom: 1.5625rem}
@media screen and (min-width: 768px) {
.footer__inner {max-width: 1130px}
.footer__menu {display:-webkit-box;display: -ms-flexbox;display: flex;margin-top: 2.5rem}
.footer__items {display:-webkit-box;display: -ms-flexbox;display: flex;margin-top: 0;margin-left: auto}
.footer__item {border:medium none currentColor;border: initial;padding: 0;margin-right: 2.8125rem}
.footer__item a {padding:.9375rem .9375rem .9375rem .9375rem}
.footer__item a::before {content:"";position: absolute;width: calc(100% - 1.875rem);height: 1px;bottom: .75rem;left: .9375rem;background-color: #333;opacity: 0;-webkit-transition: opacity 0.5s;transition: opacity 0.5s}
.footer__item a:hover::before {opacity:1}
.footer__item a::after {top:1.375rem}
.footer__lists {border:medium none currentColor;border: initial;padding: 0}
.footer__list {-webkit-box-orient:vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column}
.footer__underlayer {width:auto;width: initial}
.footer__underlayer a {padding:.4375rem .9375rem;position: relative}
.footer__underlayer a::after {content:"";position: absolute;width: calc(100% - 1.875rem);height: 1px;bottom: .3125rem;left: .9375rem;background-color: #333;opacity: 0;-webkit-transition: opacity 0.5s;transition: opacity 0.5s}
.footer__underlayer a:hover::after {opacity:1}
.footer__copyright {margin-top:3.75rem}
.footer__menus {margin-top:0;border: none}
.footer__lists {width: auto}
.footer__list {padding-bottom: 0}
}
@media (max-width: 480px) {
.footer__ecologo {width:5rem}
}  .main-visual__section {margin-top: 95px;margin-top: 5.9375rem}
.main-visual__inner {position: relative}
.main-visual__body1 {position: absolute;top: 20px;top: 1.25rem;left: 26px;left: 1.625rem}
.main-visual__body2 {position: absolute;top: 20px;top: 1.25rem;right: 26px;right: 1.625rem;text-align: right}
.main-visual__body3 {position: absolute;top: 20px;top: 1.25rem;right: 26px;right: 1.625rem;text-align: right}
.main-visual__body4 {position: absolute;top: 20px;top: 1.25rem;left: 26px;left: 1.625rem}
.main-visual__title1 {font-size: 26px;font-size: 1.625rem;font-weight: 700;line-height: 1.44117;color: #fff;text-shadow: 0 2px 6px #000;text-shadow: 0 .125rem .375rem #000}
.main-visual__title2 {font-size: 30px;font-weight: 700;color: #fff;text-shadow: 0 2px 6px #000;text-shadow: 0 .125rem .375rem #000;font-size: 2.1rem;text-align: left;line-height: 1.2}
.main-visual__title2 span {font-size: 1.6rem}
.main-visual__title3 {font-size: 30px;font-size: 1.875rem;font-weight: 700;line-height: 1.2;color: #174F70;text-shadow: 0 2px 6px #fff;text-shadow: 0 .125rem .375rem #fff;padding-top: 3px;padding-top: .1875rem}
.main-visual__title3 span {font-size: 23px;font-size: 1.4375rem;font-weight: 700;line-height: 1.47826;color: #174F70;text-shadow: 0 2px 6px #fff;text-shadow: 0 .125rem .375rem #fff}
.main-visual__title3,.main-visual__title3 span {color: #fff;text-shadow: 0 2px 6px #000;text-shadow: 0 .125rem .375rem #000}
.main-visual__title4 {font-size: 24px;font-weight: 700;line-height: 1.44117;color: #fff;text-shadow: 0 2px 6px #000;text-shadow: 0 .125rem .375rem #000}
.swiper-container {width: 100%;margin: 0}
.swiper-wrapper {width: 100%;margin: 0;background: transparent}
.swiper-slide {width: 100%}
.swiper-pagination {width: 100%;margin-top: -3px;margin-top: -.1875rem}
.swiper-pagination-bullet {background: #fff;opacity: .7;width: 12px;height: 12px}
.swiper-pagination-bullet-active {background: #174F70;opacity: 1}
@media screen and (min-width: 768px) {
.main-visual__section {margin-top:4.625rem;overflow-x: hidden}
.main-visual__inner {max-width:70.625rem;padding: 0 1.5625rem;margin: auto}
.main-visual__image1 {background:url(//www.oil-terminal.co.jp/images/top/pc_top_mv_1.jpg) no-repeat center center/cover;width: 100%;height: 48.5625rem}
.main-visual__image2 {background:url(//www.oil-terminal.co.jp/images/top/pc_top_mv_2.jpg) no-repeat center center/cover;width: 100%;height: 48.5625rem}
.main-visual__image3 {background:url(//www.oil-terminal.co.jp/images/top/pc_top_mv_3.jpg) no-repeat center center/cover;width: 100%;height: 48.5625rem}
.main-visual__image4 {position:relative;background: url(//www.oil-terminal.co.jp/images/top/pc_top_mv_5.png?20240226) no-repeat center center/cover;width: 100%;height: 48.5625rem}
.main-visual__body1 {position:absolute;top: calc(50% - 4rem);-webkit-transform: translateY(-50%);transform: translateY(-50%);left: 0}
.main-visual__body2 {position:absolute;top: calc(50% - -2.3125rem);-webkit-transform: translateY(-50%);transform: translateY(-50%);left: 1.5625rem;text-align: left}
.main-visual__body3 {position:absolute;top: calc(50% - -2.3125rem);-webkit-transform: translateY(-50%);transform: translateY(-50%);left: 1.5625rem;text-align: left}
.main-visual__body4 {position:absolute;top: calc(50% - 4rem);-webkit-transform: translateY(-50%);transform: translateY(-50%);left: 0}
.main-visual__title1 {font-size:3.5625rem;font-weight: 700;line-height: 1.43859}
.main-visual__title2 {font-size:3.5625rem;font-weight: 700;line-height: 1.43859}
.main-visual__title3 {font-size:3.5625rem;font-weight: 700;line-height: 1.2;color: #fff;text-shadow: 0 .125rem .375rem #000}
.main-visual__title3 span {font-size:2.625rem;font-weight: 700;line-height: 1.45238;color: #fff;text-shadow: 0 .125rem .375rem #000}
.main-visual__title4 {font-size:3.125rem;font-weight: 700;line-height: 1.43859}
.main-visual__image11 {width:100%;height: 48.5625rem}
.swiper__contents-bottom {margin:0 calc(50% - 50vw);width: 100vw;position: absolute;top: 0;left: 0;right: 0;z-index: 0}
.swiper-pagination {position:absolute;margin-top: .3125rem;margin-right: .1875rem;right: 22.5%}
.main-visual__image11,.main-visual__image1,.main-visual__image2,.main-visual__image3,.main-visual__image4 {height:37.5rem}
.main-visual__title1 {font-size: 3.125rem}
.main-visual__title2 {font-size: 3.125rem}
.main-visual__title3 {font-size: 3.125rem}
.main-visual__title4 {font-size: 3.125rem}
.main-visual__title2 span,.main-visual__title3 span {font-size: 2.25rem}
}
@media (max-width: 767px) {
.main-visual__image1 {background:url(//www.oil-terminal.co.jp/images/top/sp_top_mv_1.jpg) no-repeat center center/cover;width: 100%;height: 32.4375rem}
.main-visual__image2 {background:url(//www.oil-terminal.co.jp/images/top/sp_top_mv_2.jpg) no-repeat center center/cover;width: 100%;height: 32.4375rem}
.main-visual__image3 {background:url(//www.oil-terminal.co.jp/images/top/sp_top_mv_3.jpg) no-repeat center center/cover;width: 100%;height: 32.4375rem}
.main-visual__image4 {position:relative;background: url(//www.oil-terminal.co.jp/images/top/sp_top_mv_4-2.png) no-repeat center center/cover;width: 100%;height: 32.4375rem}
}  .fn {position: absolute;top: 44.375rem;right: 0;z-index: 1000;width: calc((100vw - 70.625rem - -50px) / 2 - -3px);padding-top: .625rem;overflow: hidden}
.fn-menu {background: #fff;box-shadow: 0 3px 6px rgba(0,0,0,.16);position: relative;padding: 1.0625rem .875rem 1.0625rem .8125rem;transition: .6s}
.fn-menu-head img {width: 20px}
.fn-menu-head svg,.fn-menu-head img {cursor: pointer;transition: .3s}
.fn-menu-head svg:hover,.fn-menu-head img:hover {opacity: .7}
.fn-menu-head {display: flex;align-items: center;gap: 10px}
.fn-menu-item a {display: block;font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1.25;padding: 10px 0;padding: .625rem 0;position: relative;padding-right: 20px;padding-right: 1.25rem}
.fn-menu-item a::after {content: "";position: absolute;border-right: 2px solid #C80910;border-right: .125rem solid #C80910;border-top: 2px solid #C80910;border-top: .125rem solid #C80910;width: 8px;width: .5rem;height: 8px;height: .5rem;top: 16px;top: 1rem;right: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.fn-menu-item {border-bottom: 1px solid #E7ECF0}
.fn-menu-item.current {opacity: .5;pointer-events: none}
.fn-menu-items {margin-top: 14px;margin-top: .875rem}
.fn-menu-main {height: max-content;transition: .6s;overflow: hidden;max-height: 100vh}
.fn-menu-smallbtn {opacity: 0;height: 0;overflow: hidden;cursor: pointer;transition: .6s}
.fn-menu::before {position: absolute;content: "";width: 3px;width: .1875rem;height: 100%;top: 0;left: 0;background: -webkit-gradient(linear,left top,left bottom,from(#0C7EA4),to(#004C7E));background: linear-gradient(to bottom,#0C7EA4 0%,#004C7E 100%)}
.fn-resdv {background: #195E8A;border-radius: .3125rem 0 0 .3125rem;-webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);display: block;margin-top: .8rem;padding: .6875rem 0 .6875rem 1rem;transition: .6s}
.fn-resdv-head {font-size: 1rem;font-weight: 500;line-height: 1.25;color: #fff}
.fn-resdv-main {max-height: 150px;transition: .6s;overflow: hidden}
.fn-resdv-mail>span {font-size: 15px;font-size: .9375rem;font-weight: 500;line-height: 1;margin-left: 6px;margin-left: .375rem}
.fn-resdv-mail {width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 5px 0 5px 5px;padding: .3125rem 0 .3125rem .3125rem;background: #fff;border-radius: .3125rem 0 0 .3125rem;margin-top: 8px;margin-top: .5rem}
.fn-resdv-smallbtn {font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1;color: #fff;cursor: pointer;opacity: 0;transition: .6s;max-height: 0;width: 1em;overflow: hidden}
.fn-resdv-tel>span {font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1;color: #C80910;margin-left: 6px;margin-left: .375rem}
.fn-resdv-tel img {width: 1.9375rem}
.fn-resdv-tel {width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 5px 0 5px 5px;padding: .3125rem 0 .3125rem .3125rem;background: #fff;border-radius: .3125rem 0 0 .3125rem;margin-top: 10px;margin-top: .625rem}
.fn.is-close .fn-menu {transform: translateX(calc(100% - 54px))}
.fn.is-close .fn-menu-main {opacity: 0;max-height: 0}
.fn.is-close .fn-menu-smallbtn {opacity: 1;height: 24px}
.fn.is-close .fn-resdv {transform: translateX(calc(100% - 54px))}
.fn.is-close .fn-resdv-main {max-height: 0;opacity: 0}
.fn.is-close .fn-resdv-smallbtn {opacity: 1;max-height: 150px}
.fn.is-fix {position: fixed;top: 150px;top: 9.375rem}
@media (max-width: 1630px) {
.fn {width:280px}
}
@media (max-width: 767px) {
.fn {display:none!important}
}
.submenu__inner {max-width: 625px;max-width: 39.0625rem;padding-left: 25px;padding-left: 1.5625rem;margin: auto}
.submenu-title {font-size: 24px;font-size: 1.5rem;font-weight: 300;line-height: 1;color: #174F70;margin-left: 28px;margin-left: 1.75rem}
.submenu__lists {overflow: hidden;padding: 0 0 6px 0;padding: 0 0 .375rem 0;margin-top: -11px;margin-top: -.6875rem}
.submenu__items {padding: 15px 25px 24px 26px;padding: .9375rem 1.5625rem 1.5rem 1.625rem;-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.16);box-shadow: 0 3px 6px rgba(0,0,0,.16);position: relative}
.submenu__items::before {position: absolute;content: "";width: 3px;width: .1875rem;height: 100%;top: 0;left: 0;background: -webkit-gradient(linear,left top,left bottom,from(#0C7EA4),to(#004C7E));background: linear-gradient(to bottom,#0C7EA4 0%,#004C7E 100%)}
.submenu__item {border-bottom: 1px solid #E7ECF0}
.submenu__item a {display: block;font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1;padding: 28px 0;padding: 1.75rem 0;position: relative}
.submenu__item a::after {content: "";position: absolute;border-right: 2px solid #C80910;border-right: .125rem solid #C80910;border-top: 2px solid #C80910;border-top: .125rem solid #C80910;width: 8px;width: .5rem;height: 8px;height: .5rem;top: 32px;top: 2rem;right: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg)}  .fn2 {position: fixed;right: 0;bottom: 0;width: 10.9375rem;background: #fff;z-index: 200;}
.fn2__close {position: absolute;top: 0;right: 0;--banner-size: 1.3rem;width: var(--banner-size);height: var(--banner-size);background: #224f71;border: 1px solid #fff;cursor: pointer;}
.fn2__close:hover {background: #1a649c;}
.fn2__close svg {position: absolute;top: 50%;left: 50%;translate: -50% -50%;}
@media (min-width: 768px) {
.fn2--hidden {opacity: 0;pointer-events: none;}
}
@media (max-width: 767px) {
body.home {padding-bottom: 5.774375rem;}
.fn2 {left: 0;width: auto;background: rgb(255 255 255 / 70%);}
.fn2 img {max-width: 26.5625rem;margin: auto;}
.fn2__close {display: none;}
}  .breadcrumbs__section {width: 100%;height: 34px;height: 2.125rem;background: #E7ECF0}
.breadcrumbs__list {display: -webkit-box;display: -ms-flexbox;display: flex;white-space: nowrap}
.breadcrumbs__item:first-child {margin-right: 7px;margin-right: .4375rem}
.breadcrumbs__item:first-child::after {content: "/";margin-left: 7px;margin-left: .4375rem;font-size: 11px;font-size: .6875rem}
.breadcrumbs__item a {font-size: 11px;font-size: .6875rem;font-weight: 300;line-height: 1;color: #1D1D1D;padding: 11px 0;padding: .6875rem 0;display: inline-block}
.breadcrumbs__item:not(:last-child) {margin-right: 7px;margin-right: 7px;margin-right: .4375rem}
.breadcrumbs__item:not(:last-child)::after {content: "/";margin-left: 7px;margin-left: 7px;margin-left: .4375rem;font-size: 11px;font-size: 11px;font-size: .6875rem}
@media screen and (max-width: 767px) {
.breadcrumbs__inner {overflow-x:scroll}
}  .about {margin-top: 56px;margin-top: 3.5rem}
.about__head {font-size: 30px;font-size: 1.875rem;font-weight: 500;line-height: 1.46666;color: #174F70;margin-top: 33px;margin-top: 2.0625rem}
.about__text1 {font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1.75}
.about__text2 {font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1.75;margin-top: 20px;margin-top: 1.25rem}
.about__text3 {font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1.75;margin-top: 28px;margin-top: 1.75rem}
.aboutus__tweak1 {font-size: 0.85rem!important;padding-top: .75rem;padding-bottom: .75rem}  .area {margin-top: 60px;margin-top: 3.75rem}
.area__head {font-size: 30px;font-size: 1.875rem;font-weight: 500;line-height: 1.46666;color: #174F70;text-align: center}
.area__items {margin-top: 29px;margin-top: 1.8125rem;display: grid;gap: 33px 31px;gap: 2.0625rem 1.9375rem}
.area__link {display: block;position: relative}
.area__image {padding-top: 65.7817%;position: relative}
.area__image::after {content: "";position: absolute;width: 100%;height: 100%;background: #BAECF8;display: block;top: 0;left: 0;opacity: .2;-webkit-transition: opacity 0.3s;transition: opacity 0.3s}
.area__image img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover}
.area__body {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);text-align: center}
.area__title {font-size: 22px;font-size: 1.375rem;font-weight: 700;line-height: 1.45454;color: #fff;white-space: nowrap;text-shadow: 0 3px 6px #00000029}
@media screen and (min-width: 768px) {
.area__items {grid-template-columns:repeat(3,1fr)}
.area__link:hover .area__image::after {opacity:0}
}  .banner {width: 850px;width: 53.125rem;max-width: 100%;margin: 55px auto 0;margin: 3.4375rem auto 0}  .button-more {font-size: 16px;font-size: 1rem;font-weight: 300;line-height: 1;background: -webkit-gradient(linear,left top,right top,from(#0c7ea4),to(#004c7e));background: linear-gradient(to right,#0c7ea4 0%,#004c7e 100%);padding: 2px 30px 7px 20px;padding: .125rem 1.875rem .4375rem 1.25rem;display: inline-block;text-align: center;color: #fff;position: relative;-webkit-transition: background 0.5s;transition: background 0.5s}
.button-more:hover {background: -webkit-gradient(linear,left top,right top,from(rgba(12,126,164,.7)),to(rgba(0,76,126,.7)));background: linear-gradient(to right,rgba(12,126,164,.7) 0%,rgba(0,76,126,.7) 100%)}
.button-more::after {content: "";position: absolute;border-right: 1.5px solid #fff;border-right: .09375rem solid #fff;border-top: 1.5px solid #fff;border-top: .09375rem solid #fff;width: 4px;width: .25rem;height: 4px;height: .25rem;top: 10px;top: .625rem;right: 20px;right: 1.25rem;-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.btn_red:hover {background: none;color: #ef5d1a!important}
@media (min-width: 769px) {
.btn_wrap {text-align:center;margin: 80px 0}
.btn_red {display: inline-block;background: #C80910;color: #fff!important;border: 2px solid #ef5d1a;text-decoration: none;font-size: 16px;font-weight: 700;text-align: center;width: 100%;line-height: 1.4;padding: 37px 0;border-radius: 200px;text-decoration: none!important;transition: .3s}
}
@media (max-width: 768px) {
.btn_wrap {text-align:center;margin: 40px 0}
.btn_red {display: inline-block;background: #C80910;color: #fff!important;text-decoration: none!important;font-size: 12px;font-weight: 700;text-align: center;width: 100%;line-height: 1.4;padding: 30px 20px;border-radius: 200px;transition: .3s}
}
@media (max-width: 374px) {
.btn_red {padding:15px}
}  .card1 {width: 100%;border: 1px solid #174F70;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column}
.card1__image {padding-top: 36%;position: relative}
.card1__image::after {content: "";position: absolute;width: 100%;height: 100%;background: #fff;display: block;top: 0;left: 0;opacity: 0;-webkit-transition: opacity 0.3s;transition: opacity 0.3s}
.card1__image img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover}
.card1__body {padding: 25px 20px 35px;padding: 1.5625rem 1.25rem 2.1875rem;background-color: #fff;text-align: center}
.card1__title {font-size: 24px;font-size: 1.5rem;font-weight: 700;line-height: 1;color: #174F70;padding-right: 25px;padding-right: 1.5625rem;display: inline-block;position: relative}
.card1__title::after {content: "";position: absolute;border-right: 3px solid #174F70;border-right: .1875rem solid #174F70;border-top: 3px solid #174F70;border-top: .1875rem solid #174F70;width: 12px;width: .75rem;height: 12px;height: .75rem;top: 7px;top: .4375rem;right: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.card1__text {font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1.444;margin-top: 25px;margin-top: 1.5625rem;text-align: left}
@media screen and (min-width: 768px) {
.card1:hover .card1__image::after {opacity:.2}
.card1__body {padding:1rem .75rem 1.75rem;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1}
.card1__title {font-size:1.0625rem;padding-right: .9375rem}
.card1__title::before {content:"";position: absolute;width: calc(100% - 0.9375rem);height: 1px;bottom: -.125rem;left: 0;background-color: #174F70;opacity: 0;-webkit-transition: opacity 0.5s;transition: opacity 0.5s}
.card1:hover .card1__title::before {opacity:1}
.card1__title::after {border-right:.125rem solid #174F70;border-top: .125rem solid #174F70;width: .5rem;height: .5rem;top: .3125rem}
.card1__text {font-size:.8125rem;line-height: 1.4615;margin-top: .75rem}
}
.card2 {width: 100%}
.card2__link {display: block;position: relative}
.card2__link::after {content: "";position: absolute;bottom: 4px;bottom: .25rem;right: 4px;right: .25rem;border-style: solid;border-width: 0 0 10px 10px;border-color: transparent transparent #fff transparent}
.card2__mask {width: 100%;height: 100%;background: #fff;-webkit-transition: opacity 0.3s;transition: opacity 0.3s}
.card2__image {padding-top: 63.466%;position: relative}
.card2__image::after {content: "";position: absolute;width: 100%;height: 100%;background: #BAECF8;display: block;top: 0;left: 0;opacity: .2}
.card2__image img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover}
.card2__body {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);text-align: center}
.card2__subtitle {font-size: 13px;font-size: .8125rem;font-weight: 400;line-height: 1;color: #fff}
.card2__title {font-size: 23px;font-size: 1.4375rem;font-weight: 700;line-height: 1;color: #fff;margin-top: 10px;margin-top: .625rem}
@media screen and (min-width: 768px) {
.card2__link:hover .card2__mask {opacity:.6}
.card2__title {font-size:1.375rem}
}  .chemical__text4 {margin-top: 30px;margin-top: 1.875rem}
.chemical__image {width: 100%;margin-top: 25px;margin-top: 1.5625rem}
.chemical__image2 {width: 80%;margin-top: 25px;margin-top: 1.5625rem;margin-left: auto;margin-right: auto}
.chemical__wrapper {margin-top: 25px;margin-top: 1.5625rem;display: grid;gap: 22px;gap: 1.375rem}
.chemical__wrapper .chemical__image {margin-top: 0}
@media screen and (min-width: 768px) {
.chemical__wrapper {grid-template-columns:repeat(2,1fr)}
}  .company__image {margin-top: 46px;margin-top: 2.875rem}
.company__body {margin-top: 30px;margin-top: 1.875rem}
.company__text {font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1.5;margin-top: 24px;margin-top: 1.5rem}
.company__wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: end;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-top: 50px;margin-top: 3.125rem}
.company__name1 {font-size: 14px;font-size: .875rem;font-weight: 500;line-height: 1;width: 123px;width: 7.6875rem}
.company__name2 {font-size: 24px;font-size: 1.5rem;font-weight: 500;line-height: 1}
@media screen and (min-width: 768px) {
.company__container {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}
.company__image {width:40.46296%;margin-left: 2.9375rem;margin-top: .5rem}
.company__body {width:55.18518%;margin-top: 0}
.company__text {line-height:1.75;margin-top: 1.75rem}
.company__text--top {margin-top:2.9375rem}
.company__wrapper {margin-top:4.375rem}
}  .contact-area__section {background: #E7ECF0;padding: 25px;padding: 1.5625rem;margin: 0 calc(50% - 50vw);width: 100vw;margin-top: 55px;margin-top: 3.4375rem;line-height: 1.27777}
.contact-area__heading {font-size: 36px;font-size: 2.25rem;font-weight: 500;line-height: 1.25;text-align: center;max-width: 600px;max-width: 37.5rem;margin: 0 auto}
.contact-area__text {font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1.75;margin-top: 25px;margin-top: 1.5625rem;text-align: center}
.contact-area__wrapper {margin: 30px auto 0;margin: 1.875rem auto 0;display: grid;gap: 17px;gap: 1.0625rem;max-width: 600px;max-width: 37.5rem}
.contact-area .banner {margin-top: 1rem}
@media screen and (min-width: 768px) {
.contact-area__section {padding:1.875rem 2.3125rem 2.3125rem 2.3125rem;width: 100%;max-width: none;max-width: initial;margin: 3.4375rem auto 0}
.contact-area__heading {max-width:none;max-width: initial}
.contact-area__text {margin-top:1.0625rem}
.contact-area__wrapper {gap:1.5rem;max-width: none;max-width: initial;grid-template-columns: repeat(2,1fr)}
}  .contact-form {margin-top: 30px;margin-top: 1.875rem}
.contact-form__item {padding: 22px 0 27px;padding: 1.375rem 0 1.6875rem;border-top: 1px solid #E6E6E6}
.contact-form__item:last-child {border-bottom: 1px solid #E6E6E6}
.contact-form__label {font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1.3125}
.contact-form__input {margin-top: 18px;margin-top: 1.125rem}
.contact-form__bg {background: #F4F4F4}
.contact-form__input [type=text],.contact-form__input [type=email],.contact-form__input [type=tel] {padding: 18px 20px;padding: 1.125rem 1.25rem;width: 100%;font-size: 18px;font-size: 1.125rem;font-weight: 500;line-height: 1.2777}
.contact-form__input [type="number"] {padding: 18px 20px;padding: 1.125rem 1.25rem;font-size: 18px;font-size: 1.125rem;font-weight: 500;line-height: 1.2777;background: #f4f4f4;margin-right: 1em;text-align: center}
.contact-form__input textarea {padding: 18px 20px;padding: 1.125rem 1.25rem;min-height: 224px;min-height: 14rem;width: 100%;font-size: 18px;font-size: 1.125rem;font-weight: 500;line-height: 1.2777;resize: none}
.contact-form__input select {display: block;width: 100%;height: 100%;padding: 1.125rem 1.25rem}
::-webkit-input-placeholder {color: #B7B6B6}
::-moz-placeholder {color: #B7B6B6}
::-ms-input-placeholder {color: #B7B6B6}
::placeholder {color: #B7B6B6}
.contact-form__input--confirmation [type=text],.contact-form__input--confirmation [type=email],.contact-form__input--confirmation [type=tel] {font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1.4375}
.contact-form__input--confirmation textarea {font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1.4375}
.contact-form__wrapper1 {text-align: center;margin-top: 13px;margin-top: .8125rem}
.contact-form__privacy {padding-right: 18px;padding-right: 1.125rem;display: inline-block;position: relative}
.contact-form__privacy::after {content: "";position: absolute;border-right: 1.5px solid #174F70;border-top: 1.5px solid #174F70;width: 6px;width: .375rem;height: 6px;height: .375rem;top: 20px;top: 1.25rem;right: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.contact-form__privacy::before {content: "";position: absolute;width: 95%;height: 1px;bottom: 13px;bottom: .8125rem;left: 0;background: transparent;-webkit-transition: background 0.3s;transition: background 0.3s}
.contact-form__privacy a {color: #174F70;font-size: 14px;font-size: .875rem;font-weight: 500;line-height: 1;display: inline-block;padding: 15px 0;padding: .9375rem 0}
.contact-form__return {padding-left: 18px;padding-left: 1.125rem;display: inline-block;position: relative}
.contact-form__return::after {content: "";position: absolute;border-left: 1.5px solid #174F70;border-bottom: 1.5px solid #174F70;width: 6px;width: .375rem;height: 6px;height: .375rem;top: 20px;top: 1.25rem;left: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.contact-form__return::before {content: "";position: absolute;width: 65%;height: 1px;bottom: 13px;bottom: .8125rem;left: 35%;background: transparent;-webkit-transition: background 0.3s;transition: background 0.3s}
.contact-form__return a {color: #174F70;font-size: 14px;font-size: .875rem;font-weight: 500;line-height: 1;display: inline-block;padding: 15px 0;padding: .9375rem 0}
.contact-form__return-top {padding-left: 18px;padding-left: 1.125rem;display: inline-block;position: relative}
.contact-form__return-top::after {content: "";position: absolute;border-left: 1.5px solid #174F70;border-bottom: 1.5px solid #174F70;width: 6px;width: .375rem;height: 6px;height: .375rem;top: 20px;top: 1.25rem;left: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.contact-form__return-top::before {content: "";position: absolute;width: 80%;height: 1px;bottom: 13px;bottom: .8125rem;left: 20%;background: transparent;-webkit-transition: background 0.3s;transition: background 0.3s}
.contact-form__return-top a {color: #174F70;font-size: 14px;font-size: .875rem;font-weight: 500;line-height: 1;display: inline-block;padding: 15px 0;padding: .9375rem 0}
.contact-form__wrapper2 {text-align: center;margin-top: 26px;margin-top: 1.625rem}
.contact-form__button {font-size: 15px;font-size: .9375rem;font-weight: 500;line-height: 1.06;color: #fff;background: -webkit-gradient(linear,left top,right top,from(#0c7ea4),to(#004c7e));background: linear-gradient(to right,#0c7ea4 0%,#004c7e 100%);display: inline-block;padding: 22px;padding: 1.375rem;width: 100%;-webkit-transition: opacity 0.3s;transition: opacity 0.3s}
.contact-form__wrapper3 {margin-top: 17px;margin-top: 1.0625rem}
.mw_wp_form_confirm .confirm_hidden {display: none!important}
.mw_wp_form_confirm .contact-form__bg {background: none}
.label-required::after {content: " [必須]";color: #B91C28}
.mw_wp_form .error {display: block;background: #ffe3e1;padding: 10px}
.mw_wp_form_confirm .label-required::after {content: none!important}
.mw_wp_form_confirm .contact-form__input {background: none!important}
.mw_wp_form_confirm .contact-form__label {margin-top: 0!important}
.mw_wp_form_confirm .contact-form__wrapper1 {display: none!important}
.contact-form__button[value=back] {background: none;color: #fff;color: #174F70;font-size: 14px;font-size: 14px;font-size: .875rem;font-weight: 500;line-height: 1;display: table;padding: 15px 14px;padding: 0 15px 16px;padding: 0 .9375rem 1rem;width: auto;position: relative;margin: 0 auto 24px;margin: 0 auto 1.5rem}
.contact-form__button[value=back]::before {content: "";position: absolute;border-left: 1.5px solid #174F70;border-bottom: 1.5px solid #174F70;width: 6px;width: 6px;width: .375rem;height: 6px;height: 6px;height: .375rem;top: 4px;top: 4px;top: .25rem;left: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.contact-form__button[value=back]:hover {text-decoration: underline}
.contact-form__input .mwform-tel-field input {background: #f4f4f4}
@media screen and (min-width: 768px) {
.contact-form__item {display:-webkit-box;display: -ms-flexbox;display: flex;padding: 1.875rem 0}
.contact-form__label {width:14.0625rem;margin-top: 1.1875rem}
.contact-form__input {width:calc(100% - 14.0625rem);margin-top: 0}
.contact-form__privacy:hover::before {background:#174F70}
.contact-form__return:hover::before {background:#174F70}
.contact-form__return-top:hover::before {background:#174F70}
.contact-form__button {width:30rem}
.contact-form__button:hover {opacity:.7}
}
@media screen and (max-width: 767px) {
.contact-form__input .mwform-tel-field input {width:calc((100% - 3em)/3)}
.contact-form__input .mwform-tel-field {display: block;width: 100%}
}  .contact-mail {width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;background: #fff;height: 109px;height: 6.8125rem}
.contact-mail__icon {width: 61px;width: 3.8125rem}
.contact-mail__body {text-align: left;margin-left: 15px;margin-left: .9375rem;width: 251px;width: 15.6875rem}
.contact-mail__text {text-align: left;line-height: 1}
.contact-mail__link {font-size: 28px;font-size: 1.75rem;font-weight: 500;line-height: 1;margin-top: 8px;margin-top: .5rem;padding-left: 20px;padding-left: 1.25rem}
.contact-tel {width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;background: #fff;height: 109px;height: 6.8125rem}
.contact-tel__icon {width: 61px;width: 3.8125rem;padding: 0 10px;padding: 0 .625rem}
.contact-tel__body {margin-left: 15px;margin-left: .9375rem}
.contact-tel__text {text-align: left;line-height: 1}
.contact-tel__link {font-size: 36px;font-size: 2.25rem;font-weight: 500;line-height: 1;margin: 8px 0;margin: .5rem 0;padding-left: 20px;padding-left: 1.25rem}
.recruit-contact__contact-tel_wrapper .contact-tel {justify-content: flex-start}
.recruit-contact__contact-tel_wrapper .contact-tel__link {padding-left: 0;margin: 0 0 .3em}
.recruit-contact__contact-tel_wrapper .contact-tel__body {margin-left: .5rem}
.recruit-contact__contact-tel_wrapper .contact-tel__icon {margin-top: .6rem}
.contact__title {font-size: 36px;font-size: 2.25rem;font-weight: 500;line-height: 1.44444;margin-top: 188px;margin-top: 11.75rem;margin-bottom: 51px;margin-bottom: 3.1875rem}
.contact__inner {max-width: 650px;max-width: 40.625rem}
.contact__section {padding: 76px 0 41px;padding: 4.75rem 0 2.5625rem}
.contact__text {font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1.75}
@media screen and (min-width: 768px) {
.contact-mail {max-width:30.625rem}
.contact-mail__body {margin-left:1.25rem;width: 17.6875rem}
.contact-mail__link {font-size:1.875rem}
.contact-tel {max-width:30.625rem}
.contact-tel__body {margin-left:1.25rem}
.contact-tel__link {font-size:2.5625rem}
.contact__inner {max-width:70.625rem}
}  .csr-esg__image1 {margin-top: 30px;margin-top: 1.875rem;width: 100%}
.csr-esg__image2 {margin-top: 30px;margin-top: 1.875rem;width: 100%}
.csr-esg__approach {margin-top: 17px;margin-top: 1.0625rem}
.csr-esg__approach-top-image {margin-top: 50px;margin-top: 3.125rem}
@media screen and (min-width: 768px) {
.csr-esg__image1 {margin-top:2.1875rem;margin-left: 1.375rem;min-width: 40.46296%}
.csr-esg__container {display:-webkit-box;display: -ms-flexbox;display: flex}
}  .customer-needs__image {width: 100%;margin-top: 25px;margin-top: 1.5625rem}  .drum-recycle__image1 {margin-top: 25px;margin-top: 1.5625rem}
.drum-recycle__image2 {margin: 50px auto 0;margin: 3.125rem auto 0;max-width: 910px;max-width: 56.875rem}
@media screen and (min-width: 768px) {
.drum-recycle__wrapper {display:-webkit-box;display: -ms-flexbox;display: flex}
.drum-recycle__image1 {margin-top:1.875rem;margin-left: 1.375rem;min-width: 40.46296%}
}  .entry {background: url(//www.oil-terminal.co.jp/images/recruit/recruit-entry.jpg) no-repeat center center/cover;padding: 78px 0 94px;padding: 4.875rem 0 5.875rem;position: relative}
.entry::before {content: "";position: absolute;width: 100%;height: 100%;background-color: rgba(51,51,51,.4);display: block;top: 0;left: 0}
.entry__inner {margin: auto;max-width: 650px;max-width: 40.625rem;padding: 0 25px;padding: 0 1.5625rem;position: relative}
.entry__title {font-size: 34px;font-size: 2.125rem;font-weight: 500;line-height: 1.44117;color: #fff;text-align: center}
.entry__text {font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1.75;color: #fff;text-align: center}
.entry__button {margin-top: 28px;margin-top: 1.75rem}
.entry__link {font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1.75;color: #fff;background-color: #C80910;padding: 33px 0;padding: 2.0625rem 0;width: 100%;display: inline-block;border-radius: 3.75rem;text-align: center;border: 1px solid #C80910;border: .0625rem solid #C80910;text-transform: uppercase;-webkit-transition: color 0.3s,background-color 0.3s;transition: color 0.3s,background-color 0.3s}
.entry--rec_contact {background: none;padding: 3rem 0;}
.entry--rec_contact::before {content: none!important}
.entry--rec_contact .entry__title {color: #333}
.entry--rec_contact .entry__link {background: #377193;border-color: #377193;}
.entry--rec_contact .entry__link:hover {background: #fff;color: #377193;}
@media screen and (min-width: 768px) {
.entry__inner {max-width:65.625rem;padding: 0 1.5625rem}
.entry__link:hover {background-color:#fff;color: #C80910}
}
@media ( max-width: 480px ) {
.entry--rec_contact .entry__link {font-size: clamp(0px, 4.2vw, 16px);}
}  .faq__heading {font-size: 36px;font-size: 2.25rem;font-weight: 500;line-height: 1.44444;margin-top: 60px;margin-top: 3.75rem;padding: 40px 0;padding: 2.5rem 0;border-top: 1px solid #DFDFDF;border-bottom: 1px solid #DFDFDF}
.faq {padding: 30px 0;padding: 1.875rem 0;border-bottom: 1px solid #DFDFDF}
.faq__question {font-size: 26px;font-size: 1.625rem;font-weight: 700;line-height: 1.42307;color: #174F70;padding-left: 35px;padding-left: 2.1875rem;position: relative}
.faq__question::before {content: "Q.";position: absolute;top: 2px;top: .125rem;left: 0;line-height: 1;font-weight: 900}
.faq__answer {font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1.75;margin-top: 14px;margin-top: .875rem;padding-left: 58px;padding-left: 3.625rem;position: relative}
.faq__answer::before {content: "A.";position: absolute;top: 4px;top: .25rem;left: 30px;left: 1.875rem;line-height: 1;font-size: 19px;font-size: 1.1875rem;color: #C80910;font-weight: 900}  .floating-button {position: absolute;top: 710px;top: 44.375rem;right: 0;z-index: 1000;overflow: hidden;padding-top: 10px;padding-top: .625rem;padding-bottom: 6px;padding-bottom: .375rem;-webkit-transition: position 0.5s ease 0s;transition: position 0.5s ease 0s;cursor: pointer}
.floating-button.is-open {display: none}
.floating-button.is-fix {position: fixed;top: 150px;top: 9.375rem}
.floating-button__icon {width: 54px;width: 3.375rem;height: 38px;height: 2.375rem;background: #fff;padding: 10px 18px;padding: .625rem 1.125rem;position: relative;-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.16);box-shadow: 0 3px 6px rgba(0,0,0,.16)}
.floating-button__icon::before {position: absolute;content: "";width: 3px;width: .1875rem;height: 100%;top: 0;left: 0;background: -webkit-gradient(linear,left top,left bottom,from(#0C7EA4),to(#004C7E));background: linear-gradient(to bottom,#0C7EA4 0%,#004C7E 100%)}
.floating-button__icon img {width: 19px;width: 1.1875rem}
.floating-menu__contents {position: absolute;top: 710px;top: 44.375rem;right: 0;z-index: 100;overflow: hidden;padding-bottom: 6px;padding-bottom: .375rem;width: 0;-webkit-transition: width 0.5s ease 0s;transition: width 0.5s ease 0s}
.floating-menu.is-open {width: 180px;width: 11.25rem}
.floating-menu.is-fix {position: fixed;top: 150px;top: 9.375rem}
.floating-menu__content {width: 180px;width: 11.25rem;background: rgba(255,255,255,.9);-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.16);box-shadow: 0 3px 6px rgba(0,0,0,.16);position: relative;padding: 17px 14px 17px 13px;padding: 1.0625rem .875rem 1.0625rem .8125rem}
.floating-menu__content::before {position: absolute;content: "";width: 3px;width: .1875rem;height: 100%;top: 0;left: 0;background: -webkit-gradient(linear,left top,left bottom,from(#0C7EA4),to(#004C7E));background: linear-gradient(to bottom,#0C7EA4 0%,#004C7E 100%)}
.floating-menu__top {display: -webkit-box;display: -ms-flexbox;display: flex;width: 153px;width: 9.5625rem;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
.floating-menu__button {display: inline-block;margin-left: 4px;margin-left: .25rem;margin-top: 7px;margin-top: .4375rem;cursor: pointer}
.floating-menu__button img {min-width: 19px;min-width: 1.1875rem}
.floating-menu__title {margin-left: 8px;margin-left: .5rem;font-size: 16px;font-size: 1rem;font-weight: 300;line-height: 1.16666;color: #174F70}
.floating-menu__items {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;margin-top: 14px;margin-top: .875rem;width: 153px;width: 9.5625rem}
.floating-menu__item {border-bottom: 1px solid #E7ECF0}
.floating-menu__item a {display: block;font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1.25;padding: 10px 0;padding: .625rem 0;position: relative;padding-right: 20px;padding-right: 1.25rem}
.floating-menu__item a::after {content: "";position: absolute;border-right: 2px solid #C80910;border-right: .125rem solid #C80910;border-top: 2px solid #C80910;border-top: .125rem solid #C80910;width: 8px;width: .5rem;height: 8px;height: .5rem;top: 16px;top: 1rem;right: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.floating-menu__item.current {opacity: .5;pointer-events: none}
@media screen and (min-width: 1920px) {
.floating-button__icon {width:26.25rem}
.floating-menu__contents {height:0;-webkit-transition: height 0.5s ease 0s;transition: height 0.5s ease 0s;top: 44.125rem}
.floating-menu.is-open {width:26.25rem;height: auto;height: initial}
.floating-menu__content {width:26.25rem}
}
@media screen and (min-width: 768px) {
.floating-menu__item a:hover {text-decoration:underline;text-underline-offset: 1px}
}  .flow__inner {margin: auto;max-width: 650px;max-width: 40.625rem;padding: 0 25px;padding: 0 1.5625rem}
.flow__heading {text-align: center;margin-top: 36px;margin-top: 2.25rem;font-size: 14px;font-size: .875rem;font-weight: 700;color: #666}
.flow__lists {margin-top: 30px;margin-top: 1.875rem;counter-reset: flow-counter;text-align: center}
.flow__list {border: 2px solid #174F70;position: relative;background: #fff;padding: 24px;padding: 1.5rem;counter-increment: flow-counter}
.flow__list:not(:first-child) {margin-top: 20px;margin-top: 1.25rem}
.flow__list::before {content: "STEP " counter(flow-counter);background: #174F70;color: #fff;font-size: 14px;font-size: .875rem;font-weight: 700;position: absolute;top: 0;left: 0;padding: 4px 15px;padding: .25rem .9375rem}
.flow__list:not(:last-child):after {content: "";display: block;position: absolute;bottom: -22px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);border: 10px solid transparent;border-top: 10px solid #174F70}
.flow__text {font-size: 18px;font-size: 1.125rem;font-weight: 700;color: #174F70;line-height: 1.4;display: table;margin: 0 auto}
.flow__link {display: table;margin: 0 auto;text-align: left}
.flow__link a {text-decoration: underline;opacity: 1;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;font-size: 14px;font-size: .875rem}
@media screen and (min-width: 768px) {
.flow__inner {max-width:65.625rem;padding: 0 1.5625rem}
.flow__heading {font-size:1.125rem;margin-top: 2.8125rem}
.flow__lists {margin-top:3.3125rem}
.flow__list {border:4px solid #174F70;padding: 1.8125rem 1.75rem}
.flow__list:not(:first-child) {margin-top:1.875rem}
.flow__list::before {font-size:1.125rem}
.flow__list:not(:last-child):after {bottom:-23px}
.flow__text {font-size:1.375rem}
.flow__link a {font-size:1rem}
.flow__link a:hover {opacity:.7}
}  .hamburger span {position: relative;display: block;width: 40px;width: 2.5rem;height: 2px;height: .125rem;background: #fff;-webkit-transition: ease 0.3s;transition: ease 0.3s}
.hamburger span:nth-child(1) {top: 0}
.hamburger span:nth-child(2) {margin: 11px 0;margin: .6875rem 0}
.hamburger span:nth-child(3) {top: 0}
.hamburger.is-open span:nth-child(1) {top: 13px;top: .8125rem;-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.hamburger.is-open span:nth-child(2) {opacity: 0}
.hamburger.is-open span:nth-child(3) {top: -13px;top: -.8125rem;-webkit-transform: rotate(-45deg);transform: rotate(-45deg)}  .interview {margin-top: 78px;margin-top: 4.875rem}
.interview__items {display: grid;gap: 33px 31px;gap: 2.0625rem 1.9375rem}
.interview__item {display: block;position: relative}
.interview__image {padding-top: 65.7817%;position: relative}
.interview__image::after {content: "";position: absolute;width: 100%;height: 100%;background: #fff;display: block;top: 0;left: 0;opacity: 0;-webkit-transition: opacity 0.3s;transition: opacity 0.3s}
.interview__image img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover}
.interview__body {position: absolute;text-align: center;bottom: 0;background-color: rgba(23,79,112,.7);width: 100%;padding: 10px 15px;padding: .625rem .9375rem;-webkit-transition: background-color 0.3s;transition: background-color 0.3s}
.interview__link {font-size: 22px;font-size: 1.375rem;font-weight: 700;line-height: 1.4;color: #fff;display: inline-block}
@media screen and (min-width: 768px) {
.interview__items {grid-template-columns:repeat(3,1fr)}
}
@media screen and (min-width: 768px) {
.interview__item:hover .interview__image::after {opacity:.2}
.interview__item:hover .interview__body {background-color: rgba(23,79,112,.5)}
}  .joint-delivery__image1 {margin-top: 25px;margin-top: 1.5625rem}
.joint-delivery__image2 {margin: 50px auto 0;margin: 3.125rem auto 0;max-width: 870px;max-width: 54.375rem}
.joint-delivery__image3 {max-width: 640px;max-width: 40rem;margin: 3rem auto}  .news-table {margin-top: 20px;margin-top: 1.25rem}
.news-table__body {border: 1px solid #DFDFDF;border-collapse: collapse;table-layout: fixed}
.news-table__row:not(:last-child) {border-bottom: 1px solid #DFDFDF}
.news-table__head {background: #F5F7F9;vertical-align: top;text-align: left;padding: 21px 19px;padding: 1.3125rem 1.1875rem;font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1.75;min-width: 116px;min-width: 7.25rem}
.news-table__data {padding: 21px 26px;padding: 1.3125rem 1.625rem;width: 100%;font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1.75}
.news__section {padding: 76px 0 55px;padding: 4.75rem 0 3.4375rem}
.news__items {border-top: 1px solid #E6E6E6;border-bottom: 1px solid #E6E6E6}
.news__item {padding: 25px 0;padding: 1.5625rem 0}
.news__item:not(:first-child) {border-top: 1px solid #E6E6E6}
.news__content {display: -webkit-box;display: -ms-flexbox;display: flex;margin-bottom: 40px;margin-bottom: 2.5rem}
.news__date {color: #9E9E9E;min-width: 140px;min-width: 8.75rem;font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1.75}
.news__lavel {font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1.75}
.news__lavel--company::after {content: "会社情報";width: 102px;width: 6.375rem;height: 24px;height: 1.5rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;line-height: 1;padding-bottom: 3px;padding-bottom: .1875rem;margin-top: 2px;margin-top: .125rem;border: 1px solid #174F70;color: #174F70}
.news__lavel--recruit::after {content: "採用情報";width: 102px;width: 6.375rem;height: 24px;height: 1.5rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;line-height: 1;padding-bottom: 3px;padding-bottom: .1875rem;margin-top: 2px;margin-top: .125rem;border: 1px solid #DF4700;color: #DF4700}
.news__wrapper {margin-top: -20px;margin-top: -1.25rem}
.news__text {font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1.75;margin-top: 20px;margin-top: 1.25rem}
.news__text a {-webkit-transition: opacity 0.3s;transition: opacity 0.3s}
.news__text--bold {font-weight: 700}
.news__text--link {color: #174F70;border-bottom: 1px solid #174F70}
.news__pdf::after {content: "";display: inline-block;width: 24px;width: 1.5rem;height: 24px;height: 1.5rem;background-image: url(//www.oil-terminal.co.jp/images/common/PDF_icon.png);background-size: contain;vertical-align: middle;margin-left: 5px;margin-left: .3125rem}
.news__heading1 {font-size: 36px;font-size: 2.25rem;font-weight: 500;line-height: 1.44444;margin-bottom: 31px;margin-bottom: 1.9375rem}
.news__heading2 {font-size: 18px;font-size: 1.125rem;font-weight: 900;line-height: 1.44444;margin-top: 20px;margin-top: 1.25rem}
.news__heading3 {font-size: 18px;font-size: 1.125rem;font-weight: 500;line-height: 1.44444;color: #174F70;margin-top: 20px;margin-top: 1.25rem}
.news__heading4 {font-size: 18px;font-size: 1.125rem;font-weight: 500;line-height: 1.44444;color: #174F70;padding-left: 20px;padding-left: 1.25rem;position: relative;margin-top: 20px;margin-top: 1.25rem}
.news__heading4::before {position: absolute;content: "";height: 40px;height: 2.5rem;width: 4px;width: .25rem;background: #D0DBE5;left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%)}
.news__heading5 {font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1.5;padding: 8px 10px;padding: .5rem .625rem;background: #EBECEE;margin-top: 20px;margin-top: 1.25rem}
.news__lavel {width: 102px;width: 6.375rem;height: 24px;height: 1.5rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;line-height: 1;padding-bottom: 3px;padding-bottom: 3px;padding-bottom: .1875rem;margin-top: 2px;margin-top: 2px;margin-top: .125rem;border: 1px solid}
.news__wrapper {margin-top: 0!important}
.news__wrapper h2:not(.org),.top-news__wrapper h2:not(.org) {font-size: 18px;font-size: 18px;font-size: 1.5rem;font-weight: 900;line-height: 1.44444;margin-top: 20px;margin-top: 20px;margin-top: 1.25rem}
.news__wrapper h3:not(.org),.top-news__wrapper h3:not(.org) {font-size: 18px;font-size: 18px;font-size: 1.125rem;font-weight: 500;line-height: 1.44444;color: #174F70;margin-top: 20px;margin-top: 20px;margin-top: 1.25rem}
.news__wrapper h4:not(.org),.top-news__wrapper h4:not(.org) {font-size: 18px;font-size: 18px;font-size: 1.125rem;font-weight: 500;line-height: 1.44444;color: #174F70;padding-left: 20px;padding-left: 20px;padding-left: 1.25rem;position: relative;margin-top: 20px;margin-top: 20px;margin-top: 1.25rem}
.news__wrapper h4:not(.org)::before,.top-news__wrapper h4:not(.org)::before {position: absolute;content: "";height: 40px;height: 40px;height: 2.5rem;width: 4px;width: 4px;width: .25rem;background: #D0DBE5;left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%)}
.news__wrapper h5:not(.org),.top-news__wrapper h5:not(.org) {font-size: 16px;font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1.5;padding: 8px 10px;padding: 8px 10px;padding: .5rem .625rem;background: #EBECEE;margin-top: 20px;margin-top: 20px;margin-top: 1.25rem}
.news__wrapper .news__text--bold+h2:not(.org),.news__wrapper .news__text--bold+h3:not(.org),.news__wrapper .news__text--bold+h4:not(.org),.news__wrapper .news__text--bold+h5:not(.org),.top-news__wrapper .top-news__text--bold+h2:not(.org),.top-news__wrapper .top-news__text--bold+h3:not(.org),.top-news__wrapper .top-news__text--bold+h4:not(.org),.top-news__wrapper .top-news__text--bold+h5:not(.org) {margin-top: 16px!important;margin-top: 1rem!important}
.wp-block-table {margin-top: 20px;margin-top: 20px;margin-top: 1.25rem}
.news__wrapper table,.top-news__wrapper table {border: 1px solid #DFDFDF;border-collapse: collapse;table-layout: fixed;width: auto}
.news__wrapper table tr:not(:last-child),.top-news__wrapper table tr:not(:last-child) {border-bottom: 1px solid #DFDFDF}
.news__wrapper table th,.top-news__wrapper table th {background: #F5F7F9;vertical-align: top;text-align: left;padding: 21px 19px;padding: 21px 19px;padding: 1.3125rem 1.1875rem;font-size: 16px;font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1.75;min-width: 116px;min-width: 116px;min-width: 7.25rem;border: none}
.news__wrapper table td,.top-news__wrapper table td {padding: 21px 26px;padding: 21px 26px;padding: 1.3125rem 1.625rem;width: 100%;font-size: 16px;font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1.75;border: none}
.news__wrapper .wp-block-image,.top-news__wrapper .wp-block-image {margin-top: 1em!important}
@media screen and (min-width: 768px) {
.news-table__head {min-width:9.3125rem}
.news__contents {display:-webkit-box;display: -ms-flexbox;display: flex}
.news__content {margin-bottom:0}
.news__wrapper {margin-left:1.9375rem}
.news__text a:hover {opacity:.6}
.news__wrapper table th,.top-news__wrapper table th {min-width: 9.3125rem}
}  .office__map {width: 100%;margin-top: 30px;margin-top: 1.875rem}
.office__image {width: 100%;margin-top: 25px;margin-top: 1.5625rem}
@media screen and (min-width: 768px) {
.office__map {max-width:530px;margin: 1.875rem auto 0}
}  .order__image {width: 100%;max-width: 496px;max-width: 31rem;margin: 35px auto 0;margin: 2.1875rem auto 0}  .outline-history {margin-top: 35px;margin-top: 2.1875rem}
.outline-history__body {border: 1px solid #DFDFDF;border-collapse: collapse;table-layout: fixed}
.outline-history__row:not(:last-child) {border-bottom: 1px solid #DFDFDF}
.outline-history__head {border-right: 1px solid #DFDFDF;background: #F5F7F9;vertical-align: top;text-align: left;font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1.75;padding: 26px 15px;padding: 1.625rem .9375rem;min-width: 85px;min-width: 5.3125rem}
.outline-history__data1 {background: #F5F7F9;vertical-align: top;font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1.75;padding: 26px 15px;padding: 1.625rem .9375rem;min-width: 100px;min-width: 6.25rem}
.outline-history__data2 {width: 100%;vertical-align: top;font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1.75;padding: 26px 15px;padding: 1.625rem .9375rem}
.outline-overview {margin-top: 35px;margin-top: 2.1875rem}
.outline-overview__body {border: 1px solid #DFDFDF;border-collapse: collapse;table-layout: fixed}
.outline-overview__row:not(:last-child) {border-bottom: 1px solid #DFDFDF}
.outline-overview__head {background: #F5F7F9;vertical-align: top;text-align: left;padding: 21px 19px;padding: 1.3125rem 1.1875rem;font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1.75;min-width: 116px;min-width: 7.25rem}
.outline-overview__data {padding: 21px 26px;padding: 1.3125rem 1.625rem;width: 100%;font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1.75}
.outline-overview__data--strong {font-size: 1.2rem;font-weight: 700}
.outline-overview__data strong {font-size: 1.1rem}
.outline-overview__data a {-webkit-transition: opacity 0.3s;transition: opacity 0.3s}
.outline-overview__data a:hover {opacity: .6}
.outline-overview__accent {color: #174F70;position: relative;font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1.75;border-bottom: 1px solid #174F70}
.outline-overview__icon1::after {content: "";display: inline-block;width: 12px;width: .75rem;height: 12px;height: .75rem;background-image: url(//www.oil-terminal.co.jp/images/common/shareholders_icon.svg);background-size: contain;vertical-align: middle;margin-left: 5px;margin-left: .3125rem}
.outline-overview__icon2::after {content: "";display: inline-block;width: 24px;width: 1.5rem;height: 24px;height: 1.5rem;background-image: url(//www.oil-terminal.co.jp/images/common/PDF_icon.png);background-size: contain;vertical-align: middle;margin-left: 5px;margin-left: .3125rem}
.outline__organization {max-width: 330px;max-width: 20.625rem;margin: 25px auto 0;margin: 1.5625rem auto 0}
.outline__map {margin-top: 25px;margin-top: 1.5625rem;position: relative;width: 100%;height: 600px;height: 37.5rem}
.outline__map iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.outline__strong {font-size: 24px;font-size: 1.5rem;display: inline-block;margin-top: 18px;margin-top: 1.125rem}
.outline__movie {margin-top: 30px;margin-top: 1.875rem}
@media screen and (min-width: 768px) {
.outline-history__head {min-width:5.8125rem;padding: 1.625rem 1.1875rem}
.outline-history__data1 {min-width:8.3125rem;padding: 1.625rem 1.625rem}
.outline-history__data2 {padding:1.625rem 1rem}
.outline-overview__head {min-width:9.3125rem}
.outline__map {padding-top:56.57407%;height: 0}
}  .pagination {margin-top: 39px;margin-top: 2.4375rem}
.pagination__items {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}
.pagination__prev {font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1;display: inline-block;margin: 0 3px;margin: 0 .1875rem;position: relative;-webkit-transition: color 0.3s;transition: color 0.3s}
.pagination__prev::before {content: "≪";cursor: pointer}
.pagination__prev::after {content: "";position: absolute;width: calc(110% - 0.625rem);height: 1px;bottom: 2px;bottom: .125rem;left: 48%;-webkit-transform: translateX(-50%);transform: translateX(-50%);background: #333;-webkit-transition: background 0.3s;transition: background 0.3s}
.pagination__prev a {display: inline-block;padding: 5px;padding: .3125rem;-webkit-transition: color 0.1s;transition: color 0.1s}
.pagination__next {font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1;display: inline-block;margin: 0 3px;margin: 0 .1875rem;position: relative;-webkit-transition: color 0.3s;transition: color 0.3s}
.pagination__next::before {content: "";position: absolute;width: calc(110% - 0.625rem);height: 1px;bottom: 2px;bottom: .125rem;left: 52%;-webkit-transform: translateX(-50%);transform: translateX(-50%);background: #333;-webkit-transition: background 0.3s;transition: background 0.3s}
.pagination__next::after {content: "≫";cursor: pointer}
.pagination__next a {display: inline-block;padding: 5px;padding: .3125rem;-webkit-transition: color 0.1s;transition: color 0.1s}
.pagination__number {font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1;display: inline-block;margin: 0 3px;margin: 0 .1875rem}
.pagination__number a {display: inline-block;padding: 5px 8px;padding: .3125rem .5rem;-webkit-transition: color 0.3s;transition: color 0.3s}
.pagination__underline {position: relative}
.pagination__underline a::after {content: "";position: absolute;width: calc(100% - 0.625rem);height: 1px;bottom: 2px;bottom: .125rem;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);background: #333;-webkit-transition: background 0.3s;transition: background 0.3s}
.pagination__current {background: #E7ECF0}
.pagination__current a {pointer-events: none}
@media screen and (min-width: 768px) {
.pagination__prev:hover {color:#2F6D95}
.pagination__prev:hover::after {background:#2F6D95}
.pagination__next:hover {color:#2F6D95}
.pagination__next:hover::before {background:#2F6D95}
.pagination__next a:hover {color:#2F6D95}
.pagination__number a:hover {color:#2F6D95}
.pagination__underline a:hover::after {background:#2F6D95}
}  .partners-main-office {margin-top: 50px;margin-top: 3.125rem}
.partners-main-office__title {font-size: 28px;font-size: 1.75rem;font-weight: 500;line-height: 1.42857;color: #174F70;padding-left: 20px;padding-left: 1.25rem;position: relative}
.partners-main-office__title::before {position: absolute;content: "";height: 103%;width: 4px;width: .25rem;background: #D0DBE5;left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%)}
.partners-main-office__text {font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1.75;margin-top: 17px;margin-top: 1.0625rem}
.partners-main-office__text a {color: #174F70;border-bottom: 1px solid transparent;-webkit-transition: border 0.3s;transition: border 0.3s}
.partners-main-office__text a:hover {border-bottom: 1px solid #174F70}
.partners-main-office__image {margin-top: 25px;margin-top: 1.5625rem}
.partners-office {margin-top: 50px;margin-top: 3.125rem}
.partners-office__title {font-size: 28px;font-size: 1.75rem;font-weight: 500;line-height: 1.42857;color: #174F70;padding-left: 20px;padding-left: 1.25rem;position: relative}
.partners-office__title::before {position: absolute;content: "";height: 103%;width: 4px;width: .25rem;background: #D0DBE5;left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%)}
.partners-office__wrapper {margin-top: 30px;margin-top: 1.875rem}
.partners-office__subtitle {font-size: 24px;font-size: 1.5rem;font-weight: 500;line-height: 1;background: #EBECEE;padding: 14px 0 12px 10px;padding: .875rem 0 .75rem .625rem}
.partners-office__text {font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1.75;margin-top: 15px;margin-top: .9375rem}
.partners-office__image {margin-top: 25px;margin-top: 1.5625rem;width: 99px;width: 6.1875rem}
.partners__container {margin-top: 25px;margin-top: 1.5625rem;display: grid;grid-template-columns: repeat(1,1fr);gap: 11px;gap: .6875rem}
@media screen and (min-width: 768px) {
.partners-main-office__image {width:28%;margin-top: 0}
.partners__container {grid-template-columns:repeat(2,1fr);gap: 1.375rem}
}  .pipeline__image1 {max-width: 960px;max-width: 60rem;margin: 30px auto 0;margin: 1.875rem auto 0}
.pipeline__image2 {max-width: 800px;max-width: 50rem;margin: 30px auto 0;margin: 1.875rem auto 0}
.pipeline__image3 {margin: 30px auto 0;margin: 1.875rem auto 0}
.pipeline__image4 {width: 100%;margin: 30px auto 0;margin: 1.875rem auto 0}  .pumping__image1 {margin-top: 25px;margin-top: 1.5625rem}
.pumping__image2 {margin: 50px auto 0;margin: 3.125rem auto 0;max-width: 539px;max-width: 33.6875rem}
@media screen and (min-width: 768px) {
.pumping__wrapper {display:-webkit-box;display: -ms-flexbox;display: flex}
.pumping__image1 {margin-top:1.875rem;margin-left: 1.375rem;min-width: 40.46296%}
}  .recruit-top__heading {font-size: 36px;font-size: 2.25rem;font-weight: 500;line-height: 1.44444;margin-top: 78px;margin-top: 4.875rem}
.rec_banner_box {background: #FBFBFB;padding: 2rem 2rem;margin-top: 3.75rem;display: flex;justify-content: space-around;gap: 1em;}
.rec_banner_box_item {max-width: 438px}
.rec_banner_box_item p {text-align: center;margin-bottom: 1%}
.rec_banner_box_item img {max-width: 438px}
.rec_contact_btn__inner {margin: auto}
.rec_contact_btn {display: inline-block;background: #377193;color: #fff!important;border: 2px solid #377193;font-size: 16px;font-weight: 700;text-align: center;width: 100%;line-height: 1.4;padding: 37px 0;border-radius: 200px;text-decoration: none!important;transition: .3s}
.rec_contact_btn:hover {background: none;color: #377193!important}
@media screen and (max-width: 1000px) {
.rec_banner_box_item {margin:auto}
}
@media screen and (min-width: 769px) {
.rec_contact_btn__wrapper {margin: 80px 0;}
}
@media screen and (max-width: 768px) {
.rec_contact_btn__wrapper {margin:40px 0}
.rec_contact_btn__inner {width: auto}
.rec_contact_btn {font-size: 12px;padding: 30px 20px;}
}
@media screen and (max-width: 767px) {
.rec_banner_box_mynavi {margin-bottom:5%}
.rec_banner_box {display: inherit}
.rec_banner_box_item + .rec_banner_box_item {margin-top: 20px;}
}
@media screen and (max-width: 374px) {
.rec_contact_btn {padding:15px}
}  .safety__image1 {max-width: 622px;max-width: 38.875rem;margin: 25px auto 0;margin: 1.5625rem auto 0}
.safety__image2 {margin-top: 25px;margin-top: 1.5625rem}
.safety__image3 {max-width: 273px;max-width: 17.0625rem;margin: 25px auto 0;margin: 1.5625rem auto 0}
.safety__image4 {width: 100%;margin-top: 25px;margin-top: 1.5625rem}
.safety__image5 {max-width: 40.46296%;min-width: 40.46296%;margin-top: 1.0625rem}
.safety__wrapper2 {display: flex;gap: 2rem;margin: 3rem 0 3rem;flex-direction: row-reverse}
@media screen and (min-width: 768px) {
.safety__wrapper {display:-webkit-box;display: -ms-flexbox;display: flex}
.safety__image2 {max-width:40.46296%;min-width: 40.46296%;margin-top: 1.0625rem;margin-left: 1.375rem}
}
@media screen and (max-width: 767px) {
.safety__wrapper2 {display:block}
.safety__image5 {max-width: none}
}  .sidebar-contact-button {width: 54px;width: 3.375rem;height: 162px;height: 10.125rem;background: #195E8A;border-radius: .3125rem 0 0 .3125rem;-webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);position: absolute;top: 773px;top: 48.3125rem;right: 0;z-index: 90;-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;display: none;cursor: pointer}
.sidebar-contact-button.is-open {display: none}
.sidebar-contact-button.is-fix {position: fixed;top: 213px;top: 13.3125rem}
.sidebar-contact-button__text {font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1;color: #fff}
.sidebar-contact {width: 180px;width: 11.25rem;padding: 11px 0 11px 16px;padding: .6875rem 0 .6875rem 1rem;background: #195E8A;border-radius: .3125rem 0 0 .3125rem;-webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);position: absolute;top: 773px;top: 48.3125rem;right: 0;z-index: 90;display: none}
.sidebar-contact {width: 180px;width: 11.25rem;background: #195E8A;border-radius: .3125rem 0 0 .3125rem;-webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);position: absolute;top: 773px;top: 48.3125rem;z-index: 95;display: none}
.sidebar-contact.is-open {display: block}
.sidebar-contact.is-fix {position: fixed;top: 213px;top: 13.3125rem}
.sidebar-contact__heading {font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1.25;color: #fff}
.sidebar-mail {width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 5px 0 5px 5px;padding: .3125rem 0 .3125rem .3125rem;background: #fff;border-radius: .3125rem 0 0 .3125rem;margin-top: 8px;margin-top: .5rem}
.sidebar-mail__icon {width: 31px;width: 1.9375rem}
.sidebar-mail__link {font-size: 15px;font-size: .9375rem;font-weight: 500;line-height: 1;margin-left: 6px;margin-left: .375rem}
.sidebar-tel {width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 5px 0 5px 5px;padding: .3125rem 0 .3125rem .3125rem;background: #fff;border-radius: .3125rem 0 0 .3125rem;margin-top: 10px;margin-top: .625rem}
.sidebar-tel__icon {width: 31px;width: 1.9375rem}
.sidebar-tel__link {font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1;color: #C80910;margin-left: 6px;margin-left: .375rem}
@media screen and (min-width: 1920px) {
.sidebar-contact-button {display:none}
.sidebar-contact {width:26.25rem}
.sidebar-contact {width:26.25rem;display: block}
}
@media screen and (min-width: 768px) {
.sidebar-contact-button {display:-webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
.sidebar-contact {display:block}
}  .system__wrapper {display: grid;gap: 22px;gap: 1.375rem;margin-top: 25px;margin-top: 1.5625rem}
.system__text4 {margin-top: 17px;margin-top: 1.0625rem}
@media screen and (min-width: 768px) {
.system__wrapper {grid-template-columns:repeat(2,1fr)}
}  .top-about__section {background: #E7ECF0}
.top-about__inner {padding-top: 40px;padding-top: 2.5rem;padding-bottom: 54px;padding-bottom: 3.375rem;max-width: 450px;max-width: 28.125rem;margin: auto}
.top-about__content {text-align: center}
.top-about__catch {font-size: 18px;font-size: 1.125rem;font-weight: 500;line-height: 1.5555}
.top-about__items {margin-top: 40px;margin-top: 2.5rem;display: grid;gap: 20px;gap: 1.25rem}
@media screen and (min-width: 768px) {
.top-about__inner {max-width:70.625rem;padding-bottom: 2.875rem}
.top-about__items {margin-top:2.8125rem;grid-template-columns: repeat(4,1fr)}
}
.top-news__section {margin-top: 50px;margin-top: 3.125rem;background: #E7ECF0;padding: 23px 0;padding: 1.4375rem 0}
.top-news__inner {max-width: 650px;max-width: 40.625rem}
.top-news__header {text-align: center;min-width: 255px;min-width: 15.9375rem}
.top-news__title {text-transform: uppercase;font-size: 32px;font-size: 2rem;font-weight: 700;line-height: 1}
.top-news__subtitle {font-size: 12px;font-size: .75rem;font-weight: 500;line-height: 1;margin-top: 10px;margin-top: .625rem}
.top-news__more {margin-top: 15px;margin-top: .9375rem}
.top-news__items {margin-top: 20px;margin-top: 1.25rem;background: #fff;padding: 9px 23px;padding: .5625rem 1.4375rem;width: 100%}
.top-news__item {padding: 14px 0;padding: .875rem 0}
.top-news__item:not(:first-child) {border-top: 1px solid #E6E6E6}
.top-news__content {display: -webkit-box;display: -ms-flexbox;display: flex;margin-bottom: 10px;margin-bottom: .625rem}
.top-news__date {color: #9E9E9E;min-width: 105px;min-width: 6.5625rem;font-size: 12px;font-size: .75rem;font-weight: 500;line-height: 1.75}
.top-news__lavel {font-size: 14px;font-size: .875rem;font-weight: 500;line-height: 1;margin-top: 2px;margin-top: .125rem}
.top-news__lavel--company::after {content: "会社情報";width: 81px;width: 5.0625rem;height: 20px;height: 1.25rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;line-height: 1;border: 1px solid #174F70;color: #174F70}
.top-news__lavel--recruit::after {content: "採用情報";width: 81px;width: 5.0625rem;height: 20px;height: 1.25rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;line-height: 1;border: 1px solid #DF4700;color: #DF4700}
.top-news__text {font-size: 14px;font-size: .875rem;font-weight: 500;line-height: 1.75}
.top-news__text a {-webkit-transition: opacity 0.3s;transition: opacity 0.3s}
.top-news__text--bold {font-weight: 700}
.top-news__text--link {color: #174F70;border-bottom: 1px solid #174F70}
.top-news__pdf::after {content: "";display: inline-block;width: 24px;width: 1.5rem;height: 24px;height: 1.5rem;background-image: url(//www.oil-terminal.co.jp/images/common/PDF_icon.png);background-size: contain;vertical-align: middle;margin-left: 5px;margin-left: .3125rem}
.top-news__new::after {content: "NEW!";color: #C80910;font-weight: 700;margin-left: 15px;margin-left: .9375rem}
.top-news__lavel {width: 81px;width: 81px;width: 5.0625rem;height: 20px;height: 20px;height: 1.25rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;line-height: 1;border: 1px solid}
.top-news__wrapper a>span,.news__wrapper a>span {color: #174F70;border-bottom: 1px solid #174F70}
.top-news__wrapper a:hover,.news__wrapper a:hover {opacity: .6}
.top-news__wrapper {font-size: 14px;font-size: 14px;font-size: .875rem;font-weight: 500;line-height: 1.75}
.top-news__wrapper a,.news__wrapper a {-webkit-transition: opacity 0.3s;transition: opacity 0.3s}
.top-news__wrapper a[href*=".pdf"]::after,.news__wrapper a[href*=".pdf"]::after {content: "";display: inline-block;width: 24px;width: 24px;width: 1.5rem;height: 24px;height: 24px;height: 1.5rem;background-image: url(//www.oil-terminal.co.jp/images/common/PDF_icon.png);background-size: contain;vertical-align: middle;margin-left: 5px;margin-left: 5px;margin-left: .3125rem}
.top-news__wrapper p,.news__wrapper p {margin: 1.75em 0}
.top-news__wrapper>:first-child,.news__wrapper>:first-child {margin-top: 0!important}
.top-news__wrapper>:last-child,.news__wrapper>:last-child {margin-bottom: 0!important}
p+.top-news__new:last-child,p+.news__new:last-child {display: block;margin-top: -1.75em}
.top-news__text--bold,.news__text--bold {margin-bottom: 0!important}
.top-news__text--bold+*,.news__text--bold+* {margin-top: 0!important}
@media screen and (min-width: 768px) {
.top-news__inner {max-width:70.625rem;display: -webkit-box;display: -ms-flexbox;display: flex}
.top-news__items {width:calc(100% - 15.9375rem);margin-top: 0}
.top-news__contents {display:-webkit-box;display: -ms-flexbox;display: flex}
.top-news__content {margin-bottom:0}
.top-news__wrapper {margin-left:.9375rem}
.top-news__text a:hover {opacity:.6}
}
.top-service__section {margin-top: 50px;margin-top: 3.125rem;overflow-x: hidden}
.top-service__inner {max-width: 450px;max-width: 28.125rem;margin: auto}
.top-service__bg {position: relative;margin: 0 calc(50% - 50vw);width: 100vw}
.top-service__bg::before {content: "";position: absolute;width: 100%;height: 100%;background: #fff;display: block;top: 0;left: 0;opacity: .75}
.top-service__contents {position: relative;padding: 32px 25px 44px;padding: 2rem 1.5625rem 2.75rem;max-width: 450px;max-width: 28.125rem;margin: auto}
.top-service__body {text-align: center;padding: 22px 33px;padding: 1.375rem 2.0625rem;background: -webkit-gradient(linear,left top,right top,from(rgba(0,76,126,.7)),to(rgba(12,126,164,.7)));background: linear-gradient(to right,rgba(0,76,126,.7) 0%,rgba(12,126,164,.7) 100%)}
.top-service__title {font-size: 26px;font-size: 1.625rem;font-weight: 500;line-height: 1.5;color: #fff;white-space: nowrap}
.top-service__content {margin-top: 40px;margin-top: 2.5rem}
.top-service__text {font-size: 14px;font-size: .875rem;font-weight: 500;line-height: 2}
.top-service__text:not(:first-child) {margin-top: 3px;margin-top: .1875rem}
.top-service__items {margin-top: 50px;margin-top: 3.125rem;display: grid;gap: 20px;gap: 1.25rem}
@media screen and (min-width: 768px) {
.top-service__inner {max-width:70.625rem}
.top-service__bg {margin:0;width: 100%}
.top-service__bg {background:url(//www.oil-terminal.co.jp/images/top/pc_top_service.jpg) no-repeat center center/cover}
.top-service__contents {padding:2.5rem 1.5625rem 2.5rem;max-width: 57.6875rem}
.top-service__body {padding:.625rem 2.0625rem}
.top-service__text:not(:first-child) {margin-top:1.25rem}
.top-service__items {grid-template-columns:repeat(3,1fr);gap: .625rem}
}
@media screen and (max-width: 767px) {
.top-service__bg {background:url(//www.oil-terminal.co.jp/images/top/sp_top_service.jpg) no-repeat center center/cover}
}  .transhipment__image {margin-top: 25px;margin-top: 1.5625rem;width: 100%}  .warehouse-kind {display: none}
.warehouse-kind__wrapper {margin-top: 33px;margin-top: 2.0625rem;display: -webkit-box;display: -ms-flexbox;display: flex}
.warehouse-kind__sp {width: 272px;width: 17rem;min-height: 523px;min-height: 32.6875rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;margin: auto;border: 1px solid #DFDFDF}
.warehouse-kind__pc {width: 272px;width: 17rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;border: 1px solid #DFDFDF}
.warehouse-kind__pc:not(:first-of-type) {margin-left: -1px;margin-left: -.0625rem}
.warehouse-kind__title {font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1;color: #fff;padding: 30px 0;padding: 1.875rem 0;background: #767676;text-align: center;border-bottom: 1px solid #DFDFDF}
.warehouse-kind__list {padding: 14px 22px 21px;padding: .875rem 1.375rem 1.3125rem}
.warehouse-kind__item {font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1.75;padding-left: 10px;padding-left: .625rem;position: relative}
.warehouse-kind__item::before {content: "";position: absolute;width: 3.6px;width: .225rem;height: 3.6px;height: .225rem;top: 13px;top: .8125rem;left: 0;background: #333;border-radius: 50%}
.warehouse-kind__image {margin-top: auto;display: -webkit-box;display: -ms-flexbox;display: flex;padding: 0 17px 24px;padding: 0 1.0625rem 1.5rem}
.swiper__warehouse {margin-top: 33px;margin-top: 2.0625rem}
.swiper-pagination-warehouse {width: 100%;text-align: center}
.swiper-pagination-warehouse .swiper-pagination-bullet {background: #999;opacity: .3;width: 12px;height: 12px}
.swiper-pagination-warehouse .swiper-pagination-bullet-active {background: #174F70;opacity: 1}
.warehouse-packing__items {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-top: 13px;margin-top: .8125rem;margin-left: -13px;margin-left: -.8125rem}
.warehouse-packing__item {margin-left: 13px;margin-left: .8125rem;margin-top: 17px;margin-top: 1.0625rem;-ms-flex-negative: 0;flex-shrink: 0}
.warehouse-packing__item:nth-child(1) {width: 200px;width: 12.5rem}
.warehouse-packing__item:nth-child(2) {width: 200px;width: 12.5rem}
.warehouse-packing__item:nth-child(3) {width: 200px;width: 12.5rem}
.warehouse-packing__item:nth-child(4) {width: 288px;width: 18rem}
.warehouse-packing__item:nth-child(5) {width: 200px;width: 12.5rem}
.warehouse-packing__title {font-size: 16px;font-size: 1rem;font-weight: 500;line-height: 1.75;text-align: center}
.warehouse-packing__image {margin-top: 10px;margin-top: .625rem;border: 1px solid #DFDFDF}
.warehouse__top {font-size: 18px;font-size: 1.125rem;font-weight: 500;line-height: 1.44444}
.warehouse__image1 {margin-top: 25px;margin-top: 1.5625rem}
.warehouse__image2 {max-width: 870px;max-width: 54.375rem;margin: 40px auto 0;margin: 2.5rem auto 0}
.warehouse__image3 {max-width: 534px;max-width: 33.375rem;margin: 30px auto 0;margin: 1.875rem auto 0}
.warehouse__link {display: inline-block;margin-top: 20px;margin-top: 1.25rem;padding: 10px 0;padding: .625rem 0}
.warehouse__text {font-size: 18px;font-size: 1.125rem;font-weight: 500;line-height: 1;padding-right: 18px;padding-right: 1.125rem;display: inline-block;position: relative}
.warehouse__text::before {content: "";position: absolute;border-right: 2px solid #C80910;border-right: .125rem solid #C80910;border-top: 2px solid #C80910;border-top: .125rem solid #C80910;width: 7px;width: .4375rem;height: 7px;height: .4375rem;top: 33%;right: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.warehouse__flows {margin-top: 33px;margin-top: 2.0625rem;text-align: center}
.warehouse__flow {font-size: 20px;font-size: 1.25rem;font-weight: 500;line-height: 1;padding: 18px 0;padding: 1.125rem 0;border: 2px solid #174F70;position: relative}
.warehouse__flow:not(:first-child) {margin-top: 22px;margin-top: 1.375rem}
.warehouse__flow:nth-child(odd) {color: #174F70;background: #fff}
.warehouse__flow:nth-child(even) {color: #174F70;background: #E7ECF0}
.warehouse__flow:last-child {color: #fff;background: #174F70}
.warehouse__flow:not(:last-child)::after {content: "";position: absolute;width: 0;height: 0;border-style: solid;border-width: 9px 13px 0 13px;border-color: #174F70 transparent transparent transparent;top: calc(100% - -2px);left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%)}
.warehouse .partners-office__subtitle {margin-top: 6rem;margin-bottom: 1rem}
@media screen and (min-width: 768px) {
.warehouse-kind {display:block}
.warehouse__top {font-size:1rem;font-weight: 500;line-height: 1.75}
.warehouse__wrapper {display:-webkit-box;display: -ms-flexbox;display: flex}
.warehouse__image1 {margin-top:1.875rem;margin-left: 1.375rem;min-width: 40.46296%;max-width: 40.46296%}
}  .redbase .underlayer__heading1,.redbase .underlayer__heading1,.redbase .underlayer__heading2,.redbase .partners-main-office__title,.redbase .partners-office__title,.redbase .partners-main-office__text a,.redbase .floating-menu__title {color: #C41D21!important}
.redbase .underlayer__heading1 {font-weight: 700}
.redbase .partners-main-office__title::before,.redbase .partners-office__title::before {background: #C41D21!important}
.redbase .partners-main-office__text a:hover {border-bottom-color: #C41D21!important}
.redbase .contact-tel__icon path,.redbase .contact-mail__icon path {fill: #BF0001!important}
.redbase .floating-button__icon g,.redbase .floating-menu__button g {fill: #C41D21!important}
.redbase .floating-button__icon::before,.redbase .floating-menu__content::before,.redbase .sidebar-contact-button {background: #D00000!important}
.redbase .sidebar-contact {background: #C41D21!important}
.redbase .sidebar-mail__icon circle {fill: #333}
.redbase .partners-office__subtitle {background: #ffecec}
.box-red {border: 3px solid #C80910;background: #FBFBFB;padding: 3% 4% 1% 4%;margin-top: 3.75rem}
.box-red h2 {margin-top: 0;color: #C80910}  .greenbase .underlayer__heading2,.greenbase .partners-main-office__title,.greenbase .partners-office__title,.greenbase .partners-main-office__text a,.greenbase .floating-menu__title {color: #00ADA9!important}
.greenbase .partners-main-office__title::before,.greenbase .partners-office__title::before {background: #00ADA9!important}
.greenbase .partners-main-office__text a:hover {border-bottom-color: #00ADA9!important}
.greenbase .contact-tel__icon path,.greenbase .contact-mail__icon path {fill: #00ADA9!important}
.greenbase .floating-button__icon g,.greenbase .floating-menu__button g {fill: #00ADA9!important}
.greenbase .floating-button__icon::before,.greenbase .floating-menu__content::before,.greenbase .sidebar-contact-button {background: #00ADA9!important}
.greenbase .sidebar-contact {background: #00ADA9!important}
.greenbase .sidebar-mail__icon circle {fill: #333}  #place.loading {background: url(//www.oil-terminal.co.jp/images/common/loading.gif) center/contain no-repeat;opacity: .3;pointer-events: none}  .hokangaiyo {width: 100%;border-collapse: collapse;font-size: .9rem}
.hokangaiyo th {background: #f5f7f9}
.hokangaiyo td,.hokangaiyo th {border: 1px solid #dfdfdf;padding: 1rem;text-align: center}
.hokangaiyo caption {font-size: 1.4rem;text-align: left;margin-bottom: 1rem}  .niyaku {border-collapse: collapse}
.niyaku caption {font-size: 1.5rem;text-align: left;margin-bottom: 1rem}
.niyaku th,.niyaku td {border: 1px solid #dfdfdf;padding: 1rem;text-align: center}
.niyaku th {background: #f5f7f9}  .oss__image {margin: 0 auto 2rem}
.oss__image2 {margin-top: 2rem}
@media screen and (min-width: 768px) {
.oss__image {max-width:40%}
}  .lubricant__image1 {width: 56.4825%;margin: 3rem auto}
.lubricant_box {margin-top: 2.5rem;background: #FBFBFB;padding: 2rem}
.lubricant_box-head {color: #004D7E;font-size: 1.875rem;font-weight: 500;margin-bottom: 1rem}
.lubricant_box p {font-size: .875rem;margin-bottom: 2rem;color: #666}
.lubricant_box>*:last-child {margin-bottom: 0!important}
.underlayer-lubricant__image {max-width: 870px;max-width: 54.375rem;margin: 3.125rem auto 0}
@media screen and (max-width: 767px) {
.lubricant__image1 {max-width:640px;width: 90%}
}  .hd_syouhin {font-size: 1.5rem;background: #daeaf4;padding: .5rem 1rem;margin: 2rem auto 0}
.syouhins {border: 1px solid #daeaf4;padding: 1rem;display: flex;flex-wrap: wrap;gap: 2rem;font-size: 1.5rem}
.syouhins>li:not(.shouhins-nodesign) {background: #195e8a;color: #fff;border-radius: .5rem;padding: 1rem 2rem;text-align: center}
.shouhins-nodesign {display: flex;align-items: flex-end}
@media screen and (max-width: 767px) {
.syouhins>li {width:calc(50% - .5rem)}
.syouhins {gap: 1rem}
}  .box_staff {border: 3px solid #174F70;background: #FBFBFB;padding: 2rem 2rem;margin-top: 3.75rem}
.box_staff p {color: #333;margin: 1.2rem 0}
.box_staff h2 {font-size: 2rem;margin: 3rem auto .5rem}
.box_staff-name {font-size: 1.5rem;}
.box_staff>:first-child {margin-top: 0!important}
.box_staff>:last-child {margin-bottom: 0!important}
.box_staff h4 {color: #333;margin: 1rem 0 0}
.box_staff h4::before {content: "・"}
.box_staff h3 {margin: 4rem 0 0}
.box_staff h2+h3 {margin-top: 2rem}
.box_staff__inner {display: flex;flex-direction: row-reverse;gap: 30px}
.box_staff__img {flex-shrink: 0;width: 20%}
.box_staff__img img {object-fit: cover;width: 100%;height: auto;aspect-ratio: 1/1}
.box_staff__row {margin: 1.2rem 0;display: flex;gap: 1.5rem;text-align: justify;}
.box_staff__body > :first-child {margin-top: 0 !important;}
.box_staff__body > :last-child {margin-bottom: 0 !important;}
.box_staff__row--img_right {flex-direction: row-reverse;}
.box_staff__row .box_staff__img {width: 25%;}
.box_staff__leadcopy {font-size: 1.6rem;font-weight: bold;line-height: 1.4;}
.box_staff__leadcopy + .box_staff-name {font-size: 1.2rem;}
@media screen and ( max-width: 640px ) {
.box_staff__row {flex-direction: column;gap: 1.2rem;}
.box_staff__row .box_staff__img {width: auto;}
.box_staff__img img {aspect-ratio: 16/9;}
.box_staff__img--square img {max-width: 250px;margin: auto;aspect-ratio: 1/1;}
}
@media screen and (max-width: 480px) {
.box_staff__inner {flex-direction:column;gap: 0}
.box_staff__img {width: 120px;margin: 15px auto 0}
}  .senpai_photo {display: flex;justify-content: space-between;gap: 1.875rem;margin-top: 3rem}
.senpai_photo-r {flex-shrink: 0;width: 437px;width: 27.3125rem}
.senpai_photo-l>:first-child {margin-top: 0!important}
@media screen and (max-width: 767px) {
.senpai_photo-r {width: auto}
.senpai_photo {flex-direction: column}
}  .wp-block-lazyblock-jsonld-jigousyo,.wp-block-lazyblock-jsonld-honsya {display: none!important}  @media screen and (min-width: 1100px) {
.box__slide4__btn {width:1080px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);height: 600px}
}  .red {color: #C80910}
@media screen and (min-width: 768px) {
.sp {display:none}
}
@media screen and (max-width: 767px) {
.pc {display:none}
.sptable_wrapper {overflow-x:scroll}
.tbl_mobile1col tr>* {display:block;padding: .5rem 1rem}
}  .recruit_videos {--num: 2;--gap: 20px;display: flex;flex-wrap: wrap;gap: var(--gap);margin: 3.5rem auto 0;}
.recruit_videos__item {width: calc((100% + var(--gap)) / var(--num) - var(--gap));aspect-ratio: 16/9;position: relative;background: #eee;}
.recruit_videos__item--commin_soon {display: flex;justify-content: center;align-items: center;padding: 1.5rem;font-size: 2rem;text-align: center;color: #888;}
@media (max-width: 767px) {
.recruit_videos {--num: 1;}
}