@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100;300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;600&display=swap');

body{
	width:100%;
	padding:0;
	margin:0;
	 -webkit-text-size-adjust: 100%;
	font-family: 'Noto Sans JP', sans-serif;
}
a{
	border:none;
	text-decoration:none;
}
#container{
	width:100%;
	padding:0;
	margin:0;
	text-align:center;
	min-width:1100px;
}

.allbox{
	width:100%;
	position:relative;
}
img{width:100%; height:auto;}
ul li{
	list-style:none;
}
#header{
	width:100%;
	padding:0;
	text-align:center;
	position:relative;
}	
#gnavi{
	width:1000px;
	margin:0 auto;
	text-align:center;
}

/* 内容  ----------------------------*/
.gray{
	background-color:#EFEFEF;
}
.area2,.area3,.area4,.area5,.area7,.area8,.area9{
	width:1100px;
	margin:0 auto;
}
.area1{
	width:1000px;
	margin:0 auto;
}

.area2{
	padding:80px 0 150px 0;
	text-align:center;
	font-size:13px;
	color:#0f497b;
}
.area2 p{
	width:950px;
	margin:50px auto 15px auto;
}
.area2 span{
	width:950px;
	margin:0 auto;
	display:block;
	text-align:right;
}
.area3{
	padding:0 0 150px 0;
	text-align:center;
	z-index:1;
	position:relative;
}
.area3 p{
	width:150px;
	margin:0 auto 0 auto;
	position:absolute;
	top:-15px;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.area4{
	width:950px;
	margin-top:-90px;
	margin-left:auto;
	margin-right:auto;
	z-index:999;
	position:relative;
	
}
.area5{
	text-align:center;
	padding:80px 0 100px 0;
}

/* footer  ----------------------------*/
#footer{
	width:100%;
	text-align:center;
	background-color:#0f497b;
}
#footer p{
	width:1000px;
	margin:0 auto;
}
/* ページトップへ  ----------------------------*/
#page-top {
    position: fixed;
    bottom: 10px;
    right: 25px;
    font-size: 150%;
	z-index:999;
	
}
#page-top a {
	height:43px;
	width:60px;
	padding-top:17px;
    background: #0d375c;
    text-decoration: none;
    color: #fff;
    text-align: center;
    display:block;
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	border-radius:10em;
	
}
#page-top a:hover {
    text-decoration: none;
    background: #05233d;
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}