body{
    background-color: #6ce093;
}

h1{
    padding-left: 0.3em;
    border-left: 0.3em solid rgb(255, 255, 255);
}

section{
    min-height: 100vh;
    padding: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.academic-background{
    background-color: #78f8fa;
}
.work-history{
    background-color: #78cffa;
    padding-bottom: 4em; /*広告用の余白*/
}

.container{
    width: 90%;
    margin: 10% 0;
}
.container a{
    border-bottom: 2px dotted #fff;
}
.top p{
    margin-bottom: 1em;
}
.record{
    display: flex;
    margin-top: 1.5em;
}
.year{
    display: block;
    margin-right: 6em;
    width: 6em;
	height: 6em;
    line-height: 5.6em;
	border-radius: 50%;
    border: solid 0.4em #fff;
    text-align:center;
}
.main{
    font-size: 30px !important;
}

/* topへ戻るボタン */
#top-return{
    background-color: rgb(254, 189, 89);
    opacity: 0.6;/*itemDの不透明度を50％に指定*/
    transition: 0.3s;
    position: fixed;
    bottom: 2em;
    right: 2em;
    width: 48px;
    height: 48px;
    text-decoration: none;
    display: block;
    text-align: center;
    border-radius: 24px;
    border: solid 0.2em #fff;
}
#top-return:hover{
    opacity: 1;
}

@media screen and (max-width: 768px) {
	/* タブレット以下に適用されるCSS（スマホ用） */
    .year{
        display: none;
    }
    
    #top-return{
        bottom: 6em;
        right: 1em;
    }
}