@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body {}
#wrap { background:#2EA6D4; background-size:auto 50vw;}


/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/

#pageHeader {}
#pageHeaderT1{}
#pageHeaderT2 { background: linear-gradient(#35C0E9, #268BBF);}

#pageHeaderInner{
	padding:1.3em 3% 1em 3%;
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
}
#pageHeaderInner h1{
	width:70%;
	font-size:100%;
	line-height:1em;
	color:#FFF;
}
#pageHeaderInner h1 img{
	width:auto;
	height:1.0em;
	margin-right:2%;
}
#pageHeaderInner nav{
	width:10%;
}
#pageHeaderInner ul{
  	/*display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;*/
}
#pageHeaderInner ul li{ text-align:right;}
#pageHeaderInner ul li img{
	height:1.1em; width:auto;
}




.pageH2HeaderT1,
.pageH2HeaderT2,
.pageH2HeaderT3{
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	padding-bottom:1.5em;
}
.pageH2HeaderT1 #pageH2,
.pageH2HeaderT2 #pageH2,
.pageH2HeaderT3 #pageH2{
	-webkit-box-ordinal-group:1;
	-ms-flex-order:2;
	-webkit-order:2;
	order:2;
	width:100%;
	text-align:center;
	color:#FFF;
	line-height:1.2em;
	font-size:200%;
}
.pageH2HeaderT1 #pageH2{
	font-size:200%;
	color:#000;
}

#pageH2 img{width:35%; margin-bottom:0.1em;}
.pageH2HeaderT1 #pageH2URL,
.pageH2HeaderT2 #pageH2URL,
.pageH2HeaderT3 #pageH2URL{
	-webkit-box-ordinal-group:1;
	-ms-flex-order:3;
	-webkit-order:3;
	order:3;
	width:100%;
	text-align:center;
	font-size:120%;
	line-height:1.1em;
	font-weight:bold;
	color:#000;
	margin-bottom:1em;
}
#pageH2URL strong{ color:#FF0000;}

.pageH2HeaderT1 #pageH2Txt,
.pageH2HeaderT2 #pageH2Txt,
.pageH2HeaderT3 #pageH2Txt{
	-webkit-box-ordinal-group:1;
	-ms-flex-order:1;
	-webkit-order:1;
	order:1;
	color:#FFF;
	text-align:center;
	line-height:1.2em;
	font-size:90%;
	width:100%;
	margin:0.8em 0 1.0em 0;
}


.pageH2HeaderT1,
.pageH2HeaderT2,
.pageH2HeaderT3{
	padding:0 0 1em 0;
}



/*----------------------------------------------------------------------------
 ***                                                       Header - Navi
----------------------------------------------------------------------------*/
#gnavi {}
#gnavi ul{}
#gnavi li{}


/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea { background:url(/common_images/back_contents01.png) center top no-repeat; background-size:auto 4em;}
#contentsAreaInner { background:#FFF; padding:3em 0;}
#contentsArea h3{ text-align:center; font-size:140%; margin-bottom:0.8em;}


/*----------------------------------------------------------------------------
 ***                                               contentsArea -  mainSection
----------------------------------------------------------------------------*/
.mainSection { padding:0 3%;}


/*----------------------------------------------------------------------------
 ***                                               contentsArea - rightSection
----------------------------------------------------------------------------*/
.rightSection{}
.rightSectionInner {}


/*----------------------------------------------------------------------------
 ***                                               contentsArea - leftSection
----------------------------------------------------------------------------*/
.leftSection{}
.leftSectionInner {}


/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#pageFooter{ background:#2EA6D4; padding:2em 0 1em 0;}
#pageFooterInner{}
#footerLogoP{ width:30%; margin:0 auto;}

#pageFooter ul{ padding-bottom:1em;}
#pageFooter li{ text-align:center; padding:0.5em; color:#FFF;}
#pageFooter li a{ color:#FFF;}
#footerCpBox{ border-top:#FFF solid 1px; padding-top:1em; margin-top:1em;}
#footerCpBox p{ font-size:80%; color:#FFF; text-align:center;}


/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/
.pagetop_more {
	clear:both;
	width:100%;
	font-size:86%;
	text-align:right;
	margin-bottom:10px;
}


/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.sectionInner {}





@media screen and (max-width: 2200px) and (min-width: 769px){
	.pcNone{ display:none;}
	.spNone{ display:block;}
	
	#pageHeaderInner,
	#pageH2Header,
	.mainSection { width:700px; margin:0 auto;}
	
	
	
	#pageHeaderInner h1{
		font-size:150%;
		font-weight:normal;
	}
	#pageHeaderInner h1 img{
		width:160px;
		height:auto;
		margin-right:1%;
		vertical-align:bottom;
	}
	#pageHeaderInner nav{
		width:150px;
		height:auto;
	}
	#pageHeaderInner ul{
		/*display:-webkit-box;
		display:-ms-flexbox;
		display:flex;*/
	}
	#pageHeaderInner ul li{ text-align:right;}
	#pageHeaderInner ul li img{
		width:30px; height:auto;
	}

	.pageH2HeaderT1,
	.pageH2HeaderT2,
	.pageH2HeaderT3,{
		padding:2em 0;
	}
	#pageH2{
		font-size:260%;
		margin:0 0;
	}
	.pageH2HeaderT1 #pageH2 img{width:194px; margin-bottom:0.4em;}
	
	.pageH2HeaderT1 #pageH2URL,
	.pageH2HeaderT2 #pageH2URL,
	.pageH2HeaderT3 #pageH2URL{
		-webkit-box-ordinal-group:1;
		-ms-flex-order:3;
		-webkit-order:3;
		order:3;
		width:100%;
		text-align:center;
		font-size:120%;
		line-height:1.1em;
		font-weight:bold;
		color:#000;
		margin-bottom:1em;
	}
	#pageH2URL strong{ color:#FF0000;}
	.pageH2HeaderT1 #pageH2Txt,
	.pageH2HeaderT2 #pageH2Txt,
	.pageH2HeaderT3 #pageH2Txt{
		-webkit-box-ordinal-group:1;
		-ms-flex-order:1;
		-webkit-order:1;
		order:1;
		color:#FFF;
		text-align:center;
		line-height:1.2em;
		font-size:90%;
		width:100%;
		margin:0.8em 0 1.2em 0;
	}


	#contentsArea { padding-top:3em;}


	
	#pageFooter{ padding:3em 0 1em 0;}
	#footerLogoP{ width:150px;}
	#pageFooter ul{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		justify-content: center; 
	}
	#pageFooter li{ text-align:center; padding:1em; color:#FFF;}
	#pageFooter li a{ color:#FFF;}

}
@media screen and (max-width: 2200px) and (min-width: 900px){
	#pageHeaderInner,
	#pageH2Header,
	.mainSection { width:900px; margin:0 auto;}
	
	/*ヘッダ画像*/
	.pageH2HeaderT1 #pageH2 img{width:196px; height:auto;}

}