@charset "UTF-8";
/* CSS Document */
.title_select_ofiice {
  padding:2em 1em;
}
.title_select_ofiice h3 {
  margin: 1em auto;
  text-align: center;
}
.title_select_ofiice h3 span {
  font-weight: bold;
  color: var(--white);
  background: var(--blue1);
  font-size: 1.6em;
  display: inline-block;
  border-radius: 30px;
  padding: 0 2em;
}
.title_select_ofiice p {
  text-align: center;
  font-weight: bold;font-size:1.2em;
}
.title_select_ofiice p strong {
  color: var(--red1);
}
.select_ofiice {padding:1em;}
.select_ofiice li {
  margin-bottom: 1em;
}
.select_ofiice li a {
  display: block;
  border: 2px solid var(--base-color);
  border-radius: 15px;
  -webkit-box-shadow: 5px 5px 0 var(--base-color);
  box-shadow: 5px 5px 0 var(--base-color);
  color: var(--base-color);
  font-weight: bold;
  font-size: 1.3em;
  padding: .3em;
  text-align: center;
}
@media (hover:hover) {
.select_ofiice li a:hover{background: var(--blue2);}
}
.link_rcitygas{margin:2em　0;text-align: center;}
.link_rcitygas a{color:#00b9f3;border-bottom:2px solid #00b9f3;}

.note{padding:2em 1em;}
.note dl{border:2px solid #6e6e6e;}
.note dt{background: var(--black);color:var(--white);text-align: center;padding:.5em;}
.note dd{padding:1em;}
.note dd h3{text-align: center;}
.note dd h3 span{color:#4bb34b;border:2px solid #4bb34b;padding:.5em 1.5em;display:inline-block;font-weight: bold;margin-bottom:1em;}
.note dd .text1{font-size:.9em;margin-bottom:1em;}
.note dd .text2{font-size:1.2em;margin-bottom:1em;font-weight: bold;color:var(--red1);}