@charset "utf-8";





section h1,section h2,section h3{text-align: left;}


.tab-area{
  border: 1px solid #ccc;
}

.tab-btn{
  display:none;
}
.tab-list-wrap{
  padding:0 !important;
  margin: 0;
  list-style-type:none;
  display:flex;
}

.tab-list-wrap li{
  display:block;
  width: calc(100% / 4);
  text-align:center;
  border:1px solid #ccc;
}
.tab-list-wrap .tab-list{
  display:block;
  padding: .5em;
  background: #fff;
  box-sizing:border-box;
  cursor:pointer;
}

#tab-btn1:checked ~ .tab-list-wrap #tab-list1,
#tab-btn2:checked ~ .tab-list-wrap #tab-list2{
  background:#004CA0;
  color: #fff;
}


.tab-content{
  padding:3em;
  background: #fff;
  display:none;
}
.tab-content dl{
  display: flex;
}
#tab-btn1:checked ~ .tab-content-wrap #tab-content1,
#tab-btn2:checked ~ .tab-content-wrap #tab-content2{
  display: block;
}


@media (max-width: 767px){



section h1,section h2,section h3{text-align: center;}

  .tab-list-wrap li{
    width: calc(100% / 2);
  }




}