@charset "utf-8";
/*
Theme Name: 足立市街地開発株式会社
Theme URL:
Description: 足立市街地開発株式会社　様　専用テンプレート
Author: connectill
Version: 1.0
*/
body{
  font-family: "Noto Sans JP";
  letter-spacing:0.8pt;
}
footer{
    font-size: 0.9rem;
}
#accordion_menu > li {
    border: #ccc 1px solid;
    margin-bottom: -1px;
}
#accordion_menu a{
    color: #666;
}
#accordion_menu a{
    display: block;
    padding: 10px;
    text-decoration: none;
    position: relative;
}
#accordion_menu a[data-toggle="collapse"]:hover{
    background: #e7e7e7;
}
#accordion_menu a[data-toggle="collapse"]::after{
    content:"";
    display: block;
    width: 8px;
    height: 8px;
    border-top: #666 1px solid;
    border-right: #666 1px solid;
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
}
#accordion_menu a[aria-expanded=false]::after{
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition-duration: 0.3s;
}
#accordion_menu a[aria-expanded=true]::after{
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    transition-duration: 0.3s;
}
.bg{background-color: #0091EA !important;}
.bg-2::before{
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  background:url(images/index/bg.png) center no-repeat;
  background-size:cover;
}
.bg-3{background-color: #01579B !important;}
.topBtn {
  position:fixed;
  bottom:20px;
  right:20px;
  display:block;
  background-color:rgba(0,0,0,0.5);
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  font-size:11px;
  width:60px;
  height:60px;
  text-align:center;
  line-height:22px;
  border-radius:30px;
  padding-top:30px;
  box-sizing:border-box;
}
.topBtn:before {
  content:'\25B2';
  position:absolute;
  top:10px;
  left:0;
  width:100%;
  text-align:center;
  font-size:20px;
}
.topBtn:hover {
  opacity:0.7;
  color:#fff;
  text-decoration: none;
}
.btn-primary{
    background-color: #0091EA;
    border-color: #0091EA;
}
.btn-primary:hover {
    background-color: #007BB2;
    border-color: #007BB2;
}
.btn-warning {
    background-color: #FF9800;
    border-color: #FF9800;
}
.btn-warning:hover {
    background-color: #E68900;
    border-color: #E68900;
}
.h2-common{color: #0091EA!important;}
.h2-common:after{
    content:"";
    margin-top: 10px;
    display: block;
    height: 2px;
    background-color: #0091EA!important;
}
.h3-common{
  padding: .5rem 1rem;
  border-left: 4px solid #0091EA;
}
dl.dl_1{
  border-top: 2px;
  border-bottom: 2px;
  border-right: 0;
  border-left: 0;
  border-color: #000;
  border-style: solid;
  display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
dl.dl_1>dt,
dl.dl_1>dd{
  border-top: 0;
  border-bottom: 1px;
  border-right: 0;
  border-left: 0;
  border-color: #000;
  border-style: solid;
  padding:1em;
}
dl.dl_1>dt{
  background-color: #eee;
}
dl.dl_1>dd{
  margin-bottom: 0px;
}
dl.dl_1>dd:last-of-type{
  border:0;
}
@media (min-width: 992px){
  dl.dl_1>dt:last-of-type{
    border:0;
  }
}

.card img {
max-width: 100%;
flex-shrink:0;
}