@charset "shift_jis";
/* Updated 2025/10/24.T */
@font-face {
  font-family: "zen-kaku";
  font-weight: 500;
  src: url("/kojin/asset-management/sbi/toushi-start-guide/fonts/ZenKakuGothicNew-Medium.woff") format("woff");
}
@font-face {
  font-family: "zen-kaku";
  font-weight: bold;
  src: url("/kojin/asset-management/sbi/toushi-start-guide/fonts/ZenKakuGothicNew-Bold.woff") format("woff");
}
@font-face {
  font-family: "zen-kaku";
  font-weight: 400;
  src: url("/kojin/asset-management/sbi/toushi-start-guide/fonts/ZenKakuGothicNew-Regular.woff") format("woff");
}
@font-face {
  font-family: "zen-maru";
  src: url("/kojin/asset-management/sbi/toushi-start-guide/fonts/ZenMaruGothic-Medium.woff") format("woff");
}
@font-face {
  font-family: "zen-maru";
  font-weight: bold;
  src: url("/kojin/asset-management/sbi/toushi-start-guide/fonts/ZenMaruGothic-Bold.woff") format("woff");
}
@font-face {
  font-family: "roboto";
  font-weight: 500;
  src: url("/kojin/asset-management/sbi/toushi-start-guide/fonts/Roboto-Medium.woff") format("woff");
}
._t-maru{
  font-family: "zen-maru";
}
._t-Medium{
  font-weight: 500;
}
._t-Regular{
  font-weight: 400;
}
/*-----------------------
base
------------------------*/
body, button, input, select, textarea {
  font-family: "zen-kaku", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 500;
}
#footer-content {
  margin-top: 0;
}
._mt20{
  margin-top: 20px!important;
}
._mt30{
  margin-top: 30px!important;
}
._mt64{
  margin-top: 64px!important;
}
._mt80{
  margin-top: 80px!important;
}
hr{
  margin: 40px 0;
}
sup{
  font-size: .8em;
}
a{
  color: #017A4F;
}
a:visited {
  color: #017A4F;
}
#containment-area{
  background: #C4D700 url(/kojin/asset-management/sbi/toushi-start-guide/imgs/cmn_bg_01.png) repeat 0 0;
}
#footer-area.footer-fixed:not(.-close) #footer-content .footer-logo {
  padding-bottom: 100px;
}
/*-----------------------
common parts
------------------------*/
.btn-type01.-orange01 {
  background: #fd5e04;
}
.list-notice02>.item:not(:first-child),
.list-notice02>.item>.child>.detail:not(:first-child) {
  margin-top: 4px;
}
._t-gray01 {
  color: #56635F !important;
}
.icon-blank01>.inner>.item {
  width: 0.89em;
  height: 0.89em;
  margin-bottom: 0;
  vertical-align: -0.1em;
}
.icon-pdf01>.inner>.item{
  height: 1.38em;
  margin-bottom: 0;
  vertical-align: -0.3em;
}
/*card-normal01*/
.card-normal01{
  max-width: 940px;
  margin: 0 auto 0;
  border-radius: 8px;
}
.card-normal01:not(:first-child){
  margin-top: 24px;
}
.card-normal01>.inner>.body {
  padding: 24px 40px 40px;
}
.card-normal01>.inner>.body:not(:first-child)::before{
  width: 100%;
  left: 0;
}
.list-circle01>.item::before {
  top: .6em;
  width: 6px;
  height: 6px;
}
.toggle-block01.card-normal01>.inner>.header[role=tab]::after {
  top: calc(50% - 16px);
  right: 16px;
  width: 32px;
  height: 32px;
  background: url(/kojin/asset-management/sbi/toushi-start-guide/imgs/cmn_ico_07.svg) 0 0 / cover no-repeat;
  transform: rotate(180deg);
}
.toggle-block01.card-normal01>.inner>.header[role=tab][aria-selected=true]::after {
  transform: rotate(0deg);
}
.card-normal01>.inner>.header {
  padding: 18px 16px;
}
.card-normal01>.inner>.header>.title {
  font-size: 2.4rem;
  font-weight: bold;
}
[class*=card-normal]>.inner>.header>.title[class*=glyph-]>.inner {
  padding-left: 48px;
}
[class*=card-normal]>.inner>.header>.title[class*=glyph-]>.inner::before {
  top: 0em;
  width: 36px;
  height: 36px;
}
.text-hooray01>.inner{
  padding: 0 24px;
}
.text-hooray01>.inner::after, .text-hooray01>.inner::before{
  bottom: 0.8em;
}
[class^="content-wrap0"] + .card-normal01{
  margin-top: 80px;
}
/*notice*/
.list-notice01,
.list-notice02,
.list-circle01{
  font-weight: 400;
}
/*-----------------------
header
------------------------*/
.head-wrap01{
  position: fixed;
  left: 0;
  right: 0;
  top: 40px;
  z-index: 3;
  background: rgba(245, 248, 231, 0);
  transition: background-color 0.3s ease-in-out;
}
.head-wrap01.-bg{
  background: rgba(245, 248, 231, 1);
  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.08);
}
.head-area01{
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1320px;
  margin: 0 auto;
  padding: 16px 20px;
}
.head-area01>.ttl01{
  flex: 1;
  max-width: 243px;
  min-width: 180px;
}
.head-area01>.menu01{
  display: flex;
  font-family: "zen-maru";
}
.head-area01>.menu01>li{
  position: relative;
}
.head-area01>.menu01>li:not(:first-child){
  margin-left: 12px;
}
.head-area01>.menu01>li>a{
  display: block;
  padding: 16px;
  border-radius: 20px;
  background: rgba(217, 217, 217, 0);
  color: #141D1D;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .2s ease-in-out,color .2s ease-in-out;
}
.head-area01>.menu01>li>a>span{
  display: inline-block;
  position: relative;
  padding-right: 36px;
}
.head-area01>.menu01>li>a>span::after{
  display: block;
  content: '';
  position: absolute;
  top: calc(50% - 11px);
  right: 0;
  width: 24px;
  height: 24px;
  background: url(/kojin/asset-management/sbi/toushi-start-guide/imgs/cmn_ico_01.svg) no-repeat 0 0 / 100% 100%;
}
.head-area01>.menu01>li>a.-active,
.head-area01>.menu01>li>a:hover{
  background: rgba(217, 217, 217, 1);
  color: #56635F;
}
/*menu-anchor01*/
.head-area01 .menu-anchor01{
  display: none;
  position: absolute;
  top: 52px;
  left: 50%;
  padding-top: 22px;
  transform: translateX(-50%);
}
.head-area01 .menu-anchor01>ul{
  position: relative;
  border-radius: 24px;
  padding: 28px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.06);
  background: #fff;
}
.head-area01 .menu-anchor01>ul::before{
  display: block;
  content: '';
  position: absolute;
  top: -14px;
  left: 18%;
  width: 28px;
  height: 27px;
  background: url(/kojin/asset-management/sbi/toushi-start-guide/imgs/cmn_bg_08.svg) no-repeat 0 0 / 100%;
}
.head-area01 .menu-anchor01>ul>li{
  position: relative;
  padding-left: 16px;
}
.head-area01 .menu-anchor01>ul>li:not(:first-child){
  margin-top: 8px;
}
.head-area01 .menu-anchor01>ul>li::before{
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0.8em;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #C4D700;
}
.head-area01 .menu-anchor01>ul>li>a{
  display: block;
  padding: 4px 0;
  color: #141D1D;
  text-decoration: none;
  font-size: 1.6rem;
  font-family: "zen-kaku";
  font-weight: bold;
  white-space: nowrap;
}
/*-----------------------
kv-area01
------------------------*/
.kv-area01{
  position: relative;
  z-index: 2;
  margin: 14px auto 0;
  max-width: 1440px;
  padding: 0 20px 0;
  background: url(/kojin/asset-management/sbi/toushi-start-guide/imgs/cmn_bg_02.png) no-repeat center 0 /100%;
}
.kv-area01>.inner{
  display: flex;
  justify-content: space-between;
  max-width: 1280px;
  width: 91.43%;
  padding-bottom: 16%;
  margin: 0 auto;
}
.kv-area01>.inner>.item01{
  padding: 96px 0 0;
  width: 53.1%;
  text-align: center;
}
.kv-area01>.inner>.item01 .txt01{
  margin: 56px 0 0;
}
.kv-area01>.inner>.item02{
  position: relative;
  padding: 16px 0 0;
  width: 42.2%;
}
.kv-area01>.inner>.item02>.img02{
  position: absolute;
  top: 0;
}
/*stage1*/
.kv-area01.-stage1>.inner>.item02>.img02{
  right: -13px;
  padding-top: 82%;
  width: 59.81%;
}
/*stage2*/
.kv-area01.-stage2>.inner>.item02>.img02{
  right: 8px;
  padding-top: 87%;
  width: 51.11%;
}
/*stage3*/
.kv-area01.-stage3>.inner>.item02>.img02{
  right: 6px;
  padding-top: 90%;
  width: 50.18%;
}
/*-----------------------
bg-area01
------------------------*/
.bg-area01{
  max-width: 1440px;
  margin: -250px auto 0;
  padding: 356px 20px 30px;
  background: url(/kojin/asset-management/sbi/toushi-start-guide/imgs/cmn_bg_03.png) no-repeat center bottom,linear-gradient(#F5F9E6 50%, transparent 50%);
}
.bg-area01>.inner{
  max-width: 1140px;
  margin: 0 auto;
  padding: 40px 0 158px;
}
/*-----------------------
bg-area02
------------------------*/
.bg-area02{
  position: relative;
  z-index: 1;
  max-width: 1440px;
  margin: -286px auto 0;
  padding: 286px 20px 0;
  background: url(/kojin/asset-management/sbi/toushi-start-guide/imgs/cmn_bg_11.png) no-repeat center bottom,linear-gradient(#fff 50%, transparent 50%);
}
.bg-area02>.inner{
  max-width: 1140px;
  margin: 0 auto;
  padding: 40px 0 128px;
}
.bg-area02 + .bg-area01{
  margin: -106px auto 0;
  padding: 160px 20px 0;
}
.bg-area01>.inner{
  padding: 0 0 106px;
}
/*-----------------------
content-area01
------------------------*/
.content-area01{
  padding: 0 20px;
}
.content-area01>.inner{
  max-width: 1140px;
  margin: 0 auto;
  padding: 80px 0;
}
.kv-area01 + .content-area01>.inner{
  padding-top: 24px;
}
.bg-area01 + .content-area01>.inner{
  padding-top: 56px;
}
.bg-area02 + .bg-area01 + .content-area01>.inner{
  padding-top: 40px;
}
.content-area01>.inner>.toggle-block01.card-normal01>.inner>.header[role=tab]:focus{
  outline-color: #FFDB66;
}
/*-----------------------
content-area02
-------------------*/
.content-area02{
  padding: 0 20px;
  background: #FFDB66;
}
.content-area02>.inner{
  max-width: 1140px;
  margin: 0 auto;
  padding: 80px 0;
}
.content-area02>.inner.-wide{
  max-width: none;
  margin: 0 -20px;
  padding: 80px 0;
}
/*-----------------------
button01
------------------------*/
.button01{
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  max-width: 480px;
  width: 100%;
  padding: 4px 42px;
  min-height: 84px;
  border-radius: 50px;
  font-size: 2.4rem;
  font-weight: bold;
  text-decoration: none;
  transition: background-color .3s ease-in-out;
}
.button01::after{
  display: block;
  content: '';
  position: absolute;
  right: 14px;
  top: calc(50% - 15px);
  width: 30px;
  height: 30px;
  background: url(/kojin/cmn/imgs/ico_arrow_right_02.svg) no-repeat 0 0 / 100%;
}
.button01.-down::after{
  transform: rotate(90deg);
}
.button01.-down.-open::after{
  transform: rotate(-90deg);
}
.button01.-megane::after{
  display: none;
}
.button01.-megane>.inner{
  position: relative;
  padding-left: 36px;
}
.button01.-megane>.inner::after{
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: calc(50% - 14px);
  width: 28px;
  height: 28px;
  background: url(/kojin/asset-management/sbi/toushi-start-guide/imgs/cmn_ico_14.svg) no-repeat 0 0 / 100%;
}
.button01>.balloon{
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -22px;
  left: calc(50% - 103px);
  border-radius: 50px;
  width: 206px;
  height: 33px;
  background: #FFFCF2;
  text-align: center;
  color: #EE7800;
  font-weight: bold;
  font-size: 1.6rem;
  letter-spacing: .04em;
}
.button01>.balloon::after {
  display: block;
  content: '';
  position: absolute;
  bottom: -6px;
  left: calc(50% - 8px);
  width: 16px;
  height: 12px;
  background: #FFFCF2;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.button01>.balloon.-size01{
  left: calc(50% - 146px);
  width: 292px;
}
.button01>.balloon.-size02{
  left: calc(50% - 115px);
  width: 230px;
}
.button01>.balloon.-size03{
  left: calc(50% - 146px);
  width: 292px;
}
/* color */
.button01.-orange01{
  background: #EE7800;
  color: #fff;
}
.button01.-orange02{
  background: #E95501;
  color: #fff;
}
.button01.-orange02>.balloon,
.button01.-orange02>.balloon::after{
  background: #FEF7E6;
  color: #E95501;
}
.button01.-green01{
  background: #118761;
  color: #fff;
}
.button01.-green02{
  background: #A0C81E;
  color: #fff;
}
.button01.-blue01{
  background: #0082DC;
  color: #fff;
}
.button01.-blue01>.balloon,
.button01.-blue01>.balloon::after{
  background: #F2F9FD;
  color: #0082DC;
}
/* size */
.button01.-size01{
  max-width: 372px;
  min-height: 64px;
  font-size: 2.0rem;
}
.button01.-size02{
  max-width: 280px;
  min-height: 40px;
  font-size: 1.6rem;
}
.button01.-size03{
  max-width: 372px;
  min-height: 64px;
  font-size: 2.0rem;
}
/*fixed*/
.fix-wrap01 .button-wrap01 {
  padding: 24px 0 0;
}
.fix-wrap01 .button01{
  max-width: 400px;
  min-height: 56px;
  font-size: 1.8rem;
}
.fix-wrap01 .button01>.balloon{
  top: -24px;
  left: calc(50% - 93px);
  width: 186px;
  font-size: 1.4rem;
}
/* close */
.button01.-close::after{
  display: none;
}
.button01.-close>.inner{
  position: relative;
  padding-left: 20px;
}
.button01.-close>.inner::after{
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: calc(50% - 8px);
  width: 16px;
  height: 16px;
  background: url(/kojin/asset-management/sbi/toushi-start-guide/imgs/cmn_ico_15.svg) no-repeat 0 0 / 100%;
}
/*-----------------------
button-wrap01
------------------------*/
.button-wrap01{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 22px 0 0;
}
.button-wrap01:not(:first-child) {
  margin-top: 56px;
}
/*-----------------------
button-wrap02
------------------------*/
.button-wrap02{
  display: flex;
  justify-content: center;
}
.button-wrap02:not(:first-child) {
  margin-top: 40px;
}
/*-----------------------
button-center01
------------------------*/
.button-center01{
  display: flex;
  justify-content: center;
  align-items: center;
}
/*-----------------------
content-wrap01
------------------------*/
.content-wrap01{
  margin: 56px 0 0;
  border-radius: 24px;
  padding: 56px 46px 145px;
  background: url(/kojin/asset-management/sbi/toushi-start-guide/imgs/cmn_bg_04.png) no-repeat center bottom / 100%,linear-gradient(#F5F9E6 calc(100% - 145px), transparent calc(100% - 145px));
}
.content-wrap01.-type01{
  padding-top: 40px;
  padding-bottom: 130px;
}
/*-----------------------
content-wrap02
------------------------*/
.content-wrap02{
  position: relative;
  margin: 56px 0 0;
  border-radius: 24px;
  padding: 56px 100px 80px;
  background:#FFFFFF;
}
.content-wrap02.-icon01{
  margin-top: 154px;
  padding-top: 88px;
}
.content-wrap01 + .content-wrap02.-icon01{
  margin-top: 158px;
}
.content-wrap02.-icon01>.icon{
  display: block;
  position: absolute;
  left: calc(50% - 124px);
  top: -106px;
  width: 248px;
  height: 244px;
  border-radius: 50%;
  padding-top: 40px;
  background:linear-gradient(#fff 50%, transparent 50%);
  text-align: center;
}
.content-wrap02.-icon01>.icon.-icon02{
  top: -116px;
}
.content-wrap02.-icon01>.icon img{
  width: 108px;
}
/*-wide01*/
.content-wrap02.-wide01{
  margin: 84px 0 0;
  border-radius: 4px;
  padding: 74px 0 80px;
}
.content-wrap02.-wide01>.inner{
  max-width: 1140px;
  margin: 0 auto;
}
.content-wrap02 + .content-area01 .content-wrap02.-icon01:first-child{
  margin-top: 74px;
}
/*-ttl01*/
.content-wrap02.-ttl01{
  margin-top: 124px;
  padding-top: 72px;
}
.content-wrap02.-ttl01 + .content-wrap02.-ttl01{
  margin-top: 104px;
}
/*-ttl02*/
.content-wrap02.-ttl02{
  margin-top: 86px;
  padding: 96px 26px 26px;
}
.content-wrap02.-ttl02 + .content-wrap02.-ttl02{
  margin-top: 95px;
}
.content-wrap02.-ttl02.-padding02{
  padding: 96px 100px 68px;
}
/*-----------------------
content-wrap03
------------------------*/
.content-wrap03{
  position: relative;
  margin: 80px 0 0;
  border-radius: 16px;
  padding: 56px 90px;
  background:#F5F9E6;
}
.content-wrap03 .content-width01{
  max-width: 830px;
  margin: 0 auto;
}
/*-----------------------
content-wrap04
------------------------*/
.content-wrap04{
  margin: 56px auto 0;
  padding: 109px 120px 20px;
  width: 940px;
  height: 804px;
  background: url(/kojin/asset-management/sbi/toushi-start-guide/imgs/cmn_bg_10.png) no-repeat center 0 / contain;
  text-align: center;
}
.content-wrap04.-type01{
  padding-top: 80px;
}
.content-wrap04>section>.text01{
  font-size: 4rem;
}
.content-wrap04>section>.text-wrap01>.text02{
  font-size: 2rem;
}
.content-wrap04>section>.text-wrap01>.text03{
  margin: 8px 0 0;
  font-size: 2rem;
}
.content-wrap04>section>.img01{
  margin: 32px 0 0;
}
/*-----------------------
column-wrap01
------------------------*/
.column-wrap01{
  display: flex;
  justify-content: center;
}
.column-wrap01>.item01:not(:first-child){
  border-left: 2px dashed #C4D700;
}
.column-wrap01.-boldline>.item01:not(:first-child){
  border-left: 3px dashed #C4D700;
}
.column-wrap01>.item01{
  flex: 1;
  padding: 0;
  text-align: center;
}
/*-----------------------
column-wrap02
------------------------*/
.column-wrap02{
  display: flex;
  justify-content: center;
}
.column-wrap02>.item01{
  flex: 1;
}
.column-wrap02>.item01:not(:first-child){
  margin-left: 24px;
}
.column-wrap02 .text-wrap01{
  margin-top: 20px;
}
.column-wrap02.-column2{
  justify-content: space-between;
}
.column-wrap02.-column2>.item01{
  max-width: 372px;
}
.column-wrap02.-column2-02>.item01{
  max-width: 340px;
}
.column-wrap02.-column2-02>.item01:not(:first-child){
  margin-left: 40px;
}
/*-----------------------
column-wrap03
------------------------*/
.column-wrap03{
  display: flex;
  justify-content: center;
  margin: 32px 0 0;
}
.column-wrap03>.item01{
  flex: 1;
}
.column-wrap03>.item01:not(:first-child){
  margin-left: 40px;
}
.column-wrap03.-column2>.item01{
  max-width: 400px;
}
.column-wrap03.-column2>.item01>.text01{
  letter-spacing: 0.04em;
}
/*-----------------------
column-wrap04
------------------------*/
.column-wrap04{
  display: flex;
  justify-content: center;
  margin: 32px 0 0;
}
.column-wrap04>.item01{
  flex: 1;
  width: 310px;
  text-align: center;
}
.column-wrap04>.item01>.item02>.text01{
  margin: 24px 0 0;
  font-size: 1.8rem;
  line-height: 1;
  color: #017A4F;
  font-weight: bold;
}
.column-wrap04>.item01>.item02>.text02{
  margin: 4px 0 0;
  font-size: 2.8rem;
  line-height: 1.4;
  font-weight: bold;
}
/*-----------------------
button-anchor01
------------------------*/
.button-anchor01{
  display: block;
  position: relative;
  padding: 0 4px 56px;
  font-size: 2rem;
  line-height: 1.4;
  letter-spacing: .04em;
  color: #141D1D!important;
  text-decoration: none;
  font-family: "zen-maru";
}
.button-anchor01 .text01{
  margin: 16px 0 0;
}
.button-anchor01::after{
  display: block;
  content: '';
  position: absolute;
  right: calc(50% - 16px);
  bottom: 0;
  width: 32px;
  height: 32px;
  background: url(/kojin/asset-management/sbi/toushi-start-guide/imgs/cmn_ico_02.svg) no-repeat 0 0 / 100% 100%;
  transition: bottom .2s ease-in-out;
}
/*-----------------------
ttl-txt01
------------------------*/
.ttl-txt01{
  font-size: 4.8rem;
  color: #017A4F;
  font-weight: bold;
  text-align: center;
  font-family: "zen-maru";
  line-height: 1.4;
}
.ttl-txt01>.inner{
  position: relative;
  display: inline-block;
}
.ttl-txt01>.inner>em{
  font-weight: bold;
  background: linear-gradient(transparent 70%, #F5F9E6 70%);
}
.ttl-txt01 .img01{
  position: absolute;
  right: -84px;
  bottom: -6px;
}
.ttl-txt01 .img02{
  position: absolute;
  left: -117px;
  bottom: 0px;
}
.ttl-txt01 .img03{
  position: absolute;
  right: -92px;
  bottom: -4px;
}
.ttl-txt01 .img04{
  position: absolute;
  left: -84px;
  bottom: 0px;
}
/*-----------------------
ttl-txt02
------------------------*/
.ttl-txt02{
  margin: 80px 0 0;
  font-size: 4rem;
  text-align: center;
  line-height: 1.4;
  font-weight: bold;
  letter-spacing: 0.04em;
}
section:first-child>.ttl-txt02{
  margin-top: 0;
}
.ttl-txt02>.inner{
  position: relative;
  display: inline-block;
}
.ttl-txt02>.inner img[class^="img"]{
  position: absolute;
}
.ttl-txt02.-type01{
  letter-spacing: 0em;
}
/*stage02*/
.ttl-txt02 .img01{
  right: -98px;
  bottom: -17px;
}
.ttl-txt02 .img02{
  right: -72px;
  bottom: -20px;
}
/*stage01*/
.ttl-txt02 .img03{
  right: -106px;
  bottom: -14px;
}
.ttl-txt02 .img04{
  left: -85px;
  bottom: -3px;
}
.ttl-txt02 .img05{
  right: -122px;
  bottom: -7px;
}
/*-----------------------
ttl-txt03
------------------------*/
.ttl-txt03{
  font-size: 3.2rem;
  line-height: 1.4;
  font-weight: bold;
  color: #118761;
}
.ttl-txt03.-type01{
  letter-spacing: 0.08em;
  font-family: "zen-maru";
  line-height: 1;
}
/*-----------------------
ttl-txt04
------------------------*/
.ttl-txt04{
  margin: 24px 0 0;
  font-size: 4.8rem;
  text-align: center;
  line-height: 1.4;
  font-weight: bold;
  letter-spacing: 0.04em;
  font-family: "zen-maru";
}
.ttl-txt04.-type01{
  letter-spacing: 0em;
}
section:first-child>.ttl-txt04:first-child{
  margin-top: 0;
}
/*-----------------------
ttl-img01
------------------------*/
.ttl-img01{
  text-align: center;
  margin-top: -128px;
}
.ttl-img01.-type01{
  margin-top: -122px;
}
.ttl-img01>.inner{
  position: relative;
  display: inline-block;
}
.ttl-img01 img[class^="img"]{
  position: absolute;
}
/*stage2*/
.ttl-img01 .img01{
  left: -106px;
  bottom: -6px;
}
.ttl-img01 .img02{
  right: -136px;
  bottom: 0px;
}
.ttl-img01 .img03{
  left: -84px;
  bottom: 0px;
}
/*stage1*/
.ttl-img01 .img04{
  right: -102px;
  bottom: 14px;
}
.ttl-img01 .img05{
  left: -139px;
  bottom: 31px;
}
.ttl-img01 .img06{
  right: -106px;
  bottom: 10px;
}
/*-----------------------
ttl-img02
------------------------*/
.ttl-img02{
  text-align: center;
}
.ttl-img02>.inner{
  position: relative;
  display: inline-block;
}
.ttl-img02 img[class^="img0"]{
  position: absolute;
}
/*stage1*/
.ttl-img02 .img01{
  left: 50px;
  top: -70px;
}
/*-----------------------
text-wrap01
------------------------*/
.text-wrap01{
  margin: 24px 0 0;
  line-height: 1.8;
  letter-spacing: .04em;
}
.text-wrap01:first-child{
  margin-top: 0;
}
.text-balloon01 + .text-wrap01{
  margin-top: 48px;
}
/*-----------------------
text-wrap02
------------------------*/
.text-wrap02{
  margin: 24px 0 0;
  line-height: 1.8;
  letter-spacing: .04em;
}
/*-----------------------
card-wrap01
------------------------*/
.card-wrap01{
  margin: 40px 0 0;
  padding: 48px 63px;
  border-radius: 16px;
  border: 2px dashed #FFDB66;
  background: #FFFCF2;
}
.card-wrap01.-ttl01{
  position: relative;
  margin-top: 68px;
  padding-top: 60px;
  padding-bottom: 32px;
}
.card-wrap01.-ttl01>.ttl{
  position: absolute;
  top: -28px;
  left: 0;
  right: 0;
  text-align: center;
}
.card-wrap01.-ttl01>.ttl>p{
  display: inline-flex;
  align-items: center;
  margin: 0 auto;
  min-height: 56px;
  padding: 4px 48px;
  border-radius: 50px;
  border: 2px dashed #FFDB66;
  background: #FFFCF2;
  font-size: 2.4rem;
  line-height: 1;
  letter-spacing: .08em;
  font-weight: bold;
  font-family: "zen-maru";
}
.card-wrap01.-padding01{
  padding-left: 24px;
  padding-right: 24px;
}
.card-wrap01.-padding02{
  padding: 40px 58px;
}
.card-wrap01.-padding03{
  padding-top: 52px;
}
.img-layout04 + .card-wrap01{
  margin-top: 75px;
}
/*-----------------------
card-wrap02
------------------------*/
.card-wrap02{
  position: relative;
  margin: 80px auto 0;
  max-width: 720px;
  padding: 25px 63px;
  border-radius: 18px;
  background: #FFFCF2;
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.8;
  letter-spacing: 0.04em;
}
.card-wrap02::before{
  display: block;
  content: '';
  position: absolute;
  left: calc(50% - 56px);
  top: -56px;
  width: 112px;
  height: 112px;
  background: url(/kojin/asset-management/sbi/toushi-start-guide/imgs/cmn_ico_16.svg) no-repeat 0 0 / 100%;
}
/*-----------------------
text-layout01
------------------------*/
.text-layout01{
  margin: 20px 0 0;
  font-size: 2.4rem;
  line-height: 1.4;
  text-align: center;
  font-weight: bold;
  font-family: "zen-maru";
}
.text-layout01>span>em{
  background: linear-gradient(transparent 70%, #FFEDB3 70%);
  font-weight: bold;
}
.column-wrap02 .text-layout01{
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.8em;
}
.column-wrap02.-column2 .text-layout01{
  letter-spacing: 0.04em;
}
/*-----------------------
text-balloon01
------------------------*/
.text-balloon01{
  margin: 48px 0 0;
}
.text-balloon01:first-child{
  margin-top: 0;
}
.text-balloon01>p{
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 382px;
  height: 60px;
  margin: 0 auto;
  border-radius: 50px;
  background: #A0C81E;
  font-size: 2.4rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: .04em;
}
.text-balloon01>p::after {
  display: block;
  content: '';
  position: absolute;
  bottom: -10px;
  left: calc(50% - 10px);
  width: 20px;
  height: 17px;
  background: #A0C81E;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.text-balloon01.-green01>p,
.text-balloon01.-green01>p::after {
  background: #017A4F;
}
.text-balloon01.-gray01>p,
.text-balloon01.-gray01>p::after {
  background: #E8E8E8;
  color: #141D1D;
}
.text-balloon01.-size01{
  text-align: center;
}
.text-balloon01.-size01>p{
  display: inline-flex;
  min-width: 350px;
  width: auto;
  padding: 0 32px;
}
.text-balloon01.-size02{
  margin-top: 40px;
}
.text-balloon01.-size02>p{
  width: 720px;
  min-height: 64px;
  font-size: 2.4rem;
}
/*-----------------------
notice-center01
------------------------*/
.notice-center01{
  text-align: center;
}
.notice-center01>ul{
  display: inline-block;
  text-align: left;
}
/*-----------------------
notice-center02
------------------------*/
.notice-center02{
  max-width: 720px;
  margin: 32px auto 0;
  text-align: center;
}
.notice-center02>ul{
  display: inline-block;
  text-align: left;
}
/*-----------------------
list-layput01
------------------------*/
.list-layput01{
  margin: 48px 0 0;
  border-radius: 16px;
  background: #F5F9E6;
}
.list-layput01>.item{
  display: flex;
  justify-content: flex-start;
  padding: 48px 58px;
}
.list-layput01>.item:first-child{
  padding-bottom: 40px;
}
.list-layput01>.item:not(:first-child){
  background: url(/kojin/asset-management/sbi/toushi-start-guide/imgs/cmn_bg_05.png) no-repeat center 0;
}
.list-layput01>.item>.img01{
  width: 88px;
  margin-right: 24px;
}
.list-layput01>.item>.text01{
  flex: 1;
  font-size: 1.8rem;
  letter-spacing: .04em;
  line-height: 1.8;
}
.list-layput01>.item .ttl01{
  position: relative;
  padding-left: 100px;
  margin-bottom: 12px;
  font-size: 3.2rem;
  letter-spacing: .04em;
  line-height: 1.4;
  color: #017A4F;
  font-weight: bold;
}
.list-layput01>.item .ttl01>.icon01{
  position: absolute;
  left: 0;
  top: 0;
}
/*-----------------------
talk-layout01
------------------------*/
.talk-layout01{
  margin: 40px 0 0;
  font-size: 2rem;
  letter-spacing: .04em;
  line-height: 1.4;
}
.talk-layout01>li{
  display: flex;
  align-items: flex-end;
}
.talk-layout01>li:not(:first-child){
  margin-top: 24px;
}
.talk-layout01>li:nth-child(2n+3){
  margin-top: 40px;
}
.talk-layout01>li>.text01{
  display: flex;
  flex: 1;
  padding-bottom: 12px;
}
.talk-layout01>li:nth-child(odd)>.text01{
  justify-content: flex-end;
  font-family: "zen-maru";
  font-weight: bold;
}
.talk-layout01>li>.text01>.inner{
  position: relative;
}
.talk-layout01>li>.text01>.inner::after{
  display: block;
  content: '';
  position: absolute;
  bottom: -12px;
  width:27px;
  height: 21px;
}
.talk-layout01>li:nth-child(odd)>.text01>.inner{
  padding: 20px 32px;
  border-radius: 50px;
  background: #D5DEDB;
}
.talk-layout01>li:nth-child(odd)>.img01{
  margin-left: 16px;
}
.talk-layout01>li:nth-child(even)>.text01>.inner{
  padding: 24px 32px;
  max-width: 766px;
  border-radius: 16px;
  background: #F8F4E1;
  font-size: 1.8rem;
  letter-spacing: 0;
  line-height: 1.8;
}
.talk-layout01>li:nth-child(even)>.img01{
  margin-right: 16px;
}
.talk-layout01>li:nth-child(odd)>.text01>.inner::after{
  right: 32px;
  background: url(/kojin/asset-management/sbi/toushi-start-guide/imgs/cmn_bg_06.svg) no-repeat 0 0 / 100%;
}
.talk-layout01>li:nth-child(even)>.text01>.inner::after{
  left: 32px;
  background: url(/kojin/asset-management/sbi/toushi-start-guide/imgs/cmn_bg_07.svg) no-repeat 0 0 / 100%;
}
/*-----------------------
img-layout01
------------------------*/
.img-layout01{
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  margin: 48px 0 0;
}
.img-layout01>.img01{
  margin-left: 92px;
}
.img-layout01>.body{
  flex: 1;
}
/*-----------------------
img-layout02
------------------------*/
.img-layout02{
  display: flex;
  justify-content: space-between;
}
.img-layout02>.item01{
  flex: 1;
}
.img-layout02>.item02{
  width: 400px;
  margin-left: 50px;
}
.img-layout02>.item01>.text01{
  margin: 32px 0 0;
  font-size: 4rem;
  line-height: 1.4;
  letter-spacing: .04em;
  font-weight: bold;
}
.img-layout02>.item01>.text02{
  margin: 24px 0 0;
  font-size: 2rem;
  line-height: 1.8;
}
/*-----------------------
img-layout03
------------------------*/
.img-layout03{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 48px 0 0;
}
.img-layout03>.item01{
  flex: 1;
}
.img-layout03>.item02{
  max-width: 504px;
  width: 54%;
  margin-left: 44px;
}
/*-----------------------
img-layout04
------------------------*/
.img-layout04{
  position: relative;
  margin: 40px auto 0;
  padding-right: 192px;
  max-width: 542px;
}
.img-layout04>.item02{
  position: absolute;
  right: 0;
  top: 0;
  width: 160px;
}
.img-layout04>.item01{
  max-width: 350px;
}
.img-layout04>.item03{
  max-width: 350px;
  margin: 20px 0 0;
}
/*-----------------------
text-layout02
------------------------*/
.text-layout02{
  margin: 62px 0 0;
}
.text-layout02>.tel-wrap01{
  margin: 32px 0 0;
  text-align: center;
}
.text-layout02>.tel-wrap01>.inner{
  display: inline-block;
  text-align: left;
}
.text-layout02>.tel-wrap01>.inner>p{
  margin: 16px 0 0;
  line-height: 1.8;
  letter-spacing: 0.04em;
  font-size: 1.6rem;
}
.text-layout02>.tel-wrap01>.inner>ul>li{
  margin: 16px 0 0;
  line-height: 1;
}
.text-layout02>.tel-wrap01>.inner>ul>li:first-child{
  margin: 0;
}
.text-layout02>.tel-wrap01>.inner>ul>li>.text01{
  font-size: 2rem;
  letter-spacing: 0.04em;
}
.text-layout02>.tel-wrap01>.inner>ul>li>.text02{
  margin-left: 16px;
  font-size: 4rem;
  letter-spacing: 0.04em;
  color: #118761;
  font-weight: bold;
  font-family: "zen-maru";
  vertical-align: -.1em;
}
.text-layout02>.tel-wrap01>.inner>ul>li>.text03{
  display: inline-block;
  width: 50px;
  padding: 4px 0;
  margin-left: 16px;
  border-radius: 10px;
  background: #E8E8E8;
  font-size: 1.6rem;
  letter-spacing: 0.04em;
  text-align: center;
  vertical-align: .1em;
}
/*-----------------------
text-layout03
------------------------*/
.text-layout03{
  margin: 32px auto 0;
  max-width: 694px;
}
.text-layout03>.item01:not(:first-child){
  margin: 28px 0 0;
}
.text-layout03>.item01>.head{
  position: relative;
  padding-left: 48px;
  color: #118761;
  font-family: "zen-maru";
  font-size: 2.8rem;
}
.text-layout03>.item01>.head>em{
  background: linear-gradient(transparent 70%, #F5F9E6 70%);
  font-weight: bold;
}
.text-layout03>.item01>.head::before{
  display: flex;
  align-items: center;
  justify-content: center;
  content: attr(data-num);
  position: absolute;
  left: 0;
  top: 0.1em;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #118761;
  font-family: roboto;
  color: #fff;
  font-weight: bold;
  font-size: 2.2rem;
  line-height: 1;
}
.text-layout03>.item01>.body{
  margin: 16px 0 0;
  font-size: 1.8rem;
}
/*-----------------------
qa-wrap01
------------------------*/
.qa-wrap01{
  max-width: 940px;
  margin: 40px auto 0;
}
.qa-wrap01>.item01>.head>a{
  display: block;
  position: relative;
  border-radius: 16px;
  padding: 20px 64px 20px 72px;
  background: #fff;
  text-decoration: none;
  color: #141D1D;
  font-size: 2rem;
}
.qa-wrap01>.item01:not(:first-child){
  margin: 24px 0 0;
}
.qa-wrap01>.item01>.head>a::before{
  display: block;
  content: '';
  position: absolute;
  left: 24px;
  top: calc(50% - 16px);
  width: 32px;
  height: 32px;
  background: url(/kojin/asset-management/sbi/toushi-start-guide/imgs/cmn_ico_03.svg) no-repeat 0 0 / 100%;
}
.qa-wrap01>.item01>.head>a::after{
  display: block;
  content: '';
  position: absolute;
  right: 24px;
  top: calc(50% - 12px);
  width: 24px;
  height: 24px;
  background: url(/kojin/asset-management/sbi/toushi-start-guide/imgs/cmn_ico_05.svg) no-repeat 0 0 / 100%;
}
.qa-wrap01>.item01>.head[aria-selected="true"]>a::after{
  background: url(/kojin/asset-management/sbi/toushi-start-guide/imgs/cmn_ico_06.svg) no-repeat 0 0 / 100%;
}
.qa-wrap01>.item01>.body{
  position: relative;
  margin: 16px 0 0;
  border-radius: 16px;
  padding: 20px 64px 20px 72px;
  background: #FFFCF2;
  text-decoration: none;
  color: #141D1D;
  font-size: 1.8rem;
  line-height: 1.8;
}
.qa-wrap01>.item01>.body::before{
  display: block;
  content: '';
  position: absolute;
  left: 24px;
  top: 1.1em;
  width: 32px;
  height: 32px;
  background: url(/kojin/asset-management/sbi/toushi-start-guide/imgs/cmn_ico_04.svg) no-repeat 0 0 / 100%;
}
.qa-wrap01>.item01>.body p:not(:first-child){
  margin-top: 1em;
}
.qa-wrap01>.item01>.body a{
  font-weight: bold;
}
.qa-wrap01 .img-w01{
  max-width: 263px;
}
/*-----------------------
slick-track
------------------------*/
.fn-carousel01{
  margin: 42px 0 0;
}
.fn-carousel01 .slick-track{
  display: flex;
}
.fn-carousel01 .slick-track>.item01{
  float: none;
  margin: 0 12px;
  height: auto;
}
.fn-carousel01 .slick-track>.item01 img{
  border-radius: 16px;
}
.fn-carousel01.user-wrap01 .slick-track>.item01{
  margin: 0 20px;
}
/*slick-alow*/
.slick-alow{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 52px 0 12px;
}
.slick-alow>.inner{
  position: relative;
  padding: 0 68px;
}
.slick-alow .slick-dots{
  position: static;
  display: flex;
  justify-content: center;
  align-items: center;
}
.slick-alow li:not(:first-child){
  margin-left: 24px;
}
.slick-alow li button{
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #D9D9D9;
}
.user-wrap01 + .slick-alow li button{
  background: #56635F;
}
.slick-alow li.slick-active button{
  display: block;
  background: #017A4F;
}
.slick-alow .slick-next,
.slick-alow .slick-prev{
  top: calc(50% - 18px);
  width: 36px;
  height: 36px;
  background: url(/kojin/asset-management/sbi/toushi-start-guide/imgs/cmn_ico_02.svg) no-repeat 0 0 / 100%;
}
.slick-alow .slick-next{
  right: 0;
  transform: rotate(-90deg);
}
.slick-alow .slick-prev{
  left: 0;
  transform: rotate(90deg);
}
/*-----------------------
fn-view
------------------------*/
.fn-view,
.fn-view-single{
  opacity: 0;
}
.fn-view.-show,
.fn-view-single.-show{
  animation: show01 .6s 0s ease-in-out forwards;
}
@keyframes show01 {
  0% {
    opacity: 0;
    transform: translate(0 , 30px);
  }
  50%{
    opacity: 1;
    transform: translate(0 , -10px);
  }
  100% {
    opacity: 1;
    transform: translate(0 , 0);
  }
}
/*----------------------------------------------
fix-wrap01
----------------------------------------------*/
.fix-wrap01{
  display: none;
  opacity: 0;
  position: fixed;
  bottom: -10px;
  right: 0;
  left: 0;
  z-index: 3;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px -2px 16px 0px rgba(0, 0, 0, 0.08);
}
.fix-wrap01>.inner {
  padding: 8px 40px 18px;
}
.fix-wrap01.-show{
  display: block;
  animation: show01 .6s 0s ease-in-out forwards;
}
/*-----------------------
card-layout01
------------------------*/
.card-layout01{
  text-align: center;
}
.card-layout01>.img01{
  margin: 16px 0 0;
}
.card-layout01>.text01{
  margin: 16px 0 0;
  font-weight: bold;
  font-size: 3.2rem;
  letter-spacing: 0.04em;
  line-height: 1.4;
  font-family: "zen-maru";
}
.card-layout01>.btn01{
  margin: 24px 0 0;
}
.card-layout01>.btn01>a{
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  max-width: 240px;
  margin: 0 auto;
  width: 100%;
  min-height: 48px;
  border-radius: 50px;
  background: #FFDB66;
  font-size: 1.6rem;
  color: #141D1D;
  font-weight: bold;
  text-decoration: none;
}
.card-layout01>.btn01>a::after{
  display: block;
  content: '';
  position: absolute;
  right: 16px;
  top: calc(50% - 7px);
  width: 14px;
  height: 14px;
  background: url(/kojin/asset-management/sbi/toushi-start-guide/imgs/cmn_ico_13.svg) no-repeat 0 0 / 100%;
}
.card-layout01>.text02{
  margin: 16px 0 0;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.04em;
}
.card-layout01>.text02.-line2{
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3.6em;
}
.card-layout01>.text03{
  margin: 0;
  font-size: 2rem;
  line-height: 1.8;
  letter-spacing: 0.04em;
  font-weight: bold;
  font-family: "zen-maru";
}
/*-----------------------
card-layout02
------------------------*/
.card-layout02{
  text-align: center;
}
.card-layout02>.img01{
  margin: 0;
}
.card-layout02>.text01{
  margin: 0;
  font-size: 2rem;
  line-height: 1.8;
  letter-spacing: 0.04em;
  font-weight: bold;
  font-family: "zen-maru";
}
/*-----------------------
modal
------------------------*/
.modal-block01.-type01{
  border-radius: 16px;
  background: none;
  box-shadow: none;
}
.modal-block01.-type01>.inner>.header{
  padding: 12px 0;
  background: #fff;
}
.modal-block01.-type01>.inner>.body{
  padding: 0;
  margin: 0;
}
.modal-block01.-type01>.inner>.header>.title>.inner{
  font-size: 1.6rem;
  color: #017A4F;
}
.modal-block01.-type01>.inner>.header>.btn{
  opacity: 0;
  pointer-events: none;
}
/*-----------------------
table-wrap01
------------------------*/
.table-wrap01{
  border: 1px solid #B3C8C1;
  border-radius: 0 0 16px 16px;
  overflow: hidden;
}
.table-wrap01>table{
  width: 100%;
}
.table-wrap01>table>tbody>tr>th{
  width: 162px;
  padding: 16px;
  border-top: 1px solid #B3C8C1;
  background: #017A4F;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
}
.table-wrap01>table>tbody>tr>td{
  padding: 16px;
  border: 1px solid #B3C8C1;
  border-width: 1px 0 0 1px;
  background: #F5F9E6;
  font-size: 1.4rem;
  font-weight: 500;
}
.table-wrap01>table>tbody>tr:first-child>th,
.table-wrap01>table>tbody>tr:first-child>td{
  border-top: none;
}
/*-----------------------
user-wrap01
------------------------*/
.user-wrap01{
  display: flex;
  justify-content: center;
  margin: 40px 0 0;
}
.user-wrap01 .item01{
  border-radius: 16px;
  max-width: 584px;
  padding: 40px;
  background: #fff;
}
.user-wrap01 .item01 .ttl01{
  color: #017A4F;
  font-weight: bold;
  font-size: 3.2rem;
  line-height: 1.4;
}
.user-wrap01 .item01 .tag01{
  display: flex;
}
.user-wrap01 .item01 .tag01>li{
  margin: 4px 8px 0 0;
  padding: 8px 12px;
  border-radius: 50px;
  background: #F5F9E6;
  color: #004831;
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: 0.04em;
}
.user-wrap01 .item01 .user{
  display: flex;
  margin: 32px 0 0;
}
.user-wrap01 .item01 .user>.img01{
  width: 85px;
  margin-right: 16px;
}
.user-wrap01 .item01 .user>.text01{
  flex: 1;
}
.user-wrap01 .item01 .user>.text01>p{
  font-size: 1.8rem;
  line-height: 1.8;
  letter-spacing: 0.04em;
}
.user-wrap01 .item01 .user>.text01>p>em{
  font-size: 4rem;
  line-height: 1;
  font-family:'roboto';
  font-weight: 500;
}
/*-----------------------
user-text01
------------------------*/
.user-text01{
  margin: 36px 0 0;
}
.user-text01 + .user-text01{
  margin-top: 28px;
}
.user-text01>.head{
  position: relative;
  padding-left: 40px;
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 1;
}
.user-text01>.head>.img01{
  position: absolute;
  left: 0;
  top: -0.2em;
}
.user-text01>.body{
  margin: 16px 0 0;
  font-size: 1.8rem;
  line-height: 1.8;
  letter-spacing: 0.04em;
}
.user-text01>.body>ul>li{
  position: relative;
  padding-left: 24px;
}
.user-text01>.body>ul>li::before{
  display: block;
  content: '';
  position: absolute;
  left: 8px;
  top: 0.8em;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #C4D700;
}
.user-text01>.body>ul>li:not(:first-child){
  margin-top: 4px;
}
@media screen and (min-width: 1440px) {
  .kv-area01{
    max-width: none;
    background-size: 100% 100%;
  }
  .kv-area01>.inner{
    padding-bottom: 219px;
  }
  /*-----------------------
  bg-area01
  ------------------------*/
  .bg-area01{
    max-width: none;
    background-size: 100% 870px , auto;
  }
  /*-----------------------
  bg-area02
  ------------------------*/
  .bg-area02{
    max-width: none;
    background-size: 100% 870px , auto;
  }
}
@media screen and (min-width: 768px) {
  /*-----------------------
  hover
  ------------------------*/
  .button01.-orange01:hover{
    background: #E95501;
  }
  .button01.-orange02:hover{
    background: #EE7800;
  }
  .button01.-green01:hover{
    background: #006444;
  }
  .button01.-blue01:hover{
    background: #006DB8;
  }
  .button-anchor01:hover::after{
    bottom: -6px;
  }
  .head-area01 .menu-anchor01>ul>li>a:hover{
    text-decoration: underline;
  }
  /*-----------------------
  header-fixed
  ------------------------*/
  #header-wrap{
    position: fixed;
    left: 0 !important;
    right: 0;
    top: 0 !important;
    z-index: 3;
  }
  #main-area{
    padding-top: 141px;
  }
}
@media screen and (min-width: 1025px) {
  .head-wrap01 .menu02,
  .head-area01>.menu01>li>.sp-open01,
  .head-wrap01 .button-wrap01,
  .sp-head-menu01,
  .sp-tabmenu-wrap{
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  #main-area {
    padding-top: 124px;
  }
  ._pc-content02{
    display: none;
  }
  /*-----------------------
  header-wrap
  ------------------------*/
  #header-wrap{
    top: 0!important;
    left: 0!important;
  }
  .head-wrap01{
    display: none;
    bottom: 0;
    top: 40px;
    z-index: 4;
    background: #FFDB66 !important;
    animation: none;
    opacity: 1;
  }
  .head-wrap01.-show{
    animation: none;
  }
  .head-area01{
    display: block;
    height: 100%;
    overflow-y: auto;
  }
  .head-area01>.ttl01{
    width: 150px;
    min-width: 0;
  }
  .head-area01>.menu01 {
    display: block;
    margin: 40px 0 0;
  }
  .head-area01>.menu02{
    position: absolute;
    right: 16px;
    top: 14px;
  }
  .head-area01>.menu01>li:not(:first-child){
    margin: 0;
  }
  .head-area01>.menu01>li>a{
    padding: 20px 0;
    border-bottom: 1px dashed #118761;
    border-radius: 0;
    background: none!important;
    color: #000000!important;
  }
  .head-area01>.menu01>li>a>span{
    display: block;
    padding-right: 30px;
    padding-left: 20px;
  }
  .head-area01>.menu01>li>a>span::before{
    display: block;
    content: '';
    position: absolute;
    left: 7px;
    top: .5em;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #118761;
  }
  .head-area01>.menu01>li>.sp-open01{
    display: block;
    position: absolute;
    right: 0;
    top: 16px;
    width: 30px;
    height: 30px;
    padding: 3px 0 3px 6px;
    background: url(/kojin/asset-management/sbi/toushi-start-guide/imgs/cmn_ico_06.svg) no-repeat right center / 24px 24px;
  }
  .head-area01>.menu01>li>.sp-open01>img{
    display: block;
  }
  .head-area01>.menu01>li>.sp-open01.-active>img{
    opacity: 0;
  }
  .head-area01>.menu01>li>a>span::after{
    display: none;
  }
  .head-area01 .menu-anchor01.-open{
    display: block;
  }
  .head-area01 .menu-anchor01{
    position: static;
    padding: 0;
    transform: translateX(0);
  }
  .head-area01 .menu-anchor01>ul {
    border-radius: 0;
    padding: 16px 0 16px 20px;
    box-shadow: none;
    background: none;
  }
  .head-area01>.menu01>li:last-child .menu-anchor01>ul{
    padding-bottom: 0;
  }
  .head-area01 .menu-anchor01>ul::before{
    display: none;
  }
  .head-area01 .menu-anchor01>ul>li {
    padding-left: 0;
  }
  .head-area01 .menu-anchor01>ul>li::before{
    display: none;
  }
  .head-area01 .button-wrap01:not(:first-child){
    margin: 32px 0 0;
  }
  .head-area01 .menu-anchor01>ul>li>a{
    white-space: normal;
  }
  /*-----------------------
  sp-head-menu01
  ------------------------*/
  .sp-head-menu01{
    position: fixed;
    top: 40px;
    left: 0;
    right: 0;
    z-index: 3;
    background: rgba(245, 248, 231, 0);
    transition: background-color 0.3s ease-in-out;
  }
  .sp-head-menu01.-bg{
    background: rgba(245, 248, 231, 1);
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.08);
  }
  /*-----------------------
  sp-tabmenu-wrap
  ------------------------*/
  .sp-tabmenu-wrap{
    padding: 0 16px;
    margin: 8px 0 20px;
  }
  .sp-tabmenu-wrap>.inner{
    display: flex;
    justify-content: center;
  }
  .sp-tabmenu-wrap>.inner>.item{
    flex: 1;
  }
  .sp-tabmenu-wrap>.inner>.item:not(:first-child){
    margin-left: 8px;
  }
  .sp-tabmenu-wrap>.inner>.item>a{
    display: block;
    position: relative;
    padding: 8px 8px 32px;
    border-radius: 20px;
    background: #fff;
    text-decoration: none;
    color: #141D1D;
    font-family: "zen-maru";
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1.2;
    text-align: center;
  }
  .sp-tabmenu-wrap>.inner>.item>a::after{
    display: block;
    content: '';
    position: absolute;
    bottom: 8px;
    left: calc(50% - 10px);
    width: 20px;
    height: 20px;
    background: url(/kojin/asset-management/sbi/toushi-start-guide/imgs/cmn_ico_02.svg) no-repeat 0 0 / 100%;
  }
  .sp-tabmenu-wrap>.inner>.item>a.-active{
    background: #E8E8E8;
    color: #56635F;
    pointer-events: none;
  }
  .sp-tabmenu-wrap>.inner>.item>a.-active::after{
    background: url(/kojin/asset-management/sbi/toushi-start-guide/imgs/cmn_ico_12.svg) no-repeat 0 0 / 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  ._tb-content{
    display: block!important;
  }
  .content-wrap01 {
    padding: 56px 10px 145px;
  }
  .content-wrap02 {
    padding: 56px 50px 80px;
  }
  .content-wrap03 {
    padding: 56px 50px;
  }
  /*-----------------------
  ttl-txt02
  ------------------------*/
  .ttl-txt02 .img02{
    right: -30px;
    bottom: 60px;
  }
  /*-----------------------
  bg-area01
  ------------------------*/
  .bg-area01{
    margin: -380px auto 0;
  }
  /*-----------------------
  card-layout01
  ------------------------*/
  .card-layout01>.text01{
    font-size: 2.8rem;
  }
  /*-----------------------
  cutton-anchor01
  ------------------------*/
  .button-anchor01{
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 767px) {
  /*-----------------------
  common
  ------------------------*/
  .page-simple.-logoOnly #main-area {
    padding-top: 108px;
  }
  .card-normal01>.inner>.header>.title {
    font-size: 1.6rem;
    text-align: left;
  }
  .toggle-block01.card-normal01>.inner>.header[role=tab]>.title{
    padding-right: 24px;
  }
  [class*=card-normal]>.inner>.header>.title[class*=glyph-]>.inner{
    padding-left: 36px;
  }
  [class*=card-normal]>.inner>.header>.title[class*=glyph-]>.inner::before{
    width: 22px;
    height: 22px;
  }
  .toggle-block01.card-normal01>.inner>.header[role=tab]::after{
    top: calc(50% - 12px);
    width: 24px;
    height: 24px;
  }
  .card-normal01>.inner>.body {
    padding: 16px;
    font-size: 1.4rem;
  }
  #footer-area.footer-fixed:not(.-close) #footer-content .footer-logo {
    padding-bottom: 92px;
  }
  ._sp-mt00{
    margin-top: 0px!important;
  }
  ._sp-mt08{
    margin-top: 8px!important;
  }
  ._sp-mt12{
    margin-top: 12px!important;
  }
  ._sp-mt16{
    margin-top: 16px!important;
  }
  ._sp-mt20{
    margin-top: 20px!important;
  }
  ._sp-mt32{
    margin-top: 32px!important;
  }
  ._sp-mt36{
    margin-top: 36px!important;
  }
  [class^="content-wrap0"] + .card-normal01{
    margin-top: 32px;
  }
  #main-area.-stage{
    background: url(/kojin/asset-management/sbi/toushi-start-guide/imgs/cmn_bg_12_sp.png) no-repeat 0 36px / 44.26%;
  }
  /*-----------------------
  img-width
  ------------------------*/
  .img-width01{
    display: block;
    width: 91.54%;
    max-width: 450px;
    margin: 0 auto;
  }
  .img-width02{
    display: block;
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
  }
  /*-----------------------
  sp-head-menu01
  ------------------------*/
  .head-wrap01,
  .sp-head-menu01{
    top: 36px;
  }
  .sp-tabmenu-wrap>.inner>.item>a{
    height: 100%;
    font-size: 1.4rem;
  }
  /*-----------------------
  button01
  ------------------------*/
  .button-wrap01{
    padding-top: 18px;
  }
  .button01{
    padding: 8px 30px;
    max-width: 312px;
    min-height: 52px;
    font-size: 1.6rem;
  }
  .button01::after{
    top: calc(50% - 12px);
    width: 24px;
    height: 24px;
  }
  .button01>.balloon,
  .button01>.balloon.-size02{
    top: -18px;
    left: calc(50% - 75px);
    width: 150px;
    height: 24px;
    font-size: 1.2rem;
  }
  .button01>.balloon.-size01{
    left: calc(50% - 93px);
    width: 186px;
  }
  .button01>.balloon.-size03{
    left: calc(50% - 107px);
    width: 214px;
  }
  /*fixed*/
  .fix-wrap01 .button-wrap01 {
    padding: 18px 0 0;
  }
  .fix-wrap01 .button01{
    max-width: 312px;
    min-height: 52px;
    font-size: 1.6rem;
  }
  .fix-wrap01 .button01>.balloon{
    top: -18px;
    left: calc(50% - 75px);
    width: 150px;
    font-size: 1.2rem;
  }
  .text-hooray01>.inner::after,
  .text-hooray01>.inner::before{
    bottom: 0.8em;
    width: 16px;
    height: 1px;
  }
  .text-hooray01>.inner {
    padding: 0 18px;
  }
  /* size */
  .button01.-size01{
    min-height: 52px;
    margin: 0 auto;
    font-size: 1.6rem;
  }
  .button01.-size03{
    width: 100%;
    min-height: 40px;
    padding: 8px 12px;
    font-size: 1.4rem;
  }
  /*-----------------------
  header
  ------------------------*/
  .head-area01{
    padding: 16px;
  }
  .head-area01>.menu02 {
    top: 8px;
  }
  /*-----------------------
  kv-area01
  ------------------------*/
  .kv-area01{
    position: relative;
    padding: 0 4.26%;
    background: url(/kojin/asset-management/sbi/toushi-start-guide/imgs/cmn_bg_02_sp.png) no-repeat center bottom /100%;
  }
  .kv-area01>.inner{
    display: block;
    width: auto;
    padding-bottom: 20.26%;
    margin: 0 auto;
  }
  .kv-area01>.inner>.item01{
    position: relative;
    z-index: 1;
    padding:0;
    width: auto;
  }
  .kv-area01>.inner>.item01 .ttl01{
    position: absolute;
    top: 10.66vw;
  }
  .kv-area01>.inner>.item01 .txt01{
    position: absolute;
    margin: 0;
  }
  .kv-area01>.inner>.item02{
    position: static;
    padding: 0;
    width: auto;
  }
  /*stage1*/
  .kv-area01{
    background-size: 100% 90%;
  }
  .kv-area01.-stage1>.inner>.item02>.img02{
    top: 58.4vw;
    left: calc(50% - 35.86vw);
    padding-top: 0;
    width: 71.73vw;
  }
  .kv-area01.-stage1>.inner>.item01 .ttl01{
    left: calc(50% - 29.86vw);
    width: 59.73vw;
  }
  .kv-area01.-stage1>.inner>.item01 .txt01{
    left: calc(50% - 37.46vw);
    top: 35.46vw;
    width: 74.93vw;
  }
  /*stage2*/
  .kv-area01.-stage2>.inner>.item02>.img02{
    top: 77.6vw;
    left: calc(50% - 35.46vw);
    padding-top: 0;
    width: 70.92vw;
  }
  .kv-area01.-stage2>.inner>.item01 .ttl01{
    left: calc(50% - 24.93vw);
    width: 49.86vw;
  }
  .kv-area01.-stage2>.inner>.item01 .txt01{
    left: calc(50% - 36.93vw);
    top: 34.4vw;
    width: 73.86vw;
  }
  /*stage3*/
  .kv-area01.-stage3>.inner>.item02>.img02{
    top: 82.66vw;
    left: calc(50% - 34.8vw);
    padding-top: 0;
    width: 69.6vw;
  }
  .kv-area01.-stage3>.inner>.item01 .ttl01{
    left: calc(50% - 19.33vw);
    width: 38.66vw;
  }
  .kv-area01.-stage3>.inner>.item01 .txt01{
    left: calc(50% - 37.33vw);
    top: 40.8vw;
    width: 74.66vw;
  }
  /*----------------------------------------------
  fix-wrap01
  ----------------------------------------------*/
  .fix-wrap01>.inner {
    padding: 12px 12px 22px;
  }
  /*-----------------------
  content-area01
  ------------------------*/
  .content-area01{
    padding: 0 16px;
  }
  .kv-area01 + .content-area01>.inner{
    padding-top: 4px;
  }
  .content-area01>.inner{
    padding: 56px 0;
  }
  .content-area01>.inner.-sp-padding01{
    padding: 56px 0 36px;
  }
  .content-area01>.inner.-sp-padding02{
    padding: 32px 0 56px;
  }
  .bg-area01 + .content-area01>.inner{
    padding-top: 18px;
  }
  .bg-area02 + .bg-area01 + .content-area01>.inner{
    padding-top: 24px;
    padding-bottom: 32px;
  }
  /*-----------------------
  content-wrap01
  ------------------------*/
  .content-wrap01{
    margin: 24px 0 0;
    border-radius: 16px;
    padding: 24px 24px 16.9%;
    background: url(/kojin/asset-management/sbi/toushi-start-guide/imgs/cmn_bg_04_sp.png) no-repeat center bottom / 100%, linear-gradient(#F5F9E6 calc(100% - 100px), transparent calc(100% - 100px));
  }
  .content-wrap01.-type01{
    padding: 16px 24px 16.9%;
  }
  /*-----------------------
  column-wrap01
  ------------------------*/
  .column-wrap01{
    display: block;
  }
  .column-wrap01>.item01:not(:first-child){
    border: 2px dashed #C4D700;
    border-width: 2px 0 0;
    padding-top: 16px;
    margin-top: 16px;
  }
  .column-wrap01.-type01>.item01:not(:first-child){
    padding-top: 16px;
    margin-top: 24px;
  }
  .column-wrap01.-type02>.item01:not(:first-child){
    padding-top: 24px;
    margin-top: 24px;
  }
  .column-wrap01.-boldline>.item01:not(:first-child){
    border-left: none;
  }
  .column-wrap01>.item01{
    padding: 0;
    text-align: left;
  }
  /*-----------------------
  button-anchor01
  ------------------------*/
  .button-anchor01{
    display: flex;
    align-items: center;
    padding: 0 24px 0 0;
    font-size: 1.6rem;
  }
  .button-anchor01 .img01{
    width: 44px;
  }
  .button-anchor01 .text01{
    margin: 0 0 0 12px;
    flex: 1;
  }
  .button-anchor01::after{
    display: block;
    content: '';
    position: absolute;
    right: 0;
    bottom: calc(50% - 12px);
    width: 24px;
    height: 24px;
  }
  /*-----------------------
  content-wrap02
  ------------------------*/
  .content-wrap02{
    margin: 74px 0 0;
    border-radius: 16px;
    padding: 46px 24px 32px;
  }
  .content-wrap02.-icon01{
    margin-top: 74px;
    padding-top: 46px;
  }
  .content-wrap01 + .content-wrap02.-icon01{
    margin-top: 66px;
  }
  .content-wrap02.-icon01>.icon{
    left: calc(50% - 50px);
    top: -42px;
    width: 100px;
    height: 100px;
    padding-top: 20px;
  }
  .content-wrap02.-icon01>.icon.-icon02{
    top: -44px;
  }
  .content-wrap02.-icon01>.icon img{
    width: 44px;
  }
  .content-wrap02 .button-wrap01{
    margin: 32px -8px 0;
  }
  /*-wide01*/
  .content-wrap02.-wide01{
    margin: 20px 0 0;
    padding: 44px 0 32px;
  }
  .content-wrap02 + .content-area01 .content-wrap02.-icon01:first-child{
    margin-top: 20px;
  }
  /*sp*/
  .content-wrap02.-spwide{
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
    border-radius: 4px;
  }
  /*-ttl01*/
  .content-wrap02.-ttl01{
    margin-top: 54px;
    padding-top: 42px;
  }
  .content-wrap02.-ttl01 + .content-wrap02.-ttl01{
    margin-top: 56px;
  }
  /*-ttl02*/
  .content-wrap02.-ttl02{
    margin-top: 60px;
    padding-top: 54px;
    padding-bottom: 24px;
  }
  .content-wrap02.-ttl02 + .content-wrap02.-ttl02{
    margin-top: 48px;
  }
  .content-wrap02.-ttl02.-padding02{
    padding: 54px 24px 24px;
  }
  /*-----------------------
  ttl-txt01
  ------------------------*/
  .ttl-txt01{
    font-size: 2.4rem;
  }
  .ttl-txt01 .img01{
    width: 37px;
    right: -12px;
    top: -78px;
    bottom: auto;
  }
  .ttl-txt01 .img02{
    width: 68px;
    left: -20px;
    top: -90px;
    bottom: auto;
  }
  .ttl-txt01 .img03{
    width: 63px;
    right: 14px;
    top: -92px;
    bottom: auto;
  }
  .ttl-txt01 .img04{
    width: 41px;
    left: 10px;
    top: -102px;
    bottom: auto;
  }
  /*-----------------------
  text-wrap01
  ------------------------*/
  .text-wrap01{
    margin: 16px 0 0;
  }
  .text-balloon01 + .text-wrap01{
    margin-top: 10px;
  }
  /*-----------------------
  card-wrap01
  ------------------------*/
  .card-wrap01{
    margin: 24px 0 0;
    padding: 22px;
  }
  .card-wrap01.-ttl01{
    margin-top: 66px;
    padding-top: 58px;
  }
  .card-wrap01.-ttl01>.ttl{
    top: -22px;
  }
  .card-wrap01.-ttl01>.ttl>p{
    justify-content: center;
    min-height: 40px;
    width: 83.72%;
    padding: 4px 12px;
    font-size: 1.6rem;
    line-height: 1.4;
  }
  .card-wrap01.-ttl01>.ttl.-sp2line{
    top: -34px;
  }
  .card-wrap01.-ttl01>.ttl.-sp2line>p{
    min-height: 68px;
  }
  .card-wrap01.-padding02{
    padding: 22px;
  }
  .card-wrap01.-padding03{
    margin-top: 43px;
    padding: 41px 22px 22px;
  }
  /*-----------------------
  column-wrap02
  ------------------------*/
  .column-wrap02{
    display: block;
  }
  .column-wrap02>.item01{
    display: flex;
    flex-wrap: wrap;
  }
  .column-wrap02>.item01:not(:first-child){
    margin: 16px 0 0;
  }
  .column-wrap02>.item01>.img01{
    width: 80px;
  }
  .column-wrap02>.item01>.img02{
    width: 100%;
  }
  .column-wrap02>.item01>.text01{
    flex: 1;
    margin-left: 16px;
  }
  .column-wrap02 .text-layout01{
    display: block;
    min-height: 0;
    margin-top: 8px;
    text-align: left;
  }
  .column-wrap02 .text-wrap01{
    margin-top: 8px;
    width: 100%;
  }
  .column-wrap02.-column2>.item01{
    margin-left: auto;
    margin-right: auto;
  }
  .column-wrap02.-column2-02>.item01{
    max-width: none;
  }
  .column-wrap02.-column2-02>.item01:not(:first-child){
    margin: 32px 0 0;
  }
  /*-----------------------
  text-layout01
  ------------------------*/
  .text-layout01{
    margin: 0;
    font-size: 1.8rem;
  }
  /*-----------------------
  text-balloon01
  ------------------------*/
  .text-balloon01{
    margin: 16px 0 0;
  }
  .text-balloon01>p{
    width: 186px;
    height: 40px;
    font-size: 1.4rem;
  }
  .text-balloon01>p::after {
    bottom: -7px;
    left: calc(50% - 7px);
    width: 13px;
    height: 13px;
  }
  .text-balloon01.-type02>p{
    width: 126px;
    font-size: 1.6rem;
  }
  .text-balloon01.-size01>p{
    min-width: 0;
    width: auto;
    padding: 0 20px;
  }
  .text-balloon01.-size02{
    margin-top: 24px;
  }
  .text-balloon01.-size02>p{
    width: auto;
    min-height: 40px;
    font-size: 1.4rem;
  }
  /*-----------------------
  slick-track
  ------------------------*/
  .fn-carousel01{
    margin: 24px 0 0;
  }
  .fn-carousel01 .slick-track>.item01{
    margin: 0 6px;
    width: 320px;
    max-width: 86vw;
  }
  .fn-carousel01.user-wrap01 .slick-track>.item01{
    margin: 0 7px;
  }
  .slick-alow{
    margin: 24px 0 8px;
  }
  .slick-alow>.inner{
    padding: 0 40px;
  }
  .slick-alow li:not(:first-child){
    margin-left: 12px;
  }
  .slick-alow li button{
    width: 8px;
    height: 8px;
  }
  .slick-alow .slick-next,
  .slick-alow .slick-prev{
    top: calc(50% - 12px);
    width: 24px;
    height: 24px;
  }
  /*-type01*/
  .slick-wrap01{
    position: relative;
  }
  .slick-alow.-type01{
    margin: 0;
  }
  .slick-alow.-type01 .slick-dots{
    display: none!important;
  }
  .slick-alow.-type01>.inner{
    position: static;
  }
  .slick-alow.-type01 .slick-prev{
    left: 8px;
    top: calc(50% - 20px);
    width: 40px;
    height: 40px;
  }
  .slick-alow.-type01 .slick-next{
    right: 8px;
    top: calc(50% - 20px);
    width: 40px;
    height: 40px;
  }
  /*-----------------------
  list-layput01
  ------------------------*/
  .list-layput01{
    margin: 24px 0 0;
  }
  .list-layput01>.item{
    position: relative;
    padding: 24px;
  }
  .list-layput01>.item:first-child{
    padding-bottom: 16px;
  }
  .list-layput01>.item:not(:last-child){
    padding-bottom: 16px;
  }
  .list-layput01>.item>.img01{
    width: 56px;
    padding-top: 45px;
    margin-right: 12px;
  }
  .list-layput01>.item>.text01{
    font-size: 1.4rem;
  }
  .list-layput01>.item .ttl01{
    position: static;
    padding-left: 0;
    margin-bottom: 4px;
    font-size: 2rem;
  }
  .list-layput01>.item .ttl01>.icon01{
    left: 24px;
    top: 24px;
    width: 53px;
  }
  /*-----------------------
  talk-layout01
  ------------------------*/
  .talk-layout01{
    font-size: 1.4rem;
  }
  .talk-layout01>li:not(:first-child){
    margin-top: 8px;
  }
  .talk-layout01>li:nth-child(2n+3){
    margin-top: 24px;
  }
  .talk-layout01>li>.text01{
    padding-bottom: 8px;
  }
  .talk-layout01>li>.text01>.inner::after{
    bottom: -8px;
    width:20px;
    height: 15px;
  }
  .talk-layout01>li:nth-child(odd)>.text01>.inner{
    padding: 12px 24px;
  }
  .talk-layout01>li>.img01{
    width: 56px;
  }
  .talk-layout01>li:nth-child(odd)>.img01{
    margin-left: 8px;
  }
  .talk-layout01>li:nth-child(even)>.text01>.inner{
    padding: 16px;
    font-size: 1.4rem;
  }
  .talk-layout01>li:nth-child(even)>.img01{
    margin-right: 8px;
  }
  .talk-layout01>li>.text01>.inner.-sp2line{
    display: flex;
    align-items: center;
    max-width: 247px;
    height: 72px;
    padding: 8px 20px 8px 34px;
    border-radius: 0;
    background: url(/kojin/asset-management/sbi/toushi-start-guide/imgs/cmn_bg_09.png) no-repeat 0 0 / 100% 100%;
  }
  /*-----------------------
  content-wrap03
  ------------------------*/
  .content-wrap03{
    margin: 32px 0 0;
    padding: 24px 32px;
  }
  .content-wrap03.-sp-padding01{
    padding: 24px;
  }
  .content-wrap03.-sp-padding01 .column-wrap01>.item01{
    display: flex;
    align-items: center;
    min-height: 48px;
  }
  .content-wrap03.-sp-padding01 .column-wrap01>.item01:not(:first-child) {
    padding-top: 12px;
    margin-top: 12px;
    min-height: 60px;
  }
  /*-----------------------
  img-layout01
  ------------------------*/
  .img-layout01{
    display: block;
    margin: 16px 0 0;
  }
  .img-layout01>.img01{
    margin: 0 auto;
    width: 128px;
  }
  .img-layout01>.body{
    margin: 16px 0 0;
    text-align: center;
  }
  /*-----------------------
  ttl-txt03
  ------------------------*/
  .ttl-txt03{
    font-size: 1.8rem;
  }
  /*-----------------------
  text-layout02
  ------------------------*/
  .text-layout02{
    margin: 24px 0 0;
  }
  .text-layout02>.tel-wrap01{
    margin: 24px 0 0;
  }
  .text-layout02>.tel-wrap01>.inner>p{
    font-size: 1.4rem;
    text-align: center;
  }
  .text-layout02>.tel-wrap01>.inner>ul>li{
    margin: 8px 0 0;
  }
  .text-layout02>.tel-wrap01>.inner>ul>li>.text01{
    font-size: 1.4rem;
  }
  .text-layout02>.tel-wrap01>.inner>ul>li>.text02{
    margin-left: 8px;
    font-size: 2.4rem;
  }
  .text-layout02>.tel-wrap01>.inner>ul>li>.text03{
    display: inline-block;
    width: 40px;
    margin-left: 8px;
    font-size: 1.2rem;
  }
  /*-----------------------
  ttl-txt02
  ------------------------*/
  .ttl-txt02{
    margin: 32px 0 0;
    font-size: 2.4rem;
  }
  /*stage02*/
  .ttl-txt02 .img01{
    width: 37px;
    right: -62px;
    top: -44px;
    bottom: auto;
  }
  .ttl-txt02 .img02{
    width: 38px;
    right: -10px;
    top: -95px;
    bottom: auto;
  }
  /*stage01*/
  .ttl-txt02 .img03{
    right: -19px;
    top: -90px;
    bottom: auto;
    width: 42px;
  }
  .ttl-txt02 .img04{
    left: -65px;
    bottom: -1px;
    width: 39px;
  }
  .ttl-txt02 .img05{
    right: -61px;
    bottom: 2px;
    width: 59px;
  }
  /*-----------------------
  sp-img-wrap01
  ------------------------*/
  .sp-img-wrap01{
    margin: 0 -8px;
  }
  /*-----------------------
  content-area02
  -------------------*/
  .content-area02{
    padding: 0 16px;
  }
  .content-area02>.inner{
    padding: 32px 0;
  }
  .content-area02>.inner.-wide{
    margin: 0 -16px;
    padding: 32px 0;
  }
  /*-----------------------
  qa-wrap01
  ------------------------*/
  .qa-wrap01{
    margin: 24px auto 0;
  }
  .qa-wrap01>.item01>.head>a{
    padding: 16px 56px 16px 64px;
    font-size: 1.4rem;
  }
  .qa-wrap01>.item01:not(:first-child){
    margin: 16px 0 0;
  }
  .qa-wrap01>.item01>.head>a::before{
    left: 16px;
  }
  .qa-wrap01>.item01>.body::before{
    left: 16px;
  }
  .qa-wrap01>.item01>.body{
    margin: 8px 0 0;
    border-radius: 16px;
    padding: 16px 16px 16px 64px;
    font-size: 1.4rem;
  }
  /*-----------------------
  bg-area01
  ------------------------*/
  .bg-area01{
    margin: -20vw auto 0;
    padding: 20vw 25px 0;
    background: url(/kojin/asset-management/sbi/toushi-start-guide/imgs/cmn_bg_03_sp.png) no-repeat center bottom / 100%,linear-gradient(#F5F9E6 50%, transparent 50%);
  }
  .bg-area01>.inner{
    padding: 3.2vw 0 19.2vw;
  }
  .bg-area02 + .bg-area01{
    padding: 20vw 25px 0;
    margin: -20vw auto 0;
  }
  .bg-area02 + .bg-area01>.inner{
    padding: 8vw 0 14vw;
  }
  /*-----------------------
  bg-area02
  ------------------------*/
  .bg-area02{
    margin: -20vw auto 0;
    padding: 20vw 16px 0;
    background: url(/kojin/asset-management/sbi/toushi-start-guide/imgs/cmn_bg_11_sp.png) no-repeat center bottom / 100%,linear-gradient(#fff 50%, transparent 50%);
  }
  .bg-area02>.inner{
    padding: 3.2vw 0 13vw;
  }
  /*-----------------------
  img-layout02
  ------------------------*/
  .img-layout02{
    display: block;
    text-align: center;
  }
  .img-layout02>.item02{
    width: auto;
    margin: 16px 0 0;
  }
  .img-layout02>.item01>.text01{
    margin: 16px 0 0;
    font-size: 2.8rem;
  }
  .img-layout02>.item01>.text02{
    margin: 16px 0 0;
    font-size: 1.4rem;
  }
  /*-----------------------
  card-layout01
  ------------------------*/
  .card-layout01{
    position: relative;
  }
  .card-layout01>.ttl01{
    text-align: left;
  }
  .card-layout01>.ttl01>img{
    height: 48px;
    width: auto;
  }
  .card-layout01>.ttl02>img{
    height: 24px;
    width: auto;
  }
  .card-layout01>.img01{
    position: absolute;
    right: 0;
    bottom: 56px;
    margin: 0;
    width: 80px;
  }
  .card-layout01>.text01{
    margin: 8px 0 0;
    padding-right: 88px;
    font-size: 2rem;
  }
  .card-layout01>.btn01{
    margin: 16px 0 0;
  }
  .card-layout01>.btn01>a{
    max-width: 200px;
    min-height: 40px;
    font-size: 1.4rem;
  }
  .card-layout01>.text02.-line2{
    display: block;
    min-height: 0;
  }
  .card-layout01>.text02{
    margin-top: 4px;
    padding-right: 88px;
    font-size: 1.4rem;
  }
  /*-----------------------
  card-layout02
  ------------------------*/
  .card-layout02{
    position: relative;
  }
  .card-layout02>.img01{
    position: absolute;
    left: 0;
    top: calc(50% - 24px);
    margin: 0;
    width: 48px;
  }
  .card-layout02:not(:first-child)>.img01{
    top: calc(50% - 24px + 8px);
  }
  .card-layout02>.text01{
    padding-left: 56px;
    font-size: 1.6rem;
  }
  /*-----------------------
  ttl-img01
  ------------------------*/
  .ttl-img01{
    margin-top: -70px;
  }
  .ttl-img01.-type01{
    margin-top: -70px;
  }
  /*stage2*/
  .ttl-img01 .img01{
    left: -82px;
    bottom: 18px;
    width: 47px;
  }
  .ttl-img01 .img02{
    right: -72px;
    bottom: 24px;
    width: 56px;
  }
  .ttl-img01 .img03{
    left: -75px;
    bottom: 14px;
    width: 36px;
  }
  /*stage1*/
  .ttl-img01 .img04{
    right: -61px;
    bottom: 5px;
    width: 39px;
  }
  .ttl-img01 .img05{
    left: -73px;
    bottom: 5px;
    width: 60px;
  }
  .ttl-img01 .img06{
    right: -66px;
    bottom: 4px;
    width: 46px;
  }
  /*-----------------------
  ttl-img02
  ------------------------*/
  /*stage1*/
  .ttl-img02 .img01{
    width: 37px;
    left: 19px;
    top: -38px;
  }
  /*-----------------------
  ttl-txt04
  ------------------------*/
  .ttl-txt04{
    margin: 8px 0 0;
    font-size: 2.4rem;
  }
  /*-----------------------
  img-layout03
  ------------------------*/
  .img-layout03{
    display: block;
    margin: 32px 0 0;
  }
  .img-layout03>.item01{
    text-align: center;
  }
  .img-layout03>.item02{
    width: auto;
    margin: 24px auto 0;
  }
  /*-----------------------
  column-wrap03
  ------------------------*/
  .column-wrap03{
    display: block;
    margin: 16px 0 0;
  }
  .column-wrap03>.item01{
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
  }
  .column-wrap03>.item01>.img01{
    width: 110px;
  }
  .column-wrap03>.item01>.text01{
    flex: 1;
    margin: 0 0 0 24px;
  }
  .column-wrap03>.item01:not(:first-child){
    margin: 24px 0 0;
  }
  .column-wrap03.-column2>.item01>.text01{
    letter-spacing: 0;
  }
  /*-----------------------
  content-wrap04
  ------------------------*/
  .content-wrap04{
    margin: 24px auto 0;
    padding: 10.66vw 4.6vw 8.53vw;
    width: 100%;
    height: auto;
    background: url(/kojin/asset-management/sbi/toushi-start-guide/imgs/cmn_bg_10_sp.png) no-repeat center 0 / 100% 100%;
  }
  .content-wrap04.-type01{
    margin: 24px auto 0;
    padding: 10.66vw 8.53vw 8.53vw;
  }
  .content-wrap04>section>.text01{
    font-size: 6.4vw;
  }
  .content-wrap04>section>.text-wrap01{
    margin-top: 4.26vw;
  }
  .content-wrap04>section>.text-wrap01>.text02{
    font-size: 3.73vw;
  }
  .content-wrap04>section>.text-wrap01>.text03{
    margin: 2.13vw 0 0;
    font-size: 3.73vw;
  }
  .content-wrap04>section>.img01{
    margin: 4.26vw 0 0;
  }
  .content-wrap04>section>.img01 img{
    width: 51.73vw;
  }
  /*-----------------------
  column-wrap04
  ------------------------*/
  .column-wrap04{
    display: block;
    margin: 20px 0 0;
  }
  .column-wrap04>.item01{
    display: flex;
    width: auto;
    text-align: left;
  }
  .column-wrap04>.item01:not(:first-child){
    margin: 16px 0 0;
  }
  .column-wrap04>.item01>.img01{
    width: 60px;
    margin-right: 12px;
  }
  .column-wrap04>.item01>.item02{
    flex: 1;
  }
  .column-wrap04>.item01>.item02>.text01{
    margin: 0;
    font-size: 1.4rem;
  }
  .column-wrap04>.item01>.item02>.text02{
    font-size: 2.0rem;
  }
  /*-----------------------
  img-layout04
  ------------------------*/
  .img-layout04{
    margin: 16px auto 0;
    padding-right: 0;
    max-width: 89.15%;
  }
  .img-layout04>.item02{
    position: static;
    margin: 16px auto 0;
    width: 100px;
  }
  .img-layout04>.item01{
    max-width: none;
  }
  .img-layout04>.item03{
    max-width: none;
    margin: 8px 0 0;
  }
  /*-----------------------
  text-layout03
  ------------------------*/
  .text-layout03{
    margin: 20px auto 0;
  }
  .text-layout03>.item01:not(:first-child){
    margin: 24px 0 0;
  }
  .text-layout03>.item01>.head{
    padding-left: 36px;
    font-size: 2.0rem;
  }
  .text-layout03>.item01>.head::before{
    top: 0.1em;
    width: 28px;
    height: 28px;
    font-size: 1.6rem;
  }
  .text-layout03>.item01>.body{
    margin: 10px 0 0;
    font-size: 1.4rem;
  }
  /*-----------------------
  card-wrap02
  ------------------------*/
  .card-wrap02{
    margin: 48px auto 0;
    padding: 16px;
    border-radius: 16px;
    font-size: 1.4rem;
  }
  .card-wrap02::before{
    left: calc(50% - 32px);
    top: -32px;
    width: 64px;
    height: 40px;
    background: url(/kojin/asset-management/sbi/toushi-start-guide/imgs/cmn_ico_16_sp.svg) no-repeat 0 0 / 100%;
  }
  /*-----------------------
  button-wrap02
  ------------------------*/
  .button-wrap02:not(:first-child) {
    margin-top: 24px;
  }
  /*-----------------------
  notice-center02
  ------------------------*/
  .notice-center02{
    margin: 24px auto 0;
  }
  /*-----------------------
  user-wrap01
  ------------------------*/
  .user-wrap01{
    margin: 24px 0 0;
  }
  .user-wrap01 .item01{
    padding: 24px;
  }
  .user-wrap01 .item01 .ttl01{
    font-size: 2rem;
  }
  .user-wrap01 .item01 .tag01>li{
    margin: 4px 4px 0 0;
    font-size: 1.2rem;
  }
  .user-wrap01 .item01 .user{
    margin: 16px 0 0;
  }
  .user-wrap01 .item01 .user>.img01{
    width: 56px;
  }
  .user-wrap01 .item01 .user>.text01>p{
    font-size: 1.4rem;
  }
  .user-wrap01 .item01 .user>.text01>p>em{
    font-size: 2.4rem;
  }
  /*-----------------------
  user-text01
  ------------------------*/
  .user-text01{
    margin: 24px 0 0;
  }
  .user-text01>.head{
    padding-left: 22px;
    font-size: 1.8rem;
  }
  .user-text01>.head>.img01{
    top: 0em;
    width: 18px;
  }
  .user-text01>.body{
    margin: 12px 0 0;
    font-size: 1.4rem;
  }
  .user-text01>.body>ul>li{
    padding-left: 20px;
  }
  .user-text01>.body>ul>li::before{
    left: 6px;
    top: 0.7em;
    width: 6px;
    height: 6px;
  }
  .user-text01>.body>ul>li:not(:first-child){
    margin-top: 12px;
  }
  /*-----------------------
  table-wrap01
  ------------------------*/
  .table-wrap01>table{
    width: 100%;
  }
  .table-wrap01>table>tbody>tr>th{
    width: 74px;
    padding: 12px;
    font-size: 1.2rem;
  }
  .table-wrap01>table>tbody>tr>td{
    padding: 12px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 374px) {
  .ttl-txt02 .img03 {
    right: -6px;
  }
  .ttl-img01 .img05{
    left: -68px;
  }
  .slick-alow.-type01 .slick-prev,
  .slick-alow.-type01 .slick-next {
    width: 30px;
    height: 30px;
  }
  .ttl-txt02 .img05 {
    right: -42px;
    width: 50px;
  }
}