@charset "UTF-8";
/* CSS Document */

#contents h2 {
 font-size: var(--font-size-36);
 font-weight: 700;
 text-align: center;
 margin-bottom: 2rem;
}
.box {
margin-bottom: 6rem;
}
.box p {
 font-size: var(--font-size-18);
 margin-bottom: 1rem;
}
.box table {
border-collapse:collapse;
width: 100%;
margin: 0 auto;
 font-size: var(--font-size-18);
  margin-bottom: 1rem;
}
.box th,.box td {
padding: 1rem;
border: solid 1px #ccc;
}
.box th {
background: #2561AC;
color: #fff;
width: 20%;
}
.box.td2 td {
width: 40%;
}
.box td span {
 font-size: var(--font-size-24);
 font-weight: 600;
}
.box h3 {
 font-size: var(--font-size-24);
 font-weight: 600;
 border-left: solid 4px #2561AC;
 padding-left: 1rem;
 margin-bottom: 1rem;
}
.box .map {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    /* 16:9のアスペクト比 */
    height: 0;
}

.box .map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}