.accordion-header,
.accordion-body {
  background: white;
}

.accordion-header {
  height: 230px;
  background: #3F51B5;
  text-transform: uppercase;
  color: white;
  cursor: pointer;
  font-size: .8em;
  letter-spacing: .1em;
  transition: all .3s;
  padding: 20px 10px;
}

.accordion-header:hover {
  position: relative;
  z-index: 5;
}

.accordion-body {
  color: #3f3c3c;
  display: none;
  padding-bottom: 50px;
}

.accordion-body__contents {
  padding: 1.5em 1.5em;
  font-size: .85em;
}

.accordion__item.active:last-child .accordion-header {
  border-radius: none;
}

.accordion:first-child > .accordion__item > .accordion-header {
  border-bottom: 1px solid transparent;
}



.m_item1{
	background-color: #4e335e;
}
.m_item2{
	background-color: #067c3a;
}
.m_item3{
	background-color: #c85122;
}
.m_item4{
	background-color: #005ca3;
}
.m_item5{
	background-color: #801e44;
}
.item_header_1 {
    width: 20%;
    float: left;
    padding-left: 27px;
}
.item_header_2{
	width: 80%;
    float: left;
}
.item_header_2 h1{
	max-width: 60%;
    padding-left: 20px;
}
.item_header_3{
	margin-top: 20px;
    padding: 0 25%;
}
.m_btn_saibamais{
	width: 80%;
	text-align: center;
	margin-top: 20px;
}
.active .item_header_3{
	display: none;
}
.active .accordion-header {
    height: 150px;
}

@media screen and (max-width: 375px) {
 	.accordion-header {
    height: 150px !important;
    
	}
}
@media screen and (max-width: 425px) {
 	.accordion-header {
    height: 180px !important;
    
	}
}
@media screen and (max-width: 768px) {
 	.accordion-header {
    height: 230px;
    
	}
}