/* 
1.デバイス共通css
2.767px以下のみ (スマホのみ)
3.768px以上のみ (タブレット含むスマホサイズ以上)
4.1080px以上のみ (PC)
5.320px以下のみ (幅狭スマホ) 
*/

.Mainvisual {
  background-color: #07A32B;
  padding: 30px 20px 50px;
}

.Mainvisual__title01 {
  color: #FFF9D9;
  font-size: 1.8rem;
}

.Mainvisual__title02 {
  color: #fff;
  font-size: 3.6rem;
}

.Section__whats,
.LPSection__inner {
  margin: auto;
}


.Section__whats {
  padding: 30px 20px 35px;
}

.LPSection__inner {
  margin: auto;
  padding: 25px 20px 60px;
}


section.Section__whats {
  background-color: #fff;
  border: solid #F99427 4px;
  border-radius: 20px;
  margin-top: 20px;
  padding: 25px 20px;
  box-shadow: 4px 4px 0px 0px #F99427;
}

.Section__midashi {
  color: #07A32B;
  font-size: 2.8rem;
}

.__midashi__mini {
  font-size: 1.8rem;
  color: #404040;
  margin-bottom: 10px;
}

.Whats__image {
  width: 68%;
  margin-top: 20px;
}

.Section__qa {
  background-color: #E5F6E9;
}

._space__normal {
  padding: 10px 20px;
}

.Accordion__moduleA {
  background-color: #fff;
  border: solid 4px #f99427;
  border-radius: 20px;
}

.Accordion__title {
  min-height: 50px;
  font-weight: 600;
}

.Accordion__qIcon {
  font-family: 'Cabin Condensed';
  color: #F99427;
  font-size: 2.4rem;
}

.Section__osiete {
  background-color: #FFF9D9;
}

.textBox {
  padding: 20px;
  background-color: #fff;
  border-radius: 20px;
  margin-top: 20px;
}

.textBox.gray {
  border: solid #CCCCCC 1px;
}

.textBox.orange {
  border: solid #F99427 4px;
}

/* タブレットサイズ（スマホ）未満の指定 */
@media (max-width: 767px) {}


/* タブレット以上の指定 */
@media (min-width: 768px) {}

/* PCコンテンツ幅以下 */
@media (max-width: 999px) {}


/* PCコンテンツ幅以上 */
@media (min-width: 1080px) {
  html {
    font-size: 16px;
  }

  section.Section__whats,
  .LPSection__inner {
    width: 1000px;
  }

  section.Section__whats {
    padding: 40px;
  }

  .LPSection__inner {
    padding: 100px 0;
  }

  .Accordion__title {
    padding: 18px 60px 20px 30px;
  }

  .Accordion__inner {
    padding: 0 60px 30px;
  }

  .Accordion__icon::before,
  .Accordion__icon::after {
    height: 4px;
    width: 28px;
  }

  .textBox {
    padding: 40px;
    margin-top: 40px;
  }

  section.Section__whats {
    border: solid #F99427 10px;
    box-shadow: 7px 7px 0px 0px #F99427;
  }

  .textBox.gray {
    border: solid #CCCCCC 2px;
  }

  .Whats__image {
    margin-top: 0;
  }

  .Mainvisual {
    padding: 50px 0 100px;
  }
}

/* iphone5等小さめのスマホ */
@media (max-width: 320px) {}