@charset 'UTF-8';
#leaf_bg {
  padding-bottom: 100px;
  background: #fff;
  overflow: hidden;
  padding-top: 80px;
}

.pageIco{
    margin-bottom: 16px;
  }
  .pageIco_tag{
    display: inline-block;
    padding: 4px 24px;
    background: #1A5A85;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
  }
  
  .panel{
    margin-bottom: 64px;
    background-color: #fff;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
  }
  #leaf_cont h2{
    text-align: left;
  }
  #leaf_cont h2 span{
    color: #1A5A85;
  }
  #leaf_cont .panel h2{
    margin-bottom: 20px;
    font-size: 20px;
  }
  #article .panel p{
    font-size: 16px;
  }
  .merit{
  }
  .merit_ttl{

  }
  .merit_img{
    text-align: center;
    margin-top: 10px;
  }
  .merit_img img{
    width: 100%;
  }
  #article .panel .merit_ttl{
    position: relative;
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: bold;
  }
  #article .panel .merit_ttl span{
    padding-right: 10px;
    color: #1A5A85;
  }
  .merit_msg + .merit_ttl{
    margin-top: 24px;
  }
  @media screen and (max-width:768px){
    .merit{
      display: block;
    }
    .merit_img{
      margin: 32px 0 0;
    }
  }
  .service_case_title{
    margin-bottom: 20px;
  }
  .service_case_box + .service_case_box{
    margin-top: 20px;
  }
  #article .panel .service_case_kadai{
    display: inline-block;
    margin-bottom: 14px;
    padding: 0 16px;
    background: #707070;
    font-weight: bold;
    color: #fff;
  }
  #article .panel .service_case_kaiketsu{
    position: relative;
    display: inline-block;
    margin-bottom: 14px;
    border: 2px solid #1A5A85;
    padding: 0 14px 0 30px;
    background: #fff;
    font-weight: bold;
    color: #1A5A85;
  }
  .service_case_kaiketsu::before{
    content: "\f0eb";
    position: absolute;
    left: 12px;
    top: 0;
    bottom: 0;
    display: block;
    height: 1em;
    margin: auto 0;
    line-height: 1;
    font-size: 20px;
    font-family: FontAwesome;
  }
  /* Faq */
  .faq{}
  .faq_item + .faq_item{
    margin-top: 20px;
  }
  .q_box{
    margin-bottom: 12px;
    color: #1A5A85;
  }
  
  .funcs{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: -10px -10px 54px;
  }
  .funcs_item{
    display: flex;
    width: 33.333%;
    padding: 10px;
    font-size: 16px;
  }
  .funcs_item::before{
    content: "";
    display: block;
    height: 4em;
    width: 0;
  }
  .funcs_target{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 8px 16px;
    border: 2px solid #1A5A85;
    background: #fff;
    transition: .3s opacity;
  }
  .funcs_target:hover{
    opacity: .7;
  }
  .funcs_inner{
    position: relative;
    padding-right: 40px;
  }
  .funcs_inner::before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0px;
    display: block;
    width: 16px;
    height: 16px;
    margin: auto 0;
    border-radius: 50%;
    background: #1A5A85;
  }
  .funcs_inner::after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 6px;
    display: block;
    width: 4px;
    height: 4px;
    margin: auto 0;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
  }
  @media screen and (max-width:1250px){
    .funcs_item{
      width: 50%;
    }
  }
  @media screen and (max-width:768px){
    .funcs_item{
      width: 100%;
    }
    .funcs_inner{
      padding-right: 24px;
      font-size: 14px;
    }
  }
  .columns{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: -10px -10px 54px;
  }
  .columns_item{
    display: flex;
    width: 25%;
    padding: 10px;
    font-size: 16px;
  }
  .columns_target{
    position: relative;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 20px 12px;
    background: #fff;
    transition: .3s opacity;
    background-color: #fff;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
  }
  .columns_target:hover{
    opacity: .7;
  }
  #leaf_bg .columns_inner{
    font-size: 87.5%;
    font-weight: normal;
    text-align: center;
  }
  #leaf_bg .columns_inner.ttl{
    font-size: 112.5%;
    font-weight: bold;
    color: #1A5A85;
  }
  @media screen and (max-width:1250px){
    .columns_item{
      width: 50%;
    }
    .columns_inner{
      padding-right: 24px;
      font-size: 14px;
    }
  }
  @media screen and (max-width:768px){
    .columns_item{
      width: 100%;
    }
  }
  /* �ｽ�ｽ�ｽ�ｽ�ｽ�ｽ緕ｳ */
  .btns{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: -10px -10px 54px;
  }
  .btns_item{
    display: flex;
    width: 50%;
    padding: 10px;
    font-size: 16px;
  }
  .btns_item::before{
    content: "";
    display: block;
    width: 0;
    height: 3em;
  }
  .btns_target{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 8px 16px;
    border: 2px solid #1A5A85;
    border-radius: 8px;
    color: #1A5A85;
    background: #fff;
    transition: .3s opacity;
  }
  .btns_target:hover{
    opacity: .7;
  }
  .btns_inner{
    position: relative;
    padding-right: 40px;
    color: #1A5A85;
  }
  .btns_inner::before{
    content: url("../img/leaf/eva_function/ico_btn_off.svg");
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: block;
    margin: auto 0;
    width: 20px;
    height: 20px;
  }
  .btns_target-main{
    background: #1A5A85;
    color: #fff;
    transition: .3s color, .3s background;
  }
  .btns_target-main:hover{
    opacity: 1;
    background: #fff;
  }
  .btns_target-main .btns_inner{
    color: #fff;
    transition: .3s color;
  }
  .btns_target-main:hover .btns_inner{
    color: #1A5A85;
  }
  .btns_target-main .btns_inner::before{
    content: url("../img/leaf/eva_function/ico_btn_on.svg");
  }
  .btns_target-main:hover .btns_inner::before{
    content: url("../img/leaf/eva_function/ico_btn_off.svg");
  }
  
  @media screen and (max-width:1250px){
    .btns_item{
      width: 100%;
    }
  }
  .btns .btns_item a{
    position: relative;
    box-shadow: 6px 6px 0px -1px #dbd6d6;
  }

/* 左ナビハック */
#leaf_sub dl.nav_panel dt.nav_title--eva{
  position: relative;
  margin-bottom: 16px;
  padding-left: 24px;
  border-color: #00BDD6;
}
#leaf_sub dl.nav_panel dt.nav_title--eva::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 8px;
  left: 0;
  display: block;
  width: 18px;
  height: 18px;
  margin: auto 0;
  background: url("../img/leaf/eva/ico_star.svg") no-repeat center center / contain;
}
#leaf_sub dl.nav_panel dd li + li{
  margin-top: 8px;
}
#leaf_sub .leaf_nav_acc_cont__em{
  color: #00BDD6;
}