/* b05 */
.wrapper { max-width: 1230px; margin: 0 auto;}

.sub_wrap {display: flex; flex-flow: wrap; align-items: flex-start; padding: 0 0 60px 0;}
.sub_wrap_menu {width: 277px; position: sticky; top: 90px; max-height: calc(100vh - 110px); overflow-y: auto;}
.sub_wrap_main {width: 100%;}
.sub_wrap > .sub_wrap_menu + .sub_wrap_main {width: calc(100% - 277px); padding: 0 0 0 30px; position: relative; z-index: 1;}
.sub_wrap_main_full {position: absolute; top: -21px; left: 30px; z-index: 100; width: 40px; height: 20px; border: 1px solid #ccc; border-radius: 5px; background: #fff; cursor: pointer; opacity: 0; transition: all 0.5s ease 0s;}
.sub_wrap > .sub_wrap_menu + .sub_wrap_main:hover .sub_wrap_main_full {opacity: 1;}
.sub_wrap_main_full span {position: absolute; width: 5px; height: 5px; border-style: solid; border-color: #ccc; transform: rotate(0deg); opacity: 1; transition: all 0.5s ease 0s;}
.sub_wrap_main_full span:nth-child(1) {left: 3px; top:2px; border-width: 2px 0 0 2px;}
.sub_wrap_main_full span:nth-child(2) {right: 3px; top:2px; border-width: 2px 2px 0 0;}
.sub_wrap_main_full span:nth-child(3) {right: 3px; bottom:2px; border-width: 0 2px 2px 0;}
.sub_wrap_main_full span:nth-child(4) {left: 3px; bottom:2px; border-width: 0 0 2px 2px;}
.sub_wrap_menu_hide .sub_wrap_menu {display: none;}
.sub_wrap_menu_hide > .sub_wrap_menu + .sub_wrap_main {width: 100%; padding: 0;}
.sub_wrap_menu_hide > .sub_wrap_menu + .sub_wrap_main .container {max-width: 100%;}
.sub_wrap_menu_hide .sub_wrap_main_full {left: 0; opacity: 1;}
.sub_wrap_menu_hide .sub_wrap_main_full span:nth-child(1) {height: 14px; width: 10px; border-width: 2px 2px 2px 2px;}
.sub_wrap_menu_hide .sub_wrap_main_full span:nth-child(2) {width: 17px; height: 10px;}
.sub_wrap_menu_hide .sub_wrap_main_full span:nth-child(3) {width: 17px; height: 10px;}
.sub_wrap_menu_hide .sub_wrap_main_full span:nth-child(4) {left: 17px; bottom: 7px; transform: rotate(45deg);}
@media (max-width: 1024px) {
  .sub_wrap {padding: 0 0 40px 0;}
  .sub_wrap_menu {width: 100%; position: relative; z-index: 10; top: auto; max-height: none; overflow-y: inherit;}
  .sub_wrap > .sub_wrap_menu + .sub_wrap_main {width: 100%; padding: 0; position: relative; z-index: 1;}
  .sub_wrap > .sub_wrap_menu + .sub_wrap_main .container {max-width: 100%;}
  .sub_wrap_main_full {display: none;}
}


.wrap-faq {
  width: 100%;
  max-width: 1200px;
  padding: 0 20px 20px 20px;
  margin: 0 auto 40px auto;
  border-radius: 5px;
  color: #666;
  font: 14px/21px;
  word-wrap: break-word;
}
.wrap-faq a:hover {
  color: #007bff;
}
.wrap-faq p {
  font-size: 1rem;
  line-height: 2rem;
}
.wrap-faq li {
  font-size: 1rem;
  line-height: 2rem;
}
.wrap-faq .hide {
  display: none;
}
.wrap-faq ul, .wrap-faq ol {
  padding-left: 20px;
}
.wrap-faq dt {
  margin-bottom: 20px;
  margin-left: 26px;
  font-size: 19px;
  color: #43b149;
  cursor: pointer;
}
.wrap-faq dt:before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  left: -16px;
  top: 17px;
  position: relative;
  border-color: transparent #ccc;
  border-style: solid;
  border-width: 5px 0 5px 8px;
}
.wrap-faq dd {
  width: 100%;
  padding: 20px;
  margin: 20px 0 30px;
  position: relative;
  background: #fafdfa;
  border-radius: 5px;
  border: 1px solid #e8f2e6;
}
.wrap-faq dd:after, .wrap-faq dd:before {
  bottom: 100%;
  left: 6%;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  border: solid transparent;
  pointer-events: none;
}
.wrap-faq dd:before {
  border-color: rgba(194, 225, 245, 0);
  border-color: transparent;
  border-bottom-color: #e8f2e6;
  border-width: 17px;
  margin-left: -17px;
}
.wrap-faq dd:after {
  margin-left: -15px;
  border-color: rgba(136, 183, 213, 0);
  border-color: transparent;
  border-bottom-color: #fafdfa;
  border-width: 15px;
}

@media (max-width: 768px) {
    .wrap-faq {padding: 0 0 20px 0; margin: auto;}
}

/* Triangle in definition container */

/* leftMenu */
.leftMenu ul, .leftMenu ul li {list-style-type:none; margin: 0; padding: 0;}
.leftMenu ul {width: 100%; background: #f5f5f5; }
.leftMenu ul:nth-child(2) {width: 100%; background: #f5f5f5;  }
.leftMenu ul li.menu-title a{ color:#fff; font-size: 1.1rem; line-height: 1.5rem; background:#5a0707; }
.leftMenu ul:nth-child(2) li.menu-title a{ background:#43b149; }
.leftMenu ul li:hover.menu-title a{ color:#fff; }
.leftMenu ul:nth-child(2){margin-bottom:0px;}
.leftMenu > ul ul {display: none; background:#c6c6c6;}
.leftMenu ul li {position: relative; z-index: 1;font-size: 0.85rem;  line-height: 20px; border-bottom: 1px solid #d8d8d8;}
/*.leftMenu ul li:last-child {border-bottom: 0;}*/
.menu_dot {position: absolute; top: 6px; right: 0px; z-index: 99; width: 30px; height: 30px; cursor: pointer;}
.menu_dot::before {content: ''; width: 12px; height: 2px; background-color: #000; border-radius: 2px; position: absolute; top: 12px; left: 7px; z-index: 99; transition: all 0.5s ease 0s;}
.menu_dot::after {content: ''; width: 2px; height:12px; background-color: #000; border-radius: 2px; position: absolute; top: 7px; left: 12px; z-index: 99; transition: all 0.5s ease 0s;}
.leftMenu .menu_dot_open{top:6px; }
.leftMenu .menu_dot_open::before {background-color: #fff;}
.leftMenu .menu_dot_open::after { display: none;}
.leftMenu a:link, .leftMenu a:visited {text-decoration:none; color:#222; background-color: transparent; padding: 10px 25px; display: block; position: relative; z-index: 1; transition: all 0.5s ease 0s;}
.leftMenu a:active, .leftMenu a:hover {text-decoration:none; color:#43b149;font-weight: 600; background-color:#EEE; cursor:pointer; transition: all 0.5s ease 0s;}
.leftMenu ul li a.menu_arrow_open{background-color:#4C83FF; color: #fff;}
.menu_arrow {position: absolute; top: 10px; left: 5px; width: 20px; height: 20px; -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); transition: all 0.5s ease 0s;}
.menu_arrow::before {content: ''; width: 7px; height: 2px; background-color: #000; border-radius: 2px; position: absolute; top: 7px; left: 6px; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); transition: all 0.5s ease 0s;}
.leftMenu a:hover .menu_arrow::before {background-color: #fff; transition: all 0.5s ease 0s;}
.menu_arrow::after {content: ''; width: 7px; height: 2px; background-color: #000; border-radius: 2px; position: absolute; top: 11px; left: 6px; -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); transition: all 0.5s ease 0s;}
.leftMenu ul li a.menu_arrow_open .menu_arrow::before,.leftMenu ul li a.menu_arrow_open .menu_arrow::after  {background-color:#fff; }
.leftMenu a:hover .menu_arrow::after {background-color: #fff; transition: all 0.5s ease 0s;}
.menu_arrow_open .menu_arrow {-moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); transition: all 0.5s ease 0s; }
.leftMenu a.active{background: #e5f5e5;}
.leftMenu ul.menu_sub_open { display: block !important; }

@media only screen and (min-width:1025px){
  .leftMenuMobile {display: none;}
}
@media only screen and (max-width:1024px){
  .leftMenu ul:nth-child(2){position: absolute; top: 67px; left: 0; z-index: 99;}
  .leftMenuMobile {width: 30px; height: 20px; margin: 40px auto 10px auto; position: relative; cursor: pointer;}
  .leftMenuMobile > span:nth-child(1) {width: 30px; height: 2px; background-color: #000; position: absolute; top: 0px; left: 0; transition: all 0.5s ease 0s;}
  .leftMenu > div.show > span:nth-child(1) {top: 14px; transform: rotate(45deg);}
  .leftMenuMobile > span:nth-child(2) {width: 30px; height: 2px; background-color: #000; position: absolute; top: 10px; left: 0; transition: all 0.5s ease 0s;}
  .leftMenu > div.show > span:nth-child(2) {top: 14px; transform: rotate(-45deg);}
  .leftMenuMobile::before {content: attr(data-title); width: 200px; height: 30px; line-height: 30px; position: absolute; top: -34px; left: calc(50% - 100px); text-align: center; font-size: 12px; color: #000;}
  .leftMenu > ul {max-height: 0; overflow: hidden; transition: all 0.5s ease 0s;}
  .leftMenu > ul.open {max-height: 500px; overflow: auto; padding-bottom: 10px; transition: all 1.5s ease 0s;}
}