@charset "utf-8";

/* intro */
.values_intro{background:#f8f8f8; border:1px solid #ccc; max-width:1300px; margin:0 auto 70px auto; padding:40px 20px;text-align:center; box-sizing: border-box;}
.values_intro img{display:block; max-width:650px; width:100%; margin:0 auto;}

/* list */
.values_list{ max-width:1300px; margin:0 auto;}
.values_list div.values_box{float:left; width:33.3%;padding-right:50px; box-sizing: border-box;}
.values_list div.vbox_2{width:36%;}
.values_list div.vbox_3{width:30.6%; padding-right:0;}

div.values_box p{font-size:26px; line-height:1.5em; color:#1c4591; padding-bottom:10px; margin-bottom:30px;
				 background:url('/images/management/man01_values_box_p.gif') 0 bottom no-repeat;}
div.vbox_2 p{color:#38962f; background:url('/images/management/man01_values_box_p2.gif') 0 bottom no-repeat;}
div.vbox_3 p{color:#e3a80a; background:url('/images/management/man01_values_box_p3.gif') 0 bottom no-repeat;}
div.values_box dl dt{font-size:22px; line-height:28px; margin-bottom:20px;}
div.values_box dl dd{color:#888;}

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

	/* list */
	.values_list{ width:94%; margin:0 auto;}

}

@media screen and (max-width:768px) {
	
	/* list */
	.values_list div.values_box{float:none; width:100%; padding-right:0; margin-bottom:60px;}
	div.values_box p{font-size:22px; background:url('/images/management/man01_values_box_p.gif') -10px bottom no-repeat; margin-bottom:20px;}
	div.vbox_2 p{color:#38962f; background:url('/images/management/man01_values_box_p2.gif') -10px bottom no-repeat;}
	div.vbox_3 p{color:#e3a80a; background:url('/images/management/man01_values_box_p3.gif') -10px bottom no-repeat;}
	div.values_box dl dt{font-size:18px;margin-bottom:4px;}
	div.values_box dl dt br{display:none;}
}

.listWrap{margin:0 -0.37%; margin-top:100px; word-break: keep-all; word-wrap: break-word;}
.listWrap > li{float:left; width:32.59%; margin:0 0.37%;}
.listDiv{border:1px solid #ccc; background-color:#f8f8f8; padding:50px 35px; min-height:600px; text-align:center;}
.listDiv > img{display:block; max-width:100%; margin:0 auto 40px;}
.listDiv > .tit{font-size:25px; color:#000; font-weight:700; line-height:1.5em; margin-bottom:30px;}
.txtArea{min-height:78px;}
.txtArea > li{position:relative; padding-left:12px; font-size:16px; line-height:30px; color:#000;}
.txtArea > li:before{position:absolute; top:11px; left:0; display:inline-block; content:""; width:4px; height:4px; background-color:#004799; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%;}
.txtList {margin-bottom:15px;}
.txtList > p{position:relative; padding-left:12px; font-size:15px; line-height:24px; color:#555;}
.txtList > p:before{position:absolute; top:11px; left:0; display:inline-block; content:""; width:5px; height:1px; background-color:#666;}


/* graph */
.graphBox{overflow:hidden; width:100%; margin:100px auto 0; padding:100px 0; background:#f8f8f8;}
.graphBox h4 {margin-bottom:30px; text-align:center; font-size:30px; font-weight:700;}
.graph{/*background:#f8f8f8; border:1px solid #ccc; */max-width:1300px; margin:0 auto; padding:40px 0;text-align:center; box-sizing: border-box;}
.graph img{display:block; max-width:1225px; width:100%; margin:0 auto;}

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

	.listWrap{ width:94%; margin:0 auto;}

}
@media screen and (max-width:1024px) {	
	.listWrap > li {width:100%; margin:0 0 10px; }
	.listDiv{padding:50px 35px; min-height:auto;}
	.listDiv > .tit{font-size:20px; margin-bottom:30px;}
	
	
}
@media screen and (max-width:768px) {	
	.txtArea > li{word-break:break-all;}
	.txtList > p{word-break:break-all;}
	
	.graphBox{margin:50px auto 0; padding:50px 0; }
	.graphBox h4 {margin-bottom:0; font-size:24px; }

}