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

/* ---- mv ----- */
#howto {
  /* ---- section group ----- */
  /* ---- section making ----- */
  /* ---- banner ----- */
  /* ------------------------
    tab
  ------------------------ */
}
#howto .none{
  display: none;
}
#howto .mv {
  text-align: center;
}
#howto .mv .mv_inner {
  position: relative;
}
@media (min-width: 768px) {
  #howto .mv .mv_inner {
    overflow-y: hidden;
    height: 16.26016vw;
    max-height: 200px;
    background: url("/lbeeprogram/img/common/section_bg.jpg") center top/contain;
  }
}
@media (min-width: 1230px) {
  #howto .mv .mv_inner {
    height: 200px;
  }
}
@media (min-width: 768px) {
  #howto .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) {
  #howto .mv .mv_inner::before {
    background: url("/lbeeprogram/img/howto/common/mv_ddecoration.png") repeat-x center center/contain;
  }
}
#howto .mv .mv_title_wrap {
  position: relative;
}
@media (min-width: 768px) {
  #howto .mv .mv_title_wrap {
    margin: 0 auto; 
    max-width: 1000px;
  }
}
#howto .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) {
  #howto .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) {
  #howto .mv .mv_title {
    top: 50px;
    font-size: 5.4rem;
  }
}
#howto .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) {
  #howto .mv .mv_title::before {
    bottom: 0.65041vw;
    border-radius: 0.3252vw; 
    height: 1.13821vw;
  }
}
@media (min-width: 1230px) {
  #howto .mv .mv_title::before {
    bottom: 8px;
    border-radius: 4px; 
    height: 14px;
  }
}
#howto .mv img {
  display: block;
  margin: 0 auto; 
  width: 100%;
}
@media (min-width: 768px) {
  #howto .mv img {
    display: block;
    position: absolute;
    top: 2.60163vw;
    left: calc(50% - 32.11382vw);
    margin: 0; 
    width: 8.37398vw;
  }
}
@media (min-width: 1230px) {
  #howto .mv img {
    top: 32px;
    left: calc(50% - 395px);
    width: 103px;
  }
}
#howto .group {
  text-align: center;
}
@media (min-width: 768px) {
  #howto .group {
    margin: 0 auto; 
    max-width: 1000px;
  }
}
#howto .group_inner {
  padding: 16vw 0;
}
@media (min-width: 768px) {
  #howto .group_inner {
    padding: 9.7561vw 0 8.94309vw;
  }
}
@media (min-width: 1230px) {
  #howto .group_inner {
    padding: 120px 0 110px;
  }
}
#howto .group_title {
  display: inline-block;
  position: relative;
}
#howto .group_title_illust {
  position: absolute;
  top: 10.66667vw;
  left: 77.33333vw;
  width: 12.8vw;
}
@media (min-width: 768px) {
  #howto .group_title_illust {
    top: 0;
    left: 42.60163vw;
    width: 8.69919vw;
  }
}
@media (min-width: 1230px) {
  #howto .group_title_illust {
    left: 524px;
    width: 107px;
  }
}
#howto .group_text {
  letter-spacing: 0.04em; 
  font-size: 4.53333vw;
  font-weight: bold;
  line-height: 2;
}
@media (min-width: 768px) {
  #howto .group_text {
    font-size: 1.46341vw;
  }
}
@media (min-width: 1230px) {
  #howto .group_text {
    font-size: 1.8rem;
  }
}
#howto .group_description {
  margin: 0 10.66667vw; 
  padding-top: 8.4vw;
}
@media (min-width: 768px) {
  #howto .group_description {
    margin: 0 auto;
    padding-top: 5.69106vw; 
    width: 81.30081vw;
    max-width: 1000px;
  }
}
@media (min-width: 1230px) {
  #howto .group_description {
    padding-top: 70px;
  }
}
#howto .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) {
  #howto .group_descriptionWrap {
    padding: 2.27642vw 3.25203vw 3.08943vw;
    border-radius: 0.81301vw;
  }
}
@media (min-width: 1230px) {
  #howto .group_descriptionWrap {
    padding: 28px 40px 38px;
    border-radius: 10px;
  }
}
#howto .group_descriptionText {
  position: relative;
  padding-bottom: 4vw;
  vertical-align: middle; 
  color: #f75525;

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

          font-feature-settings: "palt";
}
@media (min-width: 768px) {
  #howto .group_descriptionText {
    padding-bottom: 1.46341vw;
    letter-spacing: 0.08em; 
    font-weight: bold;
    line-height: 1.5;
  }
}
@media (min-width: 1230px) {
  #howto .group_descriptionText {
    padding-bottom: 18px;
  }
}
#howto .group_descriptionText > p {
  display: block;
  color: #f75525; 
  font-size: 2.73333vw;
}
@media (min-width: 768px) {
  #howto .group_descriptionText > p {
    display: inline-block;
    letter-spacing: 0.08em; 
    font-size: 1.86423vw;
    font-weight: bold;
    line-height: 1.5;
  }
}
@media (min-width: 1230px) {
  #howto .group_descriptionText > p {
    font-size: 22px;
  }
}
#howto .group_descriptionHead {
  letter-spacing: 0.04em;
}
#howto .group_descriptionHead.is-narrow {
  letter-spacing: -0.05em;
}
#howto .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) {
  #howto .group_descriptionInner {
    padding: 1.46341vw 7.2vw 0.97561vw;
    border-radius: 0.81301vw; 

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

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

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

    order: 2;
  }
}
@media (min-width: 768px) {
  #howto .group_label.label_05 {
    width: 6.82927vw;
  }
}
@media (min-width: 1230px) {
  #howto .group_label.label_05 {
    width: 84px;
  }
}
#howto .group_descriptionAnnotation {
  margin: 0;
  padding-top: 1.33333vw;
  text-align: right; 
  color: #222;
  font-size: 4.26667vw;
  font-weight: 500;
}
@media (min-width: 768px) {
  #howto .group_descriptionAnnotation {
    margin: 0 auto;
    padding-top: 0.81301vw;
    width: 81.30081vw;
    max-width: 1000px;
    font-size: 1.30081vw;
  }
}
@media (min-width: 1230px) {
  #howto .group_descriptionAnnotation {
    margin: 0 auto;
    padding-top: 10px;
    font-size: 1.6rem;
  }
}
#howto .group_movieWrap {
  margin: 0 auto; 
  padding-top: 10.66667vw;
}
@media (min-width: 768px) {
  #howto .group_movieWrap {
    padding-top: 6.50407vw;
  }
}
@media (min-width: 1230px) {
  #howto .group_movieWrap {
    padding-top: 80px;
  }
}
#howto .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) {
  #howto .group_movie {
    border-radius: 1.46341vw; 
    width: 81.30081vw;
    height: 45.52846vw;
  }
}
@media (min-width: 1230px) {
  #howto .group_movie {
    border-radius: 18px; 
    width: 1000px;
    height: 560px;
  }
}
#howto .group_movie:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
#howto .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) {
  #howto .group_movie::before {
    width: 11.38211vw;
    height: 11.38211vw;
  }
}
@media (min-width: 1230px) {
  #howto .group_movie::before {
    width: 140px;
    height: 140px;
  }
}
#howto .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;
}
#howto .group_movieTitle > p {
  margin-top: 5.33333vw;
  text-align: center; 
  color: #503317;
  font-size: 5.06667vw;
  line-height: 1;
}
@media (min-width: 768px) {
  #howto .group_movieTitle > p {
    margin-top: 2.43902vw;
    font-size: 2.27642vw;
  }
}
@media (min-width: 1230px) {
  #howto .group_movieTitle > p {
    margin-top: 30px;
    font-size: 28px;
  }
}
#howto .group_movieTitle > p:nth-child(2) {
  margin-top: 2.66667vw;
  font-size: 5.86667vw;
}
@media (min-width: 768px) {
  #howto .group_movieTitle > p:nth-child(2) {
    margin-top: 1.62602vw;
    font-size: 2.76423vw;
  }
}
@media (min-width: 1230px) {
  #howto .group_movieTitle > p:nth-child(2) {
    margin-top: 20px;
    font-size: 34px;
  }
}
#howto .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) {
  #howto .dodesuca_banner {
    margin: 6.50407vw auto 0;
    border-radius: 1.30081vw; 
    width: 81.30081vw;
    height: 20.3252vw;
  }
}
@media (min-width: 1230px) {
  #howto .dodesuca_banner {
    margin: 80px auto 0;
    border-radius: 16px; 
    width: 1000px;
    height: 250px;
  }
}
#howto .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;
}
#howto .dodesuca_banner:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
#howto .making {
  position: relative;
  background: url("/lbeeprogram/img/common/section_bg.jpg") center top/contain; 
  text-align: center;
}
#howto .making::before,
#howto .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) {
  #howto .making::before,
  #howto .making::after {
    height: 0.4878vw;
  }
}
@media (min-width: 1230px) {
  #howto .making::before,
  #howto .making::after {
    height: 6px;
  }
}
#howto .making::before {
  top: -0.53333vw;
}
@media (min-width: 768px) {
  #howto .making::before {
    top: -0.3252vw;
    height: 0.4878vw;
  }
}
@media (min-width: 1230px) {
  #howto .making::before {
    top: -6px;
  }
}
#howto .making::after {
  bottom: -0.53333vw;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media (min-width: 768px) {
  #howto .making::after {
    bottom: -0.3252vw;
    height: 0.4878vw;
  }
}
@media (min-width: 1230px) {
  #howto .making::after {
    bottom: -6px;
  }
}
#howto .making_inner {
  padding: 13.33333vw 0 0;
}
@media (min-width: 768px) {
  #howto .making_inner {
    margin: 0 auto;
    padding: 8.13008vw 0 0; 
    width: 81.30081vw;
  }
}
@media (min-width: 1230px) {
  #howto .making_inner {
    padding: 100px 0 0; 
    max-width: 1000px;
  }
}
@media (min-width: 768px) {
  #howto .making_list {
    position: relative;
  }
}
#howto .making_list ul {
  margin: -20vw auto 0; 
  width: 69.33333vw;
}
@media (min-width: 768px) {
  #howto .making_list ul {
    display: flex;
    margin: -6.50407vw 0 0; 
    width: auto;

    flex-flow: row wrap;
    justify-content: flex-start;
  }
}
@media (min-width: 1230px) {
  #howto .making_list ul {
    margin: -80px 0 0;
  }
}
#howto .making_list ul li {
  position: relative;
  margin-top: 20vw;
}
@media (min-width: 768px) {
  #howto .making_list ul li {
    margin-top: 6.50407vw; 
    width: 22.76423vw;
  }
}
@media (min-width: 1230px) {
  #howto .making_list ul li {
    margin-top: 80px; 
    width: 280px;
  }
}
@media (min-width: 768px) {
  #howto .making_list ul li:not(:nth-child(3n+1)) {
    margin-left: 6.50407vw;
  }
}
@media (min-width: 1230px) {
  #howto .making_list ul li:not(:nth-child(3n+1)) {
    margin-left: 80px;
  }
}
#howto .making_list ul li:not(:nth-child(3n+1))::after {
  content: "";
  display: none;
}
@media (min-width: 768px) {
  #howto .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) {
  #howto .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) {
  #howto .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);
  }
  #howto .making_list ul li:first-child::before {
    display: none;
  }
}
@media (max-width: 767.98px) {
  #howto .making_list ul li:first-child {
    margin-top: 22.66667vw;
  }
}
#howto .making_list ul li .step {
  position: absolute;
  top: -2.4vw;
  left: -2vw;
  width: 23.46667vw;
}
@media (min-width: 768px) {
  #howto .making_list ul li .step {
    top: -0.4065vw;
    left: -0.4065vw;
    width: 7.23577vw;
  }
}
@media (min-width: 1230px) {
  #howto .making_list ul li .step {
    top: -5px;
    left: -5px;
    width: 89px;
  }
}
@media (max-width: 767.98px) {
  #howto .making_list ul li .thumbnail {
    margin: 0 auto; 
    width: 61.46667vw;
  }
}
#howto .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) {
  #howto .making_list ul li .order {
    margin-top: 1.62602vw;
    font-size: 1.78862vw;
  }
}
@media (min-width: 1230px) {
  #howto .making_list ul li .order {
    margin-top: 20px;
    font-size: 2.2rem;
  }
}
#howto .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) {
  #howto .making_list ul li .description {
    margin-top: 0.81301vw;
    width: 21.13821vw;
    font-size: 1.30081vw;
  }
}
@media (min-width: 1230px) {
  #howto .making_list ul li .description {
    margin-top: 10px;
    width: 260px;
    font-size: 1.6rem;
  }
}
#howto .making_list ul li.last_step .order_sm {
  font-size: 4.53333vw;
}
@media (min-width: 768px) {
  #howto .making_list ul li.last_step .order_sm {
    font-size: 1.46341vw;
  }
}
@media (min-width: 1230px) {
  #howto .making_list ul li.last_step .order_sm {
    font-size: 1.8rem;
  }
}
#howto .making_list ul li.last_step .order_lg {
  position: relative;
  margin-top: 0;
  font-size: 6.4vw;
}
@media (min-width: 768px) {
  #howto .making_list ul li.last_step .order_lg {
    font-size: 2.27642vw;
  }
}
@media (min-width: 1230px) {
  #howto .making_list ul li.last_step .order_lg {
    font-size: 2.8rem;
  }
}
#howto .making_list ul li.last_step .order_lg::before,
#howto .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) {
  #howto .making_list ul li.last_step .order_lg::before,
  #howto .making_list ul li.last_step .order_lg::after {
    top: 0.89431vw; 
    width: 1.21951vw;
    height: 2.03252vw;
  }
}
@media (min-width: 1230px) {
  #howto .making_list ul li.last_step .order_lg::before,
  #howto .making_list ul li.last_step .order_lg::after {
    top: 11px; 
    width: 15px;
    height: 25px;
  }
}
#howto .making_list ul li.last_step .order_lg::before {
  left: 4.66667vw;
}
@media (min-width: 768px) {
  #howto .making_list ul li.last_step .order_lg::before {
    left: 0.3252vw;
  }
}
@media (min-width: 1230px) {
  #howto .making_list ul li.last_step .order_lg::before {
    left: 4px;
  }
}
#howto .making_list ul li.last_step .order_lg::after {
  right: 6.66667vw;
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
@media (min-width: 768px) {
  #howto .making_list ul li.last_step .order_lg::after {
    right: 1.21951vw;
  }
}
@media (min-width: 1230px) {
  #howto .making_list ul li.last_step .order_lg::after {
    right: 15px;
  }
}
#howto .making_illust {
  position: relative;
  z-index: 1;
  bottom: -0.8vw;
  margin: 4vw auto 0;
  width: 94.4vw;
  height: 73.2vw;
}
@media (min-width: 768px) {
  #howto .making_illust {
    bottom: -0.4878vw;
    margin: 2.43902vw auto 0;
    width: 45.28455vw;
    height: 28.29268vw;
  }
}
@media (min-width: 1230px) {
  #howto .making_illust {
    bottom: -7px;
    margin: 30px auto 0;
    width: 557px;
    height: 348px;
  }
}
#howto .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) {
  #howto .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) {
  #howto .banner {
    margin: 100px auto 0;
    padding: 65px 438px 58px 72px; 
    width: 1000px;
    height: 340px;
  }
}
#howto .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) {
  #howto .banner .banner_title {
    font-size: 2.76423vw;
  }
}
@media (min-width: 1230px) {
  #howto .banner .banner_title {
    font-size: 3.4rem;
  }
}
#howto .banner .lead_app {
  margin-top: 5.86667vw;
}
@media (min-width: 768px) {
  #howto .banner .lead_app {
    margin-top: 2.03252vw;
  }
}
@media (min-width: 1230px) {
  #howto .banner .lead_app {
    margin-top: 25px;
  }
}
#howto .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) {
  #howto .banner .lead_app p {
    margin-bottom: 0.81301vw;
    padding-left: 1.62602vw; 
    font-size: 1.95122vw;
  }
}
@media (min-width: 1230px) {
  #howto .banner .lead_app p {
    margin-bottom: 10px;
    padding-left: 20px; 
    font-size: 2.4rem;
  }
}
#howto .banner .lead_app p span {
  font-size: 80%;
}
#howto .banner .lead_app p::before,
#howto .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) {
  #howto .banner .lead_app p::before,
  #howto .banner .lead_app p::after {
    top: 0.81301vw; 
    width: 1.21951vw;
    height: 2.03252vw;
  }
}
@media (min-width: 1230px) {
  #howto .banner .lead_app p::before,
  #howto .banner .lead_app p::after {
    top: 10px; 
    width: 15px;
    height: 25px;
  }
}
#howto .banner .lead_app p::before {
  left: -4vw;
}
@media (min-width: 768px) {
  #howto .banner .lead_app p::before {
    left: 0;
  }
}
#howto .banner .lead_app p::after {
  right: -5.33333vw;
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
@media (min-width: 768px) {
  #howto .banner .lead_app p::after {
    right: -1.62602vw;
  }
}
@media (min-width: 1230px) {
  #howto .banner .lead_app p::after {
    right: -20px;
  }
}
#howto .banner .lead_app ul {
  display: flex;
  margin: 0;
}
@media (min-width: 768px) {
  #howto .banner .lead_app ul {
    margin: 0 0.1626vw;
  }
}
@media (min-width: 1230px) {
  #howto .banner .lead_app ul {
    margin: 0 0;
  }
}
#howto .banner .lead_app li {
  margin: 0 2vw;
  width: 32vw;
}
@media (min-width: 768px) {
  #howto .banner .lead_app li {
    margin: 0 0.97561vw; 
    width: 13.00813vw;
  }
}
@media (min-width: 1230px) {
  #howto .banner .lead_app li {
    margin: 0 12px; 
    width: 160px;
  }
}
#howto .banner .lead_app li:first-child {
  width: 26.4vw;
}
@media (min-width: 768px) {
  #howto .banner .lead_app li:first-child {
    width: 10.73171vw;
  }
}
@media (min-width: 1230px) {
  #howto .banner .lead_app li:first-child {
    width: 132px;
  }
}
#howto .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) {
  #howto .howto_sortTab {
    margin: 3.25203vw auto 0;
    padding: 4.06504vw 0;
  }
}
@media (min-width: 1230px) {
  #howto .howto_sortTab {
    margin-top: 40px auto 0;
    padding: 50px 0;
  }
}
#howto .howto_sortTab::before,
#howto .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) {
  #howto .howto_sortTab::before,
  #howto .howto_sortTab::after {
    height: 0.4878vw;
  }
}
@media (min-width: 1230px) {
  #howto .howto_sortTab::before,
  #howto .howto_sortTab::after {
    height: 6px;
  }
}
#howto .howto_sortTab::before {
  top: -0.53333vw;
}
@media (min-width: 768px) {
  #howto .howto_sortTab::before {
    top: -0.3252vw;
    height: 0.4878vw;
  }
}
@media (min-width: 1230px) {
  #howto .howto_sortTab::before {
    top: -6px;
  }
}
#howto .howto_sortTab::after {
  bottom: -0.53333vw;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media (min-width: 768px) {
  #howto .howto_sortTab::after {
    bottom: -0.3252vw;
    height: 0.4878vw;
  }
}
@media (min-width: 1230px) {
  #howto .howto_sortTab::after {
    bottom: -6px;
  }
}
#howto .howto_sortTab ul {
  display: flex;

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

    justify-content: flex-start;
  }
}
@media (min-width: 1230px) {
  #howto .howto_sortTab ul {
    margin: 0 auto -40px;
    max-width: 1035px;
  }
}
#howto .howto_sortTab ul li {
  position: relative;
  margin-bottom: 5.33333vw;
}
@media (min-width: 768px) {
  #howto .howto_sortTab ul li {
    margin-bottom: 3.25203vw;
  }
}
@media (min-width: 1230px) {
  #howto .howto_sortTab ul li {
    margin-bottom: 40px;
  }
}
#howto .howto_sortTab ul li .tab_icon {
  position: absolute;
  bottom: 0.93333vw; 
  left: 2.66667vw;
  z-index: 3;
}
@media (min-width: 768px) {
  #howto .howto_sortTab ul li .tab_icon {
    bottom: 0.56911vw; 
    left: 2.84553vw;
  }
}
@media (min-width: 1230px) {
  #howto .howto_sortTab ul li .tab_icon {
    bottom: 7px; 
    left: 35px;
  }
}
#howto .howto_sortTab ul li .tab_icon.icon_01 {
  width: 8.53333vw;
}
@media (min-width: 768px) {
  #howto .howto_sortTab ul li .tab_icon.icon_01 {
    width: 4.63415vw;
  }
}
@media (min-width: 1230px) {
  #howto .howto_sortTab ul li .tab_icon.icon_01 {
    width: 57px;
  }
}
#howto .howto_sortTab ul li .tab_icon.icon_02 {
  bottom: 2vw;
  left: 1.33333vw; 
  width: 7.73333vw;
  z-index: 2;
}
@media (min-width: 768px) {
  #howto .howto_sortTab ul li .tab_icon.icon_02 {
    bottom: 0.56911vw; 
    left: 2.84553vw;
    width: 7.15447vw;
  }
}
@media (min-width: 1230px) {
  #howto .howto_sortTab ul li .tab_icon.icon_02 {
    bottom: 7px; 
    left: 35px;
    width: 88px;
  }
}
#howto .howto_sortTab ul li .tab_icon.icon_03 {
  width: 6.8vw;
}
@media (min-width: 768px) {
  #howto .howto_sortTab ul li .tab_icon.icon_03 {
    width: 3.41463vw;
  }
}
@media (min-width: 1230px) {
  #howto .howto_sortTab ul li .tab_icon.icon_03 {
    width: 42px;
  }
}
#howto .howto_sortTab ul li .tab_icon.icon_04 {
  left: 1.73333vw; 
  width: 9.46667vw;
}
@media (min-width: 768px) {
  #howto .howto_sortTab ul li .tab_icon.icon_04 {
    left: 1.86992vw; 
    width: 5.20325vw;
  }
}
@media (min-width: 1230px) {
  #howto .howto_sortTab ul li .tab_icon.icon_04 {
    left: 23px; 
    width: 64px;
  }
}
#howto .howto_sortTab ul li .tab_icon.icon_05, 
#howto .howto_sortTab ul li .tab_icon.icon_07 {
  z-index: 1; 
  left: 0.66667vw;
  width: 8.8vw;
}
#howto .howto_sortTab ul li .tab_icon.icon_06 {
  z-index: 1;
  left: 4vw;
  width: 7.8vw;
}
@media (min-width: 768px) {
  #howto .howto_sortTab ul li .tab_icon.icon_05,
  #howto .howto_sortTab ul li .tab_icon.icon_07 {
    left: 1.86992vw; 
    width: 7.36585vw;
  }
  #howto .howto_sortTab ul li .tab_icon.icon_06 {
    left: 3vw;
    width: 4vw;
  }
}
@media (min-width: 1230px) {
  #howto .howto_sortTab ul li .tab_icon.icon_05, 
  #howto .howto_sortTab ul li .tab_icon.icon_07 {
    left: 23px; 
    width: 80px;
  }
  #howto .howto_sortTab ul li .tab_icon.icon_06 {
    left: 41px;
    width: 46px;
  }
}
#howto .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;
}
#howto .howto_sortTab ul li button.is-selected {
  background: url(/lbeeprogram/img/howto/common/tab_bg_sp_ov.png) no-repeat center/contain;
  opacity: 1;
}
#howto .howto_sortTab ul li button.is-touched {
  opacity: 0.5;
}
@media (min-width: 768px) {
  #howto .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; 
    /* background: url(../img/howto/common/tab_bg_pc_ov.png) no-repeat center/contain; */
    opacity: 0.3;
    font-size: 1.78862vw;
    line-height: 1.45;
  }
  #howto .howto_sortTab ul li button.is-selected {
    background: url(/lbeeprogram/img/howto/common/tab_bg_pc_ov.png) no-repeat center/contain;
    /* background: url(../img/howto/common/tab_bg_pc_ov.png) no-repeat center/contain; */
  }
}
@media (min-width: 1230px) {
  #howto .howto_sortTab ul li button {
    margin: 0 15px;
    width: 314px;
    height: 62px;
    font-size: 22px;
  }
}
#howto .howto_sortTab ul li button.tab_02 {
  padding-left: 4.66667vw;
}
@media (min-width: 768px) {
  #howto .howto_sortTab ul li button.tab_02 {
    padding-left: 2.84553vw;
  }
}
@media (min-width: 1230px) {
  #howto .howto_sortTab ul li button.tab_02 {
    padding-left: 35px;
  }
}
#howto .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) {
  #howto .howto_sortTab ul li button.tab_05 {
    padding-left: 2.84553vw;
    font-size: 1.78862vw;
  }
}
@media (min-width: 1230px) {
  #howto .howto_sortTab ul li button.tab_05 {
    padding-left: 35px;
    font-size: 22px;
  }
}
#howto .howto_content {
  display: none;
}
#howto .howto_content[aria-hidden="false"] {
  display: block;
}
@media (min-width: 768px) {
  #howto.is-IE .lead_app {
    margin-top: 0.81301vw;
  }
}
@media (min-width: 1230px) {
  #howto.is-IE .lead_app {
    margin-top: 10px;
  }
}
@media (min-width: 768px) {
  #howto.is-IE .lead_app p::before,
  #howto.is-IE .lead_app p::after {
    top: 1.38211vw;
  }
}
@media (min-width: 1230px) {
  #howto.is-IE .lead_app p::before,
  #howto.is-IE .lead_app p::after {
    top: 15px;
  }
}

