/*
*  top.css
*
*/
/* --------------------------------
   top
-------------------------------- */
/* ---- mv ----- */
#top {
  /* ---- section base designs ----- */
  /* ---- lead ----- */
  /* ---- step ----- */
  /* ---- experience ----- */
  /* ---- expiration ----- */
  /* ---- stage ----- */
  /* ---- cycle ----- */
  /* ---- question ----- */
  /* ---- terms ----- */
}

/* 追加 */
/*
*  howto.css
*
*/
/* --------------------------------
   howto
-------------------------------- */
.body {
  position: relative;
}

/* ---- mv ----- */
#top {
  /* ---- section group ----- */
  /* ---- section making ----- */
  /* ---- banner ----- */
  /* ------------------------
    tab
  ------------------------ */
}
#top .pc_text{
  display: none;
}
#top .mv {
  text-align: center;
}
#top .mv .mv_inner {
  position: relative;
  text-align: center;
  overflow: hidden;
}
@media (min-width: 768px) {
  #top .pc_text{
    display: block;
  }
  #top .mv .mv_inner {
    overflow-y: hidden;
    height: 33.5vw;
    /* max-height: 200px; */
    background: url("/lbeeprogram/img/common/section_bg.jpg") center top/contain;
  }
}
@media (min-width: 1230px) {
  #top .mv .mv_inner {
    height: 33.5vw;
    max-height: 400px;
  }
}
@media (min-width: 768px) {
  #top .mv .mv_inner::before {
    content: "";
    display: block;
    position: absolute;
    top: -1%;
    left: 0;
    width: 100%;
    height: 102%;
    background: url("/lbeeprogram/img/howto/common/mv_ddecoration.png") repeat-x center center/cover;
  }
}
@media screen and (min-width: 768px) and (min-width: 1450px) {
  #top .mv .mv_inner::before {
    background: url("/lbeeprogram/img/howto/common/mv_ddecoration.png") repeat-x center center/contain;
  }
}
#top .mv .mv_title_wrap {
  position: relative;
}
@media (min-width: 768px) {
  #top .mv .mv_title_wrap {
    margin: 0 auto; 
    max-width: 1000px;
  }
}
#top .mv .mv_title {
  position: absolute;
  top: 13.6vw;
  left: 18.26667vw;
  margin: 0;
  width: 70.66667vw;
  letter-spacing: 0.06em;
  color: #503317;
  font-size: 8.53333vw;
  font-weight: bold;

  -webkit-font-feature-settings: "palt";

          font-feature-settings: "palt";
}
@media (min-width: 768px) {
  #top .mv .mv_title {
    top: 4.06504vw;
    left: 50%;
    width: auto;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0); 
    font-size: 4.39024vw;
  }
}
@media (min-width: 1230px) {
  #top .mv .mv_title {
    top: 50px;
    font-size: 5.4rem;
  }
}
#top .mv .mv_title::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  bottom: 1.2vw;
  left: 0;
  border-radius: 0.8vw; 
  width: 100%;
  height: 2.66667vw;
  background-color: #fee600;
}
@media (min-width: 768px) {
  #top .mv .mv_title::before {
    bottom: 0.65041vw;
    border-radius: 0.3252vw; 
    height: 1.13821vw;
  }
}
@media (min-width: 1230px) {
  #top .mv .mv_title::before {
    bottom: 8px;
    border-radius: 4px; 
    height: 14px;
  }
}
#top .mv img {
  display: block;
  margin: 0 auto; 
  width: 100%;
}
@media (min-width: 768px) {
  #top .mv img {
    display: block;
    position: absolute;
    top: 2.60163vw;
    left:50%;
    transform: translateX(-50%);
    margin: 0; 
    width: 8.37398vw;
  }
}
@media (min-width: 1230px) {
  #top .mv img {
    top: 32px;
    left:50%;
    transform: translateX(-50%);
    width: 103px;
  }
}

.announce_box {
  max-width: 800px;
  width: 80%;
  margin: 40px auto;
  color: #503317;
  text-align: center;
  border: dotted 2px #f75525;
  padding: 20px 10px;
}
.announce_head {
  font-size: 3.2vw;
  background-color: #f75525;
  width: 90%;
  border-radius: 90px;
  color: white;
  margin: 0 auto 4px;
}
.announce_text{
  font-size: 2.67vw;
}
.announce_text span{
  color: #f75525;
  font-size: 1.4em;
}
@media (min-width: 768px) {
  .announce_head {
    font-size: 1.8vw;
    margin: 0 auto 10px;
  }
  .announce_text{
    font-size: 1.4vw;
  }
}
@media (min-width: 1230px) {
  .announce_box {
    margin: 40px auto;
    padding: 20px;
  }
  .announce_head {
    font-size: 20px;
    margin: 0 auto 10px;
  }
  .announce_text{
    font-size: 16px;
  }
}

