@charset "utf-8";

/* ======================================================
 * philosophy.css
 * ------------------------------------------------------
 * @media only screen and (max-width: 767px)
====================================================== */

.philosophy_banner-pagetitle {
	padding-top: 42px;
	display: flex;
	align-items: center;
	font-size: 4.2rem;
	background: url(/company/images/philosophy_banner.jpg) 50% 0 no-repeat;
	background-size: auto;
	height: 480px;
}
.philosophy_banner-block {
	width: 1200px;
	margin: -1.2em auto 0;
	color: #333;
	font-weight: 700;
	text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.8);
	line-height: 1.2;

	/* color: #fff;
	font-weight: 700;
	text-shadow: 0px 0px 2px rgba(51, 51, 51, 0.5); */
}

.iframe_wrapper_youtube {
width: 100%;
height: 100%;
}


@media only screen and (min-width: 1921px) {
	.philosophy_banner-pagetitle {
		background-size: cover;
	}
}


@media only screen and (max-width: 767px) {
	.philosophy_banner-pagetitle {
		padding-top: 0;
		font-size: 2.3rem;
		height: 74px;
		background-size: cover;
	}
	.philosophy_banner-block {
		margin: -0.3em auto 0;
		padding: 0 15px;
	}

	.iframe_wrapper_youtube {
		height: 100%;
	}
	.iframe_wrapper_youtube iframe {
		width: 100%;
		height: 100%;
	}
}