@charset "UTF-8";

html{scroll-padding-top: 120px;}
@media screen and (max-width: 768px) {
    html{scroll-padding-top: 50px;}
}

body { padding-top: 100px; }
@media screen and (max-width: 768px) {
    body { padding-top: 50px; }
}

.breadcrumb-item.active {
  margin-top: 2px;
}
@media screen and (max-width: 768px) {
  .breadcrumb-item.active {
    margin-top: 0px;
  }
}

hr.divider {
  max-width: 8.25rem;
  border-width: 0.2rem;
}

.maintext {
  letter-spacing: 0.2em;
  font-size: 5.0rem ;
  text-shadow:
    0 1px 8px rgba(0,0,0,0.8),
    0 2px 8px rgba(0,0,0,0.8);
}
@media only screen and (max-width: 768px) {
  .maintext{
    font-size: 2rem ;
  }
}

.l-pagetop { position: fixed; right: 0; bottom: -80px; z-index: 100; width: 80px; height: 80px; }

@media (max-width: 768.98px) { .l-pagetop { right: 0; bottom: -50px; width: 50px; height: 50px; } }

.l-pagetop a { display: block; height: 80px; width: 80px; background-color: #00749e; position: relative; }

@media (max-width: 768.98px) { .l-pagetop a { width: 50px; height: 50px; } }

.l-pagetop a:hover:before { -webkit-transform: translateY(-20px) rotate(-90deg); transform: translateY(-20px) rotate(-90deg); }

.l-pagetop a:before { content: ""; position: absolute; width: 12px; height: 20px; background-image: url(/img/common/icon-arrow-l-white.svg); background-size: contain; right: 0; left: 0; margin: auto; top: 50%; -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }