@import url(normalize.css);
/*-------------
 mv
-------------*/
.company-mv {
  background-image: url(../img/itoden_top_pc_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  padding-top: 160px;
  padding-bottom: 40px;
  position: relative; }
  .company-mv .page-content .company-mv-text {
    margin-top: 120px; }
    .company-mv .page-content .company-mv-text .company {
      width: 300px;
      font-size: 3.2rem;
      letter-spacing: 0.2em;
      font-weight: 600;
      text-align: center;
      color: #fff;
      background-color: #2ea965;
      padding: 10px;
      margin: 0 auto; }
    .company-mv .page-content .company-mv-text .company-title {
      font-size: 4.8rem;
      font-weight: bold;
      color: #333;
      text-shadow: 0 0 10px #fff;
      text-align: center;
      margin-top: 30px;
      margin-bottom: 100px;
      font-family: 'Raleway', sans-serif; }

/*-------------
 company-con-01
-------------*/
.company-con-01 {
  background-color: #fff;
  background-repeat: no-repeat;
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative; }
  .company-con-01 .page-content .company-con-01-title {
    width: 100%;
    font-size: 3.0rem;
    letter-spacing: 0.1em;
    font-weight: 600;
    text-align: center;
    color: #2ea965;
    background-color: #e6f5ec;
    padding: 10px 0;
    margin: 0 auto; }
  .company-con-01 .page-content img {
    margin-top: 40px; }

/*-------------
 company-con-02
-------------*/
.company-con-02 {
  background-color: #fff;
  background-repeat: no-repeat;
  padding-top: 20px;
  padding-bottom: 60px;
  position: relative; }
  .company-con-02 .page-content .company-con-02-title {
    width: 100%;
    font-size: 3.0rem;
    letter-spacing: 0.1em;
    font-weight: 600;
    text-align: center;
    color: #2ea965;
    background-color: #e6f5ec;
    padding: 10px 0;
    margin: 0 auto; }
  .company-con-02 .page-content .company-con-02-info {
    margin-top: 40px;
    display: flex;
    justify-content: space-between; }
    .company-con-02 .page-content .company-con-02-info .company-con-02-img img {
      width: 460px;
      height: auto; }
    .company-con-02 .page-content .company-con-02-info .text {
      width: 700px;
      text-align: left;
      font-size: 1.6rem;
      line-height: 2.0; }
  .company-con-02 .page-content .info_table {
    width: 900px;
    border-collapse: collapse;
    margin: 40px auto 0 auto; }
    .company-con-02 .page-content .info_table th, .company-con-02 .page-content .info_table td {
      padding: 20px;
      border: 1px solid #fff;
      vertical-align: top; }
    .company-con-02 .page-content .info_table th {
      font-size: 2.0rem;
      text-align: center;
      letter-spacing: palt;
      vertical-align: middle;
      background-color: #2ea965;
      color: #fff;
      width: 200px;
      white-space: nowrap; }
    .company-con-02 .page-content .info_table td {
      font-size: 2.0rem;
      text-align: left;
      letter-spacing: palt;
      vertical-align: middle;
      color: #333;
      background-color: #f7f7f7; }
  .company-con-02 .page-content .about-link {
    margin-top: 40px; }
    .company-con-02 .page-content .about-link .outline-button {
      display: inline-block;
      padding: 16px 30px;
      border: 2px solid #f07c00;
      color: #f07c00;
      font-weight: bold;
      font-size: 1.8rem;
      text-decoration: none;
      background-color: #fff;
      transition: all 0.3s ease;
      text-align: center; }
      .company-con-02 .page-content .about-link .outline-button:hover {
        background-color: #f07c00;
        color: #fff; }

/*-------------
 company-con-03
-------------*/
.company-con-03 {
  background-color: #fff;
  background-repeat: no-repeat;
  padding-top: 20px;
  padding-bottom: 60px;
  position: relative; }
  .company-con-03 .page-content .company-con-03-title {
    width: 100%;
    font-size: 3.0rem;
    letter-spacing: 0.1em;
    font-weight: 600;
    text-align: center;
    color: #2ea965;
    background-color: #e6f5ec;
    padding: 10px 0;
    margin: 0 auto; }
  .company-con-03 .page-content .company-con-03-message {
    margin-top: 40px;
    display: flex;
    justify-content: space-between; }
    .company-con-03 .page-content .company-con-03-message .company-con-03-img img {
      width: 460px;
      height: auto; }
    .company-con-03 .page-content .company-con-03-message .text {
      width: 700px;
      text-align: left;
      font-size: 1.6rem;
      line-height: 2.0; }
  .company-con-03 .page-content .about-link {
    margin-top: 40px; }
    .company-con-03 .page-content .about-link .outline-button {
      display: inline-block;
      padding: 16px 30px;
      border: 2px solid #f07c00;
      color: #f07c00;
      font-weight: bold;
      font-size: 1.8rem;
      text-decoration: none;
      background-color: #fff;
      transition: all 0.3s ease;
      text-align: center; }
      .company-con-03 .page-content .about-link .outline-button:hover {
        background-color: #f07c00;
        color: #fff; }

/*-------------
 company-con-04
-------------*/
.company-con-04 {
  background-color: #fff;
  background-repeat: no-repeat;
  padding-top: 20px;
  padding-bottom: 60px;
  position: relative; }
  .company-con-04 .page-content .company-con-04-title {
    width: 100%;
    font-size: 3.0rem;
    letter-spacing: 0.1em;
    font-weight: 600;
    text-align: center;
    color: #2ea965;
    background-color: #e6f5ec;
    padding: 10px 0;
    margin: 0 auto; }
  .company-con-04 .page-content .office_wrapper {
    width: 1000px;
    display: flex;
    margin: 80px auto;
    justify-content: space-between; }
    .company-con-04 .page-content .office_wrapper .office_box {
      width: 480px; }
      .company-con-04 .page-content .office_wrapper .office_box .info_box {
        width: 380px;
        background-color: #fff;
        border: 2px solid #2ea965;
        color: #2ea965;
        font-weight: bold;
        padding: 10px 40px;
        box-shadow: 3px 3px 0 #2ea965;
        font-size: 2.6rem;
        display: inline-block;
        border-radius: 0;
        margin: 0 auto;
        text-align: center; }
      .company-con-04 .page-content .office_wrapper .office_box .office_table {
        margin-top: 30px;
        margin-bottom: 30px; }
        .company-con-04 .page-content .office_wrapper .office_box .office_table th, .company-con-04 .page-content .office_wrapper .office_box .office_table td {
          padding: 12px;
          border: 1px solid #fff;
          vertical-align: top; }
        .company-con-04 .page-content .office_wrapper .office_box .office_table th {
          letter-spacing: palt;
          font-size: 1.8rem;
          text-align: center;
          vertical-align: middle;
          background-color: #2ea965;
          color: #fff;
          width: 80px;
          white-space: nowrap; }
        .company-con-04 .page-content .office_wrapper .office_box .office_table td {
          width: 480px;
          font-size: 1.8rem;
          letter-spacing: palt;
          text-align: left;
          vertical-align: middle;
          color: #333;
          background-color: #f7f7f7; }

/*# sourceMappingURL=company.css.map */