@media screen and (min-width: 751px) {
  .lightbox,
  .lightboxOverlay{min-width: var(--container);}
  .under main .image_r,.under main .image_l{max-width: 500px;}
  .under main .image_l{float:left;margin:0 50px 0 0}
  .under main .image_r{float:right;margin:0 0 0 50px}
  .alignleft{float:left;margin-right:3rem;}
  .alignright{float:right;margin-left:3rem;}
  .under main .ttl_l,.under main .ttl_r{width: 690px;}
  .under main .ttl_l{float: left;}
  .under main .ttl_r{float: right;}
  .under main .box_h5:not(:last-child),.under main .u_box:not(:last-child){margin-bottom: 7rem;}
  .under main .box_h3{width: 90%;max-width: 110rem;margin: 0 auto;}
  .under main .box_h3:not(:last-child){margin-bottom: 6.2rem;}
  .under main .box_h5{padding: 8rem 0;}
  .under main .u_content dl{display: grid;grid-template-columns: 20% 80%;}
  .under main .u_content dl dd{border-left: 1px solid var(--scolor);padding: 0 2rem 0 5rem;}
  .under main h4{width: calc(100% + 16rem);margin-left: -8rem;padding: 2.2rem 6rem;margin-bottom: 6.6rem;}
  .under main #fmail_form table td{font-size: 16px;}

  /* 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;}
  .under main .ovn_list dl:hover::after {opacity: 1;visibility: visible;}
  .under main .u_content ul li a:hover{color: var(--mcolor);}
  .under main .u_content ul li a:hover::after{background-color: var(--mcolor);}
  .under main .u_content dl dt::after{content: "";position: absolute;background: url('../images/u_content_ic_arrow.png') no-repeat center /contain;width: 3.6rem;height:5.5rem;left: calc(50% - 1.8rem);bottom: -6rem;}
  /* HOVER */
  .under main #topic_path li a:hover{text-decoration:none}
  .under main .bnn a:hover{opacity: 0.7;}
  .under main .link:not(a[target=_blank]):hover{color: var(--scolor);}
  .under main .news_auth .cta a:hover{text-decoration: none;}


}
@media screen and (min-width: 751px) and (max-width: 1500px){
  .under main .inner{width: 1200px;}
  .under main .image_l{float:left;margin:0 40px 0 0}
  .under main .image_r{float:right;margin:0 0 0 40px}
  .under main .ttl_l, .under main .ttl_r{width: 630px;}
  .under main .box_h5::before{width: calc(100% + 8rem);left: -4rem;}
  .under main h4{width: calc(100% + 8rem);margin-left: -4rem;}
  #d_en1780467981 div.fmail_must, #d_en1767667757 div.fmail_must{left: calc(50% - 43rem);bottom: 1.4rem;}
}

