@charset "UTF-8";

.header-logo-2-lp{
  display: none;
}

.l-footer-bottom{
  padding-bottom: 150px;
}

/* MV */
.l-lp .lp-mv{
  position: relative;
}
.l-lp .lp-mv h1{
  width: 100%;
  height: auto;
  background: url(../images/bg_mv.png) no-repeat center center;
  text-align: center;
  overflow: hidden;
}
.l-lp .lp-mv .photo-futenyan{
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 12.3%);
  margin-bottom: 0;
}

/* Tab */
.lp-tab ul{
  display: flex;
  margin-bottom: 0;
  max-height: 175px;
}
.lp-tab ul li{
  width: 50%;
  height: auto;
  text-align: right;
  background: url(../images/normal_bg_navi.png?20250820) no-repeat top right;
}
.lp-tab ul li:nth-child(2){
  text-align: left;
  background: url(../images/gold_bg_navi.png?20250820) no-repeat top left;
}
.lp-tab ul li.not-active{
  background: url(../images/normal_bg_navi_non.png?20250820) no-repeat top right;
}
.lp-tab ul li:nth-child(2).not-active{
  background: url(../images/gold_bg_navi_non.png?20250820) no-repeat top left;
}
.lp-tab ul li img{
  z-index: 2;
  width: auto;
  height: auto;
  position: relative;
  margin-right: 2%;
  transform: translate(0%, -10%);
}
.lp-tab ul li:nth-child(2) img{
  margin-left: 2%;
}
.lp-tab ul li.not-active,
.lp-tab ul li.not-active img{
  cursor: pointer;
}
/* Normal-Card */
.contents-normal .normal-01{
  background: url(../images/pc/normal_bg01.png) no-repeat center top;
  background-size: cover;
  overflow: hidden;
}
.contents-normal .normal-02{
  background: url(../images/pc/normal_bg02.png) no-repeat center top;
  background-size: cover;
  overflow: hidden;
}
.contents-normal .normal-03{
  background: url(../images/pc/pc-bg01.png) repeat left top;
  text-align: center;
  padding: 7% 0 0 0;
}
.contents-normal h2{
  text-align: center;
  max-width: calc(500px + 28%);
  margin: 0 auto;
  padding: 20px 14%;
  box-sizing: border-box;
}
.contents-normal .reason-01-1,
.contents-normal .reason-01-2{
  padding-bottom: 7%;
}
.contents-normal .reason-01-3{
  padding-bottom: 10%;
}
.contents-normal .text-area{
  max-width: calc(700px + 14%);
  margin: 0 auto;
  padding: 0 7%;
  box-sizing: border-box;
}
.contents-normal .text-area p,
.contents-normal .text-area ul li,
.contents-normal .text-area p a,
.contents-normal .text-area ul li a{
  font-size: 11px;
}
.contents-normal .text-area p a,
.contents-normal .text-area ul li a{
  color: #1198de;
}
.contents-normal ul.annotation{
  margin-left: 1em;
}
.contents-normal ul.annotation li{
  text-indent: -1em;
}
.contents-normal ul.annotation_number{
  margin-left: 1.8em;
}
.contents-normal ul.annotation_number li{
  text-indent: -1.8em;
}

.contents-normal .reason-02-1{
  background-color: #fff;
  border-radius: 20px;
  border: 2px solid #333333;
  max-width: 700px;
  margin: 15% auto 0;
  box-sizing: border-box;
}
.contents-normal .reason-02-1 h3{
  text-align: center;
  margin-top: -9%;
  margin-left: -7%;
  margin-right: -7%;
}
.contents-normal .reason-02-1 .reson-02-2{
  max-width: calc(620px + 8%);
  padding: 0 4%;
}
.contents-normal .reason-02-1 .reson-02-2 p{
  font-size: 12px;
  background: url(../images/normal_bg_reason_02_02.png) repeat-y top left;
  background-size: contain;
  padding: 10px 7% 0 7%;
}
.contents-normal .reason-03{
  padding-left: 9%;
  padding-right: 9%;
}
.contents-normal .reason-03 h3{
  padding-bottom: 2%;
}
.contents-normal .reason-03 .reason-03-1{
  border: 3px solid #333333;
  border-radius: 16px;
  background-color: #fff;
  max-width: 700px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 4%;
}
.contents-normal .reason-03 .reason-03-1 .reason-03-1-3{
  position: relative;
}
.contents-normal .reason-03 .reason-03-1 .reason-03-1-3 a{
  position: absolute;
  bottom: 5%;
  left: 50%;
  margin-left: -150px;
}
.contents-normal .reason-03 .reason-03-1 .reason-03-1-ect{
  padding: 3% 0 3% 0;
}
.contents-normal .reason-03 .reason-03-1 .reason-03-2-ect{
  padding: 3% 0 0 0;
}
.contents-normal .reason-03 .reason-03-2{
  display: flex;
  max-width: 700px;
  margin: 3% auto 0 auto;
}
.contents-normal .reason-03 .reason-03-2 div:nth-child(1){
  width: 50%;
  margin-right: 2%;
  margin-top: 3%;
  border: 3px solid #fff;
  background-color: #357deb;
  border-radius: 16px;
}
.contents-normal .reason-03 .reason-03-2 div:nth-child(1) h4{
  margin-top: -10%;
}
.contents-normal .reason-03 .reason-03-2 div:nth-child(2){
  width: 50%;
  margin-left: 2%;
  position: relative;
}
.contents-normal .reason-03 .reason-03-2 div:nth-child(1) a{
  display: inline-block;
  margin-top: 7%;
}
.contents-normal .reason-03 .reason-03-2 div:nth-child(1) a img{
  box-shadow: 0 10px 21px 0 rgba(51,51,51,.76);
  border-radius: 40px;
}
.contents-normal .reason-03 .reason-03-2 div:nth-child(2) a{
  position: absolute;
  bottom: 7%;
  left: 50%;
  margin-left: -135px;
}

/* Gold-Card */
.contents-gold .gold-01{
  background: url(../images/pc/gold_bg01.png) no-repeat center top;
  background-size: cover;
  overflow: hidden;
}
.contents-gold .gold-02{
  background: url(../images/pc/gold_bg02.png) no-repeat center top;
  background-size: cover;
  overflow: hidden;
}
.contents-gold .gold-03{
  background: url(../images/pc/pc-bg01.png) repeat left top;
  text-align: center;
  padding: 7% 0 0 0;
}
.contents-gold h2{
  text-align: center;
  max-width: calc(500px + 28%);
  margin: 0 auto;
  box-sizing: border-box;
}
.contents-gold .reason-01-1,
.contents-gold .reason-01-2{
  padding-bottom: 5%;
}
.contents-gold .reason-01-3{
  padding-bottom: 10%;
  position: relative;
}
.contents-gold .text-area{
  max-width: calc(700px + 14%);
  margin: 0 auto;
  padding: 420px 7% 0 7%;
  box-sizing: border-box;
}
.contents-gold .text-area p,
.contents-gold .text-area ul li,
.contents-gold .text-area p a,
.contents-gold .text-area ul li a{
  font-size: 11px;
}
.contents-gold .text-area p a,
.contents-gold .text-area ul li a{
  color: #1198de;
}
.contents-gold ul.annotation{
  margin-left: 1em;
}
.contents-gold ul.annotation li{
  text-indent: -1em;
}
.contents-gold ul.annotation_number{
  margin-left: 1.8em;
}
.contents-gold ul.annotation_number li{
  text-indent: -1.8em;
}
.contents-gold .gold-02{
  padding: 10% 9% 10% 9%;
}
.contents-gold .reason-02-1{
  background-color: #fff;
  border-radius: 20px;
  border: 2px solid #333333;
  max-width: 700px;
  margin: 15% auto 0;
  box-sizing: border-box;
}
.contents-gold .reason-02-1 h3{
  text-align: center;
  margin-top: -9%;
  margin-left: -5%;
  margin-right: -5%;
}
.contents-gold .reason-02-1 .reson-02-2{
  max-width: calc(620px + 8%);
  padding: 0 4%;
}
.contents-gold .reason-02-1 .reson-02-2 p{
  font-size: 12px;
  background: url(../images/gold_bg_reason_02_02.png) repeat-y top left;
  background-size: contain;
  padding: 10px 7% 0 7%;
}
.contents-gold .reason-03{
  padding-left: 9%;
  padding-right: 9%;
}
.contents-gold .reason-03 h3{
  padding-bottom: 2%;
}
.contents-gold .reason-03 .reason-03-1{
  border: 3px solid #333333;
  border-radius: 16px;
  background-color: #fff;
  max-width: 700px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 4%;
}
.contents-gold .reason-03 .reason-03-1 .reason-03-1-3{
  position: relative;
}
.contents-gold .reason-03 .reason-03-1 .reason-03-1-3 a{
  position: absolute;
  bottom: 5%;
  left: 50%;
  margin-left: -150px;
}
.contents-gold .reason-03 .reason-03-1 .reason-03-1-ect{
  padding: 3% 0 3% 0;
}
.contents-gold .reason-03 .reason-03-1 .reason-03-2-ect{
  padding: 3% 0 0 0;
}
.contents-gold .reason-03 .reason-03-2{
  display: flex;
  max-width: 700px;
  margin: 3% auto 0 auto;
}
.contents-gold .reason-03 .reason-03-2 div:nth-child(1){
  width: 50%;
  margin-right: 2%;
  margin-top: 3%;
  border: 3px solid #fff;
  background-color: #357deb;
  border-radius: 16px;
}
.contents-gold .reason-03 .reason-03-2 div:nth-child(1) h4{
  margin-top: -10%;
}
.contents-gold .reason-03 .reason-03-2 div:nth-child(2){
  width: 50%;
  margin-left: 2%;
  position: relative;
}
.contents-gold .reason-03 .reason-03-2 div:nth-child(1) a{
  display: inline-block;
  margin-top: 7%;
}
.contents-gold .reason-03 .reason-03-2 div:nth-child(1) a img{
  box-shadow: 0 10px 21px 0 rgba(51,51,51,.76);
  border-radius: 40px;
}
.contents-gold .reason-03 .reason-03-2 div:nth-child(2) a{
  position: absolute;
  bottom: 7%;
  left: 50%;
  margin-left: -135px;
}

