@media screen and (min-width: 751px) {
  .under main .nextPage a:hover::after,.under main .prevPage a:hover::after{border-color: #FFF;}
  .lightbox,
  .lightboxOverlay{min-width: var(--container);}
  .alignleft{float:left;margin-right:3rem;}
  .alignright{float:right;margin-left:3rem;}
  .under main .image_l{float:left;margin:0 12rem 0 0}
  .under main .image_r{float:right;margin:0 0 0 12rem}
  .under main .ttl_l,.under main .ttl_r{width:60rem;margin-top: -2rem;}
  .under main .ttl_l{float: left;}
  .under main .ttl_r{float: right;}

  #investment main h3 .en{margin-bottom: -1.7rem;}

  /* 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: 15rem;}
  .under main .btn_list .is_next {position: absolute;top: 0;right: 15rem;}
  .pdb_20pc{padding-bottom: 2rem;}
  .pdb_50pc{padding-bottom: 5rem;}
  .pdb_80pc{padding-bottom: 8rem;}
  .pdb_110pc{padding-bottom: 11rem;}

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

}

@media screen and (max-width: 750px) {
  .alignleft,.alignright{margin-left: auto;margin-right: auto;display: block;}
  .under main #content{padding:0 0 6rem}
  .under main section{padding:0 0 5rem;}

  .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
  ==========================================================*/
  /*  TOP INFO  */
  .under main #top_info{height:26rem;padding-top: 6rem;}
  .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.8rem;text-shadow: rgba(5, 64, 127, 0.85) 0rem 0.3rem 7rem,rgba(5, 64, 127, 0.85) 0rem 0.3rem 7rem,rgba(5, 64, 127, 0.85) 0rem 0.3rem 7rem,rgba(5, 64, 127, 0.85) 0rem 0.3rem 7rem,rgba(5, 64, 127, 0.85) 0rem 0.3rem 7rem,rgba(5, 64, 127, 0.85) 0rem 0.3rem 7rem,rgba(5, 64, 127, 0.85) 0rem 0.3rem 7rem;}
  .under main h2 span{font-size: 2.2rem;}
  .under main h3 .en{font-size: 6rem;margin: 0 auto;padding-top: 2rem;}
  .under main h3::after { width: 7rem; height: 5rem; left: calc(50% - 3.5rem); top: 0; }
  .under main h3{font-size:2.5rem;margin-bottom: 1rem !important;}
  .under main h4{font-size:2.3rem;margin-bottom: 1rem;line-height: 1.6;}
  .under main h4 span{font-size: 2rem;}
  .under main h4 .sys_l{margin-left: -1rem;}
  .under main h5{font-size:2rem;}
  .under main h6{font-size:1.8rem;}
  .under main .u_heading{padding: 2rem 0 4rem;}
  .under main .u_heading p{font-size: 1.7rem;line-height: 1.9;}
  .under main .list01 li::before{top: 1.1rem;}

  /*============ TABLE ============ */
  .under main table{margin-bottom:30px}
  .under main table td,
  .under main table th{padding:1rem 1.5rem}
  .under main table.tb_block tr{display:flex;flex-direction:column}
  .under main table.tb_block tr th,.under main table.tb_block td{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%;border-right: 0 !important;border-left: 0 !important;}

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

  /*============ LIST ============ */
  .under main .u_frame{padding: 5rem 0;}
  .under main .u_col3{flex-direction: column;gap: 4rem;}
  .under main .u_col3 dl{width: 100%;}
  .under main .u_col3 dl dt{text-align: center;}
  .under main .list01 li,.under main .list_check li,.under main .list02 li{font-size: 1.7rem;}
  .under main .list_check li{padding-left: 2.4rem;}
  .under main .list_check li::before{top: 0.9rem;}

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

  /*============ FRAME ============ */
  .under main .frame01{padding:3rem 1.5rem}
  .under main .frame02{padding:3rem 1.5rem}
  .under main .frame_pick{padding:3rem 1.5rem}

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


  /*============ OVN ============ */
  .under main .post_list{gap: 3rem 2rem;}
  .under main .post_list > dl{width: calc((100% - 2rem) / 2);}
  .under main .btn a{width: 30rem;}
  .under main .btn.hidden{display: none;}
  .under main .btn_ovn{gap: 1rem;}
  .under main .btn_ovn .btn{width: 32%;}
  .under main .btn_ovn .btn a{width: 100%;}
  .under main .nextPage a::after,
  .under main .prevPage a::after{border-width: 1px;width: 1rem;height: 1rem;top: calc(50% - 0.5rem);}
  .under main .nextPage a::after{right: 1rem;}
  .under main .prevPage a::after{left: 1rem;}
}


/* IPHONE 14 */
@media screen and (max-width: 440px) {
  .under main .post_list > dl{width: 100%;}
  .under main .btn_ovn{flex-direction: column;align-items: center;}
  .under main .btn_ovn .btn{width: 30rem;}
}


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