@charset "UTF-8";

/*タブ切り替え全体のスタイル*/
.tabs {
	margin-top: 15px;
	padding-bottom: 40px;
	background-color: #fff;
}

/*タブのスタイル*/
.tab_item {
	width: 20%;
	border-bottom: 3px solid #58acda;
	background-color: #d9d9d9;
	line-height: 1.1em;
	font-size: 16px;
	text-align: center;
	color: #565656;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	transition: all 0.2s ease;
	height: 50px;
	padding: 8px 2px;
}
.tab_item:hover {
	opacity: 0.75;
}
.tab01, .tab03 {
	padding: 17px 0;
}

/*ラジオボタンを全て消す*/
#content input[name="tab_item"] {
	display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
	display: none;
	padding: 40px 0 0;
	clear: both;
}


/*選択されているタブのコンテンツのみを表示*/
#Main_activities01:checked ~ #Main_activities01_content,
#Main_activities02:checked ~ #Main_activities02_content,
#Main_activities03:checked ~ #Main_activities03_content,
#Main_activities04:checked ~ #Main_activities04_content,
#Main_activities05:checked ~ #Main_activities05_content {
	display: block;
}

/*選択されているタブのスタイルを変える*/
#Main_activities01:checked ~ div .tab01,
#Main_activities02:checked ~ div .tab02,
#Main_activities03:checked ~ div .tab03,
#Main_activities04:checked ~ div .tab04,
#Main_activities05:checked ~ div .tab05 {
	background-color: #58acda;
	color: #fff;
}


/*コンテンツの中身*/
#content .sus-box01{
	border: none;
}
#content h2.Main_activities_sus-title {
	margin: 0 auto;
	width: 900px;
	text-align: left;
	font-size: 25px;
}
#content .sus-employee .sus-link-box {
	text-align: left;
}








@media print {

}

@media only screen and (max-width: 800px) {
	/*タブのスタイル*/
	.tab_item {
		font-size: 13px;
		padding: 12px 2px 0;
	}
	.tab05 {
		padding: 8px 2px 0;
	}
	#content h2.Main_activities_sus-title {
		width: 100%;
		padding: 0 3%;
	}
}

@media only screen and (max-width: 414px) {   /*iPhone11*/
	.tabs {
		margin-top: 0;
	}
	.tab_item {
		font-size: 10px;
	}
	#content h2.Main_activities_sus-title {
		font-size: 158.33333%;;
	}
}

@media only screen and (max-width: 320px) {

}