#top .group {
  text-align: center;
}
@media (min-width: 768px) {
  #top .group {
    margin: 0 auto; 
    max-width: 1000px;
  }
}
#top .group_inner {
  padding: 16vw 0;
}
@media (min-width: 768px) {
  #top .group_inner {
    padding: 9.7561vw 0 8.94309vw;
  }
}
@media (min-width: 1230px) {
  #top .group_inner {
    padding: 120px 0 110px;
  }
}
#top .group_title {
  display: inline-block;
  position: relative;
}
#top .group_title_illust {
  position: absolute;
  top: 10.66667vw;
  left: 77.33333vw;
  width: 12.8vw;
}
@media (min-width: 768px) {
  #top .group_title_illust {
    top: 0;
    left: 42.60163vw;
    width: 8.69919vw;
  }
}
@media (min-width: 1230px) {
  #top .group_title_illust {
    left: 524px;
    width: 107px;
  }
}
#top .group_text {
  letter-spacing: 0.04em; 
  font-size: 4.53333vw;
  font-weight: bold;
  line-height: 2;
}
@media (min-width: 768px) {
  #top .group_text {
    font-size: 1.46341vw;
  }
}
@media (min-width: 1230px) {
  #top .group_text {
    font-size: 1.8rem;
  }
}
#top .group_description {
  margin: 0 10.66667vw; 
  padding-top: 8.4vw;
}
@media (min-width: 768px) {
  #top .group_description {
    margin: 0 auto;
    padding-top: 5.69106vw; 
    width: 81.30081vw;
    max-width: 1000px;
  }
}
@media (min-width: 1230px) {
  #top .group_description {
    padding-top: 70px;
  }
}
#top .group_descriptionWrap {
  padding: 4vw 5.33333vw;
  border-radius: 1.33333vw;
  background: url("/lbeeprogram/img/common/section_bg.jpg") center top/contain;
}
@media (min-width: 768px) {
  #top .group_descriptionWrap {
    padding: 2.27642vw 3.25203vw 3.08943vw;
    border-radius: 0.81301vw;
  }
}
@media (min-width: 1230px) {
  #top .group_descriptionWrap {
    padding: 28px 40px 38px;
    border-radius: 10px;
  }
}
#top .group_descriptionText {
  text-align: center;
  position: relative;
  padding-bottom: 4vw;
  vertical-align: middle; 
  color: #f75525;

  -webkit-font-feature-settings: "palt";

          font-feature-settings: "palt";
}
@media (min-width: 768px) {
  #top .group_descriptionText {
    padding-bottom: 1.46341vw;
    letter-spacing: 0.08em; 
    font-weight: bold;
    line-height: 1.5;
  }
}
@media (min-width: 1230px) {
  #top .group_descriptionText {
    padding-bottom: 18px;
  }
}
#top .group_descriptionText > p {
  display: block;
  color: #f75525; 
  font-size: 4.53333vw;
}
@media (min-width: 768px) {
  #top .group_descriptionText > p {
    display: inline-block;
    letter-spacing: 0.08em; 
    font-size: 2.76423vw;
    font-weight: bold;
    line-height: 1.5;
  }
}
@media (min-width: 1230px) {
  #top .group_descriptionText > p {
    font-size: 34px;
  }
}
#top .group_descriptionHead {
  letter-spacing: 0.04em;
}
#top .group_descriptionHead.is-narrow {
  letter-spacing: -0.05em;
}
#top .group_descriptionInner {
  display: flex;
  padding: 2.66667vw 8.28vw;
  border-radius: 1.33333vw; 
  background-color: #fff;

  justify-content: space-between;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  #top .group_descriptionInner {
    padding: 1.46341vw 7.2vw 0.97561vw;
    border-radius: 0.81301vw; 

    flex-wrap: nowrap;
    align-items: center;
  }
}
@media (min-width: 1230px) {
  #top .group_descriptionInner {
    padding: 18px 60px 12px;
    border-radius: 10px;
  }
}
#top .group_label.label_01 {
  display: inline-block;
  width: 24.8vw;
  height: 7.46667vw; 
  vertical-align: middle;
}
@media (min-width: 768px) {
  #top .group_label.label_01 {
    width: 15.12195vw;
    height: 4.55285vw;
  }
}
@media (min-width: 1230px) {
  #top .group_label.label_01 {
    width: 186px;
    height: 56px;
  }
}
#top .group_label.label_02 {
  width: 11.2vw;
}
@media (max-width: 767.98px) {
  #top .group_label.label_02 {
    padding-top: 1.33333vw; 

    order: 3;
  }
}
@media (min-width: 768px) {
  #top .group_label.label_02 {
    width: 6.82927vw;
  }
}
@media (min-width: 1230px) {
  #top .group_label.label_02 {
    width: 84px;
  }
}
#top .group_label.label_03 {
  margin: 0 auto; 
  width: 50.66667vw;
}
@media (max-width: 767.98px) {
  #top .group_label.label_03 {
    padding-bottom: 1.33333vw;

    order: 1;
  }
}
@media (min-width: 768px) {
  #top .group_label.label_03 {
    margin: 0;
    width: 29.43089vw;
  }
}
@media (min-width: 1230px) {
  #top .group_label.label_03 {
    width: 362px;
  }
}
#top .group_label.label_04 {
  width: 35.46667vw;
}
@media (max-width: 767.98px) {
  #top .group_label.label_04 {
    order: 4;
  }
}
@media (min-width: 768px) {
  #top .group_label.label_04 {
    width: 21.62602vw;
  }
}
@media (min-width: 1230px) {
  #top .group_label.label_04 {
    width: 266px;
  }
}
#top .group_label.label_05 {
  width: 11.2vw;
}
@media (max-width: 767.98px) {
  #top .group_label.label_05 {
    padding-top: 1.33333vw; 

    order: 2;
  }
}
@media (min-width: 768px) {
  #top .group_label.label_05 {
    width: 6.82927vw;
  }
}
@media (min-width: 1230px) {
  #top .group_label.label_05 {
    width: 84px;
  }
}
#top .group_descriptionAnnotation {
  margin: 0;
  padding-top: 1.33333vw;
  text-align: right; 
  color: #222;
  font-size: 4.26667vw;
  font-weight: 500;
}
@media (min-width: 768px) {
  #top .group_descriptionAnnotation {
    margin: 0 auto;
    padding-top: 0.81301vw;
    width: 81.30081vw;
    max-width: 1000px;
    font-size: 1.30081vw;
  }
}
@media (min-width: 1230px) {
  #top .group_descriptionAnnotation {
    margin: 0 auto;
    padding-top: 10px;
    font-size: 1.6rem;
  }
}
#top .group_movieWrap {
  margin: 0 auto; 
  padding-top: 10.66667vw;
}
@media (min-width: 768px) {
  #top .group_movieWrap {
    padding-top: 6.50407vw;
  }
}
@media (min-width: 1230px) {
  #top .group_movieWrap {
    padding-top: 80px;
  }
}
#top .group_movie {
  display: block;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  border-radius: 2.4vw;
  width: 78.66667vw;
  height: 44.26667vw;

  will-change: transform;
}
@media (min-width: 768px) {
  #top .group_movie {
    border-radius: 1.46341vw; 
    width: 81.30081vw;
    height: 45.52846vw;
  }
}
@media (min-width: 1230px) {
  #top .group_movie {
    border-radius: 18px; 
    width: 1000px;
    height: 560px;
  }
}
#top .group_movie:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
#top .group_movie::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  width: 18.66667vw;
  height: 18.66667vw;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  background: url("/lbeeprogram/img/howto/common/play_icon.png") no-repeat;
  background-size: contain;
}
@media (min-width: 768px) {
  #top .group_movie::before {
    width: 11.38211vw;
    height: 11.38211vw;
  }
}
@media (min-width: 1230px) {
  #top .group_movie::before {
    width: 140px;
    height: 140px;
  }
}
#top .group_movie img {
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
#top .group_movieTitle > p {
  margin-top: 5.33333vw;
  text-align: center; 
  color: #503317;
  font-size: 5.06667vw;
  line-height: 1;
}
@media (min-width: 768px) {
  #top .group_movieTitle > p {
    margin-top: 2.43902vw;
    font-size: 2.27642vw;
  }
}
@media (min-width: 1230px) {
  #top .group_movieTitle > p {
    margin-top: 30px;
    font-size: 28px;
  }
}
#top .group_movieTitle > p:nth-child(2) {
  margin-top: 2.66667vw;
  font-size: 5.86667vw;
}
@media (min-width: 768px) {
  #top .group_movieTitle > p:nth-child(2) {
    margin-top: 1.62602vw;
    font-size: 2.76423vw;
  }
}
@media (min-width: 1230px) {
  #top .group_movieTitle > p:nth-child(2) {
    margin-top: 20px;
    font-size: 34px;
  }
}
#top .dodesuca_banner {
  display: block;
  overflow: hidden;
  position: relative;
  margin: 10.66667vw auto 0;
  border-radius: 2.13333vw;
  width: 78.66667vw;
  height: 38.13333vw;

  will-change: transform;
}
@media (min-width: 768px) {
  #top .dodesuca_banner {
    margin: 6.50407vw auto 0;
    border-radius: 1.30081vw; 
    width: 81.30081vw;
    height: 20.3252vw;
  }
}
@media (min-width: 1230px) {
  #top .dodesuca_banner {
    margin: 80px auto 0;
    border-radius: 16px; 
    width: 1000px;
    height: 250px;
  }
}
#top .dodesuca_banner img {
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
#top .dodesuca_banner:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
#top .making {
  position: relative;
  background: url("/lbeeprogram/img/common/section_bg.jpg") center top/contain; 
  text-align: center;
}
#top .making::before,
#top .making::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%; 
  height: 0.8vw;
  background: url("/lbeeprogram/img/common/section_bg_end.jpg") center top/contain;
}
@media (min-width: 768px) {
  #top .making::before,
  #top .making::after {
    height: 0.4878vw;
  }
}
@media (min-width: 1230px) {
  #top .making::before,
  #top .making::after {
    height: 6px;
  }
}
#top .making::before {
  top: -0.53333vw;
}
@media (min-width: 768px) {
  #top .making::before {
    top: -0.3252vw;
    height: 0.4878vw;
  }
}
@media (min-width: 1230px) {
  #top .making::before {
    top: -6px;
  }
}
#top .making::after {
  bottom: -0.53333vw;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media (min-width: 768px) {
  #top .making::after {
    bottom: -0.3252vw;
    height: 0.4878vw;
  }
}
@media (min-width: 1230px) {
  #top .making::after {
    bottom: -6px;
  }
}
#top .making_inner {
  padding: 13.33333vw 0 0;
}
@media (min-width: 768px) {
  #top .making_inner {
    margin: 0 auto;
    padding: 8.13008vw 0 0; 
    width: 81.30081vw;
  }
}
@media (min-width: 1230px) {
  #top .making_inner {
    padding: 100px 0 0; 
    max-width: 1000px;
  }
}
@media (min-width: 768px) {
  #top .making_list {
    position: relative;
  }
}
#top .making_list ul {
  margin: -20vw auto 0; 
  width: 69.33333vw;
}
@media (min-width: 768px) {
  #top .making_list ul {
    display: flex;
    margin: -6.50407vw 0 0; 
    width: auto;

    flex-flow: row wrap;
    justify-content: flex-start;
  }
}
@media (min-width: 1230px) {
  #top .making_list ul {
    margin: -80px 0 0;
  }
}
#top .making_list ul li {
  position: relative;
  margin-top: 20vw;
}
@media (min-width: 768px) {
  #top .making_list ul li {
    margin-top: 6.50407vw; 
    width: 22.76423vw;
  }
}
@media (min-width: 1230px) {
  #top .making_list ul li {
    margin-top: 80px; 
    width: 280px;
  }
}
@media (min-width: 768px) {
  #top .making_list ul li:not(:nth-child(3n+1)) {
    margin-left: 6.50407vw;
  }
}
@media (min-width: 1230px) {
  #top .making_list ul li:not(:nth-child(3n+1)) {
    margin-left: 80px;
  }
}
#top .making_list ul li:not(:nth-child(3n+1))::after {
  content: "";
  display: none;
}
@media (min-width: 768px) {
  #top .making_list ul li:not(:nth-child(3n+1))::after {
    display: block;
    position: absolute;
    top: 9.5935vw;
    left: -3.82114vw;
    border-width: 1.21951vw 0 1.21951vw 1.46341vw; 
    border-style: solid;
    border-color: transparent transparent transparent #f75525;
    width: 0;
    height: 0;
  }
}
@media (min-width: 1230px) {
  #top .making_list ul li:not(:nth-child(3n+1))::after {
    top: 118px;
    left: -47px;
    border-width: 15px 0 15px 18px;
  }
}
@media (max-width: 767.98px) {
  #top .making_list ul li::before {
    content: "";
    display: block;
    position: absolute;
    top: -12.4vw;
    left: 50%;
    border-width: 4.8vw 4vw 0 4vw;
    border-style: solid;
    border-color: #f75525 transparent transparent transparent;
    width: 0;
    height: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }
  #top .making_list ul li:first-child::before {
    display: none;
  }
}
@media (max-width: 767.98px) {
  #top .making_list ul li:first-child {
    margin-top: 22.66667vw;
  }
}
#top .making_list ul li .step {
  position: absolute;
  top: -2.4vw;
  left: -2vw;
  width: 23.46667vw;
}
@media (min-width: 768px) {
  #top .making_list ul li .step {
    top: -0.4065vw;
    left: -0.4065vw;
    width: 7.23577vw;
  }
}
@media (min-width: 1230px) {
  #top .making_list ul li .step {
    top: -5px;
    left: -5px;
    width: 89px;
  }
}
@media (max-width: 767.98px) {
  #top .making_list ul li .thumbnail {
    margin: 0 auto; 
    width: 61.46667vw;
  }
}
#top .making_list ul li .order {
  margin-top: 5.33333vw;
  color: #f75525; 
  font-size: 5.06667vw;
  font-weight: bold;
  line-height: 1.5;
}
@media (min-width: 768px) {
  #top .making_list ul li .order {
    margin-top: 1.62602vw;
    font-size: 1.78862vw;
  }
}
@media (min-width: 1230px) {
  #top .making_list ul li .order {
    margin-top: 20px;
    font-size: 2.2rem;
  }
}
#top .making_list ul li .description {
  margin: 2.66667vw auto 0;
  text-align: left;
  color: #222; 
  font-size: 4.26667vw;
  line-height: 1.75;
}
@media (min-width: 768px) {
  #top .making_list ul li .description {
    margin-top: 0.81301vw;
    width: 21.13821vw;
    font-size: 1.30081vw;
  }
}
@media (min-width: 1230px) {
  #top .making_list ul li .description {
    margin-top: 10px;
    width: 260px;
    font-size: 1.6rem;
  }
}
#top .making_list ul li.last_step .order_sm {
  font-size: 4.53333vw;
}
@media (min-width: 768px) {
  #top .making_list ul li.last_step .order_sm {
    font-size: 1.46341vw;
  }
}
@media (min-width: 1230px) {
  #top .making_list ul li.last_step .order_sm {
    font-size: 1.8rem;
  }
}
#top .making_list ul li.last_step .order_lg {
  position: relative;
  margin-top: 0;
  font-size: 6.4vw;
}
@media (min-width: 768px) {
  #top .making_list ul li.last_step .order_lg {
    font-size: 2.27642vw;
  }
}
@media (min-width: 1230px) {
  #top .making_list ul li.last_step .order_lg {
    font-size: 2.8rem;
  }
}
#top .making_list ul li.last_step .order_lg::before,
#top .making_list ul li.last_step .order_lg::after {
  content: "";
  position: absolute;
  top: 2.66667vw;
  width: 2.93333vw;
  height: 4.93333vw;
  background: url("/lbeeprogram/img/howto/common/order_decoration.png") no-repeat center top/contain;
}
@media (min-width: 768px) {
  #top .making_list ul li.last_step .order_lg::before,
  #top .making_list ul li.last_step .order_lg::after {
    top: 0.89431vw; 
    width: 1.21951vw;
    height: 2.03252vw;
  }
}
@media (min-width: 1230px) {
  #top .making_list ul li.last_step .order_lg::before,
  #top .making_list ul li.last_step .order_lg::after {
    top: 11px; 
    width: 15px;
    height: 25px;
  }
}
#top .making_list ul li.last_step .order_lg::before {
  left: 4.66667vw;
}
@media (min-width: 768px) {
  #top .making_list ul li.last_step .order_lg::before {
    left: 0.3252vw;
  }
}
@media (min-width: 1230px) {
  #top .making_list ul li.last_step .order_lg::before {
    left: 4px;
  }
}
#top .making_list ul li.last_step .order_lg::after {
  right: 6.66667vw;
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
@media (min-width: 768px) {
  #top .making_list ul li.last_step .order_lg::after {
    right: 1.21951vw;
  }
}
@media (min-width: 1230px) {
  #top .making_list ul li.last_step .order_lg::after {
    right: 15px;
  }
}
#top .making_illust {
  position: relative;
  z-index: 1;
  bottom: -0.8vw;
  margin: 4vw auto 0;
  width: 94.4vw;
  height: 73.2vw;
}
@media (min-width: 768px) {
  #top .making_illust {
    bottom: -0.4878vw;
    margin: 2.43902vw auto 0;
    width: 45.28455vw;
    height: 28.29268vw;
  }
}
@media (min-width: 1230px) {
  #top .making_illust {
    bottom: -7px;
    margin: 30px auto 0;
    width: 557px;
    height: 348px;
  }
}
#top .banner {
  margin: 10.13333vw auto 0;
  padding: 13.33333vw 8vw 60vw;
  width: 78.66667vw;
  height: 126.4vw;
  background: url("/lbeeprogram/img/howto/common/howto_bnr_sp.png") no-repeat;
  background-size: cover; 
  text-align: center;
}
@media (min-width: 768px) {
  #top .banner {
    margin: 8.13008vw auto 0;
    padding: 5.28455vw 35.60976vw 4.71545vw 5.85366vw;
    width: 81.30081vw;
    height: 27.64228vw;
    background: url("/lbeeprogram/img/howto/common/howto_bnr.png") no-repeat;
    background-size: cover; 
    text-align: left;
  }
}
@media (min-width: 1230px) {
  #top .banner {
    margin: 100px auto 0;
    padding: 65px 438px 58px 72px; 
    width: 1000px;
    height: 340px;
  }
}
#top .banner .banner_title {
  letter-spacing: 0.08em;
  color: #f75525;
  font-size: 6.4vw;
  line-height: 1.5;

  -webkit-font-feature-settings: "palt";

          font-feature-settings: "palt";
}
@media (min-width: 768px) {
  #top .banner .banner_title {
    font-size: 2.76423vw;
  }
}
@media (min-width: 1230px) {
  #top .banner .banner_title {
    font-size: 3.4rem;
  }
}
#top .banner .lead_app {
  margin-top: 5.86667vw;
}
#top .lead_content_oripake {
  margin-top: 10%;
  grid-area: itemD;
  -ms-grid-column: 2;
  -ms-grid-row: 2;
}
@media (min-width: 768px) {
  #top .banner .lead_app {
    margin-top: 2.03252vw;
  }
  #top .lead_content_oripake {
    text-align: left;
    margin-top: 20px;
    margin-left: 30px;
  }
}
@media (min-width: 1230px) {
  #top .banner .lead_app {
    margin-top: 25px;
  }
}
#top .banner .lead_app p {
  display: inline-block;
  position: relative;
  margin-bottom: 2.93333vw;
  text-align: left;
  letter-spacing: -0.02em; 
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  #top .banner .lead_app p {
    margin-bottom: 0.81301vw;
    padding-left: 1.62602vw; 
    font-size: 1.95122vw;
  }
}
@media (min-width: 1230px) {
  #top .banner .lead_app p {
    margin-bottom: 10px;
    padding-left: 20px; 
    font-size: 2.4rem;
  }
}
#top .banner .lead_app p span {
  font-size: 80%;
}
#top .banner .lead_app p::before,
#top .banner .lead_app p::after {
  content: "";
  position: absolute;
  top: 2.13333vw;
  width: 2.93333vw;
  height: 4.93333vw;
  background: url("/lbeeprogram/img/common/app_decoration.png") no-repeat center top/contain;
}
@media (min-width: 768px) {
  #top .banner .lead_app p::before,
  #top .banner .lead_app p::after {
    top: 0.81301vw; 
    width: 1.21951vw;
    height: 2.03252vw;
  }
}
@media (min-width: 1230px) {
  #top .banner .lead_app p::before,
  #top .banner .lead_app p::after {
    top: 10px; 
    width: 15px;
    height: 25px;
  }
}
#top .banner .lead_app p::before {
  left: -4vw;
}
@media (min-width: 768px) {
  #top .banner .lead_app p::before {
    left: 0;
  }
}
#top .banner .lead_app p::after {
  right: -5.33333vw;
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
@media (min-width: 768px) {
  #top .banner .lead_app p::after {
    right: -1.62602vw;
  }
}
@media (min-width: 1230px) {
  #top .banner .lead_app p::after {
    right: -20px;
  }
}
#top .banner .lead_app ul {
  display: flex;
  margin: 0;
}
@media (min-width: 768px) {
  #top .banner .lead_app ul {
    margin: 0 0.1626vw;
  }
}
@media (min-width: 1230px) {
  #top .banner .lead_app ul {
    margin: 0 0;
  }
}
#top .banner .lead_app li {
  margin: 0 2vw;
  width: 32vw;
}
@media (min-width: 768px) {
  #top .banner .lead_app li {
    margin: 0 0.97561vw; 
    width: 13.00813vw;
  }
}
@media (min-width: 1230px) {
  #top .banner .lead_app li {
    margin: 0 12px; 
    width: 160px;
  }
}
#top .banner .lead_app li:first-child {
  width: 26.4vw;
}
@media (min-width: 768px) {
  #top .banner .lead_app li:first-child {
    width: 10.73171vw;
  }
}
@media (min-width: 1230px) {
  #top .banner .lead_app li:first-child {
    width: 132px;
  }
}
#top .howto_sortTab {
  position: relative;
  margin-top: 10.66667vw;
  padding: 8vw 5.33333vw 2.66667vw;
  background: url("/lbeeprogram/img/common/section_bg.jpg") center top/contain;
}
@media (min-width: 768px) {
  #top .howto_sortTab {
    margin: 3.25203vw auto 0;
    padding: 4.06504vw 0;
  }
}
@media (min-width: 1230px) {
  #top .howto_sortTab {
    margin-top: 40px auto 0;
    padding: 50px 0;
  }
}
#top .howto_sortTab::before,
#top .howto_sortTab::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%; 
  height: 0.8vw;
  background: url("/lbeeprogram/img/common/section_bg_end.jpg") center top/contain;
}
@media (min-width: 768px) {
  #top .howto_sortTab::before,
  #top .howto_sortTab::after {
    height: 0.4878vw;
  }
}
@media (min-width: 1230px) {
  #top .howto_sortTab::before,
  #top .howto_sortTab::after {
    height: 6px;
  }
}
#top .howto_sortTab::before {
  top: -0.53333vw;
}
@media (min-width: 768px) {
  #top .howto_sortTab::before {
    top: -0.3252vw;
    height: 0.4878vw;
  }
}
@media (min-width: 1230px) {
  #top .howto_sortTab::before {
    top: -6px;
  }
}
#top .howto_sortTab::after {
  bottom: -0.53333vw;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media (min-width: 768px) {
  #top .howto_sortTab::after {
    bottom: -0.3252vw;
    height: 0.4878vw;
  }
}
@media (min-width: 1230px) {
  #top .howto_sortTab::after {
    bottom: -6px;
  }
}
#top .howto_sortTab ul {
  display: flex;

  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 768px) {
  #top .howto_sortTab ul {
    margin: 0 auto -3.25203vw;
    max-width: 84.14634vw; 

    justify-content: flex-start;
  }
}
@media (min-width: 1230px) {
  #top .howto_sortTab ul {
    margin: 0 auto -40px;
    max-width: 1035px;
  }
}
#top .howto_sortTab ul li {
  position: relative;
  margin-bottom: 5.33333vw;
}
@media (min-width: 768px) {
  #top .howto_sortTab ul li {
    margin-bottom: 3.25203vw;
  }
}
@media (min-width: 1230px) {
  #top .howto_sortTab ul li {
    margin-bottom: 40px;
  }
}
#top .howto_sortTab ul li .tab_icon {
  position: absolute;
  bottom: 0.93333vw; 
  left: 2.66667vw;
}
@media (min-width: 768px) {
  #top .howto_sortTab ul li .tab_icon {
    bottom: 0.56911vw; 
    left: 2.84553vw;
  }
}
@media (min-width: 1230px) {
  #top .howto_sortTab ul li .tab_icon {
    bottom: 7px; 
    left: 35px;
  }
}
#top .howto_sortTab ul li .tab_icon.icon_01 {
  width: 8.53333vw;
}
@media (min-width: 768px) {
  #top .howto_sortTab ul li .tab_icon.icon_01 {
    width: 4.63415vw;
  }
}
@media (min-width: 1230px) {
  #top .howto_sortTab ul li .tab_icon.icon_01 {
    width: 57px;
  }
}
#top .howto_sortTab ul li .tab_icon.icon_02 {
  bottom: 2vw;
  left: 1.33333vw; 
  width: 11.73333vw;
  z-index: 2;
}
@media (min-width: 768px) {
  #top .howto_sortTab ul li .tab_icon.icon_02 {
    bottom: 0.56911vw; 
    left: 2.84553vw;
    width: 7.15447vw;
  }
}
@media (min-width: 1230px) {
  #top .howto_sortTab ul li .tab_icon.icon_02 {
    bottom: 7px; 
    left: 35px;
    width: 88px;
  }
}
#top .howto_sortTab ul li .tab_icon.icon_03 {
  width: 6.8vw;
}
@media (min-width: 768px) {
  #top .howto_sortTab ul li .tab_icon.icon_03 {
    width: 3.41463vw;
  }
}
@media (min-width: 1230px) {
  #top .howto_sortTab ul li .tab_icon.icon_03 {
    width: 42px;
  }
}
#top .howto_sortTab ul li .tab_icon.icon_04 {
  left: 1.73333vw; 
  width: 9.46667vw;
}
@media (min-width: 768px) {
  #top .howto_sortTab ul li .tab_icon.icon_04 {
    left: 1.86992vw; 
    width: 5.20325vw;
  }
}
@media (min-width: 1230px) {
  #top .howto_sortTab ul li .tab_icon.icon_04 {
    left: 23px; 
    width: 64px;
  }
}
#top .howto_sortTab ul li .tab_icon.icon_05 {
  z-index: 1; 
  left: 0.66667vw;
  width: 8.8vw;
}
@media (min-width: 768px) {
  #top .howto_sortTab ul li .tab_icon.icon_05 {
    left: 1.86992vw; 
    width: 5.36585vw;
  }
}
@media (min-width: 1230px) {
  #top .howto_sortTab ul li .tab_icon.icon_05 {
    left: 23px; 
    width: 66px;
  }
}
#top .howto_sortTab ul li button {
  display: flex;
  margin: 0;
  border: none;
  outline: none;
  width: 42.66667vw;
  height: 12.8vw;
  cursor: pointer; 
  transition: 0.3s;
  background: url(/lbeeprogram/img/howto/common/tab_bg_sp_ov.png) no-repeat center/contain;
  opacity: 0.3;
  color: #fff;
  font-size: 3.73333vw;
  line-height: 1.2;

  justify-content: center;
  align-items: center;
}
#top .howto_sortTab ul li button.is-selected {
  background: url(/lbeeprogram/img/howto/common/tab_bg_sp_ov.png) no-repeat center/contain;
  opacity: 1;
}
@media (min-width: 768px) {
  #top .howto_sortTab ul li button {
    margin: 0 1.21951vw;
    width: 25.52846vw;
    height: 5.04065vw;
    background: url(/lbeeprogram/img/howto/common/tab_bg_pc_ov.png) no-repeat center/contain; 
    opacity: 0.3;
    font-size: 1.78862vw;
    line-height: 1.45;
  }
  #top .howto_sortTab ul li button.is-selected {
    background: url(/lbeeprogram/img/howto/common/tab_bg_pc_ov.png) no-repeat center/contain;
  }
}
@media (min-width: 1230px) {
  #top .howto_sortTab ul li button {
    margin: 0 15px;
    width: 314px;
    height: 62px;
    font-size: 22px;
  }
}
#top .howto_sortTab ul li button.tab_02 {
  padding-left: 4.66667vw;
}
@media (min-width: 768px) {
  #top .howto_sortTab ul li button.tab_02 {
    padding-left: 2.84553vw;
  }
}
@media (min-width: 1230px) {
  #top .howto_sortTab ul li button.tab_02 {
    padding-left: 35px;
  }
}
#top .howto_sortTab ul li button.tab_05 {
  position: relative;
  padding-left: 3.33333vw;
  letter-spacing: 0.01em;
  font-size: 3.46667vw;

  -webkit-font-feature-settings: "palt";

          font-feature-settings: "palt";
}
@media (min-width: 768px) {
  #top .howto_sortTab ul li button.tab_05 {
    padding-left: 2.84553vw;
    font-size: 1.78862vw;
  }
}
@media (min-width: 1230px) {
  #top .howto_sortTab ul li button.tab_05 {
    padding-left: 35px;
    font-size: 22px;
  }
}
#top .howto_content {
  display: none;
}
#top .howto_content[aria-hidden="false"] {
  display: block;
}
@media (min-width: 768px) {
  #top.is-IE .lead_app {
    margin-top: 0.81301vw;
  }
}
@media (min-width: 1230px) {
  #top.is-IE .lead_app {
    margin-top: 10px;
  }
}
@media (min-width: 768px) {
  #top.is-IE .lead_app p::before,
  #top.is-IE .lead_app p::after {
    top: 1.38211vw;
  }
}
@media (min-width: 1230px) {
  #top.is-IE .lead_app p::before,
  #top.is-IE .lead_app p::after {
    top: 15px;
  }
}

