@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
.pc {
  display: none;
}

#mainttl {
  position: relative;
  margin-bottom: 40px;
}
#mainttl .mainttl__ttl-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  max-width: 860px;
  padding: 8% 0;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
}
#mainttl .mainttl__ttl-wrap .mainttl__copy {
  margin-bottom: 10px;
  font-size: 1.4rem;
}
@media (min-width: 375px) {
  #mainttl .mainttl__ttl-wrap .mainttl__copy {
    font-size: calc(1.4rem + (1vw - 3.75px) * 1.7391304348);
  }
}
@media (min-width: 1180px) {
  #mainttl .mainttl__ttl-wrap .mainttl__copy {
    font-size: 2.8rem;
  }
}
#mainttl .mainttl__ttl-wrap .mainttl__ttl {
  font-size: 2.2rem;
}
@media (min-width: 375px) {
  #mainttl .mainttl__ttl-wrap .mainttl__ttl {
    font-size: calc(2.2rem + (1vw - 3.75px) * 5.9627329193);
  }
}
@media (min-width: 1180px) {
  #mainttl .mainttl__ttl-wrap .mainttl__ttl {
    font-size: 7rem;
  }
}
#mainttl .mainttl__img::before {
  display: none;
}
#mainttl .mainttl__img img {
  -o-object-position: 80%;
  object-position: 80%;
  height: 45vw;
  max-height: 500px;
}

/*-------共通のスタイル-------*/
#owner .owner__ttl {
  margin-bottom: 40px;
  font-size: 1.8rem;
  text-align: center;
  line-height: 2;
}
@media (min-width: 375px) {
  #owner .owner__ttl {
    font-size: calc(1.8rem + (1vw - 3.75px) * 1.2422360248);
  }
}
@media (min-width: 1180px) {
  #owner .owner__ttl {
    font-size: 2.8rem;
  }
}
#owner .owner__ttl--gr {
  color: #7BA820;
  font-size: 2.2rem;
  line-height: 1;
}
@media (min-width: 375px) {
  #owner .owner__ttl--gr {
    font-size: calc(2.2rem + (1vw - 3.75px) * 3.4782608696);
  }
}
@media (min-width: 1180px) {
  #owner .owner__ttl--gr {
    font-size: 5rem;
  }
}
#owner .owner__txt {
  font-size: 1.4rem;
  text-align: center;
  line-height: 1;
}
@media (min-width: 375px) {
  #owner .owner__txt {
    font-size: calc(1.4rem + (1vw - 3.75px) * 0.4968944099);
  }
}
@media (min-width: 1180px) {
  #owner .owner__txt {
    font-size: 1.8rem;
  }
}
#owner .owner__txt--gr {
  color: #7BA820;
}

/*-------低投資で高収益なビジネスです-------*/
#business .owner__ttl {
  margin-bottom: 40px;
}
#business .business__market {
  position: relative;
  padding: 40px 0;
  background: #7BA820;
}
#business .business__market::before {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5vw 10vw 0 10vw;
  border-color: #FFF transparent transparent transparent;
  content: "";
}
#business .business__market::after {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5vw 10vw 0 10vw;
  border-color: #7BA820 transparent transparent transparent;
  content: "";
}
#business .business__market .business__market-ttl {
  margin-bottom: 20px;
  color: #FFF;
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.6;
}
@media (min-width: 375px) {
  #business .business__market .business__market-ttl {
    font-size: calc(1.8rem + (1vw - 3.75px) * 1.2422360248);
  }
}
@media (min-width: 1180px) {
  #business .business__market .business__market-ttl {
    font-size: 2.8rem;
  }
}
#business .business__market .business__market-ttl--yellow {
  color: #E0D700;
  font-size: 2.4rem;
}
@media (min-width: 375px) {
  #business .business__market .business__market-ttl--yellow {
    font-size: calc(2.4rem + (1vw - 3.75px) * 3.2298136646);
  }
}
@media (min-width: 1180px) {
  #business .business__market .business__market-ttl--yellow {
    font-size: 5rem;
  }
}
#business .business__market .business__market-wp .business__market-box {
  margin-bottom: 20px;
}
#business .business__market .business__market-wp .business__market-box:last-of-type {
  margin-bottom: 0;
}
#business .business__market .business__market-wp .business__market-box .business__market-txt {
  color: #FFF;
  font-size: 1.3rem;
  font-family: 游ゴシック体 Pr6N M, Yu Gothic Pr6N M, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
  line-height: 2;
}
@media (min-width: 375px) {
  #business .business__market .business__market-wp .business__market-box .business__market-txt {
    font-size: calc(1.3rem + (1vw - 3.75px) * 0.3726708075);
  }
}
@media (min-width: 1180px) {
  #business .business__market .business__market-wp .business__market-box .business__market-txt {
    font-size: 1.6rem;
  }
}
#business .business__market .business__market-wp .business__market-box .business__market-txt--yellow {
  color: #E0D700;
}
#business .business__market .business__market-wp .business__market-box .owner__img figcaption {
  padding-top: 4px;
  color: #FFF;
  font-size: 1.3rem;
  font-family: 游ゴシック体 Pr6N M, Yu Gothic Pr6N M, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
  text-align: right;
}
@media (min-width: 375px) {
  #business .business__market .business__market-wp .business__market-box .owner__img figcaption {
    font-size: calc(1.3rem + (1vw - 3.75px) * 0.3726708075);
  }
}
@media (min-width: 1180px) {
  #business .business__market .business__market-wp .business__market-box .owner__img figcaption {
    font-size: 1.6rem;
  }
}

