@media screen and (min-width: 751px) {

    .lightbox,
    .lightboxOverlay {
        min-width: var(--container);
    }

    .under main .image_l {
        float: left;
        margin: 0 50px 0 0
    }

    .under main .image_r {
        float: right;
        margin: 0 0 0 50px
    }

    /* BUTTON OVN DETAIL */
    .under main .btn_list {
        display: flex;
        justify-content: center;
        position: relative;
    }

    .under main .btn_list .btn a {
        width: 360px;
    }

    .under main .btn_list .is_prev {
        position: absolute;
        top: 0;
        left: 0;
    }

    .under main .btn_list .is_next {
        position: absolute;
        top: 0;
        right: 0;
    }

    /* HOVER */
    .under main #topic_path li a:hover {
        text-decoration: underline
    }

    .under main .ovn_thumb p:hover {
        opacity: 0.7;
    }

    .under main .ovn_thumb .center.active:hover {
        opacity: 0.7;
        pointer-events: none;
    }

    .thumb_prev:hover,
    .thumb_next:hover,
    .under main .bnn a:hover {
        opacity: 0.7;
    }

    .under main .link:not(a[target=_blank]):hover {
        color: var(--scolor);
        text-decoration: none;
    }

    .under main .inner {
        width: 1250px;
    }

    .under main .list_anchor.list_anchor3 p {
        width: calc(33.33% - 20px);
    }

    .under main .list_anchor.list_anchor3 p a {
        width: 100%;
    }

    .w_full {
        max-width: none;
    }

    .under main table.mailform th:not(:last-child),
    .under main table.tb_block th:not(:last-child) {
        border-right-color: #fff;
    }

    .under main table.tb_block th.bg1:not(:last-child) {
        border-right-color: #bdb5a9;
    }

    .under main .list_5btn {}

    .under main .list_5btn .btn {
        width: calc((100% - 60px) / 5);
        margin: 0 15px 15px 0;
    }

    .under main .list_5btn .btn a {
        width: 100%;
        background-position: right 8px center;
        font-size: 16px;
    }

    .under main .list_5btn .btn:last-child,
    .under main .list_5btn .btn:nth-child(5n + 5),
    .under main .list_ovn li:nth-child(3n + 3) {
        margin-right: 0;
    }

    .under main .list_ovn li:hover,
    .under main .list_news li:hover,
    .under main .ovn_thumb .slick-slide:hover {
        opacity: 0.7;
        cursor: pointer;
    }
}

