.sec00 {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .sec00 .img01 {
    margin-bottom: 40px; }
    @media screen and (max-width: 767px) {
      .sec00 .img01 {
        margin-bottom: 20px; } }
    .sec00 .img01 img {
      max-width: 100%;
      height: auto; }
  .sec00 .txt_area {
    width: 80%;
    max-width: 800px;
    margin: 0px auto; }
    @media screen and (max-width: 767px) {
      .sec00 .txt_area {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        box-sizing: border-box;
        padding: 0px 0px;
        margin-bottom: 40px; } }
    .sec00 .txt_area p {
      color: #017c00; }
  .sec00 .txt_point02 {
    width: 80%;
    max-width: 800px;
    padding-top: 40px; }

.sec01 {
  width: 62.5%;
  max-width: 800px;
  margin: 0px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (max-width: 767px) {
    .sec01 {
      width: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: block; } }
  .sec01 .img_area {
    width: 40%; }
    @media screen and (max-width: 767px) {
      .sec01 .img_area {
        width: 80%;
        margin: 0px auto;
        margin-bottom: 20px; } }
    .sec01 .img_area img {
      max-width: 100%;
      height: auto; }
  .sec01 .txt_area {
    width: 52.5%; }
    @media screen and (max-width: 767px) {
      .sec01 .txt_area {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 40px; } }
    .sec01 .txt_area h3 {
      margin-bottom: 10px;
      color: #743e01; }
    .sec01 .txt_area p {
      color: #743e01; }
    .sec01 .txt_area .txt01 {
      text-align: right;
      padding-top: 20px; }

.sec02 {
  width: 62.5%;
  max-width: 800px;
  margin: 0px auto; }
  @media screen and (max-width: 767px) {
    .sec02 {
      width: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: block; } }
  .sec02 .img01 {
    margin-bottom: 30px; }
    @media screen and (max-width: 767px) {
      .sec02 .img01 {
        margin-bottom: 20px; } }
  .sec02 img {
    max-width: 100%;
    height: auto; }
  .sec02 dl {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .sec02 dl dt {
      text-align: right;
      font-size: 1.4rem;
      color: #017c00;
      width: 38.75%; }
      @media screen and (max-width: 767px) {
        .sec02 dl dt {
          width: 100%;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          text-align: left;
          font-size: 1.3rem; } }
    .sec02 dl dd {
      font-size: 1.4rem;
      color: #743e01;
      width: 57.5%; }
      @media screen and (max-width: 767px) {
        .sec02 dl dd {
          width: 100%;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          font-size: 1.3rem; } }

.sec03 .frame {
  margin-bottom: 40px; }
  @media screen and (max-width: 767px) {
    .sec03 .frame {
      margin-bottom: 20px; } }
  .sec03 .frame iframe {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 400px; }
    @media screen and (max-width: 767px) {
      .sec03 .frame iframe {
        height: 300px; } }

.sec03 ul {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .sec03 ul li {
    width: 32%;
    font-size: 1.4rem;
    color: #743e01; }
    @media screen and (max-width: 767px) {
      .sec03 ul li {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 20px; } }
    @media screen and (max-width: 767px) {
      .sec03 ul li {
        font-size: 1.3rem; } }
    .sec03 ul li p {
      font-size: 1.6rem;
      color: #017c00; }
      @media screen and (max-width: 767px) {
        .sec03 ul li p {
          font-size: 1.3rem; } }

.sec04 .img_main {
  width: 80%;
  max-width: 800px;
  margin: 0px auto;
  margin-bottom: 70px; }
  @media screen and (max-width: 767px) {
    .sec04 .img_main {
      width: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin-bottom: 20px; } }
  .sec04 .img_main img {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px; }
  .sec04 .img_main figcaption {
    text-align: center; }

.sec04 .sec04_in {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .sec04 .sec04_in .sec04_in_in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .sec04 .sec04_in .sec04_in_in figure {
      width: 45%;
      margin-bottom: 40px; }
      @media screen and (max-width: 767px) {
        .sec04 .sec04_in .sec04_in_in figure {
          margin-bottom: 15px; } }
      .sec04 .sec04_in .sec04_in_in figure img {
        max-width: 100%;
        height: auto;
        margin-bottom: 10px; }
        @media screen and (max-width: 767px) {
          .sec04 .sec04_in .sec04_in_in figure img {
            margin-bottom: 5px; } }
      @media screen and (max-width: 767px) {
        .sec04 .sec04_in .sec04_in_in figure figcaption {
          font-size: 1.2rem; } }