/*********************************************************************************************************************************

		コンテンツ３

*********************************************************************************************************************************/


/*タブ切り替えBOX･･････････････････････････････････････････････････*/
.tabSswitch{
	display:inline-block;
	height:auto;
	width:100%;
	max-width:1000px;
	overflow-x:hidden;
}

	/*タブ･････････････････････････････････････････････････････････*/
	.tabSswitch>label{/*タブが 2 つの場合（基本）*/
		display:inline-block;
		height:65px;
		width:calc(50% - 2px);/*input[name="tab_switch"]の横幅を減算*/
		margin-left:0 !important;
		border-radius:5px 5px 0 0;
		background-color:dimgray;/*非アクティブ時（通常時）の背景色*/
	}
	.tabSswitch>label.tab_x3{/*タブが 3 つの場合*/
		width:calc(33.33333333333333% - 4px);/*input[name="tab_switch"]の横幅を減算*/
	}
	.tabSswitch>label.tab_x4{/*タブが 4 つの場合*/
		width:calc(25% - 4px);/*input[name="tab_switch"]の横幅を減算*/
	}
	.tabSswitch>label.tab_x5{/*タブが 5 つの場合*/
		width:calc(20% - 5px);/*input[name="tab_switch"]の横幅を減算*/
	}
	.tabSswitch>label.tab_x6{/*タブが 6 つの場合*/
		width:calc(16.66666666666666% - 5px);/*input[name="tab_switch"]の横幅を減算*/
	}
	.tabSswitch>label.tab_x7{/*タブが 7 つの場合*/
		width:calc(14.28571428571428% - 5px);/*input[name="tab_switch"]の横幅を減算*/
	}
	.tabSswitch>label.tab_x8{/*タブが 8 つの場合*/
		width:calc(12.5% - 5px);/*input[name="tab_switch"]の横幅を減算*/
	}
	.tabSswitch>label.tab_x9{/*タブが 9 つの場合*/
		width:calc(11.11111111111111% - 5px);/*input[name="tab_switch"]の横幅を減算*/
	}
		.tabSswitch>label>div{/*テキスト*/
			display:inline-block;
			height:65px;
			width:100%;
			text-align:center;
			text-align-last:center;
		}
			.tabSswitch>label>div>p{/*テキスト*/
				display:inline-block;
			}
				.tabSswitch>label>div>p>span{/*テキスト*/
					display:table-cell;
					height:65px;
					width:100%;
					font-size:17px;
					font-weight:bold;
					letter-spacing:0;
					line-height:1.35em;
					color:white;
					vertical-align:middle;
				}
	.tabSswitch>input[name="tab_switch"]{/*チェック用丸ポチマークを非表示にする*/
		display:none;
	}
	.tabSswitch>label:hover{
		cursor:pointer;
	}
	.tabSswitch>#tab01,
	.tabSswitch>#tab02,
	.tabSswitch>#tab03,
	.tabSswitch>#tab04,
	.tabSswitch>#tab05,
	.tabSswitch>#tab06,
	.tabSswitch>#tab07,
	.tabSswitch>#tab08,
	.tabSswitch>#tab09{/*タブ1～4*/
		color:white;
	}
	.tabSswitch>#tab01:checked + .tab_label{/*タブ 01（アクティブ時）*/
		background-color:var(--Gray_05)
	}
	.tabSswitch>#tab02:checked + .tab_label{/*タブ 02（アクティブ時）*/
		background-color:var(--Gray_05)
	}
	.tabSswitch>#tab03:checked + .tab_label{/*タブ 03（アクティブ時）*/
		background-color:var(--Gray_05)
	}
	.tabSswitch>#tab04:checked + .tab_label{/*タブ 04（アクティブ時）*/
		background-color:var(--Gray_05)
	}
	.tabSswitch>#tab05:checked + .tab_label{/*タブ 05（アクティブ時）*/
		background-color:var(--Gray_05)
	}
	.tabSswitch>#tab06:checked + .tab_label{/*タブ 06（アクティブ時）*/
		background-color:var(--Gray_05)
	}
	.tabSswitch>#tab07:checked + .tab_label{/*タブ 07（アクティブ時）*/
		background-color:var(--Gray_05)
	}
	.tabSswitch>#tab08:checked + .tab_label{/*タブ 08（アクティブ時）*/
		background-color:var(--Gray_05)
	}
	.tabSswitch>#tab09:checked + .tab_label{/*タブ 09（アクティブ時）*/
		background-color:var(--Gray_05)
	}
	section #tab01_content,
	section #tab02_content,
	section #tab03_content,
	section #tab04_content,
	section #tab05_content,
	section #tab06_content,
	section #tab07_content,
	section #tab08_content,
	section #tab09_content{/*タブ*/
		display:none;
	}
	section #tab01:checked ~ #tab01_content,
	section #tab02:checked ~ #tab02_content,
	section #tab03:checked ~ #tab03_content,
	section #tab04:checked ~ #tab04_content,
	section #tab05:checked ~ #tab05_content,
	section #tab06:checked ~ #tab06_content,
	section #tab07:checked ~ #tab07_content,
	section #tab08:checked ~ #tab08_content,
	section #tab09:checked ~ #tab09_content{/*チェックしたタブに連動して、後ろの要素を表示*/
		display:block;
	}

	/*タブ内のコンテンツエリア･････････････････････････････････････*/
	.tabSswitch>ul{/*タブ切り替えで表示される要素*/
		display:inline-block;
		width:100%;
		margin-top:-1px;/*タブとの隙間埋め*/
	}
		.tabSswitch>ul>li:first-of-type{
			display:inline-block;
			width:100%;
			border-radius:0 0 5px 5px;
			background-color:var(--Gray_05);
		}
		.tabSswitch>ul:nth-of-type(2)>li:first-of-type{/*タブ 02*/
			background-color:var(--Gray_05);
		}
		.tabSswitch>ul:nth-of-type(3)>li:first-of-type{/*タブ 03*/
			background-color:var(--Gray_05);
		}
		.tabSswitch>ul:nth-of-type(4)>li:first-of-type{/*タブ 04*/
			background-color:var(--Gray_05);
		}
		.tabSswitch>ul:nth-of-type(5)>li:first-of-type{/*タブ 05*/
			background-color:var(--Gray_05);
		}
		.tabSswitch>ul:nth-of-type(6)>li:first-of-type{/*タブ 06*/
			background-color:var(--Gray_05);
		}
		.tabSswitch>ul:nth-of-type(7)>li:first-of-type{/*タブ 07*/
			background-color:var(--Gray_05);
		}
		.tabSswitch>ul:nth-of-type(8)>li:first-of-type{/*タブ 08*/
			background-color:var(--Gray_05);
		}
		.tabSswitch>ul:nth-of-type(9)>li:first-of-type{/*タブ 09*/
			background-color:var(--Gray_05);
		}
			.tabSswitch>ul>li:first-of-type>div{/*コンテンツの表示エリア（白背景）*/
				display:inline-block;
				width:calc(100% - 72px);
				margin:53px auto 53px 36px;
				padding:30px 0 48px 0;
				text-align:center;
				text-align-last:center;
				border-radius:5px;
				background-color:var(--Gray_00);
			}
				.tabSswitch>ul>li:first-of-type>div>*{
					display:inline-block;
					width:calc(100% - 96px);
				}


				/*コンテンツエリア01（テキスト ＆ 2列･BOX）･････････････････････････*/
				/*SubTitle ～ サブタイトル･････････････････････････*/
				.tabSswitch>ul>li:first-of-type>div>div{
					padding-bottom:15px;
					border-bottom:solid 3px var(--Gray_05);/*下線*/
				}
				.tabSswitch>ul:nth-of-type(2)>li:first-of-type>div>div{/*タブ 02*/
					border-bottom:solid 3px var(--Gray_05);/*下線*/
				}
				.tabSswitch>ul:nth-of-type(3)>li:first-of-type>div>div{/*タブ 03*/
					border-bottom:solid 3px var(--Gray_05);/*下線*/
				}
				.tabSswitch>ul:nth-of-type(4)>li:first-of-type>div>div{/*タブ 04*/
					border-bottom:solid 3px var(--Gray_05);/*下線*/
				}
				.tabSswitch>ul:nth-of-type(5)>li:first-of-type>div>div{/*タブ 05*/
					border-bottom:solid 3px var(--Gray_05);/*下線*/
				}
				.tabSswitch>ul:nth-of-type(6)>li:first-of-type>div>div{/*タブ 06*/
					border-bottom:solid 3px var(--Gray_05);/*下線*/
				}
				.tabSswitch>ul:nth-of-type(7)>li:first-of-type>div>div{/*タブ 07*/
					border-bottom:solid 3px var(--Gray_05);/*下線*/
				}
				.tabSswitch>ul:nth-of-type(8)>li:first-of-type>div>div{/*タブ 08*/
					border-bottom:solid 3px var(--Gray_05);/*下線*/
				}
				.tabSswitch>ul:nth-of-type(9)>li:first-of-type>div>div{/*タブ 09*/
					border-bottom:solid 3px var(--Gray_05);/*下線*/
				}
					.tabSswitch>ul>li:first-of-type>div>div>*{
						display:inline-block;
						width:100%;
						text-align:center;
						text-align-last:center;
					}
					.tabSswitch>ul>li:first-of-type>div>div>em{/*SubTitle*/
						font-size:13px;
					}
					.tabSswitch>ul>li:first-of-type>div>div>h3{/*サブタイトル*/
						margin-top:-6px;
						font-size:25px;
					}

				/*本文･････････････････････････････････････････････*/
				.tabSswitch>ul>li:first-of-type>div>p{/*タブ1の本文です。サンプルテキストです。*/
					margin-top:20px;
					text-align:center;
					text-align-last:center;
				}

				/*ブロックリスト･･･････････････････････････････････*/
				.tabSswitch_blockList{
					display:inline-block;
					width:580px;
					margin-top:20px;
				}
					.tabSswitch_blockList>li{/*ブロック01 ～ ブロック04*/
						height:202px;/*共通の高さ*/
						width:calc(50% - 9px);
						border:solid 3px var(--Gray_05);
						box-sizing:border-box;
						overflow:hidden;
						float:left;
					}
					.tabSswitch>ul:nth-of-type(2)>li:first-of-type>div>ul>li{/*タブ02／ブロック*/
						border:solid 3px var(--Gray_05);
					}
					.tabSswitch>ul:nth-of-type(3)>li:first-of-type>div>ul>li{/*タブ03／ブロック*/
						border:solid 3px var(--Gray_05);
					}
					.tabSswitch>ul:nth-of-type(4)>li:first-of-type>div>ul>li{/*タブ04／ブロック*/
						border:solid 3px var(--Gray_05);
					}
					.tabSswitch>ul:nth-of-type(5)>li:first-of-type>div>ul>li{/*タブ05／ブロック*/
						border:solid 3px var(--Gray_05);
					}
					.tabSswitch>ul:nth-of-type(6)>li:first-of-type>div>ul>li{/*タブ06／ブロック*/
						border:solid 3px var(--Gray_05);
					}
					.tabSswitch>ul:nth-of-type(7)>li:first-of-type>div>ul>li{/*タブ07／ブロック*/
						border:solid 3px var(--Gray_05);
					}
					.tabSswitch>ul:nth-of-type(8)>li:first-of-type>div>ul>li{/*タブ08／ブロック*/
						border:solid 3px var(--Gray_05);
					}
					.tabSswitch>ul:nth-of-type(9)>li:first-of-type>div>ul>li{/*タブ09／ブロック*/
						border:solid 3px var(--Gray_05);
					}
					.tabSswitch_blockList>li:nth-of-type(even){/*偶数番目*/
						float:right;
					}
					.tabSswitch_blockList>li:nth-of-type(n+3){/*3番目以降*/
						margin-top:18px;
					}
						.tabSswitch_blockList>li *{
							letter-spacing:0;
						}
						.tabSswitch_blockList>li>h4{/*ブロックのタイトル*/
							padding:11px 0;
							color:white;
							font-weight:bold;
							text-align:center;
							text-align-last:center;
							background-color:var(--Gray_05);
						}
						.tabSswitch>ul:nth-of-type(2)>li:first-of-type>div>ul>li>h4{/*タブ02／ブロックのタイトル*/
							background-color:var(--Gray_05);
						}
						.tabSswitch>ul:nth-of-type(3)>li:first-of-type>div>ul>li>h4{/*タブ03／ブロックのタイトル*/
							background-color:var(--Gray_05);
						}
						.tabSswitch>ul:nth-of-type(4)>li:first-of-type>div>ul>li>h4{/*タブ04／ブロックのタイトル*/
							background-color:var(--Gray_05);
						}
						.tabSswitch>ul:nth-of-type(5)>li:first-of-type>div>ul>li>h4{/*タブ05／ブロックのタイトル*/
							background-color:var(--Gray_05);
						}
						.tabSswitch>ul:nth-of-type(6)>li:first-of-type>div>ul>li>h4{/*タブ06／ブロックのタイトル*/
							background-color:var(--Gray_05);
						}
						.tabSswitch>ul:nth-of-type(7)>li:first-of-type>div>ul>li>h4{/*タブ07／ブロックのタイトル*/
							background-color:var(--Gray_05);
						}
						.tabSswitch>ul:nth-of-type(8)>li:first-of-type>div>ul>li>h4{/*タブ08／ブロックのタイトル*/
							background-color:var(--Gray_05);
						}
						.tabSswitch>ul:nth-of-type(9)>li:first-of-type>div>ul>li>h4{/*タブ09／ブロックのタイトル*/
							background-color:var(--Gray_05);
						}
						.tabSswitch_blockList>li>ol{/*ブロック内のリスト*/
							display:inline-block;
							width:100%;
							max-width:calc(100% - 36px);
							margin:15px auto 15px 18px;
						}
							.tabSswitch_blockList>li>ol>li{/*「・ブロックのサンプルテキスト」*/
								display:inline-block;
								width:calc(100% - 1.0em);
								line-height:2.0em;
								padding-left:1.0em;/*インデント（2行目以降を1文字下げる）*/
								text-indent:-1.0em;/*インデント（2行目以降を1文字下げる）*/
							}


				/*コンテンツエリア02（テーブル表示）････････････････････････････････*/
				/*テーブル表示･････････････････････････････････････*/
				.tabSswitch>ul>li:first-of-type>div>table{
					margin-top:15px;
				}
				.tabSswitch>ul>li:first-of-type>div>table *{
					display:inline-block;
					width:100%;
					text-align:left;
					text-align-last:left;
				}
					.tabSswitch>ul>li:first-of-type>div>table>tbody{
					}
						.tabSswitch>ul>li:first-of-type>div>table>tbody>tr:nth-of-type(n+2){/*2番目以降*/
							margin-top:1.5em;
							padding-top:1.5em;
							border-top:solid 1px #ccc;
						}
							.tabSswitch>ul>li:first-of-type>div>table>tbody>tr>th{/*応募資格*/
								width:10.0em;
							}
							.tabSswitch>ul>li:first-of-type>div>table>tbody>tr>td{/*資格・経験不問･･･*/
								width:calc(100% - 11.0em);
							}
								.tabSswitch>ul>li:first-of-type>div>table>tbody>tr>td img{/* ①、② */
									height:auto;
									width:1.2em;
									margin:0.3em 0.3em 0 0;
								}
								.tabSswitch>ul>li:first-of-type>div>table>tbody>tr>td>span{/* ※1　※2 */
									display:inline;
									color:var(--Gray_05);
								}
