/*-------提供するサービス-------*/
#service {
  padding: 40px 0 30px;
  background: #ECF5D9;
}
#service .service__ttl-box {
  margin-bottom: 20px;
}
#service .service__ttl-box .service__ttl {
  font-size: 1.8rem;
  line-height: 1.6;
}
@media (min-width: 375px) {
  #service .service__ttl-box .service__ttl {
    font-size: calc(1.8rem + (1vw - 3.75px) * 1.2422360248);
  }
}
@media (min-width: 1180px) {
  #service .service__ttl-box .service__ttl {
    font-size: 2.8rem;
  }
}
#service .service__ttl-box .service__ttl--marker {
  display: inline;
  border-bottom: 2px solid #7BA820;
}
#service .service__box .service__img {
  margin-bottom: 20px;
}
#service .service__box .service__txt {
  font-size: 1.3rem;
  font-family: 游ゴシック体 Pr6N M, Yu Gothic Pr6N M, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
  line-height: 2;
}
@media (min-width: 375px) {
  #service .service__box .service__txt {
    font-size: calc(1.3rem + (1vw - 3.75px) * 0.3726708075);
  }
}
@media (min-width: 1180px) {
  #service .service__box .service__txt {
    font-size: 1.6rem;
  }
}
#service .service__box .service__txt--gr {
  color: #7BA820;
  font-family: 游ゴシック体 Pr6N B, Yu Gothic Pr6N B, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
}
#service .service__box .service__txt--tips {
  display: inline-block;
  padding-left: 1em;
  font-size: 85%;
  line-height: inherit;
  text-indent: -1em;
}

/*-------ECO BOX-------*/
#ecobox {
  margin-bottom: 10%;
  padding-top: 85px;
  position: relative;
}
#ecobox .ecobox__plus {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #e08e07;
  position: absolute;
  top: 25px;
  left: 50%;
  transform: translateX(-50%);
}
#ecobox .ecobox__plus::before, #ecobox .ecobox__plus::after {
  content: "";
  width: 22.93px;
  height: 5px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
}
#ecobox .ecobox__plus::before {
  transform: translate(-50%, -50%);
}
#ecobox .ecobox__plus::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
#ecobox .inner {
  padding: 0% 4% 0% 4%;
}

