/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 28 2019 | 07:40:55 */
ul#tab-menu {
	width : 100%;
	margin : 0;
	list-style-type : none;
  display:flex;
}

ul#tab-menu li {
  color:#5c8261;
  width:25%;
  text-align:center;
  list-style:none;
background : #ecffef;
  float:left;
}

ul#tab-menu li.tab-1,
ul#tab-menu li.tab-2,
ul#tab-menu li.tab-3
{
padding-top:12px;
}

ul#tab-menu li:hover {
  color:#fff;
	cursor : pointer;
	background:#5c8261;
}

ul#tab-menu li.active {
  color:#fff;
  font-weight:bold;
	background : #5c8261;
  text-decoration:underline;
}

ul#tab-menu li.active:hover {
	cursor : default;
	opacity : 1.0;
}

/* -- div.tab-* -------------------------------------------------------------------------------------------- */

div.tab-1,
div.tab-2,
div.tab-3,
div.tab-4 {
	width : 100%;
	margin : 0 auto 20px;
	padding : 25px 10px 15px 10px;
	background : #fff;
  float:left;
}

div.tab-1 h2,
div.tab-2 h2,
div.tab-3 h2,
div.tab-4 h2{
  width:100%;
  color:#5c8261;
  font-weight : bold;
  font-size : 135%;
  padding-left:7px;
  border-left:5px solid #5c8261;
}

/*div.tab-1,*/
div.tab-2,
div.tab-3,
div.tab-4 {
	display : none;
}

/*左メニュー*/
.tab_lef{
  padding:0px 5px;
  width:30%;
  float:left;
}

.tab_rig{
  padding:0px 5px;
  width:70%;
  float:left;
}

@media only screen and (max-width: 768px) {
    .tab_lef{
      width:100%;
      float:none;
    }
  
  .tab_rig{
    margin-top:15px;
    width:100%;
    float:none;
  }
  
  ul#tab-menu{
  display: block;  
  }
  
ul#tab-menu li {
  width:50%;
height:50px;
  float:left;
}
  
ul#tab-menu li.tab-1,
ul#tab-menu li.tab-2,
ul#tab-menu li.tab-3
{
  padding:17px;
}

}