/* CSS Document */


/**************************
メイン画像
**************************/

.flame{
	width: 100%;
	background-color: #A4DBF7;
	height: 10px;
	line-height: 0;
	font-size: 0;
}
header h1{
		background-color: #A4DBF7;
		width: calc(750/1920*100%);
		margin: 0 auto;
		padding: 0.2vw 0;
		line-height: 0;
}
.flame h2{
	position: relative;
	display: block;
	line-height: 0;
	margin: 0 auto;
	max-width: 344px;
	z-index: 500;
}
@media screen and (max-width: 840px) {
	header h1{
			background-color: #A4DBF7;
			width: 70%;
			margin: 0 auto;
			padding: 2.5vw 0;
			line-height: 0;
	}
}


.main_wrap{
	width : calc(90%-18px);
	padding-top: calc(520/1920*100%);
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 90;
}
.img_flame{
	width: 100%;
	padding-top: calc(502/1920*100%);
	border: 18px solid #A4DBF7;
	border-bottom: 0 solid #A4DBF7;
	position: absolute;
	top: -18px;
	left: 0;
	z-index: 10;
	border-top-right-radius: 30px;
	border-top-left-radius: 30px;
}

@media screen and (max-width: 840px) {
	.main_wrap{
		width : calc(90%-18px);
		padding-top: calc(563/1920*100%);
		margin: 0 auto;
		position: relative;
		overflow: hidden;
		z-index: 90;
	}
	.img_flame{
	border-left: 9px solid #A4DBF7;
	border-right: 9px solid #A4DBF7;
	border-bottom: 0 solid #A4DBF7;
	border-top: 9px solid #A4DBF7;
	}
	.img_flame{
		border-top-right-radius: 15px;
		border-top-left-radius: 15px;
	}
}

header{
	background-color: #a4dbf7;
}
header h1{
	
}

.main_wrap h2{
	position: absolute;
	width: 30%;
	right:3%;
	top: 5%;
	z-index: 200;
	
}
@media screen and (max-width: 840px) {
	.main_wrap h1{
		position: absolute;
		width: 24%;
		right:16%;
		top: 10%;
		z-index: 200;
	}
	.main_wrap h2{
		position: absolute;
		width: 30%;
		right:3%;
		top: 14%;
		z-index: 200;

	}
}



.earth{
	position: relative;
	width: 100%;
	margin-top: -17.5%;
	line-height: 0;
	z-index: 100;
}


.g_wrap{
	position: relative;
	width: 100%;
	padding: 0 0 5.0vw;
	box-sizing: border-box;
	border-left: 18px solid #A4DBF7;
	border-right: 18px solid #A4DBF7;
	z-index: 1;
	background-color:#A4DBF7; 
}





.c_wrap{
	width: 100%;
	padding-top: 20px;
	padding-bottom:1.0vw;
	padding-left: calc(35/1870*100%);
	padding-right: calc(35/1870*100%);
	margin: 0 auto;
	box-sizing: border-box;
	background-color: #FFFFFF;
	border-radius: 0px 0px 30px 30px;
	z-index: 1;
}


@media screen and (max-width: 840px) {
	
	.g_wrap{
		border-left: 9px solid #A4DBF7;
		border-right: 9px solid #A4DBF7;
		margin-top: -5vw;
		padding-top: 0vw;
		z-index: 2;
	}
	
	.c_wrap{
		width: 100%;
		margin-top: 0vw;
		padding-top: 5vw;
		padding-bottom: 50px;
		padding-left: calc(35/1870*100%);
		padding-right: calc(35/1870*100%);
		border-radius: 0px 0px 30px 30px;
		z-index: 300;
	}
	
	.earth{
		position: relative;
		width: 100%;
		margin-top: -17.5%;
		line-height: 0;
		z-index: 100;
	}
	
}


footer{
	width: 100%;
	box-sizing: border-box;
	padding-bottom: 5%;
}
footer.footer1{
	width: 100%;
	margin-top: 2.0vw;
	padding: 0 0 0.5vw;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	font-size: 1.1vw;
	text-align: left;
	border-bottom: 2px dotted #6da7c4;
}
footer.footer1 h4{
	width:6em;
	background-color: #00a4ea;
	border-radius: 2vw;
	text-align: center;
	padding: 0.4vw 0;
	line-height: 1em;
	font-size: 1.4vw;
	color: #FFFFFF;
}
footer.footer1 address{
	display: flex;
	justify-content: space-between;
	font-style: normal;
	line-height: 1.6vw;
	margin-top: 0.4vw;
	padding-left: 0.2vw;

}
footer.footer1 address p:first-child{
	padding-right: 1.8vw;
}



