body{font-size:80%;
text-align:center;
font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ƒqƒ‰ƒMƒmŠpƒS ProN W3", Meiryo, sans-serif;
line-height:1.9;
 background: #ffffff;
letter-spacing:2.5px;
}

a {
font-size:15px;
color: #000000;
border: 0;
text-decoration: none;
  display: inline-block;
  transition: .3s;
}

a:hover {
  transform: rotate(15deg);
}

#wrp{
width:600px;
margin:0 auto;
}

#header{
margin:0 auto;
text-align:center;
}

#nav{
margin:0 auto;
text-align:center;
height: 30px;
letter-spacing: 0.5em;
}

ul {
	list-style: none;
	font-size: 15px;
padding-top:100px;
margin: 0 auto 0 -40px;
width:220px;
}

li {
        display: inline-block;
       	position: relative;
        padding: 3px;
letter-spacing:1px;
}

#content{
width:220px;
height:220px;
margin:0 auto 30px auto;
padding:3px;
border-radius:50%;
border:1px #000 solid;
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0,
            color-stop(.25, #fff), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #fff),
            color-stop(.75, #fff), color-stop(.75, transparent),
            to(transparent));
  background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%,
          transparent 50%, #fff 50%, #fff 75%,
          transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%,
          transparent 50%, #fff 50%, #fff 75%,
          transparent 75%, transparent);
  background-image: -ms-linear-gradient(45deg, #fff 25%, transparent 25%,
          transparent 50%, #fff 50%, #fff 75%,
          transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, #fff 25%, transparent 25%,
          transparent 50%, #fff 50%, #fff 75%,
          transparent 75%, transparent);
  background-image: linear-gradient(45deg, #fff 25%, transparent 25%,
          transparent 50%, #fff 50%, #fff 75%,
          transparent 75%, transparent);
  -webkit-background-size: 10px 10px;
  -moz-background-size: 10px 10px;
  background-size: 30px 30px;
}h1 {
font-family: 'Josefin Sans', sans-serif;
font-size:25px;
letter-spacing: 5px;
font-weight:normal;
}

h2{
font-size:15px;
line-height:34px;
font-weight:normal;
color:#000;
height:34px;
width:200px;
padding:3px 10px;
border:1px #000 solid;
border-radius:10px;
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0,
            color-stop(.25, #fff), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #fff),
            color-stop(.75, #fff), color-stop(.75, transparent),
            to(transparent));
  background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%,
          transparent 50%, #fff 50%, #fff 75%,
          transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%,
          transparent 50%, #fff 50%, #fff 75%,
          transparent 75%, transparent);
  background-image: -ms-linear-gradient(45deg, #fff 25%, transparent 25%,
          transparent 50%, #fff 50%, #fff 75%,
          transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, #fff 25%, transparent 25%,
          transparent 50%, #fff 50%, #fff 75%,
          transparent 75%, transparent);
  background-image: linear-gradient(45deg, #fff 25%, transparent 25%,
          transparent 50%, #fff 50%, #fff 75%,
          transparent 75%, transparent);
  -webkit-background-size: 30px 30px;
  -moz-background-size: 30px 30px;
  background-size: 30px 30px;
}

p {
  color: #000;
  font-size:14px;
  text-align: justify;
  text-justify: inter-ideograph;
  margin:0;
padding-top:10px;
}

.box{
width:450px;
 margin: 0px auto;
padding: 20px;
 color:#000;
text-align:left;
border-bottom: 1px dashed #f5f5f5;
}

strong {
background: linear-gradient(transparent 75%,#f5f5f5 75% ) ;
}