@charse "UTF-8";

@import url("reset.css");

header {
	width: 100%;
	background: #000;
	padding: 0 0 5px 0;}
header:after {
	content:"";
	border-bottom: solid 2px #28448e;
	height: 2px;
	display: block;}
header div {
	width: 960px;
	margin: 0 auto 3px;
	padding: 15px 0 5px;}
header div h1 {
	width: 85px;
	height:94px;
	margin: 0 auto;}
section#menu {
	width: 100%;
	background: #000;}
section#menu div {
	width: 100%;
	height: 500px;
	display: block;
	background: #cacaca;
	background: url(../img/topimg.jpg) center no-repeat;}
section#menu div h1 {
	font-size: 100px;
	width: 960px;
	margin: 0 auto;
	padding: 30px 0 0;
	text-shadow: 2px 2px #111;
	-moz-text-shadow: 2px 2px 0 #111;
	-webkit-text-shadow: 2px 2px 0 #111;}
section#menu div h1 span { font-size: 40px;}
section#menu div p {
	font-size: 60px;
	width: 850px;
	margin: 0 auto;
	line-height: 150%;
	text-shadow: 2px 2px #111;
	-moz-text-shadow: 2px 2px 0 #111;
	-webkit-text-shadow: 2px 2px 0 #111;}
section#menu div p span {
	font-size: 80px;
	display: block;
	position: relative;
	left: -40px;}
section#menu ul {
	font-size: 0;
	width: 960px;
	margin: 0 auto;}
section#menu ul li {
	display: inline-block;
	font-size: 14px;
	width: 20%;
	text-align: center;}
section#menu ul li a {
	display: block;
	padding: 15px 0;}
section#menu ul li a:hover {
	text-decoration: underline;
	font-weight: bold;}
.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	background: #1a1a1a;
	z-index: 1;}
.fixed ul:before {
	content: "";
	background: url(../img/logos.png) no-repeat;
	background-size: 50%;
	width: 100px;
	height: 50px;
	display: block;
	float: left;
	margin: 1%;}
.fixed:after {
	content: "";
	border-bottom: solid 2px #28448e;
	height: 2px;
	display: block;}
.fixed li {
	width: 16% !important;
	padding: 10px 0 0 0;}
main {
	width: 100%;
	background: #28448e;}
section#no01,section#no02,
section#no03,section#no04,
section#no05 {
	width: 960px;
	margin: 0 auto;
	padding: 50px 0;
	height: auto;
	text-align: center;
	display: block;
	clear: both;
	background: url(../img/bg.gif);}
section#no01 h1 span:first-child,section#no02 h1 span:first-child,
section#no03 h1 span:first-child,section#no04 h1 span:first-child,
section#no05 h1 span:first-child {
	color: #628dff;
	font-size: 60px;
	float: left;
	font-family: -webkit-pictograph;
	width: 700px;
	text-align: left;
	padding: 0 0 0 20px;}
section#no01 h1 span:first-child:after,section#no02 h1 span:first-child:after,
section#no03 h1 span:first-child:after,section#no04 h1 span:first-child:after,
section#no05 h1 span:first-child:after {
	content: "";
	border-bottom: solid 2px #628dff;
	width: 120%;
	display: block;
	position: relative;
	top: -17px;
	left: -20px;
	color: #28448e;}
section#no01 h1 span:last-child,section#no02 h1 span:last-child,
section#no03 h1 span:last-child,section#no04 h1 span:last-child,
section#no05 h1 span:last-child {
	font-size: 18px;
	font-weight: bold;
	position: relative;
	top: 30px;
	left: -80px;
	color: #628dff;}
section#no01 h2,section#no02 h2,
section#no03 h2,section#no04 h2,
section#no05 h2 {
	font-size: 40px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	width: 100%;
	height: 148px;
	line-height: 40px;
	padding: 100px 0 0 0;
	margin: -10px auto -70px;
	background: url(../img/h1.png) center no-repeat;}
section#no01 h2 span,section#no02 h2 span,
section#no03 h2 span,section#no04 h2 span,
section#no05 h2 span {
	display: block;
	font-size: 20px;
	position: relative;
	top: 5px;}
section#no01 div p,
section#no03 div p,section#no04 div p,
section#no05 div p {
	clear: both;
	text-align: left;
	padding: 50px 100px 30px;
	line-height: 180%;
	overflow:hidden;}
section#no01 div,section#no02 div,
section#no03 div,section#no04 div,
section#no05 div {
	width: 100%;
	margin: 0 auto;
	padding: 50px 0;}
section#no01 img { text-align:center;}
section#no02 div p img { float: right;}
section#no02 div div {
	width: 760px;
	padding: 50px 0 0;}
section#no02 div div p {
	display: inline-block;
	width: 450px;
	padding: 50px 0 0;
	vertical-align: top;}
section#no02 div div img {
	display: inline-block;
	width:300px;
	vertical-align: top;}
