/* philosophy start */
.about-philosophy{
	background-color: #F3F7FA;
	background-image: url("../img/about/img_01.png");
	background-size: cover;
	position: relative;
}
.about-philosophy::before{
	content: url("../img/about/svg_01.svg");
	position: absolute;
	bottom: 0;
	right: 10%;
}
.about-philosophy .secTitle{
	margin-bottom: 70px;
}
.about-philosophy .content h3{
	font-size: 3rem;
	text-align: left;
	margin-bottom: 30px;
}
.about-philosophy .content p{
	font-size: 1.8rem;
	margin-bottom: 20px;
	letter-spacing: 2px;
	line-height: 2;
}
.about-philosophy .content p:last-of-type{
	margin-bottom: 0;
}
/* philosophy end */

/* greeting start */
.about-greeting .inner{
	position: relative;
}
.about-greeting .inner::before{
	content: url("../img/about/svg_02.svg");
	position: absolute;
	top: 0;
	right: 0;
}
.about-greeting .content p{
	margin-top: 20px;
	letter-spacing: 2px;
}
.about-greeting .content p:first-of-type{
	margin-top: 0;
}
/* greeting end */

/* staff start */
.about-staff{
	border-top: solid 5px #F3F7FA;
}
/* staff end */

/* Infomation start */
.about-info{
	background-color: #F3F7FA;
}
/* Infomation end */




@media screen and (max-width:767px){
	
	
	/* philosophy start */
	.about-philosophy {
    padding-bottom: 210px;
		background-image: url(../img/about/img_01_sp.png);
    background-repeat: no-repeat;
    background-position: bottom;
	}
	.about-philosophy::before {
    content: url(../img/about/svg_01_sp.svg);
    position: absolute;
    bottom: 0;
    right: 10%;
	}
	.about-philosophy .secTitle {
    margin-bottom: 30px;
	}
	.about-philosophy .content h3 {
    font-size: 2rem;
    text-align: left;
    margin-bottom: 20px;
	}
	.about-philosophy .content p {
    font-size: 1.5rem;
    letter-spacing: 3px;
    line-height: 1.7;
		margin-bottom: 15px;
	}
	/* philosophy end */

	/* greeting start */
	.about-greeting .inner::before {
    content: none;
	}
	.about-greeting .secTitle{
		margin-bottom: 20px;
	}
	.about-greeting .image-profile{
		width: 80%;
		margin: 0 auto 30px;
	}
	.about-greeting .content p {
    margin-top: 15px;
    letter-spacing: 2px;
	}
	/* greeting end */

	/* staff start */
	.about-staff {
    border-top: solid 3px #F3F7FA;
	}
	/* staff end */

	/* Infomation start */
	#about .about-info .secTitle p{
		font-size: 4.5rem;
	}
	/* Infomation end */
	

	
}