/*-------徹底分析-------*/
#analysis {
  margin-bottom: 20%;
  padding-top: 30px;
}
#analysis .owner__ttl {
  margin-bottom: 20px;
}
#analysis .analysis__box {
  margin-bottom: 30px;
  text-align: center;
}
#analysis .analysis__box:last-of-type {
  margin-bottom: 0;
}
#analysis .analysis__box .analysis__ttl-box {
  position: relative;
  margin-bottom: 15px;
  padding: 5px 5px 10px;
  background: #ECF5D9;
  text-align: center;
  width: 90%;
  display: inline-block;
}
#analysis .analysis__box .analysis__ttl-box::before, #analysis .analysis__box .analysis__ttl-box::after {
  position: absolute;
  top: 0;
  width: 3%;
  height: 100%;
  content: "";
}
#analysis .analysis__box .analysis__ttl-box::before {
  left: -2.9%;
  background: linear-gradient(to bottom left, #ECF5D9 50%, transparent 50%) top left/100% 50% no-repeat, linear-gradient(to top left, #ECF5D9 50%, transparent 50%) bottom left/100% 50% no-repeat;
}
#analysis .analysis__box .analysis__ttl-box::after {
  right: -2.9%;
  background: linear-gradient(to bottom right, #ECF5D9 50%, transparent 50%) top left/100% 50% no-repeat, linear-gradient(to top right, #ECF5D9 50%, transparent 50%) bottom left/100% 50% no-repeat;
}
#analysis .analysis__box .analysis__ttl-box .analysis__copy {
  margin-bottom: 5px;
  font-size: 1.5rem;
  text-align: center;
  line-height: 1;
}
@media (min-width: 375px) {
  #analysis .analysis__box .analysis__ttl-box .analysis__copy {
    font-size: calc(1.5rem + (1vw - 3.75px) * 0.3726708075);
  }
}
@media (min-width: 1180px) {
  #analysis .analysis__box .analysis__ttl-box .analysis__copy {
    font-size: 1.8rem;
  }
}
#analysis .analysis__box .analysis__ttl-box .analysis__copy--gr {
  color: #7BA820;
  font-size: 2rem;
  text-align: center;
}
@media (min-width: 375px) {
  #analysis .analysis__box .analysis__ttl-box .analysis__copy--gr {
    font-size: calc(2rem + (1vw - 3.75px) * 1.4906832298);
  }
}
@media (min-width: 1180px) {
  #analysis .analysis__box .analysis__ttl-box .analysis__copy--gr {
    font-size: 3.2rem;
  }
}
#analysis .analysis__box .analysis__ttl-box .analysis__ttl {
  position: relative;
  color: #7BA820;
  font-size: 1.6rem;
  text-align: center;
  line-height: 1;
}
@media (min-width: 375px) {
  #analysis .analysis__box .analysis__ttl-box .analysis__ttl {
    font-size: calc(1.6rem + (1vw - 3.75px) * 1.4906832298);
  }
}
@media (min-width: 1180px) {
  #analysis .analysis__box .analysis__ttl-box .analysis__ttl {
    font-size: 2.8rem;
  }
}
#analysis .analysis__box .analysis__txt {
  padding: 0 4%;
  font-size: 1.3rem;
  font-family: 游ゴシック体 Pr6N M, Yu Gothic Pr6N M, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
  text-align: left;
}
@media (min-width: 375px) {
  #analysis .analysis__box .analysis__txt {
    font-size: calc(1.3rem + (1vw - 3.75px) * 0.3726708075);
  }
}
@media (min-width: 1180px) {
  #analysis .analysis__box .analysis__txt {
    font-size: 1.6rem;
  }
}
#analysis .analysis__box .analysis__img-box {
  margin-top: 20px;
  padding: 0 4%;
}
#analysis .analysis__box .analysis__img-box .analysis__img {
  margin-bottom: 20px;
}
#analysis .analysis__box .analysis__img-box .analysis__img figcaption {
  font-family: 游ゴシック体 Pr6N M, Yu Gothic Pr6N M, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
  text-align: right;
}
#analysis .analysis__box .analysis__cost {
  position: relative;
  padding: 0 4%;
}
#analysis .analysis__box .analysis__cost .analysis__cost-txt {
  margin-bottom: 20px;
  font-size: 1.3rem;
  font-family: 游ゴシック体 Pr6N M, Yu Gothic Pr6N M, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
  text-align: left;
}
@media (min-width: 375px) {
  #analysis .analysis__box .analysis__cost .analysis__cost-txt {
    font-size: calc(1.3rem + (1vw - 3.75px) * 0.3726708075);
  }
}
@media (min-width: 1180px) {
  #analysis .analysis__box .analysis__cost .analysis__cost-txt {
    font-size: 1.6rem;
  }
}
#analysis .analysis__box .analysis__cost .analysis__cost-img {
  position: relative;
}
#analysis .analysis__box .analysis__cost .analysis__cost-img--bubble {
  position: absolute;
  bottom: -14%;
  right: 0;
  width: 50%;
}

