<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* ======================================================
 * common_add.css
 * ------------------------------------------------------
 * Base
 * - Reset
 * Plugin
 * - colorbox
 * @media print, screen and (min-width: 768px)
 * - Override
 * - Common
 * - Parts
 * - Clearfix
 * PC Media Queries
 * @media only screen and (max-width: 767px)
 * - Override
 * - Common
 * - Parts
 * - Clearfix
 * SP Media Queries
 * Animation
 * Print
====================================================== */


/* ======================================================
 * Base
====================================================== */

  /* ----- font ----- */

  /* ----- transition ----- */

  /* -----  animation ----- */

/* ------------------------------------------------------
 * Reset
------------------------------------------------------ */


/* ======================================================
 * Plugin
====================================================== */
/* ------------------------------------------------------
 * colorbox
------------------------------------------------------ */
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered &amp; tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9;}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url(/img/cmn/plugin/colorbox/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(/img/cmn/plugin/colorbox/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(/img/cmn/plugin/colorbox/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(/img/cmn/plugin/colorbox/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}

/*
    Slick Base Style:
*/
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/* ======================================================
 * PC
====================================================== */
@media print, screen and (min-width: 768px) {
  /* ------------------------------------------------------
   * Override
  ------------------------------------------------------ */


  /* ------------------------------------------------------
   * Common
  ------------------------------------------------------ */
  /* ----- device ----- */
  .pc-hidden {
    display: none !important;
  }

  a[href*="tel:"] {
    display: inline-block;
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }

  /* ----- transition ----- */
  .search-input-keyword .input_button {
    transition: all .25s cubic-bezier(.4, 0, .2, 1);
  }
  .search-refine .refine_ref .refine_text::before,
  .search-refine .refine_ref .refine_text::after {
    transition: all .15s cubic-bezier(.4, 0, .2, 1);
  }
  .modal-contact #cboxClose {
    transition: background-color .25s cubic-bezier(.4,0,.2,1);
  }

  /* ----- form ----- */
  :placeholder-shown {
    color: #666!important;
  }
  ::-webkit-input-placeholder {
    color: #666!important; }
    /* Firefox 18- */
  ::-moz-placeholder {
      color: #666!important; opacity: 1; }
  /* IE 10+ */
  :-ms-input-placeholder {
      color: #666!important; }
  .search-input-layout input,
  .search-input-layout select,
  .search-input-layout textarea,
  .search-input-layout button {
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  
  /* ----- word-break ----- */
  .word-break {
    word-break: break-all!important;
  }

  /* ------------------------------------------------------
   * Parts
  ------------------------------------------------------ */
  /* ----- sidebar-contact ----- */
  .sidebar-contact .contact_modal {
    display: none;
  }

  /* ----- modal-contact ----- */
  #colorbox.modal-contact,
  .modal-contact #cboxWrapper {
    overflow: visible;
  }
  .modal-contact #cboxContent {
    margin-top: 0;
    background: #fff;
  }
  .modal-contact #cboxClose {
    display: block;
    position: absolute;
    top: -80px;
    right: 0;
    width: 80px;
    height: 80px;
    padding-top: 40px;
    background: #3f464f;
    color: #fff;
    font-size: 9px;
    text-indent: 0;
    outline: none;
  }
  .modal-contact #cboxClose:hover {
    background-color: #0a3190;
  }
  .modal-contact #cboxClose::before,
  .modal-contact #cboxClose::after {
    position: absolute;
    top: 30px;
    left: 50%;
    width: 32px;
    height: 2px;
    margin: 0 0 0 -16px;
    background-color: #ccc;
    content: "";
  }
  .modal-contact #cboxClose::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .modal-contact #cboxClose::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .modal-contact #cboxLoadedContent {
    padding: 50px 40px 60px;
    border: none;
  }

  /* ----- company-lead-contents ----- */
  .company-lead-contents {
    position: relative;
    margin-bottom: 1.5rem;
  }
  .company-lead-contents .lead_image {
    position: relative;
    z-index: 0;
  }
  .company-lead-contents .lead_image &gt; img {
    width: 100%;
  }
  .company-lead-contents .lead_box {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
  }
  .company-lead-contents .lead_text {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 616px;
    padding: 2.5625rem 45px;
    background: #0a3190;
    color: #fff;
    z-index: 1;
  }
  .company-lead-contents .lead_text::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #0a3190;
    transform: skewX(-30deg);
    transform-origin: right top;
    z-index: -1;
  }
  .company-lead-contents .lead_text &gt; :last-child {
    margin-bottom: 0;
  }
  .company-lead-contents .lead_text_main {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.6;
  }

  /* ----- search-input-layout ----- */
  .search-input-layout {
    margin-bottom: 1.5rem;
    padding: 29px 1rem;
    background: #eceff6;
  }
  .search-input-keyword {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 1.25rem;
    border-radius: 9999px;
    overflow: hidden;
  }
  .search-input-keyword .input_text {
    display: block;
    width: 920px;
    height: 60px;
    padding: 16px 16px 16px 26px;
    color: #333;
    font-size: 1.125rem;
  }
  .search-input-keyword .input_text:focus {
    outline: none;
  }
  .search-input-keyword .input_button {
    position: relative;
  }
  .search-input-keyword .input_button input {
    position: relative;
    display: block;
    width: 80px;
    height: 60px;
    background: #3f464f;
    white-space: nowrap;
    text-indent: -9999px;
    overflow: hidden;
    z-index: 0;
  }
  .search-input-keyword .input_button::before {
    content: "";
    display: block;
    position: absolute;
    top: 18px;
    left: 26px;
    width: 25px;
    height: 25px;
    background: url("/img/cmn/cmn_ico06.png") no-repeat;
    background-size: contain;
    z-index: 2;
  }
  .search-input-keyword .input_button:hover {
    opacity: .7;
  }
  .search-refine {
    display: -webkit-flex;
    display: flex;
    -ms-justify-content: center;
    justify-content: center;
    flex-flow: row nowrap;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
  }
  .search-refine .refine_title {
    min-width: 5em;
    margin-right: 7px;
    font-weight: bold;
  }
  .search-refine .refine_refs {
    display: -webkit-flex;
    display: flex;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-top: -.5rem;
    margin-right: -1rem;
  }
  .search-refine .refine_ref {
    position: relative;
    margin: .5rem 1rem 0 0;
    padding-right: 23px;
  }
  .search-refine .refine_ref::before {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    right: 0;
    width: 1px;
    height: 1rem;
    background: #cececf;
  }
  .search-refine .refine_ref:last-child {
    padding-right: 0;
  }
  .search-refine .refine_ref:last-child::before {
    display: none;
  }
  .search-refine .refine_ref input[type="checkbox"] {
    display: none;
  }
  .search-refine .refine_ref .refine_text {
    position: relative;
    margin-bottom: 0;
    padding-left: 24px;
    color: #0a3190;
    text-decoration: underline;
    cursor: pointer;
  }
  .search-refine .refine_ref .refine_text::before {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #dfdfdf;
    background: #fff;
  }
  .search-refine .refine_ref .refine_text::after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 5px;
    width: 8px;
    height: 12px;
    border: 2px solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: skewX(2.6deg) rotate(45deg);
    transform: skewX(2.6deg) rotate(45deg);
    opacity: 0;
  }
  .search-refine .refine_ref input[type="checkbox"]:checked + .refine_text::before {
    border-color: #0a3190;
    background-color: #0a3190;
  }
  .search-refine .refine_ref input[type="checkbox"]:checked + .refine_text::after {
    opacity: 1;
  }
  .search-refine .refine_ref .refine_text:hover {
    text-decoration: none;
  }
  
  /* ----- heading-lv2 link img----- */
  a.heading-lv2 h2 span.heading__label &gt; img {
    transition: all .3s cubic-bezier(.4,0,.2,1);
  }
  a.heading-lv2:hover h2 span.heading__label &gt; img {
    opacity: .7;
  }
  
  /* ----- company-philosophy-layout ----- */
  .company-philosophy-layout {
    margin-bottom: 3.75rem;
    padding: 30px 25px;
    background: #f8f8f8;
  }

  /* v2 */
  .company-philosophy-layout_v2 p {
    font-size: 1.125rem;
    line-height: 1.44;
  }
  .company-philosophy-layout_v2 .lead {
    font-size: 1.25rem;
    line-height: 1.5;
  }

  /* ----- philosophy-list ----- */
  .philosophy-list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .philosophy-list li {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: calc(50% - 50px);
    margin: 20px 0 0 100px;
  }
  .philosophy-list li:nth-child(-n+2) {
    margin-top: 0;
  }
  .philosophy-list li:nth-child(2n+1) {
    margin-left: 0;
  }
  .philosophy-list .list_mark {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    width: 150px;
    height: 150px;
    margin-right: 20px;
    border-radius: 50%;
    background: -webkit-linear-gradient( 90deg, rgb(26,0,93) 0%, rgb(142,196,0) 100%);
    background: -moz-linear-gradient( 90deg, rgb(26,0,93) 0%, rgb(142,196,0) 100%);
    background: -ms-linear-gradient( 90deg, rgb(26,0,93) 0%, rgb(142,196,0) 100%);
    background: linear-gradient( 90deg, rgb(26,0,93) 0%, rgb(142,196,0) 100%);
    font-size: 1.5rem;
    font-weight: bold;
    z-index: 0;
  }
  .philosophy-list .list_mark::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    border-radius: 50%;
    background: #fff;
    transform: translate(-50%,-50%);
    z-index: 1;
  }
  .philosophy-list .list_mark &gt; span {
    position: relative;
    z-index: 2;
  }
  .philosophy-list .list_text {
    width: calc(100% - 170px);
    font-size: 1.25rem;
    font-weight: bold;
  }

  /* ----- task-layout ----- */
  .task-layout {
    margin-bottom: 3.75rem;
    padding: 40px;
    background: #0a3190;
    color: #fff;
  }
  .task-layout .task_title {
    position: relative;
    display: inline-block;
    margin-bottom: 2rem;
    padding: 5px 0 2px 22px;
    background: #fff;
    font-size: 1.375rem;
    font-weight: bold;
    color: #0a3190;
  }
  .task-layout .task_title::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -24px;
    border-style: solid;
    border-width: 20px 12px;
    border-color: #fff transparent transparent #fff;
  }
  .task-layout .task_list li:last-child {
    margin-bottom: 0;
  }
  .task-layout .task_list li {
    position: relative;
    margin-bottom: 1.0625rem;
    padding-left: 36px;
    font-size: 1.125rem;
    font-weight: bold;
  }
  .task-layout .task_list li::before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 22px;
    height: 22px;
    border-radius: 2px;
    border: 2px solid #92b3ff;
  }
  .task-layout .task_list li::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 10px;
    width: 12px;
    height: 17px;
    border-radius: 2px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: skewX(2.6deg) rotate(45deg);
    transform: skewX(2.6deg) rotate(45deg);
  }

  /* ----- service-map-layout ----- */
  .service-map-layout {
    display: block;
    width: 100%;
    margin-bottom: 1.5rem;
    border: 1px solid #dadada;
  }
  .service-map-layout .map_image {
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .service-map-layout .map_image img {
    width: 100%;
    height: auto;
  }
  .service-map-layout .map_detail {
    display: block;
    width: 100%;
    padding: 29px;
    border-top: 1px solid #dadada;
  }
  .service-map-layout .map_list li {
    position: relative;
    padding-left: 28px;
  }
  .service-map-layout .map_list .list_mark {
    display: inline-block;
    position: absolute;
    top: 1px;
    left: 0;
    width: 1.25rem;
    height: 1.25rem;
    padding-top: 1px;
    border-radius: 50%;
    background: #e60012;
    color: #fff;
    font-size: .75rem;
    font-weight: bold;
    text-align: center;
    letter-spacing: -1px;
  }


  /* ----- service 3rd index ----- */
  .service-layout-main {
    width: 100%;
    margin-top: -65px;
    overflow: hidden;
  }
  .service-layout-hero {
    position: relative;
    min-height: 220px;
  }
  .service-layout-hero .container {
    position: relative;
  }
  .service-hero__text {
    padding-top: 60px;
  }
  .service-layout-hero--insurance .service-hero__text {
    padding-top: 40px;
  }
  .service-hero__head {
    position: relative;
    padding-left: 70px;
  }
  .service-hero__ico {
    position: absolute;
    z-index: 2;
    top: -8px;
    left: 0;
    width: 60px;
  }
  .service-hero__ico img {
    max-width: 100%;
    height: auto;
  }
  .service-hero__title {
    margin: 0 0 25px;
    font-size: 40px;
    font-weight: normal;
    line-height: 1.2;
  }
  .service-hero__subtitle {
    display: block;
    font-size: 26px;
  }
  .service-hero__lead {
    padding-left: 70px;
    max-width: 610px;
    font-size: 1.125rem;
    line-height: 1.44;
  }
  .service-hero__image {
    position: absolute;
    z-index: 2;
    right: -158px;
    top: 0;
  }
  .service-layout-point {
    overflow: hidden;
    background-color: #0a3190;
    color: #fff;
    padding: 0 30px;
  }
  .service-layout-point .container {
    position: relative;
    width: 1200px;
    padding: 50px 0;
  }
  .service-point__title {
    position: relative;
    margin: 0 0 30px;
    color: #0a3190;
    background-color: #fff;
    display: inline-block;
    padding: 5px 10px 5px 22px;
    font-size: 22px;
  }
  .service-point__title span {
    position: relative;
    z-index: 2;
  }
  .service-point__title:before {
    position: absolute;
    z-index: 1;
    top: 0;
    right: -11px;
    content: "";
    display: block;
    width: 25px;
    height: 100%;
    background-color: #fff;
    transform: skewX(-30deg);
  }
  .service-point__list &gt; li {
    position: relative;
    padding-left: 35px;
    font-size: 1.125rem;
    font-weight: bold;
  }
  .service-point__list &gt; li + li {
    margin-top: 18px;
  }
  .service-point__list &gt; li:before {
    position: absolute;
    top: 0.1em;
    left: 0;
    content: "";
    display: block;
    background: url(/img/cmn/cmn_ico11.png) 0 0 no-repeat;
    background-size: contain;
    width: 27px;
    height: 22px;
  }
  .service-point-pamphlet {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 5;
    background-color: #fff;
    width: 296px;
    padding: 14px 35px 14px 95px;
    display: block;
    transition: ease border-bottom-width 0.3s;
    border-bottom: 0px solid #fff;
  }
  .service-point-pamphlet.service-point-pamphlet--landscape {
    padding-left: 130px;
    width: 334px;
  }
  .service-point-pamphlet:hover {
    border-bottom-width: 10px;
  }
  .service-point-pamphlet::after {
    speak: none;
    -webkit-font-smoothing: antialiased;
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    width: auto;
    height: auto;
    transform: translateY(-50%);
    color: #e60012;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    vertical-align: middle;
    content: "";
    font-family: webicon !important;
    background: none;
    font-feature-settings: normal;
    font-variant: normal;
  }
  .service-point-pamphlet__txt {
    font-weight: bold;
  }
  .service-point-pamphlet:hover .service-point-pamphlet__txt {
    text-decoration: underline;
  }
  .service-point-pamphlet__image {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 20px;
    transition: ease all 0.3s;
  }
  .service-point-pamphlet__image img {
    max-width: 100%;
    height: auto;
    box-shadow: 0px 5px 25px rgba(0, 0, 0, .25);
  }
  .service-point-pamphlet--landscape .service-point-pamphlet__image {
    width: 94px;
  }
  .service-pamphlet__box {
    position: relative;
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    align-items: flex-end;
    padding: 40px 60px 0 40px;
    background: #f8f8f8;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, .25);
  }
  .service-pamphlet__image {
    width: 370px;
    padding-right: 40px;
    text-align: center;
  }
  .service-pamphlet__image img {
    box-shadow: 0px 5px 25px rgba(0, 0, 0, .25);
  }
  .service-pamphlet__box--portrait .service-pamphlet__image img {
    width: 220px;
    height: auto;
  }
  .service-pamphlet__box--landscape .service-pamphlet__image img {
    width: 330px;
    height: auto;
  }
  .service-pamphlet__details {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    justify-content: flex-end;
    width: 730px;
    padding-bottom: 40px;
  }
  .service-pamphlet__link {
    margin-bottom: 20px;
  }
  .service-pamphlet__btn {
    margin-bottom: 0;
    display: block;
  }
  .service-pamphlet__btn .btn {
    display: inline-block;
  }
  .service-layout-card {
    margin: 40px -.75rem -30px;
  }
  .service-layout-card.contents {
    margin-bottom: 6px;
  }
  .service-layout-card .card {
    margin-bottom: 30px;
  }
  .service-layout-card .card:hover .service-card__title {
    text-decoration: underline;
    color: #0a3190;
  }
  .service-layout-card .card:hover .service-card__title:after {
    animation: service-arrow-inline .6s;
  }
  .service-card__title {
    font-size: 1.125rem;
    font-weight: bold;
  }
  .service-card__title:after {
    margin: 0 0 0 10px;
    display: inline-block;
    vertical-align: middle;
    width: 19px;
    height: 13px;
    background: url(/img/cmn/cmn_ico05.png) no-repeat;
    background-size: contain;
    content: "";
  }
  .service-layout-case {
    margin: 60px 0 30px;
    display: block;
    text-align: center;
  }
  .service-layout-slider {
    margin: 0;
  }
  .service-case-carousel {
    margin-bottom: 40px;
  }
  .service-case-carousel.slick-initialized.slick-dotted {
    margin-bottom: 100px;
  }
  .service-layout-slider .slick-dots {
    bottom: -45px;
  }
  .service-layout-slider .slick-next {
    right: -1.125rem;
  }
  .service-layout-slider .slick-prev {
    z-index: 1;
    left: -1.125rem;
}
  .service-layout-slider .slick-next,
  .service-layout-slider .slick-prev {
    -webkit-transform: translateY(calc(-50% - .5rem));
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.75rem;
    height: 3.75rem;
    transform: translateY(calc(-50% - .5rem));
    border: 1px solid #999;
    border-radius: 50%;
    background: #fff;
    opacity: .75;
    transition: all .25s cubic-bezier(.4,0,.2,1);
    top: 115px;
  }
  .service-layout-slider .slick-next:before {
    -webkit-transform: rotate(45deg);
    margin-left: -6px;
    transform: rotate(45deg);
  }
  .service-layout-slider .slick-prev:before {
    -webkit-transform: rotate(-135deg);
    margin-right: -6px;
    transform: rotate(-135deg);
}
  .service-layout-slider .slick-next:before,
  .service-layout-slider .slick-prev:before {
      display: block;
      width: 1rem;
      height: 1rem;
      border-color: #999 #999 transparent transparent;
      border-style: solid;
      border-width: 1px;
      content: "";
  }
  .service-layout-slider .slick-next:hover,
  .service-layout-slider .slick-prev:hover {
    background: #fff;
    opacity: .8;
  }
  .service-layout-slider .slick-next:hover:before,
  .service-layout-slider .slick-prev:hover:before {
    text-shadow: 0 5px 11px rgba(0,0,0,.16), 0 4px 15px rgba(0,0,0,.12);
    opacity: 1;
  }
  .service-layout-slider .slick-dots li button:before {
    -webkit-transform: translateY(-50%) translateX(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: .625rem;
    max-width: .625rem;
    height: .625rem;
    transform: translateY(-50%) translateX(-50%);
    border-radius: 50%;
    background-color: #0a3190;
    text-indent: -9999px;
    opacity: .5;
    transition: all .25s cubic-bezier(.4,0,.2,1);
  }
  .service-layout-slider .slick-dots li.slick-active button:before,
  .service-layout-slider .slick-dots li button:hover:before {
      background-color: #0a3190;
      opacity: 1;
  }
  
  .service-slider__elm .link span:after {
    position: static;
    vertical-align: middle;
    margin: 8px 0 0 10px;
  }
  .service-slider__elm:hover .service-slider__title {
    text-decoration: underline;
  }
  .service-slider__elm:hover .service-slider__title:after {
    animation: service-arrow-inline .6s;
  }
  .service-slider__img img {
    max-width: 100%;
    height: auto;
  }
  .service-slider__text {
    margin-top: 20px;
  }
  .service-slider__title {
    font-size: 1.125rem;
  }
  .service-slider__title:after {
    margin: 0 0 0 10px;
    display: inline-block;
    vertical-align: middle;
    width: 19px;
    height: 13px;
    background: url(/img/cmn/cmn_ico05.png) no-repeat;
    background-size: contain;
    content: "";
  }
  .service-layout-relation {
    margin: 40px 0 70px;
  }
  .service-relation {
    margin: 40px 0 0;
    padding: 38px 40px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .25);
    background-color: #fff;
  }
  .row .service-relation {
    margin-top: 0;
  }
  .service-relation &gt; *:last-child {
    margin-bottom: 0;
  }
  .service-relation &gt; .list-link.row:last-child {
    margin-bottom: -.625rem;
  }
  .service-relation__singlelink {
    margin-left: auto;
    margin-right: auto;
  }
  .service-simplebox {
    margin: 30px 0 60px;
    border: 1px solid #dfdfdf;
  }
  .service-simplebox__title {
    margin: 0;
    padding: 21px 20px;
    font-size: 1.125rem;
    background-color: #f5f7fb;
    font-weight: bold;
  }
  .service-contents {
    padding: 25px 20px 20px;
  }
  .service-contents &gt; *:last-child {
    margin-bottom: 0;
  }
  .service-contact {
    padding: 18px 20px 14px;
    background-color: #f8f8f8;
    text-align: center;
  }
  .service-contact &gt; *:last-child {
    margin-bottom: 0;
  }
  .service-contact__title {
    font-size: 1rem;
    font-weight: bold;
  }
  .service-contact__tel {
    margin: 10px 0 10px;
    line-height: 1.5;
  }
  .service-contact__tel a {
    font-size: 1.25rem;
    font-weight: bold;
  }
  .service-contact__sub {
    font-size: 0.875rem;
  }
  .service-simplebox__note {
    margin-top: 15px;
  }
  .service-relation__title {
    display: block;
    margin: 0 0 20px;
    font-size: 1.25rem;
    font-weight: bold;
    color: #0a3190;
    line-height: 1.2;
  }
  .service-relation__title--center {
    text-align: center;
  }
  .service-voice {
    position: relative;
    margin-top: 40px;
  }
  .service-voice-image {
    position: absolute;
    top: -95px;
    right: 0;
    z-index: 2;
  }
  .service-voice-panel {
    width: 792px;
    padding: 40px 216px 40px 40px;
    background-color: #f5f7fb;
  }
  .service-voice__title {
    margin: 0 0 20px;
    color: #0a3190;
    font-size: 1.25rem;
  }
  .service-voice-date {
    display: flex;
    margin: 30px 0 0;
    padding: 12px 12px 10px;
    background-color: #fff;
    border: 1px solid #dddddd;
  }
  .service-voice-desc {
    margin-right: 30px;
    display: flex;
  }
  .service-voice-desc dt {
    font-weight: bold;
  }
  .service-desc {
    margin: 40px 0 8px;
    font-size: 1.25rem;
  }
  .service-desc dt {
    font-weight: bold;
    margin: 0 0 12px;
    color: #0a3190;
  }
  .service-desc dd {
    font-weight: bold;
  }
  .service-layout-ancbox {
    margin-top: 60px;
    margin-bottom: 80px;
  }
  .service-ancbox {
    border: 1px solid #dddddd;
    background-color: #fff;
  }
  .service-ancbox .contents {
    margin-bottom: 0.8rem;
  }
  .service-ancbox__title a {
    position: relative;
    text-align: center;
    font-weight: bold;
    display: block;
    padding: 25px 20px;
    border-bottom: 2px solid #dfdfdf;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    color: #333;
  }
  .service-ancbox__title a:hover {
    color: #666;
    border-color: #e60012;
  }
  .service-ancbox__title a:hover:after {
    animation: g .6s;
  }
  .service-ancbox__title a:after {
    -webkit-transform: translateY(-50%);
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: auto;
    height: auto;
    transform: translateY(-50%);
    background: none;
    color: rgba(51, 51, 51, .5);
    color: #e60012;
    font-family: webicon !important;
    font-size: 1.2rem;
    font-style: normal;
    font-feature-settings: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none;
    vertical-align: middle;
    content: "";
  }
  .service-ancbox__contents {
    padding: 20px;
  }
  .service-ancbox__contents &gt; *:last-child {
    margin-bottom: 0;
  }
  .service-image-margin--s {
    margin-top: 40px;
  }

  /* ----- scroll-box ----- */
  .scroll-box {
    position: relative;
    display: block;
    width: 100%;
    max-height: 417px;
    margin-bottom: 1.5rem;
    padding: 40px 25px 0;
    border: 1px solid #dadada;
    overflow-y: auto;
  }
  .scroll-box::after {
    content: "";
    display: block;
    width: 1px;
    height: 40px;
  }
  .scroll-box &gt; :first-child,
  .scroll-box &gt; :first-child &gt; .heading:first-child {
    margin-top: 0;
  }
  .scroll-box &gt; :last-child {
    margin-bottom: 0;
  }

  /* ----- contact-area ----- */
  .contact-area {
    width: 100%;
    padding: 0 30px 70px;
    border-top: 1px solid #e5e5e5;
  }
  .contact-area .area_inner {
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
  }
  .contact-area .area_inner_2 {
    width: 100%;
  }
  .contact-area .contact_heading {
    margin: 58px auto 50px;
    text-align: center;
  }
  .contact-area .contact_heading h2 {
    margin: 0;
    font-size: 1.75rem;
    font-weight: normal;
  }
  .contact-area .contact-column {
    display: -webkit-flex;
    display: flex;
  }
  .contact-area .contact-column .column_item {
    padding: 0 20px;
    width: 100%;
  }
  .contact-area .contact-column .column_item + .column_item{
    border-left: 1px solid #e5e5e5;
  }
  .contact-area .contact-column .column_item &gt; :last-child {
    margin-bottom: 0;
  }
  .contact-area .contact-column .column_item.type-btn &gt; .lead {
    margin-bottom: 2rem;
  }

  /* modal-contact */
  .modal-contact .contact-area {
    padding: 0;
    border-top: none;
  }
  .modal-contact .contact-area .contact_heading {
    margin: 0 auto 50px;
  }
  .modal-contact .contact-column {
    margin-left: -40px;
    margin-right: -40px;
  }
  .modal-contact .contact-button-column {
    flex-wrap: wrap;
  }
  .modal-contact .contact-button-column &gt; li {
    width: 70%;
  }
  .modal-contact .contact-button-column.type2 &gt; li {
    width: 100%;
  }

  /* ----- contact-tel-layout ----- */
  .contact-tel-layout {
    margin-bottom: 1.5rem;
    text-align: center;
  }
  .contact-tel-layout &gt; :last-child {
    margin-bottom: 0;
  }
  .contact-tel-layout .tel_number {
    margin-left: auto;
    margin-right: auto;
  }
  .contact-tel-layout .tel_number a {
    display: block;
    font-size: 1.875rem;
    font-weight: bold;
    line-height: 1;
    vertical-align: middle;
  }
  .contact-tel-layout .tel_number .destination {
    display: inline-block;
    margin: 0 0 15px;
    padding: 6px 10px;
    background: #e5e5e5;
    font-size: .75rem;
    vertical-align: middle;
  }
  .contact-tel-layout .tel_caption {
    display: inline-flex;
    flex-flow: row nowrap;
    font-size: .875rem;
    text-align: left;
  }
  .contact-tel-layout .tel_caption dt {
    flex-shrink: 0;
  }
  .contact-tel-layout .tel_caption dd {
    width: 100%;
  }

  /* modal-contact */
  .modal-contact .contact-tel-layout .tel_number {
    margin-bottom: .625rem;
  }
  .modal-contact .contact-tel-layout .tel_number .destination {
    padding: 5px 10px;
  }
  .modal-contact .contact-tel-layout .tel_number a {
    font-family: Arial, Helvetica, "sans-serif";
    font-size: 2.5rem;
  }
  .modal-contact .contact-tel-layout .tel_caption {
    font-size: .875rem;
  }

  /* ----- contact-button-column ----- */
  .contact-button-column {
    display: flex;
    justify-content: center;
    max-width: 400px;
    width: 100%;
    margin: -10px auto 0;
    padding: 0 10px;
  }
  .contact-button-column.type2 {
    max-width: 500px;
  }
  .contact-button-column &gt; li {
    display: flex;
    width: 100%;
    margin: 10px 5px 0;
  }
  .contact-button-column &gt; li &gt; a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0;
    padding-right: 10px;
    padding-left: 10px;
    text-align: center;
  }

  /* ----- jstream-layout ----- */
  .jstream-layout {
    width: 740px;
    max-width: 100%;
    margin: 0 auto 1.5rem;
  }
  .jstream-layout .jstream_inner {
    position: relative;
    width: 100%;
    margin-bottom: 1rem;
    padding-top: 56.25%;
  }
  .jstream-layout .jstream_inner &gt; iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  /* ----- image-changer-layout ----- */
  [class^="image-changer-layout-"] {
    height: auto;
    margin-bottom: 1.5rem;
  }
  [class^="image-changer-layout-"] .image-changer_mainImage {
    outline: none;
  }
  [class^="image-changer-layout-"] .slick-dots {
    display: -webkit-flex;
    display: flex;
    position: static;
  }
  [class^="image-changer-layout-"] .slick-dots li {
    height: 120px;
    width: 120px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    transition: all .15s cubic-bezier(.4, 0, .2, 1);
  }
  [class^="image-changer-layout-"] .slick-dots li:last-child {
    margin-right: 0;
  }
  [class^="image-changer-layout-"] .image-changer_thumbImage {
    height: 120px;
    width: auto;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  [class^="image-changer-layout-"] .slick-dots li:hover {
    opacity: 0.7;
  }
  [class^="image-changer-layout-"] .slick-dots li.slick-active::after {
    content: "";
    display: block;
    height: 3px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(to right, #0a3190 0%, #e60012 100%);
  }
  /* ----- v1 ----- */
  .image-changer-layout-v1 {
    width: 788px;
  }
  .image-changer-layout-v1 .slick-dots {
    margin-top: 20px;
  }
  .image-changer-layout-v1 .slick-dots li {
    margin-right: 20px;
  }
  /* ----- v2 ----- */
  .image-changer-layout-v2 {
    width: 100%;
  }
  .image-changer-layout-v2 .image-changer_mainWrap {
    margin-bottom: 0!important;
  }
  .image-changer-layout-v2 .image-changer_mainImage &gt; img {
    max-width: 100%;
    margin: 0 auto;
  }
  .image-changer-layout-v2 .slick-dots {
    margin-top: 8px;
  }
  .image-changer-layout-v2 .slick-dots li {
    width: calc((100% - 16px)/3);
    height: auto;
    margin-right: 8px;
  }
  .image-changer-layout-v2 .slick-dots li .image-changer_thumbWrapper {
    height: auto;
    padding-top: 100%;
  }
  .image-changer-layout-v2 .slick-dots li .image-changer_thumbImage {
    height: auto;
    max-height: 100%;
  }
  /* ----- export-packing-layout ----- */
  .export-packing-layout {
    max-width: 858px;
    margin: 0 auto;
    text-align: center;
  }
  .export-packing-layout .export-packing_imageWrapper {
    display: flex;
    justify-content: center;
  }
  .export-packing-layout .export-packing_imageColumn {
    width: 364px;
  }
  .export-packing-layout .export-packing_imageColumn img {
    width: 100%;
  }
  .export-packing-layout .export-packing_imageColumn:nth-of-type(n+2) {
    margin-left: 120px;
    position: relative;
  }
  .export-packing-layout .export-packing_imageColumn:nth-of-type(n+2)::after {
    content: "";
    display: block;
    width: 46px;
    height: 33px;
    position: absolute;
    top: 145px;
    left: -80px;
    background: url("/img/cmn/cmn_ico09.png");
    background-size: cover;
  }
  .export-packing-layout .export-packing_imageColumn [class^="export-packing_status"] {
    padding: 20px 20px 14px;
    font-size: 1.37rem;
    font-weight: 700;
    color: #fff;
  }
  .export-packing-layout .export-packing_imageColumn .export-packing_status-v1 {
    background-color: #666666;
  }
  .export-packing-layout .export-packing_imageColumn .export-packing_status-v2 {
    background-color: #0a3190;
  }
  .export-packing-layout .export-packing_imageColumn .export-packing_caption {
    margin-top: 12px;
  }
  .export-packing-layout .export-packing_descriptionWrapper {
    margin-top: 38px;
  }
  .export-packing-layout .export-packing_description_inner {
    padding: 27px;
    background-color: #eceff6;
  }
  .export-packing-layout .export-packing_description {
    margin: 0 auto;
    font-size: 1.15rem;
    color: #0a3190;
    font-weight: 800;
    line-height: 1.66;
  }

  /* ----- oil-card-layout ----- */
  .oil-card-layout {
    margin-top: 5rem;
  }
  .oil-card-layout .oil-card_heading {
    padding: 0 0 15px;
    font-size: 2rem;
    font-weight: 700;
  }
  .oil-card-layout .oil-card_leadWrap {
    width: 100%;
    height: auto;
    padding: 28px 26px;
    margin-top: 15px;
    background-color: #eceff6;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: -2;
    overflow: hidden;
    position: relative;
  }
  .oil-card-layout .oil-card_leadTextWrap {
    margin: 0 24px;
    max-width: 445px;
    color: #ffffff;
    font-size: 1.25rem;
  }
  .oil-card-layout .oil-card_leadText::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 863px;
    height: 100%;
    background-color: #0a3190;
    transform: skewX(-30deg) translateX(-375px);
    z-index: -1;
  }
  .oil-card-layout .oil-card_leadTextWrap strong {
    font-weight: 800;
  }
  .oil-card-layout .oil-card_leadImageWrap {
    display: -webkit-flex;
    display: flex;
  }
  .oil-card-layout .oil-card_leadImageWrap .oil-card_leadImage {
    margin-right: 7px;
  }
  .oil-card-layout .oil-card_leadImageWrap .oil-card_leadImage:last-of-type {
    margin-right: 0;
  }
  .oil-card-layout .oil-card_leadImageWrap .oil-card_leadImage img {
    width: 112px;
    height: auto;
  }
  .oil-card-layout .oil-card_pointWrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 30px 30px 50px;
    background-color: #f8f8f8;
  }
  .oil-card-layout .oil-card_pointIcon {
    position: relative;
    display: block;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: -webkit-linear-gradient(left, #0a3190 1%, #e60012 100%);
    background: -moz-linear-gradient(left, #0a3190 1%, #e60012 100%);
    background: -ms-linear-gradient(left, #0a3190 1%, #e60012 100%);
    background: linear-gradient(to right, #0a3190 1%, #e60012 100%);
    z-index: 0;
  }
  .oil-card-layout .oil-card_pointIcon::after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 4px;
    width: 112px;
    height: 112px;
    border-radius: 50%;
    background-color: #ffffff;
    z-index: 1;
  }
  .oil-card-layout .oil-card_pointIcon &gt; span {
    font-size: 1.5rem;
    font-weight: 800;
    position: absolute;
    top: 45px;
    left: 20px;
    z-index: 2;
  }
  .oil-card-layout .oil-card_pointLink {
    margin-left: 55px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .oil-card-layout .oil-card_pointLinkInner {
    margin-bottom: 0;
    border-bottom: 2px solid #dfdfdf;
  }
  .oil-card-layout .oil-card_pointLinkInner a {
    width: 455px;
    display: block;
    padding: 17px 60px 17px 56px;
    position: relative;
    font-weight: 800;
    transition: all .25s cubic-bezier(.4,0,.2,1);
  }
  .oil-card-layout .oil-card_pointLinkInner:nth-of-type(2n) {
    margin-left: 30px;
  }
  .oil-card-layout .oil-card_pointLinkInner a::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: 20px;
    border-bottom: 1px solid #e60012;
    border-left: 1px solid #e60012;
    transform: rotate(-45deg) translateY(-16px);
    transition: all .25s cubic-bezier(.4,0,.2,1);
  }
  .oil-card-layout .oil-card_pointLinkInner:hover {
    border-bottom: 2px solid #e60012;
  }
  .oil-card-layout .oil-card_pointLinkInner a:hover,
  .oil-card-layout .oil-card_pointLinkInner a:active {
    color: #666;
  }
  .oil-card-layout .oil-card_pointLinkInner:hover a::after {
    animation: g .6s;
  }
  .oil-card-layout .oil-card_pointLinkInner a:focus {
    color: #333;
  }
  .oil-card-layout .oil-card_pointLinkInner .oil-card_list_number {
    position: absolute;
    top: 17px;
    left: 25px;
  }
  .oil-card-layout .oil-card_pointLinkInner .oil-card_list_number::after {
    content: ".";
  }

  /* ----- oil-web-data-layout ----- */
  .oil-web-data-layout .oil-web-data_wrapper {
    padding: 35px 40px;
    border: 1px solid #dadada;
  }
  .oil-web-data-layout .oil-web-data_title {
    margin-bottom: 22px;
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center;
  }
  .oil-web-data-layout .oil-web-data_column {
    display: flex;
    justify-content: space-between;
  }
  .oil-web-data-layout .oil-web-data_imageWrapper {
    width: calc((100% - 50px)/2);
    margin-right: 50px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .oil-web-data-layout .oil-web-data_imageWrapper::after {
    content: "";
    display: block;
    width: 42px;
    height: 23px;
    background: url( "/img/cmn/cmn_ico10.png");
    background-size: cover;
    transform: rotate(-90deg);
    position: absolute;
    top: 50%;
    right: -45px;
  }
  .oil-web-data-layout .oil-web-data_imageWrapper::before {
    content: "ダウンロード";
    display: block;
    width: 100px;
    height: 16px;
    font-weight: 700;
    font-size: 1rem;
    color: #e60012;
    position: absolute;
    top: calc(50% + 42px);
    right: -77px;
    z-index: 2;
  }
  .oil-web-data-layout .oil-web-data_imageWrapper:last-of-type::after,
  .oil-web-data-layout .oil-web-data_imageWrapper:last-of-type::before {
    content: none;
  }
  .oil-web-data-layout .oil-web-data_imageWrapper:last-of-type {
    margin-right: 0;
  }
  .oil-web-data-layout .oil-web-data_imageTitle {
    margin-bottom: 15px;
    font-size: 1.3rem;
    font-weight: 700;
    color: #0a3190;
  }
  .oil-web-data-layout .oil-web-data_image img {
    width: 100%;
  }
  
  /* ----- ship-hero-layout ----- */
  .ship-hero-layout {
    min-height: 400px;
    margin-bottom: 2.625rem;
    padding: 1.875rem;
    background: url("/img/cmn/cmn_bg01.jpg") no-repeat 0 50%;
    background-size: cover;
    color: #fff;
  }
  .ship-hero-layout &gt; *:first-child {
    margin-top: 0 !important;
  }
  .ship-hero-layout &gt; *:last-child {
    margin-bottom: 0 !important;
  }
  
  /* ----- card--flat ----- */
  .card.card--flat {
    box-shadow: none;
    border: 1px solid #dfdfdf;
  }
  
  /* ----- banner ----- */
  .banner {
    text-align: center;
    margin: 30px 0;
  }
  .banner__link {
    display: inline-block;
    box-shadow: 0px 2px 8.8px 1.2px rgba(0, 0, 0, 0.25);
    transition: opacity .25s cubic-bezier(.4,0,.2,1);
  }
  .banner__link:hover {
    opacity: .75;
  }
  /* ----- news__body_type-scroll ----- */
  .news__body_type-scroll {
    width: 100%;
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
  }
  /* ----- land_fuel-hero-layout ----- */
  .land_fuel-hero-layout {
    min-height: 400px;
    margin-bottom: 2.625rem;
    padding: 1.875rem;
    background: url("/img/service/oil/land_fuel_bg01.jpg") no-repeat 0 50%;
    background-size: cover;
    color: #fff;
  }
  .land_fuel-hero-layout &gt; *:first-child {
    margin-top: 0 !important;
  }
  .land_fuel-hero-layout &gt; *:last-child {
    margin-bottom: 0 !important;
  }
}

/* ======================================================
 * PC Media Queries
====================================================== */
@media screen and (min-width: 1921px) {
}
@media screen and (min-width: 768px) and (max-width: 1920px) {
}
@media screen and (min-width: 768px) and (max-width: 1536px) {
}
@media screen and (min-width: 768px) and (max-width: 1480px) {
}
@media screen and (min-width: 768px) and (max-width: 1366px) {
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  .oil-card-layout .oil-card_pointLinkInner {
    width: calc((100% - 30px)/2);
  }
  .oil-card-layout .oil-card_pointLinkInner:nth-of-type(2n) {
    margin-left: 20px;
  }
  .oil-card-layout .oil-card_pointLinkInner a {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1080px) {
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
}
@media screen and (min-width: 768px) and (max-width: 960px) {
}
@media screen and (min-width: 768px) and (max-width: 896px) {
  .oil-card-layout .oil-card_pointLink {
    flex-direction: column;
  }
  .oil-card-layout .oil-card_pointLinkInner {
    width: 100%;
  }
  .oil-card-layout .oil-card_pointLinkInner:nth-of-type(2n) {
    margin-left: 0;
  }

}
@media screen and (min-width: 768px) and (max-width: 834px) {
}
@media screen and (min-width: 768px) and (max-width: 812px) {
}
@media screen and (min-width: 768px) and (max-width: 1260px) {
  .contact-button-column {
    flex-wrap: wrap;
  }
  .contact-button-column &gt; li {
    width: 70%;
  }
  .contact-button-column.type2 &gt; li {
    width: 100%;
  }
}

/* ======================================================
 * SP
====================================================== */
@media only screen and (max-width: 767px) {
  /* ------------------------------------------------------
   * Override
  ------------------------------------------------------ */

  /* ------------------------------------------------------
   * Common
  ------------------------------------------------------ */
  /* ----- device ----- */
  .sp-hidden {
    display: none !important;
  }

  /* ----- form ----- */
  :placeholder-shown {
    color: #666!important;
  }
  ::-webkit-input-placeholder {
    color: #666!important; }
    /* Firefox 18- */
  ::-moz-placeholder {
      color: #666!important; opacity: 1; }
  /* IE 10+ */
  :-ms-input-placeholder {
      color: #666!important; }
  .search-input-layout input,
  .search-input-layout select,
  .search-input-layout textarea,
  .search-input-layout button {
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  
  /* ----- word-break ----- */
  .word-break {
    word-break: break-all!important;
  }

  /* ------------------------------------------------------
   * Parts
  ------------------------------------------------------ */
  /* ----- company-lead-contents ----- */
  .company-lead-contents {
    margin: 0 -1rem 1.3125rem;
  }
  .company-lead-contents .lead_image {
    position: relative;
    z-index: 0;
  }
  .company-lead-contents .lead_image &gt; img {
    width: 100%;
  }
  .company-lead-contents .lead_box {
    position: relative;
    margin-top: -25px;
    z-index: 1;
  }
  .company-lead-contents .lead_text {
    position: relative;
    width: calc(100% - 60px);
    margin-left: auto;
    padding: 24px 16px 15px 12px;
    background: #0a3190;
    color: #fff;
    z-index: 1;
  }
  .company-lead-contents .lead_text::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #0a3190;
    transform: skewX(-30deg);
    transform-origin: right top;
    z-index: -1;
  }
  .company-lead-contents .lead_text &gt; :last-child {
    margin-bottom: 0;
  }
  .company-lead-contents .lead_text_main {
    margin-bottom: 2rem;
    font-size: 1.0625rem;
    font-weight: bold;
    line-height: 1.6;
  }

  /* ----- search-input-layout ----- */
  .search-input-layout {
    margin: 0 -1rem 1.3125rem;
    padding: 20px 1rem;
    background: #eceff6;
  }
  .search-input-keyword {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    margin: 0 auto .875rem;
    border-radius: 9999px;
    overflow: hidden;
  }
  .search-input-keyword &gt; span {
    display: block;
    width: 100%;
  }
  .search-input-keyword .input_text {
    display: block;
    width: 100%;
    height: 45px;
    padding: 13px 13px 13px 20px;
    color: #333;
    font-size: .8125rem;
  }
  .search-input-keyword .input_text:focus {
    outline: none;
  }
  .search-input-keyword .input_button {
    position: relative;
  }
  .search-input-keyword .input_button input {
    position: relative;
    display: block;
    width: 50px;
    height: 45px;
    background: #3f464f;
    white-space: nowrap;
    text-indent: -9999px;
    overflow: hidden;
    z-index: 0;
  }
  .search-input-keyword .input_button::before {
    content: "";
    display: block;
    position: absolute;
    top: 13px;
    left: 11px;
    width: 18.5px;
    height: 18.5px;
    background: url("/img/cmn/cmn_ico06.png") no-repeat;
    background-size: contain;
    z-index: 2;
  }
  .search-input-keyword .input_button:hover {
    opacity: .7;
  }
  .search-refine {
    display: -webkit-flex;
    display: flex;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    flex-flow: row wrap;
    width: 100%;
    margin: 0 auto;
  }
  .search-refine .refine_title {
    min-width: 5em;
    margin-right: 7px;
    margin-bottom: 1em;
    font-weight: bold;
  }
  .search-refine .refine_refs {
    display: -webkit-flex;
    display: flex;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-top: -.5rem;
    margin-right: -13px;
  }
  .search-refine .refine_ref {
    position: relative;
    margin: .5rem 13px 0 0;
    padding-right: 20px;
  }
  .search-refine .refine_ref::before {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    right: 0;
    width: 1px;
    height: 14px;
    background: #cececf;
  }
  .search-refine .refine_ref:last-child {
    padding-right: 0;
  }
  .search-refine .refine_ref:last-child::before {
    display: none;
  }
  .search-refine .refine_ref input[type="checkbox"] {
    display: none;
  }
  .search-refine .refine_ref .refine_text {
    position: relative;
    margin-bottom: 0;
    padding-left: 22px;
    color: #0a3190;
    text-decoration: underline;
    cursor: pointer;
  }
  .search-refine .refine_ref .refine_text::before {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #dfdfdf;
    background: #fff;
  }
  .search-refine .refine_ref .refine_text::after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 6px;
    height: 10px;
    border: 2px solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: skewX(2.6deg) rotate(45deg);
    transform: skewX(2.6deg) rotate(45deg);
    opacity: 0;
  }
  .search-refine .refine_ref input[type="checkbox"]:checked + .refine_text::before {
    border-color: #0a3190;
    background-color: #0a3190;
  }
  .search-refine .refine_ref input[type="checkbox"]:checked + .refine_text::after {
    opacity: 1;
  }
  .search-refine .refine_ref .refine_text:hover {
    text-decoration: none;
  }

  /* ----- company-philosophy-layout ----- */
  .company-philosophy-layout {
    margin: 0 -1rem 3.125rem;
    padding: 15px 1rem 25px;
    background: #f8f8f8;
  }

  /* v2 */
  .company-philosophy-layout_v2 p {
    font-size: .875rem;
  }
  .company-philosophy-layout_v2 .lead {
    font-size: 1.1rem;
  }

  /* ----- philosophy-list ----- */
  .philosophy-list {
    display: block;
  }
  .philosophy-list li {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 0;
  }
  .philosophy-list li:first-child {
    margin-top: 0;
  }
  .philosophy-list .list_mark {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    width: 105px;
    height: 105px;
    margin-right: 15px;
    border-radius: 50%;
    background: -webkit-linear-gradient( 90deg, rgb(26,0,93) 0%, rgb(142,196,0) 100%);
    background: -moz-linear-gradient( 90deg, rgb(26,0,93) 0%, rgb(142,196,0) 100%);
    background: -ms-linear-gradient( 90deg, rgb(26,0,93) 0%, rgb(142,196,0) 100%);
    background: linear-gradient( 90deg, rgb(26,0,93) 0%, rgb(142,196,0) 100%);
    font-size: 1.05rem;
    font-weight: bold;
    z-index: 0;
  }
  .philosophy-list .list_mark::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 7px);
    height: calc(100% - 7px);
    border-radius: 50%;
    background: #fff;
    transform: translate(-50%,-50%);
    z-index: 1;
  }
  .philosophy-list .list_mark &gt; span {
    position: relative;
    z-index: 2;
  }
  .philosophy-list .list_text {
    width: calc(100% - 120px);
    font-size: .9375rem;
    font-weight: bold;
  }

  /* ----- task-layout ----- */
  .task-layout {
    margin-bottom: 2.1875rem;
    padding: 15px;
    background: #0a3190;
    color: #fff;
  }
  .task-layout .task_title {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    padding: 5px 0 3px 12px;
    background: #fff;
    font-size: 1rem;
    font-weight: bold;
    color: #0a3190;
  }
  .task-layout .task_title::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -22px;
    border-style: solid;
    border-width: 16px 11px;
    border-color: #fff transparent transparent #fff;
  }
  .task-layout .task_list li:last-child {
    margin-bottom: 0;
  }
  .task-layout .task_list li {
    position: relative;
    margin-bottom: .8125rem;
    padding-left: 36px;
    font-size: .9375rem;
    font-weight: bold;
  }
  .task-layout .task_list li::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    border-radius: 2px;
    border: 2px solid #92b3ff;
  }
  .task-layout .task_list li::after {
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    left: 10px;
    width: 12px;
    height: 17px;
    border-radius: 2px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: skewX(2.6deg) rotate(45deg);
    transform: skewX(2.6deg) rotate(45deg);
  }

  /* ----- service-map-layout ----- */
  .service-map-layout {
    display: block;
    width: 100%;
    margin-bottom: 1.25rem;
    border: 1px solid #dadada;
  }
  .service-map-layout .map_image {
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .service-map-layout .map_image img {
    width: 100%;
    height: auto;
  }
  .service-map-layout .map_detail {
    display: block;
    width: 100%;
    padding: 14px;
    border-top: 1px solid #dadada;
  }
  .service-map-layout .map_list li {
    position: relative;
    padding-left: 20px;
  }
  .service-map-layout .map_list .list_mark {
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: #e60012;
    color: #fff;
    font-size: .625rem;
    font-weight: bold;
    text-align: center;
    letter-spacing: -1px;
  }

  /* ----- service 3rd index ----- */
  .service-layout-hero {
    position: relative;
    margin: 0 -1rem;
  }
  .service-hero__head {
    display: flex;
    align-items: center;
  }
  .service-hero__ico {
    width: 45px;
    flex-shrink: 0;
  }
  .service-hero__ico img {
    max-width: 100%;
    height: auto;
  }
  .service-layout-hero--logistics .service-hero__ico {
    transform: translateY(-11px);
  }
  .service-hero__title {
    margin: 0 0 0 5px;
    flex-grow: 1;
    font-size: 24px;
    font-weight: normal;
    line-height: 1.2;
  }
  .service-hero__subtitle {
    margin-top: 0.2em;
    display: block;
    font-size: 0.9375rem;
  }
  .service-hero__lead {
    margin: 30px 0 20px;
    font-size: 0.875rem;
    line-height: 1.44;
  }
  .service-hero__image {
    margin: 0 -1rem;
    overflow: hidden;
    background-image: linear-gradient(transparent 0%, transparent 19%, #0a3190 19%, #0a3190 100%);
  }
  .service-hero__image img {
    transform: translateX(24%);
    width: 102%;
    height: auto;
  }
  .service-layout-point {
    margin: 0 -1rem;
    padding: 15px 0 35px;
    background-color: #0a3190;
    color: #fff;
    overflow: hidden;
  }
  .service-point__title {
    position: relative;
    margin: 0 0 10px;
    color: #0a3190;
    background-color: #fff;
    display: inline-block;
    padding: 6px 25px 5px 12px;
    font-size: 1rem;
  }
  .service-point__title span {
    position: relative;
    z-index: 2;
  }
  .service-point__title:before {
    position: absolute;
    z-index: 1;
    top: 0;
    right: -9px;
    content: "";
    display: block;
    width: 25px;
    height: 100%;
    background-color: #fff;
    transform: skewX(-30deg);
  }
  .service-point__list &gt; li {
    position: relative;
    padding-left: 35px;
    font-size: 0.9375rem;
    font-weight: bold;
  }
  .service-point__list &gt; li + li {
    margin-top: 10px;
  }
  .service-point__list &gt; li:before {
    position: absolute;
    top: 0.1em;
    left: 0;
    content: "";
    display: block;
    background: url(/img/cmn/cmn_ico11.png) 0 0 no-repeat;
    background-size: contain;
    width: 27px;
    height: 22px;
  }
  .service-point-pamphlet {
    position: relative;
    margin: 25px -1rem -35px auto;
    z-index: 5;
    background-color: #fff;
    padding: 10px 25px 10px 60px;
    display: block;
  }
  .service-point-pamphlet.service-point-pamphlet--portrait {
    width: 229px;
  }
  .service-point-pamphlet.service-point-pamphlet--landscape {
    padding-left: 90px;
    width: 255px;
  }
  .service-point-pamphlet::after {
    speak: none;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: auto;
    height: auto;
    transform: translateY(-50%);
    color: #e60012;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    vertical-align: middle;
    content: "";
    font-family: webicon !important;
    background: none;
    font-feature-settings: normal;
    font-variant: normal;
  }
  .service-point-pamphlet__txt {
    font-weight: bold;
  }
  .service-point-pamphlet__image {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 10px;
  }
  .service-point-pamphlet__image img {
    max-width: 100%;
    height: auto;
    box-shadow: 0px 5px 25px rgba(0, 0, 0, .25);
  }
  .service-point-pamphlet--portrait .service-point-pamphlet__image {
    width: 39px;
  }
  .service-point-pamphlet--landscape .service-point-pamphlet__image {
    width: 67px;
  }
  .service-pamphlet__box {
    margin-top: 45px;
    position: relative;
    padding: 0 20px 20px;
    background: #f8f8f8;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, .25);
  }
  .service-pamphlet__box.service-pamphlet__box--landscape {
    margin-top: 20px;
  }
  .service-pamphlet__image img {
    box-shadow: 0px 5px 25px rgba(0, 0, 0, .25);
  }
  .service-pamphlet__box--portrait .service-pamphlet__image {
    transform: translateY(-25px);
    margin-bottom: -5px;
  }
  .service-pamphlet__box--portrait .service-pamphlet__image img {
    margin-left: 10%;
    max-width: 42%;
    height: auto;
  }
  .service-pamphlet__box--landscape .service-pamphlet__image {
    padding-top: 20px;
    margin: 0 0 25px;
  }
  .service-pamphlet__box--landscape .service-pamphlet__image img {
    max-width: 62%;
    height: auto;
  }
  .service-pamphlet__link {
    margin-bottom: 20px;
  }
  .service-pamphlet__btn {
    display: block;
    margin-bottom: 0;
  }
  .row.service-layout-card + .row.service-layout-card {
    margin-top: 15px;
  }
  .service-layout-card .col-6:nth-child(n+3) {
    margin-top: 15px;
  }
  .service-layout-card .card {
    margin-bottom: 0;
  }
  .service-layout-card .card__body {
    position: relative;
    justify-content: center;
    padding: 13px 35px 13px 10px;
  }
  .service-card__title {
    font-size: 0.875rem;
    font-weight: bold;
  }
  .service-card__title:after {
    position: absolute;
    right: 5px;
    top: calc(50% - 5px);
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 11px;
    background: url(/img/cmn/cmn_ico05.png) no-repeat;
    background-size: contain;
    content: "";
  }
  .service-layout-case {
    margin: 35px 0 20px;
    text-align: left;
    font-weight: normal;
    font-size: 1.0625rem;
  }
  .service-layout-slider {
    margin-bottom: 30px;
    padding-bottom: 30px;
    overflow-x: auto;
  }
  .service-layout-slider::-webkit-scrollbar{
    width: 5px;
    height: 9px;
    background: #dfdfdf;
  }
  .service-layout-slider::-webkit-scrollbar-thumb{
    background: #333333;
    border-radius: 50px;
    height: 9px;
  }
  .service-case-carousel {
    display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap;
  }
  .col {
    flex-basis: auto;
    flex-shrink: 0;
    width: 255px;
  }
  .service-slider__img img {
    max-width: 100%;
    height: auto;
  }
  .service-slider__text {
    margin-top: 20px;
  }
  .service-slider__title {
    font-size: 1rem;
  }
  .service-slider__title:after {
    margin: 0 0 0 10px;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 11px;
    background: url(/img/cmn/cmn_ico05.png) no-repeat;
    background-size: contain;
    content: "";
  }
  .service-relation {
    margin: 15px 0 0;
    padding: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .25);
    background-color: #fff;
  }
  .service-relation &gt; *:last-child {
    margin-bottom: 0;
  }
  .service-simplebox {
    margin: 20px 0 35px;
    border: 1px solid #dfdfdf;
  }
  .service-simplebox__title {
    margin: 0;
    padding: 15px;
    font-size: 0.9375rem;
    background-color: #f5f7fb;
    font-weight: bold;
  }
  .service-contents {
    padding: 18px 15px;
  }
  .service-contents &gt; *:last-child {
    margin-bottom: 0;
  }
  .service-layout-contact &gt; div:nth-child(n+2) {
    margin-top: 15px;
  }
  .service-contact {
    padding: 15px;
    background-color: #f8f8f8;
    text-align: center;
  }
  .service-contact &gt; *:last-child {
    margin-bottom: 0;
  }
  .service-contact__title {
    font-size: 0.875rem;
    font-weight: bold;
  }
  .service-contact__tel {
    margin: 10px 0 15px;
    line-height: 1.5;
  }
  .service-contact__tel a {
    font-size: 1rem;
    font-weight: bold;
  }
  .service-contact__sub {
    font-size: 0.75rem;
  }
  .service-simplebox__note {
    margin-top: 15px;
  }
  .service-relation__title {
    display: block;
    margin: 0 0 15px;
    font-size: 1rem;
    font-weight: bold;
    color: #0a3190;
    line-height: 1.2;
  }
  .service-voice {
    position: relative;
    margin-top: 20px;
  }
  .service-voice-panel {
    margin-top: 15px;
    padding: 20px;
    background-color: #f5f7fb;
  }
  .service-voice__title {
    margin: 0 0 15px;
    color: #0a3190;
    font-size: 0.9375rem;
  }
  .service-voice-date {
    display: block;
    margin: 20px 0 0;
    padding: 12px;
    background-color: #fff;
    border: 1px solid #dddddd;
  }
  .service-voice-desc {
    display: flex;
  }
  .service-voice-desc:nth-child(n+2) {
    margin-top: 2px;
  }
  .service-voice-desc dt {
    font-weight: bold;
  }
  .service-desc {
    margin: 25px 0 8px;
    font-size: 0.9375rem;
  }
  .service-desc dt {
    font-weight: bold;
    margin: 0 0 10px;
    color: #0a3190;
  }
  .service-desc dd {
    font-weight: bold;
  }
  .service-layout-ancbox {
    margin-top: 30px;
    margin-bottom: 50px;
  }
  .service-layout-ancbox &gt; div:nth-child(n+2) {
    margin-top: 15px;
  }
  .service-ancbox {
    border: 1px solid #dddddd;
    background-color: #fff;
  }
  .service-ancbox .contents {
    margin-bottom: 0.8rem;
  }
  .service-ancbox__title a {
    position: relative;
    text-align: center;
    font-weight: bold;
    display: block;
    padding: 20px 25px;
    border-bottom: 2px solid #dfdfdf;
    color: #333;
  }
  .service-ancbox__title a:after {
    -webkit-transform: translateY(-50%);
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: auto;
    height: auto;
    transform: translateY(-50%);
    background: none;
    color: rgba(51, 51, 51, .5);
    color: #e60012;
    font-family: webicon !important;
    font-size: 1.2rem;
    font-style: normal;
    font-feature-settings: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none;
    vertical-align: middle;
    content: "";
  }
  .service-ancbox__contents {
    padding: 20px;
  }
  .service-ancbox__contents &gt; *:last-child {
    margin-bottom: 0;
  }
  .service-image-margin--s {
    margin-top: 20px;
  }

  /* ----- scroll-box ----- */
  .scroll-box {
    display: block;
    width: 100%;
    max-height: 332px;
    margin-bottom: 1.3125rem;
    padding: 40px 25px;
    border: 1px solid #dadada;
    overflow-y: auto;
  }
  .scroll-box &gt; :first-child,
  .scroll-box &gt; :first-child &gt; .heading:first-child {
    margin-top: 0;
  }
  .scroll-box &gt; :last-child {
    margin-bottom: 0;
  }

  /* ----- contact-area ----- */
  .contact-area {
    width: 100%;
    padding: 0 1rem 20px;
    border-top: 1px solid #e5e5e5;
  }
  .contact-area .area_inner {
    width: 100%;
    margin: 0 auto;
  }
  .contact-area .contact_heading {
    margin: 40px auto 33px;
    text-align: center;
  }
  .contact-area .contact_heading h2 {
    margin: 0;
    font-size: 1.53125rem;
    font-weight: normal;
  }
  .contact-area .contact-column {
    padding-bottom: 19px;
    border-bottom: 1px solid #e5e5e5;
  }
  .contact-area .contact-column .column_item {
    width: 100%;
  }
  .contact-area .contact-column .column_item + .column_item{
    margin-top: 1rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e5e5e5;
  }
  .contact-area .contact-column .column_item &gt; :last-child {
    margin-bottom: 0;
  }
  .contact-area .contact-column .column_item &gt; .lead {
    margin-bottom: 1.25rem;
  }

  /* ----- contact-tel-layout ----- */
  .contact-tel-layout {
    margin-bottom: 1.3125rem;
    text-align: center;
  }
  .contact-tel-layout &gt; :last-child {
    margin-bottom: 0;
  }
  .contact-tel-layout .tel_number {
    margin-left: auto;
    margin-right: auto;
  }
  .contact-tel-layout .tel_number a {
    display: block;
    font-size: 1.75rem;
    font-weight: bold;
    line-height: 1;
    vertical-align: middle;
  }
  .contact-tel-layout .tel_number .destination {
    display: inline-block;
    margin: 0 0 10px;
    padding: 6px 9px 5px;
    background: #e5e5e5;
    font-size: .65rem;
    vertical-align: middle;
  }
  .contact-tel-layout .tel_caption {
    display: inline-flex;
    flex-flow: row nowrap;
    font-size: .75rem;
    text-align: left;
  }
  .contact-tel-layout .tel_caption dt {
    flex-shrink: 0;
  }
  .contact-tel-layout .tel_caption dd {
    width: 100%;
  }

  /* ----- contact-button-column ----- */
  .contact-button-column {
    display: flex;
    justify-content: space-between;
  }
  .contact-button-column &gt; li {
    display: flex;
    width: calc((100% - 15px) / 2);
    margin: 15px 0 0;
  }
  .contact-button-column &gt; li:nth-child(-n+2) {
    margin-top: 0;
  }
  .contact-button-column &gt; li &gt; a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0;
    text-align: center;
  }
  .contact-button-column.type2 {
    display: inherit;
  }
  .contact-button-column.type2 &gt; li {
    width: 100%;
  }
  .contact-button-column.type2 &gt; li + li {
    margin-top: 15px;
  }

  /* ----- jstream-layout ----- */
  .jstream-layout {
    width: 100%;
    margin: 0 auto 1.3125rem;
  }
  .jstream-layout .jstream_inner {
    position: relative;
    width: 100%;
    margin-bottom: .625rem;
    padding-top: 56.25%;
  }
  .jstream-layout .jstream_inner &gt; iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  /* ----- image-changer-layout ----- */
  [class^="image-changer-layout-"] {
    width: 100%;
    margin-bottom: 1.3125rem;
  }
  .image-changer-layout-v2 .image-changer_mainWrap {
    margin-bottom: 0!important;
  }
  [class^="image-changer-layout-"] .image-changer_mainWrap .image-changer_mainImage img {
    width: 100%;
  }
  [class^="image-changer-layout-"] .image-changer_mainImage {
    outline: none;
  }
  [class^="image-changer-layout-"] .slick-dots {
    display: -webkit-flex;
    display: flex;
    position: static;
    margin-top: 8px;
  }
  [class^="image-changer-layout-"] .slick-dots li {
    width: calc((100% - 16px)/3);
    height: auto;
    margin-right: 8px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    transition: all .15s cubic-bezier(.4, 0, .2, 1);
  }
  [class^="image-changer-layout-"] .slick-dots li:last-child {
    margin-right: 0;
  }
  [class^="image-changer-layout-"] .slick-dots li .image-changer_thumbWrapper {
    height: auto;
    padding-top: 100%;
  }
  [class^="image-changer-layout-"] .image-changer_thumbImage {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
  }
  [class^="image-changer-layout-"] .slick-dots li:hover {
    opacity: 0.7;
  }
  [class^="image-changer-layout-"] .slick-dots li.slick-active::after {
    content: "";
    display: block;
    height: 3px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(to right, #0a3190 0%, #e60012 100%);
  }

  /* ----- export-packing-layout ----- */
  .export-packing-layout {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .export-packing-layout .export-packing_imageWrapper {
    padding: 0 36px;
  }
  .export-packing-layout .export-packing_image img {
    width: 100%;
  }
  .export-packing-layout .export-packing_imageColumn:nth-of-type(n+2) {
    margin-top: 58px;
    position: relative;
  }
  .export-packing-layout .export-packing_imageColumn:nth-of-type(n+2)::after {
    content: "";
    display: block;
    width: 35px;
    height: 24px;
    position: absolute;
    top: -43px;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    background: url("/img/cmn/cmn_ico09.png");
    background-size: cover;
  }
  .export-packing-layout .export-packing_imageColumn [class^="export-packing_status"] {
    padding: 17px 20px 12px;
    font-size: 1.1rem;
    font-weight: 700;
    color: #fff;
  }
  .export-packing-layout .export-packing_imageColumn .export-packing_status-v1 {
    background-color: #666666;
  }
  .export-packing-layout .export-packing_imageColumn .export-packing_status-v2 {
    background-color: #0a3190;
  }
  .export-packing-layout .export-packing_imageColumn .export-packing_caption {
    margin-top: 13px;
  }
  .export-packing-layout .export-packing_descriptionWrapper {
    margin-top: 14px;
  }
  .export-packing-layout .export-packing_description_inner {
    padding: 15px;
    background-color: #eceff6;
  }
  .export-packing-layout .export-packing_description {
    margin: 0 auto;
    font-size: .93rem;
    color: #0a3190;
    font-weight: 800;
    line-height: 1.66;
  }

  /* ----- oil-card-layout ----- */
  .oil-card-layout {
    margin: 2.34375rem -1rem 3.125rem;
  }
  .oil-card-layout .oil-card_heading {
    margin: 0 1rem .7rem;
    font-size: 1.25rem;
    font-weight: 700;
  }
  .oil-card-layout .oil-card_leadWrap {
    width: 100%;
    height: auto;
    background-color: #eceff6;
    position: relative;
    z-index: -2;
    overflow: hidden;
  }
  .oil-card-layout .oil-card_leadTextWrap {
    padding: 15px;
    max-width: 280px;
    color: #ffffff;
    font-size: 1rem;
  }
  .oil-card-layout .oil-card_leadText::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 16%;
    width: 767px;
    height: 100%;
    background-color: #0a3190;
    transform: skewX(-30deg);
    z-index: -1;
  }
  .oil-card-layout .oil-card_leadText strong {
    font-weight: 800;
  }
  .oil-card-layout .oil-card_leadImageWrap {
    display: -webkit-flex;
    display: flex;
    padding: 15px 15px;
    background-color: #eceff6;
  }
  .oil-card-layout .oil-card_leadImageWrap .oil-card_leadImage {
    margin-right: 6px;
  }
  .oil-card-layout .oil-card_leadImageWrap .oil-card_leadImage:last-of-type {
    margin-right: 0;
  }
  .oil-card-layout .oil-card_leadImageWrap .oil-card_leadImage img {
    width: 100%;
    height: auto;
  }
  .oil-card-layout .oil-card_pointWrap {
    padding-top: 10px;
    background-color: #f8f8f8;
  }
  .oil-card-layout .oil-card_pointIcon {
    position: relative;
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto 6px;
    border-radius: 50%;
    background: -webkit-linear-gradient(left, #0a3190 1%, #e60012 100%);
    background: -moz-linear-gradient(left, #0a3190 1%, #e60012 100%);
    background: -ms-linear-gradient(left, #0a3190 1%, #e60012 100%);
    background: linear-gradient(to right, #0a3190 1%, #e60012 100%);
    z-index: 0;
  }
  .oil-card-layout .oil-card_pointIcon::after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 94px;
    height: 94px;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #ffffff;
    z-index: 1;
  }
  .oil-card-layout .oil-card_pointIcon &gt; span {
    font-size: 1.25rem;
    font-weight: 800;
    position: absolute;
    top: 38px;
    left: 16px;
    z-index: 2;
  }
  .oil-card-layout .oil-card_pointLinkInner {
    margin-bottom: 0;
    border-bottom: 2px solid #dfdfdf;
  }
  .oil-card-layout .oil-card_pointLinkInner a {
    display: block;
    padding: 17px 60px 14px 44px;
    position: relative;
    font-weight: 800;
    transition: all .25s cubic-bezier(.4,0,.2,1);
  }
  .oil-card-layout .oil-card_pointLinkInner :nth-of-type(2n) {
    margin-left: 30px;
  }
  .oil-card-layout .oil-card_pointLinkInner a::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: calc(50% + 7px);
    right: 20px;
    border-bottom: 1px solid #e60012;
    border-left: 1px solid #e60012;
    transform: rotate(-45deg) translateY(-17px);
    transition: all .25s cubic-bezier(.4,0,.2,1);
  }
  .oil-card-layout .oil-card_pointLinkInner a:focus {
    color: #333;
  }
  .oil-card-layout .oil-card_pointLinkInner .oil-card_list_number {
    position: absolute;
    top: 17px;
    left: 20px;
  }
  .oil-card-layout .oil-card_pointLinkInner .oil-card_list_number::after {
    content: ".";
  }

  /* ----- oil-web-data-layout ----- */
  .oil-web-data-layout .oil-web-data_wrapper {
    padding: 16px 16px;
    border: 1px solid #dadada;
  }
  .oil-web-data-layout .oil-web-data_title {
    margin-bottom: 25px;
    font-size: 1.31rem;
    font-weight: 700;
    text-align: center;
  }
  .oil-web-data-layout .oil-web-data_column {
    margin-top: 6px;
  }
  .oil-web-data-layout .oil-web-data_imageWrapper {
    position: relative;
    margin-bottom: 70px;
  }
  .oil-web-data-layout .oil-web-data_imageWrapper::after {
    content: "";
    display: block;
    width: 32px;
    height: 18px;
    background: url( "/img/cmn/cmn_ico10.png");
    background-size: cover;
    position: absolute;
    bottom: -30px;
    left: calc(50% - 16px);
  }
  .oil-web-data-layout .oil-web-data_imageWrapper::before {
    content: "ダウンロード";
    display: block;
    width: 75px;
    height: 11px;
    font-weight: 700;
    font-size: .75rem;
    color: #e60012;
    position: absolute;
    bottom: -50px;
    left: calc(50% - 36px);
    z-index: 2;
  }
  .oil-web-data-layout .oil-web-data_imageWrapper:last-of-type::after,
  .oil-web-data-layout .oil-web-data_imageWrapper:last-of-type::before {
    content: none;
  }
  .oil-web-data-layout .oil-web-data_imageWrapper:last-of-type {
    margin-bottom: 0;
  }
  .oil-web-data-layout .oil-web-data_imageTitle {
    margin-bottom: 17px;
    font-size: 1rem;
    font-weight: 700;
    color: #0a3190;
  }
  .oil-web-data-layout .oil-web-data_image img {
    width: 100%;
  }
  
  /* ----- ship-hero-layout ----- */
  .ship-hero-layout {
    min-height: 250px;
    margin-bottom: 2.29688rem;
    padding: 1.3125rem;
    background: url("/img/cmn/cmn_bg01.jpg") no-repeat 40% 50%;
    background-size: cover;
    color: #fff;
  }
  .ship-hero-layout &gt; *:first-child {
    margin-top: 0 !important;
  }
  .ship-hero-layout &gt; *:last-child {
    margin-bottom: 0 !important;
  }
  
  /* ----- card--flat ----- */
  .card.card--flat {
    box-shadow: none;
    border: 1px solid #dfdfdf;
  }
  
  /* ----- banner ----- */
  .banner {
    text-align: center;
    margin: 15px 0;
  }
  .banner__link {
    display: inline-block;
    box-shadow: 0px 2px 8.8px 1.2px rgba(0, 0, 0, 0.25);
  }
  .banner__link &gt; img {
    max-width: 100%;
  }
  /* ----- news__body_type-scroll ----- */
  .news__body_type-scroll {
    width: 100%;
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .news__body_type-scroll a.btn {
    padding: 0 1rem;
  }
  /* ----- land_fuel-hero-layout ----- */
  .land_fuel-hero-layout {
    min-height: 250px;
    margin-bottom: 2.29688rem;
    padding: 1.3125rem;
    background: url( "/img/service/oil/land_fuel_bg01.jpg") no-repeat 40% 50%;
    background-size: cover;
    color: #fff;
  }
  .land_fuel-hero-layout &gt; *:first-child {
    margin-top: 0 !important;
  }
  .land_fuel-hero-layout &gt; *:last-child {
    margin-bottom: 0 !important;
  }
}

/* ======================================================
 * SP Media Queries
====================================================== */
@media only screen and (max-width: 736px) {
}
@media only screen and (max-width: 667px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 568px) {
}
@media only screen and (max-width: 480px) {
}
@media only screen and (max-width: 414px) {
}
@media only screen and (max-width: 375px) {
}
@media only screen and (max-width: 360px) {
}
@media only screen and (max-width: 320px) {
}


/* ======================================================
 * Animation
====================================================== */
@keyframes service-arrow-inline {
  50% {
    transform: translateX(0.25rem);
  }
  to {
    transform: translateX(0rem);
  }
}
/* ======================================================
 * Print
====================================================== */
@media print {
}
</pre></body></html>