@charset "utf-8";
/*----------------------
/  1.PC設定
------------------------------------------------------------ */
/*------------------------------ 1-1.基本設定 ------------------------------*/
html {
  text-align: center;
  font-family: 'Kiwi Maru', serif;
  font-style: normal;
  font-weight: 500;
  color: #221E1F;
  /* MV内文字に #000や#333 や よくある質問の回答の文字が #434343 でしたが、
    統一感を出すためあえて外しておきました */
}
ol {
  list-style-type: decimal;
  font-size: 24px;
  line-height: 1.5;
  text-align: left;
}
ul {
  list-style: disc;
  font-size: 18px;
  line-height: 26px;
  /* text-indent: 10px; */
  text-align: left;
}
li {
  padding-left: 8px;
}
img {
  width: 100%;
}
a:hover {
  opacity: .7;
}
section {
  overflow: hidden;
}
/*-------------------- 1-1-1.文字色 --------------------*/
h3, h4, ol, ul, .white, .smdtii1, .question {
  color: #fff;
}
.MainVisual__ttl__txt1, .MainVisual__ttl__txt2 span {
  color: #FF6433;
}
/*-------------------- 1-1-2.フォントファミリー --------------------*/
.Common-ContactBTN__inner__txt1, .Common-ContactBTN__inner__txt3 {
  font-family: 'Noto Sans JP', sans-serif;
}
.MainVisual__ttl__txt1:first-child::before, .MainVisual__ttl__txt1:first-child::after {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 100;
}
.MainVisual__ttl__txt1, .MainVisual__ttl__txt2 span {
  font-family: 'Kaisei Tokumin', serif;
  font-weight: 800;
}
.Common-ContactBTN__inner__txt2 {
  font-family: 'Anton', sans-serif; /* Impact */
}
.MainVisual, .MainVisual__ttl__txt2 {
  font-family: 'Hiragino Kaku Gothic ProN';
}
.footer__copyright {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
/*-------------------- 1-1-3.見出し・パラグラフ --------------------*/
h2 {
  position: relative;
  /* font-size: 56px; line-height: 81px; */
  /*** 一つのcssを共通で使用することをご要望とのことでしたので
  **** 大丈夫です！あなたのお悩みを「イノシシびっくりDG505」が解決します！のフォントサイズを採用 ***/
  font-size: 48px;
  line-height: 70px;
  margin-bottom: 75px;
  padding-bottom: 25px;
}
h2 span {
  display: block;
}
/* タイトル下の二重下線（上） */
.double-underline::before {
  content: '';
  position: absolute;
  top: 0;
  right: -5px;
  bottom: 0;
  left: -5px;
}
/* 二重下線（上・黒） */
.solution h2::before, .voice h2::before {
  border-bottom: 2px solid #221E1F;
}
/* 二重下線（上・白） */
.advice h2::before, .questionnaire h2::before, .faq h2::before {
  border-bottom: 2px solid #fff;
}
/* タイトル下の二重下線（下） */
.double-underline::after {
  content: '';
  position: absolute;
  top: -11px;
  right: -5px;
  bottom: -11px;
  left: -5px;
}
/* 二重下線（下・黒） */
.solution h2::after, .voice h2::after {
  border-bottom: 2px solid #221E1F;
}
/* 二重下線（下・白） */
.advice h2::after, .questionnaire h2::after, .faq h2::after {
  border-bottom: 2px solid #fff;
}
h3 {
  margin: 105px auto 100px;
  font-size: 32px;
  line-height: 1.438;
}
h4 {
/* "商品パッケージなど"は"組立方法"や"専用三脚支柱とは"のサイズに合わせました */
  font-size: 28px;
  line-height: 1.464;
  margin: 10px auto;
}
h5 {
  font-size: 20px;
  line-height:1.45;
  margin-top: 20px;
  text-align: center;
}
p {
/* 「お客さまの声」「お客様アンケート」が24pxでしたが、相対的に多かった28pxに統一 */
font-size: 28px;
  line-height: 1.464;
}
p+p {
  margin-top: 35px;
}
.msg-txt {
/* 該当箇所：3段階効果モード直下のテキスト */
  margin-bottom: 75px;
}
.desc-txt {
/* 該当箇所：お客さまの声、お客様アンケート */
  text-align: left;
  margin: 50px auto;
}
/*-------------------- 1-1-4.コンタクトボタン --------------------*/
/* TEL/MAIL */
.TEL {
  background: #FFA41C;
}
.MAIL {
  background: #FF6433;
}
/* 共通項目 */
.Common-ContactBTN {
  display: flex;
  justify-content: center;
}
.Common-ContactBTN__outer {
  display: table;
  color: #F5F5F5;
  border-radius: 10px;
}
.Common-ContactBTN__inner {
  display: table-cell;
  vertical-align: middle;
  width: 421px;
  height: 121px;
}
.Common-ContactBTN__inner__txt1 {
  font-weight: 700;
  font-size: 24px;
  line-height: 35px;
}
.Common-ContactBTN__inner__txt2 {
  font-weight: 400;
  font-size: 50px;
  line-height: 61px;
  letter-spacing: 0.1em;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Common-ContactBTN__inner__txt2__icon {
  display: table;
  margin-right: 10px;
}
.Common-ContactBTN__inner__txt2__icon img {
  display: table-cell;
  vertical-align: middle;
}
.Common-ContactBTN__inner__txt3 {
  font-weight: 900;
  font-size: 38px;
  line-height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Common-ContactBTN__inner__txt3__icon {
  display: table;
  margin-top: 10px;
  margin-right: 10px;
}
.Common-ContactBTN__inner__txt3__icon img {
  display: table-cell;
  vertical-align: middle;
}
/*-------------------- 1-1-5.オンラインショップ --------------------*/
.EC-Shop-BTN {
  width: 527px;
  height: 121px;
  margin: 50px auto 0;
  background: #E39B83;
  border-radius: 10px;
  display: flex;
}
.EC-Shop-BTN__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}
.EC-Shop-BTN__inner__icon {
  display: table;
  margin-right: 15px;
}
.EC-Shop-BTN__inner__icon {
  display: table-cell;
  vertical-align: middle;
}
.EC-Shop-BTN__inner p {
  font-size: 38px;
  line-height: 0.947;
}
/* よくある質問内専用 */
.faq-answer-btn {
  display: table;
  margin-bottom: 50px;
}
.faq-answer-btn span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  position: relative;
}
.faq-answer-btn span::after {
  content: '';
  border-bottom: 2px solid #fff;
  position: absolute;
  bottom: 30px;
  right: 80px;
  left: 80px;
}
.faq-answer-btn:hover span::after {
  content: '';
  border-bottom: unset;
}
/*-------------------- 1-1-6.共通ボックス --------------------*/
.Common-Box {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.Common-Box__item {
  position: relative;
  width: 48.3%;
  height: auto;
  display: flex;
  flex-direction: column;
}
.Common-Box__item {
  font-size: 24px;
  line-height: 35px;
  text-align: left;
  margin-bottom: 100px;
}
.Common-Box__item a img {
  width: 100%;
}
/*-------------------- 1-1-8.画像白枠 --------------------*/
.CBi-i {
  padding: 18px;
  border-radius: 10px;
  background: #fff;
  height: auto;
}
.CBi-i p {
  font-size: 20px;
  line-height: 1.45;
  text-align: center;
  padding-top: 12px;
}
/*------------------------------ 1-2.メインビジュアル ------------------------------*/
.MainVisual {
  position: relative;
  padding: 30px 0 50px;
  font-weight: 600;
  font-size: 38px;
  line-height: 57px;
  background: url(../lp01/img/BG_main-visual_ver2.png) no-repeat 40% 100% / cover;
  width: 100%;
  height: 800px;
  z-index: 3;
}
.MainVisual__ttl__txt1 {
  display: block;
  font-size: 70px;
  line-height: 101px;
}
.MainVisual__ttl__txt1:first-child::before {
  content: "＼";
}
.MainVisual__ttl__txt1:first-child::after {
  content: "／";
}
.MainVisual__ttl__txt2 {
  font-weight: 600;
  font-size: 38px;
  line-height: 57px;
}
.MainVisual__ttl__txt2 span {
  font-size: 60px;
  line-height: 87px;
  margin: auto 18px;
}
.MainVisual__characteristics {
  display: flex;
  justify-content: center;
  width: 650px;
  margin: 30px auto;
}
.MainVisual__characteristics__item {
  position: relative;
  width: 200px;
  height: 200px;
}
.MainVisual__characteristics__item+.MainVisual__characteristics__item {
  margin-left: 25px;
}
.MainVisual__desc {
  font-weight: 600;
  font-size: 30px;
  line-height: 45px;
}
.MainVisual__contact {
  margin: 30px auto;
}
/*------------------------------ 1-3.こんなお悩みありませんか？！ ------------------------------*/
.presentation {
  background: #FFDBA6;
  position: relative;
}
.presentation__voices {
  position: relative;
  height: 310px;
}
.presentation__voices__item {
  position: absolute;
  display: table;
  width: 100%;
  border-radius: 50%;
}
.presentation__voices__item:nth-child(1), .presentation__voices__item:nth-child(3) {
  background-color: #FF6433;
}
.presentation__voices__item:nth-child(even), .presentation__voices__item:nth-child(5) {
  background: #458749;
}
.presentation__voices__item p {
  display: table-cell;
  vertical-align: middle;
}
.presentation__concrete-example {
  position: relative;
  background: rgba(255, 100, 51, 0.8);
  border-radius: 10px;
  padding: 30px 38px;
  margin: 30px auto 0;
}
.presentation__concrete-example::before {
  content: url(../lp01/img/Presentation_CE_before.png);
  display: inline-block;
  width: 104px;
  height: 42px;
  position: absolute;
  top: -42px;
  left: calc(50% - 52px);
}
.linemarker1 {
  background: linear-gradient(transparent 70%, rgba(52, 167, 64, 0.85) 30%);
  /* border: 10px solid rgba(52, 167, 64, 0.85); */
}
.presentation__concrete-example ol {
  padding: 30px 0 30px 38px;
}
.presentation__concrete-example li+li {
  margin-top: 20px;
}
/*------------------------------ 1-4.「イノシシびっくりDG505」が解決します！ ------------------------------*/
.solution {
  background: #8DCD67;
}
.solution::before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 100px 200px 0 200px;
  border-color: #ffdba6 transparent transparent transparent;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
}
.solution h3 span {
  background: #734C27;
  border-radius: 10px;
  padding: 12px 63px 15px;
}
section.solution h3:nth-of-type(n+2) {
  margin: 0px auto 100px;
}
.linemarker2 {
  background: linear-gradient(transparent 70%, rgba(255, 100, 51, 0.54) 30%);
  /* border: 10px solid rgba(255, 100, 51, 0.54); */
}
/*----- 設置方法・商品について：枠内 -----*/
.solution__installation {
  background: rgba(255, 100, 51, 0.8);
  border-radius: 10px;
  padding: 75px 40px;
  width: 100%;
}
.solution h4 span {
  border: 1px solid;
  border-radius: 10px;
  padding: 10px 35px;
}
/*--- 組立方法 ---*/
.solution__installation__assembly {
  display: flex;
}
.solution__installation__assembly__txt {
  width: 43.8%;
  margin: 0 4.2%;
  position: relative;
  font-size: 20px;
  line-height: 29px;
}
.solution__installation__assembly__txt::after {
  content: '';
  height: 350px;
  border: 1.5px solid #fff;
  display: block;
  height: 100%;
  position: absolute;
  right: -50px;
  top: 0;
}
.solution__installation__assembly__img {
  width: 37.5%;
  margin: 0 4.2% 0 6.1%;
}
.solution__installation__assembly__img p {
  text-align: left;
}
.solution__installation p {
  font-size: 20px;
  line-height: 1.45;
  margin: 45px auto;
}
/*- 枠内でのリストアイテムの設定 -*/
.solution__installation__assembly li,
.solution__installation__about__desc__txt li { /* 枠内でフォントサイズ統一 */
  font-size: 20px;
  line-height: 1.45;
}
.solution__installation__assembly li+li {
  margin-top: 10px;
}
/*--- 専用三脚支柱とは ---*/
.solution__installation__about {
  margin: 75px auto;
}
.solution__installation__about__desc {
  display: flex;
}
.solution__installation__about__desc__txt {
  width: 65%;
  margin: 0 auto;
}
.solution__installation__about__desc__img {
  width: 35%;
  position: relative;
}
.solution__installation__about__desc__img img {
  position: absolute;
  top: -55px;
  left: 0;
}
.solution__installation__about__desc__txt__box {
  border: 2px solid #fff;
  padding: 21px 10px 21px 50px;
  border-radius: 10px;
}
.solution__installation__about__desc__txt ul {
  margin: 40px auto 40px 40px;
}
/*--- 商品パッケージなど ---*/
.solution__installation__package__list {
  display: flex;
}
.solution__installation__package__list__item {
  width: 49%;
  margin: 35px auto 0;
}
/*----- 3段階効果モード -----*/
.solution__mode__desc {
  display: flex;
}
.solution__mode__desc__img {
  width: 340px;
}
.solution__mode__desc__txt {
  width: calc( 100% - 370px);
  margin-left: 30px;
}
.solution__mode__desc__txt__item {
  display: flex;
}
.solution__mode__desc__txt__item__icon {
  width: 103px;
  height: 63px;
  font-size: 32px;
  line-height: 30px;
  border: 1px solid #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.solution__mode__desc__txt__item+.solution__mode__desc__txt__item {
  margin-top: 20px;
}
.smdtii1 {
  background: #221E1F;
}
.smdtii2 {
  background: #34A740;;
}
.smdtii3 {
  background: #D95C61;;
}
.smdtii4 {
  background: #309FDE;;
}
.solution__mode__desc__txt__item__dtl {
  font-size: 24px;
  line-height: 35px;
  width: calc(100% - 103px);
  display: flex;
  align-items: center;
  text-align: left;
}
.solution__mode__desc__txt__item__dtl p {
  margin-left: 20px;
}
/*------------------------------ 1-5.地形や環境にあった設置アドバイス ------------------------------*/
.advice {
  background: #34A740;
  position: relative;
}
.advice__desc {
  display: flex;
  margin: 60px auto;
}
.advice__desc__img {
  width: 30%;
}
.advice__desc__txt {
  width: calc(70% - 30px);
  font-size: 28px;
  line-height: 36px;
  text-align: left;
  margin: auto 0 auto 30px;
}
/*------------------------------ 1-6.お客さまの声 ------------------------------*/
.voice {
  background: #FFDBA6;
  position: relative;
}
.voice .CBi-i p {
  text-align: left;
}
.user-name {
  display: inherit;
  text-align: right;
  margin-top: 10px;
}
/*------------------------------ 1-7.お客様アンケート ------------------------------*/
.questionnaire {
  background: #8DCD66;
  position: relative;
}
.questionnaire .EC-Shop-BTN {
  margin-top: 0;
}
/*------------------------------ 1-8.よくあるご質問 ------------------------------*/
.faq {
  background: #F1AA42;
  position: relative;
}
.faq__list {
  padding: 50px 0;
  text-align: left;
}
.faq__list__accordion+.faq__list__accordion {
  margin-top: 50px;
}
.question::before {
  content: "Q";
  font-family: 'Kaisei HarunoUmi', serif;
  font-weight: 700;
  font-size: 32px;
  color: #34A740;
  display: inline-block;
  width: 56px;
  height: 56px;
  line-height: 1.625;
  border-radius: 50%;
  background: #fff;
  text-align: center;
}
.question {
  display: table;
  position: relative;
  line-height: 56px;
  height: 56px;
  cursor: pointer;
}
.question p {
  padding-left: 15px;
  display: table-cell;
  vertical-align: middle;
}
.answer {
  margin: 30px auto 30px 78px;
  background: #fff;
  color: #434343;
  padding: 15px 15px 15px 20px;
  border-radius: 10px;
  position: relative;
}
.answer::before {
  content: '';
  width: 51px;
  height: 85px;
  background-image: url(../lp01/img/l-arrow.png);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  position: absolute;
  top: -20px;
  left: -53px;
}
.faq__list .answer {
  display: none;
}
/*------------------------------ 1-9.フッター ------------------------------*/
.footer {
  background: #8DCD67;
  padding: 50px 0 25px;
  font-size: 20px;
  line-height: 30px;
}
/*----------------------
/  2.レスポンシブ対応
------------------------------------------------------------ */
@media screen and (min-width: 1000.01px) {
  .innerWrap {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
  }
  .Common-ContactBTN__outer:last-child {
    margin-left: 10%;
  }
  /*------- 1-3-1.こんなお悩みありませんか？！：吹き出し -------*/
  .pvi1 {
    width: 271px;
    height: 160px;
    top: 0;
    left: 0;
  }
  .pvi2 {
    width: 250px;
    height: 152px;
    top: 0;
    left: 320px;
  }
  .pvi3 {
    width: 250px;
    height: 152px;
    top: 0;
    left: 610px;
  }
  .pvi4 {
    width: 267px;
    height: 136px;
    top: 180px;
    left: 360px;
  }
  .pvi5 {
    width: 216px;
    height: 152px;
    top: 100px;
    left: 850px;
  }
  .Common-Box__item:nth-child(2n) {
    margin-left: 3.4%;
  }
  .voice .CBi-i {
    height: 583px;
  }
}
@media screen and (min-width: 768.01px) {
  .tbsp {
    display: none;
  }
}
@media screen and (min-width: 520.01px) {
  .sp {
    display: none;
  }
}

@media screen and (max-width: 999.9px) {
/*-------------------- 見出し・パラグラフ --------------------*/
  h2 {
    font-size: 40px;
    line-height: 1.458;
    padding-bottom: 25px;
  }
/*-------------------- コンタクトボタン --------------------*/
  .Common-ContactBTN__outer:first-child {
    margin: auto calc(25% - 172.8px) auto 0;
  }
  .Common-ContactBTN__outer:last-child {
    margin: auto 0 auto calc(25% - 172.8px);
  }
  .Common-ContactBTN__inner {
    width: 345.6px;
  }
  .Common-ContactBTN__inner__txt1 {
    font-size: 21px;
    line-height: 1.458;
  }
  .Common-ContactBTN__inner__txt2 {
    font-size: 42px;
    line-height: 1.22;
  }
  .Common-ContactBTN__inner__txt3 {
    font-size: 32px;
    line-height: 1.447;
  }
/*-------------------- 共通ボックス --------------------*/
  .Common-Box {
    display: block;
  }
  .Common-Box__item {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
  }

  .innerWrap {
    width: 90%;
    margin: 0 5%;
  }
/*-------------------- メインビジュアル --------------------*/
  .MainVisual {
    background: url(../lp01/img/SP__BG_main-visual.png) no-repeat 50% 50% / cover;
    width: 100%;
    height: auto;
    padding-bottom: 5rem;
  }
  .MainVisual__ttl__txt1 {
    font-size: 48px;
    line-height: 1.167;
  }
  .MainVisual__ttl__txt2 {
    font-size: 32px;
    line-height: 1.5;
  }
  .MainVisual__ttl__txt2 span {
    font-size: 42px;
    line-height: 1.45;
  }

  .MainVisual__desc {
    font-size: 24px;
    line-height: 1.5;
  }
  .MainVisual__contact {
    margin: 30px auto 100px;
  }
/*-------------------- こんなお悩みありませんか？！ --------------------*/
  .presentation__voices {
    display: flex;
    flex-flow: wrap;
  }
  .presentation__voices__item {
    position: relative;
    border-radius: 50%;
    width: 20%;
  }
  .presentation__voices__item:nth-child(5) {
    background-color: #FF6433;
  }
  .presentation__voices__item p {
    font-size: 16px;
    line-height: 1.5;
  }
  .pvi1, .pvi2, .pvi3, .pvi4, .pvi5 {
    height: 150px;
  }
 .presentation__concrete-example {
    margin: 0 auto;
  }
/*-------------------- 「イノシシびっくりDG505」が解決します！ --------------------*/
  .solution .Common-Box:nth-of-type(4) .Common-Box__item:nth-of-type(2) {
    margin-bottom: 35px;
  }
/*-------------------- 地形や環境にあった設置アドバイス --------------------*/
/*-------------------- お客さまの声 --------------------*/
/*-------------------- お客様アンケート --------------------*/
/*-------------------- よくあるご質問 --------------------*/
/*-------------------- フッター --------------------*/
}
@media screen and (max-width: 767.9px) {
/*-------------------- 見出し・パラグラフ --------------------*/
  h2 {
    font-size: 36px;
    margin-bottom: 50px;
  }
  h3 {
    margin: 105px auto 75px;
    font-size: 24px;
  }
  p {
    font-size: 24px;
  }
  p+p {
    margin-top: 31px;
  }
/*-------------------- コンタクトボタン --------------------*/
  .Common-ContactBTN__outer:first-child {
    margin: auto calc(25% - 117px) auto 0;
  }
  .Common-ContactBTN__outer:last-child {
    margin: auto 0 auto calc(25% - 117px);
  }
  .Common-ContactBTN__inner {
    width: 234px;
    height: 100px;
  }
  .Common-ContactBTN__inner__txt1 {
    font-size: 18px;
  }
  .Common-ContactBTN__inner__txt2 {
    font-size: 24px;
  }
  .Common-ContactBTN__inner__txt3 {
    font-size: 20px;
  }
/*-------------------- オンラインショップ --------------------*/
  .EC-Shop-BTN {
    height: 81px;
  }
  .EC-Shop-BTN__inner__icon {
    width: 28px;
    height: auto;
    margin-right: 10px;
    margin-top: 5px;
  }
  .EC-Shop-BTN__inner p {
    font-size: 28px;
  }
  /* よくある質問内専用 */
  .faq-answer-btn {
    width: 90%;
  }
  .faq-answer-btn span::after {
    bottom: 12px;
  }
/*-------------------- 共通ボックス --------------------*/
  .Common-Box__item {
    margin-bottom: 75px;
  }
/*-------------------- メインビジュアル --------------------*/
  .MainVisual {
    background: url(../lp01/img/SP__BG_main-visual.png) no-repeat 50% 50% / cover;
    width: 100%;
    height: auto;
    padding-bottom: 5rem;
  }
  .MainVisual__ttl__txt1 {
    font-size: 40px;
  }
  .MainVisual__ttl__txt2 {
    font-size: 28px;
  }
  .MainVisual__ttl__txt2 span {
    font-size: 30px;
    margin: auto 5px;
  }
  .MainVisual__characteristics {
    width: 500px;
  }
  .MainVisual__characteristics__item {
    width: 32%;
    height: auto;
  }
  .MainVisual__characteristics__item+.MainVisual__characteristics__item {
    margin-left: 2%;
  }
  .MainVisual__desc {
    font-size: 28px;
    line-height: 1.5;
  }
/*-------------------- こんなお悩みありませんか？！ --------------------*/
  .presentation__voices__item p {
    font-size: 14px;
  }
  .pvi1, .pvi2, .pvi3, .pvi4, .pvi5 {
    height: 120px;
  }
/*-------------------- 「イノシシびっくりDG505」が解決します！ --------------------*/
  .solution h3:nth-of-type(n+2) {
    margin: 0px auto 75px;
  }
  .solution .Common-Box:first-of-type .Common-Box__item:nth-of-type(3),
  .solution .Common-Box:nth-of-type(4) .Common-Box__item:first-of-type,
  .solution .Common-Box:nth-of-type(4) .Common-Box__item:nth-of-type(3) {
    margin-bottom: 35px;
  }
/*----- 設置方法・商品について：枠内 -----*/
  .solution__installation p {
    text-align: left;
  }
  .solution__installation__about__desc,
  .solution__installation__assembly {
    flex-direction: column;
  }
  .solution__installation__assembly__img {
    order: 1;
    width: 100%;
    margin: 0 auto 45px;
  }
  .solution__installation__assembly__txt {
    order: 2;
    width: 90%;
    margin: 0 3% 45px 7%;
  }
  .solution__installation__assembly__txt::after {
    content: '';
    height: 0px;
    border: 0px solid #fff;
  }
  .solution__installation__about {
    margin: 30px auto;
  }
  .solution__installation__about__desc__txt {
    order: 2;
    width: 100%;
  }
  .solution__installation__about__desc__img {
    order: 1;
    width: 360px;
    height: 630px;
    margin: auto;
  }
/*----- 3段階効果モード -----*/
  .solution__mode__desc {
    display: block;
  }
  .solution__mode__desc__img {
    margin: 30px auto ;
  }
  .solution__mode__desc__txt {
    width: 95%;
    margin-left: 5%;
    margin-top: 30px;
  }
  .solution__mode__desc__txt__item__dtl {
    font-size: 24px;
    line-height: 1.5;
    width: calc(100% - 83px);
  }
  .solution__mode__desc__txt__item__icon {
    width: 83px;
  }
  .solution__mode__desc__txt__item__icon span {
    font-size: 24px;
    line-height: 1.5;
  }
/*-------------------- 地形や環境にあった設置アドバイス --------------------*/
  .advice__desc__txt {
    font-size: 24px;
    line-height: 28px;
  }
/*-------------------- お客さまの声 --------------------*/
  .voice .Common-Box .Common-Box__item:last-child {
    margin-bottom: 0;
  }
/*-------------------- お客様アンケート --------------------*/
/*-------------------- よくあるご質問 --------------------*/
  .faq__list__accordion+.faq__list__accordion {
    margin-top: 25px;
  }
/*-------------------- フッター --------------------*/
}
@media screen and (max-width: 519.9px) {
  .spNone {
    display: none;
  }
/*-------------------- 基本設定 --------------------*/
  ol {
    font-size: 16px;
  }
/*-------------------- 見出し・パラグラフ --------------------*/
  h2 {
    font-size: 24px;
    line-height: 1.8em;
  }
  h3 {
    margin: 45px auto 40px;
    font-size: 18px;
  }
  h4 {
    font-size: 18px;
    margin: 10px auto;
  }
  p {
    font-size: 18px;
  }
  p+p {
    margin-top: 25px;
  }
  .msg-txt {
    margin-bottom: 45px;
  }
/*-------------------- コンタクトボタン --------------------*/
  .Common-ContactBTN__outer:first-child {
    margin: auto calc(25% - 80px) auto 0;
  }
  .Common-ContactBTN__outer:last-child {
    margin: auto 0 auto calc(25% - 80px);
  }
  .Common-ContactBTN__inner {
    width: 160px;
    height: 75px;
  }
  .Common-ContactBTN__inner__txt1 {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .Common-ContactBTN__inner__txt2 {
    font-size: 15px;
  }
  .Common-ContactBTN__inner__txt3 {
    font-size: 12px;
  }
  .Common-ContactBTN__inner__txt2__icon {
    width: 25px;
    height: auto;
    margin-right: 5px;
  }
  .Common-ContactBTN__inner__txt3__icon {
    width: 25px;
    height: auto;
    margin-top: 0;
    margin-right: 5px;
  }
/*-------------------- オンラインショップ --------------------*/
  .EC-Shop-BTN {
    width: 321px;
    height: 63px;
  }
  .EC-Shop-BTN__inner__icon {
    width: 24px;
    margin-right: 5px;
    margin-top: 0;
  }
  .EC-Shop-BTN__inner p {
    font-size: 24px;
  }
  /* よくある質問内専用 */
  .faq-answer-btn {
    width: 100%;
    margin: 30px auto 0;
    font-size: 14.5px;
  }
/*-------------------- 共通ボックス --------------------*/
  .Common-Box__item {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 45px;
  }
/*-------------------- 画像白枠 --------------------*/
  .CBi-i p {
    font-size: 18px;
  }
/*-------------------- メインビジュアル --------------------*/
  .MainVisual__ttl__txt1 {
    font-size: 28px;
    line-height: 1.8em;
  }
  .MainVisual__ttl__txt2 {
    display: block;
    font-size: 21px;
  }
  .MainVisual__ttl__txt2 span {
    font-size: 24px;
    line-height: 0;
  }
  .MainVisual__characteristics {
    width: 320px;
  }
  .MainVisual__desc {
    font-size: 16px;
    line-height: 1.8em;
  }
  .MainVisual__contact {
    position: relative;
    margin: 30px calc(50% - 50vw) 45px;
    overflow:hidden;
  }
/*-------------------- こんなお悩みありませんか？！ --------------------*/
  .presentation__voices__item {
    width: 45%;
  }
  .presentation__voices__item:nth-child(even) {
    margin-left: 10%;
  }
  .presentation__voices__item:nth-child(5) {
    margin: auto;
  }
  .presentation__concrete-example {
    padding: 20px 25px;
  }
  .presentation__concrete-example ol {
    padding: 15px 0 15px 15px;
  }
/*-------------------- 「イノシシびっくりDG505」が解決します！ --------------------*/
  .solution .Common-Box:nth-of-type(4) .Common-Box__item:first-of-type {
    margin-bottom: 0;
  }
  .solution .Common-Box:nth-of-type(4) .Common-Box__item:last-of-type {
    margin-bottom: 60px;
  }
/*--- 商品パッケージなど ---*/
  .solution__installation__package__list {
    display: block;
  }
  .solution__installation__package__list__item {
    width: 100%;
    margin: 35px auto 0;
  }
  .solution {
    padding-bottom: 50px;
  }
  .solution::before {
    content: '';
    border-width: 50px 100px 0 100px;
  }
  .solution h3 span {
    padding: 12px 20px 15px;
  }
  section.solution .Common-Box__item:first-child {
    margin-bottom: 0px;
  }
  section.solution .Common-Box:first-of-type {
    display: flex;
    flex-direction: column;
  }
  section.solution .Common-Box:first-of-type .Common-Box__item:nth-of-type(1) {
    order: 1;
  }
  section.solution .Common-Box:first-of-type .Common-Box__item:nth-of-type(2) {
    order: 2;
  }
  section.solution .Common-Box:first-of-type .Common-Box__item:nth-of-type(4) {
    order: 3;
    margin-bottom: 35px;
  }
  section.solution .Common-Box:first-of-type .Common-Box__item:nth-of-type(3) {
    order: 4;
    margin-bottom: 60px;
  }
  section.solution h3:nth-of-type(n+2) {
    margin: 0px auto 45px;
  }
  section.solution .Common-Box:nth-of-type(2) .Common-Box__item:nth-of-type(2){
    margin-top: 30px;
  }
  section.solution .Common-Box:nth-of-type(n+3) p {
    margin-top: 30px;
  }
  section.solution .Common-Box:nth-of-type(4) .Common-Box__item:nth-of-type(3) p:first-of-type {
    margin-top: 0;
  }
  section.solution .Common-Box:nth-of-type(4) {
    display: flex;
    flex-direction: column;
  }
  section.solution .Common-Box:nth-of-type(4) .Common-Box__item:nth-of-type(1) {
    order: 1;
  }
  section.solution .Common-Box:nth-of-type(4) .Common-Box__item:nth-of-type(2) {
    order: 2;
  }
  section.solution .Common-Box:nth-of-type(4) .Common-Box__item:nth-of-type(4) {
    order: 3;
    margin-bottom: 35px;
  }
  section.solution .Common-Box:nth-of-type(4) .Common-Box__item:nth-of-type(3) {
    order: 4;
    margin-bottom: 60px;
  }
/*----- 設置方法・商品について：枠内 -----*/
  .solution__installation {
    padding: 25px 15px;
    width: 100%;
  }
  .solution__installation p {
    font-size: 18px;
    line-height: 24px;
    margin: 30px auto;
  }
  .solution__installation__assembly li, .solution__installation__about__desc__txt li {
    font-size: 18px;
    line-height: 24px;
  }
  .solution__installation__about__desc__img {
    width: 300px;
    height: 480px;
  }
/*----- 3段階効果モード -----*/
  .solution__mode__desc__txt__item__dtl {
    font-size: 16px;
    width: calc(100% - 63px);
  }
  .solution__mode__desc__txt__item__icon {
    width: 63px;
  }
  .solution__mode__desc__txt {
    width: 100%;
    margin-left: 0;
  }
/*-------------------- 地形や環境にあった設置アドバイス --------------------*/
  .advice__desc {
    display: block;
  }
  .advice__desc__img {
    width: 100%;
  }
  .advice__desc__img img {
    width: 50%;
  }
  .advice__desc__txt {
    width: 90%;
    font-size: 20px;
    line-height: 24px;
    margin: 30px 5%;
  }
/*-------------------- お客さまの声 --------------------*/
/*-------------------- お客様アンケート --------------------*/
  .questionnaire::after {
    height: 160px;
  }
/*-------------------- よくあるご質問 --------------------*/
  .faq__list {
    padding: 20px 0 60px;
  }
  .question {
    line-height: 40px;
    height: 40px;
  }
  .question::before {
    font-size: 24px;
    width: 40px;
    height: 40px;
    line-height: 1.5;
  }
  .answer {
    margin: 0 auto 30px 60px;
    padding: 15px 15px 15px 20px;
  }
  .answer::before {
    content: '';
    width: 35px;
    height: 58px;
    top: 0;
    left: -35px;
  }
/*-------------------- フッター --------------------*/
}
/*----------------------------------------------------------
/  3.画像対応
------------------------------------------------------------ */
/* 3-1.背景画像設定 ===============*/
/*** 3-1-1.共通 ***/
.MainVisual::after, .presentation::before, .advice::before, .voice::before, .voice::after, .faq::after, .questionnaire::after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
}
/*** 3-1-2.草 ***/
.MainVisual::after, .presentation::before, .advice::before, .voice::before {
  height: 50px;
}
/***** メインビジュアルの下部 *****/
.MainVisual::after {
  bottom: 0;
  background-position: bottom;
  background: url(../lp01/img/BG_grass1.png);
}
/***** お悩みの上部 *****/
.presentation::before {
  background-position: top;
  background: url(../lp01/img/BG_grass2.png);
  top: 0;
}
/***** アドバイスの上部 *****/
.advice::before {
  background-position: top;
  background: url(../lp01/img/BG_grass3.png);
  top: 0;
}
/***** お客様の声の上部 *****/
.voice::before {
  background-position: top;
  background: url(../lp01/img/BG_grass4.png);
  top: 0;
}
/*** 3-1-3.山 ***/
/***** お客様の声の下部、よくある質問の下部 *****/
.voice::after, .faq::after {
  height: 240px;
  background-position: bottom;
  background: url(../lp01/img/BG_green-mountain.png);
  bottom: 0;
}
@media screen and (max-width: 767.9px) {
  .voice::after, .faq::after {
    height: 120px;
    background-position: bottom;
    background: url(../lp01/img/SP__BG_green-mountain.png);
    bottom: 0;
  }
}
/***** お客様アンケートの下部 *****/
.questionnaire::after {
  height: 240px;
  background-position: bottom;
  background: url(../lp01/img/BG_orange-mountain.png);
  bottom: 0;
}
@media screen and (max-width: 767.9px) {
  .questionnaire::after {
    height: 120px;
    background-position: bottom;
    background: url(../lp01/img/SP__BG_orange-mountain.png);
    bottom: 0;
  }
}
/* 3-2.画像配置設定 ===============*/
/*** 3-2-1.共通 ***/
.MainVisual__pics, .presentation__pics, .solution__pics, .solution__pic1, .solution__pic2, .solution__pic3, .solution__pic4, .solution__pic5,
.voice__pic1, .voice__pic2, .voice__pics, .questionnaire__pic1, .questionnaire__pic2, .faq__pics {
  position: relative;
}
.presentation__pics__img, .solution__pics img, .solution__pic1 img, .solution__pic2 img, .solution__pic3 img, .solution__pic4 img, .solution__pic5 img,
.voice__pic1 img, .voice__pic2 img, .voice__pics img, .questionnaire__pic1 img, .questionnaire__pic2 img, .faq__pics img {
  position: absolute;
  z-index: 2;
}
/*** 3-2-1-a.共通（例外） ***/
.MainVisual__pics img {
  position: absolute;
}
/*** 3-2-2.サイズ指定 ***/
/* ■ 基本ルール（目安） 小数点3以下切り捨て ■ */
/* 1000.01px以上：Figmaのサイズ
/*  999.9 px以下：元サイズ＊0.75
/*  519.9 px以下：元サイズ＊0.5
-------------------------------------------------*/
/* 共通：落ち葉 */
/******* 1000.01px以上 ********/
.lerf1 {
  width: 143.48px;
  height: 151.67px;
}
/******* 999.9px以下 ********/
@media screen and (max-width: 999.9px) {
  .lerf1 {
    width: 107.61px;
    height: 113.75px;
  }
}
/******* 519.9px以下 ********/
@media screen and (max-width: 519.9px) {
  .lerf1 {
    width: 71.74px;
    height: 75.83px;
  }
}
/***** メインビジュアル ******/
/* イノシシ：MVp1,2,3 */
/******* 1000.01px以上 ********/
img.MVp1 {
  width: 316.18px;
  height: 223px;
}
img.MVp2 {
  width: 166.78px;
  height: 127px;
}
img.MVp3 {
  width: 183px;
  height: 116.15px;
}
/******* 999.9px以下 ********/
@media screen and (max-width: 999.9px) {
  img.MVp1 {
    bottom: -75px;
    width: 237.13px;
    height: 167.25px;
  }
  img.MVp2 {
    bottom: -65px;
    width: 125.08px;
    height: 95.25px;
  }
  img.MVp3 {
    bottom: -65px;
    width: 137.25px;
    height: 87.11px;
  }
}
/******* 519.9px以下 ********/
@media screen and (max-width: 519.9px) {
  img.MVp1 {
    bottom: -65px;
    right: -50px;
    width: 158.09px;
    height: 111.5px;
  }
  img.MVp2 {
    bottom: -60px;
    right: -30px;
    width: 83.39px;
    height: 63.5px;
  }
  img.MVp3 {
    bottom: -60px;
    left: -25px;
    width: 91.5px;
    height: 58.07px;
  }
}
/***** こんなお悩みありませんか？！ ******/
/* 熊：ppi1 / イノシシ：ppi2 / 人々：ppi3 */
/******* 1000.01px以上 ********/
.ppi1 {
  background: #fff;
  width: 206px;
  height: 167px;
  border: 2.5px solid #333;
  border-radius: 50%;
}
.ppi2 {
  background: #fff;
  width: 206px;
  height: 158px;
  border: 2.5px solid #333;
  border-radius: 50%;
}
.presentation__pics {
  height: 400px;
}
/* .ppi3は「.presentation__pics height: 400px;」で代用*/
/******* 999.9px以下 ********/
@media screen and (max-width: 999.9px) {
  .ppi1 {
    width: 154.5px;
    height: 125.25px;
  }
  .ppi2 {
    width: 154.5px;
    height: 118.5px;
  }
  .presentation__pics {
    height: 360px;
  }
}
/******* 767.9px以下 ********/
@media screen and (max-width: 767.9px) {
  .presentation__pics {
    height: 280px;
  }
}
/******* 519.9px以下 ********/
@media screen and (max-width: 519.9px) {
  .ppi1, .ppi2 {
    display: unset;
  }
  .ppi1 {
    width: 103px;
    height: 83.5px;
  }
  .ppi2 {
    width: 103px;
    height: 79px;
  }
  .presentation__pics {
    height: 270px;
  }
}
/***** 解決します！ ******/
/* １枚の画像：sp00 */
/* 太陽：sp01 / 木：sp02,03 / イノシシ：sp04,05,06 / 葉：sp07-11 */
/******* 1000.01px以上 ********/
/* img.sp01 {
  width: 221px;
  height: 166px;
}
img.sp02 {
  width: 230.53px;
  height: 404.4px;
}
img.sp03 {
  width: 184.15px;
  height: 304.38px;
}
img.sp04 {
  width: 221.18px;
  height: 156px;
}
img.sp05 {
  width: 112.8px;
  height: 85.9px;
}
img.sp06 {
  width: 123.78px;
  height: 78.56px;
} */
/******* 999.9px以下 ********/
@media screen and (max-width: 999.9px) {
  img.sp00 {
    width: 90%;
    height: auto;
    margin: auto 5%;
  }
  /* .solution__pics {
    height: 300px;
  }
  img.sp01 {
    width: 165.75px;
    height: 124.5px;
  }
  img.sp02 {
    width: 172.89px;
    height: 303.3px;
  }
  img.sp03 {
    width: 138.11px;
    height: 228.28px;
  }
  img.sp04 {
    width: 165.88px;
    height: 117px;
  }
  img.sp05 {
    width: 84.6px;
    height: 64.42px;
  }
  img.sp06 {
    width: 92.83px;
    height: 58.92px;
  } */
}
/******* 519.9px以下 ********/
@media screen and (max-width: 519.9px) {
  img.sp00 {
    margin: auto 5% 30px;
  }
  /* .solution__pics {
    height: 270px;
  }
  img.sp01 {
    width: 110.5px;
    height: 83px;
  }
  img.sp02 {
    width: 115.26px;
    height: 202.2px;
  }
  img.sp03 {
    width: 92.07px;
    height: 152.19px;
  }
  img.sp04 {
    width: 110.59px;
    height: 78px;
  }
  img.sp05 {
    width: 56.4px;
    height: 42.95px;
  }
  img.sp06 {
    width: 61.89px;
    height: 39.28px;
  } */
}
/***** お客さまの声 ******/
/* 葉っぱ：lerf2（vp1,2） / 花：vp3 / イノシシ：vp4,5,6 */
/******* 1000.01px以上 ********/
.lerf2 {
  width: 133.17px;
  height: 139.97px;
}
img.vp3 {
  width: 768.11px;
  height: 178.28px;
}
img.vp4 {
  width: 300.31px;
  height: 211.81px;
}
img.vp5 {
  width: 153.16px;
  height: 116.63px;
}
img.vp6 {
  width: 168.06px;
  height: 106.66px;
}
/******* 999.9px以下 ********/
@media screen and (max-width: 999.9px) {
  .lerf2 {
    width: 99.87px;
    height: 104.97px;
  }
  img.vp3 {
    width: 576.08px;
    height: 133.71px;
  }
  img.vp4 {
    width: 225.23px;
    height: 166.35px;
  }
  img.vp5 {
    width: 114.87px;
    height: 87.47px;
  }
  img.vp6 {
    width: 126.04px;
    height: 79.99px;
  }
}
/******* 519.9px以下 ********/
@media screen and (max-width: 519.9px) {
  .lerf2 {
    width: 66.58px;
    height: 69.98px;
  }
  img.vp3 {
    width: 384.05px;
    height: 89.14px;
  }
  img.vp4 {
    width: 150.15px;
    height: 105.9px;
  }
  img.vp5 {
    width: 76.58px;
    height: 58.31px;
  }
  img.vp6 {
    width: 84.03px;
    height: 53.33px;
  }
}
/***** よくあるご質問 ******/
/* 花：fp1 / イノシシ：fp2,3,4 */
/******* 1000.01px以上 ********/
img.fp1 {
  width: 768.11px;
  height: 178.28px;
}
img.fp2 {
  width: 300.31px;
  height: 211.81px;
}
img.fp3 {
  width: 153.16px;
  height: 116.63px;
}
img.fp4 {
  width: 168.06px;
  height: 106.66px;
}
/******* 999.9px以下 ********/
@media screen and (max-width: 999.9px) {
  img.fp1 {
    width: 576.08px;
    height: 133.71px;
  }
  img.fp2 {
    width: 225.23px;
    height: 158.85px;
  }
  img.fp3 {
    width: 114.87px;
    height: 87.47px;
  }
  img.fp4 {
    width: 126.04px;
    height: 79.99px;
  }
}
/******* 519.9px以下 ********/
@media screen and (max-width: 519.9px) {
  img.fp1 {
    width: 384.05px;
    height: 89.14px;
  }
  img.fp2 {
    width: 150.15px;
    height: 105.9px;
  }
  img.fp3 {
    width: 76.58px;
    height: 58.31px;
  }
  img.fp4 {
    width: 84.03px;
    height: 53.33px;
  }
}
/*** 3-2-3.位置指定 ***/
/***** メインビジュアル ******/
/* イノシシ：MVp1,2,3 */
/******* 1000.01px以上 ********/
img.MVp1 {
  bottom: -45px;
  right: 1%;
}
img.MVp2 {
  bottom: -40px;
  right: 1.2%;
}
img.MVp3 {
  bottom: -35px;
  left: 3%;
}
/******* 999.9px以下 ********/
@media screen and (max-width: 999.9px) {
  img.MVp1 {
    bottom: -75px;
  }
  img.MVp2 {
    bottom: -65px;
  }
  img.MVp3 {
    bottom: -65px;
  }
}
/******* 519.9px以下 ********/
@media screen and (max-width: 519.9px) {
/*------- メインビジュアル -------*/
  img.MVp1 {
    bottom: -65px;
    right: -50px;
  }
  img.MVp2 {
    bottom: -60px;
    right: -30px;
  }
  img.MVp3 {
    bottom: -60px;
    left: -25px;
  }
}
/***** こんなお悩みありませんか？！ ******/
/* 熊：ppi1 / イノシシ：ppi2 / 人々：ppi3 */
/******* 1000.01px以上 ********/
.ppi1 {
  top: -135px;
  left: 120px;
}
.ppi2 {
  top: -135px;
  right: 150px;
}
.ppi3 {
  top: 0;
}
/******* 999.9px以下 ********/
@media screen and (max-width: 999.9px) {
  .ppi1 {
    top: -115px;
    left: 100px;
  }
  .ppi2 {
    top: -130px;
    right: 100px;
  }
  .ppi3 {
    top: -15px;
  }
}
/******* 767.9px以下 ********/
@media screen and (max-width: 767.9px) {
  .ppi1 {
    top: -140px;
    left: 60px;
  }
  .ppi2 {
    top: -135px;
    right: 70px;
  }
  .ppi3 {
    top: -25px;
  }
}
/******* 519.9px以下 ********/
@media screen and (max-width: 519.9px) {
  .ppi1 {
    top: -10px;
    left: 40px;
  }
  .ppi2 {
    top: -15px;
    right: 50px;
  }
  .ppi3 {
    top: 60px;
  }
}
/***** 解決します！ ******/
/* 太陽：sp01 / 木：sp02,03 / イノシシ：sp04,05,06 / 葉：sp07-11 */
/******* 1000.01px以上 ********/
/* img.sp01 {
  top: 0;
  right: 0;
}
img.sp02 {
  top: 0;
  left: 0;
}
img.sp03 {
  top: 100px;
  left: 145px;
}
img.sp04 {
  top: 250px;
  right: 0;
}
img.sp05 {
  top: 320px;
  left: 175px;
}
img.sp06 {
  top: 326px;
  left: 60px;
} */
img.sp07 {
  right: -90px;
  bottom: -120px;
  transform: rotate(355deg);
}
img.sp08 {
  left: 50px;
  top: -140px;
  transform: rotate(55deg);
}
img.sp09 {
  right: 70px;
  top: -160px;
  transform: rotate(10deg);
}
img.sp10 {
  top: -160px;
  left: 90px;
  transform: rotate(55deg);
}
img.sp11 {
  bottom: 0;
  right: 150px;
  transform: rotate(350deg);
}
/******* 999.9px以下 ********/
@media screen and (max-width: 999.9px) {
  /* img.sp01 {
    top: 0;
    right: 0;
  }
  img.sp02 {
    top: 30px;
  }
  img.sp03 {
    top: 105px;
    left: 105px;
  }
  img.sp04 {
    top: 220px;
    right: 150px;
  }
  img.sp05 {
    top: 285px;
    left: 245px;
  }
  img.sp06 {
    top: 300px;
    left: 142px;
  } */
  img.sp07 {
    right: 0;
    bottom: -90px;
  }
  img.sp08 {
    left: 80px;
    top: -180px;
  }
  img.sp09 {
    right: 0;
    top: -96px;
  }
  img.sp10 {
    left: 10px;
  }
  img.sp11 {
    bottom: 0;
    right: 30px;
  }
}
/******* 519.9px以下 ********/
@media screen and (max-width: 519.9px) {
  /* img.sp01 {
    top: 0;
    right: -20px;
  }
  img.sp02 {
    top: 20px;
    left: 0;
  }
  img.sp03 {
    top: 70px;
    left: 85px;
  }
  img.sp04 {
    top: 165px;
    right: 30px;
  }
  img.sp05 {
    top: 195px;
    left: 115px;
  }
  img.sp06 {
    top: 200px;
    left: 50px;
  } */
  img.sp07 {
    right: 0;
    bottom: -50px;
  }
  img.sp08 {
    left: 0;
    top: -100px;
  }
  img.sp09 {
    right: -45px;
    top: -350px;
  }
  img.sp10 {
    top: -125px;
    left: -30px;
  }
  img.sp11 {
    right: 0;
  }
}
/***** お客さまの声 ******/
/* 葉っぱ：lerf2 / 葉っぱ：vp1,2 / 花：vp3 / イノシシ：vp4,5,6 */
/******* 1000.01px以上 ********/
img.vp1 {
  top: 0px;
  left: -125px;
  transform: rotate( 310deg );
}
img.vp2 {
  top: -100px;
  right: -100px;
}
img.vp3 {
  top: 65px;
  right: 1%;
}
img.vp4 {
  top: 0;
  left: 27%;
}
img.vp5 {
  top: 100px;
  left: 18%;
}
img.vp6 {
  top: 125px;
  left: 8%;
}
/******* 999.9px以下 ********/
@media screen and (max-width: 999.9px) {
  img.vp1 {
    top: 0;
    left: -50px;
    transform: rotate( 310deg );
  }
  img.vp2 {
    top: -100px;
    right: -30px;
  }
  img.vp3 {
    top: 85px;
    right: 35px;
  }
  img.vp4 {
    top: 60px;
    left: 200px;
  }
  img.vp5 {
    top: 140px;
    left: 125px;
  }
  img.vp6 {
    top: 150px;
    left: 20px;
  }
}
/******* 767.9px以下 ********/
@media screen and (max-width: 767.9px) {
  img.vp3 {
    top: 107px;
    right: -80px;
  }
  img.vp4 {
    top: 70px;
    left: 100px;
  }
  img.vp5 {
    top: 150px;
    left: 60px;
  }
  img.vp6 {
    top: 160px;
    left: -10px;
  }
}
/******* 519.9px以下 ********/
@media screen and (max-width: 519.9px) {
  img.vp3 {
    top: 60px;
    right: -120px;
  }
  img.vp4 {
    top: 45px;
    left: 45px;
  }
  img.vp5 {
    top: 95px;
    left: 25px;
  }
  img.vp6 {
    top: 100px;
    left: -20px;
  }
}
/***** お客様アンケート ******/
/* 葉っぱ：qp1,2 */
/******* 1000.01px以上 ********/
img.qp1 {
  bottom: -75px;
  left: -135px;
  transform: rotate( 290deg ) rotateY( 180deg );
}
img.qp2 {
  top: -125px;
  right: -115px;
  transform: rotate( 75deg );
}
/******* 999.9px以下 ********/
@media screen and (max-width: 999.9px) {
  img.qp1 {
    bottom: -75px;
    left: -135px;
  }
  img.qp2 {
    top: -100px;
    right: -50px;
  }
}
/******* 519.9px以下 ********/
@media screen and (max-width: 519.9px) {}
/***** よくあるご質問 ******/
/* 花：fp1 / イノシシ：fp2,3,4 */
/******* 1000.01px以上 ********/
img.fp1 {
  top: 120px;
  right: 1%;
}
img.fp2 {
  top: 70px;
  left: 21%;
}
img.fp3 {
  top: 165px;
  left: 13%;
}
img.fp4 {
  top: 185px;
  left: 2%;
}
/******* 999.9px以下 ********/
@media screen and (max-width: 999.9px) {
  img.fp1 {
    top: 145px;
    right: -30px;
  }
  img.fp2 {
    top: 125px;
    left: 145px;
  }
  img.fp3 {
    top: 210px;
    left: 85px;
  }
  img.fp4 {
    top: 220px;
    left: -5px;
  }
}
/******* 767.9px以下 ********/
@media screen and (max-width: 767.9px) {
  img.fp1 {
    top: 50px;
    right: -60px;
  }
  img.fp2 {
    top: 25px;
  }
  img.fp3 {
    top: 100px;
  }
  img.fp4 {
    top: 115px;
    left: -15px;
  }
}
/******* 519.9px以下 ********/
@media screen and (max-width: 519.9px) {
  img.fp1 {
    top: 10px;
    right: -120px;
  }
  img.fp2 {
    top: -5px;
    left: 60px;
  }
  img.fp3 {
    top: 40px;
    left: 45px;
  }
  img.fp4 {
    top: 45px;
    left: -5px;
  }
}
/******* 共通 ********/
@media screen and (max-width: 999.9px) {
  img.sp07, img.sp09, img.sp11, img.vp2, img.qp2 {
    right: 0;
  }
  img.sp08, img.sp10, img.vp1, img.qp1 {
    left: 0;
  }
}
/*----------------------------------------------------------
/  4.余白調整
------------------------------------------------------------ */
.solution h2 {
  padding-top: 150px;
}
.questionnaire h2 {
  padding-top: 150px;
}
@media screen and (max-width: 767.9px) {
  .presentation h2 {
    margin-bottom: 50px;
  }
  .solution h2 {
    padding: 100px 0 25px;
  }
  .questionnaire h2 {
    padding-top: 100px;
  }
}
@media screen and (max-width: 519.9px) {
  .presentation h2 {
    margin-bottom: 35px;
  }
  .solution h2 {
    padding: 75px 0 25px;
  }
  .questionnaire h2 {
    padding-top: 75px;
  }
}
/*-------------------- セクション間の間隔 --------------------*/
/***** こんなお悩みありませんか？！ *****/
.presentation {
  padding: 125px 0 100px;
}
/***** 「イノシシびっくりDG505」が解決します！ *****/
.solution {
  padding-bottom: 100px;
}
/***** 地形や環境にあった設置アドバイス *****/
.advice {
  padding: 150px 0 100px;
}
/***** お客さまの声 *****/
.voice {
  padding: 200px 0 240px;
}
/***** お客様アンケート *****/
.questionnaire {
  padding: 30px 0 300px;
}
/***** よくあるご質問 *****/
.faq {
  padding-bottom: 300px;
}
@media screen and (max-width: 767.9px) {
/***** こんなお悩みありませんか？！ *****/
  .presentation {
    padding: 100px 0;
  }
/***** 「イノシシびっくりDG505」が解決します！ *****/
  .solution {
    padding-bottom: 50px;
  }
/***** 地形や環境にあった設置アドバイス *****/
  .advice {
    padding: 115px 0 75px;
  }
/***** お客さまの声 *****/
  .voice {
    padding: 115px 0 240px;
  }
/***** お客様アンケート *****/
  .questionnaire {
    padding: 50px 0 200px;
  }
/***** よくあるご質問 *****/
  .faq {
    padding-bottom: 200px;
  }
}
@media screen and (max-width: 519.9px) {
  /***** こんなお悩みありませんか？！ *****/
  .presentation {
    padding: 85px 0 75px;
  }
  /***** 地形や環境にあった設置アドバイス *****/
  .advice {
    padding: 105px 0 55px;
  }
  /***** お客さまの声 *****/
  .voice {
    padding: 115px 0 160px;
  }
  /***** お客様アンケート *****/
  .questionnaire {
    padding: 50px 0 180px;
  }
  /***** よくあるご質問 *****/
    .faq {
      padding-bottom: 100px;
    }
  }

.c-footerContent04 {
    background: #8DCD67;
    border: 1px dotted #333333;
    margin-bottom: -40px;
    width: 100%;
}
.c-footerContent04 p {
    font-size: 16px;
	 max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}