@keyframes show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transition: opacity 3s;
  }
}
@keyframes show_height {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
    transition: height 1s;
  }
}
@keyframes show_height_vh {
  0% {
    height: 0;
  }
  100% {
    height: 90vh;
    transition: height 1s;
  }
}
@keyframes criss-cross-top {
  0% {
    top: -20px;
  }
  50% {
    top: 50%;
    width: 14px;
    height: 14px;
    border-radius: 50%;
  }
  100% {
    top: 50%;
    width: 103%;
    height: 103%;
    border-radius: 0%;
  }
}
@keyframes linkline01 {
  0% {
    transform: scaleX(0);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
  100% {
    transform: scaleX(1);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
}
@keyframes linkline02 {
  0% {
    transform: scaleX(1);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
  49% {
    transform: scaleX(0);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
  50% {
    transform: scaleX(0);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
  100% {
    transform: scaleX(1);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
}
/*   footer   */
footer {
  color: #666;
  font-size: 1.6rem;
  background: url(../jpg/footer_bg-2.jpg) no-repeat top center;
  background-size: cover;
}
footer a,
footer a:visited {
  color: #333;
}
footer .shell {
  display: flex;
  flex-wrap: wrap;
  gap: 3%;
  margin: auto;
  padding: 82px 5%;
}
footer a:hover {
  opacity: 1;
  text-decoration: underline;
}
footer h4 {
  margin-bottom: 12px;
  color: #0f3967;
  font-size: 1.8rem;
  font-weight: bold;
  text-transform: uppercase;
}
footer .logo_f {
  margin-bottom: 32px;
  width: 166px;
}
footer img.small {
  width: 32px;
  margin-right: 12px;
}
footer .col {
  line-height: 1.4;
}
footer .col.company {
  flex: 3;
  color: #666;
  line-height: 1.6;
}
footer .col.company ul {
  padding: 0;
}
footer .col.company ul li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1vw;
  padding-right: 0;
}
footer .menu {
  flex: 9;
}
footer .col .item a {
  display: inline-block;
  padding: 12px 0;
  color: #c60000;
  font-size: 1.6rem;
}
footer .foot_hid {
  display: none;
}

a.tel,
a.fax {
  pointer-events: none;
}

a.tel {
  color: #0f3967;
  font-size: 2.4rem;
  font-weight: bold;
}

footer .company a,
footer .company a:visited {
  display: inline-block;
  padding: 4px 0;
}

footer .copyright {
  position: relative;
  padding: 40px 5%;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
  background-color: #ad0000;
}

.cookies {
  position: fixed;
  bottom: 0;
  left: 0;
  border-top: 1px solid #d5d5d5;
  background-color: #fff;
  width: 100vw;
  z-index: 3;
  padding: 24px 2%;
}
.cookies .shell {
  display: flex;
  flex-wrap: wrap;
  max-width: 1600px;
  margin: auto;
}
.cookies .col-lg {
  flex: 10;
  padding: 0 4%;
}
.cookies .col_r {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 2;
}
.cookies .btn_more {
  position: unset;
}
.cookies .btn_more a {
  border-radius: 24px;
}

footer #floating {
  position: fixed;
  right: 10px;
  bottom: 10%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
footer #floating a {
  color: #333;
}
footer #floating .gotop {
  margin: 24px;
  border-radius: 50px;
  background-color: rgba(235, 235, 235, 0.8);
  transition: 0.5s;
}
footer #floating .gotop:hover {
  background-color: rgb(255, 255, 255);
}
footer #floating .gotop img {
  width: 44px;
}

.prolist footer #floating .inquire,
.prodes footer #floating .inquire {
  display: block;
}

.share_group {
  margin-top: 24px;
  margin-bottom: 44px;
}

#post_share {
  width: initial;
  max-width: 320px;
  margin: auto;
  margin-top: 24px;
  padding: 0;
}

#post_share ul, #post_share li {
  list-style: none;
}

