@charset "UTF-8";

.clearfix:after{ display: block; clear: both; height: 0; visibility: hidden; content: ""; }
.clearfix{ min-height: 1px; }
#main a{ transition: opacity 0.25s linear; }
#main a:hover{ opacity: 0.7; -ms-filter: "alpha(opacity=70)"; }
.pc{ display: none; }
#main .smp-show{ display: block; }
#main-content br.pc{ display: none; }
#main img.sp-show{ display: inline; }


#main .content {
    padding-bottom: 50px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    padding-top: 0px;
}
#main .content header{
    background-position: center center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
#main .content .section{
    background-color: #FFFFFF;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-bottom: 50px;
}


#page-top {
    position: fixed;
    bottom: 9px;
    right: 8px;
    width: 60px;
    z-index: 90;
}



html {
  scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
/* Animation */
.wrapper {
  animation: floating-x 7.2s ease-in-out infinite alternate-reverse;
}