/* Media Queries
   ========================================================================== */
@media only screen and (max-width: 1290px) {

    header, #logo_placement, nav {
        width: 100%;
    }

    header img {
        margin-left: 15px; 
    }

    #wrapper {
        width: 100% !important;
        /* padding: 0px 25px;*/
    }

    .overview_box_third img {
        margin-bottom: 25px;
    }

}

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

    #wrapper {
        /* padding: 15px; /* non-iframe setting */
    }
}

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

    .section_flow {
      display: flex;
      flex-flow: row wrap;
    }

    aside, .article_flow {
        float: left;
        width: 100%;
    }

    .article_flow {
        order: 1;
    }

    aside {
        order: 2;
    }

    #control_box {
        display: none;
    }
}

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

    .modal-content {
        width: calc(100% - 30px);
    }
        
}

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

    input[type="radio"]:checked:before {
        display: none;
    }

    .overview_box_third {
        font-size: 0.9em;
    }

    .overview_box_third img {
        width: 50px;
        margin-bottom: 35px;
    }
        
}

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

    html {
        font-size: 16px;
    }

    .maternity_flow_mom_text div, .maternity_flow_dad_text div {
        width: 255px;
    }

    .leave_info_mom, .leave_info_dad {
        width: 190px;
    }

    #pre_maternity_leave_dad_reminder_info_1 {
        margin-top: 55px;
    }

    .pre_maternity_dad_pushbox {
        height: 72px !important;
    }

    .pregnancy_leave_pushbox {
        height: 8px !important;
    }

    .pregnancy_leave_pushbox_2 {
        display: none;
    }
}

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

    article {
        width: 100%;
    }

}

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

    html {
        font-size: 15px;
    }

    .maternity_flow_mom_text div, .maternity_flow_dad_text div {
        width: 240px;
    }

    .leave_info_mom, .leave_info_dad {
        width: 175px;
    }

    #pre_maternity_leave_dad_reminder_info_1 {
        margin-top: 58px;
    }

    .pre_maternity_dad_pushbox {
        height: 51px !important;
    }

    .pregnancy_leave_pushbox {
        height: 10px !important;
    }
}

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

    html {
        font-size: 14px;
    }

    .maternity_flow_mom, .maternity_flow_dad {
        width: calc(50% - 5px);
    }

    .maternity_flow_mom_text div, .maternity_flow_dad_text div {
        width: 165px;
    }

    .maternity_flow_mom_text time, .maternity_flow_dad_text time {
        display: inline-block;
        width: 100%;
    }

    .leave_info_mom, .leave_info_dad {
        width: 105px;
    }

    #pre_maternity_leave_dad_reminder_info_1 {
        margin-top: 60px;
    }

    .pre_maternity_dad_pushbox {
        height: 48px !important;
    }

    .pregnancy_leave_pushbox {
        display: none;
    }

    .pregnancy_leave_pushbox_2 {
        display: block;
        height: 24px !important;
    }
}

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

    .overview_title {
        width: 95%;
    }

    .overview_content {
        width: 100%;

        padding-left: 5%;
        margin-bottom: 10px;
    }

    .overview_box_third {
        width: 100%;
    }

    #overview_child img {
        margin-bottom: 0px;
    }

    #overview_dad, #overview_child {
        border-left-style: solid;
        border-left-width: 0px;
        border-left-color: rgba(225, 225, 225, 1.0);

        margin-top: 10px;
    }

    #overview_mom, #overview_dad {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: rgba(225, 225, 225, 1.0);
    }

}

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

    #wrapper {
        /*padding: 10px 10px 0px 10px; /* non-iframe setting */
    }

    .box_radio, .box_radio:nth-child(3n+0) {
        width: 50%;

        text-align: center;
    }

    .modal-content {
        width: calc(100% - 20px);
    }

}

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

    html {
        font-size: 14px;
    }

    .article_left {
        width: 150px;
    }

    .article_right {
        width: calc(100% - 150px);
    }

}