/* Normal-Card-simulation */
.contents-normal .normal-simulation{
  background: url(../images/pc/pc-bg03.png) repeat top left;
  padding-left: 9%;
  padding-right: 9%;
  padding-bottom: 7%;
  padding-top: 7%;
}
.contents-normal .normal-simulation h2{
  text-align: center;
  max-width: calc(950px + 28%);
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}
.contents-normal .normal-simulation .simulation-block{
  border-radius: 16px;
  max-width: 950px;
  margin: 0 auto;
  background-color: #fff;
  margin-top: -4.5em;
  z-index: 2;
  position: relative;
  box-sizing: border-box;
}
.contents-normal .normal-simulation #simulation_block{
  display: flex;
  justify-content: space-around;
}

.contents-normal .normal-simulation #simulation_block #ymobile-payment,
.contents-normal .normal-simulation #simulation_block #daily-payment{
  width: 50%;
  display: flex;
}
.contents-normal .normal-simulation #simulation_block .paymaent_box{
  width: 100%;
}
.contents-normal .normal-simulation #simulation_block #ymobile-payment section,
.contents-normal .normal-simulation #simulation_block #daily-payment section{
  display: flex;  width: 100%;
  flex-direction: column;
  background-color: #fff;
  border-radius: 16px 16px 0 0;
  margin: 85px 10px 0 25px;
  padding: 20px 20px 40px 20px;
  border-top: 2px solid #333;
  border-left: 2px solid #333;
  border-right: 2px solid #333;
}
.contents-normal .normal-simulation #simulation_block #daily-payment section{
  margin: 85px 25px 0 10px;
}
.contents-normal .normal-simulation #simulation_block .ttl p{
  font-size: 22px;
  font-weight: bold;
}
.contents-normal .normal-simulation #simulation_block .ttl p span{
  font-size: 14px;
  margin-left: 5px;
}
.contents-normal .normal-simulation #simulation_block .ttl p span.ttl-img{
  vertical-align: middle;
  display: inline-block;
  margin: 0 10px 0 0;
}

.contents-normal .normal-simulation #simulation_block div.row_box{
  display: flex;
  align-items: center;
}

.contents-normal .normal-simulation #simulation_block div.row_box input{
  font-size:31px;
  text-align:right;
  border:1px solid #969696;
  border-radius:4px;
  width:120px;
  box-shadow:inset 3px 3px 3px rgba(0,0,0,.2);
  height: 40px;
}
.contents-normal .normal-simulation #simulation_block div.row_box input::placeholder{
  color: #969696;
}

/* Gold-Card-simulation */
.contents-gold .gold-simulation{
  background: url(../images/pc/pc-bg04.png) repeat top left;
  padding-left: 9%;
  padding-right: 9%;
  padding-bottom: 7%;
  padding-top: 7%;
}
.contents-gold .gold-simulation h2{
  text-align: center;
  max-width: calc(950px + 28%);
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}
.contents-gold .gold-simulation .simulation-block{
  border-radius: 16px;
  max-width: 950px;
  margin: 0 auto;
  background-color: #FFF;
  margin-top: -4.5em;
  z-index: 2;
  position: relative;
  box-sizing: border-box;
}
.contents-gold .gold-simulation #simulation_block_gold{
  display: flex;
  justify-content: space-around;
}

.contents-gold .gold-simulation #simulation_block_gold #ymobile-payment_gold,
.contents-gold .gold-simulation #simulation_block_gold #daily-payment_gold{
  width: 50%;
  display: flex;
}
.contents-gold .gold-simulation #simulation_block_gold .paymaent_box{
  width: 100%;
}
.contents-gold .gold-simulation #simulation_block_gold #ymobile-payment_gold section,
.contents-gold .gold-simulation #simulation_block_gold #daily-payment_gold section{
  display: flex;  width: 100%;
flex-direction: column;
  background-color: #fff;
  border-radius: 16px 16px 0 0;
  margin: 85px 10px 0 25px;
  padding: 20px 20px 40px 20px;
  border-top: 2px solid #333;
  border-left: 2px solid #333;
  border-right: 2px solid #333;
}
.contents-gold .gold-simulation #simulation_block_gold #daily-payment_gold section{
  margin: 85px 25px 0 10px;
}
.contents-gold .gold-simulation #simulation_block_gold .ttl p{
  font-size: 22px;
  font-weight: bold;
}
.contents-gold .gold-simulation #simulation_block_gold .ttl p span{
  font-size: 14px;
  margin-left: 5px;
}
.contents-gold .gold-simulation #simulation_block_gold .ttl p span.ttl-img{
  vertical-align: middle;
  display: inline-block;
  margin: 0 10px 0 0;
}

.contents-gold .gold-simulation #simulation_block_gold div.row_box{
  display: flex;
  align-items: center;
}

.contents-gold .gold-simulation #simulation_block_gold div.row_box input{
  font-size:31px;
  text-align:right;
  border:1px solid #969696;
  border-radius:4px;
  width:120px;
  box-shadow:inset 3px 3px 3px rgba(0,0,0,.2);
  height: 40px;
}
.contents-gold .gold-simulation #simulation_block_gold div.row_box input::placeholder{
  color: #969696;
}

/* simulation */
.right-box{
  min-width: 140px;
}
#total-payment,
#total-payment_gold{
  background-color: #f00032;
  border-radius: 0 0 16px 16px;
  border: 3px solid #fff;
  margin: 0;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  min-height: 306px;
}
div.row_box .input{
  display: flex;
  align-items: center;
}
div.row_box .input p{
  font-weight: bold;
  line-height: 1;
  margin-right: 5px;
}
div.row_box .input p:nth-child(2){
  display: flex;
}
div.row_box .input p:nth-child(2) span{
  font-size: 10px;
  text-align: center;
  line-height: 1.2;
}
div.row_box .input p:nth-child(2) span strong{
  font-size: 18px;
}
div.row_box .monthly_grant_amount{
  display: flex;
  justify-content: end;
}
div.row_box .monthly_grant_amount p{
  font-size: 12px;
  margin: 0;
}
div.row_box .monthly_grant_amount strong{
  font-weight: normal;
  margin-left: 12px;
  display: inline-block;
}
div.row_box .annual_grant_amount p{
  display: flex;
  color: #ff0033;
  line-height: 1;
  margin: 0 0 5px 0;
  justify-content: end;
}
div.row_box .annual_grant_amount p strong{
  white-space: nowrap;
  font-size: 32px;
  margin-right: 5px;
  display: inline-block;
}