.howto_list {
  margin: 13.33333vw 0 0;
  padding: 0 5.33333vw;
}
@media (min-width: 768px) {
  .howto_list {
    margin: 5.69106vw auto 0;
    padding: 0;
    width: 47.15447vw;
  }
}
@media (min-width: 1230px) {
  .howto_list {
    margin: 70px auto 0;
    width: 580px;
  }
}

.howto_list_inner {
  position: relative;
  padding: 6.66667vw 4.4vw 4vw;
  border-radius: 1.33333vw;
  width: 100%;
  background: url("/lbeeprogram/img/common/section_bg.jpg") center top/contain;
}
@media (min-width: 768px) {
  .howto_list_inner {
    padding: 3.25203vw 4.47154vw 2.43902vw;
    border-radius: 10px;
  }
}
@media (min-width: 1230px) {
  .howto_list_inner {
    padding: 40px 55px 30px;
  }
}
.howto_list_inner ul li {
  text-align: right;
  letter-spacing: 0.06em;
  color: #503317; 
  font-size: 3.46667vw;
  font-weight: bold;
  line-height: 2;

  -webkit-font-feature-settings: "palt";

          font-feature-settings: "palt";
}
@media (min-width: 768px) {
  .howto_list_inner ul li {
    font-size: 1.62602vw;
  }
}
@media (min-width: 1230px) {
  .howto_list_inner ul li {
    font-size: 20px;
  }
}

