@media screen and (min-width: 751px) {
.lightbox,
.lightboxOverlay{min-width: 1250px;}

/* HOVER */
.under main #topic_path li a:hover{text-decoration:underline;text-underline-offset: 2px;}
.under main a[data-lightbox]:hover,
.under main .bnn a:hover{opacity: 0.7;}

.under main .wp_content p a:not([target=_blank]):hover,
.under main .link:not([target=_blank]):hover{color: var(--scolor);text-decoration: underline;}
.under main .list_anchor .btn.active a{background-color: var(--mcolor);pointer-events: none;}

/* 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 .list_ovn li:nth-child(3n + 3) {margin-right: 0;}

.under main section.pd80{padding-bottom: 80px}
.under main .item_h4{display:flex;justify-content: space-between;padding-bottom: 115px}
.under main .item_h4:last-child{padding-bottom: 0}
.under main .flex-reverse{flex-direction: row-reverse;}
.under main .item_h4 .item_l{width: calc(100% - 700px);}
.under main .item_h4 .item_r{width: 800px;margin-top: 10px;}
.under main .it1 .item_r{margin-right: calc(50% - 960px)}
.under main .it2 .item_r{margin-left: calc(50% - 960px)}
.under main .u_hover:hover img{opacity: 0.7}

.under main .sec02.u_page_works .btn a:hover{background-color: var(--scolor);}


/* ===========  WP ITEM ===========  */

.under main .layout_works .item__work_list{width: calc((100% - 50px) / 2);margin: 0 40px 40px 0;}
.under main .layout_works .item__work_list:nth-child(2n+2){margin-right: 0}
.under main .list_blog .item:nth-child(3n+3){margin-right: 0}
.under main .item_blog:hover{opacity: 0.8}
.under main .list_img li:nth-child(4n+4){margin-right: 0}
.under main .list_img li a:hover img{opacity: 0.8}

/*CONTACT FORM*/
.btn_link a:hover, .btn_contact:hover, .back-btn:hover,.btn.prevPage a:hover,.btn.btn_back a:hover{background-color: var(--mcolor);}
.tool_search{padding: 25px 25px 110px 25px;}
.btn_search{position: absolute;left: 0;right: 0;}
.under main .layout_works .list__work .item__work .name{padding: 0px 30px 1px 15px;}
.under main .layout_works .list__work .item__work_list .name{padding: 0}

.under main .wp_content img.aligncenter {margin: 0 auto;display: block;}
.under main .wp_content img.alignleft{float: left;margin: 0 50px 0 0;}
.under main .wp_content img.alignright{float: right;margin: 0 0 0 50px;}

.under main .btn_contact{width: 450px}
.under main .max-w500{width: 500px;max-width: 100%}
}
@media screen and (min-width: 751px) and (max-width: 1600px){
.under main .item_h4 .item_r{width: 46%}
   .under main .it1 .item_r{margin-right: calc(50% - 53%)}
   .under main .it2 .item_r{margin-left: calc(50% - 53%)}


   .under main .item_blog .img{width: 550px}
   .under main .item_blog .info_blog{width: calc(100% - 600px);}
   
}
@media screen and (min-width: 751px) and (max-width: 1440px){
    .under main .item_h4 .item_r{width:49.5%}
    .under main .layout_works .list__work .item__work_list .img__work{width: 300px}
    .under main .layout_works .list__work .item__work_list .info_workd{width: calc(100% - 340px);}

}
@media screen and (min-width: 751px) and (max-width: 1366px){
    .under main .item_h4 .item_r{width:52%}
    .under main .u_sub{max-width: 1200px}

}
@media screen and (min-width: 751px) and (max-width: 1280px){
    .under main .item_h4 .item_r{width:55%}



}
@media screen and (max-width: 750px) {
.under main #content{padding:0 0 80px}
.under main section,.under main .item_h4{padding:0 0 60px;}
.under main .item_h4:last-child{padding-bottom: 0}
.under main section.pd80{padding-bottom: 40px}

.under main .image_r,
.under main .image_l{float:none;display:inline-block;width:100%;text-align:center;margin:0 auto 30px !important}

/*==========================================================
                 C U S T O M
==========================================================*/
/*  TOP INFO  */
.under main #top_info{height:200px}
.under main #top_info::before{width: 100%;background-position: center right;}
.under main #topic_path{margin-bottom:15px}
.under main #topic_path li,
.under main #topic_path li a{font-size: 14px;}
.under main .list_anchor{margin: 40px 0}
.btn.prevPage a{background-position: center left 15px;}
/*============ HEAD TITLE ============ */
.under main h2{font-size:26px;padding: 13px 50px 6px 25px;max-width: max-content;}
.under main h3,
.under main .wp_content h3{font-size:24px;margin-bottom: 40px;}
.under main h3::before, .under main .wp_content h3::before{width:110px;height: 6px}
.under main h4,
.under main .wp_content h4{font-size:22px;margin-bottom: 20px;}
.under main h5,
.under main .wp_content h5{font-size:20px;margin-bottom: 20px;}
.under main h6,
.under main .wp_content h6{font-size:18px;margin-bottom: 20px;}

/*============ TABLE ============ */
.under main table{margin-bottom:30px}
.under main table th{font-size: 20px}
.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%;}