div.row_box .annual_grant_amount p span{
  white-space: nowrap;
  text-align: left;
  font-weight: bold;
}
.row_etc{
  margin-top: 10px;
}
.row_etc ul{
  margin-bottom: 0;
}
.row_etc ul li{
  font-size: 12px;
  margin-left: 1em;
  text-indent: -1em;
}
.paymaent_box{
  border-bottom: 1px dotted #bdc3c9;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.paymaent_box:nth-child(4),
#daily-payment .paymaent_box:nth-child(3),
#daily-payment_gold .paymaent_box:nth-child(3){
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
#total-etc,
#total-etc_gold{
  padding: 25px;
  background-color: #D7DCE1;
  border-radius: 0 0 15px 15px;
}
#total-etc_gold{
  background-color: #FFF2B4;
}
#total-payment .payment,
#total-payment_gold .payment{
  display: flex;
  color: #fff;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding: 30px 0 0 0;
}
#total-payment .payment #payment1,
#total-payment_gold .payment #payment1_gold{
  font-size: 70px;
}
#total-payment .payment span:nth-child(1),
#total-payment_gold .payment span:nth-child(1){
  font-size: 26px;
}
#total-payment .payment span:nth-child(3),
#total-payment_gold .payment span:nth-child(3){
  font-size: 24px;
}
#total-payment .payment span:nth-child(3) em:nth-child(1),
#total-payment_gold .payment span:nth-child(3) em:nth-child(1){
  font-size: 10px;
}
#total-payment .total .icon02,
#total-payment_gold .total .icon02{
  display: flex;
  color: #fff;
  align-items: center;
  justify-content: center;
}
#total-payment .total .icon02 strong:nth-child(1),
#total-payment_gold .total .icon02 strong:nth-child(1){
  color: #000;
  background-color: #fff;
  border-radius: 15px;
  display: flex;
  align-items: end;
  justify-content: center;
  line-height: 1;
  padding: 18px;
  margin-right: 15px;
}
#total-payment .total .icon02 strong em,
#total-payment_gold .total .icon02 strong em{
  font-weight: bold;
  font-style: normal;
}
#total-payment .total .icon02 strong em#total2,
#total-payment_gold .total .icon02 strong em#total2_gold{
  font-size: 72px;
  line-height: 0.8;
  padding: 0 10px 0 10px;
  color: #ff0033;
}
#total-payment .total .icon02 strong em:nth-child(3),
#total-payment_gold .total .icon02 strong em:nth-child(3){
  font-size: 29px;
  font-family: Helvetica, Arial, Meiryo, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', system-ui, sans-serif;
}
#total-payment .total .second_tax,
#total-payment_gold .total .second_tax{
  color: #fff;
  font-size: 18px;
}
#total-payment .total .second_tax #total3,
#total-payment_gold .total .second_tax #total3_gold{
  font-size: 30px;
}
.simulation-block #ymobile-payment section,
.simulation-block #daily-payment section,
.simulation-block #ymobile-payment_gold section,
.simulation-block #daily-payment_gold section{
  position: relative;
}
.simulation-block #ymobile-payment h3,
.simulation-block #daily-payment h3,
.simulation-block #ymobile-payment_gold h3,
.simulation-block #daily-payment_gold h3{
  position: absolute;
  top: -55px;
  left: 50%;
  margin-left: -105px;
}
.simulation-block #daily-payment h3,
.simulation-block #daily-payment_gold h3{
  margin-left: -65px;
}
/* モーダル */
.refinemodal{
  width: 100%;
  left: 0;
  background-color:rgba(255,0,51,.7);
  overflow: auto;
}
.refinemodal-inner{
  max-width: 800px;
  overflow: visible;
  text-align: center;
  background-color: #fff;
  border-radius: 16px;
  height: auto;
  max-height: 200%;
  padding: 0 0 20px 0;
  margin-bottom: 200px;
}
.refinemodal-inner h4{
  margin-top: -65px;
  margin-bottom: 30px;
  display: inline-block;
}
.refinemodal-inner ul{
  max-width: 540px;
  margin: 0 auto 0 auto;
}
.refinemodal-inner ul li{
  text-align: left;
  font-size: 11px;
  text-indent: -1em;
  margin-left: 1em;
}
.refinemodal-inner ul li a{
  font-size: 11px;
  color: #1198de;
}
.refinemodal-inner ul.second li{
  margin-left: 2em;
}
.modal-close{
  background-image: none;
  background-color: transparent;
  width: 120px;
  height: 120px;
  text-indent: 0;
  margin-top: -90px;
  margin-right: -30px;
}
.refinemodal .modal-close-second{
  position: absolute;
  width: 290px;
  height: 100px;
  margin: 0 0 0 -145px;
  bottom: -100px;
  left: 50%;
  right: auto;
  top: auto;
}


/* 注意事項 */
.notes{
  background-color: #F0F0F0;
  padding-left: 5%;
  padding-right: 5%;
}
.notes .text_block{
  max-width: 950px;
  margin: 0 auto;
  padding-top: 7%;
}
.notes .text_block h3{
  font-size: 17px;
  background-color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 5px 0;
}
.notes .text_block dl{
  padding: 20px 0;
  border-bottom: 1px solid #fff;
}
.notes .text_block dl dt{
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
}
.notes .text_block dl dd{
  font-size: 14px;
  margin-left: 1em;
  text-indent: -1em;
}
.notes .text_block dl dd ul li{
  margin-left: 3em;
  text-indent: -3em;
}
.notes .text_block a{
  color: #1198de;
  font-size: 14px;
}

/* 初期表示用 */
.contents-gold{
  z-index: -1;
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}

/* 下部フローティング */
.bottom-floating-normal,
.bottom-floating-gold{
  display: none;
  min-width: 700px;
  background: url(../images/pc/bottom-btn-bg.png) repeat center center;
  border: 3px solid #fff;
  border-bottom: 0;
  border-radius: 16px 16px 0 0;
  position: fixed;
  bottom: 0;
  left: 50%;
  margin-left: -350px;
  z-index: 100;
}
.bottom-floating-normal h5,
.bottom-floating-gold h5{
  margin-top: -40px;
  margin-bottom: 10px;
  text-align: center;
}
.bottom-floating-normal .floating-row,
.bottom-floating-gold .floating-row{
  display: flex;
  width: 100%;
  justify-content: center;
}
.bottom-floating-normal .floating-row p,
.bottom-floating-gold .floating-row p{
  text-align: center;
  width: 46%;
  margin-bottom: 0;
}

/* サイドフローティング */
.left-normal-btn{
  position: fixed;
  top: 100px;
  right: 0;
  margin-right: -25px;
  cursor: pointer;
  display: none;
  z-index: 100;
}
.right-gold-btn{
  position: fixed;
  top: 100px;
  left: 0;
  margin-left: -25px;
  cursor: pointer;
  display: none;
  z-index: 100;
}

/* gold系 */
.paypay-slide{
  overflow: hidden;
  position: absolute;
  top: 455px;
  left: 0;
  width: 100%;
}
.modal-etc{
}
.paypay-list-wrapper{
  margin-left: 10em;
}

.modal-etc a{
  color: #000;
  text-decoration: underline;
}
.modal-etc a:after{
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/common_c/images/common/icon/icon_arrow_circle_black.png) no-repeat top left;
  background-size: 16px 16px;
  vertical-align: middle;
  margin-left: 3px;
  margin-top: -3px;
}
#modal-etc-gold{
  background-color: #CAA846;
}
#modal-etc-gold h5{
  display: inline-block;
  margin-top: -70px;
  margin-bottom: 30px;
}
#modal-etc-gold p{
  font-size: 16px;
}
#modal-etc-gold div.etc-row{
  display: flex;
  flex-wrap: wrap;
  margin-left: 7%;
  margin-right: 7%;
  margin-top: 60px;
}
#modal-etc-gold div.etc-row div{
  width: 48%;
  margin-right: 2%;
  border: 2px solid #333333;
  border-radius: 15px;
  padding-bottom: 20px;
  position: relative;
}
#modal-etc-gold div.etc-row div:nth-child(1),
#modal-etc-gold div.etc-row div:nth-child(2){
  margin-bottom: 10%;
}
#modal-etc-gold div.etc-row div:nth-child(2),
#modal-etc-gold div.etc-row div:nth-child(4){
  margin-right: 0;
  margin-left: 2%;
}
#modal-etc-gold div.etc-row div p:nth-child(1){
  margin-top: -50px;
  margin-bottom: 0;
}
#modal-etc-gold div.etc-row div p.link{
  position: absolute;
  bottom: -37px;
  left: 0;
  text-align: center;
  width: 100%;
}
#modal-etc-gold div.etc-row div h6{
  border-bottom: 2px dotted #d1ae15;
  padding: 0 0 20px 0;
  margin: 0 20px 20px;
}
#modal-etc-gold div.etc-row div p.txt{
  margin: 0 20px;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
}
#modal-etc-gold div.etc-row div ul{
  margin: 0 20px;
}
#modal-etc-gold div.etc-block{
  margin-left: 7%;
  margin-right: 7%;
  background-color: #F8F3E3;
  position: relative;
  padding-top: 50px;
  margin-top: 90px;
}
#modal-etc-gold div.etc-block p:nth-child(1){
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -130px;
  margin-top: -50px;
}
#modal-etc-gold div.etc-block div.etc-row-second{
  display: flex;
  flex-wrap: wrap;
  margin-top: 60px;
}
#modal-etc-gold div.etc-block div.etc-row-second div{
  width: 48%;
  margin-right: 2%;
  padding-bottom: 20px;
}
#modal-etc-gold div.etc-block div.etc-row-second div p{
  margin: 0 20px;
  text-align: left;
  font-size: 13px;
  margin-top: 10px;
}


