/* ============================= */
/*タブ切り替え                   */
/* ============================= */
/* タブスタイル */
.my-tab-box .my-tab-btn {
	display: -webkit-box;
	display: flex;
	/*
	padding-top:30px;
	*/
	/*
	border-top:3px solid #006B46;
	border-bottom:thick double #006B46;
	*/

	/*
	padding-bottom:8px;
	border-bottom:4px double #006B46;
	margin-bottom:16px;
	*/
	/*
	justify-content: center;
	align-items: center;
	*/
	margin-left:20px;
}
.my-tab-box .my-tab-btn > div {
	width: 200px;
	padding: 6px 0;
	color: #808080;
	font-weight:bold;
	text-align: center;
	cursor: pointer;
	background: #f5f7f8;
	transition: all 0.2s ease 0s;
	border: solid 1px #e3ebf3;

	/* button */
	border-radius: 10px;

	/* underLine */
	/*
	border-bottom:3px solid #e3ebf3;
	border-bottom:2px solid transparent;
	*/

}
.my-tab-box .my-tab-btn > div + div {
	margin-left: 8px;
}
.my-tab-box .my-tab-btn > div:hover {
	background-color: #dce1e4;
}

.my-tab-box .my-tab-btn > div.active {
	/* button */
	color:#fff;
	/*
	background:#07539f;
	background:rgb(0, 147, 96);
	*/
	/*
	background:#5F6EB7;
	background: #009360;
	background:#4d5887;
	*/
	background:#36485f;
	/* underLine */
	/*
	color: #006B46;
	border-bottom:3px solid #006B46;
	*/
}
.my-tab-box .my-tab-panel-area {
	/*
	border: solid 1px #e3ebf3;
	padding: 4px;
	*/
	/*
	padding-top: 20px;
	border-top:3px solid #006B46;
	*/
}
.my-tab-box .my-tab-panel {
	display:none;
}
.my-tab-box .my-tab-panel.active {
	display:block;
}

/* カスタマイズ */
.my-tab-box .my-tab-panel{
	line-height:1.4;
}
.my-tab-box .my-tab-panel .title{
	font-size:1rem;
	font-weight:bold;
	margin-bottom:10px;
}
.my-tab-box .my-tab-panel .title:before{
	content:"[";
}
.my-tab-box .my-tab-panel .title:after{
	content:"]";
}
.my-tab-box .my-tab-panel .title:not(:first-of-type) {
	margin-top:24px;
}

/* 追加 */
.my-tab-box .my-tab-btn > div > a{
	display: block;
	height:100%;
	width:100%;
	text-decoration: none;
	color: #808080;
}
.my-tab-box .my-tab-btn > div.active > a{
	color: #fff;
}
.my-tab-box .my-tab-title {
	margin-left: 20px;
	margin-bottom: 20px;
	color: #003116;
	font-size: 1.4em;
	font-weight: 600;
}
@media screen and (max-width:480px){
	.my-tab-box .my-tab-btn {
		margin-left:4px;
	}
	.my-tab-box .my-tab-btn > div {
		padding: 4px 0;
		font-size: 0.7em;
		line-height:1.2;
	}
	.my-tab-box .my-tab-title {
		margin-bottom: 0px;
		margin-left: 4px;
		font-size: 1.2em;
	}
}