/*! Writen  by SCSS */
.inner_main .main_bg {
  background-image: url("/bunjyo/kobemizukidai/img/landplan/main.jpg"); }
  @media screen and (max-width: 480px) {
    .inner_main .main_bg {
      background-image: url("/bunjyo/kobemizukidai/img/landplan/main_sp.jpg"); } }
.inner_main .main_txt {
  width: calc(456%/16);
  left: calc(160%/16); }
  @media screen and (max-width: 480px) {
    .inner_main .main_txt {
      width: calc(183%/3.75);
      left: calc(40%/3.75); } }

@media screen and (max-width: 768px) {
  .fast_ttl {
    width: calc(100% - 40px);
    margin-bottom: 35px; } }
@media screen and (max-width: 375px) {
  .fast_ttl .sec_read {
    letter-spacing: 0; } }

.sec_read_min {
  color: #221815;
  font-feature-settings: "palt";
  letter-spacing: 0.2em;
  font-size: clamp(14px, 1.71vw, 22px);
  line-height: 1.9; }
  @media screen and (max-width: 768px) {
    .sec_read_min {
      font-size: clamp(14px, 2.86vw, 22px);
      line-height: 1.75;
      letter-spacing: 0.04em; } }

.sec01 {
  margin-bottom: 90px; }
  @media screen and (max-width: 480px) {
    .sec01 {
      margin-bottom: 20px; } }

.sec02 {
  margin-bottom: 90px; }
  @media screen and (max-width: 1000px) {
    .sec02 {
      margin-bottom: 40px; } }
  @media screen and (max-width: 480px) {
    .sec02 {
      margin-bottom: 15px; } }

.sec03 {
  margin-bottom: 80px; }
  @media screen and (max-width: 1000px) {
    .sec03 {
      margin-bottom: 40px; } }
  @media screen and (max-width: 480px) {
    .sec03 {
      margin-bottom: 20px; } }

.sec01 .img001 {
  max-width: 910px;
  margin: 0 auto;
  position: relative; }
  .sec01 .img001 .logo_oobayashi {
    width: calc(270%/9.1);
    margin: 0 auto;
    position: absolute;
    top: calc(220%/5.88);
    right: 10px; }
    @media screen and (max-width: 768px) {
      .sec01 .img001 .logo_oobayashi {
        top: calc(420%/7.54);
        width: calc(170%/4.8);
        right: calc(30%/4.8); } }
    .sec01 .img001 .logo_oobayashi a {
      display: block; }
    .sec01 .img001 .logo_oobayashi img {
      width: 100%; }

.sec02 .sec_read_min {
  margin-bottom: 40px; }
  @media screen and (max-width: 1000px) {
    .sec02 .sec_read_min {
      margin-bottom: 25px; } }
  @media screen and (max-width: 375px) {
    .sec02 .sec_read_min {
      letter-spacing: 0.02em; } }
.sec02 .item01 {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 1000px) {
    .sec02 .item01 {
      flex-direction: column; } }
  @media screen and (max-width: 1000px) {
    .sec02 .item01._01 .txts {
      margin-left: calc(50%/3.35); } }
  .sec02 .item01._02 {
    flex-direction: row-reverse;
    margin-top: 60px;
    position: relative; }
    @media screen and (max-width: 600px) {
      .sec02 .item01._02 {
        margin-top: 20px; } }
    @media screen and (max-width: 1000px) {
      .sec02 .item01._02 .txts {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2; } }
    @media screen and (max-width: 1000px) {
      .sec02 .item01._02 .txts .txt1 {
        text-align: right; } }
    .sec02 .item01._02 .txts .txt1 .min {
      margin: 0.3em 0 0; }
    @media screen and (max-width: 1000px) {
      .sec02 .item01._02 .txts .txt2 {
        width: calc(109% / 3.55);
        margin-left: auto;
        text-align: justify;
        letter-spacing: 0.05em; } }
    @media screen and (max-width: 600px) {
      .sec02 .item01._02 .txts .txt2 {
        width: calc(122% / 3.35);
        letter-spacing: 0.08em;
        font-feature-settings: "palt"; } }
    .sec02 .item01._02 .imgs {
      margin-right: auto;
      margin-left: 0; }
  .sec02 .item01 .imgs {
    width: calc(600%/10); }
    .sec02 .item01 .imgs.img002 {
      max-width: 600px;
      width: calc(238%/3.35);
      margin-left: auto; }
      @media screen and (max-width: 600px) {
        .sec02 .item01 .imgs.img002 .cap span {
          right: calc(11%/2.38);
          bottom: calc(10%/1.6);
          font-size: 9px;
          letter-spacing: 0; } }
    .sec02 .item01 .imgs.img003 {
      max-width: 600px;
      width: calc(209%/3.35);
      margin: 0;
      margin-right: auto; }
      @media screen and (max-width: 600px) {
        .sec02 .item01 .imgs.img003 .cap span {
          right: calc(14%/2.38);
          bottom: -1.5em;
          font-size: 9px;
          letter-spacing: 0; } }
  .sec02 .item01 .txt1 {
    color: #22ac38; }
    .sec02 .item01 .txt1 span {
      display: block;
      line-height: 1;
      font-feature-settings: "palt"; }
    .sec02 .item01 .txt1 .min {
      font-size: clamp(9px, 1.56vw, 20px);
      margin: 0 0 0.3em;
      letter-spacing: 0.11em; }
    .sec02 .item01 .txt1 .big {
      font-size: clamp(15px, 2.73vw, 35px);
      letter-spacing: 0.04em; }
  .sec02 .item01 .txt2 {
    font-size: clamp(9px, 1.4vw, 18px);
    margin-top: 0.6em;
    letter-spacing: 0.1em; }

@media screen and (max-width: 1000px) {
  .sec03 .inner_1280 {
    display: flex;
    flex-direction: column-reverse; } }
.sec03 .sec_read_min {
  margin-bottom: 30px; }
  @media screen and (max-width: 1000px) {
    .sec03 .sec_read_min {
      margin-bottom: 0; } }
@media screen and (max-width: 1000px) {
  .sec03 figure {
    margin-bottom: 10px; } }

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