/*** SP ***/
@media (max-width: 768px) {
  .l-lp{
    overflow: hidden;
  }
  /* MV */
  .lp-mv{
    margin-top: -25px;
  }
  .photo-futenyan img{
    margin: -140px auto 0 auto;
    width: 90%;
  }
  /* Tab */
  .lp-tab ul li:nth-child(2) img{
    margin-left: 0;
  }
  .lp-tab ul li{
    max-height: 105px;
    background: url(../images/sp_normal_bg_navi.png?20250820) no-repeat top right;
    background-size: cover;
  }
  .lp-tab ul li:nth-child(2){
    background: url(../images/sp_gold_bg_navi.png?20250820) no-repeat top left;
    background-size: cover;
  }
  .lp-tab ul li img{
    margin: 0;
    transform: translate(0%, -15%);
  }
  .lp-tab ul li.not-active{
    background: url(../images/sp_normal_bg_navi_not.png?20250820) no-repeat top right;
    background-size: cover;
  }
  .lp-tab ul li.not-active:nth-child(2){
    background: url(../images/sp_gold_bg_navi_not.png?20250820) no-repeat top right;
    background-size: cover;
  }

  /* Nomral */
  .contents-normal .normal-01{
    background: url(../images/sp/normal_bg01.png) no-repeat center top;
    background-size: cover;
  }
  .contents-normal h2{
    padding: 30px 10%;
  }
  .reason-01-2 p.text-center{
    margin-left: -10%;
    margin-right: -10%;
  }
  .reason-01-3 p.text-center{
    margin-left: -12%;
    margin-right: -12%;
  }
  .contents-normal .normal-02{
    padding: 20px 5% !important;
    background: url(../images/sp/normal_bg02.png) no-repeat center top;
    background-size: 100% auto;
  }
  .contents-normal .reason-02-1 .reson-02-2 p{
    background: url(../images/sp_normal_bg_reason_02_02.png) repeat-y top left;
    background-size: 100% auto;
  }
  .contents-normal .reason-03,
  .contents-gold .reason-03{
    padding-left: 5%;
    padding-right: 5%;
  }
  .contents-normal .reason-03 h3,
  .contents-gold .reason-03 h3{
    padding: 0 5% 5% 5%;
  }
  .contents-normal .reason-03 .reason-03-1,
  .contents-gold .reason-03 .reason-03-1{
    padding: 5%;
  }
  .contents-normal .reason-03 .reason-03-1 .reason-03-1-3 a,
  .contents-gold .reason-03 .reason-03-1 .reason-03-1-3 a{
    width: 80%;
    margin-left: 0;
    bottom: 6%;
    transform: translate(-50%, 0);
  }
  .contents-normal .reason-03 .reason-03-2,
  .contents-gold .reason-03 .reason-03-2{
    display: block;
  }
  .contents-normal .reason-03 .reason-03-2 div:nth-child(1),
  .contents-normal .reason-03 .reason-03-2 div:nth-child(2),
  .contents-gold .reason-03 .reason-03-2 div:nth-child(1),
  .contents-gold .reason-03 .reason-03-2 div:nth-child(2){
    width: 100%;
    margin-top: 15%;
    margin-right: 0;
    margin-left: 0;
  }
  .contents-normal .reason-03 .reason-03-2 div:nth-child(1),
  .contents-gold .reason-03 .reason-03-2 div:nth-child(1){
    padding-bottom: 4%;
  }
  .contents-normal .reason-03 .reason-03-2 div:nth-child(2),
  .contents-gold .reason-03 .reason-03-2 div:nth-child(2){
    margin-top: 10%;
  }
  .contents-normal .reason-03 .reason-03-2 div:nth-child(1) h4,
  .contents-gold .reason-03 .reason-03-2 div:nth-child(1) h4{
    margin-bottom: 5%;
  }
  .contents-normal .reason-03 .reason-03-2 div:nth-child(1) h4 img,
  .contents-gold .reason-03 .reason-03-2 div:nth-child(1) h4 img{
    width: 50%;
    margin: 0 auto;
  }
  .contents-normal .reason-03 .reason-03-2 div:nth-child(1) a,
  .contents-gold .reason-03 .reason-03-2 div:nth-child(1) a{
    margin: 0 10% 2% 10%;
  }
  .contents-normal .reason-03 .reason-03-2 div:nth-child(2) a,
  .contents-gold .reason-03 .reason-03-2 div:nth-child(2) a{
    width: 80%;
    margin-left: 0;
    bottom: 6%;
    transform: translate(-50%, 0);
  }
  
  .notes .text_block h3{
    font-size: 12px;
  }
  .notes .text_block dl dt,
  .notes .text_block dl dd,
  .notes .text_block dl dd a,
  .notes .text_block dl dd ul li{
    font-size: 10px;
  }
  /* Gold */
  .contents-normal,
  .contents-gold{
    overflow: hidden;
    width: 100%;
  }
  .contents-gold .gold-01{
    background: url(../images/sp/gold_bg01.png) no-repeat center top;
    background-size: cover;
  }
  .contents-gold .normal-01{
    background: url(../images/sp_gold_bg_section_01.png?20250717) no-repeat center top;
    background-size: cover;
  }
  .contents-gold .reason-01-3{
    margin-left: -15%;
    margin-right: -15%;
  }

  .modal-etc{
    margin-top: 0vh;
  }
  .contents-gold .gold-02{
    padding: 20px 5% 10% 5%;
  }
  .contents-gold .reason-02-1 .reson-02-2{
    padding: 0 11%;
    margin-bottom: 30px;
  }
  .contents-gold .reason-02-1 .reson-02-2 p{
    background: url(../images/sp_gold_bg_reason_02_02.png) repeat-y top left;
    background-size: contain;
  }
  .contents-gold .gold-02{
    background: url(../images/sp_gold_bg_section_02.png) no-repeat center top;
    background-size: cover;
  }

  /* modal */
  .refinemodal-inner {
    width: 90%;
    top: 10%;
    left: 50%;
    transform: translate(-50%, 0);
    padding: 5%;
  }
  .refinemodal .modal-close{
    display: block;
  }
  .refinemodal-inner h4{
    margin: -24% 0 5% 0;
  }
  .modal-close{
    width: 100px;
    height: 100px;
  }
  .refinemodal .modal-close-second{
    width: 100%;
    margin: 0;
    transform: translate(-50%, 0);
  }
  #modal-etc-gold h5{
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px;
  }
  #modal-etc-gold .refinemodal-inner{
    width: 80%;
    left: 50%;
    max-height: 300%;
  }
  #modal-etc-gold p{
    font-size: 13px;
  }
  #modal-etc-gold div.etc-row{
    display: block;
    margin: 0;
  }
  #modal-etc-gold div.etc-row div{
    width: 100%;
    margin: 70px 0 0 0!important;
  }
  #modal-etc-gold div.etc-row div p:nth-child(1) img{
    width: 100px;
    margin: 0 auto;
  }
  #modal-etc-gold div.etc-block{
    margin-left: 0;
    margin-right: 0;
  }
  #modal-etc-gold div.etc-block p:nth-child(1){
    margin-left: 0;
    transform: translate(-50%, 0);
    width: 80%;
  }
  #modal-etc-gold div.etc-block div.etc-row-second{
    display: block;
  }
  #modal-etc-gold div.etc-block div.etc-row-second div{
    width: 100%;
    padding: 0 10% 0 10%;
  }
  #modal-etc-gold div.etc-block div.etc-row-second div p{
    margin: 0;
    padding-bottom: 20px;
  }
  .contents-gold .reason-01-3 .text-area ul{
    margin-right: 15%;
    margin-left: 15%;
  }

  /* シミュレータ */
  .contents-normal .normal-simulation,
  .contents-gold .gold-simulation{
    padding-left: 5%;
    padding-right: 5%;
  }
  .contents-normal .normal-simulation{
    background: url(../images/sp/sp-bg03.png) repeat top left;
  }
  .contents-gold .gold-simulation{
    background: url(../images/sp/sp-bg04.png) repeat top left;
  }
  .contents-normal .normal-simulation .simulation-block,
  .contents-gold .gold-simulation .simulation-block{
    margin-top: -3vh;
  }
  .contents-normal .normal-simulation #simulation_block,
  .contents-gold .gold-simulation #simulation_block_gold{
    display: block;
    margin-top: 70px;
  }
  .contents-normal .normal-simulation #simulation_block #ymobile-payment section,
  .contents-normal .normal-simulation #simulation_block #daily-payment section,
  .contents-gold .gold-simulation #simulation_block_gold #ymobile-payment_gold section,
  .contents-gold .gold-simulation #simulation_block_gold #daily-payment_gold section{
    margin: 0 5% 0 5%;
    padding: 20px 10px 40px 10px;
  }
  .contents-normal .normal-simulation #simulation_block #ymobile-payment section,
  .contents-gold .gold-simulation #simulation_block_gold #ymobile-payment_gold section{
    border-radius: 16px;
  }
  .contents-normal .normal-simulation #simulation_block #ymobile-payment,
  .contents-normal .normal-simulation #simulation_block #daily-payment,
  .contents-gold .gold-simulation #simulation_block_gold #ymobile-payment_gold,
  .contents-gold .gold-simulation #simulation_block_gold #daily-payment_gold{
    width: 100%;
  }
  .contents-normal .normal-simulation #simulation_block #daily-payment,
  .contents-gold .gold-simulation #simulation_block_gold #daily-payment_gold{
    margin-top: 80px;
  }
  .contents-normal .normal-simulation #simulation_block .ttl p,
  .contents-gold .gold-simulation #simulation_block_gold .ttl p{
    font-size: 16px;
    letter-spacing: -1.5px;
  }
  .contents-normal .normal-simulation #simulation_block .ttl p span.ttl-img,
  .contents-gold .gold-simulation #simulation_block_gold .ttl p span.ttl-img{
    width: 15%;
  }
  .contents-normal .normal-simulation #simulation_block .ttl p span,
  .contents-gold .gold-simulation #simulation_block_gold .ttl p span{
    font-size: 12px;
  }
  .contents-normal .normal-simulation #simulation_block #payment_shopping .ttl p span,
  .contents-gold .gold-simulation #simulation_block_gold #payment_shopping_gold .ttl p span{
    font-size: 10px;
    letter-spacing: -0.5px;
  }
  .contents-normal .normal-simulation #simulation_block div.row_box input,
  .contents-gold .gold-simulation #simulation_block_gold div.row_box input{
    font-size: 5vw;
    width: 20vw;
    height: 30px;
  }
  div.row_box .input p{
    font-size: 10px;
  }
  div.row_box .input p:nth-child(2){
    align-items: center;
  }
  div.row_box .input p:nth-child(2) span{
    font-size: 6px;
    white-space: nowrap;
  }
  div.row_box .input p:nth-child(2) span strong{
    font-size: 10px;
  }
  div.row_box .annual_grant_amount p{
    margin: 0;
  }
  div.row_box .annual_grant_amount p strong{
    font-size: 25px;
  }
  div.row_box .annual_grant_amount p span{
    font-size: 10px;
  }
  div.row_box .monthly_grant_amount p{
    font-size: 9px;
  }
  .right-box{
    min-width: 135px;
    white-space: nowrap;
  }
  .row_etc ul li{
    font-size: 10px;
  }
  #total-payment, #total-payment_gold{
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% auto;
    margin: 0 -3px 0 -3px;
  }
  #total-payment .payment, #total-payment_gold .payment{
    padding: 20px 0 0 0;
    margin: 0;
  }
  #total-payment .payment span:nth-child(1), #total-payment_gold .payment span:nth-child(1){
    font-size: 5vw;
  }
  #total-payment .payment #payment1, #total-payment_gold .payment #payment1_gold{
    font-size: 11vw;
  }
  #total-payment .payment span:nth-child(3), #total-payment_gold .payment span:nth-child(3){
    font-size: 6vw;
  }
  #total-payment .etc-img-sp, #total-payment_gold .etc-img-sp{
    padding: 0 5% 0 5%;
  }
  #total-payment .etc-img-sp2, #total-payment_gold .etc-img-sp2{
    width: 40%;
    margin: 0 auto;
  }
  #total-payment .total .icon02, #total-payment_gold .total .icon02{
    padding: 0 5% 0 5%;
  }
  #total-payment .total .icon02 strong:nth-child(1), #total-payment_gold .total .icon02 strong:nth-child(1){
    padding: 18px 10px 18px 10px;
  }
  #total-payment .total .icon02 strong em#total2, #total-payment_gold .total .icon02 strong em#total2_gold{
    font-size: 11vw;
    white-space: nowrap;
  }
  #total-payment .total .icon02 strong em:nth-child(1), #total-payment_gold .total .icon02 strong em:nth-child(1){
    width: 15%;
  }
  #total-payment .total .icon02 strong em:nth-child(3), #total-payment_gold .total .icon02 strong em:nth-child(3){
    font-size: 4vw;
  }
  #total-payment .total .icon02 strong:nth-child(1), #total-payment_gold .total .icon02 strong:nth-child(1){
    margin-right: 0;
  }
  #total-payment .total .second_tax, #total-payment_gold .total .second_tax{
    display: inline-block;
    font-size: 3vw;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #total-payment .total .second_tax #total3, #total-payment_gold .total .second_tax #total3_gold{
    font-size: 5vw;
  }

  /* floating */
  .left-normal-btn{
    width: 60%;
    margin-right: 0;
    transform: translate(10%, 0);
    top: 30px;
  }
  .right-gold-btn{
    width: 60%;
    margin-left: 0;
    transform: translate(-10%, 0);
    top: 30px;
  }
  .bottom-floating-normal, .bottom-floating-gold,
  .bottom-floating-gold, .bottom-floating-gold{
    max-width: 95%;
    min-width: 95%;
    margin-left: 0;
    transform: translate(-50%, 0);
  }
  .bottom-floating-normal h5, .bottom-floating-gold h5,
  .bottom-floating-gold h5, .bottom-floating-gold h5{
    width: 30%;
    margin: -5% auto 10px auto;
  }
  #lp .gotop{
    bottom: 100px;
  }

}

