nav .nav_list01 li a.brand::after, nav .nav_list01 li span.brand::after {
  content: "";
  display: block;
  width: 110%;
  height: 2px;
  background-color: #f5f3d6;
  position: absolute;
  bottom: -30%;
  left: -5%;
}

header #sp_menu nav .nav_list01 li a.brand::after, header #sp_menu nav .nav_list01 li span.brand::after {
  content: "";
  display: block;
  width: 80%;
  height: 2px;
  background-color: #f5f3d6;
  position: absolute;
  bottom: 14%;
  left: 10%;
}

@media screen and (max-width: 768px) {
  .bottom nav .nav_list01 li a.brand::after, .bottom nav .nav_list01 li span.brand::after {
    width: 80%;
    height: 2px;
    bottom: 14%;
    left: 10%;
  }
}

.result {
  max-width: 788px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1180px) {
  .result {
    max-width: none;
    width: 66.1vw;
  }
}
@media screen and (max-width: 768px) {
  .result {
    width: 100%;
  }
}
.result h3 {
  font-size: 22px;
  font-weight: 500;
  text-align: center;
  color: #1b2b7b;
  line-height: 1.2em;
  border-bottom: 1px solid #1b2b7b;
  padding-bottom: 0.3em;
}
@media screen and (max-width: 1180px) {
  .result h3 {
    font-size: 1.9vw;
  }
}
@media screen and (max-width: 768px) {
  .result h3 {
    font-size: 4vw;
  }
}
.result .result_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.result .result_box .result_block {
  width: 29.2%;
}
.result .result_box .result_block:nth-child(n+2) {
  margin-left: 6.2%;
}
@media screen and (max-width: 768px) {
  .result .result_box .result_block {
    width: 30.6%;
  }
  .result .result_box .result_block:nth-child(n+2) {
    margin-left: 4.1%;
  }
}
.result .result_box .result_block .name {
  font-size: 14px;
  margin-top: 0.5em;
}
@media screen and (max-width: 1180px) {
  .result .result_box .result_block .name {
    font-size: 1.2vw;
  }
}
@media screen and (max-width: 768px) {
  .result .result_box .result_block .name {
    font-size: 3vw;
    line-height: 1.4em;
    letter-spacing: 0;
  }
}
.result .result_box .result_block .spec {
  font-size: 12px;
  margin: 0em -0.5em 0;
}
@media screen and (max-width: 1180px) {
  .result .result_box .result_block .spec {
    font-size: 1vw;
  }
}
@media screen and (max-width: 768px) {
  .result .result_box .result_block .spec {
    font-size: 2.4vw;
  }
}

#mv {
  background-image: url(../images/mv_bg_pc.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media screen and (max-width: 768px) {
  #mv {
    background-image: url(../images/mv_bg_sp.jpg);
  }
}
#mv .wrap01 {
  padding: 150px 0 140px;
}
@media screen and (max-width: 1180px) {
  #mv .wrap01 {
    padding: 12.7vw 0 11.9vw;
  }
}
@media screen and (max-width: 768px) {
  #mv .wrap01 {
    padding: 11.3vw 0 17.3vw;
  }
}
#mv .m_txt01 {
  font-size: 23px;
  line-height: 2.1em;
  color: #fff;
  text-align: center;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1180px) {
  #mv .m_txt01 {
    font-size: 1.9vw;
  }
}
@media screen and (max-width: 768px) {
  #mv .m_txt01 {
    font-size: 4vw;
  }
}
#mv .logo01 {
  max-width: 220px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 80px;
}
@media screen and (max-width: 1180px) {
  #mv .logo01 {
    max-width: none;
    width: 18.6vw;
    margin-top: 6.8vw;
  }
}
@media screen and (max-width: 768px) {
  #mv .logo01 {
    margin-top: 10.7vw;
    width: 36.8vw;
  }
}
#mv .m_txt02 {
  font-size: 22px;
  font-weight: bold;
  color: #b7a56c;
  text-align: center;
  margin-top: 60px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1180px) {
  #mv .m_txt02 {
    font-size: 1.9vw;
    margin-top: 5.1vw;
  }
}
@media screen and (max-width: 768px) {
  #mv .m_txt02 {
    font-size: 4.1vw;
    margin-top: 11.3vw;
  }
}
#mv .m_txt03 {
  font-size: 17px;
  font-weight: 500;
  line-height: 3.1em;
  color: #fff;
  text-align: center;
  margin-top: 0.5em;
}
@media screen and (max-width: 1180px) {
  #mv .m_txt03 {
    font-size: 1.4vw;
  }
}
@media screen and (max-width: 768px) {
  #mv .m_txt03 {
    font-size: 3.3vw;
    line-height: 2.4em;
    margin-top: 1em;
  }
}

#cross_over {
  background: linear-gradient(135deg, rgb(255, 255, 255) 0%, rgb(224, 224, 224) 100%);
}
#cross_over .wrap01 {
  padding: 150px 0 140px;
}
@media screen and (max-width: 1180px) {
  #cross_over .wrap01 {
    padding: 12.7vw 0 11.9vw;
  }
}
@media screen and (max-width: 768px) {
  #cross_over .wrap01 {
    padding: 14.9vw 0 12.7vw;
  }
}
#cross_over h2 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#cross_over .txt01 {
  font-size: 23px;
  font-weight: 500;
  text-align: center;
  line-height: 2.1em;
  margin-top: 70px;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1180px) {
  #cross_over .txt01 {
    font-size: 1.9vw;
    margin-top: 5.9vw;
  }
}
@media screen and (max-width: 768px) {
  #cross_over .txt01 {
    font-size: 4.2vw;
    line-height: 1.7em;
    letter-spacing: 0.05em;
    margin-top: 6.7vw;
  }
}
#cross_over .txt02 {
  font-size: 17px;
  line-height: 3.1em;
  margin-top: 50px;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 1180px) {
  #cross_over .txt02 {
    font-size: 1.4vw;
    margin-top: 4.2vw;
  }
}
@media screen and (max-width: 768px) {
  #cross_over .txt02 {
    font-size: 3.5vw;
    line-height: 2.3em;
    text-align: justify;
    margin-top: 4.8vw;
  }
}

