@media screen and (min-width: 751px) {
  .alignleft{float:left;margin-right:30px;}
  .alignright{float:right;margin-left:30px;}
  .lightbox,
  .lightboxOverlay{min-width: var(--container);}
  .link:not(a[target=_blank]):hover{text-decoration: none;}
  .under main .image_l,.under main .image_r{max-width: 460px;}
  .under main .image_l{float:left;margin:0 40px 0 0}
  .under main .image_r{float:right;margin:0 0 0 40px}
  .under main .u_content ul li a:hover{text-decoration: none;}
  .under main .u_content ul{display: grid;grid-template-columns: repeat(2,1fr);gap:0 40px;}
  .under main .btn.lg a{width:fit-content;min-width:50rem;padding: 0 4rem}
  .under main #topic_path .inner{width: 1220px;}

  .under main .pdb20_pc{padding-bottom: 20px;}
  .under main .pdb40_pc{padding-bottom: 40px;}
  .under main .pdb50_pc{padding-bottom: 50px;}
  .under main .pdb60_pc{padding-bottom: 60px;}
  .under main .pdb80_pc{padding-bottom: 80px;}
  .under main .pdb100_pc{padding-bottom: 100px;}
  .under main .pdb120_pc{padding-bottom: 120px;}
  .under main .pdb160_pc{padding-bottom: 160px;}

  .under main .image_l ~ .list01,.under main .image_l ~ h3,.under main .image_l ~ h4{width:500px;float:right}
  .under main .cta_box li{width: calc(50% - 2rem);}
  .under main .cta_box li a{width: 100%;}
  .under main .cta_box_bnn li a{height:12rem}

  .under main .list_anchor5{display: grid;grid-template-columns: repeat(5,1fr);gap:10px}
  .under main .cta_box .cta_contact a:hover{background-color:var(--mcolor)}
  /* BUTTON OVN DETAIL */
  .under main .inner{width: 1020px;}
  .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;}
  .tooth_qa > dl > dt:hover,.faq_list dt:hover,.tooth_qa > dl > dt:hover::after,.under main .faq_list dt:hover::after{color:var(--mcolor)}
  /* 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,.under main .link.pdf:hover{text-decoration: none;}
  .under main #topic_path li a: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 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 30px !important}
  .mb50{margin-bottom: 40px;}
  /*==========================================================
                  C U S T O M
  ==========================================================*/
  /*  TOP INFO  */
  .under main #top_info{height:220px}
  .under main #top_info .tt{font-size: 22px;}
  .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:23px;padding: 10px ;}
  .under main h3{font-size:22px}
  .under main h4{font-size:20px;}
  .under main h4::before{top: 8px;}
  .under main h5{font-size:19px;}
  .under main h6{font-size:18px;}

  .under main .u_2col,.under main .u_3col{display: grid;grid-template-columns: repeat(2,1fr);gap: 30px 20px;}
  .under main .u_3col .tt,.under main .u_2col .tt{font-size: 18px;}

  /*============ TABLE ============ */
  .under main table{margin-bottom:30px}
  .under main table td,
  .under main table th{padding: 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 table.tb_block tr:last-child th,
  .under main table.tb_block tr:not(:last-child) td{border-bottom: 0;}


  /* 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 .u_content{padding: 0 10px 20px;}
  .under main .u_content .tt,.under main .u_content .point{font-size: 20px;min-width: 150px;padding: 3px 10px 5px;}
  /* 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 .list_anchor{gap:10px}
  .under main .image_r ~ .btn a, .under main .image_l ~ .btn a{margin-left:auto;margin-right:auto;}
  .under main .cta_box .cta_tel a .slg{font-size:1.4rem;margin-bottom:-5px}
  .under main .cta_box .cta_tel a .tel{padding-left:4rem}
  .under main .cta_box .cta_tel a .tel::before{width:28px;height:28px;background: url(../images/ic_tel_green.svg) no-repeat center right 9px / 12px #FFF;}
  .under main .cta_box_bnn li a,.under main .cta_box li a{height: 9rem}
  .under main .list_anchor .btn a{font-size:1.6rem}
  .under main .list_anchor5{display: grid;grid-template-columns: repeat(2,1fr);gap:1rem;max-width:560px;margin:0 auto}
  .under main .btn.lg a{width:42rem}
  .under main .faq_list{margin-bottom: 30px;}
  .under main .faq_list dt::after{right:7px}
  .under main .faq_list dl:not(.open){border-radius: 30px}
  /*============ FRAME ============ */
  .under main .frame01{padding:30px 15px}
  .under main .frame_pick{padding:30px 15px}
  .under main .list01 li::before{top:7px}
  .under main .tooth_box { margin-bottom: 40px; }
  .under main .step_item{padding:40px 10px 20px}
  .under main .step_item .cta_box li a{width: 39rem;}
  .under main .step_item .ico{font-size:1.8rem;left:1.5rem;padding:0.5rem 4rem}
  .under main .step_item:not(:last-child)::after{left:9rem}
  .under main .step_item:not(:last-child){margin-bottom: 6rem}

  .under main .tooth_2col{gap:3rem}
  .under main .tooth_2col .item:nth-of-type(even) .img::before{width:2rem;height:3.4rem;left:-2.5rem}
  .under main .tooth_qa > dl > dd{padding:10px 10px 30px}
  .under main .tooth_qa > dl > dd > dl > dt{font-size:16px;padding:10px 10px 8px}
  .under main .tooth_qa > dl > dd > dl > dd{padding:0 10px}

  .under main .faq_list dt{font-size:18px;padding:15px 20px 15px 10px}
  .under main .faq_list dd{padding: 0 10px 10px 10px}

  /*============ ORTHER ============ */
  .under main .box_map{height:250px}

  .under#treatment main .cta_box .cta_tel a{background-color: var(--org);}
  .under#treatment main .cta_box .cta_tel a .tel::before{background: url(../images/ic_tel_org.svg) no-repeat center right 9px / 12px #FFF;}
  .under#treatment main .cta_box .cta_contact a{background-color: var(--scolor);}
  .under.mac main .cta_box li a .tel::before{top:47%}


}


@media screen and (max-width: 560px) {
  .under main .u_2col,.under main .u_3col{display: grid;grid-template-columns: repeat(1,1fr);}


}


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