@charset "utf-8";

/* スクリーンリーダー用 */
.srOnly {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
/* for safari */
/* @supports (-webkit-hyphens: none) {
  [tabindex="-1"]:focus-visible {
    outline: none !important;
  }
} */
.sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .sp {
    display: block;
  }
  .pc {
    display: none;
  }
}

/* アンカー時のフォーカス表示 */
.jsHideFocus:focus {
	outline: none !important;
}

/* fukubukuro
----------------- */
.fukubukuro {
  font-size: 20px;
  line-height: 1.33;
  overflow-wrap: anywhere;
  font-family: "BIZ UDGothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.fukubukuro .inner {
  margin: 0 auto;
  max-width: 1100px;
  padding: 0 0 280px;
  position: relative;
}
.fukubukuro .inner::after {
  content: "";
  width: 1101px;
  height: 178px;
  background: url("../../img/contents/fukubukuro/line.png") no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: 0;
}
.fukubukuro .lead {
  margin-top: 55px;
  font-weight: 700;
  color: #0b6e8b;
}
.fukubukuro .cont {
  margin: 60px auto 0;
  width: 740px;
  text-align: left;
}
.fukubukuro .cont + .cont {
  margin-top: 55px;
}
.fukubukuro h2 {
  width: 173px;
  margin: 0 auto;
}
.fukubukuro .cont .box {
  margin-top: 40px;
  padding-bottom: 40px;
}
.fukubukuro .cont .box + .box {
  margin-top: 40px;
}
.fukubukuro .cont.cont01 .box {
  border-bottom: solid 3px #f29600;
}
.fukubukuro .cont.cont01 > .box img {
  width: 581px;
}
.fukubukuro .cont.cont02 .box {
  border-bottom: solid 3px #0b6e8b;
}
.fukubukuro .cont.cont02 > .box:first-of-type img {
  width: 680px;
}
.fukubukuro .cont.cont02 > .box.box:last-of-type img {
  width: 719px;
}
.fukubukuro .cont.cont03 .box {
  border-bottom: solid 3px #df6f32;
}
.fukubukuro .cont.cont03 > .box:first-of-type img {
  width: 557px;
}
.fukubukuro .cont.cont03 > .box:nth-of-type(2) img {
  width: 533px;
}
.fukubukuro .cont.cont03 > .box:nth-of-type(3) img {
  width: 623px;
}
.fukubukuro .cont.cont03 > .box:nth-of-type(4) img {
  width: 629px;
}
.fukubukuro .cont.cont03 > .box:nth-of-type(5) img {
  width: 680px;
}
.fukubukuro .cont.cont03 > .box:nth-of-type(6) img {
  width: 670px;
}
.fukubukuro .cont.cont03 > .box:nth-of-type(7) img {
  width: 693px;
}
.fukubukuro .cont.cont03 > .box:nth-of-type(8) img {
  width: 675px;
}
.fukubukuro .cont.cont03 > .box:nth-of-type(9) img {
  width: 596px;
}
.fukubukuro .cont.cont03 > .box:last-of-type img {
  width: 672px;
}
.fukubukuro .cont.cont04 .box {
  border-bottom: solid 3px #83c47a;
}
.fukubukuro .cont.cont04 > .box:first-of-type img {
  width: 737px;
}
.fukubukuro .cont.cont04 > .box:nth-of-type(2) img {
  width: 594px;
}
.fukubukuro .cont.cont04 > .box:nth-of-type(3) img {
  width: 590px;
}
.fukubukuro .cont.cont04 > .box:nth-of-type(4) img {
  width: 642px;
}
.fukubukuro .cont.cont04 > .box:nth-of-type(5) img {
  width: 720px;
}
.fukubukuro .cont.cont04 > .box:last-of-type img {
  width: 600px;
}
.fukubukuro .cont.cont05 .box {
  border-bottom: solid 3px #0080c1;
}
.fukubukuro .cont.cont05 > .box img {
  width: 625px;
}
@media screen and (max-width: 1100px) {
  .fukubukuro {
    font-size: 1.818vw;
  }
  .fukubukuro .inner {
    max-width: 100vw;
    padding: 0 0 25.455vw;
  }
  .fukubukuro .inner::after {
    width: 100.091vw;
    height: 16.182vw;
  }
  .fukubukuro .lead {
    margin-top: 5vw;
  }
  .fukubukuro .cont {
    margin: 5.455vw auto 0;
    width: 67.273vw;
  }
  .fukubukuro .cont + .cont {
    margin-top: 5vw;
  }
  .fukubukuro h2 {
    width: 15.727vw;
  }
  .fukubukuro .cont .box {
    margin-top: 3.636vw;
    padding-bottom: 3.636vw;
  }
  .fukubukuro .cont .box + .box {
    margin-top: 3.636vw;
  }
  .fukubukuro .cont.cont01 .box {
    border-bottom: solid 0.273vw #f29600;
  }
  .fukubukuro .cont.cont01 > .box img {
    width: 52.818vw;
  }
  .fukubukuro .cont.cont02 .box {
    border-bottom: solid 0.273vw #0b6e8b;
  }
  .fukubukuro .cont.cont02 > .box:first-of-type img {
    width: 61.818vw;
  }
  .fukubukuro .cont.cont02 > .box.box:last-of-type img {
    width: 65.364vw;
  }
  .fukubukuro .cont.cont03 .box {
    border-bottom: solid 0.273vw #df6f32;
  }
  .fukubukuro .cont.cont03 > .box:first-of-type img {
    width: 50.636vw;
  }
  .fukubukuro .cont.cont03 > .box:nth-of-type(2) img {
    width: 48.455vw;
  }
  .fukubukuro .cont.cont03 > .box:nth-of-type(3) img {
    width: 56.636vw;
  }
  .fukubukuro .cont.cont03 > .box:nth-of-type(4) img {
    width: 57.182vw;
  }
  .fukubukuro .cont.cont03 > .box:nth-of-type(5) img {
    width: 61.818vw;
  }
  .fukubukuro .cont.cont03 > .box:nth-of-type(6) img {
    width: 60.909vw;
  }
  .fukubukuro .cont.cont03 > .box:nth-of-type(7) img {
    width: 63vw;
  }
  .fukubukuro .cont.cont03 > .box:nth-of-type(8) img {
    width: 61.364vw;
  }
  .fukubukuro .cont.cont03 > .box:nth-of-type(9) img {
    width: 54.182vw;
  }
  .fukubukuro .cont.cont03 > .box:last-of-type img {
    width: 61.091vw;
  }
  .fukubukuro .cont.cont04 .box {
    border-bottom: solid 0.273vw #83c47a;
  }
  .fukubukuro .cont.cont04 > .box:first-of-type img {
    width: 67vw;
  }
  .fukubukuro .cont.cont04 > .box:nth-of-type(2) img {
    width: 54vw;
  }
  .fukubukuro .cont.cont04 > .box:nth-of-type(3) img {
    width: 53.636vw;
  }
  .fukubukuro .cont.cont04 > .box:nth-of-type(4) img {
    width: 58.364vw;
  }
  .fukubukuro .cont.cont04 > .box:nth-of-type(5) img {
    width: 65.455vw;
  }
  .fukubukuro .cont.cont04 > .box:last-of-type img {
    width: 54.545vw;
  }
  .fukubukuro .cont.cont05 .box {
    border-bottom: solid 0.273vw #0080c1;
  }
  .fukubukuro .cont.cont05 > .box img {
    width: 56.818vw;
  }
}
@media screen and (max-width: 767px) {
  .fukubukuro {
    font-size: 4vw;
  }
  .fukubukuro .inner {
    max-width: 100%;
    padding: 0 0 33.333vw;
  }
  .fukubukuro .inner::after {
    width: 100.133vw;
    height: 20vw;
    background: url("../../img/contents/fukubukuro/line_sp.png") no-repeat;
    background-size: contain;
  }
  .fukubukuro .lead {
    margin-top: 4.667vw;
  }
  .fukubukuro .cont {
    margin: 6.667vw auto 0;
    width: 81.067vw;
  }
  .fukubukuro .cont + .cont {
    margin-top: 10.667vw;
  }
  .fukubukuro h2 {
    width: 23.067vw;
  }
  .fukubukuro .cont .box {
    margin-top: 2.667vw;
    padding-bottom: 2.667vw;
  }
  .fukubukuro .cont .box + .box {
    margin-top: 2.667vw;
  }
  .fukubukuro .cont.cont01 .box {
    border-bottom: solid 0.4vw #f29600;
  }
  .fukubukuro .cont.cont01 > .box img {
    width: 68.267vw;
  }
  .fukubukuro .cont.cont02 .box {
    border-bottom: solid 0.4vw #0b6e8b;
  }
  .fukubukuro .cont.cont02 > .box:first-of-type img {
    width: 80.4vw;
  }
  .fukubukuro .cont.cont02 > .box.box:last-of-type img {
    width: 82.933vw;
  }
  .fukubukuro .cont.cont03 .box {
    border-bottom: solid 0.4vw #df6f32;
  }
  .fukubukuro .cont.cont03 > .box:first-of-type img {
    width: 75.333vw;
  }
  .fukubukuro .cont.cont03 > .box:nth-of-type(2) img {
    width: 74.8vw;
  }
  .fukubukuro .cont.cont03 > .box:nth-of-type(3) img {
    width: 72.933vw;
  }
  .fukubukuro .cont.cont03 > .box:nth-of-type(4) img {
    width: 80.4vw;
  }
  .fukubukuro .cont.cont03 > .box:nth-of-type(5) img {
    width: 79.2vw;
  }
  .fukubukuro .cont.cont03 > .box:nth-of-type(6) img {
    width: 69.6vw;
  }
  .fukubukuro .cont.cont03 > .box:nth-of-type(7) img {
    width: 79.6vw;
  }
  .fukubukuro .cont.cont03 > .box:nth-of-type(8) img {
    width: 80.4vw;
  }
  .fukubukuro .cont.cont03 > .box:nth-of-type(9) img {
    width: 69.333vw;
  }
  .fukubukuro .cont.cont03 > .box:last-of-type img {
    width: 80.533vw;
  }
  .fukubukuro .cont.cont04 .box {
    border-bottom: solid 0.4vw #83c47a;
  }
  .fukubukuro .cont.cont04 > .box:first-of-type img {
    width: 80.4vw;
  }
  .fukubukuro .cont.cont04 > .box:nth-of-type(2) img {
    width: 74.933vw;
  }
  .fukubukuro .cont.cont04 > .box:nth-of-type(3) img {
    width: 71.067vw;
  }
  .fukubukuro .cont.cont04 > .box:nth-of-type(4) img {
    width: 82vw;
  }
  .fukubukuro .cont.cont04 > .box:nth-of-type(5) img {
    width: 78.667vw;
  }
  .fukubukuro .cont.cont04 > .box:last-of-type img {
    width: 72.4vw;
  }
  .fukubukuro .cont.cont05 .box {
    border-bottom: solid 0.4vw #0080c1;
  }
  .fukubukuro .cont.cont05 > .box img {
    width: 85.467vw;
  }
}