@charset "UTF-8";
/* CSS Document */
#contents h2 {
  font-size: var(--font-size-36);
  font-weight: 700;
  text-align: center;
  margin-bottom: 4rem;
}
.tab {
  display: flex;
  flex-wrap: wrap;
  gap: 0 50px;
width: 100%;
}
.tab > label {
  flex: 1 1;
  order: -1;
  opacity: .5;
  width: 40%;
  padding: 1rem 0;
  border-radius: 10px;
  background-color: #2589d0;
  color: #fff;
 font-size: var(--font-size-24);
font-weight: 600;
  text-align: center;
  cursor: pointer;
  margin-bottom: 4rem;
}
.tab > label:hover {
  opacity: .8;
}
.tab input {
  display: none;
}
.tab > div {
  display: none;
  width: 100%;
  padding: 1.5em 1em;
  background-color: #fff;
}
.tab label:has(:checked) {
  opacity: 1;
}
.tab label:has(:checked) + div {
  display: block;
}

.tab ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 4rem;
}
.tab ul.set li {
width: 48%;
border: solid 2px #2d77ba;
border-radius: 20px;
padding: 2rem 0;
}
.tab ul.set li dl {
width: 100%;
margin-bottom: 2rem;
position: relative;
}
.tab ul.set li dt {
text-align: center;
color: #fff;
font-size: var(--font-size-32);
font-weight: 600;
padding: 1rem 0;
background: #2d77ba;
margin-bottom: 2rem;
}
.tab ul.set li dt span {
width: 120px;
height: auto;
display: block;
position: absolute;
top: -1.2rem;
left: 1rem;
}
.tab ul.set li dd {
text-align: center;
font-size: var(--font-size-24);
font-weight: 600;
}
.tab ul.set li dd span {
display: inline-block;
font-size: var(--font-size-72);
font-weight: 600;
color: #e83926;
}
.tab ul.set p {
width: 85%;
margin: 0 auto 2rem;
background: #eee;
padding: 1.5rem;
font-size: var(--font-size-24);
font-weight: 600;
text-align: center;
line-height: 1.8em;
}
.tab ul.set table {
width: 85%;
margin: 0 auto;
font-size: var(--font-size-18);
font-weight: 400;
text-align: center;
border-collapse:collapse;
}
.tab ul.set th,
.tab ul.set td {
padding: 0.8rem 0;
border: solid 1px #666;
}
.tab ul.set th {
width: 30%;
}
.tab ul.set tr:nth-child(even) {
background: #eee;
}

.tab .single {
width: 100%;
border: solid 2px #2d77ba;
border-radius: 20px;
padding: 2rem 0;
margin-bottom: 2rem;
}
.tab .single .title {
text-align: center;
color: #fff;
font-size: var(--font-size-32);
font-weight: 600;
padding: 1rem 0;
background: #2d77ba;
margin-bottom: 2rem;
width: 100%;
}
.tab .single ul {
width: 90%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.tab .single li {
width: 31%;
background: #eff5f9;
padding: 1rem;
text-align: center;
}
.tab .single dl {
margin-bottom: 1rem;
}
.tab .single dt {
font-size: var(--font-size-24);
font-weight: 600;
margin-bottom: 1rem;
}
.tab .single dt span {
display: inline-block;
font-size: var(--font-size-18);
font-weight: 400;
}
.tab .single dd {
text-align: center;
font-size: var(--font-size-24);
font-weight: 600;
}
.tab .single dd span {
display: inline-block;
font-size: var(--font-size-72);
font-weight: 600;
color: #e83926;
}
.tab .single p {
width: 85%;
margin: 0 auto ;
background: #fff;
padding: 1.5rem;
font-size: var(--font-size-18);
font-weight: 600;
text-align: center;
line-height: 1.8em;
}
.tab .note {
font-size: var(--font-size-24);
font-weight: 600;
text-align: left;
}