@charset "utf-8";
/*全スタイル共通*/
html {
    font-family: 'Noto Serif JP', serif;
}

li {
  list-style: none;
}

a {
    text-decoration: none;
    border: none;
}

p {
  font-size: 16px;
  text-align: center;
  margin: 60px auto 40px;
}

header img {
  width: 100%;
  height: auto;
}

.breadcrumb-001 {
    display: flex;
    gap: 0 22px;
    list-style: none;
    padding: 0;
    margin-top: 16vw;
    font-size: .9em;
}

.breadcrumb-001 li {
    display: flex;
    align-items: center;
}

.breadcrumb-001 li:first-child::before {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 4px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 20C20 20.5523 19.5523 21 19 21H5C4.44772 21 4 20.5523 4 20V11L1 11L11.3273 1.6115C11.7087 1.26475 12.2913 1.26475 12.6727 1.6115L23 11L20 11V20ZM11 13V19H13V13H11Z' fill='%23333333'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    content: '';
}

.breadcrumb-001 li:not(:last-child)::after {
    display: inline-block;
    transform: rotate(45deg);
    width: .3em;
    height: .3em;
    margin-left: 10px;
    border-top: 1px solid #333333;
    border-right: 1px solid #333333;
    content: '';
}

.breadcrumb-001 a {
    color: #333333;
    text-decoration: none;
}

/*全スタイル共通*/
main {
    width: 90%;
    margin: 0 auto;
}

#privacy {
    margin: 0 auto;
    text-align: justify;
    text-justify: inter-ideograph;
    -ms-text-justify: inter-ideograph;
    word-break: normal;
    word-wrap: break-word;
}

h1{
    width: 95%;
    font-size: 5.5vw;
    color: #333;
    text-align: center;
    padding: 4vw 0;
    margin: 0% auto 5%;
    border-bottom: inset;
}

table {
    margin: 20px auto;
}

.tbl-r02 th {
  background: #005EA2;
  border: solid 1px #005EA2;
  color: #fff;
  padding: 10px;
}

.tbl-r02 td {
  color: #333;
  padding: 2%;
  margin-bottom: 8vw;
  font-size: 0.85em;
  line-height: 1.7em;
}


#top_button {
    margin: 10% auto;
    width: fit-content;
}

#top_button a:link {
    color: #6d6d6d;
}

#top_button a:visited {
    color: #9d9d9d;
}

#top_button a:hover {
    color: #333;
}

tr {
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 999px) {
  main {
    width: 70%;
    max-width: 700px;
  }

  .breadcrumb-001 {
    margin-top: 6vw;
}

  h1 {
    width: fit-content;
    font-size: 2.5vw;
    text-align: center;
    padding: 10px;
    margin: 5% auto;
  }

  .tbl-r02 th{
    width: auto;
  }
  .tbl-r02 th,
  .tbl-r02 td {
    border-bottom: none;
    display: block;
  }
  .tbl-r02 td {
    padding-bottom: 5%;
    margin-bottom: 2vw;
  }


  .container {
    width: 60%;
    margin: 0 auto;
    display: grid;
    min-height: 100vh;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.container > * {
    margin: 3px;
    padding: 10px;
}

.main {
    grid-row: 2;
    grid-column: 2;
    background: #afa;
}
nav {
    grid-row: 2;
    grid-column: 1;
    background: #aaf;
}

}