@charset "UTF-8";
/* CSS Document */


/******************************************************

PC設定 940px以上の場合に適用 

*******************************************************/

/* body */
body {
	background-color: #000;
}

.secondmenu__item {
	border-radius: 7px;
	overflow: hidden;
}



/* main */
.main {
	background-image: url("/img/company/philosophy/bg_main.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.pageTitle {
	color: #FFF;
}

.philosophy__img {
	display: block;
	width: 738px;
	height: auto;
	margin: 0 0 200px auto;
}

.philosophy__box {
	background-color: rgba(20,20,20, .8);
	width: 100%;
	padding: 70px 70px 30px 70px;
}

.philosopy__item {
	font-size: 42px;
	font-weight: 500;
	color: #008CFF;
	margin-bottom: 40px;
}

.philosopy__item::before {
	display: inline-block;
	content: "";
	width: 45px;
	height: 35px;
	background-size: cover;
	margin-right: 15px;
}

.philosopy__item:nth-of-type(1)::before {
	background-image: url("/img/company/philosophy/icon_main_01.png");
}

.philosopy__item:nth-of-type(2)::before {
	background-image: url("/img/company/philosophy/icon_main_02.png");
}

.philosopy__item:nth-of-type(3)::before {
	background-image: url("/img/company/philosophy/icon_main_03.png");
}

.philosopy__item:nth-of-type(4)::before {
	background-image: url("/img/company/philosophy/icon_main_04.png");
}

.philosopy__item:nth-of-type(5)::before {
	background-image: url("/img/company/philosophy/icon_main_05.png");
}

.philosopy__item:nth-of-type(6)::before {
	background-image: url("/img/company/philosophy/icon_main_06.png");
}

.philosopy__item:nth-of-type(7)::before {
	background-image: url("/img/company/philosophy/icon_main_07.png");
}

.philosophy__jp {
	color: #FFF;
	font-size: 18px;
	font-weight: 500;
	margin-left: 20px;
	vertical-align: 6px;
}




/******************************************************

タブレットの設定 768px~939pxの場合に適用 

*******************************************************/

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


}



/******************************************************

SPの設定 767px以下の場合に適用 

*******************************************************/

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

/* body */
.secondmenu__item {
	border-radius: 3px;
}



/* main */
.philosophy__img {
	display: block;
	width: 90%;
	max-width: 400px;
	height: auto;
	margin: 0 auto 60px auto;
}

.philosophy__box {
	width: 100%;
	padding: 30px 10px 10px 10px;
}

.philosopy__item {
	font-size: 21px;
	margin-bottom: 20px;
	padding-left: 2.3em;
	text-indent: -2.3em;
}

.philosopy__item::before {
	width: 38px;
	height: 30px;
	margin-right: 10px;
	vertical-align: -7px;
}

.philosophy__jp {
	display: block;
	font-size: 13px;
	margin-left: 48px;
}
	
	
	
	
}