.philosophy{ margin: 18px auto; padding: 12px 0;}
.head-autoarrow { text-align: center;}
.head-autoarrow h2{ color: #000; font-size: 30px; line-height: 1.5; margin: 12px auto;}

.philosophy-content .title-philosophy{ margin: 40px 20px 10px; text-align: left; color: #000; font-size: 16px;}
.philosophy-content .philosophy-box{ background: #e4f4fe; border-radius: 12px; padding: 12px 6px; line-height: 1.5; color: #000; overflow: hidden;}

.philosophy-box.management{ display: table; width: 100%;}
.philosophy-box.management .box-management{ display: table-cell; vertical-align: middle; padding: 12px;}
.philosophy-box.management .box-management:first-child{ text-align: center;}
.philosophy-box.management .box-management h3{ font-size: 20px; color: #000; line-height: 2;}
.philosophy-box.management .box-management p.vision{ font-size: 14px; color: #666; padding-left: 12px;}

.head-company-selected{ background: #5ebafd; color: #000; padding: 22px; font-size: 20px;}
.company-selected ul{ display: table; width: 100%;}
.company-selected ul li{ display: table-row;}
.company-selected ul li:nth-child(odd){ background: #eee;}
.company-selected ul li:nth-child(even){ background: #fff;}
.company-selected ul li div{ display: table-cell; padding: 24px; line-height: 1.5; color: #000; font-size: 16px;}
.company-selected ul li div:first-child{ color: #313893; border-right: 1px dotted #666; text-align: center;}
.company-selected .back-company{ display: block; text-align: right; margin: 8px auto;}
.company-selected .back-company a{background: #52a8fc; color: #fff; float: right; display: inline-block; font-size: 14px; padding: 5px 13px; border-radius: 12px; font-weight:300; letter-spacing:0.2px;}

@media(max-width:680px){
  .philosophy-box.management .box-management{ display: block; width: 100%;}
  .company-selected ul li div{ display: block; width: 100%; padding: 8px;}
  .company-selected ul li div:first-child{ border-right: none; text-align: left;}
  .head-autoarrow h2{ font-size: 20px;}
}