html {
	scroll-behavior: smooth;
}

body {
    background-: #fff;
    font-size: 1.5em;
    line-height: 140%;
    color: #333;
    margin: 0px;
    padding: 0px;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    text-align: center;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
ul {
    list-style: none;
}
section {
    text-align: left;
}
header {
	background-image: url(../images/head_bg_Blue.png);
	background-repeat: repeat-x;
/*	border: 1px solid #f00;*/
}

.VideoBox1 {
	z-index: 0;
	position: absolute;
}

.topFB {
	width:80%;
	margin:5px auto;
	text-align: center;
}

nav {

width:100%;
    /*background-color: #00aae5;*/
    color: #FFF;
padding: 10px auto ;
position: absolute;
margin: 0px -5px 0px 0px;
text-align: center;
    font-size: 1em;
	  overflow: hidden;
	  z-index: 10;
	  background-image: url(../images/head_bg_Blue.png);
	background-repeat: repeat-x;
}
nav ul {

z-index: 50;
width:50%;
margin: 70px 5px 10px auto;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: flex-end;
}
nav ul li {
display: block;
margin:10px 20px;
padding: 10px;
/*border:1px solid #F00;*/
float: left;
}

.H1li {
display: block;
position: absolute;
margin:0px;
padding: 0px;
/*border:1px solid #F00;*/
float: left;
z-index: 1000;
}

nav img {
margin-bottom: -20px;
}
footer {
	width: 100%;
	margin:10px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	background: #043c78;
	color: #fff;
}


h1 {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	background-image: url(../images/main-logo.png);
	background-repeat: no-repeat;
	height: 160px;
	width: 538px;
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 7px 0px;
}
h2 {
    text-align: center;
    font-size: 1.5em;
	font-family: 'Courier',"Yu Gothic", "Hiragino Kaku Gothic ProN",  "sans-serif";
    font-weight: normal;
    width: 100%;
    padding : 20px 0px 20px 0px;
    margin: 10px 0px;
	background-color: #043c78;
/*    background-color: #00aae5;*/
    color: #FFF;
}

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

img:hover {
opacity: 0.75;
filter: alpha(opacity=75);
-moz-opacity:0.75;
}


address {
	font-style: normal;
	margin: 20px 0px;
	padding:0px;
}

footer {
	margin-top: 50px;
	text-align: center;
}




#Content ul {
width:90%;
margin: 10px auto;
/*  display: flex;*/
  justify-content: space-between;
}
#Content ul li {
display: block;
margin:10px 20px;
padding: 10px;
/*border:1px solid #F00;*/
float: left;
}





.mainCap01 {
	width: 90%;
	margin: 5px auto;

}

#Profile ul {
width:90%;
margin: 50px auto 10px auto;
  display: flex;
}
#Profile ul li {
display: block;
margin: 0px 20px;
padding: 10px;
/*border:1px solid #F00;*/
float: left;
}
#Profile a {
	color: #00aae5;
	text-decoration: none;
}
.moreLink {
	width: 90%;
	margin: 0px auto 20px auto;
	text-align: right;
}

#Contact form {
	width: 50%;
	text-align: left;
	margin: 0px auto;
	padding:0px;
}

#Contact a {
	color: #00aae5;
	text-decoration: none;
}




#Foot ul {
	width:90%;
	margin: 20px auto 0px auto;
	display:inline-block;
	/*  justify-content: space-between;*/
}
#Foot ul li {
	display: block;
	margin: 0px 5px;
	padding: 0px 10px;
	/*border:1px solid #F00;*/
	float: left;
}


/*------------------------------------------------*/

#Contact ul {
	list-style-type: none;
	text-align: left;
	padding: 0px;
	width: 90%;
	margin: 0px auto;
	font-size: 20px;
}
#Contact li {
	margin: 15px auto;
}
.fromBox {
	width:100%;
	height:30px;
	margin:5px 0px;
	padding:5px;
	border:#666 1px solid;
	border-radius: 10px;
	font-size: 20px;
}
.fromBoxZip1 {
	width:90px;
	height:30px;
	margin:5px 8px 5px 0px;
	padding:5px;
	border:#666 1px solid;
	border-radius: 10px;
	font-size: 20px;
}
.fromBoxZip2 {
	width:120px;
	height:30px;
	margin:5px 0px 5px 8px;
	padding:5px;
	border:#666 1px solid;
	border-radius: 10px;
	font-size: 20px;
}
.fromBoxAddr {
	width:150px;
	height:30px;
	margin:5px 0px;
	padding:5px;
	border:#666 1px solid;
	border-radius: 10px;
	font-size: 20px;
}
.fromBoxTxt {
	width:450px;
	height:200px;
	margin:5px 0px;
	padding:5px;
	border:#666 1px solid;
	border-radius: 10px;
	font-size: 20px;
}


.boxLeft {
	float:left;
	padding-top:15px;
}
.boxRight {
	display:block;
	margin-left:180px;
}
.btnBg {
	font-size: 20px;
	color: #FFF;
	height: 50px;
	width: 150px;
	padding:5px;
	background-color: #043c78;
	border: 0px;
}
.infoBox {
	width:60%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	line-height: 150%;
}
.infoBox2 {
	width:90%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding: 0px;
	line-height: 150%;
	height: 600px;
	font-size: 36px;
}
.SubMit {
	width: 90%;
	margin: 0px auto;
	padding:0px;
	text-align: center;
	border: 0px;
}



#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 80%;
}
#page-top a {
    background: #999;
    text-decoration: none;
    color: #fff;
    width: 50px;
    padding: 10px;
    text-align: center;
    display: block;
    border-radius: 20px;
}
#page-top a:hover {
    text-decoration: none;
    background: #ccc;
}