@charset "UTF-8";

.firstview{
  padding: 150px  0 50px 0;
  margin: 0 auto;
  background-image: url(image/bg_img03.png);
  height: 500px;
}

.firstview .txt{
  max-width: 1200px;
  padding: 0;
margin: 0 auto;
text-align: center;
}
.firstview h2{
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  align-items: center;
}
h2{
  font-size: 6.4rem;
}
h3{
  min-width: 250px;
  padding: 15px;
  text-align: center;
  align-items: center;
  background-color: #F9F8F1;
  font-weight:normal;
}
#schedule,#schedule2{
  padding: 100px 0 50px 0;
  max-width: 1200px;
  margin: 0 auto;
}
#schedule p,#schedule2 p{
  padding-bottom: 30px;
}
.schedule_flex{
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items:flex-start;
flex-wrap: wrap;
}
.schedule_flex ul li{
  padding: 20px 40px;
}

span{
  font-size: 1.6rem;
  padding-left: 30px;
}
.txt{
  padding: 30px;
}
.item_flex{
  width: 550px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  display: flex;
  justify-content: flex-start;
  align-items:flex-start;
  border-bottom: 1px solid #000000;
}

#price{
    padding: 100px 0 50px 0;
    max-width: 1200px;
    margin: 0 auto;
    border-color: bisque;
}
.price_flex{
  display: flex;
  justify-content: space-between;
  align-items:flex-start;
  flex-wrap: wrap;
}
.mn1{
width: 550px;
padding: 30px 0 30px 0;
display: flex;
justify-content:flex-start;
align-items:flex-start;
  border-bottom: 1px solid #000000;
}
.mn2{
  padding: 30px 0 30px 0;
  display: flex;
  justify-content:flex-start;
  align-items:flex-start;
  border-bottom: 1px solid #000000;
  }
  .mn3{
    max-width: 1200px;
    padding: 30px 0 50px 0;
    display: flex;
    justify-content:flex-start;
    align-items: center;
      border-bottom: 1px solid #000000;
    }
.sb2 li{
    padding: 20px 40px;
  }
.sb3{
  max-width: 1200px;
  padding: 20px 40px;
}
.sb4{
  padding: 20px 40px 90px 40px;
}
.price_item li{
  padding: 20px 40px;
}
.item_flex p{
  padding: 20px 40px;
}
#join{
  padding: 100px 0 50px 0;
  max-width: 1200px;
  margin: 0 auto;
}






@media screen and (max-width: 1200px){
    .firstview{
    padding: 170px 30px 50px 30px;
    height: 480px;
}

.firstview_flex .txt{
  padding: 0;
}
.txt{
  padding: 0 0 0 30px;
}
#schedule p,#schedule2 p{
  padding-bottom: 0;
}
h3{
  min-width: 200px;
}
.item_flex{
  max-width: 450px;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

#schedule,#schedule2,#price,#join{
  padding: 50px 30px;
  }

.schedule_flex ul li{
  padding: 15px;
}

span{
padding-left: 15px;
}

