@charset "UTF-8";

* {
	padding: 0;
	margin: 0;
}

body{
font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ƒqƒ‰ƒMƒmŠpƒS ProN W3", Meiryo, sans-serif;
	color: #666;
	line-height: 1.5em;
	letter-spacing: 1.5px;
}

#wrp{
	margin: 0 auto;
	width: 550px;
	height: auto;
	padding-top: 30px;
background-color:#fff;
}

#header{
	margin: 20px auto;
	height: 50px;
	text-align:center;
	line-height: 25px;
}

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

#nav ul{
	list-style: none;
	font-size: 15px;
margin-bottom: 24px;
margin-left: 24px;
}

#nav li{
	display: inline-block;
	width: 60px;
	height: 60px;
	line-height: 60px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
background-color: #fff;
margin-right: 24px;
border:1px #000 solid;
}

#nav li.menu1{
border:1px solid #F5B090;
}

#nav li.menu2{
border:1px solid #F5E290;
}

#nav li.menu3{
border:1px solid #A2D7D4;
}

#nav li a{
	color: #000;
	border: 0;
	text-decoration: none;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav ul li a:hover{ 
border-bottom: 1px dashed #fff;
}

#content{
margin: 30px auto 0 auto;
padding: 30px 0;
width:100%;
text-align:center;
}h1{
font-family: 'Dancing Script', cursive;
font-weight: normal;
font-size: 30px;
color: #000;
}

h2{
margin: 10px auto;
padding: 7px 0;
font-weight: normal;
font-size:18px;
width: 350px;
height: 25px;
border-top:1px #ccc solid;
border-bottom:1px #ccc solid;
color: #000;
}

strong {
background:linear-gradient(transparent 90%, #ccc 0%)
}

a{
	color: #000;
	text-decoration: none;
	border-bottom: 1px dashed #000;
}

p{
	text-align: justify;
	text-justify: inter-ideograph;
	margin:0;
	padding:10px 5px 0 5px;
font-size:14px;
}.inner{
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.box{
width: 350px;
margin:2em auto;
position: relative;
padding-bottom: 2.5em;
border: solid 1px #000;
}
.box p {
margin: 0;
padding: 5px;
} 
.box .box-title {
position: absolute;
display: inline-block;
top: -20px;
left: 30px;
padding: 0 9px;
line-height: 1;
font-size: 19px;
background: #FFF;
color: #999;
font-weight: normal;
}