/* -------------------------------------------
	tab
--------------------------------------------- */

	/* -------------------------------------------
		tab > SP
	--------------------------------------------- */
	@media (min-width:0px) {
		.tab-group {
			display: flex;
			justify-content: center;
			margin-bottom: -1px;
		}
		.tab {
			border:1px solid #000;
			flex-grow: 1;
			padding-top: 1rem;
			padding-right: 1rem;
			padding-bottom: 1rem;
			padding-left: 1rem;
			line-height: 1.5em;
			cursor:pointer;
			position: relative;
			transition: var(--transition-fade);
		}
		.tab::before {
			position: absolute;
			top: 0;
			right: 0;
			bottom: auto;
			left: 0;
			content: "";
			width: 100%;
			height: 6px;
			transition: var(--transition-fade);
		}
		.tab+.tab {
			margin-left: 0.5rem;
		}
		.panel-group {
			border-top:none;
		}
		.tab.is-active {
			border-top-width: 1px;
			border-right-width: 1px;
			border-left-width: 1px;
			
		}
		
		/*表示/非表示の切り替え*/
		.panel {
			display:none;
		  }
		.panel.is-show {
			border-style: solid;
			border-width: 1px;
			display:block;
		}
		.panel {
			padding-top: 1rem;
			padding-right: 1rem;
			padding-bottom: 1rem;
			padding-left: 1rem;
		}
	}
	/* -------------------------------------------
		tab > TABLET
	---------------------------------------------- */
	@media (min-width:720px) {
		.tab+.tab {
			margin-left: 1rem;
		}
		.tab br {
			display: none;
		}
	}
	/* -------------------------------------------
		tab > PC
	---------------------------------------------- */
	@media (min-width:1028px) {
	}