@charset "Shift_JIS";
.Main {
  margin-bottom: 20px;
}
h2, h3 {
  margin: 0;
}
a:link, a:visited {
  color: #232452;
}
.mt10 {
  margin-top: 10px !important;
}
.mt32 {
  margin-top: 32px !important;
}
.w120 {
  width: 120px;
}
.mh54 {
  max-height: 54px;
}
.text-center {
  text-align: center;
}
{
  background-image: url(/promo/usa_stockbeginner/img/icon.png);
}
.btn-box {
  padding: 10px;
}
.btn-box .btn {
  display: flex;
  height: 50px;
}
.btn-box .btn:nth-child(2) {
  margin-top: 10px;
}
.btn-box .btn a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 5px 10px;
  color: #fff;
  text-decoration: none;
  background: #ff5a00;
  border-bottom: 5px solid #b84100;
  border-radius: 50px;
  font-weight: bold;
}
.btn-box .btn .btn-sml {
  font-size: 0.8em;
  font-weight: normal;
}
.h2-bg {
  padding: 20px 10px;
  background: #232452;
}
.h2-bg h2 {
  text-align: center;
}
.attractive {
  display: flex;
  align-items: center;
}
.attractive-text {
  font-size: 2rem;
  margin-left: 10px;
}
.table.beikoku-table [class*=__cell--lv1] {
    background-color: #232452;
}
.content {
  padding: 40px 10px;
}
.content-bg {
  background: no-repeat url(/promo/usa_stockbeginner/img/bg_sp.png);
}
.font-c-orange {
  color: #ff5a00;
}
.anxiety-box {
  padding: 20px;
  border: 3px solid #232452;
  background: #e3f6ff;
}
.anxiety-box  .figure-wrap {
  margin:0;
}
.anxiety-box .lead-text {
  font-size: 2rem;
  font-weight: bold;
}
.bal-left, .bal-right {
  position: relative;
  display: inline-block;
  margin-left: 20px;
  padding: 14px;
  border: 3px solid #000000;
  background-color: #ffffff;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #000000;
}
.bal-right {
  margin-left: 0;
  margin-right: 20px;

}
.bal-left::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  border-style: solid;
  border-width: 0 20px 20px 0;
  border-color: transparent #000000 transparent transparent;
  translate: -100% -50%;
  transform: skew(0, -25deg);
  transform-origin: right;
}
.bal-left::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  border-style: solid;
  border-width: 0 12.8px 12.8px 0;
  border-color: transparent #ffffff transparent transparent;
  translate: -100% calc(-50% - 0.6px);
  transform: skew(0, -25deg);
  transform-origin: right;
}
.bal-right {
  margin-right: 20px;
  padding: 16px;
  border: 3px solid #000000;
  background-color: #ffffff;
  text-align: left;
  font-weight: 400;
  line-height: 1.5;
  color: #000000;
}
.bal-right::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  border-style: solid;
  border-width: 20px 0 0 20px;
  border-color: transparent transparent transparent #000000;
  translate: 100% -50%;
  transform: skew(0, -25deg);
  transform-origin: left;
}

.bal-right::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  border-style: solid;
  border-width: 12.8px 0 0 12.8px;
  border-color: transparent transparent transparent #ffffff;
  translate: 100% calc(-50% + 0.6px);
  transform: skew(0, -25deg);
  transform-origin: left;
}
.media__body .bal-left p, .media__body .bal-right p {
  margin: 0;
}
.meigara-box {
  display: flex;
  align-items: center;
  padding: 10px;
  background: #e3f6ff;
  border-radius: 5px;
  margin-top: 20px;
}
.meigara-box .meigara-info {
  flex-grow: 2;
  padding-left: 20px;
}
.meigara-info .meigara-name {
  font-size: 2rem;
  font-weight: bold;
  margin: 0;
}
.meigara-info .meigara-num {
  font-size: 1.4rem;
  font-weight: bold;
}
.note-list-v2.pl-sml>li {
  padding-left: 1em;
}
.meigara-info .meigara-toushikingaku {
  font-size: 1.4rem;
  margin: 0;
}
.meigara-buy-btn a {
  background: #232452;
  color: #fff;
  padding: 5px 15px;
  border-radius: 44px;
}
.des-box {
  border: 3px solid #232452;
}
.des-box .des-box-head {
  padding: 20px;
  background: #232452;
}
.des-box .des-box-body {
  padding: 20px;
}
.des-box .list-wrap {
  margin: 0;
}
.des-box .unorder-list>li:before {
  background-color: #3ab7f4;
}
.content-bg2 {
  background: #e3f6ff;
}
.faq.acc-des {
  box-shadow: none;
  border: 3px solid #232452;
  border-radius: 0;
}
.acc-des .faq__head {
  border-radius: 0;
  background: #232452;
}
.acc-des .faq__title {
  color: #fff;
}
.acc-des .faq__body {
  background: #fff;
}
.faq__title:after, .faq__title:before {
  background: #fff;
}
.cmn-note-list.cmn-note-list-v2>li {
  margin: .4em 0 0;
  font-size: 1.2rem;
}
@media print, screen and (max-width: 767.97px) {
  .btn-box {
    padding: 10px;
  }
  .mv-btn-box {
    background: #232452;
  }
  .meigara-rank {
    width: 50px;
  }
  .meigara-info {
    width: calc(100% - 150px);
  }
  .notice {
    padding: 10px;
  }
}
@media print, screen and (min-width: 768px) {
  .position-box {
    position: relative;
  }
  .Main__head {
    background-image: url(/promo/usa_stockbeginner/img/mv_pc_bg.png);
  }
  .Main__head__inner {
    width: 990px;
    margin: 0 auto;
  }
  .mv-btn-box {
    position: absolute;
    top: 345px;
    right: 0;
    left: 0;
  }
  .btn-box {
    display: flex;
    justify-content: center;
    width: 800px;
    margin: 0 auto;
  }
  .btn-box .btn {
    width: 370px;
    height: 70px;
    margin: 0;
    font-size: 2rem;
  }
  .btn-box .btn:nth-child(2) {
    margin: 0 0 0 20px;
  }
  .btn-box .btn a {
    margin: 0;
  }
  .h2-bg {
    padding: 20px 0;
  }
  .content-bg {
    background: no-repeat url(/promo/usa_stockbeginner/img/bg_pc.png);
  }
  .attractive-text {
    font-size: 2.6rem;
    margin-left: 20px;
  }
  .content-inner {
    width: 800px;
    margin: 0 auto;
  }
  .anxiety-box .lead-text {
    font-size: 2.4rem;
  }
  .anxiety-box img {
    height:73px;
  }
  .bal-left, .bal-right {
    font-size: 16px;
  }
  .meigara-info .meigara-name {
    font-size: 2.8rem;
  }
  .meigara-info .meigara-num {
    font-size: 2rem;
  }
  .meigara-info .meigara-toushikingaku {
    font-size: 1.6rem;
    font-weight: bold;
  }
  .meigara-buy-btn a {
    padding: 5px 30px;
  }
}