img{width: auto;height: auto;max-width: 100%;}
nav,nav a,nav a:hover{color: #666666!important;}
h1{letter-spacing: .25em;font-weight: normal;font-family: 'futura';float: left;}
html,body, footer{overflow-x: hidden;text-align: center;font-family:  "メイリオ", "Meiryo","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN", "游ゴシック", "YuGothic","KozGoPro-Light", "小塚ゴシック Pro L",  sans-serif;;}
@font-face{font-family: "OldStandard-Italic";src:;}
label{font-weight: normal;}
.exsmall {font-size: .5em;}

.sp-lang{margin-left: 2em;}
.sp-lang li{float: left;list-style: none;font-size: .75em;}

.top-page{padding-top: 60%;padding-left: 1%;padding-right: 1%;}
.top-page img{margin-left: 3em;margin-right: 3em;}
nav img{margin: 1.5em 0; width: 75%;}
.top-page h1{margin-bottom: .5em;}


.italic{font-family: "Baskerville";font-style: italic;letter-spacing: .05em;}
#aboutus {height: 100%;  background-color: #5875A0; display: block; position: absolute; left: 0px; right: 0px; color: #fff;}
#aboutus .container{  
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#aboutus article {margin: 0 auto; width: auto; }
#aboutus table{text-align: left;line-height: 2.5em;margin: 0 auto;}
#aboutus table th{padding-right: 2em;width:auto;text-decoration: none;font-weight: normal;}
#aboutus table th{margin-right: 2em;width:auto;text-decoration: none;font-weight: normal;}


footer .copyright{color: #bfbfbf}
footer {padding-bottom: .15em;padding-top: .5em; position: absolute;bottom: 0px;background-color: #fff;width: 100%;}
@media screen and (max-width: 767px) {
.pc{display: none;}

}
@media screen and (min-width: 768px) {
.sp{display: none!important;}

nav{background-color: #fff!important;border: none!important;border-top: 5px solid #5875A0!important;height: 5em;}

#aboutus h2{font-size: 1.6em;margin-bottom: 2em; color: #fff;}