@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap);

.note {position: relative;padding-left: 1.2em;font-size: 0.875em;}
.note span {position: absolute;left: 0;}
@media only screen and (max-width:767px){
.note {padding-left: 1em;font-size: 0.75em;}
}

@media (min-width:768px) {
.sp_only { display:none !important; }
}
@media only screen and (max-width:767px){
.pc_only { display:none !important; }  
}

/*
pagetop
================================================ */
.pagetop {position: relative;z-index: 1100;}
.pagetop p {position: absolute;bottom: 0;right: 40px;display: none;}
.pagetop p a {background-color: #414141;border-radius: 4px 4px 0 0;display: flex;align-items: center;justify-content: center;width: 64px;height: 64px;}
.pagetop img {width: 64px;transition: transform 0.3s;}
.pagetop.js-fixed > p {position: fixed;}

@media only screen and (min-width: 768px){
.pagetop p:hover img{transform: translateY(-4px);}
}

@media only screen and (max-width: 767px){
.breadcrumb-list {display: none;}
.pagetop p a {border-radius: 2px 2px 0 0;width: 45px;height: 45px;}
.pagetop img {width: 45px;}
}