@media screen and (min-width: 751px) {
  .under main .flex_0{flex-shrink: 0;}
  .under main .bnr_circle_content{width: 100%;}
  .under main .box_pl{padding: 0 0 0 40px;min-height: 130px;}
  .under main .anchor_list.col_4{gap: 1rem;}
  .under main .anchor_list.col_4 .btn{width: calc((100% - 4rem) / 4);}
  .under main .anchor_list.col_2 .btn{width: calc((100% - 4rem) / 2);}
  .lightbox,
  .lightboxOverlay{min-width: var(--container);}
  .under main .image_l,.under main .image_r{max-width: 54rem;}
  .under main .image_l{float:left;margin:0 4rem 0 0}
  .under main .image_r{float:right;margin:0 0 0 4rem}
  .under main .inner{width: 1150px;}
  .under main .u_col.col3{grid-template-columns: repeat(3,1fr);}

  .under main .u_float { display: flex; justify-content: space-between; align-items: center;gap: 4rem; }
  .under main .u_float_img { width: 54rem; flex-shrink: 0 }
  .under main .u_float_img.w53{width: 53rem;}
  .under main .u_float_img.w52{width: 52rem;}
  .under main .image_l.w53, .under main .image_r.w53{width: 53rem;}
  .under main .u_float_img.w_auto{width: auto;}
  .under main .u_float_start{justify-content: flex-start;}
  .under main .u_float_center{justify-content: center;}
  .under main .u_step_desc .tt { font-size: 20px; display: flex;align-items: center;}
  .under main .u_step_desc .tt .txt_tt{width: 25rem;}
  .under main .u_step_point .tt .txt_tt{width: 35rem;}
  .under main .u_step_point .box_sm{margin-left: 35rem;}

  /* 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 .toc_content ul li a:hover{color: var(--blue);}
  .under main .toc_ttl:hover{background-color: var(--blue);}

  .under main .method_chart_list dl dd{-webkit-writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; -webkit-text-orientation: upright; -moz-text-orientation: upright; -ms-text-orientation: upright; text-orientation: upright;font-weight: bold;letter-spacing: 0.1rem;}
  .under main .u_drop_demo.row2{height: 11.5rem;}
  .under main .list02_row{display: flex;justify-content: space-between;}
  .under main .frame02_min{padding: 35px 20px 25px;}
  .under main .frame02_min .list02 li{font-size: 1.4rem;}
  .under main .frame02_min .list02 li::before{top: 0;}
  .under main .u_float_img_500px img{width: 500px !important;}
  .under main .method_chart_tt{margin-top:5.5rem;}
  .under main .method_chart_tt li:not(:last-child){margin-bottom:6rem;}
  .under main .u_float_info.flex0{flex-shrink: 0;}

  /* HOVER */
  .under main .list01_2col{display: flex;justify-content: center;gap: 0 3rem;flex-wrap:wrap}
  .under main .list01_2col li{width: 45%;}
  .under main .list01_2col.receive_list01 li{width: 41%;}
  .under main .list01_3col{display: grid;grid-template-columns: repeat(3,1fr);gap: 0 2rem;}
  .under main .list01_3col_point{margin: 0 auto;grid-template-columns: 27rem 28rem 26rem;width: fit-content;gap: 0 6rem;}
  .under main .list01_space{display: flex; justify-content: space-around}
  .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:hover{transform: translateY(-5px);}
  .under main .ovn_list dl:hover::after {opacity: 1;visibility: visible;}
  .under main .u_drop_demo:hover{opacity: 0.7;}
  .under main .mb0_pc{margin-bottom: 0 !important;}
  .under main .letter_fix{letter-spacing: -.05rem;}
  .under main .u_col_method{grid-template-columns:50% 50%;}
  .under main .point_ttl a:hover{color: #FFF !important;text-decoration: none;}

}
@media screen and (min-width:1900px) and (max-width:1920px){
  .under main #top_info{width:1920px;left: calc(50% - 960px);}
}

@media screen and (max-width: 750px) {
  .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}
  .alignleft,.alignright{margin-left: auto;margin-right: auto;display: block;}
  /*==========================================================
                  C U S T O M
  ==========================================================*/
  /*  TOP INFO  */
  .under main #top_info{height:240px}
  .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:2.6rem;}
  .under main h3{font-size:2.4rem;margin-bottom: 3rem;}
  .under main h4{font-size:2.2rem;padding-right: 0;}
  .under main h4::before{width: calc((100vw - 3rem) - 100%);}
  .under main h5{font-size:2rem;margin-bottom: 2rem;}
  .under main h6{font-size:1.8rem;}

  /*============ TABLE ============ */
  .under main table{margin-bottom:4rem}
  .under main table td,
  .under main table th{padding:1rem 1rem}
  .under main table.tb_block tr{display:flex;flex-direction:column}
  .under main table.tb_block tr th,.under main table.tb_block tr td{border-bottom:none}
  .under main table.tb_block tr:last-child td:last-child{border-bottom: 1px solid #75afd4;}
  .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 .min_w140{min-width: 140px;}
  .under main .list02 li::before{top: 3px;}

  /* TABLE SCROLL */
  .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 .frame01{width: calc(100% - 2rem);}
  .under main .frame01_box{padding:2rem 1.5rem;}
  .under main .pickup_box{padding: 4rem 1.5rem 3rem;}
  .under main .pickup_box::before{font-size: 3rem;top: 0;width: 100%;text-align: center;}
  .under main .pickup_tt{font-size: 2.2rem;margin-bottom: 2rem;}
  .under main .u_box02{padding: 5rem 0;}
  .under main .u_box02:not(:last-child){margin-bottom: 6rem}
  .under main .pickup_box:not(:last-child){margin-bottom: 4rem;}
  .under main .pickup_box h4::before {width: calc(100vw - 6rem - 100%);}

  .under main .toc_content ol{margin: 0.5rem 0 0 1rem;}
  .under main .toc_content ul li a{padding: 0 0 0 1.2rem;}
  .under main .toc_content ul ol li a::before{width: 0.5rem;height: 0.5rem;top: 0.9rem;}
  .under main .toc_content ul ol li a{padding: 0 0 0 1rem;}
  .under main .toc_content ul ol ol li a::before{width: 0.4rem;height: 0.4rem;}
  .under main .toc_content ul ol ol li a{padding: 0 0 0 1rem;}
  .under main .toc_ttl p{font-size: 1.6rem;padding: 0 2.5rem;}
  .under main .toc_ttl::before{font-size: 1.4rem;right: 1rem;top: 50%;transform: translateY(-50%);}
  .under main .toc_ttl::after{font-size: 1.4rem;right: 1rem;}
  .under main .toc_content{padding: 1.5rem 1.5rem;}
  .under main .toc_content ul li a,
  .under main .toc_content ol li a{font-size: 1.6rem;}
  .under main .toc_content ul li a::before{width: 0.6rem;height: 0.6rem;top: 1rem;}
  .under main .toc_content li{margin: 0 0 1.5rem 0;line-height: 1.5;}
  .under main .toc_content li a{line-height: 1.5;display: inline-flex;}

  .under main .u_step_ttl { width: 8rem; height: 3rem; position: relative; top:0.4rem;margin-top: 0;}
  .under main .u_step_row:before { width: 4rem; left: calc((100% - 4rem)/2); height: 2rem }
  .under main .u_step_desc .tt { font-size: 1.8rem }
  .under main .u_step_desc .tt span { font-size: 1.6rem;display: block;}

  .under main .frame02{padding: 4rem 1.5rem;}
  .under main .frame02 h4{font-size: 2.2rem;}
  .under main .list01 li::before{top: 0.9rem;}

  /* LIST FAQ */
  .under main .list_faq dl{margin-bottom: 3rem; padding: 1.5rem}
  .under main .list_faq dt .ico{top:0.3rem;}
  .under main .list_faq dt{font-size: 1.6rem;min-height: 5rem;padding-bottom: 0.3rem;}

  /* List STEP */
  .under main .list_step dl{margin-bottom: 2rem;padding-bottom: 4rem}
  #method main .tb_scroll table{width: 66rem;min-width: 100%;}
  .w20_sp{width: 20%;}
  .w40_sp{width: 40%;}


  /*============ ORTHER ============ */
  .under main .box_map{height:25rem}
  .under main .point_box { padding: 15px; margin: 60px 0 40px }
  .under main .point_ttl { top: -34px }


  .under main .u_bnn{gap: 2rem;}
  .under main .u_bnn li{max-width: 100%;width: 31.5rem;}
  .under main .u_bnn li a{width: 100%;height: 10rem;font-size: 1.8rem;padding: 0.6rem;}

  .under main .u_col{grid-template-columns: repeat(1,1fr);}
  .under main .u_col dl dt{margin-bottom: 1rem;}
  .under main .u_col dl dd{font-size: 1.8rem;line-height: 1.6;}

  .under main .u_float:not(.u_float_start,.u_float_notreverse) { display: flex; flex-direction: column-reverse }
  .under main .u_float:not(:last-child) { margin: 0 0 30px }
  .under main .u_float_img { margin: 0 0 20px;text-align: center;}
  .under main .point_ttl p, .under main .point_ttl h5,.under main .point_ttl h4{font-size: 1.6rem;}
  .under#inherit main h3{font-size: 2.3rem;}

  .under main .under_col_list dl { width: calc((100% - 3rem) / 2);  padding: 30px 1.5rem 10px }
  .under main .under_col_list dl:before { font-size: 3rem; top: -2rem }

  .under main .d_flex { flex-direction: column; align-items: center; gap: 15px }
  .under main .d_flex li { width: 100%; text-align: center }
  .under main .mb60{margin-bottom: 40px !important;}

  .under main .bnr_circle { flex-direction: column }
  .under main .bnr_circle dl:not(:last-child) { margin-bottom: 10px }
  .under main .anchor_list{gap: 1rem;}
  .under main .anchor_list .btn{margin: 0;width: calc((100% - 2rem) / 2);}

  .under main .contact_bnn a{padding: 20px 1rem;}
  .under main .contact_bnn.line a{font-size: 2rem;}
  .under main .contact_bnn.line a::before{width: 2.4rem;height: 2.1rem;}
  .under main .contact_bnn .num{font-size: 3rem;padding-left: 4rem;}
  .under main .contact_bnn .num::before{font-size: 2.2rem;height: 2.2rem;top: calc(50% - 0.9rem);}
  .under main .contact_bnn .time{font-size: 1.4rem;letter-spacing: -0.05rem;}
  .under main .contact_bnn:not(:last-child){margin-bottom: 2rem;}

  .cate{min-width: 12rem;}
  .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 .frame04{padding: 3rem 1.5rem;width: 100%;}
  .under main .frame03{padding: 2rem 1.5rem 2rem 3rem;}
  .under main .frame03_tt{font-size: 2rem;}
  .under main .frame03::before {  width: 1rem; height: 7.5rem; background-color: var(--blue); left: 1.3rem; top: -0.8rem; transform: skew(-10deg); }
  .under main .frame03::after{left: 1rem;width: 3rem;}

  .under main .u_drop_col { max-width: 100% }
  .under main .u_drop_col:nth-child(even) .u_drop_show { left: 0 }
  .under main .u_drop_col.bg01 { background: #fff }
  .under main .u_drop_col:nth-child(even) { background: #e5dbcc }
  .under main .u_drop_show { width: 100%; padding: 1.5rem }
  .under main .u_drop_demo { padding: 1.5rem 4rem 1.5rem 1.5rem }
  .under main .u_drop_demo:after { width: 2rem; height: 0.1rem; top: calc((100% - 0.1rem)/2); right: 1rem }
  .under main .u_drop_demo:before { width: 0.1rem; height: 2rem; top: calc((100% - 2rem)/2); right: 2rem }
  .under main .demo_ttl p { font-size: 1.8rem;line-height: 1.6;}
  .under main .demo_ttl img.emoji{width: 1.5rem;}
  .under main .demo_ttl img.emoji {margin-top: 0.7rem;}
  .under main .method_col3{margin: 0 auto 30px;max-width: 300px;flex-wrap: wrap;gap: 2rem;}
  .under main .method_col3 dt{font-size: 1.8rem;margin-top: 1rem;}


  .under main .method_chart{flex-direction: column;}
  .under main .method_chart_list{flex-direction: column;padding: 0 4px 50px;}
  .under main .method_chart_list dl{width: 100%;padding:1rem;flex-direction: row;align-items: center;}
  .under main .method_chart_list dl dt{font-size: 1.6rem;margin-bottom: 0;flex-direction: row;margin-right:1.5rem;}
  .under main .method_chart_list dl dt span{margin-left: 0.5rem;font-size: 150%;}
  .under main .method_chart_list dl dd{font-size: 1.8rem;}
  .under main .method_chart_list dl.fit{width: calc(50% + 6rem);}
  .under main .method_chart_tt{display: flex;justify-content: center;gap: 2rem;margin-left: 14rem;}
  .under main .method_chart_tt li{font-size: 2.4rem;padding: 1rem;margin-top: 2rem;-webkit-writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; -webkit-text-orientation: upright; -moz-text-orientation: upright; -ms-text-orientation: upright; text-orientation: upright;width: fit-content;}
  .under main .method_chart_tt li::after{width: 100%;height: 65rem;clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 20px), 48% 100%, 0 calc(100% - 20px));}
  .under main .under_col_list{padding-top: 0;gap: 1rem;}

  .under main .list_step dl{flex-direction: column;}
  .under main .list_step dl dt,.under main .list_step dl dd{width: 100%;}
  .under main .list_step dl dt{border-radius: 10px 10px 0 0;}
  .under main .list_step dl dd{border-radius: 0 0 10px 10px;}
  .under main .list_step dt::after{display: none;}
  .under main .f21{font-size: 19px;}
  .under main .list01 li.f21::before{top: 12px;}
  .under main .trouble_ic{margin-top: 3px;}
  .under main .u_step_desc .tt .txt_tt{flex-shrink: 0;width: 25rem;}
  .under main .method_4col{gap: 1rem;}
  .under main .method_4col li{font-size: 1.3rem;}
  .under main .method_4col li img{width: 50px;}

}
@media screen and (max-width: 560px) {
  .under main .under_col_list dl{width: 100%;}
   .under main .anchor_list.anchor_sp_row1 .btn{margin: 0;width: 100%;max-width: 280px;}

}

/* IPHONE 14 */
@media screen and (max-width: 440px) {
  .under main .frame01_flex{flex-direction: column-reverse}
}


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