@charset "utf-8";

/* 
--------------------------------------- */
.gsp_wrapper{
  width:100%;
  max-width:initial;
  margin:auto;
  background-color:#fffcdb;
}
.gsp_content_box{
  overflow-y:visible;
  background-color:#fffcdb;
  height:initial;
  max-height:initial;
}
.sec_content_flex{}

.sec_title{
  position:relative;
  width:100%;
  max-height:380px;
  overflow:hidden;
}
.sec_title .bg{
  width:100%;
  height:100%;
  overflow:hidden;
}
.sec_title .bg img{
  width:100%;
  height:auto;
}
.sec_title h2{
  position:absolute;
  top:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:100%;
  height:100%;
}
.sec_title h2 .t1{
  width:560px;
  margin:0;
  padding:10px;
  font-size:50px;
  color:#fff;
  line-height:1.0;
  text-align:center;
  background-color:#371e0a;
}
@media(max-width: 1200px){
  .sec_title .bg img{
    width:1200px;
    height:190px;
    object-fit:cover;
  }
  .sec_title h2 .t1{
    font-size:40px;
  }
  .sec_title h2 .t2{
    font-size:84px;
  }
}
@media(max-width: 980px){
  .sec_title .bg img{
    width:1000px;
    height:158px;
    object-fit:cover;
  }
  .sec_title h2 .t1{
    font-size:36px;
  }
}
@media(max-width: 768px){
  .sec_title .bg img{
    width:768px;
    height:122px;
  }
  .sec_title h2 .t1{
    width:74vw;
    font-size:28px;
  }
}

/* 
--------------------------------------- */
.sec_content_flex{}
.sec_content_wrap{
  display:block;
    justify-content:normal;
    align-items:normal;
  padding:50px 0 80px;
}
@media(max-width: 768px){
  .sec_content_wrap{
    padding:6vw 0 9vw;
  }
}

/* 
--------------------------------------- */
.block{margin-bottom:60px;}
.block:last-of-type{margin-bottom:0;}

