@charset "UTF-8";
/* Updated 2026/10/22.T */
/* Updated 2025/12/15.T */
/* Updated 2021/04/06.T */
/* base style
-----------------------------------------------------------*/
a > img {
  -webkit-transition: opacity ease-out 0.15s;
  transition: opacity ease-out 0.15s;
}

/* content style
-----------------------------------------------------------*/
/*----- container -----*/
#wrap #mainArea {
  margin-bottom: 96px;
}

#wrap #mainArea main {
  width: auto;
}

#wrap #mainArea.mainFull, #wrap #mainArea.mainFull .main {
  width: auto;
  margin-top: 0;
}

.content {
  padding: 79px 0 96px;
}

.content:not([class*=bg]):last-child {
  padding-bottom: 0;
}

.content > [class*=bg] {
  padding: 79px 0 96px;
}

.content > [class*=bg] + .contentInner {
  margin-top: 68px;
}

.contentInner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 1008px;
  margin-right: auto;
  margin-left: auto;
}

.contentInner + [class*=bg]:not(.bgWhiteSp) {
  margin-top: 80px;
}

.section {
  margin-top: 80px;
}

.section:first-child {
  margin-top: 0;
}

.section > section {
  margin-top: 72px;
}

.hr {
  margin: 32px 0;
  border-top: 1px solid #C8C8C8;
}

/*----- fixedNav -----*/
.fixedNav {
  display: none;
}

/*----- anchor-link -----*/
.anchorLink {
  position: relative;
}

.anchorLink .anchorLinkInner {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-transition: opacity ease-out 0.15s;
  display: block;
  position: relative;
  flex: 1;
  padding-bottom: 38px;
  overflow: hidden;
  border-radius: 6px;
  background-color: #F4F4F4;
  color: #333;
  text-decoration: none;
  transition: opacity ease-out 0.15s;
}

.anchorLink .anchorLinkInner:after {
  position: absolute;
  width: 17px;
  height: 10px;
  background: url(/build/2000/smbc-reference/kojin/n_common/images/ico_arrow_green_fresh01.png) no-repeat 50% 50%;
  background-size: 17px 10px;
  content: "";
}

.anchorLink .anchorLinkInner:after {
  -webkit-transform: rotate(180deg);
  right: 0;
  bottom: 14px;
  left: 0;
  margin: 0 auto;
  transform: rotate(180deg);
}

.anchorLink .anchorLinkInner:hover {
  opacity: 0.8;
}

.anchorLink .anchorLinkFig img {
  width: 100%;
}

.anchorLink .anchorLinkTxtBox {
  padding: 20px 10px 0;
  text-align: center;
}

.anchorLink .anchorLinkTxtBox .anchorLinkTtl {
  font-size: 1.13em;
  font-weight: bold;
}

.anchorLink .txtPoint {
  padding-bottom: 14px;
  background-color: #fff;
}

.anchorLinkArrow2 .anchorLinkInner {
  padding-bottom: 52px;
}

.anchorLinkArrow2 .anchorLinkInner::after {
  width: 24px;
  height: 12px;
  background-image: url(/build/2000/smbc-reference/kojin/n_common/images/ico_arrow_green_fresh01_l.png);
  background-size: 24px 12px;
}

.anchorLinkList {
  margin: 64px 0 80px;
}

.anchorLinkList.row {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/*----- ballon -----*/
.balloonTypeA .balloon, .balloonTypeB .balloon {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background-color: #fff;
}

.balloonTypeA .balloon::before, .balloonTypeB .balloon::before, .balloonTypeA .balloon::after, .balloonTypeB .balloon::after {
  position: absolute;
  content: "";
}

.balloonTypeA .balloon strong, .balloonTypeB .balloon strong {
  font-size: 1.57143em;
  font-weight: bold;
}

.balloonTypeA .balloon {
  margin-bottom: 18px;
  padding: 30px 40px;
  border: 2px solid #004831;
  border-radius: 12px;
  font-size: 1.13em;
  text-align: center;
}

.balloonTypeA .balloon:after {
  right: 0;
  bottom: -17px;
  left: 0;
  width: 16px;
  height: 17px;
  margin: 0 auto;
  background: url(/build/2000/smbc-reference/kojin/n_common/images/ico_balloon_type_a.png) no-repeat 50% 50%;
}

.balloonTypeA .balloon p {
  display: inline-block;
  text-align: left;
}

.balloonTypeA .balloon strong {
  font-size: 1.22222em;
}

.balloonTypeA .balloonIco {
  width: 160px;
  height: 160px;
  margin: 25px auto 0;
  overflow: hidden;
  border-radius: 50%;
  background-color: #fff;
}

.balloonTypeB .balloon {
  margin-top: 38px;
  padding: 26px 18px;
  border: 2px solid #EE7800;
  border-radius: 6px;
  color: #EE7800;
  font-size: 1.28571em;
}

.balloonTypeB .balloon::before, .balloonTypeB .balloon:after {
  right: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
  border-style: solid;
}

.balloonTypeB .balloon::before {
  top: -16px;
  border-width: 0 12px 16px 12px;
  border-color: transparent transparent #EE7800 transparent;
}

.balloonTypeB .balloon:after {
  top: -13px;
  border-width: 0 10px 14px 10px;
  border-color: transparent transparent #fff transparent;
}

.balloonTypeB .balloonMd {
  width: 510px;
}

.balloonTypeB .balloonMd::before {
  right: auto;
  left: 130px;
}

.balloonTypeB .balloonMd:after {
  right: auto;
  left: 132px;
}

/*----- button -----*/
.btn-re {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: 14px;
  overflow: hidden;
  border-radius: 6px;
  font-size: 1.26em;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}

.btn-re {
  -webkit-box-shadow: 0 4px 0 #F4F4F4;
  -webkit-transition: opacity 0.15s ease-out;
  display: inline-block;
  width: 100%;
  border: 2px solid #F4F4F4;
  box-shadow: 0 4px 0 #F4F4F4;
  transition: opacity 0.15s ease-out;
}

.btn-re:hover {
  opacity: 0.8;
}

.btn-re, .btn-re:visited {
  color: #333;
}

.btn-re:hover {
  color: inherit;
}

.btnIcoRow {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
}

.btnIcoRow .btnIco {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 72px;
  margin-right: 10px;
}

.btnIcoRow .btnTxt {
  color: #004831;
}

.btnIcoRow .btnTxt:hover {
  opacity: 1;
}

.btnArrow {
  position: relative;
  padding-right: 35px;
  text-align: left;
}

.btnArrow:after {
  position: absolute;
  width: 15px;
  height: 9px;
  background: url(/build/2000/smbc-reference/kojin/n_common/images/ico_arrow_green_fresh01.png) no-repeat 50% 50%;
  background-size: 15px 9px;
  content: "";
}

.btnArrow::after {
  -webkit-transform: rotate(90deg);
  top: 0;
  right: 21px;
  bottom: 0;
  margin: auto;
  transform: rotate(90deg);
}

.btnArrowInr {
  display: inline-block;
  position: relative;
  padding-right: 55px;
  font-size: 0.9em;
}

.btnArrowInr:after {
  position: absolute;
  width: 9px;
  height: 15px;
  background: url(/build/2000/smbc-reference/kojin/n_common/images/ico_arrow_white01.png) no-repeat 50% 50%;
  background-size: 9px 15px;
  content: "";
}

.btnArrowInr::after {
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.btn-re small {
  font-size: 0.65em;
}

.btnPrimary {
  -webkit-box-shadow: 0 5px 0 rgba(75, 75, 75, 0.2);
  border-color: #A0C81E;
  background-color: #A0C81E;
  box-shadow: 0 5px 0 rgba(75, 75, 75, 0.2);
}

.btnPrimary, .btnPrimary:visited, .btnPrimary:hover {
  color: #fff;
}

.btnSecondary {
  -webkit-box-shadow: 0 5px 0 rgba(75, 75, 75, 0.12);
  border-color: #004831;
  background-color: #004831;
  box-shadow: 0 5px 0 rgba(75, 75, 75, 0.12);
}

.btnSecondary, .btnSecondary:visited, .btnSecondary:hover {
  color: #fff;
}

.btnEmphasis {
  -webkit-box-shadow: 0 5px 0 #FFC88F;
  border-color: #EE7800;
  background-color: #EE7800;
  box-shadow: 0 5px 0 #FFC88F;
}

.btnEmphasis, .btnEmphasis:visited, .btnEmphasis:hover {
  color: #fff;
}

.btnBlank {
  position: relative;
  padding-right: 50px;
  padding-left: 32px;
}

.btnBlank:after {
  position: absolute;
  width: 21px;
  height: 17px;
  background: url(/build/2000/smbc-reference/kojin/n_common/images/ico_blank.png) no-repeat 50% 50%;
  background-size: 21px 17px;
  content: "";
}

.btnBlank::after {
  top: 0;
  right: 7%;
  bottom: 0;
  margin: auto;
}

.btnRequest {
  -webkit-box-shadow: 0 5px 0 rgba(75, 75, 75, 0.2);
  position: relative;
  padding-right: 50px;
  padding-left: 32px;
  border-color: #EE7800;
  background-color: #EE7800;
  box-shadow: 0 5px 0 rgba(75, 75, 75, 0.2);
}

.btnRequest, .btnRequest:visited, .btnRequest:hover {
  color: #fff;
}

.btnRequest:after {
  position: absolute;
  width: 22px;
  height: 18px;
  background: url(/build/2000/smbc-reference/kojin/n_common/images/ico_request.png) no-repeat 50% 50%;
  background-size: 22px 18px;
  content: "";
}

.btnRequest:after {
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto;
}

.btnIcoTel {
  padding-right: 68px;
  padding-left: 68px;
  background-image: url(/build/2000/smbc-reference/kojin/n_common/images/ico_tel.png);
  background-position: 40px 50%;
  background-repeat: no-repeat;
}

.btnIcoBeginner {
  padding: 20px 60px 18px;
  background-image: url(/build/2000/smbc-reference/kojin/n_common/images/ico_beginner_mark.png);
  background-position: 24px 50%;
  background-repeat: no-repeat;
}

.btnBlock {
  margin: 80px 0;
}

.btnBlock:last-child {
  margin-bottom: 0;
}

.btnBlock .btn-re {
  display: inline-block;
  width: auto;
  min-width: 428px;
}

.btnBlock .txtPoint {
  margin-bottom: 16px;
}

.btnRow {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin: 56px 0;
}

.btnRow:first-child {
  margin-top: 0;
}

.btnRow:last-child {
  margin-bottom: 0;
}

.btnRow .btnRowItem {
  width: 420px;
  padding: 0 20px;
}

.btnRowItem [class^=btn] {
  width: 100%;
}

/*----- card -----*/
.card {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  background-color: #fff;
}

.card .cardHeader {
  padding: 19px 10px 21px;
  font-weight: bold;
  text-align: center;
}

.card .cardHeader .cardHeaderTtl {
  color: #004831;
  font-size: 1.38em;
  font-weight: bold;
  line-height: 1.54545;
}

.card .cardBody {
  padding: 18px 16px;
}

.card .cardBody .cardTtl {
  margin: 8px 0 16px;
  font-size: 1.13em;
  font-weight: bold;
}

.card .cardBody .cardTtl:last-child {
  margin-bottom: 0;
}

.card .cardBody .cardIco {
  width: 72px;
  margin: 0 auto 1em;
}

.card .cardBody .cardFig {
  -webkit-transition: opacity ease-out 0.15s;
  transition: opacity ease-out 0.15s;
}

.card .cardBody .cardFig + p {
  margin-top: 40px;
}

.card .cardBody .cardLinkTxt {
  position: absolute;
  right: 0;
  bottom: 28px;
  left: 0;
  margin: 0 auto;
  font-size: 1.13em;
  text-align: center;
}

.card .cardBody .cardLinkTxt.right {
  right: 28px;
  left: auto;
}

.card .cardBody .cardLinkTxt.left {
  right: auto;
  left: 28px;
}

.card .cardBody .cardBtnBlock {
  margin: 55px 0 20px;
}

.card .cardBody p + p {
  margin-top: 1em;
}

.card .cardTxtBox p {
  font-size: 1em;
}

.card .cardLink[href] {
  display: block;
  text-decoration: none;
}

.card .cardLink[href]:hover .linkArrow, .card .cardLink[href]:hover .linkArrowAnchor {
  color: #EE7800;
}

.card .cardLink[href]:hover .cardFig {
  opacity: 0.8;
}

.card .cardBodyRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
}

.card .cardBodyRow .cardIco {
  margin: 0 30px 0 0;
}

.card .cardBodyRow .cardFig {
  margin-right: 32px;
}

.card .cardBodyRow .cardFig img {
  width: 100%;
}

.card .cardBodyRow .cardTxtBox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.card .cardBodyRow.middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.listCountNumberLeading0 .card .cardHeader, .listCountNumberLeading0 .card .cardBody {
  padding-right: 15px;
  padding-left: 15px;
}

.listCountNumberLeading0 .card .cardHeader {
  padding-top: 30px;
}

.cardBorder {
  border: 2px solid #eee;
}

.cardBorder .cardHeader {
  background-color: #F4F4F4;
}

.cardBorder .cardBody {
  padding: 24px 30px;
  background-color: #fff;
}

.cardBorder .cardLink {
  padding-bottom: 85px;
}

.cardBorder.cardRow {
  background-color: #F4F4F4;
}

.cardBorder.cardRow .cardHeader {
  background-color: transparent;
}

.cardBtn {
  -webkit-box-shadow: 0 5px 0 rgba(40, 166, 160, 0.14);
  box-shadow: 0 5px 0 rgba(40, 166, 160, 0.14);
  text-align: center;
}

.cardBtn .cardBody {
  padding: 38px 20px 30px;
}

.cardBtn .cardBody .cardIco {
  width: 100px;
  margin-bottom: 25px;
}

.cardBtn .cardBody .cardTtl {
  color: #004831;
  font-size: 1.26em;
}

.cardBtn .cardLink {
  padding-bottom: 72px;
}

.cardBtn .linkArrow {
  font-size: 0.88889em;
}

.cardRow {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.cardRow .cardHeader {
  width: 186px;
}

.cardRow .cardLink .cardBody {
  padding-bottom: 31px;
}

.cardRow .cardBody {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 31px 124px 31px 20px;
}

.cardRow .cardBody .cardIco {
  margin-right: 20px;
}

.cardRow .cardBody .cardLinkTxt {
  bottom: 10px;
}

/*----- column -----*/
.columnBox a {
  color: #333;
  text-decoration: none;
}

.columnBoxTtl {
  margin-bottom: 10px;
  color: #004831;
  font-size: 1.57143em;
  font-weight: bold;
}

.columnBoxTxt {
  margin-top: 13px;
  font-size: 88%;
}

.columnBoxFig {
  -webkit-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
}

.columnBoxFig:hover {
  opacity: 0.8;
}

.columnBoxFig img {
  width: 100%;
}

.row .col, .row .col2, .row .col3 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 40px;
  margin-bottom: 0;
  padding-right: 16px;
  padding-left: 16px;
}

.row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row wrap;
  margin-right: -16px;
  margin-left: -16px;
}