/* Push-Page */
.guests .contents-normal .normal-01 h1{
  text-align: center;
  padding-top: 30px;
}
.guests .contents-normal .reason-03 .reason-03-2 div:nth-child(1) a{
  margin-top: 20%;
}
.guests .contents-normal .reason-02-1{
  margin-top: -3%;
}
.guests .contents-normal .reason-01-1{
  padding-top: 7%;
}
.guests .bottom-floating-normal{
  min-width: 350px;
  margin-left: -175px;
}
.guests .bottom-floating-normal .floating-row p, .bottom-floating-gold .floating-row p{
  width: 100%;
}
@media (max-width: 768px) {
  .guests .contents-normal .normal-01 h1 img{
    margin: 0 auto;
  }
  .guests .contents-normal .reason-02-1{
    margin: 0% 5% 0 5%;
  }
  .guests .bottom-floating-normal{
    min-width: 95%;
    margin-left: 0;
    margin-bottom: -10px;
  }
  .guests .contents-normal .reason-03 .reason-03-2 div:nth-child(1) a{
    margin-top: 0px;
  }
  .guests .bottom-floating-normal .floating-row p{
    width: 60%;
    padding-top: 10px;
  }
  .guests .bottom-floating-normal h5{
    margin: 0;
    padding-top: 15px;
  }
}


@media (min-width: 1900px) {
  .l-lp .lp-mv h1,
  .lp-tab ul li{
    background-size: cover;
  }
  .lp-tab ul li.not-active{
    background: url(../images/normal_bg_navi_non.png) no-repeat top right;
    background-size: cover;
  }
  .lp-tab ul li:nth-child(2){
    background: url(../images/gold_bg_navi.png) no-repeat top left;
    background-size: cover;
  }
  .lp-tab ul li:nth-child(2).not-active{
    background: url(../images/gold_bg_navi_non.png) no-repeat top left;
    background-size: cover;
  }

}

