@charset "UTF-8";
@media screen and (min-width: 768px),print {
  .h-btn01 { display: none; }
  .h-btn02 { display: none; }
  .main-title { display: none; }
  .seo_bread_list { display: none; }
  .h-logo { position: relative; z-index: 100; }
  header .h-logo img { filter: brightness(0) invert(1); }
  #lead { margin-top: -80px; margin-bottom: 100px; }
  #lead .inner .pic-01 { margin-bottom: 90px; }
  #lead .inner .pic-01 img { width: 100%; }
  #lead .inner .ttl { font-weight: 600; font-size: 38px; letter-spacing: 0.35em; line-height: 80px; text-align: center; color: #3d3d3d; margin-bottom: 59px; position: relative; left: 7px; }
  #lead .inner .s-ttl { font-weight: 600; font-size: 24px; letter-spacing: 0.2em; line-height: 52px; text-align: center; color: #3d3d3d; margin-bottom: 63px; position: relative; left: 2px; }
  #lead .inner .txt-box { margin-bottom: 60px; font-weight: 500; font-size: 16px; letter-spacing: 0.05em; line-height: 34px; text-align: center; color: #3d3d3d; }
  #lead .inner .txt-box .p-mb { margin-bottom: 34px; }
  #lead .inner .pic-02 img { width: 100%; }
  #c1 { background-image: url(../images/green/bgy-01.png); background-repeat: repeat-y; background-position: center 0; margin-bottom: 100px; padding-bottom: 92px; }
  #c1 .inner .flex { width: 1280px; margin: 0 auto; position: relative; }
  #c1 .inner .flex .box-l { width: 508px; padding-top: 83px; margin-left: 90px; }
  #c1 .inner .flex .box-l .ttl { font-weight: 600; font-size: 30px; letter-spacing: 0.2em; line-height: 59px; text-align: left; color: #3d3d3d; margin-bottom: 46px; }
  #c1 .inner .flex .box-l .s-ttl { font-weight: 600; font-size: 22px; letter-spacing: 0.2em; line-height: 43px; text-align: left; color: #3d3d3d; margin-bottom: 46px; }
  #c1 .inner .flex .box-l .txt-box { font-size: 16px; letter-spacing: 0.05em; line-height: 34px; }
  #c1 .inner .flex .box-l .txt-box .p-mb { margin-bottom: 34px; }
  #c1 .inner .flex .box-r { position: absolute; top: 70px; right: 0; }
  #c1 .inner .flex .box-r .pic-01 { margin-bottom: 8px; }
  #c1 .inner .flex .box-r .pic-02 { position: relative; }
  #c2 { margin-bottom: 90px; }
  #c2 .inner .flex { width: 1280px; margin: 0 auto; position: relative; height: 780px; }
  #c2 .inner .flex .box-l { width: 640px; margin-left: 200px; padding-top: 31px; }
  #c2 .inner .flex .box-l .t-ttl { font-weight: 600; font-size: 30px; letter-spacing: 8px; line-height: 38px; text-align: center; color: #3d3d3d; writing-mode: vertical-rl; position: absolute; top: 43px; left: 86px; }
  #c2 .inner .flex .box-l .s-ttl { font-weight: 600; font-size: 22px; letter-spacing: 0.2em; line-height: 43px; text-align: left; color: #3d3d3d; margin-bottom: 46px; }
  #c2 .inner .flex .box-l .txt-box { font-weight: 500; font-size: 16px; letter-spacing: 0.05em; line-height: 34px; text-align: left; color: #3d3d3d; }
  #c2 .inner .flex .box-l .txt-box .p-mb { margin-bottom: 34px; }
  #c2 .inner .flex .box-r { position: absolute; top: 0; right: -320px; }
  #c3 { background-color: #fff; padding-top: 90px; padding-bottom: 101px; margin-bottom: 100px; }
  #c3 .inner .flex { width: 1280px; margin: 0 auto; position: relative; }
  #c3 .inner .flex .box-l { width: 580px; margin-left: auto; }
  #c3 .inner .flex .box-l .ttl { font-weight: 600; font-size: 30px; letter-spacing: 0.2em; line-height: 59px; text-align: left; color: #3d3d3d; margin-bottom: 46px; }
  #c3 .inner .flex .box-l .s-ttl { font-weight: 600; font-size: 22px; letter-spacing: 0.2em; line-height: 43px; text-align: left; color: #3d3d3d; margin-bottom: 46px; }
  #c3 .inner .flex .box-l .txt-box { font-weight: 500; font-size: 16px; letter-spacing: 0.05em; line-height: 34px; text-align: left; color: #3d3d3d; }
  #c3 .inner .flex .box-l .txt-box .p-mb { margin-bottom: 34px; }
  #c3 .inner .flex .box-r { position: absolute; top: -13px; left: 0; }
  #c3 .inner .flex .box-r .pic-01 { margin-bottom: 8px; }
  #c3 .inner .flex .box-r .pic-02 { position: relative; }
  #c4 { margin-bottom: 80px; }
  #c4 .inner .flex { width: 1200px; margin: 0 auto; position: relative; min-height: 897px; }
  #c4 .inner .flex .box-l { width: 640px; padding-top: 15px; margin-left: 50px; }
  #c4 .inner .flex .box-l .ttl { font-weight: 600; font-size: 30px; letter-spacing: 0.2em; line-height: 59px; text-align: left; color: #3d3d3d; margin-bottom: 46px; }
  #c4 .inner .flex .box-l .s-ttl { font-weight: 600; font-size: 22px; letter-spacing: 0.2em; line-height: 43px; text-align: left; color: #3d3d3d; margin-bottom: 46px; }
  #c4 .inner .flex .box-l .txt-box { font-weight: 500; font-size: 16px; letter-spacing: 0.05em; line-height: 34px; text-align: left; color: #3d3d3d; }
  #c4 .inner .flex .box-l .txt-box .p-mb { margin-bottom: 34px; }
  #c4 .inner .flex .box-r { position: absolute; top: 0; right: -140px; }
  #c4 .inner .flex .box-r .pic-02 { position: absolute; top: 477px; right: 435px; }
  #gara { margin-top: 20px; margin-bottom: 0px; }
  #gara .inner .ttl { font-weight: 600; font-size: 32px; letter-spacing: 0.2em; line-height: 80px; text-align: center; color: #3d3d3d; margin-bottom: 27px; position: relative; left: 3px; }
  #gara .inner .s-ttl { font-weight: 600; font-size: 22px; letter-spacing: 0.2em; line-height: 43px; text-align: center; color: #3d3d3d; margin-bottom: 46px; position: relative; left: 2px; }
  #gara .inner .txt-box { font-weight: 500; font-size: 16px; letter-spacing: 0.05em; line-height: 34px; text-align: center; color: #3d3d3d; margin-bottom: 72px; }
  #gara .inner .txt-box .p-mb { margin-bottom: 34px; }
  #gara .inner .gara-pic { width: calc(100% - 60px); margin: 0 auto; }
  #gara .inner .gara-pic img { width: 100%; }
}
@media screen and (max-width: 767px) {
.main-title { display: none; }
  .seo_bread_list { display: none; }
  header .h-logo img { filter: brightness(0) invert(1); }
  #lead { margin-top: -22.464vw; }
  #lead .inner .pic-01 { margin-bottom: 9vw; }
  #lead .inner .pic-01 img { width: 100%; }
  #lead .inner .ttl { width: 84.541vw; margin: 0 auto; font-weight: 600; font-size: 9.179vw; letter-spacing: 0.35em; line-height: 19.324vw; color: #3d3d3d; margin-bottom: 7vw; position: relative; font-size: 5.797vw; letter-spacing: 0.35em; line-height: 11.111vw; }
  #lead .inner .s-ttl {width: 84.541vw;margin: 0 auto;font-weight: 600;font-size: 5.797vw;letter-spacing: 0.2em;line-height: 12.56vw;color: #3d3d3d;margin-bottom: 9.903vw;position: relative;font-size: 4.831vw;letter-spacing: 0.2em;line-height: 9.662vw;}
  #lead .inner .txt-box {width: 84.541vw;margin: 0 auto;margin-bottom: 7.729vw;font-weight: 500;font-size: 3.865vw;letter-spacing: 0.05em;line-height: 8.213vw;color: #3d3d3d;}
  #lead .inner .txt-box .p-mb { margin-bottom: 8.213vw; }
  #lead .inner .pic-02 img { width: 100%; }
  #c1 {padding: 10vw 7.729vw 9.662vw;margin-bottom: 10vw;background-color: #fff;}
  #c1 .inner .flex { width: 100%; margin: 0 auto; position: relative; display: flex; flex-wrap: wrap; }
  #c1 .inner .flex .box-l { width: 100%; padding-top: 20.048vw; margin-left: 21.739vw; }
  #c1 .inner .flex .box-l .ttl { font-weight: 600; text-align: left; color: #3d3d3d; margin-bottom: 5.556vw; font-size: 5.314vw; letter-spacing: 0.2em; line-height: 9.662vw; }
  #c1 .inner .flex .box-l .s-ttl { font-weight: 600; font-size: 5.314vw; letter-spacing: 0.2em; line-height: 10.386vw; text-align: left; color: #3d3d3d; margin-bottom: 8vw; font-size: 4.589vw; letter-spacing: 0.2em; line-height: 8.696vw; }
  #c1 .inner .flex .box-l .txt-box { font-size: 3.865vw; letter-spacing: 0.05em; line-height: 8.213vw; margin-bottom: 7.488vw; }
  #c1 .inner .flex .box-l .txt-box .p-mb { margin-bottom: 8.213vw; }
  #c1 .inner .flex .box-r { position: absolute; top: 16.908vw; right: 0; }
  #c1 .inner .flex .box-r .pic-01 { margin-bottom: 8vw; }
  #c1 .inner .flex .box-r .pic-02 { position: relative; }
  #c2 {margin-bottom: 8vw;}
  #c2 .inner .flex { width: 84.541vw; margin: 0 auto; position: relative; display: flex; flex-wrap: wrap; }
  #c2 .inner .flex .box-l { width: 100%; margin-left: 48.309vw; padding-top: 9.903vw; }
  #c2 .inner .flex .box-l .t-ttl { font-weight: 600; font-size: 7.246vw; letter-spacing: 1.932vw; line-height: 9.179vw; color: #3d3d3d; font-size: 5.314vw; letter-spacing: 0.2em; line-height: 9.662vw; margin-bottom: 5.556vw; }
  #c2 .inner .flex .box-l .s-ttl {font-weight: 600;font-size: 5.314vw;letter-spacing: 0.2em;line-height: 10.386vw;text-align: left;color: #3d3d3d;margin-bottom: 8vw;font-size: 4.589vw;letter-spacing: 0.2em;line-height: 8.696vw;}
  #c2 .inner .flex .box-l .txt-box { font-weight: 500; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 8.213vw; text-align: left; color: #3d3d3d; }
  #c2 .inner .flex .box-l .txt-box .p-mb { margin-bottom: 8.213vw; }
  #c2 .inner .flex .box-r { margin-bottom: 8vw; }
  #c3 {background-color: #fff;padding-top: 10vw;padding-bottom: 1.691vw;margin-bottom: 10vw;}
  #c3 .inner .flex { width: 84.541vw; margin: 0 auto; position: relative; display: flex; flex-wrap: wrap; }
  #c3 .inner .flex .box-l { width: 100%; margin-left: auto; }
  #c3 .inner .flex .box-l .ttl { font-weight: 600; text-align: left; color: #3d3d3d; margin-bottom: 5.556vw; font-size: 5.314vw; letter-spacing: 0.2em; line-height: 9.662vw; font-size: 5.314vw; letter-spacing: 0.2em; line-height: 9.662vw; }
  #c3 .inner .flex .box-l .s-ttl {font-weight: 600;text-align: left;color: #3d3d3d;margin-bottom: 8vw;font-size: 4.589vw;letter-spacing: 0.2em;line-height: 8.696vw;}
  #c3 .inner .flex .box-l .txt-box { font-weight: 500; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 8.213vw; text-align: left; color: #3d3d3d; margin-bottom: 6.039vw; }
  #c3 .inner .flex .box-l .txt-box .p-mb { margin-bottom: 8.213vw; }
  #c3 .inner .flex .box-r { left: 0; }
  #c3 .inner .flex .box-r .pic-01 {margin-bottom: 8vw;}
  #c3 .inner .flex .box-r .pic-02 { position: relative; }
  #c4 {margin-bottom: 18.357vw;}
  #c4 .inner .flex { width: 84.541vw; margin: 0 auto; position: relative; min-height: 216.667vw; display: flex; flex-wrap: wrap; }
  #c4 .inner .flex .box-l { width: 100%; padding-top: 3.14vw; margin-left: 12.077vw; }
  #c4 .inner .flex .box-l .ttl { font-weight: 600; text-align: left; color: #3d3d3d; margin-bottom: 5.556vw; font-size: 5.314vw; letter-spacing: 0.2em; line-height: 9.662vw; }
  #c4 .inner .flex .box-l .s-ttl {font-weight: 600;font-size: 5.314vw;letter-spacing: 0.2em;line-height: 10.386vw;text-align: left;color: #3d3d3d;margin-bottom: 8vw;font-size: 4.589vw;letter-spacing: 0.2em;line-height: 8.696vw;}
  #c4 .inner .flex .box-l .txt-box {font-weight: 500;font-size: 3.865vw;letter-spacing: 0.05em;line-height: 8.213vw;text-align: left;color: #3d3d3d;margin-bottom: 6.522vw;}
  #c4 .inner .flex .box-l .txt-box .p-mb { margin-bottom: 8.213vw; }
  #c4 .inner .flex .box-r .pic-01 { margin-bottom: 8vw; }
  #c4 .inner .flex .box-r .pic-02 { position: relative; }
  #gara {margin-top: 4.831vw;margin-bottom: 13.527vw;}
  #gara .inner .ttl {font-weight: 600;font-size: 7.729vw;letter-spacing: 0.2em;line-height: 19.324vw;text-align: center;color: #3d3d3d;margin-bottom: 6.522vw;position: relative;left: 0.483vw;font-size: 5.797vw;letter-spacing: 0.2em;line-height: 10.628vw;}
  #gara .inner .s-ttl {font-weight: 600;text-align: center;color: #3d3d3d;margin-bottom: 7.971vw;position: relative;left: 0.483vw;font-size: 4.106vw;letter-spacing: 0.2em;line-height: 7.971vw;}
  #gara .inner .txt-box {font-weight: 500;font-size: 3.865vw;letter-spacing: 0.05em;line-height: 8.213vw;text-align: center;color: #3d3d3d;margin-bottom: 7.729vw;}
  #gara .inner .txt-box .p-mb { margin-bottom: 8.213vw; }
  #gara .inner .gara-pic { margin: 0 auto; }
  #gara .inner .gara-pic img { width: 100%; }
.form-Box h2{font-size:4.831vw;letter-spacing:0.15em;line-height:9.662vw;margin-bottom:5vw;}
}