/*-------プラン-------*/
#plan {
  margin-bottom: 40px;
}
#plan .plan__ttl {
  padding: 30px 15px;
  margin-bottom: 20px;
  background: #7BA820;
  color: #FFF;
  font-size: 1.8rem;
  text-align: center;
}
@media (min-width: 375px) {
  #plan .plan__ttl {
    font-size: calc(1.8rem + (1vw - 3.75px) * 1.2422360248);
  }
}
@media (min-width: 1180px) {
  #plan .plan__ttl {
    font-size: 2.8rem;
  }
}
#plan .plan__box {
  margin-bottom: 40px;
}
#plan .plan__box:last-of-type {
  margin-bottom: 0;
}
#plan .plan__box .plan__idea {
  position: relative;
  margin: 0 auto 20px;
  text-align: center;
}
#plan .plan__box .plan__idea::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 12.5px 0 12.5px;
  border-color: #7BA820 transparent transparent transparent;
  content: "";
}
#plan .plan__box .plan__idea .plan__idea-img {
  margin: 0 auto;
  padding-bottom: 40px;
  max-width: 260px;
}
#plan .plan__box .plan__idea .plan__idea-img img {
  display: block;
  margin: 0 auto;
}
#plan .plan__box .plan__explain {
  margin-bottom: 40px;
}
#plan .plan__box .plan__explain:last-of-type {
  margin-bottom: 0;
}
#plan .plan__box .plan__explain .plan__explain-recommend {
  margin-bottom: 10px;
  color: #7BA820;
  font-size: 1.5rem;
  text-align: center;
  line-height: 1;
}
@media (min-width: 375px) {
  #plan .plan__box .plan__explain .plan__explain-recommend {
    font-size: calc(1.5rem + (1vw - 3.75px) * 0.3726708075);
  }
}
@media (min-width: 1180px) {
  #plan .plan__box .plan__explain .plan__explain-recommend {
    font-size: 1.8rem;
  }
}
#plan .plan__box .plan__explain .plan__explain-name {
  margin-bottom: 15px;
  color: #7BA820;
  font-size: 2.2rem;
  text-align: center;
  line-height: 1;
}
@media (min-width: 375px) {
  #plan .plan__box .plan__explain .plan__explain-name {
    font-size: calc(2.2rem + (1vw - 3.75px) * 1.9875776398);
  }
}
@media (min-width: 1180px) {
  #plan .plan__box .plan__explain .plan__explain-name {
    font-size: 3.8rem;
  }
}
#plan .plan__box .plan__explain .plan__explain-name--copy {
  margin-right: 5px;
  font-size: 1.5rem;
}
@media (min-width: 375px) {
  #plan .plan__box .plan__explain .plan__explain-name--copy {
    font-size: calc(1.5rem + (1vw - 3.75px) * 1.1180124224);
  }
}
@media (min-width: 1180px) {
  #plan .plan__box .plan__explain .plan__explain-name--copy {
    font-size: 2.4rem;
  }
}
#plan .plan__box .plan__explain .plan__explain-wp {
  margin: 0 auto;
  padding: 20px;
  border: 3px solid #7BA820;
  border-radius: 20px;
  background: #FFF;
}
#plan .plan__box .plan__explain .plan__explain-wp .plan__explain-box .plan__explain-ttl {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 2px solid #7BA820;
  color: #7BA820;
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.4;
}
@media (min-width: 375px) {
  #plan .plan__box .plan__explain .plan__explain-wp .plan__explain-box .plan__explain-ttl {
    font-size: calc(1.6rem + (1vw - 3.75px) * 0.9937888199);
  }
}
@media (min-width: 1180px) {
  #plan .plan__box .plan__explain .plan__explain-wp .plan__explain-box .plan__explain-ttl {
    font-size: 2.4rem;
  }
}
#plan .plan__box .plan__explain .plan__explain-wp .plan__explain-box .plan__explain-txt {
  margin-bottom: 5px;
  font-size: 1.3rem;
  font-family: 游ゴシック体 Pr6N M, Yu Gothic Pr6N M, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
  line-height: 2;
}
@media (min-width: 375px) {
  #plan .plan__box .plan__explain .plan__explain-wp .plan__explain-box .plan__explain-txt {
    font-size: calc(1.3rem + (1vw - 3.75px) * 0.3726708075);
  }
}
@media (min-width: 1180px) {
  #plan .plan__box .plan__explain .plan__explain-wp .plan__explain-box .plan__explain-txt {
    font-size: 1.6rem;
  }
}
#plan .plan__box .plan__explain .plan__explain-wp .plan__explain-box .plan__explain-txt--bold {
  font-family: 游ゴシック体 Pr6N B, Yu Gothic Pr6N B, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
}
#plan .plan__box .plan__explain .plan__explain-wp .plan__explain-box .plan__explain-txt--s {
  display: block;
  margin-bottom: 20px;
  font-size: 1rem;
  font-family: 游ゴシック体 Pr6N M, Yu Gothic Pr6N M, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
  line-height: 1.8;
}
@media (min-width: 375px) {
  #plan .plan__box .plan__explain .plan__explain-wp .plan__explain-box .plan__explain-txt--s {
    font-size: calc(1rem + (1vw - 3.75px) * 0.3726708075);
  }
}
@media (min-width: 1180px) {
  #plan .plan__box .plan__explain .plan__explain-wp .plan__explain-box .plan__explain-txt--s {
    font-size: 1.3rem;
  }
}
#plan .plan__box .plan__explain .plan__explain-wp .plan__explain-box .plan__explain-img {
  min-height: 0%;
}

