@charset "UTF-8";
/*
///////////////////////////////////////////
CSS FOR About
Made	by Ngoc Thuy (ゴックトゥイ)
/////////////////////////////////////
*/
/* Sub-visual */
#Sub-visual {
  background: url("../images/about/bg_visual.png") no-repeat 50% 0;
  background-size: cover; }

.ttl-headline02 {
  color: #fff; }

.group {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[12];
  grid-template-columns: repeat(12, 1fr);
  margin-bottom: 30px; }
  .group .group-text {
    -ms-grid-column-span: 8;
    grid-column: span 8; }
    .group .group-text h4 {
      font-size: 16px;
      padding-bottom: 10px;
      font-weight: bold; }
    .group .group-text p {
      font-size: 14px; }
  .group .img-info {
    -ms-grid-column-span: 4;
    grid-column: span 4; }

.block-company {
  margin: 0 auto;
  width: 85%; }

.block-company table ul li {
  padding-bottom: 10px; }
  .block-company table ul li:last-child {
    padding-bottom: 0; }

/* Medium devices (desktops, 992px and up) */
@media (max-width: 768px) {
  .group .group-text {
    -ms-grid-column-span: 12;
    grid-column: span 12;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    padding-bottom: 15px; }
  .group .img-info {
    -ms-grid-column-span: 12;
    grid-column: span 12;
    text-align: center; }
  .block-company {
    width: 100%; }
  .block-company table th {
    width: 120px; } }

@media screen and (max-width: 480px) {
  .group .group-text h4 {
    font-size: 14px; }
  .group .group-text p {
    font-size: 13px; } }

@media screen and (max-width: 380px) {
  .block-company table td {
    font-size: 12px; }
  .block-company table th {
    width: 90px;
    padding: 10px 10px 10px 15px;
    font-size: 13px; } }