body{
font-family: 'Noto Sans JP', sans-serif;
}

.navbar-brand {
background: url("../img/funkist_logo_b.png?210116") no-repeat left center;
background-size: contain;
height: 50px;
width: 250px;
}
main > .container {
padding: 10px;
}
.mainimg{
max-width: 300px;
margin: 15px 0;
}

ul.timeline {
list-style-type: none;
position: relative;
}
ul.timeline:before {
content: ' ';
background: #d4d9df;
display: inline-block;
position: absolute;
left: 29px;
width: 2px;
height: 100%;
z-index: 400;
}
ul.timeline > li {
margin: 20px 0;
padding-left: 20px;
}
ul.timeline > li:before {
content: ' ';
background: white;
display: inline-block;
position: absolute;
border-radius: 50%;
border: 3px solid #ff0000;
left: 20px;
width: 20px;
height: 20px;
z-index: 400;
}
.youtube {
    width: 100%;
    aspect-ratio: 16 / 9;
  }
  .youtube iframe {
    width: 100%;
    height: 100%;
  }
.card{
    margin:15px 0
}

.nlist{
margin:10px 0
}

.iframe-content {
position: relative;
width: 100%;
padding:50% 0 0 0;
margin: 15px 0;
}
.iframe-content iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.shadow-s {
box-shadow: 2px 2px 4px gray;
}

@media screen and (max-width:768px){
.nav-item{
font-size: 1.5rem;
}
}