/*-------マーケティングからオープンまで-------*/
#open {
  position: relative;
  padding: 40px 0;
  background: #7BA820;
}
#open::before {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5vw 10vw 0 10vw;
  border-color: #FFF transparent transparent transparent;
  content: "";
}
#open::after {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5vw 10vw 0 10vw;
  border-color: #7BA820 transparent transparent transparent;
  content: "";
}
#open .open__ttl {
  margin-bottom: 8px;
  color: #FFF;
  font-size: 1.8rem;
  line-height: 1.5;
  text-align: center;
}
@media (min-width: 375px) {
  #open .open__ttl {
    font-size: calc(1.8rem + (1vw - 3.75px) * 1.2422360248);
  }
}
@media (min-width: 1180px) {
  #open .open__ttl {
    font-size: 2.8rem;
  }
}
#open .open__ttl--yellow {
  color: #E0D700;
  font-size: 2.4rem;
}
@media (min-width: 375px) {
  #open .open__ttl--yellow {
    font-size: calc(2.4rem + (1vw - 3.75px) * 3.2298136646);
  }
}
@media (min-width: 1180px) {
  #open .open__ttl--yellow {
    font-size: 5rem;
  }
}
#open .open__txt {
  margin-bottom: 40px;
  color: #FFF;
  font-size: 1.4rem;
  text-align: center;
}
@media (min-width: 375px) {
  #open .open__txt {
    font-size: calc(1.4rem + (1vw - 3.75px) * 0.4968944099);
  }
}
@media (min-width: 1180px) {
  #open .open__txt {
    font-size: 1.8rem;
  }
}
#open .open__list li {
  position: relative;
  max-width: 560px;
  margin: 0 auto 30px;
  border-radius: 8px;
  background: #FFF;
}
#open .open__list li .open__list-num {
  position: absolute;
  top: 2%;
  left: 2%;
  transform: translate(-50%, -50%);
  width: 10%;
  padding-top: 10%;
  border: 3px solid #7BA820;
  border-radius: 50%;
  background: #E0D700;
  color: #7BA820;
  font-size: 2rem;
  text-align: center;
}
@media (min-width: 769px) {
  #open .open__list li .open__list-num {
    font-size: calc(2rem + (1vw - 7.69px) * 4.8661800487);
  }
}
@media (min-width: 1180px) {
  #open .open__list li .open__list-num {
    font-size: 4rem;
  }
}
#open .open__list li .open__list-num p {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#open .open__list li .open__list-ttl {
  padding: 3% 0;
  border-bottom: 2px solid #7BA820;
  border-radius: 8px 8px 0 0;
  background: #ECF5D9;
  color: #7BA820;
  font-size: 1.5rem;
  text-align: center;
  line-height: 1.5;
}
@media (min-width: 769px) {
  #open .open__list li .open__list-ttl {
    font-size: calc(1.5rem + (1vw - 7.69px) * 0.7299270073);
  }
}
@media (min-width: 1180px) {
  #open .open__list li .open__list-ttl {
    font-size: 1.8rem;
  }
}
#open .open__list li .open__list-box .open__list-txt {
  position: relative;
  z-index: 2;
  padding: 4.5% 9%;
  font-size: 1.3rem;
  font-family: 游ゴシック体 Pr6N M, Yu Gothic Pr6N M, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
}
@media (min-width: 375px) {
  #open .open__list li .open__list-box .open__list-txt {
    font-size: calc(1.3rem + (1vw - 3.75px) * 0.3726708075);
  }
}
@media (min-width: 1180px) {
  #open .open__list li .open__list-box .open__list-txt {
    font-size: 1.6rem;
  }
}
#open .open__list li .open__list-box .open__list-img {
  position: absolute;
  bottom: 10px;
  right: 8px;
  z-index: 1;
}
#open .open__list li .open__list-box .open__list-img img {
  height: 10vw;
  max-height: 120px;
}

