@charset "UTF-8";
@media all and (-ms-high-contrast: none) {
  .tel2 {
    color: #333; } }

@supports (-ms-ime-align: auto) {
  .tel2 {
    color: #333; } }

/*--------------------------------------------------- */
/* company */
/*--------------------------------------------------- */
.company {
  margin-top: 60px;
  margin-bottom: 100px; }
  .company .flex {
    flex-wrap: wrap; }
  .company .flex1, .company .flex2 {
    padding: 20px;
    font-size: 15px;
    font-size: 1.5rem;
    min-height: 80px;
    display: flex;
    align-items: center;
    line-height: 1.5em; }
    @media (min-width: 769px) {
      .company .flex1, .company .flex2 {
        padding: 24px 20px 20px; } }
  .company .flex1 {
    width: 150px;
    border-top: 1px solid #FF9433;
    font-weight: 700; }
    .company .flex1:nth-last-child(2) {
      border-bottom: 1px solid #FF9433; }
    .company .flex1:first-child {
      border-top: none; }
  .company .flex2 {
    padding-left: 30px;
    width: calc(100% - 150px);
    border-top: 1px solid #EEEEEE;
    color: #444444; }
    .company .flex2:last-child {
      border-bottom: 1px solid #EEEEEE; }
    .company .flex2:nth-of-type(2) {
      border-top: none; }
  .company .btn {
    position: relative;
    width: 100%;
    max-width: 250px;
    height: 73px;
    margin: 70px auto 0; }
    .company .btn a {
      display: flex;
      justify-content: center;
      align-items: center;
      word-break: break-all;
      width: 100%;
      height: 100%;
      text-decoration: none;
      background: #FF7A33;
      text-align: center;
      transition: all 0.5s ease; }
    .company .btn a {
      font-size: 24px;
      font-size: 2.4rem;
      font-weight: 700;
      color: #fff;
      background-color: #F8B400;
      border: 1px solid #F8B400; }
      .company .btn a:hover {
        color: #F8B400;
        background-color: #fff; }
  .company .flex2 {
    flex-wrap: wrap; }
    .company .flex2 ul {
      width: 100%; }
    .company .flex2 li {
      list-style-type: disc;
      margin-left: 1em;
      position: relative; }
    .company .flex2 .comBlank li {
      margin-bottom: 1em; }
      .company .flex2 .comBlank li:first-child:after {
        position: absolute;
        content: "";
        display: inline-block;
        width: 130px;
        height: 50px;
        background-image: url(img/logo.png);
        background-size: contain;
        vertical-align: middle;
        background-repeat: no-repeat;
        top: 0;
        margin-left: 50px; }
        @media (max-width: 768px) {
          .company .flex2 .comBlank li:first-child:after {
            margin-left: 30px; } }
        @media (max-width: 480px) {
          .company .flex2 .comBlank li:first-child:after {
            position: relative;
            margin: 6px 0 10px;
            height: 40px; } }
      .company .flex2 .comBlank li:last-child {
        margin-bottom: 0; }
      .company .flex2 .comBlank li a {
        text-decoration: underline; }
      .company .flex2 .comBlank li i {
        margin-right: 6px;
        color: #d9381e; }
  .company .comEtc {
    display: flex;
    justify-content: space-between;
    width: 100%; }
    @media (min-width: 769px) {
      .company .comEtc {
        align-items: center; } }
    .company .comEtc .comMap {
      text-decoration: underline;
      color: #060606;
      position: relative;
      padding-left: 1em; }
      .company .comEtc .comMap:visited {
        color: #060606; }
      .company .comEtc .comMap:hover {
        color: #FF7A33; }
      .company .comEtc .comMap:before {
        position: absolute;
        font-family: "Font Awesome 5 Free";
        content: '\f3c5';
        font-weight: 700;
        color: #E34A38;
        text-decoration: none;
        left: 0;
        top: 0px; }
    @media (max-width: 768px) {
      .company .comEtc {
        flex-direction: column; } }
    .company .comEtc img {
      width: 100%;
      max-width: 350px;
      margin: 0 15px 4px 0;
      height: 210px;
      object-fit: cover; }
      @media (max-width: 768px) {
        .company .comEtc img {
          margin: 30px 0 0;
          max-width: initial;
          object-position: 0% 100%; } }
  @media (max-width: 768px) and (max-width: 480px) {
    .company .comEtc img {
      object-fit: contain;
      height: auto; } }
    .company .comEtc div:first-child {
      margin-right: 20px; }
      @media (max-width: 768px) {
        .company .comEtc div:first-child {
          margin-right: 0; } }

/*--------------------------------------------------- */
/* レスポンシブ */
/*--------------------------------------------------- */
@media (max-width: 768px) {
  /*--------------------------------------------------- */
  /* company */
  /*--------------------------------------------------- */
  .company {
    margin-bottom: 100px; }
    .company .flex {
      flex-wrap: wrap;
      border: 1px solid #ccc; }
    .company .flex1, .company .flex2 {
      padding: 20px;
      font-size: 15px;
      font-size: 1.5rem;
      min-height: initial; }
    .company .flex1 {
      padding-top: 16px;
      padding-bottom: 16px;
      width: 100%;
      border-top: 1px solid #ccc;
      background-color: #f2f2f2;
      border-bottom: 1px solid #ccc; }
      .company .flex1:nth-last-child(2) {
        border-bottom: 1px solid #ccc; }
      .company .flex1:first-child {
        border-top: none; }
    .company .flex2 {
      width: calc(100%);
      border-top: none; }
      .company .flex2:last-child {
        border-bottom: none; } }