@charset "UTF-8";
/* CSS Document */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/*----------------------------------------------------------------------
/////■■ base ■■/////
----------------------------------------------------------------------*/
html {
  font-size: 62.5%;
}

body {
  background: #ffffff;
  font-family: "Noto Sans JP", sans-serif;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-text-size-adjust: 100%;
  color: #333333;
  min-width: 100%;
  width: 100%;
  overflow-x: hidden;
  position: relative;
  font-size: 1.6rem;
  font-weight: 400;
}

p,
span,
dt,
dd,
div,
li,
a {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0em;
}

a {
  text-decoration: none;
}

img {
  display: block;
  width: 100%;
}

@media (max-width: 768px) {
  p,
  dt,
  dd,
  div,
  li,
  a {
    font-size: 1.4rem;
  }
}
/*----------------------------------------------------------------------
/////■■ utility ■■/////
----------------------------------------------------------------------*/
.u-mb10 {
  margin-bottom: 10px;
}

.u-mb20 {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .u-mb20 {
    margin-bottom: 10px;
  }
}

.u-mb30 {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .u-mb30 {
    margin-bottom: 15px;
  }
}

.u-mb40 {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .u-mb40 {
    margin-bottom: 20px;
  }
}

.u-mb50 {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .u-mb50 {
    margin-bottom: 25px;
  }
}

.u-mb60 {
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .u-mb60 {
    margin-bottom: 30px;
  }
}

.u-mb70 {
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .u-mb70 {
    margin-bottom: 35px;
  }
}

.u-mb80 {
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .u-mb80 {
    margin-bottom: 40px;
  }
}

.u-mb90 {
  margin-bottom: 90px;
}
@media screen and (max-width: 768px) {
  .u-mb90 {
    margin-bottom: 45px;
  }
}

.u-mb100 {
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .u-mb100 {
    margin-bottom: 50px;
  }
}

.u-mb110 {
  margin-bottom: 110px;
}
@media screen and (max-width: 768px) {
  .u-mb110 {
    margin-bottom: 55px;
  }
}

.u-mb120 {
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .u-mb120 {
    margin-bottom: 60px;
  }
}

.u-mb130 {
  margin-bottom: 130px;
}
@media screen and (max-width: 768px) {
  .u-mb130 {
    margin-bottom: 65px;
  }
}

.u-mb140 {
  margin-bottom: 140px;
}
@media screen and (max-width: 768px) {
  .u-mb140 {
    margin-bottom: 70px;
  }
}

.u-mb150 {
  margin-bottom: 150px;
}
@media screen and (max-width: 768px) {
  .u-mb150 {
    margin-bottom: 75px;
  }
}

.u-bgColor--gray {
  background: #e9ecef;
}

.u-textcenter {
  text-align: center;
}

/*-------- br --------*/
.u-br--sp {
  display: none;
}
@media screen and (max-width: 400px) {
  .u-br--sp {
    display: inline;
  }
}

/*----------------------------------------------------------------------
//////////■■ component ■■//////////
----------------------------------------------------------------------*/
.c-wrapper--768 {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 768px;
}

.c-wrapper--920 {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 920px;
}

.c-wrapper--1120 {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1120px;
}

.c-wrapper--1180 {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1180px;
}

.c-wrapper--1300 {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1300px;
}

@media screen and (max-width: 768px) {
  .c-mainContent {
    padding-top: 64px;
  }
}

.c-pageTop {
  background: #1b69fd;
  position: fixed;
  right: 5%;
  bottom: -100px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  max-width: 60px;
  width: 100%;
  z-index: 100;
}
@media screen and (max-width: 768px) {
  .c-pageTop {
    display: none;
  }
}
.c-pageTop:hover {
  opacity: 0.5;
}

.c-commonBtn__flat--orange {
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
  background: #ff4503;
  border: solid 2px #ff4503;
}
.c-commonBtn__flat--orange a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.c-commonBtn__flat--orange a p {
  line-height: 2.5;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
}
.c-commonBtn__flat--orange a p {
  color: #fff;
}
.c-commonBtn__flat--orange:hover {
  background: #fff;
  border: solid 2px #ff4503;
}
.c-commonBtn__flat--orange:hover a p {
  color: #ff4503;
}

.c-commonBtn__flat--white {
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
  background: #fff;
  border: solid 2px #1b69fd;
}
.c-commonBtn__flat--white a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.c-commonBtn__flat--white a p {
  line-height: 2.5;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
}
.c-commonBtn__flat--white a p {
  color: #1b69fd;
}
.c-commonBtn__flat--white:hover {
  background: #1b69fd;
}
.c-commonBtn__flat--white:hover a p {
  color: #fff;
}

.c-commonBtn__flat--blue {
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
  background: #1b69fd;
  border: solid 2px #1b69fd;
}
.c-commonBtn__flat--blue a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.c-commonBtn__flat--blue a p {
  line-height: 2.5;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
}
.c-commonBtn__flat--blue a p {
  color: #fff;
}
.c-commonBtn__flat--blue:hover {
  background: #fff;
}
.c-commonBtn__flat--blue:hover a p {
  color: #1b69fd;
}

.c-commonBtn__flat--black {
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
  background: #000;
  border: solid 2px #000;
}
.c-commonBtn__flat--black a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.c-commonBtn__flat--black a p {
  line-height: 2.5;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
}
.c-commonBtn__flat--black a p {
  color: #fff;
}
.c-commonBtn__flat--black:hover {
  background: #fff;
}
.c-commonBtn__flat--black:hover a p {
  color: #000;
}

.c-commonBtn__flat--gray {
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
  background: none;
  border: solid 2px #666666;
}
.c-commonBtn__flat--gray a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.c-commonBtn__flat--gray a p {
  line-height: 2.5;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
}
.c-commonBtn__flat--gray a p {
  color: #666666;
}
.c-commonBtn__flat--gray:hover {
  background: #666666;
}
.c-commonBtn__flat--gray:hover a p {
  color: #fff;
}

.c-commonBtn__arrow--orange {
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
  background: #ff4503;
  border: solid 2px #ff4503;
}
.c-commonBtn__arrow--orange a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.c-commonBtn__arrow--orange a p {
  line-height: 2.5;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-left: 10%;
  width: 85%;
}
.c-commonBtn__arrow--orange a svg {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 15%;
}
.c-commonBtn__arrow--orange a p {
  color: #fff;
}
.c-commonBtn__arrow--orange a svg {
  fill: #fff;
}
.c-commonBtn__arrow--orange:hover {
  background: #fff;
  border: solid 2px #ff4503;
}
.c-commonBtn__arrow--orange:hover a p {
  color: #ff4503;
}
.c-commonBtn__arrow--orange:hover a svg {
  fill: #ff4503;
}

.c-commonBtn__arrow--white {
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
  background: #fff;
  border: solid 2px #fff;
}
.c-commonBtn__arrow--white a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.c-commonBtn__arrow--white a p {
  line-height: 2.5;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-left: 10%;
  width: 85%;
}
.c-commonBtn__arrow--white a svg {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 15%;
}
.c-commonBtn__arrow--white a p {
  color: #ff4503;
}
.c-commonBtn__arrow--white a svg {
  fill: #ff4503;
}
.c-commonBtn__arrow--white:hover {
  background: #ff4503;
  border: solid 2px #fff;
}
.c-commonBtn__arrow--white:hover a p {
  color: #fff;
}
.c-commonBtn__arrow--white:hover a svg {
  fill: #fff;
}

.c-commonBtn__arrow--blue {
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
}
.c-commonBtn__arrow--blue a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.c-commonBtn__arrow--blue a p {
  line-height: 2.5;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-left: 10%;
  width: 85%;
}
.c-commonBtn__arrow--blue a svg {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 15%;
}

.c-chatIcon {
  max-width: 80px;
  width: 100%;
}

/*----------------------------------------------------------------------
//////////■■ project ■■//////////
----------------------------------------------------------------------*/
.p-index_title {
  text-align: center;
}
.p-index_title hr {
  background: #333333;
  border: none;
  margin: 10px auto 0;
  height: 1px;
  width: 40px;
}
.p-index_title .text {
  font-size: 250%;
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  .p-index_title .text {
    font-size: 180%;
  }
}

.p-common_title {
  text-align: center;
}
.p-common_title .text {
  font-size: 300%;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-common_title .text {
    font-size: 200%;
  }
}

.p-index_btnArea--orange {
  padding: 40px 10px;
  background: #ff4503;
}
.p-index_btnArea--orange .cap {
  font-size: 150%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-index_btnArea--orange .cap {
    font-size: 120%;
  }
}
.p-index_btnArea--orange .accountBtn {
  margin: 0 auto 30px;
  max-width: 440px;
}
.p-index_btnArea--orange .accountBtn a p {
  font-size: 162.5%;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .p-index_btnArea--orange .accountBtn a p {
    font-size: 120%;
  }
}
.p-index_btnArea--orange .caution {
  font-size: 75%;
  text-align: center;
}
.p-index_btnArea--orange .cap {
  color: #fff;
}
.p-index_btnArea--orange .accountBtn {
  -webkit-box-shadow: 10px 10px 10px #cf3400;
          box-shadow: 10px 10px 10px #cf3400;
}
.p-index_btnArea--orange .caution {
  color: #cccccc;
}

.p-index_btnArea--white {
  padding: 40px 10px;
}
.p-index_btnArea--white .cap {
  font-size: 150%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-index_btnArea--white .cap {
    font-size: 120%;
  }
}
.p-index_btnArea--white .accountBtn {
  margin: 0 auto 30px;
  max-width: 440px;
}
.p-index_btnArea--white .accountBtn a p {
  font-size: 162.5%;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .p-index_btnArea--white .accountBtn a p {
    font-size: 120%;
  }
}
.p-index_btnArea--white .caution {
  font-size: 75%;
  text-align: center;
}
.p-index_btnArea--white .accountBtn {
  -webkit-box-shadow: 10px 10px 10px #cfcfcf;
          box-shadow: 10px 10px 10px #cfcfcf;
}
.p-index_btnArea--white .caution {
  color: #999999;
}