/*-------運営開始までの流れ-------*/
#flow {
  position: relative;
  margin-bottom: 40px;
  padding: 40px 0;
  background: #ECF5D9;
}
#flow::after {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5vw 10vw 0 10vw;
  border-color: #ECF5D9 transparent transparent transparent;
  content: "";
}
#flow .flow__ttl {
  margin-bottom: 25px;
  color: #7BA820;
  font-size: 1.8rem;
}
@media (min-width: 375px) {
  #flow .flow__ttl {
    font-size: calc(1.8rem + (1vw - 3.75px) * 1.2422360248);
  }
}
@media (min-width: 1180px) {
  #flow .flow__ttl {
    font-size: 2.8rem;
  }
}
#flow .flow__list li {
  max-width: 400px;
  margin: 0 auto 30px;
  position: relative;
  padding: 8px 10px;
  background: #FFF;
  color: #7BA820;
  font-size: 1.4rem;
  text-align: center;
}
#flow .flow__list li::before {
  display: block;
  position: absolute;
  bottom: -24px;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 6px 0 6px;
  border-color: #E0D700 transparent transparent transparent;
  content: "";
}
#flow .flow__list li:last-of-type {
  margin-bottom: 0;
}
#flow .flow__list li:last-of-type::before {
  display: none;
}