section#no02 div p {
	clear: both;
	text-align: left;
	padding: 0 100px 30px;
	line-height: 180%;
	overflow:hidden;}
section#no02 div table,
section#no03 div table {
	width: 700px;
	margin: 70px auto 0;
	display: block;
	border-collapse: separate;
	border-spacing: 4px;}
section#no02 div table tr th,
section#no03 div table tr th {
	width: 160px;
	padding: 20px;
	background: #28448e;}
section#no02 div table tr td,
section#no03 div table tr td {
	padding: 20px;
	text-align: left;}
section#no02 div table tr td dl { width: 100%;}
section#no02 div table tr td dt {
	display: block;
	width: 5%;
	clear: left;
	float: left;}
section#no02 div table tr td dl dt:before { content:"・";}
section#no02 div table tr td dd {
	display: block;
	width: 95%;
	float: left;}
section#no02 div table tr td dt,
section#no02 div table tr td dd { margin: 15px 0 0 0;}
section#no04 div { padding: 50px 0 0;}
section#no04 div iframe {
	margin: 70px auto 0;
	width: 100%;
	height: 750px;
	border: none;}
section#no05 div { padding: 50px 0 0;}
section#no05 div iframe {
	margin: 70px auto 0;
	width: 70%;
	border: none;}
footer {
	background: #28448e;
	width: 100%;
	text-align: center;}
footer #page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;}
footer #page-top a {
	background: #072678;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 15px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;}
footer #page-top a:hover {
	text-decoration: none;
	background: #999;}
footer nav {
	width: 960px;
	margin: 0 auto;}
footer nav ul { padding: 20px 0 0 0;}
footer nav ul li {
	display: inline-block;
	margin: 0 20px 0;
	font-size: 14px;}
footer small {
	padding: 50px 0 10px;
	display: block;}
@media screen and (min-width: 769px) {					.pc_none { display: none !important;}}
@media screen and (min-width: 641px) and (max-width: 768px) {		.sp_none { display: none !important;}
header div,
section#menu ul,
section#no01,section#no02,
section#no03,section#no04,
section#no05,
section#no01 h1 span:first-child,
section#no02 h1 span:first-child,
section#no03 h1 span:first-child,
section#no04 h1 span:first-child,
section#no05 h1 span:first-child,
section#no02 div div,
footer nav,
section#no01 h1 span:first-child:after,
section#no02 h1 span:first-child:after,
section#no03 h1 span:first-child:after,
section#no04 h1 span:first-child:after,
section#no05 h1 span:first-child:after { width: 100%;}
section#no01 img { width: 80%;}
section#no01 h1 span:first-child,
section#no02 h1 span:first-child,
section#no03 h1 span:first-child,
section#no04 h1 span:first-child,
section#no05 h1 span:first-child {
	font-size: 40px;
	width: 98%;
	padding: 0 0 0 02%;}
section#menu div {
	height: 450px;
	background-size: 200%;}
section#menu ul li {
	width: 19%;
	font-size: 12px;}
section#menu div h1 {
	width: 95%;
	font-size: 65px;
	padding: 40px 0 10px 10px;}
section#menu div h1 span { font-size: 32px;}
section#menu div p {
	width: 95%;
	font-size: 36px;
	line-height: 200%;
	padding: 0 0 30px 10px;}
section#menu div p span {
	font-size: 45px;
	left: -20px;}
section#no01 h1 span:first-child:after,
section#no02 h1 span:first-child:after,
section#no03 h1 span:first-child:after,
section#no04 h1 span:first-child:after,
section#no05 h1 span:first-child:after { top: -8px;}
section#no01 h1 span:last-child,
section#no02 h1 span:last-child,
section#no03 h1 span:last-child,
section#no04 h1 span:last-child,
section#no05 h1 span:last-child {
	font-size: 14px;
	top: -30px;
	left: -20px;
	text-align: right;
	float: right;}
section#no01 h2,
section#no02 h2,
section#no03 h2,
section#no04 h2,
section#no05 h2 {
	font-size: 30px;
	background-size: 50%;
	padding: 80px 0 0 0;
	margin: -10px auto -80px;}
section#no01 h2 span,
section#no02 h2 span,
section#no03 h2 span,
section#no04 h2 span,
section#no05 h2 span {
	font-size: 20px;
	top: 0px;}
.fixed ul:before {
	background-size: 96%;
	width: 50px;
	height: 50px;
	margin: 1% 2% 2% 2%;}
.fixed li { font-size: 14px !important;}
section#no01 div,
section#no02 div,
section#no03 div,
section#no04 div,
 section#no05 div { padding: 50px 0 0;}
section#no01 div p,
section#no02 div p,
section#no03 div p,
section#no04 div p,
section#no05 div p {
	padding: 30px;
	font-size: 16px;}
section#no02 div div p { 
	padding: 30px;
	width: unset;
	font-size: 16px;}
section#no02 div div img {
	width: 60%;
	margin: -60px 0 -40px;}
