#tab_menu .tab_list{
	display:table;
	width:100%;
	margin-top:50px;
}

#tab_menu .tab_list li{
	width: 25%;
	height: 60px;
	display: table-cell;
	margin: 0;
	cursor: pointer;
	text-align: center;
	color: #fff;
	background: #4fc6b7;
	transition-duration: 0.3s;
	position: relative;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 1.5;
	border-left:1px solid #fff;
	vertical-align: middle;
}

#tab_menu .tab_list li:first-child{
	border-left: none;
}

#tab_menu .tab_list li.tab_active {
	background:#2a475e!important;
}

#tab_menu .tab_list li:hover{
	opacity: 0.8;
}

#tab_menu .tab_list li.tab_active:hover {
	background:#2a475e;
	opacity: 1!important;
}

/* タブの中身 */
#tab_menu .resp-tab-content {
	/* overflow: hidden; */
	padding: 40px;
	position:relative;
	background:#fff;
		/* 
	border-left: 1px solid #e2e0e0;
	border-right: 1px solid #e2e0e0;	
	border-bottom: 1px solid #e2e0e0;
	*/
}

/* 会社概要 タブ */

#tab_company_menu .tab_list{
	display: table;
	width: 100%;
	max-width:1040px;
	margin:60px auto 0;
	padding: 0 20px;
}

#tab_company_menu .tab_list li{
	width: 33.33%;
	height: 60px;
	display: table-cell;
	margin: 0;
	cursor: pointer;
	text-align: center;
	color: #333;
	background: #fff;
	transition-duration: 0.3s;
	position: relative;
	font-weight: bold;
	font-size: 20px;
	letter-spacing: 1px;
	line-height: 1.5;
	vertical-align: middle;
	border-bottom:3px solid #fff9e5;
}

#tab_company_menu .tab_list li.tab_active {
	border-bottom:3px solid #4fc6b7!important;
}

#tab_company_menu .tab_list li:hover{
	border-bottom:3px solid #c6ece8;
}

#tab_company_menu .tab_list li.tab_active:hover {
	border-bottom:3px solid #4fc6b7;
	opacity: 1!important;
}

/* タブの中身 */
#tab_company_menu .resp-tab-content {
	/* overflow: hidden; */
	padding-top: 60px;
	position:relative;
}

#tab_company_menu .resp-tab-content .rules {
	width: 100%;
	max-width:1040px;
	margin:60px auto ;
	padding: 0 20px;
}



/* ie */
@media all and (-ms-high-contrast:none) {
	[id^='tab_menu'] .tab_list li{
		padding-top: 7px;
	}
}


/* 他の設定 */


h2.resp-accordion {
	cursor: pointer;
	padding: 10px;
	display: none;
}

.resp-tab-content {
	display: none;
}

.resp-content-active, .resp-accordion-active {
		display: block;
}

h2.resp-accordion {
		font-size: 13px;
		border: 1px solid #c1c1c1;
		border-top: 0px solid #c1c1c1;
		margin: 0px;
		padding: 15px;
}

h2.tab_active {
		border-bottom: 0px solid #c1c1c1 !important;
		margin-bottom: 0px !important;
		padding: 15px;
}

h2.resp-tab-title:last-child {
		border-bottom: 12px solid #c1c1c1 !important;
		background: blue;
}

/*-----------Accordion styles-----------*/

.resp-easy-accordion{
		width: 94%!important;
		margin:0 auto;
}


.resp-easy-accordion h2.resp-accordion {
		display: block;
}

.resp-easy-accordion .resp-tab-content {
		border: 1px solid #c1c1c1;
}

.resp-easy-accordion .resp-tab-content:last-child {
		border-bottom: 1px solid #c1c1c1;/* !important;*/
		border-radius:0 0 10px 10px!important;
}

.resp-jfit {
		width: 100%;
		margin: 0px;
}

.resp-tab-content-active {
	display: block;
}


#tab_menu .tab_list li br{ /* PC版のみ非表示 */
	display: none;
}

@media screen and (max-width: 767px) {
	
	#tab_menu .tab_list li{
		letter-spacing: 0;
		font-size: 15px;
	}
	
	#tab_menu .resp-tab-content{
		padding: 30px 15px 15px;
	}

/* 会社概要タブ */	
	
#tab_company_menu .resp-tab-content .rules {
	width: 100%;
	margin-top: 30px;
	padding: 0 20px;
}
	
	#tab_company_menu .tab_list {
	width: 100%;
	margin-top: 30px;
	padding: 0 20px;
}
	
	#tab_company_menu .tab_list li{
		font-size: 16px;
		height: 50px;
	}	
	
	#tab_company_menu .resp-tab-content{
		padding-top: 30px;
	}	

	
}



@media screen and (max-width: 570px) {
	
	#tab_menu .tab_list li{
		font-size: 13px;
	}
	
	
#tab_menu .tab_list li br{
	display:block;
}

	
}



@media screen and (max-width: 320px) {
	
	#tab_menu .tab_list li{
	}
	
}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/

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


.tab_wrap{
		margin-top:20px;
		display:block;
}

#top_tab{
	width:92%!important;
	margin:20px auto!important;
}

/*
.tab_wrap:before{
content: "\f05a" " " "タブをタップしてご覧ください";
display: block;
margin: 10px 0 15px;
text-align: center;
color: #ed5b42;
font-family: FontAwesome;
}
*/

trader_table table{
	font-size:14px;
}

.tab_wrap h3:first-child {
	margin-top: 0;
}
	
.tab_wrap p {
	font-size:15px;
	line-height: 1.6;
}
	
.resp-tab-content {
	border-left: 1px solid #2a2f4a;
	border-right: 1px solid #2a2f4a;
	border-top: none;
	border-bottom: none;
	padding: 15px 15px 0 15px!important;
}

.resp-tab-content:nth-of-type(5){
border-bottom: 1px solid #2a2f4a;
}

ul.tab_list {
	display: none;
}

h2.resp-accordion {
	color:#2a2f4a;
	font-size:16px;
	position:relative;
	background: #fff!important;
	border-top: 1px solid #2a2f4a;
	border-left: 1px solid #2a2f4a;
	border-right: 1px solid #2a2f4a;
	border-bottom: none;
	padding: 15px 15px 15px 5px;
	display: block;
}

h2.resp-accordion:after{
	content:"\f13a";
	position: absolute;
	font-family: FontAwesome;
	font-size: 20px;
	font-weight: normal;
	right: 10px;
	background-color:transparent!important;
}

h2.resp-accordion:first-child{
	border-radius:5px 5px 0 0;
}


h2.resp-accordion:nth-of-type(5){
	border-radius: 0 0 5px 5px;
	border-bottom: 1px solid #2a2f4a;
}

h2.resp-accordion.tab_active{
	padding-top: 15px!important;
	border-color:#2a2f4a;
	background:#2a2f4a !important;
	color:#fff!important;
}

h2.resp-accordion:nth-of-type(5).tab_active{
	border-radius:0;
}

h2.resp-accordion.tab_active:after{
	content:"\f139";
	position: absolute;
	font-family: FontAwesome;
	font-size: 20px;
	font-weight: normal;
	top: 27%;
	right: 10px;
}

.resp-accordion-closed {
	display: none !important;
}

.resp-vtabs .resp-tab-content:last-child {
border-bottom:1px solid #c1c1c1!important;
}

.resp-accordion i{
width: 35px;
text-align: center;
display:inline-block;
position: relative;
}

.resp-accordion .icon-sun{
	top:4px;
}

.resp-accordion .fa-tint{
	top:4px;
}

.tab_list{
	display:none!important;
}

}