/*-----------------------------------------------------
変更事項
color
#55565bを#383636 に変更
Primary
#5645ff を #383636 に変更
#2812ff を #383636 に変更
Secondary
#cc6360 を #966968 を #f7706c に変更
-----------------------------------------------------*/


/*-----------------------------------------------------------------
-------------------------------------------------------------------*/
/*bootstrap.css*/
/*-----------------------------------------------------------------
-------------------------------------------------------------------*/
  @media (min-width: 576px) {
    .container {
      width: 1140px;
      max-width: 100%; } }
  @media (min-width: 768px) {
    .container {
      width: 1140px;
      max-width: 100%; } }
  @media (min-width: 992px) {
    .container {
      width: 1140px;
      max-width: 100%; } }
  /*@media (min-width: 1200px) {
    .container {
      width: 1140px;
      max-width: 100%; } }*/
  

   @media (min-width: 1367px) {
    .container {
      width: 1140px;
      max-width: 100%; } }

   @media (min-width: 576px) {
    .container-fluid {
      padding-right: 15px;
      padding-left: 15px; } }
  @media (min-width: 768px) {
    .container-fluid {
      padding-right: 15px;
      padding-left: 15px; } }
  @media (min-width: 992px) {
    .container-fluid {
      padding-right: 15px;
      padding-left: 15px; } }
  @media (min-width: 1367px) {
    .container-fluid {
      padding-right: 15px;
      padding-left: 15px; } }


  @media (min-width: 576px) {
    .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media (min-width: 768px) {
    .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media (min-width: 992px) {
    .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media (min-width: 1367px) {
    .row {
      margin-right: -15px;
      margin-left: -15px; } }


  @media (min-width: 576px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
      padding-right: 15px;
      padding-left: 15px; } }
  @media (min-width: 768px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
      padding-right: 15px;
      padding-left: 15px; } }
  @media (min-width: 992px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
      padding-right: 15px;
      padding-left: 15px; } }
  @media (min-width: 1367px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
      padding-right: 15px;
      padding-left: 15px; } }


  @media (min-width: 1367px) {
    .col-xl {
      -webkit-flex-basis: 0;
          -ms-flex-preferred-size: 0;
              flex-basis: 0;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      max-width: 100%; }
    .col-xl-auto {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      width: auto; }
    .col-xl-1 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 8.3333333333%;
          -ms-flex: 0 0 8.3333333333%;
              flex: 0 0 8.3333333333%;
      max-width: 8.3333333333%; }
    .col-xl-2 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 16.6666666667%;
          -ms-flex: 0 0 16.6666666667%;
              flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%; }
    .col-xl-3 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 25%;
          -ms-flex: 0 0 25%;
              flex: 0 0 25%;
      max-width: 25%; }
    .col-xl-4 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 33.3333333333%;
          -ms-flex: 0 0 33.3333333333%;
              flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%; }
    .col-xl-5 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 41.6666666667%;
          -ms-flex: 0 0 41.6666666667%;
              flex: 0 0 41.6666666667%;
      max-width: 41.6666666667%; }
    .col-xl-6 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      max-width: 50%; }
    .col-xl-7 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 58.3333333333%;
          -ms-flex: 0 0 58.3333333333%;
              flex: 0 0 58.3333333333%;
      max-width: 58.3333333333%; }
    .col-xl-8 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 66.6666666667%;
          -ms-flex: 0 0 66.6666666667%;
              flex: 0 0 66.6666666667%;
      max-width: 66.6666666667%; }
    .col-xl-9 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 75%;
          -ms-flex: 0 0 75%;
              flex: 0 0 75%;
      max-width: 75%; }
    .col-xl-10 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 83.3333333333%;
          -ms-flex: 0 0 83.3333333333%;
              flex: 0 0 83.3333333333%;
      max-width: 83.3333333333%; }
    .col-xl-11 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 91.6666666667%;
          -ms-flex: 0 0 91.6666666667%;
              flex: 0 0 91.6666666667%;
      max-width: 91.6666666667%; }
    .col-xl-12 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%; }
    .pull-xl-0 {
      right: auto; }
    .pull-xl-1 {
      right: 8.3333333333%; }
    .pull-xl-2 {
      right: 16.6666666667%; }
    .pull-xl-3 {
      right: 25%; }
    .pull-xl-4 {
      right: 33.3333333333%; }
    .pull-xl-5 {
      right: 41.6666666667%; }
    .pull-xl-6 {
      right: 50%; }
    .pull-xl-7 {
      right: 58.3333333333%; }
    .pull-xl-8 {
      right: 66.6666666667%; }
    .pull-xl-9 {
      right: 75%; }
    .pull-xl-10 {
      right: 83.3333333333%; }
    .pull-xl-11 {
      right: 91.6666666667%; }
    .pull-xl-12 {
      right: 100%; }
    .push-xl-0 {
      left: auto; }
    .push-xl-1 {
      left: 8.3333333333%; }
    .push-xl-2 {
      left: 16.6666666667%; }
    .push-xl-3 {
      left: 25%; }
    .push-xl-4 {
      left: 33.3333333333%; }
    .push-xl-5 {
      left: 41.6666666667%; }
    .push-xl-6 {
      left: 50%; }
    .push-xl-7 {
      left: 58.3333333333%; }
    .push-xl-8 {
      left: 66.6666666667%; }
    .push-xl-9 {
      left: 75%; }
    .push-xl-10 {
      left: 83.3333333333%; }
    .push-xl-11 {
      left: 91.6666666667%; }
    .push-xl-12 {
      left: 100%; }
    .offset-xl-0 {
      margin-left: 0%; }
    .offset-xl-1 {
      margin-left: 8.3333333333%; }
    .offset-xl-2 {
      margin-left: 16.6666666667%; }
    .offset-xl-3 {
      margin-left: 25%; }
    .offset-xl-4 {
      margin-left: 33.3333333333%; }
    .offset-xl-5 {
      margin-left: 41.6666666667%; }
    .offset-xl-6 {
      margin-left: 50%; }
    .offset-xl-7 {
      margin-left: 58.3333333333%; }
    .offset-xl-8 {
      margin-left: 66.6666666667%; }
    .offset-xl-9 {
      margin-left: 75%; }
    .offset-xl-10 {
      margin-left: 83.3333333333%; }
    .offset-xl-11 {
      margin-left: 91.6666666667%; }
  }


  @media (max-width: 1366px) {
  .navbar-toggleable-lg .navbar-nav .dropdown-menu {
    position: static;
    float: none; }
  .navbar-toggleable-lg > .container {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 1367px) {
  .navbar-toggleable-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .navbar-toggleable-lg .navbar-nav {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
      .navbar-toggleable-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem; }
    .navbar-toggleable-lg > .container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
    .navbar-toggleable-lg .navbar-collapse {
      display: -webkit-box !important;
      display: -webkit-flex !important;
      display: -ms-flexbox !important;
      display: flex !important;
      width: 100%; }
    .navbar-toggleable-lg .navbar-toggler {
      display: none; } }

/* 2020/02/21 inoue */
/*
@media (min-width: 1367px) {
 */
@media (min-width: 1580px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; }
  }

  @media (min-width: 1367px) {
  .flex-xl-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1; }
  .flex-xl-last {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .flex-xl-unordered {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0; }
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; }
  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; }
  .flex-xl-wrap {
    -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important; }
  .justify-content-xl-start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important; }
  .justify-content-xl-end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; }
  .justify-content-xl-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; }
  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; }
  .justify-content-xl-around {
    -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
            justify-content: space-around !important; }
  .align-items-xl-start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important; }
  .align-items-xl-end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important; }
  .align-items-xl-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; }
  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important; }
  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important; }
  .align-content-xl-start {
    -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
            align-content: flex-start !important; }
  .align-content-xl-end {
    -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
            align-content: flex-end !important; }
  .align-content-xl-center {
    -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
            align-content: center !important; }
  .align-content-xl-between {
    -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
            align-content: space-between !important; }
  .align-content-xl-around {
    -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
            align-content: space-around !important; }
  .align-content-xl-stretch {
    -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
            align-content: stretch !important; }
  .align-self-xl-auto {
    -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
            align-self: auto !important; }
  .align-self-xl-start {
    -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
            align-self: flex-start !important; }
  .align-self-xl-end {
    -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
            align-self: flex-end !important; }
  .align-self-xl-center {
    -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
            align-self: center !important; }
  .align-self-xl-baseline {
    -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
            align-self: baseline !important; }
  .align-self-xl-stretch {
    -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
            align-self: stretch !important; }
  }


  @media (min-width: 1367px) {
  .float-xl-left {
    float: left !important; }
  .float-xl-right {
    float: right !important; }
  .float-xl-none {
    float: none !important; } }


