@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/




@media screen and (min-width: 481px) {
    .sp-only {
      display: none !important;
    }
  }
  
  .btn.btn-outline-primary,
  .btn-outline-primary {
    color: #333333 !important;
    border-color: #5a5a5a !important;
  }
  .btn.btn-outline-primary:hover,
  .btn-outline-primary:hover {
    color: #fff !important;
    background-color: #5a5a5a !important;
    border-color: #5a5a5a !important;
  }
  
  .btn-primary,
  .btn.btn-primary {
    background-color: rgb(0, 175, 168) !important;
    border-color: rgb(0, 175, 168) !important;
  }
  .btn-primary:hover,
  .btn.btn-primary:hover {
    color: #fff;
    background-color: rgba(0, 175, 168, 0.761) !important;
    border-color: rgb(0, 175, 168) !important;
  }
  
  /*ダイヤログ・フォーム関係のカラーまとめ*/
  /*アラートの赤*/
  /*アラートの文字*/
  .table-responsive-sm .th-bank {
    width: 20em;
  }
  
  .btn-round {
    border-radius: 3200px !important;
  }
  
  .btn.btn-success {
    color: rgba(0, 0, 0, 0.87) !important;
  }
  
  .btn-go-brokersite {
    padding: 1em 2em;
    font-size: 24px;
    border-radius: 900px;
    display: block;
  }
  
  @media screen and (max-width: 480px) {
    .btn-go-brokersite {
      font-size: 21px;
      padding: 0.6em 1.2em;
    }
  }
  
  @media screen and (max-width: 767px) {
    .pc-only {
      display: none;
    }
  }
  
  @media screen and (min-width: 769px) {
    .xs-only {
      display: none;
    }
  }
  
  .btn-cta {
    background-color: #4E4E4E !important;
    border-collapse: #4E4E4E !important;
  }
  
  .btn-ea-detail {
    background-color: #fff !important;
    border-color: #ff6700 !important;
    color: #ff6700 !important;
  }
  .btn-ea-detail:hover {
    background-color: #ff6700 !important;
    border-collapse: #ff6700 !important;
    color: #fff !important;
  }
  
  /*注意書き*/
  .noticeofforex-wrap .noticeofforex {
    font-size: 11px;
  }
  
  /*スタイル打ち消し*/
  body.dark a {
    color: yellow !important;
  }
  
  .hp-logo {
    height: 29px;
  }
  
  .user_name {
    margin-right: 1em;
  }
  
  .hp-page-title h1 {
    color: #4E4E4E;
    font-size: 24px;
  }
  @media screen and (min-width: 481px) {
    .hp-page-title h1 {
      font-size: 36px;
    }
  }
  .hp-page-title h1 + p.hp-p1-body {
    letter-spacing: 0.05em;
    font-size: 16px;
  }
  
  .kotei-page p {
    line-height: 2;
    font-size: 16px;
  }
  .kotei-page p:last-child {
    margin-bottom: 0;
  }
  .kotei-page h2 {
    font-kerning: auto;
    font-feature-settings: "palt" 1;
    letter-spacing: 0.025em;
    font-feature-settings: "palt";
  }
  .kotei-page h3 {
    font-size: 18px;
    font-weight: 700;
    font-kerning: auto;
    font-feature-settings: "palt" 1;
  }
  .kotei-page ul {
    list-style-type: disc;
    padding-left: 1.3em;
    margin-bottom: 30px;
  }
  .kotei-page ul li {
    list-style-type: disc;
  }
  .kotei-page ul.news-list {
    list-style-type: none;
    padding-left: 0em;
  }
  .kotei-page ul.news-list li {
    list-style-type: none;
  }
  .kotei-page div.apply-step div.step dl dt, .kotei-page div.apply-step div.step dl dd {
    width: 100%;
  }
  .kotei-page div.apply-step div.step dl dd {
    font-size: 14px;
  }
  @media screen and (min-width: 481px) {
    .kotei-page div.apply-step div.step dl dd {
      font-size: 16px;
    }
  }
  
  .broker-intro {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .broker-intro .logo-wrap {
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 15px;
    margin-bottom: 30px;
  }
  .broker-intro .logo-wrap img {
    width: 100%;
    margin: 30px auto;
    max-height: 60px;
    max-width: 240px;
  }
  .broker-intro .logo-wrap img.vertical {
    height: 60px;
    width: auto;
  }
  @media screen and (min-width: 481px) {
    .broker-intro .logo-wrap {
      width: 360px;
      margin-bottom: 0;
    }
  }
  .broker-intro .text-wrap {
    width: 100%;
  }
  @media screen and (min-width: 481px) {
    .broker-intro .text-wrap {
      width: calc(100% - 390px);
    }
  }
  
  /*フッター*/
  a.footer-term-link {
    margin-left: 1em;
  }
  @media screen and (max-width: 480px) {
    a.footer-term-link {
      display: inline-block;
      margin: 1em 0.5em;
    }
  }
  
  .half-image-comp {
    padding-left: 15px !important;
  }
  .half-image-comp img.h1-logo {
    max-width: 200px;
  }
  
  /*フィックスメニュー*/
  nav#fix-menu {
    position: fixed;
    opacity: 0;
    pointer-events: none;
    transition: opacity 1s;
    bottom: 0;
    right: 0;
    width: 100vw;
    height: 45px;
    z-index: 100;
  }
  nav#fix-menu.sc-on {
    opacity: 1;
    transition: opacity 1s;
    pointer-events: auto;
  }
  @media screen and (min-width: 481px) {
    nav#fix-menu {
      writing-mode: vertical-rl;
      position: fixed;
      right: 0;
      top: 50%;
      z-index: 100;
      height: auto;
      width: auto;
      transform: translateY(-50%);
      width: 45px;
    }
    nav#fix-menu ul {
      display: flex;
      padding-left: 0;
      padding: 0;
      justify-content: center;
      margin: 0;
    }
    nav#fix-menu ul li {
      font-size: 15px;
      display: block;
      width: 100%;
    }
    nav#fix-menu ul li:first-child {
      display: none;
    }
    nav#fix-menu ul li a {
      color: #fff;
      padding: 15px 10px;
      display: block;
      letter-spacing: 0.4em;
      background: #0010f7;
      border-radius: 4px 0 0 4px;
    }
  }
  @media screen and (max-width: 480px) {
    nav#fix-menu {
      border-top: 1px solid rgba(0, 0, 0, 0.12);
      width: auto;
    }
    nav#fix-menu ul {
      height: 100%;
      display: flex;
      justify-content: center;
      padding: 0;
      margin: 0;
    }
    nav#fix-menu ul li {
      display: block;
      font-size: 12px;
      width: calc((100vw - 45px) / 2);
    }
    nav#fix-menu ul li a {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%;
      background-color: #fff;
      color: rgba(0, 0, 0, 0.87);
    }
    nav#fix-menu ul li:last-child a {
      background-color: #0010f7 !important;
      color: #fff;
    }
    nav#fix-menu ul li.twlink {
      border-right: 1px solid rgba(0, 0, 0, 0.12);
      width: 45px;
    }
    nav#fix-menu ul li.twlink a {
      font-size: 21px;
      background-color: #eaeaea;
      color: #1a1a1a;
    }
    nav#fix-menu.non-jp ul li {
      width: 50vw;
    }
    nav#fix-menu.non-jp ul li.twlink {
      display: none;
    }
  }
  
  /*新規登録フォーム*/
  /* パスワード変更 */
  form#swpm-editprofile-form p.swpm-edit-profile-submit-section {
    width: 95%;
  }
  
  div.form-control {
    width: 95%;
    color: rgba(0, 0, 0, 0.54);
    border-color: #fff;
  }
  
  /*ログイン関係*/
  @media screen and (min-width: 1200px) {
    .part-header-icon {
      flex: auto !important;
    }
  }
  
  div#swpm_message {
    border: 1px solid rgb(189, 47, 47);
    border-radius: 8px;
    padding: 15px;
    font-weight: bold;
    margin-bottom: 30px;
  }
  div#swpm_message.swpm_success {
    border: none;
    padding: 0;
  }
  div#swpm_message ul {
    font-weight: normal;
    margin: 15px 0 0;
  }
  div#swpm_message ul li {
    list-style: disk;
    margin-left: 1em;
  }
  
  img.hp-dark-none.auth-logo {
    max-height: 36px;
  }
  
  img.hp-dark-none {
    max-height: 360px;
  }
  
  /* CF& */
  form.wpcf7-form .wpcf7-list-item {
    margin-left: 0;
  }
  form.wpcf7-form div#sent-message {
    display: none;
  }
  form.wpcf7-form .hissu {
    color: #D9594C;
    margin-left: 1em;
  }
  form.wpcf7-form span.fn {
    color: #4E4E4E;
  }
  form.wpcf7-form.sent input, form.wpcf7-form.sent textarea, form.wpcf7-form.sent div.mb-24 {
    display: none;
  }
  form.wpcf7-form.sent div#sent-message {
    display: block;
    padding-bottom: 60px;
  }
  form.wpcf7-form.sent div#sent-message p {
    font-size: 14px;
  }
  form.wpcf7-form.sent div#sent-message p:last-child {
    margin-bottom: 0;
  }
  
  @media screen and (max-width: 991px) {
    .only-pc-991 {
      display: none !important;
    }
  }
  
  @media screen and (max-width: 480px) {
    .only-pc {
      display: none !important;
    }
  }
  
  @media screen and (min-width: 481px) {
    .only-sp {
      display: none !important;
    }
  }
  
  /* 外向けページ */
  /*フッター*/
  .footer-copy {
    font-size: 13px !important;
    margin-bottom: 30px !important;
  }
  
  img.footer-logo-outside {
    width: 160px;
  }
  @media screen and (max-width: 480px) {
    img.footer-logo-outside {
      width: 100%;
      max-width: 240px;
    }
  }
  
  div.footer-brands div.snss {
    padding: 60px 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  div.footer-brands div.snss div.sns {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: center;
    margin-right: 30px;
    width: 40px;
  }
  div.footer-brands div.snss div.sns figure {
    width: 100%;
    margin-bottom: 5px;
  }
  div.footer-brands div.snss div.sns figure a {
    width: 100%;
    display: block;
  }
  div.footer-brands div.snss div.sns figure img {
    width: 100%;
  }
  div.footer-brands div.snss div.sns span {
    font-size: 11px;
  }
  @media screen and (max-width: 480px) {
    div.footer-brands .footer-logo-ro {
      margin: 0 auto;
      text-align: center;
      display: block;
    }
    div.footer-brands .footer-logo-ro img {
      margin: 0 auto;
    }
    div.footer-brands div.snss {
      padding: 30px 0 0;
      max-width: 320px;
      margin: 0 auto;
      justify-content: space-evenly;
    }
    div.footer-brands div.snss div.sns {
      margin: 0;
    }
  }
  
  header.header-for-outside {
    z-index: 100;
    width: 100%;
    position: fixed;
    background-color: #fff;
    background-color: #000000;
    box-shadow: 0 0.0125em 0.625em 0 rgba(0, 0, 0, 0.1);
    transition: 0.5s;
  }
  header.header-for-outside.hide {
    transform: translateY(-100%);
  }
  header.header-for-outside.scrolling {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
  }
  header.header-for-outside .container {
    width: calc(100% - 200px) !important;
    max-width: calc(100% - 200px) !important;
  }
  header.header-for-outside .container .header-logo {
    margin-right: auto;
  }
  header.header-for-outside .hp-landing-header-menu .sub-list {
    margin-bottom: 2px;
    font-size: 11px;
  }
  header.header-for-outside .hp-landing-header-menu .sub-list li {
    margin-left: 12px;
  }
  header.header-for-outside .hp-landing-header-menu .main-list {
    font-size: 14px;
  }
  header.header-for-outside .hp-landing-header-menu .main-list li {
    margin-left: 16px;
  }
  @media screen and (max-width: 1100px) {
    header.header-for-outside .hp-landing-header-menu {
      display: none;
    }
  }
  @media screen and (max-width: 480px) {
    header.header-for-outside .container {
      width: 100% !important;
      max-width: 100% !important;
      position: relative;
    }
    header.header-for-outside .container a.loginbutton {
      position: absolute;
      font-size: 13px;
      right: 60px;
      top: 8px;
      margin: 0;
      width: auto;
      color: #4E4E4E;
      font-size: 13px;
    }
  }
  
  @media screen and (max-width: 480px) {
    span.easy-apply-footer {
      transform: translateY(6px);
    }
    span.easy-apply-footer:before {
      content: "30秒で簡単登録";
      position: absolute;
      color: #ffc212;
      left: 50%;
      font-size: 11px;
      top: -14px;
      width: 100%;
      transform: translateX(-50%);
    }
  }
  
  a.btn {
    position: relative;
  }
  a.btn span.easy-apply {
    transform: translateY(6px);
  }
  a.btn span.easy-apply:before {
    content: "30秒で簡単登録";
    position: absolute;
    color: #ffc212;
    left: 50%;
    font-size: 11px;
    top: -14px;
    width: 100%;
    transform: translateX(-50%);
  }
  a.btn span.easy-apply.en-easy {
    min-width: 100px;
  }
  a.btn span.easy-apply.en-easy:before {
    content: "Quick and easy";
  }
  a.btn span.easy-apply.th-easy {
    min-width: 100px;
  }
  a.btn span.easy-apply.th-easy:before {
    content: "เร็วและง่าย";
  }
  a.btn span.easy-apply.zh-easy {
    min-width: 130px;
  }
  a.btn span.easy-apply.zh-easy:before {
    content: "只需30秒鐘簡單註冊";
  }
  a.btn span.easy-apply.hk-easy {
    min-width: 130px;
  }
  a.btn span.easy-apply.hk-easy:before {
    content: "只需30秒钟简单注册";
  }
  a.btn span.easy-apply.ko-easy {
    min-width: 100px;
  }
  a.btn span.easy-apply.ko-easy:before {
    content: "30초면 간단 등록";
  }
  a.btn span.easy-apply-big {
    margin: 0 24px;
  }
  a.btn span.easy-apply-big:before {
    content: "\\ 30秒で簡単会員登録 /";
    position: absolute;
    color: #4E4E4E;
    left: 50%;
    font-size: 18px;
    top: -30px;
    width: 100%;
    transform: translateX(-50%);
  }
  a.btn span.easy-apply-big.en-easy {
    min-width: 180px;
  }
  a.btn span.easy-apply-big.en-easy:before {
    content: "Quick and easy";
  }
  a.btn span.easy-apply-big.zh-easy {
    min-width: 220px;
  }
  a.btn span.easy-apply-big.zh-easy:before {
    content: "只需30秒鐘簡單註冊";
  }
  a.btn span.easy-apply-big.hk-easy {
    min-width: 220px;
  }
  a.btn span.easy-apply-big.hk-easy:before {
    content: "只需30秒钟简单注册";
  }
  a.btn span.easy-apply-big.ko-easy {
    min-width: 180px;
  }
  a.btn span.easy-apply-big.ko-easy:before {
    content: "30초면 간단 등록";
  }
  a.btn span.easy-apply-big.th-easy {
    min-width: 180px;
  }
  a.btn span.easy-apply-big.th-easy:before {
    content: "ลงทะเบียนได้ง่ายใน 30 วินาที";
  }
  a.btn span.broker-apply {
    display: block;
  }
  a.btn span.broker-apply span.chui {
    font-size: 13px;
    display: block;
    padding-top: 0.5em;
  }
  a.btn span.broker-apply:before {
    content: "ブローカーのサイトに移動します";
    position: absolute;
    color: rgba(0, 0, 0, 0.54);
    left: 50%;
    font-size: 13px;
    top: -25px;
    width: 100%;
    transform: translateX(-50%);
    min-width: 17em;
  }
  a.btn span.broker-apply.no-guide:before {
    content: "";
    position: absolute;
    color: rgba(0, 0, 0, 0.54);
    left: 50%;
    font-size: 13px;
    top: -25px;
    width: 100%;
    transform: translateX(-50%);
  }
  a.btn span.broker-apply.en:before {
    content: "Go to the broker's site";
  }
  a.btn span.broker-apply.th:before {
    content: "ไปที่เว็บไซต์ของโบรกเกอร์";
  }
  a.btn span.broker-apply.ko:before {
    content: "브로커 사이트로 이동";
  }
  a.btn span.broker-apply.hk:before {
    content: "到經紀人的網站";
  }
  a.btn span.broker-apply.zh:before {
    content: "到经纪人的网站";
  }
  @media screen and (max-width: 480px) {
    a.btn span.broker-apply br {
      display: none;
    }
    a.btn span.broker-apply:before {
      position: absolute;
      color: rgba(0, 0, 0, 0.87);
      left: 50%;
      font-size: 13px;
      top: -20px;
      width: 100%;
      transform: translateX(-50%);
    }
  }
  
  nav#broker-list {
    padding-top: 0px;
    box-shadow: 0 0.0125em 0.625em 0 rgba(0, 0, 0, 0.1);
    display: flex;
    flex-wrap: wrap;
    position: relative;
    background-color: #fff;
  }
  nav#broker-list div.list-scroll {
    max-width: 2560px;
    margin: 0 auto;
    overflow-x: scroll;
  }
  nav#broker-list div.list-scroll:after {
    content: "";
    width: 45px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 15%, rgb(255, 255, 255) 100%);
  }
  nav#broker-list div.list-scroll ul {
    margin: 0 auto;
    padding: 12px 0px;
    display: flex;
  }
  nav#broker-list div.list-scroll ul li {
    margin: 0 16px;
    white-space: nowrap;
  }
  nav#broker-list div.list-scroll ul li a {
   
    letter-spacing: 0.05em;
    color: rgba(0, 0, 0, 0.87);
  }
  nav#broker-list div.list-scroll ul li:last-child {
    padding-right: 30px;
  }
  @media screen and (max-width: 480px) {

    nav#broker-list div.list-scroll {
      display: flex;
      width: 380px;
      overflow-x: scroll;
    }
    nav#broker-list div.list-scroll ul {
      padding: 6px 0;
      justify-content: flex-start;
      width: 90%;
      flex-shrink: 0;
    }
    nav#broker-list div.list-scroll ul li {
      white-space: nowrap;
    }
  }
  
  .document-wrap {
    max-width: 960px;
    margin: 0px auto 0;
    padding: 60px 0;
  }
  .document-wrap .document-page-title h1 {
    font-size: 28px;
    margin-bottom: 60px;
  }
  .document-wrap .document-body h2, .document-wrap .document-body h3, .document-wrap .document-body h4 {
    font-size: 18px;
    margin-bottom: 1.5em;
    margin-top: 0;
  }
  .document-wrap .document-body p, .document-wrap .document-body ul, .document-wrap .document-body ol, .document-wrap .document-body li, .document-wrap .document-body dl, .document-wrap .document-body dt, .document-wrap .document-body dd {
    font-size: 16px;
    line-height: 1.5;
  }
  .document-wrap .document-body p + h2,
  .document-wrap .document-body p + h3,
  .document-wrap .document-body p + h4 {
    margin-top: 60px;
  }
  .document-wrap .document-body ul + p,
  .document-wrap .document-body ol + p {
    margin-top: 30px;
  }
  .document-wrap .document-body ul, .document-wrap .document-body ol {
    margin-bottom: 30px;
  }
  .document-wrap .document-body ul li {
    list-style-type: disc;
    margin-left: 1.5em;
  }
  .document-wrap .document-body ol li {
    list-style-type: decimal;
    margin-left: 1em;
  }
  .document-wrap .document-body li ol {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .document-wrap .document-body li ol li {
    list-style-type: upper-latin;
  }
  .document-wrap .document-body li ul {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .document-wrap .document-body li ul li {
    list-style-type: circle;
  }
  .document-wrap .document-body .nav-item {
    list-style-type: none !important;
    margin-left: 0;
  }
  .document-wrap .document-body h2.accordion-header {
    margin-bottom: 0;
  }
  
  /*LP タブ制御*/
  .tabContents {
    display: none;
  }
  
  .tabContents.active {
    display: block;
  }
  
  .bg-login-half {
    background-color: #eaeaea !important;
  }
  
  p {
    font-kerning: auto;
    font-feature-settings: "palt" 1;
  }
  
  .comp-title-en {
    font-weight: 700;
    letter-spacing: 0.2em;
    font-kerning: auto;
    font-feature-settings: "palt" 1;
    font-size: 16px;
  }
  .comp-title-en:after {
    content: "";
    display: block;
    width: 180px;
    height: 1px;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
  }
  
  p.lead {
    margin: 30px auto;
    font-size: 18px !important;
    line-height: 2;
  }
  
  .comp-title-jp {
    font-kerning: auto;
    font-weight: 700;
    font-feature-settings: "palt" 1;
    letter-spacing: 0.05em;
    line-height: 1.5;
  }
  
  .feat-box {
    height: 100%;
    box-shadow: 0 0.0125em 0.625em 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    padding: 30px;
  }
  .feat-box p:last-child {
    margin-bottom: 0;
  }
  .feat-box h3 {
    font-weight: 700;
    letter-spacing: 0.2em;
    font-kerning: auto;
    font-feature-settings: "palt" 1;
    font-size: 21px;
    color: #4E4E4E;
  }
  
  /* コンセプト */
  div.topcopy {
    background: rgb(0, 69, 139);
    background: linear-gradient(90deg, rgb(0, 69, 139) 0%, rgb(0, 0, 0) 100%);
    padding-top: 30px;
    padding-bottom: 30px;
  }
  div.topcopy span.swear {
    display: block;
    width: calc(100vw - 60px);
    margin: 0 auto 30px;
  }
  div.topcopy span.swear img {
    width: 100%;
  }
  div.topcopy h3.comp-title-jp {
    display: block;
    margin: 0 auto 30px;
    width: calc(100vw - 60px);
    color: #fff;
    font-size: 18px;
    line-height: 1.6;
  }
  div.topcopy p {
    color: #fff;
    width: calc(100vw - 60px);
    font-size: 13px;
    display: block;
    margin: 0 auto 0;
  }
  @media screen and (min-width: 481px) {
    div.topcopy {
      padding: 60px 0;
    }
    div.topcopy span.swear {
      width: auto;
      margin-bottom: 30px;
      max-width: 320px;
    }
    div.topcopy span.swear img {
      width: 100%;
    }
    div.topcopy h3.comp-title-jp {
      width: 100%;
      font-size: 24px;
      text-align: center;
    }
    div.topcopy p {
      width: auto;
      text-align: center;
      font-size: 16px;
    }
  }
  
  #rebateoneis {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left 360px;
  }
  @media screen and (max-width: 480px) {
    #rebateoneis {
      background-position: left -30px;
      background-size: contain;
    }
    #rebateoneis .no-more-wrap > div:first-child {
      margin-bottom: 30px;
    }
  }
  
  div.broker-detail {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  }
  div.broker-detail .broker-logo-area img {
    margin-top: 30px;
    width: 100%;
    max-width: 200px;
  }
  @media screen and (min-width: 480px) {
    div.broker-detail h3.comp-title-jp + p.lead {
      margin-bottom: 90px;
    }
  }
  
  .broker-ex {
    margin-bottom: 30px;
  }
  .broker-ex p.note {
    font-size: 13px;
  }
  
  div.tab-wrapper {
    margin: 30px auto 0;
    box-shadow: 0 0.0125em 0.625em 0 rgba(0, 0, 0, 0.1);
  }
  div.tab-wrapper ul.comp-tab {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  div.tab-wrapper ul.comp-tab li {
    width: 50%;
  }
  div.tab-wrapper ul.comp-tab li a {
    padding: 15px;
    text-align: center;
    display: block;
    background-color: #eaeaea;
    color: rgba(0, 0, 0, 0.87);
    font-weight: 700;
  }
  div.tab-wrapper ul.comp-tab li.active {
    font-size: 120%;
  }
  div.tab-wrapper ul.comp-tab li.active a {
    background-color: #fff;
  }
  div.tab-wrapper .tabContents {
    padding: 30px;
  }
  @media screen and (max-width: 480px) {
    div.tab-wrapper .tabContents.for-member {
      padding: 0;
    }
  }
  div.tab-wrapper .tabContents.for-member p.tab-annnai {
    padding: 0 15px;
    margin-bottom: 0;
  }
  
  .hp-landing-container {
    max-width: 1184px;
    margin: 0 auto;
    padding: 0 32px;
  }
  
  ol.flows {
    margin-top: 30px;
    padding-left: 0;
    margin-bottom: 0;
  }
  ol.flows li .flow-box {
    border: 2px solid #eaeaea;
    border-radius: 4px;
    margin-bottom: 30px;
    padding: 30px;
  }
  ol.flows li .flow-box span.nb {
    margin: 0 auto 15px;
    width: 45px;
    height: 45px;
    font-size: 21px;
    font-weight: 700;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border: 2px solid rgba(0, 0, 0, 0.12);
    color: #4E4E4E;
    position: relative;
    border-radius: 300px;
  }
  ol.flows li .flow-box span.nb:before {
    content: "Step";
    font-style: italic;
    font-size: 14px;
    position: absolute;
    left: -1.5em;
    top: 0em;
    font-weight: normal;
  }
  ol.flows li .flow-box h3 {
    font-kerning: auto;
    font-weight: 700;
    font-feature-settings: "palt" 1;
    letter-spacing: 0.05em;
    line-height: 1.5;
    margin-bottom: 30px;
    font-size: 21px;
    text-align: center;
  }
  ol.flows li .flow-box .button-wrap {
    margin-top: 15px;
  }
  ol.flows li .flow-box p {
    font-size: 16px;
  }
  ol.flows li .flow-box p:last-child {
    margin-bottom: 0;
  }
  ol.flows li:last-child .flow-box {
    margin-bottom: 0;
  }
  
  @media screen and (max-width: 480px) {
    .for-member ol.flows {
      padding: 7px;
      margin-top: 15px;
    }
    .for-member ol.flows li .flow-box {
      margin-bottom: 7px;
      padding: 15px;
    }
  }
  
  ol.broker-steps {
    padding: 60px 0 0;
    margin: 0 auto 0px;
  }
  ol.broker-steps li {
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  ol.broker-steps li:last-child {
    margin-bottom: 0;
  }
  ol.broker-steps li div.text-wrap {
    width: calc(50% - 15px);
  }
  ol.broker-steps li h4 {
    font-kerning: auto;
    font-weight: 700;
    font-feature-settings: "palt" 1;
    letter-spacing: 0.05em;
    line-height: 1.5;
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: bold;
  }
  ol.broker-steps li figure {
    width: 40%;
    max-width: 480px;
    margin-right: 15px;
    padding: 15px;
    background-color: #3FD2C7;
  }
  ol.broker-steps li figure img {
    width: 100%;
  }
  @media screen and (max-width: 480px) {
    ol.broker-steps {
      padding: 30px 0;
    }
    ol.broker-steps li figure {
      width: 100%;
      max-width: auto;
      margin-right: auto;
    }
    ol.broker-steps li div.text-wrap {
      margin-bottom: 15px;
      width: 100%;
    }
    ol.broker-steps li h4 {
      margin-bottom: 15px;
    }
    ol.broker-steps li p {
      width: 100%;
    }
    ol.broker-steps li figure {
      width: 100%;
    }
    ol.broker-steps li figure img {
      width: 100%;
    }
  }
  
  .footnote {
    font-size: 80% !important;
    padding-left: 1em;
    text-indent: -1em;
  }
  
  table.cb-percent {
    width: 100%;
    font-size: 14px;
    margin-bottom: 30px;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
  }
  table.cb-percent tr th, table.cb-percent tr td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  }

  table.cb-percent tr td {
    text-align: right;

  }
  
  table tr td.td-price {
    text-align: right;
  }
  
  div.mainVisual {
    background-color: #eaeaea;
  }
  div.mainVisual .container {
    max-width: 1184px !important;
    padding: 0 32px;
  }
  div.mainVisual .mainV-inner {
    background-image: url(img/hero_img_202208.svg);
    background-repeat: no-repeat;
    height: calc(100vh - 80px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-size: 620px;
    min-height: 540px;
    max-height: 540px;
    background-size: 620px;
    background-position: right bottom;
  }
  @media screen and (max-width: 1050px) {
    div.mainVisual .mainV-inner {
      background-size: 480px;
    }
  }
  div.mainVisual .mainV-inner h1 {
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    width: 480px;
  }
  div.mainVisual .mainV-inner h1 img.h1-copy {
    max-width: 480px;
    margin-bottom: 30px;
  }
  div.mainVisual .mainV-inner h1 img.h1-logo {
    max-width: 240px;
  }
  div.mainVisual .mainV-inner h1 span.yomi {
    font-size: 13px;
    margin-top: 10px;
    letter-spacing: 0.1em;
    line-height: 1;
  }
  div.mainVisual .mainV-inner p {
    margin-bottom: 30px;
    width: 100%;
    font-size: 18px;
  }
  div.mainVisual .mainV-inner div.main-v-button {
    margin-top: 30px;
  }
  @media screen and (max-width: 480px) {
    div.mainVisual .mainV-inner div.main-v-button a {
      width: 100%;
    }
  }
  @media screen and (max-width: 767px) {
    div.mainVisual .mainV-inner {
      padding-top: 32px;
      background-image: none;
      height: auto;
      min-height: auto;
      max-height: none;
    }
    div.mainVisual .mainV-inner h1 {
      margin-bottom: 30px;
      width: 100%;
    }
    div.mainVisual .mainV-inner h1 img.h1-copy {
      width: 100%;
    }
    div.mainVisual .mainV-inner h1 img.h1-logo {
      width: 61.8%;
    }
    div.mainVisual .mainV-inner p {
      font-size: 14px;
      margin-bottom: 0;
    }
    div.mainVisual .mainV-inner p:after {
      content: "";
      width: 100%;
      height: 46vw;
      margin: 30px auto 0;
      display: block;
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      background-image: url(img/hero_img_202208.svg);
    }
  }
  @media screen and (max-width: 480px) {
    div.mainVisual {
      padding-bottom: 30px;
    }
  }
  div.mainVisual.cp-dark .mainV-inner h1 span.yomi {
    color: #fff;
  }
  div.mainVisual.cp-dark .mainV-inner p {
    color: #fff;
  }
  div.mainVisual.cp-202211 {
    background-image: url(img/bg_cp202211_pc.jpg);
    background-size: cover;
  }
  div.mainVisual.cp-202211 .mainV-inner {
    min-width: 1120px;
    position: relative;
    background-image: none;
  }
  div.mainVisual.cp-202211 .mainV-inner div.campaign-cont {
    width: 560px;
    height: 492px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-246px);
  }
  div.mainVisual.cp-202211 .mainV-inner div.campaign-cont img {
    width: 100%;
    height: auto;
  }
  @media screen and (max-width: 767px) {
    div.mainVisual.cp-202211 {
      padding-bottom: 30px;
      background-image: url(img/bg_cp202211_sp.jpg);
    }
    div.mainVisual.cp-202211 .mainV-inner {
      display: flex;
      flex-direction: column;
      min-width: auto;
    }
    div.mainVisual.cp-202211 .mainV-inner h1 {
      order: 2;
    }
    div.mainVisual.cp-202211 .mainV-inner p {
      order: 3;
    }
    div.mainVisual.cp-202211 .mainV-inner p:after {
      height: 0;
      background-image: none;
    }
    div.mainVisual.cp-202211 .mainV-inner div.campaign-cont {
      order: 1;
      width: 100%;
      height: auto;
      position: static;
      transform: none;
      margin-bottom: 30px;
    }
    div.mainVisual.cp-202211 .mainV-inner div.main-v-button {
      order: 4;
    }
  }
  
  div.horizontal-scroll-wrap {
    overflow: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    padding: 0 90px 30px 0;
    transform: translateX(60px);
  }
  div.horizontal-scroll-wrap .scroll-wrap-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start !important;
    width: 1680px !important;
    margin: 0 !important;
    padding: 30px 0 0 !important;
  }
  div.horizontal-scroll-wrap .scroll-wrap-inner div.guide-box {
    position: relative;
    width: 360px;
    margin-right: 40px;
    border-radius: 8px;
    box-shadow: 0 0.0125em 0.625em 0 rgba(0, 0, 0, 0.1);
    padding: 30px;
    border: 1px solid rgba(0, 0, 0, 0.12);
  }
  div.horizontal-scroll-wrap .scroll-wrap-inner div.guide-box h3 {
    font-size: 21px;
    margin-bottom: 30px;
    color: #4E4E4E;
    white-space: break-spaces;
  }
  div.horizontal-scroll-wrap .scroll-wrap-inner div.guide-box div.button-wrap {
    margin-top: 30px;
  }
  div.horizontal-scroll-wrap .scroll-wrap-inner div.guide-box div.button-wrap a {
    width: 100%;
  }
  div.horizontal-scroll-wrap .scroll-wrap-inner div.guide-box div.ex p {
    white-space: normal;
  }
  @media screen and (min-width: 481px) {
    div.horizontal-scroll-wrap .scroll-wrap-inner div.guide-box div.ex p {
      min-height: 9em;
    }
  }
  div.horizontal-scroll-wrap .scroll-wrap-inner div.guide-box a.btn-round {
    font-size: 18px;
    padding: 1em 2em;
  }
  @media screen and (min-width: 481px) {
    div.horizontal-scroll-wrap .scroll-wrap-inner div.guide-box a.btn-round {
      font-size: 21px;
    }
  }
  div.horizontal-scroll-wrap .scroll-wrap-inner div.guide-box span.step {
    font-size: 21px;
    font-weight: bold;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -20px;
    background: #ff6700;
    color: #fffffb;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
  }
  @media screen and (min-width: 1680px) {
    div.horizontal-scroll-wrap {
      transform: translateX(0);
      padding: 0;
    }
    div.horizontal-scroll-wrap .scroll-wrap-inner {
      margin: 0 auto !important;
      justify-content: space-evenly !important;
    }
  }
  @media screen and (max-width: 480px) {
    div.horizontal-scroll-wrap {
      transform: translateX(0px);
      padding-right: 30px;
    }
    div.horizontal-scroll-wrap .scroll-wrap-inner {
      width: 1280px !important;
      transform: translateX(calc((100vw - 280px) / 2 - 30px));
    }
    div.horizontal-scroll-wrap .scroll-wrap-inner div.guide-box {
      padding: 15px;
      width: 280px;
    }
  }
  
  .news-box {
    padding: 30px;
  }
  .news-box h2.news-title {
    font-size: 21px;
    font-weight: bold;
  }
  .news-box .news-wrap p {
    margin-bottom: 0;
  }
  .news-box .news-wrap p span.entry {
    background-color: #4E4E4E;
    color: #fff;
    vertical-align: text-bottom;
    padding: 2px 10px;
    display: inline-block;
    border-radius: 30px;
    font-size: 13px;
    margin-right: 1em;
  }
  .news-box .news-wrap p.title {
    font-size: 21px;
    font-weight: normal;
    color: #4E4E4E;
    margin-bottom: 15px;
  }
  .news-box .news-wrap p.title-note {
    font-size: 16px;
    font-weight: bold;
    color: #ff6700;
    margin-bottom: 5px;
  }
  .news-box .news-wrap p.news-note {
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 0 !important;
  }
  .news-box .news-wrap + .news-wrap {
    margin-top: 16px;
  }
  
  .broker-logos {
    padding: 30px 0 0;
  }
  .broker-logos h2 {
    margin-bottom: 0;
  }
  .broker-logos h2 + .broker-logos {
    margin-top: -60px;
  }
  @media screen and (max-width: 480px) {
    .broker-logos {
      padding: 15px 0 0;
      border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    }
    .broker-logos .broker-logos-inner {
      display: flex;
      flex-direction: column;
    }
  }
  
  ul.broker-lists {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    max-width: 1200px;
    margin: 0 auto;
  }
  ul.broker-lists:before {
    position: absolute;
    top: -10px;
    font-size: 13px;
    color: rgba(0, 0, 0, 0.54);
  }
  ul.broker-lists li {
    position: relative;
    width: 22%;
    text-align: center;
    max-width: 270px;
    padding: 20px;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: center;
  }
  ul.broker-lists li span.broker_notice {
    position: absolute;
    font-size: 10px;
    width: 100%;
    color: red;
    /* background: red; */
    padding: 0 20px 5px;
  }
  @media screen and (max-width: 480px) {
    ul.broker-lists li span.broker_notice {
      display: none;
    }
  }
  ul.broker-lists li span.broker_official {
    position: absolute;
    font-size: 12px;
    width: 100%;
    padding: 0 20px 5px;
    font-weight: bold;
    color: #D9594C;
    text-decoration: underline;
    bottom: 18px;
  }
  @media screen and (max-width: 480px) {
    ul.broker-lists li span.broker_official {
      bottom: 6px;
    }
  }
  ul.broker-lists li span.cpn {
    background-color: #D9594C;
    color: #fff;
    border-radius: 400px;
    font-weight: 700;
    padding: 4px 12px;
    font-size: 11px;
    line-height: 1;
    transform: translateY(10px) !important;
    z-index: 10;
  }
  @media screen and (min-width: 481px) {
    ul.broker-lists li span.cpn {
      transform: translateY(12px) !important;
      font-size: 13px;
      white-space: nowrap;
    }
  }
  ul.broker-lists li span.ft {
    background-color: #ffc212;
    color: #4E4E4E;
    border-radius: 400px;
    font-weight: 700;
    padding: 4px 12px;
    font-size: 11px;
    line-height: 1;
    transform: translateY(10px) !important;
    z-index: 10;
  }
  @media screen and (min-width: 481px) {
    ul.broker-lists li span.ft {
      transform: translateY(12px) !important;
      font-size: 13px;
      white-space: nowrap;
    }
  }
  ul.broker-lists li a {
    background-color: #fff;
    display: block;
    padding: 30px 20px;
    width: 100%;
    height: 80px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  @media screen and (min-width: 481px) {
    ul.broker-lists li a {
      padding: 60px 20px;
      -webkit-transition: background-color 0.3s linear;
      -webkit-transition: background-color 0.3s linear;
      border: 1px solid rgba(0, 0, 0, 0.12);
      box-shadow: 0 0.0125em 0.625em 0 rgba(0, 0, 0, 0.1);
      border-radius: 8px;
    }
    ul.broker-lists li a:hover {
      background-color: #eaeaea;
    }
    ul.broker-lists li a.ja-type:after {
      position: absolute;
      left: 50%;
      bottom: 5px;
      transform: translateX(-50%);
      content: "詳しく見る";
      display: block;
    }
    ul.broker-lists li a.broker_notice_appear:after {
      content: "";
      display: none;
    }
    ul.broker-lists li a.broker_official_appear:after {
      content: "";
      display: none;
    }
  }
  ul.broker-lists li img {
    max-height: 50px;
  }
  ul.broker-lists li img.type-square {
    height: 40px;
    width: auto;
  }
  @media screen and (max-width: 480px) {
    ul.broker-lists:before {
      top: -20px;
    }
    ul.broker-lists li {
      padding: 10px 10px;
      display: flex;
      justify-content: center;
      width: 50%;
    }
    ul.broker-lists li a {
      text-align: center;
      border: 1px solid rgba(0, 0, 0, 0.12);
      box-shadow: 0 0.0125em 0.625em 0 rgba(0, 0, 0, 0.1);
      border-radius: 8px;
    }
    ul.broker-lists li img {
      margin: 0 auto;
      max-height: 45px;
    }
    ul.broker-lists li img.type-square {
      max-height: 30px;
      width: auto;
    }
  }
  
  .banner-area {
    padding: 60px 0 0;
    padding: 0 0 60px;
    text-align: center;
  }
  .banner-area.comic {
    padding-top: 60px;
  }
  .banner-area span.banner-tag {
    text-align: center;
    display: block;
    margin: 0 auto 10px;
    font-size: 18px;
  }
  @media screen and (max-width: 480px) {
    .banner-area {
      padding: 30px 0 0;
      padding: 0 0 30px;
    }
    .banner-area.comic {
      padding-top: 30px;
    }
    .banner-area span.banner-tag {
      font-size: 13px;
    }
  }
  
  .lpbox {
    padding-top: 90px;
    padding-bottom: 60px;
  }
  @media screen and (max-width: 480px) {
    .lpbox {
      padding: 30px 16px;
    }
  }
  
  #swpm-registration-form div.mb-24:nth-child(2):after {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.54);
    content: "ログイン時に使用するユーザー名です。半角英数字のみ利用可能です。";
    padding-top: 5px;
  }
  #swpm-registration-form div.mb-24:nth-child(3):after {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.54);
    content: "入力されたメールアドレスにアクティベーション用のリンクが送信されます";
    padding-top: 5px;
  }
  #swpm-registration-form div.mb-24:nth-child(9):before {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.54);
    content: "日本国内銀行口座への出金をご希望の方は、本名をご記入ください。";
    margin-top: -15px;
    margin-bottom: 15px;
    display: block;
  }
  
  @media screen and (max-width: 480px) {
    .broker-ex-wrap {
      margin-bottom: 0;
    }
    .broker-ex-wrap .broker-detail {
      margin-bottom: 0;
    }
    .broker-ex-wrap .broker-ex .tab-wrapper {
      margin: 30px -32px 0;
      box-shadow: none;
    }
    .broker-ex-wrap .broker-ex .tab-wrapper .tabContents {
      padding-bottom: 0;
    }
    .broker-ex-wrap .broker-ex:last-child {
      margin-bottom: 0;
    }
    div.col-md-4 h2.comp-title-en {
      font-size: 24px;
      margin-bottom: 30px;
    }
    div.col-md-4 .broker-logo-area {
      text-align: center;
      margin: 0 -32px 30px;
      padding: 32px;
      color: #fff;
    }
    div.col-md-4 .broker-logo-area img {
      margin-top: 0;
      height: 60px;
      width: auto;
    }
    div.col-md-4 .broker-logo-area.b-exness {
      background-color: #000;
    }
    div.col-md-4 .broker-logo-area.b-threetrader {
      background-color: #225ca9;
    }
    div.col-md-4 .broker-logo-area.b-focusmarkets {
      background: rgb(67, 158, 237);
      background: linear-gradient(90deg, rgb(67, 158, 237) 35%, rgb(154, 116, 226) 100%);
    }
    div.col-md-4 .broker-logo-area.b-titan {
      background-color: #000;
    }
    div.col-md-4 .broker-logo-area.b-fxgt {
      background-color: #12183a;
    }
    div.col-md-4 .broker-logo-area.b-vantage {
      background-color: #034854;
    }
    div.col-md-4 .broker-logo-area.b-hfm {
      background-color: #000;
    }
    div.col-md-4 .broker-logo-area.b-ttcm {
      background-color: #ecedf0;
    }
    div.col-md-4 .broker-logo-area.b-axi {
      background-color: #d11c36;
    }
    div.col-md-4 .broker-logo-area.b-easy {
      background-color: #f2f2f2;
    }
    div.col-md-8 h3.comp-title-jp {
      font-size: 18px;
    }
    div.col-md-8 p.lead {
      font-size: 16px !important;
      line-height: 1.6;
    }
    div.col-md-8 p.lead br {
      display: none;
    }
  }
  div.sns-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: flex;
    padding: 10px;
    align-items: center;
  }
  div.sns-float span a {
    color: rgba(0, 0, 0, 0.12);
    font-size: 28px;
  }
  @media screen and (max-width: 480px) {
    div.sns-float {
      display: none;
    }
  }
  
  form .form-label {
    font-size: 16px;
    font-weight: 700;
  }
  
  span.header-sns {
    line-height: 1;
    font-size: 28px;
  }
  span.header-sns i a {
    color: rgba(0, 0, 0, 0.12);
    font-size: 28px;
  }
  
  input,
  .form-control {
    font-size: 16px !important;
  }
  
  span.wpcf7-form-control.form-check {
    padding-left: 0;
  }
  span.wpcf7-form-control.form-check .wpcf7-list-item {
    margin-right: 15px;
  }
  span.wpcf7-form-control.form-check .wpcf7-list-item label span {
    padding-left: 5px;
  }
  
  .kotei-page form.wpcf7-form span.now-info {
    color: #4E4E4E;
    padding-left: 10px;
  }
  .kotei-page form.wpcf7-form .current-koza {
    display: none;
  }
  .kotei-page form.wpcf7-form .wpcf7-list-item {
    margin-left: 15px;
  }
  .kotei-page form.wpcf7-form .wpcf7-list-item.first {
    margin-left: 0;
  }
  .kotei-page div.step-wrap div.step dl ul li {
    font-size: 16px;
    list-style-type: disc;
  }
  
  .history-pagination {
    margin: 32px -16px 0;
    justify-content: center;
    display: flex;
    padding-left: 0;
    list-style: none;
  }
  .history-pagination .page-numbers {
    min-width: 40px;
    border-radius: 7px !important;
    margin: 0 16px;
    text-align: center;
    padding: 8px 15.13px;
    position: relative;
    display: block;
    color: #2d3436;
    background-color: #fff;
    border: 1px solid #b2bec3;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  .history-pagination .page-numbers.current {
    z-index: 3;
    color: #0010f7;
    background-color: #ffffff;
    border-color: #0010f7;
  }
  
  body.dark .form-control {
    background-color: #3a3a3a;
  }
  body.dark .admin-table-wrap {
    position: relative;
    overflow: hidden;
    min-width: 100%;
  }
  body.dark .admin-table-wrap table.admin-table {
    overflow-x: scroll;
    white-space: nowrap;
    min-width: 100%;
    -webkit-overflow-scrolling: touch;
  }
  body.dark .admin-table-wrap table.admin-table tbody th, body.dark .admin-table-wrap table.admin-table tbody td {
    padding: 4px;
    vertical-align: middle;
  }
  body.dark .admin-table-wrap table.admin-table thead th {
    position: sticky !important;
    top: 0;
  }
  body.dark .admin-table-wrap table.admin-table tr {
    position: sticky;
    left: 0;
    z-index: 2;
  }
  body.dark table.form-table th {
    width: 240px;
  }
  body.dark table.form-table td .form-control {
    background-color: #3a3a3a;
  }
  body.dark div.validate ul li {
    color: yellow;
    font-size: 16px;
    font-weight: 700;
  }
  
  #apply-bank.apply-show {
    display: block;
  }
  
  #apply-bit {
    display: none;
  }
  #apply-bit.apply-show {
    display: block;
  }
  
  div.validate ul li {
    color: red;
    font-size: 16px;
    font-weight: 700;
  }
  
  .mypage-stats .avatar-item {
    background-color: transparent !important;
    width: 100% !important;
    height: 80px !important;
  }
  .mypage-stats .avatar-item img {
    max-height: 45px;
    min-height: 30px;
  }
  .mypage-stats .stats-price {
    padding-left: 35px;
  }
  .mypage-stats .stats-price i {
    font-size: 18px;
    margin-left: 5px;
  }
  @media screen and (max-width: 480px) {
    .mypage-stats .avatar-item {
      width: 120px;
    }
    .mypage-stats .avatar-item img {
      max-height: 45px;
      width: auto;
    }
    .mypage-stats .stats-price {
      padding-left: 30px;
    }
  }
  
  dl.exist-bank-info {
    margin-bottom: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  dl.exist-bank-info dt {
    width: 7em;
    margin-bottom: 0;
  }
  dl.exist-bank-info dd {
    margin-bottom: 0;
    width: calc(100% - 7em);
  }
  
  dl.exist-bank-info-in-list {
    margin-bottom: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  dl.exist-bank-info-in-list dt {
    margin-bottom: 0;
  }
  dl.exist-bank-info-in-list dd {
    margin-bottom: 0;
    width: calc(100% - 7em);
  }
  
  @media screen and (max-width: 480px) {
    table.apply-form {
      margin-bottom: 45px;
    }
    table.apply-form tbody tr {
      display: list-item;
      list-style-type: none;
    }
    table.apply-form tbody tr th {
      width: auto;
      display: inline-block;
      border-bottom: 1px dotted #4E4E4E !important;
      font-size: 16px;
      font-weight: bold;
      margin: 16px auto 16px;
      padding: 0 0 8px;
    }
    table.apply-form tbody tr td {
      border: none !important;
      width: 100%;
      display: block;
      padding: 0;
    }
  }
  
  .footnote {
    font-size: 11px;
  }
  
  span.notice {
    color: red;
  }
  
  img.fxgt-guide {
    max-width: 100%;
    padding: 15px;
    background-color: #3FD2C7;
  }
  @media screen and (min-width: 481px) {
    img.fxgt-guide {
      max-width: 420px;
    }
  }
  
  div.companyimage {
    height: 180px;
  }
  div.companyimage div.image-inner {
    text-align: right;
  }
  div.companyimage div.image-inner img {
    height: 180px;
    width: auto;
    margin-left: auto;
    margin-right: 0;
  }
  @media screen and (min-width: 481px) {
    div.companyimage div.image-inner img {
      width: 100%;
      height: auto;
      margin-top: 120px;
    }
  }
  
  div#companyintro {
    padding: 30px;
  }
  div#companyintro h2 {
    color: #4E4E4E;
    font-size: 28px;
  }
  div#companyintro div.about-lead p {
    font-size: 13px;
  }
  div#companyintro div.informations dl.informations-wrap {
    margin-top: 30px;
    font-size: 13px;
  }
  div#companyintro div.informations dl.informations-wrap dt {
    font-weight: normal;
    color: #4E4E4E;
    font-size: 13px;
  }
  div#companyintro div.informations dl.informations-wrap dd {
    font-size: 13px;
    margin-bottom: 15px;
  }
  div.campaign-block {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  @media screen and (min-width: 481px) {
    div.campaign-block {
      padding-top: 60px;
      padding-bottom: 60px;
    }
  }
  div.campaign-block div.camp-data h3 {
    text-align: center;
    color: #ffcf01;
    font-size: 18px;
  }
  div.campaign-block table.exness-point th, div.campaign-block table.exness-point td {
    padding: 10px;
    font-size: 16px;
  }
  div.campaign-block table.exness-point thead th {
    text-align: center;
    color: rgba(250, 247, 234, 0.886);
    font-weight: bold;
  }
  div.campaign-block table.exness-point tbody th {
    width: 20%;
    border-bottom: 1px dotted rgba(250, 247, 234, 0.6);
  }
  div.campaign-block table.exness-point tbody td {
    width: 40%;
    text-align: right;
    border-bottom: 1px dotted rgba(250, 247, 234, 0.6);
  }
  div.campaign-block table.exness-point tbody tr:first-child {
    border-top: 1px dotted rgba(250, 247, 234, 0.6);
  }
  div.campaign-block div.camp-overview {
    margin-bottom: 30px;
  }
  div.campaign-block div.camp-overview p {
    font-size: 15px;
    letter-spacing: 0.05em;
  }
  div.campaign-block div.rule-important {
    margin: 15px auto;
    border: 1px solid #ffcf01;
    border-radius: 4px;
    padding: 30px;
  }
  div.campaign-block div.rule-important p {
    font-size: 14px;
    color: #ffcf01;
  }
  div.campaign-block div.rule-important p:last-child {
    margin-bottom: 0;
  }
  div.campaign-block div.camp-rule {
    font-size: 13px;
    padding-top: 30px;
  }
  div.campaign-block div.camp-rule ul {
    list-style-type: disc;
    padding-left: 1.5em;
  }
  div.campaign-block div.camp-rule ul li {
    list-style-type: disc;
  }
  div.campaign-block div.camp-rule ul li span {
    color: #ffcf01;
    font-weight: bold;
  }
  div.campaign-block div.camp-rule ul + h3 {
    margin-top: 20px;
  }
  div.campaign-block div.camp-rule h3 {
    color: #ffcf01;
    font-size: 21px;
  }
  div.campaign-block div.camp-detail p:last-child {
    margin-bottom: 0;
  }
  div.campaign-block div.camp-detail dl dt {
    color: #ffcf01;
    font-size: 21px;
  }
  div.campaign-block div.camp-detail dl dd {
    font-size: 18px;
    color: rgba(255, 240, 177, 0.963);
  }
  @media screen and (max-width: 480px) {
    div.campaign-block {
      padding: 30px;
    }
    div.campaign-block h2 {
      font-size: 21px;
      line-height: 1.5;
    }
    div.campaign-block p.lead {
      line-height: 1.3;
    }
    div.campaign-block .main-v-button {
      padding: 30px 0;
    }
    div.campaign-block .main-v-button a {
      width: 100%;
    }
  }
  
  div.exness-202212 {
    background-color: #000;
    color: #fff;
    background-repeat: no-repeat;
    background-position: right bottom;
  }
  div.exness-202212 span.collab-logo {
    width: 100%;
    display: block;
    margin: 0 auto 30px;
    max-width: 600px;
    margin-bottom: 30px;
  }
  div.exness-202212 span.collab-logo img {
    width: 100%;
  }
  @media screen and (min-width: 481px) {
    div.exness-202212 span.collab-logo {
      margin-bottom: 60px;
    }
  }
  div.exness-202212 h2 {
    color: #ffcf01;
    margin-bottom: 60px;
    text-align: center;
  }
  @media screen and (max-width: 480px) {
    div.exness-202212 h2 {
      margin-bottom: 30px;
    }
  }
  
  div#data-box-wrap {
    background-color: #000;
    color: #fff;
    padding: 30px;
  }
  div#data-box-wrap h1, div#data-box-wrap h2, div#data-box-wrap h3 {
    color: yellow;
  }
  div#data-box-wrap div.data-box {
    margin-bottom: 30px;
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 8px;
  }
  div#data-box-wrap div.data-box h2 {
    margin-bottom: 10px;
  }
  
  .now {
    color: red;
    font-weight: bold;
    font-size: 80%;
    letter-spacing: 0;
  }
  
  div.comfirm-wrap {
    margin-bottom: 15px;
    padding: 15px;
    border: 1px solid rgba(0, 0, 0, 0.12);
  }
  @media screen and (max-width: 480px) {
    div.comfirm-wrap div.com1 {
      margin-bottom: 30px;
    }
  }
  @media screen and (min-width: 481px) {
    div.comfirm-wrap {
      padding: 30px;
      margin-bottom: 30px;
    }
  }
  
  div.notice_wrap h3 {
    margin-top: 15px;
  }
  div.notice_wrap div.notice_datetime {
    font-size: 13px;
  }
  div.notice_wrap div.notice_body p:last-child {
    margin-bottom: 0;
  }
  
  div.point_qa {
    padding: 15px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.12);
  }
  div.point_qa .point_q {
    color: #4E4E4E;
    font-size: 14px;
    font-weight: bold;
  }
  div.point_qa .point_a {
    font-size: 13px;
  }
  div.point_qa .point_a:last-child {
    margin-bottom: 0;
  }
  
  .header-cta a.btn {
    margin-left: 12px;
  }
  
  #b-menu {
    position: fixed;
    display: flex;
    padding: 0px;
    border-radius: 100px;
    width: auto;
    height: auto;
    z-index: 9996;
    justify-content: center;
    top: 27px;
    right: 70px;
  }
  #b-menu a {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  @media screen and (max-width: 480px) {
    #b-menu {
      top: 28px;
      right: 20px;
    }
  }
  #b-menu.hide button.menu-trigger:after {
    color: rgba(78, 78, 78, 0.904);
  }
  #b-menu.hide button.menu-trigger span {
    background-color: rgba(78, 78, 78, 0.904);
  }
  
  #b-menu-back {
    position: fixed;
    width: 120px;
    height: 70px;
    background-color: transparent;
    z-index: 97;
    right: 0;
    top: 0;
  }
  #b-menu-back.hide {
    background-color: #fff;
    box-shadow: 0 0.0125em 0.625em 0 rgba(0, 0, 0, 0.1);
  }
  @media screen and (max-width: 480px) {
    #b-menu-back {
      width: 60px;
      height: 60px;
    }
  }
  
  button.menu-trigger {
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: none;
  }
  button.menu-trigger:after {
    content: "MENU";
    color: #fff;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translate(20px, -50%);
    font-size: 11px;
  }
  @media screen and (max-width: 480px) {
    button.menu-trigger:after {
      top: -10px;
      left: -20px;
    }
  }
  
  .menu-trigger,
  .menu-trigger span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
  }
  
  .menu-trigger {
    position: relative;
    width: 24px;
    height: 16px;
  }
  
  .menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    border-radius: 2px;
  }
  
  .menu-trigger span:nth-of-type(1) {
    top: 0;
    opacity: 1;
  }
  
  .menu-trigger span:nth-of-type(2) {
    top: 7px;
    width: 75%;
    opacity: 1;
  }
  
  .menu-trigger span:nth-of-type(3) {
    bottom: 0;
    opacity: 1;
  }
  
  .menu-trigger.active span:nth-of-type(1) {
    transform: translateY(14px) rotate(-45deg);
    opacity: 0;
  }
  
  .menu-trigger.active span:nth-of-type(2) {
    opacity: 0;
  }
  
  .menu-trigger.active span:nth-of-type(3) {
    transform: translateY(-14px) rotate(45deg);
    opacity: 0;
  }
  
  .menu-trigger:hover span:nth-of-type(3) {
    transform: scale(0.5, 1);
    transform-origin: bottom left;
  }
  
  #b-menu:hover .menu-trigger span:nth-of-tyle(2) {
    transition: all 0.3s ease;
    width: 100%;
  }
  
  div#spmenuModal {
    height: 100%;
  }
  div#spmenuModal div.modal-content {
    background-color: transparent;
    z-index: -1;
    border: none;
    flex-direction: inherit;
    justify-content: center;
    align-items: center;
  }
  div#spmenuModal div.modal-content div.spmenuInner {
    display: flex;
    flex-direction: column;
    height: auto;
    position: relative;
    padding: 0 15px;
    width: 100%;
  }
  div#spmenuModal div.modal-content div.spmenuInner a {
    color: rgba(0, 0, 0, 0.87);
  }
  div#spmenuModal div.modal-content div.spmenuInner div.lists {
    position: absolute;
    background-color: rgba(78, 78, 78, 0.904);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    padding: 80px 30px 30px;
    width: 100%;
    left: 0;
    top: 0;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    animation: fadeIn 2s linear;
    animation-fill-mode: both;
  }
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  div#spmenuModal div.modal-content div.spmenuInner .lists-inner {
    width: min(100%, 1200px);
    height: min(100%, 800px);
    display: flex;
    flex-wrap: wrap;
    align-content: center;
  }
  div#spmenuModal div.modal-content div.spmenuInner .modal-button-wrap {
    width: 300px;
  }
  div#spmenuModal div.modal-content div.spmenuInner .modal-button-wrap h2 {
    font-size: 18px;
  }
  div#spmenuModal div.modal-content div.spmenuInner .modal-button-wrap h2 a {
    color: #fff;
  }
  div#spmenuModal div.modal-content div.spmenuInner .modal-button-wrap .modal-buttons {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  div#spmenuModal div.modal-content div.spmenuInner .modal-button-wrap .modal-buttons a.masters-button {
    margin: 15px auto;
    width: 100%;
    background-color: transparent;
    border-color: #fff;
    color: #fff;
  }
  div#spmenuModal div.modal-content div.spmenuInner .modal-button-wrap .modal-buttons a.masters-button:hover {
    background-color: #fff;
    color: #4E4E4E;
  }
  div#spmenuModal div.modal-content div.spmenuInner .modal-mainlist-wrap {
    width: 100%;
    padding-right: 30px;
    display: flex;
    flex-wrap: wrap;
  }
  div#spmenuModal div.modal-content div.spmenuInner .modal-mainlist-wrap a {
    border-radius: 8px;
  }
  div#spmenuModal div.modal-content div.spmenuInner .modal-mainlist-wrap .list-wrap-50 {
    width: 50%;
  }
  div#spmenuModal div.modal-content div.spmenuInner .modal-mainlist-wrap .list-wrap-100 {
    width: 100%;
    padding: 15px;
  }
  div#spmenuModal div.modal-content div.spmenuInner .modal-mainlist-wrap .list-wrap-100 li a {
    color: rgba(247, 252, 254, 0.9);
  }
  div#spmenuModal div.modal-content div.spmenuInner .modal-mainlist-wrap ul.big-list {
    width: 100%;
    margin-bottom: 0;
  }
  div#spmenuModal div.modal-content div.spmenuInner .modal-mainlist-wrap ul.big-list li {
    color: #fff;
    margin-bottom: 20px;
  }
  div#spmenuModal div.modal-content div.spmenuInner .modal-mainlist-wrap ul.big-list li span {
    font-size: 18px;
  }
  div#spmenuModal div.modal-content div.spmenuInner .modal-mainlist-wrap ul.big-list li + ul.sub-list {
    margin-top: -10px;
    margin-bottom: 20px;
  }
  div#spmenuModal div.modal-content div.spmenuInner .modal-mainlist-wrap ul.sub-list {
    margin-bottom: 0;
    width: 100%;
  }
  div#spmenuModal div.modal-content div.spmenuInner .modal-mainlist-wrap ul.sub-list li {
    color: #fff;
    display: inline-block;
    font-size: 12px;
  }
  div#spmenuModal div.modal-content div.spmenuInner .modal-mainlist-wrap ul.sub-list li a {
    margin-right: 2em;
  }
  div#spmenuModal div.modal-content div.spmenuInner .modal-mainlist-wrap .ex {
    padding-top: 15px;
    border-top: 1px dotted rgba(247, 252, 254, 0.5);
  }
  div#spmenuModal div.modal-content div.spmenuInner .modal-mainlist-wrap .garden {
    padding-top: 30px;
  }
  div#spmenuModal div.modal-content div.spmenuInner .modal-mainlist-wrap a {
    color: rgba(247, 252, 254, 0.9);
  }
  div#spmenuModal div.modal-content div.spmenuInner .modal-mainlist-wrap a:hover {
    color: #fff;
    transition: all 0.4s;
  }
  div#spmenuModal div.modal-content div.spmenuInner .modal-mainlist-wrap ul.broker-list:before {
    color: rgba(247, 252, 254, 0.5);
    display: none;
    top: -20px;
    font-size: 16px;
  }
  div#spmenuModal div.modal-content div.spmenuInner .modal-mainlist-wrap h2 {
    margin-bottom: 30px;
    font-size: 24px;
    text-align: center;
    color: #fff;
  }
  div#spmenuModal div.modal-content div.spmenuInner .modal-mainlist-wrap p {
    font-size: 11px;
    color: #fff;
    line-height: 1.3;
    margin-bottom: 15px;
  }
  div#spmenuModal div.modal-content div.spmenuInner .modal-mainlist-wrap div.main-v-button {
    width: 100%;
    margin-top: 30px;
    text-align: center;
    padding: 30px 0;
  }
  div#spmenuModal div.modal-content div.spmenuInner .modal-mainlist-wrap div.main-v-button a span.easy-apply-big:before {
    color: #ffc212;
  }
  @media screen and (max-width: 480px) {
    div#spmenuModal div.modal-content div.spmenuInner div.lists {
      padding: 30px 15px 15px;
      height: auto;
    }
    div#spmenuModal div.modal-content div.spmenuInner .lists-inner {
      width: 100%;
      height: 100%;
    }
    div#spmenuModal div.modal-content div.spmenuInner .modal-button-wrap {
      padding-top: 15px;
      padding-bottom: 30px;
      width: 100%;
    }
    div#spmenuModal div.modal-content div.spmenuInner .modal-button-wrap h2 {
      font-size: 16px;
    }
    div#spmenuModal div.modal-content div.spmenuInner .modal-button-wrap h2 a {
      color: #fff;
    }
    div#spmenuModal div.modal-content div.spmenuInner .modal-button-wrap .modal-buttons a.masters-button {
      margin: 0 auto 10px;
    }
    div#spmenuModal div.modal-content div.spmenuInner .modal-mainlist-wrap {
      padding-right: 0;
      width: 100%;
    }
    div#spmenuModal div.modal-content div.spmenuInner .modal-mainlist-wrap h2 {
      font-size: 18px;
    }
    div#spmenuModal div.modal-content div.spmenuInner .modal-mainlist-wrap ul.big-list.garden li:first-child span {
      display: none;
    }
    div#spmenuModal div.modal-content div.spmenuInner .modal-mainlist-wrap ul.big-list li {
      margin-bottom: 5px;
    }
    div#spmenuModal div.modal-content div.spmenuInner .modal-mainlist-wrap ul.big-list li a span {
      font-size: 16px;
    }
    div#spmenuModal div.modal-content div.spmenuInner .modal-mainlist-wrap .list-wrap-100 {
      width: 100%;
      padding: 15px;
    }
    div#spmenuModal div.modal-content div.spmenuInner .modal-mainlist-wrap .list-wrap-100 ul li {
      display: inline;
    }
    div#spmenuModal div.modal-content div.spmenuInner .modal-mainlist-wrap .list-wrap-100 ul li a {
      color: rgba(247, 252, 254, 0.9);
    }
    div#spmenuModal div.modal-content div.spmenuInner .modal-mainlist-wrap .list-wrap-50 {
      font-size: 13px;
    }
    div#spmenuModal div.modal-content div.spmenuInner .modal-mainlist-wrap .list-wrap-50 ul.big-list li {
      margin-bottom: 5px;
    }
    div#spmenuModal div.modal-content div.spmenuInner .modal-mainlist-wrap .list-wrap-50 ul.big-list li a {
      padding: 5px 0;
    }
    div#spmenuModal div.modal-content div.spmenuInner .modal-mainlist-wrap .list-wrap-50 ul.big-list li a span {
      font-size: 14px;
    }
  }
  div#spmenuModal #menu-walkthrough {
    background-image: url("img/bath_iwaburo.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }
  div#spmenuModal #menu-walkthrough a {
    background-color: rgba(0, 0, 0, 0.308);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 240px;
    font-size: 21px;
  }
  div#spmenuModal.spmenuModal-on .close-spmenuModal {
    position: fixed;
    display: flex;
    padding: 0px;
    width: auto;
    height: auto;
    z-index: 9996;
    justify-content: center;
    top: 31px;
    right: 70px;
  }
  @media screen and (max-width: 480px) {
    div#spmenuModal.spmenuModal-on .close-spmenuModal {
      top: 23px;
      right: 20px;
    }
  }
  div#spmenuModal.spmenuModal-on .close-spmenuModal #closeSPMenu {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  div#spmenuModal.spmenuModal-on .close-spmenuModal #closeSPMenu div.button {
    cursor: pointer;
    border: none;
    outline: none;
    position: relative;
    width: 24px;
    height: 16px;
  }
  div#spmenuModal.spmenuModal-on .close-spmenuModal #closeSPMenu div.button span {
    position: absolute;
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
    position: relative;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    border-radius: 2px;
  }
  div#spmenuModal.spmenuModal-on .close-spmenuModal #closeSPMenu div.button span:nth-of-type(1) {
    transform: translateY(14px) rotate(-45deg);
    top: -8px;
    left: 0px;
  }
  div#spmenuModal.spmenuModal-on .close-spmenuModal #closeSPMenu div.button span:nth-of-type(2) {
    top: 11px;
    opacity: 0;
  }
  div#spmenuModal.spmenuModal-on .close-spmenuModal #closeSPMenu div.button span:nth-of-type(3) {
    bottom: -6px;
    left: 0px;
    transform: translateY(-14px) rotate(45deg);
  }
  
  .main-news-wrap {
    height: 50px;
    width: 100vw;
    background-color: rgba(255, 239, 200, 0.904);
   
    display: flex;
  }
  .main-news-wrap .row {
    height: 100%;
  }
  .main-news-wrap .title-wrap {
    width: 210px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding-right: 15px;
  }
  .main-news-wrap .title-wrap h2 {
    margin-right: 15px;
    font-size: 20px;
    
    line-height: 1;
    margin-bottom: 0;
  }
  .main-news-wrap .title-wrap span {
    font-size: 10px;
  }
  .main-news-wrap .title-wrap span:before {
    content: ">";
    margin-right: 10px;
  }
  .main-news-wrap .title-wrap span a {
   
  }
  .main-news-wrap .list-wrap {
   
    width: calc(100% - 210px);
    position: relative;
  }

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

  }
  .main-news-wrap ul.main-news-list {
    height: 100%;
    padding: 0 0 0 35px;
    margin: 0;
    display: flex;
    position: relative;
    align-items: center;
  }
  .main-news-wrap ul.main-news-list li {
    /* transform: translateY(4px); */
    list-style-type: none;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .main-news-wrap ul.main-news-list li a {
   
    font-size: 15px;
  }
  .main-news-wrap ul.main-news-list li span {
    display: block;
    color: rgba(0, 0, 0, 0.87);
    font-size: 11px;
    letter-spacing: 0rem;
  }
  .main-news-wrap ul.main-news-list li span .date {
    display: inline-block;
    color: rgba(127, 127, 127, 0.5);
  }
  .main-news-wrap ul.main-news-list li span .cat {
    display: inline-block;
    margin-left: 1em;
  }
  @media screen and (max-width: 480px) {
    .main-news-wrap {
      height: 60px;
    }
    .main-news-wrap .title-wrap {
      display: none;
    }
    .main-news-wrap .list-wrap {
      border-left: none;
      width: 100%;
    }
    .main-news-wrap ul.main-news-list {
      padding-left: 0;
    }
    .main-news-wrap ul.main-news-list li {
      font-size: 11px;
    }
    .main-news-wrap ul.main-news-list li a {
      font-size: 11px;
      letter-spacing: 0;
    }
  }
  
  .cont-box {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .cont-box h2.cont-box-center {
    text-align: center;
    margin-bottom: 60px;
    color: #4E4E4E;
    font-size: 1.5em;
  }
  .cont-box h2 span.sub-title {
    font-size: 0.75em;
    color: rgba(0, 0, 0, 0.54);
  }
  .cont-box h2.cont-box-left {
    text-align: left;
    margin-bottom: 60px;
    color: #4E4E4E;
  }
  .cont-box p.lead {
    text-align: center;
    color: rgba(0, 0, 0, 0.54);
  }
  .cont-box h3.cont-box-left {
    font-size: 21px;
    text-align: left;
    margin-bottom: 30px;
    color: #4E4E4E;
  }
  .cont-box h4.cont-box-left {
    font-size: 18px;
    text-align: left;
    margin-bottom: 30px;
    color: #4E4E4E;
  }
  .cont-box p.button-wrap {
    margin-top: 60px;
    margin-bottom: 0;
  }
  .cont-box #map-wrap iframe {
    width: 100%;
    height: 640px;
    vertical-align: bottom;
  }
  .cont-box ul li {
    line-height: 1.8;
    font-size: 13px;
  }
  .cont-box div.credit p.credit-p {
    font-size: 11px;
    line-height: 1.3;
    margin-bottom: 0;
    font-weight: normal;
  }
  .cont-box div.credit dl {
    margin-bottom: 0;
    font-size: 11px;
  }
  .cont-box div.credit dl dt {
    font-weight: normal;
    margin-bottom: 0;
  }
  .cont-box div.credit dl dd {
    margin-bottom: 0;
  }
  .cont-box.no-padding {
    padding-top: 0;
    padding-bottom: 0;
  }
  .cont-box.no-padding .full-back-wrap {
    padding: 60px;
    max-width: 1200px;
    margin: 0 auto;
  }
  .cont-box.no-padding .full-back-wrap .full-back-inner {
    background-size: cover;
  }
  .cont-box.no-padding .full-back-wrap .full-back-inner .full-back-inner-2 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .cont-box.no-padding .full-back-wrap .full-back-inner .full-back-inner-2 .container {
    max-width: 960px;
  }
  .cont-box.no-padding .full-back-wrap .full-back-inner .full-back-inner-2 .vr-theater-image img {
    width: 100%;
  }
  .cont-box.no-padding .full-back-wrap .full-back-inner .full-back-inner-2 .container {
    max-width: 960px;
  }
  .cont-box.no-padding .full-back-wrap .full-back-inner .full-back-inner-2 .container h2 {
    color: #fff;
  }
  @media screen and (max-width: 480px) {
    .cont-box.no-padding .full-back-wrap .full-back-inner .full-back-inner-2 {
      height: auto;
      max-height: none;
    }
    .cont-box.no-padding .full-back-wrap .full-back-inner .container .vr-theater-image {
      margin: 0 -15px;
    }
    .cont-box.no-padding .full-back-wrap .full-back-inner .container .vr-theater-image img {
      width: 100%;
    }
  }
  @media screen and (max-width: 480px) {
    .cont-box {
      padding-top: 30px;
      padding-bottom: 30px;
    }
    .cont-box #map-wrap iframe {
      height: 100vw;
    }
    .cont-box h2.cont-box-center {
      margin-bottom: 30px;
      width: 100%;
    }
    .cont-box p.lead {
      width: 100%;
      display: block;
      max-width: calc(100% - 60px);
      margin-left: auto;
      margin-right: auto;
    }
    .cont-box div.credit {
      padding: 0 0 15px 15px;
    }
    .cont-box p.button-wrap {
      margin-top: 30px;
    }
    .cont-box p.button-wrap a.dmc-button {
      width: 100%;
    }
    .cont-box h2 {
      font-size: 21px;
    }
    .cont-box h2.cont-box-left {
      margin-bottom: 30px;
    }
    .cont-box h2, .cont-box p.lead {
      display: block;
      width: calc(100% - 30px);
    }
  }
  
  section#why-ea .container {
    max-width: 970px;
  }
  section#why-ea div.sharetocreator {
    background-color: #4E4E4E;
    color: #fff;
    padding: 15px;
    border-radius: 8px;
  }
  section#why-ea div.sharetocreator h3 {
    text-align: center;
    color: #fff;
    font-size: 21px;
  }
  section#why-ea div.sharetocreator p {
    font-size: 16px;
  }
  section#why-ea rect, section#why-ea svg {
    max-width: 100%;
  }
  section#why-ea .about-share {
    margin-top: 90px;
    border: 2px solid rgba(0, 0, 0, 0.12);
    padding: 30px;
    border-radius: 8px;
  }
  section#why-ea .about-share .ea-example {
    margin-top: 15px;
    margin-bottom: 30px;
  }
  section#why-ea .about-share .ea-example:last-child {
    margin-bottom: 0;
  }
  section#why-ea .about-share .ea-example h4 {
    color: #ff6700;
  }
  section#why-ea .about-share .ea-example .table-scroll-wrap {
    margin-top: 30px;
  }
  section#why-ea .about-share .ea-example .table-scroll-wrap table {
    width: 100%;
    border: 1px solid #4E4E4E;
  }
  section#why-ea .about-share .ea-example .table-scroll-wrap table th, section#why-ea .about-share .ea-example .table-scroll-wrap table td {
    padding: 8px;
    line-height: 1;
  }
  section#why-ea .about-share .ea-example .table-scroll-wrap table thead {
    background-color: #4E4E4E;
    color: #fff;
    border-bottom: 1px solid #fff;
  }
  section#why-ea .about-share .ea-example .table-scroll-wrap table thead td {
    border-left: 1px solid #fff;
  }
  section#why-ea .about-share .ea-example .table-scroll-wrap table tbody th {
    background-color: rgba(78, 78, 78, 0.904);
    border-bottom: 1px solid #fff;
    color: #fff;
  }
  section#why-ea .about-share .ea-example .table-scroll-wrap table tbody td {
    border-left: 1px solid rgba(78, 78, 78, 0.5);
  }
  section#why-ea .about-share .ea-example .table-scroll-wrap table tbody tr {
    border-bottom: 1px solid rgba(78, 78, 78, 0.904);
  }
  section#why-ea .about-share .ea-example .table-scroll-wrap table tbody tr:last-child th {
    border-bottom: none;
  }
  @media screen and (max-width: 480px) {
    section#why-ea .wonder-img-wrap {
      text-align: center;
    }
    section#why-ea .wonder-img-wrap img.wonder-img {
      max-width: 61.8%;
      margin: -30px auto -15px;
      z-index: -1;
    }
    section#why-ea div.sharetocreator h3 {
      font-size: 18px;
    }
    section#why-ea div.sharetocreator p:last-child {
      margin-bottom: 0;
    }
    section#why-ea .about-share {
      border: none;
      padding: 15px;
      margin-top: 15px;
    }
    section#why-ea .about-share .ea-example .table-scroll-wrap {
      margin: 0 -15px 0 0;
      overflow-y: scroll;
    }
    section#why-ea .about-share .ea-example .table-scroll-wrap table {
      white-space: nowrap;
    }
  }
  @media screen and (min-width: 481px) {
    section#why-ea div.sharetocreator {
      padding: 30px;
    }
  }
  
  div.allbuttonwrap {
    text-align: center;
  }
  
  div.ea-card-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  div.ea-card-wrapper div.ea-card {
    border: 1px solid rgba(0, 0, 0, 0.12);
    box-shadow: 0 0.0125em 0.625em 0 rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    width: calc((100% - 60px) / 3);
    margin-bottom: 30px;
  }
  div.ea-card-wrapper div.ea-card div.ea-card-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
  }
  div.ea-card-wrapper div.ea-card div.ea-card-inner figure {
    width: 100%;
    margin: 0 auto;
    padding: 30px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #eaeaea;
  }
  div.ea-card-wrapper div.ea-card div.ea-card-inner figure img {
    width: 61.8%;
    margin: 0 auto;
    border-radius: 8px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  div.ea-card-wrapper div.ea-card div.ea-card-inner div.ea-card-button {
    text-align: center;
    margin-top: auto;
    padding-bottom: 15px;
  }
  div.ea-card-wrapper div.ea-card div.ea-card-inner div.ea-card-details {
    flex-grow: 1;
    padding: 30px 30px 15px;
    text-align: center;
    position: relative;
  }
  div.ea-card-wrapper div.ea-card div.ea-card-inner div.ea-card-details div.ea_overview {
    text-align: left;
  }
  div.ea-card-wrapper div.ea-card div.ea-card-inner div.ea-card-details h2 {
    color: #4E4E4E;
    margin-bottom: 0;
    font-size: 21px;
  }
  div.ea-card-wrapper div.ea-card div.ea-card-inner div.ea-card-details div.type {
    line-height: 1;
    color: #4E4E4E;
    border: 1px solid #4E4E4E;
    padding: 4px 12px;
    background-color: #fff;
    display: inline-block;
    border-radius: 190px;
  }
  div.ea-card-wrapper div.ea-card div.ea-card-inner div.ea-card-details div.creator {
    color: #4E4E4E;
    font-size: 11px;
  }
  div.ea-card-wrapper div.ea-card div.ea-card-inner div.ea-card-details div.creator span {
    font-size: 14px;
  }
  div.ea-card-wrapper div.ea-card div.ea-card-inner div.ea-card-details div.ea_share {
    position: absolute;
    right: 15px;
    display: flex;
    top: -30px;
    width: 60px;
    height: 60px;
    border-radius: 80px;
    background-color: #ff6700;
    color: #fff;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.2;
  }
  div.ea-card-wrapper div.ea-card div.ea-card-inner div.ea-card-details div.ea_share span {
    font-size: 24px;
  }
  div.ea-card-wrapper div.ea-card div.ea-card-inner div.ea-card-details div.ea_share span span {
    font-size: 14px;
  }
  @media screen and (max-width: 480px) {
    div.ea-card-wrapper div.ea-card {
      width: calc((100% - 15px) / 2);
      border-radius: 0;
      margin-bottom: 15px;
    }
    div.ea-card-wrapper div.ea-card div.ea-card-inner {
      position: relative;
    }
    div.ea-card-wrapper div.ea-card div.ea-card-inner figure {
      padding: 0;
    }
    div.ea-card-wrapper div.ea-card div.ea-card-inner figure img {
      width: 100%;
      border-radius: 0;
    }
    div.ea-card-wrapper div.ea-card div.ea-card-inner div.ea-card-button {
      display: none;
    }
    div.ea-card-wrapper div.ea-card div.ea-card-inner div.ea-card-details {
      pointer-events: none;
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 0;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
    }
    div.ea-card-wrapper div.ea-card div.ea-card-inner div.ea-card-details div.type {
      display: inline;
      width: auto;
      border-radius: 0;
      border: none;
      background-color: rgba(0, 69, 138, 0.769);
      color: #fff;
    }
    div.ea-card-wrapper div.ea-card div.ea-card-inner div.ea-card-details div.creator {
      display: none;
    }
    div.ea-card-wrapper div.ea-card div.ea-card-inner div.ea-card-details div.creator span {
      display: inline;
    }
    div.ea-card-wrapper div.ea-card div.ea-card-inner div.ea-card-details div.ea_share {
      width: 50px;
      height: 50px;
      top: -20px;
      right: -10px;
      font-size: 11px;
    }
    div.ea-card-wrapper div.ea-card div.ea-card-inner div.ea-card-details div.ea_share span {
      font-size: 16px;
    }
    div.ea-card-wrapper div.ea-card div.ea-card-inner div.ea-card-details div.ea_share span span {
      font-size: 12px;
    }
    div.ea-card-wrapper div.ea-card div.ea-card-inner div.ea-card-details div.ea_overview {
      display: none;
    }
    div.ea-card-wrapper div.ea-card div.ea-card-inner div.ea-card-details h2 {
      display: none;
    }
  }
  
  section#igwrap {
    background-color: #4E4E4E;
    background-color: #002442;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  section#igwrap h2 {
    color: #fff;
  }
  section#igwrap .container {
    max-width: 970px;
  }
  @media screen and (max-width: 480px) {
    section#igwrap {
      padding-top: 30px;
      padding-bottom: 30px;
    }
  }
  
  #sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio h3, .sb_instagram_header .sbi_header_text.sbi_no_bio h3 {
    color: #fff !important;
  }
  
  section#news {
    padding-bottom: 30px;
    margin-bottom: 0px;
   
  }
  section#news #button-wrap-general {
    text-align: center;
    padding: 30px 0 0;
  }
  section#news #button-wrap-general .dmc-button {
    width: 100%;
  }
  section#news #more-news {
    display: none;
  }
  section#news .news-wrap {
    background-color: #fff;
    border-radius: 8px;
    padding-top: 30px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2;
    padding-bottom: 30px;
    width: calc(100vw - 240px);
    max-width: 1170px;
  }
  section#news .news-wrap .container {
    max-width: 880px !important;
  }
  section#news .top-footer-image {
    z-index: 1;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(img/bg_top_footer.jpg);
  }
  section#news .top-footer-image .inner {
    background-color: rgba(78, 78, 78, 0.5);
    width: 100%;
    height: 480px;
  }
  section#news .more-news-watch {
    padding-top: 10px !important;
  }
  @media screen and (max-width: 480px) {
    section#news .more-news-watch {
      padding-top: 0px !important;
    }
    section#news .news-wrap {
      width: calc(100% - 30px);
      margin: 0 auto;
      padding: 0 0px;
    }
    section#news .news-wrap .container {
      margin-bottom: 15px;
      padding-bottom: 0px;
      padding-top: 15px;
    }
    section#news #more-news {
      margin-bottom: 0;
    }
    section#news #button-wrap-general {
      padding-top: 0;
      padding-bottom: 15px;
    }
    section#news #button-wrap-general .dmc-button {
      background-color: rgba(78, 78, 78, 0.904);
      color: #fff;
    }
    section#news .top-footer-image {
      background-image: url(img/bg_top_footer_sp.jpg);
    }
  }
  @media screen and (max-width: 1080px) {
    section#news .top-footer-image {
      background-attachment: scroll;
      background-size: cover;
    }
    section#news .top-footer-image .inner {
      height: 50vw;
    }
  }
  @media screen and (min-width: 481px) {
    section#news {
      padding-bottom: 60px;
    }
  }
  
  .news-list dl {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    position: relative;
  }
  .news-list dl dt.news-title {
    font-size: 18px;
    margin-bottom: 5px;
    width: calc(100% - 60px);
    font-weight: normal;
    line-height: 1.3;
  }
  .news-list dl dd.date {
    width: 100%;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.54);
  }
  .news-list dl dd.date .cat {
    display: inline-block;
  }
  .news-list dl dd.cont {
    width: 100%;
    padding-top: 15px;
    font-size: 13px;
  }
  .news-list dl dd.cont div.news-image {
    text-align: center;
    padding: 30px;
    max-width: 100%;
  }
  .news-list dl dd.cont div.link {
    text-align: right;
    width: 100%;
    margin-top: 30px;
  }
  .news-list dl dd.link {
    text-align: right;
    width: 100%;
  }
  .news-list .toggle {
    display: none;
  }
  .news-list .option {
    position: relative;
    margin-bottom: 1em;
  }
  .news-list .title,
  .news-list .cont {
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: all 0.3s;
  }
  .news-list .title {
    background-color: #fffffb;
    border: solid 1px rgba(0, 0, 0, 0.54);
    padding: 1em;
    display: block;
    font-weight: bold;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    position: absolute;
    right: 0;
    top: 30px;
  }
  .news-list .title:hover {
    cursor: pointer;
  }
  .news-list .title::after,
  .news-list .title::before {
    content: "";
    position: absolute;
    right: calc(50% - 1px);
    top: calc(50% - 1px);
    width: 2px;
    height: 0.75em;
    background-color: rgba(0, 0, 0, 0.54);
    transition: all 0.3s;
    margin-top: -0.375em;
  }
  .news-list .title::after {
    transform: rotate(90deg);
    top: calc(50% - 1px);
  }
  .news-list .cont {
    max-height: 0;
    overflow: hidden;
  }
  .news-list .toggle:checked + .title + .cont {
    max-height: 10000px;
    height: auto;
    transition: all 1.5s;
  }
  .news-list .toggle:checked + .title::before {
    transform: rotate(90deg) !important;
  }
  @media screen and (max-width: 480px) {
    .news-list .title {
      top: 15px;
    }
    .news-list dl {
      padding: 0px 0;
    }
    .news-list dl dt.news-title {
      font-size: 13px;
      width: calc(100% - 45px);
    }
    .news-list dl dd.link {
      margin-top: 15px;
      margin-bottom: 15px;
    }
    .news-list dl dd.link span.title-2 a.dmc-button {
      width: 100%;
    }
    .news-list dl dd.date {
      letter-spacing: 0;
      font-size: 11px;
      margin-bottom: 0;
    }
    .news-list dl dd.cont {
      padding: 0;
      font-size: 12px;
      line-height: 1.5;
      padding-top: 10px;
    }
    .news-list dl dd.cont div.link {
      margin-top: 15px;
      padding-bottom: 15px;
    }
    .news-list dl dd.cont div.link a.dmc-button {
      width: 100%;
    }
    .news-list dl dd.cont div.news-image img {
      width: 100%;
    }
  }
  
  .broker-main-content .broker-visual-inner {
    height: 360px;
    background-repeat: no-repeat;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    position: relative;
}
  .broker-main-content .broker-visual-inner div.broker-logo-area {
    height: 100%;
    background-image: url(img/bg_grd.png);
    background-position: bottom;
    background-repeat: repeat-x;
  }
  @media screen and (max-width: 480px) {
    .broker-main-content .broker-visual-inner div.broker-logo-area {
      background-image: none;
    }
  }
  .broker-main-content .broker-visual-inner div.broker-logo-area div.visual-logoimage {
    padding-top: 60px;
    text-align: center;
    width: 100%;
  }
  .broker-main-content .broker-visual-inner div.broker-logo-area div.visual-logoimage img {
    height: 30px;
    margin: 0 auto 45px;
  }
  .broker-main-content .broker-visual-inner div.broker-logo-area div.visual-logoimage img.logo-traderstrust {
    height: 45px;
  }
  .broker-main-content .broker-visual-inner div.broker-logo-area div.visual-logoimage img.logo-hfm {
    height: 45px;
  }
  .broker-main-content .broker-visual-inner div.broker-logo-area div.visual-logoimage img.logo-threetrader {
    height: 45px;
  }
  .broker-main-content .broker-visual-inner div.broker-logo-area div.visual-logoimage p {
    text-align: center;
    text-shadow: 0px 6px 4px rgba(0, 0, 0, 0.377);
    color: #fff;
    letter-spacing: 0.05em;
    font-size: 28px;
    font-weight: 700;
  }
  .broker-main-content .broker-visual-inner div.container {
    height: 100%;
    display: flex;
  }
  .broker-main-content .broker-visual-inner.visual-exness {
    background-color: #000;
    background-image: url(img/bg_img_exness.jpg);
    background-position: right center;
    background-size: auto;
  }
  @media screen and (max-width: 480px) {
    .broker-main-content .broker-visual-inner.visual-exness {
      background-size: cover;
      background-image: url(img/bg_img_exness_sp.jpg);
    }
  }
  .broker-main-content .broker-visual-inner.visual-threetrader {
    background-color: #225ca9;
    background-image: url(img/bg_img_threetrader.png);
    background-position: right bottom;
    background-size: auto;
  }
  @media screen and (max-width: 480px) {
    .broker-main-content .broker-visual-inner.visual-threetrader {
      background-position: center bottom;
      background-size: cover;
      background-image: url(img/bg_img_threetrader_sp.jpg);
    }
  }
  .broker-main-content .broker-visual-inner.visual-axi {
    background-color: #f90740;
    background-image: url(img/bg_img_axi.jpg);
    background-position: right bottom;
    background-size: cover;
  }
  @media screen and (max-width: 480px) {
    .broker-main-content .broker-visual-inner.visual-axi {
      background-image: url(img/bg_img_axi_sp.jpg);
    }
  }
  .broker-main-content .broker-visual-inner.visual-titan-fx {
    background-color: #000;
    background-image: url(img/bg_img_titan.jpg);
    background-position: right bottom;
    background-size: cover;
  }
  @media screen and (max-width: 480px) {
    .broker-main-content .broker-visual-inner.visual-titan-fx {
      background-image: url(img/bg_img_titan_sp.jpg);
    }
  }
  .broker-main-content .broker-visual-inner.visual-fxgt {
    background-color: #11193d;
    background-image: url(img/bg_img_fxgt.jpg);
    background-position: center top;
    background-size: auto;
  }
  @media screen and (max-width: 480px) {
    .broker-main-content .broker-visual-inner.visual-fxgt {
      background-image: url(img/bg_img_fxgt_sp.jpg);
    }
  }
  .broker-main-content .broker-visual-inner.visual-vantage {
    background-color: #034854;
    background-image: url();
    background-position: right bottom;
    background-size: cover;
  }
  @media screen and (max-width: 480px) {
    .broker-main-content .broker-visual-inner.visual-vantage {
      background-image: url(img/bg_img_vantage_sp.jpg);
    }
  }
  .broker-main-content .broker-visual-inner.visual-hfm {
    background-color: #000;
    background-image: url(img/bg_img_hfm.jpg);
    background-position: right bottom;
    background-size: cover;
  }
  @media screen and (max-width: 480px) {
    .broker-main-content .broker-visual-inner.visual-hfm {
      background-image: url(img/bg_img_hfm_sp.jpg);
    }
  }
  .broker-main-content .broker-visual-inner.visual-easymarkets {
    background-color: #000;
    background-image: url(img/bg_img_easymarkets.jpg);
    background-position: right bottom;
    background-size: cover;
  }
  .broker-main-content .broker-visual-inner.visual-easymarkets div.broker-logo-area div.visual-logoimage p {
    color: #045c8f;
  }
  @media screen and (max-width: 480px) {
    .broker-main-content .broker-visual-inner.visual-easymarkets {
      background-image: url(img/bg_img_easymarkets_sp.jpg);
    }
  }
  .broker-main-content .broker-visual-inner.visual-icmarkets {
    background-color: #000517;
    background-image: url(img/bg_img_icmarkets.jpg);
    background-position: right bottom;
    background-size: cover;
  }
  .broker-main-content .broker-visual-inner.visual-icmarkets div.broker-logo-area div.visual-logoimage p {
    color: #fff;
  }
  @media screen and (max-width: 480px) {
    .broker-main-content .broker-visual-inner.visual-icmarkets {
      background-image: url(img/bg_img_icmarkets_sp.jpg);
    }
  }
  .broker-main-content .broker-visual-inner.visual-pepperstone {
    background-color: #0073fd;
    background-image: url(img/bg_img_pepperstone.jpg);
    background-position: right bottom;
    background-size: cover;
  }
  .broker-main-content .broker-visual-inner.visual-pepperstone div.broker-logo-area div.visual-logoimage p {
    color: #fff;
  }
  @media screen and (max-width: 480px) {
    .broker-main-content .broker-visual-inner.visual-pepperstone {
      background-image: url(img/bg_img_pepperstone_sp.jpg);
    }
  }
  .broker-main-content .broker-visual-inner.visual-gomarkets {
    background-color: #090b0f;
    background-image: url(img/bg_img_gomarkets.jpg);
    background-position: right bottom;
    background-size: cover;
  }
  .broker-main-content .broker-visual-inner.visual-gomarkets div.broker-logo-area div.visual-logoimage p {
    color: #fff;
  }
  @media screen and (max-width: 480px) {
    .broker-main-content .broker-visual-inner.visual-gomarkets {
      background-image: url(img/bg_img_gomarkets_sp.jpg);
    }
  }
  .broker-main-content .broker-visual-inner.visual-tradeview {
    background-color: #090b0f;
    background-image: url(img/bg_img_tradeview.jpg);
    background-position: right bottom;
    background-size: cover;
  }
  .broker-main-content .broker-visual-inner.visual-tradeview div.broker-logo-area div.visual-logoimage p {
    color: #fff;
  }
  @media screen and (max-width: 480px) {
    .broker-main-content .broker-visual-inner.visual-tradeview {
      background-image: url(img/bg_img_tradeview_sp.jpg);
    }
  }
  .broker-main-content .broker-visual-inner.visual-tmgm {
    background-color: #000754;
    background-image: url(img/bg_img_tmgm.jpg);
    background-position: right bottom;
    background-size: cover;
  }
  .broker-main-content .broker-visual-inner.visual-tmgm div.broker-logo-area div.visual-logoimage p {
    color: #fff;
  }
  @media screen and (max-width: 480px) {
    .broker-main-content .broker-visual-inner.visual-tmgm {
      background-image: url(img/bg_img_tmgm_sp.jpg);
    }
  }
  .broker-main-content .broker-visual-inner.visual-traderstrust {
    background-color: #fff;
    background-image: url(img/bg_img_traderstrust.jpg);
    background-position: right bottom;
    background-size: cover;
  }
  @media screen and (max-width: 480px) {
    .broker-main-content .broker-visual-inner div.container {
      display: flex;
      align-items: flex-start;
      padding-top: 30px;
      padding-bottom: 30px;
    }
    .broker-main-content .broker-visual-inner div.broker-logo-area div.visual-logoimage {
      padding-top: 0px;
      text-align: center;
      width: 100%;
    }
    .broker-main-content .broker-visual-inner div.broker-logo-area div.visual-logoimage img {
      margin: 0 auto 30px;
    }
    .broker-main-content .broker-visual-inner div.broker-logo-area div.visual-logoimage p {
      font-size: 14px;
      display: block;
      width: calc(100% - 30px);
      margin: 0 auto;
      text-shadow: 0px 6px 4px rgba(0, 0, 0, 0.377);
    }
  }
  .broker-main-content .broker-main-inner {
    width: 1000px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
  }
  .broker-main-content .broker-main-inner + section#top-broker {
    background-color: #eaeaea;
  }
  .broker-main-content .broker-main-inner.in-mypage {
    width: 100%;
  }
  .broker-main-content .broker-main-inner.in-mypage .broker-main {
    width: 100% !important;
  }
  .broker-main-content .broker-main-inner .broker-card-wrap {
    padding-bottom: 60px;
    transform: translateY(-90px);
  }
  .broker-main-content .broker-main-inner .broker-card-wrap .broker-card {
    background-color: #fffffb;
    position: sticky;
    top: 190px;
    width: 280px;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 0.0125em 0.625em 0 rgba(0, 0, 0, 0.1);
  }
  .broker-main-content .broker-main-inner .broker-card-wrap .broker-card h1 {
    line-height: 1;
    text-align: center;
    font-size: 18px;
  }
  .broker-main-content .broker-main-inner .broker-card-wrap .broker-card h1 span.kana {
    display: block;
    width: 100%;
    color: rgba(0, 0, 0, 0.54);
    font-size: 12px;
    margin-top: 5x;
    padding-top: 5px;
    opacity: 1;
    transition: opacity 0.5s;
    height: auto;
  }
  .broker-main-content .broker-main-inner .broker-card-wrap .broker-card h1 img {
    width: 100%;
    margin-bottom: 15px;
    max-height: 45px;
  }
  .broker-main-content .broker-main-inner .broker-card-wrap .broker-card h1 img.logo-fxgt {
    width: auto;
  }
  .broker-main-content .broker-main-inner .broker-card-wrap .broker-card h1 span.bname {
    opacity: 1;
    transition: opacity 0.5s;
    height: auto;
  }
  .broker-main-content .broker-main-inner .broker-card-wrap .broker-card h1.sc-on {
    margin-bottom: 0;
  }
  @media screen and (min-width: 481px) {
    .broker-main-content .broker-main-inner .broker-card-wrap .broker-card h1.sc-on img {
      margin-bottom: 0;
    }
    .broker-main-content .broker-main-inner .broker-card-wrap .broker-card h1.sc-on span.bname {
      height: 0;
      opacity: 0;
      transition: opacity 0.5s;
    }
    .broker-main-content .broker-main-inner .broker-card-wrap .broker-card h1.sc-on span.kana {
      height: 0;
      opacity: 0;
      transition: opacity 0.5s;
    }
  }
  @media screen and (max-width: 480px) {
    .broker-main-content .broker-main-inner .broker-card-wrap .broker-card h1 {
      margin-bottom: 30px;
    }
  }
  .broker-main-content .broker-main-inner .broker-card-wrap .broker-card .go-broker-site {
    margin: 60px auto 30px;
  }
  .broker-main-content .broker-main-inner .broker-card-wrap .broker-card .go-broker-site + .go-broker-site {
    margin-top: 0;
  }
  .broker-main-content .broker-main-inner .broker-card-wrap .broker-card .go-broker-site a {
    font-size: 21px;
  }
  @media screen and (min-width: 481px) {
    .broker-main-content .broker-main-inner .broker-card-wrap .broker-card .go-broker-site a {
      font-size: 18px;
      margin-left: -15px;
      margin-right: -15px;
    }
    .broker-main-content .broker-main-inner .broker-card-wrap .broker-card .go-broker-site a br {
      display: none;
    }
  }
  .broker-main-content .broker-main-inner .broker-card-wrap .broker-card #broker-menu ul {
    margin-bottom: 0;
  }
  .broker-main-content .broker-main-inner .broker-card-wrap .broker-card #broker-menu ul li {
    list-style-type: disc;
    padding-left: 0.25em;
    margin-left: 1em;
  }
  .broker-main-content .broker-main-inner .broker-card-wrap .broker-card #broker-menu ul li a i {
    display: none;
  }
  .broker-main-content .broker-main-inner .broker-card-wrap .broker-card .broker-points {
    margin: 0 -4px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .broker-main-content .broker-main-inner .broker-card-wrap .broker-card .broker-points .points {
    width: 68px;
    height: 68px;
    margin: 8px 4px;
    background-color: #4E4E4E;
    color: #fff;
    display: flex;
    line-height: 1.2;
    font-size: 12px;
    padding: 4px;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
  }
  .broker-main-content .broker-main-inner section.broker-main {
    width: 660px;
  }
  .broker-main-content .broker-main-inner section.broker-main p.footnote {
    font-size: 13px !important;
  }
  .broker-main-content .broker-main-inner section.broker-main .container {
    padding-top: 90px;
  }
  .broker-main-content .broker-main-inner section.broker-main div.broker-main-cont {
    margin-bottom: 30px;
  }
  .broker-main-content .broker-main-inner section.broker-main h2 {
    color: #4E4E4E;
    margin-bottom: 60px;
  }
  .broker-main-content .broker-main-inner section.broker-main h3 {
    color: #4E4E4E;
    margin-bottom: 30px;
  }
  .broker-main-content .broker-main-inner section.broker-main h2, .broker-main-content .broker-main-inner section.broker-main h3 {
    position: relative;
  }
  .broker-main-content .broker-main-inner section.broker-main h2:before, .broker-main-content .broker-main-inner section.broker-main h3:before {
    content: "";
    width: 15px;
    height: 1px;
    display: block;
    position: absolute;
    border-top: 4px solid rgba(78, 78, 78, 0.5);
    left: -30px;
    top: 50%;
    line-height: 1;
  }
  .broker-main-content .broker-main-inner section.broker-main p {
    font-size: 16px;
  }
  .broker-main-content .broker-main-inner section.broker-main div#award .awards-wrap, .broker-main-content .broker-main-inner section.broker-main div#award .award-wrap {
    align-items: flex-start;
  }
  @media screen and (max-width: 480px) {
    .broker-main-content .broker-main-inner section.broker-main div#award .awards-wrap, .broker-main-content .broker-main-inner section.broker-main div#award .award-wrap {
      justify-content: center;
    }
  }
  .broker-main-content .broker-main-inner section.broker-main div#award .award-box {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
  }
  @media screen and (max-width: 480px) {
    .broker-main-content .broker-main-inner section.broker-main div#award .award-box {
      width: 50% !important;
      margin-bottom: 30px;
      align-self: start;
    }
  }
  .broker-main-content .broker-main-inner section.broker-main div#award .award-box img {
    margin: 0 auto 15px;
    max-width: 100%;
  }
  .broker-main-content .broker-main-inner section.broker-main div#award .award-box span {
    width: 100%;
    display: block;
    text-align: center;
    margin: 0 auto;
  }
  .broker-main-content .broker-main-inner section.broker-main div.yuisei {
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 8px;
    box-shadow: 0 0.0125em 0.625em 0 rgba(0, 0, 0, 0.1);
    padding: 30px;
    margin-bottom: 60px;
  }
  .broker-main-content .broker-main-inner section.broker-main div.yuisei p:last-child {
    margin-bottom: 0;
  }
  .broker-main-content .broker-main-inner section.broker-main div.yuisei + div.yuisei {
    margin-top: -30px;
  }
  .broker-main-content .broker-main-inner section.broker-main div.yuisei ul {
    font-size: 14px;
    padding-left: 1.5em;
  }
  .broker-main-content .broker-main-inner section.broker-main div.yuisei ul li {
    list-style-type: disc;
  }
  @media screen and (max-width: 480px) {
    .broker-main-content .broker-main-inner section.broker-main div.yuisei {
      margin-bottom: 30px;
    }
    .broker-main-content .broker-main-inner section.broker-main div.yuisei + div.yuisei {
      margin-top: -15px;
    }
  }
  .broker-main-content .broker-main-inner section.broker-main #goodpoint {
    background-color: #fffffb;
  }
  .broker-main-content .broker-main-inner section.broker-main #weakpoint {
    background-color: rgba(242, 242, 242, 0.23);
  }
  .broker-main-content .broker-main-inner section.broker-main div#additional_notice {
    margin-top: -30px;
    margin-bottom: 30px;
  }
  .broker-main-content .broker-main-inner section.broker-main div#additional_notice p {
    margin-bottom: 0;
  }
  @media screen and (min-width: 481px) {
    .broker-main-content .broker-main-inner section.broker-main div#additional_notice {
      padding: 30px 0 0;
      margin-top: -60px;
    }
  }
  .broker-main-content .broker-main-inner section.broker-main div#broker_caution {
    margin-top: -30px;
    margin-bottom: 30px;
  }
  .broker-main-content .broker-main-inner section.broker-main div#broker_caution p {
    margin-bottom: 0;
  }
  @media screen and (min-width: 481px) {
    .broker-main-content .broker-main-inner section.broker-main div#broker_caution {
      padding: 30px 0 0;
      margin-top: -60px;
    }
  }
  .broker-main-content .broker-main-inner section.broker-main div#exclusive {
    background-color: rgba(78, 78, 78, 0.904);
    border-radius: 8px;
    padding: 30px;
    box-shadow: 0 0.0125em 0.625em 0 rgba(0, 0, 0, 0.1);
  }
  .broker-main-content .broker-main-inner section.broker-main div#exclusive h2 {
    color: #fff;
    margin-bottom: 30px;
  }
  .broker-main-content .broker-main-inner section.broker-main div#exclusive h2:before {
    border-color: #fff;
  }
  .broker-main-content .broker-main-inner section.broker-main div#exclusive p {
    color: rgba(247, 252, 254, 0.9);
  }
  .broker-main-content .broker-main-inner section.broker-main div#exclusive p:last-child {
    margin-bottom: 0;
  }
  .broker-main-content .broker-main-inner section.broker-main div#exclusive p + h3 {
    margin-top: 30px;
  }
  .broker-main-content .broker-main-inner section.broker-main div#exclusive h3 {
    color: #fff;
  }
  .broker-main-content .broker-main-inner section.broker-main div#exclusive h3:before {
    border: none;
  }
  .broker-main-content .broker-main-inner section.broker-main div#outline div.col-12 {
    padding-left: 30px;
    padding-bottom: 30px;
    padding-top: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  }
  .broker-main-content .broker-main-inner section.broker-main div#outline div.col-12 h3 {
    font-size: 18px;
  }
  @media screen and (min-width: 481px) {
    .broker-main-content .broker-main-inner section.broker-main div#outline div.col-12 h3 {
      white-space: nowrap;
    }
    .broker-main-content .broker-main-inner section.broker-main div#outline div.col-12 h3 br {
      display: none;
    }
  }
  .broker-main-content .broker-main-inner section.broker-main div#outline div.col-12 h3:before {
    border: none;
  }
  .broker-main-content .broker-main-inner section.broker-main div#outline div.col-12:nth-child(2n-1) {
    padding-left: 0;
    padding-right: 30px;
    border-right: 1px solid rgba(0, 0, 0, 0.12);
  }
  .broker-main-content .broker-main-inner section.broker-main div#outline div.col-12:nth-last-child(2) {
    border-bottom: none !important;
  }
  .broker-main-content .broker-main-inner section.broker-main div#outline div.col-12:last-child {
    border-bottom: none !important;
  }
  .broker-main-content .broker-main-inner section.broker-main div#outline .outline-wrap p {
    font-size: 14px;
  }
  .broker-main-content .broker-main-inner section.broker-main div#outline .outline-wrap ul {
    font-size: 14px;
    padding-left: 1.5em;
  }
  .broker-main-content .broker-main-inner section.broker-main div#outline .outline-wrap ul li {
    list-style-type: disc;
  }
  @media screen and (max-width: 480px) {
    .broker-main-content .broker-main-inner section.broker-main div#outline div.col-12 {
      padding-left: 0;
      padding-top: 0;
      padding-bottom: 0;
      border-bottom: none;
      margin-bottom: 30px;
    }
    .broker-main-content .broker-main-inner section.broker-main div#outline div.col-12 h3 {
      margin: 0 0.75rem 15px;
      padding-bottom: 15px;
      border-bottom: 1px dotted #4E4E4E;
    }
    .broker-main-content .broker-main-inner section.broker-main div#outline div.col-12 .outline-wrap {
      padding: 0 0.75rem;
    }
    .broker-main-content .broker-main-inner section.broker-main div#outline div.col-12:nth-child(2n-1) {
      padding-right: 0;
      border-right: none;
    }
  }
  .broker-main-content .broker-main-inner section.broker-main p.lead {
    color: rgba(0, 0, 0, 0.54);
  }
  .broker-main-content .broker-main-inner section.broker-main div#apply {
    padding-bottom: 60px;
  }
  .broker-main-content .broker-main-inner section.broker-main div#apply div.guide-point {
    margin-bottom: 60px;
  }
  .broker-main-content .broker-main-inner section.broker-main div#apply div.step-wrap div.step {
    background-color: #fffffb;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.12);
    padding: 30px;
    margin-bottom: 30px;
    border-radius: 8px;
  }
  .broker-main-content .broker-main-inner section.broker-main div#apply div.step-wrap div.step:last-child {
    margin-bottom: 0;
  }
  .broker-main-content .broker-main-inner section.broker-main div#apply div.step-wrap div.step dl {
    border: none;
    padding-bottom: 0;
    margin: 0;
  }
  .broker-main-content .broker-main-inner section.broker-main div#apply div.step-wrap div.step div.button-wrap {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    text-align: center;
    padding-top: 15px;
  }
  .broker-main-content .broker-main-inner section.broker-main div#apply div.step-wrap div.step div.button-wrap a {
    width: 100%;
    margin-top: 30px;
    font-size: 21px;
    padding: 1em 2em;
    border-radius: 100px;
  }
  @media screen and (min-width: 481px) {
    .broker-main-content .broker-main-inner section.broker-main div#apply div.step-wrap div.step div.button-wrap a {
      max-width: 360px;
      margin: 30px auto auto;
    }
  }
  .broker-main-content .broker-main-inner section.broker-main div#apply div.step-wrap div.step:before {
    content: "";
    position: absolute;
    bottom: -24px;
    left: 50%;
    transform: translateX(-50%);
    border: 12px solid transparent;
    border-top: 12px solid #fff;
    z-index: 2;
  }
  .broker-main-content .broker-main-inner section.broker-main div#apply div.step-wrap div.step:after {
    content: "";
    position: absolute;
    bottom: -28px;
    left: 50%;
    transform: translateX(-50%);
    border: 14px solid transparent;
    border-top: 14px solid rgba(0, 0, 0, 0.12);
    z-index: 1;
  }
  .broker-main-content .broker-main-inner section.broker-main div#apply div.step-wrap div.step:last-child:before {
    border: none;
  }
  .broker-main-content .broker-main-inner section.broker-main div#apply div.step-wrap div.step:last-child:after {
    border: none;
  }
  .broker-main-content .broker-main-inner section.broker-main div#apply div.step-wrap div.step span.stp {
    margin-bottom: 0px;
    color: #fff;
    background-color: #ff6700;
    font-size: 16px;
    margin-bottom: 4px;
    border-radius: 30px;
    display: inline-block;
    padding: 8px 18px;
    line-height: 1;
  }
  .broker-main-content .broker-main-inner section.broker-main div#apply div.step-wrap div.step dl dt {
    font-size: 21px;
    margin-bottom: 30px;
    font-weight: normal;
    color: #4E4E4E;
    width: 100%;
  }
  .broker-main-content .broker-main-inner section.broker-main div#apply div.step-wrap div.step dl dd {
    width: 100%;
  }
  @media screen and (max-width: 480px) {
    .broker-main-content .broker-main-inner section.broker-main div#apply div.step-wrap div.step {
      padding: 15px;
    }
    .broker-main-content .broker-main-inner section.broker-main div#apply div.step-wrap div.step dl dt {
      font-size: 18px;
      margin-bottom: 15px;
    }
    .broker-main-content .broker-main-inner section.broker-main div#apply div.step-wrap div.step div.button-wrap a {
      margin-top: 15px;
      font-size: 16px;
    }
  }
  .broker-main-content .broker-main-inner section.broker-main div#about {
    margin-bottom: -60px;
  }
  .broker-main-content .broker-main-inner section.broker-main div#about div.features div.features-cont {
    height: 90px;
    overflow: hidden;
    padding-bottom: 30px;
  }
  .broker-main-content .broker-main-inner section.broker-main div#about div.features div.features-cont.open {
    padding-bottom: 0;
    margin-bottom: 60px;
    height: auto;
    animation: fadeIn 0.5s linear;
    animation-fill-mode: both;
  }
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .broker-main-content .broker-main-inner section.broker-main div#about div.features div.features-button {
    margin-bottom: 60px;
    transform: translateY(-60px);
    text-align: center;
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgb(255, 255, 255) 35%, rgba(255, 255, 255, 0) 100%);
    padding: 15px;
  }
  .broker-main-content .broker-main-inner section.broker-main div#about div.features div.features-button.open {
    display: none;
  }
  .broker-main-content .broker-main-inner section.broker-main div#about div.features div.features-button a {
    margin: 0 auto;
    transform: translateY(50px);
  }
  @media screen and (max-width: 480px) {
    .broker-main-content .broker-main-inner {
      display: block;
      width: calc(100% - 30px);
    }
    .broker-main-content .broker-main-inner .broker-card-wrap {
      padding-bottom: 0px;
      transform: translateY(-30px);
      width: 100%;
    }
    .broker-main-content .broker-main-inner .broker-card-wrap .broker-card {
      padding: 30px 15px 0px;
      top: 0;
      width: 100%;
      position: relative;
    }
    .broker-main-content .broker-main-inner .broker-card-wrap .broker-card h1 img {
      max-width: 240px;
    }
    .broker-main-content .broker-main-inner .broker-card-wrap .broker-card nav#broker-menu ul {
      margin: 0 -15px;
      padding-left: 0;
    }
    .broker-main-content .broker-main-inner .broker-card-wrap .broker-card nav#broker-menu ul li {
      width: 100%;
      display: block;
      margin: 0;
      padding-left: 0;
      list-style-type: none;
      border-top: 1px solid rgba(0, 0, 0, 0.12);
    }
    .broker-main-content .broker-main-inner .broker-card-wrap .broker-card nav#broker-menu ul li a {
      line-height: 1;
      color: #4E4E4E;
      display: block;
      padding: 15px 15px;
      font-size: 14px;
    }
    .broker-main-content .broker-main-inner .broker-card-wrap .broker-card nav#broker-menu ul li a i {
      margin-right: 0.5em;
      display: inline;
    }
    .broker-main-content .broker-main-inner section.broker-main {
      width: 100%;
      padding: 0px;
    }
    .broker-main-content .broker-main-inner section.broker-main h2 {
      font-size: 21px;
      line-height: 1.3;
    }
    .broker-main-content .broker-main-inner section.broker-main .container {
      padding-top: 30px;
    }
    .broker-main-content .broker-main-inner section.broker-main div#about h2 {
      margin-bottom: 30px;
    }
    .broker-main-content .broker-main-inner section.broker-main div#officialpartner {
      margin-top: -30px;
    }
    .broker-main-content .broker-main-inner section.broker-main div#officialpartner h2 {
      margin-bottom: 30px;
    }
  }
  
  .swiper {
    /*スライダーの幅と高さを調整*/
  }
  

  

  .swiper-container {
    width: 100%;
    position: relative;
    overflow: hidden; /* スライドがコンテナからはみ出さないようにする */
  }
  .swiper-container .swiper-wrapper .swiper-slide {
    background-repeat: no-repeat;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center;
  }
  .swiper-container .swiper-wrapper .swiper-slide a {
    display: block;
  }
  .swiper-container .swiper-wrapper .swiper-slide a:hover {
    cursor: pointer;
  }
  div.slide-contents {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  div.slide-contents div.img-wrap {
    width: 100%;
    max-width: 700px;
    text-align: center;
  }
  div.slide-contents div.img-wrap img {
    margin: 0 auto;
    max-width: 100%;
  }
  div.slide-contents div.slider-copy {
    width: 100%;
    font-size: 18px;
    margin: 45px auto -15px;
  }
  div.slide-contents div.slider-copy p {
    font-size: 18px;
    display: block;
    max-width: 700px;
    margin: 0px auto 0;
    text-align: center;
    letter-spacing: 0.05em;
  }
  div.slide-contents div.slider-copy p.copy-non-jp {
    font-size: 24px;
    max-width: 960px;
    margin-bottom: 24px;
  }
  div.slide-contents div.main-v-button {
    padding-top: 45px;
    text-align: center;
    width: 100%;
  }
  div.slide-contents div.main-v-button p.guide-slider-1 {
    font-size: 28px;
    color: #ffc212;
    font-weight: normal;
  }
  div.slide-contents div.main-v-button p.guide-slider-2 {
    font-size: 18px;
    margin-top: 30px;
    font-weight: normal;
  }
  div.slide-contents div.main-v-button a {
    font-size: 24px;
    border-radius: 900px;
    padding: 1em 2em;
  }
  div.slide-contents div.main-v-button a span.easy-apply-big:before {
    font-size: 28px;
    color: #ffc212;
    top: -50px;
  }
  div.slide-contents div.main-v-button div.right-theme {
    background-color: rgba(247, 252, 254, 0.9);
    width: 500px;
    margin: 0 auto;
    border-radius: 16px;
    padding: 15px 15px 20px;
  }
  div.slide-contents div.main-v-button div.right-theme p.guide-slider-1 {
    color: #0010f7;
  }
  div.slide-contents div.main-v-button div.right-theme p.guide-slider-2 {
    margin-bottom: 0;
    margin-top: 15px;
    color: #4E4E4E;
  }
  @media screen and (max-width: 480px) {
    div.slide-contents div.img-wrap {
      max-width: calc(100vw - 30px);
      margin-left: auto;
      margin-right: auto;
    }
    div.slide-contents div.img-wrap img {
      width: 100%;
      max-width: 340px;
      margin-left: auto;
      margin-right: auto;
    }
    div.slide-contents div.slider-copy {
      max-width: 340px;
      margin: 30px auto;
    }
    div.slide-contents div.slider-copy p {
      margin-bottom: 0;
      font-size: 14px;
    }
    div.slide-contents div.main-v-button {
      padding-top: 30px;
    }
    div.slide-contents div.main-v-button a {
      font-size: 21px;
      padding: 0.6em 1.2em;
    }
    div.slide-contents div.main-v-button a span.easy-apply-big:before {
      font-size: 21px;
      top: -30px;
    }
    div.slide-contents div.main-v-button div.right-theme {
      width: calc(100% - 30px);
      margin: 0px auto 0;
    }
  }
  
  /* ローディング画面 */
  .loader,
  .loader:before,
  .loader:after {
    background: #ffffff;
    animation: load1 1s infinite ease-in-out;
    width: 1em;
    height: 4em;
  }
  
  .loader {
    color: #ffffff;
    text-indent: -9999em;
    margin: 88px auto;
    position: relative;
    font-size: 11px;
    transform: translateZ(0);
    animation-delay: -0.16s;
  }
  
  .loader:before,
  .loader:after {
    position: absolute;
    top: 0;
    content: "";
  }
  
  .loader:before {
    left: -1.5em;
    animation-delay: -0.32s;
  }
  
  .loader:after {
    left: 1.5em;
  }
  @keyframes load1 {
    0%, 80%, 100% {
      box-shadow: 0 0;
      height: 4em;
    }
    40% {
      box-shadow: 0 -2em;
      height: 5em;
    }
  }
  #loading {
    width: 100vw;
    height: 100vh;
    transition: all 1s;
    background: linear-gradient(90deg, rgb(0, 69, 139) 0%, rgb(0, 0, 0) 100%);
    z-index: 10000;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    position: fixed;
  }
  
  .loaded {
    opacity: 0;
    visibility: hidden;
  }
  
  .spinner {
    width: 100px;
    height: 100px;
    margin: 200px auto;
    background-color: #fff;
    border-radius: 100%;
    animation: sk-scaleout 1s infinite ease-in-out;
  }
  
  /* ローディングアニメーション */
  @keyframes sk-scaleout {
    0% {
      transform: scale(0);
    }
    100% {
      transform: scale(1);
      opacity: 0;
    }
  }
  div.input-page {
    background: linear-gradient(90deg, rgb(0, 69, 139) 0%, rgb(0, 0, 0) 100%);
    opacity: 0.7;
  }
  
  div.bg-login-half {
    background-image: url(img/bg_top_footer.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
  }
  
  div.input-page-title {
    padding-top: 32px;
  }
  div.input-page-title a {
    margin: 15px 0;
    padding: 15px 0;
  }
  @media screen and (min-width: 992px) {
    div.input-page-title a {
      margin-left: 15px;
      padding-left: 32px;
    }
  }
  @media screen and (max-width: 991px) {
    div.input-page-title {
      position: static !important;
      padding: 15px 0 !important;
    }
    div.input-page-title .hp-logo-item {
      margin: 0 !important;
    }
  }
  
  @media screen and (max-width: 991px) {
    .hp-authentication-page {
      min-height: auto !important;
    }
  }
  @media screen and (max-width: 480px) {
    body.logins .hp-landing-header-buttons, body.logins .hp-landing-header-menu {
      display: none !important;
    }
  }
  
  .apply-step {
    margin-bottom: 15px;
    position: relative;
    border: 1px solid #4E4E4E;
    background-color: rgba(242, 242, 242, 0.23);
    padding: 5px;
    border-radius: 8px;
  }
  .apply-step .step-wrap {
    padding: 15px;
  }
  .apply-step h3 {
    font-size: 18px;
    margin: 15px !important;
  }
  .apply-step h3:before {
    content: "";
    display: none !important;
  }
  .apply-step .title {
    top: 20px;
    right: 20px;
  }
  
  @media screen and (max-width: 480px) {
    #top-broker h2 {
      margin-bottom: 0px;
    }
  }
  
  .ruikei-table {
    justify-content: space-between;
  }
  
  .ruikei-dt {
    margin: 0;
    padding: 0;
  }
  
  div.lpbanner_pc {
    text-align: center;
  }
  div.lpbanner_pc figure {
    margin-top: -60px;
    margin-bottom: -30px;
  }
  div.lpbanner_pc figure a {
    display: inline-block;
    box-shadow: 0 0.0125em 0.625em 0 rgba(0, 0, 0, 0.1);
  }
  div.lpbanner_pc figure img {
    max-width: 100%;
  }
  @media screen and (max-width: 480px) {
    div.lpbanner_pc {
      display: none;
    }
  }
  
  div.lpbanner_sp {
    width: 100%;
    padding-top: 15px;
    margin-bottom: -15px;
  }
  div.lpbanner_sp img {
    width: 100%;
  }
  @media screen and (min-width: 481px) {
    div.lpbanner_sp {
      display: none;
    }
  }
  
  div.lpwrapper {
    position: relative;
    width: 100%;
    margin: 15px auto;
    margin-top: 30px;
    max-width: 1170px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  div.lpwrapper div.lpinner {
    width: calc(100% - 370px);
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    margin-bottom: 0;
    flex-direction: unset;
    flex-wrap: wrap;
  }
  div.lpwrapper div.lpinner div.iblink {
    padding: 60px 0 30px;
    width: 100%;
    text-align: center;
    font-size: 18px;
  }
  div.lpwrapper div.lpinner div.iblink a.btn {
    font-size: 18px;
    padding: 1em 2em;
  }
  div.lpwrapper div.lpinner div.iblink a.btn span.broker-apply:before {
    letter-spacing: 0;
  }
  div.lpwrapper div.lpinner div.brokerlink {
    padding: 0px 0 60px;
    width: 100%;
    text-align: center;
    font-size: 18px;
  }
  div.lpwrapper div.lpinner div.brokerlink a.btn {
    font-size: 18px;
    padding: 1em 2em;
  }
  div.lpwrapper div.lpinner div.brokerlink a.btn span.broker-apply:before {
    letter-spacing: 0;
  }
  div.lpwrapper div.lpinner article.lpmain {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
  }
  div.lpwrapper div.lpinner article.lpmain .eyecatch-box {
    margin: 0 auto 30px;
  }
  div.lpwrapper div.lpinner article.lpmain .eyecatch-box figure {
    vertical-align: bottom;
    padding: 0;
    margin: 0;
    width: 100%;
    height: auto;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 0.0125em 0.625em 0 rgba(0, 0, 0, 0.1);
    vertical-align: bottom;
    line-height: 1;
  }
  div.lpwrapper div.lpinner article.lpmain .entry-title-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
  }
  div.lpwrapper div.lpinner article.lpmain .entry-title-area span.date {
    display: block;
    margin-bottom: 15px;
    font-size: 13px;
    color: rgba(0, 0, 0, 0.54);
    order: 1;
  }
  div.lpwrapper div.lpinner article.lpmain .entry-title-area h1 {
    width: 100%;
    line-height: 1.5;
    letter-spacing: 0.1rem;
    font-size: 21px;
    margin-top: 0;
    margin-bottom: 15px;
    position: relative;
    order: 3;
  }
  div.lpwrapper div.lpinner article.lpmain .asset-body {
    letter-spacing: 0.05em;
    line-height: 2;
    padding: 15px;
  }
  div.lpwrapper div.lpinner article.lpmain .asset-body h2, div.lpwrapper div.lpinner article.lpmain .asset-body h3 {
    letter-spacing: 0.2em;
    line-height: 1.5;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
  }
  @media screen and (max-width: 480px) {
    div.lpwrapper div.lpinner article.lpmain .asset-body h2, div.lpwrapper div.lpinner article.lpmain .asset-body h3 {
      margin-bottom: 15px;
    }
  }
  div.lpwrapper div.lpinner article.lpmain .asset-body ol {
    list-style-type: decimal;
    padding-left: 1.5em;
    font-size: 14px;
    margin-bottom: 30px;
  }
  div.lpwrapper div.lpinner article.lpmain .asset-body ol li {
    list-style-type: decimal;
    letter-spacing: 0.05em;
    font-size: 14px;
  }
  div.lpwrapper div.lpinner article.lpmain .asset-body ul {
    list-style-type: disc;
    padding-left: 1.5em;
    font-size: 14px;
    margin-bottom: 30px;
  }
  div.lpwrapper div.lpinner article.lpmain .asset-body ul li {
    list-style-type: disc;
  }
  div.lpwrapper div.lpinner article.lpmain .asset-body p {
    letter-spacing: 0.05em;
    line-height: 2;
    font-size: 14px;
  }
  div.lpwrapper div.lpinner article.lpmain .asset-body p.footnote {
    font-size: 80%;
    margin-bottom: 0;
    line-height: 1.3;
  }
  div.lpwrapper div.lpinner div.snsWrap {
    padding: 15px;
    background-color: rgba(242, 242, 242, 0.23);
    border-radius: 8px;
    margin-bottom: 60px;
    box-shadow: 0 0.0125em 0.625em 0 rgba(0, 0, 0, 0.1);
    width: auto;
    padding: 0 15px 30px;
  }
  div.lpwrapper div.lpinner div.snsWrap h3 {
    font-size: 18px;
    padding-top: 15px;
    letter-spacing: 0.05em;
    text-align: center;
  }
  div.lpwrapper div.lpinner div.snsWrap ul.snsList {
    display: flex;
    align-items: top;
    margin: 0 auto;
  }
  div.lpwrapper div.lpinner div.snsWrap ul.snsList li {
    width: 33.3333333333%;
    text-align: center;
    font-size: 32px;
  }
  div.lpwrapper div.lpinner div.snsWrap ul.snsList li.tw a {
    color: #1da1f2;
  }
  div.lpwrapper div.lpinner div.snsWrap ul.snsList li.line a {
    color: #00b900;
  }
  div.lpwrapper div.lpinner div.snsWrap ul.snsList li.fb a {
    color: #1877f2;
  }
  div.lpwrapper div.lpinner div.snsWrap ul.snsList li a span {
    font-size: 11px;
    display: block;
    color: rgba(0, 0, 0, 0.87);
  }
  div.lpwrapper aside {
    width: 340px;
    margin-left: 0;
    float: none;
    padding: 0 0 30px;
    background: red;
    display: none;
  }
  @media screen and (max-width: 480px) {
    div.lpwrapper div.lpinner {
      padding: 15px;
    }
    div.lpwrapper div.lpinner div.iblink a.btn,
    div.lpwrapper div.lpinner div.brokerlink a.btn {
      width: 100%;
    }
    div.lpwrapper div.lpinner div.iblink + .brokerlink {
      padding-bottom: 0;
    }
    div.lpwrapper div.lpinner div.snsWrap {
      margin: 0 15px 15px;
      width: auto;
    }
    div.lpwrapper div.lpinner article.lpmain .asset-body {
      padding: 0;
      font-size: 16px;
    }
  }
  
  div.lpwrapper div.lpinner {
    width: 100%;
  }
  
  body.lp nav#broker-list div.list-scroll {
    display: none !important;
  }
  
  #lang-menu {
    color: #fff;
  }
  #lang-menu span#open-language {
    display: block;
    cursor: pointer;
    padding: 0px 15px 0px 0px;
  }
  #lang-menu i {
    font-size: 18px;
    margin-bottom: 3px;
    color: #fff;
    vertical-align: bottom;
    margin-right: 4px;
  }
  @media screen and (max-width: 480px) {
    #lang-menu {
      display: block !important;
      transform: translate(-40px, 3px);
    }
    #lang-menu span.name {
      display: none;
    }
  }
  
  #lang-body {
    pointer-events: none;
    transition: all 0.5s;
    opacity: 0;
    height: 0;
  }
  #lang-body.open {
    opacity: 1;
    height: auto;
    pointer-events: auto;
    display: block;
    position: fixed;
    background-color: #1a1a1a;
    color: #fff;
    right: 101px;
    top: 73px;
    z-index: 101;
    width: 140px;
    height: auto;
  }
  @media screen and (max-width: 480px) {
    #lang-body.open {
      top: 64px;
      right: 0px;
    }
  }
  #lang-body.open ul {
    display: block;
  }
  #lang-body.open ul li {
    width: 100%;
  }
  #lang-body.open ul li a {
    display: block;
    color: #fff;
    padding: 10px;
    font-size: 12px;
    -webkit-transition: background-color 0.3s linear;
  }
  #lang-body.open ul li a:hover {
    background-color: #4E4E4E;
    -webkit-transition: background-color 0.3s linear;
  }
  
  .shihyo {
    border-right: 1px solid rgba(247, 252, 254, 0.5);
    padding-right: 15px;
    margin-right: 20px;
  }
  .shihyo .shihyo-button .shihyo-button-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  .shihyo .shihyo-button .shihyo-button-inner a {
    color: #fff;
  }
  .shihyo .shihyo-button .shihyo-button-inner span {
    text-align: center;
    display: block;
    width: 100%;
    color: #fff;
    font-size: 11px;
  }
  .shihyo .shihyo-button .shihyo-button-inner i {
    margin: 4px auto 0;
    font-size: 16px;
    color: #fff;
  }
  
  .member-header-icons {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .member-header-icons div.menu-personal {
    margin-left: 30px;
  }
  
  .economic-indicator-wrapper-mypage {
    min-height: 600px;
  }
  
  #economicCalendarWidget {
    min-height: 600px !important;
  }
  
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  @media screen and (max-width: 480px) {
    .table-responsive-sm table {
      white-space: nowrap;
    }
  }
  
  dl.ruleexplain {
    font-size: 14px;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    line-height: 1.3;
  }
  dl.ruleexplain dt {
    padding: 15px;
    line-height: 1;
    border-radius: 8px 8px 0 0;
    color: #fff;
    background-color: #1a1a1a;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  }
  dl.ruleexplain dd.example {
    padding: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  }
  dl.ruleexplain dd.result {
    padding: 15px 15px 15px 45px;
    background-image: url("img/icon_right.svg");
    background-size: 15px;
    background-position: 15px 16px;
    background-repeat: no-repeat;
  }
  table.hfmreward {
    margin-bottom: 15px;
    border: 1px solid #333;
    width: 100%;
  }
  table.hfmreward thead {
    background-color: #333;
    color: #fff;
  }
  table.hfmreward tbody tr td, table.hfmreward tbody tr th {
    padding: 8px;
    border-bottom: 1px solid #333;
  }
  @media screen and (max-width: 480px) {
    table.hfmreward tbody tr td, table.hfmreward tbody tr th {
      font-size: 14px;
    }
  }
  table.hfmreward tbody tr th {
    border-right: 1px solid #333;
  }
  table.hfmreward tbody tr td {
    border-left: 1px solid #333;
  }
  
  table.axireward {
    margin-bottom: 15px;
    border: 1px solid #f0002a;
    width: 100%;
  }
  table.axireward thead {
    background-color: #f0002a;
    color: #fff;
  }
  table.axireward tbody tr td, table.axireward tbody tr th {
    padding: 8px;
    border-bottom: 1px solid #f0002a;
  }
  @media screen and (max-width: 480px) {
    table.axireward tbody tr td, table.axireward tbody tr th {
      font-size: 14px;
    }
  }
  table.axireward tbody tr th {
    border-right: 1px solid #f0002a;
  }
  
  table.ttcmreward {
    margin-bottom: 15px;
    border: 1px solid #0a2f4c;
    width: 100%;
  }
  table.ttcmreward thead {
    background-color: #0a2f4c;
    color: #fff;
  }
  table.ttcmreward tbody tr td, table.ttcmreward tbody tr th {
    padding: 8px;
    border-bottom: 1px solid #0a2f4c;
  }
  @media screen and (max-width: 480px) {
    table.ttcmreward tbody tr td, table.ttcmreward tbody tr th {
      font-size: 14px;
    }
  }
  table.ttcmreward tbody tr th {
    border-right: 1px solid #0a2f4c;
    min-width: 4em;
  }
  
  div.mugen-wrap .banner-wrap {
    width: 100%;
    text-align: center;
  }
  div.mugen-wrap .banner-wrap + h2 {
    margin-top: 60px;
  }
  div.mugen-wrap .banner-wrap a {
    display: block;
    margin: 0 auto;
  }
  div.mugen-wrap .banner-wrap img {
    max-width: 100%;
    margin: 0 auto;
  }
  div.mugen-wrap p + div.banner-wrap, div.mugen-wrap ul + div.banner-wrap, div.mugen-wrap ol + div.banner-wrap {
    margin-top: 60px;
  }
  div.mugen-wrap table.titanmugen {
    width: 100%;
  }
  div.mugen-wrap table.titanmugen + h2 {
    margin-top: 60px;
  }
  div.mugen-wrap table.titanmugen + .banner-wrap {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  div.mugen-wrap table.titanmugen th, div.mugen-wrap table.titanmugen td {
    border: 1px solid #76b72a;
    padding: 8px;
    vertical-align: top;
  }
  @media screen and (max-width: 480px) {
    div.mugen-wrap table.titanmugen th, div.mugen-wrap table.titanmugen td {
      font-size: 14px;
    }
  }
  div.mugen-wrap table.titanmugen th ul, div.mugen-wrap table.titanmugen td ul {
    margin-bottom: 0;
  }
  @media screen and (min-width: 481px) {
    div.mugen-wrap table.titanmugen tr th:frist-child {
      width: 180px;
    }
  }
  div.mugen-wrap h2 {
    color: #76b72a;
    font-size: 21px;
    margin: 30px 0;
    border-bottom: 1px dotted #888;
    padding-bottom: 15px;
  }
  
  section#payment {
    text-align: center;
  }
  section#payment h2 {
    text-align: center;
  }
  section#payment picture {
    text-align: center;
    margin: 0 auto 30px;
  }
  section#payment p.more-d {
    text-align: center;
    font-size: 16px;
    padding: 30px 0;
  }
  
  table.payment-method {
    width: 100%;
  }
  table.payment-method .method {
    width: 40%;
  }
  table.payment-method .fees {
    width: 30%;
  }
  table.payment-method .min {
    width: 30%;
  }
  
  .purchaseAdBox {
    width: 100%;
  }
  
  section#eahero {
    background-image: url(img/hero_-ea.jpg);
    background-position: center center;
    background-size: cover;
    height: 400px;
    display: flex;
    align-items: center;
  }
  section#eahero .hero-inner h1 {
    color: #fff !important;
    font-size: 48px;
    letter-spacing: 0.05em;
  }
  section#eahero .hero-inner p {
    font-size: 21px;
    color: #fff !important;
  }
  section#eahero .hero-inner h1, section#eahero .hero-inner p, section#eahero .hero-inner div.button-wrap {
    width: 100%;
  }
  
  .date-5197 {
    display: none !important;
  }

  .swiper-button-next, .swiper-button-prev {
    color: var(--swiper-navigation-color, #ffffff);
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color,  #38e1bc);
}

div#campaign .card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 15px 15px;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 700;
}