.p-cardList--three {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.p-cardList--three .item {
  background: #fff;
  border: solid 2px #1b69fd;
  color: #1b69fd;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 20px;
  margin: 0 auto 20px;
  max-width: 320px;
  width: calc(33.3333333333% - 10px);
}
@media screen and (max-width: 768px) {
  .p-cardList--three .item {
    padding: 20px 10px;
    max-width: 100%;
    width: 100%;
  }
}
.p-cardList--three .item:hover {
  background: #1b69fd;
}
.p-cardList--three .item:hover a {
  color: #fff;
}
.p-cardList--three .item:hover svg {
  fill: #fff;
}
.p-cardList--three .item a {
  display: block;
  color: #1b69fd;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.p-cardList--three .item svg {
  fill: #1b69fd;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.p-cardList--three .item .iconImg {
  margin: 0 auto 20px;
  max-width: 94px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-cardList--three .item .iconImg {
    margin: 0 auto 10px;
  }
}
.p-cardList--three .item .content .cap {
  font-size: 175%;
  font-weight: 700;
  margin: 0 auto 20px;
}
@media screen and (max-width: 768px) {
  .p-cardList--three .item .content .cap {
    margin: 0 auto 10px;
  }
}
@media screen and (max-width: 768px) {
  .p-cardList--three .item .content .text {
    text-align: left;
  }
}

.p-cardList--two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.p-cardList--two .item {
  background: #fff;
  border: solid 2px #1b69fd;
  color: #1b69fd;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 20px;
  margin: 0 auto 20px;
  max-width: 440px;
  width: calc(50% - 20px);
}
@media screen and (max-width: 768px) {
  .p-cardList--two .item {
    padding: 20px 10px;
    max-width: 100%;
    width: 100%;
  }
}
.p-cardList--two .item:hover {
  background: #1b69fd;
}
.p-cardList--two .item:hover a {
  color: #fff;
}
.p-cardList--two .item:hover svg {
  fill: #fff;
}
.p-cardList--two .item a {
  display: block;
  color: #1b69fd;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.p-cardList--two .item svg {
  fill: #1b69fd;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.p-cardList--two .item .iconImg {
  margin: 0 auto 20px;
  max-width: 94px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-cardList--two .item .iconImg {
    margin: 0 auto 10px;
  }
}
.p-cardList--two .item .content .cap {
  font-size: 175%;
  font-weight: 700;
  margin: 0 auto 20px;
}
@media screen and (max-width: 768px) {
  .p-cardList--two .item .content .cap {
    margin: 0 auto 10px;
  }
}
@media screen and (max-width: 768px) {
  .p-cardList--two .item .content .text {
    text-align: left;
  }
}

.p-supportService {
  background: url(../images/common/common_supportService_bg_pc.jpg) no-repeat center top;
  background-size: cover;
  padding: 80px 10px;
}
@media screen and (max-width: 768px) {
  .p-supportService {
    background: url(../images/common/common_supportService_bg_sp.jpg) no-repeat center center;
    background-size: cover;
    padding: 40px 10px;
  }
}
.p-supportService .introText {
  text-align: center;
}
.p-supportService .contentList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-supportService .contentList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.p-supportService .contentList li {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  padding: 20px;
  width: calc(50% - 20px);
}
@media screen and (max-width: 768px) {
  .p-supportService .contentList li {
    margin-bottom: 20px;
    padding: 20px 10px;
    width: 100%;
  }
  .p-supportService .contentList li:last-child {
    margin-bottom: 0;
  }
}
.p-supportService .contentList li hr {
  background: #333333;
  border: none;
  margin: 10px auto;
  height: 1px;
  width: 40px;
}
.p-supportService .contentList li .cap {
  font-size: 150%;
  font-weight: 400;
  text-align: center;
}
.p-supportService .contentList li .linkBtn {
  margin: 0 auto;
  max-width: 300px;
}

.p-footerBanner {
  background: #ff4503;
  padding: 10px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}
.p-footerBanner .contentBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .p-footerBanner .contentBox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.p-footerBanner .contentBox .cap {
  color: #fff;
  margin: 0 20px 0 0;
}
@media screen and (max-width: 768px) {
  .p-footerBanner .contentBox .cap {
    text-align: center;
    margin: 0 auto 10px;
  }
}
.p-footerBanner .contentBox .accountBtn {
  max-width: 200px;
}
@media screen and (max-width: 768px) {
  .p-footerBanner .contentBox .accountBtn {
    margin: 0 auto;
  }
}
.p-footerBanner .chatBtn {
  cursor: pointer;
  position: absolute;
  bottom: 0%;
  right: 5%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .p-footerBanner .chatBtn {
    position: fixed;
    top: 75%;
    right: 2%;
    max-width: 70px;
  }
}
.p-footerBanner .p-chatBox {
  background: #fff;
  -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
  position: fixed;
  right: 1%;
  bottom: -100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  max-width: 370px;
  width: 100%;
  z-index: 1000;
}
@media screen and (max-width: 768px) {
  .p-footerBanner .p-chatBox {
    right: 0;
    max-width: 100%;
  }
}
.p-footerBanner .p-chatBox dl dt {
  background: #1b69fd;
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 20px;
}
.p-footerBanner .p-chatBox dl dt p {
  font-weight: 400;
}
.p-footerBanner .p-chatBox dl dt span {
  display: block;
  font-weight: 400;
  position: relative;
}
.p-footerBanner .p-chatBox dl dt span:hover::before, .p-footerBanner .p-chatBox dl dt span:hover::after {
  display: block;
}
.p-footerBanner .p-chatBox dl dt span::before {
  content: "";
  border-style: solid;
  border-color: transparent transparent #333333 transparent;
  border-width: 0px 6px 8px 6px;
  display: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  top: 110%;
  right: 10%;
  height: 0;
  width: 0;
}
@media screen and (max-width: 768px) {
  .p-footerBanner .p-chatBox dl dt span::before {
    content: none;
  }
}
.p-footerBanner .p-chatBox dl dt span::after {
  content: "ウィンドウを閉じる";
  background: #333333;
  color: #fff;
  display: none;
  font-size: 75%;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 10px;
  position: absolute;
  top: 140%;
  right: -100%;
  width: 150px;
}
@media screen and (max-width: 768px) {
  .p-footerBanner .p-chatBox dl dt span::after {
    content: none;
  }
}
.p-footerBanner .p-chatBox dl dd {
  padding: 40px;
}
.p-footerBanner .p-chatBox dl dd .cap {
  font-weight: 400;
  text-align: center;
  margin-bottom: 20px;
}
.p-footerBanner .p-chatBox dl dd .chatForm ul {
  margin-bottom: 30px;
}
.p-footerBanner .p-chatBox dl dd .chatForm ul li {
  margin-bottom: 30px;
}
.p-footerBanner .p-chatBox dl dd .chatForm ul li:last-child {
  margin-bottom: 0;
}
.p-footerBanner .p-chatBox dl dd .chatForm ul li p {
  color: #686868;
  display: block;
  font-size: 75%;
}
.p-footerBanner .p-chatBox dl dd .chatForm ul li p span {
  color: #f00;
  font-size: 75%;
}
.p-footerBanner .p-chatBox dl dd .chatForm ul li input[type=text], .p-footerBanner .p-chatBox dl dd .chatForm ul li input[type=email] {
  display: block;
  padding: 5px;
  width: 100%;
}
.p-footerBanner .p-chatBox dl dd .chatForm ul li label {
  font-size: 75%;
}
.p-footerBanner .p-chatBox dl dd .chatForm ul li div {
  display: block;
}
.p-footerBanner .p-chatBox dl dd .chatForm input[type=submit] {
  background: #aecf5f;
  border: solid 1px #aecf5f;
  color: #fff;
  display: block;
  padding: 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
}
.p-footerBanner .p-chatBox dl dd .chatForm input[type=submit]:hover {
  background: #fff;
  color: #aecf5f;
}

.p-common_btnArea {
  background: #f0f0f0;
  padding: 60px 10px;
}
@media screen and (max-width: 768px) {
  .p-common_btnArea {
    padding: 30px 10px;
  }
}
.p-common_btnArea .contentBox {
  background: #fff;
  -webkit-box-shadow: 0 16px 20px 0 rgba(0, 0, 0, 0.19);
          box-shadow: 0 16px 20px 0 rgba(0, 0, 0, 0.19);
  padding: 60px 10px 40px;
}
.p-common_btnArea .contentBox img {
  margin: 0 auto 20px;
  max-width: 164px;
}
.p-common_btnArea .contentBox .introText {
  font-size: 150%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-common_btnArea .contentBox .introText {
    font-size: 120%;
  }
}
.p-common_btnArea .contentBox .accountBtn {
  margin-left: auto;
  margin-right: auto;
  max-width: 440px;
}
.p-common_btnArea .contentBox .accountBtn a p {
  font-size: 125%;
  font-weight: 400;
}
.p-common_btnArea .contentBox .textLink {
  text-align: center;
}
.p-common_btnArea .contentBox .textLink a {
  text-decoration: underline;
}

.p-forexList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 1000px) {
  .p-forexList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.p-forexList li {
  border: solid 2px #dfe6e9;
  -webkit-box-shadow: 30px 20px 30px 0 rgba(173, 175, 180, 0.63);
          box-shadow: 30px 20px 30px 0 rgba(173, 175, 180, 0.63);
  padding: 30px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 540px;
  width: 100%;
}
@media screen and (max-width: 1000px) {
  .p-forexList li {
    padding: 10px;
  }
  .p-forexList li:last-child {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-forexList li {
    max-width: 100%;
  }
}
.p-forexList li.listSide {
  background-color: #f6f7f7;
}
@media screen and (max-width: 768px) {
  .p-forexList li.listSide {
    display: none;
  }
}

.p-forexTable {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: 100%;
}
.p-forexTable tr {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 0;
  display: block;
  width: 100%;
}
.p-forexTable tr th, .p-forexTable tr td {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.6rem;
  display: inline-block;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .p-forexTable tr th, .p-forexTable tr td {
    font-size: 1.2rem;
  }
}
.p-forexTable thead {
  display: block;
  width: 100%;
}
.p-forexTable thead tr th {
  border-right: 1px solid #eee;
  width: 33.3333333333%;
}
.p-forexTable thead tr th:last-child {
  border: none;
}
.p-forexTable tbody {
  display: block;
  width: 100%;
}
.p-forexTable tbody tr td {
  border-right: 1px solid #eee;
  width: 33.3333333333%;
}
.p-forexTable tbody tr td:nth-child(1) {
  color: #222222;
}
.p-forexTable tbody tr td:last-child {
  border: none;
  width: 25%;
}
.p-forexTable tbody .is-up {
  color: #f20117;
}
.p-forexTable tbody .is-down {
  color: #0f64ff;
}

.p-circleList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media screen and (max-width: 768px) {
  .p-circleList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.p-circleList li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media screen and (max-width: 768px) {
  .p-circleList li {
    margin-bottom: 20px;
  }
  .p-circleList li:last-child {
    margin-bottom: 0;
  }
}
.p-circleList .item {
  padding: 30px;
  width: calc(33.3333333333% - 20px);
}
@media screen and (max-width: 768px) {
  .p-circleList .item {
    padding: 20px 10px;
    width: 100%;
  }
}
.p-circleList .item img {
  margin: 0 auto 10px;
  max-width: 90px;
}
.p-circleList .item .content {
  height: 100%;
}
.p-circleList .item .content .cap {
  font-size: 187.5%;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}
.p-circleList .item .content .text {
  text-align: center;
}
.p-circleList .item .linkBtn {
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin: 0 auto;
  max-width: 140px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-circleList .item .linkBtn {
    max-width: 100px;
  }
}
.p-circleList .item .linkBtn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.p-circleList .item .linkBtn a p {
  color: #1b69fd;
  line-height: 2.5;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 85%;
}
.p-circleList .item .linkBtn a svg {
  fill: #1b69fd;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 15%;
}

.p-stepList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media screen and (max-width: 768px) {
  .p-stepList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .p-stepList li {
    margin-bottom: 20px;
  }
  .p-stepList li:last-child {
    margin-bottom: 0;
  }
}
.p-stepList .item {
  -webkit-box-shadow: 0 16px 20px 0 rgba(0, 0, 0, 0.19);
          box-shadow: 0 16px 20px 0 rgba(0, 0, 0, 0.19);
  padding: 30px 30px 60px;
  width: calc(33.3333333333% - 20px);
}
@media screen and (max-width: 768px) {
  .p-stepList .item {
    padding: 20px 10px;
    width: 100%;
  }
}
.p-stepList .item img {
  margin: 0 auto 10px;
  max-width: 80px;
}
@media screen and (max-width: 768px) {
  .p-stepList .item img {
    max-width: 40px;
  }
}
.p-stepList .item .content .cap {
  font-size: 187.5%;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}
.p-stepList .item .content .text {
  text-align: center;
}

.p-spredArea {
  padding: 80px 10px;
}
@media screen and (max-width: 768px) {
  .p-spredArea {
    padding: 40px 10px;
  }
}
.p-spredArea .container {
  -webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.15);
  border-right: solid 2px #dfe6e9;
  border-bottom: solid 2px #dfe6e9;
  border-left: solid 2px #dfe6e9;
}
.p-spredArea .container .tabList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media screen and (max-width: 768px) {
  .p-spredArea .container .tabList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.p-spredArea .container .tabList li {
  background: #ededed;
  border-top: solid 2px #dfe6e9;
  border-right: 1px solid #c7cad2;
  border-bottom: 1px solid #c7cad2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  width: 14.2857142857%;
}
@media screen and (max-width: 768px) {
  .p-spredArea .container .tabList li {
    width: 33.3333333333%;
  }
}
.p-spredArea .container .tabList li:last-child {
  border-right: none;
}
.p-spredArea .container .tabList li a {
  color: #696e7e;
  display: block;
  font-weight: 400;
  padding: 15px 10px;
  width: 100%;
}
.p-spredArea .container .tabList li.is-active {
  border-top: solid 5px #ff4503;
  border-right: 1px solid #c7cad2;
  border-bottom: none;
  background: #fff;
}
.p-spredArea .container .tabList li.is-active a {
  color: #222;
}
.p-spredArea .container .selectBox {
  padding: 40px;
}
@media screen and (max-width: 768px) {
  .p-spredArea .container .selectBox {
    padding: 20px 10px;
  }
}
.p-spredArea .container .selectBox .cap {
  font-size: 150%;
  font-weight: 700;
  text-align: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-spredArea .container .selectBox .cap {
    margin-bottom: 30px;
  }
}
.p-spredArea .container .selectBox .selectList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media screen and (max-width: 768px) {
  .p-spredArea .container .selectBox .selectList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .p-spredArea .container .selectBox .selectList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .p-spredArea .container .selectBox .selectList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.p-spredArea .container .selectBox .selectList li {
  margin-right: 20px;
  max-width: 240px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-spredArea .container .selectBox .selectList li {
    margin-right: 0px;
    max-width: 100%;
    width: calc(50% - 5px);
  }
}
.p-spredArea .container .selectBox .selectList li:last-child {
  margin-right: 0;
}
.p-spredArea .container .selectBox .selectList li.is-active a {
  background: #1b69fd;
  color: #fff;
}
.p-spredArea .container .selectBox .selectList li a {
  border: solid 2px #1b69fd;
  color: #1b69fd;
  display: block;
  font-weight: 400;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 30px;
}
@media screen and (max-width: 768px) {
  .p-spredArea .container .selectBox .selectList li a {
    padding: 20px 10px;
  }
}
.p-spredArea .container .selectBox .selectList li a:hover {
  background: #1b69fd;
  color: #fff;
}
.p-spredArea .container .tableBox {
  padding: 40px;
}
@media screen and (max-width: 768px) {
  .p-spredArea .container .tableBox {
    display: block;
    overflow-x: auto;
    padding: 20px 10px;
  }
}
.p-spredArea .container .tableBox table {
  border: 1px solid #c1c4c4;
  margin-bottom: 70px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-spredArea .container .tableBox table {
    display: block;
    overflow-x: scroll;
    margin-bottom: 30px;
    min-width: initial;
    white-space: nowrap;
    width: 100%;
  }
}
.p-spredArea .container .tableBox table tr {
  color: #222;
  text-align: center;
}
.p-spredArea .container .tableBox table tr:first-child {
  border-bottom: 1px solid #c1c4c4;
}
.p-spredArea .container .tableBox table tr.column_titles {
  border: none;
  border-bottom: 1px solid #dfe6e9;
}
.p-spredArea .container .tableBox table th {
  background: #f5f5f7;
  border: solid 2px #dfe6e9;
  color: #222;
  font-size: 150%;
  font-weight: 700;
  text-align: center;
  padding: 5px 10px;
}
@media screen and (max-width: 768px) {
  .p-spredArea .container .tableBox table th {
    text-align: left;
  }
}
.p-spredArea .container .tableBox table td {
  border-right: 1px solid #c1c4c4;
  color: #222;
  text-align: center;
  padding: 22px 15px;
}
.p-spredArea .container .tableNotes {
  padding: 40px;
}
@media screen and (max-width: 768px) {
  .p-spredArea .container .tableNotes {
    padding: 20px 10px;
  }
}
.p-spredArea .container .tableNotes .cap {
  font-size: 112%;
  font-weight: 700;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .p-spredArea .container .tableNotes .cap {
    margin-bottom: 15px;
  }
}

/*----------------------------------------------------------------------
//////////■■ layout ■■//////////
----------------------------------------------------------------------*/
.l-header .headerWrap {
  position: relative;
}
.l-header .headerTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1000px) {
  .l-header .headerTop {
    background: #fff;
    padding: 10px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
  }
}
.l-header .headerTop .headerLogo {
  max-width: 173px;
  width: 100%;
}
@media screen and (max-width: 1000px) {
  .l-header .headerTop .headerLogo {
    max-width: 100px;
  }
}
.l-header .headerTop .headerLogo a {
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.l-header .headerTop .headerLogo a:hover {
  opacity: 0.5;
}
.l-header .headerTop .menuTrigger {
  display: none;
  position: relative;
  width: 62px;
  height: 44px;
}
@media screen and (max-width: 1000px) {
  .l-header .headerTop .menuTrigger {
    display: block;
  }
}
.l-header .headerTop .menuTrigger.is-active span:nth-of-type(1) {
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.l-header .headerTop .menuTrigger.is-active span:nth-of-type(2) {
  bottom: 50%;
  -webkit-transform: translate(-50%, 50%) rotate(45deg);
          transform: translate(-50%, 50%) rotate(45deg);
}
.l-header .headerTop .menuTrigger span {
  background-color: #222;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  display: inline-block;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 2px;
  width: 30%;
}
.l-header .headerTop .menuTrigger span:nth-of-type(1) {
  top: 40%;
}
.l-header .headerTop .menuTrigger span:nth-of-type(2) {
  bottom: 40%;
}
.l-header .headerTop .headerBtns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  max-width: 250px;
  width: 100%;
}
@media screen and (max-width: 1000px) {
  .l-header .headerTop .headerBtns {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 1000px) {
  .l-header .headerTop .headerBtns {
    max-width: 100px;
  }
}
.l-header .headerTop .headerBtns li {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.l-header .headerTop .headerBtns li a {
  display: block;
  padding: 5px 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.l-header .headerTop .headerBtns li a p {
  font-weight: 400;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.l-header .headerTop .headerBtns li a svg {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.l-header .headerTop .headerBtns .loginBtn {
  border: solid 2px #ff4503;
  max-width: 100px;
  width: 100%;
}
.l-header .headerTop .headerBtns .loginBtn a p {
  color: #ff4503;
}
.l-header .headerTop .headerBtns .loginBtn:hover {
  background: #ff4503;
}
.l-header .headerTop .headerBtns .loginBtn:hover a p {
  color: #fff;
}
.l-header .headerTop .headerBtns .accountBtn {
  background: #ff4503;
  border: solid 2px #ff4503;
  border-radius: 20px;
  max-width: 140px;
  width: 100%;
}
@media screen and (max-width: 1000px) {
  .l-header .headerTop .headerBtns .accountBtn {
    display: none;
  }
}
.l-header .headerTop .headerBtns .accountBtn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.l-header .headerTop .headerBtns .accountBtn a p {
  color: #fff;
  margin-left: 10%;
  width: 85%;
}
.l-header .headerTop .headerBtns .accountBtn a svg {
  fill: #fff;
  width: 15%;
}
.l-header .headerTop .headerBtns .accountBtn:hover {
  background: #fff;
  border: solid 2px #ff4503;
}
.l-header .headerTop .headerBtns .accountBtn:hover a p {
  color: #ff4503;
}
.l-header .headerTop .headerBtns .accountBtn:hover a svg {
  fill: #ff4503;
}
@media screen and (max-width: 1000px) {
  .l-header .headerNav--pc {
    display: none;
  }
}
.l-header .headerNav--pc .navList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .l-header .headerNav--pc .navList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.l-header .headerNav--pc .navList li,
.l-header .headerNav--pc .navList a {
  color: #111111;
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.l-header .headerNav--pc .navList .dropdown {
  cursor: pointer;
  cursor: hand;
  position: relative;
}
.l-header .headerNav--pc .navList .dropdown::after {
  content: "";
  background: url(../images/common/common_arow2.svg) no-repeat center center;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  left: 100%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: 20px;
  width: 20px;
}
.l-header .headerNav--pc .navList .dropdown:hover::after {
  -webkit-transform: translate(0, -50%) rotate(-180deg);
          transform: translate(0, -50%) rotate(-180deg);
}
.l-header .headerNav--pc .navList .dropdown .dropdownList {
  background: #fff;
  display: none;
  -webkit-box-shadow: 0 16px 20px 0 rgba(0, 0, 0, 0.19);
          box-shadow: 0 16px 20px 0 rgba(0, 0, 0, 0.19);
  min-width: 195px;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
}
.l-header .headerNav--pc .navList .dropdown .dropdownList.is-active {
  display: block;
}
.l-header .headerNav--pc .navList .dropdown .dropdownList li a {
  color: #1a769c;
  padding: 10px;
}
.l-header .headerNav--pc .navList .dropdown .dropdownList li a:hover {
  background: #fafafa;
  color: #9c1a1a;
}
.l-header .headerNav--sp {
  background: #f1f2f2;
  display: none;
  overflow-y: scroll;
  padding: 20px 15px;
  position: fixed;
  top: 64px;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
}
.l-header .headerNav--sp .navList {
  background: #fff;
  -webkit-box-shadow: 18px 35px 67px 0 rgba(0, 0, 0, 0.19);
          box-shadow: 18px 35px 67px 0 rgba(0, 0, 0, 0.19);
  border-radius: 8px;
  position: relative;
}
.l-header .headerNav--sp .navList li {
  color: #686e80;
  font-size: 130%;
  display: block;
  line-height: 2;
}
.l-header .headerNav--sp .navList li a {
  color: #686e80;
  display: block;
  font-size: 100%;
  line-height: 2;
  padding: 10px 20px;
  position: relative;
  width: 100%;
}
.l-header .headerNav--sp .navList .item.dropdown dt {
  font-size: 100%;
  padding: 10px 20px;
  position: relative;
}
.l-header .headerNav--sp .navList .item.dropdown dt::after {
  content: "";
  background: url(../images/common/common_arow3.svg) no-repeat center center;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  right: 5%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 15px;
  width: 15px;
}
.l-header .headerNav--sp .navList .item.dropdown dd {
  display: none;
}
.l-header .headerNav--sp .navList .item.dropdown a {
  padding-left: 30px;
}
.l-header .headerNav--sp .navList .item.dropdown a::before {
  content: ">";
  color: #ff4503;
  position: absolute;
  top: 50%;
  left: 5%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.l-footer {
  padding: 80px 0 60px;
}
@media screen and (max-width: 768px) {
  .l-footer {
    padding: 40px 0 90px;
  }
}
.l-footer .footerTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .l-footer .footerTop {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .l-footer .footerTop {
    padding: 10px;
  }
}
.l-footer .footerTop .footerLogo {
  max-width: 173px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .l-footer .footerTop .footerLogo {
    max-width: 100px;
  }
}
.l-footer .footerTop .footerLogo a {
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.l-footer .footerTop .footerLogo a:hover {
  opacity: 0.5;
}
.l-footer .footerTop .footerList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 250px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .l-footer .footerTop .footerList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .l-footer .footerTop .footerList {
    max-width: 190px;
  }
}
.l-footer .footerTop .footerList li {
  position: relative;
}
.l-footer .footerTop .footerList li::after {
  content: "";
  background: #666666;
  position: absolute;
  top: 50%;
  right: -16px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 100%;
  width: 1px;
}
@media screen and (max-width: 768px) {
  .l-footer .footerTop .footerList li::after {
    right: -8px;
  }
}
.l-footer .footerTop .footerList li:last-child::after {
  content: none;
}
.l-footer .footerTop .footerList li a {
  color: #666666;
}
.l-footer .footerBottom .cautionBox {
  background: #f9f9f9;
  border-top: solid 1px #cccccc;
  text-align: left;
  padding: 20px 0;
}
@media screen and (max-width: 768px) {
  .l-footer .footerBottom .cautionBox {
    padding: 10px;
  }
}
.l-footer .footerBottom .cautionBox p {
  color: #999999;
  font-size: 62.5%;
}
.l-footer .footerBottom .copyrightBox {
  background: #222222;
  text-align: center;
  padding: 10px;
}
.l-footer .footerBottom .copyrightBox p {
  color: #fff;
  font-size: 75%;
}

.l-index .index_keyVisual {
  background: url(../images/index/keyVisual_bg_pc.jpg) no-repeat center right;
  background-size: cover;
  padding: 40px 0;
}
@media screen and (max-width: 1000px) {
  .l-index .index_keyVisual {
    background: url(../images/index/keyVisual_bg_pc.jpg) no-repeat center center;
    background-size: cover;
    padding: 40px 0;
  }
}
@media screen and (max-width: 768px) {
  .l-index .index_keyVisual {
    background: url(../images/index/keyVisual_bg_sp.jpg) no-repeat center center;
    background-size: cover;
    padding: 0;
  }
}
.l-index .index_keyVisual .contentBox {
  margin-right: auto;
  max-width: 590px;
  width: 100%;
}
.l-index .index_performance {
  padding: 80px 10px 50px;
}
@media screen and (max-width: 768px) {
  .l-index .index_performance {
    padding: 40px 10px 20px;
  }
}
.l-index .index_performance img {
  margin: 0 auto;
  max-width: 977px;
}
.l-index .index_reason {
  background: url(../images/index/index_reason_bg.jpg) no-repeat center center;
  background-size: cover;
  padding: 50px 10px;
}
.l-index .index_reason .reasonList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.l-index .index_reason .reasonList li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  max-width: 260px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .l-index .index_reason .reasonList li {
    margin-bottom: 20px;
    max-width: 100%;
    width: 100%;
  }
  .l-index .index_reason .reasonList li:last-child {
    margin-bottom: 0px;
  }
}
.l-index .index_reason .reasonList li .cap {
  color: #1b69fd;
  font-size: 187.5%;
  text-align: center;
}
.l-index .index_reason .reasonList li .cap span {
  font-size: 60%;
  margin-right: 5px;
}
.l-index .index_reason .reasonList li dl {
  background: #fff;
  height: 100%;
  width: 100%;
}
.l-index .index_reason .reasonList li dl dd {
  color: #111111;
  padding: 10px 20px;
  height: auto;
}
@media screen and (max-width: 768px) {
  .l-index .index_reason .reasonList li dl dd {
    padding: 10px;
  }
}
.l-index .index_whyUs .contentTop {
  padding-top: 80px;
}
@media screen and (max-width: 768px) {
  .l-index .index_whyUs .contentTop {
    padding-top: 40px;
  }
}
.l-index .index_whyUs .contentBottom {
  background: url(../images/index/index_whyUs_bg.jpg) no-repeat center center;
  background-size: cover;
  padding: 80px 10px 120px;
}
@media screen and (max-width: 768px) {
  .l-index .index_whyUs .contentBottom {
    padding: 40px 10px 60px;
  }
}
.l-index .index_whyUs .contentBottom .textBox p {
  font-size: 125%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .l-index .index_whyUs .contentBottom .textBox p {
    font-size: 110%;
    text-align: left;
  }
}
.l-index .index_whyUs .contentBottom .btnBox p {
  text-align: center;
}
.l-index .index_whyUs .contentBottom .btnBox .linkBtn {
  margin: 0 auto 10px;
  max-width: 300px;
}
.l-index .index_whyUs .contentBottom .btnBox .linkBtn a p {
  font-size: 125%;
  font-weight: 400;
}
.l-index .index_userVoice {
  background: #f0f0f0;
  padding: 50px 0 80px;
  overflow: hidden;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .l-index .index_userVoice {
    padding: 20px 10px 60px;
  }
}
.l-index .index_userVoice .voiceList {
  overflow: visible;
  margin: 0 auto;
  max-width: 760px;
  width: 100%;
}
.l-index .index_userVoice .voiceList .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #fff;
  border-radius: 20px;
  padding: 20px 30px;
  margin: 0 30px;
  height: 100%;
  max-width: 760px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .l-index .index_userVoice .voiceList .item {
    padding: 20px 10px;
    max-width: 320px;
    width: 90%;
  }
}
.l-index .index_userVoice .voiceList .item .iconBox {
  max-width: 140px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .l-index .index_userVoice .voiceList .item .iconBox {
    max-width: 70px;
  }
}
.l-index .index_userVoice .voiceList .item .iconBox p {
  font-weight: 700;
  text-align: center;
  margin: 10px auto 0;
}
.l-index .index_userVoice .voiceList .item .commentBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  max-width: 540px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .l-index .index_userVoice .voiceList .item .commentBox {
    max-width: 100%;
    width: calc(100% - 80px);
  }
}
.l-index .index_userVoice .voiceList .item .commentBox dt {
  background: #f4e434;
  border-radius: 20px;
  font-size: 125%;
  font-weight: 700;
  padding: 20px;
  margin: 0 auto 10px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .l-index .index_userVoice .voiceList .item .commentBox dt {
    font-size: 115%;
    font-weight: 400;
    padding: 10px;
  }
}
.l-index .index_userVoice .voiceList .item .commentBox dd {
  height: 100%;
}
@media screen and (max-width: 768px) {
  .l-index .index_userVoice .voiceList .item .commentBox dd {
    font-size: 100%;
  }
}
.l-index .index_userVoice .voiceList .slick-list {
  position: relative;
  display: block;
  overflow: visible;
  margin: 0;
  padding: 0;
}
.l-index .index_userVoice .voiceList .slick-dots {
  bottom: -15%;
}
.l-index .index_userVoice .voiceList .slick-dots li.slick-active button::before {
  content: "";
  background: #1b69fd;
}
.l-index .index_userVoice .voiceList .slick-dots li button::before {
  content: "";
  border: solid 1px #1b69fd;
  border-radius: 10px;
  height: 10px;
  width: 10px;
}
@media screen and (max-width: 768px) {
  .l-index .index_userVoice .voiceList .slick-dots li button::before {
    height: 8px;
    width: 8px;
  }
}
.l-index .index_userVoice .voiceList .slick-prev {
  left: 0;
  height: 50px;
  width: 50px;
  z-index: 2;
}
.l-index .index_userVoice .voiceList .slick-prev::before {
  color: #1b69fd;
  font-size: 5rem;
}
.l-index .index_userVoice .voiceList .slick-next {
  right: 0;
  height: 50px;
  width: 50px;
  z-index: 2;
}
.l-index .index_userVoice .voiceList .slick-next::before {
  color: #1b69fd;
  font-size: 5rem;
}
.l-index .index_pickUp {
  background: #fff;
  padding: 80px 10px;
}
@media screen and (max-width: 768px) {
  .l-index .index_pickUp {
    padding: 40px 10px;
  }
}
.l-index .index_pickUp .contentList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .l-index .index_pickUp .contentList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.l-index .index_pickUp .contentList li {
  max-width: 420px;
  width: calc(33.3333333333% - 10px);
}
@media screen and (max-width: 768px) {
  .l-index .index_pickUp .contentList li {
    width: calc(50% - 5px);
  }
  .l-index .index_pickUp .contentList li:nth-child(1),
  .l-index .index_pickUp .contentList li :nth-child(2) {
    margin-bottom: 10px;
  }
}
.l-index .index_pickUp .contentList li a {
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.l-index .index_pickUp .contentList li a:hover {
  opacity: 0.5;
}
.l-index .index_spred {
  background: url(../images/index/index_spred_bg.jpg) no-repeat center center;
  background-size: cover;
  padding: 80px 10px;
}
@media screen and (max-width: 768px) {
  .l-index .index_spred {
    padding: 40px 10px;
  }
}
.l-index .index_spred .contentList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .l-index .index_spred .contentList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.l-index .index_spred .contentList .item {
  background: #fff;
  border-top: solid 4px #f00959;
  text-align: center;
  padding: 20px 30px;
  width: calc(33.3333333333% - 10px);
}
@media screen and (max-width: 768px) {
  .l-index .index_spred .contentList .item {
    margin-bottom: 20px;
    width: 100%;
  }
  .l-index .index_spred .contentList .item:last-child {
    margin-bottom: 0;
  }
}
.l-index .index_spred .contentList .item ul {
  position: relative;
  width: 100%;
}
.l-index .index_spred .contentList .item ul::after {
  content: "";
  background: #cccccc;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  height: 2px;
  width: 100%;
}
.l-index .index_spred .contentList .item ul li p {
  font-size: 187.5%;
}
.l-index .index_spred .contentList .item ul li p span {
  color: #333333;
  display: inline-block;
  margin-right: 10px;
}
.l-index .index_spred .contentList .item ul .sell {
  color: #f20117;
  margin-bottom: 30px;
}
.l-index .index_spred .contentList .item ul .buy {
  color: #1b69fd;
}
.l-index .index_spred .contentList .item .cap {
  font-size: 187.5%;
  margin: 0 auto 20px;
}
.l-index .index_spred .cautionText {
  font-weight: 400;
  text-align: center;
}
.l-index .index_spred .btnList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  max-width: 600px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .l-index .index_spred .btnList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.l-index .index_spred .btnList li {
  width: calc(50% - 10px);
}
@media screen and (max-width: 768px) {
  .l-index .index_spred .btnList li {
    max-width: 100%;
    width: calc(50% - 5px);
  }
}
.l-index .index_spred .btnList li .linkBtn a p {
  font-size: 125%;
}
.l-index .index_tradingProducts {
  padding: 80px 10px;
}
@media screen and (max-width: 768px) {
  .l-index .index_tradingProducts {
    padding: 40px 10px;
  }
}
.l-index .index_tradingProducts .introText {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .l-index .index_tradingProducts .introText br {
    display: none;
  }
}
.l-index .index_tradingPlatform {
  background: #f0f0f0;
  padding: 80px 10px;
}
@media screen and (max-width: 768px) {
  .l-index .index_tradingPlatform {
    padding: 40px 10px;
  }
}
.l-index .index_tradingPlatform .introText {
  text-align: center;
}
.l-index .index_partner {
  padding: 80px 0 40px;
}
@media screen and (max-width: 768px) {
  .l-index .index_partner {
    padding: 40px 0 0;
  }
}
.l-index .index_partner .contentTop {
  background: url(../images/index/index_partner_bg.jpg) no-repeat center center;
  background-size: cover;
  padding: 50px 10px;
}
.l-index .index_partner .contentTop .contentBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .l-index .index_partner .contentTop .contentBox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.l-index .index_partner .contentTop .contentBox .leftBox {
  max-width: 134px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .l-index .index_partner .contentTop .contentBox .leftBox {
    margin: 0 auto 20px;
    max-width: 100%;
    width: 30%;
  }
}
.l-index .index_partner .contentTop .contentBox .rightBox {
  color: #fff;
}
.l-index .index_partner .contentTop .contentBox .rightBox dt {
  font-size: 187.5%;
}
.l-index .index_partner .contentBottom img {
  margin: 0 auto;
  max-width: 1054px;
}

.l-whyUs .keyVisual {
  background: #f0f0f0;
  padding: 40px 10px;
}
.l-whyUs .keyVisual img {
  margin: 0 auto;
  max-width: 903px;
}
.l-whyUs .section1 {
  padding: 80px 10px 0;
}
@media screen and (max-width: 768px) {
  .l-whyUs .section1 {
    padding: 40px 10px 0;
  }
}
.l-whyUs .section1 p {
  text-align: center;
}
.l-whyUs .section2 .contentTop {
  padding-top: 80px;
}
@media screen and (max-width: 768px) {
  .l-whyUs .section2 .contentTop {
    padding-top: 40px;
  }
}
.l-whyUs .section2 .contentBottom {
  background: url(../images/index/index_whyUs_bg.jpg) no-repeat center center;
  background-size: cover;
  padding: 80px 10px 120px;
}
@media screen and (max-width: 768px) {
  .l-whyUs .section2 .contentBottom {
    padding: 40px 10px 60px;
  }
}
.l-whyUs .section2 .contentBottom .textBox p {
  font-size: 125%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .l-whyUs .section2 .contentBottom .textBox p {
    font-size: 110%;
    text-align: left;
  }
}
.l-whyUs .section2 .contentBottom .caution {
  text-align: center;
}
.l-whyUs .section3 {
  padding: 80px 10px;
}
@media screen and (max-width: 768px) {
  .l-whyUs .section3 {
    padding: 40px 10px;
  }
}
.l-whyUs .section3 .contentBox--rightImg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .l-whyUs .section3 .contentBox--rightImg {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
}
@media screen and (max-width: 768px) {
  .l-whyUs .section3 .contentBox--rightImg .imgBox {
    margin: 30px auto 20px;
    width: 50%;
  }
}
.l-whyUs .section3 .contentBox--rightImg .textBox {
  max-width: 510px;
  width: 100%;
}
.l-whyUs .section3 .contentBox--rightImg .textBox .cap {
  font-size: 225%;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .l-whyUs .section3 .contentBox--rightImg .textBox .cap {
    text-align: center;
  }
}
.l-whyUs .section3 .contentBox--leftImg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .l-whyUs .section3 .contentBox--leftImg {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .l-whyUs .section3 .contentBox--leftImg .imgBox {
    margin: 30px auto 20px;
    width: 50%;
  }
}
.l-whyUs .section3 .contentBox--leftImg .textBox {
  max-width: 510px;
  width: 100%;
}
.l-whyUs .section3 .contentBox--leftImg .textBox .cap {
  font-size: 225%;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .l-whyUs .section3 .contentBox--leftImg .textBox .cap {
    text-align: center;
  }
}
.l-whyUs .section4 {
  padding: 80px 10px;
}
@media screen and (max-width: 768px) {
  .l-whyUs .section4 {
    padding: 40px 10px;
  }
}
.l-whyUs .section4 .introText {
  font-size: 150%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .l-whyUs .section4 .introText {
    font-size: 120%;
  }
}
.l-whyUs .section4 .contentList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media screen and (max-width: 768px) {
  .l-whyUs .section4 .contentList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .l-whyUs .section4 .contentList li {
    margin-bottom: 20px;
  }
  .l-whyUs .section4 .contentList li:last-child {
    margin-bottom: 0;
  }
}
.l-whyUs .section4 .contentList .item {
  -webkit-box-shadow: 0 16px 20px 0 rgba(0, 0, 0, 0.19);
          box-shadow: 0 16px 20px 0 rgba(0, 0, 0, 0.19);
  padding: 30px 30px 60px;
  width: calc(33.3333333333% - 20px);
}
@media screen and (max-width: 768px) {
  .l-whyUs .section4 .contentList .item {
    padding: 20px 10px;
    width: 100%;
  }
}
.l-whyUs .section4 .contentList .item img {
  margin: 0 auto 10px;
  max-width: 80px;
}
.l-whyUs .section4 .contentList .item .content .cap {
  font-size: 187.5%;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}
.l-whyUs .section4 .contentList .item .content .text {
  text-align: center;
}

.l-platforms {
  background: url(../images/common/common_bg1_pc.jpg) no-repeat top center;
  background-size: 100% auto;
}
@media screen and (max-width: 768px) {
  .l-platforms {
    background: url(../images/common/common_bg1_sp.jpg) no-repeat top center;
    background-size: 100% auto;
  }
}
.l-platforms .btnBox .linkBtn {
  border-radius: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 320px;
}
.l-platforms .btnBox .linkBtn a p {
  font-size: 125%;
  font-weight: 400;
}
.l-platforms .btnBox .caution {
  font-size: 75%;
  font-weight: 400;
  text-align: center;
}
.l-platforms .section1 {
  padding: 80px 10px;
}
@media screen and (max-width: 768px) {
  .l-platforms .section1 {
    padding: 40px 10px;
  }
}
.l-platforms .section1 .introText {
  font-size: 150%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .l-platforms .section1 .introText {
    font-size: 120%;
    text-align: left;
  }
}
.l-platforms .section2 {
  padding: 80px 10px;
}
@media screen and (max-width: 768px) {
  .l-platforms .section2 {
    padding: 40px 10px;
  }
}
.l-platforms .section2 .contentList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
}
.l-platforms .section2 .contentList li {
  margin-bottom: 80px;
  padding: 0 20px;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .l-platforms .section2 .contentList li {
    margin-bottom: 40px;
    padding: 0;
    width: 100%;
  }
}
.l-platforms .section2 .contentList .item a {
  color: #222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.l-platforms .section2 .contentList .item a img {
  margin-bottom: 30px;
  max-width: 70px;
}
@media screen and (max-width: 768px) {
  .l-platforms .section2 .contentList .item a img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
  }
}
.l-platforms .section2 .contentList .item a .cap {
  font-size: 200%;
  font-weight: 700;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .l-platforms .section2 .contentList .item a .cap {
    text-align: center;
    margin-bottom: 15px;
  }
}

.l-markets {
  background: url(../images/common/common_bg1_pc.jpg) no-repeat top center;
  background-size: 100% auto;
}
@media screen and (max-width: 768px) {
  .l-markets {
    background: url(../images/common/common_bg1_sp.jpg) no-repeat top center;
    background-size: 100% auto;
  }
}
.l-markets .section1 {
  padding: 80px 10px;
}
@media screen and (max-width: 768px) {
  .l-markets .section1 {
    padding: 40px 10px;
  }
}
.l-markets .section1 .introText {
  font-size: 150%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .l-markets .section1 .introText {
    font-size: 120%;
    text-align: left;
  }
}
.l-markets .section2 {
  padding: 40px 10px 80px;
}
@media screen and (max-width: 768px) {
  .l-markets .section2 {
    padding: 20px 10px 40px;
  }
}

.l-cfdTrading {
  background: url(../images/common/common_bg1_pc.jpg) no-repeat top center;
  background-size: 100% auto;
}
@media screen and (max-width: 768px) {
  .l-cfdTrading {
    background: url(../images/common/common_bg1_sp.jpg) no-repeat top center;
    background-size: 100% auto;
  }
}
.l-cfdTrading .checkList li {
  position: relative;
  padding-left: 30px;
}
@media screen and (max-width: 768px) {
  .l-cfdTrading .checkList li {
    padding-left: 20px;
  }
}
.l-cfdTrading .checkList li::before {
  content: "";
  background: url(../images/common/common_check.png) no-repeat center center;
  background-size: 100% auto;
  position: absolute;
  top: 20%;
  left: 0;
  height: 13px;
  width: 18px;
}
@media screen and (max-width: 768px) {
  .l-cfdTrading .checkList li::before {
    height: 10px;
    width: 13px;
  }
}
.l-cfdTrading .contentBox--rightImg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1000px) {
  .l-cfdTrading .contentBox--rightImg {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
}
@media screen and (max-width: 1000px) {
  .l-cfdTrading .contentBox--rightImg .imgBox {
    margin: 30px auto 20px;
    width: 50%;
  }
}
.l-cfdTrading .contentBox--rightImg .imgBox.hoverImg {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  position: relative;
  max-width: 50%;
  width: 100%;
}
@media screen and (max-width: 1000px) {
  .l-cfdTrading .contentBox--rightImg .imgBox.hoverImg {
    display: none;
  }
}
.l-cfdTrading .contentBox--rightImg .imgBox.hoverImg ul {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  height: 100%;
  width: 100%;
}
.l-cfdTrading .contentBox--rightImg .imgBox.hoverImg ul li {
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 360px;
}
.l-cfdTrading .contentBox--rightImg .imgBox.hoverImg ul li:hover {
  -webkit-filter: drop-shadow(80px 80px 100px #cacbcd);
          filter: drop-shadow(80px 80px 100px #cacbcd);
  width: 390px;
  z-index: 1;
}
.l-cfdTrading .contentBox--rightImg .imgBox.hoverImg ul li:nth-child(1) {
  margin-left: 100px;
}
.l-cfdTrading .contentBox--rightImg .imgBox.hoverImg ul li:nth-child(2) {
  margin-top: -185px;
  margin-left: 50px;
}
.l-cfdTrading .contentBox--rightImg .imgBox.hoverImg ul li:nth-child(3) {
  margin-top: -185px;
}
.l-cfdTrading .contentBox--rightImg .textBox {
  max-width: 510px;
  width: 100%;
}
@media screen and (max-width: 1000px) {
  .l-cfdTrading .contentBox--rightImg .textBox {
    max-width: 100%;
  }
}
.l-cfdTrading .contentBox--rightImg .textBox .cap {
  font-size: 225%;
  font-weight: 700;
}
@media screen and (max-width: 1000px) {
  .l-cfdTrading .contentBox--rightImg .textBox .cap {
    text-align: center;
  }
}
.l-cfdTrading .contentBox--leftImg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1000px) {
  .l-cfdTrading .contentBox--leftImg {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 1000px) {
  .l-cfdTrading .contentBox--leftImg .imgBox {
    margin: 30px auto 20px;
    width: 50%;
  }
}
.l-cfdTrading .contentBox--leftImg .imgBox.hoverImg {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  position: relative;
  max-width: 50%;
  width: 100%;
}
@media screen and (max-width: 1000px) {
  .l-cfdTrading .contentBox--leftImg .imgBox.hoverImg {
    display: none;
  }
}
.l-cfdTrading .contentBox--leftImg .imgBox.hoverImg ul {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  height: 100%;
  width: 100%;
}
.l-cfdTrading .contentBox--leftImg .imgBox.hoverImg ul li {
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 360px;
}
.l-cfdTrading .contentBox--leftImg .imgBox.hoverImg ul li:hover {
  -webkit-filter: drop-shadow(80px 80px 100px #cacbcd);
          filter: drop-shadow(80px 80px 100px #cacbcd);
  width: 390px;
  z-index: 1;
}
.l-cfdTrading .contentBox--leftImg .imgBox.hoverImg ul li:nth-child(1) {
  margin-left: 100px;
}
.l-cfdTrading .contentBox--leftImg .imgBox.hoverImg ul li:nth-child(2) {
  margin-top: -185px;
  margin-left: 50px;
}
.l-cfdTrading .contentBox--leftImg .imgBox.hoverImg ul li:nth-child(3) {
  margin-top: -185px;
}
.l-cfdTrading .contentBox--leftImg .textBox {
  max-width: 510px;
  width: 100%;
}
@media screen and (max-width: 1000px) {
  .l-cfdTrading .contentBox--leftImg .textBox {
    max-width: 100%;
  }
}
.l-cfdTrading .contentBox--leftImg .textBox .cap {
  font-size: 225%;
  font-weight: 700;
}
@media screen and (max-width: 1000px) {
  .l-cfdTrading .contentBox--leftImg .textBox .cap {
    text-align: center;
  }
}
.l-cfdTrading .btnBox .linkBtn {
  border-radius: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 320px;
}
.l-cfdTrading .btnBox .linkBtn a p {
  font-size: 125%;
  font-weight: 400;
}
.l-cfdTrading .btnBox .caution {
  font-size: 75%;
  font-weight: 400;
  text-align: center;
}
.l-cfdTrading .section1 {
  padding: 80px 10px;
}
@media screen and (max-width: 768px) {
  .l-cfdTrading .section1 {
    padding: 40px 10px;
  }
}
.l-cfdTrading .section1 .introText {
  font-size: 150%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .l-cfdTrading .section1 .introText {
    font-size: 120%;
    text-align: left;
  }
}
.l-cfdTrading .section2,
.l-cfdTrading .section3,
.l-cfdTrading .section4 {
  padding: 80px 10px;
}
@media screen and (max-width: 768px) {
  .l-cfdTrading .section2,
  .l-cfdTrading .section3,
  .l-cfdTrading .section4 {
    padding: 40px 10px;
  }
}

.l-metatrader .section3 {
  padding: 80px 10px 0;
}
@media screen and (max-width: 768px) {
  .l-metatrader .section3 {
    padding: 40px 10px;
  }
}

.l-repetitionContent .btnBox .linkBtn {
  border-radius: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 320px;
}
.l-repetitionContent .btnBox .linkBtn a p {
  font-size: 125%;
  font-weight: 400;
}
.l-repetitionContent .btnBox .caution {
  font-size: 75%;
  font-weight: 400;
  text-align: center;
}
.l-repetitionContent .checkList li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .l-repetitionContent .checkList li {
    padding-left: 20px;
    margin-bottom: 10px;
  }
}
.l-repetitionContent .checkList li::before {
  content: "";
  background: url(../images/common/common_check.png) no-repeat center center;
  background-size: 100% auto;
  position: absolute;
  top: 20%;
  left: 0;
  height: 13px;
  width: 18px;
}
@media screen and (max-width: 768px) {
  .l-repetitionContent .checkList li::before {
    height: 10px;
    width: 13px;
  }
}
.l-repetitionContent .contentBox--rightImg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1000px) {
  .l-repetitionContent .contentBox--rightImg {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
}
@media screen and (max-width: 1000px) {
  .l-repetitionContent .contentBox--rightImg .imgBox {
    margin: 30px auto 20px;
    width: 50%;
  }
}
.l-repetitionContent .contentBox--rightImg .imgBox.hoverImg {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  position: relative;
  max-width: 50%;
  width: 100%;
}
@media screen and (max-width: 1000px) {
  .l-repetitionContent .contentBox--rightImg .imgBox.hoverImg {
    display: none;
  }
}
.l-repetitionContent .contentBox--rightImg .imgBox.hoverImg ul {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  height: 100%;
  width: 100%;
}
.l-repetitionContent .contentBox--rightImg .imgBox.hoverImg ul li {
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 360px;
}
.l-repetitionContent .contentBox--rightImg .imgBox.hoverImg ul li:hover {
  -webkit-filter: drop-shadow(80px 80px 100px #cacbcd);
          filter: drop-shadow(80px 80px 100px #cacbcd);
  width: 390px;
  z-index: 1;
}
.l-repetitionContent .contentBox--rightImg .imgBox.hoverImg ul li:nth-child(1) {
  margin-left: 100px;
}
.l-repetitionContent .contentBox--rightImg .imgBox.hoverImg ul li:nth-child(2) {
  margin-top: -185px;
  margin-left: 50px;
}
.l-repetitionContent .contentBox--rightImg .imgBox.hoverImg ul li:nth-child(3) {
  margin-top: -185px;
}
.l-repetitionContent .contentBox--rightImg .textBox {
  max-width: 510px;
  width: 100%;
}
@media screen and (max-width: 1000px) {
  .l-repetitionContent .contentBox--rightImg .textBox {
    max-width: 100%;
  }
}
.l-repetitionContent .contentBox--rightImg .textBox .cap {
  font-size: 225%;
  font-weight: 700;
}
@media screen and (max-width: 1000px) {
  .l-repetitionContent .contentBox--rightImg .textBox .cap {
    text-align: center;
  }
}
.l-repetitionContent .contentBox--leftImg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1000px) {
  .l-repetitionContent .contentBox--leftImg {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 1000px) {
  .l-repetitionContent .contentBox--leftImg .imgBox {
    margin: 30px auto 20px;
    width: 50%;
  }
}
.l-repetitionContent .contentBox--leftImg .imgBox.hoverImg {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  position: relative;
  max-width: 50%;
  width: 100%;
}
@media screen and (max-width: 1000px) {
  .l-repetitionContent .contentBox--leftImg .imgBox.hoverImg {
    display: none;
  }
}
.l-repetitionContent .contentBox--leftImg .imgBox.hoverImg ul {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  height: 100%;
  width: 100%;
}
.l-repetitionContent .contentBox--leftImg .imgBox.hoverImg ul li {
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 360px;
}
.l-repetitionContent .contentBox--leftImg .imgBox.hoverImg ul li:hover {
  -webkit-filter: drop-shadow(80px 80px 100px #cacbcd);
          filter: drop-shadow(80px 80px 100px #cacbcd);
  width: 390px;
  z-index: 1;
}
.l-repetitionContent .contentBox--leftImg .imgBox.hoverImg ul li:nth-child(1) {
  margin-left: 100px;
}
.l-repetitionContent .contentBox--leftImg .imgBox.hoverImg ul li:nth-child(2) {
  margin-top: -185px;
  margin-left: 50px;
}
.l-repetitionContent .contentBox--leftImg .imgBox.hoverImg ul li:nth-child(3) {
  margin-top: -185px;
}
.l-repetitionContent .contentBox--leftImg .textBox {
  max-width: 510px;
  width: 100%;
}
@media screen and (max-width: 1000px) {
  .l-repetitionContent .contentBox--leftImg .textBox {
    max-width: 100%;
  }
}
.l-repetitionContent .contentBox--leftImg .textBox .cap {
  font-size: 225%;
  font-weight: 700;
}
@media screen and (max-width: 1000px) {
  .l-repetitionContent .contentBox--leftImg .textBox .cap {
    text-align: center;
  }
}
.l-repetitionContent .card {
  padding: 80px 10px;
}
@media screen and (max-width: 768px) {
  .l-repetitionContent .card {
    padding: 40px 10px;
  }
}
.l-repetitionContent .introText {
  font-size: 145%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .l-repetitionContent .introText {
    font-size: 120%;
    text-align: left;
  }
}
.l-repetitionContent .catchText {
  font-size: 225%;
  font-weight: 700;
  text-align: center;
}
.l-repetitionContent .metaBox .linkBtn {
  border-radius: 0;
  margin-right: auto;
  max-width: 320px;
}
@media screen and (max-width: 768px) {
  .l-repetitionContent .metaBox .linkBtn {
    margin-left: auto;
  }
}
.l-repetitionContent .metaBox .linkBtn a p {
  font-size: 125%;
}

.l-howto .imgBox {
  margin-left: auto;
  margin-right: auto;
}
.l-howto .titleBox {
  padding: 80px 10px 60px;
}
@media screen and (max-width: 768px) {
  .l-howto .titleBox {
    padding: 40px 10px 30px;
  }
}
.l-howto .keyVisual {
  background: url(../images/howto/howto_bg1.jpg) no-repeat top center;
  background-size: cover;
  padding: 70px 0 90px;
}
@media screen and (max-width: 768px) {
  .l-howto .keyVisual {
    padding: 30px 10px 40px;
  }
}
.l-howto .keyVisual .title {
  font-size: 170%;
  font-weight: 400;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .l-howto .keyVisual .title {
    font-size: 130%;
  }
}
.l-howto .keyVisual .contentList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media screen and (max-width: 768px) {
  .l-howto .keyVisual .contentList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.l-howto .keyVisual .contentList li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #fff;
  padding: 20px 20px 12px;
  text-align: center;
  max-width: 240px;
  width: 25%;
}
@media screen and (max-width: 768px) {
  .l-howto .keyVisual .contentList li {
    margin-bottom: 10px;
    width: calc(50% - 5px);
  }
}
.l-howto .keyVisual .contentList li p {
  font-size: 131%;
  font-weight: 700;
}
.l-howto .keyVisual .contentList li dl dt {
  margin: 10px auto;
  max-width: 120px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .l-howto .keyVisual .contentList li dl dt {
    max-width: 70px;
  }
}
.l-howto .keyVisual .contentList li dl dd {
  color: #ff0000;
  font-size: 150%;
  font-weight: 700;
}
.l-howto .keyVisual .tabList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  max-width: 580px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .l-howto .keyVisual .tabList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.l-howto .keyVisual .tabList li {
  display: block;
  cursor: pointer;
  text-align: center;
  padding: 15px 10px;
  max-width: 270px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .l-howto .keyVisual .tabList li {
    margin-left: auto;
    margin-right: auto;
  }
  .l-howto .keyVisual .tabList li:first-child {
    margin-bottom: 20px;
  }
}
.l-howto .keyVisual .tabList li p {
  color: #fff;
  font-size: 110%;
  font-weight: 400;
}
.l-howto .keyVisual .tabList li:first-child {
  background: #23c865;
}
.l-howto .keyVisual .tabList li:last-child {
  background: #478ed7;
}
.l-howto .stateBox {
  background: #f6f6f8;
  text-align: center;
  padding: 80px 10px;
}
@media screen and (max-width: 768px) {
  .l-howto .stateBox {
    padding: 40px 10px;
  }
}
.l-howto .stateBox .tabList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  max-width: 580px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .l-howto .stateBox .tabList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.l-howto .stateBox .tabList li {
  display: block;
  cursor: pointer;
  text-align: center;
  max-width: 270px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .l-howto .stateBox .tabList li {
    margin-left: auto;
    margin-right: auto;
  }
  .l-howto .stateBox .tabList li:first-child {
    margin-bottom: 20px;
  }
}
.l-howto .stateBox .tabList li:first-child {
  background: #23c865;
}
.l-howto .stateBox .tabList li:last-child {
  background: #478ed7;
}
.l-howto .stateBox .tabList li a,
.l-howto .stateBox .tabList li p {
  color: #fff;
  font-size: 110%;
  font-weight: 400;
  padding: 15px 10px;
}
.l-howto .stateBox .tabList li a {
  display: block;
}
.l-howto .sectionTitle {
  font-size: 175%;
  font-weight: 400;
  border-left: 7px solid #ff0000;
  padding: 0 0 2px 15px;
}
.l-howto .lineTitle {
  text-align: center;
  font-size: 180%;
  font-weight: 300;
  position: relative;
  display: block;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .l-howto .lineTitle {
    font-size: 160%;
    margin-bottom: 30px;
  }
}
.l-howto .lineTitle::after {
  content: "";
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #333;
}
.l-howto .iconImg {
  margin: 0 auto 30px;
  max-width: 120px;
}
@media screen and (max-width: 768px) {
  .l-howto .iconImg {
    margin: 0 auto 15px;
    max-width: 60px;
  }
}
.l-howto .timeCap {
  text-align: center;
}
.l-howto .timeCap p {
  background: #eff3f6;
  border: 1px solid #cccccc;
  color: #ff0000;
  display: inline-block;
  font-size: 150%;
  font-weight: 400;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding: 5px 40px;
}
.l-howto .tabContent {
  display: none;
}
.l-howto .tabContent.is-active {
  display: block;
}
.l-howto .depositArea .section1 {
  padding: 80px 10px 110px;
}
@media screen and (max-width: 768px) {
  .l-howto .depositArea .section1 {
    padding: 40px 10px 60px;
  }
}
.l-howto .depositArea .section1 p strong {
  color: #ff0000;
}
.l-howto .depositArea .section1 .contentBox {
  background: #fff;
  border: 1px solid #cccccc;
  margin-left: auto;
  margin-right: auto;
  padding: 50px 80px;
}
@media screen and (max-width: 768px) {
  .l-howto .depositArea .section1 .contentBox {
    padding: 40px 20px;
  }
}
.l-howto .depositArea .section1 .linkList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .l-howto .depositArea .section1 .linkList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.l-howto .depositArea .section1 .linkList li a {
  font-weight: 400;
}
.l-howto .depositArea .section2 {
  background: url(../images/howto/howto_bg2.jpg) no-repeat top center;
  background-size: 120% auto;
  padding: 240px 10px 110px;
}
@media screen and (max-width: 768px) {
  .l-howto .depositArea .section2 {
    padding: 55px 10px 60px;
  }
}
.l-howto .depositArea .section2 dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #dfdfdf;
  padding: 10px 30px;
  margin: 20px 0 40px;
}
@media screen and (max-width: 768px) {
  .l-howto .depositArea .section2 dl {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .l-howto .depositArea .section2 dl {
    padding: 10px 20px;
    margin: 10px 0 20px;
  }
}
.l-howto .depositArea .section2 dl dt {
  font-size: 137%;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .l-howto .depositArea .section2 dl dt {
    font-size: 120%;
    margin-bottom: 10px;
  }
}
.l-howto .depositArea .section2 dl dd {
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  .l-howto .depositArea .section2 dl dd {
    margin-left: 0;
  }
}
.l-howto .depositArea .section2 .contentBox {
  background: #fff;
  border: 1px solid #cccccc;
  margin: 0 auto;
  padding: 50px 80px;
}
@media screen and (max-width: 768px) {
  .l-howto .depositArea .section2 .contentBox {
    padding: 40px 20px;
  }
}
.l-howto .depositArea .section3 {
  background: url(../images/howto/howto_bg3.jpg) no-repeat top center;
  background-size: 120% auto;
  padding: 240px 10px 110px;
}
@media screen and (max-width: 768px) {
  .l-howto .depositArea .section3 {
    padding: 55px 10px 60px;
  }
}
.l-howto .depositArea .section3 p strong {
  color: #ff0000;
}
.l-howto .depositArea .section3 dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #dfdfdf;
  padding: 10px 30px;
  margin: 20px 0 40px;
}
@media screen and (max-width: 768px) {
  .l-howto .depositArea .section3 dl {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .l-howto .depositArea .section3 dl {
    padding: 10px 20px;
    margin: 10px 0 20px;
  }
}
.l-howto .depositArea .section3 dl dt {
  font-size: 137%;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .l-howto .depositArea .section3 dl dt {
    font-size: 120%;
    margin-bottom: 10px;
  }
}
.l-howto .depositArea .section3 dl dd {
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  .l-howto .depositArea .section3 dl dd {
    margin-left: 0;
  }
}
.l-howto .depositArea .section3 .contentBox {
  background: #fff;
  border: 1px solid #cccccc;
  margin: 0 auto;
  padding: 50px 80px;
}
@media screen and (max-width: 768px) {
  .l-howto .depositArea .section3 .contentBox {
    padding: 40px 20px;
  }
}
.l-howto .depositArea .section4 {
  background: url(../images/howto/howto_bg4.jpg) no-repeat top center;
  background-size: 120% auto;
  padding: 240px 10px 110px;
}
@media screen and (max-width: 768px) {
  .l-howto .depositArea .section4 {
    padding: 55px 10px 60px;
  }
}
.l-howto .depositArea .section4 .contentBox {
  background: #fff;
  border: 1px solid #cccccc;
  margin: 0 auto;
  padding: 50px 80px;
}
@media screen and (max-width: 768px) {
  .l-howto .depositArea .section4 .contentBox {
    padding: 40px 20px;
  }
}
.l-howto .depositArea .section4 .sectiontitle {
  font-size: 140%;
  font-weight: 300;
  border-left: 2px solid #333;
  padding: 0 0 0 min(2vw, 2rem);
}
.l-howto .depositArea .section5 {
  background: url(../images/howto/howto_bg5.jpg) no-repeat top center;
  background-size: 120% auto;
  padding: 240px 10px 110px;
}
@media screen and (max-width: 768px) {
  .l-howto .depositArea .section5 {
    padding: 55px 10px 60px;
  }
}
.l-howto .depositArea .section5 .contentBox {
  background: #fff;
  border: 1px solid #cccccc;
  margin: 0 auto;
  padding: 50px 80px;
}
@media screen and (max-width: 768px) {
  .l-howto .depositArea .section5 .contentBox {
    padding: 40px 20px;
  }
}
.l-howto .depositArea .section5 .centerText {
  font-weight: 400;
  text-align: center;
}
.l-howto .depositArea .section5 .accountBtn {
  margin: 0 auto;
  max-width: 330px;
}
.l-howto .depositArea .section5 .accountBtn a p {
  font-size: 125%;
  font-weight: 400;
}
.l-howto .withdrawalArea .section1 {
  padding: 80px 10px 110px;
}
@media screen and (max-width: 768px) {
  .l-howto .withdrawalArea .section1 {
    padding: 40px 10px 60px;
  }
}
.l-howto .withdrawalArea .section1 p strong {
  color: #ff0000;
}
.l-howto .withdrawalArea .section1 .contentBox {
  background: #fff;
  border: 1px solid #cccccc;
  margin-left: auto;
  margin-right: auto;
  padding: 50px 80px;
}
@media screen and (max-width: 768px) {
  .l-howto .withdrawalArea .section1 .contentBox {
    padding: 40px 20px;
  }
}
.l-howto .withdrawalArea .section1 .linkList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .l-howto .withdrawalArea .section1 .linkList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.l-howto .withdrawalArea .section1 .linkList li a {
  font-weight: 400;
}
.l-howto .withdrawalArea .section1 .cautionBox {
  border: 1px solid #cccccc;
  text-align: center;
  padding: 40px 10px;
}
@media screen and (max-width: 768px) {
  .l-howto .withdrawalArea .section1 .cautionBox {
    padding: 20px 10px;
  }
}
.l-howto .withdrawalArea .section1 .cautionBox p {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .l-howto .withdrawalArea .section1 .cautionBox p {
    text-align: left;
  }
  .l-howto .withdrawalArea .section1 .cautionBox p br {
    display: none;
  }
}
.l-howto .withdrawalArea .section1 .cautionBox p strong {
  color: #ff0000;
  font-size: 125%;
  font-weight: 500;
  text-decoration: underline;
  margin-bottom: 25px;
}
.l-howto .withdrawalArea .section1 .cautionBox .accountBtn {
  margin: 0 auto;
  max-width: 380px;
}
.l-howto .withdrawalArea .section1 .cautionBox .accountBtn a p {
  font-size: 125%;
  font-weight: 400;
  text-align: center;
}
.l-howto .withdrawalArea .section2 {
  background: url(../images/howto/howto_bg2.jpg) no-repeat top center;
  background-size: 120% auto;
  padding: 240px 10px 110px;
}
@media screen and (max-width: 768px) {
  .l-howto .withdrawalArea .section2 {
    padding: 55px 10px 60px;
  }
}
.l-howto .withdrawalArea .section2 .contentBox {
  background: #fff;
  border: 1px solid #cccccc;
  margin: 0 auto;
  padding: 50px 80px;
}
@media screen and (max-width: 768px) {
  .l-howto .withdrawalArea .section2 .contentBox {
    padding: 40px 20px;
  }
}
.l-howto .withdrawalArea .section3 {
  background: url(../images/howto/howto_bg3.jpg) no-repeat top center;
  background-size: 120% auto;
  padding: 240px 10px 110px;
}
@media screen and (max-width: 768px) {
  .l-howto .withdrawalArea .section3 {
    padding: 55px 10px 60px;
  }
}
.l-howto .withdrawalArea .section3 p strong {
  color: #ff0000;
}
.l-howto .withdrawalArea .section3 .contentBox {
  background: #fff;
  border: 1px solid #cccccc;
  margin: 0 auto;
  padding: 50px 80px;
}
@media screen and (max-width: 768px) {
  .l-howto .withdrawalArea .section3 .contentBox {
    padding: 40px 20px;
  }
}
.l-howto .withdrawalArea .section4 {
  background: url(../images/howto/howto_bg4.jpg) no-repeat top center;
  background-size: 120% auto;
  padding: 240px 10px 110px;
}
@media screen and (max-width: 768px) {
  .l-howto .withdrawalArea .section4 {
    padding: 55px 10px 60px;
  }
}
.l-howto .withdrawalArea .section4 .contentBox {
  background: #fff;
  border: 1px solid #cccccc;
  margin: 0 auto;
  padding: 50px 80px;
}
@media screen and (max-width: 768px) {
  .l-howto .withdrawalArea .section4 .contentBox {
    padding: 40px 20px;
  }
}
.l-howto .withdrawalArea .section5 {
  background: url(../images/howto/howto_bg5.jpg) no-repeat top center;
  background-size: 120% auto;
  padding: 240px 10px 110px;
}
@media screen and (max-width: 768px) {
  .l-howto .withdrawalArea .section5 {
    padding: 55px 10px 60px;
  }
}
.l-howto .withdrawalArea .section5 .contentBox {
  background: #fff;
  border: 1px solid #cccccc;
  margin: 0 auto;
  padding: 50px 80px;
}
@media screen and (max-width: 768px) {
  .l-howto .withdrawalArea .section5 .contentBox {
    padding: 40px 20px;
  }
}

.l-ib .stepArea {
  background: #fafafa;
  padding: 50px 10px;
  text-align: center;
}
.l-ib .stepArea .iconImg {
  margin: 0 auto;
  max-width: 135px;
}
.l-ib .stepContents {
  padding: 80px 10px;
}
@media screen and (max-width: 768px) {
  .l-ib .stepContents {
    padding: 40px 10px;
  }
}
.l-ib .stepContents .contentList {
  border: 1px solid #cccccc;
  padding: 30px 40px;
  background: #eff3f6;
}
@media screen and (max-width: 768px) {
  .l-ib .stepContents .contentList {
    padding: 30px 20px;
  }
}
.l-ib .Title {
  text-align: center;
  font-size: 150%;
  font-weight: 300;
  position: relative;
  display: block;
}
@media screen and (max-width: 768px) {
  .l-ib .Title {
    font-size: 130%;
    margin-bottom: 30px;
  }
}
.l-ib .lineTitle {
  text-align: center;
  font-size: 180%;
  font-weight: 300;
  position: relative;
  display: block;
}
@media screen and (max-width: 768px) {
  .l-ib .lineTitle {
    font-size: 160%;
    margin-bottom: 30px;
  }
}
.l-ib .lineTitle::after {
  content: "";
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #333;
}
.l-ib .splitBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .l-ib .splitBox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.l-ib .splitBox .imgBox {
  max-width: 470px;
}
@media screen and (max-width: 768px) {
  .l-ib .splitBox .imgBox {
    margin: 0 auto 20px;
  }
}
.l-ib .splitBox .textBox {
  border: 1px solid #cccccc;
  padding: 30px 20px;
  background: #eff3f6;
  max-width: 470px;
  width: 100%;
}
.l-ib .contentBox {
  border: 1px solid #cccccc;
  padding: 50px 60px;
}
@media screen and (max-width: 768px) {
  .l-ib .contentBox {
    padding: 20px;
  }
}
.l-ib .registrationBox .cap {
  background: rgba(255, 255, 255, 0.8);
  border: solid 3px #ff0000;
  color: #ff4503;
  display: inline-block;
  font-size: 225%;
  font-weight: 700;
  padding: 10px 30px;
}
@media screen and (max-width: 768px) {
  .l-ib .registrationBox .cap {
    font-size: 130%;
    padding: 10px;
  }
}
.l-ib .registrationBox .title {
  font-size: 300%;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .l-ib .registrationBox .title {
    font-size: 155%;
  }
}
.l-ib .registrationBox .text {
  font-size: 110%;
  font-weight: 400;
}
.l-ib .registrationBox .linkBtn {
  margin: 0 auto;
  max-width: 384px;
  width: 100%;
}
.l-ib .registrationBox .linkBtn a {
  display: block;
  background: #23c865;
  border: solid 2px #23c865;
  color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 15px 20px;
}
.l-ib .registrationBox .linkBtn a:hover {
  background: #fff;
  color: #23c865;
}
.l-ib .registrationBox .linkBtn a p {
  font-size: 150%;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .l-ib .registrationBox .linkBtn a p {
    font-size: 130%;
  }
}
.l-ib .keyVisual {
  background: url(../images/ib/ib_bg1.jpg) no-repeat top center;
  background-size: cover;
  text-align: center;
  padding: 110px 0;
}
@media screen and (max-width: 768px) {
  .l-ib .keyVisual {
    padding: 55px 10px;
  }
}
.l-ib .section1 {
  padding: 60px 10px;
}
@media screen and (max-width: 768px) {
  .l-ib .section1 {
    padding: 30px 10px;
  }
}
.l-ib .section1 .sectionTitle {
  font-size: 175%;
  font-weight: 400;
  padding: 0 0 10px 15px;
  position: relative;
}
.l-ib .section1 .sectionTitle::before {
  content: "";
  background: #ff0000;
  position: absolute;
  top: 0%;
  left: 0;
  height: 80%;
  width: 7px;
}
.l-ib .section1 .sectionTitle::after {
  content: "";
  background: #cdcdcd;
  position: absolute;
  top: 100%;
  left: 0;
  height: 2px;
  width: 100%;
}
.l-ib .section1 .listBox {
  background: #eff3f6;
  padding: 30px 50px;
}
@media screen and (max-width: 768px) {
  .l-ib .section1 .listBox {
    padding: 10px;
  }
}
.l-ib .section1 .listBox .contentList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media screen and (max-width: 768px) {
  .l-ib .section1 .listBox .contentList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.l-ib .section1 .listBox .contentList li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #fff;
  padding: 20px 20px 12px;
  text-align: center;
  max-width: 310px;
  width: 33.3333333333%;
}
@media screen and (max-width: 768px) {
  .l-ib .section1 .listBox .contentList li {
    margin-bottom: 10px;
    width: calc(50% - 5px);
  }
}
.l-ib .section1 .listBox .contentList li p {
  font-size: 131%;
  font-weight: 700;
}
.l-ib .section1 .listBox .contentList li dl dt {
  margin: 10px auto;
  max-width: 120px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .l-ib .section1 .listBox .contentList li dl dt {
    max-width: 70px;
  }
}
.l-ib .section1 .listBox .contentList li dl dd {
  color: #ff0000;
  font-size: 150%;
  font-weight: 700;
}
.l-ib .section1 .bottomText p {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .l-ib .section1 .bottomText p {
    text-align: left;
  }
}
.l-ib .section9 .titie {
  font-size: 250%;
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  .l-ib .section9 .titie {
    font-size: 180%;
  }
}
.l-ib .section9 .titleSub {
  color: #b0b0b0;
  font-size: 110%;
  font-weight: 300;
}
.l-ib .section10 {
  background: url(../images/ib/ib_bg2.jpg) no-repeat top center;
  background-size: cover;
  padding: 70px 10px;
}
@media screen and (max-width: 768px) {
  .l-ib .section10 {
    padding: 35px 10px;
  }
}
.l-ib .section10 .contentBox {
  background: Rgba(255, 255, 255, 0.8);
  text-align: center;
  margin: 0 auto;
  max-width: 800px;
  width: 100%;
}
.l-ib .section10 .contentBox a {
  font-size: 150%;
  font-weight: 400;
}

.l-open .imgBox {
  width: min(70vw, 70rem);
  margin-left: auto;
  margin-right: auto;
}
.l-open .lineTitle {
  text-align: center;
  font-size: 180%;
  font-weight: 300;
  position: relative;
  display: block;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .l-open .lineTitle {
    font-size: 160%;
    margin-bottom: 30px;
  }
}
.l-open .lineTitle::after {
  content: "";
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #333;
}
.l-open .sectiontitle {
  text-align: center;
  font-size: 160%;
  font-weight: 300;
  border: 1px solid #333;
  padding: min(0.7vw, 0.7rem) min(2.4vw, 2.4rem) min(1.1vw, 1.1rem);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .l-open .sectiontitle {
    font-size: 160%;
  }
}
.l-open .iconImg {
  margin: 0 auto 30px;
  max-width: 135px;
}
@media screen and (max-width: 768px) {
  .l-open .iconImg {
    margin: 0 auto 15px;
    max-width: 60px;
  }
}
.l-open .splitBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .l-open .splitBox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.l-open .splitBox__img {
  max-width: 470px;
  width: 48%;
}
@media screen and (max-width: 768px) {
  .l-open .splitBox__img {
    width: 100%;
    margin-bottom: min(2vw, 2rem);
  }
}
.l-open .splitBox__text {
  width: 48%;
  max-width: 470px;
}
@media screen and (max-width: 768px) {
  .l-open .splitBox__text {
    width: 100%;
  }
}
.l-open .splitBox__text__box {
  border: 1px solid #cccccc;
  padding: 30px 20px;
  background: #eff3f6;
}
.l-open .splitBox .textBox {
  border: 1px solid #cccccc;
  padding: 30px 20px;
  background: #eff3f6;
  max-width: 470px;
}
.l-open .titleBox {
  padding: 80px 10px 60px;
}
@media screen and (max-width: 768px) {
  .l-open .titleBox {
    padding: 40px 10px 30px;
  }
}
.l-open .contentBox {
  border: 1px solid #cccccc;
  padding: 50px 60px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .l-open .contentBox {
    padding: 20px;
  }
}
.l-open .cautionText {
  color: #ff0000;
  font-size: 125%;
  font-weight: 400;
  text-align: center;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .l-open .cautionText {
    text-align: left;
  }
}
.l-open .stepArea {
  background: #fafafa;
  padding: 50px 10px;
  text-align: center;
}
.l-open .stepArea .accountBtn {
  margin-left: auto;
  margin-right: auto;
  max-width: 330px;
}
.l-open .stepArea .accountBtn a p {
  font-size: 125%;
  font-weight: 400;
}
.l-open .stepContents {
  padding: 80px 10px;
}
@media screen and (max-width: 768px) {
  .l-open .stepContents {
    padding: 40px 10px;
  }
}
.l-open .keyVisual {
  background: url(../images/open/open_bg.jpg) no-repeat top center;
  background-size: cover;
  padding: 70px 0 90px;
}
@media screen and (max-width: 768px) {
  .l-open .keyVisual {
    padding: 30px 10px 40px;
  }
}
.l-open .keyVisual .title {
  font-size: 170%;
  font-weight: 400;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .l-open .keyVisual .title {
    font-size: 130%;
  }
}
.l-open .keyVisual .contentList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .l-open .keyVisual .contentList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.l-open .keyVisual .contentList li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #fff;
  padding: 20px 20px 12px;
  text-align: center;
  max-width: 380px;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .l-open .keyVisual .contentList li {
    margin-bottom: 10px;
    width: calc(50% - 5px);
  }
}
.l-open .keyVisual .contentList li p {
  font-size: 131%;
  font-weight: 700;
}
.l-open .keyVisual .contentList li dl dt {
  margin: 10px auto;
  max-width: 120px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .l-open .keyVisual .contentList li dl dt {
    max-width: 70px;
  }
}
.l-open .keyVisual .contentList li dl dd {
  color: #ff0000;
  font-size: 150%;
  font-weight: 700;
}
.l-open .section1 {
  padding: 40px 10px;
}
@media screen and (max-width: 768px) {
  .l-open .section1 {
    padding: 20px 10px;
  }
}
.l-open .section3 .linkBtn {
  margin-left: auto;
  margin-right: auto;
  max-width: 400px;
}
.l-open .section3 .linkBtn a p {
  font-size: 125%;
  font-weight: 400;
}
.l-open .section3 .catchBox {
  background: #eff3f6;
  border: solid 1px #cccccc;
  padding: 10px;
}
.l-open .section3 .centerText {
  text-align: center;
}
.l-open .section3 .bottomText {
  color: #ff0000;
  font-size: 150%;
  text-align: center;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .l-open .section3 .bottomText {
    text-align: left;
  }
}
.l-open .section4 .title {
  font-size: 180%;
}
.l-open .section7 .inner {
  background: #f6f6f6;
  padding: 30px 10px 40px;
}
@media screen and (max-width: 768px) {
  .l-open .section7 {
    padding: 20px 10px 30px;
  }
}
.l-open .section7 p {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .l-open .section7 p {
    text-align: left;
  }
}
.l-open .section7 .btnList {
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
  width: 100%;
}
.l-open .section7 .btnList .linkBtn {
  margin-left: auto;
  margin-right: auto;
  max-width: 440px;
  width: 100%;
}
.l-open .section7 .btnList .linkBtn a p {
  font-size: 125%;
  font-weight: 400;
  text-align: center;
}
.l-open .section8 .catchBox {
  background: #eff3f6;
  border: solid 1px #cccccc;
  padding: 10px;
}
.l-open .section8 .catchBox ul {
  margin: 0 auto;
  max-width: 660px;
  width: 100%;
}
.l-open .section8 .catchBox ul li {
  font-size: 150%;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .l-open .section8 .catchBox ul li {
    font-size: 120%;
  }
}
.l-open .section8 .centerText {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .l-open .section8 .centerText {
    text-align: left;
  }
}
.l-open .section8 .catchText {
  color: #ff0000;
  font-size: 150%;
  text-align: center;
  font-weight: 700;
  text-decoration: underline;
}
.l-open .section9 .catchBox {
  background: #eff3f6;
  border: solid 1px #cccccc;
  padding: 10px;
}
.l-open .section9 .catchBox ul {
  margin: 0 auto;
  max-width: 660px;
  width: 100%;
}
.l-open .section9 .catchBox ul li {
  font-size: 150%;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .l-open .section9 .catchBox ul li {
    font-size: 120%;
  }
}
.l-open .section9 .centerText {
  text-align: center;
}
.l-open .section9 .appLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  max-width: 480px;
  width: 100%;
}
.l-open .section9 .appLink li {
  width: 100%;
}
.l-open .section10 {
  padding: 30px 10px 40px;
}
@media screen and (max-width: 768px) {
  .l-open .section10 {
    padding: 20px 10px 30px;
  }
}
.l-open .section10 .contentBox {
  background: #eff3f6;
}
.l-open .section10 .linkBtn {
  margin: 0 auto;
  max-width: 440px;
}
.l-open .section10 .linkBtn a p {
  font-size: 125%;
  font-weight: 400;
}
.l-open .section6 .centerText {
  text-align: center;
}
.l-open .section6 .linkBtn {
  margin-left: auto;
  margin-right: auto;
  max-width: 400px;
}
.l-open .section6 .linkBtn a p {
  font-size: 125%;
  font-weight: 400;
}

.l-pickup .section1 {
  padding: 80px 10px;
}
@media screen and (max-width: 768px) {
  .l-pickup .section1 {
    padding: 40px 10px 0px;
  }
}
.l-pickup .section1 .contentList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .l-pickup .section1 .contentList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.l-pickup .section1 .contentList li {
  max-width: 420px;
  width: calc(33.3333333333% - 10px);
}
@media screen and (max-width: 768px) {
  .l-pickup .section1 .contentList li {
    width: calc(50% - 5px);
  }
  .l-pickup .section1 .contentList li:nth-child(1),
  .l-pickup .section1 .contentList li :nth-child(2) {
    margin-bottom: 10px;
  }
}
.l-pickup .section1 .contentList li a {
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.l-pickup .section1 .contentList li a:hover {
  opacity: 0.5;
}

.l-faq .tabArea .tabBox {
  font-size: 0;
}
.l-faq .tabArea .tabBox input[name=tabItem] {
  display: none;
}
.l-faq .tabArea .tabBox input[name=tabItem]:checked + .tabItem {
  background: #478dd7;
}
.l-faq .tabArea .tabBox #asccountOpening:checked ~ #content--asccountOpening,
.l-faq .tabArea .tabBox #clientFunding:checked ~ #content--clientFunding,
.l-faq .tabArea .tabBox #trading:checked ~ #content--trading,
.l-faq .tabArea .tabBox #tradingPlatform:checked ~ #content--tradingPlatform {
  display: block;
}
.l-faq .tabArea .tabBox .tabItem {
  background: #d3d3d3;
  color: #fff;
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2;
  padding: 15px;
  position: relative;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 25%;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .l-faq .tabArea .tabBox .tabItem {
    font-size: 1.2rem;
    padding: 10px;
    width: 50%;
  }
}
.l-faq .tabArea .tabBox .tabContent {
  display: none;
  padding: 40px 0;
}
.l-faq .tabArea .tabBox .tabContent ul li {
  margin-bottom: 40px;
}
.l-faq .tabArea .tabBox .tabContent ul li:last-child {
  margin-bottom: 0;
}
.l-faq .tabArea .tabBox .tabContent ul li dl dt {
  display: inline-block;
  vertical-align: middle;
  font-size: 125%;
  font-weight: 700;
  width: 100%;
}
.l-faq .tabArea .tabBox .tabContent ul li dl dt span {
  color: #478ed7;
  display: inline-block;
  vertical-align: middle;
  font-size: 137%;
  font-weight: 700;
  padding: 0 10px 0 0;
}
.l-faq .tabArea .tabBox .tabContent ul li dl dd {
  display: inline-block;
  vertical-align: middle;
  font-size: 125%;
  font-weight: 400;
  width: 100%;
}
.l-faq .tabArea .tabBox .tabContent ul li dl dd span {
  color: #23c865;
  display: inline-block;
  vertical-align: middle;
  font-size: 137%;
  font-weight: 700;
  padding: 0 10px 0 0;
}
.l-faq .section2 {
  background: #f6f6f6;
}
.l-faq .section2 p {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .l-faq .section2 p {
    text-align: left;
  }
}
.l-faq .section2 .btnList {
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
  width: 100%;
}
.l-faq .section2 .btnList .linkBtn {
  margin-left: auto;
  margin-right: auto;
  max-width: 440px;
  width: 100%;
}
.l-faq .section2 .btnList .linkBtn a p {
  font-size: 125%;
  font-weight: 400;
  text-align: center;
}

.l-pickupContents .titleBox {
  padding: 80px 10px 60px;
}
@media screen and (max-width: 768px) {
  .l-pickupContents .titleBox {
    padding: 40px 10px 30px;
  }
}
.l-pickupContents .contentBox {
  background: #f0f0f0;
  padding: 60px 10px;
}
@media screen and (max-width: 768px) {
  .l-pickupContents .contentBox {
    padding: 40px 10px;
  }
}
.l-pickupContents .contentBox .textBox {
  background: #fff;
  -webkit-box-shadow: 0 16px 20px 0 rgba(0, 0, 0, 0.19);
          box-shadow: 0 16px 20px 0 rgba(0, 0, 0, 0.19);
  padding: 80px 30px;
}
@media screen and (max-width: 768px) {
  .l-pickupContents .contentBox .textBox {
    padding: 40px 20px;
  }
}
.l-pickupContents .contentBox .textBox img {
  margin: 0 auto 60px;
}
@media screen and (max-width: 768px) {
  .l-pickupContents .contentBox .textBox img {
    margin: 0 auto 30px;
  }
}
.l-pickupContents .contentBox .textBox .title {
  font-size: 225%;
  text-align: center;
}
.l-pickupContents .contentBox .textBox .titleSub {
  border-bottom: solid 2px #cdcdcd;
  font-size: 150%;
  font-weight: 400;
  padding: 0 0 10px 20px;
  position: relative;
  margin-top: 60px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .l-pickupContents .contentBox .textBox .titleSub {
    padding: 0 0 10px 20px;
    margin-top: 30px;
    margin-bottom: 15px;
  }
}
.l-pickupContents .contentBox .textBox .titleSub::before {
  content: "";
  background: #ff0000;
  position: absolute;
  top: 0;
  left: 0;
  height: 90%;
  width: 10px;
}
@media screen and (max-width: 768px) {
  .l-pickupContents .contentBox .textBox .titleSub::before {
    width: 5px;
  }
}
.l-pickupContents .contentBox .textBox .linkBtn {
  margin: 80px auto 0;
  max-width: 380px;
}
@media screen and (max-width: 768px) {
  .l-pickupContents .contentBox .textBox .linkBtn {
    margin: 40px auto 0;
  }
}
.l-pickupContents .contentBox .textBox .linkBtn a p {
  font-size: 125%;
}

.l-legalDocuments .section2 .contentList li {
  border-bottom: solid 1px #a4a9b9;
  margin-bottom: 30px;
  padding: 20px;
}
@media screen and (max-width: 768px) {
  .l-legalDocuments .section2 .contentList li {
    padding: 10px;
  }
}
.l-legalDocuments .section2 .contentList li:last-child {
  margin-bottom: 0;
}
.l-legalDocuments .section2 .contentList li:hover dl dd {
  background: #1b69fd;
  color: #fff;
}
.l-legalDocuments .section2 .contentList li:hover dl dd p {
  color: #fff;
}
.l-legalDocuments .section2 .contentList li:hover dl dd svg {
  fill: #fff;
}
.l-legalDocuments .section2 .contentList li a {
  color: #222222;
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.l-legalDocuments .section2 .contentList li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.l-legalDocuments .section2 .contentList li dl dt {
  font-size: 125%;
  font-weight: 400;
}
.l-legalDocuments .section2 .contentList li dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.l-legalDocuments .section2 .contentList li dl .btnBox {
  border: solid 1px #1b69fd;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 10px;
  max-width: 180px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .l-legalDocuments .section2 .contentList li dl .btnBox {
    max-width: 160px;
  }
}
.l-legalDocuments .section2 .contentList li dl .btnBox p {
  color: #1b69fd;
  font-size: 125%;
  font-weight: 400;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.l-legalDocuments .section2 .contentList li dl .btnBox svg {
  fill: #1b69fd;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.l-accountType .section2 p {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .l-accountType .section2 p {
    text-align: left;
  }
}
.l-accountType .section2 .contentTable {
  width: 100%;
}
.l-accountType .section2 .contentTable tr {
  border-bottom: 1px solid #f0f0f0;
}
.l-accountType .section2 .contentTable tr:first-child th {
  text-align: center;
  padding: 12px 15px;
}
.l-accountType .section2 .contentTable tr th {
  font-size: 125%;
  font-weight: 700;
  padding: 12px 0;
}
.l-accountType .section2 .contentTable tr td {
  font-size: 112%;
  font-weight: 400;
  text-align: center;
  font-size: 1.8rem;
  padding: 12px 0;
}
.l-accountType .section3 .contentList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .l-accountType .section3 .contentList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.l-accountType .section3 .contentList li {
  -webkit-box-shadow: 5px 20px 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 5px 20px 10px 0 rgba(0, 0, 0, 0.15);
  border: solid 2px #dfe6e9;
  background-color: #fff;
  text-align: center;
  padding: 40px 20px;
  height: 100%;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  width: calc(25% - 10px);
}
@media screen and (max-width: 768px) {
  .l-accountType .section3 .contentList li {
    margin-bottom: 20px;
    padding: 20px 10px;
    width: calc(50% - 5px);
  }
}
.l-accountType .section3 .contentList li img {
  margin: 0 auto 30px;
  max-width: 120px;
}
.l-accountType .section3 .contentList li p {
  font-size: 131%;
  font-weight: 700;
  text-align: center;
  height: 100%;
}
.l-accountType .section3 .linkBtn {
  border-radius: 0;
  margin: 0 auto;
  max-width: 400px;
}
.l-accountType .section3 .linkBtn a p {
  font-size: 125%;
  font-weight: 400;
}

.l-contactUs .contentList li {
  border-bottom: solid 1px #a4a9b9;
  margin-bottom: 60px;
  padding: 20px;
}
@media screen and (max-width: 768px) {
  .l-contactUs .contentList li {
    padding: 10px;
  }
}
.l-contactUs .contentList li:last-child {
  margin-bottom: 0;
}
.l-contactUs .contentList li.is-hover:hover dl dd {
  background: #1b69fd;
  color: #fff;
}
.l-contactUs .contentList li.is-hover:hover dl dd p {
  color: #fff;
}
.l-contactUs .contentList li.is-hover:hover dl dd svg {
  fill: #fff;
}
.l-contactUs .contentList li a {
  color: #222222;
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.l-contactUs .contentList li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.l-contactUs .contentList li dl dt {
  font-size: 125%;
  font-weight: 400;
}
.l-contactUs .contentList li dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.l-contactUs .contentList li dl dd img {
  max-width: 80px;
}
.l-contactUs .contentList li dl .btnBox {
  border: solid 1px #1b69fd;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 10px;
  max-width: 180px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .l-contactUs .contentList li dl .btnBox {
    max-width: 160px;
  }
}
.l-contactUs .contentList li dl .btnBox p {
  color: #1b69fd;
  font-size: 125%;
  font-weight: 400;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.l-contactUs .contentList li dl .btnBox svg {
  fill: #1b69fd;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.l-contactUs .contentList li .cap {
  text-align: center;
  margin-bottom: 30px;
}