@media (min-width: 1367px) {
  .m-xl-0 {
    margin: 0 0 !important; }
  .mt-xl-0 {
    margin-top: 0 !important; }
  .mr-xl-0 {
    margin-right: 0 !important; }
  .mb-xl-0 {
    margin-bottom: 0 !important; }
  .ml-xl-0 {
    margin-left: 0 !important; }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .m-xl-1 {
    margin: 0.25rem 0.25rem !important; }
  .mt-xl-1 {
    margin-top: 0.25rem !important; }
  .mr-xl-1 {
    margin-right: 0.25rem !important; }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important; }
  .ml-xl-1 {
    margin-left: 0.25rem !important; }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .m-xl-2 {
    margin: 0.5rem 0.5rem !important; }
  .mt-xl-2 {
    margin-top: 0.5rem !important; }
  .mr-xl-2 {
    margin-right: 0.5rem !important; }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important; }
  .ml-xl-2 {
    margin-left: 0.5rem !important; }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .m-xl-3 {
    margin: 1rem 1rem !important; }
  .mt-xl-3 {
    margin-top: 1rem !important; }
  .mr-xl-3 {
    margin-right: 1rem !important; }
  .mb-xl-3 {
    margin-bottom: 1rem !important; }
  .ml-xl-3 {
    margin-left: 1rem !important; }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .m-xl-4 {
    margin: 1.5rem 1.5rem !important; }
  .mt-xl-4 {
    margin-top: 1.5rem !important; }
  .mr-xl-4 {
    margin-right: 1.5rem !important; }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important; }
  .ml-xl-4 {
    margin-left: 1.5rem !important; }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .m-xl-5 {
    margin: 3rem 3rem !important; }
  .mt-xl-5 {
    margin-top: 3rem !important; }
  .mr-xl-5 {
    margin-right: 3rem !important; }
  .mb-xl-5 {
    margin-bottom: 3rem !important; }
  .ml-xl-5 {
    margin-left: 3rem !important; }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .p-xl-0 {
    padding: 0 0 !important; }
  .pt-xl-0 {
    padding-top: 0 !important; }
  .pr-xl-0 {
    padding-right: 0 !important; }
  .pb-xl-0 {
    padding-bottom: 0 !important; }
  .pl-xl-0 {
    padding-left: 0 !important; }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .p-xl-1 {
    padding: 0.25rem 0.25rem !important; }
  .pt-xl-1 {
    padding-top: 0.25rem !important; }
  .pr-xl-1 {
    padding-right: 0.25rem !important; }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important; }
  .pl-xl-1 {
    padding-left: 0.25rem !important; }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .p-xl-2 {
    padding: 0.5rem 0.5rem !important; }
  .pt-xl-2 {
    padding-top: 0.5rem !important; }
  .pr-xl-2 {
    padding-right: 0.5rem !important; }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important; }
  .pl-xl-2 {
    padding-left: 0.5rem !important; }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .p-xl-3 {
    padding: 1rem 1rem !important; }
  .pt-xl-3 {
    padding-top: 1rem !important; }
  .pr-xl-3 {
    padding-right: 1rem !important; }
  .pb-xl-3 {
    padding-bottom: 1rem !important; }
  .pl-xl-3 {
    padding-left: 1rem !important; }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .p-xl-4 {
    padding: 1.5rem 1.5rem !important; }
  .pt-xl-4 {
    padding-top: 1.5rem !important; }
  .pr-xl-4 {
    padding-right: 1.5rem !important; }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important; }
  .pl-xl-4 {
    padding-left: 1.5rem !important; }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .p-xl-5 {
    padding: 3rem 3rem !important; }
  .pt-xl-5 {
    padding-top: 3rem !important; }
  .pr-xl-5 {
    padding-right: 3rem !important; }
  .pb-xl-5 {
    padding-bottom: 3rem !important; }
  .pl-xl-5 {
    padding-left: 3rem !important; }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .m-xl-auto {
    margin: auto !important; }
  .mt-xl-auto {
    margin-top: auto !important; }
  .mr-xl-auto {
    margin-right: auto !important; }
  .mb-xl-auto {
    margin-bottom: auto !important; }
  .ml-xl-auto {
    margin-left: auto !important; }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; } 
  }


  @media (min-width: 1367px) {
    .text-xl-left {
      text-align: left !important; }
    .text-xl-right {
      text-align: right !important; }
    .text-xl-center {
      text-align: center !important; }
  }


  @media (min-width: 1367px) {
  .hidden-xl-up {
    display: none !important; }
  }








