@charset "UTF-8";
/*!===================================================================

	All CSS Style

====================================================================*/
/*---------------------------------------------------------------
　WHAT’S LUMEX Series?
---------------------------------------------------------------*/
#about ul.btTech li a > div {
  min-height: 30px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center; }
  @media screen and (max-width: 769px) {
    #about ul.btTech li a > div {
      min-height: 20px; } }

/*!===================================================================

	Contact - Country List

====================================================================*/
/* Nav
----------------------------------------------------------*/
#enContact .cateNav {
  line-height: 1.0;
  margin-bottom: 10px;
  border: 2px solid #0e3d82;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  #enContact .cateNav:last-of-type {
    margin-bottom: 90px; }
  #enContact .cateNav a {
    text-decoration: none;
    padding-right: 15px;
    position: relative; }
    #enContact .cateNav a:after {
      font-family: 'icomoon';
      content: "";
      position: absolute;
      top: calc(50% - .5em);
      right: 0;
      font-weight: normal;
      font-style: normal;
      font-size: 12px;
      font-size: 1.2rem;
      transform: rotate(90deg); }
    #enContact .cateNav a:hover {
      text-decoration: underline; }
  #enContact .cateNav .ttl {
    width: 150px;
    min-height: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    padding: 20px;
    margin-right: auto;
    background: #0e3d82;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    position: relative; }
    #enContact .cateNav .ttl:before, #enContact .cateNav .ttl:after {
      content: "";
      position: absolute;
      right: -10px;
      width: 10px;
      height: 50%; }
    #enContact .cateNav .ttl:before {
      top: 0;
      background: linear-gradient(to bottom left, transparent 50%, #0e3d82 50%) top right/100% no-repeat; }
    #enContact .cateNav .ttl:after {
      bottom: 0;
      background: linear-gradient(to bottom right, #0e3d82 50%, transparent 50%) top left/100% no-repeat; }
    #enContact .cateNav .ttl a {
      display: block;
      width: 100%;
      height: 100%;
      color: #FFF;
      padding-right: 20px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      #enContact .cateNav .ttl a .sup {
        font-size: 12px;
        font-size: 1.2rem;
        color: #FFF;
        margin-top: 7px; }
  #enContact .cateNav .navArea {
    width: calc(100% - 160px);
    padding: 20px 20px 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center; }
    #enContact .cateNav .navArea ul {
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: bold;
      margin-right: -20px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      #enContact .cateNav .navArea ul li {
        width: 165px;
        padding-right: 20px;
        margin-bottom: 10px; }
        #enContact .cateNav .navArea ul li a {
          color: #000;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-align-items: center;
          -ms-align-items: center;
          align-items: center; }
          #enContact .cateNav .navArea ul li a:after {
            font-size: 10px;
            font-size: 1rem;
            color: #0e3d82; }
          #enContact .cateNav .navArea ul li a .flag {
            width: 30px;
            margin-right: 7px;
            border: 1px solid #ccc; }
  @media screen and (max-width: 769px) {
    #enContact .cateNav {
      display: block; }
      #enContact .cateNav:last-of-type {
        margin-bottom: 60px; }
      #enContact .cateNav a {
        padding-right: 12px; }
      #enContact .cateNav .ttl {
        width: 100%;
        min-height: inherit;
        padding: 10px;
        margin-right: auto; }
        #enContact .cateNav .ttl:before, #enContact .cateNav .ttl:after {
          display: none; }
        #enContact .cateNav .ttl br {
          display: none; }
        #enContact .cateNav .ttl a {
          padding-0: 20px;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-justify-content: center;
          -ms-justify-content: center;
          justify-content: center;
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row; }
          #enContact .cateNav .ttl a .sup {
            margin-top: 0;
            margin-left: 10px; }
          #enContact .cateNav .ttl a:after {
            right: 20px; }
      #enContact .cateNav .navArea {
        width: 100%;
        padding: 20px 20px 10px; }
        #enContact .cateNav .navArea ul {
          font-size: 10px;
          font-size: 1rem;
          margin-right: -20px; }
          #enContact .cateNav .navArea ul li {
            width: 135px;
            padding-right: 20px; }
            #enContact .cateNav .navArea ul li a .flag {
              width: 25px;
              margin-right: 5px; } }

/* 国 - 詳細
----------------------------------------------------------*/
#enContact .frame {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  #enContact .frame .block {
    width: 50%;
    padding-right: 20px; }
    #enContact .frame .block:nth-child(even) {
      padding-right: 0;
      padding-left: 20px; }
  @media screen and (max-width: 769px) {
    #enContact .frame {
      display: block; }
      #enContact .frame .block {
        width: 100%;
        padding: 0 !important; } }

#enContact .block {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 60px; }
  #enContact .block .head {
    margin-bottom: 20px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center; }
    #enContact .block .head .flag {
      width: 60px;
      margin-right: 20px; }
      #enContact .block .head .flag img {
        border: 1px solid #ccc; }
    #enContact .block .head .ttl {
      font-weight: bold;
      line-height: 1.1; }
      #enContact .block .head .ttl .name {
        font-size: 16px;
        font-size: 1.6rem; }
  #enContact .block .add {
    line-height: 1.1; }
    #enContact .block .add p + p {
      margin-top: 5px; }
    #enContact .block .add + .add {
      margin-top: 15px; }
  @media screen and (max-width: 769px) {
    #enContact .block {
      font-size: 12px;
      font-size: 1.2rem;
      margin-bottom: 40px; }
      #enContact .block .head {
        margin-bottom: 15px; }
        #enContact .block .head .flag {
          margin-right: 10px; }
        #enContact .block .head .ttl .name {
          font-size: 14px;
          font-size: 1.4rem; }
      #enContact .block .add + .add {
        margin-top: 10px; } }