@charset "utf-8";

body {
	margin: 0px;
	padding: 0px;
	background-image: url('../img/bg.jpg'); 
	background-repeat: repeat;
}

div#spMode {
	display: none;
}
@media screen and (max-width: 750px) {
	body {
		background-image: url('../img/sp/bg.jpg');
	}
	div#pcMode {
		display: none;
	}
	div#spMode {
		display: block;
	}
}



/* ----- PC ----- */

/* ----- グローバルメニュー ----- */
div#globalMenu {
	position: fixed;
	width: 100%;
	min-width: 980px;
	height: 100px;
	background-color: #ffffff;
	z-index: 100;
	box-shadow: 0px 0px 30px rgba(1,156,230,1.0);
}
	div#globalMenu img#globalMenu_logo {
		display: box;
		position: absolute;
		left: 110px;
		top: 18px;
	}
	div#globalMenu ul#globalMenu_menu {
		display: flex;
		position: absolute;
		top: 43px;
		right: 340px;
		margin: 0px;
		list-style-type: none;
	}
	div#globalMenu ul#globalMenu_social {
		display: flex;
		position: absolute;
		top: 28px;
		right: 140px;
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}
/* ----- /グローバルメニュー ----- */





/* ----- グローバルメニューのスペーサー ----- */
div#spacer {
	height: 100px;
}
/* ----- /グローバルメニューのスペーサー ----- */





/* ----- キービジュアル ----- */
div#keyVisual {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	min-width: 980px;
	max-width: 1366px;
	width: 100%;
	height: 610px;
	background-image: url('../img/keyVisual.png');
	background-position: center center;
	background-repeat: no-repeat;
}
	div#keyVisual img#keyVisual_logo {
		position: absolute;
		left: 105px;
		top: 10px;
	}
	div#keyVisual img#keyVisual_copy {
		position: absolute;
		bottom: 55px;
		left: 0px;
		right: 0px;
		margin: auto;
	}
/* ----- /キービジュアル ----- */





/* ----- 俺プロとは？ ----- */
div#whatIsOrepro {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-top: calc(90px + 100px);
	margin-top: -100px;
	padding-bottom: 80px;
	min-width: 980px;
	width: 100%;
	background-image: url('../img/news_gradation.png');
	background-position: bottom;
	background-repeat: repeat-x;
	z-index: -1;
}
	div#whatIsOrepro img#whatIsOrepro_title {
		display: block;
		position: relative;
		margin-left: auto;
		margin-right: auto;
	}
	div#whatIsOrepro img#whatIsOrepro_text1 {
		display: block;
		position: relative;
		margin-top: 60px;
		margin-left: auto;
		margin-right: auto;
	}
	div#whatIsOrepro img#whatIsOrepro_text2 {
		display: block;
		position: relative;
		margin-top: 40px;
		margin-left: auto;
		margin-right: auto;
	}
	div#whatIsOrepro img#whatIsOrepro_image {
		display: block;
		position: relative;
		margin-top: 40px;
		margin-left: auto;
		margin-right: auto;
	}
	div#whatIsOrepro img#whatIsOrepro_text3 {
		display: block;
		position: relative;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
	}
/* ----- /俺プロとは？ ----- */





/* ----- 最新情報 ----- */
div#news {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	min-width: 980px;
	width: 100%;
	padding-top: calc(80px + 100px);
	margin-top: -100px;
	padding-bottom: 120px;
}
	div#news img#news_title {
		display: block;
		position: relative;
		margin-left: auto;
		margin-right: auto;
	}
	div#news div#news_twitter {
		position: relative;
		margin-top: 70px;
		margin-left: auto;
		margin-right: auto;
		width: 670px;
		height: 460px;
		border-radius: 10px;
		border: 2px solid #14a6e8;
	}
	div#news ul#news_banners {
		display: flex;
		justify-content: center;
		position: relative;
		margin-top: 60px;
		margin-left: auto;
		margin-right: auto;
		width: 900px;
		padding: 0px;
		list-style-type: none;
	}
/* ----- /最新情報 ----- */





/* ----- フッター ----- */
div#footer {
	position: relative;
	padding-top: 80px;
	min-width: 980px;
	width: 100%;
	height: 224px;
	background-color: #140076;
}
	div#footer img#footer_fwLogo {
		display: block;
		position: relative;
		margin-left: auto;
		margin-right: auto;
	}
	div#footer img#footer_copyright {
		margin-top: 40px;
		display: block;
		position: relative;
		margin-left: auto;
		margin-right: auto;
	}
/* ----- /フッター ----- */

/* ----- /PC ----- */









/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */










/* ----- SP ----- */