a{
  cursor:pointer!important;
}

/*-----------------------------------------------------------------
-------------------------------------------------------------------*/
/*main.css*/
/*-----------------------------------------------------------------
-------------------------------------------------------------------*/

/*リスト全体*/ 
/*454*/
.ui-menu .ui-menu-item {/*個々*/
  margin: 0;
  padding: 0;
  width: 100%;
  list-style-image: none;
}
/*479*/
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
  margin-left: 0.01rem;
  margin-right: 0.01rem;
}

/*786*/
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
font-size: 1em;
}

.ui-widget-content {/* リスト全体の背景 */
  border: 0.05rem solid #383636!important;
  background: #fff;
  color: #383636;
}
.ui-widget-content a {
  color: #383636!important;/* リスト内文字色 */
  width: 100%;
  padding-left: 1rem!important;/*リスト内スペース*/
  padding-right: 1rem!important
}

/*820*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #cccccc;
  background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #1c94c4;
}

/* Interaction states
----------------------------------*/
/*836*/
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: none;
  background: none;
  background-color: #eee!important;/* リストfocus時の背景色 */
  font-weight: 800;
  color: #383636!important;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
  border: none;
  background: none;
  background-color: #eee;/* リストfocus時の背景色 */
  font-weight: 800;
  color: #383636!important;
}


