section + section {
  margin-top: 0; }

.zbg {
  background: url("../img/zeh/bg.jpg") no-repeat 0% 0%;
  background-size: cover;
  padding-bottom: 10rem; }
  .zbg .inner2 {
    padding-top: 5rem; }
  @media screen and (max-width: 768px) {
    .zbg {
      background: url("../img/zeh/bg_sp.jpg") no-repeat 0% 0%;
      background-size: cover; } }

.z-midashi {
  font-size: 2rem;
  letter-spacing: .1em;
  line-height: 1.8;
  padding-bottom: 1rem;
  border-bottom: solid 1px #274E35;
  color: #274E35; }
  .z-midashi + .lead, .z-midashi + .img {
    margin-top: 1rem; }

.z-box {
  position: relative; }
  .z-box * {
    position: relative;
    z-index: 2; }
  .z-box .green {
    z-index: 1; }
  .z-box + .z-box {
    margin-top: 5rem; }
  .z-box .lead + .img-box {
    margin-top: 3rem; }

.green {
  position: absolute; }
  .green.green1 {
    width: 28.8571428571%;
    bottom: 0;
    left: 0; }
  .green.green2 {
    width: 48.7857142857%;
    bottom: 0;
    right: 0; }
  .green.green3 {
    width: 26.6428571429%;
    top: 40%;
    right: 0; }
  .green.green4 {
    width: 40.4285714286%;
    bottom: -10%;
    left: 0; }
  .green.green5 {
    width: 41.5714285714%;
    bottom: -40%;
    right: 0; }
  .green.green6 {
    width: 32.3571428571%;
    left: 0;
    bottom: -40%; }
  .green.green7 {
    width: 27.2142857143%;
    bottom: -40%;
    right: 0; }
  @media screen and (max-width: 768px) {
    .green.green1 {
      left: auto;
      right: 0;
      transform: scale(-1, 1); }
    .green.green2 {
      display: none; }
    .green.green3 {
      overflow: hidden; }
      .green.green3 .img {
        right: -30%; }
    .green.green4 {
      left: auto;
      right: 0;
      transform: scale(-1, 1); }
    .green.green5 {
      bottom: -15%;
      left: 0;
      right: auto;
      transform: scale(-1, 1); }
    .green.green6 {
      bottom: -15%;
      left: auto;
      right: 0;
      transform: scale(-1, 1); }
    .green.green7 {
      bottom: -15%;
      left: 0;
      right: auto;
      transform: scale(-1, 1); } }

#zeh01 .l-copy + .zbg {
  margin-top: 2rem;
  padding-bottom: 5rem; }
#zeh01 .img01 {
  width: 100%;
  max-width: 1400px;
  margin: 2rem auto 0 auto; }
  #zeh01 .img01 + .inner2 {
    padding: 2rem 0 5rem 0; }

.z-box2 {
  padding-bottom: 5rem; }

.z-box5 {
  padding: 5rem 0 0 0; }
  .z-box5 .z-midashi {
    width: 90%;
    max-width: 957px;
    margin-right: auto;
    margin-left: auto; }
  .z-box5 .z-list li {
    width: 100%;
    position: relative; }
    .z-box5 .z-list li + li {
      margin-top: 5rem; }
    .z-box5 .z-list li .li-inner {
      width: 100%;
      max-width: 1400px;
      margin: 0 auto;
      position: relative; }
    .z-box5 .z-list li .txt {
      width: 90%;
      max-width: 957px;
      margin-right: auto;
      margin-left: auto;
      padding-top: 20%; }
      .z-box5 .z-list li .txt .z-komidashi, .z-box5 .z-list li .txt .lead {
        width: 45%; }
    .z-box5 .z-list li .z-komidashi {
      font-size: 1.8rem;
      line-height: 1.8; }
    .z-box5 .z-list li .lead {
      margin-top: 2rem; }
    .z-box5 .z-list li .img-box {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 48%; }
      .z-box5 .z-list li .img-box .img {
        border-radius: 20% 0 0 0;
        overflow: hidden; }
    .z-box5 .z-list li:nth-of-type(even) .txt .z-komidashi, .z-box5 .z-list li:nth-of-type(even) .txt .lead {
      margin: 0 0 0 auto; }
    .z-box5 .z-list li:nth-of-type(even) .img-box {
      right: auto;
      left: 0; }
      .z-box5 .z-list li:nth-of-type(even) .img-box .img {
        border-radius: 0 20% 0 0; }
  @media screen and (max-width: 768px) {
    .z-box5 .z-list li .txt {
      padding-top: 0; }
      .z-box5 .z-list li .txt .z-komidashi, .z-box5 .z-list li .txt .lead {
        width: 100%; }
    .z-box5 .z-list li .img-box {
      position: relative;
      bottom: auto;
      right: auto;
      width: 75%;
      max-width: 480px;
      margin: 2rem 0 0 auto; }
    .z-box5 .z-list li:nth-of-type(even) .txt .z-komidashi, .z-box5 .z-list li:nth-of-type(even) .txt .lead {
      margin: 0; }
    .z-box5 .z-list li:nth-of-type(even) .img-box {
      left: auto;
      margin: 2rem auto 0 0; } }

.z-box6 .note {
  margin-top: 2rem; }
.z-box6 .img09 {
  max-width: 618px;
  margin: 3rem auto 0; }
  .z-box6 .img09 .note {
    text-align: right;
    margin-top: .5rem; }