/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fff;
  box-shadow: none;
  width: 620px;
  margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
  width: calc(100%/2.1);
  height: 50px;
  border: 3px solid #008b8b;
  border-radius:35px 35px 35px 35px;<!--加えた-->
  background-color: #c4e2e2;
  line-height: 50px;
  font-size: 1.8em;
  text-align: center;
  color: #5a5a5a;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 2px 20px 0;
  clear: both;
  overflow: hidden;
}

/*選択されているタブのコンテンツのみを表示*/
#techexp:checked ~ #techexp_content,
#techuni:checked ~ #techuni_content,
#techhs:checked ~ #techhs_content,
#adminuni:checked ~ #adminuni_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #008b8b;
  color: #fff;
}

/*ダウンロードのボタン1（ピンク）*/
.border_spread_btn { position: relative; display: inline-block; color: #1B1B1B; text-decoration: none;
}
.border_spread_btn:hover { cursor: pointer; text-decoration: none;}
.border_spread_btn::after { position: absolute; bottom: -4px; left: 0; content: ''; width: 100%; height: 2px; background: deeppink; transform: scale(0.5, 1); transform-origin: center top; transition: transform .3s;}
.border_spread_btn:hover::after { transform: scale(1, 1);}

/*ダウンロードのボタン2（青）*/
.border_spread_btn2 { position: relative; display: inline-block; color: #1B1B1B; text-decoration: none;
}
.border_spread_btn2:hover { cursor: pointer; text-decoration: none;}
.border_spread_btn2::after { position: absolute; bottom: -4px; left: 0; content: ''; width: 100%; height: 2px; background: #00ced1; transform: scale(0.5, 1); transform-origin: center top; transition: transform .3s;}
.border_spread_btn2:hover::after { transform: scale(1, 1);}

/*注意事項のボックス*/
.cautionbox{
  margin: 1em 0;
  background-color: #FFD9DA;
  padding: 1em;
}

.cautionbox-title{
  color: #E5446D;
  font-size: 18px;
  font-weight: bold;
}

.cautionbox p{
  margin: 0;
  padding: 0;
}