.p-feature-single {
  padding: 95px 0 0 0;
  background: url("/wp-content/themes/wp/feature/img/report01_bg01.png") no-repeat 50% 0;
}
@media screen and (max-width: 767px) {
  .p-feature-single {
    padding: 12.5vw 6.25vw 0 6.25vw;
    background: none;
  }
}
.p-feature-single img {
  max-width: 100%;
  height: auto;
}
.p-feature-single .marker {
  background: linear-gradient(transparent 60%, #fff 60%);
}

/*----------
Title
----------*/
.b-feature-title1 {
  position: relative;
  width: 100%;
  height: 680px;
  margin: 0 0 90px 0;
  padding: 0 40px;
  color: #fff;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .b-feature-title1 {
    border-radius: 2vw;
    height: 59vw;
    margin: 0 0 9vw 0;
    padding: 0 4vw;
  }
}
.b-feature-title1:before {
  position: absolute; 
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 200px;
  content: "";
  background: linear-gradient(rgba(63, 40, 0, 0), rgba(63, 40, 0, .7));
}
.b-feature-title1 img {
  position: absolute;
  z-index: 1; 
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .b-feature-title1 img {
    width: 100%;
  }
}
.b-feature-title1 h1 {
  position: absolute;
  z-index: 3; 
  bottom: 30px;
  font-size: 3.8rem;
}
@media screen and (max-width: 767px) {
  .b-feature-title1 h1 {
    bottom: 3vw;
    font-size: 5vw;
  }
}
.b-feature-title1-date {
  display: block;
  font-size: 1.8rem;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .b-feature-title1-date {
    font-size: 3.4375vw;
  }
}
.b-feature-title2 {
  margin: 90px 0 30px 0;
  padding: 22px 0;
  font-size: 3.0rem; 
  font-weight: bold;
  background: url("/wp-content/themes/wp/feature/img/line.png") no-repeat 0 0 / 100% auto, url("/wp-content/themes/wp/feature/img/line.png") no-repeat 0 100% / 100% auto;
}
@media screen and (max-width: 767px) {
  .b-feature-title2 {
    margin: 6.25vw 0 3.125vw 0;
    padding: 3vw 0;
    font-size: 5.625vw;
    background: url("/wp-content/themes/wp/feature/img/line.png") no-repeat 0 0 / 200% auto, url("/wp-content/themes/wp/feature/img/line.png") no-repeat 0 100% / 200% auto;
  }
}


/*----------
Text
----------*/
.b-feature-text1 {
  font-size: 2.8rem; 
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .b-feature-text1 {
    font-size: 5vw;
  }
}
.b-feature-text2 {
  padding: 9px 0 0 0;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .b-feature-text2 {
    padding: 1.5625vw 0 0 0;
    font-size: 4.375vw;
  }
}
.b-feature-text3 {
  padding: 8px 0 34px 0;
  font-size: 1.8rem;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .b-feature-text3 {
    padding: 1.25vw 0 5.3125vw 0;
    font-size: 4.0625vw;
  }
}
.b-feature-text4 {
  margin: 30px 0;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .b-feature-text4 {
    margin: 5vw 0;
    font-size: 4.6875vw;
  }
}


/*----------
Image
----------*/
.b-feature-Img1 {
  margin: 20px 0 40px 0;
}
@media screen and (max-width: 767px) {
  .b-feature-Img1 {
    margin: 2vw 0 4vw;
  }
}
.b-feature-Img2 {
  margin: 100px 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .b-feature-Img2 {
    margin: 10vw 0;
  }
}


/*----------
Button
----------*/
.c-btn__search {
  position: relative; 
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  min-height: 80px;
  padding: 0 45px 0 90px;
  text-decoration: none;
  font-size: 2rem;
  color: #3f2800;
  border-radius: 9999px;
  background-color: #fff;
  box-shadow: 2px 3px 0 0 rgba(4, 0, 0, .2);
}
@media screen and (max-width: 767px) {
  .c-btn__search {
    min-height: 12vw;
    padding: 0 5vw 0 12vw;
    font-size: 4.375vw;
  }
}
.c-btn__search:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 40px;
  width: 22px;
  height: 22px;
  margin: auto;
  content: "";
  background: url("/assets/img/img_25.png") no-repeat 0 0 / 100% auto;
}
@media screen and (max-width: 767px) {
  .c-btn__search:before {
    left: 5vw;
    width: 5vw;
    height: 5vw;
  }
}


