@charset "utf-8";
.faq_menu{
    width: 19%;
    display: inline-block;
    float: left;
    margin-top: 5%;
}
.faq_right{
    width: 80%;
    display: inline-block;
}
.faqtit{
	font-size: 25px;
    color: #3e6133;
    background: #bfdab6;
    text-align: center;}
.faqtit h1{color: #356327;}
.faq_img img{max-width:1507px ;
  /* height:452px ; */
}
.faqcon{
	background-color: #eee;
    padding: 30px;
    margin: 3%;
}
.faqcon hr{
	margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #c3bfbf;
}
.faqall h2{
    font-size: 24px;
    text-align: center;
    width: 100%;
    padding: 3px 20px;
    border-bottom: 1px solid #e4e4da;
    box-sizing: border-box;}
.faqcon h3{color: #66885b;}
.ser_btn,.ser_btn2{text-align: center;}
.ser_btn span, .ser_btn2 span{    display: inline-block;
    width: 10%;
    height: 30px;
    background: #6f9cb1;
    color: #fff;
    padding-top: 7px;
    line-height: 16px;
    font-size: 16px;
    text-align: center;
    box-sizing: border-box;
    margin-right: 2px;
    margin-top: 2px;
    margin-bottom: 6px;
}
.ser_btn a,.ser_btn2 a{color: #fff;}
.ser_btn a:hover,.ser_btn2 a:hover{color: #115473;}

.faq_menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: #f1f1f1;
}

.faq_menu li a {
  display: block;
  color: #000;
  padding: 8px 16px;
  text-decoration: none;
}

.faq_menu .menu1 {
  background-color: #947372;
  color: white;
  padding: 8px 16px;
  text-decoration: none;
}

.faq_menu .menu2{
  background-color: #e8641b;
  color: white;
  padding: 8px 16px;
  text-decoration: none;
}

.faq_menu .menu3{
  background-color: #eaa37c;
  color: white;
  padding: 8px 16px;
  text-decoration: none;
}
.faq_menu .menu4{
  background-color:  #cc7444;
  color: white;
  padding: 8px 16px;
  text-decoration: none;
}

.faq_menu li a:hover:not(.active) {
  background-color: #555;
  color: white;
}
.panel_open{display: block;}
.panel {display: none;}
.faqcon2 h2 ,.faqcon2 h3{color: #5872a2;text-align: unset;padding: 0;border-bottom: unset;font-size: 25px;}
/*SP*/
@media screen and (max-width: 739px) and (min-width: 0px){
.menu_set img{width: 67px;height: 40px;}
.faqcon2 img{display: none;width: 312px;height: 52px;}
.faq_img img{height:100% ; width: 373px;display: none;}
.faq_menu{padding-left: 20px;width: 90%;}
.faq_right {width: 100%}
.faqcon {padding: 20px;}
.faqcon h3 {font-size:20px;}
.faqcon p{padding: 10px;}
.faqcon hr {margin-bottom:0px;}
.faqall h2 {font-size: 22px;}
.ser_btn span,.ser_btn2 span {width: 40%;}
.panel_open{display: none;}
}