@charset "utf-8";
@media screen and (min-width:768px){
/* +++++++++++++++++++++++++ */
/*
/*global Page -PC-
/*
/* +++++++++++++++++++++++++ */

.global-content01{
	position:relative;
	background-color:#282E33;
	color:#fff;
}
.global-content01:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:50%;
	height:100%;
	background:url(../img/global/main_bg.jpg) no-repeat center center;
}
.global-content01 .ttl{
	position:relative;
	font-size:26px;
	margin-bottom:30px;
	padding-left:20px;
	font-weight:700;
	line-height:1;
}
.global-content01 .ttl:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:2px;
	height:100%;
	background-color:#fff;
}

.global-content01 .content-area{
	position:relative;
	z-index:2;
	padding:100px 0 100px 550px;
}

.global-content02 .ttl{
	position:relative;
	padding-left:130px;
}
.global-content02 .ttl .no{
	position:absolute;
	left:0;
	top:-0.3em;
	font-size:30px;
	font-style:italic;
	font-family: 'Roboto';
	font-weight:700;
	color:#BAC7CC;
}

.global-content03 .ttl{
	position:relative;
	padding-left:50px;
}
.global-content03 .ttl .no{
	position:absolute;
	left:0;
	top:-0.3em;
	font-size:30px;
	font-style:italic;
	font-family: 'Roboto';
	font-weight:700;
	color:#BAC7CC;
}

}
@media screen and (max-width:767px){

	/* +++++++++++++++++++++++++ */
	/*
	/*global Page -SP-
	/*
	/* +++++++++++++++++++++++++ */
	
	.global-content01{
		position:relative;
		background-color:#282E33;
		color:#fff;
	}
	.global-content01:before{
		content:"";
		position:absolute;
		top:0;
		left:0;
		width:100%;
		padding-top:70vw;
		background:url(../img/global/main_bg.jpg) no-repeat center center;
		background-size:cover;
	}
	.global-content01 .ttl{
		position:relative;
		font-size:24px;
		margin-bottom:5vw;
		padding-left:5vw;
		font-weight:700;
		line-height:1;
	}
	.global-content01 .ttl:before{
		content:"";
		position:absolute;
		top:0;
		left:0;
		width:2px;
		height:100%;
		background-color:#fff;
	}
	.global-content01 .content-area{
		position:relative;
		z-index:2;
		padding:78vw 5vw 5vw 10vw;
	}
	
	.global-content02 .ttl{
		position:relative;
		padding-left:32vw;
		line-height:1.5;
	}
	.global-content02 .ttl .no{
		position:absolute;
		left:0;
		top:-0.35em;
		font-size:30px;
		font-style:italic;
		font-family: 'Roboto';
		font-weight:700;
		color:#BAC7CC;
	}

	.global-content03 .ttl{
		position:relative;
		padding-left:12vw;
		line-height:1.5;
	}
	.global-content03 .ttl .no{
		position:absolute;
		left:0;
		top:-0.35em;
		font-size:30px;
		font-style:italic;
		font-family: 'Roboto';
		font-weight:700;
		color:#BAC7CC;
	}

}