.ana__ttl {
    font-size: 20px;
    font-weight: bold;
    margin: 20px 0;
    line-height:2;
    border-bottom: 2px solid #005182;
}
.ana__box{

    font-size: 14px;
    line-height: 1.8;
}
.ana__box.flex{
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
}

.ana__box.flex .ana__btn{width:calc(100% / 4 - 10px);}
.ana__txt a{display:inline;}
.ana__txt--red {
    color: #db3932;
    display: block;
    font-size: 25px;
    line-height: 1.2;
}
.ana__txt > span{
    margin-top:15px;
    display: block;
    background: #deecf4;
    padding: 15px;
    border-radius: 5px;
    font-size: 14px;
}
.ana__btn{
    display: block;
    background: #005182;
    padding: 15px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    border-radius: 40px;
    margin-top: 15px;
    line-height: 1.3;
    box-shadow: var(--shadow);
}   
.ana__btn span:nth-of-type(1){
    font-size: 16px;
    display: block;
}
.ana__stepBpx{
    margin:20px 0;
    border-radius:5px;
    overflow:hidden;
    border:2px solid #005182;
}
.ana__stepBpx img{
  width: 50%;
  margin: 20px auto;
}
.asb__ttl{
    background: #005182;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    font-weight: bold;
}
.asb__txt {
    padding: 0 15px 15px;
    text-align: center;
    font-weight: bold;
}
.ana__faq dt {
    font-size: 16px;
    font-weight: bold;
    display: flex;
    align-items: flex-start;
}
.ana__faq dt::before {
    content: "？";
    display: inline-block;
    background: #005182;
    color: #fff;
    width: 30px;
    text-align: center;
    border-radius: 5px;
    margin-right:10px;
}
.ana__faq dd {
    background: #eee;
    padding: 15px;
    border-radius: 5px;
    margin: 10px 0;
}
.ana__faq dd a{
    /*text-decoration: underline;*/
    color: #005182;
}

.ana__faq dd b{text-decoration:underline;}
.ana__box.flex .ana__btn:nth-of-type(1){
  background:#005182;
}
.ana__box.flex .ana__btn:nth-of-type(2){
  background:#17aedf;
}
.ana__box.flex .ana__btn:nth-of-type(3){
  background:#d7e351;
  color:#333;
}
.ana__box.flex .ana__btn:nth-of-type(4){
  background:#000;
}
.hebon_txt{
    background: #eee;
    padding: 16px;
    margin: 16px 0;
    border-radius: 4px;
}
.hebon_link{
    color: #005182;
    text-decoration: underline;
}
.hebon_img{
  margin-top:16px;
}
.hebon_img img{
    border:1px solid #ccc;
}

@media(max-width:768px){
  .ana__box.flex .ana__btn span{
      font-size:12px;
  }
  .ana__box.flex .ana__btn{
      width: calc(100% / 2 - 10px);
  }
  .ana__box{padding:0 15px;}
  .ana__ttl{margin:20px 15px;}
}
@media(min-width:768px){
  .ana__ttl{font-size:25px;}
  .ana__txt{font-size:18px;}
  .mainWrap{
    width:1000px;
    margin:0 auto;
  }
  .ana__btn{width:400px;margin:20px auto 0;}
  .ana__step{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 5px;
    grid-row-gap: 0px;
  }
  .ana__faq dt {
      font-size: 18px;
      margin: 20px 0;
  }
  .ana__faq dd{font-size:16px;}
  .ana__img{margin-top:20px;}
}