/* 見出し */
h1 {
  padding: 0.5em;/*文字周りの余白*/
  color: #010101;/*文字色*/
  background: #eaf3ff;/*背景色*/
  border-bottom: solid 3px #516ab6;/*下線*/
}

h2 {
  position: relative;
  padding: 0.6em;
  background: -webkit-repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
  background: repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
  border-radius: 7px;
}

h2:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #ffebbe;
  width: 0;
  height: 0;
}

h3 {
  padding: 0.5em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #fffaf4;/*背景色*/
  border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
}


/* 4つ角すべて同じ丸み */
.box-maru {
 content: "\A" ;
 display:inline-block;
 padding: 0.5em 1em;
 margin: 2em 0;
 font-weight: bold;
 border: solid 2px #0000ff;
 border-radius: 10px;/*角の丸み*/
}
.box-maru p {
 margin: 0; 
 padding: 0;
}

footer {
  padding: 0.5em;/*文字周りの余白*/
  color: #E0FFFF;/*文字色*/
  background: #A9A9A9;/*背景色*/
  border-top: solid 3px #516ab6;/*上線*/
}


/*▼タブ切り替え用▼*/
.tab-wrap {
    display: flex;
    flex-wrap: wrap;
}
.tab-label {
    color: White;
    background: LightGray;
    margin-right: 5px;
    padding: 3px 12px;
    order:-1;
}
.tab-content {
    width: 100%;
    display: none;
}
.tab-switch:checked+.tab-label {
    background: DeepSkyBlue;
}
.tab-switch:checked+.tab-label+.tab-content {
    display: block;
}
.tab-switch {
    display: none;
}
/*▲タブ切り替え用▲*/