@charset "UTF-8";

.calllist_box{background-color: #0d3751;padding: 15px;padding-top: 0;padding-bottom: 40px;margin-top: -20px;}
.calllist_box.amb{background-color: #fff;border-bottom: 15px solid #f70432;}
.calllist_box dl.ac{max-width: 1000px;margin:0 auto;}
.calllist_box dl.ac dt{text-align: center;}

/********* 下層メニュー *********/
.ac-child__item {
  position: relative;
  padding: 1em;
  color:#0d3751;
  border-bottom: 1px solid #0d3751;
  background-color: #fff;
  cursor: pointer;
}

/* 下層メニューアイコン */
.ac-child__item:after {
  content: "";
  display: block;
  position: absolute;
  top: 40%;
  right: 16px;
  width: 8px;
  height: 8px;
  border-top: solid 2px #0d3751;
  border-right: solid 2px #0d3751;
  transform: translateY(-50%);
  transform: rotate(135deg);
  transition: all .3s;
}

/* 下層メニュー内テキストエリア */
.ac-child__description {
  padding: 1em;
  background-color: #d0dee6;
  color:#000;
}
/* 下層アイコン変化（openクラスを付与） */
.ac-child__item.open:after {
  top: 50%;
  transform: rotate(315deg);
}


.calllist_box ul{
  display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 auto;
    margin-top: 15px;
  }
  .calllist_box ul:after{content: "";
    display: block;
    width: 48%;  /* .boxに指定したwidthと同じ幅を指定する */
    height: 0;
}
.calllist_box ul li {
    list-style: none;
    margin-bottom: 8px;
    vertical-align: middle;
    background-color: #fff;
    border:1px solid #0d3751;
    border-radius:5px;
    width: 23%;
    margin-bottom:25px;
    padding: 20px 25px;
    box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.5);
    text-align: center;
}
.calllist_box ul li h4{color:#0d3751;font-weight: bold;font-size: 1em;margin-bottom:8px;padding-bottom: 6px;border-bottom: 1px solid #0d3751;}
.calllist_box ul li h4 span{background-color: #d9e0e9;padding:8px;}
.calllist_box ul li p span{background-color: #d9e0e9;font-size: 0.9em;padding: 3px 8px;}
.calllist_box ul li p a{
display: inline-block;
    color: #fff;
    background-color: #df0821;
    padding:13px 19px;
    border-radius: 8px;
    border-bottom: 4px solid #ac1e2e;
    font-size: 1.3em;
    font-weight: bold;
    letter-spacing: 120%;
    line-height: 40%;
}
.calllist_box ul li p a span{font-size: 0.4em;background-color: #df0821;}
.calllist_box ul li p{margin-bottom:9px;}
.calllist_box ul li p:last-child{margin-bottom:0px;}
@media screen and (min-width: 798px) {
.calllist_box ul li a{pointer-events: none;}
.calllist_box ul li a span{display: none;}
}
@media screen and (max-width: 798px) {
  .calllist_box ul{width:100%;}
  .calllist_box ul li {
    width: 49%;padding: 10px 15px;margin-bottom: 8px;}
    .calllist_box ul li h4{font-size: 0.8em;}
    .calllist_box ul li p a{font-size: 1.2em!important;line-height: 80%;}
    .calllist_box ul li p a span{line-height: 20%;}
}
@media screen and (max-width: 798px) {
  .calllist_box ul li p a{padding:8px 45px;pointer-events: auto;font-size: 2em;padding:10px 8px;padding-top: 6px;}
  .calllist_box{padding-bottom: 15px;}
}