footer.footer2{
	width: 100%;
	margin-top: 1.0vw;
	padding: 1.0vw 0.8vw;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	font-size: 1.1vw;
	text-align:right;
}
footer.footer2 div:first-child{
	width: 55%;
	line-height: 0;
}
footer.footer2 img{
}
footer.footer1 a:link,
footer.footer1 a:visited,
footer.footer1 a:active{
	color: #333333;
	text-decoration:underline;
}
footer.footer1 a:hover {
	color: #0093dc;
	text-decoration:none;
}

footer{
	width: 100%;
	box-sizing: border-box;
}


@media screen and (max-width: 840px) {
	footer.footer1 address p{
		padding:0 1.0vw;
	}
		footer img{
			width: 100%;
		}
	
		footer.footer1{
			width: 100%;
			margin-top: 2.0vw;
			padding: 0 0 0.5vw;
			display:block;
			font-size: 3.6vw;
			text-align: left;
			border-bottom: 2px dotted #6da7c4;

		}

		footer.footer1 h4{
			width:100%;
			background-color: #00a4ea;
			border-radius: 5vw;
			padding: 1.3vw 0;
			line-height: 1em;
			font-size: 3.6vw;
			color: #FFFFFF;
		}
		footer.footer1 address{
			display:block;
			font-style: normal;
			font-size: 3.0vw;
			line-height: 4.0vw;
			margin-top: 1.4vw;
			margin-bottom: 2.0vw;
			padding-left: 0.2vw;
			padding-right: 0.2vw;

		}

		footer.footer2{
		width: 100%;
		margin-top: 1.0vw;
		padding: 1.0vw 0.8vw;
		display:block;
		font-size: 1.1vw;
		text-align: left;
	}
	footer.footer2 div:first-child{
		width: 100%;
		line-height: 0;
	}
	footer.footer2 img{
	}
	footer.footer1 a:link,
	footer.footer1 a:visited,
	footer.footer1 a:active{
		color: #333333;
		text-decoration:underline;
	}
	footer.footer1 a:hover {
		color: #0093dc;
		text-decoration:none;
	}
}



/*********************/


/**************************
ナビゲーション
**************************/
#headerWrap{
	position: relative;
	width: 100%;
	margin-top: -25px;
	padding-top: 25px;
	z-index: 1000000;
	border-left: 18px solid #A4DBF7;
	border-right: 18px solid #A4DBF7;
}
@media screen and (max-width: 840px) {

	#headerWrap{
		position: relative;
		border-left: 9px solid #A4DBF7;
		border-right: 9px solid #A4DBF7;
	}
}




nav{
	display: flex;
	border-bottom: 0 solid #A4DBF7;
	padding-left: calc(35/1870*100%);
	padding-right: calc(35/1870*100%);
	box-sizing: border-box;
	z-index: 10000;
}
nav a{
	align-items: flex-start;
	border-top: 2px solid #999999;
	border-bottom: 2px solid #999999;
	background-color: #efefef;
	text-align: center;
	box-sizing: border-box;
	border-right: 2px solid #999999;
	line-height: 0;
	padding: 0px 0;
	cursor: pointer;
}
nav a:nth-of-type(1){
    width: calc(620/3620*100%);
}
nav a:nth-of-type(2){
    width: calc(1010/3620*100%);
}
nav a:nth-of-type(3){
    width: calc(590/3620*100%);
}
nav a:nth-of-type(4){
    width: calc(698/3620*100%);
}
nav a:nth-of-type(0){
    width: calc(390/3620*100%);
}
nav a:nth-of-type(5){
    width: calc(902/3620*100%);
}


.box-shadow{
	box-shadow: 0px 5px 2px 0 rgba(0, 0, 0, 0.7);
}
nav a img{
	
    
}

nav a:first-child{
	border-top-left-radius: 1vw;
	border-bottom-left-radius: 1vw;
	border-left: 2px solid #999999;
}

nav a:last-child{
	border-top-right-radius: 1vw;
	border-bottom-right-radius: 1vw;
	border-right: 2px solid #999999;
}


@media screen and (max-width: 840px) {
	#headerWrap{
	}
	nav{
		display: none;
	}
}


/**************************
ENDナビゲーション
**************************/


.content_btn{
	width: 100%;
	margin-top: 1%;
	display: flex;
	justify-content:space-between;
}
.content_btn a{
	width: calc(888/1800*100%);	
}
@media screen and (max-width: 840px) {
	.content_btn{
		width: 100%;
		display:block;
	}
	.content_btn a{
		display: block;
		width: 100%;
		margin-bottom: 2vw;
	}
}









/**************************
コンテンツBOX
**************************/


















/*******************************/