@charset "utf-8";

.disp_sp{display:block;}
.disp_pc{display:none;}
.navDrawr > ul > li.phi-menu{display: inline-block;position: relative;cursor: pointer;border-bottom: 8px solid #e84709;}

#philosophy article img{width:100%;}
#philosophy article{margin-bottom:0px;}
#philosophy .msg_grit{color: #333;margin-top:10px;}
#philosophy .msg_list2{display: flex;flex-wrap: wrap;max-width:920px;margin:0 auto;justify-content: space-between;}
#philosophy .msg_list2 li{box-sizing: border-box;width:30.33%;margin:0 0% 30px 0%;}
#philosophy .msg_list2 li > div{width:96%;margin:0 auto 10px;display:flex;justify-content: center;}
#philosophy .msg_list2 li > div .phi_icon{width:40%;margin:0 2%;}
#philosophy .msg_list2 li > div h3{width:60%;color: #00aeac;padding-left: 5%;font-size: 1.2em;font-weight: bold;line-height: 1.4;}
#philosophy .msg_list2 li > div h3 span.value{font-size:1.0em;color: #e84709;}
#philosophy .msg_list2 li > div h3 span.num{font-size:1.3em;padding-left:5px;color:#e84709;}
#philosophy .msg_list2 li p{margin-top:5px;}

@media screen and (max-width: 1030px) {
    .navDrawr > ul > li.phi-menu{width: 100%;border-bottom: none;}
}

@media screen and (max-width: 768px) {
    .disp_sp{display:none;}
	.disp_pc{display:block;}

	#philosophy article{margin-bottom:0px;}
	#philosophy .msg_grit{text-align:center;line-height: 2.0em;font-size: 1.4em;}
    #philosophy .msg_list2{display: flex;flex-wrap: wrap;margin:0 auto;width: 80%;}
    #philosophy .msg_list2 li{width: 100%;}
    #philosophy .msg_list2 li > div{justify-content: flex-start;width: 100%;}
    #philosophy .msg_list2 li > div .phi_icon{width: 25%;margin: 0;}
	
    
}