.howto_list {
  margin: 13.33333vw 0 0;
  padding: 0 5.33333vw;
}
.howto_list_title{
  color: #503317;
  font-weight: bold;
  text-align: center;
  font-size: 3.2vw;
}
@media (min-width: 768px) {
  .howto_list {
    margin: 5.69106vw auto 0;
    padding: 0;
    width: 57.15447vw;
  }
  .howto_list_title{
    font-size: 2.4vw;
  }
}
@media (min-width: 1230px) {
  .howto_list {
    margin: 70px auto 0;
    width: 1000px;
  }
  .howto_list_title{
    color: #503317;
    font-weight: bold;
    text-align: center;
    font-size: 24px;
  }
}

.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;
  /* background: url("../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: left;
  letter-spacing: 0.06em;
  color: #503317; 
  font-size: 3.26667vw;
  padding-left: 3.26667vw;
  text-indent: -3.26667vw;
  font-weight: bold;
  line-height: 1.5;

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

          font-feature-settings: "palt";
          margin-top: 10px;
}
.howto_list_inner ul li span{
  font-size: 2.67vw;
}
@media (min-width: 768px) {
  .howto_list_inner ul li {
    font-size: 1.82602vw;
  }
  .howto_list_inner ul li span{
    font-size: 1.42602vw;
  }
}
@media (min-width: 1230px) {
  .howto_list_inner ul li {
    font-size: 20px;
    padding-left: 20px;
    text-indent: -20px;
  }
  .howto_list_inner ul li span{
    font-size: 16px;
  }
}

.howto_list_heading {
  display: flex;
  position: absolute;
  top: 0;
  left: 50%;
  border-radius: 3.73333vw; 
  width: 52.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: 31.13821vw;
    height: 2.92683vw;
    font-size: 1.78862vw;
  }
}
@media (min-width: 1230px) {
  .howto_list_heading {
    border-radius: 18px; 
    width: 300px;
    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: 10vw 0 4vw;
  text-align: center;
}
@media (min-width: 768px) {
  .howto_list_text {
    margin: 6vw 0 1.62602vw;
  }
}
@media (min-width: 1230px) {
  .howto_list_text {
    margin: 60px 0 20px;
  }
}
.howto_list_text span {
  position: relative;
  color: #503317; 
  font-size: 5.13333vw;
  font-weight: bold;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .howto_list_text span {
    font-size: 2.73984vw;
  }
}
@media (min-width: 1230px) {
  .howto_list_text span {
    font-size: 32px;
  }
}
/* .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 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";
}
@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;
  }
}


/* ======= 診断 ======= */