div#campaign a{
    color: #282828;
}

.btn-primary, .btn.btn-primary {
    background-color: rgb(0, 175, 168) !important;
    border-color: rgb(0, 175, 168) !important;
    background-color: #00b090 !important;
    border-color: #00b090 !important;
}


.broker-main-content .broker-visual-inner.visual-hfm,.broker-main-content .broker-visual-inner.visual-vantage {

    background-image: none;
}


.broker-visual-inner.visual-bybit {
    background-image: url(https://rebt-one.com/wpcms2/wp-content/uploads/bybit-bg-img.webp);
    background-position: right bottom;
    background-size: 40%;
    background-color: #000000;
}


.broker-visual-inner.visual-superfunded {
    background-position: right bottom;
    background-size: auto;
    background: url(/wpcms2/wp-content/uploads/bg_img_SUPERFUNDED.webp) right bottom / auto no-repeat, linear-gradient(90deg, #8b5cf6 0%, #120626 79%) right bottom / auto no-repeat;
}

.broker-visual-inner.visual-ebc-financial-group {
    background-image: url(https://rebt-one.com/wpcms2/wp-content/uploads/ebc-bg-img.webp);
    background-position: right bottom;
    background-size: 64%;
       background-color: #000027;
}

.broker-visual-inner.visual-infinox {
    background-image: url(https://rebt-one.com/wpcms2/wp-content/uploads/infinox-bg_img.webp), linear-gradient(90deg, #000000 0%, #120626 79%);
    background-position: right bottom, right bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 60%, 100%;
}

.broker-visual-inner.visual-milton-markets {
    background-image: url(https://rebt-one.com/wpcms2/wp-content/uploads/bg_img_Miltonmarkets.png), linear-gradient(90deg, #000000 0%, #120626 79%);
    background-position: right bottom, right bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 65%, 100%;
}

.broker-main-content .broker-visual-inner div.broker-logo-area div.visual-logoimage img.logo-ebc-financial-group {
    height: 60px;
    margin: 0 auto 35px;
}

.broker-main-content .broker-visual-inner div.broker-logo-area div.visual-logoimage img.logo-superfunded {
    height: 60px;
    margin: 0 auto 40px;
}

a.btn span.broker-apply:before {
display: none;
}



@media screen and (max-width: 480px) {
    .broker-main-content .broker-visual-inner.visual-hfm,.broker-main-content .broker-visual-inner.visual-vantage {
        background-image: none;
    }
	
	.broker-visual-inner.visual-ebc-financial-group {    
    background-size: 140%;
  
}
	
	.broker-visual-inner.visual-infinox {
    background-size: 100%;
        background-position: -0% 70%;
}
	.broker-visual-inner.visual-milton-markets {

    background-size: 170%, 100%;
}
	
	.broker-visual-inner.visual-bybit {
    background-size: 100%;
}
	
}

thead, tbody, tfoot, tr, td, th {
    border: 1px solid rgba(0, 0, 0, 0.12);
    padding: 10px 10px 10px 10px;
}

.wp-caption {
    max-width: 100%;
}


.btn-go-brokersite {
    padding: 1em 0.3em;
}







/*single-media*/

input:focus,
button:focus,
button:active,
button:focus-visible {
  outline: none;
}

.btn-check:focus + .btn-primary, .btn-primary:focus {
box-shadow: none;
}


.sidebar-contents .accordion-item button.accordion-button {
  padding-top: 20px;
  padding-bottom: 20px;
}
.sidebar-contents .accordion-item .accordion-list-group-item {
  position: relative;
  padding: 0.5rem 24px;
  color: #212529;
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  min-height: 61px;
  display: flex;
  align-items: center;
}

.loop-contents {
  margin: 50px 0;
  /* カードホバー効果 */
  /* 画像のアスペクト比を統一 */
  /* グリッドのギャップ調整 */
  /* 既存のスタイルはそのまま */
  /* 編集リンクのスタイル追加 */
  /* カード全体をリンクにする */
  /* カードのホバー効果を修正 */
}
.loop-contents .card.card-item {
  border: none;
  border-radius: 0;
}
.loop-contents .card-img-top {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.loop-contents .card-body {
  padding: 15px 0px;
}
.loop-contents .card {
  border-radius: 8px;
  transition: transform 0.2s ease-in-out;
}
.loop-contents a.col:hover .card {
  transform: translateY(-5px);
}
.loop-contents .card-img-wrapper {
  position: relative;
  padding-top: 56.25%; /* 16:9のアスペクト比 */
  overflow: hidden;
}
.loop-contents .postList_thumb {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1), 0 4px 4px -4px rgba(0, 0, 0, 0.1);
}
.loop-contents .card-img-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  .loop-contents .row {
    --bs-gutter-x: 1rem;
  }
  .loop-contents .col {
    padding: 0 0.5rem;
  }
}
.loop-contents .edit-link {
  position: absolute;
  top: 0;
  right: 15px; /* カードの右端から少し余白 */
  z-index: 2;
  background: rgba(255, 255, 255, 0.9);
  padding: 2px 8px;
  border-radius: 3px;
  font-size: 0.875rem;
}
.loop-contents .edit-link a {
  color: #666;
  text-decoration: none;
}
.loop-contents .edit-link a:hover {
  text-decoration: underline;
}
.loop-contents .col a {
  display: block;
  height: 100%;
}
.loop-contents .col a:hover .card {
  transform: translateY(-5px);
}

.after-contents {
  margin-bottom: 50px;
      margin-top: 50px;
}
.after-contents h2.title {
  font-weight: bold;
  font-weight: bold;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 15px;
  line-height: 2;
}
.after-contents h2.title span {
  font-size: 0.5em;
  margin: 15px;
}

.sticky-item {
  position: sticky;
  top: 100px;
}

.sidebar-contents {
  margin: 50px 0;
}
.sidebar-contents .sidebar-title {
  font-size: 19px;
  border-bottom: 1px solid;
  margin-bottom: 25px;
}

nav#info-navi {
  padding-top: 73px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  
  justify-content: center;
}
nav#info-navi .info-navi-contents p {
  margin: 0 auto;
  padding: 12px 0px;
  display: flex;

    letter-spacing: 2px;
    font-weight: bold;
}

.info-navi-wrap {
    width: 100%;
    background-color: #e2e2e2;
        box-shadow: 0 0.0125em 0.625em 0 rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
 nav#info-navi {
  padding-top: 62px;

}
}

.post-content img {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1), 0 4px 8px -4px rgba(0, 0, 0, .2);
 
}