#post_share ul {
  display: flex;
  flex-direction: row;
  margin: 0;
  line-height: 0;
}

#post_share li {
  display: inline-block;
  margin: 0;
  padding: 0;
}

#post_share li a {
  display: block;
  width: 36px;
  height: 36px;
  cursor: pointer;
  text-indent: -999em;
  border-radius: 100px;
  background-image: url(../svg/ico_share_b-2.svg);
  background-repeat: no-repeat;
  background-color: #ad0000;
  background-size: 320px;
  transition: 0.3s;
}

#post_share li a:link {
  margin-right: 8px;
}

#post_share li a:hover {
  text-decoration: none;
  background-color: #c60000;
}

#post_share #mail {
  background-position: 0px 0px;
}

#post_share #mail:hover {
  background-position: 0px -40px;
}

#post_share #sitemap {
  background-position: 0px 0px;
}

#post_share #sitemap:hover {
  background-position: 0px -40px;
}

#post_share #ig {
  background-position: -216px 0;
}

#post_share #ig:hover {
  background-position: -216px -40px;
}

#post_share #facebook {
  background-position: -54px 0;
}

#post_share #facebook:hover {
  background-position: -54px -40px;
}

#post_share #youtube {
  background-position: -270px 0;
}

#post_share #youtube:hover {
  background-position: -270px -40px;
}

#post_share #line {
  background-position: -108px 0;
}

#post_share #line:hover {
  background-position: -108px -40px;
}

/*   other   */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
} /* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* End hide from IE-mac */
/*Global Links CSS*/
@media (max-width: 1280px) {
  footer .col.company ul {
    max-width: 320px;
    margin: auto;
  }
  footer .logo_f {
    display: block;
    width: 166px;
    margin: 0 auto 32px;
  }
  footer .col {
    flex: 50%;
    margin-bottom: 40px;
    padding: 0 12px;
  }
  footer .col.company {
    flex: 100%;
    padding: 0 12px;
  }
  footer .col.company ul {
    flex-direction: column;
  }
  footer .copyright .col {
    margin: 0;
    padding: 0;
  }
  footer #floating {
    display: none;
  }
  footer .shell {
    padding: 32px 0;
  }
  footer .size-s::before {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  a.tel,
  a.fax {
    pointer-events: initial;
  }
}
@media screen and (max-width: 576px) {
  .cookies {
    padding: 4%;
  }
  .cookies .shell {
    flex-direction: column;
  }
}
footer i.sp_nav_end::before {
  color: #c60000;
}
footer ul.navbar-nav .nav-item {
  flex: 1;
}
footer .nav-link,
footer .dropdown-item {
  display: block;
}
footer a.nav-link,
footer a:hover.nav-link {
  display: inline-block;
  margin-bottom: 40px;
  padding-bottom: 4px;
  color: #ad0000;
  font-size: 1.8rem;
  font-weight: bold;
  border: 0;
}
footer ul.navbar-nav {
  flex-direction: row;
  justify-content: space-between;
}
footer ul.navbar-nav .dropdown-menu,
footer ul.navbar-nav .nav-item a.dropdown-item,
footer ul.navbar-nav .dropdown .dropdown-menu a,
footer ul.navbar-nav > .dropdown > .dropdown-menu .dropdown:hover > a,
footer ul.navbar-nav > .dropdown > .dropdown-menu .dropdown:hover {
  font-size: 1.6rem;
  color: #333;
  font-weight: normal;
  background-color: transparent;
  border-bottom: 0;
}
footer ul.navbar-nav .nav-item a.dropdown-item,
footer ul.navbar-nav .dropdown .dropdown-menu a {
  padding: 1rem 28px 1rem 0;
}
footer ul.navbar-nav .nav-item a.dropdown-item:focus, footer ul.navbar-nav .nav-item a.dropdown-item:hover,
footer ul.navbar-nav .dropdown .dropdown-menu a:focus,
footer ul.navbar-nav .dropdown .dropdown-menu a:hover {
  color: #c60000 !important;
  background-color: transparent;
  border-bottom: 0;
}
footer ul.navbar-nav ul.dropdown-menu {
  display: flex;
  flex-direction: column;
  font-size: 1.6rem;
}
footer ul.navbar-nav ul.dropdown-menu .sp_nav_end {
  display: none;
}
footer ul.navbar-nav ul.dropdown-menu ul.dropdown-menu {
  display: none;
}
footer ul.navbar-nav .has-megamenu > .dropdown > .dropdown-menu .shell {
  flex-direction: column;
  padding: 0;
}
footer ul.navbar-nav .has-megamenu > .dropdown > .dropdown-menu .shell > .dropdown {
  width: 100% !important;
  margin-bottom: 12px;
}
footer ul.navbar-nav .has-megamenu > .dropdown > .dropdown-menu .shell ul.dropdown-menu {
  display: none;
}
footer .collapse .navbar-nav:not(.show) {
  display: flex !important;
  gap: 4%;
  margin: 0;
}
footer .dropdown-toggle::after {
  position: absolute;
  opacity: 0;
}
footer .column {
  flex-direction: column;
}
footer .navbar .nav-item.fade_ef .dropdown-menu {
  width: 100%;
  background-color: transparent;
}
footer .navbar .nav-item.fade_ef .dropdown-menu a {
  padding: 8px 0;
  color: #930000;
  background-color: transparent;
  border-bottom: 0;
}
footer ul.navbar-nav li.has-megamenu > .dropdown > .dropdown-menu {
  visibility: visible;
  opacity: 1;
}

