@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:45px;
   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-t0{
     font-size:40px;
     -webkit-text-stroke: 1px rgba(255,255,255,0.5);
     text-stroke: 1px rgba(255,255,255,0.5);
    }
	.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;
   }
   
   .pdf-link{
  margin-top:0;
   }
   
   
   .sc-tit4 {
        font-weight: 700;
        font-size: 18px;
        margin-bottom: 0.7rem;
    }
    
}

@media (max-width:768px) {
   body, th, td, input, select, textarea, button{
   font-size:15px;
   }
   header{   
   height:auto;  
   }
   .header-box{      
   padding-top:0;
   flex-wrap: wrap;
   overflow:hidden;
   }
   .tnb {
    position: relative;        
	}
	
   .header-logo{
    top: 0px;
    left: 0px;
	margin:10px 0 10px 10px;
    position:relative;
   }
   .header-logo a{
   width:200px;
   }
   .header-logo a img{
   width:100%;
   }
   .mobile-open-btn{
   position:relative;   
   width:40px;
   height:40px;
   top:0px;
   right:0;
   margin:10px 10px 10px 0px;
   }
   
   .mv-slide .slick-arrow{
   font-size:32px;
   }
   .vat-t0{
  font-size:22px;
   }
   .vat-t1{
  font-size:32px;
   }
  .vat-t2{
  font-size:17px;
   }
   .vat-t3{
   font-size:16px;
   padding-top:20px;
    }
  .vat-t4{
  font-size:13px;
  }
   
   .main-top-box{
   padding:0;
   }
   .main-top-box-area{
   flex-wrap:wrap;
   width:100%;
   gap:0;
   }

   .sbl-box a img{
	width:100%;
	}
   
   #subm-link{
   order:1;
   width:100%;
   border-radius:0;
   }
   #quick-list{
   order:2;
   }
   .sml-list{
   flex-wrap:wrap;
   gap:2%;
   }
   .sml-list li{
    width:49%;
   }
   .sml-t{
    text-align:center;
   }
   
   .sml-tit{
    font-size:18px;
   }
   
   .sml-tit span{
    font-size:13px;
   }
   #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:20px;
   }
   .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:22px;
   }
   .m-gallery-tit span{
    font-size:15px;
    margin-bottom:5px;
   }
   .m-gallery-tit p br{
   display:none;
   }
   .m-gallery-slide {
   width:100%;  
   max-width:100%;
   }
   .m-gallery-slide .slick-arrow{
   width:35px;
   height:35px;
   line-height:35px;
   font-size:18px;
   top:15px;
   }
   .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:20px;
   }
   .s11-bottom{
   text-align:center;
   }
   .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:33.3%;
   }
   .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;
   }
    .sc-tit22{
   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,.lb-bottom button{
   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 ,.join-agree-text {
    border-radius: 8px;
    }

 .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;
   padding:10px;
   }
   
   .join-box dd + dt{
       border-top: 1px #e0e0e0 solid;
   }
 
 
   .join-box dd input, .join-box dd select, .join-box dd textarea{
   max-width:90% !important;
   }
   .join-agree-text{
   height:140px;
   padding:10px;
   }
   
   .sc-tit4 {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 0.6rem;
    }
}