/* 2024-03-04 */
.move_number{
  display: inline-block;
  position: relative;
}
.move_number .move_01_3{
  position: absolute;
  top: 56%;
  /*left: 16%;*/
  left: 11%;
}
.move_number .move_01_3 img,
.move_number .move_02_10 img,
.move_number .move_03_3 img,
.move_number .move_01_1_5 img{
  width: 75%;
  height: auto;
}
.move_number .move_01_3 img.animate-gold-3,
.move_number .move_02_10 img.animate-gold-10,
.move_number .move_03_3 img.animate-gold-3,
.move_number .move_01_1_5 img.animate-gold-10{
  width: 100%;
}
.move_number .move_02_10{
  position: absolute;
  top: 56%;
  left: 37%;
}
.move_number .move_03_3{
  position: absolute;
  top: 56%;
  left: 68%;
}
.move_number .move_01_1_5{
  position: absolute;
  bottom: 12%;
  left: 24.5%;
}

.move_number .animate-gold-3{
  animation-name: textGold-3;
  animation-duration: .7s;
  animation-delay: 0s;
}
.move_number .animate-gold-10{
  animation-name: textGold-10;
  animation-duration: .7s;
  animation-delay: 0s;
}
.cp-text-01{
  background-color: #303030;
  border-radius: 0 0 15px 15px;
  margin-top: -12px;
}
.cp-text-01 p,
.cp-text-01 ul li{
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  padding: 10px 7% 0 7%;
  color: #fff;
  background-image: none!important;
  position: relative;
}
.cp-text-01 p a{
  font-size: 11px;
}

.cp-text-01 p:nth-child(1):before{
  display: block;
  content: '';
  border-top: 2px solid #fff;
  padding-top: 15px;
}
.cp-text-01 ul li{
  display: flex;
}
.cp-text-01 ul li span:nth-child(1) em{
  background-color: #fff;
  padding: 5px 10px;
  white-space: nowrap;
  color: #000;
  border-radius: 5px;
  font-weight: bold;
  margin-right: 10px;
}

@media (max-width: 768px) {
  .move_number .move_01_3 img,
  .move_number .move_02_10 img,
  .move_number .move_03_3 img,
  .move_number .move_01_1_5 img{
    width: 37.5%;
    height: auto;
  }
  .move_number .move_01_3 img.animate-gold-3,
  .move_number .move_02_10 img.animate-gold-10,
  .move_number .move_03_3 img.animate-gold-3,
  .move_number .move_01_1_5 img.animate-gold-10{
    width: 50%;
    height: auto;
  }
}

@keyframes textGold-10{
  0%{width:75%;opacity:1}
  10%{width:75%}
  20%{width:97%}
  40%{width:85%}
  60%{width:100%}
  80%{width:97%}
  100%{width:100%}
}
@keyframes textGold-3{
  0%{width:75%;opacity:1}
  10%{width:75%}
  20%{width:97%}
  40%{width:85%}
  60%{width:100%}
  80%{width:97%}
  100%{width:100%}
}
@media (max-width: 768px) {
  .move_number .move_01_3,
  .move_number .move_02_10,
  .move_number .move_03_3{
    top: 58%;
  }
  .move_number .move_01_3{
    /*left: 13%;*/
    left: 6%;
  }
  .move_number .move_02_10{
    left: 30%;
  }
  .move_number .move_03_3{
    left: 61%;
  }
  .move_number .move_01_1_5{
    bottom: 40%;
    left: 27%;
  }
  @keyframes textGold-10{
    0%{width:37.5%;opacity:1}
    10%{width:37.5%}
    20%{width:48.5%}
    40%{width:42.5%}
    60%{width:50%}
    80%{width:48.5%}
    100%{width:50%}
  }
  @keyframes textGold-3{
    0%{width:37.5%;opacity:1}
    10%{width:37.5%}
    20%{width:46.5%}
    40%{width:42.5%}
    60%{width:50%}
    80%{width:48.5%}
    100%{width:50%}
  }
  .cp-text-01-sp{
    padding: 0 3% 0 1.5%;
  }
  .cp-text-01{
    margin-top: -5px;
  }
  .gold-02 .cp-text-01-sp{
    padding: 0;
  }
}
@media (max-width: 375px) {
  .move_number .move_01_3,
  .move_number .move_02_10,
  .move_number .move_03_3{
    top: 53%;
  }
  .move_number .move_01_3{
    left: 4%;
  }
  .move_number .move_02_10{
    left: 27.1%;
  }
  .move_number .move_03_3{
    left: 60%;
  }
  .move_number .move_01_1_5{
    bottom: 40%;
    left: 26.5%;
  }
  @keyframes textGold-10{
    0%{width:37.5%;opacity:1}
    10%{width:37.5%}
    20%{width:48.5%}
    40%{width:42.5%}
    60%{width:50%}
    80%{width:48.5%}
    100%{width:50%}
  }
  @keyframes textGold-3{
    0%{width:37.5%;opacity:1}
    10%{width:37.5%}
    20%{width:46.5%}
    40%{width:42.5%}
    60%{width:50%}
    80%{width:48.5%}
    100%{width:50%}
  }
}

