/*
@mixin tabMpc { 
	@media screen and (min-width: 768px) and (max-width: 1280px){
		@content;
	}	
}
@mixin tabwMpc { 
	@media screen and (min-width: 961px) and (max-width: 1280px){
		@content;
	}	
}
*/
/* ----------------------------------------
	#pageTitle
---------------------------------------- */
#pageTitle {
  background: url("../images/common/pagetitbg_company.jpg") no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  position: relative;
  width: 95%;
  padding: 0;
  margin: 0px auto; }
  #pageTitle .inner {
    margin: 0 auto;
    padding: 50px 0px; }
    @media screen and (min-width: 481px) and (max-width: 960px) {
      #pageTitle .inner {
        padding: 50px 0px; } }
    @media screen and (min-width: 961px) and (max-width: 1280px) {
      #pageTitle .inner {
        padding: 80px 0px; } }
    @media screen and (min-width: 1281px) {
      #pageTitle .inner {
        padding: 100px 0px; } }
  #pageTitle h1 {
    font-weight: bold;
    line-height: 1.0;
    color: #ffffff;
    text-align: center;
    text-shadow: 0px 0px 19px rgba(0, 0, 0, 0.5);
    font-size: 2.5rem; }
    @media screen and (min-width: 481px) and (max-width: 960px) {
      #pageTitle h1 {
        font-size: 3.5rem; } }
    @media screen and (min-width: 961px) and (max-width: 1280px) {
      #pageTitle h1 {
        font-size: 4.4rem; } }
    @media screen and (min-width: 1281px) {
      #pageTitle h1 {
        font-size: 4.4rem; } }
  #pageTitle .notfound {
    color: #000000 !important; }

#news #pageTitle {
  background: url("../images/common/pagetitbg_news.jpg?1") no-repeat;
  background-position: 50% 50%; }

#staff #pageTitle {
  background: url("../images/common/pagetitbg_staff.jpg?2") no-repeat;
  background-position: 50% 40%; }

#contact #pageTitle {
  background: url("../images/common/pagetitbg_contact.jpg") no-repeat;
  background-position: 100% 80%; }

#reason #pageTitle {
  background: url("../images/common/pagetitbg_company.jpg") no-repeat;
  background-position: 50% 40%; }

#flow #pageTitle {
  background: url("../images/common/pagetitbg_company.jpg") no-repeat;
  background-position: 50% 40%; }

#company #pageTitle {
  background: url("../images/common/pagetitbg_company.jpg") no-repeat;
  background-position: 50% 40%; }

/************************************************
home, qualification

************************************************/
table.tableLicense {
  margin-bottom: 15px;
  min-width: 950px; }
  table.tableLicense th {
    padding: 12px 12px !important;
    vertical-align: middle;
    background: #0038b5;
    border: solid 1px #000;
    color: #fff;
    text-align: center;
    width: 25%;
    font-weight: bold;
    font-size: 1.6rem; }
    @media screen and (min-width: 1281px) {
      table.tableLicense th {
        font-size: 1.8rem;
        padding: 15px 15px !important; } }
  table.tableLicense th.minkan {
    background: #232323; }
  table.tableLicense td {
    padding: 15px 15px !important;
    vertical-align: middle;
    background: #ffffff;
    border: solid 1px #000;
    text-align: center;
    font-size: 1.4rem; }
    @media screen and (min-width: 1281px) {
      table.tableLicense td {
        padding: 15px 15px !important;
        font-size: 1.5rem; } }
  table.tableLicense td.bgY {
    background: #f9f7c0; }
  table.tableLicense td, table.tableLicense span, table.tableLicense div, table.tableLicense ul, table.tableLicense li {
    font-size: 1.4rem; }
    @media screen and (min-width: 1281px) {
      table.tableLicense td, table.tableLicense span, table.tableLicense div, table.tableLicense ul, table.tableLicense li {
        font-size: 1.6rem; } }
  table.tableLicense .symbol {
    margin-bottom: 10px;
    line-height: 1.0;
    width: 45px;
    display: inline-block; }
    @media screen and (min-width: 1281px) {
      table.tableLicense .symbol {
        width: 50px; } }
  table.tableLicense .category {
    font-weight: bold;
    color: #0038b5;
    font-size: 1.8rem; }
    @media screen and (min-width: 1281px) {
      table.tableLicense .category {
        font-size: 2.0rem; } }
  table.tableLicense .point {
    padding-left: 1em;
    text-indent: -1em;
    text-align: left;
    margin-bottom: 10px !important;
    line-height: 1.5 !important; }
    @media screen and (max-width: 1280px) {
      table.tableLicense .point {
        font-size: 1.4rem; } }
  table.tableLicense .pointR {
    color: #c0272d;
    padding-left: 1em;
    text-indent: -1em;
    text-align: left;
    margin-bottom: 10px !important;
    line-height: 1.5 !important; }
    @media screen and (max-width: 1280px) {
      table.tableLicense .pointR {
        font-size: 1.4rem; } }
  table.tableLicense .apply {
    width: 90px;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.0;
    padding: 7px 10px;
    text-align: center;
    border-radius: 15px;
    margin: 0px auto;
    margin-bottom: 10px;
    font-size: 1.3rem;
    display: inline-block; }
    @media screen and (min-width: 1281px) {
      table.tableLicense .apply {
        font-size: 1.4rem; } }
  table.tableLicense .yes {
    background: #2b64c9; }
  table.tableLicense .no {
    background: #0038b5; }
  table.tableLicense .list {
    text-align: left; }
    @media screen and (max-width: 1280px) {
      table.tableLicense .list {
        width: 350px; } }
    table.tableLicense .list ul {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      margin-bottom: 15px; }
      table.tableLicense .list ul li {
        font-weight: bold;
        text-align: left;
        width: 70%; }
        table.tableLicense .list ul li:nth-last-child(even) {
          width: 30%; }
  table.tableLicense p.about {
    font-size: 1.4rem;
    padding-top: 15px;
    text-align: left; }
    table.tableLicense p.about strong {
      font-weight: bold;
      font-size: 1.4rem; }
  table.tableLicense .line2 {
    display: flex;
    justify-content: space-between; }
    table.tableLicense .line2 .leftArea {
      width: 95px;
      text-align: center;
      display: table; }
      table.tableLicense .line2 .leftArea .ol {
        display: table-cell;
        vertical-align: middle; }
    table.tableLicense .line2 .rightArea {
      width: -webkit-calc(100% -110px);
      width: calc(100% - 110px);
      display: table-cell;
      vertical-align: middle; }
