@charset "utf-8";
.wrap{
	position : relative;
	display : block;
	width : 1100px;
	height : auto;
	margin : 0 auto;
}
.page-header-image{
	position : relative;
	display : block;
	width : 100%;
	height : 300px;
}
.page-header-image figure{
	position : relative;
	display : block;
	width : 100%;
	height : 100%;
}
.page-header-image figure img{
	position : relative;

	width : 100%;
	height : 100%;
	object-fit : cover;
}
.page-header-image .pc-image{
	display : block;
}
.page-header-image .sp-image{
	display : none;
}
.page-header-title{
	position : absolute !important;
	width : 1px !important;
	height : 1px !important;
	padding : 0 !important;
	margin : -1px !important;
	overflow : hidden !important;
	clip : rect(0, 0, 0, 0) !important;
	white-space : nowrap !important;
	border : 0 !important;
}
.header-info{
	position : relative;
	display : block;
	width : 850px;
	height : auto;
	margin : 50px auto;
	text-align : justify;
	color : #0A5774;
	font-size : 20px;
	font-weight : bold;
}
/* # =================================================================
#### responsive
# ================================================================= */
/* # =================================================================
#### 1200px
# ================================================================= */
@media screen and (max-width: 1200px){
.wrap{
	width : 100%;
	padding : 0 15px;
}
}/*** 1200px ***/
/* # =================================================================
#### 1024px
# ================================================================= */
@media screen and (max-width: 1024px){

}/*** 1024px ***/
/* # =================================================================
#### 896px
# ================================================================= */
@media screen and (max-width: 896px){
.header-info{
	width : 100%;
	padding : 0 15px;
}
}/*** 896px ***/
/* # =================================================================
#### 600px
# ================================================================= */
@media screen and (max-width: 600px){
.page-header-image{
	height : auto;
}
.page-header-image .pc-image{
	display : none;
}
.page-header-image .sp-image{
	display : block;
}
}/*** 600px ***/
/* # =================================================================
#### 480px
# ================================================================= */
@media screen and (max-width: 480px){

}/*** 480px ***/
/* # =================================================================
#### 320px
# ================================================================= */
@media screen and (max-width: 320px){

}/*** 320px ***/