.rowNarrowGap {
  margin-right: -12px;
  margin-left: -12px;
}

.rowNarrowGap [class*=col] {
  padding-right: 12px;
  padding-left: 12px;
}

.row .col:first-child {
  margin-top: 0;
}

.row .col2 {
  width: 50%;
}

.row .col2:nth-child(-n+2) {
  margin-top: 0;
}

.row .col3 {
  width: 33.33333%;
}

.row .col3:nth-child(-n+3) {
  margin-top: 0;
}

/*----- heading -----*/
.headingType01, .headingType02 {
  position: relative;
}

.headingType01::before, .headingType02::before {
  position: absolute;
  background-color: #C4D700;
  content: "";
}

.headingType01 {
  margin: 79px 0 60px;
  color: #004831;
  font-size: 2.01em;
  font-weight: bold;
  line-height: 1.34375;
  text-align: center;
}

.headingType01:first-child {
  margin-top: 0;
}

.headingType01:not(.notBorder) {
  padding-bottom: 21px;
}

.headingType01:not(.notBorder)::before {
  right: 0;
  bottom: 0;
  left: 0;
  width: 100px;
  height: 6px;
  margin: 0 auto;
  border-radius: 3px;
}

.headingType02 {
  margin: 80px 0 32px;
  padding-left: 20px;
  font-size: 1.38em;
  font-weight: bold;
  line-height: 1.54545;
}

.headingType02:before {
  top: 0;
  bottom: 0;
  left: 0;
  width: 6px;
  height: calc(100% - 9px);
  margin: auto;
}

.headingType02:first-child {
  margin-top: 0;
}

.headingType03 {
  margin-bottom: 30px;
  font-size: 1.76em;
  font-weight: bold;
}

.headingType04 {
  margin: 47px 0 24px;
  font-size: 1.38em;
  font-weight: bold;
}

.headingType04:first-child {
  margin-top: 0;
}

