.tab-wrap {
	display: flex;
	flex-wrap: wrap;
	margin:20px 0;
  }
  .tab-wrap:after {
	content: '';
	width: 100%;
	height: 3px;

	display: block;
	order: -1;
  }
  .tab-label {
	white-space: nowrap;
	order: -1;
	position: relative;
	z-index: 1;
	cursor: pointer;
	flex: 1;
	padding: 0 0 10px 0;
	text-align: center;
	font-size: 22px;
	border-bottom: 1px solid;
	font-weight: normal;
	}


  .tab-label:not(:last-of-type) {
	margin-right: 35px;
  }
  .tab-content {
	width: 100%;
	height: 0;
	overflow: hidden;
	opacity: 0;
  }
  /* アクティブなタブ */
  .tab-switch:checked+.tab-label {
	border-bottom: 15px solid #036a78;
	color:#036a78;
  }

  .hover-red:hover {
    color: #00b381;
}

  .tab-switch:checked+.tab-label+.tab-content {
	height: auto;
	overflow: auto;
	padding: 15px;
	opacity: 1;
	transition: .5s opacity;

  }
  /* ラジオボタン非表示 */
  .tab-switch {
	display: none;
  }

  @media screen and (max-width: 768px) {
	.tab-label {
		white-space: nowrap;
		order: -1;
		position: relative;
		z-index: 1;
		cursor: pointer;
		flex: 1;
		padding: 0 0 10px 0;
		text-align: center;
		font-size: 12px;
		border-bottom: 1px solid;
		font-weight: normal;
	}

	.tab-label:not(:last-of-type) {
		margin-right: 15px;
	}

	.tab-switch:checked+.tab-label {
		border-bottom: 8px solid #036a78;
		color: #036a78;
	}

  }