@charset "utf-8";

#tak_minnaLp{
  font-size:1.6rem;
  line-height:1.8
}

#tak_minnaLp a{
    text-decoration:underline;
  }

.winSP #tak_minnaLp{
  font-size:1.5rem;
  line-height:1.6;
}

.lead-text{
  margin-bottom:3rem;
  font-weight:bold;
  font-size:2rem;
  line-height:1.5
}

.winSP .lead-text{
    font-size:1.6rem
}

.anchor-nav{
  max-width:615px;
  margin-top:4rem;
  padding:3rem;
  background:#eff5f9;
  border:1px solid #c6d2db
}

.winPC .anchor-nav{
    margin-right:35px;
    margin-left:35px
}

.winSP .anchor-nav{
    margin-top:2rem;
    padding:2rem
}

.anchor-nav__item{
  margin-bottom:10px
}

.anchor-nav__item:last-child{
    margin-bottom:0;
  }

.anchor-nav__link{
  color:#0066cc;
  font-weight:bold;
  text-decoration:none !important
}

.anchor-nav__link span{
    color:#343434;
  }

.komuin_dokugaku__inner{
  max-width:1080px;
  margin:auto;
}

.cnt{
  margin-top:6rem
}

.winSP .cnt{
    margin-top:4rem
}

.cnt + .cnt{
    margin-top:9rem
  }

.winSP .cnt + .cnt{
      margin-top:6rem
  }

.cnt-ttl{
  margin-bottom:3.5rem;
  padding:1rem 3rem;
  color:#fff;
  font-weight:bold;
  font-size:3rem;
  background:-webkit-gradient(linear, left top, left bottom, from(#30558d), to(#002e73));
  background:-webkit-linear-gradient(#30558d, #002e73);
  background:-o-linear-gradient(#30558d, #002e73);
  background:linear-gradient(#30558d, #002e73);
  border:1px solid #bdc9db;
  border-radius:3px;
  -webkit-box-shadow:0 0 0 2px #6c9bd3;
          box-shadow:0 0 0 2px #6c9bd3
}

.winSP .cnt-ttl{
    padding:1rem 2rem;
    font-size:2rem
}

.cnt-ttl-sub{
  margin-top:3rem;
  margin-bottom:2.6rem;
  color:#142f5c;
  font-weight:bold;
  font-size:2.4rem;
  border-bottom:1px solid #000
}

.winSP .cnt-ttl-sub{
    font-size:1.8rem
}

.winPC .cnt__inner{
    padding:0 3rem
}

.cnt__inner strong{
    color:#142f5c;
  }

.cnt__sec{
  margin-top:5rem
}

.winSP .cnt__sec{
    margin-top:2rem
}

.point{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  margin-top:2rem;
  margin-bottom:2rem;
  padding:2rem;
  background:#fffbc7;
  border:2px solid #293797;
  border-radius:6px
}

.winPC .point{
    margin-right:-1rem;
    margin-left:-1rem
}

.winSP .point{
    display:block;
    padding:1rem
}

.point__image{
  -webkit-box-flex:0;
  -webkit-flex:none;
      -ms-flex:none;
          flex:none;
  margin-right:1.6rem
}

.winSP .point__image{
    margin-bottom:1rem;
    text-align:center
}

.point__text{
  font-weight:bold
}

.point__text strong{
    color:#cc0000;
  }

.osusume{
  margin-top:4rem;
}

.osusume-ttl{
  margin-top:3rem;
  margin-bottom:3rem;
  padding:0.5rem 2rem;
  color:#142f5c;
  font-weight:bold;
  font-size:2.2rem;
  background:#eee;
  border:1px solid #293797;
  border-radius:6px
}

.winSP .osusume-ttl{
    padding:0.5rem 1rem;
    font-size:1.6rem
}

.row{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-wrap:wrap;
      -ms-flex-wrap:wrap;
          flex-wrap:wrap;
  margin-right:-0.5rem;
  margin-left:-0.5rem;
}

.text-center{
  text-align:center;
}

.box-border{
  padding:2rem 1rem;
  border:3px solid #de2187;
  border-radius:8px;
}

.mt-0{
  margin-top:0 !important;
}
.mt-30{
  margin-top:30px !important;
}


@media (max-width: 570px){
  .row{
    margin-top:2rem
  }
    .row .col-sp-1{
      width:100%;
      margin-bottom:1rem;
      padding-right:0.5rem;
      padding-left:0.5rem
    }
      .row .col-sp-1:last-child{
        margin-bottom:0;
      }
    .row .col-sp-2{
      width:50%;
      margin-bottom:1rem;
      padding-right:0.5rem;
      padding-left:0.5rem
    }
      .row .col-sp-2:last-child{
        margin-bottom:0;
      }
    .row .col-3{
      width:33.3%;
      padding-right:0.5rem;
      padding-left:0.5rem;
    }
}

@media (min-width: 571px){
  .row{
    margin-top:4rem
  }
    .row .col-3{
      width:33.3%;
      padding-right:0.5rem;
      padding-left:0.5rem;
    }
    .row .col-2{
      width:50%;
      padding-right:0.5rem;
      padding-left:0.5rem;
    }
}
