/* GLOBAL STYLES
-------------------------------------------------- */
/* フォント */
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap');
body {
  font-family: 'Josefin Sans', "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
}
body {
  scroll-behavior: smooth;
}

/* Padding below the footer and lighter body text */
body {
  padding-top: 3rem;
  color: #5a5a5a;
}

.bg-light-primary {
  background-color: #edf5ff;
}


/*
 * Header
 */

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: rgba(255, 255, 255, .5);
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}


/* -------------------------------------------------- 
  ファーストビュー
-------------------------------------------------- */
#fv_subsidy_label {
writing-mode: vertical-rl;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
color: #fff;
box-sizing: border-box;
border: 2px solid #fff;
padding: 10px 5px;
}
#fv_subsidy_price {
font-size: 146px;
display: inline-block;
line-height: 1em;
font-weight: bold;
letter-spacing: -5px;
}
#fv_subsidy_price_unit {
display: inline-block;
font-weight: bold;
}


.separate {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}



/* チェックのリスト */
ul.list li {
  position: relative;
  list-style: none;
  margin-bottom: .8em;
}
ul.list li::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 0;
  left: -1.2em;
}
#issue ul.list li::after {
  content: "\f567";
  color: #dc3545;
}
#solution ul.list li::after {
  content: "\f0eb";
  color: #ffc107;
}