@charset "UTF-8";
/* CSS Document */

@media screen and (min-width:1051px) {  
    main{width:100%;margin: 0 auto;padding: 0px 0 50px 0;border-bottom: 1px solid gray;}
    
    #id_name .title{width: 100%;height: 100px;margin: 0 auto 50px auto;padding: 0px 0;background:#033492 url("../images/pattern02.png") repeat}
    #id_name .title div{position: relative;width:500px;height: 100px;margin:0 auto 0px auto;padding:0px 0 0 0;} 
/*    #id_name .title div::before{position: absolute;bottom: 20%;left: 0; content: '';display: inline-block;width:100%;height:15px;margin:0 ;padding: 0; vertical-align: top; background:url(../images/brackets05.png) no-repeat;background-position: 0% 0%; background-size:15px auto;}
    #id_name .title div::after{position: absolute;top: 20%;right: 0px;content: '';display: inline-block;width:100%;height:15px;margin:0 ;padding: 0;vertical-align:top;background:url(../images/brackets06.png) no-repeat;background-position:100% 100%; background-size:15px auto;} */   
    #id_name .title div h2{position: relative;width:350px;height: 70px;margin:0 auto 0px auto;padding:30px 0 0 0px;font-size:26px;letter-spacing:1px;color:white;/*background:url("../images/scope_committee02.png") no-repeat;background-position:15% 50%;background-size:60px auto;*/ }     
/*    #id_name .title div h2::before{position: absolute;top: 20%;left: 0;content: '';display: inline-block;width:100%;height:15px;margin:0 ;padding: 0 0 0px 0; vertical-align: top; background:url(../images/brackets03.png) no-repeat;background-position: 0% 0%; background-size:15px auto;}
    #id_name .title div h2::after{position: absolute;bottom:  20%;right:0;content: '';display: inline-block;width:100%;height:15px;margin:0 ;padding: 0;vertical-align: bottom;background:url(../images/brackets04.png) no-repeat;background-position:100% 100%; background-size:15px auto;} */   
        
    #id_name section{width:1000px;margin: 50px auto 0px auto;}    
    #id_name section h3{margin: 0 auto 30px auto;padding: 8px 2% 5px 2%;font-weight: normal;font-size:25px;letter-spacing: 2px;color: white;background: #49c9bc}    
    #id_name section h4{width: 96%; margin: 0 auto 0px auto;padding: 0px 0% 0px 0%;font-weight: normal;font-size:16px;letter-spacing: 1px;line-height: 34px;color: #033492;}
    #id_name section .text01{width: 98%; margin: 0 0 20px auto;padding: 0 0;font-size:16px;letter-spacing: 1px;line-height: 34px;}
    #id_name section .text02{width: 96%; margin: 0 0 0px auto;padding: 0 0;font-size:16px;letter-spacing: 1px;line-height: 34px;}    
}

@media screen and (max-width:1050px) {            
    main{width:100%;margin: 0 auto;padding: 0px 0 30px 0;border-bottom: 1px solid gray;}
    
    #id_name .title{width: 100%;margin: 0 auto 30px auto;padding: 16px 0 8px 0;background:#033492 url("../images/pattern02.png") repeat}    
    #id_name .title div{width:80%;height:auto;margin:0 auto 0px auto;padding:0px 0 0 0;}     
    #id_name .title div h2{width:100%;height:auto;margin:0 auto 0px auto;padding:0px 0 0 0;font-size:20px;letter-spacing:1px;color:white;}     
    #id_name .title div h2::before{content: '';display: inline-block;width: 45px; height:45px;margin:0 5px 0 0;padding: 0 0 0px 0; vertical-align:middle; background:url("../images/scope_committee02.png") no-repeat;background-position: 0% 0%; background-size:100% auto;}
    
    #id_name section{width:80%;margin:30px auto 0px auto;}
    #id_name section h3{margin: 0 auto 10px auto;padding: 8px 2% 5px 2%;font-weight: normal;font-size:18px;letter-spacing: 1px;color: white;background: #49c9bc}    
    #id_name section h4{margin: 0 auto 0px auto;padding: 0px 0% 0px 0%;font-weight: normal;font-size:16px;letter-spacing: 1px;line-height: 34px;color: #033492;}
    #id_name section .text01{margin: 0 auto 20px auto;padding: 0 0;font-size:14px;letter-spacing: 1px;line-height: 26px;}
    #id_name section .text02{width: 96%; margin: 0 0 0px auto;padding: 0 0;font-size:14px;letter-spacing: 1px;line-height:26px;}    
}