@media screen and (min-width: 751px) {
  .lightbox,
  .lightboxOverlay{min-width: var(--container);}
  .under main{margin-bottom: 130px}
  .under main .image_l{float:left;margin:0 80px 10px 0}
  .under main .image_r{float:right;margin:0 0 10px 80px}
  .under main .ttl_l{float: left; width: 700px;}
  .under main .ttl_r{float: right; width: 700px;}
  .under main .frame_ite {padding: 49px 0;}
  .under main .frame_ite .image_r{margin-left: 19.5%;}
  .under main .frame_ite .ttl_l{width: calc(100% - 314px - 20%);margin-top: 3px;}
  .under main #topic_path{margin-bottom: 58px;}
  .under main .ovh {overflow: hidden;}
  .under main .u_box:not(:last-child){margin-bottom: 40px;}
  .under main table.tb_block tr th:not(:last-child){border-right-color: #FFF;}
  .under main .u_col3{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 25px;}
  .under main .u_col3::after{width: 1920px;height: 466px;background: url('../images/u_col3_bg.png') no-repeat center top /1920px #fdf9dd;left: calc(50% - 960px);bottom: 72px;}
  /* 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 table th.pc {display: table-cell;}
  /* .under main .anchor_list .btn a{padding-left: 20px;} */
  .under main .u_editor ol li::before {top: -2px;}

  /* 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);}
  .under main .u_bnn li a:hover{opacity: 0.7;}

  .under main .inner {width: 1030px;}
  .under main .anchor_list {max-width: 632px;margin: 0 auto 30px;}

  .under main h4 + .image_l img, .under main h4 + .image_r img {max-width: 400px;}
  .under main h5 + .image_l img, .under main h5 + .image_r img {max-width: 340px;}
}

@media screen and (min-width: 751px) and (max-width: 1500px) {
  .under main .image_l{margin:0 80px 0 0}
  .under main .image_r{margin:0 0 0 80px}
}
@media screen and (max-width: 750px) {
  .under main p{font-size: 16px;}
  .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 25px !important}
  /*==========================================================
                  C U S T O M
  ==========================================================*/
  .under main .u_box:not(:last-child){margin-bottom: 30px;}
  /*  TOP INFO  */
  .under main #top_info{background-size: 100%;padding-top: 95px;min-height: 245px;}
  .under main #topic_path{margin-bottom:40px}
  .under main #topic_path li,
  .under main #topic_path li a{font-size: 14px;}
  /*============ HEAD TITLE ============ */
  .under main h2{font-size:26px;}
  .under main h2 > span{padding: 0 5px 20px;background-position: top 25px left;}
  .under main h2 > span span{font-size: 30px;}
  .under main h3{font-size:24px;margin-bottom: 20px;line-height: 1.65;}
  .under main h3 .doted::before{width: 6px;height: 6px;left: calc(50% - 3px);top: -3px;}
  .under main h4{font-size:22px;padding: 10px 15px;margin-bottom: 20px;}
  .under main h5{font-size:20px;}
  .under main h6{font-size:18px;}

  /*============ TABLE ============ */
  .under main table{margin-bottom:30px}
  .under main table td,
  .under main table th{padding:15px 10px;font-size: 16px;}
  .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-right-color: var(--scolor);}
  /* TABLE SCROLL */
  .under main .tb_scroll{overflow:scroll;}
  .under main .tb_scroll:not(:last-child){margin-bottom: 30px;}
  .under main .tb_scroll table{width: 1000px;}
  .under main .tb_note{margin-bottom: 10px;color: #999;font-size: 14px;letter-spacing: -0.02rem;}

  .under main .u_col3{display: grid;grid-template-columns: repeat(1,1fr);grid-gap: 30px;padding: 40px 0;}
  .under main .u_col3::after{height: 100%;bottom: 0;width: 200%;right: 30%;background-color:#fdf9dd;border-radius: 50%;}
  .under main .u_col3_ite{max-width: 410px;margin: 0 auto;}
  .under main .frame_ite {padding: 30px 0;}
  .under main .frame_ite h5{margin-bottom: 20px;}

  /* 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;}
  .under main .list_step dl:not(:last-child)::before{width: 60px;height: 24px;left: calc(50% - 30px);bottom: -3px;}

  /* List STEP */
  .under main .list_step dl{margin-bottom: 20px;padding-bottom: 40px}
  .under main .list00 li::before{top: 9px;}
  .under main .list01 li,.under main .list02 li{font-size: 16px;}
  .under main .list01 li::before{top: 7px;}
  .under main .list02 li::before{top: 8px;}

  /*============ ORTHER ============ */
  .under main .box_map{height:250px}
  .under main .u_bnn{grid-gap: 10px;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr))}
  .under main .u_bnn li{padding: 5px;}
  .under main .u_bnn li a{font-size: 18px;height:80px;}
  .under main .list_step dd{font-size: 16px;}
  .under main .btn_ovn{flex-direction: column;}
  .under main .hidden {display:none} 
  .under main h3 .line_dots {line-height: 2em;}
  .under main h3 .line_dots {padding-bottom: 5px;background: url(../images/line_dot.png) left bottom / 5px 3px repeat-x;}
  .under main h3 .doted::before {width: 6px;height: 6px;left: calc(50% - 3px);top: 3px;}
  .under main .list_step dt {font-size: 18px;}

  .under main .sp375 {display: none;}
}

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

}


/* IPHONE 6 */
@media screen and (max-width: 360px) {
  .under main h3{font-size: 22px;}
  .under main h4{font-size: 20px;}
  .under main h5{font-size: 18px;}
  .under main .u_bnn li a{font-size: 16px;}
  .under main .f20_360{font-size: 20px;}
}

@media screen and (max-width: 375px) {
  .under main .sp375 {display: block;}
}


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