@charset "UTF-8";
/* only PC browser */
/* line 8, scss/style.scss */
html, body {
  width: 100%;
}

/* line 11, scss/style.scss */
body {
  background: #f8f8f8;
  font-family: "Quicksand", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 20px;
  line-height: 2;
  color: #333;
}

/* line 18, scss/style.scss */
.container {
  position: relative;
  width: 100%;
  max-width: 947px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}

/* line 25, scss/style.scss */
.tx-l {
  text-align: left;
}

/* line 27, scss/style.scss */
.tx-r {
  text-align: right;
}

/* line 29, scss/style.scss */
.tx-c {
  text-align: center;
}

/* line 31, scss/style.scss */
.u-full-width {
  width: 100%;
  box-sizing: border-box;
}

/* line 34, scss/style.scss */
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box;
}

/* line 37, scss/style.scss */
.clearfix {
  clear: both;
}

/* line 39, scss/style.scss */
.link-bl, .link-bl a {
  color: #333;
  text-decoration: none;
}

/* line 42, scss/style.scss */
.link-u a {
  text-decoration: underline;
}

/* line 44, scss/style.scss */
.flex {
  display: flex;
}

/* line 46, scss/style.scss */
.container:after,
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* line 52, scss/style.scss */
.r {
  font-weight: bold;
  color: #c30818;
}

/* line 53, scss/style.scss */
.u {
  font-weight: bold;
  text-decoration: underline;
}

/* line 54, scss/style.scss */
.b {
  font-weight: bold;
}

/* line 55, scss/style.scss */
.y {
  font-weight: bold;
  background: #ffff00;
}

/* 例:幅640px高さ360pxの画像の場合 */
/* line 58, scss/style.scss */
#targetElm {
  height: 0;
  /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
  padding-top: 56.25%;
  background: url("bg.png") 0 0 no-repeat;
  background-size: contain;
}

/* line 65, scss/style.scss */
header {
  background: url(./img/bak.png);
  background-size: 90%;
  background-repeat: no-repeat;
  margin: 0 auto;
  margin-top: 1%;
  padding-top: 3%;
  padding-bottom: 5%;
  position: relative;
  width: 100%;
  max-width: 947px;
  box-sizing: border-box;
}

/* line 77, scss/style.scss */
header h1 {
  width: 80%;
  margin: 0 auto;
  text-align: center;
}

/* line 82, scss/style.scss */
.main {
  background: #fff;
  z-index: -1;
  margin-top: -11.5%;
  padding: 10% 4em;
}

/* line 87, scss/style.scss */
.main img, .next img {
  width: 60%;
  max-width: 100%;
}

/* line 90, scss/style.scss */
.next {
  background: #fff;
  padding: 2% 4em;
}

/* line 93, scss/style.scss */
.full-img {
  margin: 0 -10% 15px;
  width: 120% !important;
  max-width: none !important;
}

/* line 98, scss/style.scss */
h2 {
  font-size: 2.3em;
  font-weight: normal;
  text-align: center;
  color: #c30818;
}

/* line 103, scss/style.scss */
ul {
  border: 3pt solid #a0a0a0;
  padding: 10px 0 20px;
}

/* line 106, scss/style.scss */
li {
  background: url(./img/check.png);
  background-repeat: no-repeat;
  background-position: 2% center;
  background-size: 1em;
  border-bottom: 1px dotted #ccc;
  margin: 0 10px;
  padding-left: 2.5em;
}

/* line 114, scss/style.scss */
ul.contents {
  border: 1px solid #ccc;
  background: #f8f8f8;
  padding: 20px;
}

/* line 118, scss/style.scss */
ul.contents li {
  margin: 0;
  margin-bottom: 10px;
  font-size: 1.05em;
  font-weight: bold;
}

/* line 124, scss/style.scss */
.fa-chevron-circle-right {
  color: #c30818;
  margin-right: .5em;
}

/* line 128, scss/style.scss */
.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 0;
  -webkit-box-shadow: 0px 5px 13px 0px rgba(12, 2, 5, 0.65);
  -moz-box-shadow: 0px 5px 13px 0px rgba(12, 2, 5, 0.65);
  box-shadow: 0px 5px 13px 0px rgba(12, 2, 5, 0.65);
  font-size: 1.3em;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
}

/* line 141, scss/style.scss */
.btn img {
  width: 30px;
  margin-right: 10px;
}

/* line 145, scss/style.scss */
.btn-a {
  background: #0f7812;
}

/* line 147, scss/style.scss */
.btn-b {
  background: #ab050f;
}

/* line 149, scss/style.scss */
.btn-c {
  background: #0a1d84;
}

/* line 151, scss/style.scss */
.btn-d {
  background: #0202a6;
}

/* line 154, scss/style.scss */
footer {
  padding: 10px 0;
}

/* line 156, scss/style.scss */
footer a {
  text-decoration: none;
  font-size: 13px;
  color: #333;
}

.pc {
  display: inline-block; }
.btn.pc {
  display: flex; }
.sm {
  display: none; }

@media screen and (max-width: 760px) {
.pc {
  display: none; }
.btn.pc {
  display: none; }
.sm {
  display: inline-block; }
.btn.sm {
  display: flex;
  line-height: 1.3; }

  /* line 162, scss/style.scss */
  body {
    font-size: 18px;
    line-height: 2;
  }

  /* line 165, scss/style.scss */
  header {
    margin-top: 5%;
  }

  /* line 167, scss/style.scss */
  .container, header {
    width: 95%;
  }

  /* line 169, scss/style.scss */
  .main, .next {
    padding: 15% 1em;
  }

  /* line 171, scss/style.scss */
  .main img, .next img {
    width: 100%;
  }

  /* line 173, scss/style.scss */
  .full-img {
    margin: 0 -3% 30px;
    width: 106% !important;
  }

  /* line 176, scss/style.scss */
  h2 {
    line-height: 1.5;
  }

  /* line 178, scss/style.scss */
  .btn {
    padding: 15px 3px;
    font-size: 1.1em;
  }

  /* line 181, scss/style.scss */
  .btn img {
    width: 30px;
  }
}