/** 汎用スタイル **/

body {
  color: #161616;
  line-height: 1.6rem;
}
.ls {
  letter-spacing: 0.2rem;
}
.bw-2 {
  border-width: 2px !important;
}
.bw-3 {
  border-width: 3px !important;
}

/** jumbotronの背景に指定画像 **/
.jumbotron {
  background: url('../image/top-background.webp') center no-repeat;
  background-size: cover;
  height: 100%;
  min-height: 500px;
}

/** 下側のみが突き出した五角形 **/
.wf-penta {
  clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 50% 100%, 0% 80%);
}

.comment-box {
  position: relative;
  display: inline-block;
  padding: 2rem;
  font-size: 16px;
  background: #f8f9fa;
}

.subtitle {
  text-align: left;
  color: #1c4955;
  background: #D3E0EA;
}

.contact_button {
  height: 50px;
  width: 250px;
  color: #1c4955;
  border-color: #1c4955;
  background-color: #ffffff;
}

.contact_button:hover{
  color: #ffffff;
  border-color: #276678;
  background-color: #276678;
}

.custom_button {
  color: #276678;
  border-color: #1687A7;
}

.custom_button:hover{
  color: #ffffff;
  border-color: #276678;
  background-color: #276678;
}

.footer {
  background: #276678;
}

.news{
  margin: 0;
  padding: 0;
}

.news li{
  display: flex;
  padding: 10px 5px;
  border-bottom: 1px solid #ccc;
}

.label_info{
  background-color: #388096;
  border-radius: 3px;
  color:#fff;
  text-align: center;
  padding: 2px 5px;
  margin: 0 30px 0 20px;
  width: 50px;
  height: 30px;
}

.label_event{
  background-color: #D3E0EA;
  border-radius:3px;
  color:#444444;
  text-align: center;
  padding: 2px 5px;
  margin: 0 30px 0 20px;
  width: 50px;
  height: 30px;
}

/** トップへ戻るボタン **/
.wf-gotta-top {
  width: 70px;
  height: 70px;
  right: 0;
  bottom: 0;
  background: #b6c2d2;
  opacity: 0.6;
}

.footer-item{
  padding: 10px 0;
}

.footer-item div{
  display: inline-block;
  vertical-align: bottom;
}

.copyright{
  padding-bottom: 10px;
}

.note{
  font-size: 14px;
}

.text-color-brack {
  color: #161616;
}