.check_bg{
  background-image: url(/lbeeprogram/img/howto/common/howto_bg_orange.png);
  /* background-image: url(../img/howto/common/howto_bg_orange.png); */
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 180vw;
}
.check_text{
  color: white;
  font-size: 4.67vw;
}
.check_text span{
  color: #fff000;
  font-size: 5.67vw;
}
@media (min-width: 768px) {
  .check_text{
    font-size: 3.1vw;
  }
  .check_text span{
    font-size: 4.1vw;
  }
  .check_bg {
    height: 120vw;
  }
}

@media (min-width: 1230px) {
  .check_bg {
    height: 780px;
  }
  .check_text{
    font-size: 38px;
  }
  .check_text span{
    font-size: 44px;
  }
}

#howto .check_img {
  width: 80%;
  max-width: 400px;
  margin: 20px auto 0 auto;
}
@media (min-width: 768px) {
  #howto .check_img {
    width: 50%;
  }
}

#howto .check_content ._typeB {
  width: 90%;
  margin: 0 auto;
}
@media (min-width: 1230px) {
  #howto .check_content ._typeB {
    width: 64%;
  }
}
@media (min-width: 1890px) {
  #howto .check_content ._typeB {
    width: 50%;
  }
}

#howto .check_content ._typeB .flex {
  justify-content: center;
}
@media (min-width: 1230px) {
  #howto .check_content ._typeB .flex {
    column-gap: 20px;
  }
}
#howto .check_content ._typeB .flex:after {
  display: none;
}
@media (min-width: 1230px) {
  #howto .check_content ._typeB .flex:after {
    display: block;
    content: "";
    width: 390px;
    height: 62px;
  }
  
}


