@media (max-width:1280px) {

   .tnb{
   left:auto;
   right:0px;
   }
   .main-middle-box-area{
   overflow:hidden;
   }

}
@media (max-width:1024px) {

   header{
  height:105px;
   }
   .header-box{
   position:relative;
   height:inherit;
   padding-top:35px;
   width:100%;
   }
   .tnb{
   position:absolute;
   width:100%;
   left:0;
   top:0;
   text-align:center;
   border-bottom:1px #e0e0e0 solid;
   font-size:13px;
   padding:3px 0;
   }
  .tnb li a{
  font-size:14px;
  line-height:1.6em;
   }
   .tnb li:before{
   margin:0 5px;   
   }
  .tnb li.tnb-eng a{
  margin-left:5px;
  }
   .header-gnb{
   border:0;
   display:none;
   }
   .header-logo{
   top:50px;
   left:10px;
   position:absolute;
   }
   .mobile-open-btn{
   display:block;
   background-color:#0078be;
   width:45px;
   height:45px;
   font-size:28px;
   right:10px;
   border-radius:5px;
   z-index:99;
   color:#fff;
   text-align:center;
   }
   
  
   .sub-visual{
   height:180px;
   line-height:180px;
   font-size:50px;
   }
   .sub-area{
   display:block;
   }
   
   .va-img{
    width:150%;
    left:50%;
    margin-left:-75%;
    }
    .vat-t1{
      font-size:60px;
      -webkit-text-stroke: 1px rgba(255,255,255,0.5);
      text-stroke: 1px rgba(255,255,255,0.5);
     }
     .vat-t2{
     font-size:25px;
     }
     .vat-t3{
     font-size:32px;
     }
     .vat-t4{
     font-size:24px;
     }
    
    .mv-slide .slick-dots li button{
    width:5px;
    height:5px;
    line-height:5px;
    }
    .mv-slide .slick-dots{
    bottom:5px;
    }


}

