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

/* HOVER */
.under main #top_info{padding: 89px 0 9px 565px;}
.under main .full_page #top_info{padding: 80px 0 25px 0}


.under main #topic_path li a:hover{text-decoration:none}
.under main a[data-lightbox]:hover,
.under main .bnn a:hover{opacity: 0.7;}

.under main .ovn_content p a:hover,
.under main .link:hover{color: var(--scolor2);text-decoration: none;}
.under main .list_anchor .btn.active a{background-color: var(--scolor1);pointer-events: none;}

.under main .box_line:hover{opacity: 0.7}


/* BUTTON OVN DETAIL */
.under main .btn_list {display: flex;justify-content: center;position: relative;}
.under main .btn_list .is_prev {position: absolute;top: 0;left: 150px;}
.under main .btn_list .is_next {position: absolute;top: 0;right: 150px;}

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

.under main .content_under{display:flex;z-index: 79999;}
.under main .gnavi_under_left{position: fixed;height: calc(100% - 200px);transition: 0.3s all ease;top: 262px;z-index: 3;left: 97px;}
.under main .gnavi_under_left.active{top: 180px}
.under main .gnavi_under{position: sticky;top: 0;}
.under main .gnavi_under.hide{opacity: 0;visibility: hidden}
.under main .gnavi_under ul li a:hover{color:var(--mcolor);transform: translateX(4px);}
.under main .gnavi_under ul li a:hover::before{background: var(--mcolor);}
.under main .sub_content_under{width:100%;margin-left: auto;float: right;padding-left: 488px}
.under main .full_page{width: 100%;float: initial;margin: 0;padding-left: 0;}
.under main section.pd55{padding-bottom: 55px}


.under main .it_l,.under main .it_r{width: calc(100% - 550px);}
.under main .it_l{float: left;}
.under main .it_r{float: right;}


.under main .gnavi_under ul{overflow-y: auto; max-height: 510px;overflow-x: hidden;}

.under main .gnavi_under{padding: 30px 20px}



.under main .contact_list_un .box_contact:hover,.under main .hover:hover{opacity: 0.7}
.under main .ud_box_contact:hover {background-color: rgba(251, 210, 17, 0.3);}

.under main .list_step .align-center{align-items: center}

.under main .box_right{float: right;max-width:calc(100% - 550px); }
.under main .u_info{display: inline-block;}
.under main .w400{width:400px;}
.under main .ud_banner:hover{opacity: 0.7}

