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

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

.under main .ovn_content p a:not(a[target=_blank]):hover,
.under main .link:not(a[target=_blank]):hover{color: var(--scolor);}
.under main .list_anchor .btn.active a{background: var(--scolor);pointer-events: none;}

/* 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 .box_pic {position: relative;padding-left: 514px;min-height: 340px;margin-bottom: 30px;}
.under main .box_pic .pic {position: absolute;left: 0;top: 0;}
.under main .box_pic.u_right {padding: 0 514px 0 0;}
.under main .box_pic.u_right .pic {left: initial;right: 0;}

}

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

.under main .image_r,
.under main .image_l,
.under main .box_pic .pic{float:none;display:block;width:fit-content;text-align:center;margin:0 auto 30px !important}

.under main .image_r::before {width: 60px;height: auto;aspect-ratio: 121/115;bottom: -10px;right: -10px;}

.under main .list_anchor .btn {width: 100%;max-width: 280px;}
.under main .list_anchor .btn a {height: 90px;}
.under main .btn a .has_ic {padding: 0 50px 0 20px;}

/*==========================================================
                 C U S T O M
==========================================================*/
/*  TOP INFO  */
.under main #top_info{height:200px;margin-bottom: 5px;}
.under main #topic_path{margin-bottom:40px}
.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 10px 0 12px;top: -1px;}

/*============ HEAD TITLE ============ */
.under main h2{font-size:26px;}
.under main h3,
.under main .ovn_content h3{font-size:24px;margin-bottom: 15px;}
.under main h3 .en,
.under main .ovn_content h3 .en {font-size: 14px;margin-bottom: 5px;}
.under main h3 .en::before,
.under main .ovn_content h3 .en::before {width: 28px;height: auto;aspect-ratio: 36/35;top: -10px;left: -10px;}
.under main h4:not(.pick_ttl),
.under main .ovn_content h4:not(.pick_ttl){font-size:22px;margin-bottom: 36px;}
.under main h4:not(.pick_ttl)::after,
.under main .ovn_content h4:not(.pick_ttl)::after {width: calc(100% - 7px);}
.under main h5,
.under main .ovn_content h5{font-size:20px;padding-left: 18px;}
.under main h5::before,
.under main .ovn_content h5::before {width: 4px;height: 100%;}
.under main h6,
.under main .ovn_content h6 {font-size:18px;text-decoration-thickness: 1px;text-underline-offset: 7px;line-height: 1.9;margin-bottom: 20px;}

/*============ TABLE ============ */
.under main table{margin-bottom:30px}
.under main table td,
.under main table th{padding:15px 10px}
.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.mailform th,
.under main table th {font-size: 18px;}

.under main table.mailform tr:not(:first-child) th,
.under main table.tb_block tr:not(:first-child) th {border-top: 0;border-bottom: 0;}

.under main table.mailform tr th {border: 1px solid var(--mcolor);}
.under main table.mailform tr:first-child th {border-bottom: none;}
.under main  form#fmail input.postcode {top: -2px;padding: 2px 10px 2px;}

.under main table.tb_fix_center p {text-align: center;font-size: 15px;letter-spacing: 0;}
.under main table.tb_fix_center .f_big {font-size: 19px;line-height: 1.4;}

/* 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;line-height: 1.4;}

#about main table th,
#about main table td {padding: 10px 8px;}

#about main .tb_scroll table {width: 1000px;}

/*============ LIST ============ */
.under main .list01 li,
.under main .ovn_content ul li{font-size: 18px;padding-left: 20px;}
.under main .list01 li::before,
.under main .ovn_content ul li::before {top: 9px;width: 10px;height: 10px;}

.under main .list02 li,
.under main .ovn_content ol li{font-size: 18px;padding-left: 30px;}
.under main .list02 li::before,
.under main .ovn_content ol li::before{font-size: 20px;width: 20px;height: 20px;top: 4px;}

.under main .list_check li{font-size: 18px;padding-left: 25px;}
.under main .list_check li::before {top: 6px;}

/* LIST FAQ */
.under main .list_faq dl{margin-bottom: 30px; padding: 15px}
.under main .list_faq dl::before {top: 5px;left: 5px;width: calc(100% - 10px);height: calc(100% - 10px);}
.under main .list_faq dt span{width: 35px;height: 35px;}
.under main .list_faq dt{font-size: 16px;min-height: 50px;padding-bottom: 12px;}
.under main .list_faq dd span{width: 35px;height: 35px;}