section#no02 div table,
section#no03 div table { width: 90%;}
section#no02 div table tr th,
section#no03 div table tr th {
	width: 70px;
	padding: 10px;
	font-size: 13px;}
section#no02 div table tr td,
section#no03 div table tr td {
	padding: 10px;
	font-size: 13px;}
section#no04 div iframe {
	margin: 30px auto 0;
	width: 100%;
	height: 750px;
	border: none;}
section#no05 { padding: 0;}
section#no05 div iframe {
	margin: 30px auto 0;
	width: 100%;}
footer nav ul li {
	margin: 0 2% 0;
	font-size: 12px;}
footer #page-top { bottom: 30px !important;}
footer #page-top a {
	background: #072678;
	padding: 10px 0;}
footer small { font-size: 14px;}
}
@media screen and (min-width: 0px) and (max-width: 640px) {		.sp_none { display: none !important;}
header div,
section#menu ul,
section#no01,section#no02,
section#no03,section#no04,
section#no05,
section#no01 h1 span:first-child,
section#no02 h1 span:first-child,
section#no03 h1 span:first-child,
section#no04 h1 span:first-child,
section#no05 h1 span:first-child,
section#no02 div div,
footer nav,
section#no01 h1 span:first-child:after,
section#no02 h1 span:first-child:after,
section#no03 h1 span:first-child:after,
section#no04 h1 span:first-child:after,
section#no05 h1 span:first-child:after { width: 100%;}
section#no01 img { width: 80%;}
section#no01 h1 span:first-child,
section#no02 h1 span:first-child,
section#no03 h1 span:first-child,
section#no04 h1 span:first-child,
section#no05 h1 span:first-child {
	font-size: 40px;
	font-weight: bold;
	width: 98%;
	padding: 0 0 0 02%;
	word-break: break-all}
section#menu div {
	height: auto;
	background-size: 200%;}
section#menu ul li {
	width: 19%;
	font-size: 12px;}
section#menu div h1 {
	width: 95%;
	font-size: 28px;
	padding: 10px 0 10px 10px;}
section#menu div h1 span { font-size: 18px;}
section#menu div p {
	width: 95%;
	font-size: 26px;
	padding: 0 0 30px 10px;}
section#menu div p span {
	font-size: 32px;
	left: -20px;}
section#no01 h1 span:first-child:after,
section#no02 h1 span:first-child:after,
section#no03 h1 span:first-child:after,
section#no04 h1 span:first-child:after,
section#no05 h1 span:first-child:after { top: -10px;}
section#no01 h1 span:last-child,
section#no02 h1 span:last-child,
section#no03 h1 span:last-child,
section#no04 h1 span:last-child,
section#no05 h1 span:last-child {
	font-size: 14px;
	top: -30px;
	left: -20px;
	text-align: right;
	float: right;}
section#no01 h2,
section#no02 h2,
section#no03 h2,
section#no04 h2,
section#no05 h2 {
	font-size: 20px;
	background-size: 70%;
	padding: 80px 0 0 0;
	margin: -50px auto -100px;}
section#no01 h2 span,
section#no02 h2 span,
section#no03 h2 span,
section#no04 h2 span,
section#no05 h2 span {
	font-size: 16px;
	top: -10px;}
.fixed ul:before {
	background-size: 96%;
	width: 50px;
	height: 50px;
	margin: 1% 2% 2% 2%;}
.fixed li { font-size: 10px !important;}
section#no01 div,
section#no02 div,
section#no03 div,
section#no04 div,
 section#no05 div { padding: 50px 0 0;}
section#no01 div p,
section#no02 div p,
section#no03 div p,
section#no04 div p,
section#no05 div p {
	padding: 30px 20px;
	font-size: 13px;}
section#no01 h1 span:first-child span { display: none;}
section#no02 div div p { 
	padding: 30px 20px;
	width: unset;
	font-size: 13px;}
section#no02 div div img {
	width: 60%;
	margin: -60px 0 -40px;}
section#no02 div table,
section#no03 div table { width: 90%;}
section#no02 div table tr th,
section#no03 div table tr th {
	width: 70px;
	padding: 10px;
	font-size: 13px;}
section#no02 div table tr td,
section#no03 div table tr td {
	padding: 10px;
	font-size: 12px;}
section#no04 div iframe {
	margin: 30px auto 0;
	width: 100%;
	height: 750px;
	border: none;}
section#no05 { padding: 0;}
section#no05 div iframe {
	margin: 30px auto 0;
	width: 100%;}
footer nav ul li {
	margin: 0 2% 0;
	font-size: 12px;}
footer #page-top { bottom: 30px !important;}
footer #page-top a {
	background: #072678;
	padding: 10px 0;}
footer small { font-size: 10px;}
}

/*** NO DELETE ***/
@media screen and (max-width:480px){				.bg { min-height: 400px;} }
@media screen and (min-width:481px) and (max-width:800px){	.bg { min-height: 600px;} }
@media screen and (min-width:801px){				.bg { min-height: 800px;} }