@media screen and (max-width: 750px) {
  .alignleft,.alignright{margin-left: auto;margin-right: auto;display: block;}
  .under main #content{padding:0 0 80px}
  .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 20px !important}

  /*==========================================================
                  C U S T O M
  ==========================================================*/
  .under main{padding-top: 10rem;}
  .under main #content{border-radius: 4rem 4rem 0 0;}
  .under main #top_info{height:17rem;margin-bottom: 2rem;}
  .under main #top_info::after{width: 75rem;height: 4rem;}
  .under main #top_info .inner2::after{width: 7rem;height: 9rem;bottom: -0.5rem;right: 0.5rem;}
  /*  TOP INFO  */
  .under main #topic_path{margin-bottom: 0;}
  .under main #topic_path li,
  .under main #topic_path li a{font-size: 1.4rem;}
  /*============ HEAD TITLE ============ */
  .under main h2{font-size:2.4rem;}
  .under main h3{font-size:2.2rem;margin-bottom: 2rem;}
  .under main h4{font-size:2rem;padding: 1.2rem 2rem;margin-bottom: 3rem;}
  .under main h5{font-size:1.9rem;padding-left: 2.5rem;margin-bottom: 2rem;}
  .under main h5::before{width: 2rem;height: 1.8rem;top: -0.5rem;}
  .under main h6{font-size:1.8rem;}

  /*============ TABLE ============ */
  .under main table{margin-bottom:3rem}
  .under main table td,
  .under main table th{padding:1rem 1.15rem}
  .under main table th{font-size: 1.6rem;}
  .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%;}

  /* TABLE SCROLL */
  .under main .tb_note{font-size: 1.3rem;}
  .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;}
  .under main .box_h5:not(:last-child),.under main .u_box:not(:last-child){margin-bottom:5rem;}
  .under main .box_h3:not(:last-child){margin-bottom: 3rem;}
  .under main .box_h5,.under main .pickup_box{padding: 3rem 1.5rem}
  .under main .box_h5::before,.under main .pickup_box::before{width: 100%;left: 0;}
  .under main .u_content{position: relative;padding: 2rem 1.5rem 4.5rem;}
  .under main .u_content dl dd{border-top:1px solid var(--scolor);padding:2rem 1rem 1rem 0;}
  .under main .u_content ul li a{font-size: 1.6rem;line-height: 1.6;display: inline-block;}
  .under main .u_content ul li a::after{transform:translateY(3px);}
  .under main .u_content::after{content: "";position: absolute;background: url('../images/u_content_ic_arrow.png') no-repeat center /contain;width: 2rem;height:3rem;left: calc(50% - 1rem);bottom:1.5rem;}
  .under main .pick_2col{gap: 1rem;}
  .under main .pickup_box h4{margin-bottom: 2rem;}
  /* LIST FAQ */
  .under main .list_faq dl{margin-bottom: 3rem; padding: 1.5rem}
  .under main .list_faq dt{font-size: 1.6rem;min-height: 5rem;padding-bottom: 1rem;}
  .under main .list_faq dt span{top:0.3rem;}
  .under main .list_check li::before{top:0.5rem;}
  /* List STEP */
  .under main .list_step dl{margin-bottom: 2rem;padding-bottom: 2rem}
  .under main .list_step dt{font-size: 1.6rem;}
  .under main .list_step dl:not(:last-child)::before{width:5rem;height: 2rem;left: calc(50% - 2.5rem);}
  /*============ 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}

  .under main .ovn_list dl{padding: 1.5rem;}
  .under main .ovn_list dl{flex-direction: column;}
  .under main .ovn_list dt{margin: 0 0 2rem 0;width: 100%;height: 21rem;}
  .under main .ovn_list .info .date{font-size: 1.4rem;}
  .under main .ovn_list .info{margin: 0 0 0.5rem 0;}
  .under main .ovn_list .tt{font-size: 2rem;}

  .under main .btn_ovn{flex-direction: column;align-items: center;}
  .under main .btn a{width: 30rem;}
  .under main .btn.hidden{display: none;}

  .under main .news_auth{padding: 2rem 1.5rem 3rem;}
  .under main .news_auth_img{max-width: 120px;}
  .under main .news_auth .tt1{font-size: 2rem;margin-bottom:1rem;}
  .under main .news_auth .tt2{font-size: 1.5rem;margin-bottom: 1rem;}
  .under main .news_auth .tt3{font-size: 1.6rem;margin-bottom: 1rem;}
  .under main .news_auth_box{gap: 1.5rem;}

  #d_en1767667757 div.fmail_must{bottom: 1.9rem;left: calc(50% - 16.5rem);}
  #d_en1767667757 ol.fmail_checkbox_list{padding-left: 53px;max-width: 345px;margin: 0 auto;}
  .under main .contact_privacy dt{font-size: 1.6rem;}
}


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


  /*============ OVN ============ */
  .under .ovn_list dl{flex-wrap: wrap;}
  .under .ovn_list dd{width: 100%;margin-top: 10px;}
  .under .ovn_list dt img{top: inherit;}

}


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