#howto .check_content button {
  display: flex;
  margin: 10px auto 0;
  border: none;
  outline: none;
  width: 76.66667vw;
  height: 12.8vw;
  cursor: pointer; 
  transition: 0.3s;
  background: url(/lbeeprogram/img/howto/common/btn_bg_yellow.png) no-repeat center/contain;
  /* background: url(/img/howto/common/btn_bg_yellow.png) no-repeat center/contain; */
  opacity: 0.3;
  color: #503317;
  font-size: 3.73333vw;
  line-height: 1.2;
  justify-content: center;
  align-items: center;
}
#howto .check_content button._back {
  background: url(/lbeeprogram/img/howto/common/btn_bg_back.png) no-repeat center/contain;
  /* background: url(../img/howto/common/btn_bg_back.png) no-repeat center/contain; */
  color: white;
}
#howto .check_content button._large {
  line-height: 1;
  width: 86.66667vw;
  height: 21.8vw;
  background: url(/lbeeprogram/img/howto/common/btn_bg_yellow_large.png) no-repeat center/contain;
}
#howto .check_content button.is-selected {
  opacity: 1;
}
#howto .check_content button.is-touched {
  opacity: 0.5;
}
#howto .check_btn {
  margin-top: 3%;
}
#howto .howto_kowake {
  width: 100%;
  margin-top: 50px;
}
#howto .howto_kowake img{
  width: 100%;
}
#howto .js_check_wrap{
  opacity: 0;
  transition: 0.3s;
}
#howto .js_check_wrap._active{
  opacity: 1;
}
@media (min-width: 768px) {
  #howto .check_content button {
    width: 48.52846vw;
    height: 9.04065vw;
    background: url(/lbeeprogram/img/howto/common/btn_bg_yellow.png) no-repeat center/contain; 
    /* background: url(../img/howto/common/btn_bg_yellow.png) no-repeat center/contain;  */
    opacity: 0.3;
    font-size: 1.78862vw;
    line-height: 1.45;
  }

  #howto .check_content button._large {
    width: 48.52846vw;
    height: 14.04065vw;
    background: url(/lbeeprogram/img/howto/common/btn_bg_yellow_large.png) no-repeat center/contain;
  }
}
@media (min-width: 1230px) {
  #howto .check_content button {
    width: 390px;
    height: 62px;
    font-size: 22px;
  }
  #howto .check_content button._large {
    width: 430px;
    height: 120px;
    background: url(/lbeeprogram/img/howto/common/btn_bg_yellow_large.png) no-repeat center/contain;
  }
  #howto .check_btn {
    margin-top: 20px;
  }
}