div.single-wrapper {
  position: relative;
  width: 100%;
  margin: 15px auto;
  margin-top: 30px;
  max-width: 1170px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 40px;
}
div.single-wrapper #main_content.single-inner {
  width: 100%;
  display: flex;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  margin-bottom: 0;
  flex-direction: unset;
  flex-wrap: wrap;
  background: #fff;
}
div.single-wrapper #main_content.single-inner div.iblink {
  padding: 60px 0 30px;
  width: 100%;
  text-align: center;
  font-size: 18px;
}
div.single-wrapper #main_content.single-inner div.iblink a.btn {
  font-size: 18px;
  padding: 1em 2em;
}
div.single-wrapper #main_content.single-inner div.iblink a.btn span.broker-apply:before {
  letter-spacing: 0;
}
div.single-wrapper #main_content.single-inner article.contents {
  max-width: 700px;
  margin: 0 auto;
  width: calc(100% - 360px);
}
div.single-wrapper #main_content.single-inner article.contents .entry-title-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
}
div.single-wrapper #main_content.single-inner article.contents .entry-title-area span.date {
  display: block;
  margin-bottom: 15px;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.54);
  order: 1;
}
div.single-wrapper #main_content.single-inner article.contents .entry-title-area h1 {
  width: 100%;
  line-height: 1.5;
  letter-spacing: 0.1rem;
      font-size: 1.5rem;
  margin-top: 0;
  margin-bottom: 15px;
  position: relative;
  font-weight: 700;
  order: 3;
}
div.single-wrapper #main_content.single-inner article.contents .asset-body {
  letter-spacing: 0.05em;
  line-height: 2;
  margin-top: 4em;
 
}
div.single-wrapper #main_content.single-inner article.contents .asset-body h2 {
line-height: 1.5;
    font-size: 24px;
    font-weight: bold;
        margin: 4em 0 2em;
    padding: 0.5em;
    background: #2aa69f;
    /* border-left: solid 8px #1acdb9; */
    /* border-bottom: 3px solid #1acdb9; */
    color: #fff;
    position: relative;}

