@media screen and (min-width: 751px) {
  .lightbox,
  .lightboxOverlay{min-width: var(--container);}
  .under main .image_l,.under main .image_r{max-width: 40%;}
  .under main .image_l{float:left;margin:0 3% 0 0}
  .under main .image_r{float:right;margin:0 0 0 3%}
  .under main .ttl_l,.under main .ttl_r{width: 57%;}
  .under main .ttl_l{float: left;}
  .under main .ttl_r{float: right;}

  /* 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: none;}
}

@media screen and (min-width: 751px) and (max-width: 1200px){
  .under main .anchor_list{gap: 2rem;}

}



@media screen and (max-width: 750px) {
  .under main #content{padding:0 0 18px}
  .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
  ==========================================================*/
  /*  TOP INFO  */
  .under main #top_info .inner{padding-bottom: 1.5rem;}
  .under main #top_info{height: 150px;}
  .under main #topic_path{margin-bottom: 26px;}
  .under main #topic_path li,
  .under main #topic_path li a{font-size: 12px;}
  .under main #topic_path ul{margin-top: -14px;padding: 5px 10px;width: calc(100% + 16px);margin-left: -8px;}
  /*============ HEAD TITLE ============ */
  .under main h1{font-size: 22px;padding: 7px;}
  .under main h2{font-size:22px;padding-bottom: 14px;}
  .under main h3{font-size:20px;padding: 1.1rem 1.5rem;}
  .under main h4{font-size:18px;padding-left: 18px;margin-bottom: 20px;}
  .under main h4::before{width: 8px;height: 8px;top: 10px;}
  .under main h5{font-size:17px;}
  .under main h6{font-size:17px;}

  /*============ TABLE ============ */
  .under main table{margin-bottom:30px}
  .under main table td,
  .under main table th{padding:10px 10px}
  .under main table.tb_block tr{display:flex;flex-direction:column}
  .under main table.tb_block tr:not(:last-child) td,.under main table.tb_block tr th{border-bottom:none}
  .under main table.tb_block tr td{border-top: 0;}
  .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_row th,.under main table.tb_row td{font-size: 1.4rem;padding: 2rem 0.5rem;}

  /* TABLE SCROLL */
  .under main .tb_scroll{overflow:scroll;}
  .under main .tb_scroll:not(:last-child){margin-bottom: 30px;}
  .under main .tb_scroll table{width: 800px;}
  .under main .tb_note{margin-bottom: 10px;color: #999;}

  .under main .frame01{margin-bottom: 40px;}
  .under main .anchor_list{gap: 1rem;margin-bottom: 40px;}
  .under main .anchor_list li a{width: 33.4rem}
  /*============ FRAME ============ */
  .under main .frame01{padding: 15px}
  .under main .step_list{gap: 62px;}
  .under main .step_ite{padding: 17px 15px;}
  .under main .step_ite::before{font-size: 18px;font-weight: bold;width: 33px;height: 33px;}
  .under main .step_img{max-width:86%;margin:0 auto 20px;display: flex;justify-content: center;align-items: center;flex-direction: column;text-align: center;}
  .under main .step_des{padding: 15px 15px;line-height: 1.5;text-align: left;}
  .under main .step_ite:not(:last-child)::after{width: 60px;height: 20px;}

  .under main span.head {display: block;width: 100%;}

/* 施設利用者の皆様へ users */
.anchor-link_box {
    grid-template-columns: 1fr 1fr;
    column-gap: 5px;
    row-gap: 0.5em;
    font-size: 13px;   
}

.anchor-link_box li:nth-child(2n){
    margin-right: 0;
}
.anchor-link_box li a {
    padding: 14px 30px 10px;
}
.anchor-link_box li a::after {
    top: 47%;
}

.anchor-stickey-navi-sp.blocked .anchor-link_box{
    margin-right: 50px;
    padding: 10px;
}

.anchor-stickey-navi-sp.blocked .anchor-link_box li a {
    padding: 10px 5px;
    height: auto;
}

.anchor-stickey-navi-sp.blocked .anchor-link_box li a::after {
    right: 10px;
}

.anchor-link_box li a {
    font-size: 14px;
}

.floor-map_box {
    gap: 25px 20px;
}


}


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



}


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