.howto_list_heading {
  display: flex;
  position: absolute;
  top: 0;
  left: 50%;
  border-radius: 3.73333vw; 
  width: 42.66667vw;
  height: 7.46667vw;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  background-color: #f75525;
  letter-spacing: 0.06em;
  color: #fff;
  font-size: 4.26667vw;
  line-height: 1;

  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .howto_list_heading {
    border-radius: 1.46341vw; 
    width: 21.13821vw;
    height: 2.92683vw;
    font-size: 1.78862vw;
  }
}
@media (min-width: 1230px) {
  .howto_list_heading {
    border-radius: 18px; 
    width: 260px;
    height: 36px;
    font-size: 22px;
  }
}

.howto_list_note {
  margin: 0.5em 0 0;
  padding-left: 1.0em;
  text-align: left;
  text-indent: -1.0em;
  font-size: 3.46667vw;
  font-weight: 500;
  line-height: 2;

  -webkit-font-feature-settings: "palt";

          font-feature-settings: "palt";
}
.howto_list_note._sub {
  margin: 0.1em 0;
}
@media (min-width: 768px) {
  .howto_list_note {
    padding-left: 0;
    text-align: right; 
    text-indent: inherit;
    font-size: 1.30081vw;
  }
}
@media (min-width: 1230px) {
  .howto_list_note {
    font-size: 16px;
  }
}