/*------------------------------------------------------------------
3. Header / .main-header
-------------------------------------------------------------------*/
/* header styles */
/*1000*/
.main-header {
  z-index: 9999;
  -webkit-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}
/*1011********************** white header ***********************/
.main-header.header-white.sticky-nav {
  background: #fff !important;
  box-shadow: 0px 2px 2px -2px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 2px 2px -2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 2px 2px -2px rgba(0,0,0,0.4);
}
.main-header.header-white.main-header-c {
  background: #fff !important;
  box-shadow: 0px 2px 2px -2px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 2px 2px -2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 2px 2px -2px rgba(0,0,0,0.4);
  position:relative;
}

/***********************  header logo center ***********************/

/*1033********************** header dark ***********************/
.main-header.header-dark {
  background: #23273f;
}

/*1033********************** header light ***********************/
.main-header.header-light {
  background: #23273f;
  border-bottom: 0;
}

/*1039********************** transparent header ***********************/
/*有効にするとlogoだしわけが効かなくなる
.main-header.header-white.transparent .navbar .navbar-brand img:last-child {
  display: block;
  margin-top: 5px;
  width: auto;
}*/

/*1388****** navigation styles *******/
.mega-menus .mini-nav:hover > a {
  color: white;
  background-color: #4a4747;
}
/*3458*/
.main-header .navbar .navbar-nav li {
  text-transform: none;
  font-size: .75rem;
  font-weight: 500;
  color: #fff;
  -webkit-transition: all linear .2s;
  -o-transition: all linear .2s;
  transition: all linear .2s;
}
/*3489*/
.main-header .navbar .navbar-nav li .dropdown-menu {
  background: #23273f;
  min-width: 9rem;
  -webkit-box-shadow: 0 1px 1px #4d4c4c;
  box-shadow: 0 1px 1px #4d4c4c;
  border: none;
  padding: .625rem 0;
  margin: 0;
}
/*3615*/
.main-header .mini-nav .dropdown-menu.pad-small {
  padding: 0;
  min-width: 5.143rem;
  border: none;
  background: #23273f;
  left: auto;
  right: 0;
  margin-top: -.0625rem;
}
/*3713*/
.main-header.sticky-nav {
  background: #23273f;
}
/*3835*/
.main-header.header-white .mini-nav .dropdown-menu.pad-small li .pad-narrow:hover {
  color: #383636 !important;
  background-color: #eee;
  display: block;
}
/*3840*/
.main-header.header-white .navbar-toggler .navbar-toggler-icon {
  background: #23273f;
}
/*3844*/
.main-header.header-white .navbar-toggler .navbar-toggler-icon:before, .main-header.header-white .navbar-toggler .navbar-toggler-icon:after {
  background: #23273f;
}



/*------------------------------------------------------------------
4. Banner
-------------------------------------------------------------------*/
/******* visual styles *******/
/*4058*/
.visual-text {
  font-size: 1.143rem;
  color: #fff;
  font-family: 'source-han-sans-japanese', 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
}



/*------------------------------------------------------------------
5. Buttons / .btn
-------------------------------------------------------------------*/
/******* button styles *******/
/*4288*/
.btn.btn-trans-dark-gray:hover {
  background: #23273f;
}



/*------------------------------------------------------------------
7. Content block / .content-block
-------------------------------------------------------------------*/
/******* content block styles *******/
/*4784*/
.content-block {
  padding-top: 2rem;
  padding-bottom: 2rem; 
}
/*4798*/
.content-title {
  font-size: .875rem;
  line-height: 1.2;
  display: block;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: .9375rem;
  letter-spacing: .1429rem;
}
/*4813*/
.content-sub-title {
  display: block;
  margin-bottom: 2rem;
  color: #575757;
}
/*5110*/
.section-scroll {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  width: 2rem;
  height: 2rem;
  background: #383636;
  color: #fff;
  text-align: center;
  line-height: 1rem;
  text-transform: uppercase;
  letter-spacing: 0;
  font-family: 'source-han-sans-japanese', 'Josefin Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 300;
  z-index: 999;
  font-size: 1.5rem;
  padding-top: .0625rem;
}
/*5129*/
.section-scroll:hover {
  color: #557b97;
}


