/*!
Theme Name: RISINGSUN 2022
Author: 株式会社　ライジングサンセキュリティーサービス
Author URI: https://risingsun.co.jp
Description: 株式会社　ライジングサンセキュリティーサービス専用テーマ
Development: Mohican LLC.;
Version: 1.0
*/
    /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
      html {
          line-height: 1.15;
          -webkit-text-size-adjust: 100%
      }

      body {
          margin: 0;
          /*font-family: 'Noto Sans JP',sans-serif;*/
          /*font-size: 12px;*/
          /*font-weight: 500;*/
          /*line-height: 1.6;*/
          min-width: 320px;
          min-height: 480px;
          /*letter-spacing: .01em;*/
          /*color: #231815;*/
          background-color: #fff
      }

      details,main {
          display: block
      }

      hr {
          overflow: visible;
          -webkit-box-sizing: content-box;
          box-sizing: content-box;
          height: 0
      }

      code,kbd,pre,samp {
          font-family: monospace,monospace;
          font-size: 1em
      }

      a {
          background-color: transparent;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          text-decoration: none;
          color: inherit
      }

      abbr[title] {
          -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
          border-bottom: none
      }

      b,strong {
          font-weight: bolder
      }

      small {
          font-size: 80%
      }

      sub,sup {
          font-size: 75%;
          line-height: 0;
          position: relative;
          vertical-align: baseline
      }

      sub {
          bottom: -.25em
      }

      sup {
          top: -.5em
      }

      img {
          border-style: none
      }

      button,input,optgroup {
          font-size: 100%
      }

      button,input,optgroup,select,textarea {
          font-family: inherit;
          line-height: 1.15;
          margin: 0
      }

      button,input {
          overflow: visible
      }

      button,select {
          text-transform: none
      }

      [type=button],[type=reset],[type=submit],button {
          -webkit-appearance: button
      }

      [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
          padding: 0;
          border-style: none
      }

      [type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
          outline: 1px dotted ButtonText
      }

      fieldset {
          padding: .35em .75em .625em
      }

      legend {
          display: table;
          max-width: 100%;
          white-space: normal;
          color: inherit
      }

      progress {
          vertical-align: baseline
      }

      textarea {
          overflow: auto
      }

      [type=checkbox],[type=radio],legend {
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding: 0
      }

      [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
          height: auto
      }

      [type=search] {
          outline-offset: -2px;
          -webkit-appearance: textfield
      }

      [type=search]::-webkit-search-decoration {
          -webkit-appearance: none
      }

      ::-webkit-file-upload-button {
          font: inherit;
          -webkit-appearance: button
      }

      summary {
          display: list-item
      }

      [hidden],template {
          display: none
      }

      body,html {
          height: 100%;
          scroll-behavior: smooth
      }

      article,figcaption,figure,footer,header,section {
          display: block;
          margin: 0
      }

      h1,h2,h3,h4,h5,h6 {
          font-size: 1em;
          font-weight: 700;
          margin: 0 0 1em
      }

      table,td,th {
          min-width: 60px;
          border-collapse: collapse;
          border: 1px solid
      }

      ol,ul {
          padding: 0
      }

      li,p {
          margin: 0 0 1em
      }

      canvas,img,svg {
          max-width: 100%;
          height: auto;
          vertical-align: bottom
      }

      video {
          background: #000
      }

      dd,dl,dt,ol,ul {
          margin: 0
      }

      article,button,dd,div,dl,dt,figcaption,figure,footer,h1,h2,h3,h4,h5,h6,header,input,li,p,section,select,table,td,textarea,th {
          -webkit-box-sizing: border-box;
          box-sizing: border-box
      }

      em {
          font-weight: inherit
      }

      address,em {
          font-style: normal
      }

      input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],select,textarea {
          font-size: 16px;
          padding: .8em;
          border: 1px solid #ddd;
          border-radius: 3px;
          outline: 0
      }

      input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus,select:focus,textarea:focus {
          border: 1px solid #3498db;
          -webkit-box-shadow: 0 0 7px #3498db;
          box-shadow: 0 0 7px #3498db
      }

      input[type=email] select,input[type=number] select,input[type=password] select,input[type=tel] select,input[type=text] select,select select,textarea select {
          padding: .5em .8em
      }

      textarea {
          max-width: 300px
      }

      input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text] {
          max-width: 200px;
          -webkit-transition: all .3s;
          transition: all .3s;
          -webkit-transition-property: width;
          transition-property: width
      }

      input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus {
          max-width: 300px
      }

      input.sysNextSubmit,input[type=submit] {
          padding: 10px 30px;
          color: #111;
          border: 1px solid #ddd;
          border-radius: 3px;
          background: #fff;
          background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#eee));
          background: linear-gradient(to bottom,#fff 0%,#eee 100%)
      }

      input.sysNextSubmit:hover,input[type=submit]:hover {
          background: #efefef;
          background: -webkit-gradient(linear,left top,left bottom,from(#efefef),to(#eee));
          background: linear-gradient(to bottom,#efefef 0%,#eee 100%)
      }


    /*!
     * redisign style
     */
        .wbr {
            display: inline-block
        }

        .fs-70 {
            font-size: 70%!important
        }

        .fs-80 {
            font-size: 80%!important
        }

        .fs-90 {
            font-size: 90%!important
        }

        .fs-100 {
            font-size: 100%!important
        }

        .fs-110 {
            font-size: 110%!important
        }

        .fs-120 {
            font-size: 120%!important
        }

        .fs-130 {
            font-size: 130%!important
        }

        .fs-140 {
            font-size: 140%!important
        }

        .fs-150 {
            font-size: 150%!important
        }

        .m-0 {
            margin: 0!important
        }

        .m-b-0 {
            margin-bottom: 0!important
        }

        .m-l-0 {
            margin-left: 0!important
        }

        .m-r-0 {
            margin-right: 0!important
        }

        .m-t-0 {
            margin-top: 0!important
        }

        .m-1 {
            margin: 1em!important
        }

        .m-b-1 {
            margin-bottom: 1em!important
        }

        .m-l-1 {
            margin-left: 1em!important
        }

        .m-r-1 {
            margin-right: 1em!important
        }

        .m-t-1 {
            margin-top: 1em!important
        }

        .m-2 {
            margin: 2em!important
        }

        .m-b-2 {
            margin-bottom: 2em!important
        }

        .m-l-2 {
            margin-left: 2em!important
        }

        .m-r-2 {
            margin-right: 2em!important
        }

        .m-t-2 {
            margin-top: 2em!important
        }

        .m-3 {
            margin: 3em!important
        }

        .m-b-3 {
            margin-bottom: 3em!important
        }

        .m-l-3 {
            margin-left: 3em!important
        }

        .m-r-3 {
            margin-right: 3em!important
        }

        .m-t-3 {
            margin-top: 3em!important
        }

        .m-4 {
            margin: 4em!important
        }

        .m-b-4 {
            margin-bottom: 4em!important
        }

        .m-l-4 {
            margin-left: 4em!important
        }

        .m-r-4 {
            margin-right: 4em!important
        }

        .m-t-4 {
            margin-top: 4em!important
        }

        .m-5 {
            margin: 5em!important
        }

        .m-b-5 {
            margin-bottom: 5em!important
        }

        .m-l-5 {
            margin-left: 5em!important
        }

        .m-r-5 {
            margin-right: 5em!important
        }

        .m-t-5 {
            margin-top: 5em!important
        }

        .m-6 {
            margin: 6em!important
        }

        .m-b-6 {
            margin-bottom: 6em!important
        }

        .m-l-6 {
            margin-left: 6em!important
        }

        .m-r-6 {
            margin-right: 6em!important
        }

        .m-t-6 {
            margin-top: 6em!important
        }

        .m-7 {
            margin: 7em!important
        }

        .m-b-7 {
            margin-bottom: 7em!important
        }

        .m-l-7 {
            margin-left: 7em!important
        }

        .m-r-7 {
            margin-right: 7em!important
        }

        .m-t-7 {
            margin-top: 7em!important
        }

        .m-8 {
            margin: 8em!important
        }

        .m-b-8 {
            margin-bottom: 8em!important
        }

        .m-l-8 {
            margin-left: 8em!important
        }

        .m-r-8 {
            margin-right: 8em!important
        }

        .m-t-8 {
            margin-top: 8em!important
        }

        .m-9 {
            margin: 9em!important
        }

        .m-b-9 {
            margin-bottom: 9em!important
        }

        .m-l-9 {
            margin-left: 9em!important
        }

        .m-r-9 {
            margin-right: 9em!important
        }

        .m-t-9 {
            margin-top: 9em!important
        }

        .m-10 {
            margin: 10em!important
        }

        .m-b-10 {
            margin-bottom: 10em!important
        }

        .m-l-10 {
            margin-left: 10em!important
        }

        .m-r-10 {
            margin-right: 10em!important
        }

        .m-t-10 {
            margin-top: 10em!important
        }

        .p-0 {
            padding: 0!important
        }

        .p-t-0 {
            padding-top: 0!important
        }

        .p-r-0 {
            padding-right: 0!important
        }

        .p-b-0 {
            padding-bottom: 0!important
        }

        .p-l-0 {
            padding-left: 0!important
        }

        .p-1 {
            padding: 1em!important
        }

        .p-t-1 {
            padding-top: 1em!important
        }

        .p-r-1 {
            padding-right: 1em!important
        }

        .p-b-1 {
            padding-bottom: 1em!important
        }

        .p-l-1 {
            padding-left: 1em!important
        }

        .p-2 {
            padding: 2em!important
        }

        .p-t-2 {
            padding-top: 2em!important
        }

        .p-r-2 {
            padding-right: 2em!important
        }

        .p-b-2 {
            padding-bottom: 2em!important
        }

        .p-l-2 {
            padding-left: 2em!important
        }

        .p-3 {
            padding: 3em!important
        }

        .p-t-3 {
            padding-top: 3em!important
        }

        .p-r-3 {
            padding-right: 3em!important
        }

        .p-b-3 {
            padding-bottom: 3em!important
        }

        .p-l-3 {
            padding-left: 3em!important
        }

        .right {
            text-align: right!important
        }

        .left {
            text-align: left!important
        }

        .center {
            text-align: center!important
        }

        [tabindex] {
            cursor: pointer
        }

        body {
            font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
            font-size: 14px;
            line-height: 1.786;
            letter-spacing: .071em;
            text-rendering: optimizeLegibility;
            -webkit-font-feature-settings: "liga";
            font-feature-settings: "liga";
            word-wrap: break-word;
            word-break: break-all;
            line-break: anywhere;
            min-width: 320px;
            min-height: 320px;
        }

        body * {
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        #wrapper {
            min-height: 100vh;
            height: 100%
        }

        #container {
            position: relative
        }
    /*!
     * header
     */
        #header {
            z-index: 3000;
            height: 65px;
            background: #fff;
            position: fixed;
            width: 100%;
            top: 0;
            -webkit-box-shadow: 0 1px 0#bfbdbd;
            box-shadow: 0 1px 0#bfbdbd
        }

        #header .logo a {
            display: block
        }

        #header .logo .img {
            display: block;
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain
        }

        #header .logo .img img {
            opacity: 0
        }

        #header #commonHeader .logo {
            top: 20px;
            left: 20px;
            position: relative;
            display: inline-block
        }

        #header #commonHeader .logo .img {
            height: 25px;
            width: 170px
        }
    /*!
     * navigation
     */
        #navigation {
            position: absolute;
            top: 0;
            width: 100vw
        }

        #navigation button {
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            background-color: transparent;
            width: 44px;
            height: 0;
            padding-top: 41px;
            position: absolute;
            z-index: 9999999;
            margin: auto;
            right: 20px;
            top: 24px;
            border: 0;
            overflow: hidden
        }

        #navigation button span,#navigation button:after,#navigation button:before {
            position: absolute;
            height: 2px;
            width: 30px;
            background: #353535;
            left: 0;
            right: 0;
            margin: auto;
            -webkit-transition-duration: .2s;
            -o-transition-duration: .2s;
            transition-duration: .2s
        }

        #navigation button:after,#navigation button:before {
            content: "";
            top: 0;
            -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg)
        }

        #navigation button:after {
            top: 16px
        }

        #navigation button span {
            top: 8px;
            opacity: 1
        }

        #navigation #gNav,#navigation #gNav li a {
            -webkit-transition-duration: .4s;
            -o-transition-duration: .4s;
            transition-duration: .4s
        }

        #navigation #gNav {
            position: absolute;
            top: 0;
            left: 200vw;
            width: 100vw;
            height: 100vh;
            background-color: #f2f2f2;
            display: table
        }

        #navigation #gNav .gNavInner {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            width: 100%;
            font-family: "Gentium Plus",serif
        }

        #navigation #gNav .logo {
            max-width: 250px;
            margin: 1em auto
        }

        #navigation #gNav li {
            margin-bottom: 0
        }

        #navigation #gNav li a {
            background-position: center 0;
            background-repeat: no-repeat;
            background-size: auto 100px;
            height: 0;
            padding-top: 50px;
            overflow: hidden;
            display: block;
            -webkit-transition-property: background,color;
            -o-transition-property: background,color;
            transition-property: background,color
        }

        #navigation #gNav li a:focus,#navigation #gNav li a:hover {
            background-position: center -50px;
            color: red;
            -webkit-transition-timing-function: ease;
            -o-transition-timing-function: ease;
            transition-timing-function: ease;
            -webkit-box-shadow: 0 1px 0 red;
            box-shadow: 0 1px 0 red
        }

        #navigation #gNav li.business a {
            background-image: url(./img/nav-business.png)
        }

        #navigation #gNav li.overview a {
            background-image: url(./img/nav-overview.png)
        }

        #navigation #gNav li.works a {
            background-image: url(./img/nav-works.png)
        }

        #navigation #gNav li.recruit a {
            background-image: url(./img/nav-recruit.png)
        }

        #navigation #gNav li.policy a {
            background-image: url(./img/nav-policy.png)
        }

        .menu-open #navigation #gNav {
            left: 0
        }

        .menu-open #navigation button span {
            opacity: 0;
            width: 0
        }

        .menu-open #navigation button:before {
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            top: 12px;
            width: 24px
        }

        .menu-open #navigation button:after {
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            top: 12px;
            width: 24px
        }

        #navigation #gNav .navlist {
            list-style: none;
            max-width: 250px;
            margin: auto
        }

        #navigation #gNav .info {
            max-width: 250px;
            margin: 1em auto
        }

        #navigation #gNav .info .mail a,#navigation #gNav .info .tel a {
            padding-top: 34px;
            height: 0;
            overflow: hidden;
            display: block;
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            background-image: url(./img/nav-mail.svg)
        }

        #navigation #gNav .info .tel a {
            background-image: url(./img/nav-tel.svg)
        }
    /*!
     * hero image
     */
        #visual {
            position: relative;
            height: 0;
            padding-top: 93.75%;
            margin:auto;
            background: #000;
        }
        .top #visual {
            margin-bottom: 0;
        }
        #visual h1,#visualSlider {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0
        }

        #visual h1 {
            font-size: 1.786em;
            margin: auto;
            color: #fff;
            z-index: 1000;
            display: table;
            font-family: "Noto Sans Japanese",sans-serif;
            font-weight: 700;
            letter-spacing: .12em
        }

        #visualSlider {
            overflow: hidden
        }

        #visualSlider .slide-item {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }

        #visualSlider .slide-item .bg,
        #visualSlider .slide-item .img {
            width: 100%;
            height: 100%;
            display: block;
            background-repeat: no-repeat;
            background-position: center;
            text-align: center;
        }

        #visualSlider .slide-item .bg{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            transform: scale(1.5);
            filter: blur(4px);

        }
        #visualSlider .slide-item .img {
            background-size: contain;
            position: relative;
            z-index: 1;
        }

        #visualSlider .slide-item.multi-bg .img {
            background-size: 0,cover
        }

        #visualSlider .slide-item .img img {
            opacity: 0;
            width: 1px;
            height: 1px

        }

        #visualIndicator {
            position: absolute;
            bottom: 10px;
            width: 100%;
            z-index: 2000;
            text-align: center
        }

        #visualBtn .btn button,#visualIndicator button {
            border: 0;
            overflow: hidden;
            background-color: transparent;
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            text-indent: -9999px
        }

        #visualIndicator button {
            line-height: 1;
            display: inline-block;
            font-size: 8px;
            width: 22px;
            height: 22px;
            margin: 0;
            background-image: url(./img/10px_dot-01.svg)
        }

        #visualBtn .btn {
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto;
            display: table;
            z-index: 2000
        }

        #visualBtn #btn-prev {
            left: 10px
        }

        #visualBtn #btn-next {
            right: 10px
        }

        #visualBtn .btn button {
            height: 60px;
            width: 60px;
            display: block
        }

        #visualBtn #btn-prev button {
            background-image: url(./img/arrow_left.svg)
        }

        #visualBtn #btn-next button {
            background-image: url(./img/arrow_right.svg)
        }

        #visualSlider .slide-item {
            opacity: 0;
            z-index: 0;
            -webkit-transition-duration: .3s;
            -o-transition-duration: .3s;
            transition-duration: .3s
        }

        #visualSlider[data-select="1"] .slide-item:nth-child(1),#visualSlider[data-select="2"] .slide-item:nth-child(2),#visualSlider[data-select="3"] .slide-item:nth-child(3),#visualSlider[data-select="4"] .slide-item:nth-child(4),#visualSlider[data-select="5"] .slide-item:nth-child(5),#visualSlider[data-select="6"] .slide-item:nth-child(6),#visualSlider[data-select="7"] .slide-item:nth-child(7) {
            opacity: 1;
            z-index: 100
        }

        #visualSlider[data-select="1"]+#visualCtrl #visualIndicator button[data-rel="1"],#visualSlider[data-select="2"]+#visualCtrl #visualIndicator button[data-rel="2"],#visualSlider[data-select="3"]+#visualCtrl #visualIndicator button[data-rel="3"],#visualSlider[data-select="4"]+#visualCtrl #visualIndicator button[data-rel="4"],#visualSlider[data-select="5"]+#visualCtrl #visualIndicator button[data-rel="5"],#visualSlider[data-select="6"]+#visualCtrl #visualIndicator button[data-rel="6"],#visualSlider[data-select="7"]+#visualCtrl #visualIndicator button[data-rel="7"] {
            background-image: url(./img/10px_dot-02.svg)
        }


    /*!
     * main
     */
        #main {
            padding-top: 65px;
            height: 100%;
            max-width: 1080px;
            margin: auto;
        }

        #main .mod-wrap {
            width: 89.59%;
            max-width: 890px
        }
        .page-header{
            margin: 2em auto 2.4wm;
        }
        .page-header .ttl-1{
            text-align: center;
            font-size: 1.786em;
            z-index: 1000;
            font-family: "Noto Sans Japanese",sans-serif;
            font-weight: 700;
            letter-spacing: .12em;
            letter-spacing: .04em;
        }

        article {
            padding: 2em 0 4em
        }

        article p {
            margin-bottom: .5em
        }

        article .wp-block-separator {
            border-top: 0;
            border-bottom: 1px solid #bfbdbd;
            margin: 4em auto 2em
        }

        article hr {
            border: 0;
            border-bottom: 1px solid #ccc;
            margin: 1.5em auto .5em
        }

        article h3 {
            font-size: 1.643em;
            line-height: 1.739;
            letter-spacing: .13em;
            padding: 0 0 .5em;
            font-family: "Noto Sans Japanese",sans-serif;
            font-weight: 700;
            border-bottom: 4px solid;
            margin-top: 2em;
            margin-bottom: 1.6em
        }

        article h4,article h5,article h6 {
            font-size: 1.25em;
            margin-top: 1em;
            margin-bottom: .5em;
            color: #000;
            font-family: inherit;
            font-weight: 400;
            font-style: normal;
            line-height: 1em
        }

        article h5,article h6 {
            font-size: 1em
        }

        article ol,article ul {
            margin: 1em 0;
            list-style-position: inside
        }

        article ul {
            list-style-type: disc
        }

        article li {
            margin-bottom: .1em
        }

        article a {
            color: #00f;
            text-decoration: underline
        }
    /*!
     * footer
     */
        #footer {
            position: absolute;
            bottom: 0;
            width: 100%;
            background: #7f7f7f;
            color: #fff
        }

        #footer .mod-nav {
            background: #fff;
            color: #000;
            padding: .1px 0
        }

        #footer .btn-privacymark a {
            border: 1px solid #bfbdbd;
            min-height: 34px;
            display: block;
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain
        }

        #footer .nav {
            border-top: 1px solid #bfbdbd;
            font-size: .714em;
            letter-spacing: .01em;
            padding: 2em 0 0;
            max-width: 1080px;
            margin: auto
        }

        #footer .nav ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            list-style: none;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            gap: 10px;
            max-width: 78%;
            text-align: center;
            margin: 2em auto;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        #footer .nav li {
            width: 29.22%;
            letter-spacing: .2em
        }

        #footer .nav li.home {
            display: none
        }

        #footer .nav li a {
            position: relative
        }

        #footer .nav li a:after,.archiveList li h4:after {
            content: "";
            height: 3px;
            display: block;
            margin-top: 7px;
            position: relative;
            background: -o-linear-gradient(left,#fff,#c7b299 76%);
            background: -webkit-gradient(linear,left top,right top,from(#fff),color-stop(76%,#c7b299));
            background: linear-gradient(to right,#fff,#c7b299 76%)
        }

        #footer .btn-privacymark {
            margin: 0 auto 3em;
            width: 32%
        }

        #footer .btn-privacymark a img,.archiveList li .img img {
            opacity: 0;
            width: 1px;
            height: 1px
        }

        #footer .copyright,#footer .navTertiary {
            text-align: center;
            font-size: .714em;
            line-height: 1.2
        }

        #footer .navTertiary {
            letter-spacing: .2em;
            margin-top: 4em;
            margin-bottom: 4.5em
        }

        #footer .navTertiary li {
            list-style: none;
            padding-left: 1.5em;
            position: relative;
            display: inline-block
        }

        #footer .navTertiary li:before {
            content: "◆";
            position: absolute;
            left: 0;
            top: 0
        }

        #footer .copyright {
            letter-spacing: .1em;
            color: #bfbdbd;
            margin-bottom: 2em
        }

        .postCategoryList {
            line-height: 1.2;
            text-align: center;
            color: #000;
            position: relative;
            min-height: .867em;
            letter-spacing: 1px;
            font-size: 1.071em
        }

        .postCategoryList a {
            color: inherit;
            text-decoration: inherit
        }

        .postCategoryList::after {
            content: "";
            display: block;
            position: relative;
            height: 2px;
            width: 53px;
            margin: 0 auto 2.4em;
            background: -o-linear-gradient(left,#bfbdbd,#c7b299 76%);
            background: -webkit-gradient(linear,left top,right top,from(#bfbdbd),color-stop(76%,#c7b299));
            background: linear-gradient(to right,#bfbdbd,#c7b299 76%)
        }

        .archiveList li h4,
        .content-header .ttl-1 {
            font-family: "Noto Sans Japanese",sans-serif
        }

        .content-header .ttl-1 {
            font-size: 1.786em;
            text-align: center;
            margin-bottom: 2.4em;
            letter-spacing: .04em
        }

        .archiveList li .img,.content-header .img {
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover
        }

        .content-header .img {
            padding-top: 332px;
            height: 0;
            overflow: hidden
        }

        .archiveList {
            margin: 3.4em auto
            max-width: 968px;
        }

        .archiveList li {
            list-style: none;
            margin: 1em auto 0;
            background: #000
        }
        .archiveList li a{
            text-decoration: none;

        }

        .archiveList li .img {
            height: 235px
        }

        .archiveList li h4 {
            font-size: 1em;
            font-weight: 400;
            color: inherit;
            line-height: inherit;
            letter-spacing: inherit;
            font-family: inherit;
        }

        .archiveList li h4:after {
            width: 12.59%;
            margin-top: 8px
        }

        .archiveList li figcaption {
            background: #000;
            color: #fff;
            padding: 1.5em
        }

        .postContent {
            /*width: 92.57%;*/
            margin: 2.071em auto auto;
            padding: 2.4em 0 0;
            position: relative;
            border-top: 1px solid #7f7f7f
        }
        .gallery-item{
            padding: 0 1% 2%;
        }
        .gallery-item a{
            text-decoration:none;
        }
        .gallery-item img{
              border:0 !important;
        }
    /*!
     * prev next links
     */
        .prevnextLinks {
            position: relative;
            height: 6.357em;
            width: 92.57%;
            margin: 1.214em auto auto
        }

        .pagination .page-numbers,.prevnextLinks a {
            font-family: bentham,serif;
            letter-spacing: 1px;
            color: #000;
            text-align: center
        }

        .prevnextLinks a {
            border: 1px solid #000;
            border-radius: .714em;
            margin-top: 1.643em;
            font-weight: 400;
            position: absolute;
            min-height: 3em;
            display: inline-table;
            width: 31.72%;
            background: #fff;
            max-width: 112px;
            text-decoration: none
        }

        .prevnextLinks a[rel=prev] {
            left: 0
        }

        .prevnextLinks a[rel=next] {
            right: 0
        }

        .prevnextLinks a span {
            display: table-cell;
            vertical-align: middle;
            width: 100%;
            height: 100%;
            padding: .5em;
            font-size: .929em
        }

        .pagination {
            height: 6.357em;
            margin: 2.6em auto 0;
            text-align: center;
            width: 82.95%
        }

        .pagination .page-numbers {
            font-weight: 700;
            margin: 0 4px
        }

        .pagination a {
            text-decoration: underline;
            color: inherit
        }

        .pagination a.next,.pagination a.prev {
            padding: .9em .25em;
            border: 1px solid #000;
            border-radius: .714em;
            font-weight: 400;
            position: absolute;
            display: inline-table;
            width: 20%;
            background: #fff;
            margin: -1em auto 0;
            text-decoration: none;
            max-width: 112px
        }

        .pagination a.prev {
            left: 0
        }

        .pagination,.pagination a.next span,.pagination a.prev span {
            position: relative
        }

        .pagination a.prev span:before {
            content: "";
            background-image: url(./img/arrow_left.svg);
            width: 1em;
            height: 1em;
            display: inline-block;
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            margin-right: .5em
        }

        .pagination a.next span:after,.pagination a.next span:before,.pagination a.prev span:after {
            content: "";
            width: .5em;
            height: 1em;
            display: inline-block
        }

        .pagination a.next {
            right: 0
        }

        .pagination a.next span:after {
            background-image: url(./img/arrow_right.svg);
            width: 1em;
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            margin-left: .5em
        }

        .postContent img {
            border-style: none;
            max-width: 100%;
            vertical-align: bottom;
            height: auto
        }

        .postContent .alignleft {
            display: block;
            margin-left: 0;
            margin-right: 15px;
            text-align: left;
            float: left
        }

        .postContent .aligncenter {
            text-align: center;
            display: block;
            margin-left: auto;
            margin-right: auto
        }

        .postContent .alignright {
            display: block;
            margin-right: 0;
            margin-left: 15px;
            text-align: right;
            float: right
        }

        .postContent img:after {
            content: "";
            display: block;
            clear: both
        }

        .link-category a {
            color: #f15a24
        }

        .link-category a:focus,.link-category a:hover {
            color: #736357
        }
    /*!
     * module
     */


        .mod-wrap {
            width: 96.36%;
            margin: auto
        }

        .mod-wrap [data-lazy] {
            opacity: .01;
            -webkit-transform: translateY(40px);
            -ms-transform: translateY(40px);
            transform: translateY(40px)
        }

        .mod-wrap [data-lazy=done] {
            -webkit-animation: fadeInUp .6s ease .1s 1 forwards;
            animation: fadeInUp .6s ease .1s 1 forwards
        }

        .mod-catchcopy {
            max-width: 724px;
            margin: 2em auto;
            text-align: center;
            color: #7f7f7f;
            width: 77.31%
        }

        .mod-catchcopy h3 {
            border: 0;
            margin: 0 auto .5em;
            width: 90%
        }

        .mod-catchcopy .img {
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain
        }

        .mod-banner.autoTrim .img img,.mod-catchcopy .img img,.mod-categoryList .col-grid-3 .col-item .img img,.mod-postsList .btn .img img {
            opacity: 0;
            width: 1px;
            height: 1px
        }

        .mod-categoryList {
            position: relative
        }

        .mod-categoryList h3 {
            margin: 0 0 1.3em
        }

        .mod-categoryList .anchor {
            position: absolute;
            top: -10em
        }

        .mod-categoryList .col-grid-3 .col-item {
            margin-top: 2.6em
        }

        .mod-categoryList .col-grid-3 .col-item:fist-child {
            margin-top: 0
        }

        .mod-categoryList .col-grid-3 .col-item .thumb {
            position: relative
        }

        .mod-categoryList .col-grid-3 .col-item .img {
            height: 189px;
            width: 61.07%;
            margin: auto;
            display: block;
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover
        }

        .mod-categoryList .col-grid-3 .col-item figcaption {
            -webkit-transition-delay: 0s;
            -o-transition-delay: 0s;
            transition-delay: 0s;
            -webkit-transition-timing-function: ease;
            -o-transition-timing-function: ease;
            transition-timing-function: ease;
            -webkit-transition-property: background,color;
            -o-transition-property: background,color;
            transition-property: background,color;
            -webkit-transition-duration: 1s;
            -o-transition-duration: 1s;
            transition-duration: 1s;
            border: 2px solid;
            border-color: #754c24;
            background-color: #fff;
            text-align: center;
            font-weight: 700;
            font-family: "Noto Sans Japanese",sans-serif;
            color: #000;
            letter-spacing: .143em;
            top: 122px;
            width: 48.75%;
            z-index: 1;
            position: absolute;
            margin: auto;
            left: 0;
            right: 0;
            padding: .75em
        }

        .mod-categoryList .col-grid-3 .col-item[data-category=land] figcaption {
            border-color: #754c24
        }

        .mod-categoryList .col-grid-3 .col-item[data-category=land] a:focus figcaption,.mod-categoryList .col-grid-3 .col-item[data-category=land] a:hover figcaption {
            background-color: #534741;
            color: #fff
        }

        .mod-categoryList .col-grid-3 .col-item[data-category=marine] figcaption {
            border-color: #0071bc
        }

        .mod-categoryList .col-grid-3 .col-item[data-category=marine] a:focus figcaption,.mod-categoryList .col-grid-3 .col-item[data-category=marine] a:hover figcaption {
            background-color: #25789d;
            color: #fff
        }

        .mod-categoryList .col-grid-3 .col-item[data-category=air] figcaption {
            border-color: #88bfc9
        }

        .mod-categoryList .col-grid-3 .col-item[data-category=air] a:focus figcaption,.mod-categoryList .col-grid-3 .col-item[data-category=air] a:hover figcaption {
            background-color: #88bfc9;
            color: #fff
        }

        .mod-categoryList .col-grid-3 .col-item:nth-child(odd) .img {
            margin-left: 0
        }

        .mod-categoryList .col-grid-3 .col-item:nth-child(even) .img,.mod-categoryList .col-grid-3 .col-item:nth-child(odd) figcaption {
            margin-right: 0
        }

        .mod-categoryList .col-grid-3 .col-item:nth-child(even) figcaption {
            margin-left: 0
        }

        .mod-banner {
            margin: 2.5em auto
        }

        .mod-banner p {
            margin-bottom: 1em
        }

        .mod-banner a,.mod-postsList .btn a,.mod-postsList .btn figure {
            display: block
        }

        .mod-banner .img {
            background-size: 0;
            display: block;
            text-align: center
        }

        .mod-banner.autoTrim .img {
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            height: 250px
        }

        .mod-banner.autoTrim.col-flex-2 .img {
            height: 235px
        }

        .mod-scrolldownbtn a {
            height: 46px;
            margin: auto;
            display: block;
            width: 4.3%
        }

        .mod-map {
            height: 287px
        }

        .mod-table table {
            line-height: 1.786em;
            border: 0;
            border-collapse: collapse
        }

        .mod-table table td,.mod-table table th {
            padding: 1em .5em;
            border-width: 0 0 1px;
            border-collapse: collapse
        }

        .mod-table table td:first-child,.mod-table table th:first-child {
            min-width: 8em
        }

        .mod-table table tr:last-child td,.mod-table table tr:last-child th {
            border: 0
        }

        .mod-breadcrumbs {
            font-size: .857em;
            border-bottom: 1px solid #bfbdbd
        }

        .mod-breadcrumbs a {
            color: #beb1d5;
            text-decoration: none
        }

        .mod-breadcrumbs p {
            display: inline-block;
            margin: 0
        }

        .mod-breadcrumbs p:before {
            content: "-";
            display: inline-block;
            margin: 0 .5em
        }

        .mod-breadcrumbs p:first-child:before {
            display: none
        }

        .mod-consent_form {
            margin: 1em auto
        }

        .mod-consent_form .consent_form {
            border: 1px solid #bfbdbd;
            background-color: #f0f0f0;
            padding: 1em 2em 2em
        }

        .mod-consent_form .consent_form h3 {
            border-bottom: 0
        }

        .mod-consent_form .consent_btn {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            gap: 2%;
            margin: 3em auto auto
        }

        .mod-consent_form .consent_btn p {
            display: inline-table;
            width: 48.67%;
            -ms-flex-item-align: stretch;
            -ms-grid-row-align: stretch;
            align-self: stretch
        }

        .mod-consent_form .consent_btn p a {
            border: 1px solid;
            border-radius: 10px;
            background: #fff;
            position: relative;
            -webkit-transition-duration: .2s;
            -o-transition-duration: .2s;
            transition-duration: .2s;
            -webkit-transition-timing-function: ease;
            -o-transition-timing-function: ease;
            transition-timing-function: ease;
            padding: .75em 1em;
            text-decoration: none;
            color: inherit;
            height: 100%;
            width: 100%;
            text-align: center;
            vertical-align: middle;
            display: table-cell
        }

        .mod-consent_form .consent_btn p a:focus,.mod-consent_form .consent_btn p a:hover {
            border-color: #7f7f7f;
            background-color: #c7b299;
            color: #fff
        }

        .mod-form {
            margin: 2.571em auto auto;
            width: 73.34%;
            padding: 1.8em 1em
        }

        .mod-form.mod-form-contact form input[type=email],.mod-form.mod-form-contact form input[type=number],.mod-form.mod-form-contact form input[type=password],.mod-form.mod-form-contact form input[type=tel],.mod-form.mod-form-contact form input[type=text],.mod-form.mod-form-contact form select,.mod-form.mod-form-contact form textarea {
            max-width: 100%;
            width: 100%;
            margin-bottom: .5em
        }

        .mod-form.mod-form-contact form select {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none
        }

        .mod-form.mod-form-contact form input[type=submit] {
            background: #0275d8;
            border: 1px solid #0275d8;
            border-radius: 3px;
            color: #fff;
            display: inline-block;
            font-weight: 400;
            line-height: 1.25;
            margin-bottom: 1em;
            padding: .5rem 1rem;
            text-align: center;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .mod-frontCategoryLink {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin: auto;
            background: #000;
            justify-content: center;
        }

        .mod-frontCategoryLink p.btn {
            margin: 0;
            width: 50%;
            height: 182px;
            border: 1px solid #fff;
        }

        .mod-frontCategoryLink a {
            background-color: #000;
            display: block;
            height: 100%;
            position: relative;
            overflow: hidden
        }

        .mod-frontCategoryLink a:after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            z-index: 10
        }

        .mod-frontCategoryLink a .bg {
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            background-color: #000;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
            -webkit-transition-duration: .4s;
            -o-transition-duration: .4s;
            transition-duration: .4s;
            -webkit-transition-timing-function: ease;
            -o-transition-timing-function: ease;
            transition-timing-function: ease;
            -webkit-transform: scale(1.2);
            -ms-transform: scale(1.2);
            transform: scale(1.2)
        }

        .mod-frontCategoryLink a:focus .bg,.mod-frontCategoryLink a:hover .bg {
            -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
            -webkit-transform: scale(1.3);
            -ms-transform: scale(1.3);
            transform: scale(1.3)
        }

        .mod-frontCategoryLink a svg {
            fill: #fff;
            width: 182px;
            height: 182px;
            z-index: 1;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            -webkit-transform: scale(.7);
            -ms-transform: scale(.7);
            transform: scale(.7)
        }

        .mod-postsList {
            margin: 2.071em auto auto;
            padding: 2.4em 0;
            position: relative;
            border-top: 1px solid #7f7f7f
        }

        .top .mod-postsList {
            border: 0
        }

        .mod-postsList h2 {
            text-align: center;
            margin-bottom: 2em
        }

        .mod-postsList h4 {
            font-family: "Noto Sans Japanese",sans-serif;
            font-size: 1.357em;
            line-height: 1.32;
            font-weight: 700;
            text-align: center;
            letter-spacing: .12em;
            margin-bottom: 1.5em
        }

        .mod-postsList .btn {
            width: 100%;
            margin-bottom: 2.5em;
            overflow: hidden;
            position: relative
        }

        .mod-postsList .btn .img {
            display: block;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            background-color: #000;
            height: 220px;
            -webkit-transition-duration: .4s;
            -o-transition-duration: .4s;
            transition-duration: .4s
        }

        .mod-postsList .btn a:focus .img,.mod-postsList .btn a:hover .img {
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1)
        }

        .mod-postsList .btn figcaption {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 3em .5em 1em;
            color: #fff;
            background: -o-linear-gradient(top,rgba(0,0,0,.5) 20%,rgba(191,189,189,0) 50%);
            background: -webkit-gradient(linear,left top,left bottom,color-stop(20%,rgba(0,0,0,.5)),color-stop(50%,rgba(191,189,189,0)));
            background: linear-gradient(to bottom,rgba(0,0,0,.5) 20%,rgba(191,189,189,0) 50%);
            font-size: 1.25em;
            line-height: 1.4
        }

        .mod-postsList .btn .category-name {
            position: absolute;
            top: 1.25em;
            left: .5em;
            display: inline-block;
            color: #beb1d5
        }

        .mod-postsList .btn .category-name a {
            color: inherit
        }

        .mod-postsList [data-slider-max] .postsListSliderInner {
            height: 510px;
            position: relative;
            overflow: hidden
        }

        .mod-postsList [data-slider-max] .group {
            position: absolute;
            top: 0;
            left: 100vw;
            width: 100%;
            -webkit-transition-duration: .4s;
            -o-transition-duration: .4s;
            transition-duration: .4s;
            -webkit-transition-property: left,opacity;
            -o-transition-property: left,opacity;
            transition-property: left,opacity;
            opacity: 0
        }

        .mod-postsList [data-slider-max="2"][data-slider-select="1"] .group:nth-child(1) {
            left: 0;
            opacity: 1
        }

        .mod-postsList [data-slider-max="2"][data-slider-select="1"] .group:nth-child(2) {
            left: 100vw
        }

        .mod-postsList [data-slider-max="2"][data-slider-select="2"] .group:nth-child(1) {
            left: -100vw
        }

        .mod-postsList [data-slider-max="2"][data-slider-select="2"] .group:nth-child(2),.mod-postsList [data-slider-max="3"][data-slider-select="1"] .group:nth-child(1) {
            left: 0;
            opacity: 1
        }

        .mod-postsList [data-slider-max="3"][data-slider-select="1"] .group:nth-child(2) {
            left: 100vw
        }

        .mod-postsList [data-slider-max="3"][data-slider-select="1"] .group:nth-child(3) {
            left: -100vw
        }

        .mod-postsList [data-slider-max="3"][data-slider-select="2"] .group:nth-child(2) {
            left: 0;
            opacity: 1
        }

        .mod-postsList [data-slider-max="3"][data-slider-select="2"] .group:nth-child(3) {
            left: 100vw
        }

        .mod-postsList [data-slider-max="3"][data-slider-select="2"] .group:nth-child(1) {
            left: -100vw
        }

        .mod-postsList [data-slider-max="3"][data-slider-select="3"] .group:nth-child(3) {
            left: 0;
            opacity: 1
        }

        .mod-postsList [data-slider-max="3"][data-slider-select="3"] .group:nth-child(1) {
            left: 100vw
        }

        .mod-postsList [data-slider-max="3"][data-slider-select="3"] .group:nth-child(2) {
            left: -100vw
        }

        .mod-postsList .postsListIndicator {
            margin: 2em auto 1em;
            text-align: center
        }

        .mod-postsList .postsListIndicator button {
            display: inline-block;
            width: 16px;
            height: 16px;
            overflow: hidden;
            text-indent: -9999px;
            line-height: 1;
            border-radius: 200px;
            border: 0;
            background: #898989;
            margin: 2px
        }

        .mod-postsList [data-slider-select="1"]+.postsListIndicator button:nth-child(1),.mod-postsList [data-slider-select="2"]+.postsListIndicator button:nth-child(2),.mod-postsList [data-slider-select="3"]+.postsListIndicator button:nth-child(3) {
            background: #231815
        }

        .mod-btnlinks {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            gap: 1.364em;
            font-size: 1em;
            flex-wrap: wrap;
        }

        .mod-btnlinks .btn {
            display: inline-block;
            width: 50%;
            text-align: center;
            max-width: 240px
        }

        .mod-btnlinks .btn a {
            display: block;
            background: #000;
            color: #fff;
            text-decoration: none;
            padding: 1em .5em;
            font-weight: 700
        }
    /*!
     * media queries
     */
        @media (max-width:769px) {
            .postCategoryList::after {
                background: -webkit-gradient(linear,left top,right top,from(#bfbdbd),color-stop(76%,#c7b299));
                background: linear-gradient(to right,#bfbdbd,#c7b299 76%);
                width: 10.91%
            }
        }

        @media (min-width:480px) {


            .mod-frontCategoryLink a svg {
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1)
            }
            #visual {
                padding-top: 470px
            }
        }

        @media (min-width:640px) {

            .mod-postsList .btn .img,
            .mod-postsList [data-slider-max] .postsListSliderInner {
                height: 325px
            }
        }

        @media (min-width:768px) {
            #header {
                height: 117px
            }

            #header #commonHeader .logo .img {
                width: 227px
            }

            #navigation #gNav {
                width: auto;
                height: auto;
                background: 0 0;
                display: block;
                top: 16px;
                right: 20px;
                left: auto!important
            }

            #footer .nav li.home,#navigation #gNav .gNavInner {
                display: block
            }

            #navigation #gNav .logo,#navigation button {
                display: none
            }

            #navigation #gNav .navlist {
                max-width: 100%;max-width: 100%;
                white-space: nowrap;
            }

            #navigation #gNav .info .mail,#navigation #gNav .info .tel,#navigation #gNav .navlist li {
                display: inline-block
            }

            #navigation #gNav .navlist li a {
                padding-top: 55px;
                width: 96px
            }

            #navigation #gNav .info {
                max-width: 100%;
                margin: 0;
                text-align: right;
                top: -10px;
                position: relative
            }

            #navigation #gNav .info .mail a {
                width: 202px;
                padding-top: 35px
            }

            #navigation #gNav .info .tel a {
                width: 150px;
                padding-top: 35px
            }

            #main {
                padding-top: 117px
            }


            #visual h1 {
                font-size: 2.5em
            }

            #visualSlider .slide-item.multi-bg .img {
                background-size: cover,
            }
            .page-header .ttl-1{
                font-size: 2.5em;
            }

            a[href*="tel:"] {
                pointer-events: none;
                cursor: default
            }

            #footer .nav ul {
                max-width: 90%;
                margin-bottom: 5em
            }

            #footer .nav li {
                width: 11.58%
            }

            #footer .btn-privacymark {
                width: 20%;
                max-width: 194px;
            }

            .content-header .ttl-1 {
                letter-spacing: .12em
            }

            .content-header .img {
                padding-top: 503px
            }

            .pagination {
                width: 50%;
                margin: 5em auto 0
            }

            .pagination a.next,.pagination a.prev {
                padding: .5em .25em
            }

            .archiveList li figure {
                display: table;
                min-height: 212px;
                width: 100%
            }

            .archiveList li .img {
                height: 100%;
                display: table-cell;
                width: 34.72%
            }

            .archiveList li figcaption {
                height: 100%;
                display: table-cell;
                vertical-align: middle
            }

            .mod-banner.col-flex-2,.mod-categoryList .col-grid-3 {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                gap: 22px
            }

            .mod-categoryList .col-grid-3 .col-item {
                margin-top: 0;
                width: 33%
            }

            .mod-categoryList .col-grid-3 .col-item a,a[href*="tel:"] {
                text-decoration: none
            }

            .mod-categoryList .col-grid-3 .col-item .img {
                height: 234px;
                margin: auto!important;
                width: 100%
            }

            .mod-categoryList .col-grid-3 .col-item figcaption {
                position: static!important;
                margin: 1em auto 0!important;
                width: 100%;
                font-size: 1.214em
            }

            .mod-banner.autoTrim .img {
                height: 353px
            }

            .mod-banner.col-flex-2 {
                gap: 10px
            }

            .mod-banner.col-flex-2 p,.mod-postsList .postsList .btn {
                width: 50%
            }

            .mod-banner.autoTrim.col-flex-2 .img {
                height: 235px
            }

            .mod-scrolldownbtn {
                margin-bottom: 8em
            }

            .mod-scrolldownbtn a {
                width: 4.26%
            }

            .mod-map {
                height: 400px
            }

            .mod-consent_form .consent_btn {
                gap: 6%
            }

            .mod-consent_form .consent_btn p,.mod-frontCategoryLink p.btn {
                width: 25%
            }

            .mod-postsList .group {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                gap: 14px
            }

            .mod-btnlinks {
                font-size: 1.571em
            }
        }

        @media (min-width:980px) {
            #navigation #gNav .navlist li a {
                width: 113px
            }
            #visualSlider .slide-item .img {
                background-position: center 40%;
            }
        }

        @media screen and (-webkit-min-device-pixel-ratio:0) {
            body {
                text-rendering: auto
            }
        }
        @-webkit-keyframes fadeInUp {
            0% {
                opacity: .1;
                -webkit-transform: translateY(40px);
                -ms-transform: translateY(40px);
                transform: translateY(40px)
            }

            to {
                opacity: 1;
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @keyframes fadeInUp {
            0% {
                opacity: .1;
                -webkit-transform: translateY(40px);
                -ms-transform: translateY(40px);
                transform: translateY(40px)
            }

            to {
                opacity: 1;
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0)
            }
        }