/* 2024-09-02 */
.an_10th{
  max-width: calc(700px + 14%);
  margin: 0 auto;
  padding: 0 7%;
  padding-top: 20px;
}
.an_10th div{
  min-height: 740px;
  background: url(../images/10th_bg.png) no-repeat top left;
  background-size: 100% 100%;
}
.an_10th div h2{
  text-align: center;
  padding: 40px 0 30px 0;
}
.an_10th div h3{
  text-align: center;
  margin-bottom: 20px;
}
.an_10th div h2 img{
  width: 90%;
}
.an_10th div h3 img{
  width: 80%;
}
.an_10th div p.first-text{
  padding: 0 85px 0 85px;
}
.an_10th div p.img-paypay img{
  width: 80%;
}
.an_10th div p.first-btn{
  margin-bottom: 20px;
}
.an_10th div p.first-btn img{
  width: 50%;
}
.an_10th div p.text-border{
  text-align: center;
}
.an_10th div p.text-border span{
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  background: linear-gradient(transparent 50%, #F5E828 0%);
  display: inline;
  padding: 0 1px 0px;
}
.an_10th div p:last-child{
  font-size: 16px;
  font-weight: bold;
  padding: 0 30px;
}
.ul_10th li{
  display: flex;
}
.ul_10th li span:nth-child(1){
  width: 2em;
  white-space: nowrap;
}
.ul_10th li span:nth-child(2){
  width: 100%;
}
.ul_10th li span:nth-child(2) a{
  color: #1198de;
}
.normal-10th-fix{
  position: relative;
}
.normal-10th-fix{
  padding: 30px 10px 10px 10px;
  background: url(../images/10th_bg_bottom.png) no-repeat bottom left;
  background-size: 100% auto;
}
.gold-02 .normal-10th-fix{
  background: url(../images/10th_bg_bottom_gold.png) no-repeat bottom left;
  background-size: 100% auto;
}
.normal-10th-fix .bottom-floating-normal{
  display: block!important;
  position: relative;
  bottom: auto;
  border-radius: 16px;
  min-width: 90%;
  max-width: 90%;
  left: 0;
  margin-left: 25px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.gold-02 .normal-10th-fix .bottom-floating-normal{
  margin-left: 30px;
}
.normal-10th-fix .bottom-floating-normal .floating-row p, .bottom-floating-gold .floating-row p{
  padding: 0;
  background-image: none;
}
.ul_10th{
  background-color: #333333;
  margin-left: 1.4%;
  margin-right: 3%;
  padding: 20px;
  margin-bottom: 0;
}
.gold-02 .ul_10th{
  margin-left: 0;
  margin-right: 0;
}
.ul_10th li{
  font-size: 12px;
}
.ul_10th li a{
  font-size: 12px;
}
.box_202412{
  width: 850px;
  display: inline-block;
  position: relative;
}
.box_202412 em.text-area{
  display: block;
  text-align: left;
  padding: 15px 10% 0;
  font-size: 12px;
  margin-bottom: 0;
  background: url(../images/gold_reason_01_01_02.png) repeat-y top left;
}
.box_202412_normal em.text-area{
  background: url(/sp/paypay-card/guests/images/normal_reason_01_01_02.png) repeat-y top center;
}
@media (max-width: 768px) {
  .an_10th div{
    /*min-height: 782px;*/
    min-height: 100px;
    background: url(../images/10th_bg_sp.png) no-repeat top left;
    background-size: 100% 100%;
  }
  .an_10th div h2{
    padding: 30px 0 15px 0;
  }
  .an_10th div h3{
    margin-bottom: 10px;
  }
  .an_10th div p.first-text{
    padding: 0 35px 0 35px;
    font-size: 10px;
    line-height: 1.2;
    margin-bottom: 10px;
  }
  .an_10th div p.img-paypay,
  .an_10th div p.first-btn{
    margin-bottom: 10px;
  }
  .an_10th div p.img-paypay img{
    width: 90%;
  }
  .an_10th div p.first-btn img{
    width: 70%;
  }
  .an_10th div p.text-border{
    margin-bottom: 10px;
  }
  .an_10th div p.text-border span{
    font-size: 13px;
  }
  .an_10th div p:last-child{
    font-size: 13px;
    padding: 0 20px 20px 20px;
    margin-bottom: 0;
  }
  .ul_10th{
    margin-left: 1.4%;
    margin-right: 2.7%;
  }
  .gold-02 .normal-10th-fix .bottom-floating-normal,
  .normal-10th-fix .bottom-floating-normal{
    transform: translate(0, 0);
    min-width: 98%;
    padding: 0px 10px 10px 10px!important;
    margin-left: 0;
  }
  .gold-02 .ul_10th{
    margin-left: 0%;
    margin-right: 0%;
  }
  .gold-02 .normal-10th-fix,
  .normal-10th-fix{
    padding-top: 10px;
  }
  .box_202412{
    /*max-width: 850px;*/
  }
  .box_202412 em.text-area{
    display: block;
    text-align: left;
    padding: 15px 15% 0;
    font-size: 10px;
    margin-bottom: 0;
    background: url(../images/sp_gold_reason_01_01_02.png) repeat-y top left;
    background-size: 100%;
  }
  .box_202412 em.text-area a{
    font-size: 10px;
  }
  .box_202412_normal em.text-area{
    background: url(/sp/paypay-card/guests/images/sp_normal_reason_01_01_02.png) repeat-y top center;
    background-size: 100%;
  }
}

/* 20250201パワーアップ追加 */
.powerup{
  max-width:700px;
  margin:0 auto 40px auto;
}

.wbox{
  max-width:700px;
  border:solid 3px #000;
  border-radius:15px;
  background-color: #fff;
  margin:0 auto;
  padding:20px 0;
}

@media (max-width: 768px) {
  .powerup{
    max-width: calc(700px + 14%);
    margin: 0 auto;
    padding: 0 7%;
  }
}

/* /20250201パワーアップ追加 */

/* PayPayカードLPTOP背景画像修正  */


.reason-02-1 {
  width: 100%;
  position: relative;
}

.reason-02-1-inner-bg {
  position: absolute;
  top: 120px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 300px; /* 高さは適宜調整 */
  z-index: 0;
}

.contents-normal .normal-02 {
  padding: 20px 9% 10% 9%;
  overflow: hidden;
}
.contents-normal .reason-02-1 .reson-02-2 {
  margin: 400px auto 3% auto;
}
.contents-gold .reason-02-1 .reson-02-2 {
  margin: 400px auto 3% auto;  
}

.reason-01-1  {
  width: 100%;
  position: relative;
}

.reason-01-1 .side-image {
  width: 100px;
}

.reason-01-1-inner-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 0;
}

.reason-01-1 .text-area-padding  {
  padding: 645px 7% 0 7%;
}

.gold-move-num-wrap .side-image {
  width: 20%;
  margin-top: 259px;
}

.side-image {
  width: 20%;
}
.side-image-left  {
  width: 19%;
}

.center-image {
  max-width: 107%;
  height: auto;
  z-index: 1;
}

.content-img {
  position: relative;
  margin: 0 auto;
  z-index: 2;
  padding-top: 300px; /* 背景の高さ分空ける */
}

.gold-move-num-wrap {
  width: 100%;
  position: relative;
}

.box_202412-bg  {
  position: absolute;
  top: 120px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 300px; /* 高さは適宜調整 */
  z-index: 0;  
}

.contents-gold h2{
  padding: 20px 14% 20px 14%;
}

.box_202412 em.text-area{
  padding: 420px 10% 0;
}

.contents-gold .text-area-padding{
  max-width: calc(700px + 14%);
  margin: 0 auto;
  padding: 0 7% 0 7%;
  box-sizing: border-box;
}

.contents-gold .reason-01-1 {
  padding-bottom: 7%;
  width: 850px;
  margin: 0 auto;
}
@media (max-width: 768px) {

  .reason-01-1 .text-area {
    padding: 15px 7% 0 7%;
  }

  .contents-normal .reason-02-1 h3 {
    margin-left: 0%;
    margin-right: 0%;
  }
  .contents-normal .reason-02-1 .reson-02-2 {
    margin: 5% auto 3% auto;
  }

  .contents-gold .reason-01-1 {
    width: 100%;
  }

  .contents-gold h2 {
    padding: 20px 14%;
  }
  .box_202412 {
    max-width: 850px;
    display: inline;
  }
  .box_202412 em.text-area {
    padding: 15px 15% 0;
  }
  .move_number .move_01_1_5 {
    bottom: 46%;
  }
  .paypay-slide {
      top: auto;
    bottom: 0;
  }
  .contents-gold .reason-02-1 h3 {
    margin-left: 0%;
    margin-right: 0%;
  }
  .contents-gold .reason-02-1 .reson-02-2 {
    margin: 5% auto 3% auto;
  }
  .contents-gold .reason-02-1 .reson-02-2 {
        padding: 0 6%;
  }

}
@media (max-width: 375px) {
  .paypay-slide{
    top: auto;
    bottom: -3vh;
  }
}
/* /PayPayカードLPTOP背景画像修正  */

/*  PayPayカードYMゲスト用LP修正 */
@media (max-width: 768px) {
.reason-02-1-wid{
  width: auto !important;
}
}
/*  /PayPayカードYMゲスト用LP修正 */


.box-otoku-01{
  width: 700px;
  margin: 0 auto;
}
.box-otoku-01 img{
  margin-left: auto;
  margin-right: auto;
}
.box-otoku-01 .otoku-content-01{
  background-color: #fff;
  padding: 0 30px;
  margin-top: -25px;
  padding-top: 40px;
  padding-bottom: 30px;
  position: relative;
  border-radius: 15px;
}
.box-otoku-01 .otoku-content-01 .ttl-img{
  text-align: center;
  margin-bottom: 50px;
}
.box-otoku-01 .otoku-content-01 .otoku-01,
.box-otoku-01 .otoku-content-01 .otoku-02{
  border-radius: 15px;
  border: 2px solid #333;
  text-align: center;
}
.box-otoku-01 .otoku-content-01 .otoku-01 p{
  margin-left: -25px;
  margin-right: -25px;
}
.box-otoku-01 .otoku-content-01 .otoku-02 p{
  margin-left: -30px;
  margin-right: -15px;
}
.box-otoku-01 .otoku-content-01 .otoku-01 p img,
.box-otoku-01 .otoku-content-01 .otoku-02 p img{
  width: 100%;
}
.box-otoku-01 .otoku-content-01 .otoku-01 p.first{
  margin-top: -40px;
}
.box-otoku-01 .otoku-content-01 .otoku-01 p.last{
  margin: 0;
  padding: 10px 10px 30px 10px;
  background-color: #FFEBEB;
  margin-top: 90px;
  border-radius: 0 0 15px 15px;
}
.box-otoku-01 .otoku-content-01 .otoku-01 p.last img{
  margin-top: -90px;
}
.box-otoku-01 .otoku-content-01 .otoku-02 p{
  margin-top: -60px;
}

.box-otoku-01 .otoku-content-01 .otoku-02 p.last{
    padding: 10px 10px 20px 10px;
    background-color: #FFEBEB;
    margin: 95px 0 0 0;
}
.box-otoku-01 .otoku-content-01 .otoku-02  p.last img {
    margin-top: -90px;
}
.box-otoku-01 .otoku-content-01 .otoku-02 p.last + p{
  padding: 10px 10px 30px 10px;
  text-align: left;
  background-color: #FFEBEB;
  border-radius: 0 0 15px 15px;
  margin: 0;
}
.box-otoku-01 .otoku-content-01 ul.annotation_number,
.reason-02 ul.annotation_number{
  margin-left: 1.8em;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 100px;
  background: url(../images/pc/bg_w.png) no-repeat center center;
}
.reason-02 ul.annotation_number{
  padding-top: 0;
  padding-bottom: 0;
  background: none;
}
.box-otoku-01 .otoku-content-01 ul.annotation_number li,
.reason-02 ul.annotation_number li{
  text-indent: -1.8em;
  font-size: 11px;
}
.box-otoku-01 .otoku-content-01 ul.annotation_number li a,
.reason-02 ul.annotation_number li a{
  font-size: 11px;
  text-decoration: underline;
  color: #357DEB;
}

.box-otoku-02,
.box-otoku-03,
.box-otoku-etc{
  width: 700px;
  margin: 0 auto;
}
.box-otoku-02 p{
  margin-left: -120px;
  margin-right: -120px;
}
.box-otoku-etc p{
  margin-left: -155px;
  margin-right: -155px;
  margin-top: 50px;
}
.box-otoku-03{
  margin-top: 50px;
}
.normal-02 .reason-02{
  padding-top: 7%;
}
.box-otoku-03 p.pos{
  margin: -90px 40px 55px 40px;
}
.reason-noraml-card{
  margin-top: 60px;
  padding: 100px 0;
  background: url(../images/pc/pc-bg02.png) center center;
}
.reason-noraml-card .row-area{
  display: flex;
  align-items: center;
  width: 700px;
  margin: 0 auto;
}
.reason-noraml-card .row-area .card{
  width: 50%;
}
.reason-noraml-card .row-area .btn-area .first{
  display: inline-block;
  height:75px;
  overflow: hidden;
}
.reason-noraml-family-card{
  background-color: #fff;
  margin-top: -10px;
  padding: 30px 0;
}
.reason-noraml-family-card .family-btn{
  margin-top: -170px;
  margin-bottom: 100px;
}
.box-gold-otoku-01,
.box-gold-otoku-02,
.box-gold-otoku-02-2,
.box-gold-otoku-02-3{
  width: 700px;
  margin: 0 auto;
}
.box-gold-otoku-02-2{
  margin-bottom: 5%;
}
.reason-01{
  padding-bottom: 5%;
}
.box-gold-otoku-02 p{
  margin-left: -120px;
  margin-right: -120px;
}
.box-gold-otoku-02-3 p.pos{
  margin: -90px 40px 55px 40px;
}
/*** SP ***/
@media (max-width: 768px) {
  .l-footer-bottom{
    padding-bottom: 120px;
  }
  .box-otoku-01 img{
    width: 100%;
  }
  .box-otoku-01 .otoku-content-01 .ttl-img{
    padding-top: 20px;
    margin-bottom: 20px;
  }
  .box-otoku-01 .otoku-content-01 .otoku-01 p{
    margin-left: -20px;
    margin-right: -20px;
  }
  .box-otoku-01 {
    width: 100%;
    padding: 0 20px;
  }
  .box-otoku-02, .box-otoku-03, .box-otoku-etc{
    width: 100%;
    padding: 0 20px;
  }
  .box-otoku-03{
    padding: 0;
  }
  .box-otoku-01 .otoku-content-01{
    margin-top: -15px;
    padding: 0 20px 20px;
  }
  .box-otoku-01 .otoku-content-01 .otoku-01 p.first{
    margin-top: -20px;
  }
  .box-otoku-01 .otoku-content-01 .otoku-01 p.last{
    margin-top: 30px;
    padding-bottom: 20px;
  }
  .box-otoku-01 .otoku-content-01 .otoku-01 p.last img{
    margin-top: -30px;
  }
  .box-otoku-01 .otoku-content-01 ul.annotation_number{
    padding-top: 20px;
    padding-bottom: 50px;
    background: url(../images/sp/bg_w.png) no-repeat top center;
    background-size: contain;
  }
  .box-otoku-01 .otoku-content-01 .otoku-02 p{
    margin-top: -30px;
    margin-left: -20px;
    margin-right: -10px
  }
  .box-otoku-01 .otoku-content-01 .otoku-02 p.last + p{
    font-size: 11px!important;
    padding: 0 10px 20px 10px;
  }
  .box-otoku-02 p,
  .box-otoku-etc p{
    margin-left: -95px;
    margin-right: -95px;
  }
  .box-otoku-02 p img,
  .box-otoku-03 img,
  .box-otoku-etc p img{
    width: 100%;
  }
  .box-otoku-03 p.pos{
    font-size: 11px!important;
    margin: -90px 20px 20px 20px;
  }
  .contents-normal .normal-simulation h2 img,
  .contents-gold .gold-simulation h2 img{
    width: 100%;
  }
  .contents-normal .normal-simulation #simulation_block,
  .contents-gold .gold-simulation #simulation_block_gold{
    margin-top: 0;
  }
  .contents-normal .normal-simulation #simulation_block #ymobile-payment,
  .contents-gold .gold-simulation #simulation_block_gold #ymobile-payment_gold{
    padding-top: 70px;
  }
  .contents-normal .normal-simulation #simulation_block #ymobile-payment section,
  .contents-gold .gold-simulation #simulation_block_gold #ymobile-payment_gold section{
    border-bottom: 2px solid #333;
  }
  .reason-noraml-card{
    margin-top: 0;
    padding: 0;
  }
  .reason-noraml-card .row-area{
    display: block;
    width: 100%;
    padding-bottom: 20px;
  }
  .reason-noraml-card .row-area .card{
    width: 100%;
    margin-top: 60px;
    position: relative;
  }
  .reason-noraml-card .row-area .card img.d-md-block{
    margin: 0 auto;
    position: relative;
    margin-top: -20px;
    display: inline-block!important;
  }
  .reason-noraml-card .row-area .btn-area a{
    display: inline-block;
  }
  .reason-noraml-card .row-area .btn-area .first{
    height: 90px;
  }
  .reason-noraml-family-card{
    padding: 30px 20px 0;
  }
  .reason-noraml-family-card .family-btn{
    margin-top: -90px;
    margin-bottom: 80px;
  }
  .reason-noraml-family-card .family-btn img{
    margin: 0 auto;
  }
  .box-gold-otoku-01,
  .box-gold-otoku-02,
  .box-gold-otoku-02-2,
  .box-gold-otoku-02-3{
    width: 100%;
    padding: 0 20px;
  }
  .box-gold-otoku-02 p{
    margin-left: -60px;
    margin-right: -60px;
  }
  .box-gold-otoku-02 p img{
    margin: 0 auto;
    width: 100%;
  }
  .box-gold-otoku-02-2,
  .box-gold-otoku-02-3{
    padding: 0;
  }
  .box-gold-otoku-02-2 img,
  .box-gold-otoku-02-3 img,
  .contents-gold .reason-01-3 p img{
    width: 100%;
  }
  .box-gold-otoku-02-3 p.pos{
    font-size: 11px!important;
    margin: -95px 40px 35px 40px;
  }
  .bottom-floating-normal,
  .bottom-floating-gold{
    background: url(../images/sp/bottom-btn-bg.png) repeat center center;
  }
  .contents-normal .normal-02{
    overflow: visible;
  }
  .contents-gold .reason-01-3 p{
    margin-left: 0px;
    margin-right: 0px;
  }
  #slide_area{
    position: relative;
  }
}
@media (max-width: 375px) {
  .box-otoku-02 p,
  .box-otoku-etc p{
    margin-left: -80px;
    margin-right: -80px;
  }
}

