/* CSS Document */
.mb-0 {
  margin-bottom: 0vw !important;
}

.mb-5 {
  margin-bottom: 1.33333vw !important;
}

.mb-10 {
  margin-bottom: 2.66667vw !important;
}

.mb-15 {
  margin-bottom: 4vw !important;
}

.mb-20 {
  margin-bottom: 5.33333vw !important;
}

.mb-25 {
  margin-bottom: 6.66667vw !important;
}

.mb-30 {
  margin-bottom: 8vw !important;
}

.mb-35 {
  margin-bottom: 9.33333vw !important;
}

.mb-40 {
  margin-bottom: 10.66667vw !important;
}

.mb-45 {
  margin-bottom: 12vw !important;
}

.mb-50 {
  margin-bottom: 13.33333vw !important;
}

.mb-55 {
  margin-bottom: 14.66667vw !important;
}

.mb-60 {
  margin-bottom: 16vw !important;
}

.mb-65 {
  margin-bottom: 17.33333vw !important;
}

.mb-70 {
  margin-bottom: 18.66667vw !important;
}

.mb-75 {
  margin-bottom: 20vw !important;
}

.mb-80 {
  margin-bottom: 21.33333vw !important;
}

.mb-85 {
  margin-bottom: 22.66667vw !important;
}

.mb-90 {
  margin-bottom: 24vw !important;
}

.mb-95 {
  margin-bottom: 25.33333vw !important;
}

.mb-100 {
  margin-bottom: 26.66667vw !important;
}

.pb-0 {
  padding-bottom: 0vw !important;
}

.pb-5 {
  padding-bottom: 1.33333vw !important;
}

.pb-10 {
  padding-bottom: 2.66667vw !important;
}

.pb-15 {
  padding-bottom: 4vw !important;
}

.pb-20 {
  padding-bottom: 5.33333vw !important;
}

.pb-25 {
  padding-bottom: 6.66667vw !important;
}

.pb-30 {
  padding-bottom: 8vw !important;
}

.pb-35 {
  padding-bottom: 9.33333vw !important;
}

.pb-40 {
  padding-bottom: 10.66667vw !important;
}

.pb-45 {
  padding-bottom: 12vw !important;
}

.pb-50 {
  padding-bottom: 13.33333vw !important;
}

.pb-55 {
  padding-bottom: 14.66667vw !important;
}

.pb-60 {
  padding-bottom: 16vw !important;
}

.pb-65 {
  padding-bottom: 17.33333vw !important;
}

.pb-70 {
  padding-bottom: 18.66667vw !important;
}

.pb-75 {
  padding-bottom: 20vw !important;
}

.pb-80 {
  padding-bottom: 21.33333vw !important;
}

.pb-85 {
  padding-bottom: 22.66667vw !important;
}

.pb-90 {
  padding-bottom: 24vw !important;
}

.pb-95 {
  padding-bottom: 25.33333vw !important;
}

.pb-100 {
  padding-bottom: 26.66667vw !important;
}

img {
  width: 100%;
}

.niko-chanHeader h1 {
  position: inherit;
}

.sectionInn {
  width: 93.33333vw;
  margin: 0 auto;
}

.leadArea {
  padding: 6.66667vw 0 14.66667vw;
}

.leadArea .lead {
  margin-bottom: 6.66667vw;
  font-size: 4.26667vw;
  font-weight: bold;
  line-height: 1.75;
  text-align: center;
}

.leadArea .theme {
  background: #F5A564;
  color: #fff;
  padding: 8vw 2.66667vw;
  border-radius: 5.33333vw;
  margin: 0 auto 69.33333vw;
  position: relative;
}

.leadArea .theme:before {
  content: "";
  position: absolute;
  left: 9.33333vw;
  bottom: -61.33333vw;
  width: 33.33333vw;
  height: 50.66667vw;
  background: url(/pr/niko-chan/img/ikugyo/logoIkugyo.webp) no-repeat;
  background-size: cover;
}

.leadArea .theme:after {
  content: "";
  position: absolute;
  right: 9.33333vw;
  bottom: -61.33333vw;
  width: 33.33333vw;
  height: 50.66667vw;
  background: url(/pr/niko-chan/img/ikugyo/logoNiko.webp) no-repeat;
  background-size: cover;
}

