#philosophy .l-flex,
#vision .l-flex{
	align-items:flex-start;
}

#philosophy .flex-r,
#vision .flex-r{
	margin-top:7rem;
}

#philosophy .flex-r h3,
#vision .flex-r h3,
#message .flex-r h3{
    font-size: 4rem;
    margin-bottom: 3rem;
}

#philosophy .flex-r p,
#vision .flex-r p,
#message .flex-r p:not(.sec-title-en){
    font-size: 1.8rem;
}

#philosophy .flex-l,
#vision .flex-l,
#message .flex-l{
	width:calc(40% - 2.5rem);
}

#philosophy .flex-r,
#vision .flex-r,
#message .flex-r{
	width:calc(60% - 2.5rem);
}

#message .flex-l{
	aspect-ratio:4 / 4;
}

#director{
	text-align:right;
	margin-top:3rem;
}

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

}

@media screen and (max-width:1400px) {
#philosophy .flex-r h3, #vision .flex-r h3, #message .flex-r h3 {
    font-size: 3.5rem;
}
#philosophy .flex-r p, #vision .flex-r p, #message .flex-r p:not(.sec-title-en) {
    font-size: 1.6rem;
}
}

@media screen and (max-width:1200px) {
#philosophy .flex-r h3, #vision .flex-r h3, #message .flex-r h3 {
        font-size: 3rem;
    }
    #philosophy .flex-r p, #vision .flex-r p, #message .flex-r p:not(.sec-title-en) {
        font-size: 14px;
    }
#philosophy .l-flex, #vision .l-flex, #message .l-flex{
	align-items:flex-start;
	}
}

@media screen and (max-width:1024px) {
#philosophy .flex-r h3, #vision .flex-r h3, #message .flex-r h3 {
        font-size: 2.5rem;
    }
}

@media screen and (max-width:767px) {
#philosophy .flex-r, #vision .flex-r {
    margin-top: 0rem;
}
#philosophy .l-flex, #vision .l-flex{
        gap: 0;
    }
    #philosophy .flex-r p, #vision .flex-r p, #message .flex-r p:not(.sec-title-en) {
        font-size: 15px;
    }
}