@charset "UTF-8";

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

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

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

.flex-container {
    display: flex;
}

.image-wrap{
    margin: 10px 5px;
}

.image-wrap img {
    height: 300px;
}

.image-wrap-s img {
    height: 80px;
}

.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(/test/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; }