div.single-wrapper #main_content.single-inner article.contents .asset-body h2::before {
    position: absolute;
    display: block;
    pointer-events: none;
    content: "";
    top: -4px;
    left: 0;
    width: 100%;
    height: calc(100% + 4px);
    box-sizing: content-box;
    border-top: solid 2px #2aa69f;
    border-bottom: solid 2px #2aa69f;
}

div.single-wrapper #main_content.single-inner article.contents .asset-body h3 {
        padding: 0 .5em .5em;
    position: relative;
    padding-bottom: 8px;
    font-size: 1.3rem;
    font-weight: bold;
    margin: 3em 0 2em;
}
div.single-wrapper #main_content.single-inner article.contents .asset-body h3::before {
    width: 100%;
    height: 2px;
    background: repeating-linear-gradient(90deg, #2aa59f 0%, #2aa59f 29.3%, rgba(150, 150, 150, .2) 29.3%, rgba(150, 150, 150, .2) 100%);
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
}

div.single-wrapper #main_content.single-inner article.contents .asset-body h4 {
       font-size: 1.2em;
    font-weight: bold;
    padding: 0 0 0 16px;
    border-left: solid 2px #2ba6a0; 
}


@media screen and (max-width: 480px) {
  div.single-wrapper #main_content.single-inner article.contents .asset-body h2, div.single-wrapper #main_content.single-inner article.contents .asset-body h3 {
    margin-bottom: 15px;
  }
}
div.single-wrapper #main_content.single-inner article.contents .asset-body ol {
  list-style-type: decimal;
  padding-left: 1.5em;
  font-size: 16px;
  margin-bottom: 15px;
}
div.single-wrapper #main_content.single-inner article.contents .asset-body ol li {
  list-style-type: decimal;
  letter-spacing: 0.05em;
  font-size: 16px;
}
div.single-wrapper #main_content.single-inner article.contents .asset-body ul {
  list-style-type: disc;
  padding-left: 1.5em;
  font-size: 16px;
  margin-bottom: 30px;
}
div.single-wrapper #main_content.single-inner article.contents .asset-body ul li {
  list-style-type: disc;
}
div.single-wrapper #main_content.single-inner article.contents .asset-body p {
  line-height: 26px;
  font-size: 16px;
  margin-bottom: 26px;
}
div.single-wrapper #main_content.single-inner article.contents .asset-body p.footnote {
  font-size: 80%;
  margin-bottom: 0;
  line-height: 1.3;
}
@media (max-width: 767px) {
  div.single-wrapper #main_content.single-inner article.contents {
    width: 100%;
  }
}
div.single-wrapper aside {
  width: 280px;
  margin-left: 0;
  float: none;
  padding: 0 0 30px;
}
@media (max-width: 767px) {
  div.single-wrapper aside {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  div.single-wrapper div.single-inner {
    padding: 15px;
  }
  div.single-wrapper div.single-inner div.iblink a.btn,
  div.single-wrapper div.single-inner div.brokerlink a.btn {
    width: 100%;
  }
  div.single-wrapper div.single-inner div.iblink + .brokerlink {
    padding-bottom: 0;
  }
  div.single-wrapper div.single-inner div.snsWrap {
    margin: 0 15px 15px;
    width: auto;
  }
  div.single-wrapper div.single-inner article.lpmain .asset-body {
    padding: 0;
    font-size: 16px;
  }
}

@media screen and (max-width: 480px) {
  div.single-wrapper {
    padding: 15px;
  }
}/*# sourceMappingURL=style.css.map */


/*ここまでsingle-media*/









/*スマホメニュー*/

#sp-menu {
    display: none;
}    
		 
