@charset "utf-8";
/******** 共通 ********/
/* meta */
/* header */
/* contentArea */
#contentArea .section .menu{ display:block; clear:both; position:relative; margin-bottom:5px; overflow:hidden;box-sizing:content-box; -webkit-box-sizing:content-box;-moz-box-sizing: content-box;}
#contentArea .section .menu a{ display:block; position:relative; background:#0953A0; overflow:hidden; }
#contentArea .section .menu a img{ display:block; }
.nextSection.bg{ background:url(../../images/btn_nextSection_bg.png); }
/******** PC用 ********/
@media screen and (min-width:980px){
	#contentArea #main{ }
	#contentArea #section01 .copy{ display:block; margin:0 auto; }
	#contentArea .section .menu01{ height:305px; background:url(../../images/menu01_bg.png) center top no-repeat; background-size:cover;}
	#contentArea .section .menu02{ height:315px; background:url(../../images/menu02_bg.png) center top no-repeat; background-size:cover;}
	#contentArea #section02_2 .menu02{ height:315px; background:url(../../images/menu03_2_bg.png) center bottom no-repeat; background-size:cover;}
	#contentArea .section .menu03{ height:315px; background:url(../../images/menu03_bg.png) #000 center top no-repeat; background-size:cover;}
	#contentArea .section .menu04{ width:59%; height:206px; padding-left:30px; background:url(../../images/menu04_bg.png) center top no-repeat; background-size:cover;}
	#contentArea .section .menu05{ width:59%; height:207px; padding-right:12px; background:url(../../images/menu05_bg.png) right top no-repeat;  background-size:cover;}
	#contentArea .section .menu06{ width:41%; height:417px; background:url(../../images/menu06_bg.png) 18px top no-repeat; margin:-423px 0px 5px auto;}
	#contentArea .section .menu07{ height:206px; background:url(../../images/menu07_bg.png) #555 center top no-repeat; background-size:cover;}
	#contentArea .section .menu a .text{ position:absolute; top:22px; left:25px; }
	#contentArea .section .menu4.menu04{
		height:315px;
		width: auto;
		padding: 0;
	}
	#contentArea #section02_2 .menu a .text{ position:absolute; top:22px; left:85px; }
	#contentArea .section .menu01 a .text{ position:absolute; top:22px; left:35px; }
	#contentArea .section .menu03 a .text{ position:absolute; top:22px; left:35px; }
	#contentArea .section .menu a .arrow{ position:absolute; bottom:20px; right:10px; }
	#contentArea .section .menu01 a{ position:absolute; top:0; right:-60px; width:50%; height:100%;  }
	#contentArea .section .menu01 a .arrow{ right:70px; }
	#contentArea .section .menu02 a{ position:absolute; top:0; left:0; width:50%; height:100%;  }
	#contentArea #section02_2 .menu02 a{ position:absolute; top:0; left:0; width:50%; height:100%; margin-left: -60px; }
	#contentArea .section .menu03 a{ position:absolute; top:0; right:0; width:50%; height:100%;  }
	#contentArea .section .menu04 a{ position:absolute; top:0; right:18px; width:55%; height:100%;  }
	#contentArea .section .menu05 a{ position:absolute; top:0; left:0; width:55%; height:100%;  }
	#contentArea .section .menu06 a{ position:absolute; top:211px; left:18px; width:100%; height:206px;  }
	#contentArea .section .menu06 a .arrow{ right:30px; }
	#contentArea .section .menu07 a{ position:absolute; top:0; left:-20px; width:59%; height:100%;  }
	#contentArea .section .menu07 a .text{ left:45px; }
	#contentArea .section .menu01 .sankaku{  position:absolute; top:0; right:50%; margin-right:-60px; width: 0; height: 0; border-top: 0px solid transparent; border-right: 0px solid transparent; border-bottom: 305px solid #0953A0;	border-left: 30px solid transparent; }
	#contentArea .section .menu02 .sankaku{  position:absolute; top:0; left:50%; margin-left:-1px\9; width: 0; height: 0; border-top: 315px solid #0953A0; border-right: 30px solid transparent; border-bottom: 0px solid transparent;	border-left: 0px solid transparent; }
	#contentArea .section .menu03 .sankaku{  position:absolute; top:0; right:50%; width: 0; height: 0; border-top: 0px solid transparent; border-right: 0px solid transparent; border-bottom: 315px solid #0953A0;	border-left: 30px solid transparent; }
	#contentArea .section .menu04 .sankaku{  position:absolute; top:0; right:55%; margin-right:17px; width: 0; height: 0; border-top: 0px solid transparent; border-right: 0px solid transparent; border-bottom: 206px solid #0953A0;	border-left: 20px solid transparent; }
	#contentArea .section .menu04 .sankaku2{  position:absolute; top:0; right:1px; width: 0; height: 0; border-top: 206px solid #0953A0; border-right: 17px solid transparent; border-bottom: 0px solid transparent;	border-left: 0px solid transparent; }
	#contentArea .section .menu05 .sankaku{  position:absolute; top:0; left:55%; width: 0; height: 0; border-top: 207px solid #0953A0; border-right: 18px solid transparent; border-bottom: 0px solid transparent;	border-left: 0px solid transparent; }
	#contentArea .section .menu06 .sankaku{  position:absolute; top:211px; left:2px; width: 0; height: 0; border-top: 0px solid transparent; border-right: 0px solid transparent; border-bottom: 206px solid #0953A0;	border-left: 16px solid transparent; }
	#contentArea .section .menu07 .sankaku{  position:absolute; top:0; left:59%; width: 0; height: 0; margin-left:-20px; border-top: 206px solid #0953A0; border-right: 20px solid transparent; border-bottom: 0px solid transparent;	border-left: 0px solid transparent; }

	#contentArea #section02_2 .menu{ margin-bottom:0; }
	#contentArea #section02_2 .menu02 .sankaku{  position:absolute; top:0; left:50%;  margin-left:-60px; width: 0; height: 0; border-top: 315px solid #0953A0; border-right: 30px solid transparent; border-bottom: 0px solid transparent;	border-left: 0px solid transparent; }
	/* ie10ハック */
	*::-ms-backdrop, #contentArea .section .menu02 .sankaku{ margin-left:-1px; }
	#contentArea .section .menu4.menu04 .sankaku{
		position: absolute;
		top: 0;
		left: 50%;
		right: auto;
		margin-right: 0;
		margin-left: -1px\9;
		width: 0;
		height: 0;
		border-top: 315px solid #0953A0;
		border-right: 30px solid transparent;
		border-bottom: 0px solid transparent;
		border-left: 0px solid transparent;
		margin-left: -60px;
	}
	#contentArea .section .menu4.menu04 a{
		position: absolute;
		top: 0;
		left: 0;
		width: 50%;
		height: 100%;
		right: auto;
		margin-left: -60px;
	}
	#contentArea .section .menu4.menu04 a .text{
		left: 85px;
	}
}
/******** スマホ、タブレット用 ********/
@media screen and (max-width:979px){
	#contentArea #main{ height:665px;}
	#contentArea #section01 .copy{ display:block; width:100%; }
	#contentArea .section .menu{ overflow:hidden;}
	#contentArea .section .menu a .arrow{ position:absolute; bottom:20px; right:20px; }
	#contentArea .section .menu04 a{ position:absolute; top:0; left:0; width:50%; height:100%;  }
	#contentArea .section .menu05 a{ position:absolute; top:0; right:0; width:50%; height:100%;  }
	#contentArea .section .menu06 a{ position:absolute; top:0; left:0; width:50%; height:100%;  }
	#contentArea .section .menu07 a{ position:absolute; top:0; right:0; width:50%; height:100%;  }
	#contentArea .section .menu01 .image{ width:100%;}
	#contentArea .section .menu02 .image{ width:100%;}
	#contentArea .section .menu03 .image{ width:100%;}
	#contentArea .section .menu04 .image{ float:right; width:50%;}
	#contentArea .section .menu05 .image{ float:left; width:50%; }
	#contentArea .section .menu06 .image{ float:right; width:50%; }
	#contentArea .section .menu07 .image{ float:left; width:50%; }
	#contentArea .section .menu02.menu a,#contentArea .section .menu03.menu a,#contentArea .section .menu01.menu a{
		height: 230px;
	}
	#contentArea .section .menu a img{
		padding: 15px;
	}
	#contentArea .section .menu4.menu04 .image{
		width: 100%;
		float: none;
	}
	#contentArea .section .menu4.menu04 a{
		position: relative;
		top: auto;
		width: 100%;
		left: auto;
		height: 230px;
	}
}

#contentArea #section02_2 .menu{ margin-bottom:0; }

#section01{
	text-align:center;
}