/* -------------------------------------------------------

 Featured

------------------------------------------------------- */

/* 共通項目
------------------------------------------------------- */

main {
    text-align: left;
}

main p {
    margin-bottom: 20px;
    font-size: 1.7rem;
    line-height: 2.0;
    color: #222;
}

@media all and (max-width: 767px) {
  main p  {
    font-size: 1.5rem;
  }
}

main ul {
    margin: -15px 0 15px;
}
main li {
    margin: 0 0 10px;
    line-height: 1.0;
    font-size: 1.6rem;
    font-weight: bold;
}
main li:before {
    display: inline-block;
    content: "・";
    padding-right: 5px;
}



/* secTtl
------------------------------------------------------- */
h2.secTtl {
  font-size: 2.5rem;
  line-height: 1.6;
  font-weight: bold;
  color: #00783c;
  position: relative;
  margin-bottom: 40px;
  padding-bottom: 15px;
}

@media all and (max-width: 767px) {
  h2.secTtl {
    font-size: 4.2vw;
    text-align: center;
    margin-bottom: 20px;
  }
}

h2.secTtl:before {
  content: "";
  height: 4px;
  width: 380px;
  background: #a8d3b8;
  position: absolute;
  bottom: 0;
  left: 0;
}

@media all and (max-width: 767px) {
  h2.secTtl:before {
    width: 100%;
  }
}

h2.secTtl:after {
  content: "";
  height: 4px;
  width: 120px;
  background: #00783c;
  position: absolute;
  bottom: 0;
  left: 0;
}

@media all and (max-width: 767px) {
  h2.secTtl:after {
    width: 80px;
  }
}

h3.secTtl {
    margin: 0 0 20px;
    font-size: 2.0rem;
    line-height: 1.6;
    text-indent: -0.65em;
    margin-left: 1em;
}
@media all and (max-width: 767px) {
  h3.secTtl  {
    font-size: 1.8rem;
  }
}

h3.secTtl:before {
    display: inline-block;
    content: "■";
    padding-right: 5px;
    color: #00783c;
}

h3.secTtl_num {
    font-size: 2.0rem;
    margin: 0 0 20px;
    color: #00783c;
}
h3.secTtl_num span {
    display: inline-block;
    padding-right: 5px;
}


/* secFeaturedTtl
------------------------------------------------------- */
.secFeaturedTtl {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 180px;
}

@media all and (max-width: 767px) {
  .secFeaturedTtl {
    margin: 0;
  }
}

.secFeaturedTtl .ttl_Featured {
    text-align: center;
    margin: 60px 0 0;
    font-size: 9.0rem;
    font-family: "Allura", cursive;
    font-weight: 400;
    font-style: normal;
    line-height: 100%;
}
@media all and (max-width: 767px) {
    .secFeaturedTtl .ttl_Featured {
        font-size: 6.5rem;
    }
}

.secFeaturedTtl .ttl_FeaturedTxt {
    text-align: center;
    color: #000;
    font-size: 2.5rem;
    line-height: 1.8;
    margin-bottom: 50px;
    padding-bottom: 20px;
    position: relative;
}
.secFeaturedTtl .ttl_FeaturedTxt span{
    color: #00783c;
    font-size: 5.0rem;
    padding-right: 30px;
    font-family: "Allura", cursive;
    font-weight: 400;
    font-style: normal;
}
@media all and (max-width: 767px) {
    .secFeaturedTtl .ttl_FeaturedTxt span {
        font-size: 4.0rem;
    }
}


.secFeaturedTtl .ttl_FeaturedTxt::after {
  content: "";
  height: 6px;
  width: 180px;
  position: absolute;
  background: #000;
  bottom: 0;
  left: 50%;
  transform: translateX(-90px);
}
@media all and (max-width: 767px) {
  .secFeaturedTtl .ttl_FeaturedTxt::after {
      height: 3px;
  }
}

@media all and (max-width: 767px) {
  .secFeatured {
    padding: 0 10px;
  }
}