/* ----- グローバルメニュー ----- */
div#globalMenu_sp {
	position: fixed;
	width: 750px;
	height: 160px;
	background-color: #ffffff;
	z-index: 100;
	box-shadow: 0px 0px 30px rgba(1,156,230,1.0);
}
	div#globalMenu_sp img#globalMenu_logo_sp {
		display: block;
		position: absolute;
		top: 40px;
		left: 0px;
		right: 0px;
		margin-left: auto;
		margin-right: auto;
	}
	div#globalMenu_sp img#globalMenu_menu_sp {
		display: block;
		position: absolute;
		top: 55px;
		right: 50px;
		cursor: pointer;
	}
	div#globalMenu_sp img#globalMenu_close_sp {
		display: none;
		position: absolute;
		top: 55px;
		right: 56px;
		cursor: pointer;
	}
/* ----- /グローバルメニュー ----- */



/* ----- 差し込みメニュー ----- */
div#popupMenu_sp {
	display: none;
	position: fixed;
	top: 160px;
	right: 0px;
	width: 540px;
	height: calc(100% - 160px);
	background-color: rgba(0,0,0,0.7);
	z-index: 101;
}
	div#popupMenu_sp ul#popupMenu_menu_sp {
		position: relative;
		margin-top: 125px;
		padding: 0px;
		list-style-type: none;
	}
		div#popupMenu_sp ul#popupMenu_menu_sp li {
			text-align: center;
		}
	div#popupMenu_sp ul#popupMenu_social_sp {
		display: flex;
		justify-content: center;
		position: relative;
		margin-top: 55px;
		padding: 0px;
		list-style-type: none;
	}
	ul#popupMenu_banners_sp {
		margin-top: 68px;
	}
/* ----- /差し込みメニュー ----- */





/* ----- グローバルメニューのスペーサー ----- */
div#spacer_sp {
	height: 160px;
}
/* ----- /グローバルメニューのスペーサー ----- */



/* ----- キービジュアル ----- */
div#keyVisual_sp {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 750px;
	height: 1072px;
	background-image: url('../img/sp/keyVisual.png');
	background-position: center center;
	background-repeat: no-repeat;
}
	div#keyVisual_sp img#keyVisual_logo_sp {
		position: absolute;
		left: 40px;
		top: 20px;
	}
	div#keyVisual_sp img#keyVisual_copy_sp {
		position: absolute;
		bottom: 110px;
		left: 0px;
		right: 0px;
		margin: auto;
	}
/* ----- /キービジュアル ----- */



/* ----- 俺プロとは？ ----- */
div#whatIsOrepro_sp {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-top: calc(120px + 100px);
	padding-bottom: 120px;
	margin-top: -100px;
	width: 750px;
	background-image: url('../img/sp/news_gradation.png');
	background-position: bottom;
	background-repeat: repeat-x;
	z-index: -1;
}
	div#whatIsOrepro_sp img#whatIsOrepro_title_sp {
		display: block;
		position: relative;
		margin-left: auto;
		margin-right: auto;
	}
	div#whatIsOrepro_sp img#whatIsOrepro_text1_sp {
		display: block;
		position: relative;
		margin-top: 92px;
		margin-left: auto;
		margin-right: auto;
	}
	div#whatIsOrepro_sp img#whatIsOrepro_text2_sp {
		display: block;
		position: relative;
		margin-top: 55px;
		margin-left: auto;
		margin-right: auto;
	}
	div#whatIsOrepro_sp img#whatIsOrepro_image_sp {
		display: block;
		position: relative;
		margin-top: 60px;
		margin-left: auto;
		margin-right: auto;
	}
	div#whatIsOrepro_sp img#whatIsOrepro_text3_sp {
		display: block;
		position: relative;
		margin-top: 40px;
		margin-left: auto;
		margin-right: auto;
	}
/* ----- /俺プロとは？ ----- */



/* ----- 最新情報 ----- */
div#news_sp {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 750px;
	padding-top: calc(100px + 100px);
	padding-bottom: 120px;
	margin-top: -100px;
}
	div#news_sp img#news_title_sp {
		display: block;
		position: relative;
		margin-left: auto;
		margin-right: auto;
	}
	div#news_sp div#news_twitter_sp {
		position: relative;
		margin-top: 100px;
		margin-left: auto;
		margin-right: auto;
		width: 670px;
		height: 460px;
		border-radius: 10px;
		border: 2px solid #14a6e8;
	}
	div#news_sp ul#news_banners_sp {
		position: relative;
		margin-top: 80px;
		margin-left: auto;
		margin-right: auto;
		padding: 0px;
		width: 670px;
		list-style-type: none;
	}
/* ----- /最新情報 ----- */



/* ----- フッター ----- */
div#footer_sp {
	position: relative;
	padding-top: 95px;
	width: 750px;
	height: 267px;
	background-color: #140076;
}
	div#footer_sp img#footer_fwLogo_sp {
		display: block;
		position: relative;
		margin-left: auto;
		margin-right: auto;
	}
	div#footer_sp img#footer_copyright_sp {
		margin-top: 40px;
		display: block;
		position: relative;
		margin-left: auto;
		margin-right: auto;
	}
/* ----- /フッター ----- */

/* ----- /SP ----- */