.headingIco {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.headingRow {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  text-align: left;
}

.headingRow .headingTxt {
  margin-left: auto;
  color: #4B4B4B;
  font-size: 0.63636em;
  font-weight: normal;
}

.headingRow .headingIco {
  width: 72px;
  margin-right: 4px;
}

.headingRow .headingNum {
  margin-right: 0.4em;
  margin-bottom: auto;
  font-family: Arial;
  font-size: 1.42857em;
  font-weight: bold;
  line-height: 1;
}

.headingLabel {
  margin: 40px -8px 24px;
  font-size: 1.28571em;
  font-weight: bold;
}

.headingLabel:first-child {
  margin-top: 0;
}

.headingLabel span {
  margin: 0 8px;
}

.headingLabel .headingLabelInr {
  display: inline-block;
  padding: 10px 24px 9px;
  border-radius: 6px;
  background-color: #B9DE40;
  font-size: 0.88889em;
}

.headingLabelIcoSp {
  color: #004831;
}

.headingLabelIcoSp .headingIco {
  display: none;
}

/*----- icon -----*/
.icoAttention {
  display: block;
  position: relative;
  padding-left: 30px;
  font-size: 1.14286em;
}

.icoAttention:before {
  position: absolute;
  width: 22px;
  height: 20px;
  background: url(/build/2000/smbc-reference/kojin/n_common/images/ico_attention.png) no-repeat 50% 50%;
  background-size: 22px 20px;
  content: "";
}

.icoAttention:before {
  left: 0;
}

.icoLink, .icoLink:visited {
  color: #333;
}

.icoLink:not(:hover) {
  text-decoration: none;
}

.icoLink:after {
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
  vertical-align: middle;
  content: "";
}

.icoLinkPdf::after {
  width: 17px;
  height: 18px;
  background: url(/build/2000/smbc-reference/kojin/n_common/images/ico_pdf.png) 50% 50% no-repeat;
  background-size: 17px 18px;
}

.icoLinkBlank, .icoLinkBlank:visited {
  color: #004831;
}

.icoLinkBlank::after {
  width: 17px;
  height: 13px;
  background: url(/build/2000/smbc-reference/kojin/n_common/images/ico_blank.png) 50% 50% no-repeat;
  background-size: 17px 13px;
}

.icoNotice {
  display: block;
  position: relative;
  padding-left: 30px;
  color: #D20000;
  font-size: 1.14286em;
}

.icoNotice:before {
  position: absolute;
  width: 22px;
  height: 20px;
  background: url(/build/2000/smbc-reference/kojin/n_common/images/ico_notice.png) no-repeat 50% 50%;
  background-size: 22px 20px;
  content: "";
}

.icoNotice:before {
  left: 0;
}

/*----- img -----*/

.imgWrap {
  margin: 40px 0 48px;
  text-align: center;
}

.imgWrap:first-child {
  margin-top: 0;
}

.imgWrap:last-child {
  margin-bottom: 0;
}

.headingLabel + .imgWrap {
  margin-top: 0;
}

/*----- graph -----*/
.graph {
  margin: 35px 0 23px;
}

.graph:first-child {
  margin-top: 0;
}

.graphCaption {
  margin-bottom: 20px;
  font-size: 1.0em;
  font-weight: bold;
  text-align: left;
}

/*----- banner -----*/
.banner {
  margin-top: 64px;
  text-align: center;
}

/*----- label -----*/
.label, .labelNew {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: 5px 4px 4px;
  border-radius: 4px;
  color: #fff;
  font-size: 0.92857em;
  line-height: 1.2;
  text-align: center;
}

.label {
  min-width: 70px;
  background-color: #A0C81E;
}

.labelEmphasis {
  background-color: #EE7800;
}

.labelNew {
  background-color: #EE7800;
}

.labelList {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: -4px -4px 0;
}

.labelList .label {
  margin: 4px 4px 0;
}

/*----- link -----*/
.linkArrow, .linkArrowAnchor {
  -webkit-transition: color ease-out 0.15s;
  padding: 0 43px 0 0;
  text-decoration: none;
  transition: color ease-out 0.15s;
}

.linkArrow::after, .linkArrowAnchor::after {
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.linkArrow {
  position: relative;
  color: #004831;
}

.linkArrow:after {
  position: absolute;
  width: 15px;
  height: 9px;
  background: url(/build/2000/smbc-reference/kojin/n_common/images/ico_arrow_green01.png) no-repeat 50% 50%;
  background-size: 15px 9px;
  content: "";
}

.linkArrow::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.linkArrow.linkArrowFresh:after {
  background-image: url(/build/2000/smbc-reference/kojin/n_common/images/ico_arrow_green_fresh01.png);
}

.linkArrowAnchor {
  position: relative;
}

.linkArrowAnchor:after {
  position: absolute;
  width: 17px;
  height: 10px;
  background: url(/build/2000/smbc-reference/kojin/n_common/images/ico_arrow_green_fresh01.png) no-repeat 50% 50%;
  background-size: 17px 10px;
  content: "";
}

.linkArrowAnchor:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.linkBox .linkBoxTtl {
  display: table;
  position: relative;
  width: 100%;
  margin-bottom: 1.25em;
  padding-bottom: 1em;
  color: #004831;
  font-size: 1.51em;
  font-weight: bold;
}

.linkBox .linkBoxTtl::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #C8C8C8;
  content: "";
}

.linkBox .linkBoxTtlInr {
  display: table-cell;
  vertical-align: middle;
}

.linkBox .txtPoint {
  margin: 1.5em 0 .5em;
  font-size: 0.88889em;
  text-align: left;
}

.linkTxt {
  text-decoration: underline;
}

.linkTxt, .linkTxt:hover {
  color: #004831;
}

.linkTxt:hover {
  text-decoration: none;
}

.linkList.row {
  margin-left: 0;
}

.linkList li + li {
  margin-top: .5em;
}

.linkListItem {
  position: relative;
  padding-left: 1em;
  color: #004831;
  font-size: 1.13em;
  font-weight: bold;
}

.linkListItem:before {
  position: absolute;
  width: 15px;
  height: 9px;
  background: url(/build/2000/smbc-reference/kojin/n_common/images/ico_arrow_green_fresh01.png) no-repeat 50% 50%;
  background-size: 15px 9px;
  content: "";
}

.linkListItem[class*=col] {
  padding-left: 1em;
}

.linkListItem::before {
  -webkit-transform: rotate(90deg);
  top: .5em;
  left: -3px;
  transform: rotate(90deg);
}

.linkListItem + .linkListItem {
  margin-top: 1.25em;
}

.linkListItem a {
  -webkit-transition: color ease-out 0.15s;
  display: inline-block;
  color: #004831;
  text-decoration: none;
  transition: color ease-out 0.15s;
}

.linkListItem a:hover {
  color: #EE7800;
}

/*----- list -----*/
.listDotTypeA > li, .listDotTypeB > li {
  position: relative;
  text-align: left;
}

.listDotTypeA > li::before, .listDotTypeB > li::before {
  position: absolute;
  left: 0;
  line-height: 1;
}

.listDotTypeA > li a:not(:hover), .listDotTypeB > li a:not(:hover) {
  text-decoration: none;
}

.listDotTypeA ul, .listDotTypeB ul, .listDotTypeA ol, .listDotTypeB ol {
  margin-top: .5em;
}

.listDotTypeA > li {
  padding-left: 1em;
}

.listDotTypeA > li:before {
  top: .25em;
  content: "・";
}

.listDotTypeB.row {
  margin-left: 0;
}

.listDotTypeB > li {
  padding-left: .75em;
  color: #004831;
  font-weight: bold;
  line-height: 1.7;
}

.listDotTypeB > li[class*=col] {
  padding-left: .75em;
}

.listDotTypeB > li a {
  color: #004831;
}

.listDotTypeB > li:before {
  top: .5em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #C4D700;
  content: "";
}

.listDotTypeB > li + li {
  margin-top: 1.5em;
}

.listDotRow {
  margin: -12px;
}

.listDotRow li {
  display: inline-block;
  margin: 0 12px;
}

.listDecimal {
  padding-left: 1.25em;
  list-style: decimal;
}
.listDecimal li{
  list-style: decimal;
}

.listCountNumber, .listCountNumberLeading0 {
  counter-reset: number 0;
}

.listCountNumber .number, .listCountNumberLeading0 .number {
  position: relative;
  color: #004831;
  counter-increment: number;
}

.listCountNumber .number::before, .listCountNumberLeading0 .number::before {
  z-index: 1;
  font-family: Arial;
  font-weight: bold;
  line-height: 1;
}

.listCountNumber .number::before {
  content: counter(number);
}

.listCountNumberLg .number {
  margin-bottom: 25px;
  padding-left: 55px;
  font-size: 2em;
  font-weight: bold;
}

.listCountNumberLg .number::before {
  position: absolute;
  left: 0;
  font-size: 2em;
}

.listCountNumberLg li + li {
  margin-top: 64px;
}

.listCountNumberLeading0 .number::before {
  position: absolute;
  top: -.3em;
  right: 0;
  left: 0;
  font-size: 2.85714em;
  text-align: center;
  content: counter(number, decimal-leading-zero);
}

.listCountNumberLeading0 .number:nth-child(-n+3) {
  margin-top: .7em;
}

.listFlow {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.listFlow li {
  position: relative;
}

.listFlow li:not(:first-child)::before {
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -17px;
  width: 32px;
  height: 53px;
  margin: auto;
  background: url(/build/2000/smbc-reference/kojin/n_common/images/ico_flow.png) no-repeat 100% 50%;
  content: "";
}

.listArrow {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row wrap;
  margin-right: -28px;
  margin-left: -28px;
}

.listArrowCol2 li {
  width: 50%;
}

.listArrowCol3 li {
  width: 33.33333%;
}

.listArrow li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 28px;
}

.listArrow li:not(:last-child) .listArrowItem {
  position: relative;
}

.listArrow li:not(:last-child) .listArrowItem:after {
  position: absolute;
  width: 32px;
  height: 38px;
  background: url(/build/2000/smbc-reference/kojin/n_common/images/ico_list_arrow.png) no-repeat 50% 50%;
  background-size: 32px 38px;
  content: "";
}

.listArrow li:not(:last-child) .listArrowItem::after {
  position: absolute;
  top: 0;
  right: -32px;
  bottom: 0;
  margin: auto;
}

.listMeritItem {
  position: relative;
  margin-top: 1em;
  padding: 48px 18px 40px;
  border-radius: 6px;
  background-color: rgba(75, 75, 75, 0.06);
}

.listMeritItem p + p {
  margin-top: 20px;
}

.listMeritNum {
  display: block;
  position: absolute;
  top: -.5em;
  padding-left: 32px;
  color: #EE7800;
  font-size: 1.57em;
  line-height: 1.2;
}

.listMeritNum::before, .listMeritNum::after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  background-color: rgba(250, 130, 0, 0.5);
  content: "";
}

.listMeritNum::before {
  left: 5px;
  width: 18px;
  height: 18px;
}

.listMeritNum::after {
  left: 0;
  width: 28px;
  height: 28px;
}

.listMerit .txtMain {
  color: #004831;
  font-size: 1.57143em;
  font-weight: bold;
}

.listPointItem {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 32px 15px 40px;
  overflow: hidden;
  border-radius: 6px;
  background-color: #F4F4F4;
  text-align: center;
}

.listPointItem .listPointNum {
  display: block;
  margin-bottom: 23px;
  font-size: 1.14286em;
  font-weight: bold;
}

.listPointItem .listPointTxtBox {
  display: table;
  width: 100%;
}

.listPointItem .listPointTxtBox .listPointTxtBoxInr {
  display: table-cell;
  vertical-align: middle;
}

.listPointItem .listPointTtl {
  color: #004831;
  font-size: 1.42857em;
  font-weight: bold;
}

/*----- panel -----*/
.panelBtn {
  -webkit-box-shadow: 0 5px 0 rgba(72, 72, 72, 0.12);
  box-shadow: 0 5px 0 rgba(72, 72, 72, 0.12);
  text-align: center;
}

.panelBtn .panelLink {
  -webkit-transition: opacity ease-out 0.15s;
  display: block;
  color: #333;
  text-decoration: none;
  transition: opacity ease-out 0.15s;
}

.panelBtn .panelLink:hover {
  opacity: 0.8;
}

.panelBtn .panelTxtBox {
  position: relative;
  padding-bottom: 16px;
}

.panelBtn .panelTxtBox:after {
  position: absolute;
  width: 17px;
  height: 10px;
  background: url(/build/2000/smbc-reference/kojin/n_common/images/ico_arrow_green_fresh01.png) no-repeat 50% 50%;
  background-size: 17px 10px;
  content: "";
}

.panelBtn .panelTxtBox::after {
  -webkit-transform: rotate(90deg);
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto;
  transform: rotate(90deg);
}