/* 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 .wp_content ul{}
.under main .list01 li,
.under main .wp_content ul li{font-size: 18px;}
.under main .list01 li::before,
.under main .wp_content ul li::before{top: 18px;}

.under main .list02,
.under main .wp_content ul{}
.under main .list02 li,
.under main .wp_content ul li{font-size: 18px;}
.under main .list02 li::before,
.under main .wp_content ul li::before{}

.under main .list_check{}
.under main .list_check li{font-size: 18px;}
.under main .list_check li::before{top: 8px}

/* 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:30px 15px}

.under main .frame02{padding:30px 15px}

.under main .frame_pick{padding:30px 15px}


/* ============ ORTHER ============ */
.under main .box_map{height:250px}
.under main .box_u{padding: 40px 0 50px 0}
.under main .sec02.u_page_works{padding: 40px 0}
.under main .sec02.u_page_works,.under main .sec06.u_page_menu{margin: 60px 0 0px 0;}
.under main .sec02.u_page_works .ttl{margin-bottom: 0}
.under main section.sec03{padding: 30px 0 20px 0;margin-bottom: 60px}
.under main section.sec03 .inner{padding: 0}
.under main .mb0_sp{margin-bottom: 0}
.under main .u_page_blog,.under main .sec03.u_page_pick{margin: 60px 0 0 0}
.under main .wp_content img{margin: 0 auto;display: block;}

/* ===========  SEARCH ===========  */
.tool_search{flex-direction: column}

.tool_search .tt-search{text-align: center;margin-bottom: 30px}
.color-list{max-width: 300px;margin: 0 auto;}
.color-list li{margin-bottom: 15px;width: calc((100% - 15px) / 2);}
.color-list li:nth-child(2n+2){margin-right: 0}
.color-list li label{font-size: 16px;width: 100%;}

.under main .layout_works .item__work_list{width: 100%;margin: 0 0 20px 0}
.under main .layout_works .list__work .item__work_list .img__work{width: 330px;height: 203px;}
.under main .layout_works .list__work .item__work_list .info_workd{width: calc(100% - 370px);}
.under main .list_blog .item{width: calc((100% - 20px) / 2);margin: 0 20px 20px 0}
.under main .list_blog .item:nth-child(2n+2){margin-right: 0}
.under main .list_blog .item .img{height:250px}

