@media screen and (min-width: 751px) {
  .under main .list_people li{align-items: center;}
  .under main .flex_frame01{display: flex;flex-wrap: wrap;margin: -10px;}
  .under main .flex_frame01 .frame01{width: calc((100% - 50%) - 20px);margin: 10px;}
  .under main .flex_frame01 .frame01:not(:last-child){margin: 10px;}
  .under main .list_anchor_category .btn a:hover{opacity: 1;}
  .under main .fit_post a:hover{color: var(--scolor);}
  .under main .blog_box.find_a:hover{opacity: 1;}
  .under main .blog_box.find_a:hover::before{opacity: 1;visibility: visible;}
  .under main .u_flex.reverse{flex-direction: row-reverse;}
  .under main .list_cta_btn .btn a:hover{opacity: 1;}
  .under main .list_cta_btn .btn a.sweetlink:hover{background: var(--scolor);}
  .under main .list_cta_btn .btn a:hover{background: var(--scolor);}
  .under main .list_cta_btn .btn.hover a:hover{background: #333;}
  .under main .toc_list li a:hover{color: #333}
  .under main .btn a:hover{background: #333;}
  .lightbox,
  .lightboxOverlay{min-width: var(--site_size);}
  .under main .image_l{float:left;margin:0 50px 0 0}
  .under main .image_r{float:right;margin:0 0 0 50px}

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


  /* 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: 1700px){
  .under main #top_info .inner{width: 100%;padding: 0 50px 0 15px;}
  .under main #top_info{height: 450px;}
  .under main h2{font-size: 50px;}
}

@media screen and (max-width: 750px) {
  .under main .service-list li{font-size: 14px;}
  .under main .tb_scroll.pt_sp{padding-top: 20px;}
  .under main .ttl_point::before{padding: 3px 10px;transform: translateY(0);margin: 0 10px 0 0;}
  .under main .u_flex.reverse{flex-direction: column;}
  .under main .u_flex.reverse .u_flex_img{margin: 0 0 20px 0;}
  .under main .u_flex_img{min-width: auto;margin: 0 0 20px 0;text-align: center;}
  .under main p.fs_3up{font-size: 17px;}
  .under main .list01 li, .under main .fit_post ul li{font-size: 16px;}
  #fmail select.fmail{width: 100%;}
  .under main .u_line_space{margin: -5px 0 5px 0;}
  .under main .frame_red{min-width: 90px;}
  .under main .frame_blue{min-width: 90px;}
  .under main .list02 li, .under main .fit_post ol li{font-size: 16px;}
  .under main .date_cate p.cate{font-size: 14px;}
  .under main .blog_info .title a{font-size: 20px;}
  .under main .blog_box{padding: 15px 15px;}
  .under main .blog_flex{flex-direction: column;}
  .under main .blog_img{width: 100%;max-width: 350px;margin: 20px auto;}
  .under main .contact_lining{margin: 15px 0 0 0;}
  .under main .contact_ttlin p{font-size: 18px;}
  .under main .contact_txt p{font-size: 16px;}
  .under main .contact_telling a{font-size: 26px;}
  .under main .contact_flexin_box{flex-direction: column;align-items: center;}
  .under main .contact_colin{margin: 0 0;width: 100%;}
  .under main .contact_colin:not(:last-child){margin: 0 0 20px 0;}
  .under main .contact_boxin{width: 100%;max-width: 500px;padding: 15px 15px;margin: 0 auto;}
  .under main .u_ttl_tag p,
  .under main .u_des_tag p{width: 30px;height: 30px;min-width: 30px;}
  .under main .u_qa_ttl,
  .under main .u_qa_des{padding: 15px 15px;}
  .under main .u_case_row:not(:last-child){margin: 0 0 30px 0;}
  .under main .u_case_ttl{flex-direction: column;align-items: center;padding: 15px 15px;}
  .under main .u_case_tag p{font-size: 14px;}
  .under main .u_case_ttl_small p{font-size: 18px;text-align: center;}
  .under main .u_case_content{padding: 15px;}
  .under main .u_flex{flex-direction: column;}
  .under main .u_col{width: 100%;}
  .under main .u_col:not(:last-child){margin: 0 0 20px 0;}
  .under main .txt_label{margin: 0 0 15px 0;}
  .under main .list_cta_btn .btn{width: 100%;display: flex;justify-content: center;}
  .under main .list_cta_btn .btn a{min-width: 200px;width: 100%;max-width: 300px;}
  .under main .list_cta_btn .btn a.sweetlink::before{width: 21px;height: 26px;top: calc((100% - 26px)/2);left: 45px;}
  .under main .list_cta_btn{flex-direction: column;align-items: center;}
  .under main #top_info::before{width: 250px;height: 250px;top: -50px;left: -50px;}
  .under main #top_info::after{width: 150px;height: 150px;top: 0;left: 100px;border-width: 15px;}
  .under main .frame_frist{padding: 20px 20px;}
  .under main .frame_first_ttl{margin: 0 0 10px 0;}
  .under main .frame_first_ttl p{font-size: 18px;}
  .under main .pickup02_ttl{padding: 2px 10px;transform: translateY(20px);}
  .under main .pickup02_frame{border-width: 1px;}
  .under main .pickup02_frame{padding: 30px 15px;}
  .under main .toc_ttl p{font-size: 18px;}
  .under main .toc_ttl{margin: 0 0 10px 0;}
  .under main .toc_list li a{font-size: 16px;}
  .under main .fit_post .alignleft,
  .under main .fit_post .alignright,
  .under main .fit_post .aligncenter{margin: 0 auto 20px;float: none;}
  .under main .fit_post img{max-height: 300px;}
  .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 20px !important;}

  /*==========================================================
                  C U S T O M
  ==========================================================*/
  /*  TOP INFO  */
  .under main #top_info{min-height: 230px;padding: 60px 0 20px 0;height: auto;display: flex;justify-content: center;align-items: center;text-align: center;}
  .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: 0 0 20px 0;}
  .under main h4{font-size:22px;padding: 0 0 10px 0;margin: 0 0 15px 0;}
  .under main h5{font-size:20px;margin: 0 0 15px 0;}
  .under main h6{font-size:18px;margin: 0 0 15px 0;}

  /*============ 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) 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%;}

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

  /*============ LIST ============ */
  .under main .list01{}
  .under main .list01 li{padding: 0 0 0 20px} 
  .under main .frame01_ttl p{font-size: 18px;}
  .under main .frame01_ttl{margin: 0 0 10px 0;}

  .under main .list02{}
  .under main .list02 li{font-size: 16px;}
  .under main .list02 li::before{padding: 0 0 1px 0;top: 6px;}

  .under main .list_check{}
  .under main .list_check li{font-size: 16px;}
  .under main .list_check li::before{top: 7px;}


  .under main table.tb_block tr td{border-top: 0;}
  .under main table.tb_block tr:not(:first-child) th:first-child{border-bottom: 0;border-top: 0}
  /* 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}

  /*============ FRAME ============ */
  .under main .frame01{padding:20px 15px;margin: 0 0 20px 0;}

  .under main .frame02{padding:20px 15px;margin: 0 0 20px 0;}

  .under main .frame_pick{padding:20px 15px;margin: 0 0 20px 0;}

  .under main .box_cta{padding: 20px 15px;}
  .under main .box_cta_ttl p{font-size: 22px;}
  .under main .box_cta_ttl{margin: 0 0 15px 0;}
  /*============ ORTHER ============ */
  .under main .box_map{height:250px}


  /*============ KIJIKAKU ============ */
  .under main .kiji_detail_ct img{max-width: 100%;max-height: 300px;}

  .under main p, .under main .list01 li{font-size: 16px;}
  .under main p:not(:last-child){margin: 0 0 15px 0;}
  .under main p.mb5:not(:last-child){margin-bottom: 5px;}
  .under main .list01 li::before, .under main .fit_post ul li::before{width: 8px;height: 8px;top: 11px;}
  .under main .frame05{padding: 60px 0;margin: 0 0 60px 0;}
  .under main .frame_pickup_ttl p span{font-size: 20px;padding: 0 20px;}
  .under main .frame_pickup_ttl p span::before{width: 8px;height: 26px;top: calc((100% - 26px)/2);}
  .under main .frame_pickup_ttl p span::after{width: 8px;height: 26px;top: calc((100% - 26px)/2);}
  .under main .frame_pickup_ttl p::before{width: 68px;height: 48px;left: -60px;top: -40px;}
  .under main .frame_pickup_box{padding: 30px 15px;}
  .under main .frame_pickup_flex{flex-direction: column;align-items: center;}
  .under main .frame_pickup_img{margin: 0 0 20px 0;}
  .under main .btn a{width: 100%;height: auto;padding: 10px 35px;font-size: 16px;max-width: 400px;}
  .under main .btn a::after{width: 16px;height: 16px;top: calc((100% - 16px)/2);right: 15px;}
  .under main .list_anchor_category .btn.prevPage a::after{width: 16px;height: 16px;top: calc((100% - 16px)/2);left: 15px;}
  .under main .contact_telling a span::before{top: 5px;width: 21px;height: 26px;}
  .under main .contact_telling a span{padding: 0 0 0 25px;}
  .under main .contact_lining a{font-size: 16px;}
  /* .under main .list_anchor_category{flex-direction: column;} */
  .under main .list_anchor_category{flex-wrap: wrap;}
  .under main .list_anchor_category .btn{margin: 0;display: flex;justify-content: center;width: 48%;max-width: 140px;margin: 1%;}
  .under main .list_anchor_category .btn:not(:last-child){margin: 1%;}
  .under footer .ft_contact{padding: 30px 15px;}
  .diagram-container{font-size: 16px;}
  .under main .list_people .avt{width: 55px;height: 55px;margin: 0 10px 0 0;}
  .under main .list_people .avt b{font-size: 14px;}
  .under main .list_people .text{margin: 5px 0 0 0;}
  .under main .list_people li:not(:last-child){margin: 0 0 15px 0;}
  .under main .ds01_list{flex-wrap: wrap;margin: -10px -10px;}
  .under main .ds01_col{width: 50%;padding: 10px 10px;}
  .under main .list_anchor_category .btn a{width: 100%;font-size: 15px;padding: 10px 30px 10px 10px;}
  .under main .flow_text p{font-size: 12px;}
  .under main table.sp_center.tb_block td{text-align: center;}
}



/* IPHONE 14 */
@media screen and (max-width: 600px) {
  /*============ ORTHER ============ */
  .under main .ds01_list{margin: 0;}
  .under main .ds01_col{width: 100%;padding: 0;}
  .under main .ds01_col:not(:last-child){margin: 0 0 30px 0;}

  /*============ KIJIKAKU ============ */
  .under .kiji_list dl{flex-wrap: wrap;}
  .under .kiji_list dd{width: 100%;margin-top: 10px;}
  .under .kiji_list dt img{top: inherit;}
  .under main .list_anchor_category .btn{width: 100%;max-width: 48%;}
  .under main .frame_frist.pd_fix{padding: 20px 10px;}
  .under main .frame_frist.pd_fix .frame_first_ttl p{font-size: 16px;}
}

@media screen and (max-width: 430px) {
  td{font-size: 140%;}
  .under main p, .under main .list01 li{font-size: 14px;}
  .under main h3{font-size: 22px;}

}

@media screen and (max-width: 400px) {
  .under main h3{font-size: 18px;}
  .under main h2{font-size: 23px;}
  .under main h4{font-size: 17px;}
  .under main .frame_first_ttl p{font-size: 14px;}
  .under main .none_400.sp{display: none !important}
  .under main .frame_frist.pd_fix .frame_first_ttl p{font-size: 14px;}
}


/* IPHONE 6 */
@media screen and (max-width: 360px) {
  .under main .flow_text p{font-size: 10px;}
  .under main .contact_txt p{font-size: 14px;}
  .under main p, .under main .list01 li{font-size: 14px;}
  .diagram-box{min-width: auto;}
  .enclosure-area::after{right: -30px;}
  .under main h4{font-size: 18px;}
  td{font-size: 120%;}
}


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