.mn1{
  max-width: 450px;
  padding: 15px 0 15px 0;

  }
  .mn2{
    padding: 15px 0 15px 0;
 
    }
    .mn3{
      max-width: 1200px;
      
      display: flex;
      justify-content:flex-start;
      align-items: center;
        border-bottom: 1px solid #000000;
      }
  .sb2 li{
    padding: 15px;
    }
  .sb3{
    max-width: 1200px;
    padding: 15px;
  }
  .sb4{
    padding: 15px 15px 68px 15px;
  }
  .price_item li{
    padding: 15px;
  }
  .item_flex p{
    padding: 15px;
  }
  .txt{
    padding: 0 0 0 15px;
  }
}



  @media screen and (max-width: 980px){
    h3{
      min-width: 250px;
    }
      .item_flex{
        width: 350px;
        padding-bottom: 15px;
        margin-bottom: 15px;
        display: flex;
  flex-wrap: wrap;
      }

      .schedule_flex{
        margin: 0 auto;
        display: flex;
        justify-content: space-around;
        align-items:flex-start;
      flex-wrap: wrap;
      }
      .price_flex{
        display: flex;
        justify-content: space-around;
        align-items:flex-start;
        flex-wrap: wrap;
      }
      .mn1{
        max-width: 350px;
        padding: 15px 0 15px 0;
        flex-wrap: wrap;
        }
        #mn2{
          width: 350px;
          display: block;
        }
        #mn2 h3{
          width: 250px;
        }

        .mn3{
          max-width: 1200px;
          padding: 15px 0 15px 0;
          margin: 0 35px;
          display: flex;
          justify-content:flex-start;
          align-items: center;
            border-bottom: 1px solid #000000;
          }
          
        .txt{
          padding: 0 0 0 50px;
        }
  }
  @media screen and (max-width: 900px){
    .mn3{
      margin: 0 ;
      }
  }
    @media screen and (max-width: 860px){
      #mn2 h3{
        width: 250px;
      }
      .mn1{
        padding: 15px 0 30px 0;
        }
    }
    @media screen and (max-width: 768px){
      .item_flex{
        width: 250px;
        padding-bottom: 15px;
        margin-bottom: 15px;
        display: flex;
  flex-wrap: wrap;
      }
      .schedule_flex{
        margin: 0 auto;
        display: flex;
        justify-content: space-evenly;
        align-items:flex-start;
      flex-wrap: wrap;
      }
      .price_flex{
        display: flex;
        justify-content: space-evenly;
        align-items:flex-start;
        flex-wrap: wrap;
      }
      .mn1{
        max-width: 350px;
        padding: 15px 0 15px 0;
        flex-wrap: wrap;
        }
      #mn2{
          width: 350px;
          display: block;
        }
        #mn2 h3{
          width: 250px;
        }
        .mn3{
          padding: 15px 0 15px 0;
          margin: 0 50px;
          display: flex;
          justify-content:flex-start;
          align-items: center;
            border-bottom: 1px solid #000000;
          }
          
        .txt{
          padding: 0 0 0 0px;
        }

        
      .sb2 li{
        padding: 15px 15px 0 15px;
      }
    .sb3{
      padding: 0 0 0 15px;
    }
    .sb4{
      padding: 15px 15px 40px 15px;
    }
    .price_item li{
      padding: 15px 15px 0 15px;
    }
    .item_flex p{
      padding: 15px;
    }
    .txt{
      padding: 0;
      text-align: center;
    }
  }
  @media screen and (max-width: 768px){
    .mn1{
      max-width: 250px;
      padding: 15px 0 15px 0;
      flex-wrap: wrap;
      }
    #mn2{
        width: 350px;
        display: block;
      }


    .mn3{
      justify-content: flex-start;
      flex-wrap: wrap;
    }
    .sb3{
      padding: 15px 15px 0 15px;
    }
    .txt{
      padding: 0 0 0 50px;
    }
  }


  @media screen and (max-width: 580px){
    .item_flex {
      width: 350px;
      justify-content: center;

    }
    .schedule_flex{

      justify-content: center;
    }
    
    .schedule_flex ul li{
      padding: 15px 15px 0 15px;
      text-align: center;
    }
    .price_flex{
      display: flex;
      justify-content: space-between;

    }
    .mn1{
      max-width: 350px;
      margin: 0 auto;
      justify-content: center;
      }
    #mn2{
        width: 350px;
        display: block;
      }
      #mn2 h3{
        width: 250px;
        margin: 0 auto;
      }
      .mn3{
        width: 350px;
        margin: 0 auto;
        justify-content:center;

        }
        .sb2{
          margin: 0 auto;
          text-align: center;
        }
        .sb3{
          text-align: center;
        }
        .sb4{
            padding: 0;
            margin: 0 auto;
            text-align: center;
          }
          
        .txt{
          padding: 0;
        }
  }

@media screen and (max-width: 430px){

.firstview{
    padding: 180px 20px 20px 20px;
    height: 430px;
}

  #schedule,#schedule2,#price{
    padding: 40px 20px;
    border-bottom: 1px solid #000000;
  }
  #join{
    padding: 40px 20px;
  }

  .item_flex {
    max-width: 100%;
    padding-bottom: 15px;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    border-bottom: none;
  }
.schedule_flex ul li{
  padding: 15px 15px 0 15px;
}span{
  font-size: 1.4rem;
  padding-left: 10px;
}

.mn1{
    border-bottom: none;
  }
  .mn2{
    border-bottom: none;
    }
    .mn3{
        border-bottom: none;
      }
.txt{
  padding: 15px 0;
}
.sb4{
  padding: 15px 15px 0 15px;
}
}