.howto_list_text {
  margin: 5.33333vw 0 4vw;
  text-align: center;
}
@media (min-width: 768px) {
  .howto_list_text {
    margin: 2.03252vw 0 1.62602vw;
  }
}
@media (min-width: 1230px) {
  .howto_list_text {
    margin: 25px 0 20px;
  }
}
.howto_list_text span {
  position: relative;
  color: #f75525; 
  font-size: 6.13333vw;
  font-weight: bold;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .howto_list_text span {
    font-size: 3.73984vw;
  }
}
@media (min-width: 1230px) {
  .howto_list_text span {
    font-size: 46px;
  }
}
.howto_list_text span::before,
.howto_list_text span::after {
  content: "";
  position: absolute;
  width: 2.93333vw;
  height: 2.26667vw;
  background: url("/lbeeprogram/img/experience/lead_decoration02.png") no-repeat center top/contain;
}
@media (min-width: 768px) {
  .howto_list_text span::before,
  .howto_list_text span::after {
    width: 1.62602vw;
    height: 1.21951vw;
  }
}
@media (min-width: 1230px) {
  .howto_list_text span::before,
  .howto_list_text span::after {
    width: 20px;
    height: 15px;
  }
}
.howto_list_text span::before {
  top: 0.93333vw;
  left: -5.33333vw;
}
@media (min-width: 768px) {
  .howto_list_text span::before {
    top: 0.3252vw;
    left: -2.43902vw;
  }
}
@media (min-width: 1230px) {
  .howto_list_text span::before {
    top: 4px;
    left: -30px;
  }
}
.howto_list_text span::after {
  right: -10vw; 
  bottom: -0.8vw;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media (min-width: 768px) {
  .howto_list_text span::after {
    right: -5.69106vw; 
    bottom: 0.1626vw;
  }
}
@media (min-width: 1230px) {
  .howto_list_text span::after {
    right: -70px; 
    bottom: 2px;
  }
}

.howto_list_btn .btn {
  margin: 0 auto;
}
@media (max-width: 767.98px) {
  .howto_list_btn .btn {
    margin-top: 5.33333vw;
    padding-right: 2.66667vw;
    width: 79.06667vw;
    height: 16.53333vw;
    background: url(/lbeeprogram/img/common/btn_bg_sp_lg.png) no-repeat center/contain; 
    font-size: 4.8vw;
  }
  .howto_list_btn .btn:hover {
    background: url(/lbeeprogram/img/common/btn_bg_sp_lg_ov.png) no-repeat center/contain;
  }
}

.howto_list_btn .btn a {
  letter-spacing: 0.06em;

  -webkit-font-feature-settings: "palt";

          font-feature-settings: "palt";
}
@media (min-width: 768px) {
  .howto_list_btn .btn a {
    padding-right: 1.62602vw;
    font-size: 1.78862vw;
  }
}
@media (min-width: 1230px) {
  .howto_list_btn .btn a {
    padding-right: 20px;
    font-size: 22px;
  }
}

.howto_text {
  padding: 6.66667vw 5.33333vw; 
  text-align: center;
  letter-spacing: 0.04em;
  font-size: 4vw;
  font-weight: bold;
  line-height: 2;

  -webkit-font-feature-settings: "palt";

          font-feature-settings: "palt";
}
@media (min-width: 768px) {
  .howto_text {
    padding: 1.62602vw 3.25203vw; 
    font-size: 1.46341vw;
  }
}
@media (min-width: 1230px) {
  .howto_text {
    padding: 20px 40px; 
    font-size: 1.8rem;
  }
}

.howto_attention {
  margin: 13.33333vw auto 0;
  border: dotted 3px #f75525;
  border-radius: 10px; 
  width: 80vw;
}
@media (min-width: 768px) {
  .howto_attention {
    margin-top: 4.06504vw;
    width: 43.90244vw;
  }
}
@media (min-width: 1230px) {
  .howto_attention {
    margin-top: 50px;
    width: 540px;
  }
}
@media (max-width: 767.98px) {
  #top {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  #top .mv .mv_inner {
    position: relative;
    /* max-height: 800px; */
    background: url(/lbeeprogram/img/top/mv_bg.png) repeat-x center top/contain;
  }
  #top .mv .mv_inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/lbeeprogram/img/top/mv_front.png) repeat-x center top/contain;
  }
  #top .mv img {
    display: block;
    margin: 0 auto; 
    width: 85%;
    max-width: 1000px;
  }
}
#top .section_wrapper {
  margin-top: 10.66667vw;
}
@media (min-width: 768px) {
  #top .section_wrapper {
    margin-top: 0px;
    padding-bottom: 0.81301vw;
  }
}
@media (min-width: 1230px) {
  #top .section_wrapper {
    padding-bottom: 10px;
  }
}
#top .section_wrapper section {
  padding: 0 10.66667vw;
}
@media (min-width: 768px) {
  #top .section_wrapper section {
    padding: 0;
  }
}
#top .section_wrapper section.bg-colored {
  position: relative; 
  background: url("/lbeeprogram/img/common/section_bg.jpg") center top/contain;
}
@media (min-width: 768px) {
  #top .section_wrapper section.bg-colored {
    background: url("/lbeeprogram/img/common/section_bg.jpg") center top/1000px;
  }
}
#top .section_wrapper section.bg-colored::before,
#top .section_wrapper section.bg-colored::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  width: 100%; 
  height: 0.8vw;
  background: url("/lbeeprogram/img/common/section_bg_end.jpg") center top/contain;
}
@media (min-width: 768px) {
  #top .section_wrapper section.bg-colored::before,
  #top .section_wrapper section.bg-colored::after {
    background: url("/lbeeprogram/img/common/section_bg_end.jpg") center top/1000px;
  }
}
@media (min-width: 768px) {
  #top .section_wrapper section.bg-colored::before,
  #top .section_wrapper section.bg-colored::after {
    height: 0.4878vw;
  }
}
@media (min-width: 1230px) {
  #top .section_wrapper section.bg-colored::before,
  #top .section_wrapper section.bg-colored::after {
    height: 6px;
  }
}
#top .section_wrapper section.bg-colored::before {
  top: -0.53333vw;
}
@media (min-width: 768px) {
  #top .section_wrapper section.bg-colored::before {
    top: -0.3252vw;
    height: 0.4878vw;
  }
}
@media (min-width: 1230px) {
  #top .section_wrapper section.bg-colored::before {
    top: -6px;
  }
}
#top .section_wrapper section.bg-colored::after {
  bottom: -0.53333vw;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media (min-width: 768px) {
  #top .section_wrapper section.bg-colored::after {
    bottom: -0.3252vw;
    height: 0.4878vw;
  }
}
@media (min-width: 1230px) {
  #top .section_wrapper section.bg-colored::after {
    bottom: -6px;
  }
}
#top .section_wrapper .lead {
  padding-bottom: 21.33333vw;
}
#top .section_wrapper .lead._small {
  padding-bottom: 18.33333vw;
}
@media (min-width: 768px) {
  #top .section_wrapper .lead {
    box-sizing: content-box; 
    margin: 6.58537vw auto 0;
    padding: 0 0 10.56911vw;
    max-width: 1230px;
    text-align: center;
  }
  #top .section_wrapper .lead._small {
    padding: 0 0 6.56911vw;
  }
}
@media (min-width: 1230px) {
  #top .section_wrapper .lead {
    margin-top: 81px;
    padding: 0 0 130px;
  }
  #top .section_wrapper .lead._small {
    margin-top: 81px;
    padding: 0 0 80px;
  }
}
#top .section_wrapper .step {
  padding-top: 12.8vw;
  padding-bottom: 14.13333vw;
}
@media (min-width: 768px) {
  #top .section_wrapper .step {
    padding-top: 5.36585vw;
    padding-bottom: 6.91057vw;
    text-align: center;
  }
}
@media (min-width: 1230px) {
  #top .section_wrapper .step {
    padding-top: 66px;
    padding-bottom: 85px;
  }
}
#top .section_wrapper .experience {
  position: relative;
  padding-top: 30.4vw;
  padding-bottom: 14.13333vw;
}
#top .section_wrapper .experience::before {
  content: "";
  position: absolute;
  top: -0.53333vw;
  left: 0;
  width: 100%;
  height: 19.06667vw;
  background: url("/lbeeprogram/img/top/experience_bnr.png") center top/contain;
}
@media (min-width: 768px) {
  #top .section_wrapper .experience::before {
    top: 0;
    height: 10.0813vw;
    background: url("/lbeeprogram/img/top/experience_bnr_lg.png") center top/156.09756vw;
  }
}
@media (min-width: 1230px) {
  #top .section_wrapper .experience::before {
    height: 124px;
    background: url("/lbeeprogram/img/top/experience_bnr_lg.png") center top/1920px;
  }
}
@media (min-width: 768px) {
  #top .section_wrapper .experience {
    margin: 0 auto 7.23577vw;
    padding: 13.33333vw 3.25203vw 0;
    max-width: 1920px;
    text-align: center;
  }
}
@media (min-width: 1230px) {
  #top .section_wrapper .experience {
    margin: 0 auto 89px; 
    padding: 164px 40px 0;
  }
}
#top .section_wrapper .expiration {
  margin-top: 6.66667vw;
}
@media (min-width: 768px) {
  #top .section_wrapper .expiration {
    margin: 8.13008vw auto 0;
    padding: 0 3.25203vw; 
    max-width: 1230px;
  }
}
@media (min-width: 1230px) {
  #top .section_wrapper .expiration {
    margin: 100px auto 0;
    padding: 0 40px;
  }
}
#top .section_wrapper .stage {
  margin-top: 14.66667vw;
}
@media (min-width: 768px) {
  #top .section_wrapper .stage {
    margin: 4.95935vw auto 0;
    padding: 0 3.25203vw;
    max-width: 1230px;
  }
}
@media (min-width: 1230px) {
  #top .section_wrapper .stage {
    margin: 61px auto 0;
    padding: 0 40px;
  }
}
#top .section_wrapper .cycle {
  margin-top: 14.66667vw;
}
@media (min-width: 768px) {
  #top .section_wrapper .cycle {
    margin: 6.26016vw auto 0;
    padding: 0 3.25203vw; 
    max-width: 1230px;
  }
}
@media (min-width: 1230px) {
  #top .section_wrapper .cycle {
    margin: 77px auto 0;
    padding: 0 40px;
  }
}
#top .section_wrapper .question {
  margin-top: 16.53333vw;
  padding-top: 12.8vw;
  padding-bottom: 13.33333vw;
}
@media (min-width: 768px) {
  #top .section_wrapper .question {
    margin-top: 8.13008vw;
    padding-top: 5.28455vw;
    padding-bottom: 5.52846vw;
  }
}
@media (min-width: 1230px) {
  #top .section_wrapper .question {
    margin-top: 100px;
    padding-top: 65px;
    padding-bottom: 68px;
  }
}
#top .section_wrapper .terms {
  margin-top: 14.93333vw;
}
@media (min-width: 768px) {
  #top .section_wrapper .terms {
    margin: 6.09756vw auto 0;
    padding: 0 3.25203vw; 
    max-width: 1230px;
  }
}
@media (min-width: 1230px) {
  #top .section_wrapper .terms {
    margin: 75px auto 0;
    padding: 0 40px;
  }
}
#top .lead_content {
  margin-top: 15.2vw;
}
#top .lead_subttl {
  font-size: 20px;
  color: #503317;
  font-weight: bold;
  line-height: 1.3;
}
@media (min-width: 768px) {
  #top .lead_subttl {
    font-size: 1.98vw;
  }
  #top .lead_content {
    display: -ms-grid;
    display: grid;
    margin: 3.41463vw auto 0;
    padding: 0 50px; 
    width: 100vw;

    -ms-grid-columns: 38.94309vw calc(100% - 38.94309vw);

    grid-template-columns: 38.94309vw calc(100% - 38.94309vw);
        grid-template-areas: "itemB itemA" "itemB itemC" "itemB itemD";
  }
}
@media (min-width: 1230px) {
  #top .lead_subttl {
    font-size: 20px;
    color: #503317;
    font-weight: bold;
    line-height: 1.3;
  }
  #top .lead_content {
    margin: 42px auto 0;
    padding: 0; 
    width: 100%;

    -ms-grid-columns: 479px calc(100% - 479px);

    grid-template-columns: 479px calc(100% - 479px);
  }
}
#top .lead_ttl {
  position: relative;
  margin-bottom: 1.33333vw;
  margin-left: -2.5vw; 
  width: calc(100% + 5vw);
  text-align: center;
  letter-spacing: -0.075em;
  color: #f75525;
  font-size: 5.93333vw;
}
@media (min-width: 768px) {
  #top .lead_ttl {
    display: inline-block;
    margin-bottom: 0;
    margin-left: -2.52033vw;
    width: auto; 
    font-size: 3.90244vw;
  }
}
@media (min-width: 1230px) {
  #top .lead_ttl {
    margin-left: -31px; 
    font-size: 4.8rem;
  }
}
#top .lead_ttl .line-dotted {
  position: relative;
}
#top .lead_ttl .line-dotted::before {
  content: "";
  position: absolute;
  background: url("/lbeeprogram/img/top/lead_line.png") repeat-x center top/20.95%;
}
@media (min-width: 768px) {
  #top .lead_ttl .line-dotted::before {
    display: inline-block;
    bottom: -1.05691vw;
    left: -0.1626vw;
    width: 42.84553vw;
    height: 0.4065vw;
  }
}
@media (min-width: 1230px) {
  #top .lead_ttl .line-dotted::before {
    bottom: -13px;
    left: -2px; 
    width: 527px;
    height: 5px;
  }
}
#top .lead_ttl .line-dotted-sm {
  position: relative;
}
#top .lead_ttl .line-dotted-sm::before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -2.66667vw; 
  height: 1.6vw;
}
@media (min-width: 768px) {
  #top .lead_ttl .line-dotted-sm::before {
    content: none;
  }
}
#top .lead_ttl .line-dotted-sm.dotted01::before {
  left: -0.5vw;
  width: 67.86667vw;
  background: url(/lbeeprogram/img/top/lead_line.png) repeat-x center top/50%;
}
#top .lead_ttl .line-dotted-sm.dotted02::before {
  left: -0.53333vw;
  width: 62.13333vw;
  background: url(/lbeeprogram/img/top/lead_line.png) repeat-x center top/54.4%;
}
#top .lead_ttl .font-yaku01 {
  display: inline-block;
  margin-right: 0.26667vw;
  -webkit-transform: translateY(-0.4vw);
          transform: translateY(-0.4vw);
}
@media (min-width: 768px) {
  #top .lead_ttl .font-yaku01 {
    margin-right: 0.4878vw;
    -webkit-transform: translateY(-0.2439vw);
            transform: translateY(-0.2439vw);
  }
}
@media (min-width: 1230px) {
  #top .lead_ttl .font-yaku01 {
    margin-right: 6px;
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
  }
}
#top .lead_ttl .font-yaku02 {
  display: inline-block;
  margin-left: 0.53333vw;
  -webkit-transform: translateY(0.26667vw);
          transform: translateY(0.26667vw);
}
@media (min-width: 768px) {
  #top .lead_ttl .font-yaku02 {
    margin-left: 0.73171vw;
    -webkit-transform: none;
            transform: none;
  }
}
@media (min-width: 1230px) {
  #top .lead_ttl .font-yaku02 {
    margin-left: 9px;
  }
}
#top .lead_ttl::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -10.13333vw;
  left: 0;
  margin: auto; 
  width: 10vw;
  height: 6.4vw;
  background: url("/lbeeprogram/img/top/lead_ttl_badge.png") no-repeat center top/contain;
}
@media (min-width: 768px) {
  #top .lead_ttl::after {
    top: 2.27642vw;
    right: -7.07317vw;
    bottom: auto;
    left: auto; 
    width: 4.06504vw;
    height: 2.60163vw;
  }
}
@media (min-width: 768px) and (min-width: 1230px) {
  #top .lead_ttl::after {
    top: 28px;
    right: -87px; 
    width: 50px;
    height: 32px;
  }
}
#top .lead_txt {
  letter-spacing: 0.05em;
  font-size: 4.26667vw;
  line-height: 2.5;
}
@media (min-width: 768px) {
  #top .lead_txt {
    margin-right: 3.25203vw;
    margin-left: 2.60163vw;
    text-align: left; 
    font-size: 1.30081vw;

    grid-area: itemA;
  }
}
@media (min-width: 1230px) {
  #top .lead_txt {
    margin-right: 40px; 
    margin-left: 32px;
    font-size: 1.6rem;
  }
}
#top .lead_img {
  margin: 6.66667vw 0 0 5.86667vw; 
  width: 67.2vw;
}
@media (min-width: 768px) {
  #top .lead_img {
    margin: 3.08943vw 0 0; 
    width: 38.94309vw;

    grid-area: itemB;
  }
}
@media (min-width: 1230px) {
  #top .lead_img {
    margin: 38px 0 0; 
    width: 479px;
  }
}
#top .lead_btn {
  margin-top: 8.26667vw;
}
@media (min-width: 768px) {
  #top .lead_btn {
    margin-top: 2.84553vw;
    margin-bottom: 4.30894vw;
    /* margin-left: 2.35772vw; */
    text-align: left; 
    grid-area: itemD;
  }
}
@media (min-width: 1230px) {
  #top .lead_btn {
    margin-top: 35px;
    margin-bottom: 53px;
    /* margin-left: 29px; */
  }
}
#top .lead_app {
  margin-top: 5.86667vw;
  padding: 4vw 4.33333vw 5.33333vw;
  border-radius: 2.66667vw; 
  margin-left: auto;
  margin-right: auto;
  margin-top: 3%;
  background: #faf4e0;
}
@media (min-width: 768px) {
  #top .lead_app {
    margin-top: 0;
    margin-bottom: 1.83902vw;
    margin-left: 2.35772vw;
    padding: 2.43902vw 0;
    border-radius: 0.81301vw;
    width: 53.19512vw; 
    margin-left: auto;
    margin-right: auto;
    margin-top: 3%;
    /* grid-area: itemD; */
  }
}
@media (min-width: 1230px) {
  #top .lead_app {
    margin-bottom: 20px;
    margin-left: 29px;
    padding: 30px 0;
    border-radius: 10px;
    width: 600px; 
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    /* grid-area: itemD; */
  }
}
@media (min-width: 768px) {
  #top .lead_txt {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  #top .lead_img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  #top .lead_btn {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  #top .lead_app {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  #top .lead_app {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
}
#top .lead_app p {
  position: relative;
  margin-bottom: 2.93333vw;
  text-align: center;
  letter-spacing: -0.02em; 
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  #top .lead_app p {
    margin-bottom: 0.81301vw; 
    font-size: 1.95122vw;
  }
}
@media (min-width: 1230px) {
  #top .lead_app p {
    margin-bottom: 10px; 
    font-size: 2.4rem;
  }
}
#top .lead_app p span {
  font-size: 80%;
}
#top .lead_app p::before,
#top .lead_app p::after {
  content: "";
  position: absolute;
  top: 2.13333vw;
  width: 2.93333vw;
  height: 4.93333vw;
  background: url("/lbeeprogram/img/common/app_decoration.png") no-repeat center top/contain;
}
@media (min-width: 768px) {
  #top .lead_app p::before,
  #top .lead_app p::after {
    top: 0.81301vw; 
    width: 1.21951vw;
    height: 2.03252vw;
  }
}
@media (min-width: 1230px) {
  #top .lead_app p::before,
  #top .lead_app p::after {
    top: 10px; 
    width: 15px;
    height: 25px;
  }
}
#top .lead_app p::before {
  left: -0.53333vw;
}
@media (min-width: 768px) {
  #top .lead_app p::before {
    left: 7.47967vw;
  }
}
@media (min-width: 1230px) {
  #top .lead_app p::before {
    left: 92px;
  }
}
#top .lead_app p::after {
  right: -0.53333vw;
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
@media (min-width: 768px) {
  #top .lead_app p::after {
    right: 7.47967vw;
  }
}
@media (min-width: 1230px) {
  #top .lead_app p::after {
    right: 92px;
  }
}
#top .lead_app .lead_app_content {
  display: block;
  position: relative;
  margin: 1.06667vw auto 0;
  padding: 2.66667vw 5.33333vw 0;
  border-radius: 1.33333vw;
  max-width: 78.66667vw; 
  height: 21.06667vw;
  background: #fff;
  text-align: left;

  align-items: center;
}
@media (min-width: 768px) {
  #top .lead_app .lead_app_content {
    margin: 0.4878vw auto 0;
    padding: 1.95122vw 3.33333vw 0.81301vw;
    border-radius: 0.81301vw;
    max-width: 37.95935vw; 
    height: auto;
  }
}
@media (min-width: 1230px) {
  #top .lead_app .lead_app_content {
    margin: 6px auto 0;
    padding: 24px 41px 10px;
    border-radius: 10px;
    max-width: 470px;
  }
}
#top .lead_app .lead_app_listSub {
  display: flex;
  height: 100%; 

  align-items: center;
}
@media (min-width: 768px) {
  #top .lead_app .lead_app_listSub a {
    transition: 0.2s;
  }
  #top .lead_app .lead_app_listSub a:hover {
    opacity: 0.7;
  }
}
#top .lead_app .lead_app_listSub .lead_app_ios {
  width: 29.06667vw;
}
@media (min-width: 768px) {
  #top .lead_app .lead_app_listSub .lead_app_ios {
    width: 9.02439vw;
  }
}
@media (min-width: 1230px) {
  #top .lead_app .lead_app_listSub .lead_app_ios {
    width: 111px;
  }
}
#top .lead_app .lead_app_listSub .lead_app_android {
  margin-left: 3.2vw; 
  width: 36vw;
}
@media (min-width: 768px) {
  #top .lead_app .lead_app_listSub .lead_app_android {
    margin-left: 1.21951vw; 
    width: 11.21951vw;
  }
}
@media (min-width: 1230px) {
  #top .lead_app .lead_app_listSub .lead_app_android {
    margin-left: 15px; 
    width: 138px;
  }
}
@media (min-width: 768px) {
  #top .lead_app .lead_app_listSub {
    height: auto;
  }
}
#top .lead_app .lead_app_qr {
  position: relative;
}
@media (max-width: 767.98px) {
  #top .lead_app .lead_app_qr {
    display: none;
  }
}
#top .lead_app .lead_app_qr p {
  margin-left: 0.73171vw;
  text-align: left; 
  letter-spacing: 0.05em;
  font-size: 1.30081vw;
}
#top .lead_app .lead_app_qr p::before,
#top .lead_app .lead_app_qr p::after {
  content: none;
}
@media (min-width: 1230px) {
  #top .lead_app .lead_app_qr p {
    margin-left: 9px; 
    font-size: 1.6rem;
  }
}
#top .lead_app .lead_app_qr_code {
  position: absolute;
  top: 1.62602vw; 
  right: 3.25203vw;
  width: 6.50407vw;
}
@media (min-width: 1230px) {
  #top .lead_app .lead_app_qr_code {
    top: 20px; 
    right: 40px;
    width: 80px;
  }
}
@media (max-width: 767.98px) {
  #top .lead_app .lead_app_qr_code {
    display: none;
  }
}
#top .step_ttl {
  position: relative; 
  margin-bottom: 1.33333vw;
  text-align: center;
  color: #f75525;
  font-size: 8.53333vw;
}
#top .step_ttl span {
  letter-spacing: -0.05em;
}
@media (min-width: 768px) {
  #top .step_ttl {
    display: inline-block;
    margin-bottom: 2.84553vw; 
    font-size: 3.90244vw;
  }
}
@media (min-width: 1230px) {
  #top .step_ttl {
    margin-bottom: 35px; 
    font-size: 4.8rem;
  }
}
#top .step_ttl::before,
#top .step_ttl::after {
  content: "";
  position: absolute;
}
@media (min-width: 768px) {
  #top .step_ttl::before,
  #top .step_ttl::after {
    top: 2.92683vw;
    width: 23.25203vw;
    height: 0.81301vw;
    background: url("/lbeeprogram/img/top/step_ttl_decoration.png") no-repeat center top/contain;
  }
}
@media (min-width: 1230px) {
  #top .step_ttl::before,
  #top .step_ttl::after {
    top: 36px; 
    width: 286px;
    height: 10px;
  }
}
@media (min-width: 768px) {
  #top .step_ttl::before {
    left: -26.01626vw;
  }
}
@media (min-width: 1230px) {
  #top .step_ttl::before {
    left: -320px;
  }
}
@media (min-width: 768px) {
  #top .step_ttl::after {
    right: -26.01626vw;
  }
}
@media (min-width: 1230px) {
  #top .step_ttl::after {
    right: -320px;
  }
}
#top .step_list {
  margin-top: 7.73333vw; 
  list-style: none;
}
@media (min-width: 768px) {
  #top .step_list {
    display: flex;
    margin: 0 auto;
    padding: 0 3.25203vw;
  }
}
@media (min-width: 1230px) {
  #top .step_list {
    padding: 0 40px;
    max-width: 1230px;
  }
}
#top .step_listItem {
  position: relative; 
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 768px) {
  #top .step_listItem {
    margin: 0 3vw; 
    width: 25%;
  }
}
@media (min-width: 1230px) {
  #top .step_listItem {
    margin: 0 36.9px;
  }
}
#top .step_listItem img {
  width: 62.13333vw;
}
@media (min-width: 768px) {
  #top .step_listItem img {
    width: 100%;
  }
}
#top .step_listItem::before {
  content: "";
  position: absolute;
  top: -2.66667vw;
  left: 3.46667vw;
  width: 23.46667vw;
  height: 21.6vw;
}
@media (min-width: 768px) {
  #top .step_listItem::before {
    top: -0.97561vw;
    left: -1.70732vw; 
    width: 7.23577vw;
    height: 6.58537vw;
  }
}
@media (min-width: 1230px) {
  #top .step_listItem::before {
    top: -12px;
    left: -21px; 
    width: 89px;
    height: 81px;
  }
}
#top .step_listItem:not(:first-child) {
  position: relative; 
  margin-top: 19.2vw;
}
@media (min-width: 768px) {
  #top .step_listItem:not(:first-child) {
    margin-top: 0;
  }
}
#top .step_listItem:first-child::before {
  background: url("/lbeeprogram/img/top/step_badge01.png") center top/contain;
}
@media (min-width: 768px) {
  #top .step_listItem:first-child {
    margin-left: 0;
  }
}
#top .step_listItem:nth-child(2)::before {
  background: url("/lbeeprogram/img/top/step_badge02.png") center top/contain;
}
#top .step_listItem:nth-child(3)::before {
  background: url("/lbeeprogram/img/top/step_badge03.png") center top/contain;
}
#top .step_listItem:nth-child(4)::before {
  background: url("/lbeeprogram/img/top/step_badge04.png") center top/contain;
}
@media (min-width: 768px) {
  #top .step_listItem:nth-child(4) {
    margin-right: 0;
  }
}
#top .step_listItem p {
  margin-top: 2.13333vw;
  font-size: 4.53333vw;
  font-weight: bold; 
  line-height: 1.65;
}
@media (min-width: 768px) {
  #top .step_listItem p {
    margin-top: 0.89431vw;
    margin-left: -0.81301vw;
    width: 110%;
    font-size: 1.46341vw;
    line-height: 1.75;
  }
}
@media (min-width: 1230px) {
  #top .step_listItem p {
    margin-top: 11px;
    margin-left: -10px; 
    font-size: 1.8rem;
  }
}
#top .step_listItem .step_btn {
  margin: 5.86667vw auto 0;
}
@media (min-width: 768px) {
  #top .step_listItem .step_btn {
    margin: 1.30081vw auto 0;
  }
}
@media (min-width: 1230px) {
  #top .step_listItem .step_btn {
    margin: 16px auto 0;
  }
}
#top .step_listItem:not(:first-child)::after {
  content: "";
  position: absolute;
  top: -12.4vw;
  left: 50%;
  border-width: 4.8vw 4vw 0 4vw;
  border-style: solid;
  border-color: #f75525 transparent transparent transparent;
  width: 0;
  height: 0;
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
}
@media (min-width: 768px) {
  #top .step_listItem:not(:first-child)::after {
    display: block;
    top: 8.29268vw;
    left: -2.92683vw;
    border-width: 1.21951vw 0 1.21951vw 1.46341vw; 
    border-color: transparent transparent transparent #f75525;
  }
}
@media (min-width: 1230px) {
  #top .step_listItem:not(:first-child)::after {
    top: 102px;
    left: -37px;
    border-width: 15px 0 15px 18px;
  }
}
#top .experience_ttl {
  position: relative; 
  margin-bottom: 1.33333vw;
  text-align: center;
  color: #f75525;
  font-size: 8.53333vw;
}
#top .experience_ttl .font-sm {
  font-size: 80%;
}
#top .experience_ttl span {
  letter-spacing: -0.05em;
}
@media (min-width: 768px) {
  #top .experience_ttl {
    display: inline-block;
    margin: 0 auto; 
    font-size: 3.90244vw;
  }
}
@media (min-width: 1230px) {
  #top .experience_ttl {
    font-size: 4.8rem;
  }
}
#top .experience_ttl::before,
#top .experience_ttl::after {
  content: "";
  position: absolute;
}
#top .experience_ttl::before {
  top: -17.6vw;
  left: 12.8vw;
  width: 40.53333vw;
  height: 18.4vw;
  background: url("/lbeeprogram/img/top/experience_ttl_badge01.png") no-repeat center top/contain;
}
@media (min-width: 768px) {
  #top .experience_ttl::before {
    top: -6.50407vw;
    left: -2.92683vw;
    width: 15.85366vw;
    height: 7.31707vw;
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg);
  }
}
@media (min-width: 1230px) {
  #top .experience_ttl::before {
    top: -80px;
    left: -36px; 
    width: 195px;
    height: 90px;
  }
}
#top .experience_ttl::after {
  top: 12.8vw;
  right: -6.13333vw;
  width: 16vw;
  height: 14.4vw;
  background: url("/lbeeprogram/img/top/experience_ttl_badge02.png") no-repeat center top/contain;
}
@media (min-width: 768px) {
  #top .experience_ttl::after {
    top: -1.05691vw;
    right: -9.5122vw; 
    width: 7.23577vw;
    height: 6.50407vw;
  }
}
@media (min-width: 1230px) {
  #top .experience_ttl::after {
    top: -13px;
    right: -117px; 
    width: 89px;
    height: 80px;
  }
}
#top .experience_list {
  margin-top: 4.8vw;
}
@media (min-width: 768px) {
  #top .experience_list {
    display: flex;
    margin: 3.25203vw auto 0;
    padding: 0 5.33333vw;
    max-width: 1230px;

    flex-wrap: wrap;
  }
}
@media (min-width: 1230px) {
  #top .experience_list {
    margin: 40px auto 0;
    padding: 0 40px;
  }
}
@media (min-width: 768px) {
  #top .experience_listItem {
    width: calc(33.3% - 3.52033vw);
    text-align: left;
  }
}
@media (min-width: 1230px) {
  #top .experience_listItem {
    width: calc(33.3% - 43.3px);
    text-align: left;
  }
}
#top .experience_listItem + .experience_listItem {
  margin-top: 8.53333vw;
}
@media (min-width: 768px) {
  #top .experience_listItem + .experience_listItem {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  #top .experience_listItem:not(:nth-child(3n)) {
    margin-right: 5.28455vw;
  }
}
@media (min-width: 1230px) {
  #top .experience_listItem:not(:nth-child(3n)) {
    margin-right: 65px;
  }
}
@media (min-width: 768px) {
  #top .experience_listItem:nth-child(n + 4) {
    margin-top: 4.06504vw;
  }
}
@media (min-width: 1230px) {
  #top .experience_listItem:nth-child(n + 4) {
    margin-top: 50px;
  }
}
#top .experience_listItem p {
  margin-top: 1.33333vw;
  letter-spacing: 0.07em; 
  line-height: 2;
}
@media (min-width: 768px) {
  #top .experience_listItem p {
    margin-top: 0.65041vw;
    letter-spacing: 0.05em; 
    font-size: 1.30081vw;
  }
}
@media (min-width: 1230px) {
  #top .experience_listItem p {
    margin-top: 8px; 
    font-size: 1.6rem;
  }
}
#top .experience_listItem a:hover .experience_list_img img {
  opacity: 0.7;
}
#top .experience_listItem a:hover .experience_list_img::before {
  opacity: 1;
}
#top .experience_list_ttl {
  margin-top: 4.26667vw;
  margin-left: -0.8vw;
  letter-spacing: 0.01em; 
  color: #f75525;
  font-size: 6.13333vw;
}
@media (min-width: 768px) {
  #top .experience_list_ttl {
    margin-top: 1.62602vw;
    margin-left: 0;
    letter-spacing: -0.07em; 
    font-size: 2.27642vw;
  }
}
@media (min-width: 1230px) {
  #top .experience_list_ttl {
    margin-top: 20px; 
    font-size: 2.8rem;
  }
}
#top .experience_list_img {
  position: relative; 
  transition: 0.2s;
}
#top .experience_list_img img {
  vertical-align: top;
}
#top .experience_list_img::before {
  content: "";
  opacity: 0;
  box-sizing: border-box; 
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  border: 1.06667vw solid #f75525;
  border-radius: 2.66667vw;
  width: 100%;
  height: 100%;
  transition: 0.2s;
}
@media (min-width: 768px) {
  #top .experience_list_img::before {
    border: 0.3252vw solid #f75525; 
    border-radius: 0.81301vw;
  }
}
@media (min-width: 1230px) {
  #top .experience_list_img::before {
    border: 4px solid #f75525; 
    border-radius: 10px;
  }
}
#top .experience_implementation {
  display: flex;
  margin: 80px auto 0;
  padding-top: 13px;
  width: 840px;
  height: 194px;
  background: url(/lbeeprogram/img/top/experience_implementation_lg.jpg) no-repeat;
  background-size: contain; 

  justify-content: center;
  align-items: center;
}
@media (max-width: 1229.98px) {
  #top .experience_implementation {
    margin-top: 6.50407vw;
    padding-top: 1.05691vw;
    width: 68.29268vw;
    height: 15.77236vw;
  }
}
@media (max-width: 767.98px) {
  #top .experience_implementation {
    margin-top: 12vw;
    padding-top: 7.33333vw;
    width: 78.66667vw;
    height: 109.06667vw;
    background: url(/lbeeprogram/img/top/experience_implementation.jpg) no-repeat;
    background-size: contain; 

    align-items: flex-start;
  }
}
#top .experience_implementation p {
  text-align: center; 
  letter-spacing: 0.1em;
  color: #f75525;
  font-size: 30px;
  line-height: 1.5;
}
@media (max-width: 1229.98px) {
  #top .experience_implementation p {
    font-size: 2.43902vw;
  }
}
@media (max-width: 767.98px) {
  #top .experience_implementation p {
    letter-spacing: 0.08em; 
    font-size: 5.86667vw;
    line-height: 1.5;
  }
  #top .experience_implementation p span {
    display: inline-block;
    padding-bottom: 2vw;
  }
}
#top .expiration_ttl {
  position: relative;
  margin-bottom: 4.8vw;
  margin-left: -2.13333vw;
  text-align: center;
  color: #f75525;
  font-size: 8.53333vw;
  line-height: 1.55;
}
#top .expiration_ttl span {
  letter-spacing: -0.08em;
}
@media (min-width: 768px) {
  #top .expiration_ttl {
    margin-bottom: 0; 
    margin-left: 0;
    font-size: 3.90244vw;
  }
}
@media (min-width: 1230px) {
  #top .expiration_ttl {
    font-size: 4.8rem;
  }
}
#top .expiration_img {
  text-align: center;
}
@media (min-width: 768px) {
  #top .expiration_img {
    margin-top: 2.92683vw;
  }
}
@media (min-width: 1230px) {
  #top .expiration_img {
    margin-top: 36px;
  }
}
#top .expiration_txt {
  margin-top: 6px; 
  letter-spacing: 0.03em;
  font-size: 4.26667vw;
  line-height: 2;
}
@media (min-width: 768px) {
  #top .expiration_txt {
    margin-top: 0.56911vw;
    text-align: right;
    letter-spacing: 0.05em;
    font-size: 1.30081vw;
    line-height: normal;
  }
}
@media (min-width: 1230px) {
  #top .expiration_txt {
    margin-top: 7px; 
    font-size: 1.6rem;
  }
}
#top .stage_ttl {
  position: relative;
  margin-bottom: 4.8vw;
  margin-left: -2.13333vw;
  text-align: center;
  color: #f75525;
  font-size: 8.53333vw;
  line-height: 1.55;
}
#top .stage_ttl span {
  letter-spacing: -0.11em;
}
@media (min-width: 768px) {
  #top .stage_ttl {
    margin-bottom: 0; 
    margin-left: 0;
    font-size: 3.90244vw;
  }
}
@media (min-width: 1230px) {
  #top .stage_ttl {
    font-size: 4.8rem;
  }
}
#top .stage_img {
  position: relative;
  text-align: center;
}
#top .stage_img::before {
  content: "";
  position: absolute;
  bottom: -2.93333vw;
  left: -6.66667vw;
  width: 26vw;
  height: 16vw;
  background: url("/lbeeprogram/img/top/stage_badge01.png") no-repeat center top/contain;
}
@media (min-width: 768px) {
  #top .stage_img::before {
    bottom: -0.97561vw;
    left: -3.25203vw; 
    width: 16.26016vw;
    height: 10.0813vw;
  }
}
@media (min-width: 1230px) {
  #top .stage_img::before {
    bottom: -12px;
    left: -40px; 
    width: 200px;
    height: 124px;
  }
}
@media (min-width: 768px) {
  #top .stage_img {
    margin-top: 1.21951vw;
  }
}
@media (min-width: 1230px) {
  #top .stage_img {
    margin-top: 15px;
  }
}
#top .cycle_ttl {
  position: relative;
  margin-bottom: 4.8vw;
  margin-left: -2.13333vw;
  text-align: center;
  color: #f75525;
  font-size: 8.53333vw;
  line-height: 1.55;
}
#top .cycle_ttl span {
  letter-spacing: -0.08em;
}
@media (min-width: 768px) {
  #top .cycle_ttl {
    margin-bottom: 0; 
    margin-left: 0;
    font-size: 3.90244vw;
  }
}
@media (min-width: 1230px) {
  #top .cycle_ttl {
    font-size: 4.8rem;
  }
}
#top .cycle_img {
  text-align: center;
}
@media (min-width: 768px) {
  #top .cycle_img {
    margin-top: 2.92683vw;
  }
}
@media (min-width: 1230px) {
  #top .cycle_img {
    margin-top: 36px;
  }
}
#top .question_ttl {
  position: relative;
  margin-bottom: 4.8vw;
  margin-left: -2.13333vw;
  text-align: center;
  color: #f75525;
  font-size: 8.53333vw;
  line-height: 1.55;
}
#top .question_ttl span {
  letter-spacing: -0.15em;
}
@media (min-width: 768px) {
  #top .question_ttl span {
    display: inline-block;
    margin-right: 0.4878vw;
  }
}
@media (min-width: 1230px) {
  #top .question_ttl span {
    margin-right: 6px;
  }
}
@media (min-width: 768px) {
  #top .question_ttl {
    margin-bottom: 0; 
    margin-left: 0;
    font-size: 3.90244vw;
  }
}
@media (min-width: 1230px) {
  #top .question_ttl {
    font-size: 4.8rem;
  }
}
@media (min-width: 768px) {
  #top .question_list {
    margin: 3.57724vw auto 0; 
    padding: 0 3.25203vw;
    max-width: 1230px;
  }
}
@media (min-width: 1230px) {
  #top .question_list {
    margin: 44px auto 0; 
    padding: 0 40px;
  }
}
#top .question_list dt {
  position: relative;
  padding: 2.66667vw 10.66667vw 2.4vw 18.13333vw;
  border-radius: 2.66667vw;
  cursor: pointer; 
  transition: 0.2s;
  background-color: #fff;
  color: #000;
  font-size: 5.06667vw;
  font-weight: bold;
  line-height: 1.5;
}
@media (min-width: 768px) {
  #top .question_list dt {
    padding: 1.95122vw 6.50407vw 1.95122vw 6.34146vw; 
    border-radius: 0.81301vw;
    font-size: 1.78862vw;
  }
}
@media (min-width: 1230px) {
  #top .question_list dt {
    padding: 24px 80px 24px 78px; 
    border-radius: 10px;
    font-size: 2.2rem;
  }
}
#top .question_list dt::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5.06667vw;
  margin: auto;
  width: 9.33333vw;
  height: 10.13333vw;
  transition: 0.2s;
  background: url("/lbeeprogram/img/common/question_icon_open.png") no-repeat center top/contain;
}
@media (min-width: 768px) {
  #top .question_list dt::before {
    left: 1.13821vw;
    margin-top: 0.97561vw; 
    width: 3.73984vw;
    height: 4.30894vw;
  }
}
@media (min-width: 1230px) {
  #top .question_list dt::before {
    left: 14px;
    margin-top: 12px; 
    width: 46px;
    height: 53px;
  }
}
#top .question_list dt::after {
  content: "";
  position: absolute;
  top: 0;
  right: 4.53333vw;
  bottom: 0;
  margin: auto;
  width: 4.26667vw;
  height: 4.26667vw;
  transition: 0.2s;
  background: url("/lbeeprogram/img/common/question_btn_icon_open.png") no-repeat center/contain;
}
@media (min-width: 768px) {
  #top .question_list dt::after {
    right: 2.76423vw; 
    width: 1.62602vw;
    height: 1.62602vw;
  }
}
@media (min-width: 1230px) {
  #top .question_list dt::after {
    right: 34px; 
    width: 20px;
    height: 20px;
  }
}
#top .question_list dt.is-open {
  border-radius: 2.66667vw 2.66667vw 0 0; 
  background-color: #f75525;
  color: #fff;
}
@media (min-width: 768px) {
  #top .question_list dt.is-open {
    border-radius: 0.81301vw 0.81301vw 0 0;
  }
}
@media (min-width: 1230px) {
  #top .question_list dt.is-open {
    border-radius: 10px 10px 0 0;
  }
}
#top .question_list dt.is-open img {
  opacity: 0;
}
#top .question_list dt.is-open::before {
  background: url("/lbeeprogram/img/common/question_icon_close.png") no-repeat center top/contain;
}
#top .question_list dt.is-open::after {
  background: url("/lbeeprogram/img/common/question_btn_icon_close.png") no-repeat center/contain;
}
#top .question_list dd {
  display: none; 
  position: relative;
  padding: 6.93333vw 2.66667vw 5.06667vw 18.13333vw;
  border-radius: 0 0 2.66667vw 2.66667vw;
  background-color: #fff;
  color: #000;
  font-size: 4.26667vw;
  line-height: 1.8;
}
@media (min-width: 768px) {
  #top .question_list dd {
    padding: 1.86992vw 10.56911vw 2.11382vw 6.50407vw; 
    border-radius: 0 0 0.81301vw 0.81301vw;
    letter-spacing: 0.01em;
    font-size: 1.30081vw;
  }
}
@media (min-width: 1230px) {
  #top .question_list dd {
    padding: 23px 130px 26px 80px; 
    border-radius: 0 0 10px 10px;
    font-size: 1.6rem;
  }
}
#top .question_list dd::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 7.73333vw;
  left: 5.06667vw;
  width: 9.33333vw;
  height: 10.13333vw;
  background: url("/lbeeprogram/img/common/answer_icon.png") no-repeat center top/contain;
}
@media (min-width: 768px) {
  #top .question_list dd::before {
    top: 0.97561vw;
    left: 1.13821vw; 
    width: 3.73984vw;
    height: 4.30894vw;
  }
}
@media (min-width: 1230px) {
  #top .question_list dd::before {
    top: 12px;
    left: 14px; 
    width: 46px;
    height: 53px;
  }
}
#top .question_list dd + dt {
  margin-top: 5.33333vw;
}
@media (min-width: 768px) {
  #top .question_list dd + dt {
    margin-top: 1.62602vw;
  }
}
@media (min-width: 1230px) {
  #top .question_list dd + dt {
    margin-top: 20px;
  }
}
#top .question_btn {
  margin-top: 8vw;
  text-align: center;
}
@media (min-width: 768px) {
  #top .question_btn {
    margin: 2.35772vw auto 0;
  }
}
@media (min-width: 1230px) {
  #top .question_btn {
    margin: 29px auto 0;
  }
}
#top .terms_ttl {
  position: relative;
  margin-bottom: 4.8vw;
  margin-left: -2.13333vw;
  text-align: center;
  color: #f75525;
  font-size: 8.53333vw;
  line-height: 1.55;
}
#top .terms_ttl span {
  letter-spacing: -0.08em;
}
@media (min-width: 768px) {
  #top .terms_ttl {
    margin-bottom: 0; 
    margin-left: 0;
    font-size: 3.90244vw;
  }
}
@media (min-width: 1230px) {
  #top .terms_ttl {
    font-size: 4.8rem;
  }
}
#top .terms_txt {
  text-align: center;
  letter-spacing: 0.025em;
  line-height: 1.8;
}
@media (min-width: 768px) {
  #top .terms_txt {
    margin-top: 2.43902vw; 
    letter-spacing: 0.01em;
  }
}
@media (min-width: 1230px) {
  #top .terms_txt {
    margin-top: 30px;
  }
}
#top .terms_btn {
  margin-top: 6.4vw;
  text-align: center;
}
@media (min-width: 768px) {
  #top .terms_btn {
    margin: 3.41463vw auto 0;
  }
}
@media (min-width: 1230px) {
  #top .terms_btn {
    margin-top: 42px auto 0;
  }
}
#top .intro {
  position: relative;
  margin: 20vw auto 0;
  padding: 12vw 2.06667vw 6.66667vw;
  border-radius: 1.33333vw; 
  width: 78.66667vw;
  background-color: #faf4e0;
}
#top .intro._orange {
  background-color: #fff492;
}
#top .intro_head {
  background-color: #f75525;
  color: white;
  width: 100%;
  padding: 3% 0;
  text-align: center;
  border-radius: 90px;
  margin-top: -21%;
  font-size: 4.64vw;
  line-height: 1.2;
  position: relative;
}
#top .intro_head::after{
  content: '';
  background-image: url(/lbeeprogram/img/top/intro_head_icon.png);
  width: 9vw;
  height: 9vw;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: -36%;
  right: 0;
}
@media (min-width: 768px) {
  #top .intro {
    margin: 12.19512vw auto 0;
    padding: 2.05203vw;
    border-radius: 10px; 
    width: 68.29268vw;
  }
  #top .intro._orange {
    width: 60vw;
  }
  #top .intro._small {
    margin: 8.19512vw auto 0;
  }
  #top .intro_head {
    margin-top: -40px;
    font-size: 2.0vw;
  }
  #top .intro_head::after{
    content: '';
    background-image: url(/lbeeprogram/img/top/intro_head_icon.png);
    width: 5vw;
    height: 5vw;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: -57%;
    right: 0;
  }
}
@media (min-width: 1230px) {
  #top .intro {
    margin: 150px auto 0;
    padding: 20px; 
    width: 840px;
  }
  #top .intro._orange {
    width: 740px;
  }
  #top .intro._small {
    margin: 100px auto 0;
  }
  #top .intro_head {
    padding: 10px 0;
    margin-top: -40px;
    font-size: 26px;
  }
  #top .intro_head::after{
    content: '';
    background-image: url(/lbeeprogram/img/top/intro_head_icon.png);
    width: 50px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: -38px;
    right: 0;
  }
}
#top .intro_txt {
  text-align: center; 
  color: #503317;
  font-size: 4.53333vw;
  line-height: 1.79412;
  margin-top: 4%;
}
@media (min-width: 768px) {
  #top .intro_txt {
    font-size: 1.82602vw;
    line-height: 1.8;
    margin-top: 3%;
  }
}
@media (min-width: 1230px) {
  #top .intro_txt {
    font-size: 24px;
    margin-top: 20px;
  }
}
#top .intro_txt > span {
  color: #f75525;
}
#top .intro_img {
  position: absolute;
  top: -10.66667vw;
  left: 50%;
  width: 56vw;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (min-width: 768px) {
  #top .intro_img {
    top: -4.06504vw;
    width: 42.27642vw;
  }
}
@media (min-width: 1230px) {
  #top .intro_img {
    top: -50px;
    width: 520px;
  }
}

