@charset "utf-8";

/**
 *
 *  ページ用CSS
 *　philosophy
 */

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/



/* philosophy
-----------------------------------------------------------------*/
.philosophy{
	padding: 100px 0 180px;
}
.philosophy .txt-lead{
	margin-bottom: 90px;
	font-size: 2rem;
	line-height: 2;	
}
.philosophy h2{
	margin-bottom: 50px;
}
.philosophy .sec01{
	margin-bottom: 120px;
}
.philosophy .sec01 .txt-philosophy{
	margin-left: 10%;
	font-size: 4.5rem;
	&.small {
		font-size: 2.5rem;
	}
}

.philosophy .sec02 .behavioral-guidelines{
	margin-left: 10%;
}
.philosophy .sec02 .behavioral-guidelines li{
	display: flex;
	padding: 25px 0;
	border-bottom: 1px solid #e9e9e9;
	font-size: 2rem;
	line-height: 1.5;
}
.philosophy .sec02 .behavioral-guidelines li span:nth-child(1) {
    margin-right: 5px;
    color: #094;
}

/*グループ理念追加*/
.philosophy img {
	width: 400px;
	padding: 20px 0;
}

.philosophy .sec01 .small {
	margin-left: 10%;
	font-size: 3rem;
}





/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  

/* philosophy
-----------------------------------------------------------------*/
	.philosophy{
		padding: 40px 0 90px;
	}
	.philosophy .txt-lead{
		margin-bottom: 80px;
		font-size: 1.4rem;
		text-align: justify;	
	}
	.philosophy h2{
		margin-bottom: 30px;
	}
	.philosophy .sec01{
		margin-bottom: 90px;
	}
	.philosophy .sec01 .txt-philosophy{
		margin-left: 0;
		font-size: 2.4rem;
		&.small {
			font-size: 1.5rem;
		}
	}
	
	.philosophy .sec02 .behavioral-guidelines{
		margin-left: 0;
	}
	.philosophy .sec02 .behavioral-guidelines li{
		padding: 20px 0;
		font-size: 1.6rem;
	}
	/*グループ理念追加*/
	.philosophy img {
		margin-left: auto;
		margin-right: auto;
		padding: 10%;
		max-width: 80%;
	}
	
	.philosophy .small
	 {
		margin-left: 0;
		font-size: 2rem;
	}


  
}