.contentsArea {
  background: #DFF2FC;
  padding: 12vw 0 26.66667vw;
}

.contentsArea .sectionInn h2 {
  width: 70.13333vw;
  margin: 0 auto 10.66667vw;
}

.contentsArea .sectionInn .detailList {
  background: #fff;
  border: 0.53333vw solid #E1330B;
  border-radius: 5.33333vw;
  width: 94.66667vw;
  margin: 0 auto 14.66667vw;
  padding: 8vw 2.66667vw;
}

.contentsArea .sectionInn .detailList .itemList li {
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.5;
  font-weight: bold;
}

.contentsArea .sectionInn .detailList .itemList li:first-child {
  margin-bottom: 8vw;
}

.contentsArea .sectionInn h3.blkTtl {
  text-align: center;
  background: #F7EA1A;
  border-radius: 2.66667vw;
  padding: 2.66667vw 0;
  font-size: 4.26667vw;
  position: relative;
  margin: 0 auto 8vw;
  line-height: 1.5;
  height: 18.66667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.contentsArea .sectionInn h3.blkTtl:after {
  content: "";
  position: absolute;
  bottom: -4vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 8vw;
  height: 6.93333vw;
  background: url(/pr/niko-chan/img/ikugyo/fukidashi.webp) no-repeat;
  background-size: contain;
}

.contentsArea .sectionInn .img {
  margin: 0 auto;
  text-align: center;
}

.contentsArea .sectionInn .img.pamph img:first-child {
  margin-bottom: 1.33333vw;
}

.contentsArea .sectionInn .img.scene {
  margin-bottom: 8vw;
}

.contentsArea .sectionInn .impression {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20vw;
}

.contentsArea .sectionInn .impression h3 {
  background: #F7EA1A;
  padding: 2.66667vw 0;
  text-align: center;
}

.contentsArea .sectionInn .impression ul {
  background: #fff;
  padding: 8vw 4vw;
  border: 0.8vw solid #F7EA1A;
  border-radius: 0 0 5.33333vw 5.33333vw;
}

.contentsArea .sectionInn .impression ul li {
  border-bottom: 0.53333vw solid #F7EA1A;
  padding-bottom: 8vw;
  line-height: 1.8;
  font-weight: bold;
}

.contentsArea .sectionInn .impression ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.contentsArea .sectionInn .impression ul li:not(:first-child) {
  padding-top: 8vw;
}

.contentsArea .sectionInn .letter ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.contentsArea .sectionInn .letter ul li {
  width: 43.73333vw;
  margin-bottom: 1.86667vw;
  padding: 0.53333vw;
  background: #fff;
  border-radius: 1.06667vw;
  -webkit-filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.3));
          filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.3));
}

.contentsArea .sectionInn .letter ul li img {
  width: 100%;
}

