@media screen and (min-width: 751px) {
    .lightbox,
    .lightboxOverlay {min-width: var(--site_size);}

    /* HOVER */
    .under main #topic_path li a:hover{text-decoration:underline}
    .under main a[data-lightbox]:hover,
    .under main .bnn a:hover,
    .under main .list_news li.link_post:hover,
    .under main .list_news li.link_case .img:hover{opacity:.7}
    .under main .list_news li.link_case .link:hover{text-decoration:underline}

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

    .under main .list_anchor .btn.active a{background:var(--scolor);pointer-events:none;border-color:var(--scolor)}
    .under main .list_ovn li .big a:hover{color:var(--mcolor)}
    .under main .bnr_over a{position:relative}
    .under main .bnr_over a::before{position:absolute;content:"";width:0;height:100%;background-color:rgba(255,255,255,0.2);left:0;top:0;transition:all .3s}
    .under main .bnr_over a:hover::before{width:100%}
    .under main .list_link li a:hover{color:var(--mcolor)}
    .under main .list_3anchor li a:hover{background:#333;color:#fff}
}

@media screen and (max-width: 750px) {
    .under main #content {padding: 0 0 80px}
    /*==========================================================
                            C U S T O M
    ==========================================================*/
    .under main{padding-top:100px}
    .under .bg_main::after{display:none}

    .under main table td,
    .under main table th{padding:10px 8px}
    .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 .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}
    .under main table.tb01 th{padding:10px 5px;width:120px}
    
    table.tb_block_sp tr{display:flex;flex-direction:column}
    table.tb_block_sp td+td{border-top:none}
    table.tb_block_sp th{width:100%;padding:12px 12px 9px;border-bottom:none}
    table.tb_block_sp td{width:100%;padding:12px 12px 9px}
    table.tb_block_sp tr:last-child th{border-bottom:none}

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

    .under main .box_map{height:250px}
    .under main .pick_ttl_en{padding-right:10px}
    .under main .frame_pick .un_ttl2,
    .under main .frame_pick .un_ttl3,
    .under main .frame_pick .un_ttl4,
    .under main .frame_pick .un_ttl5,
    .under main .frame_pick .un_ttl6{padding-right:75px}
}

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

/* IPHONE 6 */
@media screen and (max-width: 390px) {
    .under main table.tb01 th,
    .under main table.tb01 td {font-size: 14px;letter-spacing: 0em;}
    .under main table.tb01 th {width: 88px;padding: 10px 0px;}
    .under main .sec10 .cta_btn {padding: 0 20px;}
}

@media screen and (max-width: 360px) {
    .under main .un_bnr li a {font-size: 20px;}
    .under main .list_step .cta_btn li.cta_mail a .lg {font-size: 22px;}
    .under main .list_step .cta_btn li.cta_tel a .num {font-size: 27px;background-position: left top 5px;}
    .under main .list_news li .img {height: 150px;}
}