@charset "UTF-8";

/****************************************
        1. 基本設定
*****************************************/
/*====================*/
/*
A (more) Modern CSS Reset
*/

*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role='list'],ol[role='list']{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}

/*====================*/
h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
}

body{
  font-family: "Hiragino Mincho ProN", "Hiragino Kaku Gothic ProN", sans-serif;
  /*font-family: 'メイリオ', sans-serif;*/

  /* font-size: 18px; */
  font-weight: 500;
  text-align: left;
  color: #8b8a8a;
  background-color: #000000;

}

li {
 list-style: none;
}

a,
a:link,
a:visited,
a:hover {
  text-decoration: none;
}

img {
 vertical-align: bottom;
}

main,
header {
  width: 75%;
  margin: 0 auto;
}

footer {
  width: 100%;
}

header h1 {
  width: 95%;
  text-align: center;
  margin: 0 auto;
}

header, footer {
  text-align: center;
}

header h2,
header h3,
header h4 {
  padding-top: 1em;
}

main {
  padding-top: 10%;
  padding-bottom: 10%;
}


main p {
  /* width: 50%;
  margin: 0 auto; */
  text-align: center;
  margin-bottom: 1em;
}