@media all and (min-width: 993px) {
  footer i.sp_nav_end {
    opacity: 0;
  }
  footer .navbar-expand-md .navbar-nav .dropdown-menu {
    position: relative;
    top: unset;
    left: unset;
    transform: initial;
  }
  footer .navbar .nav-item.fade_ef .dropdown-menu {
    display: flex;
    flex-wrap: wrap;
    opacity: 1;
    visibility: visible;
    max-width: initial;
    width: 100%;
    box-shadow: unset;
  }
  footer .navbar .nav-item.fade_ef .dropdown-menu a {
    padding-right: 0 !important;
  }
  footer .navbar .dropdown-menu.fade-up .dropdown-menu.fade-up {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    left: unset;
    opacity: 1;
    visibility: visible;
  }
  footer nav .collapse.navbar-collapse ul.navbar-nav > li.nav-item.dropdown:hover > .dropdown-menu {
    top: unset;
  }
  footer ul.lv02 > li {
    width: 46%;
    margin-right: 4%;
    margin-bottom: 6%;
  }
  footer .size-s ul.lv02 li {
    width: 100%;
  }
}
@media screen and (max-width: 1680px) {
  footer ul.navbar-nav li.has-megamenu .dropdown-menu .shell {
    padding: 0;
  }
}
@media screen and (max-width: 992px) {
  footer a.nav-link,
  footer a:hover.nav-link {
    margin-bottom: 0;
    padding: 12px 0;
  }
  footer ul.navbar-nav {
    flex-direction: column;
    width: 100%;
  }
  footer ul.navbar-nav ul.dropdown-menu {
    display: none;
    position: relative !important;
    width: 100%;
    transform: none !important;
  }
  footer ul.navbar-nav ul.dropdown-menu.show {
    display: flex;
  }
  footer ul.navbar-nav ul.dropdown-menu .sp_nav_end {
    display: block;
  }
  footer ul.navbar-nav ul.dropdown-menu .sp_nav_end::before {
    color: #fff;
  }
  footer ul.navbar-nav ul.dropdown-menu ul.dropdown-menu.show {
    display: flex;
  }
  footer ul.navbar-nav li.has-megamenu > .dropdown > .dropdown-menu.show {
    position: relative !important;
    transform: translate(0px, 0) !important;
  }
}/*# sourceMappingURL=cms-footer.css.map */