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

/* メインヘッダー画像 */
.header_image_box {
	height:600px;
	position:relative;
	overflow: hidden;
}
.header_image_box_inner {
	background-image:url('/image/business_content_header_image_01.jpg');
	background-size:cover;
	background-position:center;
	height:600px;
	transform:scale(1.1);
	-webkit-transform: scale(1.1);
	opacity:0;
}

/* ヘッダー画像内テキスト枠 */
.header_box_title {
	text-align:center;
	position:absolute;
	top:30%;
	left:10%;
	font-weight: bold;
	color:#ffffff;
	transition:0.5s;
	min-width:300px;
}

/* タブレット */
@media only screen and (max-width:767px) {
	.header_image_box {
			height:400px;
	}
	.header_box_title {
		left:50%;
		-webkit-transform:translateX(-50%); /* Safari用 */
		transform:translateX(-50%);
	}
}

/*------------------------------*/

/* サブタイトル枠 */
.sub_title_box {
	border:2px solid #023d89;
	text-align: center;
	color: #023d89;
	font-size:30px;
	font-weight:bold;
	padding:10px 5px;
}
/* タブレット */
@media only screen and (max-width:767px) {
	.sub_title_box {
		font-size:20px;
	}
}
/* スマホ */
@media only screen and (max-width:550px) {
	.sub_title_box {
		font-size:16px;
	}
}

/* 青帯タイトル枠 */
.blue_title_frame {
	overflow: hidden;
	position: relative;
	font-size:22px;
	font-weight:bold;
	padding:5px 30% 5px 15px;
	color:#ffffff;
}
.blue_line {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color: #023d89;
	-webkit-transform:translateX(-15%) skewX(45deg);
	transform:translateX(-15%) skewX(45deg);
	z-index: -1;
}