@charset "utf-8";

header {
  height:auto;
}
header > .header_box > p {margin:0;}
header > .header_box > p:nth-of-type(2) {width:180px;}

@media screen and (min-width: 768px){ 
  hr.anc {margin-top:-110px!important;padding-top:110px!important;}
}
main.himegin {
  padding:80px 0 0;
  margin:100px auto 0;
}
.himegin .kv h1 {
  position:absolute;
  display:block;
  content:"";
  width:740px;
  height:112px;
  background:none;
  margin:auto;
  padding:0;
  left:0;
  right:0;
  top:-60px;
  z-index:1;
}
.himegin .kv h1 img {
  width:100%;
  height:auto;
}
.himegin .kv figure {
  position:relative;
  width:100%;
  max-width:1200px;
  margin:0 auto;
  z-index:0;
}
.himegin .kv figure::after {
  position:absolute;
  display:block;
  content:"";
  width:20%;
  height:0;
  padding:25.4% 0 0;
  background:url(/content/dam/daiwasecurities/lp_dc/ideco/assets/img/home/kv_after.png) no-repeat center / cover;
  right:-20px;
  bottom:-150px;
  z-index:1;
}
@media screen and (max-width: 1240px){ 
  .himegin .kv figure::after {right:0;}
}
.himegin h2 {
  display:block;
  height:auto;
  font-size:28px;
  font-weight:bold;
  color:#FE1A0E; 
  text-align:center;
  margin:0 auto 30px;
  padding:0;
  background:none;
}
.himegin h2 span {
  position:relative;
  display:inline-block;
  padding:0 1em;
  z-index:0;
}
.himegin h2 span::before,
.himegin h2 span::after {
  position:absolute;
  display:block;
  content:"";
  width:1px;
  height:1.6em;
  background:#000000;
  margin:auto;
  top:-100%;
  bottom:-100%;
}
.himegin h2 span::before {
  left:0;
  transform:rotate(-25deg);
}
.himegin h2 span::after {
  right:0;
  transform:rotate(25deg);
}
.himegin .kv + .box h2 {
  width:500px;
  margin:60px auto;
}
.himegin_lead {
  text-align:center;
  padding:60px 0;
  background:#F8F6F2;
}
.btn_apply {
  width:400px;
  height:60px;
  text-align:center;
  line-height: 60px;
  margin:0 auto 10px;
}
main .btn_apply a {
  display:block;
  width:100%;
  height:100%;
  color:#FFFFFF;
  font-size:22px;
  font-weight:bold;
  background:#E61701;
  border-radius:999px;
  transition:0.5s;
}
main .btn_apply a:hover {
  color:#FFFFFF;
  opacity:0.5;
  text-decoration:none;
}
.himegin_lead figure + p {
  font-weight:bold;
  font-size:28px;
  margin:20px auto;
}
.himegin .home_merit h2 {
  width:100%;
  height:100px;
  text-align:center;
  background:#E61701;
  border-radius:40px;
  margin:0 auto 50px;
  padding:30px 0;
}
.himegin .home_merit h2 img {
  display:block;
  width:auto;
  height:100%;
  margin:0 auto;
}
.himegin .h2_figure {margin:30px auto 60px;}
.himegin .type dl {
  margin-bottom:60px;
  border:solid 1px #000000;
  border-radius:10px;
}
.himegin .type dl::after {content:none;}
.himegin .type dl dd {padding:40px 30px 30px;}
.btn_lineup {
  position:relative;
  font-size:18px;
  font-weight:bold;
  line-height:1.4;
  margin:20px 0 0;
  padding:10px 60px 10px 20px;
  border-radius:10px;
  cursor:pointer;
  transition:0.5s;
}
.btn_lineup:hover {opacity:0.5;}
.himegin .type dl:nth-of-type(1) .btn_lineup {background:#FFCCCC;}
.himegin .type dl:nth-of-type(2) .btn_lineup {background:#D7E2EF;}
.himegin .type dl:nth-of-type(3) .btn_lineup {background:rgba(219,176,77,0.2);}
.btn_lineup::after {
  position:absolute;
  display:block;
  content:"";
  width:40px;
  height:40px;
  margin:auto;
  top:0;
  bottom:0;
  right:10px;
  transform:rotate(-90deg);
}
.himegin .type dl:nth-of-type(1) .btn_lineup::after {background:url("/content/dam/daiwasecurities/lp_dc/ideco/assets/img/sub/type_ar01.png") no-repeat center / cover;}
.himegin .type dl:nth-of-type(2) .btn_lineup::after {background:url("/content/dam/daiwasecurities/lp_dc/ideco/assets/img/sub/type_ar02.png") no-repeat center / cover;}
.himegin .type dl:nth-of-type(3) .btn_lineup::after {background:url("/content/dam/daiwasecurities/lp_dc/ideco/assets/img/sub/type_ar03.png") no-repeat center / cover;}
.btn_all {
  width:100%;
  height:100px;
  font-size:20px;
  font-weight:bold;
  line-height:1.4;
  padding:40px 60px 40px 180px;
  background:url("../img/btn_all.png") no-repeat left 20px bottom,url("/content/dam/daiwasecurities/lp_dc/ideco/assets/img/home/arrow.png") no-repeat center right 30px,#FEA39F;
  border-radius:20px;
  cursor:pointer;
  clear:both;
  transition:0.5s;
}
.btn_all:hover {opacity:0.5;}
.himegin .home_movie {padding:0;}
.himegin p.caution {color:#000000;}

.home_movie ul li img {
  display:block;
  border:solid 1px #000000;
}

.ideco_footer dl dd:nth-of-type(1) {border-bottom:none;}
.ideco_footer .connect_contact {display:none;}

body.active {overflow:hidden;}
.modal {
  position:fixed;
  width:100%;
  max-width:960px;
  height:80vh;
  overflow-y:scroll;
  padding:40px;
  background:#FFFFFF;
  margin:auto;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index:11;
  transition:0.5s;
  opacity:0;
  visibility:hidden;
}
.modal.active {
  opacity:1;
  visibility:visible;
}
.modal_bg {
  position:fixed;
  width:1000vw;
  height:100vh;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:rgba(0,0,0,0.3);
  z-index:10;
  opacity:0;
  visibility:hidden;
}
.modal_bg.active {
  opacity:1;
  visibility:visible;
}
.modal section h2 {
  display:flex;
  height:72px;
  font-size:24px;
  color:#FFFFFF;
  padding:10px 70px 0 120px;
}
.modal section h2 span {padding:0;}
.modal section h2 span::before,
.modal section h2 span::after {display:none;}
.modal.lineup_02 .lineup01 {margin-top:0!important;}
.modal.lineup_02 .lineup0201 h2 + p {margin:0 0 40px;}
.modal.lineup_01 .lineup01 .lineup_table td span {color:#FF0001!important;}
.modal.lineup_01 .lineup02 .lineup_table td span {color:#5682BB!important;}
.modal.lineup_01 .lineup03 .lineup_table td span {color:#D4A027!important;}
.modal.lineup_01 .lineup01 .lineup_table td span.sp_cont {color:#000000!important;}
.modal.lineup_01 .lineup02 .lineup_table td span.sp_cont {color:#000000!important;}
.modal.lineup_01 .lineup03 .lineup_table td span.sp_cont {color:#000000!important;}
.modal.lineup_02 .lineup01 .lineup_table td span {color: #718CC7!important;}
.modal.lineup_02 .lineup02 .lineup_table td span {color: #B1638F!important;}
.modal.lineup_02 .lineup03 .lineup_table td span {color: #8EC43E!important;}
.modal.lineup_02 .lineup04 .lineup_table td span {color: #EC6D56!important;}
.modal.lineup_02 .lineup05 .lineup_table td span {color: #3AB483!important;}
.modal.lineup_02 .lineup06 .lineup_table td span {color: #F3981C!important;}
.modal.lineup_02 .lineup07 .lineup_table td span {color: #1BB8CE!important;}
.modal.lineup_02 .lineup08 .lineup_table td span {color: #EE87AA!important;}
.modal.lineup_02 .lineup_table td span.sp_cont {color:#000000!important;}
.modal.lineup_02 .lineup_table th:nth-of-type(1) {width:calc(100% - 180px);}
.modal.lineup_02 .lineup_table th:nth-of-type(2) {width:180px;}
.modal.lineup_02 section h2 {
  height:100px;
  margin:90px auto 10px;
  padding:10px 70px 0;
  background:url(/content/dam/daiwasecurities/lp_dc/ideco/assets/img/hx/bg_h2.png) no-repeat center / 100%;
}
.modal.lineup_02 > h2 {
  background:url(../img/h2_lineup_all.png) no-repeat center / 100%;
  display:flex;
  height:72px;
  font-size:24px;
  color:#000000;
  padding:10px 70px 0 120px;
}
.modal.lineup_02 > h2 span {padding:0;}
.modal.lineup_02 > h2 span::before,.modal.lineup_02 > h2 span::after {display:none;}
.modal .close {
  position:sticky;
  height:0;
  top:0;
  right:0;
  text-align:right;
}
.modal .close img {
  width:42px;
  height:42px;
  transform:translate(30px ,-30px);
  cursor:pointer;  
}

@media screen and (min-width: 768px){ 
  .type dl dd .mark li {min-height:4.2em;}
}

@media screen and (max-width: 767px){ 
  
  hr.anc {margin-top:-80px!important;padding-top:80px!important;}
  
  header > .header_box > p:nth-of-type(2) {
    width:100px;
    height:auto;
  }
  header .header_box > ul {float:right;}
  header .header_box > ul li {
    width:130px;
    height:auto;
    margin:0;
  }
  main.himegin {
    padding:0;
    margin:60px auto 0;
  }
  .himegin .kv figure::after {
    width:30%;
    padding:38.1% 0 0;
    right:1%;
    bottom:-10%;
  }
  .himegin h2 {
    font-size:22px;
    margin:0 auto 6%;
  }
  .himegin .kv + .box h2 {
    width:85%;
    margin:12% auto 10%;
  }
  .himegin h2 span::before,
  .himegin h2 span::after {
    height:2.4em;
  }
  .himegin_lead {padding:12% 0;}
  .btn_apply {
    width:100%;
    height:40px;
    line-height:40px;
    margin:0 auto 3%;
  }
  .btn_apply a {font-size:17px;}
  .himegin_lead figure + p {
    font-size:20px;
    margin:5% auto;
  }
  .himegin .home_merit h2 {
    height:60px;
    border-radius:20px;
    margin:0 auto 8%;
    padding:20px 0;
  }
  .himegin .h2_figure {margin:5% auto 10%;}
  .himegin .h2_figure img {max-width:40%;}
  .himegin .type dl {margin-bottom:10%;}
  .himegin .type dl dd {padding:30px 1em;}
  .btn_lineup {
    font-size:17px;
    padding:20px 60px 20px 20px;
  }
  .btn_all {
    margin:10% 0 0;
    height:90px;
    font-size:15px;
    padding:25px 60px 25px 120px;
    background:url("../img/btn_all.png") no-repeat left 5px center / auto 80%,url("/content/dam/daiwasecurities/lp_dc/ideco/assets/img/home/arrow.png") no-repeat center right 20px  / auto 40%,#FEA39F;
    border-radius:10px;
  }
  .modal {
    width:96%;
    height:90vh;
    padding:40px 5% 5%;
  }
  .modal section h2 {
    height:0;
    padding:12.4% 0 0;
  }
  .modal section h2 span {
    position:absolute;
    font-size:17px;
    height:17px;
    margin:auto;
    top:0;
    bottom:0;
    left:20%;
  }
  .modal.lineup_02 section h2 {
    display:block;
    height:auto;
    font-size:20px;
    text-align:left;
    margin:12% auto 8%;
    padding:0.75em 1.5em;
    background:#FE1A0E;
  }
  .modal.lineup_02 > h2 {
    height:0;
    padding:12.4% 0 0;
    background: url(../img/h2_lineup_all_sp.png) no-repeat center / auto 100%;
  }
  .modal.lineup_02 > h2 span {
    position:absolute;
    font-size:17px;
    height:17px;
    margin:auto;
    top:0;
    bottom:0;
    left:20%;
  }
  .modal .close img {
    width:30px;
    height:30px;
    transform:translate(15px ,-30px);
  }
}

/* -----------------------------------------------------------
　kochi-bank
----------------------------------------------------------- */
.kochi-bank .btn_all {
  background:url("../../himegin/img/btn_all.png") no-repeat left 20px bottom,url("/content/dam/daiwasecurities/lp_dc/ideco/assets/img/home/arrow.png") no-repeat center right 30px,#FEA39F;
}

@media screen and (max-width: 767px){ 
  .kochi-bank .btn_all {
    background:url("../../himegin/img/btn_all.png") no-repeat left 5px center / auto 80%,url("/content/dam/daiwasecurities/lp_dc/ideco/assets/img/home/arrow.png") no-repeat center right 20px  / auto 40%,#FEA39F;
    border-radius:10px;
  }
}