main {
  background-image: url("../../../common/images/deco/blue01.svg");
  background-size: 45%;
  background-color: #95d6ba; }

.nature_top_btn {
  position: relative;
  display: flex;
  justify-content: space-around;
  margin: 50px 0; }
  @media (max-width: 767.98px) {
    .nature_top_btn {
      margin: 20px 0 30px;
      display: block; } }
  .nature_top_btn a {
    background-color: #2ca582;
    color: white;
    border-radius: 10px;
    text-align: center;
    text-decoration: none;
    padding: 10px;
    font-size: 20px;
    width: 290px; }
    @media (max-width: 767.98px) {
      .nature_top_btn a {
        font-size: 18px;
        width: 85%;
        margin: 13px auto;
        display: block;
        padding: 5px; } }
  .nature_top_btn .btn_active {
    color: #2ca582;
    border: 3px solid;
    background-color: white;
    position: relative; }
    .nature_top_btn .btn_active::before {
      position: absolute;
      content: '';
      background-image: url("../../images/activ01.svg");
      background-repeat: no-repeat;
      width: 26px;
      height: 40px;
      top: -20px;
      left: -23px; }
      @media (max-width: 767.98px) {
        .nature_top_btn .btn_active::before {
          width: 24px;
          height: 30px;
          top: -17px;
          left: -22px; } }
    .nature_top_btn .btn_active::after {
      position: absolute;
      content: '';
      background-image: url("../../images/activ02.svg");
      background-repeat: no-repeat;
      width: 26px;
      height: 40px;
      bottom: -30px;
      right: -25px; }
      @media (max-width: 767.98px) {
        .nature_top_btn .btn_active::after {
          width: 24px;
          height: 30px;
          bottom: -21px;
          right: -22px; } }

.animal_leard {
  margin: 0 20px 50px; }
  @media (max-width: 767.98px) {
    .animal_leard {
      margin: 0 20px 30px; } }

.page_midashi04 > span {
  border-bottom: 3px solid #2ca582 !important; }

.price01 {
  margin: 100px 0 0; }
  @media (max-width: 767.98px) {
    .price01 {
      margin: 0; }
      .price01 span::before {
        left: 15px; }
      .price01 span::after {
        right: 15px; } }

@media (max-width: 767.98px) {
  .price02 {
    font-size: 20px; } }

.domehouse_box {
  text-align: center;
  margin: 120px 0 60px; }
  .domehouse_box p {
    font-size: 22px;
    color: #ee87b4;
    margin-bottom: 0; }
  .domehouse_box .box_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .domehouse_box .box_flex .domehouse_boxS {
      color: white;
      padding: 40px;
      border-radius: 50%; }
    .domehouse_box .box_flex .box01 {
      background-color: #f67f8a;
      width: 200px;
      height: 200px;
      margin-top: 55px; }
      @media (max-width: 767.98px) {
        .domehouse_box .box_flex .box01 {
          width: 180px;
          height: 174px;
          margin-top: 10px; } }
    .domehouse_box .box_flex .box02 {
      background-color: #3abcef;
      width: 160px;
      height: 20%; }
      @media (max-width: 767.98px) {
        .domehouse_box .box_flex .box02 {
          width: 150px;
          height: 20%;
          margin-top: -60px;
          margin-left: 54%; } }
    .domehouse_box .box_flex .box03 {
      background-color: #78cb6b;
      width: 166px;
      height: 166px;
      margin-top: 70px; }
      @media (max-width: 767.98px) {
        .domehouse_box .box_flex .box03 {
          width: 161px;
          height: 156px;
          margin-top: -50px; } }
    .domehouse_box .box_flex .box04 {
      background-color: #f9af31;
      width: 175px;
      height: 20%;
      margin-top: 15px; }
      @media (max-width: 767.98px) {
        .domehouse_box .box_flex .box04 {
          width: 163px;
          height: 20%;
          margin-top: 20px; } }
    .domehouse_box .box_flex .box05 {
      background-color: #b396d1;
      width: 210px;
      height: 210px;
      margin-top: 60px; }
      @media (max-width: 767.98px) {
        .domehouse_box .box_flex .box05 {
          width: 208px;
          height: 201px;
          margin-top: -45px; } }
  @media (max-width: 767.98px) {
    .domehouse_box {
      margin: 0; }
      .domehouse_box p {
        font-size: 17px; } }
