@charset "utf-8";
/* CSS Document */
.tab {
    width: 100%;
    /*max-width: 500px;*/
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
	padding: 50px 0px 0px;
	background: none;
}
.tab_btn_bk{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	background: #38393d;
	padding: 30px 0px 0px;
}
.chiba_tab_mae_ttl{
	width: 100%;
	margin: 0 auto;
	font-family: "Noto Serif JP", serif;
	color: #ffffff;
	font-size: 120%;
	line-height: 180%;
	text-align: center;
	font-weight: 300;
	letter-spacing: 0.1rem;
	padding: 0px 0px 20px;
}
.tab-btn {
    display: flex;
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	justify-content: space-between;
}
.tab-btn li{
	width: 49%;
}
.tab-btn__item {
    text-align: center;
    width: 100%;
    padding: 10px 10px;
    color: #263B6B;
	font-family: "Noto Serif JP", serif;
	font-size: 80%;
	line-height: 150%;
	font-weight: 400;
	letter-spacing: 0.1rem;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )"; 
	-moz-opacity:0.60;
	opacity:0.60;
	zoom:1;
	background: #ffffff;
	border: solid 1px #000000;
    cursor: pointer;
	box-sizing: border-box;
	transition:all 0.8s ease;
}
.tab-btn__item img{
	width: 100%;
	height: auto;
}
.tab-btn__item:hover{
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )"; 
	-moz-opacity:1.00;
	opacity:1.00;
	zoom:1;
}
.tab-btn__item.current {
    /*background-color: #000066;*/
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )"; 
	-moz-opacity:1.00;
	opacity:1.00;
	zoom:1;
	color: #fff;
	/*background: #5C5A5A;*/
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#263b6b+0,001f33+100 */
	background: linear-gradient(to bottom,  #263b6b 0%,#001f33 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.tab-btn__item2 {
    text-align: center;
    width: 100%;
    padding: 10px 10px;
    color: #263B6B;
	font-family: "Noto Serif JP", serif;
	font-size: 80%;
	line-height: 150%;
	font-weight: 400;
	letter-spacing: 0.1rem;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )"; 
	-moz-opacity:0.60;
	opacity:0.60;
	zoom:1;
	background: #ffffff;
	border: solid 1px #000000;
    cursor: pointer;
	box-sizing: border-box;
	transition:all 0.8s ease;
}
.tab-btn__item2 img{
	width: 100%;
	height: auto;
}
.tab-btn__item2:hover{
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )"; 
	-moz-opacity:1.00;
	opacity:1.00;
	zoom:1;
}
.tab-btn__item2.current {
    /*background-color: #000066;*/
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )"; 
	-moz-opacity:1.00;
	opacity:1.00;
	zoom:1;
	color: #fff;
	/*background: #5C5A5A;*/
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#263b6b+0,001f33+100 */
	background: linear-gradient(to bottom,  #263b6b 0%,#001f33 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.tab-content {
    display: none;
    padding: 10px;
	background: none;
	/*background: #f1f1f1;*/
    /*border: 1px solid #000066;*/
}
.tab-content.show {
    display: block;
}
.chiba_tabin_pd{
	width: 100%;
	margin: 0 auto;
	padding: 30px 5%;
	box-sizing: border-box;
}