@media screen and (max-width: 767px) {
 
   
   
		    
		    
        .offcanvas {
            width: 300px;
        }
        
        .nav-link {
            color: #333;
            padding: 0.8rem 1rem;
            transition: background-color 0.3s;
        }
        
        .nav-link:hover {
            background-color: #f8f9fa;
        }
        
        .navbar-toggler {
            border: none;
           
        }
        
        .navbar-toggler:focus {
            box-shadow: none;
        }
        
             .navbar-toggler-icon {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        }

#sp-menu {
    position: fixed;
    display: flex;
    padding: 0px;
    border-radius: 100px;
    width: auto;
    height: auto;
    z-index: 9996;
    justify-content: center;
 
    top: 13px;
    right: 10px;
}
 }

/*ここまでスマホメニュー*/




/* タグのレイアウト */
.media-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.tag-link {
    display: inline-block;
    padding: 2px 8px;
    background-color: #fff487;
    border-radius: 12px;
    font-size: 12px;
    color: #666;
}






/* WordPressが出力するデフォルトのクラス名に合わせる */
.page-numbers {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    gap: 8px;
}

.page-numbers li {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.page-numbers li:hover {
    background-color: #f5f5f5;
}

.page-numbers li a,
.page-numbers li span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 12px;
    text-decoration: none;
    color: #333;
}