/*********************************************************************************************************************************

		メディアクエリ（ ～1000px以下 ）

*********************************************************************************************************************************/
@media(max-width:1000px){
}




/*********************************************************************************************************************************

		メディアクエリ（ ～750px以下 ）

*********************************************************************************************************************************/
@media(max-width:750px){

	/*タブ切り替えBOX･･････････････････････････････････････････････････*/
	.tabSswitch{
		min-width:740px;
	}

		/*ブロックリスト･･･････････････････････････････････*/
		.tabSswitch_blockList>li{/*ブロック01 ～ ブロック04*/
			height:202px;/*共通の高さ：内容に合わせて調整*/
		}
}




/*********************************************************************************************************************************

		メディアクエリ（ ～500px以下 ）

*********************************************************************************************************************************/
@media(max-width:500px){

	/*タブ切り替えBOX･･････････････････････････････････････････････････*/
	.tabSswitch{
		width:500px;
		max-width:500px;
		min-width:500px;
	}
		.tabSswitch>label{/*タブが 2 つの場合（基本）*/
			margin-top:45px;
		}

			/*タブ内のコンテンツエリア･････････････････････････････････････*/
			.tabSswitch>ul>li:first-of-type>div{/*コンテンツの表示エリア（白背景）*/
				width:450px;
				margin:45px auto 45px 25px;
				padding:30px 0 48px 0;
			}
				.tabSswitch>ul>li:first-of-type>div>*{
					width:400px;
				}

				/*ブロックリスト･･･････････････････････････････････*/
				.tabSswitch_blockList{
					width:400px;
					min-width:400px;
					margin:25px auto 0 0;
				}
					.tabSswitch_blockList>li{/*ブロック01 ～ ブロック04*/
						height:auto;/*共通の高さ*/
						width:400px;
						margin-top:25px !important;
					}
						.tabSswitch_blockList>li>ol{/*ブロック内のリスト*/
							max-width:100%;
							margin:0;
							padding:10px 1.0em 10px 10px;
							box-sizing:border-box;
						}


				/*コンテンツエリア02（テーブル表示）････････････････････････････････*/
				/*テーブル表示･････････････････････････････････････*/
				.tabSswitch>ul>li:first-of-type>div>table>tbody>tr>th{/*応募資格*/
					width:100%;
				}
				.tabSswitch>ul>li:first-of-type>div>table>tbody>tr>td{/*資格・経験不問･･･*/
					width:100%;
				}

}