/******* parallax images styles *******/
/*5640*/
.quotation-block {
  background-image: url('../img/big-01.jpg');
}



/*------------------------------------------------------------------
12. Count Block / .count-block
-------------------------------------------------------------------*/
/******* count block styles *******/
/*6423*/
.count-block.solid-block {
  background: #23273f;
}



/*------------------------------------------------------------------
15. Newsletter form / .waituk_newsletter-form
-------------------------------------------------------------------*/

/******* form styles *******/
/*6511*/
.form-control {
  border: .1429rem solid #f1f1f1;
  padding: 0 .9375rem;
  background: none;
  letter-spacing: .2429rem;
  border-radius: 0;
  color: #383636;
  font-weight: 500;
  height: 3.125rem;
  -webkit-box-shadow: none;
  box-shadow: none;
}



/*------------------------------------------------------------------
16. Post Block / .post-grid
-------------------------------------------------------------------*/
/******* post styles *******/
/*6714*/
.post-date {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
  color: #fff;
  background: #23273f;
  width: 4rem;
  padding: .715rem .9rem;
  line-height: 1.3;
  font-weight: 500;
}



/*------------------------------------------------------------------
17. Elements / .demo-wrapper
-------------------------------------------------------------------*/
/******* social network styles *******/
/*7005*/
.visual-no-bg .breadcrumb .breadcrumb-item {
  color: #8f8681;
}
/*7009*/
.visual-no-bg .breadcrumb .breadcrumb-item.active {
  color: #8f8681;
}
/*70113*/
.visual-no-bg .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
  color: #8f8681;
}
/*7017*/
.visual-no-bg .breadcrumb .breadcrumb-item a {
  color: #8f8681;
}
/*7021*/
.visual-no-bg .breadcrumb .breadcrumb-item a:hover {
  color: #f7706c;
}


/******* caption hover full styles *******/
/*7031*/
.caption-hover-full figcaption,.caption-hover-full .figcaption {
  white-space: nowrap;
  text-align: center;
  position: absolute;
  left: 1rem;
  right: 1rem;
  top: 1rem;
  bottom: 1rem;
  color: #6e6f75;
  background: rgba(255,255,255,0.8);
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}



/******* accordion styles *******/
/*7638*/
.accordion-container {
  margin: 0 auto;
}
/*7650*/
.accordion-container .card .card-header {
  background: #23273f;
  color: #fff;
  border: none;
}


/******* pricing block styles *******/
/*7927*/
.pricing-box-v1.pricing-box-v2 .price {
  width: 8.75rem;
  height: 8.75rem;
  margin: -4.375rem auto 2.188rem;
  line-height: 9.063rem;
  border-radius: 50%;
  border: none;
  box-shadow: 2px 2px 4px -2px #383636 ;
}


/******* badge styles *******/
/*8448*/
.label-block .custom-badge.badge {
  background: #23273f;
  color: #fff;
}



/*------------------------------------------------------------------
19. Footer
-------------------------------------------------------------------*/
/* footer styles */
/*10003*/
.footer .footer-bottom {
  padding: 1.875rem 0;
  background: #23273f;
}
/*10075*/
.footer-v1 .footer-main {
  background: #23273f;
}



/*------------------------------------------------------------------
20. Utilities
-------------------------------------------------------------------*/
/******* utilities *******/
/*10242*/
.bg-darker {
	background: #23273f;
}
/*102825*/
@media only screen and (min-width: 767px) {
.content-block {
		padding-top: 2rem;
		padding-bottom: 2rem;
  }
}
/*11377*/
@media only screen and (min-width: 991px) {
	.main-header.header-white.transparent .navbar .navbar-nav > li .nav-search {
		color: #fff;/* bottom-header */
   }
}
/* 114181追加 */
@media only screen and (min-width: 991px) {
	.main-header.header-white.transparent.sticky-nav .navbar .navbar-nav > li > a {
		color: #383636; /* bottom-header 白背景時*/
	}
	.main-header.header-white.transparent.sticky-nav .navbar .navbar-nav > li .nav-search {
		color: #383636; /* bottom-header 白背景時*/
	}
	.main-header.header-white.transparent.sticky-nav .navbar .navbar-nav > li > h6 { /* bottom-header 白背景時*/
		color: #383636;
		font-weight: 400;
		font-family: 'source-han-sans-japanese', 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		letter-spacing: .0625rem;
		color: #383636;
		font-size: .75rem;
		line-height: 2.1;
	}
}
/*11525*/
@media only screen and (min-width: 991px) {
	.content-block {
			padding-top: 3.5rem;
			padding-bottom: 3.5rem;
		}
}
/*11556*/
@media only screen and (min-width: 1230px) {
	.content-slot .row:nth-child(even) {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
	}
/*12079*/
	.content-block {
		padding-top: 3.5rem;
		padding-bottom: 3.5rem;
	}
}