.panelFlow {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.panelFlowItem {
  position: relative;
}

.panelFlowItem:not(:first-child) {
  position: relative;
}

.panelFlowItem:not(:first-child):before {
  position: absolute;
  width: 28px;
  height: 43px;
  background: url(/build/2000/smbc-reference/kojin/n_common/images/ico_flow.png) no-repeat 50% 50%;
  background-size: 28px 43px;
  content: "";
}

.panelFlowItem:not(:first-child)::before {
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -17px;
  width: 28px;
  height: 43px;
  margin: auto;
  background: url(/build/2000/smbc-reference/kojin/n_common/images/ico_flow.png) no-repeat 100% 50%;
  content: "";
}

.panelFlowItem .panel {
  z-index: 1;
  position: relative;
  height: 100%;
}

.panel {
  overflow: hidden;
  border-radius: 6px;
  background-color: #fff;
}

.panelFig {
  overflow: hidden;
  border-radius: 6px 6px 0 0;
}

.panelFig img {
  width: 100%;
}

.panelTxtBox {
  padding: 16px 16px 24px;
}

.panelTxtBox > p {
  font-size: 1.14286em;
}

.panelTtl {
  margin-bottom: 24px;
  font-size: 1.28571em;
  font-weight: bold;
  line-height: 1.44444;
}

.panelTtl:last-child {
  margin-bottom: 0;
}

.panelTtlRow {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  color: #004831;
}

.panelTtlNum {
  margin-right: .4em;
  font-family: Arial;
  font-size: 2.85714em;
  line-height: 1;
}

/*----- row -----*/
.definitionRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.definitionRow + .definitionRow {
  margin-top: 16px;
}

.definitionRow dt {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.definitionRow dd {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.definitionRow.colon dd {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 1.25em;
  text-indent: -1.25em;
}

.definitionRow.colon dd::before {
  margin: 0 2px;
  content: '：';
}

/*----- table -----*/
.tableBox .table {
  margin-bottom: 0;
  border: 0;
}

.tableBox .tableCaption {
  margin-bottom: 9px;
  padding: 8px 32px;
  background-color: #B9DE40;
  font-size: 1.42857em;
  font-weight: bold;
}

.tableBox .table tr > * {
  padding: 16px 32px;
  border-right: 0;
  border-bottom-color: #C8C8C8;
}

.tableFixed {
  table-layout: fixed;
}

.tableStripeBox .table {
  margin-bottom: 0;
}

.tableStripeBox .table thead th {
  background-color: rgba(160, 200, 30, 0.16);
}

.tableStripeBox .table tr > * {
  padding: 18px 32px;
  border-right: 1px solid #C8C8C8;
  border-bottom: 1px solid #C8C8C8;
  background-color: transparent;
}

.tableStripeBox .table tbody tr:nth-child(even) {
  background-color: rgba(75, 75, 75, 0.06);
}

/*----- text -----*/
.txtAnnotation {
  display: block;
  padding-left: 1em;
  color: #4B4B4B;
  text-indent: -1em;
}

.txtAnnotation::before {
  content: "※";
}

.txtBody {
  margin: 1.85em 0;
  font-size: 1.0em;
}

.txtBody:first-child {
  margin-top: 0;
}

.txtBody:last-child {
  margin-bottom: 0;
}

.txtLead {
  margin: 3em 0;
  font-size: 1em;
}

.txtLeadLg {
  margin: 2.7em 0 2.5em;
  font-size: 1.13em;
}

.txtLeadTop {
  margin: 2.7em 0 3.5em;
  font-size: 1.13em;
  font-weight: bold;
  text-align: center;
}

[class*=headingType] + .txtLead {
  margin-top: 0;
}

.txtIndent, .listIndent li {
  padding-left: 1em;
  text-indent: -1em;
}

.listIndent {
  text-align: left;
}

.txtMarker {
  display: inline;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.8em, transparent), color-stop(0%, rgba(245, 199, 0, 0.5)));
  background-image: linear-gradient(to bottom, transparent 0.8em, rgba(245, 199, 0, 0.5) 0%);
  font-weight: bold;
}

.txtMarker strong {
  font-size: 1.12em;
}

.txtNote {
  color: #4B4B4B;
}

.noteBoxXs {
  margin-top: 1.75em;
  font-size: 0.85714em;
  line-height: 1.83333;
}

.noteBoxSm {
  margin-top: 1.75em;
  line-height: 1.71429;
  font-size: 88%;
}

.noteBoxMd {
  margin-top: 1.75em;
  line-height: 1.625;
}

.noteBoxLg {
  margin-top: 1.75em;
  font-size: 1.28571em;
  line-height: 1.55556;
}

.txtPoint {
  display: block;
  font-size: 1em;
  text-align: center;
}

.txtPoint span {
  display: inline-block;
  position: relative;
  padding: 0 1.25em;
  color: #333;
  font-weight: bold;
  line-height: 1.2;
}

.txtPoint span::before, .txtPoint span:after {
  position: absolute;
  bottom: 1px;
  width: 3px;
  height: 100%;
  border-radius: 3px;
  background-color: #C4D700;
  content: "";
}

.txtPoint span::before {
  -webkit-transform: rotate(-40deg) translate(0.25em, 0.25em);
  left: 0;
  transform: rotate(-40deg) translate(0.25em, 0.25em);
}

.txtPoint span::after {
  -webkit-transform: rotate(40deg) translate(-0.25em, 0.25em);
  right: 0;
  transform: rotate(40deg) translate(-0.25em, 0.25em);
}

.txtPointEmphasis span::before, .txtPointEmphasis span:after {
  background-color: #EE7800;
}

.txtPointEmphasis span::before {
  -webkit-transform: rotate(-40deg);
  transform: rotate(-40deg);
}

.txtPointEmphasis span::after {
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
}

/*----- box -----*/
.boxBorder {
  padding: 32px 28px;
  overflow: hidden;
  border: 2px solid #E9E9E9;
  border-radius: 6px;
}

.boxBorder .boxTtl {
  margin-bottom: 24px;
  font-size: 1.28571em;
  font-weight: bold;
}

.boxBorder .boxTxtPrimary {
  font-size: 1.63em;
  font-weight: bold;
}

.boxBorder > p {
  font-size: 1.0em;
}

.boxBorderPrimary {
  border-width: 3px;
  border-color: #A0C81E;
  background-color: #fff;
}

.boxBorderPrimary .boxTtl {
  font-size: 1.38em;
}

.boxBorderEmphasis {
  border-color: #EE7800;
  background-color: rgba(255, 255, 255, 0.88);
}

.boxLayer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.boxLayerFig {
  z-index: 1;
  position: relative;
  width: 438px;
}

.boxLayerFig img {
  width: 100%;
}

.boxLayerTxt {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  min-height: 356px;
  margin-top: 40px;
  padding: 30px 65px 60px;
  color: #004831;
  font-size: 1.25em;
  line-height: 2.3;
}

.boxLayerTxt::before {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% + 160px);
  height: 100%;
  background-color: rgba(185, 222, 64, 0.3);
  content: "";
  pointer-events: none;
}

.boxNotice {
  margin: 56px 0 30px;
  padding: 18px 20px;
  border: 1px solid #D20000;
  background-color: rgba(236, 147, 147, 0.06);
  color: #D20000;
}

.boxNotice + .boxNotice, .boxNotice + .accordion.boxNotice {
  margin-top: 30px;
}

.boxNotice a {
  color: #D20000;
}

.boxAttention, .boxNotice {
  line-height: 1.85714;
}

.boxAttention p, .boxNotice p {
  margin: 1.5em 0;
}

.boxAttention p:last-child, .boxNotice p:last-child {
  margin-bottom: 0;
}

.boxAttention p:first-child, .boxNotice p:first-child {
  margin-top: 0;
}

.boxAttention .txtAnnotation, .boxNotice .txtAnnotation {
  margin: 0;
}

.boxAttention .listDotTypeA + .listDotTypeA, .boxNotice .listDotTypeA + .listDotTypeA {
  margin-top: 1.32em;
}

.boxOutline {
  margin: 56px 0 30px;
  padding: 16px 24px;
  border: 1px solid;
  border-radius: 6px;
}

.boxOutline:first-child {
  margin-top: 0;
}

.boxOutline:last-child {
  margin-bottom: 0;
}

.boxOutlineNotice {
  border-color: #D20000;
}

.box {
  padding: 40px 40px;
  overflow: hidden;
  border-radius: 6px;
}

.box + .box {
  margin-top: 40px;
}

.boxInside {
  padding: 75px 80px 96px;
}

.box .headingType01 {
  margin-bottom: 50px;
}

.box .boxTtl {
  margin: 42px 0 24px;
  font-size: 1.13em;
  font-weight: bold;
  text-align: center;
}

.box .boxTtl:first-child {
  margin-top: 0;
}

.box .boxTxtLead {
  font-size: 1.13em;
  font-weight: bold;
  text-align: center;
}

.box .boxTxtLead:not(:last-child) {
  margin-bottom: 40px;
}

.box .boxTxt {
  margin-top: 1.5em;
  font-size: 1.0em;
}

.box .boxFig {
  margin-top: 40px;
}

.box .boxFig .boxFigCaption {
  margin-top: 1.15em;
}

.box .btnBlock {
  margin: 64px 0;
}

.box .btnBlock:last-child {
  margin-bottom: 0;
}

.boxImgRow:after {
  display: block;
  clear: both;
  content: "";
}

.boxImgRow .boxImg {
  margin-right: 38px;
  float: left;
}

.boxImgRow .boxImg ~ * {
  overflow: hidden;
  text-align: left;
}

.boxImgRow .boxImg + .boxTtl {
  margin-top: 0;
}

.boxImgRow .boxTtl {
  margin: 0 0 15px;
  font-size: 1.57143em;
}

/*----- cvArea -----*/
.cvArea + .content[class*=bg] {
  /* margin-top: 96px; */
}

.cvAreaBg {
  padding: 50px 0;
  background: url(/build/2000/smbc-reference/kojin/n_common/images/cv_bg01.jpg) no-repeat 50% 50%;
  background-size: cover;
}

.cvArea .cvPanel {
  padding: 55px 70px 40px;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.9);
}

.cvArea .cvPanelTtl {
  margin-bottom: 40px;
  font-size: 1.57143em;
  letter-spacing: 0.24em;
  line-height: 1.8;
  text-align: center;
}

.cvArea .cvPanelTtl strong {
  font-size: 2.09091em;
}

.cvArea .cvPanelLower {
  margin-top: 36px;
  padding-top: 32px;
  border-top: 1px solid #C8C8C8;
}

.cvArea .cvPanelLower .contactLeft {
  margin-top: 1em;
}

.cvArea .cvPanelListDotted {
  margin: 0 -10px;
}