/**** 2025-09-daikichi ****/
.simple-tab{
  position: absolute;
  top: 140px;
  left: 50%;
  width: 800px;
  margin-left: -400px;
  display: flex;
}
.simple-tab-normal{
  top: 10px;
}
.simple-tab li{
  cursor: pointer;
}
.simple-tab li:hover{
  opacity: 0.7;
}
.simple-tab li.tab-active{
  cursor: default;
}
.simple-tab li.tab-active:hover{
  opacity: 1;
}
.reason-01-3{
  margin: 40px -11% 0
}
.box-otoku-01 .otoku-content-01 .ttl-img{
  padding-top: 100px;
}
.white-back{
  border-radius: 0 0 15px 15px;
  background-color: #fff;
  padding: 0 30px 30px 30px;
}
@media (max-width: 768px) {
  .simple-tab{
    width: 370px;
    margin-left: -185px;
  }
  .reason-01-3{
    margin: 40px -25% 0!important;
  }
  .white-back{
    margin-top: -10px;
  }
}

/* 20251201 */
.paypay_matsuri-bnr  {
  background-color: #FF0033;
}
.paypay-masturi-2025  {
  padding: 50px 0 60px 0;
  background: url(/sp/paypay-card/images/paypay_matsuri_bg_20251201.png) center center;
}
.paypay-masturi-2025-inner  {
  width: 810px;
  margin:0 auto;
}
.paypay-masturi-note-2025 {
  margin:0 20px;
}
@media (max-width: 768px) {
  .paypay_matsuri-bnr  {
    padding-bottom: 25px;
  }
  .paypay-masturi-2025  {
    padding: 40px 0 50px 0;
  }
  .img-center img {
    margin: 0 auto;
  }
  .paypay-masturi-2025-inner  {
    width: 100%;
    margin:0 auto;
    padding: 0 10px;
  }
  .paypay-masturi-note-2025 {
    margin:0 10px;
  }
}
/* 20251201 */