@media only screen and (max-width: 991px) {
.main-header {
		background: #23273f;
	}
}

.post-text-block {
	position: relative;
	padding: 1.25rem;
	-webkit-box-shadow: 0 .1429rem .6429rem .07143rem rgba(0, 0, 0, .1);
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.10);
	-webkit-transition: all linear .3s;
	-o-transition: all linear .3s;
	transition: all linear .3s;
	background-color: #fff;
}

/******* icon box styles *******/
/*5278*/
.ico-box {
  padding: 1.563rem .9375rem .9375rem;
  text-align: center;
  position: relative;
  -webkit-box-shadow: 0 .1429rem .6429rem .07143rem rgba(0, 0, 0, .1);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.10);
  -webkit-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
  overflow: hidden;
  letter-spacing: .02rem;
}

.ico-box:before {
  position: absolute;
  content: ' ';
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  -webkit-box-shadow: 0 .1429rem .6429rem .07143rem rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
  -webkit-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
  -webkit-transform: translate(105%, 0);
  -o-transform: translate(105%, 0);
  transform: translate(105%, 0);
}


/*1301*/
.navbar-pos-search a {
  position: absolute;
  top: 1px;
  right: 0;
  width: 45px;
  text-align: center;
  height: 51px;
  line-height: 51px;
  display: block;
}
/*3222*/
.navbar-pos-search .x-search i {
  color: #e00101;
}
/*3339*/
/*.mega-menus .navbar-default.navbar-default-blue .navbar-pos-search .x-search i {
  color: #4ac7f9;
}*/
/*3542*/
.navbar-pos-search {
  top: 50%;
  margin-top: -48px;
}
/*3547*/
.navbar-pos-search.nav-trigger {
  margin-top: -40px;
}
/*3551*/
.navbar-pos-search a {
  top: 1.5rem;
  color: #fff;
  width: 1.563rem;
  font-size: .875rem;
  z-index: 99;
}
/*3559*/
.navbar-pos-search a.icon-close-round {
  display: none;
}
/*3568*/
.navbar-pos-search a.icon-plus {
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*3678*/
.navbar-pos-search.with-side-panel {
  right: 36px;
}
/*3682*/
.navbar-pos-search.with-side-panel.nav-trigger {
  right: 0;
}
/*3686*/
.navbar-pos-search a.navbar-link {
  z-index: 9;
}
/*3747*/
/*.main-header.sticky-nav .navbar-pos-search {
  margin-top: -30px;
}*/
/*3751*/
/*.main-header.sticky-nav .navbar-pos-search.nav-trigger {
  margin-top: -22px;
}*/
/*3755*/
/*.main-header.sticky-nav .navbar-pos-search a {
  top: .3rem;
}*/
/*3804*/
/*.main-header.header-white .navbar-pos-search a {
  color: #383636;
}*/


/*7966*//*owl carousel 追加修正0621*/
/******* owl carousel styles *******/
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-size: 2rem;
  color: #383636;
}

.owl-carousel .owl-nav .owl-prev.disabled,.owl-carousel .owl-nav .owl-next.disabled {
  opacity: .3;
  cursor: none;
  pointer-events: none;
}

.owl-carousel .owl-nav .owl-prev:hover,.owl-carousel .owl-nav .owl-next:hover {
  color: #f7706c;
}

.owl-carousel .owl-nav .owl-prev {
  right: calc(100%);
}

.owl-carousel .owl-nav .owl-next {
  left: calc(100%);
}

.owl-carousel .owl-item img {
  width: auto;
  display: inline-block;
}

.owl-carousel .owl-item .img-block img {
  width: 100%;
}

.owl-carousel.portfolio-slide .owl-nav {
  position: absolute;
  bottom: 2.143rem;
  right: 2.143rem;
  z-index: 9;
}

.owl-carousel.portfolio-slide .owl-nav .owl-prev,.owl-carousel.portfolio-slide .owl-nav .owl-next {
  position: relative;
  background: none;
  height: 2.0rem;
  width: 2.0rem;
  color: #fff;
  right: auto;
  left: auto;
  top: auto;
  -webkit-transform: none;
  -o-transform: none;
  transform: none;
  display: inline-block;
  margin-left: .7rem;
  font-size: 2.5rem;
  line-height: 3.571rem;
  text-align: center;
}