.cvArea .cvPanelListDotted li {
  display: inline-block;
  position: relative;
  margin: 0 10px;
  padding-left: 1em;
  color: #004831;
  font-size: 1.13em;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-align: left;
}

.cvArea .cvPanelListDotted li::before {
  position: absolute;
  top: .4em;
  left: 0;
  width: 10px;
  height: 10px;
  overflow: hidden;
  border-radius: 50%;
  background-color: #A0C81E;
  line-height: 1;
  content: "";
}

.cvArea .btnRow {
  margin: 24px 0 0;
}

.cvArea .contact:after {
  display: block;
  clear: both;
  content: "";
}

.cvArea .contactTtl {
  margin-bottom: .5em;
  font-size: 1.28571em;
  font-weight: bold;
}

.cvArea .contact .contactLeft, .cvArea .contact .contactRight {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.cvArea .contact .contactLeft {
  width: 40%;
  padding-right: 1em;
  float: left;
}

.cvArea .contact .contactRight {
  width: 60%;
  float: right;
}

.cvArea .contact .txtTel {
  font-size: 3.14286em;
  font-weight: bold;
  letter-spacing: -.1rem;
}

.cvArea .contact .txtTel:hover {
  color: #004831;
}

.cvArea .contact .noteBoxSm {
  margin-top: 0;
}

/*----- moneyguide -----*/
.moneyguidePanel {
  position: relative;
  margin-top: 96px;
  padding-top: 40px;
  border: 4px solid #A0C81E;
  border-radius: 6px;
  background: rgba(226, 238, 187, 0.7) url(/build/2000/smbc-reference/kojin/n_common/images/moneyguide_bg.png) no-repeat 50% 0;
  text-align: center;
}

.moneyguidePanel:first-child {
  margin-top: 0;
}

.moneyguidePanel::after {
  position: absolute;
  top: -25.8px;
  right: 97px;
  width: 135px;
  height: 183px;
  background: url(/build/2000/smbc-reference/kojin/n_common/images/moneyguide_chara01.png) no-repeat 50% 50%;
  content: "";
}

.moneyguidePanelTtl {
  margin-bottom: 20px;
}

.moneyguidePanelLead {
  font-size: 1.13em;
  font-weight: bold;
}

.moneyguidePanelNav {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin-top: 40px;
  padding: 24px 0 20px;
  background-color: rgba(255, 255, 255, 0.8);
}

.moneyguidePanelNav li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 4px;
  text-align: center;
}

.moneyguidePanelNav .inr {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-transition: opacity 0.15s ease-out;
  display: block;
  flex-direction: column;
  height: 100%;
  min-height: 0%;
  text-decoration: none;
  transition: opacity 0.15s ease-out;
}

.moneyguidePanelNav .inr:hover {
  opacity: 0.8;
}

.moneyguidePanelNav .ico {
  width: 108px;
  height: 112px;
}

.moneyguidePanelNav .ico img {
  width: 100%;
}

.moneyguidePanelNav .ttl {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  height: calc(100% - 112px);
  min-height: 0%;
  color: #004831;
  font-size: 0.75em;
  font-weight: bold;
}

/*----- accordion -----*/
.accordion {
  border-radius: 6px;
  background-color: rgba(75, 75, 75, 0.06);
}

.accordion + .accordion {
  margin-top: 40px;
}

.accordion .accordionHeader {
  position: relative;
  padding: 14px 55px 15px 40px;
  cursor: pointer;
}

.accordion .accordionHeader::before, .accordion .accordionHeader::after {
  -webkit-transition: opacity ease-in-out .4s, -webkit-transform ease-in-out .4s;
  position: absolute;
  top: 0;
  right: 24px;
  bottom: 0;
  width: 20px;
  height: 3px;
  margin: auto;
  background-color: #004831;
  content: "";
  transition: opacity ease-in-out .4s, -webkit-transform ease-in-out .4s;
  transition: transform ease-in-out .4s, opacity ease-in-out .4s;
  transition: transform ease-in-out .4s, opacity ease-in-out .4s, -webkit-transform ease-in-out .4s;
}

.accordion .accordionHeader::after {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.accordion .accordionHeaderTtl {
  font-size: 1.13em;
  font-weight: bold;
}

.accordion .accordionHeader .txtPoint {
  display: inline-block;
  width: 170px;
}

.accordion .accordionBody {
  padding: 32px 40px;
  border-top: 1px solid #4b4b4b1a;
}

.accordion .accordionBody .txt {
  margin-top: 40px;
}

.accordion .accordionBody .btnBlock {
  margin: 56px 0;
}

.accordion .accordionBody .btnBlock:last-child {
  margin-bottom: 0;
}

.accordion.isOpen .accordionHeader::after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  opacity: 0;
}

.accordion.isOpen .accordionBody {
  display: block;
}

.accordionTtl {
  margin: 2.5em 0 1.25em;
  font-size: 1.14286em;
}

.accordionTtl:first-child {
  margin-top: 0;
}

.accordionBlock {
  margin-top: 80px;
}

.accordionBlock:first-child {
  margin-top: 0;
}

.accordion.boxAttention .accordionHeader::before, .accordion.boxAttention .accordionHeader::after, .accordion.boxNotice .accordionHeader::before, .accordion.boxNotice .accordionHeader::after {
  width: 24px;
  border-radius: 3px;
}

.accordion.boxAttention:first-child {
  margin-top: 0;
}

.accordion.boxAttention .accordionHeader::before, .accordion.boxAttention .accordionHeader::after {
  background-color: rgba(51, 51, 51, 0.6);
}

.accordion.boxNotice {
  padding: 0;
  border: 1px solid #D20000;
  background-color: rgba(236, 147, 147, 0.06);
}

.accordion.boxNotice .accordionHeader {
  color: #D20000;
}

.accordion.boxNotice .accordionHeader::before, .accordion.boxNotice .accordionHeader::after {
  background-color: #D20000;
}

.accordion.boxNotice .accordionBody {
  border-color: #D20000;
}

/* イレギュラータイプ A */
.accordionTypeA .accordion {
  background-color: #fff;
}

.accordionTypeA .accordionHeader {
  overflow: hidden;
  border-radius: 6px;
  background-color: rgba(75, 75, 75, 0.06);
}

.accordionTypeA .accordionBody {
  padding: 56px 0;
  border-top: 0;
}

.accordionTypeA .accordionBodyHeader {
  margin-bottom: 56px;
}

.accordionTypeA .accordionBodyHeader:after {
  display: block;
  clear: both;
  content: "";
}

.accordionTypeA .accordionBodyHeader .headingType02 {
  margin-top: 0;
}

.accordionTypeA .accordionBodyHeader > * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 48%;
}

.accordionTypeA .accordionBodyHeader > *:not(.accordionBodyFig) {
  float: left;
}

.accordionTypeA .accordionBodyHeader .accordionBodyFig {
  float: right;
  text-align: center;
}

.accordionTypeA .accordionBodyHeader .accordionBodyLead {
  font-size: 1.13em;
  font-weight: bold;
}

.accordionTypeA .accordion:last-child .accordionBody {
  padding-bottom: 0;
}

/* イレギュラータイプ B */
.accordionTypeB .accordion {
  background-color: #fff;
}

.accordionTypeB .accordionHeader {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding: 0 55px 0 24px;
}

.accordionTypeB .accordionHeader .accordionHeaderIco {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  display: inline-block;
  order: -1;
  width: 64px;
  margin-right: 12px;
}

.accordionTypeB .accordionBody .headingType03 {
  margin-bottom: 24px;
  font-size: 1.57143em;
}

/*----- faq -----*/
.faq {
  overflow: hidden;
  border-radius: 6px;
  background-color: rgba(75, 75, 75, 0.06);
  font-size: 1.14286em;
}

.faq + .faq {
  margin-top: 16px;
}

.faq .faqHeader .faqIco, .faq .faqBody .faqIco {
  display: inline-block;
  position: relative;
  padding-left: 34px;
}

.faq .faqHeader .faqIco::before, .faq .faqBody .faqIco::before {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: bold;
}

.faq .faqHeader {
  font-weight: bold;
}

.faq .faqHeader .faqIco::before {
  color: #A0C81E;
  content: "Q.";
}

.faq .faqBody {
  border-top: 0;
}

.faq .faqBody .faqIco::before {
  color: #EE7800;
  content: "A.";
}

.faq:not(.accordion) {
  margin-top: 70px;
  padding: 32px 24px;
}

.faq:not(.accordion) .faqHeader {
  margin-bottom: 24px;
}

.faq:not(.accordion) .faqBody {
  padding-left: 16px;
}

.faq.accordion {
  font-size: 1.28571em;
}

.faq.accordion .faqHeader {
  padding-left: 32px;
}

.faq.accordion .faqBody {
  padding: 0 48px 30px;
}

.faq.accordion .faqBody .faqIco::before {
  color: #A0C81E;
}

/*----- more -----*/
.moreBtn {
  position: relative;
  margin: 0 auto;
  padding-top: 55px;
  background-color: transparent;
  font-size: 1.14286em;
  font-weight: bold;
}

.moreBtn::before, .moreBtn::after {
  -webkit-transition: opacity ease-in-out .4s, -webkit-transform ease-in-out .4s;
  position: absolute;
  top: 15px;
  right: 0;
  left: 0;
  width: 30px;
  height: 4px;
  margin: 0 auto;
  border-radius: 6px;
  background-color: #004831;
  content: "";
  transition: opacity ease-in-out .4s, -webkit-transform ease-in-out .4s;
  transition: transform ease-in-out .4s, opacity ease-in-out .4s;
  transition: transform ease-in-out .4s, opacity ease-in-out .4s, -webkit-transform ease-in-out .4s;
}

.moreBtn::after {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.moreBtn.isOpen::after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  opacity: 0;
}

.moreBtnBlock {
  margin-top: 48px;
  text-align: center;
}

.moreWrap.onlySp .moreBtnBlock {
  display: none;
}

.moreWrap:not(.onlySp) .moreContent {
  display: none;
}

.faq + .moreContent {
  margin-top: 16px;
}

/*----- tab -----*/
.layoutColumn .tabWrap {
  margin-top: 60px;
}

