.from_school_regist {
    width: 100%;
    height: 100%;
    position: relative;
}

.functional_background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    /* background-image: url(../img/ic/bg_dot.svg);
    background-repeat: no-repeat;
    background-size: cover; */
}

.functional_background canvas#cvs {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}

.functional_background #canvas_extra_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.functional_background #canvas_extra_bg.bg_before {
    z-index: 100;
}

.functional_background #canvas_extra_bg.bg_after {
    z-index: 98;
}

.functional_background #canvas_extra_bg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.from_school_regist_area {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding-top: 2.0vw;
    background-color: transparent;
    z-index: 2;
}

.from_school_regist_area .child_profile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.from_school_regist_area dt {
    display: flex;
    align-items: flex-end;
}

.from_school_regist_area .child_profile .child_profile_thumbnail {
    width: 10vw;
    height: 10vw;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 0 0 44.5vw;
}

.from_school_regist_area .child_profile .child_profile_thumbnail img {
    width: 100%;
    height: 100%;
}

.from_school_regist_area .child_temperature_icon {
    width:5%;
    margin:0 2vw 0 2vw;
}

.from_school_regist_area .child_temperature_icon img {
    width:100%;
}

.from_school_regist_area .child_outdoor_play_icon {
    width:5%;
    margin:0 3vw 0 3vw;
}

.from_school_regist_area .child_outdoor_play_icon img {
    width:100%;
}

.from_school_regist_area .child_medicine_icon {
    width:5%;
    margin:0 2vw 0 2vw;
}

.from_school_regist_area .child_medicine_icon img {
    width:100%;
}

.from_school_regist_area .child_pool_icon {
    width:5%;
    margin:0 2vw 0 2vw;
}

.from_school_regist_area .child_pool_icon img {
    width:100%;
}

.from_school_regist_area .child_profile .child_profile_name {
    font-size: 2.9vw;
    text-align: center;
    color: #4c556e;
    margin-top: 1.0vw;
    text-shadow: white 1px 1px 15px, white -1px 1px 15px, white 1px -1px 15px, white -1px -1px 15px;
}

.from_school_regist.bg_fire_works .from_school_regist_area .child_profile .child_profile_name {
    text-shadow: none;
}

.from_school_regist_area .child_profile .child_profile_name span {
    font-size: 0.7em;
}

.from_school_regist_area .current_time {
    width: 65vw;
    margin: 1.5vw auto 0;
    font-size: 16vw;
    color: #4c556e;
    text-align: center;
    text-shadow: white 1px 1px 15px, white -1px 1px 15px, white 1px -1px 15px, white -1px -1px 15px;
}

.from_school_regist.bg_fire_works  .from_school_regist_area .current_time {
    text-shadow: none;
}

.from_school_regist_area .regist_button {
    width: 65vw;
    margin: 1.5vw auto 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/*
.from_school_regist_area .regist_button button {
    width: 29vw;
    font-size: 4.0vw;
    color: #fff;
    border-radius: 75px;
    padding: 0.5em 1.8em;
    outline: none;
}

.from_school_regist_area .regist_button button.off {
    background-color: #ccc;
}

.from_school_regist_area .regist_button button.on {
    background-color: #4c556e;
}

.from_school_regist_area .thanks_message {
    font-size: 1.8vw;
    color: #4c556e;
    text-align: center;
    margin-top: 5.0vw;
    text-shadow: white 1px 1px 15px, white -1px 1px 15px, white 1px -1px 15px, white -1px -1px 15px;
}
*/



.from_school_regist_area .regist_button label {
    width: 29vw;
    font-size: 4.0vw;
    color: #fff;
    border-radius: 75px;
    padding: 0.7em 1.0em;
    outline: none;
    display: block;
    text-align: center;
    background-color: #ccc;
}

/* CHANGE SMO - START====================================== */
/* radio -> checkbox */
/*
.from_school_regist_area .regist_button input[type="radio"]:checked + label {
*/
.from_school_regist_area .regist_button input[type="checkbox"]:checked + label {
/* CHANGE SMO - END======================================== */
    background-color: #4c556e;
}

.from_school_regist_area .thanks_message {
    font-size: 1.8vw;
    color: #4c556e;
    text-align: center;
    margin-top: 5.0vw;
    text-shadow: white 1px 1px 15px, white -1px 1px 15px, white 1px -1px 15px, white -1px -1px 15px;
}

.from_school_regist.bg_fire_works .thanks_message {
    text-shadow: none;
}