@charset "UTF-8";
/*==============================================================================================

   top css

==============================================================================================*/

/*==========================================================
	top
==========================================================*/

/*top*/

/*==============================================================================================

    mainvisual

==============================================================================================*/

#mainvisual_section {
    background: #FFF;
}

.mainvisual_container {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.main_logo_wrapper {
    width: 80%;
    max-width: 600px;
    text-align: center;
    font-size: 40px;
    color: #f3a83c;
}

.view_switch_sp .main_logo_wrapper {
    font-size: 24px;
}

.movie_container {
    opacity: 0.5;
}

/*==============================================================================================

    notice

==============================================================================================*/

.notice_container {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

#notice_contents {
    text-align: center;
    letter-spacing: 1px;
}


/*==============================================================================================

    about

==============================================================================================*/

.about_container {
    width: 100%;
}

.about_wrapper {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

.about_wrapper p{
    text-align: center;
}

.about_wrapper ul{
    padding: 30px 20px 0;
    line-height: 1.8;
    font-size: 14px;
}
.about_wrapper ul li{
    position: relative;
    padding-left: 24px;
}
.about_wrapper ul li span {
    position: absolute;
    left: 0;
    margin: 0
  }




/*==============================================================================================

    schedule

==============================================================================================*/

.schedule_container {
    width: 100%;
}

.schedule_wrapper {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

.schedule_table {
    display: -webkit-flex;
    display: flex;
    border-top: 1px solid #7bae03;
    color: #666;
}

.schedule_table:nth-child(1) {
    background: #b3fd03;
}

.schedule_table:last-child {
    border-bottom: 1px solid #7bae03;
}

.schedule_table > div:nth-child(1) {
    width: 120px;
    text-align: center;
    border-left: 1px solid #7bae03;
    border-right: 1px solid #7bae03;
}

.schedule_table > div:nth-child(n+2) {
    width: calc(100% / 6 - 120px / 6);
    text-align: center;
    border-right: 1px solid #7bae03;
}

.calender {
    width: 100%;
    max-width: 400px;
    margin: 30px auto 0;
}

.backcalbtn,
.nextcalbtn {
    background: #7bae03
}

.calweek {
    background: #b3fd03;
}

.activeday:last-child {
    background: #d9f7fc;
}

.dayinner.selectday {
    color: #888;
    background: #FFF;
}

/*==============================================================================================

    images

==============================================================================================*/

.images_container {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}

.images_wrapper {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

.images_cell {
    width: 100%;
}

/*==============================================================================================

    comment

==============================================================================================*/

.comment_container {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

.comment_wrapper {
    text-align: center;
    line-height: 1.8;
}

.comment_name {
    padding-top: 40px;
    text-align: right;
}

.comment_name > div {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: center;
    align-items: center;
    font-size: 18px;
}

.comment_name span {
    font-size: 10px;
    padding-right: 10px;
}

.comment_name > div:nth-child(2) {
    display: block;
}

.comment_name > div:nth-child(2) span {
    padding-right: 0;
    display: block;
    font-size: 14px;
}

.comment_name span + span {
    padding-right: 0;
}

/*==============================================================================================

    contact

==============================================================================================*/

.contact_wrapper {
    text-align: center;
}

.tellink_wrapper {
    padding-top: 20px;
}

.tn_container {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 20px;
    width: 200px;
    margin: 10px auto 0;
}

.tn_wrapper {
    padding-left: 10px;
}

/*==============================================================================================

    career

==============================================================================================*/

.career_wrapper {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    text-align: center;
}