.layoutColumn .tabPanels {
  margin-top: 40px;
  padding-top: 40px;
}

.tab {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  height: 100%;
  padding: 20px 15px;
  border: 2px solid #F4F4F4;
  border-radius: 6px;
  background-color: #fff;
  text-align: center;
  cursor: pointer;
}

.tab:hover {
  background-color: #F4F4F4;
}

.tabTtl {
  color: #004831;
  font-size: 1.26em;
  font-weight: bold;
}

.tabTtl .tabTtlSub {
  display: block;
  margin-bottom: 4px;
  color: #333;
  font-size: 0.7em;
  font-weight: normal;
}

.tabIco {
  width: 100px;
  margin: 0 auto 13px;
}

.tabListItem.isActive .tab {
  border: 0;
  border-bottom: 8px solid #C4D700;
  background-color: #F4F4F4;
}

.tabListTop .tabListItem.isActive {
  position: relative;
}

.tabListTop .tabListItem.isActive:after {
  position: absolute;
  width: 25px;
  height: 15px;
  background: url(/build/2000/smbc-reference/kojin/n_common/images/ico_tab.png) no-repeat 50% 50%;
  background-size: 25px 15px;
  content: "";
}

.tabListTop .tabListItem.isActive::after {
  right: 0;
  bottom: -10px;
  left: 0;
  margin: 0 auto;
}

.tabListBottom {
  margin-top: 80px;
}

.tabPanels {
  position: relative;
  margin-top: 80px;
  padding-top: 80px;
  border-top: 2px solid rgba(75, 75, 75, 0.06);
}

.tabPanels .tabPanel {
  display: none;
}

.tabPanels .tabPanel.isActive {
  display: block;
}

/* アニメーション
-----------------------------------------------------------*/
[data-efect=fade-in] {
  -webkit-transform: translateY(30px);
  -webkit-transition: all ease-in-out 0.6s;
  transform: translateY(30px);
  opacity: 0;
  transition: all ease-in-out 0.6s;
}

