/* テキスト */
.bold{font-weight: 600;}
.ex-bold{font-weight: 900;}
.normal{font-weight: normal;}
.tC{text-align: center;}
.tR{text-align: right;}
.tL{text-align: left;}
.underline{text-decoration: underline !important;}
.noBorder{text-decoration: none !important; color: #333;}
.throughLine{text-decoration:line-through !important;}
.lineY{background: linear-gradient(transparent 60%, #FACC2E 0%);}
.lineR{background: linear-gradient(transparent 60%, #f5b2b2 0%);}
.lineB{background: linear-gradient(transparent 60%, #8cd0f3 0%);}
.lineG{background: linear-gradient(transparent 60%, #8ad98f 0%);}
.lineP{background: linear-gradient(transparent 60%, #d1a6df 0%);}
.lineO{background: linear-gradient(transparent 60%, #ffcc66 0%);}

/* テキストカラー */
.corpYellow{color: #fccb00 !important;}
.white{color: #ffffff !important;}
.black{color: #000000 !important;}
.lemon{color: #fff000 !important;}
.red{color: #ff0000 !important;}
.orange{color: #fc8500 !important;}
.carmine{color: #b22222 !important;}
.blue{color: #005edf !important;}
.gray{color: #666 !important;}
.lgray{color: #999 !important;}
.ice-green{color: #00ac92 !important;}
.line-green{color: #06C755 !important;}
.green {color: #090 !important;}
.yellow {color: #fc0 !important;}
.lblue {color: #09f !important;}
.purple {color: #8c36a5 !important;}

.std10{font-size: 10px !important;}
.std11{font-size: 11px !important;}
.std12{font-size: 12px !important;}
.std13{font-size: 13px !important;}
.std14{font-size: 14px !important;}
.std16{font-size: 16px !important;}
.std18{font-size: 18px !important;}
.std20{font-size: 20px !important;}
.std22{font-size: 22px !important;}
.std24{font-size: 24px !important;}
.std26{font-size: 26px !important;}
.std28{font-size: 28px !important;}
.std30{font-size: 30px !important;}
.std32{font-size: 32px !important;}
.std34{font-size: 34px !important;}
.std36{font-size: 36px !important;}


#contentsWrapDM {
width:100%;
margin:0 auto;
overflow: hidden;
}

.fluffy {
width: 100%;
height: 100%;
margin: 40px auto 20px auto;
text-align: center;
animation: fluffy 2s infinite;
}

@keyframes fluffy {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-20px);
}
}
.fluffy img{margin:0px auto;text-align: center;}



.DMText {
width:100%;
margin:0 auto;
padding:7% 5%;
box-sizing:border-box;
}

.DMText h3 {
margin:0 auto;
padding:0% 0% 5% 0%;
font-size: 1.5em;
line-height: 1.8em;
text-align:left;
}

.DMText p{
font-size: 1em;
line-height: 1.5em;
text-align:left;
}

.MarkerYellowK {
background: linear-gradient(transparent 60%,#f0ea30 0);
font-weight: 700;
}

/* スライダー */
.swiperA,.swiperB{
width:100%;
margin:7% auto;

}
.swiperB img{
width: 100%;
}


/* 詳細テーブル */
table.DMtable {
width: 100%;
margin: 0 auto;
font-size: 0.85em;
text-align: left;
background: #fff;
}

table.DMtable tr {
padding: 3%;
}

table.DMtable tr td {
padding: 3%;
color: #333;
}

#LimitBank,#LimitCredit {
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
unicode-bidi: isolate;
}

#LimitBank dt,#LimitCredit dt {
margin: 0 0 2% 0;
}

#LimitBank {
margin: 0 0 10px 0;
}

#LimitBank dt span,#LimitCredit dt span {
margin: 0 0 2% 0;
padding: 1%;
border-radius: 3px;

}

#LimitBank dt span {
background: #004497;
color: #d7df00;
}

#LimitCredit dt span {
background: #d7df00;
color: #004497;
}







.plan_h-margin{
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 0 5%;
}

.plan_speechBubble{
  display: flex;
  align-items: flex-start;
  gap: 5px;
  margin-bottom: 15px;
}

.plan_sb__icoName_wrap{
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 3rem;
  flex-shrink: 0;
}

.plan_sb__icoName_ico{
  width: 3rem;
    height: 3rem;
    background-color: #ccc;
    border-radius: 50%;
    margin-bottom: 4px;
    overflow: hidden;
    position: relative;
}

.plan_sb__icoName_name{
  font-size: 0.8rem;
    color: var(--global-gray-50);
    font-weight: bold;
    margin-bottom: 5px;
    margin-left: 17px;
}

.plan_sb__icoName_ico img{
  width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.plan_sb__textBox{
  position: relative;
  display: inline-block;
  margin-left: 15px;
  padding: 10px;
  border: 2px solid #dcdcdc;
  border-radius: 8px;
  background-color: #ffffff;
  text-align: left;
  font-size: 0.9rem;
}

.plan_sb__textBox::before{
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  border-style: solid;
  border-width: 0 15px 15px 0;
  border-color: transparent #dcdcdc transparent transparent;
  translate: -100% -50%;
}

.plan_sb__textBox::after{
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  border-style: solid;
  border-width: 0 10.2px 10.2px 0;
  border-color: transparent #ffffff transparent transparent;
  translate: -100% calc(-50% - 0.4px);
}

.plan_speechBubble.reverse{
  flex-direction: row-reverse;
}
.reverse .plan_sb__icoName_name{
  text-align: right;
    margin-left:0 ;
    margin-right: 17px;
}

.reverse .plan_sb__textBox{
  margin-left:0;
  margin-right: 15px;
}

.reverse .plan_sb__textBox::before{
  right: 0;
  left: auto;
  border-width: 0 0 15px 15px;
  border-color: transparent transparent transparent #dcdcdc;
  translate: 100% -50%;
}

.reverse .plan_sb__textBox::after{
  right: 0;
  left: auto;
  border-width: 0 0 10.2px 10.2px;
  border-color: transparent transparent transparent #ffffff;
  translate: 100% calc(-50% - 0.4px);
}

@media (min-width: 768px) {
.plan_w-margin {
    margin-left: auto;
    margin-right: auto;
}
.plan_h-margin {
    margin-top: 40px;
    margin-bottom: 40px;
}
}