@media (max-width:768px) {
   body, th, td, input, select, textarea, button{
   font-size:15px;
   }

   .header-logo a{
   width:250px;
   }
   .header-logo a img{
   width:100%;
   }
   .mobile-open-btn{
   width:38px;
   line-height:38px;
   height:38px;
   margin-top:-19px;
   }
  .mv-slide .slick-arrow{
   font-size:32px;
   }
   .vat-t1{
  font-size:26px;
   }
  .vat-t2{
  font-size:14px;
   }
   .vat-t3{
   font-size:15px;
   padding-top:20px;
    }
  .vat-t4{
  font-size:12px;
  }
   
   .main-top-box{
   padding:0;
   }
   .main-top-box-area{
   flex-wrap:wrap;
   width:100%;
   gap:0;
   }
   
   #subm-link{
   order:1;
   width:100%;
   border-radius:0;
   }
   #quick-list{
   order:2;
   }
   .sml-list{
   flex-wrap:wrap;
   }
   .sml-list li{
   width:100%;
   margin:5px 0;
   }
   .sml-t{
    text-align:center;
   }
   #quick-list ul {
   gap:0;
   }
   #quick-list ul li{
   flex:1 1 10%;
   border-left:0;
   }
   
   #quick-list ul li a img{
   width:50px;
   }
   #quick-list ul li a{
   font-size:14px;
   font-weight:600;
   }
   .mmb-board-tab{
   padding-right:0px;
   flex-wrap:wrap;
   border-top:1px #ddd solid;
   border-right:1px #ddd solid;
   }
   
   .mmb-tab-a{
   height:30px;
   line-height:30px;
   font-size:13px;
   flex-grow: 0;
   flex:1 1 30%;
   box-sizing:border-box;
   border-top-width:0;
   }
   .mmb-more{
    position:unset;
    text-align:Center;
    margin-top:15px;
   }
   .mmb-more a{
   width:40px;
   height:40px;
   line-height:40px;
   font-size:18px;
   border-radius:999px;
   margin:0 auto;
   }
   
   .main-middle-box{
   padding:20px 0;
   }
   .mmb-ba-box ul li{
   width:100%;
   margin-top:10px;
   }
   .mmb-ba-box ul li a{
   padding:15px;
   }
   .mmb-t1{
   width:70px;
   }
   .mmb-t1 p{
   font-size:35px;
   }
   .mmb-t1 span{
   font-size:14px;
   }
   .mmb-t2 strong{
   font-size:15px;
   }
   .main-bottom-box{
   padding:20px 0;
   }
   .mbba-tit{
   font-size:24px;
   }
   .mbba-slide .slick-arrow{
   width:35px;
   height:35px;
   line-height:35px;
   font-size:18px;
   }
   .mbba-slide{
   margin-top:15px;
   }
   .mbbab-p{
   font-size:16px;
   }
   .main-gallery{
   display:block;
   }
   .m-gallery-tit{
   margin:0;
   width:100%;
   text-align:center;
   margin-bottom:20px;
   }
   .m-gallery-tit span{
   font-size:18px;
   }
   .m-gallery-tit p{
   font-size:24px;
   }
   .m-gallery-tit p br{
   display:none;
   }
   .m-gallery-slide .slick-arrow{
   width:35px;
   height:35px;
   line-height:35px;
   font-size:18px;
   top:25px;
   }
   .m-gallery-slide .slick-arrow.slick-next{
      left:auto;
      right:0;
   }
   .m-gallery-slide .slick-slide > div{
   padding:0 10px;
   }
   .mgsb-txt p{
   font-size:16px;
   }
   .mgs-box a{
    width:100%;
   }
   #site-banner .slick-arrow{
   width:35px;
   height:35px;
   line-height:35px;
   font-size:18px;
   }
   #site-banner{
   padding:10px 0;
   }
   .footer-top-area{
   flex-wrap:wrap;
   }
   .fnb-top{
   display:none;
   }
   .family-site{
   order:1;
   margin:0 auto;
   }
   .btn-open-site{
   height:32px;
   line-height:32px;
   margin-top:20px;
   margin-bottom:15px;
   }
   .fnb{
   order:2;
   text-align:center;
   }
   .fnb a{
   font-size: 14px;
   padding:3px;
   }
   .foot-area{
   text-align:center;
   font-size:14px;
   }
   .foot-info p{
   font-size:14px;
   margin:2px;
   }
   
   .sub-visual{
   font-size:35px;
   height:150px;
   line-height:150px;
   }
   .sub-area{
   padding:30px 0 30px;
   }
   .sub-nav{
   display:none;
   }
   .sub-tit{
   padding-top:30px;
   font-size:28px;
   }
   
   .s11-top{
   flex-wrap:wrap;
   padding-bottom:20px;
   margin-bottom:20px;
   }
   .s11t-txt{
   padding-left:0;
   padding-top:20px;
   text-align:center;
   font-size:17px;
   }
   .s11t-img{
   margin:0 auto;
   }
  .s11t-txt strong{
   font-size:17px;
   }
   .s11-bottom{
   text-align:center;
   }
   .sjb-img{
	display:block;
	margin:0 auto;
	}
	.sjb-img img{
margin-top:5px;
width:100%;
}

	.sjb-text{
	display:block;
	margin-top:20px;
	padding-left:0;
	}
   .sc-box2{
   margin:20px 0;
   }
   .sc-dl2 dt{
   width:100%;
   }
   .sc-dl2 dt br{
   display:none;
   }
   .sc-dl2 dd{
   padding-left:0;
   padding-top:10px;
   border-left-width:0;
   }
   .sc-dl2{
   display:block;
   }
   .sc-dl2-1 dd{
   padding-left:0;
   padding-top:10px;
   }
   .history-box p{
   font-size:28px;
   width:90px;
   }
   .org_info{
   display:none;
   }
   
   .sub-tab1 a{
   height:40px;
   line-height:40px;
   padding:0 30px;
   }
   .inbox dd span{
   width:32%;
   }
   .inbox{
   padding:15px;
   }
   
   .sub-tab2 li a{
   font-size:13px;
   padding:5px;
   }
   .sub-tab2 li{
   width:25%;
   }
   .sub-tab2 li a i{
   right:7px;
   font-size:0.5em;
   }
   .s15-list1 li{
   width:29.3%;
   }
   .sc-tit2{
   font-size:22px;
   margin-bottom:15px;
   }
   .s15-list1 li{
   margin-bottom:15px;
   }
   .s15-l1-txt{
   margin-top:5px;
   }
   
   .sc-tit3{
   font-size:22px;
   word-break: keep-all;
   }
   .sc-list1{
   padding:15px;
   margin-top:10px;
   }
   
   .sc-btn-box1 li{
   display:block;
   text-align:center;
   }
   .sc-btn-box1 li p{
   margin-bottom:5px;
   }
   .sc-btn-box1{
   margin-top:20px;
   }
   .sc-list2{
   display:block;
   }
   .login-box{
   padding:15px;
   }
   .login-box input{
   height:45px;
   line-height:45px;
   }
   .lb-bottom{
   paddint:20px;
   margin-top:20px;
   }
   .lb-bottom a{
   width:100%;
   box-sizing:border-box;
   margin:5px 0;
   }
   
   .sc-l2-center{
   padding:15px;
   }
   .sc-list3{
   flex-wrap:wrap;
   margin-top:20px;
   }
   .sc-list3 li{
   width:100%;
   margin-bottom:10px;
   }
   .sc-list3 li dt{
   font-size:22px;
   }
 .join-box dl{
  display:block;
   }
   .join-box dt{
   width:100%;
   text-align:left;
   box-sizing:border-box;
   padding:10px;
   }
   .join-box dd{
   width:100%;
   border-top:1px #e0e0e0 solid;
   border-left:0;
   box-sizing:border-box;
   }
   .join-box dd input, .join-box dd select, .join-box dd textarea{
   max-width:90% !important;
   }
   .join-agree-text{
   height:140px;
   }
}