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


/*                     H O V E R    &    P C    O N L Y                     */


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

@media screen and (min-width: 751px) {
    .uline-ft .ucontainer {
        align-items: center;
        margin-top: 70px;
    }

    .uFlex .uFlex-img {
        width: var(--ww);
    }

    .uFlex .uFlex-content {
        width: calc(100% - var(--ww));
        padding-right: var(--pd);
    }

    .uFlex.uBox-h4 {
        --ww: 560px;
        --pd: 100px;
    }

    .uFlex.uBox-h4 .uFlex-content {
        margin-top: -6px;
    }

    .uFlex.uBox-h5 {
        --ww: 450px;
        --pd: 134px;
    }

    .uFlex.uBox-h5 .uFlex-content {
        margin-top: 38px;
    }

    .uFlex.rewrap {
        flex-flow: row-reverse;
    }

    .uFlex.rewrap .uFlex-content {
        padding-left: var(--pd);
        padding-right: 0;
    }

    .under header:not(.change-bg-hd) .header-nav a:hover,
    .under header:not(.change-bg-hd) .header-nav .has-sub:hover {
        color: var(--color-secondary);
        opacity: 0.7;
    }

    .uBlog-list li {
        transition: all 0.3s ease-in-out;
    }

    .uBlog-list li:hover {
        transform: translateY(-10px);
    }

    .ubtn {
        transition: all 0.3s ease-in-out;
    }

    .ubtn:hover {
        background-color: #fff;
        color: #345c72;
        background-image: url(../images/btn-arrowb.png);
    }

    .ubtn.prev:hover {
        background-image: url(../images/btn-arrow2b.png);
    }

    .breadcrumb li a:hover {
        color: #088fd9 !important;
    }

    .uPagi li a {
        transition: all 0.3s ease-in-out;
    }

    .uPagi li a:hover {
        background-color: #fff;
        color: #088fd9;
    }

    .ubtn-list.ubtn-info {
        max-width: 810px;
        margin-left: auto;
        margin-right: auto;
    }

    .ubtn-list.ubtn-info li {
        margin: 0 0 !important;
    }

    .ubtn-list.ubtn-info li.next,
    .ubtn-list.ubtn-info li.prev {
        position: absolute;
        top: 0;
    }

    .ubtn-list.ubtn-info li.prev {
        left: 0;
    }

    .ubtn-list.ubtn-info li.next {
        right: 0;
    }

    #fmail .uTable th {
        width: 400px;
        font-size: 22px;
    }
}


/* END screen-min:751px */

@media screen and (min-width: 751px) and (max-width: 1750px) {
    .umain {
        margin-top: 80px;
    }
}


/* END screen-min:751px */


/* END screen-min:751px && screen-max:1500px */


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


/*                        M O B I L E    D E V I C E                        */


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