#marimo .wrap01 {
  padding: 130px 0 100px;
}
@media screen and (max-width: 1180px) {
  #marimo .wrap01 {
    padding: 11vw 0 8.5vw;
  }
}
@media screen and (max-width: 768px) {
  #marimo .wrap01 {
    padding: 16vw 0 12vw;
  }
}
#marimo h2 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#marimo .txt01 {
  font-size: 22px;
  font-weight: 500;
  text-align: center;
  line-height: 2.3em;
  margin-top: 50px;
  letter-spacing: 0.1em;
  color: #007bc6;
}
@media screen and (max-width: 1180px) {
  #marimo .txt01 {
    font-size: 1.9vw;
    margin-top: 4.2vw;
  }
}
@media screen and (max-width: 768px) {
  #marimo .txt01 {
    font-size: 3.9vw;
    line-height: 1.8em;
    letter-spacing: 0.05em;
    margin-top: 6.7vw;
  }
}
#marimo .txt02 {
  font-size: 16px;
  line-height: 3.1em;
  margin-top: 40px;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 1180px) {
  #marimo .txt02 {
    font-size: 1.4vw;
    margin-top: 3.4vw;
  }
}
@media screen and (max-width: 768px) {
  #marimo .txt02 {
    font-size: 3vw;
    line-height: 2.5em;
    text-align: justify;
    letter-spacing: 0;
    margin-top: 5.3vw;
  }
}
#marimo .map {
  margin-top: 90px;
  text-align: center;
}
@media screen and (max-width: 1180px) {
  #marimo .map {
    margin-top: 7.6vw;
  }
}
@media screen and (max-width: 768px) {
  #marimo .map {
    margin-top: 11.5vw;
  }
}
#marimo .result {
  margin-top: 130px;
}
@media screen and (max-width: 1180px) {
  #marimo .result {
    margin-top: 11vw;
  }
}
@media screen and (max-width: 768px) {
  #marimo .result {
    margin-top: 9.3vw;
  }
}
#marimo .result .result_box .result_block:nth-child(1) .name, #marimo .result .result_box .result_block:nth-child(2) .name {
  width: 110%;
}

#yoshikon {
  background-image: url(../images/line_bg_pc.svg);
  background-repeat: no-repeat;
  background-size: 1097px auto;
  background-position: center top;
}
@media screen and (max-width: 1180px) {
  #yoshikon {
    background-size: 93vw auto;
  }
}
@media screen and (max-width: 768px) {
  #yoshikon {
    background-image: url(../images/line_bg_sp.svg);
    background-size: 97.5% auto;
  }
}
#yoshikon .wrap01 {
  padding: 126px 0 140px;
}
@media screen and (max-width: 1180px) {
  #yoshikon .wrap01 {
    padding: 10.7vw 0 11.9vw;
  }
}
@media screen and (max-width: 768px) {
  #yoshikon .wrap01 {
    padding: 12vw 0 18.7vw;
  }
}
#yoshikon h2 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#yoshikon .txt01 {
  font-size: 22px;
  font-weight: 500;
  text-align: center;
  line-height: 2.4em;
  margin-top: 70px;
  letter-spacing: 0.1em;
  color: #003685;
}
@media screen and (max-width: 1180px) {
  #yoshikon .txt01 {
    font-size: 1.9vw;
    margin-top: 5.9vw;
  }
}
@media screen and (max-width: 768px) {
  #yoshikon .txt01 {
    font-size: 3.9vw;
    line-height: 1.8em;
    letter-spacing: 0.05em;
    margin-top: 8vw;
  }
}
#yoshikon .txt02 {
  font-size: 15px;
  line-height: 3.1em;
  margin-top: 40px;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 1180px) {
  #yoshikon .txt02 {
    font-size: 1.3vw;
    margin-top: 3.4vw;
  }
}
@media screen and (max-width: 768px) {
  #yoshikon .txt02 {
    font-size: 3.2vw;
    line-height: 2.5em;
    text-align: justify;
    letter-spacing: 0;
    margin-top: 5.3vw;
  }
}
#yoshikon .result {
  margin-top: 80px;
}
@media screen and (max-width: 1180px) {
  #yoshikon .result {
    margin-top: 6.8vw;
  }
}
@media screen and (max-width: 768px) {
  #yoshikon .result {
    margin-top: 12vw;
  }
}
#yoshikon .result .result_box + .result_box {
  margin-top: 30px;
}
@media screen and (max-width: 1180px) {
  #yoshikon .result .result_box + .result_box {
    margin-top: 2.5vw;
  }
}
@media screen and (max-width: 768px) {
  #yoshikon .result .result_box + .result_box {
    margin-top: 5.3vw;
  }
}
#yoshikon .result .result_box .result_block.big {
  width: 65.5%;
}
@media screen and (max-width: 768px) {
  #yoshikon .result .result_box .result_block.big {
    width: 65.4%;
  }
}/*# sourceMappingURL=style_brand.css.map */