@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)"; }
.sp { display: none; }
#main br.sp{ display: none; }

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


#page-top {
    position: fixed;
    bottom: 20px;
    right: 80px;
    width: 80px;
    z-index: 90;
}




html {
  scroll-behavior: smooth;
}


/* Animation */
.wrapper {
  animation: floating-x 7.2s ease-in-out infinite alternate-reverse;
}