.banner-area{
  margin: 50px auto;
  text-align: center;
}
.banner-area img{
  width: 90%;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}
.banner-area div{
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

#top .section_wrapper .lead._small.movie_border {
  padding: 2.56911vw 0 2.56911vw;
}

#top .movie_border .expiration_ttl {
  font-size: 40px;
  padding: 0 0 2% 2%;
}

#top .movie_title {
  font-size: 24px;
  line-height: 1.8;
  margin-top: 0;
  margin-bottom: -2%;
  text-align: center;
  font-weight: bold;
  color: #503317;
}

#top .top_link_btn01 {
  display: flex;
  margin: 3% auto;
  width: 600px;
}

#top .top_btn01 {
  margin-right: 3%;
}

#top .top_chuki01 {
  margin: 0 auto;
  padding-top: 1.33333vw;
  text-align: left; 
  color: #222;
  font-size: 4.26667vw;
  font-weight: 500;
}

.top_btn01.btn.btn-lg a {
  font-size: 20px;
}

.top_btn02.btn.btn-lg a {
  font-size: 20px;
}

.movie_border {
  border: 5px solid #f8673c;
  border-radius: 30px;
  width: 90%;
}

#top .sp {
  display: none;
}

@media screen and (max-width: 768px) {

  #top .movie_title {
    font-size: 5vw;
    line-height: 1.8;
    margin-top: 3%;
    margin-bottom: -2%;
    text-align: center;
    font-weight: bold;
    color: #503317;
  }

  .movie_border {
    border: 5px solid #f8673c;
    border-radius: 30px;
    width: 95%;
    margin: 0 auto;
  }  

  #top .movie_border .expiration_ttl {
    font-size: 6vw;
    padding: 5% 0 2% 2%;
  }

  #top .top_link_btn01 {
    display: block;
    margin: 5% auto;
    width: 85%;  
  }  
  #top .top_btn01 {
    margin-bottom: 8%;
  }
  .top_btn01.btn.btn-lg a {
    font-size: 4.6vw;
  }