@media screen and (max-width: 990px) {
  .owl-prev, .owl-next{
    z-index: 100!important;
    font-size: 1.4rem!important;
  }
  .owl-prev{
    left: 0rem!important;
  }
  .owl-next{
    left: calc(100% - 2.4rem)!important;
  }
}


/*9200*/
.nav-trigger.navbar-pos-search {
  position: absolute;
  left: 15px;
  top: 42px;
  display: none;
}
/*9207*/
.nav-trigger.navbar-pos-search a {
  padding: 0;
  color: #fff;
}
/*9340*/
.white-overlay .nav-wrap .nav-trigger.navbar-pos-search a,.white-overlay .nav-wrap .nav-trigger a {
  color: #000;
}

/* submit縺ｮ繝懊ち繝ｳ */
input[type="submit"] {
  width: 100%!important;
  background-color: #fff!important;
  color: #383836!important;
  border-radius: 50px!important;
  border: solid 0.08rem #383836!important;
  cursor: pointer;
}

/*autocompl
/*リスト全体*/
/*454*/
.ui-menu .ui-menu-item {/*個々*/
  margin: 0;
  padding: 0;
  width: 100%;
  list-style-image: none;

  height: auto;
}
/*479*/
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
  margin-left: 0.01rem;
  margin-right: 0.01rem;
}

/*786*/
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
  font-size: 1em;
}

.ui-widget-content {/* リスト全体の背景 */
  border: 0.05rem solid #383636!important;
  background: #fff;
  color: #383636;
}
.ui-widget-content a {
  color: #383636!important;/* リスト内文字色 */
  width: 100%;
  padding-left: 1rem!important;/*リスト内スペース*/
  padding-right: 1rem!important
}

/*820*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #cccccc;
  background: #f6f6f6;
  font-weight: bold;
  color: #1c94c4;
}

/* Interaction states
----------------------------------*/
/*836*/
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: none;
  background: none;
  background-color: #eee!important;/* リストfocus時の背景色 */
  font-weight: 800;
  color: #383636!important;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
  border: none;
  background: none;
  background-color: #eee;/* リストfocus時の背景色 */
  font-weight: 800;
  color: #383636!important;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 0!important;
  padding-top: 0.4rem!important;
  padding-bottom: 0.4rem!important;
  padding-left: 0.02rem!important;
  padding-right: 0.02rem!important;
  width: 99.8%!important;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 0!important;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 0!important;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 0!important;
}





.swiper-pagination-bullet-active {
    opacity: 1;
    background: #f7706c
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #f7706c;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top
}

/*.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23383636'%2F%3E%3C%2Fsvg%3E");
    height: 2rem;
    left: 10px;
    right: auto;
    margin: 1rem!important;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23383636'%2F%3E%3C%2Fsvg%3E");
    height: 2rem;
    right: 10px;
    left: auto
}*/

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 57%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;

  -moz-background-size: 0.8rem 1.4rem;
  -webkit-background-size: 0.8rem 1.4rem;
  background-size: 0.8rem 1.4rem;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23333333'%2F%3E%3C%2Fsvg%3E");
  left: 0;
  right: auto;
  background-color: rgba(241,241,241,0.6)!important;
  border-radius: 3px;
  width: 2.8rem;
  height: 2.8rem!important;
  box-shadow:0.01rem 0.01rem 0.01rem 0.01rem rgba(51, 51, 51, 0.1);
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23333333'%2F%3E%3C%2Fsvg%3E");
  right: 0;
  left: auto;
  background-color: rgba(241,241,241,0.6)!important;
  border-radius: 3px;
  width: 2.8rem;
  height: 2.8rem!important;
  box-shadow:0.01rem 0.01rem 0.01rem 0.01rem rgba(51, 51, 51, 0.1);
}



/*リスト全体*/ 
/*454*/
.ui-menu .ui-menu-item {/*個々*/
  margin: 0;
  padding: 0;
  width: 100%;
  list-style-image: none;
}
/*479*/
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
  margin-left: 0.01rem;
  margin-right: 0.01rem;
}

/*786*/
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
font-size: 1em;
}

.ui-widget-content {/* リスト全体の背景 */
  border: 0.05rem solid #383636!important;
  background: #fff;
  color: #383636;
}
.ui-widget-content a {
  color: #383636!important;/* リスト内文字色 */
  width: 100%;
  padding-left: 1rem!important;/*リスト内スペース*/
  padding-right: 1rem!important
}