/*-------無料見積もり-------*/
#estimate {
  position: relative;
  margin-bottom: 30px;
  text-align: center;
}
#estimate .owner__ttl {
  margin-bottom: 20px;
}
#estimate .owner__txt {
  margin-bottom: 20px;
}
#estimate .estimate__ttl {
  display: inline-block;
  position: relative;
  font-size: 1.8rem;
  text-align: center;
}
@media (min-width: 375px) {
  #estimate .estimate__ttl {
    font-size: calc(1.8rem + (1vw - 3.75px) * 1.2422360248);
  }
}
@media (min-width: 1180px) {
  #estimate .estimate__ttl {
    font-size: 2.8rem;
  }
}
#estimate .estimate__ttl::before, #estimate .estimate__ttl::after {
  display: block;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 8px 0 8px;
  border-color: #7BA820 transparent transparent transparent;
  content: "";
}
#estimate .estimate__ttl:before {
  left: -6%;
}
#estimate .estimate__ttl::after {
  right: -6%;
}

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  /*-------共通のスタイル-------*/
  .pc {
    display: block;
  }
  #mainttl {
    margin-bottom: 60px;
  }
  /*-------低投資で高収益なビジネス-------*/
  #business .owner__ttl {
    margin-bottom: 60px;
    line-height: 2;
  }
  #business .business__market {
    padding: 80px 0;
  }
  #business .business__market .business__market-ttl {
    margin-bottom: 60px;
  }
  #business .business__market .business__market-wp {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between;
    justify-content: space-between;
  }
  #business .business__market .business__market-wp .business__market-box {
    flex: 0 1 46%;
    width: 46%;
    max-width: 46%;
    margin-bottom: 0;
  }
  #business .business__market .business__market-wp .business__market-box:first-of-type {
    flex: 0 1 50%;
    width: 50%;
    max-width: 50%;
  }
  #business .business__market .business__market-wp .business__market-box .owner__img figcaption {
    padding-top: 8px;
  }
  /*-------提供するサービス-------*/
  #service {
    padding: 80px 0 60px;
  }
  #service .service__ttl-box {
    margin-bottom: 50px;
  }
  #service .service__ttl-box .service__ttl--marker {
    display: inline;
    border-bottom: 3px solid #7BA820;
  }
  #service .service__box {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between;
    justify-content: space-between;
  }
  #service .service__box .service__img {
    flex: 0 1 50%;
    width: 50%;
    max-width: 50%;
  }
  #service .service__box .service__txt {
    flex: 0 1 46%;
    width: 46%;
    max-width: 46%;
  }
  #service .service__box .service__img {
    margin-bottom: 0;
  }
  /*-------ECO BOX-------*/
  #ecobox {
    margin-bottom: 8%;
    padding-top: 140px;
  }
  #ecobox .ecobox__plus {
    width: 56px;
    height: 56px;
    top: 45px;
  }
  #ecobox .ecobox__plus::before, #ecobox .ecobox__plus::after {
    width: 29px;
  }
  #ecobox .inner {
    padding: 0% 8% 0% 8%;
  }
  /*-------徹底分析-------*/
  #analysis {
    margin-bottom: 100px;
    padding-top: 40px;
  }
  #analysis .owner__ttl {
    margin-bottom: 40px;
  }
  #analysis .analysis__box {
    margin-bottom: 50px;
  }
  #analysis .analysis__box:last-of-type {
    margin-bottom: 0;
  }
  #analysis .analysis__box .analysis__ttl-box {
    margin-bottom: 30px;
    padding: 10px 10px 20px;
  }
  #analysis .analysis__box .analysis__ttl-box .analysis__copy {
    margin-bottom: 10px;
  }
  #analysis .analysis__box .analysis__txt {
    padding: 0 2.5%;
  }
  #analysis .analysis__box .analysis__img-box {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    margin: 40px 0 0;
  }
  #analysis .analysis__box .analysis__img-box .analysis__img, #analysis .analysis__box .analysis__img-box .owner__img-box {
    flex: 0 1 46%;
    width: 46%;
    max-width: 46%;
    margin-bottom: 0;
  }
  #analysis .analysis__box .analysis__img-box .analysis__img:first-of-type, #analysis .analysis__box .analysis__img-box .owner__img-box:first-of-type {
    flex: 0 1 48%;
    width: 48%;
    max-width: 48%;
  }
  #analysis .analysis__box .analysis__cost {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    padding: 0 2.5%;
  }
  #analysis .analysis__box .analysis__cost .analysis__cost-txt {
    flex: 0 1 50%;
    width: 50%;
    max-width: 50%;
    margin-bottom: 0;
  }
  #analysis .analysis__box .analysis__cost .analysis__cost-img {
    flex: 0 1 46%;
    width: 46%;
    max-width: 46%;
  }
  #analysis .analysis__box .analysis__cost .analysis__cost-img--bubble {
    bottom: -20%;
    width: 24%;
    max-width: 260px;
  }
  /*-------プラン-------*/
  #plan {
    margin-bottom: 100px;
  }
  #plan .plan__ttl {
    margin-bottom: 80px;
    padding: 5% 15px;
  }
  #plan .plan__box {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 60px;
  }
  #plan .plan__box:last-of-type {
    margin-bottom: 0;
  }
  #plan .plan__box:last-of-type {
    margin-bottom: 0;
  }
  #plan .plan__box .plan__idea {
    flex: 0 1 25%;
    width: 25%;
    max-width: 25%;
    height: 80%;
    margin: 0;
  }
  #plan .plan__box .plan__idea::after {
    bottom: 50%;
    left: 100%;
    transform: translate(0%, 50%);
    border-color: transparent transparent transparent #7BA820;
    border-width: 28px 0 28px 33px;
  }
  #plan .plan__box .plan__idea .plan__idea-img {
    max-width: none;
    margin: 10px 0 0 0;
  }
  #plan .plan__box .plan__idea .plan__idea-img img {
    max-height: 420px;
  }
  #plan .plan__box .plan__explain {
    flex: 0 1 66%;
    width: 66%;
    max-width: 66%;
    height: 100%;
  }
  #plan .plan__box .plan__explain .plan__explain-recommend {
    text-align: left;
  }
  #plan .plan__box .plan__explain .plan__explain-name {
    text-align: left;
  }
  #plan .plan__box .plan__explain .plan__explain-name--copy {
    margin-right: 18px;
  }
  #plan .plan__box .plan__explain .plan__explain-wp {
    align-items: center;
    padding: 50px 45px 30px;
  }
  #plan .plan__box .plan__explain .plan__explain-wp .plan__explain-box .plan__explain-ttl {
    margin-bottom: 18px;
    padding-bottom: 18px;
    border-width: 3px;
  }
  #plan .plan__box .plan__explain .plan__explain-wp .plan__explain-box .plan__explain-txt--s {
    margin-bottom: 0;
  }
  #plan .plan__box .plan__explain .plan__explain-wp .plan__explain-box .plan__explain-img {
    margin-top: 10px;
  }
  /*-------マーケティングからオープンまで-------*/
  #open {
    padding: 80px 2%;
    background: #7BA820;
  }
  #open .open__txt {
    margin-bottom: 70px;
  }
  #open .open__list {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between;
    justify-content: space-between;
  }
  #open .open__list li {
    display: flex;
    flex-direction: column;
    margin: 0;
    flex: 0 1 30%;
    width: 30%;
    max-width: 30%;
  }
  #open .open__list li .open__list-ttl {
    flex: 0 1 auto;
    width: auto;
    max-width: auto;
  }
  #open .open__list li .open__list-box {
    flex: 0 1 auto;
    width: auto;
    max-width: auto;
    margin-bottom: auto;
    flex-shrink: 1;
  }
  #open .open__list li .open__list-num {
    top: 1%;
    left: 1%;
    width: 15%;
    padding-top: 15%;
    border: 3px solid #7BA820;
  }
  #open .open__list li .open__list-ttl {
    border-bottom: 4px solid #7BA820;
  }
  /*-------運営開始までの流れ-------*/
  #flow {
    margin-bottom: 80px;
    padding: 80px 0;
  }
  #flow .flow__ttl {
    margin-bottom: 25px;
  }
  #flow .flow__list {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between;
    justify-content: flex-start;
    margin: 0 auto;
  }
  #flow .flow__list li {
    flex: 0 1 21%;
    width: 21%;
    max-width: 21%;
    margin: 0 4% 20px 0;
    padding: 8px 10px;
    box-sizing: border-box;
  }
  #flow .flow__list li:nth-of-type(4) {
    margin-right: 0;
  }
  #flow .flow__list li:last-of-type {
    margin-bottom: 20px;
  }
  #flow .flow__list li::before {
    bottom: 50%;
    left: 104%;
    transform: translate(50%, 50%);
    border-width: 8px 0 8px 10px;
    border-color: transparent transparent transparent #E0D700;
  }
  /*-------無料見積もり-------*/
  #estimate .owner__ttl {
    margin-bottom: 20px;
  }
  #estimate .owner__txt {
    margin-bottom: 90px;
  }
  #estimate .estimate__ttl::before {
    left: -4%;
  }
  #estimate .estimate__ttl::after {
    right: -4%;
  }
}
/*------------------------------
		961px以上
------------------------------*/
@media screen and (min-width: 961px) {
  /*-------ECO BOX-------*/
  #ecobox .inner {
    padding: 0;
    max-width: 920px;
  }
  /*-------プラン-------*/
  #plan .plan__box .plan__idea {
    flex: 0 1 18%;
    width: 18%;
    max-width: 18%;
  }
  #plan .plan__box .plan__explain {
    flex: 0 1 76%;
    width: 76%;
    max-width: 76%;
  }
  #plan .plan__box .plan__explain .plan__explain-wp {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between;
    justify-content: space-between;
    align-items: center;
  }
  #plan .plan__box .plan__explain .plan__explain-wp .plan__explain-box {
    flex: 0 1 44%;
    width: 44%;
    max-width: 44%;
  }
  #plan .plan__box .plan__explain .plan__explain-wp .plan__explain-box:first-of-type {
    flex: 0 1 52%;
    width: 52%;
    max-width: 52%;
  }
  #plan .plan__box .plan__explain .plan__explain-wp .plan__explain-box .plan__explain-img {
    margin: 0;
  }
  /*-------マーケティングからオープンまで-------*/
  #open .open__list li .open__list-num {
    top: 2%;
    left: 2%;
    width: 18%;
    max-width: 80px;
    padding-top: 18%;
    border: 4px solid #7BA820;
  }
  /*-------運営開始までの流れ-------*/
  #flow .flow__list {
    justify-content: space-between;
  }
  #flow .flow__list li {
    flex: 0 1 12%;
    width: 12%;
    max-width: 12%;
    margin: 0;
    padding: 8px 0;
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 961px) and (min-width: 961px) {
  #flow .flow__list li {
    font-size: calc(1.4rem + (1vw - 9.61px) * 1.8264840183);
  }
}
@media screen and (min-width: 961px) and (min-width: 1180px) {
  #flow .flow__list li {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 961px) {
  #flow .flow__list li:last-of-type {
    margin-bottom: 0;
  }
  #flow .flow__list li::before {
    left: 106%;
    transform: translate(0%, 50%);
    border-width: 8px 0 8px 12px;
  }
}
/*------------------------------
		1181px以上
------------------------------*/
@media screen and (min-width: 1181px) {
  /*-------運営開始までの流れ-------*/
  #flow .flow__list li {
    flex: 0 1 auto;
    width: auto;
    max-width: auto;
    padding: 5px 18px;
    box-sizing: inherit;
  }
  #flow .flow__list li::before {
    left: calc(100% + 20px);
    border-width: 10px 0 10px 16px;
  }
}
/*------------------------------
		IE対応
------------------------------*/
@media all and (-ms-high-contrast: none) {
  #mainttl .mainttl__ttl-wrap {
    padding: 8% 0 4%;
  }
  #mainttl .mainttl__ttl-wrap .mainttl__ttl {
    line-height: 2;
  }
  #analysis .analysis__box .analysis__ttl-box .analysis__copy {
    padding-top: 20px;
  }
  #analysis .analysis__box .analysis__ttl-box .analysis__cost .analysis__cost-img--bubble {
    margin-right: 5%;
  }
  #service .service__ttl-box .service__ttl--marker {
    background: linear-gradient(transparent 60%, #7BA820 60%, transparent 75%);
  }
  #plan .plan__box .plan__explain .plan__explain-wp .plan__explain-ttl {
    line-height: 2;
  }
  #open .open__list li .open__list-num p {
    top: 80%;
  }
  #open .open__list li .open__list-ttl {
    padding-top: 20px;
  }
  #flow .flow__list li {
    padding-top: 30px;
  }
  #estimate .owner__ttl--gr {
    line-height: 2;
  }
}