@charset "utf-8";

/* ------------------------------ *
 * common
 * ------------------------------ */


@media screen and (min-width: 767px) {

  body{
    width:100%;
  }
    
}

#inner{
 margin: 0 auto 0 auto;
 width: 900px; 
}

h1.finding{
 text-align:center;
 font-weight:bold;
 margin-bottom:0.5em;
}

h2.subfinding{
 text-align:center;
 font-size:1.4em;
 font-weight:bold;
 margin-bottom:1em;
 line-height:1.4em;
 color:#666666;
}

h1.finding a{
 color:#ffffff;
 text-decoration:none;
 font-weight:bold;
}
  
@media screen and (max-width: 480px) {
  
  h1.finding{
   font-size:1.8em;
   line-height:1.1em;
  }
    
}

@media screen and (min-width: 481px) and (max-width: 760px) {
  
  h1.finding{
   font-size:2.0em;
   line-height:1.1em;
  }
    
}


@media screen and (min-width: 761px){
  
  h1.finding{
   font-size:2.6em;
   line-height:1.1em;
  }
    
}

header{
 background:url(../images/header_background.jpg) no-repeat center top;
 width:100%;
 position:relative;
 border-top:20px solid #1c558b;
 color:#ffffff;
}

@media screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx){
  header{
   background-image: url(../images/header_background_x2.jpg);
   background-size:auto 140px;
   height:140px;
  }
}

@media screen and (max-width: 760px) {
  header{
   background-repeat:repeat-x;
   background-size:auto 140px;
   height:140px;
  }
    
}

@media screen and (min-width: 761px){
  header{
   background: url(../images/header_background_x2.jpg) repeat-x center top;
   height:280px;
  }
    
}

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

  #name_section{
   position:absolute;
   top:40px;
   left:20px;
   font-size:1.4em;
   line-height:1.4em;
  }
  
  #name_section p{
  }
  
  #name_section h1{
   text-align:left;   
  }
    
}

@media screen and (min-width: 481px) and (max-width: 760px) {

  #name_section{
   position:absolute;
   top:30px;
   left:0px;
   text-align:center;
   width:100%;
   font-size:1.4em;
   line-height:1.4em;
  }
    
}


@media screen and (min-width: 761px){

  #name_section{
   position:absolute;
   top:100px;
   left:0px;
   text-align:center;
   width:100%;
   font-size:1.4em;
   line-height:1.4em;
  }
    
}

#profile_photo{
 width:150px;
 height:150px;
 position:absolute;
 top:10px;
 right:0;
}

#profile_photo a{
 background:url(../images/profile_photo.png) no-repeat left top;
 background-size:150px 150px;
 text-indent:-9999px;
 display:block;
 height:150px;
}

@media screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx){
  #profile_photo a{
    background-image: url(../images/profile_photo_x2.png);
  }
}

@media screen and (min-width:761px) {

 #profile_photo{
  width:300px;
  height:300px;
 }

 #profile_photo a{
  background:url(../images/profile_photo_x2.png) no-repeat left top;
 display:block;
 height:300px;
 }
    
}

.main_section{
   padding:25px 0;
}

.main_section h1{
 color:#1c558b;
}

.main_section p{

}

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

  .main_section{
  }
    
}

@media screen and (max-width: 760px) {
  
  .main_section article{
   padding:1em;
   margin-bottom:2em;
  }
  
}

@media screen and (min-width: 761px){

  .main_section article{
   width:760px;
   margin:0 auto 5em auto;
  }
    
}

ul#menu_list a{
 display:block;
 color:#ffffff;
 text-decoration:none;
}

ul#menu_list h3{
 font-size:1.4em;
 font-weight:bold;
 margin-bottom:0.2em;
}

.menu_icon a{
 display:block;
 background-repeat:no-repeat;
 background-position:center center;
 text-indent:-9999px;
}

@media screen and (max-width: 760px){

 ul#menu_list li{
  padding:10px 5px 10px 10px;
  border-top:1px solid #84bbeb;
  border-bottom:1px solid #4282bf;
  background:#66a7e4 url(../images/menu_arrow.png) no-repeat right center;
  background-size:15px 15px;
  color:#ffffff;
 }

 .menu_icon{  
  margin-right:10px;
  float:left;
  width:50px;
 }

 .menu_icon a{
  display:block;
  width:50px;
  height:50px;
  background-size:50px 50px;
 }
    
}

@media screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx){

  ul#menu_list li{
    background-image: url(../images/menu_arrow_x2.png);
  }
}

@media screen and (min-width: 761px){

 ul#menu_list{
  text-align:center;
  padding-bottom:25px;  
 }

 ul#menu_list li{
  display:inline-block;
  width:190px;
  color:#4282bf;
 }

 .menu_icon{
  margin-bottom:5px;
  height:100px;
 }

 .menu_icon a{
  display:block;
  background-size:100px 100px;
  height:100px;
 }

 ul#menu_list a{
  display:block;
  color:#4282bf;
  text-decoration:none;
 }
    
}

#menu_policy .menu_icon a{ 
  background-image: url(../images/menu_icon_policy.png);
}

#menu_profile .menu_icon a{ 
  background-image: url(../images/menu_icon_profile.png);
}

#menu_speech .menu_icon a{ 
  background-image: url(../images/menu_icon_speech.png);
}

#menu_contact .menu_icon a{ 
  background-image: url(../images/menu_icon_contact.png);
}

#menu_office .menu_icon a{ 
  background-image: url(../images/menu_icon_office.png);
}
  
@media screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx),(min-width: 761px){
    
 #menu_policy .menu_icon a{ 
   background-image: url(../images/menu_icon_policy_x2.png);
 }
 
 #menu_profile .menu_icon a{ 
   background-image: url(../images/menu_icon_profile_x2.png);
 }
 
 #menu_speech .menu_icon a{ 
   background-image: url(../images/menu_icon_speech_x2.png);
 }
 
 #menu_contact .menu_icon a{ 
   background-image: url(../images/menu_icon_contact_x2.png);
 }
 
 #menu_office .menu_icon a{ 
   background-image: url(../images/menu_icon_office_x2.png);
 }
 
}

#contact_section{
 padding:25px 0;
 color:#ffffff;
 background-color:#1c558b;
 text-align:center;
}

#contact_section a{
 color:#ffffff;
}