.page-numbers li span.current {
    background-color: #333;
    color: #fff;
    border-radius: 3px;
}

/* くりっくしたらコピー */
   .copy-btn {
  padding: 0px 0px;
  border-radius: 4px;
  border: 1px solid #ddd;
  cursor: pointer;
  min-width: 30px;
  font-size: 0.7em;
}
.copy-btn:hover {
  background: #f5f5f5;
}
.copy-text {
    /* font-weight: 600; */
    
    background: #fffed4;
}
        
        
        
  .bg-pink {
            background-color: #ff7868;
        }
        .bg-blue {
            background-color: #77A7D9;
        }
        
        
        /* ポイントボックス */
        
        .p-box-00 {
    background: #fff7e1;
    border-radius: 2px;
    line-height: 1.6;
    padding: 1em 1em 1em 4.25em;
    position: relative;
    margin-bottom: 3em!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
}

.p-box-00::before {
    content: "point";
    padding: inline-block;
    font-family: icomoon;
    font-size: inherit;
    left: 1.25em;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) scale(1.5);
    transform: translateY(-50%) scale(1.5);
    font-size: 10px;
    color: #ffa000;
}

.p-box-00::after {
    border-right: 1px solid;
    content: "";
    display: block;
    height: 50%;
    left: 3.25em;
    opacity: .4;
    position: absolute;
    top: 25%;
    width: 0;
    border-right-color: #ffa21b;
}