.under main .under_step_land.col7 .under_step_item{width: calc(100% / 7);}
.under main .under_step_land.col6 .under_step_item{width: calc(100% / 6);}
.under main .contact_list_un .box_tel{margin-right: 25px}

}
@media screen and (min-width:2000px) {
    .under main .gnavi_under_left{left: calc(50% - 895px);}
}
@media screen and (min-width: 751px) and (max-width: 1600px){
    .under main{padding-top: 100px}
    .under main h2{font-size: 60px}
    .under main .gnavi_under_left.active{top: 130px}
    .under main .sub_content_under,.under main #top_info { padding-left: 335px;}
    .under main .gnavi_under_left{left: 30px;top: 215px;}
    .under main .gnavi_under{padding: 20px 25px;width: 300px;}
    .under main .gnavi_under ul{padding-left: 5px;max-height: 335px;}
    .under main .gnavi_under ul li{margin-bottom: 5px}
    .under main .gnavi_under ul li a{font-size: 14px;line-height: 1.4em}
    .under main .gnavi_under ul .list-big a{font-size: 16px}
    .under main .gnavi_under ul .list-big a::before{top: 2px}
    .under main .gnavi_under ul li a::before{top: 7px}

    .under main .image_r, .under main .image_l {width: 350px;}
    .under main .it_l,.under main .it_r{width: calc(100% - 400px);}

    .under main .frame_pick .pick_ttl::before{width: 660px;height: auto;aspect-ratio: 800 / 421;}
    .under main .box_right{float: right;max-width:calc(100% - 400px); }


    .under main .gnavi_under .tt_ml{line-height: 1.5em;font-size: 25px;}
    .under#about main .gnavi_under{padding:10px 30px 20px 30px;}
    .under#about main .gnavi_under ul li{line-height: 1.5em}

    .under#service main .gnavi_under{padding:10px}
    .under#service main .gnavi_under .tt_ml{line-height: 1.5em}
    .under#service main .gnavi_under ul .list-big{margin:5px 0;}
    .under#service main .gnavi_under ul li:not(.list-big){margin-left: 10px}
    .under#service main .gnavi_under ul li{line-height: 1.5em}
    .under#service main .gnavi_under ul li{font-size: 14px}

    .under#inheritance main .gnavi_under .tt_ml{line-height: 1.4em}
    .under#inheritance main .gnavi_under{padding: 10px 20px}
    .under#inheritance main .gnavi_under ul li{line-height: 1.5em}
    .under#inheritance main .gnavi_under ul .list-big{margin: 0}
    .under main .gnavi_under ul li:not(.list-big){margin-left: 10px}
    .under#inheritance main .gnavi_under ul li a{font-size: 14px;line-height: 1.4em;}
    .under#inheritance main .gnavi_under ul li a::before{top: 7px;}
    .under#inheritance main .gnavi_under ul .list-big a::before{top: -1px;}

    .under#loan main .gnavi_under .tt_ml{line-height: 1.5em}
    .under#loan main .gnavi_under ul .list-big{margin: 5px 0}
    .under#loan main .gnavi_under{padding: 10px 20px 40px 20px}
    .under#loan main .gnavi_under ul li{line-height:1.4em}
    .under#loan main .gnavi_under ul .list-big a{font-size: 16px}
    .under#loan main .gnavi_under ul li a{font-size: 14px}

    .under main .u_bg{padding: 50px 40px 100px 40px;}
    .under main table .th1{padding: 20px 10px}
    .under main table .th1,.under main table.mailform th, .under main table th{font-size: 17px}
    .under main table.mailform th, .under main table th{padding: 9px}
    .under main table td{font-size: 15px}

    .under main .contact_list_un .box_contact{margin-left: 0}

    .under_step_land .under_step_item{margin-right: 20px}
    .under_flow_item{padding: 10px 5px;}
    .under_flow_item p{font-size: 15px;}

}
@media screen and (min-width: 751px) and (max-width: 1280px){
.under main .contact_list_un .box_tel{margin-right: 0}
}
@media screen and (max-width: 750px) {
.under main #content{padding:0 0 120px}
.under main section{padding:0 0 60px;}

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

/*==========================================================
                 C U S T O M
==========================================================*/
/*  TOP INFO  */
.under main #top_info{padding: 50px 0 10px 0}
.under main #topic_path{margin: 1px 0 0 0;}
.under main #topic_path li,
.under main #topic_path li a{font-size: 14px;}

.under main #topic_path li:not(:last-child)::after{margin: 0 5px 0 10px;}

.under main .gnavi_under .tt_ml{font-size: 20px;margin-bottom: 5px}
.under main .gnavi_under{position: relative;padding: 15px 20px;margin: 30px auto; width: calc(100% - 30px);}
.under main .gnavi_under,.under main .gnavi_under::before{border-radius: 10px;}
.under main .gnavi_under ul li{margin-bottom: 2px}
.under main .gnavi_under ul li a{font-size: 16px;padding-left:15px;line-height: 1.5em;}
.under main .gnavi_under ul .list-big a{font-size: 18px;padding-left: 18px;}
.under main .gnavi_under ul li a::before{top: 10px}
.under main .gnavi_under ul .list-big a::before{height: calc(100% - 2px);top: 2px;}

/*============ HEAD TITLE ============ */
.under main h2{font-size:26px;}
.under main h3,
.under main .ovn_content h3{font-size:24px;border-bottom: 2px solid var(--txt);padding: 0 0 12px 10px;}
.under main h4,
.under main .ovn_content h4{font-size:22px;margin-bottom: 30px;padding: 10px 15px;}
.under main h5,
.under main .ovn_content h5{font-size:20px;padding-left: 20px;}
.under main h5::before{width: 6px;}



.under main h6,
.under main .ovn_content h6{font-size:16px;}

.under main .first_ttl01{font-size: 22px}



/*============ TABLE ============ */
.under main table{margin-bottom:30px;border-width: 4px}
.under main table td,
.under main table th,.under main table .th1{padding:12px 10px}
.under main table.mailform th, .under main table th{font-size: 18px}
.under main table.tb_block tr,.under main table.tb_block1 tr,.under main table.mailform th{display:flex;flex-direction:column}
.under main table.tb_block tr:not(:last-child) th,.under main table.mailform tr:not(:last-child) th{border-bottom:none}
.under main table.tb_block td + td,.under main table.mailform td + td{border-top: none;}
.under main table.tb_block th,.under main table.mailform th,.under main table.tb_block1 th,
.under main table.tb_block td,.under main table.tb_block1 td{width: 100%;}
.under main table.tb_block tr:first-child td,.under main table.mailform tr:first-child td{border-top: 1px solid rgb(241,129,0,90%);border-radius: 0;}

.under main table.tb_block tr:first-child th:first-child,.under main table.mailform tr:first-child th:first-child,.under main table.tb_block1 tr:first-child th:first-child{border-radius: 16px 16px 0 0;}
.under main table.tb_block tr:last-child th,.under main table.mailform tr:last-child th,.under main table.tb_block1 tr:last-child th{border-radius:0}
.under main table tr:last-child td:last-child{border-radius: 0 0 16px 16px;}
.under main table.tb_block2 tr{display:table-row;}
.under main table.tb_block2 th, .under main table.tb_block2 td{width: auto}
.under main table.tb_block2 tr:first-child th.th_sp{border-radius: 14px 0 0 0;}
.under main table tr th.b-bottom{border-bottom: 1px solid rgb(241,129,0,90%)}
/* 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 .ovn_content ul{}
.under main .list01 li,
.under main .ovn_content ul li{font-size: 18px; padding-left: 24px;}
.under main .list01 li::before,
.under main .ovn_content ul li::before{top: 12px;width: 10px;height: 10px;}

.under main .list_check{}
.under main .list_check li{font-size: 18px;padding-left: 30px;}
.under main .list_check li::before{top: 12px;left: 10px;width: 6px;height: 15px;}

.under main .list02 li, .under main .ovn_content ol li{font-size: 18px}
.under main .list02 li::before, .under main .ovn_content ol li::before{font-size: 15px;top: 7px;}

/* LIST FAQ */
.under main .list_faq{margin-top: 40px}
.under main .list_faq dl{margin-bottom: 30px; padding: 15px}
.under main .list_faq dt span{width: 45px;height: 45px;font-size: 25px;}
.under main .list_faq dt{font-size: 20px;min-height: 50px;padding-bottom: 3px;}
.under main .list_faq dd{padding-left: 65px}

/* List STEP */
.under main .list_step .item_step{margin-bottom: 30px;flex-direction: column;border-bottom-width: 6px;padding: 10px 10px 25px 10px;}
.under main .list_step .item_step:not(:last-child)::before{left: 0;right: 0;margin: 0 auto;bottom: -18px;}
.under main .list_step .item_step .info_tt{margin: 0 0 20px 0}
.under main .list_step .item_step .txt_step{font-size: 18px}
.under main .list_step .item_step .num_step{margin-bottom: 0;font-size: 55px}
.under main .list_step .tt-step{font-size: 20px;text-align: center;line-height: 1.7em;}

/*============ FRAME ============ */
.under main .frame01{padding:30px 15px;border-width: 10px;border-radius: 10px;}

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

.under main .frame_pick{padding: 50px 0;}
.under main .frame_pick::before{left: -30px;width: calc(100% + 60px);}
.under main .frame_pick .pick_ttl{font-size: 30px;margin: -60px 0 35px 0}
.under main .frame_pick .pick_ttl::before{width: 285px;height: auto;aspect-ratio: 800 / 421;top: -22px;}
.under main .frame_pick .tt-pick{font-size: 20px;line-height: 1.8em;}
.under main .frame_pick .info_sub{padding: 25px}

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

.under main .u_bg{padding: 30px 20px;margin: 50px 0;}
.under main .u_bg:last-child{margin: 50px 0 0 0}
.under main .txt_catch {font-size: 3.2vw;margin: 35px auto;}

.under main .ud_banner {background-size: auto 30px, auto 40px;background-position: bottom 5px left 5px, top 5px right 5px;max-width: 350px;padding: 40px 10px;}
.under main .ud_banner p {font-size: 18px;line-height: 1.8em;}
.under main .contact_list_un{padding: 20px 10px;flex-direction: column}
.under main .contact_list_un .h_time{flex-direction:column;}
.under main .contact_list_un .h_time dl:not(:last-child){margin-bottom: 5px}
.under main .contact_list_un .h_time dt{min-width: 60px}
.under main .contact_list_un .h_time dd{line-height: 1.5em}
.under main .contact_list_un .box_tel{margin-bottom: 20px}
.under main .contact_list_un .h_tel{font-size: 30px;background-size: auto 20px;background-position: left top 4px;padding-left: 25px;margin-left: 10px;}
.under main .contact_list_un .box_contact{margin-left: 0;background-size: auto 28px;padding: 52px 10px 20px 10px;width: 100%;max-width: 240px;}
.under main .contact_list_un .box_contact .tt-contact{font-size: 18px;text-align: center;line-height: 1.5em;}

.under main .box_voluntary > div {width: 100%; padding: 35px 20px 25px;}
.under main .box_voluntary .title {font-size: 16px; padding: 14px 30px;}
.under main .box_voluntary .demerit {margin-top: 50px;}

.under main .ud_box_contact {padding: 40px 10px 35px;background-size: auto 25px;}
.under main .ud_box_contact_label {font-size: 16px;padding: 2px 15px;top: -24px;}
.under main .ud_box_contact_tl {font-size: 18px;}

.under main .ud_box_tel {margin-top: 50px;padding: 30px 10px;max-width: 585px;}
.under main .ud_box_tel:before {top: -30px;width: 60px;height: 60px;background-size: 30px auto;background-position: center left 14px;}
.under main .ud_box_tel .tl {font-size: 15px;}
.under main .ud_box_tel .tel {font-size: 30px;}
.under main .ud_box_tel .tel a{padding-left: 30px}
.under main .ud_box_tel .tel a::before{top: 10px;}
.under main .ud_box_tel .txt_time {font-size: 12px;}

.under main .ovn_content .img_main{margin: 40px 0}
.under main .post_voice_tt{font-size: 20px}
.under main .btn_list {display: flex;margin: 0 auto;flex-direction: column;align-items: center;}
.under main .btn_list li:not(:last-child) {margin-bottom: 20px;}

.under main .list_anchor_about a{background-position: center right 15px;}
.under main .box_line{flex-direction: column;padding: 42px 20px 35px;}
.under main .box_line_content{margin: 0 0 20px 0}
.under main .box_line .txt_l{font-size: 30px}
.under main .box_line .txt_s{font-size: 18px;margin-top: 5px}
.under main .contact_list_un .h_time .time2{margin-left: 0} 
.under main .box_register{flex-direction: column;max-width: 400px;margin: 40px auto 30px auto}
.under main .box_register .item{width: 100%;margin-bottom: 20px}
.under main .box_register .item:last-child{margin-bottom: 0}
.under_step_land{flex-direction: column;}
.under_step_land .under_step_item {
    width: 100%;
    margin: 0;
  }
  .under_step_land .under_step_item:not(:last-child) {
    margin-bottom: 40px;
  }
  .under_step_land .under_step_item::before {
    border-width: 25px 40px 0 40px;
    border-color: #fff3d7 transparent transparent transparent;
    top: auto;
    bottom: -25px;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
  .under_step_land .under_step_item:nth-of-type(2)::before {
    border-color: #ffebbb transparent transparent transparent;
  }
  .under_step_land .under_step_item:nth-of-type(3)::before {
    border-color: #fbe2a4 transparent transparent transparent;
  }
  .under_step_land .under_step_item:nth-of-type(4)::before {
    border-color: #ffdf91 transparent transparent transparent;
  }
  .under_step_land .under_step_item:nth-of-type(5)::before {
    border-color: #f0c969 transparent transparent transparent;
  }
  .under_step_land .under_step_item:nth-of-type(6)::before {
    border-color: #f9ca54 transparent transparent transparent;
  }
  .under_step_land .under_step_title .num {
    width: 45px;
    height: 45px;
    font-size: 23px;
  }
  .under_step_land .under_step_title .tl {
    font-size: 16px;
    height: auto;
    line-height: 1.5em;
  }
  .under_flow {
    display: block;
  }
  .under_flow_item {
    width: 100%;
    max-width: 300px;
    margin: 0 auto 30px;
  }
  .under_flow_item:not(:last-child):after {
    top: auto;
    left: 0;
    right: 0;
    bottom: -35px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .under_flow_item p {
    font-size: 16px;
  }
  .under main .u_tt1 .txt{font-size: 14px;padding: 3px 25px 5px 25px;}
  .under main .u_tt2 .txt{font-size: 16px;padding: 5px 25px;line-height: 1.5em;}
  .under main .u_tt2 .txt::before{width: 24px;height: auto;aspect-ratio: 14 / 13;bottom: -22px;}

}


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

.under main .txt_catch {font-size:5.3vw;padding: 20px 0px;}

.under main .user-voice{height: 250px;margin-bottom: 15px !important}
.under main .list_faq dd .btn{margin-left: -65px;}
.under main .list_faq dd .btn a{width:270px;line-height: 1.2em;text-align: center;}

.under main .contact_list_un .h_tel{display: flex;justify-content: center;}
.under main .contact_list_un .h_tel{padding-left: 16px;}

}


/* IPHONE 6 */
@media screen and (max-width: 360px) {
    .under main .frame_pick .pick_ttl::before{width: 230px}

    .under main .contact_list_un .h_tel{font-size: 25px;background-size: auto 18px;background-position: left top 5px;}

    .under main .ud_box_contact_tl{font-size: 16px}
    .under main .ud_box_tel .tel{font-size:25px}
    .under main .ud_box_tel .tel a::before{width:20px;auto;aspect-ratio: 1 / 1;top: 9px;height: auto;}

    .under main .box_line .txt_l{font-size: 25px}

    .under main .list_faq dd .btn a{width: 215px;font-size: 14px;}
}