@charset "utf-8";

html {
  scroll-behavior: smooth;
}


/*--margin--*/
@media print {
	body{font-size:80%;}
}

/*---------------------ベース--------------------------------------*/

.disp_pc{display:block !important;}
.disp_sp{display:none !important;}
.disp_in_pc{display:inline-block;}
.disp_in_sp{display:none;}
.ta-center { text-align: center; }
.ta-left { text-align: left; }
img{ max-width:100%; vertical-align: bottom;}
html {font-size: 62.5%;}
body { font-size: 1.6em; font-weight: 500; width: 100%; overflow-x: hidden;}
.none{ display:none;}
.bold{ font-weight:bold;}
.center{text-align:center;}
.fc-red { color:#d60b17; }



/* -----------------------------------------------------
 * PCデザイン
 * -------------------------------------------------- */

/*header*/
header { position: relative; width: 100%; height: 60px; padding: 0 10px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); z-index:100; }
header .header_inner { max-width: 1140px; margin:0 auto; }
header ul { display: flex; justify-content: flex-start; align-items: center; padding: 15px 0; }
header li.logo { margin-right:59px; }
header li.logo img { height:30px; width:auto; }
header li.to_HP { margin-right:49px; }
header li a { position: relative; padding-left: 18px; font-size:1.4rem; font-weight:500; }
header li a:before { position: absolute; content:""; display:inline-block; width:0; height:0; border-style:solid; border-width:4px 0 4px 8px; left:0; top:50%; margin-top:-4px; }
header li.to_HP a:before { border-color: transparent transparent transparent #000; }
header li.saving a:before { border-color: transparent transparent transparent #d60b17; }


/*mv*/
.mv { width: 100%; padding:0 10px; background:url("/save/investment/kodomo_nisa/images/mv_bg.png") center bottom no-repeat; background-size: cover; }
.mv .mv_inner { width: 100%; max-width: 1140px; margin: 0 auto;}
.mv .breadcrumbs { display:inline-flex; justify-content:flex-start; align-items:center; margin-top:9px; }
.mv .breadcrumbs li { margin-left:9px; font-size:1.1rem; font-weight: 500; color: #777777; }
.mv .breadcrumbs a { font-size:1.1rem; font-weight: 500; color: #777777; }
.mv .breadcrumbs li:after { content:"\03e"; padding-left: 13px; }
.mv .breadcrumbs li:last-child:after { display:none; }
.mv_cont { margin-top: 70px; background: url("/save/investment/kodomo_nisa/images/mv_img01.png") no-repeat scroll right bottom; background-size: 47% auto;}
.mv_cont h1 img{width: 56.84%;}
.mv_btnarea {margin-top: 80px; text-align: center;}
.mv_btnarea  img {width: auto; display: inline;}
.mv_bnrarea {margin-top: 110px; margin-bottom: 10px; text-align: center;}
.mv_bnrarea  img {width: auto; display: inline;}

/*アンカー*/
.anc_area {margin:70px auto 0; max-width: 1040px; padding: 0 10px;}
.anc_list {display: flex;}
.anc_list li{width: 25%;}
.anc_list li a{display: block; padding: 30px 20px 30px 5px; background:url("/save/investment/kodomo_nisa/images/icon01.png") no-repeat scroll 96% center; font-size: clamp(14px, 1.5vw, 20px);  font-weight: bold; color: #b40914; text-align: center; border: 1px solid #b40914; border-right: none; background-size: 22px auto;}
.anc_list li:first-child a {border-radius: 10px 0 0 10px;}
.anc_list li:last-child a {border-radius: 0 10px 10px 0; border-right: 1px solid #b40914;}
.anc_list li a:hover {text-decoration: none; color: #fff; background:url("/save/investment/kodomo_nisa/images/icon01.png") no-repeat scroll 96% center #b40914; background-size: 22px auto;}

/*cont01*/
.cont01 {background: #fff0f0; margin: 120px 0 0 0; padding: 90px 10px 100px;}
.cont_inner{margin: 0 auto; max-width: 1140px;}
.s_ttl{text-align: center; font-size: 41px; font-weight: bold; color: #000; position: relative; margin-bottom: 15px;}
.s_ttl::before {content: ''; position: absolute; left: 50%; bottom: -15px; display: inline-block; width: 100px; height: 5px; transform: translateX(-50%); background-color: black; border-radius: 8px;}
.cont_txt {margin-top: 60px; font-size: 20px; color: #4d4d4d;}
.point_box{margin-top: 60px; display: flex; justify-content: space-between;}
.point_item {width: 32%; background: #fff; padding: 0 8px 40px 8px; border: 2px solid #b40914; border-radius: 10px; text-align: center;}
.point_item img{width: auto; display: inline;}
.point_st {position: relative; top:-13px; border-radius: 20px; padding: 5px 25px; font-size: 15px; color: #fff; background: #b40914;}
.point_ttl {font-size: 24px; font-weight: 500; color: #000; margin-top: 15px; text-align: center;}
.point_img{text-align: center; margin-top: 20px;}
.point_txt {margin-top: 20px; text-align: center; color: #4d4d4d;}
.dif_box{margin-top: 100px; background: #fff; border-radius: 10px; padding: 0 20px 40px; box-shadow: 0px 0px 14px -8px #044b86;}
.dif_ttl{position: relative; top: -30px; color: #fff; text-align: center; font-weight: bold; font-size: 25px; margin: 0 auto; width: 100%; background: #b40914; padding: 12px;}
.dif_ttl span {font-size: 30px; color: #fff;}
.dif_ttl::before{content: ""; position: absolute; top: 100%; left: 50%; margin-left: -15px; border: 15px solid transparent; border-top: 15px solid #b40914;}
.dif_flex {display: flex; align-items: center; padding: 0 5% 0 7%;}
.dif_flex img {width: 18%; margin-right: 2%;}
.dif_flex p{padding: 0 0 50px 8px; font-size: 20px; color: #4d4d4d; background:url("/save/investment/kodomo_nisa/images/cont02_img.png") no-repeat scroll left bottom; background-size: 100% auto;}
.dif_flex p span{font-weight: bold; color: #4d4d4d;}
.sub_ttl {font-size: 35px; color: #000; font-weight: bold; margin-top: 70px;}
.sub_ttl span{padding-left: 15px; background-image: linear-gradient(to bottom, #fff 50%, #b40914 50%); background-size: 5px 100%; background-repeat: no-repeat; background-position: left center;}
.cmt {margin-top: 20px;}
.gr01 img{margin-top: 0; max-width: 1142px;}
.img_box{margin-top: 20px; text-align: center;}
.img_box img{display: inline; width: auto;}
.cont_txt02{text-align: center; margin-top: 20px; font-size: 27px; font-weight: 500; color: #000000;}
.flex_box-c {display: flex; justify-content: center; margin-top: 20px;}
.flex_box-c_item {width: 245px; border: 2px solid #b40914; border-radius: 10px; background: #fff; padding: 25px 10px; text-align: center;}
.flex_box-c div:first-child{margin-right: 20px;}
.flex_box-c img{width: auto; height: 56px; display: inline;}
.fb_ttl{font-size: 24px; color: #000000; font-weight: bold; text-align: center; margin-bottom: 10px;}
.fb_txt{font-size: 20px; color: #000000; text-align: center; margin-top: 10px;}

/*tab*/
.tab_area {margin-top: 40px;}
.tab-container{display: flex; justify-content: space-between;}
.tab{width: 49%; background: #f3f1ef; border-radius: 10px 10px 0 0; text-align: center; padding: 18px 5px; font-size: 21px; color: #bfbbb8; cursor: pointer;}
.tab.active{color: #fff; background: #b40914;}
.content {display: none;}
.content.show {display: block; background: #fff; padding: 45px 20px; box-shadow: 0px 6px 15px -10px #6b0005;}
.tab_box{display: flex; justify-content: space-between;}
.tab_box_item {width: 32.5%; padding: 35px 5px 40px 5px; border: 1px solid #b40914; border-radius: 10px; text-align: center;}
.tab_box_item img{width: auto; display: inline;}
.tab_box_ttl{font-size: 20px; font-weight: 500; text-align: center; margin-top: 25px; color: #000;}
.tab_box_txt{font-size: 20px; text-align: center; margin-top: 15px; color: #000; font-weight: 400;}


/*btnarea*/
.btnarea{margin: 70px 0 60px 0; padding: 0 10px; text-align: center;}
.btnarea img{display: inline; width: auto;}

/*cont02*/
.cont02 {background: #fefbf6; margin: 0; padding: 90px 10px 100px;}
.cont02 .s_ttl{color: #f15a25;}
.cont02 .s_ttl::before {background-color: #f15a25;}
.cont02_img{margin-top: 50px; text-align: center;}
.cont_note{margin: 15px 30px 0 30px;}
.cont_note li {font-size: 16px; color: #333; padding-left:1em; text-indent:-1em;}

/*cont03*/
.cont03 {background: #f6fcf8; margin: 0; padding: 90px 10px 100px;}
.cont03 .s_ttl{color: #46c67c;}
.cont03 .s_ttl::before {background-color: #46c67c;}
.gr02 img{margin-top: 0; max-width: 1142px;}

/*cont04*/
.cont04 {background: #fefef6; margin: 0; padding: 90px 10px 100px;}
.cont04_img{margin-top: 40px; text-align: center;}
.need_box {margin: 40px 30px 0; background: #fff; padding: 30px 8px; box-shadow: 0px 0px 15px -5px #c7c7c7; border-radius: 10px;}
.need_ttl{text-align: center;}
.need_ttl img{display: inline; width: auto;}
.need_txt {text-align: center; margin-top: 15px; font-size: 20px; color: #333;}
.need_flex {display: flex; justify-content: space-between; max-width: 720px; margin: 40px auto 0;}
.need_flex_item{margin: 0 1%; text-align: center;}
.need_flex_item img{display: inline; width: auto;}
.need_flex_item p{text-align: center; margin-top: 15px; color: #333; font-size: 20px;}
.need_flex_item p span{color: #333; font-size: 18px;}
.link_list{margin: 20px 0 0 30px;}
.link_list li {color: #3594e5; font-size: 20px; margin-bottom: 5px;}
.link_list li a{color: #3594e5; font-size: 20px; text-decoration: underline; position: relative;}
.link_list li a::before{content: ""; position: absolute; top: 50%;  right: -25px; transform: translateY(-50%); border: 5px solid transparent; border-left: 8px solid #3594e5;}

/*cont05*/
.cont05 {background: #fff; margin: 0; padding: 30px 10px 100px;}
.cont05 .s_ttl{color: #b40914;}
.cont05 .s_ttl::before {background-color: #b40914;}
.accordion {border: 2px solid #b40914; border-radius: 10px; padding: 5px 30px; margin-bottom: 20px;}
.accordion.actop{margin-top: 50px;}
.accordion dt{cursor: pointer; position: relative; padding: 20px 0; display: flex; align-items: center;}
.accordion dt .f_q {font-size: 16px; color: #b40914; margin-right: 20px;}
.accordion dt .f_t {font-size: 20px; color: #000000; font-weight: 500;}
.accordion dd {display: none;}
.accordion dd div{display: flex; padding: 20px 0; border-top: 1px solid #b40914;}
.accordion dd span{font-size: 16px; color: #b40914; margin-right: 20px;}
.accordion dd p {font-size: 18px; color: #4d4d4d; padding-right: 30px;}
.accordion dt::before{
  position: absolute;
  content: '';
  top: 50%;
  right: 5px;
  width: 20px;
  height: 2px;
  background-color:#b40914;
  transform: rotate(90deg);
  transition: all .3s ease-in-out;
}
.accordion dt::after{
  position: absolute;
  content: '';
  top: 50%;
  right: 5px;
  width: 20px;
  height: 2px;
  background-color:#b40914;
  transition: all .3s ease-in-out;
}
.accordion dt.active::before {
  transform: rotate(180deg);
}
.accordion dt.active::after {
  opacity:0;
}
.foot_cp {margin-top: 40px; font-size: 12px; text-align: center; line-height: 50px; background-color: #636c83; color: #fff; margin-bottom: 114px;}

/*fix_area*/
.fix_area {position: fixed; bottom: 0; width: 100%; padding: 10px; background: #fff; text-align: center; opacity: 0; visibility: hidden; transition: opacity 0.5s ease;}
.fix_area.is-show {opacity: 1; visibility: visible;}
.fix_area img{display: inline; width: auto;}


/* -----------------------------------------------------
 * SPデザイン
 * -------------------------------------------------- */

@media screen and (max-width: 767px) {
  .disp_pc{display:none !important;}
  .disp_sp{display:block !important;}
  .disp_in_pc{display:none !important;}
  .disp_in_sp{display:inline-block !important;}
  .br2{display:block; text-align:center;}
  body{min-width: 100%}

  .pc { display: none; }

  /*header*/
  header { position: relative; display: flex; flex-direction: column; justify-content: center; width: 100%; height: 10.8vw; padding: 0; }
  header .header_inner { width: 92%; max-width: 92%; margin:0 auto; }
  header ul { display: flex; justify-content: space-between; align-items: center; padding: 0; }
  header li.logo { margin-right:0; }
  header li.logo img { height:5.2vw; }
  header li.to_HP { margin-right:0; }
  header li a { position: relative; padding-left: 18px; font-size:2.4vw; }
  
  /*mv*/
  .mv { width: 100%; padding:0; background:url("/save/investment/kodomo_nisa/images/mv_bg_sp.png") center bottom no-repeat; background-size: cover; }
  .mv .mv_inner {max-width: 100%;}
  .mv .breadcrumbs{margin: 9px 4vw 0;}
  .mv .breadcrumbs li { margin-left:9px; font-size:2.666vw; }
  .mv .breadcrumbs a { font-size:2.666vw;}
  .mv_cont { margin-top: 6.666vw; background: none;}
  .mv_cont h1 img{width: 100%;}
  .mv_btnarea {margin: 4.8vw auto 0; width: 84%;}
  .mv_bnrarea {margin: 4.8vw auto 0; width: 92%;}
  
  /*アンカー*/
  .anc_area {margin:10.66vw auto 0; max-width: 92%; padding: 0;}
  .anc_list {display: flex; flex-wrap: wrap;}
  .anc_list li{width: 50%;}
  .anc_list li a{display: block; padding: 5.333vw 4vw 5.333vw 1.2vw; font-size: 3.733vw; border: 1px solid #b40914; background-size: 3.733vw auto;}
  .anc_list li:first-child a {border-radius: 10px 0 0 0;}
  .anc_list li:nth-child(2) a {border-radius:0 10px 0 0;}
  .anc_list li:nth-child(3) a {border-radius:0 0 0 10px;}
  .anc_list li:last-child a {border-radius: 0 0 10px 0;}
  .anc_list li a:hover {text-decoration: none; color: #fff; background:url("/save/investment/kodomo_nisa/images/icon01.png") no-repeat scroll 96% center #b40914; background-size: 3.733vw auto;}
  
  /*cont01*/
  .cont01 { margin: 14.666vw 0 0 0; padding: 10.666vw 0 10.666vw;}
  .cont_inner{margin: 0 auto; max-width: 92%;}
  .s_ttl{font-size:7.333vw;}
  .s_ttl::before {width: 70px;}
  .cont_txt {margin-top:9.333vw; font-size: 3.599vw;}
  .point_box{margin-top: 0; display: block;}
  .point_item {margin-top:9.333vw; width: 100%; padding: 0 5px 4vw 5px;}
  .point_item img{width: auto; display: inline;}
  .point_st {padding: 5px 25px; font-size: 2.666vw;}
  .point_ttl {font-size: 4.8vw; margin-top: 3vw;}
  .point_img{margin-top: 4vw;}
  .point_txt {margin-top: 4vw; font-size: 3.599vw;}
  .dif_box{margin-top: 21.333vw; padding: 0 0 8vw;}
  .dif_ttl{position: relative; top: -30px; color: #fff; text-align: center; font-weight: bold; font-size: 4.533vw; margin: 0 auto; width: 100%; background: #b40914; padding: 3vw;}
  .dif_ttl span {font-size:5.333vw;}
  .dif_flex {display: block; padding: 0; text-align: center;}
  .dif_flex img {width: 25%; margin-right: 0; margin-top:0; display: inline;}
  .dif_flex p{padding: 0 0 8vw 0; font-size: 3.5999vw; background:url("/save/investment/kodomo_nisa/images/cont02_img.png") no-repeat scroll left bottom; background-size: 100% auto; margin: 4vw 5vw 0;}
  
  .sub_ttl {font-size: 6vw; color: #000; font-weight: bold; padding-left: 15px; margin-top: 13.333vw; text-align: center;}
  .cmt {margin-top: 4vw; margin-right: -4vw}
  .gr01 img{margin-top: 0; max-width: 800px; width: 800px;}
  .img_box{margin-top: 4vw; text-align: center;}
  .img_box img{display: inline; width: 70%;}
  .cont_txt02{margin-top: 4vw;  font-size: 4.8vw;}
  .flex_box-c {display: flex; justify-content: space-between; margin-top: 4vw;}
  .flex_box-c_item {width: 48%; padding: 4vw 1vw;}
  .flex_box-c div:first-child{margin-right: 0;}
  .flex_box-c img{width: 30%; height: auto;}
  .fb_ttl{font-size: 4.399vw; margin-bottom: 10px;}
  .fb_txt{font-size: 3.599vw; margin-top: 10px;}
  
  /*tab*/
  .tab_area {margin-top: 6.666vw;}
  .tab{padding: 2.5vw 1vw; font-size: 3.466vw;}
  .content.show {padding: 6.666vw 4vw 2.666vw;}
  .tab_box{display: block;}
  .tab_box_item {width: 100%; padding: 4.5vw 5vw; text-align: center; display: flex; justify-content: space-between; align-items: center; margin-bottom: 4vw;}
  .tab_box_item img{width: 20%; display: inline;}
  .tab_box_item div {width: 76%;}
  .tab_box_ttl{font-size: 3.2vw; font-weight: 500; text-align: left; margin-top: 0;}
  .tab_box_txt{font-size: 3.2vw; text-align: left; margin-top: 2.5vw;}
  
  /*btnarea*/
  .btnarea{margin: 4.8vw auto 4vw; padding: 0; text-align: center; width: 84%;}
  
  /*cont02*/
  .cont02 { margin: 2.666vw 0 0 0; padding: 10.666vw 0 10.666vw;}
  .cont02_img{margin-top: 6.666vw;}
  .cont_note{margin: 1.5vw 0 0;}
  .cont_note li {font-size: 2.800vw;}
  
  /*cont03*/
  .cont03 { margin: 2.666vw 0 0 0; padding: 10.666vw 0 10.666vw;}
  .gr02 img{margin-top: 0; max-width: 800px; width: 800px;}
  .cmt.gr02 {margin-top: 6.666vw;}
  
  /*cont04*/
  .cont04 {margin: 2.666vw 0 0 0; padding: 10.666vw 0 10.666vw;}
  .cont04_img{margin-top: 4.666vw; }
  .need_box {margin: 4.666vw 0 0; padding: 4vw 3vw;}
  .need_ttl img{display: inline; width: 40%;}
  .need_txt {text-align: center; margin-top: 2vw; font-size: 3.599vw;}
  .need_flex {max-width: 96%; margin: 3vw auto 0;}
  .need_flex_item{margin: 0 1%; text-align: center;}
  .need_flex_item img{display: inline; width: clamp(80px, 20vw, 120px);}
  .need_flex_item p{margin-top: 1.5vw; font-size: 3.599vw;}
  .need_flex_item p span{font-size: 3.2vw;}
  .link_list{margin: 2vw 0 0 0;}
  .link_list li {font-size: 3.599vw; margin-bottom: 5px;}
  .link_list li a{font-size: 3.599vw;}
  
  /*cont05*/
  .cont05 {margin: 2.666vw 0 0 0; padding: 10.666vw 0 10.666vw;}
  .accordion {border: 2px solid #b40914; border-radius: 10px; padding: 5px 4vw; margin-bottom: 4vw;}
  .accordion.actop{margin-top: 9vw;}
  .accordion dt{padding: 2.8vw 0;}
  .accordion dt .f_q {font-size: 2.800vw; color: #b40914; margin-right:3vw;}
  .accordion dt .f_t {font-size: 3.599vw; padding-right: 25px;}
  .accordion dd {display: none;}
  .accordion dd div{display: flex; padding: 4vw 0;}
  .accordion dd span{font-size: 2.800vw; color: #b40914; margin-right: 20px;}
  .accordion dd p {font-size: 3.2vw; padding-right: 0;}
  .accordion dt::before{
    right: 0px;
    width: 14px;
  }
  .accordion dt::after{
    right: 0px;
    width: 14px;
  }
  .foot_cp {margin-top: 8vw; font-size: 2.800vw; margin-bottom: 20vw;}
  
  /*fix_area*/
  .fix_area {position: fixed; width: 100%; padding: 1.5vw 8vw; background: #fff; text-align: center;}
  .fix_area img{display: inline; width: auto;}
  
}

.c-contact__box a:hover {
  text-decoration: none;
}