/*----------
Block
----------*/
.b-feature-block1 {
  margin: 50px 0 0 0;
}
@media screen and (min-width: 768px) {
  .b-feature-block1 {
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .b-feature-block1 {
    margin: 7.8125vw 0 0 0;
  }
}
.b-feature-block1__img1 img {
  width: 440px;
}
@media screen and (max-width: 767px) {
  .b-feature-block1__img1 img {
    width: 100%;
    height: auto;
  }
}
.b-feature-block1__wrap1 {
  padding: 3px 0 0 40px;
  width: 560px;
}
@media screen and (max-width: 767px) {
  .b-feature-block1__wrap1 {
    padding: 3.125vw 0 0 0;
    width: auto;
  }
}

.b-feature-block2 {
  margin: 40px 0 0 0;
  padding: 40px 40px 10px 40px;
  border-radius: 20px;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .b-feature-block2 {
    margin: 4vw 0 0 0;
    padding: 5vw 5vw 1vw 5vw;
    border-radius: 2vw;
  }
}
.b-feature-block2__wrap1 {
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .b-feature-block2__wrap1 {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  .b-feature-block2__wrap1 {
    margin: 0 0 4vw 0;
  }
}
@media screen and (max-width: 767px) {
  .b-feature-block2__img1 img {
    width: 100%;
    height: auto;
  }
}
.b-feature-block2__wrap2 {
  width: 540px;
}
@media screen and (max-width: 767px) {
  .b-feature-block2__wrap2 {
    padding: 3.125vw 0 0 0;
    width: auto;
  }
}
.b-feature-block2__wrap3 {
  margin: 30px 0; 
  padding: 30px;
  background: url("/wp-content/themes/wp/feature/img/report01_bg02.png") repeat 0 0;
}
@media screen and (min-width: 768px) {
  .b-feature-block2__wrap3 {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  .b-feature-block2__wrap3 {
    margin: 3vw 0;
    padding: 5vw 5vw 0;
  }
}
.b-feature-block2__item1 {
  width: 260px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .b-feature-block2__item1 {
    width: auto;
    padding-bottom: 5vw;
  }
}
.b-feature-block2__title1 {
  margin-top: 15px;
  padding: 5px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.4;
  border: 1px solid #3f2800;
  border-radius: 9999px;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .b-feature-block2__img2 img {
    width: auto;
    height: 20vw;
  }
  .b-feature-block2__title1 {
    font-size: 4.0625vw;
    padding: 2vw;
    margin-top: 2vw;
  }
}
.b-feature-block2__txt1 {
  margin-top: 5px;
  font-size: 1.6rem;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .b-feature-block2__txt1 {
    font-size: 3.75vw;
    margin-top: 1vw;
  }
}

.b-feature-block3 {
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .b-feature-block3 {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  .b-feature-block3 {
    margin-bottom: 4vw;
  }
}
.b-feature-block3__item1 {
  width: 310px;
  padding: 40px;
  text-align: center;
  border: 3px dashed #333;
  border-radius: 20px;
}
@media screen and (max-width: 767px) {
  .b-feature-block3__item1 {
    width: auto;
    padding: 5vw;
    border-width: 0.6vw;
    border-radius: 2vw;
    margin-top: 5vw;
  }
}
.b-feature-block3__title1 {
  margin-top: 15px;
  font-size: 2.8rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .b-feature-block3__img1 img {
    width: 30vw;
  }
  .b-feature-block3__title1 {
    margin-top: 2vw;
    font-size: 5vw;
  }
}
.b-feature-block3__txt1 {
  margin-top: 5px;
  font-size: 1.6rem;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .b-feature-block3__txt1 {
    font-size: 4.375vw;
    margin-top: 1vw;
  }
}

.b-feature-block4 {
  padding: 40px 40px 0 40px;
  border-radius: 20px;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .b-feature-block4 {
    padding: 4vw 4vw 0 4vw;
    border-radius: 2vw;
  }
}