html {
    scroll-behavior: smooth;
}
.pagetop {
    height: 50px;
    width: 50px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    background: #fff;
    border: solid 2px #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;box-shadow: 0 4px 6px rgb(0 0 0 / 30%);
}

.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    transform: translateY(20%) rotate(-45deg);

}

@media (hover: hover) and (pointer: fine) {
    .pagetop:hover, .pagetop:hover .pagetop__arrow {
        border-color: #00959c;
    }
}
  .ftco-navbar-light.scrolled .nav-link:hover {color: #00959c !important; }

@media screen and (min-width: 1100px) {
.nav-item {margin-right:1rem !important;}
}

@media (max-width: 1099.98px) {
    .ftco-navbar-light {
        padding: 1rem !important;
    }
}

@media (max-width:767.9px) {
.navbar .head_logo {width:50%;}
}

#info_list { padding:0 !important;}
#info_list ul {margin:0 !important; color: #333;}
#info_list li {border-bottom: 1px solid #c9caca;display:block;font-size:1.2rem;line-height: 1.6rem; padding:0 !important;}
#info_list li a {color:#333;}
#info_list li a:hover dd { color:#01929B;}
#info_list li dl  {margin-top:3%; }
#info_list li dl dt { padding-bottom:1.5rem;font-size:1.1rem;display: block;color: #717071;}
#info_list li dl dd {margin-bottom:-7% !important; }

.contact {padding-top:1rem;padding-bottom:1rem;background:#01929B;min-height:350px;}
.contact p {color:#fff;font-size: 1.15rem;line-height: 1.9rem;}
h2.ttl {font-size:2.5rem;color: #333;font-weight: 600;}
h2.ttl span {font-size: 1.2rem;display: block;color: #01929B;}
.contact p.contact_tel {font-size:2.9rem;color: #fff;font-weight: 600;margin-top: 2%;}
.wrap-about {margin-top: 3%;}
.mail {border:solid 1px #fff;padding: 0.6rem 1rem; display: inline-block;}

@media screen and (max-width: 767.98px) {
.contact {padding:6% 3%;}
.contact p.contact_tel {font-size:2.2rem;margin-top: 3%;line-height:3rem;}
}