@charset "utf-8";
body, div, p, ul, ol, li, dl, dt, dd, table, th, td, img, h1, h2, h3, h4, h5, h6, form, select, input, nav, strong , em{
	margin: 0px;
	padding: 0px;
	border:none;
	font-size:16px;
	font-weight:normal;
	line-height:2em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.clear{
	clear:both;
}
.left{
	text-align:left;
}
.right{
	text-align:right;
}
.bold{
	font-weight:bold;
}
.contents{
	margin-bottom:30px;
}
body {
	background:url(../images/bg.png) repeat;
	background-attachment:fixed;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
#wrapper{
	width:800px;
	margin:0px auto;
}
#head_area{
	width:720px;
	margin:20px auto;
}
#top_l{
	float:left;
	
}
#sub_title p{
	font-weight:bold;
	text-indent:120px;
	font-size:18px;
	color:#3A8DFF;
}
h1{
	width:300px;
	height:56px;
}
h1 a{
	width:300px;
	height:56px;
	display:block;
	background:url(../images/logo.png) no-repeat;
	background-size:100% auto;
	text-indent:-9999px;
}
h1 a:hover{
	opacity:0.5;
}
#top_r p{
	width:300px;
	height:67px;
	float:right;
	margin-top:20px;
}
#top_r p a{
	width:300px;
	height:67px;
	background:url(../images/tel.png) no-repeat;
	background-size:100% auto;
	text-indent:-9999px;
	float:right;
}
#top_r p a:hover{
	opacity:0.5;
}
.top_img{
	width:750px;
	margin:0px auto;
}
.top_img p{ 
  border-radius:20px;
  overflow:hidden;
  width:750px;
  height:375px;
  box-shadow: 10px 10px 10px rgba(0,0,0,0.6);
}
.top_img img{ 
  display:block;
  width:100%;
  height:auto;
}
nav{
	width:720px;
	height:65px;
	margin:0px auto;
	margin-top:-20px;
	position:relative;
	z-index:100;
}
nav ul{
	list-style:none;
}
nav ul li{
	width:144px;
	height:65px;
	float:left;
}
nav ul li a{
	width:144px;
	height:65px;
	display:block;
	text-indent:-9999px;
}
nav ul li#nav01 a{
	background:url(../images/nav_bg.png) no-repeat 0px 0px;
}
nav ul li#nav01 a:hover{
	background:url(../images/nav_bg_hover.png) no-repeat 0px 0px;
}
nav ul li#nav02 a{
	background:url(../images/nav_bg.png) no-repeat -144px 0px;
}
nav ul li#nav02 a:hover{
	background:url(../images/nav_bg_hover.png) no-repeat -144px 0px;
}
nav ul li#nav03 a{
	background:url(../images/nav_bg.png) no-repeat -288px 0px;
}
nav ul li#nav03 a:hover{
	background:url(../images/nav_bg_hover.png) no-repeat -288px 0px;
}
nav ul li#nav04 a{
	background:url(../images/nav_bg.png) no-repeat -432px 0px;
}
nav ul li#nav04 a:hover{
	background:url(../images/nav_bg_hover.png) no-repeat -432px 0px;
}
nav ul li#nav05 a{
	background:url(../images/nav_bg.png) no-repeat -576px 0px;
}
nav ul li#nav05 a:hover{
	background:url(../images/nav_bg_hover.png) no-repeat -576px 0px;
}
#main_area{
	width:710px;
	margin:0px auto;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.6);
	border-radius:0px 0px 10px 10px;
}
#main{
	width:660px;
	padding:30px;
	background:#fff;
	border-radius:0px 0px 10px 10px;
}
.contents{
	margin-bottom:30px;
}
h2 {
  position: relative;
  display: inline-block;
  left:-30px;
  margin: 1rem 0 1rem -10px;
  padding:10px 30px 10px 30px;
  color: #fff;
  border-radius: 0 100vh 100vh 0;
  background: #4a55b7;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
}

h2:before {
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 0;
  height: 0;
  content: '';
  border-top: 10px solid #005276;
  border-left: 10px solid transparent;
}
h3{
	font-size:18px;
	font-weight:bold;
	color:#4a55b7;
}
footer{
	padding-top:30px;
	margin-top: auto;
}
footer ul{
	width:360px;
	margin:0px auto 20px;
	list-style:none;
}
footer ul li{
	float:left;
	margin-left:20px;
}
footer ul li a{
	font-size:14px;
	color:#3A8DFF;
}
footer ul li a:hover{
	font-size:14px;
	color:#800000;
	text-decoration:none;
}
footer p{
	font-size:14px;
	text-align:center;
	color:#3A8DFF;
}