@charset "utf-8";

/*# nav_local
=============================================== */
#nav_local .js_acd_cnt:not(.is_sp),
#nav_local .js_acd_cnt{
  display: block;
  opacity: 1;
  max-height: inherit !important;
  pointer-events:inherit;
  overflow: visible;
}
#nav_local {
  width: 272px;
  padding: 0 4px 4px 4px;  
  box-shadow: none;
  border-radius: 0;
}
#nav_local .nav_local_ttl>* {
  border-radius: var(--radius);
  margin-bottom: 24px;
}
#nav_local .nav_local_ttl + *{
  padding: 0;
}

#nav_local .dir_top{
  display: none;
}
#nav_local .wrap_acd_menu >.row,
#nav_local .nav_local_third>li,
#nav_local .nav_local_third{
  border: none;
}
#nav_local .wrap_acd_menu > .row+.row {
  margin-top: 20px;
}
#nav_local .wrap_acd_menu dt button {
  padding: 11px 16px;
  font-size: 1.5rem;
  pointer-events: none;
  margin-bottom: 12px;
  background: var(--bg-glay);
}
#nav_local .nav_local_third>li+li  {
  margin-top: 8px;
}
#nav_local .wrap_acd_menu .nav_local_third > li > a  {
  padding: 10px 33px 10px 18px;
  background-color: #fff;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  border: solid 1px var(--color-border);
  border-radius: 8px;
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  font-size: 1.5rem;
  line-height: 1.429;  
}
#nav_local .wrap_acd_menu .nav_local_third > li > a .name {
  display: block;
  margin-top: 5px;
  color: var(--font-glay);
  font-size: 1.3rem;
  transition: all 0.5s ease;
}
@media (hover: hover) and (pointer: fine) {
  #nav_local .wrap_acd_menu .nav_local_third > li > a:hover {
    box-shadow: 0px 4px 8px 0px rgba(40, 81, 174, 0.2);
    border-color: var(--main-color);
  }

  #nav_local .wrap_acd_menu .nav_local_third > li > a:hover .name {
    color: var(--main-color);
  }
}
@media (max-width :1024px) {
  #nav_local{
    width: calc(100% - 8px);
    padding: 64px calc(5.2% - 4px);
    z-index: 100;
    margin-right: auto;
    margin-left: auto;    
  }
  #nav_local .nav_local_ttl > button{
    display: none;
    content-visibility: hidden;
  }
  #nav_local .nav_local_ttl > a{
    display: block;
    content-visibility: auto;
    background-color: var(--main-color);
    color: #fff;
    background-image: url(../img/ico_link_w.svg);
    font-size: 1.5rem;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 8px;
  }  
  #nav_local .nav_local_ttl + *{
    position: relative;
    transform: translate(0);
    padding: 0;
    z-index: 1;
    box-shadow: none;
  }
  #nav_local .wrap_acd_menu dt button {
    padding: 8px 12px;
    font-size: 1.4rem;
  }  
  #nav_local .wrap_acd_menu .nav_local_third > li > a {
    padding: 11px 33px 11px 15px;
    font-size: 1.4rem; 
  }  
  #nav_local .wrap_acd_menu .nav_local_third > li > a .name {
    font-size: 1.2rem;
  }  
}
/*sec_service----------------------------------*/
.sec_service {
  position: relative;
}

.sec_service::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0.1;
  background-image: -moz-linear-gradient(-30deg, rgba(40, 81, 174, 0.99608) 0%, rgb(86, 119, 195) 65%, rgb(131, 157, 215) 100%);
  background-image: -webkit-linear-gradient(-30deg, rgba(40, 81, 174, 0.99608) 0%, rgb(86, 119, 195) 65%, rgb(131, 157, 215) 100%);
  background-image: -ms-linear-gradient(-30deg, rgba(40, 81, 174, 0.99608) 0%, rgb(86, 119, 195) 65%, rgb(131, 157, 215) 100%);
}

.sec_service h2 {
  margin-bottom: 30px;
  text-align: center;
  font-weight: 500;
  font-size: 2.4rem;
  list-style: var(--lh-sub);
}

@media (min-width :1025px) {
  .sec_service .wrap_inner {
    padding: 54px 0 64px;
    position: relative;
    width: calc(100% - 344px);
    z-index: 1;
  }
}

@media (max-width :1024px) {
  .sec_service h2 {
    margin-bottom: 20px;
    font-size: 1.9rem;
  }

  .sec_service .wrap_inner {
    padding: 30px 0 40px;
  }

  .sec_service .cmn_btn>* {
    width: 100%;
  }
}