/*820*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #cccccc;
  background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #1c94c4;
}

/* Interaction states
----------------------------------*/
/*836*/
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: none;
  background: none;
  background-color: #eee!important;/* リストfocus時の背景色 */
  font-weight: 800;
  color: #383636!important;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
  border: none;
  background: none;
  background-color: #eee;/* リストfocus時の背景色 */
  font-weight: 800;
  color: #383636!important;
}
/*1138*/
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 0!important;
  padding-top: 0.4rem!important;
  padding-bottom: 0.4rem!important;
  padding-left: 0.01rem!important;
  padding-right: 0.01rem!important;
  width: 100%!important;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 0!important;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 0!important;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 0!important;
}


/*---------------------------------------------------------
footer
---------------------------------------------------------*/
/* footer-nav bgが明るい版 */
.footer-nav-c ul li a {
	color: #4a4747;
	font-weight: 400;
}
.footer-nav-sns-c {
	color: #8f8b8b;
	font-weight: 400;
}
.footer-nav-c ul li a:hover {
	color: #356AB6;
}
.social-network a:hover .facebook-link-c {
	color: #3B5998;
}
.social-network a:hover .twitter-link-c {
	color: #1da1f2;
}
.social-network a:hover .instagram-link-c {
	color: #D93177;
}

.footer .footer-main {
	/*background: $footer-bg-image;*/
	background-color: #000;
	position: relative;
	color: #4a4747;
	z-index: 2;
}

.footer .footer-main p {
	margin: 0;
	color: #4a4747;
}

.footer .footer-main p a {
	color: #4a4747;
}

.footer .footer-main p a:hover {
	color: #fff;
}

.footer .footer-main .holder {
	position: relative;
	padding-left: 3.5rem;
	text-align: left;
	margin: .7143rem 0;
}

.footer .footer-main .holder p {
	margin: 0;
	color: #4a4747;
}

.footer .footer-main .holder p a {
	color: #4a4747;
}

.footer .footer-main .holder p a:hover {
	color: #fff;
}

.footer .footer-main .icon {
	position: absolute;
	top: 50%;
	left: 0;
	font-size: 1.5rem;
	line-height: 1.2;
	color: #383636;
	-webkit-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.footer .footer-main h4 {
	color: #4a4747;
	font-size: 1.25rem;
	margin-top: 1.25rem;
}

.footer .footer-logo {
	margin-bottom: 1.875rem;
}

.footer .divider-border {
	background: #242424;
	margin: 1.875rem auto;
}

.footer .divider-border.sm-border {
	max-width: 35.63rem;
}

.footer .footer-bottom {
	padding: 1.875rem 0;
	background: #383636;
}

.footer .footer-bottom p {
	margin: 0;
	color: #4a4747;
}

.footer .widget-block h4 {
	text-transform: uppercase;
	color: #575757;
}

.footer .widget-block .post-block .post-holder .post-desc h6 a {
	color: #4a4747;
}

.footer .widget-block .post-block .post-holder .post-desc p {
	color: #4a4747;
}

.footer .widget-block .post-block .post-holder:hover h6 a {
	color: #fff;
}

.footer .instagram-widget ul li {
	width: 29%;
	margin: 0 1% 2.5% 0;
}

.footer .instagram-widget ul li:nth-child(3n) {
	margin-right: 0;
}

.footer-nav ul li {
	position: relative;
	display: block;
	margin: 0;
	list-style-type: none;
}

.footer-nav ul li a {
	color: #4a4747;
	font-weight: 400;
}

.footer-nav ul li a:hover {
	color: #fff;
}

.footer-nav.inline-nav li {
	display: inline-block;
	margin: 0 1rem .625rem 0;
}

.footer-nav.inline-nav li:last-child {
	margin-right: 0;
}

.footer-nav.bordered-nav ul li:before {
	position: absolute;
	content: '|';
	top: 0;
	left: -.9375rem;
}

.footer-nav.bordered-nav ul li:first-child:before {
	display: none;
}

.footer-v1 .footer-main {
	background: #383636;
}

.footer-v2 .btn.btn-trans-dark-gray {
	color: #4a4747;
}

.footer-v3 .footer-map {
	background-image: url(../img/map-05.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.footer-v3 .bg-white {
	background-color: #fff;
}

.footer-v3 .bg-white .footer-bottom {
	background: #fff;
}

.footer-v3 .bg-white .divider-border {
	background: #f8f8f8;
}

.footer-v3 .bg-white .widget-block h4 {
	color: #383636;
}

.footer-v3 .bg-white .widget-block .post-block .post-holder:hover h6 a {
	color: #383636;
}

.footer-v3 .bg-white .footer-nav ul li a:hover {
	color: #383636;
}

/* ログアウトボタン */

.btn-footer-c {
    background-color: #d4d3d3;
    color: #383836;
    /* padding: 0.2rem 1rem; */
    border-radius: 50px;
    border: solid 0.08rem #383836;
}