/* 6/12追加 */
#howto .howto_text_note {
  width: 80vw;
  margin: 0 auto;
  font-size: 3vw;
  padding: 0 3vw;
  padding-bottom: 6vw;
  text-align: left;
}
@media (min-width: 768px) {
  #howto .howto_text_note {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    padding-bottom: 20px;
    font-size: 16px;
    text-align: center;
  }
}

#howto .howto_text_emphasis {
  font-weight: bold;
}

#howto .howto_plusG {
  width: 80vw;
  margin: 0 auto;
  margin-top: 20px;
  padding: 3vw;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "メイリオ", sans-serif;
  border: dotted 3px #f75525;
}
@media (min-width: 768px) {
  #howto .howto_plusG {
    width: 100%;
    margin-top: 40px;
    padding: 30px;
  }
}

#howto .howto_plusG_title {
  font-size: 3.2vw;
  color: #f75525;
  font-weight: bold;
  text-align: center;
}

@media (min-width: 768px) {
  #howto .howto_plusG_title {
    padding-bottom: 30px;
    font-size: 24px;
  }
}

#howto .howto_plusG_contents img {
   width: 50%;
}

#howto .howto_plusG_contents {
  text-align: center;
}
@media (min-width: 768px) {
  #howto .howto_plusG_contents {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #howto .howto_plusG_contents img {
     width: 100%;
     max-width: 240px;
  }
}