@media screen and (min-width: 1px) and (max-width: 750px) {
    .uline-ft .ucontainer {
        margin-top: 30px;
        margin-left: auto;
        margin-right: auto;
        align-items: center;
        flex-direction: column;
        display: flex;
    }

    .uline-ft .ucontainer a img {
        width: 50px;
    }

    .uline-ft .ubtn {
        max-width: 280px;
        margin-left: 0;
        height: 50px;
        margin-top: 20px;
        font-size: 18px;
        background-size: 12px;
        padding-top: 10px;
    }

    p {
        font-size: 140%;
    }

    .mt10 {
        margin-top: 10px;
    }

    .image-l,
    .image-r {
        float: none;
        text-align: center;
        margin: 0 0 25px;
    }

    .uBlog-title {
        min-height: 56px;
    }

    .uTable-scroll {
        overflow-y: hidden;
        overflow-x: scroll;
    }

    .uTable-scroll table {
        min-width: 750px;
    }

    section {
        padding-left: 15px;
        padding-right: 15px;
    }

    .umain {
        margin-bottom: 40px;
        margin-top: 60px;
    }

    .umvs {
        min-height: 170px;
        padding: 0 15px;
        background-size: cover;
        background-position: left 30% center;
    }

    .umvs-h2 {
        font-size: 26px;
    }

    .uh3 {
        font-size: 26px;
        margin-bottom: 1em;
    }

    .uFirst {
        padding: 30px 15px;
        margin-bottom: 50px;
    }

    .uFirst-desc p {
        font-size: 16px;
    }

    .uFlex-content {
        margin-top: 0;
        margin-bottom: 10px;
        display: flex;
        flex-direction: column;
    }

    .uFlex-content [class*=uh] {
        order: 1;
    }

    .uFlex-content .uFlex-img {
        order: 2;
        margin-bottom: 15px;
        text-align: center;
    }

    .uFlex-content * {
        order: 3;
    }

    .ucontainer section {
        margin-bottom: 50px;
    }

    .ucontainer section.uBox-h5-mb {
        margin-bottom: 50px;
    }

    .uh5 {
        margin-bottom: 1em;
        font-size: 18px;
        padding-left: 13px;
    }

    .uh5::before {
        top: 1px;
        bottom: 0;
        margin: auto 0;
        height: 90%;
        width: 3px;
    }

    .uBg {
        padding: 30px 15px;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .uBg section {
        padding: 0 0 !important;
    }

    .uTable th {
        font-size: 1em;
    }

    .uTable td {
        font-size: 14px;
    }

    .uTable.uTable-atten td {
        font-size: 1em;
    }

    .uTable th,
    .uTable td {
        padding: 10px;
    }

    .uTable {
        --spacing: 10px;
    }

    .uTable.mailform tr {
        display: flex;
        flex-direction: column;
        margin: 0 0 10px;
    }

    .uTable.mailform td,
    .uTable.mailform th {
        width: 100%;
    }

    .tbl-note {
        font-size: 12px;
        margin-bottom: 5px;
    }

    .tbl-scroll {
        overflow: auto;
    }

    .tbl-scroll .uTable-normal {
        min-width: 750px;
    }

    .uTable-normal th {
        padding: 10px;
        font-size: 1em;
    }

    .uTable-normal td {
        padding: 10px;
        font-size: 14px;
    }

    .uStep dl {
        padding: 10px;
    }

    .uStep dt {
        align-items: center;
    }

    .uStep dt .key {
        width: 70px;
        font-size: 14px;
        padding: 8px 15px 8px;
        border-radius: 5px;
    }

    .uStep dt .txt {
        font-size: 18px;
        width: calc(100% - 60px);
        margin-top: 0;
    }

    .uStep dd {
        font-size: 14px;
    }

    .ubtn-list {
        margin-top: 30px;
        margin-left: 0;
        margin-right: 0;
        align-items: center;
        flex-direction: column;
    }

    .ubtn-list li {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 10px;
        max-width: 280px;
    }

    .ubtn-list li:last-child {
        margin-bottom: 0;
    }

    .ubtn {
        padding: 14px 30px;
        font-size: 14px;
        background-size: 12px;
    }

    .breadcrumb {
        padding-left: 15px;
        padding-right: 15px;
        margin: 10px auto 30px;
    }

    .breadcrumb li {
        margin-right: 35px;
    }

    .breadcrumb li a::after {
        right: -27px;
        top: 2px;
    }

    .uStaff-title .title,
    .uStaff-title .name {
        font-size: 14px;
    }

    .uTable-bg {
        padding: 15px;
    }

    #fmail .uTable th {
        text-align: left;
    }

    #fmail .uTable td,
    #fmail .uTable th {
        display: block;
        width: 100%;
    }

    #fmail ol.fmail_checkbox_list {
        width: 100%;
    }

    #fmail .postcode {
        margin-top: 5px;
    }

    #fmail .button {
        margin-top: 20px;
        margin-bottom: 0;
    }

    .uBlog-list {
        justify-content: center;
        margin-left: 0px;
        margin-right: 0px;
    }

    .uBlog-list li {
        width: 100%;
        max-width: 265px;
    }

    .uBlog-img {
        height: 180px;
    }

    .uBlog-content {
        font-size: 14px;
    }

    .booking-time table th,
    .booking-time table td {
        padding: 5px;
    }

    .uttlcontactct {
        padding: 15px 5px;
    }

    .box_grey {
        padding: 30px;
        font-size: 9px
    }

    .but_tel a {
        font-size: 20px
    }

    .box_grey .uTable-adhd {
        margin-bottom: 20px;
    }

    .flex_sp {
        display: flex;
        flex-direction: column
    }

    .flex_sp .image-r {
        order: 2;
        margin: 15px 0 0
    }

    .faqbox dl dt::after {
        width: 26px;
        height: 26px;
        top: 8px;
    }

    .flex-content-left,
    .flex-content-right {
        flex-wrap: wrap;
    }

    .flex-content-left .flex-img,
    .flex-content-right .flex-img {
        order: 0;
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .flex-content-left .flex-img img,
    .flex-content-right .flex-img img {
        max-width: 450px;
        width: 100%;
    }

    .flex-content-left .flex-content,
    .flex-content-right .flex-content {
        order: 1;
        width: 100%;
        padding: 0px;
        max-width: 560px;
        margin: 0 auto;
    }

    .umain p.choice-01 {
        font-size: 14px;
    }

    .umain .ttl_yt_sub2 {
        font-size: 18px;
        line-height: 1.4;
    }

    .title_b {
        font-size: 18px;
        font-weight: bold;
        line-height: 1.7em;
    }

    .box_gray {
        margin: 0 auto;
        background: #f2f2f2;
        width: 90%;
        border-radius: 25px;
        padding: 20px;
    }

    .course-box {
        padding: 15px;
    }

    .course-box p.title_s {
        font-size: 20px;
    }

    .promo-banner span {
        font-weight: bold;
        text-decoration: underline;
        font-size: 20px;
    }

    .promo-banner {
        padding: 15px;
    }



}

/* END min-width:1px && screen-max:750px */
@media screen and (max-width: 480px) {

    .uTable-adhd th,
    .uTable-adhd td {
        display: block;
        width: 100%;
    }
}

/* END min-width:1px && screen-max:480px */

@media screen and (min-width: 640px) and (max-width: 750px) {
    .ulistpostc .uBlog-list {
        justify-content: unset;
        max-width: 570px;
        margin: 0 auto;
    }
}


/* END min-width:375px && screen-max:750px */


/* END min-width:425px && screen-max:750px */


/* END min-width:525px && screen-max:750px */


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


/*                 F O R   S P E C I F I E D   B R O W S E R                */


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


/* EDGE  */


/* FIREFOX */

@-moz-document url-prefix() {}


/* Safari 10.1+ (which is the latest version of Safari at this time) */


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


/*                             E N D   A L L                                */


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