blockquote{
    position:relative;
    border:1px solid #8BC0B8;
    border-radius:10px;
    padding: 38px;
    margin: 1em;
}
blockquote:before{
    position:absolute;
    font-family:'FontAwesome';
    content:'\f10d';
    font-size: 20px;
    color:#8BC0B8;
    top:10px;
    left:10px;
}
blockquote:after{
    position:absolute;
    font-family:'FontAwesome';
    content:'\f10e';
    font-size: 20px;
    color:#8BC0B8;
    right:10px;
    bottom:10px;
}
blockquote cite {
    display: block;
    font-size: 0.8rem;
    text-align: right;
    color: #D4DED7;
    padding-right:20px;
}













































:root {

    --bs-btn-hover-bg: #00b090;
}


.detail-button {
    position: absolute;
    bottom: 3%;
    right: 5%;
    width: 30%;
    min-width: 80px;
    max-width: 150px;
    padding: 1.5% 1%;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    border: none;
    border-radius: 4px;
    transition: background-color 0.3s;
    font-size: clamp(6px, 8px + 1vw, 12px);
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

/* より小さな画面での調整 */
@media (max-width: 480px) {
    .detail-button {
        font-size: clamp(5px, 6px + 0.8vw, 10px);
        width: 35%;
        min-width: 70px;
    }
}

/* 中サイズ画面での調整 */
@media (min-width: 481px) and (max-width: 768px) {
    .detail-button {
        font-size: clamp(7px, 8px + 1vw, 11px);
        width: 32%;
    }
}





div#post_slider {
    display: none;
}



.single-lp div#content {
    padding-top: 0;
}
@media (min-width: 600px) {
    .single-broker .l-content {
        padding-top: 0em;
    }
}

.single-broker div#breadcrumb {
    display: none;
}

.archive nav#broker-list {
    display: none;
}

.single-lp div#breadcrumb {
    display: none;
}

  .top-slider {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    position: relative;
		padding-top: 1em;
        width: 100%;
        margin: auto;
        /* margin-left: calc(-50vw + 50%); */
        position: relative;
        padding-top: 1em;
        background: #fff;
        padding: 10px;
        margin-bottom: 8em;
        margin-bottom: clamp(40px, 2vh, 80px);
  }

@media screen and (max-width: 480px) {
  .top-slider {
    margin-bottom: 1em;
  }
}

.full-wide {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
}

.single-post nav#broker-list {
    display: none;
}


nav#broker-list div.list-scroll ul li a {
    font-weight: 200;
}

.single-media nav#broker-list{
    display: none;
}

.top-slider .swiper-container {
    padding-bottom: 25px;
}
.top-slider .swiper-pagination {
    bottom: 0px;
}


ul {
    margin-bottom: 0;
    padding-left: 0;
  }