@charset "utf-8";

/* mobile----------------------------------------------------*/
@media screen and (max-width: 480px) {

.top_image {margin-bottom: 28px;}      
.catch {font-weight: bold; color: #39c; margin-left: 2%;
    font-size: 3.6vw; font-family: serif; font-feature-settings:"palt";}    
.contentL{width: 50%; margin: 0 0 16px 25%;}     	
.contentR{width: 86%; margin-left: 7%;f ont-family: serif;
    font-size: 3.8vw; line-height: 1.8; font-feature-settings:"palt"; }    
.contentR img{ width: 42%; margin-bottom: 6px;} 
.president_name {text-align: right; margin: 12px 32px 2px 0;
    font-family: serif; font-size: 5vw; font-weight: bold;} 
.size70 {font-size: 2.8vw; padding-right: 24px;}     
.bottom_img{width: 100%; margin-bottom: 24px;}   
    
    
}/* Tablet---------------------------------------------------*/
@media (min-width: 481px) and (max-width: 768px) {  

.top_image {margin-bottom: 32px;  position: relative; } 
    
    
.catch {position: absolute; top: 28%; left: 10%; width: 78%; font-weight: bold;
    font-size: 3vw; font-family: serif; font-feature-settings:"palt"; 
    background-color: #fff; padding: 12px; border-radius: 10px;}
.content{overflow: hidden; width: 92%; margin: 0 0 24px 4%;}  
.contentL{float: left; width: 28%; }     
.contentR{float: right; width: 67%; font-family: serif;
    font-size: 2.1vw; line-height: 1.8; font-feature-settings:"palt"; }    
.contentR img{margin-bottom: 12px;} 
.president_name {text-align: right; margin: 12px 32px 38px 0;
    font-family: serif; font-size: 2.8vw; font-weight: bold;} 
.size70 {font-size: 1.9vw; padding-right: 24px;}   
    
   
    
    
}/* PC-------------------------------------------------------*/
@media print, screen and (min-width: 769px) {
     
.naviBt {float: left; width: 16.5%; border-right:1px solid #ccc; 
    height:24px; text-align: center; padding-top: 8px; font-size: 15px;}         
.naviBt_open {float: left; width: 16.5%; border-right:1px solid #ccc; 
    background-image: url(../common/navi_open_line.jpg); color: #06c;
    background-position: right bottom; background-repeat:no-repeat; 
    font-weight: bold;
    height:24px; text-align: center; padding-top: 8px; font-size: 15px;} 
   
.top_image {width: 100%; position: relative; margin-bottom: 48px;}
.catch {position: absolute; top: 36%; left: 10%; width: 78.5%; font-weight: bold;
    font-size: 32px; font-family: serif; font-feature-settings:"palt"; 
    background-color: #fff; padding: 12px; border-radius: 10px;}
.content{overflow: hidden; width: 76%; margin: 0 0 32px 12%;}  
.contentL{float: left; width: 22%; margin: 32px 0 5% 0;}     
.contentR{float: right; width: 67%; font-family: serif;
    font-size: 16px; line-height: 1.8; font-feature-settings:"palt"; }    
.contentR img{margin-bottom: 12px;} 
.president_name {text-align: right; margin: 12px 32px 38px 0;
    font-family: serif; font-size: 20px; font-weight: bold;} 
.size70 {font-size: 13px; padding-right: 24px;}
.bottom_img{width: 60%; margin: 0 0 24px 20%;}    

    
    
    
    
    
}