/* secFeatured01
------------------------------------------------------- */
.secFeatured01 {
  margin-bottom: 50px;
}

@media all and (max-width: 767px) {
  .secFeatured01 {
    padding: 0 15px;
    background: none !important;
    margin-bottom: 50px;
  }
}

.secFeatured01 .secFeatured01_Inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.secFeatured01 .secFeatured01_Inner .secFeatured01_Box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media all and (max-width: 767px) {
  .secFeatured01 .secFeatured01_Inner .secFeatured01_Box {
    flex-wrap: wrap;
  }
}

.secFeatured01 .secFeatured01_Inner .secFeatured01_Box .secFeatured01L {
  width: 52%;
    padding-bottom:40px;
}

@media all and (max-width: 767px) {
  .secFeatured01 .secFeatured01_Inner .secFeatured01_Box .secFeatured01L {
        width: 100%;
        text-align: center;
        margin-top: -60px;
        z-index: 99;
        padding: 0;
    }
}

.secFeatured01 .secFeatured01_Inner .secFeatured01_Box .secFeatured01L h2 {
    padding: 25px;
    display: inline-block;
    color: #fff;
    background: #00783c;
    font-size: 4.5rem;
    margin-bottom: 50px;
    font-weight: normal;
    line-height: 120%;
}

@media all and (max-width: 767px) {
  .secFeatured01 .secFeatured01_Inner .secFeatured01_Box .secFeatured01L h2 {
        line-height: 1.6;
        font-size: 5.5vw;
        width: 80%;
        text-align: center;
        margin-bottom: 0;
  }
}

.secFeatured01 .secFeatured01_Inner .secFeatured01_Box .secFeatured01L h2 span {
  font-size: 3rem;
}

@media all and (max-width: 767px) {
  .secFeatured01 .secFeatured01_Inner .secFeatured01_Box .secFeatured01L h2 span {
        font-size: 4.0vw;
  }
}

.secFeatured01 .secFeatured01_Inner .secFeatured01_Box .secFeatured01L h3 {
    font-weight: bold;
    font-size: 2.2rem;
    line-height: 1.8;
    margin-bottom: 50px;
}

@media all and (max-width: 767px) {
  .secFeatured01 .secFeatured01_Inner .secFeatured01_Box .secFeatured01L h3 {
        font-size: 4.0vw;
        margin: 25px;
        border-bottom: 1px solid #DDD;
        padding-bottom: 30px;
        text-align: left;
    }
}

.secFeatured01 .secFeatured01_Inner .secFeatured01_Box .secFeatured01L .secFeatured01Name {
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 1.5
}

@media all and (max-width: 767px) {
  .secFeatured01 .secFeatured01_Inner .secFeatured01_Box .secFeatured01L .secFeatured01Name {
        text-align: left;
        font-size: 3.5vw;
        margin: 0 20px 10px;
  }
}

.secFeatured01 .secFeatured01_Inner .secFeatured01_Box .secFeatured01L p {
    font-size: 1.45rem;
}
@media all and (max-width: 767px) {
    .secFeatured01 .secFeatured01_Inner .secFeatured01_Box .secFeatured01L p {
        font-size: 3.0vw;
        text-align: left;
        margin: 0 20px 10px;
        line-height: 1.8;
    }
}


.secFeatured01 .secFeatured01_Inner .secFeatured01_Box .secFeatured01R {
    width: 48%;
    -webkit-order: 1;
    order: 1;
}

@media all and (max-width: 767px) {
  .secFeatured01 .secFeatured01_Inner .secFeatured01_Box .secFeatured01R {
    width: 100%;
    -webkit-order: -1;
    order: -1;
  }
}

.secFeatured01 .secFeatured01_Inner .secFeatured01_Box .secFeatured01R img {
  width: 100%;
  max-width: 580px;
  transform: translate(40px, -80px);
}

@media all and (max-width: 767px) {
  .secFeatured01 .secFeatured01_Inner .secFeatured01_Box .secFeatured01R img {
    transform: translate(0, 0);
  }
}