@media screen and (min-width: 741px) {
  .mb-0 {
    margin-bottom: 0px !important;
  }
  .mb-5 {
    margin-bottom: 5px !important;
  }
  .mb-10 {
    margin-bottom: 10px !important;
  }
  .mb-15 {
    margin-bottom: 15px !important;
  }
  .mb-20 {
    margin-bottom: 20px !important;
  }
  .mb-25 {
    margin-bottom: 25px !important;
  }
  .mb-30 {
    margin-bottom: 30px !important;
  }
  .mb-35 {
    margin-bottom: 35px !important;
  }
  .mb-40 {
    margin-bottom: 40px !important;
  }
  .mb-45 {
    margin-bottom: 45px !important;
  }
  .mb-50 {
    margin-bottom: 50px !important;
  }
  .mb-55 {
    margin-bottom: 55px !important;
  }
  .mb-60 {
    margin-bottom: 60px !important;
  }
  .mb-65 {
    margin-bottom: 65px !important;
  }
  .mb-70 {
    margin-bottom: 70px !important;
  }
  .mb-75 {
    margin-bottom: 75px !important;
  }
  .mb-80 {
    margin-bottom: 80px !important;
  }
  .mb-85 {
    margin-bottom: 85px !important;
  }
  .mb-90 {
    margin-bottom: 90px !important;
  }
  .mb-95 {
    margin-bottom: 95px !important;
  }
  .mb-100 {
    margin-bottom: 100px !important;
  }
  .mb-pc-0 {
    margin-bottom: 0px !important;
  }
  .mb-pc-5 {
    margin-bottom: 5px !important;
  }
  .mb-pc-10 {
    margin-bottom: 10px !important;
  }
  .mb-pc-15 {
    margin-bottom: 15px !important;
  }
  .mb-pc-20 {
    margin-bottom: 20px !important;
  }
  .mb-pc-25 {
    margin-bottom: 25px !important;
  }
  .mb-pc-30 {
    margin-bottom: 30px !important;
  }
  .mb-pc-35 {
    margin-bottom: 35px !important;
  }
  .mb-pc-40 {
    margin-bottom: 40px !important;
  }
  .mb-pc-45 {
    margin-bottom: 45px !important;
  }
  .mb-pc-50 {
    margin-bottom: 50px !important;
  }
  .mb-pc-55 {
    margin-bottom: 55px !important;
  }
  .mb-pc-60 {
    margin-bottom: 60px !important;
  }
  .mb-pc-65 {
    margin-bottom: 65px !important;
  }
  .mb-pc-70 {
    margin-bottom: 70px !important;
  }
  .mb-pc-75 {
    margin-bottom: 75px !important;
  }
  .mb-pc-80 {
    margin-bottom: 80px !important;
  }
  .mb-pc-85 {
    margin-bottom: 85px !important;
  }
  .mb-pc-90 {
    margin-bottom: 90px !important;
  }
  .mb-pc-95 {
    margin-bottom: 95px !important;
  }
  .mb-pc-100 {
    margin-bottom: 100px !important;
  }
  .mb-pc-120 {
    margin-bottom: 120px !important;
  }
  .pb-0 {
    padding-bottom: 0px !important;
  }
  .pb-5 {
    padding-bottom: 5px !important;
  }
  .pb-10 {
    padding-bottom: 10px !important;
  }
  .pb-15 {
    padding-bottom: 15px !important;
  }
  .pb-20 {
    padding-bottom: 20px !important;
  }
  .pb-25 {
    padding-bottom: 25px !important;
  }
  .pb-30 {
    padding-bottom: 30px !important;
  }
  .pb-35 {
    padding-bottom: 35px !important;
  }
  .pb-40 {
    padding-bottom: 40px !important;
  }
  .pb-45 {
    padding-bottom: 45px !important;
  }
  .pb-50 {
    padding-bottom: 50px !important;
  }
  .pb-55 {
    padding-bottom: 55px !important;
  }
  .pb-60 {
    padding-bottom: 60px !important;
  }
  .pb-65 {
    padding-bottom: 65px !important;
  }
  .pb-70 {
    padding-bottom: 70px !important;
  }
  .pb-75 {
    padding-bottom: 75px !important;
  }
  .pb-80 {
    padding-bottom: 80px !important;
  }
  .pb-85 {
    padding-bottom: 85px !important;
  }
  .pb-90 {
    padding-bottom: 90px !important;
  }
  .pb-95 {
    padding-bottom: 95px !important;
  }
  .pb-100 {
    padding-bottom: 100px !important;
  }
  .pb-pc-0 {
    padding-bottom: 0px !important;
  }
  .pb-pc-5 {
    padding-bottom: 5px !important;
  }
  .pb-pc-10 {
    padding-bottom: 10px !important;
  }
  .pb-pc-15 {
    padding-bottom: 15px !important;
  }
  .pb-pc-20 {
    padding-bottom: 20px !important;
  }
  .pb-pc-25 {
    padding-bottom: 25px !important;
  }
  .pb-pc-30 {
    padding-bottom: 30px !important;
  }
  .pb-pc-35 {
    padding-bottom: 35px !important;
  }
  .pb-pc-40 {
    padding-bottom: 40px !important;
  }
  .pb-pc-45 {
    padding-bottom: 45px !important;
  }
  .pb-pc-50 {
    padding-bottom: 50px !important;
  }
  .pb-pc-55 {
    padding-bottom: 55px !important;
  }
  .pb-pc-60 {
    padding-bottom: 60px !important;
  }
  .pb-pc-65 {
    padding-bottom: 65px !important;
  }
  .pb-pc-70 {
    padding-bottom: 70px !important;
  }
  .pb-pc-75 {
    padding-bottom: 75px !important;
  }
  .pb-pc-80 {
    padding-bottom: 80px !important;
  }
  .pb-pc-85 {
    padding-bottom: 85px !important;
  }
  .pb-pc-90 {
    padding-bottom: 90px !important;
  }
  .pb-pc-95 {
    padding-bottom: 95px !important;
  }
  .pb-pc-100 {
    padding-bottom: 100px !important;
  }
  img {
    width: auto;
  }
  .niko-chanHeader {
    margin-bottom: 5px;
  }
  .niko-chanHeader h1 {
    width: 710px;
    margin: 0 auto;
  }
  .sectionInn {
    width: 1300px;
  }
  a:hover {
    opacity: .7;
  }
  .col2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .leadArea {
    padding: 95px 0 120px;
  }
  .leadArea .lead {
    margin-bottom: 90px;
    font-size: 32px;
  }
  .leadArea .theme {
    padding: 30px 25px;
    border-radius: 20px;
    width: 560px;
    margin-bottom: 0;
  }
  .leadArea .theme:before {
    left: -190px;
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 152px;
    height: 231px;
  }
  .leadArea .theme:after {
    right: -190px;
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 152px;
    height: 231px;
  }
  .leadArea .theme div {
    text-align: center;
  }
  .contentsArea {
    padding: 95px 0 130px;
  }
  .contentsArea .sectionInn h2 {
    width: 560px;
    margin-bottom: 60px;
  }
  .contentsArea .sectionInn .detailList {
    border-width: 2px;
    border-radius: 20px;
    width: 870px;
    padding: 30px;
    margin-bottom: 65px;
  }
  .contentsArea .sectionInn .detailList .itemList li {
    font-size: 18px;
  }
  .contentsArea .sectionInn .detailList .itemList li:first-child {
    margin-bottom: 20px;
  }
  .contentsArea .sectionInn h3.blkTtl {
    display: block;
    border-radius: 10px;
    font-size: 18px;
    margin-bottom: 60px;
    padding: 25px 0;
    width: 570px;
    height: auto;
  }
  .contentsArea .sectionInn h3.blkTtl:after {
    width: 30px;
    height: 26px;
    bottom: -17px;
  }
  .contentsArea .sectionInn .img.kamishibai {
    width: 724px;
  }
  .contentsArea .sectionInn .img.pamph {
    width: 730px;
    margin: 0 auto;
  }
  .contentsArea .sectionInn .img.pamph img {
    width: 335px;
  }
  .contentsArea .sectionInn .img.pamph img:first-child {
    margin-bottom: 0;
  }
  .contentsArea .sectionInn .img.scene {
    width: 740px;
    margin-bottom: 75px;
  }
  .contentsArea .sectionInn .impression {
    width: 860px;
    position: relative;
    margin-bottom: 100px;
  }
  .contentsArea .sectionInn .impression h3 {
    padding: 25px 0;
    width: 570px;
    position: absolute;
    top: -32px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    border-radius: 9px;
    font-size: 18px;
  }
  .contentsArea .sectionInn .impression ul {
    padding: 100px 55px;
    border-radius: 20px;
    border-width: 3px;
  }
  .contentsArea .sectionInn .impression ul li {
    border-width: 2px;
    padding-bottom: 40px;
  }
  .contentsArea .sectionInn .impression ul li:not(:first-child) {
    padding-top: 40px;
  }
  .contentsArea .sectionInn .letter ul {
    display: block;
    width: 850px;
    margin-left: auto;
    margin-right: auto;
  }
  .contentsArea .sectionInn .letter ul li {
    width: 250px;
    margin-right: 40px;
    margin-bottom: 5px;
    padding: 5px;
    border-radius: 4px;
    display: inline-block;
  }
  .contentsArea .sectionInn .letter ul li:nth-of-type(3n) {
    margin-right: 0;
  }
}
