@charset "utf-8";

.lower_page_title{padding: 80px 20px 0 0; position: relative; z-index: 2;}
#lower_pageMV h1{max-width: 459px; margin-bottom: 70px;}
#lower_pageMV p{font-size: 11px;}

@media screen and (max-width:960px){
	#lower_pageMV .lower_page_title{padding: 30px 20px 0 0;}
}
@media screen and (max-width:640px){
	#lower_pageMV .lower_page_title{padding: 30px 0 0 0;}
	#lower_pageMV h1{width: 80%; margin-bottom: 15px;}
}


/* feature06_content
---------------------------------------------------------- */
#feature08_content{padding-bottom: 114px;}

.content_title{text-align: center; margin: 70px 0 140px; padding: 0 0 0;}
.content_title h2{margin: 0 auto 20px; max-width: 850px; border-bottom: #006e38 1px solid; padding: 0 0 10px 0}
.content_title:after {
  width: calc(75% + 11.5vw - 560px);
  height: calc(100% + 180px);
  top: -40px;
  left: 0;
  transform: translateX(-50vw) translateX(560px);
}

@media screen and (max-width:960px){
  .content_title:after {
    width: calc(75% + 11.5vw - 560px);
    height: calc(100% + 180px);
    top: -40px;
    left: 0;
    transform: translateX(-15px);
  }
}
@media screen and (max-width:640px){
  .content_title{margin: 70px 0 70px;}
}

.pointArea {
  max-width: 1024px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}
.pointAreaFrame {
  display: flex;
  justify-content: space-between;
}
.pointAreaFrame + .pointAreaFrame {
  margin-top: 120px;
}
.pointAreaDetail {
  width: 400px;
}
.pointAreaDetail_img {
  width: calc(100% - 400px);
  box-sizing: border-box;
}
.pointAreaDetail__mark {
  max-width: 86px;
  margin: 0 auto 10px;
}
.pointAreaDetail__title {
  font-size: 15px;
  line-height: 1.4;
  color: #FFF;
  background: #006e38;
  padding: 12px 10px 13px;
  text-align: center;
  margin-bottom: 13px;
}
.pointAreaDetail__subTitle {
  font-size: 13px;
  line-height: 1.56;
  margin-bottom: 18px;
  text-align: center;
}
.pointAreaDetailCheck {
  display: flex;
  justify-content: space-between;
}
.pointAreaDetailCheck__txtWrap {
  width: 41.25%;
  box-sizing: border-box;
  padding: 0 10px 0 0;
  align-self: center;
}
.pointAreaDetailCheck__img {
  width: 58.75%
}
.pointAreaDetailCheck__icon {
  max-width: 96px;
  margin: 0 auto 6px;
}
.pointAreaDetailCheck__txt {
  font-size: 11px;
  line-height: 1.7;
  text-align: center;
}

.pointAreaDetailFeature {
  padding: 20px 20px 20px 10px;
  border: #006e38 1px solid;
  margin-top: 20px;
}
.pointAreaDetailFeatureFrame {
  display: flex;
  align-items: center;
}
.pointAreaDetailFeature__txtWrap {
  width: calc(100% - 90px);
}
.pointAreaDetailFeature__txt {
  text-align: center;
  font-size: 13px;
  line-height: 24px;
}
.pointAreaDetailFeature__txt strong {
  font-size: 20px;
  font-weight: 400;
}
.pointAreaDetailFeature__icon {
  width: 90px;
}
.pointAreaFrame.is-01 {
}
.pointAreaFrame.is-01 .pointAreaDetail_img {
  max-width: 503px;
  padding-left: 40px;
  align-self: flex-end;
}

.pointAreaFrame.is-02 {
  flex-direction: row-reverse;
}
.pointAreaFrame.is-02:after {
  width: calc(75% + 17.5vw - 512px);
  height: 210px;
  top: -70px;
  right: 0;
  transform: translateX(50vw) translateX(-512px);
}
.pointAreaFrame.is-02 .pointAreaDetail_img {
  padding: 40px 70px 0 0;
  align-self: center;
  text-align: right;
}
.pointAreaFrame.is-02 .pointAreaDetail_img img {
  max-width: 520px;
}
.pointAreaFrame.is-03 {
}
.pointAreaFrame.is-03:after {
  width: calc(75% + 9.5vw - 512px);
  height: 235px;
  top: -30px;
  left: 0;
  transform: translateX(-50vw) translateX(512px);
}
.pointAreaFrame.is-03 .pointAreaDetail_img {
  padding: 0 0 0 40px;
  text-align: center;
}
.pointAreaFrame.is-03 .pointAreaDetail_img img {
  max-width: 513px;
}
.pointAreaFrame.is-04:after {
  width: 347px;
  height: 262px;
  top: 70px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.pointAreaFrame.is-04 .pointAreaDetail:nth-of-type(1) {
  margin-right: 20px;
}
.pointAreaFrame.is-04 .pointAreaDetail:nth-of-type(2) {
  margin-left: 20px;
}


@media screen and (max-width:960px){
  .pointAreaFrame.is-02 .pointAreaDetail_img img {
    max-width: 100%;
  }
  .pointAreaFrame.is-03 .pointAreaDetail_img img {
    max-width: 100%;
  }
  .pointAreaFrame.is-02:after {
    width: calc(75% + 17.5vw - 512px);
    height: 210px;
    top: -70px;
    right: 0;
    transform: translateX(15px);
  }
  .pointAreaFrame.is-03:after {
    width: calc(75% + 9.5vw - 512px);
    height: 235px;
    top: -30px;
    left: 0;
    transform: translateX(-15px);
  }
}
@media screen and (max-width:640px){
  .pointArea {
  }
  .pointAreaFrame {
    display: block;
  }
  .pointAreaFrame + .pointAreaFrame {
    margin-top: 70px;
  }
  .pointAreaDetail {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }
  .pointAreaDetail_img {
    width: 100%;
    max-width: 400px;
    margin-top: 20px;
  }
  .pointAreaDetail__mark {
    max-width: 86px;
    margin: 0 auto 10px;
  }
  .pointAreaDetail__title {
    font-size: 15px;
    line-height: 1.4;
    padding: 12px 10px 13px;
    margin-bottom: 13px;
  }
  .pointAreaDetail__subTitle {
    font-size: 13px;
    line-height: 1.56;
    margin-bottom: 18px;
  }
  .pointAreaDetailCheck {
  }
  .pointAreaDetailCheck__txtWrap {
    width: 41.25%;
    padding: 0 10px 0 0;
  }
  .pointAreaDetailCheck__img {
    width: 58.75%
  }
  .pointAreaDetailCheck__icon {
    max-width: 86px;
    margin: 0 auto 6px;
  }
  .pointAreaDetailCheck__txt {
    font-size: 11px;
    line-height: 1.7;
  }

  .pointAreaDetailFeature {
    padding: 15px 15px 15px 10px;
    margin-top: 15px;
  }
  .pointAreaDetailFeatureFrame {
  }
  .pointAreaDetailFeature__txtWrap {
    width: calc(100% - 70px);
  }
  .pointAreaDetailFeature__txt {
    font-size: 12px;
    line-height: 24px;
  }
  .pointAreaDetailFeature__txt strong {
    font-size: 18px;
  }
  .pointAreaDetailFeature__icon {
    width: 70px;
  }
  .pointAreaFrame.is-01 {
  }
  .pointAreaFrame.is-01 .pointAreaDetail_img {
    padding-left: 0px;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .pointAreaFrame.is-02 {
  }
  .pointAreaFrame.is-02:after {
    width: 20vw;
    height: 210px;
    top: -70px;
    right: 0;
    transform: translateX(15px);
  }
  .pointAreaFrame.is-02 .pointAreaDetail_img {
    padding: 0 0 0 0;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .pointAreaFrame.is-02 .pointAreaDetail_img img {
    max-width: 100%;
  }
  .pointAreaFrame.is-03 {
  }
  .pointAreaFrame.is-03:after {
    width: 20vw;
    height: 235px;
    top: -30px;
    left: 0;
    transform: translateX(-15px);
  }
  .pointAreaFrame.is-03 .pointAreaDetail_img {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .pointAreaFrame.is-03 .pointAreaDetail_img img {
    max-width: 100%;
  }
  .pointAreaFrame.is-04:after {
    width: 247px;
    height: 162px;
    top: 45%;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
  }
  .pointAreaFrame.is-04 .pointAreaDetail:nth-of-type(1) {
    margin-right: 0;
  }
  .pointAreaFrame.is-04 .pointAreaDetail:nth-of-type(2) {
    margin-left: 0;
    margin-top: 70px;
  }
}


#feature08_banner {
  background: #d9e9e1;
  padding: 80px 0;
  text-align: center;
  margin-bottom: 100px;
}

@media screen and (max-width:640px){
  #feature08_banner {
    padding: 20px 0;
    margin-bottom: 70px;
  }
}