@charset "utf-8";
/* CSS Document */

/* clearfix */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/* 画像センタリング */

.cr {margin:0 auto;}



/* FireFoxFadeブレ防止 */

img { display:block; box-shadow: #000 0 0 0; }


/* 全体・枠作り */

html,body {
  height:100%;
}

html {
	font-size:62.5%;
}

img { display:block; }

a img {
	transition: all 0.3s;
	opacity: 1;
}

a:hover img {
	opacity: 0.6;
}

body {
	font-family: Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size:62.5%;
	text-align:center;
	background:#fefefe;
}

#PageWrapper {
	min-height: 100vh;
	height: auto !important;
	height: 100%;
	position: relative;
	width:100%;
	background:url("bg.png") left top repeat-x;
	box-sizing: border-box;
	padding-top:10px;
}

header {
	background:url("../img/menu.png") left top repeat;
	width:100%;
	height:70px;
	border-top:1px solid #8cd5f7;
	border-bottom:1px solid #8cd5f7;
	background-color:#fff;
	box-shadow:0 0 5px rgba(0,0,0,0.3);
}

header a {
	background:url("hed02.png") left top no-repeat;
	width:933px;
	height:70px;
	display: block;
	margin:0 auto;
}

header h1 {
	display: none;
}

#Contents {
	width:800px;
	margin:0 auto;
}

#Contents:after {
	content: "";
	display: block;
	width:100%;
	height:150px;
	position: relative;
}

h2 {
	border:3px solid #16c5ff;
	width:400px;
	line-height: 40px;
	font-weight: bold;
	color: #16c5ff;
	display: block;
	text-align: center;
	font-size: 1.7rem;
	margin:48px auto 48px;
}

.outline dl {
	border-bottom:1px solid #cccccc;
	display: flex;
	justify-content: space-between;
	width:100%;
	line-height: 1.8;
	color:rgba(46,46,46,1.00);
}

.outline dl dt {
	width:20%;
	text-align: center;
	font-size:1.6rem;
	padding:16px 0;
}

.outline dl dd {
	width:80%;
	text-align: left;
	font-size:1.6rem;
	padding:12px 0;
}

footer {
	position: absolute;
	bottom: 0;
	width:100%;
	background-color:#cbcfd5;
	border-top:1px solid #8cd5f7;
	padding:36px 0;
}

.footwrap {
	width:800px;
	margin:0 auto;
	height:40px;
	display: flex;
	justify-content: space-between;
}

.fbox1 {
	width:200px;
	height:40px;
}

.fbox2 {
	width:198px;
	height:12px;
	padding:14px 0;
}

.fbox3 {
	width:253px;
	height:20px;
	padding:10px 0;
}