@media screen and (min-width: 751px) {
  .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 4rem 0 0;}
  .under main .image_r{float:right;margin:0 0 0 5rem}
  .under main .image_l,.under main .image_r{max-width:62rem}
  .under main .image_r img,.under main .image_l img{border-radius: 1rem;}
  .under main .image_l ~ p,.under main .image_r ~ p{margin-top: -1rem;}
  .under main .inner{width: 123rem;}
  .under main #top_info .inner{padding-top: 2rem;width: 143rem;}
  .under main h2{font-size: 6.9rem;letter-spacing: -0.4rem;}
  .under main .udirect-info { width: 100%; max-width: 1000px; margin: 0 auto; padding: 20px; }
  /* 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 .udr-post li:hover { border-color: rgba(0, 0, 0, 0); box-shadow: 0 0 10px rgba(0, 0, 0, .16); }
  /* 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{color: var(--scolor);}

}
@media screen and (min-width: 751px) and (max-width: 1560px){
  .under main h2{font-size: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 20px !important}
  .under .ft_logo{margin-top: 3.5rem;}
  .under footer{padding-top: 0;}
  /*==========================================================
                  C U S T O M
  ==========================================================*/
  /*  TOP INFO  */
  .under main #top_info{height:250px;padding-top: 40px;}
  .under main #top_info .inner{width: 100%;}
  .under main #topic_path{margin-bottom:15px}
  .under main #topic_path li,
  .under main #topic_path li a{font-size: 14px;}
  /*============ HEAD TITLE ============ */
  .under main h2{font-size:26px;text-align: center;}
  .under main h3{font-size:24px;margin-bottom: 25px;}
  .under main h4{font-size:22px;margin-bottom: 20px;}
  .under main h5{font-size:20px;margin-bottom: 20px;}
  .under main h6{font-size:18px;margin-bottom: 20px;}
  .under main .u_tt2{font-size: 2rem;}
  .under main .u_tt1{font-size: 1.8rem;}
  .under main .u_tt3{font-size:2.2rem}
  .under main .anchor_list{gap: 1rem;}
  /*============ 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 .u_bg02, .under main .u_bg03{padding: 6rem 0;}
  .under main .pickup_box{padding: 3rem 1.5rem;}
  .under main .pickup_box::before{width: 20rem;height: 20rem;top: -5rem;left: -5rem;}
  .under main .pickup_tt{font-size: 24px;}
  .under main .pickup_tt .en{font-size: 14px;}

  .under main .u_bnn{max-width:458px;margin: 0 auto;}
  .under main .u_bnn_box{flex-direction: column;height: 48%;bottom: 1.5%;gap: 4%;}
  .under main .u_bnn_box .u_bnn_btn{width: 90% !important;}
  .under main .u_bnn_box .u_bnn_btn.tel{height: 38%;}
  .under main .u_bnn_box .u_bnn_btn.contact{height: 29%;}
  .under main .u_bnn_box .u_bnn_btn.line{height: 27%;}

  /*============ LIST ============ */
  .under main .u_box_full{margin: 6rem 0}
  .under main .frame01_tt{font-size: 1.8rem;}
  .under main .frame01_tt2{font-size:2rem}
  .under main .frame01_des{font-size: 1.8rem;}
  .under main .frame01_price{font-size: 2rem;}
  .under main .frame01_price .bold{font-size: 2.2rem;}
  /* LIST FAQ */
  .under main .list_faq dl{margin-bottom: 30px; padding: 15px}
  .under main .list_faq dt span{top:3px;}
  .under main .list_faq dt{font-size: 16px;min-height: 50px;padding-bottom: 3px;}

  /* List STEP */
  .under main .list_step dl{margin-bottom: 20px;padding-bottom: 40px}
  .under main .list01 li::before{top: 0.6rem;}
  .under main .list02 li::before{top: 0.2rem;}
  .under main .u_big{font-size: 18px;}
  /*============ FRAME ============ */
  .under main .frame01,.under main .frame02{padding:1.5rem}
  .under main .frame_pick{padding:30px 15px}

  #blog main .btn_box{gap:10px}
  #blog main .btn_box .btn{width: calc(33.33% - 10px)}
  #blog main .btn_box .btn a{width: 100%;}
  .under main .udr-post{grid-template-columns: repeat(2, 1fr);gap:20px}
  .under main .udr-post li{padding:15px;border-radius:10px;max-width:100%;margin: 0 auto}
  .under main .udr-post li:last-child{margin-bottom:0}
  .under main .udr-detail .udtl-item{margin-bottom:30px}
  .under main .udr-detail .udtl-img img{max-height:300px}
  .under main .udirect-info{padding:20px 15px}
  .under main .udirect-info dl{margin-bottom:10px}
  .under main .udirect-info dl dd{flex-direction:column}
  .under main .udirect-info .ttl,
  .under main .udirect-info .date{text-align:center}
  .under main .udirect-info .avt{margin-right:0;margin-bottom:10px;text-align:center}
  .under main .udirect-info .avt .name{margin-top:10px}
  .under main .udirect-info .name{font-size:16px;color:var(--mcolor)}
  .under main .udirect-info .info_txt{margin-bottom:15px;text-align:center}
  .under main .udirect-info .txt{margin-bottom:15px}
  .under main .udirect-info .btn a{font-size:16px;min-height:50px;padding:10px 30px}
  .under main .detail-ovn .uwr-img{margin-bottom:30px}
  .under main .detail-ovn .uwr-img:last-child{margin-bottom:0}
  .under main .btn_ovn{flex-direction: column;align-items: center;}
  .under main .btn a{width: 30rem;}
  .under main .btn.hidden{display: none;}

  /*============ ORTHER ============ */
  .under main .box_map{height:250px}
  .under main .chart_box_tt{font-size: 1.7rem;}
  .under main .chart_list li{font-size:1.4rem;display:flex;align-items: center;padding:0.5rem 1rem}
  .under main .chart_list li .time{width:7rem;right:-9rem;font-size: 1rem;}
  .under main .chart_list li:nth-of-type(2) .time::after{height: 9.8rem;}
  .under main .chart_list li:nth-of-type(2) .time::before{bottom: -3.6rem;}
  .under main .chart_list li:nth-of-type(4) .time{top:6.5rem}
  .under main .chart_list li:nth-of-type(4) .time span::before{top: calc(50% - 2.5rem);}
  .under main .chart_list::after{bottom:3.5rem}
  .under main .btn_big a{width: 34rem;height:7rem;padding:1rem 4rem 1rem 2rem;font-size:1.5rem}
}


/* IPHONE 14 */
@media screen and (max-width: 560px) {
  .under main .udr-post{grid-template-columns: repeat(1,1fr);}
    #blog main .btn_box .btn{width: 270px}

}


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