html{
    width: 100%;
    scroll-behavior: smooth;
    font-family: "Noto Sans JP"; 
}

.wf-notosansjapanese { font-family: "Noto Sans JP"; }

body{
    width: 100%;
    padding-top: 108px;
}

header {
    width: 100%;
    /* height:90px; */
    /* background: white; */
    margin:0 auto;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    align-items: center;
    z-index:100;
}

.cimg:hover{
    opacity:0.6;
}

a{
    text-decoration: none;
    color: black;
}

a:hover{
    color: #FF265C;
}

main{
    margin: 0 auto;
    width: 1000px;
    position:relative;
}

.gotop{
    opacity: 0.75;
    position: absolute;
    bottom: 45px;
    right:0px;
    z-index: 10;
}

/* contents page */
.contents{
    width: 100%;
    display: flex;
    justify-content: center
}

.opacity1{
    overflow: hidden;
    height: 0;
    opacity: 0;
}

.opacity1.active{
    height: 100%;
    opacity: 1;
    transition: all .8s ease;
}

.opacity2{
    overflow: hidden;
    height: 0;
    opacity: 0;
}

.opacity2.active{
    height: 100%;
    opacity: 1;
    transition: all .8s ease;
}