@media screen and (min-width: 751px) {
  .lightbox,
  .lightboxOverlay{min-width: var(--container);}
  .under main .image_l{float:left;margin: 0 40px 0 0;}
  .under main .image_r{float:right;margin: 0 0 0 40px;}
  .under main .frame01 .image_l,.under main .frame01 .image_r{margin-top: 10px;}
  .under main .pdb_20pc{padding-bottom: 20px;}
  .under main .pdb_30pc{padding-bottom: 30px;}
  .under main .pdb_40pc{padding-bottom: 40px;}
  .under main .pdb_50pc{padding-bottom: 50px;}
  .under main .pdb_100pc{padding-bottom: 100px;}
  /* 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;}


  /* HOVER */
  .under main #topic_path li a:hover{text-decoration:underline}
  .under main .find_a_hv:hover,.under main .bnn a:hover{opacity: 0.7;}
  .under main .link:not(a[target=_blank]):hover{color: var(--scolor);}

}
@media screen and (min-width: 751px) and (max-width: 1580px){
  .under main h2{font-size: 4rem;}
  .under main h3{font-size: 3.8rem;}
  .under main h4{font-size: 3.6rem;}
}
@media screen and (max-width: 750px) {
  .alignleft,.alignright{margin-left: auto;margin-right: auto;display: block;}
  .under main #content{padding:0 0 8rem}
  .under main section{padding:0 0 6rem;}
  .under main .image_r,
  .under main .image_l{float:none;display:inline-block;width:100%;text-align:center;margin:0 auto 2rem !important}

  /*==========================================================
                  C U S T O M
  ==========================================================*/
  .under main #topic_path ul{padding: 1rem 0;}
  .under main #top_info{padding: 2rem 0;}
  .under main #top_info::before{top: 0;}
  .under main .u_mv_body{margin-bottom: 2rem;padding: 0 1rem;}
  .under main .u_mv_body::after{width: 32rem;height: 37rem;}
  .under main .u_mv_pick{width: calc(100% - 7.5rem);position: relative;height: 20rem;}
  .under main .u_mv_pick::after{width: 24rem;height: 10rem;right: -6.5rem;bottom: -2rem;}
  .under main .u_mv_pick img{max-width: inherit;max-height: 100%;}
  /*  TOP INFO  */
  .under main #topic_path{margin-bottom:1.5rem}
  .under main #topic_path li,
  .under main #topic_path li a{font-size: 1.4rem;}
  /*============ HEAD TITLE ============ */
  .under main h2{font-size:2.5rem;}
  .under main h3{font-size:2.4rem;padding-bottom: 2.5rem;margin-bottom: 2rem;}
  .under main h3::after{height: 1rem;width: 5.2rem;left: calc(50% - 2.6rem);}
  .under main h4{font-size:2.2rem;margin-bottom: 2rem;}
  .under main h5{font-size:2rem;margin-bottom: 2rem;}
  .under main h6{font-size:1.8rem;}

  /*============ TABLE ============ */
  .under main table{margin-bottom:3rem}
  .under main table td,
  .under main table th{padding:1.5rem}
  .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 th{border: 0;}
  .under main .tb_note{font-size: 1.3rem;}
  .under main .mb60{margin-bottom: 4rem;}

  /* TABLE SCROLL */
  .under main .tb_scroll{overflow:scroll;}
  .under main .tb_scroll:not(:last-child){margin-bottom: 3rem;}
  .under main .tb_scroll table{width: 100rem;}
  .under main .tb_note{margin-bottom: 1rem;color: #999;}

  .under main .secbnn{margin: 5rem 0;}
  .under main .usage_bnn{max-width: 50rem;margin-left:auto;margin-right: auto;}
  .under main .usage_bnn_box{padding: 0;}
  .under main .usage_bnn_box::before,.under main .usage_bnn_box::after{width: 14vw;height: 17vw;bottom: 4rem;}
  .under main .usage_bnn_box::before{left: -0.5rem;}
  .under main .usage_bnn_box::after{right: -0.5rem;}
  .under main .usage_bnn_box .tt1{font-size: 1.6rem}
  .under main .usage_bnn_box .tt2{font-size: 2.2rem;}
  .under main .usage_bnn_box .tt3{font-size:2.4rem}
  .under main .usage_bnn_box .tt3 img{width: 21rem;margin: 0 0.5rem;}
  /*============ LIST ============ */
  .under main .list01 li{padding-left: 1.8rem;}
  .under main .list01 li:before{top: 1.1rem;}

  .under main .anchor_list .btn{width: 100%;max-width: 40rem;}

  /* LIST FAQ */
  .under main .list_faq dl{margin-bottom: 3rem; padding: 1.5rem}
  .under main .list_faq dt span{top:0.3rem;}
  .under main .list_faq dt{font-size: 1.6rem;min-height: 5rem;padding-bottom: 0.3rem;}

  /* List STEP */
  .under main .list_step dl{margin-bottom: 2rem;padding-bottom: 4rem}
  .under main .u_2col, .under main .u_3col{gap: 1rem;}
  .under main img{border-radius: 1rem;}
  /*============ FRAME ============ */
  .under main .frame01,.under main .frame02{padding:2rem 1.5rem}
  .under main .frame_pick{padding:3rem 1.5rem}

  /*============ ORTHER ============ */
  .under main .box_map{height:25rem}

}


/* IPHONE 14 */
@media screen and (max-width: 440px) {
  .under main .u_2col, .under main .u_3col{grid-template-columns: repeat(1,1fr);}
}


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

}


/* 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) {}