@charset "UTF-8";
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

  地域貢献

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.txt-csr{
  font-size: 1.6rem;
  line-height: 1.53;
  margin-bottom: 1em;
}
.img-csr-map{
  margin: 30px auto;
}
@media print, screen and (min-width: 992px) {
.txt-csr{
  font-size: 1.8rem;
  line-height: 2;
  margin-bottom: 1em;
}
  .img-csr-map{
    margin: 50px auto 60px;
  }
}

.list-action{
}
.list-action li{
  padding: 0 10px;
  margin-bottom: 15px;
  text-align: center;
}
.list-action li a{
  display: block;
  font-size: 1.8rem;
  font-weight: bold;
  background: #cdcdcd;
  text-decoration: none;
  padding: 0.5em;
  border-radius: 10px;
  position: relative;
  color: #fff;
}
.list-action li a i{
  position: absolute;
top: 50%;
right: 8px;
margin-top: -0.5em;
}
.list-action li:nth-child(1) a{
  background: #e33826;
}
.list-action li:nth-child(2) a{
  background: #4f982a;
}
.list-action li:nth-child(3) a{
  background: #436fdb;
}
@media print, screen and (min-width: 768px) {
.list-action{
      display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-left: -10px;
    margin-right: -10px;
}
  .list-action li{
    width: 33.33333%;
  }
}
/*btn-style01*/
.btn-style01{
  margin: 20px auto 0;
}
.btn-style01 .button{
  font-size: 2.0rem;
  font-weight: bold;
}
.btn-style01 .button span{
  display: block;
  font-size: 0.8em;
}
@media print, screen and (min-width: 992px) {
.btn-style01{
  margin: 50px auto 0;
}
.btn-style01 .button{
  font-size: 2.4rem;
}
  .btn-style01 .button span{
    font-size: 0.7em;
  }
}
/**/
.ttl-style01{
  margin-bottom: 0.4em;
}
.txt-action{
  font-size: 1.6rem;
  line-height: 1.53;
  margin-bottom: 1em;
  text-align: left;
}
@media print, screen and (min-width: 992px) {
.txt-action{
  font-size: 1.8rem;
  line-height: 2;
  margin-bottom: 1em;
}
}
.wrap-action{
  margin: 30px 0 50px;
}
.ph-action{
  margin-bottom: 20px;
}
.ph-action.ph-single{
  margin-bottom: 50px;
}
#Hakui, #Kanazawa, #Kahoku{
  padding: 20px 0;
  margin: 30px auto;
}
#Kanazawa .ttl-style01:before{
  color: #4f982a;
}
#Kahoku .ttl-style01:before{
  color: #436fdb;
}

.box-link-bnr{
  margin-top: 20px;
}
@media print, screen and (min-width: 992px) {
.box-link-bnr{
  margin-top: 50px;
}
}