@charset "UTF-8";

html {
  font-size: 62.5%;
}

/* sp */
/* p {
  font-size: 1.4rem;
}

h2 {
  font-size: 1.9rem;
}

h3 {
  font-size: 1.6rem;
} */


body {
  background-color: #ffffff;
  background-image: url("https://www.transparenttextures.com/patterns/absurdity.png");
}

/* sec01 */
.container01 {
  width: 100%;
  height: 45vw;
  position: relative;
  background-image: url(../images/conduct/06_MV.jpg);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}

/* .txt__top1 {
  position: absolute;
  top: 50%;
  left: 7%;
  font-weight: 700;
  letter-spacing: 0.2em;
  line-height: 1.4;
  color: var(--color-white);
  z-index: 2;
}

.txt__top2 {
  position: absolute;
  top: 60%;
  left: 7%;
  letter-spacing: 0.2em;
  line-height: 1.4;
  color: var(--color-white);
  z-index: 2;
} */

/* .sec01__link {
  display: none;
} */

/* sec02 */
#sec02 {
  margin-top: min(15vw, 200px);
  /* margin-bottom: 4.5vw; */
  margin-bottom: min(11.5vw, 130px);
  line-height: 2;
}

/* sec03 */
/* #sec03 .contents {
  padding-bottom: 8vw;
} */

.headline {
  position: relative;
  padding-left: 22px;
  margin-bottom: var(--header-margin-bottom);
}

.headline::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 7px;
  height: 100%;
  background-color: #00817a;
}

.table-box {
  padding: 2rem 0;
  border-top: 1px solid var(--color-main);
  display: flex;
  line-height: 2;
}

.table-box .inner_box  {
  flex-grow: 1;
  padding-left: 15px;
}

.table-box p:first-of-type{
  flex-shrink: 0;
}

.table-box:last-of-type {
  border-bottom: 1px solid var(--color-main);
}

.table-box h3 {
  color: var(--color-main);
  margin-bottom: 1rem;
  font-size: 1.6rem;
  line-height: 1.7;
}

/* .table-box p {
  width: 87vw;
  margin: 0 0 0 auto;
  line-height: 2;
} */



/* pc */
@media screen and (min-width: 999.8px) {
  h2 {
    font-size: 3.5rem;
  }

  h3 {
    font-size: 2.6rem;
  }

  /* sec01 */
  .container01 {
    width: 100%;
    height: 27vw;
    position: relative;
    background-image: url(../images/conduct/06_MV.jpg);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
  }

  /* .sec01__link {
    display: block;
    padding: 15px 21% 0;
    font-size: 1.2rem;
    font-weight: 500;
  } */

  /* sec02 */
  #sec02 {
    margin-top: 0;
    /* margin-bottom: 0; */
    line-height: 2.8;
  }

    /* sec03 */
  #sec03 .contents {
    padding-top: 0;
  }

  #sec03 .contents h2 {
    margin-bottom: var(--header-margin-bottom);
  }

  .table-box {
    padding: 48px 42px;
    border-top: 1px solid var(--color-main);
  }

  .table-box:last-of-type {
    border-bottom: 1px solid var(--color-main);
  }

  .table-box h3 {
    color: var(--color-main);
    margin-bottom: 20px;
    font-size: 2rem;
    line-height: 1.7;
  }

  .table-box p {
    /* width: 95%; */
    margin: 0 auto;
  }

}