.top_btn02.btn.btn-lg a {
    font-size: 4.6vw;
  }

  #top .top_chuki01 {
    margin: 0 auto;
    padding: 0 8% 6% 6%;
  }  

  #top .sp {
    display: block;
  }
}

@media (min-width: 768px) {

  #top .top_chuki01 {
    margin: 0 auto;
    padding-top: 0.81301vw;
    width: 81.30081vw;
    max-width: 1000px;
    font-size: 1.30081vw;
  }
}
@media (min-width: 1230px) {
  #top .top_chuki01 {
    margin: 0 auto;
    padding-top: 10px;
    font-size: 1.6rem;
  }
}


/* 6/2追加 */

#top .lead_content_note {
  padding-top: 10px;
}


/* 2024.4.17追加 */
#top .top_attention {
  margin: 13.33333vw auto 0;
  border: dotted 3px #f75525;
  border-radius: 10px; 
  width: 80vw;
}
@media (min-width: 768px) {
  #top .top_attention {
    margin-top: 4.06504vw;
    width: 43.90244vw;
  }
}
@media (min-width: 1230px) {
  #top .top_attention {
    margin-top: 50px;
    width: 540px;
  }
}
#top .top_attention p {
  padding: 6.66667vw 5.33333vw 2vw; 
  text-align: center;
  letter-spacing: 0.04em;
  font-size: 4vw;
  font-weight: bold;
  line-height: 2;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
