@charset "utf-8";



.tab_container_wrapper{
	width: 100%;
	margin: 0 auto;
	
}

.tab_container {
  background-color: #fff;
  border:2px solid #663300;
  margin: 0 auto;
	border-radius: 0.5rem;

}
.tab_item {
  width: calc(100%/2);    /*100%/4を100%/2に変更*/
  padding:15px 1em;
  border-bottom: 2px solid #663300 ;
  background-color: #ececec;
  text-align: center;
	font-size: 90%;
	line-height: 1.5em;
  color: #663300 ;
  display: block;
  float: left;
  font-weight: bold;
  transition: all 0.2s ease;
	cursor: pointer;
}
.tab_item:hover {
  opacity: 0.75;
}
input[name="tab_item"] {
  display: none;
}



.tab_content {
  display: none;
  padding: 2em 3em 0;
  clear: both;
  overflow: hidden;
}
#tab1:checked ~ #tab1_content,
#tab2:checked ~ #tab2_content {
  display: block;
}
.tab_container input:checked + .tab_item {
  background-color: #663300 ;
  color: #fff;
}




.tab1_image{
	width: 25%;
	height: auto;
	display: block;
	margin-right: 20px;
}

.tab2_image{
	width: 18%;
	height: auto;
	display: block;
	margin-right: 20px;
}


.tab1_contents{
	width: 50%;
}

.tab2_contents{
	width: 50%;
}

.tab_c_image{
	width: 100%;
	height: auto;
	display: block;
}






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

	

	
	
	.tab_content {
  padding: 1em 0em 0;
}
	
	
	.tab_content_description{
		flex-direction: column;
}

	
}
	

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

.tab1_contents{
	width: 100%;
}

.tab2_contents{
	width: 100%;
}
	
	
	

	
}