@charset "UTF-8";
/*
  /rakurakucloud/seisan/base/css/layout/l-common.css
  コンテンツ幅、全体レイアウト系を定義
*/
.l-common-main {
  padding: 105px 0 0 0;
  @media screen and (max-width: 840px) {
    padding: 50px 0 0 0;
  }
}
.l-common-section {
  padding: 100px 0;
  @media screen and (max-width: 840px) {
    padding: 50px 0;
  }
}
.l-common-section__inner {
  position: relative;
  max-width: var(--contents-width-1100px);
  margin: 0 auto;
  @media screen and (max-width: 1024px) {
    padding: 0 20px;
    max-width: 100%;
  }
}
/* 背景を上に伸ばすcss */
.l-common-section--spacing {
  padding: 130px 0 70px;
  margin: -100px 0 0;
  @media screen and (max-width: 1024px) {
    padding: 100px 0 70px;
    margin: -90px 0 0;
  }
  @media screen and (max-width: 840px) {
    padding: 100px 0 60px;
    margin: -95px 0 0;
  }
  @media screen and (max-width: 600px) {
    padding: 80px 0 60px;
    margin: 45px 0 0;
  }
}

/* 2カラムレイアウト */
.l-common-2column {
  display: flex;
  flex-wrap: wrap;
}

.l-common-2column-main {
  width: calc(100% - 250px);
  padding: 0 60px 0 0;
  box-sizing: border-box;
  @media screen and (max-width: 768px) {
    width: 100%;
    margin: 0 0 40px;
    padding: 0;
  }
}

.l-common-2column-side {
  width: 250px;
  @media screen and (max-width: 768px) {
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
  }
}