html {
	background-color: #f1f1f1;
}

body {
	color: #030017;
  font-family: 'PT Sans Caption', sans-serif, "Sawarabi Gothic";
}

.head{
  text-align:center;
  color: #4e8ac8;
  padding: 0.2rem 0 0.3rem;
  border-top: solid 3px #4e8ac8;
  border-bottom: solid 3px #4e8ac8;
  margin-bottom: 8rem;
  }

.cnt{
  color: rgb(45, 105, 208);
  padding-right: 1.5rem;
}

h1{
  font-size: 3.5rem;
  letter-spacing: .1rem;
  margin: 0;
}

h2{
  text-align: center;
  font-size: 1.5rem;
  margin-bottom: 2.7rem;
  letter-spacing: .1rem;
  border-bottom: solid 3px black;
}

h3.line {
			font-size:1.1rem;
      clear: both;
      position:relative;
      text-align:center;
  }

h3.line:before {
      content:"";
      position:absolute;
      top:50%;
      left:0;
      width:30%;
      height:1px;
      border-bottom:solid 1px #000;
      background-color:#4096ee;
  }

h3.line:after {
      content:"";
      position:absolute;
      top:50%;
      right:0;
      width:30%;
      height:1px;
      border-bottom:solid 1px #000;
      background-color:#4096ee;2
  }


  a:link {color:blue;}
  a:visited {color:blue;}
  a:hover {color:rgb(186, 99, 9);}

.txt{
  margin-left: 1.2rem;
	margin-right: 1.2rem;
  margin-bottom: 3.5em;
}

.Contentswarpper{
  margin: 0 auto;
  padding: 0;
  width: 74%;
  max-width: 650px;
}

.soc{
width: 10rem;
}

.snk{
  font-size: 0.8em;
}

.Contents{
  padding: 0;
  margin-bottom: 4rem;
}

.caster{
  font-size:0.8rem;
	color: #030017;
}

.main{
  margin: 0 auto;
  text-align: left;
  width: 80%;
	max-width: 800px;
}