.main1 {
    display: flex;
}

.main2 {
    display: flex;
    justify-content: space-between;
}

.container {
    text-align: center;
}

.under {
    text-decoration:underline;
}

.scroll{
    height: 80px;
    overflow: auto;
}

iframe {
    aspect-ratio: 20/9;
}
  
.graph {
    width: 400px;
}

ul {
  border: solid 2px #bd8449;
  padding: 0 0.5em;
  position: relative;
}

ul li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 1.4em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}

ul li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f075";
  position: absolute;
  left : 0.5em;
  color: #bd8449;
}

ul li:last-of-type {
  border-bottom: none;
}

td {
    text-align: center;
}

@media (max-width: 480px) {
    .main1 {
        display: block;
        text-align : center
    }

    .main2 {
        display: block;
        text-align : center
    }
}

.notice dl {
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
}

.notice dt {
    padding-bottom: 6px;
}
    
@media screen and (min-width: 630px) {
    .notice dt {
    clear: left;
    float: left;
    width: 22%;
    }
    .notice dd {
    margin-left: 16%;
    }
}