/* secFeatured02
------------------------------------------------------- */
.secFeatured02 {
  background-size: cover !important;
  margin-bottom: 50px;
}

@media all and (max-width: 767px) {
  .secFeatured02 {
    padding: 0 15px;
    margin-bottom: 50px;
  }
}

.secFeatured02 .secFeatured02_Inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 80px 0;
}

@media all and (max-width: 767px) {
  .secFeatured02 .secFeatured02_Inner {
        background: rgba(255, 255, 255, 0.85);
        padding: 0;
  }
}

.secFeatured02 .secFeatured02_Inner .secFeatured02_Box {
  margin-bottom: 50px;
}

@media all and (max-width: 767px) {
  .secFeatured02 .secFeatured02_Inner .secFeatured02_Box {
    padding: 15px;
    margin-bottom: 15px;
  }
}

@media all and (max-width: 767px) {
  .secFeatured02 .secFeatured02_Inner .secFeatured02_Box:nth-child(even) {
  }
}

.secFeatured02 .secFeatured02_Inner .secFeatured02_Box p {
    margin-bottom:30px;
}

@media all and (max-width: 767px) {
  .secFeatured02 .secFeatured02_Inner .secFeatured02_Box p {
        margin-bottom:15px;
  }
}

.secFeatured02 .secFeatured02_Inner .secFeatured02_Box p span {
  font-size: 1.4rem;
  color: #646464;
}

@media all and (max-width: 767px) {
  .secFeatured02 .secFeatured02_Inner .secFeatured02_Box p span {
    font-size: 1.2rem;
  }
}

/* secFeatured_L
------------------------------------------------------- */
.secFeatured_L {
  margin-bottom: 50px;
  padding: 80px 0;
}

@media all and (max-width: 767px) {
  .secFeatured_L {
    padding: 0 15px;
    background: none !important;
    margin-bottom: 50px;
  }
}

.secFeatured_L .secFeatured_L_Inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.secFeatured_L .secFeatured_L_Inner .secFeatured_L_Box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media all and (max-width: 767px) {
  .secFeatured_L .secFeatured_L_Inner .secFeatured_L_Box {
    flex-wrap: wrap;
    padding: 15px;
    margin-bottom: 15px;
  }
}

.secFeatured_L .secFeatured_L_Inner .secFeatured_L_Box p {
    margin-bottom: 30px;
}

.secFeatured_L .secFeatured_L_Inner .secFeatured_L_Box .secFeatured_LL {
  width: 48%;
}

@media all and (max-width: 767px) {
  .secFeatured_L .secFeatured_L_Inner .secFeatured_L_Box .secFeatured_LL {
    width: 100%;
    order: 2;
  }
}

.secFeatured_L .secFeatured_L_Inner .secFeatured_L_Box .secFeatured_LL img {
  width: 100%;
  max-width: 580px;
  transform: translate(-60px, -80px);
}

@media all and (max-width: 767px) {
  .secFeatured_L .secFeatured_L_Inner .secFeatured_L_Box .secFeatured_LL img {
    transform: translate(0, 0);
  }
}

.secFeatured_L .secFeatured_L_Inner .secFeatured_L_Box .secFeatured_LR {
  width: 52%;
}

@media all and (max-width: 767px) {
  .secFeatured_L .secFeatured_L_Inner .secFeatured_L_Box .secFeatured_LR {
    width: 100%;
    order: 1;
  }
}



/* secFeatured_R
------------------------------------------------------- */
.secFeatured_R {
  margin-bottom: 50px;
  padding: 120px 0;
}

@media all and (max-width: 767px) {
  .secFeatured_R {
    padding: 0 15px;
    background: none !important;
    padding-bottom: 0;
    margin-bottom: 50px;
  }
}

.secFeatured_R .secFeatured_R_Inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.secFeatured_R .secFeatured_R_Inner .secFeatured_R_Box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media all and (max-width: 767px) {
  .secFeatured_R .secFeatured_R_Inner .secFeatured_R_Box {
    flex-wrap: wrap;
    padding: 15px;
    margin-bottom: 15px;
  }
}