.block h3{
  width:100%;
  margin-bottom:30px;
  padding:20px 20px;
  font-size:32px;
  font-weight:500;
  color:#fff;
  line-height:1.2;
  background-color:#371e0a;
}
.block h4{
  margin-bottom:10px;
  font-size:1.333em;
  font-weight:500;
  color:#fff;
  line-height:1.2;
}
.block h4.buy{color:#008cd6;}
.block h4.sell{color:#e60012;}
.block .box{margin-bottom:20px;}
.block .box .box_frame{
  padding:30px;
  border:4px solid #221815;
}
.block .box_frame .example{
  margin-bottom:20px;
  font-size:1.111em;
  font-weight:500;
}
.block .box_frame .example .ex1{}
.block .box_frame .example .ex2{margin-bottom:5px;}
.block .box_frame .example .ex2 .underline{border-bottom:2px solid #000;}
.block .box_frame .example .ex3{text-indent:1.0em;}
.block .box_frame .dtl{
  margin-top:20px;
  font-size:1.111em;
  font-weight:500;
  text-align:center;
}
@media(max-width: 768px){
  .block h3{padding:12px 10px;font-size:18px;}
  .block h4{font-size:16px;}
  .block .box .box_frame{padding:8px;}
  .block .box_frame .example{
    margin-bottom:10px;
    font-size:16px;
  }
  .block .box_frame .dtl{
    margin-top:10px;
    font-size:16px;
    txext-align:left;
  }
}

/*  */
.block .box_calculation{
  display:flex;
  flex-wrap:nowrap;
  justify-content:space-between;
  align-items:center;
  height:96px;
  white-space:nowrap;
}
.block .box_calculation .val{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width:21.25%;
  height:100%;
  line-height:1.3;
  background:#fff;
  border:2px solid #221815;
}
.block .box_calculation .sym{
  width:5%;
  text-align:center;
}
.block .box_calculation .tx1{
  font-size:28px;
  font-weight:500;
}
.block .box_calculation .tx2{
  font-size:20px;
  font-weight:500;
}
.block .box_calculation .tx3{
  font-size:36px;
  font-weight:500;
}
.block ul.note{
  margin-top:20px;
  padding-left:1.0em;
  text-indent:-1.0em;
}
.block .note{font-size:0.888em;}
@media(max-width: 1060px){
  .block .box_calculation .tx1{font-size:24px;}
  .block .box_calculation .tx2{font-size:18px;}
  .block .box_calculation .tx3{font-size:24px;}
}
@media(max-width: 850px){
  .block .box_calculation .tx1{font-size:20px;}
  .block .box_calculation .tx2{font-size:16px;}
  .block .box_calculation .tx3{font-size:28px;}
}

@media(max-width: 768px){
  .block .box_calculation{height:72px;}
  .block .box_calculation .val{width:19.5%;}
  .block .box_calculation .val:nth-of-type(3){width:31%;}
  .block .box_calculation .sym{width:3.5%;}/*
  .block .box_calculation .tx1{font-size:2.6vw;}
  .block .box_calculation .tx2{font-size:2.3vw;}
  .block .box_calculation .tx3{font-size:2.6vw;}*/
  .block .box_calculation .tx1{font-size:3.5vw;}
  .block .box_calculation .tx2{font-size:3.2vw;}
  .block .box_calculation .tx3{font-size:3.2vw;}
}

/* deal : feature/simulation/trading */


/* ※取引方法の同様項目修正後、こちらも修正 */
/* deal : feature/simulation/trading */
.block.deal{}
.block.deal .box_flex{
  display:flex;
  justify-content:space-between;
  margin-bottom:60px;
}
.block.deal .box_flex .r_img{
  width:50%;
}
.block.deal .box_flex .r_img .img.waku{
  border:1px solid #bbbbbc;
}
.block.deal .box_flex .l_txt{
  width:48%;
  font-size:1.111em;
  font-weight:500;
  line-height:2.0;
  letter-spacing:-0.01em;
  text-align:justify;
  text-justify:inter-ideograph;
}
@media(max-width: 900px){
  .block.deal .box_flex .r_img{width:48%;}
  .block.deal .box_flex .l_txt{
    width:50%;
    font-size:1.000em;
  }
}
@media(max-width: 768px){
  .block.deal .box_flex{
    display:block;
    justify-content:normal;
  }
  .block.deal .box_flex .r_img{
    width:100%;
    max-width:768px;
    margin:20px auto 0;
  }
  .block.deal .box_flex .l_txt{
    width:100%;
    font-size:16px;
  }
}
/*  */
.block.deal h5{
  margin-bottom:10px;
  font-size:1.111em;
  font-weight:500;
}
.block.deal .box2 .box_corp,
.block.deal .box3 .box_corp{
  display:flex;
  flex-wrap:nowrap;
  justify-content:space-between;
  gap:2px;
  margin-bottom:40px;
}
.block.deal .box2 .box_corp .item,
.block.deal .box3 .box_corp .item{
  width:159px;
}
.block.deal .box2 .box_corp .img,
.block.deal .box3 .box_corp .img{
  display:flex;
  align-items:center;
  width:100%;
  height:96px;
  background-color:#fff;
  border:1px solid #bbbbbc;
  border-radius:9px;
  overflow:hidden;
}
.block.deal .box2 .box_corp .dummy{
  width:100%;
  height:96px;
}
.block.deal .box2 .box_corp .item .corp,
.block.deal .box3 .box_corp .item .corp{
  text-align:center;
  font-size:14px;
}
.block.deal .box3 .box_corp{
  padding:10px;
  font-size:18px;
  border:1px solid #666461;
}
.block.deal .box3 .box_corp p{
  padding-left:1.0em;
  text-indent:-1.0em;
}
.block.deal .box3 .box_corp p.t1{width:20%;}
.block.deal .box3 .box_corp p.t2{width:79px;}
@media(max-width: 1060px){
  .block.deal .box3 .box_corp{font-size:16px;}
}
@media(max-width: 900px){
  .block.deal .box2 .box_corp,
  .block.deal .box3 .box_corp{
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:flex-start;
    gap:10px;
    font-size:1.000em;
  }
  .block.deal .box2 .box_corp:after{
    content:'';
    display: block;
    width:30.0%;
  }
  .block.deal .box2 .box_corp .item,
  .block.deal .box3 .box_corp .item{width:30%;}
  .block.deal .box2 .box_corp .img,
  .block.deal .box2 .box_corp .dummy,
  .block.deal .box3 .box_corp .img{height:initial;}
  .block.deal .box3 .box_corp p.t1{width:66%;}
  .block.deal .box3 .box_corp p.t2{width:100%;}
  .block.deal .box2 .box_corp .item .corp,
  .block.deal .box3 .box_corp .item .corp{
    font-size:16px;
  }
}
@media(max-width: 768px){
  .block.deal h5{font-size:16px;}
  .block.deal .box1{
    margin-bottom:30px;
    letter-spacing:0;
  }
  .block.deal .box3 .box_corp{font-size:15px;}
  .block.deal .box2 .box_corp .item .corp,
  .block.deal .box3 .box_corp .item .corp{
    font-size:2.5vw;
  }
}
/*  */
.block.deal .box2 .box_corp a .img,
.block.deal .box3 .box_corp a .img{
  border-color:#666461;
  transition:border-color 300ms;
}
.block.deal .box2 .box_corp a:hover .img,
.block.deal .box3 .box_corp a:hover .img{
  border-color:#fff;
}
@media(max-width: 768px){
  .block.deal .box2 .box_corp a .img,
  .block.deal .box3 .box_corp a .img{
    transition:none;
  }
  .block.deal .box2 .box_corp a:hover .img,
  .block.deal .box3 .box_corp a:hover .img{
    border-color:#666461;
  }
}