@media screen and (max-width: 750px) {
    .under main {
        padding-top: 60px;
    }

    .under main #content {
        padding: 0 0 60px;
    }

    .under main section {
        padding: 0 0 50px;
    }

    .under main .image_r,
    .under main .image_l {
        float: none;
        display: inline-block;
        width: 100%;
        text-align: center;
        margin: 0 auto 20px !important;
    }

    /*==========================================================
                  C U S T O M
  ==========================================================*/
    /*  TOP INFO  */
    .under main #top_info {
        height: 240px;
        margin-bottom: 0px;
    }

    .under main #top_info::before {
        width: 100%;
        transform: none;
        left: 0;
    }

    .under main #topic_path {
        margin-bottom: 15px
    }

    .under main #topic_path li,
    .under main #topic_path li a {
        font-size: 14px;
    }

    /*============ HEAD TITLE ============ */
    .under main h2 {
        font-size: 26px;
    }

    .under main h3 {
        font-size: 24px;
        padding-bottom: 15px;
        margin-bottom: 30px;
    }

    .under main h3:before {
        height: 2px;
        width: 80px;
    }

    .under main h4 {
        font-size: 22px;
        padding-bottom: 10px;
        margin-bottom: 30px;
    }

    .under main h5 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .under main h6 {
        font-size: 18px;
    }

    /*============ TABLE ============ */
    .under main table {
        margin-bottom: 30px
    }

    .under main table td,
    .under main table th {
        padding: 10px;
    }

    .under main table.mailform th,
    .under main table th {
        font-size: 16px;
    }

    .under main table.tb_block tr {
        display: flex;
        flex-direction: column
    }

    .under main table.tb_block tr:not(:last-child) th {
        border-bottom: none
    }

    .under main table.tb_block td+td {
        border-top: none;
    }

    .under main table.tb_block th,
    .under main table.tb_block td {
        width: 100%;
    }

    .under main table.tb_block tr:not(:last-child) td {
        border-bottom: none;
    }

    .under main table.tb_block tr:last-child th {
        border-bottom: none;
    }

    /* TABLE SCROLL */
    .under main .tb_scroll {
        overflow: scroll;
    }

    .under main .tb_scroll:not(:last-child) {
        margin-bottom: 30px;
    }

    .under main .tb_scroll table {
        width: 800px;
    }

    .under main .tb_note {
        margin-bottom: 10px;
        color: #999;
    }

    /*============ LIST ============ */
    .under main .list01 {}

    .under main .list01 li {
        font-size: 16px;
    }

    .under main .list01 li::before {
        width: 10px;
        height: 10px;
        top: 6px;
    }

    .under main .list02 {}

    .under main .list02 li {
        font-size: 16px;
    }

    .under main .list_check li::before {
        top: 2px;
    }

    .under main .list02 li::before {
        top: 0px;
    }

    .under main .list_check {}

    .under main .list_check li {}

    /* LIST FAQ */
    .under main .list_faq dl {
        margin-bottom: 30px;
        padding: 15px
    }

    .under main .list_faq dt span {
        top: 3px;
    }

    .under main .list_faq dd span {
        font-size: 16px;
    }

    .under main .list_faq dt {
        font-size: 16px;
        min-height: 50px;
        padding-bottom: 12px;
    }

    /* List STEP */
    .under main .list_step dl {
        margin-bottom: 20px;
        padding-bottom: 40px
    }

    .under main .list_step dt {
        font-size: 18px;
        line-height: 1.4;
        align-items: center;
        padding-right: 5px;
    }

    .under main .list_step dt .icon {
        height: auto;
        width: 70px;
        margin-right: 10px;
        padding: 15px 5px;
    }

    .under main .list_step dl:not(:last-child)::before {
        width: 60px;
        height: 24px;
        bottom: 0px;
        left: calc(50% - 30px);
    }

    /*============ FRAME ============ */
    .under main .frame01 {
        padding: 30px 15px
    }

    .under main .frame02 {
        padding: 30px 15px
    }

    .under main .frame_pick {
        padding: 30px 0px;
    }

    .under main .frame_pick .pick_ttl:before {
        width: 80px;
    }

    .under main .frame_pick .pick_ttl span {
        font-size: 28px;
        margin-bottom: 5px;
    }

    .under main .frame_pick .pick_ttl {
        font-size: 20px;
        line-height: 1.4;
        padding-bottom: 15px;
        margin-bottom: 30px;
    }

    /*============ ORTHER ============ */
    .under main .box_map {
        height: 250px
    }

    /*============ OVN ============ */
    .under main .ovn_detail_ct img {
        max-width: 100%;
        max-height: 300px;
    }

    .under main .list_img li:not(:last-child) {
        margin-right: 20px;
    }

    .under main .list_anchor_sm .btn a {
        font-size: 14px;
        background-position: right 10px center;
    }

    .under main .un_tel.h_contact_tel a {
        font-size: 32px;
        padding-left: 40px;
        background-size: 32px auto;
    }

    .under main .un_tel.h_contact_tel .time .bg {
        font-size: 14px;
    }

    /* CASE */
    .under main .list_2btn,
    .under main .list_5btn {
        justify-content: space-between;
    }

    .under main .list_2btn .btn {
        width: calc((100% - 15px) / 2);
        margin: 0 0 15px 0;
    }

    .under main .list_5btn .btn {
        width: calc((100% - 8px) / 2);
        margin: 0 0 8px 0;
    }

    .under main .list_5btn .btn a {
        font-size: 15px;
    }

    .under main .list_2btn .btn a,
    .under main .list_5btn .btn a {
        width: 100%;
    }

    .under main .list_2btn .btn:last-child,
    .under main .list_2btn .btn:nth-child(2n + 2),
    .under main .list_5btn .btn:last-child,
    .under main .list_5btn .btn:nth-child(2n + 2) {
        margin-right: 0;
    }

    .under main .list_ovn {}

    .under main .list_ovn li {
        width: 480px;
        max-width: 100%;
        margin: 0 auto 30px;
    }

    .under main .list_ovn li .big {
        font-size: 18px;
    }

    /* CASE DETAIL */
    .under main .ovn_thumb .slick-slide {
        width: calc((100% - 40px) / 5) !important;
        margin: 0 10px 10px 0;
    }

    .under main .ovn_thumb .slick-slide:nth-child(5n + 5) {
        margin-right: 0;
    }

    .under main .btn_list {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .under main .btn_list .btn {
        margin: 0 0 15px;
    }

    .under main .btn_list .btn:last-child {
        margin-bottom: 0;
    }

    /* NEWS */
    .under main .list_news li {
        padding: 15px;
        padding-left: 250px;
        margin-bottom: 20px;
        min-height: 180px;
    }

    .under main .list_news li .big {
        font-size: 18px;
    }

    .under main .list_news li .date {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .under main .list_news li .des {
        max-height: 60px;
        -webkit-line-clamp: 2;
    }

    .under main .list_news li .img {
        width: 200px;
    }

    .under .btn a {
        background-position: right 10px center;
    }

    .under .btn.btn_sm_sp a {
        padding-right: 20px;
    }

    .under main .comp_img {
        max-width: 411px;
        margin: 0 auto 25px !important;
        display: block;
    }

    .under main .center_post img {
        max-height: 300px;
    }

    .under main .ovn_content {
        align-items: flex-start;
    }

    .under main .ovn_big {
        width: calc(100vw - 150px);
        height: calc((100vw - 150px) * 3 / 4);
        flex-shrink: 0;
        margin: 0 0 30px;
    }

    .under main .ovn_big .center {
        height: auto;
        aspect-ratio: 4/3;
    }

    .ovn_dots {
        width: 100%;
    }

    .ovn_dots span {
        width: 6px;
        height: 6px;
        margin: 0 5px;
    }

    .under main .ovn_thumb_wrap {
        width: 100px;
    }

    .under main .ovn_thumb {
        width: 100px;
        height: calc((100vw - 150px) * 3 / 4);
        flex-direction: column;
        justify-content: flex-start;
        flex-wrap: nowrap;
    }

    .under main .ovn_thumb p {
        width: 100px;
        height: 75px;
        margin-bottom: 10px;
    }

    .thumb_prev {
        bottom: -25px;
    }
}

/* IPHONE 14 */
@media screen and (max-width: 440px) {

    /*============ ORTHER ============ */
    .under .ovn_list dl {
        flex-wrap: wrap;
    }

    .under .ovn_list dd {
        width: 100%;
        margin-top: 10px;
    }

    .under .ovn_list dt img {
        top: inherit;
    }

    .under main .list_news li {
        padding: 15px;
        margin-bottom: 20px;
        min-height: inherit;
    }

    .under main .list_news li .big {
        font-size: 18px;
    }

    .under main .list_news li .date {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .under main .list_news li .des {
        max-height: 60px;
        -webkit-line-clamp: 2;
    }

    .under main .list_news li .img {
        width: 100%;
        position: relative;
        top: inherit;
        left: inherit;
        margin: 10px auto;
    }

    .under main .list_5btn .btn a {
        font-size: 14px;
    }

    .ovn_page main .list_5btn .btn:nth-child(10) a {
        font-size: 13px;
        padding-right: 22px;
    }

    /* OVN */
    .under main .ovn_big {
        width: calc(100vw - 120px);
        height: calc((100vw - 120px) * 3 / 4);
    }

    .under main .ovn_thumb_wrap {
        width: 80px;
    }

    .under main .ovn_thumb {
        width: 80px;
        height: calc((100vw - 120px) * 3 / 4);
    }

    .under main .ovn_thumb p {
        width: 80px;
        height: 60px;
    }


}

/* IPHONE 6 */
@media screen and (max-width: 380px) {
    .under main .list_5btn .btn a {
        font-size: 13px;
        background-size: 12px auto;
        background-position: right 5px center;
        height: 50px;
        padding-right: 12px;
    }

    .ovn_page main .list_5btn .btn:nth-child(10) a {
        font-size: 12px;
        padding-right: 12px;
    }

    .under main .list_step dt .icon {
        width: 67px;
        margin-right: 6px;
    }


}

@media screen and (max-width: 360px) {
    .ovn_page main .list_5btn .btn:nth-child(10) a {
        font-size: 11px;
        padding-right: 15px;
    }
}

/* FIREFOX ONLY */
@-moz-document url-prefix() {}

/* Safari 10.1+ (which is the latest version of Safari at this time) */
@media not all and (min-resolution: 0.001dpcm) {}