@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* スクロールバーの有無によるズレ対策 */
html{
  overflow-y: scroll;
  min-height: 100%;
  position: relative;
}
a
{
  color: #333;
  text-decoration: none;
  border-bottom:1px dotted #333;
}
a:hover
{
  text-decoration: none;
  border-bottom:1px solid #333;
}

/* bodyの設定 */
body{
  color: #333;
  background: #fff;
  font-size: 0.875em;/* 14px */
  font-family: 'Noto Sans Japanese', sans-serif;
  /* font-family: YuMincho, '游明朝', serif; */
  line-height: 1.7;
  -webkit-text-size-adjust: 100%;
}
*{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
img{ vertical-align: bottom; }
div.main
{
  margin-bottom:160px;
}
header h1
{
  margin:0;
}
header h1 a,
header h1 a:hover
{
  display:block;
  font-weight:200;
  font-size:19px;
  text-align:center;
  padding-top:200px;
  width:200px;
  margin:0 auto;
  background:url(../img/logo.svg) 50% 0% no-repeat;
  background-size:contain;
  text-decoration: none;
  border:none;
  color: #333;
}
section.aboutus
{
  font-weight:100;
  font-size:40px;
  margin:40px auto;
  width:680px;
}
section.newsrelease,
section.information,
section.privacy
{
  width: 500px;
  margin:10px auto;
}
section.newsrelease h2,
section.information h2,
section.privacy h2
{
  font-weight: 300;
  border-bottom:1px solid #666;
  margin-bottom:0;
}
section.newsrelease dl,
section.information dl
{
  margin:0;
}
section.newsrelease dl dt,
section.information dl dt
{
  padding-top: 0.5em;
  font-weight: 300;
  width:120px;
  float:left;
  clear:both;
}
section.newsrelease dl dd,
section.information dl dd
{
  padding-top: 0.5em;
  margin-left:120px;
}

div.content section.newsrelease,
div.content section.information,
div.content section.privacy
{
  width:680px;
  margin:40px auto;
}
div.content section.newsrelease h2,
div.content section.information h2,
div.content section.privacy h2
{
  border:none;
  margin-bottom:5px;
}
div.content section.newsrelease div.pageContent,
div.content section.information div.pageContent,
div.content section.privacy div.pageContent
{
  padding:20px;
  border:1px solid #ccc;
  box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
div.content section.newsrelease div.pageContent div.date,
div.content section.information div.pageContent div.date,
div.content section.privacy div.pageContent div.date
{
  text-align:right;
}
div.content section.newsrelease div.pageContent h1,
div.content section.information div.pageContent h1,
div.content section.privacy div.pageContent h1
{
  text-align:center;
  font-size:1.5em;
  font-weight:300;
}
div.content section.newsrelease div.pageContent dl,
div.content section.information div.pageContent dl
{
  margin:1em;
}
div.content section.newsrelease div.pageContent div.access,
div.content section.information div.pageContent div.access,
div.content section.privacy div.pageContent div.access
{
  margin-top:1em;
  border:1px solid #ccc;
  padding:1em;
}
div.content section.newsrelease div.pageContent div.access .companyName,
div.content section.information div.pageContent div.access .companyName,
div.content section.privacy div.pageContent div.access .companyName
{
  font-weight:600;
}
div.content section.privacy dl dt
{
  padding-top: 0.5em;
}
div.content section.privacy ol>li
{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
  position:relative;
}
div.content section.privacy ol>li:before
{
  display: marker;
  content: "(" counter(cnt) ") ";
  position:absolute;
  left:-2em;
}

div.content section.privacy div.pageContent div.access dl dt
{
  padding-top: 0.5em;
  font-weight: 300;
  width:120px;
  float:left;
  clear:both;
}
div.content section.privacy div.pageContent div.access dl dd
{
  padding-top: 0.5em;
  margin-left:120px;
}
footer
{
  color:#fff;
  background-color:#333;
  height: 10em;
  line-height:1.5em;
  text-align:center;
  bottom:0;
  left:0;
  right:0;
  margin: auto;
  width: 200px;
  position: absolute;
  padding:0;
}
footer nav
{
  background-color:#666;
  margin:0 0 1em 0;
  height: 5em;
}
footer nav ul
{
  margin:0;
  padding:0;
  display: block;
  list-style: none;
}
footer nav ul li
{
  display: block;
  margin:0;
  padding:0;

}
footer nav ul li a
{
  color:#fff;
  text-decoration:none;
  border:none;
  display:block;
  padding:.5em 0;
}
footer nav ul li a:hover
{
  border:none;
  text-decoration:none;
  background-color:#888;
}

@media  (max-width: 600px) {
  section.aboutus
  {
    margin:5vw auto;
    font-size:5vw;
    padding:5vw;
    width:auto;
  }
  section.newsrelease,
  section.information,
  section.privacy
  {
    width:auto;
    padding:5vw;
  }
  section.newsrelease dl dt,
  section.information dl dt
  {
    font-size:3.5vw;
    width:30vw;
  }
  section.newsrelease dl dd,
  section.information dl dd
  {
    font-size:3.5vw;
    margin-left:30vw;
  }
  div.content section.newsrelease,
  div.content section.information,
  div.content section.privacy
  {
    width:auto;
    padding:0;
  }
  div.content section.newsrelease h2,
  div.content section.information h2,
  div.content section.privacy h2
  {
    font-size:5vw;
    text-align:center;
  }
  div.content section.newsrelease div.pageContent,
  div.content section.information div.pageContent,
  div.content section.privacy div.pageContent
  {
    border-left:none;
    border-right:none;
    box-shadow:none;
  }
  div.content section.newsrelease div.pageContent div.access dl dt,
  div.content section.information div.pageContent div.access dl dt,
  div.content section.privacy div.pageContent div.access dl dt
  {
    width:20vw;
  }
  div.content section.newsrelease div.pageContent div.access dl dd,
  div.content section.information div.pageContent div.access dl dd,
  div.content section.privacy div.pageContent div.access dl dd
  {
    margin-left:20vw;
  }
  footer
  {
    font-size:3vw;
  }
}