.under main .item_blog .date{font-size: 14px}
.under main .item_blog .date::before{width: 80px;bottom: 3px;height: 14px;}
.under main .item_blog .img{margin: 0 20px 0 0;width: 300px;height: 225px;}
.under main .item_blog .info_blog{width: calc(100% - 320px);}
.under main .item_blog .name{font-size: 20px;min-height: 58px;margin-bottom: 0px;}
.under main .item_blog .desc{font-size: 14px}
.under main .item_blog .view{font-size: 16px;padding-right: 35px;}
.under main .item_blog .view::before{width: 24px;top: 15px}

.contact_intro{flex-direction: column;justify-content: center;align-items: center;max-width: 300px;margin: 0 auto 30px auto;}
.contact_intro li{margin-bottom: 20px;width: 100%;height: auto;}
.contact_intro li:last-child{margin-bottom: 0}
.contact_intro li a .tt2{font-size: 25px}
.contact_intro li a span{width: 25px}
.contact_intro li:nth-child(2) a .tt2 span{width: 18px}
.btn_cate .btn a{padding:0 50px}
.under main .info_date{margin-bottom: 30px}

.under main .beforea_after_work{flex-direction: column;}
.under main .beforea_after_work .before{width:100%;margin: 0 auto 30px auto;max-width: 500px}
.under main .beforea_after_work .after{width: 100%}
.under main .list_img li{width: calc((100% - 20px) / 2);}
.under main .list_img li a{height: 200px}
.under main .list_img li:nth-child(2n+2){margin-right: 0}

/*CONTACT FORM*/
.txt_info {margin-bottom: 5px;}
.wpcf7-list-item{width: 100%}
.input_text01 {width: 100%;}
.box_zipcode .input_text01 {width: 100%;}
.btn_zipcode {height: 35px;font-size: 14px;line-height: 1em;}
.must{font-size: 12px;right: 0;}
.btn_contact_w{flex-direction: column;align-items: center;margin-bottom: 0;}
#confirm .back_button{margin: 0 auto;}
#confirm .btn-send{margin-top: 30px}
.textarea_text01{max-width: 100%;width: 100%;}
.wpcf7 form .wpcf7-response-output{font-size: 16px}
.btn_link a, .btn_contact, .back-btn{font-size: 16px;height: 60px;width: 290px;background-position: center right 15px;}
.back-btn{background-position: center left 15px;}
.btn_contact_w input.back-btn{margin-bottom: 20px}

.under main .auto_sp{margin: 0 auto}
.under main .btn_contact{padding: 0 45px;white-space: break-spaces;}



}


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



.under main .list_ovn li .img {height: 50vw;}
.under main .list_ovn li {width: 100%;}
.under main .list_ovn li:last-child {margin-bottom: 0;}

/* ===========  WP ITEM ===========  */
.under main .layout_works .list__work .item__work_list .img__work{width: 140px;height: 140px;margin-right: 20px}
.under main .layout_works .list__work .item__work_list .info_workd{width: calc(100% - 150px);}
.under main .list_blog .item{width: 100%;margin: 0 0 20px 0}
.under main .list_blog .item .name{min-height: auto}

.under main .item_blog .img{width: 180px;height: 135px;}
.under main .item_blog .info_blog{width: calc(100% - 200px);}

.under main .info_date{flex-direction: column}
.under main .info_date .cate_sigle{margin-left: 0;max-width: max-content;}
.under main .date_blog{flex-direction: initial}
.under main .date_blog .cate_sigle{margin-left: 35px}

.under main .beforea_after_work .before{width: calc(100% - 20px);}
.under main .beforea_after_work .before .img_detail_work{height: 220px}
.under main .beforea_after_work .after .img_detail_work{height: 255px;}
.under main .list_img li a{height:120px}

}


/* IPHONE 6 */
@media screen and (max-width: 360px) {
    .tool_search{padding: 25px 10px;}
    .color-list li label{font-size: 15px}
    
}
@media screen and (max-width: 320px) {
    .under main .item_blog .img{width: 150px;}
    .under main .item_blog .info_blog{width: calc(100% - 170px);}

}