.mail-info {
  box-sizing: border-box;
  margin-bottom: 40px ;
}
.mail-info a {
  box-sizing: border-box;
  display: block;
  background-color: #cf0400;
  width: 100%;
  padding: 10px 1em 10px;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
}
.mail-info a:hover {
  opacity: 0.8;
}
@media (max-width: 768px){
  .mail-info {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.jump-info {
  box-sizing: border-box;
  margin-bottom: 40px ;
}
.jump-info a {
  box-sizing: border-box;
  display: block;
  background-color: #007ccf;
  width: 100%;
  padding: 10px 1em 10px;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
}
.jump-info a:hover {
  opacity: 0.8;
}
@media (max-width: 768px){
  .jump-info {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.yuki-info {
  box-sizing: border-box;
  margin-bottom: 40px ;
}
.yuki-info a {
  box-sizing: border-box;
  display: block;
  background-color: #333;
  width: 100%;
  padding: 10px 1em 10px;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
}
.jump-info a:hover {
  opacity: 0.8;
}
@media (max-width: 768px){
  .yuki-info {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.daikin-info {
  box-sizing: border-box;
  margin-bottom: 40px ;

.daikin-info a {
  box-sizing: border-box;
  display: block;
  background-color: #333;
  width: 100%;
  padding: 10px 1em 10px;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
}
.jump-info a:hover {
  opacity: 0.8;
}
@media (max-width: 768px){
  .daikin-info {
    padding-right: 20px;
    padding-left: 20px;
  }
}


.nenmatu-info {
  box-sizing: border-box;
  margin-bottom: 40px ;
}
.nenmatu-info a {
  box-sizing: border-box;
  display: block;
  background-color: #73BE1E;
  width: 100%;
  padding: 10px 1em 10px;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
}
.jump-info a:hover {
  opacity: 0.8;
}
@media (max-width: 768px){
  .nenmatu-info {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.gw-info {
  box-sizing: border-box;
  margin-bottom: 40px ;
}
.gw-info a {
  box-sizing: border-box;
  display: block;
  background-color: #0E3192;
  width: 100%;
  padding: 20px 1em 20px;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
}
.gw-info a:hover {
  opacity: 0.8;
}
@media (max-width: 768px){
  .gw-info {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.atami-info {
  box-sizing: border-box;
  margin-bottom: 40px ;
}
.atami-info a {
  box-sizing: border-box;
  display: block;
  background-color: #9999c9;
  width: 100%;
  padding: 10px 1em 10px;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
}
.atami-info a:hover {
  opacity: 0.8;
}
@media (max-width: 768px){
  .atami-info {
    padding-right: 20px;
    padding-left: 20px;
  }
}