@charset "utf-8";
/* CSS Document */



h2{width:80%;
margin: 0 auto 7% auto;}

.s-nav li{font-size:16px;
background: #F9B2CF;
border-radius: 10px;
text-align: center;
color: #fff;
padding: 1% 0%;
width:85%;
margin: 2% auto;

font-family: "Sawarabi Mincho", serif;
font-weight: 400;
font-style: normal;}

.s-nav li a{color:#fff;}


.pbtn{
background: #F9B2CF;
border-radius: 10px;
text-align: center;
color: #fff;
padding: 0% 5%;

margin: 4% 0%;
display: inline-block;
font-family: "Sawarabi Mincho", serif;
font-weight: 400;
font-style: normal;}

.p-b{border: solid 2px #FF6BA0;
width:90%;
margin: 4% auto;
padding: 2%;
font-size: 14px;
background: #FEF8FB;
}

.p-b span{color:#FF6BA0;
font-weight: bold;
font-size: 20px;
margin-right: 2%;}

.p-b li{padding-left:2.5em;
	text-indent:-2.5em;}


table{border-top:solid 1px #000;
width:95%;
margin: 5% auto;
font-size: 12px;}

th{width:35%;
text-align: left;
font-weight: normal;
border-bottom:solid 1px #000;
padding: 2% 2%;}

td{border-bottom:solid 1px #000;
text-align: left;}

.pf{color:#FF6BA0;
font-weight: bold;}

@media only screen and (min-width: 640px) {
	
h2{width:50%;
margin: 0 auto 7% auto;}	

.p-b{
font-size: 18px;
}
	
	table{
font-size: 18px;}
	
.s-nav li{font-size:16px;
background: #F9B2CF;
border-radius: 10px;
text-align: center;
color: #fff;
padding: 1% 0%;
width:45%;
margin: 1% 2%;
float: left;

font-family: "Sawarabi Mincho", serif;
font-weight: 400;
font-style: normal;}


}