.secFeatured_R .secFeatured_R_Inner .secFeatured_R_Box p {
  margin-bottom: 30px;
}

@media all and (max-width: 767px) {
  .secFeatured_R .secFeatured_R_Inner .secFeatured_R_Box p {
  }
}

.secFeatured_R .secFeatured_R_Inner .secFeatured_R_Box .secFeatured_RL {
  width: 52%;
}

@media all and (max-width: 767px) {
  .secFeatured_R .secFeatured_R_Inner .secFeatured_R_Box .secFeatured_RL {
    width: 100%;
  }
}


.secFeatured_R .secFeatured_R_Inner .secFeatured_R_Box .secFeatured_RR {
  width: 48%;
}

@media all and (max-width: 767px) {
  .secFeatured_R .secFeatured_R_Inner .secFeatured_R_Box .secFeatured_RR {
    width: 100%;
  }
}

.secFeatured_R .secFeatured_R_Inner .secFeatured_R_Box .secFeatured_RR img {
  width: 100%;
  max-width: 580px;
  transform: translate(60px, -80px);
}

@media all and (max-width: 767px) {
  .secFeatured_R .secFeatured_R_Inner .secFeatured_R_Box .secFeatured_RR img {
    transform: translate(0, 0);
  }
}

/* secFeatured05
------------------------------------------------------- */
.secFeatured05 {
  padding: 70px 0;
  background: #f3f9f5;
}

@media all and (max-width: 767px) {
  .secFeatured05 {
    padding: 30px 15px 0;
  }
}

.secFeatured05 .secFeatured05Inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.secFeatured05 .secFeatured05Inner .secFeatured05Box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}

@media all and (max-width: 767px) {
  .secFeatured05 .secFeatured05Inner .secFeatured05Box {
    flex-wrap: wrap;
  }
}

.secFeatured05 .secFeatured05Inner .secFeatured05Box .secFeatured05L {
  width: 40%;
}

@media all and (max-width: 767px) {
  .secFeatured05 .secFeatured05Inner .secFeatured05Box .secFeatured05L {
    width: 100%;
    margin-bottom: 30px;
  }
}

.secFeatured05 .secFeatured05Inner .secFeatured05Box .secFeatured05L p {
  text-align: center;
}

.secFeatured05 .secFeatured05Inner .secFeatured05Box .secFeatured05L p img {
  width: 220px;
}

.secFeatured05 .secFeatured05Inner .secFeatured05Box .secFeatured05R {
  width: 64%;
}

@media all and (max-width: 767px) {
  .secFeatured05 .secFeatured05Inner .secFeatured05Box .secFeatured05R {
    width: 100%;
  }
}

.secFeatured05 .secFeatured05Inner .secFeatured05Box .secFeatured05R img {
  width: 100%;
}

.secFeatured05 .secFeatured05Inner h3 {
    text-align: center;
    font-size: 2.0rem;
    line-height: 1.6;
    font-weight: bold;
    margin-bottom: 30px;
}
@media all and (max-width: 767px) {
  .secFeatured05 .secFeatured05Inner h3 {
        font-size: 4.0vw;
  }
}

.secFeatured05 .secFeatured05Inner .secFeatured05Btn {
  text-align: center;
}

@media all and (max-width: 767px) {
  .secFeatured05 .secFeatured05Inner .secFeatured05Btn {
    margin-bottom: 50px;
  }
}

.secFeatured05 .secFeatured05Inner .secFeatured05Btn a {
  display: block;
  width: 100%;
  max-width: 550px;
  height: 70px;
  line-height: 70px;
  margin: 0 auto;
  background: #00783c;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
}

@media all and (max-width: 767px) {
  .secFeatured05 .secFeatured05Inner .secFeatured05Btn a {
    font-size: 3.5vw;
  }
}


.secFeatured_wrap {
    width: 100%;
}


.footer {
  margin-top: 0;
}