.sp_640,.sp_440,.sp_360{display:none!important}

@media screen and (min-width: 751px) {
    .sp{display:none!important;}
    /* NAV */
    .hamburger{display:none;position:fixed;z-index:101}
    .main_nav .nav_list>li>a{display:flex;align-items:center;position:relative;font-weight: 500;padding: 5px 22px;font-family: var(--nsr);font-size: 14px; white-space: nowrap;}
    .main_nav .nav_list>li:not(:last-child)>a::after{content: "";position: absolute;width: 1px; height: 15px;right: -2px;top: calc(50% - 7px);z-index: 1;background-color:rgba(56, 59, 78, 0.4);}
    .main_nav .nav_list>li.parent{position:relative;}
    .main_nav .nav_list>li.parent>a{cursor:default}
    .main_nav .sub{position:absolute;z-index:1;transition:all .3s;opacity:0;visibility:hidden;border-top:solid 1px #FFF;width:300px;top:100%;left:0}
    .main_nav .sub ul li a{font-size:16px;display:flex;width:100%;height:60px;align-items:center;letter-spacing:.001em;padding:5px 35px;margin:0 auto;border-bottom:solid 1px #FFF;color:#fff;background:var(--mcolor);}

    .mv .inner{height: 100%;}
    .mv .inner::after{content: "";position: absolute;width: 255px;height: 176px;background: url('../images/mv_ic01.png') no-repeat center /cover;right: 15px;bottom: 29px;z-index: 1;opacity: 0.75;}
    .mv .inner.mv_left::after{left: 75px;}

    /* HOVER */
    .main_nav .nav_list>li:hover>a,.ft_site_link li a:hover{text-decoration: underline;text-underline-offset: 3px;}
    .main_nav .parent:hover .sub{opacity:1;transform:translate(0,0);visibility:visible}
    .main_nav .sub a:hover{background-color:var(--scolor);text-decoration: none;}
    .to_top img:hover{opacity:.8}
    .btn a:hover{background: url('../images/btn_ic_hv.png') no-repeat right 20px center /16px var(--mcolor);color: #FFF;}
    .sec01_topics li a:hover{text-decoration: none;}

}
@media screen and (min-width: 1501px) and (max-width: 1800px){
    .mv_ite{height: 600px;}
}
@media screen and (min-width: 1141px) and (max-width: 1500px){
    .mv_ite{height: 480px;}
}

@media screen and (min-width: 751px) and (max-width: 1140px){
    p,td,th,li{font-size: 14px;}
    .main_nav .nav_list>li>a{padding: 5px 1.3vw;font-size:1.4vw}
    .mv_ite{height: 400px;}
    .mv_txt h1{font-size: 20px;}
    .mv_txt h1 span:last-child::after{transform: scale(0.5);top: -10px;right: -110px;}
    .h_inner{padding: 0;}
    .sec01_topics li .date{margin-right: 20px;}
    .sec01_topics li .cat{margin-right: 25px;}
    .sec02 table th, .sec02 table td{font-size: 16px;}
    h2{font-size: 24px;}
    h3{font-size: 19px;}
    h4{font-size: 17px;}
    .inner_box{padding: 0 3%;}
    .ft_site_link li a{font-size: 1.6vw;}
    .ft_site_link li{margin: 0 1vw;}
    .ft_info_box li .tt{font-size: 20px;}
    .ft_info_box li .sub{font-size: 13px;}
    .ft_info_box li:before{transform: scale(0.8);}
}
@media screen and (max-width: 1140px){
    .slick-prev, .slick-next, .slick-prev:focus, .slick-next:focus{width: 20px;height: 20px;}
    .slick-prev,.slick-prev:focus{left:15px;}
    .slick-next,.slick-next:focus{right:15px;}
    .mv_txt{padding-top: 6vw;}

    .sec03_box1_flex .img{padding: 0 24px;max-width: 594px;margin: 0 auto 40px;}
    .sec03_box1_flex .img::before{width: 75px; height: 65px;right:0;top: -20px;}
    .sec03_box1_flex .img::after{width: 30px; height: 16px;left: 5px; bottom: -11px;}

}


/* screen-min:750px */
@media screen and (max-width: 750px) {
    /* root */
    img{max-width:100%; height: auto;}
    #wrapper,header,main,footer,.inner{width:100%!important;min-width:unset!important}
    .pc{display:none!important}
    .inner{padding:0 15px}
    body.is_hambuger{overflow: hidden;}
    /* nav */
    .main_nav{display:block;position:fixed;top:60px;left:0;width:100%;height:calc(100vh - 60px);overflow:auto;padding-bottom:80px;z-index:100;display:none;background: rgba(0, 0, 0, 0.8);}
    .main_nav .nav_list{flex-direction:column;background: var(--mcolor);}
    .main_nav .nav_list ul,.main_nav .nav_list li{width:100%}
    .main_nav .parent .sub ul li{background: #fff;}
    .main_nav .parent .sub ul li:not(:last-child){border-bottom:1px solid var(--mcolor)}
    .main_nav a{display:block;padding:13px 15px 12px;color:#fff;font-size:14px;font-weight:500;border-bottom:solid 1px #4B3F20;font-family: var(--nsr);}
    .main_nav li:last-child a{border-bottom: 0;}
    .main_nav a:not([href]){position:relative;padding-left:15px}
    .main_nav a:not([href])::before,
    .main_nav a:not([href])::after{content:"";position:absolute;width: 16px; height: 2px; background-color: #FFF;top:calc(50% - 1px);right:10px; transition: all 0.3s;}
    .main_nav a:not([href])::after{transform: rotate(-90deg);}
    .main_nav a.open:not([href])::after{transform: rotate(0);}
    .main_nav .sub{display:none}
    .main_nav .sub ul:not(:last-child){margin-bottom:15px}
    .main_nav .sub a{color:var(--mcolor);border-bottom:none;}
    .hamburger{position:absolute;right:1%;bottom:8px;font:inherit;display:block;overflow:visible;margin:0;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;}

    /*=====================================================
                          C U S T O M
    ======================================================*/

    /*============ Header ============*/
    .logo{margin: 0;width: 245px;}
    .h_box::before{height: 5px;}
    .h_inner{height:60px;display: flex; align-items: center;}
    .h_inner{padding: 0 10px;}
    .mb30_sp{margin-bottom: 30px;}
    .mb40_sp{margin-bottom: 40px;}
    /*============ Main ============*/
    main{padding-top: 60px;}
    /* main visual */
    .mv_ite{height: 66.75vw;}
    .mv .inner_box{padding: 0 20px;}
    .mv_ite:nth-of-type(1){background:url('../images/mv_topimg1.jpg') no-repeat center /cover;}
    .mv_ite:nth-of-type(2){background:url('../images/mv_topimg2.jpg') no-repeat center /cover;}
    .mv_txt h1{font-size: 4vw;}
    .mv_txt h1::before{width: 7vw; height: 3.5vw;right: -7vw;top: -4vw;}
    .mv_txt h1::after{width: 7vw;height: 5vw;left: -6vw;bottom: -4vw;}
    .mv_txt h1 span{padding: 5px 8px;}
    .mv_txt h1 span:last-child::after{width: 16vw;height: 12vw;right: -17vw;top: 2vw;}
    .mv_txt h1 span:not(:last-child){margin-bottom: 1.2vw;}


    section,.sec03_box1,.sec03_box2,.ft_info{padding: 45px 0 50px;}
    table th, table td{padding: 10px 7px;}
    table.tb_block tr{display:flex;flex-direction:column}
    table.tb_block tr:not(:last-child) td,
    table.tb_block tr th{border-bottom:none}
    table.tb_block td + td{border-top: none;}
    table.tb_block th,
    table.tb_block td{width: 100%;}
    table.tb_block th, table.tb_block td{padding: 10px 15px;}


    .btn a{width: 280px;height: 50px;background-position: right 10px center;}
    .box_iframe iframe{height: 326px;}
    .inner_box:not(:last-child){margin-bottom: 30px;}
    .mb30{margin-bottom: 20px;}

    /* sec01 */
    .sec01,.ft_info{background-size: 44px;}
    .sec04{background-size: 31px;}
    .sec01_topics{padding:15px 10px 15px 0;height: 345px;}
    .sec01_topics li{flex-wrap: wrap;padding: 13px 15px 10px;}
    .sec01_topics li .cat{margin-right: calc(100% - 200px);}
    .sec01_topics li a{margin-top:5px;text-overflow:ellipsis; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

    /* sec02 */
    /* sec03 */
    .sec03{padding: 0;}

    .w350{width: 42%;}
    /* sec04 */
    /* sec05 */

    /*============ Footer ============*/
    .ft_info_box li{max-width: 300px;margin: 0 auto 20px;}
    .ft_info_box li:last-child{margin-bottom: 0;}
    .ft_info_box li .tt{font-size: 21px;}
    .ft_info_box li .mor{font-size: 14px;}
    .ft_info_box li .sub{font-size: 16px;}
    .ft_info_box + p.center{text-align: left;}
    .ft_info_box li a.sweetlink{text-decoration: underline;}

    .ft_info_box li:nth-of-type(1):before{width: 33px; height: 24px;left: -20px;}
    .ft_info_box li:nth-of-type(2):before{width: 33px; height: 18px;right: -12px;bottom: -3px;}

    .ft_site_link{flex-wrap: wrap;padding: 0 15px;}
    .ft_site_link li{width: 33%;margin: 0 0 10px}

    /* to top */
    .to_top{width:35px;height:35px;right:10px}
    .to_top a img{bottom:0;position:absolute}
    .to_top::before{width:10px;height:10px;left:10px;top:10px}
    .to_top::after{width:10px;height:10px;left:10px;top:20px}
    /*============ END 750 ============ */
}


/* screen-max:460px */
@media screen and (max-width: 440px) {
    .sp_440 {display: block !important;}
    .ft_site_link li{width: 45%;}

}

/* screen-max: 360px */
@media screen and (max-width: 360px) {
    .sp_360 {display: block !important;}
    li,p,th,td{font-size: 14px;}
    .ft_info_box li .tt{font-size: 20px;}
    table.tb_block th, table.tb_block td{padding: 10px;}
}