@charset "utf-8";
/* CSS Document */

.tabWrap{}
.tabTtl{
	border-bottom:#1d94d3 solid 4px;
	display:flex;
	align-items: stretch; 
	justify-content: space-between;	
	gap: 2%;
	padding:0 1%;
	}
.tabTtl > p{
	cursor: pointer;
	flex:1;
	text-align:center;
	font-weight:bold;
	padding:10px 2px;
	margin:0;
	border:#ccc solid 1px;
	border-bottom:none;
	border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	background:        -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f7f7f7));
	background:         linear-gradient(0deg, #ffffff 0%, #f7f7f7 100%);
	background:    -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
	background:      -o-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
	background:-ms-linear-gradient(top, #ffffff, #f7f7f7); /* IE */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fffffff,EndColorStr=#fff7f7f7);
	}
.tabTtl > p.tabSelect{
	background:#1d94d3;
	border-color:#1d94d3;
	color:#fff;
	}
.tabContent{}
.tabContent > div{
	padding:20px 0;
	}
.tabContent > div.tabHide {display:none;}


@media only screen and (min-width : 1025px){
	.tabTtl > p{
		padding:20px 2px;
		}
	.tabContent > div{
		padding:40px 0;
		}
}