@charset "UTF-8";
/* -------------------------------------------------- */
/* 鍵カッコ */
/*--------------------------------------------------- */
/* -------------------------------------------------- */
/* html */
/*--------------------------------------------------- */
/* 変数ここまで */
/* -------------------------------------------------- */
/* business */
/*---------------------------------------------------*/
.business {
  margin-top: 90px;
  margin-bottom: 150px; }
  .business h2 {
    font-size: 38px;
    font-size: 3.8rem;
    text-align: center;
    font-weight: 700; }
  .business .ruby {
    font-size: 15px;
    font-size: 1.5rem;
    text-align: center;
    margin: 10px 0 40px; }
  .business .flex1 {
    width: 100%;
    margin-top: 150px; }
    .business .flex1:first-child {
      margin-top: 0; }
  .business .flexBox:nth-of-type(odd) .flex:nth-of-type(even), .business .flexBox:nth-of-type(even) .flex:nth-of-type(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
  .business .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 100px; }
    .business .flex .flex2 {
      width: calc(50% - 30px); }
    .business .flex h3 {
      font-size: 28px;
      font-size: 2.8rem;
      font-weight: 700;
      color: #735749;
      margin-bottom: 24px; }
      .business .flex h3:before {
        content: "";
        border-left: 3px #735749 solid;
        padding-left: 16px; }
    .business .flex p {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.7em; }
  .business img {
    max-width: 500px;
    height: 400px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover; }
  .business #no1 {
    margin-top: -80px;
    padding-top: 80px; }
  .business #no2 {
    margin-top: -280px;
    padding-top: 280px; }

/* -------------------------------------------------- */
/* レスポンシブ */
/*---------------------------------------------------*/
@media (max-width: 768px) {
  /* -------------------------------------------------- */
  /* business */
  /*---------------------------------------------------*/
  .business {
    margin-top: 90px;
    margin-bottom: 100px; }
    .business .flex {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      .business .flex .flex2 {
        width: 100%; }
        .business .flex .flex2:first-child {
          -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
          order: 2; }
        .business .flex .flex2:last-child {
          -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
          order: 1; }
    .business img {
      max-width: initial;
      height: 350px;
      margin-bottom: 30px; } }

@media (max-width: 768px) and (max-width: 480px) {
  .business {
    margin-top: 60px; }
    .business h2 {
      font-size: 26px;
      font-size: 2.6rem; }
    .business .ruby {
      font-size: 15px;
      font-size: 1.5rem;
      margin: 10px 0 30px; }
    .business .flex h3 {
      font-size: 22px;
      font-size: 2.2rem; }
    .business .flex p {
      font-size: 14px;
      font-size: 1.4rem; }
    .business img {
      height: 250px; } }