@charset "utf-8";

/* キービジュアル
--------------------------------------- */
.feature .gsp_wrapper{
  width:100%;
  max-width:initial;
  margin:auto;
  background-color:#fffcdb;
}
.feature .gsp_content_box{
  overflow-y:visible;
  background-color:#fffcdb;
  height:initial;
  max-height:initial;
}
.feature .sec_content_flex{}

/* home(top page) */
.gsp_wrapper.feature,
.gsp_wrapper.feature .gsp_content_box{background-color:#fff;}
/* -------------- */

.sec_title{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  overflow:hidden;
}
.sec_title .bg img{
  width:100%;
  height:25vw;
}

.sec_title .overlay{
  position:absolute;
  top:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:100%;
  height:100%;
}
.sec_title h2{
  width:600px;
  padding:10px;
  text-align:center;
  background-color:#371e0a;
}
.sec_title h2 .t1{
  font-size:50px;
  color:#fff;
  line-height:1.0;
  white-space:nowrap;
}
.sec_title .wrap-link{
  display:flex;
  flex-wrap:nowrap;
  justify-content:space-between;
  align-items:center;
  gap:30px;
  max-width:1000px;
  margin-top:50px;
}
.sec_title .box-link{
  width:315px;
  height:150px;
  border-radius:15px;
  background:#100802;
  overflow:hidden;
}
.sec_title .box-link a{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:100%;
  height:100%;
  color:#000;
  text-align:center;
  background:#fff;
  transition:opacity 300ms;
}
.sec_title .box-link a:hover{
  opacity:0.9;
}
.sec_title .box-link .t1{
  font-size:28px;
  font-weight:500;
  line-height:1.3;
}
.sec_title .box-link .t2{
  font-size:1.111em;
}
@media(max-width: 1200px){
  .sec_title .wrap-link{
    gap:3%;
    width:94%;
    max-width:initial;
    margin-top:30px;
  }
  .sec_title .box-link{
    height:110px;
  }
  .sec_title .box-link .t1{
    font-size:28px;
  }
  .sec_title .box-link .t2{
    font-size:1.000em;
  }
}
@media(max-width: 1000px){
  .sec_title .bg img{
    width:1000px;
    height:300px;
    object-fit:cover;
  }
  .sec_title h2 .t1{
    font-size:42px;
  }
  .sec_title .wrap-link{
    gap:3%;
    width:94%;
    max-width:initial;
  }
}
@media(max-width: 960px){
  .sec_title .box-link .t1{
    font-size:1.1666em;
  }
  .sec_title .box-link .t2{
    font-size:0.888em;
  }
}
@media(max-width: 820px){
  .sec_title .box-link .t1{
    font-size:22px;
  }
  .sec_title .box-link .t2{
    font-size:16px;
  }
}
@media(max-width: 768px){
  .sec_title .bg img{
    width:768px;
    height:192px;
    height:300px;
  }
  .sec_title h2{
    width:84vw;
  }
  .sec_title h2 .t1{
    font-size:28px;
  }

  .sec_title .wrap-link{
    display:block;
    flex-wrap:normal;
    justify-content:normal;
    align-items:normal;
    gap:0;
    margin-top:1.0vw;
  }
  .sec_title .box-link{
    width:60vw;
    height:68px;
    margin:0 auto 1.0vw;
  }
  .sec_title .box-link:last-of-type{margin-bottom:0;}
  .sec_title .box-link a{
    transition:none;
  }
  .sec_title .box-link a:hover{
    opacity:1;
  }
  .sec_title .box-link .t1{
    font-size:18px;
  }
  .sec_title .box-link .t2{
    font-size:14px;
  }
}

/* 
--------------------------------------- */
.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 .box{width:100%;}
.block .box.box_flex{
  display:flex;
  justify-content:space-between;
}
.block .box.box_flex .box_left{width:49%;}
.block .box.box_flex .box_right{width:46%;}
.block .box.box_flex .box_right .img{
  border:1px solid #bbbbbc;
}
.block :is(h4, h5){
  margin-bottom:10px;
  font-size:1.111em;
  font-weight:500;
}
.block .box.box_flex .box_right .img{margin-bottom:10px;}
.block .box.box_flex .box_right .img:last-of-type{margin-bottom:0;}
.block.feature1 .box.box_flex .box_right .img{margin-bottom:10px;}
.block.feature1 .box.box_flex .box_right{
  padding:20px;
  border:1px solid #666461;
}
.block.feature1 .box.box_flex .box_right dl.speak{margin-bottom:0.5em;}
.block.feature1 .box.box_flex .box_right dl.speak dt{font-size:1.000em;font-weight:500;}
.block.feature1 .box.box_flex .box_right dl.speak dd{font-size:0.889em;}
.block.feature1 .box.box_flex .box_right dl.speak .color1{color:#e60012;}
.block.feature1 .box.box_flex .box_right dl.speak .color2{color:#009944;}
.block.feature1 .box.box_flex .box_right dl.speak .color3{color:#005bac;}
.block .box .note{font-size:0.833em;}
.block .box .mt10{margin-top:10px;}
.block .box .mt20{margin-top:20px;}
.block a.link_line{
  color:#231815;
  border-bottom:1px solid #231815;
  transition:color 300ms, border-color 300ms;
}
.block a.link_line:hover{
  color:#114189;
  border-bottom-color:rgba(17,65,137,1);
}
@media(max-width: 768px){
  .block h3{padding:12px 10px;font-size:18px;}
  .block .box.box_flex{
    display:block;
    justify-content:normal;
  }
  .block .box.box_flex .box_left{width:100%;margin-bottom:30px;}
  .block .box.box_flex .box_right{width:100%;}
  .block h5{font-size:16px;}
  .block.feature1 .box.box_flex .box_right{
    padding:10px 20px;
  }
  .block.feature1 .box.box_flex .box_right dl.speak dt{font-size:15px;}
  .block.feature1 .box.box_flex .box_right dl.speak dd{font-size:14px;}
  .block .box .mt10{margin-top:0.7em;}
  .block .box .mt20{margin-top:1.0em;}
  .block a.link_line{
    transition:none;
  }
  .block a.link_line:hover{
    color:#231815;
  }
}

/* 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 :is(h4, 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;
  }
}