#howto .howto_plusG_contents p {
  padding-top: 2vw;
  padding-bottom: 3vw;
  font-size: 3.2vw;
  text-align: left;
}
@media (min-width: 768px) {
  #howto .howto_plusG_contents p {
    padding-right: 60px;
    font-size: 18px;
  }
}

#howto .howto_pkB {
  width: 80vw;
  margin: 0 auto;
  margin-top: 20px;
  padding: 3vw;
  border: dotted 3px #f75525;
}
@media (min-width: 768px) {
  #howto .howto_pkB {
    width: 100%;
    margin-top: 40px;
    padding: 30px;
  }
}

#howto .howto_pkB_img {
  width: 100%;
}
#howto .howto_pkB_img li:first-child {
  padding-bottom: 1.6vw;
}
@media (min-width: 768px) {
  #howto .howto_pkB_img {
    display: flex;
    gap: 30px;
    justify-content: center;
  }
}

#howto .howto_pkB_note {
  padding-top: 1vw;
  font-size: 3.2vw;
  font-weight: bold;
  text-align: left;
}
@media (min-width: 768px) {
  #howto .howto_pkB_note {
    padding-top: 0;
    font-size: 18px;
    text-align: center;
  }
}

#howto .howto_list_note {
  text-align: left;
  font-size: 2.67vw;
  font-weight: bold;
  color: #503317;
}
@media (min-width: 768px) {
  #howto .howto_list_note {
    padding-left: 1.0em;
    text-indent: -1.0em;
    text-align: left;
    font-size: 16px;
  }
}