[data-efect=fade-in].isActive {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

/* utility
-----------------------------------------------------------*/
/* clearfix */
.clearfix:after {
  display: block;
  clear: both;
  content: "";
}

.clearBoth {
  clear: both !important;
}

.fcBase {
  color: #333 !important;
}

.fcPrimary {
  color: #004831 !important;
}

.fcSecondary {
  color: #C4D700 !important;
}

.fcEmphasis {
  color: #EE7800 !important;
}

.fcNotice {
  color: #D20000 !important;
}

/* background-color */
.bgGrayLv1 {
  background-color: rgba(75, 75, 75, 0.06);
}

.bgGrayLv2 {
  background-color: #F4F4F4;
}

.bgGrayLv3 {
  background-color: #EEEDEA;
  background-image: url(/build/2000/smbc-reference/kojin/asset-management/wealth/cmn/imgs/cmn_bg_03.png);
  background-position: center 100%;
  background-repeat: no-repeat;
  margin-top: 0!important;
  padding: 10px 0;
}
@media screen and (max-width: 767px) {
  .bgGrayLv3 {
    background-size: 193%;
    background-position: 42% 100%;
    margin-top: 24px!important;
  }
}

.bgWhite {
  background-color: #fff;
}

.bgGreenLv1 {
  background-color: #C4D700;
}

.bgGreenLv2 {
  background-color: rgba(160, 200, 30, 0.16);
}

.bgGreenLv3 {
  background-color: rgba(185, 222, 64, 0.3);
}

.bgLightBlue {
  background-color: rgba(40, 166, 160, 0.06);
}

/* font-family */
.fontArial {
  font-family: Arial;
}

/* font-size */
.fsXs {
  font-size: 0.71429em !important;
}

.fsSm {
  font-size: 0.85714em !important;
}

.fsMd {
  font-size: 1em !important;
}

.fsLg {
  font-size: 1.14286em !important;
}

.fsXl {
  font-size: 1.28571em !important;
}

.fsXXl {
  font-size: 1.42857em !important;
}

.fsRenewal{
  font-size: 88%;
}

/* hover */
.hover-opacity {
  -webkit-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
}

.hover-opacity:hover {
  opacity: 0.8;
}

@media screen and (max-width: 767px) {
  #wrap #mainArea {
    margin-bottom: 72px;
  }
  #wrap #mainArea main {
    padding: 0;
  }
  #wrap #mainArea.mainFull {
    padding: 0;
  }
  .content {
    padding: 56px 0 50px;
  }
  .content > [class*=bg] {
    padding: 56px 0;
  }
  .content:not([class*=bg]) + .bgWhiteSp {
    padding-top: 0;
  }
  .content.bgWhiteSp {
    padding-bottom: 0;
  }
  .contentInner {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .contentInner + [class*=bg]:not(.bgWhiteSp) {
    margin-top: 56px;
  }
  .contentInnerSp {
    padding-right: 15px;
    padding-left: 15px;
  }
  .contentOuterSp {
    width: auto;
    margin-right: -15px;
    margin-left: -15px;
  }
  .section {
    margin-top: 56px;
  }
  .section > section {
    margin-top: 56px;
  }
  .fixedNav {
    display: block;
  }
  .fixedNavList {
    overflow: hidden;
  }
  .fixedNavItem {
    width: 50%;
    float: left;
  }
  .fixedNavItem a {
    display: block;
    padding: 14px 0 13px;
    color: #fefefe;
    text-align: center;
    text-decoration: none;
  }
  .fixedNavItem span {
    display: inline-block;
    font-size: 0.82em;
  }
  .fixedNavItem.soudan a {
    background: #FA8200;
  }
  .fixedNavItem.soudan span {
    padding-left: 31px;
    background: url(/build/2000/smbc-reference/kojin/n_common/images/ico_soudan.png) left 50% no-repeat;
    background-size: 25px 19px;
  }
  .fixedNavItem.shiryo a {
    background: #8EB60B;
  }
  .fixedNavItem.shiryo span {
    padding-left: 33px;
    background: url(/build/2000/smbc-reference/kojin/n_common/images/ico_shiryo.png) left 50% no-repeat;
    background-size: 25px 19px;
  }
  .fixedNav.isFixed {
    z-index: 3;
    position: fixed;
    top: 0;
    width: 100%;
  }
  .anchorLinkList {
    display: none;
    margin: 56px 0;
  }
  .balloonTypeA .balloon strong, .balloonTypeB .balloon strong {
    font-size: 1.28571em;
  }
  .balloonTypeA + .balloonTypeA {
    margin-top: 40px;
  }
  .balloonTypeA .balloon {
    margin-bottom: 13px;
    padding: 15px 35px;
    border-radius: 6px;
    font-size: 0.88em;
  }
  .balloonTypeA .balloon p {
    display: block;
  }
  .balloonTypeA .balloon strong {
    font-size: 1.28571em;
  }
  .balloonTypeA .balloonIco {
    width: 124px;
    height: 124px;
  }
  .balloonTypeB + .balloonTypeB {
    margin-top: 40px;
  }
  .balloonTypeB .balloon {
    margin-top: 25px;
    padding: 20px 15px;
    font-size: 1.14286em;
  }
  .balloonTypeB .balloonMd {
    width: 100%;
  }
  .btn-re {
    width: 100%;
    padding: 18px 10px 17px;
    font-size: 1.0em;
  }
  .btn-re {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .btn[data-adjust-height] {
    height: 100%;
  }
  .btnIcoRow {
    text-align: center;
  }
  .btnIcoRow .btnIco {
    margin: 0 0 5px;
  }
  .btnIcoRow .btnIco img {
    width: 100%;
  }
  .btnIcoRow .btnTxt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
    align-items: center;
    font-size: 1.25em;
  }
  .btnIcoRow.btnArrow {
    padding: 12px 10px 40px;
  }
  .btnIcoRow.btnArrow::after {
    top: auto;
    right: 0;
    bottom: 16px;
    left: 0;
  }
  .btnArrow {
    padding-right: 40px;
    text-align: center;
  }
  .btnArrowInr {
    padding-right: 51px;
    font-size: 1em;
  }
  .btn-re small {
    font-size: 0.75em;
  }
  .btnBlank {
    padding-right: 40px;
    padding-left: 40px;
  }
  .btnBlank::after {
    right: 18px;
  }
  .btnIcoTel {
    padding-right: 45px;
    padding-left: 45px;
    background-position-x: 18px;
  }
  .btnIcoBeginner {
    padding: 14px 40px;
    background-position-x: 16px;
    background-size: 22px 32px;
  }
  .btnBlock {
    margin: 49px 15px;
  }
  .btnBlock .btn-re {
    width: 100%;
    min-width: 0;
  }
  .btnRow {
    display: block;
  }
  .btnRow .btnRowItem {
    width: 100%;
    padding: 0;
  }
  .btnRow .btnRowItem + .btnRowItem {
    margin-top: 20px;
  }
  .card .cardHeader .cardHeaderTtl {
    font-size: 1.26em;
  }
  .card .cardBody {
    padding: 16px 15px;
  }
  .card .cardBody .cardTtl {
    font-size: 1.0em;
  }
  .card .cardBody .cardIco {
    min-width: 48px;
    margin-bottom: .5em;
  }
  .card .cardBody .cardIco img {
    width: 100%;
  }
  .card .cardBody .cardBtnBlock {
    margin: 35px 0 15px;
  }
  .card .cardTxtBox p {
    font-size: 0.88em;
  }
  .card:not(.cardBtn) .cardLinkTxt {
    position: static;
    margin-top: 2em;
    font-size: 0.88em;
  }
  .card .cardBodyRow {
    display: block;
  }
  .card .cardBodyRow .cardIco {
    margin: 0 auto .5em;
  }
  .card .cardBodyRow .cardFig {
    margin: -16px -15px 0;
  }
  .card .cardBodyRow .cardFig + .cardTxtBox {
    margin-top: 24px;
  }
  .card .cardBodyRowSp {
    text-align: left;
  }
  .card .cardBodyRowSp:after {
    display: block;
    clear: both;
    content: "";
  }
  .card .cardBodyRowSp .cardIco {
    width: 72px;
    margin-bottom: 0;
    float: left;
  }
  .card .cardBodyRowSp .cardIco ~ * {
    margin-left: 105px;
  }
  .card .cardBodyRowSp .cardLinkTxt {
    position: static;
    margin-top: 14px;
    text-align: left;
  }
  .card .cardLink .cardBodyRowSp {
    padding-bottom: 20px;
  }
  .listCountNumberLeading0 .cardHeader {
    padding-top: 25px;
  }
  .cardBtn {
    text-align: left;
  }
  .cardBtn .cardBody.cardLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 24px 15px 35px;
  }
  .cardBtn .cardBody.cardLink .cardIco {
    width: 72px;
    margin-bottom: 0;
  }
  .cardBtn .cardBody.cardLink .cardIco img {
    width: 100%;
  }
  .cardBtn .cardBody.cardLink .cardIco + .cardTxtBox {
    padding-left: 16px;
  }
  .cardBtn .cardBody.cardLink .cardTtl {
    margin-top: 0;
    font-size: 1.26em;
  }
  .cardBtn .cardBody.cardLink .cardTxtBox {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .cardBtn .cardBody.cardLink .cardLinkTxt {
    right: 15px;
    bottom: 15px;
    left: auto;
  }
  .cardBtn .cardBody.cardLink .linkArrow {
    font-size: 0.77778em;
  }
  .cardRow {
    display: block;
  }
  .cardRow .cardHeader {
    width: auto;
  }
  .cardRow .cardIco {
    margin-right: 0;
  }
  .columnBox[class^=col] + .columnBox[class^=col] {
    margin-top: 30px;
  }
  .columnBoxTtl {
    font-size: 1.42857em;
  }
  .columnBoxTxt {
    font-size: 0.88em;
  }
  .row .col, .row .col2, .row .col3 {
    margin-top: 16px;
    padding-right: 8px;
    padding-left: 8px;
  }
  .row {
    margin-right: -8px;
    margin-left: -8px;
  }
  .rowSp {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    margin-right: -8px;
    margin-left: -8px;
  }
  .rowNarrowGap [class*=col] {
    padding-right: 8px;
    padding-left: 8px;
  }
  .row.columnReverseSp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .row.columnReverseSp .col1Sp + .col1Sp {
    margin-top: 0;
    margin-bottom: 16px;
  }
  .row .col1Sp {
    width: 100%;
  }
  .row .col1Sp:first-child {
    margin-top: 0;
  }
  .row .col1Sp + .col1Sp {
    margin-top: 16px;
  }
  .row .col2Sp {
    width: 50%;
  }
  .row .col2Sp:nth-child(-n+2) {
    margin-top: 0;
  }
  .row .col2Sp:nth-child(n+3) {
    margin-top: 20px;
  }
  .headingType01 {
    margin-bottom: 40px;
    font-size: 1.76em;
  }
  .headingType01:not(.notBorder)::before {
    width: 60px;
    height: 4px;
  }
  .headingType01.notBorder {
    font-size: 1.44em;
  }
  .headingType02 {
    margin: 48px 0 16px;
    font-size: 1.26em;
  }
  .headingType02::before {
    height: calc(100% - 4px);
  }
  .headingType03 {
    margin-bottom: 24px;
    font-size: 1.38em;
  }
  .headingType04 {
    font-size: 1.26em;
  }
  .headingRow .headingTxt {
    font-size: 0.6em;
  }
  .headingLabel {
    margin-bottom: 16px;
    font-size: 1.14286em;
  }
  .headingLabel span + span {
    margin-top: .25em;
  }
  .headingLabel .headingLabelInr {
    padding: 8px 15px 9px;
    font-size: 0.875em;
  }
  .headingLabelIcoSp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    padding: 8px 24px;
    border-radius: 6px;
    background-color: rgba(75, 75, 75, 0.06);
    color: #333;
    font-size: 1.13em;
  }
  .headingLabelIcoSp .headingIco {
    -ms-flex-negative: 0;
    display: inline-block;
    flex-shrink: 0;
    width: 48px;
    margin-right: 16px;
  }
  .icoAttention {
    font-size: 1em;
  }
  .icoNotice {
    font-size: 1em;
  }
  .imgFullSp {
    width: 100%;
  }
  .imgWrap img {
    width: 100%;
  }
  .graph img {
    width: 100%;
  }
  .banner {
    margin-top: 40px;
  }
  .banner img {
    width: 100%;
  }
  .labelEmphasis {
    font-size: 0.92857em;
  }
  .linkArrow, .linkArrowAnchor {
    padding-right: 33px;
  }
  .linkBoxList .linkBox + .linkBox {
    margin-top: 60px;
  }
  .linkBox .linkBoxTtl::after {
    width: 56px;
  }
  .linkBox .txtPoint {
    font-size: 0.875em;
  }
  .linkList.rowSp {
    margin-left: 0;
  }
  .linkListItem {
    font-size: 1.0em;
  }
  .linkListItem[class*=col] {
    padding-left: 1em;
  }
  .listDotRow {
    margin: 0;
  }
  .listDotRow li {
    display: block;
    margin: 0;
  }
  .listCountNumberLg .number {
    padding-left: 42px;
    font-size: 1.57143em;
  }
  .listCountNumberLg .number::before {
    font-size: 2.54545em;
  }
  .listCountNumberLg li + li {
    margin-top: 48px;
  }
  .listCountNumberLeading0 .number::before {
    margin-bottom: -.5em;
    font-size: 2.85714em;
  }
  .listCountNumberLeading0 .number:first-child {
    margin-top: .7em;
  }
  .listCountNumberLeading0 .number + .number {
    margin-top: 38px;
  }
  .listFlow li:not(:first-child) {
    margin-top: 24px;
  }
  .listFlow li:not(:first-child)::before {
    -webkit-transform: rotate(90deg);
    z-index: -1;
    top: -30px;
    right: 0;
    bottom: auto;
    left: 0;
    width: 21px;
    height: 34px;
    margin: 0 auto;
    transform: rotate(90deg);
  }
  .listFlow [class*=col] + [class*=col] {
    margin-top: 24px;
  }
  .listArrow li:not(:last-child) .listArrowItem::after {
    -webkit-transform: rotate(90deg);
    top: auto;
    right: 0;
    bottom: -40px;
    left: 0;
    margin: 0 auto;
    transform: rotate(90deg);
  }
  .listArrowCol2 li, .listArrowCol3 li {
    width: 100%;
  }
  .listArrow li + li {
    margin-top: 50px;
  }
  .listMeritItem {
    padding: 35px 20px 29px;
  }
  .listMeritItem .txtSub {
    font-size: 0.88em;
  }
  .listMeritNum {
    padding-left: 26px;
    font-size: 1.38em;
  }
  .listMeritNum::before {
    left: 4px;
    width: 12px;
    height: 12px;
  }
  .listMeritNum::after {
    width: 20px;
    height: 20px;
  }
  .listMerit .txtMain {
    font-size: 1.28571em;
  }
  .listPointItem {
    padding: 24px 15px 32px;
  }
  .listPointItem .listPointNum {
    margin-bottom: 15px;
    font-size: 1.14286em;
  }
  .listPointItem .listPointTtl {
    font-size: 1.42857em;
  }
  .panelBtn {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .panelFlowItem:not(:first-child)::before {
    display: none;
  }
  .panelList [class*=col] + [class*=col] {
    margin-top: 24px;
  }
  .panelTtl {
    font-size: 1.14286em;
  }
  .tableBox .tableCaption {
    margin-bottom: 6px;
    padding: 12px 16px;
    font-size: 1.28571em;
  }
  .tableBox .table tr > * {
    padding: 15px 16px 14px;
  }
  .tableStripeBox .table tr > * {
    padding: 10px 7px;
  }
  .txtBody {
    font-size: 0.88em;
  }
  .txtLead {
    margin: 1.75em 0;
    font-size: 0.88em;
  }
  .txtLeadLg {
    margin: 1.5em 0 2.25em;
  }
  .txtLeadTop {
    margin: 2em 0 3em;
  }
  .txtMarker strong {
    font-size: 1.17em;
  }
  .txtNote {
    font-size: 0.85714em;
  }
  .noteBoxSm {
    font-size: 0.75em;
  }
  .noteBoxLg {
    font-size: 1.14286em;
  }
  .txtPoint {
    font-size: 0.88em;
  }
  .boxBorder {
    padding: 22px 14px 30px;
  }
  .boxBorder .boxTtl {
    font-size: 1.28571em;
  }
  .boxBorder .boxTxtPrimary {
    font-size: 1.26em;
  }
  .boxBorder > p {
    font-size: 0.88em;
  }
  .boxBorderPrimary .boxTtl {
    font-size: 1.0em;
  }
  .boxLayer {
    display: block;
  }
  .boxLayerFig {
    width: 100%;
  }
  .boxLayerTxt {
    min-height: 0;
    margin-top: 0;
    padding: 18px;
    background-color: rgba(185, 222, 64, 0.3);
    font-size: 1em;
  }
  .boxLayerTxt::before {
    display: none;
  }
  .boxNotice {
    margin: 24px 0;
    padding: 16px 15px;
  }
  .boxNotice + .boxNotice, .boxNotice + .accordion.boxNotice {
    margin-top: 24px;
  }
  .boxOutline {
    margin: 24px 0;
    padding: 20px 16px;
  }
  .box {
    padding: 27px 15px 35px;
  }
  .boxInside {
    padding: 60px 15px 56px;
  }
  .box.contentOuterSp, .contentOuterSp > .box {
    border-radius: 0;
  }
  .box .boxTtl {
    margin: 30px 0 10px;
    font-size: 1.0em;
  }
  .box .boxTxtLead {
    font-size: 1.0em;
  }
  .box .boxTxt {
    font-size: 0.88em;
  }
  .box .boxFig img {
    width: 100%;
  }
  .boxImgRow {
    margin-bottom: 24px;
  }
  .boxImgRow .boxImg {
    width: 22.85714%;
    margin-right: 16px;
  }
  .boxImgRow .boxTtl {
    margin-bottom: 1em;
    font-size: 1.57143em;
  }
  .cvArea {
    padding: 56% 0 0;
    background: url(/build/2000/smbc-reference/kojin/n_common/images/cv_bg01_sp.jpg) no-repeat 50% 0;
    background-size: 100%;
  }
  .cvArea + .content[class*=bg] {
    margin-top: 64px;
  }
  .cvArea .cvPanel {
    padding: 20px 0 0;
    background-color: transparent;
    text-align: center;
  }
  .cvArea .cvPanelTtl {
    margin: 0 -15px 15px;
    font-size: 1.28571em;
  }
  .cvArea .cvPanelTtl strong {
    font-size: 2em;
  }
  .cvArea .cvPanelLower {
    padding: 0;
    border: 0;
  }
  .cvArea .cvPanelListDotted {
    display: inline-block;
    margin: 0;
  }
  .cvArea .cvPanelListDotted li {
    display: block;
    margin: 0;
    font-size: 1.13em;
  }
  .cvArea .cvPanelListDotted li + li {
    margin-top: .25em;
  }
  .cvArea .btnRow {
    padding: 0 24px;
  }
  .cvArea .contactTtl {
    font-size: 1.28571em;
    text-align: center;
  }
  .cvArea .contact .contactLeft, .cvArea .contact .contactRight {
    width: auto;
    margin-top: 10px;
    padding-right: 0;
    float: none;
  }
  .cvArea .contact .contactLeft:first-child, .cvArea .contact .contactRight:first-child {
    margin-top: 0;
  }
  .cvArea .contact .txtTel {
    font-size: 3.14286em;
  }
  .cvArea .contact .noteBoxSm {
    text-align: left;
  }
  .moneyguidePanel {
    margin-top: 56px;
    padding: 35px 11px 0;
  }
  .moneyguidePanel::after {
    display: none;
  }
  .moneyguidePanelTtl {
    margin-bottom: 16px;
  }
  .moneyguidePanelNav {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 32px -11px 0;
    padding: 32px 8px 26px;
    background-color: #fff;
  }
  .moneyguidePanelNav li {
    width: 25%;
    padding: 0 3px;
  }
  .moneyguidePanelNav li:nth-child(n + 5) {
    margin-top: 16px;
  }
  .moneyguidePanelNav .ico {
    width: 100%;
    height: auto;
  }
  .moneyguidePanelNav .ttl {
    height: calc(100% - 72%);
    font-size: 0.63em;
    letter-spacing: -.1rem;
  }
  .accordion + .accordion {
    margin-top: 24px;
  }
  .accordion .accordionHeader {
    padding: 16px 55px 16px 15px;
  }
  .accordion .accordionHeader::before, .accordion .accordionHeader::after {
    width: 18px;
  }
  .accordion .accordionHeader .txtPoint {
    display: block;
    width: auto;
    margin-bottom: .5em;
    text-align: left;
  }
  .accordion .accordionBody {
    padding: 24px 15px 32px;
  }
  .accordion .accordionBody .txt {
    margin-top: 24px;
  }
  .accordion .accordionBody .btnBlock {
    margin: 24px 0;
  }
  .accordionTtl {
    font-size: 1em;
  }
  .accordionBlock {
    margin-top: 56px;
  }
  .accordion.boxAttention .accordionHeader::before, .accordion.boxAttention .accordionHeader::after, .accordion.boxNotice .accordionHeader::before, .accordion.boxNotice .accordionHeader::after {
    width: 20px;
  }
  .accordion.boxAttention + .accordion.boxAttention {
    margin-top: 16px;
  }
  .accordionTypeA .accordionBody {
    padding: 24px 0 32px;
  }
  .accordionTypeA .accordionBodyHeader {
    margin-bottom: 32px;
  }
  .accordionTypeA .accordionBodyHeader > *:not(.accordionBodyFig), .accordionTypeA .accordionBodyHeader .accordionBodyFig {
    width: 100%;
    float: none;
  }
  .accordionTypeA .accordionBodyHeader .accordionBodyFig img {
    width: 100%;
  }
  .accordionTypeA .accordionBodyHeader .accordionBodyLead {
    margin-top: .5em;
    font-size: 0.88em;
  }
  .accordionTypeB {
    margin: 32px -15px 0;
    padding-top: 40px;
    background-color: #fff;
  }
  .accordionTypeB .accordion {
    padding: 56px 15px 40px;
    border-radius: 0;
    background-color: rgba(75, 75, 75, 0.06);
  }
  .accordionTypeB .accordion:last-child {
    padding-bottom: 0;
  }
  .accordionTypeB .accordionHeader {
    display: block;
    padding: 0;
    text-align: center;
  }
  .accordionTypeB .accordionHeader::before, .accordionTypeB .accordionHeader::after {
    display: none;
  }
  .accordionTypeB .accordionHeader .accordionHeaderTtl {
    display: block;
    position: relative;
    margin-bottom: 24px;
    padding-bottom: 21px;
    color: #004831;
    font-size: 2em;
  }
  .accordionTypeB .accordionHeader .accordionHeaderTtl::before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 4px;
    margin: 0 auto;
    border-radius: 3px;
    background-color: #C4D700;
    content: "";
  }
  .accordionTypeB .accordionHeader .accordionHeaderIco {
    width: 27.82609%;
  }
  .accordionTypeB .accordionBody {
    margin-top: 24px;
    padding: 0;
    border-top: 0;
  }
  .accordionTypeB .accordionBody .moreBtnBlock {
    margin-top: 32px;
  }
  .accordionTypeB .accordionBody .headingType03 {
    font-size: 1.57143em;
  }
  .faq .faqHeader .faqIco, .faq .faqBody .faqIco {
    padding-left: 28px;
  }
  .faq:not(.accordion) {
    margin-top: 56px;
    padding: 24px 15px;
  }
  .faq:not(.accordion) .faqBody {
    padding-left: 0;
  }
  .faq.accordion {
    font-size: 1.14286em;
  }
  .faq.accordion .faqHeader {
    padding-left: 15px;
  }
  .faq.accordion .faqBody {
    padding: 0 15px 24px;
  }
  .moreBtn {
    padding-top: 40px;
    font-size: 1.0em;
  }
  .moreBtn::before, .moreBtn:after {
    width: 25px;
    height: 3px;
  }
  .moreBtnBlock {
    margin-top: 32px;
  }
  .moreWrap.onlySp .moreBtnBlock {
    display: block;
  }
  .moreWrap.onlySp .moreContent {
    display: none;
  }
  .layoutColumn .tabWrap {
    margin-top: 40px;
  }
  .layoutColumn .tabPanels {
    margin-top: 32px;
  }
  .tab {
    padding: 15px 8px;
  }
  .tabTtl {
    font-size: 1.13em;
  }
  .tabTtl .tabTtlSub {
    font-size: 0.66667em;
  }
  .tabRowSp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
  }
  .tabRowSp .tabTtl {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
  }
  .tabRowSp .tabIco {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 64px;
    margin: 0 12px 0 0;
  }
  .tabRowSp .tabIco img {
    width: 100%;
  }
  .tabListItem.isActive .tab {
    border-bottom-width: 6px;
  }
  .tabListTop .tabListItem.isActive::after {
    display: none;
  }
  .tabListBottom {
    position: relative;
    margin-top: 56px;
    padding-top: 56px;
  }
  .tabListBottom::before {
    position: absolute;
    top: 0;
    right: -7px;
    left: -7px;
    width: 100vw;
    border-top: 2px solid rgba(75, 75, 75, 0.06);
    content: "";
  }
  .tabList .col1Sp:not(.isActive) {
    position: relative;
  }
  .tabList .col1Sp:not(.isActive):after {
    position: absolute;
    width: 17px;
    height: 9px;
    background: url(/build/2000/smbc-reference/kojin/n_common/images/ico_arrow_green_fresh01.png) no-repeat 50% 50%;
    background-size: 17px 9px;
    content: "";
  }
  .tabList .col1Sp:not(.isActive)::after {
    -webkit-transform: rotate(90deg);
    top: 0;
    right: 20px;
    bottom: 0;
    margin: auto;
    transform: rotate(90deg);
  }
  .tabList .col1Sp .tab {
    padding: 21px 35px 20px;
  }
  .tabList .col1Sp .tabRowSp {
    padding: 4px 35px 4px 14px;
  }
  .tabList .col1Sp.isActive .tab {
    padding-bottom: 18px;
  }
  .tabList .col1Sp.isActive .tabRowSp {
    padding: 3px 35px 0px 11px;
  }
  .tabList + .btnBlock {
    margin-right: auto;
    margin-left: auto;
  }
  .tabPanels {
    margin-top: 40px;
    padding-top: 56px;
  }
  /*----- slider -----*/
  .sliderOnlySp {
    position: relative;
    margin: 0 -15px;
    padding: 0 15px 46px;
    overflow: hidden;
  }
  .sliderOnlySp .bx-viewport {
    overflow: visible !important;
    border: 0;
  }
  .sliderOnlySp .bx-viewport [class*=col] {
    width: 78.78788%;
  }
  .sliderOnlySp .bx-viewport [class*=col] + [class*=col] {
    margin-top: 0;
  }
  .sliderOnlySp .bx-controls {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    line-height: 1;
  }
  .sliderOnlySp .bx-controls .bx-pager {
    text-align: center;
  }
  .sliderOnlySp .bx-controls .bx-pager .bx-pager-item {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0 8px;
    vertical-align: top;
  }
  .sliderOnlySp .bx-controls .bx-pager .bx-pager-item a {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: none;
    border-radius: 50%;
    background-color: #C8C8C8;
    text-indent: -9999px;
  }
  .sliderOnlySp .bx-controls .bx-pager .bx-pager-item a.active {
    background-color: #A0C81E;
  }
  .bgWhiteSp {
    background-color: #fff;
  }
  .bgLightBlueSp {
    background-color: rgba(40, 166, 160, 0.06);
  }
  .fsXsSp {
    font-size: 0.71429em !important;
  }
  .fsSmSp {
    font-size: 0.85714em !important;
  }
  .fsMdSp {
    font-size: 1em !important;
  }
  .fsLgSp {
    font-size: 1.14286em !important;
  }
  .fsXlSp {
    font-size: 1.28571em !important;
  }
  .fsXXlSp {
    font-size: 1.42857em !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1040px) {
  .row {
    margin-right: 0;
    margin-left: 0;
  }
  .rowNarrowGap {
    margin-right: 0;
    margin-left: 0;
  }
}