body {
    display:flex;
    flex-direction: column;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 500;
}

main {
    min-height: calc(100vh - 80px - 135px);
    /*max-width: 1260px;*/
    width: 100%;
    margin: 0 auto;
    padding-top: 80px;
}
/*ふわっとひょうじさせる-----------------------------------------*/
.fadein {
    opacity:0;
    transform:translateY(45px);
    transition:all 500ms;
}
.fadein.scrollin{
    opacity:1;
    transform:translateY(0);
}

@media screen and (max-width:979px){
    /*タブレット用*/
    main{
        padding-top:0;
    }
}
@media screen and (max-width:767px){
    /*タブレット/スマートフォン用*/
    main{
        padding-top:0;
    }
}
@media screen and (max-width:479px){
    /*スマートフォン用*/
    main{
        padding-top:0;
    }
}