@charset "UTF-8";

/*ベース*/
section.tab_kirikae{
	display: flex;
	flex-wrap: wrap;
}
section.tab_kirikae::after {
	content: '';
	width: 100%;
	height: 3px;
	order: -1;
	display: block;
	background: rgba(0,137,167,.7);
}
section.tab_kirikae .tabLabel {	/* タブ */
	
	padding: 3px 12px;
	flex: 1;
	order: -1;
	
	color: #444;
	background: #ccc;
	transition: .5s ;
	cursor: pointer;
}
section.tab_kirikae .tabLabel:nth-last-of-type(1){ margin-right: 0; }
section.tab_kirikae input {		/* ラジオボタン非表示 */
	display: none;
}
section.tab_kirikae .content {	/* 本文 */
	width: 100%;
	height: 0;
	overflow: hidden;
	opacity: 0;
}
/*アクティブ設定*/
section.tab_kirikae input:checked + .tabLabel {
	color: #fff;
	background: #333;
}
section.tab_kirikae input:checked + .tabLabel + .content {
	padding: 15px;
	height: auto;
	overflow: auto;

	transition: .5s opacity;
	opacity: 1;
}