/* List STEP */
.under main .list_step dl{margin-bottom: 32px;padding-bottom: 40px}
.under main .list_step dl:not(:last-child)::before {width: 60px;height: 23px;left: calc(50% - 30px);}

.under main .list_step dt .num {padding: 7px 15px 2px;font-size: 16px;}
.under main .list_step dd::before {top: 5px;left: 5px;width: calc(100% - 10px);height: calc(100% - 10px);}

.under main .list_step dt h6 {margin-bottom: 6px;}

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

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

.under main .frame_pick{padding:30px 15px;box-shadow: 5px 5px rgba(0,37,89,.1);}
.under main .frame_pick .pick_ttl{font-size:24px;margin-bottom: 15px;}
.under main .frame_pick .pick_ttl .en {font-size: 14px;margin-bottom: 5px;}
.under main .frame_pick .pick_ttl .en::before {width: 28px;height: auto;aspect-ratio: 36/35;top: -10px;left: -10px;}
.under main .frame_pick .box_pic:not(:last-child) {margin-bottom: 24px;}

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


/* ===========  OVERNOTE ===========  */
.under main .list_ovn {display: grid;gap: 20px;grid-template-columns: repeat(2,2fr);}
.under main .list_ovn li {width: 100%;margin: 0;flex-direction: column;padding: 20px;}
.under main .list_ovn li::before {top: 8px;left: 8px;width: calc(100 - 30px);height: calc(100% - 30px);}
.under main .list_ovn li .cate {font-size: 14px;}
.under main .list_ovn li .img {height: auto;width: 100%;max-width: 100%;margin-bottom: 15px;}
.under main .list_ovn .info_box {width: 100%;}
.under main .list_ovn .info_box .big {font-size: 18px;}
.under main .list_ovn .info_box .date {font-size: 14px;}

.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;}


/* ===========  box_col2 ===========  */
.under main .box_col2 {}
.under main .box_col2 .item {width: 100%;margin: 0 0 30px;}
.under main .box_col2 .item:not(:last-child) {margin-right: 10px;}

/* ===========  u_bnn_contact ===========  */
.under main .u_bnn_contact .bnn_tel {padding: 20px 30px;}
.under main .u_bnn_contact .bnn_tel a {font-size: 34px;padding-left: 25px;margin-bottom: 5px;}
.under main .u_bnn_contact .bnn_tel a::before {top: 4px;width: 18px;height: auto;aspect-ratio: 24/31;}
.under main .u_bnn_contact .bnn_tel .time {font-size: 16px;}

/* ===========  FMAIL ===========  */
.under main #fmail .info {letter-spacing: 0;}
.under main div#fmail_thankspage {font-size: 10px;line-height: 1.5em;}
.under main div#fmail_thankspage p {letter-spacing: 0;}
.under main table div.fmail_must {height: 21px;margin-top: 2px;}
.under main td#d_en1740557316 {padding: 30px 5px 20px;}

/* ===========  COMPANY ===========  */
.under main .company_box01 {align-items: center;padding: 30px 15px 40px;margin-bottom: 20px;}
.under main .company_box01 .pic {position: unset;margin-bottom: 15px;}
.under main .company_box01 .txt_01 {font-size: 24px;margin-bottom: 10px;}
.under main .company_box01 .txt_02 {font-size: 18px;}
.under main .company_box01 .txt_03 {font-size: 30px;}
.under main .company_box01 .txt_03 .f_sm {font-size: 18px;margin-right: 20px;}


}


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

.under main .list_anchor .btn a {min-height: 70px;height: auto;padding: 12px 0;}

/*============ OVERNOTES ============ */
.under main .list_ovn {grid-template-columns: repeat(1,1fr);}
.under main .list_ovn li .img {height: 50vw;}
.under main .list_ovn li {width: 100%;}
.under main .list_ovn li:last-child {margin-bottom: 0;}



}


/* IPHONE 6 */
@media screen and (max-width: 360px) {

    .under main h2{font-size:25px;}
    .under main h3,
    .under main .ovn_content h3{font-size:23px;}
    .under main h4:not(.pick_ttl),
    .under main .ovn_content h4:not(.pick_ttl){font-size:22px;}
    .under main h5,
    .under main .ovn_content h5{font-size:21px;}
    .under main h6,
    .under main .ovn_content h6{font-size:20px;}

    .under main .frame_pick .pick_ttl {font-size: 22px;}

    .under main .u_bnn_contact .bnn_tel a {font-size: 30px;}

}