#top .top_attention p.txt {
  padding: 6.66667vw 5.33333vw;
}
@media (min-width: 768px) {
  #top .top_attention p {
    padding: 1.62602vw 3.25203vw; 
    font-size: 1.46341vw;
  }
  #top .top_attention p.txt {
    padding: 1.62602vw 3.25203vw;
  }  
}
@media (min-width: 1230px) {
  #top .top_attention p {
    padding: 40px 40px 0 40px; 
    font-size: 1.8rem;
  }
  #top .top_attention p.txt {
    padding: 40px;
  }
}
#top .top_attention .btn {
  width: 70vw;
  height: 16.53333vw;
  color: #503317;
  margin: 0 auto 6.66667vw auto;
  background: url(/lbeeprogram/img/common/btn_bg_sp_lg.png) no-repeat center / contain;
  transition: 0.3s;
}
#top .top_attention .btn:hover {
  background: url(/lbeeprogram/img/common/btn_bg_sp_lg_ov.png) no-repeat center/contain;
}
#top .top_attention .btn:hover a {
  color: #fff;
}
@media (min-width: 768px) {
  #top .top_attention .btn {
    width: 32.68293vw;
    height: 5.93496vw;
    margin: 20px auto 40px auto;
    background: url(/lbeeprogram/img/common/btn_bg_pc_lg.png) no-repeat center / contain;
  }
  #top .top_attention .btn:hover {
   background: url(/lbeeprogram/img/common/btn_bg_pc_lg_ov.png) no-repeat center/contain; 
  }
}
@media (min-width: 1230px) {
  #top .top_attention .btn {
    width: 402px;
    height: 73px;
  }
} 
#top .top_attention .btn a {
  display: inline-flex;
  border: none;
  outline: none;
  width: 100%;
  height: 100%;
  transition: 0.3s;
  color: #503317;
  align-items: center;
  justify-content: center;
  font-size: 4vw;
  text-align: center;
}
@media (min-width: 768px) {
  #top .top_attention .btn a {
    font-size: 2vw;
  }
}
@media (min-width: 1230px) {
  #top .top_attention .btn a {
    font-size: 2.4rem;
  }
}

#top .howto_plusG {
    width: 80vw;
    margin: 13.33333vw auto 0;
    padding: 6.66667vw 5.33333vw;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "メイリオ", sans-serif;
    border: dotted 3px #f75525;
    border-radius: 10px;
}
#top .howto_plusG._campaign {
  position: relative;
  background-color: #fff492;
}
#top .howto_plusG._campaign::before {
  content: "";
  position: absolute;
  top: -13%;
  left: -5%;
  width: 15%;
  padding-top: 15%;
  background: url(../img/top/experience_ttl_badge03.png)no-repeat center / contain;
}
#top .howto_plusG._campaign::after {
  content: "";
  position: absolute;
  bottom: -10%;
  right: -5%;
  width: 15%;
  padding-top: 15%;
  background: url(../img/top/experience_ttl_badge03.png)no-repeat center / contain;
}
#top .howto_plusG._campaign .txt {
  font-weight: bold;
  text-align: center;
  color: #503317;
  font-size: 4vw;
}
#top .howto_plusG._campaign .txt a {
  color: #503317;
}
@media (min-width: 768px) {
    #top .howto_plusG {
      margin: 50px auto 0;
      padding: 40px;
      width: 60vw;
      max-width: 730px;
    }
    #top .howto_plusG._campaign::before {
      top: -20%;
    }
    #top .howto_plusG._campaign .txt {
      font-size: 24px;
    }
}
#top .howto_plusG_title {
    font-size: 3.2vw;
    color: #f75525;
    font-weight: bold;
    text-align: center;
}
@media (min-width: 768px) {
    #top .howto_plusG_title {
        padding-bottom: 30px;
        font-size: 24px;
    }
}
#top .howto_plusG_contents {
    text-align: center;
}
@media (min-width: 1000px) {
    #top .howto_plusG_contents {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
#top .howto_plusG_contents p {
    padding-top: 2vw;
    padding-bottom: 3vw;
    font-size: 3.2vw;
    text-align: left;
}
@media (min-width: 768px) {
    #top .howto_plusG_contents p {
        padding-right: 60px;
        font-size: 18px;
    }
}
#top .howto_plusG_contents img {
    width: 50%;
}
@media (min-width: 768px) {
    #top .howto_plusG_contents img {
        width: 100%;
        max-width: 240px;
    }
}