@charset "utf-8";

/*--smartPhone--*/
@media screen and (max-width: 480px) {
    
/*  header  */
h1{display: none;}       
.logo_line{padding: 8px 3% 0; overflow: hidden; border-bottom:1px solid #008000; 
    margin-bottom: 20px;} 
.logo{float: left; width: 70%;} 
.logo img{width: 100%; margin: 0; padding: 0;}    
.head_copy{display: none;}    
.address{display: none;}     
.list{width: 15%; float: right;}    
.list img{width: 100%; }  
    
/*  navi  */
.navi{display: none;} 
 
/* main  */    
.wrapper{width: 100%;}
.cte_title{font-size: 5.4vw; line-height: 1.3; padding-left: 0.5em; margin-bottom: 16px;
    border-bottom:1px solid #008000; border-left:8px solid #008000; color: #008000;}      
/* footer */
.footer1{display: none;}    
.footer3 {width: 96%; margin-left: 3.2%;}
.footer3 img{width: 18%;}    
.footer2 {background-color: #008000; color: #fff; font-size: 2vw; text-align: center;}  
}
/*--Tablet------------------------------------------------*/
@media (min-width: 481px) and (max-width: 768px) {
    
/*  header  */
h1{font-size: 1.6vw;  font-weight: normal; text-align: center; color: #fff;  
    background-color: #008000; }    
.header_kill, head_copy{display: none;} 
.logo_line{padding: 12px 12px 8px 20px; overflow: hidden; border-bottom:1px solid #008000;
    font-size: 1.7vw; line-height: 1.2;}     
.head_copy{display: none;}    
.logo{float: left; margin-right: 20px;} 
.logo img{width: 90%;}     
.address{float: right;  font-weight: 600; margin-top: 4px;}    
.list {display: none;}    
    
/* contents */
.content{overflow: hidden; margin-top: 20px; display:flex; width: 100%;}   
 
/*  navi  */
.navi{float: left; width: 21%; border-right:2px solid #00ff7f; font-size: 1.8vw;
    box-shadow: 1px 0 16px rgba(0,0,0,0.4); margin-right: 3%;}     
.navi_button_open{width: 95%; height: 24px; margin-bottom: 6px; background-color: #7f7;
    padding: 8px 0 0 5%;}   
.navi_button{width: 95%; height: 24px; margin-bottom: 6px; background-color: #cf9;
    padding: 8px 0 0 5%;}   
.navi_sumiyoshi{width: 95%; height: 24px; background-color: #7FBFFF;
    padding: 8px 0 0 5%;} 
.navi_sub {font-size: 1.6vw; line-height: 2.2; margin: 8px 0 6px 4%;}     

/* main  */    
.wrapper{width: 76%;}  
.cte_title{font-size: 3.0vw; line-height: 1.3; padding-left: 16px; margin-bottom: 24px;
    border-bottom:1px solid #008000; border-left:8px solid #008000; color: #008000;}    
    
.green_letter{color: #008000;}
.red_letter{color: #f00;}  
    
/* footer */
.footer1{background-color: #cf9; overflow: hidden;}
.footer_logo{width:17%; margin:20px 2% 0 2%; font-size:1.3vw; line-height: 1.2;
    float: left;} 
.footer_logo img{width:100%;}     
.footer_index{float: left; margin: 20px 1em; 0 0; line-height: 2; font-size: 1.5vw;}    
.footer2{background-color: #008000; color: #fff; font-size: 1vw; text-align: center;}
.footer3{display: none;}
    
    
} 
/*--PC--------------------------------------------------*/
@media print, screen and (min-width: 769px) {
/* main styles---------------*/
.container {margin:0 auto; width:1080px;}

/*  header  */
h1{font-size: 12px;  font-weight: normal; text-align: center; color: #fff; background-color: #008000; padding-top: 3px;}
.logo_line{padding: 12px 12px 0 20px; overflow: hidden; border-bottom:1px solid #008000;
    font-size: 12px; line-height: 1.2;}   
.logo{float: left; margin-right: 20px;}  
.head_copy{float: left; margin-top: 23px; }   
.address{float: right;  font-weight: 600; margin-top: 6px;}
.list {display: none;}      

/* contents */
.content{overflow: hidden; margin-top: 20px; display:flex; width: 1080px;}   
 
/*  navi  */
.navi{float: left; width: 200px; border-right:2px solid #00ff7f; font-size: 17px;
    box-shadow: 1px 0 16px rgba(0,0,0,0.4); margin-right: 30px;}    
.navi_button_open{width: 188px; height: 24px; margin-bottom: 6px; background-color: #7f7;
    padding: 8px 0 0 12px;}   
.navi_button{width: 188px; height: 24px; margin-bottom: 6px; background-color: #cf9;
    padding: 8px 0 0 12px;}   
.navi_sumiyoshi{width: 188px; height: 24px; background-color: #7FBFFF;
    padding: 8px 0 0 12px;} 
.navi_sub {font-size: 13px; line-height: 2.2; margin: 8px 0 6px 20px;} 
    
/* main  */    
.wrapper{width: 850px; }  
.cte_title{font-size: 28px; line-height: 1.3; padding-left: 16px; margin-bottom: 24px;
    border-bottom:1px solid #008000; border-left:8px solid #008000;}    
    
.green_letter{color: #008000;}
.red_letter{color: #f00;}  

/* footer */
.footer1{background-color: #cf9; overflow: hidden;}
.footer_logo{width:204px; margin:20px 40px 0 60px; font-size:13px; line-height: 1.2;
    float: left;}    
.footer_index{float: left; margin: 20px 20px; 0 0; line-height: 2;}    
.footer2{background-color: #008000; color: #fff; font-size: 9px; text-align: center;}
.footer3{display: none;}



}