.main_area {
  margin-left: 120px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .main_area {
    margin-left: 0px;
  }
}

.main_area .main_area_txt {
  width: 500px;
  position: relative;
  z-index: 1;
  margin-top: -90px;
}

@media screen and (max-width: 767px) {
  .main_area .main_area_txt {
    width: 100%;
    margin-top: 0;
    padding: 20px 20px 36px;
  }
}

.main_area .main_area_txt h2 {
  font-size: 8.2rem;
  margin-bottom: 0.6em;
}

@media screen and (max-width: 767px) {
  .main_area .main_area_txt h2 {
    font-size: 10vw;
    text-align: center;
  }
}

.main_area .main_area_txt p {
  font-size: 1.8rem;
  line-height: 2.2;
  margin-left: 20px;
}

@media screen and (max-width: 767px) {
  .main_area .main_area_txt p {
    text-align: center;
    font-size: 1.3rem;
    margin-left: 0;
  }
}

.main_area .main_area_bg {
  width: -webkit-calc(100% - 250px);
  width: calc(100% - 250px);
  margin-left: -250px;
  height: 67vh;
  min-height: 620px;
  position: relative;
  z-index: 0;
}

@media screen and (max-width: 767px) {
  .main_area .main_area_bg {
    width: 100%;
    height: 40vh;
    margin-left: 0;
    min-height: auto;
  }
}

.section_kodawari {
  margin: 90px 0;
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.section_kodawari .img_section_block {
  width: 64.05564%;
  position: relative;
  z-index: 0;
}

@media screen and (max-width: 767px) {
  .section_kodawari .img_section_block {
    width: 84%;
  }
}

.section_kodawari .section_block_inr {
  width: 40%;
  margin-top: 15%;
  box-shadow: 5px 5px #ebf3eb;
  margin-left: -10%;
}

@media screen and (max-width: 767px) {
  .section_kodawari .section_block_inr {
    width: 86%;
    margin-left: -70%;
    margin-top: 43%;
  }
}

.section_kodawari .section_block_inr .inner {
  background: #fff;
  height: 100%;
  position: relative;
  z-index: 1;
  padding: 100px 50px 100px 100px;
}

@media screen and (max-width: 767px) {
  .section_kodawari .section_block_inr .inner {
    padding: 25px;
  }
}

.section_kodawari .section_block_inr .inner h3 {
  font-size: 3.2rem;
  letter-spacing: 0.4rem;
}

@media screen and (max-width: 767px) {
  .section_kodawari .section_block_inr .inner h3 {
    font-size: 1.9rem;
  }
}

.section_kodawari .section_block_inr .inner h3:after {
  content: '';
  display: block;
  width: 10%;
  height: 1px;
  margin: 20px 0 35px;
  background: #0C2E1C;
}

.section_kodawari .section_block_inr .inner h3 span {
  display: block;
  font-size: 1.2rem;
  margin-top: 12px;
  letter-spacing: 0.1rem;
}

@media screen and (max-width: 767px) {
  .section_kodawari .section_block_inr .inner h3 span {
    font-size: 1rem;
  }
}

.section_kodawari .section_block_inr .inner .jp {
  letter-spacing: 0.3rem;
  margin-bottom: 1em;
}

.section_kodawari .section_block_inr .inner .btn_more {
  margin-top: 60px;
}

@media screen and (max-width: 767px) {
  .section_kodawari .section_block_inr .inner .btn_more {
    margin-top: 26px;
  }
}

.section_kodawari .section_block_inr .inner .btn_more a:hover {
  background: #175635;
}

.btn_area {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.btn_area .block {
  width: 50%;
}

@media screen and (max-width: 767px) {
  .btn_area .block {
    width: 100%;
  }
}

.btn_area .block a {
  display: block;
  position: relative;
  color: #ffffff;
  height: 460px;
}

.btn_area .block a:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(7, 27, 16, 0.4);
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.btn_area .block a:hover:after {
  background: rgba(7, 27, 16, 0.7);
}

@media screen and (max-width: 767px) {
  .btn_area .block a {
    height: 34vh;
  }
}

.btn_area .block a img {
  width: 100%;
}

.btn_area .block a p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  z-index: 2;
  width: 100%;
  text-align: center;
  font-size: 3.2rem;
  letter-spacing: 0.4em;
}

@media screen and (max-width: 767px) {
  .btn_area .block a p {
    font-size: 2rem;
  }
}

.btn_area .block a p span {
  display: block;
  font-size: 1.4rem;
  letter-spacing: 0.2em;
}

@media screen and (max-width: 767px) {
  .btn_area .block a p span {
    font-size: 1.2rem;
  }
}

.btn_area .block.bg_features {
  background: url("../images/top/bg_features.jpg") center no-repeat;
  background-size: cover;
}

.btn_area .block.bg_products {
  background: url("../images/top/bg_products.jpg") center no-repeat;
  background-size: cover;
}

.btn_area .block.bg_company {
  background: url("../images/top/bg_company.jpg") center no-repeat;
  background-size: cover;
}

.btn_area .block.bg_contact {
  background: url("../images/top/bg_contact.jpg") center no-repeat;
  background-size: cover;
}