html{height:100%;}

/* marginとpadding0指定でブラウザのデフォルト余白を無視する */
body{
width: 100%;
margin:0;
padding:0;
overflow-x: hidden;
min-height: 100%;
display: flex;
flex-direction: column;
font-family: 
"fot-tsukuardgothic-std",
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
"Yu Gothic UI",
}


/* リンクのレイアウト */

a
{text-decoration: none;
 color: #fff;}


a:hover
{color:#330065;}

/* ヘッダーのレイアウト */
.header
{width: 20%;
margin-left:1%;
padding-top:1%;
}

/* ヘッダー画像の大きさと場所。display:blockしないと位置移動できない */
.header img{width:100%;
display:block;
text-align:left;}

/* ****************トップページ以外のページ題目***************** */

.headtitle{width:100%;
	background:#330065;  /*#efefff*/
	color: #fff;
	margin-top:1%;
}

.headtitle p{text-align:center;
font-size:2.3rem;
padding:3%;
margin-top:1%;}


/* ****************フッターのレイアウト***************** */

/* フッターの下部固定に必要 */

.frame2 {flex: 1;}

/* フッター */
.footer
{
width:100%;
text-align: center ;			/* テキスト、画像の真ん中寄せ */
height:1%;
position: bottom;
font-size:1rem;
margin: 0.5% auto;
border-top:solid 1px #706cae;
padding-top:0.2%;
}

/* ****************内容部分***************** */

.naiyou
{
width: 70%;
padding-top:1%;
padding-bottom:1%;
margin: 1% auto;
font-size: 1rem;
box-sizing: border-box;
text-align: left;
background:#ffffff;
}

p
{width:80%;
margin-left:9%;
padding:0.5%;
font-size:1rem;
 line-height:1.5rem;
letter-spacing:0.1rem;
white-space: pre-wrap;}


/*タイトル*/
p.ptitle{
width:80%;
font-size:1.5rem;
font-weight:bold;
letter-spacing:0.3rem;
padding:1%;
margin:1% auto;
background:#e5e5ff;
border-left:solid 10px #330065;
}

/*ボタン*/
.button{
	/*display: inline-block;*/
  	padding: 0.3em 1em;
	width: 15rem;
	margin: 2rem auto;
	text-align: center;
	text-decoration: none;
  	border: solid 2px #330065;
	background: #330065;
  	border-radius: 3px;
  	transition: .4s;
	
	
	/*
	margin: 2rem auto;
	text-align: center;
	background: #e5e5ff;
	width: 15rem;
	border: 1px solid #000;*/
}

.button:hover {
  background: white;
}