@charset "UTF-8";

h1 {
    text-align: center;
    font-size: 28px;
    padding: 60px 0;
    display: block;
    min-width: 1000px;
}

.tab-menu {
  padding: 60px 20px;
}


.tab-menu__container {
	width: 1000px;
  min-width: 1000px;
  margin: 0 auto 60px;
  border: 1px solid #000;
}
.tab-menu__container:last-child {
  margin: auto;
}
.tab-menu__head {
  display: flex;
	margin: 0 auto;
  border-bottom: 1px solid #000;
}

.tab-menu__head ul {
	list-style: none;
}

.tab-menu__head li {
  flex: 1;
	list-style: none;
  font-weight: bold;
  padding: 20px;
  border-right: 1px solid #000;
  cursor: pointer;
	width: calc(100% / 3); 
  /* クラス付与時の指定 */
}
.tab-menu__head li:last-child {
  border-right: none;
}
.tab-menu__head li.is-active {
  color: #fff;
  background: #000;
}
.tab-menu__main {
  padding: 20px;
}
.tab-menu__main li {
  display: none;
  line-height: 1.6;
  /* クラス付与時の指定 */
}
.tab-menu__main li.is-active {
  display: block;
}